codexmeter 1.0.6 → 1.0.8

package/dist/assets/index-CVvcsIkn.css

@@ -0,0 +1 @@
+:root{--bg-base:#06080f;--bg-surface:#0d1117;--bg-card:#161b22;--bg-card-hover:#1c2333;--bg-elevated:#21262d;--border:#30363d;--border-accent:#6366f140;--text-primary:#e6edf3;--text-secondary:#8b949e;--text-muted:#484f58;--accent:#6366f1;--accent-dim:#6366f11f;--green:#3fb950;--yellow:#d29922;--red:#f85149;--orange:#f97316;--cyan:#39d2f5;--pink:#f472b6;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--radius:8px;--radius-lg:12px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background:var(--bg-base);color:var(--text-primary);-webkit-font-smoothing:antialiased;line-height:1.6}.app{flex-direction:column;min-height:100vh;display:flex}.app-content{opacity:0;flex-direction:column;min-height:100vh;display:flex}.app-content-revealed{opacity:1;animation:.5s forwards contentReveal}@keyframes contentReveal{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.navbar{background:var(--bg-surface);border-bottom:1px solid var(--border);z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:sticky;top:0}.navbar-inner{box-sizing:border-box;align-items:center;gap:1.5rem;width:100%;max-width:1400px;height:48px;margin:0 auto;padding:0 2rem;display:flex}.navbar-brand{letter-spacing:-.03em;background:linear-gradient(135deg,#818cf8,#6366f1);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:.95rem;font-weight:700}.navbar-tabs{gap:2px;display:flex}.navbar-tab{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;border-radius:6px;padding:.35rem .85rem;font-size:.8rem;font-weight:500;transition:all .15s,opacity .35s}.navbar-tab:hover{color:var(--text-primary);background:var(--bg-card)}.navbar-tab.active{color:#fff;background:var(--accent)}.navbar-tab.navbar-tab-dimmed,.navbar-tab.navbar-tab-dimmed:hover{opacity:.4;color:var(--text-muted)}.navbar-meta{flex:1;align-items:center;gap:.75rem;min-width:0;margin-left:auto;display:flex}.navbar-ingest-wrap{flex:1;align-items:center;gap:.75rem;min-width:0;transition:opacity .3s;display:flex}.navbar-ingest-wrap.navbar-ingest-fade-out{opacity:0;pointer-events:none}.navbar-date-wrap{flex-shrink:0;align-items:center;gap:.75rem;margin-left:auto;transition:opacity .3s;display:flex}.navbar-date-wrap-dimmed{opacity:.5;pointer-events:none}.navbar-date{font-variant-numeric:tabular-nums;text-align:right;text-overflow:ellipsis;width:22ch;min-width:22ch;display:inline-block;overflow:hidden}.navbar-progress-wrap{background:var(--bg-elevated);border-radius:2px;flex:1;height:4px;overflow:hidden}.navbar-progress-bar{background:linear-gradient(90deg, var(--accent), #818cf8);border-radius:2px;height:100%;transition:width .4s}.navbar-status{color:var(--text-muted);font-size:.7rem;font-family:var(--font-mono)}.main-content{flex:1;width:100%;min-width:0;max-width:1400px;margin:0 auto;padding:1.5rem 2rem 1.25rem;container:main/inline-size}.app-footer{color:var(--text-muted);text-align:center;box-sizing:border-box;width:100%;max-width:1400px;margin:auto auto 0;padding:.5rem 2rem .75rem;font-size:.7rem}.section-header{justify-content:space-between;align-items:center;margin-bottom:1.25rem;display:flex}.section-title{letter-spacing:-.01em;font-size:1rem;font-weight:600}.stat-row{flex-wrap:wrap;align-items:stretch;gap:1rem;margin-bottom:1.5rem;display:flex}.stat-cards{flex:none;grid-template-columns:repeat(4,minmax(160px,1fr));gap:.75rem;min-width:0;display:grid}@media (width<=920px){.stat-cards{flex:auto;grid-template-columns:repeat(2,minmax(160px,1fr))}}@media (width<=500px){.stat-cards{grid-template-columns:1fr}}.stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1rem 1.1rem;transition:border-color .2s}.stat-card:hover{border-color:var(--border-accent)}.stat-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:.35rem;font-size:.65rem;font-weight:600}.stat-value{font-size:1.6rem;font-weight:700;font-family:var(--font-mono);letter-spacing:-.03em;line-height:1.1}.stat-sub{color:var(--text-muted);margin-top:.2rem;font-size:.72rem}.stat-per-day{color:var(--text-muted);font-size:.72rem;font-family:var(--font-mono);margin-top:.25rem}.stat-per-day .stat-per-day-value{color:var(--text-secondary);font-weight:600}.range-toggle{background:var(--bg-card);border:1px solid var(--border);border-radius:6px;display:inline-flex;overflow:hidden}.range-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:.3rem .7rem;font-size:.72rem;font-weight:600;transition:all .15s}.range-btn:hover{color:var(--text-secondary)}.range-btn.active{color:#fff;background:var(--accent)}.range-btn:disabled{cursor:not-allowed}.export-video-btn{min-width:110px}.export-video-btn:disabled{cursor:not-allowed}.range-btn-unsupported{color:#ffffffeb;background:var(--accent);border-left:1px solid #f0b90b38;position:relative}.range-btn-unsupported:before{content:"";pointer-events:none;background:repeating-linear-gradient(-45deg,#f0b90b0d 0 6px,#ffffff03 6px 12px);position:absolute;inset:0}.range-btn-unsupported:disabled{opacity:.78}.heatmap-wrap{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:1.5rem;padding:1.25rem;overflow-x:auto}.heatmap-grid{grid-template-rows:repeat(7,1fr);grid-auto-flow:column;gap:3px;display:grid}.heatmap-cell{background:var(--bg-elevated);opacity:.4;border-radius:2px;width:13px;height:13px;transition:background .18s,opacity .22s,transform .22s;transform:scale(.82)}.heatmap-cell.active{opacity:1;transform:scale(1)}.heatmap-cell:hover{outline:1px solid var(--text-muted)}.heatmap-cell.heatmap-cell-pop{animation:.38s cubic-bezier(.34,1.56,.64,1) heatmap-cell-pop}@keyframes heatmap-cell-pop{0%{box-shadow:none;transform:scale(1)}40%{transform:scale(1.4);box-shadow:0 0 10px #6366f1b3,0 0 0 1.5px #0003}70%{transform:scale(1.1);box-shadow:0 0 4px #6366f159,0 0 0 .5px #0000001a}to{box-shadow:none;transform:scale(1)}}.heatmap-cell.heatmap-cell-pop-dim{animation:.32s cubic-bezier(.34,1.56,.64,1) heatmap-cell-pop-dim}@keyframes heatmap-cell-pop-dim{0%{transform:scale(1)}50%{transform:scale(.85)}to{transform:scale(1)}}.heatmap-labels{color:var(--text-muted);justify-content:space-between;margin-top:.5rem;font-size:.65rem;display:flex}.chart-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:1.5rem;padding:1.25rem;position:relative}.chart-header{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.chart-title{font-size:.85rem;font-weight:600}.chart-badge{color:var(--yellow);background:#d299221a;border-radius:4px;padding:.15rem .5rem;font-size:.62rem}.export-btn{border:1px solid var(--border);background:var(--bg-surface);color:var(--text-muted);cursor:pointer;opacity:0;z-index:2;border-radius:4px;padding:.25rem .5rem;font-size:.65rem;transition:all .15s;position:absolute;top:.75rem;right:.75rem}.chart-card:hover .export-btn{opacity:.7}.export-btn:hover{color:var(--text-primary);border-color:var(--accent);opacity:1!important}.grid-2{grid-template-columns:1fr 1fr;gap:1.25rem;min-width:0;margin-bottom:1.5rem;display:grid}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;min-width:0;margin-bottom:1.5rem;display:grid}.grid-3>.chart-card{min-width:0;overflow:hidden}.grid-3>.overview-donut-card{overflow:visible}.overview-donut-card .echarts-for-react,.overview-donut-card .echarts-for-react>div{overflow:visible!important}@media (width<=900px){.grid-2,.grid-3{grid-template-columns:1fr}}.btn-group{gap:2px;display:flex}.btn{border:1px solid var(--border);background:var(--bg-surface);color:var(--text-muted);cursor:pointer;border-radius:5px;padding:.3rem .65rem;font-size:.72rem;font-weight:500;transition:all .12s}.btn:hover{color:var(--text-secondary);border-color:var(--text-muted)}.btn.active{color:#fff;background:var(--accent);border-color:var(--accent)}.icon-btn{border:1px solid var(--border);background:var(--bg-card);width:28px;height:28px;color:var(--text-muted);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;font-size:.9rem;line-height:1;transition:color .12s,border-color .12s,background .12s,transform .12s;display:inline-flex}.icon-btn:hover:not(:disabled){color:var(--text-primary);border-color:var(--accent);background:var(--bg-elevated);transform:rotate(20deg)}.icon-btn:disabled{opacity:.55;cursor:wait}.overview-daily-spark{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);flex:140px;min-width:140px;min-height:0;position:relative;overflow:visible}.overview-daily-spark-title{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);z-index:1;pointer-events:none;font-size:.65rem;font-weight:600;position:absolute;top:1rem;left:1.1rem}.overview-daily-spark-chart{position:absolute;inset:0;overflow:hidden}.overview-daily-spark-empty{justify-content:center;align-items:center;display:flex}.overview-daily-spark-empty-text{color:var(--text-muted);font-size:.7rem}@media (width<=920px){.overview-daily-spark{flex:100%;min-width:100%;min-height:140px}}.table-wrap{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.model-detail-wrap{flex-direction:column;gap:.85rem;display:flex}.model-detail-note{color:var(--text-muted);font-size:.74rem;line-height:1.4}.model-detail-footer{justify-content:flex-start;margin-top:.25rem;display:flex}.model-detail-toggle{width:fit-content;color:var(--text-muted);border:1px solid var(--border);cursor:pointer;background:#ffffff0a;border-radius:6px;align-items:center;gap:.35rem;padding:.35rem .6rem;font-size:.72rem;font-weight:500;transition:color .2s,background .2s,border-color .2s;display:inline-flex}.model-detail-toggle:hover{color:var(--text-secondary);background:#ffffff0f;border-color:#6366f14d}.model-detail-toggle-text{font-family:var(--font-sans)}.model-detail-toggle-arrow{opacity:.8;font-size:.6rem;transition:transform .25s}.model-detail-toggle-arrow.expanded{transform:rotate(180deg)}.model-detail-charts{z-index:10;flex-wrap:wrap;align-items:flex-start;gap:.25rem;width:100%;display:flex;position:relative;overflow:visible}.model-detail-donut{z-index:10;flex-direction:column;flex:0 0 200px;width:200px;min-width:200px;height:200px;display:flex;overflow:visible}.model-detail-donut .chart-title{flex-shrink:0}.model-detail-donut .echarts-for-react{flex:1;min-height:0}.model-detail-wrap .model-detail-donut{flex:0 0 340px;width:340px;min-width:340px;height:220px}.model-detail-donut .echarts-for-react,.model-detail-donut .echarts-for-react>div,.model-detail-bar .echarts-for-react,.model-detail-bar .echarts-for-react>div{overflow:visible!important}.model-detail-bar{flex-direction:column;flex:300px;min-width:300px;height:200px;display:flex;overflow:visible}.model-detail-bar .chart-title{flex-shrink:0}.model-detail-bar .echarts-for-react{flex:1;min-height:0}.model-detail-summary-wrap{max-height:0;transition:max-height .2s ease-out;overflow:hidden}.model-detail-summary-wrap.expanded{max-height:400px}.model-detail-summary{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.6rem;padding-top:.5rem;display:grid}.model-detail-summary-card{border:1px solid var(--border);background:#ffffff05;border-radius:10px;padding:.65rem .75rem}.model-detail-summary-head{color:var(--text-primary);text-transform:capitalize;align-items:center;gap:.45rem;min-width:0;margin-bottom:.45rem;font-size:.76rem;font-weight:600;display:flex}.model-detail-summary-head .model-detail-summary-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.model-detail-swatch{border-radius:999px;flex:none;width:9px;height:9px}.model-detail-summary-line{color:var(--text-muted);font-size:.72rem;line-height:1.45}.detail-summary-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem;margin-bottom:1rem;display:grid}.detail-summary-stat{border:1px solid var(--border);background:#ffffff08;border-radius:10px;padding:.8rem .9rem}.detail-summary-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:.25rem;font-size:.68rem}.detail-summary-value{font-size:1.1rem;font-family:var(--font-mono);color:var(--text-primary)}.table-search{border-bottom:1px solid var(--border);padding:.75rem 1rem}.table-search input{border:1px solid var(--border);background:var(--bg-surface);width:100%;color:var(--text-primary);font-size:.82rem;font-family:var(--font-sans);border-radius:6px;outline:none;padding:.5rem .85rem}.table-search input:focus{border-color:var(--accent)}.table-search input::placeholder{color:var(--text-muted)}table{border-collapse:collapse;width:100%;font-size:.78rem}th{text-align:left;color:var(--text-muted);border-bottom:1px solid var(--border);text-transform:uppercase;letter-spacing:.05em;cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;padding:.55rem .85rem;font-size:.68rem;font-weight:600}td{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;border-bottom:1px solid #30363d80;max-width:240px;padding:.5rem .85rem;overflow:hidden}tr:hover td{color:var(--text-primary);background:#6366f108}.tag{font-size:.66rem;font-family:var(--font-mono);border-radius:4px;padding:.1rem .4rem;font-weight:500;display:inline-block}.tag-review{color:var(--cyan);background:#06b6d41f}.tag-exploration{color:var(--orange);background:#f973161f}.tag-planning{color:var(--yellow);background:#eab3081f}.tag-memory{color:var(--pink);background:#ec48991f}.tag-generic{color:var(--text-secondary);background:#64748b1f}.loading-overlay{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:999;background:#06080feb;flex-direction:column;justify-content:center;align-items:center;transition:opacity .6s;display:flex;position:fixed;inset:0}.loading-overlay.fading{opacity:0;pointer-events:none}.loading-logo{background:linear-gradient(135deg,#818cf8,#6366f1);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:1.5rem;font-size:1.5rem;font-weight:700}.loading-bar-wrap{background:var(--bg-elevated);border-radius:2px;width:260px;height:4px;margin-bottom:1rem;overflow:hidden}.loading-bar{background:linear-gradient(90deg, var(--accent), #818cf8);border-radius:2px;height:100%;transition:width .4s}.loading-phase{color:var(--text-secondary);margin-bottom:.2rem;font-size:.82rem;font-weight:500}.loading-detail{font-family:var(--font-mono);color:var(--text-muted);font-size:.72rem}.loading-footer{color:var(--text-muted);font-size:.7rem;position:absolute;bottom:1.5rem}.loading-heart{color:#f43f5e}.coverage-subtle{color:var(--text-muted);align-items:center;gap:1.5rem;margin-top:-.5rem;margin-bottom:.5rem;padding:.25rem 0;font-size:.68rem;display:flex}.coverage-item{font-variant-numeric:tabular-nums;align-items:center;gap:.35rem;display:flex}.coverage-nums{text-align:right;min-width:9ch;display:inline-block}.coverage-nums-single{min-width:4ch}.coverage-dot{border-radius:50%;width:6px;height:6px}html{scrollbar-width:none}::-webkit-scrollbar{width:0;height:0;display:none}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:.35s forwards fadeUp}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.incomplete-badge{color:var(--yellow);background:#d299221a;border-radius:3px;padding:.12rem .45rem;font-size:.65rem;animation:2s infinite pulse}.ingesting-badge .ingesting-pct{text-align:right;font-variant-numeric:tabular-nums;min-width:4ch;display:inline-block}.echarts-tooltip,[class*=ec-component-tooltip]{max-width:90vw!important;max-height:80vh!important;overflow:auto!important}

package/dist/index.html

@@ -7,8 +7,8 @@
     <link rel="preconnect" href="https://fonts.googleapis.com" />
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
     <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet" />
-    <script type="module" crossorigin src="/assets/index-ATBSFYaH.js"></script>
-    <link rel="stylesheet" crossorigin href="/assets/index-DhDq9dI8.css">
+    <script type="module" crossorigin src="/assets/index-B1DauiX5.js"></script>
+    <link rel="stylesheet" crossorigin href="/assets/index-CVvcsIkn.css">
   </head>
   <body>
     <div id="root"></div>

package/package.json

@@ -1,11 +1,14 @@
 {
   "name": "codexmeter",
-  "version": "1.0.6",
+  "version": "1.0.8",
   "description": "Local telemetry dashboard for Codex CLI usage",
   "type": "module",
   "bin": {
     "codexmeter": "./bin/codexmeter.js"
   },
+  "engines": {
+    "node": "^20.19.0 || >=22.12.0"
+  },
   "files": [
     "bin",
     "server",
@@ -17,31 +20,33 @@
   "scripts": {
     "dev": "node dev-runner.js",
     "build": "vite build",
-    "test": "node --test test/*.test.js",
+    "prepack": "npm run build",
+    "pretest": "npm run build",
+    "test": "node --test \"test/*.test.js\" \"test/**/*.test.js\"",
     "start": "node bin/codexmeter.js",
     "preview": "npm run build && node bin/codexmeter.js",
     "prepublishOnly": "npm run build"
   },
   "dependencies": {
-    "better-sqlite3": "^11.8.1",
-    "commander": "^13.1.0",
+    "better-sqlite3": "^12.8.0",
+    "commander": "^14.0.3",
     "express": "^5.1.0",
     "fast-glob": "^3.3.3",
     "ffmpeg-static": "^5.2.0",
-    "open": "^10.1.0",
+    "open": "^11.0.0",
     "playwright-core": "^1.58.2"
   },
   "devDependencies": {
     "@tanstack/react-table": "^8.21.3",
-    "@tanstack/react-virtual": "^3.13.6",
+    "@tanstack/react-virtual": "^3.13.23",
     "@types/react": "^19.0.0",
     "@types/react-dom": "^19.0.0",
-    "@vitejs/plugin-react": "^4.4.1",
-    "echarts": "^5.6.0",
+    "@vitejs/plugin-react": "^6.0.1",
+    "echarts": "^6.0.0",
     "echarts-for-react": "^3.0.2",
     "nodemon": "^3.1.14",
     "react": "^19.1.0",
     "react-dom": "^19.1.0",
-    "vite": "^6.3.5"
+    "vite": "^8.0.0"
   }
 }

package/server/browser-detection.js

@@ -0,0 +1,73 @@
+import fsSync from 'fs';
+import path from 'path';
+import { spawnSync } from 'child_process';
+
+export function findSupportedBrowserExecutable() {
+  if (process.env.CODEXMETER_EXPORT_DEBUG_FORCE_UNSUPPORTED === '1') {
+    return null;
+  }
+  if (process.env.CODEXMETER_EXPORT_BROWSER && fsSync.existsSync(process.env.CODEXMETER_EXPORT_BROWSER)) {
+    return process.env.CODEXMETER_EXPORT_BROWSER;
+  }
+
+  const candidates = process.platform === 'win32'
+    ? [
+      process.env['PROGRAMFILES'] ? path.join(process.env['PROGRAMFILES'], 'Google', 'Chrome', 'Application', 'chrome.exe') : null,
+      process.env['PROGRAMFILES(X86)'] ? path.join(process.env['PROGRAMFILES(X86)'], 'Google', 'Chrome', 'Application', 'chrome.exe') : null,
+      process.env.LOCALAPPDATA ? path.join(process.env.LOCALAPPDATA, 'Google', 'Chrome', 'Application', 'chrome.exe') : null,
+      process.env['PROGRAMFILES'] ? path.join(process.env['PROGRAMFILES'], 'Microsoft', 'Edge', 'Application', 'msedge.exe') : null,
+      process.env['PROGRAMFILES(X86)'] ? path.join(process.env['PROGRAMFILES(X86)'], 'Microsoft', 'Edge', 'Application', 'msedge.exe') : null,
+      process.env.LOCALAPPDATA ? path.join(process.env.LOCALAPPDATA, 'Microsoft', 'Edge', 'Application', 'msedge.exe') : null,
+    ]
+    : process.platform === 'darwin'
+      ? [
+        '/Applications/Google Chrome.app/Contents/MacOS/Google Chrome',
+        path.join(process.env.HOME || '', 'Applications', 'Google Chrome.app', 'Contents', 'MacOS', 'Google Chrome'),
+        '/Applications/Microsoft Edge.app/Contents/MacOS/Microsoft Edge',
+        path.join(process.env.HOME || '', 'Applications', 'Microsoft Edge.app', 'Contents', 'MacOS', 'Microsoft Edge'),
+        '/Applications/Chromium.app/Contents/MacOS/Chromium',
+        path.join(process.env.HOME || '', 'Applications', 'Chromium.app', 'Contents', 'MacOS', 'Chromium'),
+      ]
+      : [
+        '/usr/bin/google-chrome',
+        '/usr/bin/google-chrome-stable',
+        '/usr/bin/chromium',
+        '/usr/bin/chromium-browser',
+        '/usr/bin/microsoft-edge',
+        '/snap/bin/chromium',
+      ];
+
+  for (const candidate of candidates.filter(Boolean)) {
+    if (fsSync.existsSync(candidate)) return candidate;
+  }
+
+  return findBrowserOnPath();
+}
+
+function findBrowserOnPath() {
+  const commands = process.platform === 'win32'
+    ? ['chrome', 'msedge', 'chromium']
+    : ['google-chrome', 'google-chrome-stable', 'chromium', 'chromium-browser', 'microsoft-edge'];
+
+  for (const command of commands) {
+    const resolved = resolveCommand(command);
+    if (resolved) return resolved;
+  }
+
+  return null;
+}
+
+function resolveCommand(command) {
+  const lookup = process.platform === 'win32'
+    ? spawnSync('where.exe', [command], { encoding: 'utf8' })
+    : spawnSync('which', [command], { encoding: 'utf8' });
+
+  if (lookup.status !== 0) return null;
+
+  const firstLine = lookup.stdout
+    .split(/\r?\n/)
+    .map((line) => line.trim())
+    .find(Boolean);
+
+  return firstLine && fsSync.existsSync(firstLine) ? firstLine : null;
+}

package/server/cost-catalog.js

@@ -77,7 +77,7 @@ export function getModelPricing(modelName) {
   return getPricing()[modelName] || null;
 }
 
-export const CATALOG_VERSION = '2026-03-13';
+export const CATALOG_VERSION = '2026-03-17';
 export const CACHE_ASSUMPTIONS = {
   input_fraction: INPUT_FRACTION,
   output_fraction: OUTPUT_FRACTION,

package/server/export-video.js

@@ -1,5 +1,4 @@
 import fs from 'fs/promises';
-import fsSync from 'fs';
 import os from 'os';
 import path from 'path';
 import { randomUUID } from 'crypto';
@@ -9,6 +8,7 @@ import { createRequire } from 'module';
 import ffmpegPath from 'ffmpeg-static';
 import { chromium } from 'playwright-core';
 import { OVERVIEW_INGEST_ANIMATION } from '../src/utils/animationsDefault.js';
+import { findSupportedBrowserExecutable } from './browser-detection.js';
 
 const EXPORT_WIDTH = OVERVIEW_INGEST_ANIMATION.videoExport?.width ?? 1080;
 const EXPORT_HEIGHT = OVERVIEW_INGEST_ANIMATION.videoExport?.height ?? 864;
@@ -705,39 +705,6 @@ function resolvePlaywrightCliPath() {
   return path.join(packageRoot, 'cli.js');
 }
 
-function findSupportedBrowserExecutable() {
-  if (process.env.CODEXMETER_EXPORT_DEBUG_FORCE_UNSUPPORTED === '1') {
-    return null;
-  }
-  if (process.env.CODEXMETER_EXPORT_BROWSER && fsSync.existsSync(process.env.CODEXMETER_EXPORT_BROWSER)) {
-    return process.env.CODEXMETER_EXPORT_BROWSER;
-  }
-
-  const candidates = process.platform === 'win32'
-    ? [
-      process.env['PROGRAMFILES'] ? path.join(process.env['PROGRAMFILES'], 'Google', 'Chrome', 'Application', 'chrome.exe') : null,
-      process.env['PROGRAMFILES(X86)'] ? path.join(process.env['PROGRAMFILES(X86)'], 'Google', 'Chrome', 'Application', 'chrome.exe') : null,
-      process.env['PROGRAMFILES'] ? path.join(process.env['PROGRAMFILES'], 'Microsoft', 'Edge', 'Application', 'msedge.exe') : null,
-      process.env['PROGRAMFILES(X86)'] ? path.join(process.env['PROGRAMFILES(X86)'], 'Microsoft', 'Edge', 'Application', 'msedge.exe') : null,
-    ]
-    : process.platform === 'darwin'
-      ? [
-        '/Applications/Google Chrome.app/Contents/MacOS/Google Chrome',
-        '/Applications/Microsoft Edge.app/Contents/MacOS/Microsoft Edge',
-      ]
-      : [
-        '/usr/bin/google-chrome',
-        '/usr/bin/chromium',
-        '/usr/bin/chromium-browser',
-        '/usr/bin/microsoft-edge',
-      ];
-
-  for (const candidate of candidates.filter(Boolean)) {
-    if (fsSync.existsSync(candidate)) return candidate;
-  }
-  return null;
-}
-
 async function encodeFramesToMp4(framesDir, outputPath, { captureFormat, fps, frameCount, durationMs, crf, encoderPreset, outputWidth, outputHeight }) {
   const extension = captureFormat === 'jpeg' ? 'jpg' : 'png';
   const inputPattern = path.join(framesDir, `%05d.${extension}`);

package/server/ingest.js

@@ -12,10 +12,20 @@ import { createRolloutWorkerPool } from './rollout-worker-pool.js';
 import { beginReplayCapture, createReplayCaptureState, failReplayCapture, getReplaySnapshot, recordReplayEvent, resetReplayCapture } from './export-replay.js';
 import { OVERVIEW_INGEST_ANIMATION } from '../src/utils/animationsDefault.js';
 
-const LIVE_FRAME_INTERVAL_MS = 50;
+const LIVE_FRAME_INTERVAL_MS = Math.max(
+  16,
+  Math.round(Number(OVERVIEW_INGEST_ANIMATION.live?.frameIntervalMs) || 50)
+);
 const LIVE_DAYS_PER_SECOND = 6;
-const LIVE_OVERVIEW_CADENCE_MS = Math.round(1000 / 10);
-const LIVE_DAY_KEYS_PER_EMIT = 1;
+const LIVE_OVERVIEW_HZ = Math.max(
+  1,
+  Number(OVERVIEW_INGEST_ANIMATION.live?.overviewHz) || 10
+);
+const LIVE_OVERVIEW_CADENCE_MS = Math.round(1000 / LIVE_OVERVIEW_HZ);
+const LIVE_DAY_KEYS_PER_EMIT = Math.max(
+  1,
+  Math.round(Number(OVERVIEW_INGEST_ANIMATION.live?.dayKeysPerEmit) || 1)
+);
 const LIVE_SESSION_REORDER_BUFFER = 160;
 
 export function createIngestState() {
@@ -696,5 +706,5 @@ function broadcastBootstrap(state) {
   };
   broadcastLive(state, 'bootstrap', payload);
 }
-
-
+
+

package/server/normalize.js

@@ -63,6 +63,12 @@ export function isSubagent(agentRole) {
 const MODEL_ALIASES = {
   'codex-mini-latest': 'o4-mini',
   'gpt-5.2': 'gpt-5.2-codex',
+  'gpt-5 mini': 'gpt-5-mini',
+  'gpt-5.4-mini': 'gpt-5-mini',
+  'gpt-5.4 mini': 'gpt-5-mini',
+  'gpt-5 nano': 'gpt-5.4-nano',
+  'gpt-5-nano': 'gpt-5.4-nano',
+  'gpt-5.4 nano': 'gpt-5.4-nano',
 };
 
 export function normalizeModelName(rawModel) {

package/server/pricing-fetch.js

@@ -1,43 +1,45 @@
 // Local pricing catalog for models used in codex-cli/codex app lifetime.
 const FALLBACK = {
-  'gpt-5.4':             { input: 2.50,  output: 15.00, cached_input: 0.25 },
-  'gpt-5.3-codex':       { input: 2.00,  output: 10.00, cached_input: 0.20 },
-  'gpt-5.3-codex-spark': { input: 2.00,  output: 10.00, cached_input: 0.20 },
-  'gpt-5.2-codex':       { input: 2.00,  output: 10.00, cached_input: 0.20 },
-  'gpt-5.2':             { input: 2.00,  output: 10.00, cached_input: 0.20 },
-  'gpt-5.1-codex-mini':  { input: 0.25,  output:  2.00, cached_input: 0.025},
-  'gpt-4.1':             { input: 2.00,  output:  8.00, cached_input: 0.50 },
-  'gpt-4.1-mini':        { input: 0.40,  output:  1.60, cached_input: 0.10 },
-  'gpt-4.1-nano':        { input: 0.10,  output:  0.40, cached_input: 0.025 },
-  'o3':                  { input: 2.00,  output:  8.00, cached_input: 0.50 },
-  'o3-mini':             { input: 1.10,  output:  4.40, cached_input: 0.275},
-  'o4-mini':             { input: 1.10,  output:  4.40, cached_input: 0.275},
-  'gpt-4o':              { input: 2.50,  output: 10.00, cached_input: 1.25 },
-  'gpt-4o-mini':         { input: 0.15,  output:  0.60, cached_input: 0.075},
-  'gpt-4-turbo':         { input: 10.00, output: 30.00, cached_input: 1.00 },
-  'gpt-4':               { input: 30.00, output: 60.00, cached_input: 3.00 },
-  'gpt-3.5-turbo':       { input: 0.50,  output:  1.50, cached_input: 0.05 },
-};
-
+  'gpt-5.4':             { input: 2.50,  output: 15.00, cached_input: 0.25 },
+  'gpt-5-mini':          { input: 0.75,  output:  4.50, cached_input: 0.075},
+  'gpt-5.4-nano':        { input: 0.15,  output:  0.60, cached_input: 0.015},
+  'gpt-5.3-codex':       { input: 2.00,  output: 10.00, cached_input: 0.20 },
+  'gpt-5.3-codex-spark': { input: 2.00,  output: 10.00, cached_input: 0.20 },
+  'gpt-5.2-codex':       { input: 2.00,  output: 10.00, cached_input: 0.20 },
+  'gpt-5.2':             { input: 2.00,  output: 10.00, cached_input: 0.20 },
+  'gpt-5.1-codex-mini':  { input: 0.25,  output:  2.00, cached_input: 0.025},
+  'gpt-4.1':             { input: 2.00,  output:  8.00, cached_input: 0.50 },
+  'gpt-4.1-mini':        { input: 0.40,  output:  1.60, cached_input: 0.10 },
+  'gpt-4.1-nano':        { input: 0.10,  output:  0.40, cached_input: 0.025 },
+  'o3':                  { input: 2.00,  output:  8.00, cached_input: 0.50 },
+  'o3-mini':             { input: 1.10,  output:  4.40, cached_input: 0.275},
+  'o4-mini':             { input: 1.10,  output:  4.40, cached_input: 0.275},
+  'gpt-4o':              { input: 2.50,  output: 10.00, cached_input: 1.25 },
+  'gpt-4o-mini':         { input: 0.15,  output:  0.60, cached_input: 0.075},
+  'gpt-4-turbo':         { input: 10.00, output: 30.00, cached_input: 1.00 },
+  'gpt-4':               { input: 30.00, output: 60.00, cached_input: 3.00 },
+  'gpt-3.5-turbo':       { input: 0.50,  output:  1.50, cached_input: 0.05 },
+};
+
 const PRICING_URL = process.env.CODEXMETER_PRICING_URL || null;
-
-function normalizeEntry(entry) {
-  if (!entry || typeof entry !== 'object' || entry.input == null || entry.output == null) return null;
-  const cached = entry.cached_input ?? entry.cachedInput ?? entry.input * 0.1;
-  return { input: entry.input, output: entry.output, cached_input: cached };
-}
-
-function normalizePricing(raw) {
-  const models = raw?.models && typeof raw.models === 'object' ? raw.models : raw;
-  if (!models || typeof models !== 'object') return null;
-  const out = {};
-  for (const [name, entry] of Object.entries(models)) {
-    const norm = normalizeEntry(entry);
-    if (norm) out[name] = norm;
-  }
-  return Object.keys(out).length > 0 ? out : null;
-}
-
+
+function normalizeEntry(entry) {
+  if (!entry || typeof entry !== 'object' || entry.input == null || entry.output == null) return null;
+  const cached = entry.cached_input ?? entry.cachedInput ?? entry.input * 0.1;
+  return { input: entry.input, output: entry.output, cached_input: cached };
+}
+
+function normalizePricing(raw) {
+  const models = raw?.models && typeof raw.models === 'object' ? raw.models : raw;
+  if (!models || typeof models !== 'object') return null;
+  const out = {};
+  for (const [name, entry] of Object.entries(models)) {
+    const norm = normalizeEntry(entry);
+    if (norm) out[name] = norm;
+  }
+  return Object.keys(out).length > 0 ? out : null;
+}
+
 export async function fetchPricing() {
   if (!PRICING_URL) return FALLBACK;
 
@@ -45,15 +47,15 @@ export async function fetchPricing() {
     const ctrl = new AbortController();
     const t = setTimeout(() => ctrl.abort(), 3000);
     const res = await fetch(PRICING_URL, { signal: ctrl.signal });
-    clearTimeout(t);
-    if (!res.ok) return FALLBACK;
-    const data = await res.json();
-    const normalized = normalizePricing(data);
-    if (normalized) {
-      return { ...FALLBACK, ...normalized };
-    }
-  } catch {
-    // timeout, network error, invalid JSON - use fallback
-  }
-  return FALLBACK;
-}
+    clearTimeout(t);
+    if (!res.ok) return FALLBACK;
+    const data = await res.json();
+    const normalized = normalizePricing(data);
+    if (normalized) {
+      return { ...FALLBACK, ...normalized };
+    }
+  } catch {
+    // timeout, network error, invalid JSON - use fallback
+  }
+  return FALLBACK;
+}

package/src/utils/animationsDefault.js

@@ -19,8 +19,13 @@ const AUTO = 'auto';
  */
 export const OVERVIEW_INGEST_ANIMATION = {
   speed: 1,
+  live: {
+    frameIntervalMs: 33,
+    overviewHz: 20,
+    dayKeysPerEmit: 1,
+  },
   main: {
-    presentationDurationMs: 300,
+    presentationDurationMs: 220,
     chartAppearDurationMs: 0,
     chartUpdateDurationMs: 200,
     easing: 'linear',
@@ -30,19 +35,19 @@ export const OVERVIEW_INGEST_ANIMATION = {
     // Master switch for the end-of-ingest slowdown behavior.
     enabled: true,
     // Progress threshold where the tail mode starts, expressed from 0..1.
-    startPercent: 0.85,
+    startPercent: 0.5,
     // Fixed presentation duration in ms during the tail; use AUTO to derive it from main.durationScale.
     durationMs: AUTO,
     // Multiplier applied to the normal presentation duration when durationMs is AUTO.
-    durationScale: 20,
+    durationScale: 10,
     // Shared easing applied by the Overview presentation animator during the tail.
     easing: 'cubicOut',
     // Backend Overview live-update cadence during the tail, in patches per second.
-    overviewHz: 5,
+    overviewHz: 10,
   },
   daily: {
     chartAppearDurationMs: AUTO,
-    chartUpdateDurationMs: 30,
+    chartUpdateDurationMs: 60,
     easing: AUTO,
     easingUpdate: AUTO,
   },