From f6d811de40e9b30021e1748d6be58fb9299ea26a Mon Sep 17 00:00:00 2001
From: Horus <horus@sitemente.com>
Date: Fri, 27 Feb 2026 17:49:48 +0100
Subject: [PATCH] Add layout for agent pages with dark background

---
 app/mission-control/agent/[id]/page.tsx | 2 +-
 app/mission-control/agent/layout.tsx    | 7 +++++++
 2 files changed, 8 insertions(+), 1 deletion(-)
 create mode 100644 app/mission-control/agent/layout.tsx

diff --git a/app/mission-control/agent/[id]/page.tsx b/app/mission-control/agent/[id]/page.tsx
index 83e78d4..4bfcf74 100644
--- a/app/mission-control/agent/[id]/page.tsx
+++ b/app/mission-control/agent/[id]/page.tsx
@@ -155,7 +155,7 @@ export default function AgentCenterPage({ params }: { params: { id: string } })
   }
 
   return (
-    <div className="min-h-screen bg-gradient-to-br from-[#1a1a2e] to-[#16213e] p-4 md:p-6">
+    <div className="p-4 md:p-6">
       {/* Header */}
       <div className="flex items-center gap-4 mb-6">
         <button
diff --git a/app/mission-control/agent/layout.tsx b/app/mission-control/agent/layout.tsx
new file mode 100644
index 0000000..c0f4418
--- /dev/null
+++ b/app/mission-control/agent/layout.tsx
@@ -0,0 +1,7 @@
+export default function AgentLayout({ children }: { children: React.ReactNode }) {
+  return (
+    <div className="min-h-screen bg-gradient-to-br from-[#1a1a2e] to-[#16213e]">
+      {children}
+    </div>
+  );
+}