fix: agent node output vars error (#12931)

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

@@ -48,6 +48,7 @@ const AgentPanel: FC<NodePanelProps<AgentNodeType>> = (props) => {
     runInputData,
     setRunInputData,
     varInputs,
+    outputSchema,
   } = useConfig(props.id, props.data)
   const { t } = useTranslation()
   const nodeInfo = useMemo(() => {
@@ -121,12 +122,12 @@ const AgentPanel: FC<NodePanelProps<AgentNodeType>> = (props) => {
           type='Array[Object]'
           description={t(`${i18nPrefix}.outputVars.json`)}
         />
-        {inputs.output_schema && Object.entries(inputs.output_schema).map(([name, schema]) => (
+        {outputSchema.map(({ name, type, description }) => (
           <VarItem
             key={name}
             name={name}
-            type={schema.type}
-            description={schema.description}
+            type={type}
+            description={description}
           />
         ))}
       </OutputVars>

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

@@ -158,6 +158,23 @@ const useConfig = (id: string, payload: AgentNodeType) => {
     return vars
   })()
 
+  const outputSchema = useMemo(() => {
+    const res: any[] = []
+    if (!inputs.output_schema)
+      return []
+    Object.keys(inputs.output_schema.properties).forEach((outputKey) => {
+      const output = inputs.output_schema.properties[outputKey]
+      res.push({
+        name: outputKey,
+        type: output.type === 'array'
+          ? `Array[${output.items?.type.slice(0, 1).toLocaleUpperCase()}${output.items?.type.slice(1)}]`
+          : `${output.type.slice(0, 1).toLocaleUpperCase()}${output.type.slice(1)}`,
+        description: output.description,
+      })
+    })
+    return res
+  }, [inputs.output_schema])
+
   return {
     readOnly,
     inputs,
@@ -184,6 +201,7 @@ const useConfig = (id: string, payload: AgentNodeType) => {
     setRunInputData,
     runResult,
     varInputs,
+    outputSchema,
   }
 }