From 5548d60dbba71b2d6f286e7b384ffaa72a65f423 Mon Sep 17 00:00:00 2001
From: Naiyuan Qing <145280634+NevilleQingNY@users.noreply.github.com>
Date: Fri, 3 Apr 2026 18:35:52 +0800
Subject: [PATCH] Revert "fix(issues): prevent sticky mini bar oscillation with
 height placeholder"

This reverts commit 9fb25f4543c111c7e49a2fb592da143dad8858bc.
---
 .../features/issues/components/agent-live-card.tsx | 14 +-------------
 1 file changed, 1 insertion(+), 13 deletions(-)

diff --git a/apps/web/features/issues/components/agent-live-card.tsx b/apps/web/features/issues/components/agent-live-card.tsx
index c2676724..110eb1ff 100644
--- a/apps/web/features/issues/components/agent-live-card.tsx
+++ b/apps/web/features/issues/components/agent-live-card.tsx
@@ -112,10 +112,8 @@ export function AgentLiveCard({ issueId, agentName, scrollContainerRef }: AgentL
   const [autoScroll, setAutoScroll] = useState(true);
   const [cancelling, setCancelling] = useState(false);
   const [isStuck, setIsStuck] = useState(false);
-  const [cardHeight, setCardHeight] = useState(0);
   const scrollRef = useRef<HTMLDivElement>(null);
   const sentinelRef = useRef<HTMLDivElement>(null);
-  const cardRef = useRef<HTMLDivElement>(null);
   const seenSeqs = useRef(new Set<string>());
 
   // Check for active task on mount
@@ -239,13 +237,7 @@ export function AgentLiveCard({ issueId, agentName, scrollContainerRef }: AgentL
 
     const observer = new IntersectionObserver(
       (entries) => {
-        if (!entries[0]) return;
-        const stuck = !entries[0].isIntersecting;
-        // Capture expanded height before collapsing to use as placeholder
-        if (stuck && cardRef.current) {
-          setCardHeight(cardRef.current.offsetHeight);
-        }
-        setIsStuck(stuck);
+        if (entries[0]) setIsStuck(!entries[0].isIntersecting);
       },
       { root, threshold: 0, rootMargin: "-40px 0px 0px 0px" },
     );
@@ -292,10 +284,7 @@ export function AgentLiveCard({ issueId, agentName, scrollContainerRef }: AgentL
       {/* Sentinel — zero-height element that IntersectionObserver watches */}
       <div ref={sentinelRef} className="mt-4 h-0 pointer-events-none" aria-hidden />
 
-      {/* Placeholder preserves card height when stuck, preventing layout shift */}
-      <div style={{ minHeight: isStuck && cardHeight ? cardHeight : undefined }}>
       <div
-        ref={cardRef}
         className={cn(
           "rounded-lg border transition-all duration-200",
           isStuck
@@ -385,7 +374,6 @@ export function AgentLiveCard({ issueId, agentName, scrollContainerRef }: AgentL
           )}
         </div>
       </div>
-      </div>
     </>
   );
 }