@sns-myagent/cli 0.3.4 → 0.3.6

package/src/tui/chat-blocks.ts

@@ -1,205 +1,148 @@
 /**
- * Chat message block renderers — bordered terminal blocks for each message role.
- * User, assistant, tool, system messages each get distinct gradient border treatment.
- * Premium branded terminal UI for SNS-MyAgent.
+ * Chat message block renderers — single-accent bordered blocks.
+ * One border style (rounded), one accent color (cyan). No role-specific
+ * rainbow. Per-role distinction via bold label only.
  */
 import chalk from "chalk";
-import gradient from "gradient-string";
 import { visibleWidth } from "@oh-my-pi/pi-tui";
-import { BRAND_GRADIENT, ROLE_HEX } from "#src/ui/colors.js";
 
-// ── Box-drawing chars (rounded) ──
 const BOX = {
-  topLeft: "╭",
-  topRight: "╮",
-  bottomLeft: "╰",
-  bottomRight: "╯",
-  horizontal: "─",
-  vertical: "│",
-  teeRight: "├",
-  teeLeft: "┤",
+	topLeft: "╭",
+	topRight: "╮",
+	bottomLeft: "╰",
+	bottomRight: "╯",
+	horizontal: "─",
+	vertical: "│",
 } as const;
 
-// ── Color themes per role ──
-const ROLE_COLORS = {
-  user: { border: chalk.cyan, label: chalk.cyan.bold, gradient: [ROLE_HEX.user, "#0099cc"] },
-  assistant: { border: chalk.magenta, label: chalk.magenta.bold, gradient: [ROLE_HEX.assistant, "#9b59b6"] },
-  tool: { border: chalk.yellow, label: chalk.yellow, gradient: [ROLE_HEX.tool, "#e6a700"] },
-  system: { border: chalk.dim, label: chalk.dim, gradient: [ROLE_HEX.system, "#555555"] },
-  error: { border: chalk.red, label: chalk.red.bold, gradient: [ROLE_HEX.error, "#cc0000"] },
-} as const;
+const ACCENT = chalk.cyan;
+
+export type MessageRole = "user" | "assistant" | "tool" | "system" | "error";
 
-export type MessageRole = keyof typeof ROLE_COLORS;
+const ROLE_LABEL: Record<MessageRole, string> = {
+	user: "you",
+	assistant: "snsagent",
+	tool: "tool",
+	system: "system",
+	error: "error",
+};
 
 export interface ChatBlockOptions {
-  role: MessageRole;
-  label?: string;
-  content: string;
-  width?: number;
-  meta?: string;
-  streaming?: boolean;
+	role: MessageRole;
+	label?: string;
+	content: string;
+	width?: number;
+	meta?: string;
+	streaming?: boolean;
 }
 
-/**
- * Word-wrap text respecting ANSI escape sequences.
- * Returns array of lines fitting within `maxWidth` visible columns.
- */
 function wrapAnsi(text: string, maxWidth: number): string[] {
-  const lines: string[] = [];
-  for (const rawLine of text.split("\n")) {
-    if (visibleWidth(rawLine) <= maxWidth) {
-      lines.push(rawLine);
-      continue;
-    }
-    // Simple word-wrap
-    let current = "";
-    let currentWidth = 0;
-    const words = rawLine.split(/(\s+)/);
-    for (const word of words) {
-      const wWidth = visibleWidth(word);
-      if (currentWidth + wWidth > maxWidth && current.length > 0) {
-        lines.push(current);
-        current = word.trimStart();
-        currentWidth = visibleWidth(current);
-      } else {
-        current += word;
-        currentWidth += wWidth;
-      }
-    }
-    if (current.length > 0) lines.push(current);
-  }
-  return lines;
+	const lines: string[] = [];
+	for (const rawLine of text.split("\n")) {
+		if (visibleWidth(rawLine) <= maxWidth) {
+			lines.push(rawLine);
+			continue;
+		}
+		let current = "";
+		let currentWidth = 0;
+		const words = rawLine.split(/(\s+)/);
+		for (const word of words) {
+			const wWidth = visibleWidth(word);
+			if (currentWidth + wWidth > maxWidth && current.length > 0) {
+				lines.push(current);
+				current = word.trimStart();
+				currentWidth = visibleWidth(current);
+			} else {
+				current += word;
+				currentWidth += wWidth;
+			}
+		}
+		if (current.length > 0) lines.push(current);
+	}
+	return lines;
 }
 
