bigpowers 2.1.0 → 2.1.1

package/CHANGELOG.md

@@ -1,3 +1,10 @@
+## [2.1.1](https://github.com/danielvm-git/bigpowers/compare/v2.1.0...v2.1.1) (2026-06-11)
+
+
+### Bug Fixes
+
+* **dashboard/tui:** replace invalid {dim} tags with {gray-fg} across all render modules ([f029360](https://github.com/danielvm-git/bigpowers/commit/f02936068b024107e7685accb62fe2bb1b0917b7))
+
 # [2.1.0](https://github.com/danielvm-git/bigpowers/compare/v2.0.1...v2.1.0) (2026-06-11)
 
 

package/dashboard/src/tui/epic-queue.js

@@ -4,7 +4,7 @@ function renderEpicQueue(box, epics, executionStatus) {
   }
 
   if (!epics || epics.length === 0) {
-    box.setContent('{dim}no epic shards found{/dim}');
+    box.setContent('{gray-fg}no epic shards found{/gray-fg}');
     return;
   }
 
@@ -16,7 +16,7 @@ function renderEpicQueue(box, epics, executionStatus) {
     const s = statusMap.get(id) || '';
     if (doneStatuses.has(s)) return '{green-fg}●{/green-fg}';
     if (activeStatuses.has(s)) return '{yellow-fg}●{/yellow-fg}';
-    return '{dim}·{/dim}';
+    return '{gray-fg}·{/gray-fg}';
   }
 
   function epicDot(epic) {
@@ -27,7 +27,7 @@ function renderEpicQueue(box, epics, executionStatus) {
     if (stories.length > 0 && stories.every(st => doneStatuses.has(statusMap.get(st.id) || ''))) {
       return '{green-fg}●{/green-fg}';
     }
-    return '{dim}·{/dim}';
+    return '{gray-fg}·{/gray-fg}';
   }
 
   const lines = [];
@@ -35,7 +35,7 @@ function renderEpicQueue(box, epics, executionStatus) {
   const perEpicBcp = [];
 
   epics.forEach(epic => {
-    lines.push(`${epicDot(epic)} {bold}${epic.id}{/bold} {dim}·{/dim} ${epic.title || '—'}`);
+    lines.push(`${epicDot(epic)} {bold}${epic.id}{/bold} {gray-fg}·{/gray-fg} ${epic.title || '—'}`);
 
     const stories = epic.stories || [];
     let epicBcpDone = 0;
@@ -51,25 +51,25 @@ function renderEpicQueue(box, epics, executionStatus) {
 
       const bcpStr = isDone
         ? `{green-fg}${bcp} BCP{/green-fg}`
-        : `{dim}${bcp} BCP{/dim}`;
-      lines.push(`  ${dot(story.id)} {dim}${story.id}{/dim} ${story.title || '—'}  ${bcpStr}`);
+        : `{gray-fg}${bcp} BCP{/gray-fg}`;
+      lines.push(`  ${dot(story.id)} {gray-fg}${story.id}{/gray-fg} ${story.title || '—'}  ${bcpStr}`);
     });
 
     perEpicBcp.push({ id: epic.id, bcps: epicBcpTotal });
 
     const bcpProgressStr = epicBcpDone > 0
-      ? `{green-fg}${epicBcpDone}{/green-fg}{dim}/${epicBcpTotal} BCP{/dim}`
-      : `{dim}0/${epicBcpTotal} BCP{/dim}`;
-    lines.push(`  {dim}${epicStoriesDone}/${stories.length} done · ${bcpProgressStr}`);
+      ? `{green-fg}${epicBcpDone}{/green-fg}{gray-fg}/${epicBcpTotal} BCP{/gray-fg}`
+      : `{gray-fg}0/${epicBcpTotal} BCP{/gray-fg}`;
+    lines.push(`  {gray-fg}${epicStoriesDone}/${stories.length} done · ${bcpProgressStr}`);
     lines.push('');
   });
 
   // Release baseline footer
-  lines.push('{dim}─────────────────────────{/dim}');
-  lines.push(`{dim}release baseline{/dim}`);
-  lines.push(`{dim}total: {/dim}{yellow-fg}${grandTotalBcps} BCPs{/yellow-fg}`);
-  lines.push(perEpicBcp.map(e => `{dim}${e.id}: ${e.bcps} BCP{/dim}`).join('  '));
-  lines.push(`{dim}target: {/dim}{bold}v2.0.0{/bold}`);
+  lines.push('{gray-fg}─────────────────────────{/gray-fg}');
+  lines.push(`{gray-fg}release baseline{/gray-fg}`);
+  lines.push(`{gray-fg}total: {/gray-fg}{yellow-fg}${grandTotalBcps} BCPs{/yellow-fg}`);
+  lines.push(perEpicBcp.map(e => `{gray-fg}${e.id}: ${e.bcps} BCP{/gray-fg}`).join('  '));
+  lines.push(`{gray-fg}target: {/gray-fg}{bold}v2.0.0{/bold}`);
 
   box.setContent(lines.join('\n'));
 }

package/dashboard/src/tui/filesystem.js

@@ -9,7 +9,7 @@ function renderFilesystem(box, projectRoot) {
   const specsPath = path.join(projectRoot, 'specs');
 
   if (!fs.existsSync(specsPath)) {
-    box.setContent('{center}{dim}specs/ not found{/dim}{/center}');
+    box.setContent('{center}{gray-fg}specs/ not found{/gray-fg}{/center}');
     return;
   }
 
@@ -39,7 +39,7 @@ function renderFilesystem(box, projectRoot) {
     }
 
     fileCount = countFiles(specsPath);
-    lines.push(`{dim}[${fileCount} files]{/dim}`);
+    lines.push(`{gray-fg}[${fileCount} files]{/gray-fg}`);
     lines.push('');
 
     // Build tree
@@ -83,7 +83,7 @@ function renderFilesystem(box, projectRoot) {
 
     buildTree(specsPath);
   } catch (err) {
-    lines.push('{dim}Error reading specs/{/dim}');
+    lines.push('{gray-fg}Error reading specs/{/gray-fg}');
   }
 
   box.setContent(lines.join('\n'));

package/dashboard/src/tui/index.js

@@ -154,7 +154,7 @@ function start(projectRoot) {
     const metrics = computeProjectMetrics(cycleTimes);
 
     // Title bar: fixed project identity
-    titleBar.setContent(' {bold}{cyan-fg}⚙ bigpowers factory{/cyan-fg}{/bold} {dim}v2 — seed {cyan-fg}→{/cyan-fg} epics {cyan-fg}→{/cyan-fg} mvp{/dim}');
+    titleBar.setContent(' {bold}{cyan-fg}⚙ bigpowers factory{/cyan-fg}{/bold} {gray-fg}v2 — seed {cyan-fg}→{/cyan-fg} epics {cyan-fg}→{/cyan-fg} mvp{/gray-fg}');
 
     renderMetricsBar(metricsBar, metrics, stateData, epics, cycleTimes);
     renderPipeline(pipeline, stateData);

package/dashboard/src/tui/ledger.js

@@ -9,7 +9,7 @@ function renderLedger(box, cycleTimes) {
   }
 
   if (!cycleTimes || cycleTimes.length === 0) {
-    box.setContent('{dim}stories complete here as they land{/dim}');
+    box.setContent('{gray-fg}stories complete here as they land{/gray-fg}');
     return;
   }
 
@@ -22,7 +22,7 @@ function renderLedger(box, cycleTimes) {
   lines.push(
     `{cyan-fg}{bold}${pad('Story ID', W.sid)}${pad('Epic', W.epic)}${pad('BCPs', W.bcps)}${pad('Minutes', W.min)}${pad('BCP/hr', W.bhr)}{/bold}{/cyan-fg}`
   );
-  lines.push('{dim}' + '─'.repeat(W.sid + W.epic + W.bcps + W.min + W.bhr) + '{/dim}');
+  lines.push('{gray-fg}' + '─'.repeat(W.sid + W.epic + W.bcps + W.min + W.bhr) + '{/gray-fg}');
 
   let totalBCPs = 0;
   let totalMinutes = 0;
@@ -39,14 +39,14 @@ function renderLedger(box, cycleTimes) {
 
     lines.push(
       `{white-fg}${pad(storyId, W.sid)}{/white-fg}` +
-      `{dim}${pad(epicId, W.epic)}{/dim}` +
+      `{gray-fg}${pad(epicId, W.epic)}{/gray-fg}` +
       `{yellow-fg}${pad(bcps, W.bcps)}{/yellow-fg}` +
-      `{dim}${pad(minutes, W.min)}{/dim}` +
+      `{gray-fg}${pad(minutes, W.min)}{/gray-fg}` +
       `{green-fg}${pad(bph, W.bhr)}{/green-fg}`
     );
   });
 
-  lines.push('{dim}' + '─'.repeat(W.sid + W.epic + W.bcps + W.min + W.bhr) + '{/dim}');
+  lines.push('{gray-fg}' + '─'.repeat(W.sid + W.epic + W.bcps + W.min + W.bhr) + '{/gray-fg}');
 
   const avgBph = totalMinutes > 0 ? ((totalBCPs * 60) / totalMinutes).toFixed(1) : '—';
   lines.push(

package/dashboard/src/tui/metrics-bar.js

@@ -41,11 +41,11 @@ function renderMetricsBar(box, projectMetrics, stateData, epics, cycleTimes) {
 
   // ── Line 1: status bar ──
   const statusLine =
-    `{dim}BCPs:{/dim} {yellow-fg}${deliveredBcps}{/yellow-fg}{dim}/${targetBcps}{/dim}` +
-    `  {dim}│{/dim}  {dim}Cycle:{/dim} ${cycleDisplay}` +
-    `  {dim}│{/dim}  {dim}BCP/hr:{/dim} {${bphColor}-fg}${bphDisplay}{/${bphColor}-fg}` +
-    `  {dim}│{/dim}  {dim}v{/dim}{green-fg}${version}{/green-fg}` +
-    `{|}  {dim}branch:{/dim} {green-fg}${branch}{/green-fg}  `;
+    `{gray-fg}BCPs:{/gray-fg} {yellow-fg}${deliveredBcps}{/yellow-fg}{gray-fg}/${targetBcps}{/gray-fg}` +
+    `  {gray-fg}│{/gray-fg}  {gray-fg}Cycle:{/gray-fg} ${cycleDisplay}` +
+    `  {gray-fg}│{/gray-fg}  {gray-fg}BCP/hr:{/gray-fg} {${bphColor}-fg}${bphDisplay}{/${bphColor}-fg}` +
+    `  {gray-fg}│{/gray-fg}  {gray-fg}v{/gray-fg}{green-fg}${version}{/green-fg}` +
+    `  {gray-fg}branch:{/gray-fg} {green-fg}${branch}{/green-fg}`;
 
   // ── Line 2: step info ──
   const currentStep = stateData?.epicCycle?.current_step;
@@ -60,21 +60,21 @@ function renderMetricsBar(box, projectMetrics, stateData, epics, cycleTimes) {
     ? `{yellow-fg}running{/yellow-fg}`
     : `{green-fg}ready{/green-fg}`;
   const storyDesc = isActive
-    ? `{dim}${activeEpic}{/dim} {dim}›{/dim} {cyan-fg}${activeStory}{/cyan-fg} {dim}—{/dim} ${stepName}`
-    : `{dim}flow:{/dim} ${activeFlow}  {dim}next:{/dim} {cyan-fg}${stateData?.epicCycle?.next_skill ?? 'survey-context'}{/cyan-fg}`;
+    ? `{gray-fg}${activeEpic}{/gray-fg} {gray-fg}›{/gray-fg} {cyan-fg}${activeStory}{/cyan-fg} {gray-fg}—{/gray-fg} ${stepName}`
+    : `{gray-fg}flow:{/gray-fg} ${activeFlow}  {gray-fg}next:{/gray-fg} {cyan-fg}${stateData?.epicCycle?.next_skill ?? 'survey-context'}{/cyan-fg}`;
   const stepLine =
-    `{dim}step {/dim}{cyan-fg}${doneStories}{/cyan-fg}{dim}/${totalStories}{/dim}` +
-    `  {dim}—{/dim}  ${statusWord}` +
-    `  {dim}—{/dim}  ${storyDesc}`;
+    `{gray-fg}step {/gray-fg}{cyan-fg}${doneStories}{/cyan-fg}{gray-fg}/${totalStories}{/gray-fg}` +
+    `  {gray-fg}—{/gray-fg}  ${statusWord}` +
+    `  {gray-fg}—{/gray-fg}  ${storyDesc}`;
 
   // ── Line 3: stats row ──
   const statsLine =
-    `{dim}[{/dim} epics {green-fg}${doneEpics}${doneEpics > 0 ? '' : ''}{/green-fg}{dim}/${totalEpics} ]{/dim}` +
-    `   {dim}[{/dim} stories {cyan-fg}${doneStories}{/cyan-fg}{dim}/${totalStories} ]{/dim}` +
-    `   {dim}[{/dim} BCPs {yellow-fg}${deliveredBcps}{/yellow-fg}{dim}/${targetBcps} ]{/dim}` +
-    `   {dim}[{/dim} cycle ${cycleDisplay}{dim} ]{/dim}` +
-    `   {dim}[{/dim} BCP/hr {${bphColor}-fg}${bphDisplay}{/${bphColor}-fg}{dim} ]{/dim}` +
-    `   {dim}[{/dim} v{green-fg}${version}{/green-fg}{dim} ]{/dim}`;
+    `{gray-fg}[{/gray-fg} epics {green-fg}${doneEpics}${doneEpics > 0 ? '' : ''}{/green-fg}{gray-fg}/${totalEpics} ]{/gray-fg}` +
+    `   {gray-fg}[{/gray-fg} stories {cyan-fg}${doneStories}{/cyan-fg}{gray-fg}/${totalStories} ]{/gray-fg}` +
+    `   {gray-fg}[{/gray-fg} BCPs {yellow-fg}${deliveredBcps}{/yellow-fg}{gray-fg}/${targetBcps} ]{/gray-fg}` +
+    `   {gray-fg}[{/gray-fg} cycle ${cycleDisplay}{gray-fg} ]{/gray-fg}` +
+    `   {gray-fg}[{/gray-fg} BCP/hr {${bphColor}-fg}${bphDisplay}{/${bphColor}-fg}{gray-fg} ]{/gray-fg}` +
+    `   {gray-fg}[{/gray-fg} v{green-fg}${version}{/green-fg}{gray-fg} ]{/gray-fg}`;
 
   box.setContent([statusLine, stepLine, statsLine].join('\n'));
 }

package/dashboard/src/tui/pipeline.js

@@ -8,7 +8,7 @@ function renderPipeline(box, stateData) {
   }
 
   if (!stateData) {
-    box.setContent('{dim}state.yaml not loaded{/dim}');
+    box.setContent('{gray-fg}state.yaml not loaded{/gray-fg}');
     return;
   }
 
@@ -24,13 +24,13 @@ function renderPipeline(box, stateData) {
     } else if (i === currentIdx) {
       return `{reverse}{cyan-fg}${i + 1} ${step}{/cyan-fg}{/reverse}`;
     } else {
-      return `{dim}${i + 1} ${step}{/dim}`;
+      return `{gray-fg}${i + 1} ${step}{/gray-fg}`;
     }
-  }).join(' {dim}›{/dim} ');
+  }).join(' {gray-fg}›{/gray-fg} ');
 
   const stepLabel = currentIdx >= 0 && currentIdx < STEPS.length
-    ? `{dim}step{/dim} {cyan-fg}${currentIdx + 1}{/cyan-fg}{dim}/${STEPS.length}{/dim}  {dim}—{/dim}  ${STEPS[currentIdx]}`
-    : '{dim}no active step{/dim}';
+    ? `{gray-fg}step{/gray-fg} {cyan-fg}${currentIdx + 1}{/cyan-fg}{gray-fg}/${STEPS.length}{/gray-fg}  {gray-fg}—{/gray-fg}  ${STEPS[currentIdx]}`
+    : '{gray-fg}no active step{/gray-fg}';
 
   box.setContent(stepLabel + '\n\n' + strip);
 }

package/dashboard/src/tui/state-yaml.js

@@ -10,7 +10,7 @@ function renderStateYaml(box, stateData) {
   }
 
   if (!stateData) {
-    box.setContent('{center}{dim}state.yaml not found{/dim}{/center}');
+    box.setContent('{center}{gray-fg}state.yaml not found{/gray-fg}{/center}');
     return;
   }
 
@@ -34,7 +34,7 @@ function renderStateYaml(box, stateData) {
     const isDash = v === '—';
     let colored;
     if (isDash) {
-      colored = `{dim}${v}{/dim}`;
+      colored = `{gray-fg}${v}{/gray-fg}`;
     } else if (fields.find(f => f.key === key)?.color === 'cyan') {
       colored = `{cyan-fg}${v}{/cyan-fg}`;
     } else if (fields.find(f => f.key === key)?.color === 'green') {
@@ -42,19 +42,19 @@ function renderStateYaml(box, stateData) {
     } else if (fields.find(f => f.key === key)?.color === 'yellow') {
       colored = `{yellow-fg}${v}{/yellow-fg}`;
     } else if (fields.find(f => f.key === key)?.color === 'dim') {
-      colored = `{dim}${v}{/dim}`;
+      colored = `{gray-fg}${v}{/gray-fg}`;
     } else {
       colored = v;
     }
-    return `{dim}${key}:{/dim} ${colored}`;
+    return `{gray-fg}${key}:{/gray-fg} ${colored}`;
   });
 
   // Stage tracker strip
   const tracker = STEP_ABBR.map((abbr, i) => {
     if (i < currentIdx) return `{green-fg}${abbr}{/green-fg}`;
     if (i === currentIdx) return `{cyan-fg}{bold}${abbr}{/bold}{/cyan-fg}`;
-    return `{dim}${abbr}{/dim}`;
-  }).join(' {dim}·{/dim} ');
+    return `{gray-fg}${abbr}{/gray-fg}`;
+  }).join(' {gray-fg}·{/gray-fg} ');
 
   lines.push('');
   lines.push(tracker);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bigpowers",
-  "version": "2.1.0",
+  "version": "2.1.1",
   "description": "61 agent skills for spec-driven, test-first software development by solo developers",
   "main": "index.js",
   "scripts": {