From 44e224478143dfdfb82025496293389c7d35b02d Mon Sep 17 00:00:00 2001
From: OG T <ogt@WOOOMacMiniM4.local>
Date: Wed, 1 Apr 2026 20:30:58 +0800
Subject: [PATCH] fix(page): wrap with AppLayout to restore Sidebar + Header,
 use calc(100vh-64px)

---
 apps/web/src/app/[locale]/page.tsx | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/apps/web/src/app/[locale]/page.tsx b/apps/web/src/app/[locale]/page.tsx
index acfbe4a74..12dcee3d9 100644
--- a/apps/web/src/app/[locale]/page.tsx
+++ b/apps/web/src/app/[locale]/page.tsx
@@ -14,6 +14,7 @@ import { useIncidents } from '@/hooks/useIncidents'
 import { IncidentCard } from '@/components/incident'
 import { OpenClawPanel } from '@/components/ai/openclaw-panel'
 import { HostGrid } from '@/components/infra/host-grid'
+import { AppLayout } from '@/components/layout'
 
 // =============================================================================
 // Main Page
@@ -43,13 +44,15 @@ export default function Home({ params }: { params: { locale: string } }) {
   })
 
   return (
+    <AppLayout locale={locale} showBackground={false}>
     <div style={{
       display: 'flex',
       flexDirection: 'column',
-      height: '100vh',
+      height: 'calc(100vh - 64px)',
       background: '#f5f4ed',
       fontFamily: 'Inter, system-ui, sans-serif',
       overflow: 'hidden',
+      margin: '-24px',
     }}>
       {/* ── Metrics Strip (50px) ────────────────────────────────────── */}
       <div style={{
@@ -195,5 +198,6 @@ export default function Home({ params }: { params: { locale: string } }) {
         </div>
       </div>
     </div>
+    </AppLayout>
   )
 }