From e0ad97b003fd8cb4d950c03e5488a5accf6a37d0 Mon Sep 17 00:00:00 2001
From: release-bot <release-bot@ci>
Date: Mon, 9 Feb 2026 00:21:58 +0100
Subject: [PATCH] feat(ui): highlight circle on hover on InputShape

---
 packages/ui/src/lib/inputs/InputShape.svelte | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/packages/ui/src/lib/inputs/InputShape.svelte b/packages/ui/src/lib/inputs/InputShape.svelte
index e07f002..92bce08 100644
--- a/packages/ui/src/lib/inputs/InputShape.svelte
+++ b/packages/ui/src/lib/inputs/InputShape.svelte
@@ -177,8 +177,8 @@
       ev.preventDefault();
       ev.stopImmediatePropagation();
       const index = parseInt(indexText);
-      points.splice(index * 2, 2);
       draggingIndex = undefined;
+      points.splice(index * 2, 2);
     }
   }
 </script>
@@ -199,7 +199,7 @@
     aria-label="Interactive 2D Shape Editor"
     onmousedown={handleMouseDown}
   >
-    <path d={pathD} style:fill="var(--color-layer-3)" style:opacity={0.5} />
+    <path d={pathD} style:fill="var(--color-layer-3)" style:opacity={0.3} />
     <path d={pathD} fill="none" stroke="var(--color-layer-2)" />
     {#if mirror}
       {#each groupedPoints as p, i (i)}
@@ -242,5 +242,11 @@
   circle {
     fill: var(--color-layer-2);
     cursor: pointer;
+    stroke: transparent;
+    transition: stroke 0.2s ease;
+    stroke-width: 0.5px;
+  }
+  circle:hover {
+    stroke: var(--color-layer-3);
   }
 </style>