xdober · Sep 16, 2026 · Sep 18, 2026 · coderabbitai · Sep 18, 2026
@@ -93,7 +93,7 @@ badge or the version value to read the full value.
 | **Subagents** | Feature up to five bare native or namespaced routed models in the `spawn_agent` override list. |
 | **Models** | Toggle native GPT and routed models, set provider allowlists and context caps, choose v1/base/v2, and configure the v2 thread limit. Configured providers stay visible as zero-model groups when discovery is off or returns no rows. |
 | **Logs** | Auto-refresh recent requests with tokens, requested effort and (when available) effective outbound effort, resolved model, provider, status, request id, duration, and error details. The detail view includes the exact reasoning wire field when the adapter emits one. Filter by opaque conversation/session id (when the client sends one) to total tokens and estimated list-price cost for the currently loaded Logs ring. |
-| **Usage / Debug** | Inspect token-usage coverage and trends, or enable opt-in provider transport and usage-extraction diagnostics. |
+| **Usage / Debug** | Inspect token-usage coverage and trends. The Usage page's Models table also breaks each model down into input tokens, output tokens, cache hits, cache writes, and cache hit rate; a dash means the provider supplied no cache telemetry. Or enable opt-in provider transport and usage-extraction diagnostics. |
 | **Storage** | Read-only CODEX_HOME disk breakdown (sessions, archives, DBs, attachments). Optional archived cleanup: preview the oldest N%, then quarantine to `CODEX_HOME/.trash` (default) or permanently delete behind an explicit checkbox. **Auto-cleanup policy** is opt-in and **default OFF** (`storageCleanupPolicy.enabled`); configure threshold/target/schedule/mode on the Storage page, or trigger **Run now**. Quarantined entries can be restored from the Storage page (JSONL + threads). Active sessions stay read-only. Cleanup and restore are refused while Codex holds the newest/active `state_*.sqlite` locked. |
 | **Stop** | Gracefully stop the proxy and installed background service, restore native Codex, and exit (`POST /api/stop`). On Windows with the Task Scheduler backend the dashboard refuses and asks you to run `ocx stop` instead: that wrapper can respawn the proxy after the task ends, and only a stop running outside this process can verify the restart window before restoring your client config. Nothing is changed when it refuses. |
 

