Function loadComponentData

packages/ui/src/views/agentflowsv2/ConfigInput.jsx:85–162

()

    // Load initial component data when the component mounts
    useEffect(() => {
        const loadComponentData = async () => {
            // Get the node name from inputs
            const nodeName = data.inputs[inputParam.name]
            const node = await nodesApi.getSpecificNode(nodeName)

            if (!node.data) return

            // Initialize component node with basic data
            const componentNodeData = cloneDeep(initNode(node.data, `${node.data.nodeName}_0`))

            // Helper function to check if array-based configuration exists
            const isArray = () => {
                return parentParamForArray && data.inputs[parentParamForArray.name]
            }

            const hasArrayConfig = () => {
                return (
                    parentParamForArray &&
                    data.inputs[parentParamForArray.name] &&
                    Array.isArray(data.inputs[parentParamForArray.name]) &&
                    data.inputs[parentParamForArray.name][arrayIndex] &&
                    data.inputs[parentParamForArray.name][arrayIndex][`${inputParam.name}Config`]
                )
            }

            // Helper function to get current input value
            const getCurrentInputValue = () => {
                return hasArrayConfig() ? data.inputs[parentParamForArray.name][arrayIndex][inputParam.name] : data.inputs[inputParam.name]
            }

            // Helper function to get config data
            const getConfigData = () => {
                return hasArrayConfig()
                    ? data.inputs[parentParamForArray.name][arrayIndex][`${inputParam.name}Config`]
                    : data.inputs[`${inputParam.name}Config`]
            }

            // Update component inputs based on configuration
            if (hasArrayConfig() || data.inputs[`${inputParam.name}Config`]) {
                const configData = getConfigData()
                const currentValue = getCurrentInputValue()

                // If stored config value doesn't match current input, reset to defaults
                if (configData[inputParam.name] !== currentValue) {
                    const defaultInput = initializeDefaultNodeData(componentNodeData.inputParams)
                    componentNodeData.inputs = { ...defaultInput, [inputParam.name]: currentValue }
                } else {
                    // Use existing config with current input value
                    componentNodeData.inputs = { ...configData, [inputParam.name]: currentValue }
                }
            } else {
                const currentValue = isArray()
                    ? data.inputs[parentParamForArray.name][arrayIndex][inputParam.name]
                    : data.inputs[inputParam.name]
                componentNodeData.inputs = {
                    ...componentNodeData.inputs,
                    [inputParam.name]: currentValue
                }