wlw/ai-agent
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: enhance WorkflowEditor by adding drag-and-drop functionality to the workflow canvas

Browse Source
This commit is contained in:
mlogclub
2026-06-22 18:54:21 +08:00
parent e7980f7086
commit 23c3da84d8
1 changed files with 6 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/app/dashboard/ai-workflows/_components/workflow-editor.tsx
+6 -3
View File
@@ -314,7 +314,12 @@ export function WorkflowEditor({
</ResizablePanel> </ResizablePanel>
<ResizableHandle withHandle /> <ResizableHandle withHandle />
<ResizablePanel defaultSize="56%" minSize="30%" className="min-h-0"> <ResizablePanel defaultSize="56%" minSize="30%" className="min-h-0">
<section className="relative h-full min-h-0"> <section
data-workflow-canvas
className="relative h-full min-h-0"
onDragOver={onCanvasDragOver}
onDrop={onCanvasDrop}
>
<ReactFlow <ReactFlow
nodes={renderedNodes} nodes={renderedNodes}
edges={edges} edges={edges}
@@ -327,8 +332,6 @@ export function WorkflowEditor({
onEdgesChange={onEdgesChange} onEdgesChange={onEdgesChange}
onConnect={onConnect} onConnect={onConnect}
onInit={setFlowInstance} onInit={setFlowInstance}
onDragOver={onCanvasDragOver}
onDrop={onCanvasDrop}
onNodeClick={(_, node) => setSelectedNodeId(node.id)} onNodeClick={(_, node) => setSelectedNodeId(node.id)}
fitView fitView
fitViewOptions={fitViewOptions} fitViewOptions={fitViewOptions}