{# Panel assembly — conditionally renders each panel only if its data is present. #}

{% if state.update and state.update.update_available %}
<div class="panel panel--health-warning">
  <p>Helix Context {{ state.update.latest_version }} is available. Installed version: {{ state.update.current_version }}.</p>
</div>
{% endif %}

{% if state.needs_db_selection %}
  <div class="panel panel--empty">
    <p>No database selected — choose or create one in the dialog.</p>
  </div>
{% elif state.helix.start_pending %}
  <div class="panel panel--starting">
    <span class="spinner" aria-hidden="true"></span>
    <p>Helix is starting — first boot can take a minute while encoders warm up.</p>
  </div>
{% elif state.helix.availability == "unavailable" or not state.helix.running %}
  <div class="panel panel--empty">
    <p>Helix is stopped. Click <strong>Start</strong> to launch the server.</p>
  </div>
{% elif state.helix.availability == "degraded" %}
  <div class="panel panel--health-warning">
    <p>{{ state.helix.health_message or state.helix.next_action or "Helix is running with degraded health." }}</p>
  </div>
{% endif %}

{# Switchboard + Database render even when helix is stopped — they
   describe the planned configuration for the next start. #}
{% if state.switchboard %}
  {% include "components/switchboard_panel.html" %}
{% endif %}

{% if state.database %}
  {% include "components/database_panel.html" %}
{% endif %}

{% if state.helix.running %}
  {% if state.parties %}
    {% include "components/parties_panel.html" %}
  {% endif %}

  {% if state.participants %}
    {% include "components/participants_panel.html" %}
  {% endif %}

  {% if state.all_agents or state.disconnected_agents %}
    {% include "components/agents_panel.html" %}
  {% endif %}

  {% if state.models %}
    {% include "components/models_panel.html" %}
  {% endif %}

  {% if state.tools %}
    {% include "components/tools_panel.html" %}
  {% endif %}

  {% if state.genes %}
    {% include "components/genes_panel.html" %}
  {% endif %}

  {% if state.tokens %}
    {% include "components/tokens_panel.html" %}
  {% endif %}

  {% if state.pipeline %}
    {% include "components/pipeline_panel.html" %}
  {% endif %}

{% endif %}

{% if state.bench %}
  <section class="panel panel--bench">
    <h2 class="panel-title">Bench instance <span class="muted panel-title__hint">dev mode</span></h2>
    <div class="bench-row">
      <span class="obs-dot {% if state.bench.running %}obs-dot--green{% else %}obs-dot--down{% endif %}"></span>
      <span>:{{ state.bench.port }}</span>
      <span class="path-value bench-row__genome">{{ state.bench.genome }}</span>
      {% if state.bench.running %}
        <button class="btn btn--mini" data-action="bench-stop">Stop</button>
      {% else %}
        <button class="btn btn--mini" data-action="bench-start">Start</button>
      {% endif %}
    </div>
    <p class="muted bench-row__hint">Point a subagent's bench-harness at
      <code>http://127.0.0.1:{{ state.bench.port }}</code> — primary chat stays on the main port.</p>
  </section>
{% endif %}

{# Observability renders whenever the launcher owns (or expects) the
   sidecar — independent of helix state. #}
{% if state.observability %}
  {% include "components/observability_panel.html" %}
{% endif %}

{# Diagnostics always renders — surfaces errors, orphans, and paths
   regardless of whether helix is up. #}
{% include "components/diagnostics_panel.html" %}