4.8.1 test-fix (#1561)

2025-07-30 18:48:55 +00:00 · 2024-05-22 18:49:39 +08:00
parent 87e4afe89b
commit b1aafde7c9
65 changed files with 1245 additions and 293 deletions
--- a/projects/app/src/components/ChatBox/Input/InputGuideBox.tsx
+++ b/projects/app/src/components/ChatBox/Input/InputGuideBox.tsx
@@ -30,7 +30,7 @@ export default function InputGuideBox({
      return await queryChatInputGuideList(
        {
          appId,
-          searchKey: text
+          searchKey: text.slice(0, 50)
        },
        chatInputGuide.customUrl ? chatInputGuide.customUrl : undefined
      );
--- a/projects/app/src/components/ChatBox/components/VariableInput.tsx
+++ b/projects/app/src/components/ChatBox/components/VariableInput.tsx
@@ -9,6 +9,7 @@ import { VariableInputEnum } from '@fastgpt/global/core/workflow/constants';
 import MySelect from '@fastgpt/web/components/common/MySelect';
 import MyIcon from '@fastgpt/web/components/common/Icon';
 import { ChatBoxInputFormType } from '../type.d';
+import { useRefresh } from '@fastgpt/web/hooks/useRefresh';

 const VariableInput = ({
  appAvatar,
@@ -25,6 +26,7 @@ const VariableInput = ({
  const { register, setValue, handleSubmit: handleSubmitChat, watch } = chatForm;
  const variables = watch('variables');
  const chatStarted = watch('chatStarted');
+  const { refresh } = useRefresh();

  return (
    <Box py={3}>
@@ -86,6 +88,7 @@ const VariableInput = ({
                  })}
                  value={variables[item.key]}
                  onchange={(e) => {
+                    refresh();
                    setValue(`variables.${item.key}`, e);
                  }}
                />
--- a/projects/app/src/components/ChatBox/index.tsx
+++ b/projects/app/src/components/ChatBox/index.tsx
@@ -21,7 +21,6 @@ import { getErrText } from '@fastgpt/global/common/error/utils';
 import { Box, Flex, Checkbox } from '@chakra-ui/react';
 import { EventNameEnum, eventBus } from '@/web/common/utils/eventbus';
 import { chats2GPTMessages } from '@fastgpt/global/core/chat/adapt';
-import { StoreNodeItemType } from '@fastgpt/global/core/workflow/type/index.d';
 import { VariableInputEnum } from '@fastgpt/global/core/workflow/constants';
 import { DispatchNodeResponseKeyEnum } from '@fastgpt/global/core/workflow/runtime/constants';
 import { useForm } from 'react-hook-form';
--- a/projects/app/src/components/core/chat/appConfig/InputGuideConfig.tsx
+++ b/projects/app/src/components/core/chat/appConfig/InputGuideConfig.tsx
@@ -37,6 +37,7 @@ import { useRequest2 } from '@fastgpt/web/hooks/useRequest';
 import { useRequest } from 'ahooks';
 import HighlightText from '@fastgpt/web/components/common/String/HighlightText';
 import { defaultChatInputGuideConfig } from '@fastgpt/global/core/app/constants';
+import ChatFunctionTip from './Tip';

 const csvTemplate = `"第一列内容"
 "只会将第一列内容导入，其余列会被忽略"
@@ -86,7 +87,7 @@ const InputGuideConfig = ({
      <MyIcon name={'core/app/inputGuides'} mr={2} w={'20px'} />
      <HStack>
        <Box>{chatT('Input guide')}</Box>
-        <QuestionTip label={chatT('Input guide tip')} />
+        <ChatFunctionTip type={'inputGuide'} />
      </HStack>
      <Box flex={1} />
      <MyTooltip label={chatT('Config input guide')}>
--- a/projects/app/src/components/core/app/QGSwitch.tsx
+++ b/projects/app/src/components/core/app/QGSwitch.tsx
@@ -1,9 +1,8 @@
 import MyIcon from '@fastgpt/web/components/common/Icon';
-import MyTooltip from '@/components/MyTooltip';
-import { QuestionOutlineIcon } from '@chakra-ui/icons';
 import { Box, Flex, Switch, type SwitchProps } from '@chakra-ui/react';
 import React from 'react';
 import { useTranslation } from 'next-i18next';
+import ChatFunctionTip from './Tip';

 // question generator switch
 const QGSwitch = (props: SwitchProps) => {
@@ -12,9 +11,7 @@ const QGSwitch = (props: SwitchProps) => {
    <Flex alignItems={'center'}>
      <MyIcon name={'core/chat/QGFill'} mr={2} w={'20px'} />
      <Box fontWeight={'medium'}>{t('core.app.Question Guide')}</Box>
-      <MyTooltip label={t('core.app.Question Guide Tip')} forceShow>
-        <QuestionOutlineIcon display={['none', 'inline']} ml={1} />
-      </MyTooltip>
+      <ChatFunctionTip type={'nextQuestion'} />
      <Box flex={1} />
      <Switch {...props} />
    </Flex>
--- a/projects/app/src/components/core/app/ScheduledTriggerConfig.tsx
+++ b/projects/app/src/components/core/app/ScheduledTriggerConfig.tsx
@@ -8,7 +8,6 @@ import { AppScheduledTriggerConfigType } from '@fastgpt/global/core/app/type';
 import MyModal from '@fastgpt/web/components/common/MyModal';
 import dynamic from 'next/dynamic';
 import type { MultipleSelectProps } from '@fastgpt/web/components/common/MySelect/type.d';
-import { useForm } from 'react-hook-form';
 import { cronParser2Fields } from '@fastgpt/global/common/string/time';
 import TimezoneSelect from '@fastgpt/web/components/common/MySelect/TimezoneSelect';

--- a/projects/app/src/components/core/app/TTSSelect.tsx
+++ b/projects/app/src/components/core/app/TTSSelect.tsx
@@ -1,6 +1,5 @@
 import MyIcon from '@fastgpt/web/components/common/Icon';
 import MyTooltip from '@/components/MyTooltip';
-import { QuestionOutlineIcon } from '@chakra-ui/icons';
 import { Box, Button, Flex, ModalBody, useDisclosure, Image } from '@chakra-ui/react';
 import React, { useCallback, useMemo } from 'react';
 import { useTranslation } from 'next-i18next';
@@ -12,6 +11,7 @@ import MyModal from '@fastgpt/web/components/common/MyModal';
 import MySlider from '@/components/Slider';
 import MySelect from '@fastgpt/web/components/common/MySelect';
 import { defaultTTSConfig } from '@fastgpt/global/core/app/constants';
+import ChatFunctionTip from './Tip';

 const TTSSelect = ({
  value = defaultTTSConfig,
@@ -82,9 +82,7 @@ const TTSSelect = ({
    <Flex alignItems={'center'}>
      <MyIcon name={'core/app/simpleMode/tts'} mr={2} w={'20px'} />
      <Box fontWeight={'medium'}>{t('core.app.TTS')}</Box>
-      <MyTooltip label={t('core.app.TTS Tip')} forceShow>
-        <QuestionOutlineIcon display={['none', 'inline']} ml={1} />
-      </MyTooltip>
+      <ChatFunctionTip type={'tts'} />
      <Box flex={1} />
      <MyTooltip label={t('core.app.Select TTS')}>
        <Button
--- a/projects/app/src/components/core/app/Tip.tsx
+++ b/projects/app/src/components/core/app/Tip.tsx
@@ -0,0 +1,75 @@
+import { useI18n } from '@/web/context/I18n';
+import { Box, Flex, Image } from '@chakra-ui/react';
+import QuestionTip from '@fastgpt/web/components/common/MyTooltip/QuestionTip';
+import { useTranslation } from 'next-i18next';
+import React, { useRef } from 'react';
+
+enum FnTypeEnum {
+  inputGuide = 'inputGuide',
+  nextQuestion = 'nextQuestion',
+  tts = 'tts',
+  variable = 'variable',
+  welcome = 'welcome'
+}
+
+const ChatFunctionTip = ({ type }: { type: `${FnTypeEnum}` }) => {
+  const { t } = useTranslation();
+  const { chatT } = useI18n();
+
+  const map = useRef({
+    [FnTypeEnum.inputGuide]: {
+      icon: '/imgs/app/inputGuide-icon.svg',
+      title: chatT('Input guide'),
+      desc: chatT('Input guide tip'),
+      imgUrl: '/imgs/app/inputGuide.svg'
+    },
+    [FnTypeEnum.nextQuestion]: {
+      icon: '/imgs/app/nextQuestion-icon.svg',
+      title: t('core.app.Question Guide'),
+      desc: t('core.app.Question Guide Tip'),
+      imgUrl: '/imgs/app/nextQuestion.svg'
+    },
+    [FnTypeEnum.tts]: {
+      icon: '/imgs/app/tts-icon.svg',
+      title: t('core.app.TTS'),
+      desc: t('core.app.TTS Tip'),
+      imgUrl: '/imgs/app/tts.svg'
+    },
+    [FnTypeEnum.variable]: {
+      icon: '/imgs/app/variable-icon.svg',
+      title: t('core.module.Variable'),
+      desc: t('core.app.tip.variableTip'),
+      imgUrl: '/imgs/app/variable.svg'
+    },
+    [FnTypeEnum.welcome]: {
+      icon: '/imgs/app/welcome-icon.svg',
+      title: t('core.app.Welcome Text'),
+      desc: t('core.app.tip.welcomeTextTip'),
+      imgUrl: '/imgs/app/welcome.svg'
+    }
+  });
+  const data = map.current[type];
+
+  return (
+    <QuestionTip
+      maxW={'420px'}
+      ml={1}
+      label={
+        <Box>
+          <Flex>
+            <Image src={data.icon} w={'36px'} alt={''} />
+            <Box ml={3}>
+              <Box fontWeight="bold">{data.title}</Box>
+              <Box fontSize={'xs'} color={'myGray.500'}>
+                {data.desc}
+              </Box>
+            </Box>
+          </Flex>
+          <Image src={data.imgUrl} w={'100%'} minH={['auto', '200px']} mt={2} alt={''} />
+        </Box>
+      }
+    />
+  );
+};
+
+export default ChatFunctionTip;
--- a/projects/app/src/components/core/app/VariableEdit.tsx
+++ b/projects/app/src/components/core/app/VariableEdit.tsx
@@ -32,11 +32,11 @@ import { customAlphabet } from 'nanoid';
 const nanoid = customAlphabet('abcdefghijklmnopqrstuvwxyz1234567890', 6);
 import MyModal from '@fastgpt/web/components/common/MyModal';
 import MyTooltip from '@/components/MyTooltip';
-import { variableTip } from '@fastgpt/global/core/workflow/template/tip';
 import { useTranslation } from 'next-i18next';
 import { useToast } from '@fastgpt/web/hooks/useToast';
 import MyRadio from '@/components/common/MyRadio';
 import { formatEditorVariablePickerIcon } from '@fastgpt/global/core/workflow/utils';
+import ChatFunctionTip from './Tip';

 const VariableEdit = ({
  variables = [],
@@ -96,12 +96,11 @@ const VariableEdit = ({
    <Box>
      <Flex alignItems={'center'}>
        <MyIcon name={'core/app/simpleMode/variable'} w={'20px'} />
-        <Box ml={2} flex={1} fontWeight={'medium'}>
+        <Box ml={2} fontWeight={'medium'}>
          {t('core.module.Variable')}
-          <MyTooltip label={t(variableTip)} forceShow>
-            <QuestionOutlineIcon display={['none', 'inline']} ml={1} />
-          </MyTooltip>
        </Box>
+        <ChatFunctionTip type={'variable'} />
+        <Box flex={1} />
        <Button
          variant={'transparentBase'}
          leftIcon={<SmallAddIcon />}
--- a/projects/app/src/components/core/app/WelcomeTextConfig.tsx
+++ b/projects/app/src/components/core/app/WelcomeTextConfig.tsx
@@ -0,0 +1,29 @@
+import { Box, Flex, TextareaProps } from '@chakra-ui/react';
+import React from 'react';
+import MyIcon from '@fastgpt/web/components/common/Icon';
+import ChatFunctionTip from './Tip';
+import MyTextarea from '@/components/common/Textarea/MyTextarea';
+import { useTranslation } from 'next-i18next';
+
+const WelcomeTextConfig = (props: TextareaProps) => {
+  const { t } = useTranslation();
+  return (
+    <>
+      <Flex alignItems={'center'}>
+        <MyIcon name={'core/app/simpleMode/chat'} w={'20px'} />
+        <Box ml={2}>{t('core.app.Welcome Text')}</Box>
+        <ChatFunctionTip type={'welcome'} />
+      </Flex>
+      <MyTextarea
+        mt={2}
+        bg={'myWhite.400'}
+        rows={6}
+        fontSize={'sm'}
+        placeholder={t('core.app.tip.welcomeTextTip')}
+        {...props}
+      />
+    </>
+  );
+};
+
+export default WelcomeTextConfig;
--- a/projects/app/src/components/core/dataset/QuoteItem.tsx
+++ b/projects/app/src/components/core/dataset/QuoteItem.tsx
@@ -19,26 +19,26 @@ const scoreTheme: Record<
    color: string;
    bg: string;
    borderColor: string;
-    colorSchema: string;
+    colorScheme: string;
  }
 > = {
  '0': {
    color: '#6F5DD7',
    bg: '#F0EEFF',
    borderColor: '#D3CAFF',
-    colorSchema: 'purple'
+    colorScheme: 'purple'
  },
  '1': {
    color: '#9E53C1',
    bg: '#FAF1FF',
    borderColor: '#ECF',
-    colorSchema: 'pink'
+    colorScheme: 'pink'
  },
  '2': {
    color: '#0884DD',
    bg: '#F0FBFF',
    borderColor: '#BCE7FF',
-    colorSchema: 'blue'
+    colorScheme: 'blue'
  }
 };

@@ -184,7 +184,7 @@ const QuoteItem = ({
                        size="sm"
                        borderRadius={'20px'}
                        {...(scoreTheme[i] && {
-                          colorScheme: scoreTheme[i].colorSchema
+                          colorScheme: scoreTheme[i].colorScheme
                        })}
                        bg="#E8EBF0"
                      />
--- a/projects/app/src/components/core/workflow/Flow/hooks/useDebug.tsx
+++ b/projects/app/src/components/core/workflow/Flow/hooks/useDebug.tsx
@@ -165,84 +165,82 @@ export const useDebug = () => {
        maxW={['90vw', '35vw']}
        px={0}
      >
-        <Flex flexDirection={'column'} h={'100%'} overflowY={'auto'}>
-          <Box flex={'1 0 0'} overflow={'auto'} px={6}>
-            {renderInputs.map((input) => {
-              const required = input.required || false;
-              console.log(input.valueType);
-              const RenderInput = (() => {
-                if (input.valueType === WorkflowIOValueTypeEnum.string) {
-                  return (
-                    <Textarea
+        <Box flex={'1 0 0'} overflow={'auto'} px={6}>
+          {renderInputs.map((input) => {
+            const required = input.required || false;
+            console.log(input.valueType);
+            const RenderInput = (() => {
+              if (input.valueType === WorkflowIOValueTypeEnum.string) {
+                return (
+                  <Textarea
+                    {...register(input.key, {
+                      required
+                    })}
+                    placeholder={t(input.placeholder || '')}
+                    bg={'myGray.50'}
+                  />
+                );
+              }
+              if (input.valueType === WorkflowIOValueTypeEnum.number) {
+                return (
+                  <NumberInput step={input.step} min={input.min} max={input.max} bg={'myGray.50'}>
+                    <NumberInputField
                      {...register(input.key, {
-                        required
+                        required: input.required,
+                        min: input.min,
+                        max: input.max,
+                        valueAsNumber: true
                      })}
-                      placeholder={t(input.placeholder || '')}
-                      bg={'myGray.50'}
                    />
-                  );
-                }
-                if (input.valueType === WorkflowIOValueTypeEnum.number) {
-                  return (
-                    <NumberInput step={input.step} min={input.min} max={input.max} bg={'myGray.50'}>
-                      <NumberInputField
-                        {...register(input.key, {
-                          required: input.required,
-                          min: input.min,
-                          max: input.max,
-                          valueAsNumber: true
-                        })}
-                      />
-                      <NumberInputStepper>
-                        <NumberIncrementStepper />
-                        <NumberDecrementStepper />
-                      </NumberInputStepper>
-                    </NumberInput>
-                  );
-                }
-                if (input.valueType === WorkflowIOValueTypeEnum.boolean) {
-                  return (
-                    <Box>
-                      <Switch size={'lg'} {...register(input.key)} />
-                    </Box>
-                  );
-                }
-                if (typeof input.value === 'string') {
-                  return (
-                    <JsonEditor
-                      bg={'myGray.50'}
-                      placeholder={t(input.placeholder || '')}
-                      resize
-                      value={getValues(input.key)}
-                      onChange={(e) => {
-                        setValue(input.key, e);
-                      }}
-                    />
-                  );
-                }
-              })();
+                    <NumberInputStepper>
+                      <NumberIncrementStepper />
+                      <NumberDecrementStepper />
+                    </NumberInputStepper>
+                  </NumberInput>
+                );
+              }
+              if (input.valueType === WorkflowIOValueTypeEnum.boolean) {
+                return (
+                  <Box>
+                    <Switch size={'lg'} {...register(input.key)} />
+                  </Box>
+                );
+              }
+              if (typeof input.value === 'string') {
+                return (
+                  <JsonEditor
+                    bg={'myGray.50'}
+                    placeholder={t(input.placeholder || '')}
+                    resize
+                    value={getValues(input.key)}
+                    onChange={(e) => {
+                      setValue(input.key, e);
+                    }}
+                  />
+                );
+              }
+            })();

-              return !!RenderInput ? (
-                <Box key={input.key} _notLast={{ mb: 4 }} px={1}>
-                  <Flex alignItems={'center'} mb={1}>
-                    <Box position={'relative'}>
-                      {required && (
-                        <Box position={'absolute'} right={-2} top={'-1px'} color={'red.600'}>
-                          *
-                        </Box>
-                      )}
-                      {t(input.debugLabel || input.label)}
-                    </Box>
-                    {input.description && <QuestionTip ml={2} label={input.description} />}
-                  </Flex>
-                  {RenderInput}
-                </Box>
-              ) : null;
-            })}
-          </Box>
-          <Flex py={2} justifyContent={'flex-end'}>
-            <Button onClick={handleSubmit(onclickRun)}>运行</Button>
-          </Flex>
+            return !!RenderInput ? (
+              <Box key={input.key} _notLast={{ mb: 4 }} px={1}>
+                <Flex alignItems={'center'} mb={1}>
+                  <Box position={'relative'}>
+                    {required && (
+                      <Box position={'absolute'} right={-2} top={'-1px'} color={'red.600'}>
+                        *
+                      </Box>
+                    )}
+                    {t(input.debugLabel || input.label)}
+                  </Box>
+                  {input.description && <QuestionTip ml={2} label={input.description} />}
+                </Flex>
+                {RenderInput}
+              </Box>
+            ) : null;
+          })}
+        </Box>
+        <Flex py={2} justifyContent={'flex-end'} px={6}>
+          <Button onClick={handleSubmit(onclickRun)}>运行</Button>
        </Flex>
      </MyRightDrawer>
    );
--- a/projects/app/src/components/core/workflow/Flow/nodes/NodeHttp/index.tsx
+++ b/projects/app/src/components/core/workflow/Flow/nodes/NodeHttp/index.tsx
@@ -280,7 +280,7 @@ export function RenderHttpProps({
    );

    return [...moduleVariables, ...globalVariables];
-  }, [inputs, nodeList, t]);
+  }, [appDetail.chatConfig, inputs, nodeList, t]);

  const variableText = useMemo(() => {
    return variables
--- a/projects/app/src/components/core/workflow/Flow/nodes/NodeIfElse/ListItem.tsx
+++ b/projects/app/src/components/core/workflow/Flow/nodes/NodeIfElse/ListItem.tsx
@@ -28,7 +28,7 @@ import MyInput from '@/components/MyInput';
 import { getElseIFLabel, getHandleId } from '@fastgpt/global/core/workflow/utils';
 import { SourceHandle } from '../render/Handle';
 import { Position, useReactFlow } from 'reactflow';
-import { getReferenceDataValueType } from '@/web/core/workflow/utils';
+import { getRefData } from '@/web/core/workflow/utils';
 import DragIcon from '@fastgpt/web/components/common/DndDrag/DragIcon';
 import { AppContext } from '@/web/core/app/context/appContext';

@@ -346,8 +346,8 @@ const ConditionSelect = ({
  const appDetail = useContextSelector(AppContext, (v) => v.appDetail);

  // get condition type
-  const valueType = useMemo(() => {
-    return getReferenceDataValueType({
+  const { valueType, required } = useMemo(() => {
+    return getRefData({
      variable,
      nodeList,
      chatConfig: appDetail.chatConfig,
@@ -376,11 +376,22 @@ const ConditionSelect = ({

    return [];
  }, [valueType]);
+  const filterQuiredConditionList = useMemo(() => {
+    if (required) {
+      return conditionList.filter(
+        (item) =>
+          item.value !== VariableConditionEnum.isEmpty &&
+          item.value !== VariableConditionEnum.isNotEmpty
+      );
+    }
+    return conditionList;
+  }, [conditionList, required]);

  return (
    <MySelect
+      className="nowheel"
      w={'100%'}
-      list={conditionList}
+      list={filterQuiredConditionList}
      value={condition}
      onchange={onSelect}
      placeholder="选择条件"
--- a/projects/app/src/components/core/workflow/Flow/nodes/NodeSystemConfig.tsx
+++ b/projects/app/src/components/core/workflow/Flow/nodes/NodeSystemConfig.tsx
@@ -1,19 +1,15 @@
 import React, { Dispatch, useMemo, useTransition } from 'react';
 import { NodeProps } from 'reactflow';
-import { Box, Flex, Textarea, useTheme } from '@chakra-ui/react';
-import { QuestionOutlineIcon } from '@chakra-ui/icons';
+import { Box, useTheme } from '@chakra-ui/react';
 import { FlowNodeItemType } from '@fastgpt/global/core/workflow/type/index.d';
-import { welcomeTextTip } from '@fastgpt/global/core/workflow/template/tip';

 import QGSwitch from '@/components/core/app/QGSwitch';
 import TTSSelect from '@/components/core/app/TTSSelect';
 import WhisperConfig from '@/components/core/app/WhisperConfig';
-import InputGuideConfig from '@/components/core/chat/appConfig/InputGuideConfig';
+import InputGuideConfig from '@/components/core/app/InputGuideConfig';
 import { getAppChatConfig } from '@fastgpt/global/core/workflow/utils';
 import { useTranslation } from 'next-i18next';
 import { TTSTypeEnum } from '@/web/core/app/constants';
-import MyIcon from '@fastgpt/web/components/common/Icon';
-import MyTooltip from '@/components/MyTooltip';
 import NodeCard from './render/NodeCard';
 import ScheduledTriggerConfig from '@/components/core/app/ScheduledTriggerConfig';
 import { useContextSelector } from 'use-context-selector';
@@ -22,6 +18,7 @@ import { AppChatConfigType, AppDetailType, VariableItemType } from '@fastgpt/glo
 import { useMemoizedFn } from 'ahooks';
 import VariableEdit from '@/components/core/app/VariableEdit';
 import { AppContext } from '@/web/core/app/context/appContext';
+import WelcomeTextConfig from '@/components/core/app/WelcomeTextConfig';

 type ComponentProps = {
  chatConfig: AppChatConfigType;
@@ -94,22 +91,10 @@ function WelcomeText({ chatConfig: { welcomeText }, setAppDetail }: ComponentPro
  const [, startTst] = useTransition();

  return (
-    <>
-      <Flex mb={1} alignItems={'center'}>
-        <MyIcon name={'core/modules/welcomeText'} mr={2} w={'14px'} color={'#E74694'} />
-        <Box fontWeight={'medium'}>{t('core.app.Welcome Text')}</Box>
-        <MyTooltip label={t(welcomeTextTip)} forceShow>
-          <QuestionOutlineIcon display={['none', 'inline']} ml={1} />
-        </MyTooltip>
-      </Flex>
-      <Textarea
-        className="nodrag"
-        rows={6}
-        fontSize={'12px'}
+    <Box className="nodrag">
+      <WelcomeTextConfig
        resize={'both'}
        defaultValue={welcomeText}
-        bg={'myWhite.500'}
-        placeholder={t(welcomeTextTip)}
        onChange={(e) => {
          startTst(() => {
            setAppDetail((state) => ({
@@ -122,7 +107,7 @@ function WelcomeText({ chatConfig: { welcomeText }, setAppDetail }: ComponentPro
          });
        }}
      />
-    </>
+    </Box>
  );
 }

--- a/projects/app/src/components/core/workflow/Flow/nodes/NodeVariableUpdate.tsx
+++ b/projects/app/src/components/core/workflow/Flow/nodes/NodeVariableUpdate.tsx
@@ -30,7 +30,7 @@ import { SmallAddIcon } from '@chakra-ui/icons';
 import MyTooltip from '@fastgpt/web/components/common/MyTooltip';
 import { ReferenceValueProps } from '@fastgpt/global/core/workflow/type/io';
 import { ReferSelector, useReference } from './render/RenderInput/templates/Reference';
-import { getReferenceDataValueType } from '@/web/core/workflow/utils';
+import { getRefData } from '@/web/core/workflow/utils';
 import { isReferenceValue } from '@fastgpt/global/core/workflow/utils';
 import { AppContext } from '@/web/core/app/context/appContext';

@@ -84,7 +84,7 @@ const NodeVariableUpdate = ({ data, selected }: NodeProps<FlowNodeItemType>) =>
    return (
      <>
        {updateList.map((updateItem, index) => {
-          const valueType = getReferenceDataValueType({
+          const { valueType } = getRefData({
            variable: updateItem.variable,
            nodeList,
            chatConfig: appDetail.chatConfig,
--- a/projects/app/src/components/core/workflow/Flow/nodes/NodeWorkflowStart.tsx
+++ b/projects/app/src/components/core/workflow/Flow/nodes/NodeWorkflowStart.tsx
@@ -32,6 +32,7 @@ const NodeStart = ({ data, selected }: NodeProps<FlowNodeItemType>) => {
      id: item.key,
      type: FlowNodeOutputTypeEnum.static,
      key: item.key,
+      required: item.required,
      valueType: item.valueType || WorkflowIOValueTypeEnum.any,
      label: item.label
    }));
--- a/projects/app/src/components/core/workflow/Flow/nodes/render/RenderOutput/index.tsx
+++ b/projects/app/src/components/core/workflow/Flow/nodes/render/RenderOutput/index.tsx
@@ -171,6 +171,11 @@ const RenderOutput = ({
        {renderOutputs.map((output) => {
          return output.label ? (
            <Box key={output.key} _notLast={{ mb: 5 }} position={'relative'}>
+              {output.required && (
+                <Box position={'absolute'} left={'-6px'} top={-1} color={'red.600'}>
+                  *
+                </Box>
+              )}
              <OutputLabel nodeId={nodeId} output={output} />
            </Box>
          ) : null;