@sns-myagent/cli 0.3.5 → 0.3.7

package/src/tui/command-palette.ts

@@ -1,189 +1,71 @@
 /**
- * Command palette component for SNS-MyAgent terminal UI.
- *
- * Fuzzy-searchable command overlay with gradient styling.
- * Triggered by Ctrl+P or typing "/" in the input.
+ * Command palette — flat list, no box.
+ * Cyan highlight on selected row, dim otherwise.
  */
+
 import chalk from "chalk";
-import gradient from "gradient-string";
-import { BRAND_GRADIENT, ACCENT_GRADIENT } from "../ui/colors.js";
 
 export interface PaletteCommand {
-  /** Command name (e.g., "/help"). */
-  name: string;
-  /** Short description. */
-  description: string;
-  /** Category for grouping. */
-  category: string;
-  /** Keyboard shortcut (optional). */
-  shortcut?: string;
-  /** Whether command is enabled. */
-  enabled?: boolean;
+	name: string;
+	description: string;
+	category: string;
+	shortcut?: string;
+	enabled?: boolean;
 }
 
 export interface CommandPaletteOptions {
-  /** Available commands. */
-  commands: PaletteCommand[];
-  /** Search query filter. */
-  query?: string;
-  /** Currently highlighted index. */
-  highlighted?: number;
-  /** Width of the palette. */
-  width?: number;
+	commands: PaletteCommand[];
+	query?: string;
+	highlighted?: number;
+	width?: number;
 }
 
-// ── Pre-built command lists ──
-
 export const CHAT_COMMANDS: PaletteCommand[] = [
-  { name: "/help", description: "Show available commands", category: "General", shortcut: "?" },
-  { name: "/clear", description: "Clear screen", category: "General", shortcut: "⌘K" },
-  { name: "/exit", description: "Quit the chat", category: "General", shortcut: "⌘Q" },
-  { name: "/model", description: "Show/switch model", category: "Config" },
-  { name: "/history", description: "Show conversation history", category: "General" },
-  { name: "/memory", description: "Recall from memory", category: "Memory" },
-  { name: "/skills", description: "List available skills", category: "Extensibility" },
-  { name: "/plugins", description: "List installed plugins", category: "Extensibility" },
-  { name: "/mcp", description: "MCP server management", category: "Extensibility" },
-  { name: "/theme", description: "Change terminal theme", category: "Config" },
-  { name: "/bench", description: "Run benchmarks", category: "Debug" },
-  { name: "/debug", description: "Debug info", category: "Debug" },
+	{ name: "/help", description: "Show available commands", category: "General", shortcut: "?" },
+	{ name: "/clear", description: "Clear screen", category: "General", shortcut: "⌘K" },
+	{ name: "/exit", description: "Quit the chat", category: "General", shortcut: "⌘Q" },
+	{ name: "/model", description: "Show/switch model", category: "Config" },
+	{ name: "/history", description: "Show conversation history", category: "General" },
+	{ name: "/memory", description: "Recall from memory", category: "Memory" },
+	{ name: "/skills", description: "List available skills", category: "Extensibility" },
+	{ name: "/plugins", description: "List installed plugins", category: "Extensibility" },
+	{ name: "/mcp", description: "MCP server management", category: "Extensibility" },
+	{ name: "/theme", description: "Change terminal theme", category: "Config" },
+	{ name: "/bench", description: "Run benchmarks", category: "Debug" },
+	{ name: "/debug", description: "Debug info", category: "Debug" },
 ];
 
