{% extends "base.html" %}
{% block title %}{{ t('interview.title') }} {{ conversation.id }} - {{ t('app.title') }}{% endblock %}
{% block content %}
<p><a href="/interview">{{ t('interview.back') }}</a></p>
<h1>{{ t('interview.title') }} <span class="mono">{{ conversation.id }}</span></h1>

{# A figure only once something has actually been spent. Before the first
   turn the total is zero for every model, priced or not, and a zero over
   somebody's real bill is the answer providers.py refuses to give. #}
<p class="hint mono" id="meter">{{ t('interview.tokens',
  input=conversation.usage.input_tokens,
  output=conversation.usage.output_tokens) }}{% if spent is not none
  and (conversation.usage.input_tokens or conversation.usage.output_tokens) %},
  {{ t('interview.spent', amount='%.4f'|format(spent)) }}{% endif %}</p>

{% if not engine.ready %}
{% include "_engine.html" %}
{% endif %}

<div class="turns" id="turns">
  {% for moment in moments %}
    {% if moment.kind == 'said' %}
    <div class="turn turn-said">
      <p class="who mono">{{ t('interview.said') }}</p>
      <div class="words">{{ moment.text }}</div>
    </div>
    {% elif moment.kind == 'asked' %}
    <div class="turn turn-asked">
      <p class="who mono">{{ t('interview.asked') }}</p>
      <div class="words">{{ moment.text }}</div>
    </div>
    {% elif moment.kind == 'call' %}
    <div class="turn tool mono">{{ t('interview.tool_call') }} {{ moment.name }} {{ moment.arguments | tojson }}</div>
    {% else %}
    <details class="turn tool"{% if moment.is_error %} open{% endif %}>
      <summary class="mono">{% if moment.is_error %}{{ t('interview.tool_failed') }}{% else %}{{ t('interview.tool_result') }}{% endif %}</summary>
      <pre class="mono">{{ moment.text }}</pre>
    </details>
    {% endif %}
  {% endfor %}
</div>

{% set sheet = conversation.sheet %}
{# The sheet skeleton is on the page even before a sheet exists: the labels
   come from the language pack server side, and the script only ever fills
   values into slots and reveals the panel. Approval is a plain form POST,
   the one writer of `approved`. #}
<section class="sheet" id="sheet"{% if not sheet %} hidden{% endif %}>
  <h2>{{ t('interview.sheet') }}</h2>
  {% if notice == 'sheet-changed' %}
  <p class="callout">{{ t('interview.sheet_changed') }}</p>
  {% elif notice == 'first-line-missing' %}
  <p class="callout" id="first-line-missing">{{ t('interview.sheet_first_line_missing') }}</p>
  {% elif notice == 'turn-running' %}
  <p class="callout">{{ t('interview.error_turn_running') }}</p>
  {% endif %}
  <p class="hint">{{ t('interview.sheet_hint') }}</p>
  <dl class="sheet-fields">
    <dt class="mono">{{ t('interview.sheet_angle') }}</dt>
    <dd id="sheet-angle">{{ sheet.angle if sheet }}</dd>
    <dt class="mono">{{ t('interview.sheet_elements') }}</dt>
    <dd><ul id="sheet-elements">{% if sheet %}{% for element in sheet.elements %}<li>{{ element }}</li>{% endfor %}{% endif %}</ul></dd>
    <dt class="mono">{{ t('interview.sheet_moment') }}</dt>
    <dd id="sheet-moment" class="their-words">{{ sheet.moment if sheet }}</dd>
    <dt class="mono">{{ t('interview.sheet_conviction') }}</dt>
    <dd id="sheet-conviction" class="their-words">{{ sheet.conviction if sheet }}</dd>
    <dt class="mono">{{ t('interview.sheet_first_lines') }}</dt>
    {# The step F1 exists for. The skill already says the post is written for
       the chosen proposal, to the character; nothing recorded a choice, so
       nothing was ever written for one, and a model with no decision opens
       on a lukewarm self description. The radios carry `form`, so the
       choice lives beside the line it is about and still travels with the
       approval below. Taking neither is on the list: it is a decision, and
       the only thing refused here is deciding nothing. #}
    <dd><ul id="sheet-first-lines" class="their-words">{% if sheet %}{% for line in sheet.first_lines %}
      <li>{% if sheet.state == 'proposed' and conversation.state == 'open' %}<label><input type="radio" name="first_line" value="{{ loop.index0 }}" form="sheet-approve" required> {{ line }}</label>{% else %}{% if sheet.first_line == loop.index0 %}<span class="badge mono">{{ t('interview.sheet_first_line_taken') }}</span> {% endif %}{{ line }}{% endif %}</li>
      {% endfor %}{% if sheet.state == 'proposed' and conversation.state == 'open' %}
      <li class="hint"><label><input type="radio" name="first_line" value="none" form="sheet-approve" required> {{ t('interview.sheet_first_line_none') }}</label></li>
      {% elif sheet.first_line == neither %}
      <li class="hint">{{ t('interview.sheet_first_line_none_taken') }}</li>
      {% endif %}{% endif %}</ul></dd>
  </dl>
  {# How it arrived. Hidden until there is something to say, and filled by the
     script from the same frame that fills the fields above: a sheet parsed out
     of free text is a weaker object than one a model committed to. #}
  <div id="sheet-problems-block"{% if not sheet or not sheet.problems %} hidden{% endif %}>
    <p class="mono">{{ t('interview.sheet_problems') }}</p>
    <p class="hint">{{ t('interview.sheet_problems_hint') }}</p>
    <ul class="problems mono" id="sheet-problems">{% if sheet %}{% for problem in sheet.problems %}<li>{{ problem }}</li>{% endfor %}{% endif %}</ul>
  </div>
  {% if conversation.state == 'open' %}
  <form id="sheet-approve" method="post" action="/interview/{{ conversation.id }}/sheet/approve"{% if not sheet or sheet.state != 'proposed' %} hidden{% endif %}>
    {# The identity of the sheet as this page shows it. The disk can be newer
       than the screen, and an approval only ever signs what was read. #}
    <input type="hidden" name="sheet" id="sheet-digest" value="{{ sheet.digest() if sheet }}">
    <p class="hint">{{ t('interview.sheet_approve_hint') }}</p>
    <button type="submit">{{ t('interview.sheet_approve') }}</button>
  </form>
  {% endif %}
  <p class="callout" id="sheet-approved-notice"{% if not sheet or sheet.state != 'approved' %} hidden{% endif %}>{{ t('interview.sheet_approved_notice') }}</p>
</section>

{% if conversation.state == 'open' and sheet and sheet.state == 'approved' %}
<p class="empty">{{ t('interview.sheet_closed_notice') }}</p>
{% elif conversation.state == 'open' %}
{# Asking for the sheet is the person's call: they are the one who knows the
   interview has enough material. The turn behind this button requires the
   tool, which is what makes the mechanism fire on a model that would
   otherwise answer the sheet in prose. #}
{# How much material is on the table. Beside the sentence the engine writes
   every turn, never instead of it: what is missing is a judgement about the
   material and only that sentence carries it. This says how much there is,
   and it shows its counts, so the percentage is a reading of something
   somebody can check rather than a verdict of its own. #}
<p class="gauge mono" id="sufficiency"><span id="sufficiency-ratio">{{ t('interview.sufficiency', **gauge) }}</span>
  <span class="hint" id="sufficiency-counts">{{ t('interview.sufficiency_counts', **gauge) }}</span></p>
<p class="hint">{{ t('interview.sufficiency_hint') }}</p>
{# Not before the first turn. A sheet asked for then is a sheet the model has
   to invent, which is the failure the sheet exists to catch, and the server
   refuses it: this is the same rule on the screen instead of behind a click.
   Hidden rather than absent, because the page does not reload between two
   interview turns and the client reveals it on the frame that says the
   first words reached disk. #}
<p class="hint" id="ask-sheet-hint"{% if not conversation.messages %} hidden{% endif %}>{{ t('interview.sheet_ask_hint') }}</p>
<button type="button" id="ask-sheet"{% if not conversation.messages %} hidden{% endif %} data-url="/interview/{{ conversation.id }}/sheet/propose">{{ t('interview.sheet_ask') }}</button>
<p class="callout" id="awaiting"{% if not awaiting %} hidden{% endif %}>{{ t('interview.awaiting') }}</p>
<button type="button" id="resume"{% if not awaiting %} hidden{% endif %}>{{ t('interview.resume') }}</button>
<form id="say" method="post" action="/interview/{{ conversation.id }}/turn">
  <label class="mono" for="text">{{ t('interview.your_turn') }}</label>
  <textarea id="text" name="text" rows="4" autofocus>{{ seed }}</textarea>
  <button type="submit">{{ t('interview.send') }}</button>
  {# The accelerator is announced rather than left to be discovered. The
     button is what a keyboard and a screen reader reach first, and this
     page posts without JavaScript, so it stays. #}
  <span class="mono hint">{{ t('interview.send_hint') }}</span>
</form>
<noscript><p class="degraded">{{ t('interview.needs_js') }}</p></noscript>
{% else %}
<p class="empty">{{ t('interview.closed_notice', post=conversation.post) }}</p>
{% endif %}

{% if sheet and sheet.state == 'approved' %}
<section class="draft" id="draft">
  <h2>{{ t('interview.draft') }}</h2>
  {# A click that arrived from a screen older than the disk. It belongs here
     rather than beside the sheet: it is about the post, and the sentence is
     the only thing telling somebody their post was not the one they read. #}
  {% if notice == 'draft-changed' %}
  <p class="callout" id="draft-changed">{{ t('interview.draft_changed') }}</p>
  {% endif %}
  <p class="hint">{{ t('interview.draft_hint') }}</p>
  {% if conversation.state == 'open' %}
  {% if trace %}
  {# The revision loop of the skill, made a box. What is typed here is kept and
     joins the Said side: the hint says so, because somebody has to know that
     a correction typed here is quotable and a request typed here is on the
     record. The button reads it; nothing is appended to the interview. #}
  {% if conversation.revisions %}
  <h3>{{ t('interview.revision_history') }}</h3>
  <ul class="revisions">
    {% for asked in conversation.revisions %}
    <li>
      <p class="hint mono">{{ t('interview.revision_asked', stamp=asked.asked) }}</p>
      <p class="their-words">{{ asked.text }}</p>
    </li>
    {% endfor %}
  </ul>
  {% endif %}
  {# What the request is about. A whole post by default, which is what a
     revision always used to be, or one block of it. The block is echoed
     under the picker word for word: somebody has to see the text that will
     be replaced, not a summary of where it is. #}
  {% if blocks|length > 1 %}
  <label class="mono" for="revision-scope">{{ t('interview.revision_scope') }}</label>
  <select id="revision-scope">
    <option value="">{{ t('interview.revision_scope_all') }}</option>
    {% for block in blocks %}
    <option value="{{ block.index }}" data-digest="{{ block.digest }}" data-text="{{ block.text }}"{% if scope and scope.index == block.index %} selected{% endif %}>{{ t('interview.revision_scope_one', number=block.index + 1, opening=block.text[:60]) }}</option>
    {% endfor %}
  </select>
  <blockquote class="passage-echo their-words" id="revision-echo"{% if not scope %} hidden{% endif %}>{{ scope.text if scope }}</blockquote>
  {% endif %}
  <label class="mono" for="revision">{{ t('interview.revision') }}</label>
  <p class="hint">{{ t('interview.revision_hint') }}</p>
  {# A placeholder that teaches by example rather than describing the field.
     Somebody who reads "your request" writes "make it better". #}
  {# Which interview this box belongs to. What is typed here outlives the
     page, in the browser's own store and per interview, so a request half
     written for one post never turns up under another. #}
  <textarea id="revision" rows="3" data-interview="{{ conversation.id }}" placeholder="{{ t('interview.revision_placeholder') }}"></textarea>
  {% endif %}
  <button type="button" id="write-draft" data-url="/interview/{{ conversation.id }}/draft">{{ t('interview.draft_rewrite')
    if trace else t('interview.draft_write') }}</button>
  {# The scope, on the action line rather than in a paragraph above it. It
     is the sentence somebody reads with their hand already on the button. #}
  <p class="hint scope-line" id="revision-scope-line"{% if not scope %} hidden{% endif %}>{{ t('interview.revision_scope_line') }}</p>
  {# Where a drafting turn talks: here, beside the scope, the echo of the
     passage and the box, and not in the thread at the top of the page. The
     refusal contract of `linkedin-post` means a turn can answer with a
     question instead of a post, and an answer shown a screen away from its
     own question is answered by picking the passage again by hand. Empty
     until a turn speaks, and emptied by the next one. #}
  <div class="revision-reply turns" id="revision-reply" hidden></div>
  {% endif %}
  {% if not trace %}
  <p class="empty">{{ t('interview.draft_none') }}</p>
  {% else %}
  <p class="hint mono"><span class="badge version">{{ t('interview.draft_version', number=trace.version) }}</span>
    {{ t('interview.draft_written', stamp=trace.written) }}{% if trace.restored %},
    {{ t('interview.draft_restored', stamp=trace.restored) }}{% endif %}</p>
  {# Both only from the second version on, which is the rule the resume
     button and the passage picker already follow: an affordance with no
     history behind it is not on the screen, and a legend about a previous
     version is a legend about nothing. #}
  {% if trace.version > 1 %}
  <p class="hint">{{ t('interview.moved_legend') }}</p>
  <form method="post" action="/interview/{{ conversation.id }}/draft/revert">
    {# The identity of the post as this page shows it. A turn can rewrite
       the draft behind a screen already drawn, and going back from that
       screen would throw away a version nobody read. #}
    <input type="hidden" name="body" value="{{ trace.digest }}">
    <button type="submit">{{ t('interview.draft_revert',
      number=trace.version - 1) }}</button>
    <span class="mono hint">{{ t('interview.draft_revert_hint') }}</span>
  </form>
  {% endif %}
  <div class="draft-columns">
  <div class="draft-post">

  {# The post in the person's own typeface, with every claim no anchor backs
     marked in it. The marking is decided server side, in anchors.lines, so a
     reload and a live frame paint the same verdict. #}
  <article class="post their-words">
    {% for row in trace.lines %}{% if row %}<p{% if trace.moved[loop.index0] %} class="moved"{% endif %}>{% for piece in row %}{% if piece.status == 'anchored' %}{{ piece.text }}{% else %}<mark class="claim-{{ piece.status }}" title="{{ t('interview.claim_' ~ piece.status ~ '_hint') }}">{{ piece.text }}</mark>{% endif %} {% endfor %}</p>{% endif %}{% endfor %}
  </article>

  <form method="post" action="/interview/{{ conversation.id }}/draft/lint">
    <p class="hint">{{ t('interview.lint_hint') }}</p>
    <button type="submit">{{ t('interview.lint_run') }}</button>
  </form>
  {% if findings %}
  <section class="lint-findings" id="lint-findings">
    <h3>{{ t('interview.lint_findings') }}</h3>
    {% if lint_failed %}<p class="callout">{{ t('interview.lint_failed') }}</p>{% endif %}
    <pre class="mono">{{ findings }}</pre>
  </section>
  {% endif %}

  </div>
  <div class="draft-trace">
  <h3>{{ t('interview.trace') }}</h3>
  <p class="hint">{{ t('interview.trace_hint') }}</p>
  <p class="mono counts">{{ t('interview.trace_counts', **trace.counts) }}</p>
  {% if trace.problems %}
  <p class="hint">{{ t('interview.trace_problems') }}</p>
  <ul class="problems mono">
    {% for problem in trace.problems %}<li>{{ problem }}</li>{% endfor %}
  </ul>
  {% endif %}
  {% if not trace.verdicts %}
  <p class="callout">{{ t('interview.trace_none') }}</p>
  {% elif not trace.counts.unanchored and trace.counts.anchored == trace.verdicts|length %}
  <p class="callout">{{ t('interview.trace_clean') }}</p>
  {% endif %}
  <ul class="anchors">
    {% for verdict in trace.verdicts %}
    {# The words over a backing are computed from its provenance and never
       written here: "you said" is true over a transcript quote and false
       over a line of the sheet, which the person approved and did not utter.
       The hint key comes from the route for the same reason. #}
    <li class="anchor anchor-{{ verdict.status }} anchor-of-{{ verdict.provenance }}">
      <p class="badge mono">{{ t('interview.anchor_' ~ verdict.status) }}</p>
      <p class="hint">{{ t('interview.' ~ verdict.hint) }}</p>
      <dl>
        <dt class="mono">{{ t('interview.trace_post') }}</dt>
        <dd class="their-words">{{ verdict.post }}</dd>
        <dt class="mono">{{ t('interview.trace_' ~ verdict.provenance) }}</dt>
        <dd class="their-words">{{ verdict.quote }}</dd>
      </dl>
    </li>
    {% endfor %}
  </ul>
  </div>
  </div>

  {# Not the post, and never rendered inside it. Every kind the skill asks the
     writing step for is listed, present or not: a list that silently holds one
     of two reads as a complete answer, and nobody asks again for a thing they
     were never told was missing. #}
  <section class="notes">
    <h3>{{ t('interview.notes') }}</h3>
    <p class="hint">{{ t('interview.notes_hint') }}</p>
    <dl class="session-notes">
      <dt class="mono">{{ t('interview.photos') }}</dt>
      <dd>
        <ul>
          {% for note in trace.photos %}<li><span class="badge mono">{{ t('interview.note_' ~ note.kind) }}</span> {{ note.text }}</li>{% endfor %}
          {% for kind in trace.missing.photos %}<li class="empty"><span class="badge mono">{{ t('interview.note_' ~ kind) }}</span> {{ t('interview.note_missing') }}</li>{% endfor %}
        </ul>
      </dd>
      <dt class="mono">{{ t('interview.tips') }}</dt>
      <dd>
        <ul>
          {% for note in trace.tips %}<li><span class="badge mono">{{ t('interview.note_' ~ note.kind) }}</span> {{ note.text }}</li>{% endfor %}
          {% for kind in trace.missing.tips %}<li class="empty"><span class="badge mono">{{ t('interview.note_' ~ kind) }}</span> {{ t('interview.note_missing') }}</li>{% endfor %}
        </ul>
      </dd>
    </dl>
  </section>

  {# Outside the open guard, deliberately. One of the refusals this carries is
     "this interview already became a post", which by definition can only be
     shown on a closed one: inside the guard it was a sentence nobody could
     ever read. #}
  {% if archive_problem %}
  <p class="callout" id="archive-problem">{{ t('interview.archive_' ~ archive_problem|replace('-', '_')) }}</p>
  {% endif %}

  {% if conversation.state == 'open' %}
  {# The step the skill says decides whether any of this was worth doing. The
     classification is the person's: none of it is derivable from a body of
     text, and a value guessed here is a guess counted in every ratio. #}
  <section class="archive" id="archive">
    <h3>{{ t('interview.archive') }}</h3>
    <p class="hint">{{ t('interview.archive_hint') }}</p>
    <form method="post" action="/interview/{{ conversation.id }}/archive">
      <label class="mono" for="archive-date">{{ t('interview.archive_date') }}</label>
      <input type="date" id="archive-date" name="date" value="{{ today }}" required>

      <label class="mono" for="archive-slug">{{ t('interview.archive_slug') }}</label>
      <input type="text" id="archive-slug" name="slug" required
             pattern="[a-z0-9]+(-[a-z0-9]+)*">
      <p class="hint">{{ t('interview.archive_slug_hint') }}</p>

      <label class="mono" for="archive-pillar">{{ t('interview.archive_pillar') }}</label>
      <select id="archive-pillar" name="pillar">
        {% for pillar in pillars %}<option value="{{ pillar }}">P{{ pillar }}</option>{% endfor %}
      </select>

      <label class="mono" for="archive-format">{{ t('interview.archive_format') }}</label>
      <select id="archive-format" name="format">
        {% for shape in formats %}<option value="{{ shape }}">{{ t('interview.format_' ~ shape|replace('-', '_')) }}</option>{% endfor %}
      </select>

      <label class="mono" for="archive-label">{{ t('interview.archive_label') }}</label>
      <select id="archive-label" name="label">
        {% for objective in labels %}<option value="{{ objective }}">{{ t('interview.label_' ~ objective|lower) }}</option>{% endfor %}
      </select>

      <label class="mono" for="archive-state">{{ t('interview.archive_state') }}</label>
      <select id="archive-state" name="state">
        {% for state in states %}<option value="{{ state }}">{{ t('posts.state_' ~ state) }}</option>{% endfor %}
      </select>
      <p class="hint">{{ t('interview.archive_state_hint') }}</p>

      <label class="mono" for="archive-idea">{{ t('interview.archive_idea') }}</label>
      <select id="archive-idea" name="idea">
        <option value="">{{ t('interview.archive_idea_none') }}</option>
        {% if bank %}{% for angle in bank.angles %}<option value="{{ angle.text }}">P{{ angle.pillar }} {{ angle.text }}</option>{% endfor %}{% endif %}
      </select>

      <button type="submit">{{ t('interview.archive_do') }}</button>
    </form>
  </section>
  {% endif %}
  {% endif %}
</section>
{% endif %}

{% if bank and bank.angles %}
<h2>{{ t('interview.bank') }}</h2>
<p class="hint">{{ t('interview.bank_hint') }}</p>
<ul class="angles">
  {% for angle in bank.angles %}
  <li>
    <button type="button" class="seed" data-text="{{ angle.text }}">
      <span class="badge mono">P{{ angle.pillar }}</span>
      <span class="badge badge-{{ (angle.label or '')|lower }} mono">{{ angle.label }}</span>
      {{ angle.text }}
    </button>
  </li>
  {% endfor %}
</ul>
{% endif %}

<h2>{{ t('interview.ending') }}</h2>
<p class="hint">{{ t('interview.discard_hint', path=conversation.id) }}</p>
<form method="post" action="/interview/{{ conversation.id }}/discard">
  <button type="submit">{{ t('interview.discard') }}</button>
</form>

<script type="application/json" id="verbatim-strings">{{ strings | safe }}</script>
<script src="{{ asset('interview.js') }}" defer></script>
{% endblock %}