Function renderInput

packages/agentflow/src/atoms/NodeInputHandler.tsx:190–429

()

    )

    const renderInput = () => {
        if (!inputParam) return null

        const value = data.inputs?.[inputParam.name] ?? inputParam.default ?? ''

        switch (inputParam.type) {
            case 'string':
                // When acceptVariable is enabled and suggestions are available, use VariableInput
                // which provides inline {{ autocomplete
                if (suggestionItems && suggestionItems.length > 0) {
                    return (
                        <VariableInput
                            value={typeof value === 'string' ? value : ''}
                            onChange={(v) => handleDataChange(v)}
                            placeholder={inputParam.placeholder}
                            disabled={disabled}
                            rows={inputParam.rows}
                            suggestionItems={suggestionItems}
                        />
                    )
                }
                if (isExpandable) {
                    return (
                        <Box sx={{ mt: 1 }}>
                            <RichTextEditor
                                value={typeof value === 'string' ? value : ''}
                                onChange={(html) => handleDataChange(html)}
                                placeholder={inputParam.placeholder}
                                disabled={disabled}
                                rows={inputParam.rows || 4}
                            />
                        </Box>
                    )
                }
                return (
                    <TextField
                        fullWidth
                        size='small'
                        disabled={disabled}
                        placeholder={inputParam.placeholder}
                        value={value}
                        onChange={(e) => handleDataChange(e.target.value)}
                        sx={{ mt: 1 }}
                    />
                )
            case 'password':
            case 'number':
                return (
                    <TextField
                        fullWidth
                        size='small'
                        disabled={disabled}
                        type={inputParam.type === 'password' ? 'password' : 'number'}
                        placeholder={inputParam.placeholder}
                        value={value}
                        onChange={(e) => handleDataChange(e.target.value)}
                        sx={{ mt: 1 }}
                    />