@urateam/dashboard 0.1.0

package/dist/views/errors.d.ts

@@ -0,0 +1,14 @@
+interface StageFailure {
+    stage: string;
+    totalRuns: number;
+    failedRuns: number;
+    failureRate: number;
+}
+interface ErrorPattern {
+    stage: string;
+    errorMessage: string;
+    count: number;
+}
+export declare function errorsView(stageFailures: StageFailure[], errorPatterns: ErrorPattern[]): string;
+export {};
+//# sourceMappingURL=errors.d.ts.map

package/dist/views/errors.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"errors.d.ts","sourceRoot":"","sources":["../../src/views/errors.ts"],"names":[],"mappings":"AAEA,UAAU,YAAY;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,UAAU,YAAY;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,EAAE,MAAM,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;CACf;AAED,wBAAgB,UAAU,CACxB,aAAa,EAAE,YAAY,EAAE,EAC7B,aAAa,EAAE,YAAY,EAAE,GAC5B,MAAM,CAyDR"}

package/dist/views/errors.js

@@ -0,0 +1,52 @@
+import { escapeHtml } from "./layout.js";
+export function errorsView(stageFailures, errorPatterns) {
+    const failureTable = stageFailures.length > 0
+        ? `<table>
+      <thead>
+        <tr><th>Stage</th><th>Total Runs</th><th>Failed</th><th>Failure Rate</th></tr>
+      </thead>
+      <tbody>
+        ${stageFailures
+            .map((f) => `<tr>
+            <td>${escapeHtml(f.stage)}</td>
+            <td>${f.totalRuns}</td>
+            <td>${f.failedRuns}</td>
+            <td>
+              <div class="bar-track" style="width:6rem;display:inline-block;vertical-align:middle;">
+                <div class="bar-fill" style="width:${Number(f.failureRate).toFixed(1)}%;background:var(--color-red);"></div>
+              </div>
+              ${Number(f.failureRate).toFixed(1)}%
+            </td>
+          </tr>`)
+            .join("\n")}
+      </tbody>
+    </table>`
+        : '<p style="color:var(--color-text-muted)">No stage data</p>';
+    const patternTable = errorPatterns.length > 0
+        ? `<table>
+      <thead>
+        <tr><th>Stage</th><th>Error Message</th><th>Count</th></tr>
+      </thead>
+      <tbody>
+        ${errorPatterns
+            .map((e) => `<tr>
+            <td>${escapeHtml(e.stage)}</td>
+            <td><code>${escapeHtml(e.errorMessage)}</code></td>
+            <td>${e.count}</td>
+          </tr>`)
+            .join("\n")}
+      </tbody>
+    </table>`
+        : '<p style="color:var(--color-text-muted)">No errors recorded</p>';
+    return `
+  <div class="card">
+    <h2>Failure Rates by Stage</h2>
+    ${failureTable}
+  </div>
+
+  <div class="card">
+    <h2>Common Error Patterns</h2>
+    ${patternTable}
+  </div>`;
+}
+//# sourceMappingURL=errors.js.map

package/dist/views/errors.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"errors.js","sourceRoot":"","sources":["../../src/views/errors.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAezC,MAAM,UAAU,UAAU,CACxB,aAA6B,EAC7B,aAA6B;IAE7B,MAAM,YAAY,GAChB,aAAa,CAAC,MAAM,GAAG,CAAC;QACtB,CAAC,CAAC;;;;;UAKE,aAAa;aACZ,GAAG,CACF,CAAC,CAAC,EAAE,EAAE,CAAC;kBACD,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC;kBACnB,CAAC,CAAC,SAAS;kBACX,CAAC,CAAC,UAAU;;;qDAGuB,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC;;gBAErE,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC;;gBAEhC,CACL;aACA,IAAI,CAAC,IAAI,CAAC;;aAER;QACP,CAAC,CAAC,4DAA4D,CAAC;IAEnE,MAAM,YAAY,GAChB,aAAa,CAAC,MAAM,GAAG,CAAC;QACtB,CAAC,CAAC;;;;;UAKE,aAAa;aACZ,GAAG,CACF,CAAC,CAAC,EAAE,EAAE,CAAC;kBACD,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC;wBACb,UAAU,CAAC,CAAC,CAAC,YAAY,CAAC;kBAChC,CAAC,CAAC,KAAK;gBACT,CACL;aACA,IAAI,CAAC,IAAI,CAAC;;aAER;QACP,CAAC,CAAC,iEAAiE,CAAC;IAExE,OAAO;;;MAGH,YAAY;;;;;MAKZ,YAAY;SACT,CAAC;AACV,CAAC"}

