clarity-ai 6.1.0 → 6.2.0

package/bin/clarity.js

@@ -5,13 +5,19 @@ import { App } from '../src/app.js';
 import { hasKey } from '../src/config/keys.js';
 import { createInterface } from 'readline';
 
-// Full terminal reset: clear screen, reset cursor, reset scrollback
-process.stdout.write('\x1Bc\x1b[2J\x1b[0f\x1b[?25h');
+process.stdout.write('\x1b[2J\x1b[0f');
+
+// Force stdin into flowing mode BEFORE any I/O that might pause it.
+// Without this, Ink's useInput never activates, the event loop
+// has no handles, and the process exits immediately.
+process.stdin.resume();
+process.stdin.setEncoding('utf8');
 
 async function main() {
   const provider = process.env.CLARITY_PROVIDER || 'groq';
 
   if (!hasKey(provider)) {
+    // Save raw state before readline hijacks stdin
     const rl = createInterface({ input: process.stdin, output: process.stdout });
     const key = await new Promise(resolve => {
       rl.question('\n\x1b[33m No ' + provider + ' API key found.\x1b[0m\n Enter your ' + provider + ' key: ', (answer) => {
@@ -21,32 +27,41 @@ async function main() {
     });
     const { setKey } = await import('../src/config/keys.js');
     setKey(provider, key);
-    // Re-clear after key prompt
-    process.stdout.write('\x1Bc\x1b[2J\x1b[0f');
+    process.stdout.write('\x1b[2J\x1b[0f');
+    // Re-resume stdin — readline.close() can leave it paused
+    process.stdin.resume();
   }
 
   const config = { provider, model: process.env.CLARITY_MODEL || 'groq/llama-3.3-70b-versatile' };
 
-  const { waitUntilExit } = render(React.createElement(App, { config }), { fullscreen: true });
+  // Mount Ink. fullscreen:true tells Ink to own stdin/output.
+  // Keep the render ref so we can wait for graceful exit.
+  const { waitUntilExit, clear } = render(React.createElement(App, { config }), {
+    fullscreen: true,
+    patchConsole: false,
+  });
+
+  // Keep the event loop alive even if Ink's reconciler settles.
+  // On some Termux/Node combos, waitUntilExit can fire early when
+  // no async updates are pending — this interval prevents that.
+  const keepAlive = setInterval(() => {}, 2 ** 31 - 1);
 
-  // Cleanup handlers
   function cleanup() {
-    process.stdout.write('\x1Bc\x1b[?25h\x1b[0m');
+    clearInterval(keepAlive);
+    clear();
+    process.stdout.write('\x1b[?25h\x1b[0m');
     process.exit(0);
   }
 
   process.on('SIGINT', cleanup);
   process.on('SIGTERM', cleanup);
-  process.on('exit', () => {
-    process.stdout.write('\x1Bc\x1b[?25h\x1b[0m');
-  });
 
   await waitUntilExit;
   cleanup();
 }
 
 main().catch(err => {
-  process.stdout.write('\x1Bc\x1b[?25h\x1b[0m');
+  process.stdout.write('\x1b[?25h\x1b[0m');
   console.error('\n\x1b[31mFatal error:\x1b[0m', err.message);
   process.exit(1);
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "clarity-ai",
-  "version": "6.1.0",
+  "version": "6.2.0",
   "description": "Premium OpenCode-style terminal AI agent — 24-bit TrueColor theme, 8s timeout recovery, virtual scroll, inline tool trees, collapsible thought cards",
   "type": "module",
   "bin": {

package/src/components/ToolCard.js

@@ -9,22 +9,27 @@ export function ToolCard({ name, args, status, duration, result, error }) {
   const icon = status === 'running' ? '\u25CF' :
                status === 'failed' ? '\u2716' : '\u2714';
   const argsStr = args ? JSON.stringify(args).slice(0, 60) : '';
-  const timeStr = duration ? ' ' + duration + 'ms' : '';
+  const timeStr = duration != null ? ' ' + duration + 'ms' : (status === 'running' ? ' 0ms' : '');
+  const w = process.stdout.columns || 80;
 
-  return h(Box, { flexDirection: 'column', marginY: 1, backgroundColor: theme.surfaceAlt, borderStyle: 'round', borderColor: col },
+  return h(Box, { flexDirection: 'column', marginY: 1, marginLeft: 0,
+    borderStyle: 'round', borderColor: col, backgroundColor: theme.surfaceAlt },
     h(Box, { flexDirection: 'row', gap: 1, paddingX: 1 },
-      h(Text, { color: col }, icon + ' ' + name),
-      argsStr ? h(Text, { color: theme.textMuted }, argsStr) : null,
-      timeStr ? h(Text, { color: theme.textMuted }, timeStr) : null,
+      h(Text, { color: col, bold: true }, icon + ' ' + name),
+      argsStr ? h(Text, { color: theme.textMuted, wrap: 'truncate-end' }, argsStr) : null,
     ),
-    status === 'completed' && result
-      ? h(Box, { paddingX: 1 },
-          h(Text, { color: theme.textDim, wrap: 'wrap' }, String(result).slice(0, 200))
+    h(Box, { flexDirection: 'row', paddingX: 1, gap: 2 },
+      h(Text, { color: theme.textMuted }, '\u29D6 ' + (status === 'running' ? 'running' : status)),
+      timeStr ? h(Text, { color: theme.textMuted }, '\u29D7 ' + timeStr.trim()) : null,
+    ),
+    (status === 'completed' && result)
+      ? h(Box, { paddingX: 1, paddingTop: 1, borderStyle: 'single', borderColor: theme.border },
+          h(Text, { color: theme.textDim, wrap: 'wrap' }, String(result).slice(0, Math.min(w - 8, 300)))
         )
       : null,
-    status === 'failed' && error
-      ? h(Box, { paddingX: 1 },
-          h(Text, { color: theme.error, wrap: 'wrap' }, String(error).slice(0, 200))
+    (status === 'failed' && error)
+      ? h(Box, { paddingX: 1, paddingTop: 1 },
+          h(Text, { color: theme.error, wrap: 'wrap' }, String(error).slice(0, w - 6))
         )
       : null,
   );