diff --git a/training/dashboard/static/dashboard.css b/training/dashboard/static/dashboard.css
index 81b9b23..a3aa6a7 100644
--- a/training/dashboard/static/dashboard.css
+++ b/training/dashboard/static/dashboard.css
@@ -982,20 +982,29 @@ html, body { overflow-anchor: none; }
font-size: clamp(13px, 1vw, 15px); color: var(--fg); }
.model-track { height: clamp(28px, 4vh, 48px); background: var(--bg-elev);
border: 1px solid var(--line); border-radius: 3px; overflow: hidden; }
-.model-fill { height: 100%; transition: width 600ms cubic-bezier(0.2, 0.8, 0.2, 1); }
-.model-fill.lstm { background: linear-gradient(90deg, #58a6ff, #1f6feb); }
-.model-fill.gru { background: linear-gradient(90deg, #db61a2, #a8327f); }
-.model-fill.rnn { background: linear-gradient(90deg, #d29922, #8a6a17); }
-.model-fill.bert { background: linear-gradient(90deg, #f85149, #b22e2a); }
-.model-fill.knn { background: linear-gradient(90deg, #3fb950, #1a7f37); }
+.model-fill {
+ height: 100%;
+ transition: width 600ms cubic-bezier(0.2, 0.8, 0.2, 1);
+ /* Neutral fallback so any model name the producer emits at least
+ paints a visible bar, even one we didn't anticipate. Specific
+ gradients below override per canonical model name. */
+ background: linear-gradient(90deg, var(--fg-mute), var(--fg-dim));
+}
+.model-fill.lstm { background: linear-gradient(90deg, #58a6ff, #1f6feb); }
+.model-fill.gru { background: linear-gradient(90deg, #db61a2, #a8327f); }
+.model-fill.rnn { background: linear-gradient(90deg, #d29922, #8a6a17); }
+.model-fill.bert { background: linear-gradient(90deg, #f85149, #b22e2a); }
+.model-fill.knn { background: linear-gradient(90deg, #3fb950, #1a7f37); }
/* Producer-side additions (see docs/dashboard-request-scenes-7-8-12.md):
- gbt / mlp / cnn / knn_semi are also published as ModelMetric so that
- scene 9 shows the full trained zoo, not just the canonical sequence
- models. Same gradient shape, different hues. */
-.model-fill.gbt { background: linear-gradient(90deg, #ff8c42, #c2410c); }
-.model-fill.mlp { background: linear-gradient(90deg, #a371f7, #6e40c9); }
-.model-fill.cnn { background: linear-gradient(90deg, #34d399, #047857); }
-.model-fill.knn_semi { background: linear-gradient(90deg, #2dd4bf, #115e59); }
+ gbt / mlp / cnn / knn_semi / transformer / transformer_ssl are also
+ published as ModelMetric so that scene 9 shows the full trained
+ zoo. Same gradient shape, different hues, distinct from above. */
+.model-fill.gbt { background: linear-gradient(90deg, #ff8c42, #c2410c); }
+.model-fill.mlp { background: linear-gradient(90deg, #a371f7, #6e40c9); }
+.model-fill.cnn { background: linear-gradient(90deg, #34d399, #047857); }
+.model-fill.knn_semi { background: linear-gradient(90deg, #2dd4bf, #115e59); }
+.model-fill.transformer { background: linear-gradient(90deg, #fde047, #ca8a04); }
+.model-fill.transformer_ssl { background: linear-gradient(90deg, #c0a4ff, #8c6bff); }
.model-acc { font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
font-size: clamp(13px, 1vw, 15px); color: var(--fg-dim); text-align: right; }
diff --git a/training/dashboard/static/index.html b/training/dashboard/static/index.html
index 7b5ce2d..5e70b6b 100644
--- a/training/dashboard/static/index.html
+++ b/training/dashboard/static/index.html
@@ -4,7 +4,7 @@
CIS490 — live
-
+