diff --git a/src/workspaces/officerdev/src/apps/CommandHQ/CommandHqDetail.tsx b/src/workspaces/officerdev/src/apps/CommandHQ/CommandHqDetail.tsx index 7451f588..dd98ee51 100644 --- a/src/workspaces/officerdev/src/apps/CommandHQ/CommandHqDetail.tsx +++ b/src/workspaces/officerdev/src/apps/CommandHQ/CommandHqDetail.tsx @@ -10,7 +10,7 @@ import { useChat, EmbeddableChat } from '../Chat'; import type { ChatMessage } from '../Chat/types'; import { categoryFromParam, commandHqSessionPath } from './command-hq-routes'; import { useCommandHqCategories, useCommandHqCommander, useCommandHqCommanderActions } from './useCommandHq'; -import { formatCommanderCost } from './format'; +import { formatCommanderCost, formatTokens } from './format'; // Right panel of the /command-hq workspace. Three states, chosen by the URL alone (no channel — panels // read the route directly, per `docs/navigation-audit.md`): @@ -139,6 +139,7 @@ function MetaBar({ sessionId, title, isConnected, isGenerating, onDisconnect }: <> {commander.cost.turnCount} turn{commander.cost.turnCount === 1 ? '' : 's'} ·{' '} + {formatTokens(commander.cost.inputTokens + commander.cost.outputTokens)} tok ·{' '} {formatCommanderCost(commander.cost.totalUsd)} {commander.watcherArmed ? ( diff --git a/src/workspaces/officerdev/src/apps/CommandHQ/CommandHqGrid.tsx b/src/workspaces/officerdev/src/apps/CommandHQ/CommandHqGrid.tsx index 6688ce6d..c92ce5fe 100644 --- a/src/workspaces/officerdev/src/apps/CommandHQ/CommandHqGrid.tsx +++ b/src/workspaces/officerdev/src/apps/CommandHQ/CommandHqGrid.tsx @@ -3,7 +3,7 @@ import { formatDistanceToNowStrict } from 'date-fns'; import { Plus } from 'lucide-react'; import { categoryFromParam, commandHqNewPath, commandHqSessionPath } from './command-hq-routes'; import { useCommandHqCommanders } from './useCommandHq'; -import { formatCommanderCost } from './format'; +import { formatCommanderCost, formatTokens } from './format'; import type { CommandHqCommander } from './types'; // Right-middle panel of the /command-hq workspace — one card per commander in the selected category. @@ -38,6 +38,7 @@ const Card = ({ commander, to, selected }: CardProps) => (