iterate-plugin 2.12.2 → 3.2.1

package/lib/client.js

@@ -994,6 +994,50 @@ function buildRuntimeStatusGuide() {
   ];
   return lines.join("\n");
 }
+function filterLiveEntries(entries, type) {
+  const list = Array.isArray(entries) ? entries : [];
+  const t = typeof type === "string" ? type.trim() : "";
+  if (!t) return list.slice();
+  return list.filter((e) => e && typeof e === "object" && String(e.type ?? "") === t);
+}
+function filterTimelineEntries(entries, opts) {
+  const list = Array.isArray(entries) ? entries : [];
+  const o = opts && typeof opts === "object" ? opts : {};
+  const type = typeof o.type === "string" ? o.type : "";
+  const round = typeof o.round === "string" ? o.round : "";
+  const q = typeof o.search === "string" ? o.search.trim().toLowerCase() : "";
+  const filtered = list.filter((t) => {
+    if (!t || typeof t !== "object") return false;
+    if (type && String(t.type ?? "") !== type) return false;
+    if (round && String(t.round ?? "") !== round) return false;
+    if (q) {
+      const hay = [String(t.type ?? ""), String(t.round ?? ""), JSON.stringify(t.data ?? {})].join(" ").toLowerCase();
+      if (hay.indexOf(q) < 0) return false;
+    }
+    return true;
+  });
+  return filtered.slice().sort((a, b) => String(b.timestamp ?? "").localeCompare(String(a.timestamp ?? "")));
+}
+function serializeObservatoryExport(manifest, live) {
+  const payload = {
+    exportedAt: (/* @__PURE__ */ new Date()).toISOString(),
+    manifest: manifest && typeof manifest === "object" ? manifest : null,
+    live: Array.isArray(live) ? live : []
+  };
+  try {
+    return JSON.stringify(payload, null, 2);
+  } catch {
+    return JSON.stringify({ exportedAt: payload.exportedAt, manifest: null, live: [] }, null, 2);
+  }
+}
+function latestPhase(phases) {
+  const list = Array.isArray(phases) ? phases : [];
+  let latest = "";
+  for (const p of list) {
+    if (typeof p === "string" && p.trim()) latest = p.trim();
+  }
+  return latest;
+}
 
 // src/client/index.ts
 var React = require("react");
@@ -1103,6 +1147,11 @@ var ITERATE_CSS = `
 .iterate-filter-search { padding: 4px 8px; border-radius: 7px; border: 1px solid var(--dsw-alias-border-l1); background: var(--dsw-alias-bg-layer-2); color: var(--dsw-alias-label-primary); font-size: 11px; min-width: 140px; }
 .iterate-filter-search::placeholder { color: var(--dsw-alias-label-secondary); }
 .iterate-filter-count { margin-left: auto; white-space: nowrap; }
+.iterate-filter-chip { padding: 3px 9px; border-radius: 999px; border: 1px solid var(--dsw-alias-border-l1); background: var(--dsw-alias-bg-layer-2); color: var(--dsw-alias-label-secondary); font-size: 11px; cursor: pointer; }
+.iterate-filter-chip:hover { border-color: var(--dsw-alias-brand-primary); color: var(--dsw-alias-brand-primary); }
+.iterate-filter-chip[data-active] { border-color: var(--dsw-alias-brand-primary); color: var(--dsw-alias-brand-primary); background: color-mix(in srgb, var(--dsw-alias-brand-primary) 12%, transparent); font-weight: 600; }
+.iterate-filter-clear { padding: 3px 9px; border-radius: 999px; border: 1px solid color-mix(in srgb, var(--dsw-alias-state-warn-primary) 45%, transparent); color: var(--dsw-alias-state-warn-primary); background: transparent; font-size: 11px; cursor: pointer; }
+.iterate-filter-clear:hover { background: color-mix(in srgb, var(--dsw-alias-state-warn-primary) 10%, transparent); }
 .iterate-batch { display: flex; align-items: center; gap: 6px; padding: 8px 14px; border-bottom: 1px solid var(--dsw-alias-border-l1); font-size: 11px; color: var(--dsw-alias-label-secondary); }
 .iterate-batch-label { margin-right: 2px; }
 .iterate-batch-btn { padding: 3px 8px; border-radius: 6px; border: 1px solid var(--dsw-alias-border-l1); background: var(--dsw-alias-bg-layer-2); color: var(--dsw-alias-label-secondary); font-size: 11px; cursor: pointer; }
@@ -1155,6 +1204,46 @@ var ITERATE_CSS = `
 /* Interruption / resume + attachment chips (dashboard) */
 .iterate-chip-resume { display: inline-flex; align-items: center; gap: 6px; padding: 3px 10px; border-radius: 999px; font-size: 11px; font-weight: 600; white-space: nowrap; color: var(--dsw-alias-state-warn-primary); background: color-mix(in srgb, var(--dsw-alias-state-warn-primary) 12%, transparent); border: 1px solid color-mix(in srgb, var(--dsw-alias-state-warn-primary) 28%, transparent); }
 .iterate-chip-images { display: inline-flex; align-items: center; gap: 6px; padding: 3px 10px; border-radius: 999px; font-size: 11px; font-weight: 600; white-space: nowrap; color: var(--dsw-alias-brand-primary); background: color-mix(in srgb, var(--dsw-alias-brand-primary) 12%, transparent); border: 1px solid color-mix(in srgb, var(--dsw-alias-brand-primary) 28%, transparent); }
