bdtui 0.7.2 → 0.8.1

package/src/views/modals.js

@@ -1,255 +1,269 @@
-import blessed from 'blessed';
-
-function listPicker(screen, label, items, borderColor = 'cyan', width = 36, left = 'center') {
-  return new Promise((resolve, reject) => {
-    const height = Math.min(items.length + 4, 20);
-    const picker = blessed.list({
-      parent: screen,
-      label: ` ${label} `,
-      border: { type: 'line' },
-      top: 'center',
-      left,
-      width,
-      height,
-      items,
-      keys: true,
-      vi: true,
-      tags: true,
-      style: {
-        selected: { bg: 'blue', fg: 'white', bold: true },
-        border: { fg: borderColor },
-        label: { fg: borderColor, bold: true },
-      },
-    });
-
-    picker.focus();
-    screen.render();
-
-    picker.once('select', (item) => {
-      picker.destroy();
-      screen.render();
-      resolve(item.content.trim());
-    });
-
-    picker.key(['escape', 'q', 'h'], () => {
-      picker.destroy();
-      screen.render();
-      reject(new Error('cancelled'));
-    });
-  });
-}
-
-export function statusPicker(screen) {
-  return listPicker(
-    screen,
-    'Change Status',
-    ['open', 'in_progress', 'blocked', 'deferred', 'closed'],
-    'cyan',
-  );
-}
-
-export function priorityPicker(screen) {
-  return listPicker(
-    screen,
-    'Change Priority',
-    ['0 — Critical', '1 — High', '2 — Normal', '3 — Low', '4 — Trivial'],
-    'yellow',
-  ).then((val) => parseInt(val[0], 10));
-}
-
-export function textPrompt(screen, label, defaultVal = '') {
-  return new Promise((resolve, reject) => {
-    const prompt = blessed.prompt({
-      parent: screen,
-      border: 'line',
-      height: 'shrink',
-      width: '60%',
-      top: 'center',
-      left: 'center',
-      label: ` ${label} `,
-      tags: true,
-      keys: true,
-      vi: true,
-      style: {
-        border: { fg: 'green' },
-        label: { fg: 'green', bold: true },
-      },
-    });
-
-    prompt.input(`${label}:`, defaultVal, (err, value) => {
-      prompt.destroy();
-      screen.render();
-      if (err || value == null) return reject(new Error('cancelled'));
-      resolve(value.trim());
-    });
-
-    screen.render();
-  });
-}
-
-const CLEAR_FILTER_TAG = '__clear__';
-
-export function epicPicker(screen, epics, currentEpicId = null) {
-  return new Promise((resolve, reject) => {
-    // Newest epics on top: sort by created_at descending (ISO-8601 UTC strings
-    // sort lexicographically in chronological order). Fall back to id for ties
-    // or missing timestamps.
-    const sorted = [...epics].sort((a, b) => {
-      const ta = a.created_at || '';
-      const tb = b.created_at || '';
-      if (ta !== tb) return tb.localeCompare(ta);
-      return b.id.localeCompare(a.id);
-    });
-    const rows = [];
-    const ids = [];
-
-    if (currentEpicId) {
-      rows.push('{yellow-fg}✗ Clear epic filter{/}');
-      ids.push(CLEAR_FILTER_TAG);
-    }
-
-    for (const e of sorted) {
-      const marker = e.id === currentEpicId ? '{cyan-fg}●{/} ' : '  ';
-      const id = e.id.padEnd(12);
-      const title = (e.title || '').slice(0, 60);
-      rows.push(`${marker}{gray-fg}${id}{/} ${title}`);
-      ids.push(e.id);
-    }
-
-    if (rows.length === 0) {
-      rows.push('{gray-fg}(no epics found){/}');
-      ids.push(null);
-    }
-
-    const width = 72;
-    const height = Math.min(rows.length + 4, Math.max(8, screen.height - 4));
-
-    const picker = blessed.list({
-      parent: screen,
-      label: ' Filter by Epic ',
-      border: { type: 'line' },
-      top: 'center',
-      left: 'center',
-      width,
-      height,
-      items: rows,
-      keys: true,
-      vi: true,
-      tags: true,
-      scrollbar: { ch: ' ', track: { bg: 'black' }, style: { bg: 'magenta' } },
-      style: {
-        selected: { bg: 'blue', fg: 'white', bold: true },
-        border: { fg: 'magenta' },
-        label: { fg: 'magenta', bold: true },
-      },
-    });
-
-    // Select current epic by default if set
-    if (currentEpicId) {
-      const idx = ids.indexOf(currentEpicId);
-      if (idx >= 0) picker.select(idx);
-    }
-
-    picker.focus();
-    screen.render();
-
-    picker.once('select', (_item, index) => {
-      const picked = ids[index];
-      picker.destroy();
-      screen.render();
-      if (picked === null) return reject(new Error('cancelled'));
-      resolve(picked === CLEAR_FILTER_TAG ? null : picked);
-    });
-
-    picker.key(['escape', 'q'], () => {
-      picker.destroy();
-      screen.render();
-      reject(new Error('cancelled'));
-    });
-
-    picker.key(['x'], () => {
-      picker.destroy();
-      screen.render();
-      resolve(null);
-    });
-  });
-}
-
-export function skillPicker(screen, beadId, issueType) {
-  // Epics get the epic-level executor (runs every ready child sequentially on a
-  // single branch); tasks/chores/bugs get the per-bead executors.
-  const items = issueType === 'epic'
-    ? [
-        `/executor-epic-sequential ${beadId}`,
-        `/executor-epic-sequential-worktree ${beadId}`,
-      ]
-    : [
-        `/executor-task ${beadId}`,
-        `/executor-task-worktree ${beadId}`,
-        `/executor-epic-task ${beadId}`,
-        `/executor-epic-task-worktree ${beadId}`,
-        `/executor-rework-in-place ${beadId}`,
-      ];
-  return listPicker(screen, 'Copy workflow command', items, 'magenta', 56, 1);
-}
-
-export function parentPicker(screen, epics, { selfId, currentParentIds = [] } = {}) {
-  return new Promise((resolve, reject) => {
-    const exclude = new Set([selfId, ...currentParentIds]);
-    const sorted = [...epics]
-      .filter((e) => !exclude.has(e.id))
-      .sort((a, b) => {
-        const ta = a.updated_at || '', tb = b.updated_at || '';
-        if (ta !== tb) return tb.localeCompare(ta);
-        return b.id.localeCompare(a.id);
-      });
-
-    const rows = ['{yellow-fg}Standalone bead{/}'];
-    const ids = [null];
-
-    for (const e of sorted) {
-      const id = e.id.padEnd(12);
-      const title = (e.title || '').slice(0, 60);
-      rows.push(`{gray-fg}${id}{/} ${title}`);
-      ids.push(e.id);
-    }
-
-    const width = 72;
-    const height = Math.min(rows.length + 4, Math.max(8, screen.height - 4));
-
-    const picker = blessed.list({
-      parent: screen,
-      label: ' Change Parent ',
-      border: { type: 'line' },
-      top: 'center',
-      left: 'center',
-      width,
-      height,
-      items: rows,
-      keys: true,
-      vi: true,
-      tags: true,
-      scrollbar: { ch: ' ', track: { bg: 'black' }, style: { bg: 'magenta' } },
-      style: {
-        selected: { bg: 'blue', fg: 'white', bold: true },
-        border: { fg: 'magenta' },
-        label: { fg: 'magenta', bold: true },
-      },
-    });
-
-    picker.focus();
-    screen.render();
-
-    picker.once('select', (_item, index) => {
-      picker.destroy();
-      screen.render();
-      resolve(ids[index]);
-    });
-
-    picker.key(['escape', 'q'], () => {
-      picker.destroy();
-      screen.render();
-      reject(new Error('cancelled'));
-    });
-  });
-}
+import blessed from 'blessed';
+
+// `headers` holds indexes of non-selectable section-title rows: Enter on one is
+// ignored, and the cursor starts on the first real item.
+function listPicker(screen, label, items, borderColor = 'cyan', width = 36, left = 'center', headers = new Set()) {
+  return new Promise((resolve, reject) => {
+    const height = Math.min(items.length + 4, 20);
+    const picker = blessed.list({
+      parent: screen,
+      label: ` ${label} `,
+      border: { type: 'line' },
+      top: 'center',
+      left,
+      width,
+      height,
+      items,
+      keys: true,
+      vi: true,
+      tags: true,
+      style: {
+        selected: { bg: 'blue', fg: 'white', bold: true },
+        border: { fg: borderColor },
+        label: { fg: borderColor, bold: true },
+      },
+    });
+
+    const first = items.findIndex((_, i) => !headers.has(i));
+    if (first > 0) picker.select(first);
+    picker.focus();
+    screen.render();
+
+    picker.on('select', (item, index) => {
+      if (headers.has(index)) return;
+      picker.destroy();
+      screen.render();
+      // Strip color tags so callers get the plain text (e.g. the command to copy).
+      resolve(blessed.helpers.cleanTags(item.content));
+    });
+
+    picker.key(['escape', 'q', 'h'], () => {
+      picker.destroy();
+      screen.render();
+      reject(new Error('cancelled'));
+    });
+  });
+}
+
+export function statusPicker(screen) {
+  return listPicker(
+    screen,
+    'Change Status',
+    ['open', 'in_progress', 'blocked', 'deferred', 'closed'],
+    'cyan',
+  );
+}
+
+export function priorityPicker(screen) {
+  return listPicker(
+    screen,
+    'Change Priority',
+    ['0 — Critical', '1 — High', '2 — Normal', '3 — Low', '4 — Trivial'],
+    'yellow',
+  ).then((val) => parseInt(val[0], 10));
+}
+
+export function textPrompt(screen, label, defaultVal = '') {
+  return new Promise((resolve, reject) => {
+    const prompt = blessed.prompt({
+      parent: screen,
+      border: 'line',
+      height: 'shrink',
+      width: '60%',
+      top: 'center',
+      left: 'center',
+      label: ` ${label} `,
+      tags: true,
+      keys: true,
+      vi: true,
+      style: {
+        border: { fg: 'green' },
+        label: { fg: 'green', bold: true },
+      },
+    });
+
+    prompt.input(`${label}:`, defaultVal, (err, value) => {
+      prompt.destroy();
+      screen.render();
+      if (err || value == null) return reject(new Error('cancelled'));
+      resolve(value.trim());
+    });
+
+    screen.render();
+  });
+}
+
+const CLEAR_FILTER_TAG = '__clear__';
+
+export function epicPicker(screen, epics, currentEpicId = null) {
+  return new Promise((resolve, reject) => {
+    // Newest epics on top: sort by created_at descending (ISO-8601 UTC strings
+    // sort lexicographically in chronological order). Fall back to id for ties
+    // or missing timestamps.
+    const sorted = [...epics].sort((a, b) => {
+      const ta = a.created_at || '';
+      const tb = b.created_at || '';
+      if (ta !== tb) return tb.localeCompare(ta);
+      return b.id.localeCompare(a.id);
+    });
+    const rows = [];
+    const ids = [];
+
+    if (currentEpicId) {
+      rows.push('{yellow-fg}✗ Clear epic filter{/}');
+      ids.push(CLEAR_FILTER_TAG);
+    }
+
+    for (const e of sorted) {
+      const marker = e.id === currentEpicId ? '{cyan-fg}●{/} ' : '  ';
+      const id = e.id.padEnd(12);
+      const title = (e.title || '').slice(0, 60);
+      rows.push(`${marker}{gray-fg}${id}{/} ${title}`);
+      ids.push(e.id);
+    }
+
+    if (rows.length === 0) {
+      rows.push('{gray-fg}(no epics found){/}');
+      ids.push(null);
+    }
+
+    const width = 72;
+    const height = Math.min(rows.length + 4, Math.max(8, screen.height - 4));
+
+    const picker = blessed.list({
+      parent: screen,
+      label: ' Filter by Epic ',
+      border: { type: 'line' },
+      top: 'center',
+      left: 'center',
+      width,
+      height,
+      items: rows,
+      keys: true,
+      vi: true,
+      tags: true,
+      scrollbar: { ch: ' ', track: { bg: 'black' }, style: { bg: 'magenta' } },
+      style: {
+        selected: { bg: 'blue', fg: 'white', bold: true },
+        border: { fg: 'magenta' },
+        label: { fg: 'magenta', bold: true },
+      },
+    });
+
+    // Select current epic by default if set
+    if (currentEpicId) {
+      const idx = ids.indexOf(currentEpicId);
+      if (idx >= 0) picker.select(idx);
+    }
+
+    picker.focus();
+    screen.render();
+
+    picker.once('select', (_item, index) => {
+      const picked = ids[index];
+      picker.destroy();
+      screen.render();
+      if (picked === null) return reject(new Error('cancelled'));
+      resolve(picked === CLEAR_FILTER_TAG ? null : picked);
+    });
+
+    picker.key(['escape', 'q'], () => {
+      picker.destroy();
+      screen.render();
+      reject(new Error('cancelled'));
+    });
+
+    picker.key(['x'], () => {
+      picker.destroy();
+      screen.render();
+      resolve(null);
+    });
+  });
+}
+
+export function skillPicker(screen, beadId, issueType) {
+  // Epics get the epic-level executor (runs every ready child sequentially on a
+  // single branch); tasks/chores/bugs get the per-bead executors. The OpenCode
+  // section repeats them with the `opencode` argument, which delegates only the
+  // implementation step to a headless OpenCode implementor
+  // (agent-workflow-beads --with-opencode).
+  const skills = issueType === 'epic'
+    ? ['executor-epic-sequential', 'executor-epic-sequential-worktree']
+    : [
+        'executor-task',
+        'executor-task-worktree',
+        'executor-epic-task',
+        'executor-epic-task-worktree',
+        'executor-rework-in-place',
+      ];
+  const cmd = (skill) => `{green-fg}/${skill}{/green-fg} {gray-fg}${beadId}{/gray-fg}`;
+  const items = [
+    '{bold}── Claude skills ──{/bold}',
+    ...skills.map(cmd),
+    '{bold}── OpenCode skills ──{/bold}',
+    ...skills.map((skill) => `${cmd(skill)} {red-fg}opencode{/red-fg}`),
+  ];
+  const headers = new Set([0, skills.length + 1]);
+  return listPicker(screen, 'Copy workflow command', items, 'magenta', 66, 1, headers);
+}
+
+export function parentPicker(screen, epics, { selfId, currentParentIds = [] } = {}) {
+  return new Promise((resolve, reject) => {
+    const exclude = new Set([selfId, ...currentParentIds]);
+    const sorted = [...epics]
+      .filter((e) => !exclude.has(e.id))
+      .sort((a, b) => {
+        const ta = a.updated_at || '', tb = b.updated_at || '';
+        if (ta !== tb) return tb.localeCompare(ta);
+        return b.id.localeCompare(a.id);
+      });
+
+    const rows = ['{yellow-fg}Standalone bead{/}'];
+    const ids = [null];
+
+    for (const e of sorted) {
+      const id = e.id.padEnd(12);
+      const title = (e.title || '').slice(0, 60);
+      rows.push(`{gray-fg}${id}{/} ${title}`);
+      ids.push(e.id);
+    }
+
+    const width = 72;
+    const height = Math.min(rows.length + 4, Math.max(8, screen.height - 4));
+
+    const picker = blessed.list({
+      parent: screen,
+      label: ' Change Parent ',
+      border: { type: 'line' },
+      top: 'center',
+      left: 'center',
+      width,
+      height,
+      items: rows,
+      keys: true,
+      vi: true,
+      tags: true,
+      scrollbar: { ch: ' ', track: { bg: 'black' }, style: { bg: 'magenta' } },
+      style: {
+        selected: { bg: 'blue', fg: 'white', bold: true },
+        border: { fg: 'magenta' },
+        label: { fg: 'magenta', bold: true },
+      },
+    });
+
+    picker.focus();
+    screen.render();
+
+    picker.once('select', (_item, index) => {
+      picker.destroy();
+      screen.render();
+      resolve(ids[index]);
+    });
+
+    picker.key(['escape', 'q'], () => {
+      picker.destroy();
+      screen.render();
+      reject(new Error('cancelled'));
+    });
+  });
+}