package/dist/views/layout.d.ts

@@ -0,0 +1,21 @@
+export declare function getBasePath(): string;
+/**
+ * Render the full HTML shell (head + nav + main) around the given content.
+ *
+ * @param title    - Page title shown in <h1> and <title>.
+ * @param content  - Inner HTML for the <main> element.
+ * @param basePath - Root path prefix for all navigation links and static
+ *                   asset references.  Must be provided without a trailing
+ *                   slash (e.g. `"/ateam"` or `""`).  Every relative URL
+ *                   attribute (`href`, `src`, etc.) inside this template
+ *                   must use `${bp}/…` so links work correctly when the
+ *                   dashboard is mounted under a reverse-proxy path prefix.
+ *                   When omitted, falls back to the `DASHBOARD_BASE_PATH`
+ *                   environment variable (via `getBasePath()`), then to
+ *                   `""` (serve at root `/`).  Pass an explicit value
+ *                   (sourced from `DashboardConfig.basePath`) to decouple
+ *                   link rendering from the process environment.
+ */
+export declare function layout(title: string, content: string, basePath?: string): string;
+export declare function escapeHtml(str: string): string;
+//# sourceMappingURL=layout.d.ts.map

package/dist/views/layout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"layout.d.ts","sourceRoot":"","sources":["../../src/views/layout.ts"],"names":[],"mappings":"AAGA,wBAAgB,WAAW,IAAI,MAAM,CAEpC;AAiBD;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,MAAM,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAoChF;AAED,wBAAgB,UAAU,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAO9C"}

package/dist/views/layout.js

