{% extends "base.html" %}
{% block title %}Costs{% endblock %}
{% block head %}{{ super() }}
<style>
.cost-comparisons .tiers { margin-top:26px; }
.cost-comparisons .tiers .lead { margin:4px 0 0; font:italic 13px/1.4 var(--display); color:var(--muted); }
.cost-comparisons .tier-tables { display:grid; grid-template-columns:repeat(auto-fit, minmax(380px, 1fr)); gap:16px 28px; margin-top:12px; }
.cost-comparisons .tier-tables.wide { grid-template-columns:minmax(0, 1fr); }
.cost-comparisons table.tier { width:100%; border-collapse:collapse; font:12px/1.35 var(--mono); }
.cost-comparisons table.tier caption { text-align:left; font:500 14px/1.3 var(--display); color:var(--ink); padding:0 0 6px; }
.cost-comparisons table.tier caption small, .cost-comparisons table.tier td small { color:var(--muted); }
.cost-comparisons table.tier th { font:400 11px/1.3 var(--mono); text-transform:none; color:var(--muted); text-align:left; padding:4px 6px; border-bottom:1px solid var(--line); white-space:nowrap; vertical-align:bottom; }
.cost-comparisons table.tier td { padding:5px 6px; border-bottom:1px dashed var(--line); }
.cost-comparisons table.tier td b { font:400 14px/1.2 var(--display); display:block; white-space:nowrap; }
.cost-comparisons table.tier td.scaled { background:color-mix(in oklab, var(--cell-bad) calc(var(--k) * 100%), var(--cell-good)); }
.cost-comparisons table.tier td.thin b { color:var(--muted); font-style:italic; }
.cost-comparisons .mark { font:700 10px/1 var(--mono); margin-right:4px; }
@media (max-width:680px) { .cost-comparisons .tier-tables { grid-template-columns:minmax(0, 1fr); } }
</style>
{% endblock %}
{% block body %}
<div class="page-head"><div><h1>Costs</h1><p>Spend over time, sliced by activity, difficulty, model, harness, phase, task and operator session — the same numbers <code>garden costs</code> prints for the same filters.</p></div></div>
<div class="panel">
  <div class="eyebrow">Filter</div>
  <form method="get" action="/costs" style="display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:8px">
    <label class="muted" for="c-since">window</label>
    <select id="c-since" name="since" onchange="this.form.submit()">
      {% for v, label in [("", "all time"), ("today", "today"), ("24h", "24h"), ("3d", "3d"), ("7d", "Last week"), ("30d", "30d")] %}<option value="{{ v }}"{% if since == v %} selected{% endif %}>{{ label }}</option>{% endfor %}
    </select>
    <label class="muted" for="c-bucket">bucket</label>
    <select id="c-bucket" name="bucket" onchange="this.form.submit()">
      {% for v in ("day", "hour") %}<option value="{{ v }}"{% if bucket == v %} selected{% endif %}>{{ v }}</option>{% endfor %}
    </select>
    <label class="muted" for="c-by">group by</label>
    <select id="c-by" name="by" onchange="this.form.submit()">
      {% for v in ("activity", "difficulty", "model", "harness", "pool_member", "phase", "task", "session") %}<option value="{{ v }}"{% if by == v %} selected{% endif %}>{{ v }}</option>{% endfor %}
    </select>
    <label class="muted" for="c-metric">show</label>
    <select id="c-metric" name="metric" onchange="this.form.submit()">
      <option value="total"{% if metric == 'total' %} selected{% endif %}>total cost</option>
      <option value="per_task"{% if metric == 'per_task' %} selected{% endif %}>average cost per task</option>
    </select>
    <label class="muted" for="c-diff">difficulty</label>
    <select id="c-diff" name="difficulty" onchange="this.form.submit()">
      <option value=""{% if not difficulty %} selected{% endif %}>any</option>
      {% for v in ("easy", "medium", "hard") %}<option value="{{ v }}"{% if difficulty == v %} selected{% endif %}>{{ v }}</option>{% endfor %}
    </select>
    <label class="muted" for="c-model">model</label>
    <select id="c-model" name="model" onchange="this.form.submit()">
      <option value=""{% if not model %} selected{% endif %}>any</option>
      {% for v in models %}<option value="{{ v }}"{% if model == v %} selected{% endif %}>{{ v }}</option>{% endfor %}
    </select>
    <label class="muted" for="c-harness">harness</label>
    <select id="c-harness" name="harness" onchange="this.form.submit()">
      <option value=""{% if not harness %} selected{% endif %}>any</option>
      {% for v in harnesses %}<option value="{{ v }}"{% if harness == v %} selected{% endif %}>{{ v }}</option>{% endfor %}
    </select>
    <label class="muted" for="c-phase">phase</label>
    <select id="c-phase" name="phase" onchange="this.form.submit()">
      <option value=""{% if not phase %} selected{% endif %}>any</option>
      {% for v in phase_keys %}<option value="{{ v }}"{% if phase == v %} selected{% endif %}>{{ v }}</option>{% endfor %}
    </select>
    <label class="muted" for="c-product">product</label>
    <select id="c-product" name="product" onchange="this.form.submit()">
      <option value=""{% if not product %} selected{% endif %}>any</option>
      {% for v in product_names %}<option value="{{ v }}"{% if product == v %} selected{% endif %}>{{ v }}</option>{% endfor %}
    </select>
    <label class="muted" for="c-task">task</label>
    <select id="c-task" name="task" onchange="this.form.submit()">
      <option value=""{% if not task %} selected{% endif %}>any</option>
      {% for v in task_ids %}<option value="{{ v }}"{% if task == v %} selected{% endif %}>{{ v }}</option>{% endfor %}
    </select>
    <label class="muted" for="c-session">session</label>
    <select id="c-session" name="session" onchange="this.form.submit()">
      <option value=""{% if not session %} selected{% endif %}>any</option>
      {% for v in session_ids %}<option value="{{ v }}"{% if session == v %} selected{% endif %}>{{ v[:12] }}</option>{% endfor %}
    </select>
    <noscript><button class="quiet">Filter</button></noscript>
    {% if since or bucket != 'day' or by != 'activity' or metric != 'total' or difficulty or model or harness or phase or product or task or session %}<a class="btn quiet" href="/costs">Clear</a>{% endif %}
  </form>
