18 lines
664 B
JavaScript
18 lines
664 B
JavaScript
import useCuratorUsage from '../../hooks/useCuratorUsage';
|
|
import { estimateCost, fmtUsd, fmtTokens } from './pricing';
|
|
|
|
export default function CuratorUsageFooter() {
|
|
const { usage } = useCuratorUsage(30);
|
|
if (!usage) return null;
|
|
const cost = estimateCost(usage);
|
|
return (
|
|
<div className="curator-usage-footer">
|
|
<span>최근 30일 큐레이터:</span>
|
|
<span>{usage.calls}회 호출</span>
|
|
<span>{fmtTokens(usage.tokens_input + usage.tokens_output)} tokens</span>
|
|
<span>{fmtUsd(cost)}</span>
|
|
<span>캐시 {(usage.cache_hit_rate * 100).toFixed(0)}%</span>
|
|
</div>
|
|
);
|
|
}
|