4.8.12 dev (#2928)

* perf: optimize global variables (#2863) * feat: add global variable types * add global variables to debug * fix select dnd * unify InputTypeConfig params * feat: http node url support variables (#2891) * feat: http node url support variables * change to prompt editor * fix: global variables (#2892) * fix global variables * fix type * perf: global variables * perf: workflow delete node error (#2905) * update lock * update 4812 doc * feat: add node course url config (#2897) * feat: add node course url config * change plugin course url * change default doc url * change url store * delete unused code * fix: global variable (#2915) * fix: global variable * add comment * fix: interactive check * locj * perf: debug switch to global tab when click run & global var default reset (#2925) * fix: tool course url * fix: global var default value & wrap variable form (#2926) * fix: add dataset tags not update render (#2927) * feat: tool will save histories * perf: global variables code * perf: FE_DOMAIN config --------- Co-authored-by: heheer <heheer@sealos.io>

4.8.12 dev (#2928)
* perf: optimize global variables (#2863) * feat: add global variable types * add global variables to debug * fix select dnd * unify InputTypeConfig params * feat: http node url support variables (#2891) * feat: http node url support variables * change to prompt editor * fix: global variables (#2892) * fix global variables * fix type * perf: global variables * perf: workflow delete node error (#2905) * update lock * update 4812 doc * feat: add node course url config (#2897) * feat: add node course url config * change plugin course url * change default doc url * change url store * delete unused code * fix: global variable (#2915) * fix: global variable * add comment * fix: interactive check * locj * perf: debug switch to global tab when click run & global var default reset (#2925) * fix: tool course url * fix: global var default value & wrap variable form (#2926) * fix: add dataset tags not update render (#2927) * feat: tool will save histories * perf: global variables code * perf: FE_DOMAIN config --------- Co-authored-by: heheer <heheer@sealos.io>
d4e0a437 · Archer · GitHub · 00638d6e · d4e0a437 · d4e0a437
Commit d4e0a437 authored Oct 15, 2024 by Archer Committed by GitHub Oct 15, 2024
58 changed files
--- a/docSite/content/zh-cn/docs/development/upgrading/4812.md
+++ b/docSite/content/zh-cn/docs/development/upgrading/4812.md
@@ -9,8 +9,12 @@ weight: 812
 ## 更新说明
-1. 新增 - 全局变量支持更多数据类型
+1. 新增 - 全局变量支持数字类型，并且支持配置默认值和部分输入框参数。
 2. 新增 - FE_DOMAIN 环境变量，配置该环境变量后，上传文件/图片会补全后缀后得到完整地址。（可解决 docx 文件图片链接，有时会无法被模型识别问题）
 3. 新增 - 工具调用支持交互模式
-4. 修复 - 文件后缀判断，去除 query 影响。
+4. 新增 - Debug 模式支持输入全局变量
-5. 修复 - AI 响应为空时，会造成 LLM  历史记录合并。
+5. 新增 - chat openapi 文档
\ No newline at end of file
+6. 新增 - wiki 搜索插件
+7. 修复 - 文件后缀判断，去除 query 影响。
+8. 修复 - AI 响应为空时，会造成 LLM  历史记录合并。
+9. 修复 - 用户交互节点未阻塞流程。
--- a/files/docker/docker-compose-milvus.yml
+++ b/files/docker/docker-compose-milvus.yml
@@ -154,7 +154,7 @@ services:
      - MILVUS_TOKEN=none
      # sandbox 地址
      - SANDBOX_URL=http://sandbox:3000
-      # 前端地址
+      # 前端地址: http://localhost:3000
      - FE_DOMAIN=
      # 日志等级: debug, info, warn, error
      - LOG_LEVEL=info

--- a/files/docker/docker-compose-pgvector.yml
+++ b/files/docker/docker-compose-pgvector.yml
@@ -111,7 +111,7 @@ services:
      - PG_URL=postgresql://username:password@pg:5432/postgres
      # sandbox 地址
      - SANDBOX_URL=http://sandbox:3000
-      # 前端地址
+      # 前端地址: http://localhost:3000
      - FE_DOMAIN=
      # 日志等级: debug, info, warn, error
      - LOG_LEVEL=info

--- a/files/docker/docker-compose-zilliz.yml
+++ b/files/docker/docker-compose-zilliz.yml
@@ -92,7 +92,7 @@ services:
      - MILVUS_TOKEN=zilliz_cloud_token
      # sandbox 地址
      - SANDBOX_URL=http://sandbox:3000
-      # 前端地址
+      # 前端地址: http://localhost:3000
      - FE_DOMAIN=
      # 日志等级: debug, info, warn, error
      - LOG_LEVEL=info

--- a/packages/global/core/app/type.d.ts
+++ b/packages/global/core/app/type.d.ts
@@ -13,6 +13,7 @@ import { StoreEdgeItemType } from '../workflow/type/edge';
 import { PermissionSchemaType, PermissionValueType } from '../../support/permission/type';
 import { AppPermission } from '../../support/permission/app/controller';
 import { ParentIdType } from '../../common/parentFolder/type';
+import { FlowNodeInputTypeEnum } from 'core/workflow/node/constant';
 export type AppSchema = {
  _id: string;
@@ -114,11 +115,19 @@ export type VariableItemType = {
  id: string;
  key: string;
  label: string;
-  type: `${VariableInputEnum}`;
+  type: VariableInputEnum;
  required: boolean;
-  maxLen: number;
+  description: string;
-  enums: { value: string }[];
+  valueType?: WorkflowIOValueTypeEnum;
-  valueType: WorkflowIOValueTypeEnum;
+  defaultValue?: any;
+  // input
+  maxLength?: number;
+  // numberInput
+  max?: number;
+  min?: number;
+  // select
+  enums?: { value: string; label: string }[];
 };
 // tts
 export type AppTTSConfigType = {

--- a/packages/global/core/chat/adapt.ts
+++ b/packages/global/core/chat/adapt.ts
@@ -122,6 +122,9 @@ export const chats2GPTMessages = ({
          value.type === ChatItemValueTypeEnum.text &&
          typeof value.text?.content === 'string'
        ) {
+          if (!value.text.content && item.value.length > 1) {
+            return;
+          }
          // Concat text
          const lastValue = item.value[i - 1];
          const lastResult = aiResults[aiResults.length - 1];

--- a/packages/global/core/workflow/constants.ts
+++ b/packages/global/core/workflow/constants.ts
@@ -267,29 +267,51 @@ export enum NodeOutputKeyEnum {
 export enum VariableInputEnum {
  input = 'input',
  textarea = 'textarea',
+  numberInput = 'numberInput',
  select = 'select',
  custom = 'custom'
 }
-export const variableMap = {
+export const variableMap: Record<
+  VariableInputEnum,
+  {
+    icon: string;
+    label: string;
+    value: VariableInputEnum;
+    defaultValueType: WorkflowIOValueTypeEnum;
+    description?: string;
+  }
+> = {
  [VariableInputEnum.input]: {
-    icon: 'core/app/variable/input',
+    icon: 'core/workflow/inputType/input',
-    title: i18nT('common:core.module.variable.input type'),
+    label: i18nT('common:core.workflow.inputType.input'),
-    desc: ''
+    value: VariableInputEnum.input,
+    defaultValueType: WorkflowIOValueTypeEnum.string
  },
  [VariableInputEnum.textarea]: {
-    icon: 'core/app/variable/textarea',
+    icon: 'core/workflow/inputType/textarea',
-    title: i18nT('common:core.module.variable.textarea type'),
+    label: i18nT('common:core.workflow.inputType.textarea'),
-    desc: i18nT('app:variable.textarea_type_desc')
+    value: VariableInputEnum.textarea,
+    defaultValueType: WorkflowIOValueTypeEnum.string,
+    description: i18nT('app:variable.textarea_type_desc')
+  },
+  [VariableInputEnum.numberInput]: {
+    icon: 'core/workflow/inputType/numberInput',
+    label: i18nT('common:core.workflow.inputType.number input'),
+    value: VariableInputEnum.numberInput,
+    defaultValueType: WorkflowIOValueTypeEnum.number
  },
  [VariableInputEnum.select]: {
-    icon: 'core/app/variable/select',
+    icon: 'core/workflow/inputType/option',
-    title: i18nT('common:core.module.variable.select type'),
+    label: i18nT('common:core.workflow.inputType.select'),
-    desc: ''
+    value: VariableInputEnum.select,
+    defaultValueType: WorkflowIOValueTypeEnum.string
  },
  [VariableInputEnum.custom]: {
-    icon: 'core/app/variable/external',
+    icon: 'core/workflow/inputType/customVariable',
-    title: i18nT('common:core.module.variable.Custom type'),
+    label: i18nT('common:core.workflow.inputType.custom'),
-    desc: i18nT('app:variable.select type_desc')
+    value: VariableInputEnum.custom,
+    defaultValueType: WorkflowIOValueTypeEnum.string,
+    description: i18nT('app:variable.select type_desc')
  }
 };

--- a/packages/global/core/workflow/template/system/aiChat/index.ts
+++ b/packages/global/core/workflow/template/system/aiChat/index.ts
@@ -54,6 +54,7 @@ export const AiChatModule: FlowNodeTemplateType = {
  intro: i18nT('workflow:template.ai_chat_intro'),
  showStatus: true,
  isTool: true,
+  courseUrl: '/docs/workflow/modules/ai_chat/',
  version: '481',
  inputs: [
    Input_Template_SettingAiModel,

--- a/packages/global/core/workflow/template/system/assignedAnswer.ts
+++ b/packages/global/core/workflow/template/system/assignedAnswer.ts
@@ -17,7 +17,7 @@ export const AssignedAnswerModule: FlowNodeTemplateType = {
  avatar: 'core/workflow/template/reply',
  name: i18nT('workflow:assigned_reply'),
  intro: i18nT('workflow:intro_assigned_reply'),
+  courseUrl: '/docs/workflow/modules/reply/',
  version: '481',
  isTool: true,
  inputs: [

--- a/packages/global/core/workflow/template/system/classifyQuestion/index.ts
+++ b/packages/global/core/workflow/template/system/classifyQuestion/index.ts
@@ -31,6 +31,7 @@ export const ClassifyQuestionModule: FlowNodeTemplateType = {
  intro: i18nT('workflow:intro_question_classification'),
  showStatus: true,
  version: '481',
+  courseUrl: '/docs/workflow/modules/question_classify/',
  inputs: [
    {
      ...Input_Template_SelectAIModel,

--- a/packages/global/core/workflow/template/system/contextExtract/index.ts
+++ b/packages/global/core/workflow/template/system/contextExtract/index.ts
@@ -26,6 +26,7 @@ export const ContextExtractModule: FlowNodeTemplateType = {
  intro: i18nT('workflow:intro_text_content_extraction'),
  showStatus: true,
  isTool: true,
+  courseUrl: '/docs/workflow/modules/content_extract/',
  version: '481',
  inputs: [
    {

--- a/packages/global/core/workflow/template/system/customFeedback.ts
+++ b/packages/global/core/workflow/template/system/customFeedback.ts
@@ -17,6 +17,7 @@ export const CustomFeedbackNode: FlowNodeTemplateType = {
  avatar: 'core/workflow/template/customFeedback',
  name: i18nT('workflow:custom_feedback'),
  intro: i18nT('workflow:intro_custom_feedback'),
+  courseUrl: '/docs/workflow/modules/custom_feedback/',
  version: '486',
  inputs: [
    {

--- a/packages/global/core/workflow/template/system/datasetSearch.ts
+++ b/packages/global/core/workflow/template/system/datasetSearch.ts
@@ -29,6 +29,7 @@ export const DatasetSearchModule: FlowNodeTemplateType = {
  intro: Dataset_SEARCH_DESC,
  showStatus: true,
  isTool: true,
+  courseUrl: '/docs/workflow/modules/dataset_search/',
  version: '481',
  inputs: [
    {

--- a/packages/global/core/workflow/template/system/http468.ts
+++ b/packages/global/core/workflow/template/system/http468.ts
@@ -27,6 +27,7 @@ export const HttpNode468: FlowNodeTemplateType = {
  intro: i18nT('workflow:intro_http_request'),
  showStatus: true,
  isTool: true,
+  courseUrl: '/docs/workflow/modules/http/',
  version: '481',
  inputs: [
    {

--- a/packages/global/core/workflow/template/system/ifElse/index.ts
+++ b/packages/global/core/workflow/template/system/ifElse/index.ts
@@ -23,6 +23,7 @@ export const IfElseNode: FlowNodeTemplateType = {
  name: i18nT('workflow:condition_checker'),
  intro: i18nT('workflow:execute_different_branches_based_on_conditions'),
  showStatus: true,
+  courseUrl: '/docs/workflow/modules/tfswitch/',
  version: '481',
  inputs: [
    {

--- a/packages/global/core/workflow/template/system/laf.ts
+++ b/packages/global/core/workflow/template/system/laf.ts
@@ -32,6 +32,7 @@ export const LafModule: FlowNodeTemplateType = {
  intro: i18nT('workflow:intro_laf_function_call'),
  showStatus: true,
  isTool: true,
+  courseUrl: '/docs/workflow/modules/laf/',
  version: '481',
  inputs: [
    {

--- a/packages/global/core/workflow/template/system/sandbox/index.ts
+++ b/packages/global/core/workflow/template/system/sandbox/index.ts
@@ -26,6 +26,7 @@ export const CodeNode: FlowNodeTemplateType = {
  name: i18nT('workflow:code_execution'),
  intro: i18nT('workflow:execute_a_simple_script_code_usually_for_complex_data_processing'),
  showStatus: true,
+  courseUrl: '/docs/workflow/modules/sandbox/',
  version: '482',
  inputs: [
    {

--- a/packages/global/core/workflow/template/system/textEditor.ts
+++ b/packages/global/core/workflow/template/system/textEditor.ts
@@ -23,6 +23,7 @@ export const TextEditorNode: FlowNodeTemplateType = {
  avatar: 'core/workflow/template/textConcat',
  name: i18nT('workflow:text_concatenation'),
  intro: i18nT('workflow:intro_text_concatenation'),
+  courseUrl: '/docs/workflow/modules/text_editor/',
  version: '486',
  inputs: [
    {

--- a/packages/global/core/workflow/template/system/tools.ts
+++ b/packages/global/core/workflow/template/system/tools.ts
@@ -31,6 +31,7 @@ export const ToolModule: FlowNodeTemplateType = {
  name: i18nT('workflow:template.tool_call'),
  intro: i18nT('workflow:template.tool_call_intro'),
  showStatus: true,
+  courseUrl: '/docs/workflow/modules/tool/',
  version: '481',
  inputs: [
    {

--- a/packages/global/core/workflow/template/system/workflowStart.ts
+++ b/packages/global/core/workflow/template/system/workflowStart.ts
@@ -30,6 +30,7 @@ export const WorkflowStart: FlowNodeTemplateType = {
  intro: '',
  forbidDelete: true,
  unique: true,
+  courseUrl: '/docs/workflow/modules/input/',
  version: '481',
  inputs: [{ ...Input_Template_UserChatInput, toolDescription: i18nT('workflow:user_question') }],
  outputs: [

--- a/packages/global/core/workflow/type/index.d.ts
+++ b/packages/global/core/workflow/type/index.d.ts
@@ -35,7 +35,7 @@ export type WorkflowTemplateType = {
  avatar: string;
  intro?: string;
  author?: string;
-  inputExplanationUrl?: string;
+  courseUrl?: string;
  version: string;
  showStatus?: boolean;

--- a/packages/global/core/workflow/type/node.d.ts
+++ b/packages/global/core/workflow/type/node.d.ts
@@ -32,7 +32,6 @@ export type FlowNodeCommonType = {
  avatar?: string;
  name: string;
  intro?: string; // template list intro
-  inputExplanationUrl?: string;
  showStatus?: boolean; // chatting response step status
  version: string;
@@ -69,6 +68,7 @@ export type FlowNodeTemplateType = FlowNodeCommonType & {
  unique?: boolean;
  diagram?: string; // diagram url
+  courseUrl?: string; // course url
 };
 export type NodeTemplateListItemType = {

--- a/packages/global/core/workflow/utils.ts
+++ b/packages/global/core/workflow/utils.ts
@@ -230,6 +230,7 @@ export const appData2FlowNodeIO = ({
            FlowNodeInputTypeEnum.textarea,
            FlowNodeInputTypeEnum.reference
          ],
+          [VariableInputEnum.numberInput]: [FlowNodeInputTypeEnum.numberInput],
          [VariableInputEnum.select]: [FlowNodeInputTypeEnum.select],
          [VariableInputEnum.custom]: [
            FlowNodeInputTypeEnum.input,
@@ -246,7 +247,7 @@ export const appData2FlowNodeIO = ({
          description: '',
          valueType: WorkflowIOValueTypeEnum.any,
          required: item.required,
-          list: item.enums.map((enumItem) => ({
+          list: item.enums?.map((enumItem) => ({
            label: enumItem.value,
            value: enumItem.value
          }))
@@ -391,7 +392,13 @@ export function replaceEditorVariable({
        }
      ];
    }
-    return [];
+    return [
+      {
+        id: item.key,
+        value: item.value,
+        nodeId: runningNode.nodeId
+      }
+    ];
  });
  const allVariables = [...globalVariables, ...nodeVariables, ...customInputs];

--- a/packages/plugins/src/Doc2X/FileImg2text/template.json
+++ b/packages/plugins/src/Doc2X/FileImg2text/template.json
@@ -4,7 +4,7 @@
  "name": "Doc2X 图像(文件)识别",
  "avatar": "plugins/doc2x",
  "intro": "将上传的图片文件发送至Doc2X进行解析，返回带LaTeX公式的markdown格式的文本",
-  "inputExplanationUrl": "https://fael3z0zfze.feishu.cn/wiki/Rkc5witXWiJoi5kORd2cofh6nDg?fromScene=spaceOverview",
+  "courseUrl": "https://fael3z0zfze.feishu.cn/wiki/Rkc5witXWiJoi5kORd2cofh6nDg?fromScene=spaceOverview",
  "showStatus": true,
  "weight": 10,

--- a/packages/plugins/src/Doc2X/FilePDF2text/template.json
+++ b/packages/plugins/src/Doc2X/FilePDF2text/template.json
@@ -4,7 +4,7 @@
  "name": "Doc2X PDF文件(文件)识别",
  "avatar": "plugins/doc2x",
  "intro": "将上传的PDF文件发送至Doc2X进行解析，返回带LaTeX公式的markdown格式的文本",
-  "inputExplanationUrl": "https://fael3z0zfze.feishu.cn/wiki/Rkc5witXWiJoi5kORd2cofh6nDg?fromScene=spaceOverview",
+  "courseUrl": "https://fael3z0zfze.feishu.cn/wiki/Rkc5witXWiJoi5kORd2cofh6nDg?fromScene=spaceOverview",
  "showStatus": true,
  "weight": 10,

--- a/packages/plugins/src/Doc2X/URLImg2text/template.json
+++ b/packages/plugins/src/Doc2X/URLImg2text/template.json
@@ -4,7 +4,7 @@
  "name": "Doc2X 图像(URL)识别",
  "avatar": "plugins/doc2x",
  "intro": "从URL下载图片并发送至Doc2X进行解析，返回带LaTeX公式的markdown格式的文本",
-  "inputExplanationUrl": "https://fael3z0zfze.feishu.cn/wiki/Rkc5witXWiJoi5kORd2cofh6nDg?fromScene=spaceOverview",
+  "courseUrl": "https://fael3z0zfze.feishu.cn/wiki/Rkc5witXWiJoi5kORd2cofh6nDg?fromScene=spaceOverview",
  "showStatus": true,
  "weight": 10,

--- a/packages/plugins/src/Doc2X/URLPDF2text/template.json
+++ b/packages/plugins/src/Doc2X/URLPDF2text/template.json
@@ -4,7 +4,7 @@
  "name": "Doc2X PDF文件(URL)识别",
  "avatar": "plugins/doc2x",
  "intro": "从URL下载PDF文件，并发送至Doc2X进行解析，返回带LaTeX公式的markdown格式的文本",
-  "inputExplanationUrl": "https://fael3z0zfze.feishu.cn/wiki/Rkc5witXWiJoi5kORd2cofh6nDg?fromScene=spaceOverview",
+  "courseUrl": "https://fael3z0zfze.feishu.cn/wiki/Rkc5witXWiJoi5kORd2cofh6nDg?fromScene=spaceOverview",
  "showStatus": true,
  "weight": 10,

--- a/packages/plugins/src/feishu/template.json
+++ b/packages/plugins/src/feishu/template.json
@@ -4,7 +4,7 @@
  "name": "飞书机器人 webhook",
  "avatar": "/appMarketTemplates/plugin-feishu/avatar.svg",
  "intro": "向飞书机器人发起 webhook 请求。",
-  "inputExplanationUrl": "https://open.feishu.cn/document/client-docs/bot-v3/add-custom-bot#f62e72d5",
+  "courseUrl": "https://open.feishu.cn/document/client-docs/bot-v3/add-custom-bot#f62e72d5",
  "showStatus": false,
  "weight": 10,

--- a/packages/service/core/app/plugin/controller.ts
+++ b/packages/service/core/app/plugin/controller.ts
@@ -96,7 +96,7 @@ export async function getChildAppPreviewNode({
    avatar: app.avatar,
    name: app.name,
    intro: app.intro,
-    inputExplanationUrl: app.inputExplanationUrl,
+    courseUrl: app.courseUrl,
    showStatus: app.showStatus,
    isTool: true,
    version: app.version,

--- a/packages/service/core/workflow/dispatch/agent/runTool/index.ts
+++ b/packages/service/core/workflow/dispatch/agent/runTool/index.ts
@@ -150,7 +150,11 @@ export const dispatchRunTools = async (props: DispatchToolModuleProps): Promise<
    assistantResponses = [], // FastGPT system store assistant.value response
    runTimes
  } = await (async () => {
-    const adaptMessages = chats2GPTMessages({ messages, reserveId: false });
+    const adaptMessages = chats2GPTMessages({
+      messages,
+      reserveId: false,
+      reserveTool: !!toolModel.toolChoice
+    });
    if (toolModel.toolChoice) {
      return runToolWithToolChoice({

--- a/packages/web/components/common/Icon/constants.ts
+++ b/packages/web/components/common/Icon/constants.ts
@@ -275,6 +275,7 @@ export const iconPaths = {
  'core/workflow/versionHistories': () => import('./icons/core/workflow/versionHistories.svg'),
  date: () => import('./icons/date.svg'),
  delete: () => import('./icons/delete.svg'),
+  drag: () => import('./icons/drag.svg'),
  edit: () => import('./icons/edit.svg'),
  empty: () => import('./icons/empty.svg'),
  export: () => import('./icons/export.svg'),

--- a/packages/web/components/common/Icon/icons/drag.svg
+++ b/packages/web/components/common/Icon/icons/drag.svg
+<svg viewBox="0 0 19 24" xmlns="http://www.w3.org/2000/svg">
+<path d="M6.34434 4C5.3625 4 4.56656 4.79594 4.56656 5.77778C4.56656 6.75962 5.3625 7.55555 6.34434 7.55555C7.32618 7.55555 8.12211 6.75962 8.12211 5.77778C8.12211 4.79594 7.32618 4 6.34434 4Z" />
+<path d="M6.34434 10.2222C5.3625 10.2222 4.56656 11.0182 4.56656 12C4.56656 12.9818 5.3625 13.7778 6.34434 13.7778C7.32618 13.7778 8.12211 12.9818 8.12211 12C8.12211 11.0182 7.32618 10.2222 6.34434 10.2222Z" />
+<path d="M6.34434 16.4444C5.3625 16.4444 4.56656 17.2404 4.56656 18.2222C4.56656 19.2041 5.3625 20 6.34434 20C7.32618 20 8.12211 19.2041 8.12211 18.2222C8.12211 17.2404 7.32618 16.4444 6.34434 16.4444Z" />
+<path d="M13.4555 4C12.4736 4 11.6777 4.79594 11.6777 5.77778C11.6777 6.75962 12.4736 7.55555 13.4555 7.55555C14.4373 7.55555 15.2332 6.75962 15.2332 5.77778C15.2332 4.79594 14.4373 4 13.4555 4Z" />
+<path d="M13.4555 10.2222C12.4736 10.2222 11.6777 11.0182 11.6777 12C11.6777 12.9818 12.4736 13.7778 13.4555 13.7778C14.4373 13.7778 15.2332 12.9818 15.2332 12C15.2332 11.0182 14.4373 10.2222 13.4555 10.2222Z" />
+<path d="M13.4555 16.4444C12.4736 16.4444 11.6777 17.2404 11.6777 18.2222C11.6777 19.2041 12.4736 20 13.4555 20C14.4373 20 15.2332 19.2041 15.2332 18.2222C15.2332 17.2404 14.4373 16.4444 13.4555 16.4444Z" />
+</svg>
--- a/packages/web/i18n/en/common.json
+++ b/packages/web/i18n/en/common.json
@@ -21,6 +21,7 @@
  "Login": "Login",
  "Move": "Move",
  "Name": "Name",
+  "None": "None",
  "Rename": "Rename",
  "Resume": "Resume",
  "Running": "Running",
@@ -750,7 +751,6 @@
  "core.module.variable.select type": "Dropdown Single Select",
  "core.module.variable.text max length": "Max Length",
  "core.module.variable.textarea type": "Paragraph",
-  "core.module.variable.variable name": "Variable Name",
  "core.module.variable.variable name is required": "Variable Name Cannot Be Empty",
  "core.module.variable.variable option is required": "Options Cannot Be All Empty",
  "core.module.variable.variable option is value is required": "Option Content Cannot Be Empty",
@@ -781,7 +781,6 @@
  "core.workflow.Stop debug": "Stop Debugging",
  "core.workflow.Success": "Run Successful",
  "core.workflow.Value type": "Data Type",
-  "core.workflow.Variable.Variable type": "Variable Type",
  "core.workflow.debug.Done": "Debugging Completed",
  "core.workflow.debug.Hide result": "Hide Result",
  "core.workflow.debug.Not result": "No Run Result",

--- a/packages/web/i18n/en/workflow.json
+++ b/packages/web/i18n/en/workflow.json
@@ -2,7 +2,11 @@
  "Array_element": "Array element",
  "Code": "Code",
  "Confirm_sync_node": "It will be updated to the latest node configuration and fields that do not exist in the template will be deleted (including all custom fields).\n\nIf the fields are complex, it is recommended that you copy a node first and then update the original node to facilitate parameter copying.",
+  "Node_variables": "Node variables",
+  "Node.Open_Node_Course": "Open node course",
  "Quote_prompt_setting": "Quote prompt",
+  "Variable.Variable type": "Variable type",
+  "Variable_name": "Variable name",
  "add_new_input": "Add New Input",
  "add_new_output": "New output",
  "append_application_reply_to_history_as_new_context": "Append the application's reply to the history as new context",
@@ -179,6 +183,7 @@
  "user_question": "User Question",
  "user_question_tool_desc": "User input questions (questions need to be improved)",
  "value_type": "Value type",
+  "variable_description": "Variable description",
  "variable_picker_tips": "Type node name or variable name to search",
  "variable_update": "Variable Update",
  "workflow.My edit": "My Edit",

--- a/packages/web/i18n/zh/common.json
+++ b/packages/web/i18n/zh/common.json
@@ -21,6 +21,7 @@
  "Login": "登录",
  "Move": "移动",
  "Name": "名称",
+  "None": "无",
  "Rename": "重命名",
  "Resume": "恢复",
  "Running": "运行中",
@@ -755,7 +756,6 @@
  "core.module.variable.select type": "下拉单选",
  "core.module.variable.text max length": "最大长度",
  "core.module.variable.textarea type": "段落",
-  "core.module.variable.variable name": "变量名",
  "core.module.variable.variable name is required": "变量名不能为空",
  "core.module.variable.variable option is required": "选项不能全空",
  "core.module.variable.variable option is value is required": "选项内容不能为空",
@@ -786,7 +786,6 @@
  "core.workflow.Stop debug": "停止调试",
  "core.workflow.Success": "运行成功",
  "core.workflow.Value type": "数据类型",
-  "core.workflow.Variable.Variable type": "变量类型",
  "core.workflow.debug.Done": "完成调试",
  "core.workflow.debug.Hide result": "隐藏结果",
  "core.workflow.debug.Not result": "无运行结果",

--- a/packages/web/i18n/zh/workflow.json
+++ b/packages/web/i18n/zh/workflow.json
@@ -2,7 +2,11 @@
  "Array_element": "数组元素",
  "Code": "代码",
  "Confirm_sync_node": "将会更新至最新的节点配置，不存在模板中的字段将会被删除（包括所有自定义字段）。\n如果字段较为复杂，建议您先复制一份节点，再更新原来的节点，便于参数复制。",
+  "Node_variables": "节点变量",
+  "Node.Open_Node_Course": "查看节点教程",
  "Quote_prompt_setting": "引用提示词配置",
+  "Variable.Variable type": "变量类型",
+  "Variable_name": "变量名",
  "add_new_input": "新增输入",
  "add_new_output": "新增输出",
  "append_application_reply_to_history_as_new_context": "将该应用回复内容拼接到历史记录中，作为新的上下文返回",
@@ -180,6 +184,7 @@
  "user_question": "用户问题",
  "user_question_tool_desc": "用户输入的问题（问题需要完善）",
  "value_type": "数据类型",
+  "variable_description": "变量描述",
  "variable_picker_tips": "可输入节点名或变量名搜索",
  "variable_update": "变量更新",
  "workflow.My edit": "我的编辑",

--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -2710,28 +2710,24 @@ packages:
    engines: {node: '>= 10'}
    cpu: [arm64]
    os: [linux]
-    libc: [glibc]
  '@next/swc-linux-arm64-musl@14.2.5':
    resolution: {integrity: sha512-NpDB9NUR2t0hXzJJwQSGu1IAOYybsfeB+LxpGsXrRIb7QOrYmidJz3shzY8cM6+rO4Aojuef0N/PEaX18pi9OA==}
    engines: {node: '>= 10'}
    cpu: [arm64]
    os: [linux]
-    libc: [musl]
  '@next/swc-linux-x64-gnu@14.2.5':
    resolution: {integrity: sha512-8XFikMSxWleYNryWIjiCX+gU201YS+erTUidKdyOVYi5qUQo/gRxv/3N1oZFCgqpesN6FPeqGM72Zve+nReVXQ==}
    engines: {node: '>= 10'}
    cpu: [x64]
    os: [linux]
-    libc: [glibc]
  '@next/swc-linux-x64-musl@14.2.5':
    resolution: {integrity: sha512-6QLwi7RaYiQDcRDSU/os40r5o06b5ue7Jsk5JgdRBGGp8l37RZEh9JsLSM8QF0YDsgcosSeHjglgqi25+m04IQ==}
    engines: {node: '>= 10'}
    cpu: [x64]
    os: [linux]
-    libc: [musl]
  '@next/swc-win32-arm64-msvc@14.2.5':
    resolution: {integrity: sha512-1GpG2VhbspO+aYoMOQPQiqc/tG3LzmsdBH0LhnDS3JrtDx2QmzXe0B6mSZZiN3Bq7IOMXxv1nlsjzoS1+9mzZw==}
@@ -2792,28 +2788,24 @@ packages:
    engines: {node: '>= 10'}
    cpu: [arm64]
    os: [linux]
-    libc: [glibc]
  '@node-rs/jieba-linux-arm64-musl@1.10.0':
    resolution: {integrity: sha512-gxqoAVOQsn9sgYK6mFO9dsMZ/yOMvVecLZW5rGvLErjiugVvYUlESXIvCqxp2GSws8RtTqJj6p9u/lBmCCuvaw==}
    engines: {node: '>= 10'}
    cpu: [arm64]
    os: [linux]
-    libc: [musl]
  '@node-rs/jieba-linux-x64-gnu@1.10.0':
    resolution: {integrity: sha512-rS5Shs8JITxJjFIjoIZ5a9O+GO21TJgKu03g2qwFE3QaN5ZOvXtz+/AqqyfT4GmmMhCujD83AGqfOGXDmItF9w==}
    engines: {node: '>= 10'}
    cpu: [x64]
    os: [linux]
-    libc: [glibc]
  '@node-rs/jieba-linux-x64-musl@1.10.0':
    resolution: {integrity: sha512-BvSiF2rR8Birh2oEVHcYwq0WGC1cegkEdddWsPrrSmpKmukJE2zyjcxaOOggq2apb8fIRsjyeeUh6X3R5AgjvA==}
    engines: {node: '>= 10'}
    cpu: [x64]
    os: [linux]
-    libc: [musl]
  '@node-rs/jieba-wasm32-wasi@1.10.0':
    resolution: {integrity: sha512-EzeAAbRrFTdYw61rd8Mfwdp/fA21d58z9vLY06CDbI+dqANfMFn1IUdwzKWi8S5J/MRhvbzonbbh3yHlz6F43Q==}
@@ -2967,55 +2959,46 @@ packages:
    resolution: {integrity: sha512-P9bSiAUnSSM7EmyRK+e5wgpqai86QOSv8BwvkGjLwYuOpaeomiZWifEos517CwbG+aZl1T4clSE1YqqH2JRs+g==}
    cpu: [arm]
    os: [linux]
-    libc: [glibc]
  '@rollup/rollup-linux-arm-musleabihf@4.18.1':
    resolution: {integrity: sha512-5RnjpACoxtS+aWOI1dURKno11d7krfpGDEn19jI8BuWmSBbUC4ytIADfROM1FZrFhQPSoP+KEa3NlEScznBTyQ==}
    cpu: [arm]
    os: [linux]
-    libc: [musl]
  '@rollup/rollup-linux-arm64-gnu@4.18.1':
    resolution: {integrity: sha512-8mwmGD668m8WaGbthrEYZ9CBmPug2QPGWxhJxh/vCgBjro5o96gL04WLlg5BA233OCWLqERy4YUzX3bJGXaJgQ==}
    cpu: [arm64]
    os: [linux]
-    libc: [glibc]
  '@rollup/rollup-linux-arm64-musl@4.18.1':
    resolution: {integrity: sha512-dJX9u4r4bqInMGOAQoGYdwDP8lQiisWb9et+T84l2WXk41yEej8v2iGKodmdKimT8cTAYt0jFb+UEBxnPkbXEQ==}
    cpu: [arm64]
    os: [linux]
-    libc: [musl]
  '@rollup/rollup-linux-powerpc64le-gnu@4.18.1':
    resolution: {integrity: sha512-V72cXdTl4EI0x6FNmho4D502sy7ed+LuVW6Ym8aI6DRQ9hQZdp5sj0a2usYOlqvFBNKQnLQGwmYnujo2HvjCxQ==}
    cpu: [ppc64]
    os: [linux]
-    libc: [glibc]
  '@rollup/rollup-linux-riscv64-gnu@4.18.1':
    resolution: {integrity: sha512-f+pJih7sxoKmbjghrM2RkWo2WHUW8UbfxIQiWo5yeCaCM0TveMEuAzKJte4QskBp1TIinpnRcxkquY+4WuY/tg==}
    cpu: [riscv64]
    os: [linux]
-    libc: [glibc]
  '@rollup/rollup-linux-s390x-gnu@4.18.1':
    resolution: {integrity: sha512-qb1hMMT3Fr/Qz1OKovCuUM11MUNLUuHeBC2DPPAWUYYUAOFWaxInaTwTQmc7Fl5La7DShTEpmYwgdt2hG+4TEg==}
    cpu: [s390x]
    os: [linux]
-    libc: [glibc]
  '@rollup/rollup-linux-x64-gnu@4.18.1':
    resolution: {integrity: sha512-7O5u/p6oKUFYjRbZkL2FLbwsyoJAjyeXHCU3O4ndvzg2OFO2GinFPSJFGbiwFDaCFc+k7gs9CF243PwdPQFh5g==}
    cpu: [x64]
    os: [linux]
-    libc: [glibc]
  '@rollup/rollup-linux-x64-musl@4.18.1':
    resolution: {integrity: sha512-pDLkYITdYrH/9Cv/Vlj8HppDuLMDUBmgsM0+N+xLtFd18aXgM9Nyqupb/Uw+HeidhfYg2lD6CXvz6CjoVOaKjQ==}
    cpu: [x64]
    os: [linux]
-    libc: [musl]
  '@rollup/rollup-win32-arm64-msvc@4.18.1':
    resolution: {integrity: sha512-W2ZNI323O/8pJdBGil1oCauuCzmVd9lDmWBBqxYZcOqWD6aWqJtVBQ1dFrF4dYpZPks6F+xCZHfzG5hYlSHZ6g==}

--- a/projects/app/src/components/core/app/VariableEdit.tsx
+++ b/projects/app/src/components/core/app/VariableEdit.tsx
--- a/projects/app/src/components/core/chat/ChatContainer/ChatBox/Input/ChatInput.tsx
+++ b/projects/app/src/components/core/chat/ChatContainer/ChatBox/Input/ChatInput.tsx
@@ -81,16 +81,11 @@ const ChatInput = ({
  const canSendMessage = havInput && !hasFileUploading;
  // Upload files
-  useRequest2(
+  useRequest2(uploadFiles, {
-    async () => {
+    manual: false,
-      uploadFiles();
+    errorToast: t('common:upload_file_error'),
-    },
+    refreshDeps: [fileList, outLinkAuthData, chatId]
-    {
+  });
-      manual: false,
-      errorToast: t('common:upload_file_error'),
-      refreshDeps: [fileList, outLinkAuthData, chatId]
-    }
-  );
  /* on send */
  const handleSend = useCallback(

--- a/projects/app/src/components/core/chat/ChatContainer/ChatBox/components/VariableInput.tsx
+++ b/projects/app/src/components/core/chat/ChatContainer/ChatBox/components/VariableInput.tsx
-import React from 'react';
+import React, { useCallback, useEffect, useMemo } from 'react';
 import { Controller, UseFormReturn } from 'react-hook-form';
 import { useTranslation } from 'next-i18next';
-import { Box, Button, Card, FormControl, Input, Textarea } from '@chakra-ui/react';
+import {
+  Box,
+  Button,
+  Card,
+  Input,
+  NumberDecrementStepper,
+  NumberIncrementStepper,
+  NumberInput,
+  NumberInputField,
+  NumberInputStepper,
+  Textarea
+} from '@chakra-ui/react';
 import ChatAvatar from './ChatAvatar';
 import { MessageCardStyle } from '../constants';
 import { VariableInputEnum } from '@fastgpt/global/core/workflow/constants';
@@ -10,6 +21,113 @@ import MyIcon from '@fastgpt/web/components/common/Icon';
 import { ChatBoxInputFormType } from '../type.d';
 import { useContextSelector } from 'use-context-selector';
 import { ChatBoxContext } from '../Provider';
+import QuestionTip from '@fastgpt/web/components/common/MyTooltip/QuestionTip';
+import { useDeepCompareEffect } from 'ahooks';
+import { VariableItemType } from '@fastgpt/global/core/app/type';
+export const VariableInputItem = ({
+  item,
+  variablesForm
+}: {
+  item: VariableItemType;
+  variablesForm: UseFormReturn<any>;
+}) => {
+  const { register, control, setValue } = variablesForm;
+  return (
+    <Box key={item.id} mb={4} pl={1}>
+      <Box
+        as={'label'}
+        display={'flex'}
+        position={'relative'}
+        mb={1}
+        alignItems={'center'}
+        w={'full'}
+      >
+        {item.label}
+        {item.required && (
+          <Box
+            position={'absolute'}
+            top={'-2px'}
+            left={'-8px'}
+            color={'red.500'}
+            fontWeight={'bold'}
+          >
+            *
+          </Box>
+        )}
+        {item.description && <QuestionTip ml={1} label={item.description} />}
+      </Box>
+      {item.type === VariableInputEnum.input && (
+        <Input
+          maxLength={item.maxLength || 4000}
+          bg={'myGray.50'}
+          {...register(item.key, {
+            required: item.required
+          })}
+        />
+      )}
+      {item.type === VariableInputEnum.textarea && (
+        <Textarea
+          {...register(item.key, {
+            required: item.required
+          })}
+          rows={5}
+          bg={'myGray.50'}
+          maxLength={item.maxLength || 4000}
+        />
+      )}
+      {item.type === VariableInputEnum.select && (
+        <Controller
+          key={item.key}
+          control={control}
+          name={item.key}
+          rules={{ required: item.required }}
+          render={({ field: { ref, value } }) => {
+            return (
+              <MySelect
+                ref={ref}
+                width={'100%'}
+                list={(item.enums || []).map((item: { value: any }) => ({
+                  label: item.value,
+                  value: item.value
+                }))}
+                value={value}
+                onchange={(e) => setValue(item.key, e)}
+              />
+            );
+          }}
+        />
+      )}
+      {item.type === VariableInputEnum.numberInput && (
+        <Controller
+          key={item.key}
+          control={control}
+          name={item.key}
+          rules={{ required: item.required, min: item.min, max: item.max }}
+          render={({ field: { ref, value, onChange } }) => (
+            <NumberInput
+              step={1}
+              min={item.min}
+              max={item.max}
+              bg={'white'}
+              rounded={'md'}
+              clampValueOnBlur={false}
+              value={value}
+              onChange={(valueString) => onChange(Number(valueString))}
+            >
+              <NumberInputField ref={ref} bg={'white'} />
+              <NumberInputStepper>
+                <NumberIncrementStepper />
+                <NumberDecrementStepper />
+              </NumberInputStepper>
+            </NumberInput>
+          )}
+        />
+      )}
+    </Box>
+  );
+};
 const VariableInput = ({
  chatForm,
@@ -21,13 +139,22 @@ const VariableInput = ({
  const { t } = useTranslation();
  const { appAvatar, variableList, variablesForm } = useContextSelector(ChatBoxContext, (v) => v);
-  const { register, setValue, handleSubmit: handleSubmitChat, control } = variablesForm;
+  const { reset, handleSubmit: handleSubmitChat } = variablesForm;
+  const defaultValues = useMemo(() => {
+    return variableList.reduce((acc: Record<string, any>, item) => {
+      acc[item.key] = item.defaultValue;
+      return acc;
+    }, {});
+  }, [variableList]);
+  useDeepCompareEffect(() => {
+    reset(defaultValues);
+  }, [defaultValues]);
  return (
    <Box py={3}>
-      {/* avatar */}
      <ChatAvatar src={appAvatar} type={'AI'} />
-      {/* message */}
      <Box textAlign={'left'}>
        <Card
          order={2}
@@ -38,74 +165,21 @@ const VariableInput = ({
          boxShadow={'0 0 8px rgba(0,0,0,0.15)'}
        >
          {variableList.map((item) => (
-            <Box key={item.id} mb={4}>
+            <VariableInputItem key={item.id} item={item} variablesForm={variablesForm} />
-              <Box as={'label'} display={'inline-block'} position={'relative'} mb={1}>
-                {item.label}
-                {item.required && (
-                  <Box
-                    position={'absolute'}
-                    top={'-2px'}
-                    right={'-10px'}
-                    color={'red.500'}
-                    fontWeight={'bold'}
-                  >
-                    *
-                  </Box>
-                )}
-              </Box>
-              {item.type === VariableInputEnum.input && (
-                <Input
-                  bg={'myWhite.400'}
-                  {...register(item.key, {
-                    required: item.required
-                  })}
-                />
-              )}
-              {item.type === VariableInputEnum.textarea && (
-                <Textarea
-                  bg={'myWhite.400'}
-                  {...register(item.key, {
-                    required: item.required
-                  })}
-                  rows={5}
-                  maxLength={4000}
-                />
-              )}
-              {item.type === VariableInputEnum.select && (
-                <Controller
-                  key={item.key}
-                  control={control}
-                  name={item.key}
-                  rules={{ required: item.required }}
-                  render={({ field: { ref, value } }) => {
-                    return (
-                      <MySelect
-                        ref={ref}
-                        width={'100%'}
-                        list={(item.enums || []).map((item) => ({
-                          label: item.value,
-                          value: item.value
-                        }))}
-                        value={value}
-                        onchange={(e) => setValue(item.key, e)}
-                      />
-                    );
-                  }}
-                />
-              )}
-            </Box>
          ))}
          {!chatStarted && (
-            <Button
+            <Box>
-              leftIcon={<MyIcon name={'core/chat/chatFill'} w={'16px'} />}
+              <Button
-              size={'sm'}
+                leftIcon={<MyIcon name={'core/chat/chatFill'} w={'16px'} />}
-              maxW={'100px'}
+                size={'sm'}
-              onClick={handleSubmitChat(() => {
+                maxW={'100px'}
-                chatForm.setValue('chatStarted', true);
+                onClick={handleSubmitChat(() => {
-              })}
+                  chatForm.setValue('chatStarted', true);
-            >
+                })}
-              {t('common:core.chat.Start Chat')}
+              >
-            </Button>
+                {t('common:core.chat.Start Chat')}
+              </Button>
+            </Box>
          )}
        </Card>
      </Box>

--- a/projects/app/src/components/core/chat/ChatContainer/ChatBox/hooks/useFileUpload.tsx
+++ b/projects/app/src/components/core/chat/ChatContainer/ChatBox/hooks/useFileUpload.tsx
@@ -181,7 +181,7 @@ export const useFileUpload = (props: UseFileUploadOptions) => {
          });
          // Update file url
-          copyFile.url = `${location.origin}${previewUrl}`;
+          copyFile.url = previewUrl;
          updateFiles(fileIndex, copyFile);
        } catch (error) {
          errorFileIndex.push(fileList.findIndex((item) => item.id === file.id)!);

--- a/projects/app/src/components/core/chat/ChatContainer/ChatBox/index.tsx
+++ b/projects/app/src/components/core/chat/ChatContainer/ChatBox/index.tsx
@@ -495,7 +495,8 @@ const ChatBox = (
            // 这里，无论是否为交互模式，最后都是 Human 的消息。
            const messages = chats2GPTMessages({
              messages: newChatList.slice(0, -1),
-              reserveId: true
+              reserveId: true,
+              reserveTool: true
            });
            const {

--- a/projects/app/src/components/core/chat/ChatContainer/ChatBox/utils.ts
+++ b/projects/app/src/components/core/chat/ChatContainer/ChatBox/utils.ts
@@ -57,9 +57,9 @@ export const checkIsInteractiveByHistories = (chatHistories: ChatSiteItemType[])
  ) {
    const params = lastMessageValue.interactive.params;
    // 如果用户选择了，则不认为是交互模式（可能是上一轮以交互结尾，发起的新的一轮对话）
-    if ('userSelectOptions' in params && 'userSelectedVal' in params) {
+    if ('userSelectOptions' in params) {
      return !params.userSelectedVal;
-    } else if ('inputForm' in params && 'submitted' in params) {
+    } else if ('inputForm' in params) {
      return !params.submitted;
    }
  }

--- a/projects/app/src/components/core/chat/ChatContainer/PluginRunBox/context.tsx
+++ b/projects/app/src/components/core/chat/ChatContainer/PluginRunBox/context.tsx
@@ -228,7 +228,8 @@ const PluginRunContextProvider = ({
            value: []
          }
        ],
-        reserveId: true
+        reserveId: true,
+        reserveTool: true
      });
      try {

--- a/projects/app/src/pages/app/detail/components/SimpleApp/components/ToolSelectModal.tsx
+++ b/projects/app/src/pages/app/detail/components/SimpleApp/components/ToolSelectModal.tsx
@@ -354,11 +354,11 @@ const RenderList = React.memo(function RenderList({
            <HStack mb={4} spacing={1} fontSize={'sm'}>
              <MyIcon name={'common/info'} w={'1.25rem'} />
              <Box flex={1}>{t('app:tool_input_param_tip')}</Box>
-              {configTool.inputExplanationUrl && (
+              {configTool.courseUrl && (
                <Box
                  cursor={'pointer'}
                  color={'primary.500'}
-                  onClick={() => window.open(configTool.inputExplanationUrl, '_blank')}
+                  onClick={() => window.open(configTool.courseUrl, '_blank')}
                >
                  {t('app:workflow.Input guide')}
                </Box>

--- a/projects/app/src/pages/app/detail/components/WorkflowComponents/Flow/components/IOTitle.tsx
+++ b/projects/app/src/pages/app/detail/components/WorkflowComponents/Flow/components/IOTitle.tsx
 import React from 'react';
 import { Box, StackProps, HStack } from '@chakra-ui/react';
-import { useTranslation } from 'next-i18next';
+import MyIcon from '@fastgpt/web/components/common/Icon';
-const IOTitle = ({
-  text,
-  inputExplanationUrl,
-  ...props
-}: { text?: 'Input' | 'Output' | string; inputExplanationUrl?: string } & StackProps) => {
-  const { t } = useTranslation();
+const IOTitle = ({ text, ...props }: { text?: 'Input' | 'Output' | string } & StackProps) => {
  return (
    <HStack fontSize={'md'} alignItems={'center'} fontWeight={'medium'} mb={3} {...props}>
      <Box w={'3px'} h={'14px'} borderRadius={'13px'} bg={'primary.600'} />
      <Box color={'myGray.900'}>{text}</Box>
-      <Box flex={1} />
-      {inputExplanationUrl && (
-        <Box
-          cursor={'pointer'}
-          color={'primary.500'}
-          onClick={() => window.open(inputExplanationUrl, '_blank')}
-        >
-          {t('app:workflow.Input guide')}
-        </Box>
-      )}
    </HStack>
  );
 };

--- a/projects/app/src/pages/app/detail/components/WorkflowComponents/Flow/hooks/useDebug.tsx
+++ b/projects/app/src/pages/app/detail/components/WorkflowComponents/Flow/hooks/useDebug.tsx
--- a/projects/app/src/pages/app/detail/components/WorkflowComponents/Flow/hooks/useWorkflow.tsx
+++ b/projects/app/src/pages/app/detail/components/WorkflowComponents/Flow/hooks/useWorkflow.tsx
@@ -412,41 +412,37 @@ export const useWorkflow = () => {
  });
  /* node */
+  // Remove change node and its child nodes and edges
  const handleRemoveNode = useMemoizedFn((change: NodeRemoveChange, nodeId: string) => {
    // If the node has child nodes, remove the child nodes
+    const deletedNodeIdList = [nodeId];
+    const deletedEdgeIdList = edges
+      .filter((edge) => edge.source === nodeId || edge.target === nodeId)
+      .map((edge) => edge.id);
    const childNodes = nodes.filter((n) => n.data.parentNodeId === nodeId);
    if (childNodes.length > 0) {
      const childNodeIds = childNodes.map((node) => node.id);
+      deletedNodeIdList.push(...childNodeIds);
      const childEdges = edges.filter(
        (edge) => childNodeIds.includes(edge.source) || childNodeIds.includes(edge.target)
      );
+      deletedEdgeIdList.push(...childEdges.map((edge) => edge.id));
-      onNodesChange(
-        childNodes.map<NodeRemoveChange>((node) => ({
-          type: 'remove',
-          id: node.id
-        }))
-      );
-      onEdgesChange(
-        childEdges.map<EdgeRemoveChange>((edge) => ({
-          type: 'remove',
-          id: edge.id
-        }))
-      );
    }
-    onNodesChange([change]);
+    onNodesChange(
+      deletedNodeIdList.map<NodeRemoveChange>((id) => ({
-    // Remove the edges connected to the node
+        type: 'remove',
-    const nodeEdges = edges.filter((edge) => edge.source === nodeId || edge.target === nodeId);
+        id
+      }))
+    );
    onEdgesChange(
-      nodeEdges.map<EdgeRemoveChange>((edge) => ({
+      deletedEdgeIdList.map<EdgeRemoveChange>((id) => ({
        type: 'remove',
-        id: edge.id
+        id
      }))
    );
-    return;
  });
  const handleSelectNode = useMemoizedFn((change: NodeSelectionChange) => {
    // If the node is not selected and the Ctrl key is pressed, select the node

--- a/projects/app/src/pages/app/detail/components/WorkflowComponents/Flow/nodes/Loop/NodeLoopStart.tsx
+++ b/projects/app/src/pages/app/detail/components/WorkflowComponents/Flow/nodes/Loop/NodeLoopStart.tsx
@@ -110,7 +110,7 @@ const NodeLoopStart = ({ data, selected }: NodeProps<FlowNodeItemType>) => {
                  <Thead>
                    <Tr>
                      <Th borderBottomLeftRadius={'none !important'}>
-                        {t('common:core.module.variable.variable name')}
+                        {t('workflow:Variable_name')}
                      </Th>
                      <Th>{t('common:core.workflow.Value type')}</Th>
                    </Tr>

--- a/projects/app/src/pages/app/detail/components/WorkflowComponents/Flow/nodes/NodeComment.tsx
+++ b/projects/app/src/pages/app/detail/components/WorkflowComponents/Flow/nodes/NodeComment.tsx
@@ -80,12 +80,13 @@ const NodeComment = ({ data }: NodeProps<FlowNodeItemType>) => {
        menuForbid={{
          debug: true
        }}
-        border={'none'}
+        customStyle={{
-        rounded={'none'}
+          border: 'none',
-        bg={'#D8E9FF'}
+          rounded: 'none',
-        boxShadow={
+          bg: '#D8E9FF',
-          '0px 4px 10px 0px rgba(19, 51, 107, 0.10), 0px 0px 1px 0px rgba(19, 51, 107, 0.10)'
+          boxShadow:
-        }
+            '0px 4px 10px 0px rgba(19, 51, 107, 0.10), 0px 0px 1px 0px rgba(19, 51, 107, 0.10)'
+        }}
      >
        <Box w={'full'} h={'full'} position={'relative'}>
          <Box

--- a/projects/app/src/pages/app/detail/components/WorkflowComponents/Flow/nodes/NodeFormInput/InputFormEditModal.tsx
+++ b/projects/app/src/pages/app/detail/components/WorkflowComponents/Flow/nodes/NodeFormInput/InputFormEditModal.tsx
@@ -19,7 +19,8 @@ export const defaultFormInput: UserInputFormItemType = {
  maxLength: undefined,
  defaultValue: '',
  valueType: WorkflowIOValueTypeEnum.string,
-  required: false
+  required: false,
+  list: [{ label: '', value: '' }]
 };
 // Modal for add or edit user input form items
@@ -39,10 +40,7 @@ const InputFormEditModal = ({
  const { toast } = useToast();
  const form = useForm({
-    defaultValues: {
+    defaultValues: defaultValue
-      ...defaultValue,
-      list: defaultValue.list?.length ? defaultValue.list : [{ label: '', value: '' }]
-    }
  });
  const { setValue, watch, reset } = form;
@@ -51,6 +49,7 @@ const InputFormEditModal = ({
  const maxLength = watch('maxLength');
  const max = watch('max');
  const min = watch('min');
+  const defaultInputValue = watch('defaultValue');
  const inputTypeList = [
    {
@@ -111,7 +110,7 @@ const InputFormEditModal = ({
        reset(defaultFormInput);
      }
    },
-    [toast, t, reset, onSubmit, onClose, defaultFormInput, defaultValueType]
+    [defaultValue.key, keys, defaultValueType, isEdit, toast, t, onSubmit, onClose, reset]
  );
  const onSubmitError = useCallback(
@@ -197,6 +196,7 @@ const InputFormEditModal = ({
          maxLength={maxLength}
          max={max}
          min={min}
+          defaultValue={defaultInputValue}
          onClose={onClose}
          onSubmitSuccess={onSubmitSuccess}
          onSubmitError={onSubmitError}

--- 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
@@ -81,6 +81,9 @@ const RenderHttpMethodAndUrl = React.memo(function RenderHttpMethodAndUrl({
  const { t } = useTranslation();
  const { toast } = useToast();
  const onChangeNode = useContextSelector(WorkflowContext, (v) => v.onChangeNode);
+  const nodeList = useContextSelector(WorkflowContext, (v) => v.nodeList);
+  const edges = useContextSelector(WorkflowContext, (v) => v.edges);
+  const { appDetail } = useContextSelector(AppContext, (v) => v);
  const { isOpen: isOpenCurl, onOpen: onOpenCurl, onClose: onCloseCurl } = useDisclosure();
@@ -91,19 +94,18 @@ const RenderHttpMethodAndUrl = React.memo(function RenderHttpMethodAndUrl({
    (item) => item.key === NodeInputKeyEnum.httpReqUrl
  ) as FlowNodeInputItemType;
-  const onChangeUrl = (e: React.ChangeEvent<HTMLInputElement>) => {
+  const onChangeUrl = (value: string) => {
    onChangeNode({
      nodeId,
      type: 'updateInput',
      key: NodeInputKeyEnum.httpReqUrl,
      value: {
        ...requestUrl,
-        value: e.target.value
+        value
      }
    });
  };
-  const onBlurUrl = (e: React.ChangeEvent<HTMLInputElement>) => {
+  const onBlurUrl = (val: string) => {
-    const val = e.target.value;
    // 拆分params和url
    const url = val.split('?')[0];
    const params = val.split('?')[1];
@@ -154,6 +156,16 @@ const RenderHttpMethodAndUrl = React.memo(function RenderHttpMethodAndUrl({
    }
  };
+  const variables = useCreation(() => {
+    return getEditorVariables({
+      nodeId,
+      nodeList,
+      edges,
+      appDetail,
+      t
+    });
+  }, [nodeId, nodeList, edges, appDetail, t]);
  return (
    <Box>
      <Box mb={2} display={'flex'} justifyContent={'space-between'}>
@@ -166,7 +178,7 @@ const RenderHttpMethodAndUrl = React.memo(function RenderHttpMethodAndUrl({
      </Box>
      <Flex alignItems={'center'} className="nodrag">
        <MySelect
-          h={'34px'}
+          h={'40px'}
          w={'88px'}
          bg={'white'}
          width={'100%'}
@@ -205,17 +217,29 @@ const RenderHttpMethodAndUrl = React.memo(function RenderHttpMethodAndUrl({
            });
          }}
        />
-        <Input
+        <Box
-          flex={'1 0 0'}
+          w={'full'}
-          ml={2}
+          border={'1px solid'}
-          h={'34px'}
+          borderColor={'myGray.200'}
+          rounded={'md'}
          bg={'white'}
-          value={requestUrl?.value || ''}
+          ml={2}
-          placeholder={t('common:core.module.input.label.Http Request Url')}
+        >
-          fontSize={'xs'}
+          <PromptEditor
-          onChange={onChangeUrl}
+            placeholder={
-          onBlur={onBlurUrl}
+              t('common:core.module.input.label.Http Request Url') +
-        />
+              ', ' +
+              t('common:textarea_variable_picker_tip')
+            }
+            value={requestUrl?.value || ''}
+            variableLabels={variables}
+            variables={variables}
+            onBlur={onBlurUrl}
+            onChange={onChangeUrl}
+            minH={40}
+            showOpenModal={false}
+          />
+        </Box>
      </Flex>
      {isOpenCurl && <CurlImportModal nodeId={nodeId} inputs={inputs} onClose={onCloseCurl} />}

--- a/projects/app/src/pages/app/detail/components/WorkflowComponents/Flow/nodes/NodePluginIO/InputEditModal.tsx
+++ b/projects/app/src/pages/app/detail/components/WorkflowComponents/Flow/nodes/NodePluginIO/InputEditModal.tsx
@@ -22,7 +22,8 @@ export const defaultInput: FlowNodeInputItemType = {
  key: '',
  label: '',
  description: '',
-  defaultValue: ''
+  defaultValue: '',
+  list: [{ label: '', value: '' }]
 };
 const FieldEditModal = ({
@@ -133,10 +134,7 @@ const FieldEditModal = ({
  const isEdit = !!defaultValue.key;
  const form = useForm({
-    defaultValues: {
+    defaultValues: defaultValue
-      ...defaultValue,
-      list: defaultValue.list?.length ? defaultValue.list : [{ label: '', value: '' }]
-    }
  });
  const { getValues, setValue, watch, reset } = form;
@@ -149,7 +147,7 @@ const FieldEditModal = ({
  const max = watch('max');
  const min = watch('min');
  const selectValueTypeList = watch('customInputConfig.selectValueTypeList');
-  const defaultJsonValue = watch('defaultValue');
+  const defaultInputValue = watch('defaultValue');
  const defaultValueType =
    inputTypeList.flat().find((item) => item.value === inputType)?.defaultValueType ||
@@ -157,9 +155,9 @@ const FieldEditModal = ({
  const onSubmitSuccess = useCallback(
    (data: FlowNodeInputItemType, action: 'confirm' | 'continue') => {
-      data.key = data?.key?.trim();
+      data.label = data?.label?.trim();
-      if (!data.key) {
+      if (!data.label) {
        return toast({
          status: 'warning',
          title: t('common:core.module.edit.Field Name Cannot Be Empty')
@@ -199,7 +197,7 @@ const FieldEditModal = ({
        data.toolDescription = undefined;
      }
-      data.label = data.key;
+      data.key = data.label;
      if (action === 'confirm') {
        onSubmit(data);
@@ -327,7 +325,7 @@ const FieldEditModal = ({
          max={max}
          min={min}
          selectValueTypeList={selectValueTypeList}
-          defaultJsonValue={defaultJsonValue}
+          defaultValue={defaultInputValue}
          isToolInput={isToolInput}
          setIsToolInput={setIsToolInput}
          valueType={valueType}

--- a/projects/app/src/pages/app/detail/components/WorkflowComponents/Flow/nodes/NodePluginIO/InputTypeConfig.tsx
+++ b/projects/app/src/pages/app/detail/components/WorkflowComponents/Flow/nodes/NodePluginIO/InputTypeConfig.tsx
--- a/projects/app/src/pages/app/detail/components/WorkflowComponents/Flow/nodes/NodePluginIO/VariableTable.tsx
+++ b/projects/app/src/pages/app/detail/components/WorkflowComponents/Flow/nodes/NodePluginIO/VariableTable.tsx
@@ -21,9 +21,7 @@ const VariableTable = ({
        <Table bg={'white'}>
          <Thead>
            <Tr>
-              <Th borderBottomLeftRadius={'none !important'}>
+              <Th borderBottomLeftRadius={'none !important'}>{t('workflow:Variable_name')}</Th>
-                {t('common:core.module.variable.variable name')}
-              </Th>
              <Th>{t('common:core.workflow.Value type')}</Th>
              {showToolColumn && <Th>{t('workflow:tool_input')}</Th>}
              <Th borderBottomRightRadius={'none !important'}></Th>

--- a/projects/app/src/pages/app/detail/components/WorkflowComponents/Flow/nodes/NodeSimple.tsx
+++ b/projects/app/src/pages/app/detail/components/WorkflowComponents/Flow/nodes/NodeSimple.tsx
@@ -38,10 +38,7 @@ const NodeSimple = ({
        {filterHiddenInputs.length > 0 && (
          <>
            <Container>
-              <IOTitle
+              <IOTitle text={t('common:common.Input')} />
-                text={t('common:common.Input')}
-                inputExplanationUrl={data.inputExplanationUrl}
-              />
              <RenderInput nodeId={nodeId} flowInputList={commonInputs} />
            </Container>
          </>

--- 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
@@ -25,6 +25,8 @@ import MyTooltip from '@fastgpt/web/components/common/MyTooltip';
 import { useRequest2 } from '@fastgpt/web/hooks/useRequest';
 import { useWorkflowUtils } from '../../hooks/useUtils';
 import { WholeResponseContent } from '@/components/core/chat/components/WholeResponseModal';
+import { useSystemStore } from '@/web/common/system/useSystemStore';
+import { getDocPath } from '@/web/common/system/doc';
 type Props = FlowNodeItemType & {
  children?: React.ReactNode | React.ReactNode[] | string;
@@ -39,7 +41,8 @@ type Props = FlowNodeItemType & {
    copy?: boolean;
    delete?: boolean;
  };
-} & Omit<FlexProps, 'children'>;
+  customStyle?: FlexProps;
+};
 const NodeCard = (props: Props) => {
  const { t } = useTranslation();
@@ -63,9 +66,8 @@ const NodeCard = (props: Props) => {
    isError = false,
    debugResult,
    isFolded,
-    ...customStyle
+    customStyle
  } = props;
  const nodeList = useContextSelector(WorkflowContext, (v) => v.nodeList);
  const setHoverNodeId = useContextSelector(WorkflowContext, (v) => v.setHoverNodeId);
  const onUpdateNodeError = useContextSelector(WorkflowContext, (v) => v.onUpdateNodeError);
@@ -102,14 +104,6 @@ const NodeCard = (props: Props) => {
        if (!node?.pluginId) return;
        const template = await getPreviewPluginNode({ appId: node.pluginId });
-        // Focus update plugin latest inputExplanationUrl
-        onChangeNode({
-          nodeId,
-          type: 'attr',
-          key: 'inputExplanationUrl',
-          value: template.inputExplanationUrl
-        });
        return template;
      } else {
        const template = moduleTemplatesFlat.find(
@@ -275,6 +269,24 @@ const NodeCard = (props: Props) => {
                  </Box>
                </MyTooltip>
              )}
+              {!!nodeTemplate?.diagram && node?.courseUrl && (
+                <Box bg={'myGray.300'} w={'1px'} h={'12px'} mx={1} />
+              )}
+              {node?.courseUrl && !hasNewVersion && (
+                <MyTooltip label={t('workflow:Node.Open_Node_Course')}>
+                  <MyIcon
+                    cursor={'pointer'}
+                    name="book"
+                    color={'primary.600'}
+                    w={'18px'}
+                    ml={1}
+                    _hover={{
+                      color: 'primary.800'
+                    }}
+                    onClick={() => window.open(getDocPath(node.courseUrl || ''), '_blank')}
+                  />
+                </MyTooltip>
+              )}
            </Flex>
            <NodeIntro nodeId={nodeId} intro={intro} />
          </Box>
@@ -295,6 +307,7 @@ const NodeCard = (props: Props) => {
    onOpenConfirmSync,
    onClickSyncVersion,
    nodeTemplate?.diagram,
+    node?.courseUrl,
    intro,
    menuForbid,
    nodeList,

--- a/projects/app/src/pages/app/detail/components/WorkflowComponents/context.tsx
+++ b/projects/app/src/pages/app/detail/components/WorkflowComponents/context.tsx
@@ -148,11 +148,13 @@ type WorkflowContextType = {
  onStartNodeDebug: ({
    entryNodeId,
    runtimeNodes,
-    runtimeEdges
+    runtimeEdges,
+    variables
  }: {
    entryNodeId: string;
    runtimeNodes: RuntimeNodeItemType[];
    runtimeEdges: RuntimeEdgeItemType[];
+    variables: Record<string, any>;
  }) => Promise<void>;
  onStopNodeDebug: () => void;
@@ -749,17 +751,19 @@ const WorkflowContextProvider = ({
    async ({
      entryNodeId,
      runtimeNodes,
-      runtimeEdges
+      runtimeEdges,
+      variables
    }: {
      entryNodeId: string;
      runtimeNodes: RuntimeNodeItemType[];
      runtimeEdges: RuntimeEdgeItemType[];
+      variables: Record<string, any>;
    }) => {
      const data = {
        runtimeNodes,
        runtimeEdges,
        nextRunNodes: runtimeNodes.filter((node) => node.nodeId === entryNodeId),
-        variables: {}
+        variables
      };
      onStopNodeDebug();
      setWorkflowDebugData(data);