</div>
<div class="panel" style="margin-top:14px">
  <div class="eyebrow">{% if metric == 'per_task' %}Average cost per participating task{% else %}Total cost{% endif %} over time, by {{ by }}</div>
  {{ chart|safe }}
</div>
{% from "_cost_comparisons.html" import comparisons with context %}
<div class="panel cost-comparisons" style="margin-top:14px">
  <div class="eyebrow">Cost comparisons for this cohort</div>
  <p class="muted" style="margin:8px 0 0;font-size:12.5px">These use the selected window and applicable task, model, harness and session filters. The spend-over-time chart above is the cost-by-activity view when grouped by activity.</p>
  {{ comparisons(comparison, f) }}
</div>
<div class="panel" style="margin-top:14px">
  <div class="eyebrow">Breakdown</div>
  {% if series.groups %}
  <table style="margin-top:8px">
    <tr><th>{{ by }}</th><th>runs</th><th>participating tasks</th><th>total cost</th><th>taskless spend</th><th>average/task</th><th>share</th><th>cache reads</th><th>cache writes</th></tr>
    {% for g in series.groups %}{% set row = series.totals[g] %}
    <tr><td class="mono">{{ g }}</td><td>{{ row.runs }}</td><td>{{ row.task_count }}</td><td>{% if not row.cost_complete %}<span title="{{ row.unpriced_runs }} run(s) have no recorded price">partial </span>{% endif %}${{ '%.2f' % row.cost_usd }}</td>
      <td>{% if row.taskless_runs %}{% if row.taskless_unpriced_runs %}<span title="{{ row.taskless_unpriced_runs }} taskless run(s) have no recorded price">partial </span>{% endif %}${{ '%.2f' % row.taskless_cost_usd }}{% else %}&mdash;{% endif %}</td>
      <td>{% if row.cost_per_task_usd is not none %}${{ '%.2f' % row.cost_per_task_usd }}{% else %}<span title="{% if row.tasked_unpriced_runs %}{{ row.tasked_unpriced_runs }} tasked run(s) have no recorded price{% else %}no participating tasks{% endif %}">unavailable</span>{% endif %}</td>
      <td>{% if row.share is not none %}{{ (row.share * 100)|round|int }}%{% endif %}</td>
      <td class="mono">{{ '{:,}'.format(row.cache_read_tokens) }}</td>
      <td class="mono">{{ '{:,}'.format(row.cache_write_tokens) }}</td></tr>
    {% endfor %}
  </table>
  <p class="muted" style="margin:10px 0 0;font-size:12.5px">grand total: {% if not series.grand_total.cost_complete %}partial {% endif %}${{ '%.2f' % series.grand_total.cost_usd }} over {{ series.grand_total.runs }} run{{ 's' if series.grand_total.runs != 1 else '' }} and {{ series.grand_total.task_count }} participating task{{ 's' if series.grand_total.task_count != 1 else '' }}. Overall average: {% if series.grand_total.cost_per_task_usd is not none %}${{ '%.2f' % series.grand_total.cost_per_task_usd }} per participating task{% else %}unavailable{% endif %}.</p>
  {% if series.grand_total.taskless_runs %}<p class="muted" style="margin:6px 0 0;font-size:12.5px">{{ series.grand_total.taskless_runs }} taskless run{{ 's' if series.grand_total.taskless_runs != 1 else '' }}{% if series.grand_total.taskless_cost_usd %} (${{ '%.2f' % series.grand_total.taskless_cost_usd }}){% endif %} is included in total cost and shown in the taskless-spend column, but excluded from per-task averages.</p>{% endif %}
  <p class="muted" style="margin:6px 0 0;font-size:12.5px">The denominator is distinct task IDs with activity in this window and filter, not runs or lifetime completed tasks. Work and revise can have different task cohorts, so their cost ratio does not by itself measure rework.</p>
  {% else %}<div class="empty">No cost recorded yet for this filter.</div>{% endif %}
