@jeffreycao/copilot-api 1.13.9 → 1.13.11
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +1 -1
- package/pages/index.html +40 -26
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"$schema": "https://json.schemastore.org/package.json",
|
|
3
3
|
"name": "@jeffreycao/copilot-api",
|
|
4
|
-
"version": "1.13.
|
|
4
|
+
"version": "1.13.11",
|
|
5
5
|
"description": "OpenAI and Anthropic-compatible gateway for GitHub Copilot or Codex or third-party providers.",
|
|
6
6
|
"keywords": [
|
|
7
7
|
"github-copilot",
|
package/pages/index.html
CHANGED
|
@@ -68,11 +68,11 @@
|
|
|
68
68
|
|
|
69
69
|
.main-shell {
|
|
70
70
|
min-width: 0;
|
|
71
|
-
padding:
|
|
71
|
+
padding: 16px 24px 24px;
|
|
72
72
|
}
|
|
73
73
|
|
|
74
74
|
.topbar {
|
|
75
|
-
margin: 0 auto
|
|
75
|
+
margin: 0 auto 10px;
|
|
76
76
|
max-width: 1720px;
|
|
77
77
|
}
|
|
78
78
|
|
|
@@ -80,8 +80,8 @@
|
|
|
80
80
|
display: flex;
|
|
81
81
|
align-items: flex-start;
|
|
82
82
|
justify-content: space-between;
|
|
83
|
-
gap:
|
|
84
|
-
margin-bottom:
|
|
83
|
+
gap: 14px;
|
|
84
|
+
margin-bottom: 10px;
|
|
85
85
|
}
|
|
86
86
|
|
|
87
87
|
.page-title {
|
|
@@ -92,7 +92,7 @@
|
|
|
92
92
|
}
|
|
93
93
|
|
|
94
94
|
.page-subtitle {
|
|
95
|
-
margin-top:
|
|
95
|
+
margin-top: 4px;
|
|
96
96
|
color: var(--color-gray);
|
|
97
97
|
font-size: 14px;
|
|
98
98
|
}
|
|
@@ -171,22 +171,22 @@
|
|
|
171
171
|
}
|
|
172
172
|
|
|
173
173
|
.dashboard-section {
|
|
174
|
-
margin-bottom:
|
|
174
|
+
margin-bottom: 10px;
|
|
175
175
|
}
|
|
176
176
|
|
|
177
177
|
.section-heading {
|
|
178
178
|
display: flex;
|
|
179
179
|
align-items: center;
|
|
180
|
-
gap:
|
|
181
|
-
margin-bottom:
|
|
180
|
+
gap: 6px;
|
|
181
|
+
margin-bottom: 8px;
|
|
182
182
|
color: var(--color-fg-lightest);
|
|
183
183
|
font-size: 16px;
|
|
184
184
|
font-weight: 750;
|
|
185
185
|
}
|
|
186
186
|
|
|
187
187
|
.section-subtitle {
|
|
188
|
-
margin-top: -
|
|
189
|
-
margin-bottom:
|
|
188
|
+
margin-top: -4px;
|
|
189
|
+
margin-bottom: 8px;
|
|
190
190
|
color: var(--color-gray);
|
|
191
191
|
font-size: 12px;
|
|
192
192
|
}
|
|
@@ -203,8 +203,8 @@
|
|
|
203
203
|
align-items: center;
|
|
204
204
|
justify-content: space-between;
|
|
205
205
|
gap: 12px;
|
|
206
|
-
min-height:
|
|
207
|
-
padding: 14px
|
|
206
|
+
min-height: 44px;
|
|
207
|
+
padding: 10px 14px;
|
|
208
208
|
border-bottom: 1px solid var(--color-bg-light-2);
|
|
209
209
|
}
|
|
210
210
|
|
|
@@ -215,20 +215,24 @@
|
|
|
215
215
|
}
|
|
216
216
|
|
|
217
217
|
.panel-meta {
|
|
218
|
-
margin-top:
|
|
218
|
+
margin-top: 2px;
|
|
219
219
|
color: var(--color-gray);
|
|
220
220
|
font-size: 12px;
|
|
221
221
|
}
|
|
222
222
|
|
|
223
223
|
.metric-grid {
|
|
224
224
|
display: grid;
|
|
225
|
-
grid-template-columns: repeat(auto-fit, minmax(
|
|
226
|
-
gap:
|
|
225
|
+
grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
|
|
226
|
+
gap: 10px;
|
|
227
|
+
}
|
|
228
|
+
|
|
229
|
+
.metric-grid-tight {
|
|
230
|
+
grid-template-columns: repeat(7, minmax(0, 1fr));
|
|
227
231
|
}
|
|
228
232
|
|
|
229
233
|
.metric-card {
|
|
230
|
-
min-height:
|
|
231
|
-
padding:
|
|
234
|
+
min-height: 88px;
|
|
235
|
+
padding: 12px;
|
|
232
236
|
border: 1px solid var(--color-bg-light-2);
|
|
233
237
|
border-radius: 8px;
|
|
234
238
|
background: rgba(255, 255, 255, 0.96);
|
|
@@ -251,7 +255,7 @@
|
|
|
251
255
|
}
|
|
252
256
|
|
|
253
257
|
.metric-value {
|
|
254
|
-
margin-top:
|
|
258
|
+
margin-top: 10px;
|
|
255
259
|
color: var(--color-fg-lightest);
|
|
256
260
|
font-size: clamp(20px, 2vw, 28px);
|
|
257
261
|
font-weight: 800;
|
|
@@ -259,7 +263,7 @@
|
|
|
259
263
|
}
|
|
260
264
|
|
|
261
265
|
.metric-note {
|
|
262
|
-
margin-top:
|
|
266
|
+
margin-top: 4px;
|
|
263
267
|
color: var(--color-gray);
|
|
264
268
|
font-size: 12px;
|
|
265
269
|
}
|
|
@@ -339,7 +343,13 @@
|
|
|
339
343
|
.quick-state-grid {
|
|
340
344
|
display: grid;
|
|
341
345
|
grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
|
|
342
|
-
gap:
|
|
346
|
+
gap: 10px;
|
|
347
|
+
}
|
|
348
|
+
|
|
349
|
+
@media (max-width: 1280px) {
|
|
350
|
+
.metric-grid-tight {
|
|
351
|
+
grid-template-columns: repeat(4, minmax(0, 1fr));
|
|
352
|
+
}
|
|
343
353
|
}
|
|
344
354
|
|
|
345
355
|
@media (max-width: 1100px) {
|
|
@@ -354,7 +364,7 @@
|
|
|
354
364
|
|
|
355
365
|
@media (max-width: 640px) {
|
|
356
366
|
.main-shell {
|
|
357
|
-
padding:
|
|
367
|
+
padding: 12px 14px 18px;
|
|
358
368
|
}
|
|
359
369
|
|
|
360
370
|
.topbar-row {
|
|
@@ -368,6 +378,10 @@
|
|
|
368
378
|
.endpoint-field {
|
|
369
379
|
grid-column: auto;
|
|
370
380
|
}
|
|
381
|
+
|
|
382
|
+
.metric-grid-tight {
|
|
383
|
+
grid-template-columns: repeat(2, minmax(0, 1fr));
|
|
384
|
+
}
|
|
371
385
|
}
|
|
372
386
|
</style>
|
|
373
387
|
</head>
|
|
@@ -876,7 +890,7 @@
|
|
|
876
890
|
<div class="progress-bar-fg h-2" style="width: ${unlimited ? 100 : percentUsed}%; background-color: ${progressBarColor};"></div>
|
|
877
891
|
</div>
|
|
878
892
|
</div>
|
|
879
|
-
<div class="mt-
|
|
893
|
+
<div class="mt-2 flex items-center justify-between gap-4 text-xs font-medium" style="color: var(--color-gray);">
|
|
880
894
|
<span>${used} / ${unlimited ? "∞" : entitlement.toLocaleString()}</span>
|
|
881
895
|
<span>${unlimited ? "∞" : remaining.toLocaleString()} remaining</span>
|
|
882
896
|
</div>
|
|
@@ -979,7 +993,7 @@
|
|
|
979
993
|
|
|
980
994
|
return `
|
|
981
995
|
<section id="token-usage" class="dashboard-section">
|
|
982
|
-
<div class="mb-
|
|
996
|
+
<div class="mb-2 flex flex-col gap-2 sm:flex-row sm:items-start sm:justify-between">
|
|
983
997
|
<div>
|
|
984
998
|
<h2 class="section-heading mb-1">
|
|
985
999
|
<i data-lucide="database" class="h-5 w-5" style="color: var(--color-blue);"></i>
|
|
@@ -1012,7 +1026,7 @@
|
|
|
1012
1026
|
: ""
|
|
1013
1027
|
}
|
|
1014
1028
|
|
|
1015
|
-
<div class="metric-grid ${
|
|
1029
|
+
<div class="metric-grid metric-grid-tight ${
|
|
1016
1030
|
state.isTokenUsageLoading ? "opacity-60" : ""
|
|
1017
1031
|
}">
|
|
1018
1032
|
${renderTokenUsageMetric(
|
|
@@ -1057,7 +1071,7 @@
|
|
|
1057
1071
|
state.tokenUsageDailyError
|
|
1058
1072
|
)}
|
|
1059
1073
|
|
|
1060
|
-
<div class="mt-
|
|
1074
|
+
<div class="mt-3 grid grid-cols-1 gap-3">
|
|
1061
1075
|
<div class="panel">
|
|
1062
1076
|
<div class="panel-header">
|
|
1063
1077
|
<div>
|
|
@@ -1172,7 +1186,7 @@
|
|
|
1172
1186
|
].join("");
|
|
1173
1187
|
|
|
1174
1188
|
return `
|
|
1175
|
-
<div class="mt-
|
|
1189
|
+
<div class="mt-3 grid grid-cols-1 xl:grid-cols-[minmax(0,1fr)_304px] gap-3">
|
|
1176
1190
|
<div class="panel">
|
|
1177
1191
|
<div class="panel-header">
|
|
1178
1192
|
<div>
|