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

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

{% block content %}
<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>Web review only</h2>
    </div>
    <ul class="tc-plain-list">
      <li>No subagent spawn.</li>
      <li>No investment analysis.</li>
      <li>No approvals or executions.</li>
      <li>Orders still cross MCP policy checks.</li>
    </ul>
  </aside>
</section>

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