diff --git a/packages/assets/styles/utilities.scss b/packages/assets/styles/utilities.scss
index 63b76acd8..d287835c2 100644
--- a/packages/assets/styles/utilities.scss
+++ b/packages/assets/styles/utilities.scss
@@ -1318,6 +1318,10 @@
   margin-top: 0.25rem !important;
 }
 
+.mt-1\.5 {
+  margin-top: 0.375rem !important;
+}
+
 .mt-2 {
   margin-top: 0.5rem !important;
 }
diff --git a/packages/business/src/components/SyncStatus.vue b/packages/business/src/components/SyncStatus.vue
index d03186907..4b2760f7b 100644
--- a/packages/business/src/components/SyncStatus.vue
+++ b/packages/business/src/components/SyncStatus.vue
@@ -1,27 +1,19 @@
-<script>
+<script setup lang="ts">
+import { computed } from 'vue'
 import { MILESTONE_TYPE as STATUS_MAP } from '../shared'
 
-export default {
-  name: 'SyncStatus',
-  props: {
-    status: String,
-  },
-  data() {
-    return {
-      typeIconMap: {
-        info: 'exclamation-circle-filled',
-        success: 'success-filled',
-        primary: 'more-circle-filled',
-      },
-      STATUS_MAP,
-    }
-  },
-  computed: {
-    item() {
-      return this.STATUS_MAP[this.status]
-    },
-  },
-}
+defineOptions({ name: 'SyncStatus' })
+
+const props = defineProps<{
+  status?: string
+  delayTime?: number
+}>()
+
+const item = computed(() =>
+  props.status
+    ? STATUS_MAP[props.status as keyof typeof STATUS_MAP]
+    : undefined,
+)
 </script>
 
 <template>
diff --git a/packages/business/src/components/TaskStatus.vue b/packages/business/src/components/TaskStatus.vue
index b0aeef68e..6ca0289d9 100644
--- a/packages/business/src/components/TaskStatus.vue
+++ b/packages/business/src/components/TaskStatus.vue
@@ -1,111 +1,193 @@
-<script>
+<script setup lang="ts">
+import { useI18n } from '@tap/i18n'
+import { calcTimeUnit } from '@tap/shared'
 import Time from '@tap/shared/src/time'
-
 import cronParse from 'cron-parser'
+import { ElLink } from 'element-plus'
+import { computed, defineComponent, h, ref, type VNode } from 'vue'
+import { useRouter } from 'vue-router'
 import { dayjs, STATUS_MAP } from '../shared'
 
