@sns-myagent/cli 0.3.4 → 0.3.6

package/src/tui/index.ts

@@ -14,4 +14,4 @@ export * from "./width-aware-text";
 export * from "./splash";
 export * from "./chat-blocks";
 export * from "./chat-ui";
-export { renderCommandPalette, filterCommands, CHAT_COMMANDS, type PaletteCommand, type CommandPaletteOptions } from "./command-palette";
+export { renderCommandPalette, CHAT_COMMANDS, type PaletteCommand, type CommandPaletteOptions } from "./command-palette";

package/src/tui/splash.ts

@@ -1,130 +1,86 @@
 /**
- * SNS-MyAgent splash screen — branded gradient banner + system info blocks.
- * Premium terminal UI with gradient logo, rounded box, and info panel.
+ * SNS-MyAgent splash — minimal banner + info block.
+ * Single accent (cyan) for brand, default terminal text everywhere else.
  */
 import chalk from "chalk";
-import gradient from "gradient-string";
-import boxen from "boxen";
 import { readFileSync } from "node:fs";
 import { dirname, resolve } from "node:path";
 import { fileURLToPath } from "node:url";
 
-const BANNER_ART = `
-███╗   ██╗███████╗██╗  ██╗██╗   ██╗███████╗
-████╗  ██║██╔════╝╚██╗██╔╝██║   ██║██╔════╝
-██╔██╗ ██║█████╗   ╚███╔╝ ██║   ██║███████╗
-██║╚██╗██║██╔══╝   ██╔██╗ ██║   ██║╚════██║
-██║ ╚████║███████╗██╔╝ ╚██╗╚██████╔╝███████║
-╚═╝  ╚═══╝╚══════╝╚═╝   ╚═╝ ╚═════╝ ╚══════╝`;
-
-const SUBTITLE = "My-Agent • SnsCoder CLI";
-
-const SNY_GRADIENT = ["#00d2ff", "#7b2ff7", "#ff6b9d"];
-const ACCENT_GRADIENT = ["#7b2ff7", "#00d2ff"];
+const SUBTITLE = "snsagent — coding agent CLI";
 
 function readVersion(): string {
-  try {
-    // Strategy 1: import.meta.url relative path (works in most bundler/ts-node setups)
-    const here = dirname(fileURLToPath(import.meta.url));
-    const candidates = [
-      resolve(here, "..", "..", "package.json"),       // src/tui/ → root
-      resolve(here, "..", "package.json"),              // dist/tui/ → dist/ (fallback)
-      resolve(here, "..", "..", "dist", "package.json"), // flat dist
-    ];
-
-    for (const pkgPath of candidates) {
-      try {
-        const raw = readFileSync(pkgPath, "utf8");
-        const pkg = JSON.parse(raw) as { version?: string };
-        if (pkg.version && pkg.version !== "0.0.0") return pkg.version;
-      } catch { /* try next */ }
-    }
-
-    // Strategy 2: Walk up from CWD looking for package.json with matching name
-    let dir = process.cwd();
-    for (let i = 0; i < 5; i++) {
-      try {
-        const raw = readFileSync(resolve(dir, "package.json"), "utf8");
-        const pkg = JSON.parse(raw) as { name?: string; version?: string };
-        if (pkg.name === "@sns-myagent/cli" && pkg.version) return pkg.version;
-      } catch { /* continue */ }
-      const parent = dirname(dir);
-      if (parent === dir) break;
-      dir = parent;
-    }
-
-    return "0.0.0";
-  } catch {
-    return "0.0.0";
-  }
+	try {
+		const here = dirname(fileURLToPath(import.meta.url));
+		const candidates = [
+			resolve(here, "..", "..", "package.json"),
+			resolve(here, "..", "package.json"),
+			resolve(here, "..", "..", "dist", "package.json"),
+		];
+		for (const pkgPath of candidates) {
+			try {
+				const raw = readFileSync(pkgPath, "utf8");
+				const pkg = JSON.parse(raw) as { version?: string };
+				if (pkg.version && pkg.version !== "0.0.0") return pkg.version;
+			} catch {}
+		}
+		let dir = process.cwd();
+		for (let i = 0; i < 5; i++) {
+			try {
+				const raw = readFileSync(resolve(dir, "package.json"), "utf8");
+				const pkg = JSON.parse(raw) as { name?: string; version?: string };
+				if (pkg.name === "@sns-myagent/cli" && pkg.version) return pkg.version;
+			} catch {}
+			const parent = dirname(dir);
+			if (parent === dir) break;
+			dir = parent;
+		}
+		return "0.0.0";
+	} catch {
+		return "0.0.0";
+	}
 }
 
 export interface SplashInfo {
-  model?: string;
-  provider?: string;
-  cwd?: string;
-  platform?: string;
-  nodeVersion?: string;
-}
-
-function makeInfoBlocks(info: SplashInfo, width: number): string {
-  const inner = Math.min(width - 4, 56);
-  const sep = chalk.dim("─".repeat(inner));
-
-  const rows: string[] = [];
-  const kv = (k: string, v: string) =>
-    `  ${chalk.dim(k.padEnd(12))}${chalk.white(v)}`;
-
-  rows.push(sep);
-  if (info.model) rows.push(kv("Model", `${info.provider ?? "unknown"}/${info.model}`));
-  if (info.cwd) rows.push(kv("Working Dir", info.cwd));
-  if (info.platform) rows.push(kv("Platform", info.platform));
-  rows.push(kv("Version", readVersion()));
-  rows.push(sep);
-
-  const hint = chalk.dim("  Type your message to start chatting.");
-  const exit = chalk.dim("  /exit or Ctrl+C to quit.");
-  rows.push(hint);
-  rows.push(exit);
-
-  return rows.join("\n");
+	model?: string;
+	provider?: string;
+	cwd?: string;
+	platform?: string;
+	nodeVersion?: string;
 }
 
 export function renderSplash(info: SplashInfo = {}): string {
-  const cols = process.stdout.columns ?? 80;
-  const bannerWidth = Math.min(cols - 2, 64);
-
-  // Gradient banner
-  const bannerLines = BANNER_ART.split("\n").filter(l => l.trim().length > 0);
-  const coloredBanner = bannerLines
-    .map(l => gradient(SNY_GRADIENT).multiline(l))
-    .join("\n");
-
-  // Subtitle
-  const subtitle = gradient(ACCENT_GRADIENT)(SUBTITLE);
-
-  // Info block
-  const infoBlock = makeInfoBlocks(info, bannerWidth);
-
-  // Wrap in boxen
-  const content = `${coloredBanner}\n${subtitle}\n${infoBlock}`;
-
-  const box = boxen(content, {
-    padding: { top: 1, bottom: 1, left: 2, right: 2 },
-    margin: { top: 0, bottom: 0, left: 1, right: 1 },
-    borderStyle: "round",
-    borderColor: "cyan",
-    width: bannerWidth,
-    textAlignment: "center",
-  });
-
-  return box;
+	const cols = process.stdout.columns ?? 80;
+	const width = Math.min(cols - 4, 72);
+
+	// Single brand mark, no rainbow
+	const brandLine = `\n  ${chalk.cyan.bold("MY")}  ${chalk.bold("snsagent")}  ${chalk.dim(`v${readVersion()}`)}\n`;
+	const subLine = `  ${chalk.dim(SUBTITLE)}\n`;
+
+	// Separator
+	const sep = chalk.dim("─".repeat(Math.min(width - 4, 60)));
+
+	// Info rows: key dim, value default
+	const rows: string[] = [sep];
+	const kv = (k: string, v: string) =>
+		`  ${chalk.dim(k.padEnd(12))}${v}`;
+	if (info.model) rows.push(kv("Model", `${info.provider ?? "unknown"}/${info.model}`));
+	if (info.cwd) rows.push(kv("Working Dir", info.cwd));
+	if (info.platform) rows.push(kv("Platform", info.platform));
+	rows.push(kv("Version", readVersion()));
+	rows.push(sep);
+
+	// Hints
+	rows.push(`  ${chalk.dim("Type your message to start chatting.")}`);
+	rows.push(`  ${chalk.dim("/exit or Ctrl+C to quit.")}`);
+
+	return brandLine + subLine + "\n" + rows.join("\n") + "\n";
 }
 
 export function renderInlineHeader(info: SplashInfo = {}): string {
-  const model = info.model
-    ? chalk.cyan(`${info.provider ?? "?"}/${info.model}`)
-    : chalk.dim("no model");
-  const ver = chalk.dim(`v${readVersion()}`);
-  return `\n  ${gradient(SNY_GRADIENT)("SnsCoder")} ${ver}  ${chalk.dim("│")}  ${model}\n`;
+	const model = info.model
+		? chalk.cyan(`${info.provider ?? "?"}/${info.model}`)
+		: chalk.dim("no model");
+	const ver = chalk.dim(`v${readVersion()}`);
+	return `\n  ${chalk.cyan.bold("MY")}  ${chalk.bold("snsagent")} ${ver}  ${chalk.dim("│")}  ${model}\n`;
 }