+/* Live workflow-phase chip (dashboard) */
+.iterate-chip-phase { display: inline-flex; align-items: center; gap: 6px; padding: 3px 10px; border-radius: 999px; font-size: 11px; font-weight: 600; white-space: nowrap; color: var(--dsw-alias-label-primary); background: color-mix(in srgb, var(--dsw-alias-label-secondary) 14%, transparent); border: 1px solid color-mix(in srgb, var(--dsw-alias-label-secondary) 26%, transparent); }
+.iterate-chip-phase[data-live] { color: var(--dsw-alias-state-success-primary); background: color-mix(in srgb, var(--dsw-alias-state-success-primary) 12%, transparent); border-color: color-mix(in srgb, var(--dsw-alias-state-success-primary) 28%, transparent); }
+
+/* v3.0: task_mode indicator chip */
+.iterate-chip-taskmode { display: inline-flex; align-items: center; gap: 6px; padding: 3px 10px; border-radius: 999px; font-size: 11px; font-weight: 600; white-space: nowrap; }
+.iterate-chip-taskmode[data-mode="code"] { color: var(--dsw-alias-brand-primary); background: color-mix(in srgb, var(--dsw-alias-brand-primary) 12%, transparent); border: 1px solid color-mix(in srgb, var(--dsw-alias-brand-primary) 28%, transparent); }
+.iterate-chip-taskmode[data-mode="iterate"] { color: #B45309; background: color-mix(in srgb, #B45309 12%, transparent); border: 1px solid color-mix(in srgb, #B45309 28%, transparent); }
+
+/* v3.0: Quality gate status */
+.iterate-gate { display: inline-flex; align-items: center; gap: 6px; padding: 3px 10px; border-radius: 999px; font-size: 11px; font-weight: 600; white-space: nowrap; }
+.iterate-gate[data-status="pass"] { color: var(--dsw-alias-state-success-primary); background: color-mix(in srgb, var(--dsw-alias-state-success-primary) 12%, transparent); border: 1px solid color-mix(in srgb, var(--dsw-alias-state-success-primary) 28%, transparent); }
+.iterate-gate[data-status="fail"] { color: var(--dsw-alias-state-error-primary); background: color-mix(in srgb, var(--dsw-alias-state-error-primary) 12%, transparent); border: 1px solid color-mix(in srgb, var(--dsw-alias-state-error-primary) 28%, transparent); }
+.iterate-gate[data-status="pending"] { color: var(--dsw-alias-label-secondary); background: color-mix(in srgb, var(--dsw-alias-label-secondary) 12%, transparent); border: 1px solid color-mix(in srgb, var(--dsw-alias-label-secondary) 28%, transparent); }
+
+/* v3.0: Experience bank hit highlight */
+.iterate-exp-hit { display: inline-flex; align-items: center; gap: 6px; padding: 2px 8px; border-radius: 6px; background: color-mix(in srgb, var(--dsw-alias-state-success-primary) 12%, transparent); border: 1px solid color-mix(in srgb, var(--dsw-alias-state-success-primary) 28%, transparent); font-size: 11px; color: var(--dsw-alias-state-success-primary); }
+.iterate-exp-hit b { font-weight: 600; }
+
+/* v3.0: Defense event type badges */
+.iterate-defense-badge { display: inline-flex; align-items: center; gap: 6px; padding: 2px 8px; border-radius: 6px; font-size: 11px; font-weight: 600; white-space: nowrap; }
+.iterate-defense-badge[data-type="precondition_failed"] { color: var(--dsw-alias-state-error-primary); background: color-mix(in srgb, var(--dsw-alias-state-error-primary) 12%, transparent); border: 1px solid color-mix(in srgb, var(--dsw-alias-state-error-primary) 28%, transparent); }
+.iterate-defense-badge[data-type="rollback"] { color: var(--dsw-alias-state-warn-primary); background: color-mix(in srgb, var(--dsw-alias-state-warn-primary) 12%, transparent); border: 1px solid color-mix(in srgb, var(--dsw-alias-state-warn-primary) 28%, transparent); }
+.iterate-defense-badge[data-type="invariant_violated"] { color: var(--dsw-alias-state-error-primary); background: color-mix(in srgb, var(--dsw-alias-state-error-primary) 12%, transparent); border: 1px solid color-mix(in srgb, var(--dsw-alias-state-error-primary) 28%, transparent); }
+.iterate-defense-badge[data-type="assumption_falsified"] { color: var(--dsw-alias-brand-primary); background: color-mix(in srgb, var(--dsw-alias-brand-primary) 12%, transparent); border: 1px solid color-mix(in srgb, var(--dsw-alias-brand-primary) 28%, transparent); }
+
+/* v3.0: Command buttons */
+.iterate-cmd { padding: 4px 10px; border-radius: 7px; border: 1px solid var(--dsw-alias-border-l1); background: var(--dsw-alias-bg-layer-1); color: var(--dsw-alias-label-primary); font-size: 11px; cursor: pointer; font-weight: 500; }
+.iterate-cmd:hover { background: var(--dsw-alias-bg-layer-2); }
+.iterate-cmd[data-primary] { border-color: var(--dsw-alias-brand-primary); color: var(--dsw-alias-brand-primary); }
+.iterate-cmd[data-danger] { border-color: color-mix(in srgb, var(--dsw-alias-state-error-primary) 45%, transparent); color: var(--dsw-alias-state-error-primary); }
+.iterate-cmd:disabled { opacity: 0.5; cursor: not-allowed; }
+
+/* v3.0: Dimension score bar */
+.iterate-dim-score { display: flex; align-items: center; gap: 6px; font-size: 11px; }
+.iterate-dim-score-bar { width: 60px; height: 6px; border-radius: 3px; background: var(--dsw-alias-bg-layer-2); overflow: hidden; }
+.iterate-dim-score-fill { height: 100%; border-radius: 3px; transition: width 300ms ease; }
+.iterate-dim-score-fill[data-status="pass"] { background: var(--dsw-alias-state-success-primary); }
+.iterate-dim-score-fill[data-status="warn"] { background: var(--dsw-alias-state-warn-primary); }
+.iterate-dim-score-fill[data-status="fail"] { background: var(--dsw-alias-state-error-primary); }
 
 /* Accessibility-switch toggle */
 .iterate-switch { position: relative; width: 42px; height: 24px; border-radius: 999px; padding: 0; cursor: pointer; background: var(--dsw-alias-bg-layer-2); border: 1px solid var(--dsw-alias-border-l1); transition: background-color 160ms ease, border-color 160ms ease; }
@@ -1293,6 +1382,24 @@ function copyText(text) {
   }
   return Promise.resolve(false);
 }
+function downloadTextFile(filename, text) {
+  if (typeof document === "undefined" || typeof Blob === "undefined" || typeof URL === "undefined") return false;
+  try {
+    const blob = new Blob([text], { type: "application/json;charset=utf-8" });
+    const url = URL.createObjectURL(blob);
+    const a = document.createElement("a");
+    a.href = url;
+    a.download = filename;
+    a.rel = "noopener";
+    document.body.appendChild(a);
+    a.click();
+    document.body.removeChild(a);
+    setTimeout(() => URL.revokeObjectURL(url), 0);
+    return true;
+  } catch {
+    return false;
+  }
+}
 var SEVERITY_KEYS = ["critical", "high", "medium", "low"];
 function coerceSeverity(severity) {
   return SEVERITY_KEYS.includes(severity ?? "") ? severity : "low";
@@ -1415,6 +1522,22 @@ function ConvergenceDashboard(props) {
     key: "images",
     title: "\u4F1A\u8BDD\u4E2D\u68C0\u6D4B\u5230\u7528\u6237\u9644\u5E26\u7684\u56FE\u7247\uFF0C\u8BC4\u5BA1\u5C06\u4F5C\u4E3A\u89C6\u89C9\u8BC1\u636E\u53C2\u8003"
   }, `\u9644\u4EF6\u56FE\u7247 ${String(imageCount)}`) : null;
