feat(ui): open list items counter on Listen, none on Workspace

New stat listItemsOpenCount: unchecked items in all lists the user sees
(own, shared directly or through a group), shown as accent counter on
Listen in the header and the mobile bottom bar. Workspace loses its
counter. Stats refresh on list events and after deleting an item.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>

frontend/src/App.tsx

@@ -141,6 +141,7 @@ export const App: React.FC = () => {
     tasksDoneCount: 0,
     docsCount: 0,
     docsTodosOpenCount: 0,
+    listItemsOpenCount: 0,
     listsCount: 0,
     discardedCount: 0,
   });
@@ -550,14 +551,14 @@ export const App: React.FC = () => {
     }
   }, [user?.id]);
 
-  // Refresh stats on task/doc real-time events
+  // Refresh stats on task/doc/list real-time events (counters in the navigation)
   useEffect(() => {
     const handleWs = (e: any) => {
       const msg = e.detail;
       if (!msg) return;
       if (
         typeof msg.event === 'string' &&
-        (msg.event.startsWith('TASK_') || msg.event.startsWith('DOC_') || msg.event.startsWith('SPACE_'))
+        ['TASK_', 'DOC_', 'SPACE_', 'ITEM_', 'LIST_'].some((prefix) => msg.event.startsWith(prefix))
       ) {
         api.getMe().then((res) => {
           setStats(res.stats);
@@ -1000,10 +1001,7 @@ export const App: React.FC = () => {
               className={`tab-btn ${activeTab === 'workspace' ? 'tab-btn-active' : ''}`}
             >
               <FileText className="w-4 h-4" />
-              <span className={`relative inline-flex items-center ${(stats.docsTodosOpenCount ?? 0) > 0 ? 'pr-2' : ''}`}>
-                <span>Workspace</span>
-                <CountBadge count={stats.docsTodosOpenCount} variant="accent" position="corner" className="-top-1.5 -right-1" />
-              </span>
+              <span>Workspace</span>
             </button>
 
             <button
@@ -1028,7 +1026,10 @@ export const App: React.FC = () => {
               className={`tab-btn ${activeTab === 'lists' ? 'tab-btn-active' : ''}`}
             >
               <ShoppingCart className="w-4 h-4" />
-              <span>Listen</span>
+              <span className={`relative inline-flex items-center ${(stats.listItemsOpenCount ?? 0) > 0 ? 'pr-2' : ''}`}>
+                <span>Listen</span>
+                <CountBadge count={stats.listItemsOpenCount} variant="accent" position="corner" className="-top-1.5 -right-1" />
+              </span>
             </button>
           </div>
 
@@ -1166,10 +1167,7 @@ export const App: React.FC = () => {
           }`}
           title="Workspace"
         >
-          <div className="relative">
-            <FileText className="w-5 h-5" />
-            <CountBadge count={stats.docsTodosOpenCount} variant="accent" position="corner" className="-top-1.5 -right-2.5" />
-          </div>
+          <FileText className="w-5 h-5" />
           <span className="text-[10px] leading-tight">Workspace</span>
         </button>
 
@@ -1223,7 +1221,10 @@ export const App: React.FC = () => {
           }`}
           title="Listen"
         >
-          <ShoppingCart className="w-5 h-5" />
+          <div className="relative">
+            <ShoppingCart className="w-5 h-5" />
+            <CountBadge count={stats.listItemsOpenCount} variant="accent" position="corner" className="-top-1.5 -right-2.5" />
+          </div>
           <span className="text-[10px] leading-tight">Listen</span>
         </button>
       </nav>