ewoooc/templates/admin/host_health.html

{% extends "base.html" %}

{% block title %}Host Health Dashboard{% endblock %}

{% block content %}
<div class="container-fluid mt-3">
  <h2 class="mb-3">🏥 Host Health Dashboard
    <small class="text-muted">三主機 + MCP + Cost Throttle 即時狀態</small>
  </h2>

  <!-- Ollama 三主機 -->
  <div class="card mb-3">
    <div class="card-header"><strong>🤖 Ollama 三主機（HTTP /api/tags 即時 probe）</strong></div>
    <div class="card-body p-0">
      <table class="table mb-0">
        <thead class="table-light">
          <tr><th>角色</th><th>主機</th><th>HTTP 健康</th><th>unhealthy mark</th><th>已載入模型</th></tr>
        </thead>
        <tbody>
          {% for h in ollama_hosts %}
            <tr>
              <td><strong>{{ h.label }}</strong></td>
              <td><code>{{ h.host }}</code></td>
              <td>
                {% if h.healthy %}
                  <span class="badge bg-success">✅ HTTP OK</span>
                {% else %}
                  <span class="badge bg-danger">❌ DOWN</span>
                {% endif %}
              </td>
              <td>
                {% if h.unhealthy_mark %}
                  <span class="badge bg-warning">⚠️ marked unhealthy (30s)</span>
                {% else %}
                  <span class="badge bg-light text-dark">—</span>
                {% endif %}
              </td>
              <td>
                {% for m in h.models %}
                  <span class="badge bg-info text-dark me-1">{{ m }}</span>
                {% endfor %}
                {% if not h.models %}<small class="text-muted">無 / 未連線</small>{% endif %}
              </td>
            </tr>
          {% endfor %}
        </tbody>
      </table>
    </div>
  </div>

  <!-- MCP servers -->
  <div class="card mb-3">
    <div class="card-header"><strong>🔌 MCP Servers（Phase 10/10.5）</strong></div>
    <div class="card-body p-0">
      <table class="table mb-0">
        <thead class="table-light">
          <tr><th>Server</th><th>狀態</th></tr>
        </thead>
        <tbody>
          {% for server, healthy in mcp_status.items() %}
            <tr>
              <td><code>{{ server }}</code></td>
              <td>
                {% if healthy %}
                  <span class="badge bg-success">✅ healthy</span>
                {% else %}
                  <span class="badge bg-secondary">— 未啟用 / DOWN</span>
                {% endif %}
              </td>
            </tr>
          {% else %}
            <tr><td colspan="2" class="text-muted small">MCP_ROUTER_ENABLED=false 或 mcp-stack 未 deploy</td></tr>
          {% endfor %}
        </tbody>
      </table>
    </div>
  </div>

  <!-- Cost Throttle 狀態（Phase 20） -->
  <div class="card mb-3">
    <div class="card-header"><strong>💰 Cost Throttle 狀態（Phase 20）</strong></div>
    <div class="card-body p-0">
      {% if throttle_state %}
        <table class="table mb-0">
          <thead class="table-light">
            <tr><th>Provider</th><th>Spent</th><th>Budget</th><th>月底推估</th><th>Ratio</th><th>狀態</th></tr>
          </thead>
          <tbody>
            {% for provider, info in throttle_state.items() %}
              <tr {% if info.throttled %}class="table-warning"{% endif %}>
                <td><code>{{ provider }}</code></td>
                <td>${{ "%.2f"|format(info.spent) }}</td>
                <td>${{ "%.2f"|format(info.budget) }}</td>
                <td>${{ "%.2f"|format(info.projected) }}</td>
                <td>{{ "%.0f"|format(info.ratio * 100) }}%</td>
                <td>
                  {% if info.throttled %}
                    <span class="badge bg-danger">⚠️ THROTTLED</span>
                  {% else %}
                    <span class="badge bg-success">✅ 正常</span>
                  {% endif %}
                </td>
              </tr>
            {% endfor %}
          </tbody>
        </table>
      {% else %}
        <p class="text-muted m-3 small">
          COST_THROTTLE_ENABLED=false 或尚未首次 evaluate（每小時 cron 跑）
        </p>
      {% endif %}
    </div>
  </div>

  <p class="text-muted mt-3"><small>
    🤖 Operation Ollama-First v5.0 / Phase 27 — Host Health Dashboard
    | <a href="/admin/ai_calls">AI Calls</a>
    | <a href="/admin/promotion_review">Promotion Review</a>
    | <a href="/admin/quality_trend">Quality Trend</a>
  </small></p>
</div>
{% endblock %}