CI deploy local

.pytest_cache/v/cache/nodeids

@@ -156,6 +156,7 @@
   "tests/test_ui.py::test_emit_rejects_values_containing_the_nonce_separator",
   "tests/test_ui.py::test_empty_index_says_so_rather_than_rendering_zeros",
   "tests/test_ui.py::test_every_chrome_action_is_on_the_allow_list",
+  "tests/test_ui.py::test_every_class_the_table_renders_has_a_rule",
   "tests/test_ui.py::test_every_design_stylesheet_reaches_the_page[--bg-canvas-colors.css]",
   "tests/test_ui.py::test_every_design_stylesheet_reaches_the_page[--space--spacing.css]",
   "tests/test_ui.py::test_every_design_stylesheet_reaches_the_page[--text-2xs-typography.css]",
@@ -181,6 +182,7 @@
   "tests/test_ui.py::test_search_bar_is_live_not_enter_only",
   "tests/test_ui.py::test_sidebar_renders_collapsed_by_default",
   "tests/test_ui.py::test_sidebar_toggle_costs_no_round_trip",
+  "tests/test_ui.py::test_the_app_serves_this_spaces_own_css_not_just_the_shared_css",
   "tests/test_ui.py::test_theme_uses_the_designs_dense_type_scale",
   "tests/test_ui.py::test_trending_panel_admits_when_it_has_no_data",
   "tests/test_ui.py::test_uncapped_render_uses_the_designs_wording",

app.py

@@ -433,7 +433,10 @@ def build_app() -> gr.Blocks:
     with gr.Blocks(
         title="Finance Atlas — The Bit Trading Company",
         theme=theme.bit_theme(),
-        css=theme.full_css(),
+        # chrome.full_css(), not theme.full_css(): the latter is bit-ui's
+        # shared CSS only and silently drops this Space's own -- the table
+        # row styling, the sticky header, the responsive breakpoints.
+        css=chrome.full_css(),
         analytics_enabled=False,
         fill_width=True,
     ) as demo:

src/ui/chrome.py

@@ -53,6 +53,18 @@ def parse_action(raw):
 # bit_ui.theme. What is left is what only this Space has.
 
 ATLAS_CSS = """
+/* The page root. Was inline on the div; here so `.bit-atlas` is a real hook
+   for Space-specific overrides rather than a bare marker class.
+   Deliberately no min-height in vh -- see bit_ui.theme. */
+.bit-atlas {
+  background: var(--bg-canvas);
+  color: var(--text-primary);
+  display: flex;
+  align-items: stretch;
+  font-family: var(--font-body);
+  font-size: var(--text-base);
+}
+
 /* The header sticks under nothing, so top:0; the rail is z-index 30 and wins
    where they meet. A solid background matters: rows scroll underneath it. */
 .bit-header {

src/ui/shell.py

@@ -1381,9 +1381,7 @@ def page(index, state, view) -> str:
         overlay = drawer(selected, index)
 
     return f"""
-<div class="bit-atlas bit-app" data-theme="dark"
-     style="background:var(--bg-canvas);color:var(--text-primary);display:flex;
-     align-items:stretch;font-family:var(--font-body);font-size:var(--text-base)">
+<div class="bit-atlas bit-app" data-theme="dark">
   {bit_sidebar.render(navigation, active='Finance Atlas', emit=emit)}
   <div style="flex:1 1 auto;min-width:0;display:flex;flex-direction:column">
     {header(index, view['tape'])}

tests/test_ui.py

@@ -8,6 +8,8 @@ by hand against the deployed Space.
 
 from __future__ import annotations
 
+from pathlib import Path
+
 import pytest
 
 from src import atlas
@@ -412,3 +414,46 @@ def test_every_chrome_action_is_on_the_allow_list(index):
     emitted |= set(re.findall(r'data-bit-(?:input|live)="([^="]+)"', html))
     unknown = emitted - chrome.ALLOWED_KEYS
     assert not unknown, f"chrome emits actions the bridge rejects: {unknown}"
+
+
+def test_the_app_serves_this_spaces_own_css_not_just_the_shared_css():
+    """`theme.full_css()` is bit-ui's CSS only and silently drops the Atlas's.
+
+    This shipped once: the table had just been converted to CSS classes whose
+    rules live in ATLAS_CSS, and none of them reached the page. Everything
+    still rendered, just unstyled -- exactly the kind of break that looks like
+    a design regression rather than a wiring mistake.
+    """
+    import app as module
+
+    css = module.chrome.full_css()
+    for marker in (".bit-row", ".bit-header", ".bit-cell", ".bit-tag"):
+        assert marker in css, f"{marker} is missing from the app's CSS"
+
+    source = (Path(module.__file__).read_text())
+    assert "css=chrome.full_css()" in source, (
+        "app.py is not serving this Space's CSS")
+    assert "css=theme.full_css()" not in source
+
+
+def test_every_class_the_table_renders_has_a_rule():
+    """A class with no rule is invisible styling debt."""
+    import re
+
+    import app as module
+    from bit_ui import nav as bit_nav
+
+    index = module.INDEX
+    css = module.chrome.full_css()
+    state = atlas.default_state()
+    view = {"rows": index.rows[:3], "matched": 3, "truncated": 0, "hidden": 0,
+            "tape": [], "trending": [], "links": {},
+            "nav": bit_nav.default_document(), "palette_groups": []}
+    html = shell.page(index, state, view)
+
+    rendered = set()
+    for attr in re.findall(r'class="([^"]+)"', html):
+        rendered.update(c for c in attr.split() if c.startswith("bit-"))
+
+    missing = sorted(c for c in rendered if f".{c}" not in css)
+    assert not missing, f"classes rendered with no CSS rule: {missing}"