+ setCreating(false)}
+ onCreated={(plaintext) => {
+ setCreating(false);
+ setNewKey(plaintext);
+ load();
+ }}
+ />
+ )}
+
+
+ );
+}
+
+function CreateKeyForm({
+ onClose,
+ onCreated,
+}: {
+ onClose: () => void;
+ onCreated: (plaintext: string) => void;
+}) {
+ const [name, setName] = useState("");
+ const [ownerEmail, setOwnerEmail] = useState("");
+ const [tier, setTier] = useState("free");
+ const [rate, setRate] = useState(120);
+ const [busy, setBusy] = useState(false);
+ const [error, setError] = useState("");
+
+ function pickTier(t: string) {
+ setTier(t);
+ const def = TIERS.find((x) => x.key === t);
+ if (def) setRate(def.rate);
+ }
+
+ async function submit() {
+ if (!name.trim()) {
+ setError("名称不能为空");
+ return;
+ }
+ setBusy(true);
+ setError("");
+ try {
+ const res = await api.createApiKey({
+ name: name.trim(),
+ owner_email: ownerEmail.trim() || undefined,
+ tier,
+ rate_limit_per_min: rate,
+ });
+ onCreated(res.key);
+ } catch (e) {
+ setError(e instanceof ApiError ? e.message : "创建失败");
+ } finally {
+ setBusy(false);
+ }
+ }
+
+ return (
+
+
+
+ {error && (
+
+
+
+
+
+
+
+ + 公开 API 免费只读，匿名也可调用（低额度）。签发密钥可获得更高速率上限并归属用量。 +
+{error}
+ )}
+
+ {newKey && (
+
+
+ )}
+
+ {creating && (
+
+ 密钥已生成，请立即复制保存——它只显示这一次。
+
+
+
+
+ {newKey}
+
+
+
+
+
+
+
+
+ | 名称 | +前缀 | +级别 | +速率/分钟 | +用量(今日/累计) | +状态 | ++ |
|---|---|---|---|---|---|---|
| + 暂无密钥 + | +||||||
| + {k.name} + {k.owner_email && ( + {k.owner_email} + )} + | +
+ {k.key_prefix}…
+ |
+ {tierLabel(k.tier)} | +{k.rate_limit_per_min} | ++ {k.usage.today} / {k.usage.total} + | ++ {k.revoked_at ? ( + + 已吊销 + + ) : ( + + 启用中 + + )} + | ++ {!k.revoked_at && ( + + )} + | +
+
+ );
+}
diff --git a/admin-frontend/src/types.ts b/admin-frontend/src/types.ts
index a07aeae..558857a 100644
--- a/admin-frontend/src/types.ts
+++ b/admin-frontend/src/types.ts
@@ -137,6 +137,25 @@ export interface SubmissionDetail {
existing_product?: ProductDetail;
}
+export interface ApiKeyUsage {
+ total: number;
+ today: number;
+ last_used_at?: number | null;
+}
+
+export interface ApiKey {
+ id: string;
+ name: string;
+ key_prefix: string;
+ owner_email: string | null;
+ tier: string;
+ rate_limit_per_min: number;
+ revoked_at: string | null;
+ created_by: string | null;
+ created_at: string;
+ usage: ApiKeyUsage;
+}
+
export const FIELD_LABELS: Record签发新密钥
+ {error &&{error}
}
+
+
+
+
+
+
+
+
+
+
+