import { DashboardLayout } from "@/components/layout/dashboard-layout";
import { PageHeader } from "@/components/layout/page-header";
import { Card } from "@/components/ui/card";
import { InfoBanner } from "@/components/ui/info-banner";

export default function KnowledgeBasePage() {
  return (
    <DashboardLayout>
      <PageHeader
        title="Knowledge Base"
        subtitle="Store business truth — products, services, and brand facts that power AI generation"
      />
      <div className="flex-1 px-8 pb-8">
        <Card>
          <InfoBanner>
            Knowledge Base is mandatory before generation. Context Builder converts KB entries
            into structured prompts; no content is generated without KB-derived context.
          </InfoBanner>
          <div className="mt-8 rounded-xl border border-dashed border-gray-200 bg-gray-50/50 px-6 py-16 text-center">
            <p className="text-base font-semibold text-gray-900">
              Knowledge Base UI — NOT PROVIDED
            </p>
            <p className="mx-auto mt-2 max-w-lg text-sm text-gray-500">
              No reference screenshot exists for this screen. Add design images to{" "}
              <code className="text-gray-600">images/</code> before implementing the full KB
              editor.
            </p>
          </div>
        </Card>
      </div>
    </DashboardLayout>
  );
}