Upload 2 files

templates/components/account_table.html

@@ -0,0 +1,58 @@
+{# 账户表格组件 #}
+{% macro account_table(accounts_data) %}
+<table class="account-table">
+    <thead>
+        <tr>
+            <th>账号ID</th>
+            <th>状态</th>
+            <th>过期时间</th>
+            <th>剩余时长</th>
+            <th>累计对话</th>
+            <th style="text-align: center;">操作</th>
+        </tr>
+    </thead>
+    <tbody>
+        {% if accounts_data %}
+            {% for account in accounts_data %}
+            <tr style="opacity: {{ account.row_opacity }};">
+                <td data-label="账号ID">
+                    <div style="display: flex; align-items: center; gap: 8px;">
+                        <span class="status-dot" style="background-color: {{ account.dot_color }};"></span>
+                        <span style="font-weight: 600;">{{ account.account_id }}</span>
+                    </div>
+                </td>
+                <td data-label="状态">
+                    <span style="color: {{ account.status_color }}; font-weight: 600; font-size: 12px;">{{ account.status_text }}</span>
+                </td>
+                <td data-label="过期时间">
+                    <span class="font-mono" style="font-size: 11px; color: #6b6b6b;">{{ account.expires_at or '未设置' }}</span>
+                </td>
+                <td data-label="剩余时长">
+                    <span style="color: {{ account.status_color }}; font-weight: 500; font-size: 12px;">{{ account.expire_display }}</span>
+                </td>
+                <td data-label="累计对话">
+                    <span style="color: #2563eb; font-weight: 600;">{{ account.conversation_count }}</span>
+                </td>
+                <td data-label="操作">
+                    <div style="display: flex; gap: 6px;">
+                        {% if account.is_expired %}
+                            <button onclick="deleteAccount('{{ account.account_id }}')" class="btn-sm btn-delete" title="删除">删除</button>
+                        {% elif account.is_disabled or account.is_permanently_failed %}
+                            <button onclick="enableAccount('{{ account.account_id }}')" class="btn-sm btn-enable" title="启用">启用</button>
+                            <button onclick="deleteAccount('{{ account.account_id }}')" class="btn-sm btn-delete" title="删除">删除</button>
+                        {% else %}
+                            <button onclick="disableAccount('{{ account.account_id }}')" class="btn-sm btn-disable" title="禁用">禁用</button>
+                            <button onclick="deleteAccount('{{ account.account_id }}')" class="btn-sm btn-delete" title="删除">删除</button>
+                        {% endif %}
+                    </div>
+                </td>
+            </tr>
+            {% endfor %}
+        {% else %}
+            <tr>
+                <td colspan="6" style="text-align: center; color: #6b6b6b; padding: 24px;">暂无账户</td>
+            </tr>
+        {% endif %}
+    </tbody>
+</table>
+{% endmacro %}

templates/components/alerts.html

@@ -0,0 +1,33 @@
+{# API 密钥状态提示 #}
+{% macro api_key_status(has_api_key) %}
+{% if has_api_key %}
+<div class="alert alert-success">
+    <div class="alert-icon">🔒</div>
+    <div class="alert-content">
+        <strong>API 安全模式已启用</strong>
+        <div class="alert-desc">API 端点需要携带 Authorization 密钥才能访问。</div>
+    </div>
+</div>
+{% else %}
+<div class="alert alert-warning">
+    <div class="alert-icon">⚠️</div>
+    <div class="alert-content">
+        <strong>API 密钥未设置</strong>
+        <div class="alert-desc">API 端点当前允许公开访问。建议在 .env 文件中配置 <code>API_KEY</code> 环境变量以提升安全性。</div>
+    </div>
+</div>
+{% endif %}
+{% endmacro %}
+
+{# 错误日志提示 #}
+{% macro error_alert(error_count) %}
+{% if error_count > 0 %}
+<div class="alert alert-error">
+    <div class="alert-icon">🚨</div>
+    <div class="alert-content">
+        <strong>检测到 {{ error_count }} 条错误日志</strong>
+        <a href="/public/log/html" class="alert-link">查看详情 &rarr;</a>
+    </div>
+</div>
+{% endif %}
+{% endmacro %}