Polish overview panel hierarchy

backend/tests/test_sprint83_workspace_panel_hierarchy.py

@@ -0,0 +1,38 @@
+from __future__ import annotations
+
+from pathlib import Path
+
+
+ROOT = Path(__file__).resolve().parents[2]
+
+
+def test_overview_uses_named_hierarchy_regions() -> None:
+    app = (ROOT / "frontend" / "src" / "App.tsx").read_text(encoding="utf-8")
+
+    assert 'className="overview-action-copy"' in app
+    assert 'className="quick-action-grid overview-quick-actions"' in app
+    assert 'className="quick-action-button"' in app
+    assert 'aria-label="Recommended next workbench actions"' in app
+
+
+def test_status_strip_has_compact_section_surface_contracts() -> None:
+    css = (ROOT / "frontend" / "src" / "styles" / "app.css").read_text(encoding="utf-8")
+
+    assert ".workbench-status-strip" in css
+    assert "background: linear-gradient(180deg, #ffffff, #f7fbf8);" in css
+    assert ".status-strip-grid" in css
+    assert "grid-template-columns: repeat(auto-fit, minmax(10.5rem, 1fr));" in css
+    assert ".status-tile-topline" in css
+    assert ".status-tile strong" in css
+    assert "min-height: 5.85rem;" in css
+
+
+def test_overview_action_callout_is_visually_secondary() -> None:
+    css = (ROOT / "frontend" / "src" / "styles" / "app.css").read_text(encoding="utf-8")
+
+    assert ".overview-action-copy" in css
+    assert ".overview-quick-actions" in css
+    assert ".quick-action-button" in css
+    assert "background: linear-gradient(135deg, rgba(15, 118, 110, 0.08), rgba(255, 255, 255, 0.82));" in css
+    assert "border-left: 4px solid var(--accent);" in css
+    assert "align-content: center;" in css