diff --git a/admin-compliance/app/sdk/layout.tsx b/admin-compliance/app/sdk/layout.tsx
index 3cd06dc..0188af2 100644
--- a/admin-compliance/app/sdk/layout.tsx
+++ b/admin-compliance/app/sdk/layout.tsx
@@ -219,14 +219,12 @@ function SDKInnerLayout({ children }: { children: React.ReactNode }) {
 }
 
 // =============================================================================
-// MAIN LAYOUT
+// SDK ROOT WITH SEARCH PARAMS (client component that reads ?project=)
 // =============================================================================
 
-export default function SDKRootLayout({
-  children,
-}: {
-  children: React.ReactNode
-}) {
+import { Suspense } from 'react'
+
+function SDKRootWithParams({ children }: { children: React.ReactNode }) {
   const searchParams = useSearchParams()
   const projectId = searchParams.get('project') || undefined
 
@@ -236,3 +234,19 @@ export default function SDKRootLayout({
     </SDKProvider>
   )
 }
+
+// =============================================================================
+// MAIN LAYOUT (wraps in Suspense for useSearchParams)
+// =============================================================================
+
+export default function SDKRootLayout({
+  children,
+}: {
+  children: React.ReactNode
+}) {
+  return (
+    <Suspense fallback={<div className="min-h-screen bg-gray-50" />}>
+      <SDKRootWithParams>{children}</SDKRootWithParams>
+    </Suspense>
+  )
+}