Release 2026.3.1

VERSION

@@ -1 +1 @@
-2026.3.0
+2026.3.1

app/app.component.ts

@@ -18,6 +18,7 @@ import {Title} from "@angular/platform-browser";
 import {KeyboardService} from "./shared/keyboard.service";
 import {AppConfigService} from "./shared/app-config.service";
 import {StyleService} from "./styledata/style.service";
+import {DiagnosticsFacadeService} from "./diagnostics/diagnostics.facade.service";
 
 // Redeclare window with extended interface
 declare let window: DebugWindow;
@@ -54,18 +55,6 @@ declare let window: DebugWindow;
         <about-dialog></about-dialog>
         <router-outlet></router-outlet>
     `,
-    styles: [`
-        .dialog-content {
-            margin-bottom: 0.5em;
-        }
-
-        @media only screen and (max-width: 56em) {
-            .elevated {
-                bottom: 3.5em;
-                padding-bottom: 0;
-            }
-        }
-    `],
     standalone: false
 })
 /**
@@ -97,6 +86,7 @@ export class AppComponent implements OnDestroy {
                 private infoMessageService: InfoMessageService,
                 private dialogStack: DialogStackService,
                 private configService: AppConfigService,
+                private diagnostics: DiagnosticsFacadeService,
                 private titleService: Title) {
         // Register a default container for alert dialogs
         this.infoMessageService.registerDefaultContainer(this.viewContainerRef);
@@ -255,7 +245,7 @@ export class AppComponent implements OnDestroy {
 
     /** Opens the diagnostics performance dialog from the global keyboard shortcut. */
     private openStatistics() {
-        this.stateService.openDialog(this.diagnosticsPerformanceDialogLayoutId);
+        this.diagnostics.openPerformanceDialog();
     }
 
     protected readonly environment = environment;

app/app.dockable.layout.component.ts

@@ -1,14 +1,16 @@
-import {Component, DoCheck, ElementRef, OnDestroy, Renderer2, ViewChild} from '@angular/core';
+import {ChangeDetectorRef, Component, DoCheck, ElementRef, OnDestroy, Renderer2, ViewChild} from '@angular/core';
 import {environment} from "./environments/environment";
 import {AppStateService, INSPECTION_DOCK_TAB_ID, SEARCH_DOCK_TAB_ID} from "./shared/appstate.service";
 import {FeatureSearchService, FeatureSearchSession} from "./search/feature.search.service";
 import {DockedPanelDragController, DockedPanelDragOffset} from "./shared/docked-panel-drag.controller";
+import {Subscription} from "rxjs";
+import {MAP_VIEW_LAYOUT_RESIZE_PREPARE_EVENT} from "./mapview/render-view.model";
 
 @Component({
     selector: 'dockable-layout',
     template: `
         <div class="main-layout">
