diff --git a/web/app/components/workflow/nodes/agent/node.tsx b/web/app/components/workflow/nodes/agent/node.tsx
index c64baf3b19..3cfde2e64d 100644
--- a/web/app/components/workflow/nodes/agent/node.tsx
+++ b/web/app/components/workflow/nodes/agent/node.tsx
@@ -18,26 +18,24 @@ const AgentNode: FC<NodeProps<AgentNodeType>> = (props) => {
   // TODO: Implement models
   const models = useMemo(() => {
     if (!inputs) return []
+    // if selected, show in node
+    // if required and not selected, show empty selector
+    // if not required and not selected, show nothing
     const models = currentStrategy?.parameters
       .filter(param => param.type === FormTypeEnum.modelSelector)
-      .flatMap((param) => {
+      .reduce((acc, param) => {
         const item = inputs.agent_parameters?.[param.name]
         if (!item) {
-          if (param.required)
-            return null
-          else
-            return []
-        }
-        return {
-          provider: item.provider,
-          model: item.model,
-          param: param.name,
+          if (param.required) {
+            acc.push({ param: param.name })
+            return acc
+          }
+          else { return acc }
         }
-      }) || []
+        acc.push({ provider: item.provider, model: item.model, param: param.name })
+        return acc
+      }, [] as Array<{ param: string } | { provider: string, model: string, param: string }>) || []
     return models
-    // if selected, show in node
-    // if required and not selected, show empty selector
-    // if not required and not selected, show nothing
   }, [currentStrategy, inputs])
 
   const tools = useMemo(() => {
@@ -78,6 +76,7 @@ const AgentNode: FC<NodeProps<AgentNodeType>> = (props) => {
           key={model?.param || Math.random()}
           modelList={[]}
           defaultModel={model || undefined}
+          readonly
         />
       })}
     </Group>}