{% extends "base.html" %}
{% block title %}{{ phase.key }}{% endblock %}
{% block body %}
{% if phase.frozen %}<div class="warn">frozen since {{ phase.frozen }} — approve and dispatch refuse this phase's tasks unless a task carries <code>freeze_exception: true</code> with a <code>freeze_exception_reason</code>, and planning is blocked outright. <code>garden unfreeze {{ phase.key }}</code> lifts it.</div>{% endif %}
{% if closing_review %}<div class="panel"><h3>Closing review</h3><p><b>{{ closing_review.stage.replace('_', ' ') }}</b>{% if closing_review.personas %} · roles {{ closing_review.personas|join(', ') }}{% endif %}{% if closing_review.source %} · source <code>{{ closing_review.source }}</code>{% endif %}{% if closing_review.evidence %} · evidence <code>{{ closing_review.evidence[:12] }}</code>{% endif %}{% if closing_review.reason %}<br><span class="muted">{{ closing_review.reason }}</span>{% endif %}</p></div>{% endif %}
<div class="page-head">
  <div><span class="eyebrow">{{ phase.product }}</span><h1>{{ phase.name }}{% if phase.frozen %} <span class="badge hot">frozen</span>{% endif %}</h1>
    <p>spent ${{ '%.2f' % spent }}{% if budget %} of ${{ '%.2f' % budget }}{% if spent >= budget %} · <b style="color:var(--bad)">budget exceeded, dispatch paused</b>{% endif %}{% endif %} · default owner {{ phase.owner or 'unassigned' }} · {{ rows|selectattr('0.pr')|list|length }} PR(s) tracked · fixed brief cost ~{{ '{:,}'.format(fixed_tokens) }} tokens (head + rules + digest + product + goals){% if retro_pending %} · <span style="color:var(--warn)">retro: waiting for personas ({{ retro_pending.done }} of {{ retro_pending.total }})</span>{% endif %}</p>
    <form class="inline" method="post" action="/phases/{{ phase.product }}/{{ phase.name }}/budget" style="display:inline-flex; gap:6px; align-items:center" data-autosave>
      <span class="muted">Budget $</span>
      <input type="number" name="amount" step="1" min="0" value="{{ '%.0f' % budget if budget else '' }}" placeholder="no cap" style="width:90px" onblur="this.form.requestSubmit()">
      <span class="autosave-mark" aria-live="polite"></span>
    </form></div>
  <div class="tools">{% if has_retro %}<a class="btn" href="/phases/{{ phase.product }}/{{ phase.name }}/retro">Retro</a>{% endif %}<a class="btn" href="/board?product={{ phase.product }}&phase={{ phase.name }}">Board</a><a class="btn" href="/trellis?product={{ phase.product }}&phase={{ phase.name }}">Trellis</a></div>
