@linxiraos/pi-stats 1.1.27 → 1.2.0

package/src/client/i18n/messages/traces.ts

@@ -0,0 +1,160 @@
+/**
+ * Traces copy. Keys are slugs (`trace.<name>`); the English string is the
+ * source of truth and `zh-CN` overrides it.
+ */
+export const traces = {
+	en: {
+		// ── session list (TracesRoute) ──────────────────────────────────────
+		"trace.title": "Traces",
+		"trace.description": "Recent sessions with subagent activity folded in. Open one to inspect its timeline.",
+		"trace.sessions": "Sessions",
+		"trace.session": "Session",
+		"trace.most-recent": "{count} most recent",
+		"trace.most-recent-filtered": "{shown} of {total} most recent",
+		"trace.filter-placeholder": "Filter by title, project, model…",
+		"trace.empty-title": "No sessions found",
+		"trace.empty-hint": "Run a sync to index recent activity.",
+		"trace.no-matching-title": "No matching sessions",
+		"trace.no-matching-hint": "Try a different filter.",
+		// ── span categories ─────────────────────────────────────────────────
+		"trace.tool": "Tool",
+		"trace.tools": "Tools",
+		"trace.agent": "Agent",
+		"trace.agents": "Agents",
+		"trace.background": "Background",
+		"trace.bg": "Bg",
+		// ── trace viewer toolbar / headings (TraceView) ─────────────────────
+		"trace.refresh": "Refresh trace",
+		"trace.timeline": "Timeline",
+		"trace.timeline-hint":
+			"W/S zoom · A/D pan · drag pan · wheel zoom · 0 fit · F focus selection · dbl-click focus · Esc deselect",
+		"trace.expand-all": "Expand all",
+		"trace.collapse-all": "Collapse all",
+		"trace.axis-mode": "Axis mode",
+		"trace.mode-time-title": "Real wall-clock time",
+		"trace.mode-turns-title": "Equal width per user turn",
+		"trace.mode-calls-title": "Equal width per model/tool call boundary",
+		"trace.turns": "Turns",
+		"trace.calls": "Calls",
+		"trace.compress-idle": "Compress idle",
+		"trace.search-placeholder": "Search spans…",
+		"trace.previous-match": "Previous match",
+		"trace.next-match": "Next match",
+		"trace.transcript": "Transcript",
+		"trace.transcript-description": "Every span and marker in order; click to inspect",
+		"trace.no-matching-events": "No matching events",
+		// ── flamegraph canvas / minimap ─────────────────────────────────────
+		"trace.canvas-aria": "Trace timeline. W and S zoom, A and D pan, 0 fits all, F focuses the selection.",
+		"trace.minimap-aria": "Timeline overview brush",
+		"trace.expand-track": "Expand {track}",
+		"trace.collapse-track": "Collapse {track}",
+		"trace.unterminated": "unterminated",
+		"trace.tok": "tok",
+		"trace.ttft": "TTFT",
+		// ── summary strip ───────────────────────────────────────────────────
+		"trace.wall-time": "Wall time",
+		"trace.model-time": "Model time",
+		"trace.tool-time": "Tool time",
+		"trace.idle": "Idle",
+		"trace.tool-calls-n": "{count} tool calls",
+		"trace.of-wall": "{percent} of wall",
+		// ── tool aggregates ─────────────────────────────────────────────────
+		"trace.tool-aggregates": "Tool aggregates",
+		"trace.tool-aggregates-desc": "{count} tools, by total time",
+		"trace.errors": "Errors",
+		"trace.failed-n": "{count} failed",
+		"trace.avg": "Avg",
+		"trace.max": "Max",
+		// ── span drawer ─────────────────────────────────────────────────────
+		"trace.start": "Start",
+		"trace.track": "Track",
+		"trace.io-cached": "Input / output / cached",
+		"trace.stop-reason": "Stop reason",
+		"trace.copy-json": "Copy raw JSON",
+		"trace.error-message": "Error message",
+		"trace.task": "Task",
+		"trace.open-child-track": "Open child track",
+		"trace.args": "Args",
+		"trace.thinking": "Thinking",
+		"trace.text": "Text",
+		"trace.raw-entry": "Raw entry",
+		"trace.load-failed": "Failed to load entry: {message}",
+	},
+	"zh-CN": {
+		// ── session list (TracesRoute) ──────────────────────────────────────
+		"trace.title": "调用链",
+		"trace.description": "最近的会话，已合并子代理活动。打开其中一个即可查看其时间线。",
+		"trace.sessions": "会话",
+		"trace.session": "会话",
+		"trace.most-recent": "最近 {count} 条",
+		"trace.most-recent-filtered": "最近 {total} 条中的 {shown} 条",
+		"trace.filter-placeholder": "按标题、项目或模型筛选…",
+		"trace.empty-title": "未找到会话",
+		"trace.empty-hint": "运行一次同步以索引最近的活动。",
+		"trace.no-matching-title": "没有匹配的会话",
+		"trace.no-matching-hint": "请尝试其他筛选条件。",
+		// ── span categories ─────────────────────────────────────────────────
+		"trace.tool": "工具",
+		"trace.tools": "工具",
+		"trace.agent": "智能体",
+		"trace.agents": "智能体",
+		"trace.background": "后台",
+		"trace.bg": "背景",
+		// ── trace viewer toolbar / headings (TraceView) ─────────────────────
+		"trace.refresh": "刷新调用链",
+		"trace.timeline": "时间线",
+		"trace.timeline-hint":
+			"W/S 缩放 · A/D 平移 · 拖拽平移 · 滚轮缩放 · 0 适应全部 · F 聚焦所选 · 双击聚焦 · Esc 取消选择",
+		"trace.expand-all": "全部展开",
+		"trace.collapse-all": "全部折叠",
+		"trace.axis-mode": "坐标轴模式",
+		"trace.mode-time-title": "真实墙钟时间",
+		"trace.mode-turns-title": "每个用户轮次等宽",
+		"trace.mode-calls-title": "每个模型/工具调用边界等宽",
+		"trace.turns": "轮次",
+		"trace.calls": "调用次数",
+		"trace.compress-idle": "压缩空闲时间",
+		"trace.search-placeholder": "搜索跨度…",
+		"trace.previous-match": "上一个匹配",
+		"trace.next-match": "下一个匹配",
+		"trace.transcript": "对话记录",
+		"trace.transcript-description": "按顺序列出所有跨度和标记；点击可查看详情",
+		"trace.no-matching-events": "没有匹配的事件",
+		// ── flamegraph canvas / minimap ─────────────────────────────────────
+		"trace.canvas-aria": "调用链时间线。W 和 S 缩放，A 和 D 平移，0 适应全部，F 聚焦所选。",
+		"trace.minimap-aria": "时间线概览刷选",
+		"trace.expand-track": "展开 {track}",
+		"trace.collapse-track": "折叠 {track}",
+		"trace.unterminated": "未结束",
+		"trace.tok": "Token",
+		"trace.ttft": "首 Token 延迟",
+		// ── summary strip ───────────────────────────────────────────────────
+		"trace.wall-time": "墙钟时间",
+		"trace.model-time": "模型耗时",
+		"trace.tool-time": "工具耗时",
+		"trace.idle": "空闲",
+		"trace.tool-calls-n": "{count} 次工具调用",
+		"trace.of-wall": "占墙钟时间 {percent}",
+		// ── tool aggregates ─────────────────────────────────────────────────
+		"trace.tool-aggregates": "工具汇总",
+		"trace.tool-aggregates-desc": "{count} 个工具，按总耗时排序",
+		"trace.errors": "错误",
+		"trace.failed-n": "{count} 个失败",
+		"trace.avg": "平均",
+		"trace.max": "最大",
+		// ── span drawer ─────────────────────────────────────────────────────
+		"trace.start": "开始",
+		"trace.track": "轨道",
+		"trace.io-cached": "输入 / 输出 / 缓存读取",
+		"trace.stop-reason": "停止原因",
+		"trace.copy-json": "复制原始 JSON",
+		"trace.error-message": "错误信息",
+		"trace.task": "任务",
+		"trace.open-child-track": "打开子轨道",
+		"trace.args": "参数",
+		"trace.thinking": "思考过程",
+		"trace.text": "文本",
+		"trace.raw-entry": "原始条目",
+		"trace.load-failed": "加载条目失败：{message}",
+	},
+} as const;

