MedGemma-Micro
Computing Multimodal Soft Prefix...
`;
chatMessages.appendChild(msgEl);
chatMessages.scrollTop = chatMessages.scrollHeight;
return msgEl;
}
function escapeHtml(text) {
return text
.replace(/&/g, '&')
.replace(//g, '>')
.replace(/"/g, '"')
.replace(/'/g, ''');
}
async function handleChatSubmit(e) {
if (e) e.preventDefault();
const text = userInput.value.trim();
if (!text || STATE.isGenerating) return;
userInput.value = '';
STATE.isGenerating = true;
btnSend.disabled = true;
// Append User message
appendMessage('user', text);
STATE.chatHistory.push({ role: 'user', content: text });
// Append Thinking placeholder
const thinkingEl = appendThinkingMessage();
try {
const res = await fetch('/api/chat', {
method: 'POST',
headers: { 'Content-Type': 'application/json' },
body: JSON.stringify({
message: text,
history: STATE.chatHistory.slice(-4),
use_ppg_context: STATE.useMultimodal,
temperature: 0.65,
max_tokens: 180
})
});
const data = await res.json();
thinkingEl.remove();
if (data.reply) {
appendMessage('assistant', data.reply, {
tps: data.tokens_per_sec,
tokens: data.tokens_generated
});
STATE.chatHistory.push({ role: 'assistant', content: data.reply });
chatTps.textContent = `${data.tokens_per_sec} tok/s (${data.elapsed_sec}s)`;
} else {
appendMessage('assistant', 'Error: Failed to generate response from model.');
}
} catch (err) {
console.error('Chat error:', err);
thinkingEl.remove();
appendMessage('assistant', `Inference request failed: ${err.message}`);
} finally {
STATE.isGenerating = false;
btnSend.disabled = false;
userInput.focus();
}
}
// =====================================================================
// Event Listeners
// =====================================================================
function selectCondition(condIdx) {
condIdx = parseInt(condIdx);
STATE.condition = condIdx;
// Update chip active states
const chips = conditionChips.querySelectorAll('.chip');
chips.forEach(c => {
c.classList.toggle('active', parseInt(c.dataset.condition) === condIdx);
});
const noise = toggleNoise.checked ? 0.04 : 0.0;
generateWaveform(condIdx, noise);
}
conditionChips.addEventListener('click', e => {
const chip = e.target.closest('.chip');
if (!chip) return;
selectCondition(chip.dataset.condition);
});
btnToggleSweep.addEventListener('click', () => {
STATE.isSweeping = !STATE.isSweeping;
const sweepIcon = document.getElementById('sweep-icon');
const sweepText = document.getElementById('sweep-text');
if (STATE.isSweeping) {
sweepIcon.textContent = '⏸';
sweepText.textContent = 'Pause Monitor';
} else {
sweepIcon.textContent = '▶';
sweepText.textContent = 'Resume Sweep';
}
});
btnRegenPpg.addEventListener('click', () => {
const noise = toggleNoise.checked ? 0.04 : 0.0;
generateWaveform(STATE.condition, noise);
});
toggleNoise.addEventListener('change', () => {
const noise = toggleNoise.checked ? 0.04 : 0.0;
generateWaveform(STATE.condition, noise);
});
toggleMultimodal.addEventListener('change', () => {
STATE.useMultimodal = toggleMultimodal.checked;
bridgeIndicator.classList.toggle('active', STATE.useMultimodal);
bridgeIndicator.querySelector('span:last-child').textContent = STATE.useMultimodal
? 'Prefix K=4 (960-dim) Active'
: 'Multimodal Bridge Off';
});
document.getElementById('btn-run-classifier').addEventListener('click', () => {
runClassification();
});
chatForm.addEventListener('submit', handleChatSubmit);
userInput.addEventListener('keydown', e => {
if (e.key === 'Enter' && !e.shiftKey) {
e.preventDefault();
handleChatSubmit();
}
});
// =====================================================================
// App Initialization
// =====================================================================
async function init() {
resizeCanvas();
await fetchStatus();
await loadPresets();
// Initial normal sinus waveform
await generateWaveform(0, 0.04);
// Start render loop
requestAnimationFrame(drawOscilloscope);
}
document.addEventListener('DOMContentLoaded', init);