fix(ui): make thread names white, sync browser webview bounds on layout changes

Author: Swofty-Developments

crates/tauri-app/frontend/src/components/browser/BrowserPanel.tsx

@@ -32,17 +32,20 @@ export function BrowserPanel(props: BrowserPanelProps) {
     ).catch(() => {});
   }
 
-  // Observe viewport resizes
+  // Keep bounds in sync — ResizeObserver + polling fallback
   onMount(() => {
     const ro = new ResizeObserver(() => updateBounds());
     if (viewportRef) ro.observe(viewportRef);
 
-    // Also update on scroll/resize of the window
     window.addEventListener("resize", updateBounds);
 
+    // Poll every 200ms as fallback for layout changes (sidebar resize, pane drag, etc.)
+    const interval = setInterval(updateBounds, 200);
+
     onCleanup(() => {
       ro.disconnect();
       window.removeEventListener("resize", updateBounds);
+      clearInterval(interval);
       // Hide webview when panel unmounts (thread switch)
       ipc.browserHide(props.threadId).catch(() => {});
     });

crates/tauri-app/frontend/src/components/sidebar/ThreadItem.tsx

@@ -134,7 +134,7 @@ if (!document.getElementById("thread-item-styles")) {
       padding: 5px 12px; margin: 1px 0;
       border-radius: var(--radius-sm); cursor: pointer;
       transition: background 0.15s, color 0.15s;
-      font-size: 13px; color: var(--text-secondary);
+      font-size: 13px; color: var(--text);
       touch-action: none;
       position: relative;
     }

crates/tauri-app/frontend/src/components/tabs/TabBar.tsx

@@ -204,7 +204,7 @@ if (!document.getElementById("tab-bar-styles")) {
       padding: 6px 12px;
       font-size: 12px;
       font-weight: 500;
-      color: var(--text-tertiary);
+      color: var(--text-secondary);
       border-radius: var(--radius-sm) var(--radius-sm) 0 0;
       cursor: grab;
       transition: background 0.12s, color 0.12s, opacity 0.15s;