From f05a7c9035bbfb281366145011c87dca59ebc2e4 Mon Sep 17 00:00:00 2001
From: mARTin <mail@martin-bierschenk.de>
Date: Wed, 11 Mar 2026 08:47:44 +0100
Subject: [PATCH] fix: show list count badges on someday tab buttons

Display number of lists per tab in a circle badge next to the tab name.
"All" shows total count, each tab shows its filtered count.

v1.26.2

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 package.json                  |  2 +-
 src/app/globals.css           | 20 ++++++++++++++++++++
 src/components/WeeklyView.tsx |  4 ++--
 3 files changed, 23 insertions(+), 3 deletions(-)

diff --git a/package.json b/package.json
index cfe1e98..989ff02 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "my-weekly-todo-list",
-  "version": "1.26.1",
+  "version": "1.26.2",
   "description": "A web-based weekly task management application that organizes to-dos and calendar events in a single, intuitive weekly view",
   "main": "index.js",
   "scripts": {
diff --git a/src/app/globals.css b/src/app/globals.css
index b98764d..e461b54 100644
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -1533,6 +1533,26 @@ h3 {
   color: #fff;
 }
 
+.someday-tab-count {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  min-width: 16px;
+  height: 16px;
+  padding: 0 4px;
+  border-radius: 8px;
+  background: var(--weekly-hover-bg, rgba(0, 0, 0, 0.08));
+  font-size: 0.65rem;
+  font-weight: 600;
+  line-height: 1;
+  margin-left: 2px;
+}
+
+.someday-tab-btn-h.active .someday-tab-count {
+  background: rgba(255, 255, 255, 0.25);
+  color: #fff;
+}
+
 /* Someday Tab Wrapper with dissolve button */
 .someday-tab-wrapper-h {
   position: relative;
diff --git a/src/components/WeeklyView.tsx b/src/components/WeeklyView.tsx
index 0e87238..054d903 100644
--- a/src/components/WeeklyView.tsx
+++ b/src/components/WeeklyView.tsx
@@ -6511,7 +6511,7 @@ export default function WeeklyView() {
                                     <button
                                         className={`someday-tab-btn-h ${activeSomedayTab === null ? "active" : ""}`}
                                         onClick={() => setSomedayTab(null)}
-                                    >{t.allTabs}</button>
+                                    >{t.allTabs} <span className="someday-tab-count">{somedayLists.length}</span></button>
                                     {somedayTabs.map(tab => (
                                         editingTabName === tab ? (
                                             <input
@@ -6548,7 +6548,7 @@ export default function WeeklyView() {
                                                         setRenamingTabValue(tab);
                                                     }}
                                                     title={t.renameTab}
-                                                >{tab}</button>
+                                                >{tab} <span className="someday-tab-count">{somedayLists.filter(l => l.tab === tab).length}</span></button>
                                                 <button
                                                     className="someday-tab-dissolve-h"
                                                     onClick={(e) => { e.stopPropagation(); dissolveTab(tab); }}