dme-agent 7.4.1 → 7.4.2

package/src/ui.mjs

@@ -1,93 +1,180 @@
 /**
- * Terminal UI — neominimal, readable, no emoji spam.
+ * Terminal UI — colorful, ASCII-heavy, zero deps.
  */
 
-const isWin = process.platform === "win32";
+export const isWin = process.platform === "win32";
+
 const forceColor =
   process.env.FORCE_COLOR === "1" ||
   process.env.DME_COLOR === "1" ||
-  (process.stdout.isTTY && process.env.NO_COLOR !== "1");
-
-const c = {
-  reset: forceColor ? "\x1b[0m" : "",
-  bold: forceColor ? "\x1b[1m" : "",
-  dim: forceColor ? "\x1b[2m" : "",
-  yellow: forceColor ? "\x1b[33m" : "",
-  cyan: forceColor ? "\x1b[36m" : "",
-  green: forceColor ? "\x1b[32m" : "",
-  red: forceColor ? "\x1b[31m" : "",
-  white: forceColor ? "\x1b[37m" : "",
-  gray: forceColor ? "\x1b[90m" : "",
-  bg: forceColor ? "\x1b[40m" : "",
-  bgYellow: forceColor ? "\x1b[43m" : "",
-  black: forceColor ? "\x1b[30m" : "",
-};
-
-export const colors = c;
-
-export function banner(version = "7.4.1") {
-  const y = c.yellow;
-  const d = c.dim;
-  const r = c.reset;
-  const b = c.bold;
-  const lines = [
+  (Boolean(process.stdout.isTTY) && process.env.NO_COLOR !== "1");
+
+const esc = forceColor
+  ? {
+      reset: "\x1b[0m",
+      bold: "\x1b[1m",
+      dim: "\x1b[2m",
+      italic: "\x1b[3m",
+      underline: "\x1b[4m",
+      black: "\x1b[30m",
+      red: "\x1b[31m",
+      green: "\x1b[32m",
+      yellow: "\x1b[33m",
+      blue: "\x1b[34m",
+      magenta: "\x1b[35m",
+      cyan: "\x1b[36m",
+      white: "\x1b[37m",
+      gray: "\x1b[90m",
+      brightYellow: "\x1b[93m",
+      brightCyan: "\x1b[96m",
+      brightGreen: "\x1b[92m",
+      brightMagenta: "\x1b[95m",
+      brightWhite: "\x1b[97m",
+      bgBlack: "\x1b[40m",
+      bgYellow: "\x1b[43m",
+      bgCyan: "\x1b[46m",
+      bgMagenta: "\x1b[45m",
+      bgBlue: "\x1b[44m",
+      bgGray: "\x1b[100m",
+    }
+  : Object.fromEntries(
+      [
+        "reset","bold","dim","italic","underline","black","red","green","yellow",
+        "blue","magenta","cyan","white","gray","brightYellow","brightCyan",
+        "brightGreen","brightMagenta","brightWhite","bgBlack","bgYellow",
+        "bgCyan","bgMagenta","bgBlue","bgGray",
+      ].map((k) => [k, ""])
+    );
+
+export const colors = esc;
+export const c = esc;
+
+export function clearScreen() {
+  if (process.stdout.isTTY) {
+    process.stdout.write("\x1b[2J\x1b[H");
+  }
+}
+
+export function hideCursor() {
+  if (process.stdout.isTTY) process.stdout.write("\x1b[?25l");
+}
+
+export function showCursor() {
+  if (process.stdout.isTTY) process.stdout.write("\x1b[?25h");
+}
+
+/** Big DME ASCII mark */
+export function asciiLogo(version = "7.4.2") {
+  const y = esc.brightYellow;
+  const m = esc.magenta;
+  const cy = esc.brightCyan;
+  const d = esc.dim;
+  const r = esc.reset;
+  const b = esc.bold;
+  return [
     "",
-    `${y}${b}  ╔══════════════════════════════════════════════════╗${r}`,
-    `${y}${b}  ║${r}                                                  ${y}${b}║${r}`,
-    `${y}${b}  ║${r}   ${b}D M E   A G E N T${r}   ${d}v${version}${r}                    ${y}${b}║${r}`,
-    `${y}${b}  ║${r}   ${d}Neominimal Identity Engine${r}                   ${y}${b}║${r}`,
-    `${y}${b}  ║${r}                                                  ${y}${b}║${r}`,
-    `${y}${b}  ╚══════════════════════════════════════════════════╝${r}`,
-    `${d}  less, but better — with a face · shadcn first · UX for humans${r}`,
+    `${y}${b}      ██████╗ ███╗   ███╗███████╗${r}`,
+    `${y}${b}      ██╔══██╗████╗ ████║██╔════╝${r}`,
+    `${y}${b}      ██║  ██║██╔████╔██║█████╗  ${r}`,
+    `${y}${b}      ██║  ██║██║╚██╔╝██║██╔══╝  ${r}`,
+    `${y}${b}      ██████╔╝██║ ╚═╝ ██║███████╗${r}`,
+    `${y}${b}      ╚═════╝ ╚═╝     ╚═╝╚══════╝${r}`,
+    `${cy}      ─────────────────────────────────────${r}`,
+    `${m}${b}      A G E N T${r}  ${d}v${version}${r}  ${cy}· Neominimal Identity${r}`,
+    `${d}      less, but better — with a face${r}`,
+    `${d}      shadcn first · UX for humans · detect-only install${r}`,
     "",
-  ];
-  return lines.join("\n");
+  ].join("\n");
+}
+
+export function banner(version = "7.4.2") {
+  return asciiLogo(version);
 }
 
 export function step(n, total, msg) {
-  return `${c.yellow}${c.bold}[${n}/${total}]${c.reset} ${msg}`;
+  return `${esc.bgYellow}${esc.black}${esc.bold} ${n}/${total} ${esc.reset} ${esc.brightCyan}${msg}${esc.reset}`;
 }
 
 export function ok(msg) {
-  return `${c.green}  ✓${c.reset} ${msg}`;
+  return `${esc.brightGreen}${esc.bold}  ✔${esc.reset} ${msg}`;
 }
 
 export function fail(msg) {
-  return `${c.red}  ✗${c.reset} ${msg}`;
+  return `${esc.red}${esc.bold}  ✖${esc.reset} ${msg}`;
 }
 
 export function skip(msg) {
-  return `${c.gray}  –${c.reset} ${c.dim}${msg}${c.reset}`;
+  return `${esc.gray}  ·${esc.reset} ${esc.dim}${msg}${esc.reset}`;
 }
 
 export function info(msg) {
-  return `${c.cyan}  →${c.reset} ${msg}`;
+  return `${esc.brightCyan}  ▸${esc.reset} ${msg}`;
 }
 
 export function warn(msg) {
-  return `${c.yellow}  !${c.reset} ${msg}`;
+  return `${esc.brightYellow}${esc.bold}  !${esc.reset} ${msg}`;
+}
+
+export function detectTag(found) {
+  return found
+    ? `${esc.bgCyan}${esc.black} ON  ${esc.reset}`
+    : `${esc.bgGray}${esc.white} OFF ${esc.reset}`;
 }
 
 export function hr() {
-  return `${c.dim}  ────────────────────────────────────────────────${c.reset}`;
+  return `${esc.magenta}  ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─${esc.reset}`;
 }
 
-export function box(title, lines = []) {
-  const width = 52;
-  const top = `${c.yellow}  ┌${"─".repeat(width - 2)}┐${c.reset}`;
-  const mid = `${c.yellow}  │${c.reset} ${c.bold}${title.padEnd(width - 4)}${c.reset}${c.yellow}│${c.reset}`;
+export function box(title, lines = [], color = "yellow") {
+  const col =
+    color === "cyan"
+      ? esc.brightCyan
+      : color === "magenta"
+        ? esc.magenta
+        : color === "green"
+          ? esc.brightGreen
+          : esc.brightYellow;
+  const width = 56;
+  const top = `${col}  ╭${"─".repeat(width - 2)}╮${esc.reset}`;
+  const mid = `${col}  │${esc.reset} ${esc.bold}${pad(title, width - 4)}${esc.reset}${col}│${esc.reset}`;
   const body = lines.map(
-    (l) =>
-      `${c.yellow}  │${c.reset} ${String(l).slice(0, width - 4).padEnd(width - 4)}${c.yellow}│${c.reset}`
+    (l) => `${col}  │${esc.reset} ${pad(String(l), width - 4)}${col}│${esc.reset}`
   );
-  const bot = `${c.yellow}  └${"─".repeat(width - 2)}┘${c.reset}`;
+  const bot = `${col}  ╰${"─".repeat(width - 2)}╯${esc.reset}`;
   return [top, mid, ...body, bot].join("\n");
 }
 
+function pad(s, n) {
+  const t = s.length > n ? s.slice(0, n - 1) + "…" : s;
+  return t + " ".repeat(Math.max(0, n - t.length));
+}
+
 export function table(rows) {
   return rows
-    .map(([k, v]) => `  ${c.dim}${String(k).padEnd(16)}${c.reset}${v}`)
+    .map(
+      ([k, v]) =>
+        `  ${esc.dim}${String(k).padEnd(16)}${esc.reset}${esc.brightWhite}${v}${esc.reset}`
+    )
     .join("\n");
 }
 
-export { isWin };
+export function progressBar(done, total, width = 24) {
+  const ratio = total === 0 ? 1 : done / total;
+  const filled = Math.round(ratio * width);
+  const bar =
+    esc.brightYellow +
+    "█".repeat(filled) +
+    esc.dim +
+    "░".repeat(width - filled) +
+    esc.reset;
+  return `${bar} ${esc.cyan}${done}/${total}${esc.reset}`;
+}
+
+export function keyHint(keys) {
+  return keys
+    .map(
+      ([k, label]) =>
+        `${esc.bgGray}${esc.brightWhite} ${k} ${esc.reset}${esc.dim}${label}${esc.reset}`
+    )
+    .join("  ");
+}