@@ -0,0 +1,82 @@
+// Base path for all dashboard links and asset references.
+// Set DASHBOARD_BASE_PATH=/ateam (no trailing slash) when the dashboard is
+// served under a path prefix (e.g. via a Caddy strip_prefix proxy).
+export function getBasePath() {
+    return (process.env.DASHBOARD_BASE_PATH ?? "").replace(/\/+$/, "");
+}
+/**
+ * Normalize a basePath value so it has no trailing slash and starts with
+ * a leading slash (or is empty string for root).
+ *
+ * Examples:
+ *   ""        → ""
+ *   "/"       → ""
+ *   "/ateam"  → "/ateam"
+ *   "/ateam/" → "/ateam"
+ */
+function normalizeBasePath(basePath) {
+    // Strip all trailing slashes; collapse bare "/" to ""
+    return basePath.replace(/\/+$/, "");
+}
+/**
+ * Render the full HTML shell (head + nav + main) around the given content.
+ *
+ * @param title    - Page title shown in <h1> and <title>.
+ * @param content  - Inner HTML for the <main> element.
+ * @param basePath - Root path prefix for all navigation links and static
+ *                   asset references.  Must be provided without a trailing
+ *                   slash (e.g. `"/ateam"` or `""`).  Every relative URL
+ *                   attribute (`href`, `src`, etc.) inside this template
+ *                   must use `${bp}/…` so links work correctly when the
+ *                   dashboard is mounted under a reverse-proxy path prefix.
+ *                   When omitted, falls back to the `DASHBOARD_BASE_PATH`
+ *                   environment variable (via `getBasePath()`), then to
+ *                   `""` (serve at root `/`).  Pass an explicit value
+ *                   (sourced from `DashboardConfig.basePath`) to decouple
+ *                   link rendering from the process environment.
+ */
+export function layout(title, content, basePath) {
+    // Explicit parameter takes priority; fall back to env var for backward compat.
+    const bp = normalizeBasePath(basePath ?? getBasePath());
+    const cspContent = "default-src 'self'; script-src 'self' https://unpkg.com; style-src 'self'";
+    return `<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <meta http-equiv="Content-Security-Policy" content="${cspContent}">
+  <title>${escapeHtml(title)} - urateam</title>
+  <!-- Favicon -->
+  <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='90'>⚡</text></svg>">
+  <!-- Inter font (falls back to system-ui in CSS) -->
+  <link rel="preconnect" href="https://fonts.googleapis.com">
+  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+  <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap">
+  <link rel="stylesheet" href="${bp}/static/style.css">
+  <script src="https://unpkg.com/htmx.org@2.0.0"></script>
+</head>
+<body>
+  <nav>
+    <a class="brand" href="${bp}/">⚡ urateam</a>
+    <a href="${bp}/">Runs</a>
+    <a href="${bp}/tokens">Tokens</a>
+    <a href="${bp}/errors">Errors</a>
+    <a href="${bp}/config">Config</a>
+    <a href="${bp}/coordination">Coordination</a>
+  </nav>
+  <main>
+    <h1>${escapeHtml(title)}</h1>
+    ${content}
+  </main>
+</body>
+</html>`;
+}
+export function escapeHtml(str) {
+    return str
+        .replace(/&/g, "&amp;")
+        .replace(/</g, "&lt;")
+        .replace(/>/g, "&gt;")
+        .replace(/"/g, "&quot;")
+        .replace(/'/g, "&#039;");
+}
+//# sourceMappingURL=layout.js.map

package/dist/views/layout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"layout.js","sourceRoot":"","sources":["../../src/views/layout.ts"],"names":[],"mappings":"AAAA,0DAA0D;AAC1D,2EAA2E;AAC3E,oEAAoE;AACpE,MAAM,UAAU,WAAW;IACzB,OAAO,CAAC,OAAO,CAAC,GAAG,CAAC,mBAAmB,IAAI,EAAE,CAAC,CAAC,OAAO,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC;AACrE,CAAC;AAED;;;;;;;;;GASG;AACH,SAAS,iBAAiB,CAAC,QAAgB;IACzC,sDAAsD;IACtD,OAAO,QAAQ,CAAC,OAAO,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC;AACtC,CAAC;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,UAAU,MAAM,CAAC,KAAa,EAAE,OAAe,EAAE,QAAiB;IACtE,+EAA+E;IAC/E,MAAM,EAAE,GAAG,iBAAiB,CAAC,QAAQ,IAAI,WAAW,EAAE,CAAC,CAAC;IACxD,MAAM,UAAU,GACd,2EAA2E,CAAC;IAC9E,OAAO;;;;;wDAK+C,UAAU;WACvD,UAAU,CAAC,KAAK,CAAC;;;;;;;iCAOK,EAAE;;;;;6BAKN,EAAE;eAChB,EAAE;eACF,EAAE;eACF,EAAE;eACF,EAAE;eACF,EAAE;;;UAGP,UAAU,CAAC,KAAK,CAAC;MACrB,OAAO;;;QAGL,CAAC;AACT,CAAC;AAED,MAAM,UAAU,UAAU,CAAC,GAAW;IACpC,OAAO,GAAG;SACP,OAAO,CAAC,IAAI,EAAE,OAAO,CAAC;SACtB,OAAO,CAAC,IAAI,EAAE,MAAM,CAAC;SACrB,OAAO,CAAC,IAAI,EAAE,MAAM,CAAC;SACrB,OAAO,CAAC,IAAI,EAAE,QAAQ,CAAC;SACvB,OAAO,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;AAC7B,CAAC"}

package/dist/views/run-detail.d.ts

@@ -0,0 +1,35 @@
+export interface RunInfo {
+    id: string;
+    issueId: string;
+    issueTitle: string;
+    pipelineKey: string;
+    repoUrl: string;
+    branch: string | null;
+    status: string;
+    startedAt: Date;
+    completedAt: Date | null;
+    prUrl: string | null;
+    totalInputTokens: number;
+    totalOutputTokens: number;
+    errorMessage: string | null;
+}
+export interface StageInfo {
+    id: string;
+    stage: string;
+    status: string;
+    startedAt: Date;
+    completedAt: Date | null;
+    inputTokens: number;
+    outputTokens: number;
+    turns: number;
+    handoffArtifact: string | null;
+    errorMessage: string | null;
+}
+export interface LogEntry {
+    id: string;
+    timestamp: Date;
+    type: string;
+    content: string;
+}
+export declare function runDetailView(run: RunInfo, stages: StageInfo[], logs: LogEntry[], page: number, totalLogs: number): string;
+//# sourceMappingURL=run-detail.d.ts.map

package/dist/views/run-detail.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"run-detail.d.ts","sourceRoot":"","sources":["../../src/views/run-detail.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,OAAO;IACtB,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,IAAI,CAAC;IAChB,WAAW,EAAE,IAAI,GAAG,IAAI,CAAC;IACzB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,gBAAgB,EAAE,MAAM,CAAC;IACzB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;CAC7B;AAED,MAAM,WAAW,SAAS;IACxB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,IAAI,CAAC;IAChB,WAAW,EAAE,IAAI,GAAG,IAAI,CAAC;IACzB,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,eAAe,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;CAC7B;AAED,MAAM,WAAW,QAAQ;IACvB,EAAE,EAAE,MAAM,CAAC;IACX,SAAS,EAAE,IAAI,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;CACjB;AA8CD,wBAAgB,aAAa,CAC3B,GAAG,EAAE,OAAO,EACZ,MAAM,EAAE,SAAS,EAAE,EACnB,IAAI,EAAE,QAAQ,EAAE,EAChB,IAAI,EAAE,MAAM,EACZ,SAAS,EAAE,MAAM,GAChB,MAAM,CA4FR"}

package/dist/views/run-detail.js

@@ -0,0 +1,129 @@
+import { escapeHtml, getBasePath } from "./layout.js";
+function statusBadge(status) {
+    return `<span class="badge badge-${status}">${escapeHtml(status)}</span>`;
+}
+function formatTime(d) {
+    if (!d)
+        return "-";
+    return d.toISOString().replace("T", " ").slice(0, 19) + " UTC";
+}
+function toRelativeTime(d) {
+    if (!d)
+        return "-";
+    const ms = Date.now() - new Date(d).getTime();
+    if (ms < 0)
+        return "just now";
+    const secs = Math.floor(ms / 1000);
+    if (secs < 60)
+        return `${secs}s ago`;
+    const mins = Math.floor(secs / 60);
+    if (mins < 60)
+        return `${mins}m ago`;
+    const hours = Math.floor(mins / 60);
+    if (hours < 24)
+        return `${hours}h ago`;
+    const days = Math.floor(hours / 24);
+    return `${days}d ago`;
+}
+function formatDuration(start, end) {
+    const endMs = end ? end.getTime() : Date.now();
+    const diffSec = Math.floor((endMs - start.getTime()) / 1000);
+    if (diffSec < 60)
+        return `${diffSec}s`;
+    const min = Math.floor(diffSec / 60);
+    const sec = diffSec % 60;
+    if (min < 60)
+        return `${min}m ${sec}s`;
+    const hr = Math.floor(min / 60);
+    return `${hr}h ${min % 60}m`;
+}
+function formatJson(raw) {
+    if (!raw)
+        return "";
+    try {
+        const obj = JSON.parse(raw);
+        return escapeHtml(JSON.stringify(obj, null, 2));
+    }
+    catch {
+        return escapeHtml(raw);
+    }
+}
+export function runDetailView(run, stages, logs, page, totalLogs) {
+    const basePath = getBasePath();
+    const logsPerPage = 50;
+    const totalPages = Math.max(1, Math.ceil(totalLogs / logsPerPage));
+    const duration = formatDuration(run.startedAt, run.completedAt);
+    const isInFlight = run.status === "running" || run.status === "queued";
+    const metaHtml = `<div class="card">
+    <h2>Run Details</h2>
+    <div style="display:flex;align-items:center;gap:0.75rem;margin-bottom:1.25rem;flex-wrap:wrap;">
+      ${statusBadge(run.status)}
+      <span class="duration-badge" title="Total run duration">⏱ ${duration}${isInFlight ? " (running)" : ""}</span>
+      ${run.prUrl ? `<a href="${escapeHtml(run.prUrl)}" target="_blank" rel="noopener" style="font-size:0.875rem;">↗ Pull Request</a>` : ""}
+    </div>
+    <dl class="meta">
+      <div><dt>Issue</dt><dd>${escapeHtml(run.issueId)}: ${escapeHtml(run.issueTitle)}</dd></div>
+      <div><dt>Pipeline</dt><dd>${escapeHtml(run.pipelineKey)}</dd></div>
+      <div><dt>Repo</dt><dd>${escapeHtml(run.repoUrl)}</dd></div>
+      <div><dt>Branch</dt><dd>${escapeHtml(run.branch || "-")}</dd></div>
+      <div><dt>Started</dt><dd title="${escapeHtml(formatTime(run.startedAt))}">${toRelativeTime(run.startedAt)}</dd></div>
+      <div><dt>Completed</dt><dd title="${run.completedAt ? escapeHtml(formatTime(run.completedAt)) : ""}">${toRelativeTime(run.completedAt)}</dd></div>
+      <div><dt>Tokens (total)</dt><dd>${(run.totalInputTokens + run.totalOutputTokens).toLocaleString()}</dd></div>
+      <div><dt>Tokens in / out</dt><dd>${run.totalInputTokens.toLocaleString()} / ${run.totalOutputTokens.toLocaleString()}</dd></div>
+      ${run.errorMessage ? `<div style="grid-column:1/-1"><dt>Error</dt><dd style="color:var(--color-red)">${escapeHtml(run.errorMessage)}</dd></div>` : ""}
+    </dl>
+  </div>`;
+    const stageHtml = `<div class="card">
+    <h2>Stage Timeline</h2>
+    <div class="timeline">
+      ${stages
+        .map((s) => `<div class="timeline-item ${s.status}">
+          <div style="display:flex;align-items:center;gap:0.5rem;flex-wrap:wrap;">
+            <strong>${escapeHtml(s.stage)}</strong>
+            ${statusBadge(s.status)}
+          </div>
+          <div class="timeline-meta">
+            <span>⏱ ${formatDuration(s.startedAt, s.completedAt)}</span>
+            <span>🔤 ${(s.inputTokens + s.outputTokens).toLocaleString()} tokens</span>
+            <span>↩ ${s.turns} turn${s.turns !== 1 ? "s" : ""}</span>
+          </div>
+          ${s.errorMessage ? `<div style="color:var(--color-red);font-size:0.8125rem;margin-top:0.5rem;padding:0.375rem 0.5rem;background:color-mix(in srgb,var(--color-red) 8%,transparent);border-radius:4px;">${escapeHtml(s.errorMessage)}</div>` : ""}
+          ${s.handoffArtifact
+        ? `<details style="margin-top:0.5rem;">
+              <summary>Handoff Artifact</summary>
+              <pre><code>${formatJson(s.handoffArtifact)}</code></pre>
+            </details>`
+        : ""}
+        </div>`)
+        .join("\n")}
+    </div>
+  </div>`;
+    const logEntries = logs.length > 0
+        ? logs
+            .map((l) => `<div class="log-entry"><span class="log-time" title="${escapeHtml(formatTime(l.timestamp))}">${toRelativeTime(l.timestamp)}</span><span class="log-type log-type-${l.type}">[${escapeHtml(l.type)}]</span>${escapeHtml(l.content)}</div>`)
+            .join("\n")
+        : '<p style="color:var(--color-text-muted);padding:1rem;">No logs recorded</p>';
+    const pagination = totalPages > 1
+        ? `<div class="pagination">
+        ${page > 1 ? `<a href="${basePath}/runs/${encodeURIComponent(run.id)}?page=${page - 1}">← Prev</a>` : ""}
+        ${Array.from({ length: totalPages }, (_, i) => i + 1)
+            .slice(Math.max(0, page - 3), page + 2)
+            .map((p) => p === page
+            ? `<span>${p}</span>`
+            : `<a href="${basePath}/runs/${encodeURIComponent(run.id)}?page=${p}">${p}</a>`)
+            .join("")}
+        ${page < totalPages ? `<a href="${basePath}/runs/${encodeURIComponent(run.id)}?page=${page + 1}">Next →</a>` : ""}
+      </div>`
+        : "";
+    const logHtml = `<div class="card">
+    <details class="log-section" open>
+      <summary>Agent Logs <span style="font-weight:400;font-size:0.8125rem;color:var(--color-text-muted);">(${totalLogs} total)</span></summary>
+      <div class="log-entries">
+        ${logEntries}
+      </div>
+      ${pagination}
+    </details>
+  </div>`;
+    return `<p style="margin-bottom:1rem;"><a href="${basePath}/">← Back to runs</a></p>${metaHtml}${stageHtml}${logHtml}`;
+}
+//# sourceMappingURL=run-detail.js.map

package/dist/views/run-detail.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"run-detail.js","sourceRoot":"","sources":["../../src/views/run-detail.ts"],"names":[],"mappings":"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"}

