@fprad0/skill-master-mcp 0.0.11 → 0.0.12

package/bin/lib/menu-core.mjs

@@ -1,7 +1,7 @@
 import { spawn } from 'node:child_process';
 import { existsSync, readFileSync, readdirSync } from 'node:fs';
 import os from 'node:os';
-import { join } from 'node:path';
+import { dirname, join } from 'node:path';
 import process from 'node:process';
 import {
   assessCodexConfigContent,
@@ -38,6 +38,18 @@ const REQUIRED_GLOBAL_SKILLS = [
   'mcp-client-readiness',
   'terminal-menu-operations',
   'terminal-pixel-art-tui',
+  'senior-master-code-optimizer',
+  'typescript-senior-master-engineering',
+  'python-senior-master-engineering',
+  'javascript-senior-master-engineering',
+  'go-senior-master-engineering',
+  'sql-senior-master-engineering',
+  'json-senior-master-engineering',
+  'ruby-senior-master-engineering',
+  'react-senior-master-engineering',
+  'html-senior-master-engineering',
+  'css-senior-master-engineering',
+  'csharp-senior-master-engineering',
 ];
 
 const BUNDLED_SKILL_DOMAIN_GROUPS = [
@@ -71,11 +83,14 @@ const BUNDLED_SKILL_DOMAIN_GROUPS = [
       'frontend-dev-guidelines',
       'frontend-design',
       'frontend-ui-ux-systems',
+      'html-senior-master-engineering',
       'nextjs',
       'playwright',
+      'react-senior-master-engineering',
       'screenshot',
       'senior-fullstack',
       'shadcn',
+      'css-senior-master-engineering',
       'ui-component-primitives',
       'webapp-testing',
       'web-mobile-design-systems',
@@ -86,16 +101,25 @@ const BUNDLED_SKILL_DOMAIN_GROUPS = [
     key: 'backend',
     label: 'backend-data',
     skills: [
+      'csharp-senior-master-engineering',
       'go-engineering',
+      'go-senior-master-engineering',
       'java-engineering',
       'javascript-engineering',
+      'javascript-senior-master-engineering',
       'json-contract-design',
+      'json-senior-master-engineering',
       'mcp-builder',
       'polyglot-backend-engineering',
       'python-engineering',
+      'python-senior-master-engineering',
       'ruby-engineering',
+      'ruby-senior-master-engineering',
+      'senior-master-code-optimizer',
       'sql-postgresql-engineering',
+      'sql-senior-master-engineering',
       'typescript-expert',
+      'typescript-senior-master-engineering',
     ],
   },
   {
@@ -138,6 +162,7 @@ const COMMAND_AREA_LABELS = {
   activationBalanced: 'ativacao',
   activationAlwaysOn: 'ativacao',
   installGlobalSkills: 'skills-globais',
+  installProjectSkills: 'skills-projeto',
   bootstrapGlobal: 'bootstrap-global',
   registerClients: 'clientes-mcp',
   promptRecommendation: 'roteamento',
@@ -168,6 +193,33 @@ function fitText(text, width) {
   return `${value.slice(0, Math.max(0, width - 1))}~`;
 }
 
+function truncateVisibleText(text, width) {
+  if (width <= 0) return '';
+  const value = String(text ?? '');
+  let output = '';
+  let visible = 0;
+  let hasOpenAnsi = false;
+
+  for (let index = 0; index < value.length && visible < width;) {
+    if (value[index] === '\x1b' && value[index + 1] === '[') {
+      const end = value.indexOf('m', index);
+      if (end === -1) break;
+      const sequence = value.slice(index, end + 1);
+      output += sequence;
+      hasOpenAnsi = sequence !== ANSI.reset;
+      index = end + 1;
+      continue;
+    }
+
+    const [char] = Array.from(value.slice(index));
+    output += char;
+    visible += 1;
+    index += char.length;
+  }
+
+  return hasOpenAnsi ? `${output}${ANSI.reset}` : output;
+}
+
 function splitText(text, width, maxLines = 3) {
   const words = String(text ?? '').split(/\s+/).filter(Boolean);
   const lines = [];
@@ -390,9 +442,28 @@ function formatActionCommand(action) {
   return [action.command, ...(action.args ?? [])].join(' ');
 }
 
-export function buildMenuCommands({ rootDir, currentFile, nodeExecPath = process.execPath }) {
+function resolveNpmCommand(nodeExecPath) {
+  if (process.platform !== 'win32') {
+    return { command: 'npm', argsPrefix: [], shell: false };
+  }
+
+  const candidates = [
+    process.env.npm_execpath,
+    join(dirname(nodeExecPath), 'node_modules', 'npm', 'bin', 'npm-cli.js'),
+  ].filter(Boolean);
+  const npmCli = candidates.find((candidate) => existsSync(candidate));
+
+  if (npmCli) {
+    return { command: nodeExecPath, argsPrefix: [npmCli], shell: false };
+  }
+
+  return { command: 'npm.cmd', argsPrefix: [], shell: true };
+}
+
+export function buildMenuCommands({ rootDir, currentFile, nodeExecPath = process.execPath, invocationCwd = process.cwd() }) {
   const isDevCheckout = existsSync(join(rootDir, 'tsconfig.json')) && existsSync(join(rootDir, 'src'));
   const repoOnlyReason = 'Disponivel apenas no clone de desenvolvimento; no pacote npm use Doctor ou Status.';
+  const npmCommand = resolveNpmCommand(nodeExecPath);
 
   return [
     {
@@ -409,7 +480,7 @@ export function buildMenuCommands({ rootDir, currentFile, nodeExecPath = process
       key: 'doctor',
       aliases: ['doctor', 'diagnostico', 'verificar-menu', 'validar-menu'],
       label: 'Doctor do menu e clientes MCP',
-      description: 'Valida pacote, binarios, skills globais e registros em Codex, Claude, Gemini e Antigravity.',
+      description: 'Valida pacote, binarios, skills globais e registros em Codex, Claude Desktop, Claude Code, Gemini e Antigravity.',
       details: ['Seguro para outros notebooks.', 'Nao publica versao e nao mexe em configuracoes sem uma acao separada.'],
       success: 'Mostra um relatorio GO/NO-GO com proximos comandos recomendados.',
       command: nodeExecPath,
@@ -423,8 +494,9 @@ export function buildMenuCommands({ rootDir, currentFile, nodeExecPath = process
       details: ['Exige clone do repositorio com src, testes e tsconfig.', 'Nao e uma acao indicada para instalacao global via npm.'],
       success: 'Build, testes e manifestos passam no checkout de desenvolvimento.',
       disabledReason: isDevCheckout ? null : repoOnlyReason,
-      command: 'npm',
-      args: ['run', 'check'],
+      command: npmCommand.command,
+      args: [...npmCommand.argsPrefix, 'run', 'check'],
+      shell: npmCommand.shell,
     },
     {
       key: 'build',
@@ -434,8 +506,9 @@ export function buildMenuCommands({ rootDir, currentFile, nodeExecPath = process
       details: ['Exige clone do repositorio com tsconfig.', 'Pacotes npm publicados ja usam dist precompilado.'],
       success: 'dist atualizado no checkout de desenvolvimento.',
       disabledReason: isDevCheckout ? null : repoOnlyReason,
-      command: 'npm',
-      args: ['run', 'build'],
+      command: npmCommand.command,
+      args: [...npmCommand.argsPrefix, 'run', 'build'],
+      shell: npmCommand.shell,
     },
     {
       key: 'publicNpm',
@@ -444,13 +517,15 @@ export function buildMenuCommands({ rootDir, currentFile, nodeExecPath = process
       description: 'Consulta a versao publicada em registry.npmjs.org.',
       details: ['Usa somente leitura no registry publico.', 'Bom para confirmar se outro notebook consegue instalar por npm.'],
       success: 'Retorna a versao publicada atualmente no npmjs.',
-      command: 'npm',
+      command: npmCommand.command,
       args: [
+        ...npmCommand.argsPrefix,
         'view',
         '@fprad0/skill-master-mcp',
         'version',
         '--registry=https://registry.npmjs.org',
       ],
+      shell: npmCommand.shell,
     },
     {
       key: 'updateGlobal',
@@ -516,6 +591,18 @@ export function buildMenuCommands({ rootDir, currentFile, nodeExecPath = process
       args: [join(rootDir, 'bin', 'skill-master-install-global-skills.mjs')],
       confirmMessage: 'Instalar as skills globais embutidas neste usuario?',
     },
+    {
+      key: 'installProjectSkills',
+      aliases: ['install-project-skills', 'skills-projeto', 'project-skills', 'agents-skills'],
+      label: 'Instalar skills no projeto atual',
+      description: 'Copia o bundle para .agents/skills, .codex/skills, .claude/skills e .gemini/skills do projeto onde o menu foi aberto.',
+      details: ['Registra .skill-master/catalog.json e metadados em package.json quando existir.', `Projeto alvo: ${invocationCwd}`],
+      success: 'Skills de projeto copiadas e catalogo local atualizado.',
+      command: nodeExecPath,
+      args: [join(rootDir, 'bin', 'skill-master-install-project-skills.mjs'), '--project-root', invocationCwd, '--sync-package-json'],
+      cwd: invocationCwd,
+      confirmMessage: 'Instalar e catalogar as skills do Skill Master no projeto atual?',
+    },
     {
       key: 'bootstrapGlobal',
       aliases: ['bootstrap-global', 'global-bootstrap', 'ativar-global-completo'],
@@ -531,8 +618,8 @@ export function buildMenuCommands({ rootDir, currentFile, nodeExecPath = process
       key: 'registerClients',
       aliases: ['register-clients', 'registrar-clientes', 'codex-claude-gemini', 'antigravity'],
       label: 'Registrar clientes MCP',
-      description: 'Gera/aplica configuracoes MCP para Codex, Claude, Gemini e Antigravity reconhecerem skill_master.',
-      details: ['Usa Node absoluto + bin/skill-master.mjs absoluto.', 'Preserva outros servidores MCP ja existentes nos JSONs.'],
+      description: 'Gera/aplica configuracoes MCP para Codex, Claude Desktop, Claude Code, Gemini e Antigravity reconhecerem skill_master.',
+      details: ['Usa Node absoluto e o entrypoint absoluto do pacote.', 'Claude Code e registrado via claude mcp add quando o CLI esta disponivel.'],
       success: 'Arquivos de configuracao mesclados com o servidor skill_master.',
       command: nodeExecPath,
       args: [join(rootDir, 'bin', 'skill-master-register-clients.mjs'), '--apply-all'],
@@ -679,9 +766,9 @@ export function formatStatusReport(status) {
     `Bundle de skills embutidas: ${bundledCatalog.total}`,
     `Dominios do bundle: ${formatBundledCategoryLine(bundledCatalog)}`,
     `Codex MCP robusto: ${readiness.codex.globalCommand ? 'sim' : readiness.codex.kind}`,
-    `Claude MCP robusto: ${readiness.claude.globalCommand ? 'sim' : readiness.claude.kind}`,
-    `Gemini MCP robusto: ${readiness.gemini.globalCommand ? 'sim' : readiness.gemini.kind}`,
-    `Antigravity MCP robusto: ${readiness.antigravity.globalCommand ? 'sim' : readiness.antigravity.kind}`,
+    `Claude MCP robusto: ${readiness.claude.globalCommand ? 'sim' : readiness.claude.present ? readiness.claude.kind : 'ausente'}`,
+    `Gemini MCP robusto: ${readiness.gemini.globalCommand ? 'sim' : readiness.gemini.present ? readiness.gemini.kind : 'ausente'}`,
+    `Antigravity MCP robusto: ${readiness.antigravity.globalCommand ? 'sim' : readiness.antigravity.present ? readiness.antigravity.kind : 'ausente'}`,
   ];
 
   if (status.versionText) {
@@ -698,8 +785,8 @@ function formatGlobalAlert(status, { useColor = false } = {}) {
     return renderPanelLines(
       [
         colorize('GLOBAL READY', ANSI.bold, useColor),
-        'O MCP esta registrado de forma robusta neste computador.',
-        'Codex, Claude, Gemini e Antigravity podem iniciar com Node absoluto.',
+        'O MCP esta registrado com Node absoluto neste computador.',
+        'Codex, Claude Desktop, Claude Code, Gemini e Antigravity podem iniciar o servidor sem depender do PATH.',
         'A instalacao global e as skills embutidas ja estao prontas para uso.',
       ],
       { color: ANSI.green, useColor },
@@ -710,9 +797,10 @@ function formatGlobalAlert(status, { useColor = false } = {}) {
     renderPanelLines(
       [
         colorize('ALERTA GLOBAL', ANSI.bold, useColor),
-        'Este computador ainda nao esta pronto para uso global do Skill Master.',
+        'Este computador ainda nao esta pronto para uso robusto do Skill Master.',
         'Execute agora: skill-master-menu --run bootstrap-global --yes',
-        'Isso instala as skills globais e registra Codex, Claude, Gemini e Antigravity com Node absoluto.',
+        'Isso instala as skills globais e registra Codex, Claude Desktop, Claude Code, Gemini e Antigravity com Node absoluto.',
+        'Ou migre somente os clientes: skill-master-register-clients --apply-all --force',
       ],
       { color: ANSI.red, useColor },
     ),
@@ -728,11 +816,165 @@ function formatGlobalAlert(status, { useColor = false } = {}) {
 }
 
 function renderPanelLines(lines, { color = ANSI.cyan, useColor = false } = {}) {
-  const width = Math.max(...lines.map((line) => line.length), 24);
-  const border = `+${'-'.repeat(width + 2)}+`;
-  const paintedBorder = colorize(border, color, useColor);
-  const body = lines.map((line) => `| ${line.padEnd(width)} |`);
-  return [paintedBorder, ...body, paintedBorder].join('\n');
+  const width = Math.max(...lines.map((line) => visibleLength(line)), 24) + 4;
+  return renderCyberFrame(
+    lines.map((line) => fitText(line, width - 4)),
+    width,
+    'skill-master',
+    { color, useColor, style: 'data' },
+  ).join('\n');
+}
+
+function patternFill(pattern, width) {
+  if (width <= 0) return '';
+  return Array.from({ length: Math.ceil(width / pattern.length) }, () => pattern).join('').slice(0, width);
+}
+
+function frameTokens(style) {
+  if (style === 'focus') {
+    return { topLeft: '╭╼', topRight: '╾╮', bottomLeft: '╰╼', bottomRight: '╾╯', fill: '═', left: '▌ ', right: ' ▐', accent: '▰', micro: '▱' };
+  }
+  if (style === 'hud') {
+    return { topLeft: '┏╾', topRight: '╼┓', bottomLeft: '┗╾', bottomRight: '╼┛', fill: '─', left: '▌ ', right: ' ▐', accent: '▰', micro: '▱' };
+  }
+  if (style === 'running') {
+    return { topLeft: '╔╼', topRight: '╾╗', bottomLeft: '╚╼', bottomRight: '╾╝', fill: '═', left: '▌▌', right: '▐▐', accent: '▰', micro: '▱' };
+  }
+  if (style === 'thin') {
+    return { topLeft: '┌╴', topRight: '╶┐', bottomLeft: '└╴', bottomRight: '╶┘', fill: '─', left: '│ ', right: ' │', accent: '▱', micro: '╍' };
+  }
+  return { topLeft: '╭╴', topRight: '╶╮', bottomLeft: '╰╴', bottomRight: '╶╯', fill: '─', left: '│ ', right: ' │', accent: '▰', micro: '▱' };
+}
+
+function fillWithPattern(text, width, fill) {
+  const length = visibleLength(text);
+  if (length >= width) return fitText(text, width);
+  return `${text}${patternFill(fill, width - length)}`;
+}
+
+function renderCyberRail(width, title, tokens, { bottom = false, tick = 0 } = {}) {
+  const left = bottom ? tokens.bottomLeft : tokens.topLeft;
+  const right = bottom ? tokens.bottomRight : tokens.topRight;
+  const innerWidth = Math.max(0, width - visibleLength(left) - visibleLength(right));
+  const phaseMicro = tick % 2 === 0 ? tokens.micro : tokens.fill;
+  const titleText = !bottom && title ? ` ${String(title).toUpperCase()} ` : '';
+  const titleWidth = titleText ? Math.min(visibleLength(titleText), Math.max(0, innerWidth - 8)) : 0;
+  const safeTitle = titleText ? fitText(titleText, titleWidth).trimEnd() : '';
+
+  if (bottom) {
+    const lead = patternFill(tokens.fill, Math.max(2, Math.floor(innerWidth * 0.18)));
+    const plate = innerWidth >= 34 ? `${tokens.accent}${tokens.accent}${tokens.accent}` : tokens.accent;
+    const vent = innerWidth >= 44 ? patternFill(`${phaseMicro}${tokens.fill}`, 8) : '';
+    return `${left}${fillWithPattern(`${lead}${plate}${tokens.fill}${vent}`, innerWidth, tokens.fill)}${right}`;
+  }
+
+  const leadWidth = Math.max(2, Math.min(10, Math.floor(innerWidth * 0.16)));
+  const lead = patternFill(tokens.fill, leadWidth);
+  const chip = innerWidth >= 36 ? `${tokens.accent}${phaseMicro}${phaseMicro}` : tokens.accent;
+  const tab = innerWidth >= 48 ? `${tokens.fill}${tokens.fill}${tokens.accent}${tokens.fill}` : tokens.fill;
+  return `${left}${fillWithPattern(`${lead}${safeTitle}${chip}${tab}`, innerWidth, tokens.fill)}${right}`;
+}
+
+function renderCyberFrame(lines, width, title, { useColor = false, color = ANSI.cyan, style = 'data', tick = 0 } = {}) {
+  const safeWidth = Math.max(16, width);
+  const innerWidth = safeWidth - 4;
+  const tokens = frameTokens(style);
+  const top = renderCyberRail(safeWidth, title, tokens, { tick });
+  const bottom = renderCyberRail(safeWidth, title, tokens, { bottom: true, tick });
+  const body = lines.map((line, index) => {
+    const marker = style === 'running' && index % 3 === Math.abs(tick % 3)
+      ? tokens.accent
+      : index === 0 || index === lines.length - 1
+        ? tokens.micro
+        : ' ';
+    const content = fitText(`${marker}${truncateVisibleText(line, Math.max(0, innerWidth - 1))}`, innerWidth);
+    return `${colorize(tokens.left, color, useColor)}${content}${colorize(tokens.right, color, useColor)}`;
+  });
+
+  return [
+    colorize(top, color, useColor),
+    ...body,
+    colorize(bottom, color, useColor),
+  ];
+}
+
+function renderCircuitRail(width, tick, { useColor = false, color = ANSI.teal } = {}) {
+  const patterns = ['<==/==>--', '<=/===/>-', '<<==--==>', '<==\\==>--'];
+  return colorize(patternFill(patterns[Math.abs(tick) % patterns.length], width), color, useColor);
+}
+
+function renderScanGrid(width, height, tick, { useColor = false } = {}) {
+  const lines = [];
+  const scanCol = width > 0 ? tick % width : 0;
+  const scanRow = height > 0 ? Math.floor(tick / 2) % height : 0;
+
+  for (let row = 0; row < height; row += 1) {
+    const cells = Array.from({ length: width }, (_, col) => {
+      if (row === scanRow && col % 3 === 0) return colorize('-', ANSI.white, useColor);
+      if (col === scanCol && row % 2 === 0) return colorize('|', ANSI.teal, useColor);
+      if ((row + col + tick) % 17 === 0) return colorize('+', ANSI.amber, useColor);
+      if (row % 4 === 0 && col % 8 === 0) return colorize('.', ANSI.gray, useColor);
+      return ' ';
+    });
+    lines.push(cells.join(''));
+  }
+
+  return lines;
+}
+
+const BRAILLE_DOTS = [
+  [0x01, 0x02, 0x04, 0x40],
+  [0x08, 0x10, 0x20, 0x80],
+];
+
+function createBrailleCanvas(width, height) {
+  return {
+    width,
+    height,
+    dots: Array.from({ length: height }, () => Array.from({ length: width }, () => 0)),
+    colors: Array.from({ length: height }, () => Array.from({ length: width }, () => 'gray')),
+    priorities: Array.from({ length: height }, () => Array.from({ length: width }, () => -1)),
+  };
+}
+
+function plotBraille(canvas, x, y, color = 'gray', priority = 0) {
+  if (x < 0 || y < 0) return;
+  const cellX = Math.floor(x / 2);
+  const cellY = Math.floor(y / 4);
+  if (cellX < 0 || cellY < 0 || cellX >= canvas.width || cellY >= canvas.height) return;
+  canvas.dots[cellY][cellX] |= BRAILLE_DOTS[x % 2][y % 4];
+  if (priority >= canvas.priorities[cellY][cellX]) {
+    canvas.colors[cellY][cellX] = color;
+    canvas.priorities[cellY][cellX] = priority;
+  }
+}
+
+function plotBrailleThick(canvas, x, y, radius = 0, color = 'gray', priority = 0) {
+  for (let dy = -radius; dy <= radius; dy += 1) {
+    for (let dx = -radius; dx <= radius; dx += 1) {
+      if (Math.abs(dx) + Math.abs(dy) <= radius + 1) {
+        plotBraille(canvas, x + dx, y + dy, color, priority);
+      }
+    }
+  }
+}
+
+function drawBrailleLine(canvas, x0, y0, x1, y1, thickness = 0, color = 'gray', priority = 0) {
+  const steps = Math.max(Math.abs(x1 - x0), Math.abs(y1 - y0), 1);
+  for (let step = 0; step <= steps; step += 1) {
+    const ratio = step / steps;
+    const x = Math.round(x0 + (x1 - x0) * ratio);
+    const y = Math.round(y0 + (y1 - y0) * ratio);
+    plotBrailleThick(canvas, x, y, thickness, color, priority);
+  }
+}
+
+function renderBrailleCanvas(canvas, { useColor = false } = {}) {
+  return canvas.dots.map((row, rowIndex) => row.map((value, colIndex) => {
+    if (value === 0) return ' ';
+    const color = ANSI[canvas.colors[rowIndex][colIndex]] ?? ANSI.teal;
+    return colorize(String.fromCodePoint(0x2800 + value), color, useColor);
+  }).join(''));
 }
 
 export function formatMenuBanner(status, { useColor = false } = {}) {
@@ -752,71 +994,83 @@ export function formatMenuBanner(status, { useColor = false } = {}) {
   ].join('\n\n');
 }
 
-function dnaPanelLines(tick, width, height, status, { useColor = false, compact = false } = {}) {
+function dnaPanelLines(tick, width, height, status, selected, { useColor = false, compact = false } = {}) {
   const lines = [];
-  const center = Math.floor(width / 2);
-  const graphLeft = 2;
-  const graphRight = Math.max(graphLeft + 8, width - 3);
-  const graphWidth = Math.max(10, graphRight - graphLeft + 1);
-  const radius = Math.max(3, Math.floor((graphWidth - 4) / 3.35));
-  const phase = tick / 6;
-  const bodyHeight = Math.max(compact ? 6 : 8, height - (compact ? 5 : 6));
-  const scanRow = bodyHeight > 0 ? tick % bodyHeight : 0;
-
-  lines.push(fitText(colorize('GENOME MATRIX', ANSI.bold, useColor), width));
-  lines.push(fitText(colorize(compact ? 'lab helix / scan stable' : 'procedural intelligence helix', ANSI.dim, useColor), width));
-  if (!compact) {
-    lines.push(fitText(colorize('signal map / sync locked / low flicker', ANSI.gray, useColor), width));
-  }
+  const canvasWidth = Math.max(18, width);
+  const canvasHeight = Math.max(compact ? 8 : 10, height - 2);
+  const pixelWidth = canvasWidth * 2;
+  const pixelHeight = canvasHeight * 4;
+  const center = Math.floor(pixelWidth / 2);
+  const amplitude = Math.max(8, Math.min(Math.floor(pixelWidth * 0.28), compact ? 14 : 19));
+  const frameCount = 36;
+  const frameRatio = (tick % frameCount) / frameCount;
+  const phase = frameRatio * Math.PI * 2;
+  const scanPhase = (1 - Math.cos(frameRatio * Math.PI * 2)) / 2;
+  const pairEvery = compact ? 7 : 5;
+  const actionArea = resolveCommandArea(selected);
+  const canvas = createBrailleCanvas(canvasWidth, canvasHeight);
 
-  const place = (cells, col, char, color) => {
-    if (col >= 0 && col < width) cells[col] = colorize(char, color, useColor);
-  };
+  lines.push(fitText(colorize(`DNA CYBER HELIX / ${actionArea}`, ANSI.bold, useColor), width));
 
-  for (let row = 0; row < bodyHeight; row += 1) {
-    const angle = row * 0.49 + phase;
-    const left = Math.round(center + Math.sin(angle) * radius);
-    const right = Math.round(center + Math.sin(angle + Math.PI) * radius);
-    const min = Math.min(left, right);
-    const max = Math.max(left, right);
-    const chars = Array.from({ length: width }, () => ' ');
-    const front = Math.cos(angle) >= 0;
-    const leftColor = front ? ANSI.teal : ANSI.blue;
-    const rightColor = front ? ANSI.amber : ANSI.gray;
-    const bondColor = front ? ANSI.gray : ANSI.blue;
-    const scanActive = row === scanRow;
-
-    place(chars, graphLeft, row === 0 ? '┌' : row === bodyHeight - 1 ? '└' : '│', ANSI.gray);
-    place(chars, graphRight, row === 0 ? '┐' : row === bodyHeight - 1 ? '┘' : '│', ANSI.gray);
-
-    if (row === 0 || row === bodyHeight - 1) {
-      for (let col = graphLeft + 1; col < graphRight; col += 1) {
-        place(chars, col, '─', ANSI.gray);
+  const xA = (y) => Math.round(center + Math.sin(y * 0.19 + phase) * amplitude);
+  const xB = (y) => Math.round(center - Math.sin(y * 0.19 + phase) * amplitude);
+  const frontA = (y) => Math.cos(y * 0.19 + phase) >= 0;
+  const scanY = Math.floor(scanPhase * Math.max(1, pixelHeight - 1));
+
+  for (let y = 0; y < pixelHeight; y += 1) {
+    if (y % 8 === 0) {
+      for (let x = 2; x < pixelWidth - 2; x += 12) {
+        plotBraille(canvas, x, y, 'gray', 0);
       }
     }
 
-    for (let col = min + 2; col < max - 1; col += 1) {
-      const rungChar = row % 4 < 2 ? '═' : '─';
-      place(chars, col, scanActive ? '█' : rungChar, scanActive ? ANSI.white : bondColor);
+    const a = xA(y);
+    const b = xB(y);
+    const previousA = xA(Math.max(0, y - 1));
+    const previousB = xB(Math.max(0, y - 1));
+    const active = Math.abs(y - scanY) <= 2;
+    const thicknessA = frontA(y) || active ? 1 : 0;
+    const thicknessB = !frontA(y) || active ? 1 : 0;
+    const strandAColor = active ? 'white' : 'teal';
+    const strandBColor = active ? 'white' : 'amber';
+    const strandAPriority = active ? 6 : frontA(y) ? 4 : 2;
+    const strandBPriority = active ? 6 : !frontA(y) ? 4 : 2;
+
+    if (y > 0) {
+      drawBrailleLine(canvas, previousA - 2, y - 1, a - 2, y, 0, 'blue', 1);
+      drawBrailleLine(canvas, previousA + 2, y - 1, a + 2, y, 0, 'blue', 1);
+      drawBrailleLine(canvas, previousB - 2, y - 1, b - 2, y, 0, 'gray', 1);
+      drawBrailleLine(canvas, previousB + 2, y - 1, b + 2, y, 0, 'gray', 1);
+      drawBrailleLine(canvas, previousA, y - 1, a, y, thicknessA, strandAColor, strandAPriority);
+      drawBrailleLine(canvas, previousB, y - 1, b, y, thicknessB, strandBColor, strandBPriority);
+    } else {
+      plotBrailleThick(canvas, a - 2, y, 0, 'blue', 1);
+      plotBrailleThick(canvas, a + 2, y, 0, 'blue', 1);
+      plotBrailleThick(canvas, b - 2, y, 0, 'gray', 1);
+      plotBrailleThick(canvas, b + 2, y, 0, 'gray', 1);
+      plotBrailleThick(canvas, a, y, thicknessA, strandAColor, strandAPriority);
+      plotBrailleThick(canvas, b, y, thicknessB, strandBColor, strandBPriority);
     }
 
-    place(chars, left - 1, '▓', leftColor);
-    place(chars, left, scanActive ? '█' : row % 2 === 0 ? '█' : '▓', scanActive ? ANSI.white : leftColor);
-    place(chars, left + 1, '▓', leftColor);
-    place(chars, right - 1, '▓', rightColor);
-    place(chars, right, scanActive ? '█' : row % 2 === 0 ? '█' : '▓', scanActive ? ANSI.white : rightColor);
-    place(chars, right + 1, '▓', rightColor);
-
-    if (row % 4 === 1 || row % 4 === 2) {
-      place(chars, center, scanActive ? '◆' : '◆', scanActive ? ANSI.white : ANSI.gray);
+    if ((y + tick) % pairEvery === 0) {
+      const left = Math.min(a, b);
+      const right = Math.max(a, b);
+      for (let x = left + 3; x < right - 2; x += active ? 2 : 4) {
+        plotBraille(canvas, x, y, active ? 'white' : 'blue', active ? 5 : 1);
+      }
+      plotBrailleThick(canvas, a, y, active ? 1 : 0, strandAColor, strandAPriority + 1);
+      plotBrailleThick(canvas, b, y, active ? 1 : 0, strandBColor, strandBPriority + 1);
+      if (active) {
+        drawBrailleLine(canvas, left + 4, y, right - 4, y, 0, 'white', 5);
+      }
     }
+  }
 
-    lines.push(chars.join(''));
+  for (const line of renderBrailleCanvas(canvas, { useColor })) {
+    lines.push(line);
   }
 
-  lines.push(fitText('', width));
-  lines.push(fitText(colorize(compact ? 'helix stable' : 'helix stable   lattice aligned', ANSI.gray, useColor), width));
-  lines.push(fitText(colorize(compact ? `global ${status.globalReadiness.installed.length}/${status.globalReadiness.required}` : `global ${status.globalReadiness.installed.length}/${status.globalReadiness.required}   clients linked`, ANSI.amber, useColor), width));
+  lines.push(fitText(colorize(`frames ${tick % frameCount}/${frameCount}  global ${status.globalReadiness.installed.length}/${status.globalReadiness.required}`, ANSI.amber, useColor), width));
 
   return lines.slice(0, height).map((line) => fitText(line, width));
 }
@@ -889,6 +1143,23 @@ function telemetryPanelLines(status, selected, width, height, { useColor = false
   return lines.slice(0, height).map((line) => fitText(line, width));
 }
 
+function cyberCorePanelLines(status, selected, width, height, { useColor = false, tick = 0, compact = false } = {}) {
+  const actionArea = resolveCommandArea(selected);
+  const gridHeight = Math.max(compact ? 4 : 6, height - (compact ? 5 : 6));
+  const gridWidth = Math.max(12, width);
+  const lines = [
+    fitText(colorize('SKILL_MASTER CORE', ANSI.bold, useColor), width),
+    fitText(colorize(compact ? 'cyber lattice / low flicker' : 'cyberpunk pixel art workflow engine', ANSI.dim, useColor), width),
+    fitText(colorize(`area ${actionArea} | tick ${String(tick).padStart(3, '0')}`, ANSI.gray, useColor), width),
+    fitText(renderCircuitRail(width, tick, { useColor, color: ANSI.teal }), width),
+    ...renderScanGrid(gridWidth, gridHeight, tick, { useColor }).map((line) => fitText(line, width)),
+    fitText(renderCircuitRail(width, tick + 2, { useColor, color: ANSI.amber }), width),
+    fitText(colorize(`global ${status.globalReadiness.installed.length}/${status.globalReadiness.required} | bundle ${status.bundledCatalog?.total ?? 0}`, ANSI.gray, useColor), width),
+  ];
+
+  return lines.slice(0, height).map((line) => fitText(line, width));
+}
+
 function renderBox(lines, width, title, { useColor = false, color = ANSI.cyan, style = 'normal' } = {}) {
   const innerWidth = Math.max(10, width - 4);
   const titleText = title ? ` ${title.toUpperCase()} ` : '';
@@ -998,7 +1269,7 @@ export function formatCyberMenuFrame(status, commands, selectedIndex, tick = 0,
     colorize('up/down move  enter run  q exit', ANSI.dim, useColor),
     ...visibleCommands.map((command, offset) => {
     const index = scrollStart + offset;
-    const marker = index === selectedIndex ? '▸' : '·';
+    const marker = index === selectedIndex ? '>' : '.';
     const disabled = command.disabledReason ? ' [off]' : '';
     const label = `${marker} ${command.label}${disabled}`;
     return index === selectedIndex
@@ -1015,7 +1286,7 @@ export function formatCyberMenuFrame(status, commands, selectedIndex, tick = 0,
     colorize('DETAIL FOCUS', ANSI.amber, useColor),
     colorize(selected?.label ?? 'Nenhuma acao', ANSI.bold, useColor),
     fitText(colorize(`area ${actionArea} | action ${Math.min(selectedIndex + 1, commands.length)}/${commands.length}`, ANSI.gray, useColor), detailInnerWidth),
-    fitText(colorize('────────────────────────────────', ANSI.amber, useColor), detailInnerWidth),
+    fitText(colorize(patternFill('-=', 32), ANSI.amber, useColor), detailInnerWidth),
     ...splitText(selected?.description, detailInnerWidth, 1),
     ...splitText(selected?.success ? `resultado: ${selected.success}` : '', detailInnerWidth, 1),
     ...splitText(`exec: ${formatActionCommand(selected)}`, detailInnerWidth, 1),
@@ -1027,28 +1298,28 @@ export function formatCyberMenuFrame(status, commands, selectedIndex, tick = 0,
     descriptionLines.push(fitText('', detailInnerWidth));
   }
 
-  const rightTopLines = dnaPanelLines(tick, rightInnerWidth, rightTopInnerHeight, status, { useColor, compact: compactMode });
+  const rightTopLines = dnaPanelLines(tick, rightInnerWidth, rightTopInnerHeight, status, selected, { useColor, compact: compactMode });
   const rightBottomLines = telemetryPanelLines(status, selected, rightInnerWidth, rightBottomInnerHeight, { useColor, tick, compact: compactMode });
-  const summaryBox = renderBox(
+  const summaryBox = renderCyberFrame(
     summaryLines.slice(0, summaryInnerHeight).map((line) => fitText(line, summaryInnerWidth)),
     width,
     'overview',
-    { useColor, color: ANSI.white, style: 'hud' },
+    { useColor, color: ANSI.white, style: 'hud', tick },
   );
-  const actionBox = renderBox(
+  const actionBox = renderCyberFrame(
     actionLines.slice(0, actionInnerHeight).map((line) => fitText(line, actionInnerWidth)),
     leftWidth,
     'actions',
-    { useColor, color: ANSI.gray, style: 'normal' },
+    { useColor, color: ANSI.gray, style: 'thin', tick },
   );
-  const detailBox = renderBox(
+  const detailBox = renderCyberFrame(
     descriptionLines.slice(0, detailInnerHeight).map((line) => fitText(line, detailInnerWidth)),
     leftWidth,
     'details',
-    { useColor, color: ANSI.amber, style: 'focus' },
+    { useColor, color: ANSI.amber, style: 'focus', tick },
   );
-  const dnaBox = renderBox(rightTopLines, rightWidth, 'dna-core', { useColor, color: ANSI.white, style: 'hud' });
-  const telemetryBox = renderBox(rightBottomLines, rightWidth, 'telemetry', { useColor, color: ANSI.blue, style: 'normal' });
+  const dnaBox = renderCyberFrame(rightTopLines, rightWidth, 'dna-core', { useColor, color: ANSI.white, style: 'hud', tick });
+  const telemetryBox = renderCyberFrame(rightBottomLines, rightWidth, 'telemetry', { useColor, color: ANSI.blue, style: 'thin', tick });
   const bodyRows = joinHorizontalBoxes([
     { lines: [...actionBox, ...detailBox], width: leftWidth },
     { lines: [...dnaBox, ...telemetryBox], width: rightWidth },
@@ -1067,27 +1338,97 @@ export function formatRunningActionFrame(status, action, tick = 0, {
   const innerWidth = width - 4;
   const commandArea = resolveCommandArea(action);
   const pulse = renderSparkline(buildTelemetrySeries((status.globalReadiness.installed.length || 1) + tick, Math.max(8, Math.min(18, Math.floor(innerWidth / 5))), tick), { useColor, color: ANSI.teal });
+  const gridHeight = Math.max(4, Math.min(8, height - 14));
   const lines = [
-    colorize('EXECUTION TRANSFER', ANSI.bold, useColor),
+    colorize('SKILL_MASTER WORKFLOW ONLINE', ANSI.bold, useColor),
     fitText(colorize(`area ${commandArea} | launching ${action?.label ?? 'acao'}`, ANSI.amber, useColor), innerWidth),
     fitText(colorize(`pulse ${pulse}`, ANSI.gray, useColor), innerWidth),
+    fitText(renderCircuitRail(innerWidth, tick, { useColor, color: ANSI.teal }), innerWidth),
+    ...renderScanGrid(innerWidth, gridHeight, tick, { useColor }),
     fitText('', innerWidth),
     ...splitText(action?.description ?? '', innerWidth, 2),
     ...splitText(action?.success ? `resultado esperado: ${action.success}` : '', innerWidth, 2),
     ...splitText(`exec: ${formatActionCommand(action)}`, innerWidth, 2),
     fitText('', innerWidth),
-    fitText(colorize('alternando do HUD para o stream real do comando...', ANSI.dim, useColor), innerWidth),
+    fitText(colorize('handoff: HUD -> stream real do comando', ANSI.dim, useColor), innerWidth),
   ];
 
   while (lines.length < Math.max(8, height - 2)) {
     lines.push(fitText('', innerWidth));
   }
 
-  return renderBox(
+  return renderCyberFrame(
     lines.slice(0, Math.max(8, height - 2)).map((line) => fitText(line, innerWidth)),
     width,
     'running',
-    { useColor, color: ANSI.teal, style: 'focus' },
+    { useColor, color: ANSI.teal, style: 'running', tick },
+  ).join('\n');
+}
+
+export function formatSkillMasterIntroFrame(status, tick = 0, {
+  columns = 120,
+  rows = 32,
+  useColor = false,
+  message = 'skill_master assumindo o workflow',
+} = {}) {
+  const width = Math.max(72, Math.min(columns, 150));
+  const height = Math.max(18, Math.min(rows - 1, 34));
+  const innerWidth = width - 4;
+  const gridHeight = Math.max(6, Math.min(12, height - 12));
+  const signal = renderSparkline(buildTelemetrySeries(status.pendingSuccessDrafts + status.studyCandidates + 5, Math.max(12, Math.min(28, Math.floor(innerWidth / 4))), tick), { useColor, color: ANSI.teal });
+  const lines = [
+    colorize('REBORN / SKILL_MASTER', ANSI.bold, useColor),
+    fitText(colorize(message, ANSI.amber, useColor), innerWidth),
+    fitText(colorize(`package ${status.packageName} | version ${status.semver} | channel ${status.manifestVersion}`, ANSI.gray, useColor), innerWidth),
+    fitText(colorize(`signal ${signal}`, ANSI.teal, useColor), innerWidth),
+    fitText(renderCircuitRail(innerWidth, tick, { useColor, color: ANSI.white }), innerWidth),
+    ...renderScanGrid(innerWidth, gridHeight, tick, { useColor }),
+    fitText(renderCircuitRail(innerWidth, tick + 3, { useColor, color: ANSI.amber }), innerWidth),
+    fitText(colorize(`global ${status.globalReadiness.installed.length}/${status.globalReadiness.required} | bundle ${status.bundledCatalog?.total ?? 0} | study ${status.studyCandidates}`, ANSI.gray, useColor), innerWidth),
+    fitText(colorize('modo visual seguro: terminal humano ativo / stdio MCP preservado', ANSI.dim, useColor), innerWidth),
+  ];
+
+  while (lines.length < Math.max(8, height - 2)) {
+    lines.push(fitText('', innerWidth));
+  }
+
+  return renderCyberFrame(
+    lines.slice(0, Math.max(8, height - 2)).map((line) => fitText(line, innerWidth)),
+    width,
+    'boot-sequence',
+    { useColor, color: ANSI.teal, style: 'hud', tick },
+  ).join('\n');
+}
+
+export function formatCyberConfirmFrame(status, action, tick = 0, {
+  columns = 120,
+  rows = 32,
+  useColor = false,
+} = {}) {
+  const width = Math.max(72, Math.min(columns, 140));
+  const height = Math.max(16, Math.min(rows - 1, 28));
+  const innerWidth = width - 4;
+  const commandArea = resolveCommandArea(action);
+  const lines = [
+    colorize('CONFIRMATION GATE', ANSI.bold, useColor),
+    fitText(colorize(action?.confirmMessage ?? 'Confirmar acao?', ANSI.amber, useColor), innerWidth),
+    fitText(`area ${commandArea} | action ${action?.key ?? 'unknown'}`, innerWidth),
+    fitText(renderCircuitRail(innerWidth, tick, { useColor, color: ANSI.amber }), innerWidth),
+    ...splitText(action?.description ?? '', innerWidth, 2),
+    ...splitText(action?.success ? `resultado esperado: ${action.success}` : '', innerWidth, 2),
+    fitText('', innerWidth),
+    fitText(colorize('Y/Enter confirma   N/Esc cancela', ANSI.teal, useColor), innerWidth),
+  ];
+
+  while (lines.length < Math.max(8, height - 2)) {
+    lines.push(fitText('', innerWidth));
+  }
+
+  return renderCyberFrame(
+    lines.slice(0, Math.max(8, height - 2)).map((line) => fitText(line, innerWidth)),
+    width,
+    'subroutine',
+    { useColor, color: ANSI.amber, style: 'focus', tick },
   ).join('\n');
 }
 
@@ -1100,13 +1441,32 @@ export function formatActionHeader(action, { useColor = false } = {}) {
     action.disabledReason ? `Indisponivel: ${action.disabledReason}` : null,
   ].filter(Boolean);
 
-  return renderPanelLines(
-    lines,
-    { color: ANSI.green, useColor },
-  );
+  const width = Math.max(72, Math.min(120, Math.max(...lines.map((line) => visibleLength(line))) + 8));
+  return renderCyberFrame(
+    lines.map((line) => fitText(line, width - 4)),
+    width,
+    'skill-master action',
+    { color: ANSI.green, useColor, style: 'hud' },
+  ).join('\n');
 }
 
 export function formatResultMessage(code, { useColor = false } = {}) {
+  const ok = code === 0;
+  const lines = [
+    colorize(ok ? 'SUBROUTINE COMPLETE' : 'SUBROUTINE FAILED', ok ? ANSI.green : ANSI.red, useColor),
+    ok ? 'Comando concluido com sucesso.' : `Comando terminou com codigo ${code}.`,
+    ok ? 'workflow liberado para a proxima acao' : 'verifique o log acima antes de continuar',
+  ];
+
+  return renderCyberFrame(
+    lines.map((line) => fitText(line, 68)),
+    72,
+    ok ? 'result-ok' : 'result-error',
+    { color: ok ? ANSI.green : ANSI.red, useColor, style: ok ? 'hud' : 'focus' },
+  ).join('\n');
+}
+
+export function formatPlainResultMessage(code, { useColor = false } = {}) {
   if (code === 0) {
     return colorize('Comando concluido com sucesso.', ANSI.green, useColor);
   }
@@ -1139,14 +1499,22 @@ O comando de menu e voltado para operacao humana. O binario MCP stdio continua s
 }
 
 export function runCommand(action, { cwd, env = process.env } = {}) {
-  return new Promise((resolve) => {
-    const child = spawn(action.command, action.args, {
-      cwd,
-      env,
-      shell: process.platform === 'win32',
-      stdio: 'inherit',
-    });
+  return new Promise((resolve, reject) => {
+    let child;
+
+    try {
+      child = spawn(action.command, action.args, {
+        cwd,
+        env,
+        shell: Boolean(action.shell),
+        stdio: 'inherit',
+      });
+    } catch (error) {
+      reject(error);
+      return;
+    }
 
+    child.on('error', reject);
     child.on('close', (code) => {
       resolve(code ?? 1);
     });