+  const transcript = latestTranscript(session);
+  const phase = transcript ? latestPhase(transcript.phases) : "";
+  const liveChip = transcript && phase ? React.createElement("span", {
+    className: "iterate-chip-phase",
+    key: "phase",
+    "data-live": transcript.active === true ? "" : void 0,
+    title: transcript.active === true ? `\u5F53\u524D\u5904\u4E8E\u300C${phase}\u300D\u9636\u6BB5\uFF08\u8FD0\u884C\u4E2D\uFF09` : `\u6700\u8FD1\u4E00\u6B21\u6267\u884C\u505C\u7559\u5728\u300C${phase}\u300D\u9636\u6BB5\uFF08\u5DF2\u7ED3\u675F\uFF09`
+  }, `${phase} \xB7 ${transcript.active === true ? "\u8FD0\u884C\u4E2D" : "\u5DF2\u7ED3\u675F"}`) : null;
+  const taskModeTranscript = latestTranscript(session);
+  const taskMode = taskModeTranscript?.taskMode;
+  const taskModeChip = taskMode ? React.createElement("span", {
+    className: "iterate-chip-taskmode",
+    key: "taskmode",
+    "data-mode": taskMode,
+    title: taskMode === "code" ? "\u4EE3\u7801\u6A21\u5F0F\uFF1A\u76F4\u63A5\u4FEE\u6539\u6587\u4EF6" : "\u8FED\u4EE3\u6A21\u5F0F\uFF1A\u5BA1\u67E5-\u4FEE\u590D\u5FAA\u73AF"
+  }, taskMode === "code" ? "\u25CF code" : "\u25CF iterate") : null;
   const dimNames = Object.keys(dims);
   const dimBadges = dimNames.slice(0, 6).map(
     (dim) => React.createElement(
@@ -1478,6 +1601,8 @@ function ConvergenceDashboard(props) {
     fixBadge,
     resumeChip,
     imageChip,
+    liveChip,
+    taskModeChip,
     React.createElement(TrendChart, { points: trend.points }),
     ...dimBadges
   );
@@ -1598,6 +1723,7 @@ function TriagePanel(props) {
   const [filter, setFilter] = React.useState({ severities: [], dimensions: [], search: "" });
   const [selected, setSelected] = React.useState(null);
   const [selectAll, setSelectAll] = React.useState(false);
+  const [cmdCopied, setCmdCopied] = React.useState(null);
   React.useEffect(() => {
     if (storage) storage.set(storageKey, JSON.stringify(verdicts));
   }, [storageKey, verdicts]);
@@ -1661,6 +1787,33 @@ function TriagePanel(props) {
   const ignored = collectIgnoredEntries(verdicts, findings);
   const ignoredCount = ignored.length;
   const counts = countVerdicts(verdicts);
+  const doApproveArchitecturalFix = () => {
+    const cmd = "\u8BF7\u8C03\u7528 `iterate_fix` \u6279\u51C6\u67B6\u6784\u4FEE\u590D\uFF08\u8BBE\u7F6E is_architectural: true\uFF09";
+    copyText(cmd).then((ok) => {
+      if (ok) {
+        setCmdCopied("approve-arch");
+        setTimeout(() => setCmdCopied(null), 1600);
+      }
+    });
+  };
+  const doTriggerNewRound = () => {
+    const cmd = "\u8BF7\u7EE7\u7EED\u6267\u884C\u4E0B\u4E00\u8F6E\u8FED\u4EE3\u5BA1\u67E5";
+    copyText(cmd).then((ok) => {
+      if (ok) {
+        setCmdCopied("new-round");
+        setTimeout(() => setCmdCopied(null), 1600);
+      }
+    });
+  };
+  const doRollbackToCheckpoint = () => {
+    const cmd = "\u8BF7\u8C03\u7528 `iterate_checkpoint` \u56DE\u6EDA\u5230\u4E0A\u4E00\u4E2A\u68C0\u67E5\u70B9";
+    copyText(cmd).then((ok) => {
+      if (ok) {
+        setCmdCopied("rollback");
+        setTimeout(() => setCmdCopied(null), 1600);
+      }
+    });
+  };
   const doCopyYaml = () => {
     const yaml = toKnownIntentionalYaml(ignored);
     if (!yaml) return;
@@ -1816,6 +1969,36 @@ function TriagePanel(props) {
         }, "\u751F\u6210\u5E94\u7528\u6307\u4EE4")
       )
     ),
+    // v3.0: Command buttons for native actions (§8)
+    React.createElement(
+      "div",
+      { className: "iterate-triage-foot", style: { borderTop: "1px solid var(--dsw-alias-border-l1)" } },
+      React.createElement("span", { style: { fontSize: 11, fontWeight: 600, color: "var(--dsw-alias-label-secondary)" } }, "\u6307\u6325\u64CD\u4F5C"),
+      React.createElement(
+        "span",
+        { style: { display: "flex", gap: 6 } },
+        React.createElement("button", {
+          className: "iterate-cmd",
+          "data-primary": "",
+          "data-copied": cmdCopied === "approve-arch" ? "" : void 0,
+          onClick: doApproveArchitecturalFix,
+          title: "\u6279\u51C6\u67B6\u6784\u4FEE\u590D\uFF08\u590D\u5236\u6307\u4EE4\u6587\u672C\uFF09"
+        }, cmdCopied === "approve-arch" ? "\u5DF2\u590D\u5236" : "\u6279\u51C6\u67B6\u6784\u4FEE\u590D"),
+        React.createElement("button", {
+          className: "iterate-cmd",
+          "data-copied": cmdCopied === "new-round" ? "" : void 0,
+          onClick: doTriggerNewRound,
+          title: "\u89E6\u53D1\u65B0\u4E00\u8F6E\u8FED\u4EE3\u5BA1\u67E5"
+        }, cmdCopied === "new-round" ? "\u5DF2\u590D\u5236" : "\u89E6\u53D1\u65B0\u4E00\u8F6E"),
+        React.createElement("button", {
+          className: "iterate-cmd",
+          "data-danger": "",
+          "data-copied": cmdCopied === "rollback" ? "" : void 0,
+          onClick: doRollbackToCheckpoint,
+          title: "\u56DE\u6EDA\u5230\u4E0A\u4E00\u4E2A\u68C0\u67E5\u70B9"
+        }, cmdCopied === "rollback" ? "\u5DF2\u590D\u5236" : "\u56DE\u6EDA\u68C0\u67E5\u70B9")
+      )
+    ),
     payload ? React.createElement("div", { className: "iterate-payload" }, payload) : null
   );
 }
@@ -1899,7 +2082,13 @@ function ProgressCapsule() {
     };
   }, []);
   if (!info) return null;
