fix：fix review

Author: lichunn

packages/canvas/DesignCanvas/src/api/types.ts

@@ -6,6 +6,7 @@ export type AIHelperState = 'hidden' | 'chat' | 'loading' | 'confirm' | 'complet
 
 export interface NodeAIStatus {
   state: AIHelperState
+  collapsed?: boolean // 面板是否收起（收起时保留原状态，重新打开可恢复）
   aiContext?: any
   lastAIAction?: string
   aiHistory?: Array<{

packages/canvas/container/src/components/AILoadingDialog.vue

@@ -84,11 +84,6 @@ export default {
     display: flex;
     gap: 12px;
     align-items: center;
-    .refresh-icon {
-      cursor: pointer;
-      color: #000;
-      font-size: 18px;
-    }
     .actions-btn {
       min-width: 40px;
       height: 28px;

packages/canvas/container/src/components/CanvasAIChat.vue

@@ -36,14 +36,9 @@ export default {
       content.value = ''
     }
 
-    const handleClose = () => {
-      emit('close')
-    }
-
     return {
       content,
-      handleSubmit,
-      handleClose
+      handleSubmit
     }
   }
 }

packages/canvas/container/src/components/CanvasAction.vue

@@ -93,25 +93,36 @@
       </div>
       <!-- AI助手按钮（默认状态：隐藏） -->
       <div title="AI助手" class="ai-helper">
-        <svg-icon name="add-group" @click.stop="openAIHelper"></svg-icon>
-        <CanvasAIChat
-          v-if="shouldShowAIChat"
-          class="ai-component"
-          @complete="handleAIChatComplete"
-          @close="closeAIHelper"
-        ></CanvasAIChat>
-        <AILoadingDialog
-          v-if="shouldShowAILoading"
-          class="ai-component"
-          @cancel="handleAILoadingCancel"
-        ></AILoadingDialog>
-        <AIConfirmDialog
-          v-if="shouldShowAIConfirm"
-          class="ai-component"
-          @confirm="handleAIConfirm"
-          @cancel="handleAICancel"
-          @refresh="handleAIRefresh"
-        ></AIConfirmDialog>
+        <TinyPopover
+          v-model="showAIPopover"
+          placement="bottom-start"
+          width="360"
+          popper-class="ai-popper"
+          trigger="manual"
+          :visible-arrow="false"
+        >
+          <CanvasAIChat
+            v-if="shouldShowAIChat"
+            class="ai-component"
+            @complete="handleAIChatComplete"
+            @close="closeAIHelper"
+          ></CanvasAIChat>
+          <AILoadingDialog
+            v-if="shouldShowAILoading"
+            class="ai-component"
+            @cancel="handleAILoadingCancel"
+          ></AILoadingDialog>
+          <AIConfirmDialog
+            v-if="shouldShowAIConfirm"
+            class="ai-component"
+            @confirm="handleAIConfirm"
+            @cancel="handleAICancel"
+            @refresh="handleAIRefresh"
+          ></AIConfirmDialog>
+          <template #reference>
+            <svg-icon name="add-group" @click.stop="openAIHelper"></svg-icon>
+          </template>
+        </TinyPopover>
       </div>
     </div>
   </div>
@@ -367,6 +378,15 @@ export default {
       return shouldShowNodeAILoading(currentSchema.id)
     })
 
+    const showAIPopover = computed(() => {
+      const currentSchema = getCurrent().schema
+      if (!currentSchema?.id) {
+        return false
+      }
+      const status = getNodeAIStatus(currentSchema?.id)
+      return status?.state !== 'hidden' && !status?.collapsed
+    })
+
     // 切换AI助手显示/隐藏
     const openAIHelper = () => {
       const currentSchema = getCurrent().schema
@@ -377,23 +397,32 @@ export default {
 
       const currentStatus = getNodeAIStatus(currentSchema.id)
 
-      if (currentStatus && currentStatus.state !== 'hidden') {
-        // 如果AI助手当前不是隐藏状态，则关闭它
-        closeNodeAIHelper(currentSchema.id)
+      if (currentStatus && currentStatus.collapsed) {
+        // 面板已收起，重新展开恢复原状态
+        updateNodeAIStatus(currentSchema.id, { collapsed: false })
+      } else if (currentStatus && currentStatus.state !== 'hidden') {
+        // 面板当前可见，收起面板但保留业务状态
+        updateNodeAIStatus(currentSchema.id, { collapsed: true })
       } else {
-        // 如果AI助手当前是隐藏状态，则打开它
+        // hidden状态，进入chat
         openNodeAIChat(currentSchema.id)
       }
     }
 
-    // 关闭AI助手（由其他组件调用，如AI聊天界面）
+    // 关闭AI助手（由其他组件调用，如AI聊天界面的关闭按钮）
     const closeAIHelper = () => {
       const currentSchema = getCurrent().schema
       if (!currentSchema?.id) {
         return
       }
 
-      closeNodeAIHelper(currentSchema.id)
+      const currentStatus = getNodeAIStatus(currentSchema.id)
+      // loading/confirm状态下只收起面板，保留状态以便重新打开恢复
+      if (currentStatus && (currentStatus.state === 'loading' || currentStatus.state === 'confirm')) {
+        updateNodeAIStatus(currentSchema.id, { collapsed: true })
+      } else {
+        closeNodeAIHelper(currentSchema.id)
+      }
     }
 
     const optionRef = ref(null)
@@ -902,6 +931,7 @@ export default {
       showQuickAction,
       showPopover,
       showToParent,
+      showAIPopover,
       activeSetting,
       isModal,
       onMousedown,
@@ -1234,4 +1264,8 @@ export default {
     transform: translateY(10px);
   }
 }
+.ai-popper.ai-popper.tiny-popper.tiny-popover {
+  padding: 0;
+  border-radius: 40px;
+}
 </style>

packages/canvas/container/src/composables/useAIChat.ts

@@ -81,6 +81,7 @@ const addNodeAIActionHistory = (nodeId: string, action: string, content: any) =>
 const openNodeAIChat = (nodeId: string, initialContent: string = '') => {
   updateNodeAIStatus(nodeId, {
     state: 'chat',
+    collapsed: false,
     chatContent: initialContent,
     lastAIAction: 'open_chat'
   })
@@ -111,8 +112,10 @@ const confirmNodeAIAction = (nodeId: string) => {
     return
   }
 
+  // 采纳后直接回到hidden，completed无对应UI，避免需要点击两次才能重新打开
   updateNodeAIStatus(nodeId, {
-    state: 'completed',
+    state: 'hidden',
+    collapsed: false,
     originalNodeData: deepClone(currentStatus.aiModifiedNodeData),
     aiModifiedNodeData: undefined,
     lastAIAction: 'confirm'
@@ -144,6 +147,7 @@ const cancelNodeAIAction = (nodeId: string) => {
 
   updateNodeAIStatus(nodeId, {
     state: newState,
+    collapsed: false,
     aiModifiedNodeData: undefined,
     lastAIAction: 'cancel'
   })
@@ -270,19 +274,20 @@ const hasAnyPendingAIModification = (): boolean => {
 // 获取当前节点是否应该显示AI聊天界面
 const shouldShowNodeAIChat = (nodeId: string): boolean => {
   const status = getNodeAIStatus(nodeId)
-  return status?.state === 'chat'
+  return status?.state === 'chat' && !status?.collapsed
 }
 
 // 获取当前节点是否应该显示确认弹窗
 const shouldShowNodeAIConfirm = (nodeId: string): boolean => {
   const status = getNodeAIStatus(nodeId)
-  return status?.state === 'confirm'
+  return status?.state === 'confirm' && !status?.collapsed
 }
 
 // 开始AI加载状态
 const startNodeAILoading = (nodeId: string, loadingMessage: string = 'AI处理中...') => {
   updateNodeAIStatus(nodeId, {
     state: 'loading',
+    collapsed: false,
     lastAIAction: 'start_loading',
     aiContext: {
       loadingMessage,
@@ -300,6 +305,7 @@ const startNodeAILoading = (nodeId: string, loadingMessage: string = 'AI处理
 const completeNodeAILoading = (nodeId: string) => {
   updateNodeAIStatus(nodeId, {
     state: 'confirm',
+    collapsed: false,
     lastAIAction: 'complete_loading'
   })
 
@@ -320,6 +326,7 @@ const cancelNodeAILoading = (nodeId: string) => {
 
   updateNodeAIStatus(nodeId, {
     state: newState,
+    collapsed: false,
     aiContext: undefined,
     lastAIAction: 'cancel_loading'
   })
@@ -334,7 +341,7 @@ const cancelNodeAILoading = (nodeId: string) => {
 // 获取当前节点是否应该显示AI加载状态
 const shouldShowNodeAILoading = (nodeId: string): boolean => {
   const status = getNodeAIStatus(nodeId)
-  return status?.state === 'loading'
+  return status?.state === 'loading' && !status?.collapsed
 }
 
 /**
@@ -645,6 +652,7 @@ const applyAIPatches = (nodeId: string, chatResponse: any, chatContent?: string)
 
   updateNodeAIStatus(nodeId, {
     state: 'confirm',
+    collapsed: false,
     chatContent,
     aiModifiedNodeData: modifiedNodeData
   })