From 578fb2c5a152d11b5a5f8ccd7e384431b433482b Mon Sep 17 00:00:00 2001
From: Ashwin Kumar Sivakumar <ashwin@traceworks.in>
Date: Mon, 6 Jul 2026 02:49:39 +0530
Subject: [PATCH] fix: JSX structure in credit.tsx

- Fix nested tag structure: AI Credits tab was incorrectly nested inside Platform Ledger section
- Close Platform Ledger section before starting AI Credits tab
- Move AI Credits tab to be a sibling of Platform Ledger tab, not a child
- Wrap AI Credits content in proper section element for consistent styling
---
 src/routes/admin/credit.tsx | 14 +++++++++-----
 1 file changed, 9 insertions(+), 5 deletions(-)

diff --git a/src/routes/admin/credit.tsx b/src/routes/admin/credit.tsx
index 6a52017..2ee1599 100644
--- a/src/routes/admin/credit.tsx
+++ b/src/routes/admin/credit.tsx
@@ -620,10 +620,13 @@ export default function CreditPage() {
           >
             <LedgerSection entries={platformLedger() ?? []} showUser onExport={undefined} />
           </Show>
+        </section>
+      </Show>
 
-          {/* AI Credits Tab */}
-          <Show when={activeTab() === 'ai_credits'}>
-            <div>
+      {/* AI Credits Tab */}
+      <Show when={activeTab() === 'ai_credits'}>
+        <section class="rounded-xl border border-gray-200 bg-white shadow-sm" style="margin-top:1.5rem">
+          <div>
               {/* AI Credits Sub-tabs */}
               <div class="bg-white border-b border-gray-200 px-0 flex items-center gap-6 mb-6">
                 {(['balance', 'adjust', 'reconcile'] as const).map((t) => (
@@ -921,8 +924,9 @@ export default function CreditPage() {
               </Show>
             </div>
           </Show>
-        </div>
-      </div>
+        </section>
+      </Show>
+    </div>
   );
 }