-/**
- * Render a single chat message as a bordered block with gradient border.
- */
 export function renderChatBlock(opts: ChatBlockOptions): string {
-  const cols = process.stdout.columns ?? 80;
-  const width = Math.min(opts.width ?? cols, cols) - 2; // margin
-  const colors = ROLE_COLORS[opts.role];
-  const border = colors.border;
-
-  const pad = 1;
-  const innerWidth = width - 2 - pad * 2; // borders + padding
-
-  const lines: string[] = [];
-
-  // ── Top bar with gradient label ──
-  const label = opts.label ?? opts.role.toUpperCase();
-  const labelText = ` ${label} `;
-  const topFill = BOX.horizontal.repeat(
-    Math.max(0, innerWidth - visibleWidth(labelText) + pad * 2)
-  );
-  const gradBorder = gradient(colors.gradient as [string, string]);
-  lines.push(
-    gradBorder(BOX.topLeft + BOX.horizontal.repeat(2)) +
-      colors.label(labelText) +
-      gradBorder(topFill + BOX.topRight)
-  );
-
-  // ── Content lines with gradient side borders ──
-  const contentLines = wrapAnsi(opts.content, innerWidth);
-  const padStr = " ".repeat(pad);
-  for (const line of contentLines) {
-    const vis = visibleWidth(line);
-    const fill = " ".repeat(Math.max(0, innerWidth - vis));
-    lines.push(
-      gradBorder(BOX.vertical) + padStr + line + fill + padStr + gradBorder(BOX.vertical)
-    );
-  }
-
-  // ── Meta line (timestamp, tokens, etc.) ──
-  if (opts.meta) {
-    const metaText = chalk.dim(opts.meta);
-    const metaFill = " ".repeat(Math.max(0, innerWidth - visibleWidth(opts.meta)));
-    lines.push(
-      gradBorder(BOX.vertical) + padStr + metaText + metaFill + padStr + gradBorder(BOX.vertical)
-    );
-  }
-
-  // ── Streaming indicator (animated) ──
-  if (opts.streaming) {
-    const frames = ["⠋", "⠙", "⠹", "⠸", "⠼", "⠴", "⠦", "⠧", "⠇", "⠏"];
-    const frameIdx = Date.now() % (frames.length * 80);
-    const frame = frames[Math.floor(frameIdx / 80)];
-    const spinnerText = `${chalk.cyan(frame)} ${chalk.dim("thinking...")}`;
-    const spinFill = " ".repeat(Math.max(0, innerWidth - visibleWidth(spinnerText)));
-    lines.push(
-      gradBorder(BOX.vertical) + padStr + spinnerText + spinFill + padStr + gradBorder(BOX.vertical)
-    );
-  }
-
-  // ── Bottom bar ──
-  lines.push(
-    gradBorder(BOX.bottomLeft + BOX.horizontal.repeat(width - 2) + BOX.bottomRight)
-  );
-
-  return lines.join("\n");
+	const cols = process.stdout.columns ?? 80;
+	const width = Math.min(opts.width ?? cols, cols) - 2;
+	const pad = 1;
+	const innerWidth = width - 2 - pad * 2;
+
+	const lines: string[] = [];
+
+	// Top bar: accent line + label
+	const label = opts.label ?? ROLE_LABEL[opts.role];
+	const labelText = ` ${label} `;
+	const topFill = BOX.horizontal.repeat(Math.max(0, innerWidth - visibleWidth(labelText) + pad * 2));
+	lines.push(ACCENT(BOX.topLeft + BOX.horizontal.repeat(2)) + chalk.bold(labelText) + ACCENT(topFill + BOX.topRight));
+
+	// Content
+	const contentLines = wrapAnsi(opts.content, innerWidth);
+	const padStr = " ".repeat(pad);
+	for (const line of contentLines) {
+		const vis = visibleWidth(line);
+		const fill = " ".repeat(Math.max(0, innerWidth - vis));
+		lines.push(ACCENT(BOX.vertical) + padStr + line + fill + padStr + ACCENT(BOX.vertical));
+	}
+
+	// Meta
+	if (opts.meta) {
+		const metaText = chalk.dim(opts.meta);
+		const metaFill = " ".repeat(Math.max(0, innerWidth - visibleWidth(opts.meta)));
+		lines.push(ACCENT(BOX.vertical) + padStr + metaText + metaFill + padStr + ACCENT(BOX.vertical));
+	}
+
+	// Streaming
+	if (opts.streaming) {
+		const frames = ["⠋", "⠙", "⠹", "⠸", "⠼", "⠴", "⠦", "⠧", "⠇", "⠏"];
+		const frameIdx = Date.now() % (frames.length * 80);
+		const frame = frames[Math.floor(frameIdx / 80)];
+		const spinnerText = `${ACCENT(frame)} ${chalk.dim("thinking...")}`;
+		const spinFill = " ".repeat(Math.max(0, innerWidth - visibleWidth(spinnerText)));
+		lines.push(ACCENT(BOX.vertical) + padStr + spinnerText + spinFill + padStr + ACCENT(BOX.vertical));
+	}
+
+	// Bottom bar
+	lines.push(ACCENT(BOX.bottomLeft + BOX.horizontal.repeat(width - 2) + BOX.bottomRight));
+
+	return lines.join("\n");
 }
 
