@sienklogic/plan-build-run 2.32.0 → 2.32.1

package/dashboard/src/views/partials/dashboard-content.ejs

@@ -1,124 +0,0 @@
-<%- include('breadcrumbs', { breadcrumbs: typeof breadcrumbs !== 'undefined' ? breadcrumbs : [] }) %>
-<%
-  // Show just the phase name as h1, not the full focus description
-  var dashboardTitle = (typeof currentPhase !== 'undefined' && currentPhase && currentPhase.name)
-    ? currentPhase.name
-    : (typeof projectName !== 'undefined' ? projectName.split(/\s*[—–-]\s*/)[0] : 'Dashboard');
-%>
-<h1><%= dashboardTitle %></h1>
-
-<!-- Status Cards -->
-<div class="row row-cards mb-3">
-  <!-- Current Phase Card -->
-  <div class="col-sm-6 col-lg-3">
-    <div class="card">
-      <div class="card-header"><strong>Current Phase</strong></div>
-      <div class="card-body">
-        <% if (currentPhase.id > 0) { %>
-          <a href="/phases/<%= String(currentPhase.id).padStart(2, '0') %>"
-             hx-get="/phases/<%= String(currentPhase.id).padStart(2, '0') %>"
-             hx-target="#main-content"
-             hx-push-url="true">
-            <span class="status-badge" data-status="<%= currentPhase.status %>">Phase <%= currentPhase.id %></span>
-            <%= currentPhase.name %>
-          </a>
-        <% } else { %>
-          <p>No active phase</p>
-        <% } %>
-      </div>
-      <div class="card-footer"><small class="text-muted"><%= currentPhase.planStatus %></small></div>
-    </div>
-  </div>
-
-  <!-- Milestone Progress Card -->
-  <div class="col-sm-6 col-lg-3">
-    <div class="card">
-      <div class="card-header"><strong>Milestone Progress</strong></div>
-      <div class="card-body">
-        <div class="progress mb-2" style="height:0.5rem">
-          <div class="progress-bar" role="progressbar" style="width:<%= progress %>%" aria-valuenow="<%= progress %>" aria-valuemin="0" aria-valuemax="100"></div>
-        </div>
-        <span class="text-muted small"><%= progress %>%</span>
-      </div>
-      <div class="card-footer">
-        <small class="text-muted">
-          <% if (phases && phases.length > 0) { %>
-            <%= phases.filter(function(p) { return p.status === 'complete'; }).length %> of <%= phases.length %> phases complete
-          <% } else { %>&mdash;<% } %>
-        </small>
-      </div>
-    </div>
-  </div>
-
-  <!-- Pending Todos Card -->
-  <div class="col-sm-6 col-lg-3">
-    <div class="card">
-      <div class="card-header"><strong>Pending Todos</strong></div>
-      <div class="card-body">
-        <a href="/todos"
-           hx-get="/todos"
-           hx-target="#main-content"
-           hx-push-url="true"
-           class="h2 mb-0"><%= typeof pendingTodoCount !== 'undefined' ? pendingTodoCount : 0 %></a>
-      </div>
-      <div class="card-footer"><small class="text-muted">P0/P1 items need attention</small></div>
-    </div>
-  </div>
-
-  <!-- Last Activity Card -->
-  <div class="col-sm-6 col-lg-3">
-    <div class="card">
-      <div class="card-header"><strong>Last Activity</strong></div>
-      <div class="card-body">
-        <% if (lastActivity.date) { %>
-          <p class="mb-0"><%= lastActivity.date %></p>
-        <% } else { %>
-          <p class="mb-0">&mdash;</p>
-        <% } %>
-      </div>
-      <% if (lastActivity.description) { %><div class="card-footer"><small class="text-muted"><%= lastActivity.description %></small></div><% } %>
-    </div>
-  </div>
-</div>
-
-<!-- Phase Timeline -->
-<section class="section-timeline">
-  <h2>Phase Timeline</h2>
-  <%- include('phase-timeline', { phases: phases, currentPhase: currentPhase }) %>
-</section>
-
-<!-- Activity Feed -->
-<section class="section-activity">
-  <h2>Recent Activity</h2>
-  <%- include('activity-feed', { recentActivity: typeof recentActivity !== 'undefined' ? recentActivity : [] }) %>
-</section>
-
-<!-- Quick Actions -->
-<div class="d-flex flex-wrap gap-2 mb-3">
-  <% if (typeof quickActions !== 'undefined' && quickActions && quickActions.length > 0) { %>
-    <% quickActions.forEach(function(action) { %>
-      <a class="btn <%= action.primary ? 'btn-primary' : 'btn-outline-secondary' %>"
-         href="<%= action.href %>"
-         hx-get="<%= action.href %>"
-         hx-target="#main-content"
-         hx-push-url="true"><%= action.label %></a>
-    <% }); %>
-  <% } else { %>
-    <% var phaseId = String(currentPhase.id).padStart(2, '0'); %>
-    <a class="btn btn-outline-secondary"
-       href="/phases/<%= phaseId %>"
-       hx-get="/phases/<%= phaseId %>"
-       hx-target="#main-content"
-       hx-push-url="true">Current Phase</a>
-    <a class="btn btn-outline-secondary"
-       href="/roadmap"
-       hx-get="/roadmap"
-       hx-target="#main-content"
-       hx-push-url="true">Roadmap</a>
-    <a class="btn btn-outline-secondary"
-       href="/todos/new"
-       hx-get="/todos/new"
-       hx-target="#main-content"
-       hx-push-url="true">Create Todo</a>
-  <% } %>
-</div>

