@sns-myagent/cli 0.3.8 → 0.3.9

package/src/ui/banner.ts

@@ -1,81 +1,66 @@
 /**
- * Premium ASCII art banner for SNS-MyAgent.
- *
- * Renders the branded logo + runtime info using chalk, gradient-string, and boxen.
- * Called at the start of `snscoder launch`.
+ * SNS Agent banner — flat, no boxen, no gradient boxes.
+ * Orange accent + minimal info block. Completely different from OMP/Pi Agent.
  */
 
 import chalk from "chalk";
-import gradient from "gradient-string";
-import boxen from "boxen";
 import type { FullConfig } from "#src/config/index.js";
 import { loadSnsConfig } from "#src/config/sns-config.js";
-import { BRAND_GRADIENT, ACCENT_GRADIENT } from "./colors.js";
 
-const LOGO = `
-███╗   ██╗███████╗██╗  ██╗██╗   ██╗███████╗
-████╗  ██║██╔════╝╚██╗██╔╝██║   ██║██╔════╝
-██╔██╗ ██║█████╗   ╚███╔╝ ██║   ██║███████╗
-██║╚██╗██║██╔══╝   ██╔██╗ ██║   ██║╚════██║
-██║ ╚████║███████╗██╔╝ ╚██╗╚██████╔╝███████║
-╚═╝  ╚═══╝╚══════╝╚═╝   ╚═╝ ╚═════╝ ╚══════╝`;
+const LOGO = [
+	"  ███████╗",
+	"  ██╔════╝",
+	"  ███████╗",
+	"  ╚════██║",
+	"  ███████║",
+	"  ╚══════╝",
+];
 
-const SUBTITLE = "My-Agent • SnsAgent CLI";
+const LOGO_TEXT = [
+	"  ███████╗███╗   ██╗███████╗    ██╗   ██╗██╗   ██╗",
+	"  ██╔════╝████╗  ██║██╔════╝    ██║   ██║╚██╗ ██╔╝",
+	"  ███████╗██╔██╗ ██║███████╗    ██║   ██║ ╚████╔╝ ",
+	"  ╚════██║██║╚██╗██║╚════██║    ╚██╗ ██╔╝  ╚██╔╝  ",
+	"  ███████║██║ ╚████║███████║     ╚████╔╝    ██║   ",
+	"  ╚══════╝╚═╝  ╚═══╝╚══════╝      ╚═══╝     ╚═╝   ",
+];
 
