From 4faf0e80b683c6c75fac1428cf2756f373f5c345 Mon Sep 17 00:00:00 2001
From: Krao Hasanee <kraohasanee@fourgebranding.com>
Date: Mon, 8 Jun 2026 16:46:02 -0400
Subject: [PATCH] fix: hide counter on All tabs; reduce card-bg alpha ~20%
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Tasks + ProjectDetail: skip count badge when tab.id === 'all'
- card-bg 0.07 → 0.055, card-bg-2 0.12 → 0.09

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 .claude/settings.local.json | 3 ++-
 src/index.css               | 4 ++--
 src/pages/ProjectDetail.jsx | 2 +-
 src/pages/Tasks.jsx         | 2 +-
 4 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/.claude/settings.local.json b/.claude/settings.local.json
index d27e52e..bf94ccd 100644
--- a/.claude/settings.local.json
+++ b/.claude/settings.local.json
@@ -20,7 +20,8 @@
       "Bash(git commit -q -m 'fix: subcontractor PDF title + multi-page support *)",
       "Bash(git commit -q -m 'style: card-bg dark-based alpha to match Safari panel look *)",
       "Bash(git commit -q -m 'style: white-based card-bg 0.07, blur 12px→20px for less transparency *)",
-      "Bash(git commit -q -m 'fix: subcontractor PDF quality, footer on all pages, header gap *)"
+      "Bash(git commit -q -m 'fix: subcontractor PDF quality, footer on all pages, header gap *)",
+      "mcp__plugin_supabase_supabase__execute_sql"
     ]
   }
 }
diff --git a/src/index.css b/src/index.css
index 1d31e53..ac89483 100644
--- a/src/index.css
+++ b/src/index.css
@@ -29,8 +29,8 @@
   --bg:
     radial-gradient(560px circle at 58% -6%, rgba(245, 165, 35, 0.16) 0%, rgba(245, 165, 35, 0.105) 24%, rgba(245, 165, 35, 0.055) 48%, rgba(245, 165, 35, 0.018) 72%, rgba(245, 165, 35, 0) 100%),
     linear-gradient(180deg, #111111 0%, #0d0d0d 42%, #0a0a0a 100%);
-  --card-bg: rgba(255, 255, 255, 0.07);
-  --card-bg-2: rgba(255, 255, 255, 0.12);
+  --card-bg: rgba(255, 255, 255, 0.055);
+  --card-bg-2: rgba(255, 255, 255, 0.09);
   --popup-bg: rgba(13,13,13,0.88);
   --text-primary: #ffffff;
   --text-secondary: #a8a8a8;
diff --git a/src/pages/ProjectDetail.jsx b/src/pages/ProjectDetail.jsx
index 38d0799..9ae2923 100644
--- a/src/pages/ProjectDetail.jsx
+++ b/src/pages/ProjectDetail.jsx
@@ -362,7 +362,7 @@ export default function ProjectDetailPage() {
                     return (
                       <button key={tab.id} onClick={() => setActiveTab(tab.id)} className={`section-tab-btn${active ? ' is-active' : ''}`}>
                         {tab.label}
-                        {count > 0 && <span style={{ marginLeft: 5, fontSize: 12, fontWeight: 600, color: active ? 'var(--accent)' : 'var(--text-muted)', background: 'var(--card-bg-2)', border: '1px solid var(--border)', borderRadius: 10, padding: '3px 8px' }}>{count}</span>}
+                        {tab.id !== 'all' && count > 0 && <span style={{ marginLeft: 5, fontSize: 12, fontWeight: 600, color: active ? 'var(--accent)' : 'var(--text-muted)', background: 'var(--card-bg-2)', border: '1px solid var(--border)', borderRadius: 10, padding: '3px 8px' }}>{count}</span>}
                       </button>
                     );
                   })}
diff --git a/src/pages/Tasks.jsx b/src/pages/Tasks.jsx
index 77e6904..1fbdd37 100644
--- a/src/pages/Tasks.jsx
+++ b/src/pages/Tasks.jsx
@@ -725,7 +725,7 @@ export default function RequestsPage() {
           {tabs.map(t => (
             <button key={t.id} onClick={() => setActiveTab(t.id)} className={`section-tab-btn${activeTab === t.id ? ' is-active' : ''}`}>
               {t.label}
-              {tabCounts[t.id] > 0 && (
+              {t.id !== 'all' && tabCounts[t.id] > 0 && (
                 <span style={{ marginLeft: 5, fontSize: 12, fontWeight: 600, color: activeTab === t.id ? 'var(--accent)' : 'var(--text-muted)', background: 'var(--card-bg-2)', border: '1px solid var(--border)', borderRadius: 10, padding: '3px 8px' }}>
                   {tabCounts[t.id]}
                 </span>