clementine-agent 1.18.87 → 1.18.89

package/dist/cli/cron.js

@@ -149,6 +149,7 @@ export async function cmdCronRun(jobName) {
         // to the Event store.
         const sideChannel = gateway.consumeLastCronRunMetadata?.();
         const runIdFromGateway = sideChannel?.runId;
+        const totalCostFromGateway = sideChannel?.totalCostUsd;
         const entry = {
             jobName: job.name,
             startedAt: startedAt.toISOString(),
@@ -159,6 +160,8 @@ export async function cmdCronRun(jobName) {
             outputPreview: response ? response.slice(0, 200) : undefined,
             trigger,
             ...(runIdFromGateway ? { id: runIdFromGateway } : {}),
+            // 1.18.89: per-run cost for the dashboard Cost column / Health Strip tile.
+            ...(totalCostFromGateway != null ? { totalCostUsd: totalCostFromGateway } : {}),
         };
         // PRD Phase 1.1: goal-orientation evaluator (mirrors the daemon path).
         if (job.successSchema || (job.successCriteriaText && job.successCriteriaText.trim())) {

package/dist/cli/dashboard.js

@@ -15207,6 +15207,40 @@ if('serviceWorker' in navigator){navigator.serviceWorker.getRegistrations().then
   /* ── Recent history row hover (Tasks page bottom zone) ── */
   .history-row { transition: background 0.12s ease; }
   .history-row:hover { background: var(--bg-hover); }
+  /* PRD §12 / 1.18.88: Health Strip — six glanceable tiles above the
+     Tasks pane. Always visible, refreshes on SSE + 30s poll. */
+  .health-strip {
+    display: grid;
+    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
+    gap: 10px;
+    margin-bottom: 18px;
+  }
+  .health-tile {
+    background: var(--bg-secondary);
+    border: 1px solid var(--border);
+    border-radius: var(--radius);
+    padding: 12px 14px;
+    display: flex;
+    flex-direction: column;
+    gap: 4px;
+  }
+  .health-tile-label {
+    font-size: 10px;
+    color: var(--text-muted);
+    text-transform: uppercase;
+    letter-spacing: 0.05em;
+    font-weight: 500;
+  }
+  .health-tile-value {
+    font-size: 20px;
+    font-weight: 600;
+    color: var(--text-primary);
+    line-height: 1.2;
+  }
+  .health-tile-sub {
+    font-size: 11px;
+    color: var(--text-muted);
+  }
   /* PRD Phase 1.2: "Run task once" running-state pulse on the Last run tab. */
   @keyframes pulse {
     0%, 100% { opacity: 0.4; transform: scale(0.85); }
@@ -23739,6 +23773,93 @@ function renderRunningCard(item) {
     + '</div></div>';
 }
 
+// ── PRD §12 / 1.18.88: Health Strip ───────────────────────────────────
+// Six glanceable tiles above the Tasks pane: 24h runs / success rate /
+// P50 latency / P95 latency / active runs / top failure category.
+// Computed client-side from /api/cron/runs (already fetched by refreshCron).
+async function refreshHealthStrip() {
+  var strip = document.getElementById('health-strip');
+  if (!strip) return;
+  var runs = [];
+  try {
+    var r = await apiFetch('/api/cron/runs?limit=200');
+    var d = await r.json();
+    runs = (d && d.runs) || [];
+  } catch (e) { /* leave the strip empty if fetch fails */ }
+  // Filter to last 24h.
+  var cutoff = Date.now() - 24 * 60 * 60 * 1000;
+  var last24 = runs.filter(function(rn) { return rn.startedAt && new Date(rn.startedAt).getTime() >= cutoff; });
+  // Success / failure split.
+  var ok = last24.filter(function(rn) { return rn.status === 'ok'; }).length;
+  var failed = last24.filter(function(rn) { return rn.status === 'error' || rn.status === 'timeout' || rn.status === 'lost'; }).length;
+  var successRate = last24.length > 0 ? Math.round((ok / last24.length) * 100) : null;
+  // Latency distribution (terminal runs only — exclude in-progress).
+  var durations = last24
+    .filter(function(rn) { return rn.durationMs != null && rn.status !== 'running' && rn.status !== 'lost'; })
+    .map(function(rn) { return rn.durationMs; })
+    .sort(function(a, b) { return a - b; });
+  function pct(arr, p) {
+    if (arr.length === 0) return null;
+    var idx = Math.min(arr.length - 1, Math.floor(arr.length * p / 100));
+    return arr[idx];
+  }
+  var p50 = pct(durations, 50);
+  var p95 = pct(durations, 95);
+  // Active runs come from /api/build/operations runningNow which refreshCron
+  // has already loaded into the cronJobsData side-channel; tap operations
+  // summary if it's hanging around in the DOM, otherwise fetch it ourselves.
+  var activeRuns = 0;
+  try {
+    var ops = await apiFetch('/api/build/operations?hours=1&limit=10').then(function(rr) { return rr.json(); });
+    activeRuns = ((ops && ops.runningNow) || []).length;
+  } catch (e) { /* fall back to 0 */ }
+  // Top failure category for the day.
+  var catCounts = {};
+  for (var i = 0; i < last24.length; i++) {
+    var c = last24[i].failureCategory;
+    if (c) catCounts[c] = (catCounts[c] || 0) + 1;
+  }
+  var topCat = null, topCount = 0;
+  Object.keys(catCounts).forEach(function(k) {
+    if (catCounts[k] > topCount) { topCat = k; topCount = catCounts[k]; }
+  });
+  // Render six tiles.
+  function tile(label, value, sub, color) {
+    return '<div class="health-tile">'
+      + '<div class="health-tile-label">' + esc(label) + '</div>'
+      + '<div class="health-tile-value"' + (color ? ' style="color:' + color + '"' : '') + '>' + (value === null || value === undefined ? '—' : esc(String(value))) + '</div>'
+      + (sub ? '<div class="health-tile-sub">' + esc(sub) + '</div>' : '')
+      + '</div>';
+  }
+  var srColor = successRate === null ? null
+    : successRate >= 95 ? 'var(--green)'
+    : successRate >= 80 ? 'var(--yellow)'
+    : 'var(--red)';
+  // 1.18.89: cost tile. Sums totalCostUsd across the 24h window. Runs that
+  // pre-date 1.18.89 don't have the field — they contribute 0 (the user
+  // sees a partial number that grows as new runs land).
+  var totalCost = 0;
+  var runsWithCost = 0;
+  for (var ci = 0; ci < last24.length; ci++) {
+    if (typeof last24[ci].totalCostUsd === 'number') {
+      totalCost += last24[ci].totalCostUsd;
+      runsWithCost++;
+    }
+  }
+  var costLabel = runsWithCost === 0 ? '—' : (totalCost < 0.01 ? '$' + totalCost.toFixed(4) : '$' + totalCost.toFixed(2));
+  var costSub = runsWithCost === 0 ? 'no priced runs yet' : runsWithCost + ' of ' + last24.length + ' runs priced';
+
+  var html = '';
+  html += tile('Runs · 24h', last24.length, ok + ' ok · ' + failed + ' failed');
+  html += tile('Success rate', successRate === null ? '—' : (successRate + '%'), null, srColor);
+  html += tile('Cost · 24h', costLabel, costSub);
+  html += tile('P50 latency', p50 === null ? '—' : formatDurationMs(p50), 'median run time');
+  html += tile('P95 latency', p95 === null ? '—' : formatDurationMs(p95), '95th percentile');
+  html += tile('Running now', activeRuns, activeRuns === 0 ? 'idle' : 'live');
+  html += tile('Top failure', topCat ? _runListCategoryLabel(topCat) : '—', topCat ? topCount + ' run' + (topCount === 1 ? '' : 's') : 'no failures', topCat ? _runListCategoryColor(topCat) : null);
+  strip.innerHTML = html;
+}
+
 // ── PRD Phase 3: Run list ──────────────────────────────────────────────
 // Single sortable/filterable table of every CronRunEntry across all tasks.
 // Filters: status, task name, time window. Browser-local saved views.
@@ -23875,10 +23996,10 @@ function renderRunListBody(allRuns) {
     return html;
   }
   // Table — same shape as the Recent History list on the Tasks page,
-  // but sortable and with a Trigger column.
+  // but sortable and with a Trigger + Cost column.
   html += '<div style="background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius)">';
-  html += '<div style="display:grid;grid-template-columns:24px 24px minmax(180px,1.2fr) 90px minmax(180px,1fr) 90px auto;gap:10px;padding:8px 14px;border-bottom:1px solid var(--border);font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:0.04em;font-weight:500">'
-    +    '<div></div><div title="Goal verdict">Goal</div><div>Task</div><div>Trigger</div><div>Started</div><div>Duration</div><div></div>'
+  html += '<div style="display:grid;grid-template-columns:24px 24px minmax(180px,1.2fr) 80px minmax(160px,1fr) 70px 70px auto;gap:10px;padding:8px 14px;border-bottom:1px solid var(--border);font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:0.04em;font-weight:500">'
+    +    '<div></div><div title="Goal verdict">Goal</div><div>Task</div><div>Trigger</div><div>Started</div><div>Duration</div><div title="Total cost in USD">Cost</div><div></div>'
     + '</div>';
   for (var i = 0; i < filtered.length; i++) {
     var entry = filtered[i] || {};
@@ -23926,7 +24047,14 @@ function renderRunListBody(allRuns) {
     } else if (entry.outputPreview) {
       preview = '<div style="font-size:11px;color:var(--text-muted);margin-top:2px;word-break:break-word">' + esc(String(entry.outputPreview).slice(0, 120)) + '</div>';
     }
-    html += '<div class="history-row" data-trace-job="' + esc(jobName) + '" style="display:grid;grid-template-columns:24px 24px minmax(180px,1.2fr) 90px minmax(180px,1fr) 90px auto;gap:10px;align-items:start;padding:8px 14px;border-bottom:1px solid var(--border);cursor:pointer">'
+    // 1.18.89: cost label. Showing 4 decimals for sub-penny costs (Haiku
+    // runs land in fractions of a cent), 2 decimals when ≥ $0.01.
+    var costLabel = '—';
+    if (entry.totalCostUsd != null) {
+      var c = entry.totalCostUsd;
+      costLabel = c < 0.01 ? '$' + c.toFixed(4) : '$' + c.toFixed(2);
+    }
+    html += '<div class="history-row" data-trace-job="' + esc(jobName) + '" style="display:grid;grid-template-columns:24px 24px minmax(180px,1.2fr) 80px minmax(160px,1fr) 70px 70px auto;gap:10px;align-items:start;padding:8px 14px;border-bottom:1px solid var(--border);cursor:pointer">'
       +    '<div style="color:' + statusColor + ';font-size:14px;line-height:18px;text-align:center" title="' + esc(status) + '">' + statusIcon + '</div>'
       +    goalCell
       +    '<div style="min-width:0">'
@@ -23937,6 +24065,7 @@ function renderRunListBody(allRuns) {
       +    '<div style="font-size:11px;color:' + triggerColor + ';line-height:18px">' + esc(triggerLabel) + '</div>'
       +    '<div style="font-size:12px;color:var(--text-secondary);line-height:18px">' + esc(startedLabel) + '</div>'
       +    '<div style="font-size:12px;color:var(--text-muted);line-height:18px">' + esc(durationLabel) + '</div>'
+      +    '<div style="font-size:12px;color:var(--text-muted);line-height:18px;font-family:\\x27JetBrains Mono\\x27,monospace">' + esc(costLabel) + '</div>'
       +    '<div style="display:flex;gap:6px;align-items:center"><button class="btn-sm" onclick="event.stopPropagation();openRunOrTrace(\\x27' + safeName + '\\x27,' + (entry.id ? '\\x27' + jsStr(entry.id) + '\\x27' : 'null') + ')" style="font-size:11px;padding:3px 8px">' + (entry.id ? 'Open run' : 'Trace') + '</button></div>'
       + '</div>';
   }
@@ -24375,7 +24504,11 @@ async function refreshCron() {
     var visibleRunning = ownerScoped ? (ops.runningNow || []).filter(function(i) { return buildOpsOwnerMatches(i.owner || ''); }) : (ops.runningNow || []);
     var ownerFilter = getBuildOwnerFilter();
 
-    var html = renderOperationsSummary(ops);
+    // PRD §12 / 1.18.88: Health Strip placeholder. The runs payload from
+    // /api/cron/runs (already fetched alongside ops) feeds the metrics.
+    // Render an empty shell first; refreshHealthStrip fills it in.
+    var html = '<div id="health-strip" class="health-strip"></div>';
+    html += renderOperationsSummary(ops);
 
     // ── Zone 1 — Running now (promoted to top, primary "what's live" view) ──
     if (visibleRunning.length > 0) {
@@ -24424,6 +24557,11 @@ async function refreshCron() {
     html += renderRecentHistoryList(historyData);
 
     panel.innerHTML = html;
+    // PRD §12 / 1.18.88: populate the Health Strip after the panel renders.
+    // Fire-and-forget — the strip lives at the top, fills in async.
+    if (typeof refreshHealthStrip === 'function') {
+      refreshHealthStrip().catch(function() { /* non-fatal */ });
+    }
     panel.onclick = function(ev) {
       var target = ev.target;
       while (target && target.id !== 'panel-cron') {

package/dist/gateway/cron-scheduler.js

@@ -1210,6 +1210,9 @@ export class CronScheduler {
                         trigger,
                         // 1.18.85: stable UUID linking this run to its Event store entries.
                         ...(cronMetadata?.runId ? { id: cronMetadata.runId } : {}),
+                        // 1.18.89: per-run cost for the Run list + Health Strip. Comes from
+                        // SDK's ResultMessage.total_cost_usd via runAgent's side-channel.
+                        ...(cronMetadata?.totalCostUsd != null ? { totalCostUsd: cronMetadata.totalCostUsd } : {}),
                         // Trick capability metadata — surfaced by the dashboard's
                         // "ran with: …" line. Omit empty arrays to keep the JSONL light.
                         ...(cronMetadata?.skillsApplied?.length ? { skillsApplied: cronMetadata.skillsApplied } : {}),
@@ -1306,6 +1309,9 @@ export class CronScheduler {
                         // can show trigger + open the partial Event log if any.
                         trigger,
                         ...(errCronMetadata?.runId ? { id: errCronMetadata.runId } : {}),
+                        // 1.18.89: cost on the error path too — partial-completion runs may
+                        // still have spent budget before the throw.
+                        ...(errCronMetadata?.totalCostUsd != null ? { totalCostUsd: errCronMetadata.totalCostUsd } : {}),
                         ...(errCronMetadata?.skillsApplied?.length ? { skillsApplied: errCronMetadata.skillsApplied } : {}),
                         ...(errCronMetadata?.skillsMissing?.length ? { skillsMissing: errCronMetadata.skillsMissing } : {}),
                         ...(errCronMetadata?.allowedToolsApplied?.length ? { allowedToolsApplied: errCronMetadata.allowedToolsApplied } : {}),

package/dist/gateway/router.d.ts

@@ -239,6 +239,8 @@ export declare class Gateway {
         mcpServersApplied: string[];
         /** PRD §6 / 1.18.85: run UUID from runAgent. */
         runId?: string;
+        /** PRD §12 / 1.18.89: total cost in USD from runAgent's SDK result. */
+        totalCostUsd?: number;
     } | undefined;
     requestApproval(descriptionOrId: string, explicitId?: string): Promise<boolean | string>;
     resolveApproval(requestId: string, result: boolean | string): void;

package/dist/gateway/router.js

@@ -2024,6 +2024,7 @@ export class Gateway {
                     allowedToolsApplied: cronResult.allowedToolsApplied,
                     mcpServersApplied: cronResult.mcpServersApplied,
                     runId: cronResult.runId,
+                    totalCostUsd: cronResult.totalCostUsd,
                 };
                 logger.info({
                     jobName,

package/dist/types.d.ts

@@ -514,6 +514,11 @@ export interface CronRunEntry {
      *  whose status indicates a failure (error/timeout/lost/cancelled). The
      *  Run list filter chip and Run detail header read from this field. */
     failureCategory?: RunFailureCategory;
+    /** PRD §12 / 1.18.89: total cost in USD as reported by the SDK's
+     *  ResultMessage.total_cost_usd. Stamped on success/error entries by
+     *  the scheduler from the runAgent result side-channel. Powers the
+     *  Run list Cost column and the Health Strip's 24h cost tile. */
+    totalCostUsd?: number;
     /** PRD Phase 1: did the run accomplish what it was supposed to?
      *  Computed at run-end when the Task has successSchema or successCriteriaText.
      *  - status='pass'      both configured checks passed (or the only one configured did)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "clementine-agent",
-  "version": "1.18.87",
+  "version": "1.18.89",
   "description": "Clementine — Personal AI Assistant (TypeScript)",
   "type": "module",
   "main": "dist/index.js",