iterate-plugin 2.12.2 → 3.2.1

package/src/client/index.ts

@@ -73,6 +73,10 @@ import {
   countSessionImages,
   scanSessionForTranscript,
   normalizeTranscript,
+  filterLiveEntries,
+  filterTimelineEntries,
+  serializeObservatoryExport,
+  latestPhase,
   SEVERITY_LABEL,
   SEVERITY_COLOR,
 } from '../../lib/parse.js'
@@ -370,6 +374,11 @@ const 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; }
@@ -422,6 +431,46 @@ const 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; }
@@ -563,6 +612,31 @@ function copyText(text: string): Promise<boolean> {
   return Promise.resolve(false)
 }
 
+/**
+ * Trigger a browser download of `text` as a file. Resolves to whether the
+ * download was actually initiated (fails silently when the DOM/Blob APIs are
+ * unavailable, e.g. in a sandboxed renderer without scripting).
+ */
+function downloadTextFile(filename: string, text: string): boolean {
+  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)
+    // Release the object URL on the next tick so the download has time to start.
+    setTimeout(() => URL.revokeObjectURL(url), 0)
+    return true
+  } catch {
+    return false
+  }
+}
+
 /** Literal severity keys recognized by SEVERITY_LABEL / SEVERITY_COLOR. */
 const SEVERITY_KEYS = ['critical', 'high', 'medium', 'low'] as const
 
@@ -742,6 +816,35 @@ function ConvergenceDashboard(props: SlotProps) {
       }, `附件图片 ${String(imageCount)}`)
     : null
 
