From ff8dcc28ea122b9ddec0cac0e2e4a01317156dea Mon Sep 17 00:00:00 2001
From: Jannis Braun <151788261+TheZwiss@users.noreply.github.com>
Date: Sun, 3 May 2026 01:52:20 +0200
Subject: [PATCH] feat(web): wire AudioInput/Output sections into Voice & Video
 settings; fix EC tooltip

---
 .../src/components/modals/settingsPanels/VoicePanel.tsx   | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/packages/web/src/components/modals/settingsPanels/VoicePanel.tsx b/packages/web/src/components/modals/settingsPanels/VoicePanel.tsx
index 3c42533f..b848e7e5 100644
--- a/packages/web/src/components/modals/settingsPanels/VoicePanel.tsx
+++ b/packages/web/src/components/modals/settingsPanels/VoicePanel.tsx
@@ -1,6 +1,8 @@
 import { useVoiceStore } from '../../../stores/voiceStore';
 import { Toggle } from '../../ui/Toggle';
 import { VideoSection } from './VideoSection';
+import { AudioInputSection } from './AudioInputSection';
+import { AudioOutputSection } from './AudioOutputSection';
 
 export function VoicePanel() {
   const echoCancellation = useVoiceStore((s) => s.echoCancellation);
@@ -17,6 +19,10 @@ export function VoicePanel() {
   return (
     <div className="space-y-5">
       <h2 className="text-lg font-semibold text-txt-primary mb-6">Voice &amp; Video</h2>
+
+      <AudioInputSection />
+      <AudioOutputSection />
+
       <div>
         <div className="text-[11px] font-semibold text-txt-tertiary uppercase tracking-wider mb-1.5">
           Volume
@@ -69,7 +75,7 @@ export function VoicePanel() {
           <div className="flex items-center justify-between py-2">
             <div>
               <div className="text-sm text-txt-primary">Echo Cancellation</div>
-              <div className="text-xs text-txt-tertiary">Removes echo when using speakers</div>
+              <div className="text-xs text-txt-tertiary">Cancels echo from your speakers feeding back into the mic. Always on for voice channels and calls.</div>
             </div>
             <Toggle enabled={echoCancellation} onChange={setEchoCancellation} />
           </div>