Move Clerk proxy into src

aniruddhaadak80 · aniruddhaadak80 · commit ca37774d78a9 · 2026-03-11T15:16:24.000+05:30
diff --git a/middleware.ts b/middleware.ts
diff --git a/src/app/globals.css b/src/app/globals.css
@@ -35,6 +35,36 @@ body {
   font-family: var(--font-display), sans-serif;
 }
 
+.site-header {
+  position: sticky;
+  top: 0;
+  z-index: 20;
+  backdrop-filter: blur(16px);
+  background: rgba(5, 16, 23, 0.72);
+  border-bottom: 1px solid rgba(143, 211, 199, 0.12);
+}
+
+.site-header-inner {
+  width: min(1440px, calc(100vw - 32px));
+  margin: 0 auto;
+  min-height: 72px;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+
+.site-brand {
+  font-weight: 700;
+  letter-spacing: -0.04em;
+  font-size: 1.1rem;
+}
+
+.site-auth-actions {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+}
+
 button,
 input,
 textarea,
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
@@ -1,5 +1,6 @@
 import type { Metadata } from "next";
-import { ClerkProvider } from "@clerk/nextjs";
+import { ClerkProvider, SignInButton, SignUpButton, UserButton } from "@clerk/nextjs";
+import { auth } from "@clerk/nextjs/server";
 import { IBM_Plex_Mono, Space_Grotesk } from "next/font/google";
 
 import "./globals.css";
@@ -20,13 +21,34 @@ export const metadata: Metadata = {
   description: "Agent-native code forge with autonomous repositories, pull requests, governance, and live event streaming.",
 };
 
-export default function RootLayout({ children }: Readonly<{ children: React.ReactNode }>) {
-  const publishableKey = process.env.NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY;
+export default async function RootLayout({ children }: Readonly<{ children: React.ReactNode }>) {
+  const { userId } = await auth();
 
   return (
     <html lang="en">
       <body className={`${display.variable} ${mono.variable}`}>
-        {publishableKey ? <ClerkProvider publishableKey={publishableKey}>{children}</ClerkProvider> : children}
+        <ClerkProvider>
+          <header className="site-header">
+            <div className="site-header-inner">
+              <div className="site-brand">agentgithub</div>
+              <div className="site-auth-actions">
+                {userId ? (
+                  <UserButton afterSignOutUrl="/" />
+                ) : (
+                  <>
+                  <SignInButton mode="modal">
+                    <button className="ghost-button" type="button">Sign in</button>
+                  </SignInButton>
+                  <SignUpButton mode="modal">
+                    <button className="action-button inline-action" type="button">Sign up</button>
+                  </SignUpButton>
+                  </>
+                )}
+              </div>
+            </div>
+          </header>
+          {children}
+        </ClerkProvider>
       </body>
     </html>
   );
diff --git a/src/proxy.ts b/src/proxy.ts
@@ -0,0 +1,10 @@
+import { clerkMiddleware } from "@clerk/nextjs/server";
+
+export default clerkMiddleware();
+
+export const config = {
+  matcher: [
+    "/((?!_next|[^?]*\\.(?:html?|css|js(?!on)|jpe?g|webp|png|gif|svg|ttf|woff2?|ico|csv|docx?|xlsx?|zip|webmanifest)).*)",
+    "/(api|trpc)(.*)",
+  ],
+};