package/dist/views/run-feed.d.ts

@@ -0,0 +1,14 @@
+export interface RunRow {
+    id: string;
+    issueId: string;
+    issueTitle: string;
+    pipelineKey: string;
+    repoUrl: string;
+    status: string;
+    startedAt: Date;
+    completedAt: Date | null;
+    totalInputTokens: number;
+    totalOutputTokens: number;
+}
+export declare function runFeedView(runs: RunRow[]): string;
+//# sourceMappingURL=run-feed.d.ts.map

package/dist/views/run-feed.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"run-feed.d.ts","sourceRoot":"","sources":["../../src/views/run-feed.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,MAAM;IACrB,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,IAAI,CAAC;IAChB,WAAW,EAAE,IAAI,GAAG,IAAI,CAAC;IACzB,gBAAgB,EAAE,MAAM,CAAC;IACzB,iBAAiB,EAAE,MAAM,CAAC;CAC3B;AA2CD,wBAAgB,WAAW,CAAC,IAAI,EAAE,MAAM,EAAE,GAAG,MAAM,CAoClD"}

package/dist/views/run-feed.js

@@ -0,0 +1,80 @@
+import { escapeHtml, getBasePath } from "./layout.js";
+function statusBadge(status) {
+    const cls = `badge badge-${status}`;
+    return `<span class="${cls}">${escapeHtml(status)}</span>`;
+}
+function formatDuration(start, end) {
+    const endMs = end ? end.getTime() : Date.now();
+    const diffSec = Math.floor((endMs - start.getTime()) / 1000);
+    if (diffSec < 60)
+        return `${diffSec}s`;
+    const min = Math.floor(diffSec / 60);
+    const sec = diffSec % 60;
+    if (min < 60)
+        return `${min}m ${sec}s`;
+    const hr = Math.floor(min / 60);
+    return `${hr}h ${min % 60}m`;
+}
+function formatTokens(input, output) {
+    const total = input + output;
+    if (total === 0)
+        return "-";
+    if (total < 1000)
+        return String(total);
+    return `${(total / 1000).toFixed(1)}k`;
+}
+function repoName(url) {
+    const parts = url.split("/");
+    return parts[parts.length - 1] || url;
+}
+function toRelativeTime(date) {
+    const ms = Date.now() - date.getTime();
+    if (ms < 0)
+        return "just now";
+    const secs = Math.floor(ms / 1000);
+    if (secs < 60)
+        return `${secs}s ago`;
+    const mins = Math.floor(secs / 60);
+    if (mins < 60)
+        return `${mins}m ago`;
+    const hours = Math.floor(mins / 60);
+    if (hours < 24)
+        return `${hours}h ago`;
+    const days = Math.floor(hours / 24);
+    return `${days}d ago`;
+}
+export function runFeedView(runs) {
+    const basePath = getBasePath();
+    const rows = runs
+        .map((r) => `<tr>
+      <td>${statusBadge(r.status)}</td>
+      <td><a href="${basePath}/runs/${encodeURIComponent(r.id)}">${escapeHtml(r.issueId)}: ${escapeHtml(r.issueTitle)}</a></td>
+      <td>${escapeHtml(r.pipelineKey)}</td>
+      <td>${escapeHtml(repoName(r.repoUrl))}</td>
+      <td>${formatDuration(r.startedAt, r.completedAt)}</td>
+      <td title="${escapeHtml(r.startedAt.toISOString())}">${toRelativeTime(r.startedAt)}</td>
+      <td>${formatTokens(r.totalInputTokens, r.totalOutputTokens)}</td>
+    </tr>`)
+        .join("\n");
+    return `<div id="run-feed" hx-get="${basePath}/" hx-trigger="every 5s" hx-swap="innerHTML" hx-target="#run-feed">
+  <div class="table-wrapper">
+    <table>
+      <thead>
+        <tr>
+          <th>Status</th>
+          <th>Issue</th>
+          <th>Pipeline</th>
+          <th>Repo</th>
+          <th>Duration</th>
+          <th>Started</th>
+          <th>Tokens</th>
+        </tr>
+      </thead>
+      <tbody>
+        ${rows.length > 0 ? rows : '<tr><td colspan="7" style="text-align:center;color:#999;padding:2rem;">No runs yet</td></tr>'}
+      </tbody>
+    </table>
+  </div>
+</div>`;
+}
+//# sourceMappingURL=run-feed.js.map

