import { FilePlus2, Tags } from "lucide-react";
import { useState } from "react";
import { Link } from "react-router";
import { consolePath } from "~/components/console/nav.ts";
import { PageHeader } from "~/components/console/page-header.tsx";
import { PolicyWorkspace } from "~/components/library/subscriptions-policy.tsx";
import { Button } from "~/components/ui/button.tsx";

// 收录策略(REQ §6.5):草案 → 预览 → 发布;偏好标签在 /console/preferences,排序时叠加生效。

export const meta = () => [{ title: "收录策略 · UHD 媒体自动化控制台" }];

export default function RulesPage() {
  const [creating, setCreating] = useState(false);
  return (
    <>
      <PageHeader
        title="收录策略"
        description="草案发布后才生效。回滚会用旧版本内容发布一个新版本。"
        actions={
          <>
            <Button asChild variant="ghost" size="sm">
              <Link to={consolePath("preferences")}>
                <Tags />
                偏好标签
              </Link>
            </Button>
            <Button onClick={() => setCreating(true)}>
              <FilePlus2 />
              新建策略草案
            </Button>
          </>
        }
      />
      <PolicyWorkspace creating={creating} onCreatingChange={setCreating} />
    </>
  );
}