package/src/ui/banner.ts

@@ -20,7 +20,7 @@ const LOGO = `
 ██║ ╚████║███████╗██╔╝ ╚██╗╚██████╔╝███████║
 ╚═╝  ╚═══╝╚══════╝╚═╝   ╚═╝ ╚═════╝ ╚══════╝`;
 
-const SUBTITLE = "My-Agent • SnsCoder CLI";
+const SUBTITLE = "My-Agent • SnsAgent CLI";
 
 /**
  * Show the premium banner with gradient logo + config info.

package/src/ui/error-display.ts

@@ -1,130 +1,94 @@
 /**
- * Premium error display component for SNS-MyAgent terminal UI.
- *
- * Renders errors in styled bordered blocks with gradient accents.
- * Supports error hierarchy: main error + optional cause chain.
+ * Error display — minimal, single accent, no gradient.
+ * Severity controls the icon color (red/yellow/cyan) but everything else
+ * stays dim + default text.
  */
-import chalk from "chalk";
-import gradient from "gradient-string";
-import boxen from "boxen";
-import { BRAND_GRADIENT, ROLE_HEX } from "./colors.js";
 
-const ERROR_GRADIENT = [ROLE_HEX.error, "#cc0000"] as const;
-const WARN_GRADIENT = ["#ffd700", "#ff8c00"] as const;
+import chalk from "chalk";
 
 export type ErrorSeverity = "error" | "warning" | "info";
 
 export interface ErrorDisplayOptions {
-  /** Error title / short description. */
-  title: string;
-  /** Detailed error message. */
-  message: string;
-  /** Error code (e.g., "E001", "HTTP_404"). */
-  code?: string;
-  /** Severity level. */
-  severity?: ErrorSeverity;
-  /** Stack trace (shown collapsed). */
-  stack?: string;
-  /** Suggestion for fixing the error. */
-  suggestion?: string;
-  /** Additional context lines. */
-  context?: string[];
+	title: string;
+	message: string;
+	code?: string;
+	severity?: ErrorSeverity;
+	stack?: string;
+	suggestion?: string;
+	context?: string[];
 }
 
