Fix layout persistence when switching between orthogonal, flight, and oblique mode

[daniel-wer]

On master, switching between the modes reliably leads to empty viewports, because the wrong layout is chosen (e.g. the orthogonal layout, although flight mode is active)

URL of deployed dev instance (used for testing):

• https://___.webknossos.xyz

Steps to test:

• Confirm that you can trigger the bug on master. Open a dataset and switch to flight mode, back to orthogonal and then back to flight mode. For me, the orthogonal layout is displayed then and the viewports are empty. Can only be fixed by resetting the layout .
  • This should no longer happen on this branch.
• Test other layout related functionality: Collapse left and right tabs, maximize viewports, reorder and resize tabs, reload the page.

---

(Please delete unneeded items, merge only when none are left open)

• [x] Updated changelog
• [x] Removed dev-only changes like prints and application.conf edits
• [x] Considered common edge cases

Summary by CodeRabbit

Release Notes

• New Features

  • Added metadata support for annotations on Trees and Segments.
  • Introduced a summary row in the time tracking overview.
  • Enhanced slider functionality for value changes and resets.
  • Expanded search functionality to include unnamed segments.
  • Support for remote OME-Zarr NGFF version 0.5 datasets.
  • Superusers can now delete workflow reports.

• Improvements

  • Admins can view and cancel all jobs, with job ownership displayed.
  • Dataset thumbnails now reflect selected mappings from view configurations.
  • Enhanced user feedback during page refreshes with structured loading messages.
  • Improved control flow for layout updates and border toggling.

• Bug Fixes

  • Resolved issues with dataset uploads and sharing tokens.
  • Fixed layout persistence bugs affecting viewport switching.

[coderabbitai[bot]]

Walkthrough

The pull request introduces several enhancements and fixes to the WEBKNOSSOS platform. Key features include the addition of metadata to annotations for Trees and Segments, improved slider functionality, and expanded search capabilities for unnamed segments. The changelog has been updated to reflect these changes, along with bug fixes related to dataset uploads and sharing tokens. Additionally, modifications have been made to the FlexLayoutWrapper and TracingLayoutView components to improve layout management and user experience during state updates.

Changes

File Path	Change Summary
CHANGELOG.unreleased.md	Updated to include new features, changes, and bug fixes related to annotations and layout.
frontend/javascripts/oxalis/view/layouting/flex_layout_wrapper.tsx	Modified rebuildLayout and onLayoutChange methods for improved state management. Updated toggleBorder method for clarity.
frontend/javascripts/oxalis/view/layouting/tracing_layout_view.tsx	Updated onLayoutChange for better state handling and improved user feedback during refresh. Added setControllerStatus method.

Possibly related PRs

• #8139: This PR is related as it includes the addition of metadata to annotations for Trees and Segments, which is a key feature mentioned in the main PR summary.
• #8164: This PR is relevant because it addresses the ability to delete bounding boxes independently of visible segmentation layers, which aligns with the bug fixes and enhancements noted in the main PR summary regarding bounding box functionality.

Suggested labels

frontend

Suggested reviewers

• normanrz

Poem

🐇 In the meadow where changes bloom,
New features sprout, dispelling gloom.
Annotations dance with metadata bright,
Layouts refresh, a joyous sight!
Bugs are chased away with glee,
Hopping forward, we’re wild and free! 🌼

---

Thank you for using CodeRabbit. We offer it for free to the OSS community and would appreciate your support in helping us grow. If you find it useful, would you consider giving us a shout-out on your favorite social media?

❤️ Share

