feat(polygons): make merge key configurable

src/components/tools/polygon/PolygonTool.vue

@@ -54,6 +54,7 @@ import {
 import AnnotationContextMenu from '@/src/components/tools/AnnotationContextMenu.vue';
 import AnnotationInfo from '@/src/components/tools/AnnotationInfo.vue';
 import { useFrameOfReference } from '@/src/composables/useFrameOfReference';
+import { actionToKey } from '@/src/composables/useKeyboardShortcuts';
 import { Maybe } from '@/src/types';
 import { useSliceInfo } from '@/src/composables/useSliceInfo';
 import { useMagicKeys, watchImmediate } from '@vueuse/core';
@@ -126,7 +127,9 @@ export default defineComponent({
       placingTool.remove();
     });
 
-    const { v: mergeKey } = useMagicKeys();
+    const keys = useMagicKeys();
+    const mergeKey = computed(() => keys[actionToKey.value.mergeNewPolygon]);
+
     const onToolPlaced = () => {
       if (imageId.value) {
         const newToolId = placingTool.id.value;

src/composables/actions.ts

@@ -51,5 +51,7 @@ export const ACTION_TO_FUNC = {
   decrementLabel: applyLabelOffset(-1),
   incrementLabel: applyLabelOffset(1),
 
+  mergeNewPolygon: () => {}, // no-op
+
   showKeyboardShortcuts,
 } as const satisfies Record<Action, () => void>;

src/config.ts

@@ -296,6 +296,7 @@ export const ACTION_TO_KEY = {
   crosshairs: 'c',
   crop: 'b',
   polygon: 'g',
+  mergeNewPolygon: 'g',
   select: 's',
 
   decrementLabel: 'q',

src/constants.ts

@@ -60,6 +60,10 @@ export const ACTIONS = {
     readable: 'Activate next Label',
   },
 
+  mergeNewPolygon: {
+    readable: 'Hold down to merge new polygon with overlapping polygons',
+  },
+
   showKeyboardShortcuts: {
     readable: 'Show keyboard shortcuts dialog',
   },