-// ── Fuzzy match ──
-
-function fuzzyMatch(query: string, text: string): number {
-  if (!query) return 1;
-  const q = query.toLowerCase();
-  const t = text.toLowerCase();
-
-  // Exact prefix match — highest score
-  if (t.startsWith(q)) return 1;
-
-  // Subsequence match
-  let qi = 0;
-  let score = 0;
-  let consecutive = 0;
-  for (let ti = 0; ti < t.length && qi < q.length; ti++) {
-    if (t[ti] === q[qi]) {
-      qi++;
-      consecutive++;
-      score += consecutive; // bonus for consecutive chars
-    } else {
-      consecutive = 0;
-    }
-  }
-
-  return qi === q.length ? score / (q.length * q.length) : 0;
-}
-
-// ── Renderer ──
-
-/**
- * Render the command palette as a bordered overlay.
- */
 export function renderCommandPalette(opts: CommandPaletteOptions): string {
-  const cols = process.stdout.columns ?? 80;
-  const width = Math.min(opts.width ?? cols - 4, 64);
-  const grad = gradient(BRAND_GRADIENT);
-  const accentGrad = gradient(ACCENT_GRADIENT);
-
-  // Filter and score commands
-  const query = opts.query ?? "";
-  const scored = opts.commands
-    .map(cmd => ({
-      cmd,
-      score: fuzzyMatch(query, cmd.name) + fuzzyMatch(query, cmd.description) * 0.5,
-    }))
-    .filter(s => s.score > 0)
-    .sort((a, b) => b.score - a.score)
-    .slice(0, 12);
-
-  const highlighted = opts.highlighted ?? 0;
-
-  // Group by category
-  const groups = new Map<string, typeof scored>();
-  for (const item of scored) {
-    const cat = item.cmd.category;
-    if (!groups.has(cat)) groups.set(cat, []);
-    groups.get(cat)!.push(item);
-  }
-
-  const lines: string[] = [];
-  const inner = width - 4;
-
-  // ── Header ──
-  const searchIcon = "🔍";
-  const headerText = `${searchIcon} ${accentGrad("Command Palette")}`;
-  const fill = "─".repeat(Math.max(0, inner - 22));
-  lines.push(grad("╭─") + headerText + grad(fill + "─╮"));
-
-  // ── Search bar ──
-  const searchDisplay = query ? chalk.white(query) + chalk.dim("█") : chalk.dim("Type to search...");
-  const searchFill = " ".repeat(Math.max(0, inner - searchDisplay.length + 8));
-  lines.push(grad("│") + `  ${searchDisplay}${searchFill}` + grad("│"));
-
-  // ── Separator ──
-  lines.push(grad("├") + "─".repeat(inner) + grad("┤"));
-
-  // ── Commands ──
-  let globalIdx = 0;
-  for (const [category, items] of groups) {
-    // Category header
-    const catText = chalk.dim(` ${category.toUpperCase()} `);
-    const catFill = " ".repeat(Math.max(0, inner - category.length - 2));
-    lines.push(grad("│") + catText + catFill + grad("│"));
-
-    for (const { cmd } of items) {
-      const isSelected = globalIdx === highlighted;
-      const nameStr = isSelected
-        ? chalk.bgCyan.black(` ${cmd.name} `)
-        : chalk.cyan(cmd.name);
-      const descStr = chalk.dim(cmd.description);
-      const shortcutStr = cmd.shortcut ? chalk.dim(` [${cmd.shortcut}]`) : "";
-
-      const line = `  ${nameStr}  ${descStr}${shortcutStr}`;
-      const padding = " ".repeat(Math.max(0, inner - visibleLen(line) + 4));
-
-      if (isSelected) {
-        lines.push(grad("│") + chalk.bgHex("#1a1a2e")(line) + padding + grad("│"));
-      } else {
-        lines.push(grad("│") + line + padding + grad("│"));
-      }
-
-      globalIdx++;
-    }
-  }
-
-  // ── Footer ──
-  const footer = chalk.dim(" ↑↓ navigate  ⏎ select  esc close ");
-  const footerFill = " ".repeat(Math.max(0, inner - footer.length + 4));
-  lines.push(grad("├") + "─".repeat(inner) + grad("┤"));
-  lines.push(grad("│") + footer + footerFill + grad("│"));
-  lines.push(grad("╰") + "─".repeat(inner) + grad("╯"));
-
-  return lines.join("\n");
-}
-
-/**
- * Get filtered commands for a query.
- */
-export function filterCommands(
-  commands: PaletteCommand[],
-  query: string,
-): PaletteCommand[] {
-  return commands
-    .map(cmd => ({
-      cmd,
-      score: fuzzyMatch(query, cmd.name) + fuzzyMatch(query, cmd.description) * 0.5,
-    }))
-    .filter(s => s.score > 0)
-    .sort((a, b) => b.score - a.score)
-    .map(s => s.cmd);
-}
-
-// ── Helpers ──
-
-function visibleLen(str: string): number {
-  // Strip ANSI escape sequences for length calculation
-  return str.replace(/\x1b\[[0-9;]*m/g, "").length;
+	const { commands, query = "", highlighted = 0 } = opts;
+	const filtered = commands.filter(
+		(c) => c.enabled !== false &&
+			(c.name.toLowerCase().includes(query.toLowerCase()) ||
+				c.description.toLowerCase().includes(query.toLowerCase()) ||
+				c.category.toLowerCase().includes(query.toLowerCase()))
+	);
+
+	const lines: string[] = [];
+
+	// Search line
+	lines.push(`  ${chalk.cyan("?")} ${query}${chalk.dim("  (↑↓ navigate · Enter select · Esc cancel)")}`);
+	lines.push("");
+
+	if (filtered.length === 0) {
+		lines.push(`  ${chalk.dim("no commands match")}`);
+	} else {
+		filtered.forEach((cmd, idx) => {
+			const isActive = idx === highlighted;
+			const prefix = isActive ? chalk.cyan("●") : " ";
+			const name = isActive ? chalk.cyan.bold(cmd.name) : chalk.cyan(cmd.name);
+			const desc = chalk.dim(cmd.description);
+			const cat = chalk.dim(`  [${cmd.category}]`);
+			const shortcut = cmd.shortcut ? chalk.dim(`  ${cmd.shortcut}`) : "";
+			lines.push(`  ${prefix} ${name}${cat}${shortcut}`);
+			if (isActive) {
+				lines.push(`    ${desc}`);
+			}
+		});
+	}
+
+	return lines.join("\n");
 }

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 — flat list, no boxes.
+ * Single line brand + `●` prefixed info rows. No rounded borders, no
+ * gradient, no separator boxes. Reads like a status line.
  */
 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 • SnsAgent CLI";
-
-const SNY_GRADIENT = ["#00d2ff", "#7b2ff7", "#ff6b9d"];
-const ACCENT_GRADIENT = ["#7b2ff7", "#00d2ff"];
-
 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;
+	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");
-}
+/**
+ * One-line prefix used throughout the TUI.
+ * `●` = present, default text. No rounded boxes.
+ */
+const BULLET = chalk.cyan("●");
 
 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 ver = readVersion();
