From e9bff4abad7af23677e4540100588797e69cfd32 Mon Sep 17 00:00:00 2001
From: Ishaan Gupta <ishaankone@gmail.com>
Date: Tue, 9 Jun 2026 19:05:27 +0530
Subject: [PATCH] Contain Nova connector hover cards

---
 apps/web/components/chat/message/agent-message.tsx | 8 +++-----
 1 file changed, 3 insertions(+), 5 deletions(-)

diff --git a/apps/web/components/chat/message/agent-message.tsx b/apps/web/components/chat/message/agent-message.tsx
index 96696785..09add29b 100644
--- a/apps/web/components/chat/message/agent-message.tsx
+++ b/apps/web/components/chat/message/agent-message.tsx
@@ -508,7 +508,7 @@ function NovaConnectorCompactCard({
 }) {
 	const iconSrc = connectorIconSrc(connector)
 	return (
-		<div className="group relative">
+		<div className="group min-w-0 rounded-xl focus-within:sm:col-span-2 hover:sm:col-span-2">
 			<button
 				type="button"
 				className="flex min-h-14 w-full items-center gap-2 rounded-xl border border-white/[0.08] bg-[#0D121A] px-2.5 py-2 text-left transition-colors hover:border-white/[0.14] hover:bg-[#111820] focus:outline-none focus-visible:border-[#4BA0FA]/50"
@@ -537,10 +537,8 @@ function NovaConnectorCompactCard({
 				</div>
 				<StatusPill status={connector.status} />
 			</button>
-			<div className="pointer-events-none absolute left-0 top-full z-30 hidden w-[min(34rem,calc(100vw-2rem))] pt-2 group-hover:block group-focus-within:block">
-				<div className="pointer-events-auto">
-					<NovaConnectorCard connector={connector} />
-				</div>
+			<div className="hidden pt-2 group-hover:block group-focus-within:block">
+				<NovaConnectorCard connector={connector} />
 			</div>
 		</div>
 	)