+  // Live run-state awareness: surface the transcript's current workflow phase
+  // (plan / review / fix / validate / report …) plus run liveness, so a
+  // long-running round never looks stale on the persistent dashboard.
+  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 ? '' : undefined,
+        title: transcript.active === true
+          ? `当前处于「${phase}」阶段（运行中）`
+          : `最近一次执行停留在「${phase}」阶段（已结束）`,
+      }, `${phase} · ${transcript.active === true ? '运行中' : '已结束'}`)
+    : null
+
+  // v3.0: task_mode indicator (code/iterate)
+  // task_mode is read from the session transcript if available
+  const taskModeTranscript = latestTranscript(session)
+  const taskMode = (taskModeTranscript as unknown as { taskMode?: string })?.taskMode
+  const taskModeChip = taskMode
+    ? React.createElement('span', {
+        className: 'iterate-chip-taskmode',
+        key: 'taskmode',
+        'data-mode': taskMode,
+        title: taskMode === 'code' ? '代码模式：直接修改文件' : '迭代模式：审查-修复循环',
+      }, taskMode === 'code' ? '● code' : '● iterate')
+    : null
+
   const dimNames = Object.keys(dims)
   const dimBadges = dimNames.slice(0, 6).map((dim) =>
     React.createElement(
@@ -815,6 +918,8 @@ function ConvergenceDashboard(props: SlotProps) {
     fixBadge,
     resumeChip,
     imageChip,
+    liveChip,
+    taskModeChip,
     React.createElement(TrendChart, { points: trend.points }),
     ...dimBadges,
   )
@@ -920,6 +1025,8 @@ function TriagePanel(props: SlotProps) {
   const [filter, setFilter] = React.useState<{ severities: string[]; dimensions: string[]; search: string }>({ severities: [], dimensions: [], search: '' })
   const [selected, setSelected] = React.useState<number | null>(null)
   const [selectAll, setSelectAll] = React.useState(false)
+  // v3.0: Command mode for native action buttons
+  const [cmdCopied, setCmdCopied] = React.useState<string | null>(null)
 
   /** Persist the verdicts to localStorage whenever they change. Kept OUT of
    *  the state updater (updaters must stay pure — React may double-invoke them
@@ -1005,6 +1112,37 @@ function TriagePanel(props: SlotProps) {
   const ignoredCount = ignored.length
   const counts = countVerdicts(verdicts)
 
+  // v3.0: Command handlers for native action buttons
+  const doApproveArchitecturalFix = () => {
+    const cmd = '请调用 `iterate_fix` 批准架构修复（设置 is_architectural: true）'
+    copyText(cmd).then((ok) => {
+      if (ok) {
+        setCmdCopied('approve-arch')
+        setTimeout(() => setCmdCopied(null), 1600)
+      }
+    })
+  }
+
+  const doTriggerNewRound = () => {
+    const cmd = '请继续执行下一轮迭代审查'
+    copyText(cmd).then((ok) => {
+      if (ok) {
+        setCmdCopied('new-round')
+        setTimeout(() => setCmdCopied(null), 1600)
+      }
+    })
+  }
+
+  const doRollbackToCheckpoint = () => {
+    const cmd = '请调用 `iterate_checkpoint` 回滚到上一个检查点'
+    copyText(cmd).then((ok) => {
+      if (ok) {
+        setCmdCopied('rollback')
+        setTimeout(() => setCmdCopied(null), 1600)
+      }
+    })
+  }
+
   const doCopyYaml = () => {
     const yaml = toKnownIntentionalYaml(ignored)
     if (!yaml) return
@@ -1137,6 +1275,27 @@ function TriagePanel(props: SlotProps) {
         }, '生成应用指令'),
       ),
     ),
+    // 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)' } }, '指挥操作'),
+      React.createElement('span', { style: { display: 'flex', gap: 6 } },
+        React.createElement('button', {
+          className: 'iterate-cmd', 'data-primary': '', 'data-copied': cmdCopied === 'approve-arch' ? '' : undefined,
+          onClick: doApproveArchitecturalFix,
+          title: '批准架构修复（复制指令文本）',
+        }, cmdCopied === 'approve-arch' ? '已复制' : '批准架构修复'),
+        React.createElement('button', {
+          className: 'iterate-cmd', 'data-copied': cmdCopied === 'new-round' ? '' : undefined,
+          onClick: doTriggerNewRound,
+          title: '触发新一轮迭代审查',
+        }, cmdCopied === 'new-round' ? '已复制' : '触发新一轮'),
+        React.createElement('button', {
+          className: 'iterate-cmd', 'data-danger': '', 'data-copied': cmdCopied === 'rollback' ? '' : undefined,
+          onClick: doRollbackToCheckpoint,
+          title: '回滚到上一个检查点',
+        }, cmdCopied === 'rollback' ? '已复制' : '回滚检查点'),
+      ),
+    ),
     payload
       ? React.createElement('div', { className: 'iterate-payload' }, payload)
       : null,
@@ -1227,7 +1386,13 @@ function ProgressCapsule() {
     }
   }, [])
   if (!info) return null
-  return React.createElement('div', { 'data-iterate-root': '', className: 'iterate-capsule', 'data-ok': info.ok ? '' : undefined }, info.text)
+  return React.createElement('div', {
+    'data-iterate-root': '',
+    className: 'iterate-capsule',
+    'data-ok': info.ok ? '' : undefined,
+    role: 'status',
+    'aria-live': 'polite',
+  }, info.text)
 }
 
 /** Settings page section (root scope; reads localStorage + latest known data). */
@@ -1398,6 +1563,10 @@ const OBS_TABS = [
   { key: 'f5', label: '断点恢复' },
   { key: 'f6', label: '运行控制台' },
   { key: 'f7', label: '决策时间线' },
+  // v3.0: Quality Command Center tabs
+  { key: 'f8', label: '质量门禁' },
+  { key: 'f9', label: '经验银行' },
+  { key: 'f10', label: '防御事件' },
 ] as const
 
 /** Live subagent activity badges: type → Chinese label + dsw token color accent. */
@@ -1473,6 +1642,8 @@ function ObservatoryPanel(props: SlotProps) {
   const [open, setOpen] = React.useState(false)
   const [tab, setTab] = React.useState('live')
   const [expandedThreads, setExpandedThreads] = React.useState<Set<string>>(new Set())
+  // 'auto' follows the per-thread set; 'all'/'none' force every thread open/closed.
+  const [threadMode, setThreadMode] = React.useState<'auto' | 'all' | 'none'>('auto')
   const [copiedKey, setCopiedKey] = React.useState<string | null>(null)
   // When a clipboard write is blocked (permissions/unsupported), reveal the
   // raw instruction text so the user can copy it manually instead of silently
@@ -1480,7 +1651,18 @@ function ObservatoryPanel(props: SlotProps) {
   const [copyFailText, setCopyFailText] = React.useState<string | null>(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('')
+  // F3 findings triage-light filter (severity / dimension / search).
+  const [f3Filter, setF3Filter] = React.useState<{ severities: string[]; dimensions: string[]; search: string }>(
+    { severities: [], dimensions: [], search: '' },
+  )
+  // v3.0: Experience bank search state
+  const [expSearch, setExpSearch] = React.useState('')
+  const [expResults, setExpResults] = React.useState<unknown[]>([])
+  // v3.0: Defense events filter
+  const [defenseFilter, setDefenseFilter] = React.useState('')
 
   // Single shared "copied" flash timer (reused across all copy buttons).
   const copyTimer = React.useRef<ReturnType<typeof setTimeout> | null>(null)
@@ -1497,7 +1679,9 @@ function ObservatoryPanel(props: SlotProps) {
     })
   }
 
+  /** Toggle one thread; a manual toggle exits any forced all/none mode. */
   const toggleThread = (key: string) => {
+    setThreadMode('auto')
     setExpandedThreads((prev) => {
       const next = new Set(prev)
       if (next.has(key)) next.delete(key); else next.add(key)
@@ -1505,6 +1689,38 @@ function ObservatoryPanel(props: SlotProps) {
     })
   }
 
+  /** Export the full observatory snapshot as JSON (download, then copy fallback). */
+  const exportObservatory = () => {
+    if (!manifest) return
+    const json = serializeObservatoryExport(manifest, manifest.live || [])
+    const filename = `iterate-observatory-${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 }
+    // Download unavailable: fall back to copying the payload to the clipboard,
+    // and reveal the raw text if even the clipboard write is blocked.
+    copyText(json).then((ok) => {
+      if (!ok) { setCopyFailText(json); return }
+      flash()
+    })
+  }
+
+  /** Force every thread open (or closed) and drop per-thread state. */
+  const setAllThreads = (mode: 'all' | 'none') => {
+    setThreadMode(mode)
+    setExpandedThreads(new Set())
+  }
+
+  /** Whether a thread should render expanded given the forced mode + per-thread set. */
+  const isThreadExpanded = (key: string): boolean => {
+    if (threadMode === 'all') return true
+    if (threadMode === 'none') return false
+    return expandedThreads.has(key)
+  }
+
   // No observable transcript yet: show a compact, collapsed header row.
   if (!manifest) {
     return React.createElement('div', { 'data-iterate-root': '', 'data-iterate': 'obs', className: 'iterate-obs' },
@@ -1538,14 +1754,23 @@ function ObservatoryPanel(props: SlotProps) {
     if (rounds.length === 0) {
       return React.createElement('div', { className: 'iterate-obs-empty' }, '暂无审查线程')
     }
-    return React.createElement('div', {}, ...rounds.map((r, ri) => {
+    return React.createElement('div', {},
+      React.createElement('div', { className: 'iterate-obs-bar', style: { marginBottom: 8, flexWrap: 'wrap' } },
+        React.createElement('b', {}, '审查线程'),
+        React.createElement('button', { className: 'iterate-btn', onClick: () => setAllThreads('all'), title: '展开全部线程' }, '全部展开'),
+        React.createElement('button', { className: 'iterate-btn', onClick: () => setAllThreads('none'), title: '收起全部线程' }, '全部收起'),
+        React.createElement('span', { className: 'iterate-filter-count' },
+          `${threadMode === 'all' ? '全部展开' : threadMode === 'none' ? '全部收起' : '自由切换'} · ${rounds.length} 轮`,
+        ),
+      ),
+      ...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' }, '本轮无线程')]
         : threads.map((t, ti) => {
             const key = `${ri}-${ti}`
-            const expanded = expandedThreads.has(key)
+            const expanded = isThreadExpanded(key)
             const dim = t.dimension || '未命名维度'
             const tFindings = t.findings || []
             const files = t.readFiles || []
@@ -1618,33 +1843,88 @@ function ObservatoryPanel(props: SlotProps) {
     if (findings.length === 0) {
       return React.createElement('div', { className: 'iterate-obs-empty' }, '暂无发现')
     }
-    return React.createElement('div', {}, ...findings.map((f, i) => {
+    const opts = buildFilterOptions(findings as unknown as Record<string, unknown>[])
+    const { filtered } = filterFindingsWithIndices(findings as unknown as Record<string, unknown>[], f3Filter)
+    const filterActive = f3Filter.severities.length > 0 || f3Filter.dimensions.length > 0 || f3Filter.search.trim() !== ''
+    const toggleSeverity = (sev: string) => {
+      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', {}, '发现'),
+      ...opts.severities.map((s) =>
+        React.createElement('button', {
+          key: `sev-${s.value}`,
+          className: 'iterate-filter-chip',
+          'data-active': f3Filter.severities.includes(s.value) ? '' : undefined,
+          title: `${s.value}（${s.count} 项）`,
+          onClick: () => toggleSeverity(s.value),
+        }, `${s.value} ${s.count}`),
+      ),
+      React.createElement('select', {
+        className: 'iterate-filter-select',
+        value: f3Filter.dimensions[0] || '',
+        'aria-label': '按维度筛选',
+        onChange: (e: React.ChangeEvent<HTMLSelectElement>) => {
+          const v = e.target.value
+          setF3Filter((prev) => ({ ...prev, dimensions: v ? [v] : [] }))
+        },
+      },
+        React.createElement('option', { value: '' }, '全部维度'),
+        ...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: '搜索发现…',
+        'aria-label': '搜索发现',
+        value: f3Filter.search,
+        onChange: (e: React.ChangeEvent<HTMLInputElement>) =>
+          setF3Filter((prev) => ({ ...prev, search: e.target.value })),
+      }),
+      filterActive
+        ? React.createElement('button', {
+            className: 'iterate-filter-clear',
+            onClick: () => setF3Filter({ severities: [], dimensions: [], search: '' }),
+            title: '清除全部筛选',
+          }, '清除筛选')
+        : 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 as unknown as ObsFinding
+      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', {}, String(finding.dimension || '')),
+          finding.acknowledged === true
             ? React.createElement('span', { className: 'iterate-obs-chip' }, '已确认')
             : 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` ? '' : undefined,
-              onClick: () => copyInstruction(`${k}-fix`, String(f.suggested_fix || '')),
+              onClick: () => copyInstruction(`${k}-fix`, String(finding.suggested_fix || '')),
               title: '复制该 finding 的建议修复文本',
             }, copiedKey === `${k}-fix` ? '已复制' : '复制 suggested_fix'),
             React.createElement('button', {
@@ -1660,7 +1940,14 @@ function ObservatoryPanel(props: SlotProps) {
           ),
         ),
       )
-    }))
+    })
+    if (filtered.length === 0) {
+      return React.createElement('div', {},
+        filterBar,
+        React.createElement('div', { className: 'iterate-obs-empty' }, '无匹配的发现'),
+      )
+    }
+    return React.createElement('div', {}, filterBar, ...findingBlocks)
   }
 
   // ── F4: fixes + rollback ───────────────────────────────────────────────
