feat: 统一管理端弹窗与内容区交互样式

- 收敛管理端公共 Modal 链路，新增表单弹窗与普通内容弹窗包装\n- 迁移 Bot、知识库、插件、工作流、资源、MCP、数据中枢与系统管理页面级弹窗\n- 统一内容区工具栏、列表容器、导航与顶部按钮的视觉密度和交互节奏

easyflow-ui-admin/app/src/views/ai/documentCollection/FaqEditDialog.vue

@@ -3,13 +3,12 @@ import type { IDomEditor } from '@wangeditor/editor';
 
 import { nextTick, onBeforeUnmount, ref, shallowRef, watch } from 'vue';
 
+import { EasyFlowFormModal } from '@easyflow/common-ui';
 import { $t } from '@easyflow/locales';
 
 import { Editor, Toolbar } from '@wangeditor/editor-for-vue';
 import DOMPurify from 'dompurify';
 import {
-  ElButton,
-  ElDialog,
   ElForm,
   ElFormItem,
   ElInput,
@@ -189,15 +188,20 @@ onBeforeUnmount(() => {
 </script>
 
 <template>
-  <ElDialog
+  <EasyFlowFormModal
     class="faq-edit-dialog"
-    :model-value="modelValue"
+    :open="modelValue"
     :title="form.id ? $t('button.edit') : $t('button.add')"
     width="min(920px, 92vw)"
-    :close-on-click-modal="false"
-    @close="closeDialog"
+    :confirm-text="$t('button.save')"
+    @update:open="emit('update:modelValue', $event)"
+    @cancel="closeDialog"
+    @confirm="handleSubmit"
   >
-    <ElForm class="faq-form" label-position="top">
+    <ElForm
+      class="faq-form easyflow-modal-form easyflow-modal-form--compact"
+      label-position="top"
+    >
       <ElFormItem :label="$t('documentCollection.faq.category')">
         <ElTreeSelect
           v-model="form.categoryId"
@@ -233,17 +237,7 @@ onBeforeUnmount(() => {
         </div>
       </ElFormItem>
     </ElForm>
-    <template #footer>
-      <div class="dialog-footer">
-        <ElButton class="footer-btn" @click="closeDialog">
-          {{ $t('button.cancel') }}
-        </ElButton>
-        <ElButton class="footer-btn" type="primary" @click="handleSubmit">
-          {{ $t('button.save') }}
-        </ElButton>
-      </div>
-    </template>
-  </ElDialog>
+  </EasyFlowFormModal>
 </template>
 
 <style scoped>