@boyingliu01/xp-gate 0.7.0 → 0.7.1

package/plugins/qoder/AGENTS.md

@@ -1,93 +0,0 @@
-# QODER PLUGIN KNOWLEDGE BASE
-
-**Generated:** 2026-06-03
-**Version:** v0.6.0
-
-## OVERVIEW
-Cross-platform plugin for Qoder IDE — shared skills, Qoder-specific enhancements (genui widgets, Canvas, Memory, CodeReview subagent, browser-use MCP). No hooks.json (Qoder uses skill-embedded gates instead of file-system event hooks).
-
-## STRUCTURE
-```
-plugins/qoder/
-├── README.md                      # Installation and usage guide
-├── AGENTS.md                      # This knowledge base
-├── skills/                        # Auto-populated by build-plugin.sh (8 skills)
-│   ├── sprint-flow/SKILL.md       # 7-phase pipeline + Qoder Pre-Edit Gate + Agent mapping
-│   ├── delphi-review/SKILL.md     # Multi-expert consensus + Qoder multi-model adaptation
-│   ├── test-specification-alignment/SKILL.md  # 2-phase test-spec verification
-│   ├── ralph-loop/SKILL.md        # REQ-level iterative build + Memory integration
-│   ├── test-driven-development/SKILL.md       # TDD enforcement (zero modification)
-│   ├── improve-codebase-architecture/SKILL.md # Architecture health + Canvas output
-│   ├── to-issues/SKILL.md         # Vertical slice issue splitting (zero modification)
-│   └── admin-template-guidelines/SKILL.md     # 6 maintainability rules (zero modification)
-├── widgets/                       # genui show_widget templates
-│   ├── quality-report.html        # Quality gate report dashboard
-│   └── sprint-dashboard.html      # Sprint status board
-└── references/
-    └── qoder-adaptation.md        # Platform differences and adaptation rules
-```
-
-## WHERE TO LOOK
-| Task | Location | Notes |
-|------|----------|-------|
-| Installation | README.md | User-level (~/.qoder/skills/) and project-level (.qoder/skills/) |
-| Skill adaptations | skills/*/SKILL.md | Qoder-specific paragraphs marked with "Qoder" header |
-| Pre-Edit Gate | skills/sprint-flow/SKILL.md | Replaces Claude Code's delphi-review-guard.sh hook |
-| Multi-model review | skills/delphi-review/references/qoder-multi-model.md | Expert→model mapping via Qoder Agent subagents |
-| Agent dispatch | skills/sprint-flow/SKILL.md | Phase→Qoder Agent mapping table |
-| External skill fallback | skills/sprint-flow/references/qoder-adaptation.md | superpowers/gstack replacements |
-| Quality widget | widgets/quality-report.html | genui show_widget template for Phase 3 results |
-| Sprint widget | widgets/sprint-dashboard.html | genui show_widget template for sprint status |
-| Memory integration | skills/ralph-loop/SKILL.md | UpdateMemory for permanent/contextual learnings |
-| CodeReview | skills/sprint-flow/SKILL.md | Phase 2 step 4 + Phase 3 code walkthrough |
-| Browser MCP | skills/sprint-flow/references/qoder-adaptation.md | browser-use replaces gstack/browse |
-
-## CONVENTIONS
-- Plugin skills auto-populated by build-plugin.sh --platform qoder — never edit plugins/qoder/skills/ directly
-- Qoder-specific skill modifications live in source skills/ directory (marked with "## Qoder" sections)
-- No hooks.json — Qoder lacks file-system event hooks; gates embedded in skill instructions
-- genui widgets use show_widget MCP tool with widget_path template mode
-- Memory system replaces gstack/learn for learnings persistence
-- CodeReview subagent replaces superpowers/requesting-code-review
-- browser-use MCP replaces gstack/browse for Phase 3 browser testing
-- External skills (superpowers/gstack) replaced by orchestrator inline execution or Qoder native capabilities
-
-## ANTI-PATTERNS (THIS PLUGIN)
-- Do NOT edit plugins/qoder/skills/ directly — rebuild from source via build-plugin.sh
-- Do NOT assume xp-gate CLI is installed — skills must degrade gracefully
-- Do NOT create hooks.json for Qoder — platform does not support file-system event hooks
-- Do NOT use curl for API calls — curl is in Qoder's command deny list; use PowerShell Invoke-RestMethod or Qoder's built-in multi-model capability
-- Do NOT reference OpenCode task() API in Qoder skills — use Agent tool (Browser/CodeReview/plan-agent) instead
-
-## UNIQUE STYLES
-- Qoder: SKILL.md + genui widgets + Canvas + Memory + CodeReview subagent + browser-use MCP
-- Pre-Edit Gate: skill-embedded mandatory check replaces Claude Code's physical hook blocking
-- Multi-model review: Qoder Agent subagent dispatch (plan-agent/CodeReview) replaces OpenCode task() API
-- Graceful degradation: skills work even without xp-gate CLI installed
-- Shared skill source: one SKILL.md → copied to Claude Code, OpenCode, and Qoder platforms
-
-## COMMANDS
-```bash
-# Build Qoder plugin
-npm run build:qoder-plugin                    # Build Qoder plugin with all 8 skills
-bash scripts/build-plugin.sh --platform qoder  # Same, via script
-
-# Install skills
-bash scripts/install-qoder-skills.sh --global  # User-level: ~/.qoder/skills/
-bash scripts/install-qoder-skills.sh --local   # Project-level: .qoder/skills/
-
-# Test plugin
-bash scripts/test-plugins.sh                   # Includes Qoder platform tests
-
-# CLI skill install
-xp-gate install-skill sprint-flow --platform qoder --global
-xp-gate install-skill delphi-review --platform qoder --local
-```
-
-## NOTES
-- v0.6.0+: Qoder plugin support introduced
-- Qoder plugin: 8 skills (all source skills, including admin-template-guidelines)
-- Claude Code plugin: 7 skills (no admin-template-guidelines)
-- OpenCode plugin: 7 skills + 3 custom tools (gate-check, gate-principles, gate-arch)
-- build-plugin.sh validates 8 expected skills for Qoder platform
-- test-plugins.sh: includes Qoder-specific test cases (widgets, no hooks.json)

package/plugins/qoder/README.md

@@ -1,87 +0,0 @@
-# XP-Gate Qoder Plugin
-
-Qoder IDE plugin exposing xp-gate quality gates, AI workflow skills, and visual dashboards.
-
-## Skills (8 AI Workflow Skills)
-
-| Skill | Trigger | Description |
-|-------|---------|-------------|
-| sprint-flow | `/sprint-flow "需求"` | 7-phase pipeline: THINK→PLAN→BUILD→REVIEW→ACCEPT→FEEDBACK→SHIP |
-| delphi-review | `/delphi-review` | Multi-expert anonymous consensus review (design + code-walkthrough) |
-| test-specification-alignment | `/test-specification-alignment` | 2-phase test-spec verification |
-| ralph-loop | Via sprint-flow Phase 2 | REQ-level iterative build (saves 40-67% tokens) |
-| test-driven-development | `/test-driven-development` | TDD enforcement (RED→GREEN→REFACTOR) |
-| improve-codebase-architecture | `/improve-codebase-architecture` | Architecture health checks |
-| to-issues | `/to-issues` | Vertical slice issue splitting |
-| admin-template-guidelines | Via sprint-flow BUILD | 6 maintainability rules for admin templates |
-
-## Qoder-Specific Enhancements
-
-- **genui Widgets**: Quality report dashboard and Sprint status board (via `show_widget`)
-- **CodeReview Subagent**: Deep integration for Phase 2 blind review and Phase 3 code walkthrough
-- **browser-use MCP**: Phase 3 browser automation testing (replaces gstack/browse)
-- **Memory System**: Learnings persistence via Qoder's built-in memory (replaces gstack/learn)
-- **Canvas Output**: Architecture relationship diagrams (via `.canvas.tsx`)
-
-## Installation
-
-### Option 1: User-Level (Global, All Projects)
-
-```bash
-# Via xp-gate CLI
-xp-gate install-skill sprint-flow --platform qoder --global
-xp-gate install-skill delphi-review --platform qoder --global
-
-# Or via install script (all 8 skills)
-bash scripts/install-qoder-skills.sh --global
-# Installs to: ~/.qoder/skills/
-```
-
-### Option 2: Project-Level (Current Project Only)
-
-```bash
-# Via install script
-bash scripts/install-qoder-skills.sh --local
-# Installs to: .qoder/skills/
-
-# Or via build script
-bash scripts/build-plugin.sh --platform qoder
-```
-
-### Option 3: Build from Source
-
-```bash
-npm run build:qoder-plugin
-# Produces plugins/qoder/ with all skills + widgets
-```
-
-## Requirements
-
-- Qoder IDE
-- xp-gate npm package installed globally (for git hooks: `npm install -g @boyingliu01/xp-gate && xp-gate init`)
-- Node.js ≥ 18 (for principles checker)
-
-## Pre-Edit Gate (Replaces Claude Code Hooks)
-
-Qoder does not have file-system event hooks like Claude Code's `PreToolUse`/`PostToolUse`. Instead, xp-gate skills embed **mandatory pre-edit checks** in their SKILL.md instructions:
-
-- **Delphi Gate**: Before any code edit in Phase 2+, skill verifies `.sprint-state/delphi-reviewed.json` verdict is `APPROVED`
-- **Principles Check**: After each REQ completion, skill runs principles checker via terminal
-
-## Graceful Degradation
-
-If xp-gate CLI is unavailable, skills provide helpful install instructions instead of failing. Quality gates still run via git hooks (pre-commit) at commit time.
-
-## Comparison with Other Platforms
-
-| Feature | Claude Code | OpenCode | Qoder |
-|---------|:-----------:|:--------:|:-----:|
-| AI Skills (8) | ✅ | ✅ | ✅ |
-| Git Hooks | ❌ (separate npm) | ❌ (separate npm) | ❌ (separate npm) |
-| Event Hooks | ✅ PreToolUse/PostToolUse | ✅ tool() | ❌ (skill-embedded) |
-| Custom Tools | ❌ | ✅ 3 tools | ❌ (MCP instead) |
-| Widget UI | ❌ | ❌ | ✅ genui |
-| Canvas Output | ❌ | ❌ | ✅ .canvas.tsx |
-| Memory System | ❌ | ❌ | ✅ UpdateMemory |
-| CodeReview Agent | ❌ | ❌ | ✅ subagent |
-| Browser MCP | ❌ | ❌ | ✅ browser-use |

package/plugins/qoder/widgets/quality-report.html

@@ -1,163 +0,0 @@
-<style>
-  :root {
-    --qr-bg: var(--vscode-editor-background, #1e1e1e);
-    --qr-fg: var(--vscode-editor-foreground, #d4d4d4);
-    --qr-border: var(--vscode-panel-border, #333);
-    --qr-pass: var(--vscode-testing-iconPassed, #73c991);
-    --qr-fail: var(--vscode-testing-iconFailed, #f14c4c);
-    --qr-skip: var(--vscode-descriptionForeground, #888);
-    --qr-accent: var(--vscode-focusBorder, #007acc);
-    --qr-card-bg: var(--vscode-editor-widget-background, #252526);
-  }
-  * { box-sizing: border-box; margin: 0; padding: 0; }
-  body { font-family: var(--vscode-font-family, 'Segoe UI', sans-serif); color: var(--qr-fg); background: var(--qr-bg); padding: 16px; }
-  .qr-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 16px; }
-  .qr-header h2 { font-size: 16px; font-weight: 600; }
-  .qr-verdict { padding: 4px 12px; border-radius: 4px; font-size: 13px; font-weight: 600; }
-  .qr-verdict.pass { background: color-mix(in srgb, var(--qr-pass) 20%, transparent); color: var(--qr-pass); border: 1px solid var(--qr-pass); }
-  .qr-verdict.fail { background: color-mix(in srgb, var(--qr-fail) 20%, transparent); color: var(--qr-fail); border: 1px solid var(--qr-fail); }
-  .qr-meta { font-size: 12px; color: var(--qr-skip); margin-bottom: 16px; display: flex; gap: 16px; }
-  .qr-score-bar { display: flex; align-items: center; gap: 8px; margin-bottom: 20px; }
-  .qr-score-bar .bar-track { flex: 1; height: 8px; background: var(--qr-border); border-radius: 4px; overflow: hidden; }
-  .qr-score-bar .bar-fill { height: 100%; border-radius: 4px; transition: width 0.4s ease; }
-  .qr-score-bar .bar-fill.pass { background: var(--qr-pass); }
-  .qr-score-bar .bar-fill.fail { background: var(--qr-fail); }
-  .qr-score-bar .score-label { font-size: 14px; font-weight: 600; min-width: 48px; text-align: right; }
-  .qr-gates { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 10px; margin-bottom: 20px; }
-  .qr-gate-card { background: var(--qr-card-bg); border: 1px solid var(--qr-border); border-radius: 6px; padding: 12px; display: flex; align-items: flex-start; gap: 10px; }
-  .qr-gate-icon { width: 28px; height: 28px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 14px; flex-shrink: 0; }
-  .qr-gate-icon.pass { background: color-mix(in srgb, var(--qr-pass) 20%, transparent); color: var(--qr-pass); }
-  .qr-gate-icon.fail { background: color-mix(in srgb, var(--qr-fail) 20%, transparent); color: var(--qr-fail); }
-  .qr-gate-icon.skip { background: color-mix(in srgb, var(--qr-skip) 20%, transparent); color: var(--qr-skip); }
-  .qr-gate-info { flex: 1; min-width: 0; }
-  .qr-gate-name { font-size: 13px; font-weight: 500; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
-  .qr-gate-detail { font-size: 11px; color: var(--qr-skip); margin-top: 2px; }
-  .qr-section { margin-bottom: 16px; }
-  .qr-section h3 { font-size: 14px; font-weight: 600; margin-bottom: 10px; padding-bottom: 6px; border-bottom: 1px solid var(--qr-border); }
-  .qr-delphi-row { display: flex; align-items: center; gap: 10px; padding: 6px 0; font-size: 13px; }
-  .qr-delphi-row .expert-badge { padding: 2px 8px; border-radius: 3px; font-size: 11px; font-weight: 600; background: var(--qr-card-bg); border: 1px solid var(--qr-border); }
-  .qr-delphi-row .verdict-tag { margin-left: auto; font-weight: 500; }
-  .qr-delphi-row .verdict-tag.approved { color: var(--qr-pass); }
-  .qr-delphi-row .verdict-tag.rejected { color: var(--qr-fail); }
-  .qr-metrics { display: flex; gap: 12px; flex-wrap: wrap; }
-  .qr-metric { background: var(--qr-card-bg); border: 1px solid var(--qr-border); border-radius: 6px; padding: 12px 16px; text-align: center; min-width: 120px; }
-  .qr-metric .value { font-size: 24px; font-weight: 700; }
-  .qr-metric .label { font-size: 11px; color: var(--qr-skip); margin-top: 4px; }
-  .qr-metric .value.pass { color: var(--qr-pass); }
-  .qr-metric .value.fail { color: var(--qr-fail); }
-  .qr-empty { text-align: center; padding: 32px; color: var(--qr-skip); font-size: 13px; }
-</style>
-
-<div id="qr-root"></div>
-
-<script>
-(function() {
-  const data = window.__WIDGET_DATA__ || {};
-  const root = document.getElementById('qr-root');
-
-  if (!data || (!data.overall && !data.gates)) {
-    root.innerHTML = '<div class="qr-empty">No quality report data available.<br>Run the quality gates pipeline to generate a report.</div>';
-    return;
-  }
-
-  const overall = data.overall || {};
-  const gates = data.gates || {};
-  const delphi = data.delphi || null;
-  const testAlign = data.testAlignment || null;
-  const isPass = overall.verdict === 'PASS';
-
-  let html = '';
-
-  // Header
-  html += '<div class="qr-header">';
-  html += '<h2>Quality Report' + (data.project ? ' — ' + esc(data.project) : '') + '</h2>';
-  html += '<span class="qr-verdict ' + (isPass ? 'pass' : 'fail') + '">' + esc(overall.verdict || 'N/A') + '</span>';
-  html += '</div>';
-
-  // Meta
-  if (data.generatedAt || data.commit) {
-    html += '<div class="qr-meta">';
-    if (data.generatedAt) html += '<span>Generated: ' + esc(formatDate(data.generatedAt)) + '</span>';
-    if (data.commit) html += '<span>Commit: ' + esc(data.commit.substring(0, 8)) + '</span>';
-    if (data.language) html += '<span>Language: ' + esc(data.language) + '</span>';
-    html += '</div>';
-  }
-
-  // Score bar
-  const passed = overall.gatesPassed || 0;
-  const total = overall.gatesTotal || 0;
-  const score = overall.score || 0;
-  const pct = total > 0 ? Math.round((passed / total) * 100) : 0;
-  html += '<div class="qr-score-bar">';
-  html += '<div class="bar-track"><div class="bar-fill ' + (isPass ? 'pass' : 'fail') + '" style="width:' + pct + '%"></div></div>';
-  html += '<span class="score-label">' + passed + '/' + total + '</span>';
-  html += '</div>';
-
-  // Gate cards
-  html += '<div class="qr-gates">';
-  const gateKeys = Object.keys(gates).sort();
-  for (const key of gateKeys) {
-    const g = gates[key];
-    const status = (g.status || 'SKIP').toUpperCase();
-    const icon = status === 'PASS' ? '✓' : status === 'FAIL' ? '✗' : '—';
-    const cls = status === 'PASS' ? 'pass' : status === 'FAIL' ? 'fail' : 'skip';
-    html += '<div class="qr-gate-card">';
-    html += '<div class="qr-gate-icon ' + cls + '">' + icon + '</div>';
-    html += '<div class="qr-gate-info">';
-    html += '<div class="qr-gate-name">' + esc(g.name || key) + '</div>';
-    let detail = '';
-    if (g.tool) detail += 'Tool: ' + esc(g.tool);
-    if (g.metric) detail += (detail ? ' · ' : '') + esc(g.metric);
-    if (g.threshold) detail += (detail ? ' · ' : '') + 'Threshold: ' + esc(g.threshold);
-    if (g.coverage) detail += (detail ? ' · ' : '') + 'Coverage: ' + esc(g.coverage);
-    if (g.warnings !== undefined) detail += (detail ? ' · ' : '') + 'Warnings: ' + g.warnings;
-    if (!detail) detail = status;
-    html += '<div class="qr-gate-detail">' + detail + '</div>';
-    html += '</div></div>';
-  }
-  html += '</div>';
-
-  // Delphi Review section
-  if (delphi) {
-    html += '<div class="qr-section"><h3>Delphi Review</h3>';
-    if (delphi.experts) {
-      for (const exp of delphi.experts) {
-        const vCls = (exp.verdict || '').toUpperCase() === 'APPROVED' ? 'approved' : 'rejected';
-        html += '<div class="qr-delphi-row">';
-        html += '<span class="expert-badge">' + esc(exp.id || '?') + '</span>';
-        html += '<span>' + esc(exp.role || '') + '</span>';
-        html += '<span class="verdict-tag ' + vCls + '">' + esc(exp.verdict || 'N/A') + '</span>';
-        html += '</div>';
-      }
-    }
-    if (delphi.consensus !== undefined) {
-      html += '<div class="qr-delphi-row"><span>Consensus</span><span class="verdict-tag ' + (delphi.consensus >= 0.95 ? 'approved' : 'rejected') + '">' + Math.round(delphi.consensus * 100) + '%</span></div>';
-    }
-    html += '</div>';
-  }
-
-  // Metrics section (test alignment + coverage)
-  const hasMetrics = testAlign || (overall.coverage_pct !== undefined);
-  if (hasMetrics) {
-    html += '<div class="qr-section"><h3>Metrics</h3><div class="qr-metrics">';
-    if (testAlign) {
-      const alignScore = testAlign.score || 0;
-      const alignCls = alignScore >= 80 ? 'pass' : 'fail';
-      html += '<div class="qr-metric"><div class="value ' + alignCls + '">' + alignScore + '%</div><div class="label">Test-Spec Alignment</div></div>';
-    }
-    if (overall.coverage_pct !== undefined) {
-      const covCls = overall.coverage_pct >= 80 ? 'pass' : 'fail';
-      html += '<div class="qr-metric"><div class="value ' + covCls + '">' + overall.coverage_pct + '%</div><div class="label">Coverage</div></div>';
-    }
-    if (overall.score !== undefined) {
-      html += '<div class="qr-metric"><div class="value">' + overall.score + '</div><div class="label">Overall Score</div></div>';
-    }
-    html += '</div></div>';
-  }
-
-  root.innerHTML = html;
-
-  function esc(s) { const d = document.createElement('div'); d.textContent = String(s); return d.innerHTML; }
-  function formatDate(iso) { try { return new Date(iso).toLocaleString(); } catch { return iso; } }
-})();
-</script>

package/plugins/qoder/widgets/sprint-dashboard.html

@@ -1,172 +0,0 @@
-<style>
-  :root {
-    --sd-bg: var(--vscode-editor-background, #1e1e1e);
-    --sd-fg: var(--vscode-editor-foreground, #d4d4d4);
-    --sd-border: var(--vscode-panel-border, #333);
-    --sd-pass: var(--vscode-testing-iconPassed, #73c991);
-    --sd-fail: var(--vscode-testing-iconFailed, #f14c4c);
-    --sd-skip: var(--vscode-descriptionForeground, #888);
-    --sd-accent: var(--vscode-focusBorder, #007acc);
-    --sd-card-bg: var(--vscode-editor-widget-background, #252526);
-    --sd-active: var(--vscode-charts-yellow, #e5c07b);
-  }
-  * { box-sizing: border-box; margin: 0; padding: 0; }
-  body { font-family: var(--vscode-font-family, 'Segoe UI', sans-serif); color: var(--sd-fg); background: var(--sd-bg); padding: 16px; }
-  .sd-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 16px; }
-  .sd-header h2 { font-size: 16px; font-weight: 600; }
-  .sd-status-badge { padding: 4px 12px; border-radius: 4px; font-size: 12px; font-weight: 600; text-transform: uppercase; }
-  .sd-status-badge.running { background: color-mix(in srgb, var(--sd-accent) 20%, transparent); color: var(--sd-accent); border: 1px solid var(--sd-accent); }
-  .sd-status-badge.paused { background: color-mix(in srgb, var(--sd-active) 20%, transparent); color: var(--sd-active); border: 1px solid var(--sd-active); }
-  .sd-status-badge.completed, .sd-status-badge.merged { background: color-mix(in srgb, var(--sd-pass) 20%, transparent); color: var(--sd-pass); border: 1px solid var(--sd-pass); }
-  .sd-meta { font-size: 12px; color: var(--sd-skip); margin-bottom: 16px; }
-  .sd-phase-track { display: flex; align-items: center; gap: 4px; margin-bottom: 20px; overflow-x: auto; padding-bottom: 4px; }
-  .sd-phase { display: flex; flex-direction: column; align-items: center; min-width: 72px; }
-  .sd-phase-dot { width: 28px; height: 28px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 11px; font-weight: 700; border: 2px solid var(--sd-border); color: var(--sd-skip); background: var(--sd-bg); }
-  .sd-phase-dot.done { background: color-mix(in srgb, var(--sd-pass) 20%, transparent); border-color: var(--sd-pass); color: var(--sd-pass); }
-  .sd-phase-dot.active { background: color-mix(in srgb, var(--sd-accent) 25%, transparent); border-color: var(--sd-accent); color: var(--sd-accent); animation: pulse 1.5s infinite; }
-  .sd-phase-dot.future { border-color: var(--sd-border); color: var(--sd-skip); }
-  .sd-phase-label { font-size: 10px; margin-top: 4px; color: var(--sd-skip); text-align: center; white-space: nowrap; }
-  .sd-phase-label.active { color: var(--sd-accent); font-weight: 600; }
-  .sd-phase-label.done { color: var(--sd-pass); }
-  .sd-phase-line { width: 16px; height: 2px; background: var(--sd-border); margin-bottom: 20px; }
-  .sd-phase-line.done { background: var(--sd-pass); }
-  @keyframes pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.6; } }
-  .sd-section { margin-bottom: 16px; }
-  .sd-section h3 { font-size: 14px; font-weight: 600; margin-bottom: 10px; padding-bottom: 6px; border-bottom: 1px solid var(--sd-border); }
-  .sd-progress-row { display: flex; align-items: center; gap: 10px; margin-bottom: 10px; }
-  .sd-progress-row .label { font-size: 13px; min-width: 100px; }
-  .sd-progress-row .bar-track { flex: 1; height: 10px; background: var(--sd-border); border-radius: 5px; overflow: hidden; }
-  .sd-progress-row .bar-fill { height: 100%; border-radius: 5px; background: var(--sd-accent); transition: width 0.4s ease; }
-  .sd-progress-row .count { font-size: 13px; font-weight: 600; min-width: 60px; text-align: right; }
-  .sd-outputs { display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: 8px; }
-  .sd-output-item { background: var(--sd-card-bg); border: 1px solid var(--sd-border); border-radius: 4px; padding: 8px 10px; font-size: 12px; }
-  .sd-output-item .key { color: var(--sd-skip); font-size: 11px; }
-  .sd-output-item .val { margin-top: 2px; font-weight: 500; word-break: break-all; }
-  .sd-metrics { display: flex; gap: 12px; flex-wrap: wrap; margin-bottom: 16px; }
-  .sd-metric-card { background: var(--sd-card-bg); border: 1px solid var(--sd-border); border-radius: 6px; padding: 10px 14px; text-align: center; min-width: 100px; }
-  .sd-metric-card .value { font-size: 22px; font-weight: 700; color: var(--sd-accent); }
-  .sd-metric-card .label { font-size: 11px; color: var(--sd-skip); margin-top: 2px; }
-  .sd-learnings { list-style: none; }
-  .sd-learnings li { padding: 6px 0; font-size: 12px; border-bottom: 1px solid var(--sd-border); }
-  .sd-learnings li:last-child { border-bottom: none; }
-  .sd-learnings .cat { display: inline-block; padding: 1px 6px; border-radius: 3px; font-size: 10px; font-weight: 600; background: var(--sd-card-bg); border: 1px solid var(--sd-border); margin-right: 6px; }
-  .sd-empty { text-align: center; padding: 32px; color: var(--sd-skip); font-size: 13px; }
-</style>
-
-<div id="sd-root"></div>
-
-<script>
-(function() {
-  const data = window.__WIDGET_DATA__ || {};
-  const root = document.getElementById('sd-root');
-
-  if (!data || (!data.phase && !data.id && !data.status)) {
-    root.innerHTML = '<div class="sd-empty">No sprint state data available.<br>Start a sprint with /sprint-flow to see the dashboard.</div>';
-    return;
-  }
-
-  const PHASES = [
-    { num: -1, name: 'ISOLATE' },
-    { num: 0, name: 'THINK' },
-    { num: 1, name: 'PLAN' },
-    { num: 2, name: 'BUILD' },
-    { num: 3, name: 'REVIEW' },
-    { num: 4, name: 'UAT' },
-    { num: 5, name: 'FEEDBACK' },
-    { num: 6, name: 'SHIP' },
-    { num: 7, name: 'LAND' },
-    { num: 8, name: 'CLEANUP' }
-  ];
-
-  const currentPhase = data.phase !== undefined ? data.phase : -2;
-  const status = data.status || 'unknown';
-  const outputs = data.outputs || {};
-  const metrics = data.metrics || {};
-  const learnings = data.learnings || [];
-
-  let html = '';
-
-  // Header
-  html += '<div class="sd-header">';
-  html += '<h2>Sprint' + (data.id ? ' — ' + esc(data.id) : '') + '</h2>';
-  const statusCls = ['running', 'paused', 'completed', 'merged'].includes(status) ? status : 'running';
-  html += '<span class="sd-status-badge ' + statusCls + '">' + esc(status) + '</span>';
-  html += '</div>';
-
-  // Phase progress track
-  html += '<div class="sd-phase-track">';
-  for (let i = 0; i < PHASES.length; i++) {
-    const p = PHASES[i];
-    if (i > 0) {
-      const lineCls = p.num <= currentPhase ? 'done' : '';
-      html += '<div class="sd-phase-line ' + lineCls + '"></div>';
-    }
-    let dotCls = 'future';
-    if (p.num < currentPhase) dotCls = 'done';
-    else if (p.num === currentPhase) dotCls = 'active';
-    const lblCls = p.num < currentPhase ? 'done' : p.num === currentPhase ? 'active' : '';
-    const icon = p.num < currentPhase ? '✓' : p.num === currentPhase ? '▶' : String(p.num);
-    html += '<div class="sd-phase">';
-    html += '<div class="sd-phase-dot ' + dotCls + '">' + icon + '</div>';
-    html += '<div class="sd-phase-label ' + lblCls + '">' + esc(p.name) + '</div>';
-    html += '</div>';
-  }
-  html += '</div>';
-
-  // Metrics cards
-  if (metrics.tests_passed !== undefined || metrics.coverage_pct !== undefined || metrics.tests_failed !== undefined) {
-    html += '<div class="sd-metrics">';
-    if (metrics.tests_passed !== undefined) {
-      html += '<div class="sd-metric-card"><div class="value">' + metrics.tests_passed + '</div><div class="label">Tests Passed</div></div>';
-    }
-    if (metrics.tests_failed !== undefined) {
-      html += '<div class="sd-metric-card"><div class="value" style="color:' + (metrics.tests_failed > 0 ? 'var(--sd-fail)' : 'var(--sd-pass)') + '">' + metrics.tests_failed + '</div><div class="label">Tests Failed</div></div>';
-    }
-    if (metrics.coverage_pct !== undefined) {
-      html += '<div class="sd-metric-card"><div class="value" style="color:' + (metrics.coverage_pct >= 80 ? 'var(--sd-pass)' : 'var(--sd-fail)') + '">' + metrics.coverage_pct + '%</div><div class="label">Coverage</div></div>';
-    }
-    html += '</div>';
-  }
-
-  // REQ progress
-  if (data.req_progress || data.reqs) {
-    const rp = data.req_progress || {};
-    const done = rp.done || 0;
-    const totalReqs = rp.total || (data.reqs ? data.reqs.length : 0);
-    const pct = totalReqs > 0 ? Math.round((done / totalReqs) * 100) : 0;
-    html += '<div class="sd-section"><h3>REQ Progress</h3>';
-    html += '<div class="sd-progress-row">';
-    html += '<span class="label">Completed</span>';
-    html += '<div class="bar-track"><div class="bar-fill" style="width:' + pct + '%"></div></div>';
-    html += '<span class="count">' + done + '/' + totalReqs + '</span>';
-    html += '</div></div>';
-  }
-
-  // Phase outputs
-  const outputKeys = Object.keys(outputs);
-  if (outputKeys.length > 0) {
-    html += '<div class="sd-section"><h3>Phase Outputs</h3>';
-    html += '<div class="sd-outputs">';
-    for (const key of outputKeys) {
-      html += '<div class="sd-output-item"><div class="key">' + esc(key) + '</div><div class="val">' + esc(outputs[key]) + '</div></div>';
-    }
-    html += '</div></div>';
-  }
-
-  // Learnings
-  if (learnings.length > 0) {
-    html += '<div class="sd-section"><h3>Recent Learnings</h3>';
-    html += '<ul class="sd-learnings">';
-    const recent = learnings.slice(-5).reverse();
-    for (const l of recent) {
-      const cat = l.category || 'general';
-      html += '<li><span class="cat">' + esc(cat) + '</span>' + esc(l.summary || l.text || JSON.stringify(l)) + '</li>';
-    }
-    html += '</ul></div>';
-  }
-
-  root.innerHTML = html;
-
-  function esc(s) { const d = document.createElement('div'); d.textContent = String(s); return d.innerHTML; }
-})();
-</script>