Read aloud page content, case narratives, or your text selection.
Speak your question — answers play via GMIIE Analyst Voice (institutional HD voice synthesis).
`;
document.body.appendChild(fabEl);
document.body.appendChild(panelEl);
panelEl.querySelector('.gvd-close').addEventListener('click', () => panelEl.classList.remove('open'));
panelEl.querySelectorAll('.gvd-tab').forEach((tab) => {
tab.addEventListener('click', () => switchTab(tab.dataset.tab));
});
panelEl.querySelector('#gvd-listen-page').addEventListener('click', (ev) => {
const main = document.querySelector(cfg.contentSelector) || document.body;
speak(extractElementText(main).slice(0, 12000), ev.currentTarget);
});
panelEl.querySelector('#gvd-listen-selection').addEventListener('click', (ev) => {
const sel = global.getSelection?.()?.toString()?.trim();
if (!sel) {
alert('Select text on the page first.');
return;
}
speak(sel, ev.currentTarget);
});
panelEl.querySelector('#gvd-stop').addEventListener('click', () => {
if (global.GrokVoice) global.GrokVoice.stop();
else global.speechSynthesis?.cancel();
});
const answerEl = panelEl.querySelector('#gvd-answer');
const metaEl = panelEl.querySelector('#gvd-ask-meta');
panelEl.querySelector('#gvd-ask-submit').addEventListener('click', () => {
const q = panelEl.querySelector('#gvd-question').value.trim();
if (!q) return;
answerEl.style.display = 'block';
ask(q, {}, answerEl, metaEl);
});
setupVoiceInput();
setupDelegatedActions();
}
function setupVoiceInput() {
const SpeechRecognition = global.SpeechRecognition || global.webkitSpeechRecognition;
const mic = panelEl.querySelector('#gvd-mic');
const transcriptEl = panelEl.querySelector('#gvd-voice-transcript');
const voiceAnswerEl = panelEl.querySelector('#gvd-voice-answer');
const fallbackEl = panelEl.querySelector('#gvd-voice-fallback');
const helpEl = panelEl.querySelector('#gvd-mic-help');
const askFallbackBtn = panelEl.querySelector('#gvd-use-ask');
function showAskFallback(msg, help) {
if (transcriptEl) transcriptEl.textContent = msg || 'Voice input unavailable.';
if (fallbackEl) fallbackEl.style.display = 'block';
if (helpEl && help) helpEl.textContent = help;
mic.classList.remove('listening');
listening = false;
}
askFallbackBtn?.addEventListener('click', () => switchTab('ask'));
const isSecure =
global.isSecureContext ||
location.protocol === 'https:' ||
location.hostname === 'localhost' ||
location.hostname === '127.0.0.1';
if (!isSecure) {
mic.disabled = true;
showAskFallback(
'Microphone requires HTTPS.',
'Open xxxiii.io over HTTPS or use Ask mode to type your question.'
);
return;
}
if (!SpeechRecognition) {
mic.disabled = true;
showAskFallback(
'Speech recognition not supported.',
'Use Chrome or Edge on desktop, or switch to Ask mode.'
);
return;
}
async function checkMicPermission() {
if (!navigator.permissions?.query) return 'unknown';
try {
const st = await navigator.permissions.query({ name: 'microphone' });
return st.state;
} catch {
return 'unknown';
}
}
const MIC_ERRORS = {
'not-allowed': 'Microphone blocked — allow mic for this site in browser settings.',
denied: 'Microphone blocked — allow mic for this site in browser settings.',
'service-not-allowed': 'Speech service blocked — try Chrome/Edge or use Ask mode.',
'audio-capture': 'No microphone detected — connect a mic or use Ask mode.',
'no-speech': 'No speech heard — tap mic and speak clearly.',
aborted: 'Voice input cancelled.',
network: 'Network error during speech recognition — try Ask mode.',
};
recognition = new SpeechRecognition();
recognition.lang = navigator.language || 'en-US';
recognition.interimResults = true;
recognition.continuous = false;
recognition.maxAlternatives = 1;
mic.addEventListener('click', async () => {
if (listening) {
recognition.stop();
return;
}
if (fallbackEl) fallbackEl.style.display = 'none';
const perm = await checkMicPermission();
if (perm === 'denied') {
showAskFallback('Microphone permission denied.', MIC_ERRORS.denied);
return;
}
try {
recognition.start();
} catch (err) {
showAskFallback('Could not start microphone.', err.message || 'Use Ask mode.');
}
});
recognition.onstart = () => {
listening = true;
mic.classList.add('listening');
transcriptEl.textContent = 'Listening… speak your question';
if (fallbackEl) fallbackEl.style.display = 'none';
};
recognition.onend = () => {
listening = false;
mic.classList.remove('listening');
};
recognition.onerror = (ev) => {
const code = ev.error || 'unknown';
const msg = MIC_ERRORS[code] || 'Mic error — check permissions or try Ask mode.';
if (code === 'no-speech') {
transcriptEl.textContent = msg;
return;
}
showAskFallback(msg, 'Tip: Click "Use Ask mode (type)" to type your question instead.');
};
recognition.onresult = async (ev) => {
let text = '';
for (let i = ev.resultIndex; i < ev.results.length; i++) {
if (ev.results[i].isFinal) {
text = ev.results[i][0].transcript;
} else {
transcriptEl.textContent = ev.results[i][0].transcript + '…';
}
}
if (!text) return;
transcriptEl.textContent = '"' + text + '"';
voiceAnswerEl.style.display = 'block';
voiceAnswerEl.textContent = 'Thinking…';
const data = await ask(text, {}, voiceAnswerEl, null);
if (data?.answer) {
speak(data.answer, mic, { type: 'fraud_report', report: true });
}
};
}
function setupDelegatedActions() {
document.addEventListener('click', (ev) => {
const listenBtn = ev.target.closest('.gvd-listen-btn');
if (listenBtn) {
ev.preventDefault();
const nid = listenBtn.getAttribute('data-narrative-id');
const section = listenBtn.getAttribute('data-gmiie-section');
if (nid) {
loadNarratives().then(() => {
const n = getNarrativeById(nid);
speak(narrativeToSpeech(n), listenBtn, {
type: 'narrative',
narrativeId: nid,
context: {
type: 'narrative',
narrative_id: nid,
category: n?.category,
typology: n?.typology_id,
},
});
});
return;
}
if (section === 'case-study') {
const block = document.querySelector('.case-study');
speak(extractElementText(block).slice(0, 12000), listenBtn, { type: 'case_study' });
return;
}
if (listenBtn.getAttribute('data-gmiie-report')) {
const reportText =
listenBtn.getAttribute('data-report-text') ||
extractElementText(document.getElementById('fraud-results') || document.getElementById('check-results'));
const score = listenBtn.getAttribute('data-fraud-score');
const level = listenBtn.getAttribute('data-fraud-level');
const typology = listenBtn.getAttribute('data-fraud-typology');
const scamFamily = listenBtn.getAttribute('data-scam-family');
speak(reportText.slice(0, 8000), listenBtn, {
type: 'fraud_report',
report: true,
context: {
type: 'fraud_report',
score: score ? parseInt(score, 10) : cfg.fraudScore,
level: level || cfg.fraudLevel,
typology: typology || cfg.typology,
scam_family: scamFamily || cfg.scamFamily,
},
});
return;
}
const host = listenBtn.closest('[data-gmiie-speak]');
if (host) {
speak(host.getAttribute('data-gmiie-speak') || extractElementText(host), listenBtn);
}
}
const askBtn = ev.target.closest('.gvd-ask-btn');
if (askBtn) {
ev.preventDefault();
panelEl.classList.add('open');
switchTab('ask');
const qInput = panelEl.querySelector('#gvd-question');
const answerEl = panelEl.querySelector('#gvd-answer');
const metaEl = panelEl.querySelector('#gvd-ask-meta');
answerEl.style.display = 'block';
const nid = askBtn.getAttribute('data-narrative-id');
if (nid) {
qInput.value = 'Summarize narrative ' + nid + ' and key awareness points.';
ask(qInput.value, { narrativeIds: [nid] }, answerEl, metaEl);
return;
}
if (askBtn.getAttribute('data-gmiie-ask-score')) {
const score = askBtn.getAttribute('data-fraud-score');
const level = askBtn.getAttribute('data-fraud-level');
cfg.fraudScore = score ? parseInt(score, 10) : cfg.fraudScore;
cfg.fraudLevel = level || cfg.fraudLevel;
qInput.value = 'Explain this fraud score and what I should do next.';
ask(qInput.value, { fraudScore: cfg.fraudScore, fraudLevel: cfg.fraudLevel }, answerEl, metaEl);
}
}
});
}
function setFraudReportContext(score, level, engine, reportSummary, extras) {
cfg.fraudScore = score;
cfg.fraudLevel = level;
cfg.engine = engine;
cfg.reportSummary = reportSummary;
if (extras?.typology) cfg.typology = extras.typology;
if (extras?.scamFamily) cfg.scamFamily = extras.scamFamily;
}
function init(opts) {
cfg = { ...DEFAULTS, ...opts };
if (document.body) buildPanel();
else document.addEventListener('DOMContentLoaded', buildPanel);
if (cfg.page === 'fraud' || location.pathname.includes('fraud')) {
loadNarratives();
}
}
global.GMIIEVoiceDesk = {
init,
speak,
ask,
narrativeToSpeech,
setFraudReportContext,
loadNarratives,
};
if (document.body?.hasAttribute('data-gmiie-desk')) {
init({
page: document.body.getAttribute('data-gmiie-page') || undefined,
});
}
})(typeof window !== 'undefined' ? window : globalThis);