@sienklogic/plan-build-run 2.23.0 → 2.26.0

package/dashboard/src/services/research.service.js

@@ -0,0 +1,137 @@
+import { readdir } from 'node:fs/promises';
+import { join } from 'node:path';
+import { readMarkdownFile } from '../repositories/planning.repository.js';
+
+/**
+ * List all research docs from .planning/research/*.md, sorted by filename descending.
+ *
+ * @param {string} projectDir - Absolute path to the project root
+ * @returns {Promise<Array>}
+ */
+export async function listResearchDocs(projectDir) {
+  const dir = join(projectDir, '.planning', 'research');
+  let entries;
+  try {
+    entries = await readdir(dir);
+  } catch (err) {
+    if (err.code === 'ENOENT') return [];
+    throw err;
+  }
+  const mdFiles = entries.filter(f => f.endsWith('.md')).sort().reverse();
+  const results = await Promise.allSettled(
+    mdFiles.map(f => readMarkdownFile(join(dir, f)))
+  );
+  const docs = [];
+  for (let i = 0; i < mdFiles.length; i++) {
+    if (results[i].status !== 'fulfilled') continue;
+    const { frontmatter, html } = results[i].value;
+    const filename = mdFiles[i];
+    const slug = filename.replace(/^\d{4}-\d{2}-\d{2}-/, '').replace(/\.md$/, '');
+    const title = slug.split('-').map(w => w.charAt(0).toUpperCase() + w.slice(1)).join(' ');
+    docs.push({
+      filename,
+      slug,
+      title,
+      topic: frontmatter.topic || null,
+      date: frontmatter.research_date
+        ? (frontmatter.research_date instanceof Date
+          ? frontmatter.research_date.toISOString().slice(0, 10)
+          : String(frontmatter.research_date))
+        : null,
+      confidence: frontmatter.confidence || null,
+      coverage: frontmatter.coverage || null,
+      html
+    });
+  }
+  return docs;
+}
+
+/**
+ * List all codebase docs from .planning/codebase/*.md, sorted by filename descending.
+ *
+ * @param {string} projectDir - Absolute path to the project root
+ * @returns {Promise<Array>}
+ */
+export async function listCodebaseDocs(projectDir) {
+  const dir = join(projectDir, '.planning', 'codebase');
+  let entries;
+  try {
+    entries = await readdir(dir);
+  } catch (err) {
+    if (err.code === 'ENOENT') return [];
+    throw err;
+  }
+  const mdFiles = entries.filter(f => f.endsWith('.md')).sort().reverse();
+  const results = await Promise.allSettled(
+    mdFiles.map(f => readMarkdownFile(join(dir, f)))
+  );
+  const docs = [];
+  for (let i = 0; i < mdFiles.length; i++) {
+    if (results[i].status !== 'fulfilled') continue;
+    const { frontmatter, html } = results[i].value;
+    const filename = mdFiles[i];
+    const slug = filename.replace(/^\d{4}-\d{2}-\d{2}-/, '').replace(/\.md$/, '');
+    const title = slug.split('-').map(w => w.charAt(0).toUpperCase() + w.slice(1)).join(' ');
+    docs.push({
+      filename,
+      slug,
+      title,
+      date: frontmatter.scan_date
+        ? (frontmatter.scan_date instanceof Date
+          ? frontmatter.scan_date.toISOString().slice(0, 10)
+          : String(frontmatter.scan_date))
+        : null,
+      html
+    });
+  }
+  return docs;
+}
+
+/**
+ * Get a single research or codebase doc by slug.
+ * Searches research/ first, then codebase/.
+ *
+ * @param {string} projectDir - Absolute path to the project root
+ * @param {string} slug - Slug derived from filename (without date prefix and .md extension)
+ * @returns {Promise<object|null>}
+ */
+export async function getResearchDocBySlug(projectDir, slug) {
+  for (const subdir of ['research', 'codebase']) {
+    const dir = join(projectDir, '.planning', subdir);
+    let entries;
+    try {
+      entries = await readdir(dir);
+    } catch (err) {
+      if (err.code === 'ENOENT') continue;
+      throw err;
+    }
+    const filename = entries.find(
+      f => f.endsWith('.md') &&
+           f.replace(/^\d{4}-\d{2}-\d{2}-/, '').replace(/\.md$/, '') === slug
+    );
+    if (!filename) continue;
+    const { frontmatter, html } = await readMarkdownFile(join(dir, filename));
+    const title = slug.split('-').map(w => w.charAt(0).toUpperCase() + w.slice(1)).join(' ');
+    return {
+      filename,
+      slug,
+      title,
+      topic: frontmatter.topic || null,
+      date: frontmatter.research_date
+        ? (frontmatter.research_date instanceof Date
+          ? frontmatter.research_date.toISOString().slice(0, 10)
+          : String(frontmatter.research_date))
+        : frontmatter.scan_date
+          ? (frontmatter.scan_date instanceof Date
+            ? frontmatter.scan_date.toISOString().slice(0, 10)
+            : String(frontmatter.scan_date))
+          : null,
+      confidence: frontmatter.confidence || null,
+      sources_checked: frontmatter.sources_checked || null,
+      coverage: frontmatter.coverage || null,
+      section: subdir,
+      html
+    };
+  }
+  return null;
+}

