specsmd 0.1.26 → 0.1.28

package/lib/dashboard/tui/app.js

@@ -1,5 +1,5 @@
 const { createWatchRuntime } = require('../runtime/watch-runtime');
-const { createInitialUIState, cycleView, cycleRunFilter } = require('./store');
+const { createInitialUIState, cycleView, cycleViewBackward, cycleRunFilter } = require('./store');
 
 function toDashboardError(error, defaultCode = 'DASHBOARD_ERROR') {
   if (!error) {
@@ -45,6 +45,37 @@ function safeJsonHash(value) {
   }
 }
 
+function resolveIconSet() {
+  const mode = (process.env.SPECSMD_ICON_SET || 'auto').toLowerCase();
+
+  const ascii = {
+    runs: '[R]',
+    overview: '[O]',
+    health: '[H]',
+    runFile: '*'
+  };
+
+  const nerd = {
+    runs: '󰑮',
+    overview: '󰍉',
+    health: '󰓦',
+    runFile: '󰈔'
+  };
+
+  if (mode === 'ascii') {
+    return ascii;
+  }
+  if (mode === 'nerd') {
+    return nerd;
+  }
+
+  const locale = `${process.env.LC_ALL || ''}${process.env.LC_CTYPE || ''}${process.env.LANG || ''}`;
+  const isUtf8 = /utf-?8/i.test(locale);
+  const looksLikeVsCodeTerminal = (process.env.TERM_PROGRAM || '').toLowerCase().includes('vscode');
+
+  return isUtf8 && looksLikeVsCodeTerminal ? nerd : ascii;
+}
+
 function truncate(value, width) {
   const text = String(value ?? '');
   if (!Number.isFinite(width) || width <= 0 || text.length <= width) {
@@ -83,18 +114,33 @@ function formatTime(value) {
   return date.toLocaleTimeString();
 }
 
-function buildShortStats(snapshot) {
+function buildShortStats(snapshot, flow) {
   if (!snapshot?.initialized) {
+    if (flow === 'aidlc') {
+      return 'init: waiting for memory-bank scan';
+    }
+    if (flow === 'simple') {
+      return 'init: waiting for specs scan';
+    }
     return 'init: waiting for state.yaml';
   }
 
-  const stats = snapshot.stats;
-  return `runs ${stats.activeRunsCount}/${stats.completedRuns} | intents ${stats.completedIntents}/${stats.totalIntents} | work ${stats.completedWorkItems}/${stats.totalWorkItems}`;
+  const stats = snapshot?.stats || {};
+
+  if (flow === 'aidlc') {
+    return `bolts ${stats.activeBoltsCount || 0}/${stats.completedBolts || 0} | intents ${stats.completedIntents || 0}/${stats.totalIntents || 0} | stories ${stats.completedStories || 0}/${stats.totalStories || 0}`;
+  }
+
+  if (flow === 'simple') {
+    return `specs ${stats.completedSpecs || 0}/${stats.totalSpecs || 0} | tasks ${stats.completedTasks || 0}/${stats.totalTasks || 0} | active ${stats.activeSpecsCount || 0}`;
+  }
+
+  return `runs ${stats.activeRunsCount || 0}/${stats.completedRuns || 0} | intents ${stats.completedIntents || 0}/${stats.totalIntents || 0} | work ${stats.completedWorkItems || 0}/${stats.totalWorkItems || 0}`;
 }
 
 function buildHeaderLine(snapshot, flow, watchEnabled, watchStatus, lastRefreshAt, view, runFilter, width) {
-  const projectName = snapshot?.project?.name || 'Unnamed FIRE project';
-  const shortStats = buildShortStats(snapshot);
+  const projectName = snapshot?.project?.name || 'Unnamed project';
+  const shortStats = buildShortStats(snapshot, flow);
 
   const line = `${flow.toUpperCase()} | ${projectName} | ${shortStats} | watch:${watchEnabled ? watchStatus : 'off'} | ${view}/${runFilter} | ${formatTime(lastRefreshAt)}`;
 
@@ -121,31 +167,87 @@ function buildErrorLines(error, width) {
   return lines.map((line) => truncate(line, width));
 }
 
-function buildActiveRunLines(snapshot, runFilter, width) {
-  if (runFilter === 'completed') {
-    return [truncate('Hidden by run filter: completed', width)];
+function getCurrentRun(snapshot) {
+  const activeRuns = Array.isArray(snapshot?.activeRuns) ? [...snapshot.activeRuns] : [];
+  if (activeRuns.length === 0) {
+    return null;
   }
 
-  const activeRuns = snapshot?.activeRuns || [];
-  if (activeRuns.length === 0) {
-    return [truncate('No active runs', width)];
+  activeRuns.sort((a, b) => {
+    const aTime = a?.startedAt ? Date.parse(a.startedAt) : 0;
+    const bTime = b?.startedAt ? Date.parse(b.startedAt) : 0;
+    if (bTime !== aTime) {
+      return bTime - aTime;
+    }
+    return String(a?.id || '').localeCompare(String(b?.id || ''));
+  });
+
+  return activeRuns[0] || null;
+}
+
+function getCurrentPhaseLabel(run, currentWorkItem) {
+  const phase = currentWorkItem?.currentPhase || '';
+  if (typeof phase === 'string' && phase !== '') {
+    return phase.toLowerCase();
   }
 
-  const lines = [];
-  for (const run of activeRuns) {
-    const currentItem = run.currentItem || 'n/a';
-    const workItems = Array.isArray(run.workItems) ? run.workItems : [];
-    const completed = workItems.filter((item) => item.status === 'completed').length;
-    const inProgress = workItems.filter((item) => item.status === 'in_progress').length;
+  if (run?.hasTestReport) {
+    return 'review';
+  }
+  if (run?.hasPlan) {
+    return 'execute';
+  }
+  return 'plan';
+}
 
-    lines.push(`${run.id} [${run.scope}] current: ${currentItem}`);
-    lines.push(`progress: ${completed}/${workItems.length} done, ${inProgress} active`);
+function buildPhaseTrack(currentPhase) {
+  const order = ['plan', 'execute', 'test', 'review'];
+  const labels = ['P', 'E', 'T', 'R'];
+  const currentIndex = Math.max(0, order.indexOf(currentPhase));
+  return labels.map((label, index) => (index === currentIndex ? `[${label}]` : ` ${label} `)).join(' - ');
+}
+
+function buildFireCurrentRunLines(snapshot, width) {
+  const run = getCurrentRun(snapshot);
+  if (!run) {
+    return [truncate('No active run', width)];
   }
 
+  const workItems = Array.isArray(run.workItems) ? run.workItems : [];
+  const completed = workItems.filter((item) => item.status === 'completed').length;
+  const currentWorkItem = workItems.find((item) => item.id === run.currentItem) || workItems.find((item) => item.status === 'in_progress') || workItems[0];
+
+  const itemId = currentWorkItem?.id || run.currentItem || 'n/a';
+  const mode = String(currentWorkItem?.mode || 'confirm').toUpperCase();
+  const status = currentWorkItem?.status || 'pending';
+  const currentPhase = getCurrentPhaseLabel(run, currentWorkItem);
+  const phaseTrack = buildPhaseTrack(currentPhase);
+
+  const lines = [
+    `${run.id}  [${run.scope}]  ${completed}/${workItems.length} items done`,
+    `work item: ${itemId}`,
+    `mode: ${mode}  |  status: ${status}`,
+    `phase: ${phaseTrack}`
+  ];
+
   return lines.map((line) => truncate(line, width));
 }
 
-function buildPendingLines(snapshot, runFilter, width) {
+function buildFireRunFilesLines(snapshot, width, icons) {
+  const run = getCurrentRun(snapshot);
+  if (!run) {
+    return [truncate('No run files (no active run)', width)];
+  }
+
+  const files = ['run.md'];
+  if (run.hasPlan) files.push('plan.md');
+  if (run.hasTestReport) files.push('test-report.md');
+  if (run.hasWalkthrough) files.push('walkthrough.md');
+
+  return files.map((file) => truncate(`${icons.runFile} ${file}`, width));
+}
+
+function buildFirePendingLines(snapshot, runFilter, width) {
   if (runFilter === 'completed') {
     return [truncate('Hidden by run filter: completed', width)];
   }
@@ -161,7 +263,7 @@ function buildPendingLines(snapshot, runFilter, width) {
   });
 }
 
-function buildCompletedLines(snapshot, runFilter, width) {
+function buildFireCompletedLines(snapshot, runFilter, width) {
   if (runFilter === 'active') {
     return [truncate('Hidden by run filter: active', width)];
   }
@@ -178,7 +280,7 @@ function buildCompletedLines(snapshot, runFilter, width) {
   });
 }
 
-function buildStatsLines(snapshot, width) {
+function buildFireStatsLines(snapshot, width) {
   if (!snapshot?.initialized) {
     return [truncate('Waiting for .specs-fire/state.yaml initialization.', width)];
   }
@@ -200,7 +302,7 @@ function buildWarningsLines(snapshot, width) {
   return warnings.map((warning) => truncate(warning, width));
 }
 
-function buildOverviewProjectLines(snapshot, width) {
+function buildFireOverviewProjectLines(snapshot, width) {
   if (!snapshot?.initialized) {
     return [
       truncate('FIRE folder detected, but state.yaml is missing.', width),
@@ -218,7 +320,7 @@ function buildOverviewProjectLines(snapshot, width) {
   ].map((line) => truncate(line, width));
 }
 
-function buildOverviewIntentLines(snapshot, width) {
+function buildFireOverviewIntentLines(snapshot, width) {
   const intents = snapshot?.intents || [];
   if (intents.length === 0) {
     return [truncate('No intents found', width)];
@@ -231,7 +333,7 @@ function buildOverviewIntentLines(snapshot, width) {
   });
 }
 
-function buildOverviewStandardsLines(snapshot, width) {
+function buildFireOverviewStandardsLines(snapshot, width) {
   const expected = ['constitution', 'tech-stack', 'coding-standards', 'testing-standards', 'system-architecture'];
   const actual = new Set((snapshot?.standards || []).map((item) => item.type));
 
@@ -241,6 +343,435 @@ function buildOverviewStandardsLines(snapshot, width) {
   });
 }
 
+function getEffectiveFlow(flow, snapshot) {
+  const explicitFlow = typeof flow === 'string' && flow !== '' ? flow : null;
+  const snapshotFlow = typeof snapshot?.flow === 'string' && snapshot.flow !== '' ? snapshot.flow : null;
+  return (snapshotFlow || explicitFlow || 'fire').toLowerCase();
+}
+
+function getCurrentBolt(snapshot) {
+  const activeBolts = Array.isArray(snapshot?.activeBolts) ? [...snapshot.activeBolts] : [];
+  if (activeBolts.length === 0) {
+    return null;
+  }
+
+  activeBolts.sort((a, b) => {
+    const aTime = a?.startedAt ? Date.parse(a.startedAt) : 0;
+    const bTime = b?.startedAt ? Date.parse(b.startedAt) : 0;
+    if (bTime !== aTime) {
+      return bTime - aTime;
+    }
+    return String(a?.id || '').localeCompare(String(b?.id || ''));
+  });
+
+  return activeBolts[0] || null;
+}
+
+function buildAidlcStageTrack(bolt) {
+  const stages = Array.isArray(bolt?.stages) ? bolt.stages : [];
+  if (stages.length === 0) {
+    return 'n/a';
+  }
+
+  return stages.map((stage) => {
+    const label = String(stage?.name || '?').charAt(0).toUpperCase();
+    if (stage?.status === 'completed') {
+      return `[${label}]`;
+    }
+    if (stage?.status === 'in_progress') {
+      return `<${label}>`;
+    }
+    return ` ${label} `;
+  }).join('-');
+}
+
+function buildAidlcCurrentRunLines(snapshot, width) {
+  const bolt = getCurrentBolt(snapshot);
+  if (!bolt) {
+    return [truncate('No active bolt', width)];
+  }
+
+  const stages = Array.isArray(bolt.stages) ? bolt.stages : [];
+  const completedStages = stages.filter((stage) => stage.status === 'completed').length;
+  const phaseTrack = buildAidlcStageTrack(bolt);
+  const location = `${bolt.intent || 'unknown-intent'} / ${bolt.unit || 'unknown-unit'}`;
+
+  const lines = [
+    `${bolt.id}  [${bolt.type}]  ${completedStages}/${stages.length} stages done`,
+    `scope: ${location}`,
+    `stage: ${bolt.currentStage || 'n/a'}  |  status: ${bolt.status}`,
+    `phase: ${phaseTrack}`
+  ];
+
+  return lines.map((line) => truncate(line, width));
+}
+
+function buildAidlcRunFilesLines(snapshot, width, icons) {
+  const bolt = getCurrentBolt(snapshot);
+  if (!bolt) {
+    return [truncate('No bolt files (no active bolt)', width)];
+  }
+
+  const files = Array.isArray(bolt.files) ? bolt.files : [];
+  if (files.length === 0) {
+    return [truncate('No markdown files found in active bolt', width)];
+  }
+
+  return files.map((file) => truncate(`${icons.runFile} ${file}`, width));
+}
+
+function buildAidlcPendingLines(snapshot, runFilter, width) {
+  if (runFilter === 'completed') {
+    return [truncate('Hidden by run filter: completed', width)];
+  }
+
+  const pendingBolts = Array.isArray(snapshot?.pendingBolts) ? snapshot.pendingBolts : [];
+  if (pendingBolts.length === 0) {
+    return [truncate('No queued bolts', width)];
+  }
+
+  return pendingBolts.map((bolt) => {
+    const deps = Array.isArray(bolt.blockedBy) && bolt.blockedBy.length > 0
+      ? ` blocked_by:${bolt.blockedBy.join(',')}`
+      : '';
+    const location = `${bolt.intent || 'unknown'}/${bolt.unit || 'unknown'}`;
+    return truncate(`${bolt.id} (${bolt.status}) in ${location}${deps}`, width);
+  });
+}
+
+function buildAidlcCompletedLines(snapshot, runFilter, width) {
+  if (runFilter === 'active') {
+    return [truncate('Hidden by run filter: active', width)];
+  }
+
+  const completedBolts = Array.isArray(snapshot?.completedBolts) ? snapshot.completedBolts : [];
+  if (completedBolts.length === 0) {
+    return [truncate('No completed bolts yet', width)];
+  }
+
+  return completedBolts.map((bolt) =>
+    truncate(`${bolt.id} [${bolt.type}] done at ${bolt.completedAt || 'unknown'}`, width)
+  );
+}
+
+function buildAidlcStatsLines(snapshot, width) {
+  const stats = snapshot?.stats || {};
+
+  return [
+    `intents: ${stats.completedIntents || 0}/${stats.totalIntents || 0} done | in_progress: ${stats.inProgressIntents || 0} | blocked: ${stats.blockedIntents || 0}`,
+    `stories: ${stats.completedStories || 0}/${stats.totalStories || 0} done | in_progress: ${stats.inProgressStories || 0} | pending: ${stats.pendingStories || 0} | blocked: ${stats.blockedStories || 0}`,
+    `bolts: ${stats.activeBoltsCount || 0} active | ${stats.queuedBolts || 0} queued | ${stats.blockedBolts || 0} blocked | ${stats.completedBolts || 0} done`
+  ].map((line) => truncate(line, width));
+}
+
+function buildAidlcOverviewProjectLines(snapshot, width) {
+  const project = snapshot?.project || {};
+  const stats = snapshot?.stats || {};
+
+  return [
+    `project: ${project.name || 'unknown'} | project_type: ${project.projectType || 'unknown'}`,
+    `memory-bank: intents ${stats.totalIntents || 0} | units ${stats.totalUnits || 0} | stories ${stats.totalStories || 0}`,
+    `progress: ${stats.progressPercent || 0}% stories complete | standards: ${(snapshot?.standards || []).length}`
+  ].map((line) => truncate(line, width));
+}
+
+function buildAidlcOverviewIntentLines(snapshot, width) {
+  const intents = Array.isArray(snapshot?.intents) ? snapshot.intents : [];
+  if (intents.length === 0) {
+    return [truncate('No intents found', width)];
+  }
+
+  return intents.map((intent) => {
+    return truncate(
+      `${intent.id}: ${intent.status} (${intent.completedStories || 0}/${intent.storyCount || 0} stories, ${intent.completedUnits || 0}/${intent.unitCount || 0} units)`,
+      width
+    );
+  });
+}
+
+function buildAidlcOverviewStandardsLines(snapshot, width) {
+  const standards = Array.isArray(snapshot?.standards) ? snapshot.standards : [];
+  if (standards.length === 0) {
+    return [truncate('No standards found under memory-bank/standards', width)];
+  }
+
+  return standards.map((standard) =>
+    truncate(`[x] ${standard.name || standard.type || 'unknown'}.md`, width)
+  );
+}
+
+function getCurrentSpec(snapshot) {
+  const specs = Array.isArray(snapshot?.activeSpecs) ? snapshot.activeSpecs : [];
+  if (specs.length === 0) {
+    return null;
+  }
+  return specs[0] || null;
+}
+
+function simplePhaseIndex(state) {
+  if (state === 'requirements_pending') {
+    return 0;
+  }
+  if (state === 'design_pending') {
+    return 1;
+  }
+  return 2;
+}
+
+function buildSimplePhaseTrack(spec) {
+  if (spec?.state === 'completed') {
+    return '[R] - [D] - [T]';
+  }
+
+  const labels = ['R', 'D', 'T'];
+  const current = simplePhaseIndex(spec?.state);
+  return labels.map((label, index) => (index === current ? `[${label}]` : ` ${label} `)).join(' - ');
+}
+
+function buildSimpleCurrentRunLines(snapshot, width) {
+  const spec = getCurrentSpec(snapshot);
+  if (!spec) {
+    return [truncate('No active spec', width)];
+  }
+
+  const files = [
+    spec.hasRequirements ? 'req' : '-',
+    spec.hasDesign ? 'design' : '-',
+    spec.hasTasks ? 'tasks' : '-'
+  ].join('/');
+
+  const lines = [
+    `${spec.name}  [${spec.state}]  ${spec.tasksCompleted}/${spec.tasksTotal} tasks done`,
+    `phase: ${spec.phase}`,
+    `files: ${files}`,
+    `track: ${buildSimplePhaseTrack(spec)}`
+  ];
+
+  return lines.map((line) => truncate(line, width));
+}
+
+function buildSimpleRunFilesLines(snapshot, width, icons) {
+  const spec = getCurrentSpec(snapshot);
+  if (!spec) {
+    return [truncate('No spec files (no active spec)', width)];
+  }
+
+  const files = [];
+  if (spec.hasRequirements) files.push('requirements.md');
+  if (spec.hasDesign) files.push('design.md');
+  if (spec.hasTasks) files.push('tasks.md');
+
+  if (files.length === 0) {
+    return [truncate('No files found in active spec folder', width)];
+  }
+
+  return files.map((file) => truncate(`${icons.runFile} ${file}`, width));
+}
+
+function buildSimplePendingLines(snapshot, runFilter, width) {
+  if (runFilter === 'completed') {
+    return [truncate('Hidden by run filter: completed', width)];
+  }
+
+  const pendingSpecs = Array.isArray(snapshot?.pendingSpecs) ? snapshot.pendingSpecs : [];
+  if (pendingSpecs.length === 0) {
+    return [truncate('No pending specs', width)];
+  }
+
+  return pendingSpecs.map((spec) =>
+    truncate(`${spec.name} (${spec.state}) ${spec.tasksCompleted}/${spec.tasksTotal} tasks`, width)
+  );
+}
+
+function buildSimpleCompletedLines(snapshot, runFilter, width) {
+  if (runFilter === 'active') {
+    return [truncate('Hidden by run filter: active', width)];
+  }
+
+  const completedSpecs = Array.isArray(snapshot?.completedSpecs) ? snapshot.completedSpecs : [];
+  if (completedSpecs.length === 0) {
+    return [truncate('No completed specs yet', width)];
+  }
+
+  return completedSpecs.map((spec) =>
+    truncate(`${spec.name} done at ${spec.updatedAt || 'unknown'} (${spec.tasksCompleted}/${spec.tasksTotal})`, width)
+  );
+}
+
+function buildSimpleStatsLines(snapshot, width) {
+  const stats = snapshot?.stats || {};
+
+  return [
+    `specs: ${stats.completedSpecs || 0}/${stats.totalSpecs || 0} complete | in_progress: ${stats.inProgressSpecs || 0} | pending: ${stats.pendingSpecs || 0}`,
+    `pipeline: ready ${stats.readySpecs || 0} | design_pending ${stats.designPendingSpecs || 0} | tasks_pending ${stats.tasksPendingSpecs || 0}`,
+    `tasks: ${stats.completedTasks || 0}/${stats.totalTasks || 0} complete | pending: ${stats.pendingTasks || 0} | optional: ${stats.optionalTasks || 0}`
+  ].map((line) => truncate(line, width));
+}
+
+function buildSimpleOverviewProjectLines(snapshot, width) {
+  const project = snapshot?.project || {};
+  const stats = snapshot?.stats || {};
+
+  return [
+    `project: ${project.name || 'unknown'} | simple flow`,
+    `specs: ${stats.totalSpecs || 0} total | active: ${stats.activeSpecsCount || 0} | completed: ${stats.completedSpecs || 0}`,
+    `tasks: ${stats.completedTasks || 0}/${stats.totalTasks || 0} complete (${stats.progressPercent || 0}%)`
+  ].map((line) => truncate(line, width));
+}
+
+function buildSimpleOverviewIntentLines(snapshot, width) {
+  const specs = Array.isArray(snapshot?.specs) ? snapshot.specs : [];
+  if (specs.length === 0) {
+    return [truncate('No specs found', width)];
+  }
+
+  return specs.map((spec) =>
+    truncate(`${spec.name}: ${spec.state} (${spec.tasksCompleted}/${spec.tasksTotal} tasks)`, width)
+  );
+}
+
+function buildSimpleOverviewStandardsLines(snapshot, width) {
+  const specs = Array.isArray(snapshot?.specs) ? snapshot.specs : [];
+  if (specs.length === 0) {
+    return [truncate('No spec artifacts found', width)];
+  }
+
+  const reqCount = specs.filter((spec) => spec.hasRequirements).length;
+  const designCount = specs.filter((spec) => spec.hasDesign).length;
+  const tasksCount = specs.filter((spec) => spec.hasTasks).length;
+  const total = specs.length;
+
+  return [
+    `[x] requirements.md coverage ${reqCount}/${total}`,
+    `[x] design.md coverage ${designCount}/${total}`,
+    `[x] tasks.md coverage ${tasksCount}/${total}`
+  ].map((line) => truncate(line, width));
+}
+
+function buildCurrentRunLines(snapshot, width, flow) {
+  const effectiveFlow = getEffectiveFlow(flow, snapshot);
+  if (effectiveFlow === 'aidlc') {
+    return buildAidlcCurrentRunLines(snapshot, width);
+  }
+  if (effectiveFlow === 'simple') {
+    return buildSimpleCurrentRunLines(snapshot, width);
+  }
+  return buildFireCurrentRunLines(snapshot, width);
+}
+
+function buildRunFilesLines(snapshot, width, icons, flow) {
+  const effectiveFlow = getEffectiveFlow(flow, snapshot);
+  if (effectiveFlow === 'aidlc') {
+    return buildAidlcRunFilesLines(snapshot, width, icons);
+  }
+  if (effectiveFlow === 'simple') {
+    return buildSimpleRunFilesLines(snapshot, width, icons);
+  }
+  return buildFireRunFilesLines(snapshot, width, icons);
+}
+
+function buildPendingLines(snapshot, runFilter, width, flow) {
+  const effectiveFlow = getEffectiveFlow(flow, snapshot);
+  if (effectiveFlow === 'aidlc') {
+    return buildAidlcPendingLines(snapshot, runFilter, width);
+  }
+  if (effectiveFlow === 'simple') {
+    return buildSimplePendingLines(snapshot, runFilter, width);
+  }
+  return buildFirePendingLines(snapshot, runFilter, width);
+}
+
+function buildCompletedLines(snapshot, runFilter, width, flow) {
+  const effectiveFlow = getEffectiveFlow(flow, snapshot);
+  if (effectiveFlow === 'aidlc') {
+    return buildAidlcCompletedLines(snapshot, runFilter, width);
+  }
+  if (effectiveFlow === 'simple') {
+    return buildSimpleCompletedLines(snapshot, runFilter, width);
+  }
+  return buildFireCompletedLines(snapshot, runFilter, width);
+}
+
+function buildStatsLines(snapshot, width, flow) {
+  const effectiveFlow = getEffectiveFlow(flow, snapshot);
+  if (!snapshot?.initialized) {
+    if (effectiveFlow === 'aidlc') {
+      return [truncate('Waiting for memory-bank initialization.', width)];
+    }
+    if (effectiveFlow === 'simple') {
+      return [truncate('Waiting for specs/ initialization.', width)];
+    }
+    return [truncate('Waiting for .specs-fire/state.yaml initialization.', width)];
+  }
+
+  if (effectiveFlow === 'aidlc') {
+    return buildAidlcStatsLines(snapshot, width);
+  }
+  if (effectiveFlow === 'simple') {
+    return buildSimpleStatsLines(snapshot, width);
+  }
+  return buildFireStatsLines(snapshot, width);
+}
+
+function buildOverviewProjectLines(snapshot, width, flow) {
+  const effectiveFlow = getEffectiveFlow(flow, snapshot);
+  if (effectiveFlow === 'aidlc') {
+    return buildAidlcOverviewProjectLines(snapshot, width);
+  }
+  if (effectiveFlow === 'simple') {
+    return buildSimpleOverviewProjectLines(snapshot, width);
+  }
+  return buildFireOverviewProjectLines(snapshot, width);
+}
+
+function buildOverviewIntentLines(snapshot, width, flow) {
+  const effectiveFlow = getEffectiveFlow(flow, snapshot);
+  if (effectiveFlow === 'aidlc') {
+    return buildAidlcOverviewIntentLines(snapshot, width);
+  }
+  if (effectiveFlow === 'simple') {
+    return buildSimpleOverviewIntentLines(snapshot, width);
+  }
+  return buildFireOverviewIntentLines(snapshot, width);
+}
+
+function buildOverviewStandardsLines(snapshot, width, flow) {
+  const effectiveFlow = getEffectiveFlow(flow, snapshot);
+  if (effectiveFlow === 'aidlc') {
+    return buildAidlcOverviewStandardsLines(snapshot, width);
+  }
+  if (effectiveFlow === 'simple') {
+    return buildSimpleOverviewStandardsLines(snapshot, width);
+  }
+  return buildFireOverviewStandardsLines(snapshot, width);
+}
+
+function getPanelTitles(flow, snapshot) {
+  const effectiveFlow = getEffectiveFlow(flow, snapshot);
+  if (effectiveFlow === 'aidlc') {
+    return {
+      current: 'Current Bolt',
+      files: 'Bolt Files',
+      pending: 'Queued Bolts',
+      completed: 'Recent Completed Bolts'
+    };
+  }
+  if (effectiveFlow === 'simple') {
+    return {
+      current: 'Current Spec',
+      files: 'Spec Files',
+      pending: 'Pending Specs',
+      completed: 'Recent Completed Specs'
+    };
+  }
+  return {
+    current: 'Current Run',
+    files: 'Run Files',
+    pending: 'Pending Queue',
+    completed: 'Recent Completed Runs'
+  };
+}
+
 function allocateSingleColumnPanels(candidates, rowsBudget) {
   const filtered = (candidates || []).filter(Boolean);
   if (filtered.length === 0) {
@@ -298,7 +829,8 @@ function createDashboardApp(deps) {
       width,
       maxLines,
       borderColor,
-      marginBottom
+      marginBottom,
+      dense
     } = props;
 
     const contentWidth = Math.max(18, width - 4);
@@ -308,9 +840,9 @@ function createDashboardApp(deps) {
       Box,
       {
         flexDirection: 'column',
-        borderStyle: 'round',
+        borderStyle: dense ? 'single' : 'round',
         borderColor: borderColor || 'gray',
-        paddingX: 1,
+        paddingX: dense ? 0 : 1,
         width,
         marginBottom: marginBottom || 0
       },
@@ -320,11 +852,11 @@ function createDashboardApp(deps) {
   }
 
   function TabsBar(props) {
-    const { view, width } = props;
+    const { view, width, icons } = props;
     const tabs = [
-      { id: 'runs', label: ' 1 RUNS ' },
-      { id: 'overview', label: ' 2 OVERVIEW ' },
-      { id: 'health', label: ' 3 HEALTH ' }
+      { id: 'runs', label: ` 1 ${icons.runs} RUNS ` },
+      { id: 'overview', label: ` 2 ${icons.overview} OVERVIEW ` },
+      { id: 'health', label: ` 3 ${icons.health} HEALTH ` }
     ];
 
     return React.createElement(
@@ -363,6 +895,7 @@ function createDashboardApp(deps) {
       columns: stdout?.columns || process.stdout.columns || 120,
       rows: stdout?.rows || process.stdout.rows || 40
     }));
+    const icons = resolveIconSet();
 
     const refresh = useCallback(async () => {
       const now = new Date().toISOString();
@@ -447,6 +980,16 @@ function createDashboardApp(deps) {
         return;
       }
 
+      if (key.rightArrow) {
+        setUi((previous) => ({ ...previous, view: cycleView(previous.view) }));
+        return;
+      }
+
+      if (key.leftArrow) {
+        setUi((previous) => ({ ...previous, view: cycleViewBackward(previous.view) }));
+        return;
+      }
+
       if (input === 'f') {
         setUi((previous) => ({ ...previous, runFilter: cycleRunFilter(previous.runFilter) }));
       }
@@ -530,10 +1073,12 @@ function createDashboardApp(deps) {
     const showHelpLine = ui.showHelp && rows >= 14;
     const showErrorPanel = Boolean(error) && rows >= 18;
     const showErrorInline = Boolean(error) && !showErrorPanel;
+    const densePanels = rows <= 28 || cols <= 120;
 
     const reservedRows = 2 + (showHelpLine ? 1 : 0) + (showErrorPanel ? 5 : 0) + (showErrorInline ? 1 : 0);
     const contentRowsBudget = Math.max(4, rows - reservedRows);
     const ultraCompact = rows <= 14;
+    const panelTitles = getPanelTitles(flow, snapshot);
 
     let panelCandidates;
     if (ui.view === 'overview') {
@@ -541,19 +1086,19 @@ function createDashboardApp(deps) {
         {
           key: 'project',
           title: 'Project + Workspace',
-          lines: buildOverviewProjectLines(snapshot, compactWidth),
+          lines: buildOverviewProjectLines(snapshot, compactWidth, flow),
           borderColor: 'green'
         },
         {
           key: 'intent-status',
           title: 'Intent Status',
-          lines: buildOverviewIntentLines(snapshot, compactWidth),
+          lines: buildOverviewIntentLines(snapshot, compactWidth, flow),
           borderColor: 'yellow'
         },
         {
           key: 'standards',
           title: 'Standards',
-          lines: buildOverviewStandardsLines(snapshot, compactWidth),
+          lines: buildOverviewStandardsLines(snapshot, compactWidth, flow),
           borderColor: 'blue'
         }
       ];
@@ -562,7 +1107,7 @@ function createDashboardApp(deps) {
         {
           key: 'stats',
           title: 'Stats',
-          lines: buildStatsLines(snapshot, compactWidth),
+          lines: buildStatsLines(snapshot, compactWidth, flow),
           borderColor: 'magenta'
         },
         {
@@ -584,21 +1129,27 @@ function createDashboardApp(deps) {
     } else {
       panelCandidates = [
         {
-          key: 'active-runs',
-          title: 'Active Runs',
-          lines: buildActiveRunLines(snapshot, ui.runFilter, compactWidth),
+          key: 'current-run',
+          title: panelTitles.current,
+          lines: buildCurrentRunLines(snapshot, compactWidth, flow),
           borderColor: 'green'
         },
+        {
+          key: 'run-files',
+          title: panelTitles.files,
+          lines: buildRunFilesLines(snapshot, compactWidth, icons, flow),
+          borderColor: 'yellow'
+        },
         {
           key: 'pending',
-          title: 'Pending Queue',
-          lines: buildPendingLines(snapshot, ui.runFilter, compactWidth),
+          title: panelTitles.pending,
+          lines: buildPendingLines(snapshot, ui.runFilter, compactWidth, flow),
           borderColor: 'yellow'
         },
         {
           key: 'completed',
-          title: 'Recent Completed Runs',
-          lines: buildCompletedLines(snapshot, ui.runFilter, compactWidth),
+          title: panelTitles.completed,
+          lines: buildCompletedLines(snapshot, ui.runFilter, compactWidth, flow),
           borderColor: 'blue'
         }
       ];
@@ -610,13 +1161,13 @@ function createDashboardApp(deps) {
 
     const panels = allocateSingleColumnPanels(panelCandidates, contentRowsBudget);
 
-    const helpText = 'q quit | r refresh | h/? help | tab next view | 1 runs | 2 overview | 3 health | f run filter';
+    const helpText = 'q quit | r refresh | h/? help | ←/→ or tab switch views | 1 runs | 2 overview | 3 health | f run filter';
 
     return React.createElement(
       Box,
       { flexDirection: 'column', width: fullWidth },
       React.createElement(Text, { color: 'cyan' }, buildHeaderLine(snapshot, flow, watchEnabled, watchStatus, lastRefreshAt, ui.view, ui.runFilter, fullWidth)),
-      React.createElement(TabsBar, { view: ui.view, width: fullWidth }),
+      React.createElement(TabsBar, { view: ui.view, width: fullWidth, icons }),
       showErrorInline
         ? React.createElement(Text, { color: 'red' }, truncate(buildErrorLines(error, fullWidth)[0] || 'Error', fullWidth))
         : null,
@@ -627,7 +1178,8 @@ function createDashboardApp(deps) {
           width: fullWidth,
           maxLines: 2,
           borderColor: 'red',
-          marginBottom: 1
+          marginBottom: densePanels ? 0 : 1,
+          dense: densePanels
         })
         : null,
       ...panels.map((panel, index) => React.createElement(SectionPanel, {
@@ -637,7 +1189,8 @@ function createDashboardApp(deps) {
         width: fullWidth,
         maxLines: panel.maxLines,
         borderColor: panel.borderColor,
-        marginBottom: index === panels.length - 1 ? 0 : 1
+        marginBottom: densePanels ? 0 : (index === panels.length - 1 ? 0 : 1),
+        dense: densePanels
       })),
       showHelpLine
         ? React.createElement(Text, { color: 'gray' }, truncate(helpText, fullWidth))