flowmind 1.4.8 → 1.5.1

package/tui/components/DragonTotem.jsx

@@ -1,92 +1,23 @@
 const React = require('react');
 const { Box, Text } = require('ink');
+const { LEVEL_COLORS, LEVEL_NAMES, LEVEL_STATES, getDragonArt } = require('../ui');
 
-const DRAGON_ARTS = {
-  0: [
-    '        ╭─────╮        ',
-    '       ╱  ╭─╮  ╲       ',
-    '      │  │   │  │      ',
-    '      │  │ ◎ │  │      ',
-    '      │   ╰─╯   │      ',
-    '       ╲       ╱       ',
-    '        ╰─────╯        ',
-  ],
-  1: [
-    '           ╭──╮            ',
-    '      ╭────╯  ╰───╮        ',
-    '     ╱  ◎    ╰─╯   ╲      ',
-    '    ╱    ▽           ╲     ',
-    '    ╲    ╱╲   ╱╲     ╱     ',
-    '     ╲╱╱  ╲╱╱  ╲╱╲╱       ',
-  ],
-  2: [
-    '        ╭─╮  ╭─╮             ',
-    '   ╭────╯ ╰──╯ ╰───╮         ',
-    '  ╱  ◎      ╰──╯     ╲       ',
-    ' ╱      ╭────────╮     ╲     ',
-    ' ╲     ╱ ╱╱╱╱╱╱╱╱ ╲    ╱     ',
-    '  ╲───╯ ╱╱╱╱╱╱╱╱╱╱ ╰──╱      ',
-    '   ╰─╯            ╰─╯       ',
-  ],
-  3: [
-    '      ╭───╮  ╭───╮               ',
-    '  ╭───╯   ╰──╯   ╰───╮           ',
-    ' ╱  ◎        ╰───╯     ╲         ',
-    '│     ╭──────────╮      │        ',
-    '│    ╱ ╱╱╱╱╱╱╱╱╱╱ ╲     │        ',
-    ' ╲──╯ ╱╱╱╱╱╱╱╱╱╱╱╱ ╰───╯        ',
-    '  ╲  ╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱  ╱         ',
-    '   ╲╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱          ',
-    '    ╰───╯       ╰───╯            ',
-  ],
-  4: [
-    '    ╭───╮      ╭───╮                 ',
-    '╭───╯   ╰──────╯   ╰───╮             ',
-    '│  ◎           ╰───╯     │           ',
-    '│      ╭────────────╮    │           ',
-    '│     ╱ ╱╱╱╱╱╱╱╱╱╱╱╱ ╲   │           ',
-    ' ╲───╯ ╱╱╱╱╱╱╱╱╱╱╱╱╱╱ ╰──╯          ',
-    '  ╲   ╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱  ╲          ',
-    '   ╲─╯╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╰─╲         ',
-    '    ╲╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱         ',
-    '     ╰───╯         ╰───╯             ',
-  ],
-  5: [
-    '  ★  ╭───╮          ╭───╮  ★           ',
-    '╭─╯   ╰──╯          ╰──╯   ╰─╮         ',
-    '│  ◎            ╰───╯         │         ',
-    '│       ╭──────────────╮      │         ',
-    '│      ╱ ★╱╱╱╱╱╱╱╱╱╱★╱╱ ╲     │         ',
-    ' ╲────╯ ╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱ ╰───╯         ',
-    '  ╲    ╱╱╱╱★╱╱╱╱╱╱╱╱★╱╱╱╱╱  ╲          ',
-    '   ╲──╯╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╰──╲         ',
-    '    ╲─╯╱╱╱★╱╱╱╱╱╱╱╱★╱╱╱╱╱╰──╲         ',
-    '  ★  ╲╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱  ★       ',
-    '       ╰───╯           ╰───╯            ',
-  ],
-};
-
-const LEVEL_NAMES = ['Egg', 'Hatchling', 'Juvenile', 'Adult', 'Elder', 'Ascended'];
-const LEVEL_STATES = ['dormant', 'awakening', 'growing', 'soaring', 'wise', 'transcendent'];
-const LEVEL_COLORS = ['gray', 'cyan', 'cyan', 'cyanBright', 'cyanBright', 'cyanBright'];
-
-function DragonTotem({ honorData, compact }) {
+function DragonTotem({ honorData, compact, asciiMode = false }) {
   const points = honorData?.points || 0;
   const level = honorData?.level || 0;
-  const art = DRAGON_ARTS[level] || DRAGON_ARTS[0];
+  const art = getDragonArt(level, { asciiMode, compact });
   const color = LEVEL_COLORS[level] || 'gray';
   const levelName = LEVEL_NAMES[level] || 'Unknown';
   const state = LEVEL_STATES[level] || 'unknown';
   const nextLevelPoints = [1, 10, 30, 60, 100];
   const nextPoints = nextLevelPoints[level] || null;
   const pointsToNext = nextPoints !== null ? nextPoints - points : 0;
-  const lines = compact ? art.slice(0, 4) : art;
 
   return (
     React.createElement(Box, { flexDirection: 'column', paddingX: 1 },
       React.createElement(Text, { bold: true, color: 'cyan' }, 'Dragon Totem'),
       React.createElement(Box, { flexDirection: 'column', marginTop: 1 },
-        lines.map((line, i) => React.createElement(Text, { key: i, color: color }, line))
+        art.map((line, i) => React.createElement(Text, { key: i, color: color }, line))
       ),
       React.createElement(Box, { flexDirection: 'column', marginTop: 1 },
         React.createElement(Text, null,

package/tui/components/Sidebar.jsx

@@ -1,8 +1,9 @@
 const React = require('react');
 const { Box, Text, useInput } = require('ink');
 const DragonTotem = require('./DragonTotem.jsx');
+const { getBorderStyle, getProgressBar, getSelectionPrefix } = require('../ui');
 
-function Sidebar({ flowmind, width, onSkillSelect, focused }) {
+function Sidebar({ flowmind, width, onSkillSelect, focused, asciiMode = false }) {
   const [selectedIndex, setSelectedIndex] = React.useState(0);
   const [skills, setSkills] = React.useState([]);
   const [honorData, setHonorData] = React.useState({ points: 0, level: 0, stats: {} });
@@ -32,13 +33,12 @@ function Sidebar({ flowmind, width, onSkillSelect, focused }) {
 
   const barWidth = Math.max(10, width - 4);
   const progress = honorData.points > 0 ? Math.min(1, honorData.points / 100) : 0;
-  const filled = Math.round(progress * barWidth);
-  const progressBar = '\u2588'.repeat(filled) + '\u2591'.repeat(barWidth - filled);
+  const progressBar = getProgressBar(barWidth, progress, asciiMode);
 
   return (
-    React.createElement(Box, { flexDirection: 'column', width: width, borderStyle: 'single', borderColor: focused ? 'cyan' : 'gray', paddingX: 1 },
+    React.createElement(Box, { flexDirection: 'column', width: width, borderStyle: getBorderStyle(asciiMode), borderColor: focused ? 'cyan' : 'gray', paddingX: 1 },
       React.createElement(Text, { color: focused ? 'cyan' : 'gray' }, focused ? 'Sidebar [Focused]' : 'Sidebar'),
-      React.createElement(DragonTotem, { honorData: honorData, compact: true }),
+      React.createElement(DragonTotem, { honorData: honorData, compact: true, asciiMode: asciiMode }),
       React.createElement(Box, { flexDirection: 'column', marginTop: 1 },
         React.createElement(Text, { bold: true, color: 'cyan' }, 'Progress'),
         React.createElement(Text, { color: 'green' }, progressBar),
@@ -51,7 +51,7 @@ function Sidebar({ flowmind, width, onSkillSelect, focused }) {
           skills.map((skill, i) => {
             const isSelected = i === selectedIndex;
             const category = skill.category || 'general';
-            const prefix = isSelected ? '\u25B6 ' : '  ';
+            const prefix = getSelectionPrefix(isSelected, asciiMode);
             return React.createElement(Text, { key: skill.name },
               React.createElement(Text, { color: isSelected ? (focused ? 'green' : 'yellow') : 'white' }, prefix + skill.name),
               React.createElement(Text, { color: 'gray' }, ' [' + category + ']')
@@ -61,7 +61,7 @@ function Sidebar({ flowmind, width, onSkillSelect, focused }) {
       ),
       React.createElement(Box, { flexDirection: 'column', marginTop: 1 },
         React.createElement(Text, { color: 'gray' }, 'Tab: switch focus'),
-        React.createElement(Text, { color: 'gray' }, 'Enter: inspect skill')
+        React.createElement(Text, { color: 'gray' }, 'Enter: inspect in chat')
       ),
       React.createElement(Box, { flexDirection: 'column', marginTop: 1 },
         React.createElement(Text, { bold: true, color: 'cyan' }, 'Stats'),

package/tui/components/StatusBar.jsx

@@ -1,9 +1,8 @@
 const React = require('react');
 const { Box, Text } = require('ink');
+const { LEVEL_NAMES, getBorderStyle, getStatusDot } = require('../ui');
 
-const LEVEL_NAMES = ['Egg', 'Hatchling', 'Juvenile', 'Adult', 'Elder', 'Ascended'];
-
-function StatusBar({ flowmind, focusPanel }) {
+function StatusBar({ flowmind, focusPanel, asciiMode = false }) {
   const [aiStatus, setAiStatus] = React.useState(null);
   const [componentStatus, setComponentStatus] = React.useState(null);
   const [honorData, setHonorData] = React.useState(null);
@@ -26,11 +25,11 @@ function StatusBar({ flowmind, focusPanel }) {
   const points = honorData?.points || 0;
 
   return (
-    React.createElement(Box, { borderStyle: 'single', borderColor: 'gray', paddingX: 1, justifyContent: 'space-between' },
+    React.createElement(Box, { borderStyle: getBorderStyle(asciiMode), borderColor: 'gray', paddingX: 1, justifyContent: 'space-between' },
       React.createElement(Text, null,
         React.createElement(Text, { color: 'gray' }, 'AI: '),
         React.createElement(Text, { color: aiOk ? 'green' : 'red' }, aiName),
-        React.createElement(Text, { color: aiOk ? 'green' : 'red' }, aiOk ? ' \u25CF' : ' \u25CB')
+        React.createElement(Text, { color: aiOk ? 'green' : 'red' }, getStatusDot(aiOk, asciiMode))
       ),
       React.createElement(Text, null,
         React.createElement(Text, { color: 'gray' }, 'Components: '),
@@ -45,7 +44,7 @@ function StatusBar({ flowmind, focusPanel }) {
       React.createElement(Text, null,
         React.createElement(Text, { color: 'gray' }, 'Focus: '),
         React.createElement(Text, { color: focusPanel === 'chat' ? 'green' : 'cyan' }, focusPanel || 'chat'),
-        React.createElement(Text, { color: 'gray' }, ' | Tab switch')
+        React.createElement(Text, { color: 'gray' }, ' | Enter send | exit quit :q | Tab switch')
       )
     )
   );

package/tui/format-result.js

@@ -0,0 +1,164 @@
+function isPlainObject(value) {
+  return value && typeof value === 'object' && !Array.isArray(value);
+}
+
+function unwrapResultPayload(result) {
+  let current = result;
+
+  while (
+    isPlainObject(current)
+    && current.type === 'result'
+    && isPlainObject(current.data)
+    && current.message === undefined
+    && current.skill === undefined
+  ) {
+    current = current.data;
+  }
+
+  return current;
+}
+
+function pruneDisplayValue(value) {
+  if (value === null || value === undefined) {
+    return undefined;
+  }
+
+  if (Array.isArray(value)) {
+    const items = value
+      .map(pruneDisplayValue)
+      .filter((item) => item !== undefined);
+    return items.length > 0 ? items : undefined;
+  }
+
+  if (!isPlainObject(value)) {
+    return value;
+  }
+
+  const output = {};
+  for (const [key, child] of Object.entries(value)) {
+    if ([
+      'type',
+      'skill',
+      'message',
+      'timestamp',
+      'input',
+      'success',
+      'metadata'
+    ].includes(key)) {
+      continue;
+    }
+
+    const pruned = pruneDisplayValue(child);
+    if (pruned !== undefined) {
+      output[key] = pruned;
+    }
+  }
+
+  return Object.keys(output).length > 0 ? output : undefined;
+}
+
+function formatScalar(value) {
+  if (typeof value === 'string') return value;
+  if (typeof value === 'number' || typeof value === 'boolean') return String(value);
+  return JSON.stringify(value);
+}
+
+function renderValueLines(value, indent = '') {
+  if (value === undefined) return [];
+
+  if (Array.isArray(value)) {
+    if (value.length === 0) return [];
+
+    const allScalars = value.every((item) => !isPlainObject(item) && !Array.isArray(item));
+    if (allScalars) {
+      return [indent + value.map(formatScalar).join(', ')];
+    }
+
+    const lines = [];
+    for (const item of value) {
+      if (isPlainObject(item) || Array.isArray(item)) {
+        const nested = renderValueLines(item, indent + '  ');
+        if (nested.length > 0) {
+          lines.push(indent + '-');
+          lines.push(...nested);
+        }
+      } else {
+        lines.push(indent + '- ' + formatScalar(item));
+      }
+    }
+    return lines;
+  }
+
+  if (!isPlainObject(value)) {
+    return [indent + formatScalar(value)];
+  }
+
+  const lines = [];
+  for (const [key, child] of Object.entries(value)) {
+    if (Array.isArray(child)) {
+      const rendered = renderValueLines(child, indent + '  ');
+      if (rendered.length === 1 && !rendered[0].startsWith(indent + '  -')) {
+        lines.push(`${indent}${key}: ${rendered[0].trimStart()}`);
+      } else if (rendered.length > 0) {
+        lines.push(`${indent}${key}:`);
+        lines.push(...rendered);
+      }
+      continue;
+    }
+
+    if (isPlainObject(child)) {
+      lines.push(`${indent}${key}:`);
+      lines.push(...renderValueLines(child, indent + '  '));
+      continue;
+    }
+
+    lines.push(`${indent}${key}: ${formatScalar(child)}`);
+  }
+
+  return lines;
+}
+
+function formatResultText(result) {
+  if (result?.type === 'learning') {
+    return result.message || 'Learning recorded';
+  }
+
+  if (result?.type === 'error') {
+    return 'Error: ' + result.message;
+  }
+
+  const payload = unwrapResultPayload(result);
+
+  if (typeof payload === 'string') {
+    return payload;
+  }
+
+  if (!isPlainObject(payload)) {
+    return payload === undefined ? '' : formatScalar(payload);
+  }
+
+  const message = payload.message;
+  const details = pruneDisplayValue(payload.data);
+  const detailLines = renderValueLines(details);
+
+  if (message && detailLines.length > 0) {
+    return [message, '', ...detailLines].join('\n');
+  }
+
+  if (message) {
+    return message;
+  }
+
+  if (detailLines.length > 0) {
+    return detailLines.join('\n');
+  }
+
+  return JSON.stringify(payload, null, 2);
+}
+
+module.exports = {
+  formatResultText,
+  pruneDisplayValue,
+  renderValueLines,
+  unwrapResultPayload
+};

package/tui/ui.js

@@ -0,0 +1,186 @@
+const LEVEL_NAMES = ['Egg', 'Hatchling', 'Juvenile', 'Adult', 'Elder', 'Ascended'];
+const LEVEL_STATES = ['dormant', 'awakening', 'growing', 'soaring', 'wise', 'transcendent'];
+const LEVEL_COLORS = ['gray', 'cyan', 'cyan', 'cyanBright', 'cyanBright', 'cyanBright'];
+
+const UNICODE_DRAGON_ARTS = {
+  0: [
+    '        ╭─────╮        ',
+    '       ╱  ╭─╮  ╲       ',
+    '      │  │   │  │      ',
+    '      │  │ ◎ │  │      ',
+    '      │   ╰─╯   │      ',
+    '       ╲       ╱       ',
+    '        ╰─────╯        ',
+  ],
+  1: [
+    '           ╭──╮            ',
+    '      ╭────╯  ╰───╮        ',
+    '     ╱  ◎    ╰─╯   ╲      ',
+    '    ╱    ▽           ╲     ',
+    '    ╲    ╱╲   ╱╲     ╱     ',
+    '     ╲╱╱  ╲╱╱  ╲╱╲╱       ',
+  ],
+  2: [
+    '        ╭─╮  ╭─╮             ',
+    '   ╭────╯ ╰──╯ ╰───╮         ',
+    '  ╱  ◎      ╰──╯     ╲       ',
+    ' ╱      ╭────────╮     ╲     ',
+    ' ╲     ╱ ╱╱╱╱╱╱╱╱ ╲    ╱     ',
+    '  ╲───╯ ╱╱╱╱╱╱╱╱╱╱ ╰──╱      ',
+    '   ╰─╯            ╰─╯       ',
+  ],
+  3: [
+    '      ╭───╮  ╭───╮               ',
+    '  ╭───╯   ╰──╯   ╰───╮           ',
+    ' ╱  ◎        ╰───╯     ╲         ',
+    '│     ╭──────────╮      │        ',
+    '│    ╱ ╱╱╱╱╱╱╱╱╱╱ ╲     │        ',
+    ' ╲──╯ ╱╱╱╱╱╱╱╱╱╱╱╱ ╰───╯        ',
+    '  ╲  ╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱  ╱         ',
+    '   ╲╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱          ',
+    '    ╰───╯       ╰───╯            ',
+  ],
+  4: [
+    '    ╭───╮      ╭───╮                 ',
+    '╭───╯   ╰──────╯   ╰───╮             ',
+    '│  ◎           ╰───╯     │           ',
+    '│      ╭────────────╮    │           ',
+    '│     ╱ ╱╱╱╱╱╱╱╱╱╱╱╱ ╲   │           ',
+    ' ╲───╯ ╱╱╱╱╱╱╱╱╱╱╱╱╱╱ ╰──╯          ',
+    '  ╲   ╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱  ╲          ',
+    '   ╲─╯╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╰─╲         ',
+    '    ╲╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱         ',
+    '     ╰───╯         ╰───╯             ',
+  ],
+  5: [
+    '  ★  ╭───╮          ╭───╮  ★           ',
+    '╭─╯   ╰──╯          ╰──╯   ╰─╮         ',
+    '│  ◎            ╰───╯         │         ',
+    '│       ╭──────────────╮      │         ',
+    '│      ╱ ★╱╱╱╱╱╱╱╱╱╱★╱╱ ╲     │         ',
+    ' ╲────╯ ╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱ ╰───╯         ',
+    '  ╲    ╱╱╱╱★╱╱╱╱╱╱╱╱★╱╱╱╱╱  ╲          ',
+    '   ╲──╯╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╰──╲         ',
+    '    ╲─╯╱╱╱★╱╱╱╱╱╱╱╱★╱╱╱╱╱╰──╲         ',
+    '  ★  ╲╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱  ★       ',
+    '       ╰───╯           ╰───╯            ',
+  ],
+};
+
+const ASCII_DRAGON_ARTS = {
+  0: [
+    '        /-----\\        ',
+    '       /  /-\\  \\       ',
+    '      |  | o |  |      ',
+    '      |  |   |  |      ',
+    '      |   \\_/   |      ',
+    '       \\       /       ',
+    '        \\-----/        ',
+  ],
+  1: [
+    '          /--\\          ',
+    '     /----/  \\---\\      ',
+    '    /  o    \\/    \\     ',
+    '    \\    /\\    /\\  /    ',
+    '     \\/\\/  \\/\\/  \\/     ',
+  ],
+  2: [
+    '       /-\\  /-\\         ',
+    '  /----/  \\/  \\---\\     ',
+    ' /  o      __      \\    ',
+    ' \\     /--------\\  /    ',
+    '  \\---/  //////  \\/     ',
+    '   \\_/          \\_/     ',
+  ],
+  3: [
+    '     /---\\  /---\\       ',
+    ' /---/   \\/   \\---\\     ',
+    '/  o       __      \\    ',
+    '|    /----------\\  |    ',
+    ' \\--/  ////////  \\-/    ',
+    '  \\/  //////////  \\/    ',
+    '   \\_/          \\_/     ',
+  ],
+  4: [
+    '   /---\\      /---\\     ',
+    '/---/   \\____/   \\---\\  ',
+    '| o        __        |  ',
+    '|   /------------\\   |  ',
+    ' \\-/  //////////// \\-/  ',
+    '  /  ////////////  \\    ',
+    ' /_/              \\_\\   ',
+  ],
+  5: [
+    ' * /---\\      /---\\ *   ',
+    '/-/   \\______/   \\-\\    ',
+    '| o        __        |  ',
+    '|   /--------------\\ |  ',
+    ' \\-/  /////**/////  \\-/ ',
+    '  /  /////    /////  \\  ',
+    ' /_/   **      **   \\_\\ ',
+    ' * \\______________/ *   ',
+  ],
+};
+
+function getBorderStyle(asciiMode) {
+  return asciiMode ? 'classic' : 'single';
+}
+
+function getProgressBar(width, progress, asciiMode) {
+  const safeWidth = Math.max(1, width);
+  const filled = Math.round(Math.max(0, Math.min(1, progress)) * safeWidth);
+  const fullChar = asciiMode ? '#' : '\u2588';
+  const emptyChar = asciiMode ? '-' : '\u2591';
+  return fullChar.repeat(filled) + emptyChar.repeat(safeWidth - filled);
+}
+
+function getStatusDot(active, asciiMode) {
+  if (asciiMode) {
+    return active ? ' *' : ' o';
+  }
+  return active ? ' \u25CF' : ' \u25CB';
+}
+
+function getSelectionPrefix(selected, asciiMode) {
+  if (!selected) return '  ';
+  return asciiMode ? '> ' : '\u25B6 ';
+}
+
+function getCheckMark(success, asciiMode) {
+  if (asciiMode) {
+    return success ? 'ok' : 'x';
+  }
+  return success ? '\u2713' : '\u2717';
+}
+
+function getDragonArt(level, { asciiMode = false, compact = false } = {}) {
+  const source = asciiMode ? ASCII_DRAGON_ARTS : UNICODE_DRAGON_ARTS;
+  const art = source[level] || source[0];
+  return compact ? art.slice(0, Math.min(4, art.length)) : art;
+}
+
+function isExitCommand(input) {
+  const normalized = String(input || '').trim().toLowerCase();
+  return [
+    'exit',
+    'quit',
+    '/exit',
+    '/quit',
+    ':q',
+    ':quit',
+    ':exit'
+  ].includes(normalized);
+}
+
+module.exports = {
+  LEVEL_COLORS,
+  LEVEL_NAMES,
+  LEVEL_STATES,
+  getBorderStyle,
+  getCheckMark,
+  getDragonArt,
+  getProgressBar,
+  getSelectionPrefix,
+  getStatusDot,
+  isExitCommand
+};