le', 'female', 'default'].includes(kind)) return { ok: false, error: "voice must be 'male', 'female' or 'default'" };
if (kind === 'default') delete T.overrides[k]; else T.overrides[k] = kind;
localStorage.setItem(LS_OVR, JSON.stringify(T.overrides)); renderPanel();
return { ok: true, name: k, voice: kind, deviceVoice: kind === 'default' ? 'device default' : (T.picked[kind] ? T.picked[kind].name : 'device default, pitch ' + PITCH[kind]) };
}
/* ---------- mic: dictation into the composer ---------- */
function micButton(input) {
if (!SR) return null;
const b = document.createElement('button'); b.type = 'button'; b.className = 'sv-mic'; b.textContent = 'Mic'; b.setAttribute('aria-label', 'Speak into the text box (does not send)');
let rec = null;
b.addEventListener('click', () => {
if (rec) { rec.stop(); return; }
rec = new SR(); rec.lang = navigator.language || 'en-US'; rec.interimResults = false; rec.continuous = false;
rec.onresult = e => { const t = Array.from(e.results).map(r => r[0].transcript).join(' ').trim(); if (t) { input.value = (input.value ? input.value.replace(/\s*$/, ' ') : '') + t; input.dispatchEvent(new Event('input')); } };
rec.onerror = e => { if (e.error !== 'aborted' && e.error !== 'no-speech') { T.problem = 'Mic: ' + e.error; console.error('[soluv-voice] ' + T.problem); renderPanel(); } };
rec.onend = () => { rec = null; T.listening = false; b.classList.remove('sv-on'); };
rec.start(); T.listening = true; b.classList.add('sv-on');
});
return b;
}
/* ---------- the panel (48 px buttons) ---------- */
injectStyle();
const panel = document.createElement('div'); panel.className = 'sv-panel'; panel.hidden = true; panel.setAttribute('role', 'dialog'); panel.setAttribute('aria-label', 'Read aloud and voices');
host.appendChild(panel);
let note = '';
function label(kind) { return kind === 'male' ? 'Male' : kind === 'female' ? 'Female' : 'Default'; }
function renderPanel(msg) {
if (msg !== undefined) note = msg || '';
if (panel.hidden) return;
const rows = T.recent.map(m => { const v = voiceOf(m); return '' + esc(m.from || 'Guest') + '' + esc(v.why) + '
'; }).join('');
const dev = synth ? 'Male: ' + (T.picked.male ? T.picked.male.name : 'device voice, lower pitch') + ' · Female: ' + (T.picked.female ? T.picked.female.name : 'device voice, higher pitch') : '';
panel.innerHTML = 'Transceiver
' +
'' +
'
' +
'Everyone hears you in the voice you choose (saved on the site). Tap a name to change how YOU hear them (this device only). ' + esc(dev) + '
' +
(T.problem || note ? '' + esc(note || T.problem) + '
' : '') +
'' + (rows || '
No speakers yet.
') + '