specsmd 0.1.37 → 0.1.39

package/lib/dashboard/tui/app.js

@@ -1,9 +1,18 @@
 const fs = require('fs');
 const path = require('path');
 const { spawnSync } = require('child_process');
+const stringWidthModule = require('string-width');
+const sliceAnsiModule = require('slice-ansi');
 const { createWatchRuntime } = require('../runtime/watch-runtime');
 const { createInitialUIState } = require('./store');
 
+const stringWidth = typeof stringWidthModule === 'function'
+  ? stringWidthModule
+  : stringWidthModule.default;
+const sliceAnsi = typeof sliceAnsiModule === 'function'
+  ? sliceAnsiModule
+  : sliceAnsiModule.default;
+
 function toDashboardError(error, defaultCode = 'DASHBOARD_ERROR') {
   if (!error) {
     return {
@@ -87,15 +96,26 @@ function resolveIconSet() {
 
 function truncate(value, width) {
   const text = String(value ?? '');
-  if (!Number.isFinite(width) || width <= 0 || text.length <= width) {
+  if (!Number.isFinite(width)) {
     return text;
   }
 
-  if (width <= 3) {
-    return text.slice(0, width);
+  const safeWidth = Math.max(0, Math.floor(width));
+  if (safeWidth === 0) {
+    return '';
   }
 
-  return `${text.slice(0, width - 3)}...`;
+  if (stringWidth(text) <= safeWidth) {
+    return text;
+  }
+
+  if (safeWidth <= 3) {
+    return sliceAnsi(text, 0, safeWidth);
+  }
+
+  const ellipsis = '...';
+  const bodyWidth = Math.max(0, safeWidth - stringWidth(ellipsis));
+  return `${sliceAnsi(text, 0, bodyWidth)}${ellipsis}`;
 }
 
 function normalizePanelLine(line) {
@@ -906,7 +926,8 @@ function collectSimpleSpecFiles(spec) {
   }));
 }
 
-function getRunFileEntries(snapshot, flow) {
+function getRunFileEntries(snapshot, flow, options = {}) {
+  const includeBacklog = options.includeBacklog !== false;
   const effectiveFlow = getEffectiveFlow(flow, snapshot);
   const entries = [];
   const seenPaths = new Set();
@@ -917,6 +938,10 @@ function getRunFileEntries(snapshot, flow) {
       pushFileEntry(entries, seenPaths, { ...file, scope: 'active' });
     }
 
+    if (!includeBacklog) {
+      return entries;
+    }
+
     const pendingBolts = Array.isArray(snapshot?.pendingBolts) ? snapshot.pendingBolts : [];
     for (const pendingBolt of pendingBolts) {
       for (const file of collectAidlcBoltFiles(pendingBolt)) {
@@ -963,6 +988,10 @@ function getRunFileEntries(snapshot, flow) {
       pushFileEntry(entries, seenPaths, { ...file, scope: 'active' });
     }
 
+    if (!includeBacklog) {
+      return entries;
+    }
+
     const pendingSpecs = Array.isArray(snapshot?.pendingSpecs) ? snapshot.pendingSpecs : [];
     for (const pendingSpec of pendingSpecs) {
       for (const file of collectSimpleSpecFiles(pendingSpec)) {
@@ -985,6 +1014,10 @@ function getRunFileEntries(snapshot, flow) {
     pushFileEntry(entries, seenPaths, { ...file, scope: 'active' });
   }
 
+  if (!includeBacklog) {
+    return entries;
+  }
+
   const pendingItems = Array.isArray(snapshot?.pendingItems) ? snapshot.pendingItems : [];
   for (const pendingItem of pendingItems) {
     pushFileEntry(entries, seenPaths, {
@@ -1154,10 +1187,10 @@ function getFileEntityLabel(fileEntry, fallbackIndex = 0) {
   return `item-${fallbackIndex + 1}`;
 }
 
-function buildRunFileEntityGroups(snapshot, flow) {
+function buildRunFileEntityGroups(snapshot, flow, options = {}) {
   const order = ['active', 'upcoming', 'completed', 'intent', 'other'];
   const rankByScope = new Map(order.map((scope, index) => [scope, index]));
-  const entries = filterExistingFiles(getRunFileEntries(snapshot, flow));
+  const entries = filterExistingFiles(getRunFileEntries(snapshot, flow, options));
   const groupsByEntity = new Map();
 
   for (let index = 0; index < entries.length; index += 1) {
@@ -2115,7 +2148,9 @@ function createDashboardApp(deps) {
       currentExpandedGroups
     );
     const shouldHydrateSecondaryTabs = deferredTabsReady || ui.view !== 'runs';
-    const runFileGroups = buildRunFileEntityGroups(snapshot, activeFlow);
+    const runFileGroups = buildRunFileEntityGroups(snapshot, activeFlow, {
+      includeBacklog: shouldHydrateSecondaryTabs
+    });
     const runFileExpandedGroups = { ...expandedGroups };
     for (const group of runFileGroups) {
       if (runFileExpandedGroups[group.key] == null) {
@@ -2592,14 +2627,19 @@ function createDashboardApp(deps) {
     }, [activeFlow, rowLengthSignature, snapshot?.generatedAt]);
 
     useEffect(() => {
+      if (ui.view !== 'runs') {
+        setDeferredTabsReady(true);
+        return undefined;
+      }
+
       setDeferredTabsReady(false);
       const timer = setTimeout(() => {
         setDeferredTabsReady(true);
-      }, 0);
+      }, 250);
       return () => {
         clearTimeout(timer);
       };
-    }, [activeFlow, snapshot?.generatedAt]);
+    }, [activeFlow, snapshot?.generatedAt, ui.view]);
 
     useEffect(() => {
       setPaneFocus('main');

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "specsmd",
-  "version": "0.1.37",
+  "version": "0.1.39",
   "description": "Multi-agent orchestration system for AI-native software development. Delivers AI-DLC, Agile, and custom SDLC flows as markdown-based agent systems.",
   "main": "lib/installer.js",
   "bin": {