@nac3/forge-cli 1.0.55 → 1.0.57

package/dist/chat/panel.js

@@ -121,6 +121,176 @@ export function renderPanelHtml(cfg) {
         wizardDoneKanji: tForLang(lang, 'wizard.done.kanji'),
         wizardDoneTitle: tForLang(lang, 'wizard.done.title'),
         wizardDoneMsg: tForLang(lang, 'wizard.done.msg'),
+        /* Batch 2 -- runtime status / error toasts + confirm/prompt
+         * dialogs + voice (STT/TTS) messages from the client JS. */
+        panelStatusProjectSwitchFail: tForLang(lang, 'panel.status.projectSwitchFail'),
+        panelStatusProjectRemoveFail: tForLang(lang, 'panel.status.projectRemoveFail'),
+        panelStatusProjectAddFail: tForLang(lang, 'panel.status.projectAddFail'),
+        panelStatusCancelFail: tForLang(lang, 'panel.status.cancelFail'),
+        panelStatusCancelNetError: tForLang(lang, 'panel.status.cancelNetError'),
+        panelStatusNotEditable: tForLang(lang, 'panel.status.notEditable'),
+        panelStatusSavedAsPicker: tForLang(lang, 'panel.status.savedAsPicker'),
+        panelStatusSaveAsFail: tForLang(lang, 'panel.status.saveAsFail'),
+        panelStatusSaveFail: tForLang(lang, 'panel.status.saveFail'),
+        panelStatusSavedAs: tForLang(lang, 'panel.status.savedAs'),
+        panelStatusNetError: tForLang(lang, 'panel.status.netError'),
+        panelStatusSavedTabOnly: tForLang(lang, 'panel.status.savedTabOnly'),
+        panelStatusSaved: tForLang(lang, 'panel.status.saved'),
+        panelStatusCopied: tForLang(lang, 'panel.status.copied'),
+        panelStatusCopyFail: tForLang(lang, 'panel.status.copyFail'),
+        panelStatusModeAvailable: tForLang(lang, 'panel.status.modeAvailable'),
+        panelStatusModeChangeFail: tForLang(lang, 'panel.status.modeChangeFail'),
+        panelStatusModeChanged: tForLang(lang, 'panel.status.modeChanged'),
+        panelStatusGenericError: tForLang(lang, 'panel.status.genericError'),
+        panelStatusBrainTierAuto: tForLang(lang, 'panel.status.brainTierAuto'),
+        panelStatusBrainTierForced: tForLang(lang, 'panel.status.brainTierForced'),
+        panelStatusReading: tForLang(lang, 'panel.status.reading'),
+        panelStatusIngestFailed: tForLang(lang, 'panel.status.ingest_failed'),
+        panelStatusReadFailed: tForLang(lang, 'panel.status.read_failed'),
+        panelStatusAudioPlayError: tForLang(lang, 'panel.status.audio_play_error'),
+        panelStatusImageTooLarge: tForLang(lang, 'panel.status.imageTooLarge'),
+        panelStatusImageReady: tForLang(lang, 'panel.status.imageReady'),
+        panelStatusImageReadFail: tForLang(lang, 'panel.status.imageReadFail'),
+        panelConfirmTabUnsaved: tForLang(lang, 'panel.confirm.tabUnsaved'),
+        panelConfirmTabsUnsaved: tForLang(lang, 'panel.confirm.tabsUnsaved'),
+        panelConfirmDiscardChanges: tForLang(lang, 'panel.confirm.discardChanges'),
+        panelConfirmRemoveSlot: tForLang(lang, 'panel.confirm.removeSlot'),
+        panelConfirmRemoveKey: tForLang(lang, 'panel.confirm.removeKey'),
+        panelPromptSaveAs: tForLang(lang, 'panel.prompt.saveAs'),
+        panelVoiceSttFallback: tForLang(lang, 'panel.voice.sttFallback'),
+        panelVoiceNoMicSupport: tForLang(lang, 'panel.voice.noMicSupport'),
+        panelVoiceRecordingCountdown: tForLang(lang, 'panel.voice.recordingCountdown'),
+        panelVoiceAutoStopped: tForLang(lang, 'panel.voice.autoStopped'),
+        panelVoiceNoAudio: tForLang(lang, 'panel.voice.noAudio'),
+        panelVoiceAudioTooLong: tForLang(lang, 'panel.voice.audioTooLong'),
+        panelVoiceDidNotCatch: tForLang(lang, 'panel.status.did_not_catch'),
+        panelVoiceMicDenied: tForLang(lang, 'panel.status.mic_denied'),
+        panelVoiceTtsUnavailable: tForLang(lang, 'panel.voice.ttsUnavailable'),
+        panelVoiceMicClosedHalfDuplex: tForLang(lang, 'panel.voice.micClosedHalfDuplex'),
+        panelVoiceMicBlocked: tForLang(lang, 'panel.voice.micBlocked'),
+        panelVoiceNoMicDevice: tForLang(lang, 'panel.voice.noMicDevice'),
+        panelVoiceMicOpenFail: tForLang(lang, 'panel.voice.micOpenFail'),
+        panelVoiceMicOpenListening: tForLang(lang, 'panel.voice.micOpenListening'),
+        panelVoiceListening: tForLang(lang, 'panel.voice.listening'),
+        panelVoiceListeningInterim: tForLang(lang, 'panel.voice.listeningInterim'),
+        panelVoiceMicBlockedBrowser: tForLang(lang, 'panel.voice.micBlockedBrowser'),
+        panelVoiceNoMicPhysical: tForLang(lang, 'panel.voice.noMicPhysical'),
+        panelVoiceNetworkRequired: tForLang(lang, 'panel.voice.networkRequired'),
+        panelVoiceLangNotSupported: tForLang(lang, 'panel.voice.langNotSupported'),
+        panelVoiceMicError: tForLang(lang, 'panel.voice.micError'),
+        panelVoiceNoAudioToRecognizer: tForLang(lang, 'panel.voice.noAudioToRecognizer'),
+        panelVoiceMicOpenNoVoice: tForLang(lang, 'panel.voice.micOpenNoVoice'),
+        panelVoiceVoiceNoText: tForLang(lang, 'panel.voice.voiceNoText'),
+        panelVoiceStartingDictation: tForLang(lang, 'panel.voice.startingDictation'),
+        panelVoiceCouldNotStartMic: tForLang(lang, 'panel.voice.couldNotStartMic'),
+        /* Batch 3 -- tooltips/hints/runtime literals from the client JS. */
+        tipRefreshDiscovery: tForLang(lang, 'panel.tip.refreshDiscovery'),
+        tipOpenInEditor: tForLang(lang, 'panel.tip.openInEditor'),
+        tipOpen: tForLang(lang, 'panel.tip.open'),
+        tipSaveAs: tForLang(lang, 'panel.tip.saveAs'),
+        tipCodeModeDetail: tForLang(lang, 'panel.tip.codeModeDetail'),
+        tipCodeModeZen: tForLang(lang, 'panel.tip.codeModeZen'),
+        tipCancelShell: tForLang(lang, 'panel.tip.cancelShell'),
+        tipCloseTab: tForLang(lang, 'panel.tip.closeTab'),
+        tipReopenNativeTabs: tForLang(lang, 'panel.tip.reopenNativeTabs'),
+        tipNotTestedYet: tForLang(lang, 'panel.tip.notTestedYet'),
+        ariaThinking: tForLang(lang, 'panel.aria.thinking'),
+        hintBoardEmpty: tForLang(lang, 'panel.hint.boardEmpty'),
+        hintBookmarksEmpty: tForLang(lang, 'panel.hint.bookmarksEmpty'),
+        panelVoiceReplyFailed: tForLang(lang, 'panel.voice.replyFailed'),
+        panelVoiceReplyError: tForLang(lang, 'panel.voice.replyError'),
+        panelStatusLanguageSwitchFailed: tForLang(lang, 'panel.status.languageSwitchFailed'),
+        panelStatusLanguageListFailed: tForLang(lang, 'panel.status.languageListFailed'),
+        legalLoading: tForLang(lang, 'panel.legal.loading'),
+        legalLoadError: tForLang(lang, 'panel.legal.loadError'),
+        legalNetworkError: tForLang(lang, 'panel.legal.networkError'),
+        legalDefaultTitle: tForLang(lang, 'panel.legal.defaultTitle'),
+        fbCopied: tForLang(lang, 'panel.feedback.copied'),
+        fbCopyFailed: tForLang(lang, 'panel.feedback.copyFailed'),
+        fbClipboardUnavailable: tForLang(lang, 'panel.feedback.clipboardUnavailable'),
+        fbSaving: tForLang(lang, 'panel.feedback.saving'),
+        fbSaved: tForLang(lang, 'panel.feedback.saved'),
+        fbSaveError: tForLang(lang, 'panel.feedback.saveError'),
+        fbNetError: tForLang(lang, 'panel.feedback.netError'),
+        fbNetErrorSaving: tForLang(lang, 'panel.feedback.netErrorSaving'),
+        fbErrorPrefix: tForLang(lang, 'panel.feedback.errorPrefix'),
+        pairGenerating: tForLang(lang, 'panel.pair.generating'),
+        pairGenerateQr: tForLang(lang, 'panel.pair.generateQr'),
+        pairCopy: tForLang(lang, 'panel.pair.copy'),
+        pairExpiry: tForLang(lang, 'panel.pair.expiry'),
+        pairQrNetError: tForLang(lang, 'panel.pair.qrNetError'),
+        auditCopyJson: tForLang(lang, 'panel.audit.copyJson'),
+        limitsResetApplied: tForLang(lang, 'panel.limits.resetApplied'),
+        nac3Effects: tForLang(lang, 'panel.nac3.effects'),
+        nac3EffectsUnknown: tForLang(lang, 'panel.nac3.effectsUnknown'),
+        nac3Cancel: tForLang(lang, 'panel.nac3.cancel'),
+        nac3Reject: tForLang(lang, 'panel.nac3.reject'),
+        nac3Approve: tForLang(lang, 'panel.nac3.approve'),
+        nac3ApproveDestructive: tForLang(lang, 'panel.nac3.approveDestructive'),
+        nac3Executing: tForLang(lang, 'panel.nac3.executing'),
+        ttsProviderBrowser: tForLang(lang, 'panel.tts.providerBrowser'),
+        ttsProviderGoogle: tForLang(lang, 'panel.tts.providerGoogle'),
+        ttsProviderTitle: tForLang(lang, 'panel.tts.providerTitle'),
+        sttProviderBrowser: tForLang(lang, 'panel.stt.providerBrowser'),
+        sttProviderGoogle: tForLang(lang, 'panel.stt.providerGoogle'),
+        sttProviderWhisper: tForLang(lang, 'panel.stt.providerWhisper'),
+        sttProviderTitle: tForLang(lang, 'panel.stt.providerTitle'),
+        ttsVoiceTitle: tForLang(lang, 'panel.tts.voiceTitle'),
+        licLendNeedsLicense: tForLang(lang, 'panel.license.lendNeedsLicense'),
+        licEmailInvalid: tForLang(lang, 'panel.license.emailInvalid'),
+        licConnecting: tForLang(lang, 'panel.license.connecting'),
+        licConnect: tForLang(lang, 'settings.license.connect'),
+        licSavingEmail: tForLang(lang, 'panel.license.savingEmail'),
+        licSyncFailedRetry: tForLang(lang, 'panel.license.syncFailedRetry'),
+        licPlanOk: tForLang(lang, 'panel.license.planOk'),
+        licNetError: tForLang(lang, 'panel.license.netError'),
+        licSyncing: tForLang(lang, 'panel.license.syncing'),
+        licQuerying: tForLang(lang, 'panel.license.querying'),
+        licSyncError: tForLang(lang, 'panel.license.syncError'),
+        licPlanUnchanged: tForLang(lang, 'panel.license.planUnchanged'),
+        licPlanUpdated: tForLang(lang, 'panel.license.planUpdated'),
+        licSyncWithPolar: tForLang(lang, 'panel.license.syncWithPolar'),
+        licErrorWithCode: tForLang(lang, 'panel.license.errorWithCode'),
+        keyEditorTooShort: tForLang(lang, 'panel.keyEditor.keyTooShort'),
+        bridgeCoordUnavailable: tForLang(lang, 'panel.bridge.coordUnavailable'),
+        bridgeStatusUnavailable: tForLang(lang, 'panel.bridge.statusUnavailable'),
+        mcpLoadingBridges: tForLang(lang, 'panel.mcp.loadingBridges'),
+        toolsLoading: tForLang(lang, 'panel.tools.loading'),
+        agentsChatBackPairs: tForLang(lang, 'panel.agentsChat.backPairs'),
+        agentsChatNoMessages: tForLang(lang, 'panel.agentsChat.noMessages'),
+        agentsChatNoAgents: tForLang(lang, 'panel.agentsChat.noAgents'),
+        agentsChatPickAgent: tForLang(lang, 'panel.agentsChat.pickAgent'),
+        agentsChatSending: tForLang(lang, 'panel.agentsChat.sending'),
+        agentsChatErrorGeneric: tForLang(lang, 'panel.agentsChat.errorGeneric'),
+        alertNoEditor: tForLang(lang, 'panel.alert.noEditor'),
+        alertPathRelative: tForLang(lang, 'panel.alert.pathRelative'),
+        saveCopy: tForLang(lang, 'pizarron.button.copy'),
+        filesLoadingGeneric: tForLang(lang, 'panel.files.loading'),
+        tipSaveTo: tForLang(lang, 'panel.tip.saveTo'),
+        tipSaveToMemory: tForLang(lang, 'panel.tip.saveToMemory'),
+        btnSave: tForLang(lang, 'vault.add.button_save'),
+        btnSaveAs: tForLang(lang, 'panel.button.saveAs'),
+        fbSavedShort: tForLang(lang, 'panel.feedback.savedShort'),
+        pairQrFailed: tForLang(lang, 'panel.pair.qrFailed'),
+        brainModePlan: tForLang(lang, 'panel.brain.modePlan'),
+        brainModeConsole: tForLang(lang, 'panel.brain.modeConsole'),
+        brainApplying: tForLang(lang, 'panel.brain.applying'),
+        brainApplied: tForLang(lang, 'panel.brain.applied'),
+        brainReopenHint: tForLang(lang, 'panel.brain.reopenHint'),
+        brainActive: tForLang(lang, 'panel.brain.active'),
+        bridgeRoleHost: tForLang(lang, 'panel.bridge.roleHost'),
+        bridgeRoleClient: tForLang(lang, 'panel.bridge.roleClient'),
+        bridgeInstanceOne: tForLang(lang, 'panel.bridge.instanceOne'),
+        bridgeInstanceMany: tForLang(lang, 'panel.bridge.instanceMany'),
+        bridgeYou: tForLang(lang, 'panel.bridge.you'),
+        tipDeleteTask: tForLang(lang, 'panel.tip.deleteTask'),
+        tasksCmdPlaceholder: tForLang(lang, 'panel.tasks.cmdPlaceholder'),
+        readAloudCode: tForLang(lang, 'panel.readAloud.code'),
+        readAloudCodeLang: tForLang(lang, 'panel.readAloud.codeLang'),
+        readAloudFile: tForLang(lang, 'panel.readAloud.file'),
+        readAloudContent: tForLang(lang, 'panel.readAloud.content'),
+        tabOne: tForLang(lang, 'panel.pizarron.tabOne'),
+        tabMany: tForLang(lang, 'panel.pizarron.tabMany'),
     };
     const runtimeConfig = JSON.stringify({
         projectName: cfg.projectName,
@@ -1907,7 +2077,7 @@ ${renderYujinSplash()}
         <div id="yf-whats-new-title" class="whats-new-title">Novedades en esta version</div>
         <div id="yf-whats-new-sub"   class="whats-new-sub"></div>
       </div>
-      <button type="button" id="yf-whats-new-dismiss" class="whats-new-close" aria-label="Cerrar">x</button>
+      <button type="button" id="yf-whats-new-dismiss" class="whats-new-close" aria-label="${escapeHtml(tForLang(lang, 'panel.whatsNew.dismiss'))}">x</button>
     </div>
     <div id="yf-whats-new-body" class="whats-new-body"></div>
   </div>
@@ -1935,7 +2105,7 @@ ${renderYujinSplash()}
   <form id="bar-mini" data-nac-id="yujin.chat.bar-mini" class="bar" onsubmit="return false">
     <button type="button" class="mic" data-mic data-mic-btn aria-label="${escapeHtml(tr.micButton)}" title="${escapeHtml(tr.micButton)}">🎙</button>
     <button type="button" class="tts-toggle" data-tts-toggle aria-label="${escapeHtml(tr.ttsButton)}" title="${escapeHtml(tr.ttsButton)}">🔊</button>
-    <button type="button" class="clip" data-attach-clip aria-label="Adjuntar archivo" title="Adjuntar archivo">📎</button>
+    <button type="button" class="clip" data-attach-clip aria-label="${escapeHtml(tForLang(lang, 'panel.tip.attachFile'))}" title="${escapeHtml(tForLang(lang, 'panel.tip.attachFile'))}">📎</button>
     <textarea class="composer-input" rows="1" placeholder="${escapeHtml(tr.inputPlaceholder)}" aria-label="${escapeHtml(tr.inputPlaceholder)}"></textarea>
     <button type="submit" class="send">${escapeHtml(tr.sendButton)}</button>
     <button type="button" class="stop" data-stop aria-label="${escapeHtml(tr.stopButton)}" title="${escapeHtml(tr.stopButton)}" style="display:none">&#9632; ${escapeHtml(tr.stopButton)}</button>
@@ -2048,9 +2218,9 @@ ${renderYujinSplash()}
       <button data-mcp-close aria-label="${escapeHtml(tr.closeButton)}" title="${escapeHtml(tr.closeButton)}">${escapeHtml(tr.closeButton)}</button>
     </div>
     <div class="mcp-body">
-      <button class="mcp-refresh" data-mcp-refresh title="Refrescar discovery">Refrescar</button>
+      <button class="mcp-refresh" data-mcp-refresh title="${escapeHtml(tForLang(lang, 'panel.tip.refreshDiscovery'))}">${escapeHtml(tForLang(lang, 'pizarron.graph.refresh'))}</button>
       <div data-mcp-content>
-        <div class="mcp-empty">Cargando...</div>
+        <div class="mcp-empty">${escapeHtml(tForLang(lang, 'panel.legal.loading'))}</div>
       </div>
     </div>
   </div>
@@ -2066,24 +2236,24 @@ ${renderYujinSplash()}
         <p class="act-subtitle">Feed timestamped + bridge inspector + chat-per-agent</p>
       </div>
       <div style="display:flex;align-items:center;gap:10px;">
-        <select data-act-project-filter aria-label="Filter by project"
+        <select data-act-project-filter aria-label="${escapeHtml(tForLang(lang, 'panel.tip.filterByProject'))}"
                 style="background:var(--bg-2,#232631);color:var(--ink,#d4d4d4);border:1px solid var(--ink-subtle,#5a5e6a);border-radius:4px;padding:4px 8px;font-family:inherit;font-size:12px;">
-          <option value="">All projects</option>
+          <option value="">${escapeHtml(tForLang(lang, 'panel.activity.allProjects'))}</option>
         </select>
-        <span data-act-concurrency aria-label="Concurrent runs"
-              title="Concurrent runs: global / per-project caps"
+        <span data-act-concurrency aria-label="${escapeHtml(tForLang(lang, 'panel.aria.concurrentRuns'))}"
+              title="${escapeHtml(tForLang(lang, 'panel.tip.concurrentRuns'))}"
               style="font-family:ui-monospace,Menlo,Consolas,monospace;font-size:11px;color:var(--ink-muted,#8a8a8a);white-space:nowrap;">-/-</span>
         <button data-activity-close aria-label="${escapeHtml(tr.closeButton)}" title="${escapeHtml(tr.closeButton)}">${escapeHtml(tr.closeButton)}</button>
       </div>
     </div>
     <div class="act-body">
       <div data-act-panel="feed">
-        <div class="act-empty">Cargando feed...</div>
+        <div class="act-empty">${escapeHtml(tForLang(lang, 'panel.activity.loadingFeed'))}</div>
       </div>
     </div>
     <div class="act-controls">
       <label><input type="checkbox" data-act-autorefresh checked /> auto-refresh 3s</label>
-      <button data-act-refresh>Refrescar ahora</button>
+      <button data-act-refresh>${escapeHtml(tForLang(lang, 'panel.tip.refreshNow'))}</button>
       <span data-act-last-update style="margin-left:auto;font-family:ui-monospace,Menlo,Consolas,monospace;"></span>
     </div>
   </div>
@@ -2110,49 +2280,49 @@ ${renderYujinSplash()}
                 data-nac-role="action"
                 data-nac-action="open_mcp"
                 aria-label="MCP"
-                title="MCP Bridges (F101)">MCP</button>
+                title="${escapeHtml(tForLang(lang, 'panel.tip.mcpBridges'))}">MCP</button>
         <button class="agents-btn"
                 data-activity-open
                 data-nac-id="yujin.panel.activity"
                 data-nac-role="action"
                 data-nac-action="open_activity"
-                aria-label="Activity"
-                title="Agent activity + bridge inspector + chat-per-agent">Activity</button>
+                aria-label="${escapeHtml(tForLang(lang, 'panel.aria.activity'))}"
+                title="${escapeHtml(tForLang(lang, 'panel.tip.activity'))}">Activity</button>
         <button class="settings-btn"
                 data-settings-toggle
                 data-nac-id="yujin.panel.settings"
                 data-nac-role="action"
                 data-nac-action="open_settings"
-                aria-label="ajustes"
-                title="Ajustes (modo voz, STT, TTS, claves, idioma)">⚙</button>
+                aria-label="${escapeHtml(tForLang(lang, 'panel.aria.settings'))}"
+                title="${escapeHtml(tForLang(lang, 'panel.tip.settings'))}">⚙</button>
         <button id="full-zoom-out"
                 data-zoom-step="-1"
                 data-nac-id="yujin.panel.zoom-out"
                 data-nac-role="action"
                 data-nac-action="zoom_out"
-                aria-label="Reducir zoom"
-                title="Reducir zoom (Ctrl -)">&#8722;</button>
+                aria-label="${escapeHtml(tForLang(lang, 'panel.aria.zoomOut'))}"
+                title="${escapeHtml(tForLang(lang, 'panel.tip.zoomOut'))}">&#8722;</button>
         <button id="full-zoom-reset"
                 data-zoom-reset
                 data-nac-id="yujin.panel.zoom-reset"
                 data-nac-role="action"
                 data-nac-action="zoom_reset"
                 aria-label="Zoom 100%"
-                title="Restablecer zoom (Ctrl 0)">100%</button>
+                title="${escapeHtml(tForLang(lang, 'panel.tip.zoomReset'))}">100%</button>
         <button id="full-zoom-in"
                 data-zoom-step="1"
                 data-nac-id="yujin.panel.zoom-in"
                 data-nac-role="action"
                 data-nac-action="zoom_in"
-                aria-label="Aumentar zoom"
-                title="Aumentar zoom (Ctrl +)">+</button>
+                aria-label="${escapeHtml(tForLang(lang, 'panel.aria.zoomIn'))}"
+                title="${escapeHtml(tForLang(lang, 'panel.tip.zoomIn'))}">+</button>
         <button id="full-maximize"
                 data-maximize-toggle
                 data-nac-id="yujin.panel.maximize"
                 data-nac-role="action"
                 data-nac-action="maximize_panel"
-                aria-label="Maximizar"
-                title="Maximizar / restaurar (pantalla completa)">&#9744;</button>
+                aria-label="${escapeHtml(tForLang(lang, 'panel.aria.maximize'))}"
+                title="${escapeHtml(tForLang(lang, 'panel.tip.maximize'))}">&#9744;</button>
         <button id="full-mini"
                 data-nac-id="yujin.panel.full-to-mini"
                 data-nac-role="action"
@@ -2262,29 +2432,29 @@ ${renderYujinSplash()}
          API keys (BYOK) + voice settings + license. -->
     <div id="yf-settings" class="hidden settings-panel">
       <div class="set-section" data-bridge-section>
-        <div class="set-section-title">Coordinacion entre instancias
+        <div class="set-section-title">${escapeHtml(tForLang(lang, 'settings.bridge.title'))}
           <span class="bridge-status" data-bridge-status></span>
         </div>
-        <label class="bridge-toggle"><input type="checkbox" data-bridge-accept> Aceptar mensajes dirigidos de otras instancias (los inyecta como chat)</label>
+        <label class="bridge-toggle"><input type="checkbox" data-bridge-accept> ${escapeHtml(tForLang(lang, 'settings.bridge.accept'))}</label>
         <div class="bridge-roster" data-bridge-roster></div>
         <div class="bridge-feed" data-bridge-feed></div>
         <div class="bridge-compose">
-          <input type="text" class="bridge-input" data-bridge-input placeholder="Mensaje a las otras instancias..." maxlength="2000" autocomplete="off">
-          <button type="button" class="set-btn" data-bridge-send>Enviar</button>
+          <input type="text" class="bridge-input" data-bridge-input placeholder="${escapeHtml(tForLang(lang, 'settings.bridge.composePlaceholder'))}" maxlength="2000" autocomplete="off">
+          <button type="button" class="set-btn" data-bridge-send>${escapeHtml(tForLang(lang, 'panel.button.send'))}</button>
         </div>
       </div>
       <div class="set-section">
-        <div class="set-section-title">Voz</div>
-        <div class="set-row"><span class="set-lbl">Modo</span>
-          <button type="button" data-voice-mode-btn class="set-btn">modo mic</button>
+        <div class="set-section-title">${escapeHtml(tForLang(lang, 'settings.voice.title'))}</div>
+        <div class="set-row"><span class="set-lbl">${escapeHtml(tForLang(lang, 'settings.voice.mode'))}</span>
+          <button type="button" data-voice-mode-btn class="set-btn">${escapeHtml(tForLang(lang, 'settings.voice.modeMic'))}</button>
         </div>
-        <div class="set-row"><span class="set-lbl">STT</span>
-          <button type="button" data-stt-provider-btn class="set-btn">STT navegador</button>
+        <div class="set-row"><span class="set-lbl">${escapeHtml(tForLang(lang, 'settings.voice.stt'))}</span>
+          <button type="button" data-stt-provider-btn class="set-btn">${escapeHtml(tForLang(lang, 'settings.voice.sttBrowser'))}</button>
         </div>
-        <div class="set-row"><span class="set-lbl">TTS engine</span>
-          <button type="button" data-tts-provider-btn class="set-btn">TTS navegador</button>
+        <div class="set-row"><span class="set-lbl">${escapeHtml(tForLang(lang, 'settings.voice.ttsEngine'))}</span>
+          <button type="button" data-tts-provider-btn class="set-btn">${escapeHtml(tForLang(lang, 'settings.voice.ttsBrowser'))}</button>
         </div>
-        <div class="set-row"><span class="set-lbl">Voz TTS (solo Google)</span>
+        <div class="set-row"><span class="set-lbl">${escapeHtml(tForLang(lang, 'settings.voice.ttsVoice'))}</span>
           <button type="button" data-tts-voice-btn class="set-btn">es-ES-Studio-C</button>
         </div>
       </div>
@@ -2293,63 +2463,63 @@ ${renderYujinSplash()}
            environment (quiet room / fan / open office / music). All values
            hot-apply on the next VAD tick; no reload needed. -->
       <div class="set-section vad-section">
-        <div class="set-section-title">VAD (deteccion de silencio)
-          <button type="button" data-vad-reset class="set-btn">Reset defaults</button>
+        <div class="set-section-title">${escapeHtml(tForLang(lang, 'settings.vad.title'))}
+          <button type="button" data-vad-reset class="set-btn">${escapeHtml(tForLang(lang, 'settings.vad.resetDefaults'))}</button>
         </div>
-        <div class="set-row"><span class="set-lbl">Motor</span>
-          <label class="vad-radio"><input type="radio" name="vad-engine" value="amplitude"> Amplitud (RMS)</label>
-          <label class="vad-radio"><input type="radio" name="vad-engine" value="freq-band"> Banda 80-400Hz</label>
+        <div class="set-row"><span class="set-lbl">${escapeHtml(tForLang(lang, 'settings.vad.engine'))}</span>
+          <label class="vad-radio"><input type="radio" name="vad-engine" value="amplitude"> ${escapeHtml(tForLang(lang, 'settings.vad.engineAmplitude'))}</label>
+          <label class="vad-radio"><input type="radio" name="vad-engine" value="freq-band"> ${escapeHtml(tForLang(lang, 'settings.vad.engineBand'))}</label>
         </div>
         <div class="vad-slider-row" data-vad-field="baseline_ms" data-vad-min="100" data-vad-max="2000" data-vad-step="50">
-          <span class="vad-lbl">Baseline window</span>
+          <span class="vad-lbl">${escapeHtml(tForLang(lang, 'settings.vad.baselineWindow'))}</span>
           <input type="range" class="vad-slider">
           <span class="vad-val">600 ms</span>
         </div>
         <div class="vad-slider-row" data-vad-field="threshold_mult" data-vad-min="1.0" data-vad-max="8.0" data-vad-step="0.1">
-          <span class="vad-lbl">Threshold mult (baseline x N)</span>
+          <span class="vad-lbl">${escapeHtml(tForLang(lang, 'settings.vad.thresholdMult'))}</span>
           <input type="range" class="vad-slider">
           <span class="vad-val">3.0</span>
         </div>
         <div class="vad-slider-row" data-vad-field="min_threshold" data-vad-min="0.001" data-vad-max="0.1" data-vad-step="0.001">
-          <span class="vad-lbl">Threshold minimo</span>
+          <span class="vad-lbl">${escapeHtml(tForLang(lang, 'settings.vad.thresholdMin'))}</span>
           <input type="range" class="vad-slider">
           <span class="vad-val">0.012</span>
         </div>
         <div class="vad-slider-row" data-vad-field="max_threshold" data-vad-min="0.005" data-vad-max="0.3" data-vad-step="0.005">
-          <span class="vad-lbl">Threshold maximo</span>
+          <span class="vad-lbl">${escapeHtml(tForLang(lang, 'settings.vad.thresholdMax'))}</span>
           <input type="range" class="vad-slider">
           <span class="vad-val">0.06</span>
         </div>
         <div class="vad-slider-row" data-vad-field="silence_ms" data-vad-min="200" data-vad-max="4000" data-vad-step="50">
-          <span class="vad-lbl">Silencio para cerrar</span>
+          <span class="vad-lbl">${escapeHtml(tForLang(lang, 'settings.vad.silence'))}</span>
           <input type="range" class="vad-slider">
           <span class="vad-val">1000 ms</span>
         </div>
         <div class="vad-slider-row" data-vad-field="min_voiced_ms" data-vad-min="50" data-vad-max="1000" data-vad-step="25">
-          <span class="vad-lbl">Voz minima (anti-blip)</span>
+          <span class="vad-lbl">${escapeHtml(tForLang(lang, 'settings.vad.minVoiced'))}</span>
           <input type="range" class="vad-slider">
           <span class="vad-val">200 ms</span>
         </div>
         <div class="vad-slider-row" data-vad-field="tick_ms" data-vad-min="20" data-vad-max="200" data-vad-step="5">
-          <span class="vad-lbl">Tick del VAD</span>
+          <span class="vad-lbl">${escapeHtml(tForLang(lang, 'settings.vad.tick'))}</span>
           <input type="range" class="vad-slider">
           <span class="vad-val">50 ms</span>
         </div>
         <div class="vad-slider-row vad-freq-only" data-vad-field="freq_low_hz" data-vad-min="20" data-vad-max="500" data-vad-step="10">
-          <span class="vad-lbl">Banda voz: low (Hz)</span>
+          <span class="vad-lbl">${escapeHtml(tForLang(lang, 'settings.vad.bandLow'))}</span>
           <input type="range" class="vad-slider">
           <span class="vad-val">80</span>
         </div>
         <div class="vad-slider-row vad-freq-only" data-vad-field="freq_high_hz" data-vad-min="200" data-vad-max="2000" data-vad-step="10">
-          <span class="vad-lbl">Banda voz: high (Hz)</span>
+          <span class="vad-lbl">${escapeHtml(tForLang(lang, 'settings.vad.bandHigh'))}</span>
           <input type="range" class="vad-slider">
           <span class="vad-val">400</span>
         </div>
         <div class="set-row">
-          <label class="vad-check"><input type="checkbox" data-vad-toggle="debug_overlay"> Mostrar overlay live</label>
+          <label class="vad-check"><input type="checkbox" data-vad-toggle="debug_overlay"> ${escapeHtml(tForLang(lang, 'settings.vad.showOverlay'))}</label>
         </div>
         <div class="set-row">
-          <label class="vad-check"><input type="checkbox" data-vad-toggle="session_stats"> Loggear stats por sesion</label>
+          <label class="vad-check"><input type="checkbox" data-vad-toggle="session_stats"> ${escapeHtml(tForLang(lang, 'settings.vad.logStats'))}</label>
           <span class="set-status">~/.yujin-forge/vad_sessions.jsonl</span>
         </div>
       </div>
@@ -2359,42 +2529,42 @@ ${renderYujinSplash()}
       <div class="set-section brain-section">
         <div class="set-section-title">Brain</div>
         <div class="set-row">
-          <span class="set-lbl">Anthropic: modalidad</span>
-          <label class="vad-radio"><input type="radio" name="brain-anthropic-mode" value="plan"> Plan (suscripcion Claude)</label>
-          <label class="vad-radio"><input type="radio" name="brain-anthropic-mode" value="console"> Console (API key)</label>
+          <span class="set-lbl">${escapeHtml(tForLang(lang, 'settings.brain.anthropicMode'))}</span>
+          <label class="vad-radio"><input type="radio" name="brain-anthropic-mode" value="plan"> ${escapeHtml(tForLang(lang, 'settings.brain.modePlan'))}</label>
+          <label class="vad-radio"><input type="radio" name="brain-anthropic-mode" value="console"> ${escapeHtml(tForLang(lang, 'settings.brain.modeConsole'))}</label>
         </div>
         <div class="set-row">
-          <span class="set-status" data-brain-mode-note hidden>Se aplica al reabrir el panel.</span>
+          <span class="set-status" data-brain-mode-note hidden>${escapeHtml(tForLang(lang, 'settings.brain.modeNote'))}</span>
         </div>
         <div class="set-row">
-          <label class="vad-check"><input type="checkbox" data-brain-eco-enabled> Modo eco habilitado</label>
-          <span class="set-status">apagado = frontier siempre</span>
+          <label class="vad-check"><input type="checkbox" data-brain-eco-enabled> ${escapeHtml(tForLang(lang, 'settings.brain.ecoEnabled'))}</label>
+          <span class="set-status">${escapeHtml(tForLang(lang, 'settings.brain.ecoHint'))}</span>
         </div>
         <div class="set-row">
           <label class="vad-check"><input type="checkbox" data-startup-tabs-enabled> ${escapeHtml(tr.startupTabsLabel)}</label>
         </div>
         <div class="set-row" data-brain-tier-row="eco">
-          <span class="set-lbl">Modelo eco</span>
+          <span class="set-lbl">${escapeHtml(tForLang(lang, 'settings.brain.modelEco'))}</span>
           <select class="set-select" data-brain-provider="eco"></select>
           <select class="set-select" data-brain-model="eco"></select>
         </div>
         <div class="set-row" data-brain-tier-row="frontier">
-          <span class="set-lbl">Modelo frontier</span>
+          <span class="set-lbl">${escapeHtml(tForLang(lang, 'settings.brain.modelFrontier'))}</span>
           <select class="set-select" data-brain-provider="frontier"></select>
           <select class="set-select" data-brain-model="frontier"></select>
         </div>
         <div class="set-row" data-brain-tier-row="multimodal">
-          <span class="set-lbl">Modelo multimodal</span>
+          <span class="set-lbl">${escapeHtml(tForLang(lang, 'settings.brain.modelMultimodal'))}</span>
           <select class="set-select" data-brain-provider="multimodal"></select>
           <select class="set-select" data-brain-model="multimodal"></select>
-          <button type="button" class="set-btn" data-brain-multimodal-clear title="Quitar el brain multimodal dedicado (vuelve al ruteo de vision automatico)">Auto</button>
+          <button type="button" class="set-btn" data-brain-multimodal-clear title="${escapeHtml(tForLang(lang, 'settings.brain.multimodalClearTitle'))}">${escapeHtml(tForLang(lang, 'settings.brain.auto'))}</button>
         </div>
         <div class="set-row">
-          <span class="set-status">Brain dedicado para turnos con imagen. Auto = ruteo de vision automatico (el frontier si ve, o aviso si no).</span>
+          <span class="set-status">${escapeHtml(tForLang(lang, 'settings.brain.multimodalHint'))}</span>
         </div>
         <div class="set-row">
-          <label class="vad-check"><input type="checkbox" data-gemini-explicit-cache> Cache explicito de Gemini (CachedContent)</label>
-          <span class="set-status">Opt-in. Conviene en sesiones largas con Gemini Pro; en sesiones cortas el cache implicito gratis de 2.5 ya alcanza.</span>
+          <label class="vad-check"><input type="checkbox" data-gemini-explicit-cache> ${escapeHtml(tForLang(lang, 'settings.brain.geminiCache'))}</label>
+          <span class="set-status">${escapeHtml(tForLang(lang, 'settings.brain.geminiCacheHint'))}</span>
         </div>
         <div class="set-row">
           <span class="set-status" data-brain-status></span>
@@ -2403,129 +2573,129 @@ ${renderYujinSplash()}
       <!-- F4 brain federation -- conectar al brain de otro Forge
            (child) y generar codigos para autorizar/rutear (parent). -->
       <div class="set-section federation-section">
-        <div class="set-section-title">Federacion de brain</div>
+        <div class="set-section-title">${escapeHtml(tForLang(lang, 'settings.federation.title'))}</div>
         <div class="set-row">
-          <span class="set-status">Usa el brain de otro Forge (su key nunca sale de su maquina) o presta el tuyo. Tu codigo se ejecuta local; solo la inferencia viaja.</span>
+          <span class="set-status">${escapeHtml(tForLang(lang, 'settings.federation.intro'))}</span>
         </div>
         <!-- Estado actual (cuando estas federado como hijo) -->
         <div class="set-row fed-linked" data-fed-linked hidden>
-          <span class="set-lbl">Conectado a</span>
+          <span class="set-lbl">${escapeHtml(tForLang(lang, 'settings.federation.connectedTo'))}</span>
           <span class="set-status" data-fed-parent>--</span>
-          <button type="button" class="set-btn set-btn-danger" data-fed-leave>Desconectar</button>
+          <button type="button" class="set-btn set-btn-danger" data-fed-leave>${escapeHtml(tForLang(lang, 'settings.federation.disconnect'))}</button>
         </div>
         <!-- Conectarme a otro Forge (child) -->
         <div class="set-row" data-fed-join-row>
-          <span class="set-lbl">Conectarme</span>
-          <input type="text" class="set-input" data-fed-token placeholder="Pega el codigo de federacion" autocomplete="off" spellcheck="false">
-          <button type="button" class="set-btn" data-fed-join>Conectar</button>
+          <span class="set-lbl">${escapeHtml(tForLang(lang, 'settings.federation.connectMe'))}</span>
+          <input type="text" class="set-input" data-fed-token placeholder="${escapeHtml(tForLang(lang, 'settings.federation.tokenPlaceholder'))}" autocomplete="off" spellcheck="false">
+          <button type="button" class="set-btn" data-fed-join>${escapeHtml(tForLang(lang, 'settings.federation.connect'))}</button>
         </div>
         <!-- Prestar mi brain (parent) -->
         <div class="set-row" data-fed-invite-row>
-          <span class="set-lbl">Prestar mi brain</span>
-          <button type="button" class="set-btn" data-fed-invite>Generar codigo</button>
-          <label class="vad-check" data-fed-host-wrap hidden><input type="checkbox" data-fed-host> Hospedar (responder a los hijos)</label>
+          <span class="set-lbl">${escapeHtml(tForLang(lang, 'settings.federation.lendBrain'))}</span>
+          <button type="button" class="set-btn" data-fed-invite>${escapeHtml(tForLang(lang, 'settings.federation.generateCode'))}</button>
+          <label class="vad-check" data-fed-host-wrap hidden><input type="checkbox" data-fed-host> ${escapeHtml(tForLang(lang, 'settings.federation.host'))}</label>
         </div>
         <div class="set-row" data-fed-brain-row hidden>
-          <span class="set-lbl">Brain de federacion</span>
+          <span class="set-lbl">${escapeHtml(tForLang(lang, 'settings.federation.fedBrain'))}</span>
           <select class="set-select" data-fed-brain-provider></select>
           <select class="set-select" data-fed-brain-model></select>
         </div>
         <div class="set-row" data-fed-brain-note hidden>
-          <span class="set-status">El que responde a los hijos. API directa (DeepSeek por defecto). Claude Plan no sirve para hospedar; necesita una key con saldo.</span>
+          <span class="set-status">${escapeHtml(tForLang(lang, 'settings.federation.fedBrainNote'))}</span>
         </div>
         <div class="set-row" data-fed-token-out-row hidden>
-          <span class="set-lbl">Codigo (1 solo uso)</span>
+          <span class="set-lbl">${escapeHtml(tForLang(lang, 'settings.federation.codeOnce'))}</span>
           <input type="text" class="set-input" data-fed-token-out readonly>
-          <button type="button" class="set-btn" data-fed-copy>Copiar</button>
+          <button type="button" class="set-btn" data-fed-copy>${escapeHtml(tForLang(lang, 'settings.federation.copy'))}</button>
         </div>
         <div class="set-row">
           <span class="set-status" data-fed-status></span>
         </div>
       </div>
       <div class="set-section">
-        <div class="set-section-title">API keys (BYOK)</div>
-        <div class="set-key-row" data-key-slot="anthropic_api_key"><span class="set-lbl">Brain (Anthropic)</span>
+        <div class="set-section-title">${escapeHtml(tForLang(lang, 'settings.keys.title'))}</div>
+        <div class="set-key-row" data-key-slot="anthropic_api_key"><span class="set-lbl">${escapeHtml(tForLang(lang, 'settings.keys.brainAnthropic'))}</span>
           <span class="set-status" data-key-status>--</span>
-          <button type="button" class="set-btn" data-key-edit>Configurar</button>
-          <button type="button" class="set-btn set-btn-danger" data-key-clear hidden>Quitar</button>
+          <button type="button" class="set-btn" data-key-edit>${escapeHtml(tForLang(lang, 'settings.keys.configure'))}</button>
+          <button type="button" class="set-btn set-btn-danger" data-key-clear hidden>${escapeHtml(tForLang(lang, 'settings.keys.remove'))}</button>
         </div>
-        <div class="set-key-row" data-key-slot="openai_api_key"><span class="set-lbl">Brain (OpenAI)</span>
+        <div class="set-key-row" data-key-slot="openai_api_key"><span class="set-lbl">${escapeHtml(tForLang(lang, 'settings.keys.brainOpenai'))}</span>
           <span class="set-status" data-key-status>--</span>
-          <button type="button" class="set-btn" data-key-edit>Configurar</button>
-          <button type="button" class="set-btn set-btn-danger" data-key-clear hidden>Quitar</button>
+          <button type="button" class="set-btn" data-key-edit>${escapeHtml(tForLang(lang, 'settings.keys.configure'))}</button>
+          <button type="button" class="set-btn set-btn-danger" data-key-clear hidden>${escapeHtml(tForLang(lang, 'settings.keys.remove'))}</button>
         </div>
         <!-- Bug 1 (Pablo 2026-06-10) -- faltaban los slots de los
              demas brain providers BYOK que el selector de modelo
              (PND-069) ya ofrece. Slots reales de provider_keys.ts. -->
-        <div class="set-key-row" data-key-slot="google_ai_key"><span class="set-lbl">Brain (Google IA)</span>
+        <div class="set-key-row" data-key-slot="google_ai_key"><span class="set-lbl">${escapeHtml(tForLang(lang, 'settings.keys.brainGoogle'))}</span>
           <span class="set-status" data-key-status>--</span>
-          <button type="button" class="set-btn" data-key-edit>Configurar</button>
-          <button type="button" class="set-btn set-btn-danger" data-key-clear hidden>Quitar</button>
+          <button type="button" class="set-btn" data-key-edit>${escapeHtml(tForLang(lang, 'settings.keys.configure'))}</button>
+          <button type="button" class="set-btn set-btn-danger" data-key-clear hidden>${escapeHtml(tForLang(lang, 'settings.keys.remove'))}</button>
         </div>
-        <div class="set-key-row" data-key-slot="deepseek_api_key"><span class="set-lbl">Brain (DeepSeek)</span>
+        <div class="set-key-row" data-key-slot="deepseek_api_key"><span class="set-lbl">${escapeHtml(tForLang(lang, 'settings.keys.brainDeepseek'))}</span>
           <span class="set-status" data-key-status>--</span>
-          <button type="button" class="set-btn" data-key-edit>Configurar</button>
-          <button type="button" class="set-btn set-btn-danger" data-key-clear hidden>Quitar</button>
+          <button type="button" class="set-btn" data-key-edit>${escapeHtml(tForLang(lang, 'settings.keys.configure'))}</button>
+          <button type="button" class="set-btn set-btn-danger" data-key-clear hidden>${escapeHtml(tForLang(lang, 'settings.keys.remove'))}</button>
         </div>
-        <div class="set-key-row" data-key-slot="xai_api_key"><span class="set-lbl">Brain (xAI / Grok)</span>
+        <div class="set-key-row" data-key-slot="xai_api_key"><span class="set-lbl">${escapeHtml(tForLang(lang, 'settings.keys.brainXai'))}</span>
           <span class="set-status" data-key-status>--</span>
-          <button type="button" class="set-btn" data-key-edit>Configurar</button>
-          <button type="button" class="set-btn set-btn-danger" data-key-clear hidden>Quitar</button>
+          <button type="button" class="set-btn" data-key-edit>${escapeHtml(tForLang(lang, 'settings.keys.configure'))}</button>
+          <button type="button" class="set-btn set-btn-danger" data-key-clear hidden>${escapeHtml(tForLang(lang, 'settings.keys.remove'))}</button>
         </div>
-        <div class="set-key-row" data-key-slot="mistral_api_key"><span class="set-lbl">Brain (Mistral)</span>
+        <div class="set-key-row" data-key-slot="mistral_api_key"><span class="set-lbl">${escapeHtml(tForLang(lang, 'settings.keys.brainMistral'))}</span>
           <span class="set-status" data-key-status>--</span>
-          <button type="button" class="set-btn" data-key-edit>Configurar</button>
-          <button type="button" class="set-btn set-btn-danger" data-key-clear hidden>Quitar</button>
+          <button type="button" class="set-btn" data-key-edit>${escapeHtml(tForLang(lang, 'settings.keys.configure'))}</button>
+          <button type="button" class="set-btn set-btn-danger" data-key-clear hidden>${escapeHtml(tForLang(lang, 'settings.keys.remove'))}</button>
         </div>
-        <div class="set-key-row" data-key-slot="cohere_api_key"><span class="set-lbl">Brain (Cohere)</span>
+        <div class="set-key-row" data-key-slot="cohere_api_key"><span class="set-lbl">${escapeHtml(tForLang(lang, 'settings.keys.brainCohere'))}</span>
           <span class="set-status" data-key-status>--</span>
-          <button type="button" class="set-btn" data-key-edit>Configurar</button>
-          <button type="button" class="set-btn set-btn-danger" data-key-clear hidden>Quitar</button>
+          <button type="button" class="set-btn" data-key-edit>${escapeHtml(tForLang(lang, 'settings.keys.configure'))}</button>
+          <button type="button" class="set-btn set-btn-danger" data-key-clear hidden>${escapeHtml(tForLang(lang, 'settings.keys.remove'))}</button>
         </div>
-        <div class="set-key-row" data-key-slot="google_stt_key"><span class="set-lbl">STT Google</span>
+        <div class="set-key-row" data-key-slot="google_stt_key"><span class="set-lbl">${escapeHtml(tForLang(lang, 'settings.keys.sttGoogle'))}</span>
           <span class="set-status" data-key-status>--</span>
-          <button type="button" class="set-btn" data-key-edit>Configurar</button>
-          <button type="button" class="set-btn set-btn-danger" data-key-clear hidden>Quitar</button>
+          <button type="button" class="set-btn" data-key-edit>${escapeHtml(tForLang(lang, 'settings.keys.configure'))}</button>
+          <button type="button" class="set-btn set-btn-danger" data-key-clear hidden>${escapeHtml(tForLang(lang, 'settings.keys.remove'))}</button>
         </div>
-        <div class="set-key-row" data-key-slot="google_tts_key"><span class="set-lbl">TTS Google</span>
+        <div class="set-key-row" data-key-slot="google_tts_key"><span class="set-lbl">${escapeHtml(tForLang(lang, 'settings.keys.ttsGoogle'))}</span>
           <span class="set-status" data-key-status>--</span>
-          <button type="button" class="set-btn" data-key-edit>Configurar</button>
-          <button type="button" class="set-btn set-btn-danger" data-key-clear hidden>Quitar</button>
+          <button type="button" class="set-btn" data-key-edit>${escapeHtml(tForLang(lang, 'settings.keys.configure'))}</button>
+          <button type="button" class="set-btn set-btn-danger" data-key-clear hidden>${escapeHtml(tForLang(lang, 'settings.keys.remove'))}</button>
         </div>
-        <div class="set-key-row" data-key-slot="elevenlabs_api_key"><span class="set-lbl">TTS ElevenLabs</span>
+        <div class="set-key-row" data-key-slot="elevenlabs_api_key"><span class="set-lbl">${escapeHtml(tForLang(lang, 'settings.keys.ttsElevenlabs'))}</span>
           <span class="set-status" data-key-status>--</span>
-          <button type="button" class="set-btn" data-key-edit>Configurar</button>
-          <button type="button" class="set-btn set-btn-danger" data-key-clear hidden>Quitar</button>
+          <button type="button" class="set-btn" data-key-edit>${escapeHtml(tForLang(lang, 'settings.keys.configure'))}</button>
+          <button type="button" class="set-btn set-btn-danger" data-key-clear hidden>${escapeHtml(tForLang(lang, 'settings.keys.remove'))}</button>
         </div>
-        <div class="set-key-row" data-key-slot="whisper_api_key"><span class="set-lbl">STT Whisper</span>
+        <div class="set-key-row" data-key-slot="whisper_api_key"><span class="set-lbl">${escapeHtml(tForLang(lang, 'settings.keys.sttWhisper'))}</span>
           <span class="set-status" data-key-status>--</span>
-          <button type="button" class="set-btn" data-key-edit>Configurar</button>
-          <button type="button" class="set-btn set-btn-danger" data-key-clear hidden>Quitar</button>
+          <button type="button" class="set-btn" data-key-edit>${escapeHtml(tForLang(lang, 'settings.keys.configure'))}</button>
+          <button type="button" class="set-btn set-btn-danger" data-key-clear hidden>${escapeHtml(tForLang(lang, 'settings.keys.remove'))}</button>
         </div>
       </div>
       <div class="set-section">
-        <div class="set-section-title">Idioma</div>
-        <div class="set-row"><span class="set-lbl">Panel + voz</span>
-          <button type="button" data-lang-open class="set-btn">${escapeHtml(tr.languageButton)} cambiar</button>
+        <div class="set-section-title">${escapeHtml(tForLang(lang, 'settings.lang.title'))}</div>
+        <div class="set-row"><span class="set-lbl">${escapeHtml(tForLang(lang, 'settings.lang.panelVoice'))}</span>
+          <button type="button" data-lang-open class="set-btn">${escapeHtml(tForLang(lang, 'settings.lang.changeButton'))}</button>
         </div>
       </div>
       <div class="set-section">
-        <div class="set-section-title">Vault (encriptado)</div>
-        <div class="set-row"><span class="set-lbl">Slots</span>
-          <button type="button" data-vault-open class="set-btn">Abrir vault</button>
+        <div class="set-section-title">${escapeHtml(tForLang(lang, 'settings.vault.title'))}</div>
+        <div class="set-row"><span class="set-lbl">${escapeHtml(tForLang(lang, 'settings.vault.slots'))}</span>
+          <button type="button" data-vault-open class="set-btn">${escapeHtml(tForLang(lang, 'settings.vault.open'))}</button>
         </div>
       </div>
       <div class="set-section">
-        <div class="set-section-title">License</div>
-        <div class="set-row"><span class="set-lbl">Plan</span>
+        <div class="set-section-title">${escapeHtml(tForLang(lang, 'settings.license.title'))}</div>
+        <div class="set-row"><span class="set-lbl">${escapeHtml(tForLang(lang, 'settings.plan'))}</span>
           <span class="set-status" id="set-license-status">--</span>
         </div>
         <div class="set-row" id="set-license-user-handle-row" style="display:none;">
-          <span class="set-lbl">Email</span>
+          <span class="set-lbl">${escapeHtml(tForLang(lang, 'settings.license.email'))}</span>
           <span class="set-status" id="set-license-user-handle">--</span>
         </div>
         <div class="set-row" id="set-license-validated-row" style="display:none;">
-          <span class="set-lbl">Validado</span>
+          <span class="set-lbl">${escapeHtml(tForLang(lang, 'settings.license.validated'))}</span>
           <span class="set-status" id="set-license-validated">--</span>
         </div>
 
@@ -2534,23 +2704,22 @@ ${renderYujinSplash()}
              /api/forge/license-handle -> writes handle + syncs. -->
         <div id="set-license-connect-block" style="display:none;border:1px dashed var(--border, rgba(255,255,255,0.18));border-radius:6px;padding:10px;margin-top:6px;background:var(--bg-2, #131620);">
           <div style="font-size:11px;opacity:0.85;margin-bottom:8px;">
-            Conecta tu cuenta de Polar. Pone el email con el que pagaste y
-            sincronizamos tu plan automaticamente.
+            ${escapeHtml(tForLang(lang, 'settings.license.connectHint'))}
           </div>
           <div style="display:flex;gap:6px;align-items:center;flex-wrap:wrap;">
             <input type="email" id="set-license-connect-email"
-                   placeholder="email@ejemplo.com"
+                   placeholder="${escapeHtml(tForLang(lang, 'settings.license.emailPlaceholder'))}"
                    style="flex:1;min-width:200px;background:var(--bg-1,#1a1d27);color:var(--ink,#e5e7eb);border:1px solid var(--border, rgba(255,255,255,0.18));padding:5px 8px;border-radius:4px;font-size:12px;"
                    autocomplete="email" />
-            <button type="button" class="set-btn" id="set-license-connect-btn">Conectar</button>
+            <button type="button" class="set-btn" id="set-license-connect-btn">${escapeHtml(tForLang(lang, 'settings.license.connect'))}</button>
           </div>
           <div id="set-license-connect-msg" style="font-size:11px;opacity:0.85;margin-top:6px;display:none;"></div>
         </div>
 
         <div class="set-row" id="set-license-sync-row" style="gap:6px;display:none;">
-          <button type="button" class="set-btn" id="set-license-sync-btn">Sincronizar con Polar</button>
+          <button type="button" class="set-btn" id="set-license-sync-btn">${escapeHtml(tForLang(lang, 'settings.license.sync'))}</button>
           <a href="https://yujin.app/yujin-forge/"
-             target="_blank" rel="noopener" class="set-link">Comprar / activar plan</a>
+             target="_blank" rel="noopener" class="set-link">${escapeHtml(tForLang(lang, 'settings.license.buy'))}</a>
         </div>
         <div class="set-row" id="set-license-sync-msg-row" style="display:none;">
           <span class="set-status" id="set-license-sync-msg" style="font-size:11px;opacity:0.85;">--</span>
@@ -2560,15 +2729,15 @@ ${renderYujinSplash()}
            tier + renewal date + buy-extension link. Auto-refreshes
            on settings open + after each chat response. -->
       <div class="set-section" data-nac-id="yujin.panel.budget" data-nac-role="region">
-        <div class="set-section-title">Presupuesto este mes</div>
-        <div class="set-row"><span class="set-lbl">Plan</span>
+        <div class="set-section-title">${escapeHtml(tForLang(lang, 'settings.budget.title'))}</div>
+        <div class="set-row"><span class="set-lbl">${escapeHtml(tForLang(lang, 'settings.plan'))}</span>
           <span class="set-status" id="set-budget-plan">--</span>
         </div>
-        <div class="set-row"><span class="set-lbl">Renueva</span>
+        <div class="set-row"><span class="set-lbl">${escapeHtml(tForLang(lang, 'settings.budget.renews'))}</span>
           <span class="set-status" id="set-budget-renewal">--</span>
         </div>
         <div class="set-row" id="set-budget-eco-row">
-          <span class="set-lbl">Tokens eco</span>
+          <span class="set-lbl">${escapeHtml(tForLang(lang, 'settings.budget.tokensEco'))}</span>
           <span class="set-status" id="set-budget-eco-numbers">--</span>
         </div>
         <div class="set-row" id="set-budget-eco-bar-row" style="margin-top:-6px;">
@@ -2577,7 +2746,7 @@ ${renderYujinSplash()}
           </div>
         </div>
         <div class="set-row" id="set-budget-frontier-row">
-          <span class="set-lbl">Tokens frontier</span>
+          <span class="set-lbl">${escapeHtml(tForLang(lang, 'settings.budget.tokensFrontier'))}</span>
           <span class="set-status" id="set-budget-frontier-numbers">--</span>
         </div>
         <div class="set-row" id="set-budget-frontier-bar-row" style="margin-top:-6px;">
@@ -2586,18 +2755,18 @@ ${renderYujinSplash()}
           </div>
         </div>
         <div class="set-row" id="set-budget-extension-row" style="display:none;">
-          <a href="#" target="_blank" rel="noopener" class="set-link" id="set-budget-extension-link">Comprar extension de tokens</a>
+          <a href="#" target="_blank" rel="noopener" class="set-link" id="set-budget-extension-link">${escapeHtml(tForLang(lang, 'settings.budget.buyExtension'))}</a>
         </div>
       </div>
       <!-- alpha.59c.2 -- Limits card. Cada limite es un input
            numerico; el default va al lado en una pill chica.
            Save por blur. Reset restaura todos. -->
       <div class="set-section" data-nac-id="yujin.panel.limits" data-nac-role="region">
-        <div class="set-section-title">Limites (avanzado)</div>
-        <div class="set-row"><span class="set-lbl" style="opacity:0.7;">Editar cualquier valor + tab/blur guarda.</span></div>
+        <div class="set-section-title">${escapeHtml(tForLang(lang, 'settings.limits.title'))}</div>
+        <div class="set-row"><span class="set-lbl" style="opacity:0.7;">${escapeHtml(tForLang(lang, 'settings.limits.editHint'))}</span></div>
         <div id="set-limits-fields"></div>
         <div class="set-row" style="justify-content:flex-end;gap:6px;">
-          <button type="button" class="set-btn" id="set-limits-reset">Reset a defaults</button>
+          <button type="button" class="set-btn" id="set-limits-reset">${escapeHtml(tForLang(lang, 'settings.limits.reset'))}</button>
         </div>
         <div id="set-limits-msg" class="ke-msg"></div>
       </div>
@@ -2607,10 +2776,10 @@ ${renderYujinSplash()}
            Click row -> envia mensaje hidden al LLM con el
            comando para invocar yujin.reader.bookmark-jump. -->
       <div class="set-section" data-nac-id="yujin.panel.reader-bookmarks" data-nac-role="region">
-        <div class="set-section-title">Reader bookmarks</div>
+        <div class="set-section-title">${escapeHtml(tForLang(lang, 'settings.bookmarks.title'))}</div>
         <div id="set-bookmarks-list" class="bookmark-list"></div>
         <div class="set-row" style="justify-content:flex-end;">
-          <button type="button" class="set-btn" id="set-bookmarks-refresh">Refrescar</button>
+          <button type="button" class="set-btn" id="set-bookmarks-refresh">${escapeHtml(tForLang(lang, 'pizarron.graph.refresh'))}</button>
         </div>
       </div>
 
@@ -2619,9 +2788,9 @@ ${renderYujinSplash()}
            user know whether the inverse-hallucination guard is
            populated. CLI for full CRUD: yf graph add-node. -->
       <div class="set-section" data-nac-id="yujin.panel.graph-status" data-nac-role="region">
-        <div class="set-section-title">Project knowledge graph</div>
+        <div class="set-section-title">${escapeHtml(tForLang(lang, 'settings.graph.title'))}</div>
         <div class="set-row" id="set-graph-summary">
-          <span class="set-lbl">Cargando...</span>
+          <span class="set-lbl">${escapeHtml(tForLang(lang, 'vault.list.loading'))}</span>
         </div>
         <div id="set-graph-samples" class="graph-samples"></div>
         <div class="set-row" style="justify-content:space-between;align-items:center;">
@@ -2633,18 +2802,18 @@ ${renderYujinSplash()}
       <!-- Vincular telefono (dogfood 2026-06-10; Option 3 2026-06-16 --
            code-less: el QR es autocontenido, se escanea y listo). -->
       <div class="set-section">
-        <div class="set-section-title">Vincular telefono</div>
+        <div class="set-section-title">${escapeHtml(tForLang(lang, 'settings.pair.title'))}</div>
         <div class="set-row">
-          <span class="set-lbl" style="opacity:0.7;font-size:11px;">Abri Forge Mobile, toca "Vincular" y escanea este QR. Listo.</span>
-          <button type="button" class="set-btn" id="set-pair-generate">Generar QR</button>
+          <span class="set-lbl" style="opacity:0.7;font-size:11px;">${escapeHtml(tForLang(lang, 'settings.pair.hint'))}</span>
+          <button type="button" class="set-btn" id="set-pair-generate">${escapeHtml(tForLang(lang, 'settings.pair.generateQr'))}</button>
         </div>
         <div id="set-pair-result" class="hidden" style="text-align:center;padding:8px 0;">
           <div id="set-pair-qr" style="display:inline-block;background:#ffffff;padding:10px;border-radius:8px;width:220px;height:220px;"></div>
           <div id="set-pair-expiry" style="font-size:11px;opacity:0.6;margin-top:6px;"></div>
-          <div style="font-size:11px;opacity:0.7;margin-top:10px;">La camara no lee el QR? Copia este codigo y pegalo en Forge Mobile:</div>
+          <div style="font-size:11px;opacity:0.7;margin-top:10px;">${escapeHtml(tForLang(lang, 'settings.pair.cantRead'))}</div>
           <div style="display:flex;gap:6px;align-items:center;justify-content:center;margin-top:4px;">
             <input id="set-pair-code" readonly style="flex:1;max-width:210px;font-size:10px;font-family:monospace;padding:4px 6px;border:1px solid var(--border);border-radius:4px;background:var(--bg-1);color:var(--ink);" />
-            <button type="button" class="set-btn" id="set-pair-copy">Copiar</button>
+            <button type="button" class="set-btn" id="set-pair-copy">${escapeHtml(tForLang(lang, 'settings.federation.copy'))}</button>
           </div>
         </div>
         <div id="set-pair-error" class="hidden" style="font-size:12px;color:var(--err,#c0392b);padding:6px 0;"></div>
@@ -2655,18 +2824,18 @@ ${renderYujinSplash()}
            del config. Click en "Ver completo" abre el audit modal
            con filtros + lista paginada + detail inline. -->
       <div class="set-section audit-log" data-nac-id="yujin.panel.audit-log" data-nac-role="region">
-        <div class="set-section-title">Audit log</div>
+        <div class="set-section-title">${escapeHtml(tForLang(lang, 'settings.audit.title'))}</div>
         <div id="set-audit-preview" class="audit-preview">
-          <div class="audit-preview-empty">Cargando...</div>
+          <div class="audit-preview-empty">${escapeHtml(tForLang(lang, 'vault.list.loading'))}</div>
         </div>
         <div class="set-row" style="justify-content:flex-end;gap:6px;margin-top:6px;">
-          <button type="button" class="set-btn" id="set-audit-refresh">Refrescar</button>
-          <button type="button" class="set-btn" id="set-audit-open-modal">Ver completo</button>
+          <button type="button" class="set-btn" id="set-audit-refresh">${escapeHtml(tForLang(lang, 'pizarron.graph.refresh'))}</button>
+          <button type="button" class="set-btn" id="set-audit-open-modal">${escapeHtml(tForLang(lang, 'settings.audit.viewFull'))}</button>
         </div>
       </div>
       <!-- z.111 -- About / legal docs. Populated by fetchAndRenderAbout() on first settings open. -->
       <div class="set-section about-section" data-nac-id="yujin.panel.about" data-nac-role="region">
-        <div class="set-section-title">About</div>
+        <div class="set-section-title">${escapeHtml(tForLang(lang, 'settings.about.title'))}</div>
         <div class="set-row" style="font-size:11px; color:var(--ink-2);">
           Forge <span id="set-about-version">--</span>
         </div>
@@ -2681,12 +2850,10 @@ ${renderYujinSplash()}
            aparece + cada accion se loguea con
            approval_mode='danger_zone_bypass'. -->
       <div class="set-section danger-zone" data-nac-id="yujin.panel.danger-zone" data-nac-role="region">
-        <div class="set-section-title" style="color:#d97706;">⚠ Danger Zone</div>
+        <div class="set-section-title" style="color:#d97706;">⚠ ${escapeHtml(tForLang(lang, 'settings.danger.title'))}</div>
         <div class="set-row" style="opacity:0.8;">
           <span class="set-lbl" style="font-size:11px;">
-            Cuando esta ON, Yujin ejecuta TODA accion sin pedir confirmacion
-            (incluye shell.exec, rm, git push --force, etc). Velocidad sobre
-            seguridad. Todo queda registrado en audit log.
+            ${escapeHtml(tForLang(lang, 'settings.danger.warning'))}
           </span>
         </div>
         <div id="set-danger-toggles"></div>
@@ -2701,22 +2868,22 @@ ${renderYujinSplash()}
         <div class="audit-modal-backdrop" data-audit-close></div>
         <div class="audit-modal-frame" role="dialog" aria-modal="true">
           <div class="audit-modal-header">
-            <div class="audit-modal-title">Audit log</div>
-            <button type="button" class="set-btn" data-audit-close>Cerrar</button>
+            <div class="audit-modal-title">${escapeHtml(tForLang(lang, 'settings.audit.title'))}</div>
+            <button type="button" class="set-btn" data-audit-close>${escapeHtml(tForLang(lang, 'settings.audit.close'))}</button>
           </div>
           <div class="audit-modal-toolbar">
             <select id="audit-modal-filter-kind" class="audit-filter">
-              <option value="">Todos los kinds</option>
+              <option value="">${escapeHtml(tForLang(lang, 'settings.audit.allKinds'))}</option>
             </select>
             <select id="audit-modal-filter-approval" class="audit-filter">
-              <option value="">Todos los modes</option>
+              <option value="">${escapeHtml(tForLang(lang, 'settings.audit.allModes'))}</option>
               <option value="auto_approved">auto_approved</option>
               <option value="user_approved">user_approved</option>
               <option value="user_rejected">user_rejected</option>
               <option value="danger_zone_bypass">danger_zone_bypass</option>
               <option value="not_applicable">not_applicable</option>
             </select>
-            <button type="button" class="set-btn" id="audit-modal-refresh">Refrescar</button>
+            <button type="button" class="set-btn" id="audit-modal-refresh">${escapeHtml(tForLang(lang, 'pizarron.graph.refresh'))}</button>
             <span id="audit-modal-count" style="font-size:11px;opacity:0.6;margin-left:auto;"></span>
           </div>
           <div id="audit-modal-list" class="audit-modal-list"></div>
@@ -2727,8 +2894,8 @@ ${renderYujinSplash()}
                 <div class="audit-modal-detail-sub" id="audit-modal-detail-sub">--</div>
               </div>
               <div style="display:flex;gap:6px;">
-                <button type="button" class="set-btn" id="audit-modal-detail-copy">Copiar JSON</button>
-                <button type="button" class="set-btn" id="audit-modal-detail-close">Cerrar detalle</button>
+                <button type="button" class="set-btn" id="audit-modal-detail-copy">${escapeHtml(tForLang(lang, 'settings.audit.copyJson'))}</button>
+                <button type="button" class="set-btn" id="audit-modal-detail-close">${escapeHtml(tForLang(lang, 'settings.audit.closeDetail'))}</button>
               </div>
             </div>
             <pre class="audit-modal-detail-body" id="audit-modal-detail-body"></pre>
@@ -2741,20 +2908,20 @@ ${renderYujinSplash()}
         <div class="legal-modal-backdrop"></div>
         <div class="legal-modal-frame">
           <div class="legal-modal-header">
-            <div class="legal-modal-title" id="legal-modal-title">Legal</div>
-            <button type="button" class="set-btn" id="legal-modal-close">Cerrar</button>
+            <div class="legal-modal-title" id="legal-modal-title">${escapeHtml(tForLang(lang, 'settings.legal.title'))}</div>
+            <button type="button" class="set-btn" id="legal-modal-close">${escapeHtml(tForLang(lang, 'settings.audit.close'))}</button>
           </div>
-          <div class="legal-modal-body" id="legal-modal-body">Cargando...</div>
+          <div class="legal-modal-body" id="legal-modal-body">${escapeHtml(tForLang(lang, 'vault.list.loading'))}</div>
         </div>
       </div>
       <!-- inline edit form (single, repositioned over the active key row) -->
       <div id="yf-key-editor" class="hidden key-editor">
-        <div class="ke-title">Configurar <span id="ke-slot-name"></span></div>
-        <input type="password" id="ke-input" placeholder="Pega aqui tu API key" autocomplete="off"/>
+        <div class="ke-title">${escapeHtml(tForLang(lang, 'settings.keys.configure'))} <span id="ke-slot-name"></span></div>
+        <input type="password" id="ke-input" placeholder="${escapeHtml(tForLang(lang, 'settings.keyEditor.placeholder'))}" autocomplete="off"/>
         <div class="ke-actions">
-          <button type="button" id="ke-save" class="set-btn">Guardar</button>
-          <button type="button" id="ke-clear" class="set-btn set-btn-danger">Quitar</button>
-          <button type="button" id="ke-cancel" class="set-btn">Cancelar</button>
+          <button type="button" id="ke-save" class="set-btn">${escapeHtml(tForLang(lang, 'vault.add.button_save'))}</button>
+          <button type="button" id="ke-clear" class="set-btn set-btn-danger">${escapeHtml(tForLang(lang, 'settings.keys.remove'))}</button>
+          <button type="button" id="ke-cancel" class="set-btn">${escapeHtml(tForLang(lang, 'vault.add.button_cancel'))}</button>
         </div>
         <div id="ke-msg" class="ke-msg"></div>
       </div>
@@ -2767,7 +2934,7 @@ ${renderYujinSplash()}
         <form id="bar-full" data-nac-id="yujin.chat.bar-full" class="bar" onsubmit="return false">
           <button type="button" class="mic" data-mic data-mic-btn aria-label="${escapeHtml(tr.micButton)}" title="${escapeHtml(tr.micButton)}">🎙</button>
           <button type="button" class="tts-toggle" data-tts-toggle aria-label="${escapeHtml(tr.ttsButton)}" title="${escapeHtml(tr.ttsButton)}">🔊</button>
-          <button type="button" class="clip" data-attach-clip aria-label="Adjuntar archivo" title="Adjuntar archivo">📎</button>
+          <button type="button" class="clip" data-attach-clip aria-label="${escapeHtml(tForLang(lang, 'panel.tip.attachFile'))}" title="${escapeHtml(tForLang(lang, 'panel.tip.attachFile'))}">📎</button>
           <textarea class="composer-input" rows="1" placeholder="${escapeHtml(tr.inputPlaceholder)}" aria-label="${escapeHtml(tr.inputPlaceholder)}"></textarea>
           <button type="submit" class="send">${escapeHtml(tr.sendButton)}</button>
           <button type="button" class="stop" data-stop aria-label="${escapeHtml(tr.stopButton)}" title="${escapeHtml(tr.stopButton)}" style="display:none">&#9632; ${escapeHtml(tr.stopButton)}</button>
@@ -2789,7 +2956,7 @@ ${renderYujinSplash()}
                   data-nac-id="yujin.pizarron.clear-all"
                   data-nac-role="action"
                   data-nac-action="clear_pizarron"
-                  aria-label="cerrar todo" title="Cerrar todo el pizarrón">×</button>
+                  aria-label="${escapeHtml(tForLang(lang, 'panel.aria.closeBoard'))}" title="${escapeHtml(tForLang(lang, 'panel.tip.closeBoard'))}">×</button>
         </div>
         <div class="pz-tabs" id="pizarron-tabs"
              data-nac-id="yujin.pizarron.tabs"
@@ -2799,17 +2966,12 @@ ${renderYujinSplash()}
              data-nac-role="region">
           <div class="pizarra-empty" id="pizarron-empty">
             <div class="kanji-big">板</div>
-            <p>Aquí se muestra contenido estructurado: código, tablas, documentos. Pedile a Yujin que escriba o edite algo.</p>
+            <p>${escapeHtml(tForLang(lang, 'panel.hint.boardEmpty'))}</p>
             <!-- PND-064 -- aviso cuando el brain corre en modo Plan
                  (claude-code-cli): en ese modo el pizarron no es
                  alcanzable. Se muestra solo si el endpoint reporta
                  ese provider activo. -->
-            <p id="pizarron-plan-hint" class="pizarra-plan-hint hidden">
-              Estas en modo Plan (suscripcion). El pizarron se dibuja
-              cuando el brain corre en modo API: cambialo en
-              <strong>Ajustes &gt; Brain &gt; Anthropic: modalidad &gt; Console</strong>
-              y reabri el panel.
-            </p>
+            <p id="pizarron-plan-hint" class="pizarra-plan-hint hidden">${tForLang(lang, 'panel.hint.planMode')}</p>
           </div>
         </div>
         <!-- Action trace (tool calls log) -- siempre visible
@@ -2998,10 +3160,10 @@ async function switchProject(slug) {
       setProj();
       setStatus('');
     } else {
-      setStatus((j && j.error) || 'No se pudo cambiar de proyecto.', true);
+      setStatus((j && j.error) || CONFIG.i18n.panelStatusProjectSwitchFail, true);
     }
   } catch (e) {
-    setStatus('No se pudo cambiar de proyecto.', true);
+    setStatus(CONFIG.i18n.panelStatusProjectSwitchFail, true);
   }
 }
 /* Remove a project from the list (the "X"). Confirms first; on success drops
@@ -3022,10 +3184,10 @@ async function removeProjectViaClick(slug, rowEl) {
       setStatus(((CONFIG.i18n && CONFIG.i18n.projectRemoved) || 'Proyecto quitado de la lista') + ': ' + slug);
       setTimeout(function () { setStatus(''); }, 2500);
     } else {
-      setStatus((j && j.error) || 'No se pudo quitar el proyecto.', true);
+      setStatus((j && j.error) || CONFIG.i18n.panelStatusProjectRemoveFail, true);
     }
   } catch (e) {
-    setStatus('No se pudo quitar el proyecto.', true);
+    setStatus(CONFIG.i18n.panelStatusProjectRemoveFail, true);
   }
 }
 async function addProjectViaPrompt() {
@@ -3038,10 +3200,10 @@ async function addProjectViaPrompt() {
       body: JSON.stringify({ path: path.trim() }),
     });
     const j = await r.json();
-    if (!j || !j.ok) { setStatus((j && j.error) || 'No se pudo anadir el proyecto.', true); return; }
+    if (!j || !j.ok) { setStatus((j && j.error) || CONFIG.i18n.panelStatusProjectAddFail, true); return; }
     /* reopen the menu so the user can pick the freshly added project */
     openProjectMenu($('#proj-full') || $('#proj-mini'));
