Feature: Chatbot Tournament Updater

package.json

@@ -61,6 +61,7 @@
     "nexus": "^1.3.0",
     "nostr-relaypool": "^0.6.16",
     "nostr-tools": "^1.2.0",
+    "openai": "^3.3.0",
     "qrcode.react": "^3.0.2",
     "react": "^18.0.0",
     "react-accessible-accordion": "^5.0.0",
@@ -96,6 +97,7 @@
     "web-vitals": "^2.1.4",
     "webln": "^0.3.0",
     "websocket-polyfill": "^0.0.3",
+    "yaml": "^2.3.1",
     "yup": "^0.32.11"
   },
   "scripts": {

src/features/Dashboard/Chatbot/Chatbot.tsx

@@ -0,0 +1,33 @@
+import { useSearchParams } from "react-router-dom";
+import OgTags from "src/Components/OgTags/OgTags";
+import Chat from "./components/Chat";
+import TournamentPreview from "./components/TournamentPreview";
+import { TournamentContextProvider } from "./contexts/tournament.context";
+import { TournamentChatbotContextProvider } from "./contexts/tournamentChatbot.context";
+
+export default function ChatbotPage() {
+  const [searchParams] = useSearchParams();
+
+  const tournamentIdOrSlug = searchParams.get("tournament");
+
+  if (!tournamentIdOrSlug) return <p>No tournament selected</p>;
+
+  return (
+    <>
+      <OgTags
+        title="Chatbot Commander"
+        description="Update stuff using chatbot"
+      />
+      <div className="h-[90vh] py-16 border-2 border-gray-200 rounded m-8">
+        <div className="h-full grid grid-cols-2 items-center">
+          <TournamentContextProvider idOrSlug={tournamentIdOrSlug}>
+            <TournamentChatbotContextProvider>
+              <Chat />
+            </TournamentChatbotContextProvider>
+            <TournamentPreview />
+          </TournamentContextProvider>
+        </div>
+      </div>
+    </>
+  );
+}

src/features/Dashboard/Chatbot/components/Chat.tsx

@@ -0,0 +1,11 @@
+import MessagesContainer from "./MessagesContainer";
+
+export default function Chat() {
+  return (
+    <div className="overflow-auto h-full w-full mx-auto px-16">
+      <div className="h-full bg-gray-300 bg-opacity-30 rounded p-16 flex flex-col overflow-auto">
+        <MessagesContainer />
+      </div>
+    </div>
+  );
+}