Auto start with system

Fix syncing issues
2026-03-18 23:46:16 +01:00 · 2026-03-18 23:11:48 +01:00
20 changed files with 398 additions and 100 deletions
--- a/electron/app/auto-start.ts
+++ b/electron/app/auto-start.ts
@@ -0,0 +1,58 @@
+import { app } from 'electron';
+import AutoLaunch from 'auto-launch';
+import { readDesktopSettings } from '../desktop-settings';
+
+let autoLauncher: AutoLaunch | null = null;
+
+function resolveLaunchPath(): string {
+  // AppImage runs from a temporary mount; APPIMAGE points to the real file path.
+  const appImagePath = process.platform === 'linux'
+    ? String(process.env['APPIMAGE'] || '').trim()
+    : '';
+
+  return appImagePath || process.execPath;
+}
+
+function getAutoLauncher(): AutoLaunch | null {
+  if (!app.isPackaged) {
+    return null;
+  }
+
+  if (!autoLauncher) {
+    autoLauncher = new AutoLaunch({
+      name: app.getName(),
+      path: resolveLaunchPath()
+    });
+  }
+
+  return autoLauncher;
+}
+
+async function setAutoStartEnabled(enabled: boolean): Promise<void> {
+  const launcher = getAutoLauncher();
+
+  if (!launcher) {
+    return;
+  }
+
+  const currentlyEnabled = await launcher.isEnabled();
+
+  if (currentlyEnabled === enabled) {
+    return;
+  }
+
+  if (enabled) {
+    await launcher.enable();
+    return;
+  }
+
+  await launcher.disable();
+}
+
+export async function synchronizeAutoStartSetting(enabled = readDesktopSettings().autoStart): Promise<void> {
+  try {
+    await setAutoStartEnabled(enabled);
+  } catch {
+    // Auto-launch integration should never block app startup or settings saves.
+  }
+}
--- a/electron/app/lifecycle.ts
+++ b/electron/app/lifecycle.ts
@@ -1,6 +1,7 @@
 import { app, BrowserWindow } from 'electron';
 import { cleanupLinuxScreenShareAudioRouting } from '../audio/linux-screen-share-routing';
 import { initializeDesktopUpdater, shutdownDesktopUpdater } from '../update/desktop-updater';
