Screensharing rework

Split Linux screensharing audio tracks, Rework screensharing functionality and layout
This will need some refactoring soon

src/app/features/voice/floating-voice-controls/floating-voice-controls.component.ts

@@ -23,14 +23,22 @@ import {
 
 import { WebRTCService } from '../../../core/services/webrtc.service';
 import { VoiceSessionService } from '../../../core/services/voice-session.service';
+import {
+  loadVoiceSettingsFromStorage,
+  saveVoiceSettingsToStorage
+} from '../../../core/services/voice-settings.storage';
+import { ScreenShareQuality } from '../../../core/services/webrtc';
 import { UsersActions } from '../../../store/users/users.actions';
 import { selectCurrentUser } from '../../../store/users/users.selectors';
-import { DebugConsoleComponent } from '../../../shared';
+import {
+  DebugConsoleComponent,
+  ScreenShareQualityDialogComponent
+} from '../../../shared';
 
 @Component({
   selector: 'app-floating-voice-controls',
   standalone: true,
-  imports: [CommonModule, NgIcon, DebugConsoleComponent],
+  imports: [CommonModule, NgIcon, DebugConsoleComponent, ScreenShareQualityDialogComponent],
   viewProviders: [
     provideIcons({
       lucideMic,
@@ -63,6 +71,10 @@ export class FloatingVoiceControlsComponent implements OnInit, OnDestroy {
   isMuted = signal(false);
   isDeafened = signal(false);
   isScreenSharing = signal(false);
+  includeSystemAudio = signal(false);
+  screenShareQuality = signal<ScreenShareQuality>('balanced');
+  askScreenShareQuality = signal(true);
+  showScreenShareQualityDialog = signal(false);
 
   private stateSubscription: Subscription | null = null;
 
@@ -72,6 +84,7 @@ export class FloatingVoiceControlsComponent implements OnInit, OnDestroy {
     this.isMuted.set(this.webrtcService.isMuted());
     this.isDeafened.set(this.webrtcService.isDeafened());
     this.isScreenSharing.set(this.webrtcService.isScreenSharing());
+    this.syncScreenShareSettings();
   }
 
   ngOnDestroy(): void {
@@ -131,15 +144,28 @@ export class FloatingVoiceControlsComponent implements OnInit, OnDestroy {
       this.webrtcService.stopScreenShare();
       this.isScreenSharing.set(false);
     } else {
-      try {
-        await this.webrtcService.startScreenShare(false);
-        this.isScreenSharing.set(true);
-      } catch (_error) {
-        // Screen share request was denied or failed
+      this.syncScreenShareSettings();
+
+      if (this.askScreenShareQuality()) {
+        this.showScreenShareQualityDialog.set(true);
+        return;
       }
+
+      await this.startScreenShareWithOptions(this.screenShareQuality());
     }
   }
 
+  onScreenShareQualityCancelled(): void {
+    this.showScreenShareQualityDialog.set(false);
+  }
+
+  async onScreenShareQualityConfirmed(quality: ScreenShareQuality): Promise<void> {
+    this.showScreenShareQualityDialog.set(false);
+    this.screenShareQuality.set(quality);
+    saveVoiceSettingsToStorage({ screenShareQuality: quality });
+    await this.startScreenShareWithOptions(quality);
+  }
+
   /** Disconnect from the voice session entirely, cleaning up all voice state. */
   disconnect(): void {
     // Stop voice heartbeat
@@ -242,4 +268,24 @@ export class FloatingVoiceControlsComponent implements OnInit, OnDestroy {
 
     return base + ' bg-secondary text-foreground hover:bg-secondary/80';
   }
+
+  private syncScreenShareSettings(): void {
+    const settings = loadVoiceSettingsFromStorage();
+
+    this.includeSystemAudio.set(settings.includeSystemAudio);
+    this.screenShareQuality.set(settings.screenShareQuality);
+    this.askScreenShareQuality.set(settings.askScreenShareQuality);
+  }
+
+  private async startScreenShareWithOptions(quality: ScreenShareQuality): Promise<void> {
+    try {
+      await this.webrtcService.startScreenShare({
+        includeSystemAudio: this.includeSystemAudio(),
+        quality
+      });
+      this.isScreenSharing.set(true);
+    } catch (_error) {
+      // Screen share request was denied or failed
+    }
+  }
 }