// Search Quality Score - Popup document.addEventListener('DOMContentLoaded', () => { loadScoreData(); loadPatterns(); bindEvents(); }); function loadScoreData() { chrome.storage.local.get(['lastAnalysis', 'currentQuery'], (result) => { const analysis = result.lastAnalysis; const query = result.currentQuery; document.getElementById('currentQuery').textContent = query || 'Aucune recherche en cours'; if (analysis) { const total = analysis.total; displayScore(total); updateScoreLabel(total); updateBreakdown(analysis.breakdown); const section = document.getElementById('suggestionSection'); if (analysis.suggestion) { section.style.display = 'block'; document.getElementById('suggestionText').textContent = analysis.suggestion; document.getElementById('rewriteBtn').hidden = false; } else { section.style.display = 'block'; document.getElementById('suggestionText').textContent = '✅ Bonne recherche ! Rien à suggérer.'; document.getElementById('rewriteBtn').hidden = true; } } else { document.getElementById('scoreNumber').textContent = '--'; document.getElementById('scoreLabel').textContent = 'En attente...'; document.getElementById('breakdownSection').style.display = 'none'; document.getElementById('suggestionSection').style.display = 'none'; } }); } function displayScore(score) { const ring = document.getElementById('scoreRing'); const circumference = 326.73; const offset = circumference - (score / 100) * circumference; ring.style.strokeDashoffset = offset; const num = document.getElementById('scoreNumber'); num.textContent = score; // Color based on score let color; if (score >= 80) color = '#27ae60'; else if (score >= 60) color = '#f39c12'; else if (score >= 40) color = '#e67e22'; else color = '#e74c3c'; ring.style.stroke = color; } function updateScoreLabel(score) { let label, emoji; if (score >= 90) { label = 'Recherche excellente !'; emoji = '🏆'; } else if (score >= 80) { label = 'Très bonne recherche'; emoji = '🌟'; } else if (score >= 70) { label = 'Bonne recherche'; emoji = '👍'; } else if (score >= 60) { label = 'Recherche correcte'; emoji = '🙂'; } else if (score >= 50) { label = 'Recherche passable'; emoji = '🤔'; } else if (score >= 40) { label = 'Recherche faible'; emoji = '😕'; } else if (score >= 30) { label = 'Mauvaise recherche'; emoji = '😟'; } else { label = 'Recherche très floue'; emoji = '❌'; } document.getElementById('scoreLabel').textContent = `${emoji} ${label}`; } function updateBreakdown(breakdown) { document.getElementById('breakdownSection').style.display = 'block'; const items = [ { id: 'intent', value: breakdown.intentScore, max: 25 }, { id: 'results', value: breakdown.resultsScore, max: 25 }, { id: 'behavior', value: breakdown.behaviorScore, max: 25 }, { id: 'efficiency', value: breakdown.efficiencyScore, max: 25 } ]; items.forEach(item => { document.getElementById(`${item.id}Score`).textContent = `${item.value}/${item.max}`; const pct = (item.value / item.max) * 100; document.getElementById(`${item.id}Bar`).style.width = `${pct}%`; }); } function loadPatterns() { chrome.storage.local.get('searchPatterns', (result) => { const patterns = result.searchPatterns || []; const container = document.getElementById('patternsContent'); if (patterns.length === 0) { container.innerHTML = '

Pas encore assez de données

'; document.getElementById('patternsSummary').hidden = true; return; } const recent = patterns.sort((a, b) => b.lastSearch - a.lastSearch).slice(0, 10); let html = '

'; recent.forEach(p => { let scoreClass = 'pat-low'; if (p.lastScore >= 70) scoreClass = 'pat-high'; else if (p.lastScore >= 40) scoreClass = 'pat-mid'; html += `

${escapeHtml(p.query)}

${p.count}x ${p.lastScore} ${formatTime(p.lastSearch)}

`; }); html += '

'; container.innerHTML = html; // Summary const totalSearches = patterns.reduce((s, p) => s + p.count, 0); const avgScore = Math.round(patterns.reduce((s, p) => s + p.lastScore, 0) / patterns.length); const repeatSearches = patterns.filter(p => p.count > 1).length; const summaryEl = document.getElementById('patternsSummary'); summaryEl.innerHTML = ` 🔍 ${totalSearches} recherches 📊 Moy. ${avgScore}/100 🔄 ${repeatSearches} répétées `; summaryEl.hidden = false; }); } function bindEvents() { document.getElementById('rewriteBtn').addEventListener('click', () => { chrome.storage.local.get('currentQuery', (result) => { if (result.currentQuery) { chrome.runtime.sendMessage({ action: 'rewriteQuery', query: result.currentQuery }, (response) => { if (response && response.rewritten) { navigator.clipboard.writeText(response.rewritten).then(() => { const btn = document.getElementById('rewriteBtn'); const orig = btn.textContent; btn.textContent = '✅ Copié !'; setTimeout(() => btn.textContent = orig, 2000); }); } }); } }); }); document.getElementById('optionsBtn').addEventListener('click', () => { chrome.runtime.openOptionsPage(); }); document.getElementById('resetBtn').addEventListener('click', () => { if (confirm('Réinitialiser toutes les données (scores et patterns) ?')) { chrome.storage.local.clear(() => { document.getElementById('scoreNumber').textContent = '--'; document.getElementById('scoreLabel').textContent = 'En attente...'; document.getElementById('breakdownSection').style.display = 'none'; document.getElementById('suggestionSection').style.display = 'none'; document.getElementById('patternsContent').innerHTML = '

Pas encore assez de données

'; document.getElementById('patternsSummary').hidden = true; }); } }); } function escapeHtml(text) { const div = document.createElement('div'); div.textContent = text; return div.innerHTML; } function formatTime(ts) { const diff = Date.now() - ts; const mins = Math.floor(diff / 60000); if (mins < 60) return `il y a ${mins}min`; const hours = Math.floor(mins / 60); if (hours < 24) return `il y a ${hours}h`; const days = Math.floor(hours / 24); return `il y a ${days}j`; }