Fix infinite requests in alignment modal (#8978)

This PR avoids using new object identities in certain accessors. This
also fixes that the "Create Annotation" button was constantly rerendered
on mouse move.

### URL of deployed dev instance (used for testing):
- https://___.webknossos.xyz

### Steps to test:
- I applied this local diff:
```
diff --git i/frontend/javascripts/viewer/view/action_bar_view.tsx w/frontend/javascripts/viewer/view/action_bar_view.tsx
index 70c3e06..4406989a26 100644
--- i/frontend/javascripts/viewer/view/action_bar_view.tsx
+++ w/frontend/javascripts/viewer/view/action_bar_view.tsx
@@ -305,7 +305,7 @@ class ActionBarView extends React.PureComponent<Props, State> {
         key="ai-job-button"
         onClick={() => Store.dispatch(setAIJobModalStateAction(APIJobType.INFER_NEURONS))}
         style={{ marginLeft: 12, pointerEvents: "auto" }}
-        disabled={disabled}
+        // disabled={disabled}
         title={tooltipText}
         icon={<i className="fas fa-magic" />}
       >
@@ -370,9 +370,7 @@ class ActionBarView extends React.PureComponent<Props, State> {
           <DatasetPositionAndRotationView />
           <AdditionalCoordinatesInputView />
           <ModesView />
-          {getIsAIAnalysisEnabled() && isAdminOrDatasetManager
-            ? this.renderStartAIJobButton(shouldDisableAIJobButton, tooltip)
-            : null}
+          {this.renderStartAIJobButton(shouldDisableAIJobButton, tooltip)}
           {isViewMode ? this.renderStartTracingButton() : null}
           {constants.MODES_PLANE.indexOf(viewMode) > -1 ? <ToolbarView /> : null}
         </div>
```
and opened the AI modal (without no worker setup). prior to the PR, the
infinite requests to the credit cost calculation could be seen. with
this PR, it's fixed.

### Issues:
- fixes https://scm.slack.com/archives/C5AKLAV0B/p1759755474212069

------
(Please delete unneeded items, merge only when none are left open)
- [x] Added changelog entry (create a `$PR_NUMBER.md` file in
`unreleased_changes` or use `./tools/create-changelog-entry.py`)
- [ ] Added migration guide entry if applicable (edit the same file as
for the changelog)
- [ ] Updated [documentation](../blob/master/docs) if applicable
- [ ] Adapted [wk-libs python
client](https://github.com/scalableminds/webknossos-libs/tree/master/webknossos/webknossos/client)
if relevant API parts change
- [ ] Removed dev-only changes like prints and application.conf edits
- [ ] Considered [common edge
cases](../blob/master/.github/common_edge_cases.md)
- [ ] Needs datastore update after deployment

---------

Co-authored-by: MichaelBuessemeyer <[email protected]>

Author: philippotto

frontend/javascripts/viewer/model/accessors/dataset_accessor.ts

@@ -29,6 +29,7 @@ import type {
 import BoundingBox from "../bucket_data_handling/bounding_box";
 import { getSupportedValueRangeForElementClass } from "../bucket_data_handling/data_rendering_logic";
 import { MagInfo, convertToDenseMag } from "../helpers/mag_info";
+import { reuseInstanceOnEquality } from "./accessor_helpers";
 
 function _getMagInfo(magnifications: Array<Vector3>): MagInfo {
   return new MagInfo(magnifications);
@@ -456,7 +457,7 @@ export function hasVisibleUint64Segmentation(state: WebknossosState) {
   return segmentationLayer ? segmentationLayer.elementClass === "uint64" : false;
 }
 
-export function getVisibleSegmentationLayers(state: WebknossosState): Array<APISegmentationLayer> {
+function _getVisibleSegmentationLayers(state: WebknossosState): Array<APISegmentationLayer> {
   const { datasetConfiguration } = state;
   const { viewMode } = state.temporaryConfiguration;
   const segmentationLayers = getSegmentationLayers(state.dataset);
@@ -466,6 +467,8 @@ export function getVisibleSegmentationLayers(state: WebknossosState): Array<APIS
   return visibleSegmentationLayers;
 }
 
+export const getVisibleSegmentationLayers = reuseInstanceOnEquality(_getVisibleSegmentationLayers);
+
 export function getSegmentationLayerWithMappingSupport(
   state: WebknossosState,
 ): APISegmentationLayer | null | undefined {
@@ -501,7 +504,7 @@ export function getFirstSegmentationLayer(
 
   return null;
 }
-export function getSegmentationLayers(
+export function _getSegmentationLayers(
   dataset: APIMaybeUnimportedDataset,
 ): Array<APISegmentationLayer> {
   if (!dataset.isActive) {
@@ -513,6 +516,9 @@ export function getSegmentationLayers(
   ) as APISegmentationLayer[];
   return segmentationLayers;
 }
+
+export const getSegmentationLayers = memoizeOne(_getSegmentationLayers);
+
 export function hasSegmentation(dataset: APIDataset): boolean {
   return getSegmentationLayers(dataset).length > 0;
 }
@@ -530,10 +536,12 @@ export function doesSupportVolumeWithFallback(
 
   return true;
 }
-export function getColorLayers(dataset: APIDataset): Array<DataLayerType> {
+function _getColorLayers(dataset: APIDataset): Array<DataLayerType> {
   return dataset.dataSource.dataLayers.filter((dataLayer) => isColorLayer(dataset, dataLayer.name));
 }
-export function getEnabledLayers(
+export const getColorLayers = memoizeOne(_getColorLayers);
+
+function _getEnabledLayers(
   dataset: APIDataset,
   datasetConfiguration: DatasetConfiguration,
   options: {
@@ -553,13 +561,13 @@ export function getEnabledLayers(
   });
 }
 
-export function getEnabledColorLayers(
-  dataset: APIDataset,
-  datasetConfiguration: DatasetConfiguration,
-) {
+export const getEnabledLayers = memoizeOne(_getEnabledLayers);
+
+function _getEnabledColorLayers(dataset: APIDataset, datasetConfiguration: DatasetConfiguration) {
   const enabledLayers = getEnabledLayers(dataset, datasetConfiguration);
   return enabledLayers.filter((layer) => isColorLayer(dataset, layer.name));
 }
+export const getEnabledColorLayers = memoizeOne(_getEnabledColorLayers);
 
 export function getThumbnailURL(dataset: APIDataset): string {
   const layers = dataset.dataSource.dataLayers;

unreleased_changes/8978.md

@@ -0,0 +1,2 @@
+### Fixed
+- Fixed that WEBKNOSSOS sent too many requests when the alignment analysis dialog was open.