feat: keep mobile Attention actionable alongside Today (Closes #593)

tests/test_comment_next.py

@@ -303,4 +303,4 @@ async def test_unread_update_offers_reply_mark_read_and_next_independent_of_toda
     assert '.update-reply-actions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr));' in html
     assert '.update-reply-actions button { min-height:44px;' in html
     worker = (Path(__file__).parents[1] / "frontend" / "service-worker.js").read_text()
-    assert "stackchain-dashboard-shell-v89" in worker
+    assert "stackchain-dashboard-shell-v90" in worker

tests/test_frontend_bundle.py

@@ -162,7 +162,7 @@ def test_legacy_cache_marker_is_normalized_out_of_build_identity(tmp_path):
     worker = changed_frontend / "service-worker.js"
     worker.write_text(
         worker.read_text().replace(
-            "const CACHE = 'stackchain-dashboard-shell-v89';",
+            "const CACHE = 'stackchain-dashboard-shell-v90';",
             "const CACHE = 'stackchain-dashboard-shell-v999';",
         )
     )

tests/test_later_sync.py

@@ -347,5 +347,5 @@ async def test_dashboard_syncs_every_later_change_and_exposes_account_status():
 def test_later_sync_ships_atomically_in_the_offline_shell():
     source = (Path(__file__).parents[1] / "frontend" / "service-worker.js").read_text()
 
-    assert "stackchain-dashboard-shell-v89" in source
+    assert "stackchain-dashboard-shell-v90" in source
     assert "BASE + 'static/later-sync.js'" in source

tests/test_markdown_renderer.py

@@ -137,4 +137,4 @@ def test_markdown_work_bodies_are_mobile_safe_block_containers():
     assert ".markdown-content { min-width:0; max-width:100%; overflow-wrap:anywhere;" in css
     assert ".markdown-content pre { max-width:100%; overflow-x:auto;" in css
     assert ".markdown-content a { min-height:44px;" in css
-    assert "stackchain-dashboard-shell-v89" in worker
+    assert "stackchain-dashboard-shell-v90" in worker

tests/test_mobile_composer_integration.py

@@ -41,7 +41,7 @@ def test_offline_shell_contains_every_local_dashboard_runtime_asset():
     shell_assets = set(re.findall(r"BASE \+ '([^']+)'", worker.split("async function sessionCsrf", 1)[0]))
 
     assert local_assets <= shell_assets, f"Offline shell is missing: {sorted(local_assets - shell_assets)}"
-    assert "stackchain-dashboard-shell-v89" in worker
+    assert "stackchain-dashboard-shell-v90" in worker
 
 
 def test_all_conversation_composers_offer_accessible_mobile_mentions():

tests/test_mobile_device_setup.py

@@ -186,7 +186,7 @@ def test_mobile_dashboard_mounts_phone_safe_device_setup_flow():
     assert "promptStorage:localStorage" in dashboard
     assert "pushControllerReady.then(ensureDeviceSetup)" in dashboard
     assert "BASE + 'static/mobile-device-setup.js'" in worker
-    assert "stackchain-dashboard-shell-v89" in worker
+    assert "stackchain-dashboard-shell-v90" in worker
     assert ".device-setup-panel" in css
     assert ".device-readiness-card" in css
     assert "overflow-x:hidden" in css

tests/test_mobile_task_dock.py

@@ -61,7 +61,8 @@ class FakeElement {{
   focus() {{ this.focuses += 1; }}
 }}
 const nav = new FakeElement();
-const buttons = Object.fromEntries(['work','find','new','search','drafts'].map(name => [name, new FakeElement()]));
+const buttons = Object.fromEntries(['work','attention','find','new','search','drafts'].map(name => [name, new FakeElement()]));
+buttons.attention.hidden = true;
 const overlay = new FakeElement();
 const calls = [];
 let observerCallback;
@@ -79,6 +80,7 @@ overlay.classList.values.delete('open'); observerCallback();
 buttons.drafts.click();
 process.stdout.write(JSON.stringify({{
   calls, hiddenWhileOpen, hiddenAfterClose:nav.hidden,
+  attentionHidden:buttons.attention.hidden,
   findFocuses:buttons.find.focuses,
   current:Object.fromEntries(Object.entries(buttons).map(([name, button]) => [name, button.attributes['aria-current'] || null])),
 }}));
@@ -92,9 +94,11 @@ process.stdout.write(JSON.stringify({{
         "calls": ["work", "find", "drafts"],
         "hiddenWhileOpen": True,
         "hiddenAfterClose": False,
+        "attentionHidden": True,
         "findFocuses": 1,
         "current": {
             "work": None,
+            "attention": None,
             "find": None,
             "new": None,
             "search": None,
@@ -103,17 +107,16 @@ process.stdout.write(JSON.stringify({{
     }
 
 
-def test_mobile_task_dock_shows_contextual_work_label_with_attention_count():
+def test_mobile_task_dock_keeps_today_label_separate_from_attention_count():
     script = f"""
 const createDock = require({json.dumps(str(DOCK))});
 const work = {{ attributes: {{}}, setAttribute(name, value) {{ this.attributes[name] = value; }} }};
 const workLabel = {{ textContent:'' }};
-const badge = {{ textContent:'', hidden:true }};
-const dock = createDock({{ nav:{{}}, buttons:{{work}}, workLabel, attentionBadge:badge }});
+const dock = createDock({{ nav:{{}}, buttons:{{work}}, workLabel }});
 dock.updateWork('continue', 3);
-const continuing = {{ text:workLabel.textContent, count:badge.textContent, hidden:badge.hidden, label:work.attributes['aria-label'] }};
+const continuing = {{ text:workLabel.textContent, label:work.attributes['aria-label'] }};
 dock.updateWork('resume', 0);
-const resuming = {{ text:workLabel.textContent, hidden:badge.hidden, label:work.attributes['aria-label'] }};
+const resuming = {{ text:workLabel.textContent, label:work.attributes['aria-label'] }};
 dock.updateWork('start', 0);
 const starting = {{ text:workLabel.textContent, label:work.attributes['aria-label'] }};
 dock.updateWork('work', 0);
@@ -130,28 +133,27 @@ process.stdout.write(JSON.stringify({{
     assert json.loads(result.stdout) == {
         "continuing": {
             "text": "Continue",
-            "count": "3",
-            "hidden": False,
-            "label": "Continue Today, 3 items need attention",
+            "label": "Continue Today",
         },
-        "resuming": {"text": "Resume", "hidden": True, "label": "Resume Today"},
+        "resuming": {"text": "Resume", "label": "Resume Today"},
         "starting": {"text": "Start", "label": "Start Today"},
         "fallback": {"text": "Work", "label": "Work"},
     }
 
 
-def test_mobile_task_dock_exposes_and_hides_deduplicated_attention_count():
+def test_mobile_task_dock_exposes_independent_attention_action_and_six_column_state():
     script = f"""
 const createDock = require({json.dumps(str(DOCK))});
-const work = {{ attributes: {{}}, setAttribute(name, value) {{ this.attributes[name] = value; }} }};
+const nav = {{ attributes: {{}}, setAttribute(name, value) {{ this.attributes[name] = value; }}, removeAttribute(name) {{ delete this.attributes[name]; }} }};
+const attention = {{ attributes: {{}}, hidden:true, setAttribute(name, value) {{ this.attributes[name] = value; }} }};
 const badge = {{ textContent:'', hidden:true }};
-const dock = createDock({{ nav:{{}}, buttons:{{work}}, attentionBadge:badge }});
+const dock = createDock({{ nav, buttons:{{attention}}, attentionBadge:badge }});
 dock.updateAttention(3);
-const pending = {{ count:badge.textContent, hidden:badge.hidden, label:work.attributes['aria-label'] }};
+const pending = {{ count:badge.textContent, badgeHidden:badge.hidden, actionHidden:attention.hidden, label:attention.attributes['aria-label'], layout:nav.attributes['data-attention'] }};
 dock.updateAttention(0);
 process.stdout.write(JSON.stringify({{
   pending,
-  empty:{{ count:badge.textContent, hidden:badge.hidden, label:work.attributes['aria-label'] }},
+  empty:{{ count:badge.textContent, badgeHidden:badge.hidden, actionHidden:attention.hidden, label:attention.attributes['aria-label'], layout:nav.attributes['data-attention'] || null }},
 }}));
 """
     result = subprocess.run(
@@ -160,8 +162,8 @@ process.stdout.write(JSON.stringify({{
 
     assert result.returncode == 0, result.stderr
     assert json.loads(result.stdout) == {
-        "pending": {"count": "3", "hidden": False, "label": "Work, 3 items need attention"},
-        "empty": {"count": "0", "hidden": True, "label": "Work"},
+        "pending": {"count": "3", "badgeHidden": False, "actionHidden": False, "label": "Attention, 3 items", "layout": "true"},
+        "empty": {"count": "0", "badgeHidden": True, "actionHidden": True, "label": "Attention, 0 items", "layout": None},
     }
 
 
@@ -179,7 +181,8 @@ async def test_dashboard_wires_mobile_work_dock_into_today_session_lifecycle():
     assert "resumeToday: resumeTodaySession" in html
     assert "startToday: startTodaySession" in html
     assert "work: () => mobileWorkEntry.open()" in html
-    assert "mobileTaskDock.updateWork(mobileWorkEntry.mode(), countMyWork(activeMyWork).attention)" in html
+    assert "mobileTaskDock.updateWork(mobileWorkEntry.mode())" in html
+    assert "mobileTaskDock.updateAttention(countMyWork(activeMyWork).attention)" in html
     assert "workSession.reopen(item)" in html
     assert "runTodayTransition('continue')" in html
 
@@ -189,24 +192,26 @@ async def test_dashboard_renders_and_wires_phone_safe_task_dock():
     html = await dashboard()
 
     assert '<nav class="mobile-task-dock" id="mobile-task-dock" aria-label="Primary tasks">' in html
-    assert html.count('class="mobile-task-action" data-mobile-task=') == 5
-    for task in ("work", "find", "new", "search", "drafts"):
+    assert html.count('class="mobile-task-action" data-mobile-task=') == 6
+    for task in ("work", "attention", "find", "new", "search", "drafts"):
         assert f'data-mobile-task="{task}"' in html
     assert 'id="mobile-draft-count"' in html
     assert 'data-work-filter="attention"' in html
     assert 'id="mobile-attention-count"' in html
     assert '.mobile-task-dock { display:none;' in html
     assert 'grid-template-columns:repeat(5,minmax(0,1fr))' in html
+    assert '.mobile-task-dock[data-attention="true"] { grid-template-columns:repeat(6,minmax(0,1fr));' in html
     assert 'padding-bottom:env(safe-area-inset-bottom)' in html
     assert '.mobile-task-action { min-width:0; min-height:44px;' in html
     assert '<script src="static/mobile-task-dock.js"></script>' in html
     assert "createMobileTaskDock({" in html
     assert "work: () => mobileWorkEntry.open()" in html
-    assert "const filter = counts.attention ? 'attention' : 'all';" in html
-    assert "qs('[data-work-filter=\"' + filter + '\"]').click()" in html
+    assert "attention: openMobileAttention" in html
+    assert "qs('[data-work-filter=\"attention\"]').click()" in html
     assert "find: () => qs('#find-work').click()" in html
     assert "new: () => qs('#new-issue').click()" in html
     assert "search: () => qs('#open-palette').click()" in html
     assert "drafts: () => qs('[data-work-filter=\"draft\"]').click()" in html
     assert "draftCount.textContent = sourceDraftCount.textContent" in html
-    assert "mobileTaskDock.updateWork(mobileWorkEntry.mode(), countMyWork(activeMyWork).attention)" in html
+    assert "mobileTaskDock.updateWork(mobileWorkEntry.mode())" in html
+    assert "mobileTaskDock.updateAttention(countMyWork(activeMyWork).attention)" in html

tests/test_plan_today.py

@@ -332,6 +332,6 @@ async def test_plan_today_wires_cancel_back_and_success_through_overlay_history(
 def test_plan_today_controller_is_available_in_the_offline_shell():
     source = SERVICE_WORKER.read_text()
 
-    assert "stackchain-dashboard-shell-v89" in source
+    assert "stackchain-dashboard-shell-v90" in source
     assert "BASE + 'static/plan-today.js'" in source
     assert "BASE + 'static/plan-today-preview.js'" in source

tests/test_service_worker.py

@@ -135,7 +135,7 @@ async function dispatchPush(payload) {{
 def test_resumable_today_session_ships_in_a_new_offline_shell():
     source = WORKER.read_text()
 
-    assert "stackchain-dashboard-shell-v89" in source
+    assert "stackchain-dashboard-shell-v90" in source
     assert "BASE + 'static/my-work.js'" in source
     assert "BASE + 'static/dashboard.js'" in source
     assert "BASE + 'static/dashboard.css'" in source
@@ -144,14 +144,14 @@ def test_resumable_today_session_ships_in_a_new_offline_shell():
 def test_ownership_exit_runtime_rolls_the_offline_shell_cache():
     source = WORKER.read_text()
 
-    assert "stackchain-dashboard-shell-v89" in source
+    assert "stackchain-dashboard-shell-v90" in source
     assert "BASE + 'static/dashboard.js'" in source
 
 
 def test_offline_review_next_ships_today_completion_atomically():
     source = WORKER.read_text()
 
-    assert "stackchain-dashboard-shell-v89" in source
+    assert "stackchain-dashboard-shell-v90" in source
     assert "BASE + 'static/today-completion.js'" in source
     assert "BASE + 'static/dashboard.js'" in source
 
@@ -159,7 +159,7 @@ def test_offline_review_next_ships_today_completion_atomically():
 def test_duplicate_aware_capture_ships_in_a_new_offline_shell():
     source = WORKER.read_text()
 
-    assert "stackchain-dashboard-shell-v89" in source
+    assert "stackchain-dashboard-shell-v90" in source
     assert "BASE + 'static/create-issue-sheet.js'" in source
     assert "BASE + 'static/dashboard.js'" in source
 
@@ -167,14 +167,14 @@ def test_duplicate_aware_capture_ships_in_a_new_offline_shell():
 def test_exact_later_picker_ships_atomically_in_a_new_offline_shell():
     source = WORKER.read_text()
 
-    assert "stackchain-dashboard-shell-v89" in source
+    assert "stackchain-dashboard-shell-v90" in source
     assert "BASE + 'static/later-picker.js'" in source
 
 
 def test_navigation_deadline_ships_in_a_new_shell_cache():
     source = WORKER.read_text()
 
-    assert "stackchain-dashboard-shell-v89" in source
+    assert "stackchain-dashboard-shell-v90" in source
     assert "BASE + 'static/dashboard.css'" in source
     assert "BASE + 'static/dashboard.js'" in source
     assert "BASE + 'static/install-app.js'" in source
@@ -183,21 +183,21 @@ def test_navigation_deadline_ships_in_a_new_shell_cache():
 def test_today_convergence_ships_in_a_new_shell_cache():
     source = WORKER.read_text()
 
-    assert "stackchain-dashboard-shell-v89" in source
+    assert "stackchain-dashboard-shell-v90" in source
     assert "BASE + 'static/today-sync.js'" in source
 
 
 def test_mobile_search_viewport_ships_in_a_new_offline_shell():
     source = WORKER.read_text()
 
-    assert "stackchain-dashboard-shell-v89" in source
+    assert "stackchain-dashboard-shell-v90" in source
     assert "BASE + 'static/mobile-search-viewport.js'" in source
 
 
 def test_update_ownership_flow_ships_atomically_in_a_new_offline_shell():
     source = WORKER.read_text()
 
-    assert "stackchain-dashboard-shell-v89" in source
+    assert "stackchain-dashboard-shell-v90" in source
     assert "BASE + 'static/update-ownership.js'" in source
 
 
@@ -638,7 +638,7 @@ def test_one_session_bound_csrf_proof_is_reused_for_a_background_drain():
 def test_queue_today_ships_atomically_in_a_new_offline_shell():
     source = WORKER.read_text()
 
-    assert "stackchain-dashboard-shell-v89" in source
+    assert "stackchain-dashboard-shell-v90" in source
     assert "BASE + 'static/queue-today.js'" in source
 
 

tests/test_today_readiness.py

@@ -221,7 +221,7 @@ async def test_today_blocker_opens_existing_preview_and_preserves_readiness_gate
 def test_readiness_runtime_is_available_in_offline_shell():
     service_worker = SERVICE_WORKER.read_text()
 
-    assert "const CACHE = 'stackchain-dashboard-shell-v89';" in service_worker
+    assert "const CACHE = 'stackchain-dashboard-shell-v90';" in service_worker
     assert "BASE + 'static/today-readiness.js'" in service_worker
 
 

tests/test_today_sync.py

@@ -127,7 +127,7 @@ sync.enqueueConfiguration(120, {{'issue:r:1:':60}});
 def test_inflight_today_drain_ships_in_a_new_offline_shell():
     source = (Path(__file__).parents[1] / "frontend" / "service-worker.js").read_text()
 
-    assert "stackchain-dashboard-shell-v89" in source
+    assert "stackchain-dashboard-shell-v90" in source
     assert "BASE + 'static/today-sync.js'" in source