[FEAT] ARIA voce naturale (proxy TTS nexus-voice-ms) + toggle voce — Fase C

Porting voce TRPG/AllTax (ElevenLabs "Sarah") sull'ARIA chat NIS2:
- AiController::tts() + route POST /api/ai/tts: proxy same-origin a nexus-voice-ms
  (config VOICE_MS_URL=172.21.0.1:4215, voce TTS_VOICE_ID=EXAVITQu4vr4xnSDxMaL,
  eleven_turbo_v2_5). requireAuth, cache MP3 sha256 (sys_get_temp_dir/nis2-tts-cache),
  validazioni (text<=800, voice_id allowlist), stream audio/mpeg, 502 se upstream non-audio.
- common.js: speak(answer) dopo ogni risposta ARIA (voce discreta vol .55, markdown
  strip), toggle 🔊/🔇 nell'header (muto persistito localStorage nis2_aria_voice),
  autoplay best-effort.
Smoke: voice-ms da nis2-app HTTP 200 audio/mpeg 19KB; /api/ai/tts 401 senza auth.
Reachability OK (no allowlist VOX necessaria). Cache-buster common.js -> 20260624g.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
DevEnv nis2-agile
2026-06-24 08:58:05 +02:00
co-authored by Claude Opus 4.8
parent fe7d0555c6
commit a982797fa2
43 changed files with 161 additions and 39 deletions
+1 -1
View File
@@ -71,7 +71,7 @@
<!-- Stessa logica della app: api.js + common.js (helper) + common-bi.js (override BI) -->
<script src="js/api.js?v=20260631"></script>
<script src="js/common.js?v=20260624f"></script>
<script src="js/common.js?v=20260624g"></script>
<script src="js/common-bi.js?v=20260624f"></script>
<script>
// Renderizza la sidebar BI (loadSidebar è stato ridefinito da common-bi.js)
+1 -1
View File
@@ -318,7 +318,7 @@
</div>
<script src="/js/api.js?v=20260620"></script>
<script src="/js/common.js?v=20260624f"></script>
<script src="/js/common.js?v=20260624g"></script>
<!-- Bootstrap Italia bundle (componenti) + override sidebar BI (common-bi.js).
common-bi.js va DOPO common.js: ridefinisce solo loadSidebar() con markup BI,
riusando tutti gli helper di common.js (zero backend). -->
+1 -1
View File
@@ -148,7 +148,7 @@
</div>
<script src="../js/api.js?v=20260620"></script>
<script src="../js/common.js?v=20260624f"></script>
<script src="../js/common.js?v=20260624g"></script>
<!-- Bootstrap Italia bundle (componenti) + override sidebar BI (common-bi.js).
common-bi.js va DOPO common.js: ridefinisce solo loadSidebar() con markup BI,
riusando tutti gli helper di common.js (zero backend). -->
+1 -1
View File
@@ -170,7 +170,7 @@
</div>
<script src="../js/api.js?v=20260620"></script>
<script src="../js/common.js?v=20260624f"></script>
<script src="../js/common.js?v=20260624g"></script>
<!-- Bootstrap Italia bundle (componenti) + override sidebar BI (common-bi.js).
common-bi.js va DOPO common.js: ridefinisce solo loadSidebar() con markup BI,
riusando tutti gli helper di common.js (zero backend). -->
+1 -1
View File
@@ -1091,7 +1091,7 @@
</div>
<script src="js/api.js?v=20260631"></script>
<script src="js/common.js?v=20260624f"></script>
<script src="js/common.js?v=20260624g"></script>
<script src="/vendor/bootstrap-italia/dist/js/bootstrap-italia.bundle.min.js"></script>
<script src="/js/common-bi.js?v=20260624f"></script>
<script src="js/i18n.js?v=20260631"></script>
+1 -1
View File
@@ -155,7 +155,7 @@
</div>
<script src="/js/api.js?v=20260631"></script>
<script src="/js/common.js?v=20260624f"></script>
<script src="/js/common.js?v=20260624g"></script>
<!-- Bootstrap Italia bundle (componenti) + override sidebar BI (common-bi.js).
common-bi.js va DOPO common.js: ridefinisce solo loadSidebar() con markup BI,
riusando tutti gli helper di common.js (zero backend). -->
+1 -1
View File
@@ -362,7 +362,7 @@
</div>
<script src="/js/api.js?v=20260623g"></script>
<script src="/js/common.js?v=20260624f"></script>
<script src="/js/common.js?v=20260624g"></script>
<!-- Bootstrap Italia bundle (componenti) + override sidebar BI (common-bi.js).
common-bi.js va DOPO common.js: ridefinisce solo loadSidebar() con markup BI,
riusando tutti gli helper di common.js (zero backend). -->
+1 -1
View File
@@ -152,7 +152,7 @@
</div>
<script src="/js/api.js?v=20260631"></script>
<script src="/js/common.js?v=20260624f"></script>
<script src="/js/common.js?v=20260624g"></script>
<script src="/vendor/bootstrap-italia/dist/js/bootstrap-italia.bundle.min.js"></script>
<script src="/js/common-bi.js?v=20260624f"></script>
<script src="/js/i18n.js?v=20260631"></script>
+1 -1
View File
@@ -350,7 +350,7 @@
</div>
<script src="js/api.js?v=20260631"></script>
<script src="js/common.js?v=20260624f"></script>
<script src="js/common.js?v=20260624g"></script>
<!-- Bootstrap Italia bundle + override sidebar BI (common-bi.js dopo common.js: ridefinisce solo loadSidebar) -->
<script src="vendor/bootstrap-italia/dist/js/bootstrap-italia.bundle.min.js"></script>
<script>if (window.bootstrap && bootstrap.loadFonts) { bootstrap.loadFonts('vendor/bootstrap-italia/dist/fonts'); }</script>
+1 -1
View File
@@ -184,7 +184,7 @@
</div>
<script src="/js/api.js?v=20260631"></script>
<script src="/js/common.js?v=20260624f"></script>
<script src="/js/common.js?v=20260624g"></script>
<script src="/vendor/bootstrap-italia/dist/js/bootstrap-italia.bundle.min.js"></script>
<script src="/js/common-bi.js?v=20260624f"></script>
<script src="/js/i18n.js?v=20260631"></script>
+1 -1
View File
@@ -137,7 +137,7 @@
</div>
<script src="/js/api.js?v=20260631"></script>
<script src="/js/common.js?v=20260624f"></script>
<script src="/js/common.js?v=20260624g"></script>
<script src="/vendor/bootstrap-italia/dist/js/bootstrap-italia.bundle.min.js"></script>
<script src="/js/common-bi.js?v=20260624f"></script>
<script src="/js/i18n.js?v=20260631"></script>
+1 -1
View File
@@ -383,7 +383,7 @@
</div>
<script src="/js/api.js?v=20260631"></script>
<script src="/js/common.js?v=20260624f"></script>
<script src="/js/common.js?v=20260624g"></script>
<!-- Bootstrap Italia bundle (componenti) + override sidebar BI (common-bi.js).
common-bi.js va DOPO common.js: ridefinisce solo loadSidebar() con markup BI,
riusando tutti gli helper di common.js (zero backend). -->
+1 -1
View File
@@ -144,7 +144,7 @@
</div>
<script src="/js/api.js?v=20260631"></script>
<script src="/js/common.js?v=20260624f"></script>
<script src="/js/common.js?v=20260624g"></script>
<!-- Bootstrap Italia bundle (componenti) + override sidebar BI (common-bi.js).
common-bi.js va DOPO common.js: ridefinisce solo loadSidebar() con markup BI,
riusando tutti gli helper di common.js (zero backend). -->
+1 -1
View File
@@ -1143,7 +1143,7 @@
</div>
<script src="/js/api.js?v=20260631"></script>
<script src="/js/common.js?v=20260624f"></script>
<script src="/js/common.js?v=20260624g"></script>
<!-- Bootstrap Italia bundle (accordion) + override sidebar BI (common-bi.js).
common-bi.js va DOPO common.js: ridefinisce solo loadSidebar() con markup BI. -->
<script src="/vendor/bootstrap-italia/dist/js/bootstrap-italia.bundle.min.js"></script>
+1 -1
View File
@@ -352,7 +352,7 @@
</div>
<script src="/js/api.js?v=20260631"></script>
<script src="/js/common.js?v=20260624f"></script>
<script src="/js/common.js?v=20260624g"></script>
<!-- Bootstrap Italia bundle (componenti) + override sidebar BI (common-bi.js).
common-bi.js va DOPO common.js: ridefinisce solo loadSidebar() con markup BI,
riusando tutti gli helper di common.js (zero backend). -->
+1
View File
@@ -698,6 +698,7 @@ $actionMap = [
'ai' => [
'POST:ask' => 'ask',
'POST:tts' => 'tts', // voce naturale ARIA (proxy nexus-voice-ms)
],
// ── BrandingController — White-label firm (Fase 5 / G16) ──
+1 -1
View File
@@ -912,7 +912,7 @@ curl -H <span class="str">"X-API-Key: nis2_TUA_CHIAVE"</span> \
</main>
<script src="js/common.js?v=20260624f"></script>
<script src="js/common.js?v=20260624g"></script>
<script src="js/i18n.js?v=20260631"></script>
<script>
function showTab(id) {
+1 -1
View File
@@ -140,7 +140,7 @@
</div>
<script src="/js/api.js?v=20260631"></script>
<script src="/js/common.js?v=20260624f"></script>
<script src="/js/common.js?v=20260624g"></script>
<script src="/vendor/bootstrap-italia/dist/js/bootstrap-italia.bundle.min.js"></script>
<script src="/js/common-bi.js?v=20260624f"></script>
<script src="/js/i18n.js?v=20260631"></script>
+1 -1
View File
@@ -185,7 +185,7 @@
</div>
<script src="/js/api.js?v=20260631"></script>
<script src="/js/common.js?v=20260624f"></script>
<script src="/js/common.js?v=20260624g"></script>
<!-- Bootstrap Italia bundle (componenti) + override sidebar BI (common-bi.js).
common-bi.js va DOPO common.js: ridefinisce solo loadSidebar() con markup BI,
riusando tutti gli helper di common.js (zero backend). -->
+41
View File
@@ -1014,6 +1014,42 @@ function switchLang(lang) {
+ "font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;";
document.body.appendChild(panel);
// ── Voce ARIA naturale (TTS via /api/ai/tts → nexus-voice-ms) ─────────────
var ttsMuted = localStorage.getItem('nis2_aria_voice') === 'off';
var ttsAudio = null;
function _ttsPlain(s) {
return String(s || '')
.replace(/```[\s\S]*?```/g, ' ')
.replace(/!?\[([^\]]*)\]\([^)]*\)/g, '$1')
.replace(/[#*_>`|]/g, ' ')
.replace(/\s+/g, ' ').trim().slice(0, 800);
}
function speak(text) {
if (ttsMuted) return;
var clean = _ttsPlain(text);
if (!clean) return;
var tok = localStorage.getItem('nis2_access_token') || '';
fetch('/api/ai/tts', {
method: 'POST',
headers: { 'Content-Type': 'application/json', 'Authorization': tok ? ('Bearer ' + tok) : '' },
body: JSON.stringify({ text: clean })
}).then(function (r) { return r.ok ? r.blob() : null; })
.then(function (b) {
if (!b || ttsMuted) return;
try { if (ttsAudio) ttsAudio.pause(); } catch (e) {}
ttsAudio = new Audio(URL.createObjectURL(b));
ttsAudio.volume = 0.55;
ttsAudio.play().catch(function () {}); // autoplay bloccato → silenzioso
}).catch(function () {});
}
function toggleVoice() {
ttsMuted = !ttsMuted;
localStorage.setItem('nis2_aria_voice', ttsMuted ? 'off' : 'on');
if (ttsMuted && ttsAudio) { try { ttsAudio.pause(); } catch (e) {} }
var vb = document.getElementById('ai-chat-voice');
if (vb) vb.textContent = ttsMuted ? '🔇' : '🔊';
}
var STORAGE_KEY = 'nis2_ai_chat';
var history = [];
var pending = false; // ARIA sta elaborando una risposta (mostra indicatore "sta scrivendo")
@@ -1071,6 +1107,8 @@ function switchLang(lang) {
+ '<div style="display:flex;align-items:center;gap:8px;font-weight:600">'
+ '<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="vertical-align:-2px"><path d="M12 3l1.8 4.6L18.5 9.5l-4.7 1.9L12 16l-1.8-4.6L5.5 9.5l4.7-1.9L12 3z"/></svg> ARIA — Assistente NIS2'
+ '</div>'
+ '<button id="ai-chat-voice" aria-label="Attiva/disattiva voce" title="Voce ARIA" style="background:none;'
+ 'border:none;color:#fff;font-size:15px;cursor:pointer;margin-right:2px">' + (ttsMuted ? '🔇' : '🔊') + '</button>'
+ '<button id="ai-chat-close" aria-label="Chiudi" style="background:none;'
+ 'border:none;color:#fff;font-size:18px;cursor:pointer">&times;</button>'
+ '</div>'
@@ -1106,6 +1144,8 @@ function switchLang(lang) {
+ '</button>'
+ '</form>';
document.getElementById('ai-chat-close').onclick = closePanel;
var _vb = document.getElementById('ai-chat-voice');
if (_vb) _vb.onclick = toggleVoice;
document.getElementById('ai-chat-form').onsubmit = onSubmit;
var inputEl = document.getElementById('ai-chat-input');
if (inputEl) {
@@ -1165,6 +1205,7 @@ function switchLang(lang) {
|| (resp && (resp.answer || resp.message || resp.text))
|| 'ARIA non ha risposto. Riprova tra poco.';
history.push({ role: 'assistant', content: answer });
try { speak(answer); } catch (e2) {} // voce naturale ARIA (se non mutata)
} catch (e) {
history.push({
role: 'assistant',
+1 -1
View File
@@ -151,7 +151,7 @@
</div>
<!-- Stessa logica JS della pagina live (parita' funzionale assoluta, zero backend). -->
<script src="/js/common.js?v=20260624f"></script>
<script src="/js/common.js?v=20260624g"></script>
<script src="/js/api.js?v=20260631"></script>
<!-- Bootstrap Italia bundle (componenti) + override sidebar BI (common-bi.js).
common-bi.js va DOPO common.js: ridefinisce solo loadSidebar() con markup BI. -->
+1 -1
View File
@@ -95,7 +95,7 @@
<!-- Stessa logica della login attuale: ZERO modifiche backend -->
<script src="js/api.js?v=20260631"></script>
<script src="js/common.js?v=20260624f"></script>
<script src="js/common.js?v=20260624g"></script>
<script>
if (api.isAuthenticated()) { window.location.href = 'dashboard.html'; }
+1 -1
View File
@@ -127,7 +127,7 @@
</div>
<script src="/js/api.js?v=20260631"></script>
<script src="/js/common.js?v=20260624f"></script>
<script src="/js/common.js?v=20260624g"></script>
<script src="/vendor/bootstrap-italia/dist/js/bootstrap-italia.bundle.min.js"></script>
<script src="/js/common-bi.js?v=20260624f"></script>
<script src="/js/i18n.js?v=20260631"></script>
+1 -1
View File
@@ -168,7 +168,7 @@
</div>
<script src="/js/api.js?v=20260631"></script>
<script src="/js/common.js?v=20260624f"></script>
<script src="/js/common.js?v=20260624g"></script>
<script src="/vendor/bootstrap-italia/dist/js/bootstrap-italia.bundle.min.js"></script>
<script src="/js/common-bi.js?v=20260624f"></script>
<script src="/js/i18n.js?v=20260631"></script>
+1 -1
View File
@@ -426,6 +426,6 @@ curl https://nis2.agile.software/api/services/status</pre>
</div>
</div>
<script src="js/common.js?v=20260624f"></script>
<script src="js/common.js?v=20260624g"></script>
</body>
</html>
+1 -1
View File
@@ -113,7 +113,7 @@
</div>
<script src="/js/api.js?v=20260631"></script>
<script src="/js/common.js?v=20260624f"></script>
<script src="/js/common.js?v=20260624g"></script>
<!-- Bootstrap Italia bundle (componenti) + override sidebar BI (common-bi.js).
common-bi.js va DOPO common.js: ridefinisce solo loadSidebar() con markup BI,
riusando tutti gli helper di common.js (zero backend). -->
+1 -1
View File
@@ -495,7 +495,7 @@
<!-- Stessa logica della onboarding.html: ZERO modifiche backend -->
<script src="js/api.js?v=20260631"></script>
<script src="js/common.js?v=20260624f"></script>
<script src="js/common.js?v=20260624g"></script>
<script>
// ── Auth check ──────────────────────────────────────────────────
if (!checkAuth()) throw new Error('Not authenticated');
+1 -1
View File
@@ -139,7 +139,7 @@
</div>
<script src="/js/api.js?v=20260631"></script>
<script src="/js/common.js?v=20260624f"></script>
<script src="/js/common.js?v=20260624g"></script>
<script src="/vendor/bootstrap-italia/dist/js/bootstrap-italia.bundle.min.js"></script>
<script src="/js/common-bi.js?v=20260624f"></script>
<script src="/js/i18n.js?v=20260631"></script>
+1 -1
View File
@@ -334,7 +334,7 @@
</div>
<script src="/js/api.js?v=20260631"></script>
<script src="/js/common.js?v=20260624f"></script>
<script src="/js/common.js?v=20260624g"></script>
<!-- Bootstrap Italia bundle (componenti) + override sidebar BI (common-bi.js).
common-bi.js va DOPO common.js: ridefinisce solo loadSidebar() con markup BI,
riusando tutti gli helper di common.js (zero backend). -->
+1 -1
View File
@@ -132,7 +132,7 @@
</div>
<script src="/js/api.js?v=20260631"></script>
<script src="/js/common.js?v=20260624f"></script>
<script src="/js/common.js?v=20260624g"></script>
<script src="/vendor/bootstrap-italia/dist/js/bootstrap-italia.bundle.min.js"></script>
<script src="/js/common-bi.js?v=20260624f"></script>
<script src="/js/i18n.js?v=20260631"></script>
+1 -1
View File
@@ -269,7 +269,7 @@
<!-- Stessa logica della register.html: ZERO modifiche backend -->
<script src="js/api.js?v=20260631"></script>
<script src="js/common.js?v=20260624f"></script>
<script src="js/common.js?v=20260624g"></script>
<script>
if (api.isAuthenticated()) { window.location.href = 'dashboard.html'; }
+1 -1
View File
@@ -444,7 +444,7 @@
</div>
<script src="/js/api.js?v=20260631"></script>
<script src="/js/common.js?v=20260624f"></script>
<script src="/js/common.js?v=20260624g"></script>
<!-- Bootstrap Italia bundle (componenti) + override sidebar BI (common-bi.js).
common-bi.js va DOPO common.js: ridefinisce solo loadSidebar() con markup BI,
riusando tutti gli helper di common.js (zero backend). -->
+1 -1
View File
@@ -142,7 +142,7 @@
</div>
<script src="/js/api.js?v=20260631"></script>
<script src="/js/common.js?v=20260624f"></script>
<script src="/js/common.js?v=20260624g"></script>
<script src="/vendor/bootstrap-italia/dist/js/bootstrap-italia.bundle.min.js"></script>
<script src="/js/common-bi.js?v=20260624f"></script>
<script src="/js/i18n.js?v=20260631"></script>
+1 -1
View File
@@ -495,7 +495,7 @@
</div>
<script src="/js/api.js?v=20260631"></script>
<script src="/js/common.js?v=20260624f"></script>
<script src="/js/common.js?v=20260624g"></script>
<!-- Bootstrap Italia bundle (componenti) + override sidebar BI (common-bi.js).
common-bi.js va DOPO common.js: ridefinisce solo loadSidebar() con markup BI,
riusando tutti gli helper di common.js (zero backend). -->
+1 -1
View File
@@ -689,7 +689,7 @@
</div>
<script src="/js/api.js?v=20260631"></script>
<script src="/js/common.js?v=20260624f"></script>
<script src="/js/common.js?v=20260624g"></script>
<!-- Bootstrap Italia bundle (componenti) + override sidebar BI (common-bi.js).
common-bi.js va DOPO common.js: ridefinisce solo loadSidebar() con markup BI,
riusando tutti gli helper di common.js (zero backend). -->
+1 -1
View File
@@ -195,7 +195,7 @@
</div>
<script src="/js/api.js?v=20260631"></script>
<script src="/js/common.js?v=20260624f"></script>
<script src="/js/common.js?v=20260624g"></script>
<script src="/vendor/bootstrap-italia/dist/js/bootstrap-italia.bundle.min.js"></script>
<script src="/js/common-bi.js?v=20260624f"></script>
<script src="/js/i18n.js?v=20260631"></script>
+1 -1
View File
@@ -192,7 +192,7 @@
</div>
<script src="/js/api.js?v=20260631"></script>
<script src="/js/common.js?v=20260624f"></script>
<script src="/js/common.js?v=20260624g"></script>
<script src="/vendor/bootstrap-italia/dist/js/bootstrap-italia.bundle.min.js"></script>
<script src="/js/common-bi.js?v=20260624f"></script>
<script src="/js/i18n.js?v=20260631"></script>
+1 -1
View File
@@ -478,7 +478,7 @@
</div>
<script src="/js/api.js?v=20260631"></script>
<script src="/js/common.js?v=20260624f"></script>
<script src="/js/common.js?v=20260624g"></script>
<!-- Bootstrap Italia bundle (componenti) + override sidebar BI (common-bi.js).
common-bi.js va DOPO common.js: ridefinisce solo loadSidebar() con markup BI,
riusando tutti gli helper di common.js (zero backend). -->
+1 -1
View File
@@ -293,7 +293,7 @@
</div>
<script src="/js/api.js?v=20260631"></script>
<script src="/js/common.js?v=20260624f"></script>
<script src="/js/common.js?v=20260624g"></script>
<!-- Bootstrap Italia bundle (componenti) + override sidebar BI (common-bi.js).
common-bi.js va DOPO common.js: ridefinisce solo loadSidebar() con markup BI,
riusando tutti gli helper di common.js (zero backend). -->
+1 -1
View File
@@ -208,7 +208,7 @@
<!-- Report Detail Modal handled by common.js showModal -->
<script src="/js/api.js?v=20260631"></script>
<script src="/js/common.js?v=20260624f"></script>
<script src="/js/common.js?v=20260624g"></script>
<!-- Bootstrap Italia bundle (componenti) + override sidebar BI (common-bi.js).
common-bi.js va DOPO common.js: ridefinisce solo loadSidebar() con markup BI,
riusando tutti gli helper di common.js (zero backend). -->
+1 -1
View File
@@ -322,7 +322,7 @@
</div>
<script src="js/api.js?v=20260631"></script>
<script src="js/common.js?v=20260624f"></script>
<script src="js/common.js?v=20260624g"></script>
<script src="/vendor/bootstrap-italia/dist/js/bootstrap-italia.bundle.min.js"></script>
<script src="/js/common-bi.js?v=20260624f"></script>
<script src="js/i18n.js?v=20260631"></script>