Fix runtime logging and frontend app regressions

frontend/src/styles/GlobalStyles.jsx

@@ -478,7 +478,7 @@ export default function GlobalStyles() {
         background: #ffffff;
         flex-wrap: wrap;
         position: relative;
-        z-index: 1000;
+        z-index: 10;
       }
 
       .agent-indicator {
@@ -583,6 +583,7 @@ export default function GlobalStyles() {
 
       .room-scene-wrapper {
         position: relative;
+        overflow: visible;
       }
 
       @keyframes pulse {
@@ -646,7 +647,7 @@ export default function GlobalStyles() {
         display: flex;
         align-items: center;
         justify-content: center;
-        overflow: hidden;
+        overflow: visible;
         padding: 24px;
         position: relative;
       }
@@ -656,6 +657,7 @@ export default function GlobalStyles() {
         display: flex;
         align-items: center;
         justify-content: center;
+        overflow: visible;
       }
 
       .room-canvas {
@@ -666,7 +668,8 @@ export default function GlobalStyles() {
 
       .room-bubble {
         position: absolute;
-        max-width: 300px;
+        max-width: 320px;
+        max-height: 260px;
         font-size: 11px;
         background: #ffffff;
         color: #000000;
@@ -676,6 +679,8 @@ export default function GlobalStyles() {
         font-family: 'IBM Plex Mono', monospace;
         line-height: 1.5;
         animation: bubbleAppear 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
+        overflow: hidden;
+        z-index: 30;
       }
 
       @keyframes bubbleAppear {
@@ -786,6 +791,9 @@ export default function GlobalStyles() {
         word-wrap: break-word;
         white-space: pre-wrap;
         position: relative;
+        max-height: 180px;
+        overflow-y: auto;
+        padding-right: 4px;
       }
 
       .bubble-expand-btn {