specsmd 0.1.42 → 0.1.44

package/lib/dashboard/tui/app.js

@@ -905,6 +905,46 @@ function buildIntentScopedLabel(snapshot, intentId, filePath, fallbackName = 'fi
   return safeIntentId ? `${safeIntentId}/${safeFallback}` : safeFallback;
 }
 
+function findIntentIdForWorkItem(snapshot, workItemId) {
+  if (typeof workItemId !== 'string' || workItemId.trim() === '') {
+    return '';
+  }
+
+  const intents = Array.isArray(snapshot?.intents) ? snapshot.intents : [];
+  for (const intent of intents) {
+    const items = Array.isArray(intent?.workItems) ? intent.workItems : [];
+    if (items.some((item) => item?.id === workItemId)) {
+      return intent?.id || '';
+    }
+  }
+
+  return '';
+}
+
+function resolveFireWorkItemPath(snapshot, intentId, workItemId, explicitPath) {
+  if (typeof explicitPath === 'string' && explicitPath.trim() !== '') {
+    return explicitPath;
+  }
+
+  if (typeof snapshot?.rootPath !== 'string' || snapshot.rootPath.trim() === '') {
+    return null;
+  }
+
+  if (typeof workItemId !== 'string' || workItemId.trim() === '') {
+    return null;
+  }
+
+  const safeIntentId = typeof intentId === 'string' && intentId.trim() !== ''
+    ? intentId
+    : findIntentIdForWorkItem(snapshot, workItemId);
+
+  if (!safeIntentId) {
+    return null;
+  }
+
+  return path.join(snapshot.rootPath, 'intents', safeIntentId, 'work-items', `${workItemId}.md`);
+}
+
 function collectFireRunFiles(run) {
   if (!run || typeof run.folderPath !== 'string') {
     return [];
@@ -1156,13 +1196,32 @@ function buildFireCurrentRunGroups(snapshot) {
   const status = currentWorkItem?.status || 'pending';
   const statusTag = status === 'in_progress' ? 'current' : status;
 
-  const currentWorkItemFiles = currentWorkItem?.filePath
-    ? [{
-      label: `${currentWorkItem.id || 'work-item'} [${mode}] [${statusTag}] ${phaseTrack}`,
-      path: currentWorkItem.filePath,
-      scope: 'active'
-    }]
-    : [];
+  const runIntentId = typeof run?.intent === 'string' ? run.intent : '';
+  const currentWorkItemFiles = workItems.map((item, index) => {
+    const itemId = typeof item?.id === 'string' && item.id !== '' ? item.id : `work-item-${index + 1}`;
+    const intentId = typeof item?.intent === 'string' && item.intent !== ''
+      ? item.intent
+      : (runIntentId || findIntentIdForWorkItem(snapshot, itemId));
+    const filePath = resolveFireWorkItemPath(snapshot, intentId, itemId, item?.filePath);
+    if (!filePath) {
+      return null;
+    }
+
+    const itemMode = String(item?.mode || 'confirm').toUpperCase();
+    const itemStatus = item?.status || 'pending';
+    const isCurrent = Boolean(currentWorkItem?.id) && itemId === currentWorkItem.id;
+    const itemScope = isCurrent
+      ? 'active'
+      : (itemStatus === 'completed' ? 'completed' : 'upcoming');
+    const itemStatusTag = isCurrent ? 'current' : itemStatus;
+    const labelPath = buildIntentScopedLabel(snapshot, intentId, filePath, `${itemId}.md`);
+
+    return {
+      label: `${labelPath} [${itemMode}] [${itemStatusTag}]`,
+      path: filePath,
+      scope: itemScope
+    };
+  }).filter(Boolean);
 
   const currentRunFiles = collectFireRunFiles(run).map((fileEntry) => ({
     ...fileEntry,
@@ -1178,7 +1237,7 @@ function buildFireCurrentRunGroups(snapshot) {
     },
     {
       key: `current:run:${run.id}:work-items`,
-      label: 'WORK ITEMS',
+      label: `WORK ITEMS (${currentWorkItemFiles.length})`,
       files: filterExistingFiles(currentWorkItemFiles)
     },
     {
@@ -2159,28 +2218,58 @@ function createDashboardApp(deps) {
     const primaryLabel = effectiveFlow === 'aidlc' ? 'BOLTS' : (effectiveFlow === 'simple' ? 'SPECS' : 'RUNS');
     const completedLabel = effectiveFlow === 'aidlc' ? 'COMPLETED BOLTS' : (effectiveFlow === 'simple' ? 'COMPLETED SPECS' : 'COMPLETED RUNS');
     const tabs = [
-      { id: 'runs', label: ` 1 ${icons.runs} ${primaryLabel} ` },
-      { id: 'intents', label: ` 2 ${icons.overview} INTENTS ` },
-      { id: 'completed', label: ` 3 ${icons.runs} ${completedLabel} ` },
-      { id: 'health', label: ` 4 ${icons.health} STANDARDS/HEALTH ` }
+      { id: 'runs', label: `1 ${icons.runs} ${primaryLabel}` },
+      { id: 'intents', label: `2 ${icons.overview} INTENTS` },
+      { id: 'completed', label: `3 ${icons.runs} ${completedLabel}` },
+      { id: 'health', label: `4 ${icons.health} STANDARDS/HEALTH` }
     ];
+    const maxWidth = Math.max(8, Math.floor(width));
+    const segments = [];
+    let consumed = 0;
+
+    for (const tab of tabs) {
+      const isActive = tab.id === view;
+      const segmentText = isActive ? `[${tab.label}]` : tab.label;
+      const separator = segments.length > 0 ? ' ' : '';
+      const segmentWidth = stringWidth(separator) + stringWidth(segmentText);
+      if (consumed + segmentWidth > maxWidth) {
+        break;
+      }
+
+      if (separator !== '') {
+        segments.push({
+          key: `${tab.id}:sep`,
+          text: separator,
+          active: false
+        });
+      }
+      segments.push({
+        key: tab.id,
+        text: segmentText,
+        active: isActive
+      });
+      consumed += segmentWidth;
+    }
+
+    if (segments.length === 0) {
+      const fallback = tabs.find((tab) => tab.id === view) || tabs[0];
+      const fallbackText = truncate(`[${fallback.label}]`, maxWidth);
+      return React.createElement(Text, { color: 'white', bold: true }, fallbackText);
+    }
 
     return React.createElement(
       Box,
-      { width, flexWrap: 'nowrap' },
-      ...tabs.map((tab) => {
-        const isActive = tab.id === view;
-        return React.createElement(
-          Text,
-          {
-            key: tab.id,
-            bold: isActive,
-            color: isActive ? 'white' : 'gray',
-            backgroundColor: isActive ? 'blue' : undefined
-          },
-          tab.label
-        );
-      })
+      { width: maxWidth, flexWrap: 'nowrap' },
+      ...segments.map((segment) => React.createElement(
+        Text,
+        {
+          key: segment.key,
+          bold: segment.active,
+          color: segment.active ? 'white' : 'gray',
+          backgroundColor: segment.active ? 'blue' : undefined
+        },
+        segment.text
+      ))
     );
   }
 
@@ -2189,23 +2278,52 @@ function createDashboardApp(deps) {
     if (!Array.isArray(flowIds) || flowIds.length <= 1) {
       return null;
     }
+    const maxWidth = Math.max(8, Math.floor(width));
+    const segments = [];
+    let consumed = 0;
+
+    for (const flowId of flowIds) {
+      const isActive = flowId === activeFlow;
+      const segmentText = isActive ? `[${flowId.toUpperCase()}]` : flowId.toUpperCase();
+      const separator = segments.length > 0 ? ' ' : '';
+      const segmentWidth = stringWidth(separator) + stringWidth(segmentText);
+      if (consumed + segmentWidth > maxWidth) {
+        break;
+      }
+
+      if (separator !== '') {
+        segments.push({
+          key: `${flowId}:sep`,
+          text: separator,
+          active: false
+        });
+      }
+      segments.push({
+        key: flowId,
+        text: segmentText,
+        active: isActive
+      });
+      consumed += segmentWidth;
+    }
+
+    if (segments.length === 0) {
+      const fallback = (activeFlow || flowIds[0] || 'flow').toUpperCase();
+      return React.createElement(Text, { color: 'black', backgroundColor: 'green', bold: true }, truncate(`[${fallback}]`, maxWidth));
+    }
 
     return React.createElement(
       Box,
-      { width, flexWrap: 'nowrap' },
-      ...flowIds.map((flowId) => {
-        const isActive = flowId === activeFlow;
-        return React.createElement(
-          Text,
-          {
-            key: flowId,
-            bold: isActive,
-            color: isActive ? 'black' : 'gray',
-            backgroundColor: isActive ? 'green' : undefined
-          },
-          ` ${flowId.toUpperCase()} `
-        );
-      })
+      { width: maxWidth, flexWrap: 'nowrap' },
+      ...segments.map((segment) => React.createElement(
+        Text,
+        {
+          key: segment.key,
+          bold: segment.active,
+          color: segment.active ? 'black' : 'gray',
+          backgroundColor: segment.active ? 'green' : undefined
+        },
+        segment.text
+      ))
     );
   }
 
@@ -2774,11 +2892,6 @@ function createDashboardApp(deps) {
     }, [activeFlow, rowLengthSignature, snapshot?.generatedAt]);
 
     useEffect(() => {
-      if (ui.view !== 'runs') {
-        setDeferredTabsReady(true);
-        return undefined;
-      }
-
       setDeferredTabsReady(false);
       const timer = setTimeout(() => {
         setDeferredTabsReady(true);
@@ -2786,7 +2899,7 @@ function createDashboardApp(deps) {
       return () => {
         clearTimeout(timer);
       };
-    }, [activeFlow, snapshot?.generatedAt, ui.view]);
+    }, [activeFlow]);
 
     useEffect(() => {
       setPaneFocus('main');
@@ -2834,6 +2947,12 @@ function createDashboardApp(deps) {
           columns: stdout.columns || process.stdout.columns || 120,
           rows: stdout.rows || process.stdout.rows || 40
         });
+
+        // Resize in some terminals can leave stale frame rows behind.
+        // Force clear so next render paints from a clean origin.
+        if (typeof stdout.write === 'function' && stdout.isTTY !== false) {
+          stdout.write('\u001B[2J\u001B[3J\u001B[H');
+        }
       };
 
       updateSize();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "specsmd",
-  "version": "0.1.42",
+  "version": "0.1.44",
   "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": {