CI deploy 02273b10

src/ui/shell.py

@@ -5,8 +5,7 @@ with the design's exact padding and type -- not a Gradio component restyled from
 outside. Gradio still owns the plots and the transport; it no longer owns the
 chrome.
 
-Values are lifted verbatim from `Backtest Lab.dc.html`: 286px left aside, 306px
-right tray, `8px 12px` header padding, `3px 7px` chips, `4px 6px` segments,
+Values are lifted verbatim from `Backtest Lab.dc.html`: 286px left aside, `8px 12px` header padding, `3px 7px` chips, `4px 6px` segments,
 `9px 12px` panel headers, `0 12px 12px` section bodies with a 10px gap. The DS
 utility classes (`mono-data`, `pixel-text`, `styrene-text`) come from base.css
 and are used rather than reinvented.
@@ -19,7 +18,6 @@ from .format import EM, count, esc, money, num, pct, sharpe_tone
 
 # Zone widths, straight from the design.
 LEFT_W = "286px"
-RIGHT_W = "306px"
 
 # The mark shipped with the design (uploads/bit-trading-mark.svg).
 MARK = (
@@ -501,55 +499,3 @@ def frame_to_rows(df, limit=200):
     rows = [[esc("" if v is None else v) for v in rec]
             for rec in sub.itertuples(index=False, name=None)]
     return headers, rows
-
-
-# --------------------------------------------------------------------------
-# Right tray -- Run Manager
-# --------------------------------------------------------------------------
-
-
-def run_card(label, meta, sharpe, ret):
-    color = sharpe_tone(sharpe)
-    return (
-        f'<div style="border:1px solid var(--border-subtle);padding:6px 8px;'
-        f'margin-bottom:4px;background:var(--bg-panel)">'
-        f'<div style="font-size:var(--text-xs);color:var(--text-primary);'
-        f'overflow:hidden;text-overflow:ellipsis;white-space:nowrap">{esc(label)}</div>'
-        f'<div class="pixel-text" style="color:var(--text-tertiary)">{esc(meta)}</div>'
-        f'<div class="mono-data" style="font-size:var(--text-xs);display:flex;'
-        f'gap:6px;color:{color}">SHARPE {num(sharpe)}'
-        f'<span style="margin-left:auto;color:var(--text-tertiary)">{pct(ret)}</span>'
-        f"</div></div>"
-    )
-
-
-def right_panel(runs, glossary_items, *, signed_in=False):
-    """The design's 306px tray."""
-    if runs:
-        history = "".join(run_card(*r) for r in runs[:14])
-    else:
-        history = micro("no runs yet in this session")
-
-    gloss = "".join(
-        f'<div style="margin-bottom:6px">'
-        f'<div class="pixel-text" style="color:var(--text-tertiary)">{esc(t)}</div>'
-        f'<div style="font-size:var(--text-2xs);color:var(--text-secondary);'
-        f'line-height:1.6">{esc(d)}</div></div>'
-        for t, d in glossary_items)
-
-    def block(title, body):
-        return (
-            f'<div style="border-bottom:1px solid var(--border-default)">'
-            f'<div style="padding:9px 12px;font-family:var(--font-styrene);'
-            f"font-size:var(--text-sm);text-transform:uppercase;"
-            f'letter-spacing:var(--tracking-wide)">{esc(title)}</div>'
-            f'<div style="padding:0 12px 12px">{body}</div></div>')
-
-    return (
-        f'<aside style="width:{RIGHT_W};flex:0 0 {RIGHT_W};'
-        f"border-left:1px solid var(--border-default);background:var(--bg-panel);"
-        f'display:flex;flex-direction:column">'
-        + block("Run Manager", history)
-        + block("Metrics glossary", gloss)
-        + "</aside>"
-    )

src/ui/theme.py

@@ -493,14 +493,10 @@ input:focus, select:focus, textarea:focus{
   flex:0 0 286px !important; width:286px !important; min-width:286px !important;
   max-width:286px !important; padding:0 !important; gap:0 !important;
 }
-.bit-zone-right{
-  flex:0 0 306px !important; width:306px !important; min-width:306px !important;
-  max-width:306px !important; padding:0 !important; gap:0 !important;
-}
 .bit-zone-center{
   flex:1 1 auto !important; min-width:0 !important; padding:0 12px !important;
 }
-.bit-zone-left > *, .bit-zone-right > *{ height:100%; }
+.bit-zone-left > *{ height:100%; }
 /* The bridge target and trigger must stay in the DOM to receive events, but
    never show. `visible=False` would remove them from the DOM entirely. */
 #bit-action, #bit-trigger{
@@ -510,7 +506,7 @@ input:focus, select:focus, textarea:focus{
 }
 @media (max-width: 1100px){
   .bit-zones{ flex-wrap:wrap !important; }
-  .bit-zone-left, .bit-zone-right{
+  .bit-zone-left{
     flex:1 1 100% !important; width:100% !important; max-width:100% !important;
   }
 }

tests/test_ui.py

@@ -589,8 +589,9 @@ def test_zone_widths_are_pinned_in_css():
     from src.ui import theme
 
     css = theme.full_css()
-    assert "flex:0 0 286px" in css
-    assert "flex:0 0 306px" in css
+    assert "flex:0 0 286px" in css, "left aside is not pinned to the design width"
+    # The right tray was removed; its rules should not linger.
+    assert "bit-zone-right" not in css
 
 
 def test_bridge_target_is_hidden_but_present():