feat(n7web): refine spatial UI and NFC-gated extension routing

tests/unit/test_frontend_theme_contract.py

@@ -52,7 +52,7 @@ def test_theme_asset_versions_are_consistent_with_the_pwa_shell() -> None:
         assert source_asset in main
         assert f'"{cached_asset}"' in service_worker
     assert 'import "./styles/design-system.css"' in main
-    assert 'const CACHE_VERSION = "cognitive-agent-pad-v315-vue-vite"' in service_worker
+    assert 'const CACHE_VERSION = "cognitive-agent-pad-v316-sidebar-accordion"' in service_worker
 
 
 def test_reference_glass_theme_covers_the_complete_workspace() -> None:
@@ -247,6 +247,22 @@ def test_command_fields_use_distinct_semantic_colors() -> None:
         assert mapping in console
 
 
+def test_sidebar_command_and_transport_status_use_theme_semantics() -> None:
+    console = source("console-v2.js")
+    design_system = source("src/styles/design-system.css")
+
+    assert '"v2-sidebar-footer v2-control-link-card"' in console
+    assert 'transport === "wireless_mqtt" ? "无线 CAN" : "有线 CAN"' in console
+    assert 'MQTT ${transportOnline ? "已连接" : "未连接"}' in console
+    assert 'footer.dataset.state = presentationState' in console
+    assert 'attributeFilter: ["aria-pressed", "class", "data-connection-state", "title"]' in console
+    assert ".v2-control-link-card" in design_system
+    assert 'data-state="online"' in design_system
+    assert 'data-state="offline"' in design_system
+    assert ".v2-can-command-actual code" in design_system
+    assert "color: var(--card-foreground) !important" in design_system
+
+
 def test_function_modes_use_an_inline_accessible_collapsible() -> None:
     html = source("index.html")
     app = source("app.js")