From bea7e5ad70d3bfeb16a5b34058560e4dced6d40d Mon Sep 17 00:00:00 2001
From: wangdan-fit2cloud <dan.wang@fit2cloud.com>
Date: Wed, 23 Sep 2026 15:58:28 +0800
Subject: [PATCH 1/2] feat: prompt

---
 .../conversation-panel/chat-input/index.vue   | 160 ------------------
 .../component/python-code/PromptGenerate.vue  |  76 +++++++--
 ui/src/workflow-canvas/WORKFLOW_README.md     |   6 +-
 .../ai-chat-node/component/PromptGenerate.vue |  77 +++++++--
 4 files changed, 126 insertions(+), 193 deletions(-)
 delete mode 100644 ui/src/conversation-panel/chat-input/index.vue

diff --git a/ui/src/conversation-panel/chat-input/index.vue b/ui/src/conversation-panel/chat-input/index.vue
deleted file mode 100644
index 4447bc2e579..00000000000
--- a/ui/src/conversation-panel/chat-input/index.vue
+++ /dev/null
@@ -1,160 +0,0 @@
-<script setup lang="ts">
-import { computed, useTemplateRef } from 'vue'
-import { Top } from '@element-plus/icons-vue'
-import type { InputInstance } from 'element-plus'
-
-defineOptions({ name: 'ChatInput' })
-
-const props = withDefaults(
-  defineProps<{
-    modelValue?: string
-    disabled?: boolean
-    placeholder?: string
-    maxlength?: number
-    loading?: boolean
-    submitDisabled?: boolean
-    pasteAsText?: boolean
-  }>(),
-  {
-    modelValue: '',
-    disabled: false,
-    placeholder: '输入消息...',
-    loading: false,
-    submitDisabled: false,
-    pasteAsText: false,
-  },
-)
-
-const emit = defineEmits<{
-  'update:modelValue': [value: string]
-  'paste-images': [files: File[]]
-  'paste-videos': [files: File[]]
-  'paste-files': [files: File[]]
-  'paste-text': [text: string]
-  submit: []
-  stop: []
-  focus: []
-  blur: []
-}>()
-
-// 输入与操作共用提交条件，文本域高度交由 Element Plus 管理。
-const textareaRef = useTemplateRef<InputInstance>('textareaRef')
-const inputText = computed({
-  get: () => props.modelValue,
-  set: (value: string) => emit('update:modelValue', value),
-})
-const cannotSubmit = computed(() => props.disabled || props.submitDisabled || props.loading || !inputText.value.trim())
-
-function submit() {
-  if (!cannotSubmit.value) emit('submit')
-}
-
-function onKeydown(event: KeyboardEvent) {
-  if (event.isComposing || event.key !== 'Enter' || event.shiftKey) return
-  event.preventDefault()
-  submit()
-}
-
-// 保留附件粘贴事件；纯文本场景使用浏览器原生粘贴和长度限制。
-const LONG_TEXT_THRESHOLD = 300
-const onPaste = (event: ClipboardEvent) => {
-  if (props.pasteAsText) return
-  const items = event.clipboardData?.items
-  if (!items) return
-
-  const fileItems = Array.from(items)
-    .filter((item) => item.kind === 'file')
-    .map((item) => item.getAsFile())
-    .filter(Boolean) as File[]
-
-  if (fileItems.length) {
-    event.preventDefault()
-
-    const images = fileItems.filter((f) => f.type.startsWith('image/'))
-    const videos = fileItems.filter((f) => f.type.startsWith('video/'))
-    const others = fileItems.filter((f) => !f.type.startsWith('image/') && !f.type.startsWith('video/'))
-
-    if (images.length) emit('paste-images', images)
-    if (videos.length) emit('paste-videos', videos)
-    if (others.length) emit('paste-files', others)
-    return
-  }
-
-  const text = event.clipboardData?.getData('text/plain') || ''
-  if (text.length > LONG_TEXT_THRESHOLD) {
-    event.preventDefault()
-    emit('paste-text', text)
-  }
-}
-
-function clear() {
-  inputText.value = ''
-}
-
-function focus() {
-  textareaRef.value?.focus()
-}
-
-defineExpose({ clear, focus })
-</script>
-
-<template>
-  <div class="chat-input min-w-0 flex-1 overflow-hidden rounded-xl border bg-white" :class="{ 'is-disabled': disabled }">
-    <el-input
-      ref="textareaRef"
-      v-model="inputText"
-      type="textarea"
-      resize="none"
-      :autosize="{ minRows: 1, maxRows: 10 }"
-      :disabled="disabled"
-      :placeholder="placeholder"
-      :maxlength="maxlength"
-      @keydown="onKeydown"
-      @focus="emit('focus')"
-      @blur="emit('blur')"
-      @paste="onPaste"
-    />
-    <!-- // TODO 样式 -->
-    <div class="flex justify-end px-2 pb-2 pt-1">
-      <!-- 停止生成 -->
-      <el-button v-if="loading" class="input-action" circle type="primary" :disabled="disabled" @click="emit('stop')">
-        <MkIcon name="icon_stop_filled" />
-      </el-button>
-      <!-- 发送输入内容 -->
-      <el-button v-else class="input-action" circle type="primary" :disabled="cannotSubmit" @click="submit">
-        <MkIcon :icon="Top" :size="16" />
-      </el-button>
-    </div>
-  </div>
-</template>
-
-<style scoped lang="scss">
-/* 输入区与操作栏 */
-.chat-input {
-  transition: border-color 0.2s;
-
-  &:not(.is-disabled):hover,
-  &:not(.is-disabled):focus-within {
-    border-color: var(--mk-primary);
-  }
-
-  :deep(.el-textarea__inner) {
-    background: transparent;
-    border-radius: 0;
-    box-shadow: none;
-    padding: calc(var(--spacing) * 2) calc(var(--spacing) * 2) 0;
-  }
-
-  .input-action {
-    height: calc(var(--spacing) * 6);
-    min-height: 0;
-    padding: 0;
-    width: calc(var(--spacing) * 6);
-
-    &.is-disabled {
-      background-color: var(--mk-N400);
-      border-color: var(--mk-N400);
-    }
-  }
-}
-</style>
diff --git a/ui/src/views/tool/tool-form/component/python-code/PromptGenerate.vue b/ui/src/views/tool/tool-form/component/python-code/PromptGenerate.vue
index ecdda195b18..1be10613b88 100644
--- a/ui/src/views/tool/tool-form/component/python-code/PromptGenerate.vue
+++ b/ui/src/views/tool/tool-form/component/python-code/PromptGenerate.vue
@@ -1,9 +1,8 @@
 <script setup lang="ts">
 import { computed, nextTick, onBeforeUnmount, reactive, ref, useTemplateRef, watch } from 'vue'
 import { useRoute } from 'vue-router'
