feinai 0.8.0 → 0.8.1

package/CHANGELOG.md

@@ -3,6 +3,16 @@
 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.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.1",
   "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.1";
 
 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",