{# Reusable badge/chip macros #}

{% macro pass_rate_badge(rate) -%}
{%- set pct = rate * 100 -%}
{%- if pct >= 80 -%}<span class="chip bg-emerald-50 text-emerald-700 font-mono font-medium">{{ "%.1f"|format(pct) }}%</span>
{%- elif pct >= 50 -%}<span class="chip bg-sky-50 text-sky-700 font-mono font-medium">{{ "%.1f"|format(pct) }}%</span>
{%- elif pct >= 20 -%}<span class="chip bg-amber-50 text-amber-700 font-mono font-medium">{{ "%.1f"|format(pct) }}%</span>
{%- elif pct > 0 -%}<span class="chip bg-rose-50 text-rose-700 font-mono font-medium">{{ "%.1f"|format(pct) }}%</span>
{%- else -%}<span class="chip bg-slate-100 text-slate-400 font-mono font-medium">0%</span>
{%- endif -%}
{%- endmacro %}

{% macro score_badge(score) -%}
{%- if score is none -%}<span class="chip bg-slate-100 text-slate-400 font-mono">&mdash;</span>
{%- elif score != score or score == score * 2 + 1 -%}<span class="chip bg-amber-50 text-amber-600 font-mono">overflow</span>
{%- elif score >= 1e6 or score <= -1e6 or (score != 0 and -1e-3 < score < 1e-3) -%}<span class="chip bg-violet-50 text-violet-700 font-mono font-medium">{{ "%.3e"|format(score) }}</span>
{%- else -%}<span class="chip bg-violet-50 text-violet-700 font-mono font-medium">{{ "%.4g"|format(score) }}</span>
{%- endif -%}
{%- endmacro %}

{% macro best_badge(run) -%}
{%- if run.has_score and run.best_score is not none -%}{{ score_badge(run.best_score) }}
{%- else -%}{{ pass_rate_badge(run.best_pass_rate) }}
{%- endif -%}
{%- endmacro %}

{# Rescaled 0-100 score chip (higher-is-better; graded like pass rate). #}
{% macro rescaled_badge(v) -%}
{%- if v is none -%}<span class="chip bg-slate-100 text-slate-400 font-mono">&mdash;</span>
{%- elif v != v -%}<span class="chip bg-amber-50 text-amber-600 font-mono">nan</span>
{%- elif v >= 80 -%}<span class="chip bg-emerald-50 text-emerald-700 font-mono font-medium">{{ "%.1f"|format(v) }}</span>
{%- elif v >= 50 -%}<span class="chip bg-sky-50 text-sky-700 font-mono font-medium">{{ "%.1f"|format(v) }}</span>
{%- elif v >= 20 -%}<span class="chip bg-amber-50 text-amber-700 font-mono font-medium">{{ "%.1f"|format(v) }}</span>
{%- elif v > 0 -%}<span class="chip bg-rose-50 text-rose-700 font-mono font-medium">{{ "%.1f"|format(v) }}</span>
{%- else -%}<span class="chip bg-slate-100 text-slate-400 font-mono font-medium">0.0</span>
{%- endif -%}
{%- endmacro %}

{# Best badge that shows rescaled (0-100) by default with raw underneath; the
   shared score-view toggle swaps which one is visible. Falls back to the plain
   raw badge when the run has no rescaled score. #}
{% macro best_badge_dual(run) -%}
{%- if run.has_rescaled and run.best_score_0_100 is not none -%}
<span class="score-view-val" data-view="rescaled">{{ rescaled_badge(run.best_score_0_100) }}</span><span class="score-view-val hidden" data-view="raw">{{ best_badge(run) }}</span>
{%- else -%}{{ best_badge(run) }}
{%- endif -%}
{%- endmacro %}

{# Segmented Rescaled | Raw control. Wired by the shared script in base.html. #}
{% macro score_view_toggle() -%}
<span class="inline-flex items-center gap-1.5 text-slate-500 select-none">
  <span class="text-[11px]">Score</span>
  <span class="score-view-toggle inline-flex items-center rounded-lg border border-slate-200 overflow-hidden bg-white"
        title="Show deterministic rescaled 0-100 score or the task's raw score">
    <button type="button" data-view="rescaled" class="score-view-btn px-2.5 py-1 font-medium transition-colors">Rescaled</button>
    <button type="button" data-view="raw" class="score-view-btn px-2.5 py-1 font-medium border-l border-slate-200 transition-colors">Raw</button>
  </span>
</span>
{%- endmacro %}

{% macro submission_badge(sub, run=none) -%}
{%- if run is not none and run.has_score and sub.score is not none -%}{{ score_badge(sub.score) }}
{%- else -%}{{ pass_rate_badge(sub.pass_rate) }}
{%- endif -%}
{%- endmacro %}

{# Submission badge that shows rescaled (0-100) by default with raw underneath,
   swapped by the shared score-view toggle. Falls back to the plain badge when
   this submission has no rescaled score. #}
{% macro submission_badge_dual(sub, run=none) -%}
{%- if run is not none and run.has_rescaled and sub.score_0_100 is not none -%}
<span class="score-view-val" data-view="rescaled">{{ rescaled_badge(sub.score_0_100) }}</span><span class="score-view-val hidden" data-view="raw">{{ submission_badge(sub, run) }}</span>
{%- else -%}{{ submission_badge(sub, run) }}
{%- endif -%}
{%- endmacro %}

{% macro agent_chip(agent) -%}
{%- if agent -%}<span class="chip bg-indigo-50 text-indigo-600 font-medium">{{ agent }}</span>
{%- else -%}<span class="text-slate-300 text-xs">&mdash;</span>
{%- endif -%}
{%- endmacro %}

{% macro model_chip(model) -%}
{%- if model -%}<span class="chip bg-slate-50 text-slate-600 font-mono text-[10px] border border-slate-200">{{ model }}</span>
{%- else -%}<span class="text-slate-300 text-xs">&mdash;</span>
{%- endif -%}
{%- endmacro %}

{% macro status_badge(status) -%}
{%- if status == "PASSED" -%}<span class="chip bg-emerald-50 text-emerald-700">PASSED</span>
{%- elif status == "FAILED" -%}<span class="chip bg-rose-50 text-rose-700">FAILED</span>
{%- elif status == "ERROR" -%}<span class="chip bg-orange-50 text-orange-700">ERROR</span>
{%- elif status == "SKIPPED" -%}<span class="chip bg-slate-100 text-slate-500">SKIPPED</span>
{%- else -%}<span class="chip bg-slate-100 text-slate-500">{{ status }}</span>
{%- endif -%}
{%- endmacro %}

{% macro run_status(run) -%}
{%- if run.infra_error -%}<span class="chip bg-rose-50 text-rose-700" title="infrastructure failure (ERROR in run_agent.log)">⚠ infra-error</span>
{%- elif run.aborted -%}<span class="chip bg-slate-100 text-slate-500">aborted</span>
{%- elif not run.has_final -%}<span class="chip bg-amber-50 text-amber-600 border border-amber-200">running</span>
{%- elif run.timed_out -%}<span class="chip bg-amber-50 text-amber-600">timed-out</span>
{%- else -%}<span class="chip bg-emerald-50 text-emerald-600">done</span>
{%- endif -%}
{%- endmacro %}

{% macro download_icon(href, label, tooltip="") -%}
<a href="{{ href }}" download
   title="{{ tooltip or label }}"
   class="inline-flex items-center gap-1 px-2 h-7 rounded-md text-[11px] font-medium text-slate-500 border border-slate-200 hover:text-indigo-600 hover:border-indigo-300 hover:bg-indigo-50 transition-colors">
  <svg class="w-3.5 h-3.5 shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24" stroke-width="2">
    <path stroke-linecap="round" stroke-linejoin="round" d="M4 16v2a2 2 0 002 2h12a2 2 0 002-2v-2M7 10l5 5 5-5M12 15V3"/>
  </svg>
  <span>{{ label }}</span>
</a>
{%- endmacro %}