perf: support prompt editor dynamic height increase & modify aichat placeholder (#2817)

2025-07-22 12:20:34 +00:00 · 2024-09-27 13:45:44 +08:00
parent 691476c821
commit 7c8f2ab6f5
25 changed files with 57 additions and 79 deletions
--- a/packages/global/core/workflow/template/input.ts
+++ b/packages/global/core/workflow/template/input.ts
@@ -1,7 +1,7 @@
 import { NodeInputKeyEnum } from '../constants';
 import { FlowNodeInputTypeEnum } from '../node/constant';
 import { WorkflowIOValueTypeEnum } from '../constants';
-import { chatNodeSystemPromptTip } from './tip';
+import { chatNodeSystemPromptTip, systemPromptTip } from './tip';
 import { FlowNodeInputItemType } from '../type/io';
 import { i18nT } from '../../../../web/i18n/utils';

@@ -55,7 +55,7 @@ export const Input_Template_System_Prompt: FlowNodeInputItemType = {
  max: 3000,
  valueType: WorkflowIOValueTypeEnum.string,
  label: i18nT('common:core.ai.Prompt'),
-  description: chatNodeSystemPromptTip,
+  description: systemPromptTip,
  placeholder: chatNodeSystemPromptTip
 };

--- a/packages/global/core/workflow/template/system/aiChat/index.ts
+++ b/packages/global/core/workflow/template/system/aiChat/index.ts
@@ -19,7 +19,7 @@ import {
  Input_Template_UserChatInput,
  Input_Template_Text_Quote
 } from '../../input';
-import { chatNodeSystemPromptTip } from '../../tip';
+import { chatNodeSystemPromptTip, systemPromptTip } from '../../tip';
 import { getHandleConfig } from '../../utils';
 import { i18nT } from '../../../../../../web/i18n/utils';

@@ -94,7 +94,7 @@ export const AiChatModule: FlowNodeTemplateType = {
    {
      ...Input_Template_System_Prompt,
      label: i18nT('common:core.ai.Prompt'),
-      description: chatNodeSystemPromptTip,
+      description: systemPromptTip,
      placeholder: chatNodeSystemPromptTip
    },
    Input_Template_History,
--- a/packages/global/core/workflow/template/system/tools.ts
+++ b/packages/global/core/workflow/template/system/tools.ts
@@ -16,7 +16,7 @@ import {
  Input_Template_System_Prompt,
  Input_Template_UserChatInput
 } from '../input';
-import { chatNodeSystemPromptTip } from '../tip';
+import { chatNodeSystemPromptTip, systemPromptTip } from '../tip';
 import { LLMModelTypeEnum } from '../../../ai/constants';
 import { getHandleConfig } from '../utils';
 import { i18nT } from '../../../../../web/i18n/utils';
@@ -62,7 +62,7 @@ export const ToolModule: FlowNodeTemplateType = {
    {
      ...Input_Template_System_Prompt,
      label: i18nT('common:core.ai.Prompt'),
-      description: chatNodeSystemPromptTip,
+      description: systemPromptTip,
      placeholder: chatNodeSystemPromptTip
    },
    Input_Template_History,
--- a/packages/global/core/workflow/template/tip.ts
+++ b/packages/global/core/workflow/template/tip.ts
@@ -1 +1,2 @@
 export const chatNodeSystemPromptTip = 'core.app.tip.chatNodeSystemPromptTip';
+export const systemPromptTip = 'core.app.tip.systemPromptTip';
--- a/packages/web/components/common/Textarea/PromptEditor/Editor.tsx
+++ b/packages/web/components/common/Textarea/PromptEditor/Editor.tsx
@@ -32,9 +32,9 @@ import { useDeepCompareEffect } from 'ahooks';
 import VariablePickerPlugin from './plugins/VariablePickerPlugin';

 export default function Editor({
-  h = 200,
+  minH = 200,
+  maxH = 400,
  maxLength,
-  showResize = true,
  showOpenModal = true,
  onOpenModal,
  variables,
@@ -46,9 +46,9 @@ export default function Editor({
  isFlow,
  bg = 'white'
 }: {
-  h?: number;
+  minH?: number;
+  maxH?: number;
  maxLength?: number;
-  showResize?: boolean;
  showOpenModal?: boolean;
  onOpenModal?: () => void;
  variables: EditorVariablePickerType[];
@@ -62,7 +62,6 @@ export default function Editor({
 }) {
  const [key, setKey] = useState(getNanoid(6));
  const [_, startSts] = useTransition();
-  const [height, setHeight] = useState(h);
  const [focus, setFocus] = useState(false);

  const initialConfig = {
@@ -74,25 +73,6 @@ export default function Editor({
    }
  };

-  const initialY = useRef(0);
-  const handleMouseDown = useCallback((e: React.MouseEvent) => {
-    initialY.current = e.clientY;
-
-    const handleMouseMove = (e: MouseEvent) => {
-      const deltaY = e.clientY - initialY.current;
-      setHeight((prevHeight) => (prevHeight + deltaY < h * 0.5 ? h * 0.5 : prevHeight + deltaY));
-      initialY.current = e.clientY;
-    };
-
-    const handleMouseUp = () => {
-      document.removeEventListener('mousemove', handleMouseMove);
-      document.removeEventListener('mouseup', handleMouseUp);
-    };
-
-    document.addEventListener('mousemove', handleMouseMove);
-    document.addEventListener('mouseup', handleMouseUp);
-  }, []);
-
  useDeepCompareEffect(() => {
    if (focus) return;
    setKey(getNanoid(6));
@@ -103,7 +83,6 @@ export default function Editor({
      className="nowheel"
      position={'relative'}
      width={'full'}
-      h={`${height}px`}
      cursor={'text'}
      color={'myGray.700'}
      bg={focus ? 'white' : bg}
@@ -114,6 +93,10 @@ export default function Editor({
          contentEditable={
            <ContentEditable
              className={isFlow ? styles.contentEditable_isFlow : styles.contentEditable}
+              style={{
+                minHeight: `${minH}px`,
+                maxHeight: `${maxH}px`
+              }}
            />
          }
          placeholder={
@@ -158,19 +141,6 @@ export default function Editor({
        <VariablePickerPlugin variables={variableLabels.length > 0 ? [] : variables} />
        <OnBlurPlugin onBlur={onBlur} />
      </LexicalComposer>
-      {showResize && (
-        <Box
-          position={'absolute'}
-          right={'0'}
-          bottom={'-1'}
-          zIndex={9}
-          cursor={'ns-resize'}
-          px={'2px'}
-          onMouseDown={handleMouseDown}
-        >
-          <MyIcon name={'common/editor/resizer'} width={'14px'} height={'14px'} />
-        </Box>
-      )}
      {showOpenModal && (
        <Box
          zIndex={10}
--- a/packages/web/components/common/Textarea/PromptEditor/index.tsx
+++ b/packages/web/components/common/Textarea/PromptEditor/index.tsx
@@ -10,13 +10,13 @@ import { useCallback } from 'react';

 const PromptEditor = ({
  showOpenModal = true,
-  showResize = true,
  variables = [],
  variableLabels = [],
  value,
  onChange,
  onBlur,
-  h,
+  minH,
+  maxH,
  maxLength,
  placeholder,
  title,
@@ -24,13 +24,13 @@ const PromptEditor = ({
  bg = 'white'
 }: {
  showOpenModal?: boolean;
-  showResize?: boolean;
  variables?: EditorVariablePickerType[];
  variableLabels?: EditorVariableLabelPickerType[];
  value?: string;
  onChange?: (text: string) => void;
  onBlur?: (text: string) => void;
-  h?: number;
+  minH?: number;
+  maxH?: number;
  maxLength?: number;
  placeholder?: string;
  title?: string;
@@ -58,12 +58,12 @@ const PromptEditor = ({
  return (
    <>
      <Editor
-        showResize={showResize}
        showOpenModal={showOpenModal}
        onOpenModal={onOpen}
        variables={variables}
        variableLabels={variableLabels}
-        h={h}
+        minH={minH}
+        maxH={maxH}
        maxLength={maxLength}
        value={value}
        onChange={onChangeInput}
@@ -75,9 +75,9 @@ const PromptEditor = ({
      <MyModal isOpen={isOpen} onClose={onClose} iconSrc="modal/edit" title={title} w={'full'}>
        <ModalBody>
          <Editor
-            h={400}
+            minH={400}
+            maxH={400}
            maxLength={maxLength}
-            showResize
            showOpenModal={false}
            variables={variables}
            variableLabels={variableLabels}
--- a/packages/web/i18n/en/common.json
+++ b/packages/web/i18n/en/common.json
@@ -340,7 +340,8 @@
  "core.app.share.Not share link": "No Share Link Created",
  "core.app.share.Role check": "Identity Verification",
  "core.app.tip.Add a intro to app": "Give the app an introduction",
-  "core.app.tip.chatNodeSystemPromptTip": "Fixed guide words for the model. By adjusting this content, you can guide the model's chat direction. This content will be fixed at the beginning of the context. You can use / to insert variables.\nIf a Dataset is associated, you can also guide the model when to call the Dataset search by appropriate description. For example:\nYou are an assistant for the movie 'Interstellar'. When users ask about content related to 'Interstellar', please search the Dataset and answer based on the search results.",
+  "core.app.tip.chatNodeSystemPromptTip": "Enter a prompt here",
+  "core.app.tip.systemPromptTip": "Fixed guide words for the model. By adjusting this content, you can guide the model's chat direction. This content will be fixed at the beginning of the context. You can use / to insert variables.\nIf a Dataset is associated, you can also guide the model when to call the Dataset search by appropriate description. For example:\nYou are an assistant for the movie 'Interstellar'. When users ask about content related to 'Interstellar', please search the Dataset and answer based on the search results.",
  "core.app.tip.variableTip": "Before the conversation starts, you can ask the user to fill in some content as specific variables for this round of conversation. This module is located after the opening guide.\nVariables can be injected into other modules' string type inputs in the form of {{variable key}}, such as prompts, delimiters, etc.",
  "core.app.tip.welcomeTextTip": "Before each conversation starts, send an initial content. Supports standard Markdown syntax. Additional tags that can be used:\n[Quick Key]: Users can directly send the question by clicking",
  "core.app.tool_label.doc": "Documentation",
--- a/packages/web/i18n/zh/common.json
+++ b/packages/web/i18n/zh/common.json
@@ -339,7 +339,8 @@
  "core.app.share.Not share link": "没有创建分享链接",
  "core.app.share.Role check": "身份校验",
  "core.app.tip.Add a intro to app": "快来给应用一个介绍~",
-  "core.app.tip.chatNodeSystemPromptTip": "模型固定的引导词，通过调整该内容，可以引导模型聊天方向。该内容会被固定在上下文的开头。可通过输入 / 插入选择变量\n如果关联了知识库，你还可以通过适当的描述，来引导模型何时去调用知识库搜索。例如：\n你是电影《星际穿越》的助手，当用户询问与《星际穿越》相关的内容时，请搜索知识库并结合搜索结果进行回答。",
+  "core.app.tip.chatNodeSystemPromptTip": "在此输入提示词",
+  "core.app.tip.systemPromptTip": "模型固定的引导词，通过调整该内容，可以引导模型聊天方向。该内容会被固定在上下文的开头。可通过输入 / 插入选择变量\n如果关联了知识库，你还可以通过适当的描述，来引导模型何时去调用知识库搜索。例如：\n你是电影《星际穿越》的助手，当用户询问与《星际穿越》相关的内容时，请搜索知识库并结合搜索结果进行回答。",
  "core.app.tip.variableTip": "可以在对话开始前，要求用户填写一些内容作为本轮对话的特定变量。该模块位于开场引导之后。\n变量可以通过 {{变量key}} 的形式注入到其他模块 string 类型的输入中，例如：提示词、限定词等",
  "core.app.tip.welcomeTextTip": "每次对话开始前，发送一个初始内容。支持标准 Markdown 语法，可使用的额外标记：\n[快捷按键]：用户点击后可以直接发送该问题",
  "core.app.tool_label.doc": "使用文档",
--- a/projects/app/public/appMarketTemplates/CQ/template.json
+++ b/projects/app/public/appMarketTemplates/CQ/template.json
@@ -169,7 +169,7 @@
            "max": 3000,
            "valueType": "WorkflowIOValueTypeEnum.string",
            "label": "core.ai.Prompt",
-            "description": "core.app.tip.chatNodeSystemPromptTip",
+            "description": "core.app.tip.systemPromptTip",
            "placeholder": "core.app.tip.chatNodeSystemPromptTip",
            "value": ""
          },
--- a/projects/app/public/appMarketTemplates/TranslateRobot/template.json
+++ b/projects/app/public/appMarketTemplates/TranslateRobot/template.json
@@ -166,7 +166,7 @@
            "max": 3000,
            "valueType": "string",
            "label": "core.ai.Prompt",
-            "description": "core.app.tip.chatNodeSystemPromptTip",
+            "description": "core.app.tip.systemPromptTip",
            "placeholder": "core.app.tip.chatNodeSystemPromptTip",
            "value": "# Role: 资深英汉翻译专家\n\n## Background:\n你是一位经验丰富的英汉翻译专家,精通英汉互译,尤其擅长将英文文章译成流畅易懂的现代汉语。你曾多次带领团队完成大型翻译项目,译文广受好评。\n\n## Attention:\n- 翻译过程中要始终坚持\"信、达、雅\"的原则,但\"达\"尤为重要\n- 译文要符合现代汉语的表达习惯,通俗易懂,连贯流畅 \n- 避免使用过于文绉绉的表达和晦涩难懂的典故引用\n\n## Profile:  \n- Author: 米开朗基杨 \n- Version: 0.2\n- Language: 中文\n- Description: 你是一位资深英汉翻译专家,精通英汉互译。你擅长将英文文章译成地道流畅的现代汉语,表达准确易懂,符合当代中文语言习惯。\n\n## Constraints:\n- 必须严格遵循四轮翻译流程:直译、意译、校审、定稿  \n- 译文要忠实原文,准确无误,不能遗漏或曲解原意\n- 译文应以现代白话文为主,避免过多使用文言文和古典诗词\n- 每一轮翻译前后必须添加【思考】和【翻译】标记\n- 最终译文使用Markdown的代码块呈现\n\n## Goals:\n- 通过四轮翻译流程,将英文原文译成高质量的现代汉语译文  \n- 译文要准确传达原文意思,语言表达力求浅显易懂,朗朗上口\n- 适度使用一些熟语俗语、流行网络用语等,增强译文的亲和力\n- 在直译的基础上,提供至少2个不同风格的意译版本供选择\n\n## Skills:\n- 精通英汉双语,具有扎实的语言功底和丰富的翻译经验\n- 擅长将英语表达习惯转换为地道自然的现代汉语\n- 对当代中文语言的发展变化有敏锐洞察,善于把握语言流行趋势\n\n## Workflow:\n1. 第一轮直译:逐字逐句忠实原文,不遗漏任何信息\n2. 第二轮意译:在直译的基础上用通俗流畅的现代汉语意译原文,至少提供2个不同风格的版本\n3. 第三轮校审:仔细审视译文,消除偏差和欠缺,使译文更加地道易懂 \n4. 第四轮定稿:择优选取,反复修改润色,最终定稿出一个简洁畅达、符合大众阅读习惯的译文\n\n## OutputFormat: \n- 每一轮翻译前用【思考】说明该轮要点\n- 每一轮翻译后用【翻译】呈现译文\n- 在\\`\\`\\`代码块中展示最终定稿译文\n\n## Suggestions:\n- 直译时力求忠实原文,但不要过于拘泥逐字逐句\n- 意译时在准确表达原意的基础上,用最朴实无华的现代汉语来表达 \n- 校审环节重点关注译文是否符合当代汉语表达习惯,是否通俗易懂\n- 定稿时适度采用一些熟语谚语、网络流行语等,使译文更接地气\n- 善于利用中文的灵活性,用不同的表述方式展现同一内容,提高译文的可读性\n\n## Initialization\n作为一名资深英汉翻译专家,你必须严格遵循翻译流程的各项要求。首先请向用户问好,介绍你将带领团队完成翻译任务,力求将英文原文译成通俗易懂的现代汉语。然后简要说明四轮翻译流程,请用户提供英文原文,开始进行翻译工作。"
          },
--- a/projects/app/public/appMarketTemplates/chatGuide/template.json
+++ b/projects/app/public/appMarketTemplates/chatGuide/template.json
@@ -187,7 +187,7 @@
            "max": 3000,
            "valueType": "WorkflowIOValueTypeEnum.string",
            "label": "core.ai.Prompt",
-            "description": "core.app.tip.chatNodeSystemPromptTip",
+            "description": "core.app.tip.systemPromptTip",
            "placeholder": "core.app.tip.chatNodeSystemPromptTip",
            "value": "请直接将我的问题翻译成{{language}}，不需要回答问题。"
          },
--- a/projects/app/public/appMarketTemplates/google/template.json
+++ b/projects/app/public/appMarketTemplates/google/template.json
@@ -148,7 +148,7 @@
            "max": 3000,
            "valueType": "string",
            "label": "core.ai.Prompt",
-            "description": "core.app.tip.chatNodeSystemPromptTip",
+            "description": "core.app.tip.systemPromptTip",
            "placeholder": "core.app.tip.chatNodeSystemPromptTip",
            "value": ""
          },
--- a/projects/app/public/appMarketTemplates/simpleDatasetChat/template.json
+++ b/projects/app/public/appMarketTemplates/simpleDatasetChat/template.json
@@ -169,7 +169,7 @@
            "max": 3000,
            "valueType": "WorkflowIOValueTypeEnum.string",
            "label": "core.ai.Prompt",
-            "description": "core.app.tip.chatNodeSystemPromptTip",
+            "description": "core.app.tip.systemPromptTip",
            "placeholder": "core.app.tip.chatNodeSystemPromptTip",
            "value": ""
          },
--- a/projects/app/public/appMarketTemplates/srt-translate/template.json
+++ b/projects/app/public/appMarketTemplates/srt-translate/template.json
@@ -174,7 +174,7 @@
            "max": 3000,
            "valueType": "string",
            "label": "core.ai.Prompt",
-            "description": "core.app.tip.chatNodeSystemPromptTip",
+            "description": "core.app.tip.systemPromptTip",
            "placeholder": "core.app.tip.chatNodeSystemPromptTip",
            "value": "# Role: 资深字幕翻译专家\n\n## Background:\n你是一位经验丰富的{{source_lang}}和{{target_lang}}字幕翻译专家,精通{{source_lang}}和{{target_lang}}互译,尤其擅长将{{source_lang}}字幕译成流畅易懂的{{target_lang}}字幕。你曾多次带领团队完成大型商业电影的字幕翻译项目,所翻译的字幕广受好评。\n\n## Attention:\n- 翻译过程中要始终坚持\"信、达、雅\"的原则,但\"达\"尤为重要\n- 翻译的字幕要符合{{target_lang}}的表达习惯,通俗易懂,连贯流畅\n- 避免使用过于文绉绉的表达和晦涩难懂的典故引用 \n- 诗词歌词等内容需按原文换行和节奏分行,不破坏原排列格式  \n- 翻译对象是字幕，请进入整段文本的语境中对需要翻译的文本段进行翻译\n- <T>是标识每一帧字幕的标签,请严格按照<T>对文本的分割逐帧翻译\n\n## Constraints:\n- 必须严格遵循四轮翻译流程:直译、意译、反思、提升\n- 译文要忠实原文,准确无误,不能遗漏或曲解原意\n- 最终译文使用Markdown的代码块呈现,但是不用输出markdown这个单词\n- <T>是标识每一帧字幕的标签,请严格按照<T>对文本的分割逐帧翻译，每一帧字幕末尾不要加\\n 回车标识，且第一帧字幕开头不需要加<T>标识\n\n## Goals:\n- 通过四轮翻译流程,将{{source_lang}}字幕译成高质量的{{target_lang}}字幕\n- 翻译的字幕要准确传达原字幕意思,语言表达力求浅显易懂,朗朗上口  \n\n## Workflow:\n1. 第一轮直译:严格按照<T>逐句翻译,不遗漏任何信息\n2. 第二轮意译:在直译的基础上用通俗流畅的{{target_lang}}意译原文,逐句翻译,保留<T>标识标签\n3. 第三轮反思:仔细审视译文,分点列出一份建设性的批评和有用的建议清单以改进翻译，对每一句话提出建议，从以下四个角度展开\n    (i) 准确性（纠正添加、误译、遗漏或未翻译的文本错误），\n    (ii) 流畅性（应用{{target_lang}}的语法、拼写和标点规则，并确保没有不必要的重复），\n    (iii) 风格（确保翻译反映源文本的风格并考虑其文化背景），\n    (iv) 术语（确保术语使用一致且反映源文本所在领域，注意确保使用{{target_lang}}中的等效习语）\n4. 第四轮提升:严格遵循第三轮提出的建议对翻译修改,定稿出一个简洁畅达、符合大众观影习惯的字幕译文,保留<T>标识标签\n\n## OutputFormat:\n- 每一轮前用【思考】说明该轮要点\n- 第一轮和第二轮翻译后用【翻译】呈现译文\n- 第三轮输出建议清单，分点列出，在每一点前用*xxx*标识这条建议对应的要点，如*风格*;建议前用【思考】说明该轮要点，建议后用【建议】呈现建议\n- 第四轮在\\`\\`\\`代码块中展示最终{{target_lang}}字幕文件内容，如\\`\\`\\`xxx\\`\\`\\`\n\n## Suggestions:\n- 直译时力求忠实原文,但注意控制每帧字幕的字数,必要时进行精简压缩\n- 意译时在准确表达原意的基础上,用最朴实无华的{{target_lang}}来表达\n- 反思环节重点关注译文是否符合{{target_lang}}表达习惯,是否通俗易懂,是否准确流畅,是否术语一致\n- 提升环节采用反思环节的建议对意译环节的翻译进行修改，适度采用一些口语化的表达、网络流行语等,增强字幕的亲和力\n- 注意<T>是很重要的标识标签，请确保标签能在正确位置输出"
          },
--- a/projects/app/public/appMarketTemplates/timeBot/template.json
+++ b/projects/app/public/appMarketTemplates/timeBot/template.json
@@ -100,7 +100,7 @@
            "max": 3000,
            "valueType": "string",
            "label": "core.ai.Prompt",
-            "description": "core.app.tip.chatNodeSystemPromptTip",
+            "description": "core.app.tip.systemPromptTip",
            "placeholder": "core.app.tip.chatNodeSystemPromptTip",
            "value": ""
          },
--- a/projects/app/src/components/core/app/DatasetParamsModal.tsx
+++ b/projects/app/src/components/core/app/DatasetParamsModal.tsx
@@ -318,7 +318,8 @@ const DatasetParamsModal = ({
                  </Flex>
                  <Box mt={1}>
                    <PromptEditor
-                      h={200}
+                      minH={150}
+                      maxH={300}
                      showOpenModal={false}
                      placeholder={t('common:core.module.QueryExtension.placeholder')}
                      value={cfbBgDesc}
--- a/projects/app/src/pages/app/detail/components/SimpleApp/EditForm.tsx
+++ b/projects/app/src/pages/app/detail/components/SimpleApp/EditForm.tsx
@@ -168,13 +168,14 @@ const EditForm = ({
          <Box mt={4}>
            <HStack {...LabelStyles} w={'100%'}>
              <Box>{t('common:core.ai.Prompt')}</Box>
-              <QuestionTip label={t('common:core.app.tip.chatNodeSystemPromptTip')} />
+              <QuestionTip label={t('common:core.app.tip.systemPromptTip')} />

              <Box flex={1} />
              <VariableTip color={'myGray.500'} />
            </HStack>
            <Box mt={1}>
              <PromptEditor
+                minH={150}
                value={appForm.aiSettings.systemPrompt}
                bg={'myGray.50'}
                onChange={(text) => {
@@ -190,7 +191,7 @@ const EditForm = ({
                }}
                variableLabels={formatVariables}
                variables={formatVariables}
-                placeholder={t('common:core.app.tip.chatNodeSystemPromptTip')}
+                placeholder={t('common:core.app.tip.systemPromptTip')}
                title={t('common:core.ai.Prompt')}
              />
            </Box>
--- a/projects/app/src/pages/app/detail/components/WorkflowComponents/Flow/nodes/NodeHttp/index.tsx
+++ b/projects/app/src/pages/app/detail/components/WorkflowComponents/Flow/nodes/NodeHttp/index.tsx
@@ -701,7 +701,7 @@ const RenderBody = ({
            }}
            showOpenModal={false}
            variableLabels={variables}
-            h={200}
+            minH={200}
          />
        )}
      </Box>
--- a/projects/app/src/pages/app/detail/components/WorkflowComponents/Flow/nodes/NodeVariableUpdate.tsx
+++ b/projects/app/src/pages/app/detail/components/WorkflowComponents/Flow/nodes/NodeVariableUpdate.tsx
@@ -12,8 +12,7 @@ import {
  NumberInput,
  NumberInputField,
  NumberInputStepper,
-  Switch,
-  Textarea
+  Switch
 } from '@chakra-ui/react';
 import { TUpdateListItem } from '@fastgpt/global/core/workflow/template/system/variableUpdate/type';
 import { NodeInputKeyEnum, WorkflowIOValueTypeEnum } from '@fastgpt/global/core/workflow/constants';
@@ -25,7 +24,6 @@ import {
 } from '@fastgpt/global/core/workflow/node/constant';
 import Container from '../components/Container';
 import MyIcon from '@fastgpt/web/components/common/Icon';
-import JsonEditor from '@fastgpt/web/components/common/Textarea/JsonEditor';
 import { SmallAddIcon } from '@chakra-ui/icons';
 import MyTooltip from '@fastgpt/web/components/common/MyTooltip';
 import { ReferenceValueProps } from '@fastgpt/global/core/workflow/type/io';
@@ -219,7 +217,7 @@ const NodeVariableUpdate = ({ data, selected }: NodeProps<FlowNodeItemType>) =>
                      onChange={handleUpdate}
                      showOpenModal={false}
                      variableLabels={variables}
-                      h={100}
+                      minH={100}
                    />
                  </Box>
                );
@@ -251,7 +249,7 @@ const NodeVariableUpdate = ({ data, selected }: NodeProps<FlowNodeItemType>) =>
                    onChange={handleUpdate}
                    showOpenModal={false}
                    variableLabels={variables}
-                    h={100}
+                    minH={100}
                  />
                </Box>
              );
--- a/projects/app/src/pages/app/detail/components/WorkflowComponents/Flow/nodes/render/Handle/ConnectionHandle.tsx
+++ b/projects/app/src/pages/app/detail/components/WorkflowComponents/Flow/nodes/render/Handle/ConnectionHandle.tsx
@@ -32,14 +32,18 @@ export const ConnectionSourceHandle = ({
      );

      /* 
-        If the node is folded, must show the handle
+        If the node is folded and has outputs, must show the handle
        hide handle when:
          - not folded
          - not node
          - not sourceHandle
          - already connected
      */
-      if (!isFoldNode && (!node || !node?.sourceHandle?.right || rightTargetConnected)) return null;
+      if (
+        !(isFoldNode && node?.outputs.length) &&
+        (!node || !node?.sourceHandle?.right || rightTargetConnected)
+      )
+        return null;

      return (
        <SourceHandle
--- a/projects/app/src/pages/app/detail/components/WorkflowComponents/Flow/nodes/render/NodeCard.tsx
+++ b/projects/app/src/pages/app/detail/components/WorkflowComponents/Flow/nodes/render/NodeCard.tsx
@@ -181,7 +181,7 @@ const NodeCard = (props: Props) => {
                }}
              >
                <MyIcon
-                  name={isFolded ? 'core/chat/chevronDown' : 'core/chat/chevronRight'}
+                  name={!isFolded ? 'core/chat/chevronDown' : 'core/chat/chevronRight'}
                  w={'24px'}
                  h={'24px'}
                  color={'myGray.500'}
--- a/projects/app/src/pages/app/detail/components/WorkflowComponents/Flow/nodes/render/RenderInput/templates/SettingQuotePrompt.tsx
+++ b/projects/app/src/pages/app/detail/components/WorkflowComponents/Flow/nodes/render/RenderInput/templates/SettingQuotePrompt.tsx
@@ -259,7 +259,7 @@ const SettingQuotePrompt = (props: RenderInputProps) => {

              <PromptEditor
                variables={quoteTemplateVariables}
-                h={160}
+                minH={160}
                title={t('common:core.app.Quote templates')}
                placeholder={t('workflow:quote_content_placeholder')}
                value={aiChatQuoteTemplate}
@@ -281,7 +281,7 @@ const SettingQuotePrompt = (props: RenderInputProps) => {
              <PromptEditor
                variables={quotePromptVariables}
                title={t('common:core.app.Quote prompt')}
-                h={300}
+                minH={300}
                placeholder={t('workflow:quote_prompt_tip', {
                  default: quotePromptTemplates[0].value
                })}
--- a/projects/app/src/pages/app/detail/components/WorkflowComponents/Flow/nodes/render/RenderInput/templates/Textarea.tsx
+++ b/projects/app/src/pages/app/detail/components/WorkflowComponents/Flow/nodes/render/RenderInput/templates/Textarea.tsx
@@ -49,7 +49,8 @@ const TextareaRender = ({ inputs = [], item, nodeId }: RenderInputProps) => {
        variables={variables}
        title={t(item.label as any)}
        maxLength={item.maxLength}
-        h={150}
+        minH={100}
+        maxH={300}
        placeholder={t((item.placeholder as any) || '')}
        value={item.value}
        onChange={onChange}
--- a/projects/app/src/web/core/app/templates.ts
+++ b/projects/app/src/web/core/app/templates.ts
@@ -192,7 +192,7 @@ export const emptyTemplates: Record<
            max: 3000,
            valueType: WorkflowIOValueTypeEnum.string,
            label: 'core.ai.Prompt',
-            description: 'core.app.tip.chatNodeSystemPromptTip',
+            description: 'core.app.tip.systemPromptTip',
            placeholder: 'core.app.tip.chatNodeSystemPromptTip',
            value: ''
          },
--- a/projects/app/src/web/core/app/utils.ts
+++ b/projects/app/src/web/core/app/utils.ts
@@ -140,7 +140,7 @@ export function form2AppWorkflow(
          max: 3000,
          valueType: WorkflowIOValueTypeEnum.string,
          label: 'core.ai.Prompt',
-          description: 'core.app.tip.chatNodeSystemPromptTip',
+          description: 'core.app.tip.systemPromptTip',
          placeholder: 'core.app.tip.chatNodeSystemPromptTip',
          value: formData.aiSettings.systemPrompt
        },
@@ -461,7 +461,7 @@ export function form2AppWorkflow(
              max: 3000,
              valueType: WorkflowIOValueTypeEnum.string,
              label: 'core.ai.Prompt',
-              description: 'core.app.tip.chatNodeSystemPromptTip',
+              description: 'core.app.tip.systemPromptTip',
              placeholder: 'core.app.tip.chatNodeSystemPromptTip',
              value: formData.aiSettings.systemPrompt
            },