Trim online design previews from AI panels

web/apps/web-ele/src/components/ChatBox/types.ts

@@ -94,10 +94,13 @@ export interface InteractionConfig {
 
 // 设计预览类型
 export type DesignPreviewType =
+  | 'agent_capability'
   | 'database_design'
-  | 'form_basic_info'
-  | 'form_ui_design'
-  | 'list_config';
+  | 'knowledge_retrieval'
+  | 'list_config'
+  | 'llm_config'
+  | 'system_summary'
+  | 'workflow_result';
 
 // 设计预览配置
 export interface DesignPreview {

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

@@ -18,7 +18,7 @@ import type {
  */
 import { computed, onUnmounted, ref, watch } from 'vue';
 
-import { Settings2, X } from '@vben/icons';
+import { Close, Setting } from '@element-plus/icons-vue';
 
 import {
   ElButton,
@@ -32,11 +32,6 @@ import {
 import { AiWorkingAnimation } from '#/components/ai-loading';
 import { ChatBox } from '#/components/ChatBox';
 import {
-  AppDesignPanel,
-  AppSettingsPanel,
-  DashboardBasicInfoConfirmPanel,
-  DashboardDesignConfirmPanel,
-  DashboardPublishConfirmPanel,
   DesignEditorPanel,
   SystemSummaryConfirmPanel,
 } from '#/components/form-editor';
@@ -197,21 +192,6 @@ const pendingMessage = ref('');
 const showDesignPanel = ref(false);
 const currentDesign = ref<DesignPreviewData | undefined>(undefined);
 
-const showAppDesignPanel = ref(false);
-const currentAppDesign = ref<DesignPreviewData | undefined>(undefined);
-
-const showAppSettingsPanel = ref(false);
-const currentAppSettings = ref<DesignPreviewData | undefined>(undefined);
-
-const showDashboardBasicInfoPanel = ref(false);
-const currentDashboardBasicInfo = ref<DesignPreviewData | undefined>(undefined);
-
-const showDashboardDesignPanel = ref(false);
-const currentDashboardDesign = ref<DesignPreviewData | undefined>(undefined);
-
-const showDashboardPublishPanel = ref(false);
-const currentDashboardPublish = ref<DesignPreviewData | undefined>(undefined);
-
 const showSystemSummaryPanel = ref(false);
 const currentSystemSummary = ref<DesignPreviewData | undefined>(undefined);
 
@@ -223,11 +203,6 @@ const loadingAnimationTitle = ref('AI 正在开发...');
 const hasAnyDesignPanelOpen = computed(
   () =>
     showDesignPanel.value ||
-    showAppDesignPanel.value ||
-    showAppSettingsPanel.value ||
-    showDashboardBasicInfoPanel.value ||
-    showDashboardDesignPanel.value ||
-    showDashboardPublishPanel.value ||
     showSystemSummaryPanel.value ||
     showLoadingAnimation.value,
 );
@@ -278,31 +253,6 @@ const handleDesignPreview = (data: DesignPreviewData) => {
   showLoadingAnimation.value = false;
 
   switch (data.type) {
-    case 'app_design': {
-      currentAppDesign.value = data;
-      showAppDesignPanel.value = true;
-      break;
-    }
-    case 'app_settings': {
-      currentAppSettings.value = data;
-      showAppSettingsPanel.value = true;
-      break;
-    }
-    case 'dashboard_basic_info': {
-      currentDashboardBasicInfo.value = data;
-      showDashboardBasicInfoPanel.value = true;
-      break;
-    }
-    case 'dashboard_design': {
-      currentDashboardDesign.value = data;
-      showDashboardDesignPanel.value = true;
-      break;
-    }
-    case 'dashboard_publish': {
-      currentDashboardPublish.value = data;
-      showDashboardPublishPanel.value = true;
-      break;
-    }
     case 'system_summary': {
       currentSystemSummary.value = data;
       showSystemSummaryPanel.value = true;
@@ -807,68 +757,6 @@ const handleDesignClose = createDesignCloseHandler(
   currentDesign,
 );
 
-const handleAppDesignConfirm = createDesignConfirmHandler(
-  showAppDesignPanel,
-  currentAppDesign,
-  '确认应用设计',
-);
-const handleAppDesignClose = createDesignCloseHandler(
-  showAppDesignPanel,
-  currentAppDesign,
-);
-
-const handleAppSettingsConfirm = createDesignConfirmHandler(
-  showAppSettingsPanel,
-  currentAppSettings,
-  '确认应用设置',
-);
-const handleAppSettingsClose = createDesignCloseHandler(
-  showAppSettingsPanel,
-  currentAppSettings,
-);
-
-const handleDashboardBasicInfoConfirm = createDesignConfirmHandler(
-  showDashboardBasicInfoPanel,
-  currentDashboardBasicInfo,
-  '确认仪表盘基础信息',
-);
-const handleDashboardBasicInfoClose = createDesignCloseHandler(
-  showDashboardBasicInfoPanel,
-  currentDashboardBasicInfo,
-);
-
-const handleDashboardDesignConfirm = createDesignConfirmHandler(
-  showDashboardDesignPanel,
-  currentDashboardDesign,
-  '确认仪表盘设计',
-);
-const handleDashboardDesignClose = createDesignCloseHandler(
-  showDashboardDesignPanel,
-  currentDashboardDesign,
-);
-
-const handleDashboardPublishConfirm = (data: Record<string, any>) => {
-  showDashboardPublishPanel.value = false;
-  currentDashboardPublish.value = undefined;
-
-  const userMsg: ChatMessage = {
-    id: generateId(),
-    role: 'user',
-    content: `发布到菜单：${data.menu_name}`,
-    timestamp: new Date(),
-  };
-  messages.value.push(userMsg);
-
-  waitingForInput.value = false;
-  waitingConfig.value = null;
-
-  resumeExecution(JSON.stringify(data));
-};
-const handleDashboardPublishClose = createDesignCloseHandler(
-  showDashboardPublishPanel,
-  currentDashboardPublish,
-);
-
 const handleSystemSummaryConfirm = createDesignConfirmHandler(
   showSystemSummaryPanel,
   currentSystemSummary,
@@ -919,14 +807,14 @@ onUnmounted(() => {
               mode === 'workflow' && enableVariablesForm && hasMultipleVariables
             "
             link
-            :icon="Settings2"
+            :icon="Setting"
             title="配置输入变量"
             @click="variablesDialogVisible = true"
           />
           <ElButton
             v-if="showCloseButton"
             link
-            :icon="X"
+            :icon="Close"
             @click="$emit('close')"
           />
         </div>
@@ -1014,56 +902,6 @@ onUnmounted(() => {
         @close="handleDesignClose"
       />
 
-      <!-- 应用设计面板 -->
-      <AppDesignPanel
-        v-if="showAppDesignPanel"
-        :visible="showAppDesignPanel"
-        :design="currentAppDesign as any"
-        @update:visible="showAppDesignPanel = $event"
-        @confirm="handleAppDesignConfirm"
-        @close="handleAppDesignClose"
-      />
-
-      <!-- 应用设置面板 -->
-      <AppSettingsPanel
-        v-if="showAppSettingsPanel"
-        :visible="showAppSettingsPanel"
-        :settings="currentAppSettings as any"
-        @update:visible="showAppSettingsPanel = $event"
-        @confirm="handleAppSettingsConfirm"
-        @close="handleAppSettingsClose"
-      />
-
-      <!-- 仪表盘基础信息面板 -->
-      <DashboardBasicInfoConfirmPanel
-        v-if="showDashboardBasicInfoPanel"
-        :visible="showDashboardBasicInfoPanel"
-        :basic-info="currentDashboardBasicInfo as any"
-        @update:visible="showDashboardBasicInfoPanel = $event"
-        @confirm="handleDashboardBasicInfoConfirm"
-        @close="handleDashboardBasicInfoClose"
-      />
-
-      <!-- 仪表盘设计面板 -->
-      <DashboardDesignConfirmPanel
-        v-if="showDashboardDesignPanel"
-        :visible="showDashboardDesignPanel"
-        :design="currentDashboardDesign as any"
-        @update:visible="showDashboardDesignPanel = $event"
-        @confirm="handleDashboardDesignConfirm"
-        @close="handleDashboardDesignClose"
-      />
-
-      <!-- 仪表盘发布面板 -->
-      <DashboardPublishConfirmPanel
-        v-if="showDashboardPublishPanel"
-        :visible="showDashboardPublishPanel"
-        :publish-data="currentDashboardPublish as any"
-        @update:visible="showDashboardPublishPanel = $event"
-        @confirm="handleDashboardPublishConfirm"
-        @close="handleDashboardPublishClose"
-      />
-
       <!-- 系统总结面板 -->
       <SystemSummaryConfirmPanel
         v-if="showSystemSummaryPanel"
@@ -1085,46 +923,6 @@ onUnmounted(() => {
         @close="handleDesignClose"
       />
 
-      <AppDesignPanel
-        :visible="showAppDesignPanel"
-        :design="currentAppDesign as any"
-        @update:visible="showAppDesignPanel = $event"
-        @confirm="handleAppDesignConfirm"
-        @close="handleAppDesignClose"
-      />
-
-      <AppSettingsPanel
-        :visible="showAppSettingsPanel"
-        :settings="currentAppSettings as any"
-        @update:visible="showAppSettingsPanel = $event"
-        @confirm="handleAppSettingsConfirm"
-        @close="handleAppSettingsClose"
-      />
-
-      <DashboardBasicInfoConfirmPanel
-        :visible="showDashboardBasicInfoPanel"
-        :basic-info="currentDashboardBasicInfo as any"
-        @update:visible="showDashboardBasicInfoPanel = $event"
-        @confirm="handleDashboardBasicInfoConfirm"
-        @close="handleDashboardBasicInfoClose"
-      />
-
-      <DashboardDesignConfirmPanel
-        :visible="showDashboardDesignPanel"
-        :design="currentDashboardDesign as any"
-        @update:visible="showDashboardDesignPanel = $event"
-        @confirm="handleDashboardDesignConfirm"
-        @close="handleDashboardDesignClose"
-      />
-
-      <DashboardPublishConfirmPanel
-        :visible="showDashboardPublishPanel"
-        :publish-data="currentDashboardPublish as any"
-        @update:visible="showDashboardPublishPanel = $event"
-        @confirm="handleDashboardPublishConfirm"
-        @close="handleDashboardPublishClose"
-      />
-
       <SystemSummaryConfirmPanel
         :visible="showSystemSummaryPanel"
         :data="currentSystemSummary as any"

web/apps/web-ele/src/components/ai-chat-panel/form-editor-lite.ts

@@ -5,19 +5,9 @@ type PreviewData = {
   [key: string]: any;
 };
 
-export type AppDesignData = PreviewData;
-export type AppSettingsData = PreviewData;
-export type DashboardBasicInfoData = PreviewData;
-export type DashboardDesignData = PreviewData;
-export type DashboardPublishData = PreviewData;
 export type DesignData = PreviewData;
 export type DesignType = string;
 export type SystemSummaryData = PreviewData;
 
-export const AppDesignPanel = DesignPreviewDialog;
-export const AppSettingsPanel = DesignPreviewDialog;
-export const DashboardBasicInfoConfirmPanel = DesignPreviewDialog;
-export const DashboardDesignConfirmPanel = DesignPreviewDialog;
-export const DashboardPublishConfirmPanel = DesignPreviewDialog;
 export const DesignEditorPanel = DesignPreviewDialog;
 export const SystemSummaryConfirmPanel = DesignPreviewDialog;

web/apps/web-ele/src/components/ai-chat-panel/types.ts

@@ -56,15 +56,12 @@ export interface AgentInfo {
 
 /** 设计预览类型 */
 export type DesignPreviewType =
-  | 'app_design'
-  | 'app_settings'
-  | 'dashboard_basic_info'
-  | 'dashboard_design'
-  | 'dashboard_publish'
+  | 'agent_capability'
   | 'database_design'
-  | 'form_basic_info'
-  | 'form_ui_design'
+  | 'knowledge_retrieval'
   | 'list_config'
+  | 'llm_config'
+  | 'workflow_result'
   | 'system_summary';
 
 /** 设计预览数据 */