chore: Modify get_image_distribution job parameters (#579)

Signed-off-by: yingxuan <zhanglujia.zlj@digital-engine.com>
Co-authored-by: yingxuan <zhanglujia.zlj@digital-engine.com>

.github/workflows/check-size.yaml

@@ -13,10 +13,10 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - name: Checkout code
-        uses: actions/checkout@v4
+        uses: actions/checkout@v5
 
       - name: Check large files
-        uses: actionsDesk/lfs-warning@v3.2
+        uses: actionsDesk/lfs-warning@v3.3
         env:
           GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
         with:

.github/workflows/ci.yaml

@@ -15,7 +15,7 @@ jobs:
 
     steps:
       - name: Checkout code
-        uses: actions/checkout@v4
+        uses: actions/checkout@v5
 
       - name: Setup node
         uses: actions/setup-node@v4
@@ -24,7 +24,7 @@ jobs:
       - run: yarn
 
       - name: Cache nextjs build
-        uses: actions/cache@v3
+        uses: actions/cache@v4
         with:
           path: .next/cache
           key: nextjs-${{ hashFiles('package*.json') }}

.github/workflows/codeql-analysis.yaml

@@ -20,15 +20,15 @@ jobs:
 
     steps:
       - name: Checkout code
-        uses: actions/checkout@v4
+        uses: actions/checkout@v5
 
       - name: Initialize CodeQL
-        uses: github/codeql-action/init@v2
+        uses: github/codeql-action/init@v3
         with:
           languages: ${{ matrix.language }}
 
       - name: Autobuild
-        uses: github/codeql-action/autobuild@v2
+        uses: github/codeql-action/autobuild@v3
 
       - name: Perform CodeQL Analysis
-        uses: github/codeql-action/analyze@v2
+        uses: github/codeql-action/analyze@v3

.github/workflows/e2e.yaml

@@ -0,0 +1,31 @@
+name: E2E Test
+
+on: push
+
+jobs:
+  cypress-run:
+    runs-on: ubuntu-22.04
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v5
+
+      - name: Setup node
+        uses: actions/setup-node@v4
+        with:
+          node-version: '18.x'
+
+      - name: Install dependencies
+        run: yarn install --force
+
+      - name: Cypress run
+        uses: cypress-io/github-action@v6
+        with:
+          build: yarn build
+          start: yarn start
+          wait-on: 'http://localhost:3000'
+          wait-on-timeout: 120
+
+      - name: Upload coverage reports to Codecov
+        uses: codecov/codecov-action@v5
+        env:
+          CODECOV_TOKEN: ${{ secrets.CODECOV_TOKEN }}

.github/workflows/lint.yaml

@@ -13,7 +13,7 @@ jobs:
 
     steps:
       - name: Checkout code
-        uses: actions/checkout@v4
+        uses: actions/checkout@v5
 
       - name: Setup node
         uses: actions/setup-node@v4

.github/workflows/release.yml

@@ -12,7 +12,7 @@ jobs:
 
     steps:
       - name: Checkout code
-        uses: actions/checkout@v4
+        uses: actions/checkout@v5
 
       - name: Set node version
         uses: actions/setup-node@v4

.gitignore

@@ -46,3 +46,6 @@ tsconfig.tsbuildinfo
 
 # mock
 /mock
+
+#nyc
+/.nyc_output

README.md

@@ -2,6 +2,7 @@
 
 [![GitHub release](https://img.shields.io/github/release/dragonflyoss/console.svg)](https://github.com/dragonflyoss/console/releases)
 [![LICENSE](https://img.shields.io/github/license/dragonflyoss/console.svg?style=flat-square)](https://github.com/dragonflyoss/console/blob/main/LICENSE)
+[![Coverage](https://codecov.io/gh/dragonflyoss/console/branch/main/graph/badge.svg)](https://app.codecov.io/gh/dragonflyoss/console)
 
 ## Introduction
 
@@ -32,8 +33,9 @@ You can find the full documentation on the [d7y.io][d7y.io].
 Join the conversation and help the community.
 
 - **Slack Channel**: [#dragonfly](https://cloud-native.slack.com/messages/dragonfly/) on [CNCF Slack](https://slack.cncf.io/)
-- **Discussion Group**: <dragonfly-discuss@googlegroups.com>
+- **Github Discussions**: [Dragonfly Discussion Forum](https://github.com/dragonflyoss/dragonfly/discussions)
 - **Developer Group**: <dragonfly-developers@googlegroups.com>
+- **Maintainer Group**: <dragonfly-maintainers@googlegroups.com>
 - **Twitter**: [@dragonfly_oss](https://twitter.com/dragonfly_oss)
 - **DingTalk**: [22880028764](https://qr.dingtalk.com/action/joingroup?code=v1,k1,pkV9IbsSyDusFQdByPSK3HfCG61ZCLeb8b/lpQ3uUqI=&_dt_no_comment=1&origin=11)
 

codecov.yml

@@ -1,16 +1,16 @@
 coverage:
   precision: 2
   round: down
-  range: '80...100'
+  range: '90...100'
   status:
     project:
       default:
         enabled: yes
-        target: 80%
+        target: 90%
     patch:
       default:
         enabled: yes
-        target: 80%
+        target: 90%
 comment:
   layout: 'reach, diff, flags, files'
   behavior: default

config-overrides.js

@@ -5,6 +5,7 @@ module.exports = function override(config) {
     crypto: require.resolve('crypto-browserify'),
     stream: require.resolve('stream-browserify'),
     querystring: require.resolve('query-string'),
+    vm: false,
   });
   config.resolve.fallback = fallback;
   config.plugins = (config.plugins || []).concat([

cypress.config.ts

@@ -0,0 +1,19 @@
+import { defineConfig } from 'cypress';
+
+export default defineConfig({
+  // setupNodeEvents can be defined in either
+  // the e2e or component configuration
+  e2e: {
+    setupNodeEvents(on, config) {
+      require('@cypress/code-coverage/task')(on, config);
+      // include any other plugin code...
+
+      // It's IMPORTANT to return the config object
+      // with any changed environment variables
+      return config;
+    },
+    baseUrl: 'http://localhost:3000',
+  },
+  defaultCommandTimeout: 15000,
+  responseTimeout: 60000,
+});

cypress/e2e/404/404.cy.ts

@@ -0,0 +1,27 @@
+describe('404', () => {
+  beforeEach(() => {
+    cy.signin();
+
+    cy.viewport(1440, 1080);
+  });
+
+  it('show 404 page', () => {
+    cy.visit('/root');
+
+    cy.get('#404-help-text').should('have.text', `The page you were looking for doesn't exist.`);
+  });
+
+  it('click the `go back cluster` button', () => {
+    cy.visit('/root');
+
+    // Display 404 help text.
+    cy.get('#something-went-wrong').should('have.text', 'Something gone wrong!');
+    cy.get('#404-help-text').should('have.text', `The page you were looking for doesn't exist.`);
+
+    // Click go back cluster button.
+    cy.get('#go-back').click();
+
+    // Then I see that the current page is the clusters.
+    cy.url().should('include', '/clusters');
+  });
+});

cypress/e2e/audit/audit.cy.ts

@@ -0,0 +1,422 @@
+import audit from '../../fixtures/audit/audits.json';
+import paginationAudit from '../../fixtures/audit/pagination-audits.json';
+import users from '../../fixtures/users/users.json';
+import userAudit from '../../fixtures/audit/user.audits.json';
+import operationGetAudit from '../../fixtures/audit/operation-get-audits.json';
+import operationPostAudit from '../../fixtures/audit/operation-post-audits.json';
+import operationPutAudit from '../../fixtures/audit/operation-put-audits.json';
+import operationDeleteAudit from '../../fixtures/audit/operation-delete-audits.json';
+import operationPatchAudit from '../../fixtures/audit/operation-patch-audits.json';
+import actorTypeUserAudit from '../../fixtures/audit/actor-type-user-audits.json';
+import actorTypeUnknownAudit from '../../fixtures/audit/actor-type-unknown-audits.json';
+import actorTypePatAudit from '../../fixtures/audit/actor-type-pat-audits.json';
+import failureAudit from '../../fixtures/audit/failure-audits.json';
+
+describe('audit', () => {
+  beforeEach(() => {
+    cy.signin();
+
+    cy.intercept(
+      {
+        method: 'GET',
+        url: '/api/v1/audits?page=1&per_page=10',
+      },
+      (req) => {
+        req.reply((res: any) => {
+          const responseHeaders = {
+            ...res.headers,
+            Link: '</api/v1/audits?page=1&per_page=10>;rel=prev,</api/v1/audits?page=2&per_page=10>;rel=next,</api/v1/audits?page=1&per_page=10>;rel=first,</api/v1/audits?page=2&per_page=10>;rel=last',
+          };
+          res.send(200, audit, responseHeaders);
+        });
+      },
+    );
+    cy.intercept(
+      {
+        method: 'GET',
+        url: '/api/v1/audits?page=2&per_page=10',
+      },
+      (req) => {
+        req.reply((res: any) => {
+          const responseHeaders = {
+            ...res.headers,
+            Link: '</api/v1/audits?page=1&per_page=10>;rel=prev,</api/v1/audits?page=3&per_page=10>;rel=next,</api/v1/audits?page=1&per_page=10>;rel=first,</api/v1/audits?page=2&per_page=10>;rel=last',
+          };
+          res.send(200, paginationAudit, responseHeaders);
+        });
+      },
+    );
+    cy.intercept(
+      {
+        method: 'GET',
+        url: '/api/v1/users?page=1&per_page=10000000',
+      },
+      (req) => {
+        req.reply({
+          statusCode: 200,
+          body: users,
+        });
+      },
+    );
+    cy.visit('/audit');
+    cy.viewport(1440, 1080);
+  });
+
+    it('when data is loaded', () => {
+      // Go to last page.
+      cy.get('.MuiPagination-ul > :nth-child(4)').click();
+
+      // Can display user name.
+      cy.get('#user-11').should('have.text', 'unknown');
+
+      // Can display path.
+      cy.get('#path-11').should('have.text', '/api/v1/users/signin');
+
+      // Can display operation.
+      cy.get('#operation-11').should('have.text', 'POST');
+
+      // Can display actor type.
+      cy.get('#actor-type-11').should('have.text', 'UNKNOWN');
+
+      // Can display status code.
+      cy.get('#status-code-11').should('have.text', '401');
+
+      // Can display status.
+      cy.get('#status-11').should('have.text', 'FAILURE');
+
+      cy.get('#user-13').should('have.text', 'jack');
+
+      // Can display different operation.
+      cy.get('#operation-13').should('have.text', 'GET');
+      cy.get('#operation-14').should('have.text', 'PATCH');
+      cy.get('#operation-15').should('have.text', 'DELETE');
+      cy.get('#operation-16').should('have.text', 'PUT');
+    });
+
+    describe('search', () => {
+      it('should search user name', () => {
+        cy.intercept(
+          {
+            method: 'GET',
+            url: '/api/v1/audits?actor_name=jack&page=1&per_page=10',
+          },
+          (req) => {
+            req.reply((res: any) => {
+              const responseHeaders = {
+                ...res.headers,
+                Link: '</api/v1/audits?actor_name=jack&page=1&per_page=10>;rel=prev,</api/v1/audits?actor_name=jack&page=2&per_page=10>;rel=next,</api/v1/audits?actor_name=jack&page=1&per_page=10>;rel=first,</api/v1/audits?actor_name=jack&page=1&per_page=10>;rel=last',
+              };
+              res.send(200, userAudit, responseHeaders);
+            });
+          },
+        );
+
+        cy.get('#actor-name').type('jack');
+        cy.get('#audit-table-body').children().and('have.length', 3);
+        cy.get('#user-5').should('have.text', 'jack');
+      });
+
+      it('should filter by operation', () => {
+        cy.intercept(
+          {
+            method: 'GET',
+            url: '/api/v1/audits?operation=GET&page=1&per_page=10',
+          },
+          (req) => {
+            req.reply((res: any) => {
+              const responseHeaders = {
+                ...res.headers,
+                Link: '</api/v1/audits?operation=GET&page=1&per_page=10>;rel=prev,</api/v1/audits?operation=GET&page=2&per_page=10>;rel=next,</api/v1/audits?operation=GET&page=1&per_page=10>;rel=first,</api/v1/audits?operation=GET&page=1&per_page=10>;rel=last',
+              };
+              res.send(200, operationGetAudit, responseHeaders);
+            });
+          },
+        );
+
+        cy.get('#operation-select').click();
+
+        // Select Get.
+        cy.get('#GET').click();
+
+        cy.get('#operation-13').should('have.text', 'GET');
+
+        cy.intercept(
+          {
+            method: 'GET',
+            url: '/api/v1/audits?operation=POST&page=1&per_page=10',
+          },
+          (req) => {
+            req.reply((res: any) => {
+              const responseHeaders = {
+                ...res.headers,
+                Link: '</api/v1/audits?operation=POST&page=1&per_page=10>;rel=prev,</api/v1/audits?operation=POST&page=2&per_page=10>;rel=next,</api/v1/audits?operation=POST&page=1&per_page=10>;rel=first,</api/v1/audits?operation=POST&page=1&per_page=10>;rel=last',
+              };
+              res.send(200, operationPostAudit, responseHeaders);
+            });
+          },
+        );
+
+        cy.get('#operation-select').click();
+
+        // Select Post.
+        cy.get('#POST').click();
+
+        cy.get('#audit-table-body').children().and('have.length', 3);
+
+        cy.get('#operation-10').should('have.text', 'POST');
+
+        cy.intercept(
+          {
+            method: 'GET',
+            url: '/api/v1/audits?operation=PATCH&page=1&per_page=10',
+          },
+          (req) => {
+            req.reply((res: any) => {
+              const responseHeaders = {
+                ...res.headers,
+                Link: '</api/v1/audits?operation=PATCH&page=1&per_page=10>;rel=prev,</api/v1/audits?operation=PATCH&page=2&per_page=10>;rel=next,</api/v1/audits?operation=PATCH&page=1&per_page=10>;rel=first,</api/v1/audits?operation=PATCH&page=1&per_page=10>;rel=last',
+              };
+              res.send(200, operationPatchAudit, responseHeaders);
+            });
+          },
+        );
+
+        cy.get('#operation-select').click();
+
+        // Select Patch.
+        cy.get('#PATCH').click();
+
+        cy.get('#audit-table-body').children().and('have.length', 1);
+
+        cy.get('#operation-14').should('have.text', 'PATCH');
+
+        cy.intercept(
+          {
+            method: 'GET',
+            url: '/api/v1/audits?operation=DELETE&page=1&per_page=10',
+          },
+          (req) => {
+            req.reply((res: any) => {
+              const responseHeaders = {
+                ...res.headers,
+                Link: '</api/v1/audits?operation=DELETE&page=1&per_page=10>;rel=prev,</api/v1/audits?operation=DELETE&page=2&per_page=10>;rel=next,</api/v1/audits?operation=DELETE&page=1&per_page=10>;rel=first,</api/v1/audits?operation=DELETE&page=1&per_page=10>;rel=last',
+              };
+              res.send(200, operationDeleteAudit, responseHeaders);
+            });
+          },
+        );
+
+        cy.get('#operation-select').click();
+
+        // Select Delete.
+        cy.get('#DELETE').click();
+
+        cy.get('#audit-table-body').children().and('have.length', 1);
+
+        cy.get('#operation-15').should('have.text', 'DELETE');
+
+        cy.intercept(
+          {
+            method: 'GET',
+            url: '/api/v1/audits?operation=PUT&page=1&per_page=10',
+          },
+          (req) => {
+            req.reply((res: any) => {
+              const responseHeaders = {
+                ...res.headers,
+                Link: '</api/v1/audits?operation=PUT&page=1&per_page=10>;rel=prev,</api/v1/audits?operation=PUT&page=2&per_page=10>;rel=next,</api/v1/audits?operation=PUT&page=1&per_page=10>;rel=first,</api/v1/audits?operation=PUT&page=1&per_page=10>;rel=last',
+              };
+              res.send(200, operationPutAudit, responseHeaders);
+            });
+          },
+        );
+
+        cy.get('#operation-select').click();
+
+        // Select Put.
+        cy.get('#PUT').click();
+
+        cy.get('#audit-table-body').children().and('have.length', 1);
+
+        cy.get('#operation-16').should('have.text', 'PUT');
+      });
+
+      it('should filter by actor type', () => {
+        cy.intercept(
+          {
+            method: 'GET',
+            url: '/api/v1/audits?actor_type=USER&page=1&per_page=10',
+          },
+          (req) => {
+            req.reply((res: any) => {
+              const responseHeaders = {
+                ...res.headers,
+                Link: '</api/v1/audits?actor_type=USER&page=1&per_page=10>;rel=prev,</api/v1/audits?actor_type=USER&page=2&per_page=10>;rel=next,</api/v1/audits?actor_type=USER&page=1&per_page=10>;rel=first,</api/v1/audits?actor_type=USER&page=1&per_page=10>;rel=last',
+              };
+              res.send(200, actorTypeUserAudit, responseHeaders);
+            });
+          },
+        );
+
+        cy.get('#actor-type-select').click();
+
+        // Select User for Actor Type.
+        cy.get('#USER').click();
+
+        cy.get('#audit-table-body').children().and('have.length', 9);
+
+        cy.intercept(
+          {
+            method: 'GET',
+            url: '/api/v1/audits?actor_type=PAT&page=1&per_page=10',
+          },
+          (req) => {
+            req.reply((res: any) => {
+              const responseHeaders = {
+                ...res.headers,
+                Link: '</api/v1/audits?actor_type=PAT&page=1&per_page=10>;rel=prev,</api/v1/audits?actor_type=PAT&page=2&per_page=10>;rel=next,</api/v1/audits?actor_type=PAT&page=1&per_page=10>;rel=first,</api/v1/audits?actor_type=PAT&page=1&per_page=10>;rel=last',
+              };
+              res.send(200, actorTypePatAudit, responseHeaders);
+            });
+          },
+        );
+
+        cy.get('#actor-type-select').click();
+
+        // Select Pat for Actor Type.
+        cy.get('#PAT').click();
+        cy.get('#actor-type-12').should('have.text', 'PAT');
+
+        cy.get('#audit-table-body').children().and('have.length', 1);
+
+        cy.intercept(
+          {
+            method: 'GET',
+            url: '/api/v1/audits?actor_type=UNKNOWN&page=1&per_page=10',
+          },
+          (req) => {
+            req.reply((res: any) => {
+              const responseHeaders = {
+                ...res.headers,
+                Link: '</api/v1/audits?actor_type=UNKNOWN&page=1&per_page=10>;rel=prev,</api/v1/audits?actor_type=UNKNOWN&page=2&per_page=10>;rel=next,</api/v1/audits?actor_type=UNKNOWN&page=1&per_page=10>;rel=first,</api/v1/audits?actor_type=UNKNOWN&page=1&per_page=10>;rel=last',
+              };
+              res.send(200, actorTypeUnknownAudit, responseHeaders);
+            });
+          },
+        );
+
+        cy.get('#actor-type-select').click();
+
+        // Select Pat for Actor Type.
+        cy.get('#UNKNOWN').click();
+        cy.get('#actor-type-7').should('have.text', 'UNKNOWN');
+
+        cy.get('#audit-table-body').children().and('have.length', 3);
+      });
+
+      it('should filter by status', () => {
+        cy.intercept(
+          {
+            method: 'GET',
+            url: '/api/v1/audits?page=1&per_page=10&state=FAILURE',
+          },
+          (req) => {
+            req.reply((res: any) => {
+              const responseHeaders = {
+                ...res.headers,
+                Link: '</api/v1/audits?page=1&per_page=10&state=FAILURE>;rel=prev,</api/v1/audits?page=2&per_page=10&state=FAILURE>;rel=next,</api/v1/audits?page=1&per_page=10&state=FAILURE>;rel=first,</api/v1/audits?page=1&per_page=10&state=FAILURE>;rel=last',
+              };
+              res.send(200, failureAudit, responseHeaders);
+            });
+          },
+        );
+
+        cy.get('#states-select').click();
+        cy.get('#FAILURE').click();
+
+        cy.get('#audit-table-body').children().and('have.length', 2);
+      });
+
+      it('should filter by path', () => {
+        cy.intercept(
+          {
+            method: 'GET',
+            url: '/api/v1/audits?page=1&path=%2Fapi%2Fv1%2Fclusters%2F1&per_page=10',
+          },
+          (req) => {
+            req.reply((res: any) => {
+              const responseHeaders = {
+                ...res.headers,
+                Link: '</api/v1/audits?page=1&path=%2Fapi%2Fv1%2Fclusters%2F1&per_page=10>;rel=prev,</api/v1/audits?page=1&path=%2Fapi%2Fv1%2Fclusters%2F1&per_page=10>;rel=next,</api/v1/audits?page=1&path=%2Fapi%2Fv1%2Fclusters%2F1&per_page=10>;rel=first,</api/v1/audits?page=1&path=%2Fapi%2Fv1%2Fclusters%2F1&per_page=10>;rel=last',
+              };
+              res.send(200, operationPatchAudit, responseHeaders);
+            });
+          },
+        );
+
+        cy.get('#search').type('/api/v1/clusters/1');
+      });
+    });
+
+    it('when no data is loaded', () => {
+      cy.intercept(
+        {
+          method: 'GET',
+          url: '/api/v1/audits?page=1&per_page=10',
+        },
+        (req) => {
+          req.reply((res: any) => {
+            const responseHeaders = {
+              ...res.headers,
+              Link: '</api/v1/audits?page=1&per_page=10>;rel=prev,</api/v1/audits?page=3&per_page=10>;rel=next,</api/v1/audits?page=1&per_page=10>;rel=first,</api/v1/audits?page=2&per_page=10>;rel=last',
+            };
+            res.send(200, [], responseHeaders);
+          });
+        },
+      );
+
+      cy.get('#no-audit-table').should('have.text', `You don't have audit logs.`);
+    });
+
+  describe('should handle API error response', () => {
+    it('should handle user API error response', () => {
+      cy.intercept(
+        {
+          method: 'GET',
+          url: '/api/v1/users?page=1&per_page=10000000',
+        },
+        (req) => {
+          req.reply({
+            forceNetworkError: true,
+          });
+        },
+      );
+
+      cy.get('.MuiAlert-message').should('have.text', 'Failed to fetch');
+
+      // Close error message.
+      cy.get('.MuiAlert-action > .MuiButtonBase-root').click();
+      cy.get('.MuiAlert-message').should('not.exist');
+    });
+
+    it('should handle audit API error response', () => {
+      cy.intercept(
+        {
+          method: 'GET',
+          url: '/api/v1/audits?page=1&per_page=10',
+        },
+        (req) => {
+          req.reply({
+            forceNetworkError: true,
+          });
+        },
+      );
+
+      cy.get('.MuiAlert-message').should('have.text', 'Failed to fetch');
+
+      // Close error message.
+      cy.get('.MuiAlert-action > .MuiButtonBase-root').click();
+      cy.get('.MuiAlert-message').should('not.exist');
+    });
+  });
+});

cypress/e2e/clusters/cluster.cy.ts

@@ -0,0 +1,604 @@
+import clusters from '../../fixtures/clusters/clusters.json';
+import seedPeers from '../../fixtures/seed-peers/seed-peers.json';
+import schedulers from '../../fixtures/schedulers/schedulers.json';
+import cluster from '../../fixtures/clusters/cluster/cluster.json';
+import deleteCluster from '../../fixtures/clusters/cluster/delete-cluster.json';
+import deleteClusters from '../../fixtures/clusters/cluster/delete-clusters.json';
+
+describe('Cluster', () => {
+  beforeEach(() => {
+    cy.signin();
+    cy.intercept(
+      {
+        method: 'GET',
+        url: '/api/v1/clusters?page=1&per_page=10000000',
+      },
+      (req) => {
+        req.reply({
+          statusCode: 200,
+          body: clusters,
+        });
+      },
+    );
+    cy.intercept(
+      {
+        method: 'GET',
+        url: '/api/v1/schedulers?page=1&per_page=10000000',
+      },
+      (req) => {
+        req.reply({
+          statusCode: 200,
+          body: schedulers,
+        });
+      },
+    );
+    cy.intercept(
+      {
+        method: 'GET',
+        url: '/api/v1/seed-peers?page=1&per_page=10000000',
+      },
+      (req) => {
+        req.reply({
+          statusCode: 200,
+          body: seedPeers,
+        });
+      },
+    );
+    cy.intercept(
+      {
+        method: 'GET',
+        url: '/api/v1/clusters/1',
+      },
+      (req) => {
+        req.reply({
+          statusCode: 200,
+          body: cluster,
+        });
+      },
+    );
+
+    cy.visit('clusters/1');
+    cy.viewport(1440, 1080);
+  });
+
+  describe('when data is loaded', () => {
+    it('can display breadcrumb', () => {
+      // Display is loading.
+      cy.get('[data-testid="cluster-loading"]').should('be.exist');
+      cy.url().should('include', '/clusters/1');
+      cy.get('.MuiBreadcrumbs-ol > :nth-child(3) > .MuiTypography-root')
+        .should('be.visible')
+        .and('contain', 'cluster-1');
+      cy.get('.MuiBreadcrumbs-ol > :nth-child(1) > .MuiTypography-root').click();
+
+      // Load does not exist.
+      cy.get('[data-testid="cluster-loading"]').should('not.exist');
+      cy.url().should('include', '/clusters');
+    });
+
+    it('can display information', () => {
+      // Display the cluster name
+      cy.get('#name').should('be.visible').and('contain', 'cluster-1');
+
+      // Display the cluster description.
+      cy.get('#description')
+        .should('be.visible')
+        .and(
+          'contain',
+          'Cluster-1 is a high-performance computing cluster located in China, specifically in Hangzhou and Beijing data centers.',
+        );
+
+      // Displays whether it is the default cluster.
+      cy.get('#default').should('be.visible').and('contain', 'Yes');
+
+      // Displays the scheduler cluster ID.
+      cy.get('#scheduler-cluster-id').should('be.visible').and('contain', '1');
+
+      // Displays the seed peer cluster ID.
+      cy.get('#seed-peer-cluster-id').should('be.visible').and('contain', '1');
+    });
+
+    it('can display scopes', () => {
+      // Displays the location.
+      cy.get('#location').should('be.visible').and('contain', 'China|Hang|Zhou');
+
+      // Displays the idc.
+      cy.get('#idc-1').should('be.visible').and('contain', 'Hangzhou');
+      cy.get('#idc-2').should('be.visible').and('contain', 'Shanghai');
+
+      // IDC does not exist.
+      cy.get('#idc-3').should('not.be.visible', 'Beijing');
+
+      // The number of IDC is 2 and the More button is no longer displayed.
+      cy.get('#idc').should('exist').click();
+
+      // Click the button to show more idc.
+      cy.get('.MuiDialogContent-root > :nth-child(1)').should('be.visible').and('have.text', 'Hangzhou');
+      cy.get('.MuiDialogContent-root > :nth-child(2)').should('be.visible').and('have.text', 'Shanghai');
+      cy.get('.MuiDialogContent-root > :nth-child(3)').should('be.visible').and('have.text', 'Beijing');
+      cy.get('.MuiDialogContent-root > :nth-child(4)').should('be.visible').and('have.text', 'Xiamen');
+      cy.get('.MuiDialogContent-root').should('exist');
+      cy.get('#idc-total').should('contain', 'Total: 5');
+      cy.get('body').click('topLeft');
+
+      // Displays the CIDRs
+      cy.get('#cidrs-2').should('be.visible').and('contain', '192.168.0.0/16');
+      cy.get('#cidrs-total').should('contain', 'Total: 5');
+
+      // Click the button to show more cidrs.
+      cy.get('#cidrs').should('exist').click();
+
+      // Show idc dialog module.
+      cy.get('.MuiDialogContent-root').should('exist');
+      cy.get('.MuiDialogContent-root').should('be.visible').and('contain', '10.0.0.0/8');
+      cy.get('body').click('topLeft');
+
+      // The CIDR number should be 3.
+      cy.get('.MuiDialogContent-root > :nth-child(1)').should('have.text', '10.0.0.0/8');
+      cy.get('.MuiDialogContent-root > :nth-child(2)').should('have.text', '192.168.0.0/16');
+
+      // CIDRs is not visible.
+      cy.get('.MuiDialogContent-root > :nth-child(3)').should('not.be.visible', '172.16.0.0/12');
+
+      // The number of hostnames should be 3.
+      cy.get('#hostname-1').should('have.text', 'cluster-1');
+      cy.get('#hostname-2').should('have.text', 'cluster-2');
+
+      // Hostname is not visible.
+      cy.get('#hostname-3').should('not.be.visible', 'cluster-3');
+      cy.get('#hostname-4').and('not.be.visible', 'cluster-4');
+      cy.get('#hostnames-total').should('contain', 'Total: 5');
+
+      // Click the button to show more cidrs.
+      cy.get('#hostnames').should('exist').click();
+
+      // Show hostnames dialog module.
+      cy.get('.MuiDialogContent-root').children().should('have.length', 4);
+      cy.get('body').click('topLeft');
+      cy.get('.MuiDialogContent-root').should('not.be.visible');
+    });
+
+    it('the visible width of the screen is 1920px. Display scopes', () => {
+      cy.viewport(1920, 1080);
+
+      // The number of idc displayed is 3.
+      cy.get('#idc-1').should('be.visible').and('have.text', 'Hangzhou');
+      cy.get('#idc-2').should('be.visible').and('have.text', 'Shanghai');
+      cy.get('#idc-3').should('be.visible').and('have.text', 'Beijing');
+      cy.get('#idc-4').should('not.be.visible');
+
+      // The number of CIDRs displayed is 3.
+      cy.get('#cidrs-1').should('be.visible').should('have.text', '10.0.0.0/8');
+      cy.get('#cidrs-2').should('be.visible').should('have.text', '192.168.0.0/16');
+      cy.get('#cidrs-3').should('be.visible').should('have.text', '172.16.0.0/12');
+      cy.get('#cidrs-4').should('not.be.visible');
+
+      // The number of hostnames displayed is 3.
+      cy.get('#hostname-1').should('be.visible').should('have.text', 'cluster-1');
+      cy.get('#hostname-2').should('be.visible').should('have.text', 'cluster-2');
+      cy.get('#hostname-3').should('be.visible').should('have.text', 'cluster-3');
+      cy.get('#hostname-4').should('not.be.visible');
+    });
+
+    it('the visible width of the screen is 1920px. Display scopes', () => {
+      cy.viewport(2560, 1080);
+
+      // The number of idc displayed is 3.
+      cy.get('#idc-1').should('be.visible').and('have.text', 'Hangzhou');
+      cy.get('#idc-2').should('be.visible').and('have.text', 'Shanghai');
+      cy.get('#idc-3').should('be.visible').and('have.text', 'Beijing');
+      cy.get('#idc-4').should('be.visible').and('have.text', 'Xiamen');
+
+      // The number of CIDRs displayed is 3.
+      cy.get('#cidrs-1').should('be.visible').and('have.text', '10.0.0.0/8');
+      cy.get('#cidrs-2').should('be.visible').and('have.text', '192.168.0.0/16');
+      cy.get('#cidrs-3').should('be.visible').and('have.text', '172.16.0.0/12');
+      cy.get('#cidrs-4').should('be.visible').and('have.text', '173.16.0.1/11');
+
+      // The number of hostnames displayed is 3.
+      cy.get('#hostname-1').should('be.visible').and('have.text', 'cluster-1');
+      cy.get('#hostname-2').should('be.visible').and('have.text', 'cluster-2');
+      cy.get('#hostname-3').should('be.visible').and('have.text', 'cluster-3');
+      cy.get('#hostname-4').should('be.visible').and('have.text', 'cluster-4');
+    });
+
+    it('can display config', () => {
+      cy.get('#seed-peer-load-limit').should('be.visible').and('have.text', '300');
+      cy.get('#peer-load-limit').should('be.visible').and('have.text', '51');
+      cy.get('#candidate-parent-limit').should('be.visible').and('have.text', '4');
+      cy.get('#filter-parent-limit').should('be.visible').and('have.text', '40');
+      cy.get('#job-rate-limit').should('be.visible').and('have.text', '15');
+    });
+
+    it('copies text to clipboard', () => {
+      // Click the copy scheduler cluster id icon.
+      cy.get('#copy-scheduler-cluster-id').click();
+      cy.get('#schedulerClusterIDCopyIcon').should('exist');
+      cy.get('#schedulerClusterIDTooltip').should('not.exist');
+      cy.wait(1000);
+
+      // Display successful copy icon.
+      cy.get('#schedulerClusterIDCopyIcon').should('exist');
+      cy.get('#schedulerClusterIDTooltip').should('not.exist');
+
+      // Let's check the copied text.
+      cy.window()
+        .its('navigator.clipboard')
+        .then((clip) => clip.readText())
+        .should('equal', '1');
+
+      // Click the copy seed peer cluster id icon.
+      cy.get('#copy-seed-peer-cluster-id').click();
+      cy.get('#seedPeerClusterIDCopyIcon').should('exist');
+      cy.get('#seedPeerClusterIDTooltip').should('not.exist');
+      cy.wait(1000);
+
+      // Display successful copy icon.
+      cy.get('#seedPeerClusterIDCopyIcon').should('exist');
+      cy.get('#seedPeerClusterIDTooltip').should('not.exist');
+
+      // Let's check the copied text.
+      cy.window()
+        .its('navigator.clipboard')
+        .then((clip) => clip.readText())
+        .should('equal', '1');
+    });
+  });
+
+  describe('when no data is loaded', () => {
+    beforeEach(() => {
+      cy.intercept(
+        {
+          method: 'GET',
+          url: '/api/v1/clusters/1',
+        },
+        (req) => {
+          req.reply({
+            statusCode: 200,
+            body: {
+              id: 1,
+              name: 'cluster-1',
+              bio: '',
+              scopes: {
+                idc: '',
+                location: '',
+                cidrs: null,
+                hostnames: null,
+              },
+              scheduler_cluster_id: 1,
+              seed_peer_cluster_id: 1,
+              scheduler_cluster_config: {
+                candidate_parent_limit: 4,
+                filter_parent_limit: 15,
+                job_rate_limit: 100,
+              },
+              seed_peer_cluster_config: {
+                load_limit: 500,
+              },
+              peer_cluster_config: {
+                load_limit: 200,
+              },
+              created_at: '2024-04-07T06:30:14Z',
+              updated_at: '2024-04-07T06:30:14Z',
+              is_default: true,
+            },
+          });
+        },
+      );
+      cy.visit('clusters/1');
+    });
+
+    it('unable to display breadcrumb', () => {
+      // Display is loading.
+      cy.get('[data-testid="cluster-loading"]').should('be.exist');
+
+      cy.url().should('include', '/clusters/1');
+
+      cy.get('.MuiBreadcrumbs-ol > :nth-child(3) > .MuiTypography-root').should('be.visible').and('contain', '-');
+
+      cy.get('.MuiBreadcrumbs-ol > :nth-child(1) > .MuiTypography-root').click();
+      cy.url().should('include', '/clusters');
+    });
+
+    it('unable to display information', () => {
+      cy.get('#name').should('have.text', 'cluster-1');
+      cy.get('#description').should('have.text', '-');
+      cy.get('#default').should('have.text', 'Yes');
+      cy.get('#scheduler-cluster-id').should('have.text', '1');
+      cy.get('#seed-peer-cluster-id').should('have.text', '1');
+    });
+
+    it('unable to display scopes', () => {
+      // location should be empty.
+      cy.get('#no-location').should('have.text', '-');
+
+      // idc should be empty.
+      cy.get('#idc').should('not.exist');
+      cy.get('#no-idc').should('have.text', '-');
+      cy.get('#idc-total').should('have.text', 'Total: 0');
+
+      // cidrs should be empty..
+      cy.get('#cidrs').should('not.exist');
+      cy.get('#no-cidrs').should('have.text', '-');
+      cy.get('#cidrs-total').should('have.text', 'Total: 0');
+
+      // hostnames should be empty..
+      cy.get('#hostnames').should('not.exist');
+      cy.get('#no-hostnames').should('have.text', '-');
+      cy.get('#hostnames-total').should('have.text', 'Total: 0');
+    });
+
+    it('unable to display config', () => {
+      cy.get('#seed-peer-load-limit').should('have.text', 500);
+      cy.get('#peer-load-limit').should('have.text', 200);
+      cy.get('#candidate-parent-limit').should('have.text', 4);
+      cy.get('#filter-parent-limit').should('be.visible').and('have.text', 15);
+      cy.get('#job-rate-limit').should('have.text', 100);
+    });
+  });
+
+  it('should handle API error response', () => {
+    cy.intercept(
+      {
+        method: 'GET',
+        url: '/api/v1/clusters/1',
+      },
+      (req) => {
+        req.reply({
+          forceNetworkError: true,
+        });
+      },
+    );
+
+    cy.visit('clusters/1');
+
+    // Display is loading.
+    cy.get('[data-testid="cluster-loading"]').should('be.exist');
+
+    // An error message should be displayed.
+    cy.get('.MuiAlert-message').should('be.visible').and('contain', 'Failed to fetch');
+
+    // Close the error message prompt.
+    cy.get('.MuiAlert-action > .MuiButtonBase-root').click();
+    cy.get('.MuiAlert-message').should('not.exist');
+  });
+
+  describe('delete', () => {
+    beforeEach(() => {
+      cy.visit('/clusters');
+    });
+
+    it('can delete the cluster', () => {
+      cy.intercept(
+        {
+          method: 'GET',
+          url: '/api/v1/clusters/10',
+        },
+        (req) => {
+          req.reply({
+            statusCode: 200,
+            body: deleteCluster,
+          });
+        },
+      );
+      cy.intercept(
+        {
+          method: 'GET',
+          url: '/api/v1/seed-peers?page=1&per_page=10000000&seed_peer_cluster_id=10',
+        },
+        (req) => {
+          req.reply({
+            statusCode: 200,
+            body: [],
+          });
+        },
+      );
+      cy.intercept(
+        {
+          method: 'GET',
+          url: '/api/v1/schedulers?page=1&per_page=10000000&scheduler_cluster_id=10',
+        },
+        (req) => {
+          req.reply({
+            statusCode: 200,
+            body: [],
+          });
+        },
+      );
+
+      // Display the total number of clusters and the default number.
+      cy.get('#total-clusters').should('be.visible').and('contain', 37);
+      cy.get('#default-clusters').should('be.visible').and('contain', 13);
+
+      // Choose a cluster without scheduler and seed peer.
+      cy.get('#cluster-name-10').should('be.visible').and('contain', 'cluster-10');
+
+      cy.get('#cluster-name-10').click();
+
+      cy.get('#name').scrollIntoView();
+
+      cy.get('#name').should('be.visible').and('contain', 'cluster-10');
+
+      cy.intercept(
+        {
+          method: 'DELETE',
+          url: '/api/v1/clusters/10',
+        },
+        (req) => {
+          req.reply({
+            statusCode: 200,
+          });
+        },
+      );
+      cy.intercept(
+        {
+          method: 'GET',
+          url: '/api/v1/clusters?page=1&per_page=10000000',
+        },
+        (req) => {
+          req.reply({
+            statusCode: 200,
+            body: deleteClusters,
+          });
+        },
+      );
+
+      cy.get('#delete-cluster').click();
+
+      cy.get('#cancelDeleteCluster').click();
+
+      cy.get('#delete-cluster').click();
+
+      // Confirm delete.
+      cy.get('#deleteCluster').click();
+
+      // Then I see that the current page is the clusters!
+      cy.url().should('include', '/clusters');
+      cy.get('#cluster-name-10').should('not.exist');
+
+      // Display the total number of clusters after deletion.
+      cy.get('#total-clusters').should('be.visible').and('contain', 36);
+
+      // Display the default number after deletion.
+      cy.get('#default-clusters').should('be.visible').and('contain', 12);
+    });
+
+    it('cluster cannot be deleted if scheduler and seed nodes exist in the cluster', () => {
+      cy.get('#cluster-id-1').should('be.visible').and('contain', '1');
+
+      cy.get('#cluster-name-1').click();
+
+      cy.get('#name').scrollIntoView().should('be.visible').and('contain', 'cluster-1');
+
+      cy.intercept(
+        {
+          method: 'DELETE',
+          url: '/api/v1/clusters/1',
+        },
+        (req) => {
+          req.reply({
+            statusCode: 500,
+            body: { message: 'scheduler cluster exists scheduler' },
+          });
+        },
+      );
+
+      // Click the delete button.
+      cy.get('#delete-cluster').click();
+      cy.get('#deleteCluster').click();
+
+      // An error message should be displayed.
+      cy.get('.MuiAlert-message').should('have.text', 'scheduler cluster exists scheduler');
+    });
+
+    it('should handle API error response', () => {
+      cy.intercept(
+        {
+          method: 'GET',
+          url: '/api/v1/clusters/10',
+        },
+        (req) => {
+          req.reply({
+            statusCode: 200,
+            body: deleteCluster,
+          });
+        },
+      );
+      cy.intercept(
+        {
+          method: 'GET',
+          url: '/api/v1/seed-peers?page=1&per_page=10000000&seed_peer_cluster_id=10',
+        },
+        (req) => {
+          req.reply({
+            statusCode: 200,
+            body: [],
+          });
+        },
+      );
+      cy.intercept(
+        {
+          method: 'GET',
+          url: '/api/v1/schedulers?page=1&per_page=10000000&scheduler_cluster_id=10',
+        },
+        (req) => {
+          req.reply({
+            statusCode: 200,
+            body: [],
+          });
+        },
+      );
+
+      // Choose a cluster without scheduler and seed peer.
+      cy.get('#cluster-name-10').should('be.visible').and('contain', 'cluster-10');
+
+      cy.get('#cluster-name-10').click();
+
+      cy.get('#name').scrollIntoView().should('be.visible').and('contain', 'cluster-10');
+
+      cy.intercept(
+        {
+          method: 'DELETE',
+          url: '/api/v1/clusters/10',
+        },
+        (req) => {
+          req.reply({
+            forceNetworkError: true,
+          });
+        },
+      );
+
+      // Click the delete button.
+      cy.get('#delete-cluster').click();
+      cy.get('#deleteCluster').click();
+
+      // An error message should be displayed.
+      cy.get('.MuiAlert-message').should('have.text', 'Failed to fetch');
+    });
+
+    it('try to delete cluster with guest user', () => {
+      cy.intercept(
+        {
+          method: 'GET',
+          url: '/api/v1/clusters/10',
+        },
+        (req) => {
+          req.reply({
+            statusCode: 200,
+            body: deleteCluster,
+          });
+        },
+      );
+
+      cy.guestSignin();
+
+      // The cluster name should be cluster-10.
+      cy.get('#cluster-name-10').should('be.visible').and('contain', 'cluster-10');
+
+      cy.get('#cluster-name-10').click();
+
+      cy.get('#name').scrollIntoView().should('be.visible').and('contain', 'cluster-10');
+
+      cy.intercept(
+        {
+          method: 'DELETE',
+          url: '/api/v1/clusters/10',
+        },
+        (req) => {
+          req.reply({
+            statusCode: 401,
+            body: { message: 'permission deny' },
+          });
+        },
+      );
+
+      cy.get('#delete-cluster').click();
+
+      // Click the Confirm Deletion button.
+      cy.get('#deleteCluster').click();
+
+      // An error message should be displayed.
+      cy.get('.MuiAlert-message').should('have.text', 'permission deny');
+    });
+  });
+});

cypress/e2e/clusters/clusters.cy.ts

@@ -0,0 +1,479 @@
+import clusters from '../../fixtures/clusters/clusters.json';
+import seedPeers from '../../fixtures/seed-peers/seed-peers.json';
+import schedulers from '../../fixtures/schedulers/schedulers.json';
+
+describe('Clusters', () => {
+  beforeEach(() => {
+    cy.signin();
+    cy.intercept(
+      {
+        method: 'GET',
+        url: '/api/v1/schedulers?page=1&per_page=10000000',
+      },
+      (req) => {
+        req.reply({
+          statusCode: 200,
+          body: schedulers,
+        });
+      },
+    );
+    cy.intercept(
+      {
+        method: 'GET',
+        url: '/api/v1/clusters?page=1&per_page=10000000',
+      },
+      (req) => {
+        req.reply({
+          statusCode: 200,
+          body: clusters,
+        });
+      },
+    );
+    cy.intercept(
+      {
+        method: 'GET',
+        url: '/api/v1/seed-peers?page=1&per_page=10000000',
+      },
+      (req) => {
+        req.reply({
+          statusCode: 200,
+          body: seedPeers,
+        });
+      },
+    );
+
+    cy.visit('/clusters');
+    cy.viewport(1440, 1480);
+  });
+
+  describe('when data is loaded', () => {
+    it('display the total number of clusters and the default number', () => {
+      // Click the create cluster button.
+      cy.get('#create-cluster').click();
+
+      // Then I see that the current page is the create cluster!
+      cy.url().should('include', '/clusters/new');
+
+      cy.get('#cancel').click();
+
+      // Then I see that the current page is the clusters!
+      cy.url().should('include', '/clusters');
+      cy.get('[data-testid="isloading"]').should('be.exist');
+
+      // Check total clusters.
+      cy.get('#total-clusters').should('be.visible').and('contain', '37');
+
+      // Check total default clusters.
+      cy.get('#default-clusters').should('be.visible').and('contain', '13');
+
+      cy.get('[data-testid="isloading"]').should('not.exist');
+    });
+
+    it('display the total number of schedulers and the active number', () => {
+      cy.get('#total-schedulers').should('be.visible').and('contain', '12');
+
+      cy.get('#active-schedulers').should('be.visible').and('contain', '4');
+    });
+
+    it('display the total number of seed peers and the active number', () => {
+      cy.get('#total-seed-peer').should('be.visible').and('contain', '12');
+
+      cy.get('#active-seed-peer').should('be.visible').and('contain', '8');
+    });
+
+    it('can display clusters card', () => {
+      // Display the card component.
+      cy.get('#clusters').should('exist');
+
+      // Show Default background color.
+      cy.get('#default-cluster-1')
+        .should('be.visible')
+        .and('contain', 'Default')
+        .and('have.css', 'background-color', 'rgb(0, 129, 112)');
+
+      // Show cluster name.
+      cy.get('#cluster-name-1').should('be.visible').and('contain', 'cluster-1');
+
+      // Show cluster description.
+      cy.get('#cluster-description-1')
+        .should('be.visible')
+        .and(
+          'contain',
+          'Cluster-1 is a high-performance computing cluster located in China, specifically in Hangzhou and Beijing data centers.',
+        );
+
+      cy.get('.MuiPagination-ul > :nth-child(3) > .MuiButtonBase-root').click();
+
+      // Show Non-Default cluster.
+      cy.get('#cluster-name-2').should('be.visible').and('contain', 'cluster-2');
+
+      // Show Non-Default background color.
+      cy.get('#default-cluster-2')
+        .should('be.visible')
+        .and('contain', 'Non-Default')
+        .and('have.css', 'background-color', 'rgb(93, 95, 97)');
+    });
+  });
+
+  describe('when no data is loaded', () => {
+    beforeEach(() => {
+      cy.intercept(
+        {
+          method: 'GET',
+          url: '/api/v1/clusters?page=1&per_page=10000000',
+        },
+        (req) => {
+          req.reply({
+            statusCode: 200,
+            body: null,
+          });
+        },
+      );
+      cy.intercept(
+        {
+          method: 'GET',
+          url: '/api/v1/seed-peers?page=1&per_page=10000000',
+        },
+        (req) => {
+          req.reply({
+            statusCode: 200,
+            body: [],
+          });
+        },
+      );
+      cy.intercept(
+        {
+          method: 'GET',
+          url: '/api/v1/schedulers?page=1&per_page=10000000',
+        },
+        (req) => {
+          req.reply({
+            statusCode: 200,
+            body: [],
+          });
+        },
+      );
+
+      cy.visit('/clusters');
+    });
+
+    it('display the total number of clusters and the default number', () => {
+      cy.get('#total-clusters').should('be.visible').and('contain', '0');
+
+      cy.get('#default-clusters').should('be.visible').and('contain', '0');
+    });
+
+    it('display the total number of schedulers and the active number', () => {
+      cy.get('#total-schedulers').should('be.visible').and('contain', '0');
+
+      cy.get('#default-clusters').should('be.visible').and('contain', '0');
+    });
+
+    it('display the total number of seed peers and the active number', () => {
+      cy.get('#total-seed-peer').should('be.visible').and('contain', '0');
+
+      cy.get('#active-seed-peer').should('be.visible').and('contain', '0');
+    });
+
+    it('cluster card should present an empty status', () => {
+      cy.get('#clusters').should('not.exist');
+
+      // Shouldn't render pagination buttons.
+      cy.get('#clusterPagination > .MuiPagination-ul').should('not.exist');
+    });
+  });
+
+  describe('pagination', () => {
+    it('pagination updates results and page number', () => {
+      // Check number of pagination.
+      cy.get('#clusterPagination > .MuiPagination-ul').children().should('have.length', 7);
+
+      // Show cluster name.
+      cy.get('#cluster-name-1').should('be.visible').and('contain', 'cluster-1');
+    });
+
+    it('when pagination changes, different page results are rendered', () => {
+      // Go to last page.
+      cy.get('.MuiPagination-ul > :nth-child(3) > .MuiButtonBase-root').click();
+
+      // Display last page cluster information.
+      cy.get('#cluster-id-8').should('be.visible').and('contain', '8');
+
+      // Display cluster information.
+      cy.get('#default-cluster-8')
+        .should('be.visible')
+        .and('contain', 'Non-Default')
+        .and('have.css', 'background-color', 'rgb(93, 95, 97)');
+
+      cy.get('#cluster-name-8').should('be.visible').and('contain', 'cluster-8');
+
+      cy.get('#cluster-description-8')
+        .should('be.visible')
+        .and(
+          'contain',
+          'Cluster-8 is a high-performance computing cluster located in China, specifically in Jiangsu data centers.',
+        );
+
+      // Check the current page number.
+      cy.get('#clusterPagination > .MuiPagination-ul .Mui-selected').should('have.text', '2');
+    });
+
+    it('when you click refresh, the paginated results and page numbers remain unchanged.', () => {
+      // Go to last page.
+      cy.get('.MuiPagination-ul > :nth-child(3) > .MuiButtonBase-root').click();
+
+      cy.get('#cluster-name-8').should('be.visible').and('contain', 'cluster-8');
+
+      // Check the current page number.
+      cy.get('#clusterPagination > .MuiPagination-ul .Mui-selected').should('have.text', '2');
+
+      // Refresh page.
+      cy.reload().then(() => {
+        cy.wait(2000);
+      });
+
+      // Check if the page number has been reset.
+      cy.get('#clusterPagination > .MuiPagination-ul .Mui-selected').should('have.text', '2');
+
+      cy.get('#cluster-name-8').should('be.visible').and('contain', 'cluster-8');
+    });
+
+    it('when returning to the previous page, pagination and results remain unchanged', () => {
+      // Go to the next page.
+      cy.get(':nth-child(7) > .MuiButtonBase-root').click();
+
+      // Check if the page number has been reset.
+      cy.get('#clusterPagination > .MuiPagination-ul .Mui-selected').should('have.text', '2');
+
+      cy.get('#cluster-name-23').should('have.text', 'cluster-23');
+
+      // Go to the next page.
+      cy.get(':nth-child(7) > .MuiButtonBase-root').click();
+
+      cy.get('#clusterPagination > .MuiPagination-ul .Mui-selected').should('have.text', '3');
+      cy.get('#cluster-name-13').should('have.text', 'cluster-13');
+      cy.get('#cluster-name-23').should('not.exist');
+
+      // Go to the next page.
+      cy.get(':nth-child(7) > .MuiButtonBase-root').click();
+
+      cy.get('#clusterPagination > .MuiPagination-ul .Mui-selected').should('have.text', '4');
+      cy.get('#cluster-name-25').should('have.text', 'cluster-25');
+      cy.get('#cluster-name-13').should('not.exist');
+
+      // Go to the last page.
+      cy.get(':nth-child(7) > .MuiButtonBase-root').click();
+
+      cy.get('#clusterPagination > .MuiPagination-ul .Mui-selected').should('have.text', '5');
+
+      cy.get('#clustersCard').children().should('have.length', 1);
+
+      cy.get('#cluster-name-37').should('have.text', 'cluster-37');
+
+      // Go to 2 page.
+      cy.get('.MuiPagination-ul > :nth-child(3)').click();
+
+      cy.get('#cluster-name-8').should('be.visible').and('contain', 'cluster-8');
+
+      // Go to show cluster page.
+      cy.get('#cluster-name-8').click();
+
+      // Then I see that the current page is the show cluster.
+      cy.url().should('include', '/clusters/8');
+
+      // Go back to the last page。
+      cy.go('back');
+
+      // Check the current page number.
+      cy.get('#clusterPagination > .MuiPagination-ul .Mui-selected').should('have.text', '2');
+
+      cy.get('#cluster-name-8').should('be.visible').and('contain', 'cluster-8');
+    });
+  });
+
+  describe('should handle API error response', () => {
+    beforeEach(() => {
+      cy.intercept(
+        {
+          method: 'GET',
+          url: '/api/v1/clusters?page=1&per_page=10000000',
+        },
+        (req) => {
+          req.reply({
+            forceNetworkError: true,
+          });
+        },
+      );
+      cy.intercept({ method: 'GET', url: '/api/v1/seed-peers?page=1&per_page=10000000' }, (req) => {
+        req.reply({
+          forceNetworkError: true,
+        });
+      });
+      cy.intercept({ method: 'GET', url: '/api/v1/schedulers?page=1&per_page=10000000' }, (req) => {
+        req.reply({
+          forceNetworkError: true,
+        });
+      });
+
+      cy.visit('/clusters');
+    });
+
+    it('show error message', () => {
+      // Show error message.
+      cy.get('.MuiAlert-message').should('be.visible').and('contain', 'Failed to fetch');
+
+      // Close error message.
+      cy.get('.MuiAlert-action > .MuiButtonBase-root').click();
+      cy.get('.MuiAlert-message').should('not.exist');
+    });
+
+    it('display the total number of clusters and the default number', () => {
+      cy.get('#total-clusters').should('be.visible').and('contain', '0');
+
+      cy.get('#clusterPagination > .MuiPagination-ul').should('not.exist');
+      cy.get('#default-clusters').should('be.visible').and('contain', '0');
+    });
+
+    it('display the total number of schedulers and the active number', () => {
+      cy.get('#total-schedulers').should('be.visible').and('contain', '0');
+
+      cy.get('#default-clusters').should('be.visible').and('contain', '0');
+    });
+
+    it('display the total number of seed peers and the active number', () => {
+      cy.get('#total-seed-peer').should('be.visible').and('contain', '0');
+
+      cy.get('#active-seed-peer').should('be.visible').and('contain', '0');
+    });
+
+    it('cluster card should present an empty status', () => {
+      // No clusters.
+      cy.get('#clusters').should('not.exist');
+
+      // No pagination.
+      cy.get('#clusterPagination > .MuiPagination-ul').should('not.exist');
+    });
+  });
+
+  describe('search', () => {
+    it('should search cluster name', () => {
+      cy.get('#search-wrapper').type('cluster-10');
+
+      // Then I see that the current page is the /clusters/1?search=cluster-10!
+      cy.url().should('include', '/clusters?search=cluster-10');
+      cy.get('#clusterPagination > .MuiPagination-ul').should('not.exist');
+      cy.get('#clustersCard').should('exist').children().should('have.length', 1);
+      cy.get('#cluster-name-10').should('have.text', 'cluster-10');
+
+      // Clear search box.
+      cy.get('#search-wrapper').clear();
+
+      // If the search is empty, all clusters will be displayed.
+      cy.get('#search-wrapper').type('{enter}');
+      cy.get('#clusterPagination > .MuiPagination-ul').should('exist');
+
+      // Check number of pagination.
+      cy.get('#clusterPagination > .MuiPagination-ul').children().should('have.length', 7);
+      cy.get('#cluster-name-1').should('be.visible').and('contain', 'cluster-1');
+      cy.get('#cluster-name-22').should('be.visible').and('contain', 'cluster-22');
+    });
+
+    it('should search cluster name and show no results', () => {
+      cy.get('#search-wrapper').type('cluster-47');
+
+      // No clusters card.
+      cy.get('#clustersCard').should('not.exist');
+
+      // Pagination has been hidden.
+      cy.get('#clusterPagination > .MuiPagination-ul').should('not.exist');
+
+      cy.get('#no-clusters').should('be.visible');
+
+      cy.get('#no-results').should('contain', '"cluster-47"');
+    });
+
+    it('should be queried based on the query string', () => {
+      cy.visit('/clusters/?search=cluster-2');
+
+      // The content of the input box is displayed as cluster-2.
+      cy.get('#search-wrapper').should('have.value', 'cluster-2');
+
+      cy.get('#clustersCard').should('exist').children().should('have.length', 9);
+    });
+
+    it('should search for cluster name and switch paging', () => {
+      cy.get('#search-wrapper').type('cluster');
+
+      // Go to 2 page.
+      cy.get('.MuiPagination-ul > :nth-child(3) > .MuiButtonBase-root').click();
+
+      cy.get('#clustersCard').should('exist').children().should('have.length', 9);
+
+      // Check the URL.
+      cy.url().should('include', '/clusters?search=cluster&page=2');
+
+      // Go to last page.
+      cy.get('.MuiPagination-ul > :nth-child(6) > .MuiButtonBase-root').click();
+
+      cy.get('#clustersCard').should('exist').children().should('have.length', 1);
+
+      // Check the URL.
+      cy.url().should('include', '/clusters?search=cluster&page=5');
+
+      // Go to the first page.
+      cy.get('.MuiPagination-ul > :nth-child(2) > .MuiButtonBase-root').click();
+
+      // Check the URL.
+      cy.url().should('include', '/clusters?search=cluster');
+
+      // Go to 2 page.
+      cy.get('.MuiPagination-ul > :nth-child(3) > .MuiButtonBase-root').click();
+
+      cy.get('#search-wrapper').type('-2');
+
+      // Check number of pagination.
+      cy.get('#clusterPagination > .MuiPagination-ul').children().should('have.length', 4);
+
+      cy.get('.MuiPagination-ul > :nth-child(3) > .MuiButtonBase-root').click();
+
+      // Check the URL.
+      cy.url().should('include', '/clusters?search=cluster-2&page=2');
+    });
+  });
+
+  it('call onChange when changing page size', () => {
+    // The viewport will now be changed to 1440px x 1080px
+    cy.viewport(1440, 1080);
+
+    // Check if the number of page size is 9.
+    cy.get('#clustersCard').should('exist').children().should('have.length', 9);
+
+    // The viewport will now be changed to 1600px x 1080px
+    cy.viewport(1600, 1080);
+    cy.wait(1000);
+
+    // Check if the number of page size is 9.
+    cy.get('#clustersCard').should('exist').children().should('have.length', 9);
+
+    // The viewport will now be changed to 1920px x 1080px
+    cy.viewport(1920, 1080);
+    cy.wait(1000);
+
+    // Check if the number of page size is 12.
+    cy.get('#clustersCard').should('exist').children().should('have.length', 12);
+
+    // The viewport will now be changed to 2048px x 1080px
+    cy.viewport(2048, 1080);
+    cy.wait(1000);
+
+    // Check if the number of page size is 12.
+    cy.get('#clustersCard').should('exist').children().should('have.length', 12);
+
+    // The viewport will now be changed to 2560px x 1080px
+    cy.viewport(2560, 1080);
+    cy.wait(1000);
+
+    // Check if the number of page size is 15.
+    cy.get('#clustersCard').should('exist').children().should('have.length', 15);
+  });
+});

cypress/e2e/clusters/create-cluster.cy.ts

@@ -0,0 +1,450 @@
+import clusters from '../../fixtures/clusters/clusters.json';
+import seedPeers from '../../fixtures/seed-peers/seed-peers.json';
+import schedulers from '../../fixtures/schedulers/schedulers.json';
+import createClusters from '../../fixtures/clusters/create-clusters.json';
+import createCluster from '../../fixtures/clusters/create-cluster.json';
+import _ from 'lodash';
+
+describe('Create cluster', () => {
+  beforeEach(() => {
+    cy.intercept(
+      {
+        method: 'GET',
+        url: '/api/v1/schedulers?page=1&per_page=10000000',
+      },
+      (req) => {
+        req.reply({
+          statusCode: 200,
+          body: schedulers,
+        });
+      },
+    );
+    cy.intercept(
+      {
+        method: 'GET',
+        url: '/api/v1/clusters?page=1&per_page=10000000',
+      },
+      (req) => {
+        req.reply({
+          statusCode: 200,
+          body: clusters,
+        });
+      },
+    );
+    cy.intercept(
+      {
+        method: 'GET',
+        url: '/api/v1/seed-peers?page=1&per_page=10000000',
+      },
+      (req) => {
+        req.reply({
+          statusCode: 200,
+          body: seedPeers,
+        });
+      },
+    );
+
+    cy.signin();
+    cy.visit('/clusters/new');
+    cy.viewport(1440, 1080);
+  });
+
+  it('can create cluster', () => {
+    cy.visit('/clusters');
+
+    // Show number of cluster.
+    cy.get('#total-clusters').should('be.visible').and('contain', '37');
+
+    // Show number of cluster default.
+    cy.get('#default-clusters').should('be.visible').and('contain', '13');
+
+    // Click the `ADD CLUSTER` button.
+    cy.get('.clusters_clusterTitle__5Lhnw > .MuiButtonBase-root').click();
+
+    cy.url().should('include', '/clusters/new');
+
+    // Add Information.
+    cy.get('.PrivateSwitchBase-input').click();
+    cy.get('#name').type('cluster-17');
+    cy.get('#description').type('Add new cluster case');
+    cy.get('#location').type('China|Hang|Zhou');
+
+    // Add idc.
+    cy.get('#idc').type('hz{enter}');
+    cy.get('#idc').type('sh{enter}');
+
+    // Add cidrs.
+    cy.get('#cidrs').click();
+    cy.contains('li', '10.0.0.0/8').click();
+    cy.get('#cidrs').click();
+    cy.contains('li', '172.16.0.0/12').click();
+    cy.get('#cidrs').click();
+    cy.contains('li', '192.168.0.0/16').click();
+
+    // Add config.
+    cy.get('#candidateParentLimit').clear();
+    cy.get('#candidateParentLimit').type('10');
+
+    cy.intercept(
+      {
+        method: 'POST',
+        url: '/api/v1/clusters',
+      },
+      (req) => {
+        req.body = '';
+        req.reply({
+          statusCode: 200,
+          body: createCluster,
+        });
+      },
+    );
+    cy.intercept(
+      {
+        method: 'GET',
+        url: '/api/v1/clusters?page=1&per_page=10000000',
+      },
+      (req) => {
+        req.reply({
+          statusCode: 200,
+          body: createClusters,
+        });
+      },
+    );
+
+    cy.intercept(
+      {
+        method: 'GET',
+        url: '/api/v1/clusters/38',
+      },
+      (req) => {
+        req.reply({
+          statusCode: 200,
+          body: createCluster,
+        });
+      },
+    );
+
+    // Click the `save` button.
+    cy.get('#save').click();
+
+    // Then I see that the current page is the clusters.
+    cy.url().should('include', '/clusters/38');
+
+    cy.get('#name').should('have.text', 'cluster-38');
+
+    cy.get('#description').should('have.text', 'Add new cluster case');
+
+    // Show Scopes.
+    cy.get('#location').should('have.text', 'China|Hang|Zhou');
+
+    cy.get('#idc-1').should('have.text', 'hz');
+    cy.get('#idc-2').should('have.text', 'sh');
+
+    cy.get('#cidrs-1').should('have.text', '10.0.0.0/8');
+    cy.get('#cidrs-2').should('have.text', '172.16.0.0/12');
+    cy.get('#cidrs-3').should('have.text', '192.168.0.0/16');
+
+    cy.get('.MuiBreadcrumbs-ol > :nth-child(1) > .MuiTypography-root').click();
+
+    // The number of clusters has been increased.
+    cy.get('#total-clusters').should('be.visible').and('contain', '38');
+
+    // The default number of clusters has been increased.
+    cy.get('#default-clusters').should('be.visible').and('contain', '14');
+  });
+
+  it('cannot create cluster with existing cluster', () => {
+    cy.intercept(
+      {
+        method: 'POST',
+        url: '/api/v1/clusters',
+      },
+      (req) => {
+        req.body = {
+          name: 'cluster-1',
+          bio: '',
+          scopes: {
+            idc: '',
+            location: '',
+            cidrs: [],
+          },
+          scheduler_cluster_config: {
+            filter_parent_limit: 4,
+            filter_parent_range_limit: 40,
+          },
+          seed_peer_cluster_config: {
+            load_limit: 300,
+          },
+          peer_cluster_config: {
+            load_limit: 50,
+          },
+          is_default: true,
+        };
+        req.reply({
+          statusCode: 409,
+          body: { message: 'Conflict' },
+        });
+      },
+    );
+
+    cy.get('#name').type('cluster-1{enter}');
+
+    // Show error message.
+    cy.get('.MuiAlert-message').should('be.visible').and('contain', 'Conflict');
+    cy.get('.MuiAlert-action > .MuiButtonBase-root').click();
+    cy.get('.MuiAlert-message').should('not.exist');
+  });
+
+  it('click the `CANCEL button', () => {
+    cy.get('#cancel').click();
+
+    // Then I see that the current page is the clusters.
+    cy.url().should('include', '/clusters');
+  });
+
+  it('cannot create cluster without required attributes', () => {
+    cy.get('#save').click();
+
+    cy.get('#name-helper-text').should('be.visible').and('contain', 'Fill in the characters, the length is 1-40.');
+  });
+
+  it('try to create cluster with guest user', () => {
+    cy.guestSignin();
+
+    cy.intercept({ method: 'POST', url: '/api/v1/clusters' }, (req) => {
+      (req.body = ''),
+        req.reply({
+          statusCode: 401,
+          body: { message: 'permission deny' },
+        });
+    });
+
+    cy.get('#name').type('cluster-17{enter}');
+
+    // Show error message.
+    cy.get('.MuiAlert-message').should('be.visible').and('contain', 'permission deny');
+
+    cy.get('#cancel').click();
+
+    cy.wait(1000);
+
+    // Then I see that the current page is the clusters!
+    cy.url().should('include', '/clusters');
+  });
+
+  it('should handle API error response', () => {
+    cy.intercept({ method: 'POST', url: '/api/v1/clusters' }, (req) => {
+      (req.body = ''),
+        req.reply({
+          forceNetworkError: true,
+        });
+    });
+
+    cy.get('#name').type('cluster-17');
+    cy.get('#save').click();
+    cy.get('.MuiAlert-message').should('be.visible').and('contain', 'Failed to fetch');
+  });
+
+  describe('cannot create cluster with invalid attributes', () => {
+    it('try to verify information', () => {
+      const characters = 'abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789';
+      const name = _.times(41, () => _.sample(characters)).join('');
+      const description = _.times(401, () => _.sample(characters)).join('');
+
+      // Should display message name the validation error.
+      cy.get('#save').click();
+
+      // Name is a required attribute.
+      cy.get('#name-helper-text').should('be.visible').and('contain', 'Fill in the characters, the length is 1-40.');
+      cy.get('#name').type(name);
+
+      // Show verification error message.
+      cy.get('#name-helper-text').should('be.visible').and('contain', 'Fill in the characters, the length is 1-40.');
+
+      // Submit form when validation fails.
+      cy.get('#save').click();
+
+      // Cluster creation failed, the page is still in cluster/new.
+      cy.url().should('include', '/clusters/new');
+      cy.get('#name').clear();
+
+      // Enter the correct name.
+      cy.get('#name').type('cluster-12');
+      cy.get('#name-helper-text').should('not.exist');
+
+      // Should display message describing the validation error.
+      cy.get('#description').type(description);
+
+      // Show verification error message.
+      cy.get('#description-helper-text')
+        .should('be.visible')
+        .and('contain', 'Fill in the characters, the length is 0-400.');
+      cy.get('#save').click();
+      cy.url().should('include', '/clusters/new');
+      cy.get('#description').clear();
+      cy.get('#description').type('cluster description');
+      cy.get('#name-helper-text').should('not.exist');
+    });
+
+    it('try to verify scopes', () => {
+      const characters = 'abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789';
+      const location = _.times(101, () => _.sample(characters)).join('');
+      const hostnames = _.times(31, () => _.sample(characters)).join('');
+
+      // Name is a required attribute.
+      cy.get('#name').type('cluster-12');
+
+      // Should display location the validation error message.
+      cy.get('#location').type(location);
+
+      // Show verification error message.
+      cy.get('#location-helper-text')
+        .should('be.visible')
+        .and('contain', 'Fill in the characters, the length is 0-100.');
+      cy.get('#save').click();
+      cy.url().should('include', '/clusters/new');
+      cy.get('#location').clear();
+
+      // Verification passed.
+      cy.get('#location').type('Beijing');
+      cy.get('#location-helper-text').should('not.exist');
+
+      // Should display idc the validation error message.
+      cy.get('#idc').type('hz');
+      cy.get('#save').click();
+      cy.url().should('include', '/clusters/new');
+      cy.get('#idc-helper-text').should('be.visible').and('contain', `Please press ENTER to end the IDC creation.`);
+      cy.get('#idc').type('hz{enter}');
+
+      // Verification passed.
+      cy.get('#idc-helper-text').should('not.exist');
+
+      // Should display cidrs the validation error message.
+      cy.get('#cidrs').type('192.168.40.0/24');
+      cy.get('#save').click();
+      cy.url().should('include', '/clusters/new');
+      cy.get('#cidrs-helper-text').should('be.visible').and('contain', `Please press ENTER to end the CIDRs creation.`);
+
+      cy.get('#cidrs').type('192.168.40.0/24{enter}');
+
+      // Verification passed.
+      cy.get('#cidrs-helper-text').should('not.exist');
+
+      // Should display cidrs the validation error message.
+      cy.get('#hostnames').type('sigma');
+      cy.get('#save').click();
+
+      cy.url().should('include', '/clusters/new');
+      
+      cy.get('#hostnames-helper-text')
+        .should('be.visible')
+        .and('contain', `Please press ENTER to end the Hostnames creation.`);
+      cy.get('#hostnames').type('hostname{enter}');
+      cy.get('#hostnames').type(hostnames);
+
+      cy.get('#hostnames-helper-text')
+        .should('be.visible')
+        .and('contain', `Fill in the characters, the length is 1-30.`);
+    });
+
+    it('try to verify config', () => {
+      // Name is a required attribute.
+      cy.get('#name').type('cluster-12');
+
+      // Should display seed peer load limit the validation error message.
+      cy.get('#seedPeerLoadLimit').invoke('val').should('eq', '2000');
+      cy.get('#seedPeerLoadLimit').clear();
+      cy.get('#seedPeerLoadLimit').type('50001');
+      cy.get('#seedPeerLoadLimit-helper-text')
+        .should('be.visible')
+        .and('contain', `Fill in the number, the length is 0-50000.`);
+      cy.get('#save').click();
+      cy.url().should('include', '/clusters/new');
+      cy.get('#seedPeerLoadLimit').clear();
+      cy.get('#seedPeerLoadLimit').type('400');
+
+      // Verification passed.
+      cy.get('#seedPeerLoadLimit-helper-text').should('not.exist');
+
+      // Should display peer load limit the validation error message.
+      cy.get('#peerLoadLimit').invoke('val').should('eq', '200');
+      cy.get('#peerLoadLimit').clear();
+      cy.get('#peerLoadLimit').type('2001');
+      cy.get('#peerLoadLimit-helper-text')
+        .should('be.visible')
+        .and('contain', `Fill in the number, the length is 0-2000.`);
+      cy.get('#save').click();
+      cy.url().should('include', '/clusters/new');
+      cy.get('#peerLoadLimit').clear();
+      cy.get('#peerLoadLimit').type('50');
+
+      // Verification passed.
+      cy.get('#peerLoadLimit-helper-text').should('not.exist');
+
+      // Should display candidate parent limit the validation error message.
+      cy.get('#candidateParentLimit').invoke('val').should('eq', '4');
+      cy.get('#candidateParentLimit').clear();
+      cy.get('#candidateParentLimit').type('21');
+      cy.get('#candidateParentLimit-helper-text')
+        .should('be.visible')
+        .and('contain', `Fill in the number, the length is 1-20.`);
+      cy.get('#save').click();
+      cy.url().should('include', '/clusters/new');
+      cy.get('#candidateParentLimit').clear();
+      cy.get('#candidateParentLimit').type('5');
+      cy.get('#candidateParentLimit-helper-text').should('not.exist');
+
+      // Should display filter parent limit the validation error message.
+      cy.get('#filterParentLimit').invoke('val').should('eq', '40');
+      cy.get('#filterParentLimit').clear();
+
+      // Minimum validation range not reached.
+      cy.get('#filterParentLimit').type('9');
+      cy.get('#filterParentLimit-helper-text')
+        .should('be.visible')
+        .and('contain', `Fill in the number, the length is 10-1000.`);
+      cy.get('#save').click();
+      cy.url().should('include', '/clusters/new');
+      cy.get('#filterParentLimit').clear();
+
+      // Maximum verification range exceeded.
+      cy.get('#filterParentLimit').type('1001');
+      cy.get('#filterParentLimit-helper-text')
+        .should('be.visible')
+        .and('contain', `Fill in the number, the length is 10-1000.`);
+      cy.get('#save').click();
+      cy.url().should('include', '/clusters/new');
+      cy.get('#filterParentLimit').clear();
+      cy.get('#filterParentLimit').type('100');
+
+      // Verification passed.
+      cy.get('#filterParentLimit-helper-text').should('not.exist');
+
+      // Should display filter parent limit the validation error message.
+      cy.get('#jobRateLimit').invoke('val').should('eq', '10');
+      cy.get('#jobRateLimit').clear();
+
+      // Minimum validation range not reached.
+      cy.get('#jobRateLimit').type('0');
+      cy.get('#jobRateLimit-helper-text')
+        .should('be.visible')
+        .and('contain', `Fill in the number, the length is 1-1000000.`);
+      cy.get('#save').click();
+      cy.url().should('include', '/clusters/new');
+      cy.get('#jobRateLimit').clear();
+
+      // Maximum verification range exceeded.
+      cy.get('#jobRateLimit').type('1000001');
+      cy.get('#jobRateLimit-helper-text')
+        .should('be.visible')
+        .and('contain', `Fill in the number, the length is 1-1000000.`);
+      cy.get('#save').click();
+      cy.url().should('include', '/clusters/new');
+      cy.get('#jobRateLimit').clear();
+      cy.get('#jobRateLimit').type('100');
+
+      // Verification passed.
+      cy.get('#jobRateLimit-helper-text').should('not.exist');
+    });
+  });
+});

cypress/e2e/clusters/update-cluster.cy.ts

@@ -0,0 +1,466 @@
+import cluster from '../../fixtures/clusters/cluster/cluster.json';
+import updateCluster from '../../fixtures/clusters/cluster/update-cluster.json';
+import _ from 'lodash';
+
+describe('Update cluster', () => {
+  beforeEach(() => {
+    cy.signin();
+
+    cy.intercept(
+      {
+        method: 'GET',
+        url: '/api/v1/clusters/1',
+      },
+      (req) => {
+        req.reply({
+          statusCode: 200,
+          body: cluster,
+        });
+      },
+    );
+
+    cy.visit('/clusters/1/edit');
+    cy.viewport(1440, 1080);
+  });
+
+  it('when data is loaded', () => {
+    // Show cluster information.
+    cy.get('#name').should('contain', 'cluster-1');
+
+    cy.get('#default').should('be.checked').check({ force: true });
+
+    // Should display location.
+    cy.get('#location').should('have.value', 'China|Hang|Zhou');
+
+    // Should display idc.
+    cy.get('#idc-0').should('contain', 'Hangzhou');
+    cy.get('#idc-1').should('contain', 'Shanghai');
+
+    // Should display cidrs.
+    cy.get('#cidrs-0').should('contain', '10.0.0.0/8');
+    cy.get('#cidrs-1').should('contain', '192.168.0.0/16');
+    cy.get('#cidrs-2').should('contain', '172.16.0.0/12');
+
+    // Should display hostnames.
+    cy.get('#hostnames-0').should('contain', 'cluster-1');
+    cy.get('#hostnames-1').should('contain', 'cluster-2');
+    cy.get('#hostnames-2').should('contain', 'cluster-3');
+
+    // Show config.
+    cy.get('#seedPeerLoadLimit').should('have.value', 300);
+    cy.get('#peerLoadLimit').should('have.value', 51);
+    cy.get('#candidateParentLimit').should('have.value', 4);
+    cy.get('#filterParentLimit').should('have.value', 40);
+    cy.get('#jobRateLimit').should('have.value', 15);
+  });
+
+  it('when no data is loaded', () => {
+    cy.intercept(
+      {
+        method: 'GET',
+        url: '/api/v1/clusters/2',
+      },
+      (req) => {
+        req.reply({
+          statusCode: 200,
+          body: {
+            id: 0,
+            name: '',
+            bio: '',
+            scopes: {
+              idc: '',
+              location: '',
+              cidrs: null,
+              hostnames: null,
+            },
+            scheduler_cluster_id: 1,
+            seed_peer_cluster_id: 1,
+            scheduler_cluster_config: {
+              candidate_parent_limit: 0,
+              filter_parent_limit: 0,
+            },
+            seed_peer_cluster_config: {
+              load_limit: 0,
+            },
+            peer_cluster_config: {
+              load_limit: 0,
+            },
+            created_at: '2023-03-08T02:39:03Z',
+            updated_at: '2023-03-08T02:39:03Z',
+            is_default: false,
+          },
+        });
+      },
+    );
+
+    cy.visit('/clusters/2/edit');
+
+    // Show cluster information.
+
+    cy.get('#id').should('contain', '0');
+
+    cy.get('#name').should('contain', '');
+
+    cy.get('#default').should('not.be.checked').check({ force: false });
+
+    // Location should be empty.
+    cy.get('#location').should('have.value', '');
+
+    // IDC should be empty.
+    cy.get('#idc').should('have.value', '');
+    // CIDRs should be empty.
+    cy.get('#cidrs').should('have.value', '');
+    // Hostname should be empty.
+    cy.get(':nth-child(4) > .MuiAutocomplete-root > .MuiFormControl-root > .MuiInputBase-root').should(
+      'have.value',
+      '',
+    );
+
+    // cluster config should be empty.
+    cy.get('#seedPeerLoadLimit').should('have.value', 0);
+    cy.get('#peerLoadLimit').should('have.value', 0);
+    cy.get('#candidateParentLimit').should('have.value', 0);
+    cy.get('#filterParentLimit').should('have.value', 0);
+    cy.get('#jobRateLimit').should('have.value', 0);
+  });
+
+  it('can update cluster', () => {
+    cy.intercept({ method: 'PATCH', url: '/api/v1/clusters/1' }, (req) => {
+      (req.body = ''),
+        req.reply({
+          statusCode: 200,
+          body: {},
+        });
+    });
+    cy.visit('/clusters/1');
+
+    // Click update cluster button.
+    cy.get('#update').click();
+
+    // Show cluster name.
+    cy.get('#name').should('be.visible').and('contain', 'cluster-1');
+
+    cy.get('#default').click();
+
+    // Update cluster description.
+    cy.get('#description').clear();
+    cy.get('#description').type('update cluster-1');
+
+    // Update cluster Scopes.
+    cy.get('#location').clear();
+    cy.get('#location').type('China|Shang|Hai');
+
+    cy.get('#idc').type('{selectall}').type('{backspace}');
+
+    cy.get('#cidrs').type('192.168.20.2{enter}');
+
+    // Update cluster Config.
+    cy.get('#seedPeerLoadLimit').clear();
+    cy.get('#seedPeerLoadLimit').type('400');
+
+    cy.get('#peerLoadLimit').clear();
+    cy.get('#peerLoadLimit').type('50');
+
+    cy.get('#candidateParentLimit').clear();
+    cy.get('#candidateParentLimit').type('5');
+
+    cy.get('#filterParentLimit').clear();
+    cy.get('#filterParentLimit').type('50');
+
+    cy.get('#jobRateLimit').clear();
+    cy.get('#jobRateLimit').type('20');
+
+    // Click save button.
+    cy.get('#save').click();
+
+    cy.intercept(
+      {
+        method: 'GET',
+        url: '/api/v1/clusters/1',
+      },
+      (req) => {
+        req.reply({
+          statusCode: 200,
+          body: updateCluster,
+        });
+      },
+    );
+
+    // Then I see that the current page is the clusters/1!
+    cy.url().should('include', '/clusters/1');
+
+    // Check whether the cluster information is updated successfully.
+    cy.get('#description').should('be.visible').and('contain', 'update cluster-1');
+
+    cy.get('#default').should('be.visible').and('contain', 'No');
+
+    cy.get('#cidrs').click();
+
+    cy.get('.MuiDialogContent-root > :nth-child(4)').should('be.visible').and('contain', '192.168.20.2');
+
+    cy.get('body').click('topLeft');
+
+    cy.get('#seed-peer-load-limit').scrollIntoView().should('be.visible').and('contain', '400');
+
+    cy.get('#job-rate-limit').should('be.visible').and('contain', '20');
+  });
+
+  it('click the `CANCEL button', () => {
+    cy.url().should('include', '/clusters/1/edit');
+    cy.get('[data-testid="isloading"]').should('be.exist');
+
+    cy.wait(1000);
+
+    cy.get('#cancel').click();
+
+    // Then I see that the current page is the clusters/1!
+    cy.url().should('include', '/clusters/1');
+  });
+
+  it('try to update cluster with guest user', () => {
+    cy.intercept({ method: 'PATCH', url: '/api/v1/clusters/1' }, (req) => {
+      (req.body = ''),
+        req.reply({
+          statusCode: 401,
+          body: { message: 'permission deny' },
+        });
+    });
+
+    cy.guestSignin();
+
+    cy.get('#save').click();
+
+    // Show error message.
+    cy.get('.MuiAlert-message').should('be.visible').and('contain', 'permission deny');
+
+    // Close error message.
+    cy.get('.MuiAlert-action > .MuiButtonBase-root').click();
+    cy.get('.MuiAlert-message').should('not.exist');
+  });
+
+  describe('should handle API error response', () => {
+    it('get cluster API error response', () => {
+      cy.intercept(
+        {
+          method: 'GET',
+          url: '/api/v1/clusters/1',
+        },
+        (req) => {
+          req.reply({
+            forceNetworkError: true,
+          });
+        },
+      );
+
+      // Show error message.
+      cy.get('.MuiAlert-message').should('be.visible').and('contain', 'Failed to fetch');
+      cy.get('.MuiAlert-action > .MuiButtonBase-root').click();
+      cy.get('error-message').should('not.exist');
+    });
+
+    it('update cluster API error response', () => {
+      cy.intercept({ method: 'PATCH', url: '/api/v1/clusters/1' }, (req) => {
+        (req.body = ''),
+          req.reply({
+            forceNetworkError: true,
+          });
+      });
+
+      cy.get('#description').clear();
+      cy.get('#description').type('update cluster-1');
+
+      cy.get('#save').click();
+
+      // Show error message.
+      cy.get('.MuiAlert-message').should('be.visible').and('contain', 'Failed to fetch');
+    });
+  });
+
+  describe('cannot update cluster with invalid attributes', () => {
+    it('try to verify information', () => {
+      const characters = 'abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789';
+      const description = _.times(401, () => _.sample(characters)).join('');
+
+      cy.get('#description').clear();
+      cy.get('#description').type(description);
+
+      // Show verification error message.
+      cy.get('#description-helper-text')
+        .should('be.visible')
+        .and('contain', 'Fill in the characters, the length is 0-400.');
+
+      // Submit form when validation fails.
+      cy.get('#save').click();
+      cy.url().should('include', '/clusters/1/edit');
+      cy.get('#description').clear();
+
+      // Verification passed.
+      cy.get('#description').type('cluster description');
+    });
+
+    it('try to verify scopes', () => {
+      const characters = 'abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789';
+      const location = _.times(101, () => _.sample(characters)).join('');
+
+      // Should display location the validation error message.
+      cy.get('#location').type(location);
+
+      // Show verification error message.
+      cy.get('#location-helper-text')
+        .should('be.visible')
+        .and('contain', 'Fill in the characters, the length is 0-100.');
+
+      // Submit form when validation fails.
+      cy.get('#save').click();
+      cy.url().should('include', '/clusters/1/edit');
+      cy.get('#location').clear();
+
+      // Verification passed.
+      cy.get('#location').type('Beijing');
+      cy.get('#location-helper-text').should('not.exist');
+
+      // Should display idc the validation error message.
+      cy.get('#idc').type('hz');
+      cy.get('#save').click();
+      cy.url().should('include', '/clusters/1/edit');
+      cy.get('#idc-helper-text').should('be.visible').and('contain', `Please press ENTER to end the IDC creation.`);
+
+      // Verification passed.
+      cy.get('#idc').type('hz{enter}');
+      cy.get('#idc-helper-text').should('not.exist');
+
+      // Should display cidrs the validation error message.
+      cy.get('#cidrs').type('192.168.40.0/24');
+      cy.get('#save').click();
+      cy.url().should('include', '/clusters/1/edit');
+
+      // Show verification error message.
+      cy.get('#cidrs-helper-text').should('be.visible').and('contain', `Please press ENTER to end the CIDRs creation.`);
+
+      cy.get('#cidrs').type('192.168.40.0/24{enter}');
+      cy.get('#cidrs-helper-text').should('not.exist');
+
+      // Should display hostnames the validation error message.
+      cy.get('#hostnames').type('cluster-2');
+
+      cy.get('#save').click();
+      cy.url().should('include', '/clusters/1/edit');
+
+      // Show verification error message.
+      cy.get('#hostnames-helper-text')
+        .should('be.visible')
+        .and('contain', `Please press ENTER to end the Hostnames creation.`);
+
+      cy.get('#hostnames').type('cluster-1{enter}');
+      cy.get('#hostnames-helper-text').should('not.exist');
+    });
+
+    it('try to verify config', () => {
+      // Should display seed peer load limit the validation error message.
+      cy.get('#seedPeerLoadLimit').clear();
+      cy.get('#seedPeerLoadLimit').type('50001');
+
+      // Show verification error message.
+      cy.get('#seedPeerLoadLimit-helper-text')
+        .should('be.visible')
+        .and('contain', `Fill in the number, the length is 0-50000.`);
+
+      // Submit form when validation fails.
+      cy.get('#save').click();
+
+      // cluster creation failed, the page is still in cluster/new!
+      cy.url().should('include', '/clusters/1/edit');
+      cy.get('#seedPeerLoadLimit').clear();
+      cy.get('#seedPeerLoadLimit').type('400');
+
+      // Verification passed.
+      cy.get('#seedPeerLoadLimit-helper-text').should('not.exist');
+
+      // Should display peer load limit the validation error message.
+      cy.get('#peerLoadLimit').clear();
+      cy.get('#peerLoadLimit').type('2001');
+
+      // Show verification error message.
+      cy.get('#peerLoadLimit-helper-text')
+        .should('be.visible')
+        .and('contain', `Fill in the number, the length is 0-2000.`);
+      cy.get('#save').click();
+      cy.url().should('include', '/clusters/1/edit');
+      cy.get('#peerLoadLimit').clear();
+      cy.get('#peerLoadLimit').type('50');
+
+      // Verification passed.
+      cy.get('#peerLoadLimit-helper-text').should('not.exist');
+
+      // Should display candidate parent limit the validation error message.
+      cy.get('#candidateParentLimit').clear();
+      cy.get('#candidateParentLimit').type('21');
+
+      // Show verification error message.
+      cy.get('#candidateParentLimit-helper-text')
+        .should('be.visible')
+        .and('contain', `Fill in the number, the length is 1-20.`);
+      cy.get('#save').click();
+      cy.url().should('include', '/clusters/1/edit');
+      cy.get('#candidateParentLimit').clear();
+      cy.get('#candidateParentLimit').type('5');
+      cy.get('#candidateParentLimit-helper-text').should('not.exist');
+
+      // Should display filter parent limit the validation error message.
+      cy.get('#filterParentLimit').clear();
+
+      // Minimum validation range not reached.
+      cy.get('#filterParentLimit').type('9');
+
+      // Show verification error message.
+      cy.get('#filterParentLimit-helper-text')
+        .should('be.visible')
+        .and('contain', `Fill in the number, the length is 10-1000.`);
+      cy.get('#save').click();
+      cy.url().should('include', '/clusters/1/edit');
+      cy.get('#filterParentLimit').clear();
+
+      // Maximum verification range exceeded.
+      cy.get('#filterParentLimit').type('1001');
+
+      // Show verification error message.
+      cy.get('#filterParentLimit-helper-text')
+        .should('be.visible')
+        .and('contain', `Fill in the number, the length is 10-1000.`);
+      cy.get('#save').click();
+
+      cy.url().should('include', '/clusters/1/edit');
+      cy.get('#filterParentLimit').clear();
+      cy.get('#filterParentLimit').type('100');
+
+      // Verification passed.
+      cy.get('#filterParentLimit-helper-text').should('not.exist');
+
+      // Should display Job Rate Limit(requests per seconds) the validation error message.
+      cy.get('#jobRateLimit').invoke('val').should('eq', '15');
+      cy.get('#jobRateLimit').clear();
+
+      // Minimum validation range not reached.
+      cy.get('#jobRateLimit').type('0');
+      cy.get('#jobRateLimit-helper-text')
+        .should('be.visible')
+        .and('contain', `Fill in the number, the length is 1-1000000.`);
+      cy.get('#save').click();
+      cy.url().should('include', '/clusters/1/edit');
+      cy.get('#jobRateLimit').clear();
+
+      // Maximum verification range exceeded.
+      cy.get('#jobRateLimit').type('1000001');
+      cy.get('#jobRateLimit-helper-text')
+        .should('be.visible')
+        .and('contain', `Fill in the number, the length is 1-1000000.`);
+      cy.get('#save').click();
+      cy.url().should('include', '/clusters/1/edit');
+      cy.get('#jobRateLimit').clear();
+      cy.get('#jobRateLimit').type('100');
+
+      // Verification passed.
+      cy.get('#jobRateLimit-helper-text').should('not.exist');
+    });
+  });
+});

cypress/e2e/developer/tokens/create-token.cy.ts

@@ -0,0 +1,247 @@
+import tokens from '../../../fixtures/developer/tokens/tokens.json';
+import createToken from '../../../fixtures/developer/tokens/create-token.json';
+import _ from 'lodash';
+
+describe('Create token', () => {
+  beforeEach(() => {
+    cy.signin();
+
+    cy.intercept(
+      {
+        method: 'GET',
+        url: '/api/v1/personal-access-tokens?page=1&per_page=10000000',
+      },
+      (req) => {
+        req.reply({
+          statusCode: 200,
+          body: tokens,
+        });
+      },
+    );
+    cy.visit('/developer/personal-access-tokens/new');
+
+    cy.viewport(1440, 1080);
+  });
+
+  it('can create token', () => {
+    cy.visit('/developer/personal-access-tokens');
+
+    // Click the `ADD PERSONAL ACCESS TOKENS` button.
+    cy.get('#new-tokens-button').click();
+
+    // Then I see that the current page is the developer/personal-access-tokens/new!
+    cy.url().should('include', '/developer/personal-access-tokens/new');
+
+    cy.get('#name').type('root-12');
+
+    // Choose an expiration time of 60 days.
+    cy.get('#demo-simple-select').click();
+    cy.get('[data-value="60"]').click();
+
+    cy.intercept(
+      {
+        method: 'POST',
+        url: '/api/v1/personal-access-tokens',
+      },
+      (req) => {
+        req.body = {};
+        req.reply({
+          statusCode: 200,
+          body: {
+            id: 12,
+            created_at: '2023-12-05T11:26:32Z',
+            updated_at: '2023-12-05T11:26:32Z',
+            is_del: 0,
+            name: 'root-12',
+            bio: '',
+            token: 'ZjM1NzM1NGItYjYwYi00OTEyLTlmN2QtNjc5M2JhNzhiOTI3',
+            scopes: [],
+            state: 'active',
+            expired_at: '2033-12-02T11:26:17Z',
+            user_id: 2,
+          },
+        });
+      },
+    );
+    cy.intercept(
+      {
+        method: 'GET',
+        url: '/api/v1/personal-access-tokens?page=1&per_page=10000000',
+      },
+      (req) => {
+        req.reply({
+          statusCode: 200,
+          body: createToken,
+        });
+      },
+    );
+
+    cy.get('#save').click();
+
+    // Then I see that the current page is the developer/personal-access-tokens!
+    cy.url().should('include', '/developer/personal-access-tokens');
+
+    // After creation is completed, the copyable token will be displayed.
+    cy.get('#copy-column').should('exist');
+
+    // Click the Copy icon button.
+    cy.get('#copy-button').click();
+
+    // The copy icon is no longer displayed.
+    cy.get('#copy').should('not.exist');
+
+    // Shwo done icon.
+    cy.get('#done').should('exist');
+
+    // Show `copied!` text.
+    cy.get('.MuiTooltip-tooltip').should('exist').and('have.text', 'copied!');
+
+    // Let's check the copied text.
+    cy.window()
+      .its('navigator.clipboard')
+      .then((clip) => clip.readText())
+      .should('equal', 'ZjM1NzM1NGItYjYwYi00OTEyLTlmN2QtNjc5M2JhNzhiOTI3');
+
+    cy.wait(1000);
+
+    cy.get('#copy').should('exist');
+    cy.get('#done').should('not.exist');
+    cy.get('.MuiTooltip-tooltip').should('not.exist');
+
+    // Display successfully created token information.
+    cy.get('#root-12').should('be.visible').and('have.text', 'root-12');
+
+    // Refresh page.
+    cy.reload().then(() => {
+      cy.wait(1000);
+    });
+
+    // When you click refresh, the replication token will not be displayed again for your security.
+    cy.get('#copy-column').should('not.exist');
+  });
+
+  it('cannot create token with existing token', () => {
+    cy.intercept(
+      {
+        method: 'POST',
+        url: '/api/v1/personal-access-tokens',
+      },
+      (req) => {
+        req.body = {};
+        req.reply({
+          statusCode: 409,
+          body: { message: 'Conflict' },
+        });
+      },
+    );
+
+    cy.get('#name').type('root-12{enter}');
+
+    // Show error message.
+    cy.get('.MuiAlert-message').should('be.visible').and('contain', 'Conflict');
+    cy.get('.MuiAlert-action > .MuiButtonBase-root').click();
+    cy.get('.MuiAlert-message').should('not.exist');
+  });
+
+  it('click the `CANCEL button', () => {
+    cy.get('#cancel').click();
+
+    // Then I see that the current page is the developer/personal-access-tokens!
+    cy.url().should('include', '/developer/personal-access-tokens');
+  });
+
+  it('token cannot be created without required attributes', () => {
+    cy.get('#save').click();
+
+    cy.get('#name-helper-text').should('exist').and('have.text', 'Fill in the characters, the length is 1-100.');
+  });
+
+  it('try to create token with guest user', () => {
+    cy.visit('/signin');
+
+    cy.guestSignin();
+
+    cy.intercept(
+      {
+        method: 'POST',
+        url: '/api/v1/personal-access-tokens',
+      },
+      (req) => {
+        req.body = {};
+        req.reply({
+          statusCode: 401,
+          body: { message: 'permission deny' },
+        });
+      },
+    );
+
+    cy.visit('/developer/personal-access-tokens/new');
+
+    // Users menu does not exist.
+    cy.get('.MuiSnackbar-root > .MuiPaper-root').should('not.exist');
+
+    cy.get('#name').type('root-12{enter}');
+
+    // Show error message.
+    cy.get('.MuiAlert-message').should('be.visible').and('contain', 'permission deny');
+  });
+
+  it('should handle API error response', () => {
+    cy.intercept(
+      {
+        method: 'POST',
+        url: '/api/v1/personal-access-tokens',
+      },
+      (req) => {
+        req.body = {};
+        req.reply({
+          forceNetworkError: true,
+        });
+      },
+    );
+
+    cy.get('#name').type('root-12{enter}');
+
+    // Show error message.
+    cy.get('.MuiAlert-message').should('be.visible').and('contain', 'Failed to fetch');
+  });
+
+  it('cannot create token with invalid attributes', () => {
+    const characters = 'abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789';
+    const name = _.times(101, () => _.sample(characters)).join('');
+    const description = _.times(401, () => _.sample(characters)).join('');
+
+    // Should name message describing the validation error.
+    cy.get('#name').type(name);
+
+    // Show verification error message.
+    cy.get('#name-helper-text').should('exist').and('have.text', 'Fill in the characters, the length is 1-100.');
+
+    // Submit form when validation fails.
+    cy.get('#save').click();
+
+    // Then I see that the current page is the developer/personal-access-tokens/new!
+    cy.url().should('include', '/developer/personal-access-tokens/new');
+    cy.get('#name').clear();
+
+    // Enter the correct name.
+    cy.get('#name').type('root-12');
+
+    // Should display message describing the validation error.
+
+    cy.get('#bio').type(description);
+
+    // Show verification error message.
+    cy.get('#bio-helper-text').should('exist').and('have.text', 'Fill in the characters, the length is 0-400.');
+    cy.get('#save').click();
+
+    // Then I see that the current page is the developer/personal-access-tokens/new!
+    cy.url().should('include', '/developer/personal-access-tokens/new');
+
+    // Check if the job checkbox is checked.
+    cy.get('#job').should('be.checked').check({ force: true });
+
+    // Check if the cluster checkbox is checked.
+    cy.get('#cluster').should('be.checked').check({ force: true });
+  });
+});

cypress/e2e/developer/tokens/tokens.cy.ts

@@ -0,0 +1,317 @@
+import tokens from '../../../fixtures/developer/tokens/tokens.json';
+import deleteToken from '../../../fixtures/developer/tokens/delete-tokens.json';
+import tokenDeleteAfter from '../../../fixtures/developer/tokens/token-delete-after.json';
+
+describe('Tokens', () => {
+  beforeEach(() => {
+    cy.signin();
+
+    cy.intercept(
+      {
+        method: 'GET',
+        url: '/api/v1/personal-access-tokens?page=1&per_page=10000000',
+      },
+      (req) => {
+        req.reply({
+          statusCode: 200,
+          body: tokens,
+        });
+      },
+    );
+
+    cy.visit('/developer/personal-access-tokens');
+    cy.viewport(1440, 1080);
+  });
+
+  it('when data is loaded', () => {
+    cy.get('[data-testid="isloading"]').should('be.exist');
+    cy.get('#token-title').should('have.text', 'Personal access tokens');
+
+    // Show token name.
+    cy.get('#root-11').should('be.visible').and('have.text', 'root-11');
+
+    // Show user name.
+    cy.get('#user-name-11').should('contain', 'root');
+
+    // Show Expiration.
+    cy.get('#expired-at-11').should('be.visible').and('have.text', 'Mon, Dec 11 2023.');
+
+    // Show token information.
+    cy.get('#root-9').should('be.visible').and('have.text', 'root-9');
+
+    cy.get('#user-name-9').should('contain', 'jack');
+
+    cy.get('#expired-at-9').should('be.visible').and('have.text', 'Thu, Dec 1 2033.');
+
+    cy.get('#root-4').should('be.visible').and('have.text', 'root-4');
+
+    cy.get('#user-name-3').should('contain', 'lucy');
+
+    cy.get('#expired-at-4').should('be.visible').and('have.text', 'Sun, Feb 11 2024.');
+  });
+
+  it('when no data is loaded', () => {
+    cy.intercept(
+      {
+        method: 'GET',
+        url: '/api/v1/personal-access-tokens?page=1&per_page=10000000',
+      },
+      (req) => {
+        req.reply({
+          statusCode: 200,
+          body: [],
+        });
+      },
+    );
+
+    cy.get('#no-tokens').should('be.visible').and('have.text', `You don't have any tokens.`);
+  });
+
+  it('should handle API error response', () => {
+    cy.intercept(
+      {
+        method: 'GET',
+        url: '/api/v1/personal-access-tokens?page=1&per_page=10000000',
+      },
+      (req) => {
+        req.reply({
+          forceNetworkError: true,
+        });
+      },
+    );
+
+    // Show error message.
+    cy.get('.MuiAlert-message').should('be.visible').and('have.text', 'Failed to fetch');
+    cy.get('.MuiAlert-action > .MuiButtonBase-root').click();
+
+    // Close error message.
+    cy.get('.MuiAlert-action > .MuiButtonBase-root').click();
+    cy.get('.MuiAlert-message').should('not.exist');
+
+    // No tokens list exists.
+    cy.get('#tokens-list').should('not.exist');
+
+    // Show You don't have any preheat tokens.
+    cy.get('#no-tokens').should('be.visible').and('have.text', `You don't have any tokens.`);
+  });
+
+  describe('pagination', () => {
+    it('pagination updates results and page number', () => {
+      // Check number of pagination.
+      cy.get('#tokens-pagination > .MuiPagination-ul').children().should('have.length', 4);
+
+      // Check the current page number.
+      cy.get('#tokens-pagination > .MuiPagination-ul .Mui-selected').should('have.text', '1');
+    });
+
+    it('when pagination changes, different page results are rendered', () => {
+      // Check the current page number.
+      cy.get('#tokens-pagination > .MuiPagination-ul .Mui-selected').should('have.text', '1');
+
+      // Go to next page.
+      cy.get('.MuiPagination-ul > :nth-child(3)').click();
+
+      // Check the current page number.
+      cy.get('#tokens-pagination > .MuiPagination-ul .Mui-selected').should('have.text', '2');
+
+      // Show token name.
+      cy.get('#root-1').should('be.visible').and('have.text', 'root-1');
+
+      cy.get('#expired-at-1').should('be.visible').and('have.text', 'Thu, Dec 1 2033.');
+    });
+
+    it('when you click refresh, the paginated results and page numbers remain unchanged.', () => {
+      // Go to next page.
+      cy.get('.MuiPagination-ul > :nth-child(3)').click();
+
+      // Check the current page number.
+      cy.get('#tokens-pagination > .MuiPagination-ul .Mui-selected').should('have.text', '2');
+
+      // Refresh page.
+      cy.reload().then(() => {
+        cy.wait(2000);
+      });
+
+      // Check if the page number is the last page number.
+      cy.get('#tokens-pagination > .MuiPagination-ul .Mui-selected').should('have.text', '2');
+    });
+
+    it('when returning to the previous page, pagination and results remain unchanged', () => {
+      // Go to next page.
+      cy.get('.MuiPagination-ul > :nth-child(3)').click();
+
+      // Check the current page number.
+      cy.get('#tokens-pagination > .MuiPagination-ul .Mui-selected').should('have.text', '2');
+
+      cy.get('#root-1').should('have.text', 'root-1');
+
+      cy.get('#root-1').click();
+
+      // Then I see that the current page is the show update personal-access-tokens.
+      cy.url().should('include', '/developer/personal-access-tokens/1');
+
+      // Go back to the last page。
+      cy.go('back');
+
+      // Check the current page number.
+      cy.get('#tokens-pagination > .MuiPagination-ul .Mui-selected').should('have.text', '2');
+
+      cy.get('#root-1').should('have.text', 'root-1');
+    });
+  });
+
+  describe('delete', () => {
+    it('when a token is removed, this token is the only token on the last page', () => {
+      // Go to last page.
+      cy.get('.MuiPagination-ul > :nth-child(3)').click();
+      cy.get('#tokens-pagination > .MuiPagination-ul .Mui-selected').should('have.text', '2');
+
+      // Displays the name of the token that needs to be deleted.
+      cy.get('#root-1').should('be.visible').and('have.text', 'root-1');
+
+      // Click DELETE button.
+      cy.get('#delete-token-1').click();
+
+      // Click cancel button.
+      cy.get('#cancel').click();
+      cy.get('#delete-token-1').click();
+
+      cy.intercept(
+        {
+          method: 'DELETE',
+          url: '/api/v1/personal-access-tokens/1',
+        },
+        (req) => {
+          req.reply({
+            statusCode: 200,
+          });
+        },
+      );
+      cy.intercept(
+        {
+          method: 'GET',
+          url: '/api/v1/personal-access-tokens?page=1&per_page=10000000',
+        },
+        (req) => {
+          req.reply((res) => {
+            res.setDelay(1000);
+            res.send({
+              statusCode: 200,
+              body: deleteToken,
+            });
+          });
+        },
+      );
+
+      // Confirm delete.
+      cy.get('#delete').click();
+
+      // Show isloading.
+      cy.get('[data-testid="isloading"]').should('be.exist');
+
+      // Delete success message.
+      cy.get('.MuiAlert-message').should('have.text', 'Submission successful!');
+
+      cy.get('[data-testid="isloading"]').should('not.exist');
+
+      // Check if the token exists.
+      cy.get('#root-1').should('not.exist');
+
+      // Pagination does not exist.
+      cy.get('#tokens-pagination > .MuiPagination-ul').should('not.exist');
+    });
+
+    it('When removing a token, there is only one token for the next page', () => {
+      // Check the current page number.
+      cy.get('#tokens-pagination > .MuiPagination-ul .Mui-selected').should('have.text', '1');
+
+      // Displays the name of the token that needs to be deleted.
+      cy.get('#root-11').should('be.visible').and('have.text', 'root-11');
+
+      cy.get('#delete-token-11').click();
+
+      cy.intercept(
+        {
+          method: 'DELETE',
+          url: '/api/v1/personal-access-tokens/11',
+        },
+        (req) => {
+          req.reply({
+            statusCode: 200,
+          });
+        },
+      );
+      cy.intercept(
+        {
+          method: 'GET',
+          url: '/api/v1/personal-access-tokens?page=1&per_page=10000000',
+        },
+        (req) => {
+          req.reply({
+            statusCode: 200,
+            body: tokenDeleteAfter,
+          });
+        },
+      ).as('delete');
+
+      cy.get('#delete').click();
+      cy.wait('@delete');
+
+      // Delete success message.
+      cy.get('.MuiAlert-message').should('have.text', 'Submission successful!');
+
+      // Check if the token exists.
+      cy.get('#root-11').should('not.exist');
+
+      // Pagination does not exist.
+      cy.get('#tokens-pagination > .MuiPagination-ul').should('not.exist');
+    });
+
+    it('try to delete token using guest user', () => {
+      cy.guestSignin();
+
+      cy.get('#delete-token-11').click();
+
+      cy.intercept(
+        {
+          method: 'DELETE',
+          url: '/api/v1/personal-access-tokens/11',
+        },
+        (req) => {
+          req.reply({
+            statusCode: 401,
+            body: { message: 'permission deny' },
+          });
+        },
+      );
+
+      cy.get('#delete').click();
+
+      // Show error message.
+      cy.get('.MuiAlert-message').should('have.text', 'permission deny');
+    });
+
+    it('try to delete token using guest user', () => {
+      cy.guestSignin();
+
+      cy.get('#delete-token-11').click();
+
+      cy.intercept(
+        {
+          method: 'DELETE',
+          url: '/api/v1/personal-access-tokens/11',
+        },
+        (req) => {
+          req.reply({
+            forceNetworkError: true,
+          });
+        },
+      );
+
+      cy.get('#delete').click();
+
+      // Show error message.
+      cy.get('.MuiAlert-message').should('have.text', 'Failed to fetch');
+    });
+  });
+});

cypress/e2e/developer/tokens/update-token.cy.ts

@@ -0,0 +1,299 @@
+import tokens from '../../../fixtures/developer/tokens/tokens.json';
+import token from '../../../fixtures/developer/tokens/token.json';
+import updateToken from '../../../fixtures/developer/tokens/update-token.json';
+import _ from 'lodash';
+
+describe('Update token', () => {
+  beforeEach(() => {
+    cy.signin();
+
+    cy.intercept(
+      {
+        method: 'GET',
+        url: '/api/v1/personal-access-tokens?page=1&per_page=10000000',
+      },
+      (req) => {
+        req.reply({
+          statusCode: 200,
+          body: tokens,
+        });
+      },
+    );
+    cy.intercept(
+      {
+        method: 'GET',
+        url: '/api/v1/personal-access-tokens/11',
+      },
+      (req) => {
+        req.reply({
+          statusCode: 200,
+          body: token,
+        });
+      },
+    );
+
+    cy.visit('/developer/personal-access-tokens/11');
+    cy.viewport(1440, 1080);
+  });
+
+  it('when data is loaded', () => {
+    // Check the token ID.
+    cy.get('#id').should('be.visible').and('contain', '11');
+
+    // Check the token name.
+    cy.get('#name').should('be.visible').and('contain', 'root-11');
+
+    // Check the token description.
+    cy.get('#bio').should('have.value', 'root-11 token, used to control of cluster');
+
+    // Check that the job checkbox.
+    cy.get('#job').should('not.be.checked');
+
+    // Check that the cluster checkbox.
+    cy.get('#cluster').should('be.checked').check({ force: true });
+  });
+
+  it('when no data is loaded', () => {
+    cy.intercept(
+      {
+        method: 'GET',
+        url: '/api/v1/personal-access-tokens/11',
+      },
+      (req) => {
+        req.reply({
+          statusCode: 200,
+          body: {},
+        });
+      },
+    );
+
+    // Check the token ID.
+    cy.get('#id').should('have.text', '-');
+
+    // Check the token name.
+    cy.get('#name').should('have.text', '-');
+
+    // Check the token description.
+    cy.get('#bio').should('have.value', '');
+
+    // Check that the job checkbox.
+    cy.get('#job').should('not.be.checked');
+
+    // Check that the cluster checkbox.
+    cy.get('#cluster').should('not.be.checked');
+  });
+
+  it('can update token', () => {
+    cy.intercept({ method: 'PATCH', url: '/api/v1/personal-access-tokens/11' }, (req) => {
+      (req.body = ''),
+        req.reply({
+          statusCode: 200,
+          body: {
+            id: 2,
+            created_at: '2023-12-06T03:39:55Z',
+            updated_at: '2023-12-06T06:33:29.066Z',
+            is_del: 0,
+            name: 'root-11',
+            bio: 'update root-11',
+            token: 'ODhlMjFkY2UtM2Y1ZS00ZTVmLThkMzYtMzE2MzhiNmQxODlj',
+            scopes: ['preheat'],
+            state: 'active',
+            expired_at: '2033-12-03T06:33:27.032Z',
+            user_id: 1,
+          },
+        });
+    });
+
+    cy.visit('/developer/personal-access-tokens');
+
+    // Show token name.
+    cy.get('#root-11').should('be.visible').and('have.text', 'root-11');
+
+    // Click token name.
+    cy.get('#root-11').click();
+
+    // Then I see that the current page is the developer/personal-access-tokens/11!
+    cy.url().should('include', '/developer/personal-access-tokens/11');
+
+    cy.get('#name').should('be.visible').and('contain', 'root-11');
+
+    // Update token description.
+    cy.get('#bio').clear();
+    cy.get('#bio').type('update root-11');
+
+    // Choose an expiration time of 10 years.
+    cy.get('#demo-simple-select').click();
+    cy.get('[data-value="3650"]').click();
+
+    // Check if the job checkbox is checked.
+    cy.get('#job').click();
+    cy.get('#job').should('be.checked').check({ force: true });
+
+    // Check if the cluster checkbox is checked.
+    cy.get('#cluster').click();
+    cy.get('#cluster').should('not.be.checked');
+
+    cy.intercept(
+      {
+        method: 'GET',
+        url: '/api/v1/personal-access-tokens?page=1&per_page=10000000',
+      },
+      (req) => {
+        req.reply({
+          statusCode: 200,
+          body: updateToken,
+        });
+      },
+    );
+
+    cy.get('#save').click();
+
+    // Check for updated expiration date.
+    cy.get('#expired-at-11').should('be.visible').and('have.text', 'Sat, Dec 3 2033.');
+
+    // Then I see that the current page is the developer/personal-access-tokens!
+    cy.url().should('include', '/developer/personal-access-tokens');
+
+    // After update is completed, the copyable token will be displayed.
+    cy.get('#copy-column').should('exist');
+
+    // Click the Copy icon button.
+    cy.get('#copy-button').click();
+
+    // Let's check the copied text.
+    cy.window()
+      .its('navigator.clipboard')
+      .then((clip) => clip.readText())
+      .should('equal', 'ODhlMjFkY2UtM2Y1ZS00ZTVmLThkMzYtMzE2MzhiNmQxODlj');
+  });
+
+  it('click the `CANCEL button', () => {
+    cy.get('#cancel').click();
+
+    // Then I see that the current page is the personal-access-tokens!
+    cy.url().should('include', '/developer/personal-access-tokens');
+  });
+
+  it('unable to update token without required attributes', () => {
+    cy.get('#save').click();
+
+    cy.get('.MuiFormHelperText-root').should('exist').and('have.text', 'Please select an option.');
+  });
+
+  it('try to update token with guest user', () => {
+    cy.visit('/signin');
+
+    cy.guestSignin();
+
+    cy.intercept(
+      {
+        method: 'PATCH',
+        url: '/api/v1/personal-access-tokens/11',
+      },
+      (req) => {
+        req.body = {};
+        req.reply({
+          statusCode: 401,
+          body: { message: 'permission deny' },
+        });
+      },
+    );
+
+    cy.visit('/developer/personal-access-tokens/11');
+
+    // Choose an expiration time of 60 days.
+    cy.get('#demo-simple-select').click();
+    cy.get('[data-value="60"]').click();
+
+    cy.get('#save').click();
+
+    // Show error message.
+    cy.get('.MuiAlert-message').should('be.visible').and('contain', 'permission deny');
+
+    cy.get('.MuiAlert-action > .MuiButtonBase-root').click();
+    cy.get('.MuiAlert-message').should('not.exist');
+  });
+
+  describe('should handle API error response', () => {
+    it('get token API error response', () => {
+      cy.intercept(
+        {
+          method: 'GET',
+          url: '/api/v1/personal-access-tokens/10',
+        },
+        (req) => {
+          req.reply({
+            forceNetworkError: true,
+          });
+        },
+      );
+
+      cy.visit('/developer/personal-access-tokens/10');
+
+      // Show error message.
+      cy.get('.MuiAlert-message').should('be.visible').and('contain', 'Failed to fetch');
+
+      cy.get('#id').should('be.visible').and('contain', '-');
+    });
+
+    it('update token API error response', () => {
+      cy.intercept(
+        {
+          method: 'PATCH',
+          url: '/api/v1/personal-access-tokens/11',
+        },
+        (req) => {
+          req.body = {};
+          req.reply({
+            forceNetworkError: true,
+          });
+        },
+      );
+
+      // Choose an expiration time of 60 days.
+      cy.get('#demo-simple-select').click();
+      cy.get('[data-value="60"]').click();
+
+      cy.get('#save').click();
+
+      cy.get('.MuiAlert-message').should('be.visible').and('contain', 'Failed to fetch');
+    });
+  });
+
+  it('cannot create token with invalid attributes', () => {
+    const characters = 'abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789';
+    const description = _.times(401, () => _.sample(characters)).join('');
+
+    // Submit form when validation fails.
+    cy.get('#save').click();
+
+    // Then I see that the current page is the developer/personal-access-tokens/new!
+    cy.url().should('include', '/developer/personal-access-tokens/11');
+
+    // Choose an expiration time of 60 days.
+    cy.get('#demo-simple-select').click();
+    cy.get('[data-value="60"]').click();
+
+    // Should display message describing the validation error.
+    cy.get('#bio').type(description);
+
+    // Show verification error message.
+    cy.get('#bio-helper-text').should('exist').and('have.text', 'Fill in the characters, the length is 0-400.');
+    cy.get('#save').click();
+
+    // Then I see that the current page is the developer/personal-access-tokens/new!
+    cy.url().should('include', '/developer/personal-access-tokens/11');
+
+    cy.get('#bio').clear();
+    cy.get('#bio').type('update token');
+
+    // Verification passed.
+    cy.get('#bio-helper-text').should('not.exist');
+
+    // Check that the job checkbox.
+    cy.get('#job').should('not.be.checked').check({ force: true });
+
+    // Check that the cluster checkbox.
+    cy.get('#cluster').should('be.checked').check({ force: true });
+  });
+});

cypress/e2e/gc/audit.cy.ts

@@ -0,0 +1,262 @@
+import config from '../../fixtures/gc/config.json';
+import history from '../../fixtures/gc/history.json';
+import executeGC from '../../fixtures/gc/execute-gc.json';
+import updateConfig from '../../fixtures/gc/update-config.json';
+
+describe('audit', () => {
+  beforeEach(() => {
+    cy.signin();
+
+    cy.intercept(
+      {
+        method: 'GET',
+        url: '/api/v1/configs?page=1&per_page=10000000',
+      },
+      (req) => {
+        req.reply((res: any) => {
+          res.send(200, config);
+        });
+      },
+    );
+
+    cy.intercept(
+      {
+        method: 'GET',
+        url: '/api/v1/jobs?page=1&per_page=10000000&type=gc',
+      },
+      (req) => {
+        req.reply((res: any) => {
+          res.send(200, history);
+        });
+      },
+    );
+
+    cy.viewport(1440, 1080);
+    cy.visit('/gc/audit');
+  });
+
+  it('when data is loaded', () => {
+    // Show audit ttl.
+    cy.get('#audit-ttl').should('have.text', '3 days');
+
+    // Show gc history.
+    cy.get('#history').should('have.text', '11');
+
+    cy.get('#pagination').should('exist');
+
+    // Display gc history information.
+    cy.get('#trigger-119').should('have.text', 'Manual');
+    cy.get('#ttl-119').should('have.text', '2 days');
+
+    // Go to next page.
+    cy.get('.MuiPagination-ul > :nth-child(3) > .MuiButtonBase-root').click();
+
+    cy.get('#id-97').should('have.text', 97);
+  });
+
+  it('when no data is loaded', () => {
+    cy.intercept(
+      {
+        method: 'GET',
+        url: '/api/v1/configs?page=1&per_page=10000000',
+      },
+      (req) => {
+        req.reply({ statusCode: 200, body: [] });
+      },
+    );
+
+    cy.intercept(
+      {
+        method: 'GET',
+        url: '/api/v1/jobs?page=1&per_page=10000000&type=gc',
+      },
+      (req) => {
+        req.reply({ statusCode: 200, body: [] });
+      },
+    );
+
+    cy.get('#audit-ttl').should('have.text', '-');
+    cy.get('#history').should('have.text', '0');
+    cy.get('#last-completed').should('have.text', '-');
+
+    cy.get('#pagination').should('not.exist');
+
+    // no history.
+    cy.get('#no-history').should('have.text', `You don't have GC history.`);
+  });
+
+  it('can execute GC', () => {
+    cy.get('#execute-gc').click();
+    cy.get('#execute').should('exist');
+
+    // Click cancel button.
+    cy.get('#cancel-execute').click();
+    cy.get('#execute').should('not.exist');
+
+    cy.get('#execute-gc').click();
+
+    cy.intercept(
+      {
+        method: 'POST',
+        url: '/api/v1/jobs',
+      },
+      async (req) => {
+        await new Promise((resolve) => setTimeout(resolve, 2000));
+        req.reply({
+          statusCode: 200,
+          body: executeGC,
+        });
+      },
+    );
+
+    // Click execute button.
+    cy.get('#save-execute').click();
+
+    cy.get('#execute-loading').should('exist');
+
+    cy.wait(1000);
+    cy.get('#success-execute-gc').should('exist');
+
+    // Show number of recycled audit log.
+    cy.get('.MuiAlert-message').should('have.text', 'You have successfully recycled 10 audit logs!');
+
+    cy.get('#close-execut-icon').click();
+
+    cy.get('#execute').should('not.exist');
+  });
+
+  it('can not execute GC', () => {
+    cy.get('#execute-gc').click();
+    cy.get('#execute').should('exist');
+
+    cy.intercept(
+      {
+        method: 'POST',
+        url: '/api/v1/jobs',
+      },
+      async (req) => {
+        req.reply({
+          forceNetworkError: true,
+        });
+      },
+    );
+
+    // Click execute button.
+    cy.get('#save-execute').click();
+
+    cy.get('#execute-error').should('exist');
+  });
+
+  it('should handle API error response', () => {
+    cy.intercept(
+      {
+        method: 'GET',
+        url: '/api/v1/configs?page=1&per_page=10000000',
+      },
+      (req) => {
+        req.reply({ forceNetworkError: true });
+      },
+    );
+
+    cy.intercept(
+      {
+        method: 'GET',
+        url: '/api/v1/jobs?page=1&per_page=10000000&type=gc',
+      },
+      (req) => {
+        req.reply({ forceNetworkError: true });
+      },
+    );
+
+    // Show error message.
+    cy.get('.MuiAlert-message').should('be.visible').and('contain', 'Failed to fetch');
+
+    // Close error message.
+    cy.get('.MuiAlert-action > .MuiButtonBase-root').click();
+    cy.get('.MuiAlert-message').should('not.exist');
+  });
+
+  it('can update ttl', () => {
+    cy.get('#audit-ttl').should('have.text', '3 days');
+    cy.get('#update').click();
+
+    cy.get('#audit-ttl-input').clear();
+    cy.get('#audit-ttl-input').type('100');
+
+    cy.get('#ttl-error').should(
+      'have.text',
+      'Fill in the number, and the time value must be greater than 0 and less than 30 days.',
+    );
+
+    cy.get('#audit-unit').click();
+    cy.get('[data-value="hours"]').click();
+
+    cy.get('#audit-ttl-input').clear();
+    cy.get('#audit-ttl-input').type('2000');
+
+    // Shou error.
+    cy.get('#ttl-error').should('have.text', 'Fill in the number, the length is 1-1000.');
+
+    cy.get('#audit-ttl-input').clear();
+    cy.get('#audit-ttl-input').type('1');
+
+    cy.get('#audit-ttl-input').clear();
+    cy.get('#audit-ttl-input').type('1');
+
+    cy.intercept(
+      {
+        method: 'PATCH',
+        url: '/api/v1/configs/1',
+      },
+      async (req) => {
+        req.reply({
+          statusCode: 200,
+          body: {},
+        });
+      },
+    );
+
+    cy.intercept(
+      {
+        method: 'GET',
+        url: '/api/v1/configs?page=1&per_page=10000000',
+      },
+      (req) => {
+        req.reply((res: any) => {
+          res.send(200, updateConfig);
+        });
+      },
+    );
+
+    cy.get('#save-ttl').click();
+
+    cy.get('.MuiAlert-message').should('have.text', 'Submission successful!');
+
+    cy.get('#audit-ttl').should('have.text', '21 days');
+  });
+
+  it('can no update ttl', () => {
+    cy.get('#audit-ttl').should('have.text', '3 days');
+    cy.get('#update').click();
+
+    cy.get('#audit-ttl-input').clear();
+    cy.get('#audit-ttl-input').type('1');
+
+    cy.intercept(
+      {
+        method: 'PATCH',
+        url: '/api/v1/configs/1',
+      },
+      async (req) => {
+        req.reply({
+          forceNetworkError: true,
+        });
+      },
+    );
+
+    cy.get('#save-ttl').click();
+
+    // Show error message.
+    cy.get('.MuiAlert-message').should('be.visible').and('contain', 'Failed to fetch');
+  });
+});

cypress/e2e/gc/job.cy.ts

@@ -0,0 +1,259 @@
+import config from '../../fixtures/gc/config.json';
+import history from '../../fixtures/gc/history.json';
+import executeGC from '../../fixtures/gc/execute-gc.json';
+import updateConfig from '../../fixtures/gc/update-config.json';
+
+describe('audit', () => {
+  beforeEach(() => {
+    cy.signin();
+
+    cy.intercept(
+      {
+        method: 'GET',
+        url: '/api/v1/configs?page=1&per_page=10000000',
+      },
+      (req) => {
+        req.reply((res: any) => {
+          res.send(200, config);
+        });
+      },
+    );
+
+    cy.intercept(
+      {
+        method: 'GET',
+        url: '/api/v1/jobs?page=1&per_page=10000000&type=gc',
+      },
+      (req) => {
+        req.reply((res: any) => {
+          res.send(200, history);
+        });
+      },
+    );
+
+    cy.viewport(1440, 1080);
+    cy.visit('/gc/job');
+  });
+
+  it('when data is loaded', () => {
+    // Displays the Job ttl.
+    cy.get('#job-ttl').should('have.text', '13 days');
+
+    // Displays the GC history.
+    cy.get('#history').should('have.text', '13');
+    cy.get('#pagination').should('exist');
+
+    // Display gc history information.
+    cy.get('#trigger-117').should('have.text', 'Manual');
+
+    // Go to last page.
+    cy.get('.MuiPagination-ul > :nth-child(3) > .MuiButtonBase-root').click();
+
+    // Display gc history information.
+    cy.get('#id-101').should('have.text', 101);
+    cy.get('#ttl-101').should('have.text', '13 days');
+  });
+
+  it('when no data is loaded', () => {
+    cy.intercept(
+      {
+        method: 'GET',
+        url: '/api/v1/configs?page=1&per_page=10000000',
+      },
+      (req) => {
+        req.reply({ statusCode: 200, body: [] });
+      },
+    );
+
+    cy.intercept(
+      {
+        method: 'GET',
+        url: '/api/v1/jobs?page=1&per_page=10000000&type=gc',
+      },
+      (req) => {
+        req.reply({ statusCode: 200, body: [] });
+      },
+    );
+
+    cy.get('#job-ttl').should('have.text', '-');
+    cy.get('#history').should('have.text', '0');
+    cy.get('#last-completed').should('have.text', '-');
+
+    cy.get('#pagination').should('not.exist');
+
+    // no history.
+    cy.get('#no-history').should('have.text', `You don't have GC history.`);
+  });
+
+  it('can execute GC', () => {
+    cy.get('#execute-gc').click();
+    cy.get('#execute').should('exist');
+
+    // Click cancel button.
+    cy.get('#cancel-execute').click();
+    cy.get('#execute').should('not.exist');
+
+    cy.get('#execute-gc').click();
+
+    cy.intercept(
+      {
+        method: 'POST',
+        url: '/api/v1/jobs',
+      },
+      async (req) => {
+        await new Promise((resolve) => setTimeout(resolve, 2000));
+        req.reply({
+          statusCode: 200,
+          body: executeGC,
+        });
+      },
+    );
+
+    // Click execute button.
+    cy.get('#save-execute').click();
+
+    cy.get('#execute-loading').should('exist');
+
+    cy.wait(1000);
+    cy.get('#success-execute-gc').should('exist');
+
+    // Show number of recycled audit log.
+    cy.get('.MuiAlert-message').should('have.text', 'You have successfully recycled 10 job!');
+
+    cy.get('#close-execut-icon').click();
+
+    cy.get('#execute').should('not.exist');
+  });
+
+  it('can not execute GC', () => {
+    cy.get('#execute-gc').click();
+    cy.get('#execute').should('exist');
+
+    cy.intercept(
+      {
+        method: 'POST',
+        url: '/api/v1/jobs',
+      },
+      async (req) => {
+        req.reply({
+          forceNetworkError: true,
+        });
+      },
+    );
+
+    // Click execute button.
+    cy.get('#save-execute').click();
+
+    cy.get('#execute-error').should('exist');
+  });
+
+  it('should handle API error response', () => {
+    cy.intercept(
+      {
+        method: 'GET',
+        url: '/api/v1/configs?page=1&per_page=10000000',
+      },
+      (req) => {
+        req.reply({ forceNetworkError: true });
+      },
+    );
+
+    cy.intercept(
+      {
+        method: 'GET',
+        url: '/api/v1/jobs?page=1&per_page=10000000&type=gc',
+      },
+      (req) => {
+        req.reply({ forceNetworkError: true });
+      },
+    );
+
+    // Show error message.
+    cy.get('.MuiAlert-message').should('be.visible').and('contain', 'Failed to fetch');
+
+    // Close error message.
+    cy.get('.MuiAlert-action > .MuiButtonBase-root').click();
+    cy.get('.MuiAlert-message').should('not.exist');
+  });
+
+  it('can update ttl', () => {
+    cy.get('#job-ttl').should('have.text', '13 days');
+    cy.get('#update').click();
+
+    cy.get('#job-ttl-input').clear();
+    cy.get('#job-ttl-input').type('100');
+
+    cy.get('#ttl-error').should(
+      'have.text',
+      'Fill in the number, and the time value must be greater than 0 and less than 30 days.',
+    );
+
+    cy.get('#job-unit').click();
+    cy.get('[data-value="hours"]').click();
+
+    cy.get('#job-ttl-input').clear();
+    cy.get('#job-ttl-input').type('2000');
+
+    // Shou error.
+    cy.get('#ttl-error').should('have.text', 'Fill in the number, the length is 1-1000.');
+
+    cy.get('#job-ttl-input').clear();
+    cy.get('#job-ttl-input').type('1');
+
+    cy.intercept(
+      {
+        method: 'PATCH',
+        url: '/api/v1/configs/1',
+      },
+      async (req) => {
+        req.reply({
+          statusCode: 200,
+          body: {},
+        });
+      },
+    );
+
+    cy.intercept(
+      {
+        method: 'GET',
+        url: '/api/v1/configs?page=1&per_page=10000000',
+      },
+      (req) => {
+        req.reply((res: any) => {
+          res.send(200, updateConfig);
+        });
+      },
+    );
+
+    cy.get('#save-ttl').click();
+
+    cy.get('.MuiAlert-message').should('have.text', 'Submission successful!');
+
+    cy.get('#job-ttl').should('have.text', '21 days');
+  });
+
+  it('can no update ttl', () => {
+    cy.get('#job-ttl').should('have.text', '13 days');
+    cy.get('#update').click();
+
+    cy.get('#job-ttl-input').clear();
+    cy.get('#job-ttl-input').type('1');
+
+    cy.intercept(
+      {
+        method: 'PATCH',
+        url: '/api/v1/configs/1',
+      },
+      async (req) => {
+        req.reply({
+          forceNetworkError: true,
+        });
+      },
+    );
+
+    cy.get('#save-ttl').click();
+
+    // Show error message.
+    cy.get('.MuiAlert-message').should('be.visible').and('contain', 'Failed to fetch');
+  });
+});

cypress/e2e/job/preheats/create-preheat.cy.ts

@@ -0,0 +1,858 @@
+import clusters from '../../../fixtures/clusters/clusters.json';
+import preheats from '../../../fixtures/job/preheats/preheats.json';
+import createPreheatFile from '../../../fixtures/job/preheats/create-preheat-file.json';
+import createPreheatImage from '../../../fixtures/job/preheats/create-preheat-image.json';
+import _ from 'lodash';
+
+describe('Create preheat', () => {
+  beforeEach(() => {
+    cy.signin();
+    cy.intercept(
+      {
+        method: 'GET',
+        url: '/api/v1/clusters?page=1&per_page=10000000',
+      },
+      (req) => {
+        req.reply({
+          statusCode: 200,
+          body: clusters,
+        });
+      },
+    );
+    cy.intercept(
+      {
+        method: 'GET',
+        url: '/api/v1/jobs?page=1&per_page=10&type=preheat',
+      },
+      (req) => {
+        req.reply((res: any) => {
+          const responseHeaders = {
+            ...res.headers,
+            Link: '</api/v1/jobs?page=1&per_page=10&state=FAILURE>;rel=prev,</api/v1/jobs?page=2&per_page=10&state=FAILURE>;rel=next,</api/v1/jobs?page=1&per_page=10&state=FAILURE>;rel=first,</api/v1/jobs?page=2&per_page=10&state=FAILURE>;rel=last',
+          };
+          res.send(200, preheats, responseHeaders);
+        });
+      },
+    );
+    cy.visit('/jobs/preheats/new');
+    cy.viewport(1440, 1080);
+  });
+
+  it('can create an All Peers task with a preheat scope of 30%', () => {
+    // By default, there is no percentage and count.
+    cy.get('#count-or-percentage').should('not.exist');
+
+    // Scope select all peers.
+    cy.get('#select-scope').click();
+    cy.get('#all_peers').click();
+
+    cy.get('#all').should('have.text', `Preheat to each peer in the P2P cluster.`);
+
+    cy.get('#count-or-percentage').should('exist');
+
+    cy.get('#radio-percentage').click();
+
+    cy.get('#percentage').click(100, 10);
+
+    // Select count.
+    cy.get('#radio-count').click();
+
+    cy.get('#count').click();
+
+    cy.get('#count').type('50');
+
+    // Scope select all seed peers.
+    cy.get('#select-scope').click();
+    cy.get('#all_seed_peers').click();
+
+    cy.get('#all').should('have.text', `Preheat to each seed peer in the P2P cluster.`);
+  });
+
+  it('click the `CANCEL button', () => {
+    cy.get('#cancel').click();
+
+    // Then I see that the current page is the preheats page!
+    cy.url().should('include', '/jobs/preheats');
+  });
+
+  it('can create preheat file', () => {
+    cy.visit('/jobs/preheats');
+    cy.get('#new-preheat').click();
+
+    cy.url().should('include', '/jobs/preheats/new');
+
+    cy.get('.MuiTypography-h5').should('have.text', 'Create Preheat');
+
+    cy.get('#description').type('create preheat');
+
+    // Select a cluster.
+    cy.get('#cluster').type('cluster-1{enter}');
+
+    cy.get('body').click('topLeft');
+
+    cy.get('#pieceLength').type('5');
+
+    // Select a scope.
+    cy.get('#select-scope').click();
+
+    cy.get('#all_seed_peers').click();
+
+    //  Select a ips.
+    cy.get('#radio-ips').click();
+
+    cy.get('#ips').type('10.0.0.8{enter}');
+
+    // Add url.
+    cy.get('#url').type('https://example.com/path/to/file');
+
+    cy.get('#add-url').click();
+    cy.get('#url-0').type('https://example.com/path/to/file/url-1');
+
+    // Add tag.
+    cy.get('#tag').type('tag-1');
+
+    // Add application.
+    cy.get('#application').type('application-1');
+
+    cy.intercept(
+      {
+        method: 'POST',
+        url: '/api/v1/jobs',
+      },
+      (req) => {
+        req.reply({
+          statusCode: 200,
+          body: createPreheatFile,
+        });
+      },
+    );
+
+    cy.intercept(
+      {
+        method: 'GET',
+        url: '/api/v1/jobs/12',
+      },
+      (req) => {
+        req.reply({
+          statusCode: 200,
+          body: createPreheatFile,
+        });
+      },
+    );
+
+    cy.get('#save').click();
+
+    // Then I see that the current page is the preheats page!
+    cy.url().should('include', '/jobs/preheats/12');
+
+    // Displays successfully added preheat task.
+    cy.get('#description').should('have.text', 'create preheat');
+    cy.get('#status').should('have.text', 'PENDING');
+    cy.get('#url-0').should('have.text', 'https://example.com/path/to/file/url-1');
+    cy.get('#url-1').should('have.text', 'https://example.com/path/to/file');
+    cy.get('#id').should('have.text', 12);
+    cy.get('#piece-length').should('have.text', '5 MiB');
+    cy.get('#scope').should('have.text', 'All Seed Peers');
+    cy.get('#tag').should('have.text', 'tag-1');
+    cy.get('#application').should('have.text', 'application-1');
+  });
+
+  it('can create preheat image', () => {
+    cy.get('#preheat-image').click();
+
+    cy.get('#description').type('create preheat');
+
+    // Select a cluster.
+    cy.get('#cluster').type('cluster-1{enter}');
+
+    cy.get('body').click('topLeft');
+
+    cy.get('#pieceLength').type('5');
+
+    // Select a scope.
+    cy.get('#select-scope').click();
+
+    cy.get('#all_seed_peers').click();
+
+    cy.get('#radio-ips').click();
+
+    cy.get('#ips').type('10.0.0.8{enter}');
+
+    // Add url.
+    cy.get('#url').type('https://example.com/path/to/file');
+
+    cy.get('#username').type('root');
+    cy.get('#password').type('password');
+
+    // Add tag.
+    cy.get('#tag').type('tag-1');
+
+    // Add application.
+    cy.get('#application').type('application-1');
+
+    cy.intercept(
+      {
+        method: 'POST',
+        url: '/api/v1/jobs',
+      },
+      (req) => {
+        req.reply({
+          statusCode: 200,
+          body: createPreheatImage,
+        });
+      },
+    );
+
+    cy.intercept(
+      {
+        method: 'GET',
+        url: '/api/v1/jobs/13',
+      },
+      (req) => {
+        req.reply({
+          statusCode: 200,
+          body: createPreheatImage,
+        });
+      },
+    );
+
+    cy.get('#save').click();
+
+    // Should show preheat details.
+    cy.get('#description').should('have.text', 'create preheat');
+    cy.get('#status').should('have.text', 'PENDING');
+    cy.get('#type').should('have.text', 'Image');
+    cy.get('#url').should('have.text', 'https://example.com/manifests/v2.1.0');
+    cy.get('#id').should('have.text', 13);
+    cy.get('#platform').should('have.text', 'Linux AMD64');
+    cy.get('#piece-length').should('have.text', '-');
+    cy.get('#scope').should('have.text', 'Single Seed Peer');
+    cy.get('#tag').should('have.text', 'tag-1');
+    cy.get('#application').should('have.text', 'application-1');
+    cy.get('#ips-0').should('have.text', '10.244.4.5');
+    cy.get('#ips-1').should('have.text', '10.244.4.3');
+  });
+
+  it('cannot to use cluster without scheduler for preheat', () => {
+    cy.intercept(
+      {
+        method: 'POST',
+        url: '/api/v1/jobs',
+      },
+      (req) => {
+        req.reply({
+          statusCode: 500,
+          body: { message: 'candidate schedulers not found' },
+        });
+      },
+    );
+
+    cy.get('#cluster').click();
+    cy.contains('li', 'cluster-2').click();
+    cy.get('body').click('topLeft');
+
+    // Select a scope.
+    cy.get('#select-scope').click();
+    cy.get('body').click('topLeft');
+    cy.get('#select-scope').click();
+    cy.get('#all_seed_peers').click();
+
+    cy.get('#url').type('https://example.com/path/to/file');
+
+    cy.get('#save').click();
+
+    // Show error message.
+    cy.get('.MuiAlert-message').should('be.visible').and('contain', 'candidate schedulers not found');
+
+    cy.get('.MuiAlert-action > .MuiButtonBase-root').click();
+    cy.get('.MuiAlert-message').should('not.exist');
+  });
+
+  it('cannot create preheat task without required attributes', () => {
+    cy.get('#save').click();
+
+    cy.get('#cluster-helper-text').should('be.visible').and('have.text', 'Select at least one option.');
+    cy.get('#url-helper-text').should('be.visible').and('have.text', 'Fill in the characters, the length is 1-1000.');
+  });
+
+  it('try to create preheat with guest user', () => {
+    cy.guestSignin();
+    cy.visit('/jobs/preheats/new');
+
+    // Check if the guest user is signin in.
+    cy.get('[href="/users"]').should('not.exist');
+
+    // Select a cluster.
+    cy.get('#cluster').click();
+    cy.contains('li', 'cluster-1').click();
+    cy.get('body').click('topLeft');
+
+    // Select a scope.
+    cy.get('#select-scope').click();
+    cy.get('#single_seed_peer').click();
+
+    // Add ure.
+    cy.get('#url').type('https://example.com/path/to/file');
+
+    cy.intercept(
+      {
+        method: 'POST',
+        url: '/api/v1/jobs',
+      },
+      (req) => {
+        req.reply({
+          statusCode: 200,
+          body: createPreheatFile,
+        });
+      },
+    );
+
+    cy.intercept(
+      {
+        method: 'GET',
+        url: '/api/v1/jobs/12',
+      },
+      (req) => {
+        req.reply({
+          statusCode: 200,
+          body: createPreheatFile,
+        });
+      },
+    );
+
+    cy.get('#save').click();
+
+    // Then I see that the current page is the preheats page!
+    cy.url().should('include', '/jobs/preheats/12');
+
+    // Displays successfully added preheat task.
+    cy.get('#description').should('have.text', 'create preheat');
+    cy.get('#status').should('have.text', 'PENDING');
+    cy.get('#id').should('have.text', 12);
+    cy.get('#piece-length').should('have.text', '5 MiB');
+  });
+
+  describe('should handle API error response', () => {
+    it('creating a preheat file API error response', () => {
+      cy.intercept(
+        {
+          method: 'POST',
+          url: '/api/v1/jobs',
+        },
+        (req) => {
+          req.reply({
+            forceNetworkError: true,
+          });
+        },
+      );
+
+      cy.get('#cluster').click();
+      cy.contains('li', 'cluster-2').click();
+      cy.get('body').click('topLeft');
+
+      // Select a scope.
+      cy.get('#select-scope').click();
+      cy.get('#all_peers').click();
+
+      cy.get('#url').type('https://example.com/path/to/file');
+
+      cy.get('#save').click();
+
+      // Show error message.
+      cy.get('.MuiAlert-message').should('be.visible').and('contain', 'Failed to fetch');
+    });
+
+    it('creating a preheat image API error response', () => {
+      cy.get('#preheat-image');
+
+      cy.intercept(
+        {
+          method: 'POST',
+          url: '/api/v1/jobs',
+        },
+        (req) => {
+          req.reply({
+            statusCode: 500,
+            body: {
+              message:
+                'Get "https://index.docker.io/v2/": context deadline exceeded (Client.Timeout exceeded while awaiting headers)',
+            },
+          });
+        },
+      );
+
+      cy.get('#cluster').click();
+      cy.contains('li', 'cluster-2').click();
+      cy.get('body').click('topLeft');
+
+      // Select a scope.
+      cy.get('#select-scope').click();
+      cy.get('#all_peers').click();
+
+      cy.get('#url').type('https://example.com/path/to/file');
+
+      cy.get('#save').click();
+
+      // Show error message.
+      cy.get('.MuiAlert-message')
+        .should('be.visible')
+        .and(
+          'contain',
+          'Get "https://index.docker.io/v2/": context deadline exceeded (Client.Timeout exceeded while awaiting headers)',
+        );
+    });
+  });
+
+  describe('cannot create preheat with invalid attributes', () => {
+    it('try to verify information', () => {
+      const characters = 'abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789';
+      const description = _.times(401, () => _.sample(characters)).join('');
+
+      cy.get('#cluster').type('cluster-99{enter}');
+      cy.get('#cluster-helper-text').should('have.text', 'cluster not found');
+
+      cy.get('#cluster').type('cluster-9{enter}');
+
+      // Select a cluster.
+      cy.get('#cluster').click();
+      cy.contains('li', 'cluster-1').click();
+      cy.get('body').click('topLeft');
+
+      // Add ure.
+      cy.get('#url').type('https://example.com/path/to/file');
+
+      // Should display message describing the validation error.
+      cy.get('#description').type(description);
+
+      // Show verification error message.
+      cy.get('#description-helper-text')
+        .should('be.visible')
+        .and('have.text', 'Fill in the characters, the length is 0-400.');
+
+      cy.get('#save').click();
+    });
+
+    it('try to verify URL', () => {
+      const characters = 'abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789';
+      const url = _.times(1001, () => _.sample(characters)).join('');
+
+      // Should display message URL the validation error.
+      cy.get('#url').type(`https://docs${url}`);
+
+      cy.get('#url-helper-text').should('be.visible').and('have.text', 'Fill in the characters, the length is 1-1000.');
+
+      // Click add URL button.
+      cy.get('#add-url').click();
+
+      cy.get('#save').click();
+
+      // The added URL validation error prompt should be displayed.
+      cy.get('#url-0-helper-text')
+        .should('be.visible')
+        .and('have.text', 'Fill in the characters, the length is 1-1000.');
+
+      cy.get('#url-0').type('https://example.com/path/to/file');
+
+      // Click add URL button.
+      cy.get('#add-url').click();
+
+      // Check whether to add URL input box.
+      cy.get('#url-1').should('exist');
+
+      // Click the clear URL button.
+      cy.get('#clear-url-1').click();
+      cy.get('#url-1').should('not.exist');
+
+      cy.get('#url').clear();
+    });
+
+    it('try to verify the preheat image args', () => {
+      const characters = 'abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789';
+      const url = _.times(401, () => _.sample(characters)).join('');
+      const filter = _.times(101, () => _.sample(characters)).join('');
+
+      cy.get('#preheat-image').click();
+
+      // Select a cluster.
+      cy.get('#cluster').click();
+      cy.contains('li', 'cluster-1').click();
+      cy.get('body').click('topLeft');
+
+      cy.get('#url').type('https://docs');
+
+      // Should display message name the validation error.
+      cy.get('#username').type(filter);
+
+      // Show verification error message.
+      cy.get('#username-helper-text').should('have.text', 'Fill in the characters, the length is 0-100.');
+
+      cy.get('#username').clear();
+      cy.get('#username').type('root');
+
+      cy.get('#username-helper-text').should('not.exist');
+
+      // Should display message password the validation error.
+      cy.get('#password').type(filter);
+
+      // Show verification error message.
+      cy.get('#password-helper-text').should('have.text', 'Fill in the characters, the length is 0-100.');
+
+      cy.get('#password').clear();
+      cy.get('#password').type('root');
+
+      cy.get('#password-helper-text').should('not.exist');
+
+      // Should display message Piece Length the validation error.
+      cy.get('#select-scope').click();
+      cy.get('#all_peers').click();
+
+      cy.get('#radio-count').click();
+
+      cy.get('#count').should('have.value', '1');
+
+      cy.get('#count').clear();
+
+      cy.get('#count').type('0');
+
+      // Show verification error message.
+      cy.get('#count-helper-text').should('have.text', 'Fill in the characters, the length is 1-200.');
+
+      cy.get('#count').clear();
+
+      cy.get('#count').type('201');
+
+      cy.get('#count-helper-text').should('have.text', 'Fill in the characters, the length is 1-200.');
+
+      // Should display message Piece Length the validation error.
+      cy.get('#pieceLength').type('0');
+
+      // Show verification error message.
+      cy.get('#pieceLength-helper-text').should('have.text', 'Please enter a value between 4 and 1024 MiB.');
+
+      cy.get('#pieceLength').clear();
+      cy.get('#pieceLength-helper-text').should('not.eq');
+      cy.get('#pieceLength').type('1025');
+      cy.get('#save').click();
+
+      // Preheat creation failed, the page is still in preheat/new!
+      cy.url().should('include', '/jobs/preheats/new');
+
+      cy.get('#pieceLength-helper-text').should('exist');
+
+      // Should display message tag the validation error.
+      cy.get('#tag').type(url);
+
+      cy.get('#tag-helper-text').should('be.visible').and('have.text', 'Fill in the characters, the length is 0-400.');
+
+      cy.get('#tag').clear();
+
+      // Should display message filter the validation error.
+      cy.get('#filteredQueryParams').type('filter');
+
+      cy.get('#save').click();
+
+      // Show verification error message.
+      cy.get('#filteredQueryParams-helper-text')
+        .should('be.visible')
+        .and('have.text', 'Please press ENTER to end the filter creation');
+
+      cy.get('#filteredQueryParams').clear();
+      cy.get('#filteredQueryParams').type('filter{enter}');
+
+      cy.get('#filteredQueryParams').type(filter);
+
+      // Show verification error message.
+      cy.get('#filteredQueryParams-helper-text')
+        .should('be.visible')
+        .and('have.text', 'Fill in the characters, the length is 0-100.');
+
+      // Should display message filter the validation error.
+      cy.get('#filteredQueryParams').type('filter');
+
+      cy.get('#save').click();
+
+      // Show verification error message.
+      cy.get('#filteredQueryParams-helper-text')
+        .should('be.visible')
+        .and('have.text', 'Please press ENTER to end the filter creation');
+
+      cy.get('#filteredQueryParams').clear();
+      cy.get('#filteredQueryParams').type('filter{enter}');
+
+      cy.get('#filteredQueryParams').type(filter);
+
+      // Show verification error message.
+      cy.get('#filteredQueryParams-helper-text')
+        .should('be.visible')
+        .and('have.text', 'Fill in the characters, the length is 0-100.');
+
+      // Should display message ips the validation error.
+      cy.get('#select-scope').click();
+      cy.get('#all_peers').click();
+
+      // Select ips.
+      cy.get('#radio-ips').click();
+
+      cy.get('#ips').type('10.0.0.8');
+
+      cy.get('#save').click();
+
+      // Show verification error message.
+      cy.get('#ips-helper-text').should('be.visible').and('have.text', 'Please press ENTER to end the ips creation');
+
+      cy.get('#ips').clear();
+      cy.get('#ips').type('10.0.0.8{enter}');
+
+      cy.get('#ips').type(filter);
+
+      // Show verification error message.
+      cy.get('#ips-helper-text').should('be.visible').and('have.text', 'Fill in the characters, the length is 0-100.');
+
+      cy.get('#save').click();
+
+      // Preheat creation failed, the page is still in preheat/new!
+      cy.url().should('include', '/jobs/preheats/new');
+    });
+
+    it('try to verify the preheat image header', () => {
+      const characters = 'abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789';
+      const key = _.times(101, () => _.sample(characters)).join('');
+
+      cy.get('#preheat-image').click();
+      // Select a cluster.
+      cy.get('#cluster').click();
+      cy.contains('li', 'cluster-1').click();
+      cy.get('body').click('topLeft');
+
+      // Add ure.
+      cy.get('#url').type('https://example.com/path/to/file');
+
+      // Click add header button.
+      cy.get('#add-headers').click();
+
+      cy.get('#header').children().should('have.length', 3);
+
+      // Verification passed.
+      cy.get('#key-0').type('key');
+      cy.get('#key-0-helper-text').should('not.exist');
+
+      // Incorrect header key entered.
+      cy.get('#key-0').clear();
+      cy.get('#key-0').type(key);
+
+      // Show header key verification error message.
+      cy.get('#key-0-helper-text')
+        .should('be.visible')
+        .and('have.text', 'Fill in the characters, the length is 1-100.');
+
+      cy.get('#save').click();
+
+      // Preheat creation failed, the page is still in preheat/new!
+      cy.url().should('include', '/jobs/preheats/new');
+
+      cy.get('#save').click();
+
+      cy.get('#value-0-helper-text').should('have.text', 'Fill in the characters, the length is 1-1000.');
+
+      cy.get('#value-0').type('key');
+
+      cy.get('#value-0-helper-text').should('not.exist');
+
+      // Preheat creation failed, the page is still in preheat/new!
+      cy.url().should('include', '/jobs/preheats/new');
+
+      // Add haeder.
+      cy.get('#header > .MuiButton-root').click();
+
+      // Check the number of headers.
+      cy.get('#header').children().should('have.length', 4);
+
+      // Delete header input box.
+      cy.get('#clear-header-1').click();
+
+      cy.get('#header').children().should('have.length', 3);
+    });
+
+    it('try to verify the preheat file args', () => {
+      const characters = 'abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789';
+      const url = _.times(1001, () => _.sample(characters)).join('');
+      const filter = _.times(101, () => _.sample(characters)).join('');
+
+      // Select a cluster.
+      cy.get('#cluster').click();
+      cy.contains('li', 'cluster-1').click();
+      cy.get('body').click('topLeft');
+
+      cy.get('#url').type('https://docs');
+
+      // Should display message Piece Length the validation error.
+      cy.get('#select-scope').click();
+      cy.get('#all_peers').click();
+
+      cy.get('#radio-count').click();
+
+      cy.get('#count').should('have.value', '1');
+
+      cy.get('#count').clear();
+
+      cy.get('#count').type('0');
+
+      // Show verification error message.
+      cy.get('#count-helper-text').should('have.text', 'Fill in the characters, the length is 1-200.');
+
+      cy.get('#count').clear();
+
+      cy.get('#count').type('201');
+
+      cy.get('#count-helper-text').should('have.text', 'Fill in the characters, the length is 1-200.');
+
+      // Should display message Piece Length the validation error.
+      cy.get('#pieceLength').type('0');
+
+      // Show verification error message.
+      cy.get('#pieceLength-helper-text').should('have.text', 'Please enter a value between 4 and 1024 MiB.');
+
+      cy.get('#pieceLength').clear();
+      cy.get('#pieceLength-helper-text').should('not.eq');
+      cy.get('#pieceLength').type('1025');
+      cy.get('#save').click();
+
+      // Preheat creation failed, the page is still in preheat/new!
+      cy.url().should('include', '/jobs/preheats/new');
+
+      cy.get('#pieceLength-helper-text').should('exist');
+
+      // Should display message tag the validation error.
+      cy.get('#tag').type(url);
+
+      cy.get('#tag-helper-text').should('be.visible').and('have.text', 'Fill in the characters, the length is 0-400.');
+
+      cy.get('#tag').clear();
+
+      // Should display message filter the validation error.
+      cy.get('#filteredQueryParams').type('filter');
+
+      cy.get('#save').click();
+
+      // Show verification error message.
+      cy.get('#filteredQueryParams-helper-text')
+        .should('be.visible')
+        .and('have.text', 'Please press ENTER to end the filter creation');
+
+      cy.get('#filteredQueryParams').clear();
+      cy.get('#filteredQueryParams').type('filter{enter}');
+
+      cy.get('#filteredQueryParams').type(filter);
+
+      // Show verification error message.
+      cy.get('#filteredQueryParams-helper-text')
+        .should('be.visible')
+        .and('have.text', 'Fill in the characters, the length is 0-100.');
+
+      // Should display message filter the validation error.
+      cy.get('#filteredQueryParams').type('filter');
+
+      cy.get('#save').click();
+
+      // Show verification error message.
+      cy.get('#filteredQueryParams-helper-text')
+        .should('be.visible')
+        .and('have.text', 'Please press ENTER to end the filter creation');
+
+      cy.get('#filteredQueryParams').clear();
+      cy.get('#filteredQueryParams').type('filter{enter}');
+
+      cy.get('#filteredQueryParams').type(filter);
+
+      // Show verification error message.
+      cy.get('#filteredQueryParams-helper-text')
+        .should('be.visible')
+        .and('have.text', 'Fill in the characters, the length is 0-100.');
+
+      // Should display message ips the validation error.
+      cy.get('#select-scope').click();
+      cy.get('#all_seed_peers').click();
+
+      // Select ips.
+      cy.get('#radio-ips').click();
+
+      cy.get('#ips').type('10.0.0.8');
+
+      cy.get('#save').click();
+
+      // Show verification error message.
+      cy.get('#ips-helper-text').should('be.visible').and('have.text', 'Please press ENTER to end the ips creation');
+
+      cy.get('#ips').clear();
+      cy.get('#ips').type('10.0.0.8{enter}');
+
+      cy.get('#ips').type(filter);
+
+      // Show verification error message.
+      cy.get('#ips-helper-text').should('be.visible').and('have.text', 'Fill in the characters, the length is 0-100.');
+
+      cy.get('#save').click();
+
+      // Preheat creation failed, the page is still in preheat/new!
+      cy.url().should('include', '/jobs/preheats/new');
+    });
+
+    it('try to verify the preheat file header', () => {
+      const characters = 'abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789';
+      const key = _.times(101, () => _.sample(characters)).join('');
+
+      // Select a cluster.
+      cy.get('#cluster').click();
+      cy.contains('li', 'cluster-1').click();
+      cy.get('body').click('topLeft');
+
+      // Add ure.
+      cy.get('#url').type('https://example.com/path/to/file');
+
+      // Click add header button.
+      cy.get('#add-headers').click();
+
+      cy.get('#header').children().should('have.length', 3);
+
+      // Verification passed.
+      cy.get('#key-0').type('key');
+      cy.get('#key-0-helper-text').should('not.exist');
+
+      // Incorrect header key entered.
+      cy.get('#key-0').clear();
+      cy.get('#key-0').type(key);
+
+      // Show header key verification error message.
+      cy.get('#key-0-helper-text')
+        .should('be.visible')
+        .and('have.text', 'Fill in the characters, the length is 1-100.');
+
+      cy.get('#save').click();
+
+      // Preheat creation failed, the page is still in preheat/new!
+      cy.url().should('include', '/jobs/preheats/new');
+
+      cy.get('#save').click();
+
+      cy.get('#value-0-helper-text').should('have.text', 'Fill in the characters, the length is 1-1000.');
+
+      cy.get('#value-0').type('key');
+
+      cy.get('#value-0-helper-text').should('not.exist');
+
+      // Preheat creation failed, the page is still in preheat/new!
+      cy.url().should('include', '/jobs/preheats/new');
+
+      // Add haeder.
+      cy.get('#header > .MuiButton-root').click();
+
+      // Check the number of headers.
+      cy.get('#header').children().should('have.length', 4);
+
+      // Delete header input box.
+      cy.get('#clear-header-1').click();
+
+      cy.get('#header').children().should('have.length', 3);
+    });
+  });
+});

cypress/e2e/job/preheats/preheat.cy.ts

@@ -0,0 +1,453 @@
+import preheats from '../../../fixtures/job/preheats/preheats.json';
+import failurePreheat from '../../../fixtures/job/preheats/failure-preheat.json';
+import successPreheat from '../../../fixtures/job/preheats/success-preheat.json';
+import pendingPreheat from '../../../fixtures/job/preheats/pending-preheat.json';
+
+declare const expect: Chai.ExpectStatic;
+
+describe('Preheat', () => {
+  beforeEach(() => {
+    cy.signin();
+
+    cy.intercept(
+      {
+        method: 'GET',
+        url: '/api/v1/jobs?page=1&per_page=10&type=preheat',
+      },
+      (req) => {
+        req.reply((res: any) => {
+          const responseHeaders = {
+            ...res.headers,
+            Link: '</api/v1/jobs?page=1&per_page=10&state=FAILURE>;rel=prev,</api/v1/jobs?page=2&per_page=10&state=FAILURE>;rel=next,</api/v1/jobs?page=1&per_page=10&state=FAILURE>;rel=first,</api/v1/jobs?page=2&per_page=10&state=FAILURE>;rel=last',
+          };
+          res.send(200, preheats, responseHeaders);
+        });
+      },
+    );
+    cy.intercept(
+      {
+        method: 'GET',
+        url: '/api/v1/jobs/8',
+      },
+      (req) => {
+        req.reply({
+          statusCode: 200,
+          body: successPreheat,
+        });
+      },
+    );
+
+    cy.viewport(1440, 1080);
+  });
+
+  it('click the breadcrumb', () => {
+    cy.visit('/jobs/preheats');
+
+    cy.get('[data-testid="isloading"]').should('be.exist');
+
+    cy.get('#preheat-6').click();
+
+    cy.url().should('include', '/jobs/preheats/6');
+
+    // Check for breadcrumb.
+    cy.get(':nth-child(3) > .MuiTypography-root').should('exist').and('contain', 'Preheat');
+
+    cy.get(':nth-child(3) > .MuiTypography-root').click();
+
+    cy.get('[data-testid="isloading"]').should('not.exist');
+
+    // Then I see that the current page is the preheats page!
+    cy.url().should('include', '/jobs/preheats');
+  });
+
+  describe('when data is loaded', () => {
+    beforeEach(() => {
+      cy.visit('/jobs/preheats');
+    });
+
+    it('should display detailed preheat failure information', () => {
+      cy.intercept(
+        {
+          method: 'GET',
+          url: '/api/v1/jobs/10',
+        },
+        (req) => {
+          req.reply((res) => {
+            res.setDelay(1000);
+            res.send({
+              statusCode: 200,
+              body: failurePreheat,
+            });
+          });
+        },
+      );
+
+      // Click the preheat details button.
+      cy.get('#preheat-10').click();
+      cy.get('[data-testid="preheat-isloading"]').should('be.exist');
+
+      // Check for breadcrumb.
+      cy.get('.MuiBreadcrumbs-ol').should('exist');
+      cy.get('.MuiBreadcrumbs-ol > :nth-child(5) > .MuiTypography-root').should('have.text', 10);
+
+      // Show preheat id.
+      cy.get('#id').should('have.text', 10);
+
+      // Show preheat description.
+      cy.get('#description').should('have.text', 'This is a preheat task with status failure');
+      cy.get('[data-testid="preheat-isloading"]').should('not.exist');
+
+      // Show preheat scope.
+      cy.get('#scope').should('contain', 'All Peers');
+
+      // Show preheat scope count.
+      cy.get('#count').should('contain', '100');
+
+      // Show preheat status.
+      cy.get('#status')
+        .should('have.text', 'FAILURE')
+        .and('have.css', 'background-color', 'rgb(212, 37, 54)')
+        .find('#error-log-icon')
+        .and('exist');
+
+      cy.get('#url-0').should('have.text', 'https://example.com/path/to/file');
+      cy.get('#url-1').should('have.text', 'https://example.com/path/to/file/url-1');
+      cy.get('#url-2').should('have.text', 'https://example.com/path/to/file/url-2');
+
+      cy.get('#piece-length').should('have.text', '4 MiB');
+
+      // Show preheat tag.
+      cy.get('#tag').should('have.text', 'prheat tag');
+
+      cy.get('#application').should('have.text', 'application-1');
+
+      // Show preheat headers.
+      cy.get('#header-key-0').should('have.text', 'Connection');
+      cy.get('#header-value-0').should('have.text', 'keep-alive');
+
+      // Show preheat scheduler clusters ID.
+      cy.get('#scheduler-lusters-id').should('have.text', 1);
+
+      // Show preheat Created At.
+      // cy.get('#created-at').should('have.text', '2023-12-13 11:58:53');
+
+      // Click the show error log button.
+      cy.get('#view-error-log').click();
+      cy.get('.css-avhns > .MuiTypography-h6').should('have.text', 'Error log');
+      cy.get('#panel1d-header').click();
+
+      // Check error log.
+      cy.get('.MuiAccordionDetails-root')
+        .should('be.visible')
+        .and('have.text', 'rpc error: code = Aborted desc = source response 401/401 Unauthorized is not valid');
+    });
+
+    it('should display detailed preheat success information', () => {
+      cy.get('#preheat-8').click();
+
+      // Check for breadcrumb.
+      cy.get('.MuiBreadcrumbs-ol').should('exist');
+      cy.get('.MuiBreadcrumbs-ol > :nth-child(5) > .MuiTypography-root').should('have.text', 8);
+
+      // Show preheat id.
+      cy.get('#id').should('have.text', 8);
+
+      // Show preheat scope.
+      cy.get('#scope').should('have.text', 'Single Seed Peer');
+
+      // Show preheat type.
+      cy.get('#type').should('have.text', 'Image');
+
+      // Show preheat status.
+      cy.get('#status')
+        .should('have.text', 'SUCCESS')
+        .and('have.css', 'background-color', 'rgb(34, 139, 34)')
+        .find('#error-log-icon')
+        .and('not.exist');
+
+      // Show preheat URL.
+      cy.get('#url').should('have.text', 'https://example.com/manifests/v2.1.0');
+
+      // Show preheat headers.
+      cy.get('#header-key-0').should('have.text', 'Authorization');
+      cy.get('#header-key-1').should('have.text', 'Connection');
+
+      // Show preheat piece length.
+      cy.get('#piece-length').should('have.text', '4 MiB');
+    });
+
+    it('should display detailed preheat pending information', () => {
+      let interceptCount = 0;
+
+      cy.intercept(
+        {
+          method: 'GET',
+          url: '/api/v1/jobs/11',
+        },
+        (req) => {
+          req.reply({
+            statusCode: 200,
+            body: pendingPreheat,
+          });
+          interceptCount++;
+        },
+      ).as('preheat');
+
+      cy.get('#preheat-11').click();
+
+      cy.wait(100);
+
+      // Check for breadcrumb.
+      cy.get('.MuiBreadcrumbs-ol').should('exist');
+      cy.get('.MuiBreadcrumbs-ol > :nth-child(5) > .MuiTypography-root').should('have.text', 11);
+
+      // Show preheat id.
+      cy.get('#id').should('have.text', 11);
+
+      // Show preheat status.
+      cy.get('#status')
+        .should('have.text', 'PENDING')
+        .and('have.css', 'background-color', 'rgb(219, 171, 10)')
+        .find('#pending-icon')
+        .and('exist')
+        .find('#error-log-icon')
+        .and('not.exist');
+
+      // Show preheat scope.
+      cy.get('#scope').should('contain', 'All Seed Peers');
+
+      // Show preheat scope.
+      cy.get('#percentage').should('contain', '100%');
+
+      // Show preheat piece length.
+      cy.get('#piece-length').should('have.text', '-');
+
+      // Show preheat headers.
+      cy.get('#header-value-0').should('have.text', 'Bearer yJhbGciOiJSUzI1NiIsImtpZCI6IjNEWT');
+
+      cy.wait(59000);
+
+      // Check how many times the API should be executed after six seconds.
+      cy.get('@preheat').then(() => {
+        expect(interceptCount).to.be.greaterThan(0);
+        expect(interceptCount).to.be.closeTo(2, 0);
+      });
+
+      cy.intercept(
+        {
+          method: 'GET',
+          url: '/api/v1/jobs/11',
+        },
+        (req) => {
+          req.reply({
+            statusCode: 200,
+            body: failurePreheat,
+          });
+        },
+      );
+
+      // Show preheat status.
+      cy.get('#status')
+        .should('have.text', 'FAILURE')
+        .and('have.css', 'background-color', 'rgb(212, 37, 54)')
+        .find('#error-log-icon')
+        .and('exist');
+    });
+  });
+
+  describe('when no data is loaded', () => {
+    beforeEach(() => {
+      cy.intercept(
+        {
+          method: 'GET',
+          url: '/api/v1/jobs/6',
+        },
+        (req) => {
+          req.reply({
+            statusCode: 200,
+            body: {},
+          });
+        },
+      );
+
+      cy.visit('/jobs/preheats/6');
+    });
+
+    it('unable to display breadcrumb', () => {
+      cy.get('.MuiBreadcrumbs-ol').should('be.visible').and('contain', 'Preheat');
+
+      cy.get('.MuiBreadcrumbs-ol > :nth-child(5) > .MuiTypography-root').should('have.text', '-');
+    });
+
+    it('preheat information should appear empty', () => {
+      // Show preheat id.
+      cy.get('#id').should('have.text', 0);
+
+      // Show preheat description.
+      cy.get('#description').should('have.text', '-');
+
+      // Show preheat status.
+      cy.get('#status').should('contain', 'PENDING');
+
+      // Show preheat url.
+      cy.get('#url').should('have.text', '-');
+
+      // Show preheat piece length.
+      cy.get('#piece-length').should('have.text', '-');
+
+      // Show preheat scope.
+      cy.get('#scope').should('have.text', '-');
+
+      // Show preheat tag.
+      cy.get('#tag').should('have.text', '-');
+
+      // Show preheat application.
+      cy.get('#application').should('have.text', '-');
+
+      // Show preheat ips.
+      cy.get('#ips').should('not.exist');
+
+      // Show preheat headers.
+      cy.get('#headers').should('have.text', '-');
+
+      // Show preheat scheduler clusters ID.
+      cy.get('#scheduler-lusters-id').should('have.text', '-');
+
+      // Show preheat Created At.
+      cy.get('#created-at').should('have.text', '-');
+    });
+  });
+
+  describe('should handle API error response', () => {
+    beforeEach(() => {
+      cy.intercept(
+        {
+          method: 'GET',
+          url: '/api/v1/jobs/6',
+        },
+        (req) => {
+          req.reply({
+            forceNetworkError: true,
+          });
+        },
+      );
+
+      cy.visit('/jobs/preheats/6');
+    });
+
+    it('show error message', () => {
+      // Show error message.
+      cy.get('.MuiAlert-message').should('be.visible').and('contain', 'Failed to fetch');
+
+      // Close error message.
+      cy.get('.MuiAlert-action > .MuiButtonBase-root').click();
+      cy.get('.MuiAlert-message').should('not.exist');
+    });
+
+    it('unable to display breadcrumb', () => {
+      cy.get('.MuiBreadcrumbs-ol').should('be.visible').and('contain', 'Preheat');
+
+      cy.get('.MuiBreadcrumbs-ol > :nth-child(5) > .MuiTypography-root').should('have.text', '-');
+    });
+
+    it('preheat information should appear empty', () => {
+      // Show preheat id.
+      cy.get('#id').should('have.text', 0);
+
+      // Show preheat description.
+      cy.get('#description').should('have.text', '-');
+
+      // Show preheat status.
+      cy.get('#status').should('contain', 'PENDING');
+
+      // Show preheat url.
+      cy.get('#url').should('have.text', '-');
+
+      // Show preheat piece length.
+      cy.get('#piece-length').should('have.text', '-');
+
+      // Show preheat tag.
+      cy.get('#tag').should('have.text', '-').should('have.text', '-');
+
+      // Show preheat ips.
+      cy.get('#ips').should('not.exist');
+
+      // Show preheat headers.
+      cy.get('#headers').should('have.text', '-');
+
+      // Show preheat scheduler clusters ID.
+      cy.get('#scheduler-lusters-id').should('have.text', '-');
+
+      // Show preheat Created At.
+      cy.get('#created-at').should('have.text', '-');
+    });
+
+    it('when the status is pending, preheat API error response', () => {
+      cy.visit('/jobs/preheats/11');
+
+      let interceptCount = 0;
+
+      cy.intercept(
+        {
+          method: 'GET',
+          url: '/api/v1/jobs/11',
+        },
+        (req) => {
+          req.reply({
+            statusCode: 200,
+            body: pendingPreheat,
+          });
+          interceptCount++;
+        },
+      ).as('preheat');
+
+      cy.wait(100);
+
+      // Check for breadcrumb.
+      cy.get('.MuiBreadcrumbs-ol').should('exist');
+      cy.get('.MuiBreadcrumbs-ol > :nth-child(5) > .MuiTypography-root').should('have.text', 11);
+
+      // Show preheat id.
+      cy.get('#id').should('have.text', 11);
+
+      // Show preheat status.
+      cy.get('#status')
+        .should('have.text', 'PENDING')
+        .and('have.css', 'background-color', 'rgb(219, 171, 10)')
+        .find('#pending-icon')
+        .and('exist')
+        .find('#error-log-icon')
+        .and('not.exist');
+
+      // Show preheat headers.
+      cy.get('#header-key-0').should('have.text', 'Authorization');
+
+      // Show preheat piece length.
+      cy.get('#piece-length').should('have.text', '-');
+
+      cy.wait(59000);
+
+      // Check how many times the API should be executed after six seconds.
+      cy.get('@preheat').then(() => {
+        expect(interceptCount).to.be.greaterThan(0);
+        expect(interceptCount).to.be.closeTo(2, 0);
+      });
+
+      cy.intercept(
+        {
+          method: 'GET',
+          url: '/api/v1/jobs/11',
+        },
+        (req) => {
+          req.reply({
+            statusCode: 401,
+            body: { message: 'Unauthorized' },
+          });
+        },
+      );
+
+      // Show error message.
+      cy.get('.MuiAlert-message').should('be.visible').and('contain', 'Unauthorized');
+    });
+  });
+});

cypress/e2e/job/preheats/preheats.cy.ts

@@ -0,0 +1,438 @@
+import preheats from '../../../fixtures/job/preheats/preheats.json';
+import paginationPreheats from '../../../fixtures/job/preheats/pagination-preheats.json';
+import successPreheats from '../../../fixtures/job/preheats/success-preheats.json';
+import failurePreheats from '../../../fixtures/job/preheats/failure-preheats.json';
+import pendingPreheats from '../../../fixtures/job/preheats/pending-preheats.json';
+import failurePreheat from '../../../fixtures/job/preheats/failure-preheat.json';
+import successPreheat from '../../../fixtures/job/preheats/success-preheat.json';
+import pendingPreheat from '../../../fixtures/job/preheats/pending-preheat.json';
+
+declare const expect: Chai.ExpectStatic;
+
+describe('Preheats', () => {
+  beforeEach(() => {
+    cy.signin();
+
+    cy.intercept(
+      {
+        method: 'GET',
+        url: '/api/v1/jobs?page=1&per_page=10&type=preheat',
+      },
+      (req) => {
+        req.reply((res: any) => {
+          const responseHeaders = {
+            ...res.headers,
+            Link: '</api/v1/jobs?page=1&per_page=10>;rel=prev,</api/v1/jobs?page=2&per_page=10>;rel=next,</api/v1/jobs?page=1&per_page=10>;rel=first,</api/v1/jobs?page=2&per_page=10>;rel=last',
+          };
+          res.send(200, preheats, responseHeaders);
+        });
+      },
+    );
+
+    cy.intercept(
+      {
+        method: 'GET',
+        url: '/api/v1/jobs?page=2&per_page=10&type=preheat',
+      },
+      (req) => {
+        req.reply((res: any) => {
+          const responseHeaders = {
+            ...res.headers,
+            Link: '</api/v1/jobs?page=1&per_page=10>;rel=prev,</api/v1/jobs?page=2&per_page=10>;rel=next,</api/v1/jobs?page=1&per_page=10>;rel=first,</api/v1/jobs?page=2&per_page=10>;rel=last',
+          };
+          res.send(200, paginationPreheats, responseHeaders);
+        });
+      },
+    );
+
+    cy.visit('/jobs/preheats');
+    cy.viewport(1440, 1080);
+  });
+
+  describe('when data is loaded', () => {
+    it('should display preheat all list', () => {
+      let interceptCount = 0;
+      cy.intercept(
+        {
+          method: 'GET',
+          url: '/api/v1/jobs?page=1&per_page=10&type=preheat',
+        },
+        (req) => {
+          req.reply((res: any) => {
+            res.setDelay(2000);
+            const responseHeaders = {
+              ...res.headers,
+              Link: '</api/v1/jobs?page=1&per_page=10>;rel=prev,</api/v1/jobs?page=2&per_page=10>;rel=next,</api/v1/jobs?page=1&per_page=10>;rel=first,</api/v1/jobs?page=2&per_page=10>;rel=last',
+            };
+            res.send(200, preheats, responseHeaders);
+          });
+          interceptCount++;
+        },
+      ).as('preheats');
+
+      cy.get('[data-testid="isloading"]').should('be.exist');
+
+      cy.get('[data-testid="isloading"]').should('not.exist');
+      cy.get('.MuiList-root > :nth-child(3) > .MuiButtonBase-root').click();
+
+      // The preheating status is displayed as PENDING.
+      cy.get('#PENDING-11').should('exist');
+      cy.get('#id-11').should('have.text', 11);
+
+      // cy.get('#created_at-11').should('have.text', '2023-03-23 16:29:18');
+      cy.get('#description-11').should('have.text', 'This is a preheat task with status pending');
+
+      // The preheating status is displayed as FAILURE.
+      cy.get('#FAILURE-10').should('exist');
+      cy.get('#description-10').should('have.text', 'This is a preheat task with status failure');
+
+      // The preheating status is displayed as SUCCESS.
+      cy.get('#list-8 > .css-1mlhis1').should('exist').find('#SUCCESS-8').should('exist');
+      cy.get('#description-8').should('have.text', 'This is a preheat task with status success');
+    });
+
+    it('should display preheat success list', () => {
+      cy.intercept(
+        {
+          method: 'GET',
+          url: '/api/v1/jobs?page=1&per_page=10&state=SUCCESS&type=preheat',
+        },
+        (req) => {
+          req.reply((res: any) => {
+            const responseHeaders = {
+              ...res.headers,
+              Link: '</api/v1/jobs?page=1&per_page=10&state=SUCCESS>;rel=prev,</api/v1/jobs?page=1&per_page=10&state=SUCCESS>;rel=next,</api/v1/jobs?page=1&per_page=10&state=SUCCESS>;rel=first,</api/v1/jobs?page=1&per_page=10&state=SUCCESS>;rel=last',
+            };
+            res.send(200, successPreheats, responseHeaders);
+          });
+        },
+      );
+      cy.get('.MuiInputBase-root > #states-select').click();
+      cy.get('[data-value="SUCCESS"]').click();
+      // Check how many preheat tasks are in success status.
+      cy.get('#preheats-list').children().should('have.length', 6);
+      cy.get('#preheat-pagination').should('not.exist');
+    });
+
+    it('should display preheat failure list', () => {
+      cy.intercept(
+        {
+          method: 'GET',
+          url: '/api/v1/jobs?page=1&per_page=10&state=FAILURE&type=preheat',
+        },
+        (req) => {
+          req.reply((res: any) => {
+            const responseHeaders = {
+              ...res.headers,
+              Link: '</api/v1/jobs?page=1&per_page=10&state=FAILURE>;rel=prev,</api/v1/jobs?page=1&per_page=10&state=SUCCESS>;rel=next,</api/v1/jobs?page=1&per_page=10&state=SUCCESS>;rel=first,</api/v1/jobs?page=1&per_page=10&state=SUCCESS>;rel=last',
+            };
+            res.send(200, failurePreheats, responseHeaders);
+          });
+        },
+      );
+      cy.get('.MuiInputBase-root > #states-select').click();
+      cy.get('[data-value="FAILURE"]').click();
+      // Check how many preheat tasks are in success failure.
+      cy.get('#preheats-list').children().should('have.length', 4);
+    });
+
+    it('should display preheat pending list', () => {
+      let interceptCount = 0;
+
+      cy.intercept(
+        {
+          method: 'GET',
+          url: '/api/v1/jobs?page=1&per_page=10&state=PENDING&type=preheat',
+        },
+        (req) => {
+          req.reply((res: any) => {
+            const responseHeaders = {
+              ...res.headers,
+              Link: '</api/v1/jobs?page=1&per_page=10&state=PENDING>;rel=prev,</api/v1/jobs?page=2&per_page=10&state=PENDING>;rel=next,</api/v1/jobs?page=1&per_page=10&state=PENDING>;rel=first,</api/v1/jobs?page=0&per_page=10&state=PENDING>;rel=last',
+            };
+            res.send(200, pendingPreheats, responseHeaders);
+          }),
+            interceptCount++;
+        },
+      ).as('preheats');
+
+      cy.get('.MuiInputBase-root > #states-select').click();
+
+      cy.get('[data-value="PENDING"]').click();
+
+      // Check how many preheat tasks are in pending failure.
+      cy.get('#preheats-list').children().should('have.length', 1);
+
+      cy.wait(59000);
+
+      // The API should poll.
+      cy.get('@preheats').then(() => {
+        expect(interceptCount).to.be.greaterThan(0);
+        expect(interceptCount).to.be.closeTo(1, 0);
+      });
+
+      cy.intercept(
+        {
+          method: 'GET',
+          url: '/api/v1/jobs?page=1&per_page=10&state=PENDING&type=preheat',
+        },
+        (req) => {
+          req.reply({
+            statusCode: 401,
+            body: { message: 'Unauthorized' },
+          });
+        },
+      );
+
+      // Show error message.
+      cy.get('.MuiAlert-message').should('be.visible').and('contain', 'Unauthorized');
+    });
+  });
+
+  it('when no data is loaded', () => {
+    cy.intercept(
+      {
+        method: 'GET',
+        url: '/api/v1/jobs?page=1&per_page=10&type=preheat',
+      },
+      (req) => {
+        req.reply((res: any) => {
+          const responseHeaders = {
+            ...res.headers,
+            Link: `
+            </api/v1/jobs?page=1&per_page=10>;rel=prev,</api/v1/jobs?page=1&per_page=10>;rel=next,</api/v1/jobs?page=1&per_page=10>;rel=first,</api/v1/jobs?page=1&per_page=10>;rel=last`,
+          };
+          res.send(200, [], responseHeaders);
+        });
+      },
+    );
+
+    // No preheats list exists.
+    cy.get('#preheats-list').should('not.exist');
+
+    // Show You don't have any preheat tasks.
+    cy.get('#no-preheat').should('be.visible').and('contain', `You don't have any preheat tasks.`);
+  });
+
+  it('should handle API error response', () => {
+    cy.intercept(
+      {
+        method: 'GET',
+        url: '/api/v1/jobs?page=1&per_page=10&type=preheat',
+      },
+      (req) => {
+        req.reply({
+          forceNetworkError: true,
+        });
+      },
+    );
+
+    // Show error message.
+    cy.get('.MuiAlert-message').should('be.visible').and('contain', 'Failed to fetch');
+
+    // Close error message.
+    cy.get('.MuiAlert-action > .MuiButtonBase-root').click();
+    cy.get('.MuiAlert-message').should('not.exist');
+
+    // No preheats list exists.
+    cy.get('#preheats-list').should('not.exist');
+
+    // Show You don't have any preheat tasks.
+    cy.get('#no-preheat').should('be.visible').and('contain', `You don't have any preheat tasks.`);
+  });
+
+  describe('pagination', () => {
+    it('pagination updates results and page number', () => {
+      // Check number of pagination.
+      cy.get('#preheat-pagination > .MuiPagination-ul').children().should('have.length', 4);
+
+      cy.get('#preheat-pagination > .MuiPagination-ul .Mui-selected').should('have.text', '1');
+
+      // The preheating status is displayed as PENDING.
+      cy.get('#PENDING-11').should('exist');
+      cy.get('#id-11').should('have.text', 11);
+    });
+
+    it('when pagination changes, different page results are rendered', () => {
+      // Go to next page.
+      cy.get('.MuiPagination-ul > :nth-child(3) > .MuiButtonBase-root').click();
+
+      // Check the current page number.
+      cy.get('#preheat-pagination > .MuiPagination-ul .Mui-selected').should('have.text', '2');
+
+      cy.get('#preheats-list').children().should('have.length', 1);
+
+      cy.get('#SUCCESS-1').should('exist');
+      cy.get('#id-1').should('have.text', 1);
+    });
+
+    it('when you click refresh, the paginated results and page numbers remain unchanged.', () => {
+      // Go to next page.
+      cy.get('.MuiPagination-ul > :nth-child(3) > .MuiButtonBase-root').click();
+
+      // Check the current page number.
+      cy.get('#preheat-pagination > .MuiPagination-ul .Mui-selected').should('have.text', '2');
+
+      cy.get('#list-1').should('exist').find('#SUCCESS-1').should('exist');
+
+      // Refresh page.
+      cy.reload().then(() => {
+        cy.wait(1000);
+      });
+
+      // Check the current page number.
+      cy.get('#preheat-pagination > .MuiPagination-ul .Mui-selected').should('have.text', '2');
+
+      // Show page 1 preheat task.
+      cy.get('#list-1').should('exist').find('#SUCCESS-1').should('exist');
+    });
+
+    it('when returning to the previous page, pagination and results remain unchanged.', () => {
+      // Go to next page.
+      cy.get('.MuiPagination-ul > :nth-child(3) > .MuiButtonBase-root').click();
+
+      // Check the current page number.
+      cy.get('#preheat-pagination > .MuiPagination-ul .Mui-selected').should('have.text', '2');
+
+      cy.get('#list-1').should('exist').find('#SUCCESS-1').should('exist');
+
+      // Go to show preheat page.
+      cy.get('#preheat-1').click();
+
+      // Then I see that the current page is the show update personal-access-tokens.
+      cy.url().should('include', '/jobs/preheats/1');
+
+      // Go back to the last page。
+      cy.go('back');
+
+      // Check the current page number.
+      cy.get('#preheat-pagination > .MuiPagination-ul .Mui-selected').should('have.text', '2');
+
+      cy.get('#list-1').should('exist').find('#SUCCESS-1').should('exist');
+    });
+  });
+
+  describe('search', () => {
+    it('should search for successful preheat', () => {
+      cy.intercept(
+        {
+          method: 'GET',
+          url: '/api/v1/jobs/8',
+        },
+        (req) => {
+          req.reply({
+            statusCode: 200,
+            body: successPreheat,
+          });
+        },
+      );
+
+      // Check the list.
+      cy.get('#preheats-list').children().should('have.length', 10);
+
+      // should search for preheat ID.
+      cy.get('#search').type('8');
+
+      // Check the number of preheat lists is 1.
+      cy.get('#preheats-list').children().should('have.length', 1);
+
+      cy.get('#id-8').should('have.text', 8);
+
+      cy.get('#search').clear();
+      cy.get('#preheats-list').children().should('have.length', 10);
+    });
+
+    it('should search for failure preheat', () => {
+      cy.intercept(
+        {
+          method: 'GET',
+          url: '/api/v1/jobs/10',
+        },
+        (req) => {
+          req.reply((res) => {
+            res.setDelay(1000);
+            res.send({
+              statusCode: 200,
+              body: failurePreheat,
+            });
+          });
+        },
+      );
+
+      // Check the list.
+      cy.get('#preheats-list').children().should('have.length', 10);
+
+      // should search for preheat ID.
+      cy.get('#search').type('10');
+
+      // Check the number of preheat lists is 1.
+      cy.get('#preheats-list').children().should('have.length', 1);
+
+      cy.get('#id-10').should('have.text', 10);
+    });
+
+    it('should search for pending preheat', () => {
+      let interceptCount = 0;
+
+      cy.intercept(
+        {
+          method: 'GET',
+          url: '/api/v1/jobs/11',
+        },
+        (req) => {
+          req.reply({
+            statusCode: 200,
+            body: pendingPreheat,
+          });
+          interceptCount++;
+        },
+      ).as('preheats');
+
+      // should search for preheat ID.
+      cy.get('#search').type('11');
+
+      cy.wait(59000);
+
+      // Check how many times the API should be executed after six seconds.
+      cy.get('@preheats').then(() => {
+        expect(interceptCount).to.be.greaterThan(0);
+        expect(interceptCount).to.be.closeTo(1, 0);
+      });
+
+      cy.intercept(
+        {
+          method: 'GET',
+          url: '/api/v1/jobs/11',
+        },
+        (req) => {
+          req.reply({
+            statusCode: 200,
+            body: failurePreheat,
+          });
+        },
+      );
+
+      cy.get('#FAILURE-10').should('exist');
+    });
+
+    it('should handle API error response', () => {
+      cy.intercept(
+        {
+          method: 'GET',
+          url: '/api/v1/jobs/6',
+        },
+        (req) => {
+          req.reply({
+            forceNetworkError: true,
+          });
+        },
+      );
+
+      // should search for preheat ID.
+      cy.get('#search').type('6');
+
+      // Show error message.
+      cy.get('.MuiAlert-message').should('be.visible').and('contain', 'Failed to fetch');
+    });
+  });
+});

cypress/e2e/menu/menu.cy.ts

@@ -0,0 +1,303 @@
+import clusters from '../../fixtures/clusters/clusters.json';
+import seedPeers from '../../fixtures/seed-peers/seed-peers.json';
+import schedulers from '../../fixtures/schedulers/schedulers.json';
+
+describe('Menu', () => {
+  beforeEach(() => {
+    cy.viewport(1440, 1080);
+  });
+
+  it('user not signin', () => {
+    // redirect when not signin.
+    cy.visit('/');
+
+    // Then I see that the current page is the signin!
+    cy.url().should('include', '/signin');
+  });
+
+  it('should switch to dark mode', () => {
+    cy.guestSignin();
+    cy.visit('/');
+
+    // Click the Light button.
+    cy.get('#light').click();
+    cy.get('#light').should('have.class', 'Mui-selected');
+
+    // Check if it is switched to light mode.
+    cy.get('#main').should('have.css', 'background-color', 'rgb(244, 246, 248)');
+
+    // Click the Dark button.
+    cy.get('#dark').click();
+    cy.get('#dark').should('have.class', 'Mui-selected');
+
+    // Check if it is switched to dark mode.
+    cy.get('#main').should('have.css', 'background-color', 'rgb(31, 36, 48)');
+  });
+
+  describe('try to signin as guest user', () => {
+    beforeEach(() => {
+      cy.guestSignin();
+
+      cy.visit('/');
+    });
+
+    it('should be redirect when signin', () => {
+      // Then I see that the current page is the clusters!
+      cy.url().should('include', '/clusters');
+
+      // The selected menu is clusters.
+      cy.get('[href="/clusters"]').should('have.class', 'Mui-selected');
+
+      // User menu does not exist.
+      cy.get('[href="/users"]').should('not.exist');
+    });
+
+    it('should navigate to the tokens page', () => {
+      cy.get('#developer').click();
+      cy.get('#personal-access-tokens').click();
+
+      // Then I see that the current page is the tokens!
+      cy.url().should('include', '/developer/personal-access-tokens');
+
+      // The selected menu is tokens.
+      cy.get('#personal-access-tokens').should('have.class', 'Mui-selected');
+
+      cy.get('#dragonfly').click();
+      // Then I see that the current page is the clusters!
+      cy.url().should('include', '/clusters');
+    });
+
+    it('should navigate to the preheats page and task page', () => {
+      cy.get('#jobs').click();
+      cy.get('#preheats').click();
+
+      // Then I see that the current page is the preheats!
+      cy.url().should('include', '/jobs/preheats');
+
+      // The selected menu is preheats.
+      cy.get('#preheats').should('have.class', 'Mui-selected');
+    });
+
+    it('should navigate to the  task page and task persistent cache page', () => {
+      cy.get('#resource').click();
+      cy.get('#task').click();
+
+      // Then I see that the current page is the task!
+      cy.url().should('include', '/resource/task/clear');
+
+      cy.get('#task').should('have.class', 'Mui-selected');
+
+      cy.get('#persistent-cache-task').click();
+
+      // Then I see that the current page is the task persistent cache!
+      cy.url().should('include', '/resource/persistent-cache-task');
+
+      cy.get('#persistent-cache-task').should('have.class', 'Mui-selected');
+    });
+  });
+
+  describe('try to signin as root user', () => {
+    beforeEach(() => {
+      cy.signin();
+
+      cy.intercept(
+        {
+          method: 'GET',
+          url: '/api/v1/clusters?page=1&per_page=10000000',
+        },
+        (req) => {
+          req.reply({
+            statusCode: 200,
+            body: clusters,
+          });
+        },
+      );
+      cy.intercept(
+        {
+          method: 'GET',
+          url: '/api/v1/schedulers?page=1&per_page=10000000',
+        },
+        (req) => {
+          req.reply({
+            statusCode: 200,
+            body: schedulers,
+          });
+        },
+      );
+      cy.intercept(
+        {
+          method: 'GET',
+          url: '/api/v1/seed-peers?page=1&per_page=10000000',
+        },
+        (req) => {
+          req.reply({
+            statusCode: 200,
+            body: seedPeers,
+          });
+        },
+      );
+
+      cy.visit('/');
+    });
+
+    it('should be redirect when signin', () => {
+      // Then I see that the current page is the clusters!
+      cy.url().should('include', '/clusters');
+
+      // The selected menu is clusters.
+      cy.get('[href="/clusters"]').should('have.class', 'Mui-selected');
+    });
+
+    it('should navigate to the tokens page', () => {
+      cy.get('#developer').click();
+      cy.get('#personal-access-tokens').click();
+
+      // Then I see that the current page is the tokens!
+      cy.url().should('include', '/developer/personal-access-tokens');
+
+      // The selected menu is tokens.
+      cy.get('#personal-access-tokens').should('have.class', 'Mui-selected');
+    });
+
+    it('should navigate to the preheats page and task page', () => {
+      cy.get('#jobs').click();
+      cy.get('#preheats').click();
+
+      // Then I see that the current page is the preheats!
+      cy.url().should('include', '/jobs/preheats');
+
+      // The selected menu is preheats.
+      cy.get('#preheats').should('have.class', 'Mui-selected');
+    });
+
+    it('should navigate to the task page and task persistent cache page', () => {
+      cy.get('#resource').click();
+      cy.get('#task').click();
+
+      // Then I see that the current page is the task!
+      cy.url().should('include', '/resource/task/clear');
+
+      cy.get('#task').should('have.class', 'Mui-selected');
+
+      cy.get('#persistent-cache-task').click();
+
+      // Then I see that the current page is the task persistent cache!
+      cy.url().should('include', '/resource/persistent-cache-task');
+
+      cy.get('#persistent-cache-task').should('have.class', 'Mui-selected');
+    });
+
+    it('should navigate to the users page', () => {
+      cy.get('#users').click();
+
+      // Then I see that the current page is the users!
+      cy.url().should('include', '/users');
+
+      // The selected menu is users.
+      cy.get('#users').should('have.class', 'Mui-selected');
+    });
+
+    it('should navigate to the profile page', () => {
+      // Click unfold button.
+      cy.get('#unfold-more').click();
+
+      // Go to profil page.
+      cy.get('#profile-menu').click();
+
+      // Then I see that the current page is the profile!
+      cy.url().should('include', '/profile');
+    });
+
+    it('The menu should be smaller', () => {
+      // The menu should be smaller.
+      cy.get('#closure').should('exist').click();
+      cy.get('#expand').should('exist');
+      cy.get('#closure').should('not.exist');
+
+      // Go to tokens page.
+      cy.get('#developer').click();
+
+      cy.get('#personal-access-tokens').click();
+
+      // Then I see that the current page is the tokens!
+      cy.url().should('include', '/developer/personal-access-tokens');
+
+      // Go to jobs page.
+      cy.get('#jobs').click();
+      cy.get('#preheats').click();
+
+      // Then I see that the current page is the preheats!
+      cy.url().should('include', '/jobs/preheats');
+
+      // Go to task page.
+      cy.get('#resource').click();
+      cy.get('#task').click();
+
+      // Then I see that the current page is the task!
+      cy.url().should('include', '/resource/task/clear');
+
+      cy.get('#resource').click();
+      cy.get('#persistent-cache-task').click();
+
+      // Then I see that the current page is the task persistent cache!
+      cy.url().should('include', '/resource/persistent-cache-task');
+
+      // Go to user page.
+      cy.get('#users').click();
+
+      // Then I see that the current page is the users!
+      cy.url().should('include', '/users');
+    });
+
+    it('can logout', () => {
+      cy.intercept(
+        {
+          method: 'POST',
+          url: '/api/v1/users/signout',
+        },
+        (req) => {
+          req.reply({
+            statusCode: 200,
+          });
+        },
+      );
+
+      cy.get('#unfold-more').click();
+
+      cy.get('body').click('topLeft');
+
+      cy.get('#unfold-more').click();
+
+      // Click Logout button.
+      cy.get('#logout-menu').click();
+
+      // Then I see that the current page is the signin!
+      cy.url().should('include', '/signin');
+    });
+
+    it('logout API error response', () => {
+      cy.intercept(
+        {
+          method: 'POST',
+          url: '/api/v1/users/signout',
+        },
+        (req) => {
+          req.reply({
+            forceNetworkError: true,
+          });
+        },
+      );
+
+      cy.get('#unfold-more').click();
+
+      cy.get('#logout-menu').click();
+
+      // Show error message.
+      cy.get('.MuiAlert-message').should('be.visible').and('contain', 'Failed to fetch');
+
+      // Close error message.
+      cy.get('.MuiAlert-action > .MuiButtonBase-root').click();
+      cy.get('.MuiAlert-message').should('not.exist');
+    });
+  });
+});

cypress/e2e/peers/peers.cy.ts

@@ -0,0 +1,404 @@
+import peers from '../../fixtures/peers/peers.json';
+import refreshPeers from '../../fixtures/peers/refresh-peers.json';
+import cluster from '../../fixtures/clusters/cluster/cluster.json';
+
+const path = require('path');
+declare const expect: Chai.ExpectStatic;
+
+describe('Peers', () => {
+  beforeEach(() => {
+    cy.signin();
+
+    cy.intercept(
+      {
+        method: 'GET',
+        url: '/api/v1/clusters/1',
+      },
+      (req) => {
+        req.reply({
+          statusCode: 200,
+          body: cluster,
+        });
+      },
+    );
+    cy.intercept(
+      {
+        method: 'GET',
+        url: '/api/v1/peers?page=1&per_page=10000000&scheduler_cluster_id=1',
+      },
+      (req) => {
+        req.reply({
+          statusCode: 200,
+          body: peers,
+        });
+      },
+    );
+
+    cy.visit('/clusters/1/peers');
+    cy.viewport(1440, 1080);
+  });
+
+  describe('when data is loaded', () => {
+    it('displays the total number of peers and git version number, as well as the number of git commit', () => {
+      // should display the total number of peers.
+      cy.get('#total').should('have.text', 10);
+
+      //  should display the git version number of peers.
+      cy.get('#git-version').should('have.text', 4);
+
+      //  should display the git commit number of peers.
+      cy.get('#git-commit').should('have.text', 5);
+    });
+
+    it('should display the active ratio', () => {
+      // Show active ratio by git version.
+      cy.get('#git-version-active').should('contain', '80%');
+
+      // Show active ratio by git commit.
+      cy.get('#git-commit-active').should('contain', '80%');
+
+      cy.get('.MuiInputBase-root > #git-version-select').click();
+      cy.get('[data-value="git-version-1"]').click();
+
+      // Show active ratio by git version 1.
+      cy.get('#git-commit-active').should('contain', '50%');
+
+      cy.get('.MuiInputBase-root > #git-version-select').click();
+      cy.get('[data-value="git-version-2"]').click();
+
+      // Show active ratio by git version 2.
+      cy.get('#git-commit-active').should('contain', '100%');
+    });
+
+    it('can export csv file', () => {
+      // Click export csv.
+      cy.get('#export').click();
+
+      cy.get('#export-git-version').click();
+      cy.get('[data-value="git-version-1"]').click();
+
+      cy.get('#export-git-commit').click();
+      cy.get('[data-value="git-commit-4"]').click();
+
+      cy.get('#close-export').click();
+
+      const downloadsFolder = Cypress.config('downloadsFolder');
+      // Click export csv.
+      cy.get('#export').click();
+
+      // Click save button.
+      cy.get('#save').click();
+
+      // Wait two seconds to ensure the download is successful.
+      cy.wait(2000);
+
+      // Get download file.
+      const all = path.join(downloadsFolder, 'Peer Data.csv');
+
+      // Check all quantity.
+      cy.readFile(all).then((fileContent) => {
+        const lines = fileContent.split('\n');
+        const numEntries = lines.length - 2;
+
+        expect(numEntries).to.be.closeTo(10, 0);
+      });
+
+      // Click export csv.
+      cy.get('#export').click();
+      cy.get('#export-git-version').click();
+      cy.get('[data-value="git-version-1"]').click();
+      cy.get('#save').click();
+      cy.wait(2000);
+      const gitVersion = path.join(downloadsFolder, 'Peer Data.csv');
+
+      // Check whether the number of data exported based on git-version-1 is correct.
+      cy.readFile(gitVersion)
+        .should('exist')
+        .then((fileContent) => {
+          const numEntries = fileContent.split('\n').length - 2;
+          expect(numEntries).to.be.closeTo(2, 0);
+        });
+
+      // Click export csv.
+      cy.get('#export').click();
+      cy.get('#export-git-version').click();
+      cy.get('[data-value="git-version-1"]').click();
+      cy.get('#export-git-commit').click();
+      cy.get('[data-value="git-commit-4"]').click();
+      cy.get('#save').click();
+      cy.wait(2000);
+      const gitCommit = path.join(downloadsFolder, 'Peer Data.csv');
+
+      // Check whether the number of data exported based on git-commit-4 is correct.
+      cy.readFile(gitCommit)
+        .should('exist')
+        .then((fileContent) => {
+          const numEntries = fileContent.split('\n').length - 2;
+          expect(numEntries).to.be.closeTo(1, 0);
+        });
+    });
+
+    it('click cancel button', () => {
+      // Click export csv.
+      cy.get('#export').click();
+      cy.get('.css-18v9rtl').should('be.visible').and('have.text', 'Export');
+      // Select git-version-1 in the git version selection box.
+      cy.get('#export-git-version').click();
+      cy.get('[data-value="git-version-1"]').click();
+      // Select git-commit-4 in the git commit selection box.
+      cy.get('#export-git-commit').click();
+      cy.get('[data-value="git-commit-4"]').click();
+      // Click cancel button.
+      cy.get('#cancel').click();
+      cy.get('#export').click();
+      // Check whether the selected one is all.
+      cy.get('#export-git-version').should('have.text', 'All');
+      cy.get('#export-git-commit').should('have.text', 'All');
+    });
+  });
+
+  describe('when no data is loaded', () => {
+    beforeEach(() => {
+      cy.intercept(
+        {
+          method: 'GET',
+          url: '/api/v1/peers?page=1&per_page=10000000&scheduler_cluster_id=1',
+        },
+        (req) => {
+          req.reply({
+            statusCode: 200,
+            body: [],
+          });
+        },
+      );
+    });
+
+    it('displays the total number of peers and git version number, as well as the number of git commit', () => {
+      // should display the total number of peers.
+      cy.get('#total').should('have.text', 0);
+
+      //  should display the git version number of peers.
+      cy.get('#git-version').should('have.text', 0);
+
+      //  should display the git commit number of peers.
+      cy.get('#git-commit').should('have.text', 0);
+    });
+
+    it('cannot display the active ratio', () => {
+      cy.get('#git-version-active').should('contain', '0');
+      cy.get('#git-commit-active').should('contain', '0');
+    });
+
+    it('cannot export csv file', () => {
+      cy.get('#export').click();
+      cy.get('#save').click();
+
+      // Show error message.
+      cy.get('.MuiAlert-message').should('have.text', 'Export failed');
+    });
+  });
+
+  describe('should handle API error response', () => {
+    beforeEach(() => {
+      cy.intercept(
+        {
+          method: 'GET',
+          url: '/api/v1/peers?page=1&per_page=10000000&scheduler_cluster_id=1',
+        },
+        (req) => {
+          req.reply({
+            forceNetworkError: true,
+          });
+        },
+      );
+      cy.visit('/clusters/1/peers');
+    });
+
+    it('displays the total number of peers and git version number, as well as the number of git commit', () => {
+      // should display the total number of peers.
+      cy.get('#total').should('have.text', 0);
+
+      //  should display the git version number of peers.
+      cy.get('#git-version').should('have.text', 0);
+
+      //  should display the git commit number of peers.
+      cy.get('#git-commit').should('have.text', 0);
+    });
+
+    it('cannot display the active ratio', () => {
+      cy.get('#git-version-active').should('contain', '0');
+      cy.get('#git-version-active').should('contain', '0');
+      cy.get('#git-commit-active').should('contain', '0');
+    });
+
+    it('show error message', () => {
+      // Show error message.
+      cy.get('.MuiAlert-message').should('be.visible').and('contain', 'Failed to fetch');
+
+      // Close error message.
+      cy.get('.MuiAlert-action > .MuiButtonBase-root').click();
+      cy.get('.MuiAlert-message').should('not.exist');
+    });
+
+    it('cannot export csv file', () => {
+      cy.get('#export').click();
+      cy.get('#save').click();
+
+      // Show error message.
+      cy.get('.MuiAlert-message').should('have.text', 'Export failed');
+    });
+  });
+
+  describe('refresh', () => {
+    it('can refresh peers and return new data', () => {
+      cy.get('#total').should('have.text', 10);
+      cy.get('#git-version').should('have.text', 4);
+      cy.get('#git-commit').should('have.text', 5);
+
+      cy.get('#refresh').should('not.be.disabled');
+
+      // Click refresh button.
+      cy.get('#refresh').click();
+      cy.get('#refresh-title').should('be.visible').and('have.text', 'Refresh');
+
+      cy.get('#cancel').click();
+      cy.get('#refresh').click();
+      cy.get('#close-delete-icon').click();
+      cy.get('#refresh').click();
+
+      cy.intercept(
+        {
+          method: 'POST',
+          url: '/api/v1/jobs',
+        },
+        (req) => {
+          req.on('response', (res) => {
+            res.setDelay(2000);
+          });
+          req.reply({
+            statusCode: 200,
+            body: JSON.stringify('OK'),
+          });
+        },
+      );
+
+      cy.intercept(
+        {
+          method: 'GET',
+          url: '/api/v1/peers?page=1&per_page=10000000&scheduler_cluster_id=1',
+        },
+        (req) => {
+          req.reply({
+            statusCode: 200,
+            body: refreshPeers,
+          });
+        },
+      );
+
+      cy.get('#save').click();
+      cy.get('#refresh').should('be.disabled');
+
+      cy.wait(2000);
+
+      cy.get('#total').should('have.text', 14);
+      cy.get('#git-version').should('have.text', 6);
+      cy.get('#git-commit').should('have.text', 7);
+    });
+
+    it('not can refresh peers and return new data', () => {
+      cy.get('#total').should('have.text', 10);
+      cy.get('#git-version').should('have.text', 4);
+      cy.get('#git-commit').should('have.text', 5);
+
+      cy.get('#refresh').should('not.be.disabled');
+
+      // Click refresh button.
+      cy.get('#refresh').click();
+      cy.get('#refresh-title').should('be.visible').and('have.text', 'Refresh');
+
+      cy.intercept(
+        {
+          method: 'POST',
+          url: '/api/v1/jobs',
+        },
+        (req) => {
+          req.on('response', (res) => {
+            res.setDelay(2000);
+          });
+          req.reply({
+            statusCode: 404,
+            body: { message: 'scheduler cluster id 7: record not found' },
+          });
+        },
+      );
+
+      cy.get('#save').click();
+      cy.get('#refresh').should('be.disabled');
+
+      cy.wait(2000);
+
+      cy.get('.MuiAlert-message').should('have.text', 'scheduler cluster id 7: record not found');
+
+      cy.get('#total').should('have.text', 10);
+      cy.get('#git-version').should('have.text', 4);
+      cy.get('#git-commit').should('have.text', 5);
+    });
+
+    it('can refresh peer fetch data error', () => {
+      cy.get('#total').should('have.text', 10);
+      cy.get('#git-version').should('have.text', 4);
+      cy.get('#git-commit').should('have.text', 5);
+
+      cy.get('#refresh').should('not.be.disabled');
+
+      // Click refresh button.
+      cy.get('#refresh').click();
+      cy.get('#refresh-title').should('be.visible').and('have.text', 'Refresh');
+
+      cy.get('#cancel').click();
+      cy.get('#refresh').click();
+      cy.get('#close-delete-icon').click();
+      cy.get('#refresh').click();
+
+      cy.intercept(
+        {
+          method: 'POST',
+          url: '/api/v1/jobs',
+        },
+        (req) => {
+          req.on('response', (res) => {
+            res.setDelay(2000);
+          });
+          req.reply({
+            statusCode: 200,
+            body: JSON.stringify('OK'),
+          });
+        },
+      );
+
+      cy.intercept(
+        {
+          method: 'GET',
+          url: '/api/v1/peers?page=1&per_page=10000000&scheduler_cluster_id=1',
+        },
+        (req) => {
+          req.reply({
+            forceNetworkError: true,
+          });
+        },
+      );
+
+      cy.get('#save').click();
+      cy.get('#refresh').should('be.disabled');
+
+      cy.wait(2000);
+
+      // Show error message.
+      cy.get('.MuiAlert-message').should('be.visible').and('contain', 'Failed to fetch');
+
+      cy.get('#total').should('have.text', 10);
+      cy.get('#git-version').should('have.text', 4);
+      cy.get('#git-commit').should('have.text', 5);
+    });
+  });
+});

cypress/e2e/profile/profile.cy.ts

@@ -0,0 +1,557 @@
+import updateUser from '../../fixtures/users/update-user.json';
+import _ from 'lodash';
+
+describe('Profile', () => {
+  beforeEach(() => {
+    cy.signin();
+
+    cy.intercept(
+      {
+        method: 'GET',
+        url: '/api/v1/schedulers?page=1&per_page=10000000',
+      },
+      (req) => {
+        req.reply({
+          statusCode: 200,
+          body: [],
+        });
+      },
+    );
+    cy.intercept(
+      {
+        method: 'GET',
+        url: '/api/v1/clusters?page=1&per_page=10000000',
+      },
+      (req) => {
+        req.reply({
+          statusCode: 200,
+          body: [],
+        });
+      },
+    );
+    cy.intercept(
+      {
+        method: 'GET',
+        url: '/api/v1/seed-peers?page=1&per_page=10000000',
+      },
+      (req) => {
+        req.reply({
+          statusCode: 200,
+          body: [],
+        });
+      },
+    );
+
+    cy.visit('/profile');
+    cy.viewport(1440, 1080);
+  });
+
+  it('when data is loaded', () => {
+    // Show user name.
+    cy.get('#name-title').should('be.visible').and('have.text', 'root');
+
+    // Show user description.
+    cy.get('#description').should('be.visible').and('have.text', 'I am root');
+    cy.get('#id').should('be.visible').and('have.text', 1);
+    cy.get('#name').should('be.visible').and('have.text', 'root');
+    cy.get('#email').should('be.visible').and('have.text', 'root@example.com');
+    cy.get('#location').should('be.visible').and('have.text', 'Hangzhou');
+    cy.get('#phone').should('be.visible').and('have.text', '+86 153 1234 5678');
+    cy.get('#created_at').should('be.visible').and('have.text', '2023-11-06 06:09:04');
+
+    // Check Update Personal Information form.
+    cy.get('.MuiGrid-root > .MuiButtonBase-root').click();
+
+    cy.get('#bio').should('have.value', 'I am root');
+    cy.get('#phone').should('have.value', '+86 153 1234 5678');
+    cy.get('#location').should('have.value', 'Hangzhou');
+    cy.get('#email').should('have.value', 'root@example.com');
+  });
+
+  it('when no data is loaded', () => {
+    cy.intercept(
+      {
+        method: 'GET',
+        url: '/api/v1/users/1',
+      },
+      (req) => {
+        req.reply({
+          statusCode: 200,
+          body: [],
+        });
+      },
+    );
+
+    // Show user name.
+    cy.get('#name-title').should('be.visible').and('have.text', '-');
+
+    // Show user description.
+    cy.get('#description').should('be.visible').and('have.text', '-');
+    cy.get('#id').should('be.visible').and('have.text', '-');
+    cy.get('#name').should('be.visible').and('have.text', '-');
+    cy.get('#email').should('be.visible').and('have.text', '-');
+    cy.get('#location').should('be.visible').and('have.text', '-');
+    cy.get('#phone').should('be.visible').and('have.text', '-');
+    cy.get('#created_at').should('be.visible').and('have.text', '-');
+
+    // Check Update Personal Information form.
+    cy.get('.MuiGrid-root > .MuiButtonBase-root').click();
+
+    cy.get('#bio').should('have.value', '');
+    cy.get('#phone').should('have.value', '+86');
+    cy.get('#location').should('have.value', '');
+    cy.get('#email').should('have.value', '');
+  });
+
+  it('should handle API error response', () => {
+    cy.intercept(
+      {
+        method: 'GET',
+        url: '/api/v1/users/1',
+      },
+      (req) => {
+        req.reply({
+          forceNetworkError: true,
+        });
+      },
+    );
+
+    // Show error message.
+    cy.get('.MuiAlert-message').should('be.visible').and('contain', 'Failed to fetch');
+
+    // Check Update Personal Information form.
+    cy.get('.MuiGrid-root > .MuiButtonBase-root').click();
+
+    cy.get('#bio').should('have.value', '');
+    cy.get('#phone').should('have.value', '+86');
+    cy.get('#location').should('have.value', '');
+    cy.get('#email').should('have.value', '');
+  });
+
+  describe('update personal information', () => {
+    it('can update user', () => {
+      cy.intercept({ method: 'PATCH', url: '/api/v1/users/1' }, (req) => {
+        (req.body = ''),
+          req.reply({
+            statusCode: 200,
+            body: [],
+          });
+      });
+
+      // Click EDIT button.
+      cy.get('.MuiGrid-root > .MuiButtonBase-root').click();
+
+      // Update user name.
+      cy.get('#bio').clear();
+      cy.get('#bio').type('I am root, I will change the description');
+
+      // Update user phone.
+      cy.get('#phone').clear();
+      cy.get('#phone').type('15123456789');
+
+      // Update user location.
+      cy.get('#location').clear();
+      cy.get('#location').type('Shanghai');
+
+      // Update user email.
+      cy.get('#email').clear();
+      cy.get('#email').type('root@gmail.com');
+
+      cy.intercept(
+        {
+          method: 'GET',
+          url: '/api/v1/users/1',
+        },
+        (req) => {
+          req.reply({
+            statusCode: 200,
+            body: updateUser,
+          });
+        },
+      );
+
+      cy.get('#save').click();
+
+      // Check if profile description is updated.
+      cy.get('#description').should('be.visible').and('have.text', 'I am root, I will change the description');
+
+      // Check if profile email is updated.
+      cy.get('#email').should('be.visible').and('have.text', 'root@gmail.com');
+
+      // Check if profile location is updated.
+      cy.get('#location').should('be.visible').and('have.text', 'Shanghai');
+
+      // Check if profile phone is updated.
+      cy.get('#phone').should('be.visible').and('have.text', '+86 153 1234 5678');
+    });
+
+    it('click the `CANCEL button', () => {
+      // Click EDIT button.
+      cy.get('.MuiGrid-root > .MuiButtonBase-root').click();
+      cy.get('#bio').clear();
+      cy.get('#bio').type('I am root, I will change the description');
+
+      // Update user email.
+      cy.get('#email').clear();
+      cy.get('#email').type('root@gmail.com');
+      cy.get('#cancel').click();
+      cy.get('#description').should('be.visible').and('have.text', 'I am root');
+
+      // Check whether the navigation bar email has changed.
+      cy.get('#email').should('be.visible').and('have.text', 'root@example.com');
+
+      // Click EDIT button.
+      cy.get('.MuiGrid-root > .MuiButtonBase-root').click();
+      cy.get('#bio').should('have.value', 'I am root');
+      cy.get('#email').should('have.value', 'root@example.com');
+    });
+
+    it('try to update user with guest user', () => {
+      cy.visit('/signin');
+      cy.guestSignin();
+
+      cy.intercept({ method: 'PATCH', url: '/api/v1/users/2' }, (req) => {
+        (req.body = ''),
+          req.reply({
+            statusCode: 401,
+            body: { message: 'permission deny' },
+          });
+      });
+
+      cy.visit('/profile');
+
+      cy.get('.MuiGrid-root > .MuiButtonBase-root').click();
+
+      // Update user phone.
+      cy.get('#phone').clear();
+      cy.get('#phone').type('18123456789');
+      cy.get('#save').click();
+
+      // Show error message.
+      cy.get('.MuiAlert-message').should('be.visible').and('contain', 'permission deny');
+      cy.get('.MuiAlert-action > .MuiButtonBase-root').click();
+      cy.get('.MuiAlert-message').should('not.exist');
+    });
+
+    it('should handle API error response', () => {
+      cy.intercept({ method: 'PATCH', url: '/api/v1/users/1' }, (req) => {
+        (req.body = ''),
+          req.reply({
+            forceNetworkError: true,
+          });
+      });
+
+      cy.get('.MuiGrid-root > .MuiButtonBase-root').click();
+
+      // Update user phone.
+      cy.get('#phone').clear();
+      cy.get('#phone').type('18123456789');
+      cy.get('#save').click();
+
+      // Show error message.
+      cy.get('.MuiAlert-message').should('be.visible').and('contain', 'Failed to fetch');
+    });
+
+    it('cannot create user with invalid attributes', () => {
+      const characters = 'abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789';
+      const description = _.times(401, () => _.sample(characters)).join('');
+      const location = _.times(101, () => _.sample(characters)).join('');
+
+      cy.get('.MuiGrid-root > .MuiButtonBase-root').click();
+
+      // Should display message description the validation error.
+      cy.get('#bio').clear();
+      cy.get('#bio').type(description);
+
+      // Show verification error message.
+      cy.get('#bio-helper-text').should('be.visible').and('have.text', 'Fill in the characters, the length is 0-400.');
+      cy.get('#save').click();
+      cy.get('.css-1033rfx > .MuiTypography-root').should('exist').and('have.text', 'Update Personal Information');
+
+      cy.get('#bio').clear();
+      cy.get('#bio').type('I am root');
+
+      // Verification passed.
+      cy.get('#bio-helper-text').should('not.exist');
+
+      // Should display message phone the validation error.
+      cy.get('#phone').clear();
+      cy.get('#phone').type('+86 153 1234 123123');
+
+      // Show verification error message.
+      cy.get('#phone-helper-text').should('be.visible').and('have.text', 'Invalid phone number.');
+      cy.get('#save').click();
+      cy.get('.css-1033rfx > .MuiTypography-root').should('exist').and('have.text', 'Update Personal Information');
+
+      cy.get('#phone').clear();
+      cy.get('#phone').type('+86 151 2345 6789');
+
+      // Verification passed.
+      cy.get('#phone-helper-text').should('not.exist');
+
+      // Should display message location the validation error.
+      cy.get('#location').clear();
+      cy.get('#location').type(location);
+
+      // Show verification error message.
+      cy.get('#location-helper-text')
+        .should('be.visible')
+        .and('have.text', 'Fill in the characters, the length is 0-100.');
+      cy.get('#location').clear();
+      cy.get('#location').type('Shanghai');
+      cy.get('#location-helper-text').should('not.exist');
+
+      // Should display message email the validation error.
+      cy.get('#email').clear();
+      cy.get('#email').type('root');
+
+      // Show verification error message.
+      cy.get('#email-helper-text').should('be.visible').and('have.text', 'Email is invalid or already taken.');
+      cy.get('#email').clear();
+      cy.get('#email').type('root@example.com');
+      cy.get('#email-helper-text').should('not.exist');
+    });
+  });
+
+  describe('change password', () => {
+    it('can update password', () => {
+      cy.intercept({ method: 'POST', url: '/api/v1/users/1/reset_password' }, (req) => {
+        (req.body = { new_password: 'dragonfly2', old_password: 'dragonfly2' }),
+          req.reply({
+            statusCode: 200,
+          });
+      });
+      cy.intercept({ method: 'POST', url: '/api/v1/users/signout' }, (req) => {
+        (req.body = ''),
+          req.reply({
+            statusCode: 200,
+          });
+      });
+
+      // Click change password tab.
+      cy.get('#tab-password').click();
+
+      cy.get('#oldPassword').type('dragonfly1');
+      cy.get('#newPassword').type('dragonfly2');
+      cy.get('#confirmNewPassword').type('dragonfly2');
+
+      // Click cancel password button.
+      cy.get('#cancel-change-password').click();
+
+      // Input should be cleared.
+      cy.get('#oldPassword').should('have.value', '');
+      cy.get('#newPassword').should('have.value', '');
+      cy.get('#confirmNewPassword').should('have.value', '');
+
+      cy.get('#oldPassword').type('dragonfly1');
+      cy.get('#newPassword').type('dragonfly2');
+      cy.get('#confirmNewPassword').type('dragonfly2');
+
+      // Click save button.
+      cy.get('#change-password').click();
+
+      // Then I see that the current page is the signin!
+      cy.url().should('include', 'signin');
+    });
+
+    it('click the Profile tab', () => {
+      // Click change password button.
+      cy.get('#tab-password').click();
+      cy.get('#change-password-title').should('be.visible').and('have.text', 'Change Password');
+      cy.get('#oldPassword').type('dragonfly1');
+      cy.get('#newPassword').type('dragonfly2');
+      cy.get('#confirmNewPassword').type('dragonfly2');
+
+      // Click cancel button.
+      cy.get('#tab-profile').click();
+      cy.get('#change-password-title').should('not.exist');
+
+      cy.get('#tab-password').click();
+      cy.get('#change-password-title').should('be.visible').and('have.text', 'Change Password');
+
+      // Check if old password is empty.
+      cy.get('#oldPassword').should('have.text', '');
+
+      // Check if new password is empty.
+      cy.get('#newPassword').should('have.text', '');
+
+      // Check if confirm new password is empty.
+      cy.get('#confirmNewPassword').should('have.text', '');
+    });
+
+    it('try to update user with guest user', () => {
+      cy.visit('/signin');
+      cy.guestSignin();
+
+      cy.intercept({ method: 'POST', url: '/api/v1/users/2/reset_password' }, (req) => {
+        (req.body = { new_password: 'dragonfly2', old_password: 'dragonfly2' }),
+          req.reply({
+            statusCode: 200,
+          });
+      });
+      cy.intercept({ method: 'POST', url: '/api/v1/users/signout' }, (req) => {
+        (req.body = ''),
+          req.reply({
+            statusCode: 200,
+          });
+      });
+
+      cy.visit('/profile');
+
+      // Click change password button.
+      cy.get('#tab-password').click();
+      cy.get('#oldPassword').type('dragonfly1');
+      cy.get('#newPassword').type('dragonfly2');
+      cy.get('#confirmNewPassword').type('dragonfly2');
+      cy.get('#change-password').click();
+
+      // Then I see that the current page is the signin!
+      cy.url().should('include', 'signin');
+    });
+
+    it('should handle API error response', () => {
+      cy.intercept({ method: 'POST', url: '/api/v1/users/1/reset_password' }, (req) => {
+        (req.body = { new_password: 'dragonfly2', old_password: 'dragonfly2' }),
+          req.reply({
+            forceNetworkError: true,
+          });
+      });
+
+      // Click change password button.
+      cy.get('#tab-password').click();
+      cy.get('#oldPassword').type('dragonfly1');
+      cy.get('#newPassword').type('dragonfly2');
+      cy.get('#confirmNewPassword').type('dragonfly2');
+      cy.get('#change-password').click();
+
+      // Show error message.
+      cy.get('.MuiAlert-message').should('be.visible').and('contain', 'Failed to fetch');
+    });
+
+    it('try to change password with invalid password', () => {
+      cy.intercept({ method: 'POST', url: '/api/v1/users/1/reset_password' }, (req) => {
+        (req.body = { new_password: 'dragonfly2', old_password: 'dragonfly2' }),
+          req.reply({
+            statusCode: 401,
+            body: { message: 'Unauthorized' },
+          });
+      });
+
+      // Click change password button.
+      cy.get('#tab-password').click();
+      cy.get('#oldPassword').type('dragonfly1');
+      cy.get('#newPassword').type('dragonfly2');
+      cy.get('#confirmNewPassword').type('dragonfly2');
+      cy.get('#change-password').click();
+
+      // Show error message.
+      cy.get('.MuiAlert-message').should('be.visible').and('contain', 'Unauthorized');
+    });
+
+    it('cannot change password without required attributes', () => {
+      // Click change password button.
+      cy.get('#tab-password').click();
+      cy.get('#change-password').click();
+
+      // Show error message.
+      cy.get('#oldPassword-helper-text')
+        .should('be.visible')
+        .and('have.text', 'Fill in the characters, the maximum length is 16.');
+
+      cy.get('#newPassword-helper-text')
+        .should('be.visible')
+        .and('have.text', 'At least 8-16 characters, with at least 1 lowercase letter and 1 number.');
+
+      cy.get('#confirmNewPassword-helper-text')
+        .should('be.visible')
+        .and('have.text', 'Please enter the same password.');
+    });
+
+    it('cannot change password with invalid attributes', () => {
+      const characters = 'abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789';
+      const oldPassword = _.times(17, () => _.sample('abcdefghijklmnopqrstuvwxyz')).join('');
+      const newPasswordLengthExceeds = _.times(17, () => _.sample(characters)).join('');
+      const newPasswordLengthIsInsufficient = _.times(7, () => _.sample(characters)).join('');
+
+      // Click change password button.
+      cy.get('#tab-password').click();
+
+      // Should display message old password the validation error.
+      cy.get('#oldPassword').type(oldPassword);
+
+      // Show verification error message.
+      cy.get('#oldPassword-helper-text')
+        .should('be.visible')
+        .and('have.text', 'Fill in the characters, the maximum length is 16.');
+      cy.get('#oldPassword').clear();
+      cy.get('#oldPassword').type('dragonfly');
+      cy.get('#oldPassword-helper-text').should('not.exist');
+
+      // Should display message new password the validation error.
+      cy.get('#newPassword').type(newPasswordLengthExceeds);
+
+      // Show verification error message.
+      cy.get('#newPassword-helper-text')
+        .should('be.visible')
+        .and('have.text', 'At least 8-16 characters, with at least 1 lowercase letter and 1 number.');
+      cy.get('#newPassword').clear();
+      cy.get('#newPassword').type('dragonfly1');
+
+      // Verification passed.
+      cy.get('#newPassword-helper-text').should('not.exist');
+      cy.get('#newPassword').clear();
+      cy.get('#newPassword').type(newPasswordLengthIsInsufficient);
+
+      // Show verification error message.
+      cy.get('#newPassword-helper-text')
+        .should('be.visible')
+        .and('have.text', 'At least 8-16 characters, with at least 1 lowercase letter and 1 number.');
+      cy.get('#newPassword').clear();
+      cy.get('#newPassword').type('dragonfly1');
+
+      // Verification passed.
+      cy.get('#newPassword-helper-text').should('not.exist');
+
+      // Should display message confirm new password the validation error.
+      cy.get('#confirmNewPassword').type(newPasswordLengthIsInsufficient);
+
+      // Show verification error message.
+      cy.get('#confirmNewPassword-helper-text')
+        .should('be.visible')
+        .and('have.text', 'Please enter the same password.');
+      cy.get('#confirmNewPassword').clear();
+      cy.get('#confirmNewPassword').type('dragonfly1');
+
+      // Verification passed.
+      cy.get('#confirmNewPassword-helper-text').should('not.exist');
+    });
+
+    it('click the password hide butto', () => {
+      cy.get('#tab-password').click();
+
+      // Verify the display status of the content of the old password input box.
+      cy.get('#oldPassword').type('dragonfly1');
+
+      // Find the old password input box and verify that its type attribute is 'password'.
+      cy.get('#oldPassword').should('have.attr', 'type', 'password');
+
+      // Change the type attribute of the old password input box to 'text' so that the content is visible.
+      cy.get(':nth-child(2) > .MuiFormControl-root > .MuiInputBase-root > .MuiButtonBase-root').click();
+
+      // Verify the contents of the old password input box.
+      cy.get('#oldPassword').should('have.attr', 'type', 'text').and('have.value', 'dragonfly1');
+
+      // Verify the display status of the content of the new password input box.
+      cy.get('#newPassword').type('dragonfly2');
+      cy.get('#newPassword').should('have.attr', 'type', 'password');
+      cy.get(':nth-child(3) > .MuiFormControl-root > .MuiInputBase-root > .MuiButtonBase-root').click();
+      cy.get('#newPassword').should('have.attr', 'type', 'text').and('have.value', 'dragonfly2');
+
+      // Verify the display status of the content of the confirm new password input box.
+      cy.get('#confirmNewPassword').type('dragonfly2');
+      cy.get('#confirmNewPassword').should('have.attr', 'type', 'password');
+      cy.get(':nth-child(4) > .MuiFormControl-root > .MuiInputBase-root > .MuiButtonBase-root').click();
+      cy.get('#confirmNewPassword').should('have.attr', 'type', 'text').and('have.value', 'dragonfly2');
+    });
+  });
+});

cypress/e2e/resource/persistent-cache-task/persistent-cache-task.cy.ts

@@ -0,0 +1,274 @@
+import persistentCacheTasks from '../../../fixtures/resource/persistent-cache-task/persistent-cache-tasks.json';
+import persistentCacheTask from '../../../fixtures/resource/persistent-cache-task/persistent-cache-task.json';
+import failedPersistentCacheTask from '../../../fixtures/resource/persistent-cache-task/failed-persistent-cache-task.json';
+
+describe('Persistent Cache Tasks', () => {
+  beforeEach(() => {
+    cy.signin();
+
+    cy.intercept(
+      {
+        method: 'GET',
+        url: '/api/v1/persistent-cache-tasks?page=1&per_page=10000000&scheduler_cluster_id=1',
+      },
+      (req) => {
+        req.reply({
+          statusCode: 200,
+          body: persistentCacheTasks,
+        });
+      },
+    );
+
+    cy.intercept(
+      {
+        method: 'GET',
+        url: '/api/v1/persistent-cache-tasks/2865345332?scheduler_cluster_id=1',
+      },
+      (req) => {
+        req.reply({
+          statusCode: 200,
+          body: persistentCacheTask,
+        });
+      },
+    );
+
+    cy.visit('/resource/persistent-cache-task/clusters/1/2865345332');
+    cy.viewport(1440, 1080);
+  });
+
+  describe('when data is loaded', () => {
+    it('click the breadcrumb', () => {
+      // Display is loading.
+      cy.get('[data-testid="isloading"]').should('be.exist');
+
+      // Check for breadcrumb.
+      cy.get('#scheduler-cluster-1').should('be.visible').and('contain', 'scheduler-cluster-1');
+
+      cy.get('#task-id-2865345332').should('have.text', 2865345332);
+      cy.get('#scheduler-cluster-1').click();
+
+      // Then I see that the current page is the clusters/1!
+      cy.url().should('include', '/resource/persistent-cache-task/clusters/1');
+    });
+
+    it('can display success persistent cache task', () => {
+      cy.get('#id').should('have.text', '2865345332');
+      cy.get('#success-task').should('exist');
+      cy.get('#persistent-replica-count').should('have.text', '2');
+      cy.get('#ttl').should('have.text', '7 days');
+      cy.get('#content-length').should('have.text', '1.59 KB');
+      cy.get('#piece-length').should('have.text', '4 MiB');
+      cy.get('#application').should('have.text', 'application-1');
+      cy.get('#tag').should('have.text', 'tag-1');
+
+      // Display peers.
+      cy.get('#peers').should('exist');
+
+      cy.get('#id-0').should('have.text', '2');
+      cy.get('#hostname-0').should('have.text', 'hostname-2');
+      cy.get('#os-0').should('have.text', 'ios');
+      cy.get('#persistent-0').should('contain', 'Yes');
+      cy.get('#type-0').should('have.text', 'Super');
+      cy.get('#ip-0').should('have.text', '112.3325.44');
+      cy.get('#port-0').should('have.text', '8001');
+      cy.get('#download-port-0').should('have.text', '4001');
+
+      // Go to last page.
+      cy.get('.MuiPagination-ul > :nth-child(3) > .MuiButtonBase-root').click();
+
+      cy.get('#hostname-0').should('have.text', 'hostname-5');
+    });
+
+    it('can display failed persistent cache task', () => {
+      cy.visit('/resource/persistent-cache-task/clusters/1');
+
+      cy.get('.MuiPagination-ul > :nth-child(3)').click();
+
+      cy.get('#failed-task-1').should('exist');
+
+      cy.intercept(
+        {
+          method: 'GET',
+          url: '/api/v1/persistent-cache-tasks/3870122508?scheduler_cluster_id=1',
+        },
+        (req) => {
+          req.reply({
+            statusCode: 200,
+            body: failedPersistentCacheTask,
+          });
+        },
+      );
+
+      // Click the persistent cache task details button.
+      cy.get('#card-id-1').click();
+
+      cy.get('#peers').should('not.exist');
+
+      cy.get('#failure-task').should('exist');
+
+      cy.get('#scheduler-cluster-1').click();
+
+      cy.get('#operation-0').click();
+      cy.get(':nth-child(11) > .MuiPaper-root > .MuiList-root > .information_menu__CXV1V > #view-3810320977').click();
+
+      // Then I see that the current page is the persistent cache task details!
+      cy.url().should('include', '/resource/persistent-cache-task/clusters/1/3810320977');
+
+      // Then I see that the current page is the persistent cache tasks!
+      cy.get('#scheduler-cluster-1').click();
+
+      // Display a list of persistent cache tasks.
+      cy.get('#table').click();
+
+      cy.get('#operation-3810320977').click();
+
+      cy.get(':nth-child(12) > .MuiPaper-root > .MuiList-root > .information_menu__CXV1V > #view-3810320977').click();
+
+      // Then I see that the current page is the persistent cache task details!
+      cy.url().should('include', '/resource/persistent-cache-task/clusters/1/3810320977');
+    });
+  });
+
+  describe('when no data is loaded', () => {
+    beforeEach(() => {
+      cy.intercept(
+        {
+          method: 'GET',
+          url: '/api/v1/persistent-cache-tasks/2865345332?scheduler_cluster_id=1',
+        },
+        (req) => {
+          req.reply({
+            statusCode: 200,
+            body: {},
+          });
+        },
+      );
+    });
+
+    it('unable to display breadcrumb', () => {
+      cy.get('#task-id-2865345332').should('have.text', '2865345332');
+    });
+
+    it('persistent cache task render empty status', () => {
+      cy.get('#id').should('have.text', '0');
+      cy.get('#failure-task').should('exist');
+      cy.get('#create-at').should('have.text', '-');
+      cy.get('#persistent-replica-count').should('have.text', '-');
+      cy.get('#ttl').should('have.text', '-');
+      cy.get('#content-length').should('have.text', '-');
+      cy.get('#piece-length').should('have.text', '-');
+      cy.get('#application').should('have.text', '-');
+      cy.get('#tag').should('have.text', '-');
+      cy.get('#peers').should('not.exist');
+    });
+  });
+
+  describe('should handle API error response', () => {
+    beforeEach(() => {
+      cy.intercept(
+        {
+          method: 'GET',
+          url: '/api/v1/persistent-cache-tasks/3810320977?scheduler_cluster_id=1',
+        },
+        (req) => {
+          req.reply({
+            forceNetworkError: true,
+          });
+        },
+      );
+      cy.visit('/resource/persistent-cache-task/clusters/1/3810320977');
+    });
+
+    it('show error message', () => {
+      // Show error message.
+      cy.get('.MuiAlert-message').should('be.visible').and('contain', 'Failed to fetch');
+
+      // Close error message.
+      cy.get('.MuiAlert-action > .MuiButtonBase-root').click();
+      cy.get('.MuiAlert-message').should('not.exist');
+    });
+
+    it('persistent cache task render empty status', () => {
+      cy.get('#id').should('have.text', '0');
+      cy.get('#failure-task').should('exist');
+      cy.get('#create-at').should('have.text', '-');
+      cy.get('#persistent-replica-count').should('have.text', '-');
+      cy.get('#ttl').should('have.text', '-');
+      cy.get('#content-length').should('have.text', '-');
+      cy.get('#piece-length').should('have.text', '-');
+      cy.get('#application').should('have.text', '-');
+      cy.get('#tag').should('have.text', '-');
+      cy.get('#peers').should('not.exist');
+    });
+  });
+
+  describe('delete', () => {
+    it('persistent cache tasks can be deleted', () => {
+      cy.get('#open-dialog').should('not.exist');
+      cy.get('#delete-task').click();
+
+      cy.get('#open-dialog').should('exist');
+
+      // Cancel delete task.
+      cy.get('#cancel-delete-task').click();
+
+      cy.get('#open-dialog').should('not.exist');
+
+      cy.get('#delete-task').click();
+
+      cy.get('#delete-task-input').type('delete');
+
+      cy.get('#save-delete-task').click();
+
+      // Shoe help text.
+      cy.get('#delete-task-input-helper-text').should('have.text', 'Please enter "DELETE"');
+
+      cy.get('#delete-task-input').clear();
+
+      cy.get('#delete-task-input').type('DELETE');
+
+      cy.get('#delete-task-input-helper-text').should('not.exist');
+
+      cy.intercept(
+        {
+          method: 'DELETE',
+          url: '/api/v1/persistent-cache-tasks/2865345332?scheduler_cluster_id=1',
+        },
+        (req) => {
+          req.reply({
+            statusCode: 200,
+          });
+        },
+      );
+
+      cy.get('#save-delete-task').click();
+
+      cy.url().should('include', '/resource/persistent-cache-task/clusters/1');
+    });
+
+    it('should handle API error response', () => {
+      cy.get('#delete-task').click();
+
+      cy.get('#delete-task-input').type('DELETE');
+
+      cy.get('#delete-task-input-helper-text').should('not.exist');
+
+      cy.intercept(
+        {
+          method: 'DELETE',
+          url: '/api/v1/persistent-cache-tasks/2865345332?scheduler_cluster_id=1',
+        },
+        (req) => {
+          req.reply({
+            forceNetworkError: true,
+          });
+        },
+      );
+
+      cy.get('#save-delete-task').click();
+
+      // Show error message.
+      cy.get('.MuiAlert-message').should('be.visible').and('contain', 'Failed to fetch');
+    });
+  });
+});

cypress/e2e/resource/persistent-cache-task/persistent-cache-tasks.cy.ts

@@ -0,0 +1,526 @@
+import clusters from '../../../fixtures/clusters/clusters.json';
+import persistentCacheTasks from '../../../fixtures/resource/persistent-cache-task/persistent-cache-tasks.json';
+import deletePersistentCacheTasks from '../../../fixtures/resource/persistent-cache-task/delete-persistent-cache-tasks.json';
+import deletePersistentCacheTasksAfter from '../../../fixtures/resource/persistent-cache-task/delete-persistent-cache-tasks-after.json';
+
+describe('Persistent Cache Tasks', () => {
+  beforeEach(() => {
+    cy.signin();
+    cy.intercept(
+      {
+        method: 'GET',
+        url: '/api/v1/clusters?page=1&per_page=10000000',
+      },
+      (req) => {
+        req.reply({
+          statusCode: 200,
+          body: clusters,
+        });
+      },
+    );
+
+    cy.intercept(
+      {
+        method: 'GET',
+        url: '/api/v1/persistent-cache-tasks?page=1&per_page=10000000&scheduler_cluster_id=1',
+      },
+      (req) => {
+        req.reply({
+          statusCode: 200,
+          body: persistentCacheTasks,
+        });
+      },
+    );
+    cy.visit('/resource/persistent-cache-task');
+    cy.viewport(1440, 1080);
+  });
+
+  describe('when data is loaded', () => {
+    it('it should show cluster', () => {
+      // Display is loading.
+      cy.get('[data-testid="isloading"]').should('be.exist');
+
+      cy.get('#clusters-card').should('exist');
+
+      cy.get('#cluster-name-1').should('have.text', 'cluster-1');
+
+      cy.get('#cluster-name-1').click();
+    });
+
+    it('should show persistent cache tasks', () => {
+      cy.visit('/resource/persistent-cache-task/clusters/1');
+
+      // Display is loading.
+      cy.get('[data-testid="isloading"]').should('be.exist');
+
+      cy.get('#total').should('have.text', 19);
+      cy.get('#application').should('have.text', 6);
+      cy.get('#tag').should('have.text', 17);
+
+      cy.get('#card-id-0').should('have.text', '3810320977');
+
+      cy.get('#tag-0').should('have.text', 'tag-4');
+      cy.get('#application-0').should('have.text', 'application-3');
+
+      cy.get('#table').click();
+
+      cy.get(':nth-child(1) > #id-3810320977').should('have.text', '3810320977');
+    });
+
+    it('should show visualization of persistent cache tasks', () => {
+      cy.visit('/resource/persistent-cache-task/clusters/1');
+
+      cy.get('#tab-analytics').click();
+
+      cy.get('#total').should('have.text', 19);
+      cy.get('#application').should('have.text', 6);
+      cy.get('#tag').should('have.text', 17);
+
+      cy.get('#application-ratio').should('have.text', '31.58%');
+
+      cy.get('#tag-ratio').should('have.text', '89.47%');
+    });
+
+    it('call onChange when changing page size', () => {
+      // The viewport will now be changed to 1440px x 1080px
+      cy.viewport(1440, 1080);
+
+      // Check if the number of page size is 9.
+      cy.get('#clusters-card').should('exist').children().should('have.length', 9);
+
+      // The viewport will now be changed to 1600px x 1080px
+      cy.viewport(1600, 1080);
+      cy.wait(1000);
+
+      // Check if the number of page size is 12.
+      cy.get('#clusters-card').should('exist').children().should('have.length', 9);
+
+      // The viewport will now be changed to 1920px x 1080px
+      cy.viewport(1920, 1080);
+      cy.wait(1000);
+
+      // Check if the number of page size is 20.
+      cy.get('#clusters-card').should('exist').children().should('have.length', 12);
+
+      // The viewport will now be changed to 2048px x 1080px
+      cy.viewport(2048, 1080);
+      cy.wait(1000);
+
+      // Check if the number of page size is 20.
+      cy.get('#clusters-card').should('exist').children().should('have.length', 12);
+
+      // The viewport will now be changed to 2560px x 1080px
+      cy.viewport(2560, 1080);
+      cy.wait(1000);
+
+      // Check if the number of page size is 24.
+      cy.get('#clusters-card').should('exist').children().should('have.length', 15);
+
+      cy.visit('/resource/persistent-cache-task/clusters/1');
+
+      // The viewport will now be changed to 1440px x 1080px
+      cy.viewport(1440, 1080);
+
+      // Check if the number of page size is 9.
+      cy.get('#card-list').should('exist').children().should('have.length', 9);
+
+      // The viewport will now be changed to 1600px x 1080px
+      cy.viewport(1600, 1080);
+      cy.wait(1000);
+
+      // Check if the number of page size is 9.
+      cy.get('#card-list').should('exist').children().should('have.length', 9);
+
+      // The viewport will now be changed to 1920px x 1080px
+      cy.viewport(1920, 1080);
+      cy.wait(1000);
+
+      // Check if the number of page size is 12.
+      cy.get('#card-list').should('exist').children().should('have.length', 12);
+
+      // The viewport will now be changed to 2048px x 1080px
+      cy.viewport(2048, 1080);
+      cy.wait(1000);
+
+      // Check if the number of page size is 12.
+      cy.get('#card-list').should('exist').children().should('have.length', 12);
+
+      // The viewport will now be changed to 2560px x 1080px
+      cy.viewport(2560, 1080);
+      cy.wait(1000);
+
+      // Check if the number of page size is 15.
+      cy.get('#card-list').should('exist').children().should('have.length', 15);
+    });
+  });
+
+  describe('search', () => {
+    it('can search cluster', () => {
+      cy.get('#search-cluster').type('cluster-1{enter}');
+
+      // Check the card list.
+      cy.get('#clusters-card').children().should('have.length', 9);
+
+      cy.get('#search-cluster').clear();
+
+      cy.get('#search-cluster').type('cluster-11{enter}');
+
+      // Check the card list.
+      cy.get('#clusters-card').children().should('have.length', 1);
+
+      cy.get('#no-clusters').should('not.exist');
+      cy.get('#search-cluster').clear();
+      cy.get('#search-cluster').type('cluster-111{enter}');
+
+      cy.get('#no-clusters').should('exist');
+    });
+
+    it('can search persistent cache task', () => {
+      cy.get('#cluster-name-1').click();
+
+      cy.get('#search-task').type('2484851399{enter}');
+
+      // Check the card list.
+      cy.get('#card-list').children().should('have.length', 1);
+
+      cy.get('#search-task').clear();
+
+      // Check the card list.
+      cy.get('#card-list').children().should('have.length', 9);
+
+      cy.get('#search-task').type('9023');
+
+      // It should prompt that there is no task.
+      cy.get('#no-task').should('have.text', 'This scheduler cluster has no persistent cache task.');
+    });
+
+    it('should be queried based on the query string', () => {
+      cy.visit('/resource/persistent-cache-task?search=cluster-11');
+
+      cy.get('#search-cluster').should('have.value', 'cluster-11');
+
+      // Check the card list.
+      cy.get('#clusters-card').children().should('have.length', 1);
+
+      cy.visit('/resource/persistent-cache-task/clusters/1?search=2865345332');
+
+      // Check the card list.
+      cy.get('#card-list').children().should('have.length', 3);
+    });
+  });
+
+  describe('delete', () => {
+    beforeEach(() => {
+      cy.visit('/resource/persistent-cache-task/clusters/1');
+    });
+
+    it('can the delet persistent cache task', () => {
+      cy.get('#operation-0').click();
+
+      cy.get('#delete-task').should('not.exist');
+
+      cy.get(':nth-child(11) > .MuiPaper-root > .MuiList-root > .information_menu__CXV1V > #delete-3810320977').click();
+      cy.get('#delete-task').should('exist');
+
+      cy.get('#help-delete-task').should('have.text', 'Persistent cache task will be permanently deleted.');
+
+      cy.get('#deletCache').type('delete');
+
+      // Shoe help text.
+      cy.get('#deletCache-helper-text').should('have.text', 'Please enter "DELETE"');
+
+      cy.get('#deleteTask').click();
+      cy.get('#delete-task').should('exist');
+
+      cy.get('#deletCache').clear();
+
+      cy.intercept(
+        {
+          method: 'DELETE',
+          url: '/api/v1/persistent-cache-tasks/3810320977?scheduler_cluster_id=1',
+        },
+        (req) => {
+          req.reply({
+            statusCode: 200,
+          });
+        },
+      );
+
+      cy.intercept(
+        {
+          method: 'GET',
+          url: '/api/v1/persistent-cache-tasks?page=1&per_page=10000000&scheduler_cluster_id=1',
+        },
+        (req) => {
+          req.reply({
+            statusCode: 200,
+            body: deletePersistentCacheTasks,
+          });
+        },
+      );
+
+      cy.get('#deletCache').type('DELETE');
+      cy.get('#total').should('have.text', 19);
+
+      cy.get('#deleteTask').click();
+
+      // Show Success Message.
+      cy.get('#success-message').should('have.text', 'Submission successful!');
+
+      cy.get('#total').should('have.text', 18);
+    });
+
+    it('should handle API error response', () => {
+      cy.get('#operation-0').click();
+      cy.get('body').click('topLeft');
+      cy.get('#operation-0').click();
+
+      cy.get('#delete-task').should('not.exist');
+
+      cy.get(':nth-child(11) > .MuiPaper-root > .MuiList-root > .information_menu__CXV1V > #delete-3810320977').click();
+      cy.get('#delete-task').should('exist');
+
+      cy.get('#help-delete-task').should('have.text', 'Persistent cache task will be permanently deleted.');
+
+      cy.intercept(
+        {
+          method: 'DELETE',
+          url: '/api/v1/persistent-cache-tasks/3810320977?scheduler_cluster_id=1',
+        },
+        (req) => {
+          req.reply({
+            forceNetworkError: true,
+          });
+        },
+      );
+
+      cy.get('#deletCache').type('DELETE');
+
+      cy.get('#deleteTask').click();
+
+      // Show error message.
+      cy.get('.MuiAlert-message').should('have.text', 'Failed to fetch');
+    });
+
+    it('when a task is removed, this task is the only task on the last page', () => {
+      // Go to last page.
+      cy.get('.MuiPagination-ul > :nth-child(4) > .MuiButtonBase-root').click();
+
+      cy.url().should('include', '/resource/persistent-cache-task/clusters/1?page=3');
+
+      cy.get('#operation-0').click();
+
+      cy.get('#delete-2865345332').click();
+
+      cy.intercept(
+        {
+          method: 'DELETE',
+          url: '/api/v1/persistent-cache-tasks/2865345332?scheduler_cluster_id=1',
+        },
+        (req) => {
+          req.reply({
+            statusCode: 200,
+          });
+        },
+      );
+
+      cy.intercept(
+        {
+          method: 'GET',
+          url: '/api/v1/persistent-cache-tasks?page=1&per_page=10000000&scheduler_cluster_id=1',
+        },
+        (req) => {
+          req.reply({
+            statusCode: 200,
+            body: deletePersistentCacheTasksAfter,
+          });
+        },
+      );
+
+      cy.get('#deletCache').type('DELETE');
+      cy.get('#total').should('have.text', 19);
+
+      cy.get('#deleteTask').click();
+
+      // Show Success Message.
+      cy.get('#success-message').should('have.text', 'Submission successful!');
+
+      cy.get('#total').should('have.text', 18);
+
+      cy.url().should('include', '/resource/persistent-cache-task/clusters/1?page=2');
+    });
+
+    it('when deleting a task, there is only one task on the next page', () => {
+      // Go to next page.
+      cy.get('.MuiPagination-ul > :nth-child(3) > .MuiButtonBase-root').click();
+
+      // Check the current page number.
+      cy.get('#task-pagination > .MuiPagination-ul').children().should('have.length', '5');
+
+      // Check the last task ID.
+      cy.get('#card-id-8').should('have.text', '2865345332');
+
+      cy.url().should('include', '/resource/persistent-cache-task/clusters/1?page=2');
+
+      cy.get('#operation-8').click();
+
+      cy.get(':nth-child(11) > .MuiPaper-root > .MuiList-root > .information_menu__CXV1V > #delete-2865345332').click();
+
+      cy.intercept(
+        {
+          method: 'DELETE',
+          url: '/api/v1/persistent-cache-tasks/2865345332?scheduler_cluster_id=1',
+        },
+        (req) => {
+          req.reply({
+            statusCode: 200,
+          });
+        },
+      );
+
+      cy.intercept(
+        {
+          method: 'GET',
+          url: '/api/v1/persistent-cache-tasks?page=1&per_page=10000000&scheduler_cluster_id=1',
+        },
+        (req) => {
+          req.reply({
+            statusCode: 200,
+            body: deletePersistentCacheTasks,
+          });
+        },
+      );
+
+      cy.get('#deletCache').type('DELETE');
+      cy.get('#total').should('have.text', 19);
+
+      cy.get('#deleteTask').click();
+
+      // Show Success Message.
+      cy.get('#success-message').should('have.text', 'Submission successful!');
+
+      cy.get('#total').should('have.text', 18);
+
+      // Check the current page number.
+      cy.get('#task-pagination > .MuiPagination-ul').children().should('have.length', '4');
+
+      // Check the last task ID.
+      cy.get('#card-id-8').should('have.text', '2865345332');
+    });
+  });
+
+  describe('should handle API error response', () => {
+    beforeEach(() => {
+      cy.intercept(
+        {
+          method: 'GET',
+          url: '/api/v1/clusters?page=1&per_page=10000000',
+        },
+        (req) => {
+          req.reply({
+            forceNetworkError: true,
+          });
+        },
+      );
+
+      cy.intercept(
+        {
+          method: 'GET',
+          url: '/api/v1/persistent-cache-tasks?page=1&per_page=10000000&scheduler_cluster_id=1',
+        },
+        (req) => {
+          req.reply({
+            forceNetworkError: true,
+          });
+        },
+      );
+    });
+
+    it('cluster API response error', () => {
+      cy.visit('/resource/persistent-cache-task');
+
+      cy.get('#no-date').should('exist');
+
+      cy.get('#no-date-text').should('have.text', 'You have no clusters.');
+
+      // Show error message.
+      cy.get('.MuiAlert-message').should('have.text', 'Failed to fetch');
+    });
+
+    it('persistent cache task API response error', () => {
+      cy.visit('/resource/persistent-cache-task/clusters/1');
+
+      // It should prompt that there is no task.
+      cy.get('#no-task').should('have.text', 'This scheduler cluster has no persistent cache task.');
+
+      // Show error message.
+      cy.get('.MuiAlert-message').should('have.text', 'Failed to fetch');
+
+      cy.get('.MuiAlert-action > .MuiButtonBase-root').click();
+
+      cy.get('.MuiAlert-message').should('not.exist');
+
+      cy.get('#table').click();
+
+      // It should prompt that there is no task.
+      cy.get('#no-task-table').should('have.text', 'This scheduler cluster has no persistent cache task.');
+    });
+  });
+
+  describe('pagination', () => {
+    it('pagination updates results and page number', () => {
+      cy.get('.MuiPagination-ul > :nth-child(3)').click();
+
+      // Show cluster name.
+      cy.get('#cluster-name-10').should('be.visible').and('contain', 'cluster-10');
+
+      // Show persistent cache task
+      cy.visit('/resource/persistent-cache-task/clusters/1');
+
+      cy.get('#card-list').children().should('have.length', 9);
+
+      cy.get('#card-id-0').should('have.text', '3810320977');
+
+      cy.get('.MuiPagination-ul > :nth-child(3) > .MuiButtonBase-root').click();
+
+      cy.get('#card-list').children().should('have.length', 9);
+
+      cy.get('#card-id-0').should('have.text', '3870122509');
+    });
+
+    it('when you click refresh, the paginated results and page numbers remain unchanged.', () => {
+      cy.get('#clusters-card').children().should('have.length', 9);
+
+      cy.get('.MuiPagination-ul > :nth-child(6) > .MuiButtonBase-root').click();
+
+      cy.get('#clusters-card').children().should('have.length', 1);
+
+      cy.get('#cluster-name-37').should('have.text', 'cluster-37');
+
+      // Refresh page.
+      cy.reload().then(() => {
+        cy.wait(1000);
+      });
+
+      cy.get('#clusters-card').children().should('have.length', 1);
+
+      cy.get('#cluster-name-37').should('have.text', 'cluster-37');
+
+      // Show persistent cache task
+      cy.visit('/resource/persistent-cache-task/clusters/1?page=2');
+
+      cy.get('#card-list').children().should('have.length', 9);
+
+      cy.get('#card-id-0').should('have.text', '3870122509');
+
+      // Refresh page.
+      cy.reload().then(() => {
+        cy.wait(1000);
+      });
+
+      cy.get('#card-list').children().should('have.length', 9);
+
+      cy.get('#card-id-0').should('have.text', '3870122509');
+    });
+  });
+});

cypress/e2e/resource/task/clear.cy.ts

@@ -0,0 +1,940 @@
+import createTaskJob from '../../../fixtures/resource/task/create-task-job.json';
+import task from '../../../fixtures/resource/task/task.json';
+import pendingTask from '../../../fixtures/resource/task/pending-task.json';
+import taskIDByTask from '../../../fixtures/resource/task/task-id-by-task.json';
+import noTask from '../../../fixtures/resource/task/no-task.json';
+import ImageManifest from '../../../fixtures/resource/task/image-manifest-url-task.json';
+import _ from 'lodash';
+
+describe('Clear', () => {
+  beforeEach(() => {
+    cy.signin();
+
+    cy.visit('/resource/task/clear');
+    cy.viewport(1440, 1080);
+  });
+
+  describe('when no data is loaded', () => {
+    it('when search by url has no data to load', () => {
+      cy.get('#no-task').should('not.exist');
+
+      cy.get('#light').should('exist');
+      cy.get('#no-task-image').should('not.exist');
+
+      // Click the Toggle Light button.
+      cy.get('#light').click();
+      cy.get('#light').should('have.class', 'Mui-selected');
+
+      // Check if it is switched to light mode.
+      cy.get('#main').should('have.css', 'background-color', 'rgb(244, 246, 248)');
+
+      cy.get('#no-task-image').should('exist');
+
+      cy.get('#dark-no-task-image').should('not.exist');
+
+      cy.intercept(
+        {
+          method: 'post',
+          url: '/api/v1/jobs',
+        },
+        (req) => {
+          req.reply({
+            statusCode: 200,
+            body: createTaskJob,
+          });
+        },
+      );
+      cy.intercept(
+        {
+          method: 'GET',
+          url: '/api/v1/jobs/1',
+        },
+        (req) => {
+          req.reply({
+            statusCode: 200,
+            body: noTask,
+          });
+        },
+      );
+
+      cy.get('#url').click();
+
+      // Add url.
+      cy.get('#url').type('https://example.com/path/to/file');
+
+      cy.get('#searchByURL').click();
+
+      cy.get('#no-task').should('exist');
+    });
+
+    it('when search by image manifest url has no data to load', () => {
+      cy.get('#no-task').should('not.exist');
+
+      cy.get('#serach-image-manifest-url').click();
+
+      cy.intercept(
+        {
+          method: 'post',
+          url: '/api/v1/jobs',
+        },
+        async (req) => {
+          await new Promise((resolve) => setTimeout(resolve, 200));
+          req.reply({
+            statusCode: 200,
+            body: {
+              image: {
+                layers: [
+                  {
+                    url: 'https://ghcr.io/v2/dragonflyoss/scheduler/blobs/sha256:c7c72808bf776cd122bdaf4630a4a35ea319603d6a3b6cbffddd4c7fd6d2d269',
+                  },
+                  {
+                    url: 'https://ghcr.io/v2/dragonflyoss/scheduler/blobs/sha256:9986a736f7d3d24bb01b0a560fa0f19c4b57e56c646e1f998941529d28710e6b',
+                  },
+                ],
+              },
+              peers: [],
+            },
+          });
+        },
+      );
+
+      cy.get('#image-manifest-url').type('https://example.com/path/to/file{enter}');
+
+      // Shou You don't find any results!
+      cy.get('#no-image-manifest-URL-task').should('exist').and('contain', `You don't find any results!`);
+    });
+  });
+
+  describe('when data is loaded', () => {
+    it('click the `CANCEL button', () => {
+      cy.get('#url').click();
+
+      // Add tag input.
+      cy.get('#tag').should('exist');
+
+      // Add url.
+      cy.get('#url').type('https://example.com/path/to/file');
+
+      // Add piece length.
+      cy.get('#pieceLength').type('4');
+
+      cy.get('#cancelSearchByURL').click();
+
+      cy.get('#url').click();
+
+      cy.get('#tag').should('have.value', '');
+      cy.get('#url').should('have.value', '');
+      cy.get('#pieceLength').should('have.value', '');
+    });
+
+    it('can search by url', () => {
+      let interceptCount = 0;
+
+      cy.get('#url').click();
+
+      // Add url.
+      cy.get('#url').type('https://example.com/path/to/file');
+
+      // Add piece length.
+      cy.get('#pieceLength').type('4');
+
+      // Add tag input.
+      cy.get('#tag').type('tag');
+
+      // Add tag input.
+      cy.get('#application').type('application');
+
+      // Add filtered query params input.
+      cy.get('.MuiAutocomplete-root > .MuiFormControl-root > .MuiInputBase-root').type('filteredQueryParams{enter}');
+      cy.get('.MuiAutocomplete-root > .MuiFormControl-root > .MuiInputBase-root').type('X-Amz-Algorithm{enter}');
+
+      cy.intercept(
+        {
+          method: 'post',
+          url: '/api/v1/jobs',
+        },
+        (req) => {
+          req.reply({
+            statusCode: 200,
+            body: createTaskJob,
+          });
+        },
+      );
+      cy.intercept(
+        {
+          method: 'GET',
+          url: '/api/v1/jobs/1',
+        },
+        (req) => {
+          req.reply({
+            statusCode: 200,
+            body: pendingTask,
+          });
+          interceptCount++;
+        },
+      ).as('cache');
+
+      cy.get('#searchByURL').click();
+
+      cy.get('#isLoading').should('be.exist');
+
+      cy.wait(59000);
+
+      // Executed every 3 seconds, it should be executed 2 times after 6 seconds.
+      cy.get('@cache').then(() => {
+        expect(interceptCount).to.be.greaterThan(0);
+        expect(interceptCount).to.be.closeTo(1, 0);
+      });
+
+      cy.intercept(
+        {
+          method: 'GET',
+          url: '/api/v1/jobs/1',
+        },
+        (req) => {
+          req.reply({
+            statusCode: 200,
+            body: task,
+          });
+        },
+      );
+
+      cy.get('#url').click();
+
+      // Show url.
+      cy.get('#url').should('have.value', 'https://example.com/path/to/file');
+      cy.get('#tag').should('have.value', 'tag');
+      cy.get('#application').should('have.value', 'application');
+      cy.get('.MuiAutocomplete-root > .MuiFormControl-root > .MuiInputBase-root')
+        .should('contain', 'filteredQueryParams')
+        .and('contain', 'X-Amz-Algorithm');
+    });
+
+    it('can search by task id', () => {
+      cy.get('#serach-task-id').click();
+
+      cy.intercept(
+        {
+          method: 'post',
+          url: '/api/v1/jobs',
+        },
+        (req) => {
+          req.reply({
+            statusCode: 200,
+            body: createTaskJob,
+          });
+        },
+      );
+      cy.intercept(
+        {
+          method: 'GET',
+          url: '/api/v1/jobs/1',
+        },
+        (req) => {
+          req.reply({
+            statusCode: 200,
+            body: task,
+          });
+        },
+      );
+
+      cy.get('.MuiInputBase-root > #task-id').type(
+        'fe0c4a611d35e338efd342c346a2c671c358c5187c483a5fc7cd66c6685ce916{enter}',
+      );
+      cy.get('#cache').children().should('have.length', 3);
+
+      // Go to next page.
+      cy.get('#pagination-0 > .MuiPagination-ul > :nth-child(4) > .MuiButtonBase-root').click();
+
+      // Check the current page number.
+      cy.get('#pagination-0 > .MuiPagination-ul .Mui-selected').should('have.text', '2');
+      cy.get('#cache-0 > :nth-child(1) > .css-tzff0k > .MuiBox-root > .MuiTypography-root').should(
+        'have.text',
+        'dragonfly-seed-client-5',
+      );
+      cy.get('#cache-0').children().should('have.length', 2);
+
+      // Pagination should not be displayed.
+      cy.get('#pagination-1').should('exist');
+
+      // Pagination should be shown.
+      cy.get('#pagination-2').should('not.exist');
+      cy.get('#cache-1 > :nth-child(1)')
+        .should('contain', 'kind-worker3')
+        .and('contain', '172.18.0.2-kind-worker3-3de3df03-a97d-4784-b608-f9b04b3085f3')
+        .and('contain', 'Normal');
+      cy.get('#pagination-1 > .MuiPagination-ul > :nth-child(3) > .MuiButtonBase-root').click();
+      cy.get('#cache-1').children().should('have.length', 1);
+
+      // Go back to the last page.
+      cy.get('#pagination-0 > .MuiPagination-ul > :nth-child(1) > .MuiButtonBase-root').click();
+
+      // Check the current data list.
+      cy.get('#cache-0').children().should('have.length', 5);
+      cy.get('.MuiInputBase-root > .MuiButtonBase-root').click();
+      cy.get('.MuiInputBase-root > #task-id').should('not.have.value');
+      cy.get('.MuiInputBase-root > #task-id').type('{enter}');
+    });
+
+    it('can search by content for calculating task id', () => {
+      cy.get('#serach-content-for-calculating-task-id').click();
+
+      cy.intercept(
+        {
+          method: 'post',
+          url: '/api/v1/jobs',
+        },
+        (req) => {
+          req.reply({
+            statusCode: 200,
+            body: createTaskJob,
+          });
+        },
+      );
+      cy.intercept(
+        {
+          method: 'GET',
+          url: '/api/v1/jobs/1',
+        },
+        (req) => {
+          req.reply({
+            statusCode: 200,
+            body: task,
+          });
+        },
+      );
+
+      cy.get('#content-for-calculating-task-id').type('3870122509{enter}');
+      cy.get('#cache').children().should('have.length', 3);
+
+      // Go to next page.
+      cy.get('#pagination-0 > .MuiPagination-ul > :nth-child(4) > .MuiButtonBase-root').click();
+
+      // Check the current page number.
+      cy.get('#pagination-0 > .MuiPagination-ul .Mui-selected').should('have.text', '2');
+      cy.get('#cache-0 > :nth-child(1) > .css-tzff0k > .MuiBox-root > .MuiTypography-root').should(
+        'have.text',
+        'dragonfly-seed-client-5',
+      );
+      cy.get('#cache-0').children().should('have.length', 2);
+
+      // Pagination should not be displayed.
+      cy.get('#pagination-1').should('exist');
+    });
+
+    it('can search by image manifest url', () => {
+      cy.get('#no-task').should('not.exist');
+
+      cy.get('#serach-image-manifest-url').click();
+
+      cy.intercept(
+        {
+          method: 'post',
+          url: '/api/v1/jobs',
+        },
+        async (req) => {
+          await new Promise((resolve) => setTimeout(resolve, 200));
+          req.reply({
+            statusCode: 200,
+            body: ImageManifest,
+          });
+        },
+      );
+
+      cy.get('#image-manifest-url').type('https://example.com/path/to/file{enter}');
+
+      // Show is loading.
+      cy.get('#isLoading').should('exist');
+
+      // Display cache information.
+      cy.get('#blobs').should('have.text', 'Total: 5');
+      cy.get('#scheduler-id-0').should('exist', 'ID :  1');
+      cy.get('#isLoading').should('not.exist');
+      cy.get('#scheduler-1-hostname-0').should('have.text', 'kind-worker1');
+      cy.get('#scheduler-1-ip-0').should('have.text', '172.18.0.4');
+      cy.get('#scheduler-1-proportion-0').should('contain', '60.00%');
+
+      // Should display URL.
+      cy.get('#scheduler-1-url-0').click();
+    });
+  });
+
+  describe('should handle API error response', () => {
+    it('create job API error', () => {
+      cy.intercept(
+        {
+          method: 'post',
+          url: '/api/v1/jobs',
+        },
+        (req) => {
+          req.reply({
+            forceNetworkError: true,
+          });
+        },
+      );
+
+      // Search by URL.
+      cy.get('#url').click();
+      cy.get('#url').type('https://example.com/path/to/file');
+
+      cy.get('#searchByURL').click();
+
+      // Show error message.
+      cy.get('.MuiAlert-message').should('be.visible').and('contain', 'Failed to fetch');
+
+      // Close error message.
+      cy.get('.MuiAlert-action > .MuiButtonBase-root').click();
+      cy.get('.MuiAlert-message').should('not.exist');
+
+      // Search by task id.
+      cy.get('#serach-task-id').click();
+
+      cy.get('.MuiInputBase-root > #task-id').type(
+        'fe0c4a611d35e338efd342c346a2c671c358c5187c483a5fc7cd66c6685ce916{enter}',
+      );
+
+      // Show error message.
+      cy.get('.MuiAlert-message').should('be.visible').and('contain', 'Failed to fetch');
+
+      // Close error message.
+      cy.get('.MuiAlert-action > .MuiButtonBase-root').click();
+      cy.get('.MuiAlert-message').should('not.exist');
+    });
+
+    it('when the status is pending, delete cache API error response', () => {
+      let interceptCount = 0;
+
+      cy.intercept(
+        {
+          method: 'post',
+          url: '/api/v1/jobs',
+        },
+        (req) => {
+          req.reply({
+            statusCode: 200,
+            body: createTaskJob,
+          });
+        },
+      );
+      cy.intercept(
+        {
+          method: 'GET',
+          url: '/api/v1/jobs/1',
+        },
+        (req) => {
+          req.reply({
+            statusCode: 200,
+            body: pendingTask,
+          });
+          interceptCount++;
+        },
+      ).as('cache');
+
+      // Search by URL.
+      cy.get('#url').click();
+      cy.get('#url').type('https://example.com/path/to/file');
+
+      cy.get('#searchByURL').click();
+
+      cy.get('#isLoading').should('be.exist');
+
+      cy.wait(59000);
+
+      // Executed every 1 minute and once after 1 minute.
+      cy.get('@cache').then(() => {
+        expect(interceptCount).to.be.greaterThan(0);
+        expect(interceptCount).to.be.closeTo(1, 0);
+      });
+
+      cy.intercept(
+        {
+          method: 'GET',
+          url: '/api/v1/jobs/1',
+        },
+        (req) => {
+          req.reply({
+            statusCode: 401,
+            body: { message: 'Unauthorized' },
+          });
+        },
+      );
+
+      // Show error message.
+      cy.get('.MuiAlert-message').should('be.visible').and('contain', 'Unauthorized');
+    });
+
+    it('delete cache API error response', () => {
+      // Search by task id.
+      cy.get('#serach-task-id').click();
+      cy.intercept(
+        {
+          method: 'post',
+          url: '/api/v1/jobs',
+        },
+        (req) => {
+          req.reply({
+            statusCode: 200,
+            body: createTaskJob,
+          });
+        },
+      );
+      cy.intercept(
+        {
+          method: 'GET',
+          url: '/api/v1/jobs/1',
+        },
+        (req) => {
+          req.reply({
+            statusCode: 401,
+            body: { message: 'Unauthorized' },
+          });
+        },
+      );
+
+      cy.get('.MuiInputBase-root > #task-id').type(
+        'fe0c4a611d35e338efd342c346a2c671c358c5187c483a5fc7cd66c6685ce916{enter}',
+      );
+
+      // Show error message.
+      cy.get('.MuiAlert-message').should('be.visible').and('contain', 'Unauthorized');
+
+      // Close error message.
+      cy.get('.MuiAlert-action > .MuiButtonBase-root').click();
+      cy.get('.MuiAlert-message').should('not.exist');
+    });
+
+    it('search by image manifest url API error response', () => {
+      cy.get('#no-task').should('not.exist');
+      cy.get('#serach-image-manifest-url').click();
+      cy.intercept(
+        {
+          method: 'post',
+          url: '/api/v1/jobs',
+        },
+        async (req) => {
+          await new Promise((resolve) => setTimeout(resolve, 200));
+          req.reply({
+            forceNetworkError: true,
+          });
+        },
+      );
+      cy.get('#image-manifest-url').type('https://example.com/path/to/file{enter}');
+
+      // Show error message.
+      cy.get('.MuiAlert-message').should('be.visible').and('contain', 'Failed to fetch');
+    });
+  });
+
+  describe('delete', () => {
+    it('can delete cache searched by URL', () => {
+      cy.get('#url').click();
+
+      // Add url.
+      cy.get('#url').type('https://example.com/path/to/file');
+
+      cy.intercept(
+        {
+          method: 'post',
+          url: '/api/v1/jobs',
+        },
+        (req) => {
+          req.reply({
+            statusCode: 200,
+            body: createTaskJob,
+          });
+        },
+      );
+      cy.intercept(
+        {
+          method: 'GET',
+          url: '/api/v1/jobs/1',
+        },
+        (req) => {
+          req.reply({
+            statusCode: 200,
+            body: task,
+          });
+        },
+      );
+
+      cy.get('#searchByURL').click();
+
+      cy.get(':nth-child(2) > .MuiPaper-root > .css-whqzh4 > .MuiButtonBase-root').click();
+
+      cy.get('#deletCache').type('e');
+
+      // Should display message delete cache the validation error.
+      cy.get('#deletCache-helper-text').should('have.text', 'Please enter "DELETE"');
+
+      cy.get('#deletCache').clear();
+
+      cy.get('#deletCache').type('DELETE');
+
+      cy.get('#deletCache-helper-text').should('not.exist');
+
+      // Click delete cache button.
+      cy.get('#deleteTask').click();
+
+      // Then I see that the current page is the executions id.
+      cy.url().should('include', '/resource/task/executions/1');
+    });
+
+    it('Can delete cache searched by task id', () => {
+      // Search by task id.
+      cy.get('#serach-task-id').click();
+
+      cy.intercept(
+        {
+          method: 'post',
+          url: '/api/v1/jobs',
+        },
+        (req) => {
+          req.reply({
+            statusCode: 200,
+            body: createTaskJob,
+          });
+        },
+      );
+      cy.intercept(
+        {
+          method: 'GET',
+          url: '/api/v1/jobs/1',
+        },
+        (req) => {
+          req.reply({
+            statusCode: 200,
+            body: taskIDByTask,
+          });
+        },
+      );
+
+      cy.get('.MuiInputBase-root > #task-id').type(
+        'fe0c4a611d35e338efd342c346a2c671c358c5187c483a5fc7cd66c6685ce916{enter}',
+      );
+
+      cy.get(':nth-child(2) > .MuiPaper-root > .css-whqzh4 > .MuiButtonBase-root').click();
+
+      cy.get('#deletCache').type('e');
+
+      // Should display message delete cache the validation error.
+      cy.get('#deletCache-helper-text').should('have.text', 'Please enter "DELETE"');
+
+      cy.get('#deletCache').clear();
+
+      cy.get('#deletCache').type('DELETE');
+
+      cy.get('#deletCache-helper-text').should('not.exist');
+
+      // Click delete cache button.
+      cy.get('#deleteTask').click();
+
+      // Then I see that the current page is the executions id.
+      cy.url().should('include', '/resource/task/executions/1');
+    });
+
+    it('Can delete cache searched by content for calculating task id', () => {
+      cy.get('#serach-content-for-calculating-task-id').click();
+
+      cy.intercept(
+        {
+          method: 'post',
+          url: '/api/v1/jobs',
+        },
+        (req) => {
+          req.reply({
+            statusCode: 200,
+            body: createTaskJob,
+          });
+        },
+      );
+      cy.intercept(
+        {
+          method: 'GET',
+          url: '/api/v1/jobs/1',
+        },
+        (req) => {
+          req.reply({
+            statusCode: 200,
+            body: taskIDByTask,
+          });
+        },
+      );
+
+      cy.get('#content-for-calculating-task-id').type('3870122509{enter}');
+
+      cy.get(':nth-child(2) > .MuiPaper-root > .css-whqzh4 > .MuiButtonBase-root').click();
+
+      cy.get('#deletCache').type('e');
+
+      // Should display message delete cache the validation error.
+      cy.get('#deletCache-helper-text').should('have.text', 'Please enter "DELETE"');
+
+      cy.get('#deletCache').clear();
+
+      cy.get('#deletCache').type('DELETE');
+
+      cy.get('#deletCache-helper-text').should('not.exist');
+
+      // Click delete cache button.
+      cy.get('#deleteTask').click();
+
+      // Then I see that the current page is the executions id.
+      cy.url().should('include', '/resource/task/executions/1');
+    });
+
+    it('search by task id API error response should be handled', () => {
+      cy.get('#url').click();
+      // Add url.
+      cy.get('#url').type('https://example.com/path/to/file');
+
+      cy.intercept(
+        {
+          method: 'post',
+          url: '/api/v1/jobs',
+        },
+        (req) => {
+          req.reply({
+            statusCode: 200,
+            body: createTaskJob,
+          });
+        },
+      );
+      cy.intercept(
+        {
+          method: 'GET',
+          url: '/api/v1/jobs/1',
+        },
+        (req) => {
+          req.reply({
+            statusCode: 200,
+            body: task,
+          });
+        },
+      );
+
+      cy.get('#searchByURL').click();
+
+      cy.get('#scheduler-id-1').should('contain', '2');
+
+      cy.get(':nth-child(2) > .MuiPaper-root > .css-whqzh4 > .MuiButtonBase-root').click();
+
+      cy.get('#deletCache').type('e');
+
+      // Should display message delete cache the validation error.
+      cy.get('#deletCache-helper-text').should('have.text', 'Please enter "DELETE"');
+
+      cy.get('#deletCache').clear();
+
+      cy.get('#deletCache').type('DELETE');
+
+      cy.get('#deletCache-helper-text').should('not.exist');
+
+      cy.intercept(
+        {
+          method: 'post',
+          url: '/api/v1/jobs',
+        },
+        (req) => {
+          req.reply({
+            forceNetworkError: true,
+          });
+        },
+      );
+
+      // Click delete cache button.
+      cy.get('#deleteTask').click();
+
+      // Then I see that the current page is the clear.
+      cy.url().should('include', '/resource/task/clear');
+
+      // Show error message.
+      cy.get('.MuiAlert-message').should('be.visible').and('contain', 'Failed to fetch');
+    });
+
+    it('search by URL API error response should be handled', () => {
+      cy.intercept(
+        {
+          method: 'post',
+          url: '/api/v1/jobs',
+        },
+        (req) => {
+          req.reply({
+            statusCode: 200,
+            body: createTaskJob,
+          });
+        },
+      );
+      cy.intercept(
+        {
+          method: 'GET',
+          url: '/api/v1/jobs/1',
+        },
+        (req) => {
+          req.reply({
+            statusCode: 200,
+            body: task,
+          });
+        },
+      );
+
+      // Search by task id.
+      cy.get('#serach-task-id').click();
+
+      cy.get('.MuiInputBase-root > #task-id').type(
+        'fe0c4a611d35e338efd342c346a2c671c358c5187c483a5fc7cd66c6685ce916{enter}',
+      );
+
+      cy.get('#scheduler-id-1').should('contain', '2');
+
+      cy.get(':nth-child(2) > .MuiPaper-root > .css-whqzh4 > .MuiButtonBase-root').click();
+
+      cy.get('#deletCache').type('e');
+
+      // Should display message delete cache the validation error.
+      cy.get('#deletCache-helper-text').should('have.text', 'Please enter "DELETE"');
+
+      cy.get('#deletCache').clear();
+
+      cy.get('#deletCache').type('DELETE');
+
+      cy.get('#deletCache-helper-text').should('not.exist');
+
+      cy.intercept(
+        {
+          method: 'post',
+          url: '/api/v1/jobs',
+        },
+        (req) => {
+          req.reply({
+            forceNetworkError: true,
+          });
+        },
+      );
+
+      // Click delete cache button.
+      cy.get('#deleteTask').click();
+
+      // Then I see that the current page is the clear.
+      cy.url().should('include', '/resource/task/clear');
+
+      // Show error message.
+      cy.get('.MuiAlert-message').should('be.visible').and('contain', 'Failed to fetch');
+    });
+  });
+
+  describe('cannot search cache with invalid attributes', () => {
+    it('try to verify url', () => {
+      const characters = 'abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789';
+      const url = _.times(1001, () => _.sample(characters)).join('');
+      const tag = _.times(401, () => _.sample(characters)).join('');
+      const filter = _.times(101, () => _.sample(characters)).join('');
+
+      cy.get('#url').click();
+
+      // Should display message url the validation error.
+      cy.get('#url').type(`https://docs${url}`);
+
+      cy.get('#url-helper-text').should('be.visible').and('have.text', 'Fill in the characters, the length is 0-1000.');
+
+      cy.get('#searchByURL').click();
+      cy.get('#url').clear();
+      cy.get('#url').type('https://docs');
+
+      cy.get('#url-helper-text').should('not.exist');
+
+      // Should display message tag the validation error.
+      cy.get('#tag').type(tag);
+
+      cy.get('#tag-helper-text').should('be.visible').and('have.text', 'Fill in the characters, the length is 0-400.');
+
+      cy.get('#tag').clear();
+
+      // Should display message filter the validation error.
+      cy.get('.MuiAutocomplete-root > .MuiFormControl-root > .MuiInputBase-root').type('filter');
+
+      cy.get('#searchByURL').click();
+
+      cy.get('#filteredQueryParams-helper-text')
+        .should('be.visible')
+        .and('have.text', 'Please press ENTER to end the filter creation');
+
+      cy.get('.MuiAutocomplete-root > .MuiFormControl-root > .MuiInputBase-root').clear();
+
+      cy.get('#filteredQueryParams-helper-text').should('not.exist');
+
+      cy.get('.MuiAutocomplete-root > .MuiFormControl-root > .MuiInputBase-root').type('filter{enter}');
+
+      cy.get('.MuiAutocomplete-root > .MuiFormControl-root > .MuiInputBase-root').type(filter);
+
+      // Show verification error message.
+      cy.get('#filteredQueryParams-helper-text')
+        .should('be.visible')
+        .and('have.text', 'Fill in the characters, the length is 0-100.');
+
+      cy.get('#searchByURL').click();
+
+      // Should display message application the validation error.
+      cy.get('#application').type(tag);
+
+      cy.get('#application-helper-text')
+        .should('be.visible')
+        .and('have.text', 'Fill in the characters, the length is 0-400.');
+
+      cy.get('#application').clear();
+      cy.get('#searchByURL').click();
+
+      cy.get('#serach-task-id').click();
+
+      cy.get('#task-id').type(`${tag}{enter}`);
+      cy.get('#task-id-helper-text')
+        .should('be.visible')
+        .and('have.text', 'Fill in the characters, the length is 0-400.');
+    });
+
+    it('try to verify task id', () => {
+      const characters = 'abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789';
+      const taskID = _.times(401, () => _.sample(characters)).join('');
+
+      cy.get('#serach-task-id').click();
+
+      cy.get('#task-id').type(`${taskID}{enter}`);
+      cy.get('#task-id-helper-text')
+        .should('be.visible')
+        .and('have.text', 'Fill in the characters, the length is 0-400.');
+    });
+
+    it('try to verify content for calculating task id', () => {
+      const characters = 'abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789';
+      const contentForCalculatingTaskID = _.times(401, () => _.sample(characters)).join('');
+
+      cy.get('#serach-content-for-calculating-task-id').click();
+
+      cy.get('#content-for-calculating-task-id').type(`${contentForCalculatingTaskID}{enter}`);
+
+      cy.get('#content-for-calculating-task-id-helper-text')
+        .should('be.visible')
+        .and('have.text', 'Fill in the characters, the length is 0-400.');
+    });
+
+    it('try to verify image manifest url', () => {
+      const characters = 'abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789';
+      const url = _.times(401, () => _.sample(characters)).join('');
+
+      cy.get('#serach-image-manifest-url').click();
+
+      cy.get('#image-manifest-url').click();
+
+      // Should display message url the validation error.
+      cy.get('#image-manifest-url').type(`https://docs${url}`);
+
+      cy.get('#image-manifest-url-helper-text')
+        .should('be.visible')
+        .and('have.text', 'Fill in the characters, the length is 1-400.');
+
+      cy.get('#image-manifest-url').clear();
+      cy.get('#image-manifest-url').type('https://docs');
+
+      cy.get('#image-manifest-url-helper-text').should('not.exist');
+    });
+  });
+});

cypress/e2e/resource/task/execution.cy.ts

@@ -0,0 +1,422 @@
+import executions from '../../../fixtures/resource/task/executions.json';
+import execution from '../../../fixtures/resource/task/execution.json';
+import pendingExecution from '../../../fixtures/resource/task/pending-execution.json';
+import failureExecution from '../../../fixtures/resource/task/failure-execution.json';
+
+describe('Executions', () => {
+  beforeEach(() => {
+    cy.signin();
+
+    cy.visit('/resource/task/executions/6');
+    cy.viewport(1440, 1080);
+  });
+
+  describe('when data is loaded', () => {
+    beforeEach(() => {
+      cy.intercept(
+        {
+          method: 'GET',
+          url: '/api/v1/jobs?page=1&per_page=10&type=delete_task',
+        },
+        (req) => {
+          req.reply((res: any) => {
+            const responseHeaders = {
+              ...res.headers,
+              Link: '</api/v1/jobs?page=1&per_page=10&state=FAILURE>;rel=prev,</api/v1/jobs?page=2&per_page=10&state=FAILURE>;rel=next,</api/v1/jobs?page=1&per_page=10&state=FAILURE>;rel=first,</api/v1/jobs?page=2&per_page=10&state=FAILURE>;rel=last',
+            };
+            res.send(200, executions, responseHeaders);
+          });
+        },
+      );
+      cy.intercept(
+        {
+          method: 'GET',
+          url: '/api/v1/jobs/9',
+        },
+        (req) => {
+          req.reply({
+            statusCode: 200,
+            body: execution,
+          });
+        },
+      );
+
+      cy.visit('/resource/task/executions');
+    });
+
+    it('click the breadcrumb', () => {
+      // Show isloading.
+      cy.get('[data-testid="isloading"]').should('be.exist');
+
+      cy.get('#detail-9').click();
+
+      cy.url().should('include', '/resource/task/executions/9');
+
+      // Check for breadcrumb.
+      cy.get('.MuiBreadcrumbs-ol').should('exist').and('contain', 'Executions').and('contain', '9');
+
+      cy.get('.MuiBreadcrumbs-ol > :nth-child(5) > .MuiTypography-root').click();
+
+      cy.get('[data-testid="isloading"]').should('not.exist');
+
+      // Then I see that the current page is the executions page!
+      cy.url().should('include', '/resource/task/executions');
+    });
+
+    it('should display detailed execution failure information', () => {
+      // Click the execution details button.
+      cy.intercept(
+        {
+          method: 'GET',
+          url: '/api/v1/jobs/10',
+        },
+        (req) => {
+          req.reply((res) => {
+            res.setDelay(1000);
+            res.send({
+              statusCode: 200,
+              body: failureExecution,
+            });
+          });
+        },
+      );
+
+      cy.get('#detail-10').click();
+
+      cy.get('[data-testid="execution-isloading"]').should('be.exist');
+
+      // Check for breadcrumb.
+      cy.get('.MuiBreadcrumbs-ol').should('exist').and('contain', 10);
+
+      // Show execution id.
+      cy.get('#id').should('contain', 10);
+
+      // Show execution content for calculating task id.
+      cy.get('#content-for-calculating-task-id').should('have.text', '-');
+
+      cy.get('[data-testid="execution-isloading"]').should('not.exist');
+
+      // Show execution piece length.
+      cy.get('#piece-length').should('have.text', '4 MiB');
+
+      // Show execution status.
+      cy.get('#status')
+        .should('have.text', 'FAILURE')
+        .and('have.css', 'background-color', 'rgb(212, 37, 54)')
+        .find('#error-log-icon')
+        .and('exist');
+      cy.get('#task-id').should('contain', 'fe0c4a611d35e338efd342c346a2c671c358c5187c483a5fc7cd66c6685ce916');
+
+      // Show execution tag.
+      cy.get('#tag').should('contain', 'execution-tag');
+
+      // Show execution application.
+      cy.get('#application').should('contain', 'execution-application');
+
+      // Show execution scheduler clusters ID.
+      cy.get('#scheduler-clusters-id').should('have.text', 1);
+
+      // Click the show error log button.
+      cy.get('#status > .MuiButtonBase-root').click();
+      cy.get('#error-log').should('have.text', 'Error log');
+      cy.get('#panel1d-header').click();
+
+      // Check error log.
+      cy.get('.MuiAccordionDetails-root > .MuiTypography-root')
+        .should('be.visible')
+        .and('have.text', 'rpc error: code = Aborted desc = source response 401/401 Unauthorized is not valid');
+    });
+
+    it('should display detailed execution success information', () => {
+      cy.get('#detail-9').click();
+
+      // Check for breadcrumb.
+      cy.get('.MuiBreadcrumbs-ol').should('exist').and('contain', 9);
+
+      // Show execution id.
+      cy.get('#id').should('contain', 9);
+      cy.get('[data-testid="execution-isloading"]').should('not.exist');
+
+      // Show execution status.
+      cy.get('#status')
+        .should('have.text', 'SUCCESS')
+        .and('have.css', 'background-color', 'rgb(34, 139, 34)')
+        .find('#error-log-icon')
+        .and('not.exist');
+
+      // Show execution URL.
+      cy.get('.MuiPaper-root > :nth-child(4)').should('contain', 'https://example.com/path/to/file');
+
+      // Show execution piece length.
+      cy.get('#piece-length').should('have.text', '-');
+
+      // Show failure task.
+      cy.get('#failure-tasks').should('exist');
+      cy.get('#failure-tasks-list > :nth-child(1) > :nth-child(1)').should('contain', 'kind-worker');
+
+      // Go to next page.
+      cy.get('.MuiPagination-ul > :nth-child(3) > .MuiButtonBase-root').click();
+
+      // Check the current page number.
+      cy.get('#failure-tasks-pagination > .MuiPagination-ul .Mui-selected').should('have.text', '2');
+      cy.get('#failure-tasks-list').children().should('have.length', 1);
+      cy.get('#failure-tasks-list > .MuiTableRow-root > :nth-child(1)').should('have.text', 'dragonfly-seed-client-5');
+
+      // Refresh page.
+      cy.reload().then(() => {
+        cy.wait(1000);
+      });
+
+      // Check the current page number.
+      cy.get('#failure-tasks-pagination > .MuiPagination-ul .Mui-selected').should('have.text', '2');
+      cy.get('#failure-tasks-list').children().should('have.length', 1);
+      cy.get('#failure-tasks-list > .MuiTableRow-root > :nth-child(1)').should('have.text', 'dragonfly-seed-client-5');
+
+      // Show error log.
+      cy.get('#error-log-icon').click();
+      cy.get('#panel1d-header').click();
+      cy.get('.MuiAccordionDetails-root').should(
+        'contain',
+        'task a1e21fceseba95d4407a83b3fc767da6de2a2fe35736c2ba3b95473229de1894 failed: rpc error: code = Unavailable desc = connection error: desc = "transport: Error while dialing: dial tcp 172.18.0.3:4000: connect: connection refused"',
+      );
+    });
+
+    it('should display detailed execution pending information', () => {
+      let interceptCount = 0;
+      cy.intercept(
+        {
+          method: 'GET',
+          url: '/api/v1/jobs/11',
+        },
+        (req) => {
+          req.reply({
+            statusCode: 200,
+            body: pendingExecution,
+          });
+          interceptCount++;
+        },
+      ).as('execution');
+
+      cy.get('#detail-11').click();
+
+      // Check for breadcrumb.
+      cy.get('.MuiBreadcrumbs-ol').should('exist').and('contain', 11);
+
+      // Show execution id.
+      cy.get('#id').should('contain', 11);
+
+      // Show execution status.
+      cy.get('#status')
+        .should('have.text', 'PENDING')
+        .and('have.css', 'background-color', 'rgb(219, 171, 10)')
+        .find('#pending-icon')
+        .and('exist')
+        .find('#error-log-icon')
+        .and('not.exist');
+      cy.wait(59000);
+
+      // Check how many times the API should be executed after six seconds.
+      cy.get('@execution').then(() => {
+        expect(interceptCount).to.be.greaterThan(0);
+        expect(interceptCount).to.be.closeTo(2, 0);
+      });
+
+      cy.intercept(
+        {
+          method: 'GET',
+          url: '/api/v1/jobs/11',
+        },
+        (req) => {
+          req.reply({
+            statusCode: 200,
+            body: failureExecution,
+          });
+        },
+      );
+
+      // Show execution status.
+      cy.get('#status')
+        .should('have.text', 'FAILURE')
+        .and('have.css', 'background-color', 'rgb(212, 37, 54)')
+        .find('#error-log-icon')
+        .and('exist');
+
+      // Show execution piece length.
+      cy.get('#piece-length').should('have.text', '4 MiB');
+    });
+  });
+
+  describe('when no data is loaded', () => {
+    beforeEach(() => {
+      cy.intercept(
+        {
+          method: 'GET',
+          url: '/api/v1/jobs/6',
+        },
+        (req) => {
+          req.reply({
+            statusCode: 200,
+            body: {},
+          });
+        },
+      );
+    });
+
+    it('execution information should appear empty', () => {
+      // Show execution id.
+      cy.get('#id').should('have.text', 0);
+
+      // Show execution status.
+      cy.get('#status').should('not.exist');
+
+      // Show execution task id.
+      cy.get('#task-id').should('have.text', '-');
+
+      // Show execution content for calculating task id.
+      cy.get('#content-for-calculating-task-id').should('have.text', '-');
+
+      // Show execution url.
+      cy.get('#url').should('have.text', '-');
+
+      // Show execution piece length.
+      cy.get('#piece-length').should('have.text', '-');
+
+      // Show execution tag.
+      cy.get('#tag').should('have.text', '-');
+
+      // Show execution scheduler clusters ID.
+      cy.get('#scheduler-clusters-id').should('have.text', '-');
+
+      // Show execution Created At.
+      cy.get('#created-at').should('have.text', '-');
+
+      // Don't show failure tasks.
+      cy.get('#failure-tasks').should('not.exist');
+    });
+  });
+
+  describe('should handle API error response', () => {
+    beforeEach(() => {
+      cy.intercept(
+        {
+          method: 'GET',
+          url: '/api/v1/jobs/10',
+        },
+        (req) => {
+          req.reply({
+            forceNetworkError: true,
+          });
+        },
+      );
+
+      cy.visit('/resource/task/executions/10');
+    });
+
+    it('show error message', () => {
+      // Show error message.
+      cy.get('.MuiAlert-message').should('be.visible').and('contain', 'Failed to fetch');
+
+      // Close error message.
+      cy.get('.MuiAlert-action > .MuiButtonBase-root').click();
+      cy.get('.MuiAlert-message').should('not.exist');
+    });
+
+    it('execution information should appear empty', () => {
+      // Show execution id.
+      cy.get('#id').should('have.text', 0);
+
+      // Show execution status.
+      cy.get('#status').should('not.exist');
+
+      // Show execution task id.
+      cy.get('#task-id').should('have.text', '-');
+
+      // Show execution content for calculating task id.
+      cy.get('#content-for-calculating-task-id').should('have.text', '-');
+
+      // Show execution url.
+      cy.get('#url').should('have.text', '-');
+
+      // Show execution piece length.
+      cy.get('#piece-length').should('have.text', '-');
+
+      // Show execution tag.
+      cy.get('#tag').should('have.text', '-');
+
+      // Show execution scheduler clusters ID.
+      cy.get('#scheduler-clusters-id').should('have.text', '-');
+
+      // Show execution Created At.
+      cy.get('#created-at').should('have.text', '-');
+
+      // Don't show failure tasks.
+      cy.get('#failure-tasks').should('not.exist');
+    });
+
+    it('when the status is pending, execution API error response', () => {
+      cy.visit('/resource/task/executions/11');
+
+      let interceptCount = 0;
+
+      cy.intercept(
+        {
+          method: 'GET',
+          url: '/api/v1/jobs/11',
+        },
+        (req) => {
+          req.reply({
+            statusCode: 200,
+            body: pendingExecution,
+          });
+          interceptCount++;
+        },
+      ).as('execution');
+
+      // Check for breadcrumb.
+      cy.get('.MuiBreadcrumbs-ol').should('exist').and('contain', 11);
+
+      // Show execution id.
+      cy.get('#id').should('contain', 11);
+
+      // Show execution status.
+      cy.get('#status')
+        .should('have.text', 'PENDING')
+        .and('have.css', 'background-color', 'rgb(219, 171, 10)')
+        .find('#pending-icon')
+        .and('exist')
+        .find('#error-log-icon')
+        .and('not.exist');
+
+      // Show failure tasks.
+      cy.get('#failure-tasks').should('exist');
+
+      cy.get('#failure-tasks-list > :nth-child(1) > :nth-child(1)').should('have.text', 'kind-worker');
+
+      cy.get('#failure-tasks-list > :nth-child(1) > :nth-child(2)').should('have.text', '172.18.0.3');
+
+      cy.wait(59000);
+
+      // Check how many times the API should be executed after six seconds.
+      cy.get('@execution').then(() => {
+        expect(interceptCount).to.be.greaterThan(0);
+        expect(interceptCount).to.be.closeTo(2, 0);
+      });
+
+      cy.intercept(
+        {
+          method: 'GET',
+          url: '/api/v1/jobs/11',
+        },
+        (req) => {
+          req.reply({
+            statusCode: 401,
+            body: { message: 'Unauthorized' },
+          });
+        },
+      );
+
+      // Show error message.
+      cy.get('.MuiAlert-message').should('be.visible').and('contain', 'Unauthorized');
+    });
+  });
+});

cypress/e2e/resource/task/executions.cy.ts

@@ -0,0 +1,298 @@
+import executions from '../../../fixtures/resource/task/executions.json';
+import paginationExecutions from '../../../fixtures/resource/task/pagination-executions.json';
+import successExecutions from '../../../fixtures/resource/task/success-executions.json';
+import failureExecutions from '../../../fixtures/resource/task/failure-executions.json';
+import pendingExecutions from '../../../fixtures/resource/task/pending-executions.json';
+
+describe('Executions', () => {
+  beforeEach(() => {
+    cy.signin();
+
+    cy.visit('/resource/task/executions');
+    cy.viewport(1440, 1080);
+
+    cy.intercept(
+      {
+        method: 'GET',
+        url: '/api/v1/jobs?page=1&per_page=10&type=delete_task',
+      },
+      (req) => {
+        req.reply((res: any) => {
+          const responseHeaders = {
+            ...res.headers,
+            Link: '</api/v1/jobs?page=1&per_page=10&state=FAILURE>;rel=prev,</api/v1/jobs?page=2&per_page=10&state=FAILURE>;rel=next,</api/v1/jobs?page=1&per_page=10&state=FAILURE>;rel=first,</api/v1/jobs?page=2&per_page=10&state=FAILURE>;rel=last',
+          };
+          res.send(200, executions, responseHeaders);
+        });
+      },
+    );
+
+    cy.intercept(
+      {
+        method: 'GET',
+        url: '/api/v1/jobs?page=2&per_page=10&type=delete_task',
+      },
+      (req) => {
+        req.reply((res: any) => {
+          const responseHeaders = {
+            ...res.headers,
+            Link: '</api/v1/jobs?page=1&per_page=10>;rel=prev,</api/v1/jobs?page=2&per_page=10>;rel=next,</api/v1/jobs?page=1&per_page=10>;rel=first,</api/v1/jobs?page=2&per_page=10>;rel=last',
+          };
+          res.send(200, paginationExecutions, responseHeaders);
+        });
+      },
+    );
+  });
+
+  describe('when data is loaded', () => {
+    it('should display executions all list', () => {
+      cy.get('[data-testid="isloading"]').should('be.exist');
+
+      cy.get('.MuiTabs-flexContainer > .Mui-selected').should('be.visible').and('have.text', 'Executions');
+
+      cy.get('[data-testid="isloading"]').should('not.exist');
+
+      cy.get('#execution-11').should('exist').find('#PENDING-11').should('exist');
+
+      cy.get('.MuiList-root > :nth-child(3) > .MuiButtonBase-root').click();
+
+      // The executions status is displayed as PENDING.
+      cy.get('#execution-11').should('exist').find('#PENDING-11').should('exist');
+      cy.get('#id-11').should('have.text', 11);
+      cy.get('#task-id-11').should('have.text', 'fe0c4a611d35e338efd342c346a2c671c358c5187c483a5fc7cd66c6685ce916');
+
+      // The executions status is displayed as FAILURE.
+      cy.get('#execution-10').should('exist').find('#FAILURE-10').should('exist');
+      cy.get('#task-id-10').should('have.text', 'fe0c4a611d35e338efd342c346a2c671c358c5187c483a5fc7cd66c6685ce916');
+
+      cy.get('#tab-clear').click();
+
+      // Then I see that the current page is the clear page!
+      cy.url().should('include', '/resource/task/clear');
+
+      cy.get('#tab-executions').click();
+
+      // Then I see that the current page is the executions page!
+      cy.url().should('include', '/resource/task/executions');
+    });
+
+    it('should display executions success list', () => {
+      cy.intercept(
+        {
+          method: 'GET',
+          url: '/api/v1/jobs?page=1&per_page=10&state=SUCCESS&type=delete_task',
+        },
+        (req) => {
+          req.reply((res: any) => {
+            const responseHeaders = {
+              ...res.headers,
+              Link: '</api/v1/jobs?page=1&per_page=10&state=SUCCESS>;rel=prev,</api/v1/jobs?page=1&per_page=10&state=SUCCESS>;rel=next,</api/v1/jobs?page=1&per_page=10&state=SUCCESS>;rel=first,</api/v1/jobs?page=1&per_page=10&state=SUCCESS>;rel=last',
+            };
+            res.send(200, successExecutions, responseHeaders);
+          });
+        },
+      );
+
+      cy.get('.MuiInputBase-root > #states-select').click();
+      cy.get('[data-value="SUCCESS"]').click();
+
+      // Check how many executions are in success status.
+      cy.get('#executions-list').children().should('have.length', 9);
+
+      cy.get('#executions-pagination').should('not.exist');
+    });
+
+    it('should display executions failure list', () => {
+      cy.intercept(
+        {
+          method: 'GET',
+          url: '/api/v1/jobs?page=1&per_page=10&state=FAILURE&type=delete_task',
+        },
+        (req) => {
+          req.reply((res: any) => {
+            const responseHeaders = {
+              ...res.headers,
+              Link: '</api/v1/jobs?page=1&per_page=10&state=FAILURE>;rel=prev,</api/v1/jobs?page=1&per_page=10&state=SUCCESS>;rel=next,</api/v1/jobs?page=1&per_page=10&state=SUCCESS>;rel=first,</api/v1/jobs?page=1&per_page=10&state=SUCCESS>;rel=last',
+            };
+            res.send(200, failureExecutions, responseHeaders);
+          });
+        },
+      );
+
+      cy.get('.MuiInputBase-root > #states-select').click();
+      cy.get('[data-value="FAILURE"]').click();
+
+      // Check how many executions are in success failure.
+      cy.get('#executions-list').children().should('have.length', 1);
+    });
+
+    it('should display executions pending list', () => {
+      let interceptCount = 0;
+
+      cy.intercept(
+        {
+          method: 'GET',
+          url: '/api/v1/jobs?page=1&per_page=10&state=PENDING&type=delete_task',
+        },
+        (req) => {
+          req.reply((res: any) => {
+            const responseHeaders = {
+              ...res.headers,
+              Link: '</api/v1/jobs?page=1&per_page=10&state=PENDING>;rel=prev,</api/v1/jobs?page=2&per_page=10&state=PENDING>;rel=next,</api/v1/jobs?page=1&per_page=10&state=PENDING>;rel=first,</api/v1/jobs?page=0&per_page=10&state=PENDING>;rel=last',
+            };
+
+            res.send(200, pendingExecutions, responseHeaders);
+          }),
+            interceptCount++;
+        },
+      ).as('executions');
+
+      cy.get('.MuiInputBase-root > #states-select').click();
+      cy.get('[data-value="PENDING"]').click();
+
+      // Check how many executions are in pending failure.
+      cy.get('#executions-list').children().should('have.length', 1);
+
+      cy.wait(59000);
+
+      // The API should poll.
+      cy.get('@executions').then(() => {
+        expect(interceptCount).to.be.greaterThan(0);
+        expect(interceptCount).to.be.closeTo(1, 0);
+      });
+
+      cy.intercept(
+        {
+          method: 'GET',
+          url: '/api/v1/jobs?page=1&per_page=10&state=PENDING&type=delete_task',
+        },
+        (req) => {
+          req.reply({
+            statusCode: 401,
+            body: { message: 'Unauthorized' },
+          });
+        },
+      );
+
+      // Show error message.
+      cy.get('.MuiAlert-message').should('be.visible').and('contain', 'Unauthorized');
+    });
+  });
+
+  it('when no data is loaded', () => {
+    cy.intercept(
+      {
+        method: 'GET',
+        url: '/api/v1/jobs?page=1&per_page=10&type=delete_task',
+      },
+      (req) => {
+        req.reply((res: any) => {
+          const responseHeaders = {
+            ...res.headers,
+            Link: `
+                  </api/v1/jobs?page=1&per_page=10>;rel=prev,</api/v1/jobs?page=1&per_page=10>;rel=next,</api/v1/jobs?page=1&per_page=10>;rel=first,</api/v1/jobs?page=1&per_page=10>;rel=last`,
+          };
+          res.send(200, [], responseHeaders);
+        });
+      },
+    );
+
+    // No executions list exists.
+    cy.get('#executions-list').should('not.exist');
+
+    // Show You don't have any executions tasks.
+    cy.get('#no-executions').should('be.visible').and('contain', `You don't have any executions.`);
+  });
+
+  it('should handle API error response', () => {
+    cy.intercept(
+      {
+        method: 'GET',
+        url: '/api/v1/jobs?page=1&per_page=10&type=delete_task',
+      },
+      (req) => {
+        req.reply({
+          forceNetworkError: true,
+        });
+      },
+    );
+
+    // Show error message.
+    cy.get('.MuiAlert-message').should('be.visible').and('contain', 'Failed to fetch');
+
+    // Close error message.
+    cy.get('.MuiAlert-action > .MuiButtonBase-root').click();
+    cy.get('.MuiAlert-message').should('not.exist');
+  });
+
+  describe('pagination', () => {
+    it('pagination updates results and page number', () => {
+      // Check number of pagination.
+      cy.get('#executions-pagination > .MuiPagination-ul').children().should('have.length', 4);
+
+      cy.get('#executions-pagination > .MuiPagination-ul .Mui-selected').should('have.text', '1');
+
+      // The executions status is displayed as PENDING.
+      cy.get('#execution-11').should('exist').find('#PENDING-11').should('exist');
+      cy.get('#id-11').should('have.text', 11);
+    });
+
+    it('when pagination changes, different page results are rendered', () => {
+      // Go to next page.
+      cy.get('.MuiPagination-ul > :nth-child(3) > .MuiButtonBase-root').click();
+
+      // Check the current page number.
+      cy.get('#executions-pagination > .MuiPagination-ul .Mui-selected').should('have.text', '2');
+
+      cy.get('#executions-list').children().should('have.length', 1);
+
+      cy.get('#list-1').should('exist').find('#SUCCESS-1').should('exist');
+      cy.get('.css-mu8687 > .MuiTypography-body1').should('have.text', 1);
+    });
+
+    it('when you click refresh, the paginated results and page numbers remain unchanged.', () => {
+      // Go to next page.
+
+      cy.get('.MuiPagination-ul > :nth-child(4) > .MuiButtonBase-root').click();
+      // Check the current page number.
+      cy.get('#executions-pagination > .MuiPagination-ul .Mui-selected').should('have.text', '2');
+
+      cy.get('#list-1').should('exist').find('#SUCCESS-1').should('exist');
+
+      // Refresh page.
+      cy.reload().then(() => {
+        cy.wait(1000);
+      });
+
+      // Check the current page number.
+      cy.get('#executions-pagination > .MuiPagination-ul .Mui-selected').should('have.text', '2');
+
+      // Show page 1 executions task.
+      cy.get('#list-1').should('exist').find('#SUCCESS-1').should('exist');
+    });
+
+    it('when returning to the previous page, pagination and results remain unchanged.', () => {
+      // Go to next page.
+      cy.get('.MuiPagination-ul > :nth-child(3) > .MuiButtonBase-root').click();
+
+      // Check the current page number.
+      cy.get('#executions-pagination > .MuiPagination-ul .Mui-selected').should('have.text', '2');
+
+      cy.get('#list-1').should('exist').find('#SUCCESS-1').should('exist');
+
+      // Go to show executions page.
+      cy.get('#detail-1').click();
+
+      // Then I see that the current page is the show update personal-access-tokens.
+      cy.url().should('include', '/resource/task/executions/1');
+
+      // Go back to the last page.
+      cy.go('back');
+
+      // Check the current page number.
+      cy.get('#executions-pagination > .MuiPagination-ul .Mui-selected').should('have.text', '2');
+
+      cy.get('#list-1').should('exist').find('#SUCCESS-1').should('exist');
+    });
+  });
+});

cypress/e2e/schedulers/scheduler.cy.ts

@@ -0,0 +1,251 @@
+import cluster from '../../fixtures/clusters/cluster/cluster.json';
+import schedulers from '../../fixtures/clusters/cluster/scheduler.json';
+import scheduler from '../../fixtures/schedulers/scheduler.json';
+import schedulerInactive from '../../fixtures/schedulers/scheduler-inactive.json';
+
+describe('Scheduler', () => {
+  beforeEach(() => {
+    cy.intercept(
+      {
+        method: 'GET',
+        url: '/api/v1/clusters/1',
+      },
+      (req) => {
+        req.reply({
+          statusCode: 200,
+          body: cluster,
+        });
+      },
+    );
+    cy.intercept(
+      {
+        method: 'GET',
+        url: '/api/v1/schedulers?page=1&per_page=10000000&scheduler_cluster_id=1',
+      },
+      (req) => {
+        req.reply({
+          statusCode: 200,
+          body: schedulers,
+        });
+      },
+    );
+    cy.intercept(
+      {
+        method: 'GET',
+        url: '/api/v1/schedulers/7',
+      },
+      (req) => {
+        req.reply({
+          statusCode: 200,
+          body: scheduler,
+        });
+      },
+    );
+
+    cy.signin();
+    cy.visit('/clusters/1/schedulers/7');
+
+    cy.viewport(1440, 1080);
+  });
+
+  it('click the hostname', () => {
+    cy.visit('/clusters/1/schedulers');
+
+    cy.get('#table').click();
+
+    cy.get('#hostname-scheduler-51').should('have.text', 'scheduler-51');
+
+    cy.get('#hostname-scheduler-51').click();
+
+    // Then I see that the current page is the clusters/1/schedulers/7!
+    cy.url().should('include', '/clusters/1/schedulers/51');
+  });
+
+  it('click the breadcrumb', () => {
+    // Check for breadcrumb.
+    cy.get('#cluster-id').should('be.visible').and('contain', 'scheduler-cluster-1');
+
+    cy.get('#cluster-id').click();
+
+    // Then I see that the current page is the clusters/1!
+    cy.url().should('include', '/clusters/1');
+  });
+
+  describe('when data is loaded', () => {
+    it('can display breadcrumb', () => {
+      // Display is loading.
+      cy.get('[data-testid="isloading"]').should('be.exist');
+
+      cy.get('#cluster-id').should('be.visible').and('contain', 'scheduler-cluster-1');
+
+      cy.get('#scheduler-host-name').should('be.visible').and('contain', 'scheduler-7');
+
+      cy.get('[data-testid="isloading"]').should('not.exist');
+    });
+
+    it('can display active scheduler', () => {
+      // Displays the scheduler ID.
+      cy.get('#id').should('be.visible').and('contain', '7');
+
+      // Displays the scheduler hostname.
+      cy.get('#hostname').should('be.visible').and('contain', 'scheduler-7');
+
+      // Displays the scheduler IP.
+      cy.get('#ip').should('be.visible').and('contain', '30.44.98.202');
+
+      // Displays the scheduler cluster ID.
+      cy.get('#cluster-id').should('be.visible').and('contain', '1');
+
+      // Displays the scheduler port.
+      cy.get('#port').should('be.visible').and('contain', '8002');
+
+      // Displays the active background color.
+      cy.get('#status')
+        .should('be.visible')
+        .and('contain', 'Active')
+        .and('have.css', 'background-color', 'rgb(0, 129, 112)');
+
+      // Displays the scheduler features.
+      cy.get('#features').should('be.visible').and('contain', 'Schedule').and('contain', 'Preheat');
+
+      // Displays the scheduler creation time.
+      cy.get('#created-at').should('have.text', '2023-11-09 07:09:06');
+
+      // Displays the scheduler update time.
+      cy.get('#updated-at').should('have.text', '2023-11-09 07:09:11');
+    });
+
+    it('can display inactive scheduler', () => {
+      cy.intercept(
+        {
+          method: 'GET',
+          url: '/api/v1/schedulers/2',
+        },
+        (req) => {
+          req.reply({
+            statusCode: 200,
+            body: schedulerInactive,
+          });
+        },
+      );
+
+      cy.visit('/clusters/1/schedulers/2');
+
+      // Displays the scheduler hostname.
+      cy.get('#hostname').should('be.visible').and('contain', 'scheduler-2');
+
+      // Displays the inactive background color.
+      cy.get('#status')
+        .should('be.visible')
+        .and('contain', 'Inactive')
+        .and('have.css', 'background-color', 'rgb(93, 95, 97)');
+    });
+  });
+
+  describe('when no data is loaded', () => {
+    beforeEach(() => {
+      cy.intercept({ method: 'GET', url: '/api/v1/schedulers/7' }, (req) => {
+        req.reply({
+          statusCode: 200,
+          body: [],
+        });
+      });
+    });
+
+    it('unable to display breadcrumb', () => {
+      cy.get('#cluster-id').should('be.visible').and('contain', 'scheduler-cluster-1');
+
+      cy.get('#scheduler-host-name').should('be.visible').and('contain', '-');
+    });
+
+    it('scheduler should render empty status', () => {
+      // Displays the scheduler ID.
+      cy.get('#id').should('contain', '-');
+
+      // Displays the scheduler hostname.
+      cy.get('#hostname').should('contain', '-');
+
+      // Displays the scheduler IP.
+      cy.get('#ip').should('contain', '-');
+
+      // Displays the scheduler cluster ID.
+      cy.get('#cluster-id').should('contain', '-');
+
+      // Displays the scheduler port.
+      cy.get('#port').should('contain', '-');
+
+      // Displays the scheduler status.
+      cy.get('#status').should('contain', '-');
+
+      // Displays the scheduler features.
+      cy.get('#features').should('contain', '-');
+
+      // Displays the scheduler creation time.
+      cy.get('#created-at').should('contain', '-');
+
+      // Displays the scheduler update time.
+      cy.get('#updated-at').should('contain', '-');
+    });
+  });
+
+  describe('should handle API error response', () => {
+    beforeEach(() => {
+      cy.intercept(
+        {
+          method: 'GET',
+          url: '/api/v1/schedulers/1',
+        },
+        (req) => {
+          req.reply({
+            forceNetworkError: true,
+          });
+        },
+      );
+      cy.visit('/clusters/1/schedulers/1');
+    });
+
+    it('show error message', () => {
+      // Show error message.
+      cy.get('.MuiAlert-message').should('be.visible').and('contain', 'Failed to fetch');
+
+      // Close error message.
+      cy.get('.MuiAlert-action > .MuiButtonBase-root').click();
+      cy.get('.MuiAlert-message').should('not.exist');
+    });
+
+    it('unable to display breadcrumb', () => {
+      cy.get('#cluster-id').should('be.visible').and('contain', 'scheduler-cluster-1');
+
+      cy.get('#scheduler-host-name').should('be.visible').and('contain', '-');
+    });
+
+    it('scheduler should render empty status', () => {
+      // Displays the scheduler ID.
+      cy.get('#id').should('contain', '-');
+
+      // Displays the scheduler hostname.
+      cy.get('#hostname').should('contain', '-');
+
+      // Displays the scheduler IP.
+      cy.get('#ip').should('contain', '-');
+
+      // Displays the scheduler cluster ID.
+      cy.get('#cluster-id').should('contain', '-');
+
+      // Displays the scheduler port.
+      cy.get('#port').should('contain', '-');
+
+      // Displays the scheduler status.
+      cy.get('#status').should('contain', '-');
+
+      // Displays the scheduler features.
+      cy.get('#features').should('contain', '-');
+
+      // Displays the scheduler creation time.
+      cy.get('#created-at').should('contain', '-');
+
+      // Displays the scheduler update time.
+      cy.get('#updated-at').should('contain', '-');
+    });
+  });
+});

cypress/e2e/seed-peers/seed-peer.cy.ts

@@ -0,0 +1,250 @@
+import cluster from '../../fixtures/clusters/cluster/cluster.json';
+import seedPeers from '../../fixtures/clusters/cluster/seed-peer.json';
+import seedPeer from '../../fixtures/seed-peers/seed-peer.json';
+import seedPeerInactive from '../../fixtures/seed-peers/seed-peer-inactive.json';
+
+describe('Seed peer', () => {
+  beforeEach(() => {
+    cy.intercept(
+      {
+        method: 'GET',
+        url: '/api/v1/clusters/1',
+      },
+      (req) => {
+        req.reply({
+          statusCode: 200,
+          body: cluster,
+        });
+      },
+    );
+    cy.intercept(
+      {
+        method: 'GET',
+        url: '/api/v1/seed-peers?page=1&per_page=10000000&seed_peer_cluster_id=1',
+      },
+      (req) => {
+        req.reply({
+          statusCode: 200,
+          body: seedPeers,
+        });
+      },
+    );
+    cy.intercept({ method: 'GET', url: '/api/v1/seed-peers/10' }, (req) => {
+      req.reply({
+        statusCode: 200,
+        body: seedPeer,
+      });
+    });
+
+    cy.signin();
+    cy.visit('/clusters/1/seed-peers/10');
+    cy.viewport(1440, 1080);
+  });
+
+  it('click the hostname', () => {
+    cy.visit('/clusters/1/seed-peers');
+
+    cy.get('.MuiPagination-ul > :nth-child(4) > .MuiButtonBase-root').click();
+
+    cy.get('#card-hostname-seed-peer-10').should('have.text', 'seed-peer-10');
+    cy.get('#card-hostname-seed-peer-10').click();
+
+    // Then I see that the current page is the clusters/1/seed-peers/10!
+    cy.url().should('include', '/clusters/1/seed-peers/10');
+  });
+
+  it('click the breadcrumb', () => {
+    // Check for breadcrumb.
+    cy.get('#seed-peer-cluster-id').should('be.visible').and('contain', 'seed-peer-cluster-1');
+
+    cy.get('#seed-peer-cluster-id').click();
+
+    // Then I see that the current page is the clusters/1!
+    cy.url().should('include', '/clusters/1');
+  });
+
+  describe('when data is loaded', () => {
+    it('can display breadcrumb', () => {
+      // Show isloading.
+      cy.get('[data-testid="isloading"]').should('be.exist');
+      cy.get('#seed-peer-cluster-id').should('be.visible').and('contain', 'seed-peer-cluster-1');
+
+      cy.get('#seed-peer-hostname').should('be.visible').and('contain', 'seed-peer-10');
+
+      cy.get('[data-testid="isloading"]').should('not.exist');
+    });
+
+    it('can display active seed peer', () => {
+      // Displays the seed peer ID.
+      cy.get('#id').should('be.visible').and('contain', '10');
+
+      // Displays the seed peer hostname.
+      cy.get('#hostname').should('be.visible').and('contain', 'seed-peer-10');
+
+      // Displays the seed peer IP.
+      cy.get('#ip').should('be.visible').and('contain', '33.149.137.183');
+
+      // Displays the seed peer cluster ID.
+      cy.get('#cluster-id').should('be.visible').and('contain', '1');
+
+      // Displays the seed peer port.
+      cy.get('#port').should('be.visible').and('contain', '65006');
+
+      // Displays the seed peer Download Port.
+      cy.get('#download-port').should('be.visible').and('contain', '65002');
+
+      // Displays the seed peer Object Storage Port.
+      cy.get('#object-storage-port').should('be.visible').and('contain', '443');
+
+      // Displays the seed peer Type.
+      cy.get('#type').should('be.visible').and('contain', 'Supe');
+
+      // Displays the seed peer Active background color.
+      cy.get('#status')
+        .should('be.visible')
+        .and('contain', 'Active')
+        .and('have.css', 'background-color', 'rgb(0, 129, 112)');
+
+      // Displays the seed peer Created At.
+      cy.get('#created-at').should('have.text', '2023-11-11 20:09:08');
+
+      // Displays the seed peer Updated At.
+      cy.get('#updated-at').should('have.text', '2023-11-11 20:09:13');
+    });
+
+    it('can display inactive seed peer', () => {
+      cy.intercept({ method: 'GET', url: '/api/v1/seed-peers/11' }, (req) => {
+        req.reply({
+          statusCode: 200,
+          body: seedPeerInactive,
+        });
+      });
+
+      cy.visit('/clusters/1/seed-peers/11');
+
+      // Displays the seed peer hostname.
+      cy.get('#hostname').should('be.visible').and('contain', 'seed-peer-11');
+
+      // Displays the seed peer Inactive background color.
+      cy.get('#status')
+        .should('be.visible')
+        .and('contain', 'Inactive')
+        .and('have.css', 'background-color', 'rgb(93, 95, 97)');
+    });
+  });
+
+  describe('when no data is loaded', () => {
+    beforeEach(() => {
+      cy.intercept({ method: 'GET', url: '/api/v1/seed-peers/9' }, (req) => {
+        req.reply({
+          statusCode: 200,
+          body: [],
+        });
+      });
+      cy.visit('/clusters/1/seed-peers/9');
+    });
+
+    it('unable to display breadcrumb', () => {
+      cy.get('#seed-peer-cluster-id').should('be.visible').and('contain', 'seed-peer-cluster-1');
+
+      cy.get('#seed-peer-hostname').should('be.visible').and('contain', '-');
+    });
+
+    it('seed peer should render empty status', () => {
+      // Displays the seed peer ID.
+      cy.get('#id').should('contain', '-');
+
+      // Displays the seed peer hostname.
+      cy.get('#hostname').should('contain', '-');
+
+      // Displays the seed peer IP.
+      cy.get('#ip').should('contain', '-');
+
+      // Displays the seed peer cluster ID.
+      cy.get('#cluster-id').should('contain', '-');
+
+      // Displays the seed peer port.
+      cy.get('#port').should('contain', '-');
+
+      // Displays the seed peer Download Port.
+      cy.get('#download-port').should('contain', '-');
+
+      // Displays the seed peer Object Storage Port.
+      cy.get('#object-storage-port').should('contain', '-');
+
+      // Displays the seed peer Type.
+      cy.get('#type').should('contain', '-');
+
+      // Show Start.
+      cy.get('#status').should('contain', '-');
+
+      // Displays the seed peer Created At.
+      cy.get('#created-at').should('contain', '-');
+
+      // Displays the seed peer Updated At.
+      cy.get('#updated-at').should('contain', '-');
+    });
+  });
+
+  describe('should handle API error response', () => {
+    beforeEach(() => {
+      cy.intercept({ method: 'GET', url: '/api/v1/seed-peers/1' }, (req) => {
+        req.reply({
+          forceNetworkError: true,
+        });
+      });
+
+      cy.visit('/clusters/1/seed-peers/1');
+    });
+
+    it('show error message', () => {
+      // Show error message.
+      cy.get('.MuiAlert-message').should('be.visible').and('contain', 'Failed to fetch');
+
+      // Close error message.
+      cy.get('.MuiAlert-action > .MuiButtonBase-root').click();
+      cy.get('.MuiAlert-message').should('not.exist');
+    });
+
+    it('unable to display breadcrumb', () => {
+      cy.get('#seed-peer-cluster-id').should('be.visible').and('contain', 'seed-peer-cluster-1');
+
+      cy.get('#seed-peer-hostname').should('be.visible').and('contain', '-');
+    });
+
+    it('seed peer should render empty status', () => {
+      // Displays the seed peer ID.
+      cy.get('#id').should('contain', '-');
+
+      // Displays the seed peer hostname.
+      cy.get('#hostname').should('contain', '-');
+
+      // Displays the seed peer IP.
+      cy.get('#ip').should('contain', '-');
+
+      // Displays the seed peer cluster ID.
+      cy.get('#cluster-id').should('contain', '-');
+
+      // Displays the seed peer port.
+      cy.get('#port').should('contain', '-');
+
+      // Displays the seed peer Download Port.
+      cy.get('#download-port').should('contain', '-');
+
+      // Displays the seed peer Object Storage Port.
+      cy.get('#object-storage-port').should('contain', '-');
+
+      // Displays the seed peer Type.
+      cy.get('#type').should('contain', '-');
+
+      // Show Start.
+      cy.get('#status').should('contain', '-');
+
+      // Displays the seed peer Created At.
+      cy.get('#created-at').should('contain', '-');
+
+      // Displays the seed peer Updated At.
+      cy.get('#updated-at').should('contain', '-');
+    });
+  });
+});

cypress/e2e/signin/signin.cy.ts

@@ -0,0 +1,199 @@
+import signin from '../../fixtures/signin/signin.json';
+import _ from 'lodash';
+
+describe('Signin', () => {
+  beforeEach(() => {
+    cy.intercept('POST', '/api/v1/users/signin', (req) => {
+      const { name, password } = req.body;
+
+      if (name === 'root' && password === 'dragonfly') {
+        req.reply({
+          statusCode: 200,
+          body: signin,
+        });
+      } else {
+        req.reply({
+          statusCode: 401,
+          body: {
+            message: 'Unauthorized',
+          },
+        });
+      }
+    });
+
+    cy.visit('/signin');
+  });
+
+  it('signin with valid account and password', () => {
+    cy.intercept(
+      {
+        method: 'GET',
+        url: '/api/v1/schedulers?page=1&per_page=10000000',
+      },
+      (req) => {
+        req.reply({
+          statusCode: 200,
+          body: [],
+        });
+      },
+    );
+    cy.intercept(
+      {
+        method: 'GET',
+        url: '/api/v1/clusters?page=1&per_page=10000000',
+      },
+      (req) => {
+        req.reply({
+          statusCode: 200,
+          body: [],
+        });
+      },
+    );
+    cy.intercept(
+      {
+        method: 'GET',
+        url: '/api/v1/seed-peers?page=1&per_page=10000000',
+      },
+      (req) => {
+        req.reply({
+          statusCode: 200,
+          body: [],
+        });
+      },
+    );
+
+    cy.get('#account').type('root');
+    cy.get('#password').type(`dragonfly`);
+
+    cy.signin();
+    cy.get('form').submit();
+
+    // Then I see that the current page is the clusters.
+    cy.url().should('include', '/clusters');
+    cy.location('pathname').should('eq', '/clusters');
+
+    // Prompt message: Please change your password promptly when logging in for the first time!
+    cy.get('#change-password-warning').should('exist');
+
+    // Close the prompt message.
+    cy.get('.MuiAlert-action > .MuiButtonBase-root').click();
+    cy.get('#change-password-warning').should('not.exist');
+
+    // Menu exists users.
+    cy.get('[href="/users"]').should('exist');
+  });
+
+  it('try to signin with valid account and invalid password', () => {
+    cy.get('#account').type('root');
+    cy.get('#password').type('rooot1');
+    cy.get('form').submit();
+
+    // Show error message.
+    cy.get('.MuiAlert-message').should('be.visible').and('contain', 'Unauthorized');
+    cy.get('.MuiAlert-action > .MuiButtonBase-root').click();
+    cy.get('.MuiAlert-message').should('not.exist');
+  });
+
+  it('try to signin with invalid account', () => {
+    cy.get('#account').type('root-1');
+    cy.get('#password').type('dragonfly');
+    cy.get('form').submit();
+
+    // Show error message.
+    cy.get('.MuiAlert-message').should('be.visible').and('contain', 'Unauthorized');
+    cy.get('.MuiAlert-action > .MuiButtonBase-root').click();
+    cy.get('.MuiAlert-message').should('not.exist');
+  });
+
+  it('try to signin with guest user', () => {
+    cy.intercept('POST', '/api/v1/users/signin', (req) => {
+      (req.body = { name: 'root-2', password: 'dragonrly' }),
+        req.reply({
+          statusCode: 200,
+          body: signin,
+        });
+    });
+
+    cy.get('#account').type('root-2');
+    cy.get('#password').type(`dragonfly`);
+
+    cy.guestSignin();
+
+    cy.get('form').submit();
+
+    // Then I see that the current page is the clusters!
+    cy.url().should('include', '/clusters');
+    cy.location('pathname').should('eq', '/clusters');
+    cy.get('.MuiSnackbar-root > .MuiPaper-root').should('exist');
+
+    cy.get('.MuiAlert-action > .MuiButtonBase-root').click();
+
+    // Users menu does not exist.
+    cy.get('.MuiSnackbar-root > .MuiPaper-root').should('not.exist');
+
+    // Menu not exists for users.
+    cy.get('[href="/users"]').should('not.exist');
+  });
+
+  it('click the `Create an account` button', () => {
+    cy.get('#create-account').click();
+
+    // Then I see that the current page is the signup!
+    cy.url().should('include', '/signup');
+
+    cy.get('#sign-in').click();
+
+    // Then I see that the current page is the signin!
+    cy.url().should('include', '/signin');
+  });
+
+  it('click the password hide button', () => {
+    cy.get('#account').type('root');
+    cy.get('#password').type(`dragonfly`);
+
+    cy.get('#visibility-off').click();
+    cy.get('#password').should('have.value', 'dragonfly');
+
+    cy.get('#visibility').click();
+    cy.get('#password').should('not.have.text', 'dragonfly');
+  });
+
+  it('should handle API error response', () => {
+    cy.intercept('POST', '/api/v1/users/signin', (req) => {
+      (req.body = { name: 'root', password: 'dragonfly' }),
+        req.reply({
+          forceNetworkError: true,
+        });
+    });
+
+    cy.get('#account').type('root');
+    cy.get('#password').type(`dragonfly`);
+
+    cy.get('form').submit();
+
+    // Show error message.
+    cy.get('.MuiAlert-message').should('be.visible').and('contain', 'Failed to fetch');
+    cy.get('.MuiAlert-action > .MuiButtonBase-root').click();
+    cy.get('.MuiAlert-message').should('not.exist');
+  });
+
+  it('try to verify account and password', () => {
+    const nameNotLongEnough = _.times(2, () => _.sample('abcdefghijklmnopqrstuvwxyz')).join('');
+    const nameLengthExceeds = _.times(11, () => _.sample('abcdefghijklmnopqrstuvwxyz')).join('');
+    const passwordLengthExceeds = _.times(17, () => _.sample('abcdefghijklmnopqrstuvwxyz')).join('');
+
+    cy.get('#account').type(nameNotLongEnough);
+
+    // Show account help text.
+    cy.get('#account-helper-text').should('be.visible').and('contain', 'Fill in the characters, the length is 3-10.');
+
+    cy.get('#account').type(nameLengthExceeds);
+    cy.get('#account-helper-text').should('be.visible').and('contain', 'Fill in the characters, the length is 3-10.');
+
+    // Show password help text.
+    cy.get('#password').type(passwordLengthExceeds);
+    cy.get('#password-helper-text')
+      .should('be.visible')
+      .and('contain', 'Fill in the characters, the maximum length is 16.');
+  });
+});

cypress/e2e/signup/signup.cy.ts

@@ -0,0 +1,180 @@
+import signup from '../../fixtures/signup/signup.json';
+import _ from 'lodash';
+
+describe('Signup', () => {
+  beforeEach(() => {
+    cy.intercept('POST', '/api/v1/users/signup', (req) => {
+      const { name, password, email } = req.body;
+      if (name === 'root-1' && password === 'dragonfly1' && email === 'root@console.com') {
+        req.reply({
+          statusCode: 200,
+          body: signup,
+        });
+      } else {
+        req.reply({
+          statusCode: 409,
+          body: {
+            message: 'Conflict',
+          },
+        });
+      }
+    });
+    cy.visit('/signup');
+  });
+
+  it('can create user account', () => {
+    cy.get('#account').type('root-1');
+    cy.get('#email').type('root@console.com');
+    cy.get('#password').type('dragonfly1');
+    cy.get('#confirmPassword').type(`dragonfly1{enter}`);
+
+    // Then I see that the current page is the signin!
+    cy.url().should('include', '/signin');
+  });
+
+  it('cannot create account with existing email', () => {
+    cy.get('#account').type('root-1');
+    cy.get('#email').type('lucy@example.com');
+    cy.get('#password').type('dragonfly1');
+    cy.get('#confirmPassword').type(`dragonfly1{enter}`);
+
+    // Show error message.
+    cy.get('.MuiAlert-message').should('be.visible').and('contain', 'Conflict');
+
+    // Close error message.
+    cy.get('.MuiAlert-action > .MuiButtonBase-root').click();
+    cy.get('.MuiAlert-message').should('not.exist');
+  });
+
+  it('cannot create account with existing account', () => {
+    cy.get('#account').type('root');
+    cy.get('#email').type('root@console.co');
+    cy.get('#password').type('dragonfly1');
+    cy.get('#confirmPassword').type(`dragonfly1{enter}`);
+
+    // Show error message.
+    cy.get('.MuiAlert-message').should('be.visible').and('contain', 'Conflict');
+    cy.get('.MuiAlert-action > .MuiButtonBase-root').click();
+    cy.get('.MuiAlert-message').should('not.exist');
+  });
+
+  it('click the password hide butto and confirm password hide butto', () => {
+    cy.get('#password').type('dragonfly1');
+    cy.get('#confirmPassword').type(`dragonfly1{enter}`);
+
+    // Click the password hide butto.
+    cy.get('#visibility-off').click();
+
+    // Can show password.
+    cy.get('#confirmPassword').should('have.value', 'dragonfly1');
+    cy.get('#visibility').should('be.visible');
+
+    // Click the password hide butto.
+    cy.get('#confirm-password-visibility-off').click();
+
+    //  // Can show  confirm password.
+    cy.get('#confirmPassword').should('have.value', 'dragonfly1');
+    cy.get('#confirm-password-visibility').should('be.visible');
+  });
+
+  it('cannot signup without required attributes', () => {
+    cy.get('.MuiButton-root').click();
+
+    // The help text should be displayed.
+    cy.get('#account-helper-text').should('be.visible').and('contain', 'Fill in the characters, the length is 3-10.');
+    cy.get('#email-helper-text').should('be.visible').and('contain', 'Email is invalid or already taken.');
+    cy.get('#confirmPassword-helper-text').should('be.visible').and('contain', 'Please enter the same password.');
+    cy.get('#confirmPassword-helper-text').should('be.visible').and('contain', 'Please enter the same password.');
+  });
+
+  it('should handle API error response', () => {
+    cy.intercept('POST', '/api/v1/users/signup', (req) => {
+      (req.body = { name: 'root-1', password: 'dragonrly1', email: 'root@console.com' }),
+        req.reply({
+          forceNetworkError: true,
+        });
+    });
+
+    // Fill in the form.
+    cy.get('#account').type('root-1');
+    cy.get('#email').type('root@console.com');
+    cy.get('#password').type('dragonfly1');
+    cy.get('#confirmPassword').type(`dragonfly1{enter}`);
+
+    // Show error message.
+    cy.get('.MuiAlert-message').should('be.visible').and('contain', 'Failed to fetch');
+    cy.get('.MuiAlert-action > .MuiButtonBase-root').click();
+    cy.get('.MuiAlert-message').should('not.exist');
+  });
+
+  it('click the `Sign in` button', () => {
+    cy.get('#sign-in').click();
+
+    // Then I see that the current page is the signin!
+    cy.url().should('include', '/signin');
+
+    cy.get('#create-account').click();
+
+    // Then I see that the current page is the signup!
+    cy.url().should('include', '/signup');
+  });
+
+  it('cannot signup with invalid attributes', () => {
+    const nameNotLongEnough = _.times(2, () => _.sample('abcdefghijklmnopqrstuvwxyz')).join('');
+    const nameLengthExceeds = _.times(11, () => _.sample('abcdefghijklmnopqrstuvwxyz')).join('');
+    const passsword = _.times(8, () => _.sample('abcdefghijklmnopqrstuvwxyz')).join('');
+
+    // Should display message account the validation error.
+    cy.get('#account').type(nameNotLongEnough);
+    cy.get('#account-helper-text').should('be.visible').and('contain', 'Fill in the characters, the length is 3-10.');
+
+    cy.get('#account').type(nameLengthExceeds);
+    cy.get('#account-helper-text').should('be.visible').and('contain', 'Fill in the characters, the length is 3-10.');
+
+    cy.get('#account').clear();
+
+    cy.get('#account').type('root');
+
+    // Verification passed.
+    cy.get('#account-helper-text').should('not.exist');
+
+    // Should display message email the validation error.
+    cy.get('#email').type('root');
+    cy.get('#email-helper-text').should('be.visible').and('contain', 'Email is invalid or already taken.');
+
+    cy.get('#email').clear();
+
+    cy.get('#email').type('root@console.com');
+
+    // Verification passed.
+    cy.get('#email-helper-text').should('not.exist');
+
+    // Should display message password the validation error.
+    cy.get('#password').type(passsword);
+
+    // Missing number.
+    cy.get('#password-helper-text')
+      .should('be.visible')
+      .and('contain', 'At least 8-16 characters, with at least 1 lowercase letter and 1 number.');
+
+    cy.get('#password').clear();
+
+    cy.get('#password').type('dragonfly1');
+
+    // Verification passed.
+    cy.get('#password-helper-text').should('not.exist');
+
+    // Should display message confirm password the validation error.
+    cy.get('#confirmPassword').type(`dragonfly`);
+
+    // Confirm password verification error when the two passwords are not the same.
+    cy.get('#confirmPassword-helper-text').should('be.visible').and('contain', 'Please enter the same password.');
+
+    cy.get('#confirmPassword').clear();
+
+    cy.get('#confirmPassword').type('dragonfly1');
+
+    // verification passed.
+    cy.get('#confirmPassword-helper-text').should('not.exist');
+  });
+});

cypress/e2e/users/create.user.cy.ts

@@ -0,0 +1,252 @@
+import _ from 'lodash';
+import createUsers from '../../fixtures/users/create-user.json';
+import users from '../../fixtures/users/users.json';
+
+describe('Create user', () => {
+  beforeEach(() => {
+    cy.signin();
+
+    cy.visit('/users/new');
+
+    cy.viewport(1440, 1080);
+  });
+
+  it('can create user', () => {
+    cy.visit('/users');
+
+    cy.intercept(
+      {
+        method: 'GET',
+        url: '/api/v1/users?page=1&per_page=10000000',
+      },
+      (req) => {
+        req.reply({
+          statusCode: 200,
+          body: users,
+        });
+      },
+    );
+
+    // Go to last page.
+    cy.get('.MuiPagination-ul > :nth-child(3) > .MuiButtonBase-root').click();
+
+    // There is only one piece of data on the last pag.
+    cy.get('#user-table-body').children().should('have.length', 1);
+
+    cy.get('#create-user').click();
+
+    // Then I see that the current page is the New user!
+    cy.url().should('include', '/users/new');
+
+    cy.get('.MuiBreadcrumbs-ol').should('contain', 'New user');
+
+    cy.get('#account').type('billy');
+
+    cy.get('#email').type('billy@example.com');
+
+    cy.get('#bio').type('I am billy');
+
+    cy.get('#phone').type('18012341234');
+
+    cy.get('#location').type('ParisFrance');
+
+    cy.get('#password').type('Dragonfly1');
+
+    cy.get('#confirmPassword').type('Dragonfly1');
+
+    cy.intercept('POST', '/api/v1/users/signup', (req) => {
+      req.reply({
+        statusCode: 200,
+        body: [],
+      });
+    });
+
+    cy.intercept(
+      {
+        method: 'GET',
+        url: '/api/v1/users?page=1&per_page=10000000',
+      },
+      (req) => {
+        req.reply({
+          statusCode: 200,
+          body: createUsers,
+        });
+      },
+    );
+
+    cy.get('#save').click();
+
+    // Go to last page.
+    cy.get('.MuiPagination-ul > :nth-child(3) > .MuiButtonBase-root').click();
+
+    // There is only one piece of data on the last pag.
+    cy.get('#user-table-body').children().should('have.length', 2);
+
+    cy.get('#user-table-body > :nth-child(2) > :nth-child(2)').should('have.text', 'billy');
+  });
+
+  it('cannot create account with existing email', () => {
+    cy.intercept('POST', '/api/v1/users/signup', (req) => {
+      req.reply({
+        statusCode: 409,
+        body: {
+          message: 'Conflict',
+        },
+      });
+    });
+
+    cy.get('#account').type('root-1');
+    cy.get('#email').type('lucy@example.com');
+    cy.get('#phone').type('18012341234');
+    cy.get('#password').type('dragonfly1');
+    cy.get('#confirmPassword').type(`dragonfly1{enter}`);
+
+    // Show error message.
+    cy.get('.MuiAlert-message').should('be.visible').and('contain', 'Conflict');
+
+    // Close error message.
+    cy.get('.MuiAlert-action > .MuiButtonBase-root').click();
+    cy.get('.MuiSnackbar-root > .MuiPaper-root').should('not.exist');
+  });
+
+  it('cannot create account with existing account', () => {
+    cy.intercept('POST', '/api/v1/users/signup', (req) => {
+      req.reply({
+        statusCode: 409,
+        body: {
+          message: 'Conflict',
+        },
+      });
+    });
+
+    cy.get('#account').type('root');
+    cy.get('#email').type('root@console.co');
+    cy.get('#phone').type('18012341234');
+    cy.get('#password').type('dragonfly1');
+    cy.get('#confirmPassword').type(`dragonfly1{enter}`);
+
+    // Show error message.
+    cy.get('.MuiAlert-message').should('be.visible').and('contain', 'Conflict');
+    cy.get('.MuiAlert-action > .MuiButtonBase-root').click();
+    cy.get('.MuiSnackbar-root > .MuiPaper-root').should('not.exist');
+  });
+
+  it('click the password hide butto and confirm password hide butto', () => {
+    cy.get('#password').type('dragonfly1');
+    cy.get('#confirmPassword').type(`dragonfly1{enter}`);
+
+    cy.get('.MuiInputBase-root > .MuiButtonBase-root > [data-testid="VisibilityOffIcon"] > path').click();
+    cy.get('#confirmPassword').should('have.value', 'dragonfly1');
+
+    cy.get('[data-testid="VisibilityOffIcon"]').click();
+    cy.get('#confirmPassword').should('have.value', 'dragonfly1');
+  });
+
+  it('should handle API error response', () => {
+    cy.intercept('POST', '/api/v1/users/signup', (req) => {
+      req.reply({
+        forceNetworkError: true,
+      });
+    });
+
+    cy.get('#account').type('root-1');
+    cy.get('#email').type('root@console.com');
+    cy.get('#phone').type('18012341234');
+    cy.get('#password').type('dragonfly1');
+    cy.get('#confirmPassword').type(`dragonfly1{enter}`);
+
+    // Show error message.
+    cy.get('.MuiAlert-message').should('be.visible').and('contain', 'Failed to fetch');
+    cy.get('.MuiAlert-action > .MuiButtonBase-root').click();
+    cy.get('.MuiSnackbar-root > .MuiPaper-root').should('not.exist');
+  });
+
+  it('click the `CANCEL button', () => {
+    cy.get('#cancel').click();
+
+    // Then I see that the current page is the users!
+    cy.url().should('include', '/users');
+  });
+
+  it('cannot signup with invalid attributes', () => {
+    const nameNotLongEnough = _.times(2, () => _.sample('abcdefghijklmnopqrstuvwxyz')).join('');
+    const nameLengthExceeds = _.times(11, () => _.sample('abcdefghijklmnopqrstuvwxyz')).join('');
+    const passsword = _.times(8, () => _.sample('abcdefghijklmnopqrstuvwxyz')).join('');
+    const location = _.times(101, () => _.sample('abcdefghijklmnopqrstuvwxyz')).join('');
+
+    // Should display message account the validation error.
+    cy.get('#account').type(nameNotLongEnough);
+    cy.get('#account-helper-text').should('be.visible').and('contain', 'Fill in the characters, the length is 3-10.');
+
+    cy.get('#account').type(nameLengthExceeds);
+    cy.get('#account-helper-text').should('be.visible').and('contain', 'Fill in the characters, the length is 3-10.');
+
+    cy.get('#account').clear();
+
+    cy.get('#account').type('root');
+
+    // Verification passed.
+    cy.get('#account-helper-text').should('not.exist');
+
+    // Should display message email the validation error.
+    cy.get('#email').type('root');
+    cy.get('#email-helper-text').should('be.visible').and('contain', 'Email is invalid or already taken.');
+
+    cy.get('#email').clear();
+
+    cy.get('#email').type('root@console.com');
+
+    // Verification passed.
+    cy.get('#email-helper-text').should('not.exist');
+
+    // Should display message phone the validation error.
+    cy.get('#phone').type('001');
+    cy.get('#phone-helper-text').should('be.visible').and('contain', 'Enter a valid phone number.');
+
+    cy.get('#phone').clear();
+
+    cy.get('#phone').type('+86 19101011212');
+
+    cy.get('#phone-helper-text').should('not.exist');
+
+    // Should display message location the validation error.
+    cy.get('#location').clear();
+    cy.get('#location').type(location);
+
+    // Show verification error message.
+    cy.get('#location-helper-text')
+      .should('be.visible')
+      .and('have.text', 'Fill in the characters, the length is 0-100.');
+    cy.get('#location').clear();
+    cy.get('#location').type('Shanghai');
+    cy.get('#location-helper-text').should('not.exist');
+
+    // Should display message password the validation error.
+    cy.get('#password').type(passsword);
+
+    // Missing number.
+    cy.get('#password-helper-text')
+      .should('be.visible')
+      .and('contain', 'At least 8-16 characters, with at least 1 lowercase letter and 1 number.');
+
+    cy.get('#password').clear();
+
+    cy.get('#password').type('dragonfly1');
+
+    // Verification passed.
+    cy.get('#password-helper-text').should('not.exist');
+
+    // Should display message confirm password the validation error.
+    cy.get('#confirmPassword').type(`dragonfly`);
+
+    // Confirm password verification error when the two passwords are not the same.
+    cy.get('#confirmPassword-helper-text').should('be.visible').and('contain', 'Please enter the same password.');
+
+    cy.get('#confirmPassword').clear();
+
+    cy.get('#confirmPassword').type('dragonfly1');
+
+    // verification passed.
+    cy.get('#confirmPassword-helper-text').should('not.exist');
+  });
+});

cypress/e2e/users/users.cy.ts

@@ -0,0 +1,753 @@
+import root from '../../fixtures/users/role-root.json';
+import user from '../../fixtures/users/user.json';
+import users from '../../fixtures/users/users.json';
+import guestUser from '../../fixtures/users/guest-user.json';
+import guest from '../../fixtures/users/role-guest.json';
+
+describe('Users', () => {
+  beforeEach(() => {
+    cy.signin();
+
+    cy.intercept(
+      {
+        method: 'GET',
+        url: '/api/v1/users?page=1&per_page=10000000',
+      },
+      (req) => {
+        req.reply({
+          statusCode: 200,
+          body: users,
+        });
+      },
+    );
+
+    cy.visit('/users');
+    cy.viewport(1440, 1080);
+  });
+
+  describe('when data is loaded', () => {
+    beforeEach(() => {
+      cy.intercept(
+        {
+          method: 'GET',
+          url: '/api/v1/users/2',
+        },
+        (req) => {
+          req.reply({
+            statusCode: 200,
+            body: user,
+          });
+        },
+      );
+      cy.intercept(
+        {
+          method: 'GET',
+          url: '/api/v1/users/2/roles',
+        },
+        (req) => {
+          req.reply({
+            statusCode: 200,
+            body: root,
+          });
+        },
+      );
+      cy.intercept(
+        {
+          method: 'GET',
+          url: '/api/v1/users/3/roles',
+        },
+        (req) => {
+          req.reply({
+            statusCode: 200,
+            body: guest,
+          });
+        },
+      );
+    });
+
+    it('can display users table', () => {
+      // Show isloading.
+      cy.get('[data-testid="isloading"]').should('be.exist');
+
+      // Show root user information.
+      cy.get('.MuiTableBody-root > :nth-child(1) > :nth-child(2)').should('be.visible').and('have.text', 'root');
+
+      // Show root user email.
+      cy.get('.MuiTableBody-root > :nth-child(1) > :nth-child(3)')
+        .should('be.visible')
+        .and('have.text', 'root@example.com');
+
+      // Show root user #location.
+      cy.get('.MuiTableBody-root > :nth-child(1) > :nth-child(4)').should('be.visible').and('have.text', 'Shanghai');
+
+      // Show root user state.
+      cy.get('.MuiTableBody-root > :nth-child(1) > :nth-child(5)').should('be.visible').and('have.text', 'Enable');
+
+      // The update role button for the root user is not displayed.
+      cy.get('#edit-root > .MuiBox-root').should('not.exist');
+
+      // Does not show isloading.
+      cy.get('[data-testid="isloading"]').should('not.exist');
+
+      cy.get('#action-root').click();
+
+      // Show root user detail button.
+      cy.get('#detail-root').should('exist');
+
+      // Show lucy user information.
+      cy.get('.MuiTableBody-root > :nth-child(2) > :nth-child(2)').should('be.visible').and('have.text', 'lucy');
+
+      cy.get('.MuiTableBody-root > :nth-child(2) > :nth-child(3)')
+        .should('be.visible')
+        .and('have.text', 'lucy@example.com');
+
+      cy.get('.MuiTableBody-root > :nth-child(2) > :nth-child(4)').should('be.visible').and('have.text', 'Hangzhou');
+
+      cy.get('.MuiTableBody-root > :nth-child(2) > :nth-child(5)').should('be.visible').and('have.text', 'Enable');
+      cy.get('body').click('topLeft');
+
+      cy.get('#action-lucy').click();
+
+      cy.get('#edit-lucy').should('exist');
+      cy.get('#detail-lucy').should('exist');
+
+      // Show jack user information.
+      cy.get('.MuiTableBody-root > :nth-child(3) > :nth-child(2)').should('be.visible').and('have.text', 'jack');
+
+      cy.get('.MuiTableBody-root > :nth-child(3) > :nth-child(3)')
+        .should('be.visible')
+        .and('have.text', 'jack@example.com');
+
+      cy.get('.MuiTableBody-root > :nth-child(3) > :nth-child(4)').should('be.visible').and('have.text', 'Shanghai');
+
+      cy.get('.MuiTableBody-root > :nth-child(3) > :nth-child(5)').should('be.visible').and('have.text', 'Enable');
+
+      // Close menu.
+      cy.get('body').click('topLeft');
+      cy.get('#action-jack').click();
+      cy.get('#edit-jack').should('exist');
+      cy.get('#detail-jack').should('exist');
+    });
+
+    it('can display user detail', () => {
+      // Click detail button.
+      cy.get('#action-root').click();
+
+      cy.get(':nth-child(12) > .MuiPaper-root > .MuiList-root > .users_menu__4L0WC > #detail-root').click();
+
+      // Display user lucy details.
+      cy.get('.MuiDrawer-root > .MuiPaper-root').should('be.visible');
+      cy.get('#id').should('have.text', 1);
+      cy.get('#name').should('have.text', 'root');
+      cy.get('#role').should('have.text', 'root');
+      cy.get('#email').should('have.text', 'root@example.com');
+      cy.get('#phone').should('have.text', '+86 153 1234 5678');
+      cy.get('#location').should('have.text', 'Hangzhou');
+      cy.get('#created-at').should('contain', '2023-11-06 06:09:04');
+      cy.get('#updated-at').should('contain', '2023-11-06 06:09:04');
+
+      // closure user details.
+      cy.get('#closure-user-detail').click();
+
+      cy.get('#action-jack').click();
+
+      cy.intercept(
+        {
+          method: 'GET',
+          url: '/api/v1/users/3',
+        },
+        (req) => {
+          req.reply((res) => {
+            res.setDelay(1000);
+            res.send({
+              statusCode: 200,
+              body: guestUser,
+            });
+          });
+        },
+      );
+
+      cy.get(':nth-child(12) > .MuiPaper-root > .MuiList-root > .users_menu__4L0WC > #detail-jack').click();
+
+      cy.get('[data-testid="detail-isloading"]').should('be.exist');
+
+      // Display user jack details.
+      cy.get('.MuiDrawer-root > .MuiPaper-root').should('be.visible');
+      cy.get('#id').should('have.text', 2);
+      cy.get('#name').should('have.text', 'jack');
+      cy.get('#role').should('have.text', 'guest');
+      cy.get('#email').should('have.text', 'jack@example.com');
+      cy.get('#phone').should('have.text', '+86 153 1234 5678');
+      cy.get('#location').should('have.text', 'Shanghai');
+      cy.get('#created-at').should('contain', '2023-11-07 06:09:04');
+      cy.get('#updated-at').should('contain', '2023-11-07 06:09:04');
+
+      cy.get('[data-testid="detail-isloading"]').should('not.exist');
+    });
+
+    it('can display update user', () => {
+      // Click update user button.
+      cy.get('#action-lucy').click();
+      cy.get(':nth-child(12) > .MuiPaper-root > .MuiList-root > .users_menu__4L0WC > #edit-lucy').click();
+
+      // Check role.
+      cy.get('#role-root').should('be.checked').check({ force: true });
+      cy.get('#role-guest');
+      cy.get('body').click('topLeft');
+
+      cy.get('#action-jack').click();
+      cy.get(':nth-child(12) > .MuiPaper-root > .MuiList-root > .users_menu__4L0WC > #edit-jack').click();
+
+      cy.get('#role-root').should('not.be.checked');
+      cy.get('#role-guest').should('be.checked').check({ force: true });
+    });
+  });
+
+  describe('when no data is loaded', () => {
+    beforeEach(() => {
+      cy.intercept(
+        {
+          method: 'GET',
+          url: '/api/v1/users/1',
+        },
+        (req) => {
+          req.reply({
+            statusCode: 200,
+            body: user,
+          });
+        },
+      );
+      cy.intercept(
+        {
+          method: 'GET',
+          url: '/api/v1/users/1/roles',
+        },
+        (req) => {
+          req.reply({
+            statusCode: 200,
+            body: root,
+          });
+        },
+      );
+      cy.intercept(
+        {
+          method: 'GET',
+          url: '/api/v1/users?page=1&per_page=10000000',
+        },
+        (req) => {
+          req.reply({
+            statusCode: 200,
+            body: [],
+          });
+        },
+      );
+
+      cy.visit('/users');
+      cy.viewport(1440, 1080);
+    });
+
+    it('cannot display users table', () => {
+      cy.get('#user-table-row').should('not.exist');
+    });
+  });
+
+  it('try to show users page using guest user', () => {
+    cy.guestSignin();
+
+    // The 404 page is displayed and the user page does not exist.
+    cy.get('#something-went-wrong').should('have.text', 'Something gone wrong!');
+    cy.get('#404-help-text').should('have.text', `The page you were looking for doesn't exist.`);
+  });
+
+  describe('get role API error response', () => {
+    it('cannot display users table', () => {
+      cy.intercept(
+        {
+          method: 'GET',
+          url: '/api/v1/users?page=1&per_page=10000000',
+        },
+        (req) => {
+          req.reply({
+            forceNetworkError: true,
+          });
+        },
+      );
+
+      cy.get('.MuiAlert-message').should('be.visible').and('have.text', 'Failed to fetch');
+    });
+
+    it('user detail should render empty', () => {
+      cy.intercept(
+        {
+          method: 'GET',
+          url: '/api/v1/users/3',
+        },
+        (req) => {
+          req.reply({
+            forceNetworkError: true,
+          });
+        },
+      );
+      cy.intercept(
+        {
+          method: 'GET',
+          url: '/api/v1/users/3/roles',
+        },
+        (req) => {
+          req.reply({
+            forceNetworkError: true,
+          });
+        },
+      );
+
+      cy.get('#action-jack').click();
+      cy.get(':nth-child(12) > .MuiPaper-root > .MuiList-root > .users_menu__4L0WC > #detail-jack').click();
+
+      // Display user jack details.
+      cy.get('#id').should('have.text', 0);
+      cy.get('#name').should('have.text', '-');
+      cy.get('.MuiList-root > :nth-child(7)').should('contain', '-');
+      cy.get('#email').should('have.text', '-');
+      cy.get('#phone').should('have.text', '-');
+      cy.get('#location').should('have.text', '-');
+      cy.get('#created-at').should('contain', '-');
+      cy.get('#updated-at').should('contain', '-');
+    });
+  });
+
+  describe('pagination', () => {
+    it('pagination updates results and page number', () => {
+      cy.get('#user-pagination').should('exist');
+
+      // Check number of pagination.
+      cy.get('#user-pagination > .MuiPagination-ul').children().should('have.length', 4);
+
+      cy.get('#user-pagination > .MuiPagination-ul .Mui-selected').should('have.text', '1');
+    });
+
+    it('when pagination changes, different page results are rendered', () => {
+      cy.get('.MuiTableBody-root > :nth-child(1) > :nth-child(2)').should('be.visible').and('have.text', 'root');
+
+      // There are ten users on the current page.
+      cy.get('#user-table-body').children().should('have.length', 10);
+
+      // Go to next page.
+      cy.get('.MuiPagination-ul > :nth-child(3) > .MuiButtonBase-root').click();
+
+      cy.get('#user-table-row > :nth-child(2)').should('be.visible').and('have.text', 'noah');
+
+      // There is only one user on the current page.
+      cy.get('#user-table-body').children().should('have.length', 1);
+
+      // Check the current page number.
+      cy.get('#user-pagination > .MuiPagination-ul .Mui-selected').should('have.text', '2');
+    });
+
+    it('when you click refresh, the paginated results and page numbers remain unchanged.', () => {
+      // Go to next page.
+      cy.get('.MuiPagination-ul > :nth-child(3) > .MuiButtonBase-root').click();
+
+      // There is only one user on the current page.
+      cy.get('#user-table-body').children().should('have.length', 1);
+
+      // Check the current page number.
+      cy.get('#user-pagination > .MuiPagination-ul .Mui-selected').should('have.text', '2');
+
+      // Refresh page.
+      cy.reload().then(() => {
+        cy.wait(2000);
+      });
+
+      // There are ten users on the current page.
+      cy.get('#user-table-body').children().should('have.length', 1);
+
+      // Check the current page number.
+      cy.get('#user-pagination > .MuiPagination-ul .Mui-selected').should('have.text', '2');
+    });
+
+    it('when returning to the previous page, pagination and results remain unchanged', () => {
+      // Go to next page.
+      cy.get('.MuiPagination-ul > :nth-child(3) > .MuiButtonBase-root').click();
+
+      // There is only one user on the current page.
+      cy.get('#user-table-body').children().should('have.length', 1);
+
+      // Check the current page number.
+      cy.get('#user-pagination > .MuiPagination-ul .Mui-selected').should('have.text', '2');
+
+      cy.get('#clusters').click();
+
+      // Then I see that the current page is the show update personal-access-tokens.
+      cy.url().should('include', '/clusters');
+
+      // Go back to the last page。
+      cy.go('back');
+
+      // There is only one user on the current page.
+      cy.get('#user-table-body').children().should('have.length', 1);
+
+      // Check the current page number.
+      cy.get('#user-pagination > .MuiPagination-ul .Mui-selected').should('have.text', '2');
+
+      cy.get('#user-table-row > :nth-child(2)').should('have.text', 'noah');
+    });
+  });
+
+  describe('update role', () => {
+    it('can change the root user to the guest user', () => {
+      cy.intercept(
+        {
+          method: 'GET',
+          url: '/api/v1/users/2/roles',
+        },
+        (req) => {
+          req.reply({
+            statusCode: 200,
+            body: root,
+          });
+        },
+      );
+      cy.intercept(
+        {
+          method: 'PUT',
+          url: '/api/v1/users/2/roles/guest',
+        },
+        (req) => {
+          req.reply({
+            statusCode: 200,
+          });
+        },
+      );
+      cy.intercept(
+        {
+          method: 'DELETE',
+          url: '/api/v1/users/2/roles/root',
+        },
+        (req) => {
+          req.reply({
+            statusCode: 200,
+          });
+        },
+      );
+
+      cy.get('#action-lucy').click();
+      cy.get(':nth-child(12) > .MuiPaper-root > .MuiList-root > .users_menu__4L0WC > #edit-lucy').click();
+
+      cy.get('#role-root').should('be.checked').check({ force: true });
+      cy.get('#role-guest').should('not.be.checked');
+
+      // Switch role to guest.
+      cy.get('#role-guest').click();
+
+      cy.get('#save').click();
+
+      cy.intercept(
+        {
+          method: 'GET',
+          url: '/api/v1/users/2/roles',
+        },
+        (req) => {
+          req.reply({
+            statusCode: 200,
+            body: ['guest'],
+          });
+        },
+      );
+
+      cy.get('#action-lucy').click();
+      cy.get(':nth-child(12) > .MuiPaper-root > .MuiList-root > .users_menu__4L0WC > #edit-lucy').click();
+
+      // Change success message.
+      cy.get('.MuiAlert-message').should('be.visible').and('have.text', 'Submission successful!');
+      cy.get('.MuiAlert-action > .MuiButtonBase-root').click();
+      cy.get('.MuiAlert-message').should('not.exist');
+
+      // Check role.
+      cy.get('#role-root').should('not.be.checked');
+      cy.get('#role-guest').should('be.checked').check({ force: true });
+    });
+
+    it('can change the guest user to the root user', () => {
+      cy.intercept(
+        {
+          method: 'GET',
+          url: '/api/v1/users/3/roles',
+        },
+        (req) => {
+          req.reply({
+            statusCode: 200,
+            body: guest,
+          });
+        },
+      );
+      cy.intercept(
+        {
+          method: 'PUT',
+          url: '/api/v1/users/3/roles/root',
+        },
+        (req) => {
+          req.reply({
+            statusCode: 200,
+          });
+        },
+      );
+      cy.intercept(
+        {
+          method: 'DELETE',
+          url: '/api/v1/users/3/roles/guest',
+        },
+        (req) => {
+          req.reply({
+            statusCode: 200,
+          });
+        },
+      );
+
+      cy.get('#action-jack').click();
+      cy.get(':nth-child(12) > .MuiPaper-root > .MuiList-root > .users_menu__4L0WC > #edit-jack').click();
+
+      // Check if role is guest.
+      cy.get('#role-root').should('not.be.checked');
+      cy.get('#role-guest').should('be.checked').check({ force: true });
+
+      // Switch role to root.
+      cy.get('#role-root').click();
+      cy.get('#save').click();
+      cy.get('.MuiAlert-message').should('be.visible').and('have.text', 'Submission successful!');
+
+      cy.intercept(
+        {
+          method: 'GET',
+          url: '/api/v1/users/3/roles',
+        },
+        (req) => {
+          req.reply({
+            statusCode: 200,
+            body: ['root'],
+          });
+        },
+      );
+
+      cy.get('#action-jack').click();
+      cy.get(':nth-child(12) > .MuiPaper-root > .MuiList-root > .users_menu__4L0WC > #edit-jack').click();
+
+      // Check if role is root.
+      cy.get('#role-root').should('be.checked').check({ force: true });
+      cy.get('#role-guest').should('not.be.checked');
+    });
+
+    it('try using root user to change to guest user and then update to root user', () => {
+      cy.intercept(
+        {
+          method: 'GET',
+          url: '/api/v1/users/2/roles',
+        },
+        (req) => {
+          req.reply({
+            statusCode: 200,
+            body: root,
+          });
+        },
+      );
+      cy.intercept(
+        {
+          method: 'GET',
+          url: '/api/v1/users/2',
+        },
+        (req) => {
+          req.reply({
+            statusCode: 200,
+            body: user,
+          });
+        },
+      );
+
+      const jwtToken =
+        'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJleHAiOjE3MDAwNTExMDcsImlkIjoyLCJvcmlnX2lhdCI6MTY5OTg3ODMwN30.GynYMK_KKFfbAe_NAtFgthmEg_p8xKJOu_ZhRkr1ECE';
+      cy.setCookie('jwt', jwtToken);
+
+      cy.intercept(
+        {
+          method: 'PUT',
+          url: '/api/v1/users/2/roles/guest',
+        },
+        (req) => {
+          req.reply({
+            statusCode: 200,
+          });
+        },
+      );
+      cy.intercept(
+        {
+          method: 'DELETE',
+          url: '/api/v1/users/2/roles/root',
+        },
+        (req) => {
+          req.reply({
+            statusCode: 200,
+          });
+        },
+      );
+
+      // Click edit button.
+      cy.get('#action-lucy').click();
+      cy.get(':nth-child(12) > .MuiPaper-root > .MuiList-root > .users_menu__4L0WC > #edit-lucy').click();
+
+      cy.get('#role-root').should('be.checked').check({ force: true });
+      cy.get('#role-guest').should('not.be.checked');
+
+      cy.get('#role-guest').click();
+      cy.get('#save').click();
+
+      // Change success message.
+      cy.get('.MuiAlert-message').should('be.visible').and('have.text', 'Submission successful!');
+      cy.get('.MuiAlert-action > .MuiButtonBase-root').click();
+
+      cy.intercept(
+        {
+          method: 'GET',
+          url: '/api/v1/users/2/roles',
+        },
+        (req) => {
+          req.reply({
+            statusCode: 200,
+            body: ['guest'],
+          });
+        },
+      );
+
+      cy.get('#action-lucy').click();
+      cy.get(':nth-child(12) > .MuiPaper-root > .MuiList-root > .users_menu__4L0WC > #edit-lucy').click();
+
+      // Check role.
+      cy.get('#role-root').should('not.be.checked');
+      cy.get('#role-guest').should('be.checked').check({ force: true });
+
+      // Switch role to guest.
+      cy.get('#role-root').click();
+
+      cy.intercept(
+        {
+          method: 'PUT',
+          url: '/api/v1/users/2/roles/root',
+        },
+        (req) => {
+          req.reply({
+            statusCode: 401,
+            body: { message: 'permission deny' },
+          });
+        },
+      );
+
+      cy.get('#save').click();
+
+      // Show error message.
+      cy.get('.MuiAlert-message').should('be.visible').and('have.text', 'permission deny');
+    });
+
+    it('get role API error response', () => {
+      cy.intercept(
+        {
+          method: 'GET',
+          url: '/api/v1/users/2/roles',
+        },
+        (req) => {
+          req.reply({
+            forceNetworkError: true,
+          });
+        },
+      );
+
+      cy.get('#action-lucy').click();
+      cy.get(':nth-child(12) > .MuiPaper-root > .MuiList-root > .users_menu__4L0WC > #edit-lucy').click();
+
+      // Show error message.
+      cy.get('.MuiAlert-message').should('be.visible').and('have.text', 'Failed to fetch');
+
+      // Check role.
+      cy.get('#role-root').should('not.be.checked');
+      cy.get('#role-guest').should('not.be.checked');
+    });
+
+    it('change role API error response', () => {
+      cy.intercept(
+        {
+          method: 'GET',
+          url: '/api/v1/users/2/roles',
+        },
+        (req) => {
+          req.reply({
+            statusCode: 200,
+            body: root,
+          });
+        },
+      );
+      cy.intercept(
+        {
+          method: 'PUT',
+          url: '/api/v1/users/2/roles/guest',
+        },
+        (req) => {
+          req.reply({
+            forceNetworkError: true,
+          });
+        },
+      );
+      cy.intercept(
+        {
+          method: 'DELETE',
+          url: '/api/v1/users/2/roles/root',
+        },
+        (req) => {
+          req.reply({
+            forceNetworkError: true,
+          });
+        },
+      );
+
+      cy.get('#action-lucy').click();
+      cy.get(':nth-child(12) > .MuiPaper-root > .MuiList-root > .users_menu__4L0WC > #edit-lucy').click();
+
+      // Check if role is root.
+      cy.get('#role-root').should('be.checked').check({ force: true });
+      cy.get('#role-guest').should('not.be.checked');
+
+      cy.get('#role-guest').click();
+
+      cy.get('#save').click();
+
+      // Show error message.
+      cy.get('.MuiAlert-message').should('be.visible').and('have.text', 'Failed to fetch');
+    });
+  });
+
+  describe('search', () => {
+    it('can search for user name', () => {
+      cy.get('#user-table-body').children().should('have.length', 10);
+
+      // Enter user name root.
+      cy.get('#search-user').type('root');
+
+      // Check table.
+      cy.get('#user-table-body').children().should('have.length', 1);
+
+      cy.get('#user-name-root').should('have.text', 'root');
+    });
+
+    it('should be queried based on the query string', () => {
+      cy.visit('/users?search=jack');
+
+      // The search box should be jack.
+      cy.get('#search-user').should('have.value', 'jack');
+
+      cy.get('#user-name-jack').should('have.text', 'jack');
+    });
+
+    it('should search for non-existent user name', () => {
+      cy.get('#search-user').type('dragonfly');
+
+      // No users.
+      cy.get('#no-user-table').should('have.text', `You don't have user.`);
+    });
+  });
+});

cypress/fixtures/audit/actor-type-pat-audits.json

@@ -0,0 +1,17 @@
+[
+  {
+    "id": 12,
+    "created_at": "2025-05-21T02:34:11.025Z",
+    "updated_at": "2025-05-21T02:34:11.025Z",
+    "is_del": 0,
+    "actor_type": "PAT",
+    "actor_name": "unknown",
+    "event_type": "API",
+    "operation": "POST",
+    "operated_at": "2025-05-21T02:34:07Z",
+    "state": "SUCCESS",
+    "path": "/api/v1/users/signin",
+    "status_code": 200,
+    "detail": null
+  }
+]

cypress/fixtures/audit/actor-type-unknown-audits.json

@@ -0,0 +1,47 @@
+[
+  {
+    "id": 7,
+    "created_at": "2025-05-26T03:19:08.613Z",
+    "updated_at": "2025-05-26T03:19:08.613Z",
+    "is_del": 0,
+    "actor_type": "UNKNOWN",
+    "actor_name": "root",
+    "event_type": "API",
+    "operation": "GET",
+    "operated_at": "2025-05-26T03:19:08Z",
+    "state": "SUCCESS",
+    "path": "/api/v1/users/1",
+    "status_code": 200,
+    "detail": null
+  },
+  {
+    "id": 10,
+    "created_at": "2025-05-21T02:34:11.025Z",
+    "updated_at": "2025-05-21T02:34:11.025Z",
+    "is_del": 0,
+    "actor_type": "UNKNOWN",
+    "actor_name": "unknown",
+    "event_type": "API",
+    "operation": "POST",
+    "operated_at": "2025-05-21T02:34:07Z",
+    "state": "SUCCESS",
+    "path": "/api/v1/users/signin",
+    "status_code": 200,
+    "detail": null
+  },
+  {
+    "id": 11,
+    "created_at": "2025-05-20T02:34:44.139Z",
+    "updated_at": "2025-05-20T02:34:44.139Z",
+    "is_del": 0,
+    "actor_type": "UNKNOWN",
+    "actor_name": "unknown",
+    "event_type": "API",
+    "operation": "POST",
+    "operated_at": "2025-05-20T02:34:41Z",
+    "state": "FAILURE",
+    "path": "/api/v1/users/signin",
+    "status_code": 401,
+    "detail": null
+  }
+]

cypress/fixtures/audit/actor-type-user-audits.json

@@ -0,0 +1,137 @@
+[
+  {
+    "id": 1,
+    "created_at": "2025-05-26T03:19:25.585Z",
+    "updated_at": "2025-05-26T03:19:25.585Z",
+    "is_del": 0,
+    "actor_type": "USER",
+    "actor_name": "root",
+    "event_type": "API",
+    "operation": "GET",
+    "operated_at": "2025-05-26T03:19:23Z",
+    "state": "SUCCESS",
+    "path": "/api/v1/audits",
+    "status_code": 200,
+    "detail": null
+  },
+  {
+    "id": 2,
+    "created_at": "2025-05-26T03:19:20.594Z",
+    "updated_at": "2025-05-26T03:19:20.594Z",
+    "is_del": 0,
+    "actor_type": "USER",
+    "actor_name": "root",
+    "event_type": "API",
+    "operation": "GET",
+    "operated_at": "2025-05-26T03:19:16Z",
+    "state": "SUCCESS",
+    "path": "/api/v1/users",
+    "status_code": 200,
+    "detail": null
+  },
+  {
+    "id": 3,
+    "created_at": "2025-05-26T03:19:18.583Z",
+    "updated_at": "2025-05-26T03:19:18.583Z",
+    "is_del": 0,
+    "actor_type": "USER",
+    "actor_name": "root",
+    "event_type": "API",
+    "operation": "GET",
+    "operated_at": "2025-05-26T03:19:17Z",
+    "state": "SUCCESS",
+    "path": "/api/v1/audits",
+    "status_code": 200,
+    "detail": null
+  },
+  {
+    "id": 4,
+    "created_at": "2025-05-26T03:19:13.659Z",
+    "updated_at": "2025-05-26T03:19:13.659Z",
+    "is_del": 0,
+    "actor_type": "USER",
+    "actor_name": "root",
+    "event_type": "API",
+    "operation": "GET",
+    "operated_at": "2025-05-26T03:19:09Z",
+    "state": "SUCCESS",
+    "path": "/api/v1/audits",
+    "status_code": 200,
+    "detail": null
+  },
+  {
+    "id": 5,
+    "created_at": "2025-05-26T03:19:08.822Z",
+    "updated_at": "2025-05-26T03:19:08.822Z",
+    "is_del": 0,
+    "actor_type": "USER",
+    "actor_name": "jack",
+    "event_type": "API",
+    "operation": "GET",
+    "operated_at": "2025-05-26T03:19:08Z",
+    "state": "SUCCESS",
+    "path": "/api/v1/users",
+    "status_code": 200,
+    "detail": null
+  },
+  {
+    "id": 6,
+    "created_at": "2025-05-26T03:19:08.822Z",
+    "updated_at": "2025-05-26T03:19:08.822Z",
+    "is_del": 0,
+    "actor_type": "USER",
+    "actor_name": "root",
+    "event_type": "API",
+    "operation": "GET",
+    "operated_at": "2025-05-26T03:19:08Z",
+    "state": "SUCCESS",
+    "path": "/api/v1/users",
+    "status_code": 200,
+    "detail": null
+  },
+  {
+    "id": 8,
+    "created_at": "2025-05-26T03:19:08.613Z",
+    "updated_at": "2025-05-26T03:19:08.613Z",
+    "is_del": 0,
+    "actor_type": "USER",
+    "actor_name": "root",
+    "event_type": "API",
+    "operation": "GET",
+    "operated_at": "2025-05-26T03:19:08Z",
+    "state": "SUCCESS",
+    "path": "/api/v1/users/1",
+    "status_code": 200,
+    "detail": null
+  },
+  {
+    "id": 9,
+    "created_at": "2025-05-26T03:19:08.613Z",
+    "updated_at": "2025-05-26T03:19:08.613Z",
+    "is_del": 0,
+    "actor_type": "USER",
+    "actor_name": "root",
+    "event_type": "API",
+    "operation": "GET",
+    "operated_at": "2025-05-26T03:19:08Z",
+    "state": "SUCCESS",
+    "path": "/api/v1/audits",
+    "status_code": 200,
+    "detail": null
+  },
+  {
+    "id": 13,
+    "created_at": "2025-05-19T08:09:16.26Z",
+    "updated_at": "2025-05-19T08:09:16.26Z",
+    "is_del": 0,
+    "actor_type": "USER",
+    "actor_name": "jack",
+    "event_type": "API",
+    "operation": "GET",
+    "operated_at": "2025-05-19T08:09:14Z",
+    "state": "SUCCESS",
+    "path": "/api/v1/users/3",
+    "status_code": 200,
+    "detail": null
+  }
+]

cypress/fixtures/audit/audits.json

@@ -0,0 +1,152 @@
+[
+  {
+    "id": 1,
+    "created_at": "2025-05-26T03:19:25.585Z",
+    "updated_at": "2025-05-26T03:19:25.585Z",
+    "is_del": 0,
+    "actor_type": "USER",
+    "actor_name": "root",
+    "event_type": "API",
+    "operation": "GET",
+    "operated_at": "2025-05-26T03:19:23Z",
+    "state": "SUCCESS",
+    "path": "/api/v1/audits",
+    "status_code": 200,
+    "detail": null
+  },
+  {
+    "id": 2,
+    "created_at": "2025-05-26T03:19:20.594Z",
+    "updated_at": "2025-05-26T03:19:20.594Z",
+    "is_del": 0,
+    "actor_type": "USER",
+    "actor_name": "root",
+    "event_type": "API",
+    "operation": "GET",
+    "operated_at": "2025-05-26T03:19:16Z",
+    "state": "SUCCESS",
+    "path": "/api/v1/users",
+    "status_code": 200,
+    "detail": null
+  },
+  {
+    "id": 3,
+    "created_at": "2025-05-26T03:19:18.583Z",
+    "updated_at": "2025-05-26T03:19:18.583Z",
+    "is_del": 0,
+    "actor_type": "USER",
+    "actor_name": "root",
+    "event_type": "API",
+    "operation": "GET",
+    "operated_at": "2025-05-26T03:19:17Z",
+    "state": "SUCCESS",
+    "path": "/api/v1/audits",
+    "status_code": 200,
+    "detail": null
+  },
+  {
+    "id": 4,
+    "created_at": "2025-05-26T03:19:13.659Z",
+    "updated_at": "2025-05-26T03:19:13.659Z",
+    "is_del": 0,
+    "actor_type": "USER",
+    "actor_name": "root",
+    "event_type": "API",
+    "operation": "GET",
+    "operated_at": "2025-05-26T03:19:09Z",
+    "state": "SUCCESS",
+    "path": "/api/v1/audits",
+    "status_code": 200,
+    "detail": null
+  },
+  {
+    "id": 5,
+    "created_at": "2025-05-26T03:19:08.822Z",
+    "updated_at": "2025-05-26T03:19:08.822Z",
+    "is_del": 0,
+    "actor_type": "USER",
+    "actor_name": "jack",
+    "event_type": "API",
+    "operation": "GET",
+    "operated_at": "2025-05-26T03:19:08Z",
+    "state": "SUCCESS",
+    "path": "/api/v1/users",
+    "status_code": 200,
+    "detail": null
+  },
+  {
+    "id": 6,
+    "created_at": "2025-05-26T03:19:08.822Z",
+    "updated_at": "2025-05-26T03:19:08.822Z",
+    "is_del": 0,
+    "actor_type": "USER",
+    "actor_name": "root",
+    "event_type": "API",
+    "operation": "GET",
+    "operated_at": "2025-05-26T03:19:08Z",
+    "state": "SUCCESS",
+    "path": "/api/v1/users",
+    "status_code": 200,
+    "detail": null
+  },
+  {
+    "id": 7,
+    "created_at": "2025-05-26T03:19:08.613Z",
+    "updated_at": "2025-05-26T03:19:08.613Z",
+    "is_del": 0,
+    "actor_type": "UNKNOWN",
+    "actor_name": "root",
+    "event_type": "API",
+    "operation": "GET",
+    "operated_at": "2025-05-26T03:19:08Z",
+    "state": "SUCCESS",
+    "path": "/api/v1/users/1",
+    "status_code": 200,
+    "detail": null
+  },
+  {
+    "id": 8,
+    "created_at": "2025-05-26T03:19:08.613Z",
+    "updated_at": "2025-05-26T03:19:08.613Z",
+    "is_del": 0,
+    "actor_type": "USER",
+    "actor_name": "root",
+    "event_type": "API",
+    "operation": "GET",
+    "operated_at": "2025-05-26T03:19:08Z",
+    "state": "SUCCESS",
+    "path": "/api/v1/users/1",
+    "status_code": 200,
+    "detail": null
+  },
+  {
+    "id": 9,
+    "created_at": "2025-05-26T03:19:08.613Z",
+    "updated_at": "2025-05-26T03:19:08.613Z",
+    "is_del": 0,
+    "actor_type": "USER",
+    "actor_name": "root",
+    "event_type": "API",
+    "operation": "GET",
+    "operated_at": "2025-05-26T03:19:08Z",
+    "state": "SUCCESS",
+    "path": "/api/v1/audits",
+    "status_code": 200,
+    "detail": null
+  },
+  {
+    "id": 10,
+    "created_at": "2025-05-21T02:34:11.025Z",
+    "updated_at": "2025-05-21T02:34:11.025Z",
+    "is_del": 0,
+    "actor_type": "UNKNOWN",
+    "actor_name": "unknown",
+    "event_type": "API",
+    "operation": "POST",
+    "operated_at": "2025-05-21T02:34:07Z",
+    "state": "SUCCESS",
+    "path": "/api/v1/users/signin",
+    "status_code": 200,
+    "detail": null
+  }
+]

cypress/fixtures/audit/failure-audits.json

@@ -0,0 +1,32 @@
+[
+  {
+    "id": 11,
+    "created_at": "2025-05-20T02:34:44.139Z",
+    "updated_at": "2025-05-20T02:34:44.139Z",
+    "is_del": 0,
+    "actor_type": "UNKNOWN",
+    "actor_name": "unknown",
+    "event_type": "API",
+    "operation": "POST",
+    "operated_at": "2025-05-20T02:34:41Z",
+    "state": "FAILURE",
+    "path": "/api/v1/users/signin",
+    "status_code": 401,
+    "detail": null
+  },
+  {
+    "id": 14,
+    "created_at": "2025-05-19T08:09:30.125Z",
+    "updated_at": "2025-05-19T08:09:30.125Z",
+    "is_del": 0,
+    "actor_type": "USER",
+    "actor_name": "jack",
+    "event_type": "API",
+    "operation": "PATCH",
+    "operated_at": "2025-05-19T08:09:28Z",
+    "state": "FAILURE",
+    "path": "/api/v1/clusters/1",
+    "status_code": 401,
+    "detail": null
+  }
+]

cypress/fixtures/audit/operation-delete-audits.json

@@ -0,0 +1,17 @@
+[
+  {
+    "id": 15,
+    "created_at": "2025-05-21T09:03:51.518Z",
+    "updated_at": "2025-05-21T09:03:51.518Z",
+    "is_del": 0,
+    "actor_type": "USER",
+    "actor_name": "root",
+    "event_type": "API",
+    "operation": "DELETE",
+    "operated_at": "2025-05-21T09:03:50Z",
+    "state": "SUCCESS",
+    "path": "/api/v1/personal-access-tokens/1",
+    "status_code": 200,
+    "detail": null
+  }
+]

cypress/fixtures/audit/operation-get-audits.json

@@ -0,0 +1,152 @@
+[
+  {
+    "id": 1,
+    "created_at": "2025-05-26T03:19:25.585Z",
+    "updated_at": "2025-05-26T03:19:25.585Z",
+    "is_del": 0,
+    "actor_type": "USER",
+    "actor_name": "root",
+    "event_type": "API",
+    "operation": "GET",
+    "operated_at": "2025-05-26T03:19:23Z",
+    "state": "SUCCESS",
+    "path": "/api/v1/audits",
+    "status_code": 200,
+    "detail": null
+  },
+  {
+    "id": 2,
+    "created_at": "2025-05-26T03:19:20.594Z",
+    "updated_at": "2025-05-26T03:19:20.594Z",
+    "is_del": 0,
+    "actor_type": "USER",
+    "actor_name": "root",
+    "event_type": "API",
+    "operation": "GET",
+    "operated_at": "2025-05-26T03:19:16Z",
+    "state": "SUCCESS",
+    "path": "/api/v1/users",
+    "status_code": 200,
+    "detail": null
+  },
+  {
+    "id": 3,
+    "created_at": "2025-05-26T03:19:18.583Z",
+    "updated_at": "2025-05-26T03:19:18.583Z",
+    "is_del": 0,
+    "actor_type": "USER",
+    "actor_name": "root",
+    "event_type": "API",
+    "operation": "GET",
+    "operated_at": "2025-05-26T03:19:17Z",
+    "state": "SUCCESS",
+    "path": "/api/v1/audits",
+    "status_code": 200,
+    "detail": null
+  },
+  {
+    "id": 4,
+    "created_at": "2025-05-26T03:19:13.659Z",
+    "updated_at": "2025-05-26T03:19:13.659Z",
+    "is_del": 0,
+    "actor_type": "USER",
+    "actor_name": "root",
+    "event_type": "API",
+    "operation": "GET",
+    "operated_at": "2025-05-26T03:19:09Z",
+    "state": "SUCCESS",
+    "path": "/api/v1/audits",
+    "status_code": 200,
+    "detail": null
+  },
+  {
+    "id": 5,
+    "created_at": "2025-05-26T03:19:08.822Z",
+    "updated_at": "2025-05-26T03:19:08.822Z",
+    "is_del": 0,
+    "actor_type": "USER",
+    "actor_name": "jack",
+    "event_type": "API",
+    "operation": "GET",
+    "operated_at": "2025-05-26T03:19:08Z",
+    "state": "SUCCESS",
+    "path": "/api/v1/users",
+    "status_code": 200,
+    "detail": null
+  },
+  {
+    "id": 6,
+    "created_at": "2025-05-26T03:19:08.822Z",
+    "updated_at": "2025-05-26T03:19:08.822Z",
+    "is_del": 0,
+    "actor_type": "USER",
+    "actor_name": "root",
+    "event_type": "API",
+    "operation": "GET",
+    "operated_at": "2025-05-26T03:19:08Z",
+    "state": "SUCCESS",
+    "path": "/api/v1/users",
+    "status_code": 200,
+    "detail": null
+  },
+  {
+    "id": 7,
+    "created_at": "2025-05-26T03:19:08.613Z",
+    "updated_at": "2025-05-26T03:19:08.613Z",
+    "is_del": 0,
+    "actor_type": "USER",
+    "actor_name": "root",
+    "event_type": "API",
+    "operation": "GET",
+    "operated_at": "2025-05-26T03:19:08Z",
+    "state": "SUCCESS",
+    "path": "/api/v1/users/1",
+    "status_code": 200,
+    "detail": null
+  },
+  {
+    "id": 8,
+    "created_at": "2025-05-26T03:19:08.613Z",
+    "updated_at": "2025-05-26T03:19:08.613Z",
+    "is_del": 0,
+    "actor_type": "USER",
+    "actor_name": "root",
+    "event_type": "API",
+    "operation": "GET",
+    "operated_at": "2025-05-26T03:19:08Z",
+    "state": "SUCCESS",
+    "path": "/api/v1/users/1",
+    "status_code": 200,
+    "detail": null
+  },
+  {
+    "id": 9,
+    "created_at": "2025-05-26T03:19:08.613Z",
+    "updated_at": "2025-05-26T03:19:08.613Z",
+    "is_del": 0,
+    "actor_type": "USER",
+    "actor_name": "root",
+    "event_type": "API",
+    "operation": "GET",
+    "operated_at": "2025-05-26T03:19:08Z",
+    "state": "SUCCESS",
+    "path": "/api/v1/audits",
+    "status_code": 200,
+    "detail": null
+  },
+  {
+    "id": 13,
+    "created_at": "2025-05-19T08:09:16.26Z",
+    "updated_at": "2025-05-19T08:09:16.26Z",
+    "is_del": 0,
+    "actor_type": "USER",
+    "actor_name": "jack",
+    "event_type": "API",
+    "operation": "GET",
+    "operated_at": "2025-05-19T08:09:14Z",
+    "state": "SUCCESS",
+    "path": "/api/v1/users/3",
+    "status_code": 200,
+    "detail": null
+  }
+]

cypress/fixtures/audit/operation-patch-audits.json

@@ -0,0 +1,17 @@
+[
+  {
+    "id": 14,
+    "created_at": "2025-05-19T08:09:30.125Z",
+    "updated_at": "2025-05-19T08:09:30.125Z",
+    "is_del": 0,
+    "actor_type": "USER",
+    "actor_name": "jack",
+    "event_type": "API",
+    "operation": "PATCH",
+    "operated_at": "2025-05-19T08:09:28Z",
+    "state": "FAILURE",
+    "path": "/api/v1/clusters/1",
+    "status_code": 401,
+    "detail": null
+  }
+]

cypress/fixtures/audit/operation-post-audits.json

@@ -0,0 +1,47 @@
+[
+  {
+    "id": 10,
+    "created_at": "2025-05-21T02:34:11.025Z",
+    "updated_at": "2025-05-21T02:34:11.025Z",
+    "is_del": 0,
+    "actor_type": "UNKNOWN",
+    "actor_name": "unknown",
+    "event_type": "API",
+    "operation": "POST",
+    "operated_at": "2025-05-21T02:34:07Z",
+    "state": "SUCCESS",
+    "path": "/api/v1/users/signin",
+    "status_code": 200,
+    "detail": null
+  },
+  {
+    "id": 11,
+    "created_at": "2025-05-20T02:34:44.139Z",
+    "updated_at": "2025-05-20T02:34:44.139Z",
+    "is_del": 0,
+    "actor_type": "UNKNOWN",
+    "actor_name": "unknown",
+    "event_type": "API",
+    "operation": "POST",
+    "operated_at": "2025-05-20T02:34:41Z",
+    "state": "FAILURE",
+    "path": "/api/v1/users/signin",
+    "status_code": 401,
+    "detail": null
+  },
+  {
+    "id": 12,
+    "created_at": "2025-05-21T02:34:11.025Z",
+    "updated_at": "2025-05-21T02:34:11.025Z",
+    "is_del": 0,
+    "actor_type": "UNKNOWN",
+    "actor_name": "unknown",
+    "event_type": "PAT",
+    "operation": "POST",
+    "operated_at": "2025-05-21T02:34:07Z",
+    "state": "SUCCESS",
+    "path": "/api/v1/users/signin",
+    "status_code": 200,
+    "detail": null
+  }
+]

cypress/fixtures/audit/operation-put-audits.json

@@ -0,0 +1,17 @@
+[
+  {
+    "id": 16,
+    "created_at": "2025-05-21T09:16:16.348Z",
+    "updated_at": "2025-05-21T09:16:16.348Z",
+    "is_del": 0,
+    "actor_type": "USER",
+    "actor_name": "root",
+    "event_type": "API",
+    "operation": "PUT",
+    "operated_at": "2025-05-21T09:16:15Z",
+    "state": "SUCCESS",
+    "path": "/api/v1/users/2/roles/root",
+    "status_code": 200,
+    "detail": null
+  }
+]

cypress/fixtures/audit/pagination-audits.json

@@ -0,0 +1,92 @@
+[
+  {
+    "id": 11,
+    "created_at": "2025-05-20T02:34:44.139Z",
+    "updated_at": "2025-05-20T02:34:44.139Z",
+    "is_del": 0,
+    "actor_type": "UNKNOWN",
+    "actor_name": "unknown",
+    "event_type": "API",
+    "operation": "POST",
+    "operated_at": "2025-05-20T02:34:41Z",
+    "state": "FAILURE",
+    "path": "/api/v1/users/signin",
+    "status_code": 401,
+    "detail": null
+  },
+  {
+    "id": 12,
+    "created_at": "2025-05-21T02:34:11.025Z",
+    "updated_at": "2025-05-21T02:34:11.025Z",
+    "is_del": 0,
+    "actor_type": "PAT",
+    "actor_name": "unknown",
+    "event_type": "API",
+    "operation": "POST",
+    "operated_at": "2025-05-21T02:34:07Z",
+    "state": "SUCCESS",
+    "path": "/api/v1/users/signin",
+    "status_code": 200,
+    "detail": null
+  },
+  {
+    "id": 13,
+    "created_at": "2025-05-19T08:09:16.26Z",
+    "updated_at": "2025-05-19T08:09:16.26Z",
+    "is_del": 0,
+    "actor_type": "USER",
+    "actor_name": "jack",
+    "event_type": "API",
+    "operation": "GET",
+    "operated_at": "2025-05-19T08:09:14Z",
+    "state": "SUCCESS",
+    "path": "/api/v1/users/3",
+    "status_code": 200,
+    "detail": null
+  },
+  {
+    "id": 14,
+    "created_at": "2025-05-19T08:09:30.125Z",
+    "updated_at": "2025-05-19T08:09:30.125Z",
+    "is_del": 0,
+    "actor_type": "USER",
+    "actor_name": "jack",
+    "event_type": "API",
+    "operation": "PATCH",
+    "operated_at": "2025-05-19T08:09:28Z",
+    "state": "FAILURE",
+    "path": "/api/v1/clusters/1",
+    "status_code": 401,
+    "detail": null
+  },
+  {
+    "id": 15,
+    "created_at": "2025-05-21T09:03:51.518Z",
+    "updated_at": "2025-05-21T09:03:51.518Z",
+    "is_del": 0,
+    "actor_type": "USER",
+    "actor_name": "root",
+    "event_type": "API",
+    "operation": "DELETE",
+    "operated_at": "2025-05-21T09:03:50Z",
+    "state": "SUCCESS",
+    "path": "/api/v1/personal-access-tokens/1",
+    "status_code": 200,
+    "detail": null
+  },
+  {
+    "id": 16,
+    "created_at": "2025-05-21T09:16:16.348Z",
+    "updated_at": "2025-05-21T09:16:16.348Z",
+    "is_del": 0,
+    "actor_type": "USER",
+    "actor_name": "root",
+    "event_type": "API",
+    "operation": "PUT",
+    "operated_at": "2025-05-21T09:16:15Z",
+    "state": "SUCCESS",
+    "path": "/api/v1/users/2/roles/root",
+    "status_code": 200,
+    "detail": null
+  }
+]

cypress/fixtures/audit/user.audits.json

@@ -0,0 +1,47 @@
+[
+  {
+    "id": 5,
+    "created_at": "2025-05-26T03:19:08.822Z",
+    "updated_at": "2025-05-26T03:19:08.822Z",
+    "is_del": 0,
+    "actor_type": "USER",
+    "actor_name": "jack",
+    "event_type": "API",
+    "operation": "GET",
+    "operated_at": "2025-05-26T03:19:08Z",
+    "state": "SUCCESS",
+    "path": "/api/v1/users",
+    "status_code": 200,
+    "detail": null
+  },
+  {
+    "id": 13,
+    "created_at": "2025-05-19T08:09:16.26Z",
+    "updated_at": "2025-05-19T08:09:16.26Z",
+    "is_del": 0,
+    "actor_type": "USER",
+    "actor_name": "jack",
+    "event_type": "API",
+    "operation": "GET",
+    "operated_at": "2025-05-19T08:09:14Z",
+    "state": "SUCCESS",
+    "path": "/api/v1/users/3",
+    "status_code": 200,
+    "detail": null
+  },
+  {
+    "id": 14,
+    "created_at": "2025-05-19T08:09:30.125Z",
+    "updated_at": "2025-05-19T08:09:30.125Z",
+    "is_del": 0,
+    "actor_type": "USER",
+    "actor_name": "jack",
+    "event_type": "API",
+    "operation": "PATCH",
+    "operated_at": "2025-05-19T08:09:28Z",
+    "state": "FAILURE",
+    "path": "/api/v1/clusters/1",
+    "status_code": 401,
+    "detail": null
+  }
+]

cypress/fixtures/clusters/cluster/cluster.json

@@ -0,0 +1,27 @@
+{
+  "id": 1,
+  "name": "cluster-1",
+  "bio": "Cluster-1 is a high-performance computing cluster located in China, specifically in Hangzhou and Beijing data centers.",
+  "scopes": {
+    "idc": "Hangzhou|Shanghai|Beijing|Xiamen|Nanchang",
+    "location": "China|Hang|Zhou",
+    "cidrs": ["10.0.0.0/8", "192.168.0.0/16", "172.16.0.0/12", "173.16.0.1/11", "171.18.2.1/21"],
+    "hostnames": ["cluster-1", "cluster-2", "cluster-3", "cluster-4"]
+  },
+  "scheduler_cluster_id": 1,
+  "seed_peer_cluster_id": 1,
+  "scheduler_cluster_config": {
+    "candidate_parent_limit": 4,
+    "filter_parent_limit": 40,
+    "job_rate_limit": 15
+  },
+  "seed_peer_cluster_config": {
+    "load_limit": 300
+  },
+  "peer_cluster_config": {
+    "load_limit": 51
+  },
+  "created_at": "2023-10-31T07:48:35Z",
+  "updated_at": "2023-10-31T07:48:35Z",
+  "is_default": true
+}

cypress/fixtures/clusters/cluster/delete-cluster.json

@@ -0,0 +1,27 @@
+{
+  "id": 10,
+  "name": "cluster-10",
+  "bio": "Cluster-10 is a high-performance computing cluster located in England, specifically in London data centers.",
+  "scopes": {
+    "idc": "London",
+    "location": "London|England",
+    "cidrs": ["192.168.255.255"],
+    "hostnames": ["cluster-1"]
+  },
+  "scheduler_cluster_id": 10,
+  "seed_peer_cluster_id": 10,
+  "scheduler_cluster_config": {
+    "candidate_parent_limit": 4,
+    "filter_parent_limit": 40,
+    "job_rate_limit": 10
+  },
+  "seed_peer_cluster_config": {
+    "load_limit": 300
+  },
+  "peer_cluster_config": {
+    "load_limit": 50
+  },
+  "created_at": "2023-11-15T05:19:36Z",
+  "updated_at": "2023-11-15T05:19:36Z",
+  "is_default": true
+}

cypress/fixtures/clusters/cluster/delete-clusters.json

@@ -0,0 +1,904 @@
+[
+  {
+    "id": 1,
+    "name": "cluster-1",
+    "bio": "Cluster-1 is a high-performance computing cluster located in China, specifically in Hangzhou and Beijing data centers.",
+    "scopes": {
+      "idc": "Hangzhou|Shanghai|Beijing",
+      "location": "China|Hang|Zhou",
+      "cidrs": ["10.0.0.0/8", "192.168.0.0/16", "172.16.0.0/12"],
+      "hostnames": null
+    },
+    "scheduler_cluster_id": 1,
+    "seed_peer_cluster_id": 1,
+    "scheduler_cluster_config": {
+      "candidate_parent_limit": 4,
+      "filter_parent_limit": 40,
+      "job_rate_limit": 10
+    },
+    "seed_peer_cluster_config": {
+      "load_limit": 300
+    },
+    "peer_cluster_config": {
+      "load_limit": 51
+    },
+    "created_at": "2023-10-31T07:48:35Z",
+    "updated_at": "2023-10-31T07:48:35Z",
+    "is_default": true
+  },
+  {
+    "id": 2,
+    "name": "cluster-2",
+    "bio": "",
+    "scopes": {
+      "idc": "",
+      "location": "",
+      "cidrs": []
+    },
+    "scheduler_cluster_id": 2,
+    "seed_peer_cluster_id": 2,
+    "scheduler_cluster_config": {
+      "candidate_parent_limit": 4,
+      "filter_parent_limit": 40
+    },
+    "seed_peer_cluster_config": {
+      "load_limit": 300
+    },
+    "peer_cluster_config": {
+      "load_limit": 50
+    },
+    "created_at": "2023-10-31T17:48:35Z",
+    "updated_at": "2023-10-31T17:48:35Z",
+    "is_default": false
+  },
+  {
+    "id": 3,
+    "name": "cluster-3",
+    "bio": "Cluster-3 is a high-performance computing cluster located in Korea, specifically in Seoul data centers.",
+    "scopes": {
+      "idc": "Korea",
+      "location": "Seoul|Korea",
+      "cidrs": ["192.168.0.0/16", "172.16.0.0/12"]
+    },
+    "scheduler_cluster_id": 3,
+    "seed_peer_cluster_id": 3,
+    "scheduler_cluster_config": {
+      "candidate_parent_limit": 4,
+      "filter_parent_limit": 40
+    },
+    "seed_peer_cluster_config": {
+      "load_limit": 300
+    },
+    "peer_cluster_config": {
+      "load_limit": 50
+    },
+    "created_at": "2023-11-08T11:19:36Z",
+    "updated_at": "2023-11-08T11:19:36Z",
+    "is_default": true
+  },
+  {
+    "id": 4,
+    "name": "cluster-4",
+    "bio": "Cluster-4 is a high-performance computing cluster located in China, specifically in Hangzhou data centers.",
+    "scopes": {
+      "idc": "hz|dl",
+      "location": "China|Hang|Zhou",
+      "cidrs": ["10.0.0.0/8", "192.168.0.0/16"]
+    },
+    "scheduler_cluster_id": 4,
+    "seed_peer_cluster_id": 4,
+    "scheduler_cluster_config": {
+      "candidate_parent_limit": 5,
+      "filter_parent_limit": 40
+    },
+    "seed_peer_cluster_config": {
+      "load_limit": 300
+    },
+    "peer_cluster_config": {
+      "load_limit": 50
+    },
+    "created_at": "2023-11-09T18:19:36Z",
+    "updated_at": "2023-11-09T18:19:36Z",
+    "is_default": true
+  },
+  {
+    "id": 5,
+    "name": "cluster-5",
+    "bio": "Cluster-5 is a high-performance computing cluster located in China, specifically in Chongqing data centers.",
+    "scopes": {
+      "idc": "cq|cd",
+      "location": "China|Chong|Qing",
+      "cidrs": ["10.0.0.0/8", "192.168.0.0/16"]
+    },
+    "scheduler_cluster_id": 5,
+    "seed_peer_cluster_id": 5,
+    "scheduler_cluster_config": {
+      "candidate_parent_limit": 4,
+      "filter_parent_limit": 40
+    },
+    "seed_peer_cluster_config": {
+      "load_limit": 300
+    },
+    "peer_cluster_config": {
+      "load_limit": 50
+    },
+    "created_at": "2023-11-01T10:19:36Z",
+    "updated_at": "2023-11-01T10:19:36Z",
+    "is_default": false
+  },
+  {
+    "id": 6,
+    "name": "cluster-6",
+    "bio": "Cluster-6 is a high-performance computing cluster located in China, specifically in Chongdu data centers.",
+    "scopes": {
+      "idc": "cq|cd",
+      "location": "China|Chong|Du",
+      "cidrs": ["10.0.0.0/8", "192.168.0.0/16"]
+    },
+    "scheduler_cluster_id": 6,
+    "seed_peer_cluster_id": 6,
+    "scheduler_cluster_config": {
+      "candidate_parent_limit": 4,
+      "filter_parent_limit": 40
+    },
+    "seed_peer_cluster_config": {
+      "load_limit": 300
+    },
+    "peer_cluster_config": {
+      "load_limit": 50
+    },
+    "created_at": "2023-11-09T20:12:36Z",
+    "updated_at": "2023-11-09T20:12:36Z",
+    "is_default": true
+  },
+  {
+    "id": 7,
+    "name": "cluster-7",
+    "bio": "Cluster-7 is a high-performance computing cluster located in China, specifically in Chongdu data centers.",
+    "scopes": {
+      "idc": "cd",
+      "location": "China|Cheng|Du",
+      "cidrs": ["10.0.0.0/8", "172.16.0.0/19"]
+    },
+    "scheduler_cluster_id": 7,
+    "seed_peer_cluster_id": 7,
+    "scheduler_cluster_config": {
+      "candidate_parent_limit": 4,
+      "filter_parent_limit": 40
+    },
+    "seed_peer_cluster_config": {
+      "load_limit": 300
+    },
+    "peer_cluster_config": {
+      "load_limit": 50
+    },
+    "created_at": "2023-11-11T10:19:36Z",
+    "updated_at": "2023-11-11T10:19:36Z",
+    "is_default": true
+  },
+  {
+    "id": 8,
+    "name": "cluster-8",
+    "bio": "Cluster-8 is a high-performance computing cluster located in China, specifically in Jiangsu data centers.",
+    "scopes": {
+      "idc": "js",
+      "location": "China|Jiang|Su",
+      "cidrs": ["10.0.0.0/5", "172.16.0.0/19"]
+    },
+    "scheduler_cluster_id": 8,
+    "seed_peer_cluster_id": 8,
+    "scheduler_cluster_config": {
+      "candidate_parent_limit": 4,
+      "filter_parent_limit": 40
+    },
+    "seed_peer_cluster_config": {
+      "load_limit": 300
+    },
+    "peer_cluster_config": {
+      "load_limit": 50
+    },
+    "created_at": "2023-11-11T13:19:36Z",
+    "updated_at": "2023-11-11T13:19:36Z",
+    "is_default": false
+  },
+  {
+    "id": 9,
+    "name": "cluster-9",
+    "bio": "Cluster-9 is a high-performance computing cluster located in China, specifically in Hangzhou data centers.",
+    "scopes": {
+      "idc": "hz|hf",
+      "location": "China|Hang|Zhou",
+      "cidrs": ["10.0.0.0/8", "192.168.0.0/16"]
+    },
+    "scheduler_cluster_id": 9,
+    "seed_peer_cluster_id": 9,
+    "scheduler_cluster_config": {
+      "candidate_parent_limit": 4,
+      "filter_parent_limit": 40
+    },
+    "seed_peer_cluster_config": {
+      "load_limit": 300
+    },
+    "peer_cluster_config": {
+      "load_limit": 50
+    },
+    "created_at": "2023-11-11T10:29:36Z",
+    "updated_at": "2023-11-11T10:29:36Z",
+    "is_default": true
+  },
+  {
+    "id": 11,
+    "name": "cluster-11",
+    "bio": "Cluster-10 is a high-performance computing cluster located in France, specifically in Paris data centers.",
+    "scopes": {
+      "idc": "Paris",
+      "location": "Paris|France",
+      "cidrs": ["192.168.0.0", "10.0.0.0"]
+    },
+    "scheduler_cluster_id": 11,
+    "seed_peer_cluster_id": 11,
+    "scheduler_cluster_config": {
+      "candidate_parent_limit": 4,
+      "filter_parent_limit": 40
+    },
+    "seed_peer_cluster_config": {
+      "load_limit": 300
+    },
+    "peer_cluster_config": {
+      "load_limit": 50
+    },
+    "created_at": "2023-11-01T10:19:36Z",
+    "updated_at": "2023-11-01T10:19:36Z",
+    "is_default": false
+  },
+  {
+    "id": 12,
+    "name": "cluster-12",
+    "bio": "Cluster-12 is a high-performance computing cluster located in France, specifically in Paris data centers.",
+    "scopes": {
+      "idc": "Paris",
+      "location": "Paris|France",
+      "cidrs": ["192.168.0.0", "10.0.0.0"]
+    },
+    "scheduler_cluster_id": 12,
+    "seed_peer_cluster_id": 12,
+    "scheduler_cluster_config": {
+      "candidate_parent_limit": 4,
+      "filter_parent_limit": 40
+    },
+    "seed_peer_cluster_config": {
+      "load_limit": 300
+    },
+    "peer_cluster_config": {
+      "load_limit": 50
+    },
+    "created_at": "2023-12-01T10:19:36Z",
+    "updated_at": "2023-12-01T10:19:36Z",
+    "is_default": false
+  },
+  {
+    "id": 13,
+    "name": "cluster-13",
+    "bio": "Cluster-13 is a high-performance computing cluster located in France, specifically in Paris data centers.",
+    "scopes": {
+      "idc": "Paris",
+      "location": "Paris|France",
+      "cidrs": ["192.168.0.0", "10.0.0.0"]
+    },
+    "scheduler_cluster_id": 13,
+    "seed_peer_cluster_id": 13,
+    "scheduler_cluster_config": {
+      "candidate_parent_limit": 4,
+      "filter_parent_limit": 40
+    },
+    "seed_peer_cluster_config": {
+      "load_limit": 300
+    },
+    "peer_cluster_config": {
+      "load_limit": 50
+    },
+    "created_at": "2023-12-03T10:19:36Z",
+    "updated_at": "2023-12-03T10:19:36Z",
+    "is_default": false
+  },
+  {
+    "id": 14,
+    "name": "cluster-14",
+    "bio": "Cluster-14 is a high-performance computing cluster located in France, specifically in Paris data centers.",
+    "scopes": {
+      "idc": "Paris",
+      "location": "Paris|France",
+      "cidrs": ["192.168.0.0", "10.0.0.0"]
+    },
+    "scheduler_cluster_id": 14,
+    "seed_peer_cluster_id": 14,
+    "scheduler_cluster_config": {
+      "candidate_parent_limit": 4,
+      "filter_parent_limit": 40
+    },
+    "seed_peer_cluster_config": {
+      "load_limit": 300
+    },
+    "peer_cluster_config": {
+      "load_limit": 50
+    },
+    "created_at": "2023-12-04T10:19:36Z",
+    "updated_at": "2023-12-04T10:19:36Z",
+    "is_default": false
+  },
+  {
+    "id": 15,
+    "name": "cluster-15",
+    "bio": "Cluster-15 is a high-performance computing cluster located in France, specifically in Paris data centers.",
+    "scopes": {
+      "idc": "Paris",
+      "location": "Paris|France",
+      "cidrs": ["192.168.0.0", "10.0.0.0"]
+    },
+    "scheduler_cluster_id": 15,
+    "seed_peer_cluster_id": 15,
+    "scheduler_cluster_config": {
+      "candidate_parent_limit": 4,
+      "filter_parent_limit": 40
+    },
+    "seed_peer_cluster_config": {
+      "load_limit": 300
+    },
+    "peer_cluster_config": {
+      "load_limit": 50
+    },
+    "created_at": "2023-12-05T10:19:36Z",
+    "updated_at": "2023-12-05T10:19:36Z",
+    "is_default": false
+  },
+  {
+    "id": 16,
+    "name": "cluster-16",
+    "bio": "Cluster-10 is a high-performance computing cluster located in France, specifically in Paris data centers.",
+    "scopes": {
+      "idc": "Paris",
+      "location": "Paris|France",
+      "cidrs": ["192.168.0.0", "10.0.0.0"]
+    },
+    "scheduler_cluster_id": 16,
+    "seed_peer_cluster_id": 16,
+    "scheduler_cluster_config": {
+      "candidate_parent_limit": 4,
+      "filter_parent_limit": 40
+    },
+    "seed_peer_cluster_config": {
+      "load_limit": 300
+    },
+    "peer_cluster_config": {
+      "load_limit": 50
+    },
+    "created_at": "2023-12-06T10:19:36Z",
+    "updated_at": "2023-12-06T10:19:36Z",
+    "is_default": false
+  },
+  {
+    "id": 17,
+    "name": "cluster-17",
+    "bio": "Cluster-10 is a high-performance computing cluster located in France, specifically in Paris data centers.",
+    "scopes": {
+      "idc": "Paris",
+      "location": "Paris|France",
+      "cidrs": ["192.168.0.0", "10.0.0.0"]
+    },
+    "scheduler_cluster_id": 17,
+    "seed_peer_cluster_id": 17,
+    "scheduler_cluster_config": {
+      "candidate_parent_limit": 4,
+      "filter_parent_limit": 40
+    },
+    "seed_peer_cluster_config": {
+      "load_limit": 300
+    },
+    "peer_cluster_config": {
+      "load_limit": 50
+    },
+    "created_at": "2023-12-06T10:19:36Z",
+    "updated_at": "2023-12-06T10:19:36Z",
+    "is_default": false
+  },
+  {
+    "id": 18,
+    "name": "cluster-18",
+    "bio": "Cluster-10 is a high-performance computing cluster located in France, specifically in Paris data centers.",
+    "scopes": {
+      "idc": "Paris",
+      "location": "Paris|France",
+      "cidrs": ["192.168.0.0", "10.0.0.0"]
+    },
+    "scheduler_cluster_id": 18,
+    "seed_peer_cluster_id": 18,
+    "scheduler_cluster_config": {
+      "candidate_parent_limit": 4,
+      "filter_parent_limit": 40
+    },
+    "seed_peer_cluster_config": {
+      "load_limit": 300
+    },
+    "peer_cluster_config": {
+      "load_limit": 50
+    },
+    "created_at": "2023-12-06T10:19:36Z",
+    "updated_at": "2023-12-06T10:19:36Z",
+    "is_default": false
+  },
+  {
+    "id": 19,
+    "name": "cluster-19",
+    "bio": "Cluster-10 is a high-performance computing cluster located in France, specifically in Paris data centers.",
+    "scopes": {
+      "idc": "Paris",
+      "location": "Paris|France",
+      "cidrs": ["192.198.0.0", "10.0.0.0"]
+    },
+    "scheduler_cluster_id": 19,
+    "seed_peer_cluster_id": 19,
+    "scheduler_cluster_config": {
+      "candidate_parent_limit": 4,
+      "filter_parent_limit": 40
+    },
+    "seed_peer_cluster_config": {
+      "load_limit": 300
+    },
+    "peer_cluster_config": {
+      "load_limit": 50
+    },
+    "created_at": "2023-12-06T10:19:36Z",
+    "updated_at": "2023-12-06T10:19:36Z",
+    "is_default": false
+  },
+  {
+    "id": 20,
+    "name": "cluster-20",
+    "bio": "Cluster-10 is a high-performance computing cluster located in France, specifically in Paris data centers.",
+    "scopes": {
+      "idc": "Paris",
+      "location": "Paris|France",
+      "cidrs": ["192.208.0.0", "10.0.0.0"]
+    },
+    "scheduler_cluster_id": 20,
+    "seed_peer_cluster_id": 20,
+    "scheduler_cluster_config": {
+      "candidate_parent_limit": 4,
+      "filter_parent_limit": 40
+    },
+    "seed_peer_cluster_config": {
+      "load_limit": 300
+    },
+    "peer_cluster_config": {
+      "load_limit": 50
+    },
+    "created_at": "2023-12-06T10:19:36Z",
+    "updated_at": "2023-12-06T10:19:36Z",
+    "is_default": false
+  },
+  {
+    "id": 21,
+    "name": "cluster-21",
+    "bio": "Cluster-10 is a high-performance computing cluster located in France, specifically in Paris data centers.",
+    "scopes": {
+      "idc": "Paris",
+      "location": "Paris|France",
+      "cidrs": ["192.218.0.0", "10.0.0.0"]
+    },
+    "scheduler_cluster_id": 21,
+    "seed_peer_cluster_id": 21,
+    "scheduler_cluster_config": {
+      "candidate_parent_limit": 4,
+      "filter_parent_limit": 40
+    },
+    "seed_peer_cluster_config": {
+      "load_limit": 300
+    },
+    "peer_cluster_config": {
+      "load_limit": 50
+    },
+    "created_at": "2023-12-06T10:19:36Z",
+    "updated_at": "2023-12-06T10:19:36Z",
+    "is_default": true
+  },
+  {
+    "id": 22,
+    "name": "cluster-22",
+    "bio": "Cluster-10 is a high-performance computing cluster located in France, specifically in Paris data centers.",
+    "scopes": {
+      "idc": "Paris",
+      "location": "Paris|France",
+      "cidrs": ["192.228.0.0", "10.0.0.0"]
+    },
+    "scheduler_cluster_id": 22,
+    "seed_peer_cluster_id": 22,
+    "scheduler_cluster_config": {
+      "candidate_parent_limit": 4,
+      "filter_parent_limit": 40
+    },
+    "seed_peer_cluster_config": {
+      "load_limit": 300
+    },
+    "peer_cluster_config": {
+      "load_limit": 50
+    },
+    "created_at": "2023-12-06T10:19:36Z",
+    "updated_at": "2023-12-06T10:19:36Z",
+    "is_default": true
+  },
+  {
+    "id": 23,
+    "name": "cluster-23",
+    "bio": "Cluster-10 is a high-performance computing cluster located in France, specifically in Paris data centers.",
+    "scopes": {
+      "idc": "Paris",
+      "location": "Paris|France",
+      "cidrs": ["192.238.0.0", "10.0.0.0"]
+    },
+    "scheduler_cluster_id": 23,
+    "seed_peer_cluster_id": 23,
+    "scheduler_cluster_config": {
+      "candidate_parent_limit": 4,
+      "filter_parent_limit": 40
+    },
+    "seed_peer_cluster_config": {
+      "load_limit": 300
+    },
+    "peer_cluster_config": {
+      "load_limit": 50
+    },
+    "created_at": "2023-12-06T10:19:36Z",
+    "updated_at": "2023-12-06T10:19:36Z",
+    "is_default": true
+  },
+  {
+    "id": 24,
+    "name": "cluster-24",
+    "bio": "Cluster-10 is a high-performance computing cluster located in France, specifically in Paris data centers.",
+    "scopes": {
+      "idc": "Paris",
+      "location": "Paris|France",
+      "cidrs": ["192.248.0.0", "10.0.0.0"]
+    },
+    "scheduler_cluster_id": 24,
+    "seed_peer_cluster_id": 24,
+    "scheduler_cluster_config": {
+      "candidate_parent_limit": 4,
+      "filter_parent_limit": 40
+    },
+    "seed_peer_cluster_config": {
+      "load_limit": 300
+    },
+    "peer_cluster_config": {
+      "load_limit": 50
+    },
+    "created_at": "2023-12-06T10:19:36Z",
+    "updated_at": "2023-12-06T10:19:36Z",
+    "is_default": false
+  },
+  {
+    "id": 25,
+    "name": "cluster-25",
+    "bio": "Cluster-10 is a high-performance computing cluster located in France, specifically in Paris data centers.",
+    "scopes": {
+      "idc": "Paris",
+      "location": "Paris|France",
+      "cidrs": ["192.258.0.0", "10.0.0.0"]
+    },
+    "scheduler_cluster_id": 25,
+    "seed_peer_cluster_id": 25,
+    "scheduler_cluster_config": {
+      "candidate_parent_limit": 4,
+      "filter_parent_limit": 40
+    },
+    "seed_peer_cluster_config": {
+      "load_limit": 300
+    },
+    "peer_cluster_config": {
+      "load_limit": 50
+    },
+    "created_at": "2023-12-06T10:19:36Z",
+    "updated_at": "2023-12-06T10:19:36Z",
+    "is_default": false
+  },
+  {
+    "id": 26,
+    "name": "cluster-26",
+    "bio": "Cluster-10 is a high-performance computing cluster located in France, specifically in Paris data centers.",
+    "scopes": {
+      "idc": "Paris",
+      "location": "Paris|France",
+      "cidrs": ["192.268.0.0", "10.0.0.0"]
+    },
+    "scheduler_cluster_id": 26,
+    "seed_peer_cluster_id": 26,
+    "scheduler_cluster_config": {
+      "candidate_parent_limit": 4,
+      "filter_parent_limit": 40
+    },
+    "seed_peer_cluster_config": {
+      "load_limit": 300
+    },
+    "peer_cluster_config": {
+      "load_limit": 50
+    },
+    "created_at": "2023-12-06T10:19:36Z",
+    "updated_at": "2023-12-06T10:19:36Z",
+    "is_default": false
+  },
+  {
+    "id": 27,
+    "name": "cluster-27",
+    "bio": "Cluster-10 is a high-performance computing cluster located in France, specifically in Paris data centers.",
+    "scopes": {
+      "idc": "Paris",
+      "location": "Paris|France",
+      "cidrs": ["192.278.0.0", "10.0.0.0"]
+    },
+    "scheduler_cluster_id": 27,
+    "seed_peer_cluster_id": 27,
+    "scheduler_cluster_config": {
+      "candidate_parent_limit": 4,
+      "filter_parent_limit": 40
+    },
+    "seed_peer_cluster_config": {
+      "load_limit": 300
+    },
+    "peer_cluster_config": {
+      "load_limit": 50
+    },
+    "created_at": "2023-12-06T10:19:36Z",
+    "updated_at": "2023-12-06T10:19:36Z",
+    "is_default": false
+  },
+  {
+    "id": 28,
+    "name": "cluster-28",
+    "bio": "Cluster-10 is a high-performance computing cluster located in France, specifically in Paris data centers.",
+    "scopes": {
+      "idc": "Paris",
+      "location": "Paris|France",
+      "cidrs": ["192.288.0.0", "10.0.0.0"]
+    },
+    "scheduler_cluster_id": 28,
+    "seed_peer_cluster_id": 28,
+    "scheduler_cluster_config": {
+      "candidate_parent_limit": 4,
+      "filter_parent_limit": 40
+    },
+    "seed_peer_cluster_config": {
+      "load_limit": 300
+    },
+    "peer_cluster_config": {
+      "load_limit": 50
+    },
+    "created_at": "2023-12-06T10:19:36Z",
+    "updated_at": "2023-12-06T10:19:36Z",
+    "is_default": false
+  },
+  {
+    "id": 29,
+    "name": "cluster-29",
+    "bio": "Cluster-10 is a high-performance computing cluster located in France, specifically in Paris data centers.",
+    "scopes": {
+      "idc": "Paris",
+      "location": "Paris|France",
+      "cidrs": ["192.298.0.0", "10.0.0.0"]
+    },
+    "scheduler_cluster_id": 29,
+    "seed_peer_cluster_id": 29,
+    "scheduler_cluster_config": {
+      "candidate_parent_limit": 4,
+      "filter_parent_limit": 40
+    },
+    "seed_peer_cluster_config": {
+      "load_limit": 300
+    },
+    "peer_cluster_config": {
+      "load_limit": 50
+    },
+    "created_at": "2023-12-06T10:19:36Z",
+    "updated_at": "2023-12-06T10:19:36Z",
+    "is_default": true
+  },
+  {
+    "id": 30,
+    "name": "cluster-30",
+    "bio": "Cluster-10 is a high-performance computing cluster located in France, specifically in Paris data centers.",
+    "scopes": {
+      "idc": "Paris",
+      "location": "Paris|France",
+      "cidrs": ["192.308.0.0", "10.0.0.0"]
+    },
+    "scheduler_cluster_id": 30,
+    "seed_peer_cluster_id": 30,
+    "scheduler_cluster_config": {
+      "candidate_parent_limit": 4,
+      "filter_parent_limit": 40
+    },
+    "seed_peer_cluster_config": {
+      "load_limit": 300
+    },
+    "peer_cluster_config": {
+      "load_limit": 50
+    },
+    "created_at": "2023-12-06T10:19:36Z",
+    "updated_at": "2023-12-06T10:19:36Z",
+    "is_default": true
+  },
+  {
+    "id": 31,
+    "name": "cluster-31",
+    "bio": "Cluster-10 is a high-performance computing cluster located in France, specifically in Paris data centers.",
+    "scopes": {
+      "idc": "Paris",
+      "location": "Paris|France",
+      "cidrs": ["192.318.0.0", "10.0.0.0"]
+    },
+    "scheduler_cluster_id": 31,
+    "seed_peer_cluster_id": 31,
+    "scheduler_cluster_config": {
+      "candidate_parent_limit": 4,
+      "filter_parent_limit": 40
+    },
+    "seed_peer_cluster_config": {
+      "load_limit": 300
+    },
+    "peer_cluster_config": {
+      "load_limit": 50
+    },
+    "created_at": "2023-12-06T10:19:36Z",
+    "updated_at": "2023-12-06T10:19:36Z",
+    "is_default": true
+  },
+  {
+    "id": 32,
+    "name": "cluster-32",
+    "bio": "Cluster-10 is a high-performance computing cluster located in France, specifically in Paris data centers.",
+    "scopes": {
+      "idc": "Paris",
+      "location": "Paris|France",
+      "cidrs": ["192.328.0.0", "10.0.0.0"]
+    },
+    "scheduler_cluster_id": 32,
+    "seed_peer_cluster_id": 32,
+    "scheduler_cluster_config": {
+      "candidate_parent_limit": 4,
+      "filter_parent_limit": 40
+    },
+    "seed_peer_cluster_config": {
+      "load_limit": 300
+    },
+    "peer_cluster_config": {
+      "load_limit": 50
+    },
+    "created_at": "2023-12-06T10:19:36Z",
+    "updated_at": "2023-12-06T10:19:36Z",
+    "is_default": false
+  },
+  {
+    "id": 33,
+    "name": "cluster-33",
+    "bio": "Cluster-10 is a high-performance computing cluster located in France, specifically in Paris data centers.",
+    "scopes": {
+      "idc": "Paris",
+      "location": "Paris|France",
+      "cidrs": ["192.338.0.0", "10.0.0.0"]
+    },
+    "scheduler_cluster_id": 33,
+    "seed_peer_cluster_id": 33,
+    "scheduler_cluster_config": {
+      "candidate_parent_limit": 4,
+      "filter_parent_limit": 40
+    },
+    "seed_peer_cluster_config": {
+      "load_limit": 300
+    },
+    "peer_cluster_config": {
+      "load_limit": 50
+    },
+    "created_at": "2023-12-06T10:19:36Z",
+    "updated_at": "2023-12-06T10:19:36Z",
+    "is_default": false
+  },
+  {
+    "id": 34,
+    "name": "cluster-34",
+    "bio": "Cluster-10 is a high-performance computing cluster located in France, specifically in Paris data centers.",
+    "scopes": {
+      "idc": "Paris",
+      "location": "Paris|France",
+      "cidrs": ["192.348.0.0", "10.0.0.0"]
+    },
+    "scheduler_cluster_id": 34,
+    "seed_peer_cluster_id": 34,
+    "scheduler_cluster_config": {
+      "candidate_parent_limit": 4,
+      "filter_parent_limit": 40
+    },
+    "seed_peer_cluster_config": {
+      "load_limit": 300
+    },
+    "peer_cluster_config": {
+      "load_limit": 50
+    },
+    "created_at": "2023-12-06T10:19:36Z",
+    "updated_at": "2023-12-06T10:19:36Z",
+    "is_default": false
+  },
+  {
+    "id": 35,
+    "name": "cluster-35",
+    "bio": "Cluster-10 is a high-performance computing cluster located in France, specifically in Paris data centers.",
+    "scopes": {
+      "idc": "Paris",
+      "location": "Paris|France",
+      "cidrs": ["192.358.0.0", "10.0.0.0"]
+    },
+    "scheduler_cluster_id": 35,
+    "seed_peer_cluster_id": 35,
+    "scheduler_cluster_config": {
+      "candidate_parent_limit": 4,
+      "filter_parent_limit": 40
+    },
+    "seed_peer_cluster_config": {
+      "load_limit": 300
+    },
+    "peer_cluster_config": {
+      "load_limit": 50
+    },
+    "created_at": "2023-12-06T10:19:36Z",
+    "updated_at": "2023-12-06T10:19:36Z",
+    "is_default": false
+  },
+  {
+    "id": 36,
+    "name": "cluster-36",
+    "bio": "Cluster-10 is a high-performance computing cluster located in France, specifically in Paris data centers.",
+    "scopes": {
+      "idc": "Paris",
+      "location": "Paris|France",
+      "cidrs": ["192.368.0.0", "10.0.0.0"]
+    },
+    "scheduler_cluster_id": 36,
+    "seed_peer_cluster_id": 36,
+    "scheduler_cluster_config": {
+      "candidate_parent_limit": 4,
+      "filter_parent_limit": 40
+    },
+    "seed_peer_cluster_config": {
+      "load_limit": 300
+    },
+    "peer_cluster_config": {
+      "load_limit": 50
+    },
+    "created_at": "2023-12-06T10:19:36Z",
+    "updated_at": "2023-12-06T10:19:36Z",
+    "is_default": false
+  },
+  {
+    "id": 37,
+    "name": "cluster-37",
+    "bio": "Cluster-10 is a high-performance computing cluster located in France, specifically in Paris data centers.",
+    "scopes": {
+      "idc": "Paris",
+      "location": "Paris|France",
+      "cidrs": ["192.378.0.0", "10.0.0.0"]
+    },
+    "scheduler_cluster_id": 37,
+    "seed_peer_cluster_id": 37,
+    "scheduler_cluster_config": {
+      "candidate_parent_limit": 4,
+      "filter_parent_limit": 40
+    },
+    "seed_peer_cluster_config": {
+      "load_limit": 300
+    },
+    "peer_cluster_config": {
+      "load_limit": 50
+    },
+    "created_at": "2023-12-06T10:19:36Z",
+    "updated_at": "2023-12-06T10:19:36Z",
+    "is_default": false
+  }
+]

cypress/fixtures/clusters/cluster/deleted-inactive-seed-peer.json

@@ -0,0 +1,226 @@
+[
+  {
+    "id": 1,
+    "created_at": "2023-11-06T06:09:08Z",
+    "updated_at": "2023-11-06T06:09:13Z",
+    "is_del": 0,
+    "host_name": "seed-peer-1",
+    "type": "super",
+    "idc": "cd",
+    "location": "Chengdu",
+    "ip": "30.44.98.202",
+    "port": 65006,
+    "download_port": 65008,
+    "object_storage_port": 443,
+    "state": "active",
+    "seed_peer_cluster_id": 1,
+    "seed_peer_cluster": {
+      "id": 1,
+      "created_at": "0001-01-01T00:00:00Z",
+      "updated_at": "0001-01-01T00:00:00Z",
+      "is_del": 0,
+      "name": "cluster-1",
+      "bio": "cluster-1",
+      "config": null,
+      "scheduler_clusters": null,
+      "seed_peer": null,
+      "jobs": null
+    }
+  },
+  {
+    "id": 2,
+    "created_at": "2022-12-23T15:51:56+08:00",
+    "updated_at": "2023-11-09T06:12:32+08:00",
+    "is_del": 0,
+    "host_name": "seed-peer-2",
+    "type": "super",
+    "idc": "sh",
+    "location": "Shanghai",
+    "ip": "33.149.137.183",
+    "port": 65000,
+    "download_port": 65002,
+    "object_storage_port": 80,
+    "state": "active",
+    "seed_peer_cluster_id": 1,
+    "seed_peer_cluster": {
+      "id": 1,
+      "created_at": "0001-01-01T00:00:00Z",
+      "updated_at": "0001-01-01T00:00:00Z",
+      "is_del": 0,
+      "name": "cluster-1",
+      "bio": "cluster-1",
+      "config": null,
+      "scheduler_clusters": null,
+      "seed_peer": null,
+      "jobs": null
+    }
+  },
+  {
+    "id": 4,
+    "created_at": "2023-11-09T06:12:32+08:00",
+    "updated_at": "2023-11-09T06:12:32+08:00",
+    "is_del": 0,
+    "host_name": "seed-peer-4",
+    "type": "super",
+    "idc": "Berlin",
+    "location": "Berlin|Germany",
+    "ip": "33.149.137.183",
+    "port": 65000,
+    "download_port": 65002,
+    "object_storage_port": 443,
+    "state": "active",
+    "seed_peer_cluster_id": 1,
+    "seed_peer_cluster": {
+      "id": 1,
+      "created_at": "0001-01-01T00:00:00Z",
+      "updated_at": "0001-01-01T00:00:00Z",
+      "is_del": 0,
+      "name": "cluster-1",
+      "bio": "cluster-1",
+      "config": null,
+      "scheduler_clusters": null,
+      "seed_peer": null,
+      "jobs": null
+    }
+  },
+  {
+    "id": 5,
+    "created_at": "2023-11-10T06:09:08Z",
+    "updated_at": "2023-11-10T06:09:13Z",
+    "is_del": 0,
+    "host_name": "seed-peer-5",
+    "type": "super",
+    "idc": "washington",
+    "location": "United|tates|Washington",
+    "ip": "30.44.98.202",
+    "port": 65006,
+    "download_port": 65008,
+    "object_storage_port": 443,
+    "state": "active",
+    "seed_peer_cluster_id": 1,
+    "seed_peer_cluster": {
+      "id": 1,
+      "created_at": "0001-01-01T00:00:00Z",
+      "updated_at": "0001-01-01T00:00:00Z",
+      "is_del": 0,
+      "name": "cluster-1",
+      "bio": "cluster-1",
+      "config": null,
+      "scheduler_clusters": null,
+      "seed_peer": null,
+      "jobs": null
+    }
+  },
+  {
+    "id": 6,
+    "created_at": "2023-11-10T16:09:08Z",
+    "updated_at": "2023-11-10T16:09:13Z",
+    "is_del": 0,
+    "host_name": "seed-peer-6",
+    "type": "super",
+    "idc": "Seoul",
+    "location": "Seoul|Korea",
+    "ip": "33.149.137.183",
+    "port": 65000,
+    "download_port": 65002,
+    "object_storage_port": 0,
+    "state": "active",
+    "seed_peer_cluster_id": 1,
+    "seed_peer_cluster": {
+      "id": 1,
+      "created_at": "0001-01-01T00:00:00Z",
+      "updated_at": "0001-01-01T00:00:00Z",
+      "is_del": 0,
+      "name": "cluster-1",
+      "bio": "cluster-1",
+      "config": null,
+      "scheduler_clusters": null,
+      "seed_peer": null,
+      "jobs": null
+    }
+  },
+  {
+    "id": 7,
+    "created_at": "2023-11-10T17:09:08Z",
+    "updated_at": "2023-11-10T17:09:13Z",
+    "is_del": 0,
+    "host_name": "seed-peer-7",
+    "type": "super",
+    "idc": "Seoul",
+    "location": "Seoul|Korea",
+    "ip": "30.44.98.202",
+    "port": 65006,
+    "download_port": 65008,
+    "object_storage_port": 0,
+    "state": "active",
+    "seed_peer_cluster_id": 1,
+    "seed_peer_cluster": {
+      "id": 1,
+      "created_at": "0001-01-01T00:00:00Z",
+      "updated_at": "0001-01-01T00:00:00Z",
+      "is_del": 0,
+      "name": "cluster-1",
+      "bio": "cluster-1",
+      "config": null,
+      "scheduler_clusters": null,
+      "seed_peer": null,
+      "jobs": null
+    }
+  },
+  {
+    "id": 8,
+    "created_at": "2023-11-10T20:09:08Z",
+    "updated_at": "2023-11-10T20:09:13Z",
+    "is_del": 0,
+    "host_name": "seed-peer-8",
+    "type": "super",
+    "idc": "sy",
+    "location": "China|sheng|yang",
+    "ip": "33.149.137.183",
+    "port": 65000,
+    "download_port": 65002,
+    "object_storage_port": 0,
+    "state": "active",
+    "seed_peer_cluster_id": 1,
+    "seed_peer_cluster": {
+      "id": 1,
+      "created_at": "0001-01-01T00:00:00Z",
+      "updated_at": "0001-01-01T00:00:00Z",
+      "is_del": 0,
+      "name": "cluster-1",
+      "bio": "cluster-1",
+      "config": null,
+      "scheduler_clusters": null,
+      "seed_peer": null,
+      "jobs": null
+    }
+  },
+  {
+    "id": 10,
+    "created_at": "2023-11-11T20:09:08Z",
+    "updated_at": "2023-11-11T20:09:13Z",
+    "is_del": 0,
+    "host_name": "seed-peer-10",
+    "type": "super",
+    "idc": "hz",
+    "location": "Hangzhou",
+    "ip": "192.168.255.255",
+    "port": 65006,
+    "download_port": 65002,
+    "object_storage_port": 443,
+    "state": "active",
+    "seed_peer_cluster_id": 1,
+    "seed_peer_cluster": {
+      "id": 1,
+      "created_at": "0001-01-01T00:00:00Z",
+      "updated_at": "0001-01-01T00:00:00Z",
+      "is_del": 0,
+      "name": "cluster-1",
+      "bio": "cluster-1",
+      "config": null,
+      "scheduler_clusters": null,
+      "seed_peer": null,
+      "jobs": null
+    }
+  }
+]

cypress/fixtures/clusters/cluster/update-cluster.json

@@ -0,0 +1,27 @@
+{
+  "id": 1,
+  "name": "cluster-1",
+  "bio": "update cluster-1",
+  "scopes": {
+    "idc": "Hangzhou|Shanghai",
+    "location": "China|Shang|Hai",
+    "cidrs": ["10.0.0.0/8", "172.16.0.0/12", "192.168.0.0/16", "192.168.20.2"],
+    "hostnames": ["cluster-1"]
+  },
+  "scheduler_cluster_id": 1,
+  "seed_peer_cluster_id": 1,
+  "scheduler_cluster_config": {
+    "candidate_parent_limit": 5,
+    "filter_parent_limit": 50,
+    "job_rate_limit": 20
+  },
+  "seed_peer_cluster_config": {
+    "load_limit": 400
+  },
+  "peer_cluster_config": {
+    "load_limit": 50
+  },
+  "created_at": "2023-10-31T07:48:35Z",
+  "updated_at": "2023-10-31T07:48:35Z",
+  "is_default": false
+}

cypress/fixtures/clusters/clusters.json

@@ -0,0 +1,929 @@
+[
+  {
+    "id": 1,
+    "name": "cluster-1",
+    "bio": "Cluster-1 is a high-performance computing cluster located in China, specifically in Hangzhou and Beijing data centers.",
+    "scopes": {
+      "idc": "Hangzhou|Shanghai|Beijing",
+      "location": "China|Hang|Zhou",
+      "cidrs": ["10.0.0.0/8", "192.168.0.0/16", "172.16.0.0/12"],
+      "hostnames": null
+    },
+    "scheduler_cluster_id": 1,
+    "seed_peer_cluster_id": 1,
+    "scheduler_cluster_config": {
+      "candidate_parent_limit": 4,
+      "filter_parent_limit": 40,
+      "job_rate_limit": 10
+    },
+    "seed_peer_cluster_config": {
+      "load_limit": 300
+    },
+    "peer_cluster_config": {
+      "load_limit": 51
+    },
+    "created_at": "2023-10-31T07:48:35Z",
+    "updated_at": "2023-10-31T07:48:35Z",
+    "is_default": true
+  },
+  {
+    "id": 2,
+    "name": "cluster-2",
+    "bio": "",
+    "scopes": {
+      "idc": "",
+      "location": "",
+      "cidrs": []
+    },
+    "scheduler_cluster_id": 2,
+    "seed_peer_cluster_id": 2,
+    "scheduler_cluster_config": {
+      "candidate_parent_limit": 4,
+      "filter_parent_limit": 40
+    },
+    "seed_peer_cluster_config": {
+      "load_limit": 300
+    },
+    "peer_cluster_config": {
+      "load_limit": 50
+    },
+    "created_at": "2023-10-31T17:48:35Z",
+    "updated_at": "2023-10-31T17:48:35Z",
+    "is_default": false
+  },
+  {
+    "id": 3,
+    "name": "cluster-3",
+    "bio": "Cluster-3 is a high-performance computing cluster located in Korea, specifically in Seoul data centers.",
+    "scopes": {
+      "idc": "Korea",
+      "location": "Seoul|Korea",
+      "cidrs": ["192.168.0.0/16", "172.16.0.0/12"]
+    },
+    "scheduler_cluster_id": 3,
+    "seed_peer_cluster_id": 3,
+    "scheduler_cluster_config": {
+      "candidate_parent_limit": 4,
+      "filter_parent_limit": 40
+    },
+    "seed_peer_cluster_config": {
+      "load_limit": 300
+    },
+    "peer_cluster_config": {
+      "load_limit": 50
+    },
+    "created_at": "2023-11-08T11:19:36Z",
+    "updated_at": "2023-11-08T11:19:36Z",
+    "is_default": true
+  },
+  {
+    "id": 4,
+    "name": "cluster-4",
+    "bio": "Cluster-4 is a high-performance computing cluster located in China, specifically in Hangzhou data centers.",
+    "scopes": {
+      "idc": "hz|dl",
+      "location": "China|Hang|Zhou",
+      "cidrs": ["10.0.0.0/8", "192.168.0.0/16"]
+    },
+    "scheduler_cluster_id": 4,
+    "seed_peer_cluster_id": 4,
+    "scheduler_cluster_config": {
+      "candidate_parent_limit": 5,
+      "filter_parent_limit": 40
+    },
+    "seed_peer_cluster_config": {
+      "load_limit": 300
+    },
+    "peer_cluster_config": {
+      "load_limit": 50
+    },
+    "created_at": "2023-11-09T18:19:36Z",
+    "updated_at": "2023-11-09T18:19:36Z",
+    "is_default": true
+  },
+  {
+    "id": 5,
+    "name": "cluster-5",
+    "bio": "Cluster-5 is a high-performance computing cluster located in China, specifically in Chongqing data centers.",
+    "scopes": {
+      "idc": "cq|cd",
+      "location": "China|Chong|Qing",
+      "cidrs": ["10.0.0.0/8", "192.168.0.0/16"]
+    },
+    "scheduler_cluster_id": 5,
+    "seed_peer_cluster_id": 5,
+    "scheduler_cluster_config": {
+      "candidate_parent_limit": 4,
+      "filter_parent_limit": 40
+    },
+    "seed_peer_cluster_config": {
+      "load_limit": 300
+    },
+    "peer_cluster_config": {
+      "load_limit": 50
+    },
+    "created_at": "2023-11-01T10:19:36Z",
+    "updated_at": "2023-11-01T10:19:36Z",
+    "is_default": false
+  },
+  {
+    "id": 6,
+    "name": "cluster-6",
+    "bio": "Cluster-6 is a high-performance computing cluster located in China, specifically in Chongdu data centers.",
+    "scopes": {
+      "idc": "cq|cd",
+      "location": "China|Chong|Du",
+      "cidrs": ["10.0.0.0/8", "192.168.0.0/16"]
+    },
+    "scheduler_cluster_id": 6,
+    "seed_peer_cluster_id": 6,
+    "scheduler_cluster_config": {
+      "candidate_parent_limit": 4,
+      "filter_parent_limit": 40
+    },
+    "seed_peer_cluster_config": {
+      "load_limit": 300
+    },
+    "peer_cluster_config": {
+      "load_limit": 50
+    },
+    "created_at": "2023-11-09T20:12:36Z",
+    "updated_at": "2023-11-09T20:12:36Z",
+    "is_default": true
+  },
+  {
+    "id": 7,
+    "name": "cluster-7",
+    "bio": "Cluster-7 is a high-performance computing cluster located in China, specifically in Chongdu data centers.",
+    "scopes": {
+      "idc": "cd",
+      "location": "China|Cheng|Du",
+      "cidrs": ["10.0.0.0/8", "172.16.0.0/19"]
+    },
+    "scheduler_cluster_id": 7,
+    "seed_peer_cluster_id": 7,
+    "scheduler_cluster_config": {
+      "candidate_parent_limit": 4,
+      "filter_parent_limit": 40
+    },
+    "seed_peer_cluster_config": {
+      "load_limit": 300
+    },
+    "peer_cluster_config": {
+      "load_limit": 50
+    },
+    "created_at": "2023-11-11T10:19:36Z",
+    "updated_at": "2023-11-11T10:19:36Z",
+    "is_default": true
+  },
+  {
+    "id": 8,
+    "name": "cluster-8",
+    "bio": "Cluster-8 is a high-performance computing cluster located in China, specifically in Jiangsu data centers.",
+    "scopes": {
+      "idc": "js",
+      "location": "China|Jiang|Su",
+      "cidrs": ["10.0.0.0/5", "172.16.0.0/19"]
+    },
+    "scheduler_cluster_id": 8,
+    "seed_peer_cluster_id": 8,
+    "scheduler_cluster_config": {
+      "candidate_parent_limit": 4,
+      "filter_parent_limit": 40
+    },
+    "seed_peer_cluster_config": {
+      "load_limit": 300
+    },
+    "peer_cluster_config": {
+      "load_limit": 50
+    },
+    "created_at": "2023-11-11T13:19:36Z",
+    "updated_at": "2023-11-11T13:19:36Z",
+    "is_default": false
+  },
+  {
+    "id": 9,
+    "name": "cluster-9",
+    "bio": "Cluster-9 is a high-performance computing cluster located in China, specifically in Hangzhou data centers.",
+    "scopes": {
+      "idc": "hz|hf",
+      "location": "China|Hang|Zhou",
+      "cidrs": ["10.0.0.0/8", "192.168.0.0/16"]
+    },
+    "scheduler_cluster_id": 9,
+    "seed_peer_cluster_id": 9,
+    "scheduler_cluster_config": {
+      "candidate_parent_limit": 4,
+      "filter_parent_limit": 40
+    },
+    "seed_peer_cluster_config": {
+      "load_limit": 300
+    },
+    "peer_cluster_config": {
+      "load_limit": 50
+    },
+    "created_at": "2023-11-11T10:29:36Z",
+    "updated_at": "2023-11-11T10:29:36Z",
+    "is_default": true
+  },
+  {
+    "id": 10,
+    "name": "cluster-10",
+    "bio": "Cluster-10 is a high-performance computing cluster located in England, specifically in London data centers.",
+    "scopes": {
+      "idc": "London",
+      "location": "London|England",
+      "cidrs": ["192.168.255.255"]
+    },
+    "scheduler_cluster_id": 10,
+    "seed_peer_cluster_id": 10,
+    "scheduler_cluster_config": {
+      "candidate_parent_limit": 4,
+      "filter_parent_limit": 40
+    },
+    "seed_peer_cluster_config": {
+      "load_limit": 300
+    },
+    "peer_cluster_config": {
+      "load_limit": 50
+    },
+    "created_at": "2023-11-15T05:19:36Z",
+    "updated_at": "2023-11-15T05:19:36Z",
+    "is_default": true
+  },
+  {
+    "id": 11,
+    "name": "cluster-11",
+    "bio": "Cluster-10 is a high-performance computing cluster located in France, specifically in Paris data centers.",
+    "scopes": {
+      "idc": "Paris",
+      "location": "Paris|France",
+      "cidrs": ["192.168.0.0", "10.0.0.0"]
+    },
+    "scheduler_cluster_id": 11,
+    "seed_peer_cluster_id": 11,
+    "scheduler_cluster_config": {
+      "candidate_parent_limit": 4,
+      "filter_parent_limit": 40
+    },
+    "seed_peer_cluster_config": {
+      "load_limit": 300
+    },
+    "peer_cluster_config": {
+      "load_limit": 50
+    },
+    "created_at": "2023-11-01T10:19:36Z",
+    "updated_at": "2023-11-01T10:19:36Z",
+    "is_default": false
+  },
+  {
+    "id": 12,
+    "name": "cluster-12",
+    "bio": "Cluster-12 is a high-performance computing cluster located in France, specifically in Paris data centers.",
+    "scopes": {
+      "idc": "Paris",
+      "location": "Paris|France",
+      "cidrs": ["192.168.0.0", "10.0.0.0"]
+    },
+    "scheduler_cluster_id": 12,
+    "seed_peer_cluster_id": 12,
+    "scheduler_cluster_config": {
+      "candidate_parent_limit": 4,
+      "filter_parent_limit": 40
+    },
+    "seed_peer_cluster_config": {
+      "load_limit": 300
+    },
+    "peer_cluster_config": {
+      "load_limit": 50
+    },
+    "created_at": "2023-12-01T10:19:36Z",
+    "updated_at": "2023-12-01T10:19:36Z",
+    "is_default": false
+  },
+  {
+    "id": 13,
+    "name": "cluster-13",
+    "bio": "Cluster-13 is a high-performance computing cluster located in France, specifically in Paris data centers.",
+    "scopes": {
+      "idc": "Paris",
+      "location": "Paris|France",
+      "cidrs": ["192.168.0.0", "10.0.0.0"]
+    },
+    "scheduler_cluster_id": 13,
+    "seed_peer_cluster_id": 13,
+    "scheduler_cluster_config": {
+      "candidate_parent_limit": 4,
+      "filter_parent_limit": 40
+    },
+    "seed_peer_cluster_config": {
+      "load_limit": 300
+    },
+    "peer_cluster_config": {
+      "load_limit": 50
+    },
+    "created_at": "2023-12-03T10:19:36Z",
+    "updated_at": "2023-12-03T10:19:36Z",
+    "is_default": false
+  },
+  {
+    "id": 14,
+    "name": "cluster-14",
+    "bio": "Cluster-14 is a high-performance computing cluster located in France, specifically in Paris data centers.",
+    "scopes": {
+      "idc": "Paris",
+      "location": "Paris|France",
+      "cidrs": ["192.168.0.0", "10.0.0.0"]
+    },
+    "scheduler_cluster_id": 14,
+    "seed_peer_cluster_id": 14,
+    "scheduler_cluster_config": {
+      "candidate_parent_limit": 4,
+      "filter_parent_limit": 40
+    },
+    "seed_peer_cluster_config": {
+      "load_limit": 300
+    },
+    "peer_cluster_config": {
+      "load_limit": 50
+    },
+    "created_at": "2023-12-04T10:19:36Z",
+    "updated_at": "2023-12-04T10:19:36Z",
+    "is_default": false
+  },
+  {
+    "id": 15,
+    "name": "cluster-15",
+    "bio": "Cluster-15 is a high-performance computing cluster located in France, specifically in Paris data centers.",
+    "scopes": {
+      "idc": "Paris",
+      "location": "Paris|France",
+      "cidrs": ["192.168.0.0", "10.0.0.0"]
+    },
+    "scheduler_cluster_id": 15,
+    "seed_peer_cluster_id": 15,
+    "scheduler_cluster_config": {
+      "candidate_parent_limit": 4,
+      "filter_parent_limit": 40
+    },
+    "seed_peer_cluster_config": {
+      "load_limit": 300
+    },
+    "peer_cluster_config": {
+      "load_limit": 50
+    },
+    "created_at": "2023-12-05T10:19:36Z",
+    "updated_at": "2023-12-05T10:19:36Z",
+    "is_default": false
+  },
+  {
+    "id": 16,
+    "name": "cluster-16",
+    "bio": "Cluster-10 is a high-performance computing cluster located in France, specifically in Paris data centers.",
+    "scopes": {
+      "idc": "Paris",
+      "location": "Paris|France",
+      "cidrs": ["192.168.0.0", "10.0.0.0"]
+    },
+    "scheduler_cluster_id": 16,
+    "seed_peer_cluster_id": 16,
+    "scheduler_cluster_config": {
+      "candidate_parent_limit": 4,
+      "filter_parent_limit": 40
+    },
+    "seed_peer_cluster_config": {
+      "load_limit": 300
+    },
+    "peer_cluster_config": {
+      "load_limit": 50
+    },
+    "created_at": "2023-12-06T10:19:36Z",
+    "updated_at": "2023-12-06T10:19:36Z",
+    "is_default": false
+  },
+  {
+    "id": 17,
+    "name": "cluster-17",
+    "bio": "Cluster-10 is a high-performance computing cluster located in France, specifically in Paris data centers.",
+    "scopes": {
+      "idc": "Paris",
+      "location": "Paris|France",
+      "cidrs": ["192.168.0.0", "10.0.0.0"]
+    },
+    "scheduler_cluster_id": 17,
+    "seed_peer_cluster_id": 17,
+    "scheduler_cluster_config": {
+      "candidate_parent_limit": 4,
+      "filter_parent_limit": 40
+    },
+    "seed_peer_cluster_config": {
+      "load_limit": 300
+    },
+    "peer_cluster_config": {
+      "load_limit": 50
+    },
+    "created_at": "2023-12-06T10:19:36Z",
+    "updated_at": "2023-12-06T10:19:36Z",
+    "is_default": false
+  },
+  {
+    "id": 18,
+    "name": "cluster-18",
+    "bio": "Cluster-10 is a high-performance computing cluster located in France, specifically in Paris data centers.",
+    "scopes": {
+      "idc": "Paris",
+      "location": "Paris|France",
+      "cidrs": ["192.168.0.0", "10.0.0.0"]
+    },
+    "scheduler_cluster_id": 18,
+    "seed_peer_cluster_id": 18,
+    "scheduler_cluster_config": {
+      "candidate_parent_limit": 4,
+      "filter_parent_limit": 40
+    },
+    "seed_peer_cluster_config": {
+      "load_limit": 300
+    },
+    "peer_cluster_config": {
+      "load_limit": 50
+    },
+    "created_at": "2023-12-06T10:19:36Z",
+    "updated_at": "2023-12-06T10:19:36Z",
+    "is_default": false
+  },
+  {
+    "id": 19,
+    "name": "cluster-19",
+    "bio": "Cluster-10 is a high-performance computing cluster located in France, specifically in Paris data centers.",
+    "scopes": {
+      "idc": "Paris",
+      "location": "Paris|France",
+      "cidrs": ["192.198.0.0", "10.0.0.0"]
+    },
+    "scheduler_cluster_id": 19,
+    "seed_peer_cluster_id": 19,
+    "scheduler_cluster_config": {
+      "candidate_parent_limit": 4,
+      "filter_parent_limit": 40
+    },
+    "seed_peer_cluster_config": {
+      "load_limit": 300
+    },
+    "peer_cluster_config": {
+      "load_limit": 50
+    },
+    "created_at": "2023-12-06T10:19:36Z",
+    "updated_at": "2023-12-06T10:19:36Z",
+    "is_default": false
+  },
+  {
+    "id": 20,
+    "name": "cluster-20",
+    "bio": "Cluster-10 is a high-performance computing cluster located in France, specifically in Paris data centers.",
+    "scopes": {
+      "idc": "Paris",
+      "location": "Paris|France",
+      "cidrs": ["192.208.0.0", "10.0.0.0"]
+    },
+    "scheduler_cluster_id": 20,
+    "seed_peer_cluster_id": 20,
+    "scheduler_cluster_config": {
+      "candidate_parent_limit": 4,
+      "filter_parent_limit": 40
+    },
+    "seed_peer_cluster_config": {
+      "load_limit": 300
+    },
+    "peer_cluster_config": {
+      "load_limit": 50
+    },
+    "created_at": "2023-12-06T10:19:36Z",
+    "updated_at": "2023-12-06T10:19:36Z",
+    "is_default": false
+  },
+  {
+    "id": 21,
+    "name": "cluster-21",
+    "bio": "Cluster-10 is a high-performance computing cluster located in France, specifically in Paris data centers.",
+    "scopes": {
+      "idc": "Paris",
+      "location": "Paris|France",
+      "cidrs": ["192.218.0.0", "10.0.0.0"]
+    },
+    "scheduler_cluster_id": 21,
+    "seed_peer_cluster_id": 21,
+    "scheduler_cluster_config": {
+      "candidate_parent_limit": 4,
+      "filter_parent_limit": 40
+    },
+    "seed_peer_cluster_config": {
+      "load_limit": 300
+    },
+    "peer_cluster_config": {
+      "load_limit": 50
+    },
+    "created_at": "2023-12-06T10:19:36Z",
+    "updated_at": "2023-12-06T10:19:36Z",
+    "is_default": true
+  },
+  {
+    "id": 22,
+    "name": "cluster-22",
+    "bio": "Cluster-10 is a high-performance computing cluster located in France, specifically in Paris data centers.",
+    "scopes": {
+      "idc": "Paris",
+      "location": "Paris|France",
+      "cidrs": ["192.228.0.0", "10.0.0.0"]
+    },
+    "scheduler_cluster_id": 22,
+    "seed_peer_cluster_id": 22,
+    "scheduler_cluster_config": {
+      "candidate_parent_limit": 4,
+      "filter_parent_limit": 40
+    },
+    "seed_peer_cluster_config": {
+      "load_limit": 300
+    },
+    "peer_cluster_config": {
+      "load_limit": 50
+    },
+    "created_at": "2023-12-06T10:19:36Z",
+    "updated_at": "2023-12-06T10:19:36Z",
+    "is_default": true
+  },
+  {
+    "id": 23,
+    "name": "cluster-23",
+    "bio": "Cluster-10 is a high-performance computing cluster located in France, specifically in Paris data centers.",
+    "scopes": {
+      "idc": "Paris",
+      "location": "Paris|France",
+      "cidrs": ["192.238.0.0", "10.0.0.0"]
+    },
+    "scheduler_cluster_id": 23,
+    "seed_peer_cluster_id": 23,
+    "scheduler_cluster_config": {
+      "candidate_parent_limit": 4,
+      "filter_parent_limit": 40
+    },
+    "seed_peer_cluster_config": {
+      "load_limit": 300
+    },
+    "peer_cluster_config": {
+      "load_limit": 50
+    },
+    "created_at": "2023-12-06T10:19:36Z",
+    "updated_at": "2023-12-06T10:19:36Z",
+    "is_default": true
+  },
+  {
+    "id": 24,
+    "name": "cluster-24",
+    "bio": "Cluster-10 is a high-performance computing cluster located in France, specifically in Paris data centers.",
+    "scopes": {
+      "idc": "Paris",
+      "location": "Paris|France",
+      "cidrs": ["192.248.0.0", "10.0.0.0"]
+    },
+    "scheduler_cluster_id": 24,
+    "seed_peer_cluster_id": 24,
+    "scheduler_cluster_config": {
+      "candidate_parent_limit": 4,
+      "filter_parent_limit": 40
+    },
+    "seed_peer_cluster_config": {
+      "load_limit": 300
+    },
+    "peer_cluster_config": {
+      "load_limit": 50
+    },
+    "created_at": "2023-12-06T10:19:36Z",
+    "updated_at": "2023-12-06T10:19:36Z",
+    "is_default": false
+  },
+  {
+    "id": 25,
+    "name": "cluster-25",
+    "bio": "Cluster-10 is a high-performance computing cluster located in France, specifically in Paris data centers.",
+    "scopes": {
+      "idc": "Paris",
+      "location": "Paris|France",
+      "cidrs": ["192.258.0.0", "10.0.0.0"]
+    },
+    "scheduler_cluster_id": 25,
+    "seed_peer_cluster_id": 25,
+    "scheduler_cluster_config": {
+      "candidate_parent_limit": 4,
+      "filter_parent_limit": 40
+    },
+    "seed_peer_cluster_config": {
+      "load_limit": 300
+    },
+    "peer_cluster_config": {
+      "load_limit": 50
+    },
+    "created_at": "2023-12-06T10:19:36Z",
+    "updated_at": "2023-12-06T10:19:36Z",
+    "is_default": false
+  },
+  {
+    "id": 26,
+    "name": "cluster-26",
+    "bio": "Cluster-10 is a high-performance computing cluster located in France, specifically in Paris data centers.",
+    "scopes": {
+      "idc": "Paris",
+      "location": "Paris|France",
+      "cidrs": ["192.268.0.0", "10.0.0.0"]
+    },
+    "scheduler_cluster_id": 26,
+    "seed_peer_cluster_id": 26,
+    "scheduler_cluster_config": {
+      "candidate_parent_limit": 4,
+      "filter_parent_limit": 40
+    },
+    "seed_peer_cluster_config": {
+      "load_limit": 300
+    },
+    "peer_cluster_config": {
+      "load_limit": 50
+    },
+    "created_at": "2023-12-06T10:19:36Z",
+    "updated_at": "2023-12-06T10:19:36Z",
+    "is_default": false
+  },
+  {
+    "id": 27,
+    "name": "cluster-27",
+    "bio": "Cluster-10 is a high-performance computing cluster located in France, specifically in Paris data centers.",
+    "scopes": {
+      "idc": "Paris",
+      "location": "Paris|France",
+      "cidrs": ["192.278.0.0", "10.0.0.0"]
+    },
+    "scheduler_cluster_id": 27,
+    "seed_peer_cluster_id": 27,
+    "scheduler_cluster_config": {
+      "candidate_parent_limit": 4,
+      "filter_parent_limit": 40
+    },
+    "seed_peer_cluster_config": {
+      "load_limit": 300
+    },
+    "peer_cluster_config": {
+      "load_limit": 50
+    },
+    "created_at": "2023-12-06T10:19:36Z",
+    "updated_at": "2023-12-06T10:19:36Z",
+    "is_default": false
+  },
+  {
+    "id": 28,
+    "name": "cluster-28",
+    "bio": "Cluster-10 is a high-performance computing cluster located in France, specifically in Paris data centers.",
+    "scopes": {
+      "idc": "Paris",
+      "location": "Paris|France",
+      "cidrs": ["192.288.0.0", "10.0.0.0"]
+    },
+    "scheduler_cluster_id": 28,
+    "seed_peer_cluster_id": 28,
+    "scheduler_cluster_config": {
+      "candidate_parent_limit": 4,
+      "filter_parent_limit": 40
+    },
+    "seed_peer_cluster_config": {
+      "load_limit": 300
+    },
+    "peer_cluster_config": {
+      "load_limit": 50
+    },
+    "created_at": "2023-12-06T10:19:36Z",
+    "updated_at": "2023-12-06T10:19:36Z",
+    "is_default": false
+  },
+  {
+    "id": 29,
+    "name": "cluster-29",
+    "bio": "Cluster-10 is a high-performance computing cluster located in France, specifically in Paris data centers.",
+    "scopes": {
+      "idc": "Paris",
+      "location": "Paris|France",
+      "cidrs": ["192.298.0.0", "10.0.0.0"]
+    },
+    "scheduler_cluster_id": 29,
+    "seed_peer_cluster_id": 29,
+    "scheduler_cluster_config": {
+      "candidate_parent_limit": 4,
+      "filter_parent_limit": 40
+    },
+    "seed_peer_cluster_config": {
+      "load_limit": 300
+    },
+    "peer_cluster_config": {
+      "load_limit": 50
+    },
+    "created_at": "2023-12-06T10:19:36Z",
+    "updated_at": "2023-12-06T10:19:36Z",
+    "is_default": true
+  },
+  {
+    "id": 30,
+    "name": "cluster-30",
+    "bio": "Cluster-10 is a high-performance computing cluster located in France, specifically in Paris data centers.",
+    "scopes": {
+      "idc": "Paris",
+      "location": "Paris|France",
+      "cidrs": ["192.308.0.0", "10.0.0.0"]
+    },
+    "scheduler_cluster_id": 30,
+    "seed_peer_cluster_id": 30,
+    "scheduler_cluster_config": {
+      "candidate_parent_limit": 4,
+      "filter_parent_limit": 40
+    },
+    "seed_peer_cluster_config": {
+      "load_limit": 300
+    },
+    "peer_cluster_config": {
+      "load_limit": 50
+    },
+    "created_at": "2023-12-06T10:19:36Z",
+    "updated_at": "2023-12-06T10:19:36Z",
+    "is_default": true
+  },
+  {
+    "id": 31,
+    "name": "cluster-31",
+    "bio": "Cluster-10 is a high-performance computing cluster located in France, specifically in Paris data centers.",
+    "scopes": {
+      "idc": "Paris",
+      "location": "Paris|France",
+      "cidrs": ["192.318.0.0", "10.0.0.0"]
+    },
+    "scheduler_cluster_id": 31,
+    "seed_peer_cluster_id": 31,
+    "scheduler_cluster_config": {
+      "candidate_parent_limit": 4,
+      "filter_parent_limit": 40
+    },
+    "seed_peer_cluster_config": {
+      "load_limit": 300
+    },
+    "peer_cluster_config": {
+      "load_limit": 50
+    },
+    "created_at": "2023-12-06T10:19:36Z",
+    "updated_at": "2023-12-06T10:19:36Z",
+    "is_default": true
+  },
+  {
+    "id": 32,
+    "name": "cluster-32",
+    "bio": "Cluster-10 is a high-performance computing cluster located in France, specifically in Paris data centers.",
+    "scopes": {
+      "idc": "Paris",
+      "location": "Paris|France",
+      "cidrs": ["192.328.0.0", "10.0.0.0"]
+    },
+    "scheduler_cluster_id": 32,
+    "seed_peer_cluster_id": 32,
+    "scheduler_cluster_config": {
+      "candidate_parent_limit": 4,
+      "filter_parent_limit": 40
+    },
+    "seed_peer_cluster_config": {
+      "load_limit": 300
+    },
+    "peer_cluster_config": {
+      "load_limit": 50
+    },
+    "created_at": "2023-12-06T10:19:36Z",
+    "updated_at": "2023-12-06T10:19:36Z",
+    "is_default": false
+  },
+  {
+    "id": 33,
+    "name": "cluster-33",
+    "bio": "Cluster-10 is a high-performance computing cluster located in France, specifically in Paris data centers.",
+    "scopes": {
+      "idc": "Paris",
+      "location": "Paris|France",
+      "cidrs": ["192.338.0.0", "10.0.0.0"]
+    },
+    "scheduler_cluster_id": 33,
+    "seed_peer_cluster_id": 33,
+    "scheduler_cluster_config": {
+      "candidate_parent_limit": 4,
+      "filter_parent_limit": 40
+    },
+    "seed_peer_cluster_config": {
+      "load_limit": 300
+    },
+    "peer_cluster_config": {
+      "load_limit": 50
+    },
+    "created_at": "2023-12-06T10:19:36Z",
+    "updated_at": "2023-12-06T10:19:36Z",
+    "is_default": false
+  },
+  {
+    "id": 34,
+    "name": "cluster-34",
+    "bio": "Cluster-10 is a high-performance computing cluster located in France, specifically in Paris data centers.",
+    "scopes": {
+      "idc": "Paris",
+      "location": "Paris|France",
+      "cidrs": ["192.348.0.0", "10.0.0.0"]
+    },
+    "scheduler_cluster_id": 34,
+    "seed_peer_cluster_id": 34,
+    "scheduler_cluster_config": {
+      "candidate_parent_limit": 4,
+      "filter_parent_limit": 40
+    },
+    "seed_peer_cluster_config": {
+      "load_limit": 300
+    },
+    "peer_cluster_config": {
+      "load_limit": 50
+    },
+    "created_at": "2023-12-06T10:19:36Z",
+    "updated_at": "2023-12-06T10:19:36Z",
+    "is_default": false
+  },
+  {
+    "id": 35,
+    "name": "cluster-35",
+    "bio": "Cluster-10 is a high-performance computing cluster located in France, specifically in Paris data centers.",
+    "scopes": {
+      "idc": "Paris",
+      "location": "Paris|France",
+      "cidrs": ["192.358.0.0", "10.0.0.0"]
+    },
+    "scheduler_cluster_id": 35,
+    "seed_peer_cluster_id": 35,
+    "scheduler_cluster_config": {
+      "candidate_parent_limit": 4,
+      "filter_parent_limit": 40
+    },
+    "seed_peer_cluster_config": {
+      "load_limit": 300
+    },
+    "peer_cluster_config": {
+      "load_limit": 50
+    },
+    "created_at": "2023-12-06T10:19:36Z",
+    "updated_at": "2023-12-06T10:19:36Z",
+    "is_default": false
+  },
+  {
+    "id": 36,
+    "name": "cluster-36",
+    "bio": "Cluster-10 is a high-performance computing cluster located in France, specifically in Paris data centers.",
+    "scopes": {
+      "idc": "Paris",
+      "location": "Paris|France",
+      "cidrs": ["192.368.0.0", "10.0.0.0"]
+    },
+    "scheduler_cluster_id": 36,
+    "seed_peer_cluster_id": 36,
+    "scheduler_cluster_config": {
+      "candidate_parent_limit": 4,
+      "filter_parent_limit": 40
+    },
+    "seed_peer_cluster_config": {
+      "load_limit": 300
+    },
+    "peer_cluster_config": {
+      "load_limit": 50
+    },
+    "created_at": "2023-12-06T10:19:36Z",
+    "updated_at": "2023-12-06T10:19:36Z",
+    "is_default": false
+  },
+  {
+    "id": 37,
+    "name": "cluster-37",
+    "bio": "Cluster-10 is a high-performance computing cluster located in France, specifically in Paris data centers.",
+    "scopes": {
+      "idc": "Paris",
+      "location": "Paris|France",
+      "cidrs": ["192.378.0.0", "10.0.0.0"]
+    },
+    "scheduler_cluster_id": 37,
+    "seed_peer_cluster_id": 37,
+    "scheduler_cluster_config": {
+      "candidate_parent_limit": 4,
+      "filter_parent_limit": 40
+    },
+    "seed_peer_cluster_config": {
+      "load_limit": 300
+    },
+    "peer_cluster_config": {
+      "load_limit": 50
+    },
+    "created_at": "2023-12-06T10:19:36Z",
+    "updated_at": "2023-12-06T10:19:36Z",
+    "is_default": false
+  }
+]

cypress/fixtures/clusters/create-cluster.json

@@ -0,0 +1,27 @@
+{
+  "id": 38,
+  "name": "cluster-38",
+  "bio": "Add new cluster case",
+  "scopes": {
+    "idc": "hz|sh",
+    "location": "China|Hang|Zhou",
+    "cidrs": ["10.0.0.0/8", "172.16.0.0/12", "192.168.0.0/16"],
+    "hostnames": []
+  },
+  "scheduler_cluster_id": 17,
+  "seed_peer_cluster_id": 17,
+  "scheduler_cluster_config": {
+    "candidate_parent_limit": 4,
+    "filter_parent_limit": 40,
+    "job_rate_limit": 10
+  },
+  "seed_peer_cluster_config": {
+    "load_limit": 300
+  },
+  "peer_cluster_config": {
+    "load_limit": 50
+  },
+  "created_at": "2023-12-06T10:19:36Z",
+  "updated_at": "2023-12-06T10:19:36Z",
+  "is_default": true
+}

cypress/fixtures/clusters/create-clusters.json

@@ -0,0 +1,993 @@
+[
+  {
+    "id": 1,
+    "name": "cluster-1",
+    "bio": "Cluster-1 is a high-performance computing cluster located in China, specifically in Hangzhou and Beijing data centers.",
+    "scopes": {
+      "idc": "Hangzhou|Shanghai|Beijing",
+      "location": "China|Hang|Zhou",
+      "cidrs": ["10.0.0.0/8", "192.168.0.0/16", "172.16.0.0/12"],
+      "hostnames": null
+    },
+    "scheduler_cluster_id": 1,
+    "seed_peer_cluster_id": 1,
+    "scheduler_cluster_config": {
+      "candidate_parent_limit": 4,
+      "filter_parent_limit": 40,
+      "job_rate_limit": 10
+    },
+    "seed_peer_cluster_config": {
+      "load_limit": 300
+    },
+    "peer_cluster_config": {
+      "load_limit": 51
+    },
+    "created_at": "2023-10-31T07:48:35Z",
+    "updated_at": "2023-10-31T07:48:35Z",
+    "is_default": true
+  },
+  {
+    "id": 2,
+    "name": "cluster-2",
+    "bio": "",
+    "scopes": {
+      "idc": "",
+      "location": "",
+      "cidrs": []
+    },
+    "scheduler_cluster_id": 2,
+    "seed_peer_cluster_id": 2,
+    "scheduler_cluster_config": {
+      "candidate_parent_limit": 4,
+      "filter_parent_limit": 40,
+      "job_rate_limit": 10
+    },
+    "seed_peer_cluster_config": {
+      "load_limit": 300
+    },
+    "peer_cluster_config": {
+      "load_limit": 50
+    },
+    "created_at": "2023-10-31T17:48:35Z",
+    "updated_at": "2023-10-31T17:48:35Z",
+    "is_default": false
+  },
+  {
+    "id": 3,
+    "name": "cluster-3",
+    "bio": "Cluster-3 is a high-performance computing cluster located in Korea, specifically in Seoul data centers.",
+    "scopes": {
+      "idc": "Korea",
+      "location": "Seoul|Korea",
+      "cidrs": ["192.168.0.0/16", "172.16.0.0/12"]
+    },
+    "scheduler_cluster_id": 3,
+    "seed_peer_cluster_id": 3,
+    "scheduler_cluster_config": {
+      "candidate_parent_limit": 4,
+      "filter_parent_limit": 40,
+      "job_rate_limit": 10
+    },
+    "seed_peer_cluster_config": {
+      "load_limit": 300
+    },
+    "peer_cluster_config": {
+      "load_limit": 50
+    },
+    "created_at": "2023-11-08T11:19:36Z",
+    "updated_at": "2023-11-08T11:19:36Z",
+    "is_default": true
+  },
+  {
+    "id": 4,
+    "name": "cluster-4",
+    "bio": "Cluster-4 is a high-performance computing cluster located in China, specifically in Hangzhou data centers.",
+    "scopes": {
+      "idc": "hz|dl",
+      "location": "China|Hang|Zhou",
+      "cidrs": ["10.0.0.0/8", "192.168.0.0/16"]
+    },
+    "scheduler_cluster_id": 4,
+    "seed_peer_cluster_id": 4,
+    "scheduler_cluster_config": {
+      "candidate_parent_limit": 5,
+      "filter_parent_limit": 40,
+      "job_rate_limit": 10
+    },
+    "seed_peer_cluster_config": {
+      "load_limit": 300
+    },
+    "peer_cluster_config": {
+      "load_limit": 50
+    },
+    "created_at": "2023-11-09T18:19:36Z",
+    "updated_at": "2023-11-09T18:19:36Z",
+    "is_default": true
+  },
+  {
+    "id": 5,
+    "name": "cluster-5",
+    "bio": "Cluster-5 is a high-performance computing cluster located in China, specifically in Chongqing data centers.",
+    "scopes": {
+      "idc": "cq|cd",
+      "location": "China|Chong|Qing",
+      "cidrs": ["10.0.0.0/8", "192.168.0.0/16"]
+    },
+    "scheduler_cluster_id": 5,
+    "seed_peer_cluster_id": 5,
+    "scheduler_cluster_config": {
+      "candidate_parent_limit": 4,
+      "filter_parent_limit": 40,
+      "job_rate_limit": 10
+    },
+    "seed_peer_cluster_config": {
+      "load_limit": 300
+    },
+    "peer_cluster_config": {
+      "load_limit": 50
+    },
+    "created_at": "2023-11-01T10:19:36Z",
+    "updated_at": "2023-11-01T10:19:36Z",
+    "is_default": false
+  },
+  {
+    "id": 6,
+    "name": "cluster-6",
+    "bio": "Cluster-6 is a high-performance computing cluster located in China, specifically in Chongdu data centers.",
+    "scopes": {
+      "idc": "cq|cd",
+      "location": "China|Chong|Du",
+      "cidrs": ["10.0.0.0/8", "192.168.0.0/16"]
+    },
+    "scheduler_cluster_id": 6,
+    "seed_peer_cluster_id": 6,
+    "scheduler_cluster_config": {
+      "candidate_parent_limit": 4,
+      "filter_parent_limit": 40,
+      "job_rate_limit": 10
+    },
+    "seed_peer_cluster_config": {
+      "load_limit": 300
+    },
+    "peer_cluster_config": {
+      "load_limit": 50
+    },
+    "created_at": "2023-11-09T20:12:36Z",
+    "updated_at": "2023-11-09T20:12:36Z",
+    "is_default": true
+  },
+  {
+    "id": 7,
+    "name": "cluster-7",
+    "bio": "Cluster-7 is a high-performance computing cluster located in China, specifically in Chongdu data centers.",
+    "scopes": {
+      "idc": "cd",
+      "location": "China|Cheng|Du",
+      "cidrs": ["10.0.0.0/8", "172.16.0.0/19"]
+    },
+    "scheduler_cluster_id": 7,
+    "seed_peer_cluster_id": 7,
+    "scheduler_cluster_config": {
+      "candidate_parent_limit": 4,
+      "filter_parent_limit": 40,
+      "job_rate_limit": 10
+    },
+    "seed_peer_cluster_config": {
+      "load_limit": 300
+    },
+    "peer_cluster_config": {
+      "load_limit": 50
+    },
+    "created_at": "2023-11-11T10:19:36Z",
+    "updated_at": "2023-11-11T10:19:36Z",
+    "is_default": true
+  },
+  {
+    "id": 8,
+    "name": "cluster-8",
+    "bio": "Cluster-8 is a high-performance computing cluster located in China, specifically in Jiangsu data centers.",
+    "scopes": {
+      "idc": "js",
+      "location": "China|Jiang|Su",
+      "cidrs": ["10.0.0.0/5", "172.16.0.0/19"]
+    },
+    "scheduler_cluster_id": 8,
+    "seed_peer_cluster_id": 8,
+    "scheduler_cluster_config": {
+      "candidate_parent_limit": 4,
+      "filter_parent_limit": 40,
+      "job_rate_limit": 10
+    },
+    "seed_peer_cluster_config": {
+      "load_limit": 300
+    },
+    "peer_cluster_config": {
+      "load_limit": 50
+    },
+    "created_at": "2023-11-11T13:19:36Z",
+    "updated_at": "2023-11-11T13:19:36Z",
+    "is_default": false
+  },
+  {
+    "id": 9,
+    "name": "cluster-9",
+    "bio": "Cluster-9 is a high-performance computing cluster located in China, specifically in Hangzhou data centers.",
+    "scopes": {
+      "idc": "hz|hf",
+      "location": "China|Hang|Zhou",
+      "cidrs": ["10.0.0.0/8", "192.168.0.0/16"]
+    },
+    "scheduler_cluster_id": 9,
+    "seed_peer_cluster_id": 9,
+    "scheduler_cluster_config": {
+      "candidate_parent_limit": 4,
+      "filter_parent_limit": 40,
+      "job_rate_limit": 10
+    },
+    "seed_peer_cluster_config": {
+      "load_limit": 300
+    },
+    "peer_cluster_config": {
+      "load_limit": 50
+    },
+    "created_at": "2023-11-11T10:29:36Z",
+    "updated_at": "2023-11-11T10:29:36Z",
+    "is_default": true
+  },
+  {
+    "id": 10,
+    "name": "cluster-10",
+    "bio": "Cluster-10 is a high-performance computing cluster located in England, specifically in London data centers.",
+    "scopes": {
+      "idc": "London",
+      "location": "London|England",
+      "cidrs": ["192.168.255.255"]
+    },
+    "scheduler_cluster_id": 10,
+    "seed_peer_cluster_id": 10,
+    "scheduler_cluster_config": {
+      "candidate_parent_limit": 4,
+      "filter_parent_limit": 40,
+      "job_rate_limit": 10
+    },
+    "seed_peer_cluster_config": {
+      "load_limit": 300
+    },
+    "peer_cluster_config": {
+      "load_limit": 50
+    },
+    "created_at": "2023-11-15T05:19:36Z",
+    "updated_at": "2023-11-15T05:19:36Z",
+    "is_default": true
+  },
+  {
+    "id": 11,
+    "name": "cluster-11",
+    "bio": "Cluster-10 is a high-performance computing cluster located in France, specifically in Paris data centers.",
+    "scopes": {
+      "idc": "Paris",
+      "location": "Paris|France",
+      "cidrs": ["192.168.0.0", "10.0.0.0"]
+    },
+    "scheduler_cluster_id": 11,
+    "seed_peer_cluster_id": 11,
+    "scheduler_cluster_config": {
+      "candidate_parent_limit": 4,
+      "filter_parent_limit": 40,
+      "job_rate_limit": 10
+    },
+    "seed_peer_cluster_config": {
+      "load_limit": 300
+    },
+    "peer_cluster_config": {
+      "load_limit": 50
+    },
+    "created_at": "2023-11-01T10:19:36Z",
+    "updated_at": "2023-11-01T10:19:36Z",
+    "is_default": false
+  },
+  {
+    "id": 12,
+    "name": "cluster-12",
+    "bio": "Cluster-12 is a high-performance computing cluster located in France, specifically in Paris data centers.",
+    "scopes": {
+      "idc": "Paris",
+      "location": "Paris|France",
+      "cidrs": ["192.168.0.0", "10.0.0.0"]
+    },
+    "scheduler_cluster_id": 12,
+    "seed_peer_cluster_id": 12,
+    "scheduler_cluster_config": {
+      "candidate_parent_limit": 4,
+      "filter_parent_limit": 40,
+      "job_rate_limit": 10
+    },
+    "seed_peer_cluster_config": {
+      "load_limit": 300
+    },
+    "peer_cluster_config": {
+      "load_limit": 50
+    },
+    "created_at": "2023-12-01T10:19:36Z",
+    "updated_at": "2023-12-01T10:19:36Z",
+    "is_default": false
+  },
+  {
+    "id": 13,
+    "name": "cluster-13",
+    "bio": "Cluster-13 is a high-performance computing cluster located in France, specifically in Paris data centers.",
+    "scopes": {
+      "idc": "Paris",
+      "location": "Paris|France",
+      "cidrs": ["192.168.0.0", "10.0.0.0"]
+    },
+    "scheduler_cluster_id": 13,
+    "seed_peer_cluster_id": 13,
+    "scheduler_cluster_config": {
+      "candidate_parent_limit": 4,
+      "filter_parent_limit": 40,
+      "job_rate_limit": 10
+    },
+    "seed_peer_cluster_config": {
+      "load_limit": 300
+    },
+    "peer_cluster_config": {
+      "load_limit": 50
+    },
+    "created_at": "2023-12-03T10:19:36Z",
+    "updated_at": "2023-12-03T10:19:36Z",
+    "is_default": false
+  },
+  {
+    "id": 14,
+    "name": "cluster-14",
+    "bio": "Cluster-14 is a high-performance computing cluster located in France, specifically in Paris data centers.",
+    "scopes": {
+      "idc": "Paris",
+      "location": "Paris|France",
+      "cidrs": ["192.168.0.0", "10.0.0.0"]
+    },
+    "scheduler_cluster_id": 14,
+    "seed_peer_cluster_id": 14,
+    "scheduler_cluster_config": {
+      "candidate_parent_limit": 4,
+      "filter_parent_limit": 40,
+      "job_rate_limit": 10
+    },
+    "seed_peer_cluster_config": {
+      "load_limit": 300
+    },
+    "peer_cluster_config": {
+      "load_limit": 50
+    },
+    "created_at": "2023-12-04T10:19:36Z",
+    "updated_at": "2023-12-04T10:19:36Z",
+    "is_default": false
+  },
+  {
+    "id": 15,
+    "name": "cluster-15",
+    "bio": "Cluster-15 is a high-performance computing cluster located in France, specifically in Paris data centers.",
+    "scopes": {
+      "idc": "Paris",
+      "location": "Paris|France",
+      "cidrs": ["192.168.0.0", "10.0.0.0"]
+    },
+    "scheduler_cluster_id": 15,
+    "seed_peer_cluster_id": 15,
+    "scheduler_cluster_config": {
+      "candidate_parent_limit": 4,
+      "filter_parent_limit": 40,
+      "job_rate_limit": 10
+    },
+    "seed_peer_cluster_config": {
+      "load_limit": 300
+    },
+    "peer_cluster_config": {
+      "load_limit": 50
+    },
+    "created_at": "2023-12-05T10:19:36Z",
+    "updated_at": "2023-12-05T10:19:36Z",
+    "is_default": false
+  },
+  {
+    "id": 16,
+    "name": "cluster-16",
+    "bio": "Cluster-10 is a high-performance computing cluster located in France, specifically in Paris data centers.",
+    "scopes": {
+      "idc": "Paris",
+      "location": "Paris|France",
+      "cidrs": ["192.168.0.0", "10.0.0.0"]
+    },
+    "scheduler_cluster_id": 16,
+    "seed_peer_cluster_id": 16,
+    "scheduler_cluster_config": {
+      "candidate_parent_limit": 4,
+      "filter_parent_limit": 40,
+      "job_rate_limit": 10
+    },
+    "seed_peer_cluster_config": {
+      "load_limit": 300
+    },
+    "peer_cluster_config": {
+      "load_limit": 50
+    },
+    "created_at": "2023-12-06T10:19:36Z",
+    "updated_at": "2023-12-06T10:19:36Z",
+    "is_default": false
+  },
+  {
+    "id": 17,
+    "name": "cluster-17",
+    "bio": "Add new cluster case",
+    "scopes": {
+      "idc": "hz|sh",
+      "location": "China|Hang|Zhou",
+      "cidrs": ["10.0.0.0/8", "172.16.0.0/12", "192.168.0.0/16"],
+      "hostnames": []
+    },
+    "scheduler_cluster_id": 17,
+    "seed_peer_cluster_id": 17,
+    "scheduler_cluster_config": {
+      "candidate_parent_limit": 4,
+      "filter_parent_limit": 40,
+      "job_rate_limit": 10
+    },
+    "seed_peer_cluster_config": {
+      "load_limit": 300
+    },
+    "peer_cluster_config": {
+      "load_limit": 50
+    },
+    "created_at": "2023-12-06T10:19:36Z",
+    "updated_at": "2023-12-06T10:19:36Z",
+    "is_default": false
+  },
+  {
+    "id": 18,
+    "name": "cluster-18",
+    "bio": "Cluster-10 is a high-performance computing cluster located in France, specifically in Paris data centers.",
+    "scopes": {
+      "idc": "Paris",
+      "location": "Paris|France",
+      "cidrs": ["192.168.0.0", "10.0.0.0"]
+    },
+    "scheduler_cluster_id": 18,
+    "seed_peer_cluster_id": 18,
+    "scheduler_cluster_config": {
+      "candidate_parent_limit": 4,
+      "filter_parent_limit": 40,
+      "job_rate_limit": 10
+    },
+    "seed_peer_cluster_config": {
+      "load_limit": 300
+    },
+    "peer_cluster_config": {
+      "load_limit": 50
+    },
+    "created_at": "2023-12-06T10:19:36Z",
+    "updated_at": "2023-12-06T10:19:36Z",
+    "is_default": false
+  },
+  {
+    "id": 19,
+    "name": "cluster-19",
+    "bio": "Cluster-10 is a high-performance computing cluster located in France, specifically in Paris data centers.",
+    "scopes": {
+      "idc": "Paris",
+      "location": "Paris|France",
+      "cidrs": ["192.198.0.0", "10.0.0.0"]
+    },
+    "scheduler_cluster_id": 19,
+    "seed_peer_cluster_id": 19,
+    "scheduler_cluster_config": {
+      "candidate_parent_limit": 4,
+      "filter_parent_limit": 40,
+      "job_rate_limit": 10
+    },
+    "seed_peer_cluster_config": {
+      "load_limit": 300
+    },
+    "peer_cluster_config": {
+      "load_limit": 50
+    },
+    "created_at": "2023-12-06T10:19:36Z",
+    "updated_at": "2023-12-06T10:19:36Z",
+    "is_default": false
+  },
+  {
+    "id": 20,
+    "name": "cluster-20",
+    "bio": "Cluster-10 is a high-performance computing cluster located in France, specifically in Paris data centers.",
+    "scopes": {
+      "idc": "Paris",
+      "location": "Paris|France",
+      "cidrs": ["192.208.0.0", "10.0.0.0"]
+    },
+    "scheduler_cluster_id": 20,
+    "seed_peer_cluster_id": 20,
+    "scheduler_cluster_config": {
+      "candidate_parent_limit": 4,
+      "filter_parent_limit": 40,
+      "job_rate_limit": 10
+    },
+    "seed_peer_cluster_config": {
+      "load_limit": 300
+    },
+    "peer_cluster_config": {
+      "load_limit": 50
+    },
+    "created_at": "2023-12-06T10:19:36Z",
+    "updated_at": "2023-12-06T10:19:36Z",
+    "is_default": false
+  },
+  {
+    "id": 21,
+    "name": "cluster-21",
+    "bio": "Cluster-10 is a high-performance computing cluster located in France, specifically in Paris data centers.",
+    "scopes": {
+      "idc": "Paris",
+      "location": "Paris|France",
+      "cidrs": ["192.218.0.0", "10.0.0.0"]
+    },
+    "scheduler_cluster_id": 21,
+    "seed_peer_cluster_id": 21,
+    "scheduler_cluster_config": {
+      "candidate_parent_limit": 4,
+      "filter_parent_limit": 40,
+      "job_rate_limit": 10
+    },
+    "seed_peer_cluster_config": {
+      "load_limit": 300
+    },
+    "peer_cluster_config": {
+      "load_limit": 50
+    },
+    "created_at": "2023-12-06T10:19:36Z",
+    "updated_at": "2023-12-06T10:19:36Z",
+    "is_default": true
+  },
+  {
+    "id": 22,
+    "name": "cluster-22",
+    "bio": "Cluster-10 is a high-performance computing cluster located in France, specifically in Paris data centers.",
+    "scopes": {
+      "idc": "Paris",
+      "location": "Paris|France",
+      "cidrs": ["192.228.0.0", "10.0.0.0"]
+    },
+    "scheduler_cluster_id": 22,
+    "seed_peer_cluster_id": 22,
+    "scheduler_cluster_config": {
+      "candidate_parent_limit": 4,
+      "filter_parent_limit": 40,
+      "job_rate_limit": 10
+    },
+    "seed_peer_cluster_config": {
+      "load_limit": 300
+    },
+    "peer_cluster_config": {
+      "load_limit": 50
+    },
+    "created_at": "2023-12-06T10:19:36Z",
+    "updated_at": "2023-12-06T10:19:36Z",
+    "is_default": true
+  },
+  {
+    "id": 23,
+    "name": "cluster-23",
+    "bio": "Cluster-10 is a high-performance computing cluster located in France, specifically in Paris data centers.",
+    "scopes": {
+      "idc": "Paris",
+      "location": "Paris|France",
+      "cidrs": ["192.238.0.0", "10.0.0.0"]
+    },
+    "scheduler_cluster_id": 23,
+    "seed_peer_cluster_id": 23,
+    "scheduler_cluster_config": {
+      "candidate_parent_limit": 4,
+      "filter_parent_limit": 40,
+      "job_rate_limit": 10
+    },
+    "seed_peer_cluster_config": {
+      "load_limit": 300
+    },
+    "peer_cluster_config": {
+      "load_limit": 50
+    },
+    "created_at": "2023-12-06T10:19:36Z",
+    "updated_at": "2023-12-06T10:19:36Z",
+    "is_default": true
+  },
+  {
+    "id": 24,
+    "name": "cluster-24",
+    "bio": "Cluster-10 is a high-performance computing cluster located in France, specifically in Paris data centers.",
+    "scopes": {
+      "idc": "Paris",
+      "location": "Paris|France",
+      "cidrs": ["192.248.0.0", "10.0.0.0"]
+    },
+    "scheduler_cluster_id": 24,
+    "seed_peer_cluster_id": 24,
+    "scheduler_cluster_config": {
+      "candidate_parent_limit": 4,
+      "filter_parent_limit": 40,
+      "job_rate_limit": 10
+    },
+    "seed_peer_cluster_config": {
+      "load_limit": 300
+    },
+    "peer_cluster_config": {
+      "load_limit": 50
+    },
+    "created_at": "2023-12-06T10:19:36Z",
+    "updated_at": "2023-12-06T10:19:36Z",
+    "is_default": false
+  },
+  {
+    "id": 25,
+    "name": "cluster-25",
+    "bio": "Cluster-10 is a high-performance computing cluster located in France, specifically in Paris data centers.",
+    "scopes": {
+      "idc": "Paris",
+      "location": "Paris|France",
+      "cidrs": ["192.258.0.0", "10.0.0.0"]
+    },
+    "scheduler_cluster_id": 25,
+    "seed_peer_cluster_id": 25,
+    "scheduler_cluster_config": {
+      "candidate_parent_limit": 4,
+      "filter_parent_limit": 40,
+      "job_rate_limit": 10
+    },
+    "seed_peer_cluster_config": {
+      "load_limit": 300
+    },
+    "peer_cluster_config": {
+      "load_limit": 50
+    },
+    "created_at": "2023-12-06T10:19:36Z",
+    "updated_at": "2023-12-06T10:19:36Z",
+    "is_default": false
+  },
+  {
+    "id": 26,
+    "name": "cluster-26",
+    "bio": "Cluster-10 is a high-performance computing cluster located in France, specifically in Paris data centers.",
+    "scopes": {
+      "idc": "Paris",
+      "location": "Paris|France",
+      "cidrs": ["192.268.0.0", "10.0.0.0"]
+    },
+    "scheduler_cluster_id": 26,
+    "seed_peer_cluster_id": 26,
+    "scheduler_cluster_config": {
+      "candidate_parent_limit": 4,
+      "filter_parent_limit": 40,
+      "job_rate_limit": 10
+    },
+    "seed_peer_cluster_config": {
+      "load_limit": 300
+    },
+    "peer_cluster_config": {
+      "load_limit": 50
+    },
+    "created_at": "2023-12-06T10:19:36Z",
+    "updated_at": "2023-12-06T10:19:36Z",
+    "is_default": false
+  },
+  {
+    "id": 27,
+    "name": "cluster-27",
+    "bio": "Cluster-10 is a high-performance computing cluster located in France, specifically in Paris data centers.",
+    "scopes": {
+      "idc": "Paris",
+      "location": "Paris|France",
+      "cidrs": ["192.278.0.0", "10.0.0.0"]
+    },
+    "scheduler_cluster_id": 27,
+    "seed_peer_cluster_id": 27,
+    "scheduler_cluster_config": {
+      "candidate_parent_limit": 4,
+      "filter_parent_limit": 40,
+      "job_rate_limit": 10
+    },
+    "seed_peer_cluster_config": {
+      "load_limit": 300
+    },
+    "peer_cluster_config": {
+      "load_limit": 50
+    },
+    "created_at": "2023-12-06T10:19:36Z",
+    "updated_at": "2023-12-06T10:19:36Z",
+    "is_default": false
+  },
+  {
+    "id": 28,
+    "name": "cluster-28",
+    "bio": "Cluster-10 is a high-performance computing cluster located in France, specifically in Paris data centers.",
+    "scopes": {
+      "idc": "Paris",
+      "location": "Paris|France",
+      "cidrs": ["192.288.0.0", "10.0.0.0"]
+    },
+    "scheduler_cluster_id": 28,
+    "seed_peer_cluster_id": 28,
+    "scheduler_cluster_config": {
+      "candidate_parent_limit": 4,
+      "filter_parent_limit": 40,
+      "job_rate_limit": 10
+    },
+    "seed_peer_cluster_config": {
+      "load_limit": 300
+    },
+    "peer_cluster_config": {
+      "load_limit": 50
+    },
+    "created_at": "2023-12-06T10:19:36Z",
+    "updated_at": "2023-12-06T10:19:36Z",
+    "is_default": false
+  },
+  {
+    "id": 29,
+    "name": "cluster-29",
+    "bio": "Cluster-10 is a high-performance computing cluster located in France, specifically in Paris data centers.",
+    "scopes": {
+      "idc": "Paris",
+      "location": "Paris|France",
+      "cidrs": ["192.298.0.0", "10.0.0.0"]
+    },
+    "scheduler_cluster_id": 29,
+    "seed_peer_cluster_id": 29,
+    "scheduler_cluster_config": {
+      "candidate_parent_limit": 4,
+      "filter_parent_limit": 40,
+      "job_rate_limit": 10
+    },
+    "seed_peer_cluster_config": {
+      "load_limit": 300
+    },
+    "peer_cluster_config": {
+      "load_limit": 50
+    },
+    "created_at": "2023-12-06T10:19:36Z",
+    "updated_at": "2023-12-06T10:19:36Z",
+    "is_default": true
+  },
+  {
+    "id": 30,
+    "name": "cluster-30",
+    "bio": "Cluster-10 is a high-performance computing cluster located in France, specifically in Paris data centers.",
+    "scopes": {
+      "idc": "Paris",
+      "location": "Paris|France",
+      "cidrs": ["192.308.0.0", "10.0.0.0"]
+    },
+    "scheduler_cluster_id": 30,
+    "seed_peer_cluster_id": 30,
+    "scheduler_cluster_config": {
+      "candidate_parent_limit": 4,
+      "filter_parent_limit": 40,
+      "job_rate_limit": 10
+    },
+    "seed_peer_cluster_config": {
+      "load_limit": 300
+    },
+    "peer_cluster_config": {
+      "load_limit": 50
+    },
+    "created_at": "2023-12-06T10:19:36Z",
+    "updated_at": "2023-12-06T10:19:36Z",
+    "is_default": true
+  },
+  {
+    "id": 31,
+    "name": "cluster-31",
+    "bio": "Cluster-10 is a high-performance computing cluster located in France, specifically in Paris data centers.",
+    "scopes": {
+      "idc": "Paris",
+      "location": "Paris|France",
+      "cidrs": ["192.318.0.0", "10.0.0.0"]
+    },
+    "scheduler_cluster_id": 31,
+    "seed_peer_cluster_id": 31,
+    "scheduler_cluster_config": {
+      "candidate_parent_limit": 4,
+      "filter_parent_limit": 40,
+      "job_rate_limit": 10
+    },
+    "seed_peer_cluster_config": {
+      "load_limit": 300
+    },
+    "peer_cluster_config": {
+      "load_limit": 50
+    },
+    "created_at": "2023-12-06T10:19:36Z",
+    "updated_at": "2023-12-06T10:19:36Z",
+    "is_default": true
+  },
+  {
+    "id": 32,
+    "name": "cluster-32",
+    "bio": "Cluster-10 is a high-performance computing cluster located in France, specifically in Paris data centers.",
+    "scopes": {
+      "idc": "Paris",
+      "location": "Paris|France",
+      "cidrs": ["192.328.0.0", "10.0.0.0"]
+    },
+    "scheduler_cluster_id": 32,
+    "seed_peer_cluster_id": 32,
+    "scheduler_cluster_config": {
+      "candidate_parent_limit": 4,
+      "filter_parent_limit": 40,
+      "job_rate_limit": 10
+    },
+    "seed_peer_cluster_config": {
+      "load_limit": 300
+    },
+    "peer_cluster_config": {
+      "load_limit": 50
+    },
+    "created_at": "2023-12-06T10:19:36Z",
+    "updated_at": "2023-12-06T10:19:36Z",
+    "is_default": false
+  },
+  {
+    "id": 33,
+    "name": "cluster-33",
+    "bio": "Cluster-10 is a high-performance computing cluster located in France, specifically in Paris data centers.",
+    "scopes": {
+      "idc": "Paris",
+      "location": "Paris|France",
+      "cidrs": ["192.338.0.0", "10.0.0.0"]
+    },
+    "scheduler_cluster_id": 33,
+    "seed_peer_cluster_id": 33,
+    "scheduler_cluster_config": {
+      "candidate_parent_limit": 4,
+      "filter_parent_limit": 40,
+      "job_rate_limit": 10
+    },
+    "seed_peer_cluster_config": {
+      "load_limit": 300
+    },
+    "peer_cluster_config": {
+      "load_limit": 50
+    },
+    "created_at": "2023-12-06T10:19:36Z",
+    "updated_at": "2023-12-06T10:19:36Z",
+    "is_default": false
+  },
+  {
+    "id": 34,
+    "name": "cluster-34",
+    "bio": "Cluster-10 is a high-performance computing cluster located in France, specifically in Paris data centers.",
+    "scopes": {
+      "idc": "Paris",
+      "location": "Paris|France",
+      "cidrs": ["192.348.0.0", "10.0.0.0"]
+    },
+    "scheduler_cluster_id": 34,
+    "seed_peer_cluster_id": 34,
+    "scheduler_cluster_config": {
+      "candidate_parent_limit": 4,
+      "filter_parent_limit": 40,
+      "job_rate_limit": 10
+    },
+    "seed_peer_cluster_config": {
+      "load_limit": 300
+    },
+    "peer_cluster_config": {
+      "load_limit": 50
+    },
+    "created_at": "2023-12-06T10:19:36Z",
+    "updated_at": "2023-12-06T10:19:36Z",
+    "is_default": false
+  },
+  {
+    "id": 35,
+    "name": "cluster-35",
+    "bio": "Cluster-10 is a high-performance computing cluster located in France, specifically in Paris data centers.",
+    "scopes": {
+      "idc": "Paris",
+      "location": "Paris|France",
+      "cidrs": ["192.358.0.0", "10.0.0.0"]
+    },
+    "scheduler_cluster_id": 35,
+    "seed_peer_cluster_id": 35,
+    "scheduler_cluster_config": {
+      "candidate_parent_limit": 4,
+      "filter_parent_limit": 40,
+      "job_rate_limit": 10
+    },
+    "seed_peer_cluster_config": {
+      "load_limit": 300
+    },
+    "peer_cluster_config": {
+      "load_limit": 50
+    },
+    "created_at": "2023-12-06T10:19:36Z",
+    "updated_at": "2023-12-06T10:19:36Z",
+    "is_default": false
+  },
+  {
+    "id": 36,
+    "name": "cluster-36",
+    "bio": "Cluster-10 is a high-performance computing cluster located in France, specifically in Paris data centers.",
+    "scopes": {
+      "idc": "Paris",
+      "location": "Paris|France",
+      "cidrs": ["192.368.0.0", "10.0.0.0"]
+    },
+    "scheduler_cluster_id": 36,
+    "seed_peer_cluster_id": 36,
+    "scheduler_cluster_config": {
+      "candidate_parent_limit": 4,
+      "filter_parent_limit": 40,
+      "job_rate_limit": 10
+    },
+    "seed_peer_cluster_config": {
+      "load_limit": 300
+    },
+    "peer_cluster_config": {
+      "load_limit": 50
+    },
+    "created_at": "2023-12-06T10:19:36Z",
+    "updated_at": "2023-12-06T10:19:36Z",
+    "is_default": false
+  },
+  {
+    "id": 37,
+    "name": "cluster-37",
+    "bio": "Cluster-10 is a high-performance computing cluster located in France, specifically in Paris data centers.",
+    "scopes": {
+      "idc": "Paris",
+      "location": "Paris|France",
+      "cidrs": ["192.378.0.0", "10.0.0.0"]
+    },
+    "scheduler_cluster_id": 37,
+    "seed_peer_cluster_id": 37,
+    "scheduler_cluster_config": {
+      "candidate_parent_limit": 4,
+      "filter_parent_limit": 40,
+      "job_rate_limit": 10
+    },
+    "seed_peer_cluster_config": {
+      "load_limit": 300
+    },
+    "peer_cluster_config": {
+      "load_limit": 50
+    },
+    "created_at": "2023-12-06T10:19:36Z",
+    "updated_at": "2023-12-06T10:19:36Z",
+    "is_default": false
+  },
+  {
+    "id": 38,
+    "name": "cluster-38",
+    "bio": "Add new cluster case",
+    "scopes": {
+      "idc": "hz|sh",
+      "location": "China|Hang|Zhou",
+      "cidrs": ["10.0.0.0/8", "172.16.0.0/12", "192.168.0.0/16"],
+      "hostnames": []
+    },
+    "scheduler_cluster_id": 17,
+    "seed_peer_cluster_id": 17,
+    "scheduler_cluster_config": {
+      "candidate_parent_limit": 4,
+      "filter_parent_limit": 40,
+      "job_rate_limit": 10
+    },
+    "seed_peer_cluster_config": {
+      "load_limit": 300
+    },
+    "peer_cluster_config": {
+      "load_limit": 50
+    },
+    "created_at": "2023-12-06T10:19:36Z",
+    "updated_at": "2023-12-06T10:19:36Z",
+    "is_default": true
+  }
+]

cypress/fixtures/developer/tokens/create-token.json

@@ -0,0 +1,326 @@
+[
+  {
+    "id": 1,
+    "created_at": "2023-12-04T10:27:17Z",
+    "updated_at": "2023-12-04T10:34:12Z",
+    "is_del": 0,
+    "name": "root-1",
+    "bio": "root-1 token, used to control the cluster.",
+    "token": "MTk3OTY5NTMtZjlkZi00YWVhLWI5OGEtZTc0YWVhMWZmYmQz",
+    "scopes": ["cluster"],
+    "state": "active",
+    "expired_at": "2033-12-01T10:34:08Z",
+    "user_id": 3,
+    "user": {
+      "id": 3,
+      "created_at": "2023-11-27T07:31:23Z",
+      "updated_at": "2023-11-27T07:31:23Z",
+      "is_del": 0,
+      "email": "root@example.com",
+      "name": "root",
+      "avatar": "",
+      "phone": "1234567890",
+      "state": "enable",
+      "location": "Guangzhou",
+      "bio": "This is root",
+      "configs": null
+    }
+  },
+  {
+    "id": 2,
+    "created_at": "2023-12-04T10:39:31Z",
+    "updated_at": "2023-12-04T10:39:31Z",
+    "is_del": 0,
+    "name": "root-2",
+    "bio": "root-2 token, used to open API call warm-up job.",
+    "token": "YmVmYjA1Y2MtMmFkYy00OTJjLTg4OWUtYzg3MjE0ZWEyOWY4",
+    "scopes": ["job"],
+    "state": "active",
+    "expired_at": "2024-08-11T10:37:53Z",
+    "user_id": 3,
+    "user": {
+      "id": 3,
+      "created_at": "2023-11-27T07:31:23Z",
+      "updated_at": "2023-11-27T07:31:23Z",
+      "is_del": 0,
+      "email": "root@example.com",
+      "name": "root",
+      "avatar": "",
+      "phone": "1234567890",
+      "state": "enable",
+      "location": "Guangzhou",
+      "bio": "This is root",
+      "configs": null
+    }
+  },
+  {
+    "id": 3,
+    "created_at": "2023-12-04T10:41:31Z",
+    "updated_at": "2023-12-04T10:41:31Z",
+    "is_del": 0,
+    "name": "root-3",
+    "bio": "root-3 token, used to control of cluster",
+    "token": "YmVmYjA1Y2MtMmFkYy00OTJjLTg4OWUtYzg3MjE0ZWEyOWY4",
+    "scopes": ["cluster"],
+    "state": "active",
+    "expired_at": "2025-02-21T11:37:53Z",
+    "user_id": 1,
+    "user": {
+      "id": 1,
+      "created_at": "2023-11-06T06:09:04Z",
+      "updated_at": "2023-11-06T06:09:04Z",
+      "is_del": 0,
+      "email": "lucy@example.com",
+      "name": "lucy",
+      "avatar": "https://example.com/avatar.png",
+      "phone": "1234567890",
+      "state": "enable",
+      "location": "Hangzhou",
+      "bio": "I am lucy",
+      "configs": null
+    }
+  },
+  {
+    "id": 4,
+    "created_at": "2023-12-04T10:42:31Z",
+    "updated_at": "2023-12-04T10:42:31Z",
+    "is_del": 0,
+    "name": "root-4",
+    "bio": "root-4 token, used to control of cluster",
+    "token": "YmVmYjA1Y2MtMmFkYy00OTJjLTg4OWUtYzg3MjE0ZWEyOWY4",
+    "scopes": ["cluster"],
+    "state": "active",
+    "expired_at": "2024-02-11T10:37:53Z",
+    "user_id": 1,
+    "user": {
+      "id": 1,
+      "created_at": "2023-11-06T06:09:04Z",
+      "updated_at": "2023-11-06T06:09:04Z",
+      "is_del": 0,
+      "email": "lucy@example.com",
+      "name": "lucy",
+      "avatar": "https://example.com/avatar.png",
+      "phone": "1234567890",
+      "state": "enable",
+      "location": "Hangzhou",
+      "bio": "I am lucy",
+      "configs": null
+    }
+  },
+  {
+    "id": 5,
+    "created_at": "2023-12-04T10:43:31Z",
+    "updated_at": "2023-12-04T10:43:31Z",
+    "is_del": 0,
+    "name": "root-5",
+    "bio": "root-5 token, used to open API call warm-up job.",
+    "token": "YmVmYjA1Y2MtMmFkYy00OTJjLTg4OWUtYzg3MjE0ZWEyOWY4",
+    "scopes": ["job"],
+    "state": "active",
+    "expired_at": "2027-09-14T10:37:53Z",
+    "user_id": 3,
+    "user": {
+      "id": 3,
+      "created_at": "2023-11-27T07:31:23Z",
+      "updated_at": "2023-11-27T07:31:23Z",
+      "is_del": 0,
+      "email": "root@example.com",
+      "name": "root",
+      "avatar": "",
+      "phone": "1234567890",
+      "state": "enable",
+      "location": "Guangzhou",
+      "bio": "This is root",
+      "configs": null
+    }
+  },
+  {
+    "id": 6,
+    "created_at": "2023-12-04T10:45:31Z",
+    "updated_at": "2023-12-04T10:45:31Z",
+    "is_del": 0,
+    "name": "root-6",
+    "bio": "root-6 token, used to control of cluster",
+    "token": "YmVmYjA1Y2MtMmFkYy00OTJjLTg4OWUtYzg3MjE0ZWEyOWY4",
+    "scopes": ["cluster"],
+    "state": "active",
+    "expired_at": "2024-01-11T10:37:53Z",
+    "user_id": 3,
+    "user": {
+      "id": 3,
+      "created_at": "2023-11-27T07:31:23Z",
+      "updated_at": "2023-11-27T07:31:23Z",
+      "is_del": 0,
+      "email": "root@example.com",
+      "name": "root",
+      "avatar": "",
+      "phone": "1234567890",
+      "state": "enable",
+      "location": "Guangzhou",
+      "bio": "This is root",
+      "configs": null
+    }
+  },
+  {
+    "id": 7,
+    "created_at": "2023-12-04T11:41:31Z",
+    "updated_at": "2023-12-04T11:41:31Z",
+    "is_del": 0,
+    "name": "root-7",
+    "bio": "root-7 token, used to control of cluster",
+    "token": "YmVmYjA1Y2MtMmFkYy00OTJjLTg4OWUtYzg3MjE0ZWEyOWY4",
+    "scopes": ["cluster"],
+    "state": "active",
+    "expired_at": "2025-06-11T10:37:53Z",
+    "user_id": 2,
+    "user": {
+      "id": 2,
+      "created_at": "2023-11-07T06:09:04Z",
+      "updated_at": "2023-11-07T06:09:04Z",
+      "is_del": 0,
+      "email": "jack@example.com",
+      "name": "jack",
+      "avatar": "https://example.com/avatar.png",
+      "phone": "1234567890",
+      "state": "enable",
+      "location": "Shanghai",
+      "bio": "I am jack",
+      "configs": null
+    }
+  },
+  {
+    "id": 8,
+    "created_at": "2023-12-04T11:49:31Z",
+    "updated_at": "2023-12-04T11:49:31Z",
+    "is_del": 0,
+    "name": "root-8",
+    "bio": "root-8 token, used to control the cluster.",
+    "token": "YmVmYjA1Y2MtMmFkYy00OTJjLTg4OWUtYzg3MjE0ZWEyOWY4",
+    "scopes": ["cluster"],
+    "state": "active",
+    "expired_at": "2025-01-11T10:37:53Z",
+    "user_id": 3,
+    "user": {
+      "id": 3,
+      "created_at": "2023-11-27T07:31:23Z",
+      "updated_at": "2023-11-27T07:31:23Z",
+      "is_del": 0,
+      "email": "root@example.com",
+      "name": "root",
+      "avatar": "",
+      "phone": "1234567890",
+      "state": "enable",
+      "location": "Guangzhou",
+      "bio": "This is root",
+      "configs": null
+    }
+  },
+  {
+    "id": 9,
+    "created_at": "2023-12-05T10:41:31Z",
+    "updated_at": "2023-12-05T10:41:31Z",
+    "is_del": 0,
+    "name": "root-9",
+    "bio": "root-9 token, used to control the cluster.",
+    "token": "YmVmYjA1Y2MtMmFkYy00OTJjLTg4OWUtYzg3MjE0ZWEyOWY4",
+    "scopes": ["cluster"],
+    "state": "active",
+    "expired_at": "2033-12-01T10:34:08Z",
+    "user_id": 2,
+    "user": {
+      "id": 2,
+      "created_at": "2023-11-07T06:09:04Z",
+      "updated_at": "2023-11-07T06:09:04Z",
+      "is_del": 0,
+      "email": "jack@example.com",
+      "name": "jack",
+      "avatar": "https://example.com/avatar.png",
+      "phone": "1234567890",
+      "state": "enable",
+      "location": "Shanghai",
+      "bio": "I am jack",
+      "configs": null
+    }
+  },
+  {
+    "id": 10,
+    "created_at": "2023-12-05T18:41:31Z",
+    "updated_at": "2023-12-05T18:41:31Z",
+    "is_del": 0,
+    "name": "root-10",
+    "bio": "root-10 token, used to control of cluster",
+    "token": "YmVmYjA1Y2MtMmFkYy00OTJjLTg4OWUtYzg3MjE0ZWEyOWY4",
+    "scopes": ["cluster"],
+    "state": "active",
+    "expired_at": "2024-12-1T10:37:53Z",
+    "user_id": 3,
+    "user": {
+      "id": 3,
+      "created_at": "2023-11-27T07:31:23Z",
+      "updated_at": "2023-11-27T07:31:23Z",
+      "is_del": 0,
+      "email": "root@example.com",
+      "name": "root",
+      "avatar": "",
+      "phone": "1234567890",
+      "state": "enable",
+      "location": "Guangzhou",
+      "bio": "This is root",
+      "configs": null
+    }
+  },
+  {
+    "id": 11,
+    "created_at": "2023-12-06T10:41:31Z",
+    "updated_at": "2023-12-06T10:41:31Z",
+    "is_del": 0,
+    "name": "root-11",
+    "bio": "root-11 token, used to control of cluster",
+    "token": "YmVmYjA1Y2MtMmFkYy00OTJjLTg4OWUtYzg3MjE0ZWEyOWY4",
+    "scopes": ["cluster"],
+    "state": "active",
+    "expired_at": "2024-12-11T10:37:53Z",
+    "user_id": 3,
+    "user": {
+      "id": 3,
+      "created_at": "2023-11-27T07:31:23Z",
+      "updated_at": "2023-11-27T07:31:23Z",
+      "is_del": 0,
+      "email": "root@example.com",
+      "name": "root",
+      "avatar": "",
+      "phone": "1234567890",
+      "state": "enable",
+      "location": "Guangzhou",
+      "bio": "This is root",
+      "configs": null
+    }
+  },
+  {
+    "id": 12,
+    "created_at": "2023-12-06T11:41:31Z",
+    "updated_at": "2023-12-06T11:41:31Z",
+    "is_del": 0,
+    "name": "root-12",
+    "bio": "root-12 token, used to control of cluster",
+    "token": "YmVmYjA1Y2MtMmFkYy00OTJjLTg4OWUtYzg3MjE0ZWEyOWY4",
+    "scopes": [],
+    "state": "active",
+    "expired_at": "2024-02-03T11:36:05Z",
+    "user_id": 3,
+    "user": {
+      "id": 3,
+      "created_at": "2023-11-27T07:31:23Z",
+      "updated_at": "2023-11-27T07:31:23Z",
+      "is_del": 0,
+      "email": "root@example.com",
+      "name": "root",
+      "avatar": "",
+      "phone": "1234567890",
+      "state": "enable",
+      "location": "Guangzhou",
+      "bio": "This is root",
+      "configs": null
+    }
+  }
+]

cypress/fixtures/developer/tokens/delete-tokens.json

@@ -0,0 +1,272 @@
+[
+  {
+    "id": 2,
+    "created_at": "2023-12-04T10:39:31Z",
+    "updated_at": "2023-12-04T10:39:31Z",
+    "is_del": 0,
+    "name": "root-2",
+    "bio": "root-2 token, used to open API call warm-up job.",
+    "token": "YmVmYjA1Y2MtMmFkYy00OTJjLTg4OWUtYzg3MjE0ZWEyOWY4",
+    "scopes": ["job"],
+    "state": "active",
+    "expired_at": "2024-08-11T10:37:53Z",
+    "user_id": 3,
+    "user": {
+      "id": 3,
+      "created_at": "2023-11-27T07:31:23Z",
+      "updated_at": "2023-11-27T07:31:23Z",
+      "is_del": 0,
+      "email": "root@example.com",
+      "name": "root",
+      "avatar": "",
+      "phone": "1234567890",
+      "state": "enable",
+      "location": "Guangzhou",
+      "bio": "This is root",
+      "configs": null
+    }
+  },
+  {
+    "id": 3,
+    "created_at": "2023-12-04T10:41:31Z",
+    "updated_at": "2023-12-04T10:41:31Z",
+    "is_del": 0,
+    "name": "root-3",
+    "bio": "root-3 token, used to control of cluster",
+    "token": "YmVmYjA1Y2MtMmFkYy00OTJjLTg4OWUtYzg3MjE0ZWEyOWY4",
+    "scopes": ["cluster"],
+    "state": "active",
+    "expired_at": "2025-02-21T11:37:53Z",
+    "user_id": 1,
+    "user": {
+      "id": 1,
+      "created_at": "2023-11-06T06:09:04Z",
+      "updated_at": "2023-11-06T06:09:04Z",
+      "is_del": 0,
+      "email": "lucy@example.com",
+      "name": "lucy",
+      "avatar": "https://example.com/avatar.png",
+      "phone": "1234567890",
+      "state": "enable",
+      "location": "Hangzhou",
+      "bio": "I am lucy",
+      "configs": null
+    }
+  },
+  {
+    "id": 4,
+    "created_at": "2023-12-04T10:42:31Z",
+    "updated_at": "2023-12-04T10:42:31Z",
+    "is_del": 0,
+    "name": "root-4",
+    "bio": "root-4 token, used to control of cluster",
+    "token": "YmVmYjA1Y2MtMmFkYy00OTJjLTg4OWUtYzg3MjE0ZWEyOWY4",
+    "scopes": ["cluster"],
+    "state": "active",
+    "expired_at": "2024-02-11T10:37:53Z",
+    "user_id": 1,
+    "user": {
+      "id": 1,
+      "created_at": "2023-11-06T06:09:04Z",
+      "updated_at": "2023-11-06T06:09:04Z",
+      "is_del": 0,
+      "email": "lucy@example.com",
+      "name": "lucy",
+      "avatar": "https://example.com/avatar.png",
+      "phone": "1234567890",
+      "state": "enable",
+      "location": "Hangzhou",
+      "bio": "I am lucy",
+      "configs": null
+    }
+  },
+  {
+    "id": 5,
+    "created_at": "2023-12-04T10:43:31Z",
+    "updated_at": "2023-12-04T10:43:31Z",
+    "is_del": 0,
+    "name": "root-5",
+    "bio": "root-5 token, used to open API call warm-up job.",
+    "token": "YmVmYjA1Y2MtMmFkYy00OTJjLTg4OWUtYzg3MjE0ZWEyOWY4",
+    "scopes": ["job"],
+    "state": "active",
+    "expired_at": "2027-09-14T10:37:53Z",
+    "user_id": 3,
+    "user": {
+      "id": 3,
+      "created_at": "2023-11-27T07:31:23Z",
+      "updated_at": "2023-11-27T07:31:23Z",
+      "is_del": 0,
+      "email": "root@example.com",
+      "name": "root",
+      "avatar": "",
+      "phone": "1234567890",
+      "state": "enable",
+      "location": "Guangzhou",
+      "bio": "This is root",
+      "configs": null
+    }
+  },
+  {
+    "id": 6,
+    "created_at": "2023-12-04T10:45:31Z",
+    "updated_at": "2023-12-04T10:45:31Z",
+    "is_del": 0,
+    "name": "root-6",
+    "bio": "root-6 token, used to control of cluster",
+    "token": "YmVmYjA1Y2MtMmFkYy00OTJjLTg4OWUtYzg3MjE0ZWEyOWY4",
+    "scopes": ["cluster"],
+    "state": "active",
+    "expired_at": "2024-01-11T10:37:53Z",
+    "user_id": 3,
+    "user": {
+      "id": 3,
+      "created_at": "2023-11-27T07:31:23Z",
+      "updated_at": "2023-11-27T07:31:23Z",
+      "is_del": 0,
+      "email": "root@example.com",
+      "name": "root",
+      "avatar": "",
+      "phone": "1234567890",
+      "state": "enable",
+      "location": "Guangzhou",
+      "bio": "This is root",
+      "configs": null
+    }
+  },
+  {
+    "id": 7,
+    "created_at": "2023-12-04T11:41:31Z",
+    "updated_at": "2023-12-04T11:41:31Z",
+    "is_del": 0,
+    "name": "root-7",
+    "bio": "root-7 token, used to control of cluster",
+    "token": "YmVmYjA1Y2MtMmFkYy00OTJjLTg4OWUtYzg3MjE0ZWEyOWY4",
+    "scopes": ["cluster"],
+    "state": "active",
+    "expired_at": "2025-06-11T10:37:53Z",
+    "user_id": 2,
+    "user": {
+      "id": 2,
+      "created_at": "2023-11-07T06:09:04Z",
+      "updated_at": "2023-11-07T06:09:04Z",
+      "is_del": 0,
+      "email": "jack@example.com",
+      "name": "jack",
+      "avatar": "https://example.com/avatar.png",
+      "phone": "1234567890",
+      "state": "enable",
+      "location": "Shanghai",
+      "bio": "I am jack",
+      "configs": null
+    }
+  },
+  {
+    "id": 8,
+    "created_at": "2023-12-04T11:49:31Z",
+    "updated_at": "2023-12-04T11:49:31Z",
+    "is_del": 0,
+    "name": "root-8",
+    "bio": "root-8 token, used to control the cluster.",
+    "token": "YmVmYjA1Y2MtMmFkYy00OTJjLTg4OWUtYzg3MjE0ZWEyOWY4",
+    "scopes": ["cluster"],
+    "state": "active",
+    "expired_at": "2025-01-11T10:37:53Z",
+    "user_id": 3,
+    "user": {
+      "id": 3,
+      "created_at": "2023-11-27T07:31:23Z",
+      "updated_at": "2023-11-27T07:31:23Z",
+      "is_del": 0,
+      "email": "root@example.com",
+      "name": "root",
+      "avatar": "",
+      "phone": "1234567890",
+      "state": "enable",
+      "location": "Guangzhou",
+      "bio": "This is root",
+      "configs": null
+    }
+  },
+  {
+    "id": 9,
+    "created_at": "2023-12-05T10:41:31Z",
+    "updated_at": "2023-12-05T10:41:31Z",
+    "is_del": 0,
+    "name": "root-9",
+    "bio": "root-9 token, used to control the cluster.",
+    "token": "YmVmYjA1Y2MtMmFkYy00OTJjLTg4OWUtYzg3MjE0ZWEyOWY4",
+    "scopes": ["cluster"],
+    "state": "active",
+    "expired_at": "2033-12-01T10:34:08Z",
+    "user_id": 2,
+    "user": {
+      "id": 2,
+      "created_at": "2023-11-07T06:09:04Z",
+      "updated_at": "2023-11-07T06:09:04Z",
+      "is_del": 0,
+      "email": "jack@example.com",
+      "name": "jack",
+      "avatar": "https://example.com/avatar.png",
+      "phone": "1234567890",
+      "state": "enable",
+      "location": "Shanghai",
+      "bio": "I am jack",
+      "configs": null
+    }
+  },
+  {
+    "id": 10,
+    "created_at": "2023-12-05T18:41:31Z",
+    "updated_at": "2023-12-05T18:41:31Z",
+    "is_del": 0,
+    "name": "root-10",
+    "bio": "root-10 token, used to control of cluster",
+    "token": "YmVmYjA1Y2MtMmFkYy00OTJjLTg4OWUtYzg3MjE0ZWEyOWY4",
+    "scopes": ["cluster"],
+    "state": "active",
+    "expired_at": "2024-12-1T10:37:53Z",
+    "user_id": 3,
+    "user": {
+      "id": 3,
+      "created_at": "2023-11-27T07:31:23Z",
+      "updated_at": "2023-11-27T07:31:23Z",
+      "is_del": 0,
+      "email": "root@example.com",
+      "name": "root",
+      "avatar": "",
+      "phone": "1234567890",
+      "state": "enable",
+      "location": "Guangzhou",
+      "bio": "This is root",
+      "configs": null
+    }
+  },
+  {
+    "id": 11,
+    "created_at": "2023-12-06T10:41:31Z",
+    "updated_at": "2023-12-06T10:41:31Z",
+    "is_del": 0,
+    "name": "root-11",
+    "bio": "root-11 token, used to control of cluster",
+    "token": "YmVmYjA1Y2MtMmFkYy00OTJjLTg4OWUtYzg3MjE0ZWEyOWY4",
+    "scopes": ["cluster"],
+    "state": "active",
+    "expired_at": "2023-12-11T10:37:53Z",
+    "user_id": 3,
+    "user": {
+      "id": 3,
+      "created_at": "2023-11-27T07:31:23Z",
+      "updated_at": "2023-11-27T07:31:23Z",
+      "is_del": 0,
+      "email": "root@example.com",
+      "name": "root",
+      "avatar": "",
+      "phone": "1234567890",
+      "state": "enable",
+      "location": "Guangzhou",
+      "bio": "This is root",
+      "configs": null
+    }
+  }
+]

cypress/fixtures/developer/tokens/token-delete-after.json

@@ -0,0 +1,272 @@
+[
+  {
+    "id": 1,
+    "created_at": "2023-12-04T10:27:17Z",
+    "updated_at": "2023-12-04T10:34:12Z",
+    "is_del": 0,
+    "name": "root-1",
+    "bio": "root-1 token, used to control the cluster.",
+    "token": "MTk3OTY5NTMtZjlkZi00YWVhLWI5OGEtZTc0YWVhMWZmYmQz",
+    "scopes": ["cluster"],
+    "state": "active",
+    "expired_at": "2033-12-01T10:34:08Z",
+    "user_id": 3,
+    "user": {
+      "id": 3,
+      "created_at": "2023-11-27T07:31:23Z",
+      "updated_at": "2023-11-27T07:31:23Z",
+      "is_del": 0,
+      "email": "root@example.com",
+      "name": "root",
+      "avatar": "",
+      "phone": "1234567890",
+      "state": "enable",
+      "location": "Guangzhou",
+      "bio": "This is root",
+      "configs": null
+    }
+  },
+  {
+    "id": 2,
+    "created_at": "2023-12-04T10:39:31Z",
+    "updated_at": "2023-12-04T10:39:31Z",
+    "is_del": 0,
+    "name": "root-2",
+    "bio": "root-2 token, used to open API call warm-up job.",
+    "token": "YmVmYjA1Y2MtMmFkYy00OTJjLTg4OWUtYzg3MjE0ZWEyOWY4",
+    "scopes": ["job"],
+    "state": "active",
+    "expired_at": "2024-08-11T10:37:53Z",
+    "user_id": 3,
+    "user": {
+      "id": 3,
+      "created_at": "2023-11-27T07:31:23Z",
+      "updated_at": "2023-11-27T07:31:23Z",
+      "is_del": 0,
+      "email": "root@example.com",
+      "name": "root",
+      "avatar": "",
+      "phone": "1234567890",
+      "state": "enable",
+      "location": "Guangzhou",
+      "bio": "This is root",
+      "configs": null
+    }
+  },
+  {
+    "id": 3,
+    "created_at": "2023-12-04T10:41:31Z",
+    "updated_at": "2023-12-04T10:41:31Z",
+    "is_del": 0,
+    "name": "root-3",
+    "bio": "root-3 token, used to control of cluster",
+    "token": "YmVmYjA1Y2MtMmFkYy00OTJjLTg4OWUtYzg3MjE0ZWEyOWY4",
+    "scopes": ["cluster"],
+    "state": "active",
+    "expired_at": "2025-02-21T11:37:53Z",
+    "user_id": 1,
+    "user": {
+      "id": 1,
+      "created_at": "2023-11-06T06:09:04Z",
+      "updated_at": "2023-11-06T06:09:04Z",
+      "is_del": 0,
+      "email": "lucy@example.com",
+      "name": "lucy",
+      "avatar": "https://example.com/avatar.png",
+      "phone": "1234567890",
+      "state": "enable",
+      "location": "Hangzhou",
+      "bio": "I am lucy",
+      "configs": null
+    }
+  },
+  {
+    "id": 4,
+    "created_at": "2023-12-04T10:42:31Z",
+    "updated_at": "2023-12-04T10:42:31Z",
+    "is_del": 0,
+    "name": "root-4",
+    "bio": "root-4 token, used to control of cluster",
+    "token": "YmVmYjA1Y2MtMmFkYy00OTJjLTg4OWUtYzg3MjE0ZWEyOWY4",
+    "scopes": ["cluster"],
+    "state": "active",
+    "expired_at": "2024-02-11T10:37:53Z",
+    "user_id": 1,
+    "user": {
+      "id": 1,
+      "created_at": "2023-11-06T06:09:04Z",
+      "updated_at": "2023-11-06T06:09:04Z",
+      "is_del": 0,
+      "email": "lucy@example.com",
+      "name": "lucy",
+      "avatar": "https://example.com/avatar.png",
+      "phone": "1234567890",
+      "state": "enable",
+      "location": "Hangzhou",
+      "bio": "I am lucy",
+      "configs": null
+    }
+  },
+  {
+    "id": 5,
+    "created_at": "2023-12-04T10:43:31Z",
+    "updated_at": "2023-12-04T10:43:31Z",
+    "is_del": 0,
+    "name": "root-5",
+    "bio": "root-5 token, used to open API call warm-up job.",
+    "token": "YmVmYjA1Y2MtMmFkYy00OTJjLTg4OWUtYzg3MjE0ZWEyOWY4",
+    "scopes": ["job"],
+    "state": "active",
+    "expired_at": "2027-09-14T10:37:53Z",
+    "user_id": 3,
+    "user": {
+      "id": 3,
+      "created_at": "2023-11-27T07:31:23Z",
+      "updated_at": "2023-11-27T07:31:23Z",
+      "is_del": 0,
+      "email": "root@example.com",
+      "name": "root",
+      "avatar": "",
+      "phone": "1234567890",
+      "state": "enable",
+      "location": "Guangzhou",
+      "bio": "This is root",
+      "configs": null
+    }
+  },
+  {
+    "id": 6,
+    "created_at": "2023-12-04T10:45:31Z",
+    "updated_at": "2023-12-04T10:45:31Z",
+    "is_del": 0,
+    "name": "root-6",
+    "bio": "root-6 token, used to control of cluster",
+    "token": "YmVmYjA1Y2MtMmFkYy00OTJjLTg4OWUtYzg3MjE0ZWEyOWY4",
+    "scopes": ["cluster"],
+    "state": "active",
+    "expired_at": "2024-01-11T10:37:53Z",
+    "user_id": 3,
+    "user": {
+      "id": 3,
+      "created_at": "2023-11-27T07:31:23Z",
+      "updated_at": "2023-11-27T07:31:23Z",
+      "is_del": 0,
+      "email": "root@example.com",
+      "name": "root",
+      "avatar": "",
+      "phone": "1234567890",
+      "state": "enable",
+      "location": "Guangzhou",
+      "bio": "This is root",
+      "configs": null
+    }
+  },
+  {
+    "id": 7,
+    "created_at": "2023-12-04T11:41:31Z",
+    "updated_at": "2023-12-04T11:41:31Z",
+    "is_del": 0,
+    "name": "root-7",
+    "bio": "root-7 token, used to control of cluster",
+    "token": "YmVmYjA1Y2MtMmFkYy00OTJjLTg4OWUtYzg3MjE0ZWEyOWY4",
+    "scopes": ["cluster"],
+    "state": "active",
+    "expired_at": "2025-06-11T10:37:53Z",
+    "user_id": 2,
+    "user": {
+      "id": 2,
+      "created_at": "2023-11-07T06:09:04Z",
+      "updated_at": "2023-11-07T06:09:04Z",
+      "is_del": 0,
+      "email": "jack@example.com",
+      "name": "jack",
+      "avatar": "https://example.com/avatar.png",
+      "phone": "1234567890",
+      "state": "enable",
+      "location": "Shanghai",
+      "bio": "I am jack",
+      "configs": null
+    }
+  },
+  {
+    "id": 8,
+    "created_at": "2023-12-04T11:49:31Z",
+    "updated_at": "2023-12-04T11:49:31Z",
+    "is_del": 0,
+    "name": "root-8",
+    "bio": "root-8 token, used to control the cluster.",
+    "token": "YmVmYjA1Y2MtMmFkYy00OTJjLTg4OWUtYzg3MjE0ZWEyOWY4",
+    "scopes": ["cluster"],
+    "state": "active",
+    "expired_at": "2025-01-11T10:37:53Z",
+    "user_id": 3,
+    "user": {
+      "id": 3,
+      "created_at": "2023-11-27T07:31:23Z",
+      "updated_at": "2023-11-27T07:31:23Z",
+      "is_del": 0,
+      "email": "root@example.com",
+      "name": "root",
+      "avatar": "",
+      "phone": "1234567890",
+      "state": "enable",
+      "location": "Guangzhou",
+      "bio": "This is root",
+      "configs": null
+    }
+  },
+  {
+    "id": 9,
+    "created_at": "2023-12-05T10:41:31Z",
+    "updated_at": "2023-12-05T10:41:31Z",
+    "is_del": 0,
+    "name": "root-9",
+    "bio": "root-9 token, used to control the cluster.",
+    "token": "YmVmYjA1Y2MtMmFkYy00OTJjLTg4OWUtYzg3MjE0ZWEyOWY4",
+    "scopes": ["cluster"],
+    "state": "active",
+    "expired_at": "2033-12-01T10:34:08Z",
+    "user_id": 2,
+    "user": {
+      "id": 2,
+      "created_at": "2023-11-07T06:09:04Z",
+      "updated_at": "2023-11-07T06:09:04Z",
+      "is_del": 0,
+      "email": "jack@example.com",
+      "name": "jack",
+      "avatar": "https://example.com/avatar.png",
+      "phone": "1234567890",
+      "state": "enable",
+      "location": "Shanghai",
+      "bio": "I am jack",
+      "configs": null
+    }
+  },
+  {
+    "id": 10,
+    "created_at": "2023-12-05T18:41:31Z",
+    "updated_at": "2023-12-05T18:41:31Z",
+    "is_del": 0,
+    "name": "root-10",
+    "bio": "root-10 token, used to control of cluster",
+    "token": "YmVmYjA1Y2MtMmFkYy00OTJjLTg4OWUtYzg3MjE0ZWEyOWY4",
+    "scopes": ["cluster"],
+    "state": "active",
+    "expired_at": "2024-12-1T10:37:53Z",
+    "user_id": 3,
+    "user": {
+      "id": 3,
+      "created_at": "2023-11-27T07:31:23Z",
+      "updated_at": "2023-11-27T07:31:23Z",
+      "is_del": 0,
+      "email": "root@example.com",
+      "name": "root",
+      "avatar": "",
+      "phone": "1234567890",
+      "state": "enable",
+      "location": "Guangzhou",
+      "bio": "This is root",
+      "configs": null
+    }
+  }
+]

cypress/fixtures/developer/tokens/token.json

@@ -0,0 +1,27 @@
+{
+  "id": 11,
+  "created_at": "2023-12-06T10:41:31Z",
+  "updated_at": "2023-12-06T10:41:31Z",
+  "is_del": 0,
+  "name": "root-11",
+  "bio": "root-11 token, used to control of cluster",
+  "token": "YmVmYjA1Y2MtMmFkYy00OTJjLTg4OWUtYzg3MjE0ZWEyOWY4",
+  "scopes": ["cluster"],
+  "state": "active",
+  "expired_at": "2023-12-11T10:37:53Z",
+  "user_id": 3,
+  "user": {
+    "id": 3,
+    "created_at": "2023-11-27T07:31:23Z",
+    "updated_at": "2023-11-27T07:31:23Z",
+    "is_del": 0,
+    "email": "root@example.com",
+    "name": "root",
+    "avatar": "",
+    "phone": "1234567890",
+    "state": "enable",
+    "location": "Guangzhou",
+    "bio": "This is root",
+    "configs": null
+  }
+}

cypress/fixtures/developer/tokens/tokens.json

@@ -0,0 +1,299 @@
+[
+  {
+    "id": 1,
+    "created_at": "2023-12-04T10:27:17Z",
+    "updated_at": "2023-12-04T10:34:12Z",
+    "is_del": 0,
+    "name": "root-1",
+    "bio": "root-1 token, used to control the cluster.",
+    "token": "MTk3OTY5NTMtZjlkZi00YWVhLWI5OGEtZTc0YWVhMWZmYmQz",
+    "scopes": ["cluster"],
+    "state": "active",
+    "expired_at": "2033-12-01T10:34:08Z",
+    "user_id": 3,
+    "user": {
+      "id": 3,
+      "created_at": "2023-11-27T07:31:23Z",
+      "updated_at": "2023-11-27T07:31:23Z",
+      "is_del": 0,
+      "email": "root@example.com",
+      "name": "root",
+      "avatar": "",
+      "phone": "1234567890",
+      "state": "enable",
+      "location": "Guangzhou",
+      "bio": "This is root",
+      "configs": null
+    }
+  },
+  {
+    "id": 2,
+    "created_at": "2023-12-04T10:39:31Z",
+    "updated_at": "2023-12-04T10:39:31Z",
+    "is_del": 0,
+    "name": "root-2",
+    "bio": "root-2 token, used to open API call warm-up job.",
+    "token": "YmVmYjA1Y2MtMmFkYy00OTJjLTg4OWUtYzg3MjE0ZWEyOWY4",
+    "scopes": ["job"],
+    "state": "active",
+    "expired_at": "2024-08-11T10:37:53Z",
+    "user_id": 3,
+    "user": {
+      "id": 3,
+      "created_at": "2023-11-27T07:31:23Z",
+      "updated_at": "2023-11-27T07:31:23Z",
+      "is_del": 0,
+      "email": "root@example.com",
+      "name": "root",
+      "avatar": "",
+      "phone": "1234567890",
+      "state": "enable",
+      "location": "Guangzhou",
+      "bio": "This is root",
+      "configs": null
+    }
+  },
+  {
+    "id": 3,
+    "created_at": "2023-12-04T10:41:31Z",
+    "updated_at": "2023-12-04T10:41:31Z",
+    "is_del": 0,
+    "name": "root-3",
+    "bio": "root-3 token, used to control of cluster",
+    "token": "YmVmYjA1Y2MtMmFkYy00OTJjLTg4OWUtYzg3MjE0ZWEyOWY4",
+    "scopes": ["cluster"],
+    "state": "active",
+    "expired_at": "2025-02-21T11:37:53Z",
+    "user_id": 1,
+    "user": {
+      "id": 1,
+      "created_at": "2023-11-06T06:09:04Z",
+      "updated_at": "2023-11-06T06:09:04Z",
+      "is_del": 0,
+      "email": "lucy@example.com",
+      "name": "lucy",
+      "avatar": "https://example.com/avatar.png",
+      "phone": "1234567890",
+      "state": "enable",
+      "location": "Hangzhou",
+      "bio": "I am lucy",
+      "configs": null
+    }
+  },
+  {
+    "id": 4,
+    "created_at": "2023-12-04T10:42:31Z",
+    "updated_at": "2023-12-04T10:42:31Z",
+    "is_del": 0,
+    "name": "root-4",
+    "bio": "root-4 token, used to control of cluster",
+    "token": "YmVmYjA1Y2MtMmFkYy00OTJjLTg4OWUtYzg3MjE0ZWEyOWY4",
+    "scopes": ["cluster"],
+    "state": "active",
+    "expired_at": "2024-02-11T10:37:53Z",
+    "user_id": 1,
+    "user": {
+      "id": 1,
+      "created_at": "2023-11-06T06:09:04Z",
+      "updated_at": "2023-11-06T06:09:04Z",
+      "is_del": 0,
+      "email": "lucy@example.com",
+      "name": "lucy",
+      "avatar": "https://example.com/avatar.png",
+      "phone": "1234567890",
+      "state": "enable",
+      "location": "Hangzhou",
+      "bio": "I am lucy",
+      "configs": null
+    }
+  },
+  {
+    "id": 5,
+    "created_at": "2023-12-04T10:43:31Z",
+    "updated_at": "2023-12-04T10:43:31Z",
+    "is_del": 0,
+    "name": "root-5",
+    "bio": "root-5 token, used to open API call warm-up job.",
+    "token": "YmVmYjA1Y2MtMmFkYy00OTJjLTg4OWUtYzg3MjE0ZWEyOWY4",
+    "scopes": ["job"],
+    "state": "active",
+    "expired_at": "2027-09-14T10:37:53Z",
+    "user_id": 3,
+    "user": {
+      "id": 3,
+      "created_at": "2023-11-27T07:31:23Z",
+      "updated_at": "2023-11-27T07:31:23Z",
+      "is_del": 0,
+      "email": "root@example.com",
+      "name": "root",
+      "avatar": "",
+      "phone": "1234567890",
+      "state": "enable",
+      "location": "Guangzhou",
+      "bio": "This is root",
+      "configs": null
+    }
+  },
+  {
+    "id": 6,
+    "created_at": "2023-12-04T10:45:31Z",
+    "updated_at": "2023-12-04T10:45:31Z",
+    "is_del": 0,
+    "name": "root-6",
+    "bio": "root-6 token, used to control of cluster",
+    "token": "YmVmYjA1Y2MtMmFkYy00OTJjLTg4OWUtYzg3MjE0ZWEyOWY4",
+    "scopes": ["cluster"],
+    "state": "active",
+    "expired_at": "2024-01-11T10:37:53Z",
+    "user_id": 3,
+    "user": {
+      "id": 3,
+      "created_at": "2023-11-27T07:31:23Z",
+      "updated_at": "2023-11-27T07:31:23Z",
+      "is_del": 0,
+      "email": "root@example.com",
+      "name": "root",
+      "avatar": "",
+      "phone": "1234567890",
+      "state": "enable",
+      "location": "Guangzhou",
+      "bio": "This is root",
+      "configs": null
+    }
+  },
+  {
+    "id": 7,
+    "created_at": "2023-12-04T11:41:31Z",
+    "updated_at": "2023-12-04T11:41:31Z",
+    "is_del": 0,
+    "name": "root-7",
+    "bio": "root-7 token, used to control of cluster",
+    "token": "YmVmYjA1Y2MtMmFkYy00OTJjLTg4OWUtYzg3MjE0ZWEyOWY4",
+    "scopes": ["cluster"],
+    "state": "active",
+    "expired_at": "2025-06-11T10:37:53Z",
+    "user_id": 2,
+    "user": {
+      "id": 2,
+      "created_at": "2023-11-07T06:09:04Z",
+      "updated_at": "2023-11-07T06:09:04Z",
+      "is_del": 0,
+      "email": "jack@example.com",
+      "name": "jack",
+      "avatar": "https://example.com/avatar.png",
+      "phone": "1234567890",
+      "state": "enable",
+      "location": "Shanghai",
+      "bio": "I am jack",
+      "configs": null
+    }
+  },
+  {
+    "id": 8,
+    "created_at": "2023-12-04T11:49:31Z",
+    "updated_at": "2023-12-04T11:49:31Z",
+    "is_del": 0,
+    "name": "root-8",
+    "bio": "root-8 token, used to control the cluster.",
+    "token": "YmVmYjA1Y2MtMmFkYy00OTJjLTg4OWUtYzg3MjE0ZWEyOWY4",
+    "scopes": ["cluster"],
+    "state": "active",
+    "expired_at": "2025-01-11T10:37:53Z",
+    "user_id": 3,
+    "user": {
+      "id": 3,
+      "created_at": "2023-11-27T07:31:23Z",
+      "updated_at": "2023-11-27T07:31:23Z",
+      "is_del": 0,
+      "email": "root@example.com",
+      "name": "root",
+      "avatar": "",
+      "phone": "1234567890",
+      "state": "enable",
+      "location": "Guangzhou",
+      "bio": "This is root",
+      "configs": null
+    }
+  },
+  {
+    "id": 9,
+    "created_at": "2023-12-05T10:41:31Z",
+    "updated_at": "2023-12-05T10:41:31Z",
+    "is_del": 0,
+    "name": "root-9",
+    "bio": "root-9 token, used to control the cluster.",
+    "token": "YmVmYjA1Y2MtMmFkYy00OTJjLTg4OWUtYzg3MjE0ZWEyOWY4",
+    "scopes": ["cluster"],
+    "state": "active",
+    "expired_at": "2033-12-01T10:34:08Z",
+    "user_id": 2,
+    "user": {
+      "id": 2,
+      "created_at": "2023-11-07T06:09:04Z",
+      "updated_at": "2023-11-07T06:09:04Z",
+      "is_del": 0,
+      "email": "jack@example.com",
+      "name": "jack",
+      "avatar": "https://example.com/avatar.png",
+      "phone": "1234567890",
+      "state": "enable",
+      "location": "Shanghai",
+      "bio": "I am jack",
+      "configs": null
+    }
+  },
+  {
+    "id": 10,
+    "created_at": "2023-12-05T18:41:31Z",
+    "updated_at": "2023-12-05T18:41:31Z",
+    "is_del": 0,
+    "name": "root-10",
+    "bio": "root-10 token, used to control of cluster",
+    "token": "YmVmYjA1Y2MtMmFkYy00OTJjLTg4OWUtYzg3MjE0ZWEyOWY4",
+    "scopes": ["cluster"],
+    "state": "active",
+    "expired_at": "2023-12-12T10:37:53Z",
+    "user_id": 3,
+    "user": {
+      "id": 3,
+      "created_at": "2023-11-27T07:31:23Z",
+      "updated_at": "2023-11-27T07:31:23Z",
+      "is_del": 0,
+      "email": "root@example.com",
+      "name": "root",
+      "avatar": "",
+      "phone": "1234567890",
+      "state": "enable",
+      "location": "Guangzhou",
+      "bio": "This is root",
+      "configs": null
+    }
+  },
+  {
+    "id": 11,
+    "created_at": "2023-12-06T10:41:31Z",
+    "updated_at": "2023-12-06T10:41:31Z",
+    "is_del": 0,
+    "name": "root-11",
+    "bio": "root-11 token, used to control of cluster",
+    "token": "YmVmYjA1Y2MtMmFkYy00OTJjLTg4OWUtYzg3MjE0ZWEyOWY4",
+    "scopes": ["cluster"],
+    "state": "active",
+    "expired_at": "2023-12-11T10:37:53Z",
+    "user_id": 3,
+    "user": {
+      "id": 3,
+      "created_at": "2023-11-27T07:31:23Z",
+      "updated_at": "2023-11-27T07:31:23Z",
+      "is_del": 0,
+      "email": "root@example.com",
+      "name": "root",
+      "avatar": "",
+      "phone": "1234567890",
+      "state": "enable",
+      "location": "Guangzhou",
+      "bio": "This is root",
+      "configs": null
+    }
+  }
+]

cypress/fixtures/developer/tokens/update-token.json

@@ -0,0 +1,299 @@
+[
+  {
+    "id": 1,
+    "created_at": "2023-12-04T10:27:17Z",
+    "updated_at": "2023-12-04T10:34:12Z",
+    "is_del": 0,
+    "name": "root-1",
+    "bio": "root-1 token, used to control the cluster.",
+    "token": "MTk3OTY5NTMtZjlkZi00YWVhLWI5OGEtZTc0YWVhMWZmYmQz",
+    "scopes": ["cluster"],
+    "state": "active",
+    "expired_at": "2033-12-01T10:34:08Z",
+    "user_id": 3,
+    "user": {
+      "id": 3,
+      "created_at": "2023-11-27T07:31:23Z",
+      "updated_at": "2023-11-27T07:31:23Z",
+      "is_del": 0,
+      "email": "root@example.com",
+      "name": "root",
+      "avatar": "",
+      "phone": "1234567890",
+      "state": "enable",
+      "location": "Guangzhou",
+      "bio": "This is root",
+      "configs": null
+    }
+  },
+  {
+    "id": 2,
+    "created_at": "2023-12-04T10:39:31Z",
+    "updated_at": "2023-12-04T10:39:31Z",
+    "is_del": 0,
+    "name": "root-2",
+    "bio": "root-2 token, used to open API call warm-up job.",
+    "token": "YmVmYjA1Y2MtMmFkYy00OTJjLTg4OWUtYzg3MjE0ZWEyOWY4",
+    "scopes": ["job"],
+    "state": "active",
+    "expired_at": "2024-08-11T10:37:53Z",
+    "user_id": 3,
+    "user": {
+      "id": 3,
+      "created_at": "2023-11-27T07:31:23Z",
+      "updated_at": "2023-11-27T07:31:23Z",
+      "is_del": 0,
+      "email": "root@example.com",
+      "name": "root",
+      "avatar": "",
+      "phone": "1234567890",
+      "state": "enable",
+      "location": "Guangzhou",
+      "bio": "This is root",
+      "configs": null
+    }
+  },
+  {
+    "id": 3,
+    "created_at": "2023-12-04T10:41:31Z",
+    "updated_at": "2023-12-04T10:41:31Z",
+    "is_del": 0,
+    "name": "root-3",
+    "bio": "root-3 token, used to control of cluster",
+    "token": "YmVmYjA1Y2MtMmFkYy00OTJjLTg4OWUtYzg3MjE0ZWEyOWY4",
+    "scopes": ["cluster"],
+    "state": "active",
+    "expired_at": "2025-02-21T11:37:53Z",
+    "user_id": 1,
+    "user": {
+      "id": 1,
+      "created_at": "2023-11-06T06:09:04Z",
+      "updated_at": "2023-11-06T06:09:04Z",
+      "is_del": 0,
+      "email": "lucy@example.com",
+      "name": "lucy",
+      "avatar": "https://example.com/avatar.png",
+      "phone": "1234567890",
+      "state": "enable",
+      "location": "Hangzhou",
+      "bio": "I am lucy",
+      "configs": null
+    }
+  },
+  {
+    "id": 4,
+    "created_at": "2023-12-04T10:42:31Z",
+    "updated_at": "2023-12-04T10:42:31Z",
+    "is_del": 0,
+    "name": "root-4",
+    "bio": "root-4 token, used to control of cluster",
+    "token": "YmVmYjA1Y2MtMmFkYy00OTJjLTg4OWUtYzg3MjE0ZWEyOWY4",
+    "scopes": ["cluster"],
+    "state": "active",
+    "expired_at": "2024-02-11T10:37:53Z",
+    "user_id": 1,
+    "user": {
+      "id": 1,
+      "created_at": "2023-11-06T06:09:04Z",
+      "updated_at": "2023-11-06T06:09:04Z",
+      "is_del": 0,
+      "email": "lucy@example.com",
+      "name": "lucy",
+      "avatar": "https://example.com/avatar.png",
+      "phone": "1234567890",
+      "state": "enable",
+      "location": "Hangzhou",
+      "bio": "I am lucy",
+      "configs": null
+    }
+  },
+  {
+    "id": 5,
+    "created_at": "2023-12-04T10:43:31Z",
+    "updated_at": "2023-12-04T10:43:31Z",
+    "is_del": 0,
+    "name": "root-5",
+    "bio": "root-5 token, used to open API call warm-up job.",
+    "token": "YmVmYjA1Y2MtMmFkYy00OTJjLTg4OWUtYzg3MjE0ZWEyOWY4",
+    "scopes": ["job"],
+    "state": "active",
+    "expired_at": "2027-09-14T10:37:53Z",
+    "user_id": 3,
+    "user": {
+      "id": 3,
+      "created_at": "2023-11-27T07:31:23Z",
+      "updated_at": "2023-11-27T07:31:23Z",
+      "is_del": 0,
+      "email": "root@example.com",
+      "name": "root",
+      "avatar": "",
+      "phone": "1234567890",
+      "state": "enable",
+      "location": "Guangzhou",
+      "bio": "This is root",
+      "configs": null
+    }
+  },
+  {
+    "id": 6,
+    "created_at": "2023-12-04T10:45:31Z",
+    "updated_at": "2023-12-04T10:45:31Z",
+    "is_del": 0,
+    "name": "root-6",
+    "bio": "root-6 token, used to control of cluster",
+    "token": "YmVmYjA1Y2MtMmFkYy00OTJjLTg4OWUtYzg3MjE0ZWEyOWY4",
+    "scopes": ["cluster"],
+    "state": "active",
+    "expired_at": "2024-01-11T10:37:53Z",
+    "user_id": 3,
+    "user": {
+      "id": 3,
+      "created_at": "2023-11-27T07:31:23Z",
+      "updated_at": "2023-11-27T07:31:23Z",
+      "is_del": 0,
+      "email": "root@example.com",
+      "name": "root",
+      "avatar": "",
+      "phone": "1234567890",
+      "state": "enable",
+      "location": "Guangzhou",
+      "bio": "This is root",
+      "configs": null
+    }
+  },
+  {
+    "id": 7,
+    "created_at": "2023-12-04T11:41:31Z",
+    "updated_at": "2023-12-04T11:41:31Z",
+    "is_del": 0,
+    "name": "root-7",
+    "bio": "root-7 token, used to control of cluster",
+    "token": "YmVmYjA1Y2MtMmFkYy00OTJjLTg4OWUtYzg3MjE0ZWEyOWY4",
+    "scopes": ["cluster"],
+    "state": "active",
+    "expired_at": "2025-06-11T10:37:53Z",
+    "user_id": 2,
+    "user": {
+      "id": 2,
+      "created_at": "2023-11-07T06:09:04Z",
+      "updated_at": "2023-11-07T06:09:04Z",
+      "is_del": 0,
+      "email": "jack@example.com",
+      "name": "jack",
+      "avatar": "https://example.com/avatar.png",
+      "phone": "1234567890",
+      "state": "enable",
+      "location": "Shanghai",
+      "bio": "I am jack",
+      "configs": null
+    }
+  },
+  {
+    "id": 8,
+    "created_at": "2023-12-04T11:49:31Z",
+    "updated_at": "2023-12-04T11:49:31Z",
+    "is_del": 0,
+    "name": "root-8",
+    "bio": "root-8 token, used to control the cluster.",
+    "token": "YmVmYjA1Y2MtMmFkYy00OTJjLTg4OWUtYzg3MjE0ZWEyOWY4",
+    "scopes": ["cluster"],
+    "state": "active",
+    "expired_at": "2025-01-11T10:37:53Z",
+    "user_id": 3,
+    "user": {
+      "id": 3,
+      "created_at": "2023-11-27T07:31:23Z",
+      "updated_at": "2023-11-27T07:31:23Z",
+      "is_del": 0,
+      "email": "root@example.com",
+      "name": "root",
+      "avatar": "",
+      "phone": "1234567890",
+      "state": "enable",
+      "location": "Guangzhou",
+      "bio": "This is root",
+      "configs": null
+    }
+  },
+  {
+    "id": 9,
+    "created_at": "2023-12-05T10:41:31Z",
+    "updated_at": "2023-12-05T10:41:31Z",
+    "is_del": 0,
+    "name": "root-9",
+    "bio": "root-9 token, used to control the cluster.",
+    "token": "YmVmYjA1Y2MtMmFkYy00OTJjLTg4OWUtYzg3MjE0ZWEyOWY4",
+    "scopes": ["cluster"],
+    "state": "active",
+    "expired_at": "2033-12-01T10:34:08Z",
+    "user_id": 2,
+    "user": {
+      "id": 2,
+      "created_at": "2023-11-07T06:09:04Z",
+      "updated_at": "2023-11-07T06:09:04Z",
+      "is_del": 0,
+      "email": "jack@example.com",
+      "name": "jack",
+      "avatar": "https://example.com/avatar.png",
+      "phone": "1234567890",
+      "state": "enable",
+      "location": "Shanghai",
+      "bio": "I am jack",
+      "configs": null
+    }
+  },
+  {
+    "id": 10,
+    "created_at": "2023-12-05T18:41:31Z",
+    "updated_at": "2023-12-05T18:41:31Z",
+    "is_del": 0,
+    "name": "root-10",
+    "bio": "root-10 token, used to control of cluster",
+    "token": "YmVmYjA1Y2MtMmFkYy00OTJjLTg4OWUtYzg3MjE0ZWEyOWY4",
+    "scopes": ["cluster"],
+    "state": "active",
+    "expired_at": "2024-12-1T10:37:53Z",
+    "user_id": 3,
+    "user": {
+      "id": 3,
+      "created_at": "2023-11-27T07:31:23Z",
+      "updated_at": "2023-11-27T07:31:23Z",
+      "is_del": 0,
+      "email": "root@example.com",
+      "name": "root",
+      "avatar": "",
+      "phone": "1234567890",
+      "state": "enable",
+      "location": "Guangzhou",
+      "bio": "This is root",
+      "configs": null
+    }
+  },
+  {
+    "id": 11,
+    "created_at": "2023-12-06T10:41:31Z",
+    "updated_at": "2023-12-06T10:41:31Z",
+    "is_del": 0,
+    "name": "root-11",
+    "bio": "root-11 token, used to control of cluster",
+    "token": "ODhlMjFkY2UtM2Y1ZS00ZTVmLThkMzYtMzE2MzhiNmQxODlj",
+    "scopes": ["cluster"],
+    "state": "active",
+    "expired_at": "2033-12-03T06:37:38.712Z",
+    "user_id": 3,
+    "user": {
+      "id": 3,
+      "created_at": "2023-11-27T07:31:23Z",
+      "updated_at": "2023-11-27T07:31:23Z",
+      "is_del": 0,
+      "email": "root@example.com",
+      "name": "root",
+      "avatar": "",
+      "phone": "1234567890",
+      "state": "enable",
+      "location": "Guangzhou",
+      "bio": "This is root",
+      "configs": null
+    }
+  }
+]

cypress/fixtures/gc/config.json

@@ -0,0 +1,26 @@
+[
+  {
+    "id": 1,
+    "created_at": "2025-06-18T07:53:26.189Z",
+    "updated_at": "2025-06-23T03:17:49.49Z",
+    "is_del": 0,
+    "name": "gc",
+    "value": "{\"audit\":{\"ttl\":259200000000000},\"job\":{\"ttl\":1123200000000000}}",
+    "bio": "",
+    "user_id": 0,
+    "user": {
+      "id": 0,
+      "created_at": "0001-01-01T00:00:00Z",
+      "updated_at": "0001-01-01T00:00:00Z",
+      "is_del": 0,
+      "email": "",
+      "name": "",
+      "avatar": "",
+      "phone": "",
+      "state": "",
+      "location": "",
+      "bio": "",
+      "configs": null
+    }
+  }
+]

cypress/fixtures/gc/execute-gc.json

@@ -0,0 +1,35 @@
+{
+  "id": 24,
+  "created_at": "2025-06-25T09:29:25.297Z",
+  "updated_at": "2025-06-25T09:29:25.327Z",
+  "is_del": 0,
+  "task_id": "f060ab6b-16a7-4ff9-80ed-d135bd53b4fa",
+  "bio": "",
+  "type": "gc",
+  "state": "SUCCESS",
+  "args": {
+    "batch_size": 5000,
+    "ttl": 1814400000000000,
+    "type": "audit"
+  },
+  "result": {
+    "purged": 10
+  },
+  "user_id": 1,
+  "user": {
+    "id": 0,
+    "created_at": "0001-01-01T00:00:00Z",
+    "updated_at": "0001-01-01T00:00:00Z",
+    "is_del": 0,
+    "email": "",
+    "name": "",
+    "avatar": "",
+    "phone": "",
+    "state": "",
+    "location": "",
+    "bio": "",
+    "configs": null
+  },
+  "seed_peer_clusters": null,
+  "scheduler_clusters": null
+}

cypress/fixtures/gc/history.json

@@ -0,0 +1,842 @@
+[
+  {
+    "id": 119,
+    "created_at": "2025-06-23T05:12:15.991Z",
+    "updated_at": "2025-06-23T05:12:16.09Z",
+    "is_del": 0,
+    "task_id": "e1949b29-4bca-4591-8b54-d619373ae750",
+    "bio": "",
+    "type": "gc",
+    "state": "SUCCESS",
+    "args": {
+      "batch_size": 5000,
+      "ttl": 172800000000000,
+      "type": "audit"
+    },
+    "result": {
+      "purged": 10
+    },
+    "user_id": 1,
+    "user": {
+      "id": 0,
+      "created_at": "0001-01-01T00:00:00Z",
+      "updated_at": "0001-01-01T00:00:00Z",
+      "is_del": 0,
+      "email": "",
+      "name": "",
+      "avatar": "",
+      "phone": "",
+      "state": "",
+      "location": "",
+      "bio": "",
+      "configs": null
+    },
+    "seed_peer_clusters": null,
+    "scheduler_clusters": null
+  },
+  {
+    "id": 118,
+    "created_at": "2025-06-23T05:12:15.991Z",
+    "updated_at": "2025-06-23T05:12:16.09Z",
+    "is_del": 0,
+    "task_id": "e1949b29-4bca-4591-8b54-d619373ae750",
+    "bio": "",
+    "type": "gc",
+    "state": "SUCCESS",
+    "args": {
+      "batch_size": 5000,
+      "ttl": 172800000000000,
+      "type": "audit"
+    },
+    "result": {
+      "purged": 0
+    },
+    "user_id": 1,
+    "user": {
+      "id": 0,
+      "created_at": "0001-01-01T00:00:00Z",
+      "updated_at": "0001-01-01T00:00:00Z",
+      "is_del": 0,
+      "email": "",
+      "name": "",
+      "avatar": "",
+      "phone": "",
+      "state": "",
+      "location": "",
+      "bio": "",
+      "configs": null
+    },
+    "seed_peer_clusters": null,
+    "scheduler_clusters": null
+  },
+  {
+    "id": 117,
+    "created_at": "2025-06-23T05:12:15.991Z",
+    "updated_at": "2025-06-23T05:12:16.09Z",
+    "is_del": 0,
+    "task_id": "e1949b29-4bca-4591-8b54-d619373ae750",
+    "bio": "",
+    "type": "gc",
+    "state": "SUCCESS",
+    "args": {
+      "batch_size": 5000,
+      "ttl": 172800000000000,
+      "type": "audit"
+    },
+    "result": {
+      "purged": 0
+    },
+    "user_id": 1,
+    "user": {
+      "id": 0,
+      "created_at": "0001-01-01T00:00:00Z",
+      "updated_at": "0001-01-01T00:00:00Z",
+      "is_del": 0,
+      "email": "",
+      "name": "",
+      "avatar": "",
+      "phone": "",
+      "state": "",
+      "location": "",
+      "bio": "",
+      "configs": null
+    },
+    "seed_peer_clusters": null,
+    "scheduler_clusters": null
+  },
+  {
+    "id": 117,
+    "created_at": "2025-06-23T06:06:47.959Z",
+    "updated_at": "2025-06-23T06:06:47.997Z",
+    "is_del": 0,
+    "task_id": "audit",
+    "bio": "",
+    "type": "gc",
+    "state": "SUCCESS",
+    "args": {
+      "batch_size": 5000,
+      "ttl": 1123200000000000,
+      "type": "job"
+    },
+    "result": {
+      "purged": 0
+    },
+    "user_id": 0,
+    "user": {
+      "id": 0,
+      "created_at": "0001-01-01T00:00:00Z",
+      "updated_at": "0001-01-01T00:00:00Z",
+      "is_del": 0,
+      "email": "",
+      "name": "",
+      "avatar": "",
+      "phone": "",
+      "state": "",
+      "location": "",
+      "bio": "",
+      "configs": null
+    },
+    "seed_peer_clusters": null,
+    "scheduler_clusters": null
+  },
+  {
+    "id": 116,
+    "created_at": "2025-06-23T05:12:15.991Z",
+    "updated_at": "2025-06-23T05:12:16.09Z",
+    "is_del": 0,
+    "task_id": "e1949b29-4bca-4591-8b54-d619373ae750",
+    "bio": "",
+    "type": "gc",
+    "state": "SUCCESS",
+    "args": {
+      "batch_size": 5000,
+      "ttl": 172800000000000,
+      "type": "audit"
+    },
+    "result": {
+      "purged": 0
+    },
+    "user_id": 1,
+    "user": {
+      "id": 0,
+      "created_at": "0001-01-01T00:00:00Z",
+      "updated_at": "0001-01-01T00:00:00Z",
+      "is_del": 0,
+      "email": "",
+      "name": "",
+      "avatar": "",
+      "phone": "",
+      "state": "",
+      "location": "",
+      "bio": "",
+      "configs": null
+    },
+    "seed_peer_clusters": null,
+    "scheduler_clusters": null
+  },
+  {
+    "id": 115,
+    "created_at": "2025-06-23T04:34:36.417Z",
+    "updated_at": "2025-06-23T04:34:36.484Z",
+    "is_del": 0,
+    "task_id": "15a3dc57-14eb-4623-8d99-d2021647efb2",
+    "bio": "",
+    "type": "gc",
+    "state": "SUCCESS",
+    "args": {
+      "batch_size": 5000,
+      "ttl": 1123200000000000,
+      "type": "job"
+    },
+    "result": {
+      "purged": 0
+    },
+    "user_id": 1,
+    "user": {
+      "id": 0,
+      "created_at": "0001-01-01T00:00:00Z",
+      "updated_at": "0001-01-01T00:00:00Z",
+      "is_del": 0,
+      "email": "",
+      "name": "",
+      "avatar": "",
+      "phone": "",
+      "state": "",
+      "location": "",
+      "bio": "",
+      "configs": null
+    },
+    "seed_peer_clusters": null,
+    "scheduler_clusters": null
+  },
+  {
+    "id": 114,
+    "created_at": "2025-06-23T04:34:24.244Z",
+    "updated_at": "2025-06-23T04:34:24.4Z",
+    "is_del": 0,
+    "task_id": "8f2c5507-450e-45e2-bc52-ff3fcfae5bd4",
+    "bio": "",
+    "type": "gc",
+    "state": "SUCCESS",
+    "args": {
+      "batch_size": 5000,
+      "ttl": 1123200000000000,
+      "type": "job"
+    },
+    "result": {
+      "purged": 0
+    },
+    "user_id": 1,
+    "user": {
+      "id": 0,
+      "created_at": "0001-01-01T00:00:00Z",
+      "updated_at": "0001-01-01T00:00:00Z",
+      "is_del": 0,
+      "email": "",
+      "name": "",
+      "avatar": "",
+      "phone": "",
+      "state": "",
+      "location": "",
+      "bio": "",
+      "configs": null
+    },
+    "seed_peer_clusters": null,
+    "scheduler_clusters": null
+  },
+  {
+    "id": 113,
+    "created_at": "2025-06-23T03:17:40.93Z",
+    "updated_at": "2025-06-23T03:17:40.937Z",
+    "is_del": 0,
+    "task_id": "cdf743c3-ae45-4526-b8a9-574d17532491",
+    "bio": "",
+    "type": "gc",
+    "state": "SUCCESS",
+    "args": {
+      "batch_size": 5000,
+      "ttl": 7200000000000,
+      "type": "audit"
+    },
+    "result": {
+      "purged": 0
+    },
+    "user_id": 1,
+    "user": {
+      "id": 0,
+      "created_at": "0001-01-01T00:00:00Z",
+      "updated_at": "0001-01-01T00:00:00Z",
+      "is_del": 0,
+      "email": "",
+      "name": "",
+      "avatar": "",
+      "phone": "",
+      "state": "",
+      "location": "",
+      "bio": "",
+      "configs": null
+    },
+    "seed_peer_clusters": null,
+    "scheduler_clusters": null
+  },
+  {
+    "id": 112,
+    "created_at": "2025-06-23T03:17:32.362Z",
+    "updated_at": "2025-06-23T03:17:32.405Z",
+    "is_del": 0,
+    "task_id": "e68e1914-e2d2-447a-b6e9-c03a0032de7b",
+    "bio": "",
+    "type": "gc",
+    "state": "SUCCESS",
+    "args": {
+      "batch_size": 5000,
+      "ttl": 7200000000000,
+      "type": "audit"
+    },
+    "result": {
+      "purged": 0
+    },
+    "user_id": 1,
+    "user": {
+      "id": 0,
+      "created_at": "0001-01-01T00:00:00Z",
+      "updated_at": "0001-01-01T00:00:00Z",
+      "is_del": 0,
+      "email": "",
+      "name": "",
+      "avatar": "",
+      "phone": "",
+      "state": "",
+      "location": "",
+      "bio": "",
+      "configs": null
+    },
+    "seed_peer_clusters": null,
+    "scheduler_clusters": null
+  },
+  {
+    "id": 111,
+    "created_at": "2025-06-23T02:18:20.238Z",
+    "updated_at": "2025-06-23T02:18:20.249Z",
+    "is_del": 0,
+    "task_id": "audit",
+    "bio": "",
+    "type": "gc",
+    "state": "SUCCESS",
+    "args": {
+      "batch_size": 5000,
+      "ttl": 1123200000000000,
+      "type": "job"
+    },
+    "result": {
+      "purged": 0
+    },
+    "user_id": 0,
+    "user": {
+      "id": 0,
+      "created_at": "0001-01-01T00:00:00Z",
+      "updated_at": "0001-01-01T00:00:00Z",
+      "is_del": 0,
+      "email": "",
+      "name": "",
+      "avatar": "",
+      "phone": "",
+      "state": "",
+      "location": "",
+      "bio": "",
+      "configs": null
+    },
+    "seed_peer_clusters": null,
+    "scheduler_clusters": null
+  },
+  {
+    "id": 110,
+    "created_at": "2025-06-23T02:18:19.755Z",
+    "updated_at": "2025-06-23T02:18:19.872Z",
+    "is_del": 0,
+    "task_id": "audit",
+    "bio": "",
+    "type": "gc",
+    "state": "SUCCESS",
+    "args": {
+      "batch_size": 5000,
+      "ttl": 1123200000000000,
+      "type": "job"
+    },
+    "result": {
+      "purged": 0
+    },
+    "user_id": 0,
+    "user": {
+      "id": 0,
+      "created_at": "0001-01-01T00:00:00Z",
+      "updated_at": "0001-01-01T00:00:00Z",
+      "is_del": 0,
+      "email": "",
+      "name": "",
+      "avatar": "",
+      "phone": "",
+      "state": "",
+      "location": "",
+      "bio": "",
+      "configs": null
+    },
+    "seed_peer_clusters": null,
+    "scheduler_clusters": null
+  },
+  {
+    "id": 109,
+    "created_at": "2025-06-22T22:44:24.566Z",
+    "updated_at": "2025-06-22T22:44:24.643Z",
+    "is_del": 0,
+    "task_id": "audit",
+    "bio": "",
+    "type": "gc",
+    "state": "SUCCESS",
+    "args": {
+      "batch_size": 5000,
+      "ttl": 1123200000000000,
+      "type": "job"
+    },
+    "result": {
+      "purged": 0
+    },
+    "user_id": 0,
+    "user": {
+      "id": 0,
+      "created_at": "0001-01-01T00:00:00Z",
+      "updated_at": "0001-01-01T00:00:00Z",
+      "is_del": 0,
+      "email": "",
+      "name": "",
+      "avatar": "",
+      "phone": "",
+      "state": "",
+      "location": "",
+      "bio": "",
+      "configs": null
+    },
+    "seed_peer_clusters": null,
+    "scheduler_clusters": null
+  },
+  {
+    "id": 108,
+    "created_at": "2025-06-22T22:44:24.445Z",
+    "updated_at": "2025-06-22T22:44:24.565Z",
+    "is_del": 0,
+    "task_id": "audit",
+    "bio": "",
+    "type": "gc",
+    "state": "SUCCESS",
+    "args": {
+      "batch_size": 5000,
+      "ttl": 7200000000000,
+      "type": "audit"
+    },
+    "result": {
+      "purged": 0
+    },
+    "user_id": 0,
+    "user": {
+      "id": 0,
+      "created_at": "0001-01-01T00:00:00Z",
+      "updated_at": "0001-01-01T00:00:00Z",
+      "is_del": 0,
+      "email": "",
+      "name": "",
+      "avatar": "",
+      "phone": "",
+      "state": "",
+      "location": "",
+      "bio": "",
+      "configs": null
+    },
+    "seed_peer_clusters": null,
+    "scheduler_clusters": null
+  },
+  {
+    "id": 107,
+    "created_at": "2025-06-22T17:35:36.808Z",
+    "updated_at": "2025-06-22T17:35:36.815Z",
+    "is_del": 0,
+    "task_id": "audit",
+    "bio": "",
+    "type": "gc",
+    "state": "SUCCESS",
+    "args": {
+      "batch_size": 5000,
+      "ttl": 7200000000000,
+      "type": "audit"
+    },
+    "result": {
+      "purged": 0
+    },
+    "user_id": 0,
+    "user": {
+      "id": 0,
+      "created_at": "0001-01-01T00:00:00Z",
+      "updated_at": "0001-01-01T00:00:00Z",
+      "is_del": 0,
+      "email": "",
+      "name": "",
+      "avatar": "",
+      "phone": "",
+      "state": "",
+      "location": "",
+      "bio": "",
+      "configs": null
+    },
+    "seed_peer_clusters": null,
+    "scheduler_clusters": null
+  },
+  {
+    "id": 106,
+    "created_at": "2025-06-22T17:35:36.807Z",
+    "updated_at": "2025-06-22T17:35:36.828Z",
+    "is_del": 0,
+    "task_id": "audit",
+    "bio": "",
+    "type": "gc",
+    "state": "SUCCESS",
+    "args": {
+      "batch_size": 5000,
+      "ttl": 1123200000000000,
+      "type": "job"
+    },
+    "result": {
+      "purged": 0
+    },
+    "user_id": 0,
+    "user": {
+      "id": 0,
+      "created_at": "0001-01-01T00:00:00Z",
+      "updated_at": "0001-01-01T00:00:00Z",
+      "is_del": 0,
+      "email": "",
+      "name": "",
+      "avatar": "",
+      "phone": "",
+      "state": "",
+      "location": "",
+      "bio": "",
+      "configs": null
+    },
+    "seed_peer_clusters": null,
+    "scheduler_clusters": null
+  },
+  {
+    "id": 105,
+    "created_at": "2025-06-22T17:35:36.332Z",
+    "updated_at": "2025-06-22T17:35:36.436Z",
+    "is_del": 0,
+    "task_id": "audit",
+    "bio": "",
+    "type": "gc",
+    "state": "SUCCESS",
+    "args": {
+      "batch_size": 5000,
+      "ttl": 1123200000000000,
+      "type": "job"
+    },
+    "result": {
+      "purged": 0
+    },
+    "user_id": 0,
+    "user": {
+      "id": 0,
+      "created_at": "0001-01-01T00:00:00Z",
+      "updated_at": "0001-01-01T00:00:00Z",
+      "is_del": 0,
+      "email": "",
+      "name": "",
+      "avatar": "",
+      "phone": "",
+      "state": "",
+      "location": "",
+      "bio": "",
+      "configs": null
+    },
+    "seed_peer_clusters": null,
+    "scheduler_clusters": null
+  },
+  {
+    "id": 104,
+    "created_at": "2025-06-22T17:35:36.33Z",
+    "updated_at": "2025-06-22T17:35:36.439Z",
+    "is_del": 0,
+    "task_id": "audit",
+    "bio": "",
+    "type": "gc",
+    "state": "SUCCESS",
+    "args": {
+      "batch_size": 5000,
+      "ttl": 7200000000000,
+      "type": "audit"
+    },
+    "result": {
+      "purged": 0
+    },
+    "user_id": 0,
+    "user": {
+      "id": 0,
+      "created_at": "0001-01-01T00:00:00Z",
+      "updated_at": "0001-01-01T00:00:00Z",
+      "is_del": 0,
+      "email": "",
+      "name": "",
+      "avatar": "",
+      "phone": "",
+      "state": "",
+      "location": "",
+      "bio": "",
+      "configs": null
+    },
+    "seed_peer_clusters": null,
+    "scheduler_clusters": null
+  },
+  {
+    "id": 103,
+    "created_at": "2025-06-22T14:26:39.289Z",
+    "updated_at": "2025-06-22T14:26:39.356Z",
+    "is_del": 0,
+    "task_id": "audit",
+    "bio": "",
+    "type": "gc",
+    "state": "SUCCESS",
+    "args": {
+      "batch_size": 5000,
+      "ttl": 1123200000000000,
+      "type": "job"
+    },
+    "result": {
+      "purged": 0
+    },
+    "user_id": 0,
+    "user": {
+      "id": 0,
+      "created_at": "0001-01-01T00:00:00Z",
+      "updated_at": "0001-01-01T00:00:00Z",
+      "is_del": 0,
+      "email": "",
+      "name": "",
+      "avatar": "",
+      "phone": "",
+      "state": "",
+      "location": "",
+      "bio": "",
+      "configs": null
+    },
+    "seed_peer_clusters": null,
+    "scheduler_clusters": null
+  },
+  {
+    "id": 102,
+    "created_at": "2025-06-22T11:17:59.604Z",
+    "updated_at": "2025-06-22T11:17:59.613Z",
+    "is_del": 0,
+    "task_id": "audit",
+    "bio": "",
+    "type": "gc",
+    "state": "SUCCESS",
+    "args": {
+      "batch_size": 5000,
+      "ttl": 1123200000000000,
+      "type": "job"
+    },
+    "result": {
+      "purged": 0
+    },
+    "user_id": 0,
+    "user": {
+      "id": 0,
+      "created_at": "0001-01-01T00:00:00Z",
+      "updated_at": "0001-01-01T00:00:00Z",
+      "is_del": 0,
+      "email": "",
+      "name": "",
+      "avatar": "",
+      "phone": "",
+      "state": "",
+      "location": "",
+      "bio": "",
+      "configs": null
+    },
+    "seed_peer_clusters": null,
+    "scheduler_clusters": null
+  },
+  {
+    "id": 101,
+    "created_at": "2025-06-22T11:17:59.169Z",
+    "updated_at": "2025-06-22T11:17:59.559Z",
+    "is_del": 0,
+    "task_id": "audit",
+    "bio": "",
+    "type": "gc",
+    "state": "SUCCESS",
+    "args": {
+      "batch_size": 5000,
+      "ttl": 1123200000000000,
+      "type": "job"
+    },
+    "result": {
+      "purged": 0
+    },
+    "user_id": 0,
+    "user": {
+      "id": 0,
+      "created_at": "0001-01-01T00:00:00Z",
+      "updated_at": "0001-01-01T00:00:00Z",
+      "is_del": 0,
+      "email": "",
+      "name": "",
+      "avatar": "",
+      "phone": "",
+      "state": "",
+      "location": "",
+      "bio": "",
+      "configs": null
+    },
+    "seed_peer_clusters": null,
+    "scheduler_clusters": null
+  },
+  {
+    "id": 100,
+    "created_at": "2025-06-22T07:27:00.54Z",
+    "updated_at": "2025-06-22T07:27:00.612Z",
+    "is_del": 0,
+    "task_id": "audit",
+    "bio": "",
+    "type": "gc",
+    "state": "SUCCESS",
+    "args": {
+      "batch_size": 5000,
+      "ttl": 7200000000000,
+      "type": "audit"
+    },
+    "result": {
+      "purged": 0
+    },
+    "user_id": 0,
+    "user": {
+      "id": 0,
+      "created_at": "0001-01-01T00:00:00Z",
+      "updated_at": "0001-01-01T00:00:00Z",
+      "is_del": 0,
+      "email": "",
+      "name": "",
+      "avatar": "",
+      "phone": "",
+      "state": "",
+      "location": "",
+      "bio": "",
+      "configs": null
+    },
+    "seed_peer_clusters": null,
+    "scheduler_clusters": null
+  },
+  {
+    "id": 99,
+    "created_at": "2025-06-22T07:27:00.539Z",
+    "updated_at": "2025-06-22T07:27:00.578Z",
+    "is_del": 0,
+    "task_id": "audit",
+    "bio": "",
+    "type": "gc",
+    "state": "SUCCESS",
+    "args": {
+      "batch_size": 5000,
+      "ttl": 1123200000000000,
+      "type": "job"
+    },
+    "result": {
+      "purged": 0
+    },
+    "user_id": 0,
+    "user": {
+      "id": 0,
+      "created_at": "0001-01-01T00:00:00Z",
+      "updated_at": "0001-01-01T00:00:00Z",
+      "is_del": 0,
+      "email": "",
+      "name": "",
+      "avatar": "",
+      "phone": "",
+      "state": "",
+      "location": "",
+      "bio": "",
+      "configs": null
+    },
+    "seed_peer_clusters": null,
+    "scheduler_clusters": null
+  },
+  {
+    "id": 98,
+    "created_at": "2025-06-22T04:22:46.333Z",
+    "updated_at": "2025-06-22T04:22:46.386Z",
+    "is_del": 0,
+    "task_id": "audit",
+    "bio": "",
+    "type": "gc",
+    "state": "SUCCESS",
+    "args": {
+      "batch_size": 5000,
+      "ttl": 1123200000000000,
+      "type": "job"
+    },
+    "result": {
+      "purged": 0
+    },
+    "user_id": 0,
+    "user": {
+      "id": 0,
+      "created_at": "0001-01-01T00:00:00Z",
+      "updated_at": "0001-01-01T00:00:00Z",
+      "is_del": 0,
+      "email": "",
+      "name": "",
+      "avatar": "",
+      "phone": "",
+      "state": "",
+      "location": "",
+      "bio": "",
+      "configs": null
+    },
+    "seed_peer_clusters": null,
+    "scheduler_clusters": null
+  },
+  {
+    "id": 97,
+    "created_at": "2025-06-22T04:22:46.332Z",
+    "updated_at": "2025-06-22T04:22:46.376Z",
+    "is_del": 0,
+    "task_id": "audit",
+    "bio": "",
+    "type": "gc",
+    "state": "SUCCESS",
+    "args": {
+      "batch_size": 5000,
+      "ttl": 7200000000000,
+      "type": "audit"
+    },
+    "result": {
+      "purged": 0
+    },
+    "user_id": 0,
+    "user": {
+      "id": 0,
+      "created_at": "0001-01-01T00:00:00Z",
+      "updated_at": "0001-01-01T00:00:00Z",
+      "is_del": 0,
+      "email": "",
+      "name": "",
+      "avatar": "",
+      "phone": "",
+      "state": "",
+      "location": "",
+      "bio": "",
+      "configs": null
+    },
+    "seed_peer_clusters": null,
+    "scheduler_clusters": null
+  }
+]

cypress/fixtures/gc/update-config.json

@@ -0,0 +1,26 @@
+[
+  {
+    "id": 1,
+    "created_at": "2025-06-18T07:53:26.189Z",
+    "updated_at": "2025-06-23T03:17:49.49Z",
+    "is_del": 0,
+    "name": "gc",
+    "value": "{\"audit\":{\"ttl\":1814400000000000},\"job\":{\"ttl\":1814400000000000}}",
+    "bio": "",
+    "user_id": 0,
+    "user": {
+      "id": 0,
+      "created_at": "0001-01-01T00:00:00Z",
+      "updated_at": "0001-01-01T00:00:00Z",
+      "is_del": 0,
+      "email": "",
+      "name": "",
+      "avatar": "",
+      "phone": "",
+      "state": "",
+      "location": "",
+      "bio": "",
+      "configs": null
+    }
+  }
+]

cypress/fixtures/job/preheats/create-preheat-file.json

@@ -0,0 +1,42 @@
+{
+  "id": 12,
+  "created_at": "2023-03-23T16:29:18+08:00",
+  "updated_at": "2023-03-23T16:29:18+08:00",
+  "is_del": 0,
+  "task_id": "group_2d9ef907-744e-40c9-9943-3d14fd8cb389",
+  "bio": "create preheat",
+  "type": "preheat",
+  "state": "PENDING",
+  "args": {
+    "application": "application-1",
+    "concurrent_count": 50,
+    "content_for_calculating_task_id": null,
+    "count": null,
+    "filtered_query_params": "X-Amz-Algorithm\u0026X-Amz-Credential\u0026X-Amz-Date\u0026X-Amz-Expires\u0026X-Amz-SignedHeaders\u0026X-Amz-Signature\u0026X-Amz-Security-Token\u0026X-Amz-User-Agent\u0026X-Goog-Algorithm\u0026X-Goog-Credential\u0026X-Goog-Date\u0026X-Goog-Expires\u0026X-Goog-SignedHeaders\u0026X-Goog-Signature\u0026OSSAccessKeyId\u0026Expires\u0026Signature\u0026SecurityToken\u0026AccessKeyId\u0026Signature\u0026Expires\u0026X-Obs-Date\u0026X-Obs-Security-Token\u0026q-sign-algorithm\u0026q-ak\u0026q-sign-time\u0026q-key-time\u0026q-header-list\u0026q-url-param-list\u0026q-signature\u0026x-cos-security-token\u0026ns",
+    "headers": {},
+    "load_to_cache": false,
+    "password": "",
+    "percentage": null,
+    "piece_length": 5242880,
+    "platform": "",
+    "scope": "all_seed_peers",
+    "tag": "tag-1",
+    "timeout": 1800000000000,
+    "type": "file",
+    "url": "",
+    "urls": ["https://example.com/path/to/file/url-1", "https://example.com/path/to/file"]
+  },
+  "result": {
+    "created_at": "2025-05-28T08:43:48.634389458Z",
+    "group_uuid": "group_2d9ef907-744e-40c9-9943-3d14fd8cb389",
+    "job_states": null,
+    "state": "PENDING",
+    "updated_at": "2025-05-28T08:45:52.849258668Z"
+  },
+  "seed_peer_clusters": null,
+  "scheduler_clusters": [
+    {
+      "id": 1
+    }
+  ]
+}

cypress/fixtures/job/preheats/create-preheat-image.json

@@ -0,0 +1,56 @@
+{
+  "id": 13,
+  "created_at": "2025-07-08T12:22:42.892Z",
+  "updated_at": "2025-07-08T12:22:42.892Z",
+  "is_del": 0,
+  "task_id": "group_152f6ada-efea-4cd6-a269-5ebb784a633a",
+  "bio": "create preheat",
+  "type": "preheat",
+  "state": "PENDING",
+  "args": {
+    "application": "application-1",
+    "concurrent_count": 1000,
+    "count": null,
+    "filtered_query_params": "X-Amz-Algorithm\u0026X-Amz-Credential\u0026X-Amz-Date\u0026X-Amz-Expires\u0026X-Amz-SignedHeaders\u0026X-Amz-Signature\u0026X-Amz-Security-Token\u0026X-Amz-User-Agent\u0026X-Goog-Algorithm\u0026X-Goog-Credential\u0026X-Goog-Date\u0026X-Goog-Expires\u0026X-Goog-SignedHeaders\u0026X-Goog-Signature\u0026OSSAccessKeyId\u0026Expires\u0026Signature\u0026SecurityToken\u0026AccessKeyId\u0026Signature\u0026Expires\u0026X-Obs-Date\u0026X-Obs-Security-Token\u0026q-sign-algorithm\u0026q-ak\u0026q-sign-time\u0026q-key-time\u0026q-header-list\u0026q-url-param-list\u0026q-signature\u0026x-cos-security-token\u0026ns",
+    "headers": {},
+    "ips": [
+      "10.244.4.5",
+      "10.244.4.3",
+      "10.244.4.61",
+      "10.244.4.62",
+      "10.244.4.63",
+      "10.244.4.64",
+      "10.244.4.65",
+      "10.244.4.66",
+      "10.244.4.67",
+      "10.244.4.68",
+      "10.244.4.69",
+      "10.244.4.70",
+      "10.244.4.71"
+    ],
+    "load_to_cache": false,
+    "password": "root",
+    "percentage": null,
+    "piece_length": null,
+    "platform": "linux/amd64",
+    "scope": "single_seed_peer",
+    "tag": "tag-1",
+    "timeout": 3600000000000,
+    "type": "image",
+    "url": "https://example.com/manifests/v2.1.0",
+    "urls": null,
+    "username": ""
+  },
+  "result": {
+    "created_at": "2025-05-28T08:43:48.634389458Z",
+    "group_uuid": "group_2d9ef907-744e-40c9-9943-3d14fd8cb389",
+    "job_states": null,
+    "state": "PENDING",
+    "updated_at": "2025-05-28T08:45:52.849258668Z"
+  },
+  "scheduler_clusters": [
+    {
+      "id": 1
+    }
+  ]
+}

cypress/fixtures/job/preheats/failure-preheat.json

@@ -0,0 +1,74 @@
+{
+  "id": 10,
+  "created_at": "2023-12-13T11:58:53Z",
+  "updated_at": "2023-12-13T11:58:53Z",
+  "is_del": 0,
+  "task_id": "group_01f9f92f-02c7-477e-8360-a387407b73dd",
+  "bio": "This is a preheat task with status failure",
+  "type": "preheat",
+  "state": "FAILURE",
+  "args": {
+    "application": "application-1",
+    "concurrent_count": 50,
+    "content_for_calculating_task_id": null,
+    "count": 100,
+    "filtered_query_params": "X-Amz-Algorithm\u0026X-Amz-Credential\u0026X-Amz-Date\u0026X-Amz-Expires\u0026X-Amz-SignedHeaders\u0026X-Amz-Signature\u0026X-Amz-Security-Token\u0026X-Amz-User-Agent\u0026X-Goog-Algorithm\u0026X-Goog-Credential\u0026X-Goog-Date\u0026X-Goog-Expires\u0026X-Goog-SignedHeaders\u0026X-Goog-Signature\u0026OSSAccessKeyId\u0026Expires\u0026Signature\u0026SecurityToken\u0026AccessKeyId\u0026Signature\u0026Expires\u0026X-Obs-Date\u0026X-Obs-Security-Token\u0026q-sign-algorithm\u0026q-ak\u0026q-sign-time\u0026q-key-time\u0026q-header-list\u0026q-url-param-list\u0026q-signature\u0026x-cos-security-token\u0026ns",
+    "headers": { "Connection": "keep-alive" },
+    "load_to_cache": false,
+    "password": "",
+    "percentage": null,
+    "piece_length": 4194304,
+    "platform": "",
+    "scope": "all_peers",
+    "tag": "prheat tag",
+    "timeout": 1800000000000,
+    "type": "file",
+    "url": "",
+    "urls": [
+      "https://example.com/path/to/file",
+      "https://example.com/path/to/file/url-1",
+      "https://example.com/path/to/file/url-2"
+    ],
+    "username": ""
+  },
+  "result": {
+    "created_at": "2023-03-23T08:29:18.204923418Z",
+    "group_uuid": "group_7d8fec4c-6b8f-4240-9f56-71845d21d6a7",
+    "job_states": [
+      {
+        "created_at": "2023-03-23T08:29:18.204923418Z",
+        "error": "",
+        "results": null,
+        "state": "FAILURE",
+        "task_name": "preheat",
+        "task_uuid": "task_d44f42d9-5b01-4f4a-a8dd-34331eefa84a",
+        "ttl": 0
+      },
+      {
+        "created_at": "2023-03-23T08:29:18.204923418Z",
+        "error": "rpc error: code = Aborted desc = source response 401/401 Unauthorized is not valid",
+        "results": null,
+        "state": "FAILURE",
+        "task_name": "preheat",
+        "task_uuid": "task_d44f42d9-5b01-4f4a-a8dd-34331eefa84a",
+        "ttl": 0
+      },
+      {
+        "created_at": "2023-03-23T08:29:18.204923418Z",
+        "error": "",
+        "results": null,
+        "state": "SUCCESS",
+        "task_name": "preheat",
+        "task_uuid": "task_d44f42d9-5b01-4f4a-a8dd-34331eefa84a",
+        "ttl": 0
+      }
+    ],
+    "state": "FAILURE",
+    "updated_at": "2024-09-14T10:39:16.549159043Z"
+  },
+  "scheduler_clusters": [
+    {
+      "id": 1
+    }
+  ]
+}

cypress/fixtures/job/preheats/failure-preheats.json

@@ -0,0 +1,178 @@
+[
+  {
+    "id": 10,
+    "created_at": "2023-03-23T15:55:41+08:00",
+    "updated_at": "2023-03-23T15:55:41+08:00",
+    "is_del": 0,
+    "task_id": "group_01f9f92f-02c7-477e-8360-a387407b73dd",
+    "bio": "This is a preheat task with status failure",
+    "type": "preheat",
+    "state": "FAILURE",
+    "args": {
+      "concurrent_count": 50,
+      "filtered_query_params": "Expires&Signature",
+      "headers": {
+        "Connection": "keep-alive"
+      },
+      "password": "",
+      "platform": "",
+      "scope": "single_peer",
+      "tag": "prheat tag",
+      "timeout": 1800000000000,
+      "type": "file",
+      "url": "http://dock.io/preheat/test",
+      "username": ""
+    },
+    "result": {
+      "created_at": "2023-03-23T08:29:18.204923418Z",
+      "group_uuid": "group_7d8fec4c-6b8f-4240-9f56-71845d21d6a7",
+      "job_states": [
+        {
+          "created_at": "2023-03-23T08:29:18.204923418Z",
+          "error": "",
+          "results": null,
+          "state": "FAILURE",
+          "task_name": "preheat",
+          "task_uuid": "task_d44f42d9-5b01-4f4a-a8dd-34331eefa84a",
+          "ttl": 0
+        }
+      ],
+      "state": "FAILURE",
+      "updated_at": "2024-09-14T10:39:16.549159043Z"
+    },
+    "scheduler_clusters": [
+      {
+        "id": 1
+      }
+    ]
+  },
+  {
+    "id": 9,
+    "created_at": "2023-03-23T16:29:18+08:00",
+    "updated_at": "2023-03-23T16:29:18+08:00",
+    "is_del": 0,
+    "task_id": "group_7d8fec4c-6b8f-4240-9f56-71845d21d6a7",
+    "bio": "This is a preheat task with status failure",
+    "type": "preheat",
+    "state": "FAILURE",
+    "args": {
+      "concurrent_count": 50,
+      "filtered_query_params": "",
+      "headers": {
+        "Authorization": "Bearer yJhbGciOiJSUzI1NiIsImtpZCI6IjNEWT"
+      },
+      "password": "",
+      "platform": "",
+      "scope": "single_peer",
+      "tag": "",
+      "timeout": 1800000000000,
+      "type": "file",
+      "url": "https://example.com/path/to/file",
+      "username": ""
+    },
+    "result": {
+      "created_at": "2023-03-23T08:29:18.204923418Z",
+      "group_uuid": "group_7d8fec4c-6b8f-4240-9f56-71845d21d6a7",
+      "job_states": [
+        {
+          "created_at": "2023-03-23T08:29:18.204923418Z",
+          "error": "",
+          "results": null,
+          "state": "FAILURE",
+          "task_name": "preheat",
+          "task_uuid": "task_d44f42d9-5b01-4f4a-a8dd-34331eefa84a",
+          "ttl": 0
+        }
+      ],
+      "state": "FAILURE",
+      "updated_at": "2024-09-14T10:39:16.549159043Z"
+    },
+    "scheduler_clusters": null
+  },
+  {
+    "id": 7,
+    "created_at": "2023-03-23T16:29:18+08:00",
+    "updated_at": "2023-03-23T16:29:18+08:00",
+    "is_del": 0,
+    "task_id": "group_7d8fec4c-6b8f-4240-9f56-71845d21d6a7",
+    "bio": "This is a preheat task with status failure",
+    "type": "preheat",
+    "state": "FAILURE",
+    "args": {
+      "concurrent_count": 50,
+      "filtered_query_params": "",
+      "headers": {
+        "Authorization": "Bearer yJhbGciOiJSUzI1NiIsImtpZCI6IjNEWT"
+      },
+      "password": "",
+      "platform": "",
+      "scope": "single_peer",
+      "tag": "",
+      "timeout": 1800000000000,
+      "type": "file",
+      "url": "https://example.com/path/to/file",
+      "username": ""
+    },
+    "result": {
+      "created_at": "2023-03-23T08:29:18.204923418Z",
+      "group_uuid": "group_7d8fec4c-6b8f-4240-9f56-71845d21d6a7",
+      "job_states": [
+        {
+          "created_at": "2023-03-23T08:29:18.204923418Z",
+          "error": "",
+          "results": null,
+          "state": "FAILURE",
+          "task_name": "preheat",
+          "task_uuid": "task_d44f42d9-5b01-4f4a-a8dd-34331eefa84a",
+          "ttl": 0
+        }
+      ],
+      "state": "FAILURE",
+      "updated_at": "2024-09-14T10:39:16.549159043Z"
+    },
+    "scheduler_clusters": null
+  },
+  {
+    "id": 3,
+    "created_at": "2023-03-23T16:29:18+08:00",
+    "updated_at": "2023-03-23T16:29:18+08:00",
+    "is_del": 0,
+    "task_id": "group_7d8fec4c-6b8f-4240-9f56-71845d21d6a7",
+    "bio": "This is a preheat task with status failure",
+    "type": "preheat",
+    "state": "FAILURE",
+    "args": {
+      "concurrent_count": 50,
+      "filtered_query_params": "",
+      "headers": {
+        "Authorization": "Bearer yJhbGciOiJSUzI1NiIsImtpZCI6IjNEWT"
+      },
+      "password": "",
+      "platform": "",
+      "scope": "single_peer",
+      "tag": "",
+      "timeout": 1800000000000,
+      "type": "file",
+      "url": "https://example.com/path/to/file",
+      "username": ""
+    },
+    "result": {
+      "created_at": "2023-03-23T08:29:18.204923418Z",
+      "group_uuid": "group_7d8fec4c-6b8f-4240-9f56-71845d21d6a7",
+      "job_states": [
+        {
+          "created_at": "2023-03-23T08:29:18.204923418Z",
+          "error": "",
+          "results": null,
+          "state": "FAILURE",
+          "task_name": "preheat",
+          "task_uuid": "task_d44f42d9-5b01-4f4a-a8dd-34331eefa84a",
+          "ttl": 0
+        }
+      ],
+      "state": "FAILURE",
+      "updated_at": "2024-09-14T10:39:16.549159043Z"
+    },
+    "scheduler_clusters": null
+  }
+]

cypress/fixtures/job/preheats/pagination-preheats.json

@@ -0,0 +1,45 @@
+[
+  {
+    "id": 1,
+    "created_at": "2023-03-23T16:29:18+08:00",
+    "updated_at": "2023-03-23T16:29:18+08:00",
+    "is_del": 0,
+    "task_id": "group_7d8fec4c-6b8f-4240-9f56-71845d21d6a7",
+    "bio": "This is a preheat task with status success",
+    "type": "preheat",
+    "state": "SUCCESS",
+    "args": {
+      "concurrent_count": 50,
+      "filtered_query_params": "",
+      "headers": {
+        "Authorization": "Bearer yJhbGciOiJSUzI1NiIsImtpZCI6IjNEWT"
+      },
+      "password": "",
+      "platform": "",
+      "scope": "single_peer",
+      "tag": "",
+      "timeout": 1800000000000,
+      "type": "file",
+      "url": "https://example.com/path/to/file",
+      "username": ""
+    },
+    "result": {
+      "created_at": "2023-03-23T08:29:18.204923418Z",
+      "group_uuid": "group_7d8fec4c-6b8f-4240-9f56-71845d21d6a7",
+      "job_states": [
+        {
+          "created_at": "2023-03-23T08:29:18.204923418Z",
+          "error": "",
+          "results": null,
+          "state": "SUCCESS",
+          "task_name": "preheat",
+          "task_uuid": "task_d44f42d9-5b01-4f4a-a8dd-34331eefa84a",
+          "ttl": 0
+        }
+      ],
+      "state": "SUCCESS",
+      "updated_at": "2024-09-14T10:39:16.549159043Z"
+    },
+    "scheduler_clusters": null
+  }
+]

cypress/fixtures/job/preheats/pending-preheat.json

@@ -0,0 +1,53 @@
+{
+  "id": 11,
+  "created_at": "2023-03-23T16:29:18+08:00",
+  "updated_at": "2023-03-23T16:29:18+08:00",
+  "is_del": 0,
+  "task_id": "group_7d8fec4c-6b8f-4240-9f56-71845d21d6a7",
+  "bio": "This is a preheat task with status pending",
+  "type": "preheat",
+  "state": "PENDING",
+  "args": {
+    "application": "application-1",
+    "concurrent_count": 50,
+    "content_for_calculating_task_id": null,
+    "count": null,
+    "filtered_query_params": "X-Amz-Algorithm\u0026X-Amz-Credential\u0026X-Amz-Date\u0026X-Amz-Expires\u0026X-Amz-SignedHeaders\u0026X-Amz-Signature\u0026X-Amz-Security-Token\u0026X-Amz-User-Agent\u0026X-Goog-Algorithm\u0026X-Goog-Credential\u0026X-Goog-Date\u0026X-Goog-Expires\u0026X-Goog-SignedHeaders\u0026X-Goog-Signature\u0026OSSAccessKeyId\u0026Expires\u0026Signature\u0026SecurityToken\u0026AccessKeyId\u0026Signature\u0026Expires\u0026X-Obs-Date\u0026X-Obs-Security-Token\u0026q-sign-algorithm\u0026q-ak\u0026q-sign-time\u0026q-key-time\u0026q-header-list\u0026q-url-param-list\u0026q-signature\u0026x-cos-security-token\u0026ns",
+    "headers": { "Authorization": "Bearer yJhbGciOiJSUzI1NiIsImtpZCI6IjNEWT" },
+    "load_to_cache": false,
+    "password": "",
+    "percentage": 100,
+    "piece_length": null,
+    "platform": "",
+    "scope": "all_seed_peers",
+    "tag": "",
+    "timeout": 1800000000000,
+    "type": "file",
+    "url": "",
+    "urls": ["https://example.com/path/to/file"],
+    "username": ""
+  },
+  "result": {
+    "created_at": "2023-03-23T08:29:18.204923418Z",
+    "group_uuid": "group_7d8fec4c-6b8f-4240-9f56-71845d21d6a7",
+    "job_states": [
+      {
+        "created_at": "2023-03-23T08:29:18.204923418Z",
+        "error": "",
+        "results": null,
+        "state": "PENDING",
+        "task_name": "preheat",
+        "task_uuid": "task_d44f42d9-5b01-4f4a-a8dd-34331eefa84a",
+        "ttl": 0
+      }
+    ],
+    "state": "PENDING",
+    "updated_at": "2024-09-14T10:39:16.549159043Z"
+  },
+  "seed_peer_clusters": null,
+  "scheduler_clusters": [
+    {
+      "id": 1
+    }
+  ]
+}

cypress/fixtures/job/preheats/pending-preheats.json

@@ -0,0 +1,46 @@
+[
+  {
+    "id": 11,
+    "created_at": "2023-03-23T16:29:18+08:00",
+    "updated_at": "2023-03-23T16:29:18+08:00",
+    "is_del": 0,
+    "task_id": "group_7d8fec4c-6b8f-4240-9f56-71845d21d6a7",
+    "bio": "This is a preheat task with status pending",
+    "type": "preheat",
+    "state": "PENDING",
+    "args": {
+      "concurrent_count": 50,
+      "filtered_query_params": "",
+      "headers": {
+        "Authorization": "Bearer yJhbGciOiJSUzI1NiIsImtpZCI6IjNEWT"
+      },
+      "password": "",
+      "platform": "",
+      "scope": "single_peer",
+      "tag": "",
+      "timeout": 1800000000000,
+      "type": "file",
+      "url": "https://example.com/path/to/file",
+      "username": ""
+    },
+    "result": {
+      "created_at": "2023-03-23T08:29:18.204923418Z",
+      "group_uuid": "group_7d8fec4c-6b8f-4240-9f56-71845d21d6a7",
+      "job_states": [
+        {
+          "created_at": "2023-03-23T08:29:18.204923418Z",
+          "error": "",
+          "results": null,
+          "state": "PENDING",
+          "task_name": "preheat",
+          "task_uuid": "task_d44f42d9-5b01-4f4a-a8dd-34331eefa84a",
+          "ttl": 0
+        }
+      ],
+      "state": "PENDING",
+      "updated_at": "2024-09-14T10:39:16.549159043Z"
+    },
+    "seed_peer_clusters": null,
+    "scheduler_clusters": null
+  }
+]

cypress/fixtures/job/preheats/preheats.json

@@ -0,0 +1,442 @@
+[
+  {
+    "id": 11,
+    "created_at": "2023-03-23T16:29:18+08:00",
+    "updated_at": "2023-03-23T16:29:18+08:00",
+    "is_del": 0,
+    "task_id": "group_7d8fec4c-6b8f-4240-9f56-71845d21d6a7",
+    "bio": "This is a preheat task with status pending",
+    "type": "preheat",
+    "state": "PENDING",
+    "args": {
+      "concurrent_count": 50,
+      "filtered_query_params": "",
+      "headers": {
+        "Authorization": "Bearer yJhbGciOiJSUzI1NiIsImtpZCI6IjNEWT"
+      },
+      "password": "",
+      "platform": "",
+      "scope": "single_seed_peer",
+      "tag": "",
+      "timeout": 1800000000000,
+      "type": "file",
+      "url": "https://example.com/path/to/file",
+      "username": "",
+      "piece_length": null
+    },
+    "result": {
+      "created_at": "2023-03-23T08:29:18.204923418Z",
+      "group_uuid": "group_7d8fec4c-6b8f-4240-9f56-71845d21d6a7",
+      "job_states": [
+        {
+          "created_at": "2023-03-23T08:29:18.204923418Z",
+          "error": "",
+          "results": null,
+          "state": "PENDING",
+          "task_name": "preheat",
+          "task_uuid": "task_d44f42d9-5b01-4f4a-a8dd-34331eefa84a",
+          "ttl": 0
+        }
+      ],
+      "state": "PENDING",
+      "updated_at": "2024-09-14T10:39:16.549159043Z"
+    },
+    "scheduler_clusters": null
+  },
+  {
+    "id": 10,
+    "created_at": "2023-03-23T15:55:41+08:00",
+    "updated_at": "2023-03-23T15:55:41+08:00",
+    "is_del": 0,
+    "task_id": "group_01f9f92f-02c7-477e-8360-a387407b73dd",
+    "bio": "This is a preheat task with status failure",
+    "type": "preheat",
+    "state": "FAILURE",
+    "args": {
+      "concurrent_count": 50,
+      "filtered_query_params": "",
+      "headers": {
+        "Authorization": "Bearer yJhbGciOiJSUzI1NiIsImtpZCI6IjNEWT"
+      },
+      "password": "",
+      "platform": "",
+      "scope": "single_seed_peer",
+      "tag": "",
+      "timeout": 1800000000000,
+      "type": "file",
+      "url": "http://dock.io/preheat/test",
+      "username": "",
+      "piece_length": null
+    },
+    "result": {
+      "created_at": "2023-03-23T08:29:18.204923418Z",
+      "group_uuid": "group_7d8fec4c-6b8f-4240-9f56-71845d21d6a7",
+      "job_states": [
+        {
+          "created_at": "2023-03-23T08:29:18.204923418Z",
+          "error": "",
+          "results": null,
+          "state": "FAILURE",
+          "task_name": "preheat",
+          "task_uuid": "task_d44f42d9-5b01-4f4a-a8dd-34331eefa84a",
+          "ttl": 0
+        }
+      ],
+      "state": "FAILURE",
+      "updated_at": "2024-09-14T10:39:16.549159043Z"
+    },
+    "scheduler_clusters": null
+  },
+  {
+    "id": 9,
+    "created_at": "2023-03-23T16:29:18+08:00",
+    "updated_at": "2023-03-23T16:29:18+08:00",
+    "is_del": 0,
+    "task_id": "group_7d8fec4c-6b8f-4240-9f56-71845d21d6a7",
+    "bio": "This is a preheat task with status failure",
+    "type": "preheat",
+    "state": "FAILURE",
+    "args": {
+      "concurrent_count": 50,
+      "filtered_query_params": "",
+      "headers": {
+        "Authorization": "Bearer yJhbGciOiJSUzI1NiIsImtpZCI6IjNEWT"
+      },
+      "password": "",
+      "platform": "",
+      "scope": "single_seed_peer",
+      "tag": "",
+      "timeout": 1800000000000,
+      "type": "file",
+      "url": "https://example.com/path/to/file",
+      "username": "",
+      "piece_length": 4194304
+    },
+    "result": {
+      "created_at": "2023-03-23T08:29:18.204923418Z",
+      "group_uuid": "group_7d8fec4c-6b8f-4240-9f56-71845d21d6a7",
+      "job_states": [
+        {
+          "created_at": "2023-03-23T08:29:18.204923418Z",
+          "error": "",
+          "results": null,
+          "state": "FAILURE",
+          "task_name": "preheat",
+          "task_uuid": "task_d44f42d9-5b01-4f4a-a8dd-34331eefa84a",
+          "ttl": 0
+        }
+      ],
+      "state": "FAILURE",
+      "updated_at": "2024-09-14T10:39:16.549159043Z"
+    },
+    "scheduler_clusters": null
+  },
+  {
+    "id": 8,
+    "created_at": "2023-03-23T16:29:18+08:00",
+    "updated_at": "2023-03-23T16:29:18+08:00",
+    "is_del": 0,
+    "task_id": "group_7d8fec4c-6b8f-4240-9f56-71845d21d6a7",
+    "bio": "This is a preheat task with status success",
+    "type": "preheat",
+    "state": "SUCCESS",
+    "args": {
+      "concurrent_count": 50,
+      "filtered_query_params": "",
+      "headers": {
+        "Authorization": "Bearer yJhbGciOiJSUzI1NiIsImtpZCI6IjNEWT"
+      },
+      "password": "",
+      "platform": "",
+      "scope": "all_seed_peers",
+      "tag": "",
+      "timeout": 1800000000000,
+      "type": "file",
+      "url": "https://example.com/path/to/file",
+      "username": "",
+      "piece_length": 4194304
+    },
+    "result": {
+      "created_at": "2023-03-23T08:29:18.204923418Z",
+      "group_uuid": "group_7d8fec4c-6b8f-4240-9f56-71845d21d6a7",
+      "job_states": [
+        {
+          "created_at": "2023-03-23T08:29:18.204923418Z",
+          "error": "",
+          "results": null,
+          "state": "SUCCESS",
+          "task_name": "preheat",
+          "task_uuid": "task_d44f42d9-5b01-4f4a-a8dd-34331eefa84a",
+          "ttl": 0
+        }
+      ],
+      "state": "SUCCESS",
+      "updated_at": "2024-09-14T10:39:16.549159043Z"
+    },
+    "scheduler_clusters": null
+  },
+  {
+    "id": 7,
+    "created_at": "2023-03-23T16:29:18+08:00",
+    "updated_at": "2023-03-23T16:29:18+08:00",
+    "is_del": 0,
+    "task_id": "group_7d8fec4c-6b8f-4240-9f56-71845d21d6a7",
+    "bio": "This is a preheat task with status failure",
+    "type": "preheat",
+    "state": "FAILURE",
+    "args": {
+      "concurrent_count": 50,
+      "filtered_query_params": "",
+      "headers": {
+        "Authorization": "Bearer yJhbGciOiJSUzI1NiIsImtpZCI6IjNEWT"
+      },
+      "password": "",
+      "platform": "",
+      "scope": "all_seed_peers",
+      "tag": "",
+      "timeout": 1800000000000,
+      "type": "file",
+      "url": "https://example.com/path/to/file",
+      "username": "",
+      "piece_length": 4194304
+    },
+    "result": {
+      "created_at": "2023-03-23T08:29:18.204923418Z",
+      "group_uuid": "group_7d8fec4c-6b8f-4240-9f56-71845d21d6a7",
+      "job_states": [
+        {
+          "created_at": "2023-03-23T08:29:18.204923418Z",
+          "error": "",
+          "results": null,
+          "state": "FAILURE",
+          "task_name": "preheat",
+          "task_uuid": "task_d44f42d9-5b01-4f4a-a8dd-34331eefa84a",
+          "ttl": 0
+        }
+      ],
+      "state": "FAILURE",
+      "updated_at": "2024-09-14T10:39:16.549159043Z"
+    },
+    "scheduler_clusters": null
+  },
+  {
+    "id": 6,
+    "created_at": "2023-03-23T15:55:41+08:00",
+    "updated_at": "2023-03-23T15:55:41+08:00",
+    "is_del": 0,
+    "task_id": "group_7d8fec4c-6b8f-4240-9f56-71845d21d6a7",
+    "bio": "This is a preheat task with status success",
+    "type": "preheat",
+    "state": "SUCCESS",
+    "args": {
+      "concurrent_count": 50,
+      "filtered_query_params": "",
+      "headers": {
+        "Authorization": "Bearer yJhbGciOiJSUzI1NiIsImtpZCI6IjNEWT"
+      },
+      "password": "",
+      "platform": "",
+      "scope": "all_seed_peers",
+      "tag": "",
+      "timeout": 1800000000000,
+      "type": "file",
+      "url": "https://example.com/path/to/file",
+      "username": "",
+      "piece_length": 4194304
+    },
+    "result": {
+      "created_at": "2023-03-23T08:29:18.204923418Z",
+      "group_uuid": "group_7d8fec4c-6b8f-4240-9f56-71845d21d6a7",
+      "job_states": [
+        {
+          "created_at": "2023-03-23T08:29:18.204923418Z",
+          "error": "",
+          "results": null,
+          "state": "SUCCESS",
+          "task_name": "preheat",
+          "task_uuid": "task_d44f42d9-5b01-4f4a-a8dd-34331eefa84a",
+          "ttl": 0
+        }
+      ],
+      "state": "SUCCESS",
+      "updated_at": "2024-09-14T10:39:16.549159043Z"
+    },
+    "scheduler_clusters": null
+  },
+  {
+    "id": 5,
+    "created_at": "2023-03-23T16:29:18+08:00",
+    "updated_at": "2023-03-23T16:29:18+08:00",
+    "is_del": 0,
+    "task_id": "group_7d8fec4c-6b8f-4240-9f56-71845d21d6a7",
+    "bio": "This is a preheat task with status success",
+    "type": "preheat",
+    "state": "SUCCESS",
+    "args": {
+      "concurrent_count": 50,
+      "filtered_query_params": "",
+      "headers": {
+        "Authorization": "Bearer yJhbGciOiJSUzI1NiIsImtpZCI6IjNEWT"
+      },
+      "password": "",
+      "platform": "",
+      "scope": "all_peers",
+      "tag": "",
+      "timeout": 1800000000000,
+      "type": "file",
+      "url": "https://example.com/path/to/file",
+      "username": "",
+      "piece_length": 4194304
+    },
+    "result": {
+      "created_at": "2023-03-23T08:29:18.204923418Z",
+      "group_uuid": "group_7d8fec4c-6b8f-4240-9f56-71845d21d6a7",
+      "job_states": [
+        {
+          "created_at": "2023-03-23T08:29:18.204923418Z",
+          "error": "",
+          "results": null,
+          "state": "SUCCESS",
+          "task_name": "preheat",
+          "task_uuid": "task_d44f42d9-5b01-4f4a-a8dd-34331eefa84a",
+          "ttl": 0
+        }
+      ],
+      "state": "SUCCESS",
+      "updated_at": "2024-09-14T10:39:16.549159043Z"
+    },
+    "scheduler_clusters": null
+  },
+  {
+    "id": 4,
+    "created_at": "2023-03-23T16:29:18+08:00",
+    "updated_at": "2023-03-23T16:29:18+08:00",
+    "is_del": 0,
+    "task_id": "group_7d8fec4c-6b8f-4240-9f56-71845d21d6a7",
+    "bio": "This is a preheat task with status success",
+    "type": "preheat",
+    "state": "SUCCESS",
+    "args": {
+      "concurrent_count": 50,
+      "filtered_query_params": "",
+      "headers": {
+        "Authorization": "Bearer yJhbGciOiJSUzI1NiIsImtpZCI6IjNEWT"
+      },
+      "password": "",
+      "platform": "",
+      "scope": "all_peers",
+      "tag": "",
+      "timeout": 1800000000000,
+      "type": "file",
+      "url": "https://example.com/path/to/file",
+      "username": "",
+      "piece_length": null
+    },
+    "result": {
+      "created_at": "2023-03-23T08:29:18.204923418Z",
+      "group_uuid": "group_7d8fec4c-6b8f-4240-9f56-71845d21d6a7",
+      "job_states": [
+        {
+          "created_at": "2023-03-23T08:29:18.204923418Z",
+          "error": "",
+          "results": null,
+          "state": "SUCCESS",
+          "task_name": "preheat",
+          "task_uuid": "task_d44f42d9-5b01-4f4a-a8dd-34331eefa84a",
+          "ttl": 0
+        }
+      ],
+      "state": "SUCCESS",
+      "updated_at": "2024-09-14T10:39:16.549159043Z"
+    },
+    "scheduler_clusters": null
+  },
+  {
+    "id": 3,
+    "created_at": "2023-03-23T16:29:18+08:00",
+    "updated_at": "2023-03-23T16:29:18+08:00",
+    "is_del": 0,
+    "task_id": "group_7d8fec4c-6b8f-4240-9f56-71845d21d6a7",
+    "bio": "This is a preheat task with status failure",
+    "type": "preheat",
+    "state": "FAILURE",
+    "args": {
+      "concurrent_count": 50,
+      "filtered_query_params": "",
+      "headers": {
+        "Authorization": "Bearer yJhbGciOiJSUzI1NiIsImtpZCI6IjNEWT"
+      },
+      "password": "",
+      "platform": "",
+      "scope": "all_peers",
+      "tag": "",
+      "timeout": 1800000000000,
+      "type": "file",
+      "url": "https://example.com/path/to/file",
+      "username": "",
+      "piece_length": 4194304
+    },
+    "result": {
+      "created_at": "2023-03-23T08:29:18.204923418Z",
+      "group_uuid": "group_7d8fec4c-6b8f-4240-9f56-71845d21d6a7",
+      "job_states": [
+        {
+          "created_at": "2023-03-23T08:29:18.204923418Z",
+          "error": "",
+          "results": null,
+          "state": "FAILURE",
+          "task_name": "preheat",
+          "task_uuid": "task_d44f42d9-5b01-4f4a-a8dd-34331eefa84a",
+          "ttl": 0
+        }
+      ],
+      "state": "FAILURE",
+      "updated_at": "2024-09-14T10:39:16.549159043Z"
+    },
+    "scheduler_clusters": null
+  },
+  {
+    "id": 2,
+    "created_at": "2023-03-23T16:29:18+08:00",
+    "updated_at": "2023-03-23T16:29:18+08:00",
+    "is_del": 0,
+    "task_id": "group_7d8fec4c-6b8f-4240-9f56-71845d21d6a7",
+    "bio": "This is a preheat task with status success",
+    "type": "preheat",
+    "state": "SUCCESS",
+    "args": {
+      "concurrent_count": 50,
+      "filtered_query_params": "",
+      "headers": {
+        "Authorization": "Bearer yJhbGciOiJSUzI1NiIsImtpZCI6IjNEWT"
+      },
+      "password": "",
+      "platform": "",
+      "scope": "single_seed_peer",
+      "tag": "",
+      "timeout": 1800000000000,
+      "type": "file",
+      "url": "https://example.com/path/to/file",
+      "username": "",
+      "piece_length": 4194304
+    },
+    "result": {
+      "created_at": "2023-03-23T08:29:18.204923418Z",
+      "group_uuid": "group_7d8fec4c-6b8f-4240-9f56-71845d21d6a7",
+      "job_states": [
+        {
+          "created_at": "2023-03-23T08:29:18.204923418Z",
+          "error": "",
+          "results": null,
+          "state": "SUCCESS",
+          "task_name": "preheat",
+          "task_uuid": "task_d44f42d9-5b01-4f4a-a8dd-34331eefa84a",
+          "ttl": 0
+        }
+      ],
+      "state": "SUCCESS",
+      "updated_at": "2024-09-14T10:39:16.549159043Z"
+    },
+    "scheduler_clusters": null
+  }
+]

cypress/fixtures/job/preheats/success-preheat.json

@@ -0,0 +1,62 @@
+{
+  "id": 8,
+  "created_at": "2023-03-23T16:29:18+08:00",
+  "updated_at": "2023-03-23T16:29:18+08:00",
+  "is_del": 0,
+  "task_id": "group_7d8fec4c-6b8f-4240-9f56-71845d21d6a7",
+  "bio": "This is a preheat task with status success",
+  "type": "preheat",
+  "state": "SUCCESS",
+  "args": {
+    "application": "application-1",
+    "concurrent_count": 1000,
+    "count": null,
+    "filtered_query_params": "X-Amz-Algorithm\u0026X-Amz-Credential\u0026X-Amz-Date\u0026X-Amz-Expires\u0026X-Amz-SignedHeaders\u0026X-Amz-Signature\u0026X-Amz-Security-Token\u0026X-Amz-User-Agent\u0026X-Goog-Algorithm\u0026X-Goog-Credential\u0026X-Goog-Date\u0026X-Goog-Expires\u0026X-Goog-SignedHeaders\u0026X-Goog-Signature\u0026OSSAccessKeyId\u0026Expires\u0026Signature\u0026SecurityToken\u0026AccessKeyId\u0026Signature\u0026Expires\u0026X-Obs-Date\u0026X-Obs-Security-Token\u0026q-sign-algorithm\u0026q-ak\u0026q-sign-time\u0026q-key-time\u0026q-header-list\u0026q-url-param-list\u0026q-signature\u0026x-cos-security-token\u0026ns",
+    "headers": { "Authorization": "Bearer yJhbGciOiJSUzI1NiIsImtpZCI6IjNEWT", "Connection": "keep-alive" },
+    "load_to_cache": false,
+    "password": "root",
+    "percentage": null,
+    "piece_length": 4194304,
+    "platform": "linux/amd64",
+    "scope": "single_seed_peer",
+    "tag": "tag-1",
+    "timeout": 3600000000000,
+    "type": "image",
+    "url": "https://example.com/manifests/v2.1.0",
+    "urls": null,
+    "username": ""
+  },
+  "result": {
+    "created_at": "2023-03-23T08:29:18.204923418Z",
+    "group_uuid": "group_7d8fec4c-6b8f-4240-9f56-71845d21d6a7",
+    "job_states": [
+      {
+        "created_at": "2023-03-23T08:29:18.204923418Z",
+        "error": "",
+        "results": null,
+        "state": "SUCCESS",
+        "task_name": "preheat",
+        "task_uuid": "task_d44f42d9-5b01-4f4a-a8dd-34331eefa84a",
+        "ttl": 0
+      }
+    ],
+    "state": "SUCCESS",
+    "updated_at": "2024-09-14T10:39:16.549159043Z"
+  },
+  "scheduler_clusters": [
+    {
+      "id": 102133,
+      "created_at": "2023-11-27T07:31:23Z",
+      "updated_at": "2023-11-27T07:31:23Z",
+      "is_del": 0,
+      "name": "cluster-1"
+    },
+    {
+      "id": 203023,
+      "created_at": "2023-11-27T07:31:23Z",
+      "updated_at": "2023-11-27T07:31:23Z",
+      "is_del": 0,
+      "name": "cluster-2"
+    }
+  ]
+}

cypress/fixtures/job/preheats/success-preheats.json

@@ -0,0 +1,266 @@
+[
+  {
+    "id": 8,
+    "created_at": "2023-03-23T16:29:18+08:00",
+    "updated_at": "2023-03-23T16:29:18+08:00",
+    "is_del": 0,
+    "task_id": "group_7d8fec4c-6b8f-4240-9f56-71845d21d6a7",
+    "bio": "This is a preheat task with status success",
+    "type": "preheat",
+    "state": "SUCCESS",
+    "args": {
+      "concurrent_count": 50,
+      "filtered_query_params": "",
+      "headers": {
+        "Authorization": "Bearer yJhbGciOiJSUzI1NiIsImtpZCI6IjNEWT"
+      },
+      "password": "",
+      "platform": "",
+      "scope": "single_peer",
+      "tag": "",
+      "timeout": 1800000000000,
+      "type": "file",
+      "url": "https://example.com/path/to/file",
+      "username": ""
+    },
+    "result": {
+      "created_at": "2023-03-23T08:29:18.204923418Z",
+      "group_uuid": "group_7d8fec4c-6b8f-4240-9f56-71845d21d6a7",
+      "job_states": [
+        {
+          "created_at": "2023-03-23T08:29:18.204923418Z",
+          "error": "",
+          "results": null,
+          "state": "SUCCESS",
+          "task_name": "preheat",
+          "task_uuid": "task_d44f42d9-5b01-4f4a-a8dd-34331eefa84a",
+          "ttl": 0
+        }
+      ],
+      "state": "SUCCESS",
+      "updated_at": "2024-09-14T10:39:16.549159043Z"
+    },
+    "seed_peer_clusters": null,
+    "scheduler_clusters": null
+  },
+  {
+    "id": 6,
+    "created_at": "2023-03-23T15:55:41+08:00",
+    "updated_at": "2023-03-23T15:55:41+08:00",
+    "is_del": 0,
+    "task_id": "group_7d8fec4c-6b8f-4240-9f56-71845d21d6a7",
+    "bio": "This is a preheat task with status success",
+    "type": "preheat",
+    "state": "SUCCESS",
+    "args": {
+      "concurrent_count": 50,
+      "filtered_query_params": "",
+      "headers": {
+        "Authorization": "Bearer yJhbGciOiJSUzI1NiIsImtpZCI6IjNEWT"
+      },
+      "password": "",
+      "platform": "",
+      "scope": "single_peer",
+      "tag": "",
+      "timeout": 1800000000000,
+      "type": "file",
+      "url": "https://example.com/path/to/file",
+      "username": ""
+    },
+    "result": {
+      "created_at": "2023-03-23T08:29:18.204923418Z",
+      "group_uuid": "group_7d8fec4c-6b8f-4240-9f56-71845d21d6a7",
+      "job_states": [
+        {
+          "created_at": "2023-03-23T08:29:18.204923418Z",
+          "error": "",
+          "results": null,
+          "state": "SUCCESS",
+          "task_name": "preheat",
+          "task_uuid": "task_d44f42d9-5b01-4f4a-a8dd-34331eefa84a",
+          "ttl": 0
+        }
+      ],
+      "state": "SUCCESS",
+      "updated_at": "2024-09-14T10:39:16.549159043Z"
+    },
+    "seed_peer_clusters": null,
+    "scheduler_clusters": null
+  },
+  {
+    "id": 5,
+    "created_at": "2023-03-23T16:29:18+08:00",
+    "updated_at": "2023-03-23T16:29:18+08:00",
+    "is_del": 0,
+    "task_id": "group_7d8fec4c-6b8f-4240-9f56-71845d21d6a7",
+    "bio": "This is a preheat task with status success",
+    "type": "preheat",
+    "state": "SUCCESS",
+    "args": {
+      "concurrent_count": 50,
+      "filtered_query_params": "",
+      "headers": {
+        "Authorization": "Bearer yJhbGciOiJSUzI1NiIsImtpZCI6IjNEWT"
+      },
+      "password": "",
+      "platform": "",
+      "scope": "single_peer",
+      "tag": "",
+      "timeout": 1800000000000,
+      "type": "file",
+      "url": "https://example.com/path/to/file",
+      "username": ""
+    },
+    "result": {
+      "created_at": "2023-03-23T08:29:18.204923418Z",
+      "group_uuid": "group_7d8fec4c-6b8f-4240-9f56-71845d21d6a7",
+      "job_states": [
+        {
+          "created_at": "2023-03-23T08:29:18.204923418Z",
+          "error": "",
+          "results": null,
+          "state": "SUCCESS",
+          "task_name": "preheat",
+          "task_uuid": "task_d44f42d9-5b01-4f4a-a8dd-34331eefa84a",
+          "ttl": 0
+        }
+      ],
+      "state": "SUCCESS",
+      "updated_at": "2024-09-14T10:39:16.549159043Z"
+    },
+    "seed_peer_clusters": null,
+    "scheduler_clusters": null
+  },
+  {
+    "id": 4,
+    "created_at": "2023-03-23T16:29:18+08:00",
+    "updated_at": "2023-03-23T16:29:18+08:00",
+    "is_del": 0,
+    "task_id": "group_7d8fec4c-6b8f-4240-9f56-71845d21d6a7",
+    "bio": "This is a preheat task with status success",
+    "type": "preheat",
+    "state": "SUCCESS",
+    "args": {
+      "concurrent_count": 50,
+      "filtered_query_params": "",
+      "headers": {
+        "Authorization": "Bearer yJhbGciOiJSUzI1NiIsImtpZCI6IjNEWT"
+      },
+      "password": "",
+      "platform": "",
+      "scope": "single_peer",
+      "tag": "",
+      "timeout": 1800000000000,
+      "type": "file",
+      "url": "https://example.com/path/to/file",
+      "username": ""
+    },
+    "result": {
+      "created_at": "2023-03-23T08:29:18.204923418Z",
+      "group_uuid": "group_7d8fec4c-6b8f-4240-9f56-71845d21d6a7",
+      "job_states": [
+        {
+          "created_at": "2023-03-23T08:29:18.204923418Z",
+          "error": "",
+          "results": null,
+          "state": "SUCCESS",
+          "task_name": "preheat",
+          "task_uuid": "task_d44f42d9-5b01-4f4a-a8dd-34331eefa84a",
+          "ttl": 0
+        }
+      ],
+      "state": "SUCCESS",
+      "updated_at": "2024-09-14T10:39:16.549159043Z"
+    },
+    "seed_peer_clusters": null,
+    "scheduler_clusters": null
+  },
+  {
+    "id": 2,
+    "created_at": "2023-03-23T16:29:18+08:00",
+    "updated_at": "2023-03-23T16:29:18+08:00",
+    "is_del": 0,
+    "task_id": "group_7d8fec4c-6b8f-4240-9f56-71845d21d6a7",
+    "bio": "This is a preheat task with status success",
+    "type": "preheat",
+    "state": "SUCCESS",
+    "args": {
+      "concurrent_count": 50,
+      "filtered_query_params": "",
+      "headers": {
+        "Authorization": "Bearer yJhbGciOiJSUzI1NiIsImtpZCI6IjNEWT"
+      },
+      "password": "",
+      "platform": "",
+      "scope": "single_peer",
+      "tag": "",
+      "timeout": 1800000000000,
+      "type": "file",
+      "url": "https://example.com/path/to/file",
+      "username": ""
+    },
+    "result": {
+      "created_at": "2023-03-23T08:29:18.204923418Z",
+      "group_uuid": "group_7d8fec4c-6b8f-4240-9f56-71845d21d6a7",
+      "job_states": [
+        {
+          "created_at": "2023-03-23T08:29:18.204923418Z",
+          "error": "",
+          "results": null,
+          "state": "SUCCESS",
+          "task_name": "preheat",
+          "task_uuid": "task_d44f42d9-5b01-4f4a-a8dd-34331eefa84a",
+          "ttl": 0
+        }
+      ],
+      "state": "SUCCESS",
+      "updated_at": "2024-09-14T10:39:16.549159043Z"
+    },
+    "seed_peer_clusters": null,
+    "scheduler_clusters": null
+  },
+  {
+    "id": 1,
+    "created_at": "2023-03-23T16:29:18+08:00",
+    "updated_at": "2023-03-23T16:29:18+08:00",
+    "is_del": 0,
+    "task_id": "group_7d8fec4c-6b8f-4240-9f56-71845d21d6a7",
+    "bio": "This is a preheat task with status success",
+    "type": "preheat",
+    "state": "SUCCESS",
+    "args": {
+      "concurrent_count": 50,
+      "filtered_query_params": "",
+      "headers": {
+        "Authorization": "Bearer yJhbGciOiJSUzI1NiIsImtpZCI6IjNEWT"
+      },
+      "password": "",
+      "platform": "",
+      "scope": "single_peer",
+      "tag": "",
+      "timeout": 1800000000000,
+      "type": "file",
+      "url": "https://example.com/path/to/file",
+      "username": ""
+    },
+    "result": {
+      "created_at": "2023-03-23T08:29:18.204923418Z",
+      "group_uuid": "group_7d8fec4c-6b8f-4240-9f56-71845d21d6a7",
+      "job_states": [
+        {
+          "created_at": "2023-03-23T08:29:18.204923418Z",
+          "error": "",
+          "results": null,
+          "state": "SUCCESS",
+          "task_name": "preheat",
+          "task_uuid": "task_d44f42d9-5b01-4f4a-a8dd-34331eefa84a",
+          "ttl": 0
+        }
+      ],
+      "state": "SUCCESS",
+      "updated_at": "2024-09-14T10:39:16.549159043Z"
+    },
+    "seed_peer_clusters": null,
+    "scheduler_clusters": null
+  }
+]

cypress/fixtures/peers/peers.json

@@ -0,0 +1,462 @@
+[
+  {
+    "id": 1,
+    "created_at": "2023-12-18T09:36:14Z",
+    "updated_at": "2023-12-18T09:36:14Z",
+    "is_del": 0,
+    "host_name": "peer-1",
+    "type": "super",
+    "idc": "sdfsd",
+    "location": "Hangzhou",
+    "ip": "30.44.96.255",
+    "port": 34001,
+    "download_port": 34201,
+    "object_storage_port": 0,
+    "state": "inactive",
+    "os": "linux",
+    "platform": "example",
+    "platform_family": "",
+    "platform_version": "7.2",
+    "kernel_version": "5.23.23",
+    "git_version": "git-version-1",
+    "git_commit": "commit-1",
+    "build_platform": "linux",
+    "scheduler_cluster_id": 1,
+    "scheduler_cluster": {
+      "id": 1,
+      "created_at": "2023-11-27T07:31:23Z",
+      "updated_at": "2023-11-27T07:31:23Z",
+      "is_del": 0,
+      "name": "cluster-1",
+      "bio": "",
+      "config": {
+        "candidate_parent_limit": 4,
+        "filter_parent_limit": 40
+      },
+      "client_config": {
+        "concurrent_piece_count": 4,
+        "load_limit": 50
+      },
+      "scopes": {},
+      "is_default": true,
+      "seed_peer_clusters": null,
+      "schedulers": null,
+      "peers": null,
+      "jobs": null
+    }
+  },
+  {
+    "id": 2,
+    "created_at": "2023-12-18T09:36:14Z",
+    "updated_at": "2023-12-18T09:36:14Z",
+    "is_del": 0,
+    "host_name": "peer-2",
+    "type": "super",
+    "idc": "sdfsd",
+    "location": "Hangzhou",
+    "ip": "30.44.96.255",
+    "port": 34001,
+    "download_port": 34201,
+    "object_storage_port": 0,
+    "state": "active",
+    "os": "linux",
+    "platform": "example",
+    "platform_family": "",
+    "platform_version": "7.2",
+    "kernel_version": "5.23.23",
+    "git_version": "git-version-2",
+    "git_commit": "git-commit-2",
+    "build_platform": "linux",
+    "scheduler_cluster_id": 1,
+    "scheduler_cluster": {
+      "id": 1,
+      "created_at": "2023-11-27T07:31:23Z",
+      "updated_at": "2023-11-27T07:31:23Z",
+      "is_del": 0,
+      "name": "cluster-1",
+      "bio": "",
+      "config": {
+        "candidate_parent_limit": 4,
+        "filter_parent_limit": 40
+      },
+      "client_config": {
+        "concurrent_piece_count": 4,
+        "load_limit": 50
+      },
+      "scopes": {},
+      "is_default": true,
+      "seed_peer_clusters": null,
+      "schedulers": null,
+      "peers": null,
+      "jobs": null
+    }
+  },
+  {
+    "id": 3,
+    "created_at": "2023-12-18T09:36:14Z",
+    "updated_at": "2023-12-18T09:36:14Z",
+    "is_del": 0,
+    "host_name": "peer-3",
+    "type": "super",
+    "idc": "sdfsd",
+    "location": "Hangzhou",
+    "ip": "30.44.96.255",
+    "port": 34001,
+    "download_port": 34201,
+    "object_storage_port": 0,
+    "state": "active",
+    "os": "linux",
+    "platform": "example",
+    "platform_family": "",
+    "platform_version": "7.2",
+    "kernel_version": "5.23.23",
+    "git_version": "git-version-2",
+    "git_commit": "git-commit-3",
+    "build_platform": "linux",
+    "scheduler_cluster_id": 1,
+    "scheduler_cluster": {
+      "id": 1,
+      "created_at": "2023-11-27T07:31:23Z",
+      "updated_at": "2023-11-27T07:31:23Z",
+      "is_del": 0,
+      "name": "cluster-2",
+      "bio": "",
+      "config": {
+        "candidate_parent_limit": 4,
+        "filter_parent_limit": 40
+      },
+      "client_config": {
+        "concurrent_piece_count": 4,
+        "load_limit": 50
+      },
+      "scopes": {},
+      "is_default": true,
+      "seed_peer_clusters": null,
+      "schedulers": null,
+      "peers": null,
+      "jobs": null
+    }
+  },
+  {
+    "id": 4,
+    "created_at": "2023-12-18T09:36:14Z",
+    "updated_at": "2023-12-18T09:36:14Z",
+    "is_del": 0,
+    "host_name": "peer-4",
+    "type": "super",
+    "idc": "sdfsd",
+    "location": "Hangzhou",
+    "ip": "30.44.96.255",
+    "port": 34001,
+    "download_port": 34201,
+    "object_storage_port": 0,
+    "state": "active",
+    "os": "linux",
+    "platform": "example",
+    "platform_family": "",
+    "platform_version": "7.2",
+    "kernel_version": "5.23.23",
+    "git_version": "git-version-3",
+    "git_commit": "git-commit-2",
+    "build_platform": "linux",
+    "scheduler_cluster_id": 1,
+    "scheduler_cluster": {
+      "id": 1,
+      "created_at": "2023-11-27T07:31:23Z",
+      "updated_at": "2023-11-27T07:31:23Z",
+      "is_del": 0,
+      "name": "cluster-3",
+      "bio": "",
+      "config": {
+        "candidate_parent_limit": 4,
+        "filter_parent_limit": 40
+      },
+      "client_config": {
+        "concurrent_piece_count": 4,
+        "load_limit": 50
+      },
+      "scopes": {},
+      "is_default": true,
+      "seed_peer_clusters": null,
+      "schedulers": null,
+      "peers": null,
+      "jobs": null
+    }
+  },
+  {
+    "id": 5,
+    "created_at": "2023-12-18T09:36:14Z",
+    "updated_at": "2023-12-18T09:36:14Z",
+    "is_del": 0,
+    "host_name": "peer-5",
+    "type": "super",
+    "idc": "sdfsd",
+    "location": "Hangzhou",
+    "ip": "30.44.96.255",
+    "port": 34001,
+    "download_port": 34201,
+    "object_storage_port": 0,
+    "state": "inactive",
+    "os": "linux",
+    "platform": "example",
+    "platform_family": "",
+    "platform_version": "7.2",
+    "kernel_version": "5.23.23",
+    "git_version": "git-version-3",
+    "git_commit": "git-commit-3",
+    "build_platform": "linux",
+    "scheduler_cluster_id": 1,
+    "scheduler_cluster": {
+      "id": 1,
+      "created_at": "2023-11-27T07:31:23Z",
+      "updated_at": "2023-11-27T07:31:23Z",
+      "is_del": 0,
+      "name": "cluster-3",
+      "bio": "",
+      "config": {
+        "candidate_parent_limit": 4,
+        "filter_parent_limit": 40
+      },
+      "client_config": {
+        "concurrent_piece_count": 4,
+        "load_limit": 50
+      },
+      "scopes": {},
+      "is_default": true,
+      "seed_peer_clusters": null,
+      "schedulers": null,
+      "peers": null,
+      "jobs": null
+    }
+  },
+  {
+    "id": 6,
+    "created_at": "2023-12-18T09:36:14Z",
+    "updated_at": "2023-12-18T09:36:14Z",
+    "is_del": 0,
+    "host_name": "peer-6",
+    "type": "super",
+    "idc": "sdfsd",
+    "location": "Hangzhou",
+    "ip": "30.44.96.255",
+    "port": 34001,
+    "download_port": 34201,
+    "object_storage_port": 0,
+    "state": "active",
+    "os": "linux",
+    "platform": "example",
+    "platform_family": "",
+    "platform_version": "7.2",
+    "kernel_version": "5.23.23",
+    "git_version": "git-version-4",
+    "git_commit": "git-commit-4",
+    "build_platform": "linux",
+    "scheduler_cluster_id": 1,
+    "scheduler_cluster": {
+      "id": 1,
+      "created_at": "2023-11-27T07:31:23Z",
+      "updated_at": "2023-11-27T07:31:23Z",
+      "is_del": 0,
+      "name": "cluster-4",
+      "bio": "",
+      "config": {
+        "candidate_parent_limit": 4,
+        "filter_parent_limit": 40
+      },
+      "client_config": {
+        "concurrent_piece_count": 4,
+        "load_limit": 50
+      },
+      "scopes": {},
+      "is_default": true,
+      "seed_peer_clusters": null,
+      "schedulers": null,
+      "peers": null,
+      "jobs": null
+    }
+  },
+  {
+    "id": 7,
+    "created_at": "2023-12-18T09:36:14Z",
+    "updated_at": "2023-12-18T09:36:14Z",
+    "is_del": 0,
+    "host_name": "peer-7",
+    "type": "super",
+    "idc": "sdfsd",
+    "location": "Hangzhou",
+    "ip": "30.44.96.255",
+    "port": 34001,
+    "download_port": 34201,
+    "object_storage_port": 0,
+    "state": "active",
+    "os": "linux",
+    "platform": "example",
+    "platform_family": "",
+    "platform_version": "7.2",
+    "kernel_version": "5.23.23",
+    "git_version": "git-version-1",
+    "git_commit": "git-commit-4",
+    "build_platform": "linux",
+    "scheduler_cluster_id": 1,
+    "scheduler_cluster": {
+      "id": 1,
+      "created_at": "2023-11-27T07:31:23Z",
+      "updated_at": "2023-11-27T07:31:23Z",
+      "is_del": 0,
+      "name": "cluster-1",
+      "bio": "",
+      "config": {
+        "candidate_parent_limit": 4,
+        "filter_parent_limit": 40
+      },
+      "client_config": {
+        "concurrent_piece_count": 4,
+        "load_limit": 50
+      },
+      "scopes": {},
+      "is_default": true,
+      "seed_peer_clusters": null,
+      "schedulers": null,
+      "peers": null,
+      "jobs": null
+    }
+  },
+  {
+    "id": 8,
+    "created_at": "2023-12-18T09:36:14Z",
+    "updated_at": "2023-12-18T09:36:14Z",
+    "is_del": 0,
+    "host_name": "peer-8",
+    "type": "super",
+    "idc": "sdfsd",
+    "location": "Hangzhou",
+    "ip": "30.44.96.255",
+    "port": 34001,
+    "download_port": 34201,
+    "object_storage_port": 0,
+    "state": "active",
+    "os": "linux",
+    "platform": "example",
+    "platform_family": "",
+    "platform_version": "7.2",
+    "kernel_version": "5.23.23",
+    "git_version": "git-version-2",
+    "git_commit": "git-commit-4",
+    "build_platform": "linux",
+    "scheduler_cluster_id": 1,
+    "scheduler_cluster": {
+      "id": 1,
+      "created_at": "2023-11-27T07:31:23Z",
+      "updated_at": "2023-11-27T07:31:23Z",
+      "is_del": 0,
+      "name": "cluster-1",
+      "bio": "",
+      "config": {
+        "candidate_parent_limit": 4,
+        "filter_parent_limit": 40
+      },
+      "client_config": {
+        "concurrent_piece_count": 4,
+        "load_limit": 50
+      },
+      "scopes": {},
+      "is_default": true,
+      "seed_peer_clusters": null,
+      "schedulers": null,
+      "peers": null,
+      "jobs": null
+    }
+  },
+  {
+    "id": 9,
+    "created_at": "2023-12-18T09:36:14Z",
+    "updated_at": "2023-12-18T09:36:14Z",
+    "is_del": 0,
+    "host_name": "peer-9",
+    "type": "super",
+    "idc": "sdfsd",
+    "location": "Hangzhou",
+    "ip": "30.44.96.255",
+    "port": 34001,
+    "download_port": 34201,
+    "object_storage_port": 0,
+    "state": "active",
+    "os": "linux",
+    "platform": "example",
+    "platform_family": "",
+    "platform_version": "7.2",
+    "kernel_version": "5.23.23",
+    "git_version": "git-version-2",
+    "git_commit": "git-commit-3",
+    "build_platform": "linux",
+    "scheduler_cluster_id": 1,
+    "scheduler_cluster": {
+      "id": 1,
+      "created_at": "2023-11-27T07:31:23Z",
+      "updated_at": "2023-11-27T07:31:23Z",
+      "is_del": 0,
+      "name": "cluster-1",
+      "bio": "",
+      "config": {
+        "candidate_parent_limit": 4,
+        "filter_parent_limit": 40
+      },
+      "client_config": {
+        "concurrent_piece_count": 4,
+        "load_limit": 50
+      },
+      "scopes": {},
+      "is_default": true,
+      "seed_peer_clusters": null,
+      "schedulers": null,
+      "peers": null,
+      "jobs": null
+    }
+  },
+  {
+    "id": 10,
+    "created_at": "2023-12-18T09:36:14Z",
+    "updated_at": "2023-12-18T09:36:14Z",
+    "is_del": 0,
+    "host_name": "peer-10",
+    "type": "super",
+    "idc": "sdfsd",
+    "location": "Hangzhou",
+    "ip": "30.44.96.255",
+    "port": 34001,
+    "download_port": 34201,
+    "object_storage_port": 0,
+    "state": "active",
+    "os": "linux",
+    "platform": "example",
+    "platform_family": "",
+    "platform_version": "7.2",
+    "kernel_version": "5.23.23",
+    "git_version": "git-version-2",
+    "git_commit": "git-commit-5",
+    "build_platform": "linux",
+    "scheduler_cluster_id": 1,
+    "scheduler_cluster": {
+      "id": 1,
+      "created_at": "2023-11-27T07:31:23Z",
+      "updated_at": "2023-11-27T07:31:23Z",
+      "is_del": 0,
+      "name": "cluster-1",
+      "bio": "",
+      "config": {
+        "candidate_parent_limit": 4,
+        "filter_parent_limit": 40
+      },
+      "client_config": {
+        "concurrent_piece_count": 4,
+        "load_limit": 50
+      },
+      "scopes": {},
+      "is_default": true,
+      "seed_peer_clusters": null,
+      "schedulers": null,
+      "peers": null,
+      "jobs": null
+    }
+  }
+]

cypress/fixtures/peers/refresh-peers.json

@@ -0,0 +1,646 @@
+[
+  {
+    "id": 1,
+    "created_at": "2023-12-18T09:36:14Z",
+    "updated_at": "2023-12-18T09:36:14Z",
+    "is_del": 0,
+    "host_name": "peer-1",
+    "type": "super",
+    "idc": "sdfsd",
+    "location": "Hangzhou",
+    "ip": "30.44.96.255",
+    "port": 34001,
+    "download_port": 34201,
+    "object_storage_port": 0,
+    "state": "inactive",
+    "os": "linux",
+    "platform": "example",
+    "platform_family": "",
+    "platform_version": "7.2",
+    "kernel_version": "5.23.23",
+    "git_version": "git-version-1",
+    "git_commit": "commit-1",
+    "build_platform": "linux",
+    "scheduler_cluster_id": 1,
+    "scheduler_cluster": {
+      "id": 1,
+      "created_at": "2023-11-27T07:31:23Z",
+      "updated_at": "2023-11-27T07:31:23Z",
+      "is_del": 0,
+      "name": "cluster-1",
+      "bio": "",
+      "config": {
+        "candidate_parent_limit": 4,
+        "filter_parent_limit": 40
+      },
+      "client_config": {
+        "concurrent_piece_count": 4,
+        "load_limit": 50
+      },
+      "scopes": {},
+      "is_default": true,
+      "seed_peer_clusters": null,
+      "schedulers": null,
+      "peers": null,
+      "jobs": null
+    }
+  },
+  {
+    "id": 2,
+    "created_at": "2023-12-18T09:36:14Z",
+    "updated_at": "2023-12-18T09:36:14Z",
+    "is_del": 0,
+    "host_name": "peer-2",
+    "type": "super",
+    "idc": "sdfsd",
+    "location": "Hangzhou",
+    "ip": "30.44.96.255",
+    "port": 34001,
+    "download_port": 34201,
+    "object_storage_port": 0,
+    "state": "active",
+    "os": "linux",
+    "platform": "example",
+    "platform_family": "",
+    "platform_version": "7.2",
+    "kernel_version": "5.23.23",
+    "git_version": "git-version-2",
+    "git_commit": "git-commit-2",
+    "build_platform": "linux",
+    "scheduler_cluster_id": 1,
+    "scheduler_cluster": {
+      "id": 1,
+      "created_at": "2023-11-27T07:31:23Z",
+      "updated_at": "2023-11-27T07:31:23Z",
+      "is_del": 0,
+      "name": "cluster-1",
+      "bio": "",
+      "config": {
+        "candidate_parent_limit": 4,
+        "filter_parent_limit": 40
+      },
+      "client_config": {
+        "concurrent_piece_count": 4,
+        "load_limit": 50
+      },
+      "scopes": {},
+      "is_default": true,
+      "seed_peer_clusters": null,
+      "schedulers": null,
+      "peers": null,
+      "jobs": null
+    }
+  },
+  {
+    "id": 3,
+    "created_at": "2023-12-18T09:36:14Z",
+    "updated_at": "2023-12-18T09:36:14Z",
+    "is_del": 0,
+    "host_name": "peer-3",
+    "type": "super",
+    "idc": "sdfsd",
+    "location": "Hangzhou",
+    "ip": "30.44.96.255",
+    "port": 34001,
+    "download_port": 34201,
+    "object_storage_port": 0,
+    "state": "active",
+    "os": "linux",
+    "platform": "example",
+    "platform_family": "",
+    "platform_version": "7.2",
+    "kernel_version": "5.23.23",
+    "git_version": "git-version-2",
+    "git_commit": "git-commit-3",
+    "build_platform": "linux",
+    "scheduler_cluster_id": 1,
+    "scheduler_cluster": {
+      "id": 1,
+      "created_at": "2023-11-27T07:31:23Z",
+      "updated_at": "2023-11-27T07:31:23Z",
+      "is_del": 0,
+      "name": "cluster-2",
+      "bio": "",
+      "config": {
+        "candidate_parent_limit": 4,
+        "filter_parent_limit": 40
+      },
+      "client_config": {
+        "concurrent_piece_count": 4,
+        "load_limit": 50
+      },
+      "scopes": {},
+      "is_default": true,
+      "seed_peer_clusters": null,
+      "schedulers": null,
+      "peers": null,
+      "jobs": null
+    }
+  },
+  {
+    "id": 4,
+    "created_at": "2023-12-18T09:36:14Z",
+    "updated_at": "2023-12-18T09:36:14Z",
+    "is_del": 0,
+    "host_name": "peer-4",
+    "type": "super",
+    "idc": "sdfsd",
+    "location": "Hangzhou",
+    "ip": "30.44.96.255",
+    "port": 34001,
+    "download_port": 34201,
+    "object_storage_port": 0,
+    "state": "active",
+    "os": "linux",
+    "platform": "example",
+    "platform_family": "",
+    "platform_version": "7.2",
+    "kernel_version": "5.23.23",
+    "git_version": "git-version-3",
+    "git_commit": "git-commit-2",
+    "build_platform": "linux",
+    "scheduler_cluster_id": 1,
+    "scheduler_cluster": {
+      "id": 1,
+      "created_at": "2023-11-27T07:31:23Z",
+      "updated_at": "2023-11-27T07:31:23Z",
+      "is_del": 0,
+      "name": "cluster-3",
+      "bio": "",
+      "config": {
+        "candidate_parent_limit": 4,
+        "filter_parent_limit": 40
+      },
+      "client_config": {
+        "concurrent_piece_count": 4,
+        "load_limit": 50
+      },
+      "scopes": {},
+      "is_default": true,
+      "seed_peer_clusters": null,
+      "schedulers": null,
+      "peers": null,
+      "jobs": null
+    }
+  },
+  {
+    "id": 5,
+    "created_at": "2023-12-18T09:36:14Z",
+    "updated_at": "2023-12-18T09:36:14Z",
+    "is_del": 0,
+    "host_name": "peer-5",
+    "type": "super",
+    "idc": "sdfsd",
+    "location": "Hangzhou",
+    "ip": "30.44.96.255",
+    "port": 34001,
+    "download_port": 34201,
+    "object_storage_port": 0,
+    "state": "inactive",
+    "os": "linux",
+    "platform": "example",
+    "platform_family": "",
+    "platform_version": "7.2",
+    "kernel_version": "5.23.23",
+    "git_version": "git-version-3",
+    "git_commit": "git-commit-3",
+    "build_platform": "linux",
+    "scheduler_cluster_id": 1,
+    "scheduler_cluster": {
+      "id": 1,
+      "created_at": "2023-11-27T07:31:23Z",
+      "updated_at": "2023-11-27T07:31:23Z",
+      "is_del": 0,
+      "name": "cluster-3",
+      "bio": "",
+      "config": {
+        "candidate_parent_limit": 4,
+        "filter_parent_limit": 40
+      },
+      "client_config": {
+        "concurrent_piece_count": 4,
+        "load_limit": 50
+      },
+      "scopes": {},
+      "is_default": true,
+      "seed_peer_clusters": null,
+      "schedulers": null,
+      "peers": null,
+      "jobs": null
+    }
+  },
+  {
+    "id": 6,
+    "created_at": "2023-12-18T09:36:14Z",
+    "updated_at": "2023-12-18T09:36:14Z",
+    "is_del": 0,
+    "host_name": "peer-6",
+    "type": "super",
+    "idc": "sdfsd",
+    "location": "Hangzhou",
+    "ip": "30.44.96.255",
+    "port": 34001,
+    "download_port": 34201,
+    "object_storage_port": 0,
+    "state": "active",
+    "os": "linux",
+    "platform": "example",
+    "platform_family": "",
+    "platform_version": "7.2",
+    "kernel_version": "5.23.23",
+    "git_version": "git-version-4",
+    "git_commit": "git-commit-4",
+    "build_platform": "linux",
+    "scheduler_cluster_id": 1,
+    "scheduler_cluster": {
+      "id": 1,
+      "created_at": "2023-11-27T07:31:23Z",
+      "updated_at": "2023-11-27T07:31:23Z",
+      "is_del": 0,
+      "name": "cluster-4",
+      "bio": "",
+      "config": {
+        "candidate_parent_limit": 4,
+        "filter_parent_limit": 40
+      },
+      "client_config": {
+        "concurrent_piece_count": 4,
+        "load_limit": 50
+      },
+      "scopes": {},
+      "is_default": true,
+      "seed_peer_clusters": null,
+      "schedulers": null,
+      "peers": null,
+      "jobs": null
+    }
+  },
+  {
+    "id": 7,
+    "created_at": "2023-12-18T09:36:14Z",
+    "updated_at": "2023-12-18T09:36:14Z",
+    "is_del": 0,
+    "host_name": "peer-7",
+    "type": "super",
+    "idc": "sdfsd",
+    "location": "Hangzhou",
+    "ip": "30.44.96.255",
+    "port": 34001,
+    "download_port": 34201,
+    "object_storage_port": 0,
+    "state": "active",
+    "os": "linux",
+    "platform": "example",
+    "platform_family": "",
+    "platform_version": "7.2",
+    "kernel_version": "5.23.23",
+    "git_version": "git-version-1",
+    "git_commit": "git-commit-4",
+    "build_platform": "linux",
+    "scheduler_cluster_id": 1,
+    "scheduler_cluster": {
+      "id": 1,
+      "created_at": "2023-11-27T07:31:23Z",
+      "updated_at": "2023-11-27T07:31:23Z",
+      "is_del": 0,
+      "name": "cluster-1",
+      "bio": "",
+      "config": {
+        "candidate_parent_limit": 4,
+        "filter_parent_limit": 40
+      },
+      "client_config": {
+        "concurrent_piece_count": 4,
+        "load_limit": 50
+      },
+      "scopes": {},
+      "is_default": true,
+      "seed_peer_clusters": null,
+      "schedulers": null,
+      "peers": null,
+      "jobs": null
+    }
+  },
+  {
+    "id": 8,
+    "created_at": "2023-12-18T09:36:14Z",
+    "updated_at": "2023-12-18T09:36:14Z",
+    "is_del": 0,
+    "host_name": "peer-8",
+    "type": "super",
+    "idc": "sdfsd",
+    "location": "Hangzhou",
+    "ip": "30.44.96.255",
+    "port": 34001,
+    "download_port": 34201,
+    "object_storage_port": 0,
+    "state": "active",
+    "os": "linux",
+    "platform": "example",
+    "platform_family": "",
+    "platform_version": "7.2",
+    "kernel_version": "5.23.23",
+    "git_version": "git-version-2",
+    "git_commit": "git-commit-4",
+    "build_platform": "linux",
+    "scheduler_cluster_id": 1,
+    "scheduler_cluster": {
+      "id": 1,
+      "created_at": "2023-11-27T07:31:23Z",
+      "updated_at": "2023-11-27T07:31:23Z",
+      "is_del": 0,
+      "name": "cluster-1",
+      "bio": "",
+      "config": {
+        "candidate_parent_limit": 4,
+        "filter_parent_limit": 40
+      },
+      "client_config": {
+        "concurrent_piece_count": 4,
+        "load_limit": 50
+      },
+      "scopes": {},
+      "is_default": true,
+      "seed_peer_clusters": null,
+      "schedulers": null,
+      "peers": null,
+      "jobs": null
+    }
+  },
+  {
+    "id": 9,
+    "created_at": "2023-12-18T09:36:14Z",
+    "updated_at": "2023-12-18T09:36:14Z",
+    "is_del": 0,
+    "host_name": "peer-9",
+    "type": "super",
+    "idc": "sdfsd",
+    "location": "Hangzhou",
+    "ip": "30.44.96.255",
+    "port": 34001,
+    "download_port": 34201,
+    "object_storage_port": 0,
+    "state": "active",
+    "os": "linux",
+    "platform": "example",
+    "platform_family": "",
+    "platform_version": "7.2",
+    "kernel_version": "5.23.23",
+    "git_version": "git-version-2",
+    "git_commit": "git-commit-3",
+    "build_platform": "linux",
+    "scheduler_cluster_id": 1,
+    "scheduler_cluster": {
+      "id": 1,
+      "created_at": "2023-11-27T07:31:23Z",
+      "updated_at": "2023-11-27T07:31:23Z",
+      "is_del": 0,
+      "name": "cluster-1",
+      "bio": "",
+      "config": {
+        "candidate_parent_limit": 4,
+        "filter_parent_limit": 40
+      },
+      "client_config": {
+        "concurrent_piece_count": 4,
+        "load_limit": 50
+      },
+      "scopes": {},
+      "is_default": true,
+      "seed_peer_clusters": null,
+      "schedulers": null,
+      "peers": null,
+      "jobs": null
+    }
+  },
+  {
+    "id": 10,
+    "created_at": "2023-12-18T09:36:14Z",
+    "updated_at": "2023-12-18T09:36:14Z",
+    "is_del": 0,
+    "host_name": "peer-10",
+    "type": "super",
+    "idc": "sdfsd",
+    "location": "Hangzhou",
+    "ip": "30.44.96.255",
+    "port": 34001,
+    "download_port": 34201,
+    "object_storage_port": 0,
+    "state": "active",
+    "os": "linux",
+    "platform": "example",
+    "platform_family": "",
+    "platform_version": "7.2",
+    "kernel_version": "5.23.23",
+    "git_version": "git-version-2",
+    "git_commit": "git-commit-5",
+    "build_platform": "linux",
+    "scheduler_cluster_id": 1,
+    "scheduler_cluster": {
+      "id": 1,
+      "created_at": "2023-11-27T07:31:23Z",
+      "updated_at": "2023-11-27T07:31:23Z",
+      "is_del": 0,
+      "name": "cluster-1",
+      "bio": "",
+      "config": {
+        "candidate_parent_limit": 4,
+        "filter_parent_limit": 40
+      },
+      "client_config": {
+        "concurrent_piece_count": 4,
+        "load_limit": 50
+      },
+      "scopes": {},
+      "is_default": true,
+      "seed_peer_clusters": null,
+      "schedulers": null,
+      "peers": null,
+      "jobs": null
+    }
+  },
+  {
+    "id": 11,
+    "created_at": "2023-12-18T09:36:14Z",
+    "updated_at": "2023-12-18T09:36:14Z",
+    "is_del": 0,
+    "host_name": "peer-10",
+    "type": "super",
+    "idc": "sdfsd",
+    "location": "Hangzhou",
+    "ip": "30.44.96.255",
+    "port": 34001,
+    "download_port": 34201,
+    "object_storage_port": 0,
+    "state": "active",
+    "os": "linux",
+    "platform": "example",
+    "platform_family": "",
+    "platform_version": "7.2",
+    "kernel_version": "5.23.23",
+    "git_version": "git-version-5",
+    "git_commit": "git-commit-5",
+    "build_platform": "linux",
+    "scheduler_cluster_id": 1,
+    "scheduler_cluster": {
+      "id": 1,
+      "created_at": "2023-11-27T07:31:23Z",
+      "updated_at": "2023-11-27T07:31:23Z",
+      "is_del": 0,
+      "name": "cluster-1",
+      "bio": "",
+      "config": {
+        "candidate_parent_limit": 4,
+        "filter_parent_limit": 40
+      },
+      "client_config": {
+        "concurrent_piece_count": 4,
+        "load_limit": 50
+      },
+      "scopes": {},
+      "is_default": true,
+      "seed_peer_clusters": null,
+      "schedulers": null,
+      "peers": null,
+      "jobs": null
+    }
+  },
+  {
+    "id": 12,
+    "created_at": "2023-12-18T09:36:14Z",
+    "updated_at": "2023-12-18T09:36:14Z",
+    "is_del": 0,
+    "host_name": "peer-12",
+    "type": "super",
+    "idc": "sdfsd",
+    "location": "Hangzhou",
+    "ip": "30.44.96.255",
+    "port": 34001,
+    "download_port": 34201,
+    "object_storage_port": 0,
+    "state": "active",
+    "os": "linux",
+    "platform": "example",
+    "platform_family": "",
+    "platform_version": "7.2",
+    "kernel_version": "5.23.23",
+    "git_version": "git-version-5",
+    "git_commit": "git-commit-1",
+    "build_platform": "linux",
+    "scheduler_cluster_id": 1,
+    "scheduler_cluster": {
+      "id": 1,
+      "created_at": "2023-11-27T07:31:23Z",
+      "updated_at": "2023-11-27T07:31:23Z",
+      "is_del": 0,
+      "name": "cluster-1",
+      "bio": "",
+      "config": {
+        "candidate_parent_limit": 4,
+        "filter_parent_limit": 40
+      },
+      "client_config": {
+        "concurrent_piece_count": 4,
+        "load_limit": 50
+      },
+      "scopes": {},
+      "is_default": true,
+      "seed_peer_clusters": null,
+      "schedulers": null,
+      "peers": null,
+      "jobs": null
+    }
+  },
+  {
+    "id": 13,
+    "created_at": "2023-12-18T09:36:14Z",
+    "updated_at": "2023-12-18T09:36:14Z",
+    "is_del": 0,
+    "host_name": "peer-13",
+    "type": "super",
+    "idc": "sdfsd",
+    "location": "Hangzhou",
+    "ip": "30.44.96.255",
+    "port": 34001,
+    "download_port": 34201,
+    "object_storage_port": 0,
+    "state": "active",
+    "os": "linux",
+    "platform": "example",
+    "platform_family": "",
+    "platform_version": "7.2",
+    "kernel_version": "5.23.23",
+    "git_version": "git-version-6",
+    "git_commit": "git-commit-2",
+    "build_platform": "linux",
+    "scheduler_cluster_id": 1,
+    "scheduler_cluster": {
+      "id": 1,
+      "created_at": "2023-11-27T07:31:23Z",
+      "updated_at": "2023-11-27T07:31:23Z",
+      "is_del": 0,
+      "name": "cluster-1",
+      "bio": "",
+      "config": {
+        "candidate_parent_limit": 4,
+        "filter_parent_limit": 40
+      },
+      "client_config": {
+        "concurrent_piece_count": 4,
+        "load_limit": 50
+      },
+      "scopes": {},
+      "is_default": true,
+      "seed_peer_clusters": null,
+      "schedulers": null,
+      "peers": null,
+      "jobs": null
+    }
+  },
+  {
+    "id": 14,
+    "created_at": "2023-12-18T09:36:14Z",
+    "updated_at": "2023-12-18T09:36:14Z",
+    "is_del": 0,
+    "host_name": "peer-14",
+    "type": "super",
+    "idc": "sdfsd",
+    "location": "Hangzhou",
+    "ip": "30.44.96.255",
+    "port": 34001,
+    "download_port": 34201,
+    "object_storage_port": 0,
+    "state": "active",
+    "os": "linux",
+    "platform": "example",
+    "platform_family": "",
+    "platform_version": "7.2",
+    "kernel_version": "5.23.23",
+    "git_version": "git-version-3",
+    "git_commit": "git-commit-6",
+    "build_platform": "linux",
+    "scheduler_cluster_id": 1,
+    "scheduler_cluster": {
+      "id": 1,
+      "created_at": "2023-11-27T07:31:23Z",
+      "updated_at": "2023-11-27T07:31:23Z",
+      "is_del": 0,
+      "name": "cluster-1",
+      "bio": "",
+      "config": {
+        "candidate_parent_limit": 4,
+        "filter_parent_limit": 40
+      },
+      "client_config": {
+        "concurrent_piece_count": 4,
+        "load_limit": 50
+      },
+      "scopes": {},
+      "is_default": true,
+      "seed_peer_clusters": null,
+      "schedulers": null,
+      "peers": null,
+      "jobs": null
+    }
+  }
+]

cypress/fixtures/resource/persistent-cache-task/delete-persistent-cache-tasks-after.json

@@ -0,0 +1,254 @@
+[
+  {
+    "id": "3810320977",
+    "persistent_replica_count": 2,
+    "tag": "tag-4",
+    "application": "application-3",
+    "piece_length": 4194304,
+    "content_length": 52408,
+    "total_piece_count": 1,
+    "state": "Succeeded",
+    "ttl": 604800000000000,
+    "created_at": "2025-05-06T06:36:36Z",
+    "updated_at": "2025-05-06T06:36:36Z",
+    "peers": null
+  },
+  {
+    "id": "1396408888",
+    "persistent_replica_count": 2,
+    "tag": "",
+    "application": "",
+    "piece_length": 4194304,
+    "content_length": 1714,
+    "total_piece_count": 1,
+    "state": "Succeeded",
+    "ttl": 604800000000000,
+    "created_at": "2025-05-06T02:06:43Z",
+    "updated_at": "2025-05-06T02:06:43Z",
+    "peers": null
+  },
+  {
+    "id": "2865345332",
+    "persistent_replica_count": 2,
+    "tag": "tag-1",
+    "application": "application-1",
+    "piece_length": 4194304,
+    "content_length": 1630,
+    "total_piece_count": 1,
+    "state": "Succeeded",
+    "ttl": 604800000000000,
+    "created_at": "2025-05-01T05:24:05Z",
+    "updated_at": "2025-05-01T05:24:05Z",
+    "peers": null
+  },
+  {
+    "id": "3870122509",
+    "persistent_replica_count": 2,
+    "tag": "tag-2",
+    "application": "",
+    "piece_length": 4194304,
+    "content_length": 39359,
+    "total_piece_count": 1,
+    "state": "Succeeded",
+    "ttl": 604800000000000,
+    "created_at": "2025-05-06T06:35:30Z",
+    "updated_at": "2025-05-06T06:35:30Z",
+    "peers": null
+  },
+  {
+    "id": "1396408888",
+    "persistent_replica_count": 2,
+    "tag": "",
+    "application": "",
+    "piece_length": 4194304,
+    "content_length": 1714,
+    "total_piece_count": 1,
+    "state": "Succeeded",
+    "ttl": 604800000000000,
+    "created_at": "2025-05-06T02:06:43Z",
+    "updated_at": "2025-05-06T02:06:43Z",
+    "peers": null
+  },
+  {
+    "id": "219317117",
+    "persistent_replica_count": 2,
+    "tag": "tag-3",
+    "application": "",
+    "piece_length": 4194304,
+    "content_length": 5640,
+    "total_piece_count": 1,
+    "state": "Succeeded",
+    "ttl": 604800000000000,
+    "created_at": "2025-05-06T06:35:49Z",
+    "updated_at": "2025-05-06T06:35:49Z",
+    "peers": null
+  },
+  {
+    "id": "2865345332",
+    "persistent_replica_count": 2,
+    "tag": "tag-1",
+    "application": "application-1",
+    "piece_length": 4194304,
+    "content_length": 1630,
+    "total_piece_count": 1,
+    "state": "Succeeded",
+    "ttl": 604800000000000,
+    "created_at": "2025-05-01T05:24:05Z",
+    "updated_at": "2025-05-01T05:24:05Z",
+    "peers": null
+  },
+  {
+    "id": "2484851399",
+    "persistent_replica_count": 2,
+    "tag": "tag-4",
+    "application": "application-2",
+    "piece_length": 4194304,
+    "content_length": 17484,
+    "total_piece_count": 1,
+    "state": "Succeeded",
+    "ttl": 604800000000000,
+    "created_at": "2025-05-06T06:36:22Z",
+    "updated_at": "2025-05-06T06:36:22Z",
+    "peers": null
+  },
+  {
+    "id": "2484851397",
+    "persistent_replica_count": 2,
+    "tag": "tag-4",
+    "application": "application-2",
+    "piece_length": 4194304,
+    "content_length": 17484,
+    "total_piece_count": 1,
+    "state": "Succeeded",
+    "ttl": 604800000000000,
+    "created_at": "2025-05-06T06:36:22Z",
+    "updated_at": "2025-05-06T06:36:22Z",
+    "peers": null
+  },
+  {
+    "id": "219317117",
+    "persistent_replica_count": 2,
+    "tag": "tag-3",
+    "application": "",
+    "piece_length": 4194304,
+    "content_length": 5640,
+    "total_piece_count": 1,
+    "state": "Succeeded",
+    "ttl": 604800000000000,
+    "created_at": "2025-05-06T06:35:49Z",
+    "updated_at": "2025-05-06T06:35:49Z",
+    "peers": null
+  },
+  {
+    "id": "3870122509",
+    "persistent_replica_count": 2,
+    "tag": "tag-2",
+    "application": "",
+    "piece_length": 4194304,
+    "content_length": 39359,
+    "total_piece_count": 1,
+    "state": "Succeeded",
+    "ttl": 604800000000000,
+    "created_at": "2025-05-06T06:35:30Z",
+    "updated_at": "2025-05-06T06:35:30Z",
+    "peers": null
+  },
+  {
+    "id": "219317117",
+    "persistent_replica_count": 2,
+    "tag": "tag-3",
+    "application": "",
+    "piece_length": 4194304,
+    "content_length": 5640,
+    "total_piece_count": 1,
+    "state": "Succeeded",
+    "ttl": 604800000000000,
+    "created_at": "2025-05-06T06:35:49Z",
+    "updated_at": "2025-05-06T06:35:49Z",
+    "peers": null
+  },
+  {
+    "id": "3870122509",
+    "persistent_replica_count": 2,
+    "tag": "tag-2",
+    "application": "",
+    "piece_length": 4194304,
+    "content_length": 39359,
+    "total_piece_count": 1,
+    "state": "Succeeded",
+    "ttl": 604800000000000,
+    "created_at": "2025-05-06T06:35:30Z",
+    "updated_at": "2025-05-06T06:35:30Z",
+    "peers": null
+  },
+  {
+    "id": "3870122508",
+    "persistent_replica_count": 2,
+    "tag": "tag-2",
+    "application": "",
+    "piece_length": 4194304,
+    "content_length": 39359,
+    "total_piece_count": 1,
+    "state": "Failed",
+    "ttl": 604800000000000,
+    "created_at": "2025-05-06T06:35:30Z",
+    "updated_at": "2025-05-06T06:35:30Z",
+    "peers": null
+  },
+  {
+    "id": "8270122509",
+    "persistent_replica_count": 2,
+    "tag": "tag-2",
+    "application": "",
+    "piece_length": 4194304,
+    "content_length": 39359,
+    "total_piece_count": 1,
+    "state": "Failed",
+    "ttl": 604800000000000,
+    "created_at": "2025-05-06T06:35:30Z",
+    "updated_at": "2025-05-06T06:35:30Z",
+    "peers": null
+  },
+  {
+    "id": "215317117",
+    "persistent_replica_count": 2,
+    "tag": "tag-3",
+    "application": "",
+    "piece_length": 4194304,
+    "content_length": 5640,
+    "total_piece_count": 1,
+    "state": "Succeeded",
+    "ttl": 604800000000000,
+    "created_at": "2025-05-06T06:35:49Z",
+    "updated_at": "2025-05-06T06:35:49Z",
+    "peers": null
+  },
+  {
+    "id": "1870122509",
+    "persistent_replica_count": 2,
+    "tag": "tag-2",
+    "application": "",
+    "piece_length": 4194304,
+    "content_length": 39359,
+    "total_piece_count": 1,
+    "state": "Failed",
+    "ttl": 604800000000000,
+    "created_at": "2025-05-06T06:35:30Z",
+    "updated_at": "2025-05-06T06:35:30Z",
+    "peers": null
+  },
+  {
+    "id": "1336408888",
+    "persistent_replica_count": 2,
+    "tag": "tag-2",
+    "application": "",
+    "piece_length": 4194304,
+    "content_length": 39359,
+    "total_piece_count": 1,
+    "state": "Failed",
+    "ttl": 604800000000000,
+    "created_at": "2025-05-06T06:35:30Z",
+    "updated_at": "2025-05-06T06:35:30Z",
+    "peers": null
+  }
+]

cypress/fixtures/resource/persistent-cache-task/delete-persistent-cache-tasks.json

@@ -0,0 +1,254 @@
+[
+  {
+    "id": "1396408888",
+    "persistent_replica_count": 2,
+    "tag": "",
+    "application": "",
+    "piece_length": 4194304,
+    "content_length": 1714,
+    "total_piece_count": 1,
+    "state": "Succeeded",
+    "ttl": 604800000000000,
+    "created_at": "2025-05-06T02:06:43Z",
+    "updated_at": "2025-05-06T02:06:43Z",
+    "peers": null
+  },
+  {
+    "id": "2865345332",
+    "persistent_replica_count": 2,
+    "tag": "tag-1",
+    "application": "application-1",
+    "piece_length": 4194304,
+    "content_length": 1630,
+    "total_piece_count": 1,
+    "state": "Succeeded",
+    "ttl": 604800000000000,
+    "created_at": "2025-05-01T05:24:05Z",
+    "updated_at": "2025-05-01T05:24:05Z",
+    "peers": null
+  },
+  {
+    "id": "3870122509",
+    "persistent_replica_count": 2,
+    "tag": "tag-2",
+    "application": "",
+    "piece_length": 4194304,
+    "content_length": 39359,
+    "total_piece_count": 1,
+    "state": "Succeeded",
+    "ttl": 604800000000000,
+    "created_at": "2025-05-06T06:35:30Z",
+    "updated_at": "2025-05-06T06:35:30Z",
+    "peers": null
+  },
+  {
+    "id": "1396408888",
+    "persistent_replica_count": 2,
+    "tag": "",
+    "application": "",
+    "piece_length": 4194304,
+    "content_length": 1714,
+    "total_piece_count": 1,
+    "state": "Succeeded",
+    "ttl": 604800000000000,
+    "created_at": "2025-05-06T02:06:43Z",
+    "updated_at": "2025-05-06T02:06:43Z",
+    "peers": null
+  },
+  {
+    "id": "219317117",
+    "persistent_replica_count": 2,
+    "tag": "tag-3",
+    "application": "",
+    "piece_length": 4194304,
+    "content_length": 5640,
+    "total_piece_count": 1,
+    "state": "Succeeded",
+    "ttl": 604800000000000,
+    "created_at": "2025-05-06T06:35:49Z",
+    "updated_at": "2025-05-06T06:35:49Z",
+    "peers": null
+  },
+  {
+    "id": "2865345332",
+    "persistent_replica_count": 2,
+    "tag": "tag-1",
+    "application": "application-1",
+    "piece_length": 4194304,
+    "content_length": 1630,
+    "total_piece_count": 1,
+    "state": "Succeeded",
+    "ttl": 604800000000000,
+    "created_at": "2025-05-01T05:24:05Z",
+    "updated_at": "2025-05-01T05:24:05Z",
+    "peers": null
+  },
+  {
+    "id": "2484851399",
+    "persistent_replica_count": 2,
+    "tag": "tag-4",
+    "application": "application-2",
+    "piece_length": 4194304,
+    "content_length": 17484,
+    "total_piece_count": 1,
+    "state": "Succeeded",
+    "ttl": 604800000000000,
+    "created_at": "2025-05-06T06:36:22Z",
+    "updated_at": "2025-05-06T06:36:22Z",
+    "peers": null
+  },
+  {
+    "id": "2865345332",
+    "persistent_replica_count": 2,
+    "tag": "tag-1",
+    "application": "application-1",
+    "piece_length": 4194304,
+    "content_length": 1630,
+    "total_piece_count": 1,
+    "state": "Succeeded",
+    "ttl": 604800000000000,
+    "created_at": "2025-05-01T05:24:05Z",
+    "updated_at": "2025-05-01T05:24:05Z",
+    "peers": null
+  },
+  {
+    "id": "2484851397",
+    "persistent_replica_count": 2,
+    "tag": "tag-4",
+    "application": "application-2",
+    "piece_length": 4194304,
+    "content_length": 17484,
+    "total_piece_count": 1,
+    "state": "Succeeded",
+    "ttl": 604800000000000,
+    "created_at": "2025-05-06T06:36:22Z",
+    "updated_at": "2025-05-06T06:36:22Z",
+    "peers": null
+  },
+  {
+    "id": "219317117",
+    "persistent_replica_count": 2,
+    "tag": "tag-3",
+    "application": "",
+    "piece_length": 4194304,
+    "content_length": 5640,
+    "total_piece_count": 1,
+    "state": "Succeeded",
+    "ttl": 604800000000000,
+    "created_at": "2025-05-06T06:35:49Z",
+    "updated_at": "2025-05-06T06:35:49Z",
+    "peers": null
+  },
+  {
+    "id": "3870122509",
+    "persistent_replica_count": 2,
+    "tag": "tag-2",
+    "application": "",
+    "piece_length": 4194304,
+    "content_length": 39359,
+    "total_piece_count": 1,
+    "state": "Succeeded",
+    "ttl": 604800000000000,
+    "created_at": "2025-05-06T06:35:30Z",
+    "updated_at": "2025-05-06T06:35:30Z",
+    "peers": null
+  },
+  {
+    "id": "219317117",
+    "persistent_replica_count": 2,
+    "tag": "tag-3",
+    "application": "",
+    "piece_length": 4194304,
+    "content_length": 5640,
+    "total_piece_count": 1,
+    "state": "Succeeded",
+    "ttl": 604800000000000,
+    "created_at": "2025-05-06T06:35:49Z",
+    "updated_at": "2025-05-06T06:35:49Z",
+    "peers": null
+  },
+  {
+    "id": "3870122509",
+    "persistent_replica_count": 2,
+    "tag": "tag-2",
+    "application": "",
+    "piece_length": 4194304,
+    "content_length": 39359,
+    "total_piece_count": 1,
+    "state": "Succeeded",
+    "ttl": 604800000000000,
+    "created_at": "2025-05-06T06:35:30Z",
+    "updated_at": "2025-05-06T06:35:30Z",
+    "peers": null
+  },
+  {
+    "id": "3870122508",
+    "persistent_replica_count": 2,
+    "tag": "tag-2",
+    "application": "",
+    "piece_length": 4194304,
+    "content_length": 39359,
+    "total_piece_count": 1,
+    "state": "Failed",
+    "ttl": 604800000000000,
+    "created_at": "2025-05-06T06:35:30Z",
+    "updated_at": "2025-05-06T06:35:30Z",
+    "peers": null
+  },
+  {
+    "id": "8270122509",
+    "persistent_replica_count": 2,
+    "tag": "tag-2",
+    "application": "",
+    "piece_length": 4194304,
+    "content_length": 39359,
+    "total_piece_count": 1,
+    "state": "Failed",
+    "ttl": 604800000000000,
+    "created_at": "2025-05-06T06:35:30Z",
+    "updated_at": "2025-05-06T06:35:30Z",
+    "peers": null
+  },
+  {
+    "id": "215317117",
+    "persistent_replica_count": 2,
+    "tag": "tag-3",
+    "application": "",
+    "piece_length": 4194304,
+    "content_length": 5640,
+    "total_piece_count": 1,
+    "state": "Succeeded",
+    "ttl": 604800000000000,
+    "created_at": "2025-05-06T06:35:49Z",
+    "updated_at": "2025-05-06T06:35:49Z",
+    "peers": null
+  },
+  {
+    "id": "1870122509",
+    "persistent_replica_count": 2,
+    "tag": "tag-2",
+    "application": "",
+    "piece_length": 4194304,
+    "content_length": 39359,
+    "total_piece_count": 1,
+    "state": "Failed",
+    "ttl": 604800000000000,
+    "created_at": "2025-05-06T06:35:30Z",
+    "updated_at": "2025-05-06T06:35:30Z",
+    "peers": null
+  },
+  {
+    "id": "1336408888",
+    "persistent_replica_count": 2,
+    "tag": "tag-2",
+    "application": "",
+    "piece_length": 4194304,
+    "content_length": 39359,
+    "total_piece_count": 1,
+    "state": "Failed",
+    "ttl": 604800000000000,
+    "created_at": "2025-05-06T06:35:30Z",
+    "updated_at": "2025-05-06T06:35:30Z",
+    "peers": null
+  }
+]

cypress/fixtures/resource/persistent-cache-task/failed-persistent-cache-task.json

@@ -0,0 +1,14 @@
+{
+  "id": "3870122508",
+  "persistent_replica_count": 2,
+  "tag": "tag-2",
+  "application": "",
+  "piece_length": 4194304,
+  "content_length": 39359,
+  "total_piece_count": 1,
+  "state": "Failed",
+  "ttl": 604800000000000,
+  "created_at": "2025-05-06T06:35:30Z",
+  "updated_at": "2025-05-06T06:35:30Z",
+  "peers": null
+}

cypress/fixtures/resource/persistent-cache-task/persistent-cache-task.json

@@ -0,0 +1,507 @@
+{
+  "id": "2865345332",
+  "persistent_replica_count": 2,
+  "tag": "tag-1",
+  "application": "application-1",
+  "piece_length": 4194304,
+  "content_length": 1630,
+  "total_piece_count": 1,
+  "state": "Succeeded",
+  "ttl": 604800000000000,
+  "created_at": "2025-05-01T05:24:05Z",
+  "updated_at": "2025-05-01T05:24:05Z",
+  "peers": [
+    {
+      "block_parents": ["task", "cache"],
+      "cost": 9223372036854776000,
+      "created_at": "2025-05-01T05:24:05Z",
+      "finished_pieces": {},
+      "host": {
+        "announce_interval": 3600000000000,
+        "build": {
+          "git_commit": "git-commit-1",
+          "git_version": "git-version-1",
+          "go_version": "go-version-1",
+          "platform": "Linux"
+        },
+        "cpu": {
+          "logical_count": 2,
+          "percent": 69,
+          "physical_count": 12,
+          "process_percent": 2,
+          "times": {
+            "guest": 1,
+            "guest_nice": 12,
+            "idle": 4,
+            "iowait": 5,
+            "irq": 2,
+            "nice": 11,
+            "softirq": 9,
+            "steal": 1,
+            "system": 2,
+            "user": 1
+          }
+        },
+        "created_at": "2025-05-06T02:06:43Z",
+        "disable_shared": false,
+        "disk": {
+          "free": 12,
+          "inodes_free": 12,
+          "inodes_total": 2,
+          "inodes_used": 1,
+          "inodes_used_percent": 12,
+          "read_bandwidth": 12,
+          "total": 12,
+          "used": 21474836480,
+          "used_percent": 12,
+          "write_bandwidth": 12
+        },
+        "download_port": 4000,
+        "hostname": "hostname-1",
+        "id": "1",
+        "ip": "10.244.3.8",
+        "kernel_version": "1.1.1",
+        "memory": {
+          "available": 2,
+          "free": 1,
+          "process_used_percent": 4,
+          "total": 13,
+          "used": 122,
+          "used_percent": 1
+        },
+        "network": {
+          "rx_bandwidth": 1000,
+          "max_rx_bandwidth": 4000,
+          "idc": "HangZhou",
+          "location": "HangZhou",
+          "tcp_connection_count": 2,
+          "tx_bandwidth": 1000,
+          "max_tx_bandwidth": 20000,
+          "upload_tcp_connection_count": 4
+        },
+        "os": "ios",
+        "platform": "Linux",
+        "platform_family": "Linux",
+        "platform_version": "1.2.3",
+        "port": 4001,
+        "scheduler_cluster_id": "1",
+        "type": "super",
+        "updated_at": "2025-05-01T05:24:05Z"
+      },
+      "id": "1",
+      "persistent": false,
+      "state": "Succeeded",
+      "updated_at": "2025-05-01T05:24:05Z"
+    },
+    {
+      "block_parents": ["task", "cache"],
+      "cost": 9223372036854776000,
+      "created_at": "2025-05-01T05:24:05Z",
+      "finished_pieces": {},
+      "host": {
+        "announce_interval": 3600000000000,
+        "build": {
+          "git_commit": "git-commit-1",
+          "git_version": "git-version-1",
+          "go_version": "go-version-1",
+          "platform": "Linux"
+        },
+        "cpu": {
+          "logical_count": 2,
+          "percent": 12,
+          "physical_count": 12,
+          "process_percent": 2,
+          "times": {
+            "guest": 1,
+            "guest_nice": 12,
+            "idle": 4,
+            "iowait": 5,
+            "irq": 2,
+            "nice": 11,
+            "softirq": 9,
+            "steal": 1,
+            "system": 2,
+            "user": 1
+          }
+        },
+        "created_at": "2025-05-06T02:06:43Z",
+        "disable_shared": false,
+        "disk": {
+          "free": 12,
+          "inodes_free": 12,
+          "inodes_total": 2,
+          "inodes_used": 1,
+          "inodes_used_percent": 12,
+          "read_bandwidth": 12,
+          "total": 12,
+          "used": 21474836480,
+          "used_percent": 12,
+          "write_bandwidth": 12
+        },
+        "download_port": "4001",
+        "hostname": "hostname-2",
+        "id": "1",
+        "ip": "112.3325.44",
+        "kernel_version": "1.1.1",
+        "memory": {
+          "available": 2,
+          "free": 1,
+          "process_used_percent": 4,
+          "total": 13,
+          "used": 122,
+          "used_percent": 1
+        },
+        "network": {
+          "rx_bandwidth": 1000,
+          "max_rx_bandwidth": 4000,
+          "idc": "HangZhou",
+          "location": "HangZhou",
+          "tcp_connection_count": 2,
+          "tx_bandwidth": 1000,
+          "max_tx_bandwidth": 20000,
+          "upload_tcp_connection_count": 4
+        },
+        "os": "ios",
+        "platform": "Linux",
+        "platform_family": "Linux",
+        "platform_version": "1.2.3",
+        "port": 8001,
+        "scheduler_cluster_id": "1",
+        "type": "super",
+        "updated_at": "2025-05-01T05:24:05Z"
+      },
+      "id": "2",
+      "persistent": true,
+      "state": "succeeded",
+      "updated_at": "2025-05-01T05:24:05Z"
+    },
+    {
+      "block_parents": ["task", "cache"],
+      "cost": 9223372036854776000,
+      "created_at": "2025-05-01T05:24:05Z",
+      "finished_pieces": {},
+      "host": {
+        "announce_interval": 3600000000000,
+        "build": {
+          "git_commit": "git-commit-1",
+          "git_version": "git-version-1",
+          "go_version": "go-version-1",
+          "platform": "Linux"
+        },
+        "cpu": {
+          "logical_count": 2,
+          "percent": 69,
+          "physical_count": 12,
+          "process_percent": 2,
+          "times": {
+            "guest": 1,
+            "guest_nice": 12,
+            "idle": 4,
+            "iowait": 5,
+            "irq": 2,
+            "nice": 11,
+            "softirq": 9,
+            "steal": 1,
+            "system": 2,
+            "user": 1
+          }
+        },
+        "created_at": "2025-05-06T02:06:43Z",
+        "disable_shared": false,
+        "disk": {
+          "free": 12,
+          "inodes_free": 12,
+          "inodes_total": 2,
+          "inodes_used": 1,
+          "inodes_used_percent": 12,
+          "read_bandwidth": 12,
+          "total": 12,
+          "used": 21474836480,
+          "used_percent": 12,
+          "write_bandwidth": 12
+        },
+        "download_port": 4000,
+        "hostname": "hostname-3",
+        "id": "1",
+        "ip": "10.244.3.8",
+        "kernel_version": "1.1.1",
+        "memory": {
+          "available": 2,
+          "free": 1,
+          "process_used_percent": 4,
+          "total": 13,
+          "used": 122,
+          "used_percent": 1
+        },
+        "network": {
+          "rx_bandwidth": 1000,
+          "max_rx_bandwidth": 4000,
+          "idc": "HangZhou",
+          "location": "HangZhou",
+          "tcp_connection_count": 2,
+          "tx_bandwidth": 1000,
+          "max_tx_bandwidth": 20000,
+          "upload_tcp_connection_count": 4
+        },
+        "os": "Linux",
+        "platform": "Linux",
+        "platform_family": "Linux",
+        "platform_version": "1.2.3",
+        "port": 4001,
+        "scheduler_cluster_id": "1",
+        "type": "super",
+        "updated_at": "2025-05-01T05:24:05Z"
+      },
+      "id": "3",
+      "persistent": false,
+      "state": "Succeeded",
+      "updated_at": "2025-05-01T05:24:05Z"
+    },
+    {
+      "block_parents": ["task", "cache"],
+      "cost": 9223372036854776000,
+      "created_at": "2025-05-01T05:24:05Z",
+      "finished_pieces": {},
+      "host": {
+        "announce_interval": 3600000000000,
+        "build": {
+          "git_commit": "git-commit-1",
+          "git_version": "git-version-1",
+          "go_version": "go-version-1",
+          "platform": "Linux"
+        },
+        "cpu": {
+          "logical_count": 2,
+          "percent": 69,
+          "physical_count": 12,
+          "process_percent": 2,
+          "times": {
+            "guest": 1,
+            "guest_nice": 12,
+            "idle": 4,
+            "iowait": 5,
+            "irq": 2,
+            "nice": 11,
+            "softirq": 9,
+            "steal": 1,
+            "system": 2,
+            "user": 1
+          }
+        },
+        "created_at": "2025-05-06T02:06:43Z",
+        "disable_shared": false,
+        "disk": {
+          "free": 12,
+          "inodes_free": 12,
+          "inodes_total": 2,
+          "inodes_used": 1,
+          "inodes_used_percent": 12,
+          "read_bandwidth": 12,
+          "total": 12,
+          "used": 21474836480,
+          "used_percent": 12,
+          "write_bandwidth": 12
+        },
+        "download_port": 4000,
+        "hostname": "hostname-4",
+        "id": "1",
+        "ip": "10.244.3.8",
+        "kernel_version": "1.1.1",
+        "memory": {
+          "available": 2,
+          "free": 1,
+          "process_used_percent": 4,
+          "total": 13,
+          "used": 122,
+          "used_percent": 1
+        },
+        "network": {
+          "rx_bandwidth": 1000,
+          "max_rx_bandwidth": 4000,
+          "idc": "HangZhou",
+          "location": "HangZhou",
+          "tcp_connection_count": 2,
+          "tx_bandwidth": 1000,
+          "max_tx_bandwidth": 20000,
+          "upload_tcp_connection_count": 4
+        },
+        "os": "ios",
+        "platform": "Linux",
+        "platform_family": "Linux",
+        "platform_version": "1.2.3",
+        "port": 4001,
+        "scheduler_cluster_id": "1",
+        "type": "super",
+        "updated_at": "2025-05-01T05:24:05Z"
+      },
+      "id": "4",
+      "persistent": false,
+      "state": "Succeeded",
+      "updated_at": "2025-05-01T05:24:05Z"
+    },
+    {
+      "block_parents": ["task", "cache"],
+      "cost": 9223372036854776000,
+      "created_at": "2025-05-01T05:24:05Z",
+      "finished_pieces": {},
+      "host": {
+        "announce_interval": 3600000000000,
+        "build": {
+          "git_commit": "git-commit-1",
+          "git_version": "git-version-1",
+          "go_version": "go-version-1",
+          "platform": "Linux"
+        },
+        "cpu": {
+          "logical_count": 2,
+          "percent": 69,
+          "physical_count": 12,
+          "process_percent": 2,
+          "times": {
+            "guest": 1,
+            "guest_nice": 12,
+            "idle": 4,
+            "iowait": 5,
+            "irq": 2,
+            "nice": 11,
+            "softirq": 9,
+            "steal": 1,
+            "system": 2,
+            "user": 1
+          }
+        },
+        "created_at": "2025-05-06T02:06:43Z",
+        "disable_shared": false,
+        "disk": {
+          "free": 12,
+          "inodes_free": 12,
+          "inodes_total": 2,
+          "inodes_used": 1,
+          "inodes_used_percent": 12,
+          "read_bandwidth": 12,
+          "total": 12,
+          "used": 21474836480,
+          "used_percent": 12,
+          "write_bandwidth": 12
+        },
+        "download_port": 4000,
+        "hostname": "hostname-5",
+        "id": "1",
+        "ip": "10.244.3.8",
+        "kernel_version": "1.1.1",
+        "memory": {
+          "available": 2,
+          "free": 1,
+          "process_used_percent": 4,
+          "total": 13,
+          "used": 122,
+          "used_percent": 1
+        },
+        "network": {
+          "rx_bandwidth": 1000,
+          "max_rx_bandwidth": 4000,
+          "idc": "HangZhou",
+          "location": "HangZhou",
+          "tcp_connection_count": 2,
+          "tx_bandwidth": 1000,
+          "max_tx_bandwidth": 20000,
+          "upload_tcp_connection_count": 4
+        },
+        "os": "ios",
+        "platform": "Linux",
+        "platform_family": "Linux",
+        "platform_version": "1.2.3",
+        "port": 4001,
+        "scheduler_cluster_id": "1",
+        "type": "super",
+        "updated_at": "2025-05-01T05:24:05Z"
+      },
+      "id": "5",
+      "persistent": false,
+      "state": "Succeeded",
+      "updated_at": "2025-05-01T05:24:05Z"
+    },
+    {
+      "block_parents": ["task", "cache"],
+      "cost": 9223372036854776000,
+      "created_at": "2025-05-01T05:24:05Z",
+      "finished_pieces": {},
+      "host": {
+        "announce_interval": 3600000000000,
+        "build": {
+          "git_commit": "git-commit-1",
+          "git_version": "git-version-1",
+          "go_version": "go-version-1",
+          "platform": "Linux"
+        },
+        "cpu": {
+          "logical_count": 2,
+          "percent": 69,
+          "physical_count": 12,
+          "process_percent": 2,
+          "times": {
+            "guest": 1,
+            "guest_nice": 12,
+            "idle": 4,
+            "iowait": 5,
+            "irq": 2,
+            "nice": 11,
+            "softirq": 9,
+            "steal": 1,
+            "system": 2,
+            "user": 1
+          }
+        },
+        "created_at": "2025-05-06T02:06:43Z",
+        "disable_shared": false,
+        "disk": {
+          "free": 12,
+          "inodes_free": 12,
+          "inodes_total": 2,
+          "inodes_used": 1,
+          "inodes_used_percent": 12,
+          "read_bandwidth": 12,
+          "total": 12,
+          "used": 21474836480,
+          "used_percent": 12,
+          "write_bandwidth": 12
+        },
+        "download_port": 4000,
+        "hostname": "hostname-7",
+        "id": "1",
+        "ip": "10.244.3.8",
+        "kernel_version": "1.1.1",
+        "memory": {
+          "available": 2,
+          "free": 1,
+          "process_used_percent": 4,
+          "total": 13,
+          "used": 122,
+          "used_percent": 1
+        },
+        "network": {
+          "rx_bandwidth": 1000,
+          "max_rx_bandwidth": 4000,
+          "idc": "HangZhou",
+          "location": "HangZhou",
+          "tcp_connection_count": 2,
+          "tx_bandwidth": 1000,
+          "max_tx_bandwidth": 20000,
+          "upload_tcp_connection_count": 4
+        },
+        "os": "ios",
+        "platform": "Linux",
+        "platform_family": "Linux",
+        "platform_version": "1.2.3",
+        "port": 4001,
+        "scheduler_cluster_id": "1",
+        "type": "super",
+        "updated_at": "2025-05-01T05:24:05Z"
+      },
+      "id": "6",
+      "persistent": true,
+      "state": "Succeeded",
+      "updated_at": "2025-05-01T05:24:05Z"
+    }
+  ]
+}

cypress/fixtures/resource/persistent-cache-task/persistent-cache-tasks.json

@@ -0,0 +1,268 @@
+[
+  {
+    "id": "3810320977",
+    "persistent_replica_count": 2,
+    "tag": "tag-4",
+    "application": "application-3",
+    "piece_length": 4194304,
+    "content_length": 52408,
+    "total_piece_count": 1,
+    "state": "Succeeded",
+    "ttl": 604800000000000,
+    "created_at": "2025-05-06T06:36:36Z",
+    "updated_at": "2025-05-06T06:36:36Z",
+    "peers": null
+  },
+  {
+    "id": "1396408888",
+    "persistent_replica_count": 2,
+    "tag": "",
+    "application": "",
+    "piece_length": 4194304,
+    "content_length": 1714,
+    "total_piece_count": 1,
+    "state": "Succeeded",
+    "ttl": 604800000000000,
+    "created_at": "2025-05-06T02:06:43Z",
+    "updated_at": "2025-05-06T02:06:43Z",
+    "peers": null
+  },
+  {
+    "id": "2865345332",
+    "persistent_replica_count": 2,
+    "tag": "tag-1",
+    "application": "application-1",
+    "piece_length": 4194304,
+    "content_length": 1630,
+    "total_piece_count": 1,
+    "state": "Succeeded",
+    "ttl": 604800000000000,
+    "created_at": "2025-05-01T05:24:05Z",
+    "updated_at": "2025-05-01T05:24:05Z",
+    "peers": null
+  },
+  {
+    "id": "3870122509",
+    "persistent_replica_count": 2,
+    "tag": "tag-2",
+    "application": "",
+    "piece_length": 4194304,
+    "content_length": 39359,
+    "total_piece_count": 1,
+    "state": "Succeeded",
+    "ttl": 604800000000000,
+    "created_at": "2025-05-06T06:35:30Z",
+    "updated_at": "2025-05-06T06:35:30Z",
+    "peers": null
+  },
+  {
+    "id": "1396408888",
+    "persistent_replica_count": 2,
+    "tag": "",
+    "application": "",
+    "piece_length": 4194304,
+    "content_length": 1714,
+    "total_piece_count": 1,
+    "state": "Succeeded",
+    "ttl": 604800000000000,
+    "created_at": "2025-05-06T02:06:43Z",
+    "updated_at": "2025-05-06T02:06:43Z",
+    "peers": null
+  },
+  {
+    "id": "219317117",
+    "persistent_replica_count": 2,
+    "tag": "tag-3",
+    "application": "",
+    "piece_length": 4194304,
+    "content_length": 5640,
+    "total_piece_count": 1,
+    "state": "Succeeded",
+    "ttl": 604800000000000,
+    "created_at": "2025-05-06T06:35:49Z",
+    "updated_at": "2025-05-06T06:35:49Z",
+    "peers": null
+  },
+  {
+    "id": "2865345332",
+    "persistent_replica_count": 2,
+    "tag": "tag-1",
+    "application": "application-1",
+    "piece_length": 4194304,
+    "content_length": 1630,
+    "total_piece_count": 1,
+    "state": "Succeeded",
+    "ttl": 604800000000000,
+    "created_at": "2025-05-01T05:24:05Z",
+    "updated_at": "2025-05-01T05:24:05Z",
+    "peers": null
+  },
+  {
+    "id": "2484851399",
+    "persistent_replica_count": 2,
+    "tag": "tag-4",
+    "application": "application-2",
+    "piece_length": 4194304,
+    "content_length": 17484,
+    "total_piece_count": 1,
+    "state": "Succeeded",
+    "ttl": 604800000000000,
+    "created_at": "2025-05-06T06:36:22Z",
+    "updated_at": "2025-05-06T06:36:22Z",
+    "peers": null
+  },
+  {
+    "id": "2865345332",
+    "persistent_replica_count": 2,
+    "tag": "tag-1",
+    "application": "application-1",
+    "piece_length": 4194304,
+    "content_length": 1630,
+    "total_piece_count": 1,
+    "state": "Succeeded",
+    "ttl": 604800000000000,
+    "created_at": "2025-05-01T05:24:05Z",
+    "updated_at": "2025-05-01T05:24:05Z",
+    "peers": null
+  },
+  {
+    "id": "2484851397",
+    "persistent_replica_count": 2,
+    "tag": "tag-4",
+    "application": "application-2",
+    "piece_length": 4194304,
+    "content_length": 17484,
+    "total_piece_count": 1,
+    "state": "Succeeded",
+    "ttl": 604800000000000,
+    "created_at": "2025-05-06T06:36:22Z",
+    "updated_at": "2025-05-06T06:36:22Z",
+    "peers": null
+  },
+  {
+    "id": "219317117",
+    "persistent_replica_count": 2,
+    "tag": "tag-3",
+    "application": "",
+    "piece_length": 4194304,
+    "content_length": 5640,
+    "total_piece_count": 1,
+    "state": "Succeeded",
+    "ttl": 604800000000000,
+    "created_at": "2025-05-06T06:35:49Z",
+    "updated_at": "2025-05-06T06:35:49Z",
+    "peers": null
+  },
+  {
+    "id": "3870122509",
+    "persistent_replica_count": 2,
+    "tag": "tag-2",
+    "application": "",
+    "piece_length": 4194304,
+    "content_length": 39359,
+    "total_piece_count": 1,
+    "state": "Succeeded",
+    "ttl": 604800000000000,
+    "created_at": "2025-05-06T06:35:30Z",
+    "updated_at": "2025-05-06T06:35:30Z",
+    "peers": null
+  },
+  {
+    "id": "219317117",
+    "persistent_replica_count": 2,
+    "tag": "tag-3",
+    "application": "",
+    "piece_length": 4194304,
+    "content_length": 5640,
+    "total_piece_count": 1,
+    "state": "Succeeded",
+    "ttl": 604800000000000,
+    "created_at": "2025-05-06T06:35:49Z",
+    "updated_at": "2025-05-06T06:35:49Z",
+    "peers": null
+  },
+  {
+    "id": "3870122509",
+    "persistent_replica_count": 2,
+    "tag": "tag-2",
+    "application": "",
+    "piece_length": 4194304,
+    "content_length": 39359,
+    "total_piece_count": 1,
+    "state": "Succeeded",
+    "ttl": 604800000000000,
+    "created_at": "2025-05-06T06:35:30Z",
+    "updated_at": "2025-05-06T06:35:30Z",
+    "peers": null
+  },
+  {
+    "id": "3870122508",
+    "persistent_replica_count": 2,
+    "tag": "tag-2",
+    "application": "",
+    "piece_length": 4194304,
+    "content_length": 39359,
+    "total_piece_count": 1,
+    "state": "Failed",
+    "ttl": 604800000000000,
+    "created_at": "2025-05-06T06:35:30Z",
+    "updated_at": "2025-05-06T06:35:30Z",
+    "peers": null
+  },
+  {
+    "id": "8270122509",
+    "persistent_replica_count": 2,
+    "tag": "tag-2",
+    "application": "",
+    "piece_length": 4194304,
+    "content_length": 39359,
+    "total_piece_count": 1,
+    "state": "Failed",
+    "ttl": 604800000000000,
+    "created_at": "2025-05-06T06:35:30Z",
+    "updated_at": "2025-05-06T06:35:30Z",
+    "peers": null
+  },
+  {
+    "id": "215317117",
+    "persistent_replica_count": 2,
+    "tag": "tag-3",
+    "application": "",
+    "piece_length": 4194304,
+    "content_length": 5640,
+    "total_piece_count": 1,
+    "state": "Succeeded",
+    "ttl": 604800000000000,
+    "created_at": "2025-05-06T06:35:49Z",
+    "updated_at": "2025-05-06T06:35:49Z",
+    "peers": null
+  },
+  {
+    "id": "1870122509",
+    "persistent_replica_count": 2,
+    "tag": "tag-2",
+    "application": "",
+    "piece_length": 4194304,
+    "content_length": 39359,
+    "total_piece_count": 1,
+    "state": "Failed",
+    "ttl": 604800000000000,
+    "created_at": "2025-05-06T06:35:30Z",
+    "updated_at": "2025-05-06T06:35:30Z",
+    "peers": null
+  },
+  {
+    "id": "1336408888",
+    "persistent_replica_count": 2,
+    "tag": "tag-2",
+    "application": "",
+    "piece_length": 4194304,
+    "content_length": 39359,
+    "total_piece_count": 1,
+    "state": "Failed",
+    "ttl": 604800000000000,
+    "created_at": "2025-05-06T06:35:30Z",
+    "updated_at": "2025-05-06T06:35:30Z",
+    "peers": null
+  }
+]

cypress/fixtures/resource/task/create-task-job.json

@@ -0,0 +1,29 @@
+{
+  "id": 1,
+  "created_at": "0001-01-01T00:00:00Z",
+  "updated_at": "0001-01-01T00:00:00Z",
+  "is_del": 0,
+  "task_id": "group_5c604ac6-2e40-4917-84da-705d67667872",
+  "bio": "",
+  "type": "get_task",
+  "state": "PENDING",
+  "args": {
+    "application": "",
+    "content_for_calculating_task_id": null,
+    "filtered_query_params": "X-Amz-Algorithm\u0026X-Amz-Credential\u0026X-Amz-Date\u0026X-Amz-Expires\u0026X-Amz-SignedHeaders\u0026X-Amz-Signature\u0026X-Amz-Security-Token\u0026X-Amz-User-Agent\u0026X-Goog-Algorithm\u0026X-Goog-Credential\u0026X-Goog-Date\u0026X-Goog-Expires\u0026X-Goog-SignedHeaders\u0026X-Goog-Signature\u0026OSSAccessKeyId\u0026Expires\u0026Signature\u0026SecurityToken\u0026AccessKeyId\u0026Signature\u0026Expires\u0026X-Obs-Date\u0026X-Obs-Security-Token\u0026q-sign-algorithm\u0026q-ak\u0026q-sign-time\u0026q-key-time\u0026q-header-list\u0026q-url-param-list\u0026q-signature\u0026x-cos-security-token\u0026ns",
+    "tag": "",
+    "task_id": "",
+    "url": "https://example.com/path/to/file",
+    "piece_length": 4194304
+  },
+  "result": null,
+  "scheduler_clusters": [
+    {
+      "id": 1,
+      "created_at": "2024-11-01T05:42:02Z",
+      "updated_at": "2024-11-01T05:42:02Z",
+      "is_del": 0,
+      "name": "cluster-1"
+    }
+  ]
+}

cypress/fixtures/resource/task/execution.json

@@ -0,0 +1,174 @@
+{
+  "id": 9,
+  "created_at": "2024-11-01T10:02:44Z",
+  "updated_at": "2024-11-01T10:03:19Z",
+  "is_del": 0,
+  "task_id": "group_2803b402-0348-4039-8fb1-b62cbebf7a7d",
+  "bio": "",
+  "type": "delete_task",
+  "state": "SUCCESS",
+  "args": {
+    "application": "",
+    "filtered_query_params": "X-Amz-Algorithm\u0026X-Amz-Credential\u0026X-Amz-Date\u0026X-Amz-Expires\u0026X-Amz-SignedHeaders\u0026X-Amz-Signature\u0026X-Amz-Security-Token\u0026X-Amz-User-Agent\u0026X-Goog-Algorithm\u0026X-Goog-Credential\u0026X-Goog-Date\u0026X-Goog-Expires\u0026X-Goog-SignedHeaders\u0026X-Goog-Signature\u0026OSSAccessKeyId\u0026Expires\u0026Signature\u0026SecurityToken\u0026AccessKeyId\u0026Signature\u0026Expires\u0026X-Obs-Date\u0026X-Obs-Security-Token\u0026q-sign-algorithm\u0026q-ak\u0026q-sign-time\u0026q-key-time\u0026q-header-list\u0026q-url-param-list\u0026q-signature\u0026x-cos-security-token\u0026ns",
+    "tag": "",
+    "task_id": "",
+    "timeout": 1800000000000,
+    "url": "https://example.com/path/to/file",
+    "piece_length": null
+  },
+  "result": {
+    "created_at": "2024-11-01T10:02:44.836338419Z",
+    "group_uuid": "group_2803b402-0348-4039-8fb1-b62cbebf7a7d",
+    "job_states": [
+      {
+        "created_at": "2024-11-01T10:02:44.836338419Z",
+        "error": "",
+        "results": [
+          {
+            "failure_tasks": [
+              {
+                "description": "task a1e21fcec1ba95d4407a83b3fc767da6de2a2fe35736c2ba3b95473229de1894 failed: rpc error: code = Unavailable desc = connection error: desc = \"transport: Error while dialing: dial tcp 172.18.0.3:4000: connect: connection refused\"",
+                "host_type": "normal",
+                "hostname": "kind-worker",
+                "ip": "172.18.0.3"
+              }
+            ],
+            "scheduler_cluster_id": 1,
+            "success_tasks": null
+          }
+        ],
+        "state": "SUCCESS",
+        "task_name": "delete_task",
+        "task_uuid": "task_5b0498de-2336-4980-9aff-9a03158951b2",
+        "ttl": 0
+      },
+      {
+        "created_at": "2024-11-01T10:02:44.836845086Z",
+        "error": "",
+        "results": [
+          {
+            "failure_tasks": [
+              {
+                "description": "task a1e21fceseba95d4407a83b3fc767da6de2a2fe35736c2ba3b95473229de1894 failed: rpc error: code = Unavailable desc = connection error: desc = \"transport: Error while dialing: dial tcp 172.18.0.3:4000: connect: connection refused\"",
+                "host_type": "super",
+                "hostname": "kind-worker",
+                "ip": "172.18.0.3"
+              }
+            ],
+            "scheduler_cluster_id": 1,
+            "success_tasks": null
+          }
+        ],
+        "state": "SUCCESS",
+        "task_name": "delete_task",
+        "task_uuid": "task_14a43448-47c1-4d8c-8d7f-af74ae9380ff",
+        "ttl": 0
+      },
+      {
+        "created_at": "2024-11-01T10:02:44.836982461Z",
+        "error": "",
+        "results": [
+          {
+            "failure_tasks": [
+              {
+                "description": "task a1e21fceseba95d4407a83b3fc767da6de2a2fe35736c2ba3b95473229de1894 failed: rpc error: code = Unavailable desc = connection error: desc = \"transport: Error while dialing: dial tcp 172.18.0.3:4000: connect: connection refused\"",
+                "host_type": "super",
+                "hostname": "kind-worke2",
+                "ip": "172.18.0.3"
+              }
+            ],
+            "scheduler_cluster_id": 1,
+            "success_tasks": [
+              {
+                "host_type": "super",
+                "hostname": "dragonfly-seed-client-2",
+                "ip": "10.244.1.24"
+              }
+            ]
+          }
+        ],
+        "state": "SUCCESS",
+        "task_name": "delete_task",
+        "task_uuid": "task_56bdc326-d08d-41b2-8124-6eb79546ae76",
+        "ttl": 0
+      },
+      {
+        "created_at": "2024-11-01T10:02:44.837099669Z",
+        "error": "",
+        "results": [
+          {
+            "failure_tasks": [
+              {
+                "description": "task a1e21fceseba95d4407a83b3fc767da6de2a2fe35736c2ba3b95473229de1894 failed: rpc error: code = Unavailable desc = connection error: desc = \"transport: Error while dialing: dial tcp 172.18.0.3:4000: connect: connection refused\"",
+                "host_type": "super",
+                "hostname": "dragonfly-seed-client-3",
+                "ip": "172.18.0.3"
+              }
+            ],
+            "scheduler_cluster_id": 1,
+            "success_tasks": null
+          }
+        ],
+        "state": "SUCCESS",
+        "task_name": "delete_task",
+        "task_uuid": "task_9862c330-927c-4f34-975b-d9aa9e81b638",
+        "ttl": 0
+      },
+      {
+        "created_at": "2024-11-01T10:02:44.837099669Z",
+        "error": "",
+        "results": [
+          {
+            "failure_tasks": [
+              {
+                "description": "task a1e21fceseba95d4407a83b3fc767da6de2a2fe35736c2ba3b95473229de1894 failed: rpc error: code = Unavailable desc = connection error: desc = \"transport: Error while dialing: dial tcp 172.18.0.3:4000: connect: connection refused\"",
+                "host_type": "super",
+                "hostname": "dragonfly-seed-client-4",
+                "ip": "172.18.0.4"
+              }
+            ],
+            "scheduler_cluster_id": 1,
+            "success_tasks": null
+          }
+        ],
+        "state": "SUCCESS",
+        "task_name": "delete_task",
+        "task_uuid": "task_9862c330-927c-4f34-975b-d9aa9e81b638",
+        "ttl": 0
+      },
+      {
+        "created_at": "2024-11-01T10:02:44.837099669Z",
+        "error": "",
+        "results": [
+          {
+            "failure_tasks": [
+              {
+                "description": "task a1e21fceseba95d4407a83b3fc767da6de2a2fe35736c2ba3b95473229de1894 failed: rpc error: code = Unavailable desc = connection error: desc = \"transport: Error while dialing: dial tcp 172.18.0.3:4000: connect: connection refused\"",
+                "host_type": "Normal",
+                "hostname": "dragonfly-seed-client-5",
+                "ip": "172.18.0.5"
+              }
+            ],
+            "scheduler_cluster_id": 1,
+            "success_tasks": null
+          }
+        ],
+        "state": "SUCCESS",
+        "task_name": "delete_task",
+        "task_uuid": "task_9862c330-927c-4f34-975b-d9aa9e81b638",
+        "ttl": 0
+      }
+    ],
+    "state": "SUCCESS",
+    "updated_at": "2024-11-01T10:03:18.70472913Z"
+  },
+  "scheduler_clusters": [
+    {
+      "id": 102222,
+      "created_at": "2023-11-27T07:31:23Z",
+      "updated_at": "2023-11-27T07:31:23Z",
+      "is_del": 0,
+      "name": "cluster-1"
+    }
+  ]
+}

cypress/fixtures/resource/task/executions.json

@@ -0,0 +1,919 @@
+[
+  {
+    "id": 11,
+    "created_at": "2024-11-01T10:07:46Z",
+    "updated_at": "2024-11-01T10:08:17Z",
+    "is_del": 0,
+    "task_id": "group_b0d76d25-a800-4a74-b577-35690b8fb75d",
+    "bio": "",
+    "type": "delete_task",
+    "state": "PENDING",
+    "args": {
+      "application": "",
+      "filtered_query_params": "X-Amz-Algorithm\u0026X-Amz-Credential\u0026X-Amz-Date\u0026X-Amz-Expires\u0026X-Amz-SignedHeaders\u0026X-Amz-Signature\u0026X-Amz-Security-Token\u0026X-Amz-User-Agent\u0026X-Goog-Algorithm\u0026X-Goog-Credential\u0026X-Goog-Date\u0026X-Goog-Expires\u0026X-Goog-SignedHeaders\u0026X-Goog-Signature\u0026OSSAccessKeyId\u0026Expires\u0026Signature\u0026SecurityToken\u0026AccessKeyId\u0026Signature\u0026Expires\u0026X-Obs-Date\u0026X-Obs-Security-Token\u0026q-sign-algorithm\u0026q-ak\u0026q-sign-time\u0026q-key-time\u0026q-header-list\u0026q-url-param-list\u0026q-signature\u0026x-cos-security-token\u0026ns",
+      "tag": "",
+      "task_id": "fe0c4a611d35e338efd342c346a2c671c358c5187c483a5fc7cd66c6685ce916",
+      "timeout": 1800000000000,
+      "url": "",
+      "piece_length": null
+    },
+    "result": {
+      "created_at": "2024-11-01T10:07:46.676343295Z",
+      "group_uuid": "group_b0d76d25-a800-4a74-b577-35690b8fb75d",
+      "job_states": [
+        {
+          "created_at": "2024-11-01T10:07:46.676343295Z",
+          "error": "",
+          "results": [
+            {
+              "failure_tasks": [
+                {
+                  "description": "task a1e21fcec1ba95d4407a83b3fc767da6de2a2fe35736c2ba3b95473229de1894 failed: rpc error: code = Unavailable desc = connection error: desc = \"transport: Error while dialing: dial tcp 172.18.0.3:4000: connect: connection refused\"",
+                  "host_type": "normal",
+                  "hostname": "kind-worker",
+                  "ip": "172.18.0.3"
+                }
+              ],
+              "scheduler_cluster_id": 1,
+              "success_tasks": []
+            }
+          ],
+          "state": "SUCCESS",
+          "task_name": "delete_task",
+          "task_uuid": "task_b3a2705f-ce57-4678-99d2-b19c0d799d01",
+          "ttl": 0
+        },
+        {
+          "created_at": "2024-11-01T10:07:46.676642087Z",
+          "error": "",
+          "results": [
+            {
+              "failure_tasks": null,
+              "scheduler_cluster_id": 1,
+              "success_tasks": null
+            }
+          ],
+          "state": "SUCCESS",
+          "task_name": "delete_task",
+          "task_uuid": "task_9d8517d5-6dce-4b67-9733-6d184dea336d",
+          "ttl": 0
+        },
+        {
+          "created_at": "2024-11-01T10:07:46.67679192Z",
+          "error": "",
+          "results": [
+            {
+              "failure_tasks": null,
+              "scheduler_cluster_id": 1,
+              "success_tasks": null
+            }
+          ],
+          "state": "SUCCESS",
+          "task_name": "delete_task",
+          "task_uuid": "task_48fe538a-1c71-4af8-b9cb-b0619f27417d",
+          "ttl": 0
+        },
+        {
+          "created_at": "2024-11-01T10:07:46.677193129Z",
+          "error": "",
+          "results": [
+            {
+              "failure_tasks": [
+                {
+                  "description": "task a1e21fcec1ba95d4407a83b3fc767da6de2a2fe35736c2ba3b95473229de1894 failed: rpc error: code = Unavailable desc = connection error: desc = \"transport: Error while dialing: dial tcp 172.18.0.3:4000: connect: connection refused\"",
+                  "host_type": "normal",
+                  "hostname": "kind-worker",
+                  "ip": "172.18.0.3"
+                }
+              ],
+              "scheduler_cluster_id": 1,
+              "success_tasks": []
+            }
+          ],
+          "state": "SUCCESS",
+          "task_name": "delete_task",
+          "task_uuid": "task_c891f33e-513c-4131-9b4d-40f485b77cac",
+          "ttl": 0
+        }
+      ],
+      "state": "PENDING",
+      "updated_at": "2024-11-01T10:08:16.695602295Z"
+    },
+    "scheduler_clusters": null
+  },
+  {
+    "id": 10,
+    "created_at": "2024-11-01T10:07:46Z",
+    "updated_at": "2024-11-01T10:08:17Z",
+    "is_del": 0,
+    "task_id": "group_b0d76d25-a800-4a74-b577-35690b8fb75d",
+    "bio": "",
+    "type": "delete_task",
+    "state": "FAILURE",
+    "args": {
+      "application": "",
+      "filtered_query_params": "X-Amz-Algorithm\u0026X-Amz-Credential\u0026X-Amz-Date\u0026X-Amz-Expires\u0026X-Amz-SignedHeaders\u0026X-Amz-Signature\u0026X-Amz-Security-Token\u0026X-Amz-User-Agent\u0026X-Goog-Algorithm\u0026X-Goog-Credential\u0026X-Goog-Date\u0026X-Goog-Expires\u0026X-Goog-SignedHeaders\u0026X-Goog-Signature\u0026OSSAccessKeyId\u0026Expires\u0026Signature\u0026SecurityToken\u0026AccessKeyId\u0026Signature\u0026Expires\u0026X-Obs-Date\u0026X-Obs-Security-Token\u0026q-sign-algorithm\u0026q-ak\u0026q-sign-time\u0026q-key-time\u0026q-header-list\u0026q-url-param-list\u0026q-signature\u0026x-cos-security-token\u0026ns",
+      "tag": "",
+      "task_id": "fe0c4a611d35e338efd342c346a2c671c358c5187c483a5fc7cd66c6685ce916",
+      "timeout": 1800000000000,
+      "url": ""
+    },
+    "result": {
+      "created_at": "2024-11-01T10:07:46.676343295Z",
+      "group_uuid": "group_b0d76d25-a800-4a74-b577-35690b8fb75d",
+      "job_states": [
+        {
+          "created_at": "2024-11-01T10:07:46.676343295Z",
+          "error": "",
+          "results": [
+            {
+              "failure_tasks": [
+                {
+                  "description": "task a1e21fcec1ba95d4407a83b3fc767da6de2a2fe35736c2ba3b95473229de1894 failed: rpc error: code = Unavailable desc = connection error: desc = \"transport: Error while dialing: dial tcp 172.18.0.3:4000: connect: connection refused\"",
+                  "host_type": "normal",
+                  "hostname": "kind-worker",
+                  "ip": "172.18.0.3"
+                }
+              ],
+              "scheduler_cluster_id": 1,
+              "success_tasks": []
+            }
+          ],
+          "state": "SUCCESS",
+          "task_name": "delete_task",
+          "task_uuid": "task_b3a2705f-ce57-4678-99d2-b19c0d799d01",
+          "ttl": 0
+        },
+        {
+          "created_at": "2024-11-01T10:07:46.676642087Z",
+          "error": "",
+          "results": [
+            {
+              "failure_tasks": null,
+              "scheduler_cluster_id": 1,
+              "success_tasks": null
+            }
+          ],
+          "state": "SUCCESS",
+          "task_name": "delete_task",
+          "task_uuid": "task_9d8517d5-6dce-4b67-9733-6d184dea336d",
+          "ttl": 0
+        },
+        {
+          "created_at": "2024-11-01T10:07:46.67679192Z",
+          "error": "",
+          "results": [
+            {
+              "failure_tasks": null,
+              "scheduler_cluster_id": 1,
+              "success_tasks": null
+            }
+          ],
+          "state": "SUCCESS",
+          "task_name": "delete_task",
+          "task_uuid": "task_48fe538a-1c71-4af8-b9cb-b0619f27417d",
+          "ttl": 0
+        },
+        {
+          "created_at": "2024-11-01T10:07:46.677193129Z",
+          "error": "",
+          "results": [
+            {
+              "failure_tasks": [
+                {
+                  "description": "task a1e21fcec1ba95d4407a83b3fc767da6de2a2fe35736c2ba3b95473229de1894 failed: rpc error: code = Unavailable desc = connection error: desc = \"transport: Error while dialing: dial tcp 172.18.0.3:4000: connect: connection refused\"",
+                  "host_type": "normal",
+                  "hostname": "kind-worker",
+                  "ip": "172.18.0.3"
+                }
+              ],
+              "scheduler_cluster_id": 1,
+              "success_tasks": []
+            }
+          ],
+          "state": "SUCCESS",
+          "task_name": "delete_task",
+          "task_uuid": "task_c891f33e-513c-4131-9b4d-40f485b77cac",
+          "ttl": 0
+        }
+      ],
+      "state": "FAILURE",
+      "updated_at": "2024-11-01T10:08:16.695602295Z"
+    },
+    "scheduler_clusters": null
+  },
+  {
+    "id": 9,
+    "created_at": "2024-11-01T10:02:44Z",
+    "updated_at": "2024-11-01T10:03:19Z",
+    "is_del": 0,
+    "task_id": "group_2803b402-0348-4039-8fb1-b62cbebf7a7d",
+    "bio": "",
+    "type": "delete_task",
+    "state": "SUCCESS",
+    "args": {
+      "application": "",
+      "filtered_query_params": "X-Amz-Algorithm\u0026X-Amz-Credential\u0026X-Amz-Date\u0026X-Amz-Expires\u0026X-Amz-SignedHeaders\u0026X-Amz-Signature\u0026X-Amz-Security-Token\u0026X-Amz-User-Agent\u0026X-Goog-Algorithm\u0026X-Goog-Credential\u0026X-Goog-Date\u0026X-Goog-Expires\u0026X-Goog-SignedHeaders\u0026X-Goog-Signature\u0026OSSAccessKeyId\u0026Expires\u0026Signature\u0026SecurityToken\u0026AccessKeyId\u0026Signature\u0026Expires\u0026X-Obs-Date\u0026X-Obs-Security-Token\u0026q-sign-algorithm\u0026q-ak\u0026q-sign-time\u0026q-key-time\u0026q-header-list\u0026q-url-param-list\u0026q-signature\u0026x-cos-security-token\u0026ns",
+      "tag": "",
+      "task_id": "aea9af454bc33e61dd24647b0dd6d023195360a6b67c7c3e0feda4713819cc38",
+      "timeout": 1800000000000,
+      "url": "https://example.com/path/to/file"
+    },
+    "result": {
+      "created_at": "2024-11-01T10:02:44.836338419Z",
+      "group_uuid": "group_2803b402-0348-4039-8fb1-b62cbebf7a7d",
+      "job_states": [
+        {
+          "created_at": "2024-11-01T10:02:44.836338419Z",
+          "error": "",
+          "results": [
+            {
+              "failure_tasks": null,
+              "scheduler_cluster_id": 1,
+              "success_tasks": null
+            }
+          ],
+          "state": "SUCCESS",
+          "task_name": "delete_task",
+          "task_uuid": "task_5b0498de-2336-4980-9aff-9a03158951b2",
+          "ttl": 0
+        },
+        {
+          "created_at": "2024-11-01T10:02:44.836845086Z",
+          "error": "",
+          "results": [
+            {
+              "failure_tasks": null,
+              "scheduler_cluster_id": 1,
+              "success_tasks": null
+            }
+          ],
+          "state": "SUCCESS",
+          "task_name": "delete_task",
+          "task_uuid": "task_14a43448-47c1-4d8c-8d7f-af74ae9380ff",
+          "ttl": 0
+        },
+        {
+          "created_at": "2024-11-01T10:02:44.836982461Z",
+          "error": "",
+          "results": [
+            {
+              "failure_tasks": [],
+              "scheduler_cluster_id": 1,
+              "success_tasks": [
+                {
+                  "host_type": "super",
+                  "hostname": "dragonfly-seed-client-2",
+                  "ip": "10.244.1.24"
+                }
+              ]
+            }
+          ],
+          "state": "SUCCESS",
+          "task_name": "delete_task",
+          "task_uuid": "task_56bdc326-d08d-41b2-8124-6eb79546ae76",
+          "ttl": 0
+        },
+        {
+          "created_at": "2024-11-01T10:02:44.837099669Z",
+          "error": "",
+          "results": [
+            {
+              "failure_tasks": null,
+              "scheduler_cluster_id": 1,
+              "success_tasks": null
+            }
+          ],
+          "state": "SUCCESS",
+          "task_name": "delete_task",
+          "task_uuid": "task_9862c330-927c-4f34-975b-d9aa9e81b638",
+          "ttl": 0
+        }
+      ],
+      "state": "SUCCESS",
+      "updated_at": "2024-11-01T10:03:18.70472913Z"
+    },
+    "scheduler_clusters": null
+  },
+  {
+    "id": 8,
+    "created_at": "2024-11-01T09:59:49Z",
+    "updated_at": "2024-11-01T10:00:19Z",
+    "is_del": 0,
+    "task_id": "group_ba382c88-b890-496d-8cee-e9fc2e689f3d",
+    "bio": "",
+    "type": "delete_task",
+    "state": "SUCCESS",
+    "args": {
+      "application": "",
+      "filtered_query_params": "X-Amz-Algorithm\u0026X-Amz-Credential\u0026X-Amz-Date\u0026X-Amz-Expires\u0026X-Amz-SignedHeaders\u0026X-Amz-Signature\u0026X-Amz-Security-Token\u0026X-Amz-User-Agent\u0026X-Goog-Algorithm\u0026X-Goog-Credential\u0026X-Goog-Date\u0026X-Goog-Expires\u0026X-Goog-SignedHeaders\u0026X-Goog-Signature\u0026OSSAccessKeyId\u0026Expires\u0026Signature\u0026SecurityToken\u0026AccessKeyId\u0026Signature\u0026Expires\u0026X-Obs-Date\u0026X-Obs-Security-Token\u0026q-sign-algorithm\u0026q-ak\u0026q-sign-time\u0026q-key-time\u0026q-header-list\u0026q-url-param-list\u0026q-signature\u0026x-cos-security-token\u0026ns",
+      "tag": "",
+      "task_id": "",
+      "timeout": 1800000000000,
+      "url": "https://example.com/path/to/file"
+    },
+    "result": {
+      "created_at": "2024-11-01T09:59:49.07231163Z",
+      "group_uuid": "group_ba382c88-b890-496d-8cee-e9fc2e689f3d",
+      "job_states": [
+        {
+          "created_at": "2024-11-01T09:59:49.07231163Z",
+          "error": "",
+          "results": [
+            {
+              "failure_tasks": null,
+              "scheduler_cluster_id": 1,
+              "success_tasks": null
+            }
+          ],
+          "state": "SUCCESS",
+          "task_name": "delete_task",
+          "task_uuid": "task_509524a6-0352-4215-972f-f408b958ef31",
+          "ttl": 0
+        },
+        {
+          "created_at": "2024-11-01T09:59:49.072495713Z",
+          "error": "",
+          "results": [
+            {
+              "failure_tasks": null,
+              "scheduler_cluster_id": 1,
+              "success_tasks": null
+            }
+          ],
+          "state": "SUCCESS",
+          "task_name": "delete_task",
+          "task_uuid": "task_61c19fe5-ef3f-4cc0-bf1b-321f3074edc7",
+          "ttl": 0
+        },
+        {
+          "created_at": "2024-11-01T09:59:49.072595088Z",
+          "error": "",
+          "results": [
+            {
+              "failure_tasks": [],
+              "scheduler_cluster_id": 1,
+              "success_tasks": [
+                {
+                  "host_type": "super",
+                  "hostname": "dragonfly-seed-client-1",
+                  "ip": "10.244.2.22"
+                }
+              ]
+            }
+          ],
+          "state": "SUCCESS",
+          "task_name": "delete_task",
+          "task_uuid": "task_0a76d86c-ab9a-4d6b-95cd-6327aa60df92",
+          "ttl": 0
+        },
+        {
+          "created_at": "2024-11-01T09:59:49.072690005Z",
+          "error": "",
+          "results": [
+            {
+              "failure_tasks": null,
+              "scheduler_cluster_id": 1,
+              "success_tasks": null
+            }
+          ],
+          "state": "SUCCESS",
+          "task_name": "delete_task",
+          "task_uuid": "task_39bf1704-5ae6-4000-8959-fa3511c6632d",
+          "ttl": 0
+        }
+      ],
+      "state": "SUCCESS",
+      "updated_at": "2024-11-01T10:00:19.091528713Z"
+    },
+    "scheduler_clusters": null
+  },
+  {
+    "id": 7,
+    "created_at": "2024-11-01T09:56:31Z",
+    "updated_at": "2024-11-01T09:57:02Z",
+    "is_del": 0,
+    "task_id": "group_4981bbfd-84e7-42cc-bf15-2f08a45cd2a0",
+    "bio": "",
+    "type": "delete_task",
+    "state": "SUCCESS",
+    "args": {
+      "application": "",
+      "filtered_query_params": "X-Amz-Algorithm\u0026X-Amz-Credential\u0026X-Amz-Date\u0026X-Amz-Expires\u0026X-Amz-SignedHeaders\u0026X-Amz-Signature\u0026X-Amz-Security-Token\u0026X-Amz-User-Agent\u0026X-Goog-Algorithm\u0026X-Goog-Credential\u0026X-Goog-Date\u0026X-Goog-Expires\u0026X-Goog-SignedHeaders\u0026X-Goog-Signature\u0026OSSAccessKeyId\u0026Expires\u0026Signature\u0026SecurityToken\u0026AccessKeyId\u0026Signature\u0026Expires\u0026X-Obs-Date\u0026X-Obs-Security-Token\u0026q-sign-algorithm\u0026q-ak\u0026q-sign-time\u0026q-key-time\u0026q-header-list\u0026q-url-param-list\u0026q-signature\u0026x-cos-security-token\u0026ns",
+      "tag": "",
+      "task_id": "",
+      "timeout": 1800000000000,
+      "url": "https://example.com/path/to/file"
+    },
+    "result": {
+      "created_at": "2024-11-01T09:56:31.537420427Z",
+      "group_uuid": "group_4981bbfd-84e7-42cc-bf15-2f08a45cd2a0",
+      "job_states": [
+        {
+          "created_at": "2024-11-01T09:56:31.537420427Z",
+          "error": "",
+          "results": [
+            {
+              "failure_tasks": null,
+              "scheduler_cluster_id": 1,
+              "success_tasks": null
+            }
+          ],
+          "state": "SUCCESS",
+          "task_name": "delete_task",
+          "task_uuid": "task_a09a50d2-60bb-49e4-a00e-c3954f3a2ea2",
+          "ttl": 0
+        },
+        {
+          "created_at": "2024-11-01T09:56:31.537710011Z",
+          "error": "",
+          "results": [
+            {
+              "failure_tasks": [],
+              "scheduler_cluster_id": 1,
+              "success_tasks": [
+                {
+                  "host_type": "super",
+                  "hostname": "dragonfly-seed-client-0",
+                  "ip": "10.244.1.26"
+                }
+              ]
+            }
+          ],
+          "state": "SUCCESS",
+          "task_name": "delete_task",
+          "task_uuid": "task_22aa3380-ee50-404f-9580-aa42811d264a",
+          "ttl": 0
+        },
+        {
+          "created_at": "2024-11-01T09:56:31.538062011Z",
+          "error": "",
+          "results": [
+            {
+              "failure_tasks": null,
+              "scheduler_cluster_id": 1,
+              "success_tasks": null
+            }
+          ],
+          "state": "SUCCESS",
+          "task_name": "delete_task",
+          "task_uuid": "task_2459ee96-8d0a-4657-9658-ee082dfad605",
+          "ttl": 0
+        },
+        {
+          "created_at": "2024-11-01T09:56:31.538519219Z",
+          "error": "",
+          "results": [
+            {
+              "failure_tasks": null,
+              "scheduler_cluster_id": 1,
+              "success_tasks": null
+            }
+          ],
+          "state": "SUCCESS",
+          "task_name": "delete_task",
+          "task_uuid": "task_b9a4ef50-1432-445f-9c7a-d9c2896ed8ac",
+          "ttl": 0
+        }
+      ],
+      "state": "SUCCESS",
+      "updated_at": "2024-11-01T09:57:01.559297719Z"
+    },
+    "scheduler_clusters": null
+  },
+  {
+    "id": 6,
+    "created_at": "2024-11-01T09:54:04Z",
+    "updated_at": "2024-11-01T09:54:05Z",
+    "is_del": 0,
+    "task_id": "group_04350d4a-cf51-4e22-b922-bf205e66dfdc",
+    "bio": "",
+    "type": "delete_task",
+    "state": "SUCCESS",
+    "args": {
+      "application": "",
+      "filtered_query_params": "X-Amz-Algorithm\u0026X-Amz-Credential\u0026X-Amz-Date\u0026X-Amz-Expires\u0026X-Amz-SignedHeaders\u0026X-Amz-Signature\u0026X-Amz-Security-Token\u0026X-Amz-User-Agent\u0026X-Goog-Algorithm\u0026X-Goog-Credential\u0026X-Goog-Date\u0026X-Goog-Expires\u0026X-Goog-SignedHeaders\u0026X-Goog-Signature\u0026OSSAccessKeyId\u0026Expires\u0026Signature\u0026SecurityToken\u0026AccessKeyId\u0026Signature\u0026Expires\u0026X-Obs-Date\u0026X-Obs-Security-Token\u0026q-sign-algorithm\u0026q-ak\u0026q-sign-time\u0026q-key-time\u0026q-header-list\u0026q-url-param-list\u0026q-signature\u0026x-cos-security-token\u0026ns",
+      "tag": "",
+      "task_id": "",
+      "timeout": 1800000000000,
+      "url": "https://example.com/path/to/file"
+    },
+    "result": {
+      "created_at": "2024-11-01T09:54:04.883390304Z",
+      "group_uuid": "group_04350d4a-cf51-4e22-b922-bf205e66dfdc",
+      "job_states": [
+        {
+          "created_at": "2024-11-01T09:54:04.883390304Z",
+          "error": "",
+          "results": [
+            {
+              "failure_tasks": null,
+              "scheduler_cluster_id": 1,
+              "success_tasks": null
+            }
+          ],
+          "state": "SUCCESS",
+          "task_name": "delete_task",
+          "task_uuid": "task_5a72a069-1ece-44b1-bad1-4f59256e5dd2",
+          "ttl": 0
+        },
+        {
+          "created_at": "2024-11-01T09:54:04.883557971Z",
+          "error": "",
+          "results": [
+            {
+              "failure_tasks": [],
+              "scheduler_cluster_id": 1,
+              "success_tasks": []
+            }
+          ],
+          "state": "SUCCESS",
+          "task_name": "delete_task",
+          "task_uuid": "task_c0114ad0-a8e8-4a12-870f-632bba987a92",
+          "ttl": 0
+        },
+        {
+          "created_at": "2024-11-01T09:54:04.883668346Z",
+          "error": "",
+          "results": [
+            {
+              "failure_tasks": null,
+              "scheduler_cluster_id": 1,
+              "success_tasks": null
+            }
+          ],
+          "state": "SUCCESS",
+          "task_name": "delete_task",
+          "task_uuid": "task_09b26568-8f29-41c9-80cb-a4b24fc04d14",
+          "ttl": 0
+        },
+        {
+          "created_at": "2024-11-01T09:54:04.883761096Z",
+          "error": "",
+          "results": [
+            {
+              "failure_tasks": null,
+              "scheduler_cluster_id": 1,
+              "success_tasks": null
+            }
+          ],
+          "state": "SUCCESS",
+          "task_name": "delete_task",
+          "task_uuid": "task_5d594ecb-2ba3-4257-87fe-a939eb974cb5",
+          "ttl": 0
+        }
+      ],
+      "state": "SUCCESS",
+      "updated_at": "2024-11-01T09:54:04.895802304Z"
+    },
+    "scheduler_clusters": null
+  },
+  {
+    "id": 5,
+    "created_at": "2024-11-01T09:34:14Z",
+    "updated_at": "2024-11-01T09:34:14Z",
+    "is_del": 0,
+    "task_id": "group_e278de40-2617-406b-9815-e0f423a482e3",
+    "bio": "",
+    "type": "delete_task",
+    "state": "SUCCESS",
+    "args": {
+      "application": "",
+      "filtered_query_params": "X-Amz-Algorithm\u0026X-Amz-Credential\u0026X-Amz-Date\u0026X-Amz-Expires\u0026X-Amz-SignedHeaders\u0026X-Amz-Signature\u0026X-Amz-Security-Token\u0026X-Amz-User-Agent\u0026X-Goog-Algorithm\u0026X-Goog-Credential\u0026X-Goog-Date\u0026X-Goog-Expires\u0026X-Goog-SignedHeaders\u0026X-Goog-Signature\u0026OSSAccessKeyId\u0026Expires\u0026Signature\u0026SecurityToken\u0026AccessKeyId\u0026Signature\u0026Expires\u0026X-Obs-Date\u0026X-Obs-Security-Token\u0026q-sign-algorithm\u0026q-ak\u0026q-sign-time\u0026q-key-time\u0026q-header-list\u0026q-url-param-list\u0026q-signature\u0026x-cos-security-token\u0026ns",
+      "tag": "",
+      "task_id": "",
+      "timeout": 1800000000000,
+      "url": "https://example.com/path/to/file"
+    },
+    "result": {
+      "created_at": "2024-11-01T09:34:14.312378294Z",
+      "group_uuid": "group_e278de40-2617-406b-9815-e0f423a482e3",
+      "job_states": [
+        {
+          "created_at": "2024-11-01T09:34:14.312378294Z",
+          "error": "",
+          "results": [
+            {
+              "failure_tasks": null,
+              "scheduler_cluster_id": 1,
+              "success_tasks": null
+            }
+          ],
+          "state": "SUCCESS",
+          "task_name": "delete_task",
+          "task_uuid": "task_30ee8609-9c28-4411-bb2b-d6a9c7ab15e9",
+          "ttl": 0
+        },
+        {
+          "created_at": "2024-11-01T09:34:14.312598711Z",
+          "error": "",
+          "results": [
+            {
+              "failure_tasks": null,
+              "scheduler_cluster_id": 1,
+              "success_tasks": null
+            }
+          ],
+          "state": "SUCCESS",
+          "task_name": "delete_task",
+          "task_uuid": "task_cb88ce77-09cf-4d83-9720-12e05f356dff",
+          "ttl": 0
+        },
+        {
+          "created_at": "2024-11-01T09:34:14.312772211Z",
+          "error": "",
+          "results": [
+            {
+              "failure_tasks": [],
+              "scheduler_cluster_id": 1,
+              "success_tasks": []
+            }
+          ],
+          "state": "SUCCESS",
+          "task_name": "delete_task",
+          "task_uuid": "task_398d1ff1-d57b-42e4-a4e1-3b9f3ee780f1",
+          "ttl": 0
+        },
+        {
+          "created_at": "2024-11-01T09:34:14.312926294Z",
+          "error": "",
+          "results": [
+            {
+              "failure_tasks": null,
+              "scheduler_cluster_id": 1,
+              "success_tasks": null
+            }
+          ],
+          "state": "SUCCESS",
+          "task_name": "delete_task",
+          "task_uuid": "task_5529227b-3d76-4f9c-8359-1765590e38d1",
+          "ttl": 0
+        }
+      ],
+      "state": "SUCCESS",
+      "updated_at": "2024-11-01T09:34:14.319862503Z"
+    },
+    "scheduler_clusters": null
+  },
+  {
+    "id": 4,
+    "created_at": "2024-11-01T09:32:30Z",
+    "updated_at": "2024-11-01T09:32:30Z",
+    "is_del": 0,
+    "task_id": "group_11d7e8f0-f278-4f2a-b2b9-d3e731999e25",
+    "bio": "",
+    "type": "delete_task",
+    "state": "SUCCESS",
+    "args": {
+      "application": "",
+      "filtered_query_params": "X-Amz-Algorithm\u0026X-Amz-Credential\u0026X-Amz-Date\u0026X-Amz-Expires\u0026X-Amz-SignedHeaders\u0026X-Amz-Signature\u0026X-Amz-Security-Token\u0026X-Amz-User-Agent\u0026X-Goog-Algorithm\u0026X-Goog-Credential\u0026X-Goog-Date\u0026X-Goog-Expires\u0026X-Goog-SignedHeaders\u0026X-Goog-Signature\u0026OSSAccessKeyId\u0026Expires\u0026Signature\u0026SecurityToken\u0026AccessKeyId\u0026Signature\u0026Expires\u0026X-Obs-Date\u0026X-Obs-Security-Token\u0026q-sign-algorithm\u0026q-ak\u0026q-sign-time\u0026q-key-time\u0026q-header-list\u0026q-url-param-list\u0026q-signature\u0026x-cos-security-token\u0026ns",
+      "tag": "",
+      "task_id": "",
+      "timeout": 1800000000000,
+      "url": "https://example.com/path/to/file"
+    },
+    "result": {
+      "created_at": "2024-11-01T09:32:30.001617594Z",
+      "group_uuid": "group_11d7e8f0-f278-4f2a-b2b9-d3e731999e25",
+      "job_states": [
+        {
+          "created_at": "2024-11-01T09:32:30.001617594Z",
+          "error": "",
+          "results": [
+            {
+              "failure_tasks": null,
+              "scheduler_cluster_id": 1,
+              "success_tasks": null
+            }
+          ],
+          "state": "SUCCESS",
+          "task_name": "delete_task",
+          "task_uuid": "task_dfe115d9-f390-4762-9d3f-fd77f2bb701b",
+          "ttl": 0
+        },
+        {
+          "created_at": "2024-11-01T09:32:30.001825219Z",
+          "error": "",
+          "results": [
+            {
+              "failure_tasks": null,
+              "scheduler_cluster_id": 1,
+              "success_tasks": null
+            }
+          ],
+          "state": "SUCCESS",
+          "task_name": "delete_task",
+          "task_uuid": "task_6429df22-4c56-4fd7-a661-d24ac3ca0799",
+          "ttl": 0
+        },
+        {
+          "created_at": "2024-11-01T09:32:30.001933969Z",
+          "error": "",
+          "results": [
+            {
+              "failure_tasks": [],
+              "scheduler_cluster_id": 1,
+              "success_tasks": []
+            }
+          ],
+          "state": "SUCCESS",
+          "task_name": "delete_task",
+          "task_uuid": "task_7f77d628-b08a-4742-9e71-b339256c3b26",
+          "ttl": 0
+        },
+        {
+          "created_at": "2024-11-01T09:32:30.002039177Z",
+          "error": "",
+          "results": [
+            {
+              "failure_tasks": null,
+              "scheduler_cluster_id": 1,
+              "success_tasks": null
+            }
+          ],
+          "state": "SUCCESS",
+          "task_name": "delete_task",
+          "task_uuid": "task_3bd16a73-5c67-48d7-b8f1-6e272be554e3",
+          "ttl": 0
+        }
+      ],
+      "state": "SUCCESS",
+      "updated_at": "2024-11-01T09:32:30.011738344Z"
+    },
+    "scheduler_clusters": null
+  },
+  {
+    "id": 3,
+    "created_at": "2024-11-01T09:28:11Z",
+    "updated_at": "2024-11-01T09:28:12Z",
+    "is_del": 0,
+    "task_id": "group_f4eef3fd-2b68-43c3-9a4b-3c2abae80425",
+    "bio": "",
+    "type": "delete_task",
+    "state": "SUCCESS",
+    "args": {
+      "application": "",
+      "filtered_query_params": "X-Amz-Algorithm\u0026X-Amz-Credential\u0026X-Amz-Date\u0026X-Amz-Expires\u0026X-Amz-SignedHeaders\u0026X-Amz-Signature\u0026X-Amz-Security-Token\u0026X-Amz-User-Agent\u0026X-Goog-Algorithm\u0026X-Goog-Credential\u0026X-Goog-Date\u0026X-Goog-Expires\u0026X-Goog-SignedHeaders\u0026X-Goog-Signature\u0026OSSAccessKeyId\u0026Expires\u0026Signature\u0026SecurityToken\u0026AccessKeyId\u0026Signature\u0026Expires\u0026X-Obs-Date\u0026X-Obs-Security-Token\u0026q-sign-algorithm\u0026q-ak\u0026q-sign-time\u0026q-key-time\u0026q-header-list\u0026q-url-param-list\u0026q-signature\u0026x-cos-security-token\u0026ns",
+      "tag": "",
+      "task_id": "sdfdsps",
+      "timeout": 1800000000000,
+      "url": ""
+    },
+    "result": {
+      "created_at": "2024-11-01T09:28:11.774771335Z",
+      "group_uuid": "group_f4eef3fd-2b68-43c3-9a4b-3c2abae80425",
+      "job_states": [
+        {
+          "created_at": "2024-11-01T09:28:11.774771335Z",
+          "error": "",
+          "results": [
+            {
+              "failure_tasks": null,
+              "scheduler_cluster_id": 1,
+              "success_tasks": null
+            }
+          ],
+          "state": "SUCCESS",
+          "task_name": "delete_task",
+          "task_uuid": "task_94f08374-3f23-440e-8cf0-88c994565319",
+          "ttl": 0
+        },
+        {
+          "created_at": "2024-11-01T09:28:11.775160668Z",
+          "error": "",
+          "results": [
+            {
+              "failure_tasks": null,
+              "scheduler_cluster_id": 1,
+              "success_tasks": null
+            }
+          ],
+          "state": "SUCCESS",
+          "task_name": "delete_task",
+          "task_uuid": "task_72a665ea-3959-4e12-a6c0-af00ce3a74ff",
+          "ttl": 0
+        },
+        {
+          "created_at": "2024-11-01T09:28:11.775705877Z",
+          "error": "",
+          "results": [
+            {
+              "failure_tasks": null,
+              "scheduler_cluster_id": 1,
+              "success_tasks": null
+            }
+          ],
+          "state": "SUCCESS",
+          "task_name": "delete_task",
+          "task_uuid": "task_a0268a7a-f5fa-46ef-823d-6029d1fad7e6",
+          "ttl": 0
+        },
+        {
+          "created_at": "2024-11-01T09:28:11.776120002Z",
+          "error": "",
+          "results": [
+            {
+              "failure_tasks": null,
+              "scheduler_cluster_id": 1,
+              "success_tasks": null
+            }
+          ],
+          "state": "SUCCESS",
+          "task_name": "delete_task",
+          "task_uuid": "task_3bce71dd-0d38-41eb-a24a-5d867c1bf22a",
+          "ttl": 0
+        }
+      ],
+      "state": "SUCCESS",
+      "updated_at": "2024-11-01T09:28:11.790449835Z"
+    },
+    "scheduler_clusters": null
+  },
+  {
+    "id": 2,
+    "created_at": "2024-11-01T09:25:05Z",
+    "updated_at": "2024-11-01T09:25:05Z",
+    "is_del": 0,
+    "task_id": "group_d9b8c7d2-f8ba-496b-99da-7d1e262a59ee",
+    "bio": "",
+    "type": "delete_task",
+    "state": "SUCCESS",
+    "args": {
+      "application": "",
+      "filtered_query_params": "X-Amz-Algorithm\u0026X-Amz-Credential\u0026X-Amz-Date\u0026X-Amz-Expires\u0026X-Amz-SignedHeaders\u0026X-Amz-Signature\u0026X-Amz-Security-Token\u0026X-Amz-User-Agent\u0026X-Goog-Algorithm\u0026X-Goog-Credential\u0026X-Goog-Date\u0026X-Goog-Expires\u0026X-Goog-SignedHeaders\u0026X-Goog-Signature\u0026OSSAccessKeyId\u0026Expires\u0026Signature\u0026SecurityToken\u0026AccessKeyId\u0026Signature\u0026Expires\u0026X-Obs-Date\u0026X-Obs-Security-Token\u0026q-sign-algorithm\u0026q-ak\u0026q-sign-time\u0026q-key-time\u0026q-header-list\u0026q-url-param-list\u0026q-signature\u0026x-cos-security-token\u0026ns",
+      "tag": "",
+      "task_id": "sdfdsss",
+      "timeout": 1800000000000,
+      "url": ""
+    },
+    "result": {
+      "created_at": "2024-11-01T09:25:05.260432054Z",
+      "group_uuid": "group_d9b8c7d2-f8ba-496b-99da-7d1e262a59ee",
+      "job_states": [
+        {
+          "created_at": "2024-11-01T09:25:05.260432054Z",
+          "error": "",
+          "results": [
+            {
+              "failure_tasks": null,
+              "scheduler_cluster_id": 1,
+              "success_tasks": null
+            }
+          ],
+          "state": "SUCCESS",
+          "task_name": "delete_task",
+          "task_uuid": "task_000928e7-7d0d-4177-991b-2c4564a38e98",
+          "ttl": 0
+        },
+        {
+          "created_at": "2024-11-01T09:25:05.260758429Z",
+          "error": "",
+          "results": [
+            {
+              "failure_tasks": null,
+              "scheduler_cluster_id": 1,
+              "success_tasks": null
+            }
+          ],
+          "state": "SUCCESS",
+          "task_name": "delete_task",
+          "task_uuid": "task_73c03072-4db3-468a-b22b-16631cfa48fe",
+          "ttl": 0
+        },
+        {
+          "created_at": "2024-11-01T09:25:05.261007846Z",
+          "error": "",
+          "results": [
+            {
+              "failure_tasks": null,
+              "scheduler_cluster_id": 1,
+              "success_tasks": null
+            }
+          ],
+          "state": "SUCCESS",
+          "task_name": "delete_task",
+          "task_uuid": "task_bc777067-f466-4cda-9046-1a1c131e2d8d",
+          "ttl": 0
+        },
+        {
+          "created_at": "2024-11-01T09:25:05.261192054Z",
+          "error": "",
+          "results": [
+            {
+              "failure_tasks": null,
+              "scheduler_cluster_id": 1,
+              "success_tasks": null
+            }
+          ],
+          "state": "SUCCESS",
+          "task_name": "delete_task",
+          "task_uuid": "task_22032823-5c3e-4a7a-b1c2-341ee423d76c",
+          "ttl": 0
+        }
+      ],
+      "state": "SUCCESS",
+      "updated_at": "2024-11-01T09:25:05.268218346Z"
+    },
+    "scheduler_clusters": null
+  }
+]

cypress/fixtures/resource/task/failure-execution.json

@@ -0,0 +1,82 @@
+{
+  "id": 10,
+  "created_at": "2024-11-01T10:07:46Z",
+  "updated_at": "2024-11-01T10:08:17Z",
+  "is_del": 0,
+  "task_id": "group_b0d76d25-a800-4a74-b577-35690b8fb75d",
+  "bio": "",
+  "type": "delete_task",
+  "state": "FAILURE",
+  "args": {
+    "application": "execution-application",
+    "content_for_calculating_task_id": null,
+    "filtered_query_params": "X-Amz-Algorithm\u0026X-Amz-Credential\u0026X-Amz-Date\u0026X-Amz-Expires\u0026X-Amz-SignedHeaders\u0026X-Amz-Signature\u0026X-Amz-Security-Token\u0026X-Amz-User-Agent\u0026X-Goog-Algorithm\u0026X-Goog-Credential\u0026X-Goog-Date\u0026X-Goog-Expires\u0026X-Goog-SignedHeaders\u0026X-Goog-Signature\u0026OSSAccessKeyId\u0026Expires\u0026Signature\u0026SecurityToken\u0026AccessKeyId\u0026Signature\u0026Expires\u0026X-Obs-Date\u0026X-Obs-Security-Token\u0026q-sign-algorithm\u0026q-ak\u0026q-sign-time\u0026q-key-time\u0026q-header-list\u0026q-url-param-list\u0026q-signature\u0026x-cos-security-token\u0026ns",
+    "tag": "execution-tag",
+    "task_id": "fe0c4a611d35e338efd342c346a2c671c358c5187c483a5fc7cd66c6685ce916",
+    "timeout": 1800000000000,
+    "url": "",
+    "piece_length": 4194304
+  },
+  "result": {
+    "created_at": "2024-11-01T10:07:46.676343295Z",
+    "group_uuid": "group_b0d76d25-a800-4a74-b577-35690b8fb75d",
+    "job_states": [
+      {
+        "created_at": "2024-11-01T10:07:46.676343295Z",
+        "error": "rpc error: code = Aborted desc = source response 401/401 Unauthorized is not valid",
+        "results": [
+          {
+            "failure_tasks": [],
+            "scheduler_cluster_id": 1,
+            "success_tasks": []
+          }
+        ],
+        "state": "SUCCESS",
+        "task_name": "delete_task",
+        "task_uuid": "task_b3a2705f-ce57-4678-99d2-b19c0d799d01",
+        "ttl": 0
+      },
+      {
+        "created_at": "2024-11-01T10:07:46.676642087Z",
+        "error": "rpc error: code = Aborted desc = source response 401/401 Unauthorized is not valid",
+        "results": [
+          {
+            "failure_tasks": null,
+            "scheduler_cluster_id": 1,
+            "success_tasks": null
+          }
+        ],
+        "state": "SUCCESS",
+        "task_name": "delete_task",
+        "task_uuid": "task_9d8517d5-6dce-4b67-9733-6d184dea336d",
+        "ttl": 0
+      },
+      {
+        "created_at": "2024-11-01T10:07:46.67679192Z",
+        "error": "",
+        "results": [
+          {
+            "failure_tasks": null,
+            "scheduler_cluster_id": 1,
+            "success_tasks": null
+          }
+        ],
+        "state": "SUCCESS",
+        "task_name": "delete_task",
+        "task_uuid": "task_48fe538a-1c71-4af8-b9cb-b0619f27417d",
+        "ttl": 0
+      }
+    ],
+    "state": "FAILURE",
+    "updated_at": "2024-11-01T10:08:16.695602295Z"
+  },
+  "scheduler_clusters": [
+    {
+      "id": 1,
+      "created_at": "2023-11-27T07:31:23Z",
+      "updated_at": "2023-11-27T07:31:23Z",
+      "is_del": 0,
+      "name": "cluster-1"
+    }
+  ]
+}

cypress/fixtures/resource/task/failure-executions.json

@@ -0,0 +1,104 @@
+[
+  {
+    "id": 10,
+    "created_at": "2024-11-01T10:07:46Z",
+    "updated_at": "2024-11-01T10:08:17Z",
+    "is_del": 0,
+    "task_id": "group_b0d76d25-a800-4a74-b577-35690b8fb75d",
+    "bio": "",
+    "type": "delete_task",
+    "state": "FAILURE",
+    "args": {
+      "application": "",
+      "filtered_query_params": "X-Amz-Algorithm\u0026X-Amz-Credential\u0026X-Amz-Date\u0026X-Amz-Expires\u0026X-Amz-SignedHeaders\u0026X-Amz-Signature\u0026X-Amz-Security-Token\u0026X-Amz-User-Agent\u0026X-Goog-Algorithm\u0026X-Goog-Credential\u0026X-Goog-Date\u0026X-Goog-Expires\u0026X-Goog-SignedHeaders\u0026X-Goog-Signature\u0026OSSAccessKeyId\u0026Expires\u0026Signature\u0026SecurityToken\u0026AccessKeyId\u0026Signature\u0026Expires\u0026X-Obs-Date\u0026X-Obs-Security-Token\u0026q-sign-algorithm\u0026q-ak\u0026q-sign-time\u0026q-key-time\u0026q-header-list\u0026q-url-param-list\u0026q-signature\u0026x-cos-security-token\u0026ns",
+      "tag": "",
+      "task_id": "fe0c4a611d35e338efd342c346a2c671c358c5187c483a5fc7cd66c6685ce916",
+      "timeout": 1800000000000,
+      "url": "",
+      "piece_length": 4194304
+    },
+    "result": {
+      "created_at": "2024-11-01T10:07:46.676343295Z",
+      "group_uuid": "group_b0d76d25-a800-4a74-b577-35690b8fb75d",
+      "job_states": [
+        {
+          "created_at": "2024-11-01T10:07:46.676343295Z",
+          "error": "",
+          "results": [
+            {
+              "failure_tasks": [
+                {
+                  "description": "task a1e21fcec1ba95d4407a83b3fc767da6de2a2fe35736c2ba3b95473229de1894 failed: rpc error: code = Unavailable desc = connection error: desc = \"transport: Error while dialing: dial tcp 172.18.0.3:4000: connect: connection refused\"",
+                  "host_type": "normal",
+                  "hostname": "kind-worker",
+                  "ip": "172.18.0.3"
+                }
+              ],
+              "scheduler_cluster_id": 1,
+              "success_tasks": []
+            }
+          ],
+          "state": "SUCCESS",
+          "task_name": "delete_task",
+          "task_uuid": "task_b3a2705f-ce57-4678-99d2-b19c0d799d01",
+          "ttl": 0
+        },
+        {
+          "created_at": "2024-11-01T10:07:46.676642087Z",
+          "error": "",
+          "results": [
+            {
+              "failure_tasks": null,
+              "scheduler_cluster_id": 1,
+              "success_tasks": null
+            }
+          ],
+          "state": "SUCCESS",
+          "task_name": "delete_task",
+          "task_uuid": "task_9d8517d5-6dce-4b67-9733-6d184dea336d",
+          "ttl": 0
+        },
+        {
+          "created_at": "2024-11-01T10:07:46.67679192Z",
+          "error": "",
+          "results": [
+            {
+              "failure_tasks": null,
+              "scheduler_cluster_id": 1,
+              "success_tasks": null
+            }
+          ],
+          "state": "SUCCESS",
+          "task_name": "delete_task",
+          "task_uuid": "task_48fe538a-1c71-4af8-b9cb-b0619f27417d",
+          "ttl": 0
+        },
+        {
+          "created_at": "2024-11-01T10:07:46.677193129Z",
+          "error": "",
+          "results": [
+            {
+              "failure_tasks": [
+                {
+                  "description": "task a1e21fcec1ba95d4407a83b3fc767da6de2a2fe35736c2ba3b95473229de1894 failed: rpc error: code = Unavailable desc = connection error: desc = \"transport: Error while dialing: dial tcp 172.18.0.3:4000: connect: connection refused\"",
+                  "host_type": "normal",
+                  "hostname": "kind-worker",
+                  "ip": "172.18.0.3"
+                }
+              ],
+              "scheduler_cluster_id": 1,
+              "success_tasks": []
+            }
+          ],
+          "state": "SUCCESS",
+          "task_name": "delete_task",
+          "task_uuid": "task_c891f33e-513c-4131-9b4d-40f485b77cac",
+          "ttl": 0
+        }
+      ],
+      "state": "FAILURE",
+      "updated_at": "2024-11-01T10:08:16.695602295Z"
+    },
+    "scheduler_clusters": null
+  }
+]

cypress/fixtures/resource/task/image-manifest-url-task.json

@@ -0,0 +1,133 @@
+{
+  "image": {
+    "layers": [
+      {
+        "url": "https://ghcr.io/v2/dragonflyoss/scheduler/blobs/sha256:f1f1039835051ecc04909f939530e86a20f02d2ce5ad7a81c0fa3616f7303944"
+      },
+      {
+        "url": "https://ghcr.io/v2/dragonflyoss/scheduler/blobs/sha256:c1d6d1b2d5a367259e6e51a7f4d1ccd66a28cc9940d6599d8a8ea9544dd4b4a8"
+      },
+      {
+        "url": "https://ghcr.io/v2/dragonflyoss/scheduler/blobs/sha256:871ab018db94b4ae7b137764837bc4504393a60656ba187189e985cd809064f7"
+      },
+      {
+        "url": "https://ghcr.io/v2/dragonflyoss/scheduler/blobs/sha256:f1a1d290795d904815786e41d39a41dc1af5de68a9e9020baba8bd83b32d8f95"
+      },
+      {
+        "url": "https://ghcr.io/v2/dragonflyoss/scheduler/blobs/sha256:f1ffc4b5459e82dc8e7ddd1d1a2ec469e85a1f076090c22851a1f2ce6f71e1a6"
+      }
+    ]
+  },
+  "peers": [
+    {
+      "ip": "172.18.0.4",
+      "hostname": "kind-worker1",
+      "cached_layers": [
+        {
+          "url": "https://ghcr.io/v2/dragonflyoss/scheduler/blobs/sha256:f1ffc4b5459e82dc8e7ddd1d1a2ec469e85a1f076090c22851a1f2ce6f71e1a6?format=json"
+        },
+        {
+          "url": "https://ghcr.io/v2/dragonflyoss/scheduler/blobs/sha256:c1d6d1b2d5a367259e6e51a7f4d1ccd66a28cc9940d6599d8a8ea9544dd4b4a8"
+        },
+        {
+          "url": "https://ghcr.io/v2/dragonflyoss/scheduler/blobs/sha256:c1d6d1b2d5a367259e6e51a7f4d1ccd66a28cc9940d6599d8a8ea9544dd4b4a7"
+        }
+      ],
+      "scheduler_cluster_id": 1
+    },
+    {
+      "ip": "172.18.0.4",
+      "hostname": "kind-worker2",
+      "cached_layers": [
+        {
+          "url": "https://ghcr.io/v2/dragonflyoss/scheduler/blobs/sha256:f1f1039835051ecc04909f939530e86a20f02d2ce5ad7a81c0fa3616f7303944"
+        },
+        {
+          "url": "https://ghcr.io/v2/dragonflyoss/scheduler/blobs/sha256:871ab018db94b4ae7b137764837bc4504393a60656ba187189e985cd809064f7"
+        }
+      ],
+      "scheduler_cluster_id": 1
+    },
+    {
+      "ip": "172.18.0.4",
+      "hostname": "kind-worker3",
+      "cached_layers": [
+        {
+          "url": "https://ghcr.io/v2/dragonflyoss/scheduler/blobs/sha256:f1ffc4b5459e82dc8e7ddd1d1a2ec469e85a1f076090c22851a1f2ce6f71e1a6"
+        },
+        {
+          "url": "https://ghcr.io/v2/dragonflyoss/scheduler/blobs/sha256:c1d6d1b2d5a367259e6e51a7f4d1ccd66a28cc9940d6599d8a8ea9544dd4b4a8"
+        }
+      ],
+      "scheduler_cluster_id": 1
+    },
+    {
+      "ip": "172.18.0.4",
+      "hostname": "kind-worker4",
+      "cached_layers": [
+        {
+          "url": "https://ghcr.io/v2/dragonflyoss/scheduler/blobs/sha256:f1f1039835051ecc04909f939530e86a20f02d2ce5ad7a81c0fa3616f7303944"
+        },
+        {
+          "url": "https://ghcr.io/v2/dragonflyoss/scheduler/blobs/sha256:871ab018db94b4ae7b137764837bc4504393a60656ba187189e985cd809064f7"
+        }
+      ],
+      "scheduler_cluster_id": 1
+    },
+    {
+      "ip": "172.18.0.4",
+      "hostname": "kind-worker5",
+      "cached_layers": [
+        {
+          "url": "https://ghcr.io/v2/dragonflyoss/scheduler/blobs/sha256:f1ffc4b5459e82dc8e7ddd1d1a2ec469e85a1f076090c22851a1f2ce6f71e1a6"
+        },
+        {
+          "url": "https://ghcr.io/v2/dragonflyoss/scheduler/blobs/sha256:c1d6d1b2d5a367259e6e51a7f4d1ccd66a28cc9940d6599d8a8ea9544dd4b4a8"
+        }
+      ],
+      "scheduler_cluster_id": 1
+    },
+    {
+      "ip": "172.18.0.4",
+      "hostname": "kind-worker6",
+      "cached_layers": [
+        {
+          "url": "https://ghcr.io/v2/dragonflyoss/scheduler/blobs/sha256:f1f1039835051ecc04909f939530e86a20f02d2ce5ad7a81c0fa3616f7303944"
+        },
+        {
+          "url": "https://ghcr.io/v2/dragonflyoss/scheduler/blobs/sha256:871ab018db94b4ae7b137764837bc4504393a60656ba187189e985cd809064f7"
+        }
+      ],
+      "scheduler_cluster_id": 1
+    },
+    {
+      "ip": "172.18.0.3",
+      "hostname": "kind-worker7",
+      "cached_layers": [
+        {
+          "url": "https://ghcr.io/v2/dragonflyoss/scheduler/blobs/sha256:f1f1039835051ecc04909f939530e86a20f02d2ce5ad7a81c0fa3616f7303944"
+        },
+        {
+          "url": "https://ghcr.io/v2/dragonflyoss/scheduler/blobs/sha256:871ab018db94b4ae7b137764837bc4504393a60656ba187189e985cd809064f7"
+        }
+      ],
+      "scheduler_cluster_id": 2
+    },
+    {
+      "ip": "172.18.0.3",
+      "hostname": "kind-worker8",
+      "cached_layers": [
+        {
+          "url": "https://ghcr.io/v2/dragonflyoss/scheduler/blobs/sha256:f1f1039835051ecc04909f939530e86a20f02d2ce5ad7a81c0fa3616f7303944"
+        },
+        {
+          "url": "https://ghcr.io/v2/dragonflyoss/scheduler/blobs/sha256:871ab018db94b4ae7b137764837bc4504393a60656ba187189e985cd809064f7"
+        },
+        {
+          "url": "https://ghcr.io/v2/dragonflyoss/scheduler/blobs/sha256:771ab018db94b4ae7b137764837bc4504393a60656ba187189e985cd809064f7"
+        }
+      ],
+      "scheduler_cluster_id": 2
+    }
+  ]
+}

cypress/fixtures/resource/task/no-task.json

@@ -0,0 +1,77 @@
+{
+  "id": 258,
+  "created_at": "2024-11-05T03:10:31Z",
+  "updated_at": "2024-11-05T03:10:32Z",
+  "is_del": 0,
+  "task_id": "group_cbf67a5b-4141-46fc-b94b-ed154fb0f676",
+  "bio": "",
+  "type": "get_task",
+  "state": "SUCCESS",
+  "args": {
+    "application": "",
+    "filtered_query_params": "X-Amz-Algorithm&X-Amz-Credential&X-Amz-Date&X-Amz-Expires&X-Amz-SignedHeaders&X-Amz-Signature&X-Amz-Security-Token&X-Amz-User-Agent&X-Goog-Algorithm&X-Goog-Credential&X-Goog-Date&X-Goog-Expires&X-Goog-SignedHeaders&X-Goog-Signature&OSSAccessKeyId&Expires&Signature&SecurityToken&AccessKeyId&Signature&Expires&X-Obs-Date&X-Obs-Security-Token&q-sign-algorithm&q-ak&q-sign-time&q-key-time&q-header-list&q-url-param-list&q-signature&x-cos-security-token&ns",
+    "tag": "",
+    "task_id": "",
+    "url": "https://example.com/path/to/file",
+    "piece_length": 4194304
+  },
+  "result": {
+    "created_at": "2024-11-05T03:10:31.965787257Z",
+    "group_uuid": "group_cbf67a5b-4141-46fc-b94b-ed154fb0f676",
+    "job_states": [
+      {
+        "created_at": "2024-11-05T03:10:31.965787257Z",
+        "error": "",
+        "results": [
+          {
+            "peers": null,
+            "scheduler_cluster_id": 1
+          }
+        ],
+        "state": "SUCCESS",
+        "task_name": "get_task",
+        "task_uuid": "task_d0b96ebb-c25b-4ff8-9363-9bffcbdb8ca9",
+        "ttl": 0
+      },
+      {
+        "created_at": "2024-11-05T03:10:31.966357924Z",
+        "error": "",
+        "results": [
+          {
+            "peers": null,
+            "scheduler_cluster_id": 1
+          }
+        ],
+        "state": "SUCCESS",
+        "task_name": "get_task",
+        "task_uuid": "task_c567d258-5b1c-488e-982f-977e790e50b8",
+        "ttl": 0
+      },
+      {
+        "created_at": "2024-11-05T03:10:31.966615966Z",
+        "error": "",
+        "results": [
+          {
+            "peers": null,
+            "scheduler_cluster_id": 1
+          }
+        ],
+        "state": "SUCCESS",
+        "task_name": "get_task",
+        "task_uuid": "task_c444a3b3-1d7c-4734-9ce4-634a2f1f9bce",
+        "ttl": 0
+      }
+    ],
+    "state": "SUCCESS",
+    "updated_at": "2024-11-05T03:10:31.980092632Z"
+  },
+  "scheduler_clusters": [
+    {
+      "id": 1,
+      "created_at": "2024-11-01T05:42:02Z",
+      "updated_at": "2024-11-01T05:42:02Z",
+      "is_del": 0,
+      "name": "cluster-1"
+    }
+  ]
+}

cypress/fixtures/resource/task/pagination-executions.json

@@ -0,0 +1,90 @@
+[
+  {
+    "id": 1,
+    "created_at": "2024-11-01T09:25:05Z",
+    "updated_at": "2024-11-01T09:25:05Z",
+    "is_del": 0,
+    "task_id": "group_d9b8c7d2-f8ba-496b-99da-7d1e262a59ee",
+    "bio": "",
+    "type": "delete_task",
+    "state": "SUCCESS",
+    "args": {
+      "application": "",
+      "filtered_query_params": "X-Amz-Algorithm\u0026X-Amz-Credential\u0026X-Amz-Date\u0026X-Amz-Expires\u0026X-Amz-SignedHeaders\u0026X-Amz-Signature\u0026X-Amz-Security-Token\u0026X-Amz-User-Agent\u0026X-Goog-Algorithm\u0026X-Goog-Credential\u0026X-Goog-Date\u0026X-Goog-Expires\u0026X-Goog-SignedHeaders\u0026X-Goog-Signature\u0026OSSAccessKeyId\u0026Expires\u0026Signature\u0026SecurityToken\u0026AccessKeyId\u0026Signature\u0026Expires\u0026X-Obs-Date\u0026X-Obs-Security-Token\u0026q-sign-algorithm\u0026q-ak\u0026q-sign-time\u0026q-key-time\u0026q-header-list\u0026q-url-param-list\u0026q-signature\u0026x-cos-security-token\u0026ns",
+      "tag": "",
+      "task_id": "fe0c4a611d35e338efd342c346a2c671c358c5187c483a5fc7cd66c6685ce916",
+      "timeout": 1800000000000,
+      "url": "",
+      "piece_length": 4194304
+    },
+    "result": {
+      "created_at": "2024-11-01T09:25:05.260432054Z",
+      "group_uuid": "group_d9b8c7d2-f8ba-496b-99da-7d1e262a59ee",
+      "job_states": [
+        {
+          "created_at": "2024-11-01T09:25:05.260432054Z",
+          "error": "",
+          "results": [
+            {
+              "failure_tasks": null,
+              "scheduler_cluster_id": 1,
+              "success_tasks": null
+            }
+          ],
+          "state": "SUCCESS",
+          "task_name": "delete_task",
+          "task_uuid": "task_000928e7-7d0d-4177-991b-2c4564a38e98",
+          "ttl": 0
+        },
+        {
+          "created_at": "2024-11-01T09:25:05.260758429Z",
+          "error": "",
+          "results": [
+            {
+              "failure_tasks": null,
+              "scheduler_cluster_id": 1,
+              "success_tasks": null
+            }
+          ],
+          "state": "SUCCESS",
+          "task_name": "delete_task",
+          "task_uuid": "task_73c03072-4db3-468a-b22b-16631cfa48fe",
+          "ttl": 0
+        },
+        {
+          "created_at": "2024-11-01T09:25:05.261007846Z",
+          "error": "",
+          "results": [
+            {
+              "failure_tasks": null,
+              "scheduler_cluster_id": 1,
+              "success_tasks": null
+            }
+          ],
+          "state": "SUCCESS",
+          "task_name": "delete_task",
+          "task_uuid": "task_bc777067-f466-4cda-9046-1a1c131e2d8d",
+          "ttl": 0
+        },
+        {
+          "created_at": "2024-11-01T09:25:05.261192054Z",
+          "error": "",
+          "results": [
+            {
+              "failure_tasks": null,
+              "scheduler_cluster_id": 1,
+              "success_tasks": null
+            }
+          ],
+          "state": "SUCCESS",
+          "task_name": "delete_task",
+          "task_uuid": "task_22032823-5c3e-4a7a-b1c2-341ee423d76c",
+          "ttl": 0
+        }
+      ],
+      "state": "SUCCESS",
+      "updated_at": "2024-11-01T09:25:05.268218346Z"
+    },
+    "scheduler_clusters": null
+  }
+]

cypress/fixtures/resource/task/pending-execution.json

@@ -0,0 +1,88 @@
+{
+  "id": 11,
+  "created_at": "2024-11-01T10:07:46Z",
+  "updated_at": "2024-11-01T10:08:17Z",
+  "is_del": 0,
+  "task_id": "group_b0d76d25-a800-4a74-b577-35690b8fb75d",
+  "bio": "",
+  "type": "delete_task",
+  "state": "PENDING",
+  "args": {
+    "application": "",
+    "content_for_calculating_task_id": null,
+    "filtered_query_params": "X-Amz-Algorithm\u0026X-Amz-Credential\u0026X-Amz-Date\u0026X-Amz-Expires\u0026X-Amz-SignedHeaders\u0026X-Amz-Signature\u0026X-Amz-Security-Token\u0026X-Amz-User-Agent\u0026X-Goog-Algorithm\u0026X-Goog-Credential\u0026X-Goog-Date\u0026X-Goog-Expires\u0026X-Goog-SignedHeaders\u0026X-Goog-Signature\u0026OSSAccessKeyId\u0026Expires\u0026Signature\u0026SecurityToken\u0026AccessKeyId\u0026Signature\u0026Expires\u0026X-Obs-Date\u0026X-Obs-Security-Token\u0026q-sign-algorithm\u0026q-ak\u0026q-sign-time\u0026q-key-time\u0026q-header-list\u0026q-url-param-list\u0026q-signature\u0026x-cos-security-token\u0026ns",
+    "tag": "",
+    "task_id": "fe0c4a611d35e338efd342c346a2c671c358c5187c483a5fc7cd66c6685ce916",
+    "timeout": 1800000000000,
+    "url": "",
+    "piece_length": null
+  },
+  "result": {
+    "created_at": "2024-11-01T10:07:46.676343295Z",
+    "group_uuid": "group_b0d76d25-a800-4a74-b577-35690b8fb75d",
+    "job_states": [
+      {
+        "created_at": "2024-11-01T10:07:46.676343295Z",
+        "error": "",
+        "results": [
+          {
+            "failure_tasks": [
+              {
+                "description": "task a1e21fcec1ba95d4407a83b3fc767da6de2a2fe35736c2ba3b95473229de1894 failed: rpc error: code = Unavailable desc = connection error: desc = \"transport: Error while dialing: dial tcp 172.18.0.3:4000: connect: connection refused\"",
+                "host_type": "normal",
+                "hostname": "kind-worker",
+                "ip": "172.18.0.3"
+              }
+            ],
+            "scheduler_cluster_id": 1,
+            "success_tasks": []
+          }
+        ],
+        "state": "SUCCESS",
+        "task_name": "delete_task",
+        "task_uuid": "task_b3a2705f-ce57-4678-99d2-b19c0d799d01",
+        "ttl": 0
+      },
+      {
+        "created_at": "2024-11-01T10:07:46.676642087Z",
+        "error": "",
+        "results": [
+          {
+            "failure_tasks": null,
+            "scheduler_cluster_id": 1,
+            "success_tasks": null
+          }
+        ],
+        "state": "SUCCESS",
+        "task_name": "delete_task",
+        "task_uuid": "task_9d8517d5-6dce-4b67-9733-6d184dea336d",
+        "ttl": 0
+      },
+      {
+        "created_at": "2024-11-01T10:07:46.677193129Z",
+        "error": "",
+        "results": [
+          {
+            "failure_tasks": [
+              {
+                "description": "task a1e21fcec1ba95d4407a83b3fc767da6de2a2fe35736c2ba3b95473229de1894 failed: rpc error: code = Unavailable desc = connection error: desc = \"transport: Error while dialing: dial tcp 172.18.0.3:4000: connect: connection refused\"",
+                "host_type": "normal",
+                "hostname": "kind-worker",
+                "ip": "172.18.0.3"
+              }
+            ],
+            "scheduler_cluster_id": 1,
+            "success_tasks": []
+          }
+        ],
+        "state": "SUCCESS",
+        "task_name": "delete_task",
+        "task_uuid": "task_c891f33e-513c-4131-9b4d-40f485b77cac",
+        "ttl": 0
+      }
+    ],
+    "state": "PENDING",
+    "updated_at": "2024-11-01T10:08:16.695602295Z"
+  },
+  "scheduler_clusters": null
+}

cypress/fixtures/resource/task/pending-executions.json

@@ -0,0 +1,74 @@
+[
+  {
+    "id": 11,
+    "created_at": "2024-11-01T10:07:46Z",
+    "updated_at": "2024-11-01T10:08:17Z",
+    "is_del": 0,
+    "task_id": "group_b0d76d25-a800-4a74-b577-35690b8fb75d",
+    "bio": "",
+    "type": "delete_task",
+    "state": "PENDING",
+    "args": {
+      "application": "",
+      "filtered_query_params": "X-Amz-Algorithm\u0026X-Amz-Credential\u0026X-Amz-Date\u0026X-Amz-Expires\u0026X-Amz-SignedHeaders\u0026X-Amz-Signature\u0026X-Amz-Security-Token\u0026X-Amz-User-Agent\u0026X-Goog-Algorithm\u0026X-Goog-Credential\u0026X-Goog-Date\u0026X-Goog-Expires\u0026X-Goog-SignedHeaders\u0026X-Goog-Signature\u0026OSSAccessKeyId\u0026Expires\u0026Signature\u0026SecurityToken\u0026AccessKeyId\u0026Signature\u0026Expires\u0026X-Obs-Date\u0026X-Obs-Security-Token\u0026q-sign-algorithm\u0026q-ak\u0026q-sign-time\u0026q-key-time\u0026q-header-list\u0026q-url-param-list\u0026q-signature\u0026x-cos-security-token\u0026ns",
+      "tag": "",
+      "task_id": "fe0c4a611d35e338efd342c346a2c671c358c5187c483a5fc7cd66c6685ce916",
+      "timeout": 1800000000000,
+      "url": "",
+      "piece_length": null
+    },
+    "result": {
+      "created_at": "2024-11-01T10:07:46.676343295Z",
+      "group_uuid": "group_b0d76d25-a800-4a74-b577-35690b8fb75d",
+      "job_states": [
+        {
+          "created_at": "2024-11-01T10:07:46.676343295Z",
+          "error": "",
+          "results": [
+            {
+              "failure_tasks": [
+                {
+                  "description": "task a1e21fcec1ba95d4407a83b3fc767da6de2a2fe35736c2ba3b95473229de1894 failed: rpc error: code = Unavailable desc = connection error: desc = \"transport: Error while dialing: dial tcp 172.18.0.3:4000: connect: connection refused\"",
+                  "host_type": "normal",
+                  "hostname": "kind-worker",
+                  "ip": "172.18.0.3"
+                }
+              ],
+              "scheduler_cluster_id": 1,
+              "success_tasks": []
+            }
+          ],
+          "state": "SUCCESS",
+          "task_name": "delete_task",
+          "task_uuid": "task_b3a2705f-ce57-4678-99d2-b19c0d799d01",
+          "ttl": 0
+        },
+        {
+          "created_at": "2024-11-01T10:07:46.677193129Z",
+          "error": "",
+          "results": [
+            {
+              "failure_tasks": [
+                {
+                  "description": "task a1e21fcec1ba95d4407a83b3fc767da6de2a2fe35736c2ba3b95473229de1894 failed: rpc error: code = Unavailable desc = connection error: desc = \"transport: Error while dialing: dial tcp 172.18.0.3:4000: connect: connection refused\"",
+                  "host_type": "normal",
+                  "hostname": "kind-worker",
+                  "ip": "172.18.0.3"
+                }
+              ],
+              "scheduler_cluster_id": 1,
+              "success_tasks": []
+            }
+          ],
+          "state": "SUCCESS",
+          "task_name": "delete_task",
+          "task_uuid": "task_c891f33e-513c-4131-9b4d-40f485b77cac",
+          "ttl": 0
+        }
+      ],
+      "state": "PENDING",
+      "updated_at": "2024-11-01T10:08:16.695602295Z"
+    },
+    "scheduler_clusters": null
+  }
+]