feat: add per-app usage filtering (Claude/Codex/Gemini)

Add dashboard-level app type filter to usage statistics, replacing the
DataSourceBar with a more useful segmented control. All components
(summary cards, trend chart, provider stats, model stats, request logs)
now respond to the selected app filter.

Backend: add optional app_type parameter to get_usage_summary,
get_daily_trends, get_provider_stats, and get_model_stats queries.
Frontend: new AppTypeFilter type, updated query keys with appType
dimension for proper cache separation, and RequestLogTable local
filter auto-locks when dashboard filter is active.
This commit is contained in:
Jason
2026-04-06 22:41:35 +08:00
parent c0bcd19d44
commit 687ffc237d
14 changed files with 337 additions and 121 deletions
+8 -6
View File
@@ -50,23 +50,25 @@ export const usageApi = {
getUsageSummary: async (
startDate?: number,
endDate?: number,
appType?: string,
): Promise<UsageSummary> => {
return invoke("get_usage_summary", { startDate, endDate });
return invoke("get_usage_summary", { startDate, endDate, appType });
},
getUsageTrends: async (
startDate?: number,
endDate?: number,
appType?: string,
): Promise<DailyStats[]> => {
return invoke("get_usage_trends", { startDate, endDate });
return invoke("get_usage_trends", { startDate, endDate, appType });
},
getProviderStats: async (): Promise<ProviderStats[]> => {
return invoke("get_provider_stats");
getProviderStats: async (appType?: string): Promise<ProviderStats[]> => {
return invoke("get_provider_stats", { appType });
},
getModelStats: async (): Promise<ModelStats[]> => {
return invoke("get_model_stats");
getModelStats: async (appType?: string): Promise<ModelStats[]> => {
return invoke("get_model_stats", { appType });
},
getRequestLogs: async (