fix: polygon nested interaction issues

- Prevent hover handles on existing polygons while placing new one
- Allow right-click to remove points when placing inside other annotations
- Clear stale activeState on all widgets when placing polygon loses focus
- Add hasFocus check to RulerWidget (used by RectangleWidget)

Author: PaulHax

src/components/tools/AnnotationInfo.vue

@@ -4,9 +4,8 @@ import { useElementSize } from '@vueuse/core';
 import { AnnotationToolStore } from '@/src/store/tools/useAnnotationTool';
 import { OverlayInfo } from '@/src/composables/annotationTool';
 
-// These seem to work ¯\_(ツ)_/¯
 const TOOLTIP_PADDING_X = 30;
-const TOOLTIP_PADDING_Y = 10;
+const TOOLTIP_PADDING_Y = 16;
 
 const props = defineProps<{
   info: OverlayInfo;
@@ -78,6 +77,7 @@ const offset = computed(() => {
   background: rgba(255, 255, 255, 0.9) !important;
   padding-left: 0;
   padding-right: 0;
+  pointer-events: none;
 }
 
 .tooltip-text {

src/vtk/PolygonWidget/behavior.ts

@@ -480,6 +480,11 @@ export default function widgetBehavior(publicAPI: any, model: any) {
     model.hasFocus = false;
     if (hadFocus) {
       model._widgetManager.releaseFocus();
+      // Deactivate all widgets so stale activeStates don't persist
+      // (user may right-click again without moving mouse)
+      model._widgetManager
+        .getWidgets()
+        .forEach((w: any) => w.deactivateAllHandles());
     }
     model._widgetManager.enablePicking();
   };

src/vtk/RulerWidget/behavior.ts

@@ -185,8 +185,11 @@ export default function widgetBehavior(publicAPI: any, model: any) {
     }
 
     // Don't emit hover events if another widget has focus (e.g., is placing)
-    const activeWidget = model._widgetManager.getActiveWidget();
-    if (activeWidget && activeWidget !== publicAPI) {
+    const widgets = model._widgetManager.getWidgets();
+    const anotherWidgetHasFocus = widgets.some(
+      (w: any) => w !== publicAPI && w.hasFocus()
+    );
+    if (anotherWidgetHasFocus) {
       publicAPI.invokeHoverEvent({
         ...eventData,
         hovering: false,
@@ -232,8 +235,11 @@ export default function widgetBehavior(publicAPI: any, model: any) {
     }
 
     // If another widget has focus (e.g., is placing), don't show context menu
-    const activeWidget = model._widgetManager.getActiveWidget();
-    if (activeWidget && activeWidget !== publicAPI) {
+    const widgets = model._widgetManager.getWidgets();
+    const anotherWidgetHasFocus = widgets.some(
+      (w: any) => w !== publicAPI && w.hasFocus()
+    );
+    if (anotherWidgetHasFocus) {
       return macro.VOID;
     }