llm-tuner 0.3.0 → 0.4.0

package/src/i18n/es.js

@@ -95,24 +95,34 @@ export default {
   'common.longPrompt': 'prompt largo (~{tokens} tokens, 50% del contexto)…',
   'common.presetSaved': 'Preset guardado: {file}',
   'common.backups': 'Copias de seguridad: {list}',
+  'common.back': 'Volver',
 
   // CLI
   'cli.help': `llm-tuner — carga tu LLM local con la configuración más rápida para el contexto que necesitas
 
-Uso: llm-tuner [opciones]
+Uso: llm-tuner [comando] [opciones]
+
+Comandos:
+  /load                        Ajustar y cargar un modelo con la configuración óptima
+  /mcp                         Conectar motor local con agentes de IA como servidor MCP
+  /presets                     Listar presets guardados
+  /settings                    Menú interactivo de configuración (idioma y tema)
+  /help                        Mostrar esta ayuda
+  /exit                        Salir del menú interactivo
+
+Opciones:
   --engine <lmstudio|ollama>   Motor
   --model <clave>              Modelo (clave de LM Studio o nombre de Ollama)
   --ctx <tokens>               Contexto (p. ej. 16384)
-  --profile <speed|balanced|quality>  Qué optimizar (se pregunta en el asistente; balanced con --yes, --json, o si se indican motor, modelo y contexto)
+  --profile <speed|balanced|quality>  Qué optimizar (velocidad, equilibrado, calidad)
   --force                      Volver a medir aunque exista un preset
   --candidates <n>             Configuraciones a probar al medir (3)
   --yes                        No pedir confirmación
   --dry-run                    Medir y mostrar cambios sin aplicar nada ni guardar preset
-  --presets                    Listar presets guardados
+  --presets                    Listar presets guardados (igual que /presets)
   --json                       Salida final en JSON
   --lang <en|es>               Idioma de la interfaz (se guarda para la próxima vez)
   --theme <system|light|dark>  Tema de la interfaz (se guarda para la próxima)
-  /settings                    Menú interactivo de configuración
 
 Los presets se guardan en {presetsDir}`,
   'cli.desktopStartFailed': 'No se pudo iniciar la aplicación de escritorio: {error}\nEl entorno de escritorio (Electron) se descarga la primera vez que ejecutas llm-tuner-desktop, así que esa primera ejecución necesita conexión a la red.\nLa interfaz de terminal funciona sin él: ejecuta llm-tuner.',
@@ -249,5 +259,37 @@ Los presets se guardan en {presetsDir}`,
   'web.updateAvailable': 'Actualización disponible: v{latest}',
   'web.updateLink': 'Ver notas de la versión en GitHub',
   'web.version': 'Versión {version}',
+  'errors.missingParameter': 'Falta el parámetro requerido: {param}',
+  'web.addAsMcp': 'Agregar como MCP',
+  'web.addAsMcpTooltip': 'Configurar este engine como servidor MCP para tus agentes de IA (Claude, OpenCode, VS Code, ChatGPT)',
+  'web.mcpModalTitle': 'Agregar {engine} como servidor MCP',
+  'web.mcpServerName': 'Nombre del servidor MCP',
+  'web.mcpAdvancedOptions': 'Opciones avanzadas de conexión',
+  'web.mcpBaseUrl': 'URL base / Host',
+  'web.mcpApiKey': 'API Key',
+  'web.mcpSelectAgents': 'Seleccionar agentes de IA para configurar:',
+  'web.mcpDetected': 'Detectado',
+  'web.mcpNotDetected': 'Disponible',
+  'web.mcpAlreadyConfigured': 'Configurado',
+  'web.mcpSuccess': 'MCP configurado con éxito en: {agents}',
+  'web.mcpSaveBtn': 'Guardar y configurar',
+
+  // CLI Slash Commands
+  'cli.menuTitle': 'Selecciona un comando:',
+  'cli.cmdLoadDesc': 'Ajustar y cargar un modelo con la configuración óptima',
+  'cli.cmdMcpDesc': 'Conectar motor local con agentes de IA como servidor MCP',
+  'cli.cmdPresetsDesc': 'Ver presets de configuración guardados',
+  'cli.cmdSettingsDesc': 'Configurar idioma y tema de la interfaz',
+  'cli.cmdHelpDesc': 'Ver ayuda de uso y opciones',
+  'cli.cmdExitDesc': 'Salir',
+  'cli.mcpSelectEngine': '¿Qué motor quieres configurar como servidor MCP?',
+  'cli.mcpSelectAgents': 'Selecciona los agentes de IA a configurar (espacio para marcar, enter para confirmar):',
+  'cli.mcpServerNamePrompt': 'Nombre del servidor MCP:',
+  'cli.mcpNoAgentsSelected': 'No se seleccionó ningún agente. Saliendo.',
+  'cli.mcpSuccess': "Servidor MCP '{server}' configurado en: {agents}",
+  'cli.mcpFailed': 'Error al configurar MCP en: {agents}',
+  'cli.mcpStatusInstalled': 'Instalado',
+  'cli.mcpStatusDetected': 'Detectado',
+  'cli.mcpStatusAvailable': 'Disponible',
 };
 

package/src/web/public/app.js

@@ -129,6 +129,160 @@ function setBusy(busy) {
   $('#theme').disabled = busy;
 }
 
+// ---------- MCP Modal ----------
+let activeMcpEngine = null;
+let mcpAgentsCache = null;
+
+function setupMcpModal() {
+  const modal = $('#mcp-modal');
+  const backdrop = $('#mcp-backdrop');
+  const closeBtn = $('#mcp-close');
+  const cancelBtn = $('#mcp-cancel');
+  const form = $('#mcp-form');
+  const nameInput = $('#mcp-server-name');
+
+  if (!modal || !backdrop) return;
+
+  function closeModal() {
+    modal.hidden = true;
+    backdrop.hidden = true;
+    activeMcpEngine = null;
+    const statusEl = $('#mcp-status');
+    if (statusEl) statusEl.hidden = true;
+  }
+
+  if (closeBtn) closeBtn.onclick = closeModal;
+  if (cancelBtn) cancelBtn.onclick = closeModal;
+  if (backdrop) backdrop.onclick = closeModal;
+
+  if (nameInput) {
+    nameInput.oninput = () => {
+      updateMcpAgentsList();
+    };
+  }
+
+  if (form) {
+    form.onsubmit = async (ev) => {
+      ev.preventDefault();
+      if (!activeMcpEngine) return;
+
+      const customName = (nameInput?.value || '').trim();
+      if (!customName) return;
+
+      const checkedBoxes = Array.from(document.querySelectorAll('.mcp-agent-check:checked'));
+      const agentIds = checkedBoxes.map((cb) => cb.value);
+
+      const host = $('#mcp-host')?.value.trim() || undefined;
+      const apiKey = $('#mcp-api-key')?.value.trim() || undefined;
+      const saveBtn = $('#mcp-save-btn');
+      const statusEl = $('#mcp-status');
+
+      if (saveBtn) saveBtn.disabled = true;
+      if (statusEl) {
+        statusEl.hidden = false;
+        statusEl.className = 'mcp-status';
+        statusEl.textContent = t('status.applying');
+      }
+
+      try {
+        const res = await api('/api/mcp/install', {
+          engineId: activeMcpEngine.id,
+          customName,
+          agentIds,
+          host,
+          apiKey
+        });
+
+        if (res.success) {
+          if (statusEl) {
+            statusEl.className = 'mcp-status good';
+            statusEl.textContent = t('web.mcpSuccess', { agents: res.updated.join(', ') || 'none' });
+          }
+          setTimeout(() => {
+            closeModal();
+            if (saveBtn) saveBtn.disabled = false;
+          }, 1500);
+        } else {
+          const errMsgs = res.errors.map((e) => `${e.agentId}: ${e.error}`).join('; ');
+          if (statusEl) {
+            statusEl.className = 'mcp-status bad';
+            statusEl.textContent = `${t('web.error')}: ${errMsgs}`;
+          }
+          if (saveBtn) saveBtn.disabled = false;
+        }
+      } catch (err) {
+        if (statusEl) {
+          statusEl.className = 'mcp-status bad';
+          statusEl.textContent = err.message;
+        }
+        if (saveBtn) saveBtn.disabled = false;
+      }
+    };
+  }
+}
+
+async function openMcpModal(engine) {
+  activeMcpEngine = engine;
+  const modal = $('#mcp-modal');
+  const backdrop = $('#mcp-backdrop');
+  const title = $('#mcp-title');
+  const nameInput = $('#mcp-server-name');
+  const hostInput = $('#mcp-host');
+  const apiKeyGroup = $('#mcp-api-key-group');
+  const apiKeyInput = $('#mcp-api-key');
+  const statusEl = $('#mcp-status');
+
+  if (title) title.textContent = t('web.mcpModalTitle', { engine: engine.name });
+  if (nameInput) nameInput.value = engine.id === 'lmstudio' ? 'lmstudio' : 'ollama';
+
+  if (engine.id === 'lmstudio') {
+    if (hostInput) hostInput.placeholder = 'http://127.0.0.1:1234/v1';
+    if (apiKeyGroup) apiKeyGroup.hidden = false;
+    if (apiKeyInput) {
+      apiKeyInput.value = '';
+      apiKeyInput.placeholder = 'sk-lm-local';
+    }
+  } else {
+    if (hostInput) hostInput.placeholder = 'http://127.0.0.1:11434';
+    if (apiKeyGroup) apiKeyGroup.hidden = true;
+    if (apiKeyInput) apiKeyInput.value = '';
+  }
+
+  if (statusEl) statusEl.hidden = true;
+  if (backdrop) backdrop.hidden = false;
+  if (modal) modal.hidden = false;
+
+  try {
+    const data = await api('/api/mcp/agents');
+    mcpAgentsCache = data.agents || [];
+    updateMcpAgentsList();
+  } catch {
+    mcpAgentsCache = [];
+  }
+  if (nameInput) nameInput.focus();
+}
+
+function updateMcpAgentsList() {
+  const container = $('#mcp-agents-list');
+  if (!container || !mcpAgentsCache) return;
+
+  const currentName = ($('#mcp-server-name')?.value || '').trim();
+  container.innerHTML = '';
+
+  for (const agent of mcpAgentsCache) {
+    const isAlreadyConfigured = agent.configuredServers?.includes(currentName);
+    const row = document.createElement('label');
+    row.className = 'mcp-agent-item';
+    row.innerHTML = `
+      <input type="checkbox" class="mcp-agent-check" value="${esc(agent.id)}" ${agent.detected ? 'checked' : ''}>
+      <span class="mcp-agent-name">${esc(agent.name)}</span>
+      <span class="tag ${agent.detected ? 'prio' : ''}">${esc(agent.detected ? t('web.mcpDetected') : t('web.mcpNotDetected'))}</span>
+      ${isAlreadyConfigured ? `<span class="tag bad">${esc(t('web.mcpAlreadyConfigured'))}</span>` : ''}
+    `;
+    container.appendChild(row);
+  }
+}
+
 async function boot() {
   const s = await api('/api/settings');
   applyTheme(s.theme);
@@ -136,6 +290,7 @@ async function boot() {
   document.documentElement.lang = s.lang;
   applyStatic();
   setupDrawer();
+  setupMcpModal();
   api('/api/update').then((up) => {
     if (up?.currentVersion) {
       const vDisp = $('#version-display');
@@ -198,6 +353,8 @@ async function init() {
   box.innerHTML = '';
   for (const e of s.engines) {
     const d = e.detection;
+    const card = document.createElement('div');
+    card.className = 'engine-card';
     const btn = document.createElement('button');
     btn.className = 'engine';
     btn.type = 'button';
@@ -205,7 +362,21 @@ async function init() {
     btn.innerHTML = `<b>${esc(e.name)}${e.id === s.recommended ? ` <span class="tag prio">${esc(t('web.recommended'))}</span>` : ''}</b>
       <small>${d.installed ? `${esc(t('web.installed'))}${d.version ? ' · v' + esc(d.version) : ''}` : esc(t('web.notInstalled'))}</small>`;
     btn.onclick = () => chooseEngine(e);
-    box.appendChild(btn);
+    card.appendChild(btn);
+
+    if (d.installed) {
+      const mcpBtn = document.createElement('button');
+      mcpBtn.className = 'btn mcp-btn';
+      mcpBtn.type = 'button';
+      mcpBtn.title = t('web.addAsMcpTooltip');
+      mcpBtn.textContent = `🔗 ${t('web.addAsMcp')}`;
+      mcpBtn.onclick = (ev) => {
+        ev.stopPropagation();
+        openMcpModal(e);
+      };
+      card.appendChild(mcpBtn);
+    }
+    box.appendChild(card);
   }
 }
 

package/src/web/public/index.html

@@ -153,6 +153,39 @@
     </div>
   </div>
 </aside>
+<div id="mcp-backdrop" class="modal-backdrop" hidden></div>
+<dialog id="mcp-modal" class="modal" role="dialog" aria-modal="true" aria-labelledby="mcp-title" hidden>
+  <div class="modal-header">
+    <h3 id="mcp-title" data-i18n="web.mcpModalTitle">Add as MCP Server</h3>
+    <button id="mcp-close" class="modal-close" type="button" aria-label="Close">✕</button>
+  </div>
+  <form id="mcp-form" class="modal-body">
+    <div class="field">
+      <label for="mcp-server-name" data-i18n="web.mcpServerName">MCP Server Name</label>
+      <input id="mcp-server-name" type="text" required pattern="[A-Za-z0-9_-]+" placeholder="e.g. pumbastudio">
+    </div>
+    <details class="mcp-advanced">
+      <summary data-i18n="web.mcpAdvancedOptions">Advanced connection options</summary>
+      <div class="field">
+        <label for="mcp-host" data-i18n="web.mcpBaseUrl">Base URL / Host</label>
+        <input id="mcp-host" type="text" placeholder="Default port">
+      </div>
+      <div class="field" id="mcp-api-key-group">
+        <label for="mcp-api-key" data-i18n="web.mcpApiKey">API Key</label>
+        <input id="mcp-api-key" type="password" placeholder="sk-lm-local">
+      </div>
+    </details>
+    <div class="field">
+      <label data-i18n="web.mcpSelectAgents">Select AI agents to configure:</label>
+      <div id="mcp-agents-list" class="mcp-agents-list"></div>
+    </div>
+    <div class="modal-actions">
+      <button id="mcp-cancel" class="btn secondary" type="button" data-i18n="web.close">Cancel</button>
+      <button id="mcp-save-btn" class="btn primary" type="submit" data-i18n="web.mcpSaveBtn">Save & Configure</button>
+    </div>
+    <p id="mcp-status" class="mcp-status" hidden></p>
+  </form>
+</dialog>
 <script src="app.js" type="module"></script>
 </body>
 </html>

package/src/web/public/style.css

@@ -370,3 +370,32 @@ td .err { color: var(--bad); white-space: normal; }
   font-size: .75rem;
 }
 
+/* MCP integration styles */
+.engine-card { display: flex; flex-direction: column; gap: 6px; }
+.mcp-btn { font-size: .8rem; padding: 6px 10px; width: 100%; border-radius: 6px; border: 1px dashed var(--line); color: var(--muted); background: var(--bg); cursor: pointer; }
+.mcp-btn:hover { color: var(--ink); border-color: var(--accent); border-style: solid; }
+
+.modal-backdrop { position: fixed; inset: 0; background: rgba(0, 0, 0, .5); z-index: 90; }
+.modal { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); background: var(--bg); border: 1px solid var(--line); border-radius: 10px; width: 90%; max-width: 520px; z-index: 100; box-shadow: 0 10px 30px rgba(0, 0, 0, .3); padding: 0; display: flex; flex-direction: column; color: var(--ink); }
+.modal[hidden] { display: none; }
+.modal-header { display: flex; align-items: center; justify-content: space-between; padding: 16px 20px; border-bottom: 1px solid var(--line); }
+.modal-header h3 { margin: 0; font-size: 1.1rem; }
+.modal-close { background: transparent; border: none; font-size: 1.2rem; cursor: pointer; color: var(--muted); padding: 4px; }
+.modal-close:hover { color: var(--ink); }
+.modal-body { padding: 20px; display: grid; gap: 14px; overflow-y: auto; max-height: calc(85vh - 70px); }
+.modal-actions { display: flex; justify-content: flex-end; gap: 10px; margin-top: 10px; }
+
+.mcp-advanced { border: 1px solid var(--line); border-radius: 6px; padding: 8px 12px; font-size: .85rem; }
+.mcp-advanced summary { cursor: pointer; color: var(--muted); outline: none; margin-bottom: 6px; }
+.mcp-advanced summary:hover { color: var(--ink); }
+.mcp-advanced .field { margin-top: 8px; }
+
+.mcp-agents-list { display: grid; gap: 8px; margin-top: 4px; max-height: 200px; overflow-y: auto; border: 1px solid var(--line); border-radius: 6px; padding: 10px; background: var(--code-bg); }
+.mcp-agent-item { display: flex; align-items: center; gap: 10px; font-size: .9rem; cursor: pointer; }
+.mcp-agent-item input[type=checkbox] { width: 16px; height: 16px; margin: 0; }
+.mcp-agent-name { flex: 1; }
+
+.mcp-status { margin: 4px 0 0; font-size: .85rem; }
+.mcp-status.good { color: var(--accent); }
+.mcp-status.bad { color: var(--bad); }
+

package/src/web/server.js

@@ -3,7 +3,7 @@ import fs from 'node:fs/promises';
 import path from 'node:path';
 import { fileURLToPath, pathToFileURL } from 'node:url';
 import { randomUUID } from 'node:crypto';
-import { detectHardware, detectEngines, Tuner, ENGINES, installPlans, runInstall, slim, listPresets, readSettings, writeSettings, TunerError, PROFILES, checkUpdate } from '../core/index.js';
+import { detectHardware, detectEngines, Tuner, ENGINES, installPlans, runInstall, slim, listPresets, readSettings, writeSettings, TunerError, PROFILES, checkUpdate, detectAgents, installMcpServer } from '../core/index.js';
 import { THEMES } from '../core/settings.js';
 import { LOCALES, messagesFor } from '../i18n/index.js';
 import { openUrl } from '../core/installer.js';
@@ -141,6 +141,25 @@ const routes = {
     const tuner = new Tuner(engine, detection);
     return tuner.chat(model, messages);
   },
+
+  'GET /api/mcp/agents': async () => {
+    const agents = await detectAgents();
+    return { agents };
+  },
+
+  'POST /api/mcp/install': async (req) => {
+    const payload = await body(req);
+    if (!payload?.engineId || !payload?.customName) {
+      throw new TunerError('errors.missingParameter', { param: 'engineId, customName' });
+    }
+    return installMcpServer({
+      engineId: payload.engineId,
+      customName: payload.customName,
+      agentIds: Array.isArray(payload.agentIds) ? payload.agentIds : [],
+      host: payload.host,
+      apiKey: payload.apiKey
+    });
+  },
 };