{% extends "base.html" %}

{% block styles %}<link rel="stylesheet" href="/static/css/console.css?v=20260729-model-catalog">{% endblock %}

{% block main %}
<main id="main-content" class="console-main" data-console-root data-csrf-token="{{ csrf_token }}">
  <div class="container console-layout">
    {% include "console-navigation.html" %}
    <div class="console-content">
      {% include "console-heading.html" %}
      <p class="console-boundary">
        {% if is_en %}
        The model catalog is managed globally by administrators. API keys and tokens normally stay in each Creation-SSH client's secure storage; manual sync may upload only client-encrypted opaque account records. Built-in web search runs in the clients, and this website never receives or proxies search queries or page content.
        {% else %}
        模型目录由管理员统一维护。API Key/Token 平时只保存在 Creation-SSH 客户端安全存储；用户手动同步时也只上传客户端加密的不透明账户记录。内置网络搜索只在客户端运行，网站不接收或代理搜索词与页面正文。
        {% endif %}
      </p>
      <section class="console-section">
        <div class="console-section-heading">
          <h2>{% if is_en %}Available models{% else %}可用模型{% endif %}</h2>
          <span class="console-status">{{ total }}</span>
        </div>
        {% if models.is_empty() %}
        <p class="console-empty">{% if is_en %}No models are enabled yet.{% else %}管理员尚未启用模型。{% endif %}</p>
        {% else %}
        <div class="console-list">
          {% for model in models %}
          <article class="console-record">
            <div class="console-record-heading">
              <div>
                <strong>{{ model.name }}</strong>
                <small>{{ model.provider }}</small>
              </div>
              <span class="console-status">{% if is_en %}Available{% else %}可用{% endif %}</span>
            </div>
            <dl class="console-definition-grid console-definition-grid-compact">
              <div><dt>{% if is_en %}Context window{% else %}上下文窗口{% endif %}</dt><dd>{{ model.context_length }}</dd></div>
              {% for interface in model.interfaces %}
              <div><dt>{{ interface.api_format }} · Model ID</dt><dd><code>{{ interface.model_name }}</code></dd></div>
              <div><dt>{{ interface.api_format }} · Base URL</dt><dd><code>{{ interface.base_url }}</code></dd></div>
              {% endfor %}
            </dl>
          </article>
          {% endfor %}
        </div>
        {% endif %}
      </section>
    </div>
  </div>
</main>
{% endblock %}