iterate-plugin 2.12.2 → 2.12.3

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,9 @@ 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); }
 
 /* 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 +1345,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 +1485,14 @@ 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 dimNames = Object.keys(dims);
   const dimBadges = dimNames.slice(0, 6).map(
     (dim) => React.createElement(
@@ -1478,6 +1556,7 @@ function ConvergenceDashboard(props) {
     fixBadge,
     resumeChip,
     imageChip,
+    liveChip,
     React.createElement(TrendChart, { points: trend.points }),
     ...dimBadges
   );
@@ -2150,11 +2229,17 @@ 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 copyTimer = React.useRef(null);
   React.useEffect(() => () => {
     if (copyTimer.current) clearTimeout(copyTimer.current);
@@ -2172,6 +2257,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 +2265,35 @@ function ObservatoryPanel(props) {
       return next;
     });
   };
+  const exportObservatory = () => {
+    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 +2326,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,7 +2428,60 @@ 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 entry = {
@@ -2349,7 +2533,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 +2708,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,38 +2742,56 @@ ${JSON.stringify({ operation: "nudge", text: null }, null, 2)}
         dataText ? React.createElement("div", { className: "iterate-obs-code" }, dataText) : null
       );
     });
-    if (rows.length === 0) {
-      return React.createElement("div", { className: "iterate-obs-empty" }, "\u65E0\u5339\u914D\u7684\u65F6\u95F4\u7EBF\u6761\u76EE");
-    }
-    return React.createElement(
+    const filterBar = React.createElement(
       "div",
-      {},
+      { className: "iterate-obs-bar", style: { marginBottom: 8 } },
+      React.createElement("b", {}, "\u65F6\u95F4\u7EBF"),
       React.createElement(
-        "div",
-        { className: "iterate-obs-bar", style: { marginBottom: 8 } },
-        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("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)
-        }),
-        React.createElement("span", { className: "iterate-filter-count" }, `${filtered.length}/${entries.length}`)
+        "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))
       ),
-      ...rows
+      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",
+        {},
+        filterBar,
+        React.createElement("div", { className: "iterate-obs-empty" }, "\u65E0\u5339\u914D\u7684\u65F6\u95F4\u7EBF\u6761\u76EE")
+      );
+    }
+    return React.createElement("div", {}, filterBar, ...rows);
   };
   const renderLive = () => {
     const liveEntries = manifest.live || [];
@@ -2595,7 +2813,9 @@ ${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 || "");
@@ -2610,17 +2830,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) {
@@ -2682,6 +2922,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" },