{% extends "base.html" %}
{% block title %}{{ _('OTEL diagnostics') }} — mcprack{% endblock %}
{% block content %}
<h1>{{ _('OpenTelemetry diagnostics') }}</h1>
<p>{{ _('Status of tracing/metrics export, and an on-demand test signal — see') }}
<a href="https://github.com/VitexSoftware/mcprack#observability-opentelemetry">{{ _('README "Observability"') }}</a>
{{ _('for how to configure this.') }}</p>

<ol class="wizard">
  <li class="wizard-step wizard-{{ 'ok' if state.enabled else 'skipped' }}">
    <span class="wizard-icon">{% if state.enabled %}&#10003;{% else %}&#8213;{% endif %}</span>
    <div class="wizard-body">
      <div class="wizard-label">OTEL_ENABLED</div>
      <div class="wizard-detail">
        {% if state.enabled %}
          {{ _('Enabled — traces and metrics are being exported.') }}
        {% else %}
          {{ _('Disabled (no-op) — set <code>OTEL_ENABLED=true</code> in <code>/etc/mcprack/env</code> and restart the service to turn this on.') }}
          {% if state.init_error %}<br>{{ _('Last initialization error: %(error)s', error=state.init_error) }}{% endif %}
        {% endif %}
      </div>
    </div>
  </li>

  <li class="wizard-step wizard-{{ 'ok' if state.endpoint else 'fail' if state.enabled else 'skipped' }}">
    <span class="wizard-icon">{% if state.endpoint %}&#10003;{% else %}&#10007;{% endif %}</span>
    <div class="wizard-body">
      <div class="wizard-label">OTEL_EXPORTER_OTLP_ENDPOINT</div>
      <div class="wizard-detail">
        {% if state.endpoint %}{{ state.endpoint }}{% else %}{{ _('Not set.') }}{% endif %}
      </div>
    </div>
  </li>

  <li class="wizard-step wizard-{{ 'warn' if state.protocol_fell_back else 'ok' if state.effective_protocol else 'skipped' }}">
    <span class="wizard-icon">{% if state.protocol_fell_back %}&#9888;{% elif state.effective_protocol %}&#10003;{% else %}&#8213;{% endif %}</span>
    <div class="wizard-body">
      <div class="wizard-label">{{ _('Protocol') }}</div>
      <div class="wizard-detail">
        {% if state.effective_protocol %}
          {{ _('Using <code>%(protocol)s</code>', protocol=state.effective_protocol) }}
          {% if state.protocol_fell_back %}
            {{ _('— fell back from requested <code>%(protocol)s</code>.', protocol=state.requested_protocol) }}
            {% if state.requested_protocol and state.requested_protocol|lower == 'http/json' %}
              {{ _('The Python OTLP exporter has no <code>http/json</code> transport (unlike the JS SDK) — only <code>grpc</code> and <code>http/protobuf</code> are supported.') }}
            {% endif %}
          {% endif %}
        {% else %}
          {{ _('Not initialized.') }}
        {% endif %}
      </div>
    </div>
  </li>

  <li class="wizard-step wizard-{{ 'ok' if state.service_name else 'skipped' }}">
    <span class="wizard-icon">{% if state.service_name %}&#10003;{% else %}&#8213;{% endif %}</span>
    <div class="wizard-body">
      <div class="wizard-label">{{ _('Service name') }}</div>
      <div class="wizard-detail"><code>{{ state.service_name }}</code></div>
    </div>
  </li>
</ol>

<section class="section">
  <h2>{{ _('Test connectivity') }}</h2>
  <p class="text-muted">{{ _('Sends one test span and one test metric point and force-flushes them — this proves the exporter can talk to <code>%(endpoint)s</code> without raising, but a "success" here does not guarantee the Collector actually stored the data (that background export path does not surface errors synchronously).', endpoint=state.endpoint or _('(no endpoint configured)')) }}</p>
  <form method="post" action="{{ url_for('admin.otel_wizard_test') }}">
    <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
    <button type="submit" class="btn btn-primary" {{ "disabled" if not state.enabled else "" }}>
      🔭 {{ _('Send test span + metric') }}
    </button>
  </form>
  {% if not state.enabled %}
  <p class="text-muted" style="font-size: var(--font-size-xs);">{{ _('Requires OTEL_ENABLED=true.') }}</p>
  {% endif %}
</section>

<p><a href="{{ url_for('admin.otel_wizard') }}">{{ _('Re-run diagnostics') }}</a></p>
{% endblock %}