'use client'

import { AppSidebar } from "@/components/app-sidebar"
import {
  SidebarInset,
  SidebarProvider,
} from "@/components/ui/sidebar"
import { ProjectProvider } from "@/components/project-context"

export default function AppLayout({
  children,
}: {
  children: React.ReactNode
}) {
  return (
    <SidebarProvider>
      <ProjectProvider>
        <AppSidebar />
        <SidebarInset>
          <div className="flex min-h-svh flex-1 flex-col bg-background">
            {children}
          </div>
        </SidebarInset>
      </ProjectProvider>
    </SidebarProvider>
  )
}