From 43bb9dac1e3859b85cd3e5f03ba884beb305ffbb Mon Sep 17 00:00:00 2001
From: Feynman <xufei@tapdata.io>
Date: Wed, 29 Apr 2026 11:23:21 +0800
Subject: [PATCH 1/5] feat: add conditional rendering for delayTime in task
 list to improve user feedback

---
 packages/business/src/views/task/List.vue | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/packages/business/src/views/task/List.vue b/packages/business/src/views/task/List.vue
index a31269a1c..681d269c6 100644
--- a/packages/business/src/views/task/List.vue
+++ b/packages/business/src/views/task/List.vue
@@ -1288,8 +1288,9 @@ export default {
         sortable="custom"
       >
         <template #default="{ row }">
+          <span v-if="row.delayTime == null">-</span>
           <el-tooltip
-            v-if="
+            v-else-if="
               row.taskIncrementDelay != null &&
               row.taskIncrementDelayThreshold != null
             "

From 6586710e5a2a91a6809883fb6d2ad014778e4d9e Mon Sep 17 00:00:00 2001
From: Feynman <xufei@tapdata.io>
Date: Wed, 29 Apr 2026 11:23:49 +0800
Subject: [PATCH 2/5] refactor: replace el-badge with span for task warning
 trigger in TaskStatus component to streamline rendering

---
 .../business/src/components/TaskStatus.vue    | 20 ++++++-------------
 1 file changed, 6 insertions(+), 14 deletions(-)

diff --git a/packages/business/src/components/TaskStatus.vue b/packages/business/src/components/TaskStatus.vue
index 9093bc121..d46490530 100644
--- a/packages/business/src/components/TaskStatus.vue
+++ b/packages/business/src/components/TaskStatus.vue
@@ -221,22 +221,14 @@ function getNextStartTime() {
         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])"
           >
-            <span
-              class="task-warning-trigger"
-              @click="warnings[0] && onWarningClick(warnings[0])"
+            <VIcon size="16" class="color-warning task-warning-icon"
+              >warning</VIcon
             >
-              <VIcon size="16" class="color-warning task-warning-icon"
-                >warning</VIcon
-              >
-            </span>
-          </el-badge>
+          </span>
         </template>
         <ul class="task-warning-list flex flex-column gap-2">
           <li

From d40b2c79b893e7e7a469ecc65e1b0eb09e42f19b Mon Sep 17 00:00:00 2001
From: Feynman <xufei@tapdata.io>
Date: Wed, 29 Apr 2026 14:58:38 +0800
Subject: [PATCH 3/5] feat: import ALARM_LEVEL_SORT constant in MonitorView.vue
 to support alarm level sorting functionality

---
 packages/dag/src/MonitorView.vue | 1 +
 1 file changed, 1 insertion(+)

diff --git a/packages/dag/src/MonitorView.vue b/packages/dag/src/MonitorView.vue
index 84b182108..8e6200c2c 100644
--- a/packages/dag/src/MonitorView.vue
+++ b/packages/dag/src/MonitorView.vue
@@ -2,6 +2,7 @@
 import { batchMeasurements } from '@tap/api/src/core/measurement'
 import { getTaskById, getTaskRecords } from '@tap/api/src/core/task'
 import TaskStatus from '@tap/business/src/components/TaskStatus.vue'
+import { ALARM_LEVEL_SORT } from '@tap/business/src/shared/const'
 import SharedCacheDetails from '@tap/business/src/views/shared-cache/Details.vue'
 import SharedCacheEditor from '@tap/business/src/views/shared-cache/Editor.vue'
 import SharedMiningEditor from '@tap/business/src/views/shared-mining/Editor.vue'

From b5391e7dd8baaa062ae9cd7058e04d14240b85b8 Mon Sep 17 00:00:00 2001
From: Feynman <xufei@tapdata.io>
Date: Thu, 30 Apr 2026 23:34:52 +0800
Subject: [PATCH 4/5] feat: implement custom column visibility and reordering
 in TablePage component; add motion-v for drag-and-drop functionality

---
 packages/business/package.json                |   1 +
 .../business/src/components/TablePage.vue     | 459 +++++++++++++++-
 packages/business/src/locale/lang/en.js       |   2 +
 packages/business/src/locale/lang/zh-CN.js    |   2 +
 packages/business/src/locale/lang/zh-TW.js    |   2 +
 packages/business/src/views/task/List.vue     |   3 +
 packages/types/src/daas-components.d.ts       |  12 +
 pnpm-lock.yaml                                | 514 ++++--------------
 8 files changed, 581 insertions(+), 414 deletions(-)

diff --git a/packages/business/package.json b/packages/business/package.json
index ad9901663..7756e8b28 100644
--- a/packages/business/package.json
+++ b/packages/business/package.json
@@ -23,6 +23,7 @@
     "juice": "catalog:",
     "lodash": "catalog:",
     "monaco-editor": "catalog:",
+    "motion-v": "^2.2.1",
     "qs": "catalog:",
     "tiny-emitter": "catalog:",
     "vue": "catalog:",
diff --git a/packages/business/src/components/TablePage.vue b/packages/business/src/components/TablePage.vue
index b55d9e96f..f97e5505c 100644
--- a/packages/business/src/components/TablePage.vue
+++ b/packages/business/src/components/TablePage.vue
@@ -1,13 +1,22 @@
 <script lang="ts">
+import { fetchSettings, saveSettings } from '@tap/api/src/core/settings'
 import Classification from '@tap/component/src/Classification.vue'
 import { off, on } from '@tap/shared'
+import { getSettingByKey, setSettings } from '@tap/shared/src/settings'
+
+import { debounce } from 'lodash-es'
+import { ReorderGroup, ReorderItem } from 'motion-v'
 import {
+  computed,
   defineComponent,
+  Fragment,
   onMounted,
   onUnmounted,
   ref,
   shallowRef,
+  useSlots,
   type PropType,
+  type VNode,
 } from 'vue'
 import { useRoute } from 'vue-router'
 import { makeDragNodeImage } from '../shared'
@@ -15,6 +24,32 @@ import SelectClassify from './SelectClassify.vue'
 
 import type { TableColumnCtx } from 'element-plus'
 
