From a695f741324958e782553d15b096844267191a7f Mon Sep 17 00:00:00 2001
From: mawkone <mark@getacquired.com>
Date: Sun, 14 Jun 2026 13:53:29 -0700
Subject: [PATCH] fix(codebase): clean up initial loading state UI

---
 .../project/[projectId]/(home)/code/page.tsx  | 52 +++++++++----------
 1 file changed, 26 insertions(+), 26 deletions(-)

diff --git a/vibn-frontend/app/[workspace]/project/[projectId]/(home)/code/page.tsx b/vibn-frontend/app/[workspace]/project/[projectId]/(home)/code/page.tsx
index ab0d629..a6ec56c 100644
--- a/vibn-frontend/app/[workspace]/project/[projectId]/(home)/code/page.tsx
+++ b/vibn-frontend/app/[workspace]/project/[projectId]/(home)/code/page.tsx
@@ -73,34 +73,34 @@ export default function CodeTab() {
           {/* ── Left rail ── */}
           <section style={leftCol}>
             {showLoading && (
-              <Card>
-                <div
-                  style={{
-                    display: "flex",
-                    alignItems: "center",
-                    gap: 8,
-                    color: THEME.mid,
-                    fontSize: "0.875rem",
-                  }}
-                >
-                  <Loader2 size={15} className="animate-spin" /> Loading…
-                </div>
-              </Card>
+              <div
+                style={{
+                  display: "flex",
+                  alignItems: "center",
+                  justifyContent: "center",
+                  padding: "48px 0",
+                  gap: 8,
+                  color: THEME.muted,
+                  fontSize: "0.85rem",
+                }}
+              >
+                <Loader2 size={16} className="animate-spin" /> Loading codebase…
+              </div>
             )}
             {error && !showLoading && (
-              <Card>
-                <div
-                  style={{
-                    display: "flex",
-                    alignItems: "center",
-                    gap: 8,
-                    color: THEME.danger,
-                    fontSize: "0.875rem",
-                  }}
-                >
-                  <AlertCircle size={15} /> {error}
-                </div>
-              </Card>
+              <div
+                style={{
+                  display: "flex",
+                  alignItems: "center",
+                  justifyContent: "center",
+                  padding: "48px 0",
+                  gap: 8,
+                  color: THEME.danger,
+                  fontSize: "0.85rem",
+                }}
+              >
+                <AlertCircle size={16} /> {error}
+              </div>
             )}
 
             {anatomy && (