-  } catch (e) { setStatus('No se pudo anadir el proyecto.', true); }
+  } catch (e) { setStatus(CONFIG.i18n.panelStatusProjectAddFail, true); }
 }
 
 function escapeHtml(s) {
@@ -3097,7 +3259,7 @@ function renderMd(src) {
    *  /api/forge/open-in-editor. */
   out = out.replace(
     /(?<![\\w/])((?:src|tests|docs|packages|apps|scripts)\\/[\\w./-]+(?:\\.[\\w]+)(?::\\d+(?::\\d+)?)?)/g,
-    '<a class="fpath" data-fpath="$1" href="#" title="Abrir en mi editor">$1</a>',
+    '<a class="fpath" data-fpath="$1" href="#" title="' + escapeHtml(CONFIG.i18n.tipOpenInEditor) + '">$1</a>',
   );
   return out;
 }
@@ -3143,7 +3305,7 @@ function renderMdRich(src) {
     /* file paths */
     r = r.replace(
       /(?<![\\w/])((?:src|tests|docs|packages|apps|scripts)\\/[\\w./-]+(?:\\.[\\w]+)(?::\\d+(?::\\d+)?)?)/g,
-      '<a class="fpath" data-fpath="$1" href="#" title="Abrir">$1</a>',
+      '<a class="fpath" data-fpath="$1" href="#" title="' + escapeHtml(CONFIG.i18n.tipOpen) + '">$1</a>',
     );
     return r;
   }
@@ -3397,7 +3559,7 @@ function renderStream() {
                 '<div class="tp-hint">' + hint + ' <span class="tp-count">(' + sp.round + '/' + sp.max_rounds + ')</span></div>' +
               '</div>';
           } else {
-            tdiv.innerHTML = '<div class="thinking" aria-label="thinking"><span></span><span></span><span></span></div>';
+            tdiv.innerHTML = '<div class="thinking" aria-label="' + escapeHtml(CONFIG.i18n.ariaThinking) + '"><span></span><span></span><span></span></div>';
           }
           target.appendChild(tdiv);
         }
