sim/app/w/layout.tsx

import { Chat } from './components/chat/chat'
import { Console } from './components/console/console'
import { ControlBar } from './components/control-bar/control-bar'
import { Sidebar } from './components/sidebar/sidebar'
import { Toolbar } from './components/toolbar/toolbar'
import Providers from './providers'

export default function WorkspaceLayout({ children }: { children: React.ReactNode }) {
  return (
    <Providers>
      <div className="flex min-h-screen w-full">
        <div className="z-20">
          <Sidebar />
        </div>
        <div className="flex-1 flex flex-col pl-14">
          <ControlBar />
          <div className="h-16">
            <Toolbar />
            <Chat />
            <Console />
            <main className="grid items-start gap-2 bg-muted/40 h-[calc(100vh-4rem)]">
              {children}
            </main>
          </div>
        </div>
      </div>
    </Providers>
  )
}