package/dashboard/src/views/partials/dependencies-content.ejs

@@ -1,50 +0,0 @@
-<%- include('breadcrumbs', { breadcrumbs: typeof breadcrumbs !== 'undefined' ? breadcrumbs : [] }) %>
-
-<h1>Phase Dependencies</h1>
-
-<% if (typeof mermaidCode !== 'undefined' && mermaidCode && mermaidCode.trim()) { %>
-<div class="card mb-3">
-  <div class="card-body">
-    <pre class="mermaid"><%= mermaidCode %></pre>
-  </div>
-</div>
-<% } else { %>
-<%- include('empty-state', { icon: '🔗', title: 'No dependency data available', action: '' }) %>
-<% } %>
-
-<script src="https://cdn.jsdelivr.net/npm/mermaid@11/dist/mermaid.min.js"></script>
-<script>
-  (function() {
-    function detectDark() {
-      var explicit = document.documentElement.dataset.theme;
-      if (explicit) return explicit === 'dark';
-      return window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches;
-    }
-    var mermaidTheme = detectDark() ? 'dark' : 'default';
-
-    // Store original source before mermaid processes it
-    document.querySelectorAll('.mermaid').forEach(function(el) {
-      el.dataset.source = el.textContent;
-    });
-
-    mermaid.initialize({ startOnLoad: true, theme: mermaidTheme, securityLevel: 'loose' });
-
-    // Watch for theme changes and re-render
-    var observer = new MutationObserver(function(mutations) {
-      mutations.forEach(function(mutation) {
-        if (mutation.attributeName === 'data-theme') {
-          var newTheme = detectDark() ? 'dark' : 'default';
-          mermaid.initialize({ startOnLoad: false, theme: newTheme, securityLevel: 'loose' });
-          document.querySelectorAll('.mermaid').forEach(function(el) {
-            if (el.dataset.source) {
-              el.removeAttribute('data-processed');
-              el.innerHTML = el.dataset.source;
-            }
-          });
-          mermaid.run();
-        }
-      });
-    });
-    observer.observe(document.documentElement, { attributes: true, attributeFilter: ['data-theme'] });
-  })();
-</script>