-/**
- * Render a compact inline message (no box, just colored prefix).
- */
+/** Compact inline message — no box. */
 export function renderInline(role: MessageRole, text: string): string {
-  const colors = ROLE_COLORS[role];
-  const prefix = colors.label(`[${role}]`);
-  return `${prefix} ${text}`;
+	const label = chalk.bold(`[${ROLE_LABEL[role]}]`);
+	return `${label} ${text}`;
 }
 
-/**
- * Render a separator/divider line with gradient accent.
- */
+/** Separator line, optional label. */
 export function renderDivider(label?: string): string {
-  const cols = process.stdout.columns ?? 80;
-  const grad = gradient(BRAND_GRADIENT);
-  if (!label) {
-    return grad("─".repeat(cols - 2));
-  }
-  const labelText = ` ${label} `;
-  const fill = BOX.horizontal.repeat(Math.max(0, cols - 4 - visibleWidth(labelText)));
-  return grad(`${fill.slice(0, Math.floor(fill.length / 2))}`) +
-    chalk.dim(labelText) +
-    grad(`${fill.slice(Math.floor(fill.length / 2))}`);
+	const cols = process.stdout.columns ?? 80;
+	if (!label) {
+		return chalk.dim("─".repeat(cols - 2));
+	}
+	const labelText = ` ${label} `;
+	const fill = "─".repeat(Math.max(0, cols - 2 - visibleWidth(labelText)));
+	return chalk.dim(fill.slice(0, Math.floor(fill.length / 2))) + chalk.dim(labelText) + chalk.dim(fill.slice(Math.floor(fill.length / 2)));
 }
 
-/**
- * Render a tool-call status block (compact, with gradient border).
- */
+/** Tool-call status line. */
 export function renderToolBlock(
-  toolName: string,
-  status: "running" | "done" | "error",
-  detail?: string,
+	toolName: string,
+	status: "running" | "done" | "error",
+	detail?: string,
 ): string {
-  const cols = process.stdout.columns ?? 80;
-  const width = Math.min(cols - 2, 72);
-  const gradColors = status === "error"
-    ? ["#ff4444", "#cc0000"]
-    : status === "running"
-    ? ["#ffd700", "#e6a700"]
-    : ["#00d2ff", "#7b2ff7"];
-  const grad = gradient(gradColors as [string, string]);
-
-  const icon = status === "running" ? chalk.yellow("⚙") : status === "done" ? chalk.green("✓") : chalk.red("✗");
-  const label = ` ${icon} tool:${toolName} `;
-  const detailText = detail ? chalk.dim(` ${detail}`) : "";
-  const fill = BOX.horizontal.repeat(
-    Math.max(0, width - 2 - visibleWidth(` ⚙ tool:${toolName} `) - visibleWidth(detail ?? ""))
-  );
-
-  return grad(BOX.topLeft + BOX.horizontal) + label + detailText + grad(fill + BOX.topRight);
+	const icon = status === "running" ? chalk.cyan("⚙") : status === "done" ? chalk.green("✓") : chalk.red("✗");
+	const label = ` ${icon} tool:${toolName} `;
+	const detailText = detail ? chalk.dim(` ${detail}`) : "";
+	return label + detailText;
 }
 
-/**
- * Build a gradient header line for the top of the session.
- */
+/** Session header. */
 export function renderSessionHeader(model: string, version: string): string {
-  const cols = process.stdout.columns ?? 80;
-  const left = gradient(["#00d2ff", "#7b2ff7"])(" SnsCoder");
-  const ver = chalk.dim(` v${version}`);
-  const modelStr = chalk.cyan(` ${model}`);
-  const sep = chalk.dim(" │ ");
-  const line = `${left}${ver}${sep}${modelStr}`;
-  const fill = chalk.dim("─".repeat(Math.max(0, cols - visibleWidth(line) - 2)));
-  return `\n${line}\n${fill}\n`;
+	const cols = process.stdout.columns ?? 80;
+	const left = ACCENT.bold(" snsagent");
+	const ver = chalk.dim(` v${version}`);
+	const modelStr = chalk.dim(" · ") + chalk.cyan(model);
+	const sep = chalk.dim("─".repeat(Math.max(0, cols - visibleWidth(left + ver + modelStr) - 2)));
+	return `\n${left}${ver}${modelStr}\n${sep}\n`;
 }

package/src/tui/code-cell.ts

@@ -3,7 +3,6 @@
  */
 import { Markdown, visibleWidth } from "@oh-my-pi/pi-tui";
 import chalk from "chalk";
