add missing credential field on start node

Author: jocelynlin-wd

packages/agentflow/src/features/canvas/hooks/useOpenNodeEditor.test.tsx

@@ -20,7 +20,7 @@ jest.mock('./useFlowNodes', () => ({
 }))
 
 let mockNodes: ReturnType<typeof makeFlowNode>[] = []
-let mockAvailableNodes: { name: string; inputs?: { name: string }[] }[] = []
+let mockAvailableNodes: { name: string; inputs?: { name: string }[]; credential?: { name: string; type: string } }[] = []
 
 describe('useOpenNodeEditor', () => {
     beforeEach(() => {
@@ -112,6 +112,31 @@ describe('useOpenNodeEditor', () => {
         )
     })
 
+    it('should prepend credential param to inputParams when schema has credential', () => {
+        mockAvailableNodes = [
+            {
+                name: 'llmAgentflow',
+                inputs: [{ name: 'model' }],
+                credential: { name: 'credential', type: 'credential' }
+            }
+        ]
+        const { result } = renderHook(() => useOpenNodeEditor())
+        result.current.openNodeEditor('node-1')
+
+        expect(mockOpenEditDialog).toHaveBeenCalledWith('node-1', expect.objectContaining({ name: 'llmAgentflow' }), [
+            { name: 'credential', type: 'credential' },
+            { name: 'model' }
+        ])
+    })
+
+    it('should not prepend credential when schema has no credential', () => {
+        mockAvailableNodes = [{ name: 'llmAgentflow', inputs: [{ name: 'model' }] }]
+        const { result } = renderHook(() => useOpenNodeEditor())
+        result.current.openNodeEditor('node-1')
+
+        expect(mockOpenEditDialog).toHaveBeenCalledWith('node-1', expect.objectContaining({ name: 'llmAgentflow' }), [{ name: 'model' }])
+    })
+
     it('should open dialog with empty inputs when schema has no inputs', () => {
         mockAvailableNodes = [{ name: 'llmAgentflow' }] // no inputs property
         const { result } = renderHook(() => useOpenNodeEditor())

packages/agentflow/src/features/canvas/hooks/useOpenNodeEditor.ts

@@ -1,6 +1,6 @@
 import { useCallback } from 'react'
 
-import type { NodeData } from '@/core/types'
+import type { InputParam, NodeData } from '@/core/types'
 import { useAgentflowContext } from '@/infrastructure/store'
 
 import { useFlowNodes } from './useFlowNodes'
@@ -22,7 +22,12 @@ export function useOpenNodeEditor() {
             // Find the node schema from available nodes (contains InputParam[] definitions)
             // Fall back to node.data.inputs when the API schema isn't available
             const nodeSchema = availableNodes.find((n) => n.name === node.data.name)
-            const inputParams = nodeSchema?.inputs || node.data.inputs || []
+            const baseParams = nodeSchema?.inputs || node.data.inputs || []
+
+            // The credential field is a separate property on the node schema (not in inputs).
+            // Prepend it to inputParams so the dialog renders it.
+            const credentialParam = (nodeSchema as Record<string, unknown>)?.credential as InputParam | undefined
+            const inputParams = credentialParam ? [credentialParam, ...baseParams] : baseParams
 
             // Ensure inputValues object exists for storing user input
             const nodeDataWithInputValues: NodeData = {