flowmind 1.4.8 → 1.5.0

package/skills/resource-bind/index.js

@@ -3,44 +3,74 @@
  * Manage database, Redis, API, and other external resource connections
  */
 
+const PROVIDER_MAP = {
+  'yapi-mcp': { componentType: 'apiDoc', provider: 'yapi', mcpServer: 'yapi-mcp' },
+  yapi: { componentType: 'apiDoc', provider: 'yapi', mcpServer: 'yapi-mcp' },
+  'yuque-mcp': { componentType: 'knowledgeBase', provider: 'yuque', mcpServer: 'yuque-mcp' },
+  yuque: { componentType: 'knowledgeBase', provider: 'yuque', mcpServer: 'yuque-mcp' },
+  'aliyun-dms-mcp-server': { componentType: 'databaseManager', provider: 'aliyun-dms', mcpServer: 'aliyun-dms-mcp-server' },
+  'aliyun-dms': { componentType: 'databaseManager', provider: 'aliyun-dms', mcpServer: 'aliyun-dms-mcp-server' },
+  'aliyun-redis': { componentType: 'redisMonitor', provider: 'aliyun-redis', mcpServer: 'aliyun-redis' },
+  redis: { componentType: 'redisMonitor', provider: 'aliyun-redis', mcpServer: 'aliyun-redis' },
+  'friday-auto-flow': { componentType: 'workflow', provider: 'friday-flow', mcpServer: 'friday-auto-flow' },
+  'friday-flow': { componentType: 'workflow', provider: 'friday-flow', mcpServer: 'friday-auto-flow' },
+  'aliyun-sls': { componentType: 'logService', provider: 'aliyun-sls', mcpServer: 'aliyun-sls' },
+  sls: { componentType: 'logService', provider: 'aliyun-sls', mcpServer: 'aliyun-sls' }
+};
+
 module.exports = {
-  canHandle(input, context) {
+  canHandle(input) {
     if (!input) return false;
-    return /资源绑定|resource.*bind|数据库.*连接|redis.*连接|连接.*管理|connection.*manage/i.test(input);
+    return /资源绑定|resource.*bind|数据库.*连接|redis.*连接|连接.*管理|connection.*manage|绑定.*(mcp|token|地址|endpoint|url|host)|使用.*已绑定/i.test(input);
   },
 
   async execute(input, context) {
     const registry = context.componentRegistry;
     const params = parseResourceParams(input);
 
+    if (params.action === 'bind') {
+      return bindResource(input, context, params);
+    }
+
     if (params.action === 'list') {
       const components = registry?.getAll ? registry.getAll() : [];
+      const bindings = await context.flowmind?.learning?.listResourceBindings?.() || [];
       return {
         type: 'result',
         skill: 'resource-bind',
-        message: `Found ${components.length} configured component(s)`,
+        message: `Found ${components.length} configured component(s) and ${bindings.length} learned binding(s)`,
         data: {
-          components: components.map(c => ({
+          components: components.map((c) => ({
             name: c.name,
             type: c.type,
             provider: c.provider,
             active: c.active,
             initialized: c.initialized,
             mcpServer: c.mcpServer
-          }))
+          })),
+          bindings
         },
         input,
         timestamp: new Date().toISOString()
       };
     }
 
-    if (params.action === 'status') {
-      const status = registry ? registry.getStatus() : {};
+    if (params.action === 'status' || params.action === 'use' || params.action === 'show') {
+      const status = registry?.getStatus ? registry.getStatus() : {};
+      const matchedBinding = context.resourceBinding
+        || await context.flowmind?.learning?.matchResourceBinding?.(input, 'resource-bind')
+        || null;
+
       return {
         type: 'result',
         skill: 'resource-bind',
-        message: 'Resource connection status',
-        data: { status },
+        message: matchedBinding
+          ? `Using learned binding for business: ${matchedBinding.business}`
+          : 'Resource connection status',
+        data: {
+          status,
+          matchedBinding
+        },
         input,
         timestamp: new Date().toISOString()
       };
@@ -49,10 +79,15 @@ module.exports = {
     return {
       type: 'result',
       skill: 'resource-bind',
-      message: 'Resource binding. Available actions: list, status',
+      message: 'Resource binding. Available actions: bind, list, status, use',
       data: {
-        actions: ['list - List all resources', 'status - Show connection status'],
-        supportedTypes: ['MySQL', 'PostgreSQL', 'Redis', 'REST API']
+        actions: [
+          'bind - Save MCP/address/token for a business',
+          'list - List configured resources and learned bindings',
+          'status - Show connection status and matched binding',
+          'use - Resolve a learned binding for the current business'
+        ],
+        supportedTypes: ['MySQL', 'PostgreSQL', 'Redis', 'REST API', 'YApi', 'Yuque', 'Workflow']
       },
       input,
       timestamp: new Date().toISOString()
@@ -60,10 +95,167 @@ module.exports = {
   }
 };
 
+async function bindResource(input, context, params) {
+  const learning = context.flowmind?.learning;
+  if (!learning?.saveResourceBinding) {
+    return {
+      type: 'error',
+      skill: 'resource-bind',
+      message: 'Learning engine is not available for resource binding',
+      input,
+      timestamp: new Date().toISOString()
+    };
+  }
+
+  const binding = buildBinding(input, params, context);
+  const saved = await learning.saveResourceBinding(binding, {
+    currentSkill: 'resource-bind'
+  });
+  const storagePath = learning.expandPath(learning.learningPath);
+
+  return {
+    type: 'result',
+    skill: 'resource-bind',
+    message: `Saved learned binding for business: ${saved.business}`,
+    data: {
+      binding: saved,
+      storage: `${storagePath}/resource-bindings.json`
+    },
+    input,
+    timestamp: new Date().toISOString()
+  };
+}
+
+function buildBinding(input, params, context) {
+  const inferred = resolveProviderInfo(params);
+  const business = inferBusiness(input, params, inferred);
+  const aliases = [business, params.project, params.namespace, params.alias, params.env].filter(Boolean);
+  const keywords = extractKeywords(input, aliases);
+
+  return {
+    business,
+    aliases,
+    componentType: params.componentType || inferred.componentType || context.flowmind?.learning?.inferComponentType?.(input, 'resource-bind') || null,
+    provider: params.provider || inferred.provider || null,
+    mcpServer: params.mcpServer || inferred.mcpServer || null,
+    connection: {
+      address: params.address || params.url || params.endpoint || null,
+      host: params.host || null,
+      port: params.port || null,
+      token: params.token || null,
+      apiKey: params.apiKey || null,
+      namespace: params.namespace || null,
+      project: params.project || null,
+      sourceId: params.sourceId || null,
+      databaseId: params.databaseId || null,
+      env: params.env || null
+    },
+    metadata: {
+      input
+    },
+    keywords
+  };
+}
+
 function parseResourceParams(input) {
   const params = {};
-  if (/列表|list|查看|show/i.test(input)) params.action = 'list';
+  if (/列表|list|查看全部|show all/i.test(input)) params.action = 'list';
   if (/状态|status|连接/i.test(input)) params.action = 'status';
-  if (/绑定|bind|添加|add/i.test(input)) params.action = 'bind';
+  if (/绑定|bind|添加|add|记住|保存/i.test(input)) params.action = 'bind';
+  if (/使用|use|套用|复用/i.test(input)) params.action = 'use';
+  if (/查看绑定|show binding|显示绑定/i.test(input)) params.action = 'show';
+
+  const keyMap = {
+    business: ['业务', 'business', 'biz', 'service'],
+    alias: ['别名', 'alias'],
+    mcpServer: ['mcp', 'mcpServer', 'mcp_server'],
+    provider: ['provider', '服务商'],
+    componentType: ['component', 'componentType', '组件'],
+    address: ['地址', 'address'],
+    url: ['url', 'baseUrl', 'baseURL'],
+    endpoint: ['endpoint'],
+    host: ['host'],
+    port: ['port'],
+    token: ['token'],
+    apiKey: ['apiKey', 'apikey', 'key'],
+    namespace: ['namespace', 'repo', '仓库'],
+    project: ['project', '项目'],
+    sourceId: ['sourceId', 'source_id'],
+    databaseId: ['databaseId', 'database_id'],
+    env: ['env', '环境']
+  };
+
+  for (const [targetKey, aliases] of Object.entries(keyMap)) {
+    const value = findKeyValue(input, aliases);
+    if (value) params[targetKey] = value;
+  }
+
+  const bizSuffixMatch = input.match(/(?:绑定|bind)?\s*([\u4e00-\u9fa5A-Za-z0-9._-]+)\s*业务/i);
+  if (!params.business && bizSuffixMatch) {
+    params.business = bizSuffixMatch[1];
+  }
+
+  if (!params.business) {
+    const bizKeywordMatch = input.match(/(?:绑定|bind)\s*([\u4e00-\u9fa5A-Za-z0-9._-]+?)\s*(平台|服务|环境|工程|项目)/i);
+    if (bizKeywordMatch) {
+      params.business = `${bizKeywordMatch[1]}${bizKeywordMatch[2]}`;
+    }
+  }
+
+  const urlMatch = input.match(/https?:\/\/[^\s,，]+/i);
+  if (!params.address && !params.url && urlMatch) {
+    params.address = urlMatch[0];
+  }
+
   return params;
 }
+
+function findKeyValue(input, aliases) {
+  for (const alias of aliases) {
+    const regex = new RegExp(`${escapeRegex(alias)}\\s*[:=：]\\s*([^\\s,，]+)`, 'i');
+    const match = input.match(regex);
+    if (match) return match[1].trim();
+  }
+  return null;
+}
+
+function resolveProviderInfo(params) {
+  const candidates = [params.provider, params.mcpServer, params.componentType]
+    .filter(Boolean)
+    .map((value) => String(value).toLowerCase());
+
+  for (const candidate of candidates) {
+    if (PROVIDER_MAP[candidate]) return PROVIDER_MAP[candidate];
+  }
+
+  return {};
+}
+
+function inferBusiness(input, params, inferred = {}) {
+  const explicit = params.business || params.project || params.namespace;
+  if (explicit) return explicit;
+
+  const keywordMatch = String(input || '').match(/(?:绑定|bind)\s*([\u4e00-\u9fa5A-Za-z0-9._-]+?)\s*(平台|服务|环境|工程|项目)/i);
+  if (keywordMatch) {
+    return `${keywordMatch[1]}${keywordMatch[2]}`;
+  }
+
+  if (inferred.componentType === 'workflow') {
+    return params.env ? `发布平台-${params.env}` : '发布平台';
+  }
+
+  if (inferred.provider) {
+    return params.env ? `${inferred.provider}-${params.env}` : inferred.provider;
+  }
+
+  return params.env ? `default-${params.env}` : 'default';
+}
+
+function extractKeywords(input, aliases = []) {
+  const words = input.match(/[\u4e00-\u9fa5A-Za-z0-9._-]+/g) || [];
+  return [...new Set([...aliases.filter(Boolean), ...words])].slice(0, 16);
+}
+
+function escapeRegex(value) {
+  return value.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
+}

package/skills/yapi-sync-interface/index.js

@@ -11,8 +11,11 @@ module.exports = {
 
   async execute(input, context) {
     const apiDoc = context.componentRegistry?.getAdapter('apiDoc');
+    const learnedBinding = context.resourceBinding?.componentType === 'apiDoc'
+      ? context.resourceBinding
+      : null;
 
-    if (!apiDoc) {
+    if (!apiDoc && !learnedBinding) {
       return {
         type: 'result',
         skill: 'yapi-sync-interface',
@@ -32,7 +35,8 @@ module.exports = {
         message: `Searching YApi for: ${params.keyword || 'all'}`,
         data: {
           mcpTool: 'yapi_search_apis',
-          args: { projectKeyword: params.project, nameKeyword: params.keyword, limit: 20 }
+          args: { projectKeyword: params.project || learnedBinding?.connection?.project, nameKeyword: params.keyword, limit: 20 },
+          binding: learnedBinding
         },
         input,
         timestamp: new Date().toISOString()
@@ -43,10 +47,11 @@ module.exports = {
       return {
         type: 'result',
         skill: 'yapi-sync-interface',
-        message: `Listing YApi categories for project: ${params.project || 'default'}`,
+        message: `Listing YApi categories for project: ${params.project || learnedBinding?.connection?.project || 'default'}`,
         data: {
           mcpTool: 'yapi_get_categories',
-          args: { projectId: params.project }
+          args: { projectId: params.project || learnedBinding?.connection?.project },
+          binding: learnedBinding
         },
         input,
         timestamp: new Date().toISOString()
@@ -57,10 +62,11 @@ module.exports = {
       return {
         type: 'result',
         skill: 'yapi-sync-interface',
-        message: `Exporting YApi project: ${params.project}`,
+        message: `Exporting YApi project: ${params.project || learnedBinding?.connection?.project || 'default'}`,
         data: {
           mcpTool: 'yapi_export_project',
-          args: { projectId: params.project, type: params.format || 'swagger' }
+          args: { projectId: params.project || learnedBinding?.connection?.project, type: params.format || 'swagger' },
+          binding: learnedBinding
         },
         input,
         timestamp: new Date().toISOString()
@@ -73,7 +79,8 @@ module.exports = {
       message: 'YApi sync. Available actions: search, list, export, import',
       data: {
         actions: ['search - Search interfaces', 'list - List categories', 'export - Export project', 'import - Import Swagger'],
-        mcpTools: ['yapi_search_apis', 'yapi_get_categories', 'yapi_save_api', 'yapi_import_swagger', 'yapi_export_project']
+        mcpTools: ['yapi_search_apis', 'yapi_get_categories', 'yapi_save_api', 'yapi_import_swagger', 'yapi_export_project'],
+        binding: learnedBinding
       },
       input,
       timestamp: new Date().toISOString()

package/skills/yuque-sync-design/index.js

@@ -14,8 +14,11 @@ module.exports = {
 
   async execute(input, context) {
     const knowledgeBase = context.componentRegistry?.getAdapter('knowledgeBase');
+    const learnedBinding = context.resourceBinding?.componentType === 'knowledgeBase'
+      ? context.resourceBinding
+      : null;
 
-    if (!knowledgeBase) {
+    if (!knowledgeBase && !learnedBinding) {
       return {
         type: 'result',
         skill: 'yuque-sync-design',
@@ -35,7 +38,8 @@ module.exports = {
         message: `Searching Yuque for: ${params.keyword || 'all'}`,
         data: {
           mcpTool: 'search',
-          args: { q: params.keyword, type: 'doc' }
+          args: { q: params.keyword, type: 'doc' },
+          binding: learnedBinding
         },
         input,
         timestamp: new Date().toISOString()
@@ -49,7 +53,8 @@ module.exports = {
         message: 'Listing Yuque repositories',
         data: {
           mcpTool: 'get_user_repos',
-          args: {}
+          args: {},
+          binding: learnedBinding
         },
         input,
         timestamp: new Date().toISOString()
@@ -57,7 +62,7 @@ module.exports = {
     }
 
     if (params.action === 'sync') {
-      return syncDesignDoc(params, input);
+      return syncDesignDoc(params, input, learnedBinding);
     }
 
     return {
@@ -66,7 +71,8 @@ module.exports = {
       message: 'Yuque design sync. Available actions: search, list, sync',
       data: {
         actions: ['search - Search documents', 'list - List repos', 'sync - Sync design doc'],
-        mcpTools: ['get_user_repos', 'get_repo_docs', 'get_doc', 'create_doc', 'update_doc', 'search']
+        mcpTools: ['get_user_repos', 'get_repo_docs', 'get_doc', 'create_doc', 'update_doc', 'search'],
+        binding: learnedBinding
       },
       input,
       timestamp: new Date().toISOString()
@@ -92,7 +98,7 @@ function parseYuqueParams(input) {
   return params;
 }
 
-async function syncDesignDoc(params, input) {
+async function syncDesignDoc(params, input, learnedBinding) {
   const filePath = params.path || 'DESIGN.md';
 
   if (!(await fs.pathExists(filePath))) {
@@ -115,12 +121,13 @@ async function syncDesignDoc(params, input) {
     data: {
       mcpTool: 'create_doc',
       args: {
-        namespace: params.repo,
+        namespace: params.repo || learnedBinding?.connection?.namespace,
         slug: title.toLowerCase().replace(/\s+/g, '-'),
         title,
         body: content,
         format: 'markdown'
-      }
+      },
+      binding: learnedBinding
     },
     input,
     timestamp: new Date().toISOString()

package/tui/app.jsx

@@ -1,21 +1,27 @@
 const React = require('react');
-const { Box, Text, useApp, useInput } = require('ink');
+const { Box, useApp, useInput } = require('ink');
 const Sidebar = require('./components/Sidebar.jsx');
 const ChatPanel = require('./components/ChatPanel.jsx');
-const ResultPanel = require('./components/ResultPanel.jsx');
 const StatusBar = require('./components/StatusBar.jsx');
+const { formatResultText } = require('./format-result');
 
-function App({ flowmind }) {
-  const [results, setResults] = React.useState([]);
+function App({ flowmind, asciiMode = false }) {
+  const [messages, setMessages] = React.useState([]);
   const [isProcessing, setIsProcessing] = React.useState(false);
   const [focusPanel, setFocusPanel] = React.useState('chat'); // 'chat' | 'sidebar'
   const mountedRef = React.useRef(true);
+  const messageIdRef = React.useRef(0);
   const { exit } = useApp();
 
   React.useEffect(() => {
     return () => { mountedRef.current = false; };
   }, []);
 
+  const appendMessage = React.useCallback((role, text, metadata = {}) => {
+    const id = ++messageIdRef.current;
+    setMessages(prev => [...prev, { id, role, text, metadata }]);
+  }, []);
+
   // Ctrl+C always exits; Tab switches focus between panels
   useInput((input, key) => {
     if (key.ctrl && input === 'c') exit();
@@ -24,51 +30,61 @@ function App({ flowmind }) {
     }
   });
 
-  const handleCommand = React.useCallback(async (input, addResponse) => {
+  const handleCommand = React.useCallback(async (input) => {
     if (!mountedRef.current) return;
+    appendMessage('user', input);
     setIsProcessing(true);
+
     try {
       const result = await flowmind.process(input);
       if (!mountedRef.current) return;
-      if (result.type === 'result') {
-        const text = typeof result.data === 'string' ? result.data : JSON.stringify(result.data, null, 2);
-        addResponse(text);
-      } else if (result.type === 'learning') {
-        addResponse(result.message || 'Learning recorded');
-      } else if (result.type === 'error') {
-        addResponse('Error: ' + result.message);
-      }
-      setResults(prev => [...prev, result]);
+
+      appendMessage('flowmind', formatResultText(result), {
+        type: result.type,
+        skill: result.metadata?.skill || result.skill,
+        duration: result.metadata?.duration,
+        scene: result.metadata?.sceneMatch?.scene?.name
+      });
     } catch (e) {
-      if (mountedRef.current) addResponse('Error: ' + e.message);
+      if (mountedRef.current) appendMessage('flowmind', 'Error: ' + e.message, { type: 'error' });
     } finally {
       if (mountedRef.current) setIsProcessing(false);
     }
-  }, [flowmind]);
+  }, [appendMessage, flowmind]);
 
   const handleSkillSelect = React.useCallback((skill) => {
     if (!mountedRef.current) return;
     try {
-      setResults(prev => [...prev, {
-        type: 'result',
-        data: { name: skill.name, description: skill.definition?.description || 'No description', category: skill.category || 'general', path: skill.path },
-        metadata: { skill: skill.name }
-      }]);
+      appendMessage(
+        'system',
+        [
+          `Skill: ${skill.name}`,
+          `Category: ${skill.category || 'general'}`,
+          `Description: ${skill.definition?.description || 'No description'}`,
+          `Path: ${skill.path}`
+        ].join('\n'),
+        { label: 'skill inspect' }
+      );
+      setFocusPanel('chat');
     } catch (e) {
       // ignore skill select errors
     }
-  }, []);
+  }, [appendMessage]);
 
   return (
     React.createElement(Box, { flexDirection: 'column', width: '100%', height: '100%' },
       React.createElement(Box, { flexDirection: 'row', flexGrow: 1 },
-        React.createElement(Sidebar, { flowmind: flowmind, width: 30, onSkillSelect: handleSkillSelect, focused: focusPanel === 'sidebar' }),
-        React.createElement(Box, { flexDirection: 'column', width: '70%', flexGrow: 1 },
-          React.createElement(ChatPanel, { onSubmit: handleCommand, isProcessing: isProcessing, onExit: exit, focused: focusPanel === 'chat' }),
-          React.createElement(ResultPanel, { results: results })
-        )
+        React.createElement(Sidebar, { flowmind: flowmind, width: 32, onSkillSelect: handleSkillSelect, focused: focusPanel === 'sidebar', asciiMode: asciiMode }),
+        React.createElement(ChatPanel, {
+          messages,
+          onSubmit: handleCommand,
+          isProcessing: isProcessing,
+          onExit: exit,
+          focused: focusPanel === 'chat',
+          asciiMode: asciiMode
+        })
       ),
-      React.createElement(StatusBar, { flowmind: flowmind, focusPanel: focusPanel })
+      React.createElement(StatusBar, { flowmind: flowmind, focusPanel: focusPanel, asciiMode: asciiMode })
     )
   );
 }

package/tui/components/ChatPanel.jsx

@@ -2,18 +2,13 @@ const React = require('react');
 const { Box, Text, useInput } = require('ink');
 const TextInput = require('ink-text-input').default || require('ink-text-input');
 const Spinner = require('ink-spinner').default || require('ink-spinner');
+const { getBorderStyle, isExitCommand } = require('../ui');
 
-function ChatPanel({ onSubmit, isProcessing, onExit, focused }) {
+function ChatPanel({ messages, onSubmit, isProcessing, onExit, focused, asciiMode = false }) {
   const [input, setInput] = React.useState('');
-  const [history, setHistory] = React.useState([]);
   const [cmdHistory, setCmdHistory] = React.useState([]);
   const [historyIndex, setHistoryIndex] = React.useState(-1);
   const [savedInput, setSavedInput] = React.useState('');
-  const mountedRef = React.useRef(true);
-
-  React.useEffect(() => {
-    return () => { mountedRef.current = false; };
-  }, []);
 
   // Handle Up/Down arrow for command history (only when focused)
   useInput((ch, key) => {
@@ -40,58 +35,75 @@ function ChatPanel({ onSubmit, isProcessing, onExit, focused }) {
   });
 
   const handleSubmit = (value) => {
-    if (!value.trim()) return;
-    setHistory(prev => [...prev, { role: 'user', text: value }]);
+    const normalized = value.trim();
+    if (!normalized) return;
     // Add to command history (deduplicate consecutive)
-    if (cmdHistory.length === 0 || cmdHistory[cmdHistory.length - 1] !== value) {
-      setCmdHistory(prev => [...prev, value]);
+    if (cmdHistory.length === 0 || cmdHistory[cmdHistory.length - 1] !== normalized) {
+      setCmdHistory(prev => [...prev, normalized]);
     }
     setHistoryIndex(-1);
     setSavedInput('');
     setInput('');
-    if (value.toLowerCase() === 'exit' || value.toLowerCase() === 'quit') {
+    if (isExitCommand(normalized)) {
       if (onExit) onExit();
       return;
     }
-    try {
-      onSubmit(value, (response) => {
-        if (mountedRef.current) {
-          setHistory(prev => [...prev, { role: 'flowmind', text: response }]);
-        }
-      });
-    } catch (e) {
-      if (mountedRef.current) {
-        setHistory(prev => [...prev, { role: 'flowmind', text: 'Error: ' + e.message }]);
-      }
-    }
+    onSubmit(normalized);
   };
 
-  const displayHistory = history.slice(-20);
+  const displayMessages = messages.slice(-18);
+
+  const renderMeta = (message) => {
+    const metaParts = [];
+
+    if (message.metadata?.label) metaParts.push(message.metadata.label);
+    if (message.metadata?.skill) metaParts.push(message.metadata.skill);
+    if (message.metadata?.duration) metaParts.push(message.metadata.duration + 'ms');
+    if (message.metadata?.scene) metaParts.push('scene: ' + message.metadata.scene);
+
+    if (metaParts.length === 0) return null;
+
+    return React.createElement(
+      Text,
+      { color: 'gray' },
+      metaParts.join(' | ')
+    );
+  };
+
+  const renderMessage = (message) => {
+    const isUser = message.role === 'user';
+    const isSystem = message.role === 'system';
+    const accentColor = isUser ? 'green' : (isSystem ? 'yellow' : 'cyan');
+    const bodyColor = isUser ? 'white' : (isSystem ? 'yellow' : 'cyan');
+    const label = isUser ? 'You' : (isSystem ? 'FlowMind Guide' : 'FlowMind');
+
+    return React.createElement(
+      Box,
+      { key: message.id, flexDirection: 'column', marginBottom: 1 },
+      React.createElement(Text, { color: accentColor, bold: true }, label),
+      renderMeta(message),
+      React.createElement(Text, { color: bodyColor }, message.text)
+    );
+  };
 
   return (
-    React.createElement(Box, { flexDirection: 'column', borderStyle: 'single', borderColor: focused ? 'green' : 'gray', paddingX: 1 },
-      React.createElement(Text, { bold: true, color: focused ? 'green' : 'gray' }, focused ? 'Command Input [Focused]' : 'Command Input'),
-      React.createElement(Box, { flexDirection: 'column', marginTop: 1, minHeight: 6 },
-        displayHistory.length === 0 && React.createElement(Text, { color: 'gray' }, 'Type a command to get started. Type "exit" to quit.'),
-        displayHistory.map((msg, i) =>
-          React.createElement(Box, { key: i, flexDirection: 'column' },
-            msg.role === 'user'
-              ? React.createElement(Text, null,
-                  React.createElement(Text, { color: 'green', bold: true }, '> '),
-                  React.createElement(Text, { color: 'white' }, msg.text)
-                )
-              : React.createElement(Text, null,
-                  React.createElement(Text, { color: 'cyan', bold: true }, '< '),
-                  React.createElement(Text, { color: 'cyan' }, msg.text)
-                )
-          )
-        )
+    React.createElement(Box, { flexDirection: 'column', flexGrow: 1, borderStyle: getBorderStyle(asciiMode), borderColor: focused ? 'green' : 'gray', paddingX: 1 },
+      React.createElement(Text, { bold: true, color: focused ? 'green' : 'gray' }, focused ? 'FlowMind Chat [Focused]' : 'FlowMind Chat'),
+      React.createElement(Text, { color: 'gray' }, 'Single-pane conversation. Output stays in the same view.'),
+      React.createElement(Box, { flexDirection: 'column', flexGrow: 1, marginTop: 1, overflow: 'hidden' },
+        displayMessages.length === 0 && React.createElement(Box, { flexDirection: 'column' },
+          React.createElement(Text, { color: 'gray' }, 'Describe what you want FlowMind to do.'),
+          React.createElement(Text, { color: 'gray' }, 'The dialog history stays in this panel, with the input fixed at the bottom.'),
+          React.createElement(Text, { color: 'gray' }, 'Type `exit` or `/exit` to quit, or press Ctrl+C.')
+        ),
+        displayMessages.map(renderMessage)
       ),
-      React.createElement(Box, { marginTop: 1 },
+      React.createElement(Box, { flexDirection: 'column', borderStyle: getBorderStyle(asciiMode), borderColor: focused ? 'green' : 'gray', paddingX: 1, marginTop: 1 },
+        React.createElement(Text, { color: 'gray' }, 'Enter send  Up/Down history  Tab sidebar  exit /exit :q  Ctrl+C'),
         isProcessing
           ? React.createElement(Text, { color: 'yellow' },
               React.createElement(Spinner, { type: 'dots' }),
-              ' Processing...'
+              ' FlowMind is working...'
             )
           : React.createElement(Box, null,
               React.createElement(Text, { color: focused ? 'green' : 'gray', bold: true }, '> '),