-export default {
-  name: 'TaskStatus',
-  props: {
-    task: Object,
-    agentMap: Object,
-    errorCause: String,
-    reverse: Boolean,
-  },
-  data() {
-    return {
-      isDaas: import.meta.env.VUE_APP_PLATFORM === 'DAAS',
-      STATUS_MAP,
-      showErrorCause: false,
+defineOptions({ name: 'TaskStatus' })
+
+const props = defineProps<{
+  task: Record<string, any>
+  agentMap?: Record<string, any>
+  errorCause?: string
+  reverse?: boolean
+}>()
+
+const { t } = useI18n()
+const router = useRouter()
+
+const isDaas = import.meta.env.VUE_APP_PLATFORM === 'DAAS'
+const showErrorCause = ref(false)
+
+const show = computed(() => props.task.status in STATUS_MAP)
+
+const pingTime = computed(() => {
+  const pt = props.task.pingTime
+  if (
+    props.task.status === 'running' &&
+    pt &&
+    Time.now() - pt > 5 * 60 * 1000
+  ) {
+    return dayjs(pt).from(Time.now(), true)
+  }
+  return undefined
+})
+
+const agentInfo = computed(() => props.agentMap?.[props.task.agentId])
+
+const agentStatus = computed(() => {
+  const info = agentInfo.value
+  return info ? `${info.name}（${info.status}）` : null
+})
+
+const showCronTip = computed(() => {
+  const task = props.task
+  const ifShow =
+    task.status !== 'edit' &&
+    task.type === 'initial_sync' &&
+    task.crontabExpressionFlag &&
+    task.crontabExpression
+  if (!ifShow) return ifShow
+  try {
+    if (cronParse.parseExpression(task.crontabExpression).hasNext()) {
+      return true
     }
-  },
-  computed: {
-    show() {
-      return this.task.status in this.STATUS_MAP
-    },
-
-    pingTime() {
-      const pingTime = this.task.pingTime
-      if (
-        this.task.status === 'running' &&
-        pingTime &&
-        Time.now() - this.task.pingTime > 5 * 60 * 1000
-      ) {
-        return dayjs(pingTime).from(Time.now(), true)
-      }
-      return undefined
-    },
-
-    agentInfo() {
-      return this.agentMap?.[this.task.agentId]
-    },
-
-    agentStatus() {
-      const info = this.agentInfo
-      return info ? `${info.name}（${info.status}）` : null
-    },
-
-    showCronTip() {
-      const task = this.task
-      const ifShow =
-        task.status !== 'edit' &&
-        task.type === 'initial_sync' &&
-        task.crontabExpressionFlag &&
-        task.crontabExpression
-      if (!ifShow) return ifShow
-      try {
-        if (cronParse.parseExpression(this.task.crontabExpression).hasNext()) {
-          return true
-        }
-      } catch (error) {
-        // eslint-disable-next-line no-console
-        console.log(`Error: ${error.message}`)
-      }
-      return false
-    },
-
-    showRetrying() {
-      const { functionRetryStatus, status } = this.task
-      return status === 'running' && functionRetryStatus === 'Retrying'
-    },
-
-    taskRetryStartTimeTip() {
-      return this.$t('packages_business_task_status_retrying_tooltip', {
-        val: dayjs(this.task.taskRetryStartTime).format('YYYY-MM-DD HH:mm:ss'),
-      })
-    },
-  },
+  } catch (error: any) {
+    console.error(`Error: ${error.message}`)
+  }
+  return false
+})
 
-  methods: {
-    onClickStatus() {
-      let route
-      if (this.isDaas) {
-        route = {
-          name: 'clusterManagement',
-        }
-      } else {
-        route = {
-          name: 'Instance',
-          query: {
-            keyword: this.agentInfo?.itemId,
-          },
-        }
-      }
-      this.$router.push(route)
-    },
-
-    getNextStartTime() {
-      try {
-        if (!this.task.crontabExpression) return
-        const interval = cronParse.parseExpression(this.task.crontabExpression)
-        return this.$t('packages_business_task_status_next_run_time', {
-          val: dayjs(interval.next()).format('YYYY-MM-DD HH:mm:ss'),
-        })
-      } catch (error) {
-        console.log(`Error: ${error.message}`)
-      }
-    },
+const showRetrying = computed(() => {
+  const { functionRetryStatus, status } = props.task
+  return status === 'running' && functionRetryStatus === 'Retrying'
+})
+
+const taskRetryStartTimeTip = computed(() =>
+  t('packages_business_task_status_retrying_tooltip', {
+    val: dayjs(props.task.taskRetryStartTime).format('YYYY-MM-DD HH:mm:ss'),
+  }),
+)
+
+interface Warning {
+  key: string
+  text: string | VNode
+  type: 'warning' | 'danger'
+  clickable?: boolean
+}
+
+const RenderContent = defineComponent({
+  props: { content: { type: [String, Object], required: true } },
+  render() {
+    return this.content
   },
+})
+
+function navigateToAgent() {
+  const route = isDaas
+    ? { name: 'clusterManagement' }
+    : { name: 'Instance', query: { keyword: agentInfo.value?.itemId } }
+  router.push(route)
+}
+
+const warnings = computed<Warning[]>(() => {
+  const list: Warning[] = []
+
+  // 心跳超时
+  if (props.agentMap && pingTime.value) {
+    const timeText = t('packages_business_task_status_agent_tooltip_time', {
+      time: pingTime.value,
+    })
+    const text = agentStatus.value
+      ? h('span', [
+          timeText,
+          '，',
+          t('packages_business_task_status_agent_tooltip_agent'),
+          '：',
+          h(
+            ElLink,
+            {
+              type: 'primary',
+              class: 'align-top',
+              onClick: (e: MouseEvent) => {
+                e.preventDefault()
+                e.stopPropagation()
+                navigateToAgent()
+              },
+            },
+            () => agentStatus.value,
+          ),
+        ])
+      : timeText
+    list.push({ key: 'pingTime', text, type: 'warning' })
+  }
+
+  // 共享 CDC 停止
+  if (props.task.shareCdcStop && !props.task.restartFlag) {
+    list.push({
+      key: 'shareCdc',
+      text: props.task.shareCdcStopMessage,
+      type: 'warning',
+    })
+  }
+
+  // 错误解读
+  if (props.errorCause && props.task.status === 'error') {
+    list.push({
+      key: 'errorCause',
+      text: props.errorCause,
+      type: 'danger',
+      clickable: true,
+    })
+  }
+
+  // 增量延迟告警
+  if (
+    props.task.taskIncrementDelay != null &&
+    props.task.taskIncrementDelayThreshold != null
+  ) {
+    list.push({
+      key: 'incrementDelay',
+      text: t('packages_business_task_status_increment_delay_warning', {
+        delay: calcTimeUnit(props.task.taskIncrementDelay),
+        threshold: calcTimeUnit(props.task.taskIncrementDelayThreshold),
+      }),
+      type: 'warning',
+    })
+  }
+
+  // 重试状态
+  if (showRetrying.value) {
+    list.push({
+      key: 'retrying',
+      text: taskRetryStartTimeTip.value,
+      type: 'warning',
+    })
+  }
+
+  return list
+})
+
+function onWarningClick(w: Warning) {
+  if (w.key === 'errorCause') {
+    showErrorCause.value = true
+  }
+}
+
+function getNextStartTime() {
+  try {
+    if (!props.task.crontabExpression) return
+    const interval = cronParse.parseExpression(props.task.crontabExpression)
+    return t('packages_business_task_status_next_run_time', {
+      val: dayjs(interval.next().toDate()).format('YYYY-MM-DD HH:mm:ss'),
+    })
+  } catch (error: any) {
+    console.error(`Error: ${error.message}`)
+  }
 }
 </script>
 
@@ -116,10 +198,53 @@ export default {
   >
     <span
       v-if="show"
-      class="task-status-block"
+      class="task-status-block flex align-center justify-center gap-1"
       :class="[`task-status-${task.status}`]"
     >
-      {{ $t(STATUS_MAP[task.status].i18n) }}
+      {{ $t(STATUS_MAP[task.status as keyof typeof STATUS_MAP].i18n) }}
+
+      <!--告警合并图标-->
+      <ElPopover
+        v-if="warnings.length"
+        placement="top"
+        trigger="hover"
+        :width="340"
+        popper-class="task-warning-popover"
+      >
+        <template #reference>
+          <el-badge
+            :offset="[4, 0]"
+            :hidden="warnings.length < 2"
+            :value="warnings.length"
+            class="lh-1"
+            badge-class="zoom-xs"
+          >
+            <span
+              class="task-warning-trigger"
+              @click="warnings[0] && onWarningClick(warnings[0])"
+            >
+              <VIcon size="16" class="color-warning task-warning-icon"
+                >warning</VIcon
+              >
+            </span>
+          </el-badge>
+        </template>
+        <ul class="task-warning-list flex flex-column gap-2">
+          <li
+            v-for="w in warnings"
+            :key="w.key"
+            class="task-warning-item flex gap-2"
+            :class="{ 'is-clickable': w.clickable }"
+          >
+            <div
+              class="w-2 h-2 mt-1.5 bg-color-warning rounded-circle flex-shrink-0"
+            />
+            <div>
+              <RenderContent :content="w.text" />
+            </div>
+          </li>
+        </ul>
+      </ElPopover>
     </span>
     <ElTooltip v-if="showCronTip" placement="top">
       <VIcon size="16" :color="task.crontabScheduleMsg ? '#F3961A' : '#008b58'"
@@ -129,76 +254,18 @@ export default {
         {{ task.crontabScheduleMsg || getNextStartTime() }}
       </template>
     </ElTooltip>
-    <!--心跳超时-->
-    <template v-if="agentMap">
-      <ElTooltip
-        v-if="pingTime"
-        placement="top"
-        popper-class="agent-tooltip__popper"
-        :visible-arrow="false"
-        effect="light"
-      >
-        <VIcon size="16" class="color-warning ssss">warning</VIcon>
-        <template #content>
-          <span class="font-color-dark">
-            {{
-              $t('packages_business_task_status_agent_tooltip_time', {
-                time: pingTime,
-              })
-            }}<template v-if="agentStatus"
-              >，{{ $t('packages_business_task_status_agent_tooltip_agent') }}：
-              <ElLink class="align-top" type="primary" @click="onClickStatus">{{
-                agentStatus
-              }}</ElLink></template
-            >
-          </span>
-        </template>
-      </ElTooltip>
-    </template>
-    <template v-if="task.shareCdcStop && !task.restartFlag">
-      <ElTooltip
-        placement="top"
-        popper-class="agent-tooltip__popper"
-        :visible-arrow="false"
-        effect="light"
-      >
-        <VIcon size="16" class="color-warning">warning</VIcon>
-        <template #content>
-          <div class="font-color-dark">{{ task.shareCdcStopMessage }}</div>
-        </template>
-      </ElTooltip>
-    </template>
-    <!--错误解读-->
-    <template v-if="errorCause && task.status === 'error'">
-      <VIcon size="16" class="color-danger" @click="showErrorCause = true"
-        >question-circle</VIcon
-      >
-      <ElDialog
-        v-model="showErrorCause"
-        append-to-body
-        :title="$t('public_task_reasons_for_error')"
-      >
-        <div class="p-4 rounded-4 bg-subtle text-preline font-color-dark">
-          {{ errorCause }}
-        </div>
-      </ElDialog>
-    </template>
-    <!--重试状态-->
-    <template v-if="showRetrying">
-      <ElTooltip
-        key="retrying"
-        placement="top"
-        popper-class="agent-tooltip__popper"
-        effect="light"
-      >
-        <VIcon size="16" class="color-warning">warning</VIcon>
-        <template #content>
-          <span class="font-color-dark">
-            {{ taskRetryStartTimeTip }}
-          </span>
-        </template>
-      </ElTooltip>
-    </template>
+
+    <!--错误解读弹窗-->
+    <ElDialog
+      v-if="errorCause"
+      v-model="showErrorCause"
+      append-to-body
+      :title="$t('public_task_reasons_for_error')"
+    >
+      <div class="p-4 rounded-4 bg-subtle text-preline font-color-dark">
+        {{ errorCause }}
+      </div>
+    </ElDialog>
   </div>
 </template>
 
@@ -208,7 +275,7 @@ export default {
   min-width: 72px;
   padding: 2px 8px;
   text-align: center;
-  border-radius: 6px;
+  border-radius: 8px;
   box-sizing: border-box;
   word-break: keep-all;
   line-height: 22px;
@@ -249,11 +316,48 @@ export default {
 }
 </style>
 
-<style>
-.agent-tooltip__popper {
-  border: none !important;
-  box-shadow:
-    0px 4px 10px 0px rgba(0, 0, 0, 0.1),
-    0px 4px 10px 0px rgba(0, 0, 0, 0.1);
+<style lang="scss">
+.task-warning-trigger {
+  position: relative;
+  display: inline-flex;
+  align-items: center;
+  cursor: pointer;
+
+  &:hover .task-warning-icon {
+    transform: scale(1.15);
+  }
+
+  .task-warning-icon {
+    transition: transform 0.2s ease;
+  }
+}
+
+.task-warning-list {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+}
+
+.task-warning-item {
+  position: relative;
+  font-size: 13px;
+  line-height: 20px;
+  color: var(--el-button-text-color);
+
+  &.is-clickable {
+    cursor: pointer;
+    &:hover {
+      background-color: #f7f8fa;
+      border-radius: 4px;
+    }
+    &::before {
+      background-color: #f43f5e;
+    }
+  }
+
+  & + & {
+    border-top: 1px solid #f2f3f5;
+    padding-top: 8px;
+  }
 }
 </style>
diff --git a/packages/business/src/locale/lang/en.js b/packages/business/src/locale/lang/en.js
index f7bace6ee..96234f6af 100644
--- a/packages/business/src/locale/lang/en.js
+++ b/packages/business/src/locale/lang/en.js
@@ -680,6 +680,8 @@ export default {
     'The Agent where the task is located is',
   packages_business_task_status_retrying_tooltip:
     'The current task is being retried. Retry start at: {val}',
+  packages_business_task_status_increment_delay_warning:
+    'Current max delay is {delay}, exceeding threshold {threshold}',
   packages_business_select_placeholder: 'Please add or select',
   packages_business_verification_form_youjiantongzhi: 'Mail Notification',
   packages_business_verification_form_xitongtongzhi: 'System Notification',
diff --git a/packages/business/src/locale/lang/zh-CN.js b/packages/business/src/locale/lang/zh-CN.js
index 358ad7425..8d2ef52b3 100644
--- a/packages/business/src/locale/lang/zh-CN.js
+++ b/packages/business/src/locale/lang/zh-CN.js
@@ -613,6 +613,8 @@ export default {
   packages_business_task_status_agent_tooltip_agent: '任务所在的引擎为',
   packages_business_task_status_retrying_tooltip:
     '当前任务正在重试中，重试开始时间：{val}',
+  packages_business_task_status_increment_delay_warning:
+    '当前任务最大延迟为 {delay}，已超过阈值 {threshold}',
   packages_business_select_placeholder: '请添加或选择',
   packages_business_verification_form_youjiantongzhi: '邮件通知',
   packages_business_verification_form_xitongtongzhi: '系统通知',
diff --git a/packages/business/src/locale/lang/zh-TW.js b/packages/business/src/locale/lang/zh-TW.js
index 4b6eb8350..018b1dec2 100644
--- a/packages/business/src/locale/lang/zh-TW.js
+++ b/packages/business/src/locale/lang/zh-TW.js
@@ -614,6 +614,8 @@ export default {
   packages_business_task_status_agent_tooltip_agent: '任務所在的引擎為',
   packages_business_task_status_retrying_tooltip:
     '當前任務正在重試中，重試開始時間：{val}',
+  packages_business_task_status_increment_delay_warning:
+    '當前任務最大延遲為 {delay}，已超過閾值 {threshold}',
   packages_business_select_placeholder: '請添加或選擇',
   packages_business_verification_form_youjiantongzhi: '郵件通知',
   packages_business_verification_form_xitongtongzhi: '系統通知',
diff --git a/packages/business/src/views/task/List.vue b/packages/business/src/views/task/List.vue
index 3ac0efb87..e26dfb48a 100644
--- a/packages/business/src/views/task/List.vue
+++ b/packages/business/src/views/task/List.vue
@@ -18,7 +18,7 @@ import { DownBoldOutlined } from '@tap/component/src/DownBoldOutlined'
 import SelectList from '@tap/component/src/filter-bar/FilterItemSelect.vue'
 import FilterBar from '@tap/component/src/filter-bar/Main.vue'
 import i18n from '@tap/i18n'
-import { calcUnit } from '@tap/shared'
+import { calcTimeUnit, calcUnit } from '@tap/shared'
 import dayjs from 'dayjs'
 import { escapeRegExp, isNumber, uniqBy } from 'lodash-es'
 import { h } from 'vue'
@@ -227,6 +227,9 @@ export default {
   },
 
   methods: {
+    formatTimeUnit(val) {
+      return isNumber(val) ? calcTimeUnit(val) : '-'
+    },
     getData({ page, tags, isSelectedNoTag }) {
       const { current, size } = page
       const { syncType } = this
@@ -264,6 +267,9 @@ export default {
         restartFlag: true,
         attrs: true,
         metricInfo: true,
+        delayTime: true,
+        taskIncrementDelay: true,
+        taskIncrementDelayThreshold: true,
       }
       const where = {
         syncType,
@@ -463,7 +469,7 @@ export default {
 
       if (this.showInstanceInfo) {
         items.splice(-1, 0, {
-          label: '数据源通道',
+          label: this.$t('daas_datasourcePipeline'),
           key: 'id',
           slotName: 'pipeline',
           type: 'select-inner',
@@ -1255,6 +1261,7 @@ export default {
         prop="status"
         :label="$t('public_task_status')"
         :min-width="colWidth.status"
+        class-name="task-status-cell"
       >
         <template #default="{ row }">
           <TaskStatus
@@ -1270,14 +1277,32 @@ export default {
         :min-width="colWidth.syncStatus"
       >
         <template #default="{ row }">
-          <SyncStatus :status="row.syncStatus" />
+          <SyncStatus :status="row.syncStatus" :delay-time="row.delayTime" />
+        </template>
+      </el-table-column>
+      <el-table-column
+        prop="delayTime"
+        :label="$t('public_event_incremental_delay')"
+        min-width="170"
+        sortable="custom"
+      >
+        <template #default="{ row }">
+          <el-tag effect="light" round type="warning">
+            <div class="flex align-center">
+              <el-icon class="mr-1">
+                <i-lucide-clock />
+              </el-icon>
+              {{ formatTimeUnit(row.delayTime) }}
+            </div>
+          </el-tag>
+          <!-- <span v-else>-</span> -->
         </template>
       </el-table-column>
       <el-table-column
         sortable
         prop="currentEventTimestamp"
         :label="$t('public_task_cdc_time_point')"
-        min-width="168"
+        min-width="170"
       >
         <template #default="{ row }">
           {{ formatTime(row.currentEventTimestamp) }}
@@ -1286,13 +1311,33 @@ export default {
       <el-table-column
         prop="lastStartDate"
         :label="$t('public_task_last_run_time')"
-        min-width="168"
+        min-width="170"
         sortable="custom"
       >
         <template #default="{ row }">
           {{ formatTime(row.lastStartDate) }}
         </template>
       </el-table-column>
+      <el-table-column
+        prop="createTime"
+        :label="$t('public_create_time')"
+        min-width="170"
+        sortable="custom"
+      >
+        <template #default="{ row }">
+          {{ formatTime(row.createTime) }}
+        </template>
+      </el-table-column>
+      <el-table-column
+        prop="last_updated"
+        :label="$t('public_update_time')"
+        min-width="170"
+        sortable="custom"
+      >
+        <template #default="{ row }">
+          {{ formatTime(row.last_updated) }}
+        </template>
+      </el-table-column>
       <el-table-column
         fixed="right"
         :label="$t('public_operation')"
@@ -1594,5 +1639,9 @@ export default {
       position: static;
     }
   }
+
+  :deep(.task-status-cell .cell) {
+    overflow: visible;
+  }
 }
 </style>