spectoflow 0.14.1 → 0.14.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "spectoflow",
-  "version": "0.14.1",
+  "version": "0.14.2",
   "description": "Agent-agnostic spec-driven development framework + real-time local control plane. Markdown artifacts, intent router, workflow-by-scope.",
   "keywords": [
     "spec-driven-development",

package/templates/dashboard/public/app.js

@@ -287,9 +287,15 @@ function renderOverview(){
   if(!steps.length) strip.append(el('div','empty','No workflow defined.'));
   box.append(ocard('Workflow at a glance', strip));
 
-  // Per-phase progress bars
-  const rows=s.phases.map(ph=>({label:ph.title,pct:ph.pct,sub:`${ph.done}/${ph.total}`}));
-  box.append(ocard('Phase progress', bars(rows)));
+  // Per-phase progress bars — only phases that actually hold tasks (headings with no checkbox tasks
+  // are noise, not phases), and cap the list height with an internal scroll so a big project with
+  // dozens of phases can't blow up the overview.
+  const phaseRows=s.phases.filter(ph=>ph.total>0).map(ph=>({label:ph.title,pct:ph.pct,sub:`${ph.done}/${ph.total}`}));
+  if(phaseRows.length){
+    const barsEl=bars(phaseRows);
+    if(phaseRows.length>8) barsEl.classList.add('scroll-cap');
+    box.append(ocard(`Phase progress (${phaseRows.length})`, barsEl));
+  }
 }
 
 function taskMatches(t){

package/templates/dashboard/public/styles.css

@@ -821,3 +821,6 @@ body.booting .wf-step2 { opacity:0; animation:rise .4s cubic-bezier(.2,.8,.2,1)
 .mini-btn:hover { color:var(--ink); border-color:var(--cool); }
 .main:has(.board.is-kanban) #phaseToggleAll { display:none; }   /* phases are a List concept */
 .kanban-col-body { max-height:64vh; overflow-y:auto; }          /* keep columns compact on a big project */
+
+/* Phase progress: cap the list so a big project (many phases) doesn't dominate the overview */
+.bars-block.scroll-cap { max-height:340px; overflow-y:auto; padding-right:6px; }