@@ -945,6 +945,11 @@ export const de: Record<TKey, string> = {
   "usage.col.requests": "Anfragen",
   "usage.col.measured": "Gemessen",
   "usage.col.reported": "Gemeldet",
+  "usage.col.inputTokens": "Eingabe-Tokens",
+  "usage.col.outputTokens": "Ausgabe-Tokens",
+  "usage.col.cacheHits": "Cache-Treffer",
+  "usage.col.cacheWrites": "Cache-Schreibvorgänge",
+  "usage.col.cacheHitRate": "Trefferquote",
   "usage.col.tokens": "Tokens",
   "usage.col.apiListPrice": "API-Listenpreis",
   "usage.col.share": "Anteil",

@@ -998,6 +998,11 @@ export const en = {
   "usage.col.requests": "Requests",
   "usage.col.measured": "Measured",
   "usage.col.reported": "Reported",
+  "usage.col.inputTokens": "Input tokens",
+  "usage.col.outputTokens": "Output tokens",
+  "usage.col.cacheHits": "Cache hits",
+  "usage.col.cacheWrites": "Cache writes",
+  "usage.col.cacheHitRate": "Hit rate",
   "usage.col.tokens": "Tokens",
   "usage.col.apiListPrice": "API list-price",
   "usage.col.share": "Share",

@@ -975,6 +975,11 @@ export const fr: Record<TKey, string> = {
   "usage.col.requests": "Requêtes",
   "usage.col.measured": "Mesurées",
   "usage.col.reported": "Communiquées",
+  "usage.col.inputTokens": "Jetons d’entrée",
+  "usage.col.outputTokens": "Jetons de sortie",
+  "usage.col.cacheHits": "Lectures du cache",
+  "usage.col.cacheWrites": "Écritures dans le cache",
+  "usage.col.cacheHitRate": "Taux de réussite",
   "usage.col.tokens": "Jetons",
   "usage.col.apiListPrice": "Tarif catalogue API",
   "usage.col.share": "Part",

@@ -911,6 +911,11 @@ export const ja: Record<TKey, string> = {
   "usage.col.requests": "リクエスト",
   "usage.col.measured": "計測",
   "usage.col.reported": "報告",
+  "usage.col.inputTokens": "入力トークン",
+  "usage.col.outputTokens": "出力トークン",
+  "usage.col.cacheHits": "キャッシュヒット",
+  "usage.col.cacheWrites": "キャッシュ書き込み",
+  "usage.col.cacheHitRate": "ヒット率",
   "usage.col.tokens": "トークン",
   "usage.col.apiListPrice": "API 定価",
   "usage.col.share": "割合",

@@ -979,6 +979,11 @@ export const ko: Record<TKey, string> = {
   "usage.col.requests": "요청",
   "usage.col.measured": "측정됨",
   "usage.col.reported": "측정됨",
+  "usage.col.inputTokens": "입력 토큰",
+  "usage.col.outputTokens": "출력 토큰",
+  "usage.col.cacheHits": "캐시 히트",
+  "usage.col.cacheWrites": "캐시 쓰기",
+  "usage.col.cacheHitRate": "히트율",
   "usage.col.tokens": "토큰",
   "usage.col.apiListPrice": "API 정가",
   "usage.col.share": "비율",

@@ -966,6 +966,11 @@ export const ru: Record<TKey, string> = {
   "usage.col.requests": "Запросы",
   "usage.col.measured": "Измерено",
   "usage.col.reported": "Сообщено",
+  "usage.col.inputTokens": "Входные токены",
+  "usage.col.outputTokens": "Выходные токены",
+  "usage.col.cacheHits": "Попадания в кэш",
+  "usage.col.cacheWrites": "Записи в кэш",
+  "usage.col.cacheHitRate": "Доля попаданий",
   "usage.col.tokens": "Токены",
   "usage.col.apiListPrice": "Прайс-лист API",
   "usage.col.share": "Доля",

@@ -985,6 +985,11 @@ export const tr: Record<TKey, string> = {
   "usage.col.requests": "İstekler",
   "usage.col.measured": "Ölçülen",
   "usage.col.reported": "Bildirilen",
+  "usage.col.inputTokens": "Girdi jetonları",
+  "usage.col.outputTokens": "Çıktı jetonları",
+  "usage.col.cacheHits": "Önbellek isabetleri",
+  "usage.col.cacheWrites": "Önbellek yazma",
+  "usage.col.cacheHitRate": "İsabet oranı",
   "usage.col.tokens": "Jetonlar",
   "usage.col.apiListPrice": "API liste fiyatı",
   "usage.col.share": "Pay",

@@ -785,6 +785,11 @@ export const zhTW: Record<TKey, string> = {
   "usage.col.requests": "請求數",
   "usage.col.measured": "已計量",
   "usage.col.reported": "已上報",
+  "usage.col.inputTokens": "輸入 Token",
+  "usage.col.outputTokens": "輸出 Token",
+  "usage.col.cacheHits": "快取命中",
+  "usage.col.cacheWrites": "快取寫入",
+  "usage.col.cacheHitRate": "命中率",
   "usage.col.tokens": "Token 數",
   "usage.col.apiListPrice": "API 標價",
   "usage.col.share": "佔比",

@@ -960,6 +960,11 @@ export const zh: Record<TKey, string> = {
   "usage.col.requests": "请求数",
   "usage.col.measured": "已计量",
   "usage.col.reported": "已上报",
+  "usage.col.inputTokens": "输入 Token",
+  "usage.col.outputTokens": "输出 Token",
+  "usage.col.cacheHits": "缓存命中",
+  "usage.col.cacheWrites": "缓存写入",
+  "usage.col.cacheHitRate": "命中率",
   "usage.col.tokens": "Token 数",
   "usage.col.apiListPrice": "API 标价",
   "usage.col.share": "占比",

@@ -67,6 +67,10 @@ interface UsageModel {
   totalTokens: number;
   inputTokens: number;
   outputTokens: number;
+  cachedInputTokens?: number;
+  cacheReadInputTokens?: number;
+  cacheCreationInputTokens?: number;
+  cacheHitRate?: number | null;
   /** API list-price estimate for the priced portion of this row. */
   estimatedCostUsd?: number;
   /** Requests included in the API list-price estimate. */
@@ -160,6 +164,14 @@ function UsageListPrice({ row, locale, t }: { row: UsageCostRow; locale: Locale;
   );
 }
 
+function formatOptionalTokens(value: number | undefined, locale: Locale): string {
+  return typeof value === "number" ? formatTokens(value, locale) : "—";
+}
+
+function formatOptionalPct(value: number | null | undefined): string {
+  return typeof value === "number" && Number.isFinite(value) ? formatPct(value) : "—";
+}
+
 // Stable per-model bar color: hash the provider/model id to a hue so the same model keeps its color
 // across days and renders. Saturation/lightness are fixed for a cohesive palette on the dark chart.
 function modelColor(model: string, provider: string): string {
@@ -713,6 +725,11 @@ function UsageModelsTable({
             <th>{t("logs.col.provider")}</th>
             <th className="num">{t("usage.col.requests")}</th>
             <th className="num">{t("usage.col.measured")}</th>
+            <th className="num">{t("usage.col.inputTokens")}</th>
+            <th className="num">{t("usage.col.outputTokens")}</th>
+            <th className="num">{t("usage.col.cacheHits")}</th>
+            <th className="num">{t("usage.col.cacheWrites")}</th>
+            <th className="num">{t("usage.col.cacheHitRate")}</th>
             <th className="num">{t("usage.col.tokens")}</th>
             <th className="num" aria-describedby={listPriceDisclaimerId}>{t("usage.col.apiListPrice")}</th>
             <th>{t("usage.col.share")}</th>
@@ -725,6 +742,11 @@ function UsageModelsTable({
               <td className="muted">{formatProviderDisplayName(model.provider, t)}</td>
               <td className="num">{model.requests}</td>
               <td className="num">{model.measuredRequests}</td>
+              <td className="num mono">{formatTokens(model.inputTokens, locale)}</td>
+              <td className="num mono">{formatTokens(model.outputTokens, locale)}</td>
+              <td className="num mono">{formatOptionalTokens(model.cacheReadInputTokens ?? model.cachedInputTokens, locale)}</td>
+              <td className="num mono">{formatOptionalTokens(model.cacheCreationInputTokens, locale)}</td>
+              <td className="num mono">{formatOptionalPct(model.cacheHitRate)}</td>
               <td className="num mono">{formatTokens(model.totalTokens, locale)}</td>
               <td className="num"><UsageListPrice row={model} locale={locale} t={t} /></td>
               <td><div className="usage-bar"><div className="usage-bar-fill" style={{ width: `${Math.round(model.shareRatio * 100)}%` }} /></div></td>

@@ -81,6 +81,45 @@ function report(gate: RequestGate, marker: string, date = "2020-09-15") {
   };
 }
 
+test("Usage model table renders cache breakdown and marks unavailable telemetry", async () => {
+  await mount();
+  const data = report(requests[0], "cache-model");
+  data.models = [
+    {
+      ...data.models[0]!,
+      model: "cache-model",
+      totalTokens: 1_120,
+      inputTokens: 1_000,
+      outputTokens: 120,
+      cachedInputTokens: 600,
+      cacheReadInputTokens: 600,
+      cacheCreationInputTokens: 100,
+      cacheHitRate: 0.6,
+    },
+    {
+      ...data.models[0]!,
+      model: "unknown-cache-model",
+      totalTokens: 110,
+      inputTokens: 100,
+      outputTokens: 10,
+    },
+  ];
+  await act(async () => { requests[0]!.resolve(Response.json(data)); });
+
+  const table = container.querySelector<HTMLElement>("#usage-section-models table");
+  expect(table).not.toBeNull();
+  expect([...table!.querySelectorAll("thead th")].map(cell => cell.textContent?.trim())).toEqual([
+    "Model", "Provider", "Requests", "Measured", "Input tokens", "Output tokens",
+    "Cache hits", "Cache writes", "Hit rate", "Tokens", "Share",
+  ]);
+  const rows = table!.querySelectorAll("tbody tr");
+  expect(rows).toHaveLength(2);
+  const measured = [...rows[0]!.querySelectorAll("td")].map(cell => cell.textContent?.trim());
+  expect(measured?.slice(4, 9)).toEqual(["1000", "120", "600", "100", "60%"]);
+  const unavailable = [...rows[1]!.querySelectorAll("td")].map(cell => cell.textContent?.trim());
+  expect(unavailable?.slice(6, 9)).toEqual(["—", "—", "—"]);
+});
+
 async function respond(index: number, marker: string, date?: string) {
   await act(async () => { requests[index].resolve(Response.json(report(requests[index], marker, date))); });
 }