package/dashboard/src/views/partials/empty-state.ejs

@@ -1,12 +0,0 @@
-<div class="empty">
-  <% if (typeof icon !== 'undefined' && icon) { %>
-  <div class="empty-icon"><%= icon %></div>
-  <% } %>
-  <p class="empty-title"><%= typeof title !== 'undefined' ? title : 'No data available' %></p>
-  <% if (typeof subtitle !== 'undefined' && subtitle) { %>
-  <p class="empty-subtitle text-muted"><%= subtitle %></p>
-  <% } %>
-  <% if (typeof action !== 'undefined' && action) { %>
-  <div class="empty-action"><%- action %></div>
-  <% } %>
-</div>

package/dashboard/src/views/partials/footer.ejs

@@ -1,9 +0,0 @@
-<footer class="footer footer-transparent d-print-none">
-  <div class="container-xl">
-    <div class="row text-center align-items-center flex-row-reverse">
-      <div class="col-12 col-lg-auto">
-        <small class="text-muted">PBR Dashboard v<%= typeof dashboardVersion !== 'undefined' ? dashboardVersion : '0.1.0' %></small>
-      </div>
-    </div>
-  </div>
-</footer>

package/dashboard/src/views/partials/head.ejs

@@ -1,31 +0,0 @@
-<head>
-  <meta charset="UTF-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title><%= typeof title !== 'undefined' ? title : 'Plan-Build-Run' %> - Plan-Build-Run</title>
-  <link rel="icon" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><text y='.9em' font-size='80'>P</text></svg>">
-  <link rel="preconnect" href="https://cdn.jsdelivr.net" crossorigin>
-  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@tabler/core@1.0.0-beta21/dist/css/tabler.min.css">
-  <link rel="stylesheet" href="https://cdn.jsdelivr.net/fontsource/fonts/inter@latest/latin-400-normal.min.css" media="print" onload="this.media='all'">
-  <link rel="stylesheet" href="https://cdn.jsdelivr.net/fontsource/fonts/inter@latest/latin-600-normal.min.css" media="print" onload="this.media='all'">
-  <link rel="stylesheet" href="https://cdn.jsdelivr.net/fontsource/fonts/inter@latest/latin-700-normal.min.css" media="print" onload="this.media='all'">
-  <link rel="stylesheet" href="https://cdn.jsdelivr.net/fontsource/fonts/jetbrains-mono@latest/latin-400-normal.min.css" media="print" onload="this.media='all'">
-  <noscript>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/fontsource/fonts/inter@latest/latin-400-normal.min.css">
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/fontsource/fonts/inter@latest/latin-600-normal.min.css">
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/fontsource/fonts/inter@latest/latin-700-normal.min.css">
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/fontsource/fonts/jetbrains-mono@latest/latin-400-normal.min.css">
-  </noscript>
-  <link rel="stylesheet" href="/css/tokens.css">
-  <link rel="stylesheet" href="/css/layout.css">
-  <link rel="stylesheet" href="/css/status-colors.css">
-  <script
-    src="https://cdn.jsdelivr.net/npm/htmx.org@2.0.8/dist/htmx.min.js"
-    integrity="sha384-/TgkGk7p307TH7EXJDuUlgG3Ce1UVolAOFopFekQkkXihi5u/6OCvVKyz1W+idaz"
-    crossorigin="anonymous">
-  </script>
-  <script src="https://cdn.jsdelivr.net/npm/htmx-ext-sse@2.2.2/sse.js"></script>
-  <script src="/js/htmx-title.js"></script>
-  <script src="/js/sidebar-toggle.js"></script>
-  <script src="/js/theme-toggle.js"></script>
-  <script src="https://cdn.jsdelivr.net/npm/@tabler/core@1.0.0-beta21/dist/js/tabler.min.js" defer></script>
-</head>

package/dashboard/src/views/partials/header.ejs

