import { eq } from "drizzle-orm";
import { notFound } from "next/navigation";
import { db } from "@/lib/db";
import { tvstarSession } from "@/lib/db/schema";

export const dynamic = "force-dynamic";

type SharedSnapshot = {
  title: string;
  goal: string;
  createdAt: number;
  messages: { role: "user" | "assistant"; content: string; createdAt: number }[];
  plan: { summary: string; deliverables: string[] } | null;
  shots: { shot: string; duration: string; sceneDescription: string }[];
};

export default async function TVstarSharedConversation({ params }: { params: Promise<{ token: string }> }) {
  const { token } = await params;
  if (!/^[A-Za-z0-9_-]{32}$/.test(token || "")) notFound();
  const row = (await db.select({ snapshot: tvstarSession.sharedSnapshot }).from(tvstarSession)
    .where(eq(tvstarSession.shareToken, token)).limit(1))[0];
  if (!row?.snapshot) notFound();
  const shared = row.snapshot as SharedSnapshot;
  return <main className="min-h-screen bg-[#141414] px-4 py-12 text-white">
    <article className="mx-auto max-w-2xl rounded-2xl border border-white/10 bg-[#1d1d1d] p-6 shadow-2xl">
      <p className="text-xs tracking-widest text-cyan-300">TVstar · 只读分享</p>
      <h1 className="mt-3 text-2xl font-semibold">{shared.title}</h1>
      <p className="mt-2 text-sm text-white/50">{new Date(shared.createdAt).toLocaleString("zh-CN")}</p>
      <p className="mt-6 whitespace-pre-wrap border-l-2 border-cyan-400 pl-4 text-sm text-white/70">{shared.goal}</p>
      <section aria-label="分享的对话" className="mt-8 space-y-3">
        {(shared.messages || []).map((message, index) => <div className={`rounded-xl p-4 text-sm leading-6 ${message.role === "user" ? "ml-8 bg-[#303846]" : "mr-8 bg-[#282828]"}`} key={`${message.createdAt}-${index}`}>
          <p className="mb-1 text-xs text-white/40">{message.role === "user" ? "用户" : "TVstar"}</p>
          <p className="whitespace-pre-wrap">{message.content}</p>
        </div>)}
      </section>
      {shared.plan ? <section className="mt-8 border-t border-white/10 pt-5"><h2 className="text-lg">创作规划</h2><p className="mt-2 whitespace-pre-wrap text-sm text-white/70">{shared.plan.summary}</p></section> : null}
      {shared.shots?.length ? <section className="mt-8 border-t border-white/10 pt-5"><h2 className="text-lg">分镜</h2><ol className="mt-3 space-y-3">{shared.shots.map((shot, index) => <li className="rounded-lg bg-white/5 p-3 text-sm" key={`${shot.shot}-${index}`}><strong>{shot.shot} · {shot.duration}</strong><p className="mt-1 whitespace-pre-wrap text-white/65">{shot.sceneDescription}</p></li>)}</ol></section> : null}
      <p className="mt-8 border-t border-white/10 pt-5 text-xs text-white/40">此页面是分享时的对话快照，无法编辑画布；对话正文中的文字和链接会原样显示。</p>
    </article>
  </main>;
}