-import { Loading } from '@element-plus/icons-vue'
+import { Loading, Top } from '@element-plus/icons-vue'
 import type { ScrollbarInstance } from 'element-plus'
-import ChatInput from '@/conversation-panel/chat-input/index.vue'
 import ApplicationApi from '@/api/admin/workspace/application/application'
 import SelectModel from '@/components/business/select-model/index.vue'
 import type { ModelItem, ModelProviderItem, PromptGenerateMessage, PromptGeneratePayload } from '@/api/types'
@@ -29,7 +28,6 @@ const PROMPT_TEMPLATE = `请根据用户描述生成一个完整的 AI 角色人
 const visible = ref(false)
 const loading = ref(false)
 const inputValue = ref('')
-const chatInputRef = useTemplateRef<InstanceType<typeof ChatInput>>('chatInputRef')
 
 const applicationId = ref('')
 const activeModelId = ref('')
@@ -110,7 +108,7 @@ async function generate(regenerate = false) {
   lastRequestMessages.value = requestMessages
   const answer = reactive<PromptGenerateMessage>({ content: '', role: 'ai' })
   messages.value = [...requestMessages, answer]
-  if (!regenerate) chatInputRef.value?.clear()
+  if (!regenerate) inputValue.value = ''
   loading.value = true
   const controller = new AbortController()
   abortController = controller
@@ -134,6 +132,13 @@ async function generate(regenerate = false) {
   }
 }
 
+// 主题输入：回车发送，Shift+Enter 换行，中文输入法确认时不提交。
+function handleInputKeydown(event: KeyboardEvent) {
+  if (event.isComposing || event.key !== 'Enter' || event.shiftKey) return
+  event.preventDefault()
+  generate()
+}
+
 function stopGenerate() {
   abortController?.abort()
 }
@@ -179,17 +184,58 @@ onBeforeUnmount(() => abortController?.abort())
         <el-button class="ml-0!" :disabled="!activeModelId" @click="generate(true)">重新生成</el-button>
       </div>
 
-      <ChatInput
-        ref="chatInputRef"
-        v-model="inputValue"
-        placeholder="请输入提示词主题"
-        :maxlength="100000"
-        :loading="loading"
-        :submit-disabled="!activeModelId || !applicationId"
-        paste-as-text
-        @submit="generate()"
-        @stop="stopGenerate"
-      />
+      <div class="prompt-input overflow-hidden rounded-xl border bg-white transition-colors hover:border-primary focus-within:border-primary">
+        <el-input
+          v-model="inputValue"
+          type="textarea"
+          resize="none"
+          :autosize="{ minRows: 1, maxRows: 10 }"
+          placeholder="请输入提示词主题"
+          :maxlength="100000"
+          @keydown="handleInputKeydown"
+        />
+        <div class="flex justify-end px-2 pb-2 pt-1">
+          <!-- 停止生成提示词 -->
+          <el-button v-if="loading" class="input-action" circle type="primary" @click="stopGenerate">
+            <MkIcon name="icon_stop_filled" />
+          </el-button>
+          <!-- 发送主题并生成提示词 -->
+          <el-button
+            v-else
+            class="input-action"
+            circle
+            type="primary"
+            :disabled="!inputValue.trim() || !activeModelId || !applicationId"
+            @click="generate()"
+          >
+            <MkIcon :icon="Top" :size="16" />
+          </el-button>
+        </div>
+      </div>
     </div>
   </MkDialog>
 </template>
+
+<style scoped lang="scss">
+/* 提示词主题输入与操作栏 */
+.prompt-input {
+  :deep(.el-textarea__inner) {
+    background: transparent;
+    border-radius: 0;
+    box-shadow: none;
+    padding: calc(var(--spacing) * 2) calc(var(--spacing) * 2) 0;
+  }
+
+  .input-action {
+    height: calc(var(--spacing) * 6);
+    min-height: 0;
+    padding: 0;
+    width: calc(var(--spacing) * 6);
+
+    &.is-disabled {
+      background-color: var(--mk-N400);
+      border-color: var(--mk-N400);
+    }
+  }
+}
+</style>
diff --git a/ui/src/workflow-canvas/WORKFLOW_README.md b/ui/src/workflow-canvas/WORKFLOW_README.md
index bf95be9f363..466b41bd0ee 100644
--- a/ui/src/workflow-canvas/WORKFLOW_README.md
+++ b/ui/src/workflow-canvas/WORKFLOW_README.md
@@ -319,9 +319,9 @@ AI 对话节点的提示词、历史记录、视觉理解和输出思考表单
 弹窗顶部复用 `SelectModel`，仅修改本次生成使用的模型；主体展示最新结果与主题输入框，支持停止和重新生成。
 重新生成复用上次请求消息，关闭时终止请求并在关闭动画结束后清理会话；点击替换后通过 `replace` 交由节点回写系统提示词。
 生成接口沿用智能体已保存的参数，弹窗不提供独立模型参数设置。
-主题输入复用 `conversation-panel/chat-input`，内部采用 Element Plus 自适应文本域与底部操作栏。
-通过 `v-model`、`maxlength`、`loading`、`submitDisabled` 控制输入和按钮，`submit` / `stop`
-分别触发生成和停止；提示词场景开启 `pasteAsText`，长文本直接粘贴到输入框，不转为附件事件。
+主题输入直接在 `PromptGenerate.vue` 内使用 Element Plus 自适应文本域与底部发送／停止按钮，
+通过本地输入值、模型和智能体状态控制提交；Enter 发送、Shift+Enter 换行，输入法组合期间不提交。
+长文本使用原生纯文本粘贴，输入上限为 100000 字符，不转为附件事件。
 AI 对话、图片理解和视频理解统一复用 `component/ThinkingSetting.vue`，后续同类入口也应复用。
 组件通过 `v-model` 接收 `types.ts` 的 `ReasoningSettingData`，由节点的输出思考开关以 `v-if` 挂载，
 遵循通用设置弹窗规则；开始、结束标签当前不设必填。
diff --git a/ui/src/workflow-canvas/nodes/ai-chat-node/component/PromptGenerate.vue b/ui/src/workflow-canvas/nodes/ai-chat-node/component/PromptGenerate.vue
index 7148be2c5aa..adfb64b4b1f 100644
--- a/ui/src/workflow-canvas/nodes/ai-chat-node/component/PromptGenerate.vue
+++ b/ui/src/workflow-canvas/nodes/ai-chat-node/component/PromptGenerate.vue
@@ -1,12 +1,12 @@
 <script setup lang="ts">
 import { computed, nextTick, reactive, ref, useTemplateRef, watch } from 'vue'
 import { useRoute } from 'vue-router'
+import { Top } from '@element-plus/icons-vue'
 import type { ScrollbarInstance } from 'element-plus'
-import ChatInput from '@/conversation-panel/chat-input/index.vue'
 import ApplicationApi from '@/api/admin/workspace/application/application'
 import type { ModelItem, ModelProviderItem, PromptGenerateMessage, PromptGeneratePayload } from '@/api/types'
 import { MsgError } from '@/utils/message'
-import { ConversationStream } from "@/conversation-panel/core/stream";
+import { ConversationStream } from '@/conversation-panel/core/stream'
 defineOptions({ name: 'AiChatNodePromptGenerate' })
 const props = defineProps<{
   modelId: string
@@ -85,7 +85,6 @@ const PROMPT_TEMPLATE = `请根据用户描述生成一个完整的AI角色人
 const visible = ref(false)
 const loading = ref(false)
 const inputValue = ref('')
