miii-cli 0.2.6 → 0.2.7

package/dist/tui/InputBar.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState, useCallback, useRef } from 'react';
+import { useState, useCallback, useRef, useMemo } from 'react';
 import { Box, Text, useStdout } from 'ink';
 import { InputArea } from './components/InputArea.js';
 import { ModelPicker } from './components/ModelPicker.js';
@@ -42,6 +42,7 @@ function buildAtContext(text) {
 export function InputBar({ config, skills, cwd, session, version }) {
     const { stdout } = useStdout();
     const cols = stdout.columns ?? 80;
+    const phraseSeq = useMemo(() => Array.from({ length: 100 }, () => Math.floor(Math.random() * THINKING_PHRASES.length)), []);
     const [planningMode, setPlanningMode] = useState(false);
     const macroQueueRef = useRef(new MacroQueue());
     const executorRef = useRef(new TaskExecutor(tools));
@@ -446,7 +447,7 @@ export function InputBar({ config, skills, cwd, session, version }) {
     }, [skills, runLoop, openPicker]);
     const skillList = skills.list();
     // ─── render ────────────────────────────────────────────────────────────────
-    return (_jsxs(Box, { flexDirection: "column", children: [pickerOpen ? (_jsxs(_Fragment, { children: [_jsx(ModelPicker, { models: pickerModels, current: currentModel, loading: pickerLoading, error: pickerError, pull: pullState, onSelect: handleModelSelect, onPull: handleModelPull, onClose: () => { setPickerOpen(false); } }), _jsx(Divider, { cols: cols })] })) : (status === 'thinking' || status === 'tool') ? (_jsxs(_Fragment, { children: [_jsxs(Box, { flexDirection: "column", paddingX: 1, children: [_jsx(Text, { bold: true, color: "green", children: "miii" }), _jsxs(Box, { paddingLeft: 2, flexDirection: "column", children: [_jsx(Box, { children: status === 'thinking'
-                                            ? _jsxs(_Fragment, { children: [_jsxs(Text, { color: "yellow", children: [SPARKLE[tick % SPARKLE.length], " "] }), _jsx(Text, { color: "gray", dimColor: true, italic: true, children: THINKING_PHRASES[Math.floor(tick / 62) % THINKING_PHRASES.length] })] })
-                                            : _jsxs(Text, { color: "yellow", dimColor: true, children: ["\u2699 running ", currentTool ?? 'tool', "\u2026"] }) }), _jsxs(Box, { gap: 2, children: [_jsxs(Text, { color: "gray", dimColor: true, children: [Math.floor((Date.now() - thinkingStartRef.current) / 1000), "s"] }), taskLabel && _jsx(Text, { color: "cyan", dimColor: true, children: taskLabel })] })] })] }), _jsx(Divider, { cols: cols })] })) : null, _jsx(InputArea, { status: status, skills: skillList, cwd: cwd, planningMode: planningMode, onSubmit: handleSubmit, onAbort: handleAbort })] }));
+    return (_jsxs(Box, { flexDirection: "column", children: [pickerOpen ? (_jsxs(_Fragment, { children: [_jsx(ModelPicker, { models: pickerModels, current: currentModel, loading: pickerLoading, error: pickerError, pull: pullState, onSelect: handleModelSelect, onPull: handleModelPull, onClose: () => { setPickerOpen(false); } }), _jsx(Divider, { cols: cols })] })) : (status === 'thinking' || status === 'tool') ? (_jsxs(_Fragment, { children: [_jsx(Box, { flexDirection: "column", paddingX: 1, children: _jsxs(Box, { flexDirection: "column", children: [_jsx(Box, { children: status === 'thinking'
+                                        ? _jsxs(_Fragment, { children: [_jsxs(Text, { color: "yellow", children: [SPARKLE[tick % SPARKLE.length], " "] }), _jsx(Text, { color: "gray", dimColor: true, italic: true, children: THINKING_PHRASES[phraseSeq[Math.floor(tick / 62) % phraseSeq.length]] })] })
+                                        : _jsxs(Text, { color: "yellow", dimColor: true, children: ["\u2699 running ", currentTool ?? 'tool', "\u2026"] }) }), _jsxs(Box, { gap: 2, children: [_jsxs(Text, { color: "gray", dimColor: true, children: [Math.floor((Date.now() - thinkingStartRef.current) / 1000), "s"] }), taskLabel && _jsx(Text, { color: "cyan", dimColor: true, children: taskLabel })] })] }) }), _jsx(Divider, { cols: cols })] })) : null, _jsx(InputArea, { status: status, skills: skillList, cwd: cwd, planningMode: planningMode, onSubmit: handleSubmit, onAbort: handleAbort })] }));
 }

package/dist/tui/printer.js

@@ -10,6 +10,8 @@ const green = (s) => col(92, s);
 const cyan = (s) => col(96, s);
 const gray = (s) => col(90, s);
 const yellow = (s) => col(93, s);
+const purple = (s) => col(95, s);
+const red = (s) => col(91, s);
 function indent(text, pad = '  ') {
     return text.split('\n').map(l => pad + l).join('\n');
 }
@@ -84,18 +86,39 @@ export function welcome(provider, model, cwd, version, updateAvailable, linked)
     function row(l, r) {
         return gray('│') + cell(l, leftW) + gray('│') + cell(r, rightW) + gray('│');
     }
