vibe-squire 2.3.0 → 2.3.1

package/dist/ui/public/operator-activity.js

@@ -130,13 +130,16 @@
     return '';
   }
 
-  function renderItemsTable(items) {
+  function renderItemsTable(items, opts) {
     if (!items || !items.length) return '';
+    var highlight = opts && opts.highlight;
     applyOptimistic(items);
     var sorted = sortItemsForTriage(items);
-    var hasTriageable = sorted.some(function (it) {
-      return isTriageable(effectiveOf(it));
-    });
+    var hasTriageable =
+      highlight &&
+      sorted.some(function (it) {
+        return isTriageable(effectiveOf(it));
+      });
     var rows = sorted
       .map(function (it) {
         var detailParts = [];
@@ -212,7 +215,8 @@
     );
   }
 
-  function renderRun(r) {
+  function renderRun(r, opts) {
+    var highlight = opts && opts.highlight;
     var meta =
       '<div class="activity-run-meta">' +
       '<span class="activity-run-time mono">' +
@@ -274,7 +278,9 @@
         '</p>';
     }
 
-    var details = r.itemCount ? renderItemsTable(r.items) : '';
+    var details = r.itemCount
+      ? renderItemsTable(r.items, { highlight: highlight })
+      : '';
 
     return (
       '<div class="card activity-run">' +
@@ -287,25 +293,32 @@
     );
   }
 
-  function countUniqueTriageable(runs) {
+  function findLatestCompletedRun(runs) {
+    for (var i = 0; i < runs.length; i++) {
+      if (runs[i].phase === 'completed') return runs[i];
+    }
+    return null;
+  }
+
+  function countTriageableInRun(run) {
+    if (!run) return 0;
+    var items = run.items || [];
     var seen = {};
     var count = 0;
-    for (var r = 0; r < runs.length; r++) {
-      var items = runs[r].items || [];
-      for (var i = 0; i < items.length; i++) {
-        var eff = items[i].effectiveDecision || items[i].decision;
-        if (isTriageable(eff) && !seen[items[i].prUrl]) {
-          seen[items[i].prUrl] = true;
-          count++;
-        }
+    for (var i = 0; i < items.length; i++) {
+      var eff = items[i].effectiveDecision || items[i].decision;
+      if (isTriageable(eff) && !seen[items[i].prUrl]) {
+        seen[items[i].prUrl] = true;
+        count++;
       }
     }
     return count;
   }
 
-  function renderTriageBanner(runs) {
-    applyOptimistic((runs[0] && runs[0].items) || []);
-    var count = countUniqueTriageable(runs);
+  function renderTriageBanner(latestRun) {
+    if (!latestRun) return '';
+    applyOptimistic(latestRun.items || []);
+    var count = countTriageableInRun(latestRun);
     if (count === 0) return '';
     return (
       '<div class="banner banner-triage-attention">' +
@@ -326,7 +339,16 @@
         '</div>'
       );
     }
-    return renderTriageBanner(runs) + runs.map(renderRun).join('');
+    var latestCompleted = findLatestCompletedRun(runs);
+    var latestId = latestCompleted && latestCompleted.id;
+    return (
+      renderTriageBanner(latestCompleted) +
+      runs
+        .map(function (r) {
+          return renderRun(r, { highlight: r.id === latestId });
+        })
+        .join('')
+    );
   }
 
   var pollTimer = null;

package/dist/ui/public/operator-shell.js

@@ -52,6 +52,45 @@
     });
   }
 
+  /* ── Favicon notification dot ── */
+
+  var faviconLink = document.querySelector('link[rel="icon"]');
+  var baseFaviconImg = null;
+  var faviconCanvas = null;
+  var faviconReady = false;
+  var lastFaviconHasDot = false;
+
+  (function initFavicon() {
+    if (!faviconLink) return;
+    var img = new Image();
+    img.onload = function () {
+      baseFaviconImg = img;
+      faviconCanvas = document.createElement('canvas');
+      faviconCanvas.width = 32;
+      faviconCanvas.height = 32;
+      faviconReady = true;
+    };
+    img.src = '/ui/assets/favicon.svg';
+  })();
+
+  function setFaviconDot(show) {
+    if (!faviconReady || show === lastFaviconHasDot) return;
+    lastFaviconHasDot = show;
+    var ctx = faviconCanvas.getContext('2d');
+    ctx.clearRect(0, 0, 32, 32);
+    ctx.drawImage(baseFaviconImg, 0, 0, 32, 32);
+    if (show) {
+      ctx.beginPath();
+      ctx.arc(25, 7, 6, 0, 2 * Math.PI);
+      ctx.fillStyle = '#c9a227';
+      ctx.fill();
+      ctx.lineWidth = 1.5;
+      ctx.strokeStyle = '#121815';
+      ctx.stroke();
+    }
+    faviconLink.href = faviconCanvas.toDataURL('image/png');
+  }
+
   /* ── Snapshot dispatch ── */
 
   function publishSnapshot(snap) {
@@ -67,6 +106,7 @@
         : 0;
     updateTriageBadge(triageCount);
     maybeNotifyTriage(triageCount);
+    setFaviconDot(triageCount > 0);
     g.dispatchEvent(new CustomEvent(SSE_EVENT, { detail: snap }));
   }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vibe-squire",
-  "version": "2.3.0",
+  "version": "2.3.1",
   "description": "Local orchestrator: GitHub PR review queue → Vibe Kanban via MCP",
   "author": "alexpialetski",
   "license": "MIT",