{% extends "_chat_page.html" %}
{% block title %}{{ provider }}:{{ conversation_id }} - backseat-harness{% endblock %}
{% block back %}
    {% if ws_name %}
    <a class="chat-header-back" href="/ws/{{ ws_id }}">← {{ ws_name }}</a>
    {% else %}
    <a class="chat-header-back" href="/">← Workspaces</a>
    {% endif %}
{% endblock %}
{% block heading %}{{ prompt }}{% endblock %}
{% block sub %}<small>{{ provider }}:{{ conversation_id }}</small>{% endblock %}
{% block action %}
  <div class="chat-header-actions">
  {% if generate_task %}
  {% include "_generate_task_button.html" %}
  {% endif %}
  {% if resume_command %}
  <form id="resume-form" class="chat-continue-form">
    <input type="hidden" name="cmd" value='{{ resume_command|tojson }}'>
    <input type="hidden" name="cwd" value="{{ chat_cwd }}">
    <input type="hidden" name="back_url" value="{{ back_url }}">
    <input type="hidden" name="back_label" value="{{ ws_name or 'Workspaces' }}">
    <input type="hidden" name="title" value="{{ prompt }}">
    <button type="submit" class="btn">Resume</button>
  </form>
  {% else %}
  <form id="fork-form" class="fork-form chat-continue-form" method="post" action="/search/fork">
    {% if ws_id is not none %}
    <input type="hidden" name="ws" value="{{ ws_id }}">
    {% endif %}
    <input type="hidden" name="conversation_id" value="{{ conversation_id }}">
    <input type="hidden" name="current_session_key" value="{{ current_session_key }}">
    <input type="hidden" name="back_url" value="{{ back_url }}">
    <input type="hidden" name="back_label" value="{{ ws_name or 'Workspaces' }}">
    <input type="hidden" name="title" value="{{ prompt }}">
    <button type="submit" class="btn">Fork</button>
  </form>
  {% endif %}
  </div>
{% endblock %}

{% block body %}
<section>
  <h4>Transcript</h4>
  <pre class="transcript">{{ transcript }}</pre>
  {% include "_markdown_box.html" %}
</section>
{% endblock %}

{% block scripts %}
{% if resume_command %}
<script>
  document.getElementById('resume-form').addEventListener('submit', async (e) => {
    e.preventDefault();
    const form = e.target;
    const formData = new FormData(form);
    const cmd = JSON.parse(formData.get('cmd'));
    const cwd = formData.get('cwd');
    const backUrl = formData.get('back_url');
    const backLabel = formData.get('back_label');
    const title = formData.get('title');

    try {
      const response = await fetch('/shell/start', {
        method: 'POST',
        headers: { 'Content-Type': 'application/json' },
        body: JSON.stringify({ cmd, cwd })
      });
      if (response.ok) {
        const data = await response.json();
        const params = new URLSearchParams({ from: backUrl, label: backLabel, title });
        window.location.href = `/shell/${data.session_id}?${params}`;
      } else {
        alert('Failed to start shell session');
      }
    } catch (err) {
      alert('Error: ' + err.message);
    }
  });
</script>
{% endif %}
{% if generate_task %}
{% include "_generate_task_script.html" %}
{% endif %}
{% endblock %}