iterate-plugin 2.10.0 → 2.12.0

package/lib/client.js

@@ -40,7 +40,10 @@ var SEVERITY_LABEL = {
 var SEVERITY_COLOR = {
   critical: "#ef4444",
   high: "#f97316",
-  medium: "#eab308",
+  // medium is used both for dots/fills and as TEXT (stat numbers, table
+  // headers); #eab308 is illegible as text on light backgrounds (~1.6:1).
+  // amber-600 (#d97706) ~3.2:1 — still short of AA; go darker for legibility.
+  medium: "#b45309",
   low: "#6b7280"
 };
 function safeGet(o, key) {
@@ -194,8 +197,6 @@ function findReportInObject(obj, seen, maxDepth = 20) {
 }
 function scanSessionForReport(session) {
   if (!session || typeof session !== "object") return null;
-  const direct = findReportInObject(session);
-  if (direct) return direct;
   const s = (
     /** @type {Record<string, unknown>} */
     session
@@ -263,6 +264,213 @@ function scanSessionForReport(session) {
   }
   return null;
 }
+function isTranscriptManifest(obj) {
+  if (!obj || typeof obj !== "object") return false;
+  const o = (
+    /** @type {Record<string, unknown>} */
+    obj
+  );
+  return typeof safeGet(o, "version") === "number" && Array.isArray(safeGet(o, "rounds")) && Array.isArray(safeGet(o, "convergence"));
+}
+function attachLive(manifest, source) {
+  if (!manifest || typeof manifest !== "object") return manifest;
+  const live = source && typeof source === "object" ? safeGet(source, "live") : void 0;
+  if (!Array.isArray(live)) return manifest;
+  const m = (
+    /** @type {Record<string, unknown>} */
+    manifest
+  );
+  if (safeGet(m, "live") !== void 0) return manifest;
+  const copy = (
+    /** @type {Record<string, unknown>} */
+    {}
+  );
+  for (const k of safeKeys(m)) copy[k] = safeGet(m, k);
+  copy.live = live;
+  return copy;
+}
+function extractTranscript(obj) {
+  if (typeof obj === "string") {
+    try {
+      const parsed = JSON.parse(obj);
+      return extractTranscript(parsed);
+    } catch {
+      return null;
+    }
+  }
+  if (!obj || typeof obj !== "object") return null;
+  if (isTranscriptManifest(obj)) return (
+    /** @type {Record<string, unknown>} */
+    obj
+  );
+  const o = (
+    /** @type {Record<string, unknown>} */
+    obj
+  );
+  if (safeGet(o, "operation") === "capture") {
+    const t = safeGet(o, "transcript");
+    if (t && typeof t === "object" && isTranscriptManifest(t)) {
+      return attachLive(
+        /** @type {Record<string, unknown>} */
+        t,
+        o
+      );
+    }
+  }
+  for (const key of ["message", "result", "content"]) {
+    const val = safeGet(o, key);
+    if (val !== void 0) {
+      if (Array.isArray(val)) {
+        for (const item of val) {
+          const found = extractTranscript(item);
+          if (found) return attachLive(found, o);
+        }
+      } else {
+        const found = extractTranscript(val);
+        if (found) return attachLive(found, o);
+      }
+    }
+  }
+  return attachLive(findTranscriptInObject(o), o);
+}
+function findTranscriptInObject(obj, seen, maxDepth = 20) {
+  if (maxDepth <= 0) return null;
+  if (!obj || typeof obj !== "object") return null;
+  const s = seen || /* @__PURE__ */ new Set();
+  if (s.has(obj)) return null;
+  s.add(obj);
+  if (isTranscriptManifest(obj)) return (
+    /** @type {Record<string, unknown>} */
+    obj
+  );
+  if (Array.isArray(obj)) {
+    for (const item of obj) {
+      const found = findTranscriptInObject(item, s, maxDepth - 1);
+      if (found) return found;
+    }
+    return null;
+  }
+  const o = (
+    /** @type {Record<string, unknown>} */
+    obj
+  );
+  for (const key of safeKeys(o)) {
+    const val = safeGet(o, key);
+    if (val && typeof val === "object") {
+      const found = findTranscriptInObject(val, s, maxDepth - 1);
+      if (found) return found;
+    }
+  }
+  return null;
+}
+function scanSessionForTranscript(session) {
+  if (!session || typeof session !== "object") return null;
+  const s = (
+    /** @type {Record<string, unknown>} */
+    session
+  );
+  const toolCalls = safeGet(s, "toolCalls");
+  if (Array.isArray(toolCalls)) {
+    const calls = (
+      /** @type {Array<Record<string, unknown>>} */
+      toolCalls
+    );
+    for (let i = calls.length - 1; i >= 0; i--) {
+      const call = calls[i];
+      if (!call) continue;
+      const tool = String(safeGet(call, "tool") ?? "");
+      if (tool !== "iterate_transcript" && !tool.endsWith("iterate_transcript")) continue;
+      const found = extractTranscript(safeGet(call, "result")) || extractTranscript(safeGet(call, "message"));
+      if (found) return found;
+    }
+  }
+  const messages = safeGet(s, "messages");
+  if (Array.isArray(messages)) {
+    const msgs = (
+      /** @type {Array<Record<string, unknown>>} */
+      messages
+    );
+    for (let i = msgs.length - 1; i >= 0; i--) {
+      const msg = msgs[i];
+      if (!msg) continue;
+      const calls = safeGet(msg, "tool_calls");
+      if (Array.isArray(calls)) {
+        for (const call of calls) {
+          if (!call) continue;
+          const args = safeGet(call, "arguments");
+          if (typeof args === "string") {
+            const found2 = extractTranscript(args);
+            if (found2) return found2;
+          }
+        }
+      }
+      const found = extractTranscript(safeGet(msg, "content"));
+      if (found) return found;
+    }
+  }
+  return null;
+}
+function normalizeTranscript(manifest) {
+  const src = manifest && typeof manifest === "object" ? (
+    /** @type {Record<string, unknown>} */
+    manifest
+  ) : {};
+  const asNum = (v) => typeof v === "number" ? v : 0;
+  const asStr = (v) => typeof v === "string" ? v : "";
+  const asBool = (v) => v === true;
+  const asCount = (v) => typeof v === "number" ? v : 0;
+  const asArray = (v) => Array.isArray(v) ? (
+    /** @type {Array<Record<string, unknown>>} */
+    v
+  ) : [];
+  const rounds = asArray(safeGet(src, "rounds")).map((r) => ({
+    round: asNum(safeGet(r, "round")),
+    threads: asArray(safeGet(r, "threads")).map((t) => ({
+      dimension: asStr(safeGet(t, "dimension")),
+      attempt: asNum(safeGet(t, "attempt")),
+      messages: asArray(safeGet(t, "messages")).map((m) => typeof m === "string" ? m : ""),
+      readFiles: asArray(safeGet(t, "readFiles")).map((f) => typeof f === "string" ? f : ""),
+      findings: asArray(safeGet(t, "findings")).map((f) => ({ ...f }))
+    }))
+  }));
+  const cp = safeGet(src, "checkpoint");
+  const checkpoint = cp && typeof cp === "object" ? {
+    mode: asStr(safeGet(cp, "mode")),
+    round: asNum(safeGet(cp, "round")),
+    maxRounds: asNum(safeGet(cp, "maxRounds")),
+    fixedCount: asNum(safeGet(cp, "fixedCount")),
+    resumeCount: asNum(safeGet(cp, "resumeCount")),
+    updatedAt: asStr(safeGet(cp, "updatedAt"))
+  } : null;
+  const ng = safeGet(src, "nudge");
+  const nudge = ng && typeof ng === "object" ? { timestamp: asStr(safeGet(ng, "timestamp")), text: asStr(safeGet(ng, "text")) } : null;
+  const ap = safeGet(src, "approval");
+  return {
+    version: asNum(safeGet(src, "version")),
+    project: asStr(safeGet(src, "project")),
+    updatedAt: asStr(safeGet(src, "updatedAt")),
+    active: asBool(safeGet(src, "active")),
+    mode: asStr(safeGet(src, "mode")) || null,
+    goal: asStr(safeGet(src, "goal")),
+    phases: asArray(safeGet(src, "phases")).map((p) => typeof p === "string" ? p : ""),
+    round: asNum(safeGet(src, "round")),
+    maxRounds: asNum(safeGet(src, "maxRounds")),
+    rounds,
+    convergence: asArray(safeGet(src, "convergence")).map((n) => asCount(n)),
+    findings: asArray(safeGet(src, "findings")).map((f) => ({ ...f })),
+    fixes: asArray(safeGet(src, "fixes")).map((f) => ({ ...f })),
+    live: asArray(safeGet(src, "live")).map((e) => ({
+      ts: typeof safeGet(e, "ts") === "number" ? String(safeGet(e, "ts")) : asStr(safeGet(e, "ts")),
+      type: asStr(safeGet(e, "type")),
+      tool: asStr(safeGet(e, "tool")),
+      target: asStr(safeGet(e, "target"))
+    })),
+    checkpoint,
+    timeline: asArray(safeGet(src, "timeline")).map((t) => ({ ...t })),
+    nudge,
+    approval: ap && typeof ap === "object" ? { active: asBool(safeGet(ap, "active")), policy: asStr(safeGet(ap, "policy")) || "ask" } : { active: false, policy: "ask" }
+  };
+}
 function isRunSummary(obj) {
   if (!obj || typeof obj !== "object") return false;
   const o = (
@@ -304,8 +512,6 @@ function findRunSummaryInObject(obj, seen, maxDepth = 20) {
 }
 function scanSessionForRunSummary(session) {
   if (!session || typeof session !== "object") return null;
-  const direct = findRunSummaryInObject(session);
-  if (direct) return direct;
   const s = (
     /** @type {Record<string, unknown>} */
     session
@@ -503,22 +709,24 @@ function buildTriageState(report) {
   return state;
 }
 function hashReport(report) {
-  const convergence = (
-    /** @type {Record<string, unknown>} */
-    report.convergence ?? {}
-  );
-  const totalRounds = String(convergence.totalRounds ?? "");
-  const findingsCount = String(
-    /** @type {Array<unknown>} */
-    (report.findings ?? []).length
-  );
-  const firstFinding = (
+  const findings = (
     /** @type {Array<Record<string, unknown>>} */
-    (report.findings ?? [])[0]
+    report.findings ?? []
   );
-  const firstSummary = firstFinding ? String(firstFinding.summary ?? "") : "";
-  const mode = String(report.mode ?? "");
-  return `iterate-triage-${mode}-${totalRounds}-${findingsCount}-${firstSummary.slice(0, 20)}`;
+  let h = 2166136261;
+  const mix = (s) => {
+    for (let i = 0; i < s.length; i++) {
+      h ^= s.charCodeAt(i);
+      h = Math.imul(h, 16777619) >>> 0;
+    }
+  };
+  mix(`${String(report.mode ?? "")}|`);
+  for (const f of findings) {
+    if (!f || typeof f !== "object") continue;
+    mix(`${String(f.file ?? "")}|${typeof f.line === "number" ? f.line : 0}|${String(f.dimension ?? "")}|${String(f.summary ?? "")}
+`);
+  }
+  return `iterate-triage-${h.toString(36)}`;
 }
 function toKnownIntentionalYaml(entries) {
   if (!entries || entries.length === 0) return "";
@@ -955,6 +1163,27 @@ var ITERATE_CSS = `
 .iterate-switch[data-on] { background: var(--dsw-alias-brand-primary); border-color: var(--dsw-alias-brand-primary); }
 .iterate-switch[data-on] .iterate-switch-knob { transform: translateX(18px); background: #FFFFFF; }
 
+/* Shared keyboard focus ring for every iterate interactive control */
+.iterate-btn:focus-visible, .iterate-vbtn:focus-visible, .iterate-batch-btn:focus-visible,
+.iterate-filter-select:focus-visible, .iterate-filter-search:focus-visible,
+.iterate-finding:focus-visible, .iterate-switch:focus-visible {
+  outline: 2px solid var(--dsw-alias-brand-primary); outline-offset: 2px;
+}
+
+/* Dashboard empty/onboarding state */
+.iterate-dashboard-empty { opacity: 0.75; }
+.iterate-empty-hint { font-size: 12px; color: var(--dsw-alias-label-secondary); }
+
+/* Convergence-completed progress fill */
+.iterate-progress-fill-done { background: var(--dsw-alias-state-success-primary); }
+
+/* Batch scope segmented control */
+.iterate-batch-scope { opacity: 0.6; }
+.iterate-batch-scope-on { opacity: 1; border-color: var(--dsw-alias-brand-primary); color: var(--dsw-alias-label-primary); }
+
+/* Overflow dimension chip */
+.iterate-dim-more { opacity: 0.7; font-style: italic; }
+
 /* Button variants */
 .iterate-btn[data-ghost] { background: transparent; }
 .iterate-btn[data-danger] { border-color: color-mix(in srgb, var(--dsw-alias-state-error-primary) 45%, transparent); color: var(--dsw-alias-state-error-primary); background: transparent; }
@@ -965,6 +1194,38 @@ var ITERATE_CSS = `
 .iterate-guide { margin-top: 4px; border: 1px solid var(--dsw-alias-border-l1); border-radius: 10px; overflow: hidden; background: var(--dsw-alias-bg-layer-2); }
 .iterate-guide-bar { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 8px 12px; background: var(--dsw-alias-bg-layer-2); border-bottom: 1px solid var(--dsw-alias-border-l1); font-size: 12px; color: var(--dsw-alias-label-secondary); }
 .iterate-guide-body { padding: 12px 14px; font-family: var(--dsw-font-mono, ui-monospace, monospace); font-size: 11.5px; line-height: 1.75; white-space: pre-wrap; color: var(--dsw-alias-label-primary); max-height: 260px; overflow: auto; }
+
+/* \u2500\u2500 Runtime observatory panel \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */
+.iterate-obs { margin: 6px 0; border: 1px solid var(--dsw-alias-border-l1); border-radius: 12px; background: var(--dsw-alias-bg-layer-1); overflow: hidden; font-size: 12px; color: var(--dsw-alias-label-primary); }
+.iterate-obs-head { display: flex; align-items: center; gap: 10px; padding: 8px 14px; cursor: pointer; border-bottom: 1px solid var(--dsw-alias-border-l1); flex-wrap: wrap; }
+.iterate-obs-head[data-closed] { border-bottom: none; }
+.iterate-obs-title { font-weight: 650; }
+.iterate-obs-badge { display: inline-flex; align-items: center; gap: 6px; padding: 2px 10px; border-radius: 999px; background: color-mix(in srgb, var(--dsw-alias-brand-primary) 12%, transparent); color: var(--dsw-alias-brand-primary); font-size: 11px; font-weight: 600; white-space: nowrap; }
+.iterate-obs-badge[data-live] { color: var(--dsw-alias-state-success-primary); background: color-mix(in srgb, var(--dsw-alias-state-success-primary) 12%, transparent); }
+.iterate-obs-head-meta { margin-left: auto; font-size: 11px; color: var(--dsw-alias-label-secondary); white-space: nowrap; }
+.iterate-obs-tabs { display: flex; gap: 4px; padding: 8px 14px 0; flex-wrap: wrap; border-bottom: 1px solid var(--dsw-alias-border-l1); }
+.iterate-obs-tab { padding: 4px 10px; border-radius: 7px; 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-obs-tab[data-active] { border-color: var(--dsw-alias-brand-primary); color: var(--dsw-alias-brand-primary); }
+.iterate-obs-body { padding: 12px 14px; max-height: 460px; overflow: auto; }
+.iterate-obs-block { border: 1px solid var(--dsw-alias-border-l1); border-radius: 8px; overflow: hidden; margin-bottom: 8px; }
+.iterate-obs-block:last-child { margin-bottom: 0; }
+.iterate-obs-block-head { display: flex; align-items: center; gap: 8px; padding: 7px 10px; background: var(--dsw-alias-bg-layer-2); border-bottom: 1px solid var(--dsw-alias-border-l1); font-size: 11px; color: var(--dsw-alias-label-primary); flex-wrap: wrap; }
+.iterate-obs-block-head[data-click] { cursor: pointer; }
+.iterate-obs-block-body { padding: 8px 10px; }
+.iterate-obs-chip { display: inline-flex; align-items: center; gap: 6px; padding: 2px 8px; border-radius: 6px; background: var(--dsw-alias-bg-layer-1); border: 1px solid var(--dsw-alias-border-l1); font-size: 11px; color: var(--dsw-alias-label-secondary); white-space: nowrap; }
+.iterate-obs-msg { padding: 2px 0; color: var(--dsw-alias-label-secondary); line-height: 1.5; font-size: 11px; word-break: break-word; }
+.iterate-obs-file { font-family: var(--dsw-font-mono, ui-monospace, monospace); font-size: 10.5px; color: var(--dsw-alias-label-secondary); word-break: break-all; }
+.iterate-obs-bar { display: flex; align-items: center; gap: 6px; font-size: 11px; color: var(--dsw-alias-label-secondary); flex-wrap: wrap; }
+.iterate-obs-bar b { color: var(--dsw-alias-label-primary); font-weight: 600; }
+.iterate-obs-mono { font-family: var(--dsw-font-mono, ui-monospace, monospace); }
+.iterate-obs-code { padding: 6px 8px; margin-top: 4px; border-radius: 6px; background: var(--dsw-alias-bg-layer-2); border: 1px solid var(--dsw-alias-border-l1); font-family: var(--dsw-font-mono, ui-monospace, monospace); font-size: 10.5px; color: var(--dsw-alias-label-secondary); white-space: pre-wrap; word-break: break-all; }
+.iterate-obs-input { width: 100%; padding: 8px; border: 1px solid var(--dsw-alias-border-l1); border-radius: 8px; background: var(--dsw-alias-bg-layer-2); color: var(--dsw-alias-label-primary); font-size: 11px; resize: vertical; }
+.iterate-obs-input:focus-visible { outline: 2px solid var(--dsw-alias-brand-primary); outline-offset: 2px; }
+.iterate-obs-input::placeholder { color: var(--dsw-alias-label-secondary); }
+.iterate-obs-empty { font-size: 11px; color: var(--dsw-alias-label-secondary); padding: 8px 0; }
+.iterate-obs-row { display: flex; align-items: center; gap: 8px; padding: 5px 0; border-bottom: 1px solid var(--dsw-alias-border-l1); font-size: 11px; color: var(--dsw-alias-label-secondary); flex-wrap: wrap; }
+.iterate-obs-row:last-child { border-bottom: none; }
+.iterate-obs-livebadge { display: inline-flex; align-items: center; gap: 4px; padding: 1px 7px; border-radius: 6px; border: 1px solid currentColor; background: color-mix(in srgb, currentColor 10%, transparent); font-size: 10.5px; font-weight: 600; white-space: nowrap; }
 `;
 function log(...args) {
   if (typeof console !== "undefined" && typeof console.error === "function") {
@@ -1025,13 +1286,12 @@ function removeStorageByPrefix(prefix) {
 }
 function copyText(text) {
   if (typeof navigator !== "undefined" && navigator.clipboard && typeof navigator.clipboard.writeText === "function") {
-    navigator.clipboard.writeText(text).then(
+    return navigator.clipboard.writeText(text).then(
       () => true,
       () => false
     );
-    return true;
   }
-  return false;
+  return Promise.resolve(false);
 }
 var SEVERITY_KEYS = ["critical", "high", "medium", "low"];
 function coerceSeverity(severity) {
@@ -1111,7 +1371,12 @@ function TrendChart({ points }) {
       style: { height: `${Math.max(4, Math.round(p.count / max * 24))}px` }
     })
   );
-  return React.createElement("div", { className: "iterate-trend", title: "\u5404\u8F6E\u53D1\u73B0\u6570\u91CF\u8D8B\u52BF" }, ...bars);
+  const summary = points.map((p) => `Round ${p.round}: ${p.count}`).join(", ");
+  return React.createElement("div", {
+    className: "iterate-trend",
+    role: "img",
+    "aria-label": `\u5404\u8F6E\u53D1\u73B0\u6570\u91CF\u8D8B\u52BF\uFF1A${summary}`
+  }, ...bars);
 }
 function ConvergenceDashboard(props) {
   const [pulseKey, setPulseKey] = React.useState(0);
@@ -1124,7 +1389,14 @@ function ConvergenceDashboard(props) {
     emitRoundPulse(cur, conv?.converged === true);
     setPulseKey((k) => k + 1);
   }, [report && hashReport(report) + ":" + getCurrentRound(report)]);
-  if (!report) return null;
+  if (!report) {
+    return React.createElement(
+      "div",
+      { "data-iterate-root": "", "data-iterate": "dashboard", className: "iterate-dashboard iterate-dashboard-empty" },
+      React.createElement("span", { className: "iterate-round-badge" }, "iterate"),
+      React.createElement("span", { className: "iterate-empty-hint" }, "\u8FD0\u884C\u4E00\u6B21\u8BC4\u5BA1\u540E\uFF0C\u8FD9\u91CC\u4F1A\u663E\u793A\u6536\u655B\u8FDB\u5EA6\u4E0E\u53D1\u73B0\u7EDF\u8BA1\u3002\u8BD5\u8BD5\u300Creview this project\u300D\u6216\u300C/iterate review-only\u300D")
+    );
+  }
   const round = getCurrentRound(report);
   const total = getTotalRounds(report);
   const progress = computeConvergenceProgress(report);
@@ -1143,13 +1415,24 @@ 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 dimBadges = Object.keys(dims).slice(0, 6).map(
+  const dimNames = Object.keys(dims);
+  const dimBadges = dimNames.slice(0, 6).map(
     (dim) => React.createElement(
       "span",
       { key: dim, className: "iterate-dim-badge" },
       `${dim} \xB7 ${dims[dim]?.length ?? 0}`
     )
   );
+  const overflow = dimNames.length - 6;
+  if (overflow > 0) {
+    dimBadges.push(
+      React.createElement(
+        "span",
+        { key: "+more", className: "iterate-dim-badge iterate-dim-more", title: dimNames.slice(6).join(", ") },
+        `+${overflow} \u66F4\u591A`
+      )
+    );
+  }
   const mode = report.mode;
   const summary = report.summary;
   const isNormal = mode === "normal";
@@ -1159,6 +1442,18 @@ function ConvergenceDashboard(props) {
     key: "fixes",
     title: "\u672C\u8F6E\u5DF2\u5E94\u7528\u7684\u539F\u5B50\u4FEE\u590D\u6570\uFF08\u6B63\u5E38\u6A21\u5F0F\uFF09"
   }, `${String(fixCount)} fixes`) : null;
+  const converged = report.convergence && report.convergence.converged === true;
+  const convChip = converged ? React.createElement("span", {
+    className: "iterate-chip-resume",
+    key: "converged",
+    title: "\u5BA1\u67E5\u5DF2\u6536\u655B\uFF1A\u6700\u540E\u4E00\u8F6E\u672A\u53D1\u73B0\u65B0\u95EE\u9898"
+  }, "\u2713 \u5DF2\u6536\u655B") : null;
+  const sevMetric = (key, label) => React.createElement(
+    "span",
+    { className: "iterate-metric", key, title: label },
+    React.createElement("span", { className: "iterate-sev-dot", style: { background: SEVERITY_COLOR[key] } }),
+    `${label} ${String(stats[key])}`
+  );
   return React.createElement(
     "div",
     { "data-iterate-root": "", "data-iterate": "dashboard", className: "iterate-dashboard" },
@@ -1170,26 +1465,16 @@ function ConvergenceDashboard(props) {
     React.createElement(
       "div",
       { className: "iterate-progress" },
-      React.createElement("div", { className: "iterate-progress-fill", style: { width: `${progress}%` } })
-    ),
-    React.createElement(
-      "span",
-      { className: "iterate-metric" },
-      React.createElement("span", { className: "iterate-sev-dot", style: { background: SEVERITY_COLOR.critical } }),
-      stats.critical
-    ),
-    React.createElement(
-      "span",
-      { className: "iterate-metric" },
-      React.createElement("span", { className: "iterate-sev-dot", style: { background: SEVERITY_COLOR.high } }),
-      stats.high
-    ),
-    React.createElement(
-      "span",
-      { className: "iterate-metric" },
-      React.createElement("span", { className: "iterate-sev-dot", style: { background: SEVERITY_COLOR.medium } }),
-      stats.medium
+      React.createElement("div", {
+        className: converged ? "iterate-progress-fill iterate-progress-fill-done" : "iterate-progress-fill",
+        style: { width: `${progress}%` }
+      })
     ),
+    convChip,
+    sevMetric("critical", "CRIT"),
+    sevMetric("high", "HIGH"),
+    sevMetric("medium", "MED"),
+    sevMetric("low", "LOW"),
     fixBadge,
     resumeChip,
     imageChip,
@@ -1313,12 +1598,11 @@ function TriagePanel(props) {
   const [filter, setFilter] = React.useState({ severities: [], dimensions: [], search: "" });
   const [selected, setSelected] = React.useState(null);
   const [selectAll, setSelectAll] = React.useState(false);
-  const persistVerdicts = (next) => {
-    if (storage) storage.set(storageKey, JSON.stringify(next));
-    return next;
-  };
+  React.useEffect(() => {
+    if (storage) storage.set(storageKey, JSON.stringify(verdicts));
+  }, [storageKey, verdicts]);
   const setVerdict = (index, verdict) => {
-    setVerdicts((prev) => persistVerdicts({ ...prev, [String(index)]: verdict }));
+    setVerdicts((prev) => ({ ...prev, [String(index)]: verdict }));
   };
   const { filtered, indices } = filterFindingsWithIndices(findings, filter);
   const indicesKey = indices.join(",");
@@ -1331,21 +1615,20 @@ function TriagePanel(props) {
   const allIndices = allVerdictKeys(verdicts);
   const batchTarget = selectAll ? allIndices : indices;
   const applyBatch = (verdict) => {
-    setVerdicts((prev) => persistVerdicts(batchSetVerdict(prev, batchTarget, verdict)));
-  };
-  const applyBatchAll = (verdict) => {
-    setVerdicts((prev) => persistVerdicts(setAllVerdicts(prev, verdict)));
+    setVerdicts((prev) => batchSetVerdict(prev, batchTarget, verdict));
   };
   const doResetVerdicts = () => {
-    setVerdicts((prev) => persistVerdicts(setAllVerdicts(prev, "keep")));
+    setVerdicts((prev) => setAllVerdicts(prev, "keep"));
     setSelectAll(false);
   };
   React.useEffect(() => {
     const doc = typeof document !== "undefined" ? document : null;
     if (!doc) return;
     const onKeyDown = (ev) => {
+      if (ev.metaKey || ev.ctrlKey || ev.altKey) return;
       const t = ev.target;
       if (t && (t.tagName === "INPUT" || t.tagName === "TEXTAREA" || t.tagName === "SELECT")) return;
+      if (t && typeof t.isContentEditable === "boolean" && t.isContentEditable) return;
       const verdict = keyToVerdict(ev.key);
       if (verdict && selected !== null && indices.includes(selected)) {
         ev.preventDefault();
@@ -1376,10 +1659,14 @@ function TriagePanel(props) {
   const doCopyYaml = () => {
     const yaml = toKnownIntentionalYaml(ignored);
     if (!yaml) return;
-    const ok = copyText(yaml);
-    setCopied(true);
-    setTimeout(() => setCopied(false), 1600);
-    if (!ok) setPayload(yaml);
+    copyText(yaml).then((ok) => {
+      if (ok) {
+        setCopied(true);
+        setTimeout(() => setCopied(false), 1600);
+      } else {
+        setPayload(yaml);
+      }
+    });
   };
   const doBuildInstruction = () => {
     const text = buildApplyInstruction(ignored);
@@ -1408,7 +1695,17 @@ function TriagePanel(props) {
         key: String(index),
         className: "iterate-finding",
         "data-selected": isSelected ? "" : void 0,
-        onClick: () => setSelected(index)
+        role: "option",
+        "aria-selected": isSelected,
+        tabIndex: 0,
+        onClick: () => setSelected(index),
+        onFocus: () => setSelected(index),
+        onKeyDown: (e) => {
+          if (e.key === "Enter" || e.key === " ") {
+            e.preventDefault();
+            setSelected(index);
+          }
+        }
       },
       React.createElement(
         "div",
@@ -1435,7 +1732,7 @@ function TriagePanel(props) {
     React.createElement(
       "div",
       { className: "iterate-triage-head" },
-      React.createElement("span", {}, `Iterate \xB7 Findings \u5206\u8BCA (${filtered.length}/${findings.length})`),
+      React.createElement("span", { role: "heading", "aria-level": 3 }, `Iterate \xB7 Findings \u5206\u8BCA (${filtered.length}/${findings.length})`),
       React.createElement("span", { className: "iterate-triage-hint" }, "y=\u4FEE\u590D \xB7 n=\u8DF3\u8FC7 \xB7 a=\u5DF2\u77E5\u6709\u610F \xB7 \u2191/\u2193 \u9009\u62E9")
     ),
     React.createElement(
@@ -1443,7 +1740,7 @@ function TriagePanel(props) {
       { className: "iterate-filter" },
       React.createElement(
         "select",
-        { className: "iterate-filter-select", value: filter.severities[0] || "", onChange: (e) => setSeverityFilter(e.target.value), title: "\u6309\u4E25\u91CD\u5EA6\u7B5B\u9009" },
+        { className: "iterate-filter-select", value: filter.severities[0] || "", onChange: (e) => setSeverityFilter(e.target.value), "aria-label": "\u6309\u4E25\u91CD\u5EA6\u7B5B\u9009" },
         React.createElement("option", { value: "" }, "\u5168\u90E8\u4E25\u91CD\u5EA6"),
         ...options.severities.map(
           (s) => React.createElement("option", { key: s.value, value: s.value }, `${severityLabel(s.value)} (${s.count})`)
@@ -1451,7 +1748,7 @@ function TriagePanel(props) {
       ),
       React.createElement(
         "select",
-        { className: "iterate-filter-select", value: filter.dimensions[0] || "", onChange: (e) => setDimensionFilter(e.target.value), title: "\u6309\u7EF4\u5EA6\u7B5B\u9009" },
+        { className: "iterate-filter-select", value: filter.dimensions[0] || "", onChange: (e) => setDimensionFilter(e.target.value), "aria-label": "\u6309\u7EF4\u5EA6\u7B5B\u9009" },
         React.createElement("option", { value: "" }, "\u5168\u90E8\u7EF4\u5EA6"),
         ...options.dimensions.map(
           (d) => React.createElement("option", { key: d.value, value: d.value }, `${d.value} (${d.count})`)
@@ -1461,6 +1758,7 @@ function TriagePanel(props) {
         className: "iterate-filter-search",
         type: "search",
         placeholder: "\u641C\u7D22\u6587\u4EF6 / \u6458\u8981\u2026",
+        "aria-label": "\u641C\u7D22\u6587\u4EF6\u6216\u6458\u8981",
         value: filter.search,
         onChange: (e) => setSearchFilter(e.target.value)
       }),
@@ -1473,20 +1771,20 @@ function TriagePanel(props) {
     React.createElement(
       "div",
       { className: "iterate-batch" },
-      React.createElement("span", { className: "iterate-batch-label" }, "\u6279\u91CF\uFF1A"),
-      React.createElement(
-        "label",
-        { className: "iterate-batch-check", title: "\u52FE\u9009\u540E\u6279\u91CF\u6309\u94AE\u4F5C\u7528\u4E8E\u5168\u90E8 findings\uFF0C\u5426\u5219\u4EC5\u5F53\u524D\u53EF\u89C1" },
-        React.createElement("input", { type: "checkbox", checked: selectAll, onChange: (e) => setSelectAll(e.target.checked) }),
-        selectAll ? `\u5168\u90E8 ${allIndices.length}` : "\u5168\u9009"
-      ),
-      React.createElement("button", { className: "iterate-batch-btn", onClick: () => applyBatch("keep") }, "\u5168\u90E8 y"),
-      React.createElement("button", { className: "iterate-batch-btn", onClick: () => applyBatch("skip") }, "\u5168\u90E8 n"),
-      React.createElement("button", { className: "iterate-batch-btn", onClick: () => applyBatch("ignore") }, "\u5168\u90E8 a"),
-      React.createElement("span", { className: "iterate-batch-label", style: { marginLeft: 8 } }, "\u5168\u90E8\uFF1A"),
-      React.createElement("button", { className: "iterate-batch-btn", onClick: () => applyBatchAll("keep") }, "y"),
-      React.createElement("button", { className: "iterate-batch-btn", onClick: () => applyBatchAll("skip") }, "n"),
-      React.createElement("button", { className: "iterate-batch-btn", onClick: () => applyBatchAll("ignore") }, "a"),
+      React.createElement("span", { className: "iterate-batch-label" }, "\u6279\u91CF\u4F5C\u7528\u4E8E\uFF1A"),
+      React.createElement("button", {
+        className: selectAll ? "iterate-batch-btn iterate-batch-scope" : "iterate-batch-btn iterate-batch-scope iterate-batch-scope-on",
+        onClick: () => setSelectAll(false),
+        title: "\u6279\u91CF\u6309\u94AE\u4EC5\u4F5C\u7528\u4E8E\u5F53\u524D\u7B5B\u9009\u53EF\u89C1\u7684 findings"
+      }, `\u53EF\u89C1 ${indices.length}`),
+      React.createElement("button", {
+        className: selectAll ? "iterate-batch-btn iterate-batch-scope iterate-batch-scope-on" : "iterate-batch-btn iterate-batch-scope",
+        onClick: () => setSelectAll(true),
+        title: "\u6279\u91CF\u6309\u94AE\u4F5C\u7528\u4E8E\u5168\u90E8 findings"
+      }, `\u5168\u90E8 ${allIndices.length}`),
+      React.createElement("button", { className: "iterate-batch-btn", onClick: () => applyBatch("keep") }, "y"),
+      React.createElement("button", { className: "iterate-batch-btn", onClick: () => applyBatch("skip") }, "n"),
+      React.createElement("button", { className: "iterate-batch-btn", onClick: () => applyBatch("ignore") }, "a"),
       React.createElement("button", { className: "iterate-batch-btn", onClick: doResetVerdicts, title: "\u628A\u6240\u6709\u5224\u5B9A\u6062\u590D\u4E3A\u9ED8\u8BA4 y\uFF08\u4FEE\u590D\uFF09" }, "\u91CD\u7F6E")
     ),
     ...rows,
@@ -1497,8 +1795,20 @@ function TriagePanel(props) {
       React.createElement(
         "span",
         { style: { display: "flex", gap: 6 } },
-        React.createElement("button", { className: "iterate-btn", "data-primary": "", "data-copied": copied ? "" : void 0, onClick: doCopyYaml }, copied ? "\u5DF2\u590D\u5236" : "\u590D\u5236 known_intentional"),
-        React.createElement("button", { className: "iterate-btn", onClick: doBuildInstruction }, "\u751F\u6210\u5E94\u7528\u6307\u4EE4")
+        React.createElement("button", {
+          className: "iterate-btn",
+          "data-primary": "",
+          "data-copied": copied ? "" : void 0,
+          onClick: doCopyYaml,
+          disabled: ignoredCount === 0,
+          title: ignoredCount === 0 ? "\u5F53\u524D\u6CA1\u6709\u6807\u8BB0\u4E3A\u300C\u5DF2\u77E5\u6709\u610F\u300D\u7684 finding" : "\u590D\u5236 known_intentional YAML"
+        }, copied ? "\u5DF2\u590D\u5236" : `\u590D\u5236 known_intentional${ignoredCount > 0 ? `\uFF08${ignoredCount}\uFF09` : ""}`),
+        React.createElement("button", {
+          className: "iterate-btn",
+          onClick: doBuildInstruction,
+          disabled: ignoredCount === 0,
+          title: ignoredCount === 0 ? "\u5F53\u524D\u6CA1\u6709\u6807\u8BB0\u4E3A\u300C\u5DF2\u77E5\u6709\u610F\u300D\u7684 finding" : "\u751F\u6210 iterate_triage \u5E94\u7528\u6307\u4EE4"
+        }, "\u751F\u6210\u5E94\u7528\u6307\u4EE4")
       )
     ),
     payload ? React.createElement("div", { className: "iterate-payload" }, payload) : null
@@ -1607,8 +1917,9 @@ function SettingsPanel(_props) {
     setTimeout(() => setter(false), 1600);
   };
   const doCopy = (text, slot) => {
-    copyText(text);
-    flashCopied(slot);
+    copyText(text).then((ok) => {
+      if (ok) flashCopied(slot);
+    });
   };
   const requestClear = () => {
     if (confirming) {
@@ -1768,6 +2079,574 @@ function SettingsPanel(_props) {
     statusCard
   );
 }
+var OBS_TABS = [
+  { key: "live", label: "\u5B9E\u65F6\u6D3B\u52A8\u6D41" },
+  { key: "f1", label: "\u5BA1\u67E5\u7EBF\u7A0B" },
+  { key: "f2", label: "\u6536\u655B\u8D8B\u52BF" },
+  { key: "f3", label: "\u53D1\u73B0\u5B9A\u4F4D" },
+  { 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" }
+];
+var OBS_LIVE_META = {
+  read: { label: "\u9605\u8BFB", color: "var(--dsw-alias-brand-primary)" },
+  fix: { label: "\u4FEE\u590D", color: "var(--dsw-alias-state-success-primary)" },
+  rollback: { label: "\u56DE\u6EDA", color: "var(--dsw-alias-state-error-primary)" },
+  diff: { label: "\u5DEE\u5F02", color: "var(--dsw-alias-state-warn-primary)" },
+  review: { label: "\u5BA1\u67E5", color: "var(--dsw-alias-brand-primary)" },
+  triage: { label: "\u5206\u6D41", color: "var(--dsw-alias-state-warn-primary)" },
+  checkpoint: { label: "\u65AD\u70B9", color: "var(--dsw-alias-brand-primary)" },
+  validate: { label: "\u6821\u9A8C", color: "var(--dsw-alias-state-success-primary)" },
+  log: { label: "\u8BB0\u5F55", color: "var(--dsw-alias-label-secondary)" },
+  prune: { label: "\u6E05\u7406", color: "var(--dsw-alias-state-warn-primary)" },
+  info: { label: "\u4FE1\u606F", color: "var(--dsw-alias-label-secondary)" }
+};
+var OBS_LIVE_FALLBACK_COLOR = "var(--dsw-alias-label-secondary)";
+function formatObsLiveTime(ts) {
+  if (!ts) return "";
+  let date = null;
+  const num = Number(ts);
+  if (typeof ts === "string" && ts !== "" && !Number.isNaN(num) && /^\d+$/.test(ts)) {
+    date = new Date(num);
+  } else {
+    const d = new Date(ts);
+    date = Number.isNaN(d.getTime()) ? null : d;
+  }
+  if (!date) return String(ts);
+  const p = (n) => String(n).padStart(2, "0");
+  const h = p(date.getHours());
+  const mi = p(date.getMinutes());
+  const s = p(date.getSeconds());
+  return `${p(date.getDate())}/${p(date.getMonth() + 1)} ${h}:${mi}:${s}`;
+}
+function latestTranscript(session) {
+  if (!session) return null;
+  const raw = scanSessionForTranscript(session);
+  return raw ? normalizeTranscript(raw) : null;
+}
+function buildObsFixInstruction(f) {
+  const payload = JSON.stringify({
+    file: String(f.file || ""),
+    ...typeof f.line === "number" && f.line > 0 ? { line: f.line } : {},
+    dimension: String(f.dimension || ""),
+    summary: String(f.summary || ""),
+    ...f.suggested_fix ? { suggested_fix: String(f.suggested_fix) } : {}
+  }, null, 2);
+  return `\u8BF7\u8C03\u7528 \`iterate_fix\` \u4FEE\u590D\u4EE5\u4E0B finding\uFF1A
+
+\`\`\`json
+${payload}
+\`\`\``;
+}
+function ObservatoryPanel(props) {
+  const session = props && props.session ? props.session : null;
+  const manifest = latestTranscript(session);
+  const [open, setOpen] = React.useState(false);
+  const [tab, setTab] = React.useState("live");
+  const [expandedThreads, setExpandedThreads] = React.useState(/* @__PURE__ */ new Set());
+  const [copiedKey, setCopiedKey] = React.useState(null);
+  const [nudgeText, setNudgeText] = React.useState("");
+  const [timelineType, setTimelineType] = React.useState("");
+  const [timelineSearch, setTimelineSearch] = React.useState("");
+  const copyTimer = React.useRef(null);
+  React.useEffect(() => () => {
+    if (copyTimer.current) clearTimeout(copyTimer.current);
+  }, []);
+  const copyInstruction = (key, text) => {
+    if (!text) return;
+    copyText(text).then((ok) => {
+      if (!ok) return;
+      setCopiedKey(key);
+      if (copyTimer.current) clearTimeout(copyTimer.current);
+      copyTimer.current = setTimeout(() => setCopiedKey((cur) => cur === key ? null : cur), 1600);
+    });
+  };
+  const toggleThread = (key) => {
+    setExpandedThreads((prev) => {
+      const next = new Set(prev);
+      if (next.has(key)) next.delete(key);
+      else next.add(key);
+      return next;
+    });
+  };
+  if (!manifest) {
+    return React.createElement(
+      "div",
+      { "data-iterate-root": "", "data-iterate": "obs", className: "iterate-obs" },
+      React.createElement(
+        "div",
+        { className: "iterate-obs-head", "data-closed": "" },
+        React.createElement("span", { className: "iterate-obs-title" }, "iterate \u89C2\u6D4B\u53F0"),
+        React.createElement("span", { className: "iterate-obs-head-meta" }, "\u6682\u65E0\u8FD0\u884C\u65F6\u89C2\u6D4B\u6570\u636E")
+      )
+    );
+  }
+  const live = manifest.active === true;
+  const roundMeta = typeof manifest.round === "number" ? typeof manifest.maxRounds === "number" ? `Round ${manifest.round}/${manifest.maxRounds}` : `Round ${manifest.round}` : "";
+  const headMeta = [manifest.mode || "", roundMeta, manifest.updatedAt || ""].filter(Boolean).join(" \xB7 ");
+  const threadFindingPill = (f, keyBase) => {
+    const loc = `${String(f.file || "?")}${typeof f.line === "number" && f.line > 0 ? `:${f.line}` : ""}`;
+    return React.createElement(
+      "div",
+      { key: keyBase, className: "iterate-obs-row" },
+      React.createElement("span", { className: "iterate-sev-dot", style: { background: severityColor(f.severity) } }),
+      React.createElement("span", {}, severityLabel(f.severity)),
+      React.createElement("span", { className: "iterate-obs-file" }, loc),
+      React.createElement("span", {}, String(f.dimension || "")),
+      React.createElement("span", { className: "iterate-obs-msg" }, String(f.summary || ""))
+    );
+  };
+  const renderThreads = () => {
+    const rounds = manifest.rounds || [];
+    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(
+            "div",
+            { className: "iterate-obs-block-body" },
+            React.createElement(
+              "div",
+              { className: "iterate-obs-bar" },
+              React.createElement("b", {}, "\u53D9\u8FF0"),
+              React.createElement("span", { className: "iterate-obs-head-meta" }, `${msgs.length} \u6761`)
+            ),
+            ...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",
+        { 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 || [];
+    if (conv.length === 0) {
+      return React.createElement("div", { className: "iterate-obs-empty" }, "\u6682\u65E0\u6536\u655B\u6570\u636E");
+    }
+    const points = conv.map((n, i) => ({ round: i + 1, count: n }));
+    return React.createElement(
+      "div",
+      {},
+      React.createElement(TrendChart, { points }),
+      React.createElement(
+        "div",
+        { className: "iterate-obs-bar", style: { marginTop: 6 } },
+        `\u5404\u8F6E\u53D1\u73B0\u6570\u91CF\uFF1A${conv.join(" \u2192 ")}${typeof manifest.round === "number" ? ` \xB7 \u5F53\u524D Round ${manifest.round}` : ""}`
+      )
+    );
+  };
+  const renderFindings = () => {
+    const findings = manifest.findings || [];
+    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 k = `f3-${i}`;
+      const loc = `${String(f.file || "?")}${typeof f.line === "number" && f.line > 0 ? `:${f.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 || "")
+      };
+      const knownInstruction = buildApplyInstruction([entry]);
+      const fixInstruction = buildObsFixInstruction(f);
+      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-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(
+          "div",
+          { className: "iterate-obs-block-body" },
+          React.createElement("div", { className: "iterate-obs-msg" }, String(f.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 || "")),
+              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", {
+              className: "iterate-btn",
+              "data-copied": copiedKey === `${k}-known` ? "" : void 0,
+              onClick: () => copyInstruction(`${k}-known`, knownInstruction),
+              title: "\u590D\u5236 iterate_triage \u6307\u4EE4\u6587\u672C\uFF08\u6807\u8BB0\u4E3A known_intentional\uFF09"
+            }, copiedKey === `${k}-known` ? "\u5DF2\u590D\u5236" : "known_intentional"),
+            React.createElement("button", {
+              className: "iterate-btn",
+              "data-primary": "",
+              "data-copied": copiedKey === `${k}-repair` ? "" : void 0,
+              onClick: () => copyInstruction(`${k}-repair`, fixInstruction),
+              title: "\u590D\u5236 iterate_fix \u6307\u4EE4\u6587\u672C"
+            }, copiedKey === `${k}-repair` ? "\u5DF2\u590D\u5236" : "\u590D\u5236\u4FEE\u590D\u6307\u4EE4")
+          )
+        )
+      );
+    }));
+  };
+  const renderFixes = () => {
+    const fixes = manifest.fixes || [];
+    if (fixes.length === 0) {
+      return React.createElement("div", { className: "iterate-obs-empty" }, "\u6682\u65E0\u4FEE\u590D\u8BB0\u5F55");
+    }
+    return React.createElement("div", {}, ...fixes.map((f, i) => {
+      const k = `f4-${i}`;
+      const id = String(f.id || `fix#${i + 1}`);
+      const rollbackText = `\u8BF7\u8C03\u7528 \`iterate_rollback\` \u56DE\u6EDA\u4EE5\u4E0B\u4FEE\u590D\uFF1A
+
+\`\`\`json
+${JSON.stringify({ id }, null, 2)}
+\`\`\``;
+      const added = typeof f.linesAdded === "number" ? f.linesAdded : 0;
+      const removed = typeof f.linesRemoved === "number" ? f.linesRemoved : 0;
+      return React.createElement(
+        "div",
+        { key: k, className: "iterate-obs-block" },
+        React.createElement(
+          "div",
+          { className: "iterate-obs-block-head" },
+          React.createElement("b", {}, id),
+          React.createElement("span", { className: "iterate-obs-file" }, String(f.file || "?")),
+          React.createElement("span", { className: "iterate-obs-chip" }, f.success === true ? "\u6210\u529F" : "\u5931\u8D25"),
+          typeof f.round === "number" ? React.createElement("span", { className: "iterate-obs-head-meta" }, `Round ${f.round}`) : 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-bar", style: { marginTop: 8 } },
+            React.createElement("span", { className: "iterate-obs-chip" }, `+${added}`),
+            React.createElement("span", { className: "iterate-obs-chip" }, `\u2212${removed}`),
+            React.createElement("button", {
+              className: "iterate-btn",
+              "data-danger": "",
+              "data-copied": copiedKey === `${k}-rb` ? "" : void 0,
+              onClick: () => copyInstruction(`${k}-rb`, rollbackText),
+              title: "\u590D\u5236 iterate_rollback \u6307\u4EE4\u6587\u672C"
+            }, copiedKey === `${k}-rb` ? "\u5DF2\u590D\u5236" : "\u56DE\u6EDA")
+          )
+        )
+      );
+    }));
+  };
+  const renderCheckpoint = () => {
+    const cp = manifest.checkpoint;
+    if (!cp) {
+      return React.createElement("div", { className: "iterate-obs-empty" }, "\u6682\u65E0\u65AD\u70B9");
+    }
+    const resumeText = `\u8BF7\u8C03\u7528 \`iterate_checkpoint\` \u4ECE\u65AD\u70B9\u6062\u590D\u8FED\u4EE3\uFF1A
+
+\`\`\`json
+${JSON.stringify({
+      operation: "resume",
+      mode: String(cp.mode || "normal"),
+      maxRounds: typeof cp.maxRounds === "number" ? cp.maxRounds : null
+    }, null, 2)}
+\`\`\``;
+    const item = (label, value) => React.createElement("span", { className: "iterate-obs-chip" }, `${label} ${String(value ?? "?")}`);
+    return React.createElement(
+      "div",
+      { className: "iterate-obs-block" },
+      React.createElement(
+        "div",
+        { className: "iterate-obs-block-head" },
+        React.createElement("b", {}, "\u65AD\u70B9"),
+        React.createElement("span", { className: "iterate-obs-head-meta" }, String(cp.updatedAt || ""))
+      ),
+      React.createElement(
+        "div",
+        { className: "iterate-obs-block-body" },
+        React.createElement(
+          "div",
+          { className: "iterate-obs-bar", style: { marginBottom: 8 } },
+          item("mode", cp.mode || "normal"),
+          item("round", cp.round),
+          item("maxRounds", cp.maxRounds),
+          item("fixed", cp.fixedCount),
+          item("resume", cp.resumeCount)
+        ),
+        React.createElement("button", {
+          className: "iterate-btn",
+          "data-primary": "",
+          "data-copied": copiedKey === "cp-resume" ? "" : void 0,
+          onClick: () => copyInstruction("cp-resume", resumeText),
+          title: "\u590D\u5236 iterate_checkpoint \u7EFC/\u6062\u590D\u6307\u4EE4\u6587\u672C"
+        }, copiedKey === "cp-resume" ? "\u5DF2\u590D\u5236" : "\u590D\u5236\u6062\u590D\u6307\u4EE4")
+      )
+    );
+  };
+  const renderConsole = () => {
+    const approval = manifest.approval || { policy: "ask" };
+    const policyLabelMap = { ask: "\u8BE2\u95EE\u7528\u6237", deny: "\u62D2\u7EDD", allow: "\u76F4\u63A5\u6267\u884C" };
+    const policyLabel = policyLabelMap[String(approval.policy || "ask")] || String(approval.policy || "ask");
+    const nudge = manifest.nudge || null;
+    const present = Boolean(nudge && nudge.text);
+    const activeNudgeText = nudge && nudge.text ? nudge.text : "";
+    const nudgeInstruction = `\u8BF7\u8C03\u7528 \`iterate_transcript\` \u5199\u5165 nudge \u6307\u4EE4\uFF1A
+
+\`\`\`json
+${JSON.stringify({ operation: "nudge", text: nudgeText }, null, 2)}
+\`\`\``;
+    return React.createElement(
+      "div",
+      { className: "iterate-obs-block" },
+      React.createElement(
+        "div",
+        { className: "iterate-obs-block-head" },
+        React.createElement("span", {}, "\u8FD0\u884C\u63A7\u5236\u53F0"),
+        React.createElement("span", { className: "iterate-obs-badge", "data-live": live ? "" : void 0 }, live ? "\u8FD0\u884C\u4E2D" : "\u5DF2\u7ED3\u675F"),
+        React.createElement("span", { className: "iterate-obs-head-meta" }, `\u6279\u51C6\u7B56\u7565\uFF1A${policyLabel}`)
+      ),
+      React.createElement(
+        "div",
+        { className: "iterate-obs-block-body" },
+        present ? React.createElement(
+          "div",
+          { className: "iterate-obs-bar", style: { marginBottom: 6 } },
+          React.createElement("b", {}, "\u5F53\u524D nudge"),
+          React.createElement("span", { className: "iterate-obs-msg" }, activeNudgeText),
+          React.createElement("button", { className: "iterate-btn", onClick: () => setNudgeText("") }, "\u6E05\u9664")
+        ) : null,
+        React.createElement("textarea", {
+          className: "iterate-obs-input iterate-obs-mono",
+          rows: 3,
+          placeholder: "\u8D77\u8349\u4E00\u6761 nudge \u65B9\u5411\u6307\u4EE4\u2026",
+          value: nudgeText,
+          "aria-label": "nudge \u8349\u7A3F",
+          onChange: (e) => setNudgeText(e.target.value)
+        }),
+        React.createElement(
+          "div",
+          { className: "iterate-obs-bar", style: { marginTop: 6 } },
+          React.createElement("button", {
+            className: "iterate-btn",
+            "data-primary": "",
+            "data-copied": copiedKey === "nudge" ? "" : void 0,
+            disabled: !nudgeText,
+            onClick: () => copyInstruction("nudge", nudgeInstruction),
+            title: "\u590D\u5236 iterate_transcript nudge \u6307\u4EE4\u6587\u672C"
+          }, copiedKey === "nudge" ? "\u5DF2\u590D\u5236" : "\u590D\u5236 nudge \u6307\u4EE4")
+        )
+      )
+    );
+  };
+  const renderTimeline = () => {
+    const entries = manifest.timeline || [];
+    if (entries.length === 0) {
+      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 sorted = filtered.slice().sort((a, b) => String(b.timestamp || "").localeCompare(String(a.timestamp || "")));
+    const rows = sorted.map((t, i) => {
+      const k = `f7-${i}`;
+      const dataText = t.data && typeof t.data === "object" ? JSON.stringify(t.data) : "";
+      return React.createElement(
+        "div",
+        { key: k, className: "iterate-obs-row", style: { flexDirection: "column", alignItems: "flex-start" } },
+        React.createElement(
+          "div",
+          { className: "iterate-obs-bar", style: { width: "100%" } },
+          React.createElement("span", { className: "iterate-obs-chip" }, String(t.type || "?")),
+          React.createElement(
+            "span",
+            { className: "iterate-obs-head-meta" },
+            `${typeof t.round === "number" ? `Round ${t.round} \xB7 ` : ""}${String(t.timestamp || "")}`
+          )
+        ),
+        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(
+      "div",
+      {},
+      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}`)
+      ),
+      ...rows
+    );
+  };
+  const renderLive = () => {
+    const liveEntries = manifest.live || [];
+    if (liveEntries.length === 0) {
+      return React.createElement("div", { className: "iterate-obs-empty" }, "\u6682\u65E0\u5B9E\u65F6\u6D3B\u52A8");
+    }
+    const rows = liveEntries.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);
+      return React.createElement(
+        "div",
+        { key: `live-${i}`, className: "iterate-obs-row" },
+        React.createElement("span", { className: "iterate-obs-livebadge", style: { color: meta.color } }, meta.label),
+        tool ? React.createElement("span", { className: "iterate-obs-chip" }, tool) : null,
+        React.createElement("span", { className: "iterate-obs-msg" }, target || "\u2014"),
+        React.createElement("span", { className: "iterate-obs-head-meta" }, time)
+      );
+    });
+    return React.createElement(
+      "div",
+      {},
+      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`)
+      ),
+      ...rows
+    );
+  };
+  const renderBody = () => {
+    switch (tab) {
+      case "live":
+        return renderLive();
+      case "f1":
+        return renderThreads();
+      case "f2":
+        return renderTrend();
+      case "f3":
+        return renderFindings();
+      case "f4":
+        return renderFixes();
+      case "f5":
+        return renderCheckpoint();
+      case "f6":
+        return renderConsole();
+      case "f7":
+        return renderTimeline();
+      default:
+        return null;
+    }
+  };
+  return React.createElement(
+    "div",
+    { "data-iterate-root": "", "data-iterate": "obs", className: "iterate-obs" },
+    React.createElement(
+      "div",
+      { className: "iterate-obs-head", "data-closed": open ? void 0 : "", onClick: () => setOpen((v) => !v) },
+      React.createElement("span", { className: "iterate-obs-title" }, "iterate \u89C2\u6D4B\u53F0"),
+      React.createElement("span", { className: "iterate-obs-badge", "data-live": live ? "" : void 0 }, live ? "\u8FD0\u884C\u4E2D" : "\u5DF2\u7ED3\u675F"),
+      React.createElement("span", { className: "iterate-obs-head-meta" }, headMeta || "runtime"),
+      React.createElement("button", {
+        className: "iterate-btn",
+        "data-ghost": "",
+        onClick: (e) => {
+          e.stopPropagation();
+          setOpen((v) => !v);
+        }
+      }, open ? "\u6536\u8D77" : "\u5C55\u5F00")
+    ),
+    open ? React.createElement(
+      "div",
+      {},
+      React.createElement(
+        "div",
+        { className: "iterate-obs-tabs" },
+        ...OBS_TABS.map(
+          (t) => React.createElement("button", {
+            key: t.key,
+            className: "iterate-obs-tab",
+            "data-active": tab === t.key ? "" : void 0,
+            onClick: () => setTab(t.key)
+          }, t.label)
+        )
+      ),
+      React.createElement("div", { className: "iterate-obs-body" }, renderBody())
+    ) : null
+  );
+}
 function selectTurnTail(owner) {
   if (!owner) return null;
   if (findReportInObject(owner.turn, void 0, 24) || scanSessionForReport(owner.turn)) return { matched: true };
@@ -1808,6 +2687,13 @@ function apply(ctx) {
         (props) => React.createElement(ConvergenceDashboard, props)
       )
     );
+    slotsSvc.inject(
+      "conversation.input.dock",
+      () => slotsSvc?.register(
+        { name: "conversation.input.dock", id: "iterate-observatory", order: 91 },
+        (props) => React.createElement(ObservatoryPanel, props)
+      )
+    );
     slotsSvc.inject(
       "conversation.chat.turnTail",
       () => slotsSvc?.register(