feat(web): split plan page from tasks (FE-6)

- Nav overview group: 首页 / 任务 / 计划 / Agent 会话; tasks page drops the plan tab - /console/tasks?tab=plan[&job=] redirects to /console/schedules[?job=] - Plan page: 自动任务 compact grouped list (switch, interval preset/custom, last result, countdown, failure reason, run now/skip/run records) and Agent 巡检 cards (goal, allowlist, budget, upstream/model, trigger, cost per run, recent sessions); split stats - Home plan band: two counts linking to #auto / #checks - Docs: console-ia §7.4a, glossary, schedules runbook; smoke routes Co-Authored-By: Claude Opus 5.5 <[email protected]>
2026-09-29 17:13:54 +08:00
1 parent c3aaf901ad
commit baf2d6ea04
@@ -1,8 +1,39 @@
-import { legacyRedirectLoader } from "./redirects.ts";
+import { useQueryClient } from "@tanstack/react-query";
+import { RotateCw } from "lucide-react";
+import { useSearchParams } from "react-router";
+import { agentKeys } from "~/api/agent.ts";
+import { PageHeader } from "~/components/console/page-header.tsx";
+import { PlanBoard } from "~/components/schedules/schedule-board.tsx";
+import { Button } from "~/components/ui/button.tsx";
+import { qk } from "~/lib/query-keys.ts";

-// IA-3:定时任务看板成为任务页"计划"页签(/console/tasks?tab=plan)
-export const clientLoader = legacyRedirectLoader;
+// FE-6:计划页(定时任务配置)与任务页(运行记录)分开。?job= 高亮并滚到该定时任务;#auto / #checks 定位到节。

-export default function LegacyRedirect() {
-  return null;
+export const meta = () => [{ title: "计划 · UHD 媒体自动化控制台" }];
+
+export default function SchedulesPage() {
+  const qc = useQueryClient();
+  const [params] = useSearchParams();
+  return (
+    <>
+      <PageHeader
+        title="计划"
+        description="定时任务的开关、间隔和下次运行。每次运行的结果在任务页。"
+        actions={
+          <Button
+            variant="outline"
+            size="sm"
+            onClick={() => {
+              qc.invalidateQueries({ queryKey: qk.all("schedules") });
+              qc.invalidateQueries({ queryKey: [...agentKeys.all, "list"] });
+            }}
+          >
+            <RotateCw />
+            刷新
+          </Button>
+        }
+      />
+      <PlanBoard highlightJob={params.get("job") ?? undefined} />
+    </>
+  );
 }