[eric] dock: slot height off percentages (nested-wrapper resolution pushed it out of the card), sub-agent browser tether also suppressed while docked

frontend/src/app/pages/AgentChat/AgentChat.tsx

@@ -2406,8 +2406,13 @@ const AgentChat: React.FC<AgentChatProps> = ({ sessionId: sessionIdProp, onClose
                 <Box
                   data-browser-slot={id}
                   sx={{
-                    flexShrink: 0,
-                    height: 'clamp(240px, 42%, 560px)',
+                    // Percentage heights resolve against a NESTED wrapper here, not the card, which
+                    // pushed the slot (and the docked browser riding it) clean out of the chat.
+                    // Viewport units are the only stable yardstick in this column; shrink allowed so
+                    // a short card squeezes the slot instead of overflowing.
+                    flex: '0 1 auto',
+                    height: 'min(360px, 38vh)',
+                    minHeight: 180,
                     mx: 1.5,
                     mb: 1,
                     borderRadius: '10px',

frontend/src/app/pages/Dashboard/geometry/dashboardTethers.ts

@@ -279,6 +279,8 @@ export function useTethers({
       if (s.status !== 'running' && s.status !== 'waiting_approval') continue;
       if (!s.browser_id || !s.parent_session_id) continue;
       if (glowTethers.has(s.browser_id)) continue;
+      // Docked browsers live INSIDE the chat; an arrow to them points at nothing.
+      if (browserCards[s.browser_id]?.docked_to) continue;
       // A browser docked below the hub keeps a "Browser" pointer so the link reads at a glance; the right-docked agent/run cases stay label-free (their glow already said it on spawn).
       const parent = sessionById.get(s.parent_session_id);
       const t = cardTether(