package/dist/views/run-feed.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"run-feed.js","sourceRoot":"","sources":["../../src/views/run-feed.ts"],"names":[],"mappings":"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"}

package/dist/views/tokens.d.ts

@@ -0,0 +1,13 @@
+interface DailyUsage {
+    date: string;
+    inputTokens: number;
+    outputTokens: number;
+}
+interface GroupedUsage {
+    key: string;
+    inputTokens: number;
+    outputTokens: number;
+}
+export declare function tokensView(daily: DailyUsage[], byPipeline: GroupedUsage[], byStage: GroupedUsage[]): string;
+export {};
+//# sourceMappingURL=tokens.d.ts.map

package/dist/views/tokens.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tokens.d.ts","sourceRoot":"","sources":["../../src/views/tokens.ts"],"names":[],"mappings":"AAEA,UAAU,UAAU;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;CACtB;AAED,UAAU,YAAY;IACpB,GAAG,EAAE,MAAM,CAAC;IACZ,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;CACtB;AAgCD,wBAAgB,UAAU,CACxB,KAAK,EAAE,UAAU,EAAE,EACnB,UAAU,EAAE,YAAY,EAAE,EAC1B,OAAO,EAAE,YAAY,EAAE,GACtB,MAAM,CAmDR"}

package/dist/views/tokens.js

