refactor(paintProcess): address PR review feedback

- Rename store from 'process' to 'paintProcess' to better reflect paint-oriented purpose
- Rename computeProcess function to startProcess for clarity
- Export sigma constants directly from module instead of through store
- Update all import statements to use @/src/store alias pattern

Author: PaulHax

src/components/GaussianSmoothParameterControls.vue

@@ -34,14 +34,18 @@
 
 <script setup lang="ts">
 import { computed } from 'vue';
+import {
+  useGaussianSmoothStore,
+  MIN_SIGMA,
+  MAX_SIGMA,
+} from '@/src/store/tools/gaussianSmooth';
+import { usePaintProcessStore } from '@/src/store/tools/paintProcess';
 import MiniExpansionPanel from './MiniExpansionPanel.vue';
-import { useGaussianSmoothStore } from '../store/tools/gaussianSmooth';
-import { useProcessStore } from '../store/tools/process';
 
 const gaussianSmoothStore = useGaussianSmoothStore();
-const processStore = useProcessStore();
+const processStore = usePaintProcessStore();
 
 const sigma = computed(() => gaussianSmoothStore.sigma);
 const isDisabled = computed(() => processStore.processStep === 'previewing');
-const { MIN_SIGMA, MAX_SIGMA, setSigma } = gaussianSmoothStore;
+const { setSigma } = gaussianSmoothStore;
 </script>

src/components/ProcessControls.vue

@@ -16,15 +16,18 @@
 
 <script setup lang="ts">
 import { computed } from 'vue';
-import { ProcessType, useProcessStore } from '../store/tools/process';
+import {
+  ProcessType,
+  usePaintProcessStore,
+} from '@/src/store/tools/paintProcess';
 import ProcessTypeSelector from './ProcessTypeSelector.vue';
 import ProcessWorkflow from './ProcessWorkflow.vue';
 import FillBetweenParameterControls from './FillBetweenParameterControls.vue';
 import GaussianSmoothParameterControls from './GaussianSmoothParameterControls.vue';
 import { useFillBetweenStore } from '../store/tools/fillBetween';
 import { useGaussianSmoothStore } from '../store/tools/gaussianSmooth';
 
-const processStore = useProcessStore();
+const processStore = usePaintProcessStore();
 const fillBetweenStore = useFillBetweenStore();
 const gaussianSmoothStore = useGaussianSmoothStore();
 

src/components/ProcessTypeSelector.vue

@@ -42,9 +42,12 @@
 
 <script setup lang="ts">
 import { computed } from 'vue';
-import { ProcessType, useProcessStore } from '../store/tools/process';
+import {
+  ProcessType,
+  usePaintProcessStore,
+} from '@/src/store/tools/paintProcess';
 
-const processStore = useProcessStore();
+const processStore = usePaintProcessStore();
 
 const activeProcessType = computed({
   get: () => processStore.activeProcessType,

src/components/ProcessWorkflow.vue

@@ -47,16 +47,19 @@
 
 <script setup lang="ts">
 import { computed } from 'vue';
-import { useProcessStore, type ProcessAlgorithm } from '../store/tools/process';
-import { usePaintToolStore } from '../store/tools/paint';
+import {
+  usePaintProcessStore,
+  type ProcessAlgorithm,
+} from '@/src/store/tools/paintProcess';
+import { usePaintToolStore } from '@/src/store/tools/paint';
 
 interface Props {
   algorithm: ProcessAlgorithm;
 }
 
 const props = defineProps<Props>();
 
-const processStore = useProcessStore();
+const processStore = usePaintProcessStore();
 const paintStore = usePaintToolStore();
 
 const processStep = computed(() => processStore.processStep);
@@ -65,7 +68,7 @@ const showingOriginal = computed(() => processStore.showingOriginal);
 function startCompute() {
   const id = paintStore.activeSegmentGroupID;
   if (!id) return;
-  processStore.computeProcess(id, props.algorithm);
+  processStore.startProcess(id, props.algorithm);
 }
 
 function handleToggleChange(value: number | string) {

src/store/tools/gaussianSmooth.ts

@@ -4,9 +4,9 @@ import * as Comlink from 'comlink';
 import vtkLabelMap from '@/src/vtk/LabelMap';
 import { gaussianSmoothLabelMapWorker } from '@/src/core/tools/paint/gaussianSmooth.worker';
 
-const DEFAULT_SIGMA = 1.0;
-const MIN_SIGMA = 0.1;
-const MAX_SIGMA = 5.0;
+export const DEFAULT_SIGMA = 1.0;
+export const MIN_SIGMA = 0.1;
+export const MAX_SIGMA = 5.0;
 
 // Worker management
 type WorkerApi = {
@@ -74,9 +74,5 @@ export const useGaussianSmoothStore = defineStore('gaussianSmooth', () => {
     sigma,
     setSigma,
     computeAlgorithm,
-    // Expose constants for UI
-    MIN_SIGMA,
-    MAX_SIGMA,
-    DEFAULT_SIGMA,
   };
 });

src/store/tools/process.ts src/store/tools/paintProcess.tssrc/store/tools/process.ts renamed to src/store/tools/paintProcess.ts

@@ -41,7 +41,7 @@ export type ProcessAlgorithm = (
   activeSegment: number
 ) => Promise<TypedArray | number[]>;
 
-export const useProcessStore = defineStore('process', () => {
+export const usePaintProcessStore = defineStore('paintProcess', () => {
   const processState = ref<ProcessState>({ step: 'start' });
   const activeProcessType = ref<ProcessType>(ProcessType.FillBetween);
 
@@ -89,31 +89,26 @@ export const useProcessStore = defineStore('process', () => {
     activeProcessType.value = processType;
   }
 
-  async function computeProcess(groupId: string, algorithm: ProcessAlgorithm) {
+  async function startProcess(groupId: string, algorithm: ProcessAlgorithm) {
+    if (!paintStore.activeSegment) {
+      messageStore.addError('No active segment selected');
+      return;
+    }
+
     const segImage = segmentGroupStore.dataIndex[groupId];
-    const state = processState.value;
 
-    const originalScalars =
-      state.step === 'previewing'
-        ? state.originalScalars
-        : segImage.getPointData().getScalars().getData().slice();
-
-    if (state.step === 'previewing') {
-      rollbackPreview(segImage, state.originalScalars);
-    }
+    const originalScalars = segImage
+      .getPointData()
+      .getScalars()
+      .getData()
+      .slice();
 
     processState.value = {
       step: 'computing',
       activeParentImageID: segmentGroupStore.metadataByID[groupId].parentImage,
       processType: activeProcessType.value,
     };
 
-    if (!paintStore.activeSegment) {
-      messageStore.addError('No active segment selected');
-      resetState();
-      return;
-    }
-
     try {
       const outputScalars = await algorithm(segImage, paintStore.activeSegment);
 
@@ -158,11 +153,9 @@ export const useProcessStore = defineStore('process', () => {
         ? state.originalScalars
         : state.processedScalars;
 
-      // Update the image display
       state.segImage.getPointData().getScalars().setData(scalarsToShow);
       state.segImage.modified();
 
-      // Update the state
       processState.value = {
         ...state,
         showingOriginal: newShowingOriginal,
@@ -200,7 +193,7 @@ export const useProcessStore = defineStore('process', () => {
     activeProcessType,
     showingOriginal,
     setActiveProcessType,
-    computeProcess,
+    startProcess,
     confirmProcess,
     cancelProcess,
     togglePreview,