@@ -1,18 +0,0 @@
-<header class="navbar navbar-expand-md navbar-dark d-print-none">
-  <div class="container-xl">
-    <button class="navbar-toggler" type="button" id="sidebar-toggle" aria-label="Toggle navigation">
-      <span class="navbar-toggler-icon"></span>
-    </button>
-    <div class="navbar-brand navbar-brand-autodark d-none-navbar-horizontal pe-0 pe-md-3">
-      <a href="/" hx-get="/" hx-target="#main-content" hx-push-url="true">PBR Dashboard</a>
-    </div>
-    <div class="navbar-nav flex-row order-md-last">
-      <div class="nav-item me-2 d-flex align-items-center">
-        <span id="sse-status" data-connected="false" aria-label="SSE connection status" title="Live updates: disconnected"></span>
-      </div>
-      <div class="nav-item">
-        <button id="theme-toggle" class="btn btn-ghost-secondary btn-icon" aria-label="Toggle theme">🌙</button>
-      </div>
-    </div>
-  </div>
-</header>

package/dashboard/src/views/partials/layout-bottom.ejs

@@ -1,8 +0,0 @@
-        </div><%# end container-xl / main-content %>
-      </div><%# end page-body %>
-      <%- include('footer') %>
-    </div><%# end page-wrapper %>
-  </div><%# end wrapper %>
-  <script src="/js/sse-client.js"></script>
-</body>
-</html>

package/dashboard/src/views/partials/layout-top.ejs

@@ -1,17 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<script>(function(){var t=localStorage.getItem('pbr-theme');if(t)document.documentElement.dataset.bsTheme=t})()</script>
-<%- include('head', { title: typeof title !== 'undefined' ? title : 'PBR Dashboard' }) %>
-<body class="antialiased">
-  <a href="#main-content" class="skip-link">Skip to main content</a>
-  <div class="loading-bar"></div>
-  <script>
-    document.body.addEventListener('htmx:beforeRequest', function() { document.body.classList.add('htmx-request'); });
-    document.body.addEventListener('htmx:afterRequest', function() { document.body.classList.remove('htmx-request'); });
-  </script>
-  <div class="wrapper">
-    <%- include('header') %>
-    <%- include('sidebar', { activePage: typeof activePage !== 'undefined' ? activePage : '' }) %>
-    <div class="page-wrapper">
-      <div class="page-body">
-        <div class="container-xl" id="main-content">

package/dashboard/src/views/partials/log-entries-content.ejs

@@ -1,17 +0,0 @@
-<div id="log-entries"
-     style="max-height:60vh;overflow-y:auto;font-family:var(--font-mono,monospace);font-size:0.78rem;background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--card-radius);padding:0.5rem">
-  <% if (typeof logData !== 'undefined' && logData && logData.entries.length > 0) { %>
-    <% logData.entries.forEach(function(entry) { %>
-    <div class="log-entry" style="padding:0.2rem 0;border-bottom:1px solid var(--card-border);word-break:break-all">
-      <span style="color:var(--muted-fg,#888)"><%= entry.timestamp ? String(entry.timestamp).slice(0,19).replace('T',' ') : '' %></span>
-      <% if (entry.type) { %><span class="status-badge status-badge--sm" data-status="<%= entry.type %>"><%= entry.type %></span><% } %>
-      <% if (entry.tool) { %><strong><%= entry.tool %></strong><% } %>
-      <% if (entry.message) { %><span><%= String(entry.message).slice(0,200) %></span><% } %>
-    </div>
-    <% }); %>
-  <% } else if (typeof logData !== 'undefined' && logData) { %>
-    <p style="padding:0.5rem;margin:0;color:var(--muted-fg,#888)">No entries match the current filter.</p>
-  <% } else { %>
-    <p style="padding:0.5rem;margin:0;color:var(--muted-fg,#888)">Waiting for live entries...</p>
-  <% } %>
-</div>