-  return React.createElement("div", { "data-iterate-root": "", className: "iterate-capsule", "data-ok": info.ok ? "" : void 0 }, info.text);
+  return React.createElement("div", {
+    "data-iterate-root": "",
+    className: "iterate-capsule",
+    "data-ok": info.ok ? "" : void 0,
+    role: "status",
+    "aria-live": "polite"
+  }, info.text);
 }
 function SettingsPanel(_props) {
   const [enabled, setEnabled] = React.useState(themeEnabled);
@@ -2092,7 +2281,11 @@ var OBS_TABS = [
   { key: "f4", label: "\u4FEE\u590D\u4E0E\u56DE\u6EDA" },
   { key: "f5", label: "\u65AD\u70B9\u6062\u590D" },
   { key: "f6", label: "\u8FD0\u884C\u63A7\u5236\u53F0" },
-  { key: "f7", label: "\u51B3\u7B56\u65F6\u95F4\u7EBF" }
+  { key: "f7", label: "\u51B3\u7B56\u65F6\u95F4\u7EBF" },
+  // v3.0: Quality Command Center tabs
+  { key: "f8", label: "\u8D28\u91CF\u95E8\u7981" },
+  { key: "f9", label: "\u7ECF\u9A8C\u94F6\u884C" },
+  { key: "f10", label: "\u9632\u5FA1\u4E8B\u4EF6" }
 ];
 var OBS_LIVE_META = {
   read: { label: "\u9605\u8BFB", color: "var(--dsw-alias-brand-primary)" },
@@ -2150,11 +2343,20 @@ function ObservatoryPanel(props) {
   const [open, setOpen] = React.useState(false);
   const [tab, setTab] = React.useState("live");
   const [expandedThreads, setExpandedThreads] = React.useState(/* @__PURE__ */ new Set());
+  const [threadMode, setThreadMode] = React.useState("auto");
   const [copiedKey, setCopiedKey] = React.useState(null);
   const [copyFailText, setCopyFailText] = React.useState(null);
   const [nudgeText, setNudgeText] = React.useState("");
   const [timelineType, setTimelineType] = React.useState("");
+  const [timelineRound, setTimelineRound] = React.useState("");
   const [timelineSearch, setTimelineSearch] = React.useState("");
+  const [liveType, setLiveType] = React.useState("");
+  const [f3Filter, setF3Filter] = React.useState(
+    { severities: [], dimensions: [], search: "" }
+  );
+  const [expSearch, setExpSearch] = React.useState("");
+  const [expResults, setExpResults] = React.useState([]);
+  const [defenseFilter, setDefenseFilter] = React.useState("");
   const copyTimer = React.useRef(null);
   React.useEffect(() => () => {
     if (copyTimer.current) clearTimeout(copyTimer.current);
@@ -2172,6 +2374,7 @@ function ObservatoryPanel(props) {
     });
   };
   const toggleThread = (key) => {
+    setThreadMode("auto");
     setExpandedThreads((prev) => {
       const next = new Set(prev);
       if (next.has(key)) next.delete(key);
@@ -2179,6 +2382,36 @@ function ObservatoryPanel(props) {
       return next;
     });
   };
+  const exportObservatory = () => {
+    if (!manifest) return;
+    const json = serializeObservatoryExport(manifest, manifest.live || []);
+    const filename = `iterate-observatory-${(/* @__PURE__ */ new Date()).toISOString().replace(/[:.]/g, "-")}.json`;
+    const flash = () => {
+      setCopiedKey("export");
+      if (copyTimer.current) clearTimeout(copyTimer.current);
+      copyTimer.current = setTimeout(() => setCopiedKey((cur) => cur === "export" ? null : cur), 1600);
+    };
+    if (downloadTextFile(filename, json)) {
+      flash();
+      return;
+    }
+    copyText(json).then((ok) => {
+      if (!ok) {
+        setCopyFailText(json);
+        return;
+      }
+      flash();
+    });
+  };
+  const setAllThreads = (mode) => {
+    setThreadMode(mode);
+    setExpandedThreads(/* @__PURE__ */ new Set());
+  };
+  const isThreadExpanded = (key) => {
+    if (threadMode === "all") return true;
+    if (threadMode === "none") return false;
+    return expandedThreads.has(key);
+  };
   if (!manifest) {
     return React.createElement(
       "div",
@@ -2211,69 +2444,85 @@ function ObservatoryPanel(props) {
     if (rounds.length === 0) {
       return React.createElement("div", { className: "iterate-obs-empty" }, "\u6682\u65E0\u5BA1\u67E5\u7EBF\u7A0B");
     }
-    return React.createElement("div", {}, ...rounds.map((r, ri) => {
-      const threads = r.threads || [];
-      const fCount = threads.reduce((sum, t) => sum + (t.findings ? t.findings.length : 0), 0);
-      const threadBlocks = threads.length === 0 ? [React.createElement("div", { key: "none", className: "iterate-obs-empty" }, "\u672C\u8F6E\u65E0\u7EBF\u7A0B")] : threads.map((t, ti) => {
-        const key = `${ri}-${ti}`;
-        const expanded = expandedThreads.has(key);
-        const dim = t.dimension || "\u672A\u547D\u540D\u7EF4\u5EA6";
-        const tFindings = t.findings || [];
-        const files = t.readFiles || [];
-        const msgs = t.messages || [];
-        return React.createElement(
-          "div",
-          { key, className: "iterate-obs-block" },
-          React.createElement(
-            "div",
-            { className: "iterate-obs-block-head", "data-click": "", onClick: () => toggleThread(key), title: expanded ? "\u6536\u8D77\u7EBF\u7A0B" : "\u5C55\u5F00\u7EBF\u7A0B" },
-            React.createElement("span", {}, expanded ? "\u2212" : "+"),
-            React.createElement("b", {}, dim),
-            React.createElement("span", { className: "iterate-obs-chip" }, `attempt ${typeof t.attempt === "number" ? t.attempt : "?"}`),
-            React.createElement("span", { className: "iterate-obs-chip" }, `${tFindings.length} findings`)
-          ),
-          expanded ? React.createElement(
+    return React.createElement(
+      "div",
+      {},
+      React.createElement(
+        "div",
+        { className: "iterate-obs-bar", style: { marginBottom: 8, flexWrap: "wrap" } },
+        React.createElement("b", {}, "\u5BA1\u67E5\u7EBF\u7A0B"),
+        React.createElement("button", { className: "iterate-btn", onClick: () => setAllThreads("all"), title: "\u5C55\u5F00\u5168\u90E8\u7EBF\u7A0B" }, "\u5168\u90E8\u5C55\u5F00"),
+        React.createElement("button", { className: "iterate-btn", onClick: () => setAllThreads("none"), title: "\u6536\u8D77\u5168\u90E8\u7EBF\u7A0B" }, "\u5168\u90E8\u6536\u8D77"),
+        React.createElement(
+          "span",
+          { className: "iterate-filter-count" },
+          `${threadMode === "all" ? "\u5168\u90E8\u5C55\u5F00" : threadMode === "none" ? "\u5168\u90E8\u6536\u8D77" : "\u81EA\u7531\u5207\u6362"} \xB7 ${rounds.length} \u8F6E`
+        )
+      ),
+      ...rounds.map((r, ri) => {
+        const threads = r.threads || [];
+        const fCount = threads.reduce((sum, t) => sum + (t.findings ? t.findings.length : 0), 0);
+        const threadBlocks = threads.length === 0 ? [React.createElement("div", { key: "none", className: "iterate-obs-empty" }, "\u672C\u8F6E\u65E0\u7EBF\u7A0B")] : threads.map((t, ti) => {
+          const key = `${ri}-${ti}`;
+          const expanded = isThreadExpanded(key);
+          const dim = t.dimension || "\u672A\u547D\u540D\u7EF4\u5EA6";
+          const tFindings = t.findings || [];
+          const files = t.readFiles || [];
+          const msgs = t.messages || [];
+          return React.createElement(
             "div",
-            { className: "iterate-obs-block-body" },
+            { key, className: "iterate-obs-block" },
             React.createElement(
               "div",
-              { className: "iterate-obs-bar" },
-              React.createElement("b", {}, "\u53D9\u8FF0"),
-              React.createElement("span", { className: "iterate-obs-head-meta" }, `${msgs.length} \u6761`)
+              { className: "iterate-obs-block-head", "data-click": "", onClick: () => toggleThread(key), title: expanded ? "\u6536\u8D77\u7EBF\u7A0B" : "\u5C55\u5F00\u7EBF\u7A0B" },
+              React.createElement("span", {}, expanded ? "\u2212" : "+"),
+              React.createElement("b", {}, dim),
+              React.createElement("span", { className: "iterate-obs-chip" }, `attempt ${typeof t.attempt === "number" ? t.attempt : "?"}`),
+              React.createElement("span", { className: "iterate-obs-chip" }, `${tFindings.length} findings`)
             ),
-            ...msgs.length === 0 ? [React.createElement("div", { key: "msg-none", className: "iterate-obs-empty" }, "\u65E0\u7EBF\u7D22\u53D9\u8FF0")] : msgs.map((m, mi) => React.createElement("div", { key: mi, className: "iterate-obs-msg" }, String(m))),
-            ...files.length > 0 ? [
+            expanded ? React.createElement(
+              "div",
+              { className: "iterate-obs-block-body" },
               React.createElement(
                 "div",
-                { key: "files-h", className: "iterate-obs-bar", style: { marginTop: 6 } },
-                React.createElement("b", {}, "\u8BFB\u53D6\u6587\u4EF6")
+                { className: "iterate-obs-bar" },
+                React.createElement("b", {}, "\u53D9\u8FF0"),
+                React.createElement("span", { className: "iterate-obs-head-meta" }, `${msgs.length} \u6761`)
               ),
-              ...files.map(
-                (f, fi) => React.createElement("div", { key: `f${fi}`, className: "iterate-obs-file" }, String(f))
-              )
-            ] : [],
-            React.createElement(
-              "div",
-              { className: "iterate-obs-bar", style: { marginTop: 6 } },
-              React.createElement("b", {}, "\u53D1\u73B0")
-            ),
-            ...tFindings.length === 0 ? [React.createElement("div", { key: "finding-none", className: "iterate-obs-empty" }, "\u672C\u7EBF\u7A0B\u65E0\u53D1\u73B0")] : tFindings.map((f, fi) => threadFindingPill(f, `tf${fi}`))
-          ) : null
-        );
-      });
-      return React.createElement(
-        "div",
-        { key: ri, className: "iterate-obs-block" },
-        React.createElement(
+              ...msgs.length === 0 ? [React.createElement("div", { key: "msg-none", className: "iterate-obs-empty" }, "\u65E0\u7EBF\u7D22\u53D9\u8FF0")] : msgs.map((m, mi) => React.createElement("div", { key: mi, className: "iterate-obs-msg" }, String(m))),
+              ...files.length > 0 ? [
+                React.createElement(
+                  "div",
+                  { key: "files-h", className: "iterate-obs-bar", style: { marginTop: 6 } },
+                  React.createElement("b", {}, "\u8BFB\u53D6\u6587\u4EF6")
+                ),
+                ...files.map(
+                  (f, fi) => React.createElement("div", { key: `f${fi}`, className: "iterate-obs-file" }, String(f))
+                )
+              ] : [],
+              React.createElement(
+                "div",
+                { className: "iterate-obs-bar", style: { marginTop: 6 } },
+                React.createElement("b", {}, "\u53D1\u73B0")
+              ),
+              ...tFindings.length === 0 ? [React.createElement("div", { key: "finding-none", className: "iterate-obs-empty" }, "\u672C\u7EBF\u7A0B\u65E0\u53D1\u73B0")] : tFindings.map((f, fi) => threadFindingPill(f, `tf${fi}`))
+            ) : null
+          );
+        });
+        return React.createElement(
           "div",
-          { className: "iterate-obs-block-head" },
-          React.createElement("b", {}, `Round ${typeof r.round === "number" ? r.round : ri + 1}`),
-          React.createElement("span", { className: "iterate-obs-chip" }, `${threads.length} \u7EBF\u7A0B`),
-          React.createElement("span", { className: "iterate-obs-head-meta" }, `${fCount} findings`)
-        ),
-        React.createElement("div", { className: "iterate-obs-block-body" }, ...threadBlocks)
-      );
-    }));
+          { key: ri, className: "iterate-obs-block" },
+          React.createElement(
+            "div",
+            { className: "iterate-obs-block-head" },
+            React.createElement("b", {}, `Round ${typeof r.round === "number" ? r.round : ri + 1}`),
+            React.createElement("span", { className: "iterate-obs-chip" }, `${threads.length} \u7EBF\u7A0B`),
+            React.createElement("span", { className: "iterate-obs-head-meta" }, `${fCount} findings`)
+          ),
+          React.createElement("div", { className: "iterate-obs-block-body" }, ...threadBlocks)
+        );
+      })
+    );
   };
   const renderTrend = () => {
     const conv = manifest.convergence || [];
@@ -2297,40 +2546,94 @@ function ObservatoryPanel(props) {
     if (findings.length === 0) {
       return React.createElement("div", { className: "iterate-obs-empty" }, "\u6682\u65E0\u53D1\u73B0");
     }
-    return React.createElement("div", {}, ...findings.map((f, i) => {
+    const opts = buildFilterOptions(findings);
+    const { filtered } = filterFindingsWithIndices(findings, f3Filter);
+    const filterActive = f3Filter.severities.length > 0 || f3Filter.dimensions.length > 0 || f3Filter.search.trim() !== "";
+    const toggleSeverity = (sev) => {
+      setF3Filter((prev) => ({
+        ...prev,
+        severities: prev.severities.includes(sev) ? prev.severities.filter((s) => s !== sev) : [...prev.severities, sev]
+      }));
+    };
+    const filterBar = React.createElement(
+      "div",
+      { className: "iterate-obs-bar", style: { marginBottom: 8, flexWrap: "wrap" } },
+      React.createElement("b", {}, "\u53D1\u73B0"),
+      ...opts.severities.map(
+        (s) => React.createElement("button", {
+          key: `sev-${s.value}`,
+          className: "iterate-filter-chip",
+          "data-active": f3Filter.severities.includes(s.value) ? "" : void 0,
+          title: `${s.value}\uFF08${s.count} \u9879\uFF09`,
+          onClick: () => toggleSeverity(s.value)
+        }, `${s.value} ${s.count}`)
+      ),
+      React.createElement(
+        "select",
+        {
+          className: "iterate-filter-select",
+          value: f3Filter.dimensions[0] || "",
+          "aria-label": "\u6309\u7EF4\u5EA6\u7B5B\u9009",
+          onChange: (e) => {
+            const v = e.target.value;
+            setF3Filter((prev) => ({ ...prev, dimensions: v ? [v] : [] }));
+          }
+        },
+        React.createElement("option", { value: "" }, "\u5168\u90E8\u7EF4\u5EA6"),
+        ...opts.dimensions.map(
+          (d) => React.createElement("option", { key: d.value, value: d.value }, `${d.value} (${d.count})`)
+        )
+      ),
+      React.createElement("input", {
+        className: "iterate-filter-search",
+        type: "search",
+        placeholder: "\u641C\u7D22\u53D1\u73B0\u2026",
+        "aria-label": "\u641C\u7D22\u53D1\u73B0",
+        value: f3Filter.search,
+        onChange: (e) => setF3Filter((prev) => ({ ...prev, search: e.target.value }))
+      }),
+      filterActive ? React.createElement("button", {
+        className: "iterate-filter-clear",
+        onClick: () => setF3Filter({ severities: [], dimensions: [], search: "" }),
+        title: "\u6E05\u9664\u5168\u90E8\u7B5B\u9009"
+      }, "\u6E05\u9664\u7B5B\u9009") : null,
+      React.createElement("span", { className: "iterate-filter-count" }, `${filtered.length}/${findings.length}`)
+    );
+    const findingBlocks = filtered.map((f, i) => {
       const k = `f3-${i}`;
-      const loc = `${String(f.file || "?")}${typeof f.line === "number" && f.line > 0 ? `:${f.line}` : ""}`;
+      const finding = f;
+      const loc = `${String(finding.file || "?")}${typeof finding.line === "number" && finding.line > 0 ? `:${finding.line}` : ""}`;
       const entry = {
-        file: String(f.file || ""),
-        ...typeof f.line === "number" && f.line > 0 ? { line: f.line } : {},
-        dimension: String(f.dimension || ""),
-        reason: String(f.summary || "")
+        file: String(finding.file || ""),
+        ...typeof finding.line === "number" && finding.line > 0 ? { line: finding.line } : {},
+        dimension: String(finding.dimension || ""),
+        reason: String(finding.summary || "")
       };
       const knownInstruction = buildApplyInstruction([entry]);
-      const fixInstruction = buildObsFixInstruction(f);
+      const fixInstruction = buildObsFixInstruction(finding);
       return React.createElement(
         "div",
         { key: k, className: "iterate-obs-block" },
         React.createElement(
           "div",
           { className: "iterate-obs-block-head" },
-          React.createElement("span", { className: "iterate-sev-dot", style: { background: severityColor(f.severity) } }),
-          React.createElement("span", {}, severityLabel(f.severity)),
+          React.createElement("span", { className: "iterate-sev-dot", style: { background: severityColor(finding.severity) } }),
+          React.createElement("span", {}, severityLabel(finding.severity)),
           React.createElement("span", { className: "iterate-obs-file" }, loc),
-          React.createElement("span", {}, String(f.dimension || "")),
-          f.acknowledged === true ? React.createElement("span", { className: "iterate-obs-chip" }, "\u5DF2\u786E\u8BA4") : null
+          React.createElement("span", {}, String(finding.dimension || "")),
+          finding.acknowledged === true ? React.createElement("span", { className: "iterate-obs-chip" }, "\u5DF2\u786E\u8BA4") : null
         ),
         React.createElement(
           "div",
           { className: "iterate-obs-block-body" },
-          React.createElement("div", { className: "iterate-obs-msg" }, String(f.summary || "")),
+          React.createElement("div", { className: "iterate-obs-msg" }, String(finding.summary || "")),
           React.createElement(
             "div",
             { className: "iterate-obs-bar", style: { marginTop: 8 } },
             React.createElement("button", {
               className: "iterate-btn",
               "data-copied": copiedKey === `${k}-fix` ? "" : void 0,
-              onClick: () => copyInstruction(`${k}-fix`, String(f.suggested_fix || "")),
+              onClick: () => copyInstruction(`${k}-fix`, String(finding.suggested_fix || "")),
               title: "\u590D\u5236\u8BE5 finding \u7684\u5EFA\u8BAE\u4FEE\u590D\u6587\u672C"
             }, copiedKey === `${k}-fix` ? "\u5DF2\u590D\u5236" : "\u590D\u5236 suggested_fix"),
             React.createElement("button", {
@@ -2349,7 +2652,16 @@ function ObservatoryPanel(props) {
           )
         )
       );
-    }));
+    });
+    if (filtered.length === 0) {
+      return React.createElement(
+        "div",
+        {},
+        filterBar,
+        React.createElement("div", { className: "iterate-obs-empty" }, "\u65E0\u5339\u914D\u7684\u53D1\u73B0")
+      );
+    }
+    return React.createElement("div", {}, filterBar, ...findingBlocks);
   };
   const renderFixes = () => {
     const fixes = manifest.fixes || [];
@@ -2515,14 +2827,21 @@ ${JSON.stringify({ operation: "nudge", text: null }, null, 2)}
       return React.createElement("div", { className: "iterate-obs-empty" }, "\u6682\u65E0\u65F6\u95F4\u7EBF\u6761\u76EE");
     }
     const types = Array.from(new Set(entries.map((t) => String(t.type || "unknown")).filter(Boolean))).sort();
-    const q = timelineSearch.trim().toLowerCase();
-    const filtered = entries.filter((t) => {
-      if (timelineType && String(t.type || "") !== timelineType) return false;
-      if (!q) return true;
-      const hay = [String(t.type || ""), String(t.round ?? ""), JSON.stringify(t.data || {})].join(" ").toLowerCase();
-      return hay.indexOf(q) >= 0;
+    const rounds = Array.from(
+      new Set(entries.map((t) => typeof t.round === "number" ? String(t.round) : "").filter(Boolean))
+    ).sort((a, b) => Number(a) - Number(b));
+    const filtered = filterTimelineEntries(entries, {
+      type: timelineType,
+      round: timelineRound,
+      search: timelineSearch
     });
-    const sorted = filtered.slice().sort((a, b) => String(b.timestamp || "").localeCompare(String(a.timestamp || "")));
+    const filterActive = Boolean(timelineType || timelineRound || timelineSearch.trim());
+    const clearTimelineFilter = () => {
+      setTimelineType("");
+      setTimelineRound("");
+      setTimelineSearch("");
+    };
+    const sorted = filtered.slice();
     const rows = sorted.map((t, i) => {
       const k = `f7-${i}`;
       const dataText = t.data && typeof t.data === "object" ? JSON.stringify(t.data) : "";
@@ -2542,37 +2861,232 @@ ${JSON.stringify({ operation: "nudge", text: null }, null, 2)}
         dataText ? React.createElement("div", { className: "iterate-obs-code" }, dataText) : null
       );
     });
+    const filterBar = React.createElement(
+      "div",
+      { className: "iterate-obs-bar", style: { marginBottom: 8 } },
+      React.createElement("b", {}, "\u65F6\u95F4\u7EBF"),
+      React.createElement(
+        "select",
+        {
+          className: "iterate-filter-select",
+          value: timelineType,
+          "aria-label": "\u6309\u65F6\u95F4\u7EBF\u7C7B\u578B\u7B5B\u9009",
+          onChange: (e) => setTimelineType(e.target.value)
+        },
+        React.createElement("option", { value: "" }, "\u5168\u90E8\u7C7B\u578B"),
+        ...types.map((t) => React.createElement("option", { key: t, value: t }, t))
+      ),
+      React.createElement(
+        "select",
+        {
+          className: "iterate-filter-select",
+          value: timelineRound,
+          "aria-label": "\u6309\u8F6E\u6B21\u7B5B\u9009",
+          onChange: (e) => setTimelineRound(e.target.value)
+        },
+        React.createElement("option", { value: "" }, "\u5168\u90E8\u8F6E\u6B21"),
+        ...rounds.map((r) => React.createElement("option", { key: r, value: r }, `Round ${r}`))
+      ),
+      React.createElement("input", {
+        className: "iterate-filter-search",
+        type: "search",
+        placeholder: "\u641C\u7D22\u65F6\u95F4\u7EBF\u2026",
+        "aria-label": "\u641C\u7D22\u65F6\u95F4\u7EBF",
+        value: timelineSearch,
+        onChange: (e) => setTimelineSearch(e.target.value)
+      }),
+      filterActive ? React.createElement("button", {
+        className: "iterate-filter-clear",
+        onClick: clearTimelineFilter,
+        title: "\u6E05\u9664\u5168\u90E8\u7B5B\u9009"
+      }, "\u6E05\u9664") : null,
+      React.createElement("span", { className: "iterate-filter-count" }, `${filtered.length}/${entries.length}`)
+    );
     if (rows.length === 0) {
-      return React.createElement("div", { className: "iterate-obs-empty" }, "\u65E0\u5339\u914D\u7684\u65F6\u95F4\u7EBF\u6761\u76EE");
+      return React.createElement(
+        "div",
+        {},
+        filterBar,
+        React.createElement("div", { className: "iterate-obs-empty" }, "\u65E0\u5339\u914D\u7684\u65F6\u95F4\u7EBF\u6761\u76EE")
+      );
     }
+    return React.createElement("div", {}, filterBar, ...rows);
+  };
+  const renderQualityGate = () => {
+    const qualityGateInstruction = "\u8BF7\u8C03\u7528 `iterate_quality_gate` \u67E5\u8BE2\u5F53\u524D\u8D28\u91CF\u95E8\u7981\u72B6\u6001";
     return React.createElement(
       "div",
       {},
       React.createElement(
         "div",
         { className: "iterate-obs-bar", style: { marginBottom: 8 } },
+        React.createElement("b", {}, "\u8D28\u91CF\u95E8\u7981"),
+        React.createElement("button", {
+          className: "iterate-btn",
+          "data-primary": "",
+          "data-copied": copiedKey === "qgate" ? "" : void 0,
+          onClick: () => copyInstruction("qgate", qualityGateInstruction),
+          title: "\u590D\u5236 iterate_quality_gate \u67E5\u8BE2\u6307\u4EE4"
+        }, copiedKey === "qgate" ? "\u5DF2\u590D\u5236" : "\u67E5\u8BE2\u95E8\u7981")
+      ),
+      React.createElement(
+        "div",
+        { className: "iterate-obs-block" },
         React.createElement(
-          "select",
-          {
-            className: "iterate-filter-select",
-            value: timelineType,
-            "aria-label": "\u6309\u65F6\u95F4\u7EBF\u7C7B\u578B\u7B5B\u9009",
-            onChange: (e) => setTimelineType(e.target.value)
-          },
-          React.createElement("option", { value: "" }, "\u5168\u90E8\u7C7B\u578B"),
-          ...types.map((t) => React.createElement("option", { key: t, value: t }, t))
+          "div",
+          { className: "iterate-obs-block-head" },
+          React.createElement("span", {}, "\u8D28\u91CF\u95E8\u7981\u89C6\u56FE"),
+          React.createElement("span", { className: "iterate-obs-badge" }, "v3.0")
         ),
+        React.createElement(
+          "div",
+          { className: "iterate-obs-block-body" },
+          React.createElement("div", { className: "iterate-obs-msg" }, "\u8D28\u91CF\u95E8\u7981\u663E\u793A\u5404\u7EF4\u5EA6\u6536\u655B\u5EA6\u3001\u9A8C\u8BC1\u901A\u8FC7\u7387\u548C\u6574\u4F53 PASS/FAIL \u72B6\u6001\u3002"),
+          React.createElement(
+            "div",
+            { className: "iterate-obs-bar", style: { marginTop: 8 } },
+            React.createElement("button", {
+              className: "iterate-btn",
+              "data-copied": copiedKey === "qgate-instr" ? "" : void 0,
+              onClick: () => copyInstruction("qgate-instr", qualityGateInstruction),
+              title: "\u590D\u5236\u67E5\u8BE2\u6307\u4EE4"
+            }, copiedKey === "qgate-instr" ? "\u5DF2\u590D\u5236" : "\u590D\u5236\u67E5\u8BE2\u6307\u4EE4")
+          )
+        )
+      )
+    );
+  };
+  const renderExperienceBank = () => {
+    const expInstruction = expSearch ? `\u8BF7\u8C03\u7528 \`iterate_experience\` \u641C\u7D22\u7ECF\u9A8C\uFF1A
+
+\`\`\`json
+${JSON.stringify({ operation: "search", query: expSearch }, null, 2)}
+\`\`\`` : "\u8BF7\u8C03\u7528 `iterate_experience` \u5217\u51FA\u6240\u6709\u7ECF\u9A8C";
+    const resultRows = expResults.map((entry, i) => {
+      const e = entry;
+      return React.createElement(
+        "div",
+        { key: `exp-${i}`, className: "iterate-obs-row" },
+        React.createElement("span", { className: "iterate-obs-chip" }, String(e.dimension || "")),
+        React.createElement("span", { className: "iterate-obs-msg" }, String(e.pattern || "")),
+        React.createElement("span", { className: "iterate-exp-hit" }, `\u547D\u4E2D ${e.hitCount ?? 0} \u6B21`)
+      );
+    });
+    return React.createElement(
+      "div",
+      {},
+      React.createElement(
+        "div",
+        { className: "iterate-obs-bar", style: { marginBottom: 8 } },
+        React.createElement("b", {}, "\u7ECF\u9A8C\u94F6\u884C"),
+        React.createElement("button", {
+          className: "iterate-btn",
+          "data-primary": "",
+          "data-copied": copiedKey === "exp-list" ? "" : void 0,
+          onClick: () => copyInstruction("exp-list", "\u8BF7\u8C03\u7528 `iterate_experience` \u5217\u51FA\u6240\u6709\u7ECF\u9A8C"),
+          title: "\u590D\u5236\u5217\u51FA\u7ECF\u9A8C\u6307\u4EE4"
+        }, copiedKey === "exp-list" ? "\u5DF2\u590D\u5236" : "\u5217\u51FA\u7ECF\u9A8C")
+      ),
+      React.createElement(
+        "div",
+        { className: "iterate-obs-bar", style: { marginBottom: 8 } },
         React.createElement("input", {
           className: "iterate-filter-search",
           type: "search",
-          placeholder: "\u641C\u7D22\u65F6\u95F4\u7EBF\u2026",
-          "aria-label": "\u641C\u7D22\u65F6\u95F4\u7EBF",
-          value: timelineSearch,
-          onChange: (e) => setTimelineSearch(e.target.value)
+          placeholder: "\u641C\u7D22\u7ECF\u9A8C\u6A21\u5F0F\u2026",
+          "aria-label": "\u641C\u7D22\u7ECF\u9A8C",
+          value: expSearch,
+          onChange: (e) => setExpSearch(e.target.value)
         }),
-        React.createElement("span", { className: "iterate-filter-count" }, `${filtered.length}/${entries.length}`)
+        React.createElement("button", {
+          className: "iterate-btn",
+          "data-copied": copiedKey === "exp-search" ? "" : void 0,
+          disabled: !expSearch,
+          onClick: () => copyInstruction("exp-search", expInstruction),
+          title: "\u590D\u5236\u641C\u7D22\u6307\u4EE4"
+        }, copiedKey === "exp-search" ? "\u5DF2\u590D\u5236" : "\u641C\u7D22")
+      ),
+      resultRows.length > 0 ? React.createElement("div", {}, ...resultRows) : React.createElement("div", { className: "iterate-obs-empty" }, "\u8F93\u5165\u5173\u952E\u8BCD\u641C\u7D22\u5386\u53F2\u7ECF\u9A8C\uFF0C\u6216\u70B9\u51FB\u300C\u5217\u51FA\u7ECF\u9A8C\u300D\u67E5\u770B\u5168\u90E8")
+    );
+  };
+  const renderDefenseEvents = () => {
+    const defenseInstruction = defenseFilter ? `\u8BF7\u8C03\u7528 \`iterate_defense_events\` \u67E5\u8BE2\u9632\u5FA1\u4E8B\u4EF6\uFF1A
+
+\`\`\`json
+${JSON.stringify({ operation: "list", type: defenseFilter || void 0 }, null, 2)}
+\`\`\`` : "\u8BF7\u8C03\u7528 `iterate_defense_events` \u5217\u51FA\u6240\u6709\u9632\u5FA1\u4E8B\u4EF6";
+    const typeOptions = [
+      { value: "", label: "\u5168\u90E8\u7C7B\u578B" },
+      { value: "precondition_failed", label: "\u524D\u7F6E\u6821\u9A8C\u5931\u8D25" },
+      { value: "rollback", label: "\u56DE\u6EDA" },
+      { value: "invariant_violated", label: "\u4E0D\u53D8\u91CF\u8FDD\u53CD" },
+      { value: "assumption_falsified", label: "\u5047\u8BBE\u88AB\u8BC1\u4F2A" }
+    ];
+    return React.createElement(
+      "div",
+      {},
+      React.createElement(
+        "div",
+        { className: "iterate-obs-bar", style: { marginBottom: 8 } },
+        React.createElement("b", {}, "\u9632\u5FA1\u4E8B\u4EF6"),
+        React.createElement("button", {
+          className: "iterate-btn",
+          "data-primary": "",
+          "data-copied": copiedKey === "defense-list" ? "" : void 0,
+          onClick: () => copyInstruction("defense-list", "\u8BF7\u8C03\u7528 `iterate_defense_events` \u5217\u51FA\u6240\u6709\u9632\u5FA1\u4E8B\u4EF6"),
+          title: "\u590D\u5236\u5217\u51FA\u9632\u5FA1\u4E8B\u4EF6\u6307\u4EE4"
+        }, copiedKey === "defense-list" ? "\u5DF2\u590D\u5236" : "\u5217\u51FA\u4E8B\u4EF6"),
+        React.createElement("button", {
+          className: "iterate-btn",
+          "data-copied": copiedKey === "defense-counts" ? "" : void 0,
+          onClick: () => copyInstruction("defense-counts", "\u8BF7\u8C03\u7528 `iterate_defense_events` \u67E5\u8BE2\u4E8B\u4EF6\u7EDF\u8BA1"),
+          title: "\u590D\u5236\u7EDF\u8BA1\u6307\u4EE4"
+        }, copiedKey === "defense-counts" ? "\u5DF2\u590D\u5236" : "\u7EDF\u8BA1")
       ),
-      ...rows
+      React.createElement(
+        "div",
+        { className: "iterate-obs-bar", style: { marginBottom: 8 } },
+        React.createElement(
+          "select",
+          {
+            className: "iterate-filter-select",
+            value: defenseFilter,
+            "aria-label": "\u6309\u4E8B\u4EF6\u7C7B\u578B\u7B5B\u9009",
+            onChange: (e) => setDefenseFilter(e.target.value)
+          },
+          ...typeOptions.map((opt) => React.createElement("option", { key: opt.value, value: opt.value }, opt.label))
+        ),
+        defenseFilter ? React.createElement("button", {
+          className: "iterate-filter-clear",
+          onClick: () => setDefenseFilter(""),
+          title: "\u6E05\u9664\u7C7B\u578B\u7B5B\u9009"
+        }, "\u6E05\u9664") : null
+      ),
+      React.createElement(
+        "div",
+        { className: "iterate-obs-block" },
+        React.createElement(
+          "div",
+          { className: "iterate-obs-block-head" },
+          React.createElement("span", {}, "\u9632\u5FA1\u4E8B\u4EF6\u6D41"),
+          React.createElement("span", { className: "iterate-obs-badge" }, "v3.0")
+        ),
+        React.createElement(
+          "div",
+          { className: "iterate-obs-block-body" },
+          React.createElement("div", { className: "iterate-obs-msg" }, "\u9632\u5FA1\u4E8B\u4EF6\u5305\u62EC\uFF1A\u524D\u7F6E\u6821\u9A8C\u5931\u8D25\u3001\u56DE\u6EDA\u3001\u4E0D\u53D8\u91CF\u8FDD\u53CD\u3001\u5047\u8BBE\u88AB\u8BC1\u4F2A\u3002"),
+          React.createElement(
+            "div",
+            { className: "iterate-obs-bar", style: { marginTop: 8 } },
+            React.createElement("button", {
+              className: "iterate-btn",
+              "data-copied": copiedKey === "defense-instr" ? "" : void 0,
+              onClick: () => copyInstruction("defense-instr", defenseInstruction),
+              title: "\u590D\u5236\u67E5\u8BE2\u6307\u4EE4"
+            }, copiedKey === "defense-instr" ? "\u5DF2\u590D\u5236" : "\u590D\u5236\u67E5\u8BE2\u6307\u4EE4")
+          )
+        )
+      )
     );
   };
   const renderLive = () => {
@@ -2595,12 +3109,14 @@ ${JSON.stringify({ operation: "nudge", text: null }, null, 2)}
       }
       return React.createElement("div", { className: "iterate-obs-empty" }, "\u6682\u65E0\u5B9E\u65F6\u6D3B\u52A8");
     }
-    const rows = liveEntries.map((e, i) => {
+    const types = Array.from(new Set(liveEntries.map((e) => String(e.type || "unknown")).filter(Boolean))).sort();
+    const filtered = filterLiveEntries(liveEntries, liveType);
+    const rows = filtered.map((e, i) => {
       const type = String(e.type || "unknown");
       const meta = OBS_LIVE_META[type] || { label: String(e.type || "?"), color: OBS_LIVE_FALLBACK_COLOR };
       const tool = String(e.tool || "");
       const target = String(e.target || "");
-      const time = formatObsLiveTime(e.ts);
+      const time = formatObsLiveTime(String(e.ts || ""));
       return React.createElement(
         "div",
         { key: `live-${i}`, className: "iterate-obs-row" },
@@ -2610,17 +3126,37 @@ ${JSON.stringify({ operation: "nudge", text: null }, null, 2)}
         React.createElement("span", { className: "iterate-obs-head-meta" }, time)
       );
     });
-    return React.createElement(
+    const filterBar = React.createElement(
       "div",
-      {},
+      { className: "iterate-obs-bar", style: { marginBottom: 8 } },
+      React.createElement("b", {}, "\u5B9E\u65F6\u6D3B\u52A8"),
       React.createElement(
-        "div",
-        { className: "iterate-obs-bar", style: { marginBottom: 8 } },
-        React.createElement("b", {}, "\u5B9E\u65F6\u6D3B\u52A8"),
-        React.createElement("span", { className: "iterate-obs-chip" }, `${liveEntries.length} \u9879`)
+        "select",
+        {
+          className: "iterate-filter-select",
+          value: liveType,
+          "aria-label": "\u6309\u6D3B\u52A8\u7C7B\u578B\u7B5B\u9009",
+          onChange: (e) => setLiveType(e.target.value)
+        },
+        React.createElement("option", { value: "" }, "\u5168\u90E8\u6D3B\u52A8"),
+        ...types.map((t) => React.createElement("option", { key: t, value: t }, t))
       ),
-      ...rows
+      liveType ? React.createElement("button", {
+        className: "iterate-filter-clear",
+        onClick: () => setLiveType(""),
+        title: "\u6E05\u9664\u7C7B\u578B\u7B5B\u9009"
+      }, "\u6E05\u9664") : null,
+      React.createElement("span", { className: "iterate-filter-count" }, `${filtered.length}/${liveEntries.length}`)
     );
+    if (rows.length === 0) {
+      return React.createElement(
+        "div",
+        {},
+        filterBar,
+        React.createElement("div", { className: "iterate-obs-empty" }, "\u65E0\u5339\u914D\u7684\u5B9E\u65F6\u6D3B\u52A8")
+      );
+    }
+    return React.createElement("div", {}, filterBar, ...rows);
   };
   const renderBody = () => {
     switch (tab) {
@@ -2640,6 +3176,13 @@ ${JSON.stringify({ operation: "nudge", text: null }, null, 2)}
         return renderConsole();
       case "f7":
         return renderTimeline();
+      // v3.0: Quality Command Center tabs
+      case "f8":
+        return renderQualityGate();
+      case "f9":
+        return renderExperienceBank();
+      case "f10":
+        return renderDefenseEvents();
       default:
         return null;
     }
@@ -2682,6 +3225,22 @@ ${JSON.stringify({ operation: "nudge", text: null }, null, 2)}
         ),
         React.createElement("div", { className: "iterate-obs-code" }, copyFailText)
       ) : null,
+      React.createElement(
+        "div",
+        { className: "iterate-obs-bar", style: { marginBottom: 8, flexWrap: "wrap" } },
+        React.createElement(
+          "span",
+          { className: "iterate-obs-head-meta" },
+          `${manifest.mode || "runtime"} \xB7 ${String(manifest.updatedAt || "")}`
+        ),
+        React.createElement("button", {
+          className: "iterate-btn",
+          "data-primary": "",
+          "data-copied": copiedKey === "export" ? "" : void 0,
+          onClick: exportObservatory,
+          title: "\u5C06\u89C2\u6D4B\u53F0\u5168\u90E8\u6570\u636E\u5BFC\u51FA\u4E3A JSON\uFF08\u4F18\u5148\u4E0B\u8F7D\uFF0C\u5931\u8D25\u5219\u590D\u5236\uFF09"
+        }, copiedKey === "export" ? "\u5DF2\u5BFC\u51FA" : "\u5BFC\u51FA JSON")
+      ),
       React.createElement(
         "div",
         { className: "iterate-obs-tabs" },