fix: reasoning response (#3684)

* perf: supplement assistant empty response

* check array

* fix: reasoning response

* fix: reasoning response

projects/app/src/components/core/chat/ChatContainer/ChatBox/index.tsx

@@ -226,6 +226,25 @@ const ChatBox = ({
               status,
               moduleName: name
             };
+          } else if (event === SseResponseEventEnum.answer && reasoningText) {
+            if (lastValue.type === ChatItemValueTypeEnum.reasoning && lastValue.reasoning) {
+              lastValue.reasoning.content += reasoningText;
+              return {
+                ...item,
+                value: item.value.slice(0, -1).concat(lastValue)
+              };
+            } else {
+              const val: AIChatItemValueItemType = {
+                type: ChatItemValueTypeEnum.reasoning,
+                reasoning: {
+                  content: reasoningText
+                }
+              };
+              return {
+                ...item,
+                value: item.value.concat(val)
+              };
+            }
           } else if (
             (event === SseResponseEventEnum.answer || event === SseResponseEventEnum.fastAnswer) &&
             text
@@ -248,25 +267,6 @@ const ChatBox = ({
                 value: item.value.slice(0, -1).concat(lastValue)
               };
             }
-          } else if (event === SseResponseEventEnum.answer && reasoningText) {
-            if (lastValue.type === ChatItemValueTypeEnum.reasoning && lastValue.reasoning) {
-              lastValue.reasoning.content += reasoningText;
-              return {
-                ...item,
-                value: item.value.slice(0, -1).concat(lastValue)
-              };
-            } else {
-              const val: AIChatItemValueItemType = {
-                type: ChatItemValueTypeEnum.reasoning,
-                reasoning: {
-                  content: reasoningText
-                }
-              };
-              return {
-                ...item,
-                value: item.value.concat(val)
-              };
-            }
           } else if (event === SseResponseEventEnum.toolCall && tool) {
             const val: AIChatItemValueItemType = {
               type: ChatItemValueTypeEnum.tool,

projects/app/src/components/core/chat/components/AIResponseBox.tsx

@@ -142,15 +142,18 @@ ${toolResponse}`}
 );
 const RenderResoningContent = React.memo(function RenderResoningContent({
   content,
-  showAnimation
+  isChatting,
+  isLastResponseValue
 }: {
   content: string;
-  showAnimation: boolean;
+  isChatting: boolean;
+  isLastResponseValue: boolean;
 }) {
   const { t } = useTranslation();
+  const showAnimation = isChatting && isLastResponseValue;
 
   return (
-    <Accordion allowToggle defaultIndex={0}>
+    <Accordion allowToggle defaultIndex={isLastResponseValue ? 0 : undefined}>
       <AccordionItem borderTop={'none'} borderBottom={'none'}>
         <AccordionButton
           w={'auto'}
@@ -341,7 +344,13 @@ const AIResponseBox = ({ value, isLastResponseValue, isChatting }: props) => {
       <RenderText showAnimation={isChatting && isLastResponseValue} text={value.text.content} />
     );
   if (value.type === ChatItemValueTypeEnum.reasoning && value.reasoning)
-    return <RenderResoningContent showAnimation={isChatting} content={value.reasoning.content} />;
+    return (
+      <RenderResoningContent
+        isChatting={isChatting}
+        isLastResponseValue={isLastResponseValue}
+        content={value.reasoning.content}
+      />
+    );
   if (value.type === ChatItemValueTypeEnum.tool && value.tools)
     return <RenderTool showAnimation={isChatting} tools={value.tools} />;
   if (value.type === ChatItemValueTypeEnum.interactive && value.interactive) {

projects/app/src/pageComponents/app/detail/SimpleApp/EditForm.tsx

@@ -138,9 +138,16 @@ const EditForm = ({
                   model: appForm.aiSettings.model,
                   temperature: appForm.aiSettings.temperature,
                   maxToken: appForm.aiSettings.maxToken,
-                  maxHistories: appForm.aiSettings.maxHistories
+                  maxHistories: appForm.aiSettings.maxHistories,
+                  aiChatReasoning: appForm.aiSettings.aiChatReasoning ?? true
                 }}
-                onChange={({ model, temperature, maxToken, maxHistories }: SettingAIDataType) => {
+                onChange={({
+                  model,
+                  temperature,
+                  maxToken,
+                  maxHistories,
+                  aiChatReasoning = false
+                }) => {
                   setAppForm((state) => ({
                     ...state,
                     aiSettings: {
@@ -148,7 +155,8 @@ const EditForm = ({
                       model,
                       temperature,
                       maxToken,
-                      maxHistories: maxHistories ?? 6
+                      maxHistories: maxHistories ?? 6,
+                      aiChatReasoning
                     }
                   }));
                 }}

projects/app/src/web/core/app/utils.ts

@@ -190,6 +190,13 @@ export function form2AppWorkflow(
           label: '',
           valueType: WorkflowIOValueTypeEnum.boolean,
           value: true
+        },
+        {
+          key: NodeInputKeyEnum.aiChatReasoning,
+          renderTypeList: [FlowNodeInputTypeEnum.hidden],
+          label: '',
+          valueType: WorkflowIOValueTypeEnum.boolean,
+          value: formData.aiSettings.aiChatReasoning
         }
       ],
       outputs: AiChatModule.outputs