package/dashboard/src/services/roadmap.service.js

@@ -1,17 +1,7 @@
 import { readFile, readdir } from 'node:fs/promises';
 import { join } from 'node:path';
 import { parseRoadmapFile } from './dashboard.service.js';
-
-/**
- * Strip UTF-8 BOM from file content.
- * Duplicated intentionally -- this service reads raw text, not via the repository layer.
- *
- * @param {string} content - Raw file content
- * @returns {string} Content without BOM
- */
-function stripBOM(content) {
-  return content.replace(/^\uFEFF/, '');
-}
+import { stripBOM } from '../utils/strip-bom.js';
 
 /**
  * Count the number of PLAN.md files in a phase directory.

package/dashboard/src/services/todo.service.js

@@ -230,6 +230,36 @@ export async function createTodo(projectDir, todoData) {
   });
 }
 
+export async function listDoneTodos(projectDir) {
+  const doneDir = join(projectDir, '.planning', 'todos', 'done');
+  let files;
+  try {
+    files = await readdir(doneDir);
+  } catch (err) {
+    if (err.code === 'ENOENT') return [];
+    throw err;
+  }
+  const mdFiles = files.filter(f => f.endsWith('.md')).sort().reverse();
+  const todos = [];
+  for (const filename of mdFiles) {
+    const match = filename.match(/^(\d{3})-(.+)\.md$/);
+    if (!match) continue;
+    const [, id, slugPart] = match;
+    try {
+      const raw = await readFile(join(doneDir, filename), 'utf-8');
+      const { data } = matter(raw);
+      todos.push({
+        id, filename,
+        title: data.title || slugPart,
+        priority: data.priority || '',
+        phase: data.phase || '',
+        completedAt: data.completed_at || null
+      });
+    } catch { /* skip */ }
+  }
+  return todos;
+}
+
 export async function completeTodo(projectDir, todoId) {
   return writeQueue.enqueue(async () => {
     const pendingDir = join(projectDir, '.planning', 'todos', 'pending');

package/dashboard/src/utils/strip-bom.js

@@ -0,0 +1,8 @@
+/**
+ * Strip UTF-8 BOM (Byte Order Mark) if present.
+ * @param {string} content
+ * @returns {string}
+ */
+export function stripBOM(content) {
+  return content.replace(/^\uFEFF/, '');
+}

package/dashboard/src/views/audit-detail.ejs

@@ -0,0 +1,5 @@
+<%- include('partials/layout-top', { title: title, activePage: 'audits' }) %>
+
+<%- include('partials/audit-detail-content') %>
+
+<%- include('partials/layout-bottom') %>

package/dashboard/src/views/audits.ejs

@@ -0,0 +1,5 @@
+<%- include('partials/layout-top', { title: 'Audit Reports', activePage: 'audits' }) %>
+
+<%- include('partials/audits-content') %>
+
+<%- include('partials/layout-bottom') %>

package/dashboard/src/views/config.ejs

@@ -0,0 +1,5 @@
+<%- include('partials/layout-top', { title: 'Config', activePage: 'config' }) %>
+
+<%- include('partials/config-content') %>
+
+<%- include('partials/layout-bottom') %>

package/dashboard/src/views/logs.ejs

@@ -0,0 +1,3 @@
+<%- include('partials/layout-top', { title: 'Logs', activePage: 'logs' }) %>
+<%- include('partials/logs-content') %>
+<%- include('partials/layout-bottom') %>

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

@@ -0,0 +1,3 @@
+<%- include('partials/layout-top', { title: title, activePage: 'notes' }) %>
+<%- include('partials/note-detail-content') %>
+<%- include('partials/layout-bottom') %>

package/dashboard/src/views/partials/activity-feed.ejs

@@ -0,0 +1,12 @@
+<% if (!recentActivity || recentActivity.length === 0) { %>
+  <p class="muted">No recent activity.</p>
+<% } else { %>
+<ul class="activity-feed">
+  <% recentActivity.forEach(function(item) { %>
+  <li class="activity-item">
+    <span class="activity-path"><%= item.path %></span>
+    <time class="activity-time" datetime="<%= item.timestamp %>"><%= item.timestamp %></time>
+  </li>
+  <% }); %>
+</ul>
+<% } %>

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

@@ -0,0 +1,12 @@
+<%- include('breadcrumbs', { breadcrumbs: typeof breadcrumbs !== 'undefined' ? breadcrumbs : [] }) %>
+<h1><%= title %></h1>
+
+<p><a href="/audits">&larr; Back to Audit Reports</a></p>
+
+<% if (typeof date !== 'undefined' && date) { %>
+<p><small>Date: <%= date %></small></p>
+<% } %>
+
+<article class="markdown-body">
+  <%- html %>
+</article>

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

@@ -0,0 +1,34 @@
+<%- include('breadcrumbs', { breadcrumbs: typeof breadcrumbs !== 'undefined' ? breadcrumbs : [] }) %>
+<h1>Audit Reports</h1>
+
+<% if (typeof reports !== 'undefined' && reports.length > 0) { %>
+<article>
+  <div class="table-wrap">
+  <table>
+    <thead>
+      <tr>
+        <th scope="col">Date</th>
+        <th scope="col">Report</th>
+      </tr>
+    </thead>
+    <tbody>
+      <% reports.forEach(function(report) { %>
+      <tr>
+        <td><%= report.date || '—' %></td>
+        <td>
+          <a href="/audits/<%= report.filename %>"
+             hx-get="/audits/<%= report.filename %>"
+             hx-target="#main-content"
+             hx-push-url="true">
+            <%= report.title %>
+          </a>
+        </td>
+      </tr>
+      <% }); %>
+    </tbody>
+  </table>
+  </div>
+</article>
+<% } else { %>
+<%- include('empty-state', { icon: '🔍', title: 'No audit reports found', action: 'Run /pbr:audit to generate a session audit report.' }) %>
+<% } %>

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

@@ -0,0 +1,196 @@
+<div class="config-page">
+  <div class="page-header">
+    <h1>Config</h1>
+    <p class="subtitle">Manage <code>.planning/config.json</code></p>
+  </div>
+
+  <% if (!config || !config.version) { %>
+    <div class="card">
+      <div class="card__body">
+        <p>No <code>.planning/config.json</code> found for this project.</p>
+      </div>
+    </div>
+  <% } else { %>
+
+  <form
+    hx-post="/api/config"
+    hx-target="#config-feedback"
+    hx-swap="innerHTML"
+    id="config-form"
+  >
+    <%# ── Common Settings ─────────────────────────────────────────── %>
+    <details class="card config-section" open>
+      <summary class="card__header"><h2>Common Settings</h2></summary>
+      <div class="card__body">
+
+        <%# Mode & Depth %>
+        <div class="config-row">
+          <label for="cfg-mode">Mode</label>
+          <select id="cfg-mode" name="mode">
+            <% ['normal', 'strict', 'relaxed'].forEach(opt => { %>
+              <option value="<%= opt %>" <%= config.mode === opt ? 'selected' : '' %>><%= opt %></option>
+            <% }); %>
+          </select>
+        </div>
+
+        <div class="config-row">
+          <label for="cfg-depth">Depth</label>
+          <select id="cfg-depth" name="depth">
+            <% ['minimal', 'standard', 'comprehensive'].forEach(opt => { %>
+              <option value="<%= opt %>" <%= config.depth === opt ? 'selected' : '' %>><%= opt %></option>
+            <% }); %>
+          </select>
+        </div>
+
+        <div class="config-row">
+          <label for="cfg-context-strategy">Context Strategy</label>
+          <select id="cfg-context-strategy" name="context_strategy">
+            <% ['conservative', 'balanced', 'aggressive'].forEach(opt => { %>
+              <option value="<%= opt %>" <%= config.context_strategy === opt ? 'selected' : '' %>><%= opt %></option>
+            <% }); %>
+          </select>
+        </div>
+
+        <%# Features toggles %>
+        <% if (config.features && typeof config.features === 'object') { %>
+        <fieldset class="config-fieldset">
+          <legend>Features</legend>
+          <% for (const [key, val] of Object.entries(config.features)) { %>
+          <div class="config-toggle-row">
+            <label>
+              <input
+                type="checkbox"
+                role="switch"
+                name="features.<%= key %>"
+                value="on"
+                <%= val ? 'checked' : '' %>
+              />
+              <%= key %>
+            </label>
+          </div>
+          <% } %>
+        </fieldset>
+        <% } %>
+
+        <%# Gates toggles %>
+        <% if (config.gates && typeof config.gates === 'object') { %>
+        <fieldset class="config-fieldset">
+          <legend>Gates</legend>
+          <% for (const [key, val] of Object.entries(config.gates)) { %>
+          <div class="config-toggle-row">
+            <label>
+              <input
+                type="checkbox"
+                role="switch"
+                name="gates.<%= key %>"
+                value="on"
+                <%= val ? 'checked' : '' %>
+              />
+              <%= key %>
+            </label>
+          </div>
+          <% } %>
+        </fieldset>
+        <% } %>
+
+        <%# Safety toggles %>
+        <% if (config.safety && typeof config.safety === 'object') { %>
+        <fieldset class="config-fieldset">
+          <legend>Safety</legend>
+          <% for (const [key, val] of Object.entries(config.safety)) { %>
+          <div class="config-toggle-row">
+            <label>
+              <input
+                type="checkbox"
+                role="switch"
+                name="safety.<%= key %>"
+                value="on"
+                <%= val ? 'checked' : '' %>
+              />
+              <%= key %>
+            </label>
+          </div>
+          <% } %>
+        </fieldset>
+        <% } %>
+
+        <%# Model selections %>
+        <% if (config.models && typeof config.models === 'object') { %>
+        <fieldset class="config-fieldset">
+          <legend>Models</legend>
+          <% for (const [key, val] of Object.entries(config.models)) { %>
+          <div class="config-row">
+            <label for="cfg-model-<%= key %>"><%= key %></label>
+            <input
+              id="cfg-model-<%= key %>"
+              type="text"
+              name="models.<%= key %>"
+              value="<%= val %>"
+            />
+          </div>
+          <% } %>
+        </fieldset>
+        <% } %>
+
+        <%# Parallelization number inputs %>
+        <% if (config.parallelization && typeof config.parallelization === 'object') { %>
+        <fieldset class="config-fieldset">
+          <legend>Parallelization</legend>
+          <% for (const [key, val] of Object.entries(config.parallelization)) { %>
+          <div class="config-row">
+            <label for="cfg-par-<%= key %>"><%= key %></label>
+            <% if (typeof val === 'number') { %>
+            <input id="cfg-par-<%= key %>" type="number" name="parallelization.<%= key %>" value="<%= val %>" min="1" />
+            <% } else { %>
+            <input id="cfg-par-<%= key %>" type="text" name="parallelization.<%= key %>" value="<%= val %>" />
+            <% } %>
+          </div>
+          <% } %>
+        </fieldset>
+        <% } %>
+
+        <%# Planning number/text inputs %>
+        <% if (config.planning && typeof config.planning === 'object') { %>
+        <fieldset class="config-fieldset">
+          <legend>Planning</legend>
+          <% for (const [key, val] of Object.entries(config.planning)) { %>
+          <div class="config-row">
+            <label for="cfg-plan-<%= key %>"><%= key %></label>
+            <% if (typeof val === 'number') { %>
+            <input id="cfg-plan-<%= key %>" type="number" name="planning.<%= key %>" value="<%= val %>" />
+            <% } else { %>
+            <input id="cfg-plan-<%= key %>" type="text" name="planning.<%= key %>" value="<%= val %>" />
+            <% } %>
+          </div>
+          <% } %>
+        </fieldset>
+        <% } %>
+
+      </div><%# end card__body %>
+    </details>
+
+    <%# ── Advanced (raw JSON) ─────────────────────────────────────── %>
+    <details class="card config-section">
+      <summary class="card__header"><h2>Advanced (Raw JSON)</h2></summary>
+      <div class="card__body">
+        <p class="config-hint">Edit the full config as JSON. On save, this value overrides the form above.</p>
+        <textarea
+          id="cfg-raw-json"
+          name="rawJson"
+          class="config-raw-json"
+          rows="24"
+          spellcheck="false"
+        ><%= JSON.stringify(config, null, 2) %></textarea>
+        <p class="config-hint">Tip: clear this field to save using the form controls above.</p>
+      </div>
+    </details>
+
+    <div class="config-actions">
+      <button type="submit">Save Config</button>
+      <span id="config-feedback"></span>
+    </div>
+
+  </form>
+
+  <% } %>
+</div>

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

@@ -1,37 +1,49 @@
 <%- include('breadcrumbs', { breadcrumbs: typeof breadcrumbs !== 'undefined' ? breadcrumbs : [] }) %>
 <h1><%= projectName %></h1>
 
-<!-- Hero Stat Row -->
-<div class="hero-stats">
-  <!-- Current Phase -->
-  <article>
+<!-- Status Cards -->
+<div class="status-cards">
+  <!-- Current Phase Card -->
+  <article class="status-card">
     <header><strong>Current Phase</strong></header>
     <% if (currentPhase.id > 0) { %>
-      <p class="stat-value">
+      <p>
         <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="in-progress">Phase <%= currentPhase.id %></span>
+          <span class="status-badge" data-status="<%= currentPhase.status %>">Phase <%= currentPhase.id %></span>
           <%= currentPhase.name %>
         </a>
       </p>
     <% } else { %>
-      <p class="stat-value">No active phase</p>
+      <p>No active phase</p>
     <% } %>
+    <footer><small><%= currentPhase.planStatus %></small></footer>
   </article>
 
-  <!-- Progress -->
-  <article>
-    <header><strong>Progress</strong></header>
-    <p class="stat-value"><%= progress %>%</p>
-    <progress value="<%= progress %>" max="100"></progress>
+  <!-- Milestone Progress Card -->
+  <article class="status-card">
+    <header><strong>Milestone Progress</strong></header>
+    <p>
+      <progress value="<%= progress %>" max="100"></progress>
+      <span><%= progress %>%</span>
+    </p>
+    <footer>
+      <small>
+        <% if (phases && phases.length > 0) { %>
+          <%= phases.filter(function(p) { return p.status === 'complete'; }).length %> of <%= phases.length %> phases complete
+        <% } else { %>
+          &mdash;
+        <% } %>
+      </small>
+    </footer>
   </article>
 
-  <!-- Pending Todos -->
-  <article>
+  <!-- Pending Todos Card -->
+  <article class="status-card">
     <header><strong>Pending Todos</strong></header>
-    <p class="stat-value">
+    <p>
       <a href="/todos"
          hx-get="/todos"
          hx-target="#main-content"
@@ -39,46 +51,59 @@
         <%= typeof pendingTodoCount !== 'undefined' ? pendingTodoCount : 0 %>
       </a>
     </p>
+    <footer><small>P0/P1 items need attention</small></footer>
   </article>
 
-  <!-- Last Activity -->
-  <article>
+  <!-- Last Activity Card -->
+  <article class="status-card">
     <header><strong>Last Activity</strong></header>
     <% if (lastActivity.date) { %>
-      <p class="stat-value"><%= lastActivity.date %></p>
-      <p><small><%= lastActivity.description %></small></p>
+      <p><%= lastActivity.date %></p>
+      <footer><small><%= lastActivity.description %></small></footer>
     <% } else { %>
-      <p class="stat-value">None</p>
+      <p>&mdash;</p>
     <% } %>
   </article>
 </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="quick-actions">
-  <% var phaseId = String(currentPhase.id).padStart(2, '0'); %>
-  <a role="button" class="outline"
-     href="/phases/<%= phaseId %>"
-     hx-get="/phases/<%= phaseId %>"
-     hx-target="#main-content"
-     hx-push-url="true">Current Phase</a>
-  <a role="button" class="outline"
-     href="/roadmap"
-     hx-get="/roadmap"
-     hx-target="#main-content"
-     hx-push-url="true">Roadmap</a>
-  <a role="button" class="outline"
-     href="/todos/new"
-     hx-get="/todos/new"
-     hx-target="#main-content"
-     hx-push-url="true">Create Todo</a>
+  <% if (typeof quickActions !== 'undefined' && quickActions && quickActions.length > 0) { %>
+    <% quickActions.forEach(function(action) { %>
+      <a role="button" class="<%= action.primary ? '' : 'outline' %>"
+         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 role="button" class="outline"
+       href="/phases/<%= phaseId %>"
+       hx-get="/phases/<%= phaseId %>"
+       hx-target="#main-content"
+       hx-push-url="true">Current Phase</a>
+    <a role="button" class="outline"
+       href="/roadmap"
+       hx-get="/roadmap"
+       hx-target="#main-content"
+       hx-push-url="true">Roadmap</a>
+    <a role="button" class="outline"
+       href="/todos/new"
+       hx-get="/todos/new"
+       hx-target="#main-content"
+       hx-push-url="true">Create Todo</a>
+  <% } %>
 </div>
-
-<!-- Project Notes (if available) -->
-<% if (content && content !== '<p>No project README found.</p>') { %>
-<article>
-  <header>
-    <strong>Project Notes</strong>
-  </header>
-  <%- content %>
-</article>
-<% } %>

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

@@ -0,0 +1,17 @@
+<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>