fix(usage): refresh work status quotas automatically

packages/ui/src/lib/desktop.ts

@@ -97,10 +97,7 @@ export type DesktopSettings = {
   summaryLength?: number;
   maxLastMessageLength?: number;
 
-  usageAutoRefresh?: boolean;
-  usageRefreshIntervalMs?: number;
   usageDisplayMode?: 'usage' | 'remaining';
-  usageShowPredValues?: boolean;
   usageDropdownProviders?: string[];
   usageSelectedModels?: Record<string, string[]>;  // Map of providerId -> selected model names
   usageCollapsedFamilies?: Record<string, string[]>;  // Map of providerId -> collapsed family IDs (UsagePage)

packages/ui/src/lib/i18n/messages/de.settings.ts

@@ -1117,15 +1117,14 @@ export const settingsDict = {
   'settings.usage.sidebar.field.displayModePlaceholder': 'Anzeigemodus',
   'settings.usage.sidebar.field.displayModeUsage': 'Nutzung',
   'settings.usage.sidebar.field.displayModeRemaining': 'Verbleibendes Kontingent',
-  'settings.usage.sidebar.field.showPredictions': 'Vorhersagen anzeigen',
   'settings.usage.sidebar.status.notSet': 'Nicht festgelegt',
   'settings.usage.page.empty.selectProvider': 'Wählen Sie einen Anbieter aus, um Nutzungsdetails anzuzeigen.',
   'settings.usage.page.header.providerUsage': '{provider} Nutzung',
   'settings.usage.page.header.refreshing': 'Aktualisiere Nutzung...',
   'settings.usage.page.header.lastUpdated': 'Zuletzt aktualisiert: {time}',
-  'settings.usage.page.options.showInHeaderAria': 'Im Kopfmenü anzeigen',
-  'settings.usage.page.options.showInHeader': 'Im Kopfmenü anzeigen',
-  'settings.usage.page.options.showInHeaderTooltip': 'Wenn aktiviert, ist die Nutzung dieses Anbieters im Schnellzugriff-Menü in der App-Kopfzeile sichtbar.',
+  'settings.usage.page.options.showInWorkStatusAria': 'Im Arbeitsstatusbereich anzeigen',
+  'settings.usage.page.options.showInWorkStatus': 'Im Arbeitsstatusbereich anzeigen',
+  'settings.usage.page.options.showInWorkStatusTooltip': 'Wenn aktiviert, ist die Nutzung dieses Anbieters im Arbeitsstatusbereich sichtbar.',
   'settings.usage.page.state.noData': 'Noch keine Nutzungsdaten verfügbar.',
   'settings.usage.page.state.refreshFailedTitle': 'Aktualisierung der Nutzungsdaten fehlgeschlagen',
   'settings.usage.page.state.providerNotConfiguredTitle': 'Anbieter nicht konfiguriert',

packages/ui/src/lib/i18n/messages/en.settings.ts

@@ -1182,15 +1182,14 @@ export const settingsDict = {
   'settings.usage.sidebar.field.displayModePlaceholder': 'Display mode',
   'settings.usage.sidebar.field.displayModeUsage': 'Usage',
   'settings.usage.sidebar.field.displayModeRemaining': 'Quota remaining',
-  'settings.usage.sidebar.field.showPredictions': 'Show predictions',
   'settings.usage.sidebar.status.notSet': 'Not set',
   'settings.usage.page.empty.selectProvider': 'Select a provider to view usage details.',
   'settings.usage.page.header.providerUsage': '{provider} Usage',
   'settings.usage.page.header.refreshing': 'Refreshing usage...',
   'settings.usage.page.header.lastUpdated': 'Last updated: {time}',
-  'settings.usage.page.options.showInHeaderAria': 'Show in header menu',
-  'settings.usage.page.options.showInHeader': 'Show in Header Menu',
-  'settings.usage.page.options.showInHeaderTooltip': 'When enabled, this provider\'s usage will be visible in the quick access dropdown menu in the app header.',
+  'settings.usage.page.options.showInWorkStatusAria': 'Show in work status panel',
+  'settings.usage.page.options.showInWorkStatus': 'Show in Work Status Panel',
+  'settings.usage.page.options.showInWorkStatusTooltip': 'When enabled, this provider\'s usage will be visible in the work status panel.',
   'settings.usage.page.state.noData': 'No usage data available yet.',
   'settings.usage.page.state.refreshFailedTitle': 'Failed to refresh usage data',
   'settings.usage.page.state.providerNotConfiguredTitle': 'Provider not configured',

packages/ui/src/lib/i18n/messages/es.settings.ts

@@ -1150,15 +1150,14 @@ export const settingsDict = {
   "settings.usage.sidebar.field.displayModePlaceholder": "Modo de visualización",
   "settings.usage.sidebar.field.displayModeUsage": "Uso",
   "settings.usage.sidebar.field.displayModeRemaining": "Cuota restante",
-  "settings.usage.sidebar.field.showPredictions": "Mostrar predicciones",
   "settings.usage.sidebar.status.notSet": "No establecido",
   "settings.usage.page.empty.selectProvider": "Selecciona un proveedor para ver detalles de uso.",
   "settings.usage.page.header.providerUsage": "Uso de {provider}",
   "settings.usage.page.header.refreshing": "Actualizando uso...",
   "settings.usage.page.header.lastUpdated": "Última actualización: {time}",
-  "settings.usage.page.options.showInHeaderAria": "Mostrar en menú de encabezado",
-  "settings.usage.page.options.showInHeader": "Mostrar en el menú del encabezado",
-  "settings.usage.page.options.showInHeaderTooltip": "Cuando esté habilitado, el uso de este proveedor será visible en el menú de acceso rápido del encabezado de la aplicación.",
+  "settings.usage.page.options.showInWorkStatusAria": "Mostrar en el panel de estado del trabajo",
+  "settings.usage.page.options.showInWorkStatus": "Mostrar en el panel de estado del trabajo",
+  "settings.usage.page.options.showInWorkStatusTooltip": "Cuando esté habilitado, el uso de este proveedor será visible en el panel de estado del trabajo.",
   "settings.usage.page.state.noData": "No hay datos de uso disponibles aún.",
   "settings.usage.page.state.refreshFailedTitle": "No se pudo actualizar los datos de uso",
   "settings.usage.page.state.providerNotConfiguredTitle": "Proveedor no configurado",

packages/ui/src/lib/i18n/messages/fr.settings.ts

@@ -1068,15 +1068,14 @@ export const settingsDict = {
   'settings.usage.sidebar.field.displayModePlaceholder': 'Mode d\'affichage',
   'settings.usage.sidebar.field.displayModeUsage': 'Usage',
   'settings.usage.sidebar.field.displayModeRemaining': 'Quota restant',
-  'settings.usage.sidebar.field.showPredictions': 'Afficher les prédictions',
   'settings.usage.sidebar.status.notSet': 'Non défini',
   'settings.usage.page.empty.selectProvider': 'Sélectionnez un fournisseur pour afficher les détails d\'utilisation.',
   'settings.usage.page.header.providerUsage': 'Utilisation de {provider}',
   'settings.usage.page.header.refreshing': 'Utilisation rafraîchissante...',
   'settings.usage.page.header.lastUpdated': 'Dernière mise à jour : {time}',
-  'settings.usage.page.options.showInHeaderAria': 'Afficher dans le menu d\'en-tête',
-  'settings.usage.page.options.showInHeader': 'Afficher dans le menu d\'en-tête',
-  'settings.usage.page.options.showInHeaderTooltip': 'Lorsqu\'elle est activée, l\'utilisation de ce fournisseur sera visible dans le menu déroulant d\'accès rapide dans l\'en-tête de l\'application.',
+  'settings.usage.page.options.showInWorkStatusAria': 'Afficher dans le panneau d’état du travail',
+  'settings.usage.page.options.showInWorkStatus': 'Afficher dans le panneau d’état du travail',
+  'settings.usage.page.options.showInWorkStatusTooltip': 'Lorsqu’elle est activée, l’utilisation de ce fournisseur sera visible dans le panneau d’état du travail.',
   'settings.usage.page.state.noData': 'Aucune donnée d\'utilisation disponible pour l\'instant.',
   'settings.usage.page.state.refreshFailedTitle': 'Échec de l\'actualisation des données d\'utilisation',
   'settings.usage.page.state.providerNotConfiguredTitle': 'Fournisseur non configuré',

packages/ui/src/lib/i18n/messages/ja.settings.ts

@@ -1183,15 +1183,14 @@ export const settingsDict = {
   'settings.usage.sidebar.field.displayModePlaceholder': '表示モード',
   'settings.usage.sidebar.field.displayModeUsage': '使用量',
   'settings.usage.sidebar.field.displayModeRemaining': '残り割り当て',
-  'settings.usage.sidebar.field.showPredictions': '予測を表示',
   'settings.usage.sidebar.status.notSet': '未設定',
   'settings.usage.page.empty.selectProvider': '使用量の詳細を表示する Provider を選択してください。',
   'settings.usage.page.header.providerUsage': '{provider} の使用量',
   'settings.usage.page.header.refreshing': '使用量を更新中...',
   'settings.usage.page.header.lastUpdated': '最終更新: {time}',
-  'settings.usage.page.options.showInHeaderAria': 'ヘッダーメニューに表示',
-  'settings.usage.page.options.showInHeader': 'ヘッダーメニューに表示',
-  'settings.usage.page.options.showInHeaderTooltip': '有効にすると、アプリヘッダーのクイックアクセスドロップダウンメニューにこの Provider の使用量が表示されます。',
+  'settings.usage.page.options.showInWorkStatusAria': '作業ステータスパネルに表示',
+  'settings.usage.page.options.showInWorkStatus': '作業ステータスパネルに表示',
+  'settings.usage.page.options.showInWorkStatusTooltip': '有効にすると、このプロバイダーの使用量が作業ステータスパネルに表示されます。',
   'settings.usage.page.state.noData': 'まだ使用量データがありません。',
   'settings.usage.page.state.refreshFailedTitle': '使用量データの更新に失敗しました',
   'settings.usage.page.state.providerNotConfiguredTitle': 'Provider が設定されていません',

packages/ui/src/lib/i18n/messages/ko.settings.ts

@@ -1150,15 +1150,14 @@ export const settingsDict = {
   'settings.usage.sidebar.field.displayModePlaceholder': '표시 모드',
   'settings.usage.sidebar.field.displayModeUsage': '사용량',
   'settings.usage.sidebar.field.displayModeRemaining': '남은 할당량',
-  'settings.usage.sidebar.field.showPredictions': '예측 표시',
   'settings.usage.sidebar.status.notSet': '설정 안 됨',
   'settings.usage.page.empty.selectProvider': '사용량 세부 정보를 보려면 프로바이더를 선택하세요.',
   'settings.usage.page.header.providerUsage': '{provider} 사용량',
   'settings.usage.page.header.refreshing': '사용량 새로고침 중...',
   'settings.usage.page.header.lastUpdated': '마지막 업데이트: {time}',
-  'settings.usage.page.options.showInHeaderAria': '헤더 메뉴에 표시',
-  'settings.usage.page.options.showInHeader': '헤더 메뉴에 표시',
-  'settings.usage.page.options.showInHeaderTooltip': '활성화하면 이 프로바이더의 사용량이 앱 헤더의 빠른 접근 메뉴에 표시됩니다.',
+  'settings.usage.page.options.showInWorkStatusAria': '작업 상태 패널에 표시',
+  'settings.usage.page.options.showInWorkStatus': '작업 상태 패널에 표시',
+  'settings.usage.page.options.showInWorkStatusTooltip': '활성화하면 이 제공업체의 사용량이 작업 상태 패널에 표시됩니다.',
   'settings.usage.page.state.noData': '아직 사용량 데이터가 없습니다.',
   'settings.usage.page.state.refreshFailedTitle': '사용량 데이터를 새로고침하지 못했습니다',
   'settings.usage.page.state.providerNotConfiguredTitle': '프로바이더가 설정되지 않았습니다',

packages/ui/src/lib/i18n/messages/pl.settings.ts

@@ -1959,9 +1959,9 @@ export const settingsDict = {
   'settings.usage.page.header.lastUpdated': 'Ostatnio aktualizowano: {time}',
   'settings.usage.page.header.providerUsage': 'Użycie {provider}',
   'settings.usage.page.header.refreshing': 'Odświeżanie użycia...',
-  'settings.usage.page.options.showInHeader': 'Pokaż w menu nagłówka',
-  'settings.usage.page.options.showInHeaderAria': 'Pokaż w menu nagłówka',
-  'settings.usage.page.options.showInHeaderTooltip': 'Jeśli jest włączone, ten dostawca',
+  'settings.usage.page.options.showInWorkStatus': 'Pokaż w panelu statusu pracy',
+  'settings.usage.page.options.showInWorkStatusAria': 'Pokaż w panelu statusu pracy',
+  'settings.usage.page.options.showInWorkStatusTooltip': 'Po włączeniu użycie tego dostawcy będzie widoczne w panelu statusu pracy.',
   'settings.usage.page.section.modelQuotas': 'Limity modeli',
   'settings.usage.page.section.otherModels': 'Inne modele',
   'settings.usage.page.state.noData': 'Brak dostępnych danych o użyciu.',
@@ -1976,7 +1976,6 @@ export const settingsDict = {
   'settings.usage.sidebar.field.display': 'Wyświetlanie',
   'settings.usage.sidebar.field.displayModePlaceholder': 'Tryb wyświetlania',
   'settings.usage.sidebar.field.displayModeRemaining': 'Pozostała kwota',
-  'settings.usage.sidebar.field.showPredictions': 'Pokaż prognozy',
   'settings.usage.sidebar.field.displayModeUsage': 'Użycie',
   'settings.usage.sidebar.field.intervalPlaceholder': 'Interwał',
   'settings.usage.sidebar.status.notSet': 'Nie ustawiono',

packages/ui/src/lib/i18n/messages/pt-BR.settings.ts

@@ -1150,15 +1150,14 @@ export const settingsDict = {
   "settings.usage.sidebar.field.displayModePlaceholder": "Modo de visualização",
   "settings.usage.sidebar.field.displayModeUsage": "Uso",
   "settings.usage.sidebar.field.displayModeRemaining": "Cota restante",
-  "settings.usage.sidebar.field.showPredictions": "Mostrar previsões",
   "settings.usage.sidebar.status.notSet": "Não definido",
   "settings.usage.page.empty.selectProvider": "Selecione um provedor para ver detalhes de uso.",
   "settings.usage.page.header.providerUsage": "Uso de {provider}",
   "settings.usage.page.header.refreshing": "Atualizando uso...",
   "settings.usage.page.header.lastUpdated": "Última atualização: {time}",
-  "settings.usage.page.options.showInHeaderAria": "Mostrar em menu de cabeçalho",
-  "settings.usage.page.options.showInHeader": "Mostrar no menu do cabeçalho",
-  "settings.usage.page.options.showInHeaderTooltip": "Quando habilitado, o uso deste provedor ficará visível no menu de acesso rápido do cabeçalho do aplicativo.",
+  "settings.usage.page.options.showInWorkStatusAria": "Mostrar no painel de status do trabalho",
+  "settings.usage.page.options.showInWorkStatus": "Mostrar no painel de status do trabalho",
+  "settings.usage.page.options.showInWorkStatusTooltip": "Quando habilitado, o uso deste provedor ficará visível no painel de status do trabalho.",
   "settings.usage.page.state.noData": "Não há dados de uso disponíveis ainda.",
   "settings.usage.page.state.refreshFailedTitle": "Não foi possível atualizar os dados de uso",
   "settings.usage.page.state.providerNotConfiguredTitle": "Provedor não configurado",

packages/ui/src/lib/i18n/messages/uk.settings.ts

@@ -1150,15 +1150,14 @@ export const settingsDict = {
   "settings.usage.sidebar.field.displayModePlaceholder": "Режим відображення",
   "settings.usage.sidebar.field.displayModeUsage": "Використання",
   "settings.usage.sidebar.field.displayModeRemaining": "Залишок квоти",
-  "settings.usage.sidebar.field.showPredictions": "Показувати прогнози",
   "settings.usage.sidebar.status.notSet": "Не встановлено",
   "settings.usage.page.empty.selectProvider": "Виберіть провайдера, щоб переглянути деталі використання.",
   "settings.usage.page.header.providerUsage": "Використання {provider}",
   "settings.usage.page.header.refreshing": "Оновлення використання...",
   "settings.usage.page.header.lastUpdated": "Останнє оновлення: {time}",
-  "settings.usage.page.options.showInHeaderAria": "Показати в меню заголовка",
-  "settings.usage.page.options.showInHeader": "Показати в меню заголовка",
-  "settings.usage.page.options.showInHeaderTooltip": "Якщо ввімкнути, використання цього провайдера буде видно в спадному меню швидкого доступу в заголовку програми.",
+  "settings.usage.page.options.showInWorkStatusAria": "Показувати в панелі статусу роботи",
+  "settings.usage.page.options.showInWorkStatus": "Показувати в панелі статусу роботи",
+  "settings.usage.page.options.showInWorkStatusTooltip": "Якщо ввімкнути, використання цього провайдера буде видно в панелі статусу роботи.",
   "settings.usage.page.state.noData": "Даних про використання ще немає.",
   "settings.usage.page.state.refreshFailedTitle": "Не вдалося оновити дані про використання",
   "settings.usage.page.state.providerNotConfiguredTitle": "Провайдер не налаштований",

packages/ui/src/lib/i18n/messages/zh-CN.settings.ts

@@ -1150,15 +1150,14 @@ export const settingsDict = {
   'settings.usage.sidebar.field.displayModePlaceholder': '显示模式',
   'settings.usage.sidebar.field.displayModeUsage': '用量',
   'settings.usage.sidebar.field.displayModeRemaining': '剩余配额',
-  'settings.usage.sidebar.field.showPredictions': '显示预测',
   'settings.usage.sidebar.status.notSet': '未设置',
   'settings.usage.page.empty.selectProvider': '选择一个提供商以查看用量详情。',
   'settings.usage.page.header.providerUsage': '{provider} 用量',
   'settings.usage.page.header.refreshing': '正在刷新用量...',
   'settings.usage.page.header.lastUpdated': '最后更新：{time}',
-  'settings.usage.page.options.showInHeaderAria': '在页眉菜单显示',
-  'settings.usage.page.options.showInHeader': '在页眉菜单显示',
-  'settings.usage.page.options.showInHeaderTooltip': '启用后，该提供商的用量会显示在应用页眉的快速访问下拉菜单中。',
+  'settings.usage.page.options.showInWorkStatusAria': '在工作状态面板中显示',
+  'settings.usage.page.options.showInWorkStatus': '在工作状态面板中显示',
+  'settings.usage.page.options.showInWorkStatusTooltip': '启用后，该提供商的用量会显示在工作状态面板中。',
   'settings.usage.page.state.noData': '暂无用量数据。',
   'settings.usage.page.state.refreshFailedTitle': '刷新用量数据失败',
   'settings.usage.page.state.providerNotConfiguredTitle': '提供商未配置',

packages/ui/src/lib/i18n/messages/zh-TW.settings.ts

@@ -1062,9 +1062,9 @@
   'settings.usage.page.header.providerUsage': '{provider} 用量',
   'settings.usage.page.header.refreshing': '正在重新整理用量...',
   'settings.usage.page.header.lastUpdated': '最後更新：{time}',
-  'settings.usage.page.options.showInHeaderAria': '在頁首選單顯示',
-  'settings.usage.page.options.showInHeader': '在頁首選單顯示',
-  'settings.usage.page.options.showInHeaderTooltip': '啟用後，該供應商的用量會顯示在應用程式頁首的快速存取下拉選單中。',
+  'settings.usage.page.options.showInWorkStatusAria': '在工作狀態面板中顯示',
+  'settings.usage.page.options.showInWorkStatus': '在工作狀態面板中顯示',
+  'settings.usage.page.options.showInWorkStatusTooltip': '啟用後，該供應商的用量會顯示在工作狀態面板中。',
   'settings.usage.page.state.noData': '暫無用量資料。',
   'settings.usage.page.state.refreshFailedTitle': '重新整理用量資料失敗',
   'settings.usage.page.state.providerNotConfiguredTitle': '供應商未設定',
@@ -2120,7 +2120,6 @@
   'settings.plugins.toast.updatedToLatest': '外掛已更新到 {version}',
   'settings.plugins.validation.fileName': '檔案名稱必須為小寫，並以 .js / .ts / .mjs / .cjs 結尾',
   'settings.plugins.validation.specRequired': '請輸入套件或路徑',
-  'settings.usage.sidebar.field.showPredictions': '顯示預測',
   'settings.view.home.cards.plugins.description': '管理 opencode 外掛',
   'settings.view.home.cards.plugins.title': '外掛',
   'settings.openchamber.visual.section.followUpBehavior': 'Follow-up behavior',

packages/ui/src/lib/persistence.ts

@@ -1260,18 +1260,9 @@ const sanitizeWebSettings = (payload: unknown): DesktopSettings | null => {
   if (typeof candidate.maxLastMessageLength === 'number' && Number.isFinite(candidate.maxLastMessageLength)) {
     result.maxLastMessageLength = Math.max(10, Math.round(candidate.maxLastMessageLength));
   }
-  if (typeof candidate.usageAutoRefresh === 'boolean') {
-    result.usageAutoRefresh = candidate.usageAutoRefresh;
-  }
-  if (typeof candidate.usageRefreshIntervalMs === 'number' && Number.isFinite(candidate.usageRefreshIntervalMs)) {
-    result.usageRefreshIntervalMs = candidate.usageRefreshIntervalMs;
-  }
   if (candidate.usageDisplayMode === 'usage' || candidate.usageDisplayMode === 'remaining') {
     result.usageDisplayMode = candidate.usageDisplayMode;
   }
-  if (typeof candidate.usageShowPredValues === 'boolean') {
-    result.usageShowPredValues = candidate.usageShowPredValues;
-  }
   if (Array.isArray(candidate.usageDropdownProviders)) {
     result.usageDropdownProviders = candidate.usageDropdownProviders.filter(
       (entry): entry is string => typeof entry === 'string' && entry.length > 0

packages/ui/src/lib/quota/index.ts

@@ -5,9 +5,4 @@ export {
   formatQuotaResetLabel,
   resolveUsageTone,
   formatWindowLabel,
-  calculatePace,
-  getPaceStatusColor,
-  formatRemainingTime,
-  calculateExpectedUsagePercent,
 } from './utils';
-export type { PaceInfo } from './utils';

packages/ui/src/lib/quota/utils.ts

@@ -95,203 +95,3 @@ export const formatWindowLabel = (label: string): string => {
   if (label === 'premium_interactions') return t('quota.window.premiumInteractions');
   return label;
 };
-
-/**
- * Pace status indicating whether usage is on track, slightly fast, or too fast
- */
-export type PaceStatus = 'on-track' | 'slightly-fast' | 'too-fast' | 'exhausted';
-
-/**
- * Information about the current pace of usage
- */
-export interface PaceInfo {
-  /** Ratio of time elapsed in the window (0-1) */
-  elapsedRatio: number;
-  /** Ratio of quota used (0-1) */
-  usageRatio: number;
-  /** Predicted final usage percentage at end of window */
-  predictedFinalPercent: number;
-  /** Seconds remaining until reset */
-  remainingSeconds: number;
-  /** Whether usage is exhausted (100% used with time remaining) */
-  isExhausted: boolean;
-  /** Elapsed seconds in the window */
-  elapsedSeconds: number;
-  /** Total window duration in seconds */
-  totalSeconds: number;
-  /** Current pace status */
-  status: PaceStatus;
-  /** Per-unit pace rate (e.g., "2.5%/h" or "15%/d") */
-  paceRateText: string;
-  /** Prediction text (e.g., "85%" or "+120%") */
-  predictText: string;
-  /** For weekly quotas: the per-day allocation percentage */
-  dailyAllocationPercent: number | null;
-}
-
-/**
- * Infer window duration in seconds from a window label.
- * Used when the API doesn't provide windowSeconds directly.
- */
-const inferWindowSeconds = (label: string): number | null => {
-  const normalized = label.toLowerCase().trim();
-  
-  // Exact matches
-  if (normalized === '5h') return 5 * 3600;
-  if (normalized === '7d' || normalized === 'weekly' || normalized === '7d-sonnet' || normalized === '7d-opus') return 7 * 86400;
-  if (normalized === 'monthly') return 30 * 86400;
-  if (normalized === '24h' || normalized === 'daily') return 86400;
-  if (normalized === '1h') return 3600;
-  
-  // Pattern matches
-  const hourMatch = normalized.match(/^(\d+)h$/);
-  if (hourMatch) return parseInt(hourMatch[1], 10) * 3600;
-  
-  const dayMatch = normalized.match(/^(\d+)d$/);
-  if (dayMatch) return parseInt(dayMatch[1], 10) * 86400;
-  
-  return null;
-};
-
-/**
- * Calculate pace information for a usage window.
- * 
- * @param usedPercent - Current usage percentage (0-100)
- * @param resetAt - Timestamp (ms) when the window resets
- * @param windowSeconds - Total window duration in seconds (can be null, will be inferred from label if possible)
- * @param windowLabel - Optional label to infer window duration from
- * @returns PaceInfo object with pace calculations
- */
-export const calculatePace = (
-  usedPercent: number | null,
-  resetAt: number | null,
-  windowSeconds: number | null,
-  windowLabel?: string
-): PaceInfo | null => {
-  // Try to infer windowSeconds from label if not provided
-  let effectiveWindowSeconds = windowSeconds;
-  if (effectiveWindowSeconds === null && windowLabel) {
-    effectiveWindowSeconds = inferWindowSeconds(windowLabel);
-  }
-  
-  if (usedPercent === null || resetAt === null || effectiveWindowSeconds === null || effectiveWindowSeconds <= 0) {
-    return null;
-  }
-
-  const now = Date.now();
-  const remainingSeconds = Math.max(0, (resetAt - now) / 1000);
-  const elapsedSeconds = Math.max(0, Math.min(effectiveWindowSeconds, effectiveWindowSeconds - remainingSeconds));
-  const elapsedRatio = Math.max(0, Math.min(1, elapsedSeconds / effectiveWindowSeconds));
-  const usageRatio = usedPercent / 100;
-  const isExhausted = usedPercent >= 100 && remainingSeconds > 0;
-
-  // Calculate predicted final usage
-  let predictedFinalPercent: number;
-  if (elapsedRatio > 0.01) {
-    predictedFinalPercent = Math.min(999, (usageRatio / elapsedRatio) * 100);
-  } else {
-    predictedFinalPercent = usedPercent;
-  }
-
-  // Determine pace status
-  let status: PaceStatus;
-  if (isExhausted) {
-    status = 'exhausted';
-  } else if (usageRatio <= elapsedRatio) {
-    status = 'on-track';
-  } else if (predictedFinalPercent <= 130) {
-    status = 'slightly-fast';
-  } else {
-    status = 'too-fast';
-  }
-
-  // Calculate pace rate text (per hour for < 5 days, per day otherwise)
-  const usePerDay = effectiveWindowSeconds >= 5 * 24 * 3600;
-  const unitSeconds = usePerDay ? 86400 : 3600;
-  const unitSuffix = usePerDay ? 'd' : 'h';
-  const totalUnits = effectiveWindowSeconds / unitSeconds;
-  const elapsedUnits = Math.max(elapsedSeconds / unitSeconds, totalUnits * 0.01);
-  const pacePercentPerUnit = (usedPercent / elapsedUnits);
-  const paceRateText = Number.isFinite(pacePercentPerUnit)
-    ? `${Math.min(999.9, Math.max(0, pacePercentPerUnit)).toFixed(1)}%/${unitSuffix}`
-    : '-';
-
-  // Calculate predict text
-  const predictText = predictedFinalPercent > 100
-    ? `+${Math.round(predictedFinalPercent)}%`
-    : `${Math.round(predictedFinalPercent)}%`;
-
-  // Calculate daily allocation for weekly quotas (7 days = 604800 seconds)
-  // Also include monthly quotas (roughly 30 days)
-  let dailyAllocationPercent: number | null = null;
-  const windowDays = effectiveWindowSeconds / 86400;
-  if (windowDays >= 7) {
-    // For a 7-day window, each day should use ~14.3% (100/7)
-    // For monthly, each day should use ~3.3% (100/30)
-    dailyAllocationPercent = 100 / windowDays;
-  }
-
-  return {
-    elapsedRatio,
-    usageRatio,
-    predictedFinalPercent,
-    remainingSeconds,
-    isExhausted,
-    elapsedSeconds,
-    totalSeconds: effectiveWindowSeconds,
-    status,
-    paceRateText,
-    predictText,
-    dailyAllocationPercent,
-  };
-};
-
-/**
- * Get the color for a pace status (returns CSS variable names)
- */
-export const getPaceStatusColor = (status: PaceStatus): string => {
-  switch (status) {
-    case 'exhausted':
-    case 'too-fast':
-      return 'var(--status-error)';
-    case 'slightly-fast':
-      return 'var(--status-warning)';
-    case 'on-track':
-      return 'var(--status-success)';
-  }
-};
-
-/**
- * Format remaining time as a human-readable string
- */
-export const formatRemainingTime = (seconds: number): string => {
-  const totalSeconds = Math.max(0, Math.floor(seconds));
-  const totalMinutes = Math.floor(totalSeconds / 60);
-  const totalHours = Math.floor(totalMinutes / 60);
-  const days = Math.floor(totalHours / 24);
-  const hours = totalHours % 24;
-  const minutes = totalMinutes % 60;
-
-  if (days > 0) {
-    return `${days}d ${hours}h`;
-  }
-  if (totalHours > 0) {
-    return `${totalHours}h`;
-  }
-  if (totalMinutes === 0) {
-    return '<1m';
-  }
-  return `${minutes}m`;
-};
-
-/**
- * Calculate the marker position for daily allocation on weekly quotas.
- * Returns a percentage (0-100) representing where the "expected" usage should be
- * based on how much time has elapsed.
- * 
- * @param elapsedRatio - Ratio of time elapsed (0-1)
- * @returns Expected usage percentage based on time elapsed
- */
-export const calculateExpectedUsagePercent = (elapsedRatio: number): number => {
-  return Math.min(100, Math.max(0, elapsedRatio * 100));
-};

packages/ui/src/lib/settings/search.ts

@@ -513,11 +513,11 @@ const SETTINGS_SEARCH_ITEMS: readonly SettingsSearchItem[] = [
     keywords: ['ignored', 'files', 'gitignore'],
   },
   {
-    id: 'usage.header-menu',
+    id: 'usage.work-status-panel',
     page: 'usage',
-    titleKey: 'settings.usage.page.options.showInHeader',
-    descriptionKey: 'settings.usage.page.options.showInHeaderTooltip',
-    keywords: ['quota', 'header', 'dropdown'],
+    titleKey: 'settings.usage.page.options.showInWorkStatus',
+    descriptionKey: 'settings.usage.page.options.showInWorkStatusTooltip',
+    keywords: ['quota', 'work', 'status', 'panel'],
   },
   {
     id: 'usage.model-quotas',