summaryrefslogtreecommitdiffhomepage
path: root/cloud/app/src/component/workspace/usage-section.tsx
diff options
context:
space:
mode:
authorJay V <[email protected]>2025-09-16 19:53:18 -0400
committerJay V <[email protected]>2025-09-16 19:53:18 -0400
commit65ced674321811127c5720273b1c004eb0e185c5 (patch)
treec274be49e8e5b3d90f06bf67aae5e0de21c072d0 /cloud/app/src/component/workspace/usage-section.tsx
parent9f46068c5708d7e83163cd06b40c27ed46d4712f (diff)
downloadopencode-65ced674321811127c5720273b1c004eb0e185c5.tar.gz
opencode-65ced674321811127c5720273b1c004eb0e185c5.zip
ignore: zen
Diffstat (limited to 'cloud/app/src/component/workspace/usage-section.tsx')
-rw-r--r--cloud/app/src/component/workspace/usage-section.tsx61
1 files changed, 61 insertions, 0 deletions
diff --git a/cloud/app/src/component/workspace/usage-section.tsx b/cloud/app/src/component/workspace/usage-section.tsx
index 37265d8e5..5d3d3b6c3 100644
--- a/cloud/app/src/component/workspace/usage-section.tsx
+++ b/cloud/app/src/component/workspace/usage-section.tsx
@@ -14,8 +14,69 @@ const getUsageInfo = query(async (workspaceID: string) => {
export function UsageSection() {
const params = useParams()
+ // ORIGINAL CODE - COMMENTED OUT FOR TESTING
const usage = createAsync(() => getUsageInfo(params.id))
+ // DUMMY DATA FOR TESTING
+ // const usage = () => [
+ // {
+ // timeCreated: new Date(Date.now() - 86400000 * 0).toISOString(), // Today
+ // model: "claude-3-5-sonnet-20241022",
+ // inputTokens: 1247,
+ // outputTokens: 423,
+ // cost: 125400000, // $1.254
+ // },
+ // {
+ // timeCreated: new Date(Date.now() - 86400000 * 0.5).toISOString(), // 12 hours ago
+ // model: "claude-3-haiku-20240307",
+ // inputTokens: 892,
+ // outputTokens: 156,
+ // cost: 23500000, // $0.235
+ // },
+ // {
+ // timeCreated: new Date(Date.now() - 86400000 * 1).toISOString(), // Yesterday
+ // model: "claude-3-5-sonnet-20241022",
+ // inputTokens: 2134,
+ // outputTokens: 687,
+ // cost: 234700000, // $2.347
+ // },
+ // {
+ // timeCreated: new Date(Date.now() - 86400000 * 1.3).toISOString(), // 1.3 days ago
+ // model: "gpt-4o-mini",
+ // inputTokens: 567,
+ // outputTokens: 234,
+ // cost: 8900000, // $0.089
+ // },
+ // {
+ // timeCreated: new Date(Date.now() - 86400000 * 2).toISOString(), // 2 days ago
+ // model: "claude-3-opus-20240229",
+ // inputTokens: 1893,
+ // outputTokens: 945,
+ // cost: 445600000, // $4.456
+ // },
+ // {
+ // timeCreated: new Date(Date.now() - 86400000 * 2.7).toISOString(), // 2.7 days ago
+ // model: "gpt-4o",
+ // inputTokens: 1456,
+ // outputTokens: 532,
+ // cost: 156800000, // $1.568
+ // },
+ // {
+ // timeCreated: new Date(Date.now() - 86400000 * 3).toISOString(), // 3 days ago
+ // model: "claude-3-haiku-20240307",
+ // inputTokens: 634,
+ // outputTokens: 89,
+ // cost: 12300000, // $0.123
+ // },
+ // {
+ // timeCreated: new Date(Date.now() - 86400000 * 4).toISOString(), // 4 days ago
+ // model: "claude-3-5-sonnet-20241022",
+ // inputTokens: 3245,
+ // outputTokens: 1123,
+ // cost: 387200000, // $3.872
+ // },
+ // ]
+
return (
<section class={styles.root}>
<div data-slot="section-title">