feat: Optimize WebRTC pipeline for 60fps screen sharing

- Implemented 'Overdrive' logic to force high bitrates on Chrome
- Fixed 'Auto' preset to default to stable 720p60
- Added persistent 'Triple-Kick' hammer to prevent bitrate throttling
- Fixed sidebar connection status sync
- Added comprehensive diagnostic logger

packages/web/src/stores/voiceStore.js

@@ -9,6 +9,25 @@ export const useVoiceStore = create((set, get) => ({
     participants: [],
     connectionError: null,
     isLiveKitConnected: false,
+    inputVolume: 100,
+    outputVolume: 100,
+    focusedParticipantId: null,
+    videoQuality: 'auto',
+    participantVolumes: new Map(),
+    setParticipantVolume: (userId, volume) => {
+        set((state) => {
+            const newMap = new Map(state.participantVolumes);
+            newMap.set(userId, volume);
+            return { participantVolumes: newMap };
+        });
+    },
+    getParticipantVolume: (userId) => get().participantVolumes.get(userId) ?? 100,
+    incomingCall: null,
+    outgoingCall: null,
+    activeDmCall: null,
+    setIncomingCall: (call) => set({ incomingCall: call }),
+    setOutgoingCall: (call) => set({ outgoingCall: call }),
+    setActiveDmCall: (call) => set({ activeDmCall: call }),
     setVoiceUsers: (channelId, userIds) => {
         set((state) => {
             const newMap = new Map(state.voiceUsers);
@@ -38,10 +57,14 @@ export const useVoiceStore = create((set, get) => ({
     setParticipants: (participants) => set({ participants }),
     setConnectionError: (error) => set({ connectionError: error }),
     setIsLiveKitConnected: (connected) => set({ isLiveKitConnected: connected }),
+    setInputVolume: (volume) => set({ inputVolume: volume }),
+    setOutputVolume: (volume) => set({ outputVolume: volume }),
     toggleMic: () => set((state) => ({ isMuted: !state.isMuted })),
     toggleDeafen: () => set((state) => ({ isDeafened: !state.isDeafened })),
     toggleCamera: () => set((state) => ({ isCameraOn: !state.isCameraOn })),
     toggleScreenShare: () => set((state) => ({ isScreenSharing: !state.isScreenSharing })),
+    setFocusedParticipant: (id) => set({ focusedParticipantId: id }),
+    setVideoQuality: (quality) => set({ videoQuality: quality }),
     getVoiceUsers: (channelId) => get().voiceUsers.get(channelId) ?? [],
     clearAllVoiceUsers: () => set({ voiceUsers: new Map() }),
     // Leave voice without wiping the voiceUsers map (so sidebar still shows others)
@@ -54,6 +77,11 @@ export const useVoiceStore = create((set, get) => ({
         participants: [],
         connectionError: null,
         isLiveKitConnected: false,
+        inputVolume: 100,
+        outputVolume: 100,
+        focusedParticipantId: null,
+        activeDmCall: null,
+        outgoingCall: null,
     }),
     reset: () => set({
         voiceUsers: new Map(),
@@ -65,5 +93,12 @@ export const useVoiceStore = create((set, get) => ({
         participants: [],
         connectionError: null,
         isLiveKitConnected: false,
+        inputVolume: 100,
+        outputVolume: 100,
+        focusedParticipantId: null,
+        participantVolumes: new Map(),
+        incomingCall: null,
+        outgoingCall: null,
+        activeDmCall: null,
     }),
 }));