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>
	);
}