@task-mcp/cli 1.0.8 → 1.0.9

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@task-mcp/cli",
-  "version": "1.0.8",
+  "version": "1.0.9",
   "description": "Zero-dependency CLI for task-mcp with Bun native visualization",
   "type": "module",
   "bin": {

package/src/ansi.ts

@@ -378,6 +378,50 @@ export const icons = {
   info: c.cyan("ℹ"),
 };
 
+/**
+ * Place multiple boxes side by side
+ * Each box is a multi-line string
+ */
+export function sideBySide(boxes: string[], gap: number = 2): string {
+  // Split each box into lines
+  const boxLines = boxes.map(b => b.split("\n"));
+
+  // Find max height
+  const maxHeight = Math.max(...boxLines.map(lines => lines.length));
+
+  // Find width of each box (using first line as reference)
+  const boxWidths = boxLines.map(lines => {
+    return Math.max(...lines.map(l => displayWidth(l)));
+  });
+
+  // Pad each box to max height
+  const paddedBoxLines = boxLines.map((lines, i) => {
+    const width = boxWidths[i];
+    while (lines.length < maxHeight) {
+      lines.push(" ".repeat(width));
+    }
+    // Ensure each line is padded to box width
+    return lines.map(line => {
+      const lineWidth = displayWidth(line);
+      if (lineWidth < width) {
+        return line + " ".repeat(width - lineWidth);
+      }
+      return line;
+    });
+  });
+
+  // Combine lines horizontally
+  const result: string[] = [];
+  const gapStr = " ".repeat(gap);
+
+  for (let i = 0; i < maxHeight; i++) {
+    const lineParts = paddedBoxLines.map(lines => lines[i] ?? "");
+    result.push(lineParts.join(gapStr));
+  }
+
+  return result.join("\n");
+}
+
 /**
  * ASCII art text (simple implementation)
  */

package/src/commands/dashboard.ts

@@ -14,6 +14,7 @@ import {
   pad,
   truncate,
   stripAnsi,
+  sideBySide,
   type TableColumn,
 } from "../ansi.js";
 import {
@@ -428,19 +429,16 @@ export async function dashboard(projectId?: string): Promise<void> {
   const analysisWidget = renderAnalysisWidget(tasks);
   const inboxWidget = await renderInboxWidget();
 
-  // Print widgets (2 column layout simulation)
-  console.log(overview);
+  // Print widgets in 3-column grid layout
+  // Row 1: Overview | Schedule | Inbox
+  console.log(sideBySide([overview, timeWidget, inboxWidget]));
   console.log();
-  console.log(timeWidget);
-  console.log();
-  console.log(inboxWidget);
-  console.log();
-  console.log(depWidget);
-  console.log();
-  console.log(criticalPathWidget);
-  console.log();
-  console.log(analysisWidget);
+
+  // Row 2: Work Queue | Critical Path | Analysis
+  console.log(sideBySide([depWidget, criticalPathWidget, analysisWidget]));
   console.log();
+
+  // Row 3: Hierarchy (full width or single)
   console.log(hierarchyWidget);
   console.log();