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:
1 parent
6e34850780
commit
830fc2c1cc
12 files changed
+182
-67
No files matched your search
@@ -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);
|
||||
|
||||
Reference in new issue
Block a user