Iterate UI for AI job modal

CHANGELOG.unreleased.md

@@ -17,6 +17,7 @@ For upgrade instructions, please check the [migration guide](MIGRATIONS.released
 
 ### Changed
 - Updated backend code to Scala 2.13, with upgraded Dependencies for optimized performance. [#7327](https://github.com/scalableminds/webknossos/pull/7327)
+- Improved user interface to start automatic AI analysis. [#7368](https://github.com/scalableminds/webknossos/pull/7368)
 
 ### Fixed
 - Fixed that segment statistics were requested in the wrong resolution and without properly considering the dataset scale. [#7355](https://github.com/scalableminds/webknossos/pull/7355)

frontend/javascripts/oxalis/default_state.ts

@@ -229,8 +229,7 @@ const defaultState: OxalisState = {
     showVersionRestore: false,
     showDownloadModal: false,
     showPythonClientModal: false,
-    showAINucleiSegmentationModal: false,
-    showAINeuronSegmentationModal: false,
+    aIJobModalState: "invisible",
     showShareModal: false,
     storedLayouts: {},
     isImportingMesh: false,

frontend/javascripts/oxalis/model/actions/ui_actions.ts

@@ -1,5 +1,6 @@
 import type { AnnotationTool } from "oxalis/constants";
 import type { OxalisState, BorderOpenStatus, Theme } from "oxalis/store";
+import { StartAIJobModalState } from "oxalis/view/action-bar/starting_job_modals";
 
 type SetDropzoneModalVisibilityAction = ReturnType<typeof setDropzoneModalVisibilityAction>;
 type SetVersionRestoreVisibilityAction = ReturnType<typeof setVersionRestoreVisibilityAction>;
@@ -15,12 +16,7 @@ type SetDownloadModalVisibilityAction = ReturnType<typeof setDownloadModalVisibi
 type SetShareModalVisibilityAction = ReturnType<typeof setShareModalVisibilityAction>;
 type SetBusyBlockingInfoAction = ReturnType<typeof setBusyBlockingInfoAction>;
 type SetPythonClientModalVisibilityAction = ReturnType<typeof setPythonClientModalVisibilityAction>;
-type SetAINucleiSegmentationModalVisibilityAction = ReturnType<
-  typeof setAINucleiSegmentationModalVisibilityAction
->;
-type SetAINeuronSegmentationModalVisibilityAction = ReturnType<
-  typeof setAINeuronSegmentationModalVisibilityAction
->;
+type SetAIJobModalStateAction = ReturnType<typeof setAIJobModalStateAction>;
 export type EnterAction = ReturnType<typeof enterAction>;
 export type EscapeAction = ReturnType<typeof escapeAction>;
 export type SetQuickSelectStateAction = ReturnType<typeof setQuickSelectStateAction>;
@@ -40,8 +36,7 @@ export type UiAction =
   | SetDownloadModalVisibilityAction
   | SetPythonClientModalVisibilityAction
   | SetShareModalVisibilityAction
-  | SetAINucleiSegmentationModalVisibilityAction
-  | SetAINeuronSegmentationModalVisibilityAction
+  | SetAIJobModalStateAction
   | SetBusyBlockingInfoAction
   | EnterAction
   | EscapeAction
@@ -108,15 +103,10 @@ export const setShareModalVisibilityAction = (visible: boolean) =>
     type: "SET_SHARE_MODAL_VISIBILITY",
     visible,
   } as const);
-export const setAINucleiSegmentationModalVisibilityAction = (visible: boolean) =>
+export const setAIJobModalStateAction = (state: StartAIJobModalState) =>
   ({
-    type: "SET_AI_NUCLEI_SEGMENTATION_MODAL_VISIBILITY",
-    visible,
-  } as const);
-export const setAINeuronSegmentationModalVisibilityAction = (visible: boolean) =>
-  ({
-    type: "SET_AI_NEURON_SEGMENTATION_MODAL_VISIBILITY",
-    visible,
+    type: "SET_AI_JOB_MODAL_STATE",
+    state,
   } as const);
 export const setBusyBlockingInfoAction = (isBusy: boolean, reason?: string) =>
   ({

frontend/javascripts/oxalis/model/reducers/ui_reducer.ts

@@ -96,15 +96,9 @@ function UiReducer(state: OxalisState, action: Action): OxalisState {
       });
     }
 
-    case "SET_AI_NUCLEI_SEGMENTATION_MODAL_VISIBILITY": {
+    case "SET_AI_JOB_MODAL_STATE": {
       return updateKey(state, "uiInformation", {
-        showAINucleiSegmentationModal: action.visible,
-      });
-    }
-
-    case "SET_AI_NEURON_SEGMENTATION_MODAL_VISIBILITY": {
-      return updateKey(state, "uiInformation", {
-        showAINeuronSegmentationModal: action.visible,
+        aIJobModalState: action.state,
       });
     }
 

frontend/javascripts/oxalis/store.ts

@@ -70,6 +70,7 @@ import reduceReducers from "oxalis/model/helpers/reduce_reducers";
 import ConnectomeReducer from "oxalis/model/reducers/connectome_reducer";
 import { SaveQueueType } from "./model/actions/save_actions";
 import OrganizationReducer from "./model/reducers/organization_reducer";
+import { StartAIJobModalState } from "./view/action-bar/starting_job_modals";
 
 export type MutableCommentType = {
   content: string;
@@ -511,8 +512,7 @@ type UiInformation = {
   readonly showDownloadModal: boolean;
   readonly showPythonClientModal: boolean;
   readonly showShareModal: boolean;
-  readonly showAINucleiSegmentationModal: boolean;
-  readonly showAINeuronSegmentationModal: boolean;
+  readonly aIJobModalState: StartAIJobModalState;
   readonly activeTool: AnnotationTool;
   readonly storedLayouts: Record<string, any>;
   readonly isImportingMesh: boolean;

frontend/javascripts/oxalis/view/action-bar/download_modal_view.tsx

@@ -20,7 +20,7 @@ import {
   BoundingBoxSelection,
   getReadableNameOfVolumeLayer,
   MagSlider,
-} from "oxalis/view/right-border-tabs/starting_job_modals";
+} from "oxalis/view/action-bar/starting_job_modals";
 import { getUserBoundingBoxesFromState } from "oxalis/model/accessors/tracing_accessor";
 import {
   getVolumeTracingById,