[front] feat: wire Models tab of the usage filter panel to real, period-scoped data

[avervaet]

Summary

• Models now come from the same period-ranked consumption data the Attribution table uses (useConsumptionTop), instead of the mock, period-unaware catalog.
• The maker (lab) and Fast/Standard/Complex quick-filter tier are also real now, resolved server-side from the model config and its pricing tier (ModelsTierResource.getTierForModel) via resolveConsumptionGroupLabels, instead of random mock values.
• "More models" now browses the workspace's real, period-independent model catalog (useModels) grouped by maker, instead of the mock list.
• Wires the page's UsageFilter state into the actual consumption queries for the "model" dimension, which it never did before.

Stacked on #30166 (Agents tab).

Test plan

• npx tsgo --noEmit passes
• labels.test.ts and top.test.ts pass, extended with model maker/tier coverage
• Manually exercise the Models tab filter panel in the browser (period top-100 list, tier quick filter, "More models" browse-by-maker, and that selecting a model actually narrows the overview/chart/attribution table)

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

2 Skipped Deployments

Project	Deployment	Actions	Updated (UTC)
playground	Ignored	Preview	Aug 7, 2026 5:04pm
storybook	Ignored	Preview	Aug 7, 2026 5:04pm

[dust-agent]

Reviewed for coding rules compliance.

[dust-agent]

[GEN6] Prefer exhaustive switch + assertNever over if/else on union types

The default branch silently swallows both legitimate null/undefined values and any future unknown ModelsTierName values added server-side. Since this processes backend data, separate them so TypeScript can enforce exhaustiveness on the tier union while gracefully ignoring unknown API values.

Suggested change

	default:
	if (tier === null || tier === undefined) {
	return undefined;
	}
	switch (tier) {
	case "cost_efficient":
	return "fast";
	case "balanced":
	return "standard";
	case "premium":
	return "complex";
	default:
	assertNeverAndIgnore(tier);
	return undefined;
	}

(Don't forget to import assertNeverAndIgnore from "@app/types/shared/utils/assert_never".)

[avervaet]

This change is part of the following stack:

• [front] feat: switch analytics chart by dimensions #30088
  • [front] fix: pass auth to buildConsumptionScopeQuery call sites #30158
    • Add usage analytics filter panel component #30120
      • [front] feat: wire the usage filter panel into the consumption analytics queries #30212
        • [front] feat: wire Members/Groups tabs of the usage filter panel to real, period-scoped data #30168
          • [front] feat: wire Agents tab of the usage filter panel to real, period-scoped data #30166
            • [front] feat: wire Models tab of the usage filter panel to real, period-scoped data #30170 ◀
              • [front] feat: wire Tools tab of the usage filter panel to real, period-scoped data #30173
                • [front] feat: wire Skills tab of the usage filter panel to real, period-scoped data #30174
                  • [front] feat: wire Sources tab of the usage filter panel to real, period-scoped data #30177

_{Change managed by git-spice.}