@@ -1786,23 +2073,29 @@ function ObservatoryPanel(props: SlotProps) {
     )
   }
 
-  // ── F7: decision timeline (type filter + search, newest first) ──────────
+  // ── F7: decision timeline (type/round filter + search, newest first) ────
   const renderTimeline = () => {
     const entries = manifest.timeline || []
     if (entries.length === 0) {
       return React.createElement('div', { className: 'iterate-obs-empty' }, '暂无时间线条目')
     }
     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,
     })
-    // Newest first: entries are not guaranteed to be reverse ordered in the
-    // manifest, so sort by timestamp string descending for a stable timeline.
-    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('')
+    }
+    // filterTimelineEntries already returns entries newest-first.
+    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) : ''
@@ -1816,31 +2109,195 @@ function ObservatoryPanel(props: SlotProps) {
         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', {}, '时间线'),
+      React.createElement('select', {
+        className: 'iterate-filter-select',
+        value: timelineType,
+        'aria-label': '按时间线类型筛选',
+        onChange: (e: React.ChangeEvent<HTMLSelectElement>) => setTimelineType(e.target.value),
+      },
+        React.createElement('option', { value: '' }, '全部类型'),
+        ...types.map((t) => React.createElement('option', { key: t, value: t }, t)),
+      ),
+      React.createElement('select', {
+        className: 'iterate-filter-select',
+        value: timelineRound,
+        'aria-label': '按轮次筛选',
+        onChange: (e: React.ChangeEvent<HTMLSelectElement>) => setTimelineRound(e.target.value),
+      },
+        React.createElement('option', { value: '' }, '全部轮次'),
+        ...rounds.map((r) => React.createElement('option', { key: r, value: r }, `Round ${r}`)),
+      ),
+      React.createElement('input', {
+        className: 'iterate-filter-search',
+        type: 'search',
+        placeholder: '搜索时间线…',
+        'aria-label': '搜索时间线',
+        value: timelineSearch,
+        onChange: (e: React.ChangeEvent<HTMLInputElement>) => setTimelineSearch(e.target.value),
+      }),
+      filterActive
+        ? React.createElement('button', {
+            className: 'iterate-filter-clear',
+            onClick: clearTimelineFilter,
+            title: '清除全部筛选',
+          }, '清除')
+        : null,
+      React.createElement('span', { className: 'iterate-filter-count' }, `${filtered.length}/${entries.length}`),
+    )
     if (rows.length === 0) {
-      return React.createElement('div', { className: 'iterate-obs-empty' }, '无匹配的时间线条目')
+      return React.createElement('div', {},
+        filterBar,
+        React.createElement('div', { className: 'iterate-obs-empty' }, '无匹配的时间线条目'),
+      )
     }