@@ -3421,7 +3583,7 @@ function renderStream() {
             const body = await r.json();
             if (!body.ok && body.path) {
               navigator.clipboard.writeText(body.path).catch(function () {});
-              alert('No editor en PATH. Copie el path: ' + body.path);
+              alert(CONFIG.i18n.alertNoEditor.replace('{path}', body.path));
             }
             fetch('/api/forge/trust-event', {
               method: 'POST',
@@ -3507,13 +3669,13 @@ async function openLegalModal(title, url) {
   const titleEl = document.getElementById('legal-modal-title');
   const bodyEl = document.getElementById('legal-modal-body');
   if (!modal || !titleEl || !bodyEl) return;
-  titleEl.textContent = title || 'Legal';
-  bodyEl.textContent = 'Cargando...';
+  titleEl.textContent = title || CONFIG.i18n.legalDefaultTitle;
+  bodyEl.textContent = CONFIG.i18n.legalLoading;
   modal.classList.remove('hidden');
   try {
     const r = await fetch(url);
     if (!r.ok) {
-      bodyEl.textContent = 'Error ' + r.status + ' cargando el documento.';
+      bodyEl.textContent = CONFIG.i18n.legalLoadError.replace('{status}', r.status);
       return;
     }
     const md = await r.text();
@@ -3523,7 +3685,7 @@ async function openLegalModal(title, url) {
     bodyEl.textContent = md;
     bodyEl.scrollTop = 0;
   } catch (err) {
-    bodyEl.textContent = 'Error de red: ' + (err && err.message ? err.message : 'unknown');
+    bodyEl.textContent = CONFIG.i18n.legalNetworkError.replace('{err}', (err && err.message ? err.message : 'unknown'));
   }
 }
 
@@ -3946,20 +4108,20 @@ async function refreshLimitsCard() {
           if (jj && jj.ok) {
             input.dataset.original = String(v);
             if (msgEl) {
-              msgEl.textContent = fieldPath + ' = ' + v + ' (guardado)';
+              msgEl.textContent = fieldPath + ' = ' + v + ' (' + CONFIG.i18n.fbSavedShort + ')';
               msgEl.style.color = '#5fb35f';
               setTimeout(function () { if (msgEl) msgEl.textContent = ''; }, 2000);
             }
           } else {
             if (msgEl) {
-              msgEl.textContent = jj && jj.error ? String(jj.error) : 'error guardando';
+              msgEl.textContent = jj && jj.error ? String(jj.error) : CONFIG.i18n.fbSaveError;
               msgEl.style.color = '#d97706';
             }
             input.value = original || String(f.value);
           }
         } catch (e) {
           if (msgEl) {
-            msgEl.textContent = 'error de red guardando';
+            msgEl.textContent = CONFIG.i18n.fbNetErrorSaving;
             msgEl.style.color = '#d97706';
           }
         }
@@ -4000,7 +4162,7 @@ async function pairGenerate() {
   const btn = document.getElementById('set-pair-generate');
   const result = document.getElementById('set-pair-result');
   const errEl = document.getElementById('set-pair-error');
-  if (btn) { btn.disabled = true; btn.textContent = 'Generando...'; }
+  if (btn) { btn.disabled = true; btn.textContent = CONFIG.i18n.pairGenerating; }
   if (errEl) errEl.classList.add('hidden');
   try {
     const r = await fetch('/api/forge/mobile-pair', { method: 'POST' });
@@ -4016,25 +4178,25 @@ async function pairGenerate() {
         if (copyBtn && !copyBtn.__wired) {
           copyBtn.__wired = true;
           copyBtn.addEventListener('click', function () {
-            try { navigator.clipboard.writeText(codeEl.value); copyBtn.textContent = 'Copiado'; setTimeout(function () { copyBtn.textContent = 'Copiar'; }, 1500); }
+            try { navigator.clipboard.writeText(codeEl.value); copyBtn.textContent = CONFIG.i18n.fbCopied; setTimeout(function () { copyBtn.textContent = CONFIG.i18n.pairCopy; }, 1500); }
             catch (e) { codeEl.select(); }
           });
         }
       }
       if (exp && j.expires_at) {
         const mins = Math.max(0, Math.round((new Date(j.expires_at).getTime() - Date.now()) / 60000));
-        exp.textContent = 'Expira en ~' + mins + ' min. Generalo de nuevo si caduca.';
+        exp.textContent = CONFIG.i18n.pairExpiry.replace('{mins}', mins);
       }
       if (result) result.classList.remove('hidden');
     } else if (errEl) {
-      errEl.textContent = (j && j.error ? j.error : 'No pude generar el QR.')
+      errEl.textContent = (j && j.error ? j.error : CONFIG.i18n.pairQrFailed)
         + (j && j.hint ? ' (corre: ' + j.hint + ')' : '');
       errEl.classList.remove('hidden');
     }
   } catch (e) {
-    if (errEl) { errEl.textContent = 'Error de red al generar el QR.'; errEl.classList.remove('hidden'); }
+    if (errEl) { errEl.textContent = CONFIG.i18n.pairQrNetError; errEl.classList.remove('hidden'); }
   }
-  if (btn) { btn.disabled = false; btn.textContent = 'Generar QR'; }
+  if (btn) { btn.disabled = false; btn.textContent = CONFIG.i18n.pairGenerateQr; }
 }
 
 /* alpha.59r -- project knowledge graph status card. Reads
@@ -4145,7 +4307,7 @@ async function refreshBookmarksList() {
     const j = await r.json();
     if (!j || !j.ok || !Array.isArray(j.bookmarks)) return;
     if (j.bookmarks.length === 0) {
-      host.innerHTML = '<div class="set-row" style="opacity:0.55;font-size:11px;">Sin bookmarks. Pedile a Yujin "marca este punto como ..." al leer un doc.</div>';
+      host.innerHTML = '<div class="set-row" style="opacity:0.55;font-size:11px;">' + escapeHtml(CONFIG.i18n.hintBookmarksEmpty) + '</div>';
       return;
     }
     host.innerHTML = j.bookmarks.slice(0, 40).map((bm) => {
@@ -4323,8 +4485,8 @@ function showAuditDetailInline(entry) {
     copyBtn.onclick = async function () {
       try {
         await navigator.clipboard.writeText(pretty);
-        copyBtn.textContent = 'Copiado';
-        setTimeout(function () { copyBtn.textContent = 'Copiar JSON'; }, 1200);
+        copyBtn.textContent = CONFIG.i18n.fbCopied;
+        setTimeout(function () { copyBtn.textContent = CONFIG.i18n.auditCopyJson; }, 1200);
       } catch (_) { /* swallow */ }
     };
   }
