import { Footer } from '@/components/chrome/Footer';
import { Header } from '@/components/chrome/Header';
import { apiTry } from '@/lib/api';
import { LiveProvider } from '@/lib/live';
import type { GlobalPressure, Ticker } from '@/lib/types';

export const dynamic = 'force-dynamic';

/** Public chrome. One SSE connection per page lives here; the initial state is the SSR value from the same API. */
export default async function SiteLayout({ children }: { children: React.ReactNode }) {
  const [global, ticker] = await Promise.all([apiTry<GlobalPressure>('/api/v1/pressure/global'), apiTry<Ticker>('/api/v1/ticker')]);
  return (
    <LiveProvider initial={{ global, ticker }}>
      <Header />
      <main id="main" className="mx-auto w-full max-w-[1440px] flex-1 px-3 sm:px-5">
        {children}
      </main>
      <Footer />
    </LiveProvider>
  );
}