authorgravatar for 88523594+RakshithBhat03@users.noreply.github.comRakshith Bhat <88523594+RakshithBhat03@users.noreply.github.com> 2026-10-11 12:18:22+05:30
committergravatar for noreply@github.comGitHub <noreply@github.com> 2026-10-11 01:48:22-05:00
log78089500e40e9d0ce6e9c1610e52f9c0d656a673
tree1672def8eec0190f4cca0e495352ef338a8d095c
parent5310a4a64fd308236e819e192968a9f9d7bd3c45
signature Signed by PGP key B5690EEEBB952194

fix(web): align the API estimate info icon (#15655)


1 files changed, 20 insertions(+), 26 deletions(-)

apps/web/src/components/usage/UsagePage.tsx+20-26
...@@ -587,33 +587,27 @@ export function UsagePage() {...@@ -587,33 +587,27 @@ export function UsagePage() {
587 ? formatUsd(merged.costUsd)587 ? formatUsd(merged.costUsd)
588 : formatTokens(merged.totalTokens)}588 : formatTokens(merged.totalTokens)}
589 </span>589 </span>
590 <span className="text-xs text-muted-foreground">590 <span className="inline-flex items-center gap-1 text-xs text-muted-foreground">
591 <span className={figureClass(loading.partial)}>591 <span>
592 {formatCount(merged.sessions)} sessions592 <span className={figureClass(loading.partial)}>
593 {formatCount(merged.sessions)} sessions
594 </span>
595 {metric === "cost" && " · API estimate"}
593 </span>596 </span>
594 {metric === "cost" && (597 {metric === "cost" && merged.costQuality.unpricedShare > 0 && (
595 <>598 <Popover>
596 {" · API estimate"}599 <PopoverTrigger
597 {merged.costQuality.unpricedShare > 0 && (600 openOnHover
598 <>601 render={<InlineButton tone="muted" />}
599 {" "}602 aria-label="Unpriced usage details"
600 <Popover>603 >
601 <PopoverTrigger604 <InfoIcon className="size-3" aria-hidden />
602 openOnHover605 </PopoverTrigger>
603 render={<InlineButton tone="muted" />}606 <PopoverPopup side="top" tooltipStyle>
604 aria-label="Unpriced usage details"607 API estimate excludes{" "}
605 >608 {formatPercent(merged.costQuality.unpricedShare)} unpriced records.
606 <InfoIcon className="size-3" aria-hidden />609 </PopoverPopup>
607 </PopoverTrigger>610 </Popover>
608 <PopoverPopup side="top" tooltipStyle>
609 API estimate excludes{" "}
610 {formatPercent(merged.costQuality.unpricedShare)} unpriced
611 records.
612 </PopoverPopup>
613 </Popover>
614 </>
615 )}
616 </>
617 )}611 )}
618 </span>612 </span>
619 </div>613 </div>