@@ -4358,11 +4520,11 @@ function openAuditDetail(entry) {
           '<div class="audit-detail-title">' + escapeHtml(kind) + ' <span class="a-mode ' + escapeHtml(mode) + '" style="margin-left:6px;">' + escapeHtml(mode) + '</span></div>' +
           '<div class="audit-detail-sub">' + escapeHtml(ts) + ' -- ' + escapeHtml(summary) + '</div>' +
         '</div>' +
-        '<button type="button" class="audit-detail-close" aria-label="Cerrar">x</button>' +
+        '<button type="button" class="audit-detail-close" aria-label="' + escapeHtml(CONFIG.i18n.closeButton) + '">x</button>' +
       '</div>' +
       '<pre class="audit-detail-body"></pre>' +
       '<div class="audit-detail-actions">' +
-        '<button type="button" class="set-btn" data-audit-copy>Copiar JSON</button>' +
+        '<button type="button" class="set-btn" data-audit-copy>' + escapeHtml(CONFIG.i18n.auditCopyJson) + '</button>' +
         '<span class="audit-detail-msg" id="audit-detail-msg"></span>' +
       '</div>' +
     '</div>';
@@ -4387,14 +4549,14 @@ function openAuditDetail(entry) {
       try {
         if (navigator && navigator.clipboard && typeof navigator.clipboard.writeText === 'function') {
           navigator.clipboard.writeText(pretty).then(function () {
-            if (msg) { msg.textContent = 'Copiado'; setTimeout(function () { if (msg) msg.textContent = ''; }, 1800); }
+            if (msg) { msg.textContent = CONFIG.i18n.fbCopied; setTimeout(function () { if (msg) msg.textContent = ''; }, 1800); }
           }, function () {
-            if (msg) { msg.textContent = 'Fallo el copiado'; }
+            if (msg) { msg.textContent = CONFIG.i18n.fbCopyFailed; }
           });
         } else if (msg) {
-          msg.textContent = 'Clipboard no disponible';
+          msg.textContent = CONFIG.i18n.fbClipboardUnavailable;
         }
-      } catch (_) { if (msg) msg.textContent = 'Fallo el copiado'; }
+      } catch (_) { if (msg) msg.textContent = CONFIG.i18n.fbCopyFailed; }
     });
   }
 }
