import type { Metadata } from "next";
import { Header, Footer } from "@/components/Shell";
import { DeveloperPanel } from "@/components/DeveloperPanel";
import { user } from "@/lib/supabase";

export const metadata: Metadata = {
  title: "Developer API",
  description: "Create and manage scoped MineGeo API keys.",
};
export const dynamic = "force-dynamic";

export default async function DeveloperApiPage() {
  const account = await user();
  return (
    <>
      <Header />
      <main className="section page-content" id="main-content" tabIndex={-1}>
        <DeveloperPanel signedIn={Boolean(account)} />
      </main>
      <Footer />
    </>
  );
}