nemoris 0.1.0 → 0.1.2

package/src/tui/renderer.js

@@ -1,175 +1,175 @@
-const ANSI_PATTERN = /\x1b(?:\[[0-9;?]*[ -/]*[@-~]|\][^\x07]*(?:\x07|\x1b\\))/g;
-
-export const ANSI = {
-  reset: "\x1b[0m",
-  bold: "\x1b[1m",
-  dim: "\x1b[2m",
-  accent: "\x1b[38;2;45;212;191m",
-  primary: "\x1b[38;2;232;232;236m",
-  secondary: "\x1b[38;2;161;161;170m",
-  muted: "\x1b[38;2;82;82;91m",
-  error: "\x1b[38;2;255;95;87m",
-  warning: "\x1b[38;2;255;189;46m",
-  success: "\x1b[38;2;40;200;64m",
-  codeBg: "\x1b[48;2;34;34;39m",
-  barBg: "\x1b[48;2;24;24;27m",
-};
-
-export const THINKING_FRAMES = ["⠋", "⠙", "⠹", "⠸", "⠼", "⠴", "⠦", "⠧", "⠇", "⠏"];
-
-function colorsEnabled(options = {}) {
-  return !(options.noColor || process.env.NO_COLOR);
-}
-
-function stylize(text, codes = [], options = {}) {
-  const value = String(text ?? "");
-  if (!colorsEnabled(options)) {
-    return stripAnsi(value);
-  }
-  return `${codes.join("")}${value}${ANSI.reset}`;
-}
-
-function visibleLength(text) {
-  return stripAnsi(text).length;
-}
-
-function padVisible(text, width) {
-  const pad = Math.max(0, width - visibleLength(text));
-  return `${text}${" ".repeat(pad)}`;
-}
-
-function stringifyValue(value) {
-  if (value == null) {
-    return "None";
-  }
-  if (typeof value === "string") {
-    return value;
-  }
-  try {
-    return JSON.stringify(value, null, 2);
-  } catch {
-    return String(value);
-  }
-}
-
-function pushField(lines, label, value, labelColor, valueColor, options = {}) {
-  const rendered = stringifyValue(value).split("\n");
-  if (rendered.length === 0) {
-    lines.push(`${stylize(label, [labelColor], options)} ${stylize("None", [valueColor], options)}`);
-    return;
-  }
-  lines.push(`${stylize(label, [labelColor], options)} ${stylize(rendered[0], [valueColor], options)}`);
-  for (const line of rendered.slice(1)) {
-    lines.push(stylize(`     ${line}`, [valueColor], options));
-  }
-}
-
-function boxify(lines, { borderColor = ANSI.accent, bodyColor = ANSI.primary, options = {} } = {}) {
-  const width = Math.max(...lines.map((line) => visibleLength(line)), 0);
-  const top = stylize(`┌${"─".repeat(width + 2)}┐`, [borderColor], options);
-  const bottom = stylize(`└${"─".repeat(width + 2)}┘`, [borderColor], options);
-  const body = lines.map((line) => {
-    const padded = padVisible(line, width);
-    const content = stylize(` ${padded} `, [bodyColor], options);
-    const left = stylize("│", [borderColor], options);
-    const right = stylize("│", [borderColor], options);
-    return `${left}${content}${right}`;
-  });
-  return [top, ...body, bottom].join("\n");
-}
-
-function renderCodeBlock(content, options = {}) {
-  const lines = String(content || "")
-    .replace(/\n$/, "")
-    .split("\n")
-    .map((line) => stylize(`  ${line}`, [ANSI.codeBg, ANSI.secondary], options));
-  return lines.join("\n");
-}
-
-function renderInlineMarkdown(text, options = {}) {
-  return String(text || "")
-    .replace(/\*\*(.+?)\*\*/g, (_, content) => stylize(content, [ANSI.bold, ANSI.primary], options))
-    .replace(/`([^`\n]+)`/g, (_, content) => stylize(` ${content} `, [ANSI.codeBg, ANSI.secondary], options));
-}
-
-export function stripAnsi(text) {
-  return String(text ?? "").replace(ANSI_PATTERN, "");
-}
-
-export function renderAgentResponse(text, options = {}) {
-  const blocks = [];
-  const withPlaceholders = String(text || "").replace(/```(?:[\w-]+)?\n?([\s\S]*?)```/g, (_, content) => {
-    const marker = `__CODE_BLOCK_${blocks.length}__`;
-    blocks.push(renderCodeBlock(content, options));
-    return marker;
-  });
-
-  let rendered = renderInlineMarkdown(withPlaceholders, options);
-  rendered = blocks.reduce(
-    (value, block, index) => value.replace(`__CODE_BLOCK_${index}__`, block),
-    rendered,
-  );
-  rendered = rendered
-    .split("\n")
-    .map((line) => stylize(line, [ANSI.primary], options))
-    .join("\n");
-
-  return colorsEnabled(options) ? rendered : stripAnsi(rendered);
-}
-
-export function renderToolCard({ name, args, result, isError, durationMs } = {}, options = {}) {
-  const titleColor = isError ? ANSI.error : ANSI.success;
-  const lines = [];
-  pushField(lines, "Tool", stylize(name || "tool", [ANSI.bold, titleColor], options), ANSI.secondary, ANSI.primary, options);
-  pushField(lines, "Args", args, ANSI.secondary, ANSI.primary, options);
-
-  if (result !== undefined) {
-    pushField(lines, "Result", result, ANSI.secondary, isError ? ANSI.error : ANSI.primary, options);
-  }
-  if (durationMs != null) {
-    pushField(lines, "Duration", `${durationMs}ms`, ANSI.secondary, ANSI.primary, options);
-  }
-
-  return boxify(lines, { borderColor: ANSI.accent, bodyColor: ANSI.primary, options });
-}
-
-export function renderApprovalPrompt({ tool, args, jobId } = {}, options = {}) {
-  const lines = [stylize("Exec approval required", [ANSI.bold, ANSI.warning], options)];
-  pushField(lines, "Tool", tool || "tool", ANSI.secondary, ANSI.primary, options);
-  pushField(lines, "Args", args, ANSI.secondary, ANSI.primary, options);
-  pushField(lines, "Job", jobId || "unknown", ANSI.secondary, ANSI.primary, options);
-  lines.push(stylize("[Y/n]", [ANSI.bold, ANSI.warning], options));
-  return boxify(lines, { borderColor: ANSI.warning, bodyColor: ANSI.primary, options });
-}
-
-export function renderStatusBar({ agent, model, tokens, cost, connected } = {}, options = {}) {
-  const tokenCount = Number.isFinite(tokens) ? tokens : 0;
-  const numericCost = Number.isFinite(Number(cost)) ? Number(cost) : 0;
-  const parts = [
-    `agent ${agent || "main"}`,
-    `model ${model || "default"}`,
-    `tokens ${tokenCount}`,
-    `cost $${numericCost.toFixed(4)}`,
-    connected ? "online" : "offline",
-  ];
-  return stylize(` ${parts.join("  ·  ")} `, [ANSI.barBg, ANSI.muted], options);
-}
-
-export function renderThinking(frameIndex = 0, options = {}) {
-  const frame = THINKING_FRAMES[Math.abs(frameIndex) % THINKING_FRAMES.length];
-  return stylize(frame, [ANSI.accent], options);
-}
-
-export function renderWordmark(options = {}) {
-  const lines = [
-    "███╗   ██╗███████╗███╗   ███╗ ██████╗ ██████╗ ██╗███████╗",
-    "████╗  ██║██╔════╝████╗ ████║██╔═══██╗██╔══██╗██║██╔════╝",
-    "██╔██╗ ██║█████╗  ██╔████╔██║██║   ██║██████╔╝██║███████╗",
-    "██║╚██╗██║██╔══╝  ██║╚██╔╝██║██║   ██║██╔══██╗██║╚════██║",
-    "██║ ╚████║███████╗██║ ╚═╝ ██║╚██████╔╝██║  ██║██║███████║",
-    "╚═╝  ╚═══╝╚══════╝╚═╝     ╚═╝ ╚═════╝ ╚═╝  ╚═╝╚═╝╚══════╝",
-    "NEMORIS",
-  ];
-  const rendered = lines.map((line) => stylize(line, [ANSI.accent], options)).join("\n");
-  return colorsEnabled(options) ? rendered : stripAnsi(rendered);
-}
+const ANSI_PATTERN = /\x1b(?:\[[0-9;?]*[ -/]*[@-~]|\][^\x07]*(?:\x07|\x1b\\))/g;
+
+export const ANSI = {
+  reset: "\x1b[0m",
+  bold: "\x1b[1m",
+  dim: "\x1b[2m",
+  accent: "\x1b[38;2;45;212;191m",
+  primary: "\x1b[38;2;232;232;236m",
+  secondary: "\x1b[38;2;161;161;170m",
+  muted: "\x1b[38;2;82;82;91m",
+  error: "\x1b[38;2;255;95;87m",
+  warning: "\x1b[38;2;255;189;46m",
+  success: "\x1b[38;2;40;200;64m",
+  codeBg: "\x1b[48;2;34;34;39m",
+  barBg: "\x1b[48;2;24;24;27m",
+};
+
+export const THINKING_FRAMES = ["⠋", "⠙", "⠹", "⠸", "⠼", "⠴", "⠦", "⠧", "⠇", "⠏"];
+
+function colorsEnabled(options = {}) {
+  return !(options.noColor || process.env.NO_COLOR);
+}
+
+function stylize(text, codes = [], options = {}) {
+  const value = String(text ?? "");
+  if (!colorsEnabled(options)) {
+    return stripAnsi(value);
+  }
+  return `${codes.join("")}${value}${ANSI.reset}`;
+}
+
+function visibleLength(text) {
+  return stripAnsi(text).length;
+}
+
+function padVisible(text, width) {
+  const pad = Math.max(0, width - visibleLength(text));
+  return `${text}${" ".repeat(pad)}`;
+}
+
+function stringifyValue(value) {
+  if (value == null) {
+    return "None";
+  }
+  if (typeof value === "string") {
+    return value;
+  }
+  try {
+    return JSON.stringify(value, null, 2);
+  } catch {
+    return String(value);
+  }
+}
+
+function pushField(lines, label, value, labelColor, valueColor, options = {}) {
+  const rendered = stringifyValue(value).split("\n");
+  if (rendered.length === 0) {
+    lines.push(`${stylize(label, [labelColor], options)} ${stylize("None", [valueColor], options)}`);
+    return;
+  }
+  lines.push(`${stylize(label, [labelColor], options)} ${stylize(rendered[0], [valueColor], options)}`);
+  for (const line of rendered.slice(1)) {
+    lines.push(stylize(`     ${line}`, [valueColor], options));
+  }
+}
+
+function boxify(lines, { borderColor = ANSI.accent, bodyColor = ANSI.primary, options = {} } = {}) {
+  const width = Math.max(...lines.map((line) => visibleLength(line)), 0);
+  const top = stylize(`┌${"─".repeat(width + 2)}┐`, [borderColor], options);
+  const bottom = stylize(`└${"─".repeat(width + 2)}┘`, [borderColor], options);
+  const body = lines.map((line) => {
+    const padded = padVisible(line, width);
+    const content = stylize(` ${padded} `, [bodyColor], options);
+    const left = stylize("│", [borderColor], options);
+    const right = stylize("│", [borderColor], options);
+    return `${left}${content}${right}`;
+  });
+  return [top, ...body, bottom].join("\n");
+}
+
+function renderCodeBlock(content, options = {}) {
+  const lines = String(content || "")
+    .replace(/\n$/, "")
+    .split("\n")
+    .map((line) => stylize(`  ${line}`, [ANSI.codeBg, ANSI.secondary], options));
+  return lines.join("\n");
+}
+
+function renderInlineMarkdown(text, options = {}) {
+  return String(text || "")
+    .replace(/\*\*(.+?)\*\*/g, (_, content) => stylize(content, [ANSI.bold, ANSI.primary], options))
+    .replace(/`([^`\n]+)`/g, (_, content) => stylize(` ${content} `, [ANSI.codeBg, ANSI.secondary], options));
+}
+
+export function stripAnsi(text) {
+  return String(text ?? "").replace(ANSI_PATTERN, "");
+}
+
+export function renderAgentResponse(text, options = {}) {
+  const blocks = [];
+  const withPlaceholders = String(text || "").replace(/```(?:[\w-]+)?\n?([\s\S]*?)```/g, (_, content) => {
+    const marker = `__CODE_BLOCK_${blocks.length}__`;
+    blocks.push(renderCodeBlock(content, options));
+    return marker;
+  });
+
+  let rendered = renderInlineMarkdown(withPlaceholders, options);
+  rendered = blocks.reduce(
+    (value, block, index) => value.replace(`__CODE_BLOCK_${index}__`, block),
+    rendered,
+  );
+  rendered = rendered
+    .split("\n")
+    .map((line) => stylize(line, [ANSI.primary], options))
+    .join("\n");
+
+  return colorsEnabled(options) ? rendered : stripAnsi(rendered);
+}
+
+export function renderToolCard({ name, args, result, isError, durationMs } = {}, options = {}) {
+  const titleColor = isError ? ANSI.error : ANSI.success;
+  const lines = [];
+  pushField(lines, "Tool", stylize(name || "tool", [ANSI.bold, titleColor], options), ANSI.secondary, ANSI.primary, options);
+  pushField(lines, "Args", args, ANSI.secondary, ANSI.primary, options);
+
+  if (result !== undefined) {
+    pushField(lines, "Result", result, ANSI.secondary, isError ? ANSI.error : ANSI.primary, options);
+  }
+  if (durationMs != null) {
+    pushField(lines, "Duration", `${durationMs}ms`, ANSI.secondary, ANSI.primary, options);
+  }
+
+  return boxify(lines, { borderColor: ANSI.accent, bodyColor: ANSI.primary, options });
+}
+
+export function renderApprovalPrompt({ tool, args, jobId } = {}, options = {}) {
+  const lines = [stylize("Exec approval required", [ANSI.bold, ANSI.warning], options)];
+  pushField(lines, "Tool", tool || "tool", ANSI.secondary, ANSI.primary, options);
+  pushField(lines, "Args", args, ANSI.secondary, ANSI.primary, options);
+  pushField(lines, "Job", jobId || "unknown", ANSI.secondary, ANSI.primary, options);
+  lines.push(stylize("[Y/n]", [ANSI.bold, ANSI.warning], options));
+  return boxify(lines, { borderColor: ANSI.warning, bodyColor: ANSI.primary, options });
+}
+
+export function renderStatusBar({ agent, model, tokens, cost, connected } = {}, options = {}) {
+  const tokenCount = Number.isFinite(tokens) ? tokens : 0;
+  const numericCost = Number.isFinite(Number(cost)) ? Number(cost) : 0;
+  const parts = [
+    `agent ${agent || "main"}`,
+    `model ${model || "default"}`,
+    `tokens ${tokenCount}`,
+    `cost $${numericCost.toFixed(4)}`,
+    connected ? "online" : "offline",
+  ];
+  return stylize(` ${parts.join("  ·  ")} `, [ANSI.barBg, ANSI.muted], options);
+}
+
+export function renderThinking(frameIndex = 0, options = {}) {
+  const frame = THINKING_FRAMES[Math.abs(frameIndex) % THINKING_FRAMES.length];
+  return stylize(frame, [ANSI.accent], options);
+}
+
+export function renderWordmark(options = {}) {
+  const lines = [
+    "███╗   ██╗███████╗███╗   ███╗ ██████╗ ██████╗ ██╗███████╗",
+    "████╗  ██║██╔════╝████╗ ████║██╔═══██╗██╔══██╗██║██╔════╝",
+    "██╔██╗ ██║█████╗  ██╔████╔██║██║   ██║██████╔╝██║███████╗",
+    "██║╚██╗██║██╔══╝  ██║╚██╔╝██║██║   ██║██╔══██╗██║╚════██║",
+    "██║ ╚████║███████╗██║ ╚═╝ ██║╚██████╔╝██║  ██║██║███████║",
+    "╚═╝  ╚═══╝╚══════╝╚═╝     ╚═╝ ╚═════╝ ╚═╝  ╚═╝╚═╝╚══════╝",
+    "NEMORIS",
+  ];
+  const rendered = lines.map((line) => stylize(line, [ANSI.accent], options)).join("\n");
+  return colorsEnabled(options) ? rendered : stripAnsi(rendered);
+}