@@ -4410,7 +4572,7 @@ async function resetLimitsCard() {
     const j = await r.json();
     if (j && j.ok) {
       if (msgEl) {
-        msgEl.textContent = 'Reset a defaults aplicado';
+        msgEl.textContent = CONFIG.i18n.limitsResetApplied;
         msgEl.style.color = '#5fb35f';
         setTimeout(function () { if (msgEl) msgEl.textContent = ''; }, 2500);
       }
@@ -4470,14 +4632,14 @@ async function refreshDangerZoneToggles() {
           } else {
             cb.checked = !newVal;
             if (msgEl) {
-              msgEl.textContent = jj && jj.error ? String(jj.error) : 'error guardando';
+              msgEl.textContent = jj && jj.error ? String(jj.error) : CONFIG.i18n.fbSaveError;
               msgEl.style.color = '#d97706';
             }
           }
         } catch (_e) {
           cb.checked = !newVal;
           if (msgEl) {
-            msgEl.textContent = 'error de red';
+            msgEl.textContent = CONFIG.i18n.fbNetError;
             msgEl.style.color = '#d97706';
           }
         }
@@ -4630,10 +4792,10 @@ async function killShellTab(tabId) {
       if (tab) tab.content = tab.content + '\\n[CANCELLED by user]\\n';
       renderPizarron();
     } else {
-      setStatus('No se pudo cancelar: ' + (j && j.reason ? j.reason : 'unknown'), true);
+      setStatus(CONFIG.i18n.panelStatusCancelFail.replace('{reason}', (j && j.reason ? j.reason : 'unknown')), true);
     }
   } catch (e) {
-    setStatus('Error de red al cancelar shell.', true);
+    setStatus(CONFIG.i18n.panelStatusCancelNetError, true);
   }
 }
 
