feat(compass, preferences): implement zoom level persistence COMPASS-9905

packages/compass-preferences-model/src/preferences-schema.tsx

@@ -124,6 +124,7 @@ export type InternalUserPreferences = {
   // TODO: Remove this as part of COMPASS-8970.
   enableConnectInNewWindow: boolean;
   showEndOfLifeConnectionModal: boolean;
+  zoomLevel?: number;
 };
 
 // UserPreferences contains all preferences stored to disk.
@@ -459,6 +460,17 @@ export const storedUserPreferencesProps: Required<{
       ),
     type: 'boolean',
   },
+  /**
+   * Zoom level for restoring browser zoom state.
+   */
+  zoomLevel: {
+    ui: false,
+    cli: false,
+    global: false,
+    description: null,
+    validator: z.number().optional(),
+    type: 'number',
+  },
   /**
    * Enable/disable the AI services. This is currently set
    * in the atlas-service initialization where we make a request to the

packages/compass/src/app/application.tsx

@@ -367,27 +367,72 @@ class Application {
     const ZOOM_INCREMENT = 0.5;
     const ZOOM_MAX = 5;
     const ZOOM_MIN = -3;
+    const SAVE_DEBOUNCE_DELAY = 500; // 300ms delay for save operations
+
+    // Debounced save zoom level to preferences
+    let saveTimeout: NodeJS.Timeout | null = null;
+    const debouncedSaveZoomLevel = (zoomLevel: number) => {
+      if (saveTimeout) {
+        clearTimeout(saveTimeout);
+      }
+
+      saveTimeout = setTimeout(async () => {
+        try {
+          await defaultPreferencesInstance.savePreferences({
+            zoomLevel,
+          });
+        } catch {
+          // noop
+        }
+      }, SAVE_DEBOUNCE_DELAY);
+    };
+
+    // Restore saved zoom level
+    const restoreZoomLevel = () => {
+      try {
+        const preferences = defaultPreferencesInstance.getPreferences();
+        const savedZoomLevel = preferences.zoomLevel ?? ZOOM_DEFAULT;
+
+        // Use saved zoom level only if it's within valid range
+        const zoomLevel =
+          savedZoomLevel >= ZOOM_MIN && savedZoomLevel <= ZOOM_MAX
+            ? savedZoomLevel
+            : ZOOM_DEFAULT;
+
+        webFrame.setZoomLevel(zoomLevel);
+      } catch {
+        // noop
+      }
+    };
 
     const zoomReset = () => {
+      debouncedSaveZoomLevel(ZOOM_DEFAULT);
       return webFrame.setZoomLevel(ZOOM_DEFAULT);
     };
+
     const zoomIn = () => {
       const currentZoomLevel = webFrame.getZoomLevel();
       const newZoomLevel = Math.min(
         currentZoomLevel + ZOOM_INCREMENT,
         ZOOM_MAX
       );
+      debouncedSaveZoomLevel(newZoomLevel);
       return webFrame.setZoomLevel(newZoomLevel);
     };
+
     const zoomOut = () => {
       const currentZoomLevel = webFrame.getZoomLevel();
       const newZoomLevel = Math.max(
         currentZoomLevel - ZOOM_INCREMENT,
         ZOOM_MIN
       );
+      debouncedSaveZoomLevel(newZoomLevel);
       return webFrame.setZoomLevel(newZoomLevel);
     };
 
+    // Restore zoom level on startup
+    restoreZoomLevel();
+
     ipcRenderer?.on('window:zoom-reset', zoomReset);
     ipcRenderer?.on('window:zoom-in', zoomIn);
     ipcRenderer?.on('window:zoom-out', zoomOut);