{#- The Agent block of a card: the user's own claude run on it. Expects: t (the task), view (the
    open or latest run, or None), form (the Start form when no run is open), running, error,
    choices, owner_modes, desktop_ok (relaybay can open the desktop app here), launching (that
    launch runs now), terminal_on (the Terminal tab is on, this install has a PTY and the server
    listens on loopback only), terminal_open (a terminal of the run is open or starting).
    Refetched on live run events. -#}
{%- macro hidden_csrf() -%}<input type="hidden" name="{{ csrf_field }}" value="{{ csrf_token }}">{%- endmacro %}
{%- set base = "/p/" ~ t.project_slug ~ "/t/" ~ t.key ~ "/run" %}
<div class="run" id="run-{{ t.key }}" data-key="{{ t.key }}"
     hx-get="{{ base }}" hx-trigger="rb:refresh" hx-swap="outerHTML">
  {% if error %}<p class="form-error" role="alert">{{ error }}</p>{% endif %}
  {% if view %}
  {%- set r = view.run %}
  <p class="run-head">
    <span class="run-status status-{{ r.status }}">{{ r.status }}</span>
    {% if r.is_open and r.with_owner %}<span class="run-status run-with-owner">with the owner</span>{% endif %}
    <span class="muted">run {{ r.id }} · {{ r.model }} · {{ r.effort }} · {{ r.permission_mode }} · started by {{ r.started_by }} <time datetime="{{ r.created_at }}" data-age>{{ r.created_at|age }}</time></span>
  </p>
  {% if r.status_reason %}<p class="run-reason">{{ r.status_reason }}</p>{% endif %}
  {% if r.is_open and r.in_terminal and terminal_open %}<p class="run-reason run-owner-note">With you in the Terminal tab since <time datetime="{{ r.with_owner_at }}" data-age>{{ r.with_owner_at|age }}</time>: relaybay starts no turn, texts sent wait until the terminal closes.</p>
  {% elif r.is_open and r.in_terminal %}<p class="run-reason run-owner-note">The terminal closed, but the run is still with you: relaybay starts no turn until Back to the program.</p>
  {% elif r.is_open and r.with_owner %}<p class="run-reason run-owner-note">With you in the Claude desktop app since <time datetime="{{ r.with_owner_at }}" data-age>{{ r.with_owner_at|age }}</time>: relaybay starts no turn, texts sent wait until Back to the program.</p>{% endif %}
  <dl class="run-facts">
    <dt>Folder</dt><dd><code>{{ r.cwd }}</code></dd>
    {% for w in view.worktrees %}
    <dt>{{ w.repo_name }}</dt><dd class="run-worktree"><code>{{ w.path }}</code> {% if w.created_by_run %}<span class="muted">new worktree on {{ w.branch }}; copied: {{ w.copied|copy_summary }}</span>{% if w.removed_at %} <span class="chip run-worktree-removed">removed <time datetime="{{ w.removed_at }}" data-age>{{ w.removed_at|age }}</time></span>{% elif w.kept_reason %} <span class="chip run-worktree-kept">kept{% if w.kept_at %} by your answer{% elif w.question_id %}, question {{ w.question_id }}{% endif %}</span> <span class="run-reason">{{ w.kept_reason }}</span>{% endif %}{% else %}<span class="muted">the repository itself</span>{% endif %}</dd>
    {% endfor %}
    <dt>relaybay</dt><dd class="muted run-sources">hooks {{ "from your user settings" if r.hooks_source == "user" else "added by the run (--settings)" }}; MCP {{ "from your user settings" if r.mcp_source == "user" else "added by the run (--mcp-config)" }}</dd>
    {% if r.session_name %}<dt>Session</dt><dd>{{ r.session_name }}</dd>{% endif %}
    <dt>Claude session</dt><dd class="mono">{{ r.claude_session_id or "not known yet" }}{% if r.desktop_link %} <a class="run-desktop-link" href="{{ r.desktop_link }}">open in the Claude desktop app</a>{% endif %}</dd>
    <dt>Tokens</dt><dd>{{ "{:,}".format(view.totals.tokens) }} <span class="muted">(input {{ "{:,}".format(view.totals.input_tokens) }}, output {{ "{:,}".format(view.totals.output_tokens) }}, cache read {{ "{:,}".format(view.totals.cache_read_tokens) }}, cache write {{ "{:,}".format(view.totals.cache_write_tokens) }})</span></dd>
  </dl>
  {% if view.turns %}
  <table class="run-turns">
    <thead><tr><th scope="col">#</th><th scope="col">Sent by</th><th scope="col">Queued</th><th scope="col">Outcome</th><th scope="col">Tokens</th><th scope="col">Denied</th><th scope="col">Report</th></tr></thead>
    <tbody>
      {% for turn in view.turns %}
      <tr class="run-turn state-{{ turn.state }}" data-seq="{{ turn.seq }}">
        <td>{{ turn.seq }}</td>
        <td>{{ turn.sent_by }}</td>
        <td><time datetime="{{ turn.queued_at }}" data-age>{{ turn.queued_at|age }}</time></td>
        <td>{{ turn.state|replace("_", " ") }}{% if turn.result_subtype and turn.result_subtype != "success" %} <span class="muted">({{ turn.result_subtype }})</span>{% endif %}</td>
        <td>{{ "{:,}".format(turn.tokens) }}</td>
        <td>{% if turn.denials %}{{ turn.denials }}{% if turn.denied_tools %} <span class="muted">{{ turn.denied_tools|join(", ") }}</span>{% endif %}{% else %}<span class="muted">0</span>{% endif %}</td>
        <td>{% if turn.report_id %}{% with state = turn.report_state, size = turn.report_size %}{% include "_report_badges.html" %}{% endwith %} {{ turn.report_summary }}{% else %}<span class="muted">none</span>{% endif %}</td>
      </tr>
      {% if turn.report_id or turn.events %}
      <tr class="run-turn-more" data-seq="{{ turn.seq }}">
        <td colspan="7">
          {#- Folded: the report and the lines load when it is opened. -#}
          <details class="run-turn-detail" hx-get="{{ base }}/{{ r.id }}/turns/{{ turn.seq }}" hx-trigger="toggle once" hx-target="find .run-turn-slot" hx-swap="innerHTML">
            <summary>Report and events of turn {{ turn.seq }} <span class="muted">({{ turn.events }} line{{ "s" if turn.events != 1 }})</span></summary>
            <div class="run-turn-slot"><p class="muted">Loading…</p></div>
          </details>
        </td>
      </tr>
      {% endif %}
      {% endfor %}
    </tbody>
  </table>
  {% endif %}
  {% if r.is_open %}
  <div class="run-actions">
    {% if r.status == "queued" and not r.with_owner %}
    <form class="inline-form" method="post" action="{{ base }}/{{ r.id }}/anyway"
          hx-post="{{ base }}/{{ r.id }}/anyway" hx-target="closest .run" hx-swap="outerHTML" hx-disabled-elt="find button">
      {{ hidden_csrf() }}
      <button type="submit" class="btn primary">Start anyway</button>
    </form>
    <p class="muted run-anyway-note">Starts the waiting turn past the slot limit and the memory check (journaled); a brake is released only in the banner.</p>
    {% endif %}
    {% if running %}
    <form class="inline-form" method="post" action="{{ base }}/{{ r.id }}/stop"
          hx-post="{{ base }}/{{ r.id }}/stop" hx-target="closest .run" hx-swap="outerHTML" hx-disabled-elt="find button">
      {{ hidden_csrf() }}
      <button type="submit" class="btn danger">Stop</button>
    </form>
    {% endif %}
    {% if (r.with_owner and not r.in_terminal) or (r.claude_session_id and not running and r.status != "running" and not r.with_owner) %}
    {% if view.worktrees|rejectattr("path", "equalto", r.cwd)|list %}<p class="muted run-desktop-folders">In the desktop app only <code>{{ r.cwd }}</code> is a working folder (<code>--desktop</code> takes no <code>--add-dir</code>); add the run's other folders there with <code>/add-dir</code>.</p>{% endif %}
    {% endif %}
    {% if r.in_terminal %}
    <form class="inline-form" method="post" action="{{ base }}/{{ r.id }}/back"
          hx-post="{{ base }}/{{ r.id }}/back" hx-target="closest .run" hx-swap="outerHTML" hx-disabled-elt="find button">
      {{ hidden_csrf() }}
      <button type="submit" class="btn primary">Back to the program</button>
    </form>
    {% if terminal_open %}<p class="muted run-back-note">The terminal is open in another tab or window; closing it hands the run back. Back to the program closes it here.</p>{% endif %}
    {% elif r.with_owner %}
    {% if launching %}
    <p class="muted run-launching">Opening the desktop app…</p>
    {% else %}
    {% if r.desktop_link %}<a class="btn" href="{{ r.desktop_link }}">Go to the session in the desktop app</a>{% endif %}
    <form class="inline-form" method="post" action="{{ base }}/{{ r.id }}/back"
          hx-post="{{ base }}/{{ r.id }}/back" hx-target="closest .run" hx-swap="outerHTML" hx-disabled-elt="find button">
      {{ hidden_csrf() }}
      <button type="submit" class="btn primary">Back to the program</button>
    </form>
    <p class="muted run-back-note">Close or leave the session in the desktop app before Back to the program: relaybay's turns and your typing there would write to one session.</p>
    {% endif %}
    {% elif r.claude_session_id and not running and r.status != "running" %}
    {% if terminal_on %}<a class="btn" href="{{ base }}/{{ r.id }}/terminal">Terminal</a>{% endif %}
    {% if r.desktop_link %}<a class="btn primary" href="{{ r.desktop_link }}">Go to the session in the desktop app</a>{% endif %}
    {% if desktop_ok %}
    <form class="inline-form" method="post" action="{{ base }}/{{ r.id }}/desktop"
          hx-post="{{ base }}/{{ r.id }}/desktop" hx-target="closest .run" hx-swap="outerHTML" hx-disabled-elt="find button">
      {{ hidden_csrf() }}
      <button type="submit" class="btn">Open in the desktop app</button>
    </form>
    {% elif not r.desktop_link %}
    <p class="muted run-terminal">Open the session in a terminal in its folder: <code>claude --resume {{ r.claude_session_id }}</code></p>
    {% endif %}
    {% endif %}
    <form class="run-send" method="post" action="{{ base }}/{{ r.id }}/send"
          hx-post="{{ base }}/{{ r.id }}/send" hx-target="closest .run" hx-swap="outerHTML" hx-disabled-elt="find button">
      {{ hidden_csrf() }}
      <label class="field"><span>{{ "Next text (waits until the terminal closes)" if r.in_terminal and terminal_open else "Next text (waits until Back to the program)" if r.in_terminal else "Next text (waits until Back to the program)" if r.with_owner else "Next text (waits for the running turn)" if running else "Continue" }}</span>
        <textarea name="text" rows="3" maxlength="20000" required placeholder="What the agent should do next"></textarea>
      </label>
      <button type="submit" class="btn primary">Send</button>
    </form>
    <form class="run-settings" method="post" action="{{ base }}/{{ r.id }}/settings"
          hx-post="{{ base }}/{{ r.id }}/settings" hx-target="closest .run" hx-swap="outerHTML" hx-disabled-elt="find button">
      {{ hidden_csrf() }}
      <fieldset class="field-row"{% if running or r.status == "running" %} disabled{% endif %}>
        <legend>From the next turn on{% if running or r.status == "running" %} (changes between turns: a turn is running){% endif %}</legend>
        <label class="field"><span>Model</span>
          <select name="model">{% for m in choices.models %}<option value="{{ m }}"{% if m == r.model %} selected{% endif %}>{{ m }}</option>{% endfor %}</select>
        </label>
        <label class="field"><span>Effort</span>
          <select name="effort">{% for e in choices.efforts %}<option value="{{ e }}"{% if e == r.effort %} selected{% endif %}>{{ e }}</option>{% endfor %}</select>
        </label>
        <label class="field"><span>Permission mode</span>
          <select name="permission_mode">{% for m in owner_modes %}<option value="{{ m }}"{% if m == r.permission_mode %} selected{% endif %}>{{ m }}</option>{% endfor %}</select>
        </label>
        <button type="submit" class="btn">Apply</button>
      </fieldset>
    </form>
    <form class="inline-form" method="post" action="{{ base }}/{{ r.id }}/end"
          hx-post="{{ base }}/{{ r.id }}/end" hx-target="closest .run" hx-swap="outerHTML" hx-disabled-elt="find button"
          hx-confirm="End run {{ r.id }}? No more turns; the Claude session stays in Claude Code.">
      {{ hidden_csrf() }}
      <button type="submit" class="btn">End run</button>
    </form>
  </div>
  {% endif %}
  {% endif %}
  {% if form %}
  <form class="task-form run-start" method="post" action="{{ base }}/start"
        hx-post="{{ base }}/start" hx-target="closest .run" hx-swap="outerHTML" hx-disabled-elt="find button">
    {{ hidden_csrf() }}
    <p class="muted">Starts your own <code>claude</code> on this machine under your own sign-in, one turn at a time; its hooks report to this card.</p>
    {% if form.login_line %}<p class="run-login">{{ form.login_line }}</p>{% endif %}
    {% if form.layers %}<p class="muted run-layers">{{ form.layers.line }}</p>{% endif %}
    {% for why in form.refusals %}<p class="form-error run-refusal">{{ why }}</p>{% endfor %}
    {% if form.repos %}
    {%- set first_linked = (form.repos|selectattr("id", "in", form.task_repo_ids)|first) %}
    <label class="field"><span>Working folder (the cwd)</span>
      <select name="cwd">
        {% if form.defaults.folder %}<option value="folder" selected>Project folder — {{ form.defaults.folder }}</option>{% endif %}
        {% for repo in form.repos %}<option value="{{ repo.id }}"{% if not form.defaults.folder and first_linked and repo.id == first_linked.id %} selected{% endif %}>{{ repo.name }} (its worktree or the repository itself)</option>{% endfor %}
      </select>
    </label>
    <fieldset class="field run-repos">
      <legend>Repositories (each one other than the working folder is passed with --add-dir)</legend>
      {% for repo in form.repos %}
      {%- set mode = form.repo_modes.get(repo.id, "self") if repo.id in form.task_repo_ids else "" %}
      <label class="field field-inline"><span>{{ repo.name }} <span class="muted">{{ repo.path }}</span></span>
        <select name="wt_{{ repo.id }}">
          <option value=""{% if not mode %} selected{% endif %}>not used</option>
          <option value="new"{% if mode == "new" %} selected{% endif %}>a new worktree</option>
          <option value="self"{% if mode == "self" %} selected{% endif %}>the repository itself</option>
        </select>
      </label>
      {% endfor %}
    </fieldset>
    {% if form.copy_line %}<p class="muted run-copy">{{ form.copy_line }}</p>{% endif %}
    {% endif %}
    <div class="field-row">
      <label class="field"><span>Model</span>
        <select name="model">{% for m in choices.models %}<option value="{{ m }}"{% if m == form.defaults.model %} selected{% endif %}>{{ m }}</option>{% endfor %}</select>
      </label>
      <label class="field"><span>Effort</span>
        <select name="effort">{% for e in choices.efforts %}<option value="{{ e }}"{% if e == form.defaults.effort %} selected{% endif %}>{{ e }}</option>{% endfor %}</select>
      </label>
      <label class="field"><span>Permission mode</span>
        <select name="permission_mode">{% for m in owner_modes %}<option value="{{ m }}"{% if m == form.defaults.permission_mode %} selected{% endif %}>{{ m }}</option>{% endfor %}</select>
      </label>
    </div>
    <p class="muted">Allowed tools: <code>{{ form.defaults.allowed_tools }}</code>{% if form.defaults.chrome %} · with --chrome{% endif %} (the project's agent defaults on Stands &amp; access).</p>
    <label class="field"><span>Brief (the first turn's text, for this run only; relaybay adds the run's header above it)</span>
      <textarea name="brief" rows="10" maxlength="20000">{{ form.brief }}</textarea>
    </label>
    <button type="submit" class="btn primary">Start</button>
  </form>
  {% endif %}
</div>