package/dashboard/src/views/partials/logs-content.ejs

@@ -1,131 +0,0 @@
-<%- include('breadcrumbs', { breadcrumbs: typeof breadcrumbs !== 'undefined' ? breadcrumbs : [] }) %>
-<h1>Logs</h1>
-
-<% if (!logFiles || logFiles.length === 0) { %>
-<%- include('empty-state', { icon: 'L', title: 'No log files found', action: 'Log files appear in .planning/logs/ when PBR hooks run with local LLM routing enabled.' }) %>
-<% } else { %>
-
-<div class="d-flex gap-3 align-items-start">
-
-  <%# File browser sidebar %>
-  <aside style="min-width:220px;max-width:260px;flex-shrink:0">
-    <div class="card">
-      <div class="card-header"><strong>Log Files</strong></div>
-      <div class="list-group list-group-flush">
-        <% logFiles.forEach(function(lf) { %>
-        <a href="/logs?file=<%= lf.name %>"
-           hx-get="/logs?file=<%= lf.name %>"
-           hx-target="#main-content"
-           hx-push-url="true"
-           class="list-group-item list-group-item-action<% if (selectedFile === lf.name) { %> active<% } %>">
-          <%= lf.name %>
-          <br><small class="text-muted"><%= Math.round(lf.size / 1024) %> KB &middot; <%= lf.modified ? lf.modified.slice(0,10) : '' %></small>
-        </a>
-        <% }); %>
-      </div>
-    </div>
-  </aside>
-
-  <%# Main log viewer %>
-  <div style="flex:1;min-width:0">
-    <% if (selectedFile) { %>
-
-    <%# Filter controls %>
-    <form hx-get="/logs"
-          hx-target="#main-content"
-          hx-push-url="true"
-          class="d-flex flex-wrap gap-2 mb-2">
-      <input type="hidden" name="file" value="<%= selectedFile %>">
-      <input type="text" name="type" placeholder="Type filter (e.g. tool_use)"
-             value="<%= typeof filters !== 'undefined' ? filters.type : '' %>"
-             class="form-control" style="width:200px">
-      <input type="search" name="q" placeholder="Search entries..."
-             value="<%= typeof filters !== 'undefined' ? filters.q : '' %>"
-             class="form-control flex-grow-1" style="min-width:160px">
-      <button type="submit" class="btn btn-outline-secondary">Filter</button>
-      <% if (typeof filters !== 'undefined' && (filters.type || filters.q)) { %>
-      <a href="/logs?file=<%= selectedFile %>"
-         hx-get="/logs?file=<%= selectedFile %>"
-         hx-target="#main-content"
-         hx-push-url="true"
-         class="btn btn-outline-secondary">Clear</a>
-      <% } %>
-    </form>
-
-    <%# Auto-scroll toggle + live indicator %>
-    <div class="d-flex align-items-center gap-3 mb-2">
-      <label class="d-flex align-items-center gap-2" style="cursor:pointer">
-        <input type="checkbox" id="auto-scroll-toggle" checked style="margin:0">
-        <small>Auto-scroll</small>
-      </label>
-      <span id="live-indicator" class="status-badge" data-status="active" style="display:none">LIVE</span>
-    </div>
-
-    <%# Entry list: SSE target + initial content %>
-    <div id="log-entries-wrap"
-         hx-ext="sse"
-         sse-connect="/logs/stream?file=<%= selectedFile %>"
-         sse-swap="log-entry"
-         hx-swap="beforeend"
-         hx-target="#log-entries"
-         style="position:relative">
-      <%- include('log-entries-content') %>
-    </div>
-
-    <%# Pagination %>
-    <% if (logData && logData.total > logData.pageSize) { %>
-    <nav class="d-flex gap-2 mt-2 align-items-center">
-      <% const totalPages = Math.ceil(logData.total / logData.pageSize); %>
-      <% if (logData.page > 1) { %>
-      <a href="/logs?file=<%= selectedFile %>&page=<%= logData.page - 1 %>&type=<%= (filters || {}).type || '' %>&q=<%= (filters || {}).q || '' %>"
-         hx-get="/logs?file=<%= selectedFile %>&page=<%= logData.page - 1 %>&type=<%= (filters || {}).type || '' %>&q=<%= (filters || {}).q || '' %>"
-         hx-target="#main-content"
-         hx-push-url="true"
-         class="btn btn-outline-secondary">&larr; Prev</a>
-      <% } %>
-      <small>Page <%= logData.page %> of <%= totalPages %> (<%= logData.total %> entries)</small>
-      <% if (logData.page < totalPages) { %>
-      <a href="/logs?file=<%= selectedFile %>&page=<%= logData.page + 1 %>&type=<%= (filters || {}).type || '' %>&q=<%= (filters || {}).q || '' %>"
-         hx-get="/logs?file=<%= selectedFile %>&page=<%= logData.page + 1 %>&type=<%= (filters || {}).type || '' %>&q=<%= (filters || {}).q || '' %>"
-         hx-target="#main-content"
-         hx-push-url="true"
-         class="btn btn-outline-secondary">Next &rarr;</a>
-      <% } %>
-    </nav>
-    <% } %>
-
-    <% } else { %>
-    <div class="text-center py-4 text-muted">
-      <p style="font-size:1.5rem;margin-bottom:0.5rem">&#8592;</p>
-      <p>Select a log file from the list to view entries.</p>
-    </div>
-    <% } %>
-  </div>
-</div>
-
-<script>
-(function () {
-  const wrap = document.getElementById('log-entries-wrap');
-  const toggle = document.getElementById('auto-scroll-toggle');
-  const indicator = document.getElementById('live-indicator');
-
-  if (!wrap || !toggle) return;
-
-  // Show live indicator when SSE connects
-  wrap.addEventListener('htmx:sseOpen', () => {
-    if (indicator) indicator.style.display = '';
-  });
-  wrap.addEventListener('htmx:sseClose', () => {
-    if (indicator) indicator.style.display = 'none';
-  });
-
-  // Auto-scroll: when a new log-entry SSE event adds content, scroll to bottom
-  wrap.addEventListener('htmx:afterSwap', () => {
-    if (toggle && toggle.checked) {
-      const list = document.getElementById('log-entries');
-      if (list) list.scrollTop = list.scrollHeight;
-    }
-  });
-})();
-</script>
-<% } %>

