hoborg/opencode
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

wip: cloud

Browse Source
This commit is contained in:
Dax Raad
2025-09-03 13:17:32 -04:00
parent 48a79b1173
commit 1e4f5710aa
1 changed files with 8 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
cloud/app/src/routes/workspace/[id].tsx
View File

@@ -2,7 +2,7 @@ import "./[id].css"
import { Billing } from "@opencode/cloud-core/billing.js" import { Billing } from "@opencode/cloud-core/billing.js"
import { Key } from "@opencode/cloud-core/key.js" import { Key } from "@opencode/cloud-core/key.js"
import { action, createAsync, query, useAction, useSubmission, json, useParams } from "@solidjs/router" import { action, createAsync, query, useAction, useSubmission, json, useParams } from "@solidjs/router"
import { createSignal, For, Show } from "solid-js" import { createMemo, createSignal, For, Show } from "solid-js"
import { withActor } from "~/context/auth.withActor" import { withActor } from "~/context/auth.withActor"
import { IconCopy, IconCheck } from "~/component/icon" import { IconCopy, IconCheck } from "~/component/icon"
import { User } from "@opencode/cloud-core/user.js" import { User } from "@opencode/cloud-core/user.js"
@@ -335,22 +335,23 @@ export default function () {
<tr> <tr>
<th>Date</th> <th>Date</th>
<th>Model</th> <th>Model</th>
<th>Tokens</th> <th>Input</th>
<th>Output</th>
<th>Cost</th> <th>Cost</th>
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
<For each={billingInfo()!.usage}> <For each={billingInfo()!.usage}>
{(usage) => { {(usage) => {
const totalTokens = usage.inputTokens + usage.outputTokens + (usage.reasoningTokens || 0) const date = createMemo(() => new Date(usage.timeCreated))
const date = new Date(usage.timeCreated)
return ( return (
<tr> <tr>
<td data-slot="usage-date" title={formatDateUTC(date)}> <td data-slot="usage-date" title={formatDateUTC(date())}>
{formatDateForTable(date)} {formatDateForTable(date())}
</td> </td>
<td data-slot="usage-model">{usage.model}</td> <td data-slot="usage-model">{usage.model}</td>
<td data-slot="usage-tokens">{totalTokens.toLocaleString()}</td> <td data-slot="usage-tokens">{usage.inputTokens}</td>
<td data-slot="usage-tokens">{usage.outputTokens}</td>
<td data-slot="usage-cost">${((usage.cost ?? 0) / 100000000).toFixed(4)}</td> <td data-slot="usage-cost">${((usage.cost ?? 0) / 100000000).toFixed(4)}</td>
</tr> </tr>
) )