From 91bbd193339764c0ade1ac40c63bc00080e7d82b Mon Sep 17 00:00:00 2001
From: Debanjum Singh Solanky <debanjum@gmail.com>
Date: Tue, 22 Oct 2024 18:02:08 -0700
Subject: [PATCH] Close the agent detail hover card when scroll on agent pane

---
 src/interface/web/app/page.tsx | 14 ++++++++++++++
 1 file changed, 14 insertions(+)

diff --git a/src/interface/web/app/page.tsx b/src/interface/web/app/page.tsx
index d0004ded..ec57c353 100644
--- a/src/interface/web/app/page.tsx
+++ b/src/interface/web/app/page.tsx
@@ -169,6 +169,20 @@ function ChatBodyData(props: ChatBodyDataProps) {
         }
     }, [selectedAgent, message, processingMessage, onConversationIdChange]);
 
+    // Close the agent detail hover card when scroll on agent pane
+    useEffect(() => {
+        const scrollAreaSelector = "[data-radix-scroll-area-viewport]";
+        const scrollAreaEl = document.querySelector<HTMLElement>(scrollAreaSelector);
+        const handleScroll = () => {
+            setHoveredAgent(null);
+            setIsPopoverOpen(false);
+        };
+
+        scrollAreaEl?.addEventListener("scroll", handleScroll);
+
+        return () => scrollAreaEl?.removeEventListener("scroll", handleScroll);
+    }, []);
+
     function fillArea(link: string, type: string, prompt: string) {
         if (!link) {
             let message_str = "";