zen: show subscription usage in usage history
This commit is contained in:
@@ -42,7 +42,7 @@
|
|||||||
font-family: var(--font-mono);
|
font-family: var(--font-mono);
|
||||||
|
|
||||||
&[data-slot="usage-date"] {
|
&[data-slot="usage-date"] {
|
||||||
color: var(--color-text);
|
color: var(--color-text-muted);
|
||||||
}
|
}
|
||||||
|
|
||||||
&[data-slot="usage-model"] {
|
&[data-slot="usage-model"] {
|
||||||
@@ -53,8 +53,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
&[data-slot="usage-cost"] {
|
&[data-slot="usage-cost"] {
|
||||||
color: var(--color-text);
|
color: var(--color-text-muted);
|
||||||
font-weight: 500;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
[data-slot="tokens-with-breakdown"] {
|
[data-slot="tokens-with-breakdown"] {
|
||||||
|
|||||||
@@ -170,7 +170,12 @@ export function UsageSection() {
|
|||||||
</div>
|
</div>
|
||||||
</td>
|
</td>
|
||||||
<td data-slot="usage-cost">
|
<td data-slot="usage-cost">
|
||||||
${usage.enrichment?.plan === "sub" ? "0.0000" : ((usage.cost ?? 0) / 100000000).toFixed(4)}
|
<Show
|
||||||
|
when={usage.enrichment?.plan === "sub"}
|
||||||
|
fallback={<>${((usage.cost ?? 0) / 100000000).toFixed(4)}</>}
|
||||||
|
>
|
||||||
|
subscription (${((usage.cost ?? 0) / 100000000).toFixed(4)})
|
||||||
|
</Show>
|
||||||
</td>
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
)
|
)
|
||||||
|
|||||||
Reference in New Issue
Block a user