reslop 0.2.4 → 0.2.6

package/lib/render/chrome.js

@@ -5,38 +5,24 @@ const keys = require('../keys.js');
 const files = require('../files.js');
 const primitives = require('./primitives.js');
 
-const { itemPath, REPO_TODOS_LABEL, isTodosEntry, fileTotals } = files;
-const { ACTION_IDS, BRANCH_ACTIONS, COMMIT_ACTIONS, actionLetter } = keys;
-const { buttonWord } = keys;
+const { itemPath, REPO_TASKS_LABEL, isTasksEntry, fileTotals } = files;
+const { ACTION_IDS, actionLetter } = keys;
+const { DASH_IDS, DASH_HIDDEN, buttonWord } = keys;
 const { FILES_HIDDEN, FILES_GIT_DISABLED, BRANCHES_DISABLED } = keys;
-const { COMMITS_DISABLED, TODO_DISABLED, DIFF_DISABLED, UNIT_DISABLED } = keys;
+const { COMMITS_DISABLED, TASKS_DISABLED, DIFF_DISABLED, UNIT_DISABLED } = keys;
 const { NPM_DISABLED } = keys;
 const { diffGitDisabled, branchGitDisabled, commitGitDisabled } = keys;
 const { CONFIRM, confirmPrefix, promptFromChoices } = keys;
 const { THEME, paint, visibleWidth } = ansi;
 const { truncateVisible, fg, RESET, EL, seq } = ansi;
-const { fill, branchLabel } = primitives;
-
-const HEADER_ROLE_FG = {
-  repo: THEME.headerRepoFg,
-  dir: THEME.headerDirFg,
-  slash: THEME.headerSlashFg,
-  file: THEME.headerFileFg,
-};
+const { fill, branchLabel, isTaskView } = primitives;
 
 const WAVE = '·•●•·';
+const BUSY_BAR = Array.from(WAVE, (_, frame) => {
+  const start = (WAVE.length - frame) % WAVE.length;
+  return WAVE.slice(start) + WAVE.slice(0, start);
+});
 