+	const lines: string[] = [];
+
+	// Brand line: MY · snsagent · v0.3.6
+	lines.push(`  ${chalk.cyan.bold("MY")}  ${chalk.bold("snsagent")}  ${chalk.dim(`v${ver}`)}`);
+	lines.push(`  ${chalk.dim("coding agent CLI")}`);
+	lines.push("");
+
+	// Status lines — flat, one per line, ● prefix
+	const row = (label: string, value: string) => `  ${BULLET} ${chalk.dim(label.padEnd(13))}${value}`;
+	if (info.model) lines.push(row("model", `${info.provider ?? "unknown"}/${info.model}`));
+	if (info.cwd) lines.push(row("dir", info.cwd));
+	if (info.platform) lines.push(row("platform", info.platform));
+	lines.push(row("version", ver));
+
+	// Hints
+	lines.push("");
+	lines.push(`  ${chalk.dim("type to chat · /exit to quit")}`);
+
+	return lines.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)("SnsAgent")} ${ver}  ${chalk.dim("│")}  ${model}\n`;
+	const ver = readVersion();
+	const model = info.model
+		? chalk.cyan(`${info.provider ?? "?"}/${info.model}`)
+		: chalk.dim("no model");
+	return `  ${chalk.cyan.bold("MY")}  ${chalk.bold("snsagent")} ${chalk.dim(`v${ver}`)}  ${chalk.dim("·")}  ${model}\n`;
 }

package/src/ui/error-display.ts

@@ -1,130 +1,87 @@
 /**
- * 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 — flat `●` prefix, severity icon.
+ * No box, no gradient, no nested borders. Just one line per item.
  */
-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: chalk.red("●"), label: "ERROR" };
+		case "warning":
+			return { icon: chalk.yellow("●"), label: "WARNING" };
+		case "info":
+			return { icon: chalk.cyan("●"), label: "INFO" };
+	}
 }
 
-/**
- * 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 codeStr = opts.code ? chalk.dim(`  [${opts.code}]`) : "";
 
-  const lines: string[] = [];
+	const lines: string[] = [];
 
-  // ── 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}`);
+	// Header
+	lines.push(`  ${meta.icon} ${chalk.bold(meta.label)}${codeStr}`);
 
-  // ── Title ──
-  lines.push("");
-  lines.push(chalk.bold.white(opts.title));
+	// Title
+	lines.push(`    ${chalk.bold(opts.title)}`);
 
-  // ── 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,
-  });
+	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 });
 }