-import gradient from "gradient-string";
 import { getMarkdownTheme, highlightCode, type Theme } from "../modes/theme/theme";
 import {
 	formatDuration,
@@ -241,7 +240,6 @@ export function renderCollapsibleOutput(
   theme: Theme,
   maxLines: number = 8,
 ): string[] {
-  const grad = theme.fg;
   const lines: string[] = [];
   const inner = Math.max(20, width - 4);
 
@@ -249,20 +247,22 @@ export function renderCollapsibleOutput(
     // Collapsed: just header + hint
     const lineCount = content.split("\n").length;
     const hint = chalk.dim(` (${lineCount} lines, click to expand)`);
-    lines.push(`  ${grad("accent", "▸")} ${grad("toolTitle", label)}${hint}`);
+    lines.push(`  ${chalk.cyan("▸")} ${chalk.bold(label)}${hint}`);
     return lines;
   }
 
   // Expanded: bordered block
-  const gradColors = ["#00d2ff", "#7b2ff7"] as [string, string];
-  const g = gradient(gradColors);
+  const accent = chalk.cyan;
+
+  	// Expanded: bordered block
+  	const accentFn = (s: string) => chalk.cyan(s);
 
   // Header
   const headerText = ` ${label} `;
   const headerFill = COLLAPSE_BORDER.horizontal.repeat(
     Math.max(0, inner - headerText.length - 2),
   );
-  lines.push(g(COLLAPSE_BORDER.topLeft + COLLAPSE_BORDER.horizontal) + grad("toolTitle", headerText) + g(headerFill + COLLAPSE_BORDER.topRight));
+  lines.push(accent(COLLAPSE_BORDER.topLeft + COLLAPSE_BORDER.horizontal) + chalk.bold(headerText) + accent(headerFill + COLLAPSE_BORDER.topRight));
 
   // Content
   const rawLines = content.split("\n");
@@ -270,7 +270,7 @@ export function renderCollapsibleOutput(
   for (const line of visibleLines) {
     const visLen = visibleWidth(line);
     const fill = " ".repeat(Math.max(0, inner - visLen));
-    lines.push(g(COLLAPSE_BORDER.vertical) + " " + line + fill + " " + g(COLLAPSE_BORDER.vertical));
+    lines.push(accent(COLLAPSE_BORDER.vertical) + " " + line + fill + " " + accent(COLLAPSE_BORDER.vertical));
   }
 
   // Hidden lines hint
@@ -278,11 +278,11 @@ export function renderCollapsibleOutput(
   if (remaining > 0) {
     const moreText = `  ... +${remaining} more lines`;
     const moreFill = " ".repeat(Math.max(0, inner - moreText.length));
-    lines.push(g(COLLAPSE_BORDER.vertical) + chalk.dim(moreText) + moreFill + g(COLLAPSE_BORDER.vertical));
+    lines.push(accent(COLLAPSE_BORDER.vertical) + chalk.dim(moreText) + moreFill + accent(COLLAPSE_BORDER.vertical));
   }
 
   // Footer
-  lines.push(g(COLLAPSE_BORDER.bottomLeft + COLLAPSE_BORDER.horizontal.repeat(inner) + COLLAPSE_BORDER.bottomRight));
+  lines.push(accent(COLLAPSE_BORDER.bottomLeft + COLLAPSE_BORDER.horizontal.repeat(inner) + COLLAPSE_BORDER.bottomRight));
 
   return lines;
 }

package/src/tui/command-palette.ts

@@ -1,189 +1,76 @@
 /**
- * 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 — fuzzy command overlay.
+ * Minimal: cyan highlight, dim for secondary. No gradient.
  */
+
 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, width = 60 } = 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 cols = process.stdout.columns ?? 80;
+	const width2 = Math.min(opts.width ?? cols, cols) - 4;
+
+	const lines: string[] = [];
+
+	// Header
+	const search = chalk.cyan("? ") + query + chalk.dim(" (↑↓ navigate, Enter select, Esc cancel)");
+	lines.push(chalk.dim("─".repeat(60)));
+	lines.push(`  ${chalk.cyan("?")} ${query}${chalk.dim(" (↑↓ Enter Esc)")}`);
+	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}`);
+		});
+	}
+
+	lines.push("");
+	lines.push(chalk.dim("─".repeat(60)));
+
+	return lines.join("\n");
+}

package/src/tui/hyperlink.ts

@@ -149,7 +149,7 @@ export function fileHyperlink(filePath: string, displayText: string, opts?: { li
  * during the call/streaming phase before a result lands).
  *
  * Async-resolved schemes (`artifact://`, `agent://`, `skill://`, `rule://`,
- * `omp://`) are not handled here — those rely on `details.resolvedPath` set
+ * `snsagent://`) are not handled here — those rely on `details.resolvedPath` set
  * by the read tool's router resolution.
  */
 export function tryResolveInternalUrlSync(input: string): string | undefined {