+
+
+ Node ID
+
+
+ {selectedNode.id}
+
+
+
+ {selectedNode.type !== 'start' &&
+ selectedNode.type !== 'end' && (
+ <>
+
+
+
+ handleUpdateNodeData({
+ title: e.target.value,
+ label: e.target.value,
+ })
+ }
+ className="border-light-silver focus:ring-purple-30 w-full rounded-xl border bg-white px-3 py-2 text-sm transition-all outline-none focus:ring-2 dark:border-[#3A3A3A] dark:bg-[#2C2C2C] dark:text-white"
+ placeholder="Enter node title"
+ />
+
+
+ {selectedNode.type === 'agent' && (
+ <>
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ handleUpdateNodeData({
+ config: {
+ ...(selectedNode.data.config || {}),
+ output_variable: e.target.value,
+ },
+ })
+ }
+ className="border-light-silver focus:ring-purple-30 w-full rounded-xl border bg-white px-3 py-2 text-sm transition-all outline-none focus:ring-2 dark:border-[#3A3A3A] dark:bg-[#2C2C2C] dark:text-white"
+ placeholder="Variable name for output"
+ />
+
+
+
+ handleUpdateNodeData({
+ config: {
+ ...(selectedNode.data.config || {}),
+ stream_to_user: e.target.checked,
+ },
+ })
+ }
+ className="h-4 w-4"
+ />
+
+
{' '}
+
+
+ ({
+ value: tool.id,
+ label: tool.displayName,
+ }))}
+ selected={selectedNode.data.config?.tools || []}
+ onChange={(newTools) =>
+ handleUpdateNodeData({
+ config: {
+ ...(selectedNode.data.config || {}),
+ tools: newTools,
+ },
+ })
+ }
+ placeholder="Select tools..."
+ searchPlaceholder="Search tools..."
+ emptyText="No tools available"
+ />
+
+ >
+ )}
+
+ {selectedNode.type === 'note' && (
+
+
+
+ )}
+
+ {selectedNode.type === 'state' && (
+ <>
+
+
+
+ handleUpdateNodeData({
+ variable: e.target.value,
+ })
+ }
+ className="border-light-silver focus:ring-purple-30 w-full rounded-xl border bg-white px-3 py-2 text-sm transition-all outline-none focus:ring-2 dark:border-[#3A3A3A] dark:bg-[#2C2C2C] dark:text-white"
+ placeholder="e.g. analysis_type"
+ />
+
+
+
+
+ handleUpdateNodeData({
+ value: e.target.value,
+ })
+ }
+ className="border-light-silver focus:ring-purple-30 w-full rounded-xl border bg-white px-3 py-2 text-sm transition-all outline-none focus:ring-2 dark:border-[#3A3A3A] dark:bg-[#2C2C2C] dark:text-white"
+ placeholder="e.g. price_check"
+ />
+
+ >
+ )}
+ >
+ )}
+