clarity-ai 1.0.0 → 1.1.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "clarity-ai",
-  "version": "1.0.0",
+  "version": "1.1.1",
   "description": "AI agent CLI for Termux and terminal — chat, code, automate",
   "type": "module",
   "main": "src/index.js",

package/src/commands/index.js

@@ -12,6 +12,9 @@ import { readFileSync, writeFileSync, existsSync, mkdirSync, readdirSync, statSy
 import { resolve, dirname, basename, extname, join } from 'path';
 import readline from 'readline';
 
+const PKG = JSON.parse(readFileSync(new URL('../../package.json', import.meta.url)));
+const VERSION = PKG.version;
+
 const commandRegistry = {
   async execute(input, context = {}) {
     const parts = input.trim().split(/\s+/);
@@ -624,7 +627,7 @@ const commandRegistry = {
   status() {
     const mem = process.memoryUsage();
     const rows = [
-      ['CLARITY', 'v1.0.0'],
+      ['CLARITY', `v${VERSION}`],
       ['Node.js', process.version],
       ['Platform', `${process.platform} ${process.arch}`],
       ['Termux', isTermux() ? 'Yes' : 'No'],
@@ -640,7 +643,7 @@ const commandRegistry = {
   },
 
   version() {
-    blocks.info('CLARITY v1.0.0', 'AI Agent CLI for Termux\nNode.js ' + process.version + '\n' + (isTermux() ? 'Termux mode: active' : 'Standard terminal'));
+    blocks.info(`CLARITY v${VERSION}`, 'AI Agent CLI for Termux\nNode.js ' + process.version + '\n' + (isTermux() ? 'Termux mode: active' : 'Standard terminal'));
   },
 
   summarize(target) {

package/src/index.js

@@ -39,6 +39,7 @@ process.on('exit', () => {
 });
 
 async function main() {
+  console.clear();
   const args = process.argv.slice(2);
 
   if (args.length === 0 && !hasAnyKeys()) {

package/src/providers/index.js

@@ -18,11 +18,11 @@ const capabilities = {
   openai: { free: false, streaming: true, models: ['gpt-4o-mini', 'gpt-4o', 'gpt-3.5-turbo'], baseURL: 'https://api.openai.com/v1' },
 };
 
-async function sendMessage(apiKey, messages, model, stream = true) {
+function sendMessage(apiKey, messages, model, stream = true) {
   const [providerName] = model.split('/');
   const provider = providers[providerName];
   if (!provider) throw new Error(`Unknown provider: ${providerName}`);
-  
+
   const modelName = model.includes('/') ? model.slice(model.indexOf('/') + 1) : model;
   return provider.sendMessage(apiKey, messages, modelName, stream);
 }

package/src/ui/banner.js

@@ -1,14 +1,24 @@
 import figlet from 'figlet';
 import gradient from 'gradient-string';
-import c from './colors.js';
+import { readFileSync } from 'fs';
 
-const GRADIENT = gradient(['#00d2ff', '#7b2ff7']);
+const PKG = JSON.parse(readFileSync(new URL('../../package.json', import.meta.url)));
+const VERSION = PKG.version;
+const grad = gradient(['#00d2ff', '#7b2ff7', '#bb88ff']);
+
+function center(text) {
+  const width = process.stdout.columns || 80;
+  const lines = text.split('\n');
+  return lines.map(l => ' '.repeat(Math.max(0, Math.floor((width - l.length) / 2))) + l).join('\n');
+}
 
 function renderBanner() {
-  const text = figlet.textSync('CLARITY', { font: 'ANSI Shadow' });
-  console.log(GRADIENT(text));
-  console.log(c.muted('AI Agent CLI — v1.0.0  ⚡ Termux Ready'));
-  console.log(c.muted('─'.repeat(process.stdout.columns || 80)));
+  const ascii = figlet.textSync('CLARITY', { font: 'ANSI Shadow' });
+  console.log();
+  console.log(center(grad(ascii)));
+  console.log();
+  const tag = '✦ AI Agent CLI  —  v' + VERSION + '  ✦';
+  console.log(center(grad(tag)));
   console.log();
 }
 

package/src/ui/blocks.js

@@ -1,54 +1,109 @@
-import boxen from 'boxen';
 import cliTable3 from 'cli-table3';
 import c from './colors.js';
 
+function hr(char = '─', color = c.dim) {
+  const w = process.stdout.columns || 80;
+  console.log(color(char.repeat(w)));
+}
+
+function gap(n = 1) {
+  console.log('\n'.repeat(n - 1));
+}
+
 const blocks = {
-  info(title, message) {
-    console.log(boxen(message, { padding: 1, borderColor: '#44aaff', borderStyle: 'round', title: ` ℹ ${title} `, titleAlignment: 'left' }));
+  info(title, msg) {
+    gap();
+    console.log(c.info(`  ┌── ℹ ${title} ${'─'.repeat(Math.max(0, (process.stdout.columns || 80) - title.length - 10))}┐`));
+    msg.split('\n').forEach(l => console.log(c.info('  │') + c.white(` ${l}`.padEnd((process.stdout.columns || 80) - 4)) + c.info('│')));
+    console.log(c.info(`  └${'─'.repeat((process.stdout.columns || 80) - 4)}┘`));
+    gap();
   },
-  success(title, message) {
-    console.log(boxen(message, { padding: 1, borderColor: '#00ff88', borderStyle: 'round', title: ` ✓ ${title} `, titleAlignment: 'left' }));
+
+  success(title, msg) {
+    gap();
+    console.log(c.success(`  ┌── ✓ ${title} ${'─'.repeat(Math.max(0, (process.stdout.columns || 80) - title.length - 10))}┐`));
+    msg.split('\n').forEach(l => console.log(c.success('  │') + c.white(` ${l}`.padEnd((process.stdout.columns || 80) - 4)) + c.success('│')));
+    console.log(c.success(`  └${'─'.repeat((process.stdout.columns || 80) - 4)}┘`));
+    gap();
   },
-  warn(title, message) {
-    console.log(boxen(message, { padding: 1, borderColor: '#ffcc00', borderStyle: 'round', title: ` ⚠ ${title} `, titleAlignment: 'left' }));
+
+  warn(title, msg) {
+    gap();
+    console.log(c.warning(`  ┌── ⚠ ${title} ${'─'.repeat(Math.max(0, (process.stdout.columns || 80) - title.length - 10))}┐`));
+    msg.split('\n').forEach(l => console.log(c.warning('  │') + c.white(` ${l}`.padEnd((process.stdout.columns || 80) - 4)) + c.warning('│')));
+    console.log(c.warning(`  └${'─'.repeat((process.stdout.columns || 80) - 4)}┘`));
+    gap();
   },
-  error(title, message) {
-    console.log(boxen(message, { padding: 1, borderColor: '#ff4466', borderStyle: 'round', title: ` ✗ ${title} `, titleAlignment: 'left' }));
+
+  error(title, msg) {
+    gap();
+    console.log(c.error(`  ┌── ✗ ${title} ${'─'.repeat(Math.max(0, (process.stdout.columns || 80) - title.length - 10))}┐`));
+    msg.split('\n').forEach(l => console.log(c.error('  │') + c.white(` ${l}`.padEnd((process.stdout.columns || 80) - 4)) + c.error('│')));
+    console.log(c.error(`  └${'─'.repeat((process.stdout.columns || 80) - 4)}┘`));
+    gap();
   },
-  code(language, code) {
-    console.log(`\n${c.muted('```' + language)}`);
-    console.log(c.code(code));
-    console.log(`${c.muted('```')}\n`);
+
+  code(lang, code) {
+    console.log(c.dim(`  ┌─ ${lang} ${'─'.repeat(Math.max(0, (process.stdout.columns || 80) - lang.length - 8))}`));
+    code.split('\n').forEach(l => console.log(c.code(`  │ ${l}`)));
+    console.log(c.dim(`  └${'─'.repeat((process.stdout.columns || 80) - 4)}`));
   },
+
   file(path, content) {
-    console.log(boxen(c.filename(path) + '\n\n' + content, { padding: 1, borderColor: '#ffcc66', borderStyle: 'single' }));
+    console.log(c.filename(`  ┌─ ${path}`));
+    content.split('\n').forEach(l => console.log(c.white(`  │ ${l}`)));
+    console.log(c.dim(`  └${'─'.repeat((process.stdout.columns || 80) - 4)}`));
   },
-  ai(message) {
-    console.log(boxen(c.ai(message), { padding: 1, borderColor: '#7b2ff7', borderStyle: 'double' }));
+
+  ai(msg) {
+    const w = process.stdout.columns || 80;
+    console.log(c.accent(`  ╔${'═'.repeat(w - 4)}╗`));
+    msg.split('\n').forEach(l => console.log(c.accent('  ║') + c.ai(` ${l}`.padEnd(w - 4)) + c.accent('║')));
+    console.log(c.accent(`  ╚${'═'.repeat(w - 4)}╝`));
+    gap();
   },
-  user(message) {
-    console.log(boxen(c.user(message), { padding: 1, borderColor: '#00d2ff', borderStyle: 'single' }));
+
+  user(msg) {
+    const w = process.stdout.columns || 80;
+    console.log(c.primary(`  ┌${'─'.repeat(w - 4)}┐`));
+    msg.split('\n').forEach(l => console.log(c.primary('  │') + c.user(` ${l}`.padEnd(w - 4)) + c.primary('│')));
+    console.log(c.primary(`  └${'─'.repeat(w - 4)}┘`));
+    gap();
   },
+
   table(headers, rows) {
-    const t = new cliTable3({ head: headers.map(h => c.primary(h)), style: { border: ['#555577'] } });
-    rows.forEach(r => t.push(r));
+    const t = new cliTable3({
+      head: headers.map(h => c.primary(h)),
+      style: { head: [], border: ['#2a2a4a'] },
+      chars: { 'top': '─', 'top-mid': '┬', 'top-left': '┌', 'top-right': '┐',
+               'bottom': '─', 'bottom-mid': '┴', 'bottom-left': '└', 'bottom-right': '┘',
+               'left': '│', 'left-mid': '├', 'mid': '─', 'mid-mid': '┼',
+               'right': '│', 'right-mid': '┤' }
+    });
+    rows.forEach(r => t.push(r.map(v => c.white(String(v)))));
     console.log(t.toString());
   },
+
   divider(label) {
-    const width = process.stdout.columns || 80;
-    const side = Math.floor((width - (label ? label.length + 4 : 0)) / 2);
-    console.log(c.muted('─'.repeat(side) + (label ? ` ${label} ` : '') + '─'.repeat(side)));
+    const w = process.stdout.columns || 80;
+    if (label) {
+      const side = Math.floor((w - label.length - 4) / 2);
+      console.log(c.dim(` ${'─'.repeat(side)} ${label} ${'─'.repeat(side)}`));
+    } else {
+      hr();
+    }
   },
+
   badge(text, color = 'cyan') {
     const colors = { cyan: c.primary, purple: c.accent, green: c.success, yellow: c.warning, red: c.error };
     return (colors[color] || c.primary)(`[${text}]`);
   },
+
   progress(label, pct) {
-    const width = 20;
-    const filled = Math.round(width * pct / 100);
-    const empty = width - filled;
-    const bar = '█'.repeat(filled) + '░'.repeat(empty);
-    console.log(`${c.muted(label)} ${c.primary(bar)} ${c.white(String(pct))}%`);
+    const w = 20;
+    const filled = Math.round(w * pct / 100);
+    const bar = c.primary('█'.repeat(filled)) + c.dim('░'.repeat(w - filled));
+    console.log(`  ${c.muted(label)} ${bar} ${c.white(String(pct))}%`);
   }
 };
 

package/src/ui/chatbox.js

@@ -1,25 +1,28 @@
-import readline from 'readline';
 import c from './colors.js';
 import renderBanner from './banner.js';
 import settings from '../config/settings.js';
 import { hasAnyKeys } from '../config/keys.js';
 import { getKey, PROVIDER_NAMES } from '../config/keys.js';
 import { sendMessage } from '../providers/index.js';
-import { createPrompt, addToHistory, loadHistory } from './prompt.js';
+import { createPrompt, showPrompt, addToHistory, loadHistory } from './prompt.js';
 import blocks from './blocks.js';
 import spin from './spinner.js';
-import { renderMarkdown } from '../utils/markdown.js';
 import commandRegistry from '../commands/index.js';
 import memory from '../memory/store.js';
 
 let rl = null;
 let conversation = [];
 
-function getHeader() {
+function renderHeader() {
   const model = settings.get('defaultModel') || 'groq/llama3-70b-8192';
-  const width = process.stdout.columns || 80;
-  const header = ` CLARITY CHAT ──────── Model: ${model} ── /help for commands `;
-  return c.primary('┌─') + c.muted(header.padEnd(width - 4, '─')) + c.primary('┐');
+  const w = process.stdout.columns || 80;
+  const left = c.accent('◈');
+  const mid = c.muted(` ${model} `);
+  const right = c.muted('/help');
+  const total = 6 + mid.length + right.length + 2;
+  const pad = '.'.repeat(Math.max(0, w - total - 4));
+  console.log(c.border(`  ${left}${c.dim(pad)}${mid}${c.dim(pad)}${right}`));
+  blocks.divider();
 }
 
 function startChat() {
@@ -31,27 +34,27 @@ function startChat() {
   loadHistory();
   console.clear();
   renderBanner();
-  console.log(getHeader());
+  renderHeader();
   console.log();
 
   rl = createPrompt();
-  rl.prompt();
+  showPrompt();
 
   rl.on('line', async (line) => {
     const input = line.trim();
-    if (!input) { rl.prompt(); return; }
+    if (!input) { showPrompt(); return; }
 
     addToHistory(input);
 
     if (input.startsWith('/')) {
-      const result = await commandRegistry.execute(input, { rl, conversation });
+      const result = await commandRegistry.execute(input, { rl, conversation, showPrompt });
       if (result?.exit) { closeChat(); return; }
     } else {
       conversation.push({ role: 'user', content: input });
       blocks.user(input);
       await handleAIResponse();
     }
-    rl.prompt();
+    showPrompt();
   });
 
   rl.on('close', () => {
@@ -61,7 +64,7 @@ function startChat() {
 
   rl.on('SIGINT', () => {
     console.log(c.muted('\nUse /exit to quit'));
-    rl.prompt();
+    showPrompt();
   });
 }
 
@@ -85,23 +88,26 @@ async function handleAIResponse() {
 
     if (settings.get('stream')) {
       spin.stop();
-      process.stdout.write(c.ai('CLARITY ▸ '));
+      const w = process.stdout.columns || 80;
+      console.log(c.accent(`  ╔${'═'.repeat(w - 4)}╗`));
+      process.stdout.write(c.accent('  ║ ') + c.ai('CLARITY ') + c.white(''));
       let full = '';
       for await (const chunk of stream) {
         full += chunk;
         process.stdout.write(c.white(chunk));
       }
-      process.stdout.write('\n\n');
+      console.log();
+      console.log(c.accent(`  ╚${'═'.repeat(w - 4)}╝`));
+      console.log();
       conversation.push({ role: 'assistant', content: full });
       memory.add(conversation);
     } else {
+      spin.stop();
       let full = '';
       for await (const chunk of stream) {
         full += chunk;
       }
-      spin.stop();
-      const rendered = renderMarkdown(full);
-      blocks.ai(rendered);
+      blocks.ai(full);
       conversation.push({ role: 'assistant', content: full });
       memory.add(conversation);
     }
@@ -109,7 +115,7 @@ async function handleAIResponse() {
     if (settings.get('showTokens')) {
       const inTokens = Math.ceil(conversation.reduce((s, m) => s + m.content.length, 0) / 4);
       const outTokens = Math.ceil(conversation.filter(m => m.role === 'assistant').reduce((s, m) => s + m.content.length, 0) / 4);
-      console.log(c.muted(`[tokens: ${inTokens} in / ${outTokens} out | cost: free]`));
+      console.log(c.dim(`  tokens: ${inTokens} in / ${outTokens} out  •  free`));
     }
   } catch (err) {
     spin.fail('Error');
@@ -119,7 +125,7 @@ async function handleAIResponse() {
 
 function closeChat() {
   if (rl) rl.close();
-  console.log(c.muted('\nThank you for using CLARITY!'));
+  console.log(c.muted('\nGoodbye!'));
   process.exit(0);
 }
 

package/src/ui/colors.js

@@ -1,22 +1,27 @@
 import chalk from 'chalk';
-export const c = {
-  primary: chalk.hex('#00d2ff'),
-  accent: chalk.hex('#7b2ff7'),
-  success: chalk.hex('#00ff88'),
-  warning: chalk.hex('#ffcc00'),
-  error: chalk.hex('#ff4466'),
-  info: chalk.hex('#00aaff'),
-  muted: chalk.hex('#666888'),
-  white: chalk.hex('#f0f0ff'),
-  user: chalk.hex('#00d2ff').bold,
-  ai: chalk.hex('#bb88ff').bold,
-  system: chalk.hex('#888888').italic,
-  code: chalk.hex('#aaffcc'),
-  filename: chalk.hex('#ffcc66').underline,
-  cmd: chalk.hex('#ff8844').bold,
-  bgError: chalk.bgHex('#3d0010').hex('#ff4466'),
-  bgSuccess: chalk.bgHex('#003d1a').hex('#00ff88'),
-  bgInfo: chalk.bgHex('#001a3d').hex('#00aaff'),
-  bgWarn: chalk.bgHex('#3d3000').hex('#ffcc00'),
+
+const c = {
+  primary:   chalk.hex('#00d2ff'),
+  accent:    chalk.hex('#7b2ff7'),
+  success:   chalk.hex('#00ff88'),
+  warning:   chalk.hex('#ffcc00'),
+  error:     chalk.hex('#ff4466'),
+  info:      chalk.hex('#44aaff'),
+  muted:     chalk.hex('#555577'),
+  white:     chalk.hex('#e0e0ff'),
+  user:      chalk.bold.hex('#00d2ff'),
+  ai:        chalk.bold.hex('#bb88ff'),
+  system:    chalk.italic.hex('#666888'),
+  code:      chalk.hex('#aaffcc'),
+  filename:  chalk.underline.hex('#ffcc66'),
+  cmd:       chalk.bold.hex('#ff8844'),
+  bgError:   chalk.bgHex('#1a0008').hex('#ff4466'),
+  bgSuccess: chalk.bgHex('#001a0a').hex('#00ff88'),
+  bgInfo:    chalk.bgHex('#000d1a').hex('#44aaff'),
+  bgWarn:    chalk.bgHex('#1a1500').hex('#ffcc00'),
+  border:    chalk.hex('#2a2a4a'),
+  glow:      chalk.hex('#3a3a6a'),
+  dim:       chalk.hex('#3a3a5a'),
 };
+
 export default c;

package/src/ui/prompt.js

@@ -1,27 +1,26 @@
 import readline from 'readline';
-import { createReadStream, createWriteStream, existsSync } from 'fs';
+import { existsSync, readFileSync, writeFileSync, mkdirSync } from 'fs';
+import { dirname } from 'path';
 import paths from '../config/paths.js';
 import c from './colors.js';
 
 const HISTORY_FILE = paths.history;
 const MAX_HISTORY = 500;
-
 let history = [];
 
 function loadHistory() {
   try {
     if (existsSync(HISTORY_FILE)) {
-      const data = require('fs').readFileSync(HISTORY_FILE, 'utf8');
-      history = data.split('\n').filter(Boolean).slice(-MAX_HISTORY);
+      history = readFileSync(HISTORY_FILE, 'utf8').split('\n').filter(Boolean).slice(-MAX_HISTORY);
     }
   } catch {}
 }
 
 function saveHistory() {
   try {
-    const dir = require('path').dirname(HISTORY_FILE);
-    if (!existsSync(dir)) require('fs').mkdirSync(dir, { recursive: true });
-    require('fs').writeFileSync(HISTORY_FILE, history.slice(-MAX_HISTORY).join('\n'));
+    const dir = dirname(HISTORY_FILE);
+    if (!existsSync(dir)) mkdirSync(dir, { recursive: true });
+    writeFileSync(HISTORY_FILE, history.slice(-MAX_HISTORY).join('\n'));
   } catch {}
 }
 
@@ -33,17 +32,22 @@ function addToHistory(line) {
   }
 }
 
-function createPrompt(onselect) {
+function createPrompt() {
+  loadHistory();
   const rl = readline.createInterface({
     input: process.stdin,
     output: process.stdout,
-    history: history,
+    history,
     historySize: MAX_HISTORY,
     terminal: true,
-    prompt: c.user('┃ you › '),
+    prompt: '',
   });
-
   return rl;
 }
 
-export { createPrompt, loadHistory, addToHistory, history };
+function showPrompt() {
+  const prefix = c.primary('◇');
+  process.stdout.write(` ${prefix} `);
+}
+
+export { createPrompt, showPrompt, addToHistory, loadHistory, history };

package/src/ui/spinner.js

@@ -1,43 +1,49 @@
-import ora from 'ora';
-import { isTermux } from '../utils/termux.js';
+import c from './colors.js';
 
-const useUnicode = !isTermux() || process.env.TERMUX_VERSION !== undefined;
-const spinnerFrames = useUnicode
-  ? ['⣾','⣽','⣻','⢿','⡿','⣟','⣯','⣷']
-  : ['|','/','-','\\'];
+const frames = ['◐', '◓', '◑', '◒'];
+let interval = null;
+let currentText = '';
 
-let spinner = null;
+function start(text) {
+  stop();
+  currentText = text;
+  let i = 0;
+  process.stdout.write(c.accent(frames[i]) + c.muted(` ${text}`));
+  interval = setInterval(() => {
+    i = (i + 1) % frames.length;
+    process.stdout.clearLine(0);
+    process.stdout.cursorTo(0);
+    process.stdout.write(c.accent(frames[i]) + c.muted(` ${currentText}`));
+  }, 120);
+  return spin;
+}
 
-const spin = {
-  start(text) {
-    if (spinner) spinner.stop();
-    spinner = ora({ text, spinner: { frames: spinnerFrames, interval: 80 } }).start();
-    return spin;
-  },
-  stop() {
-    if (spinner) { spinner.stop(); spinner = null; }
-    return spin;
-  },
-  succeed(text) {
-    if (spinner) { spinner.succeed(text); spinner = null; }
-    return spin;
-  },
-  fail(text) {
-    if (spinner) { spinner.fail(text); spinner = null; }
-    return spin;
-  },
-  info(text) {
-    if (spinner) { spinner.info(text); spinner = null; }
-    return spin;
-  },
-  warn(text) {
-    if (spinner) { spinner.warn(text); spinner = null; }
-    return spin;
-  },
-  update(text) {
-    if (spinner) spinner.text = text;
-    return spin;
+function stop() {
+  if (interval) {
+    clearInterval(interval);
+    interval = null;
+    process.stdout.clearLine(0);
+    process.stdout.cursorTo(0);
   }
-};
+  return spin;
+}
 
+function succeed(text) {
+  stop();
+  if (text) console.log(c.success(`  ✓ ${text}`));
+  return spin;
+}
+
+function fail(text) {
+  stop();
+  if (text) console.log(c.error(`  ✗ ${text}`));
+  return spin;
+}
+
+function update(text) {
+  currentText = text;
+  return spin;
+}
+
+const spin = { start, stop, succeed, fail, update };
 export default spin;