diff --git a/.jules/palette.md b/.jules/palette.md
index 74cddb7ad..2c33fc92e 100644
--- a/.jules/palette.md
+++ b/.jules/palette.md
@@ -19,3 +19,7 @@
## 2024-07-13 - CLI Debugging Stack Traces
**Learning:** Adding a `FAST_MLSIRM_DEBUG` bypass to user-friendly `try/except` blocks is crucial for DX. Otherwise, unexpected runtime errors during development will be swallowed into generic stderr messages, hiding the stack trace needed to actually fix the bug.
**Action:** When adding `try-except` blocks to Python CLI subcommands to improve Developer Experience (DX) by preventing raw tracebacks for users, include a debug bypass (e.g., `if os.environ.get("FAST_MLSIRM_DEBUG"): raise`) in *all* catch blocks (including `RuntimeError` and `Exception`) to ensure tracebacks aren't swallowed during local development and debugging.
+
+## 2024-07-14 - Semantic HTML Updates require CSS Maintenance
+**Learning:** Changing a structural HTML tag (like swapping `
` for ` | ` in the table body) for accessibility reasons can break the design if the project's CSS specifically scoped its styles to the old tag. The new semantic element will revert to browser defaults, creating a visual regression.
+**Action:** When altering HTML tags for accessibility, always update existing CSS rules that specifically styled the old tags to include the new ones (e.g., updating `td { ... }` to `td, tbody th { ... }`) to prevent introducing visual regressions.
diff --git a/python/fast_mlsirm/report.py b/python/fast_mlsirm/report.py
index 30ee4276b..97479eceb 100644
--- a/python/fast_mlsirm/report.py
+++ b/python/fast_mlsirm/report.py
@@ -318,8 +318,10 @@ def _table(rows: list[dict[str, Any]], *, label: str, limit: int = 12) -> str:
body_rows = []
for row in rows[:limit]:
cells = "".join(
- f" | {escape(_format_value(row.get(column, '')))} | "
- for column in columns
+ f'{escape(_format_value(row.get(column, "")))} | '
+ if i == 0
+ else f"{escape(_format_value(row.get(column, '')))} | "
+ for i, column in enumerate(columns)
)
body_rows.append(f"{cells}
")
@@ -680,20 +682,27 @@ def _css() -> str:
}
th,
-td {
+td,
+tbody th {
padding: 10px 12px;
text-align: left;
border-bottom: 1px solid var(--line);
white-space: nowrap;
+ font-variant-numeric: tabular-nums;
}
-th {
+thead th {
background: #f1f4ef;
color: #2f3437;
font-size: 0.8rem;
}
-tr:last-child td {
+tbody th {
+ font-weight: normal;
+}
+
+tr:last-child td,
+tr:last-child th {
border-bottom: 0;
}