fix(api): reflect disabled keys and platform counts

Use the native disabled flag for individual keys, dim disabled rows, and mark partially disabled groups. Name the actual add action in the empty state, count easy-mode platforms by provider group, and use the Meta icon.
This commit is contained in:
lzt404 committed 2026-10-06 01:22:41 +08:00
1 parent 6e34850780
commit 830fc2c1cc
12 files changed
+182 -67

No files matched your search

+19 -19
View File
@@ -6,11 +6,11 @@
--usage-log-line: #e8e8e8;
--usage-log-hover: #f7f7f7;
--usage-log-soft: #f5f5f5;
--usage-log-input: #526b76;
--usage-log-output: #16756a;
--usage-log-reasoning: #526b76;
--usage-log-cache-read: #16756a;
--usage-log-cache-write: #63767d;
--usage-log-input: #2563eb;
--usage-log-output: #0f766e;
--usage-log-reasoning: #b45309;
--usage-log-cache-read: #0f766e;
--usage-log-cache-write: #b45309;
--usage-log-response-model: #9a5808;
display: flex;
min-width: 0;
@@ -93,7 +93,7 @@
.usage-request-log .usage-events-table {
/* Fill spare space proportionally while retaining saved widths on narrow screens. */
min-width: 100%;
font-size: 12px;
font-size: var(--font-size-meta);
font-variant-numeric: tabular-nums;
}
@@ -109,7 +109,7 @@
background: var(--usage-log-surface);
color: var(--usage-log-muted);
box-shadow: none;
font-size: 11px;
font-size: var(--font-size-caption);
font-weight: 600;
}
@@ -154,8 +154,8 @@
.usage-request-log .usage-events-table td small {
color: var(--usage-log-muted);
font-size: 10px;
line-height: 1.6;
font-size: var(--font-size-caption);
line-height: 1.45;
}
.usage-request-log .usage-events-table .usage-stacked-cell > small {
@@ -169,7 +169,7 @@
margin-top: 2px;
overflow: hidden;
color: var(--usage-log-muted);
font-size: 10px;
font-size: var(--font-size-caption);
line-height: 1.4;
text-overflow: ellipsis;
white-space: nowrap;
@@ -186,7 +186,7 @@
border: 1px solid color-mix(in srgb, var(--usage-log-response-model) 30%, transparent);
border-radius: 3px;
color: var(--usage-log-response-model);
font-size: 10px;
font-size: var(--font-size-caption);
line-height: 1.4;
}
@@ -196,7 +196,7 @@
.usage-request-log .usage-events-table .usage-td-key > strong {
font-family: var(--font-family-mono);
font-size: 11px;
font-size: var(--font-size-caption);
font-weight: 500;
}
@@ -220,7 +220,7 @@
align-items: center;
gap: 3px 9px;
margin-top: 3px;
font-size: 10px;
font-size: var(--font-size-caption);
font-weight: 500;
font-family: var(--font-family-mono);
line-height: 1.45;
@@ -253,7 +253,7 @@
padding: 0;
border: 0;
border-radius: 0;
font-size: 11px;
font-size: var(--font-size-meta);
font-weight: 600;
line-height: 1.35;
}
@@ -375,11 +375,11 @@
--usage-log-line: #34363b;
--usage-log-hover: #26282c;
--usage-log-soft: #292b30;
--usage-log-input: #adc0ca;
--usage-log-output: #77cbbb;
--usage-log-reasoning: #adc0ca;
--usage-log-cache-read: #77cbbb;
--usage-log-cache-write: #aaa8a4;
--usage-log-input: #93c5fd;
--usage-log-output: #5eead4;
--usage-log-reasoning: #fbbf24;
--usage-log-cache-read: #5eead4;
--usage-log-cache-write: #fbbf24;
--usage-log-response-model: #f0bc73;
border-color: var(--usage-log-line);
background: var(--usage-log-surface);