package/src/client/i18n/messages/ui.ts

@@ -0,0 +1,46 @@
+/**
+ * Ui copy. Keys are slugs (`ui.<name>`); the English string is the
+ * source of truth and `zh-CN` overrides it.
+ */
+export const ui = {
+	en: {
+		// ── table / states ──────────────────────────────────────────────────
+		"ui.table-shown-of": "{shown} of {total}",
+		"ui.show-fewer": "Show fewer",
+		"ui.retry": "Retry",
+		"ui.delta-new": "new",
+		"ui.json": "JSON",
+		// ── request drawer ──────────────────────────────────────────────────
+		"ui.trace": "Trace",
+		"ui.open-trace": "Open this request's session in the trace view",
+		"ui.status-ok": "OK",
+		"ui.section-timing": "Timing",
+		"ui.time-to-first-token": "Time to first token",
+		"ui.uncached-input": "Uncached input",
+		"ui.section-cost": "API-equivalent cost",
+		"ui.section-identity": "Identity",
+		"ui.stop-reason": "Stop reason",
+		"ui.api": "API",
+		"ui.session-file": "Session file",
+		"ui.stats-row": "Stats row",
+	},
+	"zh-CN": {
+		"ui.table-shown-of": "已显示 {shown} / 共 {total}",
+		"ui.show-fewer": "收起",
+		"ui.retry": "重试",
+		"ui.delta-new": "新增",
+		"ui.json": "JSON 数据",
+		"ui.trace": "调用链",
+		"ui.open-trace": "在调用链视图中打开该请求的会话",
+		"ui.status-ok": "正常",
+		"ui.section-timing": "时间",
+		"ui.time-to-first-token": "首 Token 延迟",
+		"ui.uncached-input": "未缓存输入",
+		"ui.section-cost": "API 等价费用",
+		"ui.section-identity": "标识",
+		"ui.stop-reason": "停止原因",
+		"ui.api": "接口",
+		"ui.session-file": "会话文件",
+		"ui.stats-row": "统计行",
+	},
+} as const;

