From 6815a361319ea2c13504abc9524ef92cbfdae427 Mon Sep 17 00:00:00 2001
From: ciregenz <ciregenz@berkeley.edu>
Date: Tue, 4 Aug 2026 16:43:14 -0700
Subject: [PATCH] [eric] canvas: clicks inside a docked mini browser never fly
 the camera, the toolbar counts as card chrome

---
 frontend/src/app/pages/Dashboard/cards/BrowserCard.tsx   | 1 +
 .../hooks/interaction/useDashboardInteractions.ts        | 9 +++++++++
 2 files changed, 10 insertions(+)

diff --git a/frontend/src/app/pages/Dashboard/cards/BrowserCard.tsx b/frontend/src/app/pages/Dashboard/cards/BrowserCard.tsx
index 9039190a..0b24b62a 100644
--- a/frontend/src/app/pages/Dashboard/cards/BrowserCard.tsx
+++ b/frontend/src/app/pages/Dashboard/cards/BrowserCard.tsx
@@ -1353,6 +1353,7 @@ const BrowserCard: React.FC<Props> = ({
 
       {/* ====== Navigation bar ====== */}
       <Box
+        data-card-control="true"
         sx={{
           display: 'flex',
           alignItems: 'center',
diff --git a/frontend/src/app/pages/Dashboard/hooks/interaction/useDashboardInteractions.ts b/frontend/src/app/pages/Dashboard/hooks/interaction/useDashboardInteractions.ts
index eecd4762..f7102d46 100644
--- a/frontend/src/app/pages/Dashboard/hooks/interaction/useDashboardInteractions.ts
+++ b/frontend/src/app/pages/Dashboard/hooks/interaction/useDashboardInteractions.ts
@@ -24,6 +24,11 @@ function isCardTarget(target: EventTarget | null, boundary: EventTarget | null):
 
 const CONTROL_TAGS = new Set(['INPUT', 'TEXTAREA', 'SELECT', 'BUTTON', 'A', 'WEBVIEW']);
 
+function cardIsDocked(id: string): boolean {
+  const dl = store.getState().dashboardLayout;
+  return !!(dl.browserCards[id]?.docked_to || dl.viewCards[id]?.docked_to);
+}
+
 // True when the press landed on a real control (text field, button, browser URL bar/tabs, note textarea, webview) rather than the card's frame. Walk up ONLY to the card root so a button living above the card never counts.
 function pressLandedOnControl(target: EventTarget | null | undefined): boolean {
   let el = target as HTMLElement | null;
@@ -90,6 +95,9 @@ export function useDashboardInteractions({
     // it or glide the camera; it leaves the mode via its own controls (yellow, Esc, dock swap).
     if (store.getState().dashboardLayout.tiledCards[id]) return;
 
+    // A docked mini lives INSIDE a chat; getCardRect knows only its undocked home, so a fit here flies the camera to an empty patch of canvas.
+    if (cardIsDocked(id)) return;
+
     // Single-click on an already-expanded chat is focus, never collapse: the old delayed-collapse
     // toggle made a click land, collapse the chat, and force a second click to reopen ("takes
     // multiple clicks"). Collapse lives on the yellow light / Esc / canvas click instead.
@@ -244,6 +252,7 @@ export function useDashboardInteractions({
     dispatch(bringToFront({ id, type }));
     setFocusedCardId(id);
     if (store.getState().dashboardLayout.tiledCards[id]) return;
+    if (cardIsDocked(id)) return;
     setTimeout(() => {
       const rect = getCardRect(id, type);
       if (rect) canvas.actions.fitToCards([rect], 1.15, true);