@@ -0,0 +1,66 @@
+import { escapeHtml } from "./layout.js";
+function formatTokenCount(n) {
+    if (n < 1000)
+        return String(n);
+    if (n < 1_000_000)
+        return `${(n / 1000).toFixed(1)}k`;
+    return `${(n / 1_000_000).toFixed(2)}M`;
+}
+function barChart(items, maxVal) {
+    if (maxVal === 0)
+        maxVal = 1;
+    return `<div class="bar-chart">
+    ${items
+        .map((item) => `<div class="bar-row">
+        <span class="bar-label">${escapeHtml(item.label)}</span>
+        <div class="bar-track">
+          <div class="bar-fill bar-fill-input" style="width:${((item.input / maxVal) * 100).toFixed(1)}%"></div>
+        </div>
+        <div class="bar-track">
+          <div class="bar-fill bar-fill-output" style="width:${((item.output / maxVal) * 100).toFixed(1)}%"></div>
+        </div>
+        <span class="bar-value">in: ${formatTokenCount(item.input)} / out: ${formatTokenCount(item.output)}</span>
+      </div>`)
+        .join("\n")}
+  </div>
+  <div style="font-size:0.75rem;color:var(--color-text-muted);margin-bottom:1rem;">
+    <span style="display:inline-block;width:0.75rem;height:0.75rem;background:var(--color-blue);border-radius:2px;vertical-align:middle;margin-right:0.25rem;"></span> Input
+    <span style="display:inline-block;width:0.75rem;height:0.75rem;background:#8b5cf6;border-radius:2px;vertical-align:middle;margin-left:0.75rem;margin-right:0.25rem;"></span> Output
+  </div>`;
+}
+export function tokensView(daily, byPipeline, byStage) {
+    const totalInput = daily.reduce((s, d) => s + d.inputTokens, 0);
+    const totalOutput = daily.reduce((s, d) => s + d.outputTokens, 0);
+    const dailyMax = Math.max(...daily.map((d) => Math.max(d.inputTokens, d.outputTokens)), 1);
+    const pipelineMax = Math.max(...byPipeline.map((p) => Math.max(p.inputTokens, p.outputTokens)), 1);
+    const stageMax = Math.max(...byStage.map((s) => Math.max(s.inputTokens, s.outputTokens)), 1);
+    return `
+  <div class="card">
+    <h2>Summary</h2>
+    <p>Total input tokens: <strong>${formatTokenCount(totalInput)}</strong> &middot;
+    Total output tokens: <strong>${formatTokenCount(totalOutput)}</strong> &middot;
+    Combined: <strong>${formatTokenCount(totalInput + totalOutput)}</strong></p>
+  </div>
+
+  <div class="card">
+    <h2>Daily Usage (last 30 days)</h2>
+    ${daily.length > 0
+        ? barChart(daily.map((d) => ({ label: d.date, input: d.inputTokens, output: d.outputTokens })), dailyMax)
+        : '<p style="color:var(--color-text-muted)">No data</p>'}
+  </div>
+
+  <div class="card">
+    <h2>By Pipeline</h2>
+    ${byPipeline.length > 0
+        ? barChart(byPipeline.map((p) => ({ label: p.key, input: p.inputTokens, output: p.outputTokens })), pipelineMax)
+        : '<p style="color:var(--color-text-muted)">No data</p>'}
+  </div>
+
+  <div class="card">
+    <h2>By Stage</h2>
+    ${byStage.length > 0
+        ? barChart(byStage.map((s) => ({ label: s.key, input: s.inputTokens, output: s.outputTokens })), stageMax)
+        : '<p style="color:var(--color-text-muted)">No data</p>'}
+  </div>`;
+}
+//# sourceMappingURL=tokens.js.map

package/dist/views/tokens.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tokens.js","sourceRoot":"","sources":["../../src/views/tokens.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -0,0 +1,28 @@
+{
+  "name": "@urateam/dashboard",
+  "version": "0.1.0",
+  "type": "module",
+  "main": "dist/server.js",
+  "types": "dist/server.d.ts",
+  "files": ["dist"],
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/JonB32/urateam.git",
+    "directory": "packages/dashboard"
+  },
+  "scripts": {
+    "build": "tsc",
+    "test": "vitest run",
+    "dev": "tsx watch src/server.ts"
+  },
+  "dependencies": {
+    "@hono/node-server": "^1.14.0",
+    "@urateam/core": "workspace:*",
+    "drizzle-orm": "^0.38.0",
+    "hono": "^4.7.0"
+  },
+  "devDependencies": {
+    "vitest": "^3.0.0",
+    "typescript": "^5.7.0"
+  }
+}