-    function blank() {
-        return gray('│') + ' '.repeat(leftW) + gray('│') + ' '.repeat(rightW) + gray('│');
-    }
-    function rcmd(key, desc, keyW = 10) {
-        return '  ' + cyan(key) + ' '.repeat(Math.max(1, keyW - key.length)) + gray(desc);
-    }
     const versionStr = version ? ` v${version}` : '';
     const titleStr = `─ MIII - CLI${versionStr} `;
     const dashCount = Math.max(0, cols - 2 - titleStr.length);
     const top = gray('╭') + gray('─') + bold(cyan(` MIII - CLI${versionStr} `)) + gray('─'.repeat(dashCount) + '╮');
     const bottom = gray('╰' + '─'.repeat(innerW) + '╯');
     const shortCwd = cwd.replace(process.env.HOME ?? '', '~');
+    const username = process.env.USER ?? 'there';
+    const miniArt = [
+        `  ${purple('   ●     ●   ')}`,
+        `  ${purple('  ╱ ╲   ╱ ╲  ')}`,
+        `  ${purple(' ╱   ╲ ╱   ╲ ')}`,
+        `  ${purple('●     ●     ●')}`,
+    ];
+    const leftLines = [
+        '',
+        ...miniArt,
+        '',
+        `  ${gray(model + ' · ' + provider)}`,
+        `  ${gray(shortCwd)}`,
+        '',
+    ];
+    const rightLines = [
+        '',
+        `  ${bold(yellow('Tips for getting started'))}`,
+        `  Type ${cyan('@filename')} to inject file into context`,
+        `  Use ${cyan('/skill')} to run a skill or command`,
+        `  Use ${cyan('/models')} to switch or pull models`,
+        '',
+    ];
+    const maxLen = Math.max(leftLines.length, rightLines.length);
+    const pl = [...leftLines, ...Array(Math.max(0, maxLen - leftLines.length)).fill('')];
+    const pr = [...rightLines, ...Array(Math.max(0, maxLen - rightLines.length)).fill('')];
+    const contentRows = pl.map((l, i) => row(l, pr[i]));
     const upgradeCmd = linked ? 'cd <miii-dir> && npm run build' : 'npm install -g miii-cli';
     const separator = gray('│') + bold(yellow(' ⬆ update available: v' + updateAvailable + ' — run: ' + upgradeCmd)).padEnd(innerW - 1) + gray('│');
     const updateRow = updateAvailable
@@ -103,33 +126,34 @@ export function welcome(provider, model, cwd, version, updateAvailable, linked)
         : [];
     const lines = [
         top,
-        blank(),
-        row(`  ${bold(cyan('MIII - CLI'))}`, `  ${bold(yellow('Getting started'))}`),
-        row(`  ${gray('Claude Code-level terminal')}`, rcmd('@filename', 'inject file into context')),
-        row(`  ${gray('workflows, local models.')}`, rcmd('/skill', 'run a skill or command')),
-        row('', rcmd('/models', 'switch or pull models')),
-        row('', rcmd('/list', 'list all skills')),
-        row('', rcmd('/session', 'manage sessions')),
-        blank(),
-        row(`  ${gray(provider + '/' + model)}`, `  ${bold(yellow('Tips'))}`),
-        row(`  ${gray(shortCwd)}`, rcmd('ctrl+c', 'stop thinking')),
-        row('', rcmd('ctrl+c x2', 'exit')),
+        ...contentRows,
         ...updateRow,
-        blank(),
         bottom,
     ];
     process.stdout.write(lines.join('\n') + '\n');
 }
 export function userMsg(text) {
     const atHighlighted = text.replace(/(@[\w./\-]+)/g, (m) => cyan(m));
-    console.log(`\n${bold(blue('You'))}\n${indent(atHighlighted)}`);
+    console.log(`\n${gray('>>')} ${atHighlighted}`);
 }
 export function assistantMsg(text) {
-    console.log(`\n${bold(green('miii'))}\n${formatContent(text)}`);
+    const content = formatContent(text);
+    if (!content.trim())
+        return;
+    const lines = content.split('\n');
+    const idx = lines.findIndex(l => l.trim());
+    if (idx === -1)
+        return;
+    const head = lines[idx].replace(/^ {2}/, '');
+    const tail = lines.slice(idx + 1).join('\n');
+    console.log(`\n${blue('●')} ${head}${tail ? '\n' + tail : ''}`);
 }
+const EDIT_TOOLS = new Set(['edit_file', 'patch_file', 'create_file', 'write_file']);
+const DELETE_TOOLS = new Set(['delete_file', 'remove_file']);
 export function toolCallStart(name, args) {
     const summary = toolArgSummary(args);
-    process.stdout.write(`  ${gray('⎿')} ${cyan(name)}${summary ? gray('(' + summary + ')') : ''}\n`);
+    const dot = DELETE_TOOLS.has(name) ? red('●') : EDIT_TOOLS.has(name) ? green('●') : blue('●');
+    process.stdout.write(`  ${dot} ${cyan(name)}${summary ? gray('(' + summary + ')') : ''}\n`);
 }
 export function toolMsg(name, result) {
     const preview = result.length > 250 ? result.slice(0, 250) + '…' : result;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "miii-cli",
-  "version": "0.2.6",
+  "version": "0.2.7",
   "type": "module",
   "description": "Claude Code-level terminal workflows powered by your local models.",
   "license": "MIT",