@jakkrichm/create-nexus-devflow 2.12.4 → 2.14.0

package/dist/lib/webview-studio.js

@@ -1,585 +1,19 @@
-import { readDashboardSnapshot } from "./dashboard-snapshot.js";
-import { evaluateGate } from "./gatekeeper.js";
-import { detectGitDrift } from "./drift-reconciler.js";
+import { DashboardStateEngine } from "./dashboard-engine.js";
 import { readIdeas } from "./ideas.js";
-/**
- * Escapes HTML characters safely.
- */
-function escapeHtml(str) {
-    if (!str)
-        return "";
-    return String(str)
-        .replace(/&/g, "&")
-        .replace(/</g, "&lt;")
-        .replace(/>/g, "&gt;")
-        .replace(/"/g, "&quot;")
-        .replace(/'/g, "&#039;");
-}
+import { StudioViewRenderer } from "./studio-view-renderer.js";
 /**
  * Renders a self-contained, interactive Webview Studio HTML page.
+ * Delegates to StudioViewRenderer.
  */
 export async function renderStudioHtml(projectRoot, options = {}) {
-    const snapshot = await readDashboardSnapshot(projectRoot);
-    const gateReport = await evaluateGate(projectRoot, { strict: false });
-    const driftReport = await detectGitDrift(projectRoot);
+    const engine = options.engine ?? new DashboardStateEngine(projectRoot);
+    const snapshot = await engine.getSnapshot();
     const ideas = await readIdeas(projectRoot);
-    const status = snapshot.status;
-    const currentWork = status.currentWork;
-    const projectName = status.project.name || "Nexus-DevFlow Project";
-    const branch = status.git.branch || "main";
-    const nextActionCmd = typeof status.nextAction === "string" ? status.nextAction : status.nextAction?.command || "/feature";
-    const track = snapshot.workflow.track || (currentWork.state === "active" ? "fast" : "idle");
-    const isGatePassed = gateReport.passed;
-    const gatePillClass = isGatePassed ? "badge-pass" : "badge-blocked";
-    const gatePillText = isGatePassed ? "✔ Gate Passed" : "✖ Gate Blocked";
-    const ideasHtml = ideas.pending.length > 0
-        ? ideas.pending.map((idea) => `
-        <div class="card-item idea-item">
-          <div class="item-header">
-            <span class="badge-id">${escapeHtml(idea.id)}</span>
-            <span class="item-title">${escapeHtml(idea.title || idea.rawInput.slice(0, 40))}</span>
-          </div>
-          <div class="item-tags">
-            <span class="tag tag-feasibility">${escapeHtml(idea.feasibility || "Feasible")}</span>
-            <span class="tag tag-value">${escapeHtml(idea.value || "Value: High")}</span>
-          </div>
-        </div>
-      `).join("")
-        : `<div class="empty-state">No pending ideas in inbox. Use <code>nexus-devflow idea add</code></div>`;
-    const historyHtml = snapshot.history.items.length > 0
-        ? snapshot.history.items.slice(0, 8).map((item) => {
-            const runId = item.buildPlanItem || item.file.replace(/\.md$/, "");
-            return `
-          <div class="card-item history-item">
-            <div class="item-header">
-              <span class="badge-id badge-history">${escapeHtml(runId)}</span>
-              <span class="item-title">${escapeHtml(item.title)}</span>
-            </div>
-            <div class="item-meta">
-              <span class="tag tag-cat">${escapeHtml(item.type)}</span>
-            </div>
-          </div>
-        `;
-        }).join("")
-        : `<div class="empty-state">No archived history records yet.</div>`;
-    const activeRuns = status.activeRuns || [];
-    let presentHtml = "";
-    let totalActiveTasks = 0;
-    let totalActiveCompleted = 0;
-    if (activeRuns.length > 0) {
-        totalActiveTasks = activeRuns.reduce((acc, r) => acc + r.totalTasks, 0);
-        totalActiveCompleted = activeRuns.reduce((acc, r) => acc + r.completedTasks, 0);
-        presentHtml = activeRuns.map((run) => {
-            const pct = run.totalTasks > 0 ? Math.round((run.completedTasks / run.totalTasks) * 100) : 0;
-            const stageBadgeClass = (run.status || "").includes("check") ? "badge-stage stage-check" : "badge-stage";
-            const findingTag = run.hasOpenFindings
-                ? `<span class="tag tag-finding-warn">⚠ Open Findings</span>`
-                : `<span class="tag tag-finding-clean">✔ Clean</span>`;
-            return `
-        <div class="card-item active-item">
-          <div class="item-header">
-            <span class="badge-id">${escapeHtml(run.runId)}</span>
-            <span class="${stageBadgeClass}">${escapeHtml(run.status || "active")}</span>
-          </div>
-          <div class="item-title">${escapeHtml(run.title || "Living Spec")}</div>
-          <div class="progress-bar-container">
-            <div class="progress-bar-fill" style="width: ${pct}%;"></div>
-          </div>
-          <div class="item-meta">
-            <span>🌿 <code>${escapeHtml(run.branch || "main")}</code></span>
-            ${findingTag}
-          </div>
-          <div class="item-tags">
-            <span>Progress: <strong>${pct}%</strong> (${run.completedTasks}/${run.totalTasks})</span>
-            <span>Remaining: ${run.remainingTasks}</span>
-          </div>
-          <div class="card-actions">
-            <button class="btn-card-action" onclick="dispatchCommand('/implement ${escapeHtml(run.runId)}')">▶ /implement ${escapeHtml(run.runId)}</button>
-            <button class="btn-card-action" onclick="dispatchCommand('/check ${escapeHtml(run.runId)}')">🧪 /check ${escapeHtml(run.runId)}</button>
-            <button class="btn-card-action" onclick="dispatchCommand('/complete ${escapeHtml(run.runId)}')">📦 /complete ${escapeHtml(run.runId)}</button>
-          </div>
-        </div>
-      `;
-        }).join("");
-    }
-    else if (currentWork.state === "active") {
-        totalActiveTasks = currentWork.total;
-        totalActiveCompleted = currentWork.completed;
-        const progressPercent = totalActiveTasks > 0 ? Math.round((totalActiveCompleted / totalActiveTasks) * 100) : 0;
-        const runId = currentWork.runId || "ACTIVE";
-        presentHtml = `
-      <div class="card-item active-item">
-        <div class="item-header">
-          <span class="badge-id">${escapeHtml(runId)}</span>
-          <span class="badge-stage">${escapeHtml(currentWork.status || "active")}</span>
-        </div>
-        <div class="item-title">${escapeHtml(currentWork.title || "Active Spec")}</div>
-        <div class="progress-bar-container">
-          <div class="progress-bar-fill" style="width: ${progressPercent}%;"></div>
-        </div>
-        <div class="item-meta">
-          <span>Progress: <strong>${progressPercent}%</strong> (${currentWork.completed}/${currentWork.total})</span>
-          <span>Remaining: ${currentWork.remaining}</span>
-        </div>
-        <div class="card-actions">
-          <button class="btn-card-action" onclick="dispatchCommand('/implement ${escapeHtml(runId)}')">▶ /implement ${escapeHtml(runId)}</button>
-          <button class="btn-card-action" onclick="dispatchCommand('/check ${escapeHtml(runId)}')">🧪 /check ${escapeHtml(runId)}</button>
-          <button class="btn-card-action" onclick="dispatchCommand('/complete ${escapeHtml(runId)}')">📦 /complete ${escapeHtml(runId)}</button>
-        </div>
-      </div>
-    `;
-    }
-    else {
-        presentHtml = `
-      <div class="empty-state">
-        Idle workspace.<br>Run <code>/feature</code> or <code>/fix</code> to start a run.
-      </div>
-    `;
-    }
-    const presentCountLabel = activeRuns.length > 0
-        ? `${activeRuns.length} Active Runs · ${totalActiveCompleted}/${totalActiveTasks} Tasks`
-        : `${totalActiveCompleted}/${totalActiveTasks} Tasks`;
-    return `<!DOCTYPE html>
-<html lang="th" data-theme="${options.theme || "auto"}">
-<head>
-  <meta charset="UTF-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>Nexus-DevFlow Studio: ${escapeHtml(projectName)}</title>
-  <style>
-    :root {
-      --bg: var(--vscode-editor-background, #070d18);
-      --bg-panel: var(--vscode-sideBar-background, rgba(15, 23, 42, 0.75));
-      --bg-card: rgba(30, 41, 59, 0.65);
-      --border: var(--vscode-panel-border, rgba(255, 255, 255, 0.08));
-      --border-accent: rgba(56, 189, 248, 0.35);
-      --fg: var(--vscode-editor-foreground, #f8fafc);
-      --fg-muted: var(--vscode-descriptionForeground, #94a3b8);
-      --accent: #38bdf8;
-      --accent-gradient: linear-gradient(135deg, #38bdf8 0%, #818cf8 100%);
-      --green: #4ade80;
-      --yellow: #facc15;
-      --red: #f87171;
-      --violet: #a78bfa;
-      --font-mono: var(--vscode-editor-font-family, 'IBM Plex Mono', 'Fira Code', Consolas, monospace);
-      --font-sans: var(--vscode-font-family, 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif);
-    }
-
-    * { box-sizing: border-box; margin: 0; padding: 0; }
-    body {
-      font-family: var(--font-sans);
-      background-color: var(--bg);
-      color: var(--fg);
-      padding: 16px;
-      line-height: 1.5;
-      font-size: 13px;
-      overflow-x: hidden;
-    }
-
-    .studio-container {
-      max-width: 1280px;
-      margin: 0 auto;
-      display: flex;
-      flex-direction: column;
-      gap: 16px;
-    }
-
-    /* Top Studio Header */
-    .studio-header {
-      background: var(--bg-panel);
-      backdrop-filter: blur(12px);
-      border: 1px solid var(--border);
-      border-radius: 12px;
-      padding: 16px 20px;
-      display: flex;
-      align-items: center;
-      justify-content: space-between;
-      flex-wrap: wrap;
-      gap: 12px;
-    }
-    .header-left {
-      display: flex;
-      align-items: center;
-      gap: 12px;
-      flex-wrap: wrap;
-    }
-    .project-badge {
-      font-weight: 800;
-      font-size: 16px;
-      background: var(--accent-gradient);
-      -webkit-background-clip: text;
-      -webkit-text-fill-color: transparent;
-      letter-spacing: -0.5px;
-    }
-    .branch-pill {
-      font-family: var(--font-mono);
-      font-size: 11px;
-      background: rgba(56, 189, 248, 0.12);
-      color: var(--accent);
-      padding: 3px 10px;
-      border-radius: 20px;
-      border: 1px solid var(--border-accent);
-    }
-    .multitask-pill {
-      font-family: var(--font-mono);
-      font-size: 11px;
-      background: rgba(167, 139, 250, 0.15);
-      color: var(--violet);
-      padding: 3px 10px;
-      border-radius: 20px;
-      border: 1px solid rgba(167, 139, 250, 0.3);
-      font-weight: 700;
-    }
-    .header-right {
-      display: flex;
-      align-items: center;
-      gap: 10px;
-    }
-    .badge-pass {
-      background: rgba(74, 222, 128, 0.15);
-      color: var(--green);
-      border: 1px solid rgba(74, 222, 128, 0.3);
-      padding: 4px 12px;
-      border-radius: 20px;
-      font-weight: 600;
-      font-size: 11px;
-    }
-    .badge-blocked {
-      background: rgba(248, 113, 113, 0.15);
-      color: var(--red);
-      border: 1px solid rgba(248, 113, 113, 0.3);
-      padding: 4px 12px;
-      border-radius: 20px;
-      font-weight: 600;
-      font-size: 11px;
-    }
-
-    /* Quick Action Dispatcher */
-    .action-bar {
-      background: var(--bg-panel);
-      border: 1px solid var(--border);
-      border-radius: 10px;
-      padding: 10px 16px;
-      display: flex;
-      align-items: center;
-      gap: 8px;
-      overflow-x: auto;
-    }
-    .action-label {
-      font-weight: 700;
-      color: var(--fg-muted);
-      font-size: 10px;
-      text-transform: uppercase;
-      letter-spacing: 0.08em;
-      margin-right: 4px;
-      white-space: nowrap;
-    }
-    .btn-action {
-      background: var(--bg-card);
-      border: 1px solid var(--border);
-      color: var(--fg);
-      padding: 5px 12px;
-      border-radius: 6px;
-      cursor: pointer;
-      font-family: var(--font-mono);
-      font-size: 11px;
-      transition: all 0.2s ease;
-      white-space: nowrap;
-    }
-    .btn-action:hover {
-      background: rgba(56, 189, 248, 0.15);
-      border-color: var(--accent);
-      color: var(--accent);
-    }
-    .btn-action.btn-primary {
-      background: var(--accent-gradient);
-      color: #040812;
-      font-weight: 700;
-      border: none;
-    }
-
-    /* 3-Pillars Kanban Grid */
-    .kanban-grid {
-      display: grid;
-      grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
-      gap: 16px;
-    }
-    .kanban-col {
-      background: var(--bg-panel);
-      border: 1px solid var(--border);
-      border-radius: 12px;
-      padding: 16px;
-      display: flex;
-      flex-direction: column;
-      gap: 12px;
-    }
-    .col-header {
-      display: flex;
-      align-items: center;
-      justify-content: space-between;
-      border-bottom: 1px solid var(--border);
-      padding-bottom: 10px;
-    }
-    .col-title {
-      font-size: 13px;
-      font-weight: 700;
-      display: flex;
-      align-items: center;
-      gap: 6px;
-    }
-    .col-count {
-      font-size: 10px;
-      font-family: var(--font-mono);
-      font-weight: 600;
-      background: var(--bg-card);
-      padding: 2px 8px;
-      border-radius: 10px;
-      color: var(--fg-muted);
-      border: 1px solid var(--border);
-    }
-
-    .col-content {
-      display: flex;
-      flex-direction: column;
-      gap: 10px;
-      max-height: 520px;
-      overflow-y: auto;
-    }
-
-    /* Card Items */
-    .card-item {
-      background: var(--bg-card);
-      border: 1px solid var(--border);
-      border-radius: 8px;
-      padding: 12px;
-      display: flex;
-      flex-direction: column;
-      gap: 6px;
-      transition: transform 0.15s ease, border-color 0.15s ease;
-    }
-    .card-item:hover {
-      border-color: var(--border-accent);
-      transform: translateY(-1px);
-    }
-    .card-item.active-item {
-      border-color: var(--border-accent);
-      box-shadow: 0 0 12px rgba(56, 189, 248, 0.12);
-    }
-
-    .item-header {
-      display: flex;
-      align-items: flex-start;
-      justify-content: space-between;
-      gap: 8px;
-    }
-    .badge-id {
-      font-family: var(--font-mono);
-      font-size: 10px;
-      font-weight: 700;
-      background: rgba(56, 189, 248, 0.2);
-      color: var(--accent);
-      padding: 2px 6px;
-      border-radius: 4px;
-      white-space: nowrap;
-    }
-    .badge-history {
-      background: rgba(129, 140, 248, 0.2);
-      color: #818cf8;
-    }
-    .badge-stage {
-      font-family: var(--font-mono);
-      font-size: 9px;
-      font-weight: 700;
-      text-transform: uppercase;
-      padding: 1px 6px;
-      border-radius: 4px;
-      background: rgba(250, 204, 21, 0.15);
-      color: var(--yellow);
-      border: 1px solid rgba(250, 204, 21, 0.3);
-    }
-    .badge-stage.stage-check {
-      background: rgba(74, 222, 128, 0.15);
-      color: var(--green);
-      border-color: rgba(74, 222, 128, 0.3);
-    }
-    .item-title {
-      font-weight: 600;
-      font-size: 12px;
-      flex: 1;
-    }
-
-    /* Progress bar */
-    .progress-bar-container {
-      background: rgba(0, 0, 0, 0.3);
-      height: 6px;
-      border-radius: 3px;
-      overflow: hidden;
-      margin-top: 4px;
-    }
-    .progress-bar-fill {
-      background: var(--accent-gradient);
-      height: 100%;
-      transition: width 0.3s ease;
-    }
-
-    .item-tags, .item-meta {
-      display: flex;
-      align-items: center;
-      justify-content: space-between;
-      gap: 6px;
-      font-size: 11px;
-      color: var(--fg-muted);
-      flex-wrap: wrap;
-    }
-    .tag {
-      font-size: 10px;
-      padding: 1px 6px;
-      border-radius: 4px;
-      background: rgba(255, 255, 255, 0.05);
-      border: 1px solid var(--border);
-    }
-    .tag-feasibility { color: var(--green); }
-    .tag-value { color: var(--accent); }
-    .tag-cat { color: var(--yellow); }
-    .tag-finding-clean { color: var(--green); }
-    .tag-finding-warn { color: var(--red); background: rgba(248, 113, 113, 0.15); border-color: rgba(248, 113, 113, 0.3); }
-
-    .card-actions {
-      display: flex;
-      align-items: center;
-      gap: 6px;
-      margin-top: 4px;
-      padding-top: 6px;
-      border-top: 1px dashed var(--border);
-      flex-wrap: wrap;
-    }
-    .btn-card-action {
-      background: rgba(255, 255, 255, 0.04);
-      border: 1px solid var(--border);
-      color: var(--fg);
-      padding: 2px 7px;
-      border-radius: 4px;
-      font-family: var(--font-mono);
-      font-size: 10px;
-      cursor: pointer;
-      transition: all 0.15s ease;
-    }
-    .btn-card-action:hover {
-      background: rgba(56, 189, 248, 0.15);
-      color: var(--accent);
-      border-color: var(--accent);
-    }
-
-    .empty-state {
-      text-align: center;
-      padding: 24px;
-      color: var(--fg-muted);
-      font-size: 12px;
-    }
-
-    /* Pulse Notification */
-    .pulse-panel {
-      background: var(--bg-panel);
-      border: 1px solid var(--border);
-      border-radius: 10px;
-      padding: 12px 16px;
-      display: flex;
-      align-items: center;
-      justify-content: space-between;
-      font-size: 12px;
-      flex-wrap: wrap;
-      gap: 8px;
-    }
-  </style>
-</head>
-<body>
-  <div class="studio-container">
-    
-    <!-- Top Header -->
-    <header class="studio-header">
-      <div class="header-left">
-        <span class="project-badge">⚡ ${escapeHtml(projectName)}</span>
-        <span class="branch-pill">🌿 ${escapeHtml(branch)}</span>
-        ${activeRuns.length > 0 ? `<span class="multitask-pill">🗂️ ${activeRuns.length} Active Workspaces</span>` : ""}
-      </div>
-      <div class="header-right">
-        <span class="${gatePillClass}">${gatePillText}</span>
-        <button class="btn-action btn-primary" onclick="dispatchCommand('${escapeHtml(nextActionCmd)}')">
-          Next: ${escapeHtml(nextActionCmd)}
-        </button>
-      </div>
-    </header>
-
-    <!-- Quick Action Bar -->
-    <div class="action-bar">
-      <span class="action-label">Quick Actions:</span>
-      <button class="btn-action" onclick="dispatchCommand('/feature')">/feature</button>
-      <button class="btn-action" onclick="dispatchCommand('/implement')">/implement</button>
-      <button class="btn-action" onclick="dispatchCommand('/check')">/check</button>
-      <button class="btn-action" onclick="dispatchCommand('/complete')">/complete</button>
-      <button class="btn-action" onclick="dispatchCommand('/continuous')">/continuous</button>
-      <button class="btn-action" onclick="dispatchCommand('nexus-devflow check-gate')">check-gate</button>
-      <button class="btn-action" onclick="dispatchCommand('nexus-devflow drift')">drift</button>
-      <button class="btn-action" onclick="dispatchCommand('nexus-devflow doctor')">doctor</button>
-    </div>
-
-    <!-- 3-Pillars Kanban View -->
-    <main class="kanban-grid">
-      
-      <!-- 🔮 1. Future (Ideas Inbox) -->
-      <section class="kanban-col">
-        <div class="col-header">
-          <span class="col-title">🔮 Future (Ideas Inbox)</span>
-          <span class="col-count">${ideas.pending.length}</span>
-        </div>
-        <div class="col-content">
-          ${ideasHtml}
-        </div>
-      </section>
-
-      <!-- ⚡ 2. Present (Active Living Context) -->
-      <section class="kanban-col">
-        <div class="col-header">
-          <span class="col-title">⚡ Present (Active Living Spec)</span>
-          <span class="col-count">${presentCountLabel}</span>
-        </div>
-        <div class="col-content">
-          ${presentHtml}
-        </div>
-      </section>
-
-      <!-- 📦 3. Past (Release History Archive) -->
-      <section class="kanban-col">
-        <div class="col-header">
-          <span class="col-title">📦 Past (History Archives)</span>
-          <span class="col-count">${snapshot.history.total} Releases</span>
-        </div>
-        <div class="col-content">
-          ${historyHtml}
-        </div>
-      </section>
-
-    </main>
-
-    <!-- Bottom Pulse -->
-    <footer class="pulse-panel">
-      <div>Findings Blockers: <strong>${gateReport.findingsBlockers}</strong> | Active Findings: <strong>${status.findings.total}</strong></div>
-      <div>Git Drift: <strong>${driftReport.hasDrift ? "⚠ Drift Detected" : "✔ In Sync"}</strong> | Workspaces: <strong>${activeRuns.length || (currentWork.state === "active" ? 1 : 0)} Active</strong></div>
-    </footer>
-
-  </div>
-
-  <script>
-    function dispatchCommand(cmd) {
-      if (window.acquireVsCodeApi) {
-        const vscode = window.acquireVsCodeApi();
-        vscode.postMessage({ command: 'exec', text: cmd });
-      } else if (navigator.clipboard) {
-        navigator.clipboard.writeText(cmd);
-        alert('Copied command to clipboard: ' + cmd);
-      }
-    }
-  </script>
-</body>
-</html>`;
+    const renderer = new StudioViewRenderer({ defaultTheme: options.theme });
+    return renderer.renderWebviewStudio(snapshot, ideas, {
+        theme: options.theme,
+        includeScripts: options.includeScripts,
+    });
 }
+export { StudioViewRenderer };
 //# sourceMappingURL=webview-studio.js.map

package/dist/lib/webview-studio.js.map

@@ -1 +1 @@
-{"version":3,"file":"webview-studio.js","sourceRoot":"","sources":["../../lib/webview-studio.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"webview-studio.js","sourceRoot":"","sources":["../../lib/webview-studio.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAC;AAC7D,OAAO,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AACvC,OAAO,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAQ/D;;;GAGG;AACH,MAAM,CAAC,KAAK,UAAU,gBAAgB,CACpC,WAAmB,EACnB,UAA+B,EAAE;IAEjC,MAAM,MAAM,GAAG,OAAO,CAAC,MAAM,IAAI,IAAI,oBAAoB,CAAC,WAAW,CAAC,CAAC;IACvE,MAAM,QAAQ,GAAG,MAAM,MAAM,CAAC,WAAW,EAAE,CAAC;IAC5C,MAAM,KAAK,GAAG,MAAM,SAAS,CAAC,WAAW,CAAC,CAAC;IAE3C,MAAM,QAAQ,GAAG,IAAI,kBAAkB,CAAC,EAAE,YAAY,EAAE,OAAO,CAAC,KAAK,EAAE,CAAC,CAAC;IACzE,OAAO,QAAQ,CAAC,mBAAmB,CAAC,QAAQ,EAAE,KAAK,EAAE;QACnD,KAAK,EAAE,OAAO,CAAC,KAAK;QACpB,cAAc,EAAE,OAAO,CAAC,cAAc;KACvC,CAAC,CAAC;AACL,CAAC;AAED,OAAO,EAAE,kBAAkB,EAAE,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jakkrichm/create-nexus-devflow",
-  "version": "2.12.4",
+  "version": "2.14.0",
   "description": "Installer and workflow manager for Nexus-DevFlow agentic workflow layer.",
   "license": "MIT",
   "author": "Jakkrich",

package/template/AGENTS.md

@@ -42,7 +42,7 @@ Unused adapter families can be removed. Codex, Antigravity, GitHub Copilot, and
 
 ### Universal Invocation & Agent Directives:
 
-1. **Canonical Command Names & AI Provider Invocation**: Each workflow stage and companion tool has exactly **one Canonical Name** (e.g. `feature`, `fix`, `implement`, `check`, `complete`, `continuous`, `analyze`, `discovery`, `idea`, `grill`, `brainstorm`, `bughunter`, `devflow`, `doctor`, `overview`, `debug`, `onboard`, `adopt`, `try`, `rollback`, `ci`, `test`, `setup-tests`, `browser-tests`, `autopilot`, `prototype`, `report-html`, `brief`, `audit`, `release`, `convert-any-to-md`, `publish-devflow`). The way you invoke commands depends on your AI Provider / Tool:
+1. **Canonical Command Names & AI Provider Invocation**: Each workflow stage and companion tool has exactly **one Canonical Name** (e.g. `feature`, `fix`, `implement`, `check`, `complete`, `continuous`, `analyze`, `discovery`, `idea`, `grill`, `brainstorm`, `bughunter`, `devflow`, `doctor`, `overview`, `debug`, `onboard`, `adopt`, `try`, `rollback`, `ci`, `test`, `setup-tests`, `browser-tests`, `autopilot`, `prototype`, `report-html`, `brief`, `audit`, `release`, `convert-any-to-md`, `publish-devflow`, `matt-pocock`). The way you invoke commands depends on your AI Provider / Tool:
    - **Canonical Name (Plain text)**: Directly invoke or prompt the command by its standard name (e.g., `feature`, `implement`, `continuous`, `devflow`, `discovery`, `analyze`).
    - **Slash Prefix (`/`)**: For tools supporting slash commands (Claude Code, Google Antigravity, Gemini CLI), e.g., `/feature`, `/fix`, `/implement`, `/continuous`, `/devflow`, `/discovery`, `/analyze`.
    - **Dollar Prefix (`$`)**: For OpenAI Codex CLI or skill-invocation tools, e.g., `$feature`, `$fix`, `$continuous`, `$devflow`, `$discovery`, `$analyze`.