From b96f4a42bb9fde61f585928fe29b2379e0ea0f1e Mon Sep 17 00:00:00 2001
From: chihlasm <michael@chihlas.com>
Date: Tue, 24 Mar 2026 23:30:32 +0000
Subject: [PATCH] fix: dismiss branch hover card when mouse leaves to scrim

The fixed scrim was catching the mouse, keeping the hover alive
indefinitely. Now the scrim has onMouseEnter={() => setIsHovered(false)}
so moving the mouse anywhere off the expanded card dismisses it.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 frontend/src/components/session/BranchNode.tsx | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/frontend/src/components/session/BranchNode.tsx b/frontend/src/components/session/BranchNode.tsx
index dd2aa093..9aef80f3 100644
--- a/frontend/src/components/session/BranchNode.tsx
+++ b/frontend/src/components/session/BranchNode.tsx
@@ -97,8 +97,11 @@ export function BranchNode({ branch, depth, isActive, onClick }: BranchNodeProps
       {/* Expanded card — floats directly on top of the base card */}
       {showExpanded && (
         <>
-          {/* Scrim behind to dim everything */}
-          <div className="fixed inset-0 z-40 bg-black/30" />
+          {/* Scrim behind to dim everything — dismisses on mouse enter */}
+          <div
+            className="fixed inset-0 z-40 bg-black/30"
+            onMouseEnter={() => setIsHovered(false)}
+          />
 
           {/* Expanded card positioned over the original */}
           <div