{% extends "base.html" %}

{% block head %}
{# 样式已移动到static/css/style.css #}
{% endblock %}

{% block header_tabs %}
{% include "components/tabs.html" %}
{% endblock %}

{% block content %}
<div x-cloak>
    {% include "components/toolbar.html" %}
    
    <!-- 分组的API密钥列表 -->
    {% include "components/api_key_list.html" %}
    
    <!-- 加载状态与空状态 -->
    {% include "components/states.html" %}
    
    <!-- 模态框 -->
    {% include "components/modals/add_key_modal.html" %}
    {% include "components/modals/delete_confirm_modal.html" %}
    {% include "components/modals/edit_key_modal.html" %}
</div>
{% endblock %}

{% block scripts %}
{% include "components/scripts-bridge.html" %}
{% endblock %}