feat: add provider quota tracker

app/(app)/dashboard/quotas/page.tsx

@@ -0,0 +1,5 @@
+import { DashboardPage } from "@/components/dashboard/dashboard-page"
+
+export default function DashboardQuotasPage() {
+  return <DashboardPage section="quotas" />
+}

components/app-shell.tsx

@@ -9,6 +9,7 @@ import {
   CloudIcon,
   FileTextIcon,
   FlaskConicalIcon,
+  GaugeIcon,
   LayoutDashboardIcon,
   Loader2Icon,
   LogOutIcon,
@@ -91,6 +92,13 @@ function getPageCopy(pathname: string) {
     };
   }
 
+  if (pathname.startsWith("/dashboard/quotas")) {
+    return {
+      description: "Monitore consumo, limites configurados e janelas de renovação por provedor.",
+      title: "Quota Tracker",
+    };
+  }
+
   if (pathname.startsWith("/dashboard/logs")) {
     return {
       description: "Acompanhe requests recentes, status e detalhes de erro.",
@@ -198,7 +206,8 @@ export function AppShell({ children }: { children: React.ReactNode }) {
                     asChild
                     isActive={
                       pathname.startsWith("/dashboard") &&
-                      !pathname.startsWith("/dashboard/credentials")
+                      !pathname.startsWith("/dashboard/credentials") &&
+                      !pathname.startsWith("/dashboard/quotas")
                     }
                     tooltip="Dashboard"
                   >
@@ -208,6 +217,18 @@ export function AppShell({ children }: { children: React.ReactNode }) {
                     </Link>
                   </SidebarMenuButton>
                 </SidebarMenuItem>
+                <SidebarMenuItem>
+                  <SidebarMenuButton
+                    asChild
+                    isActive={pathname.startsWith("/dashboard/quotas")}
+                    tooltip="Quota Tracker"
+                  >
+                    <Link href="/dashboard/quotas">
+                      <GaugeIcon />
+                      <span>Quotas</span>
+                    </Link>
+                  </SidebarMenuButton>
+                </SidebarMenuItem>
                 <SidebarMenuItem>
                   <SidebarMenuButton asChild isActive={pathname.startsWith("/chat")} tooltip="Chat">
                     <Link href="/chat">

components/dashboard/dashboard-page.tsx

@@ -29,6 +29,7 @@ import { AnalyticsSection } from "@/components/dashboard/analytics-section";
 import { ApiQuickStartCard } from "@/components/dashboard/api-quick-start-card";
 import { RoutingSection } from "@/components/dashboard/routing-section";
 import { ProviderCatalog } from "@/components/dashboard/providers/provider-catalog";
+import { QuotaTracker } from "@/components/dashboard/quota-tracker";
 import { useAppState } from "@/components/app-state-provider";
 import {
   AlertDialog,
@@ -62,7 +63,7 @@ import {
 import { apiJson, apiJsonRequest } from "@/lib/api";
 import { providerHasRequiredCredentials } from "@/lib/provider-credentials";
 
-export type DashboardSection = "overview" | "keys" | "credentials" | "logs" | "analytics" | "routing" | "budget";
+export type DashboardSection = "overview" | "keys" | "credentials" | "quotas" | "logs" | "analytics" | "routing" | "budget";
 
 function sectionNeedsDashboardData(section: DashboardSection) {
   return section === "overview" || section === "keys" || section === "logs";
@@ -237,6 +238,7 @@ export function DashboardPage({ section = "overview" }: { section?: DashboardSec
     { href: "/dashboard", id: "overview", label: "Visão geral" },
     { count: shouldLoadDashboardData ? apiKeys.length : undefined, href: "/dashboard/api-keys", id: "keys", label: "API Keys" },
     { count: providers.length, href: "/dashboard/credentials", id: "credentials", label: "Provedores" },
+    { href: "/dashboard/quotas", id: "quotas", label: "Quotas" },
     { count: shouldLoadDashboardData ? logs.length : undefined, href: "/dashboard/logs", id: "logs", label: "Logs de uso" },
     { href: "/dashboard/analytics", id: "analytics", label: "Analytics" },
     { href: "/dashboard/routing", id: "routing", label: "Roteamento" },
@@ -636,6 +638,8 @@ export function DashboardPage({ section = "overview" }: { section?: DashboardSec
         <ProviderCatalog />
       ) : null}
 
+      {section === "quotas" ? <QuotaTracker /> : null}
+
       {section === "logs" ? (
         <Card className="border-border/60">
           <CardHeader>