[Improvement-17947][ui] Improve delete confirmation to show workflow name (#18029)

Author: asadjan4611

dolphinscheduler-ui/src/locales/en_US/project.ts

@@ -150,6 +150,9 @@ export default {
     end_time: 'End Time',
     crontab: 'Crontab',
     delete_confirm: 'Delete?',
+    delete_confirm_with_name: 'Delete "{name}"?',
+    delete_irreversible:
+      'This action cannot be undone. The workflow and its associated data will be permanently deleted.',
     enter_name_tips: 'Please enter name',
     switch_version: 'Switch To This Version',
     confirm_switch_version: 'Confirm Switch To This Version?',

dolphinscheduler-ui/src/locales/zh_CN/project.ts

@@ -149,6 +149,8 @@ export default {
     end_time: '结束时间',
     crontab: 'Crontab',
     delete_confirm: '确定删除吗?',
+    delete_confirm_with_name: '确定删除“{name}”吗?',
+    delete_irreversible: '此操作不可撤销。工作流及其关联数据将被永久删除。',
     enter_name_tips: '请输入名称',
     switch_version: '切换到该版本',
     confirm_switch_version: '确定切换到该版本吗?',

dolphinscheduler-ui/src/views/projects/workflow/definition/components/table-action.tsx

@@ -16,7 +16,7 @@
  */
 
 import { defineComponent, PropType, toRefs } from 'vue'
-import { NSpace, NTooltip, NButton, NIcon, NPopconfirm } from 'naive-ui'
+import { NSpace, NTooltip, NButton, NIcon, NPopconfirm, NText } from 'naive-ui'
 import {
   DeleteOutlined,
   DownloadOutlined,
@@ -271,7 +271,27 @@ export default defineComponent({
                 onPositiveClick={this.handleDeleteWorkflow}
               >
                 {{
-                  default: () => t('project.workflow.delete_confirm'),
+                  default: () => (
+                    <div style={{ maxWidth: 360 }}>
+                      <div style={{ fontWeight: 600, marginBottom: 6 }}>
+                        {(() => {
+                          const workflowName = (this.row?.name || '').trim()
+                          if (!workflowName) {
+                            return t('project.workflow.delete_confirm')
+                          }
+                          return t(
+                            'project.workflow.delete_confirm_with_name',
+                            {
+                              name: workflowName
+                            }
+                          )
+                        })()}
+                      </div>
+                      <NText type='error'>
+                        {t('project.workflow.delete_irreversible')}
+                      </NText>
+                    </div>
+                  ),
                   trigger: () => (
                     <NButton
                       size='small'