From 6e1d728e4e27133353b6cc21eae73e846c32c8e5 Mon Sep 17 00:00:00 2001
From: hiliuxg <helloliuxg@gmail.com>
Date: Thu, 15 Aug 2024 15:18:47 +0800
Subject: [PATCH 01/17] 1. fix playground npe bug 2. fix render nothing where
 run "show tables" sql

---
 .../gateway/executor/FlinkSqlGatewayExecutor.java  | 14 ++++++++++++--
 .../web/server/context/logtool/LogReadPool.java    |  4 ++--
 .../views/playground/components/query/index.tsx    | 14 +++++++++++++-
 3 files changed, 27 insertions(+), 5 deletions(-)

diff --git a/paimon-web-engine/paimon-web-engine-flink/paimon-web-engine-flink-sql-gateway/src/main/java/org/apache/paimon/web/engine/flink/sql/gateway/executor/FlinkSqlGatewayExecutor.java b/paimon-web-engine/paimon-web-engine-flink/paimon-web-engine-flink-sql-gateway/src/main/java/org/apache/paimon/web/engine/flink/sql/gateway/executor/FlinkSqlGatewayExecutor.java
index ab58e471c..3de7792a7 100644
--- a/paimon-web-engine/paimon-web-engine-flink/paimon-web-engine-flink-sql-gateway/src/main/java/org/apache/paimon/web/engine/flink/sql/gateway/executor/FlinkSqlGatewayExecutor.java
+++ b/paimon-web-engine/paimon-web-engine-flink/paimon-web-engine-flink-sql-gateway/src/main/java/org/apache/paimon/web/engine/flink/sql/gateway/executor/FlinkSqlGatewayExecutor.java
@@ -18,11 +18,13 @@
 
 package org.apache.paimon.web.engine.flink.sql.gateway.executor;
 
+import org.apache.flink.api.common.JobID;
 import org.apache.paimon.web.engine.flink.common.executor.Executor;
 import org.apache.paimon.web.engine.flink.common.operation.FlinkSqlOperationType;
 import org.apache.paimon.web.engine.flink.common.parser.CustomSqlParser;
 import org.apache.paimon.web.engine.flink.common.result.ExecutionResult;
 import org.apache.paimon.web.engine.flink.common.result.FetchResultParams;
+import org.apache.paimon.web.engine.flink.common.status.JobStatus;
 import org.apache.paimon.web.engine.flink.sql.gateway.client.SqlGatewayClient;
 import org.apache.paimon.web.engine.flink.sql.gateway.model.SessionEntity;
 import org.apache.paimon.web.engine.flink.sql.gateway.utils.CollectResultUtil;
@@ -102,6 +104,11 @@ public ExecutionResult executeSql(String multiStatement, int maxRows) throws Exc
             executionResult = executeDmlStatement(combinedStatement);
         }
 
+        if (executionResult == null) {
+            executionResult = new ExecutionResult.Builder()
+                    .shouldFetchResult(false).status(JobStatus.FINISHED.getValue()).build();
+        }
+
         return executionResult;
     }
 
@@ -113,8 +120,11 @@ private ExecutionResult executeDqlStatement(
         ExecutionResult.Builder builder =
                 CollectResultUtil.collectSqlGatewayResult(results.getResults())
                         .submitId(operationId);
-        if (operationType.getType().equals(FlinkSqlOperationType.SELECT.getType())) {
-            builder.jobId(getJobIdFromResults(results)).shouldFetchResult(true);
+        JobID jobId = results.getJobID();
+        if (jobId != null && operationType.getType().equals(FlinkSqlOperationType.SELECT.getType())) {
+            builder.jobId(jobId.toString()).shouldFetchResult(true);
+        } else if (jobId == null && !results.getResults().getData().isEmpty()) {
+            builder.shouldFetchResult(false).status(JobStatus.FINISHED.getValue());
         }
         return builder.build();
     }
diff --git a/paimon-web-server/src/main/java/org/apache/paimon/web/server/context/logtool/LogReadPool.java b/paimon-web-server/src/main/java/org/apache/paimon/web/server/context/logtool/LogReadPool.java
index ca855d1d1..ef6261a4d 100644
--- a/paimon-web-server/src/main/java/org/apache/paimon/web/server/context/logtool/LogReadPool.java
+++ b/paimon-web-server/src/main/java/org/apache/paimon/web/server/context/logtool/LogReadPool.java
@@ -37,11 +37,11 @@ public LRUCache<String, StringBuilder> getLRUCache() {
 
     public static void write(String str, String userId) {
         consoleEntityCache
-                .computeIfAbsent(userId, k -> new StringBuilder("Console:\n"))
+                .computeIfAbsent(userId, k -> new StringBuilder())
                 .append(str);
     }
 
     public static void clear(String userId) {
-        consoleEntityCache.put(userId, new StringBuilder("Console:\n"));
+        consoleEntityCache.put(userId, new StringBuilder());
     }
 }
diff --git a/paimon-web-ui/src/views/playground/components/query/index.tsx b/paimon-web-ui/src/views/playground/components/query/index.tsx
index 8d21ba1d1..17ed1da1f 100644
--- a/paimon-web-ui/src/views/playground/components/query/index.tsx
+++ b/paimon-web-ui/src/views/playground/components/query/index.tsx
@@ -107,7 +107,19 @@ export default defineComponent({
       const { connect, subscribe } = useWebSocket(wsUrl, {
         onMessage: (message) => {
           const data = JSON.parse(message.body)
-          if (data && data.jobId && data.fileName) {
+          if (!data.jobId && !data.shouldFetchResult) {
+            const jobDetail: JobDetails = {
+              executionMode: data.executeMode as ExecutionMode,
+              job: data,
+              jobResultData: data.resultData.length > 0 ? data.resultData: null,
+              jobStatus: data.status,
+              executionTime: 0,
+              startTime: Date.now(),
+              displayResult: true,
+              loading: false,
+            }
+            jobStore.addJob(data.fileName, jobDetail)
+          } else if (data && data.jobId && data.fileName) {
             const jobDetail: JobDetails = {
               executionMode: data.executeMode as ExecutionMode,
               job: data,

From 5d3b2526ed19e04d5743a776e90c74206be28e0c Mon Sep 17 00:00:00 2001
From: hiliuxg <helloliuxg@gmail.com>
Date: Thu, 15 Aug 2024 16:10:43 +0800
Subject: [PATCH 02/17] 1. fix playground npe bug 2. fix render nothing where
 run "show tables" sql

---
 .../flink/sql/gateway/executor/FlinkSqlGatewayExecutor.java  | 2 +-
 .../src/views/playground/components/query/index.tsx          | 5 +++--
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/paimon-web-engine/paimon-web-engine-flink/paimon-web-engine-flink-sql-gateway/src/main/java/org/apache/paimon/web/engine/flink/sql/gateway/executor/FlinkSqlGatewayExecutor.java b/paimon-web-engine/paimon-web-engine-flink/paimon-web-engine-flink-sql-gateway/src/main/java/org/apache/paimon/web/engine/flink/sql/gateway/executor/FlinkSqlGatewayExecutor.java
index 3de7792a7..3f8e2fbf8 100644
--- a/paimon-web-engine/paimon-web-engine-flink/paimon-web-engine-flink-sql-gateway/src/main/java/org/apache/paimon/web/engine/flink/sql/gateway/executor/FlinkSqlGatewayExecutor.java
+++ b/paimon-web-engine/paimon-web-engine-flink/paimon-web-engine-flink-sql-gateway/src/main/java/org/apache/paimon/web/engine/flink/sql/gateway/executor/FlinkSqlGatewayExecutor.java
@@ -18,7 +18,6 @@
 
 package org.apache.paimon.web.engine.flink.sql.gateway.executor;
 
-import org.apache.flink.api.common.JobID;
 import org.apache.paimon.web.engine.flink.common.executor.Executor;
 import org.apache.paimon.web.engine.flink.common.operation.FlinkSqlOperationType;
 import org.apache.paimon.web.engine.flink.common.parser.CustomSqlParser;
@@ -32,6 +31,7 @@
 
 import org.apache.calcite.sql.SqlNode;
 import org.apache.calcite.sql.SqlNodeList;
+import org.apache.flink.api.common.JobID;
 import org.apache.flink.table.gateway.api.results.ResultSet;
 import org.apache.flink.table.gateway.rest.message.statement.FetchResultsResponseBody;
 
diff --git a/paimon-web-ui/src/views/playground/components/query/index.tsx b/paimon-web-ui/src/views/playground/components/query/index.tsx
index 17ed1da1f..4e730d193 100644
--- a/paimon-web-ui/src/views/playground/components/query/index.tsx
+++ b/paimon-web-ui/src/views/playground/components/query/index.tsx
@@ -111,7 +111,7 @@ export default defineComponent({
             const jobDetail: JobDetails = {
               executionMode: data.executeMode as ExecutionMode,
               job: data,
-              jobResultData: data.resultData.length > 0 ? data.resultData: null,
+              jobResultData: data.resultData.length > 0 ? data.resultData : null,
               jobStatus: data.status,
               executionTime: 0,
               startTime: Date.now(),
@@ -119,7 +119,8 @@ export default defineComponent({
               loading: false,
             }
             jobStore.addJob(data.fileName, jobDetail)
-          } else if (data && data.jobId && data.fileName) {
+          }
+          else if (data && data.jobId && data.fileName) {
             const jobDetail: JobDetails = {
               executionMode: data.executeMode as ExecutionMode,
               job: data,

From cf057e9a877bd24a38346a39a5afb5587a47f365 Mon Sep 17 00:00:00 2001
From: hiliuxg <helloliuxg@gmail.com>
Date: Thu, 15 Aug 2024 16:23:14 +0800
Subject: [PATCH 03/17] 1. fix playground npe bug 2. fix render nothing where
 run "show tables" sql

---
 .../sql/gateway/executor/FlinkSqlGatewayExecutor.java  | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/paimon-web-engine/paimon-web-engine-flink/paimon-web-engine-flink-sql-gateway/src/main/java/org/apache/paimon/web/engine/flink/sql/gateway/executor/FlinkSqlGatewayExecutor.java b/paimon-web-engine/paimon-web-engine-flink/paimon-web-engine-flink-sql-gateway/src/main/java/org/apache/paimon/web/engine/flink/sql/gateway/executor/FlinkSqlGatewayExecutor.java
index 3f8e2fbf8..b337cee15 100644
--- a/paimon-web-engine/paimon-web-engine-flink/paimon-web-engine-flink-sql-gateway/src/main/java/org/apache/paimon/web/engine/flink/sql/gateway/executor/FlinkSqlGatewayExecutor.java
+++ b/paimon-web-engine/paimon-web-engine-flink/paimon-web-engine-flink-sql-gateway/src/main/java/org/apache/paimon/web/engine/flink/sql/gateway/executor/FlinkSqlGatewayExecutor.java
@@ -105,8 +105,11 @@ public ExecutionResult executeSql(String multiStatement, int maxRows) throws Exc
         }
 
         if (executionResult == null) {
-            executionResult = new ExecutionResult.Builder()
-                    .shouldFetchResult(false).status(JobStatus.FINISHED.getValue()).build();
+            executionResult =
+                    new ExecutionResult.Builder()
+                            .shouldFetchResult(false)
+                            .status(JobStatus.FINISHED.getValue())
+                            .build();
         }
 
         return executionResult;
@@ -121,7 +124,8 @@ private ExecutionResult executeDqlStatement(
                 CollectResultUtil.collectSqlGatewayResult(results.getResults())
                         .submitId(operationId);
         JobID jobId = results.getJobID();
-        if (jobId != null && operationType.getType().equals(FlinkSqlOperationType.SELECT.getType())) {
+        if (jobId != null
+                && operationType.getType().equals(FlinkSqlOperationType.SELECT.getType())) {
             builder.jobId(jobId.toString()).shouldFetchResult(true);
         } else if (jobId == null && !results.getResults().getData().isEmpty()) {
             builder.shouldFetchResult(false).status(JobStatus.FINISHED.getValue());

From 546e4a143c29f5e5d5fd7c208c2d48d8e67aeee6 Mon Sep 17 00:00:00 2001
From: hiliuxg <helloliuxg@gmail.com>
Date: Thu, 15 Aug 2024 16:25:50 +0800
Subject: [PATCH 04/17] 1. fix playground npe bug 2. fix render nothing where
 run "show tables" sql

---
 .../apache/paimon/web/server/context/logtool/LogReadPool.java | 4 +---
 1 file changed, 1 insertion(+), 3 deletions(-)

diff --git a/paimon-web-server/src/main/java/org/apache/paimon/web/server/context/logtool/LogReadPool.java b/paimon-web-server/src/main/java/org/apache/paimon/web/server/context/logtool/LogReadPool.java
index ef6261a4d..a6506e01f 100644
--- a/paimon-web-server/src/main/java/org/apache/paimon/web/server/context/logtool/LogReadPool.java
+++ b/paimon-web-server/src/main/java/org/apache/paimon/web/server/context/logtool/LogReadPool.java
@@ -36,9 +36,7 @@ public LRUCache<String, StringBuilder> getLRUCache() {
     }
 
     public static void write(String str, String userId) {
-        consoleEntityCache
-                .computeIfAbsent(userId, k -> new StringBuilder())
-                .append(str);
+        consoleEntityCache.computeIfAbsent(userId, k -> new StringBuilder()).append(str);
     }
 
     public static void clear(String userId) {

From 068cacf157e8016c9210018a6b102ea8242013ed Mon Sep 17 00:00:00 2001
From: hiliuxg <helloliuxg@gmail.com>
Date: Fri, 16 Aug 2024 09:46:28 +0800
Subject: [PATCH 05/17] 1. fix playground npe bug 2. fix render nothing where
 run "show tables" sql

---
 .../flink/sql/gateway/executor/FlinkSqlGatewayExecutor.java     | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/paimon-web-engine/paimon-web-engine-flink/paimon-web-engine-flink-sql-gateway/src/main/java/org/apache/paimon/web/engine/flink/sql/gateway/executor/FlinkSqlGatewayExecutor.java b/paimon-web-engine/paimon-web-engine-flink/paimon-web-engine-flink-sql-gateway/src/main/java/org/apache/paimon/web/engine/flink/sql/gateway/executor/FlinkSqlGatewayExecutor.java
index b337cee15..fcffc15d0 100644
--- a/paimon-web-engine/paimon-web-engine-flink/paimon-web-engine-flink-sql-gateway/src/main/java/org/apache/paimon/web/engine/flink/sql/gateway/executor/FlinkSqlGatewayExecutor.java
+++ b/paimon-web-engine/paimon-web-engine-flink/paimon-web-engine-flink-sql-gateway/src/main/java/org/apache/paimon/web/engine/flink/sql/gateway/executor/FlinkSqlGatewayExecutor.java
@@ -127,7 +127,7 @@ private ExecutionResult executeDqlStatement(
         if (jobId != null
                 && operationType.getType().equals(FlinkSqlOperationType.SELECT.getType())) {
             builder.jobId(jobId.toString()).shouldFetchResult(true);
-        } else if (jobId == null && !results.getResults().getData().isEmpty()) {
+        } else if (jobId == null) {
             builder.shouldFetchResult(false).status(JobStatus.FINISHED.getValue());
         }
         return builder.build();

From 572cd4df275c73ab2312f7f7a2ba571039da186c Mon Sep 17 00:00:00 2001
From: hiliuxg <helloliuxg@gmail.com>
Date: Fri, 16 Aug 2024 15:18:31 +0800
Subject: [PATCH 06/17] 1. fix playground npe bug 2. fix render nothing where
 run "show tables" sql

---
 .../views/playground/components/query/index.tsx | 17 ++---------------
 1 file changed, 2 insertions(+), 15 deletions(-)

diff --git a/paimon-web-ui/src/views/playground/components/query/index.tsx b/paimon-web-ui/src/views/playground/components/query/index.tsx
index 4e730d193..2c709c91d 100644
--- a/paimon-web-ui/src/views/playground/components/query/index.tsx
+++ b/paimon-web-ui/src/views/playground/components/query/index.tsx
@@ -107,25 +107,12 @@ export default defineComponent({
       const { connect, subscribe } = useWebSocket(wsUrl, {
         onMessage: (message) => {
           const data = JSON.parse(message.body)
-          if (!data.jobId && !data.shouldFetchResult) {
-            const jobDetail: JobDetails = {
-              executionMode: data.executeMode as ExecutionMode,
-              job: data,
-              jobResultData: data.resultData.length > 0 ? data.resultData : null,
-              jobStatus: data.status,
-              executionTime: 0,
-              startTime: Date.now(),
-              displayResult: true,
-              loading: false,
-            }
-            jobStore.addJob(data.fileName, jobDetail)
-          }
-          else if (data && data.jobId && data.fileName) {
+          if (data && data.fileName) {
             const jobDetail: JobDetails = {
               executionMode: data.executeMode as ExecutionMode,
               job: data,
               jobResultData: null,
-              jobStatus: '',
+              jobStatus: data.status,
               executionTime: 0,
               startTime: Date.now(),
               displayResult: true,

From 4b8335a21d09872ce7df1a4df480d19be9ce7260 Mon Sep 17 00:00:00 2001
From: hiliuxg <helloliuxg@gmail.com>
Date: Fri, 16 Aug 2024 17:12:09 +0800
Subject: [PATCH 07/17] 1. fix playground npe bug 2. fix render nothing where
 run "show tables" sql

---
 paimon-web-ui/src/views/playground/components/query/index.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/paimon-web-ui/src/views/playground/components/query/index.tsx b/paimon-web-ui/src/views/playground/components/query/index.tsx
index 2c709c91d..4d429df41 100644
--- a/paimon-web-ui/src/views/playground/components/query/index.tsx
+++ b/paimon-web-ui/src/views/playground/components/query/index.tsx
@@ -112,7 +112,7 @@ export default defineComponent({
               executionMode: data.executeMode as ExecutionMode,
               job: data,
               jobResultData: null,
-              jobStatus: data.status,
+              jobStatus: data.status == null ? '' : data.status,
               executionTime: 0,
               startTime: Date.now(),
               displayResult: true,

From 3a92868f4e6a3a797a45243595ee31a6589781ee Mon Sep 17 00:00:00 2001
From: hiliuxg <helloliuxg@gmail.com>
Date: Mon, 26 Aug 2024 15:36:42 +0800
Subject: [PATCH 08/17] =?UTF-8?q?1=E3=80=81=E6=B7=BB=E5=8A=A0=E8=83=BD?=
 =?UTF-8?q?=E5=A4=9F=E7=BC=96=E8=BE=91=E5=9F=BA=E7=A1=80=E4=BF=A1=E6=81=AF?=
 =?UTF-8?q?=202=E3=80=81=E6=94=AF=E6=8C=81=E6=8C=87=E5=AE=9A=E4=BD=8D?=
 =?UTF-8?q?=E7=82=B9=E5=90=AF=E5=8A=A8=EF=BC=8Cearliest,=20last,=20timesta?=
 =?UTF-8?q?mp=203=E3=80=81=E6=94=AF=E6=8C=81=E6=8C=87=E5=AE=9Acheckpoint?=
 =?UTF-8?q?=E6=97=B6=E9=97=B4=204=E3=80=81=E4=BF=AE=E5=A4=8Dmysql=E6=95=B0?=
 =?UTF-8?q?=E6=8D=AE=E6=BA=90=E4=B8=AD=EF=BC=8C=E5=85=B6=E4=BB=96=E5=8F=82?=
 =?UTF-8?q?=E6=95=B0=E9=85=8D=E7=BD=AE=E5=BC=82=E5=B8=B8=205=E3=80=81?=
 =?UTF-8?q?=E4=BF=AE=E5=A4=8D=E7=BC=96=E8=BE=91=E5=8A=9F=E8=83=BDBUG?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../action/context/FlinkActionContext.java    |  22 +++-
 ...ysqlSyncDatabasesActionContextFactory.java |   8 +-
 .../MysqlSyncTableActionContextFactory.java   |   8 +-
 ...PostgresSyncTableActionContextFactory.java |   8 +-
 .../context/options/FlinkCdcOptions.java      |   5 +
 .../action/service/FlinkCdcActionService.java |  20 +++-
 .../apache/paimon/web/api/enums/SyncMode.java |  45 ++++++++
 .../server/data/dto/CdcJobDefinitionDTO.java  |   3 +
 .../web/server/data/dto/CdcJobSubmitDTO.java  |   3 +
 .../server/data/model/CdcJobDefinition.java   |   2 +
 .../impl/CdcJobDefinitionServiceImpl.java     |  41 ++++++-
 paimon-web-ui/src/api/models/cdc/interface.ts |   3 +
 .../src/form-lib/cdc/use-cdc-list.ts          |  53 +++++++--
 .../src/form-lib/cdc/use-submit-cdc-job.ts    |  34 ++++++
 paimon-web-ui/src/locales/en/modules/cdc.ts   |  11 +-
 paimon-web-ui/src/locales/zh/modules/cdc.ts   |  16 ++-
 .../src/locales/zh/modules/common.ts          |   2 +-
 .../views/cdc/components/dag/dag-canvas.tsx   |   1 +
 .../views/cdc/components/dag/dag-slider.tsx   |  23 +---
 .../cdc/components/dag/index.module.scss      |   2 +-
 .../src/views/cdc/components/dag/index.tsx    | 107 +++++++++++++-----
 .../views/cdc/components/list/use-table.ts    |   3 +
 paimon-web-ui/src/views/cdc/index.tsx         |   5 -
 paimon-web-ui/vite.config.ts                  |   4 +-
 24 files changed, 338 insertions(+), 91 deletions(-)
 create mode 100644 paimon-web-api/src/main/java/org/apache/paimon/web/api/enums/SyncMode.java

diff --git a/paimon-web-api/src/main/java/org/apache/paimon/web/api/action/context/FlinkActionContext.java b/paimon-web-api/src/main/java/org/apache/paimon/web/api/action/context/FlinkActionContext.java
index d82339940..ce7e95057 100644
--- a/paimon-web-api/src/main/java/org/apache/paimon/web/api/action/context/FlinkActionContext.java
+++ b/paimon-web-api/src/main/java/org/apache/paimon/web/api/action/context/FlinkActionContext.java
@@ -22,19 +22,33 @@
 
 import lombok.experimental.SuperBuilder;
 
+import java.util.Optional;
+
 /** FlinkActionContext. */
 @SuperBuilder
 public abstract class FlinkActionContext extends AbstractActionContext implements ActionContext {
 
-    private String sessionUrl;
+    private Optional<String> sessionUrl;
+
+    private Optional<FlinkJobType> flinkJobType;
 
-    private FlinkJobType flinkJobType;
+    private Optional<String> pipelineName;
 
-    public String getSessionUrl() {
+    private Optional<Integer> executionCheckPointInterval;
+
+    public Optional<String> getSessionUrl() {
         return sessionUrl;
     }
 
-    public FlinkJobType getFlinkJobType() {
+    public Optional<FlinkJobType> getFlinkJobType() {
         return flinkJobType;
     }
+
+    public Optional<String> getPipelineName() {
+        return pipelineName;
+    }
+
+    public Optional<Integer> getExecutionCheckPointInterval() {
+        return executionCheckPointInterval;
+    }
 }
diff --git a/paimon-web-api/src/main/java/org/apache/paimon/web/api/action/context/factory/MysqlSyncDatabasesActionContextFactory.java b/paimon-web-api/src/main/java/org/apache/paimon/web/api/action/context/factory/MysqlSyncDatabasesActionContextFactory.java
index 312b59c1e..8ed62a8f1 100644
--- a/paimon-web-api/src/main/java/org/apache/paimon/web/api/action/context/factory/MysqlSyncDatabasesActionContextFactory.java
+++ b/paimon-web-api/src/main/java/org/apache/paimon/web/api/action/context/factory/MysqlSyncDatabasesActionContextFactory.java
@@ -29,6 +29,8 @@
 
 import com.fasterxml.jackson.databind.node.ObjectNode;
 
+import java.util.Optional;
+
 /**
  * A factory designed for creating {@link FlinkCdcActionContextFactory}, implementing full database
  * synchronization with MySQL.
@@ -52,13 +54,15 @@ public FlinkCdcSyncType cdcType() {
     @Override
     public ActionContext getActionContext(ObjectNode actionConfigs) {
         return MysqlSyncDatabaseActionContext.builder()
-                .sessionUrl(String.valueOf(actionConfigs.get(FlinkCdcOptions.SESSION_URL)))
-                .flinkJobType(FlinkJobType.SESSION)
+                .sessionUrl(Optional.of(String.valueOf(actionConfigs.get(FlinkCdcOptions.SESSION_URL))))
+                .flinkJobType(Optional.of(FlinkJobType.SESSION))
                 .warehouse(JSONUtils.getString(actionConfigs, FlinkCdcOptions.WAREHOUSE))
                 .database(JSONUtils.getString(actionConfigs, FlinkCdcOptions.DATABASE))
                 .actionPath(ActionContextUtil.getActionJarPath())
                 .catalogConfList(JSONUtils.getList(actionConfigs, FlinkCdcOptions.CATALOG_CONF))
                 .mysqlConfList(JSONUtils.getList(actionConfigs, FlinkCdcOptions.MYSQL_CONF))
+                .executionCheckPointInterval(Optional.of(JSONUtils.getInteger(actionConfigs, FlinkCdcOptions.EXE_CP_INTERVAL)))
+                .pipelineName(Optional.of(JSONUtils.getString(actionConfigs, FlinkCdcOptions.PIPELINE_NAME)))
                 .build();
     }
 }
diff --git a/paimon-web-api/src/main/java/org/apache/paimon/web/api/action/context/factory/MysqlSyncTableActionContextFactory.java b/paimon-web-api/src/main/java/org/apache/paimon/web/api/action/context/factory/MysqlSyncTableActionContextFactory.java
index a71d772b4..b234bdd98 100644
--- a/paimon-web-api/src/main/java/org/apache/paimon/web/api/action/context/factory/MysqlSyncTableActionContextFactory.java
+++ b/paimon-web-api/src/main/java/org/apache/paimon/web/api/action/context/factory/MysqlSyncTableActionContextFactory.java
@@ -29,6 +29,8 @@
 
 import com.fasterxml.jackson.databind.node.ObjectNode;
 
+import java.util.Optional;
+
 /** MysqlSyncTableActionContextFactory. */
 public class MysqlSyncTableActionContextFactory implements FlinkCdcActionContextFactory {
 
@@ -50,8 +52,8 @@ public FlinkCdcSyncType cdcType() {
     @Override
     public ActionContext getActionContext(ObjectNode actionConfigs) {
         return MysqlSyncTableActionContext.builder()
-                .sessionUrl(String.valueOf(actionConfigs.get(FlinkCdcOptions.SESSION_URL)))
-                .flinkJobType(FlinkJobType.SESSION)
+                .sessionUrl(Optional.of(String.valueOf(actionConfigs.get(FlinkCdcOptions.SESSION_URL))))
+                .flinkJobType(Optional.of(FlinkJobType.SESSION))
                 .warehouse(JSONUtils.getString(actionConfigs, FlinkCdcOptions.WAREHOUSE))
                 .database(JSONUtils.getString(actionConfigs, FlinkCdcOptions.DATABASE))
                 .table(JSONUtils.getString(actionConfigs, FlinkCdcOptions.TABLE))
@@ -59,6 +61,8 @@ public ActionContext getActionContext(ObjectNode actionConfigs) {
                 .actionPath(ActionContextUtil.getActionJarPath())
                 .catalogConfList(JSONUtils.getList(actionConfigs, FlinkCdcOptions.CATALOG_CONF))
                 .mysqlConfList(JSONUtils.getList(actionConfigs, FlinkCdcOptions.MYSQL_CONF))
+                .executionCheckPointInterval(Optional.of(JSONUtils.getInteger(actionConfigs, FlinkCdcOptions.EXE_CP_INTERVAL)))
+                .pipelineName(Optional.of(JSONUtils.getString(actionConfigs, FlinkCdcOptions.PIPELINE_NAME)))
                 .build();
     }
 }
diff --git a/paimon-web-api/src/main/java/org/apache/paimon/web/api/action/context/factory/PostgresSyncTableActionContextFactory.java b/paimon-web-api/src/main/java/org/apache/paimon/web/api/action/context/factory/PostgresSyncTableActionContextFactory.java
index 3a176b273..80ff41dea 100644
--- a/paimon-web-api/src/main/java/org/apache/paimon/web/api/action/context/factory/PostgresSyncTableActionContextFactory.java
+++ b/paimon-web-api/src/main/java/org/apache/paimon/web/api/action/context/factory/PostgresSyncTableActionContextFactory.java
@@ -29,6 +29,8 @@
 
 import com.fasterxml.jackson.databind.node.ObjectNode;
 
+import java.util.Optional;
+
 /** PostgresSyncTableActionContextFactory. */
 public class PostgresSyncTableActionContextFactory implements FlinkCdcActionContextFactory {
     @Override
@@ -49,8 +51,8 @@ public FlinkCdcSyncType cdcType() {
     @Override
     public ActionContext getActionContext(ObjectNode actionConfigs) {
         return PostgresSyncTableActionContext.builder()
-                .sessionUrl(String.valueOf(actionConfigs.get(FlinkCdcOptions.SESSION_URL)))
-                .flinkJobType(FlinkJobType.SESSION)
+                .sessionUrl(Optional.of(String.valueOf(actionConfigs.get(FlinkCdcOptions.SESSION_URL))))
+                .flinkJobType(Optional.of(FlinkJobType.SESSION))
                 .warehouse(JSONUtils.getString(actionConfigs, FlinkCdcOptions.WAREHOUSE))
                 .database(JSONUtils.getString(actionConfigs, FlinkCdcOptions.DATABASE))
                 .table(JSONUtils.getString(actionConfigs, FlinkCdcOptions.TABLE))
@@ -60,6 +62,8 @@ public ActionContext getActionContext(ObjectNode actionConfigs) {
                 .actionPath(ActionContextUtil.getActionJarPath())
                 .catalogConfList(JSONUtils.getList(actionConfigs, FlinkCdcOptions.CATALOG_CONF))
                 .postgresConfList(JSONUtils.getList(actionConfigs, FlinkCdcOptions.POSTGRES_CONF))
+                .executionCheckPointInterval(Optional.of(JSONUtils.getInteger(actionConfigs, FlinkCdcOptions.EXE_CP_INTERVAL)))
+                .pipelineName(Optional.of(JSONUtils.getString(actionConfigs, FlinkCdcOptions.PIPELINE_NAME)))
                 .build();
     }
 }
diff --git a/paimon-web-api/src/main/java/org/apache/paimon/web/api/action/context/options/FlinkCdcOptions.java b/paimon-web-api/src/main/java/org/apache/paimon/web/api/action/context/options/FlinkCdcOptions.java
index ce364dca4..efe494a21 100644
--- a/paimon-web-api/src/main/java/org/apache/paimon/web/api/action/context/options/FlinkCdcOptions.java
+++ b/paimon-web-api/src/main/java/org/apache/paimon/web/api/action/context/options/FlinkCdcOptions.java
@@ -24,6 +24,7 @@ public class FlinkCdcOptions {
     private FlinkCdcOptions() {}
 
     public static final String MYSQL_CONF = "mysql_conf";
+
     public static final String POSTGRES_CONF = "postgres_conf";
 
     public static final String TABLE_CONF = "table_conf";
@@ -43,4 +44,8 @@ private FlinkCdcOptions() {}
     public static final String SESSION_URL = "sessionUrl";
 
     public static final String CATALOG_CONF = "catalog_conf";
+
+    public static final String PIPELINE_NAME = "pipeline.name";
+
+    public static final String EXE_CP_INTERVAL = "execution.checkpointing.interval";
 }
diff --git a/paimon-web-api/src/main/java/org/apache/paimon/web/api/action/service/FlinkCdcActionService.java b/paimon-web-api/src/main/java/org/apache/paimon/web/api/action/service/FlinkCdcActionService.java
index cf73f55b1..668f915d6 100644
--- a/paimon-web-api/src/main/java/org/apache/paimon/web/api/action/service/FlinkCdcActionService.java
+++ b/paimon-web-api/src/main/java/org/apache/paimon/web/api/action/service/FlinkCdcActionService.java
@@ -45,14 +45,24 @@ private List<String> getCommand(FlinkActionContext actionContext) {
         List<String> commandList = new ArrayList<>();
         commandList.add("bin/flink");
         commandList.add("run");
-        if (actionContext.getFlinkJobType() != FlinkJobType.SESSION) {
+
+        if (actionContext.getFlinkJobType().isPresent() &&
+                actionContext.getFlinkJobType().get() != FlinkJobType.SESSION) {
             throw new ActionException("Only support session job now.");
         }
-        String sessionUrl = actionContext.getSessionUrl();
-        if (StringUtils.isNotBlank(sessionUrl)) {
+
+        actionContext.getSessionUrl().ifPresent(val -> {
             commandList.add("-m");
-            commandList.add(sessionUrl);
-        }
+            commandList.add(val);
+        });
+        actionContext.getPipelineName().ifPresent(val -> {
+            commandList.add("-Dpipeline.name=" + val);
+        });
+
+        actionContext.getExecutionCheckPointInterval().ifPresent(val -> {
+            commandList.add("-Dexecution.checkpointing.interval=" + val);
+        });
+
         commandList.add(actionContext.getJarPath());
         commandList.addAll(actionContext.getArguments());
         return commandList;
diff --git a/paimon-web-api/src/main/java/org/apache/paimon/web/api/enums/SyncMode.java b/paimon-web-api/src/main/java/org/apache/paimon/web/api/enums/SyncMode.java
new file mode 100644
index 000000000..8de326649
--- /dev/null
+++ b/paimon-web-api/src/main/java/org/apache/paimon/web/api/enums/SyncMode.java
@@ -0,0 +1,45 @@
+/*
+ * Licensed to the Apache Software Foundation (ASF) under one
+ * or more contributor license agreements.  See the NOTICE file
+ * distributed with this work for additional information
+ * regarding copyright ownership.  The ASF licenses this file
+ * to you under the Apache License, Version 2.0 (the
+ * "License"); you may not use this file except in compliance
+ * with the License.  You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+package org.apache.paimon.web.api.enums;
+
+import lombok.Getter;
+
+import java.util.Arrays;
+import java.util.Objects;
+
+/** StartupMode. */
+@Getter
+public enum SyncMode {
+    INCREMENTAL_SYNC(0),
+    FULL_SYNC(1),
+    TS_SYNC(2);
+
+    private final int mode;
+
+    SyncMode(Integer mode) {
+        this.mode = mode;
+    }
+
+    public static SyncMode valueOf(Integer mode) {
+        return Arrays.stream(values())
+                .filter(x -> Objects.equals(x.getMode(), mode))
+                .findFirst()
+                .orElse(null);
+    }
+}
diff --git a/paimon-web-server/src/main/java/org/apache/paimon/web/server/data/dto/CdcJobDefinitionDTO.java b/paimon-web-server/src/main/java/org/apache/paimon/web/server/data/dto/CdcJobDefinitionDTO.java
index 5cca00ad3..5d91ed01f 100644
--- a/paimon-web-server/src/main/java/org/apache/paimon/web/server/data/dto/CdcJobDefinitionDTO.java
+++ b/paimon-web-server/src/main/java/org/apache/paimon/web/server/data/dto/CdcJobDefinitionDTO.java
@@ -38,4 +38,7 @@ public class CdcJobDefinitionDTO {
     private String config;
 
     private String createUser;
+
+    private int  dataDelay;
+
 }
diff --git a/paimon-web-server/src/main/java/org/apache/paimon/web/server/data/dto/CdcJobSubmitDTO.java b/paimon-web-server/src/main/java/org/apache/paimon/web/server/data/dto/CdcJobSubmitDTO.java
index 1c4492c9f..2257de1a6 100644
--- a/paimon-web-server/src/main/java/org/apache/paimon/web/server/data/dto/CdcJobSubmitDTO.java
+++ b/paimon-web-server/src/main/java/org/apache/paimon/web/server/data/dto/CdcJobSubmitDTO.java
@@ -25,4 +25,7 @@
 public class CdcJobSubmitDTO {
 
     private String clusterId;
+    private Long startupTimestamp;
+    private Integer startupMode;
+
 }
diff --git a/paimon-web-server/src/main/java/org/apache/paimon/web/server/data/model/CdcJobDefinition.java b/paimon-web-server/src/main/java/org/apache/paimon/web/server/data/model/CdcJobDefinition.java
index b90092de3..4dc1e2ff6 100644
--- a/paimon-web-server/src/main/java/org/apache/paimon/web/server/data/model/CdcJobDefinition.java
+++ b/paimon-web-server/src/main/java/org/apache/paimon/web/server/data/model/CdcJobDefinition.java
@@ -47,5 +47,7 @@ public class CdcJobDefinition extends BaseModel implements Serializable {
 
     private String createUser;
 
+    private Integer dataDelay;
+
     @TableLogic private boolean isDelete;
 }
diff --git a/paimon-web-server/src/main/java/org/apache/paimon/web/server/service/impl/CdcJobDefinitionServiceImpl.java b/paimon-web-server/src/main/java/org/apache/paimon/web/server/service/impl/CdcJobDefinitionServiceImpl.java
index 28844b91f..1816f9ad8 100644
--- a/paimon-web-server/src/main/java/org/apache/paimon/web/server/service/impl/CdcJobDefinitionServiceImpl.java
+++ b/paimon-web-server/src/main/java/org/apache/paimon/web/server/service/impl/CdcJobDefinitionServiceImpl.java
@@ -27,6 +27,7 @@
 import org.apache.paimon.web.api.catalog.PaimonServiceFactory;
 import org.apache.paimon.web.api.enums.FlinkCdcDataSourceType;
 import org.apache.paimon.web.api.enums.FlinkCdcSyncType;
+import org.apache.paimon.web.api.enums.SyncMode;
 import org.apache.paimon.web.common.util.JSONUtils;
 import org.apache.paimon.web.server.data.dto.CdcJobDefinitionDTO;
 import org.apache.paimon.web.server.data.dto.CdcJobSubmitDTO;
@@ -92,6 +93,7 @@ public R<Void> create(CdcJobDefinitionDTO cdcJobDefinitionDTO) {
                         .cdcType(cdcJobDefinitionDTO.getCdcType())
                         .createUser(jobCreateUser)
                         .description(cdcJobDefinitionDTO.getDescription())
+                        .dataDelay(cdcJobDefinitionDTO.getDataDelay())
                         .build();
         baseMapper.insert(cdcJobDefinition);
         return R.succeed();
@@ -137,6 +139,7 @@ public R<Void> update(CdcJobDefinitionDTO cdcJobDefinitionDTO) {
                         .name(cdcJobDefinitionDTO.getName())
                         .config(cdcJobDefinitionDTO.getConfig())
                         .cdcType(cdcJobDefinitionDTO.getCdcType())
+                        .dataDelay(cdcJobDefinitionDTO.getDataDelay())
                         .createUser(cdcJobDefinitionDTO.getCreateUser())
                         .description(cdcJobDefinitionDTO.getDescription())
                         .build();
@@ -163,8 +166,13 @@ public R<Void> submit(Integer id, CdcJobSubmitDTO cdcJobSubmitDTO) {
         actionConfigs.put(
                 FlinkCdcOptions.SESSION_URL,
                 String.format("%s:%s", clusterInfo.getHost(), clusterInfo.getPort()));
-        handleCdcGraphNodeData(actionConfigs, cdcGraph.getSource(), flinkCdcSyncType);
-        handleCdcGraphNodeData(actionConfigs, cdcGraph.getTarget(), flinkCdcSyncType);
+        actionConfigs.put(
+                FlinkCdcOptions.PIPELINE_NAME, cdcJobDefinition.getName());
+        actionConfigs.put(
+                FlinkCdcOptions.EXE_CP_INTERVAL, cdcJobDefinition.getDataDelay());
+
+        handleCdcGraphNodeData(actionConfigs, cdcGraph.getSource(), flinkCdcSyncType, cdcJobSubmitDTO);
+        handleCdcGraphNodeData(actionConfigs, cdcGraph.getTarget(), flinkCdcSyncType, cdcJobSubmitDTO);
         ActionContext actionContext = factory.getActionContext(actionConfigs);
         try {
             actionService.execute(actionContext);
@@ -175,7 +183,7 @@ public R<Void> submit(Integer id, CdcJobSubmitDTO cdcJobSubmitDTO) {
     }
 
     private void handleCdcGraphNodeData(
-            ObjectNode actionConfigs, CdcNode node, FlinkCdcSyncType cdcSyncType) {
+            ObjectNode actionConfigs, CdcNode node, FlinkCdcSyncType cdcSyncType, CdcJobSubmitDTO cdcJobSubmitDTO) {
         FlinkCdcDataSourceType cdcDataSourceType = FlinkCdcDataSourceType.of(node.getType());
         Preconditions.checkNotNull(
                 cdcDataSourceType,
@@ -185,7 +193,7 @@ private void handleCdcGraphNodeData(
                 handlePaimonNodeData(actionConfigs, node.getData(), cdcSyncType);
                 break;
             case MYSQL:
-                handleMysqlNodeData(actionConfigs, node.getData(), cdcSyncType);
+                handleMysqlNodeData(actionConfigs, node.getData(), cdcSyncType, cdcJobSubmitDTO);
                 break;
             case POSTGRESQL:
                 handlePostgresNodeData(actionConfigs, node.getData());
@@ -228,8 +236,9 @@ private void handlePostgresNodeData(ObjectNode actionConfigs, ObjectNode postgre
     }
 
     private void handleMysqlNodeData(
-            ObjectNode actionConfigs, ObjectNode mysqlData, FlinkCdcSyncType cdcSyncType) {
-        List<String> mysqlConfList = getOtherConfigs(actionConfigs);
+            ObjectNode actionConfigs, ObjectNode mysqlData,
+            FlinkCdcSyncType cdcSyncType, CdcJobSubmitDTO cdcJobSubmitDTO) {
+        List<String> mysqlConfList = getOtherConfigs(mysqlData);
         mysqlConfList.add(buildKeyValueString("hostname", JSONUtils.getString(mysqlData, "host")));
         mysqlConfList.add(
                 buildKeyValueString("username", JSONUtils.getString(mysqlData, "username")));
@@ -243,6 +252,26 @@ private void handleMysqlNodeData(
         }
         mysqlConfList.add(
                 buildKeyValueString("password", JSONUtils.getString(mysqlData, "password")));
+
+        SyncMode syncMode = SyncMode.valueOf(cdcJobSubmitDTO.getStartupMode());
+        switch (syncMode){
+            case INCREMENTAL_SYNC:
+                mysqlConfList.add(
+                        buildKeyValueString("scan.startup.mode", "latest-offset"));
+                break;
+            case FULL_SYNC:
+                mysqlConfList.add(
+                        buildKeyValueString("scan.startup.mode", "initial"));
+                break;
+            case TS_SYNC:
+                mysqlConfList.add(
+                        buildKeyValueString("scan.startup.mode", "timestamp"));
+                mysqlConfList.add(
+                        buildKeyValueString("scan.startup.timestamp-millis",
+                                String.valueOf(cdcJobSubmitDTO.getStartupTimestamp())));
+                break;
+        }
+
         actionConfigs.putPOJO(FlinkCdcOptions.MYSQL_CONF, mysqlConfList);
     }
 
diff --git a/paimon-web-ui/src/api/models/cdc/interface.ts b/paimon-web-ui/src/api/models/cdc/interface.ts
index 01109c2d6..6eb824174 100644
--- a/paimon-web-ui/src/api/models/cdc/interface.ts
+++ b/paimon-web-ui/src/api/models/cdc/interface.ts
@@ -24,8 +24,11 @@ export interface CdcJobDefinition {
   cdcType?: number
   config?: string
   createUser?: string
+  dataDelay: number
 }
 
 export interface CdcJobSubmit {
   flinkSessionUrl: string
+  startupMode: number
+  startupTimestamp?: number
 }
diff --git a/paimon-web-ui/src/form-lib/cdc/use-cdc-list.ts b/paimon-web-ui/src/form-lib/cdc/use-cdc-list.ts
index 09970bd76..b052b0696 100644
--- a/paimon-web-ui/src/form-lib/cdc/use-cdc-list.ts
+++ b/paimon-web-ui/src/form-lib/cdc/use-cdc-list.ts
@@ -20,12 +20,6 @@ import type { IJsonItem } from '@/components/dynamic-form/types'
 export function useCDCList(item: any) {
   const { t } = useLocaleHooks()
 
-  const model = reactive({
-    name: item.name,
-    description: item.description,
-    synchronizationType: item.synchronizationType,
-  })
-
   const synchronizationTypeOptions = [
     {
       label: t('cdc.single_table_synchronization'),
@@ -37,6 +31,41 @@ export function useCDCList(item: any) {
     },
   ]
 
+  const dataDelayModelOptions = [
+    {
+      label: "1min",
+      value: 60 * 1000,
+    },
+    {
+      label: "5min",
+      value: 5 * 60 * 1000,
+    },
+    {
+      label: "10min",
+      value: 10 * 60 * 1000,
+    },
+    {
+      label: "15min",
+      value: 15 * 60 * 1000,
+    },
+    {
+      label: "30min",
+      value: 30 * 60 * 1000,
+    },
+    {
+      label: "1hour",
+      value: 60 * 60 * 1000,
+    },
+  ]
+
+  const data = item.data
+  const model = reactive({
+    name: data?.name,
+    description: data?.description,
+    cdcType: data?.cdcType || 0,
+    dataDelay: data?.dataDelay || 60 * 1000,
+  })
+
   return {
     json: [
       {
@@ -62,14 +91,22 @@ export function useCDCList(item: any) {
         name: t('cdc.task_description'),
         props: {
           placeholder: '',
+          type: 'textarea'
         },
       },
+      {
+        type: 'select',
+        field: 'dataDelay',
+        name: t('cdc.data_delay_option'),
+        options: dataDelayModelOptions,
+        value: model.dataDelay ,
+      },
       {
         type: 'radio',
-        field: 'synchronizationType',
+        field: 'cdcType',
         name: t('cdc.synchronization_type'),
         options: synchronizationTypeOptions,
-        value: 0,
+        value: model.cdcType,
       },
     ] as IJsonItem[],
     model,
diff --git a/paimon-web-ui/src/form-lib/cdc/use-submit-cdc-job.ts b/paimon-web-ui/src/form-lib/cdc/use-submit-cdc-job.ts
index bd1cdb56c..56ecaf03d 100644
--- a/paimon-web-ui/src/form-lib/cdc/use-submit-cdc-job.ts
+++ b/paimon-web-ui/src/form-lib/cdc/use-submit-cdc-job.ts
@@ -26,6 +26,8 @@ export function useSumbitCdcJob(item: any) {
 
   const model = reactive<CdcJobSubmit>({
     flinkSessionUrl: item.flinkSessionUrl,
+    startupMode: item.startupMode,
+    startupTimestamp: item.startupTimestamp,
   })
 
   const flinkSessionClusterOptions = ref<SelectOption[]>([])
@@ -38,6 +40,23 @@ export function useSumbitCdcJob(item: any) {
       }))
     }
   })
+
+  const synchronizationModeOptions = [
+    {
+      label: t('cdc.inc_synchronization'),
+      value: 0,
+    },
+    {
+      label: t('cdc.full_synchronization'),
+      value: 1,
+    },
+    {
+      label: t('cdc.ts_synchronization'),
+      value: 2,
+    }
+
+  ]
+
   return {
     json: [
       {
@@ -58,6 +77,21 @@ export function useSumbitCdcJob(item: any) {
           },
         },
       },
+      {
+        type: 'radio',
+        field: 'startupMode',
+        name: t('cdc.synchronization_mode'),
+        options: synchronizationModeOptions,
+        value: 0,
+      },
+      {
+        type: 'input',
+        field: 'startupTimestamp',
+        name: '指定时间',
+        props: {
+          placeholder: '选择同步模式为指定时间时填写，13位时间戳'
+        },
+      },
     ] as IJsonItem[],
     model,
   }
diff --git a/paimon-web-ui/src/locales/en/modules/cdc.ts b/paimon-web-ui/src/locales/en/modules/cdc.ts
index 8a985b65e..d9065df68 100644
--- a/paimon-web-ui/src/locales/en/modules/cdc.ts
+++ b/paimon-web-ui/src/locales/en/modules/cdc.ts
@@ -17,9 +17,13 @@ under the License. */
 
 export default {
   cdc_job_definition: 'Cdc Job Definition',
+  cdc_data_source: 'Cdc Data Source',
+  cdc_data_sink: 'Cdc Data Sink',
   create_synchronization_job: 'Create Synchronization Job',
+  save_synchronization_job: 'Save Synchronization Job',
   job_name: 'Job Name',
-  synchronization_type: 'Synchronization type',
+  synchronization_type: 'Synchronization Type',
+  synchronization_mode: 'Synchronization Mode',
   job_description: 'Job Description',
   create_user: 'Create User',
   create_time: 'Create Time',
@@ -31,6 +35,11 @@ export default {
   synchronization_job_name: 'Synchronization Job Name',
   edit_synchronization_job: 'Edit Synchronization Job',
   task_description: 'Task Description',
+  data_delay_option: 'Data Delay',
+  full_synchronization: 'Full Synchronization',
+  inc_synchronization: 'Incremental Synchronization',
+  ts_synchronization: 'Timestamp Synchronization',
+  cp_synchronization: 'Checkpoint Synchronization',
   single_table_synchronization: 'Single Table Synchronization',
   whole_database_synchronization: 'Whole Database Synchronization',
   save: 'Save',
diff --git a/paimon-web-ui/src/locales/zh/modules/cdc.ts b/paimon-web-ui/src/locales/zh/modules/cdc.ts
index f6ed18010..74156dc84 100644
--- a/paimon-web-ui/src/locales/zh/modules/cdc.ts
+++ b/paimon-web-ui/src/locales/zh/modules/cdc.ts
@@ -17,9 +17,14 @@ under the License. */
 
 export default {
   cdc_job_definition: 'CDC集成任务定义',
-  create_synchronization_job: '创建同步作业',
+  cdc_job_info: '作业信息',
+  cdc_data_source: '数据来源',
+  cdc_data_sink: '数据写入',
+  create_synchronization_job: '创建作业',
+  save_synchronization_job: '保存作业',
   job_name: '作业名称',
   synchronization_type: '同步类型',
+  synchronization_mode: '同步模式',
   job_description: '作业描述',
   create_user: '创建用户',
   create_time: '创建时间',
@@ -28,9 +33,14 @@ export default {
   edit: '编辑',
   run: '运行',
   delete: '删除',
-  synchronization_job_name: '同步作业名称',
+  synchronization_job_name: '作业名称',
   edit_synchronization_job: '编辑同步作业',
   task_description: '任务描述',
+  data_delay_option: '数据时效',
+  full_synchronization: '全量同步',
+  inc_synchronization: '增量同步',
+  ts_synchronization: '指定时间',
+  cp_synchronization: '断点同步',
   single_table_synchronization: '单表同步',
   whole_database_synchronization: '整库同步',
   save: '保存',
@@ -49,5 +59,5 @@ export default {
   synchronization_configuration: '同步配置',
   primary_key: '主键',
   partition_column: '分区列',
-  submit_cdc_job: '提交 CDC 作业',
+  submit_cdc_job: '提交作业',
 }
diff --git a/paimon-web-ui/src/locales/zh/modules/common.ts b/paimon-web-ui/src/locales/zh/modules/common.ts
index 644276d39..752cd9596 100644
--- a/paimon-web-ui/src/locales/zh/modules/common.ts
+++ b/paimon-web-ui/src/locales/zh/modules/common.ts
@@ -27,5 +27,5 @@ export default {
   yes: '是',
   no: '否',
   action: '操作',
-  flink_session_url: 'Flink Session 集群地址',
+  flink_session_url: '集群地址',
 }
diff --git a/paimon-web-ui/src/views/cdc/components/dag/dag-canvas.tsx b/paimon-web-ui/src/views/cdc/components/dag/dag-canvas.tsx
index 6a0bca9de..27eeb2949 100644
--- a/paimon-web-ui/src/views/cdc/components/dag/dag-canvas.tsx
+++ b/paimon-web-ui/src/views/cdc/components/dag/dag-canvas.tsx
@@ -41,6 +41,7 @@ export default defineComponent({
       if (graph.value) {
         graph.value.on('node:dblclick', ({ node }) => {
           nodeVariables.showDrawer = true
+          nodeVariables.showContextMenu = false
           nodeVariables.row = node.data
         })
         graph.value.on('node:contextmenu', ({ e, node }) => {
diff --git a/paimon-web-ui/src/views/cdc/components/dag/dag-slider.tsx b/paimon-web-ui/src/views/cdc/components/dag/dag-slider.tsx
index 69c1875f7..29574fe04 100644
--- a/paimon-web-ui/src/views/cdc/components/dag/dag-slider.tsx
+++ b/paimon-web-ui/src/views/cdc/components/dag/dag-slider.tsx
@@ -38,22 +38,7 @@ export default defineComponent({
           name: 'MySQL',
           value: 'MYSQL',
           type: 'INPUT',
-        },
-        {
-          name: 'Kafka',
-          value: 'KAFKA',
-          type: 'INPUT',
-        },
-        {
-          name: 'MongoDB',
-          value: 'MONGODB',
-          type: 'INPUT',
-        },
-        {
-          name: 'PostgreSQL',
-          value: 'POSTGRESQL',
-          type: 'INPUT',
-        },
+        }
       ],
       sinkList: [
         {
@@ -83,11 +68,11 @@ export default defineComponent({
   render() {
     return (
       <div class={styles['dag-slider']} id="dag-slider">
-        <n-card class={styles.card} content-style="overflow:scroll;">
+        <n-card class={styles.card} >
           <n-space vertical>
             <div class={styles.source}>
               <n-space vertical size={15}>
-                <div class={styles.title}>Source</div>
+                <div class={styles.title}>{this.t('cdc.cdc_data_source')}</div>
                 {
                   this.sourceList.map((item) => {
                     return (
@@ -101,7 +86,7 @@ export default defineComponent({
             </div>
             <div class={styles.sink}>
               <n-space vertical size={15}>
-                <div class={styles.title}>Sink</div>
+                <div class={styles.title}>{this.t('cdc.cdc_data_sink')}</div>
                 {
                   this.sinkList.map((item) => {
                     return (
diff --git a/paimon-web-ui/src/views/cdc/components/dag/index.module.scss b/paimon-web-ui/src/views/cdc/components/dag/index.module.scss
index 77658b51a..8a2a4d3ed 100644
--- a/paimon-web-ui/src/views/cdc/components/dag/index.module.scss
+++ b/paimon-web-ui/src/views/cdc/components/dag/index.module.scss
@@ -46,7 +46,7 @@ under the License. */
       border-radius: 5px;
 
       .title {
-        font-size: 18px;
+        font-size: 16px;
       }
 
       .list-item {
diff --git a/paimon-web-ui/src/views/cdc/components/dag/index.tsx b/paimon-web-ui/src/views/cdc/components/dag/index.tsx
index f6b45a73f..8e00067f4 100644
--- a/paimon-web-ui/src/views/cdc/components/dag/index.tsx
+++ b/paimon-web-ui/src/views/cdc/components/dag/index.tsx
@@ -20,7 +20,8 @@ import type { Router } from 'vue-router'
 import styles from './index.module.scss'
 import DagCanvas from './dag-canvas'
 import { useCDCStore } from '@/store/cdc'
-import { createCdcJob, updateCdcJob } from '@/api/models/cdc'
+import {type CdcJobDefinition, createCdcJob, updateCdcJob} from '@/api/models/cdc'
+import Modal from "@/components/modal";
 
 export default defineComponent({
   name: 'DagPage',
@@ -29,22 +30,72 @@ export default defineComponent({
     const CDCStore = useCDCStore()
     const router: Router = useRouter()
 
+    const showModalRef = ref(false)
+    const CDCModalRef = ref()
+    const row =  reactive({
+      name: '',
+      description: '',
+      cdcType: 0,
+      dataDelay: 60 * 1000
+    })
     const name = ref('')
+    const dagRef = ref() as any
+
     onMounted(() => {
       name.value = CDCStore.getModel.name
+      if (dagRef.value && dagRef.value.graph) {
+        dagRef.value.graph.fromJSON({
+          cells: CDCStore.getModel.cells,
+        })
+      }
     })
 
-    const dagRef = ref() as any
+    onUpdated(() => {
+      name.value = CDCStore.getModel.name
+      if (dagRef.value && dagRef.value.graph) {
+        dagRef.value.graph.fromJSON({
+          cells: CDCStore.getModel.cells,
+        })
+      }
+    })
+
+    const handleShowJobInfo = () => {
+      row.name = CDCStore.getModel.name
+      row.description = CDCStore.getModel.description
+      row.cdcType = CDCStore.getModel.cdcType
+      row.dataDelay = CDCStore.getModel.dataDelay
+      showModalRef.value = true
+    }
+
+    const handleConfirm = async (model: any) => {
+      await CDCModalRef.value.formRef.validate()
+      const rawModel = useCDCStore().getModel
+      rawModel.name = model.name
+      rawModel.description = model.description
+      rawModel.cdcType = model.cdcType
+      rawModel.dataDelay = model.dataDelay
+      CDCStore.setModel(rawModel)
+      showModalRef.value = false
+    }
+
     const handleSave = () => {
       const editMode = CDCStore.getModel.editMode
+      const jobParam: CdcJobDefinition = {
+        name: CDCStore.getModel.name,
+        description: CDCStore.getModel.description,
+        cdcType: CDCStore.getModel.cdcType,
+        config: JSON.stringify(dagRef.value.graph.toJSON()),
+        dataDelay: CDCStore.getModel.dataDelay
+      }
       if (editMode === 'edit') {
-        updateCdcJob({ id: CDCStore.getModel.id, name: `${name.value}`, description: CDCStore.getModel.description, cdcType: CDCStore.getModel.synchronizationType, config: JSON.stringify(dagRef.value.graph.toJSON()) })
+        jobParam.id = CDCStore.getModel.id
+        updateCdcJob(jobParam)
           .then(() => {
             router.push({ path: '/cdc_ingestion' })
           })
       }
       else {
-        createCdcJob({ name: `${name.value}`, description: CDCStore.getModel.description, cdcType: CDCStore.getModel.synchronizationType, config: JSON.stringify(dagRef.value.graph.toJSON()) })
+        createCdcJob(jobParam)
           .then(() => {
             router.push({ path: '/cdc_ingestion' })
           })
@@ -54,18 +105,14 @@ export default defineComponent({
     const handleJump = () => {
       router.push({ path: '/cdc_ingestion' })
     }
-
-    onMounted(() => {
-      if (dagRef.value && dagRef.value.graph) {
-        dagRef.value.graph.fromJSON({
-          cells: CDCStore.getModel.cells,
-        })
-      }
-    })
-
     return {
       t,
       name,
+      row,
+      handleShowJobInfo,
+      handleConfirm,
+      showModalRef,
+      CDCModalRef,
       handleSave,
       dagRef,
       handleJump,
@@ -86,26 +133,26 @@ export default defineComponent({
               </n-space>
               <div class={styles.operation}>
                 <n-space>
-                  <n-popover
-                    trigger="hover"
-                    placement="bottom"
-                    v-slots={{
-                      trigger: () => (
-                        <n-button
-                          onClick={this.handleSave}
-                          v-slots={{
-                            icon: () => <n-icon component={Save}></n-icon>,
-                          }}
-                        >
-                        </n-button>
-                      ),
-                    }}
-                  >
-                    <span>{this.t('cdc.save')}</span>
-                  </n-popover>
+                  <n-button onClick={this.handleShowJobInfo}>
+                    {this.t('cdc.cdc_job_info')}
+                  </n-button>
+                  <n-button type="primary" onClick={this.handleSave}>
+                    {this.t('cdc.save_synchronization_job')}
+                  </n-button>
                 </n-space>
               </div>
             </div>
+            {this.showModalRef && (
+                <Modal
+                    ref="CDCModalRef"
+                    row={this.row}
+                    showModal={this.showModalRef}
+                    title={this.t('cdc.cdc_job_info')}
+                    formType="CDCLIST"
+                    onCancel={() => (this.showModalRef = false)}
+                    onConfirm={this.handleConfirm}
+                />
+            )}
           </n-card>
           <DagCanvas ref="dagRef"></DagCanvas>
         </n-space>
diff --git a/paimon-web-ui/src/views/cdc/components/list/use-table.ts b/paimon-web-ui/src/views/cdc/components/list/use-table.ts
index 5344fc30b..2350acead 100644
--- a/paimon-web-ui/src/views/cdc/components/list/use-table.ts
+++ b/paimon-web-ui/src/views/cdc/components/list/use-table.ts
@@ -71,6 +71,9 @@ export function useTable(ctx: any) {
                 CDCStore.setModel({
                   cells: JSON.parse(res.data.config).cells,
                   name: res.data.name,
+                  description: res.data.description,
+                  cdcType: res.data.cdcType,
+                  dataDelay: res.data.dataDelay,
                   editMode: 'edit',
                   id: res.data.id,
                 })
diff --git a/paimon-web-ui/src/views/cdc/index.tsx b/paimon-web-ui/src/views/cdc/index.tsx
index ba1e23dc3..32b965dbf 100644
--- a/paimon-web-ui/src/views/cdc/index.tsx
+++ b/paimon-web-ui/src/views/cdc/index.tsx
@@ -48,10 +48,6 @@ export default defineComponent({
       showModalRef.value = true
     }
 
-    function handleOpenSubmitCdcJobModal() {
-      showSubmitCdcJobModalRef.value = true
-    }
-
     function handleCdcSubmitConfirm(form: CdcJobSubmit) {
       const CDCStore = useCDCStore()
       submitCdcJob(CDCStore.getModel.id, form)
@@ -70,7 +66,6 @@ export default defineComponent({
       handleConfirm,
       CDCModalRef,
       submitCdcJobModalRef,
-      handleOpenSubmitCdcJobModal,
       handleCdcSubmitConfirm,
       cdcJobTableRef,
       handleSeachCdcJobTable,
diff --git a/paimon-web-ui/vite.config.ts b/paimon-web-ui/vite.config.ts
index ff16513a7..eedc18480 100644
--- a/paimon-web-ui/vite.config.ts
+++ b/paimon-web-ui/vite.config.ts
@@ -31,11 +31,11 @@ export default defineConfig({
   server: {
     proxy: {
       '/mock': {
-        target: 'http://127.0.0.1:10088',
+        target: 'http://172.21.200.175:10088',
         changeOrigin: true,
       },
       '/api': {
-        target: 'http://127.0.0.1:10088',
+        target: 'http://172.21.200.175:10088',
         changeOrigin: true,
       },
     },

From a3a94dce0b91cfc2638e4cffacf0b8b30e3838b1 Mon Sep 17 00:00:00 2001
From: hiliuxg <helloliuxg@gmail.com>
Date: Tue, 3 Sep 2024 17:53:13 +0800
Subject: [PATCH 09/17] =?UTF-8?q?1=E3=80=81=E4=BD=9C=E4=B8=9A=E6=8F=90?=
 =?UTF-8?q?=E4=BA=A4=EF=BC=8C=E5=8F=96=E6=B6=88=EF=BC=8C=E7=8A=B6=E6=80=81?=
 =?UTF-8?q?=E8=8E=B7=E5=8F=96=EF=BC=8C=E5=A4=8D=E5=88=B6=E5=8A=9F=E8=83=BD?=
 =?UTF-8?q?=202=E3=80=81=E4=BD=9C=E4=B8=9A=E6=8F=90=E4=BA=A4=EF=BC=8C?=
 =?UTF-8?q?=E5=8F=96=E6=B6=88=EF=BC=8C=E7=8A=B6=E6=80=81=E8=8E=B7=E5=8F=96?=
 =?UTF-8?q?=EF=BC=8C=E5=B9=B6=E5=8F=91=E6=8E=A7=E5=88=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../action/context/ActionExecutionResult.java |  15 +-
 .../action/service/FlinkCdcActionService.java |  60 ++--
 .../paimon/web/api/shell/ShellService.java    |   4 +-
 .../engine/flink/common/status/JobStatus.java |   6 +-
 .../sql/gateway/client/FlinkJobAction.java    |  45 +++
 .../client/JobIdMessageParameters.java        |  28 ++
 .../client/JobIdMessagePathParameter.java     |  28 ++
 .../gateway/client/JobOverViewHeaders.java    |  54 +++
 .../gateway/client/SessionClusterClient.java  |  48 ++-
 .../sql/gateway/client/SqlGatewayClient.java  |   8 +-
 .../client/StopWithSavePointHeaders.java      |  56 +++
 .../sql/gateway/model/JobOverviewEntity.java  | 107 ++++++
 .../sql/gateway/model/TriggerIdEntity.java    |  23 ++
 .../client/SessionClusterClientTest.java      |  35 ++
 .../web/gateway/enums/DeploymentMode.java     |   1 +
 .../CdcJobDefinitionController.java           |  28 +-
 .../server/controller/ClusterController.java  |   2 +-
 .../web/server/data/dto/CdcJobLogDTO.java     |  44 +++
 .../web/server/data/dto/CdcJobSubmitDTO.java  |   1 +
 .../server/data/model/CdcJobDefinition.java   |   1 -
 .../web/server/data/model/CdcJobLog.java      |  55 +++
 .../web/server/data/result/enums/Status.java  |   2 +
 .../data/vo/ActionExecutionResultVo.java      |  23 ++
 .../server/data/vo/CdcJobDefinitionVO.java    |  56 +++
 .../web/server/mapper/CdcJobLogMapper.java    |  26 ++
 .../service/CdcJobDefinitionService.java      |  16 +-
 .../web/server/service/CdcJobLogService.java  |  29 ++
 .../web/server/service/ClusterService.java    |   2 +-
 .../impl/CdcJobDefinitionServiceImpl.java     | 325 +++++++++++++++---
 .../server/service/impl/CdcJobLogImpl.java    |  50 +++
 .../service/impl/ClusterServiceImpl.java      |   4 +-
 .../main/resources/i18n/messages.properties   |   5 +-
 .../resources/i18n/messages_en_US.properties  |   2 +
 .../resources/i18n/messages_zh_CN.properties  |   6 +-
 paimon-web-ui/src/api/models/cdc/index.ts     |  26 +-
 .../cdc/{interface.ts => types/cdcJob.ts}     |  18 +-
 .../src/components/table-action/index.tsx     | 215 ++++++++----
 .../src/form-lib/cdc/use-submit-cdc-job.ts    |   8 +-
 paimon-web-ui/src/locales/zh/modules/cdc.ts   |  19 +-
 .../src/locales/zh/modules/layout.ts          |   2 +-
 .../src/locales/zh/modules/system.ts          |   2 +-
 paimon-web-ui/src/store/cdc/index.ts          |  23 ++
 .../src/views/cdc/components/dag/index.tsx    |   8 +-
 .../src/views/cdc/components/list/index.tsx   |   2 +-
 .../views/cdc/components/list/use-table.ts    |  60 +++-
 paimon-web-ui/src/views/cdc/index.tsx         | 158 +++++++--
 scripts/sql/paimon-mysql.sql                  |  15 +
 47 files changed, 1536 insertions(+), 215 deletions(-)
 create mode 100644 paimon-web-engine/paimon-web-engine-flink/paimon-web-engine-flink-sql-gateway/src/main/java/org/apache/paimon/web/engine/flink/sql/gateway/client/FlinkJobAction.java
 create mode 100644 paimon-web-engine/paimon-web-engine-flink/paimon-web-engine-flink-sql-gateway/src/main/java/org/apache/paimon/web/engine/flink/sql/gateway/client/JobIdMessageParameters.java
 create mode 100644 paimon-web-engine/paimon-web-engine-flink/paimon-web-engine-flink-sql-gateway/src/main/java/org/apache/paimon/web/engine/flink/sql/gateway/client/JobIdMessagePathParameter.java
 create mode 100644 paimon-web-engine/paimon-web-engine-flink/paimon-web-engine-flink-sql-gateway/src/main/java/org/apache/paimon/web/engine/flink/sql/gateway/client/JobOverViewHeaders.java
 create mode 100644 paimon-web-engine/paimon-web-engine-flink/paimon-web-engine-flink-sql-gateway/src/main/java/org/apache/paimon/web/engine/flink/sql/gateway/client/StopWithSavePointHeaders.java
 create mode 100644 paimon-web-engine/paimon-web-engine-flink/paimon-web-engine-flink-sql-gateway/src/main/java/org/apache/paimon/web/engine/flink/sql/gateway/model/JobOverviewEntity.java
 create mode 100644 paimon-web-engine/paimon-web-engine-flink/paimon-web-engine-flink-sql-gateway/src/main/java/org/apache/paimon/web/engine/flink/sql/gateway/model/TriggerIdEntity.java
 create mode 100644 paimon-web-engine/paimon-web-engine-flink/paimon-web-engine-flink-sql-gateway/src/test/java/org/apache/paimon/web/engine/flink/sql/gataway/client/SessionClusterClientTest.java
 create mode 100644 paimon-web-server/src/main/java/org/apache/paimon/web/server/data/dto/CdcJobLogDTO.java
 create mode 100644 paimon-web-server/src/main/java/org/apache/paimon/web/server/data/model/CdcJobLog.java
 create mode 100644 paimon-web-server/src/main/java/org/apache/paimon/web/server/data/vo/ActionExecutionResultVo.java
 create mode 100644 paimon-web-server/src/main/java/org/apache/paimon/web/server/data/vo/CdcJobDefinitionVO.java
 create mode 100644 paimon-web-server/src/main/java/org/apache/paimon/web/server/mapper/CdcJobLogMapper.java
 create mode 100644 paimon-web-server/src/main/java/org/apache/paimon/web/server/service/CdcJobLogService.java
 create mode 100644 paimon-web-server/src/main/java/org/apache/paimon/web/server/service/impl/CdcJobLogImpl.java
 rename paimon-web-ui/src/api/models/cdc/{interface.ts => types/cdcJob.ts} (78%)

diff --git a/paimon-web-api/src/main/java/org/apache/paimon/web/api/action/context/ActionExecutionResult.java b/paimon-web-api/src/main/java/org/apache/paimon/web/api/action/context/ActionExecutionResult.java
index 13077aad5..7f14adbbc 100644
--- a/paimon-web-api/src/main/java/org/apache/paimon/web/api/action/context/ActionExecutionResult.java
+++ b/paimon-web-api/src/main/java/org/apache/paimon/web/api/action/context/ActionExecutionResult.java
@@ -21,18 +21,20 @@
 /** ActionExecutionResult. */
 public class ActionExecutionResult {
 
+    private String flinkJobId;
     private boolean success;
     private String errorMsg;
 
-    public static ActionExecutionResult success() {
+    public static ActionExecutionResult success(String flinkJobId) {
         ActionExecutionResult actionExecutionResult = new ActionExecutionResult();
         actionExecutionResult.success = true;
+        actionExecutionResult.flinkJobId = flinkJobId;
         return actionExecutionResult;
     }
 
     public static ActionExecutionResult fail(String errorMsg) {
         ActionExecutionResult actionExecutionResult = new ActionExecutionResult();
-        actionExecutionResult.success = true;
+        actionExecutionResult.success = false;
         actionExecutionResult.errorMsg = errorMsg;
         return actionExecutionResult;
     }
@@ -41,15 +43,12 @@ public boolean isSuccess() {
         return success;
     }
 
-    public void setSuccess(boolean success) {
-        this.success = success;
-    }
-
     public String getErrorMsg() {
         return errorMsg;
     }
 
-    public void setErrorMsg(String errorMsg) {
-        this.errorMsg = errorMsg;
+    public String getFlinkJobId(){
+        return flinkJobId;
     }
+
 }
diff --git a/paimon-web-api/src/main/java/org/apache/paimon/web/api/action/service/FlinkCdcActionService.java b/paimon-web-api/src/main/java/org/apache/paimon/web/api/action/service/FlinkCdcActionService.java
index 668f915d6..fd8f2f7c3 100644
--- a/paimon-web-api/src/main/java/org/apache/paimon/web/api/action/service/FlinkCdcActionService.java
+++ b/paimon-web-api/src/main/java/org/apache/paimon/web/api/action/service/FlinkCdcActionService.java
@@ -33,18 +33,20 @@
 import java.nio.charset.StandardCharsets;
 import java.util.ArrayList;
 import java.util.List;
-import java.util.concurrent.ExecutorService;
-import java.util.concurrent.Executors;
+import java.util.concurrent.TimeUnit;
 
 /** An abstract Action service that executes actions through the shell. */
 @Slf4j
 public class FlinkCdcActionService implements ActionService {
-    private static final ExecutorService shellExecutor = Executors.newFixedThreadPool(5);
+
+    private static int DEFAULT_TIMEOUT_SECCOND = 60;
+    private static String JOB_ID_LOG_PREFIX = "Job has been submitted with JobID ";
 
     private List<String> getCommand(FlinkActionContext actionContext) {
         List<String> commandList = new ArrayList<>();
         commandList.add("bin/flink");
         commandList.add("run");
+        commandList.add("-d");
 
         if (actionContext.getFlinkJobType().isPresent() &&
                 actionContext.getFlinkJobType().get() != FlinkJobType.SESSION) {
@@ -68,7 +70,7 @@ private List<String> getCommand(FlinkActionContext actionContext) {
         return commandList;
     }
 
-    public ActionExecutionResult execute(ActionContext actionContext) throws Exception {
+    public ActionExecutionResult execute(ActionContext actionContext) {
         String flinkHome = getFlinkHome();
         FlinkActionContext flinkActionContext;
         if (!(actionContext instanceof FlinkActionContext)) {
@@ -79,25 +81,37 @@ public ActionExecutionResult execute(ActionContext actionContext) throws Excepti
         try {
             List<String> command = getCommand(flinkActionContext);
             Process process = new ShellService(flinkHome, command).execute();
-            shellExecutor.execute(
-                    () -> {
-                        try (InputStream inputStream = process.getInputStream();
-                                InputStream errorStream = process.getErrorStream(); ) {
-                            List<String> logLines =
-                                    IOUtils.readLines(inputStream, StandardCharsets.UTF_8);
-                            for (String logLine : logLines) {
-                                log.info(logLine);
-                            }
-                            List<String> errorLines =
-                                    IOUtils.readLines(errorStream, StandardCharsets.UTF_8);
-                            for (String logLine : errorLines) {
-                                log.error(logLine);
-                            }
-                        } catch (Exception e) {
-                            log.error(e.getMessage(), e);
-                        }
-                    });
-            result = ActionExecutionResult.success();
+            boolean hasExited = process.waitFor(DEFAULT_TIMEOUT_SECCOND, TimeUnit.SECONDS);
+            if (hasExited){
+                int value = process.exitValue();
+                try (InputStream inputStream = process.getInputStream();
+                     InputStream errorStream = process.getErrorStream()) {
+                    List<String> lines = IOUtils.readLines(inputStream, StandardCharsets.UTF_8);
+                    if (value == 0) {
+                        String infoLines = String.join("\n", lines);
+                        log.info("run shell command [{}] get info log\n{}",
+                                String.join(" ", command), infoLines);
+                        String flinkJobId = lines.stream()
+                                .filter(item -> item.startsWith(JOB_ID_LOG_PREFIX))
+                                .map(item -> item.replaceAll(JOB_ID_LOG_PREFIX, ""))
+                                .findFirst().orElse(null);
+                        result = ActionExecutionResult.success(flinkJobId);
+                    } else{
+                        lines.addAll(IOUtils.readLines(errorStream, StandardCharsets.UTF_8));
+                        String errLines = String.join("\n", lines);
+                        log.info("run shell command [{}] get error log\n{}",
+                                String.join(" ", command), errLines);
+                        result = ActionExecutionResult.fail(errLines);
+                    }
+                } catch (Exception exception) {
+                    log.error(exception.getMessage(), exception);
+                    result = ActionExecutionResult.fail(exception.getMessage());
+                }
+            }else{
+                process.destroyForcibly();
+                result = ActionExecutionResult.fail(
+                        String.format("run shell command timeout after %s second", DEFAULT_TIMEOUT_SECCOND));
+            }
         } catch (Exception exception) {
             log.error(exception.getMessage(), exception);
             result = ActionExecutionResult.fail(exception.getMessage());
diff --git a/paimon-web-api/src/main/java/org/apache/paimon/web/api/shell/ShellService.java b/paimon-web-api/src/main/java/org/apache/paimon/web/api/shell/ShellService.java
index 8aa08a016..793150384 100644
--- a/paimon-web-api/src/main/java/org/apache/paimon/web/api/shell/ShellService.java
+++ b/paimon-web-api/src/main/java/org/apache/paimon/web/api/shell/ShellService.java
@@ -39,9 +39,9 @@ public ShellService(String workingDirectory, List<String> executeCommand) {
     public Process execute() throws IOException {
         ProcessBuilder processBuilder = new ProcessBuilder();
         processBuilder.directory(new File(workingDirectory));
-        processBuilder.redirectErrorStream(true);
+        processBuilder.redirectErrorStream(false);
         processBuilder.command(executeCommand);
-        log.info("Executing shell command : {}", String.join(" ", executeCommand));
+        log.info("run shell command : {}", String.join(" ", executeCommand));
         return processBuilder.start();
     }
 }
diff --git a/paimon-web-engine/paimon-web-engine-flink/paimon-web-engine-flink-common/src/main/java/org/apache/paimon/web/engine/flink/common/status/JobStatus.java b/paimon-web-engine/paimon-web-engine-flink/paimon-web-engine-flink-common/src/main/java/org/apache/paimon/web/engine/flink/common/status/JobStatus.java
index aabaab1eb..419ecf9b3 100644
--- a/paimon-web-engine/paimon-web-engine-flink/paimon-web-engine-flink-common/src/main/java/org/apache/paimon/web/engine/flink/common/status/JobStatus.java
+++ b/paimon-web-engine/paimon-web-engine-flink/paimon-web-engine-flink-common/src/main/java/org/apache/paimon/web/engine/flink/common/status/JobStatus.java
@@ -20,11 +20,15 @@
 
 /** Represents the various states that a job. */
 public enum JobStatus {
+    FRESHED("FRESHED"),
+    CANCELLING("CANCELLING"),
+    SUBMITTING("SUBMITTING"),
     CREATED("CREATED"),
     RUNNING("RUNNING"),
     FINISHED("FINISHED"),
     FAILED("FAILED"),
-    CANCELED("CANCELED");
+    CANCELED("CANCELED"),
+    UNKNOWN("UNKNOWN");
 
     private final String value;
 
diff --git a/paimon-web-engine/paimon-web-engine-flink/paimon-web-engine-flink-sql-gateway/src/main/java/org/apache/paimon/web/engine/flink/sql/gateway/client/FlinkJobAction.java b/paimon-web-engine/paimon-web-engine-flink/paimon-web-engine-flink-sql-gateway/src/main/java/org/apache/paimon/web/engine/flink/sql/gateway/client/FlinkJobAction.java
new file mode 100644
index 000000000..b007f6aba
--- /dev/null
+++ b/paimon-web-engine/paimon-web-engine-flink/paimon-web-engine-flink-sql-gateway/src/main/java/org/apache/paimon/web/engine/flink/sql/gateway/client/FlinkJobAction.java
@@ -0,0 +1,45 @@
+/*
+ * Licensed to the Apache Software Foundation (ASF) under one
+ * or more contributor license agreements.  See the NOTICE file
+ * distributed with this work for additional information
+ * regarding copyright ownership.  The ASF licenses this file
+ * to you under the Apache License, Version 2.0 (the
+ * "License"); you may not use this file except in compliance
+ * with the License.  You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+package org.apache.paimon.web.engine.flink.sql.gateway.client;
+
+import org.apache.paimon.web.engine.flink.sql.gateway.model.JobOverviewEntity;
+import org.apache.paimon.web.engine.flink.sql.gateway.model.TriggerIdEntity;
+
+/** Using to execute flink job action. */
+public interface FlinkJobAction {
+
+
+    /**
+     * Execute cluster action to get job overview.
+     *
+     * @param jobId the flink jobId
+     * @return flink job entity.
+     */
+    JobOverviewEntity jobOverview(String jobId);
+
+    /**
+     * Stops a job with a savepoint.
+     *
+     * @param jobId the flink jobId
+     * @return return a 'triggerId' for further query identifier.
+     */
+    TriggerIdEntity stopWithSavePoint(String jobId);
+
+
+}
diff --git a/paimon-web-engine/paimon-web-engine-flink/paimon-web-engine-flink-sql-gateway/src/main/java/org/apache/paimon/web/engine/flink/sql/gateway/client/JobIdMessageParameters.java b/paimon-web-engine/paimon-web-engine-flink/paimon-web-engine-flink-sql-gateway/src/main/java/org/apache/paimon/web/engine/flink/sql/gateway/client/JobIdMessageParameters.java
new file mode 100644
index 000000000..0d4719770
--- /dev/null
+++ b/paimon-web-engine/paimon-web-engine-flink/paimon-web-engine-flink-sql-gateway/src/main/java/org/apache/paimon/web/engine/flink/sql/gateway/client/JobIdMessageParameters.java
@@ -0,0 +1,28 @@
+package org.apache.paimon.web.engine.flink.sql.gateway.client;
+
+import org.apache.flink.runtime.rest.messages.MessageParameters;
+import org.apache.flink.runtime.rest.messages.MessagePathParameter;
+import org.apache.flink.runtime.rest.messages.MessageQueryParameter;
+
+import java.util.Collection;
+import java.util.Collections;
+
+public class JobIdMessageParameters extends MessageParameters {
+
+    private final JobIdMessagePathParameter jobIdMessagePathParameter = new JobIdMessagePathParameter();
+
+    public JobIdMessageParameters(String jobId) {
+        jobIdMessagePathParameter.resolve(jobId);
+    }
+
+    @Override
+    public Collection<MessagePathParameter<?>> getPathParameters() {
+        return Collections.singletonList(this.jobIdMessagePathParameter);
+    }
+
+    @Override
+    public Collection<MessageQueryParameter<?>> getQueryParameters() {
+        return Collections.emptyList();
+    }
+
+}
diff --git a/paimon-web-engine/paimon-web-engine-flink/paimon-web-engine-flink-sql-gateway/src/main/java/org/apache/paimon/web/engine/flink/sql/gateway/client/JobIdMessagePathParameter.java b/paimon-web-engine/paimon-web-engine-flink/paimon-web-engine-flink-sql-gateway/src/main/java/org/apache/paimon/web/engine/flink/sql/gateway/client/JobIdMessagePathParameter.java
new file mode 100644
index 000000000..78ffa11a2
--- /dev/null
+++ b/paimon-web-engine/paimon-web-engine-flink/paimon-web-engine-flink-sql-gateway/src/main/java/org/apache/paimon/web/engine/flink/sql/gateway/client/JobIdMessagePathParameter.java
@@ -0,0 +1,28 @@
+package org.apache.paimon.web.engine.flink.sql.gateway.client;
+
+import org.apache.flink.runtime.rest.messages.ConversionException;
+import org.apache.flink.runtime.rest.messages.MessagePathParameter;
+
+public class JobIdMessagePathParameter extends MessagePathParameter<String> {
+
+    public static final String KEY = "jobid";
+
+    protected JobIdMessagePathParameter() {
+        super(KEY);
+    }
+
+    @Override
+    protected String convertFromString(String jobid) throws ConversionException {
+        return jobid;
+    }
+
+    @Override
+    protected String convertToString(String jobid) {
+        return jobid;
+    }
+
+    @Override
+    public String getDescription() {
+        return "the id of flink job";
+    }
+}
diff --git a/paimon-web-engine/paimon-web-engine-flink/paimon-web-engine-flink-sql-gateway/src/main/java/org/apache/paimon/web/engine/flink/sql/gateway/client/JobOverViewHeaders.java b/paimon-web-engine/paimon-web-engine-flink/paimon-web-engine-flink-sql-gateway/src/main/java/org/apache/paimon/web/engine/flink/sql/gateway/client/JobOverViewHeaders.java
new file mode 100644
index 000000000..9c3a6c160
--- /dev/null
+++ b/paimon-web-engine/paimon-web-engine-flink/paimon-web-engine-flink-sql-gateway/src/main/java/org/apache/paimon/web/engine/flink/sql/gateway/client/JobOverViewHeaders.java
@@ -0,0 +1,54 @@
+package org.apache.paimon.web.engine.flink.sql.gateway.client;
+
+import org.apache.flink.runtime.rest.HttpMethodWrapper;
+import org.apache.flink.runtime.rest.messages.EmptyRequestBody;
+import org.apache.flink.runtime.rest.messages.RuntimeMessageHeaders;
+import org.apache.flink.shaded.netty4.io.netty.handler.codec.http.HttpResponseStatus;
+import org.apache.paimon.web.engine.flink.sql.gateway.model.JobOverviewEntity;
+
+
+public class JobOverViewHeaders implements RuntimeMessageHeaders<EmptyRequestBody, JobOverviewEntity, JobIdMessageParameters> {
+
+    private final String jobId;
+    public static final String URL = "/jobs/:" + JobIdMessagePathParameter.KEY;
+
+    public JobOverViewHeaders(String jobId) {
+        this.jobId = jobId;
+    }
+
+    @Override
+    public Class<JobOverviewEntity> getResponseClass() {
+        return JobOverviewEntity.class;
+    }
+
+    @Override
+    public HttpResponseStatus getResponseStatusCode() {
+        return HttpResponseStatus.OK;
+    }
+
+    @Override
+    public String getDescription() {
+        return "Returns details of a job.";
+    }
+
+    @Override
+    public Class<EmptyRequestBody> getRequestClass() {
+        return EmptyRequestBody.class;
+    }
+
+    @Override
+    public JobIdMessageParameters getUnresolvedMessageParameters() {
+        return new JobIdMessageParameters(jobId);
+    }
+
+    @Override
+    public HttpMethodWrapper getHttpMethod() {
+        return HttpMethodWrapper.GET;
+    }
+
+    @Override
+    public String getTargetRestEndpointURL() {
+        return URL;
+    }
+
+}
diff --git a/paimon-web-engine/paimon-web-engine-flink/paimon-web-engine-flink-sql-gateway/src/main/java/org/apache/paimon/web/engine/flink/sql/gateway/client/SessionClusterClient.java b/paimon-web-engine/paimon-web-engine-flink/paimon-web-engine-flink-sql-gateway/src/main/java/org/apache/paimon/web/engine/flink/sql/gateway/client/SessionClusterClient.java
index 81b3c515f..9649121a4 100644
--- a/paimon-web-engine/paimon-web-engine-flink/paimon-web-engine-flink-sql-gateway/src/main/java/org/apache/paimon/web/engine/flink/sql/gateway/client/SessionClusterClient.java
+++ b/paimon-web-engine/paimon-web-engine-flink/paimon-web-engine-flink-sql-gateway/src/main/java/org/apache/paimon/web/engine/flink/sql/gateway/client/SessionClusterClient.java
@@ -19,7 +19,9 @@
 package org.apache.paimon.web.engine.flink.sql.gateway.client;
 
 import org.apache.paimon.web.engine.flink.common.status.HeartbeatStatus;
+import org.apache.paimon.web.engine.flink.sql.gateway.model.JobOverviewEntity;
 import org.apache.paimon.web.engine.flink.sql.gateway.model.HeartbeatEntity;
+import org.apache.paimon.web.engine.flink.sql.gateway.model.TriggerIdEntity;
 import org.apache.paimon.web.engine.flink.sql.gateway.utils.SqlGateWayRestClient;
 
 import lombok.extern.slf4j.Slf4j;
@@ -35,7 +37,7 @@
  * the cluster status. etc. The flink client implementation of the {@link HeartbeatAction}.
  */
 @Slf4j
-public class SessionClusterClient implements HeartbeatAction {
+public class SessionClusterClient implements HeartbeatAction, FlinkJobAction {
 
     private final SqlGateWayRestClient restClient;
 
@@ -61,13 +63,51 @@ public HeartbeatEntity checkClusterHeartbeat() {
                         .clusterVersion(heartbeat.getVersion())
                         .build();
             }
+        } catch (Exception ex) {
+            //log.error(
+            //        "An exception occurred while obtaining the cluster status :{}",
+            //        ex.getMessage(),
+            //        ex);
+            return this.buildResulHeartbeatEntity(HeartbeatStatus.UNREACHABLE);
+        }
+        return this.buildResulHeartbeatEntity(HeartbeatStatus.UNKNOWN);
+    }
+
+    @Override
+    public JobOverviewEntity jobOverview(String jobId) {
+        try {
+            return restClient
+                .sendRequest(
+                    new JobOverViewHeaders(jobId),
+                    new JobIdMessageParameters(jobId),
+                    EmptyRequestBody.getInstance())
+                .get();
+        } catch (Exception ex) {
+           log.error(
+                   "An exception occurred while request job of {} overview: {}",
+                   jobId,
+                   ex.getMessage(),
+                   ex);
+        }
+        return null;
+    }
+
+    @Override
+    public TriggerIdEntity stopWithSavePoint(String jobId) {
+        try {
+            return restClient
+                    .sendRequest(
+                            new StopWithSavePointHeaders(jobId),
+                            new JobIdMessageParameters(jobId),
+                            EmptyRequestBody.getInstance())
+                    .get();
         } catch (Exception ex) {
             log.error(
-                    "An exception occurred while obtaining the cluster status :{}",
+                    "An exception occurred while stop job of {} with savePoint: {}",
+                    jobId,
                     ex.getMessage(),
                     ex);
-            return this.buildResulHeartbeatEntity(HeartbeatStatus.UNREACHABLE);
         }
-        return this.buildResulHeartbeatEntity(HeartbeatStatus.UNKNOWN);
+        return null;
     }
 }
diff --git a/paimon-web-engine/paimon-web-engine-flink/paimon-web-engine-flink-sql-gateway/src/main/java/org/apache/paimon/web/engine/flink/sql/gateway/client/SqlGatewayClient.java b/paimon-web-engine/paimon-web-engine-flink/paimon-web-engine-flink-sql-gateway/src/main/java/org/apache/paimon/web/engine/flink/sql/gateway/client/SqlGatewayClient.java
index 79835fcbc..38342a636 100644
--- a/paimon-web-engine/paimon-web-engine-flink/paimon-web-engine-flink-sql-gateway/src/main/java/org/apache/paimon/web/engine/flink/sql/gateway/client/SqlGatewayClient.java
+++ b/paimon-web-engine/paimon-web-engine-flink/paimon-web-engine-flink-sql-gateway/src/main/java/org/apache/paimon/web/engine/flink/sql/gateway/client/SqlGatewayClient.java
@@ -268,10 +268,10 @@ public HeartbeatEntity checkClusterHeartbeat() {
                         .build();
             }
         } catch (Exception exec) {
-            log.error(
-                    "An exception occurred while obtaining the cluster status :{}",
-                    exec.getMessage(),
-                    exec);
+            //log.error(
+            //        "An exception occurred while obtaining the cluster status :{}",
+            //        exec.getMessage(),
+            //        exec);
             return this.buildResulHeartbeatEntity(HeartbeatStatus.UNREACHABLE);
         }
         return this.buildResulHeartbeatEntity(HeartbeatStatus.UNKNOWN);
diff --git a/paimon-web-engine/paimon-web-engine-flink/paimon-web-engine-flink-sql-gateway/src/main/java/org/apache/paimon/web/engine/flink/sql/gateway/client/StopWithSavePointHeaders.java b/paimon-web-engine/paimon-web-engine-flink/paimon-web-engine-flink-sql-gateway/src/main/java/org/apache/paimon/web/engine/flink/sql/gateway/client/StopWithSavePointHeaders.java
new file mode 100644
index 000000000..9734c2b80
--- /dev/null
+++ b/paimon-web-engine/paimon-web-engine-flink/paimon-web-engine-flink-sql-gateway/src/main/java/org/apache/paimon/web/engine/flink/sql/gateway/client/StopWithSavePointHeaders.java
@@ -0,0 +1,56 @@
+package org.apache.paimon.web.engine.flink.sql.gateway.client;
+
+import org.apache.flink.runtime.rest.HttpMethodWrapper;
+import org.apache.flink.runtime.rest.messages.EmptyRequestBody;
+import org.apache.flink.runtime.rest.messages.RuntimeMessageHeaders;
+import org.apache.flink.shaded.netty4.io.netty.handler.codec.http.HttpResponseStatus;
+import org.apache.paimon.web.engine.flink.sql.gateway.model.TriggerIdEntity;
+
+
+public class StopWithSavePointHeaders implements RuntimeMessageHeaders<EmptyRequestBody, TriggerIdEntity, JobIdMessageParameters> {
+
+    private final String jobId;
+    public static final String URL = "/jobs/:" + JobIdMessagePathParameter.KEY + "/stop";
+
+    public StopWithSavePointHeaders(String jobId) {
+        this.jobId = jobId;
+    }
+
+    @Override
+    public Class<TriggerIdEntity> getResponseClass() {
+        return TriggerIdEntity.class;
+    }
+
+    @Override
+    public HttpResponseStatus getResponseStatusCode() {
+        return HttpResponseStatus.OK;
+    }
+
+    @Override
+    public String getDescription() {
+        return "Stops a job with a savepoint. Optionally, it can also emit a MAX_WATERMARK before taking the savepoint" +
+                " to flush out any state waiting for timers to fire. This async operation would return a 'triggerid' " +
+                "for further query identifier.";
+    }
+
+    @Override
+    public Class<EmptyRequestBody> getRequestClass() {
+        return EmptyRequestBody.class;
+    }
+
+    @Override
+    public JobIdMessageParameters getUnresolvedMessageParameters() {
+        return new JobIdMessageParameters(jobId);
+    }
+
+    @Override
+    public HttpMethodWrapper getHttpMethod() {
+        return HttpMethodWrapper.POST;
+    }
+
+    @Override
+    public String getTargetRestEndpointURL() {
+        return URL;
+    }
+
+}
diff --git a/paimon-web-engine/paimon-web-engine-flink/paimon-web-engine-flink-sql-gateway/src/main/java/org/apache/paimon/web/engine/flink/sql/gateway/model/JobOverviewEntity.java b/paimon-web-engine/paimon-web-engine-flink/paimon-web-engine-flink-sql-gateway/src/main/java/org/apache/paimon/web/engine/flink/sql/gateway/model/JobOverviewEntity.java
new file mode 100644
index 000000000..352dc80bb
--- /dev/null
+++ b/paimon-web-engine/paimon-web-engine-flink/paimon-web-engine-flink-sql-gateway/src/main/java/org/apache/paimon/web/engine/flink/sql/gateway/model/JobOverviewEntity.java
@@ -0,0 +1,107 @@
+package org.apache.paimon.web.engine.flink.sql.gateway.model;
+
+
+import lombok.Getter;
+import org.apache.flink.runtime.messages.webmonitor.InfoMessage;
+import org.apache.flink.runtime.rest.messages.ResponseBody;
+import org.apache.flink.shaded.jackson2.com.fasterxml.jackson.annotation.JsonCreator;
+import org.apache.flink.shaded.jackson2.com.fasterxml.jackson.annotation.JsonIgnoreProperties;
+import org.apache.flink.shaded.jackson2.com.fasterxml.jackson.annotation.JsonProperty;
+
+import java.util.List;
+import java.util.Map;
+
+@Getter
+@JsonIgnoreProperties(ignoreUnknown = true)
+public class JobOverviewEntity implements ResponseBody, InfoMessage {
+
+    public static final String FIELD_NAME_JID = "jid";
+    public static final String FIELD_NAME_NAME = "name";
+    public static final String FIELD_NAME_IS_STOP_ABLE = "isStoppable";
+    public static final String FIELD_NAME_STATE = "state";
+    public static final String FIELD_NAME_START_TIME = "start-time";
+    public static final String FIELD_NAME_END_TIME = "end-time";
+    public static final String FIELD_NAME_DURATION = "duration";
+    public static final String FIELD_NAME_MAX_PARALLELISM = "maxParallelism";
+    public static final String FIELD_NAME_NOW = "now";
+    private static final String FIELD_NAME_TIMESTAMP = "timestamp";
+    private static final String FIELD_NAME_VERTICES = "vertices";
+    private static final String FIELD_NAME_STATUS_COUNTS = "status-counts";
+    private static final String FIELD_NAME_PLAN = "plan";
+
+    @JsonProperty(FIELD_NAME_JID)
+    private String jid;
+    @JsonProperty(FIELD_NAME_NAME)
+    private String name;
+    @JsonProperty(FIELD_NAME_IS_STOP_ABLE)
+    private Boolean isStoppable;
+    @JsonProperty(FIELD_NAME_STATE)
+    private String state;
+    @JsonProperty(FIELD_NAME_START_TIME)
+    private Long startTime;
+    @JsonProperty(FIELD_NAME_END_TIME)
+    private Long endTime;
+    @JsonProperty(FIELD_NAME_DURATION)
+    private Long duration;
+    @JsonProperty(FIELD_NAME_MAX_PARALLELISM)
+    private Integer maxParallelism;
+    @JsonProperty(FIELD_NAME_NOW)
+    private Long now;
+    @JsonProperty(FIELD_NAME_TIMESTAMP)
+    private Map<String, Long> timestamps;
+    @JsonProperty(FIELD_NAME_VERTICES)
+    private List<Object> vertices;
+    @JsonProperty(FIELD_NAME_STATUS_COUNTS)
+    private Map<String, Long> statusCounts;
+    @JsonProperty(FIELD_NAME_PLAN)
+    private Object plan;
+
+
+    @JsonCreator
+    public JobOverviewEntity(@JsonProperty(FIELD_NAME_JID)
+                             String jid,
+                             @JsonProperty(FIELD_NAME_NAME)
+                             String name,
+                             @JsonProperty(FIELD_NAME_IS_STOP_ABLE)
+                             Boolean isStoppable,
+                             @JsonProperty(FIELD_NAME_STATE)
+                             String state,
+                             @JsonProperty(FIELD_NAME_START_TIME)
+                             Long startTime,
+                             @JsonProperty(FIELD_NAME_END_TIME)
+                             Long endTime,
+                             @JsonProperty(FIELD_NAME_DURATION)
+                             Long duration,
+                             @JsonProperty(FIELD_NAME_MAX_PARALLELISM)
+                             Integer maxParallelism,
+                             @JsonProperty(FIELD_NAME_NOW)
+                             Long now,
+                             @JsonProperty(FIELD_NAME_TIMESTAMP)
+                             Map<String, Long> timestamps,
+                             @JsonProperty(FIELD_NAME_VERTICES)
+                             List<Object> vertices,
+                             @JsonProperty(FIELD_NAME_STATUS_COUNTS)
+                             Map<String, Long> statusCounts,
+                             @JsonProperty(FIELD_NAME_PLAN)
+                             Object plan
+
+    ) {
+        this.jid = jid;
+        this.name = name;
+        this.isStoppable = isStoppable;
+        this.state = state;
+        this.startTime = startTime;
+        this.endTime = endTime;
+        this.duration = duration;
+        this.maxParallelism = maxParallelism;
+        this.now = now;
+        this.timestamps = timestamps;
+        this.vertices = vertices;
+        this.statusCounts = statusCounts;
+        this.plan = plan;
+    }
+
+
+
+
+}
diff --git a/paimon-web-engine/paimon-web-engine-flink/paimon-web-engine-flink-sql-gateway/src/main/java/org/apache/paimon/web/engine/flink/sql/gateway/model/TriggerIdEntity.java b/paimon-web-engine/paimon-web-engine-flink/paimon-web-engine-flink-sql-gateway/src/main/java/org/apache/paimon/web/engine/flink/sql/gateway/model/TriggerIdEntity.java
new file mode 100644
index 000000000..22fc7525a
--- /dev/null
+++ b/paimon-web-engine/paimon-web-engine-flink/paimon-web-engine-flink-sql-gateway/src/main/java/org/apache/paimon/web/engine/flink/sql/gateway/model/TriggerIdEntity.java
@@ -0,0 +1,23 @@
+package org.apache.paimon.web.engine.flink.sql.gateway.model;
+
+import lombok.Getter;
+import org.apache.flink.runtime.messages.webmonitor.InfoMessage;
+import org.apache.flink.runtime.rest.messages.ResponseBody;
+import org.apache.flink.shaded.jackson2.com.fasterxml.jackson.annotation.JsonCreator;
+import org.apache.flink.shaded.jackson2.com.fasterxml.jackson.annotation.JsonProperty;
+
+@Getter
+public class TriggerIdEntity implements ResponseBody, InfoMessage {
+
+    public static final String FIELD_NAME_TRIGGER_ID = "request-id";
+
+    @JsonProperty(FIELD_NAME_TRIGGER_ID)
+    private String triggerId;
+
+    @JsonCreator
+    public TriggerIdEntity(@JsonProperty(FIELD_NAME_TRIGGER_ID)
+                             String triggerId){
+        this.triggerId = triggerId;
+    }
+
+}
diff --git a/paimon-web-engine/paimon-web-engine-flink/paimon-web-engine-flink-sql-gateway/src/test/java/org/apache/paimon/web/engine/flink/sql/gataway/client/SessionClusterClientTest.java b/paimon-web-engine/paimon-web-engine-flink/paimon-web-engine-flink-sql-gateway/src/test/java/org/apache/paimon/web/engine/flink/sql/gataway/client/SessionClusterClientTest.java
new file mode 100644
index 000000000..3481857e9
--- /dev/null
+++ b/paimon-web-engine/paimon-web-engine-flink/paimon-web-engine-flink-sql-gateway/src/test/java/org/apache/paimon/web/engine/flink/sql/gataway/client/SessionClusterClientTest.java
@@ -0,0 +1,35 @@
+package org.apache.paimon.web.engine.flink.sql.gataway.client;
+
+import org.apache.paimon.web.engine.flink.common.status.JobStatus;
+import org.apache.paimon.web.engine.flink.sql.gateway.client.FlinkJobAction;
+import org.apache.paimon.web.engine.flink.sql.gateway.client.SessionClusterClient;
+import org.apache.paimon.web.engine.flink.sql.gateway.model.JobOverviewEntity;
+import org.apache.paimon.web.engine.flink.sql.gateway.model.TriggerIdEntity;
+import org.junit.Assert;
+import org.junit.jupiter.api.Assertions;
+import org.junit.jupiter.api.Test;
+
+
+public class SessionClusterClientTest {
+
+    @Test
+    public void testGetJobOverview() throws Exception {
+        String host = "localhost";
+        int port = 33293;
+        String jobId = "dab6205c3625841d49f9d32a1bfdf4db";
+        FlinkJobAction flinkJobAction = new SessionClusterClient(host, port);
+        JobOverviewEntity jobOverview = flinkJobAction.jobOverview(jobId);
+        Assert.assertEquals(jobOverview.getState(), JobStatus.FINISHED.getValue());
+    }
+
+    @Test
+    public void testStopWithSavePoint() throws Exception {
+        String host = "localhost";
+        int port = 33293;
+        String jobId = "dab6205c3625841d49f9d32a1bfdf4db";
+        FlinkJobAction flinkJobAction = new SessionClusterClient(host, port);
+        TriggerIdEntity idEntity = flinkJobAction.stopWithSavePoint(jobId);
+        Assertions.assertNotNull(idEntity);
+    }
+
+}
diff --git a/paimon-web-gateway/src/main/java/org/apache/paimon/web/gateway/enums/DeploymentMode.java b/paimon-web-gateway/src/main/java/org/apache/paimon/web/gateway/enums/DeploymentMode.java
index a70961deb..b982b99f0 100644
--- a/paimon-web-gateway/src/main/java/org/apache/paimon/web/gateway/enums/DeploymentMode.java
+++ b/paimon-web-gateway/src/main/java/org/apache/paimon/web/gateway/enums/DeploymentMode.java
@@ -23,6 +23,7 @@
  * supported.
  */
 public enum DeploymentMode {
+    K8S_SESSION("k8s-session"),
     YARN_SESSION("yarn-session"),
     FLINK_SQL_GATEWAY("flink-sql-gateway");
 
diff --git a/paimon-web-server/src/main/java/org/apache/paimon/web/server/controller/CdcJobDefinitionController.java b/paimon-web-server/src/main/java/org/apache/paimon/web/server/controller/CdcJobDefinitionController.java
index d7d512c7d..f7dfdd123 100644
--- a/paimon-web-server/src/main/java/org/apache/paimon/web/server/controller/CdcJobDefinitionController.java
+++ b/paimon-web-server/src/main/java/org/apache/paimon/web/server/controller/CdcJobDefinitionController.java
@@ -18,11 +18,14 @@
 
 package org.apache.paimon.web.server.controller;
 
+import org.apache.paimon.web.engine.flink.common.status.JobStatus;
 import org.apache.paimon.web.server.data.dto.CdcJobDefinitionDTO;
 import org.apache.paimon.web.server.data.dto.CdcJobSubmitDTO;
 import org.apache.paimon.web.server.data.model.CdcJobDefinition;
 import org.apache.paimon.web.server.data.result.PageR;
 import org.apache.paimon.web.server.data.result.R;
+import org.apache.paimon.web.server.data.vo.ActionExecutionResultVo;
+import org.apache.paimon.web.server.data.vo.CdcJobDefinitionVO;
 import org.apache.paimon.web.server.service.CdcJobDefinitionService;
 
 import cn.dev33.satoken.annotation.SaCheckPermission;
@@ -67,7 +70,7 @@ public R<Void> updateCdcJob(@Valid @RequestBody CdcJobDefinitionDTO cdcJobDefini
 
     @SaCheckPermission("cdc:job:list")
     @GetMapping("list")
-    public PageR<CdcJobDefinition> listAllCdcJob(
+    public PageR<CdcJobDefinitionVO> listAllCdcJob(
             @RequestParam(required = false) boolean withConfig,
             @RequestParam(required = false) String jobName,
             @RequestParam long currentPage,
@@ -92,9 +95,30 @@ public R<Void> deleteById(@PathVariable Integer id) {
         return R.succeed();
     }
 
+    @SaCheckPermission("cdc:job:copy")
+    @PutMapping("{id}/copy")
+    public R<Integer> copy(@PathVariable Integer id) {
+        return cdcJobDefinitionService.copy(id);
+    }
+
     @SaCheckPermission("cdc:job:submit")
     @PostMapping("{id}/submit")
-    public R<Void> submit(@PathVariable Integer id, @RequestBody CdcJobSubmitDTO cdcJobSubmitDTO) {
+    public R<ActionExecutionResultVo> submit(@PathVariable Integer id, @RequestBody CdcJobSubmitDTO cdcJobSubmitDTO) {
         return cdcJobDefinitionService.submit(id, cdcJobSubmitDTO);
     }
+
+    @SaCheckPermission("cdc:job:cancel")
+    @PostMapping("{id}/cancel")
+    public R<ActionExecutionResultVo> cancel(@PathVariable Integer id) {
+        return cdcJobDefinitionService.cancel(id);
+    }
+
+    @SaCheckPermission("cdc:job:status")
+    @GetMapping("{id}/status")
+    public R<JobStatus> status(@PathVariable Integer id,
+                               @RequestParam Integer logId) {
+        return cdcJobDefinitionService.status(id, logId);
+    }
+
+
 }
diff --git a/paimon-web-server/src/main/java/org/apache/paimon/web/server/controller/ClusterController.java b/paimon-web-server/src/main/java/org/apache/paimon/web/server/controller/ClusterController.java
index 762f78f76..14bfbbf5f 100644
--- a/paimon-web-server/src/main/java/org/apache/paimon/web/server/controller/ClusterController.java
+++ b/paimon-web-server/src/main/java/org/apache/paimon/web/server/controller/ClusterController.java
@@ -65,7 +65,7 @@ public R<ClusterInfo> getCluster(@PathVariable("id") Integer id) {
     @GetMapping("/list")
     public PageR<ClusterInfo> listClusters(ClusterInfo clusterInfo) {
         IPage<ClusterInfo> page = PageSupport.startPage();
-        List<ClusterInfo> clusterInfos = clusterService.listUsers(page, clusterInfo);
+        List<ClusterInfo> clusterInfos = clusterService.listClusters(page, clusterInfo);
         return PageR.<ClusterInfo>builder()
                 .success(true)
                 .total(page.getTotal())
diff --git a/paimon-web-server/src/main/java/org/apache/paimon/web/server/data/dto/CdcJobLogDTO.java b/paimon-web-server/src/main/java/org/apache/paimon/web/server/data/dto/CdcJobLogDTO.java
new file mode 100644
index 000000000..0e7543192
--- /dev/null
+++ b/paimon-web-server/src/main/java/org/apache/paimon/web/server/data/dto/CdcJobLogDTO.java
@@ -0,0 +1,44 @@
+/*
+ * Licensed to the Apache Software Foundation (ASF) under one
+ * or more contributor license agreements.  See the NOTICE file
+ * distributed with this work for additional information
+ * regarding copyright ownership.  The ASF licenses this file
+ * to you under the Apache License, Version 2.0 (the
+ * "License"); you may not use this file except in compliance
+ * with the License.  You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+package org.apache.paimon.web.server.data.dto;
+
+import lombok.Data;
+
+import java.time.LocalDateTime;
+import java.util.Map;
+
+/** DTO of cdcJobLog . */
+@Data
+public class CdcJobLogDTO {
+
+    private Integer id;
+
+    private Long clusterId;
+
+    private Long cdcJobDefinitionId;
+
+    private String createUser;
+
+    private String currentStatus;
+
+    private String flinkJobId;
+
+    private Map<String, Object> extra;
+
+}
diff --git a/paimon-web-server/src/main/java/org/apache/paimon/web/server/data/dto/CdcJobSubmitDTO.java b/paimon-web-server/src/main/java/org/apache/paimon/web/server/data/dto/CdcJobSubmitDTO.java
index 2257de1a6..df68c0107 100644
--- a/paimon-web-server/src/main/java/org/apache/paimon/web/server/data/dto/CdcJobSubmitDTO.java
+++ b/paimon-web-server/src/main/java/org/apache/paimon/web/server/data/dto/CdcJobSubmitDTO.java
@@ -27,5 +27,6 @@ public class CdcJobSubmitDTO {
     private String clusterId;
     private Long startupTimestamp;
     private Integer startupMode;
+    private String createUser;
 
 }
diff --git a/paimon-web-server/src/main/java/org/apache/paimon/web/server/data/model/CdcJobDefinition.java b/paimon-web-server/src/main/java/org/apache/paimon/web/server/data/model/CdcJobDefinition.java
index 4dc1e2ff6..1bab1ceb7 100644
--- a/paimon-web-server/src/main/java/org/apache/paimon/web/server/data/model/CdcJobDefinition.java
+++ b/paimon-web-server/src/main/java/org/apache/paimon/web/server/data/model/CdcJobDefinition.java
@@ -27,7 +27,6 @@
 import lombok.NoArgsConstructor;
 
 import java.io.Serializable;
-
 /** Model of cdc_job_definition. */
 @TableName(value = "cdc_job_definition")
 @Data
diff --git a/paimon-web-server/src/main/java/org/apache/paimon/web/server/data/model/CdcJobLog.java b/paimon-web-server/src/main/java/org/apache/paimon/web/server/data/model/CdcJobLog.java
new file mode 100644
index 000000000..2ba1f0a48
--- /dev/null
+++ b/paimon-web-server/src/main/java/org/apache/paimon/web/server/data/model/CdcJobLog.java
@@ -0,0 +1,55 @@
+/*
+ * Licensed to the Apache Software Foundation (ASF) under one
+ * or more contributor license agreements.  See the NOTICE file
+ * distributed with this work for additional information
+ * regarding copyright ownership.  The ASF licenses this file
+ * to you under the Apache License, Version 2.0 (the
+ * "License"); you may not use this file except in compliance
+ * with the License.  You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+package org.apache.paimon.web.server.data.model;
+
+import com.baomidou.mybatisplus.annotation.FieldFill;
+import com.baomidou.mybatisplus.annotation.TableField;
+import com.baomidou.mybatisplus.annotation.TableName;
+import com.fasterxml.jackson.annotation.JsonInclude;
+import lombok.*;
+
+import java.io.Serializable;
+import java.time.LocalDateTime;
+import java.util.Map;
+
+/** Model of cdc_job_log. */
+@TableName(value = "cdc_job_log")
+@Data
+@NoArgsConstructor
+@AllArgsConstructor
+@EqualsAndHashCode(callSuper = true)
+@Builder
+public class CdcJobLog extends BaseModel implements Serializable {
+
+    private Integer clusterId;
+
+    private Integer cdcJobDefinitionId;
+
+    private String createUser;
+
+    @TableField(fill = FieldFill.INSERT)
+    private LocalDateTime terminateTime;
+
+    private String currentStatus;
+
+    private String flinkJobId;
+
+    @JsonInclude(JsonInclude.Include.NON_EMPTY)
+    private Map<String, Object> extra;
+}
diff --git a/paimon-web-server/src/main/java/org/apache/paimon/web/server/data/result/enums/Status.java b/paimon-web-server/src/main/java/org/apache/paimon/web/server/data/result/enums/Status.java
index 50e4b4a89..48448cca5 100644
--- a/paimon-web-server/src/main/java/org/apache/paimon/web/server/data/result/enums/Status.java
+++ b/paimon-web-server/src/main/java/org/apache/paimon/web/server/data/result/enums/Status.java
@@ -80,6 +80,8 @@ public enum Status {
     /** ------------cdc-----------------. */
     CDC_JOB_EXIST_ERROR(10601, "cdc.job.exist.error"),
     CDC_JOB_NO_EXIST_ERROR(10602, "cdc.job.not.exist.error"),
+    CDC_JOB_FLINK_JOB_ID_NOT_EXISTS(10603, "cdc.job.flink.job.id.not.exists"),
+    CDC_JOB_FLINK_JOB_LOCKED(10604, "cdc.job.flink.job.locked"),
 
     /** ------------cluster-----------------. */
     CLUSTER_NOT_EXIST(10701, "cluster.not.exist"),
diff --git a/paimon-web-server/src/main/java/org/apache/paimon/web/server/data/vo/ActionExecutionResultVo.java b/paimon-web-server/src/main/java/org/apache/paimon/web/server/data/vo/ActionExecutionResultVo.java
new file mode 100644
index 000000000..3bf46db86
--- /dev/null
+++ b/paimon-web-server/src/main/java/org/apache/paimon/web/server/data/vo/ActionExecutionResultVo.java
@@ -0,0 +1,23 @@
+package org.apache.paimon.web.server.data.vo;
+
+import lombok.AllArgsConstructor;
+import lombok.Builder;
+import lombok.Data;
+import lombok.NoArgsConstructor;
+import org.apache.paimon.web.engine.flink.common.status.JobStatus;
+
+@Data
+@Builder
+@NoArgsConstructor
+@AllArgsConstructor
+public class ActionExecutionResultVo {
+
+    private Integer logId;
+
+    private boolean success;
+
+    private String errorMsg;
+
+    private JobStatus jobStatus;
+
+}
diff --git a/paimon-web-server/src/main/java/org/apache/paimon/web/server/data/vo/CdcJobDefinitionVO.java b/paimon-web-server/src/main/java/org/apache/paimon/web/server/data/vo/CdcJobDefinitionVO.java
new file mode 100644
index 000000000..0ce535bb5
--- /dev/null
+++ b/paimon-web-server/src/main/java/org/apache/paimon/web/server/data/vo/CdcJobDefinitionVO.java
@@ -0,0 +1,56 @@
+/*
+ * Licensed to the Apache Software Foundation (ASF) under one
+ * or more contributor license agreements.  See the NOTICE file
+ * distributed with this work for additional information
+ * regarding copyright ownership.  The ASF licenses this file
+ * to you under the Apache License, Version 2.0 (the
+ * "License"); you may not use this file except in compliance
+ * with the License.  You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+package org.apache.paimon.web.server.data.vo;
+
+import lombok.AllArgsConstructor;
+import lombok.Builder;
+import lombok.Data;
+import lombok.NoArgsConstructor;
+
+import java.time.LocalDateTime;
+
+/** VO of database. */
+@Data
+@Builder
+@NoArgsConstructor
+@AllArgsConstructor
+public class CdcJobDefinitionVO {
+
+    private Integer id;
+
+    private String name;
+
+    private String description;
+
+    private Integer cdcType;
+
+    private String config;
+
+    private String createUser;
+
+    private Integer dataDelay;
+
+    private boolean isDelete;
+
+    private String currentStatus;
+
+    private LocalDateTime createTime;
+
+    private LocalDateTime updateTime;
+}
diff --git a/paimon-web-server/src/main/java/org/apache/paimon/web/server/mapper/CdcJobLogMapper.java b/paimon-web-server/src/main/java/org/apache/paimon/web/server/mapper/CdcJobLogMapper.java
new file mode 100644
index 000000000..218300dbf
--- /dev/null
+++ b/paimon-web-server/src/main/java/org/apache/paimon/web/server/mapper/CdcJobLogMapper.java
@@ -0,0 +1,26 @@
+/*
+ * Licensed to the Apache Software Foundation (ASF) under one
+ * or more contributor license agreements.  See the NOTICE file
+ * distributed with this work for additional information
+ * regarding copyright ownership.  The ASF licenses this file
+ * to you under the Apache License, Version 2.0 (the
+ * "License"); you may not use this file except in compliance
+ * with the License.  You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+package org.apache.paimon.web.server.mapper;
+
+import com.baomidou.mybatisplus.core.mapper.BaseMapper;
+import org.apache.ibatis.annotations.Mapper;
+import org.apache.paimon.web.server.data.model.CdcJobLog;
+
+public interface CdcJobLogMapper extends BaseMapper<CdcJobLog> {
+}
diff --git a/paimon-web-server/src/main/java/org/apache/paimon/web/server/service/CdcJobDefinitionService.java b/paimon-web-server/src/main/java/org/apache/paimon/web/server/service/CdcJobDefinitionService.java
index cdbde64fc..eab262e78 100644
--- a/paimon-web-server/src/main/java/org/apache/paimon/web/server/service/CdcJobDefinitionService.java
+++ b/paimon-web-server/src/main/java/org/apache/paimon/web/server/service/CdcJobDefinitionService.java
@@ -18,6 +18,8 @@
 
 package org.apache.paimon.web.server.service;
 
+import org.apache.paimon.web.api.action.context.ActionExecutionResult;
+import org.apache.paimon.web.engine.flink.common.status.JobStatus;
 import org.apache.paimon.web.server.data.dto.CdcJobDefinitionDTO;
 import org.apache.paimon.web.server.data.dto.CdcJobSubmitDTO;
 import org.apache.paimon.web.server.data.model.CdcJobDefinition;
@@ -25,16 +27,26 @@
 import org.apache.paimon.web.server.data.result.R;
 
 import com.baomidou.mybatisplus.extension.service.IService;
+import org.apache.paimon.web.server.data.vo.ActionExecutionResultVo;
+import org.apache.paimon.web.server.data.vo.CdcJobDefinitionVO;
 
 /** Cdc Job Definition Service. */
 public interface CdcJobDefinitionService extends IService<CdcJobDefinition> {
 
     R<Void> create(CdcJobDefinitionDTO cdcJobDefinitionDTO);
 
-    PageR<CdcJobDefinition> listAll(
+    PageR<CdcJobDefinitionVO> listAll(
             String name, boolean withConfig, long currentPage, long pageSize);
 
     R<Void> update(CdcJobDefinitionDTO cdcJobDefinitionDTO);
 
-    R<Void> submit(Integer id, CdcJobSubmitDTO cdcJobSubmitDTO);
+    R<ActionExecutionResultVo> submit(Integer id, CdcJobSubmitDTO cdcJobSubmitDTO);
+
+    R<ActionExecutionResultVo> cancel(Integer id);
+
+    R<JobStatus> status(Integer id, Integer logId);
+
+    R<Integer> copy(Integer id);
+
+
 }
diff --git a/paimon-web-server/src/main/java/org/apache/paimon/web/server/service/CdcJobLogService.java b/paimon-web-server/src/main/java/org/apache/paimon/web/server/service/CdcJobLogService.java
new file mode 100644
index 000000000..272ce332f
--- /dev/null
+++ b/paimon-web-server/src/main/java/org/apache/paimon/web/server/service/CdcJobLogService.java
@@ -0,0 +1,29 @@
+/*
+ * Licensed to the Apache Software Foundation (ASF) under one
+ * or more contributor license agreements.  See the NOTICE file
+ * distributed with this work for additional information
+ * regarding copyright ownership.  The ASF licenses this file
+ * to you under the Apache License, Version 2.0 (the
+ * "License"); you may not use this file except in compliance
+ * with the License.  You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+package org.apache.paimon.web.server.service;
+
+import com.baomidou.mybatisplus.extension.service.IService;
+import org.apache.paimon.web.server.data.model.CdcJobLog;
+import org.apache.paimon.web.server.data.result.R;
+
+/** Cdc Job Log Service. */
+public interface CdcJobLogService extends IService<CdcJobLog> {
+
+    CdcJobLog findLast(Integer cdcJobDefinitionId);
+}
diff --git a/paimon-web-server/src/main/java/org/apache/paimon/web/server/service/ClusterService.java b/paimon-web-server/src/main/java/org/apache/paimon/web/server/service/ClusterService.java
index f50d1164e..bfe044909 100644
--- a/paimon-web-server/src/main/java/org/apache/paimon/web/server/service/ClusterService.java
+++ b/paimon-web-server/src/main/java/org/apache/paimon/web/server/service/ClusterService.java
@@ -29,7 +29,7 @@
 /** Cluster Service. */
 public interface ClusterService extends IService<ClusterInfo> {
 
-    List<ClusterInfo> listUsers(IPage<ClusterInfo> page, @Param("cluster") ClusterInfo cluster);
+    List<ClusterInfo> listClusters(IPage<ClusterInfo> page, @Param("cluster") ClusterInfo cluster);
 
     boolean checkClusterNameUnique(ClusterInfo cluster);
 
diff --git a/paimon-web-server/src/main/java/org/apache/paimon/web/server/service/impl/CdcJobDefinitionServiceImpl.java b/paimon-web-server/src/main/java/org/apache/paimon/web/server/service/impl/CdcJobDefinitionServiceImpl.java
index 1816f9ad8..dbc3aac4e 100644
--- a/paimon-web-server/src/main/java/org/apache/paimon/web/server/service/impl/CdcJobDefinitionServiceImpl.java
+++ b/paimon-web-server/src/main/java/org/apache/paimon/web/server/service/impl/CdcJobDefinitionServiceImpl.java
@@ -18,7 +18,12 @@
 
 package org.apache.paimon.web.server.service.impl;
 
+import lombok.extern.slf4j.Slf4j;
+import org.apache.flink.shaded.guava31.com.google.common.cache.CacheBuilder;
+import org.apache.flink.shaded.guava31.com.google.common.cache.CacheLoader;
+import org.apache.flink.shaded.guava31.com.google.common.cache.LoadingCache;
 import org.apache.paimon.web.api.action.context.ActionContext;
+import org.apache.paimon.web.api.action.context.ActionExecutionResult;
 import org.apache.paimon.web.api.action.context.factory.ActionContextFactoryServiceLoadUtil;
 import org.apache.paimon.web.api.action.context.factory.FlinkCdcActionContextFactory;
 import org.apache.paimon.web.api.action.context.options.FlinkCdcOptions;
@@ -29,20 +34,28 @@
 import org.apache.paimon.web.api.enums.FlinkCdcSyncType;
 import org.apache.paimon.web.api.enums.SyncMode;
 import org.apache.paimon.web.common.util.JSONUtils;
+import org.apache.paimon.web.engine.flink.common.status.JobStatus;
+import org.apache.paimon.web.engine.flink.sql.gateway.client.SessionClusterClient;
+import org.apache.paimon.web.engine.flink.sql.gateway.model.JobOverviewEntity;
+import org.apache.paimon.web.engine.flink.sql.gateway.model.TriggerIdEntity;
 import org.apache.paimon.web.server.data.dto.CdcJobDefinitionDTO;
 import org.apache.paimon.web.server.data.dto.CdcJobSubmitDTO;
 import org.apache.paimon.web.server.data.model.CatalogInfo;
 import org.apache.paimon.web.server.data.model.CdcJobDefinition;
+import org.apache.paimon.web.server.data.model.CdcJobLog;
 import org.apache.paimon.web.server.data.model.ClusterInfo;
 import org.apache.paimon.web.server.data.model.cdc.CdcGraph;
 import org.apache.paimon.web.server.data.model.cdc.CdcNode;
 import org.apache.paimon.web.server.data.result.PageR;
 import org.apache.paimon.web.server.data.result.R;
 import org.apache.paimon.web.server.data.result.enums.Status;
+import org.apache.paimon.web.server.data.vo.ActionExecutionResultVo;
+import org.apache.paimon.web.server.data.vo.CdcJobDefinitionVO;
 import org.apache.paimon.web.server.data.vo.UserInfoVO;
 import org.apache.paimon.web.server.mapper.CdcJobDefinitionMapper;
 import org.apache.paimon.web.server.service.CatalogService;
 import org.apache.paimon.web.server.service.CdcJobDefinitionService;
+import org.apache.paimon.web.server.service.CdcJobLogService;
 import org.apache.paimon.web.server.service.ClusterService;
 import org.apache.paimon.web.server.util.StringUtils;
 
@@ -55,22 +68,44 @@
 import org.springframework.beans.factory.annotation.Autowired;
 import org.springframework.stereotype.Service;
 
+import java.time.Instant;
+import java.time.LocalDateTime;
+import java.time.ZoneId;
 import java.util.ArrayList;
 import java.util.Arrays;
 import java.util.List;
 import java.util.Map;
+import java.util.concurrent.TimeUnit;
+import java.util.concurrent.locks.ReentrantLock;
+import java.util.stream.Collectors;
 
-/** CdcJobDefinitionServiceImpl. */
+/**
+ * CdcJobDefinitionServiceImpl.
+ */
 @Service
+@Slf4j
 public class CdcJobDefinitionServiceImpl
         extends ServiceImpl<CdcJobDefinitionMapper, CdcJobDefinition>
         implements CdcJobDefinitionService {
 
     @Autowired private CatalogService catalogService;
     @Autowired private ClusterService clusterService;
+    @Autowired private CdcJobLogService cdcJobLogService;
+
+    final LoadingCache<Integer, ReentrantLock> cacher =
+            CacheBuilder.newBuilder().expireAfterAccess(1, TimeUnit.MINUTES)
+                    .build(new CacheLoader<Integer, ReentrantLock>() {
+                        @Override
+                        public ReentrantLock load(Integer id) {
+                            return new ReentrantLock();
+                        }
+                    });
 
     @Override
     public R<Void> create(CdcJobDefinitionDTO cdcJobDefinitionDTO) {
+        // to valid config
+        CdcGraph.fromCdcGraphJsonString(cdcJobDefinitionDTO.getConfig());
+        // to update entity
         String name = cdcJobDefinitionDTO.getName();
         QueryWrapper<CdcJobDefinition> queryWrapper = new QueryWrapper<>();
         queryWrapper.eq("name", name);
@@ -100,35 +135,49 @@ public R<Void> create(CdcJobDefinitionDTO cdcJobDefinitionDTO) {
     }
 
     @Override
-    public PageR<CdcJobDefinition> listAll(
+    public PageR<CdcJobDefinitionVO> listAll(
             String name, boolean withConfig, long currentPage, long pageSize) {
         Page<CdcJobDefinition> page = new Page<>(currentPage, pageSize);
         QueryWrapper<CdcJobDefinition> queryWrapper = new QueryWrapper<>();
-        queryWrapper.select(
-                "id",
-                "name",
-                "cdc_type",
-                "create_user",
-                "description",
-                "update_time",
-                "create_time");
-        if (!withConfig) {
-            queryWrapper.select(
-                    "name",
-                    "id",
-                    "description",
-                    "cdc_type",
-                    "create_user",
-                    "update_time",
-                    "create_time");
-        }
+        queryWrapper.select("id", "name", "cdc_type",
+                "create_user", "description", "update_time", "create_time");
         queryWrapper.like(StringUtils.isNotBlank(name), "name", name);
         Page<CdcJobDefinition> resPage = baseMapper.selectPage(page, queryWrapper);
-        return new PageR<>(resPage.getTotal(), true, resPage.getRecords());
+        Page<CdcJobDefinitionVO> voPage = toCdcJobDefinitionVOPage(resPage);
+        return new PageR<>(voPage.getTotal(), true, voPage.getRecords());
+    }
+
+    private Page<CdcJobDefinitionVO> toCdcJobDefinitionVOPage(Page<CdcJobDefinition> resPage) {
+        List<CdcJobDefinitionVO> voList = resPage.getRecords().stream().map(item -> {
+            Integer id = item.getId();
+            CdcJobLog cdcJobLog = cdcJobLogService.findLast(id);
+            String jobStatus = cdcJobLog == null ?
+                    JobStatus.FRESHED.getValue() : cdcJobLog.getCurrentStatus();
+            return CdcJobDefinitionVO.builder()
+                    .id(id)
+                    .cdcType(item.getCdcType())
+                    .isDelete(item.isDelete())
+                    .name(item.getName())
+                    .config(item.getConfig())
+                    .createTime(item.getCreateTime())
+                    .updateTime(item.getUpdateTime())
+                    .description(item.getDescription())
+                    .createUser(item.getCreateUser())
+                    .dataDelay(item.getDataDelay())
+                    .currentStatus(jobStatus)
+                    .build();
+        }).collect(Collectors.toList());
+
+        Page<CdcJobDefinitionVO> voPage =
+                new Page<>(resPage.getCurrent(), resPage.getSize(), resPage.getSize());
+        return voPage.setRecords(voList);
     }
 
     @Override
     public R<Void> update(CdcJobDefinitionDTO cdcJobDefinitionDTO) {
+        // to valid config
+        CdcGraph.fromCdcGraphJsonString(cdcJobDefinitionDTO.getConfig());
+        // to update entity
         QueryWrapper<CdcJobDefinition> queryWrapper = new QueryWrapper<>();
         queryWrapper.eq("id", cdcJobDefinitionDTO.getId());
         if (!baseMapper.exists(queryWrapper)) {
@@ -148,20 +197,214 @@ public R<Void> update(CdcJobDefinitionDTO cdcJobDefinitionDTO) {
         return R.succeed();
     }
 
+    /**
+     * to submit cdc job to cluster
+     * Use ReentrantLock to ensure that submission, cancellation,
+     * and status retrieval for the same job are atomic operations.
+     * @see CdcJobDefinitionServiceImpl#cancel(Integer)
+     * @see CdcJobDefinitionServiceImpl#status(Integer, Integer)
+     * @param id cdc job id
+     * @param cdcJobSubmitDTO cdc job dto
+     * @return action execution result
+     */
+    @Override
+    public R<ActionExecutionResultVo> submit(Integer id, CdcJobSubmitDTO cdcJobSubmitDTO) {
+        ReentrantLock lock = cacher.getUnchecked(id);
+        if (lock.isLocked()){
+            return R.of(null,
+                    Status.CDC_JOB_FLINK_JOB_LOCKED.getCode(),
+                    Status.CDC_JOB_FLINK_JOB_LOCKED.getMsg());
+        }
+        lock.lock();
+        try {
+            CdcJobDefinition cdcJobDefinition = baseMapper.selectById(id);
+            FlinkCdcSyncType flinkCdcSyncType = FlinkCdcSyncType.valueOf(cdcJobDefinition.getCdcType());
+            CdcGraph cdcGraph = CdcGraph.fromCdcGraphJsonString(cdcJobDefinition.getConfig());
+            String clusterId = cdcJobSubmitDTO.getClusterId();
+            ObjectNode actionConfigs = JSONUtils.createObjectNode();
+            handBaseActionConfig(actionConfigs, clusterId, cdcJobDefinition);
+            handleCdcGraphNodeData(actionConfigs, cdcGraph.getSource(), flinkCdcSyncType, cdcJobSubmitDTO);
+            handleCdcGraphNodeData(actionConfigs, cdcGraph.getTarget(), flinkCdcSyncType, cdcJobSubmitDTO);
+
+            FlinkCdcActionContextFactory factory =
+                    ActionContextFactoryServiceLoadUtil.getFlinkCdcActionContextFactory(
+                            cdcGraph.getSource().getType(),
+                            cdcGraph.getTarget().getType(),
+                            flinkCdcSyncType);
+            ActionContext actionContext = factory.getActionContext(actionConfigs);
+
+            ActionService actionService = new FlinkCdcActionService();
+            ActionExecutionResult result = actionService.execute(actionContext);
+            return createCdcJobLog(result, clusterId, id);
+        } catch (Exception e) {
+            log.error("error while submit job of {} to cluster", id, e);
+            return R.failed(Status.UNKNOWN_ERROR);
+        } finally {
+            lock.unlock();
+        }
+    }
+
+    /**
+     * to cancel cdc job from cluster
+     * Use ReentrantLock to ensure that submission, cancellation,
+     * and status retrieval for the same job are atomic operations.
+     * @see CdcJobDefinitionServiceImpl#submit(Integer, CdcJobSubmitDTO)
+     * @see CdcJobDefinitionServiceImpl#status(Integer, Integer)
+     * @param id cdc job id
+     * @return action execution result
+     */
+    @Override
+    public R<ActionExecutionResultVo> cancel(Integer id) {
+        ReentrantLock lock = cacher.getUnchecked(id);
+        if (lock.isLocked()){
+            return R.of(null,
+                    Status.CDC_JOB_FLINK_JOB_LOCKED.getCode(),
+                    Status.CDC_JOB_FLINK_JOB_LOCKED.getMsg());
+        }
+        lock.lock();
+        try {
+            CdcJobLog cdcJobLog = cdcJobLogService.findLast(id);
+            String flinkJobId = cdcJobLog.getFlinkJobId();
+            if (flinkJobId == null) {
+                return R.of(null,
+                        Status.CDC_JOB_FLINK_JOB_ID_NOT_EXISTS.getCode(),
+                        Status.CDC_JOB_FLINK_JOB_ID_NOT_EXISTS.getMsg());
+            }
+            // request remote to cancel flink job
+            ClusterInfo clusterInfo = clusterService.getById(cdcJobLog.getClusterId());
+            SessionClusterClient client = new SessionClusterClient(
+                    clusterInfo.getHost(), clusterInfo.getPort());
+            TriggerIdEntity triggerIdEntity = client.stopWithSavePoint(flinkJobId);
+            if (triggerIdEntity != null) {
+                cdcJobLog.setCurrentStatus(JobStatus.CANCELLING.getValue());
+                cdcJobLogService.updateById(cdcJobLog);
+                ActionExecutionResultVo actionExecutionResultVo =
+                        new ActionExecutionResultVo(cdcJobLog.getId(), true,
+                                Status.SUCCESS.getMsg(), JobStatus.CANCELLING);
+                return R.succeed(actionExecutionResultVo);
+            } else {
+                throw new RuntimeException("cancel job return null triggerIdEntity");
+            }
+        } catch (Exception ex) {
+            log.error(
+                    "An exception occurred while cancel job status of {}",
+                    id, ex);
+            return R.failed(Status.UNKNOWN_ERROR);
+        } finally {
+            lock.unlock();
+        }
+    }
+
+    /**
+     * to fetch cdc job status from cluster
+     * Use ReentrantLock to ensure that submission, cancellation,
+     * and status retrieval for the same job are atomic operations.
+     * @see CdcJobDefinitionServiceImpl#submit(Integer, CdcJobSubmitDTO)
+     * @see CdcJobDefinitionServiceImpl#cancel(Integer)
+     * @param id cdc job id
+     * @return action execution result
+     */
     @Override
-    public R<Void> submit(Integer id, CdcJobSubmitDTO cdcJobSubmitDTO) {
+    public R<JobStatus> status(Integer id, Integer logId) {
+        ReentrantLock lock = cacher.getUnchecked(id);
+        if (lock.isLocked()){
+            return R.of(null,
+                    Status.CDC_JOB_FLINK_JOB_LOCKED.getCode(),
+                    Status.CDC_JOB_FLINK_JOB_LOCKED.getMsg());
+        }
+        lock.lock();
+        CdcJobLog cdcJobLog = cdcJobLogService.getById(logId);
+        try {
+            ClusterInfo clusterInfo = clusterService.getById(cdcJobLog.getClusterId());
+            String flinkJobId = cdcJobLog.getFlinkJobId();
+            if (flinkJobId == null) {
+                throw new RuntimeException("flink job id is null");
+            } else {
+                SessionClusterClient client = new SessionClusterClient(
+                        clusterInfo.getHost(), clusterInfo.getPort());
+                JobOverviewEntity jobOverview = client.jobOverview(cdcJobLog.getFlinkJobId());
+                if (jobOverview != null && jobOverview.getState() != null) {
+                    JobStatus jobStatus = JobStatus.fromValue(jobOverview.getState());
+                    Instant instant = Instant.ofEpochMilli(jobOverview.getEndTime());
+                    LocalDateTime terminateTime = LocalDateTime.ofInstant(instant, ZoneId.systemDefault());
+                    cdcJobLog.setCurrentStatus(jobStatus.getValue());
+                    cdcJobLog.setTerminateTime(terminateTime);
+                    cdcJobLogService.updateById(cdcJobLog);
+                    return R.succeed(jobStatus);
+                } else {
+                    throw new RuntimeException("find null jobOverview");
+                }
+            }
+        } catch (Exception ex) {
+            log.error(
+                    "An exception occurred while refresh job status of {}-{}",
+                    id, logId, ex);
+            cdcJobLog.setCurrentStatus(JobStatus.UNKNOWN.getValue());
+            cdcJobLogService.updateById(cdcJobLog);
+            return R.failed(JobStatus.UNKNOWN);
+        } finally {
+            lock.unlock();
+        }
+    }
+
+    @Override
+    public R<Integer> copy(Integer id) {
         CdcJobDefinition cdcJobDefinition = baseMapper.selectById(id);
-        String config = cdcJobDefinition.getConfig();
-        FlinkCdcSyncType flinkCdcSyncType = FlinkCdcSyncType.valueOf(cdcJobDefinition.getCdcType());
-        ActionService actionService = new FlinkCdcActionService();
-        CdcGraph cdcGraph = CdcGraph.fromCdcGraphJsonString(config);
-        FlinkCdcActionContextFactory factory =
-                ActionContextFactoryServiceLoadUtil.getFlinkCdcActionContextFactory(
-                        cdcGraph.getSource().getType(),
-                        cdcGraph.getTarget().getType(),
-                        flinkCdcSyncType);
-        ObjectNode actionConfigs = JSONUtils.createObjectNode();
-        String clusterId = cdcJobSubmitDTO.getClusterId();
+        String createUser = getLoginUser().getUser().getUsername();
+        int maxId = getMaxId() + 1;
+        CdcJobDefinition entity = CdcJobDefinition.builder()
+                .cdcType(cdcJobDefinition.getCdcType())
+                .dataDelay(cdcJobDefinition.getDataDelay())
+                .name(String.format("%s-%s", cdcJobDefinition.getName(), maxId))
+                .config(cdcJobDefinition.getConfig())
+                .description(cdcJobDefinition.getDescription())
+                .createUser(createUser)
+                .build();
+
+        int rowId = baseMapper.insert(entity);
+        return R.succeed(rowId);
+    }
+
+    private Integer getMaxId() {
+        QueryWrapper<CdcJobDefinition> queryWrapper = new QueryWrapper<>();
+        queryWrapper.select("MAX(id) as max_id")
+                .last(" OR is_delete=1");
+        return baseMapper.selectObjs(queryWrapper)
+                .stream()
+                .map(item -> (Integer) item)
+                .findFirst().orElse(0);
+    }
+
+    private UserInfoVO getLoginUser() {
+        return (UserInfoVO) StpUtil.getSession().get(Integer.toString(StpUtil.getLoginIdAsInt()));
+    }
+
+    private R<ActionExecutionResultVo> createCdcJobLog(ActionExecutionResult result,
+                                                       String clusterId, Integer id) {
+        String createUser = getLoginUser().getUser().getUsername();
+        CdcJobLog cdcJobLog;
+        JobStatus jobStatus = result.isSuccess() ? JobStatus.SUBMITTING : JobStatus.FAILED;
+        String errorMsg = result.isSuccess() ? R.succeed().getMsg() : R.failed().getMsg();
+        String flinkJobId = result.getFlinkJobId();
+        cdcJobLog = CdcJobLog.builder()
+                .clusterId(Integer.parseInt(clusterId))
+                .cdcJobDefinitionId(id)
+                .createUser(createUser)
+                .flinkJobId(flinkJobId)
+                .currentStatus(jobStatus.getValue())
+                .build();
+        cdcJobLogService.save(cdcJobLog);
+        ActionExecutionResultVo actionExecutionResultVo = ActionExecutionResultVo.builder()
+                .jobStatus(jobStatus)
+                .success(result.isSuccess())
+                .errorMsg(errorMsg)
+                .logId(cdcJobLog.getId())
+                .build();
+        return R.succeed(actionExecutionResultVo);
+    }
+
+    private void handBaseActionConfig(ObjectNode actionConfigs, String clusterId,
+                                      CdcJobDefinition cdcJobDefinition) {
         ClusterInfo clusterInfo = clusterService.getById(clusterId);
         actionConfigs.put(
                 FlinkCdcOptions.SESSION_URL,
@@ -170,16 +413,6 @@ public R<Void> submit(Integer id, CdcJobSubmitDTO cdcJobSubmitDTO) {
                 FlinkCdcOptions.PIPELINE_NAME, cdcJobDefinition.getName());
         actionConfigs.put(
                 FlinkCdcOptions.EXE_CP_INTERVAL, cdcJobDefinition.getDataDelay());
-
-        handleCdcGraphNodeData(actionConfigs, cdcGraph.getSource(), flinkCdcSyncType, cdcJobSubmitDTO);
-        handleCdcGraphNodeData(actionConfigs, cdcGraph.getTarget(), flinkCdcSyncType, cdcJobSubmitDTO);
-        ActionContext actionContext = factory.getActionContext(actionConfigs);
-        try {
-            actionService.execute(actionContext);
-        } catch (Exception e) {
-            throw new RuntimeException(e);
-        }
-        return R.succeed();
     }
 
     private void handleCdcGraphNodeData(
@@ -254,7 +487,7 @@ private void handleMysqlNodeData(
                 buildKeyValueString("password", JSONUtils.getString(mysqlData, "password")));
 
         SyncMode syncMode = SyncMode.valueOf(cdcJobSubmitDTO.getStartupMode());
-        switch (syncMode){
+        switch (syncMode) {
             case INCREMENTAL_SYNC:
                 mysqlConfList.add(
                         buildKeyValueString("scan.startup.mode", "latest-offset"));
@@ -298,9 +531,7 @@ private void handlePaimonNodeData(
         PaimonServiceFactory.convertToPaimonOptions(options)
                 .toMap()
                 .forEach(
-                        (k, v) -> {
-                            catalogConfList.add(buildKeyValueString(k, v));
-                        });
+                        (k, v) -> catalogConfList.add(buildKeyValueString(k, v)));
 
         actionConfigs.putPOJO(FlinkCdcOptions.CATALOG_CONF, catalogConfList);
     }
diff --git a/paimon-web-server/src/main/java/org/apache/paimon/web/server/service/impl/CdcJobLogImpl.java b/paimon-web-server/src/main/java/org/apache/paimon/web/server/service/impl/CdcJobLogImpl.java
new file mode 100644
index 000000000..7061ce381
--- /dev/null
+++ b/paimon-web-server/src/main/java/org/apache/paimon/web/server/service/impl/CdcJobLogImpl.java
@@ -0,0 +1,50 @@
+/*
+ * Licensed to the Apache Software Foundation (ASF) under one
+ * or more contributor license agreements.  See the NOTICE file
+ * distributed with this work for additional information
+ * regarding copyright ownership.  The ASF licenses this file
+ * to you under the Apache License, Version 2.0 (the
+ * "License"); you may not use this file except in compliance
+ * with the License.  You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+package org.apache.paimon.web.server.service.impl;
+
+import com.baomidou.mybatisplus.core.conditions.query.QueryWrapper;
+import com.baomidou.mybatisplus.extension.service.impl.ServiceImpl;
+import lombok.extern.slf4j.Slf4j;
+import org.apache.paimon.web.engine.flink.common.status.JobStatus;
+import org.apache.paimon.web.server.data.model.CdcJobLog;
+import org.apache.paimon.web.server.data.result.R;
+import org.apache.paimon.web.server.mapper.CdcJobLogMapper;
+import org.apache.paimon.web.server.service.CdcJobLogService;
+import org.springframework.stereotype.Service;
+
+import java.util.List;
+
+
+/** CdcJobLogImpl. */
+@Service
+@Slf4j
+public class CdcJobLogImpl extends ServiceImpl<CdcJobLogMapper, CdcJobLog>
+        implements CdcJobLogService {
+
+    @Override
+    public CdcJobLog findLast(Integer cdcJobDefinitionId) {
+        QueryWrapper<CdcJobLog> queryWrapper = new QueryWrapper<>();
+        queryWrapper
+                .eq("cdc_job_definition_id", cdcJobDefinitionId)
+                .orderByDesc("create_time").last("LIMIT 1");
+        return baseMapper.selectOne(queryWrapper);
+    }
+
+
+}
diff --git a/paimon-web-server/src/main/java/org/apache/paimon/web/server/service/impl/ClusterServiceImpl.java b/paimon-web-server/src/main/java/org/apache/paimon/web/server/service/impl/ClusterServiceImpl.java
index e2bc2bca0..689763b17 100644
--- a/paimon-web-server/src/main/java/org/apache/paimon/web/server/service/impl/ClusterServiceImpl.java
+++ b/paimon-web-server/src/main/java/org/apache/paimon/web/server/service/impl/ClusterServiceImpl.java
@@ -53,7 +53,7 @@ public class ClusterServiceImpl extends ServiceImpl<ClusterMapper, ClusterInfo>
     @Autowired private ClusterMapper clusterMapper;
 
     @Override
-    public List<ClusterInfo> listUsers(IPage<ClusterInfo> page, ClusterInfo cluster) {
+    public List<ClusterInfo> listClusters(IPage<ClusterInfo> page, ClusterInfo cluster) {
         return clusterMapper.listClusters(page, cluster);
     }
 
@@ -165,4 +165,6 @@ public void buildClusterInfo(ClusterInfo clusterInfo, HeartbeatEntity result) {
             clusterInfo.setHeartbeatStatus(result.getStatus());
         }
     }
+
+
 }
diff --git a/paimon-web-server/src/main/resources/i18n/messages.properties b/paimon-web-server/src/main/resources/i18n/messages.properties
index 3d554154a..2dd2993a0 100644
--- a/paimon-web-server/src/main/resources/i18n/messages.properties
+++ b/paimon-web-server/src/main/resources/i18n/messages.properties
@@ -49,8 +49,9 @@ table.remove.option.error=Exception calling Paimon Catalog API to remove an opti
 table.alter.column.error=Exception calling Paimon Catalog API to alter a column.
 table.drop.error=Exception calling Paimon Catalog API to drop a table.
 table.rename.error=Exception calling Paimon Catalog API to rename a table.
-cdc.job.exist.error=Paimon CDC job exists.
-cdc.job.not.exist.error=Paimon CDC job is not exist.
+cdc.job.exist.error=job exists.
+cdc.job.not.exist.error=job is not exist.
+cdc.job.submit.error=job submit error.
 cluster.not.exist=This cluster is not exist.
 cluster.name.exist=This cluster name {0} already exists.
 job.submit.error=Exception submitting a job.
diff --git a/paimon-web-server/src/main/resources/i18n/messages_en_US.properties b/paimon-web-server/src/main/resources/i18n/messages_en_US.properties
index 3d554154a..1d1a9dcb7 100644
--- a/paimon-web-server/src/main/resources/i18n/messages_en_US.properties
+++ b/paimon-web-server/src/main/resources/i18n/messages_en_US.properties
@@ -51,6 +51,8 @@ table.drop.error=Exception calling Paimon Catalog API to drop a table.
 table.rename.error=Exception calling Paimon Catalog API to rename a table.
 cdc.job.exist.error=Paimon CDC job exists.
 cdc.job.not.exist.error=Paimon CDC job is not exist.
+cdc.job.flink.job.id.not.exists=FlinkJobID not exist.
+cdc.job.flink.job.locked=job locked, try it latter
 cluster.not.exist=This cluster is not exist.
 cluster.name.exist=This cluster name {0} already exists.
 job.submit.error=Exception submitting a job.
diff --git a/paimon-web-server/src/main/resources/i18n/messages_zh_CN.properties b/paimon-web-server/src/main/resources/i18n/messages_zh_CN.properties
index 4fdc4edb9..4802744e5 100644
--- a/paimon-web-server/src/main/resources/i18n/messages_zh_CN.properties
+++ b/paimon-web-server/src/main/resources/i18n/messages_zh_CN.properties
@@ -49,8 +49,10 @@ table.remove.option.error=\u8C03\u7528 Paimon API \u79FB\u9664 Option \u65F6\u53
 table.alter.column.error=\u8C03\u7528 Paimon API \u4FEE\u6539 Column \u65F6\u53D1\u751F\u5F02\u5E38
 table.drop.error=\u8C03\u7528 Paimon API \u5220\u9664 Table \u65F6\u53D1\u751F\u5F02\u5E38
 table.rename.error=\u8C03\u7528 Paimon API \u91CD\u547D\u540D Table \u65F6\u53D1\u751F\u5F02\u5E38
-cdc.job.exist.error=paimon cdc\u4F5C\u4E1A\u5DF2\u5B58\u5728
-cdc.job.not.exist.error=paimon cdc\u4F5C\u4E1A\u4E0D\u5B58\u5728
+cdc.job.exist.error=\u4F5C\u4E1A\u5DF2\u5B58\u5728
+cdc.job.not.exist.error=\u4F5C\u4E1A\u4E0D\u5B58\u5728
+cdc.job.flink.job.id.not.exists=FlinkJobID\u4E0D\u5B58\u5728
+cdc.job.flink.job.locked=\u4F5C\u4E1A\u88AB\u9501\u4F4F\uFF0C\u7A0D\u7B49\u518D\u8BD5
 cluster.not.exist=\u6B64\u96C6\u7FA4\u4E0D\u5B58\u5728
 cluster.name.exist=\u6B64\u96C6\u7FA4\u540D{0}\u5DF2\u7ECF\u5B58\u5728
 job.submit.error=\u63D0\u4EA4\u4F5C\u4E1A\u65F6\u53D1\u751F\u5F02\u5E38
diff --git a/paimon-web-ui/src/api/models/cdc/index.ts b/paimon-web-ui/src/api/models/cdc/index.ts
index 0f6d59da3..6f26fb95f 100644
--- a/paimon-web-ui/src/api/models/cdc/index.ts
+++ b/paimon-web-ui/src/api/models/cdc/index.ts
@@ -15,10 +15,10 @@ KIND, either express or implied.  See the License for the
 specific language governing permissions and limitations
 under the License. */
 
-import type { CdcJobDefinition, CdcJobSubmit } from './interface'
+import type { CdcJobDefinition, CdcJobSubmit } from './types/cdcJob'
 import httpRequest from '@/api/request'
 
-export * from './interface'
+export * from './types/cdcJob'
 
 /**
  * # Create cdc job definition
@@ -54,9 +54,31 @@ export function getCdcJobDefinition(id: number) {
 export function deleteCdcJobDefinition(id: number) {
   return httpRequest.delete(`/cdc-job-definition/${id}`)
 }
+
+/**
+ * # Delete cdc job definition
+ */
+export function copyCdcJobDefinition(id: number) {
+  return httpRequest.put(`/cdc-job-definition/${id}/copy`)
+}
+
 /**
  * # Submit cdc job
  */
 export function submitCdcJob(id: number, form: CdcJobSubmit) {
   return httpRequest.post(`/cdc-job-definition/${id}/submit`, form)
 }
+
+/**
+ * # Submit cdc job
+ */
+export function cancelCdcJob(id: number) {
+  return httpRequest.post(`/cdc-job-definition/${id}/cancel`)
+}
+
+/**
+ * # Get cdc job status
+ */
+export function freshCdcJobStatus(id: number, logId: number) {
+  return httpRequest.get(`/cdc-job-definition/${id}/status?logId=${logId}`)
+}
\ No newline at end of file
diff --git a/paimon-web-ui/src/api/models/cdc/interface.ts b/paimon-web-ui/src/api/models/cdc/types/cdcJob.ts
similarity index 78%
rename from paimon-web-ui/src/api/models/cdc/interface.ts
rename to paimon-web-ui/src/api/models/cdc/types/cdcJob.ts
index 6eb824174..3dda3519a 100644
--- a/paimon-web-ui/src/api/models/cdc/interface.ts
+++ b/paimon-web-ui/src/api/models/cdc/types/cdcJob.ts
@@ -17,14 +17,16 @@ under the License. */
 
 export interface CdcJobDefinition {
   id?: number
+  name: string
   createTime?: string
   updateTime?: string
-  name: string
   description?: string
   cdcType?: number
   config?: string
   createUser?: string
   dataDelay: number
+  currentStatus?: string
+  logId?: number
 }
 
 export interface CdcJobSubmit {
@@ -32,3 +34,17 @@ export interface CdcJobSubmit {
   startupMode: number
   startupTimestamp?: number
 }
+
+export enum JobStatus {
+  FRESHED = "FRESHED",
+  SUBMITTING = "SUBMITTING",
+  CANCELLING = "CANCELLING",
+  RUNNING = "RUNNING",
+  FAILED = "FAILED",
+  CANCELED = "CANCELED",
+  CREATED = "CREATED",
+  FINISHED = "FINISHED",
+  UNKNOWN = "UNKNOWN",
+}
+
+
diff --git a/paimon-web-ui/src/components/table-action/index.tsx b/paimon-web-ui/src/components/table-action/index.tsx
index 7df9a6d75..08b53a02d 100644
--- a/paimon-web-ui/src/components/table-action/index.tsx
+++ b/paimon-web-ui/src/components/table-action/index.tsx
@@ -15,8 +15,9 @@ KIND, either express or implied.  See the License for the
 specific language governing permissions and limitations
 under the License. */
 
-import { CreateOutline, PlayOutline, TrashOutline } from '@vicons/ionicons5'
-
+import { CreateOutline, CopyOutline, PlayOutline, PauseOutline, TrashOutline } from '@vicons/ionicons5'
+import {JobStatus} from "@/api/models/cdc/types/cdcJob";
+import type {CdcJobDefinition} from "@/api/models/cdc";
 const props = {
   row: {
     type: Object as PropType<any>,
@@ -27,81 +28,177 @@ const props = {
 export default defineComponent({
   name: 'TableAction',
   props,
-  emits: ['handleEdit', 'handleRun', 'handleDelete'],
+  emits: ['handleEdit', 'handleRun', 'handleCancel', 'handleDelete', 'handleCopy'],
   setup(props, { emit }) {
     const { t } = useLocaleHooks()
+    const dialog = useDialog()
+    const message = useMessage()
+    const cdcJobStatusMap = reactive<Map<number, string>>(new Map())
+    const { mittBus } = getCurrentInstance()!.appContext.config.globalProperties
 
-    const handleEdit = (row: any) => {
+    const handleEdit = (row: CdcJobDefinition) => {
       emit('handleEdit', row)
     }
 
-    const handleRun = (row: any) => {
-      emit('handleRun', row)
+    const handleRunOrCancel = (row: CdcJobDefinition) => {
+        switch (row.currentStatus) {
+            case JobStatus.FRESHED:
+            case JobStatus.FINISHED:
+            case JobStatus.FAILED:
+            case JobStatus.CANCELED:
+            case JobStatus.UNKNOWN:
+                emit('handleRun', row)
+                break
+            case JobStatus.RUNNING:
+                emit('handleCancel', row)
+                break
+            default:
+                message.warning(t('cdc.cdc_job_exe_not_support'))
+        }
+
+    }
+
+    const handleDelete = (row: CdcJobDefinition) => {
+        dialog.warning({
+            title: t('cdc.confirm_title'),
+            content: t('cdc.confirm_delete_content'),
+            positiveText: t('cdc.confirm_sure'),
+            negativeText: t('cdc.confirm_cancel'),
+            onPositiveClick: () => {
+                emit('handleDelete', row)
+            }
+        })
+    }
+
+    const handleCopy = (row: CdcJobDefinition) => {
+      emit('handleCopy', row)
     }
 
-    const handleDelete = (row: any) => {
-      emit('handleDelete', row)
+    const isLoading = (row: CdcJobDefinition) => {
+        return row.currentStatus == JobStatus.CANCELLING ||
+            row.currentStatus == JobStatus.SUBMITTING
     }
 
+    const getLabel = (row: CdcJobDefinition) => {
+        switch (row.currentStatus) {
+            case JobStatus.FRESHED:
+            case JobStatus.FINISHED:
+            case JobStatus.FAILED:
+            case JobStatus.CANCELED:
+            case JobStatus.UNKNOWN:
+                return t('cdc.run')
+            case JobStatus.RUNNING:
+                return t('cdc.cancel')
+            case JobStatus.SUBMITTING:
+            case JobStatus.CANCELLING:
+            case JobStatus.CREATED:
+                return t('cdc.loading')
+            default:
+                return t('cdc.loading')
+        }
+    }
+
+    const getIcon = (row: CdcJobDefinition) => {
+        switch (row.currentStatus) {
+            case JobStatus.UNKNOWN:
+            case JobStatus.FRESHED:
+            case JobStatus.FINISHED:
+            case JobStatus.FAILED:
+            case JobStatus.CANCELED:
+                return PlayOutline
+            case JobStatus.RUNNING:
+                return PauseOutline
+            default:
+                return PlayOutline
+        }
+    }
+
+    mittBus.on('cdcSubmitConfirmFinish', (data: any) => {
+        const id = data.id
+        cdcJobStatusMap.set(id, JobStatus.CANCELLING)
+    })
+
     return {
       t,
       handleEdit,
-      handleRun,
+      handleRunOrCancel,
       handleDelete,
+      handleCopy,
+      isLoading,
+      getLabel,
+      getIcon,
     }
   },
   render() {
     return (
-      <n-space>
-        <n-tooltip trigger="hover">
-          {{
-            default: () => this.t('cdc.edit'),
-            trigger: () => (
-              <n-button
-                size="small"
-                type="primary"
-                onClick={() =>
-                  this.handleEdit(this.row)}
-                circle
-              >
-                <n-icon component={CreateOutline} />
-              </n-button>
-            ),
-          }}
-        </n-tooltip>
-        <n-tooltip trigger="hover">
-          {{
-            default: () => this.t('cdc.run'),
-            trigger: () => (
-              <n-button
-                size="small"
-                type="primary"
-                onClick={() =>
-                  this.handleRun(this.row)}
-                circle
-              >
-                <n-icon component={PlayOutline} />
-              </n-button>
-            ),
-          }}
-        </n-tooltip>
-        <n-tooltip trigger="hover">
-          {{
-            default: () => this.t('cdc.delete'),
-            trigger: () => (
-              <n-button
-                size="small"
-                type="error"
-                onClick={() =>
-                  this.handleDelete(this.row)}
-                circle
-              >
-                <n-icon component={TrashOutline} />
-              </n-button>
-            ),
-          }}
-        </n-tooltip>
-      </n-space>
+        <n-space>
+            <n-tooltip trigger="hover">
+                {{
+                    default: () => this.getLabel(this.row),
+                    trigger: () => (
+                        <n-button
+                            loading={this.isLoading(this.row)}
+                            size="small"
+                            type="primary"
+                            onClick={() =>
+                                this.handleRunOrCancel(this.row)}
+                            circle
+                        >
+                            <n-icon component={this.getIcon(this.row)}/>
+                        </n-button>
+                    ),
+                }}
+            </n-tooltip>
+            <n-tooltip trigger="hover">
+                {{
+                    default: () => this.t('cdc.edit'),
+                    trigger: () => (
+                        <n-button
+                            size="small"
+                            type="primary"
+                            onClick={() =>
+                                this.handleEdit(this.row)}
+                            circle
+                        >
+                            <n-icon component={CreateOutline}/>
+                        </n-button>
+                    ),
+                }}
+            </n-tooltip>
+            <n-tooltip trigger="hover">
+                {{
+                    default: () => this.t('cdc.copy'),
+                    trigger: () => (
+                        <n-button
+                            size="small"
+                            type="primary"
+                            onClick={() =>
+                                this.handleCopy(this.row)}
+                            circle
+                        >
+                            <n-icon component={CopyOutline}/>
+                        </n-button>
+                    ),
+                }}
+            </n-tooltip>
+            <n-tooltip trigger="hover">
+                {{
+                    default: () => this.t('cdc.delete'),
+                    trigger: () => (
+                        <n-button
+                            size="small"
+                            type="error"
+                            onClick={() =>
+                                this.handleDelete(this.row)}
+                            circle
+                        >
+                            <n-icon component={TrashOutline}/>
+                        </n-button>
+                    ),
+                }}
+            </n-tooltip>
+
+        </n-space>
     )
   },
 })
diff --git a/paimon-web-ui/src/form-lib/cdc/use-submit-cdc-job.ts b/paimon-web-ui/src/form-lib/cdc/use-submit-cdc-job.ts
index 56ecaf03d..523babf3b 100644
--- a/paimon-web-ui/src/form-lib/cdc/use-submit-cdc-job.ts
+++ b/paimon-web-ui/src/form-lib/cdc/use-submit-cdc-job.ts
@@ -34,7 +34,9 @@ export function useSumbitCdcJob(item: any) {
   getClusterListByType ('Flink', 1, Number.MAX_SAFE_INTEGER).then((response) => {
     if (response && response.data) {
       const clusterList = response.data as Cluster[]
-      flinkSessionClusterOptions.value = clusterList.map(cluster => ({
+      flinkSessionClusterOptions.value = clusterList.filter(cluster => {
+        return cluster.clusterName == 'yarn-session' || cluster.clusterName == 'k8s-session'
+      }).map(cluster => ({
         label: cluster.clusterName,
         value: cluster.id.toString(),
       }))
@@ -87,9 +89,9 @@ export function useSumbitCdcJob(item: any) {
       {
         type: 'input',
         field: 'startupTimestamp',
-        name: '指定时间',
+        name: t('cdc.startup_timestamp'),
         props: {
-          placeholder: '选择同步模式为指定时间时填写，13位时间戳'
+          placeholder: t('cdc.startup_timestamp_tip')
         },
       },
     ] as IJsonItem[],
diff --git a/paimon-web-ui/src/locales/zh/modules/cdc.ts b/paimon-web-ui/src/locales/zh/modules/cdc.ts
index 74156dc84..e482170cf 100644
--- a/paimon-web-ui/src/locales/zh/modules/cdc.ts
+++ b/paimon-web-ui/src/locales/zh/modules/cdc.ts
@@ -16,15 +16,28 @@ specific language governing permissions and limitations
 under the License. */
 
 export default {
-  cdc_job_definition: 'CDC集成任务定义',
+  cdc_job_definition: '数据入湖',
   cdc_job_info: '作业信息',
   cdc_data_source: '数据来源',
   cdc_data_sink: '数据写入',
   create_synchronization_job: '创建作业',
   save_synchronization_job: '保存作业',
+  cdc_job_save_not_null: '拖拽节点配置后再保存',
+  cdc_job_save_dag_edge: '节点之间连线后再保存',
+  confirm_title: '确定操作',
+  confirm_delete_content: '您确定要删除吗？',
+  confirm_cancel_content: '您确定要取消吗？',
+  confirm_sure: '确定',
+  confirm_cancel: '取消',
   job_name: '作业名称',
+  cdc_job_exe_error: '作业执行失败',
+  cdc_job_exe_success: '作业执行成功',
+  cdc_job_exe_loading: '作业正在执行',
+  cdc_job_exe_not_support: '不支持的操作',
   synchronization_type: '同步类型',
   synchronization_mode: '同步模式',
+  startup_timestamp: '指定时间',
+  startup_timestamp_tip: '选择同步模式为指定时间时填写，13位时间戳',
   job_description: '作业描述',
   create_user: '创建用户',
   create_time: '创建时间',
@@ -32,7 +45,11 @@ export default {
   operation: '操作',
   edit: '编辑',
   run: '运行',
+  cancel: '取消',
+  loading: '正在执行',
   delete: '删除',
+  copy: '复制',
+  job_current_status: '作业状态',
   synchronization_job_name: '作业名称',
   edit_synchronization_job: '编辑同步作业',
   task_description: '任务描述',
diff --git a/paimon-web-ui/src/locales/zh/modules/layout.ts b/paimon-web-ui/src/locales/zh/modules/layout.ts
index 4e222f4ab..6b79e1f5c 100644
--- a/paimon-web-ui/src/locales/zh/modules/layout.ts
+++ b/paimon-web-ui/src/locales/zh/modules/layout.ts
@@ -18,7 +18,7 @@ under the License. */
 export default {
   playground: '查询控制台',
   metadata: '元数据管理',
-  cdc_ingestion: 'CDC 集成',
+  cdc_ingestion: '数据入湖',
   system: '系统管理',
   light: '浅色',
   dark: '暗色',
diff --git a/paimon-web-ui/src/locales/zh/modules/system.ts b/paimon-web-ui/src/locales/zh/modules/system.ts
index 0193c5da8..a13d4fa47 100644
--- a/paimon-web-ui/src/locales/zh/modules/system.ts
+++ b/paimon-web-ui/src/locales/zh/modules/system.ts
@@ -44,7 +44,7 @@ const role = {
 const roleKey = {
   system: '系统管理',
   metadata: '元数据管理',
-  cdc: 'CDC 集成',
+  cdc: '数据入湖',
   playground: 'Playground',
   menu_manager: '菜单管理',
   user_manager: '用户管理',
diff --git a/paimon-web-ui/src/store/cdc/index.ts b/paimon-web-ui/src/store/cdc/index.ts
index 0ed675c42..97112971b 100644
--- a/paimon-web-ui/src/store/cdc/index.ts
+++ b/paimon-web-ui/src/store/cdc/index.ts
@@ -36,3 +36,26 @@ export const useCDCStore = defineStore({
     },
   },
 })
+
+
+export interface CdcJobStatusState {
+   statusMap: Map<number, string>
+}
+
+export const useCdcJobStatusStore = defineStore({
+  id: 'cdcJobStatus',
+  state: (): CdcJobStatusState => ({
+    statusMap: new Map<number, string>(),
+  }),
+  persist: true,
+  getters: {
+    getStatusMap(): any {
+      return this.statusMap
+    },
+  },
+  actions: {
+    setStatusMap(statusMap: Map<number, string>): void {
+      this.statusMap = statusMap
+    },
+  },
+})
\ No newline at end of file
diff --git a/paimon-web-ui/src/views/cdc/components/dag/index.tsx b/paimon-web-ui/src/views/cdc/components/dag/index.tsx
index 8e00067f4..6b119d7bf 100644
--- a/paimon-web-ui/src/views/cdc/components/dag/index.tsx
+++ b/paimon-web-ui/src/views/cdc/components/dag/index.tsx
@@ -29,6 +29,7 @@ export default defineComponent({
     const { t } = useLocaleHooks()
     const CDCStore = useCDCStore()
     const router: Router = useRouter()
+    const message = useMessage()
 
     const showModalRef = ref(false)
     const CDCModalRef = ref()
@@ -80,11 +81,16 @@ export default defineComponent({
 
     const handleSave = () => {
       const editMode = CDCStore.getModel.editMode
+      const config = dagRef.value.graph.toJSON()
+      if(config.cells.length == 0) {
+        message.warning(t('cdc.cdc_job_save_not_null'))
+        return
+      }
       const jobParam: CdcJobDefinition = {
         name: CDCStore.getModel.name,
         description: CDCStore.getModel.description,
         cdcType: CDCStore.getModel.cdcType,
-        config: JSON.stringify(dagRef.value.graph.toJSON()),
+        config: JSON.stringify(config),
         dataDelay: CDCStore.getModel.dataDelay
       }
       if (editMode === 'edit') {
diff --git a/paimon-web-ui/src/views/cdc/components/list/index.tsx b/paimon-web-ui/src/views/cdc/components/list/index.tsx
index 0d04bab22..e0fdad3c3 100644
--- a/paimon-web-ui/src/views/cdc/components/list/index.tsx
+++ b/paimon-web-ui/src/views/cdc/components/list/index.tsx
@@ -20,7 +20,7 @@ import { useTable } from './use-table'
 
 export default defineComponent({
   name: 'ListPage',
-  emits: ['cdcJobSubmit'],
+  emits: ['cdcJobSubmit', 'cdcJobCancel'],
   setup(_, ctx) {
     const { t } = useLocaleHooks()
 
diff --git a/paimon-web-ui/src/views/cdc/components/list/use-table.ts b/paimon-web-ui/src/views/cdc/components/list/use-table.ts
index 2350acead..e70b7d54d 100644
--- a/paimon-web-ui/src/views/cdc/components/list/use-table.ts
+++ b/paimon-web-ui/src/views/cdc/components/list/use-table.ts
@@ -15,12 +15,14 @@ KIND, either express or implied.  See the License for the
 specific language governing permissions and limitations
 under the License. */
 
-import type { Router } from 'vue-router'
-import { useCDCStore } from '@/store/cdc'
+import type {Router} from 'vue-router'
+import {useCDCStore} from '@/store/cdc'
 import TableAction from '@/components/table-action'
-import { deleteCdcJobDefinition, getCdcJobDefinition, listAllCdcJob } from '@/api/models/cdc'
+import {deleteCdcJobDefinition, getCdcJobDefinition, copyCdcJobDefinition, listAllCdcJob} from '@/api/models/cdc'
+import {JobStatus} from '@/api/models/cdc/types/cdcJob'
+import {NTag} from "naive-ui";
 
-export function useTable(ctx: any) {
+export function useTable(ctx:  any) {
   const router: Router = useRouter()
   const { t } = useLocaleHooks()
   const tableVariables = reactive({
@@ -39,11 +41,6 @@ export function useTable(ctx: any) {
           return t(message)
         },
       },
-      {
-        title: t('cdc.job_description'),
-        key: 'description',
-        resizable: true,
-      },
       {
         title: t('cdc.create_user'),
         key: 'createUser',
@@ -59,13 +56,34 @@ export function useTable(ctx: any) {
         key: 'updateTime',
         resizable: true,
       },
+      {
+        title: t('cdc.job_current_status'),
+        key: 'currentStatus',
+        resizable: true,
+        render: (row: any) => {
+          const currentStatus = row.currentStatus
+          switch (currentStatus) {
+            case JobStatus.RUNNING:
+              return h(NTag, {type: 'success', size: 'small'}, {default: () => currentStatus})
+            case JobStatus.CANCELED:
+            case JobStatus.FINISHED:
+            case JobStatus.FRESHED:
+              return h(NTag, {type: 'info', size: 'small'}, {default: () => currentStatus})
+            case JobStatus.FAILED:
+            case JobStatus.UNKNOWN:
+              return h(NTag, {type: 'error', size: 'small'}, {default: () => currentStatus})
+            default:
+              return h(NTag, {type: 'warning', size: 'small'}, {default: () => currentStatus})
+          }
+        }
+      },
       {
         title: t('cdc.operation'),
         key: 'actions',
         render: (row: any) =>
           h(TableAction, {
             row,
-            onHandleEdit: (row) => {
+            onHandleEdit: (row: any) => {
               getCdcJobDefinition(row.id).then((res) => {
                 const CDCStore = useCDCStore()
                 CDCStore.setModel({
@@ -83,15 +101,27 @@ export function useTable(ctx: any) {
             onHandleRun: (row: any) => {
               const CDCStore = useCDCStore()
               CDCStore.setModel({
-                id: row.id,
+                id: row.id
               })
-              ctx.emit('cdcJobSubmit')
+              ctx.emit('cdcJobSubmit', row)
             },
-            onHandleDelete: (row) => {
+            onHandleCancel: (row: any) => {
+              const CDCStore = useCDCStore()
+              CDCStore.setModel({
+                id: row.id
+              })
+              ctx.emit('cdcJobCancel', row)
+            },
+            onHandleDelete: (row: any) => {
               deleteCdcJobDefinition(row.id).then(() => {
                 getTableData()
               })
             },
+            onHandleCopy: (row: any) => {
+              copyCdcJobDefinition(row.id).then(() => {
+                getTableData()
+              })
+            },
           }),
       },
     ],
@@ -115,7 +145,9 @@ export function useTable(ctx: any) {
   })
 
   function getTableData(jobName?: string) {
-    listAllCdcJob(false, jobName, tableVariables.pagination.page, tableVariables.pagination.pageSize).then(
+    listAllCdcJob(false, jobName,
+        tableVariables.pagination.page,
+        tableVariables.pagination.pageSize).then(
       (res: any) => {
         tableVariables.data = res.data
         tableVariables.pagination.itemCount = res.total
diff --git a/paimon-web-ui/src/views/cdc/index.tsx b/paimon-web-ui/src/views/cdc/index.tsx
index 32b965dbf..8c188c1e7 100644
--- a/paimon-web-ui/src/views/cdc/index.tsx
+++ b/paimon-web-ui/src/views/cdc/index.tsx
@@ -21,15 +21,17 @@ import List from './components/list'
 import styles from './index.module.scss'
 import Modal from '@/components/modal'
 import { useCDCStore } from '@/store/cdc'
-import { type CdcJobSubmit, submitCdcJob } from '@/api/models/cdc'
+import {type CdcJobDefinition, type CdcJobSubmit, freshCdcJobStatus, submitCdcJob, cancelCdcJob} from '@/api/models/cdc'
+import {JobStatus} from "@/api/models/cdc/types/cdcJob";
 
 export default defineComponent({
   name: 'CDCPage',
   setup() {
     const { t } = useLocaleHooks()
+    const message = useMessage()
+    const dialog = useDialog()
     const showModalRef = ref(false)
     const showSubmitCdcJobModalRef = ref(false)
-
     const filterValue = ref()
     const CDCStore = useCDCStore()
     const router: Router = useRouter()
@@ -43,32 +45,125 @@ export default defineComponent({
     }
 
     const cdcJobTableRef = ref()
+    // the actionJobMap member is stateful
+    const actionJobMap = new Map<number, CdcJobDefinition>()
+    const refreshStatusMap = new Map<number, number>()
+    const INTERVAL_MILLISECOND = 1000
 
     function handleOpenModal() {
       showModalRef.value = true
     }
 
+    function freshStatus(row: CdcJobDefinition, logId: number) {
+      const id = row.id
+      if (id) {
+        freshCdcJobStatus(id, logId).then((res: any) => {
+          const status = res.data
+          if (status != JobStatus.SUBMITTING && status != JobStatus.CANCELLING && status != row.currentStatus) {
+            // fresh target row status
+            row.currentStatus = status
+            actionJobMap.delete(id)
+            const refreshJobStatusIntervalId = refreshStatusMap.get(id)
+            if (refreshJobStatusIntervalId) {
+              clearInterval(refreshJobStatusIntervalId)
+              refreshStatusMap.delete(id)
+            }
+            message.success(t('cdc.cdc_job_exe_success'))
+          }
+        }).catch((res) => {
+          message.error(res.msg)
+        })
+      }
+    }
+
+    function watchStatus(id: number, logId: number) {
+      const targetRow = actionJobMap.get(id)
+      let refreshJobStatusIntervalId = refreshStatusMap.get(id)
+      if (targetRow && !refreshJobStatusIntervalId) {
+        refreshJobStatusIntervalId = setInterval(() => {
+          freshStatus(targetRow, logId)
+        }, INTERVAL_MILLISECOND)
+        refreshStatusMap.set(id, refreshJobStatusIntervalId)
+      }
+    }
+
+    function toUpdateJobStatus(id: number, res: any) {
+      const data = res.data
+      const logId = data.logId
+      const targetRow = actionJobMap.get(id)
+      if (targetRow) {
+        // update status
+        targetRow.currentStatus = data.jobStatus
+        //cron interval to fresh status
+        if (targetRow.currentStatus == JobStatus.SUBMITTING ||
+            targetRow.currentStatus == JobStatus.CANCELLING) {
+          watchStatus(id, logId)
+        } else {
+          // remove the target row in actionJobMap
+          actionJobMap.delete(id)
+        }
+      }
+    }
+
     function handleCdcSubmitConfirm(form: CdcJobSubmit) {
       const CDCStore = useCDCStore()
-      submitCdcJob(CDCStore.getModel.id, form)
+      const id = CDCStore.getModel.id
+      // show submit status
+      const row = actionJobMap.get(id)
+      if (row) {
+        row.currentStatus = JobStatus.SUBMITTING
+      }
+      // to submit cdc job
+      submitCdcJob(id, form).then((res) => {
+        toUpdateJobStatus(id, res)
+      })
+      // close modal dialog
       showSubmitCdcJobModalRef.value = false
     }
 
-    function handleSeachCdcJobTable() {
+    function handleSearchCdcJobTable() {
       cdcJobTableRef.value.getTableData(filterValue.value)
     }
 
+    function showSubmitCdcJobModal(row: any){
+      // put the target row to action map
+      actionJobMap.set(row.id, row)
+      showSubmitCdcJobModalRef.value = true;
+    }
+
+    function handleCancelCdcJob(row: any) {
+      const id = row.id
+      cancelCdcJob(id).then((res) => {
+        toUpdateJobStatus(id, res)
+      })
+    }
+
+    function showCancelCdcJobMessage(row: any) {
+      dialog.warning({
+        title: t('cdc.confirm_title'),
+        content: t('cdc.confirm_cancel_content'),
+        positiveText: t('cdc.confirm_sure'),
+        negativeText: t('cdc.confirm_cancel'),
+        onPositiveClick: () => {
+          actionJobMap.set(row.id, row)
+          handleCancelCdcJob(row)
+        }
+      })
+    }
+
     return {
       t,
       showModalRef,
       showSubmitCdcJobModalRef,
+      showSubmitCdcJobModal,
+      showCancelCdcJobMessage,
       handleOpenModal,
       handleConfirm,
       CDCModalRef,
       submitCdcJobModalRef,
       handleCdcSubmitConfirm,
       cdcJobTableRef,
-      handleSeachCdcJobTable,
+      handleSearchCdcJobTable,
       filterValue,
     }
   },
@@ -80,18 +175,18 @@ export default defineComponent({
             <n-card>
               <div class={styles.title}>
                 <n-space align="center">
-                  <n-icon component={Leaf} color="#2F7BEA" size="18" />
+                  <n-icon component={Leaf} color="#2F7BEA" size="18"/>
                   <span>{this.t('cdc.cdc_job_definition')}</span>
                 </n-space>
                 <div class={styles.operation}>
                   <n-space>
                     <n-input
-                      placeholder={this.t('playground.search')}
-                      v-model:value={this.filterValue}
-                      v-slots={{
-                        prefix: () => <n-icon component={Search} />,
-                      }}
-                      onBlur={this.handleSeachCdcJobTable}
+                        placeholder={this.t('playground.search')}
+                        v-model:value={this.filterValue}
+                        v-slots={{
+                          prefix: () => <n-icon component={Search}/>,
+                        }}
+                        onBlur={this.handleSearchCdcJobTable}
                     />
                     <n-button type="primary" onClick={this.handleOpenModal}>
                       {this.t('cdc.create_synchronization_job')}
@@ -100,30 +195,33 @@ export default defineComponent({
                 </div>
               </div>
             </n-card>
-            <List ref="cdcJobTableRef" onCdcJobSubmit={() => (this.showSubmitCdcJobModalRef = true)}></List>
+            <List ref="cdcJobTableRef"
+                  onCdcJobSubmit={(row) => (this.showSubmitCdcJobModal(row))}
+                  onCdcJobCancel={(row) => (this.showCancelCdcJobMessage(row))}
+            />
             {this.showModalRef && (
-              <Modal
-                ref="CDCModalRef"
-                showModal={this.showModalRef}
-                title={this.t('cdc.create_synchronization_job')}
-                formType="CDCLIST"
-                onCancel={() => (this.showModalRef = false)}
-                onConfirm={this.handleConfirm}
-              />
+                <Modal
+                    ref="CDCModalRef"
+                    showModal={this.showModalRef}
+                    title={this.t('cdc.create_synchronization_job')}
+                    formType="CDCLIST"
+                    onCancel={() => (this.showModalRef = false)}
+                    onConfirm={this.handleConfirm}
+                />
             )}
             {this.showSubmitCdcJobModalRef && (
-              <Modal
-                ref="submitCdcJobModalRef"
-                showModal={this.showSubmitCdcJobModalRef}
-                title={this.t('cdc.submit_cdc_job')}
-                formType="CDCSUBMIT"
-                onCancel={() => (this.showSubmitCdcJobModalRef = false)}
-                onConfirm={this.handleCdcSubmitConfirm}
-              />
+                <Modal
+                    ref="submitCdcJobModalRef"
+                    showModal={this.showSubmitCdcJobModalRef}
+                    title={this.t('cdc.submit_cdc_job')}
+                    formType="CDCSUBMIT"
+                    onCancel={() => (this.showSubmitCdcJobModalRef = false)}
+                    onConfirm={this.handleCdcSubmitConfirm}
+                />
             )}
           </n-space>
         </n-card>
       </div>
-    )
+  )
   },
 })
diff --git a/scripts/sql/paimon-mysql.sql b/scripts/sql/paimon-mysql.sql
index e958db0be..141450cf5 100644
--- a/scripts/sql/paimon-mysql.sql
+++ b/scripts/sql/paimon-mysql.sql
@@ -157,6 +157,21 @@ CREATE TABLE if not exists `cdc_job_definition`
     unique (`name`)
 ) engine = innodb;
 
+DROP TABLE IF EXISTS `cdc_job_log`;
+CREATE TABLE if not exists `cdc_job_log`
+(
+    id          int(11)  not null auto_increment primary key comment 'id',
+    cluster_id  int(11)                        not null comment 'cluster id',
+    cdc_job_definition_id int (11)             not null comment 'cdc job definition id',
+    create_user varchar(20)                    not null comment 'create user',
+    create_time datetime default CURRENT_TIMESTAMP null comment 'create time',
+    update_time datetime default CURRENT_TIMESTAMP null comment 'update time',
+    terminate_time datetime default null comment 'terminate time',
+    current_status  varchar(16)  not null comment 'cdc job current SUBMITTING, CREATED, RUNNING, FAILED, FINISHED, CANCELED',
+    flink_job_id varchar(32)                    default null comment 'flink job id',
+    extra text default null comment 'extra json'
+    ) engine = innodb;
+
 CREATE TABLE if not exists `job`
 (
     `id`          int(11)     not null auto_increment primary key comment 'id',

From 32b51936816cd306a199179de3ae4464ddaec325 Mon Sep 17 00:00:00 2001
From: hiliuxg <helloliuxg@gmail.com>
Date: Tue, 3 Sep 2024 18:03:47 +0800
Subject: [PATCH 10/17] =?UTF-8?q?=E6=A0=BC=E5=BC=8F=E5=8C=96java=E4=BB=A3?=
 =?UTF-8?q?=E7=A0=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../action/context/ActionExecutionResult.java |   3 +-
 ...ysqlSyncDatabasesActionContextFactory.java |  12 +-
 .../MysqlSyncTableActionContextFactory.java   |  12 +-
 ...PostgresSyncTableActionContextFactory.java |  12 +-
 .../action/service/FlinkCdcActionService.java |  70 +++--
 .../sql/gateway/client/FlinkJobAction.java    |   3 -
 .../client/JobIdMessageParameters.java        |  22 +-
 .../client/JobIdMessagePathParameter.java     |  18 ++
 .../gateway/client/JobOverViewHeaders.java    |  27 +-
 .../gateway/client/SessionClusterClient.java  |  24 +-
 .../sql/gateway/client/SqlGatewayClient.java  |   2 +-
 .../client/StopWithSavePointHeaders.java      |  33 ++-
 .../sql/gateway/model/JobOverviewEntity.java  |  79 +++---
 .../sql/gateway/model/TriggerIdEntity.java    |  22 +-
 .../client/SessionClusterClientTest.java      |  21 +-
 .../CdcJobDefinitionController.java           |   8 +-
 .../server/data/dto/CdcJobDefinitionDTO.java  |   3 +-
 .../web/server/data/dto/CdcJobLogDTO.java     |   2 -
 .../web/server/data/dto/CdcJobSubmitDTO.java  |   1 -
 .../server/data/model/CdcJobDefinition.java   |   1 +
 .../data/vo/ActionExecutionResultVo.java      |  22 +-
 .../web/server/mapper/CdcJobLogMapper.java    |   7 +-
 .../service/CdcJobDefinitionService.java      |   7 +-
 .../web/server/service/CdcJobLogService.java  |   4 +-
 .../impl/CdcJobDefinitionServiceImpl.java     | 247 ++++++++++--------
 .../server/service/impl/CdcJobLogImpl.java    |  17 +-
 .../service/impl/ClusterServiceImpl.java      |   2 -
 27 files changed, 427 insertions(+), 254 deletions(-)

diff --git a/paimon-web-api/src/main/java/org/apache/paimon/web/api/action/context/ActionExecutionResult.java b/paimon-web-api/src/main/java/org/apache/paimon/web/api/action/context/ActionExecutionResult.java
index 7f14adbbc..75dcf98b0 100644
--- a/paimon-web-api/src/main/java/org/apache/paimon/web/api/action/context/ActionExecutionResult.java
+++ b/paimon-web-api/src/main/java/org/apache/paimon/web/api/action/context/ActionExecutionResult.java
@@ -47,8 +47,7 @@ public String getErrorMsg() {
         return errorMsg;
     }
 
-    public String getFlinkJobId(){
+    public String getFlinkJobId() {
         return flinkJobId;
     }
-
 }
diff --git a/paimon-web-api/src/main/java/org/apache/paimon/web/api/action/context/factory/MysqlSyncDatabasesActionContextFactory.java b/paimon-web-api/src/main/java/org/apache/paimon/web/api/action/context/factory/MysqlSyncDatabasesActionContextFactory.java
index 8ed62a8f1..b6303fd66 100644
--- a/paimon-web-api/src/main/java/org/apache/paimon/web/api/action/context/factory/MysqlSyncDatabasesActionContextFactory.java
+++ b/paimon-web-api/src/main/java/org/apache/paimon/web/api/action/context/factory/MysqlSyncDatabasesActionContextFactory.java
@@ -54,15 +54,21 @@ public FlinkCdcSyncType cdcType() {
     @Override
     public ActionContext getActionContext(ObjectNode actionConfigs) {
         return MysqlSyncDatabaseActionContext.builder()
-                .sessionUrl(Optional.of(String.valueOf(actionConfigs.get(FlinkCdcOptions.SESSION_URL))))
+                .sessionUrl(
+                        Optional.of(String.valueOf(actionConfigs.get(FlinkCdcOptions.SESSION_URL))))
                 .flinkJobType(Optional.of(FlinkJobType.SESSION))
                 .warehouse(JSONUtils.getString(actionConfigs, FlinkCdcOptions.WAREHOUSE))
                 .database(JSONUtils.getString(actionConfigs, FlinkCdcOptions.DATABASE))
                 .actionPath(ActionContextUtil.getActionJarPath())
                 .catalogConfList(JSONUtils.getList(actionConfigs, FlinkCdcOptions.CATALOG_CONF))
                 .mysqlConfList(JSONUtils.getList(actionConfigs, FlinkCdcOptions.MYSQL_CONF))
-                .executionCheckPointInterval(Optional.of(JSONUtils.getInteger(actionConfigs, FlinkCdcOptions.EXE_CP_INTERVAL)))
-                .pipelineName(Optional.of(JSONUtils.getString(actionConfigs, FlinkCdcOptions.PIPELINE_NAME)))
+                .executionCheckPointInterval(
+                        Optional.of(
+                                JSONUtils.getInteger(
+                                        actionConfigs, FlinkCdcOptions.EXE_CP_INTERVAL)))
+                .pipelineName(
+                        Optional.of(
+                                JSONUtils.getString(actionConfigs, FlinkCdcOptions.PIPELINE_NAME)))
                 .build();
     }
 }
diff --git a/paimon-web-api/src/main/java/org/apache/paimon/web/api/action/context/factory/MysqlSyncTableActionContextFactory.java b/paimon-web-api/src/main/java/org/apache/paimon/web/api/action/context/factory/MysqlSyncTableActionContextFactory.java
index b234bdd98..53f5d5a4f 100644
--- a/paimon-web-api/src/main/java/org/apache/paimon/web/api/action/context/factory/MysqlSyncTableActionContextFactory.java
+++ b/paimon-web-api/src/main/java/org/apache/paimon/web/api/action/context/factory/MysqlSyncTableActionContextFactory.java
@@ -52,7 +52,8 @@ public FlinkCdcSyncType cdcType() {
     @Override
     public ActionContext getActionContext(ObjectNode actionConfigs) {
         return MysqlSyncTableActionContext.builder()
-                .sessionUrl(Optional.of(String.valueOf(actionConfigs.get(FlinkCdcOptions.SESSION_URL))))
+                .sessionUrl(
+                        Optional.of(String.valueOf(actionConfigs.get(FlinkCdcOptions.SESSION_URL))))
                 .flinkJobType(Optional.of(FlinkJobType.SESSION))
                 .warehouse(JSONUtils.getString(actionConfigs, FlinkCdcOptions.WAREHOUSE))
                 .database(JSONUtils.getString(actionConfigs, FlinkCdcOptions.DATABASE))
@@ -61,8 +62,13 @@ public ActionContext getActionContext(ObjectNode actionConfigs) {
                 .actionPath(ActionContextUtil.getActionJarPath())
                 .catalogConfList(JSONUtils.getList(actionConfigs, FlinkCdcOptions.CATALOG_CONF))
                 .mysqlConfList(JSONUtils.getList(actionConfigs, FlinkCdcOptions.MYSQL_CONF))
-                .executionCheckPointInterval(Optional.of(JSONUtils.getInteger(actionConfigs, FlinkCdcOptions.EXE_CP_INTERVAL)))
-                .pipelineName(Optional.of(JSONUtils.getString(actionConfigs, FlinkCdcOptions.PIPELINE_NAME)))
+                .executionCheckPointInterval(
+                        Optional.of(
+                                JSONUtils.getInteger(
+                                        actionConfigs, FlinkCdcOptions.EXE_CP_INTERVAL)))
+                .pipelineName(
+                        Optional.of(
+                                JSONUtils.getString(actionConfigs, FlinkCdcOptions.PIPELINE_NAME)))
                 .build();
     }
 }
diff --git a/paimon-web-api/src/main/java/org/apache/paimon/web/api/action/context/factory/PostgresSyncTableActionContextFactory.java b/paimon-web-api/src/main/java/org/apache/paimon/web/api/action/context/factory/PostgresSyncTableActionContextFactory.java
index 80ff41dea..d3225889c 100644
--- a/paimon-web-api/src/main/java/org/apache/paimon/web/api/action/context/factory/PostgresSyncTableActionContextFactory.java
+++ b/paimon-web-api/src/main/java/org/apache/paimon/web/api/action/context/factory/PostgresSyncTableActionContextFactory.java
@@ -51,7 +51,8 @@ public FlinkCdcSyncType cdcType() {
     @Override
     public ActionContext getActionContext(ObjectNode actionConfigs) {
         return PostgresSyncTableActionContext.builder()
-                .sessionUrl(Optional.of(String.valueOf(actionConfigs.get(FlinkCdcOptions.SESSION_URL))))
+                .sessionUrl(
+                        Optional.of(String.valueOf(actionConfigs.get(FlinkCdcOptions.SESSION_URL))))
                 .flinkJobType(Optional.of(FlinkJobType.SESSION))
                 .warehouse(JSONUtils.getString(actionConfigs, FlinkCdcOptions.WAREHOUSE))
                 .database(JSONUtils.getString(actionConfigs, FlinkCdcOptions.DATABASE))
@@ -62,8 +63,13 @@ public ActionContext getActionContext(ObjectNode actionConfigs) {
                 .actionPath(ActionContextUtil.getActionJarPath())
                 .catalogConfList(JSONUtils.getList(actionConfigs, FlinkCdcOptions.CATALOG_CONF))
                 .postgresConfList(JSONUtils.getList(actionConfigs, FlinkCdcOptions.POSTGRES_CONF))
-                .executionCheckPointInterval(Optional.of(JSONUtils.getInteger(actionConfigs, FlinkCdcOptions.EXE_CP_INTERVAL)))
-                .pipelineName(Optional.of(JSONUtils.getString(actionConfigs, FlinkCdcOptions.PIPELINE_NAME)))
+                .executionCheckPointInterval(
+                        Optional.of(
+                                JSONUtils.getInteger(
+                                        actionConfigs, FlinkCdcOptions.EXE_CP_INTERVAL)))
+                .pipelineName(
+                        Optional.of(
+                                JSONUtils.getString(actionConfigs, FlinkCdcOptions.PIPELINE_NAME)))
                 .build();
     }
 }
diff --git a/paimon-web-api/src/main/java/org/apache/paimon/web/api/action/service/FlinkCdcActionService.java b/paimon-web-api/src/main/java/org/apache/paimon/web/api/action/service/FlinkCdcActionService.java
index fd8f2f7c3..cdc8b81ab 100644
--- a/paimon-web-api/src/main/java/org/apache/paimon/web/api/action/service/FlinkCdcActionService.java
+++ b/paimon-web-api/src/main/java/org/apache/paimon/web/api/action/service/FlinkCdcActionService.java
@@ -48,22 +48,31 @@ private List<String> getCommand(FlinkActionContext actionContext) {
         commandList.add("run");
         commandList.add("-d");
 
-        if (actionContext.getFlinkJobType().isPresent() &&
-                actionContext.getFlinkJobType().get() != FlinkJobType.SESSION) {
+        if (actionContext.getFlinkJobType().isPresent()
+                && actionContext.getFlinkJobType().get() != FlinkJobType.SESSION) {
             throw new ActionException("Only support session job now.");
         }
 
-        actionContext.getSessionUrl().ifPresent(val -> {
-            commandList.add("-m");
-            commandList.add(val);
-        });
-        actionContext.getPipelineName().ifPresent(val -> {
-            commandList.add("-Dpipeline.name=" + val);
-        });
+        actionContext
+                .getSessionUrl()
+                .ifPresent(
+                        val -> {
+                            commandList.add("-m");
+                            commandList.add(val);
+                        });
+        actionContext
+                .getPipelineName()
+                .ifPresent(
+                        val -> {
+                            commandList.add("-Dpipeline.name=" + val);
+                        });
 
-        actionContext.getExecutionCheckPointInterval().ifPresent(val -> {
-            commandList.add("-Dexecution.checkpointing.interval=" + val);
-        });
+        actionContext
+                .getExecutionCheckPointInterval()
+                .ifPresent(
+                        val -> {
+                            commandList.add("-Dexecution.checkpointing.interval=" + val);
+                        });
 
         commandList.add(actionContext.getJarPath());
         commandList.addAll(actionContext.getArguments());
@@ -82,35 +91,44 @@ public ActionExecutionResult execute(ActionContext actionContext) {
             List<String> command = getCommand(flinkActionContext);
             Process process = new ShellService(flinkHome, command).execute();
             boolean hasExited = process.waitFor(DEFAULT_TIMEOUT_SECCOND, TimeUnit.SECONDS);
-            if (hasExited){
+            if (hasExited) {
                 int value = process.exitValue();
                 try (InputStream inputStream = process.getInputStream();
-                     InputStream errorStream = process.getErrorStream()) {
+                        InputStream errorStream = process.getErrorStream()) {
                     List<String> lines = IOUtils.readLines(inputStream, StandardCharsets.UTF_8);
                     if (value == 0) {
                         String infoLines = String.join("\n", lines);
-                        log.info("run shell command [{}] get info log\n{}",
-                                String.join(" ", command), infoLines);
-                        String flinkJobId = lines.stream()
-                                .filter(item -> item.startsWith(JOB_ID_LOG_PREFIX))
-                                .map(item -> item.replaceAll(JOB_ID_LOG_PREFIX, ""))
-                                .findFirst().orElse(null);
+                        log.info(
+                                "run shell command [{}] get info log\n{}",
+                                String.join(" ", command),
+                                infoLines);
+                        String flinkJobId =
+                                lines.stream()
+                                        .filter(item -> item.startsWith(JOB_ID_LOG_PREFIX))
+                                        .map(item -> item.replaceAll(JOB_ID_LOG_PREFIX, ""))
+                                        .findFirst()
+                                        .orElse(null);
                         result = ActionExecutionResult.success(flinkJobId);
-                    } else{
+                    } else {
                         lines.addAll(IOUtils.readLines(errorStream, StandardCharsets.UTF_8));
                         String errLines = String.join("\n", lines);
-                        log.info("run shell command [{}] get error log\n{}",
-                                String.join(" ", command), errLines);
+                        log.info(
+                                "run shell command [{}] get error log\n{}",
+                                String.join(" ", command),
+                                errLines);
                         result = ActionExecutionResult.fail(errLines);
                     }
                 } catch (Exception exception) {
                     log.error(exception.getMessage(), exception);
                     result = ActionExecutionResult.fail(exception.getMessage());
                 }
-            }else{
+            } else {
                 process.destroyForcibly();
-                result = ActionExecutionResult.fail(
-                        String.format("run shell command timeout after %s second", DEFAULT_TIMEOUT_SECCOND));
+                result =
+                        ActionExecutionResult.fail(
+                                String.format(
+                                        "run shell command timeout after %s second",
+                                        DEFAULT_TIMEOUT_SECCOND));
             }
         } catch (Exception exception) {
             log.error(exception.getMessage(), exception);
diff --git a/paimon-web-engine/paimon-web-engine-flink/paimon-web-engine-flink-sql-gateway/src/main/java/org/apache/paimon/web/engine/flink/sql/gateway/client/FlinkJobAction.java b/paimon-web-engine/paimon-web-engine-flink/paimon-web-engine-flink-sql-gateway/src/main/java/org/apache/paimon/web/engine/flink/sql/gateway/client/FlinkJobAction.java
index b007f6aba..f96213320 100644
--- a/paimon-web-engine/paimon-web-engine-flink/paimon-web-engine-flink-sql-gateway/src/main/java/org/apache/paimon/web/engine/flink/sql/gateway/client/FlinkJobAction.java
+++ b/paimon-web-engine/paimon-web-engine-flink/paimon-web-engine-flink-sql-gateway/src/main/java/org/apache/paimon/web/engine/flink/sql/gateway/client/FlinkJobAction.java
@@ -24,7 +24,6 @@
 /** Using to execute flink job action. */
 public interface FlinkJobAction {
 
-
     /**
      * Execute cluster action to get job overview.
      *
@@ -40,6 +39,4 @@ public interface FlinkJobAction {
      * @return return a 'triggerId' for further query identifier.
      */
     TriggerIdEntity stopWithSavePoint(String jobId);
-
-
 }
diff --git a/paimon-web-engine/paimon-web-engine-flink/paimon-web-engine-flink-sql-gateway/src/main/java/org/apache/paimon/web/engine/flink/sql/gateway/client/JobIdMessageParameters.java b/paimon-web-engine/paimon-web-engine-flink/paimon-web-engine-flink-sql-gateway/src/main/java/org/apache/paimon/web/engine/flink/sql/gateway/client/JobIdMessageParameters.java
index 0d4719770..5f3918cdf 100644
--- a/paimon-web-engine/paimon-web-engine-flink/paimon-web-engine-flink-sql-gateway/src/main/java/org/apache/paimon/web/engine/flink/sql/gateway/client/JobIdMessageParameters.java
+++ b/paimon-web-engine/paimon-web-engine-flink/paimon-web-engine-flink-sql-gateway/src/main/java/org/apache/paimon/web/engine/flink/sql/gateway/client/JobIdMessageParameters.java
@@ -1,3 +1,21 @@
+/*
+ * Licensed to the Apache Software Foundation (ASF) under one
+ * or more contributor license agreements.  See the NOTICE file
+ * distributed with this work for additional information
+ * regarding copyright ownership.  The ASF licenses this file
+ * to you under the Apache License, Version 2.0 (the
+ * "License"); you may not use this file except in compliance
+ * with the License.  You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
 package org.apache.paimon.web.engine.flink.sql.gateway.client;
 
 import org.apache.flink.runtime.rest.messages.MessageParameters;
@@ -9,7 +27,8 @@
 
 public class JobIdMessageParameters extends MessageParameters {
 
-    private final JobIdMessagePathParameter jobIdMessagePathParameter = new JobIdMessagePathParameter();
+    private final JobIdMessagePathParameter jobIdMessagePathParameter =
+            new JobIdMessagePathParameter();
 
     public JobIdMessageParameters(String jobId) {
         jobIdMessagePathParameter.resolve(jobId);
@@ -24,5 +43,4 @@ public Collection<MessagePathParameter<?>> getPathParameters() {
     public Collection<MessageQueryParameter<?>> getQueryParameters() {
         return Collections.emptyList();
     }
-
 }
diff --git a/paimon-web-engine/paimon-web-engine-flink/paimon-web-engine-flink-sql-gateway/src/main/java/org/apache/paimon/web/engine/flink/sql/gateway/client/JobIdMessagePathParameter.java b/paimon-web-engine/paimon-web-engine-flink/paimon-web-engine-flink-sql-gateway/src/main/java/org/apache/paimon/web/engine/flink/sql/gateway/client/JobIdMessagePathParameter.java
index 78ffa11a2..fe9eb2050 100644
--- a/paimon-web-engine/paimon-web-engine-flink/paimon-web-engine-flink-sql-gateway/src/main/java/org/apache/paimon/web/engine/flink/sql/gateway/client/JobIdMessagePathParameter.java
+++ b/paimon-web-engine/paimon-web-engine-flink/paimon-web-engine-flink-sql-gateway/src/main/java/org/apache/paimon/web/engine/flink/sql/gateway/client/JobIdMessagePathParameter.java
@@ -1,3 +1,21 @@
+/*
+ * Licensed to the Apache Software Foundation (ASF) under one
+ * or more contributor license agreements.  See the NOTICE file
+ * distributed with this work for additional information
+ * regarding copyright ownership.  The ASF licenses this file
+ * to you under the Apache License, Version 2.0 (the
+ * "License"); you may not use this file except in compliance
+ * with the License.  You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
 package org.apache.paimon.web.engine.flink.sql.gateway.client;
 
 import org.apache.flink.runtime.rest.messages.ConversionException;
diff --git a/paimon-web-engine/paimon-web-engine-flink/paimon-web-engine-flink-sql-gateway/src/main/java/org/apache/paimon/web/engine/flink/sql/gateway/client/JobOverViewHeaders.java b/paimon-web-engine/paimon-web-engine-flink/paimon-web-engine-flink-sql-gateway/src/main/java/org/apache/paimon/web/engine/flink/sql/gateway/client/JobOverViewHeaders.java
index 9c3a6c160..cc0049a6f 100644
--- a/paimon-web-engine/paimon-web-engine-flink/paimon-web-engine-flink-sql-gateway/src/main/java/org/apache/paimon/web/engine/flink/sql/gateway/client/JobOverViewHeaders.java
+++ b/paimon-web-engine/paimon-web-engine-flink/paimon-web-engine-flink-sql-gateway/src/main/java/org/apache/paimon/web/engine/flink/sql/gateway/client/JobOverViewHeaders.java
@@ -1,13 +1,33 @@
+/*
+ * Licensed to the Apache Software Foundation (ASF) under one
+ * or more contributor license agreements.  See the NOTICE file
+ * distributed with this work for additional information
+ * regarding copyright ownership.  The ASF licenses this file
+ * to you under the Apache License, Version 2.0 (the
+ * "License"); you may not use this file except in compliance
+ * with the License.  You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
 package org.apache.paimon.web.engine.flink.sql.gateway.client;
 
+import org.apache.paimon.web.engine.flink.sql.gateway.model.JobOverviewEntity;
+
 import org.apache.flink.runtime.rest.HttpMethodWrapper;
 import org.apache.flink.runtime.rest.messages.EmptyRequestBody;
 import org.apache.flink.runtime.rest.messages.RuntimeMessageHeaders;
 import org.apache.flink.shaded.netty4.io.netty.handler.codec.http.HttpResponseStatus;
-import org.apache.paimon.web.engine.flink.sql.gateway.model.JobOverviewEntity;
-
 
-public class JobOverViewHeaders implements RuntimeMessageHeaders<EmptyRequestBody, JobOverviewEntity, JobIdMessageParameters> {
+public class JobOverViewHeaders
+        implements RuntimeMessageHeaders<
+                EmptyRequestBody, JobOverviewEntity, JobIdMessageParameters> {
 
     private final String jobId;
     public static final String URL = "/jobs/:" + JobIdMessagePathParameter.KEY;
@@ -50,5 +70,4 @@ public HttpMethodWrapper getHttpMethod() {
     public String getTargetRestEndpointURL() {
         return URL;
     }
-
 }
diff --git a/paimon-web-engine/paimon-web-engine-flink/paimon-web-engine-flink-sql-gateway/src/main/java/org/apache/paimon/web/engine/flink/sql/gateway/client/SessionClusterClient.java b/paimon-web-engine/paimon-web-engine-flink/paimon-web-engine-flink-sql-gateway/src/main/java/org/apache/paimon/web/engine/flink/sql/gateway/client/SessionClusterClient.java
index 9649121a4..b595dddca 100644
--- a/paimon-web-engine/paimon-web-engine-flink/paimon-web-engine-flink-sql-gateway/src/main/java/org/apache/paimon/web/engine/flink/sql/gateway/client/SessionClusterClient.java
+++ b/paimon-web-engine/paimon-web-engine-flink/paimon-web-engine-flink-sql-gateway/src/main/java/org/apache/paimon/web/engine/flink/sql/gateway/client/SessionClusterClient.java
@@ -19,8 +19,8 @@
 package org.apache.paimon.web.engine.flink.sql.gateway.client;
 
 import org.apache.paimon.web.engine.flink.common.status.HeartbeatStatus;
-import org.apache.paimon.web.engine.flink.sql.gateway.model.JobOverviewEntity;
 import org.apache.paimon.web.engine.flink.sql.gateway.model.HeartbeatEntity;
+import org.apache.paimon.web.engine.flink.sql.gateway.model.JobOverviewEntity;
 import org.apache.paimon.web.engine.flink.sql.gateway.model.TriggerIdEntity;
 import org.apache.paimon.web.engine.flink.sql.gateway.utils.SqlGateWayRestClient;
 
@@ -64,7 +64,7 @@ public HeartbeatEntity checkClusterHeartbeat() {
                         .build();
             }
         } catch (Exception ex) {
-            //log.error(
+            // log.error(
             //        "An exception occurred while obtaining the cluster status :{}",
             //        ex.getMessage(),
             //        ex);
@@ -77,17 +77,17 @@ public HeartbeatEntity checkClusterHeartbeat() {
     public JobOverviewEntity jobOverview(String jobId) {
         try {
             return restClient
-                .sendRequest(
-                    new JobOverViewHeaders(jobId),
-                    new JobIdMessageParameters(jobId),
-                    EmptyRequestBody.getInstance())
-                .get();
+                    .sendRequest(
+                            new JobOverViewHeaders(jobId),
+                            new JobIdMessageParameters(jobId),
+                            EmptyRequestBody.getInstance())
+                    .get();
         } catch (Exception ex) {
-           log.error(
-                   "An exception occurred while request job of {} overview: {}",
-                   jobId,
-                   ex.getMessage(),
-                   ex);
+            log.error(
+                    "An exception occurred while request job of {} overview: {}",
+                    jobId,
+                    ex.getMessage(),
+                    ex);
         }
         return null;
     }
diff --git a/paimon-web-engine/paimon-web-engine-flink/paimon-web-engine-flink-sql-gateway/src/main/java/org/apache/paimon/web/engine/flink/sql/gateway/client/SqlGatewayClient.java b/paimon-web-engine/paimon-web-engine-flink/paimon-web-engine-flink-sql-gateway/src/main/java/org/apache/paimon/web/engine/flink/sql/gateway/client/SqlGatewayClient.java
index 38342a636..3d9df7c08 100644
--- a/paimon-web-engine/paimon-web-engine-flink/paimon-web-engine-flink-sql-gateway/src/main/java/org/apache/paimon/web/engine/flink/sql/gateway/client/SqlGatewayClient.java
+++ b/paimon-web-engine/paimon-web-engine-flink/paimon-web-engine-flink-sql-gateway/src/main/java/org/apache/paimon/web/engine/flink/sql/gateway/client/SqlGatewayClient.java
@@ -268,7 +268,7 @@ public HeartbeatEntity checkClusterHeartbeat() {
                         .build();
             }
         } catch (Exception exec) {
-            //log.error(
+            // log.error(
             //        "An exception occurred while obtaining the cluster status :{}",
             //        exec.getMessage(),
             //        exec);
diff --git a/paimon-web-engine/paimon-web-engine-flink/paimon-web-engine-flink-sql-gateway/src/main/java/org/apache/paimon/web/engine/flink/sql/gateway/client/StopWithSavePointHeaders.java b/paimon-web-engine/paimon-web-engine-flink/paimon-web-engine-flink-sql-gateway/src/main/java/org/apache/paimon/web/engine/flink/sql/gateway/client/StopWithSavePointHeaders.java
index 9734c2b80..45787eb30 100644
--- a/paimon-web-engine/paimon-web-engine-flink/paimon-web-engine-flink-sql-gateway/src/main/java/org/apache/paimon/web/engine/flink/sql/gateway/client/StopWithSavePointHeaders.java
+++ b/paimon-web-engine/paimon-web-engine-flink/paimon-web-engine-flink-sql-gateway/src/main/java/org/apache/paimon/web/engine/flink/sql/gateway/client/StopWithSavePointHeaders.java
@@ -1,13 +1,33 @@
+/*
+ * Licensed to the Apache Software Foundation (ASF) under one
+ * or more contributor license agreements.  See the NOTICE file
+ * distributed with this work for additional information
+ * regarding copyright ownership.  The ASF licenses this file
+ * to you under the Apache License, Version 2.0 (the
+ * "License"); you may not use this file except in compliance
+ * with the License.  You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
 package org.apache.paimon.web.engine.flink.sql.gateway.client;
 
+import org.apache.paimon.web.engine.flink.sql.gateway.model.TriggerIdEntity;
+
 import org.apache.flink.runtime.rest.HttpMethodWrapper;
 import org.apache.flink.runtime.rest.messages.EmptyRequestBody;
 import org.apache.flink.runtime.rest.messages.RuntimeMessageHeaders;
 import org.apache.flink.shaded.netty4.io.netty.handler.codec.http.HttpResponseStatus;
-import org.apache.paimon.web.engine.flink.sql.gateway.model.TriggerIdEntity;
-
 
-public class StopWithSavePointHeaders implements RuntimeMessageHeaders<EmptyRequestBody, TriggerIdEntity, JobIdMessageParameters> {
+public class StopWithSavePointHeaders
+        implements RuntimeMessageHeaders<
+                EmptyRequestBody, TriggerIdEntity, JobIdMessageParameters> {
 
     private final String jobId;
     public static final String URL = "/jobs/:" + JobIdMessagePathParameter.KEY + "/stop";
@@ -28,9 +48,9 @@ public HttpResponseStatus getResponseStatusCode() {
 
     @Override
     public String getDescription() {
-        return "Stops a job with a savepoint. Optionally, it can also emit a MAX_WATERMARK before taking the savepoint" +
-                " to flush out any state waiting for timers to fire. This async operation would return a 'triggerid' " +
-                "for further query identifier.";
+        return "Stops a job with a savepoint. Optionally, it can also emit a MAX_WATERMARK before taking the savepoint"
+                + " to flush out any state waiting for timers to fire. This async operation would return a 'triggerid' "
+                + "for further query identifier.";
     }
 
     @Override
@@ -52,5 +72,4 @@ public HttpMethodWrapper getHttpMethod() {
     public String getTargetRestEndpointURL() {
         return URL;
     }
-
 }
diff --git a/paimon-web-engine/paimon-web-engine-flink/paimon-web-engine-flink-sql-gateway/src/main/java/org/apache/paimon/web/engine/flink/sql/gateway/model/JobOverviewEntity.java b/paimon-web-engine/paimon-web-engine-flink/paimon-web-engine-flink-sql-gateway/src/main/java/org/apache/paimon/web/engine/flink/sql/gateway/model/JobOverviewEntity.java
index 352dc80bb..277230de0 100644
--- a/paimon-web-engine/paimon-web-engine-flink/paimon-web-engine-flink-sql-gateway/src/main/java/org/apache/paimon/web/engine/flink/sql/gateway/model/JobOverviewEntity.java
+++ b/paimon-web-engine/paimon-web-engine-flink/paimon-web-engine-flink-sql-gateway/src/main/java/org/apache/paimon/web/engine/flink/sql/gateway/model/JobOverviewEntity.java
@@ -1,5 +1,22 @@
-package org.apache.paimon.web.engine.flink.sql.gateway.model;
+/*
+ * Licensed to the Apache Software Foundation (ASF) under one
+ * or more contributor license agreements.  See the NOTICE file
+ * distributed with this work for additional information
+ * regarding copyright ownership.  The ASF licenses this file
+ * to you under the Apache License, Version 2.0 (the
+ * "License"); you may not use this file except in compliance
+ * with the License.  You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
 
+package org.apache.paimon.web.engine.flink.sql.gateway.model;
 
 import lombok.Getter;
 import org.apache.flink.runtime.messages.webmonitor.InfoMessage;
@@ -31,61 +48,59 @@ public class JobOverviewEntity implements ResponseBody, InfoMessage {
 
     @JsonProperty(FIELD_NAME_JID)
     private String jid;
+
     @JsonProperty(FIELD_NAME_NAME)
     private String name;
+
     @JsonProperty(FIELD_NAME_IS_STOP_ABLE)
     private Boolean isStoppable;
+
     @JsonProperty(FIELD_NAME_STATE)
     private String state;
+
     @JsonProperty(FIELD_NAME_START_TIME)
     private Long startTime;
+
     @JsonProperty(FIELD_NAME_END_TIME)
     private Long endTime;
+
     @JsonProperty(FIELD_NAME_DURATION)
     private Long duration;
+
     @JsonProperty(FIELD_NAME_MAX_PARALLELISM)
     private Integer maxParallelism;
+
     @JsonProperty(FIELD_NAME_NOW)
     private Long now;
+
     @JsonProperty(FIELD_NAME_TIMESTAMP)
     private Map<String, Long> timestamps;
+
     @JsonProperty(FIELD_NAME_VERTICES)
     private List<Object> vertices;
+
     @JsonProperty(FIELD_NAME_STATUS_COUNTS)
     private Map<String, Long> statusCounts;
+
     @JsonProperty(FIELD_NAME_PLAN)
     private Object plan;
 
-
     @JsonCreator
-    public JobOverviewEntity(@JsonProperty(FIELD_NAME_JID)
-                             String jid,
-                             @JsonProperty(FIELD_NAME_NAME)
-                             String name,
-                             @JsonProperty(FIELD_NAME_IS_STOP_ABLE)
-                             Boolean isStoppable,
-                             @JsonProperty(FIELD_NAME_STATE)
-                             String state,
-                             @JsonProperty(FIELD_NAME_START_TIME)
-                             Long startTime,
-                             @JsonProperty(FIELD_NAME_END_TIME)
-                             Long endTime,
-                             @JsonProperty(FIELD_NAME_DURATION)
-                             Long duration,
-                             @JsonProperty(FIELD_NAME_MAX_PARALLELISM)
-                             Integer maxParallelism,
-                             @JsonProperty(FIELD_NAME_NOW)
-                             Long now,
-                             @JsonProperty(FIELD_NAME_TIMESTAMP)
-                             Map<String, Long> timestamps,
-                             @JsonProperty(FIELD_NAME_VERTICES)
-                             List<Object> vertices,
-                             @JsonProperty(FIELD_NAME_STATUS_COUNTS)
-                             Map<String, Long> statusCounts,
-                             @JsonProperty(FIELD_NAME_PLAN)
-                             Object plan
-
-    ) {
+    public JobOverviewEntity(
+            @JsonProperty(FIELD_NAME_JID) String jid,
+            @JsonProperty(FIELD_NAME_NAME) String name,
+            @JsonProperty(FIELD_NAME_IS_STOP_ABLE) Boolean isStoppable,
+            @JsonProperty(FIELD_NAME_STATE) String state,
+            @JsonProperty(FIELD_NAME_START_TIME) Long startTime,
+            @JsonProperty(FIELD_NAME_END_TIME) Long endTime,
+            @JsonProperty(FIELD_NAME_DURATION) Long duration,
+            @JsonProperty(FIELD_NAME_MAX_PARALLELISM) Integer maxParallelism,
+            @JsonProperty(FIELD_NAME_NOW) Long now,
+            @JsonProperty(FIELD_NAME_TIMESTAMP) Map<String, Long> timestamps,
+            @JsonProperty(FIELD_NAME_VERTICES) List<Object> vertices,
+            @JsonProperty(FIELD_NAME_STATUS_COUNTS) Map<String, Long> statusCounts,
+            @JsonProperty(FIELD_NAME_PLAN) Object plan) {
+
         this.jid = jid;
         this.name = name;
         this.isStoppable = isStoppable;
@@ -100,8 +115,4 @@ public JobOverviewEntity(@JsonProperty(FIELD_NAME_JID)
         this.statusCounts = statusCounts;
         this.plan = plan;
     }
-
-
-
-
 }
diff --git a/paimon-web-engine/paimon-web-engine-flink/paimon-web-engine-flink-sql-gateway/src/main/java/org/apache/paimon/web/engine/flink/sql/gateway/model/TriggerIdEntity.java b/paimon-web-engine/paimon-web-engine-flink/paimon-web-engine-flink-sql-gateway/src/main/java/org/apache/paimon/web/engine/flink/sql/gateway/model/TriggerIdEntity.java
index 22fc7525a..4310a5b4e 100644
--- a/paimon-web-engine/paimon-web-engine-flink/paimon-web-engine-flink-sql-gateway/src/main/java/org/apache/paimon/web/engine/flink/sql/gateway/model/TriggerIdEntity.java
+++ b/paimon-web-engine/paimon-web-engine-flink/paimon-web-engine-flink-sql-gateway/src/main/java/org/apache/paimon/web/engine/flink/sql/gateway/model/TriggerIdEntity.java
@@ -1,3 +1,21 @@
+/*
+ * Licensed to the Apache Software Foundation (ASF) under one
+ * or more contributor license agreements.  See the NOTICE file
+ * distributed with this work for additional information
+ * regarding copyright ownership.  The ASF licenses this file
+ * to you under the Apache License, Version 2.0 (the
+ * "License"); you may not use this file except in compliance
+ * with the License.  You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
 package org.apache.paimon.web.engine.flink.sql.gateway.model;
 
 import lombok.Getter;
@@ -15,9 +33,7 @@ public class TriggerIdEntity implements ResponseBody, InfoMessage {
     private String triggerId;
 
     @JsonCreator
-    public TriggerIdEntity(@JsonProperty(FIELD_NAME_TRIGGER_ID)
-                             String triggerId){
+    public TriggerIdEntity(@JsonProperty(FIELD_NAME_TRIGGER_ID) String triggerId) {
         this.triggerId = triggerId;
     }
-
 }
diff --git a/paimon-web-engine/paimon-web-engine-flink/paimon-web-engine-flink-sql-gateway/src/test/java/org/apache/paimon/web/engine/flink/sql/gataway/client/SessionClusterClientTest.java b/paimon-web-engine/paimon-web-engine-flink/paimon-web-engine-flink-sql-gateway/src/test/java/org/apache/paimon/web/engine/flink/sql/gataway/client/SessionClusterClientTest.java
index 3481857e9..9cb0a3d69 100644
--- a/paimon-web-engine/paimon-web-engine-flink/paimon-web-engine-flink-sql-gateway/src/test/java/org/apache/paimon/web/engine/flink/sql/gataway/client/SessionClusterClientTest.java
+++ b/paimon-web-engine/paimon-web-engine-flink/paimon-web-engine-flink-sql-gateway/src/test/java/org/apache/paimon/web/engine/flink/sql/gataway/client/SessionClusterClientTest.java
@@ -1,3 +1,21 @@
+/*
+ * Licensed to the Apache Software Foundation (ASF) under one
+ * or more contributor license agreements.  See the NOTICE file
+ * distributed with this work for additional information
+ * regarding copyright ownership.  The ASF licenses this file
+ * to you under the Apache License, Version 2.0 (the
+ * "License"); you may not use this file except in compliance
+ * with the License.  You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
 package org.apache.paimon.web.engine.flink.sql.gataway.client;
 
 import org.apache.paimon.web.engine.flink.common.status.JobStatus;
@@ -5,11 +23,11 @@
 import org.apache.paimon.web.engine.flink.sql.gateway.client.SessionClusterClient;
 import org.apache.paimon.web.engine.flink.sql.gateway.model.JobOverviewEntity;
 import org.apache.paimon.web.engine.flink.sql.gateway.model.TriggerIdEntity;
+
 import org.junit.Assert;
 import org.junit.jupiter.api.Assertions;
 import org.junit.jupiter.api.Test;
 
-
 public class SessionClusterClientTest {
 
     @Test
@@ -31,5 +49,4 @@ public void testStopWithSavePoint() throws Exception {
         TriggerIdEntity idEntity = flinkJobAction.stopWithSavePoint(jobId);
         Assertions.assertNotNull(idEntity);
     }
-
 }
diff --git a/paimon-web-server/src/main/java/org/apache/paimon/web/server/controller/CdcJobDefinitionController.java b/paimon-web-server/src/main/java/org/apache/paimon/web/server/controller/CdcJobDefinitionController.java
index f7dfdd123..7be406498 100644
--- a/paimon-web-server/src/main/java/org/apache/paimon/web/server/controller/CdcJobDefinitionController.java
+++ b/paimon-web-server/src/main/java/org/apache/paimon/web/server/controller/CdcJobDefinitionController.java
@@ -103,7 +103,8 @@ public R<Integer> copy(@PathVariable Integer id) {
 
     @SaCheckPermission("cdc:job:submit")
     @PostMapping("{id}/submit")
-    public R<ActionExecutionResultVo> submit(@PathVariable Integer id, @RequestBody CdcJobSubmitDTO cdcJobSubmitDTO) {
+    public R<ActionExecutionResultVo> submit(
+            @PathVariable Integer id, @RequestBody CdcJobSubmitDTO cdcJobSubmitDTO) {
         return cdcJobDefinitionService.submit(id, cdcJobSubmitDTO);
     }
 
@@ -115,10 +116,7 @@ public R<ActionExecutionResultVo> cancel(@PathVariable Integer id) {
 
     @SaCheckPermission("cdc:job:status")
     @GetMapping("{id}/status")
-    public R<JobStatus> status(@PathVariable Integer id,
-                               @RequestParam Integer logId) {
+    public R<JobStatus> status(@PathVariable Integer id, @RequestParam Integer logId) {
         return cdcJobDefinitionService.status(id, logId);
     }
-
-
 }
diff --git a/paimon-web-server/src/main/java/org/apache/paimon/web/server/data/dto/CdcJobDefinitionDTO.java b/paimon-web-server/src/main/java/org/apache/paimon/web/server/data/dto/CdcJobDefinitionDTO.java
index 5d91ed01f..ff9c46e55 100644
--- a/paimon-web-server/src/main/java/org/apache/paimon/web/server/data/dto/CdcJobDefinitionDTO.java
+++ b/paimon-web-server/src/main/java/org/apache/paimon/web/server/data/dto/CdcJobDefinitionDTO.java
@@ -39,6 +39,5 @@ public class CdcJobDefinitionDTO {
 
     private String createUser;
 
-    private int  dataDelay;
-
+    private int dataDelay;
 }
diff --git a/paimon-web-server/src/main/java/org/apache/paimon/web/server/data/dto/CdcJobLogDTO.java b/paimon-web-server/src/main/java/org/apache/paimon/web/server/data/dto/CdcJobLogDTO.java
index 0e7543192..df3a69399 100644
--- a/paimon-web-server/src/main/java/org/apache/paimon/web/server/data/dto/CdcJobLogDTO.java
+++ b/paimon-web-server/src/main/java/org/apache/paimon/web/server/data/dto/CdcJobLogDTO.java
@@ -20,7 +20,6 @@
 
 import lombok.Data;
 
-import java.time.LocalDateTime;
 import java.util.Map;
 
 /** DTO of cdcJobLog . */
@@ -40,5 +39,4 @@ public class CdcJobLogDTO {
     private String flinkJobId;
 
     private Map<String, Object> extra;
-
 }
diff --git a/paimon-web-server/src/main/java/org/apache/paimon/web/server/data/dto/CdcJobSubmitDTO.java b/paimon-web-server/src/main/java/org/apache/paimon/web/server/data/dto/CdcJobSubmitDTO.java
index df68c0107..ab5aea05c 100644
--- a/paimon-web-server/src/main/java/org/apache/paimon/web/server/data/dto/CdcJobSubmitDTO.java
+++ b/paimon-web-server/src/main/java/org/apache/paimon/web/server/data/dto/CdcJobSubmitDTO.java
@@ -28,5 +28,4 @@ public class CdcJobSubmitDTO {
     private Long startupTimestamp;
     private Integer startupMode;
     private String createUser;
-
 }
diff --git a/paimon-web-server/src/main/java/org/apache/paimon/web/server/data/model/CdcJobDefinition.java b/paimon-web-server/src/main/java/org/apache/paimon/web/server/data/model/CdcJobDefinition.java
index 1bab1ceb7..4dc1e2ff6 100644
--- a/paimon-web-server/src/main/java/org/apache/paimon/web/server/data/model/CdcJobDefinition.java
+++ b/paimon-web-server/src/main/java/org/apache/paimon/web/server/data/model/CdcJobDefinition.java
@@ -27,6 +27,7 @@
 import lombok.NoArgsConstructor;
 
 import java.io.Serializable;
+
 /** Model of cdc_job_definition. */
 @TableName(value = "cdc_job_definition")
 @Data
diff --git a/paimon-web-server/src/main/java/org/apache/paimon/web/server/data/vo/ActionExecutionResultVo.java b/paimon-web-server/src/main/java/org/apache/paimon/web/server/data/vo/ActionExecutionResultVo.java
index 3bf46db86..50c0636aa 100644
--- a/paimon-web-server/src/main/java/org/apache/paimon/web/server/data/vo/ActionExecutionResultVo.java
+++ b/paimon-web-server/src/main/java/org/apache/paimon/web/server/data/vo/ActionExecutionResultVo.java
@@ -1,10 +1,29 @@
+/*
+ * Licensed to the Apache Software Foundation (ASF) under one
+ * or more contributor license agreements.  See the NOTICE file
+ * distributed with this work for additional information
+ * regarding copyright ownership.  The ASF licenses this file
+ * to you under the Apache License, Version 2.0 (the
+ * "License"); you may not use this file except in compliance
+ * with the License.  You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
 package org.apache.paimon.web.server.data.vo;
 
+import org.apache.paimon.web.engine.flink.common.status.JobStatus;
+
 import lombok.AllArgsConstructor;
 import lombok.Builder;
 import lombok.Data;
 import lombok.NoArgsConstructor;
-import org.apache.paimon.web.engine.flink.common.status.JobStatus;
 
 @Data
 @Builder
@@ -19,5 +38,4 @@ public class ActionExecutionResultVo {
     private String errorMsg;
 
     private JobStatus jobStatus;
-
 }
diff --git a/paimon-web-server/src/main/java/org/apache/paimon/web/server/mapper/CdcJobLogMapper.java b/paimon-web-server/src/main/java/org/apache/paimon/web/server/mapper/CdcJobLogMapper.java
index 218300dbf..1275a08b3 100644
--- a/paimon-web-server/src/main/java/org/apache/paimon/web/server/mapper/CdcJobLogMapper.java
+++ b/paimon-web-server/src/main/java/org/apache/paimon/web/server/mapper/CdcJobLogMapper.java
@@ -18,9 +18,8 @@
 
 package org.apache.paimon.web.server.mapper;
 
-import com.baomidou.mybatisplus.core.mapper.BaseMapper;
-import org.apache.ibatis.annotations.Mapper;
 import org.apache.paimon.web.server.data.model.CdcJobLog;
 
-public interface CdcJobLogMapper extends BaseMapper<CdcJobLog> {
-}
+import com.baomidou.mybatisplus.core.mapper.BaseMapper;
+
+public interface CdcJobLogMapper extends BaseMapper<CdcJobLog> {}
diff --git a/paimon-web-server/src/main/java/org/apache/paimon/web/server/service/CdcJobDefinitionService.java b/paimon-web-server/src/main/java/org/apache/paimon/web/server/service/CdcJobDefinitionService.java
index eab262e78..d4d4b1c8a 100644
--- a/paimon-web-server/src/main/java/org/apache/paimon/web/server/service/CdcJobDefinitionService.java
+++ b/paimon-web-server/src/main/java/org/apache/paimon/web/server/service/CdcJobDefinitionService.java
@@ -18,18 +18,17 @@
 
 package org.apache.paimon.web.server.service;
 
-import org.apache.paimon.web.api.action.context.ActionExecutionResult;
 import org.apache.paimon.web.engine.flink.common.status.JobStatus;
 import org.apache.paimon.web.server.data.dto.CdcJobDefinitionDTO;
 import org.apache.paimon.web.server.data.dto.CdcJobSubmitDTO;
 import org.apache.paimon.web.server.data.model.CdcJobDefinition;
 import org.apache.paimon.web.server.data.result.PageR;
 import org.apache.paimon.web.server.data.result.R;
-
-import com.baomidou.mybatisplus.extension.service.IService;
 import org.apache.paimon.web.server.data.vo.ActionExecutionResultVo;
 import org.apache.paimon.web.server.data.vo.CdcJobDefinitionVO;
 
+import com.baomidou.mybatisplus.extension.service.IService;
+
 /** Cdc Job Definition Service. */
 public interface CdcJobDefinitionService extends IService<CdcJobDefinition> {
 
@@ -47,6 +46,4 @@ PageR<CdcJobDefinitionVO> listAll(
     R<JobStatus> status(Integer id, Integer logId);
 
     R<Integer> copy(Integer id);
-
-
 }
diff --git a/paimon-web-server/src/main/java/org/apache/paimon/web/server/service/CdcJobLogService.java b/paimon-web-server/src/main/java/org/apache/paimon/web/server/service/CdcJobLogService.java
index 272ce332f..7f971dc27 100644
--- a/paimon-web-server/src/main/java/org/apache/paimon/web/server/service/CdcJobLogService.java
+++ b/paimon-web-server/src/main/java/org/apache/paimon/web/server/service/CdcJobLogService.java
@@ -18,9 +18,9 @@
 
 package org.apache.paimon.web.server.service;
 
-import com.baomidou.mybatisplus.extension.service.IService;
 import org.apache.paimon.web.server.data.model.CdcJobLog;
-import org.apache.paimon.web.server.data.result.R;
+
+import com.baomidou.mybatisplus.extension.service.IService;
 
 /** Cdc Job Log Service. */
 public interface CdcJobLogService extends IService<CdcJobLog> {
diff --git a/paimon-web-server/src/main/java/org/apache/paimon/web/server/service/impl/CdcJobDefinitionServiceImpl.java b/paimon-web-server/src/main/java/org/apache/paimon/web/server/service/impl/CdcJobDefinitionServiceImpl.java
index dbc3aac4e..76fd43214 100644
--- a/paimon-web-server/src/main/java/org/apache/paimon/web/server/service/impl/CdcJobDefinitionServiceImpl.java
+++ b/paimon-web-server/src/main/java/org/apache/paimon/web/server/service/impl/CdcJobDefinitionServiceImpl.java
@@ -18,10 +18,6 @@
 
 package org.apache.paimon.web.server.service.impl;
 
-import lombok.extern.slf4j.Slf4j;
-import org.apache.flink.shaded.guava31.com.google.common.cache.CacheBuilder;
-import org.apache.flink.shaded.guava31.com.google.common.cache.CacheLoader;
-import org.apache.flink.shaded.guava31.com.google.common.cache.LoadingCache;
 import org.apache.paimon.web.api.action.context.ActionContext;
 import org.apache.paimon.web.api.action.context.ActionExecutionResult;
 import org.apache.paimon.web.api.action.context.factory.ActionContextFactoryServiceLoadUtil;
@@ -65,6 +61,10 @@
 import com.baomidou.mybatisplus.extension.service.impl.ServiceImpl;
 import com.fasterxml.jackson.databind.node.ObjectNode;
 import com.google.common.base.Preconditions;
+import lombok.extern.slf4j.Slf4j;
+import org.apache.flink.shaded.guava31.com.google.common.cache.CacheBuilder;
+import org.apache.flink.shaded.guava31.com.google.common.cache.CacheLoader;
+import org.apache.flink.shaded.guava31.com.google.common.cache.LoadingCache;
 import org.springframework.beans.factory.annotation.Autowired;
 import org.springframework.stereotype.Service;
 
@@ -79,9 +79,7 @@
 import java.util.concurrent.locks.ReentrantLock;
 import java.util.stream.Collectors;
 
-/**
- * CdcJobDefinitionServiceImpl.
- */
+/** CdcJobDefinitionServiceImpl. */
 @Service
 @Slf4j
 public class CdcJobDefinitionServiceImpl
@@ -93,13 +91,15 @@ public class CdcJobDefinitionServiceImpl
     @Autowired private CdcJobLogService cdcJobLogService;
 
     final LoadingCache<Integer, ReentrantLock> cacher =
-            CacheBuilder.newBuilder().expireAfterAccess(1, TimeUnit.MINUTES)
-                    .build(new CacheLoader<Integer, ReentrantLock>() {
-                        @Override
-                        public ReentrantLock load(Integer id) {
-                            return new ReentrantLock();
-                        }
-                    });
+            CacheBuilder.newBuilder()
+                    .expireAfterAccess(1, TimeUnit.MINUTES)
+                    .build(
+                            new CacheLoader<Integer, ReentrantLock>() {
+                                @Override
+                                public ReentrantLock load(Integer id) {
+                                    return new ReentrantLock();
+                                }
+                            });
 
     @Override
     public R<Void> create(CdcJobDefinitionDTO cdcJobDefinitionDTO) {
@@ -139,8 +139,14 @@ public PageR<CdcJobDefinitionVO> listAll(
             String name, boolean withConfig, long currentPage, long pageSize) {
         Page<CdcJobDefinition> page = new Page<>(currentPage, pageSize);
         QueryWrapper<CdcJobDefinition> queryWrapper = new QueryWrapper<>();
-        queryWrapper.select("id", "name", "cdc_type",
-                "create_user", "description", "update_time", "create_time");
+        queryWrapper.select(
+                "id",
+                "name",
+                "cdc_type",
+                "create_user",
+                "description",
+                "update_time",
+                "create_time");
         queryWrapper.like(StringUtils.isNotBlank(name), "name", name);
         Page<CdcJobDefinition> resPage = baseMapper.selectPage(page, queryWrapper);
         Page<CdcJobDefinitionVO> voPage = toCdcJobDefinitionVOPage(resPage);
@@ -148,25 +154,31 @@ public PageR<CdcJobDefinitionVO> listAll(
     }
 
     private Page<CdcJobDefinitionVO> toCdcJobDefinitionVOPage(Page<CdcJobDefinition> resPage) {
-        List<CdcJobDefinitionVO> voList = resPage.getRecords().stream().map(item -> {
-            Integer id = item.getId();
-            CdcJobLog cdcJobLog = cdcJobLogService.findLast(id);
-            String jobStatus = cdcJobLog == null ?
-                    JobStatus.FRESHED.getValue() : cdcJobLog.getCurrentStatus();
-            return CdcJobDefinitionVO.builder()
-                    .id(id)
-                    .cdcType(item.getCdcType())
-                    .isDelete(item.isDelete())
-                    .name(item.getName())
-                    .config(item.getConfig())
-                    .createTime(item.getCreateTime())
-                    .updateTime(item.getUpdateTime())
-                    .description(item.getDescription())
-                    .createUser(item.getCreateUser())
-                    .dataDelay(item.getDataDelay())
-                    .currentStatus(jobStatus)
-                    .build();
-        }).collect(Collectors.toList());
+        List<CdcJobDefinitionVO> voList =
+                resPage.getRecords().stream()
+                        .map(
+                                item -> {
+                                    Integer id = item.getId();
+                                    CdcJobLog cdcJobLog = cdcJobLogService.findLast(id);
+                                    String jobStatus =
+                                            cdcJobLog == null
+                                                    ? JobStatus.FRESHED.getValue()
+                                                    : cdcJobLog.getCurrentStatus();
+                                    return CdcJobDefinitionVO.builder()
+                                            .id(id)
+                                            .cdcType(item.getCdcType())
+                                            .isDelete(item.isDelete())
+                                            .name(item.getName())
+                                            .config(item.getConfig())
+                                            .createTime(item.getCreateTime())
+                                            .updateTime(item.getUpdateTime())
+                                            .description(item.getDescription())
+                                            .createUser(item.getCreateUser())
+                                            .dataDelay(item.getDataDelay())
+                                            .currentStatus(jobStatus)
+                                            .build();
+                                })
+                        .collect(Collectors.toList());
 
         Page<CdcJobDefinitionVO> voPage =
                 new Page<>(resPage.getCurrent(), resPage.getSize(), resPage.getSize());
@@ -198,9 +210,9 @@ public R<Void> update(CdcJobDefinitionDTO cdcJobDefinitionDTO) {
     }
 
     /**
-     * to submit cdc job to cluster
-     * Use ReentrantLock to ensure that submission, cancellation,
-     * and status retrieval for the same job are atomic operations.
+     * to submit cdc job to cluster Use ReentrantLock to ensure that submission, cancellation, and
+     * status retrieval for the same job are atomic operations.
+     *
      * @see CdcJobDefinitionServiceImpl#cancel(Integer)
      * @see CdcJobDefinitionServiceImpl#status(Integer, Integer)
      * @param id cdc job id
@@ -210,21 +222,25 @@ public R<Void> update(CdcJobDefinitionDTO cdcJobDefinitionDTO) {
     @Override
     public R<ActionExecutionResultVo> submit(Integer id, CdcJobSubmitDTO cdcJobSubmitDTO) {
         ReentrantLock lock = cacher.getUnchecked(id);
-        if (lock.isLocked()){
-            return R.of(null,
+        if (lock.isLocked()) {
+            return R.of(
+                    null,
                     Status.CDC_JOB_FLINK_JOB_LOCKED.getCode(),
                     Status.CDC_JOB_FLINK_JOB_LOCKED.getMsg());
         }
         lock.lock();
         try {
             CdcJobDefinition cdcJobDefinition = baseMapper.selectById(id);
-            FlinkCdcSyncType flinkCdcSyncType = FlinkCdcSyncType.valueOf(cdcJobDefinition.getCdcType());
+            FlinkCdcSyncType flinkCdcSyncType =
+                    FlinkCdcSyncType.valueOf(cdcJobDefinition.getCdcType());
             CdcGraph cdcGraph = CdcGraph.fromCdcGraphJsonString(cdcJobDefinition.getConfig());
             String clusterId = cdcJobSubmitDTO.getClusterId();
             ObjectNode actionConfigs = JSONUtils.createObjectNode();
             handBaseActionConfig(actionConfigs, clusterId, cdcJobDefinition);
-            handleCdcGraphNodeData(actionConfigs, cdcGraph.getSource(), flinkCdcSyncType, cdcJobSubmitDTO);
-            handleCdcGraphNodeData(actionConfigs, cdcGraph.getTarget(), flinkCdcSyncType, cdcJobSubmitDTO);
+            handleCdcGraphNodeData(
+                    actionConfigs, cdcGraph.getSource(), flinkCdcSyncType, cdcJobSubmitDTO);
+            handleCdcGraphNodeData(
+                    actionConfigs, cdcGraph.getTarget(), flinkCdcSyncType, cdcJobSubmitDTO);
 
             FlinkCdcActionContextFactory factory =
                     ActionContextFactoryServiceLoadUtil.getFlinkCdcActionContextFactory(
@@ -245,9 +261,9 @@ public R<ActionExecutionResultVo> submit(Integer id, CdcJobSubmitDTO cdcJobSubmi
     }
 
     /**
-     * to cancel cdc job from cluster
-     * Use ReentrantLock to ensure that submission, cancellation,
-     * and status retrieval for the same job are atomic operations.
+     * to cancel cdc job from cluster Use ReentrantLock to ensure that submission, cancellation, and
+     * status retrieval for the same job are atomic operations.
+     *
      * @see CdcJobDefinitionServiceImpl#submit(Integer, CdcJobSubmitDTO)
      * @see CdcJobDefinitionServiceImpl#status(Integer, Integer)
      * @param id cdc job id
@@ -256,8 +272,9 @@ public R<ActionExecutionResultVo> submit(Integer id, CdcJobSubmitDTO cdcJobSubmi
     @Override
     public R<ActionExecutionResultVo> cancel(Integer id) {
         ReentrantLock lock = cacher.getUnchecked(id);
-        if (lock.isLocked()){
-            return R.of(null,
+        if (lock.isLocked()) {
+            return R.of(
+                    null,
                     Status.CDC_JOB_FLINK_JOB_LOCKED.getCode(),
                     Status.CDC_JOB_FLINK_JOB_LOCKED.getMsg());
         }
@@ -266,29 +283,31 @@ public R<ActionExecutionResultVo> cancel(Integer id) {
             CdcJobLog cdcJobLog = cdcJobLogService.findLast(id);
             String flinkJobId = cdcJobLog.getFlinkJobId();
             if (flinkJobId == null) {
-                return R.of(null,
+                return R.of(
+                        null,
                         Status.CDC_JOB_FLINK_JOB_ID_NOT_EXISTS.getCode(),
                         Status.CDC_JOB_FLINK_JOB_ID_NOT_EXISTS.getMsg());
             }
             // request remote to cancel flink job
             ClusterInfo clusterInfo = clusterService.getById(cdcJobLog.getClusterId());
-            SessionClusterClient client = new SessionClusterClient(
-                    clusterInfo.getHost(), clusterInfo.getPort());
+            SessionClusterClient client =
+                    new SessionClusterClient(clusterInfo.getHost(), clusterInfo.getPort());
             TriggerIdEntity triggerIdEntity = client.stopWithSavePoint(flinkJobId);
             if (triggerIdEntity != null) {
                 cdcJobLog.setCurrentStatus(JobStatus.CANCELLING.getValue());
                 cdcJobLogService.updateById(cdcJobLog);
                 ActionExecutionResultVo actionExecutionResultVo =
-                        new ActionExecutionResultVo(cdcJobLog.getId(), true,
-                                Status.SUCCESS.getMsg(), JobStatus.CANCELLING);
+                        new ActionExecutionResultVo(
+                                cdcJobLog.getId(),
+                                true,
+                                Status.SUCCESS.getMsg(),
+                                JobStatus.CANCELLING);
                 return R.succeed(actionExecutionResultVo);
             } else {
                 throw new RuntimeException("cancel job return null triggerIdEntity");
             }
         } catch (Exception ex) {
-            log.error(
-                    "An exception occurred while cancel job status of {}",
-                    id, ex);
+            log.error("An exception occurred while cancel job status of {}", id, ex);
             return R.failed(Status.UNKNOWN_ERROR);
         } finally {
             lock.unlock();
@@ -296,9 +315,9 @@ public R<ActionExecutionResultVo> cancel(Integer id) {
     }
 
     /**
-     * to fetch cdc job status from cluster
-     * Use ReentrantLock to ensure that submission, cancellation,
-     * and status retrieval for the same job are atomic operations.
+     * to fetch cdc job status from cluster Use ReentrantLock to ensure that submission,
+     * cancellation, and status retrieval for the same job are atomic operations.
+     *
      * @see CdcJobDefinitionServiceImpl#submit(Integer, CdcJobSubmitDTO)
      * @see CdcJobDefinitionServiceImpl#cancel(Integer)
      * @param id cdc job id
@@ -307,8 +326,9 @@ public R<ActionExecutionResultVo> cancel(Integer id) {
     @Override
     public R<JobStatus> status(Integer id, Integer logId) {
         ReentrantLock lock = cacher.getUnchecked(id);
-        if (lock.isLocked()){
-            return R.of(null,
+        if (lock.isLocked()) {
+            return R.of(
+                    null,
                     Status.CDC_JOB_FLINK_JOB_LOCKED.getCode(),
                     Status.CDC_JOB_FLINK_JOB_LOCKED.getMsg());
         }
@@ -320,13 +340,14 @@ public R<JobStatus> status(Integer id, Integer logId) {
             if (flinkJobId == null) {
                 throw new RuntimeException("flink job id is null");
             } else {
-                SessionClusterClient client = new SessionClusterClient(
-                        clusterInfo.getHost(), clusterInfo.getPort());
+                SessionClusterClient client =
+                        new SessionClusterClient(clusterInfo.getHost(), clusterInfo.getPort());
                 JobOverviewEntity jobOverview = client.jobOverview(cdcJobLog.getFlinkJobId());
                 if (jobOverview != null && jobOverview.getState() != null) {
                     JobStatus jobStatus = JobStatus.fromValue(jobOverview.getState());
                     Instant instant = Instant.ofEpochMilli(jobOverview.getEndTime());
-                    LocalDateTime terminateTime = LocalDateTime.ofInstant(instant, ZoneId.systemDefault());
+                    LocalDateTime terminateTime =
+                            LocalDateTime.ofInstant(instant, ZoneId.systemDefault());
                     cdcJobLog.setCurrentStatus(jobStatus.getValue());
                     cdcJobLog.setTerminateTime(terminateTime);
                     cdcJobLogService.updateById(cdcJobLog);
@@ -336,9 +357,7 @@ public R<JobStatus> status(Integer id, Integer logId) {
                 }
             }
         } catch (Exception ex) {
-            log.error(
-                    "An exception occurred while refresh job status of {}-{}",
-                    id, logId, ex);
+            log.error("An exception occurred while refresh job status of {}-{}", id, logId, ex);
             cdcJobLog.setCurrentStatus(JobStatus.UNKNOWN.getValue());
             cdcJobLogService.updateById(cdcJobLog);
             return R.failed(JobStatus.UNKNOWN);
@@ -352,14 +371,15 @@ public R<Integer> copy(Integer id) {
         CdcJobDefinition cdcJobDefinition = baseMapper.selectById(id);
         String createUser = getLoginUser().getUser().getUsername();
         int maxId = getMaxId() + 1;
-        CdcJobDefinition entity = CdcJobDefinition.builder()
-                .cdcType(cdcJobDefinition.getCdcType())
-                .dataDelay(cdcJobDefinition.getDataDelay())
-                .name(String.format("%s-%s", cdcJobDefinition.getName(), maxId))
-                .config(cdcJobDefinition.getConfig())
-                .description(cdcJobDefinition.getDescription())
-                .createUser(createUser)
-                .build();
+        CdcJobDefinition entity =
+                CdcJobDefinition.builder()
+                        .cdcType(cdcJobDefinition.getCdcType())
+                        .dataDelay(cdcJobDefinition.getDataDelay())
+                        .name(String.format("%s-%s", cdcJobDefinition.getName(), maxId))
+                        .config(cdcJobDefinition.getConfig())
+                        .description(cdcJobDefinition.getDescription())
+                        .createUser(createUser)
+                        .build();
 
         int rowId = baseMapper.insert(entity);
         return R.succeed(rowId);
@@ -367,56 +387,58 @@ public R<Integer> copy(Integer id) {
 
     private Integer getMaxId() {
         QueryWrapper<CdcJobDefinition> queryWrapper = new QueryWrapper<>();
-        queryWrapper.select("MAX(id) as max_id")
-                .last(" OR is_delete=1");
-        return baseMapper.selectObjs(queryWrapper)
-                .stream()
+        queryWrapper.select("MAX(id) as max_id").last(" OR is_delete=1");
+        return baseMapper.selectObjs(queryWrapper).stream()
                 .map(item -> (Integer) item)
-                .findFirst().orElse(0);
+                .findFirst()
+                .orElse(0);
     }
 
     private UserInfoVO getLoginUser() {
         return (UserInfoVO) StpUtil.getSession().get(Integer.toString(StpUtil.getLoginIdAsInt()));
     }
 
-    private R<ActionExecutionResultVo> createCdcJobLog(ActionExecutionResult result,
-                                                       String clusterId, Integer id) {
+    private R<ActionExecutionResultVo> createCdcJobLog(
+            ActionExecutionResult result, String clusterId, Integer id) {
         String createUser = getLoginUser().getUser().getUsername();
         CdcJobLog cdcJobLog;
         JobStatus jobStatus = result.isSuccess() ? JobStatus.SUBMITTING : JobStatus.FAILED;
         String errorMsg = result.isSuccess() ? R.succeed().getMsg() : R.failed().getMsg();
         String flinkJobId = result.getFlinkJobId();
-        cdcJobLog = CdcJobLog.builder()
-                .clusterId(Integer.parseInt(clusterId))
-                .cdcJobDefinitionId(id)
-                .createUser(createUser)
-                .flinkJobId(flinkJobId)
-                .currentStatus(jobStatus.getValue())
-                .build();
+        cdcJobLog =
+                CdcJobLog.builder()
+                        .clusterId(Integer.parseInt(clusterId))
+                        .cdcJobDefinitionId(id)
+                        .createUser(createUser)
+                        .flinkJobId(flinkJobId)
+                        .currentStatus(jobStatus.getValue())
+                        .build();
         cdcJobLogService.save(cdcJobLog);
-        ActionExecutionResultVo actionExecutionResultVo = ActionExecutionResultVo.builder()
-                .jobStatus(jobStatus)
-                .success(result.isSuccess())
-                .errorMsg(errorMsg)
-                .logId(cdcJobLog.getId())
-                .build();
+        ActionExecutionResultVo actionExecutionResultVo =
+                ActionExecutionResultVo.builder()
+                        .jobStatus(jobStatus)
+                        .success(result.isSuccess())
+                        .errorMsg(errorMsg)
+                        .logId(cdcJobLog.getId())
+                        .build();
         return R.succeed(actionExecutionResultVo);
     }
 
-    private void handBaseActionConfig(ObjectNode actionConfigs, String clusterId,
-                                      CdcJobDefinition cdcJobDefinition) {
+    private void handBaseActionConfig(
+            ObjectNode actionConfigs, String clusterId, CdcJobDefinition cdcJobDefinition) {
         ClusterInfo clusterInfo = clusterService.getById(clusterId);
         actionConfigs.put(
                 FlinkCdcOptions.SESSION_URL,
                 String.format("%s:%s", clusterInfo.getHost(), clusterInfo.getPort()));
-        actionConfigs.put(
-                FlinkCdcOptions.PIPELINE_NAME, cdcJobDefinition.getName());
-        actionConfigs.put(
-                FlinkCdcOptions.EXE_CP_INTERVAL, cdcJobDefinition.getDataDelay());
+        actionConfigs.put(FlinkCdcOptions.PIPELINE_NAME, cdcJobDefinition.getName());
+        actionConfigs.put(FlinkCdcOptions.EXE_CP_INTERVAL, cdcJobDefinition.getDataDelay());
     }
 
     private void handleCdcGraphNodeData(
-            ObjectNode actionConfigs, CdcNode node, FlinkCdcSyncType cdcSyncType, CdcJobSubmitDTO cdcJobSubmitDTO) {
+            ObjectNode actionConfigs,
+            CdcNode node,
+            FlinkCdcSyncType cdcSyncType,
+            CdcJobSubmitDTO cdcJobSubmitDTO) {
         FlinkCdcDataSourceType cdcDataSourceType = FlinkCdcDataSourceType.of(node.getType());
         Preconditions.checkNotNull(
                 cdcDataSourceType,
@@ -469,8 +491,10 @@ private void handlePostgresNodeData(ObjectNode actionConfigs, ObjectNode postgre
     }
 
     private void handleMysqlNodeData(
-            ObjectNode actionConfigs, ObjectNode mysqlData,
-            FlinkCdcSyncType cdcSyncType, CdcJobSubmitDTO cdcJobSubmitDTO) {
+            ObjectNode actionConfigs,
+            ObjectNode mysqlData,
+            FlinkCdcSyncType cdcSyncType,
+            CdcJobSubmitDTO cdcJobSubmitDTO) {
         List<String> mysqlConfList = getOtherConfigs(mysqlData);
         mysqlConfList.add(buildKeyValueString("hostname", JSONUtils.getString(mysqlData, "host")));
         mysqlConfList.add(
@@ -489,18 +513,16 @@ private void handleMysqlNodeData(
         SyncMode syncMode = SyncMode.valueOf(cdcJobSubmitDTO.getStartupMode());
         switch (syncMode) {
             case INCREMENTAL_SYNC:
-                mysqlConfList.add(
-                        buildKeyValueString("scan.startup.mode", "latest-offset"));
+                mysqlConfList.add(buildKeyValueString("scan.startup.mode", "latest-offset"));
                 break;
             case FULL_SYNC:
-                mysqlConfList.add(
-                        buildKeyValueString("scan.startup.mode", "initial"));
+                mysqlConfList.add(buildKeyValueString("scan.startup.mode", "initial"));
                 break;
             case TS_SYNC:
+                mysqlConfList.add(buildKeyValueString("scan.startup.mode", "timestamp"));
                 mysqlConfList.add(
-                        buildKeyValueString("scan.startup.mode", "timestamp"));
-                mysqlConfList.add(
-                        buildKeyValueString("scan.startup.timestamp-millis",
+                        buildKeyValueString(
+                                "scan.startup.timestamp-millis",
                                 String.valueOf(cdcJobSubmitDTO.getStartupTimestamp())));
                 break;
         }
@@ -530,8 +552,7 @@ private void handlePaimonNodeData(
         Map<String, String> options = catalogInfo.getOptions();
         PaimonServiceFactory.convertToPaimonOptions(options)
                 .toMap()
-                .forEach(
-                        (k, v) -> catalogConfList.add(buildKeyValueString(k, v)));
+                .forEach((k, v) -> catalogConfList.add(buildKeyValueString(k, v)));
 
         actionConfigs.putPOJO(FlinkCdcOptions.CATALOG_CONF, catalogConfList);
     }
diff --git a/paimon-web-server/src/main/java/org/apache/paimon/web/server/service/impl/CdcJobLogImpl.java b/paimon-web-server/src/main/java/org/apache/paimon/web/server/service/impl/CdcJobLogImpl.java
index 7061ce381..ab87fa363 100644
--- a/paimon-web-server/src/main/java/org/apache/paimon/web/server/service/impl/CdcJobLogImpl.java
+++ b/paimon-web-server/src/main/java/org/apache/paimon/web/server/service/impl/CdcJobLogImpl.java
@@ -18,18 +18,14 @@
 
 package org.apache.paimon.web.server.service.impl;
 
-import com.baomidou.mybatisplus.core.conditions.query.QueryWrapper;
-import com.baomidou.mybatisplus.extension.service.impl.ServiceImpl;
-import lombok.extern.slf4j.Slf4j;
-import org.apache.paimon.web.engine.flink.common.status.JobStatus;
 import org.apache.paimon.web.server.data.model.CdcJobLog;
-import org.apache.paimon.web.server.data.result.R;
 import org.apache.paimon.web.server.mapper.CdcJobLogMapper;
 import org.apache.paimon.web.server.service.CdcJobLogService;
-import org.springframework.stereotype.Service;
-
-import java.util.List;
 
+import com.baomidou.mybatisplus.core.conditions.query.QueryWrapper;
+import com.baomidou.mybatisplus.extension.service.impl.ServiceImpl;
+import lombok.extern.slf4j.Slf4j;
+import org.springframework.stereotype.Service;
 
 /** CdcJobLogImpl. */
 @Service
@@ -42,9 +38,8 @@ public CdcJobLog findLast(Integer cdcJobDefinitionId) {
         QueryWrapper<CdcJobLog> queryWrapper = new QueryWrapper<>();
         queryWrapper
                 .eq("cdc_job_definition_id", cdcJobDefinitionId)
-                .orderByDesc("create_time").last("LIMIT 1");
+                .orderByDesc("create_time")
+                .last("LIMIT 1");
         return baseMapper.selectOne(queryWrapper);
     }
-
-
 }
diff --git a/paimon-web-server/src/main/java/org/apache/paimon/web/server/service/impl/ClusterServiceImpl.java b/paimon-web-server/src/main/java/org/apache/paimon/web/server/service/impl/ClusterServiceImpl.java
index 689763b17..bfce27ce0 100644
--- a/paimon-web-server/src/main/java/org/apache/paimon/web/server/service/impl/ClusterServiceImpl.java
+++ b/paimon-web-server/src/main/java/org/apache/paimon/web/server/service/impl/ClusterServiceImpl.java
@@ -165,6 +165,4 @@ public void buildClusterInfo(ClusterInfo clusterInfo, HeartbeatEntity result) {
             clusterInfo.setHeartbeatStatus(result.getStatus());
         }
     }
-
-
 }

From 476f72b09c660ac8c49e8f0ff561d7a23062ca70 Mon Sep 17 00:00:00 2001
From: hiliuxg <helloliuxg@gmail.com>
Date: Tue, 3 Sep 2024 19:55:25 +0800
Subject: [PATCH 11/17] =?UTF-8?q?=E6=A0=BC=E5=BC=8F=E5=8C=96js=EF=BC=8Ctyp?=
 =?UTF-8?q?escript=E4=BB=A3=E7=A0=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 paimon-web-ui/README.md                       |   3 -
 paimon-web-ui/eslint.config.mjs               |   4 +-
 paimon-web-ui/license.node.js                 |   4 +-
 paimon-web-ui/postcss.config.js               |   2 +-
 paimon-web-ui/src/api/models/cdc/index.ts     |   2 +-
 .../src/api/models/cdc/types/cdcJob.ts        |  20 +-
 .../src/components/table-action/index.tsx     | 252 +++++++++---------
 .../src/form-lib/cdc/use-cdc-list.ts          |  16 +-
 .../src/form-lib/cdc/use-submit-cdc-job.ts    |   8 +-
 paimon-web-ui/src/store/cdc/index.ts          |  23 --
 .../views/cdc/components/dag/dag-slider.tsx   |   4 +-
 .../src/views/cdc/components/dag/index.tsx    |  32 +--
 .../views/cdc/components/list/use-table.ts    |  30 +--
 paimon-web-ui/src/views/cdc/index.tsx         |  76 +++---
 .../metadata/components/menu-tree/index.tsx   |   9 +-
 .../console/components/controls/index.tsx     |   1 +
 .../query/components/debugger/index.tsx       |   1 +
 .../query/components/tabs/index.tsx           |   4 +-
 .../components/cluster-delete/index.tsx       |   8 +-
 .../cluster/components/cluster-form/index.tsx |  26 +-
 .../role/components/role-delete/index.tsx     |   8 +-
 .../role/components/role-form/index.tsx       |  26 +-
 .../user/components/user-delete/index.tsx     |   9 +-
 .../user/components/user-form/index.tsx       |  28 +-
 24 files changed, 303 insertions(+), 293 deletions(-)

diff --git a/paimon-web-ui/README.md b/paimon-web-ui/README.md
index 32992dd0e..234214c5d 100644
--- a/paimon-web-ui/README.md
+++ b/paimon-web-ui/README.md
@@ -45,8 +45,6 @@ pnpm dev
 pnpm dev:mock & pnpm run mock
 ```
 
-
-
 ### Type-Check, Compile and Minify for Production
 
 ```sh
@@ -68,4 +66,3 @@ You can run this command to automatically generate the corresponding protocol be
 ```sh
 pnpm run gen:license
 ```
-
diff --git a/paimon-web-ui/eslint.config.mjs b/paimon-web-ui/eslint.config.mjs
index d937ca13d..14b5c4572 100644
--- a/paimon-web-ui/eslint.config.mjs
+++ b/paimon-web-ui/eslint.config.mjs
@@ -35,6 +35,6 @@ export default antfu({
     '**/node_modules',
     '**/dist',
     'mock',
-    'httpData'
-  ]
+    'httpData',
+  ],
 })
diff --git a/paimon-web-ui/license.node.js b/paimon-web-ui/license.node.js
index 725907828..f01ac2bca 100644
--- a/paimon-web-ui/license.node.js
+++ b/paimon-web-ui/license.node.js
@@ -79,7 +79,9 @@ function fileDisplay(filePath) {
             if (isFile) {
               const res = read(filedir)
               const fileName = path.basename(filedir)
-              res && console.log(`success file: ${fileName}`)
+              if (res) {
+                console.log(`success file: ${fileName}`)
+              }
             }
             if (isDir)
               fileDisplay(filedir)
diff --git a/paimon-web-ui/postcss.config.js b/paimon-web-ui/postcss.config.js
index 0d095452d..c4862c850 100644
--- a/paimon-web-ui/postcss.config.js
+++ b/paimon-web-ui/postcss.config.js
@@ -16,5 +16,5 @@ specific language governing permissions and limitations
 under the License. */
 
 export const plugins = {
-  autoprefixer: {}
+  autoprefixer: {},
 }
diff --git a/paimon-web-ui/src/api/models/cdc/index.ts b/paimon-web-ui/src/api/models/cdc/index.ts
index 6f26fb95f..78b98ac95 100644
--- a/paimon-web-ui/src/api/models/cdc/index.ts
+++ b/paimon-web-ui/src/api/models/cdc/index.ts
@@ -81,4 +81,4 @@ export function cancelCdcJob(id: number) {
  */
 export function freshCdcJobStatus(id: number, logId: number) {
   return httpRequest.get(`/cdc-job-definition/${id}/status?logId=${logId}`)
-}
\ No newline at end of file
+}
diff --git a/paimon-web-ui/src/api/models/cdc/types/cdcJob.ts b/paimon-web-ui/src/api/models/cdc/types/cdcJob.ts
index 3dda3519a..51d5eb34b 100644
--- a/paimon-web-ui/src/api/models/cdc/types/cdcJob.ts
+++ b/paimon-web-ui/src/api/models/cdc/types/cdcJob.ts
@@ -36,15 +36,13 @@ export interface CdcJobSubmit {
 }
 
 export enum JobStatus {
-  FRESHED = "FRESHED",
-  SUBMITTING = "SUBMITTING",
-  CANCELLING = "CANCELLING",
-  RUNNING = "RUNNING",
-  FAILED = "FAILED",
-  CANCELED = "CANCELED",
-  CREATED = "CREATED",
-  FINISHED = "FINISHED",
-  UNKNOWN = "UNKNOWN",
+  FRESHED = 'FRESHED',
+  SUBMITTING = 'SUBMITTING',
+  CANCELLING = 'CANCELLING',
+  RUNNING = 'RUNNING',
+  FAILED = 'FAILED',
+  CANCELED = 'CANCELED',
+  CREATED = 'CREATED',
+  FINISHED = 'FINISHED',
+  UNKNOWN = 'UNKNOWN',
 }
-
-
diff --git a/paimon-web-ui/src/components/table-action/index.tsx b/paimon-web-ui/src/components/table-action/index.tsx
index 08b53a02d..9cb5323ab 100644
--- a/paimon-web-ui/src/components/table-action/index.tsx
+++ b/paimon-web-ui/src/components/table-action/index.tsx
@@ -15,9 +15,10 @@ KIND, either express or implied.  See the License for the
 specific language governing permissions and limitations
 under the License. */
 
-import { CreateOutline, CopyOutline, PlayOutline, PauseOutline, TrashOutline } from '@vicons/ionicons5'
-import {JobStatus} from "@/api/models/cdc/types/cdcJob";
-import type {CdcJobDefinition} from "@/api/models/cdc";
+import { CopyOutline, CreateOutline, PauseOutline, PlayOutline, TrashOutline } from '@vicons/ionicons5'
+import { JobStatus } from '@/api/models/cdc/types/cdcJob'
+import type { CdcJobDefinition } from '@/api/models/cdc'
+
 const props = {
   row: {
     type: Object as PropType<any>,
@@ -41,33 +42,32 @@ export default defineComponent({
     }
 
     const handleRunOrCancel = (row: CdcJobDefinition) => {
-        switch (row.currentStatus) {
-            case JobStatus.FRESHED:
-            case JobStatus.FINISHED:
-            case JobStatus.FAILED:
-            case JobStatus.CANCELED:
-            case JobStatus.UNKNOWN:
-                emit('handleRun', row)
-                break
-            case JobStatus.RUNNING:
-                emit('handleCancel', row)
-                break
-            default:
-                message.warning(t('cdc.cdc_job_exe_not_support'))
-        }
-
+      switch (row.currentStatus) {
+        case JobStatus.FRESHED:
+        case JobStatus.FINISHED:
+        case JobStatus.FAILED:
+        case JobStatus.CANCELED:
+        case JobStatus.UNKNOWN:
+          emit('handleRun', row)
+          break
+        case JobStatus.RUNNING:
+          emit('handleCancel', row)
+          break
+        default:
+          message.warning(t('cdc.cdc_job_exe_not_support'))
+      }
     }
 
     const handleDelete = (row: CdcJobDefinition) => {
-        dialog.warning({
-            title: t('cdc.confirm_title'),
-            content: t('cdc.confirm_delete_content'),
-            positiveText: t('cdc.confirm_sure'),
-            negativeText: t('cdc.confirm_cancel'),
-            onPositiveClick: () => {
-                emit('handleDelete', row)
-            }
-        })
+      dialog.warning({
+        title: t('cdc.confirm_title'),
+        content: t('cdc.confirm_delete_content'),
+        positiveText: t('cdc.confirm_sure'),
+        negativeText: t('cdc.confirm_cancel'),
+        onPositiveClick: () => {
+          emit('handleDelete', row)
+        },
+      })
     }
 
     const handleCopy = (row: CdcJobDefinition) => {
@@ -75,47 +75,47 @@ export default defineComponent({
     }
 
     const isLoading = (row: CdcJobDefinition) => {
-        return row.currentStatus == JobStatus.CANCELLING ||
-            row.currentStatus == JobStatus.SUBMITTING
+      return row.currentStatus === JobStatus.CANCELLING
+        || row.currentStatus === JobStatus.SUBMITTING
     }
 
     const getLabel = (row: CdcJobDefinition) => {
-        switch (row.currentStatus) {
-            case JobStatus.FRESHED:
-            case JobStatus.FINISHED:
-            case JobStatus.FAILED:
-            case JobStatus.CANCELED:
-            case JobStatus.UNKNOWN:
-                return t('cdc.run')
-            case JobStatus.RUNNING:
-                return t('cdc.cancel')
-            case JobStatus.SUBMITTING:
-            case JobStatus.CANCELLING:
-            case JobStatus.CREATED:
-                return t('cdc.loading')
-            default:
-                return t('cdc.loading')
-        }
+      switch (row.currentStatus) {
+        case JobStatus.FRESHED:
+        case JobStatus.FINISHED:
+        case JobStatus.FAILED:
+        case JobStatus.CANCELED:
+        case JobStatus.UNKNOWN:
+          return t('cdc.run')
+        case JobStatus.RUNNING:
+          return t('cdc.cancel')
+        case JobStatus.SUBMITTING:
+        case JobStatus.CANCELLING:
+        case JobStatus.CREATED:
+          return t('cdc.loading')
+        default:
+          return t('cdc.loading')
+      }
     }
 
     const getIcon = (row: CdcJobDefinition) => {
-        switch (row.currentStatus) {
-            case JobStatus.UNKNOWN:
-            case JobStatus.FRESHED:
-            case JobStatus.FINISHED:
-            case JobStatus.FAILED:
-            case JobStatus.CANCELED:
-                return PlayOutline
-            case JobStatus.RUNNING:
-                return PauseOutline
-            default:
-                return PlayOutline
-        }
+      switch (row.currentStatus) {
+        case JobStatus.UNKNOWN:
+        case JobStatus.FRESHED:
+        case JobStatus.FINISHED:
+        case JobStatus.FAILED:
+        case JobStatus.CANCELED:
+          return PlayOutline
+        case JobStatus.RUNNING:
+          return PauseOutline
+        default:
+          return PlayOutline
+      }
     }
 
     mittBus.on('cdcSubmitConfirmFinish', (data: any) => {
-        const id = data.id
-        cdcJobStatusMap.set(id, JobStatus.CANCELLING)
+      const id = data.id
+      cdcJobStatusMap.set(id, JobStatus.CANCELLING)
     })
 
     return {
@@ -131,74 +131,74 @@ export default defineComponent({
   },
   render() {
     return (
-        <n-space>
-            <n-tooltip trigger="hover">
-                {{
-                    default: () => this.getLabel(this.row),
-                    trigger: () => (
-                        <n-button
-                            loading={this.isLoading(this.row)}
-                            size="small"
-                            type="primary"
-                            onClick={() =>
-                                this.handleRunOrCancel(this.row)}
-                            circle
-                        >
-                            <n-icon component={this.getIcon(this.row)}/>
-                        </n-button>
-                    ),
-                }}
-            </n-tooltip>
-            <n-tooltip trigger="hover">
-                {{
-                    default: () => this.t('cdc.edit'),
-                    trigger: () => (
-                        <n-button
-                            size="small"
-                            type="primary"
-                            onClick={() =>
-                                this.handleEdit(this.row)}
-                            circle
-                        >
-                            <n-icon component={CreateOutline}/>
-                        </n-button>
-                    ),
-                }}
-            </n-tooltip>
-            <n-tooltip trigger="hover">
-                {{
-                    default: () => this.t('cdc.copy'),
-                    trigger: () => (
-                        <n-button
-                            size="small"
-                            type="primary"
-                            onClick={() =>
-                                this.handleCopy(this.row)}
-                            circle
-                        >
-                            <n-icon component={CopyOutline}/>
-                        </n-button>
-                    ),
-                }}
-            </n-tooltip>
-            <n-tooltip trigger="hover">
-                {{
-                    default: () => this.t('cdc.delete'),
-                    trigger: () => (
-                        <n-button
-                            size="small"
-                            type="error"
-                            onClick={() =>
-                                this.handleDelete(this.row)}
-                            circle
-                        >
-                            <n-icon component={TrashOutline}/>
-                        </n-button>
-                    ),
-                }}
-            </n-tooltip>
+      <n-space>
+        <n-tooltip trigger="hover">
+          {{
+            default: () => this.getLabel(this.row),
+            trigger: () => (
+              <n-button
+                loading={this.isLoading(this.row)}
+                size="small"
+                type="primary"
+                onClick={() =>
+                  this.handleRunOrCancel(this.row)}
+                circle
+              >
+                <n-icon component={this.getIcon(this.row)} />
+              </n-button>
+            ),
+          }}
+        </n-tooltip>
+        <n-tooltip trigger="hover">
+          {{
+            default: () => this.t('cdc.edit'),
+            trigger: () => (
+              <n-button
+                size="small"
+                type="primary"
+                onClick={() =>
+                  this.handleEdit(this.row)}
+                circle
+              >
+                <n-icon component={CreateOutline} />
+              </n-button>
+            ),
+          }}
+        </n-tooltip>
+        <n-tooltip trigger="hover">
+          {{
+            default: () => this.t('cdc.copy'),
+            trigger: () => (
+              <n-button
+                size="small"
+                type="primary"
+                onClick={() =>
+                  this.handleCopy(this.row)}
+                circle
+              >
+                <n-icon component={CopyOutline} />
+              </n-button>
+            ),
+          }}
+        </n-tooltip>
+        <n-tooltip trigger="hover">
+          {{
+            default: () => this.t('cdc.delete'),
+            trigger: () => (
+              <n-button
+                size="small"
+                type="error"
+                onClick={() =>
+                  this.handleDelete(this.row)}
+                circle
+              >
+                <n-icon component={TrashOutline} />
+              </n-button>
+            ),
+          }}
+        </n-tooltip>
 
-        </n-space>
+      </n-space>
     )
   },
 })
diff --git a/paimon-web-ui/src/form-lib/cdc/use-cdc-list.ts b/paimon-web-ui/src/form-lib/cdc/use-cdc-list.ts
index b052b0696..7c471b3ea 100644
--- a/paimon-web-ui/src/form-lib/cdc/use-cdc-list.ts
+++ b/paimon-web-ui/src/form-lib/cdc/use-cdc-list.ts
@@ -33,27 +33,27 @@ export function useCDCList(item: any) {
 
   const dataDelayModelOptions = [
     {
-      label: "1min",
+      label: '1min',
       value: 60 * 1000,
     },
     {
-      label: "5min",
+      label: '5min',
       value: 5 * 60 * 1000,
     },
     {
-      label: "10min",
+      label: '10min',
       value: 10 * 60 * 1000,
     },
     {
-      label: "15min",
+      label: '15min',
       value: 15 * 60 * 1000,
     },
     {
-      label: "30min",
+      label: '30min',
       value: 30 * 60 * 1000,
     },
     {
-      label: "1hour",
+      label: '1hour',
       value: 60 * 60 * 1000,
     },
   ]
@@ -91,7 +91,7 @@ export function useCDCList(item: any) {
         name: t('cdc.task_description'),
         props: {
           placeholder: '',
-          type: 'textarea'
+          type: 'textarea',
         },
       },
       {
@@ -99,7 +99,7 @@ export function useCDCList(item: any) {
         field: 'dataDelay',
         name: t('cdc.data_delay_option'),
         options: dataDelayModelOptions,
-        value: model.dataDelay ,
+        value: model.dataDelay,
       },
       {
         type: 'radio',
diff --git a/paimon-web-ui/src/form-lib/cdc/use-submit-cdc-job.ts b/paimon-web-ui/src/form-lib/cdc/use-submit-cdc-job.ts
index 523babf3b..6ef974b60 100644
--- a/paimon-web-ui/src/form-lib/cdc/use-submit-cdc-job.ts
+++ b/paimon-web-ui/src/form-lib/cdc/use-submit-cdc-job.ts
@@ -34,8 +34,8 @@ export function useSumbitCdcJob(item: any) {
   getClusterListByType ('Flink', 1, Number.MAX_SAFE_INTEGER).then((response) => {
     if (response && response.data) {
       const clusterList = response.data as Cluster[]
-      flinkSessionClusterOptions.value = clusterList.filter(cluster => {
-        return cluster.clusterName == 'yarn-session' || cluster.clusterName == 'k8s-session'
+      flinkSessionClusterOptions.value = clusterList.filter((cluster) => {
+        return cluster.clusterName === 'yarn-session' || cluster.clusterName === 'k8s-session'
       }).map(cluster => ({
         label: cluster.clusterName,
         value: cluster.id.toString(),
@@ -55,7 +55,7 @@ export function useSumbitCdcJob(item: any) {
     {
       label: t('cdc.ts_synchronization'),
       value: 2,
-    }
+    },
 
   ]
 
@@ -91,7 +91,7 @@ export function useSumbitCdcJob(item: any) {
         field: 'startupTimestamp',
         name: t('cdc.startup_timestamp'),
         props: {
-          placeholder: t('cdc.startup_timestamp_tip')
+          placeholder: t('cdc.startup_timestamp_tip'),
         },
       },
     ] as IJsonItem[],
diff --git a/paimon-web-ui/src/store/cdc/index.ts b/paimon-web-ui/src/store/cdc/index.ts
index 97112971b..0ed675c42 100644
--- a/paimon-web-ui/src/store/cdc/index.ts
+++ b/paimon-web-ui/src/store/cdc/index.ts
@@ -36,26 +36,3 @@ export const useCDCStore = defineStore({
     },
   },
 })
-
-
-export interface CdcJobStatusState {
-   statusMap: Map<number, string>
-}
-
-export const useCdcJobStatusStore = defineStore({
-  id: 'cdcJobStatus',
-  state: (): CdcJobStatusState => ({
-    statusMap: new Map<number, string>(),
-  }),
-  persist: true,
-  getters: {
-    getStatusMap(): any {
-      return this.statusMap
-    },
-  },
-  actions: {
-    setStatusMap(statusMap: Map<number, string>): void {
-      this.statusMap = statusMap
-    },
-  },
-})
\ No newline at end of file
diff --git a/paimon-web-ui/src/views/cdc/components/dag/dag-slider.tsx b/paimon-web-ui/src/views/cdc/components/dag/dag-slider.tsx
index 29574fe04..fe542cb12 100644
--- a/paimon-web-ui/src/views/cdc/components/dag/dag-slider.tsx
+++ b/paimon-web-ui/src/views/cdc/components/dag/dag-slider.tsx
@@ -38,7 +38,7 @@ export default defineComponent({
           name: 'MySQL',
           value: 'MYSQL',
           type: 'INPUT',
-        }
+        },
       ],
       sinkList: [
         {
@@ -68,7 +68,7 @@ export default defineComponent({
   render() {
     return (
       <div class={styles['dag-slider']} id="dag-slider">
-        <n-card class={styles.card} >
+        <n-card class={styles.card}>
           <n-space vertical>
             <div class={styles.source}>
               <n-space vertical size={15}>
diff --git a/paimon-web-ui/src/views/cdc/components/dag/index.tsx b/paimon-web-ui/src/views/cdc/components/dag/index.tsx
index 6b119d7bf..d6a8dcfbe 100644
--- a/paimon-web-ui/src/views/cdc/components/dag/index.tsx
+++ b/paimon-web-ui/src/views/cdc/components/dag/index.tsx
@@ -15,13 +15,13 @@ KIND, either express or implied.  See the License for the
 specific language governing permissions and limitations
 under the License. */
 
-import { Leaf, Save } from '@vicons/ionicons5'
+import { Leaf } from '@vicons/ionicons5'
 import type { Router } from 'vue-router'
 import styles from './index.module.scss'
 import DagCanvas from './dag-canvas'
 import { useCDCStore } from '@/store/cdc'
-import {type CdcJobDefinition, createCdcJob, updateCdcJob} from '@/api/models/cdc'
-import Modal from "@/components/modal";
+import { type CdcJobDefinition, createCdcJob, updateCdcJob } from '@/api/models/cdc'
+import Modal from '@/components/modal'
 
 export default defineComponent({
   name: 'DagPage',
@@ -33,11 +33,11 @@ export default defineComponent({
 
     const showModalRef = ref(false)
     const CDCModalRef = ref()
-    const row =  reactive({
+    const row = reactive({
       name: '',
       description: '',
       cdcType: 0,
-      dataDelay: 60 * 1000
+      dataDelay: 60 * 1000,
     })
     const name = ref('')
     const dagRef = ref() as any
@@ -82,7 +82,7 @@ export default defineComponent({
     const handleSave = () => {
       const editMode = CDCStore.getModel.editMode
       const config = dagRef.value.graph.toJSON()
-      if(config.cells.length == 0) {
+      if (config.cells.length === 0) {
         message.warning(t('cdc.cdc_job_save_not_null'))
         return
       }
@@ -91,7 +91,7 @@ export default defineComponent({
         description: CDCStore.getModel.description,
         cdcType: CDCStore.getModel.cdcType,
         config: JSON.stringify(config),
-        dataDelay: CDCStore.getModel.dataDelay
+        dataDelay: CDCStore.getModel.dataDelay,
       }
       if (editMode === 'edit') {
         jobParam.id = CDCStore.getModel.id
@@ -149,15 +149,15 @@ export default defineComponent({
               </div>
             </div>
             {this.showModalRef && (
-                <Modal
-                    ref="CDCModalRef"
-                    row={this.row}
-                    showModal={this.showModalRef}
-                    title={this.t('cdc.cdc_job_info')}
-                    formType="CDCLIST"
-                    onCancel={() => (this.showModalRef = false)}
-                    onConfirm={this.handleConfirm}
-                />
+              <Modal
+                ref="CDCModalRef"
+                row={this.row}
+                showModal={this.showModalRef}
+                title={this.t('cdc.cdc_job_info')}
+                formType="CDCLIST"
+                onCancel={() => (this.showModalRef = false)}
+                onConfirm={this.handleConfirm}
+              />
             )}
           </n-card>
           <DagCanvas ref="dagRef"></DagCanvas>
diff --git a/paimon-web-ui/src/views/cdc/components/list/use-table.ts b/paimon-web-ui/src/views/cdc/components/list/use-table.ts
index e70b7d54d..5ea549e41 100644
--- a/paimon-web-ui/src/views/cdc/components/list/use-table.ts
+++ b/paimon-web-ui/src/views/cdc/components/list/use-table.ts
@@ -15,14 +15,14 @@ KIND, either express or implied.  See the License for the
 specific language governing permissions and limitations
 under the License. */
 
-import type {Router} from 'vue-router'
-import {useCDCStore} from '@/store/cdc'
+import type { Router } from 'vue-router'
+import { NTag } from 'naive-ui'
+import { useCDCStore } from '@/store/cdc'
 import TableAction from '@/components/table-action'
-import {deleteCdcJobDefinition, getCdcJobDefinition, copyCdcJobDefinition, listAllCdcJob} from '@/api/models/cdc'
-import {JobStatus} from '@/api/models/cdc/types/cdcJob'
-import {NTag} from "naive-ui";
+import { copyCdcJobDefinition, deleteCdcJobDefinition, getCdcJobDefinition, listAllCdcJob } from '@/api/models/cdc'
+import { JobStatus } from '@/api/models/cdc/types/cdcJob'
 
-export function useTable(ctx:  any) {
+export function useTable(ctx: any) {
   const router: Router = useRouter()
   const { t } = useLocaleHooks()
   const tableVariables = reactive({
@@ -64,18 +64,18 @@ export function useTable(ctx:  any) {
           const currentStatus = row.currentStatus
           switch (currentStatus) {
             case JobStatus.RUNNING:
-              return h(NTag, {type: 'success', size: 'small'}, {default: () => currentStatus})
+              return h(NTag, { type: 'success', size: 'small' }, { default: () => currentStatus })
             case JobStatus.CANCELED:
             case JobStatus.FINISHED:
             case JobStatus.FRESHED:
-              return h(NTag, {type: 'info', size: 'small'}, {default: () => currentStatus})
+              return h(NTag, { type: 'info', size: 'small' }, { default: () => currentStatus })
             case JobStatus.FAILED:
             case JobStatus.UNKNOWN:
-              return h(NTag, {type: 'error', size: 'small'}, {default: () => currentStatus})
+              return h(NTag, { type: 'error', size: 'small' }, { default: () => currentStatus })
             default:
-              return h(NTag, {type: 'warning', size: 'small'}, {default: () => currentStatus})
+              return h(NTag, { type: 'warning', size: 'small' }, { default: () => currentStatus })
           }
-        }
+        },
       },
       {
         title: t('cdc.operation'),
@@ -101,14 +101,14 @@ export function useTable(ctx:  any) {
             onHandleRun: (row: any) => {
               const CDCStore = useCDCStore()
               CDCStore.setModel({
-                id: row.id
+                id: row.id,
               })
               ctx.emit('cdcJobSubmit', row)
             },
             onHandleCancel: (row: any) => {
               const CDCStore = useCDCStore()
               CDCStore.setModel({
-                id: row.id
+                id: row.id,
               })
               ctx.emit('cdcJobCancel', row)
             },
@@ -145,9 +145,7 @@ export function useTable(ctx:  any) {
   })
 
   function getTableData(jobName?: string) {
-    listAllCdcJob(false, jobName,
-        tableVariables.pagination.page,
-        tableVariables.pagination.pageSize).then(
+    listAllCdcJob(false, jobName, tableVariables.pagination.page, tableVariables.pagination.pageSize).then(
       (res: any) => {
         tableVariables.data = res.data
         tableVariables.pagination.itemCount = res.total
diff --git a/paimon-web-ui/src/views/cdc/index.tsx b/paimon-web-ui/src/views/cdc/index.tsx
index 8c188c1e7..e1d6daccd 100644
--- a/paimon-web-ui/src/views/cdc/index.tsx
+++ b/paimon-web-ui/src/views/cdc/index.tsx
@@ -21,8 +21,8 @@ import List from './components/list'
 import styles from './index.module.scss'
 import Modal from '@/components/modal'
 import { useCDCStore } from '@/store/cdc'
-import {type CdcJobDefinition, type CdcJobSubmit, freshCdcJobStatus, submitCdcJob, cancelCdcJob} from '@/api/models/cdc'
-import {JobStatus} from "@/api/models/cdc/types/cdcJob";
+import { type CdcJobDefinition, type CdcJobSubmit, cancelCdcJob, freshCdcJobStatus, submitCdcJob } from '@/api/models/cdc'
+import { JobStatus } from '@/api/models/cdc/types/cdcJob'
 
 export default defineComponent({
   name: 'CDCPage',
@@ -59,7 +59,7 @@ export default defineComponent({
       if (id) {
         freshCdcJobStatus(id, logId).then((res: any) => {
           const status = res.data
-          if (status != JobStatus.SUBMITTING && status != JobStatus.CANCELLING && status != row.currentStatus) {
+          if (status !== JobStatus.SUBMITTING && status !== JobStatus.CANCELLING && status !== row.currentStatus) {
             // fresh target row status
             row.currentStatus = status
             actionJobMap.delete(id)
@@ -94,11 +94,12 @@ export default defineComponent({
       if (targetRow) {
         // update status
         targetRow.currentStatus = data.jobStatus
-        //cron interval to fresh status
-        if (targetRow.currentStatus == JobStatus.SUBMITTING ||
-            targetRow.currentStatus == JobStatus.CANCELLING) {
+        // cron interval to fresh status
+        if (targetRow.currentStatus === JobStatus.SUBMITTING
+          || targetRow.currentStatus === JobStatus.CANCELLING) {
           watchStatus(id, logId)
-        } else {
+        }
+        else {
           // remove the target row in actionJobMap
           actionJobMap.delete(id)
         }
@@ -125,10 +126,10 @@ export default defineComponent({
       cdcJobTableRef.value.getTableData(filterValue.value)
     }
 
-    function showSubmitCdcJobModal(row: any){
+    function showSubmitCdcJobModal(row: any) {
       // put the target row to action map
       actionJobMap.set(row.id, row)
-      showSubmitCdcJobModalRef.value = true;
+      showSubmitCdcJobModalRef.value = true
     }
 
     function handleCancelCdcJob(row: any) {
@@ -147,7 +148,7 @@ export default defineComponent({
         onPositiveClick: () => {
           actionJobMap.set(row.id, row)
           handleCancelCdcJob(row)
-        }
+        },
       })
     }
 
@@ -175,18 +176,18 @@ export default defineComponent({
             <n-card>
               <div class={styles.title}>
                 <n-space align="center">
-                  <n-icon component={Leaf} color="#2F7BEA" size="18"/>
+                  <n-icon component={Leaf} color="#2F7BEA" size="18" />
                   <span>{this.t('cdc.cdc_job_definition')}</span>
                 </n-space>
                 <div class={styles.operation}>
                   <n-space>
                     <n-input
-                        placeholder={this.t('playground.search')}
-                        v-model:value={this.filterValue}
-                        v-slots={{
-                          prefix: () => <n-icon component={Search}/>,
-                        }}
-                        onBlur={this.handleSearchCdcJobTable}
+                      placeholder={this.t('playground.search')}
+                      v-model:value={this.filterValue}
+                      v-slots={{
+                        prefix: () => <n-icon component={Search} />,
+                      }}
+                      onBlur={this.handleSearchCdcJobTable}
                     />
                     <n-button type="primary" onClick={this.handleOpenModal}>
                       {this.t('cdc.create_synchronization_job')}
@@ -195,33 +196,34 @@ export default defineComponent({
                 </div>
               </div>
             </n-card>
-            <List ref="cdcJobTableRef"
-                  onCdcJobSubmit={(row) => (this.showSubmitCdcJobModal(row))}
-                  onCdcJobCancel={(row) => (this.showCancelCdcJobMessage(row))}
+            <List
+              ref="cdcJobTableRef"
+              onCdcJobSubmit={row => (this.showSubmitCdcJobModal(row))}
+              onCdcJobCancel={row => (this.showCancelCdcJobMessage(row))}
             />
             {this.showModalRef && (
-                <Modal
-                    ref="CDCModalRef"
-                    showModal={this.showModalRef}
-                    title={this.t('cdc.create_synchronization_job')}
-                    formType="CDCLIST"
-                    onCancel={() => (this.showModalRef = false)}
-                    onConfirm={this.handleConfirm}
-                />
+              <Modal
+                ref="CDCModalRef"
+                showModal={this.showModalRef}
+                title={this.t('cdc.create_synchronization_job')}
+                formType="CDCLIST"
+                onCancel={() => (this.showModalRef = false)}
+                onConfirm={this.handleConfirm}
+              />
             )}
             {this.showSubmitCdcJobModalRef && (
-                <Modal
-                    ref="submitCdcJobModalRef"
-                    showModal={this.showSubmitCdcJobModalRef}
-                    title={this.t('cdc.submit_cdc_job')}
-                    formType="CDCSUBMIT"
-                    onCancel={() => (this.showSubmitCdcJobModalRef = false)}
-                    onConfirm={this.handleCdcSubmitConfirm}
-                />
+              <Modal
+                ref="submitCdcJobModalRef"
+                showModal={this.showSubmitCdcJobModalRef}
+                title={this.t('cdc.submit_cdc_job')}
+                formType="CDCSUBMIT"
+                onCancel={() => (this.showSubmitCdcJobModalRef = false)}
+                onConfirm={this.handleCdcSubmitConfirm}
+              />
             )}
           </n-space>
         </n-card>
       </div>
-  )
+    )
   },
 })
diff --git a/paimon-web-ui/src/views/metadata/components/menu-tree/index.tsx b/paimon-web-ui/src/views/metadata/components/menu-tree/index.tsx
index baa055e9f..54c06a267 100644
--- a/paimon-web-ui/src/views/metadata/components/menu-tree/index.tsx
+++ b/paimon-web-ui/src/views/metadata/components/menu-tree/index.tsx
@@ -249,11 +249,14 @@ export default defineComponent({
     const onSearch = async (e: KeyboardEvent) => {
       if (e.code === 'Enter') {
         isSearch.value = Boolean(filterValue.value)
-        filterValue.value
-          ? await catalogStore.getTablesByDataBaseId({
+        if (filterValue.value) {
+          await catalogStore.getTablesByDataBaseId({
             name: filterValue.value,
           })
-          : await catalogStore.getAllCatalogs(true)
+        }
+        else {
+          await catalogStore.getAllCatalogs(true)
+        }
       }
     }
 
diff --git a/paimon-web-ui/src/views/playground/components/query/components/console/components/controls/index.tsx b/paimon-web-ui/src/views/playground/components/query/components/console/components/controls/index.tsx
index 4e965a1d4..47c14cfdd 100644
--- a/paimon-web-ui/src/views/playground/components/query/components/console/components/controls/index.tsx
+++ b/paimon-web-ui/src/views/playground/components/query/components/console/components/controls/index.tsx
@@ -106,6 +106,7 @@ export default defineComponent({
             message.warning(t('playground.job_stopping_failed'))
         }
         catch (error) {
+          console.error(error)
           message.warning(t('playground.job_stopping_failed'))
         }
       }
diff --git a/paimon-web-ui/src/views/playground/components/query/components/debugger/index.tsx b/paimon-web-ui/src/views/playground/components/query/components/debugger/index.tsx
index f3b625610..a6e701b56 100644
--- a/paimon-web-ui/src/views/playground/components/query/components/debugger/index.tsx
+++ b/paimon-web-ui/src/views/playground/components/query/components/debugger/index.tsx
@@ -202,6 +202,7 @@ export default defineComponent({
             message.warning(t('playground.job_stopping_failed'))
         }
         catch (error) {
+          console.error(error)
           message.warning(t('playground.job_stopping_failed'))
         }
       }
diff --git a/paimon-web-ui/src/views/playground/components/query/components/tabs/index.tsx b/paimon-web-ui/src/views/playground/components/query/components/tabs/index.tsx
index f0b189110..cf5027eea 100644
--- a/paimon-web-ui/src/views/playground/components/query/components/tabs/index.tsx
+++ b/paimon-web-ui/src/views/playground/components/query/components/tabs/index.tsx
@@ -58,7 +58,9 @@ export default defineComponent({
       tabVariables.panelsList.find((item: any) => item.key === tabVariables.chooseTab).content = toRaw(editorVariables.editor).getValue()
       handleFormat()
       tabVariables.panelsList.find((item: any) => item.key === tabVariables.chooseTab).isSaved = true
-      menuTreeRef.value && menuTreeRef.value?.onLoadRecordData()
+      if (menuTreeRef.value && menuTreeRef.value.onLoadRecordData) {
+        menuTreeRef.value.onLoadRecordData()
+      }
     }
 
     const handleContentChange = (value: string) => {
diff --git a/paimon-web-ui/src/views/system/cluster/components/cluster-delete/index.tsx b/paimon-web-ui/src/views/system/cluster/components/cluster-delete/index.tsx
index 4a7e674ac..b1b18a5ee 100644
--- a/paimon-web-ui/src/views/system/cluster/components/cluster-delete/index.tsx
+++ b/paimon-web-ui/src/views/system/cluster/components/cluster-delete/index.tsx
@@ -27,8 +27,12 @@ export default defineComponent({
   },
   setup(props) {
     const onDelete = async () => {
-      (props.clusterId || props.clusterId === 0) && await deleteCluster(props.clusterId)
-      props.onDelete && props.onDelete()
+      if (props.clusterId || props.clusterId === 0) {
+        await deleteCluster(props.clusterId)
+      }
+      if (props.onDelete) {
+        props.onDelete()
+      }
     }
 
     return {
diff --git a/paimon-web-ui/src/views/system/cluster/components/cluster-form/index.tsx b/paimon-web-ui/src/views/system/cluster/components/cluster-form/index.tsx
index 29e0c0fc5..78ec21034 100644
--- a/paimon-web-ui/src/views/system/cluster/components/cluster-form/index.tsx
+++ b/paimon-web-ui/src/views/system/cluster/components/cluster-form/index.tsx
@@ -121,26 +121,32 @@ export default defineComponent({
     const formRef = ref()
 
     const handleCloseModal = () => {
-      props['onUpdate:visible'] && props['onUpdate:visible'](false)
+      if (props['onUpdate:visible']) {
+        props['onUpdate:visible'](false)
+      }
       resetState()
     }
 
     async function handleConfirm() {
       await formRef.value.validate()
-      props && props.onConfirm && props.onConfirm()
+      if (props && props.onConfirm) {
+        props.onConfirm()
+      }
       handleCloseModal()
       resetState()
     }
 
     function resetState() {
-      props['onUpdate:formValue'] && props['onUpdate:formValue']({
-        clusterName: '',
-        host: '',
-        port: 0,
-        enabled: true,
-        type: '',
-        deploymentMode: '',
-      })
+      if (props['onUpdate:formValue']) {
+        props['onUpdate:formValue']({
+          clusterName: '',
+          host: '',
+          port: 0,
+          enabled: true,
+          type: '',
+          deploymentMode: '',
+        })
+      }
     }
 
     return {
diff --git a/paimon-web-ui/src/views/system/role/components/role-delete/index.tsx b/paimon-web-ui/src/views/system/role/components/role-delete/index.tsx
index 5e993d9d5..d26270594 100644
--- a/paimon-web-ui/src/views/system/role/components/role-delete/index.tsx
+++ b/paimon-web-ui/src/views/system/role/components/role-delete/index.tsx
@@ -27,8 +27,12 @@ export default defineComponent({
   },
   setup(props) {
     const onDelete = async () => {
-      (props.roleId || props.roleId === 0) && await deleteRole(props.roleId)
-      props.onDelete && props.onDelete()
+      if (props.roleId || props.roleId === 0) {
+        await deleteRole(props.roleId)
+      }
+      if (props.onDelete) {
+        props.onDelete()
+      }
     }
 
     return {
diff --git a/paimon-web-ui/src/views/system/role/components/role-form/index.tsx b/paimon-web-ui/src/views/system/role/components/role-form/index.tsx
index 95a93e654..a05918572 100644
--- a/paimon-web-ui/src/views/system/role/components/role-form/index.tsx
+++ b/paimon-web-ui/src/views/system/role/components/role-form/index.tsx
@@ -84,7 +84,9 @@ export default defineComponent({
     const formRef = ref()
 
     const handleCloseModal = () => {
-      props['onUpdate:visible'] && props['onUpdate:visible'](false)
+      if (props['onUpdate:visible']) {
+        props['onUpdate:visible'](false)
+      }
       resetState()
     }
 
@@ -102,20 +104,24 @@ export default defineComponent({
 
     const handleConfirm = async () => {
       await formRef.value.validate()
-      props && props.onConfirm && props.onConfirm()
+      if (props && props.onConfirm) {
+        props.onConfirm()
+      }
       handleCloseModal()
       resetState()
     }
 
     function resetState() {
-      props['onUpdate:formValue'] && props['onUpdate:formValue']({
-        roleName: '',
-        roleKey: '',
-        enabled: true,
-        remark: '',
-        menuIds: [],
-        indeterminateKeys: [],
-      })
+      if (props['onUpdate:formValue']) {
+        props['onUpdate:formValue']({
+          roleName: '',
+          roleKey: '',
+          enabled: true,
+          remark: '',
+          menuIds: [],
+          indeterminateKeys: [],
+        })
+      }
     }
 
     return {
diff --git a/paimon-web-ui/src/views/system/user/components/user-delete/index.tsx b/paimon-web-ui/src/views/system/user/components/user-delete/index.tsx
index f03f963c7..102410443 100644
--- a/paimon-web-ui/src/views/system/user/components/user-delete/index.tsx
+++ b/paimon-web-ui/src/views/system/user/components/user-delete/index.tsx
@@ -27,10 +27,13 @@ export default defineComponent({
   },
   setup(props) {
     const onDelete = async () => {
-      (props.userId || props.userId === 0) && await deleteUser(props.userId)
-      props.onDelete && props.onDelete()
+      if (props.userId || props.userId === 0) {
+        await deleteUser(props.userId)
+      }
+      if (props.onDelete) {
+        props.onDelete()
+      }
     }
-
     return {
       onDelete,
     }
diff --git a/paimon-web-ui/src/views/system/user/components/user-form/index.tsx b/paimon-web-ui/src/views/system/user/components/user-form/index.tsx
index 5336b0a07..3f86cdb35 100644
--- a/paimon-web-ui/src/views/system/user/components/user-form/index.tsx
+++ b/paimon-web-ui/src/views/system/user/components/user-form/index.tsx
@@ -88,27 +88,33 @@ export default defineComponent({
     )
 
     const handleCloseModal = () => {
-      props['onUpdate:visible'] && props['onUpdate:visible'](false)
+      if (props['onUpdate:visible']) {
+        props['onUpdate:visible'](false)
+      }
       resetState()
     }
 
     async function handleConfirm() {
       await formRef.value.validate()
-      props && props.onConfirm && props.onConfirm()
+      if (props && props.onConfirm) {
+        props.onConfirm()
+      }
       handleCloseModal()
       resetState()
     }
 
     function resetState() {
-      props['onUpdate:formValue'] && props['onUpdate:formValue']({
-        username: '',
-        nickname: '',
-        password: '',
-        enabled: true,
-        mobile: '',
-        email: '',
-        roleIds: undefined,
-      })
+      if (props['onUpdate:formValue']) {
+        props['onUpdate:formValue']({
+          username: '',
+          nickname: '',
+          password: '',
+          enabled: true,
+          mobile: '',
+          email: '',
+          roleIds: undefined,
+        })
+      }
     }
 
     return {

From dc553ab20c752f692853d31b551e870069952f65 Mon Sep 17 00:00:00 2001
From: hiliuxg <helloliuxg@gmail.com>
Date: Tue, 3 Sep 2024 20:43:42 +0800
Subject: [PATCH 12/17] format the java code

---
 README.md                                     |  6 +++
 .../action/service/FlinkCdcActionService.java |  4 +-
 .../client/JobIdMessageParameters.java        |  1 +
 .../client/JobIdMessagePathParameter.java     |  1 +
 .../gateway/client/JobOverViewHeaders.java    |  1 +
 .../client/StopWithSavePointHeaders.java      |  1 +
 .../sql/gateway/model/JobOverviewEntity.java  |  1 +
 .../sql/gateway/model/TriggerIdEntity.java    |  1 +
 .../client/SessionClusterClientTest.java      | 52 -------------------
 .../web/server/data/model/CdcJobLog.java      |  6 ++-
 .../data/vo/ActionExecutionResultVo.java      |  1 +
 .../web/server/mapper/CdcJobLogMapper.java    |  1 +
 paimon-web-ui/pom.xml                         |  2 +-
 13 files changed, 22 insertions(+), 56 deletions(-)
 delete mode 100644 paimon-web-engine/paimon-web-engine-flink/paimon-web-engine-flink-sql-gateway/src/test/java/org/apache/paimon/web/engine/flink/sql/gataway/client/SessionClusterClientTest.java

diff --git a/README.md b/README.md
index cfc74ba15..cee61c161 100644
--- a/README.md
+++ b/README.md
@@ -5,3 +5,9 @@ This repository is web ui for the [Apache Paimon](https://paimon.apache.org/) pr
 ## About
 
 Apache Paimon is an open source project of [The Apache Software Foundation](https://apache.org/) (ASF).
+
+## build
+1. to install nodejs and npm in your environment 
+2. cd paimon-web-ui && npm install
+3. cd ../ && mvn clean package -Prelease -DskipTests -Drat.skip=true
+4. you find apache-paimon-webui-0.1-SNAPSHOT-bin.tar.gz in paimon-web-dist/target
\ No newline at end of file
diff --git a/paimon-web-api/src/main/java/org/apache/paimon/web/api/action/service/FlinkCdcActionService.java b/paimon-web-api/src/main/java/org/apache/paimon/web/api/action/service/FlinkCdcActionService.java
index cdc8b81ab..eeb8611d8 100644
--- a/paimon-web-api/src/main/java/org/apache/paimon/web/api/action/service/FlinkCdcActionService.java
+++ b/paimon-web-api/src/main/java/org/apache/paimon/web/api/action/service/FlinkCdcActionService.java
@@ -39,8 +39,8 @@
 @Slf4j
 public class FlinkCdcActionService implements ActionService {
 
-    private static int DEFAULT_TIMEOUT_SECCOND = 60;
-    private static String JOB_ID_LOG_PREFIX = "Job has been submitted with JobID ";
+    private static final int DEFAULT_TIMEOUT_SECCOND = 60;
+    private static final String JOB_ID_LOG_PREFIX = "Job has been submitted with JobID ";
 
     private List<String> getCommand(FlinkActionContext actionContext) {
         List<String> commandList = new ArrayList<>();
diff --git a/paimon-web-engine/paimon-web-engine-flink/paimon-web-engine-flink-sql-gateway/src/main/java/org/apache/paimon/web/engine/flink/sql/gateway/client/JobIdMessageParameters.java b/paimon-web-engine/paimon-web-engine-flink/paimon-web-engine-flink-sql-gateway/src/main/java/org/apache/paimon/web/engine/flink/sql/gateway/client/JobIdMessageParameters.java
index 5f3918cdf..3340f9593 100644
--- a/paimon-web-engine/paimon-web-engine-flink/paimon-web-engine-flink-sql-gateway/src/main/java/org/apache/paimon/web/engine/flink/sql/gateway/client/JobIdMessageParameters.java
+++ b/paimon-web-engine/paimon-web-engine-flink/paimon-web-engine-flink-sql-gateway/src/main/java/org/apache/paimon/web/engine/flink/sql/gateway/client/JobIdMessageParameters.java
@@ -25,6 +25,7 @@
 import java.util.Collection;
 import java.util.Collections;
 
+/** object using for jobId param. */
 public class JobIdMessageParameters extends MessageParameters {
 
     private final JobIdMessagePathParameter jobIdMessagePathParameter =
diff --git a/paimon-web-engine/paimon-web-engine-flink/paimon-web-engine-flink-sql-gateway/src/main/java/org/apache/paimon/web/engine/flink/sql/gateway/client/JobIdMessagePathParameter.java b/paimon-web-engine/paimon-web-engine-flink/paimon-web-engine-flink-sql-gateway/src/main/java/org/apache/paimon/web/engine/flink/sql/gateway/client/JobIdMessagePathParameter.java
index fe9eb2050..e719a9511 100644
--- a/paimon-web-engine/paimon-web-engine-flink/paimon-web-engine-flink-sql-gateway/src/main/java/org/apache/paimon/web/engine/flink/sql/gateway/client/JobIdMessagePathParameter.java
+++ b/paimon-web-engine/paimon-web-engine-flink/paimon-web-engine-flink-sql-gateway/src/main/java/org/apache/paimon/web/engine/flink/sql/gateway/client/JobIdMessagePathParameter.java
@@ -21,6 +21,7 @@
 import org.apache.flink.runtime.rest.messages.ConversionException;
 import org.apache.flink.runtime.rest.messages.MessagePathParameter;
 
+/** use to resolve jobId param. */
 public class JobIdMessagePathParameter extends MessagePathParameter<String> {
 
     public static final String KEY = "jobid";
diff --git a/paimon-web-engine/paimon-web-engine-flink/paimon-web-engine-flink-sql-gateway/src/main/java/org/apache/paimon/web/engine/flink/sql/gateway/client/JobOverViewHeaders.java b/paimon-web-engine/paimon-web-engine-flink/paimon-web-engine-flink-sql-gateway/src/main/java/org/apache/paimon/web/engine/flink/sql/gateway/client/JobOverViewHeaders.java
index cc0049a6f..db777ca24 100644
--- a/paimon-web-engine/paimon-web-engine-flink/paimon-web-engine-flink-sql-gateway/src/main/java/org/apache/paimon/web/engine/flink/sql/gateway/client/JobOverViewHeaders.java
+++ b/paimon-web-engine/paimon-web-engine-flink/paimon-web-engine-flink-sql-gateway/src/main/java/org/apache/paimon/web/engine/flink/sql/gateway/client/JobOverViewHeaders.java
@@ -25,6 +25,7 @@
 import org.apache.flink.runtime.rest.messages.RuntimeMessageHeaders;
 import org.apache.flink.shaded.netty4.io.netty.handler.codec.http.HttpResponseStatus;
 
+/** job overview headers. */
 public class JobOverViewHeaders
         implements RuntimeMessageHeaders<
                 EmptyRequestBody, JobOverviewEntity, JobIdMessageParameters> {
diff --git a/paimon-web-engine/paimon-web-engine-flink/paimon-web-engine-flink-sql-gateway/src/main/java/org/apache/paimon/web/engine/flink/sql/gateway/client/StopWithSavePointHeaders.java b/paimon-web-engine/paimon-web-engine-flink/paimon-web-engine-flink-sql-gateway/src/main/java/org/apache/paimon/web/engine/flink/sql/gateway/client/StopWithSavePointHeaders.java
index 45787eb30..c715bfe86 100644
--- a/paimon-web-engine/paimon-web-engine-flink/paimon-web-engine-flink-sql-gateway/src/main/java/org/apache/paimon/web/engine/flink/sql/gateway/client/StopWithSavePointHeaders.java
+++ b/paimon-web-engine/paimon-web-engine-flink/paimon-web-engine-flink-sql-gateway/src/main/java/org/apache/paimon/web/engine/flink/sql/gateway/client/StopWithSavePointHeaders.java
@@ -25,6 +25,7 @@
 import org.apache.flink.runtime.rest.messages.RuntimeMessageHeaders;
 import org.apache.flink.shaded.netty4.io.netty.handler.codec.http.HttpResponseStatus;
 
+/** headers using for stopping with savepoint . */
 public class StopWithSavePointHeaders
         implements RuntimeMessageHeaders<
                 EmptyRequestBody, TriggerIdEntity, JobIdMessageParameters> {
diff --git a/paimon-web-engine/paimon-web-engine-flink/paimon-web-engine-flink-sql-gateway/src/main/java/org/apache/paimon/web/engine/flink/sql/gateway/model/JobOverviewEntity.java b/paimon-web-engine/paimon-web-engine-flink/paimon-web-engine-flink-sql-gateway/src/main/java/org/apache/paimon/web/engine/flink/sql/gateway/model/JobOverviewEntity.java
index 277230de0..f24b26d7f 100644
--- a/paimon-web-engine/paimon-web-engine-flink/paimon-web-engine-flink-sql-gateway/src/main/java/org/apache/paimon/web/engine/flink/sql/gateway/model/JobOverviewEntity.java
+++ b/paimon-web-engine/paimon-web-engine-flink/paimon-web-engine-flink-sql-gateway/src/main/java/org/apache/paimon/web/engine/flink/sql/gateway/model/JobOverviewEntity.java
@@ -28,6 +28,7 @@
 import java.util.List;
 import java.util.Map;
 
+/** entity using for job overview . */
 @Getter
 @JsonIgnoreProperties(ignoreUnknown = true)
 public class JobOverviewEntity implements ResponseBody, InfoMessage {
diff --git a/paimon-web-engine/paimon-web-engine-flink/paimon-web-engine-flink-sql-gateway/src/main/java/org/apache/paimon/web/engine/flink/sql/gateway/model/TriggerIdEntity.java b/paimon-web-engine/paimon-web-engine-flink/paimon-web-engine-flink-sql-gateway/src/main/java/org/apache/paimon/web/engine/flink/sql/gateway/model/TriggerIdEntity.java
index 4310a5b4e..b472e91e5 100644
--- a/paimon-web-engine/paimon-web-engine-flink/paimon-web-engine-flink-sql-gateway/src/main/java/org/apache/paimon/web/engine/flink/sql/gateway/model/TriggerIdEntity.java
+++ b/paimon-web-engine/paimon-web-engine-flink/paimon-web-engine-flink-sql-gateway/src/main/java/org/apache/paimon/web/engine/flink/sql/gateway/model/TriggerIdEntity.java
@@ -24,6 +24,7 @@
 import org.apache.flink.shaded.jackson2.com.fasterxml.jackson.annotation.JsonCreator;
 import org.apache.flink.shaded.jackson2.com.fasterxml.jackson.annotation.JsonProperty;
 
+/** entity using for trigger id . */
 @Getter
 public class TriggerIdEntity implements ResponseBody, InfoMessage {
 
diff --git a/paimon-web-engine/paimon-web-engine-flink/paimon-web-engine-flink-sql-gateway/src/test/java/org/apache/paimon/web/engine/flink/sql/gataway/client/SessionClusterClientTest.java b/paimon-web-engine/paimon-web-engine-flink/paimon-web-engine-flink-sql-gateway/src/test/java/org/apache/paimon/web/engine/flink/sql/gataway/client/SessionClusterClientTest.java
deleted file mode 100644
index 9cb0a3d69..000000000
--- a/paimon-web-engine/paimon-web-engine-flink/paimon-web-engine-flink-sql-gateway/src/test/java/org/apache/paimon/web/engine/flink/sql/gataway/client/SessionClusterClientTest.java
+++ /dev/null
@@ -1,52 +0,0 @@
-/*
- * Licensed to the Apache Software Foundation (ASF) under one
- * or more contributor license agreements.  See the NOTICE file
- * distributed with this work for additional information
- * regarding copyright ownership.  The ASF licenses this file
- * to you under the Apache License, Version 2.0 (the
- * "License"); you may not use this file except in compliance
- * with the License.  You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-package org.apache.paimon.web.engine.flink.sql.gataway.client;
-
-import org.apache.paimon.web.engine.flink.common.status.JobStatus;
-import org.apache.paimon.web.engine.flink.sql.gateway.client.FlinkJobAction;
-import org.apache.paimon.web.engine.flink.sql.gateway.client.SessionClusterClient;
-import org.apache.paimon.web.engine.flink.sql.gateway.model.JobOverviewEntity;
-import org.apache.paimon.web.engine.flink.sql.gateway.model.TriggerIdEntity;
-
-import org.junit.Assert;
-import org.junit.jupiter.api.Assertions;
-import org.junit.jupiter.api.Test;
-
-public class SessionClusterClientTest {
-
-    @Test
-    public void testGetJobOverview() throws Exception {
-        String host = "localhost";
-        int port = 33293;
-        String jobId = "dab6205c3625841d49f9d32a1bfdf4db";
-        FlinkJobAction flinkJobAction = new SessionClusterClient(host, port);
-        JobOverviewEntity jobOverview = flinkJobAction.jobOverview(jobId);
-        Assert.assertEquals(jobOverview.getState(), JobStatus.FINISHED.getValue());
-    }
-
-    @Test
-    public void testStopWithSavePoint() throws Exception {
-        String host = "localhost";
-        int port = 33293;
-        String jobId = "dab6205c3625841d49f9d32a1bfdf4db";
-        FlinkJobAction flinkJobAction = new SessionClusterClient(host, port);
-        TriggerIdEntity idEntity = flinkJobAction.stopWithSavePoint(jobId);
-        Assertions.assertNotNull(idEntity);
-    }
-}
diff --git a/paimon-web-server/src/main/java/org/apache/paimon/web/server/data/model/CdcJobLog.java b/paimon-web-server/src/main/java/org/apache/paimon/web/server/data/model/CdcJobLog.java
index 2ba1f0a48..4e73881f3 100644
--- a/paimon-web-server/src/main/java/org/apache/paimon/web/server/data/model/CdcJobLog.java
+++ b/paimon-web-server/src/main/java/org/apache/paimon/web/server/data/model/CdcJobLog.java
@@ -22,7 +22,11 @@
 import com.baomidou.mybatisplus.annotation.TableField;
 import com.baomidou.mybatisplus.annotation.TableName;
 import com.fasterxml.jackson.annotation.JsonInclude;
-import lombok.*;
+import lombok.AllArgsConstructor;
+import lombok.Builder;
+import lombok.Data;
+import lombok.EqualsAndHashCode;
+import lombok.NoArgsConstructor;
 
 import java.io.Serializable;
 import java.time.LocalDateTime;
diff --git a/paimon-web-server/src/main/java/org/apache/paimon/web/server/data/vo/ActionExecutionResultVo.java b/paimon-web-server/src/main/java/org/apache/paimon/web/server/data/vo/ActionExecutionResultVo.java
index 50c0636aa..6605aad48 100644
--- a/paimon-web-server/src/main/java/org/apache/paimon/web/server/data/vo/ActionExecutionResultVo.java
+++ b/paimon-web-server/src/main/java/org/apache/paimon/web/server/data/vo/ActionExecutionResultVo.java
@@ -25,6 +25,7 @@
 import lombok.Data;
 import lombok.NoArgsConstructor;
 
+/** vo for action execution result . */
 @Data
 @Builder
 @NoArgsConstructor
diff --git a/paimon-web-server/src/main/java/org/apache/paimon/web/server/mapper/CdcJobLogMapper.java b/paimon-web-server/src/main/java/org/apache/paimon/web/server/mapper/CdcJobLogMapper.java
index 1275a08b3..742edb3e5 100644
--- a/paimon-web-server/src/main/java/org/apache/paimon/web/server/mapper/CdcJobLogMapper.java
+++ b/paimon-web-server/src/main/java/org/apache/paimon/web/server/mapper/CdcJobLogMapper.java
@@ -22,4 +22,5 @@
 
 import com.baomidou.mybatisplus.core.mapper.BaseMapper;
 
+/** interface for cdc log mapper . */
 public interface CdcJobLogMapper extends BaseMapper<CdcJobLog> {}
diff --git a/paimon-web-ui/pom.xml b/paimon-web-ui/pom.xml
index 9575d2ae0..63c500d22 100644
--- a/paimon-web-ui/pom.xml
+++ b/paimon-web-ui/pom.xml
@@ -70,7 +70,7 @@ under the License.
                                 </goals>
                                 <phase>generate-resources</phase>
                                 <configuration>
-                                    <arguments>install --legacy-peer-deps</arguments>
+                                    <arguments>install</arguments>
                                 </configuration>
                             </execution>
                             <execution>

From f355b99424b39b80552a78714e65fb4ca33c34fe Mon Sep 17 00:00:00 2001
From: hiliuxg <helloliuxg@gmail.com>
Date: Fri, 13 Sep 2024 16:05:49 +0800
Subject: [PATCH 13/17] to fix some bug

---
 .../FlinkCdcTableSyncActionContext.java       |  6 ++-
 .../MysqlSyncTableActionContextFactory.java   |  5 ++
 ...PostgresSyncTableActionContextFactory.java |  5 +-
 .../context/options/FlinkCdcOptions.java      |  2 +
 .../engine/flink/common/status/JobStatus.java |  1 +
 paimon-web-server/pom.xml                     |  6 +++
 paimon-web-server/src/main/bin/start.sh       |  8 ++-
 .../web/server/data/model/CdcJobLog.java      |  5 --
 .../impl/CdcJobDefinitionServiceImpl.java     | 51 ++++++++++++-------
 .../mapper/CdcJobDefinitionMapper.xml         |  3 +-
 .../main/resources/mapper/CdcJobLogMapper.xml | 43 ++++++++++++++++
 .../src/api/models/cdc/types/cdcJob.ts        |  1 +
 .../src/components/table-action/index.tsx     |  3 ++
 .../src/form-lib/cdc/use-submit-cdc-job.ts    |  2 +-
 .../views/cdc/components/list/use-table.ts    |  1 +
 paimon-web-ui/src/views/cdc/index.tsx         | 13 +++--
 scripts/sql/paimon-mysql.sql                  |  6 +--
 17 files changed, 125 insertions(+), 36 deletions(-)
 create mode 100644 paimon-web-server/src/main/resources/mapper/CdcJobLogMapper.xml

diff --git a/paimon-web-api/src/main/java/org/apache/paimon/web/api/action/context/FlinkCdcTableSyncActionContext.java b/paimon-web-api/src/main/java/org/apache/paimon/web/api/action/context/FlinkCdcTableSyncActionContext.java
index c4ca2745d..8d54c3f9b 100644
--- a/paimon-web-api/src/main/java/org/apache/paimon/web/api/action/context/FlinkCdcTableSyncActionContext.java
+++ b/paimon-web-api/src/main/java/org/apache/paimon/web/api/action/context/FlinkCdcTableSyncActionContext.java
@@ -48,7 +48,11 @@ public abstract class FlinkCdcTableSyncActionContext extends FlinkActionContext
 
     @ActionConf("computed_column")
     @Nullable
-    protected String computedColumn;
+    protected List<String> computedColumnList;
+
+    @ActionConf("metadata_column")
+    @Nullable
+    protected String metaDataColumn;
 
     @ActionConf(value = "catalog_conf")
     @Nullable
diff --git a/paimon-web-api/src/main/java/org/apache/paimon/web/api/action/context/factory/MysqlSyncTableActionContextFactory.java b/paimon-web-api/src/main/java/org/apache/paimon/web/api/action/context/factory/MysqlSyncTableActionContextFactory.java
index 53f5d5a4f..52aede66b 100644
--- a/paimon-web-api/src/main/java/org/apache/paimon/web/api/action/context/factory/MysqlSyncTableActionContextFactory.java
+++ b/paimon-web-api/src/main/java/org/apache/paimon/web/api/action/context/factory/MysqlSyncTableActionContextFactory.java
@@ -62,6 +62,11 @@ public ActionContext getActionContext(ObjectNode actionConfigs) {
                 .actionPath(ActionContextUtil.getActionJarPath())
                 .catalogConfList(JSONUtils.getList(actionConfigs, FlinkCdcOptions.CATALOG_CONF))
                 .mysqlConfList(JSONUtils.getList(actionConfigs, FlinkCdcOptions.MYSQL_CONF))
+                .computedColumnList(
+                        JSONUtils.getList(actionConfigs, FlinkCdcOptions.COMPUTED_COLUMN))
+                .metaDataColumn(JSONUtils.getString(actionConfigs, FlinkCdcOptions.METADATA_COLUMN))
+                .partitionKeys(JSONUtils.getString(actionConfigs, FlinkCdcOptions.PARTITION_KEYS))
+                .tableConfList(JSONUtils.getList(actionConfigs, FlinkCdcOptions.TABLE_CONF))
                 .executionCheckPointInterval(
                         Optional.of(
                                 JSONUtils.getInteger(
diff --git a/paimon-web-api/src/main/java/org/apache/paimon/web/api/action/context/factory/PostgresSyncTableActionContextFactory.java b/paimon-web-api/src/main/java/org/apache/paimon/web/api/action/context/factory/PostgresSyncTableActionContextFactory.java
index d3225889c..7a02b3bc9 100644
--- a/paimon-web-api/src/main/java/org/apache/paimon/web/api/action/context/factory/PostgresSyncTableActionContextFactory.java
+++ b/paimon-web-api/src/main/java/org/apache/paimon/web/api/action/context/factory/PostgresSyncTableActionContextFactory.java
@@ -59,10 +59,13 @@ public ActionContext getActionContext(ObjectNode actionConfigs) {
                 .table(JSONUtils.getString(actionConfigs, FlinkCdcOptions.TABLE))
                 .partitionKeys(JSONUtils.getString(actionConfigs, FlinkCdcOptions.PARTITION_KEYS))
                 .primaryKeys(JSONUtils.getString(actionConfigs, FlinkCdcOptions.PRIMARY_KEYS))
-                .computedColumn(JSONUtils.getString(actionConfigs, FlinkCdcOptions.COMPUTED_COLUMN))
+                .computedColumnList(
+                        JSONUtils.getList(actionConfigs, FlinkCdcOptions.COMPUTED_COLUMN))
+                .metaDataColumn(JSONUtils.getString(actionConfigs, FlinkCdcOptions.METADATA_COLUMN))
                 .actionPath(ActionContextUtil.getActionJarPath())
                 .catalogConfList(JSONUtils.getList(actionConfigs, FlinkCdcOptions.CATALOG_CONF))
                 .postgresConfList(JSONUtils.getList(actionConfigs, FlinkCdcOptions.POSTGRES_CONF))
+                .tableConfList(JSONUtils.getList(actionConfigs, FlinkCdcOptions.TABLE_CONF))
                 .executionCheckPointInterval(
                         Optional.of(
                                 JSONUtils.getInteger(
diff --git a/paimon-web-api/src/main/java/org/apache/paimon/web/api/action/context/options/FlinkCdcOptions.java b/paimon-web-api/src/main/java/org/apache/paimon/web/api/action/context/options/FlinkCdcOptions.java
index efe494a21..f2c7dde44 100644
--- a/paimon-web-api/src/main/java/org/apache/paimon/web/api/action/context/options/FlinkCdcOptions.java
+++ b/paimon-web-api/src/main/java/org/apache/paimon/web/api/action/context/options/FlinkCdcOptions.java
@@ -41,6 +41,8 @@ private FlinkCdcOptions() {}
 
     public static final String COMPUTED_COLUMN = "computed_column";
 
+    public static final String METADATA_COLUMN = "metadata_column";
+
     public static final String SESSION_URL = "sessionUrl";
 
     public static final String CATALOG_CONF = "catalog_conf";
diff --git a/paimon-web-engine/paimon-web-engine-flink/paimon-web-engine-flink-common/src/main/java/org/apache/paimon/web/engine/flink/common/status/JobStatus.java b/paimon-web-engine/paimon-web-engine-flink/paimon-web-engine-flink-common/src/main/java/org/apache/paimon/web/engine/flink/common/status/JobStatus.java
index 419ecf9b3..c14879fc4 100644
--- a/paimon-web-engine/paimon-web-engine-flink/paimon-web-engine-flink-common/src/main/java/org/apache/paimon/web/engine/flink/common/status/JobStatus.java
+++ b/paimon-web-engine/paimon-web-engine-flink/paimon-web-engine-flink-common/src/main/java/org/apache/paimon/web/engine/flink/common/status/JobStatus.java
@@ -20,6 +20,7 @@
 
 /** Represents the various states that a job. */
 public enum JobStatus {
+    RESTARTING("RESTARTING"),
     FRESHED("FRESHED"),
     CANCELLING("CANCELLING"),
     SUBMITTING("SUBMITTING"),
diff --git a/paimon-web-server/pom.xml b/paimon-web-server/pom.xml
index 9bd9c4333..be8cf9e8a 100644
--- a/paimon-web-server/pom.xml
+++ b/paimon-web-server/pom.xml
@@ -248,6 +248,12 @@ under the License.
             </exclusions>
         </dependency>
 
+        <dependency>
+            <groupId>org.apache.flink</groupId>
+            <artifactId>flink-shaded-guava</artifactId>
+            <version>31.1-jre-17.0</version>
+        </dependency>
+
         <dependency>
             <groupId>commons-cli</groupId>
             <artifactId>commons-cli</artifactId>
diff --git a/paimon-web-server/src/main/bin/start.sh b/paimon-web-server/src/main/bin/start.sh
index 462922c5c..d63de5528 100644
--- a/paimon-web-server/src/main/bin/start.sh
+++ b/paimon-web-server/src/main/bin/start.sh
@@ -64,12 +64,18 @@ fi
 if [ -z "$JAVA_HOME" ]; then
       echo "JAVA_HOME is null, exit..."
       exit 1
+else
+   export JAVA_HOME=$JAVA_HOME
 fi
 if [ -z "$FLINK_HOME" ]; then
     echo "FLINK_HOME is null, CDC cannot be used normally!"
+else
+    export FLINK_HOME=$FLINK_HOME
 fi
 if [ -z "$ACTION_JAR_PATH" ]; then
     echo "ACTION_JAR_PATH is null, CDC cannot be used normally!"
+else
+    export ACTION_JAR_PATH=$ACTION_JAR_PATH
 fi
 
 
@@ -83,4 +89,4 @@ else
   $JAVA_HOME/bin/java $JAVA_OPTS \
     -cp "$PAIMON_UI_HOME/config:$PAIMON_UI_HOME/libs/*" \
     org.apache.paimon.web.server.PaimonWebServerApplication
-fi
+fi
\ No newline at end of file
diff --git a/paimon-web-server/src/main/java/org/apache/paimon/web/server/data/model/CdcJobLog.java b/paimon-web-server/src/main/java/org/apache/paimon/web/server/data/model/CdcJobLog.java
index 4e73881f3..414007e6a 100644
--- a/paimon-web-server/src/main/java/org/apache/paimon/web/server/data/model/CdcJobLog.java
+++ b/paimon-web-server/src/main/java/org/apache/paimon/web/server/data/model/CdcJobLog.java
@@ -21,7 +21,6 @@
 import com.baomidou.mybatisplus.annotation.FieldFill;
 import com.baomidou.mybatisplus.annotation.TableField;
 import com.baomidou.mybatisplus.annotation.TableName;
-import com.fasterxml.jackson.annotation.JsonInclude;
 import lombok.AllArgsConstructor;
 import lombok.Builder;
 import lombok.Data;
@@ -30,7 +29,6 @@
 
 import java.io.Serializable;
 import java.time.LocalDateTime;
-import java.util.Map;
 
 /** Model of cdc_job_log. */
 @TableName(value = "cdc_job_log")
@@ -53,7 +51,4 @@ public class CdcJobLog extends BaseModel implements Serializable {
     private String currentStatus;
 
     private String flinkJobId;
-
-    @JsonInclude(JsonInclude.Include.NON_EMPTY)
-    private Map<String, Object> extra;
 }
diff --git a/paimon-web-server/src/main/java/org/apache/paimon/web/server/service/impl/CdcJobDefinitionServiceImpl.java b/paimon-web-server/src/main/java/org/apache/paimon/web/server/service/impl/CdcJobDefinitionServiceImpl.java
index 76fd43214..e352a227b 100644
--- a/paimon-web-server/src/main/java/org/apache/paimon/web/server/service/impl/CdcJobDefinitionServiceImpl.java
+++ b/paimon-web-server/src/main/java/org/apache/paimon/web/server/service/impl/CdcJobDefinitionServiceImpl.java
@@ -75,6 +75,7 @@
 import java.util.Arrays;
 import java.util.List;
 import java.util.Map;
+import java.util.Optional;
 import java.util.concurrent.TimeUnit;
 import java.util.concurrent.locks.ReentrantLock;
 import java.util.stream.Collectors;
@@ -231,6 +232,7 @@ public R<ActionExecutionResultVo> submit(Integer id, CdcJobSubmitDTO cdcJobSubmi
         lock.lock();
         try {
             CdcJobDefinition cdcJobDefinition = baseMapper.selectById(id);
+            log.info("to submit job {}: {}", cdcJobDefinition.getId(), cdcJobDefinition.getName());
             FlinkCdcSyncType flinkCdcSyncType =
                     FlinkCdcSyncType.valueOf(cdcJobDefinition.getCdcType());
             CdcGraph cdcGraph = CdcGraph.fromCdcGraphJsonString(cdcJobDefinition.getConfig());
@@ -271,6 +273,7 @@ public R<ActionExecutionResultVo> submit(Integer id, CdcJobSubmitDTO cdcJobSubmi
      */
     @Override
     public R<ActionExecutionResultVo> cancel(Integer id) {
+        log.info("to cancel job {}", id);
         ReentrantLock lock = cacher.getUnchecked(id);
         if (lock.isLocked()) {
             return R.of(
@@ -325,6 +328,7 @@ public R<ActionExecutionResultVo> cancel(Integer id) {
      */
     @Override
     public R<JobStatus> status(Integer id, Integer logId) {
+        log.info("to ask status of jobId {}, logId {}", id, logId);
         ReentrantLock lock = cacher.getUnchecked(id);
         if (lock.isLocked()) {
             return R.of(
@@ -456,19 +460,22 @@ private void handleCdcGraphNodeData(
         }
     }
 
-    private List<String> getOtherConfigs(ObjectNode node) {
-        String otherConfigs = JSONUtils.getString(node, "other_configs");
-        List<String> configList;
-        if (StringUtils.isBlank(otherConfigs)) {
-            configList = new ArrayList<>();
-        } else {
-            configList = new ArrayList<>(Arrays.asList(otherConfigs.split(";")));
-        }
-        return configList;
+    private List<String> getByKeyToList(ObjectNode node, String key) {
+        String stringValue = JSONUtils.getString(node, key);
+        return Optional.of(stringValue)
+                .map(item -> new ArrayList<>(Arrays.asList(item.split(";"))))
+                .orElse(new ArrayList<>());
     }
 
     private void handlePostgresNodeData(ObjectNode actionConfigs, ObjectNode postgresData) {
-        List<String> postgresConfList = getOtherConfigs(postgresData);
+        List<String> computedColumnList =
+                getByKeyToList(postgresData, FlinkCdcOptions.COMPUTED_COLUMN);
+        actionConfigs.putPOJO(FlinkCdcOptions.COMPUTED_COLUMN, computedColumnList);
+        actionConfigs.put(
+                FlinkCdcOptions.METADATA_COLUMN,
+                JSONUtils.getString(postgresData, FlinkCdcOptions.METADATA_COLUMN));
+
+        List<String> postgresConfList = getByKeyToList(postgresData, "other_configs");
         postgresConfList.add(
                 buildKeyValueString("hostname", JSONUtils.getString(postgresData, "host")));
         postgresConfList.add(
@@ -495,7 +502,14 @@ private void handleMysqlNodeData(
             ObjectNode mysqlData,
             FlinkCdcSyncType cdcSyncType,
             CdcJobSubmitDTO cdcJobSubmitDTO) {
-        List<String> mysqlConfList = getOtherConfigs(mysqlData);
+        List<String> computedColumnList =
+                getByKeyToList(mysqlData, FlinkCdcOptions.COMPUTED_COLUMN);
+        actionConfigs.putPOJO(FlinkCdcOptions.COMPUTED_COLUMN, computedColumnList);
+        actionConfigs.put(
+                FlinkCdcOptions.METADATA_COLUMN,
+                JSONUtils.getString(mysqlData, FlinkCdcOptions.METADATA_COLUMN));
+
+        List<String> mysqlConfList = getByKeyToList(mysqlData, "other_configs");
         mysqlConfList.add(buildKeyValueString("hostname", JSONUtils.getString(mysqlData, "host")));
         mysqlConfList.add(
                 buildKeyValueString("username", JSONUtils.getString(mysqlData, "username")));
@@ -532,6 +546,10 @@ private void handleMysqlNodeData(
 
     private void handlePaimonNodeData(
             ObjectNode actionConfigs, ObjectNode paimonData, FlinkCdcSyncType cdcSyncType) {
+        actionConfigs.put(
+                FlinkCdcOptions.PARTITION_KEYS,
+                JSONUtils.getString(paimonData, "partition_column"));
+
         Integer catalog = JSONUtils.getInteger(paimonData, "catalog");
         CatalogInfo catalogInfo = catalogService.getById(catalog);
         actionConfigs.put(FlinkCdcOptions.WAREHOUSE, catalogInfo.getWarehouse());
@@ -541,13 +559,10 @@ private void handlePaimonNodeData(
         actionConfigs.put(FlinkCdcOptions.DATABASE, JSONUtils.getString(paimonData, "database"));
         actionConfigs.put(
                 FlinkCdcOptions.PRIMARY_KEYS, JSONUtils.getString(paimonData, "primary_key"));
-        String otherConfigs = JSONUtils.getString(paimonData, "other_configs2");
-        if (StringUtils.isBlank(otherConfigs)) {
-            actionConfigs.putPOJO(FlinkCdcOptions.TABLE_CONF, new ArrayList<>());
-        } else {
-            actionConfigs.putPOJO(
-                    FlinkCdcOptions.TABLE_CONF, Arrays.asList(otherConfigs.split(";")));
-        }
+
+        List<String> configList = getByKeyToList(paimonData, "other_configs2");
+        actionConfigs.putPOJO(FlinkCdcOptions.TABLE_CONF, configList);
+
         List<String> catalogConfList = new ArrayList<>();
         Map<String, String> options = catalogInfo.getOptions();
         PaimonServiceFactory.convertToPaimonOptions(options)
diff --git a/paimon-web-server/src/main/resources/mapper/CdcJobDefinitionMapper.xml b/paimon-web-server/src/main/resources/mapper/CdcJobDefinitionMapper.xml
index 132a6093c..de5e61d36 100644
--- a/paimon-web-server/src/main/resources/mapper/CdcJobDefinitionMapper.xml
+++ b/paimon-web-server/src/main/resources/mapper/CdcJobDefinitionMapper.xml
@@ -32,11 +32,12 @@ under the License.
             <result property="createUser" column="create_user" jdbcType="VARCHAR"/>
             <result property="createTime" column="create_time" jdbcType="TIMESTAMP"/>
             <result property="updateTime" column="update_time" jdbcType="TIMESTAMP"/>
+            <result property="dataDelay" column="data_delay" jdbcType="INTEGER"/>
     </resultMap>
 
     <sql id="Base_Column_List">
         id,name,description,
         cdc_type,config,create_user,
-        create_time,update_time
+        create_time,update_time,dataDelay
     </sql>
 </mapper>
diff --git a/paimon-web-server/src/main/resources/mapper/CdcJobLogMapper.xml b/paimon-web-server/src/main/resources/mapper/CdcJobLogMapper.xml
new file mode 100644
index 000000000..113b54fbd
--- /dev/null
+++ b/paimon-web-server/src/main/resources/mapper/CdcJobLogMapper.xml
@@ -0,0 +1,43 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+Licensed to the Apache Software Foundation (ASF) under one
+or more contributor license agreements.  See the NOTICE file
+distributed with this work for additional information
+regarding copyright ownership.  The ASF licenses this file
+to you under the Apache License, Version 2.0 (the
+"License"); you may not use this file except in compliance
+with the License.  You may obtain a copy of the License at
+
+  http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing,
+software distributed under the License is distributed on an
+"AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+KIND, either express or implied.  See the License for the
+specific language governing permissions and limitations
+under the License.
+-->
+
+<!DOCTYPE mapper
+        PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN"
+        "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
+<mapper namespace="org.apache.paimon.web.server.mapper.CdcJobLogMapper">
+
+    <resultMap id="BaseResultMap" type="org.apache.paimon.web.server.data.model.CdcJobLog">
+            <result property="id" column="id" jdbcType="INTEGER"/>
+            <result property="clusterId" column="cluster_id" jdbcType="INTEGER"/>
+            <result property="cdcJobDefinitionId" column="cdc_job_definition_id" jdbcType="INTEGER"/>
+            <result property="createUser" column="create_user" jdbcType="VARCHAR"/>
+            <result property="createTime" column="create_time" jdbcType="TIMESTAMP"/>
+            <result property="updateTime" column="update_time" jdbcType="TIMESTAMP"/>
+            <result property="terminateTime" column="terminate_time" jdbcType="TIMESTAMP"/>
+            <result property="currentStatus" column="current_status" jdbcType="VARCHAR"/>
+            <result property="flinkJobId" column="flink_job_id" jdbcType="VARCHAR"/>
+    </resultMap>
+
+    <sql id="Base_Column_List">
+        id,cluster_id,cdc_job_definition_id,
+        create_user,create_time,update_time,
+        terminate_time,current_status,flink_job_id
+    </sql>
+</mapper>
diff --git a/paimon-web-ui/src/api/models/cdc/types/cdcJob.ts b/paimon-web-ui/src/api/models/cdc/types/cdcJob.ts
index 51d5eb34b..1f4ff2d94 100644
--- a/paimon-web-ui/src/api/models/cdc/types/cdcJob.ts
+++ b/paimon-web-ui/src/api/models/cdc/types/cdcJob.ts
@@ -36,6 +36,7 @@ export interface CdcJobSubmit {
 }
 
 export enum JobStatus {
+  RESTARTING = 'RESTARTING',
   FRESHED = 'FRESHED',
   SUBMITTING = 'SUBMITTING',
   CANCELLING = 'CANCELLING',
diff --git a/paimon-web-ui/src/components/table-action/index.tsx b/paimon-web-ui/src/components/table-action/index.tsx
index 9cb5323ab..dd1265afc 100644
--- a/paimon-web-ui/src/components/table-action/index.tsx
+++ b/paimon-web-ui/src/components/table-action/index.tsx
@@ -50,6 +50,7 @@ export default defineComponent({
         case JobStatus.UNKNOWN:
           emit('handleRun', row)
           break
+        case JobStatus.RESTARTING:
         case JobStatus.RUNNING:
           emit('handleCancel', row)
           break
@@ -87,6 +88,7 @@ export default defineComponent({
         case JobStatus.CANCELED:
         case JobStatus.UNKNOWN:
           return t('cdc.run')
+        case JobStatus.RESTARTING:
         case JobStatus.RUNNING:
           return t('cdc.cancel')
         case JobStatus.SUBMITTING:
@@ -106,6 +108,7 @@ export default defineComponent({
         case JobStatus.FAILED:
         case JobStatus.CANCELED:
           return PlayOutline
+        case JobStatus.RESTARTING:
         case JobStatus.RUNNING:
           return PauseOutline
         default:
diff --git a/paimon-web-ui/src/form-lib/cdc/use-submit-cdc-job.ts b/paimon-web-ui/src/form-lib/cdc/use-submit-cdc-job.ts
index 6ef974b60..786a80e64 100644
--- a/paimon-web-ui/src/form-lib/cdc/use-submit-cdc-job.ts
+++ b/paimon-web-ui/src/form-lib/cdc/use-submit-cdc-job.ts
@@ -35,7 +35,7 @@ export function useSumbitCdcJob(item: any) {
     if (response && response.data) {
       const clusterList = response.data as Cluster[]
       flinkSessionClusterOptions.value = clusterList.filter((cluster) => {
-        return cluster.clusterName === 'yarn-session' || cluster.clusterName === 'k8s-session'
+        return cluster.deploymentMode === 'yarn-session' || cluster.deploymentMode === 'k8s-session'
       }).map(cluster => ({
         label: cluster.clusterName,
         value: cluster.id.toString(),
diff --git a/paimon-web-ui/src/views/cdc/components/list/use-table.ts b/paimon-web-ui/src/views/cdc/components/list/use-table.ts
index 5ea549e41..bc7188ca8 100644
--- a/paimon-web-ui/src/views/cdc/components/list/use-table.ts
+++ b/paimon-web-ui/src/views/cdc/components/list/use-table.ts
@@ -63,6 +63,7 @@ export function useTable(ctx: any) {
         render: (row: any) => {
           const currentStatus = row.currentStatus
           switch (currentStatus) {
+            case JobStatus.RESTARTING:
             case JobStatus.RUNNING:
               return h(NTag, { type: 'success', size: 'small' }, { default: () => currentStatus })
             case JobStatus.CANCELED:
diff --git a/paimon-web-ui/src/views/cdc/index.tsx b/paimon-web-ui/src/views/cdc/index.tsx
index e1d6daccd..fbb0b5690 100644
--- a/paimon-web-ui/src/views/cdc/index.tsx
+++ b/paimon-web-ui/src/views/cdc/index.tsx
@@ -54,12 +54,14 @@ export default defineComponent({
       showModalRef.value = true
     }
 
-    function freshStatus(row: CdcJobDefinition, logId: number) {
+    function freshStatus(row: CdcJobDefinition, logId: number, lastStatus: string | undefined) {
       const id = row.id
       if (id) {
         freshCdcJobStatus(id, logId).then((res: any) => {
           const status = res.data
-          if (status !== JobStatus.SUBMITTING && status !== JobStatus.CANCELLING && status !== row.currentStatus) {
+          if (status !== JobStatus.SUBMITTING
+            && status !== JobStatus.CANCELLING
+            && status !== lastStatus) {
             // fresh target row status
             row.currentStatus = status
             actionJobMap.delete(id)
@@ -76,12 +78,12 @@ export default defineComponent({
       }
     }
 
-    function watchStatus(id: number, logId: number) {
+    function watchStatus(id: number, logId: number, lastStatus: string | undefined) {
       const targetRow = actionJobMap.get(id)
       let refreshJobStatusIntervalId = refreshStatusMap.get(id)
       if (targetRow && !refreshJobStatusIntervalId) {
         refreshJobStatusIntervalId = setInterval(() => {
-          freshStatus(targetRow, logId)
+          freshStatus(targetRow, logId, lastStatus)
         }, INTERVAL_MILLISECOND)
         refreshStatusMap.set(id, refreshJobStatusIntervalId)
       }
@@ -93,11 +95,12 @@ export default defineComponent({
       const targetRow = actionJobMap.get(id)
       if (targetRow) {
         // update status
+        const lastStatus = targetRow.currentStatus
         targetRow.currentStatus = data.jobStatus
         // cron interval to fresh status
         if (targetRow.currentStatus === JobStatus.SUBMITTING
           || targetRow.currentStatus === JobStatus.CANCELLING) {
-          watchStatus(id, logId)
+          watchStatus(id, logId, lastStatus)
         }
         else {
           // remove the target row in actionJobMap
diff --git a/scripts/sql/paimon-mysql.sql b/scripts/sql/paimon-mysql.sql
index 141450cf5..b4b993a7f 100644
--- a/scripts/sql/paimon-mysql.sql
+++ b/scripts/sql/paimon-mysql.sql
@@ -152,6 +152,7 @@ CREATE TABLE if not exists `cdc_job_definition`
     create_user varchar(20)                        null comment 'create user',
     create_time datetime default CURRENT_TIMESTAMP null comment 'create time',
     update_time datetime default CURRENT_TIMESTAMP null comment 'update time',
+    data_delay  int      default                   null COMMENT 'data delay',
     is_delete   tinyint(1) default 0               not null comment 'is delete',
     constraint cdc_job_definition_pk
     unique (`name`)
@@ -167,9 +168,8 @@ CREATE TABLE if not exists `cdc_job_log`
     create_time datetime default CURRENT_TIMESTAMP null comment 'create time',
     update_time datetime default CURRENT_TIMESTAMP null comment 'update time',
     terminate_time datetime default null comment 'terminate time',
-    current_status  varchar(16)  not null comment 'cdc job current SUBMITTING, CREATED, RUNNING, FAILED, FINISHED, CANCELED',
-    flink_job_id varchar(32)                    default null comment 'flink job id',
-    extra text default null comment 'extra json'
+    current_status  varchar(16)  not null comment 'cdc job current FRESHED, RESTARTING, SUBMITTING, CREATED, RUNNING, FAILED, FINISHED, CANCELED',
+    flink_job_id varchar(32)                    default null comment 'flink job id'
     ) engine = innodb;
 
 CREATE TABLE if not exists `job`

From 19740e98ff0d5bb2274f2c164a526190cada8f8b Mon Sep 17 00:00:00 2001
From: hiliuxg <helloliuxg@gmail.com>
Date: Tue, 24 Sep 2024 15:59:52 +0800
Subject: [PATCH 14/17] 1. cdc job not delete when running 2. add crontab to
 check all cdc job status

---
 .../CdcJobDefinitionController.java           |  3 +-
 .../web/server/data/result/enums/Status.java  |  1 +
 .../service/CdcJobDefinitionService.java      |  2 +
 .../impl/CdcJobDefinitionServiceImpl.java     | 46 +++++++++++++++++++
 .../server/service/impl/CdcJobLogImpl.java    |  6 +++
 .../resources/i18n/messages_zh_CN.properties  |  1 +
 .../CdcJobDefinitionControllerTest.java       |  2 +-
 .../src/components/table-action/index.tsx     |  7 +++
 paimon-web-ui/src/form-lib/cdc/use-mysql.ts   |  1 +
 paimon-web-ui/src/locales/zh/modules/cdc.ts   |  1 +
 10 files changed, 67 insertions(+), 3 deletions(-)

diff --git a/paimon-web-server/src/main/java/org/apache/paimon/web/server/controller/CdcJobDefinitionController.java b/paimon-web-server/src/main/java/org/apache/paimon/web/server/controller/CdcJobDefinitionController.java
index 7be406498..e78dad7d1 100644
--- a/paimon-web-server/src/main/java/org/apache/paimon/web/server/controller/CdcJobDefinitionController.java
+++ b/paimon-web-server/src/main/java/org/apache/paimon/web/server/controller/CdcJobDefinitionController.java
@@ -91,8 +91,7 @@ public R<CdcJobDefinition> getById(@PathVariable Integer id) {
     @SaCheckPermission("cdc:job:delete")
     @DeleteMapping("{id}")
     public R<Void> deleteById(@PathVariable Integer id) {
-        cdcJobDefinitionService.removeById(id);
-        return R.succeed();
+        return cdcJobDefinitionService.deleteById(id);
     }
 
     @SaCheckPermission("cdc:job:copy")
diff --git a/paimon-web-server/src/main/java/org/apache/paimon/web/server/data/result/enums/Status.java b/paimon-web-server/src/main/java/org/apache/paimon/web/server/data/result/enums/Status.java
index 48448cca5..863368664 100644
--- a/paimon-web-server/src/main/java/org/apache/paimon/web/server/data/result/enums/Status.java
+++ b/paimon-web-server/src/main/java/org/apache/paimon/web/server/data/result/enums/Status.java
@@ -82,6 +82,7 @@ public enum Status {
     CDC_JOB_NO_EXIST_ERROR(10602, "cdc.job.not.exist.error"),
     CDC_JOB_FLINK_JOB_ID_NOT_EXISTS(10603, "cdc.job.flink.job.id.not.exists"),
     CDC_JOB_FLINK_JOB_LOCKED(10604, "cdc.job.flink.job.locked"),
+    CDC_JOB_CAN_NOT_DELETE(10605, "cdc.job.can.not.deleted"),
 
     /** ------------cluster-----------------. */
     CLUSTER_NOT_EXIST(10701, "cluster.not.exist"),
diff --git a/paimon-web-server/src/main/java/org/apache/paimon/web/server/service/CdcJobDefinitionService.java b/paimon-web-server/src/main/java/org/apache/paimon/web/server/service/CdcJobDefinitionService.java
index d4d4b1c8a..b2c90196f 100644
--- a/paimon-web-server/src/main/java/org/apache/paimon/web/server/service/CdcJobDefinitionService.java
+++ b/paimon-web-server/src/main/java/org/apache/paimon/web/server/service/CdcJobDefinitionService.java
@@ -46,4 +46,6 @@ PageR<CdcJobDefinitionVO> listAll(
     R<JobStatus> status(Integer id, Integer logId);
 
     R<Integer> copy(Integer id);
+
+    R<Void> deleteById(Integer id);
 }
diff --git a/paimon-web-server/src/main/java/org/apache/paimon/web/server/service/impl/CdcJobDefinitionServiceImpl.java b/paimon-web-server/src/main/java/org/apache/paimon/web/server/service/impl/CdcJobDefinitionServiceImpl.java
index e352a227b..b8e00a14c 100644
--- a/paimon-web-server/src/main/java/org/apache/paimon/web/server/service/impl/CdcJobDefinitionServiceImpl.java
+++ b/paimon-web-server/src/main/java/org/apache/paimon/web/server/service/impl/CdcJobDefinitionServiceImpl.java
@@ -66,6 +66,7 @@
 import org.apache.flink.shaded.guava31.com.google.common.cache.CacheLoader;
 import org.apache.flink.shaded.guava31.com.google.common.cache.LoadingCache;
 import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.scheduling.annotation.Scheduled;
 import org.springframework.stereotype.Service;
 
 import java.time.Instant;
@@ -135,6 +136,22 @@ public R<Void> create(CdcJobDefinitionDTO cdcJobDefinitionDTO) {
         return R.succeed();
     }
 
+    @Override
+    public R<Void> deleteById(Integer id) {
+        CdcJobLog cdcJobLog = cdcJobLogService.findLast(id);
+        if (cdcJobLog == null) {
+            removeById(id);
+            return R.succeed();
+        }
+        R<JobStatus> jobStatusR = status(id, cdcJobLog.getId());
+        if (isStatusOnIng(jobStatusR.getData())) {
+            return R.failed(Status.CDC_JOB_CAN_NOT_DELETE);
+        } else {
+            removeById(id);
+            return R.succeed();
+        }
+    }
+
     @Override
     public PageR<CdcJobDefinitionVO> listAll(
             String name, boolean withConfig, long currentPage, long pageSize) {
@@ -575,4 +592,33 @@ private void handlePaimonNodeData(
     private String buildKeyValueString(String key, String value) {
         return key + "=" + value;
     }
+
+    /** Crontab to check cdc job status. */
+    @Scheduled(cron = "0 * * * * ?")
+    public R<Void> checkAllStatus() {
+        QueryWrapper<CdcJobDefinition> queryWrapper = new QueryWrapper<>();
+        queryWrapper.select("id");
+        List<Integer> cdcJobDefinitionIdList = listObjs(queryWrapper, item -> (Integer) item);
+        cdcJobDefinitionIdList.forEach(
+                id -> {
+                    CdcJobLog cdcJobLog = cdcJobLogService.findLast(id);
+                    Optional.of(cdcJobLog)
+                            .ifPresent(
+                                    item -> {
+                                        if (isStatusOnIng(
+                                                JobStatus.fromValue(
+                                                        cdcJobLog.getCurrentStatus()))) {
+                                            status(id, cdcJobLog.getId());
+                                        }
+                                    });
+                });
+        return R.succeed();
+    }
+
+    private boolean isStatusOnIng(JobStatus jobStatus) {
+        return (JobStatus.CANCELLING == jobStatus
+                || JobStatus.SUBMITTING == jobStatus
+                || JobStatus.RESTARTING == jobStatus
+                || JobStatus.RUNNING == jobStatus);
+    }
 }
diff --git a/paimon-web-server/src/main/java/org/apache/paimon/web/server/service/impl/CdcJobLogImpl.java b/paimon-web-server/src/main/java/org/apache/paimon/web/server/service/impl/CdcJobLogImpl.java
index ab87fa363..1d239dd8d 100644
--- a/paimon-web-server/src/main/java/org/apache/paimon/web/server/service/impl/CdcJobLogImpl.java
+++ b/paimon-web-server/src/main/java/org/apache/paimon/web/server/service/impl/CdcJobLogImpl.java
@@ -33,6 +33,12 @@
 public class CdcJobLogImpl extends ServiceImpl<CdcJobLogMapper, CdcJobLog>
         implements CdcJobLogService {
 
+    /**
+     * Find last status log of cdc job.
+     *
+     * @param cdcJobDefinitionId The cdc job primary key id.
+     * @return The last status log of cdc job.
+     */
     @Override
     public CdcJobLog findLast(Integer cdcJobDefinitionId) {
         QueryWrapper<CdcJobLog> queryWrapper = new QueryWrapper<>();
diff --git a/paimon-web-server/src/main/resources/i18n/messages_zh_CN.properties b/paimon-web-server/src/main/resources/i18n/messages_zh_CN.properties
index 4802744e5..c1d03a024 100644
--- a/paimon-web-server/src/main/resources/i18n/messages_zh_CN.properties
+++ b/paimon-web-server/src/main/resources/i18n/messages_zh_CN.properties
@@ -53,6 +53,7 @@ cdc.job.exist.error=\u4F5C\u4E1A\u5DF2\u5B58\u5728
 cdc.job.not.exist.error=\u4F5C\u4E1A\u4E0D\u5B58\u5728
 cdc.job.flink.job.id.not.exists=FlinkJobID\u4E0D\u5B58\u5728
 cdc.job.flink.job.locked=\u4F5C\u4E1A\u88AB\u9501\u4F4F\uFF0C\u7A0D\u7B49\u518D\u8BD5
+cdc.job.can.not.deleted=\u8BE5\u72B6\u6001\u4E0B\u7684\u4F5C\u4E1A\u4E0D\u80FD\u5220\u9664
 cluster.not.exist=\u6B64\u96C6\u7FA4\u4E0D\u5B58\u5728
 cluster.name.exist=\u6B64\u96C6\u7FA4\u540D{0}\u5DF2\u7ECF\u5B58\u5728
 job.submit.error=\u63D0\u4EA4\u4F5C\u4E1A\u65F6\u53D1\u751F\u5F02\u5E38
diff --git a/paimon-web-server/src/test/java/org/apache/paimon/web/server/controller/CdcJobDefinitionControllerTest.java b/paimon-web-server/src/test/java/org/apache/paimon/web/server/controller/CdcJobDefinitionControllerTest.java
index 42848197e..4c4cf00c9 100644
--- a/paimon-web-server/src/test/java/org/apache/paimon/web/server/controller/CdcJobDefinitionControllerTest.java
+++ b/paimon-web-server/src/test/java/org/apache/paimon/web/server/controller/CdcJobDefinitionControllerTest.java
@@ -233,7 +233,7 @@ public void submitCdcJob() throws Exception {
                 .getResponse();
     }
 
-    @Order(4)
+    @Order(5)
     @Test
     public void submitDatabaseSyncCdcJob() throws Exception {
         System.setProperty("FLINK_HOME", "/opt/flink");
diff --git a/paimon-web-ui/src/components/table-action/index.tsx b/paimon-web-ui/src/components/table-action/index.tsx
index dd1265afc..5e9954bf4 100644
--- a/paimon-web-ui/src/components/table-action/index.tsx
+++ b/paimon-web-ui/src/components/table-action/index.tsx
@@ -60,6 +60,13 @@ export default defineComponent({
     }
 
     const handleDelete = (row: CdcJobDefinition) => {
+      if (row.currentStatus === JobStatus.CANCELLING
+        || row.currentStatus === JobStatus.RUNNING
+        || row.currentStatus === JobStatus.RESTARTING
+        || row.currentStatus === JobStatus.SUBMITTING) {
+        message.warning(t('cdc.cdc_job_can_not_delete'))
+        return
+      }
       dialog.warning({
         title: t('cdc.confirm_title'),
         content: t('cdc.confirm_delete_content'),
diff --git a/paimon-web-ui/src/form-lib/cdc/use-mysql.ts b/paimon-web-ui/src/form-lib/cdc/use-mysql.ts
index cf44e4b23..3b65bc3f1 100644
--- a/paimon-web-ui/src/form-lib/cdc/use-mysql.ts
+++ b/paimon-web-ui/src/form-lib/cdc/use-mysql.ts
@@ -91,6 +91,7 @@ export function useMYSQL(item: any) {
         name: t('cdc.password'),
         props: {
           placeholder: '',
+          type: 'password',
         },
         span: computed(() => tabType.value === 'connection_information' ? 24 : 0),
         validate: {
diff --git a/paimon-web-ui/src/locales/zh/modules/cdc.ts b/paimon-web-ui/src/locales/zh/modules/cdc.ts
index e482170cf..6481a878e 100644
--- a/paimon-web-ui/src/locales/zh/modules/cdc.ts
+++ b/paimon-web-ui/src/locales/zh/modules/cdc.ts
@@ -29,6 +29,7 @@ export default {
   confirm_cancel_content: '您确定要取消吗？',
   confirm_sure: '确定',
   confirm_cancel: '取消',
+  cdc_job_can_not_delete: '该状态下的作业不能删除',
   job_name: '作业名称',
   cdc_job_exe_error: '作业执行失败',
   cdc_job_exe_success: '作业执行成功',

From dc250c4818c5c3e8434b6b184d6dfe7bea9acf4c Mon Sep 17 00:00:00 2001
From: hiliuxg <helloliuxg@163.com>
Date: Thu, 17 Oct 2024 11:43:56 +0800
Subject: [PATCH 15/17] add typemapping

---
 .../FlinkCdcTableSyncActionContext.java       |  4 +++
 .../MysqlSyncTableActionContextFactory.java   |  1 +
 ...PostgresSyncTableActionContextFactory.java |  1 +
 .../context/options/FlinkCdcOptions.java      |  2 ++
 .../paimon/web/common/util/JSONUtils.java     | 14 ++++-----
 .../impl/CdcJobDefinitionServiceImpl.java     |  7 +++--
 paimon-web-ui/src/form-lib/cdc/use-mysql.ts   | 30 ++++++++++++++++++-
 7 files changed, 46 insertions(+), 13 deletions(-)

diff --git a/paimon-web-api/src/main/java/org/apache/paimon/web/api/action/context/FlinkCdcTableSyncActionContext.java b/paimon-web-api/src/main/java/org/apache/paimon/web/api/action/context/FlinkCdcTableSyncActionContext.java
index 8d54c3f9b..02bd41d33 100644
--- a/paimon-web-api/src/main/java/org/apache/paimon/web/api/action/context/FlinkCdcTableSyncActionContext.java
+++ b/paimon-web-api/src/main/java/org/apache/paimon/web/api/action/context/FlinkCdcTableSyncActionContext.java
@@ -46,6 +46,10 @@ public abstract class FlinkCdcTableSyncActionContext extends FlinkActionContext
     @Nullable
     protected String primaryKeys;
 
+    @ActionConf("type_mapping")
+    @Nullable
+    protected String typeMapping;
+
     @ActionConf("computed_column")
     @Nullable
     protected List<String> computedColumnList;
diff --git a/paimon-web-api/src/main/java/org/apache/paimon/web/api/action/context/factory/MysqlSyncTableActionContextFactory.java b/paimon-web-api/src/main/java/org/apache/paimon/web/api/action/context/factory/MysqlSyncTableActionContextFactory.java
index 52aede66b..60fbadc96 100644
--- a/paimon-web-api/src/main/java/org/apache/paimon/web/api/action/context/factory/MysqlSyncTableActionContextFactory.java
+++ b/paimon-web-api/src/main/java/org/apache/paimon/web/api/action/context/factory/MysqlSyncTableActionContextFactory.java
@@ -59,6 +59,7 @@ public ActionContext getActionContext(ObjectNode actionConfigs) {
                 .database(JSONUtils.getString(actionConfigs, FlinkCdcOptions.DATABASE))
                 .table(JSONUtils.getString(actionConfigs, FlinkCdcOptions.TABLE))
                 .primaryKeys(JSONUtils.getString(actionConfigs, FlinkCdcOptions.PRIMARY_KEYS))
+                .typeMapping(JSONUtils.getString(actionConfigs, FlinkCdcOptions.TYPE_MAPPING))
                 .actionPath(ActionContextUtil.getActionJarPath())
                 .catalogConfList(JSONUtils.getList(actionConfigs, FlinkCdcOptions.CATALOG_CONF))
                 .mysqlConfList(JSONUtils.getList(actionConfigs, FlinkCdcOptions.MYSQL_CONF))
diff --git a/paimon-web-api/src/main/java/org/apache/paimon/web/api/action/context/factory/PostgresSyncTableActionContextFactory.java b/paimon-web-api/src/main/java/org/apache/paimon/web/api/action/context/factory/PostgresSyncTableActionContextFactory.java
index 7a02b3bc9..0273b56c2 100644
--- a/paimon-web-api/src/main/java/org/apache/paimon/web/api/action/context/factory/PostgresSyncTableActionContextFactory.java
+++ b/paimon-web-api/src/main/java/org/apache/paimon/web/api/action/context/factory/PostgresSyncTableActionContextFactory.java
@@ -59,6 +59,7 @@ public ActionContext getActionContext(ObjectNode actionConfigs) {
                 .table(JSONUtils.getString(actionConfigs, FlinkCdcOptions.TABLE))
                 .partitionKeys(JSONUtils.getString(actionConfigs, FlinkCdcOptions.PARTITION_KEYS))
                 .primaryKeys(JSONUtils.getString(actionConfigs, FlinkCdcOptions.PRIMARY_KEYS))
+                .typeMapping(JSONUtils.getString(actionConfigs, FlinkCdcOptions.TYPE_MAPPING))
                 .computedColumnList(
                         JSONUtils.getList(actionConfigs, FlinkCdcOptions.COMPUTED_COLUMN))
                 .metaDataColumn(JSONUtils.getString(actionConfigs, FlinkCdcOptions.METADATA_COLUMN))
diff --git a/paimon-web-api/src/main/java/org/apache/paimon/web/api/action/context/options/FlinkCdcOptions.java b/paimon-web-api/src/main/java/org/apache/paimon/web/api/action/context/options/FlinkCdcOptions.java
index f2c7dde44..a441e075c 100644
--- a/paimon-web-api/src/main/java/org/apache/paimon/web/api/action/context/options/FlinkCdcOptions.java
+++ b/paimon-web-api/src/main/java/org/apache/paimon/web/api/action/context/options/FlinkCdcOptions.java
@@ -39,6 +39,8 @@ private FlinkCdcOptions() {}
 
     public static final String PRIMARY_KEYS = "primary_keys";
 
+    public static final String TYPE_MAPPING = "type_mapping";
+
     public static final String COMPUTED_COLUMN = "computed_column";
 
     public static final String METADATA_COLUMN = "metadata_column";
diff --git a/paimon-web-common/src/main/java/org/apache/paimon/web/common/util/JSONUtils.java b/paimon-web-common/src/main/java/org/apache/paimon/web/common/util/JSONUtils.java
index cb3240d04..32e496805 100644
--- a/paimon-web-common/src/main/java/org/apache/paimon/web/common/util/JSONUtils.java
+++ b/paimon-web-common/src/main/java/org/apache/paimon/web/common/util/JSONUtils.java
@@ -131,19 +131,15 @@ public static <E> List<E> getList(JsonNode jsonNode, String fieldName, Class<E>
         if (!(child instanceof ArrayNode) && !(child instanceof POJONode)) {
             return new ArrayList<>();
         }
-        List<?> childArray;
+        List<E> result = new ArrayList<>();
         if (child instanceof POJONode) {
             Object pojo = ((POJONode) child).getPojo();
-            childArray = (List<?>) pojo;
+            List<?> childArray = (List<?>) pojo;
+            childArray.forEach(e -> result.add(JSONUtils.parseObject(JSONUtils.toJsonString(e), clazz)));
         } else {
-            childArray = (List<?>) child;
+            ArrayNode arrayNode = (ArrayNode) jsonNode.get(fieldName);
+            arrayNode.forEach(e -> result.add(JSONUtils.parseObject(JSONUtils.toJsonString(e), clazz)));
         }
-
-        List<E> result = new ArrayList<>();
-        childArray.forEach(
-                e -> {
-                    result.add(JSONUtils.parseObject(JSONUtils.toJsonString(e), clazz));
-                });
         return result;
     }
 
diff --git a/paimon-web-server/src/main/java/org/apache/paimon/web/server/service/impl/CdcJobDefinitionServiceImpl.java b/paimon-web-server/src/main/java/org/apache/paimon/web/server/service/impl/CdcJobDefinitionServiceImpl.java
index b8e00a14c..e2452a98a 100644
--- a/paimon-web-server/src/main/java/org/apache/paimon/web/server/service/impl/CdcJobDefinitionServiceImpl.java
+++ b/paimon-web-server/src/main/java/org/apache/paimon/web/server/service/impl/CdcJobDefinitionServiceImpl.java
@@ -491,6 +491,8 @@ private void handlePostgresNodeData(ObjectNode actionConfigs, ObjectNode postgre
         actionConfigs.put(
                 FlinkCdcOptions.METADATA_COLUMN,
                 JSONUtils.getString(postgresData, FlinkCdcOptions.METADATA_COLUMN));
+        actionConfigs.put(
+                FlinkCdcOptions.TYPE_MAPPING, JSONUtils.getString(postgresData, "type_mapping"));
 
         List<String> postgresConfList = getByKeyToList(postgresData, "other_configs");
         postgresConfList.add(
@@ -525,6 +527,8 @@ private void handleMysqlNodeData(
         actionConfigs.put(
                 FlinkCdcOptions.METADATA_COLUMN,
                 JSONUtils.getString(mysqlData, FlinkCdcOptions.METADATA_COLUMN));
+        String typeMapping = String.join(",", JSONUtils.getList(mysqlData, "type_mapping"));
+        actionConfigs.put(FlinkCdcOptions.TYPE_MAPPING, typeMapping);
 
         List<String> mysqlConfList = getByKeyToList(mysqlData, "other_configs");
         mysqlConfList.add(buildKeyValueString("hostname", JSONUtils.getString(mysqlData, "host")));
@@ -574,9 +578,6 @@ private void handlePaimonNodeData(
             actionConfigs.put(FlinkCdcOptions.TABLE, JSONUtils.getString(paimonData, "table_name"));
         }
         actionConfigs.put(FlinkCdcOptions.DATABASE, JSONUtils.getString(paimonData, "database"));
-        actionConfigs.put(
-                FlinkCdcOptions.PRIMARY_KEYS, JSONUtils.getString(paimonData, "primary_key"));
-
         List<String> configList = getByKeyToList(paimonData, "other_configs2");
         actionConfigs.putPOJO(FlinkCdcOptions.TABLE_CONF, configList);
 
diff --git a/paimon-web-ui/src/form-lib/cdc/use-mysql.ts b/paimon-web-ui/src/form-lib/cdc/use-mysql.ts
index 3b65bc3f1..2b94b9d07 100644
--- a/paimon-web-ui/src/form-lib/cdc/use-mysql.ts
+++ b/paimon-web-ui/src/form-lib/cdc/use-mysql.ts
@@ -36,7 +36,32 @@ export function useMYSQL(item: any) {
     computed_column: data.computed_column || '',
   })
 
-  const TypeMappingOptions = [] as any
+  const TypeMappingOptions = [
+    {
+      label: 'tinyint1-not-bool',
+      value: 'tinyint1-not-bool',
+    },
+    {
+      label: 'to-nullable',
+      value: 'to-nullable',
+    },
+    {
+      label: 'to-string',
+      value: 'to-string',
+    },
+    {
+      label: 'char-to-string',
+      value: 'char-to-string',
+    },
+    {
+      label: 'longtext-to-bytes',
+      value: 'longtext-to-bytes',
+    },
+    {
+      label: 'bigint-unsigned-to-bigint',
+      value: 'bigint-unsigned-to-bigint',
+    }
+  ]
 
   return {
     json: [
@@ -156,6 +181,9 @@ export function useMYSQL(item: any) {
         name: t('cdc.type_mapping'),
         options: TypeMappingOptions,
         span: computed(() => tabType.value === 'synchronization_configuration' ? 24 : 0),
+        props: {
+          'multiple': true
+        }
       },
       {
         type: 'input',

From 6acf5c72ea4492278e086f49bd6bf6c0042457c9 Mon Sep 17 00:00:00 2001
From: hiliuxg <helloliuxg@163.com>
Date: Thu, 17 Oct 2024 11:48:35 +0800
Subject: [PATCH 16/17] format code

---
 .../java/org/apache/paimon/web/common/util/JSONUtils.java   | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/paimon-web-common/src/main/java/org/apache/paimon/web/common/util/JSONUtils.java b/paimon-web-common/src/main/java/org/apache/paimon/web/common/util/JSONUtils.java
index 32e496805..203981534 100644
--- a/paimon-web-common/src/main/java/org/apache/paimon/web/common/util/JSONUtils.java
+++ b/paimon-web-common/src/main/java/org/apache/paimon/web/common/util/JSONUtils.java
@@ -135,10 +135,12 @@ public static <E> List<E> getList(JsonNode jsonNode, String fieldName, Class<E>
         if (child instanceof POJONode) {
             Object pojo = ((POJONode) child).getPojo();
             List<?> childArray = (List<?>) pojo;
-            childArray.forEach(e -> result.add(JSONUtils.parseObject(JSONUtils.toJsonString(e), clazz)));
+            childArray.forEach(
+                    e -> result.add(JSONUtils.parseObject(JSONUtils.toJsonString(e), clazz)));
         } else {
             ArrayNode arrayNode = (ArrayNode) jsonNode.get(fieldName);
-            arrayNode.forEach(e -> result.add(JSONUtils.parseObject(JSONUtils.toJsonString(e), clazz)));
+            arrayNode.forEach(
+                    e -> result.add(JSONUtils.parseObject(JSONUtils.toJsonString(e), clazz)));
         }
         return result;
     }

From f814d920a7d7fa93e3aad8c21b9b35a24ba6d9a3 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=88=98=E6=99=93=E6=A0=B9?= <xiaogenliu@kugou.net>
Date: Fri, 29 Nov 2024 14:15:53 +0800
Subject: [PATCH 17/17] web server add stop shell to stop web server

---
 paimon-web-server/src/main/bin/stop.sh | 34 ++++++++++++++++++++++++++
 1 file changed, 34 insertions(+)
 create mode 100644 paimon-web-server/src/main/bin/stop.sh

diff --git a/paimon-web-server/src/main/bin/stop.sh b/paimon-web-server/src/main/bin/stop.sh
new file mode 100644
index 000000000..a955a02af
--- /dev/null
+++ b/paimon-web-server/src/main/bin/stop.sh
@@ -0,0 +1,34 @@
+#!/bin/bash
+#
+# Licensed to the Apache Software Foundation (ASF) under one or more
+# contributor license agreements.  See the NOTICE file distributed with
+# this work for additional information regarding copyright ownership.
+# The ASF licenses this file to You under the Apache License, Version 2.0
+# (the "License"); you may not use this file except in compliance with
+# the License.  You may obtain a copy of the License at
+#
+#     http://www.apache.org/licenses/LICENSE-2.0
+#
+# Unless required by applicable law or agreed to in writing, software
+# distributed under the License is distributed on an "AS IS" BASIS,
+# WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+# See the License for the specific language governing permissions and
+# limitations under the License.
+#
+
+pid=$(ps ax | grep -i 'org.apache.paimon.web.server.PaimonWebServerApplication' | grep java | awk '{print $1}')
+
+if [ -z "$pid" ]; then
+  echo "No PaimonWebServerApplication to stop."
+  exit 1
+else
+  kill -s TERM $pid
+  sleep 3
+
+  if ps -p $pid > /dev/null; then
+    echo "Failed to stop PaimonWebServerApplication with PID $pid."
+    exit 1
+  fi
+
+  echo "PaimonWebServerApplication Stopped."
+fi
\ No newline at end of file