refactor: restore zq admin design baseline

web/apps/web-ele/src/components/ai-chat-panel/AiChatPanel.vue

@@ -16,7 +16,7 @@ import type {
  * - agent-debug: 智能体编辑器调试模式
  * - agent-chat: 智能体正式对话模式（支持历史、反馈）
  */
-import { computed, onUnmounted, ref, watch } from 'vue';
+import { computed, defineAsyncComponent, onUnmounted, ref, watch } from 'vue';
 
 import { Settings2, X } from '@vben/icons';
 
@@ -31,19 +31,32 @@ import {
 
 import { AiWorkingAnimation } from '#/components/ai-loading';
 import { ChatBox } from '#/components/ChatBox';
-import {
-  AppDesignPanel,
-  AppSettingsPanel,
-  DashboardBasicInfoConfirmPanel,
-  DashboardDesignConfirmPanel,
-  DashboardPublishConfirmPanel,
-  DesignEditorPanel,
-  SystemSummaryConfirmPanel,
-} from '#/components/form-editor';
 
 import { useChatApi } from './composables/useChatApi';
 import { useEventHandler } from './composables/useEventHandler';
 
+const AppDesignPanel = defineAsyncComponent(() =>
+  import('#/components/form-editor/AppDesignPanel.vue'),
+);
+const AppSettingsPanel = defineAsyncComponent(() =>
+  import('#/components/form-editor/AppSettingsPanel.vue'),
+);
+const DashboardBasicInfoConfirmPanel = defineAsyncComponent(() =>
+  import('#/components/form-editor/DashboardBasicInfoConfirmPanel.vue'),
+);
+const DashboardDesignConfirmPanel = defineAsyncComponent(() =>
+  import('#/components/form-editor/DashboardDesignConfirmPanel.vue'),
+);
+const DashboardPublishConfirmPanel = defineAsyncComponent(() =>
+  import('#/components/form-editor/DashboardPublishConfirmPanel.vue'),
+);
+const DesignEditorPanel = defineAsyncComponent(() =>
+  import('#/components/form-editor/DesignEditorPanel.vue'),
+);
+const SystemSummaryConfirmPanel = defineAsyncComponent(() =>
+  import('#/components/form-editor/SystemSummaryConfirmPanel.vue'),
+);
+
 // ==================== Props ====================
 const props = withDefaults(defineProps<AiChatPanelProps>(), {
   mode: 'workflow',