-const busyBars = (wave) => {
-  const n = wave.length;
-  const frames = new Array(n);
-  for (let frame = 0; frame < n; frame++) {
-    const start = (n - frame) % n;
-    frames[frame] = wave.slice(start) + wave.slice(0, start);
-  }
-  return frames;
-};
-
-const BUSY_BAR = busyBars(WAVE);
 const BUSY_PROGRESS = [
   'pulling',
   'pushing',
@@ -112,143 +98,159 @@ const INFO_STATUS = [
 ];
 const INFO_PREFIX = ['checked out ', 'created ', 'rebased onto ', 'dropped '];
 
-const QUIT_PROMPT = promptFromChoices(CONFIRM.confirmQuit.choices);
-const updatePrompt = (from, to) => ` update reslop ${from} → ${to}? y/n`;
-const dropPrompt = (name) => ` drop ${name}? y/n`;
-const PUSH_REJECT_PREFIX = CONFIRM.confirmPush.prefix;
-const PUSH_PROMPT = `${PUSH_REJECT_PREFIX} force push`;
+const LOGO = '👁️';
+const HEADER_LEAD = ` ${LOGO}  reslop: `;
+const HEADER_ROLE_FG = {
+  chrome: THEME.headerChromeFg,
+  repo: THEME.headerRepoFg,
+  dir: THEME.headerDirFg,
+  slash: THEME.headerSlashFg,
+  file: THEME.headerFileFg,
+};
 
 const BUTTON_LEAD = ' ';
 const BUTTON_GAP = '  ';
 const BUTTON_EDGE = 1;
-const buttonGap = (index) => (index ? BUTTON_GAP : BUTTON_LEAD);
-const LOGO = '👁️';
+const BACK_ARROW = '🢐';
+const STOP_MARK = '⊗';
+const BACK_KEY = 'esc';
+
+const BUTTON_MARK = {
+  bgRgb: THEME.buttonBg,
+  fgRgb: THEME.buttonFg,
+  hotFg: THEME.buttonHotFg,
+  missFg: THEME.buttonHotFg,
+  missBold: true,
+};
+
+const QUIT_MARK = {
+  bgRgb: THEME.chromeBg,
+  fgRgb: THEME.mutedFg,
+  hotFg: THEME.warnFg,
+  missFg: THEME.mutedFg,
+  missBold: false,
+};
+
+const STATUS_MARK = /(\+[0-9]+(?:\/[0-9]+)?|-[0-9]+(?:\/[0-9]+)?)/g;
+const OLD_LOGS = /old logs \S+/;
+const SAVE_HINT = 'Press **Ctrl-S** or **Enter** at EOF to save';
+const HINT_HOT_FG = 0xff;
+
+const selectedFile = (view) => (view.files ?? [])[view.fileCursor ?? 0];
+
+const selectedBranch = (view) => (view.branches ?? [])[view.branchCursor ?? 0];
+
+const selectedCommit = (view) => (view.commits ?? [])[view.commitCursor ?? 0];
+
+const piecesText = (pieces) => pieces.map((piece) => piece.text).join('');
 
 const pathSegments = (rel) => {
   const segs = [];
   if (!rel) return segs;
   const bits = rel.split('/');
   for (let i = 0; i < bits.length; i++) {
-    if (i) {
-      segs.push({ text: '/', role: 'slash' });
-    }
-    if (!bits[i]) {
-      continue;
-    }
-    const last = i === bits.length - 1;
-    segs.push({ text: bits[i], role: last ? 'file' : 'dir' });
+    if (i) segs.push({ text: '/', role: 'slash' });
+    const role = i === bits.length - 1 ? 'file' : 'dir';
+    if (bits[i]) segs.push({ text: bits[i], role });
   }
   return segs;
 };
 
 const headerScreen = (view) => {
-  const pane = view.pane ?? 'diff';
-  if (pane === 'branches') return 'branches';
+  const { pane } = view;
+  if (
+    pane === 'dashboard' ||
+    pane === 'branches' ||
+    pane === 'npm' ||
+    pane === 'tasks'
+  ) {
+    return pane;
+  }
   if (pane === 'commits') {
-    const mode = view.commitView === 'full' ? 'full' : 'brief';
-    return `commits ${mode}`;
+    return view.commitView === 'full' ? 'commits full' : 'commits brief';
   }
-  if (pane === 'npm') return 'npm';
   if (pane === 'files') {
-    const files = view.files ?? [];
-    const entry = files[view.fileCursor ?? 0];
-    if (isTodosEntry(entry)) return REPO_TODOS_LABEL;
-    return '';
+    return isTasksEntry(selectedFile(view)) ? REPO_TASKS_LABEL : '';
   }
-  if (view.item && view.item.origin === 'todo') return REPO_TODOS_LABEL;
-  return '';
+  return isTaskView(view) ? REPO_TASKS_LABEL : '';
 };
 
 const headerTarget = (view) => {
-  const pane = view.pane ?? 'diff';
-  if (pane === 'files') {
-    const entry = (view.files ?? [])[view.fileCursor ?? 0];
-    if (!entry || isTodosEntry(entry)) return '';
+  if (view.pane === 'files') {
+    const entry = selectedFile(view);
+    if (!entry || isTasksEntry(entry)) return '';
     return entry.path;
   }
-  if (pane === 'unit') return view.reviewPath ?? '';
-  if (!view.item || view.item.origin === 'todo') return '';
+  if (view.pane === 'unit') return view.reviewPath ?? '';
+  if (isTaskView(view)) return '';
   return itemPath(view.item);
 };
 
-const headerLabel = (view) => headerScreen(view) || headerTarget(view);
-
-const headerSep = (view) => (headerScreen(view) ? ': ' : '/');
-
-const headerPrefix = (view, label) => {
+const headerLead = (view) => {
+  const screen = headerScreen(view);
+  const label = screen || headerTarget(view);
   const repo = view.repoName || '';
-  if (repo && label) return ` ${LOGO}  reslop: ${repo}${headerSep(view)}`;
-  if (repo) return ` ${LOGO}  reslop: ${repo} `;
-  return ` ${LOGO}  reslop: `;
+  const pieces = [{ text: HEADER_LEAD, role: 'chrome' }];
+  if (repo) {
+    pieces.push({ text: repo, role: 'repo' });
+    if (!label) pieces.push({ text: ' ', role: 'chrome' });
+    else if (screen) pieces.push({ text: ': ', role: 'chrome' });
+    else pieces.push({ text: '/', role: 'slash' });
+  }
+  return { pieces, label };
 };
 
 const headerText = (view) => {
-  const label = headerLabel(view);
-  return `${headerPrefix(view, label)}${label}`;
+  const { pieces, label } = headerLead(view);
+  return `${piecesText(pieces)}${label}`;
 };
 
-const headerPieces = (view, width) => {
-  const repo = view.repoName || '';
-  const path = headerLabel(view);
+const paintHeader = (view, width, color) => {
+  const { pieces, label } = headerLead(view);
   const right = ' ';
-  const chrome = ` ${LOGO}  reslop: `;
-  const prefixW = visibleWidth(headerPrefix(view, path));
-  const used = prefixW + visibleWidth(right);
+  const used = visibleWidth(piecesText(pieces)) + visibleWidth(right);
   const room = Math.max(0, width - used);
-  const clipped = truncateVisible(path, room);
+  const clipped = truncateVisible(label, room);
   const pad = Math.max(0, room - visibleWidth(clipped));
-  const pieces = [{ text: chrome, role: 'chrome' }];
-  if (repo) {
-    pieces.push({ text: repo, role: 'repo' });
-    if (path) {
-      const sep = headerSep(view);
-      const role = sep === '/' ? 'slash' : 'chrome';
-      pieces.push({ text: sep, role });
-    } else {
-      pieces.push({ text: ' ', role: 'chrome' });
-    }
-  }
-  for (const seg of pathSegments(clipped)) {
-    pieces.push(seg);
-  }
-  if (pad) {
-    pieces.push({ text: ' '.repeat(pad), role: 'chrome' });
-  }
+  pieces.push(...pathSegments(clipped));
+  if (pad) pieces.push({ text: ' '.repeat(pad), role: 'chrome' });
   pieces.push({ text: right, role: 'chrome' });
-  return pieces;
-};
-
-const paintHeader = (view, width, color) => {
-  const pieces = headerPieces(view, width);
-  if (!color) {
-    return pieces.map((piece) => piece.text).join('');
-  }
-  const bgRgb = THEME.headerBg;
-  let out = `${seq(THEME.headerChromeFg, bgRgb)}${EL}`;
+  if (!color) return piecesText(pieces);
+  let out = `${seq(THEME.headerChromeFg, THEME.headerBg)}${EL}`;
   for (const piece of pieces) {
-    if (!piece.text) {
-      continue;
-    }
-    const roleFg = HEADER_ROLE_FG[piece.role] ?? THEME.headerChromeFg;
-    out += `${fg(roleFg)}${piece.text}`;
+    out += `${fg(HEADER_ROLE_FG[piece.role])}${piece.text}`;
   }
   return `${out}${RESET}`;
 };
 
-const BUTTON_MARK = {
-  bgRgb: THEME.buttonBg,
-  fgRgb: THEME.buttonFg,
-  hotFg: THEME.buttonHotFg,
-  missFg: THEME.buttonHotFg,
-  missBold: true,
+const backFooterId = (view) => {
+  const { pane } = view;
+  if (pane === 'branches' || pane === 'commits' || pane === 'tasks') {
+    return 'back';
+  }
+  if (pane === 'npm') return view.npmView ? 'npmStop' : 'back';
+  return isTaskView(view) ? 'back' : '';
 };
 
-const QUIT_MARK = {
-  bgRgb: THEME.chromeBg,
-  fgRgb: THEME.mutedFg,
-  hotFg: THEME.warnFg,
-  missFg: THEME.mutedFg,
-  missBold: false,
+const backHintMark = (view) => {
+  if (view.pane === 'npm' && view.npmView && view.npmRunning) return STOP_MARK;
+  return BACK_ARROW;
+};
+
+const buttonGap = (index) => (index ? BUTTON_GAP : BUTTON_LEAD);
+
+const hintBody = (mark) => {
+  const gap = mark === STOP_MARK ? ' ' : '';
+  return `${mark}${gap}${BACK_KEY}`;
+};
+
+const buttonLabel = (id, short) => (short ? actionLetter(id) : buttonWord(id));
+
+const paintBackHint = (color, mark) => {
+  const bgRgb = THEME.buttonBg;
+  const rest = hintBody(mark).slice(mark.length);
+  const arrow = paint(mark, THEME.buttonHotFg, bgRgb, color, true);
+  return arrow + paint(rest, THEME.buttonFg, bgRgb, color);
 };
 
 const paintMarkedWord = (label, letter, color, mark) => {
@@ -259,47 +261,46 @@ const paintMarkedWord = (label, letter, color, mark) => {
   const before = label.slice(0, at);
   const hot = label.slice(at, at + letter.length);
   const after = label.slice(at + letter.length);
-  let out = '';
-  if (before) out += paint(before, mark.fgRgb, mark.bgRgb, color);
+  let out = paint(before, mark.fgRgb, mark.bgRgb, color);
   out += paint(hot, mark.hotFg, mark.bgRgb, color, true);
-  if (after) out += paint(after, mark.fgRgb, mark.bgRgb, color);
-  return out;
+  return out + paint(after, mark.fgRgb, mark.bgRgb, color);
 };
 
-const layoutButtons = (width, compact, hidden, extra, disabled) => {
-  const hiddenIds = hidden ?? [];
-  const extraIds = extra ?? [];
-  const disabledIds = disabled ?? [];
-  const ids = [];
+const footerIds = (hidden, extra, backId) => {
+  const ids = backId ? [backId] : [];
+  for (const add of extra) {
+    if (!ids.includes(add)) ids.push(add);
+  }
   for (const id of ACTION_IDS) {
-    if (id === 'quit') {
-      for (const add of extraIds) {
-        if (!ids.includes(add)) ids.push(add);
-      }
-      continue;
-    }
-    if (hiddenIds.includes(id)) continue;
+    if (id === 'quit' || hidden.includes(id) || ids.includes(id)) continue;
     ids.push(id);
   }
+  return ids;
+};
+
+const layoutButtons = (width, options = {}) => {
+  const { compact = false, hidden = [], extra = [], disabled = [] } = options;
+  const { backId = '', mark = BACK_ARROW } = options;
+  const ids = footerIds(hidden, extra, backId);
+  const limit = Math.max(0, width - BUTTON_EDGE);
   const build = (short) => {
     const hits = [];
     const parts = [];
     let x = 0;
-    const limit = Math.max(0, width - BUTTON_EDGE);
     for (const id of ids) {
-      const letter = actionLetter(id);
-      const word = buttonWord(id);
-      const label = short ? letter : word;
-      const gap = buttonGap(parts.length);
-      const piece = `${gap}${label}`;
+      const back = id === backId;
+      const letter = back ? BACK_KEY : actionLetter(id);
+      const label = back ? hintBody(mark) : buttonLabel(id, short);
+      const piece = `${buttonGap(parts.length)}${label}`;
       const w = visibleWidth(piece);
       if (x + w > limit && parts.length) break;
-      const off = disabledIds.includes(id);
+      const off = disabled.includes(id);
       if (!off) hits.push({ id, x0: x, x1: x + w });
-      parts.push({ action: { id }, piece, letter, label, disabled: off });
+      const hint = back ? mark : '';
+      parts.push({ id, piece, letter, label, disabled: off, back, mark: hint });
       x += w;
     }
-    return { hits, parts, width: x };
+    return { hits, parts };
   };
   if (compact) return build(true);
   const words = build(false);
@@ -308,72 +309,55 @@ const layoutButtons = (width, compact, hidden, extra, disabled) => {
 };
 
 const paintButtons = (layout, width, color) => {
-  let out = '';
-  let used = 0;
   const fgRgb = THEME.buttonFg;
   const bgRgb = THEME.buttonBg;
+  let out = '';
+  let used = 0;
   for (let i = 0; i < layout.parts.length; i++) {
     const part = layout.parts[i];
-    const gap = buttonGap(i);
-    out += paint(gap, fgRgb, bgRgb, color);
-    if (part.disabled) out += paint(part.label, fgRgb, bgRgb, color);
+    out += paint(buttonGap(i), fgRgb, bgRgb, color);
+    if (part.back) out += paintBackHint(color, part.mark);
+    else if (part.disabled) out += paint(part.label, fgRgb, bgRgb, color);
     else out += paintMarkedWord(part.label, part.letter, color, BUTTON_MARK);
     used += visibleWidth(part.piece);
   }
-  if (used < width) {
-    out += fill(width - used, THEME.buttonFg, THEME.buttonBg, color);
-  }
-  return out;
+  return out + fill(width - used, fgRgb, bgRgb, color);
 };
 
-const isInfoStatus = (status) => {
-  if (INFO_STATUS.includes(status)) return true;
-  for (const prefix of INFO_PREFIX) {
-    if (status.startsWith(prefix)) return true;
-  }
-  return false;
-};
+const isInfoStatus = (status) =>
+  INFO_STATUS.includes(status) ||
+  INFO_PREFIX.some((prefix) => status.startsWith(prefix));
 
-const joinStatus = (parts) => {
-  const bits = [];
-  for (const part of parts) {
-    if (!part) continue;
-    bits.push(part);
-  }
-  return bits.join('  ');
-};
+const joinStatus = (parts) => parts.filter(Boolean).join('  ');
 
 const countsKind = (sourceKind, revShort) => {
   if (sourceKind === 'pr' || sourceKind === 'mr') return sourceKind;
-  if (revShort) return 'commit';
-  return 'worktree';
+  return revShort ? 'commit' : 'worktree';
 };
 
+const isWorktree = (view) =>
+  countsKind(view.sourceKind, view.revShort) === 'worktree';
+
 const notesLine = (counts) => {
   const feedback = counts.feedback ?? 0;
-  const todo = counts.todo ?? 0;
+  const tasks = counts.tasks ?? 0;
   const code = counts.code ?? 0;
-  return `feedback ${feedback}  todo ${todo}  code ${code}`;
+  return `feedback ${feedback}  tasks ${tasks}  code ${code}`;
 };
 
 const statusLead = (view) => {
   const counts = view.counts ?? {};
   const kind = countsKind(view.sourceKind, view.revShort);
-  if (kind === 'worktree') return branchLabel(view.branch ?? '');
+  if (kind === 'worktree') return branchLabel(view.branch);
   if (kind === 'commit') {
-    const n = counts.commit ?? 0;
-    return `commit ${view.revShort}  ${n}`;
+    return `commit ${view.revShort}  ${counts.commit ?? 0}`;
   }
-  const n = counts.pr ?? 0;
   const label = view.sourceLabel || kind;
-  return `${kind} ${label}  ${n}`;
+  return `${kind} ${label}  ${counts.pr ?? 0}`;
 };
 
-const statusLeft = (view) => {
-  const body = joinStatus([statusLead(view), notesLine(view.counts ?? {})]);
-  if (!body) return '';
-  return ` ${body}`;
-};
+const statusLeft = (view) =>
+  ` ${joinStatus([statusLead(view), notesLine(view.counts ?? {})])}`;
 
 const statusDelta = (total) => {
   const stagedAdd = total.stagedAdded ?? 0;
@@ -385,28 +369,24 @@ const statusDelta = (total) => {
   if (!hasDelta && !total.removed) return '';
   const plus = `+${stagedAdd}/${stagedAdd + unstagedAdd}`;
   const minus = `-${stagedDel}/${stagedDel + unstagedDel}`;
-  return joinStatus([plus, minus]);
+  return `${plus}  ${minus}`;
 };
 
 const statusStats = (view) => {
   const counts = view.counts ?? {};
+  const staged = counts.staged ?? 0;
   const total = fileTotals(view.files ?? []);
-  const counted = (counts.staged ?? 0) + (counts.unstaged ?? 0);
   const hasGit =
     total.remaining || total.staged || total.added || total.removed;
-  const fallbackN = counts.staged ?? 0;
-  const n = hasGit ? total.staged : fallbackN;
-  const m = hasGit ? total.remaining : counted;
-  const git = joinStatus([statusDelta(total), `${n}/${m}`]);
-  if (!view.npmLogs) return git;
-  return joinStatus([view.npmLogs, git]);
+  const n = hasGit ? total.staged : staged;
+  const m = hasGit ? total.remaining : staged + (counts.unstaged ?? 0);
+  return joinStatus([view.npmLogs, statusDelta(total), `${n}/${m}`]);
 };
 
 const statusLayout = (view, status, width) => {
-  const shown = formatBusyStatus(status, view.progressFrame ?? 0);
-  const msg = shown;
-  let msgFg = THEME.chromeFg;
-  if (msg && !isInfoStatus(status)) msgFg = THEME.errorFg;
+  const msg = formatBusyStatus(status, view.progressFrame ?? 0);
+  const isError = msg && !isInfoStatus(status);
+  const msgFg = isError ? THEME.errorFg : THEME.chromeFg;
   const stats = statusStats(view);
   const right = stats ? `${stats} ` : '';
   const rightW = visibleWidth(right);
@@ -422,60 +402,36 @@ const statusLayout = (view, status, width) => {
 };
 
 const choiceHits = (choices, prefix, y) => {
-  const { length } = choices;
-  const hits = new Array(length);
   let x = visibleWidth(prefix);
-  for (let i = 0; i < length; i++) {
-    const choice = choices[i];
-    const piece = `${choice.lead}${choice.label}`;
-    const w = visibleWidth(piece);
-    hits[i] = { id: choice.letter, y, x0: x, x1: x + w };
+  return choices.map((choice) => {
+    const w = visibleWidth(`${choice.lead}${choice.label}`);
+    const hit = { id: choice.letter, y, x0: x, x1: x + w };
     x += w;
-  }
-  return hits;
+    return hit;
+  });
 };
 
-const paintChoicePrompt = (choices, width, color, prefix = '') => {
+const paintChoicePrompt = (choices, width, color, prefix) => {
   const bgRgb = THEME.chromeBg;
-  const labels = choices
-    .map((choice) => `${choice.lead}${choice.label}`)
-    .join('');
-  const body = `${prefix}${labels}`;
-  if (!color) {
-    const pad = Math.max(0, width - visibleWidth(body));
-    return body + ' '.repeat(pad);
-  }
-  let out = '';
-  if (prefix) out += paint(prefix, THEME.mutedFg, bgRgb, color);
+  const body = `${prefix}${promptFromChoices(choices)}`;
+  const pad = Math.max(0, width - visibleWidth(body));
+  if (!color) return body + ' '.repeat(pad);
+  let out = paint(prefix, THEME.mutedFg, bgRgb, color);
   for (const choice of choices) {
     const label = `${choice.lead}${choice.label}`;
     out += paintMarkedWord(label, choice.letter, color, QUIT_MARK);
   }
-  const pad = Math.max(0, width - visibleWidth(body));
   return out + fill(pad, THEME.mutedFg, bgRgb, color);
 };
 
-const STATUS_MARK = /(\+[0-9]+(?:\/[0-9]+)?|-[0-9]+(?:\/[0-9]+)?)/g;
-const OLD_LOGS = /old logs \S+/;
-
-const paintStatusMark = (token, color) => {
-  const bgRgb = THEME.chromeBg;
-  if (token.startsWith('+')) {
-    return paint(token, THEME.addLineFg, bgRgb, color);
-  }
-  return paint(token, THEME.delLineFg, bgRgb, color);
-};
-
 const paintStatusLeft = (text, color) => {
-  const bgRgb = THEME.chromeBg;
-  const muted = THEME.mutedFg;
   if (!color) return text;
+  const bgRgb = THEME.chromeBg;
   const found = text.match(OLD_LOGS);
   if (found) {
-    const at = found.index;
     const token = found[0];
-    const before = text.slice(0, at);
-    const after = text.slice(at + token.length);
+    const before = text.slice(0, found.index);
+    const after = text.slice(found.index + token.length);
     return (
       paintStatusLeft(before, color) +
       paint(token, THEME.shaFg, bgRgb, color) +
@@ -486,24 +442,18 @@ const paintStatusLeft = (text, color) => {
   let last = 0;
   for (const match of text.matchAll(STATUS_MARK)) {
     const token = match[0];
-    const start = match.index;
-    if (start > last) {
-      out += paint(text.slice(last, start), muted, bgRgb, color);
-    }
-    out += paintStatusMark(token, color);
-    last = start + token.length;
+    const tokenFg = token.startsWith('+') ? THEME.addLineFg : THEME.delLineFg;
+    out += paint(text.slice(last, match.index), THEME.mutedFg, bgRgb, color);
+    out += paint(token, tokenFg, bgRgb, color);
+    last = match.index + token.length;
   }
-  if (last < text.length) {
-    out += paint(text.slice(last), muted, bgRgb, color);
-  }
-  return out;
+  return out + paint(text.slice(last), THEME.mutedFg, bgRgb, color);
 };
 
 const paintBranchHead = (text, branch, color) => {
   const name = branchLabel(branch);
   if (!name || !text.startsWith(' ')) return null;
-  const head = ` ${name}`;
-  const shown = text.startsWith(head) ? name : text.slice(1);
+  const shown = text.startsWith(` ${name}`) ? name : text.slice(1);
   if (!shown || !name.startsWith(shown)) return null;
   const rest = text.slice(1 + shown.length);
   const bgRgb = THEME.chromeBg;
@@ -514,40 +464,23 @@ const paintBranchHead = (text, branch, color) => {
   );
 };
 
-const SAVE_HINT = 'Press **Ctrl-S** or **Enter** at EOF to save';
-const HINT_HOT_FG = 0xff;
-
-const hintParts = (source) => {
-  const bits = source.split('**');
-  const parts = [];
-  for (let i = 0; i < bits.length; i++) {
-    if (!bits[i]) continue;
-    parts.push({ text: bits[i], hot: i % 2 === 1 });
-  }
-  return parts;
-};
-
-const saveHintText = () => SAVE_HINT.replaceAll('**', '');
-
-const commitSaveHint = (view) => {
-  if (view.mode !== 'compose' || view.commitView !== 'full') return false;
-  const compose = view.compose;
-  return Boolean(compose && compose.kind === 'commit');
-};
+const commitSaveHint = (view) =>
+  view.mode === 'compose' &&
+  view.commitView === 'full' &&
+  view.compose?.kind === 'commit';
 
 const paintSaveHintBar = (width, color) => {
   const bgRgb = THEME.buttonBg;
-  const plain = `${BUTTON_LEAD}${saveHintText()}`;
-  if (!color) {
-    const pad = Math.max(0, width - visibleWidth(plain));
-    return plain + ' '.repeat(pad);
-  }
+  const plain = `${BUTTON_LEAD}${SAVE_HINT.replaceAll('**', '')}`;
+  const pad = Math.max(0, width - visibleWidth(plain));
+  if (!color) return plain + ' '.repeat(pad);
   let out = paint(BUTTON_LEAD, THEME.buttonFg, bgRgb, color);
-  for (const part of hintParts(SAVE_HINT)) {
-    const tone = part.hot ? HINT_HOT_FG : THEME.buttonFg;
-    out += paint(part.text, tone, bgRgb, color, part.hot);
+  const bits = SAVE_HINT.split('**');
+  for (let i = 0; i < bits.length; i++) {
+    const hot = i % 2 === 1;
+    const tone = hot ? HINT_HOT_FG : THEME.buttonFg;
+    out += paint(bits[i], tone, bgRgb, color, hot);
   }
-  const pad = Math.max(0, width - visibleWidth(plain));
   return out + fill(pad, THEME.buttonFg, bgRgb, color);
 };
 
@@ -556,10 +489,7 @@ const paintFooter = (view, layout, width, color) => {
   return paintButtons(layout, width, color);
 };
 
-const footerHits = (view, layout) => {
-  if (commitSaveHint(view)) return [];
-  return layout.hits;
-};
+const footerHits = (view, layout) => (commitSaveHint(view) ? [] : layout.hits);
 
 const paintStatusLine = (view, status, width, color) => {
   const confirm = CONFIRM[view.mode];
@@ -574,8 +504,7 @@ const paintStatusLine = (view, status, width, color) => {
     return layout.clipped + leftGap + layout.msg + rightGap + layout.right;
   }
   const bgRgb = THEME.chromeBg;
-  const worktree = countsKind(view.sourceKind, view.revShort) === 'worktree';
-  const head = worktree
+  const head = isWorktree(view)
     ? paintBranchHead(layout.clipped, view.branch, color)
     : null;
   const left = head ?? paintStatusLeft(layout.clipped, color);
@@ -591,97 +520,109 @@ const paintStatusLine = (view, status, width, color) => {
 const statusChoiceHits = (view, y) => {
   const spec = CONFIRM[view.mode];
   if (!spec) return [];
-  const prefix = confirmPrefix(spec, view);
-  return choiceHits(spec.choices, prefix, y);
+  return choiceHits(spec.choices, confirmPrefix(spec, view), y);
 };
 
 const statusBranchHit = (view, width, y) => {
-  const mode = view.mode;
-  if (CONFIRM[mode]) return null;
-  const branch = view.branch ?? '';
-  if (!branchLabel(branch)) return null;
-  if (countsKind(view.sourceKind, view.revShort) !== 'worktree') return null;
+  if (CONFIRM[view.mode]) return null;
+  const name = branchLabel(view.branch);
+  if (!name || !isWorktree(view)) return null;
   const layout = statusLayout(view, view.status ?? '', width);
-  const name = branchLabel(branch);
   const at = layout.clipped.indexOf(name);
   if (at < 0) return null;
   return { id: 'branch', y, x0: at, x1: at + visibleWidth(name) };
 };
 
-const selectedBranch = (view) => (view.branches ?? [])[view.branchCursor ?? 0];
-
-const selectedCommit = (view) => (view.commits ?? [])[view.commitCursor ?? 0];
+const withHidden = (ids, more) => [...ids, ...more];
 
 const hiddenActions = (view) => {
-  const pane = view.pane ?? 'diff';
+  const { pane } = view;
+  if (pane === 'dashboard') return DASH_HIDDEN;
   if (pane === 'files') return FILES_HIDDEN;
-  if (pane === 'unit') return UNIT_DISABLED;
+  if (pane === 'unit') return withHidden(UNIT_DISABLED, ['feedback', 'tasks']);
   if (pane === 'branches') return BRANCHES_DISABLED;
   if (pane === 'commits') return COMMITS_DISABLED;
   if (pane === 'npm') return NPM_DISABLED;
-  if (view.item && view.item.origin === 'todo') return TODO_DISABLED;
-  return DIFF_DISABLED;
+  if (pane === 'tasks' || isTaskView(view)) {
+    return withHidden(TASKS_DISABLED, ['prev', 'next']);
+  }
+  return withHidden(DIFF_DISABLED, ['feedback', 'tasks']);
 };
 
 const dimFooterActions = (view) => {
   const pane = view.pane ?? 'diff';
   if (pane === 'files') {
-    const files = view.files ?? [];
-    const entry = files[view.fileCursor ?? 0];
-    if (!entry || entry.kind !== 'todos') return [];
-    return FILES_GIT_DISABLED;
+    return isTasksEntry(selectedFile(view)) ? FILES_GIT_DISABLED : [];
   }
   if (pane === 'diff' || pane === 'unit') return diffGitDisabled(view.item);
   if (pane === 'branches') return branchGitDisabled(selectedBranch(view));
   if (pane === 'commits') {
-    const entry = selectedCommit(view);
-    const staged = (view.counts?.staged ?? 0) > 0;
-    const unstagedCurrent = !view.rev && !view.revShort;
     return commitGitDisabled({
-      ...entry,
-      canCommit: staged,
-      unstagedCurrent,
+      ...selectedCommit(view),
+      canCommit: (view.counts?.staged ?? 0) > 0,
+      unstagedCurrent: !view.rev && !view.revShort,
     });
   }
-  if (pane === 'npm' && view.npmView) {
-    if (view.npmRunning) return ['npmRerun'];
-    return [];
-  }
-  if (pane === 'npm' && !view.npmLogs) return ['npmLogs'];
-  return [];
+  if (pane !== 'npm') return [];
+  if (view.npmView) return view.npmRunning ? ['npmRerun'] : [];
+  return view.npmLogs ? [] : ['npmLogs'];
 };
 
+const navExcept = (skip) => DASH_IDS.filter((id) => !skip.includes(id));
+
 const extraFooterActions = (view) => {
-  const pane = view.pane ?? 'diff';
-  if (pane === 'files') {
-    const scope = view.fileScope === 'file' ? 'diff' : 'file';
-    return ['npm', scope, 'commit', 'pull', 'push'];
+  const { pane } = view;
+  if (pane === 'dashboard') return DASH_IDS;
+  if (pane === 'branches') {
+    return [
+      ...navExcept(['dashNpm']),
+      'newBranch',
+      'rebase',
+      'drop',
+      'pull',
+      'push',
+    ];
+  }
+  if (pane === 'commits') {
+    return [
+      ...navExcept(['dashCommits']),
+      'commit',
+      'amend',
+      'apply',
+      'reword',
+      'fixup',
+      'drop',
+      'view',
+    ];
   }
-  if (pane === 'branches') return Object.keys(BRANCH_ACTIONS);
-  if (pane === 'commits') return Object.keys(COMMIT_ACTIONS);
   if (pane === 'npm') {
-    if (view.npmView) return ['npmStop', 'npmRerun'];
-    return ['npmEdit', 'npmNew', 'npmDrop', 'npmLogs'];
+    if (view.npmView) {
+      return [...navExcept(['dashRun']), 'npmVerbose', 'npmRerun'];
+    }
+    return [...DASH_IDS, 'npmEdit', 'npmNew', 'npmDrop', 'npmLogs'];
   }
-  return [];
+  if (pane === 'tasks' || isTaskView(view)) return [...DASH_IDS, 'drop'];
+  return navExcept(['dashDiffs']);
 };
 
+const footerLayout = (view, width) =>
+  layoutButtons(width, {
+    hidden: hiddenActions(view),
+    extra: extraFooterActions(view),
+    disabled: dimFooterActions(view),
+    backId: backFooterId(view),
+    mark: backHintMark(view),
+  });
+
 module.exports = {
-  QUIT_PROMPT,
-  PUSH_PROMPT,
-  updatePrompt,
-  dropPrompt,
   formatBusyStatus,
   headerText,
   paintHeader,
   layoutButtons,
-  paintButtons,
+  footerLayout,
   paintFooter,
   footerHits,
   paintStatusLine,
   statusChoiceHits,
   statusBranchHit,
-  hiddenActions,
-  dimFooterActions,
-  extraFooterActions,
 };