import BreadCrumbLink from "@/layouts/shared/page.breadcrumbLink";
import { listHistory } from "@/lib/features/chatbot/history/query";
import HistoryClientPage from "./_client";

export const handle = {
  breadcrumb: () => (
    <BreadCrumbLink links={[{ label: "Chatbot", to: "/admin/chatbot" }, { label: "History" }]} />
  ),
};

export async function loader({ request }: { request: Request }) {
  const headers = { Cookie: request.headers.get("Cookie") ?? "" };
  const res: any = await listHistory(200, headers);
  const logs = res?.history ?? res?.data?.history ?? [];
  return { logs, total: res?.total_logs ?? logs.length };
}

export default function HistoryPage({
  loaderData,
}: {
  loaderData: { logs: any[]; total: number };
}) {
  return <HistoryClientPage logs={loaderData.logs} />;
}