package/dashboard/src/views/partials/milestone-detail-content.ejs

@@ -1,20 +0,0 @@
-<%- include('breadcrumbs', { breadcrumbs: typeof breadcrumbs !== 'undefined' ? breadcrumbs : [] }) %>
-<h1>Milestone v<%= version %></h1>
-
-<p>
-  <a href="/milestones"
-     hx-get="/milestones"
-     hx-target="#main-content"
-     hx-push-url="true">&larr; Back to Milestones</a>
-</p>
-
-<% sections.forEach(function(section) { %>
-<div class="card mb-3">
-  <div class="card-header">
-    <strong><%= section.type %></strong>
-  </div>
-  <div class="card-body markdown-body">
-    <%- section.html %>
-  </div>
-</div>
-<% }); %>

package/dashboard/src/views/partials/milestones-content.ejs

@@ -1,127 +0,0 @@
-<%- include('breadcrumbs', { breadcrumbs: typeof breadcrumbs !== 'undefined' ? breadcrumbs : [] }) %>
-<h1>Milestones</h1>
-
-<%
-  // Filter out milestones that the parser already flagged as completed (collapsed in ROADMAP.md)
-  var nonCollapsed = active.filter(function(m) { return !m.completed; });
-
-  // From non-collapsed, separate truly active from ones whose phases are all complete
-  var trulyActive = nonCollapsed.filter(function(m) {
-    var msPhases = (typeof phases !== 'undefined' && phases) ? phases.filter(function(p) { return p.id >= m.startPhase && p.id <= m.endPhase; }) : [];
-    var completedPhases = msPhases.filter(function(p) { return p.status === 'complete'; }).length;
-    return msPhases.length === 0 || completedPhases < msPhases.length;
-  });
-  var completedNotArchived = nonCollapsed.filter(function(m) {
-    var msPhases = (typeof phases !== 'undefined' && phases) ? phases.filter(function(p) { return p.id >= m.startPhase && p.id <= m.endPhase; }) : [];
-    var completedPhases = msPhases.filter(function(p) { return p.status === 'complete'; }).length;
-    return msPhases.length > 0 && completedPhases >= msPhases.length;
-  });
-%>
-
-<% if (trulyActive.length > 0) { %>
-<h2>Active</h2>
-<% trulyActive.forEach(function(m) {
-  var msPhases = (typeof phases !== 'undefined' && phases) ? phases.filter(function(p) { return p.id >= m.startPhase && p.id <= m.endPhase; }) : [];
-  var totalPhases = msPhases.length;
-  var completedPhases = msPhases.filter(function(p) { return p.status === 'complete'; }).length;
-%>
-<div class="card mb-3">
-  <div class="card-header">
-    <strong><%= m.name %></strong>
-    <% if (m.goal) { %><small> &mdash; <%= m.goal %></small><% } %>
-  </div>
-  <div class="card-body">
-    <p>
-      Phases <%= m.startPhase %> &ndash; <%= m.endPhase %>
-    </p>
-    <% if (totalPhases > 0) { %>
-    <div class="progress mb-2" style="height:0.5rem">
-      <div class="progress-bar" role="progressbar"
-           style="width:<%= completedPhases / totalPhases * 100 %>%"
-           aria-valuenow="<%= completedPhases %>" aria-valuemin="0" aria-valuemax="<%= totalPhases %>">
-      </div>
-    </div>
-    <p><small><%= completedPhases %> of <%= totalPhases %> phases complete</small></p>
-    <% } %>
-  </div>
-</div>
-<% }); %>
-<% } %>
-
-<% if (completedNotArchived.length > 0) { %>
-<h2>Completed (Pending Archive)</h2>
-<% completedNotArchived.forEach(function(m) { %>
-<div class="card mb-3">
-  <div class="card-header">
-    <strong><%= m.name %></strong>
-    <span class="status-badge status-badge--sm" data-status="complete" style="float:right">completed</span>
-  </div>
-  <div class="card-body">
-    <p>Phases <%= m.startPhase %> &ndash; <%= m.endPhase %></p>
-  </div>
-</div>
-<% }); %>
-<% } %>
-
-<% if (archived.length > 0) { %>
-<h2>Archived</h2>
-<div class="card mb-3">
-  <div class="table-responsive">
-  <table class="table table-vcenter">
-    <thead>
-      <tr>
-        <th scope="col">Version</th>
-        <th scope="col">Name</th>
-        <th scope="col">Date</th>
-        <th scope="col">Duration</th>
-        <th scope="col">Phases</th>
-        <th scope="col">Commits</th>
-      </tr>
-    </thead>
-    <tbody>
-      <% archived.forEach(function(m) { %>
-      <tr>
-        <td colspan="6" style="padding:0">
-          <details>
-            <summary style="padding:0.5rem 1rem;cursor:pointer">
-              <div class="row g-2" style="width:100%">
-                <div class="col-auto" style="min-width:60px"><a href="/milestones/<%= m.version %>"
-                     hx-get="/milestones/<%= m.version %>"
-                     hx-target="#main-content"
-                     hx-push-url="true">v<%= m.version %></a></div>
-                <div class="col" style="white-space:nowrap;overflow:hidden;text-overflow:ellipsis"><%= m.name %></div>
-                <div class="col-auto"><%= m.date || '—' %></div>
-                <div class="col-auto"><%= m.duration || '—' %></div>
-                <div class="col-auto"><%= m.stats && m.stats.phaseCount ? m.stats.phaseCount : '—' %></div>
-                <div class="col-auto"><%= m.stats && m.stats.commitCount ? m.stats.commitCount : '—' %></div>
-              </div>
-            </summary>
-            <div style="padding:0.5rem 1rem 1rem">
-              <% if (m.stats && m.stats.statsHtml) { %>
-              <div><%= m.stats.statsHtml %></div>
-              <% } %>
-              <% if (m.stats && m.stats.deliverables && m.stats.deliverables.length > 0) { %>
-              <h4>Deliverables</h4>
-              <ul>
-                <% m.stats.deliverables.forEach(function(d) { %>
-                <li><a href="/milestones/<%= m.version %>"
-                       hx-get="/milestones/<%= m.version %>"
-                       hx-target="#main-content"
-                       hx-push-url="true"><%= d %></a></li>
-                <% }); %>
-              </ul>
-              <% } %>
-            </div>
-          </details>
-        </td>
-      </tr>
-      <% }); %>
-    </tbody>
-  </table>
-  </div>
-</div>
-<% } %>
-
-<% if (active.length === 0 && archived.length === 0) { %>
-<%- include('empty-state', { icon: '🚩', title: 'No milestones yet', action: '' }) %>
-<% } %>

