@damper/cli 0.6.10 → 0.6.12

package/dist/commands/cleanup.js

@@ -5,6 +5,7 @@ import pc from 'picocolors';
 import { getWorktrees, cleanupStaleWorktrees, removeWorktree } from '../services/state.js';
 import { createDamperApi } from '../services/damper-api.js';
 import { removeWorktreeDir } from '../services/worktree.js';
+import { shortId, shortIdRaw, formatTaskLine } from '../ui/format.js';
 async function hasUncommittedChanges(worktreePath) {
     try {
         const { stdout } = await execa('git', ['status', '--porcelain'], {
@@ -108,10 +109,7 @@ export async function cleanupCommand() {
     console.log(pc.bold('\nWorktrees available for cleanup:\n'));
     const choices = candidates.map(c => {
         const worktreeName = c.worktree.path.split('/').pop() || c.worktree.path;
-        let description = `#${c.worktree.taskId}`;
-        if (c.task) {
-            description += ` - ${c.task.title}`;
-        }
+        let description = c.task ? formatTaskLine(c.task) : shortId(c.worktree.taskId);
         let reasonBadge = '';
         switch (c.reason) {
             case 'completed':
@@ -177,7 +175,7 @@ export async function cleanupCommand() {
             if (candidate.reason === 'in_progress' && api) {
                 try {
                     await api.abandonTask(worktree.taskId, 'Dropped via CLI cleanup');
-                    console.log(pc.green(`✓ Released task #${worktree.taskId}`));
+                    console.log(pc.green(`✓ Released task #${shortIdRaw(worktree.taskId)}`));
                 }
                 catch (err) {
                     const error = err;

package/dist/commands/release.js

@@ -4,6 +4,7 @@ import { createDamperApi } from '../services/damper-api.js';
 import { getWorktrees, removeWorktree } from '../services/state.js';
 import { removeWorktreeDir, getGitRoot } from '../services/worktree.js';
 import { getApiKey } from '../services/config.js';
+import { shortId, shortIdRaw, getTypeIcon, getPriorityIcon, formatEffort } from '../ui/format.js';
 export async function releaseCommand() {
     // Get project root
     let projectRoot;
@@ -34,10 +35,14 @@ export async function releaseCommand() {
     const worktrees = getWorktrees();
     const choices = tasks.map(task => {
         const worktree = worktrees.find(w => w.taskId === task.id);
+        const priorityIcon = getPriorityIcon(task.priority);
+        const typeIcon = getTypeIcon(task.type);
+        const id = shortId(task.id);
+        const effort = formatEffort(task.effort);
         const lockedInfo = task.lockedBy ? pc.dim(` (locked by ${task.lockedBy})`) : '';
         const worktreeInfo = worktree ? pc.dim(` [has worktree]`) : '';
         return {
-            name: `#${task.id} ${task.title}${lockedInfo}${worktreeInfo}`,
+            name: `${priorityIcon}${typeIcon} ${id}  ${task.title}${effort ? `  ${effort}` : ''}${lockedInfo}${worktreeInfo}`,
             value: { task, worktree },
         };
     });
@@ -49,7 +54,7 @@ export async function releaseCommand() {
     // Confirm
     console.log();
     console.log(pc.yellow(`This will:`));
-    console.log(pc.dim(`  • Release the lock on task #${task.id}`));
+    console.log(pc.dim(`  • Release the lock on task #${shortIdRaw(task.id)}`));
     console.log(pc.dim(`  • Set task status back to "planned"`));
     if (worktree) {
         console.log(pc.dim(`  • Optionally remove the worktree`));
@@ -66,7 +71,7 @@ export async function releaseCommand() {
     // Abandon the task in Damper
     try {
         await api.abandonTask(task.id, 'Released via CLI');
-        console.log(pc.green(`\n✓ Task #${task.id} released to planned status`));
+        console.log(pc.green(`\n✓ Task #${shortIdRaw(task.id)} released to planned status`));
     }
     catch (err) {
         const error = err;

package/dist/commands/start.js

@@ -7,6 +7,7 @@ import { pickTask } from '../ui/task-picker.js';
 import { launchClaude, postTaskFlow, isClaudeInstalled, isDamperMcpConfigured, configureDamperMcp } from '../services/claude.js';
 import { getWorktreesForProject, cleanupStaleWorktrees } from '../services/state.js';
 import { getApiKey, isProjectConfigured, getProjectConfigPath } from '../services/config.js';
+import { shortIdRaw } from '../ui/format.js';
 export async function startCommand(options) {
     // Check Claude CLI first
     const claudeInstalled = await isClaudeInstalled();
@@ -68,10 +69,10 @@ export async function startCommand(options) {
         if (existingWorktree && fs.existsSync(existingWorktree.path)) {
             isResume = true;
             worktreePath = existingWorktree.path;
-            console.log(pc.cyan(`\nResuming task #${taskId}: ${taskTitle}`));
+            console.log(pc.cyan(`\nResuming task #${shortIdRaw(taskId)}: ${taskTitle}`));
         }
         else {
-            console.log(pc.cyan(`\nStarting task #${taskId}: ${taskTitle}`));
+            console.log(pc.cyan(`\nStarting task #${shortIdRaw(taskId)}: ${taskTitle}`));
         }
     }
     else {
@@ -95,7 +96,7 @@ export async function startCommand(options) {
     }
     if (isResume && worktreePath) {
         // Resume existing worktree
-        console.log(pc.green(`\n✓ Resuming: #${taskId} ${taskTitle}`));
+        console.log(pc.green(`\n✓ Resuming: #${shortIdRaw(taskId)} ${taskTitle}`));
         console.log(pc.dim(`  Worktree: ${worktreePath}`));
         // Refresh context with latest from Damper
         console.log(pc.dim('\nRefreshing context from Damper...'));

package/dist/commands/status.js

@@ -3,6 +3,7 @@ import pc from 'picocolors';
 import { getWorktrees, cleanupStaleWorktrees } from '../services/state.js';
 import { createDamperApi } from '../services/damper-api.js';
 import { getGitRoot } from '../services/worktree.js';
+import { shortId, getTypeIcon, getPriorityIcon, formatEffort, formatSubtaskProgress, relativeTime, statusColor as getStatusColor, } from '../ui/format.js';
 export async function statusCommand() {
     // Clean up stale entries first
     const stale = cleanupStaleWorktrees();
@@ -49,24 +50,43 @@ export async function statusCommand() {
         console.log();
         for (const wt of projectWorktrees) {
             const exists = fs.existsSync(wt.path);
-            const worktreeName = wt.path.split('/').pop() || wt.path;
-            // Try to get task status
-            let taskStatus = '';
+            const statusIcon = exists ? pc.green('●') : pc.red('○');
+            // Try to get task details from Damper
             if (api) {
                 try {
                     const task = await api.getTask(wt.taskId);
-                    const statusColor = task.status === 'done' ? pc.green : task.status === 'in_progress' ? pc.yellow : pc.dim;
-                    taskStatus = statusColor(`[${task.status}]`);
+                    const priorityIcon = getPriorityIcon(task.priority);
+                    const typeIcon = getTypeIcon(task.type);
+                    const colorFn = getStatusColor(task.status);
+                    const statusBadge = colorFn(`[${task.status}]`);
+                    const effort = formatEffort(task.effort);
+                    const progress = formatSubtaskProgress(task.subtaskProgress);
+                    const time = relativeTime(wt.createdAt);
+                    console.log(`  ${statusIcon} ${priorityIcon}${typeIcon} ${shortId(task.id)}  ${task.title} ${statusBadge}${effort ? `  ${effort}` : ''}`);
+                    const metaParts = [wt.branch];
+                    if (time)
+                        metaParts.push(time);
+                    if (progress)
+                        metaParts.push(progress);
+                    console.log(`    ${metaParts.join(` ${pc.dim('\u00B7')} `)}`);
                 }
                 catch {
-                    taskStatus = pc.dim('[unknown]');
+                    console.log(`  ${statusIcon} ${shortId(wt.taskId)} ${pc.dim('[unknown]')}`);
+                    const time = relativeTime(wt.createdAt);
+                    const metaParts = [wt.branch];
+                    if (time)
+                        metaParts.push(time);
+                    console.log(`    ${metaParts.join(` ${pc.dim('\u00B7')} `)}`);
                 }
             }
-            const statusIcon = exists ? pc.green('●') : pc.red('○');
-            console.log(`  ${statusIcon} ${pc.cyan(`#${wt.taskId}`)} ${taskStatus}`);
-            console.log(`    ${pc.dim('Path:')} ${worktreeName}`);
-            console.log(`    ${pc.dim('Branch:')} ${wt.branch}`);
-            console.log(`    ${pc.dim('Created:')} ${new Date(wt.createdAt).toLocaleDateString()}`);
+            else {
+                console.log(`  ${statusIcon} ${shortId(wt.taskId)}`);
+                const time = relativeTime(wt.createdAt);
+                const metaParts = [wt.branch];
+                if (time)
+                    metaParts.push(time);
+                console.log(`    ${metaParts.join(` ${pc.dim('\u00B7')} `)}`);
+            }
             console.log();
         }
     }

package/dist/services/claude.js

@@ -4,6 +4,7 @@ import * as os from 'node:os';
 import { spawn } from 'node:child_process';
 import { execa } from 'execa';
 import pc from 'picocolors';
+import { shortIdRaw } from '../ui/format.js';
 const CLAUDE_SETTINGS_DIR = path.join(os.homedir(), '.claude');
 const CLAUDE_SETTINGS_FILE = path.join(CLAUDE_SETTINGS_DIR, 'settings.json');
 /**
@@ -85,7 +86,7 @@ export function configureDamperMcp() {
  */
 export async function launchClaude(options) {
     const { cwd, taskId, taskTitle, apiKey, yolo } = options;
-    console.log(pc.green(`\nStarting Claude Code for task #${taskId}: ${taskTitle}`));
+    console.log(pc.green(`\nStarting Claude Code for task #${shortIdRaw(taskId)}: ${taskTitle}`));
     console.log(pc.dim(`Directory: ${cwd}`));
     console.log();
     // Show workflow explanation

package/dist/ui/format.d.ts

@@ -0,0 +1,30 @@
+import type { Task } from '../services/damper-api.js';
+/** Colored short ID: dim `#` + cyan first 8 chars */
+export declare function shortId(id: string): string;
+/** Plain 8-char slice (for use inside other color wrappers) */
+export declare function shortIdRaw(id: string): string;
+/** Type emoji icon */
+export declare function getTypeIcon(type: string): string;
+/** Priority prefix: red/yellow circle + space, or empty */
+export declare function getPriorityIcon(priority: string): string;
+/** Dim effort badge like `▪ L`, or empty string */
+export declare function formatEffort(effort: string | null | undefined): string;
+/** Dim feedback count like `💬 3`, or empty string */
+export declare function formatFeedback(count: number | null | undefined): string;
+/** Dim labels joined with ` · `, or empty string */
+export declare function formatLabels(labels: string[] | null | undefined): string;
+/** 10-char progress bar: green filled, dim empty, with count */
+export declare function formatSubtaskProgress(progress: {
+    done: number;
+    total: number;
+} | null | undefined): string;
+/** Relative time string from date, no dependencies */
+export declare function relativeTime(date: string | Date | null | undefined): string;
+/** Returns a picocolors function for the given status */
+export declare function statusColor(status: string): (s: string) => string;
+/** Box-drawing section header: `┌─ Label ───────────────┐` */
+export declare function sectionHeader(label: string, width?: number): string;
+/** Compact one-liner: `🔴 ✨ #a1b2c3d4  Title  ▪ L` */
+export declare function formatTaskLine(task: Task): string;
+/** Dim metadata second line with segments joined by ` · ` */
+export declare function formatTaskMeta(task: Task): string;

package/dist/ui/format.js

@@ -0,0 +1,139 @@
+import pc from 'picocolors';
+/** Colored short ID: dim `#` + cyan first 8 chars */
+export function shortId(id) {
+    return `${pc.dim('#')}${pc.cyan(id.slice(0, 8))}`;
+}
+/** Plain 8-char slice (for use inside other color wrappers) */
+export function shortIdRaw(id) {
+    return id.slice(0, 8);
+}
+/** Type emoji icon */
+export function getTypeIcon(type) {
+    switch (type) {
+        case 'bug': return '\u{1F41B}';
+        case 'feature': return '\u{2728}';
+        case 'improvement': return '\u{1F4A1}';
+        default: return '\u{1F4CC}';
+    }
+}
+/** Priority prefix: red/yellow circle + space, or empty */
+export function getPriorityIcon(priority) {
+    switch (priority) {
+        case 'high': return '\u{1F534} ';
+        case 'medium': return '\u{1F7E1} ';
+        default: return '';
+    }
+}
+/** Dim effort badge like `▪ L`, or empty string */
+export function formatEffort(effort) {
+    if (!effort)
+        return '';
+    return pc.dim(`\u25AA ${effort.toUpperCase()}`);
+}
+/** Dim feedback count like `💬 3`, or empty string */
+export function formatFeedback(count) {
+    if (!count)
+        return '';
+    return pc.dim(`\u{1F4AC} ${count}`);
+}
+/** Dim labels joined with ` · `, or empty string */
+export function formatLabels(labels) {
+    if (!labels || labels.length === 0)
+        return '';
+    return pc.dim(labels.join(' \u00B7 '));
+}
+/** 10-char progress bar: green filled, dim empty, with count */
+export function formatSubtaskProgress(progress) {
+    if (!progress || progress.total === 0)
+        return '';
+    const { done, total } = progress;
+    const width = 10;
+    const filled = Math.round((done / total) * width);
+    const empty = width - filled;
+    const bar = pc.green('\u2501'.repeat(filled)) + pc.dim('\u2591'.repeat(empty));
+    return `${bar} ${done}/${total}`;
+}
+/** Relative time string from date, no dependencies */
+export function relativeTime(date) {
+    if (!date)
+        return '';
+    const now = Date.now();
+    const then = date instanceof Date ? date.getTime() : new Date(date).getTime();
+    if (isNaN(then))
+        return '';
+    const diffMs = now - then;
+    if (diffMs < 0)
+        return 'just now';
+    const seconds = Math.floor(diffMs / 1000);
+    if (seconds < 60)
+        return 'just now';
+    const minutes = Math.floor(seconds / 60);
+    if (minutes < 60)
+        return `${minutes}m ago`;
+    const hours = Math.floor(minutes / 60);
+    if (hours < 24)
+        return `${hours}h ago`;
+    const days = Math.floor(hours / 24);
+    if (days < 14)
+        return `${days}d ago`;
+    const weeks = Math.floor(days / 7);
+    if (weeks < 8)
+        return `${weeks}w ago`;
+    const months = Math.floor(days / 30);
+    if (months < 12)
+        return `${months}mo ago`;
+    const years = Math.floor(days / 365);
+    return `${years}y ago`;
+}
+/** Returns a picocolors function for the given status */
+export function statusColor(status) {
+    switch (status) {
+        case 'done': return pc.green;
+        case 'in_progress': return pc.yellow;
+        default: return pc.dim;
+    }
+}
+/** Box-drawing section header: `┌─ Label ───────────────┐` */
+export function sectionHeader(label, width = 40) {
+    const inner = `\u2500 ${label} `;
+    const remaining = Math.max(0, width - inner.length - 2); // 2 for ┌ and ┐
+    return `\u250C${inner}${'\u2500'.repeat(remaining)}\u2510`;
+}
+/** Compact one-liner: `🔴 ✨ #a1b2c3d4  Title  ▪ L` */
+export function formatTaskLine(task) {
+    const priority = getPriorityIcon(task.priority);
+    const icon = getTypeIcon(task.type);
+    const id = shortId(task.id);
+    const effort = formatEffort(task.effort);
+    const parts = [
+        `${priority}${icon} ${id}  ${task.title}`,
+    ];
+    if (effort)
+        parts.push(effort);
+    return parts.join('  ');
+}
+/** Dim metadata second line with segments joined by ` · ` */
+export function formatTaskMeta(task) {
+    const segments = [];
+    if (task.quarter) {
+        segments.push(pc.dim(task.quarter));
+    }
+    if (task.hasImplementationPlan) {
+        segments.push(pc.dim('has plan'));
+    }
+    const progress = formatSubtaskProgress(task.subtaskProgress);
+    if (progress) {
+        segments.push(progress);
+    }
+    const feedback = formatFeedback(task.feedbackCount);
+    if (feedback) {
+        segments.push(feedback);
+    }
+    const labels = formatLabels(task.labels);
+    if (labels) {
+        segments.push(labels);
+    }
+    if (segments.length === 0)
+        return '';
+    return segments.join(` ${pc.dim('\u00B7')} `);
+}

package/dist/ui/task-picker.js

@@ -1,52 +1,35 @@
 import { select, confirm, input, Separator } from '@inquirer/prompts';
 import pc from 'picocolors';
-function getTypeIcon(type) {
-    switch (type) {
-        case 'bug': return pc.red('bug');
-        case 'feature': return pc.green('feature');
-        case 'improvement': return pc.blue('improvement');
-        default: return pc.gray('task');
-    }
-}
-function getPriorityIcon(priority) {
-    switch (priority) {
-        case 'high': return pc.red('!');
-        case 'medium': return pc.yellow('~');
-        default: return pc.dim('-');
-    }
-}
+import { shortId, shortIdRaw, getTypeIcon, getPriorityIcon, formatEffort, formatTaskMeta, sectionHeader, relativeTime, } from './format.js';
 function formatTaskChoice(choice) {
     const { task } = choice;
-    const typeIcon = getTypeIcon(task.type);
     const priorityIcon = getPriorityIcon(task.priority);
+    const typeIcon = getTypeIcon(task.type);
+    const id = shortId(task.id);
+    const effort = formatEffort(task.effort);
+    const firstLine = `${priorityIcon}${typeIcon} ${id}  ${task.title}${effort ? `  ${effort}` : ''}`;
     if (choice.type === 'in_progress') {
         const worktreeName = choice.worktree.path.split('/').pop() || choice.worktree.path;
-        let description = `${pc.dim('#')}${pc.cyan(task.id)} ${task.title} ${pc.dim(`[${typeIcon}]`)} ${priorityIcon}`;
-        description += `\n    ${pc.dim(`Worktree: ${worktreeName}`)}`;
+        const time = relativeTime(choice.worktree.createdAt);
+        const metaParts = [worktreeName];
+        if (time)
+            metaParts.push(time);
+        let description = `${firstLine}\n      ${pc.dim(metaParts.join(' \u00B7 '))}`;
         if (choice.lastNote) {
-            // Truncate long notes
             const note = choice.lastNote.length > 60 ? choice.lastNote.slice(0, 60) + '...' : choice.lastNote;
-            description += `\n    ${pc.dim(`Last: "${note}"`)}`;
+            description += `\n      ${pc.dim(`Last: "${note}"`)}`;
         }
         return description;
     }
     if (choice.type === 'locked') {
-        let description = `${pc.dim('#')}${pc.cyan(task.id)} ${task.title} ${pc.dim(`[${typeIcon}]`)} ${priorityIcon}`;
-        description += pc.yellow(` [locked by ${choice.lockedBy}]`);
-        return description;
+        return `${firstLine}\n      ${pc.yellow(`locked by ${choice.lockedBy}`)}`;
     }
     // Available task
-    let description = `${pc.dim('#')}${pc.cyan(task.id)} ${task.title} ${pc.dim(`[${typeIcon}]`)} ${priorityIcon}`;
-    if (task.quarter) {
-        description += ` ${pc.dim(task.quarter)}`;
-    }
-    if (task.hasImplementationPlan) {
-        description += pc.dim(' [plan]');
-    }
-    if (task.subtaskProgress) {
-        description += pc.dim(` [${task.subtaskProgress.done}/${task.subtaskProgress.total}]`);
+    const meta = formatTaskMeta(task);
+    if (meta) {
+        return `${firstLine}\n      ${meta}`;
     }
-    return description;
+    return firstLine;
 }
 export async function pickTask(options) {
     const { api, worktrees, typeFilter, statusFilter } = options;
@@ -97,7 +80,7 @@ export async function pickTask(options) {
     }
     const choices = [];
     if (inProgressChoices.length > 0) {
-        choices.push(new Separator(pc.bold('\n--- In Progress (your worktrees) ---')));
+        choices.push(new Separator(`\n${sectionHeader(`In Progress (${inProgressChoices.length})`)}`));
         for (const choice of inProgressChoices) {
             choices.push({
                 name: formatTaskChoice(choice),
@@ -106,7 +89,7 @@ export async function pickTask(options) {
         }
     }
     if (availableChoices.length > 0) {
-        choices.push(new Separator(pc.bold('\n--- Available Tasks ---')));
+        choices.push(new Separator(`\n${sectionHeader(`Available (${availableChoices.length})`)}`));
         for (const choice of availableChoices) {
             choices.push({
                 name: formatTaskChoice(choice),
@@ -115,7 +98,7 @@ export async function pickTask(options) {
         }
     }
     if (lockedChoices.length > 0) {
-        choices.push(new Separator(pc.bold('\n--- Locked Tasks (can take over) ---')));
+        choices.push(new Separator(`\n${sectionHeader(`Locked (${lockedChoices.length})`)}`));
         for (const choice of lockedChoices) {
             choices.push({
                 name: formatTaskChoice(choice),
@@ -139,7 +122,7 @@ export async function pickTask(options) {
     const selected = await select({
         message: 'Select a task to work on:',
         choices: choices,
-        pageSize: 15,
+        pageSize: 20,
     });
     if (selected.type === 'create_new') {
         return handleCreateNewTask(api);
@@ -190,7 +173,7 @@ async function handleCreateNewTask(api) {
     });
     console.log(pc.dim('\nCreating task in Damper...'));
     const task = await api.createTask(title.trim(), type);
-    console.log(pc.green(`✓ Created task #${task.id}: ${task.title}`));
+    console.log(pc.green(`✓ Created task #${shortIdRaw(task.id)}: ${task.title}`));
     return {
         task,
         isResume: false,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@damper/cli",
-  "version": "0.6.10",
+  "version": "0.6.12",
   "description": "CLI tool for orchestrating Damper task workflows with Claude Code",
   "author": "Damper <hello@usedamper.com>",
   "repository": {