opencastle 0.21.0 → 0.22.0

package/src/cli/convoy/store.ts

@@ -9,21 +9,21 @@ import type {
   EventRecord,
 } from './types.js'
 
-const SCHEMA_VERSION = 2
+const SCHEMA_VERSION = 3
 
 export interface ConvoyStore {
-  insertConvoy(record: Omit<ConvoyRecord, 'started_at' | 'finished_at'>): void
+  insertConvoy(record: Omit<ConvoyRecord, 'started_at' | 'finished_at' | 'total_tokens' | 'total_cost_usd'>): void
   getConvoy(id: string): ConvoyRecord | undefined
   getLatestConvoy(): ConvoyRecord | undefined
   updateConvoyStatus(
     id: string,
     status: ConvoyStatus,
-    extra?: { started_at?: string; finished_at?: string },
+    extra?: { started_at?: string; finished_at?: string; total_tokens?: number | null; total_cost_usd?: string | null },
   ): void
   insertTask(
     record: Omit<
       TaskRecord,
-      'worker_id' | 'worktree' | 'output' | 'exit_code' | 'started_at' | 'finished_at'
+      'worker_id' | 'worktree' | 'output' | 'exit_code' | 'started_at' | 'finished_at' | 'prompt_tokens' | 'completion_tokens' | 'total_tokens' | 'cost_usd'
     >,
   ): void
   getTask(id: string, convoyId: string): TaskRecord | undefined
@@ -33,7 +33,7 @@ export interface ConvoyStore {
     convoyId: string,
     status: ConvoyTaskStatus,
     extra?: Partial<
-      Pick<TaskRecord, 'worker_id' | 'worktree' | 'output' | 'exit_code' | 'started_at' | 'finished_at' | 'retries'>
+      Pick<TaskRecord, 'worker_id' | 'worktree' | 'output' | 'exit_code' | 'started_at' | 'finished_at' | 'retries' | 'prompt_tokens' | 'completion_tokens' | 'total_tokens' | 'cost_usd'>
     >,
   ): void
   getReadyTasks(convoyId: string): TaskRecord[]
@@ -61,8 +61,8 @@ class ConvoyStoreImpl implements ConvoyStore {
   }
 
   private initSchema(): void {
-    const row = this.db.prepare('PRAGMA user_version').get() as { user_version: number }
-    if (row.user_version === 0) {
+    let version = (this.db.prepare('PRAGMA user_version').get() as { user_version: number }).user_version
+    if (version === 0) {
       this.db.exec(`
         CREATE TABLE IF NOT EXISTS convoy (
           id          TEXT PRIMARY KEY,
@@ -72,8 +72,10 @@ class ConvoyStoreImpl implements ConvoyStore {
           branch      TEXT,
           created_at  TEXT NOT NULL,
           started_at  TEXT,
-          finished_at TEXT,
-          spec_yaml   TEXT NOT NULL
+          finished_at    TEXT,
+          spec_yaml      TEXT NOT NULL,
+          total_tokens   INTEGER,
+          total_cost_usd TEXT
         );
 
         CREATE TABLE IF NOT EXISTS task (
@@ -92,10 +94,14 @@ class ConvoyStoreImpl implements ConvoyStore {
           exit_code   INTEGER,
           started_at  TEXT,
           finished_at TEXT,
-          retries     INTEGER NOT NULL DEFAULT 0,
-          max_retries INTEGER NOT NULL DEFAULT 1,
-          files       TEXT,
-          depends_on  TEXT
+          retries           INTEGER NOT NULL DEFAULT 0,
+          max_retries       INTEGER NOT NULL DEFAULT 1,
+          files             TEXT,
+          depends_on        TEXT,
+          prompt_tokens     INTEGER,
+          completion_tokens INTEGER,
+          total_tokens      INTEGER,
+          cost_usd          TEXT
         );
 
         CREATE TABLE IF NOT EXISTS worker (
@@ -122,14 +128,26 @@ class ConvoyStoreImpl implements ConvoyStore {
         );
       `)
       this.db.exec(`PRAGMA user_version = ${SCHEMA_VERSION}`)
+      version = SCHEMA_VERSION
     }
-    if (row.user_version === 1) {
+    if (version === 1) {
       this.db.exec('ALTER TABLE task ADD COLUMN adapter TEXT')
       this.db.exec('PRAGMA user_version = 2')
+      version = 2
+    }
+    if (version === 2) {
+      this.db.exec('ALTER TABLE task ADD COLUMN prompt_tokens INTEGER')
+      this.db.exec('ALTER TABLE task ADD COLUMN completion_tokens INTEGER')
+      this.db.exec('ALTER TABLE task ADD COLUMN total_tokens INTEGER')
+      this.db.exec('ALTER TABLE task ADD COLUMN cost_usd TEXT')
+      this.db.exec('ALTER TABLE convoy ADD COLUMN total_tokens INTEGER')
+      this.db.exec('ALTER TABLE convoy ADD COLUMN total_cost_usd TEXT')
+      this.db.exec('PRAGMA user_version = 3')
+      version = 3
     }
   }
 
-  insertConvoy(record: Omit<ConvoyRecord, 'started_at' | 'finished_at'>): void {
+  insertConvoy(record: Omit<ConvoyRecord, 'started_at' | 'finished_at' | 'total_tokens' | 'total_cost_usd'>): void {
     this.db
       .prepare(
         `INSERT INTO convoy (id, name, spec_hash, status, branch, created_at, started_at, finished_at, spec_yaml)
@@ -153,10 +171,10 @@ class ConvoyStoreImpl implements ConvoyStore {
   updateConvoyStatus(
     id: string,
     status: ConvoyStatus,
-    extra?: { started_at?: string; finished_at?: string },
+    extra?: { started_at?: string; finished_at?: string; total_tokens?: number | null; total_cost_usd?: string | null },
   ): void {
     const sets = ['status = :status']
-    const params: Record<string, string | null> = { id, status }
+    const params: Record<string, string | number | null> = { id, status }
 
     if (extra?.started_at !== undefined) {
       sets.push('started_at = :started_at')
@@ -166,6 +184,14 @@ class ConvoyStoreImpl implements ConvoyStore {
       sets.push('finished_at = :finished_at')
       params.finished_at = extra.finished_at
     }
+    if (extra?.total_tokens !== undefined) {
+      sets.push('total_tokens = :total_tokens')
+      params.total_tokens = extra.total_tokens
+    }
+    if (extra?.total_cost_usd !== undefined) {
+      sets.push('total_cost_usd = :total_cost_usd')
+      params.total_cost_usd = extra.total_cost_usd
+    }
 
     this.db.prepare(`UPDATE convoy SET ${sets.join(', ')} WHERE id = :id`).run(params)
   }
@@ -173,7 +199,7 @@ class ConvoyStoreImpl implements ConvoyStore {
   insertTask(
     record: Omit<
       TaskRecord,
-      'worker_id' | 'worktree' | 'output' | 'exit_code' | 'started_at' | 'finished_at'
+      'worker_id' | 'worktree' | 'output' | 'exit_code' | 'started_at' | 'finished_at' | 'prompt_tokens' | 'completion_tokens' | 'total_tokens' | 'cost_usd'
     >,
   ): void {
     this.db
@@ -207,12 +233,12 @@ class ConvoyStoreImpl implements ConvoyStore {
     convoyId: string,
     status: ConvoyTaskStatus,
     extra?: Partial<
-      Pick<TaskRecord, 'worker_id' | 'worktree' | 'output' | 'exit_code' | 'started_at' | 'finished_at' | 'retries'>
+      Pick<TaskRecord, 'worker_id' | 'worktree' | 'output' | 'exit_code' | 'started_at' | 'finished_at' | 'retries' | 'prompt_tokens' | 'completion_tokens' | 'total_tokens' | 'cost_usd'>
     >,
   ): void {
     const sets = ['status = :status']
     const params: Record<string, string | number | null> = { id, convoy_id: convoyId, status }
-    const extraFields = ['worker_id', 'worktree', 'output', 'exit_code', 'started_at', 'finished_at', 'retries'] as const
+    const extraFields = ['worker_id', 'worktree', 'output', 'exit_code', 'started_at', 'finished_at', 'retries', 'prompt_tokens', 'completion_tokens', 'total_tokens', 'cost_usd'] as const
 
     if (extra) {
       for (const field of extraFields) {

package/src/cli/convoy/types.ts

@@ -21,6 +21,8 @@ export interface ConvoyRecord {
   started_at: string | null
   finished_at: string | null
   spec_yaml: string
+  total_tokens: number | null
+  total_cost_usd: string | null
 }
 
 export interface TaskRecord {
@@ -43,6 +45,10 @@ export interface TaskRecord {
   max_retries: number
   files: string | null
   depends_on: string | null
+  prompt_tokens: number | null
+  completion_tokens: number | null
+  total_tokens: number | null
+  cost_usd: string | null
 }
 
 export interface WorkerRecord {

package/src/cli/init.ts

@@ -1,7 +1,7 @@
 import { resolve } from 'node:path'
 import { readFile, unlink } from 'node:fs/promises'
 import { existsSync } from 'node:fs'
-import { multiselect, confirm, closePrompts, c } from './prompt.js'
+import { select, multiselect, confirm, closePrompts, c } from './prompt.js'
 import { readManifest, writeManifest, createManifest } from './manifest.js'
 import { removeDirIfExists, copyDir, getOrchestratorRoot } from './copy.js'
 import { updateGitignore } from './gitignore.js'
@@ -50,36 +50,31 @@ export default async function init({ pkgRoot, args }: CliContext): Promise<void>
     console.log(`  ${c.dim('No tooling detected (empty project?)')}\n`)
   }
 
-  // ── IDEs (multiselect, at least 1) ─────────────────────────────
+  // ── IDE (single select) ────────────────────────────────────────
   console.log(`  ${c.bold('── IDEs ──────────────────────────────────────')}`)
-  let ides: string[] = []
-  while (ides.length === 0) {
-    ides = await multiselect('Which IDEs do you use?', [
-      {
-        label: 'VS Code',
-        hint: 'GitHub Copilot agents, instructions, skills',
-        value: 'vscode',
-      },
-      {
-        label: 'Cursor',
-        hint: '.cursorrules & .cursor/rules/*.mdc',
-        value: 'cursor',
-      },
-      {
-        label: 'Claude Code',
-        hint: 'CLAUDE.md & .claude/ commands, skills',
-        value: 'claude-code',
-      },
-      {
-        label: 'OpenCode',
-        hint: 'AGENTS.md & opencode.json',
-        value: 'opencode',
-      },
-    ])
-    if (ides.length === 0) {
-      console.log(`  ${c.yellow('Please select at least one IDE.')}`)
-    }
-  }
+  const selectedIde = await select('Which IDE do you use?', [
+    {
+      label: 'VS Code',
+      hint: 'GitHub Copilot agents, instructions, skills',
+      value: 'vscode',
+    },
+    {
+      label: 'Cursor',
+      hint: '.cursorrules & .cursor/rules/*.mdc',
+      value: 'cursor',
+    },
+    {
+      label: 'Claude Code',
+      hint: 'CLAUDE.md & .claude/ commands, skills',
+      value: 'claude-code',
+    },
+    {
+      label: 'OpenCode',
+      hint: 'AGENTS.md & opencode.json',
+      value: 'opencode',
+    },
+  ])
+  const ides = [selectedIde]
 
   // ── Tech Tools (multiselect, 0-N) ──────────────────────────────
   // Pre-select tools already detected in the repo

package/src/cli/run/adapters/claude-code.ts

@@ -1,5 +1,5 @@
 import { spawn } from 'node:child_process'
-import type { Task, ExecuteOptions, ExecuteResult } from '../../types.js'
+import type { Task, ExecuteOptions, ExecuteResult, TokenUsage } from '../../types.js'
 
 /** Adapter name */
 export const name = 'claude-code'
@@ -60,10 +60,22 @@ export async function execute(task: Task, options: ExecuteOptions = {}): Promise
 
     proc.on('close', (code) => {
       const output = [stdout, stderr].filter(Boolean).join('\n')
+      let usage: TokenUsage | undefined
+      try {
+        const parsed = JSON.parse(stdout) as Record<string, unknown>
+        const u = parsed?.usage as Record<string, number> | undefined
+        if (u) {
+          const promptTokens = (u.input_tokens ?? u.prompt_tokens) as number | undefined
+          const completionTokens = (u.output_tokens ?? u.completion_tokens) as number | undefined
+          const total = ((promptTokens ?? 0) + (completionTokens ?? 0)) || undefined
+          usage = { prompt_tokens: promptTokens, completion_tokens: completionTokens, total_tokens: total }
+        }
+      } catch { /* not JSON or no usage — graceful degradation */ }
       resolve({
         success: code === 0,
         output: output.slice(0, 10000), // Cap output size
         exitCode: code ?? -1,
+        usage,
       })
     })
 

package/src/cli/run/adapters/copilot.ts

@@ -100,11 +100,19 @@ export async function execute(task: Task, options: ExecuteOptions = {}): Promise
     const timeoutMs = parseTimeout(task.timeout)
     const response = await session.sendAndWait({ prompt }, timeoutMs)
     const output = response?.data?.content ?? ''
+    const rawUsage = (response?.data as Record<string, unknown> | undefined)?.usage ?? (response as Record<string, unknown> | undefined)?.usage
+    const u = rawUsage as Record<string, number> | undefined
+    const usageResult = u ? {
+      prompt_tokens: u.prompt_tokens ?? u.promptTokens,
+      completion_tokens: u.completion_tokens ?? u.completionTokens,
+      total_tokens: u.total_tokens ?? u.totalTokens,
+    } : undefined
 
     return {
       success: true,
       output: output.slice(0, 10_000),
       exitCode: 0,
+      usage: usageResult,
     }
   } catch (err: unknown) {
     return {

package/src/cli/run/adapters/cursor.ts

@@ -1,5 +1,5 @@
 import { spawn } from 'node:child_process'
-import type { Task, ExecuteOptions, ExecuteResult } from '../../types.js'
+import type { Task, ExecuteOptions, ExecuteResult, TokenUsage } from '../../types.js'
 
 /** Adapter name */
 export const name = 'cursor'
@@ -59,10 +59,22 @@ export async function execute(task: Task, options: ExecuteOptions = {}): Promise
 
     proc.on('close', (code) => {
       const output = [stdout, stderr].filter(Boolean).join('\n')
+      let usage: TokenUsage | undefined
+      try {
+        const parsed = JSON.parse(stdout) as Record<string, unknown>
+        const u = parsed?.usage as Record<string, number> | undefined
+        if (u) {
+          const promptTokens = (u.input_tokens ?? u.prompt_tokens) as number | undefined
+          const completionTokens = (u.output_tokens ?? u.completion_tokens) as number | undefined
+          const total = ((promptTokens ?? 0) + (completionTokens ?? 0)) || undefined
+          usage = { prompt_tokens: promptTokens, completion_tokens: completionTokens, total_tokens: total }
+        }
+      } catch { /* not JSON or no usage — graceful degradation */ }
       resolve({
         success: code === 0,
         output: output.slice(0, 10000), // Cap output size
         exitCode: code ?? -1,
+        usage,
       })
     })
 

package/src/cli/run/adapters/opencode.ts

@@ -1,5 +1,5 @@
 import { spawn } from 'node:child_process'
-import type { Task, ExecuteOptions, ExecuteResult } from '../../types.js'
+import type { Task, ExecuteOptions, ExecuteResult, TokenUsage } from '../../types.js'
 
 /** Adapter name */
 export const name = 'opencode'
@@ -53,10 +53,22 @@ export async function execute(task: Task, options: ExecuteOptions = {}): Promise
 
     proc.on('close', (code) => {
       const output = [stdout, stderr].filter(Boolean).join('\n')
+      let usage: TokenUsage | undefined
+      try {
+        const parsed = JSON.parse(stdout) as Record<string, unknown>
+        const u = parsed?.usage as Record<string, number> | undefined
+        if (u) {
+          const promptTokens = (u.input_tokens ?? u.prompt_tokens) as number | undefined
+          const completionTokens = (u.output_tokens ?? u.completion_tokens) as number | undefined
+          const total = ((promptTokens ?? 0) + (completionTokens ?? 0)) || undefined
+          usage = { prompt_tokens: promptTokens, completion_tokens: completionTokens, total_tokens: total }
+        }
+      } catch { /* not JSON or no usage — graceful degradation */ }
       resolve({
         success: code === 0,
         output: output.slice(0, 10000), // Cap output size
         exitCode: code ?? -1,
+        usage,
       })
     })
 

package/src/cli/run.ts

@@ -8,6 +8,12 @@ import { createReporter, printExecutionPlan } from './run/reporter.js'
 import type { CliContext, RunOptions } from './types.js'
 import type { ConvoyResult } from './convoy/engine.js'
 
+function formatTokens(n: number): string {
+  if (n >= 1_000_000) return (n / 1_000_000).toFixed(1) + 'M'
+  if (n >= 1_000) return (n / 1_000).toFixed(1) + 'K'
+  return String(n)
+}
+
 const HELP = `
   opencastle run [options]
 
@@ -153,6 +159,9 @@ function printConvoyResult(result: ConvoyResult): void {
       console.log(`    ${g.passed ? '✓' : '✗'} ${g.command}`)
     }
   }
+  if (result.cost) {
+    console.log(`  Tokens: ${formatTokens(result.cost.total_tokens)}`)
+  }
 }
 
 /**
@@ -199,6 +208,20 @@ export default async function run({ args, pkgRoot }: CliContext): Promise<void>
         console.log(`    ${status}: ${count}`)
       }
       console.log(`    total: ${tasks.length}`)
+      const totalTokens = tasks.reduce((sum, t) => sum + (t.total_tokens ?? 0), 0)
+      if (tasks.some(t => t.total_tokens != null)) {
+        console.log(`\n  Tokens: ${formatTokens(totalTokens)}`)
+        const tasksWithTokens = tasks.filter(t => t.total_tokens != null)
+        if (tasksWithTokens.length > 0) {
+          console.log(`\n  Token usage by task:`)
+          for (const t of tasksWithTokens) {
+            const parts = [formatTokens(t.total_tokens!)]
+            if (t.prompt_tokens != null) parts.push(`in: ${formatTokens(t.prompt_tokens)}`)
+            if (t.completion_tokens != null) parts.push(`out: ${formatTokens(t.completion_tokens)}`)
+            console.log(`    ${t.id}: ${parts.join(' | ')}`)
+          }
+        }
+      }
     } finally {
       store.close()
     }

package/src/cli/types.ts

@@ -238,6 +238,13 @@ export interface ExecuteOptions {
   cwd?: string;
 }
 
+/** Token usage data from adapter execution. */
+export interface TokenUsage {
+  prompt_tokens?: number;
+  completion_tokens?: number;
+  total_tokens?: number;
+}
+
 /** Result from an agent adapter execution. */
 export interface ExecuteResult {
   success: boolean;
@@ -245,6 +252,8 @@ export interface ExecuteResult {
   exitCode: number;
   _timedOut?: boolean;
   taskId?: string;
+  /** Token usage data if available from the adapter. */
+  usage?: TokenUsage;
 }
 
 /** Reporter interface for the run command. */

package/src/dashboard/dist/index.html

@@ -66,6 +66,12 @@ Export
     return div.innerHTML;
   }
 
+  function formatTokens(n) {
+    if (n >= 1000000) return (n / 1000000).toFixed(1) + 'M';
+    if (n >= 1000) return (n / 1000).toFixed(1) + 'K';
+    return String(n);
+  }
+
   // ── SVG Icon Library (empty states) ────────────────────
 
   const EMPTY_ICONS = {
@@ -1133,6 +1139,9 @@ Export
     html += '<div class="convoy-stat"><span class="convoy-stat__label">Tasks</span><span class="convoy-stat__value">' + done + '/' + total + '</span></div>';
     html += '<div class="convoy-stat"><span class="convoy-stat__label">Events</span><span class="convoy-stat__value">' + (convoy.events_count || 0) + '</span></div>';
     html += '<div class="convoy-stat"><span class="convoy-stat__label">Started</span><span class="convoy-stat__value">' + (convoy.started_at ? formatTime(convoy.started_at) : '\u2014') + '</span></div>';
+    if (convoy.total_tokens != null) {
+      html += '<div class="convoy-stat"><span class="convoy-stat__label">Tokens</span><span class="convoy-stat__value">' + formatTokens(convoy.total_tokens) + '</span></div>';
+    }
     html += '</div>';
 
     html += '<div class="convoy-progress">';
@@ -1142,7 +1151,7 @@ Export
 
     if (convoy.tasks && convoy.tasks.length > 0) {
       html += '<table class="sessions-table convoy-tasks">';
-      html += '<thead><tr><th>Task</th><th>Phase</th><th>Agent</th><th>Adapter</th><th>Status</th><th>Retries</th></tr></thead>';
+      html += '<thead><tr><th>Task</th><th>Phase</th><th>Agent</th><th>Adapter</th><th>Status</th><th>Retries</th><th>Tokens</th></tr></thead>';
       html += '<tbody>';
       convoy.tasks.forEach(function(t) {
         const tStatus = t.status === 'done' ? 'success'
@@ -1155,6 +1164,7 @@ Export
         html += '<td>' + escapeHtml(t.adapter || '\u2014') + '</td>';
         html += '<td><span class="outcome-badge outcome-badge--' + tStatus + '">' + escapeHtml(t.status) + '</span></td>';
         html += '<td class="td-num">' + (t.retries || 0) + '</td>';
+        html += '<td class="td-num">' + (t.total_tokens != null ? formatTokens(t.total_tokens) : '\u2014') + '</td>';
         html += '</tr>';
       });
       html += '</tbody></table>';

package/src/dashboard/node_modules/.vite/deps/_metadata.json

@@ -1,25 +1,25 @@
 {
-  "hash": "efd7e9fc",
+  "hash": "31a1a7a6",
   "configHash": "30f8ea04",
-  "lockfileHash": "851b1664",
-  "browserHash": "1b9872e1",
+  "lockfileHash": "97475009",
+  "browserHash": "cb97a3a0",
   "optimized": {
     "astro > cssesc": {
       "src": "../../../../../node_modules/cssesc/cssesc.js",
       "file": "astro___cssesc.js",
-      "fileHash": "bd1b469f",
+      "fileHash": "d4c8827f",
       "needsInterop": true
     },
     "astro > aria-query": {
       "src": "../../../../../node_modules/aria-query/lib/index.js",
       "file": "astro___aria-query.js",
-      "fileHash": "796388ea",
+      "fileHash": "41875443",
       "needsInterop": true
     },
     "astro > axobject-query": {
       "src": "../../../../../node_modules/axobject-query/lib/index.js",
       "file": "astro___axobject-query.js",
-      "fileHash": "deadbce3",
+      "fileHash": "d6770fdb",
       "needsInterop": true
     }
   },

package/src/dashboard/src/pages/index.astro

@@ -309,6 +309,12 @@ const base = import.meta.env.BASE_URL;
     return div.innerHTML;
   }
 
+  function formatTokens(n) {
+    if (n >= 1000000) return (n / 1000000).toFixed(1) + 'M';
+    if (n >= 1000) return (n / 1000).toFixed(1) + 'K';
+    return String(n);
+  }
+
   // ── SVG Icon Library (empty states) ────────────────────
 
   const EMPTY_ICONS = {
@@ -1376,6 +1382,9 @@ const base = import.meta.env.BASE_URL;
     html += '<div class="convoy-stat"><span class="convoy-stat__label">Tasks</span><span class="convoy-stat__value">' + done + '/' + total + '</span></div>';
     html += '<div class="convoy-stat"><span class="convoy-stat__label">Events</span><span class="convoy-stat__value">' + (convoy.events_count || 0) + '</span></div>';
     html += '<div class="convoy-stat"><span class="convoy-stat__label">Started</span><span class="convoy-stat__value">' + (convoy.started_at ? formatTime(convoy.started_at) : '\u2014') + '</span></div>';
+    if (convoy.total_tokens != null) {
+      html += '<div class="convoy-stat"><span class="convoy-stat__label">Tokens</span><span class="convoy-stat__value">' + formatTokens(convoy.total_tokens) + '</span></div>';
+    }
     html += '</div>';
 
     html += '<div class="convoy-progress">';
@@ -1385,7 +1394,7 @@ const base = import.meta.env.BASE_URL;
 
     if (convoy.tasks && convoy.tasks.length > 0) {
       html += '<table class="sessions-table convoy-tasks">';
-      html += '<thead><tr><th>Task</th><th>Phase</th><th>Agent</th><th>Adapter</th><th>Status</th><th>Retries</th></tr></thead>';
+      html += '<thead><tr><th>Task</th><th>Phase</th><th>Agent</th><th>Adapter</th><th>Status</th><th>Retries</th><th>Tokens</th></tr></thead>';
       html += '<tbody>';
       convoy.tasks.forEach(function(t) {
         const tStatus = t.status === 'done' ? 'success'
@@ -1398,6 +1407,7 @@ const base = import.meta.env.BASE_URL;
         html += '<td>' + escapeHtml(t.adapter || '\u2014') + '</td>';
         html += '<td><span class="outcome-badge outcome-badge--' + tStatus + '">' + escapeHtml(t.status) + '</span></td>';
         html += '<td class="td-num">' + (t.retries || 0) + '</td>';
+        html += '<td class="td-num">' + (t.total_tokens != null ? formatTokens(t.total_tokens) : '\u2014') + '</td>';
         html += '</tr>';
       });
       html += '</tbody></table>';