osai-agent 4.2.42 → 4.2.44

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "osai-agent",
-  "version": "4.2.42",
+  "version": "4.2.44",
   "type": "module",
   "description": "OS AI Agent - YOUR AI AGENT",
   "main": "src/index.js",

package/src/agent/loop/tool-executor.js

@@ -386,7 +386,7 @@ export default {
           const header = `Todos for ${scopeLine}`;
           return {
             success: true,
-            output: `${header}\n${'─'.repeat(header.length)}\n${items.length === 0 ? 'No todos.' : items.map(t => `[${t.status === 'done' ? 'x' : ' '}] #${t.id} [${t.priority}] ${t.text}`).join('\n')}`,
+            output: `${header}\n${'-'.repeat(header.length)}\n${items.length === 0 ? 'No todos.' : items.map(t => `[${t.status === 'done' ? 'x' : ' '}] #${t.id} [${t.priority}] ${t.text}`).join('\n')}`,
             todos: items,
             stats: todoStore.getStats(toolCall.mode || this.mode),
           };

package/src/commands/provider.js

@@ -3,7 +3,7 @@ import Conf from 'conf';
 import inquirer from 'inquirer';
 import ora from 'ora';
 import { printError, printSuccess, printInfo, printNotLoggedIn } from '../ui/terminal.js';
-import { isUnicode, DASH, WARN } from '../utils/unicode.js';
+import { isUnicode, DASH, WARN, ARROW_LEFT } from '../utils/unicode.js';
 import { toHttpUrl } from '../services/server-url.js';
 import { encrypt, decrypt, deriveKey } from '../services/crypto.js';
 import pkg from 'node-machine-id';
@@ -113,7 +113,7 @@ export const listProviders = async () => {
     console.log(chalk.hex('#565f89')('  ' + DASH.repeat(48)));
 
     for (const p of catalog) {
-      const activeMark = p.active ? chalk.green(' ' + (isUnicode ? '◀' : '<')) : '';
+      const activeMark = p.active ? chalk.green(' ' + ARROW_LEFT) : '';
       const freeMark = p.free_tier ? chalk.green('Yes') : chalk.red('No ');
       const name = p.id === active?.id ? chalk.white.bold(p.name) : chalk.white(p.name);
       const sdk = p.sdk_type === 'anthropic' ? 'native  ' : 'OpenAI  ';
@@ -395,7 +395,7 @@ export const showProvider = async () => {
     const all = getAllLocalProviders();
     console.log();
     console.log(chalk.hex('#7aa2f7').bold('  Local Provider Configuration'));
-    console.log(chalk.hex('#565f89')('  ─'.repeat(40)));
+    console.log(chalk.hex('#565f89')('  ' + DASH.repeat(40)));
     if (all.length === 0) {
       console.log(`  ${chalk.gray('No providers configured.')}`);
       console.log(`  ${chalk.gray('  Use: osai-agent provider set <type> --key <key> --local')}`);
@@ -424,7 +424,7 @@ export const showProvider = async () => {
 
     console.log();
     console.log(chalk.hex('#7aa2f7').bold('  Provider Configuration'));
-    console.log(chalk.hex('#565f89')('  ─'.repeat(32)));
+    console.log(chalk.hex('#565f89')('  ' + DASH.repeat(32)));
 
     if (data.type === 'osai') {
       console.log(`  ${chalk.white('Current provider :')} ${chalk.green('OS AI Agent')}`);

package/src/commands/stop-subagent.js

@@ -1,7 +1,7 @@
 import Conf from 'conf';
 import chalk from 'chalk';
 import boxen from 'boxen';
-import { DOT, EMPTY } from '../utils/unicode.js';
+import { DOT, EMPTY, TICK } from '../utils/unicode.js';
 import { showConfig } from './config.js';
 import { clearScreen, printError, printPanel } from '../ui/terminal.js';
 import { logger } from '../utils/logger.js';
@@ -50,7 +50,7 @@ export const stopSubagent = async ({ server }) => {
     }
     const result = await response.json();
     spinner.succeeded(result.message || 'Subagent stop requested');
-    console.log(chalk.green('✓ Subagent stop command sent successfully'));
+    console.log(chalk.green(`${TICK} Subagent stop command sent successfully`));
   } catch (error) {
     spinner.fail(`Failed to stop subagent: ${error.message}`);
     console.error(chalk.red(`Error: ${error.message}`));

package/src/tools/local.js

@@ -8,7 +8,7 @@ import os from 'os';
 import { DEFAULTS, TOOLS } from '../utils/constants.js';
 import { logger } from '../utils/logger.js';
 import { searchDDG, searchSerpAPI, searchTavily, searchDDGHttp, formatSearchOutput } from './search-providers.js';
-import { TREE_BRANCH, TREE_LAST, TREE_VLINE, TREE_SPACE } from '../utils/unicode.js';
+import { TREE_BRANCH, TREE_LAST, TREE_VLINE, TREE_SPACE, TICK } from '../utils/unicode.js';
 import { extractExports, extractLocalImports } from '../parser/dependencies.js';
 
 const execAsync = promisify(exec);
@@ -1274,7 +1274,7 @@ export const diagPostEdit = async (targetPath, lang = 'auto') => {
       const output = [stdout, stderr].filter(Boolean).join('\n').trim();
 
       if (!output || output.includes('Found 0 errors')) {
-        return { success: true, output: `[DIAG:${detected.toUpperCase()}] ✓ No errors detected.` };
+        return { success: true, output: `[DIAG:${detected.toUpperCase()}] ${TICK} No errors detected.` };
       }
 
       const lines = output.split('\n').slice(0, 30);

package/src/ui/components/DiffView.js

@@ -3,7 +3,7 @@ import { Box, Text } from 'ink';
 import { h } from '../h.js';
 import { buildDiff, collapseContext, langFromPath } from '../diff.js';
 import { highlightCode } from '../../parser/markdown.js';
-import { isUnicode, CROSS } from '../../utils/unicode.js';
+import { isUnicode, CROSS, ELLIPSIS } from '../../utils/unicode.js';
 
 const C = {
   removedBg:  '#2d1010',
@@ -141,7 +141,7 @@ export function NewFileDiff({ filePath, content }) {
     ),
     h(Box, { flexDirection: 'column', paddingLeft: 2, borderStyle: 'round', borderColor: C.border },
       ...Array.from({ length: shown }, (_, i) => {
-        const raw = lines[i].length > innerW ? lines[i].slice(0, innerW - 1) + '…' : lines[i];
+        const raw = lines[i].length > innerW ? lines[i].slice(0, innerW - 1) + ELLIPSIS : lines[i];
         return h(Box, { key: i, paddingLeft: 1 },
           h(Text, { color: C.lineNumFg }, `${String(i + 1).padStart(lnW)} `),
           h(Box, { backgroundColor: C.addedBg },
@@ -173,7 +173,7 @@ export function AppendFileDiff({ filePath, content }) {
     ),
     h(Box, { flexDirection: 'column', paddingLeft: 2, borderStyle: 'round', borderColor: C.border },
       ...shown.map((line, i) => {
-        const raw = line.length > innerW ? line.slice(0, innerW - 1) + '…' : line;
+        const raw = line.length > innerW ? line.slice(0, innerW - 1) + ELLIPSIS : line;
         return h(Box, { key: i, paddingLeft: 1 },
           h(Text, { color: C.lineNumFg }, `${String(i + 1).padStart(lnW)} `),
           h(Box, { backgroundColor: C.addedBg },

package/src/ui/components/Header.js

@@ -1,6 +1,6 @@
 import { Box, Text } from 'ink';
 import { h } from '../h.js';
-import { isUnicode, DOT, EMPTY, HEADER_LOGO_L, HEADER_LOGO_M, HEADER_LOGO_R, BAR } from '../../utils/unicode.js';
+import { isUnicode, DOT, EMPTY, HEADER_LOGO_L, HEADER_LOGO_M, HEADER_LOGO_R, BAR, BOX_TL, BOX_TR, BOX_BL, BOX_BR, BOX_H, ELLIPSIS } from '../../utils/unicode.js';
 import { ENABLE_UI_ANIMATIONS, useAnimationFrame } from '../animation.js';
 
 const chunkLength = (chunks) => chunks.reduce((sum, chunk) => sum + String(chunk.text || '').length, 0);
@@ -9,7 +9,7 @@ const makeItem = (chunks) => ({ chunks, width: chunkLength(chunks) });
 
 function truncateChunks(chunks, maxWidth) {
   if (chunkLength(chunks) <= maxWidth) return chunks;
-  if (maxWidth <= 1) return [{ text: '…', color: chunks[0]?.color || 'white' }];
+  if (maxWidth <= 1) return [{ text: ELLIPSIS, color: chunks[0]?.color || 'white' }];
 
   const out = [];
   let remaining = maxWidth;
@@ -21,7 +21,7 @@ function truncateChunks(chunks, maxWidth) {
       remaining -= text.length;
       continue;
     }
-    out.push({ ...chunk, text: text.slice(0, Math.max(0, remaining - 1)) + '…' });
+    out.push({ ...chunk, text: text.slice(0, Math.max(0, remaining - 1)) + ELLIPSIS });
     remaining = 0;
   }
   return out;
@@ -128,7 +128,7 @@ export function Header({ mode, device, isConnected, isLocal, provider, execution
     const padding = ' '.repeat(Math.max(0, contentWidth - lineWidth));
 
     return h(Box, { key: `header_line_${lineIndex}`, flexDirection: 'row', width: '100%' },
-      h(Text, { color: 'white' }, '│'),
+      h(Text, { color: 'white' }, BAR),
       lineIndex > 0 ? h(Text, { color: '#3b4261' }, '  ') : null,
       line.map((item, itemIndex) =>
         h(Text, { key: `header_item_${lineIndex}_${itemIndex}` },
@@ -142,7 +142,7 @@ export function Header({ mode, device, isConnected, isLocal, provider, execution
         )
       ),
       h(Text, {}, padding),
-      h(Text, { color: 'white' }, '│')
+      h(Text, { color: 'white' }, BAR)
     );
   };
 
@@ -151,8 +151,8 @@ export function Header({ mode, device, isConnected, isLocal, provider, execution
     width: '100%',
     flexDirection: 'column',
   },
-    h(Text, { color: 'white' }, `┌${'─'.repeat(contentWidth)}┐`),
+    h(Text, { color: 'white' }, `${BOX_TL}${BOX_H.repeat(contentWidth)}${BOX_TR}`),
     lines.map(renderLine),
-    h(Text, { color: 'white' }, `└${'─'.repeat(contentWidth)}┘`)
+    h(Text, { color: 'white' }, `${BOX_BL}${BOX_H.repeat(contentWidth)}${BOX_BR}`)
   );
 }

package/src/ui/components/HistoryPicker.js

@@ -3,7 +3,7 @@ import { Box, Text, useInput, useWindowSize } from 'ink';
 import { h } from '../h.js';
 import { InputShell } from './InputShell.js';
 import { isOnlySgrMouseInput } from '../mouse-scroll.js';
-import { ARROW, CLOUD } from '../../utils/unicode.js';
+import { ARROW, CLOUD, DASH } from '../../utils/unicode.js';
 
 export function HistoryPicker({ sessions, visible, onSelect, onCancel }) {
   const [cursor, setCursor] = useState(0);
@@ -80,7 +80,7 @@ export function HistoryPicker({ sessions, visible, onSelect, onCancel }) {
   }
   const visibleItems = filtered.slice(startIdx, startIdx + maxVis);
 
-  const separator = '─'.repeat(52);
+  const separator = DASH.repeat(52);
 
   return h(
     Box,

package/src/ui/components/MessageHistory.js

@@ -6,7 +6,7 @@ import { highlightCode } from '../../parser/markdown.js';
 import { EditFileDiff, NewFileDiff, AppendFileDiff, DeleteFileDiff } from './DiffView.js';
 import { ENABLE_UI_ANIMATIONS, useAnimationFrame } from '../animation.js';
 import { SubagentPanel } from './SubagentPanel.js';
-import { isUnicode, TICK, DOT, EMPTY, ARROW, SPINNER_BRAILLE } from '../../utils/unicode.js';
+import { isUnicode, TICK, CROSS, DOT, EMPTY, ARROW, SPINNER_BRAILLE, BULLET, ELLIPSIS, BAR, DASH, BQ_LINE, LOADING } from '../../utils/unicode.js';
 const stripAnsi = (s) => (s || '').replace(/\x1b\[[0-9;]*m/g, '').replace(/\x1b\]8;;[^\x1b]*\x1b\\/g, '');
 const visibleLen = (s) => stripAnsi(s).length;
 
@@ -342,8 +342,8 @@ const ToolSpinner = React.memo(({ name, toolCall, done, animate = true }) => {
   if (writeLabel) {
     const dots = !done && animate && ENABLE_UI_ANIMATIONS ? WRITING_DOTS[frame % WRITING_DOTS.length] : '';
     return h(Box, { paddingLeft: 2, paddingY: 0 },
-      h(Text, { color: done ? '#9ece6a' : '#7aa2f7' }, done ? '  ✓ ' : (animate && ENABLE_UI_ANIMATIONS ? `  ${SPINNER_FRAMES[frame % SPINNER_FRAMES.length]} ` : '  … ')),
-      h(Text, { color: '#ffffff' }, '• '),
+      h(Text, { color: done ? '#9ece6a' : '#7aa2f7' }, done ? '  ' + TICK + ' ' : (animate && ENABLE_UI_ANIMATIONS ? `  ${SPINNER_FRAMES[frame % SPINNER_FRAMES.length]} ` : '  ' + ELLIPSIS + ' ')),
+      h(Text, { color: '#ffffff' }, BULLET + ' '),
       h(Text, { color, bold: true }, writeLabel),
       h(Text, { color: '#565f89' }, done ? '' : dots)
     );
@@ -352,16 +352,16 @@ const ToolSpinner = React.memo(({ name, toolCall, done, animate = true }) => {
   if (readLabel) {
     const dots = !done && animate && ENABLE_UI_ANIMATIONS ? READING_DOTS[frame % READING_DOTS.length] : '';
     return h(Box, { paddingLeft: 2, paddingY: 0 },
-      h(Text, { color: done ? '#9ece6a' : '#7aa2f7' }, done ? '  ✓ ' : (animate && ENABLE_UI_ANIMATIONS ? `  ${SPINNER_FRAMES[frame % SPINNER_FRAMES.length]} ` : '  … ')),
-      h(Text, { color: '#ffffff' }, '• '),
+      h(Text, { color: done ? '#9ece6a' : '#7aa2f7' }, done ? '  ' + TICK + ' ' : (animate && ENABLE_UI_ANIMATIONS ? `  ${SPINNER_FRAMES[frame % SPINNER_FRAMES.length]} ` : '  ' + ELLIPSIS + ' ')),
+      h(Text, { color: '#ffffff' }, BULLET + ' '),
       h(Text, { color, bold: true }, readLabel),
       h(Text, { color: '#ffffff' }, done ? '' : dots)
     );
   }
 
   return h(Box, { paddingLeft: 2, paddingY: 0 },
-    h(Text, { color: done ? '#9ece6a' : '#7aa2f7' }, done ? '  ✓ ' : (animate && ENABLE_UI_ANIMATIONS ? `  ${SPINNER_FRAMES[frame % SPINNER_FRAMES.length]} ` : '  … ')),
-    h(Text, { color: '#ffffff' }, '• '),
+    h(Text, { color: done ? '#9ece6a' : '#7aa2f7' }, done ? '  ' + TICK + ' ' : (animate && ENABLE_UI_ANIMATIONS ? `  ${SPINNER_FRAMES[frame % SPINNER_FRAMES.length]} ` : '  ' + ELLIPSIS + ' ')),
+    h(Text, { color: '#ffffff' }, BULLET + ' '),
     h(Text, { color, bold: true }, name),
     target.text ? h(Text, { color: '#565f89' }, ': ') : null,
     target.text
@@ -378,8 +378,8 @@ const ContextSummarySpinner = React.memo(({ summaryEvent, done, animate = true }
   const keepRecent = Number(summaryEvent?.keepRecent || 0);
 
   return h(Box, { paddingLeft: 2, paddingY: 0 },
-    h(Text, { color: done ? '#9ece6a' : '#7aa2f7', bold: true }, done ? '  ✓ ' : (animate && ENABLE_UI_ANIMATIONS ? `  ${SPINNER_FRAMES[frame % SPINNER_FRAMES.length]} ` : '  … ')),
-    h(Text, { color: '#ffffff' }, '• '),
+    h(Text, { color: done ? '#9ece6a' : '#7aa2f7', bold: true }, done ? '  ' + TICK + ' ' : (animate && ENABLE_UI_ANIMATIONS ? `  ${SPINNER_FRAMES[frame % SPINNER_FRAMES.length]} ` : '  ' + ELLIPSIS + ' ')),
+    h(Text, { color: '#ffffff' }, BULLET + ' '),
     h(Text, { color: '#7dcfff', bold: true }, 'CONTEXT_SUMMARY'),
     h(Text, { color: '#565f89' }, done
       ? `: summarized ${summarizeCount} messages, kept ${keepRecent} recent`
@@ -392,8 +392,8 @@ const ContextSummaryResult = React.memo(({ doneEvent }) => {
   const summarized = Number(doneEvent?.summarizedMessages || 0);
   const remaining = Number(doneEvent?.remainingMessages || 0);
   return h(Box, { paddingLeft: 2, paddingY: 0 },
-    h(Text, { color: '#9ece6a', bold: true }, '  ✓ '),
-    h(Text, { color: '#ffffff' }, '• '),
+    h(Text, { color: '#9ece6a', bold: true }, '  ' + TICK + ' '),
+    h(Text, { color: '#ffffff' }, BULLET + ' '),
     h(Text, { color: '#7dcfff', bold: true }, 'CONTEXT_SUMMARY'),
     h(Text, { color: '#565f89' }, `: completed (${summarized} summarized, ${remaining} messages now in context)`)
   );
@@ -422,7 +422,7 @@ const SearchResults = React.memo(({ results }) => {
 
 const ToolResultEvent = React.memo(({ name, success, output, toolCall, results, outputIndex, expandedOutputIndexes }) => {
   const color = getToolColor(name);
-  const label = success ? '✓' : '✗';
+  const label = success ? TICK : CROSS;
   const labelColor = success ? '#9ece6a' : '#f7768e';
   const target = formatTarget(toolCall);
   const writeLabel = WRITE_TOOLS.has(name) ? getWriteActionLabel(name, toolCall, success) : null;
@@ -469,7 +469,7 @@ const ToolResultEvent = React.memo(({ name, success, output, toolCall, results,
   return h(Box, { flexDirection: 'column', paddingLeft: 2, paddingY: 0 },
     h(Box,
       h(Text, { color: labelColor, bold: true }, `  ${label} `),
-      h(Text, { color: '#ffffff' }, '• '),
+      h(Text, { color: '#ffffff' }, BULLET + ' '),
       writeLabel
         ? h(Text, { color }, writeLabel)
         : readLabel
@@ -697,7 +697,7 @@ function renderContent(text) {
         type: 'list',
         ordered: false,
         level: Math.floor((bulletMatch[1] || '').length / 2),
-        marker: '•',
+        marker: BULLET,
         content: bulletMatch[2] || ''
       });
       continue;
@@ -763,7 +763,7 @@ const TableBlock = React.memo(({ rows }) => {
     const displayLen = visibleLen(value);
     if (displayLen <= width) return value + ' '.repeat(Math.max(0, width - displayLen));
     const plain = stripAnsi(value);
-    const cut = plain.slice(0, Math.max(1, width - 1)) + '…';
+    const cut = plain.slice(0, Math.max(1, width - 1)) + ELLIPSIS;
     return cut + ' '.repeat(Math.max(0, width - cut.length));
   };
 
@@ -772,17 +772,17 @@ const TableBlock = React.memo(({ rows }) => {
       if (row.raw.startsWith('__HIDDEN_')) {
         const hidden = Number(row.raw.match(/__HIDDEN_(\d+)__/)?.[1] || 0);
         return h(Text, { key: `tbl_hidden_${idx}`, color: '#565f89', italic: true },
-          `  … ${hidden} ligne(s) cachée(s) pour fluidité du terminal …`);
+          `  ${ELLIPSIS} ${hidden} ligne(s) cachée(s) pour fluidité du terminal ${ELLIPSIS}`);
       }
       if (isTableSeparator(row.raw)) {
-        const sep = widths.map(w => '─'.repeat(w)).join('─┼─');
+        const sep = widths.map(w => DASH.repeat(w)).join(DASH + '+' + DASH);
         return h(Text, { key: `tbl_sep_${idx}`, color: '#2a2e3f' }, `  ${sep}`);
       }
       const content = row.cells.map((cell, i) => {
         const rendered = renderCellInline(cell || '');
         const styled = idx === 0 ? chalk.bold.hex('#7dcfff')(rendered) : chalk.hex('#c0caf5')(rendered);
         return pad(styled, widths[i]);
-      }).join(' │ ');
+      }).join(' ' + BAR + ' ');
       return h(Text, { key: `tbl_row_${idx}`, ansi: true }, `  ${content}`);
     })
   );
@@ -795,8 +795,8 @@ const AnimatedToolIndicator = React.memo(({ tool, content, color, events, animat
   const frame = useAnimationFrame(isAnimating);
 
   return h(Box, { paddingLeft: 2 },
-    h(Text, { color: isAnimating ? '#7aa2f7' : '#9ece6a', bold: true }, isAnimating ? (ENABLE_UI_ANIMATIONS ? `  ${SPINNER_FRAMES[frame % SPINNER_FRAMES.length]} ` : '  … ') : '  ✓ '),
-    h(Text, { color: '#ffffff' }, '• '),
+    h(Text, { color: isAnimating ? '#7aa2f7' : '#9ece6a', bold: true }, isAnimating ? (ENABLE_UI_ANIMATIONS ? `  ${SPINNER_FRAMES[frame % SPINNER_FRAMES.length]} ` : '  ' + ELLIPSIS + ' ') : '  ' + TICK + ' '),
+    h(Text, { color: '#ffffff' }, BULLET + ' '),
     h(Text, { color, bold: true }, tool),
     content ? h(Text, { color: '#565f89' }, `: ${content}`) : null
   );
@@ -841,10 +841,10 @@ const TextContent = React.memo(({ content, events, animate = true }) => {
             h(Text, { color: '#9aa5ce', bold: true }, `#### ${part.content}`)
           );
         case 'hr':
-          return h(Box, { key: i, paddingLeft: 2 }, h(Text, { color: '#2a2e3f' }, '────────────────────────────────────────'));
+          return h(Box, { key: i, paddingLeft: 2 }, h(Text, { color: '#2a2e3f' }, DASH.repeat(40)));
         case 'quote':
           return h(Box, { key: i, paddingLeft: 2 },
-            h(Text, { color: '#565f89' }, '┃ '),
+            h(Text, { color: '#565f89' }, BQ_LINE + ' '),
             h(InlineText, { text: part.content })
           );
         case 'list':
@@ -880,7 +880,7 @@ function hasMatchingContextSummaryEnd(events, startIndex, summaryEvent) {
 
 function EventSeparator() {
   return h(Box, { flexDirection: 'column', paddingY: 0 },
-    h(Text, { color: '#2a2e3f' }, '  o─────────────────────────────────────────o')
+    h(Text, { color: '#2a2e3f' }, '  o' + DASH.repeat(41) + 'o')
   );
 }
 
@@ -982,14 +982,14 @@ function renderEvent(ev, i, events, expandedOutputIndexes, thoughtStreaming, exp
         ...items.map((t, j) => {
           const isDone = t.status === 'done' || t.status === 'completed';
           const isProgress = t.status === 'in_progress';
-          const icon = isDone ? TICK : isProgress ? (isUnicode ? '⟳' : '[.]') : EMPTY;
+          const icon = isDone ? TICK : isProgress ? LOADING : EMPTY;
           const color = isDone ? '#73daca' : isProgress ? '#e0af68' : '#565f89';
           return h(Box, { key: j, paddingLeft: 2 },
             h(Text, { color }, `${icon} `),
             h(Text, { color: '#c0caf5' }, t.text || t.description || ''),
           );
         }),
-        more > 0 ? h(Text, { key: 'more', color: '#565f89', dimColor: true }, `  … and ${more} more`) : null,
+        more > 0 ? h(Text, { key: 'more', color: '#565f89', dimColor: true }, `  ${ELLIPSIS} and ${more} more`) : null,
       );
     }
     case 'subagent': {

package/src/ui/components/ModePicker.js

@@ -3,7 +3,7 @@ import { Box, Text, useInput, useWindowSize } from 'ink';
 import { h } from '../h.js';
 import { InputShell } from './InputShell.js';
 import { isOnlySgrMouseInput } from '../mouse-scroll.js';
-import { MODE_ICONS, ARROW, DOT, DASH } from '../../utils/unicode.js';
+import { MODE_ICONS, ARROW, ARROW_LEFT, DOT, DASH } from '../../utils/unicode.js';
 
 const ALL_MODES = [
   { name: 'GENERAL', desc: 'System administration mode',               value: 'GENERAL' },
@@ -115,7 +115,7 @@ export function ModePicker({ visible, onSelect, onCancel, currentMode, currentEx
       const isCurrent = m.value === currentMode || m.value === currentExecutionMode;
       const icon = MODE_ICONS[m.value] || DOT;
       const prefix = isHighlighted ? h(Text, { color: '#9ece6a' }, '  ' + ARROW + ' ') : h(Text, { color: '#3b3f52' }, '    ');
-      const currentMark = isCurrent ? ' ◀ current' : '';
+      const currentMark = isCurrent ? ` ${ARROW_LEFT} current` : '';
 
       return h(
         Box,

package/src/ui/components/ProviderMenu.js

@@ -3,6 +3,7 @@ import { Box, Text, useInput, useWindowSize } from 'ink';
 import { h } from '../h.js';
 import { InputShell } from './InputShell.js';
 import { isOnlySgrMouseInput } from '../mouse-scroll.js';
+import { DASH } from '../../utils/unicode.js';
 
 const MAIN_ACTIONS = [
   { name: 'Select Provider',    desc: 'Choose from the provider catalog',              action: 'catalog' },
@@ -729,7 +730,7 @@ export function ProviderMenu({ visible, onSelect, onCancel, serverUrl, token, cu
 
   if (!visible) return null;
 
-  const separator = '─'.repeat(52);
+  const separator = DASH.repeat(52);
   const { rows } = useWindowSize();
 
   // SETTING UP VIEW

package/src/ui/components/SavePicker.js

@@ -2,7 +2,7 @@ import React, { useState, useEffect, useMemo } from 'react';
 import { Box, Text, useInput } from 'ink';
 import { h } from '../h.js';
 import { isOnlySgrMouseInput } from '../mouse-scroll.js';
-import { isUnicode, ARROW, CROSS, DASH } from '../../utils/unicode.js';
+import { isUnicode, ARROW, CROSS, CLOUD, DASH } from '../../utils/unicode.js';
 
 const OPTIONS = [
   { name: 'Local',  desc: 'Save to local storage',            value: 'local' },
@@ -82,7 +82,7 @@ export function SavePicker({ visible, onSelect, onCancel, hasCloud }) {
     ...filtered.map((o, i) => {
       const isHL = i === cursor;
       const prefix = isHL ? h(Text, { color: '#9ece6a' }, '  ' + ARROW + ' ') : h(Text, { color: '#3b3f52' }, '    ');
-      const icon = o.value === 'local' ? '  ' : o.value === 'cloud' ? (isUnicode ? '☁ ' : '[c] ') : CROSS + ' ';
+      const icon = o.value === 'local' ? '  ' : o.value === 'cloud' ? `${CLOUD} ` : CROSS + ' ';
 
       return h(Box, { key: i },
         prefix,

package/src/ui/components/SelectMenu.js

@@ -3,7 +3,7 @@ import { Box, Text, useInput, useWindowSize } from 'ink';
 import { h } from '../h.js';
 import { InputShell } from './InputShell.js';
 import { isOnlySgrMouseInput } from '../mouse-scroll.js';
-import { ARROW } from '../../utils/unicode.js';
+import { ARROW, ARROW_LEFT, DASH } from '../../utils/unicode.js';
 
 /**
  * Reusable interactive menu with:
@@ -119,7 +119,7 @@ export function SelectMenu({
   }
   const visibleItems = filtered.slice(startIdx, startIdx + maxVisibleItems);
 
-  const separator = '─'.repeat(50);
+  const separator = DASH.repeat(50);
 
   return h(
     Box,
@@ -147,7 +147,7 @@ export function SelectMenu({
       const icon = isHighlighted ? h(Text, { color: '#9ece6a' }, `  ${ARROW} `) : h(Text, { color: '#3b3f52' }, '    ');
       const label = item.label || item.cmd || item.name || '';
       const desc = item.desc ? ` ${item.desc}` : '';
-      const mark = item.active ? ' ◀' : '';
+      const mark = item.active ? ` ${ARROW_LEFT}` : '';
 
       return h(
         Box,

package/src/ui/components/SlashMenu.js

@@ -3,7 +3,7 @@ import { Box, Text, useInput, useWindowSize } from 'ink';
 import { h } from '../h.js';
 import { InputShell } from './InputShell.js';
 import { isOnlySgrMouseInput } from '../mouse-scroll.js';
-import { ARROW } from '../../utils/unicode.js';
+import { ARROW, DASH } from '../../utils/unicode.js';
 
 const COMMANDS = [
   { cmd: '/clear',   desc: 'Clear displayed history',                    action: 'clear' },
@@ -98,7 +98,7 @@ export function SlashMenu({ visible, onSelect, onCancel }) {
   }
   const visibleItems = filtered.slice(startIdx, startIdx + maxVisible);
 
-  const separator = '─'.repeat(52);
+  const separator = DASH.repeat(52);
 
   return h(
     Box,

package/src/ui/components/SubagentPanel.js

@@ -1,7 +1,7 @@
 import { Box, Text } from 'ink';
 import { h } from '../h.js';
 import { ENABLE_UI_ANIMATIONS, useAnimationFrame } from '../animation.js';
-import { TICK, CROSS, SPINNER_CIRCLE, DOT } from '../../utils/unicode.js';
+import { TICK, CROSS, SPINNER_CIRCLE, DOT, DASH, TREE_MID, ELLIPSIS } from '../../utils/unicode.js';
 
 const SPINNER = SPINNER_CIRCLE;
 
@@ -15,7 +15,7 @@ function formatDuration(ms) {
 function truncate(value, max = 50) {
   const s = String(value || '');
   if (s.length <= max) return s;
-  return s.slice(0, max - 1) + '…';
+  return s.slice(0, max - 1) + ELLIPSIS;
 }
 
 function statusLabel(state) {
@@ -90,7 +90,7 @@ export function SubagentPanel({ state, events, isExpanded }) {
     ),
     isRunning && state.lastTool
       ? h(Box, { paddingLeft: 2 },
-          h(Text, { color: '#565f89' }, '⎿  '),
+          h(Text, { color: '#565f89' }, `${DASH}  `),
           h(Text, { color: getToolColor(state.lastTool), bold: true }, state.lastTool),
           state.lastTarget ? h(Text, { color: '#565f89' }, `: ${truncate(state.lastTarget, 80)}`) : null,
         )
@@ -98,13 +98,13 @@ export function SubagentPanel({ state, events, isExpanded }) {
     isExpanded
       ? h(Box, { flexDirection: 'column', paddingLeft: 2 },
           hiddenEvents > 0
-            ? h(Text, { color: '#565f89', dimColor: true }, `  … ${hiddenEvents} earlier subagent events hidden`)
+            ? h(Text, { color: '#565f89', dimColor: true }, `  ${ELLIPSIS} ${hiddenEvents} earlier subagent events hidden`)
             : null,
           visibleEvents.length > 0
             ? visibleEvents.map((ev, i) => {
                 if (ev.type === 'tool_start') {
                   return h(Box, { key: i },
-                    h(Text, { color: '#7aa2f7' }, '  ├─ '),
+                    h(Text, { color: '#7aa2f7' }, `  ${TREE_MID}${DASH} `),
                     h(Text, { color: getToolColor(ev.name), bold: true }, ev.name),
                     formatTarget(ev) ? h(Text, { color: '#565f89' }, `: ${truncate(formatTarget(ev), 80)}`) : null,
                     h(Text, { color: '#565f89' }, ' ' + DOT),
@@ -112,7 +112,7 @@ export function SubagentPanel({ state, events, isExpanded }) {
                 }
                 if (ev.type === 'tool_end') {
                   return h(Box, { key: i },
-                    h(Text, { color: ev.success ? '#9ece6a' : '#f7768e' }, '  ├─ '),
+                    h(Text, { color: ev.success ? '#9ece6a' : '#f7768e' }, `  ${TREE_MID}${DASH} `),
                     h(Text, { color: getToolColor(ev.name), bold: true }, ev.name),
                     formatTarget(ev) ? h(Text, { color: '#565f89' }, `: ${truncate(formatTarget(ev), 80)}`) : null,
                     h(Text, { color: '#565f89' }, ev.success ? ' ' + TICK : ' ' + CROSS),

package/src/ui/components/ToolExecution.js

@@ -3,7 +3,7 @@ import { Box, Text } from 'ink';
 import { h } from '../h.js';
 import { highlightCode } from '../../parser/markdown.js';
 import { ENABLE_UI_ANIMATIONS, useAnimationFrame } from '../animation.js';
-import { SPINNER_BRAILLE, TICK, CROSS } from '../../utils/unicode.js';
+import { SPINNER_BRAILLE, TICK, CROSS, ELLIPSIS } from '../../utils/unicode.js';
 
 const SPINNER_FRAMES = SPINNER_BRAILLE;
 
@@ -171,7 +171,7 @@ export function ToolItem({ tool }) {
   const prefix = tool.name === 'TASK' ? 'Subagent' : isSubagent ? 'Subagent tool' : null;
 
   return h(Box, { paddingLeft: 2, paddingY: 0 },
-    h(Text, { color: '#7aa2f7' }, ENABLE_UI_ANIMATIONS ? `  ${SPINNER_FRAMES[frame % SPINNER_FRAMES.length]} ` : '  … '),
+    h(Text, { color: '#7aa2f7' }, ENABLE_UI_ANIMATIONS ? `  ${SPINNER_FRAMES[frame % SPINNER_FRAMES.length]} ` : '  ' + ELLIPSIS + ' '),
     prefix ? h(Text, { color: '#7dcfff' }, `${prefix} `) : null,
     h(Text, { color, bold: true }, tool.name),
     target.text ? h(Text, { color: '#565f89' }, ': ') : null,

package/src/ui/diff.js

@@ -1,5 +1,6 @@
 import chalk from 'chalk';
 import { highlightCode } from '../parser/markdown.js';
+import { BOX_TL, BOX_TR, BOX_BL, BOX_BR, BOX_V, BOX_H, ELLIPSIS, CROSS } from '../utils/unicode.js';
 
 export const langFromPath = (fp) => {
   if (!fp) return '';
@@ -115,22 +116,22 @@ export const printNewFile = (filePath, content) => {
   console.log();
   const header = ` + ${filePath} (new file, ${lines.length} lines) `;
   const headerPad = Math.max(0, w - 2 - header.length);
-  console.log(bc('╭') + chalk.bgHex(c.headerBg).hex(c.headerFg)(header) + chalk.hex(c.headerBg)('─'.repeat(headerPad)) + bc('╮'));
+  console.log(bc(BOX_TL) + chalk.bgHex(c.headerBg).hex(c.headerFg)(header) + chalk.hex(c.headerBg)(BOX_H.repeat(headerPad)) + bc(BOX_TR));
 
   const shown = Math.min(lines.length, 50);
   for (let i = 0; i < shown; i++) {
     const lineNum = chalk.hex(c.lineNumFg)(String(i + 1).padStart(lnW));
-    const raw = lines[i].length > innerW ? lines[i].slice(0, innerW - 1) + '…' : lines[i];
+    const raw = lines[i].length > innerW ? lines[i].slice(0, innerW - 1) + ELLIPSIS : lines[i];
     const colored = highlightCode(raw, lang);
     const prefix = chalk.bgHex(c.addedBg).hex(c.addedFg)('+');
     const padLen = Math.max(0, innerW - stripAnsi(colored).length);
-    console.log(bc('│') + ' ' + lineNum + ' ' + prefix + ' ' + colored + ' '.repeat(padLen) + bc('│'));
+    console.log(bc(BOX_V) + ' ' + lineNum + ' ' + prefix + ' ' + colored + ' '.repeat(padLen) + bc(BOX_V));
   }
   if (lines.length > 50) {
     const msg = `  ··· ${lines.length - 50} more lines`;
-    console.log(bc('│') + chalk.hex(c.dim)(msg) + ' '.repeat(Math.max(0, w - 2 - msg.length)) + bc('│'));
+    console.log(bc(BOX_V) + chalk.hex(c.dim)(msg) + ' '.repeat(Math.max(0, w - 2 - msg.length)) + bc(BOX_V));
   }
-  console.log(bc('╰' + '─'.repeat(w - 2) + '╯'));
+  console.log(bc(BOX_BL + BOX_H.repeat(w - 2) + BOX_BR));
   console.log();
 };
 
@@ -150,13 +151,13 @@ export const printEditDiff = (filePath, find, replace) => {
   console.log();
   const header = ` ✎ ${filePath} `;
   const headerPad = Math.max(0, w - 2 - header.length);
-  console.log(bc('╭') + chalk.bgHex(c.headerBg).hex(c.headerFg)(header) + chalk.hex(c.headerBg)('─'.repeat(headerPad)) + bc('╮'));
+  console.log(bc(BOX_TL) + chalk.bgHex(c.headerBg).hex(c.headerFg)(header) + chalk.hex(c.headerBg)(BOX_H.repeat(headerPad)) + bc(BOX_TR));
 
   for (const hunk of collapsed) {
     if (hunk.type === 'skip') {
       const msg = `  ··· ${hunk.count} unchanged line${hunk.count > 1 ? 's' : ''}`;
       const pad = Math.max(0, w - 2 - msg.length);
-      console.log(bc('│') + chalk.hex(c.dim)(msg) + ' '.repeat(pad) + bc('│'));
+      console.log(bc(BOX_V) + chalk.hex(c.dim)(msg) + ' '.repeat(pad) + bc(BOX_V));
       continue;
     }
 
@@ -171,7 +172,7 @@ export const printEditDiff = (filePath, find, replace) => {
         const nums = idx === 0 ? lineNums : lineNumsCont;
         const styled = chalk.hex(c.ctxFg)(' ' + chunk);
         const pad = Math.max(0, innerW + 1 - visLen(styled));
-        console.log(bc('│') + ' ' + nums + ' ' + styled + ' '.repeat(pad) + bc('│'));
+        console.log(bc(BOX_V) + ' ' + nums + ' ' + styled + ' '.repeat(pad) + bc(BOX_V));
       });
     } else if (hunk.type === 'del') {
       const chunks = wrapPlain(hunk.line, innerW);
@@ -180,7 +181,7 @@ export const printEditDiff = (filePath, find, replace) => {
         const sign = idx === 0 ? '-' : ' ';
         const colored = chalk.bgHex(c.removedBg).hex(c.removedFg)(sign) + highlightCode(chunk, lang);
         const pad = Math.max(0, innerW + 1 - stripAnsi(colored).length);
-        console.log(bc('│') + ' ' + nums + ' ' + colored + ' '.repeat(pad) + bc('│'));
+        console.log(bc(BOX_V) + ' ' + nums + ' ' + colored + ' '.repeat(pad) + bc(BOX_V));
       });
     } else if (hunk.type === 'add') {
       const chunks = wrapPlain(hunk.line, innerW);
@@ -189,7 +190,7 @@ export const printEditDiff = (filePath, find, replace) => {
         const sign = idx === 0 ? '+' : ' ';
         const colored = chalk.bgHex(c.addedBg).hex(c.addedFg)(sign) + highlightCode(chunk, lang);
         const pad = Math.max(0, innerW + 1 - stripAnsi(colored).length);
-        console.log(bc('│') + ' ' + nums + ' ' + colored + ' '.repeat(pad) + bc('│'));
+        console.log(bc(BOX_V) + ' ' + nums + ' ' + colored + ' '.repeat(pad) + bc(BOX_V));
       });
     }
   }
@@ -198,8 +199,8 @@ export const printEditDiff = (filePath, find, replace) => {
   const adds = hunks.filter(h => h.type === 'add').length;
   const summary = `  ${chalk.hex(c.addedFg)('+' + adds)} ${chalk.hex(c.removedFg)('-' + dels)} `;
   const summaryPad = Math.max(0, w - 2 - stripAnsi(summary).length);
-  console.log(bc('│') + summary + ' '.repeat(summaryPad) + bc('│'));
-  console.log(bc('╰' + '─'.repeat(w - 2) + '╯'));
+  console.log(bc(BOX_V) + summary + ' '.repeat(summaryPad) + bc(BOX_V));
+  console.log(bc(BOX_BL + BOX_H.repeat(w - 2) + BOX_BR));
   console.log();
 };
 
@@ -215,22 +216,22 @@ export const printAppendDiff = (filePath, content) => {
   console.log();
   const header = ` + ${filePath} (appending ${lines.length} line${lines.length > 1 ? 's' : ''}) `;
   const headerPad = Math.max(0, w - 2 - header.length);
-  console.log(bc('╭') + chalk.bgHex(c.headerBg).hex(c.addedFg)(header) + chalk.hex(c.headerBg)('─'.repeat(headerPad)) + bc('╮'));
+  console.log(bc(BOX_TL) + chalk.bgHex(c.headerBg).hex(c.addedFg)(header) + chalk.hex(c.headerBg)(BOX_H.repeat(headerPad)) + bc(BOX_TR));
 
   const skip = lines.length > 30;
   const shown = skip ? lines.slice(0, 15) : lines;
   shown.forEach((line, i) => {
     const lineNum = chalk.hex(c.lineNumFg)(String(i + 1).padStart(lnW));
-    const raw = line.length > innerW ? line.slice(0, innerW - 1) + '…' : line;
+    const raw = line.length > innerW ? line.slice(0, innerW - 1) + ELLIPSIS : line;
     const colored = highlightCode(raw, lang);
     const pad = Math.max(0, innerW - stripAnsi(colored).length);
-    console.log(bc('│') + ' ' + lineNum + ' ' + chalk.bgHex(c.addedBg).hex(c.addedFg)('+') + ' ' + colored + ' '.repeat(pad) + bc('│'));
+    console.log(bc(BOX_V) + ' ' + lineNum + ' ' + chalk.bgHex(c.addedBg).hex(c.addedFg)('+') + ' ' + colored + ' '.repeat(pad) + bc(BOX_V));
   });
   if (skip) {
     const msg = `  ··· ${lines.length - 15} more lines`;
-    console.log(bc('│') + chalk.hex(c.dim)(msg) + ' '.repeat(Math.max(0, w - 2 - msg.length)) + bc('│'));
+    console.log(bc(BOX_V) + chalk.hex(c.dim)(msg) + ' '.repeat(Math.max(0, w - 2 - msg.length)) + bc(BOX_V));
   }
-  console.log(bc('╰' + '─'.repeat(w - 2) + '╯'));
+  console.log(bc(BOX_BL + BOX_H.repeat(w - 2) + BOX_BR));
   console.log();
 };
 
@@ -240,10 +241,10 @@ export const printAppendDiff = (filePath, content) => {
 export const printDeleteFile = (filePath) => {
   const w = getWidth();
   const bc = chalk.hex(c.border);
-  const msg = ` ✗ ${filePath} (deleted) `;
+  const msg = ` ${CROSS} ${filePath} (deleted) `;
   const pad = Math.max(0, w - 2 - msg.length);
   console.log();
-  console.log(bc('╭') + chalk.bgHex(c.removedBg).hex(c.removedFg)(msg) + chalk.hex(c.removedBg)('─'.repeat(pad)) + bc('╮'));
-  console.log(bc('╰' + '─'.repeat(w - 2) + '╯'));
+  console.log(bc(BOX_TL) + chalk.bgHex(c.removedBg).hex(c.removedFg)(msg) + chalk.hex(c.removedBg)(BOX_H.repeat(pad)) + bc(BOX_TR));
+  console.log(bc(BOX_BL + BOX_H.repeat(w - 2) + BOX_BR));
   console.log();
 };

package/src/utils/unicode.js

@@ -8,7 +8,7 @@ export const ARROW  = isUnicode ? '▸' : '>';
 export const DASH   = isUnicode ? '─' : '-';
 export const BAR    = isUnicode ? '│' : '|';
 export const BULLET = isUnicode ? '•' : '*';
-export const ELLIPSIS = '…';
+export const ELLIPSIS = isUnicode ? '…' : '...';
 export const SPINNER_BRAILLE = isUnicode
   ? ['⠋', '⠙', '⠹', '⠸', '⠼', '⠴', '⠦', '⠧', '⠇', '⠏']
   : ['|', '/', '-', '\\'];
@@ -44,9 +44,12 @@ export const WARN = isUnicode ? '⚠' : '!';
 export const CLOUD = isUnicode ? '☁' : '~';
 export const TRIANGLE = isUnicode ? '▲' : '^';
 export const TREE_BRANCH = isUnicode ? '├── ' : '|-- ';
+export const TREE_MID = isUnicode ? '├' : '|';
 export const TREE_LAST = isUnicode ? '└── ' : '`-- ';
 export const TREE_VLINE = isUnicode ? '│   ' : '|   ';
 export const TREE_SPACE = '    ';
+export const ARROW_LEFT = isUnicode ? '◀' : '<';
+export const LOADING = isUnicode ? '⟳' : '[.]';
 export const LOADING_DOTS = isUnicode
   ? ['', '∘', '∘∘', '∘∘∘']
   : ['', '.', '..', '...'];