From 663c7d77985c31e13656e5f4718463d19892da6e Mon Sep 17 00:00:00 2001
From: wangdan-fit2cloud <dan.wang@fit2cloud.com>
Date: Mon, 2 Nov 2026 19:58:52 +0800
Subject: [PATCH] fix: ai generate question

---
 .../SelectApplicationDrawer.vue               | 26 +++++++++++++++++--
 .../ai-generate/panel/AiGeneratePanel.vue     | 26 ++++++++++++++++---
 2 files changed, 46 insertions(+), 6 deletions(-)

diff --git a/ui/src/conversation-panel/left-sidebar/portal-conversation-list/SelectApplicationDrawer.vue b/ui/src/conversation-panel/left-sidebar/portal-conversation-list/SelectApplicationDrawer.vue
index 31d1ea8100e..e28218ebe77 100644
--- a/ui/src/conversation-panel/left-sidebar/portal-conversation-list/SelectApplicationDrawer.vue
+++ b/ui/src/conversation-panel/left-sidebar/portal-conversation-list/SelectApplicationDrawer.vue
@@ -45,16 +45,29 @@ defineExpose({ open })
 </script>
 
 <template>
-  <MkDrawer v-model="visible" direction="btt" :close-on-click-modal="true" :close-on-press-escape="true">
+  <MkDrawer
+    v-model="visible"
+    direction="btt"
+    class="select-application-drawer"
+    content-class="max-md:pt-0"
+    :close-on-click-modal="true"
+    :close-on-press-escape="true"
+  >
     <template #header>
       <div class="flex w-full">
         <h4>选择智能体</h4>
-        <div class="absolute-center w-85">
+        <div class="absolute-center hidden w-85 md:block">
+          <!-- 搜索智能体 -->
           <MkSearchInput v-model="applicationKeyword" @input="handleKeywordInput" />
         </div>
       </div>
     </template>
 
+    <div class="mb-4 md:hidden">
+      <!-- 移动端搜索智能体 -->
+      <MkSearchInput v-model="applicationKeyword" @input="handleKeywordInput" />
+    </div>
+
     <div v-loading="isLoading">
       <MkEmpty
         v-if="!isLoading && applications.length === 0"
@@ -66,3 +79,12 @@ defineExpose({ open })
     </div>
   </MkDrawer>
 </template>
+
+<style lang="scss" scoped>
+/* 移动端选择智能体标题栏 */
+@media (width < 768px) {
+  :global(.select-application-drawer .el-drawer__header) {
+    border-bottom: none;
+  }
+}
+</style>
diff --git a/ui/src/workflow-canvas/ai-generate/panel/AiGeneratePanel.vue b/ui/src/workflow-canvas/ai-generate/panel/AiGeneratePanel.vue
index 5315ae9f833..27afb9f641d 100644
--- a/ui/src/workflow-canvas/ai-generate/panel/AiGeneratePanel.vue
+++ b/ui/src/workflow-canvas/ai-generate/panel/AiGeneratePanel.vue
@@ -7,6 +7,7 @@ import type { ScrollbarInstance } from 'element-plus'
 import type { DefaultModelSettingPayload, ModelItem, ModelProviderItem } from '@/api/types'
 import SelectModel from '@/components/business/select-model/index.vue'
 import ContentList from '@/conversation-panel/components/content-list/index.vue'
+import QuickQuestion from '@/conversation-panel/components/markdown-renderer/QuickQuestion.vue'
 import { inputShortcut } from '@/conversation-panel/core/shortcuts'
 import { MsgError, MsgSuccess } from '@/utils/message'
 import { useWorkflowStore } from '@/workflow-canvas/store'
@@ -47,6 +48,18 @@ const activity = createActivity()
 const busy = computed(() => status.value === 'running')
 const started = computed(() => status.value !== 'idle')
 
+const suggestedRequirements = [
+  '做一个产品客服，先查产品知识库回答，查不到时礼貌兜底。',
+  '做一个可以查询产品收费信息的智能体。',
+  '做一个需要时可以转人工服务的客服智能体。',
+]
+
+function sendSuggestedRequirement(question: string) {
+  if (!modelId.value || busy.value) return
+  requirement.value = question
+  submit()
+}
+
 let agent: AgentHandle | null = null
 
 function loadModels() {
@@ -178,10 +191,15 @@ defineExpose({ open, close })
     <div class="flex h-full flex-col" @keydown.stop @paste.stop>
       <el-scrollbar ref="scrollbarRef" class="min-h-0 flex-1 p-4">
         <div class="space-y-3">
-          <p v-if="!started" class="mk-gray-card text-N600">
-            描述你想要的智能体，例如：“做一个产品客服，先查产品知识库回答，查不到时礼貌兜底”。AI
-            会规划流程、添加节点、连线并完成配置，生成后请检查再保存。
-          </p>
+          <div v-if="!started">
+            <p>请描述你的需求，如下</p>
+            <div class="flex flex-col items-start">
+              <template v-for="question in suggestedRequirements" :key="question">
+                <!-- 发送示例需求生成工作流 -->
+                <QuickQuestion class="ml-0!" :question="question" :send-message="sendSuggestedRequirement" />
+              </template>
+            </div>
+          </div>
           <ContentList v-else :content-list="activity.activityItems.value" />
           <div v-if="busy" class="flex-align-center gap-2 text-N600">
             <span class="mk-dotting">{{ activity.lastActivity.value || '生成中' }}</span>