-/**
- * Show the premium banner with gradient logo + config info.
- * Called at the start of `snscoder launch`.
- */
-export function showBanner(config: FullConfig): void {
-  const cols = process.stdout.columns ?? 80;
-  const width = Math.min(cols - 2, 64);
-
-  // Gradient logo
-  const bannerLines = LOGO.split("\n").filter(l => l.trim().length > 0);
-  const coloredLogo = bannerLines
-    .map(l => gradient(BRAND_GRADIENT).multiline(l))
-    .join("\n");
+const SUBTITLE = "SNS · coding agent";
 
-  // Subtitle
-  const subtitle = gradient(ACCENT_GRADIENT)(SUBTITLE);
-
-  // Info block
-  const version = chalk.bold(`v${config.version}`);
-  const provider = chalk.cyan(config.provider);
-  const model = chalk.cyan(config.model);
-  const hasKey = Boolean(loadSnsConfig().apiKey);
-  const memStatus = hasKey
-    ? chalk.green("✓ API key set")
-    : chalk.yellow("⚠ no API key (BYOK)");
-
-  const inner = Math.min(width - 4, 56);
-  const sep = chalk.dim("─".repeat(inner));
-  const kv = (k: string, v: string) =>
-    `  ${chalk.dim(k.padEnd(12))}${chalk.white(v)}`;
+export function showBanner(config: FullConfig): void {
+	const cols = process.stdout.columns || 80;
+	const width = Math.min(cols, 80);
 
-  const info = [
-    sep,
-    kv("Version", version),
-    kv("Provider", provider),
-    kv("Model", model),
-    kv("Memory", memStatus),
-    sep,
-    chalk.dim("  Type your message to start chatting."),
-    chalk.dim("  /exit or Ctrl+C to quit."),
-  ].join("\n");
+	const version = chalk.bold(`v${config.version}`);
+	const provider = chalk.hex("#F97316")(config.provider);
+	const model = chalk.hex("#F97316")(config.model);
+	const hasKey = Boolean(loadSnsConfig().apiKey);
+	const memStatus = hasKey
+		? chalk.green("connected")
+		: chalk.yellow("no API key");
 
-  // Wrap in boxen
-  const content = `${coloredLogo}\n${subtitle}\n${info}`;
+	const inner = Math.min(width - 4, 56);
+	const sep = chalk.dim("─".repeat(inner));
+	const kv = (k: string, v: string) =>
+		`  ${chalk.dim(k.padEnd(12))}${v}`;
 
-  const box = boxen(content, {
-    padding: { top: 1, bottom: 1, left: 2, right: 2 },
-    margin: { top: 1, bottom: 0, left: 0, right: 0 },
-    borderStyle: "round",
-    borderColor: "cyan",
-    width,
-    textAlignment: "center",
-  });
+	const info = [
+		"",
+		...LOGO_TEXT.map(l => chalk.hex("#F97316")(l)),
+		"",
+		chalk.hex("#F97316")(SUBTITLE),
+		"",
+		sep,
+		kv("version", version),
+		kv("provider", provider),
+		kv("model", model),
+		kv("memory", memStatus),
+		sep,
+		"",
+		chalk.dim("  start chatting to configure your agent"),
+		chalk.dim("  /help for commands · /exit to quit"),
+		"",
+	].join("\n");
 
-  console.log(box);
-  console.log();
+	console.log(info);
 }

package/src/ui/chat-prompt.ts

@@ -1,7 +1,7 @@
 /**
  * Styled chat input prompt for SNS-MyAgent.
  *
- * Provides the `snscoder >` prompt with accent coloring.
+ * Provides the `snsagent >` prompt with accent coloring.
  * Uses Node's readline for cross-platform input.
  */
 
@@ -20,7 +20,7 @@ export function createPrompt(): {
 	const rl = readline.createInterface({
 		input: process.stdin,
 		output: process.stdout,
-		prompt: accent("snscoder") + muted(" > "),
+		prompt: accent("snsagent") + muted(" > "),
 	});
 
 	return {

package/src/ui/colors.ts

@@ -1,22 +1,25 @@
 /**
  * Brand color palette for SNS-MyAgent terminal UI.
  *
- * Uses picocolors for zero-dependency color output.
- * Brand gradient: #00d2ff → #7b2ff7 → #ff6b9d
+ * Orange (#F97316) is the primary brand color.
+ * Uses chalk for hex colors, picocolors for basic colors.
  */
 
 import pc from "picocolors";
+import chalk from "chalk";
 
 // ── Brand identity colors ──
 
+const ORANGE = "#F97316";
+
 /** Primary brand color — used for headers and highlights. */
-export const primary = pc.cyan;
+export const primary = chalk.hex(ORANGE);
 
 /** Accent color — used for prompts and decorative elements. */
-export const accent = pc.magenta;
+export const accent = chalk.hex(ORANGE);
 
 /** User input text color. */
-export const user = pc.blue;
+export const user = pc.white;
 
 /** Agent output text color. */
 export const agent = pc.white;
@@ -41,21 +44,21 @@ export const bold = pc.bold;
 
 // ── Brand gradient constants (for gradient-string) ──
 
-/** Full brand gradient: cyan → purple → pink. */
-export const BRAND_GRADIENT = ["#00d2ff", "#7b2ff7", "#ff6b9d"];
+/** Full brand gradient: orange shades. */
+export const BRAND_GRADIENT = ["#F97316", "#EA580C", "#FF8C32"];
 
-/** Accent gradient: purple → cyan. */
-export const ACCENT_GRADIENT = ["#7b2ff7", "#00d2ff"];
+/** Accent gradient: dark orange → light orange. */
+export const ACCENT_GRADIENT = ["#EA580C", "#F97316"];
 
-/** Subtle gradient: cyan → purple. */
-export const SUBTLE_GRADIENT = ["#00d2ff", "#7b2ff7"];
+/** Subtle gradient: orange → amber. */
+export const SUBTLE_GRADIENT = ["#F97316", "#F59E0B"];
 
 // ── Role-specific border colors (hex for gradient-string) ──
 
 export const ROLE_HEX = {
-  user: "#00d2ff",
-  assistant: "#7b2ff7",
-  tool: "#ffd700",
+  user: "#F97316",
+  assistant: "#EA580C",
+  tool: "#FFD700",
   system: "#666666",
   error: "#ff4444",
 } as const;

package/src/ui/error-display.ts

@@ -24,7 +24,7 @@ function getSeverityMeta(severity: ErrorSeverity) {
 		case "warning":
 			return { icon: chalk.yellow("●"), label: "WARNING" };
 		case "info":
-			return { icon: chalk.cyan("●"), label: "INFO" };
+			return { icon: chalk.hex("#F97316")("●"), label: "INFO" };
 	}
 }
 
@@ -61,7 +61,7 @@ export function renderErrorDisplay(opts: ErrorDisplayOptions): string {
 	// Suggestion
 	if (opts.suggestion) {
 		lines.push("");
-		lines.push(`    ${chalk.cyan("→")} ${chalk.bold("suggestion:")}`);
+		lines.push(`    ${chalk.hex("#F97316")("→")} ${chalk.bold("suggestion:")}`);
 		lines.push(`      ${opts.suggestion}`);
 	}
 

package/src/ui/gradient.ts

@@ -9,10 +9,10 @@
 import chalk from "chalk";
 
 /** Single accent for prompts, brand, and focus. */
-export const accent = chalk.cyan;
+export const accent = chalk.hex("#F97316");
 
 /** Brand text — bold cyan, no rainbow. */
-export const brand = (s: string) => chalk.cyan.bold(s);
+export const brand = (s: string) => chalk.hex("#F97316").bold(s);
 
 /** Subtle / dimmed text. */
 export const subtle = chalk.dim;
@@ -21,4 +21,4 @@ export const subtle = chalk.dim;
 export const muted = chalk.gray;
 
 /** Accent for inline emphasis (e.g. file paths, ids). */
-export const inline = chalk.cyan;
+export const inline = chalk.hex("#F97316");

package/src/ui/memory-toast.ts

@@ -22,7 +22,7 @@ const TOAST_LABEL: Record<ToastType, string> = {
 };
 
 export function renderMemoryToast(opts: MemoryToastOptions): string {
-	const label = chalk.cyan(`● ${TOAST_LABEL[opts.type]}`);
+	const label = chalk.hex("#F97316")(`● ${TOAST_LABEL[opts.type]}`);
 	const msg = opts.message;
 	const parts = [label, msg];
 
@@ -32,20 +32,20 @@ export function renderMemoryToast(opts: MemoryToastOptions): string {
 
 	if (opts.relevance !== undefined) {
 		const score = Math.round(opts.relevance * 100);
-		parts.push(chalk.cyan(`(${score}%)`));
+		parts.push(chalk.hex("#F97316")(`(${score}%)`));
 	}
 
 	return `  ${parts.join("  ")}`;
 }
 
 export function renderMemoryRecall(query: string, snippet: string, relevance?: number): string {
-	const queryStr = chalk.cyan(`"${query}"`);
+	const queryStr = chalk.hex("#F97316")(`"${query}"`);
 	const scoreStr = relevance !== undefined
 		? chalk.dim(`  ${Math.round(relevance * 100)}% match`)
 		: "";
 
 	const lines = [
-		`  ${chalk.cyan("● memory")}  ${queryStr}${scoreStr}`,
+		`  ${chalk.hex("#F97316")("● memory")}  ${queryStr}${scoreStr}`,
 		`    ${chalk.dim(snippet.slice(0, 120))}${snippet.length > 120 ? chalk.dim("...") : ""}`,
 	];
 
@@ -55,7 +55,7 @@ export function renderMemoryRecall(query: string, snippet: string, relevance?: n
 export function renderMemorySave(content: string, scope?: string): string {
 	const scopeStr = scope ? chalk.dim(`  [${scope}]`) : "";
 	const preview = content.length > 80 ? content.slice(0, 80) + "..." : content;
-	return `  ${chalk.cyan("● saved")}${scopeStr}  ${chalk.dim(preview)}`;
+	return `  ${chalk.hex("#F97316")("● saved")}${scopeStr}  ${chalk.dim(preview)}`;
 }
 
 export function clearToastLine(): void {

package/src/ui/status-bar.ts

@@ -27,7 +27,7 @@ export function renderStatusBar(state: StatusBarState): void {
 		: String(state.tokensUsed);
 
 	const k = (s: string) => chalk.dim(s);
-	const v = (s: string) => chalk.cyan(s);
+	const v = (s: string) => chalk.hex("#F97316")(s);
 	const sep = chalk.dim(" · ");
 
 	const bar = `  ${k("model")} ${v(state.model)}${sep}${k("tokens")} ${v(tokens)}${sep}${k("time")} ${v(elapsed)}${sep}${k("mem")} ${v(String(state.memoryHits))}`;