| ... | @@ -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)} sessions | 592 | <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 | <PopoverTrigger | 604 | <InfoIcon className="size-3" aria-hidden /> |
| 602 | openOnHover | 605 | </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> |