zyn-ai 1.3.2 → 1.3.3

package/src/tui/app.mjs

@@ -71,6 +71,8 @@ class UIStore extends EventEmitter {
     this.spinner = null;
     this.processing = false;
     this.confirmRequest = null;
+    this.lastUserMessage = '';
+    this.inputDraft = '';
     this.turnCount = 0;
     this.messageQueue = [];
     this.pendingExit = false;
@@ -129,6 +131,13 @@ class UIStore extends EventEmitter {
     this.addItem({ type: 'event', kind, title, detail: detail || '' });
   }
 
+  setInputDraft(text) {
+    const nextDraft = String(text || '');
+    if (nextDraft === this.inputDraft) return;
+    this.inputDraft = nextDraft;
+    this._emit();
+  }
+
   requestConfirm(title, detail) {
     return new Promise(resolve => {
       this.confirmRequest = { title, detail, resolve };
@@ -163,6 +172,11 @@ function stripAnsi(str) {
   return str.replace(/\x1b\[[0-9;]*m/g, '');
 }
 
+function shortTextPreview(str, maxLen) {
+  const s = String(str || '').replace(/\n/g, ' ').trim();
+  return s.length > maxLen ? s.slice(0, maxLen - 3) + '...' : s;
+}
+
 function formatElapsed(ms) {
   const s = Math.floor(ms / 1000);
   if (s < 60) return s + 's';
@@ -527,7 +541,7 @@ function QueuedMessage({ text }) {
   );
 }
 
-function ConfirmBar({ title, detail }) {
+function ConfirmBar({ title, detail, lastMessage, draft }) {
   const detailLines = (detail || '').split('\n').filter(l => l.trim()).slice(0, 10);
 
   return h(Box, { flexDirection: 'column', paddingLeft: 3, marginTop: 1 },
@@ -549,6 +563,18 @@ function ConfirmBar({ title, detail }) {
           ),
         )
       : null,
+    lastMessage
+      ? h(Box, { marginTop: 0, paddingLeft: 2 },
+          h(Text, { color: T.textGhost }, uiText('Your message: ', 'Tu mensaje: ')),
+          h(Text, { color: T.textDim, wrap: 'wrap' }, shortTextPreview(lastMessage, 80)),
+        )
+      : null,
+    draft
+      ? h(Box, { marginTop: 0, paddingLeft: 2 },
+          h(Text, { color: T.textGhost }, uiText('Saved draft: ', 'Borrador guardado: ')),
+          h(Text, { color: T.textDim, wrap: 'wrap' }, shortTextPreview(draft, 80)),
+        )
+      : null,
     h(Box, { marginTop: 0, paddingLeft: 2, gap: 2 },
       h(Text, { color: T.green, bold: true }, '[y]'),
       h(Text, { color: T.textMuted }, uiText('allow', 'permitir')),
@@ -609,15 +635,29 @@ function StaticItem({ item, width }) {
   }
 }
 
-function InputBar({ onSubmit, processing, width = 100 }) {
-  const [value, setValue] = useState('');
-  const [cursor, setCursor] = useState(0);
+function InputBar({ onSubmit, processing, width = 100, draft = '', onDraftChange }) {
+  const [value, setValue] = useState(draft || '');
+  const [cursor, setCursor] = useState((draft || '').length);
   const [histIdx, setHistIdx] = useState(-1);
   const [suggestIdx, setSuggestIdx] = useState(0);
   const historyRef = useRef([]);
   const savedRef = useRef('');
   const lastPasteMetaRef = useRef(null);
 
+  useEffect(() => {
+    if (draft !== value) {
+      setValue(draft || '');
+      setCursor((draft || '').length);
+      setHistIdx(-1);
+      setSuggestIdx(0);
+    }
+  }, [draft]);
+
+  const updateValue = useCallback((next) => {
+    setValue(next);
+    if (onDraftChange) onDraftChange(next);
+  }, [onDraftChange]);
+
   const showSuggestions = value.startsWith('/') && !value.includes(' ') && value.length > 0;
   const suggestions = showSuggestions
     ? SLASH_COMMANDS.filter(c => ('/' + c.name).startsWith(value.toLowerCase()))
@@ -634,7 +674,7 @@ function InputBar({ onSubmit, processing, width = 100 }) {
       }
       historyRef.current.unshift(text);
       if (historyRef.current.length > 100) historyRef.current.pop();
-      setValue('');
+      updateValue('');
       setCursor(0);
       setHistIdx(-1);
       setSuggestIdx(0);
@@ -647,7 +687,7 @@ function InputBar({ onSubmit, processing, width = 100 }) {
       const cmd = suggestions[suggestIdx] || suggestions[0];
       if (cmd) {
         const completed = `/${cmd.name} `;
-        setValue(completed);
+        updateValue(completed);
         setCursor(completed.length);
         setSuggestIdx(0);
       }
@@ -671,7 +711,7 @@ function InputBar({ onSubmit, processing, width = 100 }) {
       if (histIdx === -1) savedRef.current = value;
       const next = Math.min(histIdx + 1, hist.length - 1);
       setHistIdx(next);
-      setValue(hist[next]);
+      updateValue(hist[next]);
       setCursor(hist[next].length);
       return;
     }
@@ -679,13 +719,13 @@ function InputBar({ onSubmit, processing, width = 100 }) {
     if (key.downArrow) {
       if (histIdx <= 0) {
         setHistIdx(-1);
-        setValue(savedRef.current);
+        updateValue(savedRef.current);
         setCursor(savedRef.current.length);
         return;
       }
       const next = histIdx - 1;
       setHistIdx(next);
-      setValue(historyRef.current[next]);
+      updateValue(historyRef.current[next]);
       setCursor(historyRef.current[next].length);
       return;
     }
@@ -705,7 +745,7 @@ function InputBar({ onSubmit, processing, width = 100 }) {
 
     if (key.ctrl && input === 'u') {
       const after = value.slice(cursor);
-      setValue(after);
+      updateValue(after);
       setCursor(0);
       return;
     }
@@ -714,14 +754,14 @@ function InputBar({ onSubmit, processing, width = 100 }) {
       const before = value.slice(0, cursor);
       const after = value.slice(cursor);
       const trimmed = before.replace(/\S+\s*$/, '');
-      setValue(trimmed + after);
+      updateValue(trimmed + after);
       setCursor(trimmed.length);
       return;
     }
 
     if (key.backspace || key.delete) {
       if (cursor === 0) return;
-      setValue(v => v.slice(0, cursor - 1) + v.slice(cursor));
+      updateValue(value.slice(0, cursor - 1) + value.slice(cursor));
       setCursor(c => Math.max(0, c - 1));
       setSuggestIdx(0);
       return;
@@ -730,7 +770,7 @@ function InputBar({ onSubmit, processing, width = 100 }) {
     if (input && !key.ctrl && !key.meta) {
       const normalizedInput = input.replace(/\r\n/g, '\n');
       const safeInput = normalizedInput.includes('\n') ? normalizedInput.replace(/\n/g, ' ') : normalizedInput;
-      setValue(v => v.slice(0, cursor) + safeInput + v.slice(cursor));
+      updateValue(value.slice(0, cursor) + safeInput + value.slice(cursor));
       setCursor(c => c + safeInput.length);
       setSuggestIdx(0);
     }
@@ -790,7 +830,7 @@ function InputBar({ onSubmit, processing, width = 100 }) {
           h(Text, {
             color: selected ? T.accent : T.textMuted,
           }, `/${cmd.name}`),
-          h(Text, { color: T.textGhost }, `  ${cmd.desc}`),
+          h(Text, { color: T.textGhost }, `  ${getTuiLang() === 'es' ? (cmd.descEs || cmd.desc) : cmd.desc}`),
         );
       }),
       hasMore && windowStart + maxVisible < suggestions.length
@@ -877,13 +917,13 @@ function App({ store, state, onSubmit }) {
 
   if (showConfirm) {
     dynamicArea.push(
-      h(ConfirmBar, { key: 'confirm', title: store.confirmRequest.title, detail: store.confirmRequest.detail })
+      h(ConfirmBar, { key: 'confirm', title: store.confirmRequest.title, detail: store.confirmRequest.detail, lastMessage: store.lastUserMessage, draft: store.inputDraft })
     );
   }
 
   if (showInput) {
     dynamicArea.push(
-      h(InputBar, { key: 'input', onSubmit: handleInput, processing: store.processing, width })
+      h(InputBar, { key: 'input', onSubmit: handleInput, processing: store.processing, width, draft: store.inputDraft, onDraftChange: (text) => store.setInputDraft(text) })
     );
   }
 
@@ -954,6 +994,7 @@ export async function startTUI(options = {}) {
     }
 
     if (input.startsWith('/')) {
+      const commandName = input.split(' ')[0].slice(1).toLowerCase();
       const lines = [];
       const origLog = console.log;
       const origError = console.error;
@@ -972,12 +1013,21 @@ export async function startTUI(options = {}) {
           printSessions: printMod.printSessions,
           printStatus: printMod.printStatus,
         };
-        const handled = await handleLocalCommand(input, state, deps);
-        if (handled && lines.length > 0) {
-          const clean = lines.filter(l => l.trim()).join('\n');
-          if (clean) store.addItem({ type: 'system', text: clean });
+
+        if (commandName === 'persona') {
+          const handled = await handleLocalCommand(input, state, deps);
+          if (handled && lines.length > 0) {
+            const clean = lines.filter(l => l.trim()).join('\n');
+            if (clean) store.addItem({ type: 'system', text: clean });
+          }
+        } else {
+          const handled = await handleLocalCommand(input, state, deps);
+          if (handled && lines.length > 0) {
+            const clean = lines.filter(l => l.trim()).join('\n');
+            if (clean) store.addItem({ type: 'system', text: clean });
+          }
+          if (!handled) store.addEvent('warn', uiText('command not recognized', 'comando no reconocido'), input);
         }
-        if (!handled) store.addEvent('warn', uiText('command not recognized', 'comando no reconocido'), input);
       } catch (err) {
         store.addEvent('error', uiText('error', 'error'), err.message);
       } finally {
@@ -989,6 +1039,7 @@ export async function startTUI(options = {}) {
 
     store.addItem({ type: 'divider' });
     store.addItem({ type: 'user', text: input });
+    store.lastUserMessage = input;
 
     const origError = console.error;
     console.error = () => {};

package/src/web/server.js

@@ -11,7 +11,8 @@ const { runWebAgent } = require('./webAgent');
 const { MODELS, DEFAULT_MODEL_KEY, listProvidersFromModels, DEFAULT_LANGUAGE } = require('../config');
 
 const app = express();
-const PORT = process.env.PORT || 3000;
+const HOST = process.env.HOST || process.env.ZYN_WEB_HOST || '127.0.0.1';
+const PORT = Number(process.env.PORT || process.env.ZYN_WEB_PORT || 3000);
 
 // Evitar crashes silenciosos
 process.on('uncaughtException', (err) => {
@@ -31,7 +32,7 @@ app.use((req, res, next) => {
   next();
 });
 app.use(express.static(path.join(__dirname, 'public')));
-// Persistir secreto de sesión en disco
+// Persistir secreto de sesion en disco
 const SECRET_FILE = path.join(__dirname, 'data', '.session-secret');
 let sessionSecret;
 try {
@@ -42,9 +43,13 @@ try {
   fs.writeFileSync(SECRET_FILE, sessionSecret);
 }
 
+// Asegurar que el directorio de sesiones existe
+const SESSION_DIR = path.join(__dirname, 'data', 'sessions');
+fs.mkdirSync(SESSION_DIR, { recursive: true });
+
 app.use(session({
   store: new FileStore({
-    path: path.join(__dirname, 'data', 'sessions'),
+    path: SESSION_DIR,
     ttl: 30 * 24 * 60 * 60,
     retries: 0,
     logFn: () => {},
@@ -294,6 +299,6 @@ app.get('/{*splat}', (req, res) => {
   res.sendFile(path.join(__dirname, 'public', 'index.html'));
 });
 
-app.listen(PORT, () => {
-  console.log(`\n  ● Zyn Web → http://localhost:${PORT}\n`);
+app.listen(PORT, HOST, () => {
+  console.log(`\n  \u25cf Zyn Web \u2192 http://${HOST}:${PORT}\n`);
 });