+import { synchronizeAutoStartSetting } from './auto-start';
 import {
  initializeDatabase,
  destroyDatabase,
@@ -24,6 +25,7 @@ export function registerAppLifecycle(): void {
    setupCqrsHandlers();
    setupWindowControlHandlers();
    setupSystemHandlers();
+    await synchronizeAutoStartSetting();
    initializeDesktopUpdater();
    await createWindow();

--- a/electron/desktop-settings.ts
+++ b/electron/desktop-settings.ts
@@ -6,6 +6,7 @@ export type AutoUpdateMode = 'auto' | 'off' | 'version';

 export interface DesktopSettings {
  autoUpdateMode: AutoUpdateMode;
+  autoStart: boolean;
  hardwareAcceleration: boolean;
  manifestUrls: string[];
  preferredVersion: string | null;
@@ -19,6 +20,7 @@ export interface DesktopSettingsSnapshot extends DesktopSettings {

 const DEFAULT_DESKTOP_SETTINGS: DesktopSettings = {
  autoUpdateMode: 'auto',
+  autoStart: true,
  hardwareAcceleration: true,
  manifestUrls: [],
  preferredVersion: null,
@@ -81,6 +83,9 @@ export function readDesktopSettings(): DesktopSettings {

    return {
      autoUpdateMode: normalizeAutoUpdateMode(parsed.autoUpdateMode),
+      autoStart: typeof parsed.autoStart === 'boolean'
+        ? parsed.autoStart
+        : DEFAULT_DESKTOP_SETTINGS.autoStart,
      vaapiVideoEncode: typeof parsed.vaapiVideoEncode === 'boolean'
        ? parsed.vaapiVideoEncode
        : DEFAULT_DESKTOP_SETTINGS.vaapiVideoEncode,
@@ -102,6 +107,9 @@ export function updateDesktopSettings(patch: Partial<DesktopSettings>): DesktopS
  };
  const nextSettings: DesktopSettings = {
    autoUpdateMode: normalizeAutoUpdateMode(mergedSettings.autoUpdateMode),
+    autoStart: typeof mergedSettings.autoStart === 'boolean'
+      ? mergedSettings.autoStart
+      : DEFAULT_DESKTOP_SETTINGS.autoStart,
    hardwareAcceleration: typeof mergedSettings.hardwareAcceleration === 'boolean'
      ? mergedSettings.hardwareAcceleration
      : DEFAULT_DESKTOP_SETTINGS.hardwareAcceleration,
--- a/electron/ipc/system.ts
+++ b/electron/ipc/system.ts
@@ -31,6 +31,7 @@ import {
  type DesktopUpdateServerContext
 } from '../update/desktop-updater';
 import { consumePendingDeepLink } from '../app/deep-links';
+import { synchronizeAutoStartSetting } from '../app/auto-start';

 const DEFAULT_MIME_TYPE = 'application/octet-stream';
 const FILE_CLIPBOARD_FORMATS = [
@@ -329,6 +330,7 @@ export function setupSystemHandlers(): void {
  ipcMain.handle('set-desktop-settings', async (_event, patch: Partial<DesktopSettings>) => {
    const snapshot = updateDesktopSettings(patch);

+    await synchronizeAutoStartSetting(snapshot.autoStart);
    await handleDesktopSettingsChanged();
    return snapshot;
  });
--- a/electron/preload.ts
+++ b/electron/preload.ts
@@ -119,6 +119,7 @@ export interface ElectronAPI {
  consumePendingDeepLink: () => Promise<string | null>;
  getDesktopSettings: () => Promise<{
    autoUpdateMode: 'auto' | 'off' | 'version';
+    autoStart: boolean;
    hardwareAcceleration: boolean;
    manifestUrls: string[];
    preferredVersion: string | null;
@@ -132,12 +133,14 @@ export interface ElectronAPI {
  onAutoUpdateStateChanged: (listener: (state: DesktopUpdateState) => void) => () => void;
  setDesktopSettings: (patch: {
    autoUpdateMode?: 'auto' | 'off' | 'version';
+    autoStart?: boolean;
    hardwareAcceleration?: boolean;
    manifestUrls?: string[];
    preferredVersion?: string | null;
    vaapiVideoEncode?: boolean;
  }) => Promise<{
    autoUpdateMode: 'auto' | 'off' | 'version';
+    autoStart: boolean;
    hardwareAcceleration: boolean;
    manifestUrls: string[];
    preferredVersion: string | null;
--- a/package-lock.json
+++ b/package-lock.json
@@ -24,6 +24,7 @@
        "@spartan-ng/cli": "^0.0.1-alpha.589",
        "@spartan-ng/ui-core": "^0.0.1-alpha.380",
        "@timephy/rnnoise-wasm": "^1.0.0",
+        "auto-launch": "^5.0.6",
        "class-variance-authority": "^0.7.1",
        "clsx": "^2.1.1",
        "cytoscape": "^3.33.1",
@@ -45,11 +46,12 @@
      },
      "devDependencies": {
        "@angular/build": "^21.0.4",
-        "@angular/cli": "^21.2.1",
+        "@angular/cli": "^21.0.4",
        "@angular/compiler-cli": "^21.0.0",
        "@eslint/js": "^9.39.3",
        "@stylistic/eslint-plugin-js": "^4.4.1",
        "@stylistic/eslint-plugin-ts": "^4.4.1",
+        "@types/auto-launch": "^5.0.5",
        "@types/simple-peer": "^9.11.9",
        "@types/uuid": "^10.0.0",
        "angular-eslint": "21.2.0",
@@ -10816,6 +10818,13 @@
        "tslib": "^2.4.0"
      }
    },
+    "node_modules/@types/auto-launch": {
+      "version": "5.0.5",
+      "resolved": "https://registry.npmjs.org/@types/auto-launch/-/auto-launch-5.0.5.tgz",
+      "integrity": "sha512-/nGvQZSzM/pvCMCh4Gt2kIeiUmOP/cKGJbjlInI+A+5MoV/7XmT56DJ6EU8bqc3+ItxEe4UC2GVspmPzcCc8cg==",
+      "dev": true,
+      "license": "MIT"
+    },
    "node_modules/@types/body-parser": {
      "version": "1.19.6",
      "resolved": "https://registry.npmjs.org/@types/body-parser/-/body-parser-1.19.6.tgz",
@@ -12875,6 +12884,11 @@
        "node": ">= 6.0.0"
      }
    },
+    "node_modules/applescript": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/applescript/-/applescript-1.0.0.tgz",
+      "integrity": "sha512-yvtNHdWvtbYEiIazXAdp/NY+BBb65/DAseqlNiJQjOx9DynuzOYDbVLBJvuc0ve0VL9x6B3OHF6eH52y9hCBtQ=="
+    },
    "node_modules/arg": {
      "version": "5.0.2",
      "resolved": "https://registry.npmjs.org/arg/-/arg-5.0.2.tgz",
@@ -12968,6 +12982,22 @@
        "node": ">= 4.0.0"
      }
    },
+    "node_modules/auto-launch": {
+      "version": "5.0.6",
+      "resolved": "https://registry.npmjs.org/auto-launch/-/auto-launch-5.0.6.tgz",
+      "integrity": "sha512-OgxiAm4q9EBf9EeXdPBiVNENaWE3jUZofwrhAkWjHDYGezu1k3FRZHU8V2FBxGuSJOHzKmTJEd0G7L7/0xDGFA==",
+      "license": "MIT",
+      "dependencies": {
+        "applescript": "^1.0.0",
+        "mkdirp": "^0.5.1",
+        "path-is-absolute": "^1.0.0",
+        "untildify": "^3.0.2",
+        "winreg": "1.2.4"
+      },
+      "engines": {
+        "node": ">=4.0.0"
+      }
+    },
    "node_modules/autoprefixer": {
      "version": "10.4.23",
      "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.4.23.tgz",
@@ -22285,9 +22315,7 @@
      "version": "0.5.6",
      "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-0.5.6.tgz",
      "integrity": "sha512-FP+p8RB8OWpF3YZBCrP5gtADmtXApB5AMLn+vdyA+PyxCjrCs00mjyUozssO33cwDeT3wNGdLxJ5M//YqtHAJw==",
-      "dev": true,
      "license": "MIT",
-      "peer": true,
      "dependencies": {
        "minimist": "^1.2.6"
      },
@@ -23745,7 +23773,6 @@
      "version": "1.0.1",
      "resolved": "https://registry.npmjs.org/path-is-absolute/-/path-is-absolute-1.0.1.tgz",
      "integrity": "sha512-AVbw3UJ2e9bq64vSaS9Am0fje1Pa8pbGqTTsmXfaIiMpnr5DlDhfJOuLj9Sf95ZPVDAUerDfEk88MPmPe7UCQg==",
-      "dev": true,
      "license": "MIT",
      "engines": {
        "node": ">=0.10.0"
@@ -29571,6 +29598,15 @@
        "node": ">= 0.8"
      }
    },
+    "node_modules/untildify": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/untildify/-/untildify-3.0.3.tgz",
+      "integrity": "sha512-iSk/J8efr8uPT/Z4eSUywnqyrQU7DSdMfdqK4iWEaUVVmcP5JcnpRqmVMwcwcnmI1ATFNgC5V90u09tBynNFKA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=4"
+      }
+    },
    "node_modules/upath": {
      "version": "2.0.1",
      "resolved": "https://registry.npmjs.org/upath/-/upath-2.0.1.tgz",
@@ -31161,6 +31197,12 @@
      "integrity": "sha512-CC1bOL87PIWSBhDcTrdeLo6eGT7mCFtrg0uIJtqJUFyK+eJnzl8A1niH56uu7KMa5XFrtiV+AQuHO3n7DsHnLQ==",
      "license": "MIT"
    },
+    "node_modules/winreg": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/winreg/-/winreg-1.2.4.tgz",
+      "integrity": "sha512-IHpzORub7kYlb8A43Iig3reOvlcBJGX9gZ0WycHhghHtA65X0LYnMRuJs+aH1abVnMJztQkvQNlltnbPi5aGIA==",
+      "license": "BSD-2-Clause"
+    },
    "node_modules/word-wrap": {
      "version": "1.2.5",
      "resolved": "https://registry.npmjs.org/word-wrap/-/word-wrap-1.2.5.tgz",
--- a/package.json
+++ b/package.json
@@ -70,6 +70,7 @@
    "@spartan-ng/cli": "^0.0.1-alpha.589",
    "@spartan-ng/ui-core": "^0.0.1-alpha.380",
    "@timephy/rnnoise-wasm": "^1.0.0",
+    "auto-launch": "^5.0.6",
    "class-variance-authority": "^0.7.1",
    "clsx": "^2.1.1",
    "cytoscape": "^3.33.1",
@@ -96,6 +97,7 @@
    "@eslint/js": "^9.39.3",
    "@stylistic/eslint-plugin-js": "^4.4.1",
    "@stylistic/eslint-plugin-ts": "^4.4.1",
+    "@types/auto-launch": "^5.0.5",
    "@types/simple-peer": "^9.11.9",
    "@types/uuid": "^10.0.0",
    "angular-eslint": "21.2.0",
--- a/src/app/core/services/attachment.service.ts
+++ b/src/app/core/services/attachment.service.ts
@@ -5,10 +5,7 @@ import {
  signal,
  effect
 } from '@angular/core';
-import {
-  NavigationEnd,
-  Router
-} from '@angular/router';
+import { NavigationEnd, Router } from '@angular/router';
 import { take } from 'rxjs';
 import { v4 as uuidv4 } from 'uuid';
 import { WebRTCService } from './webrtc.service';
--- a/src/app/core/services/debugging/debugging.service.ts
+++ b/src/app/core/services/debugging/debugging.service.ts
@@ -218,7 +218,6 @@ export class DebuggingService {

    const rawMessage = args.map((arg) => this.stringifyPreview(arg)).join(' ')
      .trim() || '(empty console call)';
-
    // Use only string args for label/message extraction so that
    // stringified object payloads don't pollute the parsed message.
    // Object payloads are captured separately via extractConsolePayload.
@@ -226,7 +225,6 @@ export class DebuggingService {
      .filter((arg): arg is string => typeof arg === 'string')
      .join(' ')
      .trim() || rawMessage;
-
    const consoleMetadata = this.extractConsoleMetadata(metadataSource);
    const payload = this.extractConsolePayload(args);
    const payloadText = payload === undefined
--- a/src/app/core/services/settings-modal.service.ts
+++ b/src/app/core/services/settings-modal.service.ts
@@ -1,13 +1,13 @@
 import { Injectable, signal } from '@angular/core';
-export type SettingsPage = 'network' | 'voice' | 'updates' | 'debugging' | 'server' | 'members' | 'bans' | 'permissions';
+export type SettingsPage = 'general' | 'network' | 'voice' | 'updates' | 'debugging' | 'server' | 'members' | 'bans' | 'permissions';

@Injectable({ providedIn: 'root' })
 export class SettingsModalService {
  readonly isOpen = signal(false);
-  readonly activePage = signal<SettingsPage>('network');
+  readonly activePage = signal<SettingsPage>('general');
  readonly targetServerId = signal<string | null>(null);

-  open(page: SettingsPage = 'network', serverId?: string): void {
+  open(page: SettingsPage = 'general', serverId?: string): void {
    this.activePage.set(page);
    this.targetServerId.set(serverId ?? null);
    this.isOpen.set(true);
--- a/src/app/features/settings/settings-modal/general-settings/general-settings.component.html
+++ b/src/app/features/settings/settings-modal/general-settings/general-settings.component.html
@@ -0,0 +1,47 @@
+<div class="space-y-6 max-w-xl">
+  <section>
+    <div class="flex items-center gap-2 mb-3">
+      <ng-icon
+        name="lucidePower"
+        class="w-5 h-5 text-muted-foreground"
+      />
+      <h4 class="text-sm font-semibold text-foreground">Application</h4>
+    </div>
+
+    <div
+      class="rounded-lg border border-border bg-secondary/20 p-4 transition-opacity"
+      [class.opacity-60]="!isElectron"
+    >
+      <div class="flex items-center justify-between gap-4">
+        <div>
+          <p class="text-sm font-medium text-foreground">Launch on system startup</p>
+
+          @if (isElectron) {
+            <p class="text-xs text-muted-foreground">Automatically start MetoYou when you sign in</p>
+          } @else {
+            <p class="text-xs text-muted-foreground">This setting is only available in the desktop app.</p>
+          }
+        </div>
+
+        <label
+          class="relative inline-flex items-center"
+          [class.cursor-pointer]="isElectron && !savingAutoStart()"
+          [class.cursor-not-allowed]="!isElectron || savingAutoStart()"
+        >
+          <input
+            type="checkbox"
+            [checked]="autoStart()"
+            [disabled]="!isElectron || savingAutoStart()"
+            (change)="onAutoStartChange($event)"
+            id="general-auto-start-toggle"
+            aria-label="Toggle launch on startup"
+            class="sr-only peer"
+          />
+          <div
+            class="w-10 h-5 bg-secondary rounded-full peer peer-checked:bg-primary peer-disabled:bg-muted/80 peer-disabled:after:bg-muted-foreground/40 peer-checked:after:translate-x-full after:content-[''] after:absolute after:top-0.5 after:left-[2px] after:bg-white after:rounded-full after:h-4 after:w-4 after:transition-all"
+          ></div>
+        </label>
+      </div>
+    </div>
+  </section>
+</div>
--- a/src/app/features/settings/settings-modal/general-settings/general-settings.component.ts
+++ b/src/app/features/settings/settings-modal/general-settings/general-settings.component.ts
@@ -0,0 +1,92 @@
+/* eslint-disable @typescript-eslint/member-ordering */
+import {
+  Component,
+  inject,
+  signal
+} from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { NgIcon, provideIcons } from '@ng-icons/core';
+import { lucidePower } from '@ng-icons/lucide';
+
+import { PlatformService } from '../../../../core/services/platform.service';
+
+interface DesktopSettingsSnapshot {
+  autoStart: boolean;
+}
+
+interface GeneralSettingsElectronApi {
+  getDesktopSettings?: () => Promise<DesktopSettingsSnapshot>;
+  setDesktopSettings?: (patch: { autoStart?: boolean }) => Promise<DesktopSettingsSnapshot>;
+}
+
+type GeneralSettingsWindow = Window & {
+  electronAPI?: GeneralSettingsElectronApi;
+};
+
+@Component({
+  selector: 'app-general-settings',
+  standalone: true,
+  imports: [CommonModule, NgIcon],
+  viewProviders: [
+    provideIcons({
+      lucidePower
+    })
+  ],
+  templateUrl: './general-settings.component.html'
+})
+export class GeneralSettingsComponent {
+  private platform = inject(PlatformService);
+
+  readonly isElectron = this.platform.isElectron;
+  autoStart = signal(false);
+  savingAutoStart = signal(false);
+
+  constructor() {
+    if (this.isElectron) {
+      void this.loadDesktopSettings();
+    }
+  }
+
+  async onAutoStartChange(event: Event): Promise<void> {
+    const input = event.target as HTMLInputElement;
+    const enabled = !!input.checked;
+    const api = this.getElectronApi();
+
+    if (!this.isElectron || !api?.setDesktopSettings) {
+      input.checked = this.autoStart();
+      return;
+    }
+
+    this.savingAutoStart.set(true);
+
+    try {
+      const snapshot = await api.setDesktopSettings({ autoStart: enabled });
+
+      this.autoStart.set(snapshot.autoStart);
+    } catch {
+      input.checked = this.autoStart();
+    } finally {
+      this.savingAutoStart.set(false);
+    }
+  }
+
+  private async loadDesktopSettings(): Promise<void> {
+    const api = this.getElectronApi();
+
+    if (!api?.getDesktopSettings) {
+      return;
+    }
+
+    try {
+      const snapshot = await api.getDesktopSettings();
+
+      this.autoStart.set(snapshot.autoStart);
+    } catch {}
+  }
+
+  private getElectronApi(): GeneralSettingsElectronApi | null {
+    return typeof window !== 'undefined'
+      ? (window as GeneralSettingsWindow).electronAPI ?? null
+      : null;
+  }
+}
--- a/src/app/features/settings/settings-modal/settings-modal.component.html
+++ b/src/app/features/settings/settings-modal/settings-modal.component.html
@@ -116,6 +116,9 @@
        <div class="flex items-center justify-between px-6 py-4 border-b border-border flex-shrink-0">
          <h3 class="text-lg font-semibold text-foreground">
            @switch (activePage()) {
+              @case ('general') {
+                General
+              }
              @case ('network') {
                Network
              }
@@ -157,6 +160,9 @@
        <!-- Scrollable Content Area -->
        <div class="flex-1 overflow-y-auto p-6">
          @switch (activePage()) {
+            @case ('general') {
+              <app-general-settings />
+            }
            @case ('network') {
              <app-network-settings />
            }
--- a/src/app/features/settings/settings-modal/settings-modal.component.ts
+++ b/src/app/features/settings/settings-modal/settings-modal.component.ts
@@ -31,6 +31,7 @@ import { Room, UserRole } from '../../../core/models/index';
 import { findRoomMember } from '../../../store/rooms/room-members.helpers';
 import { WebRTCService } from '../../../core/services/webrtc.service';

+import { GeneralSettingsComponent } from './general-settings/general-settings.component';
 import { NetworkSettingsComponent } from './network-settings/network-settings.component';
 import { VoiceSettingsComponent } from './voice-settings/voice-settings.component';
 import { ServerSettingsComponent } from './server-settings/server-settings.component';
@@ -48,6 +49,7 @@ import { THIRD_PARTY_LICENSES, type ThirdPartyLicense } from './third-party-lice
    CommonModule,
    FormsModule,
    NgIcon,
+    GeneralSettingsComponent,
    NetworkSettingsComponent,
    VoiceSettingsComponent,
    UpdatesSettingsComponent,
@@ -89,6 +91,9 @@ export class SettingsModalComponent {
  activePage = this.modal.activePage;

  readonly globalPages: { id: SettingsPage; label: string; icon: string }[] = [
+    { id: 'general',
+      label: 'General',
+      icon: 'lucideSettings' },
    { id: 'network',
      label: 'Network',
      icon: 'lucideGlobe' },
--- a/src/app/features/shell/title-bar.component.ts
+++ b/src/app/features/shell/title-bar.component.ts
@@ -19,10 +19,7 @@ import {
  lucideRefreshCw
 } from '@ng-icons/lucide';
 import { Router } from '@angular/router';
-import {
-  selectCurrentRoom,
-  selectIsSignalServerReconnecting
-} from '../../store/rooms/rooms.selectors';
+import { selectCurrentRoom, selectIsSignalServerReconnecting } from '../../store/rooms/rooms.selectors';
 import { RoomsActions } from '../../store/rooms/rooms.actions';
 import { selectCurrentUser } from '../../store/users/users.selectors';
 import { ServerDirectoryService } from '../../core/services/server-directory.service';
--- a/src/app/features/voice/voice-controls/services/voice-playback.service.ts
+++ b/src/app/features/voice/voice-controls/services/voice-playback.service.ts
@@ -58,6 +58,7 @@ export class VoicePlaybackService {
      this.temporaryOutputDeviceId = this.webrtc.forceDefaultRemotePlaybackOutput()
        ? 'default'
        : null;
+
      void this.applyEffectiveOutputDeviceToAllPipelines();
    });

--- a/src/app/shared/components/debug-console/debug-console-toolbar/debug-console-toolbar.component.ts
+++ b/src/app/shared/components/debug-console/debug-console-toolbar/debug-console-toolbar.component.ts
@@ -84,6 +84,17 @@ export class DebugConsoleToolbarComponent {

  readonly tabs: ('logs' | 'network')[] = ['logs', 'network'];

+  @HostListener('document:click', ['$event'])
+  onDocumentClick(event: MouseEvent): void {
+    if (!this.exportMenuOpen())
+      return;
+
+    const target = event.target as HTMLElement;
+
+    if (!target.closest('[data-export-menu]'))
+      this.closeExportMenu();
+  }
+
  setActiveTab(tab: 'logs' | 'network'): void {
    this.activeTabChange.emit(tab);
  }
@@ -138,17 +149,6 @@ export class DebugConsoleToolbarComponent {
    this.closeExportMenu();
  }

-  @HostListener('document:click', ['$event'])
-  onDocumentClick(event: MouseEvent): void {
-    if (!this.exportMenuOpen())
-      return;
-
-    const target = event.target as HTMLElement;
-
-    if (!target.closest('[data-export-menu]'))
-      this.closeExportMenu();
-  }
-
  getDetachLabel(): string {
    return this.detached() ? 'Dock' : 'Detach';
  }
--- a/src/app/shared/components/screen-share-source-picker/screen-share-source-picker.component.html
+++ b/src/app/shared/components/screen-share-source-picker/screen-share-source-picker.component.html
@@ -24,10 +24,16 @@
      <header class="border-b border-border p-5">
        <div class="flex flex-col gap-4 lg:flex-row lg:items-start lg:justify-between">
          <div>
-            <h2 id="screen-share-source-picker-title" class="text-lg font-semibold text-foreground">
+            <h2
+              id="screen-share-source-picker-title"
+              class="text-lg font-semibold text-foreground"
+            >
              Choose what to share
            </h2>
-            <p id="screen-share-source-picker-description" class="mt-1 text-sm text-muted-foreground">
+            <p
+              id="screen-share-source-picker-description"
+              class="mt-1 text-sm text-muted-foreground"
+            >
              Select a screen or window to start sharing.
            </p>
          </div>
@@ -55,7 +61,11 @@
          </label>
        </div>

-        <div class="mt-4 flex flex-wrap gap-2" role="tablist" aria-label="Share source type">
+        <div
+          class="mt-4 flex flex-wrap gap-2"
+          role="tablist"
+          aria-label="Share source type"
+        >
          <button
            type="button"
            class="inline-flex items-center gap-2 rounded-lg border px-4 py-2 text-sm font-medium transition-colors disabled:cursor-not-allowed disabled:opacity-60"
@@ -129,7 +139,11 @@
                <div class="flex items-start justify-between gap-3">
                  <div class="min-w-0 flex-1">
                    <span class="screen-share-source-picker__preview">
-                      <img [ngSrc]="source.thumbnail" [alt]="source.name" fill />
+                      <img
+                        [ngSrc]="source.thumbnail"
+                        [alt]="source.name"
+                        fill
+                      />
                    </span>

                    <p class="mt-3 truncate font-medium">{{ source.name }}</p>
@@ -156,13 +170,13 @@
        } @else {
          <div class="flex min-h-52 items-center justify-center px-5 py-8 text-center">
            <div>
-              <p class="text-sm font-medium text-foreground">
-                No {{ activeTab() === 'screen' ? 'screens' : 'windows' }} available
-              </p>
+              <p class="text-sm font-medium text-foreground">No {{ activeTab() === 'screen' ? 'screens' : 'windows' }} available</p>
              <p class="mt-1 text-sm text-muted-foreground">
-                {{ activeTab() === 'screen'
+                {{
+                  activeTab() === 'screen'
                    ? 'No displays were reported by Electron right now.'
-                  : 'Restore the window you want to share and try again.' }}
+                    : 'Restore the window you want to share and try again.'
+                }}
              </p>
            </div>
          </div>
--- a/src/app/store/messages/messages-sync.effects.ts
+++ b/src/app/store/messages/messages-sync.effects.ts
@@ -2,7 +2,7 @@
 * Sync-lifecycle effects for the messages store slice.
 *
 * These effects manage the periodic sync polling, peer-connect
- * handshakes, and join-room kickoff that keep message databases
+ * handshakes, and room-activation kickoff that keep message databases
 * in sync across peers.
 *
 * Extracted from the monolithic MessagesEffects to keep each
@@ -33,7 +33,7 @@ import {
  exhaustMap,
  switchMap,
  repeat,
-  takeUntil
+  startWith
 } from 'rxjs/operators';
 import { MessagesActions } from './messages.actions';
 import { RoomsActions } from '../rooms/rooms.actions';
@@ -103,13 +103,13 @@ export class MessagesSyncEffects {
  );

  /**
-   * When the user joins a room, sends a summary and inventory
+   * When the user joins or views a room, sends a summary and inventory
   * request to every already-connected peer.
   */
-  joinRoomSyncKickoff$ = createEffect(
+  roomActivationSyncKickoff$ = createEffect(
    () =>
      this.actions$.pipe(
-        ofType(RoomsActions.joinRoomSuccess),
+        ofType(RoomsActions.joinRoomSuccess, RoomsActions.viewServerSuccess),
        withLatestFrom(this.store.select(selectCurrentRoom)),
        mergeMap(([{ room }, currentRoom]) => {
          const activeRoom = currentRoom || room;
@@ -152,11 +152,30 @@ export class MessagesSyncEffects {
    { dispatch: false }
  );

+  /**
+   * Reset the polling cadence when the active room changes so the next
+   * room does not inherit a stale slow-poll delay.
+   */
+  resetPeriodicSyncOnRoomActivation$ = createEffect(
+    () =>
+      this.actions$.pipe(
+        ofType(RoomsActions.joinRoomSuccess, RoomsActions.viewServerSuccess),
+        tap(() => {
+          this.lastSyncClean = false;
+          this.syncReset$.next();
+        })
+      ),
+    { dispatch: false }
+  );
+
  /**
   * Alternates between fast (10 s) and slow (15 min) sync intervals.
-   * Sends inventory requests to all connected peers.
+   * Sends inventory requests to all connected peers for the active room.
   */
  periodicSyncPoll$ = createEffect(() =>
+    this.syncReset$.pipe(
+      startWith(undefined),
+      switchMap(() =>
        timer(SYNC_POLL_FAST_MS).pipe(
          repeat({
            delay: () =>
@@ -164,7 +183,6 @@ export class MessagesSyncEffects {
                this.lastSyncClean ? SYNC_POLL_SLOW_MS : SYNC_POLL_FAST_MS
              )
          }),
-      takeUntil(this.syncReset$),
          withLatestFrom(this.store.select(selectCurrentRoom)),
          filter(
            ([, room]) =>
@@ -210,6 +228,8 @@ export class MessagesSyncEffects {
            );
          })
        )
+      )
+    )
  );

  /**
--- a/src/app/store/rooms/rooms.effects.ts
+++ b/src/app/store/rooms/rooms.effects.ts
@@ -348,7 +348,11 @@ export class RoomsEffects {
      this.actions$.pipe(
        ofType(RoomsActions.createRoomSuccess, RoomsActions.joinRoomSuccess),
        withLatestFrom(this.store.select(selectCurrentUser), this.store.select(selectSavedRooms)),
-        tap(([{ room }, user, savedRooms]) => {
+        tap(([
+          { room },
+          user,
+          savedRooms
+        ]) => {
          this.connectToRoomSignaling(room, user ?? null, undefined, savedRooms);

          this.router.navigate(['/room', room.id]);
@@ -362,7 +366,11 @@ export class RoomsEffects {
    this.actions$.pipe(
      ofType(RoomsActions.viewServer),
      withLatestFrom(this.store.select(selectCurrentUser), this.store.select(selectSavedRooms)),
-      switchMap(([{ room }, user, savedRooms]) => {
+      switchMap(([
+        { room },
+        user,
+        savedRooms
+      ]) => {
        if (!user) {
          return of(RoomsActions.joinRoomFailure({ error: 'Not logged in' }));
        }
@@ -573,7 +581,6 @@ export class RoomsEffects {
          hasPassword: nextHasPassword,
          maxUsers: settings.maxUsers ?? room.maxUsers
        };
-
        const localRoomUpdates: Partial<Room> = {
          ...updatedSettings,
          password: hasPasswordUpdate ? (normalizedPassword || undefined) : room.password,
@@ -837,10 +844,7 @@ export class RoomsEffects {
              return EMPTY;

            this.knownVoiceUsers.delete(signalingMessage.oderId);
-            return [
-              RoomsActions.setSignalServerReconnecting({ isReconnecting: false }),
-              UsersActions.userLeft({ userId: signalingMessage.oderId })
-            ];
+            return [RoomsActions.setSignalServerReconnecting({ isReconnecting: false }), UsersActions.userLeft({ userId: signalingMessage.oderId })];
          }

          case 'access_denied': {
Author	SHA1	Message	Date
Myx	c862c2fe03	Auto start with system Some checks failed Queue Release Build / prepare (push) Has been cancelled Details Queue Release Build / build-linux (push) Has been cancelled Details Queue Release Build / build-windows (push) Has been cancelled Details Queue Release Build / finalize (push) Has been cancelled Details Deploy Web Apps / deploy (push) Successful in 6m2s Details	2026-03-18 23:46:16 +01:00
Myx	4faa62864d	Fix syncing issues Some checks failed Deploy Web Apps / deploy (push) Has been cancelled Details Queue Release Build / prepare (push) Has been cancelled Details Queue Release Build / build-linux (push) Has been cancelled Details Queue Release Build / build-windows (push) Has been cancelled Details Queue Release Build / finalize (push) Has been cancelled Details	2026-03-18 23:11:48 +01:00