From 23c3da84d8b37cb607acf2bf1184bb195d7b6583 Mon Sep 17 00:00:00 2001
From: mlogclub <mlog1@qq.com>
Date: Mon, 22 Jun 2026 18:54:21 +0800
Subject: [PATCH] feat: enhance WorkflowEditor by adding drag-and-drop
 functionality to the workflow canvas

---
 .../ai-workflows/_components/workflow-editor.tsx         | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/web/app/dashboard/ai-workflows/_components/workflow-editor.tsx b/web/app/dashboard/ai-workflows/_components/workflow-editor.tsx
index ce7d460..ebb71b1 100644
--- a/web/app/dashboard/ai-workflows/_components/workflow-editor.tsx
+++ b/web/app/dashboard/ai-workflows/_components/workflow-editor.tsx
@@ -314,7 +314,12 @@ export function WorkflowEditor({
       </ResizablePanel>
       <ResizableHandle withHandle />
       <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
             nodes={renderedNodes}
             edges={edges}
@@ -327,8 +332,6 @@ export function WorkflowEditor({
             onEdgesChange={onEdgesChange}
             onConnect={onConnect}
             onInit={setFlowInstance}
-            onDragOver={onCanvasDragOver}
-            onDrop={onCanvasDrop}
             onNodeClick={(_, node) => setSelectedNodeId(node.id)}
             fitView
             fitViewOptions={fitViewOptions}