agentvibes 4.4.1 → 4.5.0

package/src/console/tabs/placeholder-tab.js

@@ -7,6 +7,7 @@
  */
 
 import blessed from 'blessed';
+import { t } from '../../i18n/strings.js';
 
 /**
  * Create a hidden placeholder box for a tab, appended into the content area.
@@ -51,3 +52,29 @@ export const TAB_SHORTCUT_KEYS = {
   agents:   'B',
   receiver: 'X',
 };
+
+/**
+ * Return the translated display label for a tab.
+ * Falls back to TAB_DISPLAY_LABELS[id] if no i18n key is found.
+ *
+ * @param {string} id   - Tab identifier (e.g. 'settings', 'voices')
+ * @param {string} lang - BCP-47 language code (e.g. 'es', 'zh-CN')
+ * @returns {string}
+ */
+export function getTabLabel(id, lang = 'en') {
+  const keyMap = {
+    install:  'tabInstall',
+    settings: 'tabSettings',
+    voices:   'tabVoices',
+    music:    'tabMusic',
+    agents:   'tabBmad',
+    receiver: 'tabReceiver',
+    readme:   'tabReadme',
+    help:     'tabHelp',
+  };
+  const key = keyMap[id];
+  if (!key) return TAB_DISPLAY_LABELS[id] ?? id;
+  const translated = t(lang, key);
+  // t() returns the key itself when missing — fall back to English display label
+  return (translated && translated !== key) ? translated : (TAB_DISPLAY_LABELS[id] ?? id);
+}

package/src/console/tabs/readme-tab.js

@@ -10,6 +10,7 @@
 
 import fs from 'node:fs';
 import path from 'node:path';
+import { t } from '../../i18n/strings.js';
 
 const IS_TEST = process.env.AGENTVIBES_TEST_MODE === 'true';
 
@@ -34,7 +35,7 @@ const COLORS = {
   footerBg:   '#455a64',  // Dark gray — Readme tab footer
 };
 
-const FOOTER_TEXT = '[↑↓/jk] Scroll  [PgUp/PgDn] Page  [/] Search  [S/V/M/A/R] Tab  [Q] Quit';
+const _FOOTER_TEXT_EN = '[↑↓/jk] Scroll  [PgUp/PgDn] Page  [/] Search  [S/V/M/A/R] Tab  [Q] Quit';
 
 // ---------------------------------------------------------------------------
 // Markdown renderer (story 13.2)
@@ -106,7 +107,7 @@ function createTestStub() {
     hide: () => {},
     onFocus: () => {},
     onBlur: () => {},
-    getFooterText: () => FOOTER_TEXT,
+    getFooterText: () => _FOOTER_TEXT_EN,
     getFooterColor: () => COLORS.footerBg,
   };
 }
@@ -123,7 +124,8 @@ function createTestStub() {
 export function createReadmeTab(screen, services) {
   if (IS_TEST) return createTestStub();
 
-  const { focusMainTabBar } = services;
+  const { focusMainTabBar, languageService } = services;
+  const _tl = (key) => languageService ? languageService.t(key) : t('en', key);
 
   // -------------------------------------------------------------------------
   // Container
@@ -157,7 +159,7 @@ export function createReadmeTab(screen, services) {
         }
       }
     }
-    return '# README\n\n*(No README.md found in current directory)*';
+    return `# README\n\n${_tl('readmeNotFound')}`;
   }
 
   // -------------------------------------------------------------------------
@@ -197,7 +199,7 @@ export function createReadmeTab(screen, services) {
     const markdown = _loadReadme();
     const rendered = renderMarkdown(markdown);
     scrollBox.setContent(rendered);
-    scrollIndicator.setContent('{#607d8b-fg}↓ Scroll for more content ↓{/#607d8b-fg}');
+    scrollIndicator.setContent(`{#607d8b-fg}${_tl('readmeScrollMore')}{/#607d8b-fg}`);
     screen.render();
   }
 
