feat: complete the statistics page to display the configuration and usage chart

src/cli/__test__/run-cli.test.ts

@@ -1,6 +1,7 @@
 import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest'
 
 import { runCli } from '../run-cli'
+import { defaultStatsDisplaySettings } from '../../shared/codex'
 import type {
   AccountRateLimits,
   AppSettings,
@@ -218,7 +219,8 @@
     language: 'zh-CN',
     theme: 'light',
     checkForUpdatesOnStartup: true,
-    codexDesktopExecutablePath: ''
+    codexDesktopExecutablePath: '',
+    statsDisplay: defaultStatsDisplaySettings()
   }
   const currentSession: CurrentSessionSummary = {
     email: 'one@example.com',
@@ -887,7 +889,8 @@
         language: 'zh-CN',
         theme: 'light',
         checkForUpdatesOnStartup: true,
-        codexDesktopExecutablePath: ''
+        codexDesktopExecutablePath: '',
+        statsDisplay: defaultStatsDisplaySettings()
       },
       error: null
     })
@@ -907,7 +910,8 @@
         language: 'zh-CN',
         theme: 'light',
         checkForUpdatesOnStartup: false,
-        codexDesktopExecutablePath: ''
+        codexDesktopExecutablePath: '',
+        statsDisplay: defaultStatsDisplaySettings()
       },
       error: null
     })
@@ -933,10 +937,32 @@
         language: 'zh-CN',
         theme: 'light',
         checkForUpdatesOnStartup: true,
-        codexDesktopExecutablePath: 'C:\\\\Program Files\\\\Codex\\\\Codex.exe'
+        codexDesktopExecutablePath: 'C:\\\\Program Files\\\\Codex\\\\Codex.exe',
+        statsDisplay: defaultStatsDisplaySettings()
       },
       error: null
     })
+
+    logSpy.mockClear()
+    await expect(runCli(runtime as never, ['settings', 'get', 'statsDisplay', '--json'])).resolves.toBe(0)
+    expect(parseJsonLog(logSpy)).toEqual({
+      ok: true,
+      data: defaultStatsDisplaySettings(),
+      error: null
+    })
+
+    logSpy.mockClear()
+    await expect(
+      runCli(runtime as never, ['settings', 'set', 'statsDisplay', 'dailyTrend,accountUsage', '--json'])
+    ).resolves.toBe(0)
+    expect(runtime.services.settings.update).toHaveBeenCalledWith({
+      statsDisplay: {
+        dailyTrend: true,
+        modelBreakdown: false,
+        instanceUsage: false,
+        accountUsage: true
+      }
+    })
   })
 
   it('covers doctor command', async () => {
@@ -985,6 +1011,19 @@
       }
     })
 