</div>
{% if not has_approved %}{% include "_kickoff.html" %}{% endif %}
<div class="grid2">
  <div class="stack">
    {% include "_retro_verdict.html" %}
    <div class="panel"><div class="eyebrow">Progress</div><h3>Merged against scope</h3>{{ burnup|safe }}</div>
    <div class="panel">
      <script>
      (function() {
        var key = "garden.phaseHideDone:{{ phase.product }}/{{ phase.name }}";
        var hide = new URLSearchParams(location.search).get("hide");
        if (hide === "done") localStorage.setItem(key, "done");
        else localStorage.removeItem(key);
      })();
      </script>
      <div class="actions" style="margin-bottom:10px">
        {% if hide_done %}<a href="?" class="btn quiet" data-hide-toggle>show {{ hidden_count }} done</a>
        {% else %}<a href="?hide=done" class="btn quiet" data-hide-toggle>hide {{ hidden_count }} done</a>{% endif %}
      </div>
      <div class="scroll"><table>
      <tr><th>id</th><th>status</th><th>owner</th><th>p</th><th>tier</th><th>title</th><th>deps</th><th>pr</th><th>review</th><th>ci</th><th>rev</th><th>brief</th><th>tokens</th><th>cost</th></tr>
      {% for t, owner, eff, st, u, brief_tok in rows %}
      <tr><td><a class="id" href="/tasks/{{ t.id }}">{{ t.id }}</a></td><td><span class="state s-{{ eff }}" title="{{ stage_word(eff) }}">{{ stage(eff, 18) }}{{ eff.replace('_',' ') }}</span></td><td>{{ owner or 'unassigned' }}</td><td>{{ priority_label(t.priority) }}</td><td>{{ t.difficulty }}</td><td class="title">{{ t.title }}</td><td class="mono">{{ t.depends_on|join(', ') }}</td>
        <td>{% if t.pr %}<a href="{{ t.pr }}" target="_blank">#{{ t.pr.rsplit('/', 1)[-1] }}</a>{% if st.pr_draft %} <span class="badge">draft</span>{% endif %}{% endif %}</td>
        <td class="muted">{% if st.last_review %}auto: {% if st.last_review.get('verdict') %}{{ st.last_review.get('verdict').replace('_', ' ') }}{% else %}incomplete{% endif %}{% endif %}{% if st.review_decision %}{% if st.last_review %} · {% endif %}{{ st.review_decision.lower().replace('_', ' ') }}{% endif %}</td>
        <td class="muted" title="{{ st.failed_checks|join(', ') if st.failed_checks else '' }}">{{ (st.checks or '').lower() }}</td>
        <td class="muted">{{ st.revisions or '' }}</td>
        <td class="muted mono">~{{ '{:,}'.format(brief_tok) }}</td>
        <td class="muted mono" title="input / cache-read / output">{% if u.runs %}{{ '{:,}'.format(u.input_tokens) }} / {{ '{:,}'.format(u.cache_read_input_tokens) }} / {{ '{:,}'.format(u.output_tokens) }}{% endif %}</td>
        <td class="mono">{% if u.runs %}${{ '%.2f' % u.cost_usd }}{% endif %}</td></tr>
      {% else %}<tr><td colspan="14" class="faint">{% if hide_done and hidden_count %}all {{ hidden_count }} tasks are done{% else %}no tasks yet{% endif %}</td></tr>{% endfor %}
      </table></div>
      <div class="actions" style="margin-top:12px">
        <form class="inline" method="post" action="/phases/{{ phase.product }}/{{ phase.name }}/approve-all"><button>Approve all drafts</button></form>
        <form class="inline" method="post" action="/phases/{{ phase.product }}/{{ phase.name }}/plan" style="display:inline-flex; gap:6px; align-items:center">
          <input type="text" name="guidance" placeholder="optional guidance for the planner" style="min-width:260px">
          <button class="primary" title="One model call: goals + specs + docs -> tasks">Plan phase</button>
        </form>
        {% if planning %}<span class="muted">{{ planning }}</span>{% endif %}
        <form class="inline" method="post" action="/phases/{{ phase.product }}/{{ phase.name }}/close" style="margin-left:auto"><button class="quiet" title="Once every task is done or cancelled: the phase leaves the rail and joins the herbarium">Close phase</button></form>
      </div>
      <form method="post" action="/phases/{{ phase.product }}/{{ phase.name }}/persona" class="actions" style="margin-top:10px">
        <span class="muted">Persona review of the body of work:</span>
        <input type="text" name="personas" placeholder="{{ personas|join(', ') }}" style="min-width:300px">
        <label class="check"><input type="checkbox" name="file_tasks" value="1"> file high findings as tasks</label>
        <button>Run personas</button>
      </form>
      {% if has_approved %}{% include "_kickoff.html" %}{% endif %}
    </div>
    <details class="panel" id="new-task"{% if new_task.title or new_task.goal or new_task.context %} open{% endif %}>
      <summary>New task</summary>
      <form method="post" action="/phases/{{ phase.product }}/{{ phase.name }}/new-task" style="margin-top:10px; display:flex; flex-direction:column; gap:10px">
        <label style="display:block">Title<br><input type="text" name="title" value="{{ new_task.title }}" placeholder="one line" required style="width:100%; box-sizing:border-box"></label>
        <label style="display:block">Goal<br><textarea name="goal" rows="2" placeholder="One or two sentences.">{{ new_task.goal }}</textarea></label>
        <label style="display:block">Context<br><textarea name="context" rows="3" placeholder="What the agent needs to know that is not in the reading list.">{{ new_task.context }}</textarea></label>
        <label style="display:block">Acceptance criteria<br><textarea name="acceptance" rows="4">{{ new_task.acceptance }}</textarea></label>
        <div class="actions">
          <label>Difficulty
            <select name="difficulty">
              {% for tier in DIFFICULTIES %}<option value="{{ tier }}" {% if new_task.difficulty == tier %}selected{% endif %}>{{ tier }}</option>{% endfor %}
            </select>
          </label>
          <label>Priority
            <select name="priority">
              {% for word, n in PRIORITY_SCALE %}<option value="{{ n }}" {% if new_task.priority == n|string %}selected{% endif %}>{{ word }} · {{ n }}</option>{% endfor %}
            </select>
          </label>
        </div>
        <label style="display:block">Reading list<br><textarea name="reading" rows="2" placeholder="one path per line, e.g. {{ phase.product }}/{{ phase.name }}/specs/spec.md">{{ new_task.reading }}</textarea></label>
        <label style="display:block">Dependencies<br><input type="text" name="depends_on" value="{{ new_task.depends_on }}" placeholder="task ids, comma separated" style="width:100%; box-sizing:border-box"></label>
        <div class="actions">
          <label class="check"><input type="checkbox" name="ready" value="1" {% if new_task.ready %}checked{% endif %}> approve now</label>
          <button class="primary">Create task</button>
        </div>
      </form>
    </details>
    <div class="panel prose"><div class="eyebrow">Goals</div>{{ goals_html|safe }}</div>
  </div>
  <div class="stack">
    <div class="specimen" style="min-height:520px; padding:26px 18px 120px">
      <span class="tape" style="left:46%; top:150px; transform:rotate(-8deg)"></span>
      {% set plate_src = plate(phase.plant) %}
      {% if plate_src %}<div class="plate-mount"><img class="plate" src="{{ plate_src }}" alt="{{ sheet.info.latin }}, plate from {{ PLATE_CREDIT }}" width="300" height="420"></div>
      {% else %}<div style="display:flex; justify-content:center">{{ plant(phase.plant, 240, 360) }}</div>{% endif %}
      <span class="tape" style="left:18%; top:390px; transform:rotate(11deg)"></span>
      <div class="lbl" style="right:16px; bottom:16px"><b>{{ phase.product }} · plate {{ phase.plate }}</b><br>{{ phase.name }}<br><i>{{ sheet.info.latin }}</i> — {{ sheet.info.common }}<br>{{ sheet.total }} tasks · {{ sheet.merged }} merged · {{ sheet.prs_open }} PRs open<br>spent ${{ '%.2f' % spent }}{% if budget %} of ${{ '%.2f' % budget }}{% endif %}{% if plate_src %}<br><span class="muted">plate: {{ PLATE_CREDIT }}{% if sheet.info.get('plate_note') %}, {{ sheet.info.plate_note }}{% endif %}</span>{% endif %}</div>
      <div style="position:absolute; left:18px; bottom:32px"><span class="stamp">{{ 'complete' if sheet.complete else 'open' }}</span></div>
    </div>
    <div class="panel"><div class="eyebrow">Spend</div><h3>Cost by difficulty tier</h3>{{ tiers|safe }}
      {% if metrics.by_difficulty %}<table style="margin-top:10px;font-size:12.5px"><tr><th>tier</th><th>tasks</th><th>done</th><th>avg rev</th><th>first-pass</th></tr>
      {% for tier in ['easy','medium','hard'] %}{% if metrics.by_difficulty.get(tier) %}{% set d = metrics.by_difficulty[tier] %}<tr><td>{{ tier }}</td><td>{{ d.tasks }}</td><td>{{ d.done }}</td><td>{{ d.avg_revisions }}</td><td>{% if d.first_pass_rate is not none %}{{ (d.first_pass_rate * 100)|round|int }}%{% endif %}</td></tr>{% endif %}{% endfor %}</table>{% endif %}
      <p style="margin:10px 0 0"><a href="/costs?phase={{ phase_key }}" class="mono">spend over time for this phase →</a></p>
    </div>
    {% for name, text in specs %}<details class="panel" {% if loop.first %}open{% endif %}><summary class="mono">{{ name }}</summary><div class="prose" style="margin-top:8px">{{ text|md|safe }}</div></details>{% endfor %}
    {% for name, text in docs %}<details class="panel"><summary class="mono">{{ name }}</summary><div class="prose" style="margin-top:8px">{{ text|md|safe }}</div></details>{% endfor %}
    {% for r in reviews %}<details class="panel"><summary class="mono">persona · {{ r.persona }}{% if r.score %} · {{ r.score }}{% endif %}{% if r.features %} · {{ r.features }} feature(s){% endif %}</summary><div class="prose" style="margin-top:8px">{{ r.text|md|safe }}</div></details>{% endfor %}
  </div>
</div>
{% endblock %}