From 4c7a28971453c79e6d846696c93a05da6516ad49 Mon Sep 17 00:00:00 2001
From: Gustavo Henrique Santos Souza de Miranda <gustavohssmiranda@gmail.com>
Date: Wed, 21 Jan 2026 17:21:27 -0300
Subject: [PATCH] feat: [US-029] - Select and delete edges

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
---
 src/app/editor/[projectId]/FlowchartEditor.tsx | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/src/app/editor/[projectId]/FlowchartEditor.tsx b/src/app/editor/[projectId]/FlowchartEditor.tsx
index 539b2ed..a37e8fc 100644
--- a/src/app/editor/[projectId]/FlowchartEditor.tsx
+++ b/src/app/editor/[projectId]/FlowchartEditor.tsx
@@ -161,6 +161,13 @@ function FlowchartEditorInner({ initialData }: FlowchartEditorProps) {
     // TODO: Implement in US-036
   }, [])
 
+  // Handle edge deletion via keyboard (Delete/Backspace)
+  const onEdgesDelete = useCallback((deletedEdges: Edge[]) => {
+    // Edges are already removed from state by onEdgesChange
+    // This callback can be used for additional logic like logging or dirty state
+    console.log('Deleted edges:', deletedEdges.map((e) => e.id))
+  }, [])
+
   return (
     <div className="flex h-full w-full flex-col">
       <Toolbar
@@ -178,6 +185,7 @@ function FlowchartEditorInner({ initialData }: FlowchartEditorProps) {
           nodeTypes={nodeTypes}
           onNodesChange={onNodesChange}
           onEdgesChange={onEdgesChange}
+          onEdgesDelete={onEdgesDelete}
           onConnect={onConnect}
           deleteKeyCode={['Delete', 'Backspace']}
           fitView