+    logSpy.mockClear()
+    await expect(
+      runCli(runtime as never, ['settings', 'set', 'statsDisplay', 'wat', '--json'])
+    ).resolves.toBe(2)
+    expect(parseJsonLog(logSpy)).toEqual({
+      ok: false,
+      data: null,
+      error: {
+        code: 2,
+        message: 'statsDisplay contains unknown chart key: wat'
+      }
+    })
+
     logSpy.mockClear()
     await expect(
       runCli(runtime as never, ['cost', 'read', '--instance', 'default', '--json'])

src/cli/cli-output.ts

@@ -13,6 +13,7 @@ import type {
   ProviderCheckReport,
   TokenCostDetail
 } from '../shared/codex'
+import { serializeStatsDisplaySettings } from '../shared/codex'
 
 export function printHelp(): void {
   console.log(`ilc
@@ -313,4 +314,24 @@ export function printSettings(settings: AppSettings, quiet: boolean): void {
   console.log(`theme=${settings.theme}`)
   console.log(`checkForUpdatesOnStartup=${settings.checkForUpdatesOnStartup}`)
   console.log(`codexDesktopExecutablePath=${settings.codexDesktopExecutablePath}`)
+  console.log(`showLocalMockData=${settings.showLocalMockData !== false}`)
+  console.log(`statsDisplay=${serializeStatsDisplaySettings(settings.statsDisplay)}`)
+}
+
+export function formatSettingsValue(key: keyof AppSettings, settings: AppSettings): string {
+  const value = settings[key]
+
+  if (key === 'statusBarAccountIds' && Array.isArray(value)) {
+    return value.join(',')
+  }
+
+  if (key === 'showLocalMockData') {
+    return String(value !== false)
+  }
+
+  if (key === 'statsDisplay') {
+    return serializeStatsDisplaySettings(settings.statsDisplay)
+  }
+
+  return String(value ?? '')
 }

src/cli/cli-parsing.ts

@@ -3,9 +3,11 @@
   CliSettingsKey,
   CreateCodexInstanceInput,
   CreateCustomProviderInput,
+  StatsDisplaySettings,
   UpdateCodexInstanceInput,
   UpdateCustomProviderInput
 } from '../shared/codex'
+import { normalizeStatsDisplaySettings, statsDisplayKeys } from '../shared/codex'
 import { CliError, EXIT_USAGE } from './cli-errors'
 
 export interface CliFlags {
@@ -27,9 +29,49 @@
   'theme',
   'checkForUpdatesOnStartup',
   'showLocalMockData',
-  'codexDesktopExecutablePath'
+  'codexDesktopExecutablePath',
+  'statsDisplay'
 ]
 
+function parseStatsDisplay(rawValue: string): StatsDisplaySettings {
+  const normalizedValue = rawValue.trim().toLowerCase()
+  if (normalizedValue === 'all') {
+    return normalizeStatsDisplaySettings()
+  }
+
+  if (normalizedValue === 'none') {
+    return normalizeStatsDisplaySettings(
+      Object.fromEntries(statsDisplayKeys.map((key) => [key, false])) as Partial<StatsDisplaySettings>
+    )
+  }
+
+  const keys = rawValue
+    .split(',')
+    .map((value) => value.trim())
+    .filter(Boolean)
+
+  if (!keys.length) {
+    throw new CliError(
+      `statsDisplay must be all, none, or a comma-separated subset of ${statsDisplayKeys.join(', ')}`,
+      EXIT_USAGE
+    )
+  }
+
+  const invalidKey = keys.find((key) => !statsDisplayKeys.includes(key as (typeof statsDisplayKeys)[number]))
+  if (invalidKey) {
+    throw new CliError(
+      `statsDisplay contains unknown chart key: ${invalidKey}`,
+      EXIT_USAGE
+    )
+  }
+
+  return normalizeStatsDisplaySettings(
+    Object.fromEntries(
+      statsDisplayKeys.map((key) => [key, keys.includes(key)])
+    ) as Partial<StatsDisplaySettings>
+  )
+}
+
 export function parseFlags(argv: string[]): { flags: CliFlags; positionals: string[] } {
   const flags: CliFlags = {
     json: false,
@@ -147,6 +189,8 @@
       return rawValue === 'true'
     case 'codexDesktopExecutablePath':
       return rawValue.trim()
+    case 'statsDisplay':
+      return parseStatsDisplay(rawValue)
   }
 }
 

src/cli/run-cli.ts

@@ -19,6 +19,7 @@ import {
 } from './cli-parsing'
 import {
   accountLabel,
+  formatSettingsValue,
   instanceLabel,
   printAccountList,
   printDoctorReport,
@@ -600,8 +601,7 @@ async function execute(
 
           const settingKey = ensureSettingsKey(key)
           if (!silent) {
-            const value = settings[settingKey]
-            console.log(Array.isArray(value) ? value.join(',') : value)
+            console.log(formatSettingsValue(settingKey, settings))
           }
           return { code: EXIT_OK, payload: toCliResult(settings[settingKey]) }
         }

src/main/codex-account-store.ts

@@ -13,6 +13,7 @@ import type {
   UpdateAccountWakeScheduleInput
 } from '../shared/codex'
 import type { CodexPlatformAdapter, ProtectedPayload } from '../shared/codex-platform'
+import { normalizeStatsDisplaySettings } from '../shared/codex'
 import {
   type CodexAuthPayload,
   type LegacyPersistedState,
@@ -86,6 +87,9 @@ export class CodexAccountStore {
       state.settings = {
         ...state.settings,
         ...nextSettings,
+        statsDisplay: normalizeStatsDisplaySettings(
+          nextSettings.statsDisplay ?? state.settings.statsDisplay
+        ),
         statusBarAccountIds: (
           nextSettings.statusBarAccountIds ?? state.settings.statusBarAccountIds
         ).slice(0, 5)

src/main/codex-auth-shared.ts

@@ -13,7 +13,11 @@
   PortOccupant
 } from '../shared/codex'
 import type { CodexPlatformAdapter, ProtectedPayload } from '../shared/codex-platform'
-import { decodeJwtPayload, resolveChatGptAccountIdFromTokens } from '../shared/openai-auth'
+import {
+  decodeJwtPayload,
+  resolveChatGptAccountIdFromTokens
+} from '../shared/openai-auth'
+import { defaultStatsDisplaySettings, normalizeStatsDisplaySettings } from '../shared/codex'
 
 export interface CodexAuthPayload {
   auth_mode?: string
@@ -61,7 +65,8 @@
     theme: 'light',
     checkForUpdatesOnStartup: true,
     codexDesktopExecutablePath: '',
-    showLocalMockData: true
+    showLocalMockData: true,
+    statsDisplay: defaultStatsDisplaySettings()
   }
 }
 
@@ -138,7 +143,8 @@
     tags: parsed.tags ?? [],
     settings: {
       ...defaultSettings(),
-      ...('settings' in parsed ? parsed.settings : {})
+      ...('settings' in parsed ? parsed.settings : {}),
+      statsDisplay: normalizeStatsDisplaySettings(parsed.settings?.statsDisplay)
     },
     usageByAccountId: parsed.usageByAccountId ?? {},
     usageErrorByAccountId: parsed.usageErrorByAccountId ?? {},

src/renderer/src/App.svelte

@@ -33,6 +33,7 @@
     LoginEvent,
     LoginMethod,
     PortOccupant,
+    StatsDisplaySettings,
     UpdateAccountWakeScheduleInput,
     WakeAccountRequestResult,
     WakeAccountRateLimitsInput,
@@ -41,7 +42,9 @@
   import {
     filterLocalMockAppSnapshot,
     accountTransferFormats,
+    defaultStatsDisplaySettings,
     formatRelativeReset,
+    normalizeStatsDisplaySettings,
     resolveBestAccount,
     shouldAutoPollUsage,
     supportsWeeklyQuota
@@ -68,7 +71,8 @@
       theme: 'light',
       checkForUpdatesOnStartup: true,
       codexDesktopExecutablePath: '',
-      showLocalMockData: true
+      showLocalMockData: true,
+      statsDisplay: defaultStatsDisplaySettings()
     },
     usageByAccountId: {},
     usageErrorByAccountId: {},
@@ -1013,6 +1017,19 @@
     )
   }
 
+  const updateStatsDisplay = async (statsDisplay: StatsDisplaySettings): Promise<void> => {
+    const current = normalizeStatsDisplaySettings(snapshot.settings.statsDisplay)
+    const next = normalizeStatsDisplaySettings(statsDisplay)
+
+    if (JSON.stringify(current) === JSON.stringify(next)) {
+      return
+    }
+
+    await runAction('settings:stats-display', () =>
+      window.codexApp.updateSettings({ statsDisplay: next })
+    )
+  }
+
   const openMainPanel = async (): Promise<void> => {
     applySnapshot(await window.codexApp.openMainWindow())
   }
@@ -1205,6 +1222,7 @@
               language={snapshot.settings.language}
               showLocalMockData={snapshot.settings.showLocalMockData !== false}
               accounts={snapshot.accounts}
+              codexInstances={snapshot.codexInstances}
               providers={snapshot.providers}
               tags={snapshot.tags}
               activeAccountId={snapshot.activeAccountId}
@@ -1215,6 +1233,7 @@
               tokenCostErrorByInstanceId={snapshot.tokenCostErrorByInstanceId}
               runningTokenCostSummary={snapshot.runningTokenCostSummary}
               runningTokenCostInstanceIds={snapshot.runningTokenCostInstanceIds}
+              statsDisplay={normalizeStatsDisplaySettings(snapshot.settings.statsDisplay)}
               wakeSchedulesByAccountId={snapshot.wakeSchedulesByAccountId}
               loginActionBusy={loginActionBusy()}
               {loginStarting}
@@ -1248,6 +1267,7 @@
               {updateAccountTags}
               refreshAccountUsage={(account) => readRateLimits(account, { force: true })}
               {updateShowLocalMockData}
+              {updateStatsDisplay}
               {openWakeDialog}
               {removeAccount}
               {removeAccounts}
@@ -1456,6 +1476,7 @@
     {updatePollingInterval}
     {updateCheckForUpdatesOnStartup}
     {updateShowLocalMockData}
+    {updateStatsDisplay}
     {updateCodexDesktopExecutablePath}
     showCodexDesktopExecutablePath={shouldShowCodexDesktopExecutablePath()}
     showLocalMockToggle={appMeta.isPackaged === false}

src/renderer/src/components/AccountsPanel.svelte

@@ -7,8 +7,10 @@
     AccountTag,
     AccountWakeSchedule,
     AppLanguage,
+    CodexInstanceSummary,
     CustomProviderDetail,
     CustomProviderSummary,
+    StatsDisplaySettings,
     TokenCostDetail,
     TokenCostReadOptions,
     TokenCostSummary,
@@ -45,6 +47,7 @@
   export let language: AppLanguage
   export let showLocalMockData = true
   export let accounts: AccountSummary[] = []
+  export let codexInstances: CodexInstanceSummary[] = []
   export let providers: CustomProviderSummary[] = []
   export let tags: AccountTag[] = []
   export let activeAccountId: string | undefined
@@ -55,6 +58,7 @@
   export let tokenCostErrorByInstanceId: Record<string, string>
   export let runningTokenCostSummary: TokenCostSummary | null
   export let runningTokenCostInstanceIds: string[]
+  export let statsDisplay: StatsDisplaySettings
   export let wakeSchedulesByAccountId: Record<string, AccountWakeSchedule>
   export let loginActionBusy: boolean
   export let loginStarting = false
@@ -77,6 +81,7 @@
   export let updateAccountTags: (account: AccountSummary, tagIds: string[]) => Promise<void>
   export let refreshAccountUsage: (account: AccountSummary) => void
   export let updateShowLocalMockData: (enabled: boolean) => void
+  export let updateStatsDisplay: (statsDisplay: StatsDisplaySettings) => Promise<void>
   export let removeAccount: (account: AccountSummary) => void
   export let removeAccounts: (accountIds: string[]) => Promise<void>
   export let exportSelectedAccounts: (accountIds: string[]) => Promise<void>
@@ -379,12 +384,17 @@
     <CostStatsView
       {copy}
       {language}
+      {accounts}
+      {codexInstances}
+      {usageByAccountId}
       {tokenCostByInstanceId}
       {tokenCostErrorByInstanceId}
       {runningTokenCostSummary}
       {runningTokenCostInstanceIds}
+      {statsDisplay}
       {compactGhostButton}
       {readTokenCost}
+      {updateStatsDisplay}
     />
   {:else if currentView === 'tags'}
     <AccountsTagsView