${v.model?.split('/')[1] || 'AI'}
${v.time}
${v.prompt}
`).join('');
}
function toggleVersions() {
document.getElementById('versions-panel').classList.toggle('hidden');
}
function clearHistory() {
if (!confirm('Clear all versions and settings?')) return;
localStorage.clear();
versions = [];
currentCode = '';
renderVersions();
document.getElementById('preview-viewport').srcdoc = '';
document.getElementById('code-panel').value = '';
openSettings();
showToast('Cleared ✓', 'success');
}
function updateStats() {
const chars = document.getElementById('user-input').value.length;
document.getElementById('char-count').textContent = chars + ' chars';
document.getElementById('version-count').textContent = versions.length + ' versions';
}
// ===== TOAST =====
function showToast(msg, type = 'info') {
const t = document.getElementById('toast');
const colors = { success: '#22c55e', error: '#ef4444', info: '#3b82f6' };
t.textContent = msg;
t.style.color = colors[type] || '#fff';
t.classList.add('show');
setTimeout(() => t.classList.remove('show'), 2500);
}
// ===== MAIN BUILD FUNCTION =====
async function executeBuild(isRefine = false) {
const prompt = document.getElementById('user-input').value.trim();
const key = localStorage.getItem('or_key');
const sbUrl = localStorage.getItem('sb_url') || '';
const sbKey = localStorage.getItem('sb_key') || '';
const model = document.getElementById('model-select').value;
if (!prompt) { showToast('Write a description first!', 'info'); return; }
if (!key) { showToast('API Key missing — check settings!', 'error'); openSettings(); return; }
const btn = document.getElementById('build-btn');
const refineBtn = document.getElementById('refine-btn');
const overlay = document.getElementById('build-overlay');
const ldr = document.getElementById('loader');
btn.disabled = true; refineBtn.disabled = true;
btn.innerHTML = '