codexmeter 1.0.17 → 1.0.19

package/server/live-state.js

@@ -79,6 +79,17 @@ export function buildLiveBootstrap(live) {
   };
 }
 
+export function buildLiveSnapshot(live) {
+  return {
+    overview: serializeOverview(live),
+    repos: serializeTopRanges(live.repos, live.repoTopKeys, serializeRepoSummary),
+    models: serializeTopRanges(live.models, live.modelTopKeys, serializeModelSummary),
+    families: serializeTopRanges(live.families, live.familyTopKeys, serializeFamilySummary),
+    daily: serializeDailySnapshot(live.daily),
+    heatmap: serializeHeatmap(live.heatmap),
+  };
+}
+
 export function buildLivePatch(live, patch) {
   return {
     overview: Object.fromEntries(
@@ -464,6 +475,10 @@ function serializeDaily(dayMap) {
   return Object.fromEntries([...dayMap.entries()].map(([dayKey, value]) => [dayKey, serializeDailyEntry(value)]));
 }
 
+function serializeDailySnapshot(dayMap) {
+  return Object.fromEntries([...dayMap.entries()].map(([dayKey, value]) => [dayKey, serializeDailySnapshotEntry(value)]));
+}
+
 function serializeDailyEntry(value) {
   return {
     tokens: Math.round(value?.tokens || 0),
@@ -477,6 +492,10 @@ function serializeDailyEntry(value) {
   };
 }
 
+function serializeDailySnapshotEntry(value) {
+  return serializeDailyEntry(value);
+}
+
 function serializeHeatmap(dayMap) {
   return Object.fromEntries([...dayMap.entries()].map(([dayKey, value]) => [dayKey, serializeHeatmapEntry(value)]));
 }

package/server/normalize.js

@@ -126,14 +126,29 @@ const MODEL_ALIASES = {
   'codex-mini-latest': 'o4-mini',
   'gpt 5.5': 'gpt-5.5',
   'gpt-5.5': 'gpt-5.5',
+  'gpt 5 mini': 'gpt-5-mini',
   'gpt-5 mini': 'gpt-5-mini',
+  'gpt 5.4 mini': 'gpt-5.4-mini',
   'gpt-5.4 mini': 'gpt-5.4-mini',
+  'gpt 5 nano': 'gpt-5-nano',
   'gpt-5 nano': 'gpt-5-nano',
+  'gpt 5.4 nano': 'gpt-5.4-nano',
   'gpt-5.4 nano': 'gpt-5.4-nano',
 };
 
+const MODEL_HYPHEN_CHARS = /[\u2010-\u2015\u2212\uFE58\uFE63\uFF0D]/g;
+
+function normalizeModelLookupKey(rawModel) {
+  return String(rawModel)
+    .normalize('NFKC')
+    .replace(MODEL_HYPHEN_CHARS, '-')
+    .toLowerCase()
+    .trim()
+    .replace(/\s+/g, ' ');
+}
+
 export function normalizeModelName(rawModel) {
   if (!rawModel) return null;
-  const lower = rawModel.toLowerCase().trim();
-  return MODEL_ALIASES[lower] || lower;
+  const lookup = normalizeModelLookupKey(rawModel);
+  return MODEL_ALIASES[lookup] || lookup;
 }

package/server/rollout-reader.js

@@ -1,8 +1,18 @@
-import { existsSync } from 'fs';
+import { existsSync, statSync } from 'fs';
 import { readFile } from 'fs/promises';
+import { spawn } from 'child_process';
 import { createDayKeyFormatter } from './day-key.js';
 
 const ACTIVE_GAP_CAP_MS = 15 * 60 * 1000;
+const LINE_HEADER_SCAN_CHARS = 512;
+const TIMESTAMP_RE = /"timestamp"\s*:\s*"([^"]+)"/;
+const DEFAULT_RG_MIN_BYTES = 10 * 1024 * 1024;
+const RG_RELEVANT_PATTERN =
+  '"type"\\s*:\\s*"session_meta"|' +
+  '"type"\\s*:\\s*"turn_context"|' +
+  '"type"\\s*:\\s*"token_count"';
+const RG_TOKEN_COUNT_PATTERN = '"type"\\s*:\\s*"token_count"';
+const RG_TIMESTAMP_PATTERN = '^\\{[^{}]*"timestamp"\\s*:\\s*"[^"]+"';
 
 export async function enrichFromRollout(rolloutPath, opts = {}) {
   if (!rolloutPath || !existsSync(rolloutPath)) {
@@ -11,6 +21,9 @@ export async function enrichFromRollout(rolloutPath, opts = {}) {
 
   const tz = opts.timezone || Intl.DateTimeFormat().resolvedOptions().timeZone;
   const toDayKey = opts.toDayKey || createDayKeyFormatter(tz);
+  const fastScan = opts.fastScan === true;
+  const rgScan = opts.rgScan === true;
+  const rgMinBytes = Math.max(0, Number(opts.rgMinBytes ?? DEFAULT_RG_MIN_BYTES) || 0);
   const result = {
     model_name: null,
     reasoning_effort: null,
@@ -27,7 +40,20 @@ export async function enrichFromRollout(rolloutPath, opts = {}) {
   };
 
   try {
-    const content = await readFile(rolloutPath, 'utf8');
+    let lines = null;
+    let activeFromRgTimestamps = false;
+    if (rgScan && shouldUseRipgrep(rolloutPath, rgMinBytes)) {
+      const rgResult = await readRolloutLinesWithRipgrep(rolloutPath);
+      if (rgResult) {
+        lines = rgResult.relevantLines;
+        applyTimestampMatches(result, rgResult.timestampMatches, toDayKey);
+        activeFromRgTimestamps = true;
+      }
+    }
+    if (!lines) {
+      const content = await readFile(rolloutPath, 'utf8');
+      lines = content.split(/\r?\n/);
+    }
 
     let prevTimestamp = null;
     let activeMs = 0;
@@ -39,21 +65,17 @@ export async function enrichFromRollout(rolloutPath, opts = {}) {
     let lastReasoningOutputTokens = 0;
     let lastTotalTokens = 0;
     let hasSeenUsage = false;
-    for (const line of content.split(/\r?\n/)) {
+    for (const line of lines) {
       if (!line.trim()) continue;
 
       try {
-        const obj = JSON.parse(line);
+        let obj = null;
+        let ts = null;
 
-        if (obj.timestamp) {
-          const ts = new Date(obj.timestamp).getTime();
-          if (!isNaN(ts)) {
-            if (!result.first_timestamp || ts < result.first_timestamp) {
-              result.first_timestamp = ts;
-            }
-            if (!result.last_timestamp || ts > result.last_timestamp) {
-              result.last_timestamp = ts;
-            }
+        if (fastScan || activeFromRgTimestamps) {
+          ts = extractTimestampMs(line);
+          if (ts !== null && !activeFromRgTimestamps) {
+            updateTimestampBounds(result, ts);
             if (prevTimestamp !== null && ts >= prevTimestamp) {
               const deltaMs = Math.min(ts - prevTimestamp, ACTIVE_GAP_CAP_MS);
               activeMs += deltaMs;
@@ -64,6 +86,25 @@ export async function enrichFromRollout(rolloutPath, opts = {}) {
             }
             prevTimestamp = ts;
           }
+          if (!activeFromRgTimestamps && !isRolloutLineWorthParsing(line)) continue;
+          obj = JSON.parse(line);
+        } else {
+          obj = JSON.parse(line);
+          if (obj.timestamp) {
+            ts = new Date(obj.timestamp).getTime();
+            if (!isNaN(ts)) {
+              updateTimestampBounds(result, ts);
+              if (prevTimestamp !== null && ts >= prevTimestamp) {
+                const deltaMs = Math.min(ts - prevTimestamp, ACTIVE_GAP_CAP_MS);
+                activeMs += deltaMs;
+                if (deltaMs > 0) {
+                  const dayKey = toDayKey(prevTimestamp);
+                  activeByDay.set(dayKey, (activeByDay.get(dayKey) || 0) + deltaMs);
+                }
+              }
+              prevTimestamp = ts;
+            }
+          }
         }
 
         if (obj.type === 'event_msg' && obj.payload?.type === 'token_count') {
@@ -121,16 +162,13 @@ export async function enrichFromRollout(rolloutPath, opts = {}) {
             lastOutputTokens = outputTokens;
             lastReasoningOutputTokens = reasoningOutputTokens;
             lastTotalTokens = totalTokens;
-            if (obj.timestamp && hasUsageBoundarySignal(usageDelta)) {
-              const ts = new Date(obj.timestamp).getTime();
-              if (!isNaN(ts)) {
-                if (!result.first_usage_timestamp || ts < result.first_usage_timestamp) {
-                  result.first_usage_timestamp = ts;
-                }
-                if (hasUsage(usageDelta)) {
-                  const dayKey = toDayKey(ts);
-                  mergeUsageTotals(usageByDay, dayKey, usageDelta);
-                }
+            if (ts !== null && hasUsageBoundarySignal(usageDelta)) {
+              if (!result.first_usage_timestamp || ts < result.first_usage_timestamp) {
+                result.first_usage_timestamp = ts;
+              }
+              if (hasUsage(usageDelta)) {
+                const dayKey = toDayKey(ts);
+                mergeUsageTotals(usageByDay, dayKey, usageDelta);
               }
             }
           }
@@ -179,19 +217,30 @@ export async function enrichFromRollout(rolloutPath, opts = {}) {
   return result;
 }
 
-export async function readUsageTimeline(rolloutPath) {
+export async function readUsageTimeline(rolloutPath, opts = {}) {
   if (!rolloutPath || !existsSync(rolloutPath)) {
     return [];
   }
 
   try {
-    const content = await readFile(rolloutPath, 'utf8');
+    const fastScan = opts.fastScan === true;
+    const rgScan = opts.rgScan === true;
+    const rgMinBytes = Math.max(0, Number(opts.rgMinBytes ?? DEFAULT_RG_MIN_BYTES) || 0);
+    let lines = null;
+    if (rgScan && shouldUseRipgrep(rolloutPath, rgMinBytes)) {
+      lines = await readMatchingLinesWithRipgrep(RG_TOKEN_COUNT_PATTERN, rolloutPath);
+    }
+    if (!lines) {
+      const content = await readFile(rolloutPath, 'utf8');
+      lines = content.split(/\r?\n/);
+    }
     const timeline = [];
     let segmentId = 0;
     let lastTotalTokens = 0;
     let hasSeenUsage = false;
-    for (const line of content.split(/\r?\n/)) {
+    for (const line of lines) {
       if (!line.trim()) continue;
+      if (fastScan && !isTokenCountEventLine(line)) continue;
       try {
         const obj = JSON.parse(line);
         if (obj.type !== 'event_msg' || obj.payload?.type !== 'token_count') continue;
@@ -241,6 +290,116 @@ export function findUsageAtOrBefore(timeline, timestampMs) {
   return findUsageEntryAtOrBefore(timeline, timestampMs)?.usage || null;
 }
 
+function shouldUseRipgrep(rolloutPath, minBytes) {
+  try {
+    return statSync(rolloutPath).size >= minBytes;
+  } catch {
+    return false;
+  }
+}
+
+async function readRolloutLinesWithRipgrep(rolloutPath) {
+  const [relevantLines, timestampMatches] = await Promise.all([
+    readMatchingLinesWithRipgrep(RG_RELEVANT_PATTERN, rolloutPath),
+    readMatchingLinesWithRipgrep(RG_TIMESTAMP_PATTERN, rolloutPath, ['--only-matching']),
+  ]);
+  if (!relevantLines || !timestampMatches) return null;
+  return { relevantLines, timestampMatches };
+}
+
+function readMatchingLinesWithRipgrep(pattern, rolloutPath, extraArgs = []) {
+  return new Promise((resolve) => {
+    const args = [
+      '--no-heading',
+      '--no-line-number',
+      '--color',
+      'never',
+      ...extraArgs,
+      pattern,
+      rolloutPath,
+    ];
+    const child = spawn('rg', args, { stdio: ['ignore', 'pipe', 'pipe'] });
+    let stdout = '';
+
+    child.stdout.setEncoding('utf8');
+    child.stdout.on('data', (chunk) => {
+      stdout += chunk;
+    });
+    child.on('error', () => resolve(null));
+    child.on('close', (code) => {
+      if (code !== 0 && code !== 1) {
+        resolve(null);
+        return;
+      }
+      resolve(stdout ? stdout.split(/\r?\n/).filter(Boolean) : []);
+    });
+  });
+}
+
+function applyTimestampMatches(result, timestampMatches, toDayKey) {
+  let prevTimestamp = null;
+  let activeMs = 0;
+  const activeByDay = new Map();
+
+  for (const line of timestampMatches || []) {
+    const ts = extractTimestampMs(line);
+    if (ts === null) continue;
+    updateTimestampBounds(result, ts);
+    if (prevTimestamp !== null && ts >= prevTimestamp) {
+      const deltaMs = Math.min(ts - prevTimestamp, ACTIVE_GAP_CAP_MS);
+      activeMs += deltaMs;
+      if (deltaMs > 0) {
+        const dayKey = toDayKey(prevTimestamp);
+        activeByDay.set(dayKey, (activeByDay.get(dayKey) || 0) + deltaMs);
+      }
+    }
+    prevTimestamp = ts;
+  }
+
+  if (activeMs > 0) {
+    const activeByDaySeconds = Object.fromEntries(
+      [...activeByDay.entries()].map(([dayKey, ms]) => [dayKey, Math.round(ms / 1000)])
+    );
+    result.active_by_day = activeByDaySeconds;
+    result.active_seconds = Object.values(activeByDaySeconds).reduce((sum, seconds) => sum + seconds, 0);
+  }
+}
+
+function updateTimestampBounds(result, ts) {
+  if (!result.first_timestamp || ts < result.first_timestamp) {
+    result.first_timestamp = ts;
+  }
+  if (!result.last_timestamp || ts > result.last_timestamp) {
+    result.last_timestamp = ts;
+  }
+}
+
+function extractTimestampMs(line) {
+  const head = line.length > LINE_HEADER_SCAN_CHARS
+    ? line.slice(0, LINE_HEADER_SCAN_CHARS)
+    : line;
+  const match = TIMESTAMP_RE.exec(head);
+  if (!match) return null;
+  const ts = Date.parse(match[1]);
+  return Number.isNaN(ts) ? null : ts;
+}
+
+function isRolloutLineWorthParsing(line) {
+  const head = line.length > LINE_HEADER_SCAN_CHARS
+    ? line.slice(0, LINE_HEADER_SCAN_CHARS)
+    : line;
+  return head.includes('"type":"token_count"') ||
+    head.includes('"type":"turn_context"') ||
+    head.includes('"type":"session_meta"');
+}
+
+function isTokenCountEventLine(line) {
+  const head = line.length > LINE_HEADER_SCAN_CHARS
+    ? line.slice(0, LINE_HEADER_SCAN_CHARS)
+    : line;
+  return head.includes('"type":"token_count"');
+}
+
 function normalizeUsageTotals(usage) {
   return {
     input_tokens: usage.input_tokens || 0,

package/server/rollout-worker-pool.js

@@ -3,8 +3,9 @@ import { Worker } from 'worker_threads';
 
 export function createRolloutWorkerPool(opts = {}) {
   const size = normalizePoolSize(opts.size);
+  const readerOptions = opts.readerOptions || {};
   if (size <= 1) {
-    return createInlinePool();
+    return createInlinePool({ readerOptions });
   }
 
   const workers = new Set();
@@ -89,6 +90,7 @@ export function createRolloutWorkerPool(opts = {}) {
         id,
         rolloutPath: task.rolloutPath,
         timezone: task.timezone,
+        readerOptions,
       });
     }
   }
@@ -107,6 +109,70 @@ export function createRolloutWorkerPool(opts = {}) {
     return Promise.all(rolloutPaths.map((rolloutPath) => runTask(rolloutPath, timezone)));
   }
 
+  async function mapRolloutsInChunks(rolloutPaths, timezone, { chunkSize = 100, onChunk } = {}) {
+    const results = new Array(rolloutPaths.length);
+    const completed = new Array(rolloutPaths.length).fill(false);
+    const safeChunkSize = Math.max(1, Number(chunkSize) || 1);
+    const maxInFlight = Math.max(safeChunkSize, size * 4);
+    let nextStartIndex = 0;
+    let nextFlushIndex = 0;
+    let activeCount = 0;
+    let completedCount = 0;
+    let flushChain = Promise.resolve();
+    let rejected = false;
+
+    const scheduleFlush = (force = false) => {
+      if (typeof onChunk !== 'function') return;
+      const chunk = [];
+      while (nextFlushIndex < results.length && completed[nextFlushIndex]) {
+        chunk.push({ index: nextFlushIndex, result: results[nextFlushIndex] });
+        nextFlushIndex += 1;
+        if (!force && chunk.length >= safeChunkSize) break;
+      }
+      if (!chunk.length) return;
+      flushChain = flushChain.then(() => onChunk(chunk));
+    };
+
+    await new Promise((resolve, reject) => {
+      const launchNext = () => {
+        if (rejected) return;
+        while (activeCount < maxInFlight && nextStartIndex < rolloutPaths.length) {
+          const index = nextStartIndex;
+          const rolloutPath = rolloutPaths[index];
+          nextStartIndex += 1;
+          activeCount += 1;
+          runTask(rolloutPath, timezone)
+            .then((result) => {
+              results[index] = result;
+              completed[index] = true;
+              completedCount += 1;
+              activeCount -= 1;
+              scheduleFlush(false);
+              if (completedCount >= rolloutPaths.length && activeCount === 0) {
+                resolve();
+                return;
+              }
+              launchNext();
+            })
+            .catch((error) => {
+              rejected = true;
+              reject(error);
+            });
+        }
+
+        if (completedCount >= rolloutPaths.length && activeCount === 0) {
+          resolve();
+        }
+      };
+
+      launchNext();
+    });
+
+    scheduleFlush(true);
+    await flushChain;
+    return results;
+  }
+
   async function close() {
     closed = true;
     while (queuedTasks.length > 0) {
@@ -122,10 +188,10 @@ export function createRolloutWorkerPool(opts = {}) {
     idleWorkers.length = 0;
   }
 
-  return { mapRollouts, close, size };
+  return { mapRollouts, mapRolloutsInChunks, close, size };
 }
 
-function createInlinePool() {
+function createInlinePool({ readerOptions = {} } = {}) {
   return {
     size: 1,
     async mapRollouts(rolloutPaths, timezone) {
@@ -133,7 +199,7 @@ function createInlinePool() {
       return Promise.all(
         rolloutPaths.map(async (rolloutPath) => {
           try {
-            const data = await enrichFromRollout(rolloutPath, { timezone });
+            const data = await enrichFromRollout(rolloutPath, { timezone, ...readerOptions });
             return { ok: true, data, error: null };
           } catch (error) {
             return {
@@ -145,6 +211,39 @@ function createInlinePool() {
         })
       );
     },
+    async mapRolloutsInChunks(rolloutPaths, timezone, { chunkSize = 100, onChunk } = {}) {
+      const { enrichFromRollout } = await import('./rollout-reader.js');
+      const results = [];
+      const completed = [];
+      const safeChunkSize = Math.max(1, Number(chunkSize) || 1);
+
+      for (let index = 0; index < rolloutPaths.length; index += 1) {
+        try {
+          const data = await enrichFromRollout(rolloutPaths[index], { timezone, ...readerOptions });
+          const result = { ok: true, data, error: null };
+          results[index] = result;
+          completed.push({ index, result });
+        } catch (error) {
+          const result = {
+            ok: false,
+            data: null,
+            error: error instanceof Error ? error.message : String(error),
+          };
+          results[index] = result;
+          completed.push({ index, result });
+        }
+
+        if (typeof onChunk === 'function' && completed.length >= safeChunkSize) {
+          await onChunk(completed.splice(0, completed.length));
+        }
+      }
+
+      if (typeof onChunk === 'function' && completed.length) {
+        await onChunk(completed.splice(0, completed.length));
+      }
+
+      return results;
+    },
     async close() {},
   };
 }

package/server/rollout-worker.js

@@ -6,10 +6,10 @@ if (!parentPort) {
 }
 
 parentPort.on('message', async (message) => {
-  const { id, rolloutPath, timezone } = message || {};
+  const { id, rolloutPath, timezone, readerOptions } = message || {};
 
   try {
-    const result = await enrichFromRollout(rolloutPath, { timezone });
+    const result = await enrichFromRollout(rolloutPath, { timezone, ...(readerOptions || {}) });
     parentPort.postMessage({ id, ok: true, data: result });
   } catch (error) {
     parentPort.postMessage({

package/src/utils/animationsDefault.js

@@ -6,7 +6,7 @@ const AUTO = 'auto';
  * This is the single source of truth for:
  * - Overview client-side presentation timing
  * - Overview ECharts timing defaults
- * - Overview server-side tail pacing
+ * - Overview live snapshot transport cadence
  *
  * `speed` scales the main timings:
  * - `1` = baseline
@@ -21,8 +21,7 @@ export const OVERVIEW_INGEST_ANIMATION = {
   speed: 1,
   live: {
     frameIntervalMs: 33,
-    overviewHz: 20,
-    dayKeysPerEmit: 1,
+    snapshotHz: 12,
   },
   main: {
     presentationDurationMs: 220,
@@ -35,15 +34,13 @@ 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.5,
+    startPercent: 0.95,
     // 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: 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: 10,
   },
   daily: {
     chartAppearDurationMs: AUTO,

package/dist/assets/index-CVvcsIkn.css

@@ -1 +0,0 @@
-: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}