@@ -4800,27 +4962,27 @@ function nac3OpenApprovalModal(envelope) {
 
   const sideEffects = document.createElement('div');
   sideEffects.style.cssText = 'font-size:11px;opacity:0.7;margin-bottom:16px;';
-  sideEffects.textContent = 'Efectos: ' + (Array.isArray(verb.side_effects) ? verb.side_effects.join(', ') : 'desconocidos');
+  sideEffects.textContent = CONFIG.i18n.nac3Effects.replace('{list}', (Array.isArray(verb.side_effects) ? verb.side_effects.join(', ') : CONFIG.i18n.nac3EffectsUnknown));
 
   const btnRow = document.createElement('div');
   btnRow.style.cssText = 'display:flex;gap:8px;justify-content:flex-end;';
 
   const btnCancel = document.createElement('button');
-  btnCancel.textContent = 'Cancelar';
+  btnCancel.textContent = CONFIG.i18n.nac3Cancel;
   btnCancel.setAttribute('data-nac-id', 'yujin.modal.nac3-approval.cancel');
   btnCancel.setAttribute('data-nac-role', 'button');
   btnCancel.setAttribute('data-nac-action', 'cancel');
   btnCancel.style.cssText = 'padding:8px 16px;border-radius:6px;border:1px solid #3a4258;background:transparent;color:inherit;cursor:pointer;font-size:13px;';
 
   const btnReject = document.createElement('button');
-  btnReject.textContent = 'Rechazar';
+  btnReject.textContent = CONFIG.i18n.nac3Reject;
   btnReject.setAttribute('data-nac-id', 'yujin.modal.nac3-approval.reject');
   btnReject.setAttribute('data-nac-role', 'button');
   btnReject.setAttribute('data-nac-action', 'reject');
   btnReject.style.cssText = 'padding:8px 16px;border-radius:6px;border:1px solid #803030;background:#3a1818;color:#f4b8b8;cursor:pointer;font-size:13px;';
 
   const btnApprove = document.createElement('button');
-  btnApprove.textContent = verb.policy === 'destructive' ? 'Aprobar (destructivo)' : 'Aprobar';
+  btnApprove.textContent = verb.policy === 'destructive' ? CONFIG.i18n.nac3ApproveDestructive : CONFIG.i18n.nac3Approve;
   btnApprove.setAttribute('data-nac-id', 'yujin.modal.nac3-approval.approve');
   btnApprove.setAttribute('data-nac-role', 'button');
   btnApprove.setAttribute('data-nac-action', 'approve');
@@ -4861,7 +5023,7 @@ function nac3OpenApprovalModal(envelope) {
 
   btnApprove.addEventListener('click', async () => {
     btnApprove.disabled = true; btnReject.disabled = true;
-    btnApprove.textContent = 'Ejecutando...';
+    btnApprove.textContent = CONFIG.i18n.nac3Executing;
     let payloadNote = '';
     try {
       const r = await fetch('/api/forge/nac3-approve', {
@@ -4995,7 +5157,7 @@ function pizarronCloseItem(id) {
   if (idx < 0) return;
   const it = state.pizarron.items[idx];
   if (it.dirty) {
-    if (!confirm('La pestaña "' + it.title + '" tiene cambios sin guardar. ¿Cerrar igual?')) return;
+    if (!confirm(CONFIG.i18n.panelConfirmTabUnsaved.replace('{title}', it.title))) return;
   }
   /* Startup tabs (dogfood 2026-06-10) -- si el usuario cierra una
    * pestania de startup (o el lienzo Coding), recordarlo: no se
@@ -5018,7 +5180,7 @@ function pizarronCloseItem(id) {
 
 function pizarronClearAll() {
   const dirty = state.pizarron.items.find((x) => x.dirty);
-  if (dirty && !confirm('Hay pestañas con cambios sin guardar. ¿Cerrar todo igual?')) return;
+  if (dirty && !confirm(CONFIG.i18n.panelConfirmTabsUnsaved)) return;
   state.pizarron.items = [];
   state.pizarron.activeId = null;
   renderPizarron();
@@ -5028,7 +5190,7 @@ function pizarronStartEdit(id) {
   const it = state.pizarron.items.find((x) => x.id === id);
   if (!it) return;
   if (it.kind !== 'code' && it.kind !== 'markdown' && it.kind !== 'document') {
-    setStatus('Este tipo de contenido no es editable.', true);
+    setStatus(CONFIG.i18n.panelStatusNotEditable, true);
     return;
   }
   it.isEditing = true;
@@ -5059,22 +5221,22 @@ async function pizarronSaveAs(id) {
       it.dirty = false;
       it.file_path = handle.name;     /* solo el nombre; el browser
                                          no expone full path */
-      setStatus('Guardado como: ' + handle.name + ' (en la ruta que elegiste en el dialog).');
+      setStatus(CONFIG.i18n.panelStatusSavedAsPicker.replace('{name}', handle.name));
       renderPizarron();
       return;
     } catch (err) {
       /* AbortError = el user cancelo el dialog -- silencioso. */
       if (err && err.name === 'AbortError') return;
-      setStatus('Error en Guardar como: ' + (err && err.message ? err.message : err) + ' -- usando fallback.', true);
+      setStatus(CONFIG.i18n.panelStatusSaveAsFail.replace('{error}', (err && err.message ? err.message : err)), true);
     }
   }
   /* Fallback: prompt con path relativo al projectRoot. */
   const initial = it.file_path || 'untitled.txt';
-  const nextPath = prompt('Guardar como (path relativo al proyecto):', initial);
+  const nextPath = prompt(CONFIG.i18n.panelPromptSaveAs, initial);
   if (!nextPath || nextPath.trim() === '') return;
   const rel = nextPath.trim();
   if (rel.startsWith('/') || rel.includes('..')) {
-    alert('El path debe ser relativo al proyecto (sin "/" inicial ni "..").');
+    alert(CONFIG.i18n.alertPathRelative);
     return;
   }
   try {
@@ -5085,17 +5247,17 @@ async function pizarronSaveAs(id) {
     });
     const data = await r.json();
     if (!r.ok || !data.ok) {
-      setStatus('Error al guardar: ' + (data.error || r.status), true);
+      setStatus(CONFIG.i18n.panelStatusSaveFail.replace('{error}', (data.error || r.status)), true);
       return;
     }
     it.content = it.editValue;
     it.file_path = rel;
     it.title = rel.split('/').pop() || rel;
     it.dirty = false;
-    setStatus('Guardado como: ' + rel + ' (' + data.bytes_written + ' bytes)');
+    setStatus(CONFIG.i18n.panelStatusSavedAs.replace('{path}', rel).replace('{bytes}', data.bytes_written));
     renderPizarron();
   } catch (err) {
-    setStatus('Error de red: ' + (err && err.message ? err.message : err), true);
+    setStatus(CONFIG.i18n.panelStatusNetError.replace('{error}', (err && err.message ? err.message : err)), true);
   }
 }
 
@@ -5106,7 +5268,7 @@ async function pizarronSave(id) {
     /* Snippet-only edit: persist back to the in-memory item. */
     it.content = it.editValue;
     it.dirty = false;
-    setStatus('Cambios guardados en la pestaña (no en disco -- sin file_path).');
+    setStatus(CONFIG.i18n.panelStatusSavedTabOnly);
     renderPizarron();
     return;
   }
@@ -5119,22 +5281,22 @@ async function pizarronSave(id) {
     });
     const data = await r.json();
     if (!r.ok || !data.ok) {
-      setStatus('Error al guardar: ' + (data.error || r.status), true);
+      setStatus(CONFIG.i18n.panelStatusSaveFail.replace('{error}', (data.error || r.status)), true);
       return;
     }
     it.content = it.editValue;
     it.dirty = false;
-    setStatus('Guardado: ' + it.file_path + ' (' + data.bytes_written + ' bytes)');
+    setStatus(CONFIG.i18n.panelStatusSaved.replace('{path}', it.file_path).replace('{bytes}', data.bytes_written));
     renderPizarron();
   } catch (err) {
-    setStatus('Error de red: ' + (err && err.message ? err.message : err), true);
+    setStatus(CONFIG.i18n.panelStatusNetError.replace('{error}', (err && err.message ? err.message : err)), true);
   }
 }
 
 function pizarronDiscard(id) {
   const it = state.pizarron.items.find((x) => x.id === id);
   if (!it) return;
-  if (it.dirty && !confirm('Descartar los cambios sin guardar?')) return;
+  if (it.dirty && !confirm(CONFIG.i18n.panelConfirmDiscardChanges)) return;
   it.isEditing = false;
   it.editValue = it.content;
   it.dirty = false;
@@ -5147,9 +5309,9 @@ function pizarronReadAloud(id) {
   /* Strip markdown structure to make it readable, then TTS. */
   let txt = it.content;
   if (it.kind === 'code') {
-    txt = 'Código' + (it.language ? ' en ' + it.language : '') + '. '
-        + (it.file_path ? 'Archivo ' + it.file_path + '. ' : '')
-        + 'Contenido: ' + txt;
+    txt = (it.language ? CONFIG.i18n.readAloudCodeLang.replace('{lang}', it.language) : CONFIG.i18n.readAloudCode) + '. '
+        + (it.file_path ? CONFIG.i18n.readAloudFile.replace('{file}', it.file_path) + '. ' : '')
+        + CONFIG.i18n.readAloudContent.replace('{content}', txt);
   }
   playTtsForText(txt);
 }
@@ -5160,8 +5322,8 @@ function pizarronCopy(id) {
   const value = it.isEditing ? it.editValue : it.content;
   if (navigator.clipboard && navigator.clipboard.writeText) {
     navigator.clipboard.writeText(value)
-      .then(() => setStatus('Copiado al portapapeles.'))
-      .catch(() => setStatus('No se pudo copiar.', true));
+      .then(() => setStatus(CONFIG.i18n.panelStatusCopied))
+      .catch(() => setStatus(CONFIG.i18n.panelStatusCopyFail, true));
   }
 }
 
@@ -5178,11 +5340,11 @@ function renderPizarronCardBody(it) {
       + '  <button type="button" class="pz-save" data-pz-save data-pz-item-id="' + it.id + '"'
       + '          data-nac-id="yujin.pizarron.editor.' + it.id + '.save"'
       + '          data-nac-role="action" data-nac-action="save_file"'
-      + '          title="Guardar en ' + escapeHtml(it.file_path || '(memoria)') + '">Guardar</button>'
+      + '          title="' + escapeHtml(CONFIG.i18n.tipSaveTo.replace('{path}', it.file_path || CONFIG.i18n.tipSaveToMemory)) + '">' + escapeHtml(CONFIG.i18n.btnSave) + '</button>'
       + '  <button type="button" data-pz-save-as data-pz-item-id="' + it.id + '"'
       + '          data-nac-id="yujin.pizarron.editor.' + it.id + '.save-as"'
       + '          data-nac-role="action" data-nac-action="save_file_as"'
-      + '          title="Guardar como -- elegí nuevo path (relativo al proyecto)">Guardar como…</button>'
+      + '          title="' + escapeHtml(CONFIG.i18n.tipSaveAs) + '">' + escapeHtml(CONFIG.i18n.btnSaveAs) + '</button>'
       + '  <button type="button" data-pz-discard data-pz-item-id="' + it.id + '"'
       + '          data-nac-id="yujin.pizarron.editor.' + it.id + '.discard"'
       + '          data-nac-role="action" data-nac-action="discard_changes">Descartar</button>'
@@ -5242,8 +5404,8 @@ function renderPizarronCardBody(it) {
     const cmode = codingMode();
     return '<div class="pz-body pz-coding-wrap m-' + cmode + '" data-nac-id="yujin.pizarron.item.' + it.id + '.body" data-nac-role="region" tabindex="0">'
       + '<div class="pz-coding-switch" role="tablist">'
-      +   '<button type="button" class="pz-cmode' + (cmode === 'detail' ? ' on' : '') + '" data-pz-coding-mode="detail" title="Detallado: archivos, diffs y comandos en vivo">codewrapper</button>'
-      +   '<button type="button" class="pz-cmode' + (cmode === 'zen' ? ' on' : '') + '" data-pz-coding-mode="zen" title="Sumi-e: arte con texto ocasional">vibecoder</button>'
+      +   '<button type="button" class="pz-cmode' + (cmode === 'detail' ? ' on' : '') + '" data-pz-coding-mode="detail" title="' + escapeHtml(CONFIG.i18n.tipCodeModeDetail) + '">codewrapper</button>'
+      +   '<button type="button" class="pz-cmode' + (cmode === 'zen' ? ' on' : '') + '" data-pz-coding-mode="zen" title="' + escapeHtml(CONFIG.i18n.tipCodeModeZen) + '">vibecoder</button>'
       + '</div>'
       + (cmode === 'zen'
           ? '<div class="pz-coding-zen"><canvas data-pz-coding-canvas class="pz-coding-canvas"></canvas><div class="pz-coding-hint" data-pz-coding-hint>esperando a que el brain trabaje...</div></div>'
@@ -5255,7 +5417,7 @@ function renderPizarronCardBody(it) {
   if (it.kind === 'tasks') {
     return '<div class="pz-body pz-tasks-wrap pz-sumi" data-nac-id="yujin.pizarron.item.' + it.id + '.body" data-nac-role="region" tabindex="0">'
       + '<div class="pz-tasks-new">'
-      +   '<input type="text" class="pz-tasks-input" data-pz-tasks-cmd placeholder="comando (ej: pnpm install)..." />'
+      +   '<input type="text" class="pz-tasks-input" data-pz-tasks-cmd placeholder="' + escapeHtml(CONFIG.i18n.tasksCmdPlaceholder) + '" />'
       +   '<button type="button" class="pz-tasks-run" data-pz-tasks-run>Lanzar</button>'
       + '</div>'
       + '<div class="pz-tasks-list" data-pz-tasks-list><div class="pz-tasks-empty">cargando...</div></div>'
@@ -5333,7 +5495,7 @@ function renderPizarron() {
   const empty = $('#pizarron-empty');
   const count = $('#pizarron-count');
   if (!tabs || !body || !count) return;
-  count.textContent = state.pizarron.items.length + (state.pizarron.items.length === 1 ? ' pestaña' : ' pestañas');
+  count.textContent = state.pizarron.items.length + ' ' + (state.pizarron.items.length === 1 ? CONFIG.i18n.tabOne : CONFIG.i18n.tabMany);
   /* Render tabs */
   applySavedTabOrder(); /* PND-137 -- respeta el orden elegido por drag */
   const tabsHtml = state.pizarron.items.map((it) => {
@@ -5351,12 +5513,12 @@ function renderPizarron() {
       + '<span class="pz-tab-name">' + escapeHtml(it.title) + '</span>'
       + (showKill
           ? '<button type="button" class="pz-tab-kill" data-pz-kill data-pz-item-id="' + it.id + '"'
-            + '        title="Cancelar comando shell" aria-label="cancel">⏹</button>'
+            + '        title="' + escapeHtml(CONFIG.i18n.tipCancelShell) + '" aria-label="cancel">⏹</button>'
           : '')
       + '<button type="button" class="pz-tab-close" data-pz-close data-pz-item-id="' + it.id + '"'
       + '        data-nac-id="yujin.pizarron.tab.' + it.id + '.close"'
       + '        data-nac-role="action" data-nac-action="close_tab"'
-      + '        title="Cerrar pestaña" aria-label="cerrar">×</button>'
+      + '        title="' + escapeHtml(CONFIG.i18n.tipCloseTab) + '" aria-label="cerrar">×</button>'
       + '</div>';
   }).join('');
   /* "+" para reabrir pestanas nativas cerradas (Grafo/Workflow/
@@ -5365,7 +5527,7 @@ function renderPizarron() {
   let restoreHtml = '';
   if (closedNative.length) {
     restoreHtml = '<div class="pz-restore-wrap">'
-      + '<button type="button" class="pz-restore-btn" data-pz-restore title="Reabrir pestanas nativas cerradas">+</button>'
+      + '<button type="button" class="pz-restore-btn" data-pz-restore title="' + escapeHtml(CONFIG.i18n.tipReopenNativeTabs) + '">+</button>'
       + '<div class="pz-restore-menu hidden" data-pz-restore-menu>'
       + '<div class="pz-restore-head">Reabrir</div>'
       + closedNative.map(function (k) {
@@ -5379,7 +5541,7 @@ function renderPizarron() {
   if (state.pizarron.items.length === 0) {
     if (empty) empty.style.display = '';
     body.innerHTML = '<div class="pizarra-empty" id="pizarron-empty"><div class="kanji-big">板</div>'
-      + '<p>Aquí se muestra contenido estructurado: código, tablas, documentos. Pedile a Yujin que escriba o edite algo.</p></div>';
+      + '<p>' + escapeHtml(CONFIG.i18n.hintBoardEmpty) + '</p></div>';
     return;
   }
   const it = pizarronGetActive() || state.pizarron.items[state.pizarron.items.length - 1];
@@ -5505,7 +5667,7 @@ function renderTasksList(tasks) {
       +     (t.status === 'running'
             ? '<button type="button" class="pz-task-kill" data-pz-task-kill="' + escapeHtml(t.id) + '">stop</button>'
             : '<button type="button" class="pz-task-log" data-pz-task-log="' + escapeHtml(t.id) + '">log</button>')
-      +     '<button type="button" class="pz-task-del" data-pz-task-del="' + escapeHtml(t.id) + '" title="Eliminar tarea" aria-label="Eliminar tarea">&times;</button>'
+      +     '<button type="button" class="pz-task-del" data-pz-task-del="' + escapeHtml(t.id) + '" title="' + escapeHtml(CONFIG.i18n.tipDeleteTask) + '" aria-label="' + escapeHtml(CONFIG.i18n.tipDeleteTask) + '">&times;</button>'
       +   '</div>'
       + '</div>'
       + '<div class="pz-task-logbox" data-pz-task-logbox="' + escapeHtml(t.id) + '"></div>';
@@ -7673,7 +7835,7 @@ async function handleSlashCommand(raw) {
     };
     const target = map[arg];
     if (!target) {
-      setStatus('Modos disponibles: didactico, tecnico. Uso: /modo tecnico', true);
+      setStatus(CONFIG.i18n.panelStatusModeAvailable, true);
       return true;
     }
     try {
@@ -7684,13 +7846,13 @@ async function handleSlashCommand(raw) {
       });
       const data = await r.json();
       if (!data.ok) {
-        setStatus('No pude cambiar el modo: ' + (data.error || 'unknown'), true);
+        setStatus(CONFIG.i18n.panelStatusModeChangeFail.replace('{error}', (data.error || 'unknown')), true);
         return true;
       }
       try { document.cookie = 'yf-mode=' + target + '; path=/; max-age=' + (60*60*24*365) + '; SameSite=Lax'; } catch (_) {}
-      setStatus('Modo cambiado a ' + target + '. El proximo turno ya usa este modo.', false);
+      setStatus(CONFIG.i18n.panelStatusModeChanged.replace('{target}', target), false);
     } catch (err) {
-      setStatus('Error: ' + String(err && err.message ? err.message : err), true);
+      setStatus(CONFIG.i18n.panelStatusGenericError.replace('{error}', String(err && err.message ? err.message : err)), true);
     }
     return true;
   }
@@ -7703,8 +7865,8 @@ async function handleSlashCommand(raw) {
     state.brainTierOverride = target;
     setStatus(
       target === null
-        ? 'Brain tier vuelve a auto (router decide segun verbo / phase).'
-        : 'Brain tier forzado a "' + target + '" para esta sesion. /auto vuelve al router.',
+        ? CONFIG.i18n.panelStatusBrainTierAuto
+        : CONFIG.i18n.panelStatusBrainTierForced.replace('{target}', target),
       false,
     );
     return true;
@@ -7754,7 +7916,7 @@ async function vaultRefreshList() {
       return;
     }
     const rows = data.slots.map((s) => {
-      let testCell = '<span class="t-pending" title="not tested yet">--</span>';
+      let testCell = '<span class="t-pending" title="' + escapeHtml(CONFIG.i18n.tipNotTestedYet) + '">--</span>';
       if (s.last_test_ok === true) testCell = '<span class="t-ok" title="tested ok at ' + escapeHtml(s.last_test_at || '') + '">ok</span>';
       else if (s.last_test_ok === false) testCell = '<span class="t-fail" title="tested fail at ' + escapeHtml(s.last_test_at || '') + '">fail</span>';
       const expiryCell = s.expiry ? '<span class="t-exp" title="expires ' + escapeHtml(s.expiry) + '">exp</span>' : '';
@@ -7825,7 +7987,7 @@ async function vaultAdd() {
   }
 }
 async function vaultRemove(slot) {
-  if (!confirm('Remove slot "' + slot + '"? This cannot be undone.')) return;
+  if (!confirm(CONFIG.i18n.panelConfirmRemoveSlot.replace('{slot}', slot))) return;
   try {
     const r = await fetch('/api/vault/remove', {
       method: 'POST',
@@ -7914,9 +8076,8 @@ function cycleTtsProvider() {
 function updateTtsProviderButtons() {
   const p = ttsProvider();
   document.querySelectorAll('[data-tts-provider-btn]').forEach((b) => {
-    b.textContent = p === 'browser' ? 'TTS navegador' : 'TTS Google';
-    b.title = 'Click para alternar entre navegador (SpeechSynthesis '
-      + 'nativo, voces del SO) y Google Cloud TTS (server-side).';
+    b.textContent = p === 'browser' ? CONFIG.i18n.ttsProviderBrowser : CONFIG.i18n.ttsProviderGoogle;
+    b.title = CONFIG.i18n.ttsProviderTitle;
   });
 }
 
@@ -7940,13 +8101,12 @@ function setSttProvider(p) {
 }
 function updateSttProviderButtons() {
   const p = sttProvider();
-  const label = p === 'browser' ? 'STT navegador'
-              : p === 'google'  ? 'STT Google'
-              : 'STT Whisper';
+  const label = p === 'browser' ? CONFIG.i18n.sttProviderBrowser
+              : p === 'google'  ? CONFIG.i18n.sttProviderGoogle
+              : CONFIG.i18n.sttProviderWhisper;
   document.querySelectorAll('[data-stt-provider-btn]').forEach((b) => {
     b.textContent = label;
-    b.title = 'Click para alternar entre navegador (rapido + es-AR nativo + gratis), '
-      + 'Google Cloud STT (server-side, BYOK) o Whisper (server-side, BYOK).';
+    b.title = CONFIG.i18n.sttProviderTitle;
   });
 }
 function cycleSttProvider() {
@@ -8004,10 +8164,9 @@ function updateTtsVoiceButtons() {
   const meta = TTS_VOICES.find((v) => v.id === cur) || TTS_VOICES[0];
   document.querySelectorAll('[data-tts-voice-btn]').forEach((b) => {
     b.textContent = meta.persona + ' [' + meta.style + ']';
-    b.title = 'Voz actual: ' + meta.id + ' / ' + meta.persona
-      + ' (' + meta.gender + ') -- ' + meta.style + '. '
-      + 'Click para ciclar. Studio = articula s claro; Neural2 = '
-      + 'natural espaniol (aspira s finales).';
+    b.title = CONFIG.i18n.ttsVoiceTitle
+      .replace('{id}', meta.id).replace('{persona}', meta.persona)
+      .replace('{gender}', meta.gender).replace('{style}', meta.style);
   });
 }
 
@@ -8364,18 +8523,18 @@ function brainConfigBind() {
     radio.addEventListener('change', async () => {
       if (!radio.checked) return;
       const note = document.querySelector('[data-brain-mode-note]');
-      const modeLabel = radio.value === 'plan' ? 'Plan (suscripcion)' : 'Console (API key)';
-      const data = await brainConfigSave({ anthropic_mode: radio.value }, 'aplicando ' + modeLabel + '...');
+      const modeLabel = radio.value === 'plan' ? CONFIG.i18n.brainModePlan : CONFIG.i18n.brainModeConsole;
+      const data = await brainConfigSave({ anthropic_mode: radio.value }, CONFIG.i18n.brainApplying.replace('{mode}', modeLabel));
       /* Hot-swap (server applies live now). Only show the restart hint if
        * the swap did NOT apply live (e.g. test client). */
       const live = data && data.applied_live;
       if (note) {
         note.hidden = false;
         note.textContent = live
-          ? modeLabel + ' aplicado. El proximo turno ya usa este modo.'
-          : 'Se aplica al reabrir el panel.';
+          ? CONFIG.i18n.brainApplied.replace('{mode}', modeLabel)
+          : CONFIG.i18n.brainReopenHint;
       }
-      if (live) brainStatus(modeLabel + ' activo');
+      if (live) brainStatus(CONFIG.i18n.brainActive.replace('{mode}', modeLabel));
     });
   });
   const ecoToggle = document.querySelector('[data-brain-eco-enabled]');
@@ -8493,7 +8652,7 @@ async function federationLoad() {
       if (!note) {
         const span = document.createElement('span');
         span.className = 'set-status'; span.setAttribute('data-fed-invite-note', '');
-        span.textContent = 'activa tu licencia para prestar tu brain';
+        span.textContent = CONFIG.i18n.licLendNeedsLicense;
         inviteRow.appendChild(span);
       }
     }
@@ -8516,7 +8675,7 @@ async function federationLoad() {
       await fedBrainModelsPopulate(d.host_brain.provider, d.host_brain.model);
     }
   } catch (err) {
-    fedStatus('error: ' + (err && err.message ? err.message : String(err)));
+    fedStatus(CONFIG.i18n.licErrorWithCode.replace('{code}', (err && err.message ? err.message : String(err))));
   }
 }
 
@@ -8572,7 +8731,7 @@ async function fedBrainSave() {
     if (!r.ok || !d.ok) { fedStatus('no pude guardar el brain: ' + (d.error || ('HTTP ' + r.status))); return; }
     fedStatus('brain de federacion: ' + provider + (model ? ' / ' + model : ''));
   } catch (err) {
-    fedStatus('error: ' + (err && err.message ? err.message : String(err)));
+    fedStatus(CONFIG.i18n.licErrorWithCode.replace('{code}', (err && err.message ? err.message : String(err))));
   }
 }
 
@@ -8595,7 +8754,7 @@ function federationBind() {
         fedStatus('conectado a ' + d.parent_handle + '. El proximo turno usa su brain.');
         await federationLoad();
       } catch (err) {
-        fedStatus('error: ' + (err && err.message ? err.message : String(err)));
+        fedStatus(CONFIG.i18n.licErrorWithCode.replace('{code}', (err && err.message ? err.message : String(err))));
       }
     });
   }
