{% extends "main.html" %}

{% block content %}
<section class="dch">
  <h1 class="dch-headline">{% for line in page.meta.headline %}<span class="dch-line">{{ line }}</span> {% endfor %}</h1>
  <p class="dch-lede">{{ page.meta.lede }}</p>
  <ul class="dch-points">
    {% for point in page.meta.points %}<li><strong>{{ point.title }}</strong> {{ point.text }}</li>
    {% endfor %}
  </ul>

  <figure class="dch-ui" role="img" aria-label="The dreamcatcher web page, as four labelled issues move on at once: one pull request is merged and its agent wraps up, one question is answered, one pull request goes back for a second round after review, and one becomes ready for review">
    <div class="dch-ui__header">
      <span class="dch-ui__repository"><img class="dch-ui__mark" src="{{ 'static/dreamcatcher-mark-ink.png' | url }}" alt="">acme/uploader &middot; issues &middot; pulls</span>
      <span class="dch-ui__daemon">daemon running</span>
    </div>
    <dl class="dch-ui__facts">
      <div><dt>preferred harness</dt><dd>claude</dd></div>
      <div><dt>next update in</dt><dd>42s</dd></div>
      <div><dt>agent capacity</dt><dd class="dch-swap">
        <span style="--out:0.4s">2 of 4 working</span>
        <span style="--at:0.4s;--out:0.8s">3 of 4 working</span>
        <span style="--at:0.8s;--out:1.4s">2 of 4 working</span>
        <span style="--at:1.4s;--out:2.6s">3 of 4 working</span>
        <span style="--at:2.6s;--out:4.6s">2 of 4 working</span>
        <span style="--at:4.6s;--out:5.6s">3 of 4 working</span>
        <span style="--at:5.6s">2 of 4 working</span>
      </dd></div>
    </dl>
    <ol class="dch-ui__lists">
      <li style="--i:0" class="dch-section">Assignments</li>

      <li style="--i:1" class="dch-row">
        <span class="dch-heading"><span class="dch-issue">#41</span> Stream uploads from disk</span>
        <span class="dch-swap dch-state">
          <span class="dch-feedback" style="--out:1.4s">needs user feedback</span>
          <span class="dch-working" style="--at:1.4s">working</span>
        </span>
        <span class="dch-open">&gt;</span>
        <span class="dch-swap dch-detail">
          <span style="--out:1.4s">last output 3m ago</span>
          <span style="--at:1.4s">round 3, wrap up, running 12s, last output 4s ago</span>
        </span>
        <span class="dch-meta">dream:smith &middot; claude &middot; opus &middot; high</span>
        <span class="dch-swap dch-pr">
          <span style="--out:1.4s">PR #54 ready</span>
          <span style="--at:1.4s">PR #54 merged</span>
        </span>
      </li>

      <li style="--i:2" class="dch-row">
        <span class="dch-heading"><span class="dch-issue">#42</span> Add retries to the upload client</span>
        <span class="dch-swap dch-state">
          <span class="dch-working" style="--out:5.6s">working</span>
          <span class="dch-feedback" style="--at:5.6s">needs user feedback</span>
        </span>
        <span class="dch-open">&gt;</span>
        <span class="dch-swap dch-detail">
          <span style="--out:5.6s">round 1, implement, running 6m, last output 9s ago</span>
          <span style="--at:5.6s">last output 1m ago</span>
        </span>
        <span class="dch-meta">dream:smith &middot; claude &middot; opus &middot; high</span>
        <span class="dch-swap dch-pr">
          <span style="--out:5.6s">PR #57 draft</span>
          <span style="--at:5.6s">PR #57 ready</span>
        </span>
      </li>

      <li style="--i:3" class="dch-row">
        <span class="dch-heading"><span class="dch-issue">#43</span> Resume an interrupted upload</span>
        <span class="dch-swap dch-state">
          <span class="dch-quiet" style="--out:0.4s">waiting</span>
          <span class="dch-working" style="--at:0.4s;--out:2.6s">working</span>
          <span class="dch-feedback" style="--at:2.6s;--out:4.6s">needs user feedback</span>
          <span class="dch-working" style="--at:4.6s">working</span>
        </span>
        <span class="dch-open">&gt;</span>
        <span class="dch-swap dch-detail">
          <span style="--out:0.4s">next round, implement</span>
          <span style="--at:0.4s;--out:2.6s">round 1, implement, running 2m, last output 3s ago</span>
          <span style="--at:2.6s;--out:4.6s">last output 2m ago</span>
          <span style="--at:4.6s">round 2, address feedback, running 40s, last output 6s ago</span>
        </span>
        <span class="dch-meta">dream:less &middot; codex &middot; gpt-5.4 &middot; high</span>
        <span class="dch-swap dch-pr">
          <span style="--out:2.6s">PR #58 draft</span>
          <span style="--at:2.6s">PR #58 ready</span>
        </span>
      </li>

      <li style="--i:4" class="dch-section">Conversations</li>

      <li style="--i:5" class="dch-row">
        <span class="dch-heading"><span class="dch-issue">#44</span> Why do large uploads time out?</span>
        <span class="dch-swap dch-state">
          <span class="dch-working" style="--out:0.8s">working</span>
          <span class="dch-quiet" style="--at:0.8s">idle</span>
        </span>
        <span class="dch-open">&gt;</span>
        <span class="dch-swap dch-detail">
          <span style="--out:0.8s">round 1, discuss, running 3m, last output 15s ago</span>
          <span style="--at:0.8s">round 1, answered, ran 4m</span>
        </span>
        <span class="dch-meta">claude &middot; opus &middot; high</span>
      </li>
    </ol>
  </figure>
</section>

{{ page.content }}
{% endblock %}