- [X](https://twitter.com/intent/tweet?text=I%20just%20used%20%40coderabbitai%20for%20my%20code%20review%2C%20and%20it%27s%20fantastic%21%20It%27s%20free%20for%20OSS%20and%20offers%20a%20free%20trial%20for%20the%20proprietary%20code.%20Check%20it%20out%3A&url=https%3A//coderabbit.ai) - [Mastodon](https://mastodon.social/share?text=I%20just%20used%20%40coderabbitai%20for%20my%20code%20review%2C%20and%20it%27s%20fantastic%21%20It%27s%20free%20for%20OSS%20and%20offers%20a%20free%20trial%20for%20the%20proprietary%20code.%20Check%20it%20out%3A%20https%3A%2F%2Fcoderabbit.ai) - [Reddit](https://www.reddit.com/submit?title=Great%20tool%20for%20code%20review%20-%20CodeRabbit&text=I%20just%20used%20CodeRabbit%20for%20my%20code%20review%2C%20and%20it%27s%20fantastic%21%20It%27s%20free%20for%20OSS%20and%20offers%20a%20free%20trial%20for%20proprietary%20code.%20Check%20it%20out%3A%20https%3A//coderabbit.ai) - [LinkedIn](https://www.linkedin.com/sharing/share-offsite/?url=https%3A%2F%2Fcoderabbit.ai&mini=true&title=Great%20tool%20for%20code%20review%20-%20CodeRabbit&summary=I%20just%20used%20CodeRabbit%20for%20my%20code%20review%2C%20and%20it%27s%20fantastic%21%20It%27s%20free%20for%20OSS%20and%20offers%20a%20free%20trial%20for%20proprietary%20code)

🪧 Tips

### Chat There are 3 ways to chat with [CodeRabbit](https://coderabbit.ai): - Review comments: Directly reply to a review comment made by CodeRabbit. Example: - `I pushed a fix in commit , please review it.` - `Generate unit testing code for this file.` - `Open a follow-up GitHub issue for this discussion.` - Files and specific lines of code (under the "Files changed" tab): Tag `@coderabbitai` in a new review comment at the desired location with your query. Examples: - `@coderabbitai generate unit testing code for this file.` - `@coderabbitai modularize this function.` - PR comments: Tag `@coderabbitai` in a new PR comment to ask questions about the PR branch. For the best results, please provide a very specific query, as very limited context is provided in this mode. Examples: - `@coderabbitai gather interesting stats about this repository and render them as a table. Additionally, render a pie chart showing the language distribution in the codebase.` - `@coderabbitai read src/utils.ts and generate unit testing code.` - `@coderabbitai read the files in the src/scheduler package and generate a class diagram using mermaid and a README in the markdown format.` - `@coderabbitai help me debug CodeRabbit configuration file.` Note: Be mindful of the bot's finite context window. It's strongly recommended to break down tasks such as reading entire modules into smaller chunks. For a focused discussion, use review comments to chat about specific files and their changes, instead of using the PR comments. ### CodeRabbit Commands (Invoked using PR comments) - `@coderabbitai pause` to pause the reviews on a PR. - `@coderabbitai resume` to resume the paused reviews. - `@coderabbitai review` to trigger an incremental review. This is useful when automatic reviews are disabled for the repository. - `@coderabbitai full review` to do a full review from scratch and review all the files again. - `@coderabbitai summary` to regenerate the summary of the PR. - `@coderabbitai resolve` resolve all the CodeRabbit review comments. - `@coderabbitai configuration` to show the current CodeRabbit configuration for the repository. - `@coderabbitai help` to get help. ### Other keywords and placeholders - Add `@coderabbitai ignore` anywhere in the PR description to prevent this PR from being reviewed. - Add `@coderabbitai summary` to generate the high-level summary at a specific location in the PR description. - Add `@coderabbitai` anywhere in the PR title to generate the title automatically. ### CodeRabbit Configuration File (`.coderabbit.yaml`) - You can programmatically configure CodeRabbit by adding a `.coderabbit.yaml` file to the root of your repository. - Please see the [configuration documentation](https://docs.coderabbit.ai/guides/configure-coderabbit) for more information. - If your editor has YAML language server enabled, you can add the path at the top of this file to enable auto-completion and validation: `# yaml-language-server: $schema=https://coderabbit.ai/integrations/schema.v2.json` ### Documentation and Community - Visit our [Documentation](https://coderabbit.ai/docs) for detailed information on how to use CodeRabbit. - Join our [Discord Community](http://discord.gg/coderabbit) to get help, request features, and share feedback. - Follow us on [X/Twitter](https://twitter.com/coderabbitai) for updates and announcements.