examples/web_ui/frontend/src/components/layout/AppLayout.tsx

import { Outlet } from 'react-router-dom';

import { AppSidebar } from '@/components/layout/AppSidebar';
import { SidebarInset, SidebarProvider } from '@/components/ui/sidebar';

export function AppLayout() {
	return (
		<div className="h-screen flex">
			<SidebarProvider>
				<AppSidebar />
				<SidebarInset className="flex-1 overflow-hidden">
					<Outlet />
				</SidebarInset>
			</SidebarProvider>
		</div>
	);
}