diff options
| author | Adam <[email protected]> | 2025-12-29 02:47:51 -0600 |
|---|---|---|
| committer | Adam <[email protected]> | 2025-12-29 02:47:51 -0600 |
| commit | 80f704ebbf78f517fba42a36e56852cca0a2f769 (patch) | |
| tree | fa46ef85dabaac6f731b6c588d0b411931164a3f | |
| parent | 4dae6d1fcfdfb4bfa3402046b296a7491e1c0520 (diff) | |
| download | opencode-80f704ebbf78f517fba42a36e56852cca0a2f769.tar.gz opencode-80f704ebbf78f517fba42a36e56852cca0a2f769.zip | |
fix(desktop): context usage alignment
| -rw-r--r-- | packages/app/src/components/session-context-usage.tsx | 22 |
1 files changed, 8 insertions, 14 deletions
diff --git a/packages/app/src/components/session-context-usage.tsx b/packages/app/src/components/session-context-usage.tsx index c8e6918ca..0fa6bc99c 100644 --- a/packages/app/src/components/session-context-usage.tsx +++ b/packages/app/src/components/session-context-usage.tsx @@ -3,7 +3,7 @@ import { Tooltip } from "@opencode-ai/ui/tooltip" import { ProgressCircle } from "@opencode-ai/ui/progress-circle" import { useSync } from "@/context/sync" import { useParams } from "@solidjs/router" -import { AssistantMessage } from "@opencode-ai/sdk/v2" +import { AssistantMessage } from "@opencode-ai/sdk/v2/client" export function SessionContextUsage() { const sync = useSync() @@ -35,19 +35,13 @@ export function SessionContextUsage() { {(ctx) => ( <Tooltip value={ - <div class="flex flex-col gap-1"> - <div class="flex gap-3"> - <span class="opacity-70 text-right flex-1">Tokens</span> - <span class="text-left flex-1">{ctx().tokens}</span> - </div> - <div class="flex gap-3"> - <span class="opacity-70 text-right flex-1">Usage</span> - <span class="text-left flex-1">{ctx().percentage ?? 0}%</span> - </div> - <div class="flex gap-3"> - <span class="opacity-70 text-right flex-1">Cost</span> - <span class="text-left flex-1">{cost()}</span> - </div> + <div class="grid grid-cols-2 gap-x-3 gap-y-1"> + <span class="opacity-70 text-right">Tokens</span> + <span class="text-left">{ctx().tokens}</span> + <span class="opacity-70 text-right">Usage</span> + <span class="text-left">{ctx().percentage ?? 0}%</span> + <span class="opacity-70 text-right">Cost</span> + <span class="text-left">{cost()}</span> </div> } placement="top" |