farming-code 2.2.18 → 2.2.20

package/dist/index.html

@@ -15,7 +15,7 @@
     <link rel="apple-touch-icon" sizes="180x180" href="/farming/farming-2/app-icon-v2-180.png" />
     <link rel="manifest" href="/farming/farming-2/site.webmanifest" />
     <title>Farming 2</title>
-    <script type="module" crossorigin src="/farming/assets/index-fp8VhOes.js"></script>
+    <script type="module" crossorigin src="/farming/assets/index-DuMjesL2.js"></script>
     <link rel="modulepreload" crossorigin href="/farming/assets/chunk-DECur_0Z.js">
     <link rel="modulepreload" crossorigin href="/farming/assets/preload-helper-mJowh_hw.js">
     <link rel="modulepreload" crossorigin href="/farming/assets/jsx-runtime-BthL93pI.js">

package/frontend/skins/crt/app.js

@@ -55,6 +55,9 @@ let billingRequestSequence = 0;
 let billingAbortController = null;
 let billingRefreshTimer = null;
 let billingLiveDayRefreshTimer = null;
+let crtTokenRateRefreshTimer = null;
+let crtTokenRateFirstLoadTimer = null;
+let crtTokenRateAbortController = null;
 let billingCanvasFrame = null;
 let billingMode = 'days';
 let billingSelectedDate = '';
@@ -116,8 +119,10 @@ const CRT_AGENT_GRID_GAP = 15;
 const CRT_AGENT_GRID_PADDING = 20;
 const CRT_SEARCH_DEBOUNCE_MS = 180;
 const CRT_SEARCH_RESULT_LIMIT = 100;
-const CRT_BILLING_REFRESH_MS = 30_000;
+const CRT_BILLING_REFRESH_MS = 15_000;
 const CRT_BILLING_LIVE_DAY_REFRESH_MS = 5_000;
+const CRT_TOKEN_RATE_REFRESH_MS = 60_000;
+const CRT_TOKEN_RATE_FIRST_LOAD_MS = 1_500;
 const CRT_BILLING_DAY_DETAIL_CACHE_MS = 30_000;
 const CRT_BILLING_TOTAL_ANIMATION_MS = 900;
 const CRT_BILLING_DAY_DETAIL_RETRY_MS = 750;
