mrvn-cli 0.5.5 → 0.5.7

package/dist/marvin-serve.js

@@ -15707,6 +15707,7 @@ function collectSprintSummaryData(store, sprintId) {
       type: doc.frontmatter.type,
       status: doc.frontmatter.status,
       progress: getEffectiveProgress(doc.frontmatter),
+      owner: doc.frontmatter.owner,
       workFocus: focusTag ? focusTag.slice(6) : void 0,
       aboutArtifact: about
     };
@@ -15913,10 +15914,10 @@ function getBoardData(store, type) {
     if (!byStatus.has(status)) byStatus.set(status, []);
     byStatus.get(status).push(doc);
   }
-  const statusOrder = ["open", "draft", "in-progress", "blocked"];
+  const statusOrder2 = ["open", "draft", "in-progress", "blocked"];
   const allStatuses = [...byStatus.keys()];
   const ordered = [];
-  for (const s of statusOrder) {
+  for (const s of statusOrder2) {
     if (allStatuses.includes(s)) ordered.push(s);
   }
   for (const s of allStatuses.sort()) {
@@ -19707,8 +19708,8 @@ function generateTaskMasterPrd(title, ctx, projectOverview) {
   let priorityIdx = 1;
   for (const feature of ctx.features) {
     const featureEpics = ctx.epics.filter((e) => e.linkedFeature.includes(feature.id)).sort((a, b) => {
-      const statusOrder = { "in-progress": 0, planned: 1, done: 2 };
-      return (statusOrder[a.status] ?? 99) - (statusOrder[b.status] ?? 99);
+      const statusOrder2 = { "in-progress": 0, planned: 1, done: 2 };
+      return (statusOrder2[a.status] ?? 99) - (statusOrder2[b.status] ?? 99);
     });
     if (featureEpics.length === 0) continue;
     lines.push(`${priorityIdx}. **${feature.title}** (${feature.priority})`);
@@ -21991,6 +21992,31 @@ tr:hover td {
 .focus-group-progress {
   width: 96px;
 }
+
+/* Owner badges for DM sprint view */
+.owner-badge {
+  display: inline-block;
+  padding: 0.1rem 0.5rem;
+  border-radius: 999px;
+  font-size: 0.65rem;
+  font-weight: 700;
+  text-transform: uppercase;
+  letter-spacing: 0.04em;
+  white-space: nowrap;
+}
+.owner-badge-po { background: rgba(108, 140, 255, 0.18); color: #6c8cff; }
+.owner-badge-tl { background: rgba(251, 191, 36, 0.18); color: #fbbf24; }
+.owner-badge-dm { background: rgba(52, 211, 153, 0.18); color: #34d399; }
+.owner-badge-other { background: rgba(139, 143, 164, 0.12); color: var(--text-dim); }
+
+/* Group header rows (PO dashboard decisions/deps) */
+.group-header-row td {
+  background: var(--bg-hover);
+  padding-top: 0.5rem;
+  padding-bottom: 0.5rem;
+  border-bottom: 1px solid var(--border);
+  font-size: 0.8rem;
+}
 `;
 }
 
@@ -22831,19 +22857,55 @@ function buildHealthGauge(categories) {
 }
 
 // src/web/templates/pages/po/dashboard.ts
+var DONE_STATUSES5 = /* @__PURE__ */ new Set(["done", "closed", "resolved", "cancelled"]);
+var RESOLVED_DECISION_STATUSES = /* @__PURE__ */ new Set(["decided", "superseded", "dismissed"]);
 function poDashboardPage(ctx) {
   const overview = getOverviewData(ctx.store);
-  const upcoming = getUpcomingData(ctx.store);
   const sprintData = getSprintSummaryData(ctx.store);
   const diagrams = getDiagramData(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 RESOLVED_DECISION_STATUSES2 = /* @__PURE__ */ new Set(["decided", "superseded", "dismissed"]);
+  const epics = ctx.store.list({ type: "epic" });
+  const allTasks = ctx.store.list({ type: "task" });
   const decisions = ctx.store.list({ type: "decision" });
-  const decisionsOpen = decisions.filter((d) => !RESOLVED_DECISION_STATUSES2.has(d.frontmatter.status)).length;
   const questions = ctx.store.list({ type: "question" });
+  const sprints = ctx.store.list({ type: "sprint" });
+  const featureToEpics = /* @__PURE__ */ new Map();
+  for (const epic of epics) {
+    const featureIds = normalizeLinkedFeatures(epic.frontmatter.linkedFeature);
+    for (const fid of featureIds) {
+      const arr = featureToEpics.get(fid) ?? [];
+      arr.push(epic);
+      featureToEpics.set(fid, arr);
+    }
+  }
+  const epicToTasks = /* @__PURE__ */ new Map();
+  for (const task of allTasks) {
+    const tags = task.frontmatter.tags ?? [];
+    for (const tag of tags) {
+      if (tag.startsWith("epic:")) {
+        const epicId = tag.slice(5);
+        const arr = epicToTasks.get(epicId) ?? [];
+        arr.push(task);
+        epicToTasks.set(epicId, arr);
+      }
+    }
+  }
+  const activeSprint = sprints.find((s) => s.frontmatter.status === "active");
+  let sprintTimelinePct = 0;
+  if (activeSprint) {
+    const startDate = activeSprint.frontmatter.startDate;
+    const endDate = activeSprint.frontmatter.endDate;
+    if (startDate && endDate) {
+      const startMs = new Date(startDate).getTime();
+      const endMs = new Date(endDate).getTime();
+      const totalDays = Math.max(1, endMs - startMs);
+      sprintTimelinePct = Math.min(100, Math.max(0, Math.round((Date.now() - startMs) / totalDays * 100)));
+    }
+  }
+  const featuresDone = features.filter((d) => DONE_STATUSES5.has(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 decisionsOpen = decisions.filter((d) => !RESOLVED_DECISION_STATUSES.has(d.frontmatter.status)).length;
   const questionsOpen = questions.filter((d) => d.frontmatter.status === "open").length;
   const statsCards = `
     <div class="cards">
@@ -22870,7 +22932,7 @@ function poDashboardPage(ctx) {
       </div>
       <div class="card">
         <a href="/po/delivery">
-          <div class="card-label">Sprint</div>
+          <div class="card-label">Current 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>
@@ -22906,43 +22968,72 @@ function poDashboardPage(ctx) {
         </div>`,
     { titleTag: "h3" }
   ) : "";
-  function signalTagClass(points) {
-    if (points >= 15) return "signal-tag signal-tag-high";
-    if (points >= 8) return "signal-tag signal-tag-medium";
-    return "signal-tag signal-tag-positive";
-  }
-  const trendingSection = upcoming.trending.length > 0 ? collapsibleSection(
-    "po-trending",
-    "Trending Items",
+  const today = (/* @__PURE__ */ new Date()).toISOString().slice(0, 10);
+  const atRiskItems = [];
+  for (const f of features) {
+    if (DONE_STATUSES5.has(f.frontmatter.status)) continue;
+    const fEpics = featureToEpics.get(f.frontmatter.id) ?? [];
+    const reasons = [];
+    let blocked = 0;
+    for (const epic of fEpics) {
+      for (const t of epicToTasks.get(epic.frontmatter.id) ?? []) {
+        if (t.frontmatter.status === "blocked") blocked++;
+      }
+    }
+    if (blocked > 0) reasons.push(`${blocked} blocked task${blocked > 1 ? "s" : ""}`);
+    for (const epic of fEpics) {
+      const td = epic.frontmatter.targetDate;
+      if (td && td < today && !DONE_STATUSES5.has(epic.frontmatter.status)) {
+        reasons.push(`${epic.frontmatter.id} overdue`);
+      }
+    }
+    let totalTasks = 0;
+    let progressSum = 0;
+    for (const epic of fEpics) {
+      for (const t of epicToTasks.get(epic.frontmatter.id) ?? []) {
+        totalTasks++;
+        progressSum += getEffectiveProgress(t.frontmatter);
+      }
+    }
+    const avgProgress = totalTasks > 0 ? Math.round(progressSum / totalTasks) : 0;
+    if (avgProgress < 30 && sprintTimelinePct > 60 && totalTasks > 0) {
+      reasons.push("Low progress vs sprint timeline");
+    }
+    if (reasons.length > 0) atRiskItems.push({ feature: f, reasons });
+  }
+  const atRiskSection = atRiskItems.length > 0 ? collapsibleSection(
+    "po-at-risk",
+    `At-Risk Delivery (${atRiskItems.length})`,
     `<div class="table-wrap">
           <table>
             <thead>
-              <tr><th>ID</th><th>Title</th><th>Score</th></tr>
+              <tr><th>Feature</th><th>Risk Reasons</th></tr>
             </thead>
             <tbody>
-              ${upcoming.trending.slice(0, 8).map((t) => {
-      const tags = t.signals.map((s) => `<span class="${signalTagClass(s.points)}" title="${escapeHtml(s.factor)}: +${s.points}pts">${escapeHtml(s.factor)}</span>`).join("");
-      return `
+              ${atRiskItems.map((r) => `
               <tr>
-                <td><a href="/docs/${escapeHtml(t.type)}/${escapeHtml(t.id)}">${escapeHtml(t.id)}</a></td>
-                <td>${escapeHtml(t.title)}<br>${tags}</td>
-                <td><span class="trending-score">${t.score}</span></td>
-              </tr>`;
-    }).join("")}
+                <td><a href="/docs/feature/${escapeHtml(r.feature.frontmatter.id)}">${escapeHtml(r.feature.frontmatter.id)}</a> ${escapeHtml(r.feature.frontmatter.title)}</td>
+                <td>${r.reasons.map((reason) => `<span class="signal-tag signal-tag-high">${escapeHtml(reason)}</span>`).join(" ")}</td>
+              </tr>`).join("")}
             </tbody>
           </table>
         </div>`,
     { titleTag: "h3" }
-  ) : "";
+  ) : collapsibleSection(
+    "po-at-risk",
+    "At-Risk Delivery",
+    '<div class="empty"><p style="color: var(--green);">No at-risk items \u2014 all features on track.</p></div>',
+    { titleTag: "h3", defaultCollapsed: true }
+  );
   return `
     <div class="page-header">
       <h2>Product Owner Dashboard</h2>
       <div class="subtitle">Feature delivery, decisions, and stakeholder alignment</div>
     </div>
     ${statsCards}
+    ${atRiskSection}
     ${diagramSection}
     ${recentTable}
-    ${trendingSection}
   `;
 }
 
@@ -23121,44 +23212,74 @@ function tableDateFilter(tableId, colIndex) {
 }
 
 // src/web/templates/pages/po/backlog.ts
+function priorityClass(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 "";
+}
+function miniProgressBar(pct) {
+  return `<div class="mini-progress-bar"><div class="mini-progress-fill" style="width:${pct}%"></div><span class="mini-progress-label">${pct}%</span></div>`;
+}
 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 priorityOrder2 = { critical: 0, high: 1, medium: 2, low: 3 };
+  const statusOrder2 = { "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;
+    const sa = statusOrder2[a.frontmatter.status] ?? 3;
+    const sb = statusOrder2[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;
+    const pa = priorityOrder2[a.frontmatter.priority?.toLowerCase()] ?? 99;
+    const pb = priorityOrder2[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] : [];
+    const featureIds = normalizeLinkedFeatures(epic.frontmatter.linkedFeature);
     for (const fid of featureIds) {
-      const existing = featureToEpics.get(String(fid)) ?? [];
-      existing.push(epic.frontmatter.id);
-      featureToEpics.set(String(fid), existing);
+      const arr = featureToEpics.get(fid) ?? [];
+      arr.push(epic);
+      featureToEpics.set(fid, arr);
     }
   }
-  function priorityClass(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 allTasks = ctx.store.list({ type: "task" });
+  const epicToTasks = /* @__PURE__ */ new Map();
+  for (const task of allTasks) {
+    const tags = task.frontmatter.tags ?? [];
+    for (const tag of tags) {
+      if (tag.startsWith("epic:")) {
+        const epicId = tag.slice(5);
+        const arr = epicToTasks.get(epicId) ?? [];
+        arr.push(task);
+        epicToTasks.set(epicId, arr);
+      }
+    }
+  }
+  const DONE_STATUSES14 = /* @__PURE__ */ new Set(["done", "closed", "resolved", "cancelled"]);
+  function featureTaskStats(featureId) {
+    const fEpics = featureToEpics.get(featureId) ?? [];
+    let total = 0;
+    let done = 0;
+    let progressSum = 0;
+    for (const epic of fEpics) {
+      for (const t of epicToTasks.get(epic.frontmatter.id) ?? []) {
+        total++;
+        if (DONE_STATUSES14.has(t.frontmatter.status)) done++;
+        progressSum += getEffectiveProgress(t.frontmatter);
+      }
+    }
+    return { epicCount: fEpics.length, total, done, avgProgress: total > 0 ? Math.round(progressSum / total) : 0 };
   }
   const featureStatuses = [...new Set(features.map((d) => d.frontmatter.status))].sort();
   const featurePriorities = [...new Set(features.map((d) => d.frontmatter.priority ?? "").filter(Boolean))].sort();
   const featureEpicIds = [...new Set(
-    features.flatMap((d) => featureToEpics.get(d.frontmatter.id) ?? [])
+    features.flatMap((d) => (featureToEpics.get(d.frontmatter.id) ?? []).map((e) => e.frontmatter.id))
   )].sort();
   const featuresFilters = `<div class="filters">
     ${tableFilter("features-table", 2, "Status", featureStatuses)}
@@ -23169,12 +23290,13 @@ function poBacklogPage(ctx) {
       <div class="table-wrap table-short">
         <table id="features-table">
           <thead>
-            <tr>${sortableTh("ID", "features-table", 0)}${sortableTh("Title", "features-table", 1)}${sortableTh("Status", "features-table", 2)}${sortableTh("Priority", "features-table", 3)}<th>Linked Epics</th></tr>
+            <tr>${sortableTh("ID", "features-table", 0)}${sortableTh("Title", "features-table", 1)}${sortableTh("Status", "features-table", 2)}${sortableTh("Priority", "features-table", 3)}<th>Epics</th><th>Tasks</th><th>Progress</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(", ");
+    const stats = featureTaskStats(d.frontmatter.id);
+    const linkedEpicDocs = featureToEpics.get(d.frontmatter.id) ?? [];
+    const epicLinks = linkedEpicDocs.map((e) => `<a href="/docs/epic/${escapeHtml(e.frontmatter.id)}">${escapeHtml(e.frontmatter.id)}</a>`).join(", ");
     return `
             <tr>
               <td><a href="/docs/feature/${escapeHtml(d.frontmatter.id)}">${escapeHtml(d.frontmatter.id)}</a></td>
@@ -23182,6 +23304,8 @@ function poBacklogPage(ctx) {
               <td>${statusBadge(d.frontmatter.status)}</td>
               <td><span class="${priorityClass(d.frontmatter.priority)}">${escapeHtml(d.frontmatter.priority ?? "\u2014")}</span></td>
               <td>${epicLinks || '<span class="text-dim">\u2014</span>'}</td>
+              <td>${stats.total > 0 ? `${stats.done}/${stats.total}` : '<span class="text-dim">\u2014</span>'}</td>
+              <td>${stats.total > 0 ? miniProgressBar(stats.avgProgress) : '<span class="text-dim">\u2014</span>'}</td>
             </tr>`;
   }).join("")}
           </tbody>
@@ -23223,14 +23347,23 @@ function poBacklogPage(ctx) {
 
 // src/web/templates/pages/po/decisions.ts
 var RESOLVED_STATUSES = /* @__PURE__ */ new Set(["decided", "superseded", "dismissed"]);
+var KNOWN_OWNERS = /* @__PURE__ */ new Set(["po", "tl", "dm"]);
+function ownerBadge(owner) {
+  if (!owner) return '<span class="text-dim">\u2014</span>';
+  const cls = KNOWN_OWNERS.has(owner.toLowerCase()) ? `owner-badge-${owner.toLowerCase()}` : "owner-badge-other";
+  return `<span class="owner-badge ${cls}">${escapeHtml(owner.toUpperCase())}</span>`;
+}
 function poDecisionsPage(ctx) {
   const decisions = ctx.store.list({ type: "decision" });
+  const questions = ctx.store.list({ type: "question" });
+  const features = ctx.store.list({ type: "feature" });
   const openDecisions = decisions.filter((d) => !RESOLVED_STATUSES.has(d.frontmatter.status));
   const resolvedDecisions = decisions.filter((d) => RESOLVED_STATUSES.has(d.frontmatter.status));
+  const openQuestions = questions.filter((d) => d.frontmatter.status === "open");
   const statsCards = `
     <div class="cards">
       <div class="card">
-        <div class="card-label">Open</div>
+        <div class="card-label">Open Decisions</div>
         <div class="card-value${openDecisions.length > 0 ? " priority-medium" : ""}">${openDecisions.length}</div>
         <div class="card-sub">awaiting resolution</div>
       </div>
@@ -23239,12 +23372,79 @@ function poDecisionsPage(ctx) {
         <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">needing answers</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 daysSince(isoDate) {
+    if (!isoDate) return 0;
+    return Math.max(0, Math.floor((Date.now() - new Date(isoDate).getTime()) / 864e5));
+  }
+  const featureGroups = /* @__PURE__ */ new Map();
+  const unlinked = [];
+  function addToGroup(doc, docType) {
+    const tags = doc.frontmatter.tags ?? [];
+    const featureTags = tags.filter((t) => t.startsWith("feature:")).map((t) => t.slice(8));
+    const item = { doc, docType, ageDays: daysSince(doc.frontmatter.created) };
+    if (featureTags.length === 0) {
+      unlinked.push(item);
+    } else {
+      for (const fid of featureTags) {
+        const arr = featureGroups.get(fid) ?? [];
+        arr.push(item);
+        featureGroups.set(fid, arr);
+      }
+    }
+  }
+  for (const d of openDecisions) addToGroup(d, "decision");
+  for (const q of openQuestions) addToGroup(q, "question");
+  const totalDeps = openDecisions.length + openQuestions.length;
+  const featureLookup = new Map(features.map((f) => [f.frontmatter.id, f]));
+  function renderDepRows(items) {
+    return items.map((item) => `
+            <tr>
+              <td><a href="/docs/${item.docType}/${escapeHtml(item.doc.frontmatter.id)}">${escapeHtml(item.doc.frontmatter.id)}</a></td>
+              <td>${escapeHtml(item.doc.frontmatter.title)}</td>
+              <td>${escapeHtml(typeLabel(item.docType))}</td>
+              <td>${ownerBadge(item.doc.frontmatter.owner)}</td>
+              <td>${item.ageDays}d</td>
+            </tr>`).join("");
+  }
+  let depRows = "";
+  for (const [fid, items] of featureGroups) {
+    const feat = featureLookup.get(fid);
+    const label = feat ? `${escapeHtml(fid)}: ${escapeHtml(feat.frontmatter.title)}` : escapeHtml(fid);
+    depRows += `
+            <tr class="group-header-row"><td colspan="5"><strong>${label}</strong></td></tr>
+            ${renderDepRows(items)}`;
+  }
+  if (unlinked.length > 0) {
+    depRows += `
+            <tr class="group-header-row"><td colspan="5"><strong>Unlinked</strong></td></tr>
+            ${renderDepRows(unlinked)}`;
+  }
+  const depsSection = totalDeps > 0 ? collapsibleSection(
+    "po-decisions-deps",
+    `By Feature (${totalDeps})`,
+    `<div class="table-wrap">
+          <table>
+            <thead>
+              <tr><th>ID</th><th>Title</th><th>Type</th><th>Owner</th><th>Age</th></tr>
+            </thead>
+            <tbody>
+              ${depRows}
+            </tbody>
+          </table>
+        </div>`,
+    { titleTag: "h3" }
+  ) : "";
   function decisionTable(docs, tableId) {
     if (docs.length === 0) return '<div class="empty"><p>None found.</p></div>';
     const statuses = [...new Set(docs.map((d) => d.frontmatter.status))].sort();
@@ -23266,7 +23466,7 @@ function poDecisionsPage(ctx) {
             <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>${ownerBadge(d.frontmatter.owner)}</td>
             <td>${formatDate(d.frontmatter.created)}</td>
           </tr>`).join("")}
         </tbody>
@@ -23288,16 +23488,185 @@ function poDecisionsPage(ctx) {
   return `
     <div class="page-header">
       <h2>Decision Log</h2>
-      <div class="subtitle">Track and manage product decisions</div>
+      <div class="subtitle">Track and manage product decisions and dependencies</div>
     </div>
     ${statsCards}
+    ${depsSection}
     ${openSection}
     ${resolvedSection}
     ${renderTableUtilsScript()}
   `;
 }
 
+// src/web/templates/components/work-items-table.ts
+var FOCUS_BORDER_PALETTE = [
+  "hsl(220, 60%, 55%)",
+  "hsl(160, 50%, 45%)",
+  "hsl(280, 45%, 55%)",
+  "hsl(30, 65%, 55%)",
+  "hsl(340, 50%, 55%)",
+  "hsl(190, 50%, 45%)",
+  "hsl(60, 50%, 50%)",
+  "hsl(120, 40%, 45%)"
+];
+function hashString(s) {
+  let h = 0;
+  for (let i = 0; i < s.length; i++) {
+    h = (h << 5) - h + s.charCodeAt(i) | 0;
+  }
+  return Math.abs(h);
+}
+function countFocusStats(items) {
+  let total = 0;
+  let done = 0;
+  let inProgress = 0;
+  function walk(list) {
+    for (const w of list) {
+      if (w.type !== "contribution") {
+        total++;
+        const s = w.status.toLowerCase();
+        if (s === "done" || s === "closed" || s === "resolved" || s === "decided") done++;
+        else if (s === "in-progress" || s === "in progress") inProgress++;
+      }
+      if (w.children) walk(w.children);
+    }
+  }
+  walk(items);
+  return { total, done, inProgress };
+}
+var KNOWN_OWNERS2 = /* @__PURE__ */ new Set(["po", "tl", "dm"]);
+function ownerBadge2(owner) {
+  if (!owner) return '<span class="text-dim">\u2014</span>';
+  const cls = KNOWN_OWNERS2.has(owner) ? `owner-badge-${owner}` : "owner-badge-other";
+  return `<span class="owner-badge ${cls}">${escapeHtml(owner.toUpperCase())}</span>`;
+}
+function renderItemRows(items, borderColor, showOwner, depth = 0) {
+  return items.flatMap((w) => {
+    const isChild = depth > 0;
+    const isContribution = w.type === "contribution";
+    const classes = ["focus-row"];
+    if (isContribution) classes.push("contribution-row");
+    else if (isChild) classes.push("child-row");
+    const indent = depth > 0 ? ` style="padding-left: ${0.75 + depth * 1}rem"` : "";
+    const progressCell = !isContribution && w.progress !== void 0 ? `<div class="mini-progress-bar"><div class="mini-progress-fill" style="width:${w.progress}%"></div><span class="mini-progress-label">${w.progress}%</span></div>` : "";
+    const ownerCell = showOwner ? `<td>${ownerBadge2(w.owner)}</td>` : "";
+    const row = `
+              <tr class="${classes.join(" ")}" style="--focus-color: ${borderColor}">
+                <td${indent}><a href="/docs/${escapeHtml(w.type)}/${escapeHtml(w.id)}">${escapeHtml(w.id)}</a></td>
+                <td>${escapeHtml(w.title)}</td>
+                ${ownerCell}
+                <td>${statusBadge(w.status)}</td>
+                <td>${progressCell}</td>
+              </tr>`;
+    const childRows = w.children ? renderItemRows(w.children, borderColor, showOwner, depth + 1) : [];
+    return [row, ...childRows];
+  });
+}
+function renderWorkItemsTable(items, options) {
+  const sectionId = options?.sectionId ?? "work-items";
+  const title = options?.title ?? "Work Items";
+  const defaultCollapsed = options?.defaultCollapsed ?? false;
+  const showOwner = options?.showOwner ?? false;
+  const focusGroups = /* @__PURE__ */ new Map();
+  for (const item of items) {
+    const focus = item.workFocus ?? "Unassigned";
+    if (!focusGroups.has(focus)) focusGroups.set(focus, []);
+    focusGroups.get(focus).push(item);
+  }
+  const focusColorMap = /* @__PURE__ */ new Map();
+  for (const name of focusGroups.keys()) {
+    focusColorMap.set(name, FOCUS_BORDER_PALETTE[hashString(name) % FOCUS_BORDER_PALETTE.length]);
+  }
+  const allWorkItemRows = [];
+  for (const [focus, groupItems] of focusGroups) {
+    const color = focusColorMap.get(focus);
+    const stats = countFocusStats(groupItems);
+    const pct = stats.total > 0 ? Math.round(stats.done / stats.total * 100) : 0;
+    const summaryParts = [];
+    if (stats.done > 0) summaryParts.push(`${stats.done} done`);
+    if (stats.inProgress > 0) summaryParts.push(`${stats.inProgress} in progress`);
+    const remaining = stats.total - stats.done - stats.inProgress;
+    if (remaining > 0) summaryParts.push(`${remaining} open`);
+    const leftColspan = showOwner ? 3 : 2;
+    allWorkItemRows.push(`
+              <tr class="focus-group-header" style="--focus-color: ${color}">
+                <td colspan="${leftColspan}">
+                  <span class="focus-group-name">${escapeHtml(focus)}</span>
+                  <span class="focus-group-stats">${summaryParts.join(" / ")}</span>
+                </td>
+                <td colspan="2">
+                  <div class="mini-progress-bar focus-group-progress"><div class="mini-progress-fill" style="width:${pct}%"></div><span class="mini-progress-label">${pct}%</span></div>
+                </td>
+              </tr>`);
+    allWorkItemRows.push(...renderItemRows(groupItems, color, showOwner));
+  }
+  if (allWorkItemRows.length === 0) return "";
+  const ownerHeader = showOwner ? "<th>Owner</th>" : "";
+  return collapsibleSection(
+    sectionId,
+    title,
+    `<div class="table-wrap">
+          <table id="${sectionId}-table">
+            <thead>
+              <tr>
+                <th>ID</th>
+                <th>Title</th>
+                ${ownerHeader}
+                <th>Status</th>
+                <th>Progress</th>
+              </tr>
+            </thead>
+            <tbody>
+              ${allWorkItemRows.join("")}
+            </tbody>
+          </table>
+        </div>`,
+    { titleTag: "h3", defaultCollapsed }
+  );
+}
+var DONE_STATUSES6 = /* @__PURE__ */ new Set(["done", "closed", "resolved", "cancelled", "decided"]);
+function computeOwnerCompletionPct(items, owner) {
+  let total = 0;
+  let progressSum = 0;
+  function walk(list) {
+    for (const w of list) {
+      if (w.type !== "contribution" && w.owner === owner) {
+        total++;
+        progressSum += w.progress ?? (DONE_STATUSES6.has(w.status) ? 100 : 0);
+      }
+      if (w.children) walk(w.children);
+    }
+  }
+  walk(items);
+  return total > 0 ? Math.round(progressSum / total) : 0;
+}
+function filterItemsByOwner(items, owner) {
+  const result = [];
+  for (const item of items) {
+    if (item.owner === owner) {
+      result.push(item);
+    } else if (item.children) {
+      result.push(...filterItemsByOwner(item.children, owner));
+    }
+  }
+  return result;
+}
+
 // src/web/templates/pages/po/delivery.ts
+var DONE_STATUSES7 = /* @__PURE__ */ new Set(["done", "closed", "resolved", "cancelled"]);
+var priorityOrder = { critical: 0, high: 1, medium: 2, low: 3 };
+var statusOrder = { "in-progress": 0, open: 1, draft: 2, blocked: 3, done: 4, closed: 5, resolved: 6 };
+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 "";
+}
+function miniProgressBar2(pct) {
+  return `<div class="mini-progress-bar"><div class="mini-progress-fill" style="width:${pct}%"></div><span class="mini-progress-label">${pct}%</span></div>`;
+}
 var PO_CONTRIBUTION_TYPES = /* @__PURE__ */ new Set([
   "stakeholder-feedback",
   "acceptance-result",
@@ -23323,24 +23692,8 @@ function poDeliveryPage(ctx) {
         <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 poItems = filterItemsByOwner(data.workItems.items, "po");
+  const poCompletionPct = computeOwnerCompletionPct(data.workItems.items, "po");
   const allDocs = ctx.store.list();
   const poContributions = allDocs.filter((d) => PO_CONTRIBUTION_TYPES.has(d.frontmatter.type));
   const statsCards = `
@@ -23350,16 +23703,16 @@ function poDeliveryPage(ctx) {
         <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">PO Completion</div>
+        <div class="card-value">${poCompletionPct}%</div>
+        <div class="card-sub">${poItems.length} owned items</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>
@@ -23371,7 +23724,11 @@ function poDeliveryPage(ctx) {
       <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(
+  const workItemsSection = renderWorkItemsTable(poItems, {
+    sectionId: "po-delivery-items",
+    title: "PO Work Items"
+  });
+  const epicsSection = data.linkedEpics.length > 0 ? collapsibleSection(
     "po-delivery-epics",
     "Linked Epics",
     `<div class="table-wrap">
@@ -23392,6 +23749,82 @@ function poDeliveryPage(ctx) {
         </div>`,
     { titleTag: "h3" }
   ) : "";
+  const features = ctx.store.list({ type: "feature" });
+  const epics = ctx.store.list({ type: "epic" });
+  const allTasks = ctx.store.list({ type: "task" });
+  const sprints = ctx.store.list({ type: "sprint" });
+  const featureToEpics = /* @__PURE__ */ new Map();
+  for (const epic of epics) {
+    const featureIds = normalizeLinkedFeatures(epic.frontmatter.linkedFeature);
+    for (const fid of featureIds) {
+      const arr = featureToEpics.get(fid) ?? [];
+      arr.push(epic);
+      featureToEpics.set(fid, arr);
+    }
+  }
+  const epicToTasks = /* @__PURE__ */ new Map();
+  for (const task of allTasks) {
+    const tags = task.frontmatter.tags ?? [];
+    for (const tag of tags) {
+      if (tag.startsWith("epic:")) {
+        const arr = epicToTasks.get(tag.slice(5)) ?? [];
+        arr.push(task);
+        epicToTasks.set(tag.slice(5), arr);
+      }
+    }
+  }
+  const activeSprint = sprints.find((s) => s.frontmatter.status === "active");
+  const activeSprintEpicIds = new Set(
+    activeSprint ? normalizeLinkedEpics(activeSprint.frontmatter.linkedEpics) : []
+  );
+  function featureSprintLabel(featureId) {
+    if (!activeSprint) return "\u2014";
+    const fEpics = featureToEpics.get(featureId) ?? [];
+    return fEpics.some((e) => activeSprintEpicIds.has(e.frontmatter.id)) ? escapeHtml(activeSprint.frontmatter.id) : "\u2014";
+  }
+  function featureProgress(featureId) {
+    const fEpics = featureToEpics.get(featureId) ?? [];
+    let total = 0;
+    let progressSum = 0;
+    for (const epic of fEpics) {
+      for (const t of epicToTasks.get(epic.frontmatter.id) ?? []) {
+        total++;
+        progressSum += getEffectiveProgress(t.frontmatter);
+      }
+    }
+    return total > 0 ? Math.round(progressSum / total) : 0;
+  }
+  const nonDoneFeatures = features.filter((f) => !DONE_STATUSES7.has(f.frontmatter.status)).sort((a, b) => {
+    const pa = priorityOrder[a.frontmatter.priority?.toLowerCase()] ?? 99;
+    const pb = priorityOrder[b.frontmatter.priority?.toLowerCase()] ?? 99;
+    if (pa !== pb) return pa - pb;
+    const sa = statusOrder[a.frontmatter.status] ?? 3;
+    const sb = statusOrder[b.frontmatter.status] ?? 3;
+    return sa - sb;
+  });
+  const priorityQueueSection = collapsibleSection(
+    "po-priority-queue",
+    `Priority Queue (${nonDoneFeatures.length})`,
+    nonDoneFeatures.length > 0 ? `<div class="table-wrap">
+          <table>
+            <thead>
+              <tr><th>Priority</th><th>ID</th><th>Title</th><th>Status</th><th>Sprint</th><th>Progress</th></tr>
+            </thead>
+            <tbody>
+              ${nonDoneFeatures.map((f) => `
+              <tr>
+                <td><span class="${priorityClass2(f.frontmatter.priority)}">${escapeHtml(f.frontmatter.priority ?? "\u2014")}</span></td>
+                <td><a href="/docs/feature/${escapeHtml(f.frontmatter.id)}">${escapeHtml(f.frontmatter.id)}</a></td>
+                <td>${escapeHtml(f.frontmatter.title)}</td>
+                <td>${statusBadge(f.frontmatter.status)}</td>
+                <td>${featureSprintLabel(f.frontmatter.id)}</td>
+                <td>${miniProgressBar2(featureProgress(f.frontmatter.id))}</td>
+              </tr>`).join("")}
+            </tbody>
+          </table>
+        </div>` : '<div class="empty"><p>No active features in the queue.</p></div>',
+    { titleTag: "h3" }
+  );
   const contributionsSection = poContributions.length > 0 ? collapsibleSection(
     "po-delivery-contributions",
     `PO Contributions (${poContributions.length})`,
@@ -23422,7 +23855,9 @@ function poDeliveryPage(ctx) {
     ${sprintHeader}
     ${progressBar(data.workItems.completionPct)}
     ${statsCards}
-    ${featuresSection}
+    ${workItemsSection}
+    ${epicsSection}
+    ${priorityQueueSection}
     ${contributionsSection}
   `;
 }
@@ -23448,6 +23883,12 @@ function renderGarWidget(report) {
 }
 
 // src/web/templates/pages/po/stakeholders.ts
+var KNOWN_OWNERS3 = /* @__PURE__ */ new Set(["po", "tl", "dm"]);
+function ownerBadge3(owner) {
+  if (!owner) return '<span class="text-dim">\u2014</span>';
+  const cls = KNOWN_OWNERS3.has(owner.toLowerCase()) ? `owner-badge-${owner.toLowerCase()}` : "owner-badge-other";
+  return `<span class="owner-badge ${cls}">${escapeHtml(owner.toUpperCase())}</span>`;
+}
 function poStakeholdersPage(ctx) {
   const garReport = getGarData(ctx.store, ctx.projectName);
   const actions = ctx.store.list({ type: "action" });
@@ -23498,7 +23939,7 @@ function poStakeholdersPage(ctx) {
                 <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>${ownerBadge3(d.frontmatter.owner)}</td>
                 <td>${d.frontmatter.dueDate ? formatDate(d.frontmatter.dueDate) : '<span class="text-dim">\u2014</span>'}</td>
               </tr>`).join("")}
             </tbody>
@@ -23521,7 +23962,7 @@ function poStakeholdersPage(ctx) {
               <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>${ownerBadge3(d.frontmatter.owner)}</td>
                 <td>${formatDate(d.frontmatter.created)}</td>
               </tr>`).join("")}
             </tbody>
@@ -23562,7 +24003,7 @@ registerPersonaPage("po", "delivery", poDeliveryPage);
 registerPersonaPage("po", "stakeholders", poStakeholdersPage);
 
 // src/web/templates/pages/dm/dashboard.ts
-var DONE_STATUSES5 = /* @__PURE__ */ new Set(["done", "closed", "resolved", "cancelled"]);
+var DONE_STATUSES8 = /* @__PURE__ */ new Set(["done", "closed", "resolved", "cancelled"]);
 function progressBar2(pct) {
   return `<div class="sprint-progress-bar">
     <div class="sprint-progress-fill" style="width: ${pct}%"></div>
@@ -23573,7 +24014,7 @@ 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_STATUSES5.has(d.frontmatter.status));
+  const openActions = actions.filter((d) => !DONE_STATUSES8.has(d.frontmatter.status));
   const overdueActions = upcoming.dueSoonActions.filter((a) => a.urgency === "overdue");
   const statsCards = `
     <div class="cards">
@@ -23660,42 +24101,46 @@ function dmDashboardPage(ctx) {
   `;
 }
 
-// src/web/templates/pages/sprint-summary.ts
+// src/web/templates/pages/dm/sprint.ts
 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 sprintSummaryPage(data, cached2) {
+function dmSprintPage(ctx) {
+  const data = getSprintSummaryData(ctx.store);
   if (!data) {
     return `
       <div class="page-header">
-        <h2>Sprint Summary</h2>
-        <div class="subtitle">AI-powered sprint narrative</div>
+        <h2>Sprint Execution</h2>
+        <div class="subtitle">Full sprint oversight and delivery tracking</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 see the summary.</p>
+        <p>No active sprint found. Create a sprint and set its status to "active" to track execution.</p>
       </div>`;
   }
+  const dmCompletionPct = computeOwnerCompletionPct(data.workItems.items, "dm");
+  const goalHtml = data.sprint.goal ? `<div class="sprint-goal"><strong>Goal:</strong> ${escapeHtml(data.sprint.goal)}</div>` : "";
+  const dateRange = data.sprint.startDate && data.sprint.endDate ? `<span class="text-dim">${formatDate(data.sprint.startDate)} \u2014 ${formatDate(data.sprint.endDate)}</span>` : "";
   const statsCards = `
     <div class="cards">
       <div class="card">
-        <div class="card-label">Completion</div>
+        <div class="card-label">Sprint Completion</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">DM Completion</div>
+        <div class="card-value">${dmCompletionPct}%</div>
+        <div class="card-sub">DM-owned items</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">Epics</div>
-        <div class="card-value">${data.linkedEpics.length}</div>
-        <div class="card-sub">linked to sprint</div>
-      </div>
       <a class="card card-link" href="sprint-blockers">
         <div class="card-label">Blockers</div>
         <div class="card-value${data.blockers.length > 0 ? " priority-high" : ""}">${data.blockers.length}</div>
@@ -23707,13 +24152,18 @@ function sprintSummaryPage(data, cached2) {
         <div class="card-sub">open risk items</div>
       </a>
     </div>`;
-  const epicsTable = data.linkedEpics.length > 0 ? collapsibleSection(
-    "ss-epics",
+  const workItemsSection = renderWorkItemsTable(data.workItems.items, {
+    sectionId: "dm-sprint-items",
+    title: "Sprint Work Items",
+    showOwner: true
+  });
+  const epicsSection = data.linkedEpics.length > 0 ? collapsibleSection(
+    "dm-sprint-epics",
     "Linked Epics",
     `<div class="table-wrap">
           <table>
             <thead>
-              <tr><th>ID</th><th>Title</th><th>Status</th><th>Tasks</th></tr>
+              <tr><th>ID</th><th>Title</th><th>Status</th><th>Tasks Done</th></tr>
             </thead>
             <tbody>
               ${data.linkedEpics.map((e) => `
@@ -23728,138 +24178,29 @@ function sprintSummaryPage(data, cached2) {
         </div>`,
     { titleTag: "h3" }
   ) : "";
-  const FOCUS_BORDER_PALETTE = [
-    "hsl(220, 60%, 55%)",
-    "hsl(160, 50%, 45%)",
-    "hsl(280, 45%, 55%)",
-    "hsl(30, 65%, 55%)",
-    "hsl(340, 50%, 55%)",
-    "hsl(190, 50%, 45%)",
-    "hsl(60, 50%, 50%)",
-    "hsl(120, 40%, 45%)"
-  ];
-  function hashString(s) {
-    let h = 0;
-    for (let i = 0; i < s.length; i++) {
-      h = (h << 5) - h + s.charCodeAt(i) | 0;
-    }
-    return Math.abs(h);
-  }
-  const focusGroups = /* @__PURE__ */ new Map();
-  for (const item of data.workItems.items) {
-    const focus = item.workFocus ?? "Unassigned";
-    if (!focusGroups.has(focus)) focusGroups.set(focus, []);
-    focusGroups.get(focus).push(item);
-  }
-  const focusColorMap = /* @__PURE__ */ new Map();
-  for (const name of focusGroups.keys()) {
-    focusColorMap.set(name, FOCUS_BORDER_PALETTE[hashString(name) % FOCUS_BORDER_PALETTE.length]);
-  }
-  function countFocusStats(items) {
-    let total = 0;
-    let done = 0;
-    let inProgress = 0;
-    function walk(list) {
-      for (const w of list) {
-        if (w.type !== "contribution") {
-          total++;
-          const s = w.status.toLowerCase();
-          if (s === "done" || s === "closed" || s === "resolved" || s === "decided") done++;
-          else if (s === "in-progress" || s === "in progress") inProgress++;
-        }
-        if (w.children) walk(w.children);
-      }
-    }
-    walk(items);
-    return { total, done, inProgress };
-  }
-  function renderItemRows(items, borderColor, depth = 0) {
-    return items.flatMap((w) => {
-      const isChild = depth > 0;
-      const isContribution = w.type === "contribution";
-      const classes = ["focus-row"];
-      if (isContribution) classes.push("contribution-row");
-      else if (isChild) classes.push("child-row");
-      const indent = depth > 0 ? ` style="padding-left: ${0.75 + depth * 1}rem"` : "";
-      const progressCell = !isContribution && w.progress !== void 0 ? `<div class="mini-progress-bar"><div class="mini-progress-fill" style="width:${w.progress}%"></div><span class="mini-progress-label">${w.progress}%</span></div>` : "";
-      const row = `
-              <tr class="${classes.join(" ")}" style="--focus-color: ${borderColor}">
-                <td${indent}><a href="/docs/${escapeHtml(w.type)}/${escapeHtml(w.id)}">${escapeHtml(w.id)}</a></td>
-                <td>${escapeHtml(w.title)}</td>
-                <td>${statusBadge(w.status)}</td>
-                <td>${progressCell}</td>
-              </tr>`;
-      const childRows = w.children ? renderItemRows(w.children, borderColor, depth + 1) : [];
-      return [row, ...childRows];
-    });
-  }
-  const allWorkItemRows = [];
-  for (const [focus, items] of focusGroups) {
-    const color = focusColorMap.get(focus);
-    const stats = countFocusStats(items);
-    const pct = stats.total > 0 ? Math.round(stats.done / stats.total * 100) : 0;
-    const summaryParts = [];
-    if (stats.done > 0) summaryParts.push(`${stats.done} done`);
-    if (stats.inProgress > 0) summaryParts.push(`${stats.inProgress} in progress`);
-    const remaining = stats.total - stats.done - stats.inProgress;
-    if (remaining > 0) summaryParts.push(`${remaining} open`);
-    allWorkItemRows.push(`
-              <tr class="focus-group-header" style="--focus-color: ${color}">
-                <td colspan="2">
-                  <span class="focus-group-name">${escapeHtml(focus)}</span>
-                  <span class="focus-group-stats">${summaryParts.join(" / ")}</span>
-                </td>
-                <td colspan="2">
-                  <div class="mini-progress-bar focus-group-progress"><div class="mini-progress-fill" style="width:${pct}%"></div><span class="mini-progress-label">${pct}%</span></div>
-                </td>
-              </tr>`);
-    allWorkItemRows.push(...renderItemRows(items, color));
-  }
-  const tableHeaders = `<tr>
-                <th>ID</th>
-                <th>Title</th>
-                <th>Status</th>
-                <th>Progress</th>
-              </tr>`;
-  const workItemsSection = allWorkItemRows.length > 0 ? collapsibleSection(
-    "ss-work-items",
-    "Work Items",
-    `<div class="table-wrap">
-          <table id="work-items-table">
-            <thead>
-              ${tableHeaders}
-            </thead>
-            <tbody>
-              ${allWorkItemRows.join("")}
-            </tbody>
-          </table>
-        </div>`,
-    { titleTag: "h3", defaultCollapsed: true }
-  ) : "";
-  const activitySection = data.artifacts.length > 0 ? collapsibleSection(
-    "ss-activity",
-    "Recent Activity",
+  const actionsSection = data.openActions.length > 0 ? collapsibleSection(
+    "dm-sprint-actions",
+    `Open Actions (${data.openActions.length})`,
     `<div class="table-wrap">
           <table>
             <thead>
-              <tr><th>Date</th><th>ID</th><th>Title</th><th>Type</th><th>Action</th></tr>
+              <tr><th>ID</th><th>Title</th><th>Owner</th><th>Due Date</th></tr>
             </thead>
             <tbody>
-              ${data.artifacts.slice(0, 15).map((a) => `
+              ${data.openActions.map((a) => `
               <tr>
-                <td>${formatDate(a.date)}</td>
-                <td><a href="/docs/${escapeHtml(a.type)}/${escapeHtml(a.id)}">${escapeHtml(a.id)}</a></td>
+                <td><a href="/docs/action/${escapeHtml(a.id)}">${escapeHtml(a.id)}</a></td>
                 <td>${escapeHtml(a.title)}</td>
-                <td>${escapeHtml(typeLabel(a.type))}</td>
-                <td>${escapeHtml(a.action)}</td>
+                <td>${a.owner ? escapeHtml(a.owner) : '<span class="text-dim">\u2014</span>'}</td>
+                <td>${a.dueDate ? formatDate(a.dueDate) : '<span class="text-dim">\u2014</span>'}</td>
               </tr>`).join("")}
             </tbody>
           </table>
         </div>`,
-    { titleTag: "h3", defaultCollapsed: true }
+    { titleTag: "h3" }
   ) : "";
   const meetingsSection = data.meetings.length > 0 ? collapsibleSection(
-    "ss-meetings",
+    "dm-sprint-meetings",
     `Meetings (${data.meetings.length})`,
     `<div class="table-wrap">
           <table>
@@ -23878,79 +24219,23 @@ function sprintSummaryPage(data, cached2) {
         </div>`,
     { titleTag: "h3", defaultCollapsed: true }
   ) : "";
-  const goalHtml = data.sprint.goal ? `<div class="sprint-goal"><strong>Goal:</strong> ${escapeHtml(data.sprint.goal)}</div>` : "";
-  const dateRange = data.sprint.startDate && data.sprint.endDate ? `<span class="text-dim">${formatDate(data.sprint.startDate)} \u2014 ${formatDate(data.sprint.endDate)}</span>` : "";
   return `
     <div class="page-header">
       <h2>${escapeHtml(data.sprint.id)} \u2014 ${escapeHtml(data.sprint.title)} ${statusBadge(data.sprint.status)}</h2>
-      <div class="subtitle">Sprint Summary ${dateRange}</div>
+      <div class="subtitle">Sprint Execution ${dateRange}</div>
     </div>
     ${goalHtml}
     ${progressBar3(data.timeline.percentComplete)}
     ${statsCards}
-    ${epicsTable}
     ${workItemsSection}
-    ${activitySection}
+    ${epicsSection}
+    ${actionsSection}
     ${meetingsSection}
-
-    <div class="sprint-ai-section">
-      <h3>AI Summary</h3>
-      ${cached2 ? `<p class="text-dim">Generated ${formatDate(cached2.generatedAt)} at ${cached2.generatedAt.slice(11, 16)} UTC</p>` : `<p class="text-dim">Generate a narrative summary of this sprint's progress, risks, and projections.</p>`}
-      <button class="sprint-generate-btn" onclick="generateSummary()" id="generate-btn">${cached2 ? "Regenerate" : "Generate AI Summary"}</button>
-      <div id="summary-loading" class="sprint-loading" style="display:none">
-        <div class="sprint-spinner"></div>
-        <span>Generating summary...</span>
-      </div>
-      <div id="summary-error" class="sprint-error" style="display:none"></div>
-      <div id="summary-content" class="detail-content"${cached2 ? "" : ' style="display:none"'}>${cached2 ? cached2.html : ""}</div>
-    </div>
-
-    <script>
-      async function generateSummary() {
-        var btn = document.getElementById('generate-btn');
-        var loading = document.getElementById('summary-loading');
-        var errorEl = document.getElementById('summary-error');
-        var content = document.getElementById('summary-content');
-
-        btn.disabled = true;
-        btn.style.display = 'none';
-        loading.style.display = 'flex';
-        errorEl.style.display = 'none';
-        content.style.display = 'none';
-
-        try {
-          var res = await fetch('/api/sprint-summary', {
-            method: 'POST',
-            headers: { 'Content-Type': 'application/json' },
-            body: JSON.stringify({ sprintId: '${escapeHtml(data.sprint.id)}' })
-          });
-          var json = await res.json();
-          if (!res.ok) throw new Error(json.error || 'Failed to generate summary');
-          loading.style.display = 'none';
-          content.innerHTML = json.html;
-          content.style.display = 'block';
-          btn.textContent = 'Regenerate';
-          btn.style.display = '';
-          btn.disabled = false;
-        } catch (e) {
-          loading.style.display = 'none';
-          errorEl.textContent = e.message;
-          errorEl.style.display = 'block';
-          btn.style.display = '';
-          btn.disabled = false;
-        }
-      }
-    </script>`;
-}
-
-// 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_STATUSES6 = /* @__PURE__ */ new Set(["done", "closed", "resolved", "cancelled"]);
+var DONE_STATUSES9 = /* @__PURE__ */ new Set(["done", "closed", "resolved", "cancelled"]);
 function urgencyBadge(tier) {
   const labels = {
     overdue: "Overdue",
@@ -23970,7 +24255,7 @@ function urgencyRowClass(tier) {
 function dmActionsPage(ctx) {
   const upcoming = getUpcomingData(ctx.store);
   const allActions = ctx.store.list({ type: "action" });
-  const openActions = allActions.filter((d) => !DONE_STATUSES6.has(d.frontmatter.status));
+  const openActions = allActions.filter((d) => !DONE_STATUSES9.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);
@@ -24055,7 +24340,7 @@ function dmActionsPage(ctx) {
 }
 
 // src/web/templates/pages/dm/risks.ts
-var DONE_STATUSES7 = /* @__PURE__ */ new Set(["done", "closed", "resolved", "cancelled"]);
+var DONE_STATUSES10 = /* @__PURE__ */ new Set(["done", "closed", "resolved", "cancelled"]);
 function dmRisksPage(ctx) {
   const allDocs = ctx.store.list();
   const upcoming = getUpcomingData(ctx.store);
@@ -24066,7 +24351,7 @@ function dmRisksPage(ctx) {
   const todayMs = new Date(today).getTime();
   const fourteenDaysMs = 14 * 864e5;
   const agingItems = allDocs.filter((d) => {
-    if (DONE_STATUSES7.has(d.frontmatter.status)) return false;
+    if (DONE_STATUSES10.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;
@@ -24180,7 +24465,7 @@ function dmRisksPage(ctx) {
 }
 
 // src/web/templates/pages/dm/meetings.ts
-var DONE_STATUSES8 = /* @__PURE__ */ new Set(["done", "closed", "resolved", "cancelled"]);
+var DONE_STATUSES11 = /* @__PURE__ */ new Set(["done", "closed", "resolved", "cancelled"]);
 function dmMeetingsPage(ctx) {
   const meetings = ctx.store.list({ type: "meeting" });
   const actions = ctx.store.list({ type: "action" });
@@ -24226,7 +24511,7 @@ function dmMeetingsPage(ctx) {
             ${sortedMeetings.map((m) => {
     const date5 = m.frontmatter.date ?? m.frontmatter.created;
     const relatedActions = meetingActionMap.get(m.frontmatter.id) ?? [];
-    const openCount = relatedActions.filter((a) => !DONE_STATUSES8.has(a.frontmatter.status)).length;
+    const openCount = relatedActions.filter((a) => !DONE_STATUSES11.has(a.frontmatter.status)).length;
     return `
             <tr>
               <td>${formatDate(date5)}</td>
@@ -24241,7 +24526,7 @@ function dmMeetingsPage(ctx) {
   const recentMeetingActions = [];
   for (const [mid, acts] of meetingActionMap) {
     for (const act of acts) {
-      if (!DONE_STATUSES8.has(act.frontmatter.status)) {
+      if (!DONE_STATUSES11.has(act.frontmatter.status)) {
         recentMeetingActions.push({ action: act, meetingId: mid });
       }
     }
@@ -24436,16 +24721,16 @@ registerPersonaPage("dm", "meetings", dmMeetingsPage);
 registerPersonaPage("dm", "governance", dmGovernancePage);
 
 // src/web/templates/pages/tl/dashboard.ts
-var DONE_STATUSES9 = /* @__PURE__ */ new Set(["done", "closed", "resolved", "cancelled"]);
-var RESOLVED_DECISION_STATUSES = /* @__PURE__ */ new Set(["decided", "superseded", "dismissed"]);
+var DONE_STATUSES12 = /* @__PURE__ */ new Set(["done", "closed", "resolved", "cancelled"]);
+var RESOLVED_DECISION_STATUSES2 = /* @__PURE__ */ new Set(["decided", "superseded", "dismissed"]);
 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_STATUSES9.has(d.frontmatter.status));
-  const openTasks = tasks.filter((d) => !DONE_STATUSES9.has(d.frontmatter.status));
+  const openEpics = epics.filter((d) => !DONE_STATUSES12.has(d.frontmatter.status));
+  const openTasks = tasks.filter((d) => !DONE_STATUSES12.has(d.frontmatter.status));
   const technicalDecisions = decisions.filter((d) => {
     const tags = d.frontmatter.tags ?? [];
     return tags.some((t) => {
@@ -24454,7 +24739,7 @@ function tlDashboardPage(ctx) {
     });
   });
   const displayDecisions = technicalDecisions.length > 0 ? technicalDecisions : decisions;
-  const pendingDecisions = displayDecisions.filter((d) => !RESOLVED_DECISION_STATUSES.has(d.frontmatter.status));
+  const pendingDecisions = displayDecisions.filter((d) => !RESOLVED_DECISION_STATUSES2.has(d.frontmatter.status));
   const statsCards = `
     <div class="cards">
       <div class="card">
@@ -24503,7 +24788,7 @@ function tlDashboardPage(ctx) {
 }
 
 // src/web/templates/pages/tl/backlog.ts
-var DONE_STATUSES10 = /* @__PURE__ */ new Set(["done", "closed", "resolved", "cancelled"]);
+var DONE_STATUSES13 = /* @__PURE__ */ new Set(["done", "closed", "resolved", "cancelled"]);
 function tlBacklogPage(ctx) {
   const epics = ctx.store.list({ type: "epic" });
   const tasks = ctx.store.list({ type: "task" });
@@ -24525,10 +24810,10 @@ function tlBacklogPage(ctx) {
     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 statusOrder2 = { "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;
+    const sa = statusOrder2[a.frontmatter.status] ?? 3;
+    const sb = statusOrder2[b.frontmatter.status] ?? 3;
     if (sa !== sb) return sa - sb;
     return a.frontmatter.id.localeCompare(b.frontmatter.id);
   });
@@ -24540,7 +24825,7 @@ function tlBacklogPage(ctx) {
           <tbody>
             ${sortedEpics.map((e) => {
     const eTasks = epicToTasks.get(e.frontmatter.id) ?? [];
-    const done = eTasks.filter((t) => DONE_STATUSES10.has(t.frontmatter.status)).length;
+    const done = eTasks.filter((t) => DONE_STATUSES13.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 `
@@ -24560,7 +24845,7 @@ function tlBacklogPage(ctx) {
     for (const t of taskList) assignedTaskIds.add(t.frontmatter.id);
   }
   const unassignedTasks = tasks.filter(
-    (t) => !assignedTaskIds.has(t.frontmatter.id) && !DONE_STATUSES10.has(t.frontmatter.status)
+    (t) => !assignedTaskIds.has(t.frontmatter.id) && !DONE_STATUSES13.has(t.frontmatter.status)
   );
   const unassignedSection = unassignedTasks.length > 0 ? collapsibleSection(
     "tl-backlog-unassigned",
@@ -24621,7 +24906,6 @@ var TL_CONTRIBUTION_TYPES = /* @__PURE__ */ new Set([
   "technical-assessment",
   "architecture-review"
 ]);
-var DONE_STATUSES11 = /* @__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>
@@ -24641,25 +24925,8 @@ function tlSprintPage(ctx) {
         <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 = [];
-  for (const item of data.workItems.items) {
-    if (techTypes.has(item.type)) {
-      techItems.push(item);
-    } else if (item.children) {
-      const promoteChildren = (children) => {
-        for (const child of children) {
-          if (techTypes.has(child.type)) {
-            techItems.push(child);
-          } else if (child.children) {
-            promoteChildren(child.children);
-          }
-        }
-      };
-      promoteChildren(item.children);
-    }
-  }
-  const techDone = techItems.filter((w) => DONE_STATUSES11.has(w.status)).length;
+  const tlItems = filterItemsByOwner(data.workItems.items, "tl");
+  const tlCompletionPct = computeOwnerCompletionPct(data.workItems.items, "tl");
   const allDocs = ctx.store.list();
   const tlContributions = allDocs.filter((d) => TL_CONTRIBUTION_TYPES.has(d.frontmatter.type));
   const statsCards = `
@@ -24670,9 +24937,9 @@ function tlSprintPage(ctx) {
         <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 class="card-label">TL Completion</div>
+        <div class="card-value">${tlCompletionPct}%</div>
+        <div class="card-sub">${tlItems.length} owned items</div>
       </div>
       <div class="card">
         <div class="card-label">Epics</div>
@@ -24690,28 +24957,10 @@ function tlSprintPage(ctx) {
       <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>Focus</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.workFocus ? `<span class="badge badge-subtle">${escapeHtml(w.workFocus)}</span>` : '<span class="text-dim">\u2014</span>'}</td>
-              </tr>`).join("")}
-            </tbody>
-          </table>
-        </div>`,
-    { titleTag: "h3" }
-  ) : "";
+  const workItemsSection = renderWorkItemsTable(tlItems, {
+    sectionId: "tl-sprint-items",
+    title: "TL Work Items"
+  });
   const contributionsSection = tlContributions.length > 0 ? collapsibleSection(
     "tl-sprint-contributions",
     `TL Contributions (${tlContributions.length})`,
@@ -25095,6 +25344,186 @@ function upcomingPage(data) {
   `;
 }
 
+// src/web/templates/pages/sprint-summary.ts
+function progressBar5(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 sprintSummaryPage(data, cached2) {
+  if (!data) {
+    return `
+      <div class="page-header">
+        <h2>Sprint Summary</h2>
+        <div class="subtitle">AI-powered sprint narrative</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 see the summary.</p>
+      </div>`;
+  }
+  const statsCards = `
+    <div class="cards">
+      <div class="card">
+        <div class="card-label">Completion</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">Epics</div>
+        <div class="card-value">${data.linkedEpics.length}</div>
+        <div class="card-sub">linked to sprint</div>
+      </div>
+      <a class="card card-link" href="sprint-blockers">
+        <div class="card-label">Blockers</div>
+        <div class="card-value${data.blockers.length > 0 ? " priority-high" : ""}">${data.blockers.length}</div>
+        <div class="card-sub">${data.workItems.blocked} blocked items</div>
+      </a>
+      <a class="card card-link" href="sprint-risks">
+        <div class="card-label">Risks</div>
+        <div class="card-value${data.risks.length > 0 ? " priority-medium" : ""}">${data.risks.length}</div>
+        <div class="card-sub">open risk items</div>
+      </a>
+    </div>`;
+  const epicsTable = data.linkedEpics.length > 0 ? collapsibleSection(
+    "ss-epics",
+    "Linked Epics",
+    `<div class="table-wrap">
+          <table>
+            <thead>
+              <tr><th>ID</th><th>Title</th><th>Status</th><th>Tasks</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 workItemsSection = renderWorkItemsTable(data.workItems.items, {
+    sectionId: "ss-work-items",
+    title: "Work Items",
+    defaultCollapsed: true
+  });
+  const activitySection = data.artifacts.length > 0 ? collapsibleSection(
+    "ss-activity",
+    "Recent Activity",
+    `<div class="table-wrap">
+          <table>
+            <thead>
+              <tr><th>Date</th><th>ID</th><th>Title</th><th>Type</th><th>Action</th></tr>
+            </thead>
+            <tbody>
+              ${data.artifacts.slice(0, 15).map((a) => `
+              <tr>
+                <td>${formatDate(a.date)}</td>
+                <td><a href="/docs/${escapeHtml(a.type)}/${escapeHtml(a.id)}">${escapeHtml(a.id)}</a></td>
+                <td>${escapeHtml(a.title)}</td>
+                <td>${escapeHtml(typeLabel(a.type))}</td>
+                <td>${escapeHtml(a.action)}</td>
+              </tr>`).join("")}
+            </tbody>
+          </table>
+        </div>`,
+    { titleTag: "h3", defaultCollapsed: true }
+  ) : "";
+  const meetingsSection = data.meetings.length > 0 ? collapsibleSection(
+    "ss-meetings",
+    `Meetings (${data.meetings.length})`,
+    `<div class="table-wrap">
+          <table>
+            <thead>
+              <tr><th>Date</th><th>ID</th><th>Title</th></tr>
+            </thead>
+            <tbody>
+              ${data.meetings.map((m) => `
+              <tr>
+                <td>${formatDate(m.date)}</td>
+                <td><a href="/docs/meeting/${escapeHtml(m.id)}">${escapeHtml(m.id)}</a></td>
+                <td>${escapeHtml(m.title)}</td>
+              </tr>`).join("")}
+            </tbody>
+          </table>
+        </div>`,
+    { titleTag: "h3", defaultCollapsed: true }
+  ) : "";
+  const goalHtml = data.sprint.goal ? `<div class="sprint-goal"><strong>Goal:</strong> ${escapeHtml(data.sprint.goal)}</div>` : "";
+  const dateRange = data.sprint.startDate && data.sprint.endDate ? `<span class="text-dim">${formatDate(data.sprint.startDate)} \u2014 ${formatDate(data.sprint.endDate)}</span>` : "";
+  return `
+    <div class="page-header">
+      <h2>${escapeHtml(data.sprint.id)} \u2014 ${escapeHtml(data.sprint.title)} ${statusBadge(data.sprint.status)}</h2>
+      <div class="subtitle">Sprint Summary ${dateRange}</div>
+    </div>
+    ${goalHtml}
+    ${progressBar5(data.timeline.percentComplete)}
+    ${statsCards}
+    ${epicsTable}
+    ${workItemsSection}
+    ${activitySection}
+    ${meetingsSection}
+
+    <div class="sprint-ai-section">
+      <h3>AI Summary</h3>
+      ${cached2 ? `<p class="text-dim">Generated ${formatDate(cached2.generatedAt)} at ${cached2.generatedAt.slice(11, 16)} UTC</p>` : `<p class="text-dim">Generate a narrative summary of this sprint's progress, risks, and projections.</p>`}
+      <button class="sprint-generate-btn" onclick="generateSummary()" id="generate-btn">${cached2 ? "Regenerate" : "Generate AI Summary"}</button>
+      <div id="summary-loading" class="sprint-loading" style="display:none">
+        <div class="sprint-spinner"></div>
+        <span>Generating summary...</span>
+      </div>
+      <div id="summary-error" class="sprint-error" style="display:none"></div>
+      <div id="summary-content" class="detail-content"${cached2 ? "" : ' style="display:none"'}>${cached2 ? cached2.html : ""}</div>
+    </div>
+
+    <script>
+      async function generateSummary() {
+        var btn = document.getElementById('generate-btn');
+        var loading = document.getElementById('summary-loading');
+        var errorEl = document.getElementById('summary-error');
+        var content = document.getElementById('summary-content');
+
+        btn.disabled = true;
+        btn.style.display = 'none';
+        loading.style.display = 'flex';
+        errorEl.style.display = 'none';
+        content.style.display = 'none';
+
+        try {
+          var res = await fetch('/api/sprint-summary', {
+            method: 'POST',
+            headers: { 'Content-Type': 'application/json' },
+            body: JSON.stringify({ sprintId: '${escapeHtml(data.sprint.id)}' })
+          });
+          var json = await res.json();
+          if (!res.ok) throw new Error(json.error || 'Failed to generate summary');
+          loading.style.display = 'none';
+          content.innerHTML = json.html;
+          content.style.display = 'block';
+          btn.textContent = 'Regenerate';
+          btn.style.display = '';
+          btn.disabled = false;
+        } catch (e) {
+          loading.style.display = 'none';
+          errorEl.textContent = e.message;
+          errorEl.style.display = 'block';
+          btn.style.display = '';
+          btn.disabled = false;
+        }
+      }
+    </script>`;
+}
+
 // src/web/templates/pages/sprint-blockers.ts
 function sprintBlockersPage(data, store) {
   if (!data) {