{# Executive — Scan plan panel (Overview only).

   Mirrors the CLI's Phase-0 scan-plan board (``ui/scan_plan.py``) so the
   first thing an operator reads on the dashboard is the same plan they
   confirmed in the terminal. Replaced the framework-internal "Scan
   identity" fingerprint card (SCAN_ID / SEED / GUARDIAN / AIVSS / PROBES
   / TARGET / EVIDENCE) — those internal version pins were noise for end
   users.

   Grouped into the same six sections as the CLI:
     TARGET        — URL, Mode, Reachable, Multi-agent
     MODELS        — Attacker, Evaluator, Commander (+ validated indicator)
     BUDGET        — Mode, Wall-clock cap, USD cap, Estimated cost
     OUTPUTS       — --output
     DASHBOARD     — URL, Server status
     SAFETY GUARDS — RoE blocklist, Authorization, Egress policy

   Payload (``scan_plan``) is assembled in
   ``dashboard_view._build_scan_plan``; any field the persisted scan
   record cannot supply renders as "—" rather than being fabricated.
#}
<section class="exec-plan"
         id="exec-scan-plan"
         data-component="scan-plan"
         role="group"
         aria-labelledby="exec-scan-plan-label">
  <p class="exec-plan__heading" id="exec-scan-plan-label">Scan plan</p>
  {# Target URL gets its own full-width row — it's the longest value and would
     wrap character-by-character if squeezed into one of the side-by-side
     columns below. #}
  <dl class="exec-plan__url-row" aria-label="Target URL">
    <dt>URL</dt>
    <dd><span class="exec-mono-inline">{{ scan_plan.target.url }}</span></dd>
  </dl>
  <div class="exec-plan__sections">
    {# TARGET #}
    <section class="exec-plan__group" aria-label="Target">
      <p class="exec-plan__eyebrow">TARGET</p>
      <dl class="exec-plan__grid">
        <div class="exec-plan__row">
          <dt>Mode</dt>
          <dd><span class="exec-mono-inline">{{ scan_plan.target.mode }}</span></dd>
        </div>
        <div class="exec-plan__row">
          <dt>Reachable</dt>
          <dd>{{ scan_plan.target.reachable }}</dd>
        </div>
        <div class="exec-plan__row">
          <dt>Multi-agent</dt>
          <dd>{{ scan_plan.target.multi_agent }}</dd>
        </div>
      </dl>
    </section>

    {# MODELS — each role carries a validated indicator. #}
    <section class="exec-plan__group" aria-label="Models">
      <p class="exec-plan__eyebrow">MODELS</p>
      <dl class="exec-plan__grid">
        <div class="exec-plan__row">
          <dt>Attacker</dt>
          <dd>
            <span class="exec-mono-inline">{{ scan_plan.models.attacker }}</span>
            <span class="exec-plan__validated">{{ scan_plan.models.validated }}</span>
          </dd>
        </div>
        <div class="exec-plan__row">
          <dt>Evaluator</dt>
          <dd>
            <span class="exec-mono-inline">{{ scan_plan.models.evaluator }}</span>
            <span class="exec-plan__validated">{{ scan_plan.models.validated }}</span>
          </dd>
        </div>
        <div class="exec-plan__row">
          <dt>Commander</dt>
          <dd>
            <span class="exec-mono-inline">{{ scan_plan.models.commander }}</span>
            <span class="exec-plan__validated">{{ scan_plan.models.validated }}</span>
          </dd>
        </div>
      </dl>
    </section>

    {# BUDGET #}
    <section class="exec-plan__group" aria-label="Budget">
      <p class="exec-plan__eyebrow">BUDGET</p>
      <dl class="exec-plan__grid">
        <div class="exec-plan__row">
          <dt>Mode</dt>
          <dd><span class="exec-mono-inline">{{ scan_plan.budget.mode }}</span></dd>
        </div>
        <div class="exec-plan__row">
          <dt>Wall-clock cap</dt>
          <dd>{{ scan_plan.budget.wall_cap }}</dd>
        </div>
        <div class="exec-plan__row">
          <dt>USD cap</dt>
          <dd>{{ scan_plan.budget.usd_cap }}</dd>
        </div>
        <div class="exec-plan__row">
          <dt>Estimated cost</dt>
          <dd>{{ scan_plan.budget.estimated_cost }}</dd>
        </div>
      </dl>
    </section>

    {# OUTPUTS #}
    <section class="exec-plan__group" aria-label="Outputs">
      <p class="exec-plan__eyebrow">OUTPUTS</p>
      <dl class="exec-plan__grid">
        <div class="exec-plan__row">
          <dt>--output</dt>
          <dd><span class="exec-mono-inline">{{ scan_plan.outputs.output }}</span></dd>
        </div>
      </dl>
    </section>

    {# DASHBOARD #}
    <section class="exec-plan__group" aria-label="Dashboard">
      <p class="exec-plan__eyebrow">DASHBOARD</p>
      <dl class="exec-plan__grid">
        <div class="exec-plan__row">
          <dt>URL</dt>
          <dd><span class="exec-mono-inline">{{ scan_plan.dashboard.url }}</span></dd>
        </div>
        <div class="exec-plan__row">
          <dt>Server status</dt>
          <dd>{{ scan_plan.dashboard.server_status }}</dd>
        </div>
      </dl>
    </section>

    {# SAFETY GUARDS #}
    <section class="exec-plan__group" aria-label="Safety guards">
      <p class="exec-plan__eyebrow">SAFETY GUARDS</p>
      <dl class="exec-plan__grid">
        <div class="exec-plan__row">
          <dt>RoE blocklist</dt>
          <dd>{{ scan_plan.safety.roe_blocklist }}</dd>
        </div>
        <div class="exec-plan__row">
          <dt>Authorization</dt>
          <dd>{{ scan_plan.safety.authorization }}</dd>
        </div>
        <div class="exec-plan__row">
          <dt>Egress policy</dt>
          <dd>{{ scan_plan.safety.egress_policy }}</dd>
        </div>
      </dl>
    </section>
  </div>
</section>