| """Persistent header ribbon — wordmark + flagship stat chips, rendered once above |
| gr.Tabs so the headline result stays visible on every tab, not just Methodology.""" |
|
|
| from theme import SIG_NEGATIVE, SIG_POSITIVE |
|
|
|
|
| def build_header_ribbon(sentiment_ladder: dict) -> str: |
| e = sentiment_ladder["rungs"]["E_gated_fusion"]["macro_f1"]["mean"] |
| diff = sentiment_ladder["comparisons"]["E_vs_C"] |
| significant = diff["ci_low"] > 0 |
| dot_color = "var(--fl-accent)" if significant else "var(--fl-border)" |
| n_calls = sentiment_ladder["n_calls"] |
| date_range = sentiment_ladder["date_range"] |
|
|
| return f""" |
| <div class="fl-ribbon"> |
| <div class="fl-wordmark">FUSION<span>LAB</span></div> |
| <div class="fl-ribbon-divider"></div> |
| <div class="fl-chip"> |
| <div class="fl-chip-label">Flagship macro-F1</div> |
| <div class="fl-chip-value fl-accent">{e:.3f}</div> |
| </div> |
| <div class="fl-chip"> |
| <div class="fl-chip-label">vs. text-only</div> |
| <div class="fl-chip-value"> |
| <span class="fl-chip-dot" style="background:{dot_color};"></span>+{diff["macro_f1_diff"]:.3f} |
| </div> |
| </div> |
| <div class="fl-chip"> |
| <div class="fl-chip-label">Population</div> |
| <div class="fl-chip-value">{n_calls:,} calls</div> |
| </div> |
| <div class="fl-chip"> |
| <div class="fl-chip-label">Date range</div> |
| <div class="fl-chip-value" style="font-size:13px;">{date_range[0]} → {date_range[1]}</div> |
| </div> |
| </div> |
| """ |
|
|