+    return React.createElement('div', {}, filterBar, ...rows)
+  }
+
+  // ── F8: Quality Gate ──────────────────────────────────────────────────────
+  // v3.0: Quality command center - shows dimension convergence, verification pass rate, and overall PASS/FAIL
+  const renderQualityGate = () => {
+    // Quality gate data would come from manifest or be computed on-the-fly
+    // For now, show a placeholder with instructions
+    const qualityGateInstruction = '请调用 `iterate_quality_gate` 查询当前质量门禁状态'
     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': '按时间线类型筛选',
-          onChange: (e: React.ChangeEvent<HTMLSelectElement>) => setTimelineType(e.target.value),
-        },
-          React.createElement('option', { value: '' }, '全部类型'),
-          ...types.map((t) => React.createElement('option', { key: t, value: t }, t)),
+        React.createElement('b', {}, '质量门禁'),
+        React.createElement('button', {
+          className: 'iterate-btn', 'data-primary': '', 'data-copied': copiedKey === 'qgate' ? '' : undefined,
+          onClick: () => copyInstruction('qgate', qualityGateInstruction),
+          title: '复制 iterate_quality_gate 查询指令',
+        }, copiedKey === 'qgate' ? '已复制' : '查询门禁'),
+      ),
+      React.createElement('div', { className: 'iterate-obs-block' },
+        React.createElement('div', { className: 'iterate-obs-block-head' },
+          React.createElement('span', {}, '质量门禁视图'),
+          React.createElement('span', { className: 'iterate-obs-badge' }, 'v3.0'),
         ),
+        React.createElement('div', { className: 'iterate-obs-block-body' },
+          React.createElement('div', { className: 'iterate-obs-msg' }, '质量门禁显示各维度收敛度、验证通过率和整体 PASS/FAIL 状态。'),
+          React.createElement('div', { className: 'iterate-obs-bar', style: { marginTop: 8 } },
+            React.createElement('button', {
+              className: 'iterate-btn', 'data-copied': copiedKey === 'qgate-instr' ? '' : undefined,
+              onClick: () => copyInstruction('qgate-instr', qualityGateInstruction),
+              title: '复制查询指令',
+            }, copiedKey === 'qgate-instr' ? '已复制' : '复制查询指令'),
+          ),
+        ),
+      ),
+    )
+  }
+
+  // ── F9: Experience Bank ────────────────────────────────────────────────────
+  // v3.0: Browse/search historical fixes and patterns
+  const renderExperienceBank = () => {
+    const expInstruction = expSearch
+      ? `请调用 \`iterate_experience\` 搜索经验：\n\n\`\`\`json\n${JSON.stringify({ operation: 'search', query: expSearch }, null, 2)}\n\`\`\``
+      : '请调用 `iterate_experience` 列出所有经验'
+
+    const resultRows = expResults.map((entry: unknown, i: number) => {
+      const e = entry as { id?: string; pattern?: string; description?: string; hitCount?: number; dimension?: string }
+      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' }, `命中 ${e.hitCount ?? 0} 次`),
+      )
+    })
+
+    return React.createElement('div', {},
+      React.createElement('div', { className: 'iterate-obs-bar', style: { marginBottom: 8 } },
+        React.createElement('b', {}, '经验银行'),
+        React.createElement('button', {
+          className: 'iterate-btn', 'data-primary': '', 'data-copied': copiedKey === 'exp-list' ? '' : undefined,
+          onClick: () => copyInstruction('exp-list', '请调用 `iterate_experience` 列出所有经验'),
+          title: '复制列出经验指令',
+        }, copiedKey === 'exp-list' ? '已复制' : '列出经验'),
+      ),
+      React.createElement('div', { className: 'iterate-obs-bar', style: { marginBottom: 8 } },
         React.createElement('input', {
           className: 'iterate-filter-search',
           type: 'search',
-          placeholder: '搜索时间线…',
-          'aria-label': '搜索时间线',
-          value: timelineSearch,
-          onChange: (e: React.ChangeEvent<HTMLInputElement>) => setTimelineSearch(e.target.value),
+          placeholder: '搜索经验模式…',
+          'aria-label': '搜索经验',
+          value: expSearch,
+          onChange: (e: React.ChangeEvent<HTMLInputElement>) => 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' ? '' : undefined,
+          disabled: !expSearch,
+          onClick: () => copyInstruction('exp-search', expInstruction),
+          title: '复制搜索指令',
+        }, copiedKey === 'exp-search' ? '已复制' : '搜索'),
+      ),
+      resultRows.length > 0
+        ? React.createElement('div', {}, ...resultRows)
+        : React.createElement('div', { className: 'iterate-obs-empty' }, '输入关键词搜索历史经验，或点击「列出经验」查看全部'),
+    )
+  }
+
+  // ── F10: Defense Events ────────────────────────────────────────────────────
+  // v3.0: Shows precondition failures, rollbacks, invariant violations, assumption falsifications
+  const renderDefenseEvents = () => {
+    const defenseInstruction = defenseFilter
+      ? `请调用 \`iterate_defense_events\` 查询防御事件：\n\n\`\`\`json\n${JSON.stringify({ operation: 'list', type: defenseFilter || undefined }, null, 2)}\n\`\`\``
+      : '请调用 `iterate_defense_events` 列出所有防御事件'
+
+    const typeOptions = [
+      { value: '', label: '全部类型' },
+      { value: 'precondition_failed', label: '前置校验失败' },
+      { value: 'rollback', label: '回滚' },
+      { value: 'invariant_violated', label: '不变量违反' },
+      { value: 'assumption_falsified', label: '假设被证伪' },
+    ]
+
+    return React.createElement('div', {},
+      React.createElement('div', { className: 'iterate-obs-bar', style: { marginBottom: 8 } },
+        React.createElement('b', {}, '防御事件'),
+        React.createElement('button', {
+          className: 'iterate-btn', 'data-primary': '', 'data-copied': copiedKey === 'defense-list' ? '' : undefined,
+          onClick: () => copyInstruction('defense-list', '请调用 `iterate_defense_events` 列出所有防御事件'),
+          title: '复制列出防御事件指令',
+        }, copiedKey === 'defense-list' ? '已复制' : '列出事件'),
+        React.createElement('button', {
+          className: 'iterate-btn', 'data-copied': copiedKey === 'defense-counts' ? '' : undefined,
+          onClick: () => copyInstruction('defense-counts', '请调用 `iterate_defense_events` 查询事件统计'),
+          title: '复制统计指令',
+        }, copiedKey === 'defense-counts' ? '已复制' : '统计'),
+      ),
+      React.createElement('div', { className: 'iterate-obs-bar', style: { marginBottom: 8 } },
+        React.createElement('select', {
+          className: 'iterate-filter-select',
+          value: defenseFilter,
+          'aria-label': '按事件类型筛选',
+          onChange: (e: React.ChangeEvent<HTMLSelectElement>) => 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: '清除类型筛选',
+            }, '清除')
+          : null,
+      ),
+      React.createElement('div', { className: 'iterate-obs-block' },
+        React.createElement('div', { className: 'iterate-obs-block-head' },
+          React.createElement('span', {}, '防御事件流'),
+          React.createElement('span', { className: 'iterate-obs-badge' }, 'v3.0'),
+        ),
+        React.createElement('div', { className: 'iterate-obs-block-body' },
+          React.createElement('div', { className: 'iterate-obs-msg' }, '防御事件包括：前置校验失败、回滚、不变量违反、假设被证伪。'),
+          React.createElement('div', { className: 'iterate-obs-bar', style: { marginTop: 8 } },
+            React.createElement('button', {
+              className: 'iterate-btn', 'data-copied': copiedKey === 'defense-instr' ? '' : undefined,
+              onClick: () => copyInstruction('defense-instr', defenseInstruction),
+              title: '复制查询指令',
+            }, copiedKey === 'defense-instr' ? '已复制' : '复制查询指令'),
+          ),
+        ),
       ),
-      ...rows,
     )
   }
 
