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

2025-07-24 22:03:54 +00:00 · 2024-09-27 13:45:44 +08:00
parent 691476c821
commit 7c8f2ab6f5
25 changed files with 57 additions and 79 deletions
--- 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
            },