codexmeter 1.0.1 → 1.0.2

package/server/ingest.js

@@ -9,17 +9,14 @@ import { buildAggregates, buildSessionView } from './aggregator.js';
 import { createDayKeyFormatter } from './day-key.js';
 import { createLiveAggregateState, createEmptyLivePatch, applySessionToLiveState, buildLiveBootstrap, buildLivePatch } from './live-state.js';
 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_DAYS_PER_SECOND = 6;
-const LIVE_DAY_CADENCE_MS = Math.round(1000 / LIVE_DAYS_PER_SECOND);
+const LIVE_OVERVIEW_CADENCE_MS = Math.round(1000 / 10);
 const LIVE_DAY_KEYS_PER_EMIT = 1;
-const LIVE_SURFACE_CADENCE_MS = {
-  overview: LIVE_FRAME_INTERVAL_MS * 2,
-  rankings: LIVE_FRAME_INTERVAL_MS * 3,
-  daily: LIVE_DAY_CADENCE_MS,
-  heatmap: LIVE_DAY_CADENCE_MS,
-};
+const LIVE_SESSION_REORDER_BUFFER = 160;
 
 export function createIngestState() {
   return {
@@ -43,9 +40,11 @@ export function createIngestState() {
     live_subscribers: new Set(),
     live_pump_timer: null,
     live_pending_patch: createEmptyLivePatch(),
+    live_session_buffer: [],
     live_progress_dirty: false,
     live_last_emit_at: 0,
-    live_last_surface_emit_at: { overview: 0, rankings: 0, daily: 0, heatmap: 0 },
+    live_last_overview_emit_at: 0,
+    replay_capture: createReplayCaptureState(),
   };
 }
 
@@ -60,6 +59,12 @@ export async function runIngest(codexHome, state, opts = {}) {
     state.live_state = createLiveAggregateState(tz);
     state.phase = 'inventory';
     state.percent = 0;
+    beginReplayCapture(state.replay_capture, state.ingest_id, {
+      ingest_id: state.ingest_id,
+      seq: 0,
+      progress: progressPayload(state),
+      data: buildLiveBootstrap(state.live_state),
+    });
     queueLiveProgress(state);
     broadcastBootstrap(state);
 
@@ -100,6 +105,7 @@ export async function runIngest(codexHome, state, opts = {}) {
         usage_total: null,
         usage_by_day: null,
         has_usage_by_day: false,
+        live_sort_ts: null,
         active_by_day: null,
         agent_role: t.agent_role,
         agent_nickname: t.agent_nickname,
@@ -134,7 +140,7 @@ export async function runIngest(codexHome, state, opts = {}) {
 
     state.needs_enrichment = candidates.length;
     state.percent = candidates.length > 0 ? 0.08 : 0.90;
-    const BATCH_SIZE = opts.batchSize || 100;
+    const BATCH_SIZE = opts.batchSize || 40;
     const ROOT_REFRESH_EVERY = opts.rootRefreshEvery || 1000;
     let lastRootRefreshCount = 0;
 
@@ -166,12 +172,16 @@ export async function runIngest(codexHome, state, opts = {}) {
             s.usage_by_day = buildUsageByDayMetrics(s.model_name, data.usage_by_day);
             s.has_usage_by_day = s.usage_by_day.length > 0;
           }
+          if (data.first_usage_timestamp) {
+            s.live_sort_ts = Math.floor(data.first_usage_timestamp / 1000);
+          }
           if (data.active_seconds && data.active_seconds > 0) {
             s.elapsed_seconds = data.active_seconds;
             s.active_by_day = data.active_by_day || null;
           }
         }
         finalizeSessionMetrics(s, toDayKey);
+        s.live_sort_day = deriveLiveSortDay(s, toDayKey);
         s.materialized = true;
       }
 
@@ -183,8 +193,14 @@ export async function runIngest(codexHome, state, opts = {}) {
         assignRootThreadIds(sessions);
         lastRootRefreshCount = state.enriched;
       }
+      const liveReady = bufferLiveSessionsForPresentation(state, batch);
+      if (state.live_session_buffer[0]?.live_sort_day) {
+        state.current_date_bucket = state.live_session_buffer[0].live_sort_day;
+      } else if (liveReady[0]?.live_sort_day) {
+        state.current_date_bucket = liveReady[0].live_sort_day;
+      }
       const livePatch = createEmptyLivePatch();
-      for (const session of batch) {
+      for (const session of liveReady) {
         applySessionToLiveState(state.live_state, session, livePatch);
       }
       queueLivePatch(state, livePatch);
@@ -203,6 +219,11 @@ export async function runIngest(codexHome, state, opts = {}) {
     }
 
     assignRootThreadIds(sessions);
+    const finalLivePatch = createEmptyLivePatch();
+    for (const session of flushBufferedLiveSessions(state)) {
+      applySessionToLiveState(state.live_state, session, finalLivePatch);
+    }
+    queueLivePatch(state, finalLivePatch);
 
     state.phase = 'aggregation';
     state.percent = state.needs_enrichment > 0 ? 0.95 : 0.90;
@@ -222,6 +243,7 @@ export async function runIngest(codexHome, state, opts = {}) {
     if (!isCurrentRun()) return;
     state.error = err.message;
     state.phase = 'error';
+    failReplayCapture(state.replay_capture);
     console.error('Ingest error:', err);
     flushLive(state, 'ingest-error');
   } finally {
@@ -253,9 +275,11 @@ export function restartIngest(codexHome, state, opts = {}) {
   state.live_state = null;
   state.live_seq = 0;
   state.live_pending_patch = createEmptyLivePatch();
+  state.live_session_buffer = [];
   state.live_progress_dirty = false;
   state.live_last_emit_at = 0;
-  state.live_last_surface_emit_at = { overview: 0, rankings: 0, daily: 0, heatmap: 0 };
+  state.live_last_overview_emit_at = 0;
+  resetReplayCapture(state.replay_capture);
 
   return runIngest(codexHome, state, opts);
 }
@@ -373,6 +397,49 @@ function buildUsageByDayMetrics(modelName, usageByDay) {
   return entries;
 }
 
+function deriveLiveSortDay(session, toDayKey) {
+  if (session.has_usage_by_day && session.usage_by_day?.length) {
+    let best = session.usage_by_day[0];
+    for (const entry of session.usage_by_day) {
+      if ((entry.tokens || 0) > (best.tokens || 0)) {
+        best = entry;
+        continue;
+      }
+      if ((entry.tokens || 0) === (best.tokens || 0) && String(entry.day) > String(best.day)) {
+        best = entry;
+      }
+    }
+    return best?.day || null;
+  }
+  if (session.started_at) {
+    return toDayKey(session.started_at * 1000);
+  }
+  return null;
+}
+
+function compareLiveSessionOrder(a, b) {
+  const dayCompare = String(a.live_sort_day || '9999-12-31').localeCompare(String(b.live_sort_day || '9999-12-31'));
+  if (dayCompare !== 0) return dayCompare;
+  const liveTsCompare = (a.live_sort_ts || a.started_at || 0) - (b.live_sort_ts || b.started_at || 0);
+  if (liveTsCompare !== 0) return liveTsCompare;
+  return String(a.thread_id || '').localeCompare(String(b.thread_id || ''));
+}
+
+function bufferLiveSessionsForPresentation(state, sessions) {
+  if (!sessions.length) return [];
+  state.live_session_buffer.push(...sessions);
+  state.live_session_buffer.sort(compareLiveSessionOrder);
+  const flushCount = Math.max(0, state.live_session_buffer.length - LIVE_SESSION_REORDER_BUFFER);
+  if (flushCount <= 0) return [];
+  return state.live_session_buffer.splice(0, flushCount);
+}
+
+function flushBufferedLiveSessions(state) {
+  if (!state.live_session_buffer.length) return [];
+  state.live_session_buffer.sort(compareLiveSessionOrder);
+  return state.live_session_buffer.splice(0, state.live_session_buffer.length);
+}
+
 function queueLiveProgress(state) {
   state.live_progress_dirty = true;
   ensureLivePump(state);
@@ -385,13 +452,14 @@ function queueLivePatch(state, patch) {
 }
 
 function ensureLivePump(state) {
-  if (state.live_pump_timer || !state.live_subscribers.size) return;
+  if (state.live_pump_timer) return;
+  if (!state.live_subscribers.size && !state.replay_capture.active) return;
   state.live_pump_timer = setInterval(() => flushLive(state), LIVE_FRAME_INTERVAL_MS);
 }
 
 function stopLivePumpIfIdle(state) {
   if (!state.live_pump_timer) return;
-  if (state.live_subscribers.size) return;
+  if (state.live_subscribers.size || state.replay_capture.active) return;
   clearInterval(state.live_pump_timer);
   state.live_pump_timer = null;
   finalizeWithoutSubscribers(state);
@@ -399,6 +467,7 @@ function stopLivePumpIfIdle(state) {
 
 function finalizeWithoutSubscribers(state) {
   if (state.live_subscribers.size) return;
+  if (state.replay_capture.active) return;
   if (!state.presentation_complete_pending) return;
   state.phase = 'complete';
   state.percent = 1;
@@ -409,7 +478,7 @@ function finalizeWithoutSubscribers(state) {
 }
 
 function flushLive(state, forcedEvent = null) {
-  if (!state.live_subscribers.size) {
+  if (!state.live_subscribers.size && !state.replay_capture.active) {
     state.live_pending_patch = createEmptyLivePatch();
     state.live_progress_dirty = false;
     stopLivePumpIfIdle(state);
@@ -449,12 +518,16 @@ function flushLive(state, forcedEvent = null) {
     payload.data = buildLiveBootstrap(state.live_state);
   }
 
-  broadcastLive(state, event, payload);
+  recordReplayEvent(state.replay_capture, event, payload);
+  if (state.live_subscribers.size) {
+    broadcastLive(state, event, payload);
+  }
   state.live_last_emit_at = Date.now();
   state.live_progress_dirty = shouldEmitComplete ? false : (event === 'progress' ? false : state.live_progress_dirty);
   if (forcedEvent) {
     state.live_pending_patch = createEmptyLivePatch();
   }
+  stopLivePumpIfIdle(state);
 }
 
 function broadcastLive(state, event, payload) {
@@ -496,41 +569,48 @@ function takeFlushablePatch(state) {
   const now = Date.now();
   const sent = createEmptyLivePatch();
 
-  if (state.live_pending_patch.overview.size > 0 && readyForSurface(state, 'overview', now)) {
-    moveSet(state.live_pending_patch.overview, sent.overview);
-    state.live_last_surface_emit_at.overview = now;
-  }
-
-  const rankingsDirty =
+  const overviewDirty =
+    state.live_pending_patch.overview.size > 0 ||
     state.live_pending_patch.repos.total.size > 0 || state.live_pending_patch.repos.d7.size > 0 || state.live_pending_patch.repos.d30.size > 0 ||
     state.live_pending_patch.models.total.size > 0 || state.live_pending_patch.models.d7.size > 0 || state.live_pending_patch.models.d30.size > 0 ||
-    state.live_pending_patch.families.total.size > 0 || state.live_pending_patch.families.d7.size > 0 || state.live_pending_patch.families.d30.size > 0;
+    state.live_pending_patch.families.total.size > 0 || state.live_pending_patch.families.d7.size > 0 || state.live_pending_patch.families.d30.size > 0 ||
+    state.live_pending_patch.daily.size > 0 || state.live_pending_patch.heatmap.size > 0;
 
-  if (rankingsDirty && readyForSurface(state, 'rankings', now)) {
-    moveRangeSets(state.live_pending_patch.repos, sent.repos);
-    moveRangeSets(state.live_pending_patch.models, sent.models);
-    moveRangeSets(state.live_pending_patch.families, sent.families);
-    state.live_last_surface_emit_at.rankings = now;
+  if (!overviewDirty || !readyForOverview(state, now)) {
+    return sent;
   }
 
-  const dayDirty = state.live_pending_patch.daily.size > 0 || state.live_pending_patch.heatmap.size > 0;
-  if (dayDirty && readyForSurface(state, 'daily', now)) {
-    const nextDayKeys = takeNextChronologicalDayKeys(
-      state.live_pending_patch.daily,
-      state.live_pending_patch.heatmap,
-      LIVE_DAY_KEYS_PER_EMIT
-    );
-    moveSpecificKeys(state.live_pending_patch.daily, sent.daily, nextDayKeys);
-    moveSpecificKeys(state.live_pending_patch.heatmap, sent.heatmap, nextDayKeys);
-    state.live_last_surface_emit_at.daily = now;
-    state.live_last_surface_emit_at.heatmap = now;
-  }
+  moveSet(state.live_pending_patch.overview, sent.overview);
+  moveRangeSets(state.live_pending_patch.repos, sent.repos);
+  moveRangeSets(state.live_pending_patch.models, sent.models);
+  moveRangeSets(state.live_pending_patch.families, sent.families);
+
+  const nextDayKeys = takeNextChronologicalDayKeys(
+    state.live_pending_patch.daily,
+    state.live_pending_patch.heatmap,
+    LIVE_DAY_KEYS_PER_EMIT
+  );
+  moveSpecificKeys(state.live_pending_patch.daily, sent.daily, nextDayKeys);
+  moveSpecificKeys(state.live_pending_patch.heatmap, sent.heatmap, nextDayKeys);
+  state.live_last_overview_emit_at = now;
 
   return sent;
 }
 
-function readyForSurface(state, surfaceKey, now) {
-  return (now - state.live_last_surface_emit_at[surfaceKey]) >= LIVE_SURFACE_CADENCE_MS[surfaceKey];
+function readyForOverview(state, now) {
+  return (now - state.live_last_overview_emit_at) >= getOverviewCadenceMs(state);
+}
+
+function getOverviewCadenceMs(state) {
+  const tail = OVERVIEW_INGEST_ANIMATION.tail;
+  const tailStartPercent = Math.min(Math.max(tail?.startPercent ?? 0.95, 0), 0.999);
+  const tailHz = Number.isFinite(tail?.overviewHz) && tail.overviewHz > 0 ? tail.overviewHz : 5;
+  const tailCadenceMs = Math.round(1000 / tailHz);
+
+  if (tail?.enabled && (state.presentation_complete_pending || (state.percent || 0) >= tailStartPercent)) {
+    return tailCadenceMs;
+  }
+  return LIVE_OVERVIEW_CADENCE_MS;
 }
 
 function moveSet(from, to) {
@@ -602,6 +682,10 @@ export function detachLiveSubscriber(state, res) {
   stopLivePumpIfIdle(state);
 }
 
+export function getLatestReplay(state) {
+  return getReplaySnapshot(state.replay_capture);
+}
+
 function broadcastBootstrap(state) {
   if (!state.live_subscribers.size) return;
   const payload = {

package/server/rollout-reader.js

@@ -15,6 +15,7 @@ export async function enrichFromRollout(rolloutPath, opts = {}) {
     model_name: null,
     reasoning_effort: null,
     first_timestamp: null,
+    first_usage_timestamp: null,
     last_timestamp: null,
     active_seconds: null,
     active_by_day: null,
@@ -97,6 +98,9 @@ export async function enrichFromRollout(rolloutPath, opts = {}) {
             if (obj.timestamp && hasUsage(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;
+                }
                 const dayKey = toDayKey(ts);
                 mergeUsageTotals(usageByDay, dayKey, usageDelta);
               }

package/src/utils/animationsDefault.js

@@ -0,0 +1,244 @@
+const AUTO = 'auto';
+
+/**
+ * Overview ingest animation control panel.
+ *
+ * This is the single source of truth for:
+ * - Overview client-side presentation timing
+ * - Overview ECharts timing defaults
+ * - Overview server-side tail pacing
+ *
+ * `speed` scales the main timings:
+ * - `1` = baseline
+ * - `2` = 2x faster
+ * - `0.5` = 2x slower
+ *
+ * Per-chart overrides use:
+ * - `'auto'` to inherit the scaled main value
+ * - a number to force an explicit value in ms
+ */
+export const OVERVIEW_INGEST_ANIMATION = {
+  speed: 1,
+  main: {
+    presentationDurationMs: 190,
+    chartAppearDurationMs: 0,
+    chartUpdateDurationMs: 200,
+    easing: 'linear',
+    easingUpdate: 'linear',
+  },
+  tail: {
+    // 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,
+    // 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: 100,
+    // 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,
+  },
+  daily: {
+    chartAppearDurationMs: AUTO,
+    chartUpdateDurationMs: 30,
+    easing: AUTO,
+    easingUpdate: AUTO,
+  },
+  bars: {
+    chartAppearDurationMs: AUTO,
+    chartUpdateDurationMs: 20,
+    easing: AUTO,
+    easingUpdate: AUTO,
+  },
+  donuts: {
+    chartAppearDurationMs: AUTO,
+    chartUpdateDurationMs: AUTO,
+    easing: AUTO,
+    easingUpdate: 'linear',
+    seriesAnimation: false,
+  },
+  heatmap: {
+    /** Duration (ms) of the pop animation when a cell gets new data during ingest */
+    popDurationMs: 380,
+    /** Don't trigger pop when ingest progress is above this (avoids burst at settle) */
+    settleThreshold: 0.998,
+    /** Min relative intensity rise (0–1) to trigger pop – e.g. 0.08 = cell turning white */
+    intensityRiseThreshold: 0.08,
+    /** Relative intensity (0–1) that counts as "white" – crossing this triggers pop */
+    whiteThreshold: 0.88,
+    /** Cell is "new winner" if val >= maxVal * this when max increased */
+    nearMaxRatio: 0.985,
+  },
+  videoExport: {
+    width: 1080,
+    height: 864,
+    fps: 60,
+    introDurationMs: 900,
+    replayDurationMs: 8000,
+    tailDurationMs: 5000,
+    tailReplayFraction: 0.72,
+    captureFormat: 'png',
+    jpegQuality: 92,
+    crf: 10,
+    encoderPreset: 'veryfast',
+  },
+};
+
+/** Shared ECharts animation defaults for non-Overview charts */
+export const ECHARTS_ANIMATION = {
+  animationDuration: 750,
+  animationDurationUpdate: 220,
+  animationEasing: 'cubicOut',
+  animationEasingUpdate: 'cubicOut',
+};
+
+/** Label animation - fade in after chart finishes */
+export const ECHARTS_LABEL_ANIMATION = {
+  show: true,
+  animationDuration: 250,
+  animationDurationUpdate: 220,
+  animationDelay: 250,
+  animationDelayUpdate: 180,
+  animationEasing: 'cubicOut',
+  animationEasingUpdate: 'cubicOut',
+};
+
+/** Detail donut charts (Repos/Models/Daily) */
+export const ECHARTS_DONUT_ANIMATION = {
+  ...ECHARTS_ANIMATION,
+  animationDurationUpdate: 200,
+  animationDelayUpdate: 0,
+  animationEasingUpdate: 'cubicOut',
+};
+
+/** Detail bar charts (Repos/Models/Daily) */
+export const ECHARTS_DETAIL_BAR_ANIMATION = {
+  animationDuration: 700,
+  animationDurationUpdate: 220,
+  animationDelay: 250,
+  animationDelayUpdate: 140,
+  animationEasing: 'cubicOut',
+  animationEasingUpdate: 'cubicOut',
+};
+
+/** Detail bar labels */
+export const ECHARTS_DETAIL_BAR_LABEL_ANIMATION = {
+  ...ECHARTS_LABEL_ANIMATION,
+  animationDelay: 950,
+  animationDelayUpdate: 360,
+};
+
+function safeSpeed(value) {
+  return Number.isFinite(value) && value > 0 ? value : 1;
+}
+
+function scaledMainDuration(ms) {
+  return Math.max(0, Math.round(ms / safeSpeed(OVERVIEW_INGEST_ANIMATION.speed)));
+}
+
+function resolveOverviewValue(overrideValue, mainValue) {
+  return overrideValue === AUTO ? scaledMainDuration(mainValue) : overrideValue;
+}
+
+function resolveOverviewString(overrideValue, mainValue) {
+  return overrideValue === AUTO ? mainValue : overrideValue;
+}
+
+function buildOverviewChartAnimation(overrides) {
+  return {
+    animation: true,
+    animationDuration: resolveOverviewValue(
+      overrides.chartAppearDurationMs,
+      OVERVIEW_INGEST_ANIMATION.main.chartAppearDurationMs
+    ),
+    animationDurationUpdate: resolveOverviewValue(
+      overrides.chartUpdateDurationMs,
+      OVERVIEW_INGEST_ANIMATION.main.chartUpdateDurationMs
+    ),
+    animationEasing: resolveOverviewString(
+      overrides.easing,
+      OVERVIEW_INGEST_ANIMATION.main.easing
+    ),
+    animationEasingUpdate: resolveOverviewString(
+      overrides.easingUpdate,
+      OVERVIEW_INGEST_ANIMATION.main.easingUpdate
+    ),
+  };
+}
+
+export const OVERVIEW_PRESENTATION_DURATION_MS = scaledMainDuration(
+  OVERVIEW_INGEST_ANIMATION.main.presentationDurationMs
+);
+
+export function resolveOverviewPresentationDuration(progress = 0, isIngestActive = false) {
+  const base = OVERVIEW_PRESENTATION_DURATION_MS;
+  const tail = OVERVIEW_INGEST_ANIMATION.tail;
+
+  if (!isIngestActive || !tail?.enabled) return base;
+
+  const start = Math.min(Math.max(tail.startPercent ?? 0.9, 0), 0.999);
+  const clampedProgress = Math.min(Math.max(progress || 0, 0), 1);
+  if (clampedProgress <= start) return base;
+
+  const normalized = (clampedProgress - start) / Math.max(1 - start, 0.001);
+  const durationTarget = tail.durationMs === AUTO
+    ? Math.round(base * Math.max(tail.durationScale || 1, 1))
+    : tail.durationMs;
+
+  return Math.round(base + (durationTarget - base) * cubicOut(normalized));
+}
+
+export function resolveOverviewPresentationEasing(progress = 0, isIngestActive = false) {
+  const tail = OVERVIEW_INGEST_ANIMATION.tail;
+  if (!isIngestActive || !tail?.enabled) return 'linear';
+
+  const start = Math.min(Math.max(tail.startPercent ?? 0.9, 0), 0.999);
+  const clampedProgress = Math.min(Math.max(progress || 0, 0), 1);
+  if (clampedProgress <= start) return 'linear';
+
+  return tail.easing || 'cubicOut';
+}
+
+export function isOverviewTailActive(progress = 0, isIngestActive = false) {
+  const tail = OVERVIEW_INGEST_ANIMATION.tail;
+  if (!isIngestActive || !tail?.enabled) return false;
+
+  const start = Math.min(Math.max(tail.startPercent ?? 0.9, 0), 0.999);
+  const clampedProgress = Math.min(Math.max(progress || 0, 0), 1);
+  return clampedProgress > start;
+}
+
+/** Overview page - resolved main animation config */
+export const ECHARTS_OVERVIEW_ANIMATION = buildOverviewChartAnimation({
+  chartAppearDurationMs: AUTO,
+  chartUpdateDurationMs: AUTO,
+  easing: AUTO,
+  easingUpdate: AUTO,
+});
+
+/** Overview DailySpark - compact stacked bar */
+export const ECHARTS_OVERVIEW_DAILY = buildOverviewChartAnimation(
+  OVERVIEW_INGEST_ANIMATION.daily
+);
+
+/** Overview Top Repos - horizontal bar chart */
+export const ECHARTS_OVERVIEW_BARS = buildOverviewChartAnimation(
+  OVERVIEW_INGEST_ANIMATION.bars
+);
+
+/** Overview Work Type & Models - donut charts */
+export const ECHARTS_OVERVIEW_DONUTS = buildOverviewChartAnimation(
+  OVERVIEW_INGEST_ANIMATION.donuts
+);
+
+export const ECHARTS_OVERVIEW_DONUT_SERIES_ANIMATION =
+  OVERVIEW_INGEST_ANIMATION.donuts.seriesAnimation;
+
+export { AUTO as OVERVIEW_ANIMATION_AUTO };
+
+function cubicOut(t) {
+  const x = Math.min(Math.max(t, 0), 1);
+  return 1 - Math.pow(1 - x, 3);
+}

package/dist/assets/index-DJWqyRDh.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: rgba(99, 102, 241, .25);--text-primary: #e6edf3;--text-secondary: #8b949e;--text-muted: #484f58;--accent: #6366f1;--accent-dim: rgba(99, 102, 241, .12);--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);line-height:1.6;-webkit-font-smoothing:antialiased}.app{min-height:100vh;display:flex;flex-direction:column}.app-content{opacity:0;display:flex;flex-direction:column;min-height:100vh}.app-content-revealed{opacity:1;animation:contentReveal .5s ease forwards}@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);position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.navbar-inner{display:flex;align-items:center;gap:1.5rem;padding:0 2rem;height:48px;max-width:1400px;margin:0 auto;width:100%;box-sizing:border-box}.navbar-brand{font-weight:700;font-size:.95rem;letter-spacing:-.03em;background:linear-gradient(135deg,#818cf8,#6366f1);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.navbar-tabs{display:flex;gap:2px}.navbar-tab{padding:.35rem .85rem;border-radius:6px;cursor:pointer;font-size:.8rem;font-weight:500;color:var(--text-secondary);background:none;border:none;transition:all .15s}.navbar-tab:hover{color:var(--text-primary);background:var(--bg-card)}.navbar-tab.active{color:#fff;background:var(--accent)}.navbar-meta{margin-left:auto;display:flex;align-items:center;gap:.75rem;flex:1;min-width:0}.navbar-ingest-wrap{display:flex;align-items:center;gap:.75rem;flex:1;min-width:0;transition:opacity .3s ease}.navbar-ingest-wrap.navbar-ingest-fade-out{opacity:0;pointer-events:none}.navbar-date-wrap{display:flex;align-items:center;gap:.75rem;margin-left:auto;flex-shrink:0;transition:opacity .3s ease}.navbar-date-wrap-dimmed{opacity:.5;pointer-events:none}.navbar-date{display:inline-block;width:22ch;min-width:22ch;font-variant-numeric:tabular-nums;text-align:right;overflow:hidden;text-overflow:ellipsis}.navbar-progress-wrap{flex:1;height:4px;background:var(--bg-elevated);border-radius:2px;overflow:hidden}.navbar-progress-bar{height:100%;background:linear-gradient(90deg,var(--accent),#818cf8);border-radius:2px;transition:width .4s ease}.navbar-status{font-size:.7rem;color:var(--text-muted);font-family:var(--font-mono)}.main-content{flex:1;padding:1.5rem 2rem 3rem;max-width:1400px;margin:0 auto;width:100%;min-width:0;container-type:inline-size;container-name:main}.app-footer{padding:.75rem 2rem 1rem;font-size:.7rem;color:var(--text-muted);text-align:center;max-width:1400px;margin:auto auto 0;width:100%;box-sizing:border-box}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem}.section-title{font-size:1rem;font-weight:600;letter-spacing:-.01em}.stat-row{display:flex;flex-wrap:wrap;gap:1rem;align-items:stretch;margin-bottom:1.5rem}.stat-cards{display:grid;grid-template-columns:repeat(4,minmax(160px,1fr));gap:.75rem;flex:0 0 auto;min-width:0}@media(max-width:920px){.stat-cards{flex:1 1 auto;grid-template-columns:repeat(2,minmax(160px,1fr))}}@media(max-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{font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:.35rem}.stat-value{font-size:1.6rem;font-weight:700;font-family:var(--font-mono);letter-spacing:-.03em;line-height:1.1}.stat-sub{font-size:.72rem;color:var(--text-muted);margin-top:.2rem}.stat-per-day{font-size:.72rem;color:var(--text-muted);margin-top:.25rem;font-family:var(--font-mono)}.stat-per-day .stat-per-day-value{font-weight:600;color:var(--text-secondary)}.range-toggle{display:inline-flex;background:var(--bg-card);border:1px solid var(--border);border-radius:6px;overflow:hidden}.range-btn{padding:.3rem .7rem;font-size:.72rem;font-weight:600;color:var(--text-muted);background:none;border:none;cursor:pointer;transition:all .15s}.range-btn:hover{color:var(--text-secondary)}.range-btn.active{color:#fff;background:var(--accent)}.heatmap-wrap{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.25rem;margin-bottom:1.5rem;overflow-x:auto}.heatmap-grid{display:grid;grid-auto-flow:column;grid-template-rows:repeat(7,1fr);gap:3px}.heatmap-cell{width:13px;height:13px;border-radius:2px;background:var(--bg-elevated);opacity:.4;transform:scale(.82);transition:background .18s ease,opacity .22s ease,transform .22s ease}.heatmap-cell.active{opacity:1;transform:scale(1)}.heatmap-cell:hover{outline:1px solid var(--text-muted)}.heatmap-labels{display:flex;justify-content:space-between;margin-top:.5rem;font-size:.65rem;color:var(--text-muted)}.chart-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.25rem;margin-bottom:1.5rem;position:relative}.chart-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.chart-title{font-size:.85rem;font-weight:600}.chart-badge{font-size:.62rem;color:var(--yellow);background:#d299221a;padding:.15rem .5rem;border-radius:4px}.export-btn{position:absolute;top:.75rem;right:.75rem;padding:.25rem .5rem;border-radius:4px;border:1px solid var(--border);background:var(--bg-surface);color:var(--text-muted);font-size:.65rem;cursor:pointer;opacity:0;transition:all .15s;z-index:2}.chart-card:hover .export-btn{opacity:.7}.export-btn:hover{opacity:1!important;color:var(--text-primary);border-color:var(--accent)}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;margin-bottom:1.5rem;min-width:0}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;margin-bottom:1.5rem;min-width:0}.grid-3>.chart-card{min-width:0;overflow:hidden}@media(max-width:900px){.grid-2,.grid-3{grid-template-columns:1fr}}.btn-group{display:flex;gap:2px}.btn{padding:.3rem .65rem;border-radius:5px;border:1px solid var(--border);background:var(--bg-surface);color:var(--text-muted);font-size:.72rem;font-weight:500;cursor:pointer;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{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border-radius:6px;border:1px solid var(--border);background:var(--bg-card);color:var(--text-muted);font-size:.9rem;line-height:1;cursor:pointer;transition:color .12s,border-color .12s,background .12s,transform .12s}.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{flex:1 1 140px;min-width:140px;min-height:0;position:relative;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:visible}.overview-daily-spark-title{position:absolute;top:1rem;left:1.1rem;font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);z-index:1;pointer-events:none}.overview-daily-spark-chart{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.overview-daily-spark-empty{display:flex;align-items:center;justify-content:center}.overview-daily-spark-empty-text{font-size:.7rem;color:var(--text-muted)}@media(max-width:920px){.overview-daily-spark{flex:1 1 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{display:flex;flex-direction:column;gap:.85rem}.model-detail-note{color:var(--text-muted);font-size:.74rem;line-height:1.4}.model-detail-footer{display:flex;justify-content:flex-start;margin-top:.25rem}.model-detail-toggle{display:inline-flex;align-items:center;gap:.35rem;width:fit-content;padding:.35rem .6rem;font-size:.72rem;font-weight:500;color:var(--text-muted);background:#ffffff0a;border:1px solid var(--border);border-radius:6px;cursor:pointer;transition:color .2s,background .2s,border-color .2s}.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{font-size:.6rem;opacity:.8;transition:transform .25s ease}.model-detail-toggle-arrow.expanded{transform:rotate(180deg)}.model-detail-charts{display:flex;gap:.25rem;flex-wrap:wrap;align-items:flex-start;width:100%;overflow:visible;position:relative;z-index:10}.model-detail-donut{flex:0 0 200px;width:200px;min-width:200px;height:200px;overflow:visible;z-index:10;display:flex;flex-direction:column}.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:1 1 300px;min-width:300px;height:200px;overflow:visible;display:flex;flex-direction:column}.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;overflow:hidden;transition:max-height .2s ease-out}.model-detail-summary-wrap.expanded{max-height:400px}.model-detail-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.6rem;padding-top:.5rem}.model-detail-summary-card{background:#ffffff05;border:1px solid var(--border);border-radius:10px;padding:.65rem .75rem}.model-detail-summary-head{display:flex;align-items:center;gap:.45rem;margin-bottom:.45rem;font-size:.76rem;font-weight:600;color:var(--text-primary);text-transform:capitalize;min-width:0}.model-detail-summary-head .model-detail-summary-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.model-detail-swatch{width:9px;height:9px;border-radius:999px;flex:0 0 auto}.model-detail-summary-line{font-size:.72rem;color:var(--text-muted);line-height:1.45}.detail-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem;margin-bottom:1rem}.detail-summary-stat{background:#ffffff08;border:1px solid var(--border);border-radius:10px;padding:.8rem .9rem}.detail-summary-label{font-size:.68rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:.25rem}.detail-summary-value{font-size:1.1rem;font-family:var(--font-mono);color:var(--text-primary)}.table-search{padding:.75rem 1rem;border-bottom:1px solid var(--border)}.table-search input{width:100%;padding:.5rem .85rem;border-radius:6px;border:1px solid var(--border);background:var(--bg-surface);color:var(--text-primary);font-size:.82rem;font-family:var(--font-sans);outline:none}.table-search input:focus{border-color:var(--accent)}.table-search input::placeholder{color:var(--text-muted)}table{width:100%;border-collapse:collapse;font-size:.78rem}th{text-align:left;padding:.55rem .85rem;font-weight:600;color:var(--text-muted);border-bottom:1px solid var(--border);font-size:.68rem;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}td{padding:.5rem .85rem;border-bottom:1px solid rgba(48,54,61,.5);color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:240px}tr:hover td{color:var(--text-primary);background:#6366f108}.tag{display:inline-block;padding:.1rem .4rem;border-radius:4px;font-size:.66rem;font-family:var(--font-mono);font-weight:500}.tag-review{background:#06b6d41f;color:var(--cyan)}.tag-exploration{background:#f973161f;color:var(--orange)}.tag-planning{background:#eab3081f;color:var(--yellow)}.tag-memory{background:#ec48991f;color:var(--pink)}.tag-generic{background:#64748b1f;color:var(--text-secondary)}.loading-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#06080feb;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:999;transition:opacity .6s ease}.loading-overlay.fading{opacity:0;pointer-events:none}.loading-logo{font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,#818cf8,#6366f1);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:1.5rem}.loading-bar-wrap{width:260px;height:4px;background:var(--bg-elevated);border-radius:2px;overflow:hidden;margin-bottom:1rem}.loading-bar{height:100%;background:linear-gradient(90deg,var(--accent),#818cf8);border-radius:2px;transition:width .4s ease}.loading-phase{font-size:.82rem;font-weight:500;color:var(--text-secondary);margin-bottom:.2rem}.loading-detail{font-family:var(--font-mono);font-size:.72rem;color:var(--text-muted)}.loading-footer{position:absolute;bottom:1.5rem;font-size:.7rem;color:var(--text-muted)}.loading-heart{color:#f43f5e}.coverage-subtle{display:flex;align-items:center;gap:1.5rem;font-size:.68rem;color:var(--text-muted);padding:.5rem 0;margin-bottom:1rem}.coverage-item{display:flex;align-items:center;gap:.35rem;font-variant-numeric:tabular-nums}.coverage-nums{display:inline-block;min-width:9ch;text-align:right}.coverage-nums-single{min-width:4ch}.coverage-dot{width:6px;height:6px;border-radius:50%}html{scrollbar-width:none}::-webkit-scrollbar{display:none;width:0;height:0}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:fadeUp .35s ease forwards}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.incomplete-badge{font-size:.65rem;color:var(--yellow);background:#d299221a;padding:.12rem .45rem;border-radius:3px;animation:pulse 2s infinite}.ingesting-badge .ingesting-pct{display:inline-block;min-width:4ch;text-align:right;font-variant-numeric:tabular-nums}.echarts-tooltip,[class*=ec-component-tooltip]{max-width:90vw!important;max-height:80vh!important;overflow:auto!important}