import { PreviewNotice, StatusCard } from "@/components/ui";

export const metadata = { title: "TTS 任务管理" };

export default function AdminTtsPage() {
  return <div className="container-shell py-16 sm:py-24"><p className="eyebrow eyebrow-cyan">Admin / TTS</p><h1 className="mt-5 text-4xl font-semibold tracking-[-0.05em]">TTS 任务与使用量</h1><p className="mt-4 max-w-xl text-muted">用于运营查看任务状态、耗时、错误码和计量消耗，不默认展示完整输入文本。</p><div className="mt-8"><PreviewNotice>当前没有真实任务。筛选和统计均为布局占位，不会读取或修改上游服务。</PreviewNotice></div><div className="mt-8 grid gap-5 md:grid-cols-3"><StatusCard title="任务数" description="待任务服务接入" /><StatusCard title="成功率" description="待统计服务接入" tone="success" /><StatusCard title="冻结异常" description="待额度服务接入" tone="warning" /></div><div className="mt-8 overflow-hidden rounded-2xl border border-line bg-panel/50"><div className="grid gap-4 border-b border-line p-5 sm:grid-cols-3"><select className="field-input" disabled aria-label="任务状态"><option>状态：待接入</option></select><input className="field-input" disabled aria-label="按任务 ID 筛选" placeholder="任务 ID（待接入）" /><button className="button-ghost" disabled type="button">查询（待接入）</button></div><div className="p-10 text-center text-sm text-muted">暂无可显示的任务记录。</div></div></div>;
}