Function WorkspaceLayout

apps/sim/app/workspace/[workspaceId]/layout.tsx:18–62

({
  children,
  params,
}: {
  children: React.ReactNode
  params: Promise<{ workspaceId: string }>
})

import { getOrgWhitelabelSettings } from '@/ee/whitelabeling/org-branding'

export default async function WorkspaceLayout({
  children,
  params,
}: {
  children: React.ReactNode
  params: Promise<{ workspaceId: string }>
}) {
  const session = await getSession()
  if (!session?.user) {
    redirect('/login')
  }

  const { workspaceId } = await params
  const initialSidebarCollapsed = (await cookies()).get('sidebar_collapsed')?.value === '1'
  const queryClient = getQueryClient()
  const sidebarPrefetch = prefetchWorkspaceSidebar(queryClient, workspaceId, session.user.id)

  // The organization plugin is conditionally spread so TS can't infer activeOrganizationId on the base session type.
  const orgId = (session.session as { activeOrganizationId?: string } | null)?.activeOrganizationId
  const initialOrgSettings = orgId ? await getOrgWhitelabelSettings(orgId) : null

  await sidebarPrefetch

  return (
    <BrandingProvider initialOrgSettings={initialOrgSettings}>
      <ToastProvider>
        <SettingsLoader />
        <ProviderModelsLoader />
        <GlobalCommandsProvider>
          <div className='flex h-screen w-full flex-col overflow-hidden bg-[var(--surface-1)]'>
            <ImpersonationBanner />
            <WorkspacePermissionsProvider>
              <WorkspaceScopeSync />
              <HydrationBoundary state={dehydrate(queryClient)}>
                <WorkspaceChrome initialSidebarCollapsed={initialSidebarCollapsed}>
                  {children}
                </WorkspaceChrome>
              </HydrationBoundary>
            </WorkspacePermissionsProvider>
          </div>
        </GlobalCommandsProvider>
      </ToastProvider>
    </BrandingProvider>
  )
}