</div>
<div class="panel" style="margin-top:14px">
  <div class="eyebrow">Accepted-task outcomes</div>
  {% set accepted = series.accepted %}
  <p style="margin:8px 0 0"><b>{{ accepted.accepted }}</b> accepted task{{ 's' if accepted.accepted != 1 else '' }} · {{ accepted.priced_tasks }} priced · {{ accepted.unpriced_tasks }} unpriced · cost/accepted: {% if accepted.cost_per_accepted_task is not none %}<b>${{ '%.2f' % accepted.cost_per_accepted_task }}</b>{% else %}<b>unavailable</b>{% endif %}</p>
  <p class="muted" style="margin:6px 0 0;font-size:12.5px">Acceptance means a base-branch merge completed in the selected half-open time window. Its cost includes every task run through acceptance. A forced done status is not acceptance; one unpriced run makes the average unavailable.</p>
  {% if series.unattributed_operator.runs %}<p class="muted" style="margin:6px 0 0;font-size:12.5px">Unattributed operator spend is shown separately: {% if series.unattributed_operator.unpriced_runs %}partial known spend {% endif %}${{ '%.2f' % series.unattributed_operator.cost_usd }} over {{ series.unattributed_operator.runs }} record{{ 's' if series.unattributed_operator.runs != 1 else '' }} ({{ series.unattributed_operator.priced_runs }} priced, {{ series.unattributed_operator.unpriced_runs }} unpriced).</p>{% endif %}
  {% for dimension, label in [('by_difficulty', 'tier'), ('by_model', 'model'), ('by_harness', 'harness'), ('by_pool_member', 'pool member')] %}
  {% set rows = outcomes[dimension] %}
  {% if rows %}
  <h3 style="margin:16px 0 0;font-size:14px">By {{ label }}</h3>
  <table style="margin-top:8px">
    <tr><th>{{ label }}</th><th>runs</th><th>mean/run</th><th>accepted</th><th>cost/accepted</th><th>first-pass approval</th></tr>
    {% for value, row in rows.items() %}<tr><td class="mono">{{ value }}</td><td>{{ row.runs }}</td>
      <td>{% if row.mean_cost_usd is not none %}${{ '%.2f' % row.mean_cost_usd }}{% endif %}</td>
      <td>{{ row.accepted }}</td><td>{% if row.cost_per_accepted_task is not none %}${{ '%.2f' % row.cost_per_accepted_task }}{% endif %}</td>
      <td>{% if row.first_pass_rate is not none %}{{ (row.first_pass_rate * 100)|round|int }}%{% endif %}</td></tr>{% endfor %}
  </table>
  {% endif %}
  {% endfor %}
</div>
{% endblock %}