@@ -1864,12 +2321,14 @@ function ObservatoryPanel(props: SlotProps) {
       }
       return React.createElement('div', { className: 'iterate-obs-empty' }, '暂无实时活动')
     }
-    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' },
         React.createElement('span', { className: 'iterate-obs-livebadge', style: { color: meta.color } }, meta.label),
         tool
@@ -1879,13 +2338,33 @@ function ObservatoryPanel(props: SlotProps) {
         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', {}, '实时活动'),
-        React.createElement('span', { className: 'iterate-obs-chip' }, `${liveEntries.length} 项`),
+    const filterBar = React.createElement('div', { className: 'iterate-obs-bar', style: { marginBottom: 8 } },
+      React.createElement('b', {}, '实时活动'),
+      React.createElement('select', {
+        className: 'iterate-filter-select',
+        value: liveType,
+        'aria-label': '按活动类型筛选',
+        onChange: (e: React.ChangeEvent<HTMLSelectElement>) => setLiveType(e.target.value),
+      },
+        React.createElement('option', { value: '' }, '全部活动'),
+        ...types.map((t) => React.createElement('option', { key: t, value: t }, t)),
       ),
-      ...rows,
+      liveType
+        ? React.createElement('button', {
+            className: 'iterate-filter-clear',
+            onClick: () => setLiveType(''),
+            title: '清除类型筛选',
+          }, '清除')
+        : 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' }, '无匹配的实时活动'),
+      )
+    }
+    return React.createElement('div', {}, filterBar, ...rows)
   }
 
   const renderBody = () => {
@@ -1898,6 +2377,10 @@ function ObservatoryPanel(props: SlotProps) {
       case 'f5': return renderCheckpoint()
       case 'f6': 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
     }
   }
@@ -1927,6 +2410,16 @@ function ObservatoryPanel(props: SlotProps) {
                 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'} · ${String(manifest.updatedAt || '')}`,
+            ),
+            React.createElement('button', {
+              className: 'iterate-btn', 'data-primary': '', 'data-copied': copiedKey === 'export' ? '' : undefined,
+              onClick: exportObservatory,
+              title: '将观测台全部数据导出为 JSON（优先下载，失败则复制）',
+            }, copiedKey === 'export' ? '已导出' : '导出 JSON'),
+          ),
           React.createElement('div', { className: 'iterate-obs-tabs' },
             ...OBS_TABS.map((t) =>
               React.createElement('button', {