feinai 0.8.0 → 0.8.2

package/CHANGELOG.md

@@ -3,6 +3,22 @@
 All notable changes to this project will be documented in this file.
 Format follows [Keep a Changelog](https://keepachangelog.com/en/1.0.0/).
 
+## [0.8.2] - 2026-09-02
+
+### Fixed
+
+- **Flicker en el dashboard mientras una página de spec/task detail estaba abierta.** `logRequest` sólo suprimía un listado exacto de paths (`/api/status`, `/api/specs`, ...); los reads con id (`/api/tasks/:id`, `/api/tasks/:id/worktree-status`) se colaban al log de requests. Cada uno disparaba el evento SSE `refresh`, que hacía que el dashboard se re-renderizara y re-fetchara la misma página, generando un nuevo request logueado — un loop autoalimentado de ~1.5s mientras esa página quedaba abierta. Ahora se suprime cualquier GET del actor `dashboard` (las mutaciones POST/PATCH/DELETE se siguen registrando y disparando refresh para el resto).
+
+## [0.8.1] - 2026-09-02
+
+### Added
+
+- Chips de estado con contador en las tarjetas Specs y Tasks del overview. Navegan a la lista completa filtrada (`#/specs?status=pending`) en vez de filtrar la tarjeta truncada, para que el filtro nunca opere sobre un recorte arbitrario. Se omiten los estados sin items.
+
+### Fixed
+
+- El contenedor del toast quedaba parcialmente visible en reposo: `translateY(140%)` sobre una caja de 30px la desplaza 42px, menos de los 54px necesarios para salir con `bottom: 24px`. Ahora usa `opacity` + `visibility`.
+
 ## [0.8.0] - 2026-09-02
 
 ### Changed

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "feinai",
-  "version": "0.8.0",
+  "version": "0.8.2",
   "description": "Task & spec manager for AI agents — parallel worktrees, live dashboard, SDD skills",
   "type": "module",
   "bin": {

package/src/cli.ts

@@ -57,7 +57,7 @@ import {
   type OrphanKillResult,
 } from "./server-state";
 
-const VERSION = "0.8.0";
+const VERSION = "0.8.2";
 
 interface ParsedArgs {
   positional: string[];

package/src/dashboard.html

@@ -330,6 +330,7 @@
       font-family: inherit;
     }
     .filter-btn:hover { color: var(--fg); border-color: var(--fg-dim); }
+    .filter-count { margin-left: 6px; opacity: 0.7; font-variant-numeric: tabular-nums; }
     .filter-btn.active { background: var(--border); color: var(--fg); border-color: var(--border-strong); }
 
     .filter-btn[data-status="pending"] { border-color: var(--yellow); color: var(--yellow); }
@@ -461,10 +462,17 @@
       max-width: 360px;
       box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4);
       transform: translateY(140%);
-      transition: transform 0.2s ease;
+      opacity: 0;
+      visibility: hidden;
+      transition: transform 0.2s ease, opacity 0.2s ease, visibility 0s linear 0.2s;
       z-index: 200;
     }
-    .toast.visible { transform: translateY(0); }
+    .toast.visible {
+      transform: translateY(0);
+      opacity: 1;
+      visibility: visible;
+      transition: transform 0.2s ease, opacity 0.2s ease, visibility 0s;
+    }
     .toast.error { border-left-color: var(--red); }
     .toast-title { font-weight: 600; margin-bottom: 4px; }
     .toast-body { color: var(--fg-dim); font-size: 12px; }
@@ -916,6 +924,18 @@
       return `<div class="filter-bar">${btns.join("")}</div>`;
     }
 
+    // Overview chips: navigate to the full filtered list instead of filtering
+    // the truncated card, so a filter never operates on an arbitrary slice.
+    // Statuses with no items are omitted — a chip leading nowhere is a dead end.
+    function filterLinks(basePath, statuses, items) {
+      const chips = statuses
+        .map((s) => ({ s, n: items.filter((it) => it.status === s).length }))
+        .filter(({ n }) => n > 0)
+        .map(({ s, n }) =>
+          `<button class="filter-btn" data-status="${s}" data-goto="${escapeHtml(basePath)}?status=${s}" title="View all ${statusLabel(s)}">${escapeHtml(statusLabel(s))}<span class="filter-count">${n}</span></button>`);
+      return chips.length > 1 ? `<div class="filter-bar">${chips.join("")}</div>` : "";
+    }
+
     // ================= Event rendering =================
     function eventRow(e) {
       if (e._kind === "request") {
@@ -1003,6 +1023,7 @@
             <h2>Specs <span class="count">${specs.length}</span>
               <a class="btn sm" href="#/new/spec" style="margin-left:auto;">New spec</a>
             </h2>
+            ${filterLinks("#/specs", ["pending", "in_progress", "completed", "archived"], specs)}
             ${listBlock(specs, specItem, {
               limit: OVERVIEW_LIMIT,
               moreHref: "#/specs",
@@ -1016,6 +1037,7 @@
             <h2>Tasks <span class="count">${tasks.length}</span>
               <a class="btn sm" href="#/new/task" style="margin-left:auto;">New task</a>
             </h2>
+            ${filterLinks("#/tasks", ["pending", "in_progress", "completed", "failed"], tasks)}
             ${listBlock(tasks, taskItem, {
               limit: OVERVIEW_LIMIT,
               moreHref: "#/tasks",

package/src/server.ts

@@ -163,10 +163,15 @@ function deriveSource(actor: string): "Dashboard" | "API" | "Terminal" {
 function logRequest(method: string, path: string, actor: string): void {
   if (path === "/" || path === "/api/events/stream") return;
 
-  // Suppress dashboard's own periodic polling noise only.
-  // Everything else (agent reads, terminal commands, dashboard detail views) is logged.
-  const POLL_PATHS = ["/api/status", "/api/specs", "/api/tasks", "/api/events", "/api/agents"];
-  if (actor === "dashboard" && POLL_PATHS.includes(path)) return;
+  // Suppress dashboard's own reads (list views, detail views, worktree-status
+  // polling). The exact-match list missed per-id paths like /api/tasks/:id and
+  // /api/tasks/:id/worktree-status — those got logged, which fed the SSE
+  // "refresh" broadcast, which made every open dashboard re-render and re-fetch,
+  // logging a new request that fed the next refresh: a self-sustaining loop that
+  // caused the whole page to flicker every ~1.5s while a task/spec detail page
+  // was open. Dashboard mutations (POST/PATCH/DELETE) are never GET, so they
+  // still get logged and still drive refresh for everyone else.
+  if (actor === "dashboard" && method === "GET") return;
 
   const source = deriveSource(actor);
   requestLog.push({