{% extends "web/base.html" %}

{% block title %}Starter Prompt | tcx{% endblock %}
{% block page_label %}Starter Prompt{% endblock %}

{% block content %}
<section class="tc-page-head">
  <div>
    <span class="tc-eyebrow">Codex-native launch</span>
    <h1>Prepare a starter prompt for the fixed-role workflow.</h1>
    <p>Django prepares routing text. Codex remains the orchestration runtime, and MCP remains the execution boundary.</p>
  </div>
  <a class="tc-button" href="/harness/">Inspect harness</a>
</section>

<section class="tc-section-grid">
  <article class="tc-panel">
    <div class="tc-panel-head">
      <span class="tc-eyebrow">Request</span>
      <h2>Generate prompt</h2>
    </div>
    <form class="tc-prompt-form"
      hx-get="{% url 'web-starter-prompt-preview' %}"
      hx-target="#starter-prompt-result"
      hx-swap="innerHTML">
      <label for="starter-request">Investment workflow request</label>
      <textarea id="starter-request" name="q" rows="8" placeholder="Example: Review how rates and oil could affect my NVDA position, no order.">{{ query }}</textarea>
      <button class="tc-button tc-button-primary" type="submit">Generate starter prompt</button>
    </form>
  </article>

  <aside class="tc-panel">
    <div class="tc-panel-head">
      <span class="tc-eyebrow">Boundary</span>
      <h2>No agent runtime in web v1</h2>
    </div>
    <ul class="tc-plain-list">
      <li>No Codex subagents are spawned from Django.</li>
      <li>No investment analysis is generated by this page.</li>
      <li>No approvals or executions are created here.</li>
      <li>Any order path still crosses tcx MCP and policy checks.</li>
    </ul>
  </aside>
</section>

<section id="starter-prompt-result" class="tc-panel">
  {% include "web/fragments/starter_prompt.html" %}
</section>
{% endblock %}