@@ -3159,6 +3164,7 @@ function setCrtMainView(view) {
   if (historySidebarItem) historySidebarItem.classList.toggle('active', crtMainView === 'history');
   if (searchSidebarItem) searchSidebarItem.classList.toggle('active', crtMainView === 'search');
   if (billingSidebarItem) billingSidebarItem.classList.toggle('active', crtMainView === 'billing');
+  if (previousView !== 'agents' && crtMainView === 'agents') checkMainAgentStatus();
 }
 
 function getCrtSearchResults() {
@@ -3409,6 +3415,7 @@ function setupCrtSearchControls() {
 }
 
 function formatCrtUsageValue(value) {
+  if (value === null || value === undefined || value === '') return '--';
   const numberValue = Number(value);
   if (!Number.isFinite(numberValue) || numberValue < 0) return '--';
   if (numberValue >= 1_000_000_000) {
@@ -4005,6 +4012,30 @@ function scrollCrtBillingSelectedDayIntoView() {
   else if (right > scroll.scrollLeft + scroll.clientWidth) scroll.scrollLeft = right - scroll.clientWidth;
 }
 
+function crtBillingDayArrowTargetIndex(points, index, key) {
+  if (!Array.isArray(points) || index < 0 || index >= points.length) return -1;
+  const firstDate = parseCrtBillingDate(points[0] && points[0].date);
+  const leadingDays = firstDate ? (firstDate.getDay() + 6) % 7 : 0;
+  const position = leadingDays + index;
+  const weekdayRow = position % 7;
+  let targetPosition = position;
+  if (key === 'ArrowUp') {
+    if (weekdayRow === 0) return -1;
+    targetPosition -= 1;
+  } else if (key === 'ArrowDown') {
+    if (weekdayRow === 6) return -1;
+    targetPosition += 1;
+  } else if (key === 'ArrowLeft') {
+    targetPosition -= 7;
+  } else if (key === 'ArrowRight') {
+    targetPosition += 7;
+  } else {
+    return -1;
+  }
+  const targetIndex = targetPosition - leadingDays;
+  return targetIndex >= 0 && targetIndex < points.length ? targetIndex : -1;
+}
+
 function selectCrtBillingDayByArrow(key) {
   if (crtMainView !== 'billing' || billingMode !== 'days') return false;
   const points = billingSummary && billingSummary.daily && Array.isArray(billingSummary.daily.points)
@@ -4013,8 +4044,8 @@ function selectCrtBillingDayByArrow(key) {
   if (points.length === 0) return false;
   let index = points.findIndex(point => point.date === billingSelectedDate);
   if (index < 0) index = points.length - 1;
-  const delta = key === 'ArrowLeft' ? -1 : key === 'ArrowRight' ? 1 : key === 'ArrowUp' ? -7 : 7;
-  const nextIndex = Math.max(0, Math.min(points.length - 1, index + delta));
+  const nextIndex = crtBillingDayArrowTargetIndex(points, index, key);
+  if (nextIndex < 0) return false;
   return selectCrtBillingDay(points[nextIndex].date, { focus: true });
 }
 
@@ -4155,11 +4186,35 @@ function setCrtBillingMode(mode) {
   }
   const status = document.getElementById('billing-status');
   if (status && billingSummary && !billingLoading && !billingError) {
-    status.textContent = billingMode === 'days' ? 'HISTORY READY' : 'SIGNAL LOCKED';
+    status.textContent = crtBillingStatusText();
   }
   if (billingMode === 'live') window.requestAnimationFrame(() => drawCrtBillingScope());
 }
 
+function selectCrtBillingMode(mode) {
+  setCrtBillingMode(mode);
+  const selectedTab = document.getElementById(
+    billingMode === 'live' ? 'billing-live-tab' : 'billing-days-tab',
+  );
+  if (selectedTab) setCrtNavigationSelection(selectedTab);
+  if (billingMode === 'live' && !billingLoading) void loadCrtBilling();
+}
+
+function crtBillingTimeline(summary = billingSummary) {
+  return summary && summary.liveTimeline || summary && summary.timeline || null;
+}
+
+function crtBillingStatusText(summary = billingSummary) {
+  if (billingMode === 'days') return 'HISTORY READY';
+  const sampledAt = Number(summary && summary.sampledAt);
+  if (!Number.isFinite(sampledAt) || sampledAt <= 0) return 'LIVE';
+  const sampled = new Date(sampledAt);
+  const time = [sampled.getHours(), sampled.getMinutes(), sampled.getSeconds()]
+    .map(value => String(value).padStart(2, '0'))
+    .join(':');
+  return `LIVE ${time}`;
+}
+
 function formatCrtBillingWindow(windowMinutes) {
   const minutes = Number(windowMinutes);
   if (!Number.isFinite(minutes) || minutes <= 0) return 'WINDOW';
@@ -4169,6 +4224,20 @@ function formatCrtBillingWindow(windowMinutes) {
   return `${Math.round(minutes)}M`;
 }
 
+function crtBillingTimelineLabels(timeline) {
+  const windowMinutes = Number(timeline && timeline.windowMs) / 60_000;
+  const windowLabel = formatCrtBillingWindow(windowMinutes);
+  const midpointLabel = formatCrtBillingWindow(windowMinutes / 2);
+  return {
+    integral: `TOKENS · ${windowLabel}`,
+    peak: `TOK/MIN · ${windowLabel}`,
+    title: `TOKEN BURN // ${windowLabel}`,
+    ariaLabel: `Token burn rate over the last ${windowLabel}`,
+    start: `-${windowLabel}`,
+    midpoint: `-${midpointLabel}`,
+  };
+}
+
 function formatCrtBillingReset(resetsAt, now = Date.now()) {
   const timestamp = Number(resetsAt);
   if (!Number.isFinite(timestamp) || timestamp <= 0) return 'RESET --';
@@ -4180,10 +4249,30 @@ function formatCrtBillingReset(resetsAt, now = Date.now()) {
 
 function crtBillingCurrentRate(summary = billingSummary) {
   const providers = summary && Array.isArray(summary.providers) ? summary.providers : [];
-  return providers.reduce((total, provider) => {
-    const rate = Number(provider && provider.tokenUsage && provider.tokenUsage.tokensPerMinute);
-    return total + (Number.isFinite(rate) ? Math.max(0, rate) : 0);
-  }, 0);
+  let total = 0;
+  let hasRate = false;
+  providers.forEach((provider) => {
+    const tokenUsage = provider && provider.tokenUsage;
+    const rate = tokenUsage && tokenUsage.tokensPerMinute;
+    if (
+      tokenUsage
+      && tokenUsage.available !== false
+      && typeof rate === 'number'
+      && Number.isFinite(rate)
+      && rate >= 0
+    ) {
+      total += rate;
+      hasRate = true;
+    }
+  });
+  return hasRate ? total : null;
+}
+
+function renderCrtTopBarTokenRate(summary = billingSummary) {
+  const tokensPerMinute = document.getElementById('tokens-per-minute');
+  if (tokensPerMinute) {
+    tokensPerMinute.textContent = formatCrtTokenRate(crtBillingCurrentRate(summary));
+  }
 }
 
 function appendCrtBillingMessage(container, text, isError = false) {
@@ -4286,7 +4375,7 @@ function drawCrtBillingScope(summary = billingSummary) {
   context.setTransform(pixelRatio, 0, 0, pixelRatio, 0, 0);
   context.clearRect(0, 0, rect.width, rect.height);
 
-  const timeline = summary && summary.timeline;
+  const timeline = crtBillingTimeline(summary);
   const points = timeline && Array.isArray(timeline.points) ? timeline.points : [];
   const values = points.map(point => Math.max(0, Number(point.tokensPerMinute) || 0));
   const providerNames = points.length > 0 ? Object.keys(points[0].providers || {}) : [];
@@ -4364,7 +4453,7 @@ function renderCrtBilling() {
   const status = document.getElementById('billing-status');
   const refresh = document.getElementById('billing-refresh');
   const empty = document.getElementById('billing-scope-empty');
-  const timeline = billingSummary && billingSummary.timeline;
+  const timeline = crtBillingTimeline();
   const hasSignal = Boolean(timeline && Number(timeline.totalTokens) > 0);
   if (status) {
     status.classList.toggle('is-busy', billingLoading);
@@ -4374,7 +4463,7 @@ function renderCrtBilling() {
       : billingLoading
         ? (billingSummary ? 'REFRESHING' : 'SCANNING LOGS')
         : billingSummary
-          ? (billingMode === 'days' ? 'HISTORY READY' : 'SIGNAL LOCKED')
+          ? crtBillingStatusText()
           : 'STANDBY';
   }
   if (refresh) refresh.disabled = billingLoading;
@@ -4384,11 +4473,24 @@ function renderCrtBilling() {
   const peakRate = document.getElementById('billing-peak-rate');
   const dutyCycle = document.getElementById('billing-duty-cycle');
   const scopeScale = document.getElementById('billing-scope-scale');
+  const windowLabel = document.getElementById('billing-window-label');
+  const peakLabel = document.getElementById('billing-peak-label');
+  const scopeTitle = document.getElementById('billing-scope-title');
+  const scope = document.getElementById('billing-scope');
+  const scopeStart = document.getElementById('billing-scope-start');
+  const scopeMidpoint = document.getElementById('billing-scope-midpoint');
+  const timelineLabels = crtBillingTimelineLabels(timeline);
   if (currentRate) currentRate.textContent = formatCrtUsageValue(crtBillingCurrentRate());
   if (windowTotal) windowTotal.textContent = formatCrtUsageValue(timeline && timeline.totalTokens);
   if (peakRate) peakRate.textContent = formatCrtUsageValue(timeline && timeline.peakTokensPerMinute);
   if (dutyCycle) dutyCycle.textContent = timeline ? `${timeline.activeBucketCount}/${timeline.bucketCount}` : '--';
   if (scopeScale) scopeScale.textContent = `${formatCrtUsageValue(timeline && timeline.peakTokensPerMinute)} TOK/MIN PEAK`;
+  if (windowLabel) windowLabel.textContent = timelineLabels.integral;
+  if (peakLabel) peakLabel.textContent = timelineLabels.peak;
+  if (scopeTitle) scopeTitle.textContent = timelineLabels.title;
+  if (scope) scope.setAttribute('aria-label', timelineLabels.ariaLabel);
+  if (scopeStart) scopeStart.textContent = timelineLabels.start;
+  if (scopeMidpoint) scopeMidpoint.textContent = timelineLabels.midpoint;
   if (empty) {
     empty.classList.toggle('hidden', hasSignal);
     empty.textContent = billingError ? 'SIGNAL LOST' : billingLoading ? 'ACQUIRING SIGNAL' : 'NO TOKEN SIGNAL';
@@ -4408,13 +4510,18 @@ async function loadCrtBilling({ fresh = false } = {}) {
   billingRequestSequence += 1;
   const requestSequence = billingRequestSequence;
   if (billingAbortController) billingAbortController.abort();
+  if (crtTokenRateAbortController) {
+    crtTokenRateAbortController.abort();
+    crtTokenRateAbortController = null;
+  }
   const controller = new window.AbortController();
   billingAbortController = controller;
   billingLoading = true;
   billingError = '';
   renderCrtBilling();
   try {
-    const response = await fetch(farmingApiPath(`/usage${fresh ? '?fresh=1' : ''}`), {
+    const query = fresh ? '?fresh=1' : billingMode === 'live' ? '?live=1' : '';
+    const response = await fetch(farmingApiPath(`/usage${query}`), {
       signal: controller.signal,
       cache: 'no-store',
     });
@@ -4422,6 +4529,7 @@ async function loadCrtBilling({ fresh = false } = {}) {
     if (!response.ok || !data || !data.usage) throw new Error(data && data.error ? data.error : `Usage request failed (${response.status})`);
     if (requestSequence !== billingRequestSequence) return;
     billingSummary = data.usage;
+    renderCrtTopBarTokenRate();
   } catch (error) {
     if (controller.signal.aborted || requestSequence !== billingRequestSequence) return;
     billingError = error instanceof Error ? error.message : 'Failed to load token telemetry';
@@ -4440,6 +4548,58 @@ async function loadCrtBilling({ fresh = false } = {}) {
   }
 }
 
+async function loadCrtTopBarTokenRate() {
+  if (billingLoading || crtTokenRateAbortController) return;
+  const controller = new window.AbortController();
+  crtTokenRateAbortController = controller;
+  try {
+    const response = await fetch(farmingApiPath('/usage'), {
+      signal: controller.signal,
+      cache: 'no-store',
+    });
+    const data = await response.json().catch(() => null);
+    if (controller.signal.aborted) return;
+    if (!response.ok || !data || !data.usage) {
+      throw new Error(data && data.error ? data.error : `Usage request failed (${response.status})`);
+    }
+    renderCrtTopBarTokenRate(data.usage);
+  } catch {
+    if (!controller.signal.aborted) renderCrtTopBarTokenRate(null);
+  } finally {
+    if (crtTokenRateAbortController === controller) crtTokenRateAbortController = null;
+  }
+}
+
+function stopCrtTopBarTokenRateRefresh({ abort = false } = {}) {
+  if (crtTokenRateFirstLoadTimer !== null) {
+    clearTimeout(crtTokenRateFirstLoadTimer);
+    crtTokenRateFirstLoadTimer = null;
+  }
+  if (crtTokenRateRefreshTimer !== null) {
+    clearInterval(crtTokenRateRefreshTimer);
+    crtTokenRateRefreshTimer = null;
+  }
+  if (abort && crtTokenRateAbortController) {
+    crtTokenRateAbortController.abort();
+    crtTokenRateAbortController = null;
+  }
+}
+
+function startCrtTopBarTokenRateRefresh({ immediate = false } = {}) {
+  stopCrtTopBarTokenRateRefresh();
+  if (immediate) {
+    void loadCrtTopBarTokenRate();
+  } else {
+    crtTokenRateFirstLoadTimer = setTimeout(() => {
+      crtTokenRateFirstLoadTimer = null;
+      if (document.visibilityState !== 'hidden') void loadCrtTopBarTokenRate();
+    }, CRT_TOKEN_RATE_FIRST_LOAD_MS);
+  }
+  crtTokenRateRefreshTimer = setInterval(() => {
+    if (document.visibilityState !== 'hidden') void loadCrtTopBarTokenRate();
+  }, CRT_TOKEN_RATE_REFRESH_MS);
+}
+
 function stopCrtBillingRefresh({ abort = false } = {}) {
   if (billingRefreshTimer !== null) {
     clearInterval(billingRefreshTimer);
@@ -5444,7 +5604,7 @@ function connect() {
         else scheduleCrtPreviewCardRender(agent);
       }
     } else if (data.type === 'system-stats') {
-      updateSystemStats(data.stats, data.uptime, data.usageRate);
+      updateSystemStats(data.stats, data.uptime);
     } else if (data.type === 'error') {
       waitingForAgent = false;
       if (workspaceDirectoryPrompt?.kind === 'creating') {
@@ -5491,6 +5651,7 @@ function connect() {
 function suspendCrtPageConnection() {
   document.body.classList.add('page-hidden');
   stopCrtBillingRefresh({ abort: true });
+  stopCrtTopBarTokenRateRefresh({ abort: true });
   if (wsReconnectTimer) {
     clearTimeout(wsReconnectTimer);
     wsReconnectTimer = null;
@@ -5504,6 +5665,7 @@ function resumeCrtPageConnection() {
   if (document.visibilityState === 'hidden') return;
   document.body.classList.remove('page-hidden');
   connect();
+  startCrtTopBarTokenRateRefresh({ immediate: true });
   if (crtMainView === 'billing') {
     startCrtBillingRefresh();
     void loadCrtBilling();
@@ -5513,15 +5675,33 @@ function resumeCrtPageConnection() {
 function checkMainAgentStatus() {
   if (!state) return;
 
-  const mainAgent = state.mainAgentId
-    ? state.agents.find(a => a.id === state.mainAgentId)
-    : null;
-
-  if (!state.mainAgentId || !isCrtLiveAgent(mainAgent)) {
+  const inputDialog = document.getElementById('input-dialog');
+  const action = getCrtMainAgentDialogAction({
+    currentState: state,
+    mainView: crtMainView,
+    dialogActive: Boolean(inputDialog && inputDialog.classList.contains('active')),
+    pendingMainAgent: pendingMainAgentLaunch,
+  });
+  if (action === 'hide') {
+    hideInputDialog();
+  } else if (action === 'show') {
     showInputDialog();
   }
 }
 
+function getCrtMainAgentDialogAction({
+  currentState,
+  mainView = 'agents',
+  dialogActive = false,
+  pendingMainAgent = false,
+} = {}) {
+  if (!needsMainAgent(currentState)) {
+    return dialogActive && pendingMainAgent ? 'hide' : 'none';
+  }
+  if (mainView !== 'agents' || dialogActive) return 'none';
+  return 'show';
+}
+
 function formatSystemClock(timestamp, timeZone) {
   if (!Number.isFinite(timestamp)) return '--';
   try {
@@ -5541,21 +5721,22 @@ function formatSystemClock(timestamp, timeZone) {
 }
 
 function formatCrtTokenRate(value) {
+  if (value === null || value === undefined || value === '') return '--';
   const rate = Number(value);
   if (!Number.isFinite(rate) || rate < 0) return '--';
   const rounded = rate < 10 ? Math.round(rate * 10) / 10 : Math.round(rate);
   if (rounded >= 1_000_000) {
     const compact = rounded / 1_000_000;
-    return `~${compact >= 10 ? Math.round(compact) : Math.round(compact * 10) / 10}M`;
+    return `${compact >= 10 ? Math.round(compact) : Math.round(compact * 10) / 10}M`;
   }
   if (rounded >= 1_000) {
     const compact = rounded / 1_000;
-    return `~${compact >= 10 ? Math.round(compact) : Math.round(compact * 10) / 10}K`;
+    return `${compact >= 10 ? Math.round(compact) : Math.round(compact * 10) / 10}K`;
   }
-  return `~${rounded}`;
+  return String(rounded);
 }
 
-function updateSystemStats(stats, uptime, usageRate) {
+function updateSystemStats(stats, uptime) {
   if (stats.cpu !== undefined) {
     document.getElementById('cpu-usage').textContent = stats.cpu;
   }
@@ -5572,11 +5753,6 @@ function updateSystemStats(stats, uptime, usageRate) {
     document.getElementById('system-time').textContent = formatSystemClock(stats.timestamp, stats.timeZone);
   }
 
-  const tokensPerMinute = document.getElementById('tokens-per-minute');
-  if (tokensPerMinute) {
-    tokensPerMinute.textContent = formatCrtTokenRate(usageRate && usageRate.estimatedTokensPerMinute);
-  }
-
   if (uptime !== undefined) {
     const hours = Math.floor(uptime / 3600);
     const minutes = Math.floor((uptime % 3600) / 60);
@@ -6130,10 +6306,45 @@ function flushStructuredComposerFollowUp(agent) {
   setTimeout(() => void refreshStructuredSession(agent.id, true), 160);
 }
 
+function structuredContextUsage(session) {
+  const usage = session && session.usage;
+  const usedTokens = usage && usage.used;
+  const limitTokens = usage && usage.size;
+  if (
+    typeof usedTokens !== 'number'
+    || !Number.isFinite(usedTokens)
+    || usedTokens < 0
+    || typeof limitTokens !== 'number'
+    || !Number.isFinite(limitTokens)
+    || limitTokens <= 0
+  ) return null;
+  const percentUsed = Math.max(0, Math.min(100, Math.round(usedTokens / limitTokens * 100)));
+  return {
+    usedTokens,
+    limitTokens,
+    percentUsed,
+    percentLeft: 100 - percentUsed,
+  };
+}
+
 function formatStructuredUsage(session) {
-  const tokens = Number(session && session.usage && session.usage.totalTokens);
-  if (!Number.isFinite(tokens) || tokens <= 0) return '';
-  return `${Math.round(tokens / 1000)}K TOK`;
+  const contextUsage = structuredContextUsage(session);
+  if (!contextUsage) return '';
+  return `${formatCrtUsageValue(contextUsage.usedTokens)} / ${formatCrtUsageValue(contextUsage.limitTokens)} TOK`;
+}
+
+function updateStructuredUsageDisplay(element, session) {
+  if (!element) return;
+  const contextUsage = structuredContextUsage(session);
+  element.textContent = formatStructuredUsage(session);
+  if (!contextUsage) {
+    element.removeAttribute('title');
+    element.removeAttribute('aria-label');
+    return;
+  }
+  const label = `Context window: ${contextUsage.percentUsed}% used (${contextUsage.percentLeft}% left)`;
+  element.title = label;
+  element.setAttribute('aria-label', label);
 }
 
 function structuredSelectOptions(option) {
@@ -6187,7 +6398,7 @@ function resetStructuredSessionControls() {
   if (commandButton) commandButton.hidden = true;
   if (modeButton) modeButton.hidden = true;
   if (configButton) configButton.hidden = true;
-  if (usage) usage.textContent = '';
+  updateStructuredUsageDisplay(usage, null);
 }
 
 function setStructuredComposerMenu(menu, { focusFirst = false, opener = null } = {}) {
@@ -6429,7 +6640,7 @@ function renderStructuredSessionControls() {
   const currentMode = modes.find((mode) => mode.id === (session && (session.currentModeId || (session.modes && session.modes.currentModeId))));
   modeButton.textContent = `[MODE ${currentMode ? currentMode.name : ''}]`;
   configButton.textContent = `[${currentStructuredConfigLabel(session)}]`;
-  usage.textContent = formatStructuredUsage(session);
+  updateStructuredUsageDisplay(usage, session);
   renderStructuredComposerMenu();
 }
 
@@ -7876,13 +8087,14 @@ if (typeof document !== 'undefined') {
 
     if (
       crtMainView === 'billing'
+      && billingMode === 'days'
       && !sessionActive
       && !e.ctrlKey
       && !e.metaKey
       && !e.altKey
       && navigationArrow
-      && selectCrtBillingDayByArrow(e.key)
     ) {
+      selectCrtBillingDayByArrow(e.key);
       e.preventDefault();
       return;
     }
@@ -8076,13 +8288,13 @@ if (typeof document !== 'undefined') {
     }
 
     if ((e.key === 'd' || e.key === 'D') && crtMainView === 'billing') {
-      setCrtBillingMode('days');
+      selectCrtBillingMode('days');
       e.preventDefault();
       return;
     }
 
     if ((e.key === 'l' || e.key === 'L') && crtMainView === 'billing') {
-      setCrtBillingMode('live');
+      selectCrtBillingMode('live');
       e.preventDefault();
       return;
     }
@@ -8253,6 +8465,10 @@ if (typeof module !== 'undefined' && module.exports) {
     crtAgentSessionKey,
     crtResumedSessionFromSource,
     crtDashboardStateSignature,
+    crtBillingDayArrowTargetIndex,
+    crtBillingTimelineLabels,
+    crtBillingTimeline,
+    crtBillingCurrentRate,
     findDefaultNewAgentIndex,
     findDirectionalNavigationIndex,
     isBrowserShortcut,
@@ -8269,11 +8485,14 @@ if (typeof module !== 'undefined' && module.exports) {
     formatCrtTokenRate,
     formatCrtHistoryAge,
     formatCrtCompactTotalValue,
+    formatCrtUsageValue,
+    formatStructuredUsage,
     getCrtHistoryPage,
     getCrtAgentPage,
     getCrtAgentVerticalPageTarget,
     getCrtLiveAgents,
     getCrtRegularAgents,
+    getCrtMainAgentDialogAction,
     getCrtAgentRemovalFallback,
     getAgentDisplayText,
     getCrtPreviewCellStyle,
@@ -8290,6 +8509,8 @@ if (typeof module !== 'undefined' && module.exports) {
     hasCrtStructuredLocalEscapeAction,
     resolveCrtSessionKeyboardCommand,
     structuredComposerAction,
+    structuredContextUsage,
+    updateStructuredUsageDisplay,
     structuredTranscriptTurns,
     crtStructuredPreviewMessageLines,
     getCrtBrandPaneKey,
@@ -8316,5 +8537,6 @@ if (typeof module !== 'undefined' && module.exports) {
   });
   window.addEventListener('pagehide', suspendCrtPageConnection);
   window.addEventListener('pageshow', resumeCrtPageConnection);
+  startCrtTopBarTokenRateRefresh();
   connect();
 }