Move bar indicators into AGS, add calendar navigation and tooltips

Claude-Session: https://claude.ai/code/session_014ADhvRXuiTvrXSbConxUey
This commit is contained in:
2026-08-19 14:27:34 -04:00
parent 85652bd0b3
commit e9616a67c9
6 changed files with 159 additions and 71 deletions
+7 -11
View File
@@ -236,18 +236,14 @@ function DayRow({ day }: { day: DayUsage }) {
}
function ModelRow({ model }: { model: ModelUsage }) {
const fillPercent = Math.round(model.fraction * 100)
const fill = `linear-gradient(to right, alpha(@foreground, 0.18) ${fillPercent}%, alpha(@foreground, 0.06) ${fillPercent}%)`
return (
<overlay
tooltipText={model.detail}
overlays={[
<box class="agent-model-text" spacing={8}>
<label class="agent-model-label" label={model.label} xalign={0} halign={Gtk.Align.START} hexpand />
<label class="agent-model-value" label={model.tokens} xalign={1} halign={Gtk.Align.END} />
</box>,
]}
>
<levelbar class="agent-model-bar" value={model.fraction} />
</overlay>
<box class="agent-model-row" spacing={8} tooltipText={model.detail} css={`background-image: ${fill};`}>
<label class="agent-model-label" label={model.label} xalign={0} halign={Gtk.Align.START} hexpand />
<label class="agent-model-value" label={model.tokens} xalign={1} halign={Gtk.Align.END} />
</box>
)
}