{# 02 / ARCHITECTURE — site rendering model + framework hints. Spec § 2. #}
<section class="block">
  <div class="block-num">02 / ARCHITECTURE</div>
  <h3>Site architecture</h3>
  {% set ar = report.analysis_result %}
  {% if ar.architecture %}
  <p class="lede">Architecture classified as <strong>{{ ar.architecture }}</strong>.
    {% if ar.framework_hints %}
      Framework hints:
      {%- for hint in ar.framework_hints %}
        {{ hint.name }}{% if hint.version %} {{ hint.version }}{% endif %}{% if not loop.last %},{% endif %}
      {%- endfor %}.
    {% endif %}
  </p>
  {% else %}
  <p class="lede">Architecture not yet classified.</p>
  {% endif %}

  <div class="detect-card">
    {% if ar.framework_hints %}
    <div class="detect-evidence">
      {%- for hint in ar.framework_hints -%}
{{ hint.name }}{% if hint.version %} {{ hint.version }}{% endif %}
{%- for ev in hint.evidence %}
  - {{ ev.signal }}: {{ ev.value }}
{%- endfor %}
{% endfor -%}
    </div>
    {% else %}
    <div class="detect-evidence">No framework signals captured.</div>
    {% endif %}
    <div style="margin-top:14px;">
      <strong>Implication:</strong>
      {% if ar.architecture == 'page_based' %}
        single GET + HTML parse extracts everything; no JS execution required.
      {% elif ar.architecture == 'spa' %}
        SPA — content hydrated via XHR/JSON; prefer the underlying API endpoints over rendering.
      {% elif ar.architecture == 'api_driven' %}
        API-driven — call the JSON endpoints directly; HTML is mostly chrome.
      {% elif ar.architecture == 'hybrid' %}
        hybrid SSR + client hydration; mix of HTML extraction and API calls is likely cheapest.
      {% else %}
        architecture unclassified — inspect the endpoint inventory below.
      {% endif %}
    </div>
  </div>
</section>