-            <div class="viewer-layout" [ngClass]="{'open': !stateService.isDockOpen, 'collapsed': stateService.isDockOpen}">
+            <div #viewerLayout class="viewer-layout" [ngClass]="{'open': !stateService.isDockOpen, 'collapsed': stateService.isDockOpen}">
                 <mapview-container></mapview-container>
                 @if (!environment.visualizationOnly) {
                     <main-bar></main-bar>
@@ -102,7 +104,6 @@ import {DockedPanelDragController, DockedPanelDragOffset} from "./shared/docked-
             }
         </div>
     `,
-    styles: [``],
     standalone: false
 })
 /**
@@ -116,6 +117,7 @@ export class DockableLayoutComponent implements DoCheck, OnDestroy {
     private static readonly DOCK_RESIZE_PAUSE_END_EVENT = "erdblick-dock-resize-end";
 
     @ViewChild('dock') private dockRef?: ElementRef<HTMLDivElement>;
+    @ViewChild('viewerLayout') private viewerLayoutRef?: ElementRef<HTMLDivElement>;
     private detachMove?: () => void;
     private detachUp?: () => void;
     private detachCancel?: () => void;
@@ -124,15 +126,43 @@ export class DockableLayoutComponent implements DoCheck, OnDestroy {
     private dockPauseEndRafFirst?: number;
     private dockPauseEndRafSecond?: number;
     private dockResizePauseActive = false;
+    private dockOpenSubscription: Subscription;
+    private observedDockOpen: boolean;
     protected readonly searchDockDrag: DockedPanelDragController<string>;
 
     constructor(public stateService: AppStateService,
                 private renderer: Renderer2,
-                private featureSearchService: FeatureSearchService) {
+                private featureSearchService: FeatureSearchService,
+                private cdr: ChangeDetectorRef) {
+        this.observedDockOpen = this.stateService.isDockOpen;
+        this.dockOpenSubscription = this.stateService.dockOpenState.subscribe(nextDockOpen => {
+            if (nextDockOpen === this.observedDockOpen) {
+                return;
+            }
+            this.observedDockOpen = nextDockOpen;
+            const viewerLayout = this.viewerLayoutRef?.nativeElement;
+            if (!viewerLayout) {
+                return;
+            }
+
+            this.dispatchDockResizePauseStart();
+            const viewerWidth = viewerLayout.getBoundingClientRect().width;
+            this.cdr.detectChanges();
+            const targetViewerWidth = viewerLayout.getBoundingClientRect().width;
+
+            if (!Number.isFinite(viewerWidth) || !Number.isFinite(targetViewerWidth) || viewerWidth <= 0
+                || Math.abs(targetViewerWidth - viewerWidth) < 0.5) {
+                this.scheduleDockResizePauseEnd();
+                return;
+            }
+
+            window.dispatchEvent(new Event(MAP_VIEW_LAYOUT_RESIZE_PREPARE_EVENT));
+            this.scheduleDockResizePauseEnd();
+        });
         this.searchDockDrag = new DockedPanelDragController<string>({
             renderer: this.renderer,
             baseFontSize: () => this.stateService.baseFontSize,
-            container: () => this.searchDockContainer(),
+            container: () => this.dockRef?.nativeElement.querySelector('.feature-search-dock-container') ?? null,
             itemSelector: 'feature-search',
             readId: element => element.dataset['surfaceId'],
             previewClass: 'app-dock-drag-preview',
@@ -150,11 +180,9 @@ export class DockableLayoutComponent implements DoCheck, OnDestroy {
     protected readonly inspectionDockTabId = INSPECTION_DOCK_TAB_ID;
     protected readonly searchDockTabId = SEARCH_DOCK_TAB_ID;
 
-    /** Toggles dock visibility and emits resize-pause events around the transition. */
+    /** Toggles dock visibility; the dock-open subscription performs the resize preparation. */
     protected toggleDock() {
-        this.dispatchDockResizePauseStart();
         this.stateService.isDockOpen = !this.stateService.isDockOpen;
-        this.scheduleDockResizePauseEnd();
     }
 
     protected dockedInspectionCount(): number {
@@ -203,13 +231,17 @@ export class DockableLayoutComponent implements DoCheck, OnDestroy {
         this.detachMove?.();
         this.detachUp?.();
         this.detachCancel?.();
+        this.dockOpenSubscription.unsubscribe();
         this.searchDockDrag.destroy();
         this.clearScheduledDockResizePauseEnd();
         this.dispatchDockResizePauseEnd();
     }
 
     /** Closes the right-hand dock without changing any surface dock state. */
     protected closeDock() {
+        if (!this.stateService.isDockOpen) {
+            return;
+        }
         this.stateService.isDockOpen = false;
     }
 
@@ -230,10 +262,6 @@ export class DockableLayoutComponent implements DoCheck, OnDestroy {
         this.featureSearchService.setSessionDocked(searchId, false);
     }
 
-    private searchDockContainer(): HTMLElement | null {
-        return this.dockRef?.nativeElement.querySelector('.feature-search-dock-container') ?? null;
-    }
-
     /** Starts a manual dock resize interaction from the resize handle. */
     onResizeStart(ev: PointerEvent) {
         if (!this.stateService.isDockOpen || !this.dockRef) {