-const chatInputRef = useTemplateRef<InstanceType<typeof ChatInput>>('chatInputRef')
 
 const applicationId = ref('')
 const activeModelId = ref('')
@@ -130,7 +129,7 @@ function generatePrompt(regenerate = false) {
   } else {
     messages.value.push({ content: content, role: 'user' })
   }
-  chatInputRef.value?.clear()
+  inputValue.value = ''
   loading.value = true
   const payload: PromptGeneratePayload = { messages: [...messages.value], prompt: PROMPT_TEMPLATE }
   const answer = reactive<PromptGenerateMessage>({ content: '', role: 'ai' })
@@ -158,6 +157,13 @@ function generatePrompt(regenerate = false) {
   })
 }
 
+// 主题输入：回车发送，Shift+Enter 换行，中文输入法确认时不提交。
+function handleInputKeydown(event: KeyboardEvent) {
+  if (event.isComposing || event.key !== 'Enter' || event.shiftKey) return
+  event.preventDefault()
+  generatePrompt()
+}
+
 /** 停止生成的预留入口，当前尚未接入请求取消逻辑。 */
 function stopGenerate() {
   if (conversationStream) {
@@ -210,17 +216,58 @@ watch(visible, (value) => {
         <el-button class="ml-0!" :disabled="!activeModelId" @click="handleReGenerate">重新生成</el-button>
       </div>
 
-      <ChatInput
-        ref="chatInputRef"
-        v-model="inputValue"
-        placeholder="请输入提示词主题"
-        :maxlength="100000"
-        :loading="loading"
-        :submit-disabled="!activeModelId || !applicationId"
-        paste-as-text
-        @submit="generatePrompt()"
-        @stop="stopGenerate"
-      />
+      <div class="prompt-input overflow-hidden rounded-xl border bg-white transition-colors hover:border-primary focus-within:border-primary">
+        <el-input
+          v-model="inputValue"
+          type="textarea"
+          resize="none"
+          :autosize="{ minRows: 1, maxRows: 10 }"
+          placeholder="请输入提示词"
+          :maxlength="100000"
+          @keydown="handleInputKeydown"
+        />
+        <div class="flex justify-end px-2 pb-2 pt-1">
+          <!-- 停止生成提示词 -->
+          <el-button v-if="loading" class="input-action" circle type="primary" @click="stopGenerate">
+            <MkIcon name="icon_stop_filled" />
+          </el-button>
+          <!-- 发送主题并生成提示词 -->
+          <el-button
+            v-else
+            class="input-action"
+            circle
+            type="primary"
+            :disabled="!inputValue.trim() || !activeModelId || !applicationId"
+            @click="generatePrompt()"
+          >
+            <MkIcon :icon="Top" :size="16" />
+          </el-button>
+        </div>
+      </div>
     </div>
   </MkDialog>
 </template>
+
+<style scoped lang="scss">
+/* 提示词主题输入与操作栏 */
+.prompt-input {
+  :deep(.el-textarea__inner) {
+    background: transparent;
+    border-radius: 0;
+    box-shadow: none;
+    padding: calc(var(--spacing) * 2) calc(var(--spacing) * 2) 0;
+  }
+
+  .input-action {
+    height: calc(var(--spacing) * 6);
+    min-height: 0;
+    padding: 0;
+    width: calc(var(--spacing) * 6);
+
+    &.is-disabled {
+      background-color: var(--mk-N400);
+      border-color: var(--mk-N400);
+    }
+  }
+}
+</style>

From 21a4ef1850e3993275b0623c9dcc39ff883905e5 Mon Sep 17 00:00:00 2001
From: wangdan-fit2cloud <dan.wang@fit2cloud.com>
Date: Wed, 23 Sep 2026 19:00:26 +0800
Subject: [PATCH 2/2] feat: circle button

---
 ui/src/styles/STYLE_README.md                 |  6 +++
 ui/src/styles/app.scss                        | 33 ++++++++++-----
 ui/src/styles/element-plus.scss               | 33 +++++++++++----
 .../KnowledgeMcpConfigDialog.vue              |  2 +-
 .../mcp-config-action/McpConfigDialog.vue     |  3 +-
 .../component/python-code/PromptGenerate.vue  |  5 +--
 .../ai-chat-node/component/PromptGenerate.vue | 41 +++----------------
 7 files changed, 65 insertions(+), 58 deletions(-)

diff --git a/ui/src/styles/STYLE_README.md b/ui/src/styles/STYLE_README.md
index 3ec1b05ddc1..f543a0961c7 100644
--- a/ui/src/styles/STYLE_README.md
+++ b/ui/src/styles/STYLE_README.md
@@ -444,6 +444,12 @@ Tailwind v4 的 `border` 只设置边框宽度和样式，不提供 `--tw-border
 所有 `el-button` 的 `:active` 和 `.is-active` 视觉统一复用各自的 hover 样式，不额外加深背景、
 边框或文字颜色；普通、plain、text、link、circle 及各语义类型按钮均遵循该规则。
 
+圆形按钮统一使用 `circle`，通过 `size="small"`、默认尺寸、`size="large"` 分别选择
+24px、32px、40px，不在业务样式或工具类中重复设置对应的宽高。全局保留
+`.el-button.is-circle` 的 `height: var(--el-button-size, var(--el-component-size))`，抵消普通按钮的
+`height: auto`。Element Plus 默认尺寸未定义 `--el-button-size`，必须回退到 32px 的
+`--el-component-size`，避免高度由内容和内边距撑开；业务需要的内边距和禁用颜色单独保留。
+
 Tree 的 `.el-tree-node__content` 统一保留 4px 底部间距，使同级节点及展开后的父子节点行
 保持一致间距；规则维护在 `element-plus.scss` 的 tree 分组。
 
diff --git a/ui/src/styles/app.scss b/ui/src/styles/app.scss
index 96c2b0d7e68..05224a5fd91 100644
--- a/ui/src/styles/app.scss
+++ b/ui/src/styles/app.scss
@@ -166,6 +166,29 @@ h6 {
   grid-template-columns: repeat(auto-fill, minmax(min(100%, 270px), 1fr));
 }
 
+/* conversation 生成input */
+.mk-conversation-input {
+  background: white;
+  border-radius: 16px;
+  padding: 12px;
+  .el-textarea__inner {
+    background: transparent;
+    border-radius: 0;
+    box-shadow: none;
+    padding: 0;
+  }
+}
+
+/* link */
+.mk-link {
+  color: var(--mk-primary);
+  cursor: pointer;
+  text-decoration: none;
+  &:hover {
+    text-decoration: underline;
+  }
+}
+
 /* radio */
 // 卡片内单选：文字在左，选择框在右并垂直居中。
 .mk-card-radio.el-radio {
@@ -208,16 +231,6 @@ h6 {
   }
 }
 
-/* link */
-.mk-link {
-  color: var(--mk-primary);
-  cursor: pointer;
-  text-decoration: none;
-  &:hover {
-    text-decoration: underline;
-  }
-}
-
 /* rank */
 .mk-rank {
   align-items: center;
diff --git a/ui/src/styles/element-plus.scss b/ui/src/styles/element-plus.scss
index 1a965291a70..81f6edad91e 100644
--- a/ui/src/styles/element-plus.scss
+++ b/ui/src/styles/element-plus.scss
@@ -137,14 +137,30 @@
     }
   }
   &.is-circle {
-    height: var(--el-button-size);
-    &:hover,
-    &:active,
-    &.is-active {
-      box-shadow: var(--el-box-shadow-lighter);
-      color: var(--el-text-color-primary);
-      background: white;
-      border-color: var(--el-border-color);
+    width: 32px;
+    height: 32px;
+    --el-button-hover-text-color: var(--el-text-color-primary);
+    --el-button-hover-bg-color: white;
+    --el-button-hover-border-color: var(--el-border-color);
+    &.el-button--large {
+      width: var(--el-button-size) !important;
+      height: var(--el-button-size) !important;
+    }
+    &:not(.is-disabled) {
+      &:hover,
+      &:active,
+      &.is-active {
+        box-shadow: var(--el-box-shadow-lighter);
+      }
+    }
+    &.el-button--primary {
+      --el-button-hover-text-color: white;
+      --el-button-hover-bg-color: var(--el-color-primary-light-1) !important;
+      --el-button-hover-border-color: var(--el-color-primary-light-1) !important;
+      &.is-disabled {
+        --el-button-disabled-bg-color: var(--mk-N400);
+        --el-button-disabled-border-color: var(--mk-N400);
+      }
     }
   }
   &.is-text.is-has-bg:not(.is-disabled) {
@@ -1178,6 +1194,7 @@
 
 /* textarea */
 .el-textarea {
+  --el-input-placeholder-color: var(--mk-N500);
   --el-input-text-color: var(--el-text-color-primary);
   &:has(.el-input__inner[readonly]) {
     --el-input-focus-border-color: var(--el-input-border-color);
diff --git a/ui/src/views/knowledge/knowledge-card/action-dropdown/mcp-config-action/KnowledgeMcpConfigDialog.vue b/ui/src/views/knowledge/knowledge-card/action-dropdown/mcp-config-action/KnowledgeMcpConfigDialog.vue
index 9d43334e29c..66133f910a4 100644
--- a/ui/src/views/knowledge/knowledge-card/action-dropdown/mcp-config-action/KnowledgeMcpConfigDialog.vue
+++ b/ui/src/views/knowledge/knowledge-card/action-dropdown/mcp-config-action/KnowledgeMcpConfigDialog.vue
@@ -29,7 +29,7 @@ defineExpose({ open })
       <el-input v-model="config" :autosize="{ minRows: 8, maxRows: 24 }" disabled type="textarea" />
       <!-- 复制 MCP 配置 -->
       <el-button
-        class="group-hover-visible absolute right-3 top-3 z-10 h-8 shadow-md"
+        class="group-hover-visible absolute right-3 top-3 z-10 shadow-md"
         circle
         title="复制配置"
         :disabled="!config"
diff --git a/ui/src/views/tool/tool-card/action-dropdown/mcp-config-action/McpConfigDialog.vue b/ui/src/views/tool/tool-card/action-dropdown/mcp-config-action/McpConfigDialog.vue
index b7e9a51240b..467aeb1df0e 100644
--- a/ui/src/views/tool/tool-card/action-dropdown/mcp-config-action/McpConfigDialog.vue
+++ b/ui/src/views/tool/tool-card/action-dropdown/mcp-config-action/McpConfigDialog.vue
@@ -22,7 +22,8 @@ defineExpose({ open })
   <MkDialog v-model="visible" title="MCP 配置详情" @closed="emit('closed')">
     <div class="group mcp-config-detail relative">
       <el-input v-model="config" :autosize="{ minRows: 8, maxRows: 24 }" disabled type="textarea" />
-      <el-button class="group-hover-visible absolute right-3 top-3 z-10 h-8 shadow-md" circle title="复制配置" @click="copyText(config)">
+      <!-- 复制 MCP 配置 -->
+      <el-button class="group-hover-visible absolute right-3 top-3 z-10 shadow-md" circle title="复制配置" @click="copyText(config)">
         <MkIcon name="icon_copy_outlined" />
       </el-button>
     </div>
diff --git a/ui/src/views/tool/tool-form/component/python-code/PromptGenerate.vue b/ui/src/views/tool/tool-form/component/python-code/PromptGenerate.vue
index 1be10613b88..968414b00d6 100644
--- a/ui/src/views/tool/tool-form/component/python-code/PromptGenerate.vue
+++ b/ui/src/views/tool/tool-form/component/python-code/PromptGenerate.vue
@@ -196,7 +196,7 @@ onBeforeUnmount(() => abortController?.abort())
         />
         <div class="flex justify-end px-2 pb-2 pt-1">
           <!-- 停止生成提示词 -->
-          <el-button v-if="loading" class="input-action" circle type="primary" @click="stopGenerate">
+          <el-button v-if="loading" class="input-action" circle size="small" type="primary" @click="stopGenerate">
             <MkIcon name="icon_stop_filled" />
           </el-button>
           <!-- 发送主题并生成提示词 -->
@@ -204,6 +204,7 @@ onBeforeUnmount(() => abortController?.abort())
             v-else
             class="input-action"
             circle
+            size="small"
             type="primary"
             :disabled="!inputValue.trim() || !activeModelId || !applicationId"
             @click="generate()"
@@ -227,10 +228,8 @@ onBeforeUnmount(() => abortController?.abort())
   }
 
   .input-action {
-    height: calc(var(--spacing) * 6);
     min-height: 0;
     padding: 0;
-    width: calc(var(--spacing) * 6);
 
     &.is-disabled {
       background-color: var(--mk-N400);
diff --git a/ui/src/workflow-canvas/nodes/ai-chat-node/component/PromptGenerate.vue b/ui/src/workflow-canvas/nodes/ai-chat-node/component/PromptGenerate.vue
index adfb64b4b1f..6b4abcf3341 100644
--- a/ui/src/workflow-canvas/nodes/ai-chat-node/component/PromptGenerate.vue
+++ b/ui/src/workflow-canvas/nodes/ai-chat-node/component/PromptGenerate.vue
@@ -199,7 +199,7 @@ watch(visible, (value) => {
   <MkDialog v-model="visible" title="生成提示词" @closed="resetData">
     <div class="space-y-4 rounded-xl bg-N100 p-4">
       <p class="flex-align-center gap-2">
-        <MkIcon name="icon_star" />
+        <MkIcon name="icon_star" class="text-primary" />
         <span>提示词显示在这里</span>
       </p>
       <div v-if="loading" class="flex-align-center gap-2">
@@ -216,7 +216,7 @@ watch(visible, (value) => {
         <el-button class="ml-0!" :disabled="!activeModelId" @click="handleReGenerate">重新生成</el-button>
       </div>
 
-      <div class="prompt-input overflow-hidden rounded-xl border bg-white transition-colors hover:border-primary focus-within:border-primary">
+      <div class="mk-conversation-input border transition-colors hover:border-primary focus-within:border-primary">
         <el-input
           v-model="inputValue"
           type="textarea"
@@ -226,20 +226,13 @@ watch(visible, (value) => {
           :maxlength="100000"
           @keydown="handleInputKeydown"
         />
-        <div class="flex justify-end px-2 pb-2 pt-1">
+        <div class="text-right">
           <!-- 停止生成提示词 -->
-          <el-button v-if="loading" class="input-action" circle type="primary" @click="stopGenerate">
+          <el-button v-if="loading" circle type="primary" @click="stopGenerate">
             <MkIcon name="icon_stop_filled" />
           </el-button>
           <!-- 发送主题并生成提示词 -->
-          <el-button
-            v-else
-            class="input-action"
-            circle
-            type="primary"
-            :disabled="!inputValue.trim() || !activeModelId || !applicationId"
-            @click="generatePrompt()"
-          >
+          <el-button v-else circle type="primary" :disabled="!inputValue.trim() || !activeModelId || !applicationId" @click="generatePrompt()">
             <MkIcon :icon="Top" :size="16" />
           </el-button>
         </div>
@@ -248,26 +241,4 @@ watch(visible, (value) => {
   </MkDialog>
 </template>
 
-<style scoped lang="scss">
-/* 提示词主题输入与操作栏 */
-.prompt-input {
-  :deep(.el-textarea__inner) {
-    background: transparent;
-    border-radius: 0;
-    box-shadow: none;
-    padding: calc(var(--spacing) * 2) calc(var(--spacing) * 2) 0;
-  }
-
-  .input-action {
-    height: calc(var(--spacing) * 6);
-    min-height: 0;
-    padding: 0;
-    width: calc(var(--spacing) * 6);
-
-    &.is-disabled {
-      background-color: var(--mk-N400);
-      border-color: var(--mk-N400);
-    }
-  }
-}
-</style>
+<style scoped lang="scss"></style>