feat(ui): redesign GeoIntel as Atlas Workbench

backend/tests/test_sprint82_shell_density_polish.py

@@ -8,32 +8,45 @@ ROOT = Path(__file__).resolve().parents[2]
 
 def test_workbench_shell_has_skip_link_and_main_focus_target() -> None:
     app = (ROOT / "frontend" / "src" / "App.tsx").read_text(encoding="utf-8")
+    navigation = (
+        ROOT
+        / "frontend"
+        / "src"
+        / "components"
+        / "shell"
+        / "WorkbenchNavigation.tsx"
+    ).read_text(encoding="utf-8")
 
     assert 'className="skip-link"' in app
     assert 'href="#workspace-main"' in app
-    assert 'nav aria-label="Hoofdonderdelen"' in app
+    assert '<nav aria-label="Hoofdonderdelen">' in navigation
     assert 'id="workspace-main"' in app
     assert "tabIndex={-1}" in app
 
 
 def test_mobile_shell_density_contracts_are_defined() -> None:
     css = (ROOT / "frontend" / "src" / "styles" / "app.css").read_text(encoding="utf-8")
+    atlas = (ROOT / "frontend" / "src" / "styles" / "atlas-workbench.css").read_text(
+        encoding="utf-8"
+    )
 
     assert ".skip-link" in css
     assert ".skip-link:focus-visible" in css
     assert "scroll-margin-top: 8.5rem;" in css
-    assert "grid-template-columns: repeat(4, minmax(6.75rem, 1fr));" in css
-    assert "overflow-x: auto;" in css
-    assert "scroll-snap-type: x proximity;" in css
-    assert "white-space: nowrap;" in css
+    assert "@media (max-width: 920px)" in atlas
+    assert "overflow-x: auto;" in atlas
+    assert "flex: 0 0 4.4rem;" in atlas
+    assert "white-space: nowrap;" in atlas
     assert ".context-bar,\n  .quick-action-grid,\n  .workspace-nav-cluster" not in css
 
 
 def test_small_screen_navigation_keeps_labels_readable() -> None:
-    css = (ROOT / "frontend" / "src" / "styles" / "app.css").read_text(encoding="utf-8")
+    css = (ROOT / "frontend" / "src" / "styles" / "atlas-workbench.css").read_text(
+        encoding="utf-8"
+    )
 
-    assert "@media (max-width: 620px)" in css
+    assert "@media (max-width: 560px)" in css
     assert ".workbench-sidebar .nav-item" in css
-    assert "min-width: 9.5rem;" in css
-    assert ".nav-item small" in css
-    assert "line-height: 1.18;" in css
+    assert "min-width: 4.4rem;" in css
+    assert ".nav-item-icon" in css
+    assert "text-overflow: ellipsis;" in css