Iterate UI for AI job modal

CHANGELOG.unreleased.md

@@ -24,6 +24,7 @@ For upgrade instructions, please check the [migration guide](MIGRATIONS.released
 - Updated backend code to Scala 2.13, with upgraded Dependencies for optimized performance. [#7327](https://github.com/scalableminds/webknossos/pull/7327)
 - Remote datasets with a datasource-properties.json can now also be imported without the need for OME metadata. [#7372](https://github.com/scalableminds/webknossos/pull/7372)
 - Occurrences of isosurface were renamed to ad-hoc mesh. This also applies to configuration files. [#7350](https://github.com/scalableminds/webknossos/pull/7350)
+- Improved user interface to start automatic AI analysis. [#7368](https://github.com/scalableminds/webknossos/pull/7368)
 
 ### Fixed
 - Fixed that some segment (group) actions were not properly disabled for non-editable segmentation layers. [#7207](https://github.com/scalableminds/webknossos/issues/7207)

docs/automated_analysis.md

@@ -11,19 +11,19 @@ We would love to integrate analysis solutions for more modalities and use cases.
     Automated analysis is only available on [webknossos.org](https://webknossos.org) at the moment. 
     If you want to set up on-premise automated analysis at your institute/workplace, then [please contact us](mailto:[email protected]). 
 
-## Nuclei Inferral
-As a first trial, WEBKNOSSOS includes nuclei segmentation. This analysis is designed to work with serial block-face electron microscopy (SBEM) data of neural tissue (brain/cortex) and will find and segment all nuclei within the dataset.
+## Neuron Segmentation
+As a first trial, WEBKNOSSOS includes neuron segmentation. This analysis is designed to work with serial block-face electron microscopy (SBEM) data of neural tissue (brain/cortex) and will segment all neurons within the dataset.
 
-You can launch the nuclei inferral from the `Menu` dropdown in the action bar at the top. Use the `Start AI analysis` link to start the analysis.
+You can launch the AI analysis modal using the button in the action bar at the top. Use the `Start AI neuron segmentation` button in the modal to start the analysis.
 
-![Nuclei segmentations can be launched from the action bar.](images/process_dataset.jpeg)
+![Neuron segmentations can be launched from the action bar.](images/process_dataset.jpg)
 
 Computation time for this analysis depends directly on the size of your dataset. 
 Expect a few hours for medium-sized volumetric EM datasets. 
 The finished analysis will be available as a new dataset from your dashboard. You can monitor the status and progress of the [analysis job from the `Processing Jobs` section of the `Administration` menu at the top of the screen](./jobs.md).
 
-![Starting a new nuclei segmentation.](images/nuclei_segmentation_start.jpeg)
-![Monitor the nuclei segmentation progress from the Jobs page.](images/nuclei_segmentation_job.jpeg)
+![Starting a new neuron segmentation.](images/neuron_segmentation_start.jpeg)
+![Monitor the segmentation progress from the Jobs page.](images/nuclei_segmentation_job.jpeg)
 
 ## Custom Analysis
 At the moment, WEBKNOSSOS can not be used to train a custom classifier itself. This might be something that we add in the future if there is enough interest in this.

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",
     showRenderAnimationModal: false,
     showShareModal: false,
     storedLayouts: {},

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

@@ -1,5 +1,6 @@
 import type { AnnotationTool, Vector3 } 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>;
@@ -47,8 +43,7 @@ export type UiAction =
   | SetDownloadModalVisibilityAction
   | SetPythonClientModalVisibilityAction
   | SetShareModalVisibilityAction
-  | SetAINucleiSegmentationModalVisibilityAction
-  | SetAINeuronSegmentationModalVisibilityAction
+  | SetAIJobModalStateAction
   | SetRenderAnimationModalVisibilityAction
   | SetBusyBlockingInfoAction
   | EnterAction
@@ -119,15 +114,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 setRenderAnimationModalVisibilityAction = (visible: boolean) =>
   ({

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 showRenderAnimationModal: boolean;
   readonly activeTool: AnnotationTool;
   readonly storedLayouts: Record<string, any>;

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

@@ -13,7 +13,6 @@ import {
   getLayerByName,
   is2dDataset,
 } from "oxalis/model/accessors/dataset_accessor";
-import { BoundingBoxSelection, LayerSelection } from "../right-border-tabs/starting_job_modals";
 import {
   computeBoundingBoxFromBoundingBoxObject,
   computeBoundingBoxObjectFromBoundingBox,
@@ -34,6 +33,7 @@ import {
 import { BoundingBoxType, Vector3 } from "oxalis/constants";
 import BoundingBox from "oxalis/model/bucket_data_handling/bounding_box";
 import { Model } from "oxalis/singletons";
+import { BoundingBoxSelection, LayerSelection } from "./starting_job_modals";
 
 type Props = {
   isOpen: boolean;

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

@@ -31,7 +31,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,