-function getSeverityColors(severity: ErrorSeverity) {
-  switch (severity) {
-    case "error":
-      return { border: "red" as const, gradient: [...ERROR_GRADIENT], icon: "✗", label: "ERROR" };
-    case "warning":
-      return { border: "yellow" as const, gradient: [...WARN_GRADIENT], icon: "⚠", label: "WARNING" };
-    case "info":
-      return { border: "cyan" as const, gradient: ["#00d2ff", "#7b2ff7"] as [string, string], icon: "ℹ", label: "INFO" };
-  }
+function getSeverityMeta(severity: ErrorSeverity) {
+	switch (severity) {
+		case "error":
+			return { icon: "✗", label: "ERROR", color: chalk.red.bold };
+		case "warning":
+			return { icon: "⚠", label: "WARNING", color: chalk.yellow.bold };
+		case "info":
+			return { icon: "ℹ", label: "INFO", color: chalk.cyan.bold };
+	}
 }
 
-/**
- * Render an error display block.
- */
 export function renderErrorDisplay(opts: ErrorDisplayOptions): string {
-  const severity = opts.severity ?? "error";
-  const colors = getSeverityColors(severity);
-  const grad = gradient(colors.gradient);
-  const cols = process.stdout.columns ?? 80;
-  const width = Math.min(cols - 2, 72);
+	const severity = opts.severity ?? "error";
+	const meta = getSeverityMeta(severity);
+	const cols = process.stdout.columns ?? 80;
+	const width = Math.min(cols - 2, 72);
 
-  const lines: string[] = [];
+	const border = "─".repeat(width - 2);
 
-  // ── Header ──
-  const headerIcon = severity === "error"
-    ? chalk.red.bold(colors.icon)
-    : severity === "warning"
-    ? chalk.yellow.bold(colors.icon)
-    : chalk.cyan(colors.icon);
-  const headerLabel = grad(` ${colors.label} `);
-  const codeStr = opts.code ? chalk.dim(` [${opts.code}]`) : "";
-  lines.push(`${headerIcon} ${headerLabel}${codeStr}`);
+	const lines: string[] = [];
+	lines.push(chalk.dim(border));
 
-  // ── Title ──
-  lines.push("");
-  lines.push(chalk.bold.white(opts.title));
+	// Header
+	const codeStr = opts.code ? chalk.dim(` [${opts.code}]`) : "";
+	lines.push(`${meta.color(meta.icon)} ${meta.color(meta.label)}${codeStr}`);
+	lines.push("");
+	lines.push(chalk.bold(opts.title));
+	lines.push("");
 
-  // ── Message ──
-  lines.push("");
-  const msgLines = opts.message.split("\n");
-  for (const line of msgLines) {
-    lines.push(chalk.white(line));
-  }
+	// Message
+	for (const line of opts.message.split("\n")) {
+		lines.push(line);
+	}
 
-  // ── Context lines ──
-  if (opts.context && opts.context.length > 0) {
-    lines.push("");
-    lines.push(chalk.dim("Context:"));
-    for (const ctx of opts.context.slice(0, 5)) {
-      lines.push(chalk.dim(`  ${ctx}`));
-    }
-    if (opts.context.length > 5) {
-      lines.push(chalk.dim(`  ... +${opts.context.length - 5} more`));
-    }
-  }
+	// Context
+	if (opts.context && opts.context.length > 0) {
+		lines.push("");
+		lines.push(chalk.dim("Context:"));
+		for (const ctx of opts.context.slice(0, 5)) {
+			lines.push(chalk.dim(`  ${ctx}`));
+		}
+		if (opts.context.length > 5) {
+			lines.push(chalk.dim(`  ... +${opts.context.length - 5} more`));
+		}
+	}
 
-  // ── Suggestion ──
-  if (opts.suggestion) {
-    lines.push("");
-    lines.push(`${chalk.green("💡")} ${chalk.green.bold("Suggestion:")}`);
-    lines.push(chalk.green(`  ${opts.suggestion}`));
-  }
+	// Suggestion
+	if (opts.suggestion) {
+		lines.push("");
+		lines.push(`${chalk.cyan("→")} ${chalk.bold("Suggestion:")}`);
+		lines.push(`  ${opts.suggestion}`);
+	}
 
-  // ── Stack trace (collapsed preview) ──
-  if (opts.stack) {
-    lines.push("");
-    const stackLines = opts.stack.split("\n").slice(0, 3);
-    lines.push(chalk.dim("Stack trace (first 3 lines):"));
-    for (const sl of stackLines) {
-      lines.push(chalk.dim(`  ${sl.trim()}`));
-    }
-  }
+	// Stack preview
+	if (opts.stack) {
+		lines.push("");
+		const stackLines = opts.stack.split("\n").slice(0, 3);
+		lines.push(chalk.dim("Stack (first 3):"));
+		for (const sl of stackLines) {
+			lines.push(chalk.dim(`  ${sl.trim()}`));
+		}
+	}
 
-  // ── Render in boxen ──
-  const content = lines.join("\n");
-  return boxen(content, {
-    padding: { top: 1, bottom: 1, left: 2, right: 2 },
-    margin: { top: 0, bottom: 1, left: 0, right: 0 },
-    borderStyle: "round",
-    borderColor: colors.border,
-    width,
-  });
+	lines.push(chalk.dim(border));
+	return lines.join("\n");
 }
 
-/**
- * Quick error render — wraps a simple error message in a styled block.
- */
 export function renderQuickError(title: string, message: string): string {
-  return renderErrorDisplay({ title, message, severity: "error" });
+	return renderErrorDisplay({ title, message, severity: "error" });
 }
 
-/**
- * Render a warning display.
- */
 export function renderWarning(title: string, message: string, suggestion?: string): string {
-  return renderErrorDisplay({ title, message, severity: "warning", suggestion });
+	return renderErrorDisplay({ title, message, severity: "warning", suggestion });
 }

package/src/ui/gradient.ts

@@ -1,104 +1,24 @@
 /**
- * Standalone gradient utility for SNS-MyAgent terminal UI.
+ * Minimal palette for SNS-MyAgent TUI.
  *
- * Provides reusable gradient renderers for brand colors.
- * Single source of truth for all gradient-based decorations.
+ * One accent color (cyan) for prompts and brand. Everything else uses
+ * terminal defaults + chalk.dim for secondary text. No gradients, no
+ * 4-role color explosion — the terminal is for reading, not for show.
  */
-import gradient from "gradient-string";
-import chalk from "chalk";
-import { BRAND_GRADIENT, ACCENT_GRADIENT, SUBTLE_GRADIENT, ROLE_HEX } from "./colors.js";
-
-// ── Pre-built gradient instances ──
-
-/** Full brand gradient: cyan → purple → pink. */
-export const brandGradient: (text: string) => string = gradient(BRAND_GRADIENT);
-
-/** Accent gradient: purple → cyan. */
-export const accentGradient: (text: string) => string = gradient(ACCENT_GRADIENT);
-
-/** Subtle gradient: cyan → purple. */
-export const subtleGradient: (text: string) => string = gradient(SUBTLE_GRADIENT);
-
-// ── Gradient functions ──
-
-/**
- * Apply brand gradient to text.
- */
-export function brand(text: string): string {
-  return brandGradient(text);
-}
 
-/**
- * Apply accent gradient to text.
- */
-export function accentGrad(text: string): string {
-  return accentGradient(text);
-}
-
-/**
- * Apply subtle gradient to text.
- */
-export function subtle(text: string): string {
-  return subtleGradient(text);
-}
+import chalk from "chalk";
 
-/**
- * Create a gradient border line spanning the given width.
- */
-export function gradientLine(width: number): string {
-  const line = "─".repeat(width);
-  return brandGradient(line);
-}
+/** Single accent for prompts, brand, and focus. */
+export const accent = chalk.cyan;
 
-/**
- * Create a gradient border with label in the center.
- */
-export function labeledGradientLine(label: string, width: number): string {
-  const labelLen = label.length + 4; // 2 spaces each side
-  const sideLen = Math.max(0, Math.floor((width - labelLen) / 2));
-  const left = "─".repeat(sideLen);
-  const right = "─".repeat(width - sideLen - labelLen);
-  return brandGradient(left) + chalk.dim(` ${label} `) + brandGradient(right);
-}
+/** Brand text — bold cyan, no rainbow. */
+export const brand = (s: string) => chalk.cyan.bold(s);
 
-/**
- * Create a role-specific gradient for a message role.
- */
-export function roleGradient(role: keyof typeof ROLE_HEX): (text: string) => string {
-  const hex = ROLE_HEX[role];
-  const darker = adjustBrightness(hex, -30);
-  return gradient([hex, darker]);
-}
-
-/**
- * Create a gradient for status indicators.
- */
-export function statusGradient(status: "success" | "warning" | "error" | "info"): (text: string) => string {
-  switch (status) {
-    case "success":
-      return gradient(["#00d2ff", "#00ff88"]);
-    case "warning":
-      return gradient(["#ffd700", "#ff8c00"]);
-    case "error":
-      return gradient(["#ff4444", "#cc0000"]);
-    case "info":
-      return gradient(["#00d2ff", "#7b2ff7"]);
-  }
-}
-
-/**
- * Render text with a gradient background (using chalk bg).
- */
-export function gradientBg(text: string, hex: string): string {
-  return chalk.bgHex(hex)(text);
-}
+/** Subtle / dimmed text. */
+export const subtle = chalk.dim;
 
-// ── Internal helpers ──
+/** Stronger emphasis than subtle. */
+export const muted = chalk.gray;
 
-function adjustBrightness(hex: string, amount: number): string {
-  const num = parseInt(hex.replace("#", ""), 16);
-  const r = Math.min(255, Math.max(0, ((num >> 16) & 0xff) + amount));
-  const g = Math.min(255, Math.max(0, ((num >> 8) & 0xff) + amount));
-  const b = Math.min(255, Math.max(0, (num & 0xff) + amount));
-  return `#${((r << 16) | (g << 8) | b).toString(16).padStart(6, "0")}`;
-}
+/** Accent for inline emphasis (e.g. file paths, ids). */
+export const inline = chalk.cyan;

package/src/ui/index.ts

@@ -5,17 +5,11 @@ export { createSpinner } from "./spinner.js";
 export { createPrompt } from "./chat-prompt.js";
 export { renderStatusBar, clearStatusBar, type StatusBarState } from "./status-bar.js";
 export {
-  brandGradient,
-  accentGradient,
-  subtleGradient,
+  accent,
   brand,
-  accentGrad,
   subtle,
-  gradientLine,
-  labeledGradientLine,
-  roleGradient,
-  statusGradient,
-  gradientBg,
+  muted,
+  inline,
 } from "./gradient.js";
 export { renderErrorDisplay, renderQuickError, renderWarning, type ErrorDisplayOptions, type ErrorSeverity } from "./error-display.js";
 export { renderMemoryToast, renderMemoryRecall, renderMemorySave, clearToastLine, type MemoryToastOptions, type ToastType } from "./memory-toast.js";