feat(web): 首页只回答三件事、计划页巡检置顶与分组折叠、任务列表去噪(DEAI-2)

首页:顶部一行状态(自动化开关 + 只在异常时出现的服务 / 下载盘 / 站点账号 / 下载器问题),
下面只有「在忙什么」「要我处理」「最近入库」三块;去掉运行状态、计划、缓存、来源健康、
满足率与 0 值铺陈;0 订阅时写「还没有订阅。去搜索添加」。只读对账移出首页,设置里放进
自动化 →「高级」(与存储预算、流水保留、缓存有效期一起默认收起)。

计划页:「智能体巡检」移到最上面——巡检数量少、由用户自己建、每次会花钱,是这页最需要
看的;自动任务任务多、多数不用管,放在下面。自动任务按分类分组、每组可折叠:有失败或
运行中的组默认展开,其余收起为「N 个任务 · 下次 xx」一行,折叠状态记在 localStorage;
维护类整组叫「数据清理」,未接入调度的备份不列。巡检卡只留名称、开关、间隔、上次结果与
费用,目标 / 能力 / 预算 / 模型 / 最近会话收进「详情」。去掉顶部 6 个计数卡。定时任务说明
去掉表名、字段名与实现备注。

任务页:默认隐藏系统任务(无业务对象的引擎步骤、定时任务的成功运行),可一键显示;
标题不再用 ID;耗时移入技术信息;< 1 秒写「< 1 秒」;费用两位小数,不足一分写「< $0.01」。
下载盘相关文案改用「暂停线 / 恢复线」。

Co-Authored-By: Claude Opus 5.5 <[email protected]>

apps/web/app/components/settings/automation.tsx

@@ -1,12 +1,13 @@
-import { Pause, Play, ShieldAlert } from "lucide-react";
-import type { ReactNode } from "react";
+import { ChevronDown, Pause, Play, ShieldAlert } from "lucide-react";
+import { type ReactNode, useEffect, useState } from "react";
+import { useLocation } from "react-router";
 import { toast } from "sonner";
 import { useUpdateSettings } from "~/api/settings.ts";
 import { Switch } from "~/components/ui/switch.tsx";
 import { errorMessage } from "~/lib/api.ts";
 import { cn } from "~/lib/utils.ts";
 import { type FormValues, num } from "./resource-section.tsx";
-import { SettingsBlock } from "./settings-block.tsx";
+import { anchorId, SettingsBlock } from "./settings-block.tsx";
 import { type CardSpec, n, SettingsCard, SettingsGate } from "./settings-card.tsx";
 
 // 自动化分区:总开关、只读对账、缓存水位、每日下载预算、保留天数、存储预算与保留(CACHE-2)
