fix(cine): disable segment group actions

Author: PaulHax

src/components/SegmentGroupControls.vue

@@ -16,12 +16,14 @@ import { usePaintToolStore } from '@/src/store/tools/paint';
 import { Maybe } from '@/src/types';
 import { reactive, ref, computed, watch, toRaw } from 'vue';
 import { useMultiSelection } from '@/src/composables/useMultiSelection';
+import { isCineImage } from '@/src/core/cine/isCineImage';
 
 const UNNAMED_GROUP_NAME = 'Unnamed Segment Group';
 
 const segmentGroupStore = useSegmentGroupStore();
 const { currentImageID } = useCurrentImage();
 const dataStore = useDatasetStore();
+const isCurrentImageCine = computed(() => isCineImage(currentImageID.value));
 
 const currentSegmentGroups = computed(() => {
   if (!currentImageID.value) return [];
@@ -117,6 +119,7 @@ function stopEditing(commit: boolean) {
 function createSegmentGroup() {
   if (!currentImageID.value)
     throw new Error('Cannot create a labelmap without a base image');
+  if (isCurrentImageCine.value) return;
 
   const id = segmentGroupStore.newLabelmapFromImage(currentImageID.value);
   if (!id) throw new Error('Could not create a new labelmap');
@@ -152,6 +155,7 @@ function createSegmentGroupFromImage(selection: DataSelection) {
   if (!primarySelection) {
     throw new Error('No primary selection');
   }
+  if (isCurrentImageCine.value) return;
   segmentGroupStore.convertImageToLabelmap(selection, primarySelection);
 }
 
@@ -228,6 +232,7 @@ function deleteSelected() {
         variant="tonal"
         color="secondary"
         density="compact"
+        :disabled="isCurrentImageCine"
         @click.stop="createSegmentGroup"
       >
         <v-icon class="mr-1">mdi-plus</v-icon> New Group
@@ -238,6 +243,7 @@ function deleteSelected() {
             variant="tonal"
             color="secondary"
             density="compact"
+            :disabled="isCurrentImageCine"
             v-bind="props"
           >
             <v-icon class="mr-1">mdi-chevron-down</v-icon>From Image

src/components/tools/polygon/PolygonTool.vue

@@ -19,7 +19,7 @@
       :tool-store="activeToolStore"
       v-slot="{ context }"
     >
-      <v-list-item @click.stop>
+      <v-list-item v-if="!isCurrentImageCine" @click.stop>
         <template #prepend>
           <v-icon>mdi-grid</v-icon>
         </template>
@@ -119,6 +119,7 @@ import { usePaintToolStore } from '@/src/store/tools/paint';
 import { useSegmentGroupStore } from '@/src/store/segmentGroups';
 import ColorDot from '@/src/components/ColorDot.vue';
 import { SegmentMask } from '@/src/types/segment';
+import { isCineImage } from '@/src/core/cine/isCineImage';
 
 const useActiveToolStore = usePolygonStore;
 const toolType = Tools.Polygon;
@@ -271,7 +272,9 @@ export default defineComponent({
 
     const segmentGroupStore = useSegmentGroupStore();
     const paintStore = usePaintToolStore();
+    const isCurrentImageCine = computed(() => isCineImage(imageId.value));
     const currentSegmentGroup = computed(() => {
+      if (isCurrentImageCine.value) return null;
       if (!imageId.value) return null;
       const groups = segmentGroupStore.orderByParent[imageId.value];
       if (!groups?.length) return null;
@@ -282,6 +285,9 @@ export default defineComponent({
       if (!imageId.value) {
         throw new Error('No image ID available for rasterization');
       }
+      if (isCurrentImageCine.value) {
+        throw new Error('Rasterization is not supported for cine images');
+      }
 
       const groups = segmentGroupStore.orderByParent[imageId.value];
       if (!groups?.length) {
@@ -346,6 +352,7 @@ export default defineComponent({
       overlayInfo,
       rasterize,
       currentSegmentGroup,
+      isCurrentImageCine,
     };
   },
 });