import { createBffAgentClient } from "@agents24/client/bff";
import { StrictMode } from "react";
import { createRoot } from "react-dom/client";

import { Agents24ChatScaffold } from "@/index";
import { useThreadQueryNavigation } from "@/use-thread-query-navigation";
import { getHostIdentity } from "./host-identity";

const client = createBffAgentClient({ basePath: "/api/agents24" });

function GeneratedChatApp() {
  const navigation = useThreadQueryNavigation();
  return (
    <Agents24ChatScaffold
      client={client}
      identity={getHostIdentity()}
      activeThreadId={navigation.activeThreadId}
      onActiveThreadIdChange={navigation.onActiveThreadIdChange}
      completeMcpAuthorization={async ({ completion, serverId }) => {
        if (completion.serverId !== serverId || !completion.connectionId) {
          throw new Error("MCP authorization did not return the expected connection.");
        }
      }}
    />
  );
}

createRoot(document.getElementById("root")!).render(
  <StrictMode>
    <GeneratedChatApp />
  </StrictMode>,
);