From 9cf6bfdf45e436c85142ddec9b3ed976062a88b2 Mon Sep 17 00:00:00 2001
From: Rodrigo Alves da Silva Matos <rmatos@CLICKBUS0673.clickbus.local>
Date: Thu, 13 Aug 2026 18:21:04 -0300
Subject: [PATCH] feat(platform): add loading state for /me/ai-usage
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Every [tenant] route got a loading.tsx skeleton in an earlier pass, but
/me/ai-usage lives outside the [tenant] segment and was missed — clicking
"Meu uso de IA" showed nothing while the page's Supabase query resolved.

Mirrors the page's real layout: header, 4 summary cards, trend chart
card, per-repo table card — same convention as every other loading.tsx
in the app.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
---
 platform/src/app/me/ai-usage/loading.tsx | 29 ++++++++++++++++++++++++
 1 file changed, 29 insertions(+)
 create mode 100644 platform/src/app/me/ai-usage/loading.tsx

diff --git a/platform/src/app/me/ai-usage/loading.tsx b/platform/src/app/me/ai-usage/loading.tsx
new file mode 100644
index 0000000..296528c
--- /dev/null
+++ b/platform/src/app/me/ai-usage/loading.tsx
@@ -0,0 +1,29 @@
+import { Skeleton } from "@/components/ui/skeleton";
+
+export default function PersonalAIUsageLoading() {
+  return (
+    <div className="mx-auto max-w-5xl space-y-8">
+      <div className="space-y-2">
+        <Skeleton className="h-8 w-56" />
+        <Skeleton className="h-4 w-72" />
+        <Skeleton className="h-3 w-96" />
+      </div>
+
+      <div className="grid gap-3 grid-cols-2 lg:grid-cols-4">
+        {Array.from({ length: 4 }).map((_, i) => (
+          <Skeleton key={i} className="h-20" />
+        ))}
+      </div>
+
+      <div className="space-y-2">
+        <Skeleton className="h-6 w-40" />
+        <Skeleton className="h-64" />
+      </div>
+
+      <div className="space-y-2">
+        <Skeleton className="h-6 w-40" />
+        <Skeleton className="h-64" />
+      </div>
+    </div>
+  );
+}