From 30b13d68980211db5bb7c5d2c1a22a8d5e48c5bc Mon Sep 17 00:00:00 2001
From: Marko Djordjevic <marko.homoludens@gmail.com>
Date: Thu, 12 Feb 2026 14:09:01 +0100
Subject: [PATCH] feat: add cursor circle visual feedback during line drawing
 (Phase 2)

---
 LINE_DRAWING_IMPROVEMENTS.md  |  2 +-
 src/components/SvgOverlay.tsx | 17 +++++++++++++++++
 2 files changed, 18 insertions(+), 1 deletion(-)

diff --git a/LINE_DRAWING_IMPROVEMENTS.md b/LINE_DRAWING_IMPROVEMENTS.md
index 0736bcc..6375c55 100644
--- a/LINE_DRAWING_IMPROVEMENTS.md
+++ b/LINE_DRAWING_IMPROVEMENTS.md
@@ -78,7 +78,7 @@ stroke={annotation.color || '#3b82f6'}
 
 ---
 
-### Phase 2: Visual Feedback
+### Phase 2: Visual Feedback ✅ DONE
 
 #### 2.1 Cursor Circle During Drawing
 **File**: `src/components/SvgOverlay.tsx`
diff --git a/src/components/SvgOverlay.tsx b/src/components/SvgOverlay.tsx
index ee0002c..7e85935 100644
--- a/src/components/SvgOverlay.tsx
+++ b/src/components/SvgOverlay.tsx
@@ -334,6 +334,22 @@ export default function SvgOverlay({
     );
   };
 
+  // Render cursor circle during line drawing
+  const renderCursorCircle = () => {
+    if (!drawingLine || !mousePosition) return null;
+
+    return (
+      <circle
+        cx={mousePosition.x}
+        cy={mousePosition.y}
+        r={5}
+        fill="transparent"
+        stroke={selectedColor}
+        strokeWidth={2}
+      />
+    );
+  };
+
   if (!chart || !series) return null;
 
   return (
@@ -354,6 +370,7 @@ export default function SvgOverlay({
     >
       {renderLines()}
       {renderPreviewLine()}
+      {renderCursorCircle()}
     </svg>
   );
 }