feat: add reasoning format processing to LLMNode for <think> tag handling (#23313)

Co-authored-by: autofix-ci[bot] <114827586+autofix-ci[bot]@users.noreply.github.com>

web/app/components/workflow/constants.ts

@@ -479,6 +479,10 @@ export const LLM_OUTPUT_STRUCT: Var[] = [
     variable: 'text',
     type: VarType.string,
   },
+  {
+    variable: 'reasoning_content',
+    type: VarType.string,
+  },
   {
     variable: 'usage',
     type: VarType.object,

web/app/components/workflow/nodes/llm/components/reasoning-format-config.tsx

@@ -0,0 +1,40 @@
+import type { FC } from 'react'
+import React from 'react'
+import { useTranslation } from 'react-i18next'
+import Field from '@/app/components/workflow/nodes/_base/components/field'
+import Switch from '@/app/components/base/switch'
+
+type ReasoningFormatConfigProps = {
+  value?: 'tagged' | 'separated'
+  onChange: (value: 'tagged' | 'separated') => void
+  readonly?: boolean
+}
+
+const ReasoningFormatConfig: FC<ReasoningFormatConfigProps> = ({
+  value = 'tagged',
+  onChange,
+  readonly = false,
+}) => {
+  const { t } = useTranslation()
+
+  return (
+    <Field
+      title={t('workflow.nodes.llm.reasoningFormat.title')}
+      tooltip={t('workflow.nodes.llm.reasoningFormat.tooltip')}
+      operations={
+        // ON = separated, OFF = tagged
+        <Switch
+          defaultValue={value === 'separated'}
+          onChange={enabled => onChange(enabled ? 'separated' : 'tagged')}
+          size='md'
+          disabled={readonly}
+          key={value}
+        />
+      }
+    >
+      <div />
+    </Field>
+  )
+}
+
+export default ReasoningFormatConfig

web/app/components/workflow/nodes/llm/panel.tsx

@@ -17,6 +17,7 @@ import type { NodePanelProps } from '@/app/components/workflow/types'
 import Tooltip from '@/app/components/base/tooltip'
 import Editor from '@/app/components/workflow/nodes/_base/components/prompt/editor'
 import StructureOutput from './components/structure-output'
+import ReasoningFormatConfig from './components/reasoning-format-config'
 import Switch from '@/app/components/base/switch'
 import { RiAlertFill, RiQuestionLine } from '@remixicon/react'
 import { fetchAndMergeValidCompletionParams } from '@/utils/completion-params'
@@ -61,6 +62,7 @@ const Panel: FC<NodePanelProps<LLMNodeType>> = ({
     handleStructureOutputEnableChange,
     handleStructureOutputChange,
     filterJinja2InputVar,
+    handleReasoningFormatChange,
   } = useConfig(id, data)
 
   const model = inputs.model
@@ -239,6 +241,14 @@ const Panel: FC<NodePanelProps<LLMNodeType>> = ({
           config={inputs.vision?.configs}
           onConfigChange={handleVisionResolutionChange}
         />
+
+        {/* Reasoning Format */}
+        <ReasoningFormatConfig
+          // Default to tagged for backward compatibility
+          value={inputs.reasoning_format || 'tagged'}
+          onChange={handleReasoningFormatChange}
+          readonly={readOnly}
+        />
       </div>
       <Split />
       <OutputVars

web/app/components/workflow/nodes/llm/types.ts

@@ -17,6 +17,7 @@ export type LLMNodeType = CommonNodeType & {
   }
   structured_output_enabled?: boolean
   structured_output?: StructuredOutput
+  reasoning_format?: 'tagged' | 'separated'
 }
 
 export enum Type {

web/app/components/workflow/nodes/llm/use-config.ts

@@ -315,6 +315,14 @@ const useConfig = (id: string, payload: LLMNodeType) => {
     return [VarType.arrayObject, VarType.array, VarType.number, VarType.string, VarType.secret, VarType.arrayString, VarType.arrayNumber, VarType.file, VarType.arrayFile].includes(varPayload.type)
   }, [])
 
+  // reasoning format
+  const handleReasoningFormatChange = useCallback((reasoningFormat: 'tagged' | 'separated') => {
+    const newInputs = produce(inputs, (draft) => {
+      draft.reasoning_format = reasoningFormat
+    })
+    setInputs(newInputs)
+  }, [inputs, setInputs])
+
   const {
     availableVars,
     availableNodesWithParent,
@@ -355,6 +363,7 @@ const useConfig = (id: string, payload: LLMNodeType) => {
     setStructuredOutputCollapsed,
     handleStructureOutputEnableChange,
     filterJinja2InputVar,
+    handleReasoningFormatChange,
   }
 }