Function AppShell

client-next/src/components/app-shell.tsx:192–215

({ children }: { children: React.ReactNode })

}

export function AppShell({ children }: { children: React.ReactNode }) {
  const { connected, loading } = useApp();
  const isFirstLoad = useIsFirstLoad();

  if (loading && !connected) {
    return <LoadingState isFirstLoad={isFirstLoad} />;
  }

  if (!connected) {
    return <DisconnectedLanding isFirstLoad={isFirstLoad} />;
  }

  return (
    <div className="flex h-screen overflow-hidden bg-background">
      <Sidebar />
      <main id="main-content" className="flex-1 overflow-auto p-6 pb-8">
        <div className="hover-lift-container h-full">
          {children}
        </div>
      </main>
      <DebugMenu />
    </div>
  );
}