@@ -86,6 +87,9 @@
{{ model.model_id }}
++ {{ store.getTranslation('settings.budgets.reached') }} +
@@ -196,7 +200,7 @@
diff --git a/frontend/components/settings/AnalyticsDashboard.vue b/frontend/components/settings/AnalyticsDashboard.vue
new file mode 100644
index 0000000..c01097b
--- /dev/null
+++ b/frontend/components/settings/AnalyticsDashboard.vue
@@ -0,0 +1,1042 @@
+
+
+
+
+
+
+
+
+
+
+
diff --git a/frontend/components/settings/HorizontalAnalyticsChart.vue b/frontend/components/settings/HorizontalAnalyticsChart.vue
new file mode 100644
index 0000000..dfeb73e
--- /dev/null
+++ b/frontend/components/settings/HorizontalAnalyticsChart.vue
@@ -0,0 +1,159 @@
+
+
-
+
+
+
+
+
diff --git a/frontend/components/settings/AnalyticsDateFilter.vue b/frontend/components/settings/AnalyticsDateFilter.vue
new file mode 100644
index 0000000..6588732
--- /dev/null
+++ b/frontend/components/settings/AnalyticsDateFilter.vue
@@ -0,0 +1,152 @@
+
+
+
+
+
+
+ {{ title }}
+{{ description }}
+
+
+
+
+
+ {{ selectedUserId ? (userList.find(u => u.id === selectedUserId)?.label ?? selectedUserId) : tx('settings.analytics.all_users', 'All users') }}
+
+
+
+
+
+
+
+
+
+
+
+ {{ tx('settings.admin_users.no_users', 'No users found') }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ store.getTranslation('settings.analytics.total_cost') }}
+ +{{ formatMoney(totalCost) }}
+
+
+
+
+
+ {{ store.getTranslation('settings.analytics.requests') }}
+ +{{ formatNumber(totalRequests) }}
+
+
+
+
+ {{ store.getTranslation('settings.analytics.total_tokens') }}
+ +{{ formatTokens(totalTokens) }}
+
+
+
+
+ {{ store.getTranslation('settings.analytics.avg_cost') }}
+ +{{ formatMoney(avgCostPerDay) }}
+{{ store.getTranslation('settings.analytics.per_day') }}
+
+
+
+
+
+
+
+
+
+
+
+ {{ store.getTranslation('settings.analytics.top_api_keys') }}
+ {{ store.getTranslation('settings.analytics.coming_soon') }} +
+
+ {{ store.getTranslation('settings.analytics.api_keys_soon') }}
+
+
+
+
+ {{ store.getTranslation('settings.analytics.top_users') }}
+
+
+
+ #
+
+ {{ store.getTranslation('settings.analytics.requests') }}
+ {{ store.getTranslation('settings.analytics.total_tokens_short') }}
+ {{ store.getTranslation('settings.analytics.cost') }}
+
+
+ {{ i + 1 }}
+
+
+
+ {{ formatNumber(row.request_count) }}
+ {{ formatTokens(tokenTotal(row)) }}
+ {{ formatMoney(Number(row.cost_total)) }}
+
+ {{ (row.label || '?').slice(0, 1) }}
+
+ {{ row.label || '–' }}
+ {{ store.getTranslation('settings.analytics.no_data') }}
+
+
+
+ {{ store.getTranslation('settings.analytics.usage_by_model') }}
+
+
+
+
+
+
+
+ {{ store.getTranslation('settings.analytics.token_split') }}
+
+
+ {{ store.getTranslation('settings.analytics.request_volume') }}
+
+
+ {{ store.getTranslation('settings.analytics.no_data') }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ store.getTranslation('settings.analytics.section_models') }}
+
+
+
+
+
+
+ {{ store.getTranslation('settings.analytics.spend_over_time') }}
+ {{ formatMoney(totalCost) }} +{{ store.getTranslation('settings.analytics.no_data') }}
+
+
+
+
+ {{ store.getTranslation('settings.analytics.trending') }}
+ {{ store.getTranslation('settings.analytics.spend') }} +
+
+
+
+
+ ![]()
+
+
+
+
+
+
+ {{ model.label }}
+{{ formatNumber(model.requests) }} {{ store.getTranslation('settings.analytics.requests') }} | {{ formatTokens(model.tokens) }} {{ store.getTranslation('settings.analytics.tokens') }}
+
+
+ {{ formatMoney(model.cost) }}
+{{ trendLabel(model.pct) }}
+{{ store.getTranslation('settings.analytics.no_data') }}
+{{ store.getTranslation('settings.analytics.section_api_keys') }}
+
+
+
+
+
+
+ {{ store.getTranslation('settings.analytics.spend_over_time') }}
+ {{ store.getTranslation('settings.analytics.coming_soon') }} +
+
+ {{ store.getTranslation('settings.analytics.api_keys_soon') }}
+
+
+
+
+ {{ store.getTranslation('settings.analytics.trending') }}
+ {{ store.getTranslation('settings.analytics.trend') }} +{{ store.getTranslation('settings.analytics.no_data') }}
+{{ store.getTranslation('settings.analytics.section_user') }}
+
+
+
+
+
+
+ {{ store.getTranslation('settings.analytics.spend_over_time') }}
+ {{ formatMoney(userTotalCost) }} +{{ store.getTranslation('settings.analytics.no_data') }}
+
+
+
+
+ {{ store.getTranslation('settings.analytics.trending') }}
+ {{ store.getTranslation('settings.analytics.spend') }} +
+
+
+
+
+
+
+
+ {{ user.initial }}
+
+
+
+ {{ user.label }}
+{{ formatNumber(user.requests) }} {{ store.getTranslation('settings.analytics.requests') }} | {{ formatTokens(user.tokens) }} {{ store.getTranslation('settings.analytics.tokens') }}
+
+
+ {{ formatMoney(user.cost) }}
+{{ user.share.toFixed(0) }}%
+{{ store.getTranslation('settings.analytics.no_data') }}
+
+
+
+
+
+
+
+
+ {{ tx('settings.analytics.metric', 'Metric') }}
+ {{ selectedExploreMetricLabel }}
+
+
+
+
+ {{ option.label }}
+
+
+
+
+
+
+
+ {{ tx('settings.analytics.group_by', 'Group by') }}
+ {{ selectedExploreGroupLabel }}
+
+
+
+
+ {{ option.label }}
+
+
+
+
+
+
+
+ {{ tx('settings.analytics.top', 'Top') }}
+ {{ exploreTopN }}
+
+
+
+
+ {{ option }}
+
+
+
+
+
+
+
+ {{ tx('settings.analytics.rollup', 'Rollup') }}
+ {{ selectedExploreRollupLabel }}
+
+
+
+
+ {{ option.label }}
+
+
+
+
+
+
+
+
+ {{ store.getTranslation('settings.analytics.no_data') }}
+
+
+
+
+
+
+
+ {{ tx('settings.analytics.label', 'Label') }}
+ {{ tx('settings.analytics.min', 'Min') }}
+ {{ tx('settings.analytics.max', 'Max') }}
+ {{ tx('settings.analytics.avg', 'Avg') }}
+ {{ tx('settings.analytics.sum', 'Sum') }}
+ {{ tx('settings.analytics.value', 'Value') }}
+ %
+
+
+
+
+ ![]()
+
+
+ {{ row.label }}
+
+ {{ exploreFormatValue(row.min) }}
+ {{ exploreFormatValue(row.max) }}
+ {{ exploreFormatValue(row.avg) }}
+ {{ exploreFormatValue(row.sum) }}
+ {{ exploreFormatValue(row.value) }}
+
+
+
+
+
+ {{ row.pct.toFixed(1) }}%
+
+
+
+
+
+ {{ store.getTranslation('settings.analytics.top_models') }}
+
+ #
+ {{ store.getTranslation('settings.analytics.label') }}
+ {{ store.getTranslation('settings.analytics.requests') }}
+ Input
+ Output
+ Reasoning
+ {{ store.getTranslation('settings.analytics.cost') }}
+
+
+ {{ i + 1 }}
+ {{ row.label || '–' }}
+ {{ formatNumber(row.request_count) }}
+ {{ row.input_tokens.toLocaleString() }}
+ {{ row.output_tokens.toLocaleString() }}
+ {{ row.reasoning_tokens.toLocaleString() }}
+ {{ formatMoney(Number(row.cost_total)) }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/frontend/components/settings/StackedAnalyticsChart.vue b/frontend/components/settings/StackedAnalyticsChart.vue
new file mode 100644
index 0000000..fadc14e
--- /dev/null
+++ b/frontend/components/settings/StackedAnalyticsChart.vue
@@ -0,0 +1,292 @@
+
+
+
+ {{ hoveredRow.label }}
+
+
+
+
+ {{ valueLabel }}
+
+ {{ formatValue(hoveredRow.value) }}
+
+
+
+
+
+
+
diff --git a/frontend/pages/settings.vue b/frontend/pages/settings.vue
index 08460e5..171353d 100644
--- a/frontend/pages/settings.vue
+++ b/frontend/pages/settings.vue
@@ -45,7 +45,7 @@
diff --git a/frontend/pages/settings/budgets.vue b/frontend/pages/settings/budgets.vue
new file mode 100644
index 0000000..ee13db5
--- /dev/null
+++ b/frontend/pages/settings/budgets.vue
@@ -0,0 +1,653 @@
+
+
+
+
+ {{ hoveredBar.day }}
+
+
+
+
+
+
+ {{ segment.name }}
+
+ {{ formatValue(segment.value) }}
+
+ Total
+ {{ formatValue(hoveredBar.total) }}
+
+
+
+
+
+
+
+ {{ tx('settings.budgets.tab_users', 'Users') }}
+ {{ tx('settings.budgets.tab_teams', 'Teams') }}
+ {{ tx('settings.budgets.tab_budgets', 'Budgets') }}
+ {{ tx('settings.budgets.tab_history', 'History') }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ tx('settings.budgets.reset_budget', 'Reset budget') }}
+ {{ resetLabel }}
+
+
+ {{ tx('common.cancel', 'Cancel') }}
+
+
+
+
+
+
+
+
+
diff --git a/frontend/pages/settings/models/[id].vue b/frontend/pages/settings/models/[id].vue
index 8ed0960..d104128 100644
--- a/frontend/pages/settings/models/[id].vue
+++ b/frontend/pages/settings/models/[id].vue
@@ -837,15 +837,61 @@
+
+
+
+
+ {{ store.getTranslation('settings.tabs.budgets') }}
+{{ tx('settings.budgets.description', 'Limit spend for users and teams') }}
+
+
+
+
+
+
+
+
+
+
+ {{ filteredUserOverview.length }}
+ {{ tx('settings.budgets.users_with_budgets', 'users') }}
+
+
+
+
+
+
+ {{ tx('settings.budgets.user', 'User') }}
+ {{ tx('settings.budgets.teams', 'Teams') }}
+ {{ tx('settings.budgets.effective_budgets', 'Effective budgets') }}
+ {{ tx('settings.budgets.used', 'Used') }}
+ {{ tx('settings.budgets.remaining', 'Remaining') }}
+ {{ tx('settings.budgets.actions', 'Actions') }}
+
+
+ {{ tx('settings.budgets.no_user_budgets', 'No user budgets found') }}
+
+
+
+
+
+
+
+ {{ row.user_label }}
+ {{ row.budgets.length }} {{ tx('settings.budgets.budget_count', 'budgets') }}
+
+ {{ team.name }}
+ +{{ row.teams.length - 2 }}
+
+
+
+ {{ formatMoney(row.spent) }}
+ {{ formatMoney(row.remaining) }}
+
+ {{ budget.budget.name }}
+ {{ budget.budget.kind }}
+
+ +{{ row.budgets.length - 2 }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ formatMoney(budget.spent) }}
+ {{ formatMoney(budget.amount) }}
+ {{ formatMoney(budget.remaining) }}
+ {{ budget.resets_at ? formatDate(budget.resets_at) : tx('settings.budgets.no_reset', 'No reset') }}
+ {{ budget.budget.name }}
+ {{ budget.budget.kind }} · {{ budget.budget.interval }} · {{ sourceLabel(budget) }}
+
+
+
+
+
+
+
+
+
+
+ {{ team.team_name }}
+{{ team.member_count }} {{ tx('settings.budgets.members', 'members') }} · {{ team.budgets.length }} {{ tx('settings.budgets.budget_count', 'budgets') }}
+
+ {{ formatMoney(team.spent) }} {{ tx('settings.budgets.used', 'Used') }}
+ ·
+ {{ formatMoney(team.remaining) }} {{ tx('settings.budgets.remaining', 'Remaining') }}
+
+
+
+
+
+
+
+
+
+
+
+ {{ formatMoney(budget.spent) }}
+ {{ formatMoney(budget.remaining) }}
+ {{ budget.resets_at ? formatDate(budget.resets_at) : tx('settings.budgets.no_reset', 'No reset') }}
+ {{ budget.budget.name }}
+ {{ budget.budget.kind }} · {{ budget.budget.interval }} · {{ budget.affected_users }} {{ tx('settings.budgets.affected_users', 'affected') }}
+
+ {{ tx('settings.budgets.no_team_budgets', 'No team budgets found') }}
+
+
+
+
+
+
+
+
+
+ {{ tx('settings.budgets.create', 'Create budget') }}
+
+
+
+
+
+
+
+
+
+
+
+ {{ tx('settings.budgets.settings', 'Settings') }}
+
+
+
+ {{ tx('common.save', 'Save') }}
+
+
+
+
+ {{ tx('settings.budgets.name', 'Name') }}
+
+
+ {{ tx('settings.budgets.amount', 'Amount') }}
+
+
+ {{ tx('settings.budgets.notes', 'Description') }}
+
+
+ {{ tx('settings.budgets.kind', 'Kind') }}
+
+
+ pooled
+ per_user
+
+
+
+
+ {{ tx('settings.budgets.interval', 'Interval') }}
+
+
+ daily
+ weekly
+ monthly
+ total
+
+
+
+
+ {{ tx('settings.budgets.reset_strategy', 'Reset') }}
+
+
+ calendar
+ rolling
+ anchored
+
+
+
+
+ {{ tx('settings.budgets.on_exceed', 'Action') }}
+
+
+ block
+ warn
+ allow
+
+
+
+
+ {{ tx('settings.budgets.enabled', 'Enabled') }}
+
+
+
+ {{ tx('settings.budgets.assignments', 'Assignments') }}
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ tx('settings.budgets.no_assignments', 'No assignments yet') }}
+ +
+
+
+ {{ tx('settings.budgets.assign_team', 'Assign team') }}
+
+
+
+
+ {{ selectedTeamId ? (teams.find(t => t.id === selectedTeamId)?.name ?? selectedTeamId) : tx('settings.budgets.pick_team', 'Select a team') }}
+
+
+
+
+
+
+ {{ tx('settings.budgets.assign_team', 'Assign team') }}
+
+
+
+
+
+
+ {{ tx('settings.budgets.assign_user', 'Assign user') }}
+
+
+
+
+ {{ selectedUserId ? (users.find(u => u.id === selectedUserId)?.label ?? selectedUserId) : tx('settings.budgets.pick_user', 'Select a user') }}
+
+
+
+
+
+
+ {{ tx('settings.budgets.assign_user', 'Assign user') }}
+
+
+
+
+
+
+
+ {{ tx('settings.budgets.reset_at', 'Reset at') }}
+ {{ tx('settings.budgets.scope', 'Scope') }}
+ {{ tx('settings.budgets.budget', 'Budget') }}
+ {{ tx('settings.budgets.reason', 'Reason') }}
+ {{ tx('settings.budgets.kind', 'Kind') }}
+ {{ tx('settings.budgets.reset_by', 'Reset by') }}
+
+
+ {{ tx('settings.budgets.no_reset_history', 'No reset history yet') }}
+
+
+ {{ formatDate(event.reset_at) }}
+ {{ resetScopeLabel(event) }}
+ {{ event.budget_name ?? '-' }}
+ {{ event.reason ?? '-' }}
+ {{ event.kind ?? '-' }}
+ {{ event.created_by_label ?? '-' }}
+
+
+
+
+ {{ tx('settings.budgets.kind_scope', 'Kind') }}
+
+
+ {{ tx('settings.budgets.all_kinds', 'All kinds') }}
+ pooled
+ per_user
+
+
+
+
+ {{ tx('settings.budgets.reason', 'Reason') }}
+
+ {{ tx('settings.budgets.reset_keeps_history', 'Usage history is kept. This starts budget accounting from now for the selected scope.') }}
+
+
+
+
+
+
+
+
+
+
+ {{ store.getTranslation('settings.models.editor.pricing') }}
+{{ store.getTranslation('settings.models.editor.pricing_desc') }}
+
+
+
+
+ {{ store.getTranslation('settings.models.editor.reported_price') }}
+{{ formatPricingPair(pricing?.reported_input, pricing?.reported_output) }}
+
+
+ {{ store.getTranslation('settings.models.editor.effective_price') }}
+{{ formatPricingPair(pricing?.effective_input, pricing?.effective_output) }}
+
+ {{ store.getTranslation('settings.models.editor.override_input') }}
+
+
+ {{ store.getTranslation('settings.models.editor.override_output') }}
+
+
+ {{ store.getTranslation('settings.models.editor.override_reasoning') }}
+
+
+ {{ store.getTranslation('settings.models.editor.override_cache_read') }}
+
+
+ {{ store.getTranslation('settings.models.editor.override_cache_write') }}
+
+ {{ store.getTranslation('settings.models.editor.pricing_unit') }}
+
+ {{ store.getTranslation('common.save') }}
+
+
{{ store.getTranslation('settings.models.editor.providers_user_unavailable') }}
-
+
{{ store.getTranslation('settings.models.editor.providers_empty') }}
-
+