diff options
| author | Frank <[email protected]> | 2025-11-20 10:31:33 -0500 |
|---|---|---|
| committer | Frank <[email protected]> | 2025-11-20 10:31:35 -0500 |
| commit | 3989b9fc7f4f7dfed0676dc9b9b7b22f29c14bd8 (patch) | |
| tree | 4ed22e3844febffa263c0d2618e7a469513042da | |
| parent | 8bfcdf48312b165d59191877ac079112b4cfd1b1 (diff) | |
| download | opencode-3989b9fc7f4f7dfed0676dc9b9b7b22f29c14bd8.tar.gz opencode-3989b9fc7f4f7dfed0676dc9b9b7b22f29c14bd8.zip | |
wip: zen
| -rw-r--r-- | packages/console/app/src/component/icon.tsx | 11 | ||||
| -rw-r--r-- | packages/console/app/src/routes/workspace/[id]/usage-section.tsx | 7 |
2 files changed, 13 insertions, 5 deletions
diff --git a/packages/console/app/src/component/icon.tsx b/packages/console/app/src/component/icon.tsx index 7bf203638..55f0940a0 100644 --- a/packages/console/app/src/component/icon.tsx +++ b/packages/console/app/src/component/icon.tsx @@ -236,3 +236,14 @@ export function IconChevronRight(props: JSX.SvgSVGAttributes<SVGSVGElement>) { </svg> ) } + +export function IconBreakdown(props: JSX.SvgSVGAttributes<SVGSVGElement>) { + return ( + <svg {...props} width="16" height="16" viewBox="0 0 16 16" fill="none"> + <path d="M2 12L2 8" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" /> + <path d="M6 12L6 4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" /> + <path d="M10 12L10 6" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" /> + <path d="M14 12L14 9" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" /> + </svg> + ) +} diff --git a/packages/console/app/src/routes/workspace/[id]/usage-section.tsx b/packages/console/app/src/routes/workspace/[id]/usage-section.tsx index 5c461b89d..212904f3f 100644 --- a/packages/console/app/src/routes/workspace/[id]/usage-section.tsx +++ b/packages/console/app/src/routes/workspace/[id]/usage-section.tsx @@ -3,7 +3,7 @@ import { createAsync, query, useParams } from "@solidjs/router" import { createMemo, For, Show, createEffect, createSignal } from "solid-js" import { formatDateUTC, formatDateForTable } from "../common" import { withActor } from "~/context/auth.withActor" -import { IconChevronLeft, IconChevronRight } from "~/component/icon" +import { IconChevronLeft, IconChevronRight, IconBreakdown } from "~/component/icon" import styles from "./usage-section.module.css" import { createStore } from "solid-js/store" @@ -113,10 +113,7 @@ export function UsageSection() { setOpenBreakdownId(isOpen() ? null : breakdownId) }} > - <svg width="16" height="16" viewBox="0 0 16 16" fill="none"> - <circle cx="8" cy="8" r="7" stroke="currentColor" stroke-width="1.5" /> - <path d="M8 4V8L11 11" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" /> - </svg> + <IconBreakdown /> </button> <span onClick={() => setOpenBreakdownId(null)}>{totalInputTokens()}</span> <Show when={isOpen()}> |