{% extends "base.html" %}
{% block title %}{{ t('概览') }} · {{ product_name }}{% endblock %}
{% block content %}
<div class="page-header">
  <div>
    <h1>{{ t('概览') }}</h1>
    <p class="page-subtitle">{{ t('从这里开始排查。') }}</p>
  </div>
  {% if admin_signals %}
  <div class="page-header__actions">
    <a class="btn btn--secondary" href="/admin/overview">{{ t('管理概览') }}</a>
    {% if admin_signals.attention %}
    <span class="badge badge--danger">{{ t('{count} 个目标需要处理', count=admin_signals.attention) }}</span>
    {% else %}
    <span class="badge badge--muted">{{ t('没有需要处理的目标') }}</span>
    {% endif %}
  </div>
  {% endif %}
</div>

<div class="stats stats--three" aria-label="{{ t('概览') }}">
  <div class="stat"><span class="stat__label">{{ t('可查询的目标') }}</span><span class="stat__value">{{ queryable }}</span></div>
  <div class="stat{% if not token_count %} stat--warning{% endif %}">
    <span class="stat__label">{{ t('我的 Token') }}</span>
    <span class="stat__value">{{ token_count }}</span>
    {% if not token_count %}<a href="/me">{{ t('去生成 Token') }}</a>{% endif %}
  </div>
  <div class="stat"><span class="stat__label">{{ t('近 24 小时工具调用') }}</span><span class="stat__value">{{ call_count }}</span></div>
</div>
{% if not queryable %}
<p class="page-subtitle">{{ t('还没有可查询的目标，请联系管理员') }}</p>
{% endif %}

<div class="section-head">
  <h2>{{ t('最近的工具调用') }}</h2>
  <a href="/audit">{{ t('查看全部') }}</a>
</div>
{% if calls %}
<div class="table-card">
  <table class="table table--responsive table--share">
    <thead><tr>
      <th>{{ t('时间') }}</th><th>{{ t('环境') }}</th><th>{{ t('目标名') }}</th><th>{{ t('工具名') }}</th><th>{{ t('结果') }}</th>
    </tr></thead>
    <tbody>
    {% for row in calls %}
      <tr>
        <td data-label="{{ t('时间') }}">{{ local_time(row.at) }}</td>
        <td data-label="{{ t('环境') }}">
          {% if row.environment_key %}
          <span>{% if row.environment_key == 'default' and row.environment_title == '默认' %}{{ t('默认') }}{% else %}{{ row.environment_title or row.environment_key }}{% endif %}</span>
          {% if row.environment_title and row.environment_title != row.environment_key %}<span class="mono cell-key">{{ row.environment_key }}</span>{% endif %}
          {% else %}<span class="muted">—</span>{% endif %}
        </td>
        <td data-label="{{ t('目标名') }}" class="mono">{{ row.target }}</td>
        <td data-label="{{ t('工具名') }}" class="mono">{{ row.tool }}</td>
        <td data-label="{{ t('结果') }}" class="cell-fill">{% if row.known and row.ok %}<span class="audit-detail__ok">{{ t('成功') }}</span>{% elif row.error %}<span class="audit-detail__error">{{ t(ERROR_CODE_DISPLAY, code=row.error, label=t(error_label(row.error))) }}</span>{% else %}<span class="muted">—</span>{% endif %}</td>
      </tr>
    {% endfor %}
    </tbody>
  </table>
</div>
{% else %}
<p class="page-subtitle">{{ t('近 24 小时还没有工具调用。') }}</p>
{% endif %}
{% endblock %}