@task-mcp/cli 1.0.10 → 1.0.11

package/package.json

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

package/src/ansi.ts

@@ -136,7 +136,7 @@ export function box(content: string, options: {
   const { padding = 1, borderColor = "cyan", title, rounded = true } = options;
 
   const lines = content.split("\n");
-  const maxLen = Math.max(...lines.map(l => stripAnsi(l).length), title ? title.length + 2 : 0);
+  const maxLen = Math.max(...lines.map(l => displayWidth(stripAnsi(l))), title ? title.length + 2 : 0);
   const innerWidth = maxLen + padding * 2;
 
   const tl = rounded ? BOX.rTopLeft : BOX.topLeft;
@@ -166,8 +166,8 @@ export function box(content: string, options: {
 
   // Content lines
   const contentLines = lines.map(line => {
-    const stripped = stripAnsi(line);
-    const padRight = innerWidth - stripped.length - padding;
+    const lineWidth = displayWidth(stripAnsi(line));
+    const padRight = innerWidth - lineWidth - padding;
     return applyBorder(v) + " ".repeat(padding) + line + " ".repeat(Math.max(0, padRight)) + applyBorder(v);
   });
 

package/src/commands/dashboard.ts

@@ -113,55 +113,89 @@ function renderStatusWidget(tasks: Task[], projects: Project[]): string {
 
 async function renderActionsWidget(tasks: Task[]): Promise<string> {
   const nextTask = suggestNextTask(tasks);
-  const pendingItems = await listInboxItems("pending");
 
   const lines: string[] = [];
 
-  // Next tasks (top 2 suggestions)
+  // Next tasks (top 3 suggestions)
   const readyTasks = tasks
     .filter(t => t.status === "pending" && (!t.dependencies || t.dependencies.length === 0))
     .sort((a, b) => {
       const priorityOrder = { critical: 0, high: 1, medium: 2, low: 3 };
       return (priorityOrder[a.priority] ?? 2) - (priorityOrder[b.priority] ?? 2);
     })
-    .slice(0, 3);
+    .slice(0, 4);
 
   if (readyTasks.length > 0) {
     for (const task of readyTasks) {
       const deps = task.dependencies?.length ?? 0;
       const depsInfo = deps > 0 ? `${deps} deps` : c.green("ready");
-      lines.push(`${c.cyan("→")} ${truncate(task.title, 22)}`);
+      lines.push(`${c.cyan("→")} ${truncate(task.title, 24)}`);
       lines.push(`  ${formatPriority(task.priority)}, ${depsInfo}`);
     }
   } else if (nextTask) {
     const deps = nextTask.dependencies?.length ?? 0;
     const depsInfo = deps > 0 ? `${deps} deps` : c.green("ready");
-    lines.push(`${c.cyan("→")} ${truncate(nextTask.title, 22)}`);
+    lines.push(`${c.cyan("→")} ${truncate(nextTask.title, 24)}`);
     lines.push(`  ${formatPriority(nextTask.priority)}, ${depsInfo}`);
   } else {
     lines.push(c.dim("No tasks ready"));
   }
 
-  // Inbox summary
+  return box(lines.join("\n"), {
+    title: "Next Actions",
+    borderColor: "green",
+    padding: 1,
+  });
+}
+
+// =============================================================================
+// Widget: Inbox
+// =============================================================================
+
+async function renderInboxWidget(): Promise<string | null> {
+  const pendingItems = await listInboxItems("pending");
+
+  if (pendingItems.length === 0) {
+    return null; // Don't show if empty
+  }
+
+  const lines: string[] = [];
+  lines.push(`${c.yellow("Pending")}: ${pendingItems.length} items`);
   lines.push("");
-  if (pendingItems.length > 0) {
-    lines.push(`${c.yellow("Inbox")}: ${pendingItems.length} items`);
-    // Show first item preview
-    const first = pendingItems[0];
-    if (first) {
-      lines.push(`  ${c.dim(truncate(first.content, 20))}`);
-    }
-  } else {
-    lines.push(c.dim("Inbox empty"));
+
+  // Show up to 3 items
+  for (const item of pendingItems.slice(0, 3)) {
+    const date = new Date(item.capturedAt);
+    const ago = getTimeAgo(date);
+    const tags = item.tags?.length ? c.dim(` #${item.tags[0]}`) : "";
+    lines.push(`${c.yellow("○")} ${truncate(item.content, 40)}${tags}`);
+    lines.push(`  ${c.dim(ago)}`);
+  }
+
+  if (pendingItems.length > 3) {
+    lines.push(c.gray(`+${pendingItems.length - 3} more`));
   }
 
   return box(lines.join("\n"), {
-    title: "Next Actions",
-    borderColor: "green",
+    title: "Inbox",
+    borderColor: "yellow",
     padding: 1,
   });
 }
 
+function getTimeAgo(date: Date): string {
+  const now = new Date();
+  const diffMs = now.getTime() - date.getTime();
+  const diffMins = Math.floor(diffMs / 60000);
+  const diffHours = Math.floor(diffMins / 60);
+  const diffDays = Math.floor(diffHours / 24);
+
+  if (diffMins < 60) return `${diffMins}m ago`;
+  if (diffHours < 24) return `${diffHours}h ago`;
+  if (diffDays < 7) return `${diffDays}d ago`;
+  return date.toLocaleDateString();
+}
+
 // =============================================================================
 // Projects Table
 // =============================================================================
@@ -265,6 +299,13 @@ export async function dashboard(projectId?: string): Promise<void> {
   console.log(sideBySide([statusWidget, actionsWidget], 2));
   console.log();
 
+  // Inbox widget (if there are pending items)
+  const inboxWidget = await renderInboxWidget();
+  if (inboxWidget) {
+    console.log(inboxWidget);
+    console.log();
+  }
+
   // Projects table (only if showing all projects)
   if (!project && projects.length > 1) {
     console.log(c.bold("Projects"));