feat(n7web): enhance control workflows and status feedback

tests/unit/test_spatial_ui_consistency_contract.py

@@ -10,13 +10,18 @@ def source(name: str) -> str:
 
 
 def test_spatial_ui_contract_is_loaded_last_and_cached() -> None:
-    html = source("index.html")
+    main = source("src/main.js")
     service_worker = source("service-worker.js")
-    asset = "/ui-consistency.css?v=spatial-ui-5"
+    asset = "/ui-consistency.css?v=spatial-ui-8"
 
-    assert asset in html
+    assert 'import "../ui-consistency.css"' in main
     assert f'"{asset}"' in service_worker
-    assert html.index("/energy-monitor.css") < html.index(asset)
+    assert main.index('import "../energy-monitor.css"') < main.index(
+        'import "../ui-consistency.css"'
+    )
+    assert main.index('import "../ui-consistency.css"') < main.index(
+        'import "./styles/design-system.css"'
+    )
 
 
 def test_same_kind_surfaces_share_geometry_tokens() -> None:
@@ -116,12 +121,16 @@ def test_pet_and_tcp_dialog_controls_keep_accessible_aligned_layout() -> None:
 
 def test_compact_sidebar_overrides_cannot_break_shared_geometry() -> None:
     styles = source("ui-consistency.css")
+    design_system = source("src/styles/design-system.css")
 
     assert ".v2-sync-execution-field," in styles
     assert ".v2-can-command-panel" in styles
     assert "border-radius: var(--ui-radius-item) !important" in styles
     assert ".v2-sync-log {" in styles
     assert "border-radius: var(--ui-radius-section) !important" in styles
+    assert "body.console-v2 .v2-sync-log h3" in design_system
+    assert "font-size: var(--n7-font-card-title) !important" in design_system
+    assert "white-space: nowrap" in design_system
 
 
 def test_assistant_composer_hint_stays_inside_narrow_input() -> None:
@@ -133,9 +142,13 @@ def test_assistant_composer_hint_stays_inside_narrow_input() -> None:
     assert "max-width: calc(100% - 132px)" in styles
 
 
-def test_failed_delivery_uses_one_semantic_status_treatment() -> None:
+def test_delivery_failures_use_distinct_semantic_status_treatments() -> None:
     styles = source("ui-consistency.css")
 
     assert '[data-delivery-state="blocked"]' in styles
     assert '[data-delivery-state="failed"]' in styles
+    assert '[data-delivery-state="aborted"]' in styles
+    assert ".v2-can-command-delivery-detail" in styles
     assert "color: var(--destructive)" in styles
+    assert "color: var(--status-warning-foreground)" in styles
+    assert "color: var(--muted-foreground)" in styles