package/src/client/i18n/messages/zh-CN.ts

@@ -0,0 +1,43 @@
+import type { MessageKey } from "./en";
+import { nav } from "./nav";
+import { common } from "./common";
+import { overview } from "./overview";
+import { models } from "./models";
+import { providers } from "./providers";
+import { costs } from "./costs";
+import { requests } from "./requests";
+import { errors } from "./errors";
+import { traces } from "./traces";
+import { tools } from "./tools";
+import { frustration } from "./frustration";
+import { projects } from "./projects";
+import { gain } from "./gain";
+import { ui } from "./ui";
+import { charts } from "./charts";
+
+/**
+ * Simplified Chinese overrides. Incomplete on purpose in source: the coverage
+ * test (`packages/stats/test/i18n-coverage.test.ts`) fails on any missing key,
+ * which keeps a half-translated page out of a release without breaking builds
+ * mid-flight.
+ */
+export const zhCNMessages: Partial<Record<MessageKey, string>> = {
+	...nav["zh-CN"],
+	...common["zh-CN"],
+	...overview["zh-CN"],
+	...models["zh-CN"],
+	...providers["zh-CN"],
+	...costs["zh-CN"],
+	...requests["zh-CN"],
+	...errors["zh-CN"],
+	...traces["zh-CN"],
+	...tools["zh-CN"],
+	...frustration["zh-CN"],
+	...projects["zh-CN"],
+	...gain["zh-CN"],
+	...ui["zh-CN"],
+	...charts["zh-CN"],
+};
+
+/** The Simplified Chinese locale pack. */
+export const zhCNLocale = { id: "zh-CN", messages: zhCNMessages } as const;

package/src/client/i18n/types.ts

@@ -0,0 +1,19 @@
+export type { StatsLocale } from "../../locale";
+
+import type { StatsLocale } from "../../locale";
+
+/** Values a message may interpolate through `{name}` placeholders. */
+export type TranslationParams = Record<string, string | number>;
+
+/** A locale pack: the messages one locale overrides, keyed by slug. */
+export interface LocalePack {
+	readonly id: StatsLocale;
+	readonly messages: Readonly<Record<string, string>>;
+}
+
+/**
+ * Messages for every locale, keyed first by locale id. `undefined` is part of
+ * the value type because a locale may override only some keys (English is the
+ * fallback for the rest).
+ */
+export type MessagesByLocale = Readonly<Record<StatsLocale, Readonly<Record<string, string | undefined>>>>;

package/src/client/index.tsx