@@ -15,12 +16,12 @@ const GiB = 1024 ** 3;
 
 const CACHE_CARD: CardSpec = {
   anchor: "cache",
-  title: "缓存水位",
-  description: "缓存卷使用率到硬阈值时停止新增下载并暂停本工具的下载任务；降到恢复水位以下只恢复因阈值暂停的任务。",
+  title: "下载盘",
+  description: "下载盘用量到暂停线时不再新增下载，并暂停本工具的下载任务；降到恢复线以下只恢复因此暂停的任务。",
   fields: [
-    { name: "cache.hardThresholdPercent", label: "硬阈值(%)", kind: "number" },
-    { name: "cache.resumePercent", label: "恢复水位(%)", kind: "number", hint: "低于硬阈值" },
-    { name: "cache.cleanupTargetPercent", label: "清理目标(%)", kind: "number", hint: "不高于恢复水位" },
+    { name: "cache.hardThresholdPercent", label: "暂停线(%)", kind: "number" },
+    { name: "cache.resumePercent", label: "恢复线(%)", kind: "number", hint: "低于暂停线" },
+    { name: "cache.cleanupTargetPercent", label: "清理目标(%)", kind: "number", hint: "不高于恢复线" },
     { name: "cache.checkIntervalSec", label: "检查间隔（秒）", kind: "number", hint: "10–3600" },
   ],
   fromSettings: (s) => ({
@@ -75,7 +76,7 @@ const RETENTION_CARD: CardSpec = {
       kind: "number",
       hint: "复制入库后下载源在缓存里至少留这么久；0–365",
     },
-    { name: "retention.logRetentionDays", label: "日志保留天数", kind: "number", hint: "观察与日志类数据" },
+    { name: "retention.logRetentionDays", label: "日志保留天数", kind: "number" },
   ],
   fromSettings: (s) => ({
     "retention.seedRetentionDays": n(s.retention.seedRetentionDays),
@@ -211,6 +212,59 @@ function ToggleRow({
   );
 }
 
+/** 高级:只读对账、存储预算、流水保留、缓存有效期;默认收起,从 #automation/advanced 进来时展开 */
+function Advanced({ children }: { children: ReactNode }) {
+  const location = useLocation();
+  const [open, setOpen] = useState(() => location.hash.endsWith("/advanced"));
+  useEffect(() => {
+    if (location.hash.endsWith("/advanced")) setOpen(true);
+  }, [location.hash]);
+  return (
+    <section id={anchorId("automation", "advanced")} className="scroll-mt-20">
+      <button
+        type="button"
+        aria-expanded={open}
+        onClick={() => setOpen((v) => !v)}
+        className="inline-flex items-center gap-1.5 text-lead font-semibold text-foreground"
+      >
+        高级
+        <ChevronDown
+          className={cn("size-4 text-muted-foreground transition-transform duration-base", open && "rotate-180")}
+        />
+      </button>
+      <p className="mt-1 text-caption text-muted-foreground">只读对账、存储预算、数据保留和缓存有效期。一般不用改。</p>
+      {open ? <div className="mt-6 grid grid-cols-1 gap-8">{children}</div> : null}
+    </section>
+  );
+}
+
+function ReadOnlySwitch() {
+  const update = useUpdateSettings();
+  return (
+    <SettingsGate>
+      {(s) => (
+        <SettingsBlock section="automation" anchor="readonly" title="只读对账">
+          <ToggleRow
+            id="tg-readonly"
+            icon={<ShieldAlert className="h-4 w-4" />}
+            tone={s.automation.readOnlyReconcile ? "warning" : "success"}
+            title={`只读对账 · ${s.automation.readOnlyReconcile ? "开启" : "关闭"}`}
+            description="从备份恢复后先开启：只核对库存与路径，不做自动写入。核对完再关闭。"
+            checked={s.automation.readOnlyReconcile}
+            disabled={update.isPending}
+            onChange={(v) =>
+              update.mutateAsync({ automation: { readOnlyReconcile: v } }).then(
+                () => toast.success(v ? "已开启只读对账" : "已关闭只读对账"),
+                (err) => toast.error(errorMessage(err, "切换失败")),
+              )
+            }
+          />
+        </SettingsBlock>
+      )}
+    </SettingsGate>
+  );
+}
+
 function Switches() {
   const update = useUpdateSettings();
   const set = async (patch: { enabled?: boolean; readOnlyReconcile?: boolean }, msg: string) => {
@@ -236,16 +290,6 @@ function Switches() {
               disabled={update.isPending}
               onChange={(v) => set({ enabled: v }, v ? "自动化已恢复" : "自动化已暂停")}
             />
-            <ToggleRow
-              id="tg-readonly"
-              icon={<ShieldAlert className="h-4 w-4" />}
-              tone={s.automation.readOnlyReconcile ? "warning" : "success"}
-              title={`只读对账 · ${s.automation.readOnlyReconcile ? "开启" : "关闭"}`}
-              description="从备份恢复后先开启：只核对库存与路径，不做自动写入。核对完再关闭。"
-              checked={s.automation.readOnlyReconcile}
-              disabled={update.isPending}
-              onChange={(v) => set({ readOnlyReconcile: v }, v ? "已开启只读对账" : "已关闭只读对账")}
-            />
           </div>
         </SettingsBlock>
       )}
@@ -263,9 +307,12 @@ export function AutomationSection() {
             <SettingsCard section="automation" spec={CACHE_CARD} settings={s} />
             <SettingsCard section="automation" spec={BUDGET_CARD} settings={s} />
             <SettingsCard section="automation" spec={RETENTION_CARD} settings={s} />
-            <SettingsCard section="automation" spec={STORAGE_BUDGET_CARD} settings={s} />
-            <SettingsCard section="automation" spec={STORAGE_RETENTION_CARD} settings={s} />
-            <SettingsCard section="automation" spec={STORAGE_TTL_CARD} settings={s} />
+            <Advanced>
+              <ReadOnlySwitch />
+              <SettingsCard section="automation" spec={STORAGE_BUDGET_CARD} settings={s} />
+              <SettingsCard section="automation" spec={STORAGE_RETENTION_CARD} settings={s} />
+              <SettingsCard section="automation" spec={STORAGE_TTL_CARD} settings={s} />
+            </Advanced>
           </>
         )}
       </SettingsGate>