Curate Search Results

' + escHtml(data.answer) + '

'; bodyHtml += '

' + rendered + '

'; } if (data.results && data.results.length > 0) { bodyHtml += '

Sources

'; for (var k = 0; k < data.results.length; k++) { var r = data.results[k]; var label = r.title && r.title.indexOf("Source ") !== 0 ? r.title : r.url; bodyHtml += '' + escHtml(label) + '' + escHtml(r.domain) + ''; } bodyHtml += '

'; } card.innerHTML = '

' + '' + '

' + '

' + escHtml(queryText) + '

' + '

' + escHtml(metaText) + '

' + (preview ? '

' + escHtml(preview) + '

' : '') + '

' + '

\\u25BC

' + '

' + bodyHtml + '

'; } // ── Timer ── function resetTimer() { lastInteraction = Date.now(); } function updateTimer() { var idleSec = Math.floor((Date.now() - lastInteraction) / 1000); var remaining = Math.max(0, timeoutSec - idleSec); timerEl.textContent = formatTime(remaining); timerEl.classList.remove("warn", "urgent", "active"); if (remaining <= 15) timerEl.classList.add("urgent"); else if (remaining <= 30) timerEl.classList.add("warn"); else if (remaining < timeoutSec) timerEl.classList.add("active"); if (remaining <= 0 && !submitted && !timerExpired) onTimeout(); } setInterval(updateTimer, 1000); updateTimer(); ["click", "keydown", "input", "change"].forEach(function(evt) { document.addEventListener(evt, resetTimer, { passive: true }); }); document.addEventListener("scroll", resetTimer, { passive: true }); document.addEventListener("mousemove", resetTimer, { passive: true }); // ── Timer adjust ── timerEl.addEventListener("click", function(e) { e.stopPropagation(); timerInput.value = timeoutSec; timerAdjustEl.classList.add("visible"); timerEl.style.display = "none"; timerInput.focus(); timerInput.select(); }); function applyTimerAdjust() { var val = parseInt(timerInput.value, 10); if (val && val > 0) timeoutSec = Math.min(val, 600); timerAdjustEl.classList.remove("visible"); timerEl.style.display = ""; resetTimer(); } timerSetBtn.addEventListener("click", function(e) { e.stopPropagation(); applyTimerAdjust(); }); timerInput.addEventListener("keydown", function(e) { if (e.key === "Enter") { e.preventDefault(); applyTimerAdjust(); } if (e.key === "Escape") { timerAdjustEl.classList.remove("visible"); timerEl.style.display = ""; } e.stopPropagation(); }); document.addEventListener("click", function() { if (timerAdjustEl.classList.contains("visible")) { timerAdjustEl.classList.remove("visible"); timerEl.style.display = ""; } }); // ── Provider ── if (globalProvider) { globalProvider.addEventListener("change", function() { post("/provider", { provider: globalProvider.value }); }); } // ── Add search ── addSearchInput.addEventListener("keydown", function(e) { if (e.key !== "Enter") return; var text = addSearchInput.value.trim(); if (!text || submitted) return; e.preventDefault(); e.stopPropagation(); addSearchEl.classList.add("loading"); addSearchInput.value = ""; var card = document.createElement("div"); card.className = "result-card searching"; card.innerHTML = '

' + '' + '

' + '

' + escHtml(text) + '

' + '

Searching

' + '

'; resultCardsEl.appendChild(card); resetTimer(); post("/search", { query: text }).then(function(res) { return res.json(); }).then(function(data) { addSearchEl.classList.remove("loading"); if (!data.ok) { card.remove(); return; } card.dataset.qi = data.queryIndex; if (data.error) { card.classList.remove("searching"); card.classList.add("error"); card.innerHTML = '

' + '' + '

' + '

' + escHtml(text) + '

' + '

Failed

' + '

' + escHtml(data.error) + '

'; return; } card.classList.remove("searching"); card.classList.add("checked"); completedCount++; populateResultCard(card, data, text); setupCardInteraction(card); updateSendButton(); heroTitle.textContent = completedCount + " Search" + (completedCount !== 1 ? "es" : "") + " Complete"; heroDesc.textContent = "Review the results and send what you want back to your agent."; if (heroStatus) heroStatus.textContent = completedCount + " completed"; resetTimer(); }).catch(function() { addSearchEl.classList.remove("loading"); card.remove(); }); }); // ── Overlays ── function showSuccess(text) { if (es) { es.close(); es = null; } successText.textContent = text; successOverlay.classList.remove("hidden"); setTimeout(function() { window.close(); }, 800); } function showExpired(text) { if (es) { es.close(); es = null; } expiredText.textContent = text; expiredOverlay.classList.remove("hidden"); requestAnimationFrame(function() { expiredOverlay.classList.add("visible"); }); } function showError(text) { errorBanner.textContent = text; errorBanner.hidden = false; } function onTimeout() { if (submitted || timerExpired) return; timerExpired = true; submitted = true; showExpired("Time\\u2019s up \\u2014 sending all results to your agent."); post("/cancel", { reason: "timeout" }); var count = 5; closeCountdown.textContent = count; var iv = setInterval(function() { count--; closeCountdown.textContent = count; if (count <= 0) { clearInterval(iv); window.close(); } }, 1000); } // ── Create placeholder cards for each query ── if (queries.length === 0) { heroTitle.textContent = "What do you need?"; heroDesc.textContent = "Search for anything below. Results get sent back to your agent."; if (heroStatus) heroStatus.textContent = ""; btnSend.textContent = "No results yet"; } else { for (var i = 0; i < queries.length; i++) { var card = document.createElement("div"); card.className = "result-card searching"; card.dataset.qi = i; card.innerHTML = '

