From bcc7cd36888bb997cd50dc797aea8e721101c285 Mon Sep 17 00:00:00 2001
From: yuhaowin <34699768+yuhaowin@users.noreply.github.com>
Date: Mon, 8 Jun 2026 13:45:59 +0800
Subject: [PATCH] fix(projects): add backdrop-blur to compact list header
 (#3783)

The sticky header in the Projects compact list was missing backdrop-blur,
causing underlying content to bleed through the semi-transparent bg-muted/30
background when scrolling. Matches the DataTable header pattern used in the
Agents module.

Co-authored-by: multica-agent <github@multica.ai>
---
 packages/views/projects/components/projects-page.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/views/projects/components/projects-page.tsx b/packages/views/projects/components/projects-page.tsx
index f4093490a..ecfd5f053 100644
--- a/packages/views/projects/components/projects-page.tsx
+++ b/packages/views/projects/components/projects-page.tsx
@@ -312,7 +312,7 @@ export function ProjectsPage() {
           ) : isCompact ? (
             <div className="mt-4 mx-5 rounded-md border mb-5 overflow-auto flex-1">
               <div className="min-w-[740px]">
-                <div className={cn(COMPACT_GRID, "h-8 shrink-0 items-center gap-2 px-4 text-xs font-medium text-muted-foreground border-b bg-muted/30 sticky top-0 z-10")}>
+                <div className={cn(COMPACT_GRID, "h-8 shrink-0 items-center gap-2 px-4 text-xs font-medium text-muted-foreground border-b bg-muted/30 backdrop-blur sticky top-0 z-10")}>
                   <span />
                   <span className="text-left">{t(($) => $.table.name)}</span>
                   <span className="text-left">{t(($) => $.table.priority)}</span>