Fix transparent foreground prop assets

.gitattributes

@@ -59,3 +59,5 @@ assets/characters/sources/niccolo-machiavelli-chroma.png filter=lfs diff=lfs mer
 assets/courtroom-dickinson.jpg filter=lfs diff=lfs merge=lfs -text
 assets/foreground/foregroundFence.png filter=lfs diff=lfs merge=lfs -text
 assets/foreground/JudgeTable.png filter=lfs diff=lfs merge=lfs -text
+assets/foreground/sources/foregroundFence-baked-matte.png filter=lfs diff=lfs merge=lfs -text
+assets/foreground/sources/JudgeTable-baked-matte.png filter=lfs diff=lfs merge=lfs -text

tests/test_ui_rendering.py

@@ -1,4 +1,7 @@
 import inspect
+from pathlib import Path
+
+from PIL import Image
 
 import app
 from sovereign_bench.models import AgentTurn, EvidenceItem, JurorVote, TrialEvent
@@ -105,6 +108,10 @@ def test_courtroom_splits_six_jurors_between_side_benches():
     assert "jury-benches right" in html
     assert html.count("<a class='juror") == 6
     assert html.find("jury-benches left") < html.find("jury-benches right")
+    assert ".jury-benches.left {\n  left: 1%;" in app.CSS
+    assert ".jury-benches.right {\n  right: 1%;" in app.CSS
+    assert ".jury-benches.left {\n    left: .5%;" in app.CSS
+    assert ".jury-benches.right {\n    right: .5%;" in app.CSS
 
 
 def test_courtroom_threads_show_model_input_output_on_hover_and_click():
@@ -141,6 +148,18 @@ def test_courtroom_renders_foreground_fences_and_judge_table_above_characters():
     assert "z-index: 8;" in app.CSS
 
 
+def test_foreground_prop_assets_have_real_transparency():
+    for path in [
+        Path("assets/foreground/foregroundFence.png"),
+        Path("assets/foreground/JudgeTable.png"),
+    ]:
+        alpha = Image.open(path).convert("RGBA").getchannel("A")
+        histogram = alpha.histogram()
+
+        assert histogram[0] > 0, f"{path} has no fully transparent pixels"
+        assert histogram[255] > 0, f"{path} has no fully opaque prop pixels"
+
+
 def test_latest_speaker_sets_stage_class_and_speech_bubble():
     html = app.render_court([_speaker_event("Advocate Auric", phase="claims")], started=True)
 
@@ -190,6 +209,18 @@ def test_lawyer_movement_css_is_speaker_specific_not_phase_wide():
     assert ".phase-opening .puppet.sable" not in app.CSS
 
 
+def test_closed_book_is_smaller_and_key_characters_are_lowered():
+    assert ".episode-book.closed {\n  top: 61%;\n  width: min(163px, 20vw);" in app.CSS
+    assert ".puppet.judge {\n  left: 50%;\n  top: 56%;" in app.CSS
+    assert ".puppet.auric {\n  left: 24%;\n  top: 87%;" in app.CSS
+    assert ".speaker-auric .puppet.auric {\n  left: 43%;\n  top: 91%;" in app.CSS
+    assert ".puppet.auditor {\n  left: 71%;\n  top: 80%;" in app.CSS
+    assert ".episode-book.closed {\n    top: 750px;\n    width: 140px;" in app.CSS
+    assert ".puppet.judge {\n    top: 717px;" in app.CSS
+    assert ".puppet.auric {\n    left: 20%;\n    top: 970px;" in app.CSS
+    assert ".puppet.auditor {\n    left: 78%;\n    top: 860px;" in app.CSS
+
+
 def test_run_ui_yields_five_outputs_without_download_status(monkeypatch):
     event = _event_with_lower_tab_data()
     monkeypatch.setattr(app, "get_events", lambda request: iter([event]))