@@ -8610,7 +8769,7 @@ function federationBind() {
         fedStatus('desconectado. Volves a tu brain local.');
         await federationLoad();
       } catch (err) {
-        fedStatus('error: ' + (err && err.message ? err.message : String(err)));
+        fedStatus(CONFIG.i18n.licErrorWithCode.replace('{code}', (err && err.message ? err.message : String(err))));
       }
     });
   }
@@ -8632,7 +8791,7 @@ function federationBind() {
         const mins = Math.round((d.expires_in || 1800) / 60);
         fedStatus('codigo de 1 solo uso, vence en ' + mins + ' min. Compartilo y deja "Hospedar" activo.');
       } catch (err) {
-        fedStatus('error: ' + (err && err.message ? err.message : String(err)));
+        fedStatus(CONFIG.i18n.licErrorWithCode.replace('{code}', (err && err.message ? err.message : String(err))));
       }
     });
   }
@@ -8670,7 +8829,7 @@ function federationBind() {
           : 'host detenido.');
       } catch (err) {
         hostChk.checked = !enabled;
-        fedStatus('error: ' + (err && err.message ? err.message : String(err)));
+        fedStatus(CONFIG.i18n.licErrorWithCode.replace('{code}', (err && err.message ? err.message : String(err))));
       }
     });
   }
@@ -8699,7 +8858,7 @@ async function refreshKeysStatus() {
     const r = await fetch('/api/forge/keys-status');
     const data = await r.json();
     if (!r.ok || !data.ok) {
-      if (licEl) licEl.textContent = 'error: ' + (data.error || r.status);
+      if (licEl) licEl.textContent = CONFIG.i18n.licErrorWithCode.replace('{code}', (data.error || r.status));
       return;
     }
     const k = data.keys || {};
@@ -8763,7 +8922,7 @@ async function refreshKeysStatus() {
       syncLicenseFromPanel({ silent: true });
     }
   } catch (err) {
-    if (licEl) licEl.textContent = 'error: ' + (err && err.message ? err.message : 'unknown');
+    if (licEl) licEl.textContent = CONFIG.i18n.licErrorWithCode.replace('{code}', (err && err.message ? err.message : 'unknown'));
   }
 }
 
