feat: surface mobile deadline urgency (Closes #705)

tests/test_mobile_task_dock.py

@@ -293,18 +293,19 @@ sheet.showModal = function () {{ this.open = true; }};
 sheet.close = function () {{ this.open = false; this.listeners.close?.(); }};
 const close = new FakeElement();
 const badge = new FakeElement();
-const rows = Object.fromEntries(['today','attention','update','later','draft','recaps'].map(name => [name, new FakeElement()]));
+const deadline = new FakeElement();
+const rows = Object.fromEntries(['today','agenda','attention','update','later','draft','recaps'].map(name => [name, new FakeElement()]));
 const counts = Object.fromEntries(Object.keys(rows).map(name => [name, new FakeElement()]));
 const selected = [];
 const utilities = [];
 const dock = createDock({{
   nav, buttons:{{queues}}, actions:{{queues:()=>{{}}}}, overlays:[sheet],
-  queueSheet:sheet, queueClose:close, queueRows:rows, queueCounts:counts, queueBadge:badge,
+  queueSheet:sheet, queueClose:close, queueRows:rows, queueCounts:counts, queueBadge:badge, deadlineBadge:deadline,
   onSelectQueue:(name,row)=>name === 'recaps' ? utilities.push(row === rows.recaps ? 'recaps:trigger' : 'recaps:missing-trigger') : selected.push(name),
   observe() {{}},
 }});
 dock.start();
-dock.updateQueues({{today:2, attention:1, update:5, later:3, draft:4}});
+dock.updateQueues({{today:2, agenda:5, attention:1, update:5, later:3, draft:4}});
 queues.click();
 const opened = sheet.open;
 rows.update.click();
@@ -312,9 +313,18 @@ const closedAfterSelect = !sheet.open;
 queues.click(); rows.recaps.click();
 const closedAfterUtility = !sheet.open;
 queues.click(); close.click();
+const populated = {{
+  deadline:deadline.textContent, deadlineHidden:deadline.hidden,
+  agendaDue:rows.agenda.attributes['data-deadlines'] || null,
+  badgeLabel:queues.attributes['aria-label'],
+}};
+dock.updateQueues({{today:0, agenda:0, attention:0, update:0, later:0, draft:0}});
 process.stdout.write(JSON.stringify({{
   opened, closedAfterSelect, closedAfterUtility, selected, utilities,
-  badge:badge.textContent, badgeLabel:queues.attributes['aria-label'],
+  badge:badge.textContent, populated,
+  clearedDeadlineHidden:deadline.hidden,
+  clearedAgendaDue:rows.agenda.attributes['data-deadlines'] || null,
+  clearedBadgeLabel:queues.attributes['aria-label'],
   counts:Object.fromEntries(Object.entries(counts).map(([name, node]) => [name, node.textContent])),
   updateLabel:rows.update.attributes['aria-label'],
   queueFocuses:queues.focuses,
@@ -331,10 +341,13 @@ process.stdout.write(JSON.stringify({{
         "selected": ["update"],
         "utilities": ["recaps:trigger"],
         # Updates are a drill-down within Attention and must not inflate the aggregate badge.
-        "badge": "10",
-        "badgeLabel": "Queues, 10 items",
-        "counts": {"today": "2", "attention": "1", "update": "5", "later": "3", "draft": "4", "recaps": "0"},
-        "updateLabel": "Updates, 5 unread conversations",
+        "badge": "0",
+        "populated": {"badgeLabel": "Queues, 10 items, 5 upcoming deadlines", "deadline": "5 due", "deadlineHidden": False, "agendaDue": "true"},
+        "clearedDeadlineHidden": True,
+        "clearedAgendaDue": None,
+        "clearedBadgeLabel": "Queues, 0 items",
+        "counts": {"today": "0", "agenda": "0", "attention": "0", "update": "0", "later": "0", "draft": "0", "recaps": "0"},
+        "updateLabel": "Updates, 0 unread conversations",
         "queueFocuses": 3,
         "columnState": None,
     }
@@ -436,6 +449,7 @@ async def test_dashboard_renders_and_wires_mobile_queue_switcher():
     assert 'data-mobile-queue="recaps"' in html
     assert '<strong>Recaps</strong><small>History</small>' in html
     assert 'id="mobile-queue-count"' in html
+    assert 'id="mobile-deadline-count"' in html
     assert 'mobileTaskDock.updateQueues(counts)' in html
     assert '<script src="static/mobile-queue-launcher.js"></script>' in html
     assert "const mobileQueueLauncher = createMobileQueueLauncher({" in html
@@ -444,6 +458,8 @@ async def test_dashboard_renders_and_wires_mobile_queue_switcher():
     assert '.mobile-queue-sheet' in html
     assert '.my-work-actions { display:none;' in html
     assert 'padding-bottom:calc(16px + env(safe-area-inset-bottom))' in html
+    assert '.mobile-task-deadline' in html
+    assert '[data-deadlines="true"]' in html
     assert '.mobile-task-dock[data-attention="true"]' not in html