CopilotKit/examples/copilot-state-machine/src/app/layout.tsx at patch-2 · dragon8github/CopilotKit · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
"use client";

import "./globals.css";
import { CopilotKit } from "@copilotkit/react-core";
import { GlobalStateProvider } from "@/lib/stages";
import { CarSalesChat } from "@/components/car-sales-chat";

export default function RootLayout({
  children,
}: Readonly<{
  children: React.ReactNode;
}>) {
  return (
    <html lang="en">
      <body>
        <CopilotKit
          publicApiKey={process.env.NEXT_PUBLIC_CPK_PUBLIC_API_KEY}
          showDevConsole={false}
        >
          <GlobalStateProvider>
            <div className="h-screen w-screen grid grid-cols-[40fr,60fr] p-10 gap-5">
              <div className="overflow-y-auto rounded-xl border">{children}</div>
              <div className="flex justify-center items-center overflow-y-auto rounded-xl">
                <CarSalesChat className="w-full" />
              </div>
            </div>
          </GlobalStateProvider>
        </CopilotKit>
      </body>
    </html>
  );
}