npm - mrvn-cli - Versions diffs - 0.4.10 → 0.4.11 - Mend

mrvn-cli 0.4.10 → 0.4.11

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (7) hide show

package/dist/index.js CHANGED Viewed

@@ -6630,13 +6630,13 @@ var error16 = () => {
     // no unit
   };
   const typeEntry = (t) => t ? TypeNames[t] : void 0;
-  const typeLabel2 = (t) => {
+  const typeLabel5 = (t) => {
     const e = typeEntry(t);
     if (e)
       return e.label;
     return t ?? TypeNames.unknown.label;
   };
-  const withDefinite = (t) => `\u05D4${typeLabel2(t)}`;
+  const withDefinite = (t) => `\u05D4${typeLabel5(t)}`;
   const verbFor = (t) => {
     const e = typeEntry(t);
     const gender = e?.gender ?? "m";
@@ -6686,7 +6686,7 @@ var error16 = () => {
     switch (issue2.code) {
       case "invalid_type": {
         const expectedKey = issue2.expected;
-        const expected = TypeDictionary[expectedKey ?? ""] ?? typeLabel2(expectedKey);
+        const expected = TypeDictionary[expectedKey ?? ""] ?? typeLabel5(expectedKey);
         const receivedType = parsedType(issue2.input);
         const received = TypeDictionary[receivedType] ?? TypeNames[receivedType]?.label ?? receivedType;
         if (/^[A-Z]/.test(issue2.expected)) {
@@ -16139,17 +16139,27 @@ function layout(opts, body) {
     { href: "/health", label: "Health" }
   ];
   const isActive = (href) => opts.activePath === href || href !== "/" && opts.activePath.startsWith(href) ? " active" : "";
-  const groupsHtml = opts.navGroups.map((group) => {
-    const links = group.types.map((type) => {
-      const href = `/docs/${type}`;
-      return `<a href="${href}" class="${isActive(href)}">${typeLabel(type)}s</a>`;
-    }).join("\n          ");
-    return `
+  const switcherHtml = opts.personaSwitcherHtml ?? "";
+  let navHtml;
+  if (opts.personaNavHtml) {
+    navHtml = opts.personaNavHtml;
+  } else {
+    const groupsHtml = opts.navGroups.map((group) => {
+      const links = group.types.map((type) => {
+        const href = `/docs/${type}`;
+        return `<a href="${href}" class="${isActive(href)}">${typeLabel(type)}s</a>`;
+      }).join("\n          ");
+      return `
         <div class="nav-group">
           <div class="nav-group-label">${escapeHtml(group.label)}</div>
           ${links}
         </div>`;
-  }).join("\n");
+    }).join("\n");
+    navHtml = `
+        ${topItems.map((n) => `<a href="${n.href}" class="${isActive(n.href)}">${n.label}</a>`).join("\n        ")}
+        ${groupsHtml}`;
+  }
+  const accentOverride = opts.personaAccentColor ? ` style="--persona-accent: ${opts.personaAccentColor}"` : "";
   return `<!DOCTYPE html>
 <html lang="en">
 <head>
@@ -16159,15 +16169,15 @@ function layout(opts, body) {
   <link rel="stylesheet" href="/styles.css">
 </head>
 <body>
-  <div class="shell">
+  <div class="shell"${accentOverride}>
     <aside class="sidebar">
       <div class="sidebar-brand">
         <h1>Marvin</h1>
         <div class="project-name">${escapeHtml(opts.projectName)}</div>
       </div>
+      ${switcherHtml}
       <nav>
-        ${topItems.map((n) => `<a href="${n.href}" class="${isActive(n.href)}">${n.label}</a>`).join("\n        ")}
-        ${groupsHtml}
+        ${navHtml}
       </nav>
     </aside>
     <main class="main${opts.mainClass ? ` ${opts.mainClass}` : ""}">
@@ -16175,7 +16185,7 @@ function layout(opts, body) {
         <svg class="icon-expand" viewBox="0 0 16 16" width="16" height="16" fill="currentColor"><path d="M1 1h5v1.5H3.56l3.72 3.72-1.06 1.06L2.5 3.56V6H1V1zm14 14h-5v-1.5h2.44l-3.72-3.72 1.06-1.06 3.72 3.72V10H15v5z"/></svg>
         <svg class="icon-collapse" viewBox="0 0 16 16" width="16" height="16" fill="currentColor"><path d="M6 7H1V5.5h2.44L0.22 2.28l1.06-1.06L4.5 4.44V2H6v5zm4-1h5v1.5h-2.44l3.22 3.22-1.06 1.06L11.5 8.56V11H10V6z"/></svg>
       </button>
-      ${body}
+      ${opts.bodyPrefix ?? ""}${body}
     </main>
   </div>
   <script>
@@ -17160,6 +17170,142 @@ tr:hover td {
 .text-dim { color: var(--text-dim); }
+/* Persona switcher */
+.persona-switcher {
+  padding: 0.5rem 1.25rem 0.75rem;
+  border-bottom: 1px solid var(--border);
+  margin-bottom: 0.5rem;
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+}
+.persona-label {
+  font-size: 0.65rem;
+  text-transform: uppercase;
+  letter-spacing: 0.06em;
+  color: var(--text-dim);
+  font-weight: 600;
+}
+.persona-select {
+  flex: 1;
+  background: var(--bg);
+  border: 1px solid var(--border);
+  color: var(--text);
+  padding: 0.3rem 0.5rem;
+  border-radius: var(--radius);
+  font-size: 0.8rem;
+  cursor: pointer;
+  font-family: var(--font);
+}
+.persona-select:focus {
+  outline: none;
+  border-color: var(--persona-accent, var(--accent));
+}
+/* Persona banner (first-visit picker) */
+.persona-banner {
+  background: var(--bg-card);
+  border: 1px solid var(--border);
+  border-radius: var(--radius);
+  padding: 1.5rem;
+  margin-bottom: 2rem;
+}
+.persona-banner-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  margin-bottom: 0.25rem;
+}
+.persona-banner-header h3 {
+  font-size: 1.1rem;
+  font-weight: 600;
+}
+.persona-banner-dismiss {
+  background: none;
+  border: none;
+  color: var(--text-dim);
+  font-size: 1.25rem;
+  cursor: pointer;
+  padding: 0.25rem;
+  line-height: 1;
+}
+.persona-banner-dismiss:hover {
+  color: var(--text);
+}
+.persona-banner-subtitle {
+  color: var(--text-dim);
+  font-size: 0.85rem;
+  margin-bottom: 1rem;
+}
+.persona-banner-options {
+  display: grid;
+  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
+  gap: 0.75rem;
+}
+.persona-banner-option {
+  display: block;
+  background: var(--bg);
+  border: 1px solid var(--border);
+  border-radius: var(--radius);
+  padding: 1rem;
+  text-decoration: none;
+  color: inherit;
+  transition: border-color 0.15s, background 0.15s;
+  border-left: 3px solid var(--persona-card-accent, var(--accent));
+}
+.persona-banner-option:hover {
+  border-color: var(--persona-card-accent, var(--accent));
+  background: var(--bg-hover);
+  text-decoration: none;
+}
+.persona-banner-name {
+  font-weight: 600;
+  font-size: 0.95rem;
+  margin-bottom: 0.25rem;
+}
+.persona-banner-desc {
+  font-size: 0.8rem;
+  color: var(--text-dim);
+}
+/* Persona accent override */
+.shell[style*="--persona-accent"] .sidebar nav a.active {
+  color: var(--persona-accent);
+  background: rgba(108, 140, 255, 0.08);
+  border-right-color: var(--persona-accent);
+}
+.shell[style*="--persona-accent"] .sidebar-brand h1 {
+  color: var(--persona-accent);
+}
+/* Persona page placeholder */
+.persona-placeholder {
+  text-align: center;
+  padding: 3rem;
+  color: var(--text-dim);
+}
+.persona-placeholder h3 {
+  font-size: 1.1rem;
+  font-weight: 600;
+  margin-bottom: 0.5rem;
+  color: var(--text);
+}
 /* Sprint Summary */
 .sprint-goal {
   background: var(--bg-card);
@@ -18481,12 +18627,16 @@ function sprintSummaryPage(data, cached2) {
 // src/reports/sprint-summary/generator.ts
 import { query } from "@anthropic-ai/claude-agent-sdk";
-async function generateSprintSummary(data) {
+async function generateSprintSummary(data, personaSystemPrompt) {
   const prompt = buildPrompt(data);
+  const systemPrompt = personaSystemPrompt ? `${SYSTEM_PROMPT}
+Additional persona context:
+${personaSystemPrompt}` : SYSTEM_PROMPT;
   const result = query({
     prompt,
     options: {
-      systemPrompt: SYSTEM_PROMPT,
+      systemPrompt,
       maxTurns: 1,
       tools: [],
       allowedTools: []
@@ -18597,51 +18747,1762 @@ function buildPrompt(data) {
   return sections.join("\n");
 }
-// src/web/router.ts
-var sprintSummaryCache = /* @__PURE__ */ new Map();
-function handleRequest(req, res, store, projectName, navGroups) {
-  const parsed = new URL(req.url ?? "/", `http://${req.headers.host ?? "localhost"}`);
-  const pathname = parsed.pathname;
-  const navTypes = store.registeredTypes;
-  try {
-    if (pathname === "/styles.css") {
-      res.writeHead(200, {
-        "Content-Type": "text/css",
-        "Cache-Control": "public, max-age=300"
-      });
-      res.end(renderStyles());
+// src/web/persona-views.ts
+var VIEWS = /* @__PURE__ */ new Map();
+var PAGE_RENDERERS = /* @__PURE__ */ new Map();
+function registerPersonaView(config2) {
+  VIEWS.set(config2.shortName, config2);
+}
+function registerPersonaPage(persona, pageId, renderer) {
+  PAGE_RENDERERS.set(`${persona}/${pageId}`, renderer);
+}
+function getPersonaView(mode) {
+  if (!mode) return void 0;
+  return VIEWS.get(mode);
+}
+function getPersonaPageRenderer(persona, pageId) {
+  return PAGE_RENDERERS.get(`${persona}/${pageId}`);
+}
+function getAllPersonaViews() {
+  return [...VIEWS.values()];
+}
+function parsePersonaFromPath(pathname) {
+  const match = pathname.match(/^\/(po|dm|tl)(?:\/|$)/);
+  return match ? match[1] : null;
+}
+// src/web/templates/persona-switcher.ts
+function renderPersonaSwitcher(current, currentPath) {
+  const views = getAllPersonaViews();
+  if (views.length === 0) return "";
+  const options = [
+    `<option value=""${current === null ? " selected" : ""}>Admin</option>`,
+    ...views.map(
+      (v) => `<option value="${v.shortName}"${current === v.shortName ? " selected" : ""}>${escapeHtml(v.displayName)}</option>`
+    )
+  ].join("\n          ");
+  return `
+    <div class="persona-switcher">
+      <label class="persona-label" for="persona-select">View</label>
+      <select class="persona-select" id="persona-select" onchange="switchPersona(this.value)">
+          ${options}
+      </select>
+    </div>
+    <script>
+      function switchPersona(value) {
+        if (value) {
+          window.location.href = '/' + value + '/dashboard';
+        } else {
+          window.location.href = '/';
+        }
+      }
+    </script>`;
+}
+function renderPersonaBanner() {
+  const views = getAllPersonaViews();
+  if (views.length === 0) return "";
+  const cards = views.map(
+    (v) => `
+      <a href="/${v.shortName}/dashboard" class="persona-banner-option" style="--persona-card-accent: ${v.color}" onclick="dismissPersonaBanner()">
+        <div class="persona-banner-name">${escapeHtml(v.displayName)}</div>
+        <div class="persona-banner-desc">${escapeHtml(v.description)}</div>
+      </a>`
+  ).join("\n");
+  return `
+    <div class="persona-banner" id="persona-banner">
+      <div class="persona-banner-header">
+        <h3>Choose a View</h3>
+        <button class="persona-banner-dismiss" onclick="dismissPersonaBanner()" title="Dismiss">&times;</button>
+      </div>
+      <p class="persona-banner-subtitle">Get a curated dashboard for your role, or stay in admin mode for full access.</p>
+      <div class="persona-banner-options">
+        ${cards}
+      </div>
+    </div>
+    <script>
+      (function() {
+        if (localStorage.getItem('marvin-persona-banner-dismissed')) {
+          var banner = document.getElementById('persona-banner');
+          if (banner) banner.style.display = 'none';
+        }
+      })();
+      function dismissPersonaBanner() {
+        localStorage.setItem('marvin-persona-banner-dismissed', '1');
+        var banner = document.getElementById('persona-banner');
+        if (banner) banner.style.display = 'none';
+      }
+    </script>`;
+}
+// src/web/templates/pages/po/dashboard.ts
+function poDashboardPage(ctx) {
+  const overview = getOverviewData(ctx.store);
+  const upcoming = getUpcomingData(ctx.store);
+  const sprintData = getSprintSummaryData(ctx.store);
+  const features = ctx.store.list({ type: "feature" });
+  const featuresDone = features.filter((d) => ["done", "closed", "resolved"].includes(d.frontmatter.status)).length;
+  const featuresOpen = features.filter((d) => d.frontmatter.status === "open").length;
+  const featuresInProgress = features.filter((d) => d.frontmatter.status === "in-progress").length;
+  const decisions = ctx.store.list({ type: "decision" });
+  const decisionsOpen = decisions.filter((d) => d.frontmatter.status === "open").length;
+  const questions = ctx.store.list({ type: "question" });
+  const questionsOpen = questions.filter((d) => d.frontmatter.status === "open").length;
+  const statsCards = `
+    <div class="cards">
+      <div class="card">
+        <a href="/po/backlog">
+          <div class="card-label">Features</div>
+          <div class="card-value">${features.length}</div>
+          <div class="card-sub">${featuresDone} done, ${featuresInProgress} in progress, ${featuresOpen} open</div>
+        </a>
+      </div>
+      <div class="card">
+        <a href="/po/decisions">
+          <div class="card-label">Pending Decisions</div>
+          <div class="card-value${decisionsOpen > 0 ? " priority-medium" : ""}">${decisionsOpen}</div>
+          <div class="card-sub">${decisions.length} total decisions</div>
+        </a>
+      </div>
+      <div class="card">
+        <a href="/po/backlog">
+          <div class="card-label">Open Questions</div>
+          <div class="card-value${questionsOpen > 0 ? " priority-medium" : ""}">${questionsOpen}</div>
+          <div class="card-sub">${questions.length} total questions</div>
+        </a>
+      </div>
+      <div class="card">
+        <a href="/po/delivery">
+          <div class="card-label">Sprint</div>
+          <div class="card-value">${sprintData ? `${sprintData.workItems.completionPct}%` : "\u2014"}</div>
+          <div class="card-sub">${sprintData ? `${sprintData.workItems.done}/${sprintData.workItems.total} items` : "No active sprint"}</div>
+        </a>
+      </div>
+    </div>`;
+  const poTypes = /* @__PURE__ */ new Set(["feature", "decision", "question"]);
+  const poRecent = overview.recent.filter((d) => poTypes.has(d.frontmatter.type)).slice(0, 10);
+  const recentTable = poRecent.length > 0 ? collapsibleSection(
+    "po-recent",
+    "Recent Activity",
+    `<div class="table-wrap">
+          <table>
+            <thead>
+              <tr><th>ID</th><th>Title</th><th>Type</th><th>Status</th><th>Updated</th></tr>
+            </thead>
+            <tbody>
+              ${poRecent.map((d) => `
+              <tr>
+                <td><a href="/docs/${d.frontmatter.type}/${escapeHtml(d.frontmatter.id)}">${escapeHtml(d.frontmatter.id)}</a></td>
+                <td>${escapeHtml(d.frontmatter.title)}</td>
+                <td>${escapeHtml(typeLabel(d.frontmatter.type))}</td>
+                <td>${statusBadge(d.frontmatter.status)}</td>
+                <td>${formatDate(d.frontmatter.updated ?? d.frontmatter.created)}</td>
+              </tr>`).join("")}
+            </tbody>
+          </table>
+        </div>`,
+    { titleTag: "h3" }
+  ) : "";
+  const trendingSection = upcoming.trending.length > 0 ? collapsibleSection(
+    "po-trending",
+    "Trending Items",
+    `<div class="table-wrap">
+          <table>
+            <thead>
+              <tr><th>ID</th><th>Title</th><th>Type</th><th>Score</th></tr>
+            </thead>
+            <tbody>
+              ${upcoming.trending.slice(0, 8).map((t) => `
+              <tr>
+                <td><a href="/docs/${escapeHtml(t.type)}/${escapeHtml(t.id)}">${escapeHtml(t.id)}</a></td>
+                <td>${escapeHtml(t.title)}</td>
+                <td>${escapeHtml(typeLabel(t.type))}</td>
+                <td><span class="trending-score">${t.score}</span></td>
+              </tr>`).join("")}
+            </tbody>
+          </table>
+        </div>`,
+    { titleTag: "h3" }
+  ) : "";
+  return `
+    <div class="page-header">
+      <h2>Product Owner Dashboard</h2>
+      <div class="subtitle">Feature delivery, decisions, and stakeholder alignment</div>
+    </div>
+    ${statsCards}
+    ${recentTable}
+    ${trendingSection}
+  `;
+}
+// src/web/templates/pages/po/backlog.ts
+function poBacklogPage(ctx) {
+  const features = ctx.store.list({ type: "feature" });
+  const questions = ctx.store.list({ type: "question" });
+  const openQuestions = questions.filter((d) => d.frontmatter.status === "open");
+  const priorityOrder = { critical: 0, high: 1, medium: 2, low: 3 };
+  const statusOrder = { "in-progress": 0, open: 1, draft: 2, blocked: 3, done: 4, closed: 5, resolved: 6 };
+  const sortedFeatures = [...features].sort((a, b) => {
+    const sa = statusOrder[a.frontmatter.status] ?? 3;
+    const sb = statusOrder[b.frontmatter.status] ?? 3;
+    if (sa !== sb) return sa - sb;
+    const pa = priorityOrder[a.frontmatter.priority?.toLowerCase()] ?? 99;
+    const pb = priorityOrder[b.frontmatter.priority?.toLowerCase()] ?? 99;
+    if (pa !== pb) return pa - pb;
+    return a.frontmatter.id.localeCompare(b.frontmatter.id);
+  });
+  const epics = ctx.store.list({ type: "epic" });
+  const featureToEpics = /* @__PURE__ */ new Map();
+  for (const epic of epics) {
+    const linked = epic.frontmatter.linkedFeature;
+    const featureIds = Array.isArray(linked) ? linked : linked ? [linked] : [];
+    for (const fid of featureIds) {
+      const existing = featureToEpics.get(String(fid)) ?? [];
+      existing.push(epic.frontmatter.id);
+      featureToEpics.set(String(fid), existing);
+    }
+  }
+  function priorityClass2(p) {
+    if (!p) return "";
+    const lower = p.toLowerCase();
+    if (lower === "critical" || lower === "high") return " priority-high";
+    if (lower === "medium") return " priority-medium";
+    if (lower === "low") return " priority-low";
+    return "";
+  }
+  const featuresTable = sortedFeatures.length > 0 ? `<div class="table-wrap">
+        <table>
+          <thead>
+            <tr><th>ID</th><th>Title</th><th>Status</th><th>Priority</th><th>Linked Epics</th></tr>
+          </thead>
+          <tbody>
+            ${sortedFeatures.map((d) => {
+    const linkedEpics = featureToEpics.get(d.frontmatter.id) ?? [];
+    const epicLinks = linkedEpics.map((eid) => `<a href="/docs/epic/${escapeHtml(eid)}">${escapeHtml(eid)}</a>`).join(", ");
+    return `
+            <tr>
+              <td><a href="/docs/feature/${escapeHtml(d.frontmatter.id)}">${escapeHtml(d.frontmatter.id)}</a></td>
+              <td>${escapeHtml(d.frontmatter.title)}</td>
+              <td>${statusBadge(d.frontmatter.status)}</td>
+              <td><span class="${priorityClass2(d.frontmatter.priority)}">${escapeHtml(d.frontmatter.priority ?? "\u2014")}</span></td>
+              <td>${epicLinks || '<span class="text-dim">\u2014</span>'}</td>
+            </tr>`;
+  }).join("")}
+          </tbody>
+        </table>
+      </div>` : '<div class="empty"><p>No features found.</p></div>';
+  const questionsTable = openQuestions.length > 0 ? collapsibleSection(
+    "po-backlog-questions",
+    `Open Questions (${openQuestions.length})`,
+    `<div class="table-wrap">
+          <table>
+            <thead>
+              <tr><th>ID</th><th>Title</th><th>Owner</th><th>Created</th></tr>
+            </thead>
+            <tbody>
+              ${openQuestions.map((d) => `
+              <tr>
+                <td><a href="/docs/question/${escapeHtml(d.frontmatter.id)}">${escapeHtml(d.frontmatter.id)}</a></td>
+                <td>${escapeHtml(d.frontmatter.title)}</td>
+                <td>${d.frontmatter.owner ? escapeHtml(d.frontmatter.owner) : '<span class="text-dim">\u2014</span>'}</td>
+                <td>${formatDate(d.frontmatter.created)}</td>
+              </tr>`).join("")}
+            </tbody>
+          </table>
+        </div>`,
+    { titleTag: "h3" }
+  ) : "";
+  return `
+    <div class="page-header">
+      <h2>Product Backlog</h2>
+      <div class="subtitle">${features.length} features, ${openQuestions.length} open questions</div>
+    </div>
+    ${collapsibleSection("po-backlog-features", `Features (${features.length})`, featuresTable, { titleTag: "h3" })}
+    ${questionsTable}
+  `;
+}
+// src/web/templates/pages/po/decisions.ts
+var DONE_STATUSES3 = /* @__PURE__ */ new Set(["done", "closed", "resolved"]);
+function poDecisionsPage(ctx) {
+  const decisions = ctx.store.list({ type: "decision" });
+  const openDecisions = decisions.filter((d) => !DONE_STATUSES3.has(d.frontmatter.status));
+  const resolvedDecisions = decisions.filter((d) => DONE_STATUSES3.has(d.frontmatter.status));
+  const statsCards = `
+    <div class="cards">
+      <div class="card">
+        <div class="card-label">Open</div>
+        <div class="card-value${openDecisions.length > 0 ? " priority-medium" : ""}">${openDecisions.length}</div>
+        <div class="card-sub">awaiting resolution</div>
+      </div>
+      <div class="card">
+        <div class="card-label">Resolved</div>
+        <div class="card-value">${resolvedDecisions.length}</div>
+        <div class="card-sub">decisions made</div>
+      </div>
+      <div class="card">
+        <div class="card-label">Total</div>
+        <div class="card-value">${decisions.length}</div>
+        <div class="card-sub">all decisions</div>
+      </div>
+    </div>`;
+  function decisionTable(docs) {
+    if (docs.length === 0) return '<div class="empty"><p>None found.</p></div>';
+    return `<div class="table-wrap">
+      <table>
+        <thead>
+          <tr><th>ID</th><th>Title</th><th>Status</th><th>Owner</th><th>Created</th></tr>
+        </thead>
+        <tbody>
+          ${docs.map((d) => `
+          <tr>
+            <td><a href="/docs/decision/${escapeHtml(d.frontmatter.id)}">${escapeHtml(d.frontmatter.id)}</a></td>
+            <td>${escapeHtml(d.frontmatter.title)}</td>
+            <td>${statusBadge(d.frontmatter.status)}</td>
+            <td>${d.frontmatter.owner ? escapeHtml(d.frontmatter.owner) : '<span class="text-dim">\u2014</span>'}</td>
+            <td>${formatDate(d.frontmatter.created)}</td>
+          </tr>`).join("")}
+        </tbody>
+      </table>
+    </div>`;
+  }
+  const openSection = collapsibleSection(
+    "po-decisions-open",
+    `Open Decisions (${openDecisions.length})`,
+    decisionTable(openDecisions),
+    { titleTag: "h3" }
+  );
+  const resolvedSection = collapsibleSection(
+    "po-decisions-resolved",
+    `Resolved Decisions (${resolvedDecisions.length})`,
+    decisionTable(resolvedDecisions),
+    { titleTag: "h3", defaultCollapsed: true }
+  );
+  return `
+    <div class="page-header">
+      <h2>Decision Log</h2>
+      <div class="subtitle">Track and manage product decisions</div>
+    </div>
+    ${statsCards}
+    ${openSection}
+    ${resolvedSection}
+  `;
+}
+// src/web/templates/pages/po/delivery.ts
+var PO_CONTRIBUTION_TYPES = /* @__PURE__ */ new Set([
+  "stakeholder-feedback",
+  "acceptance-result",
+  "priority-change",
+  "market-insight"
+]);
+function progressBar2(pct) {
+  return `<div class="sprint-progress-bar">
+    <div class="sprint-progress-fill" style="width: ${pct}%"></div>
+    <span class="sprint-progress-label">${pct}%</span>
+  </div>`;
+}
+function poDeliveryPage(ctx) {
+  const data = getSprintSummaryData(ctx.store);
+  if (!data) {
+    return `
+      <div class="page-header">
+        <h2>Value Delivery</h2>
+        <div class="subtitle">Sprint progress and PO contributions</div>
+      </div>
+      <div class="empty">
+        <h3>No Active Sprint</h3>
+        <p>No active sprint found. Create a sprint and set its status to "active" to track delivery.</p>
+      </div>`;
+  }
+  const doneFeatures = data.workItems.items.filter(
+    (w) => w.type === "feature" && ["done", "closed", "resolved"].includes(w.status)
+  );
+  function findContributions(items, parentId) {
+    const result = [];
+    for (const item of items) {
+      if (item.type === "contribution" && PO_CONTRIBUTION_TYPES.has(item.id.split("-").slice(0, -1).join("-") || "")) {
+        result.push({ id: item.id, title: item.title, type: item.type, status: item.status, parentId });
+      }
+      if (PO_CONTRIBUTION_TYPES.has(item.type)) {
+        result.push({ id: item.id, title: item.title, type: item.type, status: item.status, parentId });
+      }
+      if (item.children) {
+        result.push(...findContributions(item.children, item.id));
+      }
+    }
+    return result;
+  }
+  const allDocs = ctx.store.list();
+  const poContributions = allDocs.filter((d) => PO_CONTRIBUTION_TYPES.has(d.frontmatter.type));
+  const statsCards = `
+    <div class="cards">
+      <div class="card">
+        <div class="card-label">Sprint Progress</div>
+        <div class="card-value">${data.workItems.completionPct}%</div>
+        <div class="card-sub">${data.workItems.done} / ${data.workItems.total} items done</div>
+      </div>
+      <div class="card">
+        <div class="card-label">Days Remaining</div>
+        <div class="card-value">${data.timeline.daysRemaining}</div>
+        <div class="card-sub">${data.timeline.daysElapsed} of ${data.timeline.totalDays} elapsed</div>
+      </div>
+      <div class="card">
+        <div class="card-label">Features Done</div>
+        <div class="card-value">${doneFeatures.length}</div>
+        <div class="card-sub">this sprint</div>
+      </div>
+      <div class="card">
+        <div class="card-label">PO Contributions</div>
+        <div class="card-value">${poContributions.length}</div>
+        <div class="card-sub">feedback, reviews, insights</div>
+      </div>
+    </div>`;
+  const sprintHeader = `
+    <div class="sprint-goal">
+      <strong>${escapeHtml(data.sprint.id)} \u2014 ${escapeHtml(data.sprint.title)}</strong>
+      ${data.sprint.goal ? ` | ${escapeHtml(data.sprint.goal)}` : ""}
+    </div>`;
+  const featuresSection = data.linkedEpics.length > 0 ? collapsibleSection(
+    "po-delivery-epics",
+    "Linked Epics",
+    `<div class="table-wrap">
+          <table>
+            <thead>
+              <tr><th>ID</th><th>Title</th><th>Status</th><th>Tasks Done</th></tr>
+            </thead>
+            <tbody>
+              ${data.linkedEpics.map((e) => `
+              <tr>
+                <td><a href="/docs/epic/${escapeHtml(e.id)}">${escapeHtml(e.id)}</a></td>
+                <td>${escapeHtml(e.title)}</td>
+                <td>${statusBadge(e.status)}</td>
+                <td>${e.tasksDone} / ${e.tasksTotal}</td>
+              </tr>`).join("")}
+            </tbody>
+          </table>
+        </div>`,
+    { titleTag: "h3" }
+  ) : "";
+  const contributionsSection = poContributions.length > 0 ? collapsibleSection(
+    "po-delivery-contributions",
+    `PO Contributions (${poContributions.length})`,
+    `<div class="table-wrap">
+          <table>
+            <thead>
+              <tr><th>ID</th><th>Title</th><th>Type</th><th>Status</th><th>Date</th></tr>
+            </thead>
+            <tbody>
+              ${poContributions.map((d) => `
+              <tr>
+                <td><a href="/docs/${escapeHtml(d.frontmatter.type)}/${escapeHtml(d.frontmatter.id)}">${escapeHtml(d.frontmatter.id)}</a></td>
+                <td>${escapeHtml(d.frontmatter.title)}</td>
+                <td>${escapeHtml(typeLabel(d.frontmatter.type))}</td>
+                <td>${statusBadge(d.frontmatter.status)}</td>
+                <td>${formatDate(d.frontmatter.updated ?? d.frontmatter.created)}</td>
+              </tr>`).join("")}
+            </tbody>
+          </table>
+        </div>`,
+    { titleTag: "h3" }
+  ) : "";
+  return `
+    <div class="page-header">
+      <h2>Value Delivery</h2>
+      <div class="subtitle">Sprint progress and feature delivery tracking</div>
+    </div>
+    ${sprintHeader}
+    ${progressBar2(data.workItems.completionPct)}
+    ${statsCards}
+    ${featuresSection}
+    ${contributionsSection}
+  `;
+}
+// src/web/templates/pages/po/stakeholders.ts
+function poStakeholdersPage(ctx) {
+  const garReport = getGarData(ctx.store, ctx.projectName);
+  const upcoming = getUpcomingData(ctx.store);
+  const actions = ctx.store.list({ type: "action" });
+  const openActions = actions.filter(
+    (d) => !["done", "closed", "resolved", "cancelled"].includes(d.frontmatter.status)
+  );
+  const questions = ctx.store.list({ type: "question" });
+  const openQuestions = questions.filter((d) => d.frontmatter.status === "open");
+  const garDotClass = `dot-${garReport.overall}`;
+  const garAreaCards = garReport.areas.map(
+    (area) => `
+      <div class="gar-area">
+        <div class="area-header">
+          <div class="area-dot dot-${area.status}"></div>
+          <div class="area-name">${escapeHtml(area.name)}</div>
+        </div>
+        <div class="area-summary">${escapeHtml(area.summary)}</div>
+        ${area.items.length > 0 ? `<ul>${area.items.slice(0, 5).map((item) => `<li><span class="ref-id">${escapeHtml(item.id)}</span>${escapeHtml(item.title)}</li>`).join("")}</ul>` : ""}
+      </div>`
+  ).join("\n");
+  const garSection = collapsibleSection(
+    "po-stakeholders-gar",
+    "Project Status (GAR)",
+    `<div class="gar-overall">
+      <div class="dot ${garDotClass}"></div>
+      <div class="label">Overall: ${escapeHtml(garReport.overall)}</div>
+    </div>
+    <div class="gar-areas">${garAreaCards}</div>`,
+    { titleTag: "h3" }
+  );
+  const actionsSection = openActions.length > 0 ? collapsibleSection(
+    "po-stakeholders-actions",
+    `Open Action Items (${openActions.length})`,
+    `<div class="table-wrap">
+          <table>
+            <thead>
+              <tr><th>ID</th><th>Title</th><th>Status</th><th>Owner</th><th>Due Date</th></tr>
+            </thead>
+            <tbody>
+              ${openActions.map((d) => `
+              <tr>
+                <td><a href="/docs/action/${escapeHtml(d.frontmatter.id)}">${escapeHtml(d.frontmatter.id)}</a></td>
+                <td>${escapeHtml(d.frontmatter.title)}</td>
+                <td>${statusBadge(d.frontmatter.status)}</td>
+                <td>${d.frontmatter.owner ? escapeHtml(d.frontmatter.owner) : '<span class="text-dim">\u2014</span>'}</td>
+                <td>${d.frontmatter.dueDate ? formatDate(d.frontmatter.dueDate) : '<span class="text-dim">\u2014</span>'}</td>
+              </tr>`).join("")}
+            </tbody>
+          </table>
+        </div>`,
+    { titleTag: "h3" }
+  ) : "";
+  const questionsSection = openQuestions.length > 0 ? collapsibleSection(
+    "po-stakeholders-questions",
+    `Questions Needing Input (${openQuestions.length})`,
+    `<div class="table-wrap">
+          <table>
+            <thead>
+              <tr><th>ID</th><th>Title</th><th>Owner</th><th>Created</th></tr>
+            </thead>
+            <tbody>
+              ${openQuestions.map((d) => `
+              <tr>
+                <td><a href="/docs/question/${escapeHtml(d.frontmatter.id)}">${escapeHtml(d.frontmatter.id)}</a></td>
+                <td>${escapeHtml(d.frontmatter.title)}</td>
+                <td>${d.frontmatter.owner ? escapeHtml(d.frontmatter.owner) : '<span class="text-dim">\u2014</span>'}</td>
+                <td>${formatDate(d.frontmatter.created)}</td>
+              </tr>`).join("")}
+            </tbody>
+          </table>
+        </div>`,
+    { titleTag: "h3" }
+  ) : "";
+  return `
+    <div class="page-header">
+      <h2>Stakeholder View</h2>
+      <div class="subtitle">Project status overview for stakeholder communication</div>
+    </div>
+    ${garSection}
+    ${actionsSection}
+    ${questionsSection}
+  `;
+}
+// src/web/persona-configs/po.ts
+registerPersonaView({
+  shortName: "po",
+  displayName: "Product Owner",
+  description: "Feature delivery, decisions, and stakeholder alignment",
+  color: "#6c8cff",
+  navItems: [
+    { path: "/po/dashboard", label: "Dashboard" },
+    { path: "/po/backlog", label: "Product Backlog" },
+    { path: "/po/decisions", label: "Decision Log" },
+    { path: "/po/delivery", label: "Value Delivery" },
+    { path: "/po/stakeholders", label: "Stakeholder View" }
+  ]
+});
+registerPersonaPage("po", "dashboard", poDashboardPage);
+registerPersonaPage("po", "backlog", poBacklogPage);
+registerPersonaPage("po", "decisions", poDecisionsPage);
+registerPersonaPage("po", "delivery", poDeliveryPage);
+registerPersonaPage("po", "stakeholders", poStakeholdersPage);
+// src/web/templates/pages/dm/dashboard.ts
+var DONE_STATUSES4 = /* @__PURE__ */ new Set(["done", "closed", "resolved", "cancelled"]);
+function progressBar3(pct) {
+  return `<div class="sprint-progress-bar">
+    <div class="sprint-progress-fill" style="width: ${pct}%"></div>
+    <span class="sprint-progress-label">${pct}%</span>
+  </div>`;
+}
+function dmDashboardPage(ctx) {
+  const sprintData = getSprintSummaryData(ctx.store);
+  const upcoming = getUpcomingData(ctx.store);
+  const actions = ctx.store.list({ type: "action" });
+  const openActions = actions.filter((d) => !DONE_STATUSES4.has(d.frontmatter.status));
+  const overdueActions = upcoming.dueSoonActions.filter((a) => a.urgency === "overdue");
+  const statsCards = `
+    <div class="cards">
+      <div class="card">
+        <a href="/dm/sprint">
+          <div class="card-label">Sprint Progress</div>
+          <div class="card-value">${sprintData ? `${sprintData.workItems.completionPct}%` : "\u2014"}</div>
+          <div class="card-sub">${sprintData ? `${sprintData.timeline.daysRemaining} days remaining` : "No active sprint"}</div>
+        </a>
+      </div>
+      <div class="card">
+        <a href="/dm/risks">
+          <div class="card-label">Blockers</div>
+          <div class="card-value${(sprintData?.blockers.length ?? 0) > 0 ? " priority-high" : ""}">${sprintData?.blockers.length ?? 0}</div>
+          <div class="card-sub">blocking items</div>
+        </a>
+      </div>
+      <div class="card">
+        <a href="/dm/actions">
+          <div class="card-label">Overdue Actions</div>
+          <div class="card-value${overdueActions.length > 0 ? " priority-high" : ""}">${overdueActions.length}</div>
+          <div class="card-sub">${openActions.length} open total</div>
+        </a>
+      </div>
+      <div class="card">
+        <a href="/dm/meetings">
+          <div class="card-label">Meetings</div>
+          <div class="card-value">${sprintData?.meetings.length ?? 0}</div>
+          <div class="card-sub">this sprint</div>
+        </a>
+      </div>
+    </div>`;
+  const sprintProgress = sprintData ? `
+      <div class="sprint-goal">
+        <strong>${escapeHtml(sprintData.sprint.id)} \u2014 ${escapeHtml(sprintData.sprint.title)}</strong>
+        ${sprintData.sprint.goal ? ` | ${escapeHtml(sprintData.sprint.goal)}` : ""}
+      </div>
+      ${progressBar3(sprintData.workItems.completionPct)}` : "";
+  const riskItems = [];
+  if (overdueActions.length > 0) riskItems.push(`${overdueActions.length} overdue action(s)`);
+  if ((sprintData?.blockers.length ?? 0) > 0) riskItems.push(`${sprintData.blockers.length} blocker(s)`);
+  if (sprintData && sprintData.timeline.daysRemaining <= 3 && sprintData.workItems.completionPct < 80) {
+    riskItems.push("Sprint deadline approaching with low completion");
+  }
+  const riskSection = riskItems.length > 0 ? `<div class="sprint-goal" style="border-left: 3px solid var(--red);">
+        <strong>Risk Indicators</strong>
+        <ul style="margin: 0.5rem 0 0 1.25rem; font-size: 0.875rem; color: var(--text-dim);">
+          ${riskItems.map((r) => `<li>${escapeHtml(r)}</li>`).join("")}
+        </ul>
+      </div>` : "";
+  const dueSoonPreview = upcoming.dueSoonActions.slice(0, 5);
+  const actionsPreview = dueSoonPreview.length > 0 ? collapsibleSection(
+    "dm-dash-actions",
+    "Due Soon Actions",
+    `<div class="table-wrap">
+          <table>
+            <thead>
+              <tr><th>ID</th><th>Title</th><th>Owner</th><th>Due</th><th>Status</th></tr>
+            </thead>
+            <tbody>
+              ${dueSoonPreview.map((a) => `
+              <tr>
+                <td><a href="/docs/action/${escapeHtml(a.id)}">${escapeHtml(a.id)}</a></td>
+                <td>${escapeHtml(a.title)}</td>
+                <td>${a.owner ? escapeHtml(a.owner) : '<span class="text-dim">\u2014</span>'}</td>
+                <td>${formatDate(a.dueDate)}</td>
+                <td>${statusBadge(a.status)}</td>
+              </tr>`).join("")}
+            </tbody>
+          </table>
+        </div>
+        <p style="margin-top: 0.5rem; font-size: 0.85rem;"><a href="/dm/actions">View all actions &rarr;</a></p>`,
+    { titleTag: "h3" }
+  ) : "";
+  return `
+    <div class="page-header">
+      <h2>Delivery Manager Dashboard</h2>
+      <div class="subtitle">Sprint execution, action tracking, and risk management</div>
+    </div>
+    ${sprintProgress}
+    ${statsCards}
+    ${riskSection}
+    ${actionsPreview}
+  `;
+}
+// src/web/templates/pages/dm/sprint.ts
+function dmSprintPage(ctx) {
+  const data = getSprintSummaryData(ctx.store);
+  return sprintSummaryPage(data);
+}
+// src/web/templates/pages/dm/actions.ts
+var DONE_STATUSES5 = /* @__PURE__ */ new Set(["done", "closed", "resolved", "cancelled"]);
+function urgencyBadge2(tier) {
+  const labels = {
+    overdue: "Overdue",
+    "due-3d": "Due in 3d",
+    "due-7d": "Due in 7d",
+    upcoming: "Upcoming",
+    later: "Later"
+  };
+  return `<span class="badge urgency-badge-${tier}">${labels[tier]}</span>`;
+}
+function urgencyRowClass2(tier) {
+  if (tier === "overdue") return " urgency-row-overdue";
+  if (tier === "due-3d") return " urgency-row-due-3d";
+  if (tier === "due-7d") return " urgency-row-due-7d";
+  return "";
+}
+function dmActionsPage(ctx) {
+  const upcoming = getUpcomingData(ctx.store);
+  const allActions = ctx.store.list({ type: "action" });
+  const openActions = allActions.filter((d) => !DONE_STATUSES5.has(d.frontmatter.status));
+  const overdueActions = upcoming.dueSoonActions.filter((a) => a.urgency === "overdue");
+  const dueThisWeek = upcoming.dueSoonActions.filter((a) => a.urgency === "due-3d" || a.urgency === "due-7d");
+  const unownedActions = openActions.filter((d) => !d.frontmatter.owner);
+  const statsCards = `
+    <div class="cards">
+      <div class="card">
+        <div class="card-label">Total Open</div>
+        <div class="card-value">${openActions.length}</div>
+        <div class="card-sub">${allActions.length} total actions</div>
+      </div>
+      <div class="card">
+        <div class="card-label">Overdue</div>
+        <div class="card-value${overdueActions.length > 0 ? " priority-high" : ""}">${overdueActions.length}</div>
+        <div class="card-sub">past due date</div>
+      </div>
+      <div class="card">
+        <div class="card-label">Due This Week</div>
+        <div class="card-value${dueThisWeek.length > 0 ? " priority-medium" : ""}">${dueThisWeek.length}</div>
+        <div class="card-sub">next 7 days</div>
+      </div>
+      <div class="card">
+        <div class="card-label">Unowned</div>
+        <div class="card-value${unownedActions.length > 0 ? " priority-medium" : ""}">${unownedActions.length}</div>
+        <div class="card-sub">need assignment</div>
+      </div>
+    </div>`;
+  const dueSoonSection = upcoming.dueSoonActions.length > 0 ? collapsibleSection(
+    "dm-actions-due",
+    `Actions by Due Date (${upcoming.dueSoonActions.length})`,
+    `<div class="table-wrap">
+          <table>
+            <thead>
+              <tr><th>ID</th><th>Title</th><th>Status</th><th>Owner</th><th>Due Date</th><th>Urgency</th></tr>
+            </thead>
+            <tbody>
+              ${upcoming.dueSoonActions.map((a) => `
+              <tr class="${urgencyRowClass2(a.urgency)}">
+                <td><a href="/docs/action/${escapeHtml(a.id)}">${escapeHtml(a.id)}</a></td>
+                <td>${escapeHtml(a.title)}</td>
+                <td>${statusBadge(a.status)}</td>
+                <td>${a.owner ? escapeHtml(a.owner) : '<span class="text-dim">\u2014</span>'}</td>
+                <td>${formatDate(a.dueDate)}</td>
+                <td>${urgencyBadge2(a.urgency)}</td>
+              </tr>`).join("")}
+            </tbody>
+          </table>
+        </div>`,
+    { titleTag: "h3" }
+  ) : "";
+  const noDueDateActions = openActions.filter((d) => !d.frontmatter.dueDate);
+  const noDueDateSection = noDueDateActions.length > 0 ? collapsibleSection(
+    "dm-actions-nodate",
+    `Actions Without Due Date (${noDueDateActions.length})`,
+    `<div class="table-wrap">
+          <table>
+            <thead>
+              <tr><th>ID</th><th>Title</th><th>Status</th><th>Owner</th><th>Created</th></tr>
+            </thead>
+            <tbody>
+              ${noDueDateActions.map((d) => `
+              <tr>
+                <td><a href="/docs/action/${escapeHtml(d.frontmatter.id)}">${escapeHtml(d.frontmatter.id)}</a></td>
+                <td>${escapeHtml(d.frontmatter.title)}</td>
+                <td>${statusBadge(d.frontmatter.status)}</td>
+                <td>${d.frontmatter.owner ? escapeHtml(d.frontmatter.owner) : '<span class="text-dim">\u2014</span>'}</td>
+                <td>${formatDate(d.frontmatter.created)}</td>
+              </tr>`).join("")}
+            </tbody>
+          </table>
+        </div>`,
+    { titleTag: "h3", defaultCollapsed: true }
+  ) : "";
+  return `
+    <div class="page-header">
+      <h2>Action Tracker</h2>
+      <div class="subtitle">Track and manage all action items across the project</div>
+    </div>
+    ${statsCards}
+    ${dueSoonSection}
+    ${noDueDateSection}
+  `;
+}
+// src/web/templates/pages/dm/risks.ts
+var DONE_STATUSES6 = /* @__PURE__ */ new Set(["done", "closed", "resolved", "cancelled"]);
+function dmRisksPage(ctx) {
+  const allDocs = ctx.store.list();
+  const upcoming = getUpcomingData(ctx.store);
+  const healthMetrics = collectHealthMetrics(ctx.store);
+  const healthReport = evaluateHealth(ctx.projectName, healthMetrics);
+  const blockedItems = allDocs.filter((d) => d.frontmatter.status === "blocked");
+  const today = (/* @__PURE__ */ new Date()).toISOString().slice(0, 10);
+  const todayMs = new Date(today).getTime();
+  const fourteenDaysMs = 14 * 864e5;
+  const agingItems = allDocs.filter((d) => {
+    if (DONE_STATUSES6.has(d.frontmatter.status)) return false;
+    if (!["action", "question"].includes(d.frontmatter.type)) return false;
+    const createdMs = new Date(d.frontmatter.created).getTime();
+    return todayMs - createdMs > fourteenDaysMs;
+  });
+  const statsCards = `
+    <div class="cards">
+      <div class="card">
+        <div class="card-label">Blocked Items</div>
+        <div class="card-value${blockedItems.length > 0 ? " priority-high" : ""}">${blockedItems.length}</div>
+        <div class="card-sub">currently blocked</div>
+      </div>
+      <div class="card">
+        <div class="card-label">Aging Items</div>
+        <div class="card-value${agingItems.length > 0 ? " priority-medium" : ""}">${agingItems.length}</div>
+        <div class="card-sub">&gt;14 days open</div>
+      </div>
+      <div class="card">
+        <div class="card-label">Health</div>
+        <div class="card-value"><span class="dot-${healthReport.overall}" style="display:inline-block;width:12px;height:12px;border-radius:50%;margin-right:0.3rem;vertical-align:middle;"></span>${healthReport.overall}</div>
+        <div class="card-sub">overall project health</div>
+      </div>
+      <div class="card">
+        <div class="card-label">Overdue Actions</div>
+        <div class="card-value${upcoming.dueSoonActions.filter((a) => a.urgency === "overdue").length > 0 ? " priority-high" : ""}">${upcoming.dueSoonActions.filter((a) => a.urgency === "overdue").length}</div>
+        <div class="card-sub">past due date</div>
+      </div>
+    </div>`;
+  const blockedSection = blockedItems.length > 0 ? collapsibleSection(
+    "dm-risks-blocked",
+    `Blocked Items (${blockedItems.length})`,
+    `<div class="table-wrap">
+          <table>
+            <thead>
+              <tr><th>ID</th><th>Title</th><th>Type</th><th>Owner</th><th>Created</th></tr>
+            </thead>
+            <tbody>
+              ${blockedItems.map((d) => `
+              <tr>
+                <td><a href="/docs/${escapeHtml(d.frontmatter.type)}/${escapeHtml(d.frontmatter.id)}">${escapeHtml(d.frontmatter.id)}</a></td>
+                <td>${escapeHtml(d.frontmatter.title)}</td>
+                <td>${escapeHtml(typeLabel(d.frontmatter.type))}</td>
+                <td>${d.frontmatter.owner ? escapeHtml(d.frontmatter.owner) : '<span class="text-dim">\u2014</span>'}</td>
+                <td>${formatDate(d.frontmatter.created)}</td>
+              </tr>`).join("")}
+            </tbody>
+          </table>
+        </div>`,
+    { titleTag: "h3" }
+  ) : "";
+  const agingSection = agingItems.length > 0 ? collapsibleSection(
+    "dm-risks-aging",
+    `Aging Items (${agingItems.length})`,
+    `<div class="table-wrap">
+          <table>
+            <thead>
+              <tr><th>ID</th><th>Title</th><th>Type</th><th>Status</th><th>Created</th><th>Age</th></tr>
+            </thead>
+            <tbody>
+              ${agingItems.map((d) => {
+      const ageDays = Math.floor((todayMs - new Date(d.frontmatter.created).getTime()) / 864e5);
+      return `
+              <tr>
+                <td><a href="/docs/${escapeHtml(d.frontmatter.type)}/${escapeHtml(d.frontmatter.id)}">${escapeHtml(d.frontmatter.id)}</a></td>
+                <td>${escapeHtml(d.frontmatter.title)}</td>
+                <td>${escapeHtml(typeLabel(d.frontmatter.type))}</td>
+                <td>${statusBadge(d.frontmatter.status)}</td>
+                <td>${formatDate(d.frontmatter.created)}</td>
+                <td><span class="${ageDays > 30 ? "priority-high" : "priority-medium"}">${ageDays}d</span></td>
+              </tr>`;
+    }).join("")}
+            </tbody>
+          </table>
+        </div>`,
+    { titleTag: "h3" }
+  ) : "";
+  const healthSection = collapsibleSection(
+    "dm-risks-health",
+    "Health Overview",
+    `<div class="gar-overall">
+      <div class="dot dot-${healthReport.overall}"></div>
+      <div class="label">Overall: ${escapeHtml(healthReport.overall)}</div>
+    </div>
+    <div class="gar-areas">
+      ${healthReport.completeness.map((cat) => `
+      <div class="gar-area">
+        <div class="area-header">
+          <div class="area-dot dot-${cat.status}"></div>
+          <div class="area-name">${escapeHtml(cat.name)}</div>
+        </div>
+        <div class="area-summary">${escapeHtml(cat.summary)}</div>
+      </div>`).join("")}
+      ${healthReport.process.map((cat) => `
+      <div class="gar-area">
+        <div class="area-header">
+          <div class="area-dot dot-${cat.status}"></div>
+          <div class="area-name">${escapeHtml(cat.name)}</div>
+        </div>
+        <div class="area-summary">${escapeHtml(cat.summary)}</div>
+      </div>`).join("")}
+    </div>`,
+    { titleTag: "h3", defaultCollapsed: true }
+  );
+  return `
+    <div class="page-header">
+      <h2>Risk & Blockers</h2>
+      <div class="subtitle">Identify and track project risks, blockers, and aging items</div>
+    </div>
+    ${statsCards}
+    ${blockedSection}
+    ${agingSection}
+    ${healthSection}
+  `;
+}
+// src/web/templates/pages/dm/meetings.ts
+var DONE_STATUSES7 = /* @__PURE__ */ new Set(["done", "closed", "resolved", "cancelled"]);
+function dmMeetingsPage(ctx) {
+  const meetings = ctx.store.list({ type: "meeting" });
+  const actions = ctx.store.list({ type: "action" });
+  const sortedMeetings = [...meetings].sort((a, b) => {
+    const dateA = a.frontmatter.date ?? a.frontmatter.created;
+    const dateB = b.frontmatter.date ?? b.frontmatter.created;
+    return dateB.localeCompare(dateA);
+  });
+  const meetingActionMap = /* @__PURE__ */ new Map();
+  for (const meeting of meetings) {
+    const mid = meeting.frontmatter.id;
+    const relatedActions = actions.filter((a) => {
+      const tags = a.frontmatter.tags ?? [];
+      const hasMeetingTag = tags.some((t) => t.startsWith("meeting:") && t.slice(8) === mid);
+      const mentionsInContent = (a.content ?? "").includes(mid);
+      const source = a.frontmatter.source;
+      const fromMeeting = typeof source === "string" && source.includes(mid);
+      return hasMeetingTag || mentionsInContent || fromMeeting;
+    });
+    if (relatedActions.length > 0) {
+      meetingActionMap.set(mid, relatedActions);
+    }
+  }
+  const statsCards = `
+    <div class="cards">
+      <div class="card">
+        <div class="card-label">Total Meetings</div>
+        <div class="card-value">${meetings.length}</div>
+        <div class="card-sub">recorded</div>
+      </div>
+      <div class="card">
+        <div class="card-label">With Actions</div>
+        <div class="card-value">${meetingActionMap.size}</div>
+        <div class="card-sub">meetings with linked actions</div>
+      </div>
+    </div>`;
+  const meetingsTable = sortedMeetings.length > 0 ? `<div class="table-wrap">
+        <table>
+          <thead>
+            <tr><th>Date</th><th>ID</th><th>Title</th><th>Actions</th></tr>
+          </thead>
+          <tbody>
+            ${sortedMeetings.map((m) => {
+    const date5 = m.frontmatter.date ?? m.frontmatter.created;
+    const relatedActions = meetingActionMap.get(m.frontmatter.id) ?? [];
+    const openCount = relatedActions.filter((a) => !DONE_STATUSES7.has(a.frontmatter.status)).length;
+    return `
+            <tr>
+              <td>${formatDate(date5)}</td>
+              <td><a href="/docs/meeting/${escapeHtml(m.frontmatter.id)}">${escapeHtml(m.frontmatter.id)}</a></td>
+              <td>${escapeHtml(m.frontmatter.title)}</td>
+              <td>${relatedActions.length > 0 ? `${relatedActions.length} (${openCount} open)` : '<span class="text-dim">\u2014</span>'}</td>
+            </tr>`;
+  }).join("")}
+          </tbody>
+        </table>
+      </div>` : '<div class="empty"><p>No meetings recorded.</p></div>';
+  const recentMeetingActions = [];
+  for (const [mid, acts] of meetingActionMap) {
+    for (const act of acts) {
+      if (!DONE_STATUSES7.has(act.frontmatter.status)) {
+        recentMeetingActions.push({ action: act, meetingId: mid });
+      }
+    }
+  }
+  recentMeetingActions.sort((a, b) => {
+    const da = a.action.frontmatter.dueDate ?? a.action.frontmatter.created;
+    const db = b.action.frontmatter.dueDate ?? b.action.frontmatter.created;
+    return da.localeCompare(db);
+  });
+  const actionItemsSection = recentMeetingActions.length > 0 ? collapsibleSection(
+    "dm-meetings-actions",
+    `Open Meeting Action Items (${recentMeetingActions.length})`,
+    `<div class="table-wrap">
+          <table>
+            <thead>
+              <tr><th>Action ID</th><th>Title</th><th>Meeting</th><th>Owner</th><th>Due</th><th>Status</th></tr>
+            </thead>
+            <tbody>
+              ${recentMeetingActions.map(({ action: a, meetingId }) => `
+              <tr>
+                <td><a href="/docs/action/${escapeHtml(a.frontmatter.id)}">${escapeHtml(a.frontmatter.id)}</a></td>
+                <td>${escapeHtml(a.frontmatter.title)}</td>
+                <td><a href="/docs/meeting/${escapeHtml(meetingId)}">${escapeHtml(meetingId)}</a></td>
+                <td>${a.frontmatter.owner ? escapeHtml(a.frontmatter.owner) : '<span class="text-dim">\u2014</span>'}</td>
+                <td>${a.frontmatter.dueDate ? formatDate(a.frontmatter.dueDate) : '<span class="text-dim">\u2014</span>'}</td>
+                <td>${statusBadge(a.frontmatter.status)}</td>
+              </tr>`).join("")}
+            </tbody>
+          </table>
+        </div>`,
+    { titleTag: "h3" }
+  ) : "";
+  return `
+    <div class="page-header">
+      <h2>Meetings</h2>
+      <div class="subtitle">Meeting log and cross-referenced action items</div>
+    </div>
+    ${statsCards}
+    ${collapsibleSection("dm-meetings-log", `Meeting Log (${sortedMeetings.length})`, meetingsTable, { titleTag: "h3" })}
+    ${actionItemsSection}
+  `;
+}
+// src/web/templates/pages/dm/governance.ts
+function dmGovernancePage(ctx) {
+  const garReport = getGarData(ctx.store, ctx.projectName);
+  const healthMetrics = collectHealthMetrics(ctx.store);
+  const healthReport = evaluateHealth(ctx.projectName, healthMetrics);
+  const garContent = garPage(garReport);
+  const healthContent = healthPage(healthReport, healthMetrics);
+  return `
+    <div class="page-header">
+      <h2>Governance</h2>
+      <div class="subtitle">GAR report and health check combined view</div>
+    </div>
+    ${collapsibleSection("dm-gov-gar", "GAR Report", garContent, { titleTag: "h3" })}
+    ${collapsibleSection("dm-gov-health", "Health Check", healthContent, { titleTag: "h3" })}
+  `;
+}
+// src/web/persona-configs/dm.ts
+registerPersonaView({
+  shortName: "dm",
+  displayName: "Delivery Manager",
+  description: "Sprint execution, action tracking, and risk management",
+  color: "#34d399",
+  navItems: [
+    { path: "/dm/dashboard", label: "Dashboard" },
+    { path: "/dm/sprint", label: "Sprint Execution" },
+    { path: "/dm/actions", label: "Action Tracker" },
+    { path: "/dm/risks", label: "Risk & Blockers" },
+    { path: "/dm/meetings", label: "Meetings" },
+    { path: "/dm/governance", label: "Governance" }
+  ]
+});
+registerPersonaPage("dm", "dashboard", dmDashboardPage);
+registerPersonaPage("dm", "sprint", dmSprintPage);
+registerPersonaPage("dm", "actions", dmActionsPage);
+registerPersonaPage("dm", "risks", dmRisksPage);
+registerPersonaPage("dm", "meetings", dmMeetingsPage);
+registerPersonaPage("dm", "governance", dmGovernancePage);
+// src/web/templates/pages/tl/dashboard.ts
+var DONE_STATUSES8 = /* @__PURE__ */ new Set(["done", "closed", "resolved", "cancelled"]);
+function tlDashboardPage(ctx) {
+  const epics = ctx.store.list({ type: "epic" });
+  const tasks = ctx.store.list({ type: "task" });
+  const decisions = ctx.store.list({ type: "decision" });
+  const questions = ctx.store.list({ type: "question" });
+  const diagrams = getDiagramData(ctx.store);
+  const openEpics = epics.filter((d) => !DONE_STATUSES8.has(d.frontmatter.status));
+  const openTasks = tasks.filter((d) => !DONE_STATUSES8.has(d.frontmatter.status));
+  const technicalDecisions = decisions.filter((d) => {
+    const tags = d.frontmatter.tags ?? [];
+    return tags.some((t) => t.toLowerCase().includes("technical") || t.toLowerCase().includes("architecture"));
+  });
+  const openTechDecisions = technicalDecisions.filter((d) => !DONE_STATUSES8.has(d.frontmatter.status));
+  const pendingDecisions = openTechDecisions.length > 0 ? openTechDecisions : decisions.filter((d) => !DONE_STATUSES8.has(d.frontmatter.status));
+  const statsCards = `
+    <div class="cards">
+      <div class="card">
+        <a href="/tl/backlog">
+          <div class="card-label">Open Epics</div>
+          <div class="card-value">${openEpics.length}</div>
+          <div class="card-sub">${epics.length} total</div>
+        </a>
+      </div>
+      <div class="card">
+        <a href="/tl/backlog">
+          <div class="card-label">Open Tasks</div>
+          <div class="card-value">${openTasks.length}</div>
+          <div class="card-sub">${tasks.length} total</div>
+        </a>
+      </div>
+      <div class="card">
+        <a href="/tl/decisions">
+          <div class="card-label">Pending Decisions</div>
+          <div class="card-value${pendingDecisions.length > 0 ? " priority-medium" : ""}">${pendingDecisions.length}</div>
+          <div class="card-sub">needing resolution</div>
+        </a>
+      </div>
+      <div class="card">
+        <a href="/tl/sprint">
+          <div class="card-label">Blocked</div>
+          <div class="card-value${tasks.filter((t) => t.frontmatter.status === "blocked").length > 0 ? " priority-high" : ""}">${tasks.filter((t) => t.frontmatter.status === "blocked").length}</div>
+          <div class="card-sub">blocked tasks</div>
+        </a>
+      </div>
+    </div>`;
+  const diagramSection = collapsibleSection(
+    "tl-dash-diagram",
+    "Architecture Relationships",
+    buildArtifactFlowchart(diagrams),
+    { titleTag: "h3" }
+  );
+  return `
+    <div class="page-header">
+      <h2>Technical Lead Dashboard</h2>
+      <div class="subtitle">Technical backlog, architecture decisions, and sprint work</div>
+    </div>
+    ${statsCards}
+    ${diagramSection}
+  `;
+}
+// src/web/templates/pages/tl/backlog.ts
+var DONE_STATUSES9 = /* @__PURE__ */ new Set(["done", "closed", "resolved", "cancelled"]);
+function tlBacklogPage(ctx) {
+  const epics = ctx.store.list({ type: "epic" });
+  const tasks = ctx.store.list({ type: "task" });
+  const epicToTasks = /* @__PURE__ */ new Map();
+  for (const task of tasks) {
+    const tags = task.frontmatter.tags ?? [];
+    for (const tag of tags) {
+      if (tag.startsWith("epic:")) {
+        const epicId = tag.slice(5);
+        const existing = epicToTasks.get(epicId) ?? [];
+        existing.push(task);
+        epicToTasks.set(epicId, existing);
+      }
+    }
+  }
+  const epicFeatureMap = /* @__PURE__ */ new Map();
+  for (const epic of epics) {
+    const linked = epic.frontmatter.linkedFeature;
+    const featureIds = Array.isArray(linked) ? linked.map(String) : linked ? [String(linked)] : [];
+    epicFeatureMap.set(epic.frontmatter.id, featureIds);
+  }
+  const statusOrder = { "in-progress": 0, open: 1, draft: 2, blocked: 3, done: 4, closed: 5, resolved: 6 };
+  const sortedEpics = [...epics].sort((a, b) => {
+    const sa = statusOrder[a.frontmatter.status] ?? 3;
+    const sb = statusOrder[b.frontmatter.status] ?? 3;
+    if (sa !== sb) return sa - sb;
+    return a.frontmatter.id.localeCompare(b.frontmatter.id);
+  });
+  const epicsTable = sortedEpics.length > 0 ? `<div class="table-wrap">
+        <table>
+          <thead>
+            <tr><th>ID</th><th>Title</th><th>Status</th><th>Tasks</th><th>Linked Feature</th></tr>
+          </thead>
+          <tbody>
+            ${sortedEpics.map((e) => {
+    const eTasks = epicToTasks.get(e.frontmatter.id) ?? [];
+    const done = eTasks.filter((t) => DONE_STATUSES9.has(t.frontmatter.status)).length;
+    const featureIds = epicFeatureMap.get(e.frontmatter.id) ?? [];
+    const featureLinks = featureIds.map((fid) => `<a href="/docs/feature/${escapeHtml(fid)}">${escapeHtml(fid)}</a>`).join(", ");
+    return `
+            <tr>
+              <td><a href="/docs/epic/${escapeHtml(e.frontmatter.id)}">${escapeHtml(e.frontmatter.id)}</a></td>
+              <td>${escapeHtml(e.frontmatter.title)}</td>
+              <td>${statusBadge(e.frontmatter.status)}</td>
+              <td>${done}/${eTasks.length}</td>
+              <td>${featureLinks || '<span class="text-dim">\u2014</span>'}</td>
+            </tr>`;
+  }).join("")}
+          </tbody>
+        </table>
+      </div>` : '<div class="empty"><p>No epics found.</p></div>';
+  const assignedTaskIds = /* @__PURE__ */ new Set();
+  for (const taskList of epicToTasks.values()) {
+    for (const t of taskList) assignedTaskIds.add(t.frontmatter.id);
+  }
+  const unassignedTasks = tasks.filter(
+    (t) => !assignedTaskIds.has(t.frontmatter.id) && !DONE_STATUSES9.has(t.frontmatter.status)
+  );
+  const unassignedSection = unassignedTasks.length > 0 ? collapsibleSection(
+    "tl-backlog-unassigned",
+    `Unassigned Tasks (${unassignedTasks.length})`,
+    `<div class="table-wrap">
+          <table>
+            <thead>
+              <tr><th>ID</th><th>Title</th><th>Status</th><th>Owner</th><th>Created</th></tr>
+            </thead>
+            <tbody>
+              ${unassignedTasks.map((t) => `
+              <tr>
+                <td><a href="/docs/task/${escapeHtml(t.frontmatter.id)}">${escapeHtml(t.frontmatter.id)}</a></td>
+                <td>${escapeHtml(t.frontmatter.title)}</td>
+                <td>${statusBadge(t.frontmatter.status)}</td>
+                <td>${t.frontmatter.owner ? escapeHtml(t.frontmatter.owner) : '<span class="text-dim">\u2014</span>'}</td>
+                <td>${formatDate(t.frontmatter.created)}</td>
+              </tr>`).join("")}
+            </tbody>
+          </table>
+        </div>`,
+    { titleTag: "h3" }
+  ) : "";
+  const taskBoard = getBoardData(ctx.store, "task");
+  const boardHtml = taskBoard.columns.length > 0 ? `<div class="board">
+        ${taskBoard.columns.map((col) => `
+        <div class="board-column">
+          <div class="board-column-header">
+            <span>${escapeHtml(col.status)}</span>
+            <span class="count">${col.docs.length}</span>
+          </div>
+          ${col.docs.map((d) => `
+          <div class="board-card">
+            <a href="/docs/task/${escapeHtml(d.frontmatter.id)}">
+              <div class="bc-id">${escapeHtml(d.frontmatter.id)}</div>
+              <div class="bc-title">${escapeHtml(d.frontmatter.title)}</div>
+              ${d.frontmatter.owner ? `<div class="bc-owner">${escapeHtml(d.frontmatter.owner)}</div>` : ""}
+            </a>
+          </div>`).join("")}
+        </div>`).join("")}
+      </div>` : "";
+  const boardSection = boardHtml ? collapsibleSection("tl-backlog-board", "Task Board", boardHtml, { titleTag: "h3", defaultCollapsed: true }) : "";
+  return `
+    <div class="page-header">
+      <h2>Technical Backlog</h2>
+      <div class="subtitle">${epics.length} epics, ${tasks.length} tasks</div>
+    </div>
+    ${collapsibleSection("tl-backlog-epics", `Epics (${epics.length})`, epicsTable, { titleTag: "h3" })}
+    ${unassignedSection}
+    ${boardSection}
+  `;
+}
+// src/web/templates/pages/tl/sprint.ts
+var TL_CONTRIBUTION_TYPES = /* @__PURE__ */ new Set([
+  "action-result",
+  "spike-findings",
+  "technical-assessment",
+  "architecture-review"
+]);
+var DONE_STATUSES10 = /* @__PURE__ */ new Set(["done", "closed", "resolved", "cancelled"]);
+function progressBar4(pct) {
+  return `<div class="sprint-progress-bar">
+    <div class="sprint-progress-fill" style="width: ${pct}%"></div>
+    <span class="sprint-progress-label">${pct}%</span>
+  </div>`;
+}
+function tlSprintPage(ctx) {
+  const data = getSprintSummaryData(ctx.store);
+  if (!data) {
+    return `
+      <div class="page-header">
+        <h2>Sprint Work</h2>
+        <div class="subtitle">Technical sprint items and contributions</div>
+      </div>
+      <div class="empty">
+        <h3>No Active Sprint</h3>
+        <p>No active sprint found. Create a sprint and set its status to "active" to track sprint work.</p>
+      </div>`;
+  }
+  const techTypes = /* @__PURE__ */ new Set(["epic", "task"]);
+  const techItems = data.workItems.items.filter((w) => techTypes.has(w.type));
+  const techDone = techItems.filter((w) => DONE_STATUSES10.has(w.status)).length;
+  const allDocs = ctx.store.list();
+  const tlContributions = allDocs.filter((d) => TL_CONTRIBUTION_TYPES.has(d.frontmatter.type));
+  const statsCards = `
+    <div class="cards">
+      <div class="card">
+        <div class="card-label">Sprint Progress</div>
+        <div class="card-value">${data.workItems.completionPct}%</div>
+        <div class="card-sub">${data.timeline.daysRemaining} days remaining</div>
+      </div>
+      <div class="card">
+        <div class="card-label">Tech Items</div>
+        <div class="card-value">${techItems.length}</div>
+        <div class="card-sub">${techDone} done</div>
+      </div>
+      <div class="card">
+        <div class="card-label">Epics</div>
+        <div class="card-value">${data.linkedEpics.length}</div>
+        <div class="card-sub">linked to sprint</div>
+      </div>
+      <div class="card">
+        <div class="card-label">TL Contributions</div>
+        <div class="card-value">${tlContributions.length}</div>
+        <div class="card-sub">reviews, spikes, assessments</div>
+      </div>
+    </div>`;
+  const sprintHeader = `
+    <div class="sprint-goal">
+      <strong>${escapeHtml(data.sprint.id)} \u2014 ${escapeHtml(data.sprint.title)}</strong>
+      ${data.sprint.goal ? ` | ${escapeHtml(data.sprint.goal)}` : ""}
+    </div>`;
+  const workItemsSection = techItems.length > 0 ? collapsibleSection(
+    "tl-sprint-items",
+    `Sprint Work Items (${techItems.length})`,
+    `<div class="table-wrap">
+          <table>
+            <thead>
+              <tr><th>ID</th><th>Title</th><th>Type</th><th>Status</th><th>Stream</th></tr>
+            </thead>
+            <tbody>
+              ${techItems.map((w) => `
+              <tr>
+                <td><a href="/docs/${escapeHtml(w.type)}/${escapeHtml(w.id)}">${escapeHtml(w.id)}</a></td>
+                <td>${escapeHtml(w.title)}</td>
+                <td>${escapeHtml(typeLabel(w.type))}</td>
+                <td>${statusBadge(w.status)}</td>
+                <td>${w.workStream ? `<span class="badge badge-subtle">${escapeHtml(w.workStream)}</span>` : '<span class="text-dim">\u2014</span>'}</td>
+              </tr>`).join("")}
+            </tbody>
+          </table>
+        </div>`,
+    { titleTag: "h3" }
+  ) : "";
+  const contributionsSection = tlContributions.length > 0 ? collapsibleSection(
+    "tl-sprint-contributions",
+    `TL Contributions (${tlContributions.length})`,
+    `<div class="table-wrap">
+          <table>
+            <thead>
+              <tr><th>ID</th><th>Title</th><th>Type</th><th>Status</th><th>Date</th></tr>
+            </thead>
+            <tbody>
+              ${tlContributions.map((d) => `
+              <tr>
+                <td><a href="/docs/${escapeHtml(d.frontmatter.type)}/${escapeHtml(d.frontmatter.id)}">${escapeHtml(d.frontmatter.id)}</a></td>
+                <td>${escapeHtml(d.frontmatter.title)}</td>
+                <td>${escapeHtml(typeLabel(d.frontmatter.type))}</td>
+                <td>${statusBadge(d.frontmatter.status)}</td>
+                <td>${formatDate(d.frontmatter.updated ?? d.frontmatter.created)}</td>
+              </tr>`).join("")}
+            </tbody>
+          </table>
+        </div>`,
+    { titleTag: "h3" }
+  ) : "";
+  const epicsSection = data.linkedEpics.length > 0 ? collapsibleSection(
+    "tl-sprint-epics",
+    "Linked Epics",
+    `<div class="table-wrap">
+          <table>
+            <thead>
+              <tr><th>ID</th><th>Title</th><th>Status</th><th>Tasks Done</th></tr>
+            </thead>
+            <tbody>
+              ${data.linkedEpics.map((e) => `
+              <tr>
+                <td><a href="/docs/epic/${escapeHtml(e.id)}">${escapeHtml(e.id)}</a></td>
+                <td>${escapeHtml(e.title)}</td>
+                <td>${statusBadge(e.status)}</td>
+                <td>${e.tasksDone} / ${e.tasksTotal}</td>
+              </tr>`).join("")}
+            </tbody>
+          </table>
+        </div>`,
+    { titleTag: "h3" }
+  ) : "";
+  return `
+    <div class="page-header">
+      <h2>Sprint Work</h2>
+      <div class="subtitle">Technical sprint items and contributions</div>
+    </div>
+    ${sprintHeader}
+    ${progressBar4(data.workItems.completionPct)}
+    ${statsCards}
+    ${workItemsSection}
+    ${epicsSection}
+    ${contributionsSection}
+  `;
+}
+// src/web/templates/pages/tl/decisions.ts
+var DONE_STATUSES11 = /* @__PURE__ */ new Set(["done", "closed", "resolved", "cancelled"]);
+function tlDecisionsPage(ctx) {
+  const decisions = ctx.store.list({ type: "decision" });
+  const questions = ctx.store.list({ type: "question" });
+  const technicalDecisions = decisions.filter((d) => {
+    const tags = d.frontmatter.tags ?? [];
+    return tags.some((t) => {
+      const lower = t.toLowerCase();
+      return lower.includes("technical") || lower.includes("architecture") || lower.includes("design");
+    });
+  });
+  const displayDecisions = technicalDecisions.length > 0 ? technicalDecisions : decisions;
+  const isFiltered = technicalDecisions.length > 0;
+  const openDecisions = displayDecisions.filter((d) => !DONE_STATUSES11.has(d.frontmatter.status));
+  const resolvedDecisions = displayDecisions.filter((d) => DONE_STATUSES11.has(d.frontmatter.status));
+  const technicalQuestions = questions.filter((d) => {
+    const tags = d.frontmatter.tags ?? [];
+    return tags.some((t) => {
+      const lower = t.toLowerCase();
+      return lower.includes("technical") || lower.includes("architecture") || lower.includes("design");
+    });
+  });
+  const displayQuestions = technicalQuestions.length > 0 ? technicalQuestions : questions;
+  const openQuestions = displayQuestions.filter((d) => d.frontmatter.status === "open");
+  const statsCards = `
+    <div class="cards">
+      <div class="card">
+        <div class="card-label">Open Decisions</div>
+        <div class="card-value${openDecisions.length > 0 ? " priority-medium" : ""}">${openDecisions.length}</div>
+        <div class="card-sub">${isFiltered ? "technical" : "all"} decisions</div>
+      </div>
+      <div class="card">
+        <div class="card-label">Resolved</div>
+        <div class="card-value">${resolvedDecisions.length}</div>
+        <div class="card-sub">decisions made</div>
+      </div>
+      <div class="card">
+        <div class="card-label">Open Questions</div>
+        <div class="card-value${openQuestions.length > 0 ? " priority-medium" : ""}">${openQuestions.length}</div>
+        <div class="card-sub">${technicalQuestions.length > 0 ? "technical" : "all"} questions</div>
+      </div>
+    </div>`;
+  function decisionTable(docs) {
+    if (docs.length === 0) return '<div class="empty"><p>None found.</p></div>';
+    return `<div class="table-wrap">
+      <table>
+        <thead>
+          <tr><th>ID</th><th>Title</th><th>Status</th><th>Owner</th><th>Tags</th><th>Created</th></tr>
+        </thead>
+        <tbody>
+          ${docs.map((d) => {
+      const tags = d.frontmatter.tags ?? [];
+      return `
+          <tr>
+            <td><a href="/docs/decision/${escapeHtml(d.frontmatter.id)}">${escapeHtml(d.frontmatter.id)}</a></td>
+            <td>${escapeHtml(d.frontmatter.title)}</td>
+            <td>${statusBadge(d.frontmatter.status)}</td>
+            <td>${d.frontmatter.owner ? escapeHtml(d.frontmatter.owner) : '<span class="text-dim">\u2014</span>'}</td>
+            <td>${tags.length > 0 ? tags.map((t) => `<span class="signal-tag">${escapeHtml(t)}</span>`).join(" ") : '<span class="text-dim">\u2014</span>'}</td>
+            <td>${formatDate(d.frontmatter.created)}</td>
+          </tr>`;
+    }).join("")}
+        </tbody>
+      </table>
+    </div>`;
+  }
+  const openSection = collapsibleSection(
+    "tl-decisions-open",
+    `Open Decisions (${openDecisions.length})`,
+    decisionTable(openDecisions),
+    { titleTag: "h3" }
+  );
+  const resolvedSection = collapsibleSection(
+    "tl-decisions-resolved",
+    `Resolved Decisions (${resolvedDecisions.length})`,
+    decisionTable(resolvedDecisions),
+    { titleTag: "h3", defaultCollapsed: true }
+  );
+  const questionsSection = openQuestions.length > 0 ? collapsibleSection(
+    "tl-decisions-questions",
+    `Open Questions (${openQuestions.length})`,
+    `<div class="table-wrap">
+          <table>
+            <thead>
+              <tr><th>ID</th><th>Title</th><th>Owner</th><th>Created</th></tr>
+            </thead>
+            <tbody>
+              ${openQuestions.map((d) => `
+              <tr>
+                <td><a href="/docs/question/${escapeHtml(d.frontmatter.id)}">${escapeHtml(d.frontmatter.id)}</a></td>
+                <td>${escapeHtml(d.frontmatter.title)}</td>
+                <td>${d.frontmatter.owner ? escapeHtml(d.frontmatter.owner) : '<span class="text-dim">\u2014</span>'}</td>
+                <td>${formatDate(d.frontmatter.created)}</td>
+              </tr>`).join("")}
+            </tbody>
+          </table>
+        </div>`,
+    { titleTag: "h3" }
+  ) : "";
+  return `
+    <div class="page-header">
+      <h2>Architecture Decisions</h2>
+      <div class="subtitle">${isFiltered ? "Technical" : "All"} decisions and open questions</div>
+    </div>
+    ${statsCards}
+    ${openSection}
+    ${questionsSection}
+    ${resolvedSection}
+  `;
+}
+// src/web/templates/pages/tl/health.ts
+function tlHealthPage(ctx) {
+  const healthMetrics = collectHealthMetrics(ctx.store);
+  const healthReport = evaluateHealth(ctx.projectName, healthMetrics);
+  const upcoming = getUpcomingData(ctx.store);
+  const tasks = ctx.store.list({ type: "task" });
+  const blockedTasks = tasks.filter((t) => t.frontmatter.status === "blocked");
+  const highPriorityBlocked = blockedTasks.filter((t) => {
+    const p = t.frontmatter.priority?.toLowerCase();
+    return p === "critical" || p === "high";
+  });
+  const techTrending = upcoming.trending.filter(
+    (t) => ["task", "action"].includes(t.type)
+  );
+  const statsCards = `
+    <div class="cards">
+      <div class="card">
+        <div class="card-label">Health</div>
+        <div class="card-value"><span class="dot-${healthReport.overall}" style="display:inline-block;width:12px;height:12px;border-radius:50%;margin-right:0.3rem;vertical-align:middle;"></span>${healthReport.overall}</div>
+        <div class="card-sub">overall project health</div>
+      </div>
+      <div class="card">
+        <div class="card-label">Blocked Tasks</div>
+        <div class="card-value${blockedTasks.length > 0 ? " priority-high" : ""}">${blockedTasks.length}</div>
+        <div class="card-sub">${highPriorityBlocked.length} high priority</div>
+      </div>
+      <div class="card">
+        <div class="card-label">Completeness</div>
+        <div class="card-value">${healthReport.completeness.filter((c) => c.status === "green").length}/${healthReport.completeness.length}</div>
+        <div class="card-sub">categories green</div>
+      </div>
+      <div class="card">
+        <div class="card-label">Process</div>
+        <div class="card-value">${healthReport.process.filter((c) => c.status === "green").length}/${healthReport.process.length}</div>
+        <div class="card-sub">metrics green</div>
+      </div>
+    </div>`;
+  const gaugeData = Object.entries(healthMetrics.completeness).map(([name, cat]) => ({
+    name: name.replace(/\b\w/g, (c) => c.toUpperCase()),
+    complete: cat.complete,
+    total: cat.total
+  }));
+  const gaugeSection = collapsibleSection(
+    "tl-health-gauge",
+    "Completeness Overview",
+    buildHealthGauge(gaugeData),
+    { titleTag: "h3" }
+  );
+  const processSection = collapsibleSection(
+    "tl-health-process",
+    "Process Health",
+    `<div class="gar-areas">
+      ${healthReport.process.map((cat) => `
+      <div class="gar-area">
+        <div class="area-header">
+          <div class="area-dot dot-${cat.status}"></div>
+          <div class="area-name">${escapeHtml(cat.name)}</div>
+        </div>
+        <div class="area-summary">${escapeHtml(cat.summary)}</div>
+        ${cat.items.length > 0 ? `<ul>${cat.items.slice(0, 5).map((item) => `<li><span class="ref-id">${escapeHtml(item.id)}</span>${escapeHtml(item.detail)}</li>`).join("")}</ul>` : ""}
+      </div>`).join("")}
+    </div>`,
+    { titleTag: "h3" }
+  );
+  const blockedSection = blockedTasks.length > 0 ? collapsibleSection(
+    "tl-health-blocked",
+    `Blocked Tasks (${blockedTasks.length})`,
+    `<div class="table-wrap">
+          <table>
+            <thead>
+              <tr><th>ID</th><th>Title</th><th>Priority</th><th>Owner</th><th>Created</th></tr>
+            </thead>
+            <tbody>
+              ${blockedTasks.map((t) => `
+              <tr>
+                <td><a href="/docs/task/${escapeHtml(t.frontmatter.id)}">${escapeHtml(t.frontmatter.id)}</a></td>
+                <td>${escapeHtml(t.frontmatter.title)}</td>
+                <td>${t.frontmatter.priority ? `<span class="${priorityClass(t.frontmatter.priority)}">${escapeHtml(t.frontmatter.priority)}</span>` : '<span class="text-dim">\u2014</span>'}</td>
+                <td>${t.frontmatter.owner ? escapeHtml(t.frontmatter.owner) : '<span class="text-dim">\u2014</span>'}</td>
+                <td>${formatDate(t.frontmatter.created)}</td>
+              </tr>`).join("")}
+            </tbody>
+          </table>
+        </div>`,
+    { titleTag: "h3" }
+  ) : "";
+  const trendingSection = techTrending.length > 0 ? collapsibleSection(
+    "tl-health-trending",
+    "Trending Technical Items",
+    `<div class="table-wrap">
+          <table>
+            <thead>
+              <tr><th>ID</th><th>Title</th><th>Type</th><th>Score</th><th>Signals</th></tr>
+            </thead>
+            <tbody>
+              ${techTrending.slice(0, 10).map((t) => `
+              <tr>
+                <td><a href="/docs/${escapeHtml(t.type)}/${escapeHtml(t.id)}">${escapeHtml(t.id)}</a></td>
+                <td>${escapeHtml(t.title)}</td>
+                <td>${escapeHtml(typeLabel(t.type))}</td>
+                <td><span class="trending-score">${t.score}</span></td>
+                <td>${t.signals.map((s) => `<span class="signal-tag">${escapeHtml(s.factor)} +${s.points}</span>`).join(" ")}</td>
+              </tr>`).join("")}
+            </tbody>
+          </table>
+        </div>`,
+    { titleTag: "h3", defaultCollapsed: true }
+  ) : "";
+  return `
+    <div class="page-header">
+      <h2>Technical Health</h2>
+      <div class="subtitle">Project health, completeness metrics, and blocked items</div>
+    </div>
+    ${statsCards}
+    ${gaugeSection}
+    ${processSection}
+    ${blockedSection}
+    ${trendingSection}
+  `;
+}
+function priorityClass(p) {
+  const lower = p.toLowerCase();
+  if (lower === "critical" || lower === "high") return "priority-high";
+  if (lower === "medium") return "priority-medium";
+  if (lower === "low") return "priority-low";
+  return "";
+}
+// src/web/persona-configs/tl.ts
+registerPersonaView({
+  shortName: "tl",
+  displayName: "Technical Lead",
+  description: "Technical backlog, architecture decisions, and sprint work",
+  color: "#fbbf24",
+  navItems: [
+    { path: "/tl/dashboard", label: "Dashboard" },
+    { path: "/tl/backlog", label: "Technical Backlog" },
+    { path: "/tl/sprint", label: "Sprint Work" },
+    { path: "/tl/decisions", label: "Architecture Decisions" },
+    { path: "/tl/health", label: "Technical Health" }
+  ]
+});
+registerPersonaPage("tl", "dashboard", tlDashboardPage);
+registerPersonaPage("tl", "backlog", tlBacklogPage);
+registerPersonaPage("tl", "sprint", tlSprintPage);
+registerPersonaPage("tl", "decisions", tlDecisionsPage);
+registerPersonaPage("tl", "health", tlHealthPage);
+// src/web/router.ts
+function buildPersonaLayoutOpts(persona, activePath) {
+  const switcherHtml = renderPersonaSwitcher(persona, activePath);
+  const view = persona ? getPersonaView(persona) : void 0;
+  if (!view) {
+    return { personaSwitcherHtml: switcherHtml };
+  }
+  const isActive = (href) => activePath === href || href !== "/" && activePath.startsWith(href) ? " active" : "";
+  const personaLinks = view.navItems.map(
+    (item) => `<a href="${item.path}" class="${isActive(item.path)}">${escapeHtml(item.label)}</a>`
+  ).join("\n        ");
+  const navHtml = `
+        ${personaLinks}
+        <div class="nav-group">
+          <div class="nav-group-label">Admin</div>
+          <a href="/">Full Dashboard</a>
+        </div>`;
+  return {
+    personaSwitcherHtml: switcherHtml,
+    personaNavHtml: navHtml,
+    personaAccentColor: view.color
+  };
+}
+var sprintSummaryCache = /* @__PURE__ */ new Map();
+function handleRequest(req, res, store, projectName, navGroups) {
+  const parsed = new URL(req.url ?? "/", `http://${req.headers.host ?? "localhost"}`);
+  const pathname = parsed.pathname;
+  const navTypes = store.registeredTypes;
+  const persona = parsePersonaFromPath(pathname);
+  const personaOpts = buildPersonaLayoutOpts(persona, pathname);
+  try {
+    if (pathname === "/styles.css") {
+      res.writeHead(200, {
+        "Content-Type": "text/css",
+        "Cache-Control": "public, max-age=300"
+      });
+      res.end(renderStyles());
+      return;
+    }
+    const personaRootMatch = pathname.match(/^\/(po|dm|tl)$/);
+    if (personaRootMatch) {
+      res.writeHead(302, { Location: `/${personaRootMatch[1]}/dashboard` });
+      res.end();
+      return;
+    }
+    const personaPageMatch = pathname.match(/^\/(po|dm|tl)\/([a-z-]+)$/);
+    if (personaPageMatch) {
+      const [, personaKey, pageId] = personaPageMatch;
+      const pPersona = personaKey;
+      const renderer = getPersonaPageRenderer(personaKey, pageId);
+      const view = getPersonaView(pPersona);
+      const pOpts = buildPersonaLayoutOpts(pPersona, pathname);
+      if (renderer) {
+        const body = renderer({ store, projectName });
+        respond(
+          res,
+          layout(
+            {
+              title: `${view?.displayName ?? personaKey.toUpperCase()} \u2014 ${pageId}`,
+              activePath: pathname,
+              projectName,
+              navGroups,
+              persona: pPersona,
+              ...pOpts
+            },
+            body
+          )
+        );
+      } else {
+        const body = `
+          <div class="persona-placeholder">
+            <h3>Coming Soon</h3>
+            <p>The <strong>${pageId}</strong> page for ${view?.displayName ?? personaKey.toUpperCase()} is under construction.</p>
+            <p><a href="/${personaKey}/dashboard">Back to dashboard</a></p>
+          </div>`;
+        respond(
+          res,
+          layout(
+            {
+              title: `${view?.displayName ?? personaKey.toUpperCase()} \u2014 ${pageId}`,
+              activePath: pathname,
+              projectName,
+              navGroups,
+              persona: pPersona,
+              ...pOpts
+            },
+            body
+          )
+        );
+      }
       return;
     }
     if (pathname === "/") {
       const data = getOverviewData(store);
       const diagrams = getDiagramData(store);
       const body = overviewPage(data, diagrams, navGroups);
-      respond(res, layout({ title: "Overview", activePath: "/", projectName, navGroups }, body));
+      const banner = renderPersonaBanner();
+      respond(res, layout({ title: "Overview", activePath: "/", projectName, navGroups, ...personaOpts, bodyPrefix: banner }, body));
       return;
     }
     if (pathname === "/timeline") {
       const diagrams = getDiagramData(store);
       const body = timelinePage(diagrams);
-      respond(res, layout({ title: "Timeline", activePath: "/timeline", projectName, navGroups, mainClass: "expanded" }, body));
+      respond(res, layout({ title: "Timeline", activePath: "/timeline", projectName, navGroups, ...personaOpts, mainClass: "expanded" }, body));
       return;
     }
     if (pathname === "/gar") {
       const report = getGarData(store, projectName);
       const body = garPage(report);
-      respond(res, layout({ title: "GAR Report", activePath: "/gar", projectName, navGroups }, body));
+      respond(res, layout({ title: "GAR Report", activePath: "/gar", projectName, navGroups, ...personaOpts }, body));
       return;
     }
     if (pathname === "/health") {
       const healthMetrics = collectHealthMetrics(store);
       const report = evaluateHealth(projectName, healthMetrics);
       const body = healthPage(report, healthMetrics);
-      respond(res, layout({ title: "Health Check", activePath: "/health", projectName, navGroups }, body));
+      respond(res, layout({ title: "Health Check", activePath: "/health", projectName, navGroups, ...personaOpts }, body));
       return;
     }
     if (pathname === "/upcoming") {
       const data = getUpcomingData(store);
       const body = upcomingPage(data);
-      respond(res, layout({ title: "Upcoming", activePath: "/upcoming", projectName, navGroups }, body));
+      respond(res, layout({ title: "Upcoming", activePath: "/upcoming", projectName, navGroups, ...personaOpts }, body));
       return;
     }
     if (pathname === "/sprint-summary" && req.method === "GET") {
@@ -18649,7 +20510,7 @@ function handleRequest(req, res, store, projectName, navGroups) {
       const data = getSprintSummaryData(store, sprintId);
       const cached2 = data ? sprintSummaryCache.get(data.sprint.id) : void 0;
       const body = sprintSummaryPage(data, cached2 ? { html: cached2.html, generatedAt: cached2.generatedAt } : void 0);
-      respond(res, layout({ title: "Sprint Summary", activePath: "/sprint-summary", projectName, navGroups }, body));
+      respond(res, layout({ title: "Sprint Summary", activePath: "/sprint-summary", projectName, navGroups, ...personaOpts }, body));
       return;
     }
     if (pathname === "/api/sprint-summary" && req.method === "POST") {
@@ -18659,14 +20520,15 @@ function handleRequest(req, res, store, projectName, navGroups) {
       });
       req.on("end", async () => {
         try {
-          const { sprintId } = JSON.parse(bodyStr || "{}");
+          const { sprintId, persona: personaKey } = JSON.parse(bodyStr || "{}");
           const data = getSprintSummaryData(store, sprintId);
           if (!data) {
             res.writeHead(404, { "Content-Type": "application/json" });
             res.end(JSON.stringify({ error: "Sprint not found" }));
             return;
           }
-          const summary = await generateSprintSummary(data);
+          const personaDef = personaKey ? getPersona(personaKey) : void 0;
+          const summary = await generateSprintSummary(data, personaDef?.systemPrompt);
           const html = renderMarkdown(summary);
           const generatedAt = (/* @__PURE__ */ new Date()).toISOString();
           sprintSummaryCache.set(data.sprint.id, { html, generatedAt });
@@ -18684,12 +20546,12 @@ function handleRequest(req, res, store, projectName, navGroups) {
     if (boardMatch) {
       const type = boardMatch[1];
       if (type && !navTypes.includes(type)) {
-        notFound(res, projectName, navGroups, pathname);
+        notFound(res, projectName, navGroups, pathname, personaOpts);
         return;
       }
       const data = getBoardData(store, type);
       const body = boardPage(data);
-      respond(res, layout({ title: "Board", activePath: "/board", projectName, navGroups }, body));
+      respond(res, layout({ title: "Board", activePath: "/board", projectName, navGroups, ...personaOpts }, body));
       return;
     }
     const detailMatch = pathname.match(/^\/docs\/([^/]+)\/([^/]+)$/);
@@ -18697,11 +20559,11 @@ function handleRequest(req, res, store, projectName, navGroups) {
       const [, type, id] = detailMatch;
       const doc = getDocumentDetail(store, type, id);
       if (!doc) {
-        notFound(res, projectName, navGroups, pathname);
+        notFound(res, projectName, navGroups, pathname, personaOpts);
         return;
       }
       const body = documentDetailPage(doc);
-      respond(res, layout({ title: `${id} \u2014 ${doc.frontmatter.title}`, activePath: `/docs/${type}`, projectName, navGroups }, body));
+      respond(res, layout({ title: `${id} \u2014 ${doc.frontmatter.title}`, activePath: `/docs/${type}`, projectName, navGroups, ...personaOpts }, body));
       return;
     }
     const listMatch = pathname.match(/^\/docs\/([^/]+)$/);
@@ -18711,14 +20573,14 @@ function handleRequest(req, res, store, projectName, navGroups) {
       const filterOwner = parsed.searchParams.get("owner") ?? void 0;
       const data = getDocumentListData(store, type, filterStatus, filterOwner);
       if (!data) {
-        notFound(res, projectName, navGroups, pathname);
+        notFound(res, projectName, navGroups, pathname, personaOpts);
         return;
       }
       const body = documentsPage(data);
-      respond(res, layout({ title: `${type}`, activePath: `/docs/${type}`, projectName, navGroups }, body));
+      respond(res, layout({ title: `${type}`, activePath: `/docs/${type}`, projectName, navGroups, ...personaOpts }, body));
       return;
     }
-    notFound(res, projectName, navGroups, pathname);
+    notFound(res, projectName, navGroups, pathname, personaOpts);
   } catch (err) {
     console.error("[marvin web] Error handling request:", err);
     res.writeHead(500, { "Content-Type": "text/html" });
@@ -18729,10 +20591,10 @@ function respond(res, html) {
   res.writeHead(200, { "Content-Type": "text/html; charset=utf-8" });
   res.end(html);
 }
-function notFound(res, projectName, navGroups, activePath) {
+function notFound(res, projectName, navGroups, activePath, pOpts) {
   const body = `<div class="empty"><h2>404</h2><p>Page not found.</p><p><a href="/">Go to overview</a></p></div>`;
   res.writeHead(404, { "Content-Type": "text/html; charset=utf-8" });
-  res.end(layout({ title: "Not Found", activePath, projectName, navGroups }, body));
+  res.end(layout({ title: "Not Found", activePath, projectName, navGroups, ...pOpts }, body));
 }
 // src/web/server.ts
@@ -25167,8 +27029,8 @@ function executeImportPlan(plan, store, marvinDir, options) {
 }
 function formatPlanSummary(plan) {
   const lines = [];
-  const typeLabel2 = classificationLabel(plan.classification.type);
-  lines.push(`Detected: ${typeLabel2}`);
+  const typeLabel5 = classificationLabel(plan.classification.type);
+  lines.push(`Detected: ${typeLabel5}`);
   lines.push(`Source:   ${plan.classification.inputPath}`);
   lines.push("");
   const imports = plan.items.filter((i) => i.action === "import");
@@ -26400,7 +28262,7 @@ function createProgram() {
   const program = new Command();
   program.name("marvin").description(
     "AI-powered product development assistant with Product Owner, Delivery Manager, and Technical Lead personas"
-  ).version("0.4.10");
+  ).version("0.4.11");
   program.command("init").description("Initialize a new Marvin project in the current directory").action(async () => {
     await initCommand();
   });