From 3ba65bedb7fd6d855a389abc946065bd54e893d8 Mon Sep 17 00:00:00 2001
From: ciregenz <ciregenz@berkeley.edu>
Date: Fri, 7 Aug 2026 00:43:23 -0700
Subject: [PATCH] [eric] ux: marketplace joins click-to-fit, camera flights
 land soft (340ms quintic), browser-agent runs show one view not two

---
 .../app/pages/AgentChat/tool-bubbles/DefaultToolBubble.tsx  | 4 ++++
 frontend/src/app/pages/Dashboard/geometry/getCardRect.ts    | 5 +++++
 .../pages/Dashboard/hooks/interaction/useCanvasControls.ts  | 6 ++++--
 3 files changed, 13 insertions(+), 2 deletions(-)

diff --git a/frontend/src/app/pages/AgentChat/tool-bubbles/DefaultToolBubble.tsx b/frontend/src/app/pages/AgentChat/tool-bubbles/DefaultToolBubble.tsx
index 29e66e20..b6a57533 100644
--- a/frontend/src/app/pages/AgentChat/tool-bubbles/DefaultToolBubble.tsx
+++ b/frontend/src/app/pages/AgentChat/tool-bubbles/DefaultToolBubble.tsx
@@ -222,6 +222,10 @@ export const DefaultToolBubble: React.FC<DefaultToolBubbleProps> = ({
           ) : (
           <Box
             sx={{
+              // While a browser agent is live the mini browser below carries the SAME action feed on
+              // its own overlay; showing the black log too is the same story twice, so it collapses
+              // to zero height for the duration and returns as the normal record once the run ends.
+              display: isBrowserAgent && (isPending || isStreaming) ? 'none' : undefined,
               bgcolor: tc.TERM_BG,
               borderRadius: 1.5,
               maxHeight: 'min(40vh, 320px)',
diff --git a/frontend/src/app/pages/Dashboard/geometry/getCardRect.ts b/frontend/src/app/pages/Dashboard/geometry/getCardRect.ts
index 7ea309ee..a9a5e9a1 100644
--- a/frontend/src/app/pages/Dashboard/geometry/getCardRect.ts
+++ b/frontend/src/app/pages/Dashboard/geometry/getCardRect.ts
@@ -29,6 +29,11 @@ export function getCardRect(id: string, type: CardType):
     const sc = layoutState.settingsCard;
     if (!sc) return undefined;
     return { x: sc.x, y: sc.y, width: sc.width, height: sc.height };
+  } else if (type === 'marketplace') {
+    // Marketplace was the one window the camera could not frame, so clicking it did nothing.
+    const mc = layoutState.marketplaceCard;
+    if (!mc) return undefined;
+    return { x: mc.x, y: mc.y, width: mc.width, height: mc.height };
   }
   return undefined;
 }
diff --git a/frontend/src/app/pages/Dashboard/hooks/interaction/useCanvasControls.ts b/frontend/src/app/pages/Dashboard/hooks/interaction/useCanvasControls.ts
index cdcfb5bb..2f520563 100644
--- a/frontend/src/app/pages/Dashboard/hooks/interaction/useCanvasControls.ts
+++ b/frontend/src/app/pages/Dashboard/hooks/interaction/useCanvasControls.ts
@@ -23,7 +23,7 @@ const FIT_PADDING = 200;
 const TIDY_PADDING = { x: 120, y: 56 };
 const TIDY_MIN_ZOOM = REVEAL_MIN_ZOOM;
 // Card-framing (spawn, click-to-focus, arrow-nav) snaps as fast as the zoom buttons so a new card lands under you now, not after a lazy glide.
-const FIT_DURATION = 150;
+const FIT_DURATION = 340;
 // Must outlast FIT_DURATION so the drift re-snap lands after the glide, never mid-flight.
 const FIT_SETTLE_DELAY = FIT_DURATION + 60;
 // A mouse notch lands as deltaY 100 where a trackpad sends ~1-10, so cap the per-event zoom delta: uncapped, one notch is a ~24% jump and macOS wheel acceleration stacks them. No-op for trackpads.
@@ -234,7 +234,9 @@ export function useCanvasControls(
 
     const step = (now: number) => {
       const t = Math.min((now - startTime) / duration, 1);
-      const ease = 1 - Math.pow(1 - t, 3); // cubic ease-out
+      // Quintic ease-out: leaves fast, lands soft. The old cubic at 150ms read as a snap; the eye
+      // reads the long tail as "the camera settled" rather than "the world jumped".
+      const ease = 1 - Math.pow(1 - t, 5);
       applyLive({
         panX: start.panX + (target.panX - start.panX) * ease,
         panY: start.panY + (target.panY - start.panY) * ease,