package/dashboard/src/views/partials/note-detail-content.ejs

@@ -1,24 +0,0 @@
-<%- include('breadcrumbs', { breadcrumbs: typeof breadcrumbs !== 'undefined' ? breadcrumbs : [] }) %>
-<h1>
-  <%= title %>
-  <% if (promoted) { %>
-    &nbsp;<span class="status-badge" data-status="complete">promoted</span>
-  <% } %>
-</h1>
-
-<% if (date) { %>
-<p><small><%= date %></small></p>
-<% } %>
-
-<div class="card mb-3">
-  <div class="card-body">
-    <div class="markdown-body">
-      <%- html %>
-    </div>
-  </div>
-</div>
-
-<p><a href="/notes" class="btn btn-outline-secondary"
-      hx-get="/notes"
-      hx-target="#main-content"
-      hx-push-url="true">Back to Notes</a></p>

package/dashboard/src/views/partials/notes-content.ejs

@@ -1,28 +0,0 @@
-<%- include('breadcrumbs', { breadcrumbs: typeof breadcrumbs !== 'undefined' ? breadcrumbs : [] }) %>
-<h1>Notes</h1>
-
-<% if (notes.length === 0) { %>
-<%- include('empty-state', { icon: 'N', title: 'No notes yet', action: 'Use /pbr:note to create project notes.' }) %>
-<% } else { %>
-<% notes.forEach(function(note) { %>
-<% const noteSlug = note.filename.replace(/^\d{4}-\d{2}-\d{2}-/, '').replace(/\.md$/, ''); %>
-<div class="card mb-2">
-  <div class="card-header">
-    <strong>
-      <a href="/notes/<%= noteSlug %>"
-         hx-get="/notes/<%= noteSlug %>"
-         hx-target="#main-content"
-         hx-push-url="true"><%= note.title %></a>
-    </strong>
-    <span style="display:flex;gap:var(--space-sm);align-items:center;margin-left:auto">
-      <% if (note.promoted) { %>
-        <span class="status-badge status-badge--sm" data-status="complete">promoted</span>
-      <% } %>
-      <% if (note.date) { %>
-        <small style="color:var(--color-text-dim)"><%= typeof note.date === 'object' ? note.date.toISOString().slice(0, 10) : String(note.date).slice(0, 10) %></small>
-      <% } %>
-    </span>
-  </div>
-</div>
-<% }); %>
-<% } %>