subconscious-cli 4.0.3 → 4.0.4

package/bin/branding.js

@@ -1,4 +1,4 @@
-import { colorEnabled } from './colors.js';
+import { BRAND_ORANGE, colorEnabled } from './colors.js';
 
 // Pre-rendered from assets/imgs/logo.png as portable, 7-bit ASCII art.
 const LOGO = [
@@ -20,7 +20,6 @@ const LOGO = [
   '      ######        #####',
 ].join('\n');
 
-const ORANGE = '\x1b[38;2;255;92;40m';
 const BOLD = '\x1b[1m';
 const RESET = '\x1b[0m';
 
@@ -34,6 +33,6 @@ export function renderBanner(options = {}) {
   // still get the same logo without ANSI styling.
   if (!isTTY || term === 'dumb') return `  ${title}`;
 
-  const logo = color ? `${ORANGE}${LOGO}${RESET}` : LOGO;
+  const logo = color ? `${BRAND_ORANGE}${LOGO}${RESET}` : LOGO;
   return `${logo}\n\n  ${title}`;
 }

package/bin/colors.js

@@ -10,6 +10,11 @@ export const colorEnabled =
   (forceColor || process.stdout.isTTY === true);
 
 const ansi = (code) => (colorEnabled ? `\x1b[${code}m` : '');
+const rgb = (red, green, blue) =>
+  colorEnabled ? `\x1b[38;2;${red};${green};${blue}m` : '';
+const bgRgb = (red, green, blue) =>
+  colorEnabled ? `\x1b[48;2;${red};${green};${blue}m` : '';
+export const BRAND_ORANGE = '\x1b[38;2;255;92;40m';
 
 export const c = {
   reset: ansi(0),
@@ -20,6 +25,10 @@ export const c = {
   red: ansi(31),
   yellow: ansi(33),
   magenta: ansi(35),
+  black: ansi(30),
+  orange: colorEnabled ? BRAND_ORANGE : '',
+  orangeSoft: rgb(255, 145, 105),
+  bgOrange: bgRgb(255, 92, 40),
   underline: ansi(4),
   inverse: ansi(7),
 };

package/bin/update-check.js

@@ -1,11 +1,18 @@
 import fs from 'node:fs/promises';
 import { spawn } from 'node:child_process';
 import readline from 'node:readline';
-import { c } from './colors.js';
+import { c, colorEnabled } from './colors.js';
 
 export const PACKAGE_NAME = 'subconscious-cli';
 export const UPDATE_CHECK_TIMEOUT_MS = 1500;
 const UPDATE_ACTIONS = ['Update now', 'Skip for now'];
+const UPDATE_LOGO = [
+  '  ●     ●',
+  '   ╲   ╱ ',
+  '●─── ╳ ───●',
+  '   ╱   ╲ ',
+  '  ●     ●',
+];
 
 function parseVersion(version) {
   const match = String(version)
@@ -85,18 +92,32 @@ export async function fetchLatestVersion(options = {}) {
 }
 
 export function renderUpdateNotice(installedVersion, latestVersion) {
-  const title = 'Subconscious CLI update available';
-  const versions = `${installedVersion} -> ${latestVersion}`;
-  const width = Math.max(title.length, versions.length);
-  const border = `+${'-'.repeat(width + 2)}+`;
-  const row = (text, style = '') =>
-    `${c.yellow}|${c.reset} ${style}${text.padEnd(width)}${c.reset} ${c.yellow}|${c.reset}`;
+  const logoWidth = Math.max(...UPDATE_LOGO.map((line) => line.length));
+  const textWidth = 24;
+  const gap = '   ';
+  const innerWidth = logoWidth + gap.length + textWidth + 2;
+  const border = `${c.orange}╭${'─'.repeat(innerWidth)}╮${c.reset}`;
+  const bottom = `${c.orange}╰${'─'.repeat(innerWidth)}╯${c.reset}`;
+  const text = [
+    { raw: 'Subconscious CLI', value: `${c.orange}${c.bold}Subconscious CLI${c.reset}` },
+    { raw: 'Update available', value: `${c.bold}Update available${c.reset}` },
+    { raw: '', value: '' },
+    {
+      raw: `${installedVersion}  →  ${latestVersion}`,
+      value: `${c.dim}${installedVersion}${c.reset}  ${c.orange}→${c.reset}  ${c.orange}${c.bold}${latestVersion}${c.reset}`,
+    },
+    { raw: '', value: '' },
+  ];
+  const row = (logo, copy) => {
+    const logoPadding = ' '.repeat(logoWidth - logo.length);
+    const textPadding = ' '.repeat(textWidth - copy.raw.length);
+    return `${c.orange}│${c.reset} ${c.orange}${logo}${logoPadding}${c.reset}${gap}${copy.value}${textPadding} ${c.orange}│${c.reset}`;
+  };
 
   return [
-    `  ${c.yellow}${border}${c.reset}`,
-    `  ${row(title, c.bold)}`,
-    `  ${row(versions, c.cyan)}`,
-    `  ${c.yellow}${border}${c.reset}`,
+    `  ${border}`,
+    ...UPDATE_LOGO.map((logo, index) => `  ${row(logo, text[index])}`),
+    `  ${bottom}`,
   ].join('\n');
 }
 
@@ -110,11 +131,14 @@ export function renderUpdateOptions(selectedIndex = 0, versions = {}) {
 
   return UPDATE_ACTIONS.map((label, index) => {
     const active = index === selectedIndex;
-    const pointer = active ? `${c.cyan}>${c.reset}` : ' ';
+    const pointer = active ? `${c.orange}›${c.reset}` : ' ';
+    const activeStyle = colorEnabled
+      ? `${c.bgOrange}${c.black}`
+      : c.inverse;
     const option = active
-      ? `${c.inverse}${c.bold} ${label} ${c.reset}`
+      ? `${activeStyle}${c.bold} ${label} ${c.reset}`
       : ` ${label} `;
-    const descriptionStyle = active ? c.cyan : c.dim;
+    const descriptionStyle = active ? c.orangeSoft : c.dim;
     return `  ${pointer} ${option}\n      ${descriptionStyle}${descriptions[index]}${c.reset}`;
   }).join('\n');
 }
@@ -132,7 +156,7 @@ export async function selectUpdateAction(options = {}) {
   const output = options.output || process.stderr;
   const initiallyRaw = input.isRaw === true;
   let selectedIndex = options.selectedIndex ?? 0;
-  const instructions = `  ${c.dim}Use ↑/↓ to select • Enter to confirm${c.reset}`;
+  const instructions = `  ${c.dim}Use ${c.orange}↑/↓${c.reset}${c.dim} to select  •  ${c.orange}Enter${c.reset}${c.dim} to confirm${c.reset}`;
   const render = () =>
     `${renderUpdateOptions(selectedIndex, {
       installedVersion: options.installedVersion,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "subconscious-cli",
-  "version": "4.0.3",
+  "version": "4.0.4",
   "description": "CLI for Subconscious — run Claude Code, Codex, OpenCode, Cursor, Copilot, and Pi",
   "bin": {
     "subc": "bin/cli.js"