sidebar collapse

app/(app)/layout.tsx

@@ -1,13 +1,10 @@
 import '../globals.css';
 import type { Metadata } from 'next';
-import { Inter } from 'next/font/google';
-import AppLayoutClient from './AppLayoutClient';
-
-const inter = Inter({ subsets: ['latin'] });
+import { Sidebar } from '@/app/components/Sidebar';
 
 export const metadata: Metadata = {
   title: 'ShortURL Analytics',
-  description: 'Analytics dashboard for ShortURL service',
+  description: 'Analytics for your shortened URLs',
 };
 
 export default function AppLayout({
@@ -16,10 +13,16 @@ export default function AppLayout({
   children: React.ReactNode;
 }) {
   return (
-    <div className={inter.className}>
-      <AppLayoutClient>
-        {children}
-      </AppLayoutClient>
+    <div className="flex h-screen bg-gray-50">
+      {/* 侧边栏 */}
+      <Sidebar />
+      
+      {/* 主内容区域 */}
+      <div className="flex-1 flex flex-col overflow-auto">
+        <main className="flex-1 overflow-y-auto">
+          {children}
+        </main>
+      </div>
     </div>
   );
 }