import { useTranslation } from "react-i18next"; import { Dialog, DialogContent, DialogHeader, DialogTitle, } from "@/components/ui/dialog"; import { useRequestDetail } from "@/lib/query/usage"; import { getFreshInputTokens, isUnpricedUsage } from "@/types/usage"; interface RequestDetailPanelProps { requestId: string; onClose: () => void; } export function RequestDetailPanel({ requestId, onClose, }: RequestDetailPanelProps) { const { t, i18n } = useTranslation(); const { data: request, isLoading } = useRequestDetail(requestId); const dateLocale = i18n.language === "zh" ? "zh-CN" : i18n.language === "zh-TW" ? "zh-TW" : i18n.language === "ja" ? "ja-JP" : "en-US"; if (isLoading) { return ( ); } if (!request) { return ( ); } const freshInput = getFreshInputTokens(request); const isCacheInclusive = request.inputTokens !== freshInput; const unpriced = isUnpricedUsage(request); return ( ); }

{t("usage.basicInfo", "基本信息")}

{t("usage.tokenUsage", "Token 使用量")}

{t("usage.costBreakdown", "成本明细")}

{t("usage.performance", "性能信息")}

{t("usage.errorMessage", "错误信息")}