feat(tasks): REQ-294 周回顾批裁决 UI + REQ-301 封存显隐

Author: Aparencia

app/src/components/ActionCenterOverlay.tsx

@@ -107,6 +107,50 @@ export default function ActionCenterOverlay({ onClose, onChanged }: Props) {
   const [sopStart, setSopStart] = useState("0");
   const [sopEnd, setSopEnd] = useState("0");
   const [suggestions, setSuggestions] = useState<Record<number, string[]>>({});
+  // v0.20.3（REQ-294）：批量周回顾（选中执行/放弃——batch_weekly_resolve 单事务）
+  const [batchMode, setBatchMode] = useState(false);
+  const [checked, setChecked] = useState<Set<number>>(new Set());
+  const [batchReason, setBatchReason] = useState("");
+
+  const toggleChecked = (id: number) => {
+    setChecked((prev) => {
+      const next = new Set(prev);
+      if (next.has(id)) next.delete(id); else next.add(id);
+      return next;
+    });
+  };
+
+  const runBatch = async (action: "done" | "abandon") => {
+    const candidates = [...overdue, ...planned, ...rows];
+    const decisions = candidates
+      .filter((r) => checked.has(r.id) && !r.unrefined)
+      .map((r) => ({ rowId: r.id, action, reason: action === "abandon" ? batchReason.trim() || null : null }));
+    if (decisions.length === 0) {
+      setErr("请先勾选要批决议的任务行");
+      return;
+    }
+    try {
+      const view = await invoke<{ done: number; abandoned: number; failed: string[] }>(
+        "batch_weekly_resolve",
+        { decisions },
+      );
+      setMsg(`⚖ 周回顾批提交完成：执行 ${view.done} · 放弃 ${view.abandoned}${view.failed.length > 0 ? ` · 失败 ${view.failed.length} 条（${view.failed[0]}）` : ""}`);
+      setChecked(new Set());
+      setBatchReason("");
+      setBatchMode(false);
+      onChanged?.();
+      const [o, p, s, u, h] = await Promise.all([
+        fetchTab("overdue"),
+        fetchTab("planned"),
+        fetchTab("someday"),
+        fetchTab("unrefined"),
+        invoke<HistoryRow[]>("completion_history_list", { eventType: null, limit: 150 }),
+      ]);
+      setOverdue(o); setPlanned(p); setRows(s); setUnrefined(u); setHistory(h);
+    } catch (e) {
+      setErr(String(e));
+    }
+  };
   // 裁决队列（四分区同拉全量行，前端按 tab 分区展示——逾期标红/计划/搁置/提炼）
   const [rows, setRows] = useState<ActionRow[]>([]);
   const [history, setHistory] = useState<HistoryRow[]>([]);
@@ -366,6 +410,39 @@ export default function ActionCenterOverlay({ onClose, onChanged }: Props) {
 
         {tab === "queue" ? (
           <>
+            {/* v0.20.3（REQ-294）：周回顾批裁决（不留死尸——裁决机制批量面） */}
+            <div style={{ display: "flex", gap: 6, alignItems: "center", marginBottom: 8, flexWrap: "wrap" }}>
+              <button style={ghostBtn} onClick={() => setBatchMode((m) => !m)} data-testid="weekly-batch-toggle">
+                {batchMode ? "退出批量（⚖ 周回顾）" : "⚖ 批量裁决（周回顾）"}
+              </button>
+              {batchMode && (
+                <>
+                  <input value={batchReason} onChange={(e) => setBatchReason(e.target.value)} placeholder="放弃原因（批量放弃共用，可空）" style={{ fontSize: 12, width: 200, border: "1px solid #e5e7eb", borderRadius: 4, padding: "2px 6px" }} />
+                  <button style={okBtn} disabled={checked.size === 0} onClick={() => void runBatch("done")}>
+                    ⚖ 执行选中（{checked.size}）
+                  </button>
+                  <button style={{ ...ghostBtn, color: "#dc2626" }} disabled={checked.size === 0} onClick={() => void runBatch("abandon")}>
+                    ✗ 放弃选中（留因）
+                  </button>
+                </>
+              )}
+            </div>
+            {batchMode && (
+              <div style={{ border: "1px dashed #c4b5fd", borderRadius: 8, padding: 6, marginBottom: 8, display: "flex", flexDirection: "column", gap: 4 }}>
+                {[...overdue, ...planned, ...rows].filter((r) => !r.unrefined).length === 0 && (
+                  <p style={{ margin: 0, fontSize: 12, color: "#9ca3af" }}>当前无可批决议的 todo 行</p>
+                )}
+                {[...overdue, ...planned, ...rows]
+                  .filter((r) => !r.unrefined)
+                  .map((r) => (
+                    <label key={r.id} style={{ display: "flex", gap: 6, alignItems: "center", fontSize: 12, cursor: "pointer", padding: "2px 4px", borderRadius: 4, background: checked.has(r.id) ? "#f5f3ff" : "transparent" }}>
+                      <input type="checkbox" checked={checked.has(r.id)} onChange={() => toggleChecked(r.id)} />
+                      <span style={{ color: "#111827" }}>{r.text}</span>
+                      <span style={{ fontSize: 10.5, color: "#9ca3af", marginLeft: "auto" }}>@{r.note_title}</span>
+                    </label>
+                  ))}
+              </div>
+            )}
             <h4 style={{ fontSize: 12.5, margin: "6px 0 4px", color: "#dc2626" }}>逾期（{overdue.length}）</h4>
             <div style={{ display: "flex", flexDirection: "column", gap: 6 }}>
               {overdue.length === 0 ? empty("无逾期——裁决是机制不是自动清理") : overdue.map((r) => renderRow(r, true))}

app/src/components/SealToggle.tsx

@@ -0,0 +1,40 @@
+/**
+ * SealToggle — SE 情绪 tag（#树洞 类）显隐开关（v0.20.3 / REQ-301）。
+ *
+ * @ai-context: 封存默认排除（列表默认不可见——SE 内容不进学习主流程）；开启后
+ *              设置可显（默认关=保持排除，feature_flags.sealed_tags_visible）。
+ */
+import { useEffect, useState } from "react";
+import { invoke } from "@tauri-apps/api/core";
+
+export function SealToggle() {
+  const [on, setOn] = useState(false);
+  const [msg, setMsg] = useState("");
+
+  useEffect(() => {
+    void invoke<{ sealedTagsVisible?: boolean }>("get_feature_flags")
+      .then((f) => setOn(!!f.sealedTagsVisible))
+      .catch(() => undefined);
+  }, []);
+
+  const toggle = async (next: boolean) => {
+    try {
+      await invoke("set_feature_flag", { name: "sealed_tags_visible", value: next });
+      setOn(next);
+      setMsg(next ? "已显示 #树洞 类封存笔记（默认排除态解除）" : "已恢复默认：封存（#树洞）笔记在列表隐藏");
+    } catch (e) {
+      setMsg(`设置失败: ${e}`);
+    }
+  };
+
+  return (
+    <div style={{ fontSize: 12, color: "#374151", display: "flex", alignItems: "center", gap: 8 }}>
+      <b>🧊 封存显隐（#树洞）</b>
+      <input type="checkbox" checked={on} onChange={(e) => void toggle(e.target.checked)} style={{ cursor: "pointer" }} />
+      <span style={{ fontSize: 11, color: "#9ca3af" }}>{on ? "显示封存笔记" : "默认排除（推荐——情绪内容不进学习主流程）"}</span>
+      {msg && <span style={{ fontSize: 11, color: msg.startsWith("设置失败") ? "#dc2626" : "#047857" }}>{msg}</span>}
+    </div>
+  );
+}
+
+export default SealToggle;

app/src/pages/NotesPage.tsx

@@ -373,11 +373,30 @@ export default function NotesPage({ focusNoteId, focusNoteSearch, focusGroupId,
     return Array.from(set).sort();
   }, [notes]);
 
+  // v0.20.3（REQ-301）：SE 情绪 tag（#树洞）默认排除（设置可显）
+  const [sealedVisible, setSealedVisible] = useState(false);
+  useEffect(() => {
+    void invoke<{ sealedTagsVisible?: boolean }>("get_feature_flags")
+      .then((f) => setSealedVisible(!!f.sealedTagsVisible))
+      .catch(() => setSealedVisible(false));
+  }, [refreshToken]);
+
   // v0.11.0：组过滤在客户端生效（列表已全量加载；组切换零请求）
-  const visibleNotes = useMemo(
-    () => (groupFilter === null ? notes : notes.filter((n) => n.group_id === groupFilter)),
-    [notes, groupFilter],
-  );
+  // v0.20.3（REQ-301）：SE 封存默认不可见——#树洞 类 tag 笔记从默认列表排除
+  const visibleNotes = useMemo(() => {
+    let list = groupFilter === null ? notes : notes.filter((n) => n.group_id === groupFilter);
+    if (!sealedVisible && tagFilter == null) {
+      list = list.filter((n) => {
+        try {
+          const tags = JSON.parse(n.tags ?? "[]") as unknown[];
+          return !tags.some((t) => String(t).includes("树洞"));
+        } catch {
+          return true; // tags 非 JSON（旧数据）→ 不误滤
+        }
+      });
+    }
+    return list;
+  }, [notes, groupFilter, sealedVisible, tagFilter]);
 
   // v0.14 B：组映射（noteId → 组，resolveNoteColor 组继承档用）
   const groupMap = useMemo(() => new Map(groups.map((g) => [g.id, g])), [groups]);

app/src/pages/SettingsPage.tsx

@@ -25,6 +25,8 @@ import LearningLibraryPanel from "../components/LearningLibraryPanel";
 import AiProviderSettings from "../components/AiProviderSettings";
 import AiTaskPanel from "../components/AiTaskPanel";
 import FeatureFlagSetting from "../components/FeatureFlagSetting";
+// v0.20.3（REQ-301）：SE 情绪 tag 封存显隐
+import SealToggle from "../components/SealToggle";
 // v0.20.2（REQ-269）：ASR 混淆画像闭环面板（候选确认制/规则管理）
 import AsrConfusionPanel from "../components/AsrConfusionPanel";
 // v0.20.2（REQ-270）：可选 LLM 文本校对开关（默认关双闸门之二）
@@ -125,7 +127,10 @@ export default function SettingsPage({ active = true }: Props) {
         {/* ── 功能预览（默认关的新能力开关，v4 §11.3）── */}
         <GroupTitle>功能预览</GroupTitle>
         <div style={{ ...panel, marginBottom: 4 }}>
-          <FeatureFlagSetting />
+          <SealToggle />
+          <div style={{ marginTop: 8 }}>
+            <FeatureFlagSetting />
+          </div>
         </div>
       </div>
     </div>