{% extends "clairvia/base.html" %}
{% block page %}results{% endblock %}
{% block meta %}<meta name="robots" content="noindex, nofollow">{% endblock %}
{#- Ce que la page dit d'elle-meme, a l'oreille (RGAA 8.6, 7.5) : nombre de resultats et moteurs muets,
    dans le titre (lu en premier, meme sans script) et dans l'annonce du lecteur d'ecran (clairvia.js). #}
{%- set a11y_state = (t('partial_title') if results else t('down_title')) if engines_down else '' %}
{%- set a11y_engines = [] %}
{%- for e in engines_down %}{% set _ = a11y_engines.append(e.name|title ~ ', ' ~ t('reason_' ~ e.reason) ~ (', ' ~ t('suspended') if e.suspended else '')) %}{% endfor %}
{%- set a11y_count = t('a11y_count', n=results|length) if results else t('no_results') %}
{% block title %}{{ q }} - {{ a11y_count }}{% if a11y_state %} - {{ a11y_state }}{% endif %} - Clairvia{% endblock %}
{% block header %}
<header class="topbar glass-bar">
  <div class="topbar-inner">
    <a class="brand brand-small" href="{{ url_for('index') }}">{{ ic.mark(28) }}<span>Clairvia</span></a>
    {% include "clairvia/_search.html" %}
  </div>
  <nav class="tabs" aria-label="{{ t('categories') }}">
    {%- for cat in categories %}
    {%- set args = dict(page_args, categories=cat) %}
    {%- if mode in ('answer', 'research') %}{% set _ = args.update(mode='results') %}{% endif %}
    {%- for f in image_fields %}{% set _ = args.pop(f, None) %}{% endfor %}
    <a href="{{ url_for('search') }}?{{ args|urlencode }}"{% if cat == category %} aria-current="page"{% endif %} data-category="{{ cat }}">{{ ic.icon(category_icons.get(cat, 'search')) }}{{ category_label(cat) }}</a>
    {%- endfor %}
  </nav>
  {%- if time_ranges %}
  <nav class="periods" aria-label="{{ t('time_range') }}">
    {%- for period in ('',) + time_ranges %}
    {%- set args = dict(page_args, time_range=period) %}{% set _ = args.pop('pageno', None) %}
    {%- if not period %}{% set _ = args.pop('time_range') %}{% endif %}
    <a class="chip" href="{{ url_for('search') }}?{{ args|urlencode }}"{% if period == time_range %} aria-current="true"{% endif %} data-time-range="{{ period or 'any' }}">{% if not period %}{{ ic.icon('clock') }}{% endif %}{{ t('time_' ~ (period or 'any')) }}</a>
    {%- endfor %}
  </nav>
  {%- endif %}
  {%- if lenses %}
  <nav class="periods lenses" aria-label="{{ t('lens_title') }}">
    {%- for lens in [{'id': ''}] + lenses %}
    {%- set args = dict(page_args, lens=lens.id) %}{% set _ = args.pop('pageno', None) %}
    {%- if not lens.id %}{% set _ = args.pop('lens') %}{% endif %}
    <a class="chip" href="{{ url_for('search') }}?{{ args|urlencode }}"{% if lens.id == lens_id %} aria-current="true"{% endif %} data-lens="{{ lens.id or 'all' }}">{{ ic.icon(lens.icon if lens.id else 'lens') }}{{ t('lens_' ~ (lens.id or 'all')) }}</a>
    {%- endfor %}
  </nav>
  {%- endif %}
  {%- if image_filter_groups %}
  {#- Filtres d'images (clairvia.imagefilter) : appliques par Clairvia aux images recues, rien ne part vers un moteur.
      Une puce active retire son filtre ; sans script. #}
  <nav class="periods image-filters" aria-label="{{ t('img_filters') }}">
    {%- for group, field, values in image_filter_groups %}
    {%- set group_label = t('f_format' if group == 'format' else 'img_' ~ group) %}
    <div class="filter-group" role="group" aria-label="{{ group_label }}">
      <span class="filter-label" aria-hidden="true">{{ group_label }}</span>
      {%- for value in values %}
      {%- set on = image_filter.get(field) == value %}
      {%- set args = dict(page_args) %}{% set _ = args.pop('pageno', None) %}
      {%- if on %}{% set _ = args.pop(field) %}{% else %}{% set _ = args.update({field: value}) %}{% endif %}
      <a class="chip" href="{{ url_for('search') }}?{{ args|urlencode }}"{% if on %} aria-current="true"{% endif %} data-image-filter="{{ field }}={{ value }}">
        {%- if group == 'layout' %}{{ ic.icon('frame-' ~ value) }}{% endif %}{{ image_label(group, value) }}{% if on %}{{ ic.icon('close', 'chip-off') }}<span class="sr">{{ t('img_filter_remove') }}</span>{% endif %}</a>
      {%- endfor %}
    </div>
    {%- endfor %}
  </nav>
  {%- endif %}
</header>
{% endblock %}
{% block main %}
<div class="layout{% if infoboxes %} with-aside{% endif %}">
<div class="column">
<h1 class="sr">{{ t('results_title') }}</h1>
{#- Annonce a l'arrivee (clairvia.js la pose ici, une fois) : une region vivante presente au chargement n'est
    pas lue ; un moteur en echec doit etre ENTENDU, pas seulement affiche. Tout echoue : annonce immediate. #}
<div class="sr" data-announce="{{ a11y_count }}{% if a11y_state %}. {{ a11y_state }}. {{ a11y_engines|join('; ') }}{% endif %}"
  {%- if engines_down and not results %} role="alert"{% else %} role="status"{% endif %}></div>

{%- if engines_down %}
<section id="engines-status" class="notice {{ 'notice-error' if not results else 'notice-warn' }}" role="status" aria-labelledby="engines-status-title">
  {{ ic.icon('alert') }}
  <div>
    <h2 id="engines-status-title">{{ t('partial_title') if results else t('down_title') }}</h2>
    <p>{{ t('partial_d') if results else t('down_d') }}</p>
    <ul class="engines-down" role="list">
      {%- for e in engines_down %}
      <li data-engine="{{ e.name }}" data-reason="{{ e.reason }}"{% if e.suspended %} data-suspended{% endif %}><strong>{{ e.name|title }}</strong> <span>{{ t('reason_' ~ e.reason) }}{% if e.suspended %} · {{ t('suspended') }}{% endif %}</span></li>
      {%- endfor %}
    </ul>
  </div>
</section>
{%- endif %}

{%- if bang_relay %}
<p class="notice notice-safe inline bang-relay" role="status" data-bang-relay="{{ bang_relay.engine }}">{{ ic.icon('shield') }}<span>{{ t('bang_relayed', bang='!!' ~ bang_relay.bang, engine=bang_relay.engine|title) }}</span></p>
{%- endif %}

{%- if summarize_url %}
<p class="notice notice-safe inline summarize-offer" data-summarize-offer>{{ ic.icon('summary') }}<span><a href="{{ url_for('clairvia_ui.summary_route', url=summarize_url) }}">{{ t('sm_go') }}</a> · <span dir="ltr">{{ summarize_url|truncate(80, True) }}</span></span></p>
{%- endif %}

{%- if corrections %}
<p class="correction">{{ t('did_you_mean') }}
  {%- for c in corrections %} <a href="{{ url_for('search') }}?{{ dict(page_args, q=c)|urlencode }}">{{ c }}</a>{% endfor %}</p>
{%- endif %}

{%- if translation %}
{%- set tq = translation.query %}{% set tr = translation.results %}
<section class="panel translate-panel" aria-labelledby="translate-title">
  <header class="panel-head">{{ ic.icon('languages') }}<h2 id="translate-title">{{ t('tr_searched', lang=target_name) }}</h2><span class="badge">{{ t('tr_by') }}</span></header>
  <p class="searched" lang="{{ translation.to }}">{{ tq.searched }}</p>
  {%- if tq.status in ('untranslated', 'unavailable') %}
  <p class="notice notice-warn inline" data-translation-query="{{ tq.status }}">{{ ic.icon('info') }}<span>{{ t('tr_q_' ~ tq.status) }}</span></p>
  {%- endif %}
  {%- if tr.status in ('partial', 'rejected', 'unavailable') %}
  <p class="notice notice-warn inline" data-translation-results="{{ tr.status }}">{{ ic.icon('info') }}<span>{{ t('tr_r_' ~ tr.status) }}</span></p>
  {%- endif %}
</section>
{%- endif %}

{%- macro answer_body(turn, prefix, key='ans_') %}
  {%- if turn.status == 'ok' %}
  <div class="claims">
    {%- for claim in turn.claims %}
    {%- if claim.heading %}<h3>{{ claim.text }}</h3>{% else %}
    <p class="claim">{{ claim.text }}{% for c in claim.citations %}<a class="cite" href="#{{ prefix }}{{ c }}" aria-label="{{ t('ans_source', n=c) }}">{{ c }}</a>{% endfor %}</p>
    {%- endif %}
    {%- endfor %}
  </div>
  {%- else %}
  <p class="notice notice-warn inline">{{ ic.icon('info') }}<span>{{ t(key ~ turn.status) }}</span></p>
  {%- endif %}
{%- endmacro %}
{%- macro source_list(turn, prefix) %}
  <ol class="sources" role="list">
    {%- for s in turn.sources %}
    <li id="{{ prefix }}{{ s.id }}"><span class="source-n">{{ s.id }}</span><a href="{{ s.url }}" rel="noreferrer noopener">{{ s.title }}</a><span class="host">{{ s.host }}</span>
      {%- if s.step %}<span class="source-step" data-step="{{ s.step }}">{{ t('rs_found_by', n=s.step) }}</span>{% endif %}</li>
    {%- endfor %}
  </ol>
{%- endmacro %}
{%- if synthesis %}
{%- set conv = conversation %}
{%- if conv and conv.history %}
{#- Conversation de suivi (clairvia.followup) : les tours precedents, portes par la page seule. #}
<ol class="thread" aria-label="{{ t('fu_thread') }}" data-turns="{{ conv.history|length }}">
  {%- for turn in conv.history %}
  <li class="panel turn" data-status="{{ turn.status }}">
    <h2 class="turn-q">{{ ic.icon('chat') }}<span>{{ turn.question }}</span></h2>
    {{ answer_body(turn, 'source-t' ~ turn.n ~ '-') }}
    {%- if turn.sources and turn.status == 'ok' %}
    <details class="turn-sources">
      <summary>{{ t('ans_sources') }} · {{ turn.sources|length }}</summary>
      {{ source_list(turn, 'source-t' ~ turn.n ~ '-') }}
    </details>
    {%- endif %}
  </li>
  {%- endfor %}
</ol>
{%- endif %}
<section id="synthesis" class="panel answer-panel" data-status="{{ synthesis.status }}" aria-labelledby="answer-title">
  <header class="panel-head">{{ ic.icon('quote') }}<h2 id="answer-title">{{ t('ans_title') }}</h2>{% if synthesis.status == 'ok' %}<span class="badge badge-safe">{{ ic.icon('check') }}{{ t('ans_by') }}</span>{% endif %}</header>
  {%- if conv and conv.status in ('invalid', 'expired', 'full') %}
  <p class="notice notice-warn inline" data-thread="{{ conv.status }}">{{ ic.icon('info') }}<span>{{ t('fu_' ~ conv.status, max=conv.max_turns) }}</span></p>
  {%- endif %}
  {%- if conv and conv.history %}
  <p class="turn-q turn-current">{{ ic.icon('chat') }}<span>{{ conv.question }}</span></p>
  {%- if conv.query_status in ('rewritten', 'combined') %}
  <p class="fu-searched" data-query="{{ conv.query_status }}">{{ ic.icon('search') }}<span>{{ t('fu_searched') }} <q>{{ conv.searched }}</q> · {{ t('fu_q_' ~ conv.query_status) }}</span></p>
  {%- endif %}
  {%- endif %}
  {{ answer_body(synthesis, 'source-') }}
  {%- if synthesis.sources and synthesis.status == 'ok' %}
  <h3 class="sources-title">{{ t('ans_sources') }}</h3>
  {{ source_list(synthesis, 'source-') }}
  {%- endif %}
  {%- if conv and conv.thread %}
  {#- Question suivante : POST (le jeton porte la conversation, jamais dans une adresse), sans script. #}
  <form class="followup" method="post" action="{{ url_for('search') }}" data-followup>
    <label class="followup-label" for="followup-q">{{ ic.icon('chat') }}{{ t('fu_label') }}</label>
    <div class="field glass">
      <input type="text" id="followup-q" name="q" required maxlength="200" placeholder="{{ t('fu_placeholder') }}" autocomplete="off" enterkeyhint="send">
      <button type="submit" class="go" title="{{ t('fu_ask') }}"><span class="sr">{{ t('fu_ask') }}</span>{{ ic.icon('arrow', 'flip-rtl') }}</button>
    </div>
    <input type="hidden" name="mode" value="answer">
    <input type="hidden" name="categories" value="general">
    <input type="hidden" name="thread" value="{{ conv.thread }}">
    {%- for name in ('language', 'safesearch', 'lens', 'rank') %}{% if page_args.get(name) %}
    <input type="hidden" name="{{ name }}" value="{{ page_args[name] }}">{% endif %}{% endfor %}
    <p class="followup-note">{{ ic.icon('lock') }}<span>{{ t('fu_note', n=conv.turn, max=conv.max_turns) }}</span></p>
  </form>
  {%- elif conv and conv.turn >= conv.max_turns %}
  <p class="notice notice-safe inline" data-thread="last">{{ ic.icon('info') }}<span>{{ t('fu_last', max=conv.max_turns) }}</span></p>
  {%- endif %}
</section>
{%- endif %}

{%- if research %}
{#- Recherche approfondie (clairvia.research) : les recherches faites et leur cout, le rapport verifie. #}
{%- set rs = research %}
<section id="research" class="panel answer-panel research-panel" data-status="{{ rs.status }}" data-plan="{{ rs.plan.status }}" data-budget="{{ rs.budget.status }}" aria-labelledby="research-title">
  <header class="panel-head">{{ ic.icon('layers') }}<h2 id="research-title">{{ t('rs_title') }}</h2>{% if rs.status == 'ok' %}<span class="badge badge-safe">{{ ic.icon('check') }}{{ t('rs_by') }}</span>{% endif %}</header>
  <details class="rs-steps"{% if rs.status != 'ok' %} open{% endif %}>
    <summary>{{ ic.icon('search') }}<span>{{ t('rs_steps', n=rs.steps|length) }}</span>{{ ic.icon('chevron-down', 'rs-chevron') }}</summary>
    <ol class="steps" role="list">
      {%- for step in rs.steps %}
      <li data-origin="{{ step.origin }}" data-step-status="{{ step.status }}"><span class="step-n">{{ loop.index }}</span><span class="step-body"><q>{{ step.query }}</q><span class="step-meta">{{ t('rs_origin_' ~ step.origin) }} · {% if step.status == 'ok' %}{{ t('rs_results', n=step.results) }}{% else %}{{ t('rs_step_' ~ step.status) }}{% endif %}</span></span></li>
      {%- endfor %}
    </ol>
    <p class="rs-cost" data-upstream="{{ rs.budget.upstream }}">{{ ic.icon('shield') }}<span>{{ t('rs_cost', searches=rs.budget.searches, upstream=rs.budget.upstream) }}</span></p>
  </details>
  {%- if rs.plan.status in ('refused', 'unavailable') %}
  <p class="notice notice-warn inline" data-research-plan="{{ rs.plan.status }}">{{ ic.icon('info') }}<span>{{ t('rs_plan_' ~ rs.plan.status) }}</span></p>
  {%- elif rs.plan.refused %}
  <p class="notice notice-safe inline" data-research-refused="{{ rs.plan.refused }}">{{ ic.icon('shield') }}<span>{{ t('rs_plan_guarded', n=rs.plan.refused) }}</span></p>
  {%- endif %}
  {%- if rs.budget.status in ('instance', 'throttled', 'cap') %}
  <p class="notice {{ 'notice-safe' if rs.budget.status == 'cap' else 'notice-warn' }} inline" data-research-budget="{{ rs.budget.status }}">{{ ic.icon('clock') }}<span>{{ t('rs_budget_' ~ rs.budget.status, max=rs.budget.max_searches) }}</span></p>
  {%- endif %}
  {%- if rs.budget.spared and rs.budget.searches > 1 %}
  <p class="notice notice-safe inline" data-research-spared="{{ rs.budget.spared|join(',') }}">{{ ic.icon('shield') }}<span>{{ t('rs_spared', engines=rs.budget.spared|map('title')|join(', ')) }}</span></p>
  {%- endif %}
  {{ answer_body(rs, 'rsource-', 'rs_') }}
  {%- if rs.sources %}
  <h3 class="sources-title">{{ t('ans_sources') }}</h3>
  {{ source_list(rs, 'rsource-') }}
  {%- endif %}
  <p class="followup-note">{{ ic.icon('lock') }}<span>{{ t('rs_note') }}</span></p>
</section>
{%- endif %}

{%- if rank_error %}
<p class="notice notice-error inline" role="status" data-rank="error">{{ ic.icon('alert') }}<span>{{ t('rank_error') }}</span></p>
{%- endif %}
{%- if rank_off %}
{%- set args = dict(page_args) %}{% set _ = args.pop('rank') %}
<p class="notice notice-warn inline" data-rank="off">{{ ic.icon('info') }}<span>{{ t('rank_off') }} <a href="{{ url_for('search') }}?{{ args|urlencode }}">{{ t('rank_on') }}</a></span></p>
{%- endif %}
{%- if rank_blocked_n %}
<p class="notice notice-warn inline" data-rank="blocked" data-blocked="{{ rank_blocked_n }}">{{ ic.icon('ban') }}<span>{{ t('rank_blocked', n=rank_blocked_n, sites=rank_blocked|map('first')|join(', ')) }}
  <a href="{{ url_for('search') }}?{{ dict(page_args, rank='off')|urlencode }}" data-rank-off>{{ t('rank_show_all') }}</a> ·
  <a href="{{ url_for('clairvia_ui.settings_route', next=here, _anchor='set-rank') }}">{{ t('rank_manage') }}</a></span></p>
{%- endif %}
{%- if lens_id %}
{%- set args = dict(page_args) %}{% set _ = args.pop('lens') %}{% set _ = args.pop('pageno', None) %}
<p class="notice notice-safe inline" data-rank="lens" data-lensed="{{ rank_lensed }}">{{ ic.icon('lens') }}<span>{{ t('rank_lens_on', lens=t('lens_' ~ lens_id), n=rank_lensed) }}
  <a href="{{ url_for('search') }}?{{ args|urlencode }}">{{ t('rank_lens_off') }}</a></span></p>
{%- endif %}

{%- if image_outcome %}
{%- set args = dict(page_args) %}{% set _ = args.pop('pageno', None) %}{% for f in image_fields %}{% set _ = args.pop(f, None) %}{% endfor %}
{%- if image_outcome.error %}
<p class="notice notice-error inline" role="status" data-image-outcome="error">{{ ic.icon('alert') }}<span>{{ t('img_filter_error') }}
  <a href="{{ url_for('search') }}?{{ args|urlencode }}">{{ t('img_filter_off') }}</a></span></p>
{%- else %}
{%- set labels = [] %}{% for group, field in (('size', 'image_size'), ('layout', 'image_layout'), ('format', 'image_format'), ('license', 'image_license')) %}{% if image_filter.get(field) %}{% set _ = labels.append(image_label(group, image_filter[field])) %}{% endif %}{% endfor %}
<p class="notice notice-safe inline" role="status" data-image-outcome="ok" data-removed="{{ image_outcome.removed }}" data-unknown="{{ image_outcome.unknown }}" data-unlicensed="{{ image_outcome.unknown_license }}">{{ ic.icon('image') }}<span>{{ t('img_filter_on', filters=labels|join(', '), n=image_outcome.removed) }}
  {%- if image_outcome.unknown > image_outcome.unknown_license %} {{ t('img_filter_unknown', n=image_outcome.unknown - image_outcome.unknown_license) }}{% endif %}
  {%- if image_outcome.unknown_license %} {{ t('img_filter_unlicensed', n=image_outcome.unknown_license) }}{% endif %} {{ t('img_filter_local') }}
  <a href="{{ url_for('search') }}?{{ args|urlencode }}">{{ t('img_filter_off') }}</a></span></p>
{%- endif %}
{%- endif %}

{%- if ops_outcome %}
{#- Operateurs de la requete (clairvia.operators) tenus sur les resultats de tous les moteurs, apres la fusion. #}
{%- set args = dict(page_args, ops='off') %}{% set _ = args.pop('pageno', None) %}
{%- if ops_outcome.error %}
<p class="notice notice-error inline" role="status" data-ops-outcome="error">{{ ic.icon('alert') }}<span>{{ t('ops_error') }}</span></p>
{%- else %}
<p class="notice notice-safe inline" role="status" data-ops-outcome="ok" data-removed="{{ ops_outcome.removed }}" data-unknown="{{ ops_outcome.unknown_type }}" data-engines="{{ ops_engines|join(',') }}">{{ ic.icon('target') }}<span>{{ t('ops_on', ops=ops_written|join(' '), n=ops_outcome.removed, engines=ops_engines|map('title')|join(', ')) }}
  {%- if ops_outcome.unknown_type %} {{ t('ops_unknown', n=ops_outcome.unknown_type) }}{% endif %}
  <a href="{{ url_for('search') }}?{{ args|urlencode }}" data-ops-off>{{ t('ops_show') }}</a></span></p>
{%- endif %}
{%- elif ops_off %}
{%- set args = dict(page_args) %}{% set _ = args.pop('ops', None) %}{% set _ = args.pop('pageno', None) %}
<p class="notice notice-warn inline" role="status" data-ops-outcome="off">{{ ic.icon('target') }}<span>{{ t('ops_unchecked') }}
  <a href="{{ url_for('search') }}?{{ args|urlencode }}" data-ops-on>{{ t('ops_check') }}</a></span></p>
{%- endif %}

{%- if time_skipped %}
<p class="notice notice-warn inline" data-time-skipped="{{ time_skipped|join(',') }}">{{ ic.icon('clock') }}<span>{{ t('time_skipped', engines=time_skipped|map('title')|join(', ')) }}</span></p>
{%- endif %}

{%- if maps %}
<p class="notice notice-safe inline" data-privacy="map">{{ ic.icon('shield') }}<span>{{ t('map_private') }}</span></p>
{%- elif players %}
<p class="notice notice-safe inline" data-privacy="player">{{ ic.icon('shield') }}<span>{{ t('player_private') }}</span></p>
{%- endif %}

{%- for a in answers %}
{%- if a.kind == 'weather' %}
<section class="panel instant instant-weather" data-instant="weather" aria-labelledby="instant-{{ loop.index }}">
  <header class="instant-head">{{ ic.icon(a.icon) }}<h2 id="instant-{{ loop.index }}">{{ a.label }}</h2></header>
  {%- if a.message %}
  <p class="instant-question" data-weather-message>{{ a.message }}</p>
  {%- else %}
  {%- if a.question %}<p class="instant-question" dir="auto">{{ a.question }}</p>{% endif %}
  <div class="wx-now">
    {{ ic.icon(a.icon, 'wx-glyph') }}
    <div class="wx-now-text">
      <p class="instant-value" dir="ltr" data-value>{{ a.value }}</p>
      <p class="wx-sky" data-sky>{{ a.sky }}</p>
    </div>
  </div>
  <p class="instant-details">{% for d in a.details %}<span>{{ d }}</span>{% endfor %}{% if a.wind %}<span class="wx-wind">{% if a.wind_to %}{{ ic.icon('arrow', 'wind-' ~ a.wind_to) }}{% endif %}{{ a.wind }}</span>{% endif %}</p>
  {%- if a.hours %}
  <h3 class="wx-title">{{ t('wx_hours') }}</h3>
  <ol class="wx-hours" data-hours>
    {%- for h in a.hours %}
    <li><span class="wx-time">{{ h.time }}</span>{{ ic.icon(h.icon) }}<span class="sr">{{ h.sky }}</span><span class="wx-temp" dir="ltr">{{ h.temp }}</span></li>
    {%- endfor %}
  </ol>
  {%- endif %}
  {%- if a.days %}
  <h3 class="wx-title">{{ t('wx_days') }}</h3>
  <ul class="wx-days" data-days>
    {%- for d in a.days %}
    <li><span class="wx-day">{{ d.name }}</span>{{ ic.icon(d.icon) }}<span class="wx-day-sky">{{ d.sky }}</span><span class="wx-range" dir="ltr"><span class="wx-hi">{{ d.high }}</span><span class="wx-lo">{{ d.low }}</span></span></li>
    {%- endfor %}
  </ul>
  {%- endif %}
  {%- endif %}
  <p class="instant-note">{{ ic.icon('shield') }}<span>{{ a.note }}</span></p>
</section>
{%- else %}
<section class="panel instant" data-instant="{{ a.kind }}" aria-labelledby="instant-{{ loop.index }}">
  <header class="instant-head">{{ ic.icon(a.icon) }}<h2 id="instant-{{ loop.index }}">{{ a.label }}</h2></header>
  {%- if a.question %}<p class="instant-question" dir="auto">{{ a.question }}</p>{% endif %}
  {#- 🔴 LA TAILLE DEPEND DE LA LONGUEUR, et c'est tout l'objet de cette classe.
      `instant-value` est calibre pour une reponse COURTE -- un calcul, une
      temperature, un taux : on la lit d'un coup d'oeil, et le grand corps est
      son interet. Applique a un paragraphe encyclopedique, il devient un mur
      qui ecrase les resultats en dessous (porteur, 2026-09-28 : << c'est peut
      etre ecrit un peu gros >>).
      ⭐ Le seuil separe une REPONSE d'une PROSE : au-dela de deux lignes, ce
      n'est plus un chiffre qu'on saisit, c'est un texte qu'on lit. -#}
  <p class="instant-value{% if a.mono %} mono{% endif %}{% if a.value|string|length > 160 %} long{% endif %}" dir="{{ 'ltr' if a.mono or a.kind in ('calc', 'unit', 'currency', 'time') else 'auto' }}" data-value>{{ a.value }}</p>
  {%- if a.details %}<p class="instant-details">{% for d in a.details %}<span>{{ d }}</span>{% endfor %}</p>{% endif %}
  {%- if a.note %}<p class="instant-note">{{ ic.icon('shield') }}<span>{{ a.note }}</span></p>{% endif %}
</section>
{%- endif %}
{%- endfor %}

{%- if results %}<h2 class="sr" id="results-count" data-count="{{ results|length }}">{{ a11y_count }}</h2>{% endif %}
<div id="urls" class="{{ 'grid-images' if images else 'list' }}"{% if results %} aria-labelledby="results-count"{% endif %}>
{%- for r in results %}
{%- if r.kind == 'image' %}
<article class="result result-image">
  <a href="{{ r.url }}" rel="noreferrer noopener" title="{{ r.title }}">
    {#- alt vide : la legende qui suit nomme deja le lien (sinon le titre serait lu deux fois) #}
    <img src="{{ r.thumbnail or r.image }}" alt="" loading="lazy" decoding="async" referrerpolicy="no-referrer">
    <span class="caption">{{ r.title }}</span><span class="host">{{ r.source }}{% for f in r.facts %} · {{ f[1] }}{% endfor %}</span>
  </a>
</article>
{%- else %}
<article class="result result-{{ r.kind }}{% if r.thumbnail %} has-thumb{% endif %}">
  <div class="result-body">
    <a class="result-link" href="{{ r.url }}" rel="noreferrer noopener">
      <span class="crumbs"><span class="host">{{ r.host }}</span>{% for p in r.path %}<span class="sep">/</span>{{ p }}{% endfor %}</span>
      <h3 class="result-title">{{ r.title }}</h3>
    </a>
    {%- if r.package %}<p class="package"><code>{{ r.package }}</code></p>{% endif %}
    {%- if r.published or r.author or r.length or r.views or r.source or r.badges %}
    <p class="meta">
      {%- if r.source %}<span class="source">{{ r.source }}</span>{% endif %}
      {%- if r.published %}<span>{{ ic.icon('clock') }}{{ r.published }}</span>{% endif %}
      {%- if r.author %}<span>{{ ic.icon('user') }}{{ r.author }}</span>{% endif %}
      {%- if r.length %}<span data-duration>{{ ic.icon('play') }}{{ r.length }}</span>{% endif %}
      {%- if r.views %}<span data-views>{{ t('views', n=r.views) }}</span>{% endif %}
      {%- for b in r.badges %}<span class="tag">{{ b }}</span>{% endfor %}
    </p>
    {%- endif %}
    {%- if r.content %}<p class="content">{{ r.content }}</p>{% endif %}
    {%- if r.code %}
    <pre class="code" dir="ltr"><code>{% for n, line in r.code %}<span class="ln">{{ n }}</span>{{ line }}
{% endfor %}</code></pre>
    {%- endif %}
    {%- if r.facts %}
    <dl class="facts">
      {%- for label, value in r.facts %}
      <div><dt>{{ label }}</dt><dd>{{ value }}</dd></div>
      {%- endfor %}
    </dl>
    {%- endif %}
    {%- if r.actions %}
    <p class="actions">
      {%- for a in r.actions %}
      <a class="chip" href="{{ a.href }}" rel="noreferrer noopener" data-action="{{ a.icon }}">{{ ic.icon(a.icon) }}{{ a.label }}</a>
      {%- endfor %}
    </p>
    {%- endif %}
    {%- if r.translation %}
    <details class="original">
      <summary>{{ t('tr_original') }}</summary>
      <p class="original-title" lang="{{ translation.to if translation else '' }}">{{ r.translation.title }}</p>
      {%- if r.translation.content %}<p class="content" lang="{{ translation.to if translation else '' }}">{{ r.translation.content }}</p>{% endif %}
    </details>
    {%- endif %}
    <div class="result-foot">
      {%- if r.official %}<span class="official-tag" data-official="{{ r.official }}" title="{{ t('official_' ~ r.official) }}">{{ ic.icon('seal') }}{{ t('official') }}<span class="sr"> · {{ t('official_' ~ r.official) }}</span></span>{% endif %}
      {%- if r.rule and rank_applied %}<span class="rule-tag" data-rule="{{ r.rule }}" title="{{ r.rule_domain }}">{{ ic.icon(rank_icons[r.rule]) }}{{ t('rank_rule_' ~ r.rule) }}</span>{% endif %}
      <p class="engines"><span>{{ t('via') }}</span>{% for e in r.engines %}<span class="engine">{{ e }}</span>{% endfor %}</p>
      {%- if r.summarize %}
      <a class="chip chip-icon" href="{{ r.summarize }}" title="{{ t('sm_go') }} · {{ r.host }}" data-summarize>{{ ic.icon('summary') }}<span class="sr">{{ t('sm_go') }} · {{ r.host }}</span></a>
      {%- endif %}
      {%- if r.site and not rank_off %}
      <details class="site-menu">
        <summary class="chip chip-icon" title="{{ t('rank_menu', site=r.site) }}"><span class="sr">{{ t('rank_menu', site=r.site) }}</span>{{ ic.icon('sliders') }}</summary>
        <form class="site-menu-panel glass" method="post" action="{{ url_for('clairvia_ui.prefs_route') }}">
          <input type="hidden" name="next" value="{{ url_for('search') }}?{{ page_args|urlencode }}">
          <input type="hidden" name="clairvia-rank-form" value="quick">
          <input type="hidden" name="clairvia-rank-domain" value="{{ r.rule_domain or r.site }}">
          <p class="site-menu-site" dir="ltr">{{ r.rule_domain or r.site }}</p>
          {%- for action in rank_actions %}
          <button type="submit" name="clairvia-rank-action" value="{{ action }}"{% if action == r.rule %} aria-pressed="true"{% endif %}>{{ ic.icon(rank_icons[action]) }}{{ t('rank_action_' ~ action) }}</button>
          {%- endfor %}
          {%- if r.rule %}<button type="submit" name="clairvia-rank-action" value="remove">{{ ic.icon('trash') }}{{ t('rank_action_remove') }}</button>{% endif %}
          <p class="site-menu-note">{{ ic.icon('shield') }}<span>{{ t('rank_private') }}</span></p>
        </form>
      </details>
      {%- endif %}
    </div>
  </div>
  {%- if r.thumbnail %}
  <a class="thumb{% if r.length or r.kind == 'video' %} thumb-video{% endif %}" href="{{ r.url }}" rel="noreferrer noopener" tabindex="-1" aria-hidden="true"><img src="{{ r.thumbnail }}" alt="" loading="lazy" decoding="async" referrerpolicy="no-referrer">{% if r.length or r.kind == 'video' %}{{ ic.icon('play') }}{% endif %}{% if r.length %}<span class="duration">{{ r.length }}</span>{% endif %}</a>
  {%- endif %}
</article>
{%- endif %}
{%- endfor %}
</div>

{%- if not results and ops_outcome and ops_outcome.removed %}
<div class="empty panel" data-empty="operators">
  {{ ic.icon('target') }}
  <h2>{{ t('ops_empty') }}</h2>
  <p>{{ t('ops_empty_d', n=ops_outcome.removed) }}</p>
</div>
{%- elif not results and image_outcome and image_outcome.removed %}
<div class="empty panel" data-empty="image-filter">
  {{ ic.icon('image') }}
  <h2>{{ t('img_filter_empty') }}</h2>
  <p>{{ t('img_filter_empty_d', n=image_outcome.removed) }}</p>
</div>
{%- elif not results %}
<div class="empty panel">
  {{ ic.icon('search') }}
  <h2>{{ t('no_results') }}</h2>
  <p>{{ t('no_results_d') }}</p>
</div>
{%- endif %}

{%- if paging and (results or (image_outcome and image_outcome.removed) or (ops_outcome and ops_outcome.removed)) %}
<nav class="pager" aria-label="{{ t('pages') }}">
  {%- if pageno > 1 %}
  <a class="chip" rel="prev" href="{{ url_for('search') }}?{{ dict(page_args, pageno=pageno - 1)|urlencode }}">{{ ic.icon('chevron-left', 'flip-rtl') }}{{ t('prev') }}</a>
  {%- endif %}
  <span class="page-n">{{ t('page', n=pageno) }}</span>
  <a class="chip" rel="next" href="{{ url_for('search') }}?{{ dict(page_args, pageno=pageno + 1)|urlencode }}">{{ t('next') }}{{ ic.icon('chevron-right', 'flip-rtl') }}</a>
</nav>
{%- endif %}

{%- if suggestions %}
<section class="related" aria-labelledby="related-title">
  <h2 id="related-title">{{ t('related') }}</h2>
  <ul role="list">
    {%- for s in suggestions %}
    <li><a class="chip" href="{{ url_for('search') }}?{{ dict(page_args, q=s)|urlencode }}">{{ ic.icon('search') }}{{ s }}</a></li>
    {%- endfor %}
  </ul>
</section>
{%- endif %}
</div>

{%- if infoboxes %}
<aside class="aside">
  {%- for box in infoboxes %}
  <section class="panel infobox" aria-labelledby="infobox-title-{{ loop.index }}">
    {%- if box.image %}<img src="{{ box.image }}" alt="" loading="lazy" decoding="async" referrerpolicy="no-referrer">{% endif %}
    <h2 id="infobox-title-{{ loop.index }}">{{ box.title }}</h2>
    {%- if box.content %}<p class="infobox-summary">{{ box.content }}</p>{% endif %}
    {%- if box.facts %}
    <dl class="infobox-facts">
      {%- for label, value in box.facts %}
      <div><dt>{{ label }}</dt><dd>{{ value }}</dd></div>
      {%- endfor %}
    </dl>
    {%- endif %}
    {%- if box.urls %}
    <ul class="infobox-links" role="list">
      {%- for u in box.urls %}
      <li{% if u.official %} data-official{% endif %}><a href="{{ u.url }}" rel="noreferrer noopener">{{ ic.icon('globe' if u.official else 'link') }}<span>{{ u.title }}</span></a></li>
      {%- endfor %}
    </ul>
    {%- endif %}
    {%- if box.article %}<p class="infobox-license"><a href="{{ box.article }}" rel="noreferrer noopener">{{ t('ib_license') }}</a></p>{% endif %}
    <p class="engines"><span>{{ t('via') }}</span>{% for e in box.engines %}<span class="engine">{{ e }}</span>{% endfor %}</p>
  </section>
  {%- endfor %}
</aside>
{%- endif %}
</div>
{% endblock %}