@@ -2,6 +2,10 @@ import "./styles.css";
 import { createRoot } from "react-dom/client";
 import App from "./App";
 
+// The locale resolves when `./i18n` is first imported (the server stamps the
+// host CLI's language into the page before this module runs), so the app is
+// already rendering in the right language by the time React mounts.
+
 const root = document.getElementById("root");
 if (!root) throw new Error("missing #root");
 createRoot(root).render(<App />);

package/src/client/routes/CostsRoute.tsx

@@ -1,6 +1,7 @@
 import "./costs.css";
 import { useMemo, useState } from "react";
 import { getCostDashboardStats } from "../api";
+import { t } from "../i18n";
 import { Chart, type ChartSeries, Legend, ShareBar, useHiddenSeries } from "../charts";
 import { buildModelColorLookup, modelKey, OTHER_COLOR, SERIES_COLORS } from "../data/colors";
 import { formatCost, formatEstimatedCost, formatInteger, formatPercent } from "../data/formatters";
@@ -35,8 +36,8 @@ export interface CostsRouteProps {
 type SplitMode = "model" | "component";
 
 const SPLIT_OPTIONS = [
-	{ value: "model" as const, label: "By model" },
-	{ value: "component" as const, label: "By component" },
+	{ value: "model" as const, label: t("costs.by-model") },
+	{ value: "component" as const, label: t("costs.by-component") },
 ];
 
 /** Models stacked individually in the daily chart; the rest fold into "Other". */
@@ -46,10 +47,10 @@ const MODEL_LIMIT = 6;
 const DAY_MS = 86_400_000;
 
 const COMPONENTS = [
-	{ key: "costInput", label: "Input", color: "#5b8cff" },
-	{ key: "costOutput", label: "Output", color: "var(--chart-secondary)" },
-	{ key: "costCacheRead", label: "Cache read", color: "var(--chart-primary)" },
-	{ key: "costCacheWrite", label: "Cache write", color: "#f5b54a" },
+	{ key: "costInput", label: t("common.input"), color: "#5b8cff" },
+	{ key: "costOutput", label: t("common.output"), color: "var(--chart-secondary)" },
+	{ key: "costCacheRead", label: t("common.cache-read"), color: "var(--chart-primary)" },
+	{ key: "costCacheWrite", label: t("common.cache-write"), color: "#f5b54a" },
 ] as const satisfies readonly { key: keyof CostComponents; label: string; color: string }[];
 
 const UTC_DAY = new Intl.DateTimeFormat(undefined, { month: "short", day: "numeric", timeZone: "UTC" });
@@ -62,20 +63,19 @@ const UTC_DAY_LONG = new Intl.DateTimeFormat(undefined, {
 });
 
 export function CostsRoute({ active, range }: CostsRouteProps) {
-	const query = useQuery(["costs", range], () => getCostDashboardStats(range), { enabled: active });
+	const query = useQuery(["costs", range], ({ signal }) => getCostDashboardStats(range, signal), { enabled: active });
 	const meta = rangeMeta(range);
 	const [split, setSplit] = useState<SplitMode>("model");
 	const [hidden, toggleSeries] = useHiddenSeries();
 	const view = useMemo(() => (query.data ? buildCostsView(query.data, range) : null), [query.data, range]);
+	// Stable columns: a fresh array would make Table re-sort on every render.
+	const columns = useMemo(() => (view ? buildCostColumns(view) : []), [view]);
 	const isEmpty = (data: CostDashboardStats) => data.costSeries.length === 0;
-	const empty = <EmptyState title="No usage in this range" hint="Pick a wider range in the top bar." />;
+	const empty = <EmptyState title={t("costs.no-usage-in-range")} hint={t("costs.empty-hint")} />;
 
 	return (
 		<div className="page">
-			<PageHeader
-				title="Costs"
-				description={`What ${meta.windowLabel} of usage would cost at public API rates. Subscription usage without a public price is counted as unpriced, not free.`}
-			/>
+			<PageHeader title={t("costs.title")} description={t("costs.description", { window: t(meta.windowKey) })} />
 
 			<QueryView
 				query={query}
@@ -89,17 +89,15 @@ export function CostsRoute({ active, range }: CostsRouteProps) {
 			<div className="grid grid-main-side">
 				<Card
 					index={1}
-					title="Daily estimate"
-					description={
-						split === "model" ? "Per UTC day, stacked by model" : "Per UTC day, stacked by billing component"
-					}
+					title={t("costs.daily-estimate")}
+					description={split === "model" ? t("costs.daily-by-model") : t("costs.daily-by-component")}
 					actions={
 						<Segmented
 							size="sm"
 							options={SPLIT_OPTIONS}
 							value={split}
 							onChange={setSplit}
-							aria-label="Split by"
+							aria-label={t("costs.split-by")}
 						/>
 					}
 					stale={query.stale}
@@ -119,11 +117,11 @@ export function CostsRoute({ active, range }: CostsRouteProps) {
 										height={280}
 										format={v => formatCost(v, Number.isInteger(v) ? 0 : 2)}
 										formatTooltip={v => formatCost(v)}
-										emptyLabel="No priced usage in this range"
+										emptyLabel={t("costs.no-priced-usage")}
 										tooltipExtra={i =>
 											view.unpricedPerDay[i] > 0 ? (
 												<div className="chart-tooltip-row chart-tooltip-total">
-													<span className="chart-tooltip-label">Unpriced requests</span>
+													<span className="chart-tooltip-label">{t("costs.unpriced-requests")}</span>
 													<span className="chart-tooltip-value">
 														{formatInteger(view.unpricedPerDay[i])}
 													</span>
@@ -147,7 +145,12 @@ export function CostsRoute({ active, range }: CostsRouteProps) {
 					</QueryView>
 				</Card>
 
-				<Card index={2} title="Where it went" description="Estimate by billing component" stale={query.stale}>
+				<Card
+					index={2}
+					title={t("costs.where-it-went")}
+					description={t("costs.estimate-by-component")}
+					stale={query.stale}
+				>
 					<QueryView query={query} skeleton={<ChartSkeleton height={280} />} isEmpty={isEmpty} empty={empty}>
 						{() => view && <ComponentBreakdown summary={view.summary} />}
 					</QueryView>
@@ -156,8 +159,8 @@ export function CostsRoute({ active, range }: CostsRouteProps) {
 
 			<Card
 				index={3}
-				title="By model"
-				description="Estimate per model with its input, output and cache split"
+				title={t("costs.by-model")}
+				description={t("costs.by-model-description")}
 				stale={query.stale}
 				flush
 			>
@@ -167,7 +170,7 @@ export function CostsRoute({ active, range }: CostsRouteProps) {
 							<Table
 								rows={view.summary.models}
 								rowKey={row => row.key}
-								columns={buildCostColumns(view)}
+								columns={columns}
 								initialSort={{ key: "cost", dir: "desc" }}
 								limit={20}
 							/>
@@ -245,36 +248,45 @@ function CostStats({ view, stale }: { view: CostsView; stale: boolean }) {
 		<div data-stale={stale}>
 			<StatGrid min={180}>
 				<Stat
-					label="API-equivalent estimate"
-					title="What this usage would cost at public API rates"
+					label={t("costs.api-equivalent-estimate")}
+					title={t("costs.api-estimate-title")}
 					value={formatEstimatedCost(summary.totalCost, summary.unpricedRequests)}
-					hint={`${formatInteger(summary.requests)} requests`}
+					hint={t("costs.requests-n", { count: formatInteger(summary.requests) })}
 					spark={view.dailyTotals}
 					sparkColor="var(--chart-secondary)"
 				/>
 				<Stat
-					label="Average per day"
-					title="Estimate ÷ days with any usage"
+					label={t("costs.average-per-day")}
+					title={t("costs.average-per-day-title")}
 					value={formatEstimatedCost(summary.avgDailyCost, summary.unpricedRequests)}
-					hint={`over ${formatInteger(summary.activeDays)} active day${summary.activeDays === 1 ? "" : "s"}`}
+					hint={t(summary.activeDays === 1 ? "costs.active-days-one" : "costs.active-days-n", {
+						count: formatInteger(summary.activeDays),
+					})}
 				/>
 				<Stat
-					label="Top model"
+					label={t("costs.top-model")}
 					title={top ? `${top.model} (${top.provider})` : undefined}
 					value={top ? top.model : "–"}
-					hint={top ? `${formatCost(top.cost)} · ${formatPercent(top.share)} of estimate` : "Nothing priced yet"}
+					hint={
+						top
+							? t("costs.top-model-hint", {
+									cost: formatCost(top.cost),
+									share: formatPercent(top.share),
+								})
+							: t("costs.nothing-priced-yet")
+					}
 				/>
 				<Stat
-					label="Per priced request"
-					title="Estimate ÷ requests that have a public price"
+					label={t("costs.per-priced-request")}
+					title={t("costs.per-priced-request-title")}
 					value={pricedRequests > 0 ? formatUnitCost(summary.totalCost / pricedRequests) : "–"}
-					hint={`${formatInteger(pricedRequests)} priced`}
+					hint={t("costs.priced-n", { count: formatInteger(pricedRequests) })}
 				/>
 				<Stat
-					label="Unpriced requests"
-					title="Subscription usage with no public-equivalent price; excluded from the estimate"
+					label={t("costs.unpriced-requests")}
+					title={t("costs.unpriced-title")}
 					value={formatInteger(summary.unpricedRequests)}
-					hint={summary.unpricedRequests > 0 ? "excluded from the estimate" : "all usage priced"}
+					hint={summary.unpricedRequests > 0 ? t("costs.unpriced-hint") : t("costs.all-priced")}
 				/>
 			</StatGrid>
 		</div>
@@ -302,15 +314,16 @@ function ComponentBreakdown({ summary }: { summary: CostSummaryView }) {
 					</div>
 				))}
 				<div className="costs-component-row costs-component-total">
-					<span>Total</span>
+					<span>{t("common.total")}</span>
 					<span className="num">{formatEstimatedCost(summary.totalCost, summary.unpricedRequests)}</span>
 					<span className="costs-component-share" />
 				</div>
 			</div>
 			{summary.unpricedRequests > 0 && (
 				<p className="micro dim">
-					{formatInteger(summary.unpricedRequests)} unpriced subscription request
-					{summary.unpricedRequests === 1 ? " is" : "s are"} not included.
+					{t(summary.unpricedRequests === 1 ? "costs.unpriced-note-one" : "costs.unpriced-note-n", {
+						count: formatInteger(summary.unpricedRequests),
+					})}
 				</p>
 			)}
 		</div>
@@ -328,7 +341,7 @@ function buildCostColumns(view: CostsView): Column<CostModelRow>[] {
 	return [
 		{
 			key: "model",
-			header: "Model",
+			header: t("common.model"),
 			sort: row => row.model,
 			render: row => (
 				<LabelCell
@@ -340,15 +353,15 @@ function buildCostColumns(view: CostsView): Column<CostModelRow>[] {
 		},
 		{
 			key: "requests",
-			header: "Requests",
+			header: t("common.requests"),
 			align: "right",
 			sort: row => row.requests,
 			render: row => <span className="num">{formatInteger(row.requests)}</span>,
 		},
 		{
 			key: "cost",
-			header: "Estimate",
-			title: "API-equivalent estimate at public rates",
+			header: t("costs.estimate"),
+			title: t("costs.estimate-title"),
 			align: "right",
 			sort: row => row.cost,
 			render: row => (
@@ -362,14 +375,14 @@ function buildCostColumns(view: CostsView): Column<CostModelRow>[] {
 		},
 		{
 			key: "share",
-			header: "Share",
+			header: t("common.share"),
 			align: "right",
 			sort: row => row.share,
 			render: row => <span className="num muted">{row.cost > 0 ? formatPercent(row.share) : "–"}</span>,
 		},
 		{
 			key: "split",
-			header: "Split",
+			header: t("costs.split"),
 			title: "Input · output · cache read · cache write",
 			width: 150,
 			render: row =>
@@ -384,7 +397,7 @@ function buildCostColumns(view: CostsView): Column<CostModelRow>[] {
 		...componentColumns,
 		{
 			key: "perRequest",
-			header: "Per request",
+			header: t("costs.per-request"),
 			title: "Estimate ÷ priced requests",
 			align: "right",
 			sort: row => (row.requests > row.unpricedRequests ? row.cost / (row.requests - row.unpricedRequests) : -1),
@@ -398,7 +411,7 @@ function buildCostColumns(view: CostsView): Column<CostModelRow>[] {
 		},
 		{
 			key: "unpriced",
-			header: "Unpriced",
+			header: t("costs.unpriced"),
 			title: "Requests with no public-equivalent price",
 			align: "right",
 			sort: row => row.unpricedRequests,