From 0ae5d27fc969185e83a4e7a375f9d29e60b5d229 Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Thu, 28 Aug 2025 01:20:51 +0000
Subject: [PATCH 1/2] Initial plan


From e83ac062a069f64a7d84698f52e92150129fd0a0 Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Thu, 28 Aug 2025 01:26:47 +0000
Subject: [PATCH 2/2] Fix React Flow node dragging - remove dragging
 restriction and enable real-time position updates

Co-authored-by: thitiph0n <42302705+thitiph0n@users.noreply.github.com>
---
 src/components/MainCanvas.tsx       | 6 +++---
 src/components/nodes/StructNode.tsx | 4 ++--
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/components/MainCanvas.tsx b/src/components/MainCanvas.tsx
index 9fb1570..679476c 100644
--- a/src/components/MainCanvas.tsx
+++ b/src/components/MainCanvas.tsx
@@ -25,7 +25,7 @@ export const MainCanvas: React.FC = () => {
       type: node.type,
       position: node.position,
       data: node.data,
-      dragHandle: '.drag-handle', // Optimize dragging performance
+      // Remove dragHandle restriction - allow dragging from anywhere on the node
     })), [state.flowConfig.nodes]);
   
   const reactFlowEdges: Edge[] = useMemo(() => 
@@ -58,8 +58,8 @@ export const MainCanvas: React.FC = () => {
   const handleNodesChange = useCallback((changes: NodeChange[]) => {
     // Handle different types of node changes
     changes.forEach(change => {
-      if (change.type === 'position' && change.position && change.dragging === false) {
-        // Only update app state when dragging stops to reduce re-renders
+      if (change.type === 'position' && change.position) {
+        // Update position during dragging for smooth interaction
         const node = state.flowConfig.nodes.find(n => n.id === change.id);
         if (node) {
           const updatedNode = {
diff --git a/src/components/nodes/StructNode.tsx b/src/components/nodes/StructNode.tsx
index 2254e7e..50bfe7e 100644
--- a/src/components/nodes/StructNode.tsx
+++ b/src/components/nodes/StructNode.tsx
@@ -30,7 +30,7 @@ export const StructNode: React.FC<StructNodeProps> = ({ data, selected }) => {
   }
 
   return (
-    <Card className={`w-64 shadow-lg ${selected ? 'ring-2 ring-primary' : ''}`}>
+    <Card className={`w-64 shadow-lg cursor-move ${selected ? 'ring-2 ring-primary' : ''}`}>
       {/* Node handles for connections */}
       <Handle
         type="target"
@@ -47,7 +47,7 @@ export const StructNode: React.FC<StructNodeProps> = ({ data, selected }) => {
       
       <CardHeader className="p-4 pb-2">
         {/* Header with drag handle */}
-        <div className="flex items-center justify-between drag-handle cursor-move">
+        <div className="flex items-center justify-between drag-handle">
           <CardTitle className="text-base">{struct.name}</CardTitle>
           <div className="flex gap-1">
             {struct.isValid ? (