+export interface ColumnConfig {
+  key: string
+  label: string
+  visible: boolean
+}
+
+function flattenSlotVNodes(vnodes: VNode[]): VNode[] {
+  return vnodes.flatMap((vnode) => {
+    if (vnode.type === Fragment && Array.isArray(vnode.children)) {
+      return flattenSlotVNodes(vnode.children as VNode[])
+    }
+    return [vnode]
+  })
+}
+
+function getColumnKey(vnode: VNode): string | undefined {
+  const props = (vnode.props || {}) as Record<string, any>
+  return props.prop || props.label
+}
+
+function isConfigurableColumn(vnode: VNode): boolean {
+  const props = (vnode.props || {}) as Record<string, any>
+  if (props.type === 'selection') return false
+  return !!(props.prop || props.label)
+}
+
 interface TableSettings {
   settings: Record<string, { pageSize: number }>
   init: () => void
@@ -83,11 +118,82 @@ interface DragState {
   allowDrop: boolean
 }
 
+const FilteredColumns = defineComponent({
+  name: 'FilteredColumns',
+  props: {
+    hiddenKeys: {
+      type: Object as PropType<Set<string>>,
+      required: true,
+    },
+    columnOrder: {
+      type: Array as PropType<string[]>,
+      default: () => [],
+    },
+    lockedKeys: {
+      type: Array as PropType<string[]>,
+      default: () => [],
+    },
+  },
+  setup(filterProps, { slots: innerSlots }) {
+    return () => {
+      const vnodes = innerSlots.default?.() || []
+      const flat = flattenSlotVNodes(vnodes)
+
+      // Filter out hidden columns
+      const visible = flat.filter((vnode) => {
+        const key = getColumnKey(vnode)
+        return !key || !filterProps.hiddenKeys.has(key)
+      })
+
+      // If no order specified, return as-is
+      if (!filterProps.columnOrder.length) return visible
+
+      const lockedSet = new Set(filterProps.lockedKeys)
+
+      // Separate locked columns (keep original positions) from reorderable ones
+      // Record original indices of locked columns
+      const lockedSlots: Array<{ index: number; vnode: VNode }> = []
+      const reorderable: VNode[] = []
+
+      visible.forEach((vnode, idx) => {
+        const key = getColumnKey(vnode)
+        if (key && lockedSet.has(key)) {
+          lockedSlots.push({ index: idx, vnode })
+        } else {
+          reorderable.push(vnode)
+        }
+      })
+
+      // Sort only reorderable columns by columnOrder
+      const orderMap = new Map(
+        filterProps.columnOrder.map((key, i) => [key, i]),
+      )
+      reorderable.sort((a, b) => {
+        const ka = getColumnKey(a)
+        const kb = getColumnKey(b)
+        const ia = ka ? (orderMap.get(ka) ?? Infinity) : -1
+        const ib = kb ? (orderMap.get(kb) ?? Infinity) : -1
+        return ia - ib
+      })
+
+      // Re-insert locked columns at their original positions
+      const result = [...reorderable]
+      for (const { index, vnode } of lockedSlots) {
+        result.splice(index, 0, vnode)
+      }
+      return result
+    }
+  },
+})
+
 export default defineComponent({
   name: 'TablePage',
   components: {
     Classification,
     SelectClassify,
+    FilteredColumns,
+    ReorderGroup,
+    ReorderItem,
   },
   props: {
     title: {
@@ -136,6 +242,18 @@ export default defineComponent({
       type: Object as PropType<Sort>,
     },
     draggable: Boolean,
+    enableCustomColumns: {
+      type: String,
+      default: '',
+    },
+    lockedColumns: {
+      type: Array as PropType<string[]>,
+      default: () => [],
+    },
+    defaultHiddenColumns: {
+      type: Array as PropType<string[]>,
+      default: () => [],
+    },
   },
   emits: [
     'selectionChange',
@@ -352,10 +470,175 @@ export default defineComponent({
       fetch(1)
     }
 
+    // ---- Custom column display (slot introspection + drag-and-drop) ----
+    const slots = useSlots()
+    const columnVisibility = ref<Record<string, boolean>>({})
+    const defaultVisibility = ref<Record<string, boolean>>({})
+    const columnPopoverVisible = ref(false)
+    const columnOrder = ref<string[]>([])
+
+    const dragColumns = ref<ColumnConfig[]>([])
+
+    // Settings persistence key: e.g. "syncColumns", "migrateColumns"
+    const settingsKey = computed(() =>
+      props.enableCustomColumns ? `${props.enableCustomColumns}Columns` : '',
+    )
+
+    const extractSlotColumns = (): ColumnConfig[] => {
+      const vnodes = slots.default?.() || []
+      const flat = flattenSlotVNodes(vnodes)
+      const result: ColumnConfig[] = []
+      for (const vnode of flat) {
+        if (!isConfigurableColumn(vnode)) continue
+        const vprops = (vnode.props || {}) as Record<string, any>
+        const key = vprops.prop || vprops.label
+        if (!key) continue
+        // Skip locked columns — they are always visible and not configurable
+        if (props.lockedColumns.includes(key)) continue
+        result.push({
+          key,
+          label: vprops.label || vprops.prop || key,
+          visible: columnVisibility.value[key] ?? true,
+        })
+      }
+      return result
+    }
+
+    const hiddenColumnKeys = computed(() => {
+      const keys = new Set<string>()
+      for (const [key, visible] of Object.entries(columnVisibility.value)) {
+        if (!visible) keys.add(key)
+      }
+      return keys
+    })
+
+    const visibleColumnCount = computed(() => {
+      return extractSlotColumns().filter((c) => c.visible).length
+    })
+
+    const initColumnVisibility = () => {
+      const vnodes = slots.default?.() || []
+      const flat = flattenSlotVNodes(vnodes)
+      const vis: Record<string, boolean> = {}
+      for (const vnode of flat) {
+        if (!isConfigurableColumn(vnode)) continue
+        const vprops = (vnode.props || {}) as Record<string, any>
+        const key = vprops.prop || vprops.label
+        if (!key) continue
+        // Skip locked columns — they don't need visibility tracking
+        if (props.lockedColumns.includes(key)) continue
+        vis[key] = !props.defaultHiddenColumns.includes(key)
+      }
+      columnVisibility.value = { ...vis }
+      defaultVisibility.value = { ...vis }
+
+      // Load saved config from settings
+      if (settingsKey.value) {
+        const saved = getSettingByKey(settingsKey.value)
+        if (saved) {
+          try {
+            const config = typeof saved === 'string' ? JSON.parse(saved) : saved
+            if (config.visibility) {
+              // Only apply saved visibility for keys that exist in current columns
+              for (const [key, visible] of Object.entries(config.visibility)) {
+                if (key in vis) {
+                  columnVisibility.value[key] = visible as boolean
+                }
+              }
+            }
+            if (config.order) {
+              columnOrder.value = config.order
+            }
+          } catch {
+            // Ignore invalid saved config
+          }
+        }
+      }
+    }
+
+    const _doSaveColumnConfig = () => {
+      if (!settingsKey.value) return
+
+      const config = JSON.stringify({
+        visibility: columnVisibility.value,
+        order: columnOrder.value,
+      })
+
+      const existing = getSettingByKey(settingsKey.value, 'id')
+      const settingData: Record<string, any> = {
+        key: settingsKey.value,
+        value: config,
+      }
+      if (existing) {
+        settingData.id = existing
+      }
+
+      saveSettings([settingData])
+        .then(() => {
+          // Reload settings to sync id (for newly created entries)
+          return fetchSettings()
+        })
+        .then((data) => {
+          setSettings(data || [])
+        })
+        .catch((error) => {
+          console.error('Failed to save column config:', error)
+        })
+    }
+
+    const saveColumnConfig = debounce(_doSaveColumnConfig, 300)
+
+    const onColumnPopoverShow = () => {
+      // Rebuild dragColumns respecting current order
+      const cols = extractSlotColumns()
+      if (columnOrder.value.length) {
+        const colMap = new Map(cols.map((c) => [c.key, c]))
+        const ordered: ColumnConfig[] = []
+        for (const key of columnOrder.value) {
+          const col = colMap.get(key)
+          if (col) {
+            ordered.push(col)
+            colMap.delete(key)
+          }
+        }
+        // Append any new columns not in the saved order
+        for (const col of colMap.values()) {
+          ordered.push(col)
+        }
+        dragColumns.value = ordered
+      } else {
+        dragColumns.value = cols
+      }
+    }
+
+    const toggleColumnVisibility = (col: ColumnConfig) => {
+      col.visible = !col.visible
+      columnVisibility.value = {
+        ...columnVisibility.value,
+        [col.key]: col.visible,
+      }
+      saveColumnConfig()
+    }
+
+    const onReorderEnd = () => {
+      columnOrder.value = dragColumns.value.map((c) => c.key)
+      saveColumnConfig()
+    }
+
+    const resetColumns = () => {
+      columnVisibility.value = { ...defaultVisibility.value }
+      columnOrder.value = []
+      dragColumns.value = extractSlotColumns()
+      saveColumnConfig()
+    }
+
     onMounted(() => {
       fetch(1)
       on(document, 'keydown', handleKeyDown)
       on(document, 'keyup', handleKeyUp)
+      if (props.enableCustomColumns) {
+        initColumnVisibility()
+      }
     })
 
     onUnmounted(() => {
@@ -402,6 +685,16 @@ export default defineComponent({
       onSelectRow,
       handleSizeChange,
       onSelectNoTag,
+      // Custom columns
+      dragColumns,
+      columnPopoverVisible,
+      columnOrder,
+      visibleColumnCount,
+      hiddenColumnKeys,
+      toggleColumnVisibility,
+      onReorderEnd,
+      resetColumns,
+      onColumnPopoverShow,
     }
   },
 })
@@ -468,8 +761,81 @@ export default defineComponent({
               </el-button>
               <slot name="search" />
             </div>
-            <div class="table-page-operation-bar">
+            <div class="table-page-operation-bar flex align-center gap-2">
               <slot name="operation" />
+              <el-popover
+                v-if="enableCustomColumns"
+                v-model:visible="columnPopoverVisible"
+                trigger="click"
+                :width="280"
+                placement="bottom-end"
+                popper-class="p-0"
+                :show-arrow="false"
+                @show="onColumnPopoverShow"
+              >
+                <template #reference>
+                  <el-button>
+                    <template #icon>
+                      <el-icon :size="14"><i-lucide-columns-3-cog /></el-icon>
+                    </template>
+                    {{ $t('packages_business_column_setting') }}
+                  </el-button>
+                </template>
+                <div class="custom-column-panel">
+                  <div class="custom-column-header p-3 pb-0">
+                    <span class="custom-column-title">{{
+                      $t('packages_business_column_setting')
+                    }}</span>
+                    <el-button text type="primary" @click="resetColumns">{{
+                      $t('packages_business_column_reset')
+                    }}</el-button>
+                  </div>
+                  <div class="py-3">
+                    <ReorderGroup
+                      v-model:values="dragColumns"
+                      axis="y"
+                      class="custom-column-list px-1"
+                    >
+                      <ReorderItem
+                        v-for="col in dragColumns"
+                        :key="col.key"
+                        :value="col"
+                        class="custom-column-item flex align-items-center justify-content-between px-2 py-1 rounded-lg user-select-none grabbable"
+                        :class="{ 'is-hidden': !col.visible }"
+                        :while-drag="{
+                          boxShadow: '0 1rem 3rem rgba(0,0,0,0.175)',
+                          scale: 1.02,
+                          zIndex: 50,
+                        }"
+                        @drag-end="onReorderEnd"
+                      >
+                        <span
+                          class="custom-column-drag-handle flex align-items-center gap-2"
+                        >
+                          <el-icon
+                            class="custom-column-grip-icon font-color-light w-4 h-4"
+                            :size="16"
+                            ><i-lucide-grip-vertical
+                          /></el-icon>
+                          <span class="custom-column-name">{{
+                            col.label
+                          }}</span>
+                        </span>
+                        <el-button
+                          text
+                          size="small"
+                          @click="toggleColumnVisibility(col)"
+                        >
+                          <template #icon>
+                            <i-lucide-eye v-if="col.visible" />
+                            <i-lucide-eye-closed v-else />
+                          </template>
+                        </el-button>
+                      </ReorderItem>
+                    </ReorderGroup>
+                  </div>
+                </div>
+              </el-popover>
             </div>
           </div>
           <el-table
@@ -516,7 +882,15 @@ export default defineComponent({
                 </el-button>
               </template>
             </el-table-column>
-            <slot />
+            <FilteredColumns
+              v-if="enableCustomColumns"
+              :hidden-keys="hiddenColumnKeys"
+              :column-order="columnOrder"
+              :locked-keys="lockedColumns"
+            >
+              <slot />
+            </FilteredColumns>
+            <slot v-else />
             <template #empty>
               <el-empty image-size="100">
                 <slot name="noDataText" />
@@ -724,18 +1098,71 @@ export default defineComponent({
     margin-left: 0;
   }
 }
-</style>
-<!-- .el-table--border .el-table__inner-wrapper::after {
-  left: 0px;
-  top: 0px;
-  width: 100%;
-  height: 1px;
-  z-index: calc(var(--el-table-index) + 2);
+
+.custom-column-panel {
+  .custom-column-header {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: 16px 16px 12px;
+  }
+
+  .custom-column-title {
+    font-size: 14px;
+    font-weight: 600;
+    color: var(--el-text-color-primary);
+  }
+
+  .custom-column-list {
+    max-height: 320px;
+    overflow-y: auto;
+    display: flex;
+    flex-direction: column;
+    gap: 4px;
+  }
+
+  .custom-column-item {
+    position: relative;
+    z-index: 0;
+
+    &::before {
+      content: '';
+      position: absolute;
+      inset: 0;
+      border-radius: inherit;
+      background: var(--el-fill-color-light);
+      opacity: 0;
+      transition: opacity 0.15s ease;
+      z-index: -1;
+      pointer-events: none;
+    }
+
+    &:hover::before {
+      opacity: 1;
+    }
+
+    &.is-hidden {
+      opacity: 0.6;
+    }
+  }
+
+  .custom-column-drag-handle {
+    cursor: grab;
+
+    &:active {
+      cursor: grabbing;
+    }
+  }
+
+  .custom-column-grip-icon {
+    flex-shrink: 0;
+  }
+
+  .custom-column-name {
+    font-size: 14px;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
 }
-<style>
-.el-table--border::after, .el-table--border::before, .el-table--border .el-table__inner-wrapper::after, .el-table__inner-wrapper::before {
-  content: "";
-  position: absolute;
-  background-color: var(--el-table-border-color);
-  z-index: calc(var(--el-table-index) + 2);
-} -->
+</style>
diff --git a/packages/business/src/locale/lang/en.js b/packages/business/src/locale/lang/en.js
index 07ff5b6e2..f5029cd6c 100644
--- a/packages/business/src/locale/lang/en.js
+++ b/packages/business/src/locale/lang/en.js
@@ -1754,4 +1754,6 @@ export default {
     'Currently in testing. We are continuously optimizing the experience.',
   public_connector_alpha_tip:
     'Under active development. Some features may still be incomplete.',
+  packages_business_column_setting: 'Display Settings',
+  packages_business_column_reset: 'Reset',
 }
diff --git a/packages/business/src/locale/lang/zh-CN.js b/packages/business/src/locale/lang/zh-CN.js
index 713bc3297..142f70690 100644
--- a/packages/business/src/locale/lang/zh-CN.js
+++ b/packages/business/src/locale/lang/zh-CN.js
@@ -1561,4 +1561,6 @@ export default {
     '若任务名冲突则替换任务，连接名冲突则复用系统中已有连接。',
   public_connector_beta_tip: '正在测试阶段，我们正在不断优化体验',
   public_connector_alpha_tip: '正在持续开发中，部分功能可能还在完善',
+  packages_business_column_setting: '显示设置',
+  packages_business_column_reset: '重置',
 }
diff --git a/packages/business/src/locale/lang/zh-TW.js b/packages/business/src/locale/lang/zh-TW.js
index 51cc1feeb..fbbc3675e 100644
--- a/packages/business/src/locale/lang/zh-TW.js
+++ b/packages/business/src/locale/lang/zh-TW.js
@@ -1550,4 +1550,6 @@ export default {
     '若任務名衝突則替換任務，連接名衝突則重用系統中已有連接。',
   public_connector_beta_tip: '正在測試階段，我們正在不斷優化體驗',
   public_connector_alpha_tip: '正在持續開發中，部分功能可能還在完善',
+  packages_business_column_setting: '顯示設定',
+  packages_business_column_reset: '重置',
 }
diff --git a/packages/business/src/views/task/List.vue b/packages/business/src/views/task/List.vue
index 681d269c6..25aabd26e 100644
--- a/packages/business/src/views/task/List.vue
+++ b/packages/business/src/views/task/List.vue
@@ -1090,6 +1090,8 @@ export default {
       ref="table"
       row-key="id"
       class="data-flow-list"
+      :enable-custom-columns="syncType"
+      :locked-columns="['name', 'operation']"
       :classify="{
         authority: 'SYNC_category_management',
         types: ['dataflow'],
@@ -1366,6 +1368,7 @@ export default {
         </template>
       </el-table-column>
       <el-table-column
+        prop="operation"
         fixed="right"
         :label="$t('public_operation')"
         :width="colWidth.operation"
diff --git a/packages/types/src/daas-components.d.ts b/packages/types/src/daas-components.d.ts
index c40d047f6..535a4334e 100644
--- a/packages/types/src/daas-components.d.ts
+++ b/packages/types/src/daas-components.d.ts
@@ -113,6 +113,8 @@ declare module 'vue' {
     ILucideCircleX: typeof import('~icons/lucide/circle-x')['default']
     ILucideClock: typeof import('~icons/lucide/clock')['default']
     ILucideCloudUpload: typeof import('~icons/lucide/cloud-upload')['default']
+    ILucideColumns3: typeof import('~icons/lucide/columns3')['default']
+    ILucideColumns3Cog: typeof import('~icons/lucide/columns3-cog')['default']
     ILucideCopy: typeof import('~icons/lucide/copy')['default']
     ILucideCpu: typeof import('~icons/lucide/cpu')['default']
     ILucideDatabase: typeof import('~icons/lucide/database')['default']
@@ -120,6 +122,8 @@ declare module 'vue' {
     ILucideEdit: typeof import('~icons/lucide/edit')['default']
     ILucideEllipsis: typeof import('~icons/lucide/ellipsis')['default']
     ILucideExternalLink: typeof import('~icons/lucide/external-link')['default']
+    ILucideEye: typeof import('~icons/lucide/eye')['default']
+    ILucideEyeClosed: typeof import('~icons/lucide/eye-closed')['default']
     ILucideFile: typeof import('~icons/lucide/file')['default']
     ILucideFileArchive: typeof import('~icons/lucide/file-archive')['default']
     ILucideFileBraces: typeof import('~icons/lucide/file-braces')['default']
@@ -134,6 +138,7 @@ declare module 'vue' {
     ILucideGitBranch: typeof import('~icons/lucide/git-branch')['default']
     ILucideGitCompareArrows: typeof import('~icons/lucide/git-compare-arrows')['default']
     ILucideGithub: typeof import('~icons/lucide/github')['default']
+    ILucideGripHorizontal: typeof import('~icons/lucide/grip-horizontal')['default']
     ILucideGripVertical: typeof import('~icons/lucide/grip-vertical')['default']
     ILucideHardDrive: typeof import('~icons/lucide/hard-drive')['default']
     ILucideHardDriveDownload: typeof import('~icons/lucide/hard-drive-download')['default']
@@ -209,6 +214,7 @@ declare module 'vue' {
     IMingcuteQuestionLine: typeof import('~icons/mingcute/question-line')['default']
     IMingcuteRightLine: typeof import('~icons/mingcute/right-line')['default']
     IMingcuteSearchLine: typeof import('~icons/mingcute/search-line')['default']
+    IMingcuteWarning: typeof import('~icons/mingcute/warning')['default']
     IMingcuteWarningFill: typeof import('~icons/mingcute/warning-fill')['default']
     LockedDialog: typeof import('./../../../apps/daas/src/components/LockedDialog.vue')['default']
     MultiSelection: typeof import('./../../../apps/daas/src/components/MultiSelection.vue')['default']
@@ -327,6 +333,8 @@ declare global {
   const ILucideCircleX: typeof import('~icons/lucide/circle-x')['default']
   const ILucideClock: typeof import('~icons/lucide/clock')['default']
   const ILucideCloudUpload: typeof import('~icons/lucide/cloud-upload')['default']
+  const ILucideColumns3: typeof import('~icons/lucide/columns3')['default']
+  const ILucideColumns3Cog: typeof import('~icons/lucide/columns3-cog')['default']
   const ILucideCopy: typeof import('~icons/lucide/copy')['default']
   const ILucideCpu: typeof import('~icons/lucide/cpu')['default']
   const ILucideDatabase: typeof import('~icons/lucide/database')['default']
@@ -334,6 +342,8 @@ declare global {
   const ILucideEdit: typeof import('~icons/lucide/edit')['default']
   const ILucideEllipsis: typeof import('~icons/lucide/ellipsis')['default']
   const ILucideExternalLink: typeof import('~icons/lucide/external-link')['default']
+  const ILucideEye: typeof import('~icons/lucide/eye')['default']
+  const ILucideEyeClosed: typeof import('~icons/lucide/eye-closed')['default']
   const ILucideFile: typeof import('~icons/lucide/file')['default']
   const ILucideFileArchive: typeof import('~icons/lucide/file-archive')['default']
   const ILucideFileBraces: typeof import('~icons/lucide/file-braces')['default']
@@ -348,6 +358,7 @@ declare global {
   const ILucideGitBranch: typeof import('~icons/lucide/git-branch')['default']
   const ILucideGitCompareArrows: typeof import('~icons/lucide/git-compare-arrows')['default']
   const ILucideGithub: typeof import('~icons/lucide/github')['default']
+  const ILucideGripHorizontal: typeof import('~icons/lucide/grip-horizontal')['default']
   const ILucideGripVertical: typeof import('~icons/lucide/grip-vertical')['default']
   const ILucideHardDrive: typeof import('~icons/lucide/hard-drive')['default']
   const ILucideHardDriveDownload: typeof import('~icons/lucide/hard-drive-download')['default']
@@ -423,6 +434,7 @@ declare global {
   const IMingcuteQuestionLine: typeof import('~icons/mingcute/question-line')['default']
   const IMingcuteRightLine: typeof import('~icons/mingcute/right-line')['default']
   const IMingcuteSearchLine: typeof import('~icons/mingcute/search-line')['default']
+  const IMingcuteWarning: typeof import('~icons/mingcute/warning')['default']
   const IMingcuteWarningFill: typeof import('~icons/mingcute/warning-fill')['default']
   const LockedDialog: typeof import('./../../../apps/daas/src/components/LockedDialog.vue')['default']
   const MultiSelection: typeof import('./../../../apps/daas/src/components/MultiSelection.vue')['default']
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 9bda1a4d0..1ed2c54df 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -110,7 +110,7 @@ catalogs:
       version: 5.1.2
     '@vue/shared':
       specifier: ^3.4.35
-      version: 3.5.17
+      version: 3.5.25
     '@vue/tsconfig':
       specifier: ^0.5.1
       version: 0.5.1
@@ -739,6 +739,9 @@ importers:
       monaco-editor:
         specifier: 'catalog:'
         version: 0.52.2
+      motion-v:
+        specifier: ^2.2.1
+        version: 2.2.1(@vueuse/core@14.0.0(vue@3.5.25(typescript@5.8.3)))(vue@3.5.25(typescript@5.8.3))
       qs:
         specifier: 'catalog:'
         version: 6.14.0
@@ -1011,7 +1014,7 @@ importers:
         version: link:../shared
       '@vue/shared':
         specifier: 'catalog:'
-        version: 3.5.17
+        version: 3.5.25
       '@vueuse/core':
         specifier: 'catalog:'
         version: 14.0.0(vue@3.5.25(typescript@5.8.3))
@@ -1342,10 +1345,6 @@ packages:
     resolution: {integrity: sha512-qMlSxKbpRlAridDExk92nSobyDdpPijUq2DW6oDnUqd0iOGxmQjyqhMIihI9+zv4LPyZdRje2cavWPbCbWm3eA==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/helper-validator-identifier@7.27.1':
-    resolution: {integrity: sha512-D2hP9eA+Sqx1kBZgzxZh0y1trbuU+JoDkiEwqhQ36nodYqJwyEIhPSdMNd7lOm/4io72luTPWH20Yda0xOuUow==}
-    engines: {node: '>=6.9.0'}
-
   '@babel/helper-validator-identifier@7.28.5':
     resolution: {integrity: sha512-qSs4ifwzKJSV39ucNjsvc6WVHs6b7S03sOh2OcHF9UHfVPqWWALUsNUVzhSBiItjRZoLHx7nIarVjqKVusUZ1Q==}
     engines: {node: '>=6.9.0'}
@@ -1656,10 +1655,6 @@ packages:
     resolution: {integrity: sha512-qIbV0/JZr7iSDjqAc60IqbLdsj9GDt16xQtWD+B78d/HAlvysGdZZ6rpJHGAc2T0FQx1X6thsSPdnoiGKdNtdg==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
 
-  '@eslint/core@0.15.1':
-    resolution: {integrity: sha512-bkOp+iumZCCbt1K1CmWf0R9pM5yKpDv+ZXtvSyQpudrI9kuFLp+bM2WOPXImuD/ceQuaa8f5pj93Y7zyECIGNA==}
-    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
-
   '@eslint/core@0.15.2':
     resolution: {integrity: sha512-78Md3/Rrxh83gCxoUc0EiciuOHsIITzLy53m3d9UyiW8y9Dj2D29FeETqyKA+BRK76tnTp6RXWb3pCay8Oyomg==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
@@ -1684,10 +1679,6 @@ packages:
     resolution: {integrity: sha512-RBMg5FRL0I0gs51M/guSAj5/e14VQ4tpZnQNWwuDT66P14I43ItmPfIZRhO9fUVIPOAQXU47atlywZ/czoqFPA==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
 
-  '@eslint/plugin-kit@0.3.3':
-    resolution: {integrity: sha512-1+WqvgNMhmlAambTvT3KPtCl/Ibr68VldY2XY40SL1CE0ZXiakFR/cbTspaF5HsnpDMvcYYoJHfl4980NBjGag==}
-    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
-
   '@eslint/plugin-kit@0.3.5':
     resolution: {integrity: sha512-Z5kJ+wU3oA7MMIqVR9tyZRtjYPr4OC004Q4Rw7pgOKUOKkJfZ3O24nz3WYfGRpMDNmcOi3TwQOmgm7B7Tpii0w==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
@@ -1825,9 +1816,6 @@ packages:
     resolution: {integrity: sha512-ZT55BDLV0yv0RBm2czMiZ+SqCGO7AvmOM3G/w2xhVPH+te0aKgFjmBvGlL1dH+ql2tgGO3MVrbb3jCKyvpgnxA==}
     engines: {node: 20 || >=22}
 
-  '@jridgewell/gen-mapping@0.3.12':
-    resolution: {integrity: sha512-OuLGC46TjB5BbN1dH8JULVVZY4WTdkF7tV9Ys6wLL1rubZnCMstOhNHueU5bLCrnRuDhKPDM4g6sw4Bel5Gzqg==}
-
   '@jridgewell/gen-mapping@0.3.13':
     resolution: {integrity: sha512-2kkt/7niJ6MgEPxF0bYdQ6etZaA+fQvDcLKckhy1yIQOzaoKjBBjSj63/aLVjYE3qhRt5dvM+uUyfCg6UKCBbA==}
 
@@ -1841,15 +1829,9 @@ packages:
   '@jridgewell/source-map@0.3.11':
     resolution: {integrity: sha512-ZMp1V8ZFcPG5dIWnQLr3NSI1MiCU7UETdS/A0G8V/XWHvJv3ZsFqutJn1Y5RPmAPX6F3BiE397OqveU/9NCuIA==}
 
-  '@jridgewell/sourcemap-codec@1.5.4':
-    resolution: {integrity: sha512-VT2+G1VQs/9oz078bLrYbecdZKs912zQlkelYpuf+SXF+QvZDYJlbx/LSx+meSAwdDFnF8FVXW92AVjjkVmgFw==}
-
   '@jridgewell/sourcemap-codec@1.5.5':
     resolution: {integrity: sha512-cYQ9310grqxueWbl+WuIUIaiUaDcj7WOq5fVhEljNVgRfOUhY9fy2zTvfoqWsnebh8Sl70VScFbICvJnLKB0Og==}
 
-  '@jridgewell/trace-mapping@0.3.29':
-    resolution: {integrity: sha512-uw6guiW/gcAGPDhLmd77/6lW8QLeiV5RUTsAX46Db6oLhGaVj4lhnPwb184s1bkc8kdVg/+h988dro8GRDpmYQ==}
-
   '@jridgewell/trace-mapping@0.3.31':
     resolution: {integrity: sha512-zzNR+SdQSDJzc8joaeP8QQoCQr8NuYx2dIIytl1QeBEZHJ9uW6hebsrYgbz8hJwUQao3TWCMtmfV8Nu1twOLAw==}
 
@@ -2453,32 +2435,16 @@ packages:
       eslint: ^8.57.0 || ^9.0.0
       typescript: '>=4.8.4 <6.0.0'
 
-  '@typescript-eslint/project-service@8.35.1':
-    resolution: {integrity: sha512-VYxn/5LOpVxADAuP3NrnxxHYfzVtQzLKeldIhDhzC8UHaiQvYlXvKuVho1qLduFbJjjy5U5bkGwa3rUGUb1Q6Q==}
-    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
-    peerDependencies:
-      typescript: '>=4.8.4 <5.9.0'
-
   '@typescript-eslint/project-service@8.43.0':
     resolution: {integrity: sha512-htB/+D/BIGoNTQYffZw4uM4NzzuolCoaA/BusuSIcC8YjmBYQioew5VUZAYdAETPjeed0hqCaW7EHg+Robq8uw==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
       typescript: '>=4.8.4 <6.0.0'
 
-  '@typescript-eslint/scope-manager@8.35.1':
-    resolution: {integrity: sha512-s/Bpd4i7ht2934nG+UoSPlYXd08KYz3bmjLEb7Ye1UVob0d1ENiT3lY8bsCmik4RqfSbPw9xJJHbugpPpP5JUg==}
-    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
-
   '@typescript-eslint/scope-manager@8.43.0':
     resolution: {integrity: sha512-daSWlQ87ZhsjrbMLvpuuMAt3y4ba57AuvadcR7f3nl8eS3BjRc8L9VLxFLk92RL5xdXOg6IQ+qKjjqNEimGuAg==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
 
-  '@typescript-eslint/tsconfig-utils@8.35.1':
-    resolution: {integrity: sha512-K5/U9VmT9dTHoNowWZpz+/TObS3xqC5h0xAIjXPw+MNcKV9qg6eSatEnmeAwkjHijhACH0/N7bkhKvbt1+DXWQ==}
-    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
-    peerDependencies:
-      typescript: '>=4.8.4 <5.9.0'
-
   '@typescript-eslint/tsconfig-utils@8.43.0':
     resolution: {integrity: sha512-ALC2prjZcj2YqqL5X/bwWQmHA2em6/94GcbB/KKu5SX3EBDOsqztmmX1kMkvAJHzxk7TazKzJfFiEIagNV3qEA==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
@@ -2492,33 +2458,16 @@ packages:
       eslint: ^8.57.0 || ^9.0.0
       typescript: '>=4.8.4 <6.0.0'
 
-  '@typescript-eslint/types@8.35.1':
-    resolution: {integrity: sha512-q/O04vVnKHfrrhNAscndAn1tuQhIkwqnaW+eu5waD5IPts2eX1dgJxgqcPx5BX109/qAz7IG6VrEPTOYKCNfRQ==}
-    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
-
   '@typescript-eslint/types@8.43.0':
     resolution: {integrity: sha512-vQ2FZaxJpydjSZJKiSW/LJsabFFvV7KgLC5DiLhkBcykhQj8iK9BOaDmQt74nnKdLvceM5xmhaTF+pLekrxEkw==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
 
-  '@typescript-eslint/typescript-estree@8.35.1':
-    resolution: {integrity: sha512-Vvpuvj4tBxIka7cPs6Y1uvM7gJgdF5Uu9F+mBJBPY4MhvjrjWGK4H0lVgLJd/8PWZ23FTqsaJaLEkBCFUk8Y9g==}
-    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
-    peerDependencies:
-      typescript: '>=4.8.4 <5.9.0'
-
   '@typescript-eslint/typescript-estree@8.43.0':
     resolution: {integrity: sha512-7Vv6zlAhPb+cvEpP06WXXy/ZByph9iL6BQRBDj4kmBsW98AqEeQHlj/13X+sZOrKSo9/rNKH4Ul4f6EICREFdw==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
       typescript: '>=4.8.4 <6.0.0'
 
-  '@typescript-eslint/utils@8.35.1':
-    resolution: {integrity: sha512-lhnwatFmOFcazAsUm3ZnZFpXSxiwoa1Lj50HphnDe1Et01NF4+hrdXONSUHIcbVu2eFb1bAf+5yjXkGVkXBKAQ==}
-    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
-    peerDependencies:
-      eslint: ^8.57.0 || ^9.0.0
-      typescript: '>=4.8.4 <5.9.0'
-
   '@typescript-eslint/utils@8.43.0':
     resolution: {integrity: sha512-S1/tEmkUeeswxd0GGcnwuVQPFWo8NzZTOMxCvw8BX7OMxnNae+i8Tm7REQen/SwUIPoPqfKn7EaZ+YLpiB3k9g==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
@@ -2526,10 +2475,6 @@ packages:
       eslint: ^8.57.0 || ^9.0.0
       typescript: '>=4.8.4 <6.0.0'
 
-  '@typescript-eslint/visitor-keys@8.35.1':
-    resolution: {integrity: sha512-VRwixir4zBWCSTP/ljEo091lbpypz57PoeAQ9imjG+vbeof9LplljsL1mos4ccG6H9IjfrVGM359RozUnuFhpw==}
-    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
-
   '@typescript-eslint/visitor-keys@8.43.0':
     resolution: {integrity: sha512-T+S1KqRD4sg/bHfLwrpF/K3gQLBM1n7Rp7OjjikjTEssI2YJzQpi5WXoynOaQ93ERIuq3O8RBTOUYDKszUCEHw==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
@@ -2687,27 +2632,15 @@ packages:
     peerDependencies:
       '@babel/core': ^7.0.0-0
 
-  '@vue/compiler-core@3.5.22':
-    resolution: {integrity: sha512-jQ0pFPmZwTEiRNSb+i9Ow/I/cHv2tXYqsnHKKyCQ08irI2kdF5qmYedmF8si8mA7zepUFmJ2hqzS8CQmNOWOkQ==}
-
   '@vue/compiler-core@3.5.25':
     resolution: {integrity: sha512-vay5/oQJdsNHmliWoZfHPoVZZRmnSWhug0BYT34njkYTPqClh3DNWLkZNJBVSjsNMrg0CCrBfoKkjZQPM/QVUw==}
 
-  '@vue/compiler-dom@3.5.22':
-    resolution: {integrity: sha512-W8RknzUM1BLkypvdz10OVsGxnMAuSIZs9Wdx1vzA3mL5fNMN15rhrSCLiTm6blWeACwUwizzPVqGJgOGBEN/hA==}
-
   '@vue/compiler-dom@3.5.25':
     resolution: {integrity: sha512-4We0OAcMZsKgYoGlMjzYvaoErltdFI2/25wqanuTu+S4gismOTRTBPi4IASOjxWdzIwrYSjnqONfKvuqkXzE2Q==}
 
-  '@vue/compiler-sfc@3.5.22':
-    resolution: {integrity: sha512-tbTR1zKGce4Lj+JLzFXDq36K4vcSZbJ1RBu8FxcDv1IGRz//Dh2EBqksyGVypz3kXpshIfWKGOCcqpSbyGWRJQ==}
-
   '@vue/compiler-sfc@3.5.25':
     resolution: {integrity: sha512-PUgKp2rn8fFsI++lF2sO7gwO2d9Yj57Utr5yEsDf3GNaQcowCLKL7sf+LvVFvtJDXUp/03+dC6f2+LCv5aK1ag==}
 
-  '@vue/compiler-ssr@3.5.22':
-    resolution: {integrity: sha512-GdgyLvg4R+7T8Nk2Mlighx7XGxq/fJf9jaVofc3IL0EPesTE86cP/8DD1lT3h1JeZr2ySBvyqKQJgbS54IX1Ww==}
-
   '@vue/compiler-ssr@3.5.25':
     resolution: {integrity: sha512-ritPSKLBcParnsKYi+GNtbdbrIE1mtuFEJ4U1sWeuOMlIziK5GtOL85t5RhsNy4uWIXPgk+OUdpnXiTdzn8o3A==}
 
@@ -2748,12 +2681,6 @@ packages:
     peerDependencies:
       vue: 3.5.25
 
-  '@vue/shared@3.5.17':
-    resolution: {integrity: sha512-CabR+UN630VnsJO/jHWYBC1YVXyMq94KKp6iF5MQgZJs5I8cmjw6oVMO1oDbtBkENSHSSn/UadWlW/OAgdmKrg==}
-
-  '@vue/shared@3.5.22':
-    resolution: {integrity: sha512-F4yc6palwq3TT0u+FYf0Ns4Tfl9GRFURDN2gWG7L1ecIaS/4fCIuFOjMTnCyjsu/OK6vaDKLCrGAa+KvvH+h4w==}
-
   '@vue/shared@3.5.25':
     resolution: {integrity: sha512-AbOPdQQnAnzs58H2FrrDxYj/TJfmeS2jdfEEhgiKINy+bnOANmVizIEgq1r+C5zsbs6l1CCQxtcj71rwNQ4jWg==}
 
@@ -2850,11 +2777,6 @@ packages:
     peerDependencies:
       acorn: ^6.0.0 || ^7.0.0 || ^8.0.0
 
-  acorn@8.15.0:
-    resolution: {integrity: sha512-NZyJarBfL7nWwIq+FDL6Zp/yHEhePMNnnJ0y3qfieCrmNvYct8uvtiV41UvlSe6apAfk0fY1FbWx+NwfmpvtTg==}
-    engines: {node: '>=0.4.0'}
-    hasBin: true
-
   acorn@8.16.0:
     resolution: {integrity: sha512-UVJyE9MttOsBQIDKw1skb9nAwQuR5wuGD3+82K6JgJlm/Y+KI92oNsMNGZCYdDsVtRHSak0pcV5Dno5+4jh9sw==}
     engines: {node: '>=0.4.0'}
@@ -3054,11 +2976,6 @@ packages:
     resolution: {integrity: sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==}
     engines: {node: '>=8'}
 
-  browserslist@4.25.4:
-    resolution: {integrity: sha512-4jYpcjabC606xJ3kw2QwGEZKX0Aw7sgQdZCvIK9dhVSPh76BKo+C+btT1RRofH7B+8iNpEbgGNVWiLki5q93yg==}
-    engines: {node: ^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7}
-    hasBin: true
-
   browserslist@4.28.1:
     resolution: {integrity: sha512-ZC5Bd0LgJXgwGqUknZY/vkUQ04r8NXnJZ3yYi4vDmSiZmC/pdSN0NbNRPxZpbtO4uAfDUAFffO8IZoM3Gj8IkA==}
     engines: {node: ^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7}
@@ -3104,9 +3021,6 @@ packages:
     resolution: {integrity: sha512-Gmy6FhYlCY7uOElZUSbxo2UCDH8owEk996gkbrpsgGtrJLM3J7jGxl9Ic7Qwwj4ivOE5AWZWRMecDdF7hqGjFA==}
     engines: {node: '>=10'}
 
-  caniuse-lite@1.0.30001741:
-    resolution: {integrity: sha512-QGUGitqsc8ARjLdgAfxETDhRbJ0REsP6O3I96TAth/mVjh2cYzN2u+3AzPP3aVSm2FehEItaJw1xd+IGBXWeSw==}
-
   caniuse-lite@1.0.30001780:
     resolution: {integrity: sha512-llngX0E7nQci5BPJDqoZSbuZ5Bcs9F5db7EtgfwBerX9XGtkkiO4NwfDDIRzHTTwcYC8vC7bmeUEPGrKlR/TkQ==}
 
@@ -3403,15 +3317,6 @@ packages:
       supports-color:
         optional: true
 
-  debug@4.4.1:
-    resolution: {integrity: sha512-KcKCqiftBJcZr++7ykoDIEwSa3XWowTfNPo92BYxjXiyYEVrUQh2aLyhxBCwww+heortUFxEJYcRzosstTEBYQ==}
-    engines: {node: '>=6.0'}
-    peerDependencies:
-      supports-color: '*'
-    peerDependenciesMeta:
-      supports-color:
-        optional: true
-
   debug@4.4.3:
     resolution: {integrity: sha512-RGwwWnwQvkVfavKVt22FGLw+xYSdzARwm0ru6DhTVA3umU5hZc28V3kO4stgYryrTlLpuvgI9GiijltAjNbcqA==}
     engines: {node: '>=6.0'}
@@ -3555,17 +3460,9 @@ packages:
   ee-first@1.1.1:
     resolution: {integrity: sha512-WMwm9LhRUo+WUaRN+vRuETqG89IgZphVSNkdFgeb6sS/E4OrDIN7t48CAewSHXc6C8lefD8KKfr5vY61brQlow==}
 
-  electron-to-chromium@1.5.215:
-    resolution: {integrity: sha512-TIvGp57UpeNetj/wV/xpFNpWGb0b/ROw372lHPx5Aafx02gjTBtWnEEcaSX3W2dLM3OSdGGyHX/cHl01JQsLaQ==}
-
   electron-to-chromium@1.5.321:
     resolution: {integrity: sha512-L2C7Q279W2D/J4PLZLk7sebOILDSWos7bMsMNN06rK482umHUrh/3lM8G7IlHFOYip2oAg5nha1rCMxr/rs6ZQ==}
 
-  element-plus@2.11.4:
-    resolution: {integrity: sha512-sLq+Ypd0cIVilv8wGGMEGvzRVBBsRpJjnAS5PsI/1JU1COZXqzH3N1UYMUc/HCdvdjf6dfrBy80Sj7KcACsT7w==}
-    peerDependencies:
-      vue: ^3.2.0
-
   element-plus@2.11.8:
     resolution: {integrity: sha512-2wzSj2uubFU1f0t/gHkkE1d09mUgV18fSZX5excw3Ar6hyWcxph4E57U8dgYLDt7HwkKYv1BiqPyBdy0WqWlOA==}
     peerDependencies:
@@ -3595,10 +3492,6 @@ packages:
     resolution: {integrity: sha512-OclLMSug+k2A0JKuf494im25ANRBVW8qsjmwbgX7lQ8P82H21PQ1PWkoYwb9y5yMBS69BPlwtzdIFClo3+7kOQ==}
     engines: {node: '>= 0.11.14'}
 
-  enhanced-resolve@5.18.2:
-    resolution: {integrity: sha512-6Jw4sE1maoRJo3q8MsSIn2onJFbLTOjY9hlx4DZXmOKvLRd1Ok2kXmAGXaafL2+ijsJZ1ClYbl/pmqr9+k4iUQ==}
-    engines: {node: '>=10.13.0'}
-
   enhanced-resolve@5.20.1:
     resolution: {integrity: sha512-Qohcme7V1inbAfvjItgw0EaxVX5q2rdVEZHRBrEQdRZTssLDGsL8Lwrznl8oQ/6kuTJONLaDcGjkNP247XEhcA==}
     engines: {node: '>=10.13.0'}
@@ -3967,14 +3860,6 @@ packages:
   fault@2.0.1:
     resolution: {integrity: sha512-WtySTkS4OKev5JtpHXnib4Gxiurzh5NCGvWrFaZ34m6JehfTUhKZvn9njTfw48t6JumVQOmrKqpmGcdwxnhqBQ==}
 
-  fdir@6.4.6:
-    resolution: {integrity: sha512-hiFoqpyZcfNm1yc4u8oWCf9A2c4D3QjCrks3zmoVKVxpQRzmPNar1hUJcBG2RQHvEVGDN+Jm81ZheVLAQMK6+w==}
-    peerDependencies:
-      picomatch: ^3 || ^4
-    peerDependenciesMeta:
-      picomatch:
-        optional: true
-
   fdir@6.5.0:
     resolution: {integrity: sha512-tIbYtZbucOs0BRGqPJkshJUYdL+SDH7dVM8gjy+ERp3WAUjLEFJE+02kanyHtwjWOnwrKYBiwAmM0p4kLJAnXg==}
     engines: {node: '>=12.0.0'}
@@ -4056,6 +3941,20 @@ packages:
     resolution: {integrity: sha512-GMBAbW9antB8iZRHLoGw0b3HANt57diZYFO/HL1JGIC1MjKrdmhxvrJbupnVvpys0zsz7yBApXdQyfepKly2kA==}
     engines: {node: '>=0.10.0'}
 
+  framer-motion@12.38.0:
+    resolution: {integrity: sha512-rFYkY/pigbcswl1XQSb7q424kSTQ8q6eAC+YUsSKooHQYuLdzdHjrt6uxUC+PRAO++q5IS7+TamgIw1AphxR+g==}
+    peerDependencies:
+      '@emotion/is-prop-valid': '*'
+      react: ^18.0.0 || ^19.0.0
+      react-dom: ^18.0.0 || ^19.0.0
+    peerDependenciesMeta:
+      '@emotion/is-prop-valid':
+        optional: true
+      react:
+        optional: true
+      react-dom:
+        optional: true
+
   fs-extra@10.1.0:
     resolution: {integrity: sha512-oRXApq54ETRj4eMiFzGnHWGy+zo5raudjuxN0b8H7s/RU2oW0Wvsx9O0ACRN/kRq9E8Vu/ReskGB5o3ji+FzHQ==}
     engines: {node: '>=12'}
@@ -4219,6 +4118,9 @@ packages:
     resolution: {integrity: sha512-F/1DnUGPopORZi0ni+CvrCgHQ5FyEAHRLSApuYWMmrbSwoN2Mn/7k+Gl38gJnR7yyDZk6WLXwiGod1JOWNDKGw==}
     hasBin: true
 
+  hey-listen@1.0.8:
+    resolution: {integrity: sha512-COpmrF2NOg4TBWUJ5UVyaCU2A88wEMkUPK4hNqyCkqHbxT92BbvfjoSozkAIIm6XhicGlJHhFdullInrdhwU8Q==}
+
   highlight.js@11.9.0:
     resolution: {integrity: sha512-fJ7cW7fQGCYAkgv4CPfwFHrfd/cLS4Hau96JuJ+ZTOWhjnhoeN1ub1tFmALm/+lW5z4WCAuAV9bm05AP0mS6Gw==}
     engines: {node: '>=12.0.0'}
@@ -5027,15 +4929,24 @@ packages:
     resolution: {integrity: sha512-FP+p8RB8OWpF3YZBCrP5gtADmtXApB5AMLn+vdyA+PyxCjrCs00mjyUozssO33cwDeT3wNGdLxJ5M//YqtHAJw==}
     hasBin: true
 
-  mlly@1.7.4:
-    resolution: {integrity: sha512-qmdSIPC4bDJXgZTCR7XosJiNKySV7O215tsPtDN9iEO/7q/76b/ijtgRu/+epFXSJhijtTCCGp3DWS549P3xKw==}
-
   mlly@1.8.0:
     resolution: {integrity: sha512-l8D9ODSRWLe2KHJSifWGwBqpTZXIXTeo8mlKjY+E2HAakaTeNpqAyBZ8GSqLzHgw4XmHmC8whvpjJNMbFZN7/g==}
 
   monaco-editor@0.52.2:
     resolution: {integrity: sha512-GEQWEZmfkOGLdd3XK8ryrfWz3AIP8YymVXiPHEdewrUq7mh0qrKrfHLNCXcbB6sTnMLnOZ3ztSiKcciFUkIJwQ==}
 
+  motion-dom@12.38.0:
+    resolution: {integrity: sha512-pdkHLD8QYRp8VfiNLb8xIBJis1byQ9gPT3Jnh2jqfFtAsWUA3dEepDlsWe/xMpO8McV+VdpKVcp+E+TGJEtOoA==}
+
+  motion-utils@12.36.0:
+    resolution: {integrity: sha512-eHWisygbiwVvf6PZ1vhaHCLamvkSbPIeAYxWUuL3a2PD/TROgE7FvfHWTIH4vMl798QLfMw15nRqIaRDXTlYRg==}
+
+  motion-v@2.2.1:
+    resolution: {integrity: sha512-BYbABe1Ep/u33dHOrK+8SoVU2MuiQqT94JOYsgrge8QbrwkKf2lS6rHW2QyzP6t89wcyBvzZeLQQwfrx76dj9A==}
+    peerDependencies:
+      '@vueuse/core': '>=10.0.0'
+      vue: '>=3.0.0'
+
   mousetrap@1.6.5:
     resolution: {integrity: sha512-QNo4kEepaIBwiT8CDhP98umTetp+JNfQYBWvC1pc6/OAibuXtRcxZ58Qz8skvEHYvURne/7R8T5VoOI7rDsEUA==}
 
@@ -5089,9 +5000,6 @@ packages:
     resolution: {integrity: sha512-iwpZdvW6Umz12ICmu9IYPRxg0tOLGmU3Tq2tKetejCj3oZd7b2nUXwP3a7QA5M9glWy8wlPS1G3RwM/CdsUbdQ==}
     engines: {node: '>=8.0.0'}
 
-  node-releases@2.0.19:
-    resolution: {integrity: sha512-xxOWJsBKtzAq7DY0J+DTzuz58K8e7sJbdgwkbMWQe8UYB6ekmsQ45q0M/tJDsGaZmbC+l7n57UV8Hl5tHxO9uw==}
-
   node-releases@2.0.36:
     resolution: {integrity: sha512-TdC8FSgHz8Mwtw9g5L4gR/Sh9XhSP/0DEkQxfEFXOpiul5IiHgHan2VhYYb6agDSfp4KuvltmGApc8HMgUrIkA==}
 
@@ -5259,10 +5167,6 @@ packages:
     resolution: {integrity: sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==}
     engines: {node: '>=8.6'}
 
-  picomatch@4.0.2:
-    resolution: {integrity: sha512-M7BAV6Rlcy5u+m6oPhAPFgJTzAioX/6B0DxyvDlo9l8+T3nLKbrczg2WLUyzd45L8RqfUMyGPzekbMvX2Ldkwg==}
-    engines: {node: '>=12'}
-
   picomatch@4.0.3:
     resolution: {integrity: sha512-5gTmgEY/sqK6gFXLIsQNH19lWb4ebPDLA4SdLP7dsWkIXHWlG66oPuVvXSGFPppYZz8ZDZq0dYYrbHfBCVUb1Q==}
     engines: {node: '>=12'}
@@ -5896,10 +5800,6 @@ packages:
     resolution: {integrity: sha512-+XZ+r1XGIJGeQk3VvXhT6xx/VpbHsRzsTkGgF6E5RX9TTXD0118l87puaEBZ566FhqblC6U0d4XnubznJDm30A==}
     engines: {node: ^14.18.0 || >=16.0.0}
 
-  tapable@2.2.2:
-    resolution: {integrity: sha512-Re10+NauLTMCudc7T5WLFLAwDhQ0JWdrMK+9B2M8zR5hRExKmsRDCBA7/aV/pNJFltmBFO5BAMlQFi/vq3nKOg==}
-    engines: {node: '>=6'}
-
   tapable@2.3.0:
     resolution: {integrity: sha512-g9ljZiwki/LfxmQADO3dEY1CbpmXT5Hm2fJ+QaGKwSXUylMybePR7/67YW7jOrrvjEgL1Fmz5kzyAjWVWLlucg==}
     engines: {node: '>=6'}
@@ -5938,17 +5838,10 @@ packages:
   tiny-emitter@2.1.0:
     resolution: {integrity: sha512-NB6Dk1A9xgQPMoGqC5CVXn123gWyte215ONT5Pp5a0yt4nlEoO1ZWeCwpncaekPHXO60i47ihFnZPiRPjRMq4Q==}
 
-  tinyexec@1.0.1:
-    resolution: {integrity: sha512-5uC6DDlmeqiOwCPmK9jMSdOuZTh8bU39Ys6yidB+UTt5hfZUPGAypSgFRiEp+jbi9qH40BLDvy85jIU88wKSqw==}
-
   tinyexec@1.0.4:
     resolution: {integrity: sha512-u9r3uZC0bdpGOXtlxUIdwf9pkmvhqJdrVCH9fapQtgy/OeTTMZ1nqH7agtvEfmGui6e1XxjcdrlxvxJvc3sMqw==}
     engines: {node: '>=18'}
 
-  tinyglobby@0.2.14:
-    resolution: {integrity: sha512-tX5e7OM1HnYr2+a2C/4V0htOcSQcoSTH9KgJnVvNm5zm/cyEWKJ7j7YutsH9CxMdtOkkLFy2AHrMci9IM8IPZQ==}
-    engines: {node: '>=12.0.0'}
-
   tinyglobby@0.2.15:
     resolution: {integrity: sha512-j2Zq4NyQYG5XMST4cbs02Ak8iJUdxRM0XI5QyxXuZOzKOINmWurp3smXu3y5wDcJrptwpSjgXHzIQxR0omXljQ==}
     engines: {node: '>=12.0.0'}
@@ -6166,12 +6059,6 @@ packages:
     resolution: {integrity: sha512-PcA2tsuGSF9cnySLHTLSh2qrQiJ70mn+r+Glzxv2TWZblxsxCC52BDlZoPCsz7STd9pN7EZetkWZBAvk4cgZdQ==}
     engines: {node: '>=0.10.0'}
 
-  update-browserslist-db@1.1.3:
-    resolution: {integrity: sha512-UxhIZQ+QInVdunkDAaiazvvT/+fXL5Osr0JZlJulepYu6Jd7qJtDZjlur0emRlT71EN3ScPoE7gvsuIKKNavKw==}
-    hasBin: true
-    peerDependencies:
-      browserslist: '>= 4.21.0'
-
   update-browserslist-db@1.2.3:
     resolution: {integrity: sha512-Js0m9cx+qOgDxo0eMiFGEueWztz+d4+M3rGlmKPT+T4IS/jP4ylw3Nwpu6cpTTP8R1MAC1kF4VbdLt3ARf209w==}
     hasBin: true
@@ -6515,16 +6402,6 @@ packages:
     resolution: {integrity: sha512-E/+VitOorXSLiAqtTd7Yqax0/pAS3xaYMP+AUUJGOK1OZG3rhcj9fcJOM5HJ2VrP1FrStVCWr1muTfQCdj4tAA==}
     engines: {node: ^14.17.0 || >=16.0.0}
 
-  yaml@2.8.0:
-    resolution: {integrity: sha512-4lLa/EcQCB0cJkyts+FpIRx5G/llPxfP6VQU5KByHEhLxY3IJCH0f0Hy1MHI8sClTvsIb8qwRJ6R/ZdlDJ/leQ==}
-    engines: {node: '>= 14.6'}
-    hasBin: true
-
-  yaml@2.8.1:
-    resolution: {integrity: sha512-lcYcMxX2PO9XMGvAJkJ3OsNMw+/7FKes7/hgerGUYWIoWu5j/+YQqcZr5JnPZWzOsEBgMbSbiSTn/dv/69Mkpw==}
-    engines: {node: '>= 14.6'}
-    hasBin: true
-
   yaml@2.8.3:
     resolution: {integrity: sha512-AvbaCLOO2Otw/lW5bmh9d/WEdcDFdQp2Z2ZUH3pX9U2ihyUY0nvLv7J6TrWowklRGPYbB/IuIMfYgxaCPg5Bpg==}
     engines: {node: '>= 14.6'}
@@ -6557,7 +6434,7 @@ snapshots:
   '@antfu/install-pkg@1.1.0':
     dependencies:
       package-manager-detector: 1.3.0
-      tinyexec: 1.0.1
+      tinyexec: 1.0.4
 
   '@antfu/utils@9.3.0': {}
 
@@ -6601,8 +6478,8 @@ snapshots:
     dependencies:
       '@babel/parser': 7.28.5
       '@babel/types': 7.28.5
-      '@jridgewell/gen-mapping': 0.3.12
-      '@jridgewell/trace-mapping': 0.3.29
+      '@jridgewell/gen-mapping': 0.3.13
+      '@jridgewell/trace-mapping': 0.3.31
       jsesc: 3.1.0
 
   '@babel/helper-annotate-as-pure@7.27.3':
@@ -6613,7 +6490,7 @@ snapshots:
     dependencies:
       '@babel/compat-data': 7.28.0
       '@babel/helper-validator-option': 7.27.1
-      browserslist: 4.25.4
+      browserslist: 4.28.1
       lru-cache: 5.1.1
       semver: 6.3.1
 
@@ -6679,8 +6556,6 @@ snapshots:
 
   '@babel/helper-string-parser@7.27.1': {}
 
-  '@babel/helper-validator-identifier@7.27.1': {}
-
   '@babel/helper-validator-identifier@7.28.5': {}
 
   '@babel/helper-validator-option@7.27.1': {}
@@ -6741,7 +6616,7 @@ snapshots:
   '@cn-xufei/vite-plugin-svg-icons@2.1.0(vite@7.1.12(@types/node@25.5.0)(lightningcss@1.30.2)(sass@1.89.2)(terser@5.46.1)(yaml@2.8.3))':
     dependencies:
       cors: 2.8.5
-      debug: 4.4.1
+      debug: 4.4.3
       etag: 1.8.1
       fs-extra: 10.1.0
       pathe: 0.2.0
@@ -6810,7 +6685,7 @@ snapshots:
   '@es-joy/jsdoccomment@0.50.2':
     dependencies:
       '@types/estree': 1.0.8
-      '@typescript-eslint/types': 8.35.1
+      '@typescript-eslint/types': 8.43.0
       comment-parser: 1.4.1
       esquery: 1.6.0
       jsdoc-type-pratt-parser: 4.1.0
@@ -6918,7 +6793,7 @@ snapshots:
   '@eslint/config-array@0.21.0':
     dependencies:
       '@eslint/object-schema': 2.1.6
-      debug: 4.4.1
+      debug: 4.4.3
       minimatch: 3.1.2
     transitivePeerDependencies:
       - supports-color
@@ -6929,10 +6804,6 @@ snapshots:
     dependencies:
       '@types/json-schema': 7.0.15
 
-  '@eslint/core@0.15.1':
-    dependencies:
-      '@types/json-schema': 7.0.15
-
   '@eslint/core@0.15.2':
     dependencies:
       '@types/json-schema': 7.0.15
@@ -6940,7 +6811,7 @@ snapshots:
   '@eslint/eslintrc@3.3.1':
     dependencies:
       ajv: 6.12.6
-      debug: 4.4.1
+      debug: 4.4.3
       espree: 10.4.0
       globals: 14.0.0
       ignore: 5.3.2
@@ -6971,11 +6842,6 @@ snapshots:
 
   '@eslint/object-schema@2.1.6': {}
 
-  '@eslint/plugin-kit@0.3.3':
-    dependencies:
-      '@eslint/core': 0.15.1
-      levn: 0.4.1
-
   '@eslint/plugin-kit@0.3.5':
     dependencies:
       '@eslint/core': 0.15.2
@@ -7021,7 +6887,7 @@ snapshots:
       '@formily/reactive-vue': 2.3.7(vue@3.5.25(typescript@5.8.3))
       '@formily/shared': 2.3.7
       '@formily/vue': 2.3.7(typescript@5.8.3)(vue@3.5.25(typescript@5.8.3))
-      element-plus: 2.11.4(vue@3.5.25(typescript@5.8.3))
+      element-plus: 2.11.8(vue@3.5.25(typescript@5.8.3))
       resize-observer-polyfill: 1.5.1
       vue: 3.5.25(typescript@5.8.3)
       vue-slicksort: 1.2.0(vue@3.5.25(typescript@5.8.3))
@@ -7118,7 +6984,7 @@ snapshots:
       globals: 15.15.0
       kolorist: 1.8.0
       local-pkg: 1.1.2
-      mlly: 1.7.4
+      mlly: 1.8.0
     transitivePeerDependencies:
       - supports-color
 
@@ -7142,11 +7008,6 @@ snapshots:
     dependencies:
       '@isaacs/balanced-match': 4.0.1
 
-  '@jridgewell/gen-mapping@0.3.12':
-    dependencies:
-      '@jridgewell/sourcemap-codec': 1.5.4
-      '@jridgewell/trace-mapping': 0.3.29
-
   '@jridgewell/gen-mapping@0.3.13':
     dependencies:
       '@jridgewell/sourcemap-codec': 1.5.5
@@ -7154,8 +7015,8 @@ snapshots:
 
   '@jridgewell/remapping@2.3.5':
     dependencies:
-      '@jridgewell/gen-mapping': 0.3.12
-      '@jridgewell/trace-mapping': 0.3.29
+      '@jridgewell/gen-mapping': 0.3.13
+      '@jridgewell/trace-mapping': 0.3.31
 
   '@jridgewell/resolve-uri@3.1.2': {}
 
@@ -7164,15 +7025,8 @@ snapshots:
       '@jridgewell/gen-mapping': 0.3.13
       '@jridgewell/trace-mapping': 0.3.31
 
-  '@jridgewell/sourcemap-codec@1.5.4': {}
-
   '@jridgewell/sourcemap-codec@1.5.5': {}
 
-  '@jridgewell/trace-mapping@0.3.29':
-    dependencies:
-      '@jridgewell/resolve-uri': 3.1.2
-      '@jridgewell/sourcemap-codec': 1.5.4
-
   '@jridgewell/trace-mapping@0.3.31':
     dependencies:
       '@jridgewell/resolve-uri': 3.1.2
@@ -7633,7 +7487,7 @@ snapshots:
 
   '@types/jsdom@21.1.7':
     dependencies:
-      '@types/node': 22.18.12
+      '@types/node': 25.5.0
       '@types/tough-cookie': 4.0.5
       parse5: 7.3.0
 
@@ -7703,44 +7557,26 @@ snapshots:
       '@typescript-eslint/types': 8.43.0
       '@typescript-eslint/typescript-estree': 8.43.0(typescript@5.8.3)
       '@typescript-eslint/visitor-keys': 8.43.0
-      debug: 4.4.1
+      debug: 4.4.3
       eslint: 9.30.1
       typescript: 5.8.3
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/project-service@8.35.1(typescript@5.8.3)':
-    dependencies:
-      '@typescript-eslint/tsconfig-utils': 8.35.1(typescript@5.8.3)
-      '@typescript-eslint/types': 8.35.1
-      debug: 4.4.1
-      typescript: 5.8.3
-    transitivePeerDependencies:
-      - supports-color
-
   '@typescript-eslint/project-service@8.43.0(typescript@5.8.3)':
     dependencies:
       '@typescript-eslint/tsconfig-utils': 8.43.0(typescript@5.8.3)
       '@typescript-eslint/types': 8.43.0
-      debug: 4.4.1
+      debug: 4.4.3
       typescript: 5.8.3
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/scope-manager@8.35.1':
-    dependencies:
-      '@typescript-eslint/types': 8.35.1
-      '@typescript-eslint/visitor-keys': 8.35.1
-
   '@typescript-eslint/scope-manager@8.43.0':
     dependencies:
       '@typescript-eslint/types': 8.43.0
       '@typescript-eslint/visitor-keys': 8.43.0
 
-  '@typescript-eslint/tsconfig-utils@8.35.1(typescript@5.8.3)':
-    dependencies:
-      typescript: 5.8.3
-
   '@typescript-eslint/tsconfig-utils@8.43.0(typescript@5.8.3)':
     dependencies:
       typescript: 5.8.3
@@ -7750,40 +7586,22 @@ snapshots:
       '@typescript-eslint/types': 8.43.0
       '@typescript-eslint/typescript-estree': 8.43.0(typescript@5.8.3)
       '@typescript-eslint/utils': 8.43.0(eslint@9.30.1)(typescript@5.8.3)
-      debug: 4.4.1
+      debug: 4.4.3
       eslint: 9.30.1
       ts-api-utils: 2.1.0(typescript@5.8.3)
       typescript: 5.8.3
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/types@8.35.1': {}
-
   '@typescript-eslint/types@8.43.0': {}
 
-  '@typescript-eslint/typescript-estree@8.35.1(typescript@5.8.3)':
-    dependencies:
-      '@typescript-eslint/project-service': 8.35.1(typescript@5.8.3)
-      '@typescript-eslint/tsconfig-utils': 8.35.1(typescript@5.8.3)
-      '@typescript-eslint/types': 8.35.1
-      '@typescript-eslint/visitor-keys': 8.35.1
-      debug: 4.4.1
-      fast-glob: 3.3.3
-      is-glob: 4.0.3
-      minimatch: 9.0.5
-      semver: 7.7.2
-      ts-api-utils: 2.1.0(typescript@5.8.3)
-      typescript: 5.8.3
-    transitivePeerDependencies:
-      - supports-color
-
   '@typescript-eslint/typescript-estree@8.43.0(typescript@5.8.3)':
     dependencies:
       '@typescript-eslint/project-service': 8.43.0(typescript@5.8.3)
       '@typescript-eslint/tsconfig-utils': 8.43.0(typescript@5.8.3)
       '@typescript-eslint/types': 8.43.0
       '@typescript-eslint/visitor-keys': 8.43.0
-      debug: 4.4.1
+      debug: 4.4.3
       fast-glob: 3.3.3
       is-glob: 4.0.3
       minimatch: 9.0.5
@@ -7793,17 +7611,6 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/utils@8.35.1(eslint@9.30.1)(typescript@5.8.3)':
-    dependencies:
-      '@eslint-community/eslint-utils': 4.7.0(eslint@9.30.1)
-      '@typescript-eslint/scope-manager': 8.35.1
-      '@typescript-eslint/types': 8.35.1
-      '@typescript-eslint/typescript-estree': 8.35.1(typescript@5.8.3)
-      eslint: 9.30.1
-      typescript: 5.8.3
-    transitivePeerDependencies:
-      - supports-color
-
   '@typescript-eslint/utils@8.43.0(eslint@9.30.1)(typescript@5.8.3)':
     dependencies:
       '@eslint-community/eslint-utils': 4.7.0(eslint@9.30.1)
@@ -7815,11 +7622,6 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/visitor-keys@8.35.1':
-    dependencies:
-      '@typescript-eslint/types': 8.35.1
-      eslint-visitor-keys: 4.2.1
-
   '@typescript-eslint/visitor-keys@8.43.0':
     dependencies:
       '@typescript-eslint/types': 8.43.0
@@ -7942,7 +7744,7 @@ snapshots:
       '@babel/types': 7.28.5
       '@vue/babel-helper-vue-transform-on': 2.0.1
       '@vue/babel-plugin-resolve-type': 2.0.1(@babel/core@7.28.5)
-      '@vue/shared': 3.5.22
+      '@vue/shared': 3.5.25
     optionalDependencies:
       '@babel/core': 7.28.5
     transitivePeerDependencies:
@@ -7955,18 +7757,10 @@ snapshots:
       '@babel/helper-module-imports': 7.27.1
       '@babel/helper-plugin-utils': 7.27.1
       '@babel/parser': 7.28.5
-      '@vue/compiler-sfc': 3.5.22
+      '@vue/compiler-sfc': 3.5.25
     transitivePeerDependencies:
       - supports-color
 
-  '@vue/compiler-core@3.5.22':
-    dependencies:
-      '@babel/parser': 7.28.5
-      '@vue/shared': 3.5.22
-      entities: 4.5.0
-      estree-walker: 2.0.2
-      source-map-js: 1.2.1
-
   '@vue/compiler-core@3.5.25':
     dependencies:
       '@babel/parser': 7.28.5
@@ -7975,28 +7769,11 @@ snapshots:
       estree-walker: 2.0.2
       source-map-js: 1.2.1
 
-  '@vue/compiler-dom@3.5.22':
-    dependencies:
-      '@vue/compiler-core': 3.5.22
-      '@vue/shared': 3.5.22
-
   '@vue/compiler-dom@3.5.25':
     dependencies:
       '@vue/compiler-core': 3.5.25
       '@vue/shared': 3.5.25
 
-  '@vue/compiler-sfc@3.5.22':
-    dependencies:
-      '@babel/parser': 7.28.5
-      '@vue/compiler-core': 3.5.22
-      '@vue/compiler-dom': 3.5.22
-      '@vue/compiler-ssr': 3.5.22
-      '@vue/shared': 3.5.22
-      estree-walker: 2.0.2
-      magic-string: 0.30.21
-      postcss: 8.5.6
-      source-map-js: 1.2.1
-
   '@vue/compiler-sfc@3.5.25':
     dependencies:
       '@babel/parser': 7.28.5
@@ -8009,11 +7786,6 @@ snapshots:
       postcss: 8.5.6
       source-map-js: 1.2.1
 
-  '@vue/compiler-ssr@3.5.22':
-    dependencies:
-      '@vue/compiler-dom': 3.5.22
-      '@vue/shared': 3.5.22
-
   '@vue/compiler-ssr@3.5.25':
     dependencies:
       '@vue/compiler-dom': 3.5.25
@@ -8047,9 +7819,9 @@ snapshots:
   '@vue/language-core@2.2.10(typescript@5.8.3)':
     dependencies:
       '@volar/language-core': 2.4.17
-      '@vue/compiler-dom': 3.5.22
+      '@vue/compiler-dom': 3.5.25
       '@vue/compiler-vue2': 2.7.16
-      '@vue/shared': 3.5.22
+      '@vue/shared': 3.5.25
       alien-signals: 1.0.13
       minimatch: 9.0.5
       muggle-string: 0.4.1
@@ -8079,10 +7851,6 @@ snapshots:
       '@vue/shared': 3.5.25
       vue: 3.5.25(typescript@5.8.3)
 
-  '@vue/shared@3.5.17': {}
-
-  '@vue/shared@3.5.22': {}
-
   '@vue/shared@3.5.25': {}
 
   '@vue/tsconfig@0.5.1': {}
@@ -8220,11 +7988,9 @@ snapshots:
 
   ace-builds@1.43.1: {}
 
-  acorn-jsx@5.3.2(acorn@8.15.0):
+  acorn-jsx@5.3.2(acorn@8.16.0):
     dependencies:
-      acorn: 8.15.0
-
-  acorn@8.15.0: {}
+      acorn: 8.16.0
 
   acorn@8.16.0: {}
 
@@ -8270,7 +8036,7 @@ snapshots:
       bowser: 1.9.4
       copy-to: 2.0.1
       dateformat: 2.2.0
-      debug: 4.4.1
+      debug: 4.4.3
       destroy: 1.2.0
       end-or-error: 1.0.1
       get-ready: 1.0.0
@@ -8435,13 +8201,6 @@ snapshots:
     dependencies:
       fill-range: 7.1.1
 
-  browserslist@4.25.4:
-    dependencies:
-      caniuse-lite: 1.0.30001741
-      electron-to-chromium: 1.5.215
-      node-releases: 2.0.19
-      update-browserslist-db: 1.1.3(browserslist@4.25.4)
-
   browserslist@4.28.1:
     dependencies:
       baseline-browser-mapping: 2.10.9
@@ -8499,8 +8258,6 @@ snapshots:
 
   camelcase@6.3.0: {}
 
-  caniuse-lite@1.0.30001741: {}
-
   caniuse-lite@1.0.30001780: {}
 
   ccount@2.0.1: {}
@@ -8650,7 +8407,7 @@ snapshots:
 
   core-js-compat@3.45.1:
     dependencies:
-      browserslist: 4.25.4
+      browserslist: 4.28.1
 
   core-js@3.43.0: {}
 
@@ -8788,10 +8545,6 @@ snapshots:
     dependencies:
       ms: 2.0.0
 
-  debug@4.4.1:
-    dependencies:
-      ms: 2.1.3
-
   debug@4.4.3:
     dependencies:
       ms: 2.1.3
@@ -8937,31 +8690,8 @@ snapshots:
 
   ee-first@1.1.1: {}
 
-  electron-to-chromium@1.5.215: {}
-
   electron-to-chromium@1.5.321: {}
 
-  element-plus@2.11.4(vue@3.5.25(typescript@5.8.3)):
-    dependencies:
-      '@ctrl/tinycolor': 3.6.1
-      '@element-plus/icons-vue': 2.3.1(vue@3.5.25(typescript@5.8.3))
-      '@floating-ui/dom': 1.7.2
-      '@popperjs/core': '@sxzz/popperjs-es@2.11.8'
-      '@types/lodash': 4.17.20
-      '@types/lodash-es': 4.17.12
-      '@vueuse/core': 9.13.0(vue@3.5.25(typescript@5.8.3))
-      async-validator: 4.2.5
-      dayjs: 1.11.13
-      escape-html: 1.0.3
-      lodash: 4.17.21
-      lodash-es: 4.17.21
-      lodash-unified: 1.0.3(@types/lodash-es@4.17.12)(lodash-es@4.17.21)(lodash@4.17.21)
-      memoize-one: 6.0.0
-      normalize-wheel-es: 1.2.0
-      vue: 3.5.25(typescript@5.8.3)
-    transitivePeerDependencies:
-      - '@vue/composition-api'
-
   element-plus@2.11.8(vue@3.5.25(typescript@5.8.3)):
     dependencies:
       '@ctrl/tinycolor': 3.6.1
@@ -9001,11 +8731,6 @@ snapshots:
 
   end-or-error@1.0.1: {}
 
-  enhanced-resolve@5.18.2:
-    dependencies:
-      graceful-fs: 4.2.11
-      tapable: 2.2.2
-
   enhanced-resolve@5.20.1:
     dependencies:
       graceful-fs: 4.2.11
@@ -9201,9 +8926,9 @@ snapshots:
 
   eslint-plugin-import-x@4.16.1(@typescript-eslint/utils@8.43.0(eslint@9.30.1)(typescript@5.8.3))(eslint@9.30.1):
     dependencies:
-      '@typescript-eslint/types': 8.35.1
+      '@typescript-eslint/types': 8.43.0
       comment-parser: 1.4.1
-      debug: 4.4.1
+      debug: 4.4.3
       eslint: 9.30.1
       eslint-import-context: 0.1.9(unrs-resolver@1.10.1)
       is-glob: 4.0.3
@@ -9221,7 +8946,7 @@ snapshots:
       '@es-joy/jsdoccomment': 0.56.0
       are-docs-informative: 0.0.2
       comment-parser: 1.4.1
-      debug: 4.4.1
+      debug: 4.4.3
       escape-string-regexp: 4.0.0
       eslint: 9.30.1
       espree: 10.4.0
@@ -9249,7 +8974,7 @@ snapshots:
   eslint-plugin-n@17.21.3(eslint@9.30.1)(typescript@5.8.3):
     dependencies:
       '@eslint-community/eslint-utils': 4.7.0(eslint@9.30.1)
-      enhanced-resolve: 5.18.2
+      enhanced-resolve: 5.20.1
       eslint: 9.30.1
       eslint-plugin-es-x: 7.8.0(eslint@9.30.1)
       get-tsconfig: 4.10.1
@@ -9263,8 +8988,8 @@ snapshots:
 
   eslint-plugin-perfectionist@4.15.0(eslint@9.30.1)(typescript@5.8.3):
     dependencies:
-      '@typescript-eslint/types': 8.35.1
-      '@typescript-eslint/utils': 8.35.1(eslint@9.30.1)(typescript@5.8.3)
+      '@typescript-eslint/types': 8.43.0
+      '@typescript-eslint/utils': 8.43.0(eslint@9.30.1)(typescript@5.8.3)
       eslint: 9.30.1
       natural-orderby: 5.0.0
     transitivePeerDependencies:
@@ -9278,7 +9003,7 @@ snapshots:
       jsonc-eslint-parser: 2.4.0
       pathe: 2.0.3
       pnpm-workspace-yaml: 1.1.1
-      tinyglobby: 0.2.14
+      tinyglobby: 0.2.15
       yaml-eslint-parser: 1.3.0
 
   eslint-plugin-prettier@5.5.4(@types/eslint@9.6.1)(eslint-config-prettier@10.1.8(eslint@9.30.1))(eslint@9.30.1)(prettier@3.6.2):
@@ -9308,9 +9033,9 @@ snapshots:
 
   eslint-plugin-unicorn@60.0.0(eslint@9.30.1):
     dependencies:
-      '@babel/helper-validator-identifier': 7.27.1
+      '@babel/helper-validator-identifier': 7.28.5
       '@eslint-community/eslint-utils': 4.7.0(eslint@9.30.1)
-      '@eslint/plugin-kit': 0.3.3
+      '@eslint/plugin-kit': 0.3.5
       change-case: 5.4.4
       ci-info: 4.3.0
       clean-regexp: 1.0.0
@@ -9349,7 +9074,7 @@ snapshots:
 
   eslint-plugin-yml@1.18.0(eslint@9.30.1):
     dependencies:
-      debug: 4.4.1
+      debug: 4.4.3
       escape-string-regexp: 4.0.0
       eslint: 9.30.1
       eslint-compat-utils: 0.6.5(eslint@9.30.1)
@@ -9381,7 +9106,7 @@ snapshots:
       '@eslint/core': 0.14.0
       '@eslint/eslintrc': 3.3.1
       '@eslint/js': 9.30.1
-      '@eslint/plugin-kit': 0.3.3
+      '@eslint/plugin-kit': 0.3.5
       '@humanfs/node': 0.16.6
       '@humanwhocodes/module-importer': 1.0.1
       '@humanwhocodes/retry': 0.4.3
@@ -9390,7 +9115,7 @@ snapshots:
       ajv: 6.12.6
       chalk: 4.1.2
       cross-spawn: 7.0.6
-      debug: 4.4.1
+      debug: 4.4.3
       escape-string-regexp: 4.0.0
       eslint-scope: 8.4.0
       eslint-visitor-keys: 4.2.1
@@ -9414,14 +9139,14 @@ snapshots:
 
   espree@10.4.0:
     dependencies:
-      acorn: 8.15.0
-      acorn-jsx: 5.3.2(acorn@8.15.0)
+      acorn: 8.16.0
+      acorn-jsx: 5.3.2(acorn@8.16.0)
       eslint-visitor-keys: 4.2.1
 
   espree@9.6.1:
     dependencies:
-      acorn: 8.15.0
-      acorn-jsx: 5.3.2(acorn@8.15.0)
+      acorn: 8.16.0
+      acorn-jsx: 5.3.2(acorn@8.16.0)
       eslint-visitor-keys: 3.4.3
 
   esquery@1.6.0:
@@ -9518,10 +9243,6 @@ snapshots:
     dependencies:
       format: 0.2.2
 
-  fdir@6.4.6(picomatch@4.0.3):
-    optionalDependencies:
-      picomatch: 4.0.3
-
   fdir@6.5.0(picomatch@4.0.3):
     optionalDependencies:
       picomatch: 4.0.3
@@ -9597,6 +9318,12 @@ snapshots:
     dependencies:
       map-cache: 0.2.2
 
+  framer-motion@12.38.0:
+    dependencies:
+      motion-dom: 12.38.0
+      motion-utils: 12.36.0
+      tslib: 2.8.1
+
   fs-extra@10.1.0:
     dependencies:
       graceful-fs: 4.2.11
@@ -9749,6 +9476,8 @@ snapshots:
 
   he@1.2.0: {}
 
+  hey-listen@1.0.8: {}
+
   highlight.js@11.9.0: {}
 
   hookable@5.5.3: {}
@@ -9783,14 +9512,14 @@ snapshots:
   http-proxy-agent@7.0.2:
     dependencies:
       agent-base: 7.1.3
-      debug: 4.4.1
+      debug: 4.4.3
     transitivePeerDependencies:
       - supports-color
 
   https-proxy-agent@7.0.6:
     dependencies:
       agent-base: 7.1.3
-      debug: 4.4.1
+      debug: 4.4.3
     transitivePeerDependencies:
       - supports-color
 
@@ -10120,7 +9849,7 @@ snapshots:
 
   jsonc-eslint-parser@2.4.0:
     dependencies:
-      acorn: 8.15.0
+      acorn: 8.16.0
       eslint-visitor-keys: 3.4.3
       espree: 9.6.1
       semver: 7.7.2
@@ -10259,7 +9988,7 @@ snapshots:
 
   local-pkg@1.1.2:
     dependencies:
-      mlly: 1.7.4
+      mlly: 1.8.0
       pkg-types: 2.3.0
       quansync: 0.2.11
 
@@ -10653,7 +10382,7 @@ snapshots:
   micromark@4.0.2:
     dependencies:
       '@types/debug': 4.1.12
-      debug: 4.4.1
+      debug: 4.4.3
       decode-named-character-reference: 1.2.0
       devlop: 1.1.0
       micromark-core-commonmark: 2.0.3
@@ -10736,22 +10465,34 @@ snapshots:
     dependencies:
       minimist: 1.2.8
 
-  mlly@1.7.4:
-    dependencies:
-      acorn: 8.15.0
-      pathe: 2.0.3
-      pkg-types: 1.3.1
-      ufo: 1.6.1
-
   mlly@1.8.0:
     dependencies:
-      acorn: 8.15.0
+      acorn: 8.16.0
       pathe: 2.0.3
       pkg-types: 1.3.1
       ufo: 1.6.1
 
   monaco-editor@0.52.2: {}
 
+  motion-dom@12.38.0:
+    dependencies:
+      motion-utils: 12.36.0
+
+  motion-utils@12.36.0: {}
+
+  motion-v@2.2.1(@vueuse/core@14.0.0(vue@3.5.25(typescript@5.8.3)))(vue@3.5.25(typescript@5.8.3)):
+    dependencies:
+      '@vueuse/core': 14.0.0(vue@3.5.25(typescript@5.8.3))
+      framer-motion: 12.38.0
+      hey-listen: 1.0.8
+      motion-dom: 12.38.0
+      motion-utils: 12.36.0
+      vue: 3.5.25(typescript@5.8.3)
+    transitivePeerDependencies:
+      - '@emotion/is-prop-valid'
+      - react
+      - react-dom
+
   mousetrap@1.6.5: {}
 
   ms@2.0.0: {}
@@ -10804,8 +10545,6 @@ snapshots:
 
   node-hex@1.0.1: {}
 
-  node-releases@2.0.19: {}
-
   node-releases@2.0.36: {}
 
   normalize-wheel-es@1.2.0: {}
@@ -10814,7 +10553,7 @@ snapshots:
 
   npm-run-all2@6.2.6:
     dependencies:
-      ansi-styles: 6.2.1
+      ansi-styles: 6.2.3
       cross-spawn: 7.0.6
       memorystream: 0.3.1
       minimatch: 9.0.5
@@ -11001,8 +10740,6 @@ snapshots:
 
   picomatch@2.3.1: {}
 
-  picomatch@4.0.2: {}
-
   picomatch@4.0.3: {}
 
   pidtree@0.6.0: {}
@@ -11017,7 +10754,7 @@ snapshots:
   pkg-types@1.3.1:
     dependencies:
       confbox: 0.1.8
-      mlly: 1.7.4
+      mlly: 1.8.0
       pathe: 2.0.3
 
   pkg-types@2.3.0:
@@ -11032,7 +10769,7 @@ snapshots:
 
   pnpm-workspace-yaml@1.1.1:
     dependencies:
-      yaml: 2.8.1
+      yaml: 2.8.3
 
   posix-character-classes@0.1.1: {}
 
@@ -11328,7 +11065,7 @@ snapshots:
   rollup-plugin-visualizer@5.14.0(rollup@4.44.1):
     dependencies:
       open: 8.4.2
-      picomatch: 4.0.2
+      picomatch: 4.0.3
       source-map: 0.7.4
       yargs: 17.7.2
     optionalDependencies:
@@ -11748,8 +11485,6 @@ snapshots:
     dependencies:
       '@pkgr/core': 0.2.7
 
-  tapable@2.2.2: {}
-
   tapable@2.3.0: {}
 
   terser-webpack-plugin@5.4.0(webpack@5.99.9):
@@ -11779,15 +11514,8 @@ snapshots:
 
   tiny-emitter@2.1.0: {}
 
-  tinyexec@1.0.1: {}
-
   tinyexec@1.0.4: {}
 
-  tinyglobby@0.2.14:
-    dependencies:
-      fdir: 6.4.6(picomatch@4.0.3)
-      picomatch: 4.0.3
-
   tinyglobby@0.2.15:
     dependencies:
       fdir: 6.5.0(picomatch@4.0.3)
@@ -11941,7 +11669,7 @@ snapshots:
 
   unimport@5.5.0:
     dependencies:
-      acorn: 8.15.0
+      acorn: 8.16.0
       escape-string-regexp: 5.0.0
       estree-walker: 3.0.3
       local-pkg: 1.1.2
@@ -12033,7 +11761,7 @@ snapshots:
   unplugin@2.3.10:
     dependencies:
       '@jridgewell/remapping': 2.3.5
-      acorn: 8.15.0
+      acorn: 8.16.0
       picomatch: 4.0.3
       webpack-virtual-modules: 0.6.2
 
@@ -12066,12 +11794,6 @@ snapshots:
       has-value: 0.3.1
       isobject: 3.0.1
 
-  update-browserslist-db@1.1.3(browserslist@4.25.4):
-    dependencies:
-      browserslist: 4.25.4
-      escalade: 3.2.0
-      picocolors: 1.1.1
-
   update-browserslist-db@1.2.3(browserslist@4.28.1):
     dependencies:
       browserslist: 4.28.1
@@ -12169,7 +11891,7 @@ snapshots:
 
   vue-eslint-parser@10.2.0(eslint@9.30.1):
     dependencies:
-      debug: 4.4.1
+      debug: 4.4.3
       eslint: 9.30.1
       eslint-scope: 8.4.0
       eslint-visitor-keys: 4.2.1
@@ -12426,11 +12148,7 @@ snapshots:
   yaml-eslint-parser@1.3.0:
     dependencies:
       eslint-visitor-keys: 3.4.3
-      yaml: 2.8.0
-
-  yaml@2.8.0: {}
-
-  yaml@2.8.1: {}
+      yaml: 2.8.3
 
   yaml@2.8.3: {}
 

From 8ffe036e12c021cdbca527df90bf40319d0fb225 Mon Sep 17 00:00:00 2001
From: Feynman <xufei@tapdata.io>
Date: Wed, 6 May 2026 09:08:09 +0800
Subject: [PATCH 5/5] refactor: consolidate column order logic in TablePage
 component by removing redundant onColumnPopoverShow method and integrating
 functionality into buildDragColumns

---
 .../business/src/components/TablePage.vue     | 50 +++++++++----------
 1 file changed, 25 insertions(+), 25 deletions(-)

diff --git a/packages/business/src/components/TablePage.vue b/packages/business/src/components/TablePage.vue
index f97e5505c..2e64c86d1 100644
--- a/packages/business/src/components/TablePage.vue
+++ b/packages/business/src/components/TablePage.vue
@@ -554,6 +554,31 @@ export default defineComponent({
           }
         }
       }
+
+      // Build dragColumns respecting saved order
+      buildDragColumns()
+    }
+
+    const buildDragColumns = () => {
+      const cols = extractSlotColumns()
+      if (columnOrder.value.length) {
+        const colMap = new Map(cols.map((c) => [c.key, c]))
+        const ordered: ColumnConfig[] = []
+        for (const key of columnOrder.value) {
+          const col = colMap.get(key)
+          if (col) {
+            ordered.push(col)
+            colMap.delete(key)
+          }
+        }
+        // Append any new columns not in the saved order
+        for (const col of colMap.values()) {
+          ordered.push(col)
+        }
+        dragColumns.value = ordered
+      } else {
+        dragColumns.value = cols
+      }
     }
 
     const _doSaveColumnConfig = () => {
@@ -588,29 +613,6 @@ export default defineComponent({
 
     const saveColumnConfig = debounce(_doSaveColumnConfig, 300)
 
-    const onColumnPopoverShow = () => {
-      // Rebuild dragColumns respecting current order
-      const cols = extractSlotColumns()
-      if (columnOrder.value.length) {
-        const colMap = new Map(cols.map((c) => [c.key, c]))
-        const ordered: ColumnConfig[] = []
-        for (const key of columnOrder.value) {
-          const col = colMap.get(key)
-          if (col) {
-            ordered.push(col)
-            colMap.delete(key)
-          }
-        }
-        // Append any new columns not in the saved order
-        for (const col of colMap.values()) {
-          ordered.push(col)
-        }
-        dragColumns.value = ordered
-      } else {
-        dragColumns.value = cols
-      }
-    }
-
     const toggleColumnVisibility = (col: ColumnConfig) => {
       col.visible = !col.visible
       columnVisibility.value = {
@@ -694,7 +696,6 @@ export default defineComponent({
       toggleColumnVisibility,
       onReorderEnd,
       resetColumns,
-      onColumnPopoverShow,
     }
   },
 })
@@ -771,7 +772,6 @@ export default defineComponent({
                 placement="bottom-end"
                 popper-class="p-0"
                 :show-arrow="false"
-                @show="onColumnPopoverShow"
               >
                 <template #reference>
                   <el-button>