@@ -205,7 +207,7 @@ export function createReadmeTab(screen, services) {
   scrollBox.on('scroll', () => {
     const atBottom = scrollBox.getScrollPerc() >= 99;
     scrollIndicator.setContent(
-      atBottom ? '' : '{#607d8b-fg}↓ Scroll for more content ↓{/#607d8b-fg}'
+      atBottom ? '' : `{#607d8b-fg}${_tl('readmeScrollMore')}{/#607d8b-fg}`
     );
     screen.render();
   });
@@ -257,7 +259,7 @@ export function createReadmeTab(screen, services) {
     onBlur() {},
 
     getFooterText() {
-      return FOOTER_TEXT;
+      return _tl('readmeFooter');
     },
 
     getFooterColor() {

package/src/console/tabs/receiver-tab.js

@@ -14,6 +14,7 @@ import { execSync, spawnSync, spawn } from 'node:child_process';
 import path from 'node:path';
 import { homedir } from 'node:os';
 import { fileURLToPath } from 'node:url';
+import { t } from '../../i18n/strings.js';
 
 const IS_TEST = process.env.AGENTVIBES_TEST_MODE === 'true';
 
@@ -767,6 +768,9 @@ function _buildDetailedInstructions(receiverAlias, receiverScript, networkInfo)
 export function createReceiverTab(screen, services) {
   if (IS_TEST) return createTestStub();
 
+  const { languageService, focusMainTabBar } = services || {};
+  const _tl = (key) => languageService ? languageService.t(key) : t('en', key);
+
   const AGENTVIBES_DIR = path.join(homedir(), '.agentvibes');
   const RECEIVER_SCRIPT = path.join(AGENTVIBES_DIR, 'play-remote.sh');
   const RECEIVER_ALIAS = 'my-receiver';
@@ -791,21 +795,18 @@ export function createReceiverTab(screen, services) {
     width: '100%',
     bottom: 2,
     hidden: true,
+    keys: true,
     style: { fg: COLORS.labelFg, bg: COLORS.contentBg },
     border: { type: 'line' },
     borderStyle: { fg: COLORS.borderFg },
   });
 
+  box.key(['escape'], () => {
+    if (typeof focusMainTabBar === 'function') { focusMainTabBar(); screen.render(); }
+  });
+
   // -------------------------------------------------------------------------
   // Description text (collapsible)
-  const DESC_TEXT = [
-    'SSH Receiver lets your remote servers speak through this machine.',
-    'When an AI assistant on a remote server (VPS, cloud, dev box) needs',
-    'to play TTS audio, it sends the text over SSH to this machine, which',
-    'generates and plays the audio through your speakers locally.',
-    '',
-    'Remote AI  ──[SSH]──►  This Machine  ──[piper+sox+ffmpeg]──►  Your Speakers',
-  ].join('\n');
 
   const descBox = blessed.box({
     parent: box,
@@ -816,7 +817,7 @@ export function createReceiverTab(screen, services) {
     tags: true,
     hidden: true,
     border: { type: 'line' },
-    label: ` {bold}What is SSH Receiver?{/bold} `,
+    label: ` {bold}${_tl('receiverWhatIsTitle')}{/bold} `,
     style: {
       fg: COLORS.labelFg,
       bg: '#111827',
@@ -824,12 +825,12 @@ export function createReceiverTab(screen, services) {
     },
   });
 
-  blessed.text({
+  const descText = blessed.text({
     parent: descBox,
     top: 0,
     left: 1,
     tags: true,
-    content: DESC_TEXT,
+    content: _tl('receiverDesc'),
     style: { fg: '#b0bec5', bg: '#111827' },
   });
 
@@ -1451,6 +1452,16 @@ export function createReceiverTab(screen, services) {
   });
 
   // -------------------------------------------------------------------------
+  // Language change handler
+
+  if (languageService) {
+    languageService.onChange(() => {
+      descBox.setLabel(` {bold}${_tl('receiverWhatIsTitle')}{/bold} `);
+      descText.setContent(_tl('receiverDesc'));
+      screen.render();
+    });
+  }
+
   // Tab Component Contract
 
   return {
@@ -1466,7 +1477,7 @@ export function createReceiverTab(screen, services) {
     },
     onFocus() { box.focus(); },
     onBlur() {},
-    getFooterText: () => FOOTER_TEXT,
+    getFooterText: () => _tl('receiverFooter'),
     getFooterColor: () => COLORS.footerBg,
   };
 }