' + '' + '

' + '

' + escHtml(queries[i]) + '

' + '

Searching

' + '

'; resultCardsEl.appendChild(card); } } // ── SSE ── es = new EventSource("/events?session=" + encodeURIComponent(token)); es.addEventListener("result", function(e) { var data = JSON.parse(e.data); var card = resultCardsEl.querySelector('.result-card[data-qi="' + data.queryIndex + '"]'); if (!card) return; card.classList.remove("searching"); card.classList.add("checked"); completedCount++; populateResultCard(card, data, data.query || queries[data.queryIndex]); setupCardInteraction(card); updateSendButton(); resetTimer(); }); es.addEventListener("search-error", function(e) { var data = JSON.parse(e.data); var card = resultCardsEl.querySelector('.result-card[data-qi="' + data.queryIndex + '"]'); if (!card) return; card.classList.remove("searching"); card.classList.add("error"); completedCount++; card.innerHTML = '

' + '' + '

' + '

' + escHtml(data.query || queries[data.queryIndex]) + '

' + '

Failed

' + '

' + escHtml(data.error || "Search failed") + '

'; updateSendButton(); resetTimer(); }); es.addEventListener("done", function() { searchesDone = true; if (completedCount > 0) { heroTitle.textContent = completedCount + " Search" + (completedCount !== 1 ? "es" : "") + " Complete"; heroDesc.textContent = "Review the results and send what you want back to your agent."; if (heroStatus) heroStatus.textContent = completedCount + " completed"; } updateSendButton(); resetTimer(); }); es.onerror = function() {}; // ── Card interaction ── function setupCardInteraction(card) { var header = card.querySelector(".result-card-header"); var body = card.querySelector(".result-card-body"); var cb = card.querySelector("input[type=checkbox]"); var expandEl = card.querySelector(".result-card-expand"); header.addEventListener("click", function(e) { if (e.target.tagName === "A") return; if (e.target === cb) { card.classList.toggle("checked", cb.checked); updateSendButton(); return; } var isExpanded = body && body.classList.contains("open"); if (body) body.classList.toggle("open"); if (expandEl) expandEl.textContent = isExpanded ? "\\u25BC" : "\\u25B2"; }); if (body) { body.addEventListener("click", function(e) { e.stopPropagation(); }); } } // ── Send button ── function getSelectedIndices() { var indices = []; var cards = resultCardsEl.querySelectorAll(".result-card"); cards.forEach(function(card) { var cb = card.querySelector("input[type=checkbox]"); if (cb && cb.checked && !cb.disabled) { indices.push(parseInt(card.dataset.qi, 10)); } }); return indices; } function updateSendButton() { var sel = getSelectedIndices(); var hasResults = completedCount > 0; btnSend.disabled = !hasResults || sel.length === 0; if (!hasResults) { btnSend.textContent = searchesDone ? "No results yet" : "Waiting for results\\u2026"; } else { btnSend.textContent = "Send Selected (" + sel.length + ")"; } btnSendAll.hidden = !searchesDone || !hasResults; } // ── Submit / Cancel ── function doSubmit(indices) { if (submitted) return; submitted = true; post("/submit", { selected: indices }).then(function(res) { if (!res.ok) throw new Error("submit failed"); showSuccess("Results sent"); }).catch(function() { submitted = false; showError("Failed to send \\u2014 the agent may have moved on"); }); } function doCancel() { if (submitted) return; submitted = true; post("/cancel", { reason: "user" }).then(function(res) { if (!res.ok) throw new Error("cancel failed"); showSuccess("Skipped"); }).catch(function() { submitted = false; showError("Failed \\u2014 the agent may have moved on"); }); } // ── Button handlers ── btnSend.addEventListener("click", function() { var sel = getSelectedIndices(); if (sel.length > 0) doSubmit(sel); }); btnSendAll.addEventListener("click", function() { var all = []; resultCardsEl.querySelectorAll(".result-card").forEach(function(card) { var cb = card.querySelector("input[type=checkbox]"); if (cb && !cb.disabled) all.push(parseInt(card.dataset.qi, 10)); }); if (all.length > 0) doSubmit(all); }); // ── Keyboard ── document.addEventListener("keydown", function(e) { if (submitted || timerExpired) return; if (e.target.tagName === "INPUT" || e.target.tagName === "TEXTAREA" || e.target.tagName === "SELECT") return; if (e.key === "Enter" && !e.metaKey && !e.ctrlKey) { e.preventDefault(); var sel = getSelectedIndices(); if (sel.length > 0) doSubmit(sel); } else if (e.key === "Escape") { e.preventDefault(); doCancel(); } else if (e.key === "a" && !e.metaKey && !e.ctrlKey) { e.preventDefault(); var boxes = resultCardsEl.querySelectorAll("input[type=checkbox]:not(:disabled)"); var allChecked = true; boxes.forEach(function(cb) { if (!cb.checked) allChecked = false; }); boxes.forEach(function(cb) { cb.checked = !allChecked; cb.closest(".result-card").classList.toggle("checked", cb.checked); }); updateSendButton(); resetTimer(); } }); // ── Heartbeat ── setInterval(function() { if (submitted) return; post("/heartbeat", {}); }, 10000); // ── Focus add-search input when no initial queries ── if (queries.length === 0 && addSearchInput) { addSearchInput.focus(); } })();`;