{% extends "base.html" %}
{% block body %}
    <h1>Task {{ task.get("id") or "" }}</h1>
    <table>
      <thead><tr><th>Field</th><th>Value</th></tr></thead>
      <tbody>{% for row in task_rows %}<tr><td>{{ row[0] }}</td><td>{{ row[1] }}</td></tr>{% endfor %}</tbody>
    </table>
    <h2>Timeline</h2>
    {% if not timeline_steps %}
    <p>No timeline records.</p>
    {% else %}
    {% for step in timeline_steps %}
    <div style="border:1px solid #ccc;background:#fff;padding:0.75rem;margin-bottom:0.75rem;">
      <p><strong>Step {{ step.index }}</strong> &mdash; {{ step.timestamp }}</p>
      <p>Prompt: {{ step.prompt }}</p>
      <p>Tool call: <code>{{ step.tool_call_text }}</code></p>
      <p>Result: <code>{{ step.result_text }}</code></p>
      {% if step.screenshot_src %}<img src="{{ step.screenshot_src }}" alt="screenshot" style="max-width:100%;border:1px solid #ccc;margin-top:0.5rem;">{% endif %}
    </div>
    {% endfor %}
    {% endif %}
{% endblock %}