fix: guard voice controls against toggling intent while server muted/deafened

packages/web/src/components/layout/ChannelSidebar.tsx

@@ -43,6 +43,7 @@ export function ChannelSidebar() {
   const location = useLocation();
 
   const handleMicToggle = async () => {
+    if (isServerMuted || isServerDeafened) return;
     const wasDeafened = useVoiceStore.getState().isDeafened;
     toggleMic();
     broadcastVoiceStatus();
@@ -53,6 +54,7 @@ export function ChannelSidebar() {
   };
 
   const handleDeafenToggle = async () => {
+    if (isServerDeafened) return;
     toggleDeafen();
     broadcastVoiceStatus();
     broadcastDeafenViaLiveKit();

packages/web/src/components/voice/VoiceControlBar.tsx

@@ -39,6 +39,7 @@ export function VoiceControlBar() {
   const qualityBtnRef = useRef<HTMLButtonElement>(null);
 
   const handleMute = React.useCallback(async () => {
+    if (isServerMuted || isServerDeafened) return;
     const wasDeafened = useVoiceStore.getState().isDeafened;
     toggleMic();
     broadcastVoiceStatus();
@@ -46,13 +47,14 @@ export function VoiceControlBar() {
     if (wasDeafened && !useVoiceStore.getState().isDeafened) {
       broadcastDeafenViaLiveKit();
     }
-  }, [toggleMic]);
+  }, [isServerMuted, isServerDeafened, toggleMic]);
 
   const handleDeafen = React.useCallback(async () => {
+    if (isServerDeafened) return;
     toggleDeafen();
     broadcastVoiceStatus();
     broadcastDeafenViaLiveKit();
-  }, [toggleDeafen]);
+  }, [isServerDeafened, toggleDeafen]);
 
   const handleCamera = async () => {
     const room = getActiveRoom();