@@ -8784,13 +8943,13 @@ async function connectLicenseHandle() {
   if (!handle || handle.indexOf('@') < 1) {
     msg.style.display = '';
     msg.style.color = '#ff8b7a';
-    msg.textContent = 'Pone un email valido (con @).';
+    msg.textContent = CONFIG.i18n.licEmailInvalid;
     return;
   }
-  if (btn) { btn.disabled = true; btn.textContent = 'Conectando...'; }
+  if (btn) { btn.disabled = true; btn.textContent = CONFIG.i18n.licConnecting; }
   msg.style.display = '';
   msg.style.color = '';
-  msg.textContent = 'Guardando email + sincronizando con Polar...';
+  msg.textContent = CONFIG.i18n.licSavingEmail;
   try {
     const r = await fetch('/api/forge/license-handle', {
       method: 'POST',
@@ -8800,19 +8959,19 @@ async function connectLicenseHandle() {
     const data = await r.json();
     if (!data.ok) {
       msg.style.color = '#ff8b7a';
-      msg.textContent = 'Email guardado, pero sync fallo: ' + (data.error || 'unknown')
-        + (data.http_status ? ' (HTTP ' + data.http_status + ')' : '')
-        + '. Si recien pagaste, espera 1-2 min y dale a "Sincronizar con Polar".';
+      msg.textContent = CONFIG.i18n.licSyncFailedRetry
+        .replace('{err}', (data.error || 'unknown'))
+        .replace('{http}', (data.http_status ? ' (HTTP ' + data.http_status + ')' : ''));
     } else {
       const plan = data.local_plan_after || 'none';
       msg.style.color = '#6dff8b';
-      msg.textContent = 'OK -- plan: ' + plan + '.';
+      msg.textContent = CONFIG.i18n.licPlanOk.replace('{plan}', plan);
     }
   } catch (err) {
     msg.style.color = '#ff8b7a';
-    msg.textContent = 'Error de red: ' + (err && err.message ? err.message : 'unknown');
+    msg.textContent = CONFIG.i18n.licNetError.replace('{err}', (err && err.message ? err.message : 'unknown'));
   } finally {
-    if (btn) { btn.disabled = false; btn.textContent = 'Conectar'; }
+    if (btn) { btn.disabled = false; btn.textContent = CONFIG.i18n.licConnect; }
     /* Always refresh -- if handle saved, the connect-block hides
      * and the sync row appears. */
     refreshKeysStatus();
@@ -8827,10 +8986,10 @@ async function syncLicenseFromPanel(opts) {
   const btn = document.getElementById('set-license-sync-btn');
   const msgRow = document.getElementById('set-license-sync-msg-row');
   const msgEl  = document.getElementById('set-license-sync-msg');
-  if (btn) { btn.disabled = true; btn.textContent = 'Sincronizando...'; }
+  if (btn) { btn.disabled = true; btn.textContent = CONFIG.i18n.licSyncing; }
   if (msgRow && msgEl && !silent) {
     msgRow.style.display = '';
-    msgEl.textContent = 'Consultando servidor...';
+    msgEl.textContent = CONFIG.i18n.licQuerying;
     msgEl.style.color = '';
   }
   try {
@@ -8839,8 +8998,9 @@ async function syncLicenseFromPanel(opts) {
     if (!data.ok) {
       if (msgRow && msgEl) {
         msgRow.style.display = '';
-        msgEl.textContent = 'Sync error: ' + (data.error || 'unknown')
-          + (data.http_status ? ' (HTTP ' + data.http_status + ')' : '');
+        msgEl.textContent = CONFIG.i18n.licSyncError
+          .replace('{err}', (data.error || 'unknown'))
+          .replace('{http}', (data.http_status ? ' (HTTP ' + data.http_status + ')' : ''));
         msgEl.style.color = '#ff8b7a';
       }
       return;
@@ -8849,8 +9009,8 @@ async function syncLicenseFromPanel(opts) {
       const before = data.local_plan_before || 'none';
       const after  = data.local_plan_after  || 'none';
       msgEl.textContent = before === after
-        ? 'Plan sin cambios: ' + after
-        : 'Plan actualizado: ' + before + ' -> ' + after;
+        ? CONFIG.i18n.licPlanUnchanged.replace('{plan}', after)
+        : CONFIG.i18n.licPlanUpdated.replace('{before}', before).replace('{after}', after);
       msgEl.style.color = '#6dff8b';
     }
     /* Refresh the keys status row to show the new plan. */
@@ -8858,11 +9018,13 @@ async function syncLicenseFromPanel(opts) {
   } catch (err) {
     if (msgRow && msgEl) {
       msgRow.style.display = '';
-      msgEl.textContent = 'Sync error: ' + (err && err.message ? err.message : 'unknown');
+      msgEl.textContent = CONFIG.i18n.licSyncError
+        .replace('{err}', (err && err.message ? err.message : 'unknown'))
+        .replace('{http}', '');
       msgEl.style.color = '#ff8b7a';
     }
   } finally {
-    if (btn) { btn.disabled = false; btn.textContent = 'Sincronizar con Polar'; }
+    if (btn) { btn.disabled = false; btn.textContent = CONFIG.i18n.licSyncWithPolar; }
   }
 }
 
@@ -8893,11 +9055,11 @@ async function saveKeyEditor() {
   if (!input || !msg || !_keyEditorSlot) return;
   const value = input.value.trim();
   if (value.length < 8) {
-    msg.textContent = 'Key demasiado corta (min 8 chars).';
+    msg.textContent = CONFIG.i18n.keyEditorTooShort;
     msg.className = 'ke-msg error';
     return;
   }
-  msg.textContent = 'Guardando...';
+  msg.textContent = CONFIG.i18n.fbSaving;
   msg.className = 'ke-msg';
   try {
     const r = await fetch('/api/forge/keys-set', {
@@ -8907,15 +9069,15 @@ async function saveKeyEditor() {
     });
     const data = await r.json();
     if (!r.ok || !data.ok) {
-      msg.textContent = 'Error: ' + (data.error || r.status);
+      msg.textContent = CONFIG.i18n.fbErrorPrefix.replace('{detail}', (data.error || r.status));
       msg.className = 'ke-msg error';
       return;
     }
-    msg.textContent = 'Guardado.';
+    msg.textContent = CONFIG.i18n.fbSaved;
     msg.className = 'ke-msg success';
     setTimeout(() => { closeKeyEditor(); refreshKeysStatus(); }, 600);
   } catch (err) {
-    msg.textContent = 'Error: ' + (err && err.message ? err.message : 'unknown');
+    msg.textContent = CONFIG.i18n.fbErrorPrefix.replace('{detail}', (err && err.message ? err.message : 'unknown'));
     msg.className = 'ke-msg error';
   }
 }
@@ -9062,11 +9224,11 @@ async function micToggle(button) {
     return _micToggleWebSpeech(button);
   }
   if (provider === 'browser' && !_webSpeechAvailable()) {
-    setStatus('Browser STT unavailable; using server-side fallback.');
+    setStatus(CONFIG.i18n.panelVoiceSttFallback);
     /* Fall through to MediaRecorder path. */
   }
   if (!navigator.mediaDevices || !navigator.mediaDevices.getUserMedia) {
-    setStatus('Your browser does not support microphone access.', true);
+    setStatus(CONFIG.i18n.panelVoiceNoMicSupport, true);
     return;
   }
   try {
@@ -9280,12 +9442,12 @@ async function micToggle(button) {
       }
       const secLeft = Math.max(0, Math.ceil((stopAt - Date.now()) / 1000));
       if (secLeft <= 10) {
-        setStatus('Recording... auto-stop in ' + secLeft + 's');
+        setStatus(CONFIG.i18n.panelVoiceRecordingCountdown.replace('{n}', secLeft));
       }
       if (secLeft <= 0) {
         clearInterval(countdown);
         try { mediaRecorder.stop(); } catch { /* ignore */ }
-        setStatus('Recording auto-stopped at 55s (Google STT 1-min limit). Try shorter.', true);
+        setStatus(CONFIG.i18n.panelVoiceAutoStopped, true);
       }
     }, 1000);
     mediaRecorder.onstop = async () => {
@@ -9295,7 +9457,7 @@ async function micToggle(button) {
       mediaRecorder = null;
       if (blob.size === 0) {
         setMicButtonsState('idle');
-        setStatus('No audio captured. Try again.', true);
+        setStatus(CONFIG.i18n.panelVoiceNoAudio, true);
         return;
       }
       /* Client-side size guard. 4 MB ~ 60s of WebM/Opus at
@@ -9303,7 +9465,7 @@ async function micToggle(button) {
          Refuse before even hitting the network. */
       if (blob.size > 4_000_000) {
         setMicButtonsState('idle');
-        setStatus('Audio too long (>1 min). Google STT sync limit. Try shorter.', true);
+        setStatus(CONFIG.i18n.panelVoiceAudioTooLong, true);
         return;
       }
       setMicButtonsState('processing');
@@ -9343,7 +9505,7 @@ async function micToggle(button) {
         }
         const text = (data.transcript && data.transcript.text) || '';
         if (!text) {
-          setStatus('Did not catch that -- try again.', true);
+          setStatus(CONFIG.i18n.panelVoiceDidNotCatch, true);
           return;
         }
         /* Mark this turn as voice-originated so playTtsForText
@@ -9376,8 +9538,7 @@ async function micToggle(button) {
     setMicButtonsState('recording');
     setStatus('');
   } catch (err) {
-    setStatus('Microphone permission denied or unavailable: '
-      + String(err && err.message ? err.message : err), true);
+    setStatus(CONFIG.i18n.panelVoiceMicDenied.replace('{error}', String(err && err.message ? err.message : err)), true);
   }
 }
 
@@ -9571,7 +9732,7 @@ async function _fetchTtsChunk(text) {
     });
     if (!r.ok) {
       const data = await r.json().catch(() => ({}));
-      setStatus('Voice reply failed: ' + (data.error || ('HTTP ' + r.status)), true);
+      setStatus(CONFIG.i18n.panelVoiceReplyFailed.replace('{err}', (data.error || ('HTTP ' + r.status))), true);
       return null;
     }
     const ab = await r.arrayBuffer();
@@ -9579,7 +9740,7 @@ async function _fetchTtsChunk(text) {
     const blob = new Blob([ab], { type: contentType });
     return URL.createObjectURL(blob);
   } catch (err) {
-    setStatus('Voice reply error: ' + String(err && err.message ? err.message : err), true);
+    setStatus(CONFIG.i18n.panelVoiceReplyError.replace('{err}', String(err && err.message ? err.message : err)), true);
     return null;
   }
 }
@@ -9593,7 +9754,7 @@ function _playChunkUrl(url) {
     audio.addEventListener('ended', done, { once: true });
     audio.addEventListener('error', done, { once: true });
     audio.play().catch((err) => {
-      setStatus('Could not play audio: ' + String(err && err.message ? err.message : err), true);
+      setStatus(CONFIG.i18n.panelStatusAudioPlayError.replace('{error}', String(err && err.message ? err.message : err)), true);
       done();
     });
   });
@@ -9617,7 +9778,7 @@ function _playChunkUrl(url) {
  */
 async function ingestSpecFile(file) {
   if (!file) return;
-  setStatus('Leyendo ' + file.name + '...');
+  setStatus(CONFIG.i18n.panelStatusReading.replace('{filename}', file.name));
   /* Render an in-progress system message so the user sees
      immediate feedback. */
   state.messages.push({
@@ -9638,10 +9799,10 @@ async function ingestSpecFile(file) {
     const data = await r.json();
     if (!r.ok || !data.ok) {
       const msg = data && data.error ? data.error : ('HTTP ' + r.status);
-      setStatus('Ingest fallo: ' + msg, true);
+      setStatus(CONFIG.i18n.panelStatusIngestFailed.replace('{error}', msg), true);
       state.messages.push({
         role: 'assistant',
-        content: 'No pude leer la especificacion: ' + msg,
+        content: CONFIG.i18n.panelStatusReadFailed.replace('{error}', msg),
       });
       renderStream();
       return;
@@ -9674,7 +9835,7 @@ async function ingestSpecFile(file) {
     renderTrace();
     setStatus('');
   } catch (err) {
-    setStatus('Ingest fallo: ' + String(err && err.message ? err.message : err), true);
+    setStatus(CONFIG.i18n.panelStatusIngestFailed.replace('{error}', String(err && err.message ? err.message : err)), true);
   }
 }
 
@@ -9824,11 +9985,11 @@ function closeMicForTts() {
   if (_webSpeechRecognition) {
     try { _webSpeechRecognition.abort(); } catch (_) {}
     _webSpeechRecognition = null;
-    setStatus('Mic closed while Yujin speaks (half-duplex).');
+    setStatus(CONFIG.i18n.panelVoiceMicClosedHalfDuplex);
   }
   if (mediaRecorder && mediaRecorder.state === 'recording') {
     try { mediaRecorder.stop(); } catch { /* ignore */ }
-    setStatus('Mic closed while Yujin speaks (half-duplex).');
+    setStatus(CONFIG.i18n.panelVoiceMicClosedHalfDuplex);
   }
 }
 
@@ -9848,11 +10009,11 @@ async function _micToggleWebSpeech(button) {
     } catch (err) {
       const name = (err && err.name) ? String(err.name) : '';
       if (name === 'NotAllowedError' || name === 'SecurityError') {
-        setStatus('Microfono bloqueado. Permiti el microfono para esta app en los ajustes del navegador y volve a intentar.', true);
+        setStatus(CONFIG.i18n.panelVoiceMicBlocked, true);
       } else if (name === 'NotFoundError' || name === 'OverconstrainedError') {
-        setStatus('No detecto microfono en este dispositivo.', true);
+        setStatus(CONFIG.i18n.panelVoiceNoMicDevice, true);
       } else {
-        setStatus('No pude abrir el microfono: ' + (name || (err && err.message) || 'error'), true);
+        setStatus(CONFIG.i18n.panelVoiceMicOpenFail.replace('{error}', (name || (err && err.message) || 'error')), true);
       }
       setMicButtonsState('idle');
       return;
@@ -9895,8 +10056,8 @@ async function _micToggleWebSpeech(button) {
       try { rec.stop(); } catch (_) {}
     }, SILENCE_MS);
   };
-  rec.onaudiostart = () => { audioStarted = true; setStatus('Mic abierto, escuchando...'); };
-  rec.onspeechstart = () => { speechStarted = true; setStatus('Te escucho...'); };
+  rec.onaudiostart = () => { audioStarted = true; setStatus(CONFIG.i18n.panelVoiceMicOpenListening); };
+  rec.onspeechstart = () => { speechStarted = true; setStatus(CONFIG.i18n.panelVoiceListening); };
   rec.onresult = (e) => {
     interim = '';
     for (let i = e.resultIndex; i < e.results.length; i += 1) {
@@ -9905,7 +10066,7 @@ async function _micToggleWebSpeech(button) {
       else interim += r[0].transcript;
     }
     if (interim || finalText) gotAnyResult = true;
-    if (interim) setStatus('Te escucho... ' + interim);
+    if (interim) setStatus(CONFIG.i18n.panelVoiceListeningInterim.replace('{text}', interim));
     /* Only reset the silence countdown when something actually
      * changed since the last frame. A repeated interim is Chrome
      * keeping the channel open on background noise -- NOT user
@@ -9934,39 +10095,19 @@ async function _micToggleWebSpeech(button) {
         break;
       case 'not-allowed':
       case 'service-not-allowed':
-        setStatus(
-          'Microfono bloqueado por el navegador. Hace click en el icono '
-          + 'del candado en la barra de URL y permiti microfono, despues '
-          + 'recarga la pagina. O cambia STT a "google" / "whisper" en '
-          + 'la configuracion si tenes la API key.',
-          true,
-        );
+        setStatus(CONFIG.i18n.panelVoiceMicBlockedBrowser, true);
         break;
       case 'audio-capture':
-        setStatus(
-          'No detecto microfono fisico. Conecta uno o cambia STT a '
-          + '"google" / "whisper" en la configuracion.',
-          true,
-        );
+        setStatus(CONFIG.i18n.panelVoiceNoMicPhysical, true);
         break;
       case 'network':
-        setStatus(
-          'Web Speech requiere conexion a internet (Chrome usa Google '
-          + 'detras). Probate sin conexion intermitente o cambia STT '
-          + 'a "whisper" si tenes API key.',
-          true,
-        );
+        setStatus(CONFIG.i18n.panelVoiceNetworkRequired, true);
         break;
       case 'language-not-supported':
-        setStatus(
-          'Tu navegador no soporta este idioma para STT. Cambia el '
-          + 'idioma del panel a uno soportado (en, es, pt) o cambia '
-          + 'STT a "google" / "whisper".',
-          true,
-        );
+        setStatus(CONFIG.i18n.panelVoiceLangNotSupported, true);
         break;
       default:
-        setStatus('Mic error: ' + errKind, true);
+        setStatus(CONFIG.i18n.panelVoiceMicError.replace('{error}', errKind), true);
     }
   };
   rec.onend = () => {
@@ -9993,20 +10134,20 @@ async function _micToggleWebSpeech(button) {
     /* Precise diagnostic so a mobile user (and we) can tell capture vs STT
      * apart instead of a generic "did not catch that". (Pablo 2026-06-19.) */
     if (!audioStarted) {
-      setStatus('No llego audio al reconocedor: el dictado del navegador no esta capturando en esta app.', true);
+      setStatus(CONFIG.i18n.panelVoiceNoAudioToRecognizer, true);
     } else if (!speechStarted && !gotAnyResult) {
-      setStatus('Mic abierto pero no detecte voz. Acerca el microfono y habla mas fuerte; si sigue, el dictado gratis no funciona en esta PWA.', true);
+      setStatus(CONFIG.i18n.panelVoiceMicOpenNoVoice, true);
     } else if (!gotAnyResult) {
-      setStatus('Detecte voz pero el navegador no devolvio texto (STT gratis no disponible en esta PWA).', true);
+      setStatus(CONFIG.i18n.panelVoiceVoiceNoText, true);
     } else {
-      setStatus('No entendi las palabras. Proba de nuevo.', true);
+      setStatus(CONFIG.i18n.panelVoiceDidNotCatch, true);
     }
   };
   try {
     _webSpeechRecognition = rec;
     rec.start();
     setMicButtonsState('recording');
-    setStatus('Iniciando dictado...');
+    setStatus(CONFIG.i18n.panelVoiceStartingDictation);
     /* IMPORTANT (alpha.29 bugfix): DO NOT arm the silence timer
        here. If we did, and the user takes >900ms to start
        talking (typical when they click + think), the timer would
@@ -10015,7 +10156,7 @@ async function _micToggleWebSpeech(button) {
        once the FIRST interim/final result lands. */
   } catch (err) {
     _webSpeechRecognition = null;
-    setStatus('Could not start mic: ' + (err && err.message ? err.message : String(err)), true);
+    setStatus(CONFIG.i18n.panelVoiceCouldNotStartMic.replace('{error}', (err && err.message ? err.message : String(err))), true);
   }
 }
 
@@ -10028,7 +10169,7 @@ async function _micToggleWebSpeech(button) {
 function _speakBrowser(text, langHint) {
   return new Promise((resolve) => {
     if (typeof window === 'undefined' || !window.speechSynthesis) {
-      setStatus('Browser TTS not available; switch back to Google in settings.', true);
+      setStatus(CONFIG.i18n.panelVoiceTtsUnavailable, true);
       resolve();
       return;
     }
@@ -10524,18 +10665,18 @@ document.addEventListener('DOMContentLoaded', () => {
       try { const r = await fetch('/api/forge/bridge/state'); data = await r.json(); }
       catch (_) { return; }
       if (!data || !data.ok || !data.enabled) {
-        statusEl.textContent = 'no disponible';
-        rosterEl.innerHTML = '<div class="bridge-empty">Coordinacion no disponible.</div>';
+        statusEl.textContent = CONFIG.i18n.bridgeStatusUnavailable;
+        rosterEl.innerHTML = '<div class="bridge-empty">' + escapeHtml(CONFIG.i18n.bridgeCoordUnavailable) + '</div>';
         return;
       }
       const insts = Array.isArray(data.instances) ? data.instances : [];
-      statusEl.textContent = (data.role === 'host' ? 'host' : 'cliente')
-        + ' - ' + insts.length + (insts.length === 1 ? ' instancia' : ' instancias');
+      statusEl.textContent = (data.role === 'host' ? CONFIG.i18n.bridgeRoleHost : CONFIG.i18n.bridgeRoleClient)
+        + ' - ' + insts.length + ' ' + (insts.length === 1 ? CONFIG.i18n.bridgeInstanceOne : CONFIG.i18n.bridgeInstanceMany);
       rosterEl.innerHTML = insts.length ? insts.map((i) => {
         const self = i.id === data.self_id;
         const name = escapeHtml(i.project_name || i.project_slug || 'forge');
         return '<div class="bridge-inst' + (self ? ' is-self' : '') + '">'
-          + '<span class="dot"></span><span>' + name + (self ? ' (vos)' : '')
+          + '<span class="dot"></span><span>' + name + (self ? ' (' + CONFIG.i18n.bridgeYou + ')' : '')
           + '</span><span class="meta">:' + (i.panel_port || '?') + '</span></div>';
       }).join('') : '<div class="bridge-empty">Sin otras instancias.</div>';
       const msgs = Array.isArray(data.messages) ? data.messages : [];
@@ -10657,7 +10798,7 @@ document.addEventListener('DOMContentLoaded', () => {
   $$('[data-key-clear]').forEach((b) => b.addEventListener('click', (e) => {
     const row = e.currentTarget.closest('[data-key-slot]');
     if (!row) return;
-    if (confirm('Quitar la key de ' + row.getAttribute('data-key-slot') + '?')) {
+    if (confirm(CONFIG.i18n.panelConfirmRemoveKey.replace('{slot}', row.getAttribute('data-key-slot')))) {
       clearKey(row.getAttribute('data-key-slot'));
     }
   }));
@@ -10667,7 +10808,7 @@ document.addEventListener('DOMContentLoaded', () => {
   if (keSave)   keSave.addEventListener('click', saveKeyEditor);
   if (keCancel) keCancel.addEventListener('click', closeKeyEditor);
   if (keClear)  keClear.addEventListener('click', () => {
-    if (_keyEditorSlot && confirm('Quitar la key de ' + _keyEditorSlot + '?')) {
+    if (_keyEditorSlot && confirm(CONFIG.i18n.panelConfirmRemoveKey.replace('{slot}', _keyEditorSlot))) {
       clearKey(_keyEditorSlot);
       closeKeyEditor();
     }
@@ -10756,7 +10897,7 @@ document.addEventListener('DOMContentLoaded', () => {
     /* Not a supported image -> keep the spec-ingest path. */
     if (SUPPORTED_IMG.indexOf(mt) < 0) { await ingestSpecFile(file); return; }
     if (file.size > 6 * 1024 * 1024) {
-      setStatus('Imagen muy grande (>6MB): ' + file.name, true);
+      setStatus(CONFIG.i18n.panelStatusImageTooLarge.replace('{name}', file.name), true);
       return;
     }
     try {
@@ -10764,9 +10905,9 @@ document.addEventListener('DOMContentLoaded', () => {
       state.pendingAttachments = state.pendingAttachments || [];
       state.pendingAttachments.push({ media_type: mt, data: data, name: file.name });
       renderAttachChips();
-      setStatus('Imagen lista para enviar: ' + file.name);
+      setStatus(CONFIG.i18n.panelStatusImageReady.replace('{name}', file.name));
     } catch (err) {
-      setStatus('No pude leer la imagen: ' + ((err && err.message) || err), true);
+      setStatus(CONFIG.i18n.panelStatusImageReadFail.replace('{error}', ((err && err.message) || err)), true);
     }
   }
   /* Expose so send() + drag&drop can reach them. */
@@ -10852,7 +10993,7 @@ document.addEventListener('DOMContentLoaded', () => {
           /* Reload to apply translated strings everywhere. */
           location.reload();
         } catch (err) {
-          setStatus('Language switch failed: ' + String(err && err.message ? err.message : err), true);
+          setStatus(CONFIG.i18n.panelStatusLanguageSwitchFailed.replace('{err}', String(err && err.message ? err.message : err)), true);
         }
       });
     });
@@ -10866,7 +11007,7 @@ document.addEventListener('DOMContentLoaded', () => {
     }
     const data = await loadLangData();
     if (!data) {
-      setStatus('Could not load language list', true);
+      setStatus(CONFIG.i18n.panelStatusLanguageListFailed, true);
       return;
     }
     renderLangDropdown(data);
@@ -11265,7 +11406,7 @@ function mcpClose() {
 
 async function mcpLoadBridges(/* force */) {
   if (!yfMcp.contentEl) return;
-  yfMcp.contentEl.innerHTML = '<div class="mcp-empty">Cargando bridges...</div>';
+  yfMcp.contentEl.innerHTML = '<div class="mcp-empty">' + escapeHtml(CONFIG.i18n.mcpLoadingBridges) + '</div>';
   try {
     const r = await fetch('/api/forge/mcp/bridges');
     const body = await r.json();
@@ -11352,7 +11493,7 @@ async function mcpLoadTools(bridgeId, cardEl) {
   const panel = document.createElement('div');
   panel.className = 'mcp-tools-list';
   panel.dataset.mcpToolsFor = bridgeId;
-  panel.textContent = 'Cargando tools...';
+  panel.textContent = CONFIG.i18n.toolsLoading;
   cardEl.parentElement.insertBefore(panel, cardEl.nextSibling);
   try {
     const r = await fetch('/api/forge/mcp/tools?bridge_id=' + encodeURIComponent(bridgeId));
@@ -11714,7 +11855,7 @@ async function activityLoadBridgeMessages(pairId) {
     const msgs = Array.isArray(body.messages) ? body.messages : [];
     panel.innerHTML = '';
     const back = document.createElement('button');
-    back.textContent = '< Pares';
+    back.textContent = CONFIG.i18n.agentsChatBackPairs;
     back.style.cssText = 'background:transparent;color:inherit;border:1px solid var(--ink-subtle,#5a5e6a);border-radius:4px;padding:4px 10px;font-family:inherit;font-size:12px;cursor:pointer;margin-bottom:10px;';
     back.addEventListener('click', () => { yfActivity.selectedPair = null; activityLoadBridgePairs(); });
     panel.appendChild(back);
@@ -11735,7 +11876,7 @@ async function activityLoadBridgeMessages(pairId) {
     if (msgs.length === 0) {
       const empty = document.createElement('div');
       empty.className = 'act-empty';
-      empty.textContent = 'Sin mensajes en este par.';
+      empty.textContent = CONFIG.i18n.agentsChatNoMessages;
       panel.appendChild(empty);
     }
   } catch (err) {
@@ -11761,7 +11902,7 @@ async function activityPopulateChatSlugs() {
     if (agents.length === 0) {
       const opt = document.createElement('option');
       opt.value = '';
-      opt.textContent = 'no agents';
+      opt.textContent = CONFIG.i18n.agentsChatNoAgents;
       select.appendChild(opt);
     }
   } catch (_err) { /* silent */ }
@@ -11775,8 +11916,8 @@ async function activityChatSend() {
   if (!select || !input || !result) return;
   const slug = String(select.value || '').trim();
   const text = String(input.value || '').trim();
-  if (!slug || !text) { result.textContent = 'Elegi un agente + escribe texto antes de enviar.'; return; }
-  result.textContent = 'Enviando...';
+  if (!slug || !text) { result.textContent = CONFIG.i18n.agentsChatPickAgent; return; }
+  result.textContent = CONFIG.i18n.agentsChatSending;
   try {
     const r = await fetch('/api/agent/inject', {
       method: 'POST',
@@ -11795,7 +11936,7 @@ async function activityChatSend() {
     /* Trigger a feed refresh so the user sees the new run. */
     if (yfActivity.activeTab === 'feed') setTimeout(() => activityRefresh(true), 800);
   } catch (err) {
-    result.textContent = 'Error: ' + (err.message || String(err));
+    result.textContent = CONFIG.i18n.agentsChatErrorGeneric.replace('{err}', (err.message || String(err)));
   }
 }