Fix live room header flash and instant sidebar panel switching.

Server-render the speaker pill on load, hide noisy connection status on mobile, and use a single sidebarPanel slot so desktop panels replace in place instead of animating side by side. Co-authored-by: Cursor <cursoragent@cursor.com>
2026-07-02 06:39:32 +00:00
parent 17dd7107ee
commit bbf984bc60
5 changed files with 210 additions and 93 deletions
@@ -361,6 +361,29 @@ html.meet-room-page {
 }

@media (min-width: 640px) {
+    .meet-room-page .meet-room-panels-stack {
+        position: relative;
+        height: 100%;
+        flex-shrink: 0;
+        transition: width 0s;
+    }
+
+    .meet-room-page .meet-room-panels-stack.is-open {
+        width: 20rem;
+    }
+
+    .meet-room-page .meet-room-panels-stack:not(.is-open) {
+        width: 0;
+        overflow: hidden;
+    }
+
+    .meet-room-page .meet-room-panels-stack .meet-room-panel__pane {
+        position: absolute;
+        inset: 0;
+        width: 20rem;
+        height: 100%;
+    }
+
    .meet-room-page .meet-room-panel {
        position: relative;
        inset: auto;