vision refactor

app/vision/page.tsx

@@ -745,10 +745,31 @@ export default function VisionPage() {
 
   // Show Jitsi iframe if conference is selected
   if (selectedConference && jitsiUrl) {
+    // Hide the main navigation bar when in conference mode
+    useEffect(() => {
+      const navBar = document.querySelector('div[class*="fixed"][class*="top-0"][class*="z-50"]');
+      if (navBar) {
+        (navBar as HTMLElement).style.display = 'none';
+      }
+      return () => {
+        if (navBar) {
+          (navBar as HTMLElement).style.display = '';
+        }
+      };
+    }, []);
+
     return (
-      <main className="w-full h-screen bg-black flex flex-col">
+      <>
+        <style dangerouslySetInnerHTML={{__html: `
+          /* Hide main navigation when in conference mode */
+          div.fixed.top-0.z-50,
+          div[class*="fixed"][class*="top-0"][class*="z-50"] {
+            display: none !important;
+          }
+        `}} />
+        <main className="w-full h-screen bg-black flex flex-col fixed top-0 left-0 right-0 bottom-0 z-[60]">
         {/* Header with back button */}
-        <div className="bg-white border-b border-gray-200 px-4 py-3 flex items-center gap-4">
+        <div className="bg-white border-b border-gray-200 px-4 py-3 flex items-center gap-4 shrink-0">
           <Button
             variant="ghost"
             size="sm"
@@ -773,6 +794,7 @@ export default function VisionPage() {
           />
         </div>
       </main>
+      </>
     );
   }