From 9c00ecfdb4dac36f6f1cc33808fd2d9e7f47bb91 Mon Sep 17 00:00:00 2001
From: Thanh Minh <112760114+tmih06@users.noreply.github.com>
Date: Thu, 7 May 2026 01:01:11 +0700
Subject: [PATCH] fix(issues): blur sticky agent live card (#2170)

* fix(issues): blur sticky agent live card

* fix(issues): drop inner live-card blur

* fix(issues): match sticky live-card radius
---
 packages/views/issues/components/agent-live-card.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/views/issues/components/agent-live-card.tsx b/packages/views/issues/components/agent-live-card.tsx
index 7aa6d7ccfb..83263f18f8 100644
--- a/packages/views/issues/components/agent-live-card.tsx
+++ b/packages/views/issues/components/agent-live-card.tsx
@@ -220,7 +220,7 @@ export function AgentLiveCard({ issueId }: AgentLiveCardProps) {
   return (
     <>
       {/* Primary agent — sticky at the top of the activity area */}
-      <div className="mt-4 sticky top-4 z-10">
+      <div className="mt-4 sticky top-4 z-10 rounded-lg bg-background/80 supports-[backdrop-filter]:bg-background/55 backdrop-blur-md">
         <SingleAgentLiveCard
           task={firstEntry.task}
           items={firstEntry.items}
@@ -283,7 +283,7 @@ function SingleAgentLiveCard({ task, items, issueId, agentName }: SingleAgentLiv
   const toolCount = items.filter((i) => i.type === "tool_use").length;
 
   return (
-    <div className="rounded-lg border border-info/20 bg-info/5 backdrop-blur-sm">
+    <div className="rounded-lg border border-info/20 bg-info/5">
       <div className="flex items-center gap-2 px-3 py-2 text-muted-foreground">
         {task.agent_id ? (
           <ActorAvatar actorType="agent" actorId={task.agent_id} size={20} enableHoverCard showStatusDot />