FirstTouch Assistant

Hello! I can help you find answers in the FirstTouch documentation. What would you like to know?

`; document.body.appendChild(container); // 3. Logic var launcher = document.getElementById('ft-launcher'); var windowEl = document.getElementById('ft-window'); var closeBtn = document.getElementById('ft-close'); var form = document.getElementById('ft-form'); var input = document.getElementById('ft-input'); var messagesEl = document.getElementById('ft-messages'); var sendBtn = document.getElementById('ft-send'); var history = [{ role: 'system', content: CONFIG.systemPrompt }]; if (window.lucide) window.lucide.createIcons(); function toggleChat() { if (windowEl.style.display === 'none' || windowEl.style.display === '') { windowEl.style.display = 'flex'; setTimeout(function(){ input.focus(); }, 100); } else { windowEl.style.display = 'none'; } } launcher.onclick = toggleChat; closeBtn.onclick = toggleChat; input.addEventListener('input', function() { this.style.height = 'auto'; this.style.height = Math.min(this.scrollHeight, 120) + 'px'; }); input.addEventListener('keydown', function(e) { if (e.key === 'Enter' && !e.shiftKey) { e.preventDefault(); form.dispatchEvent(new Event('submit')); } }); function appendMsg(role, text) { var div = document.createElement('div'); div.className = 'ft-msg ' + role; var avatarIcon = role === 'user' ? 'user' : 'bot'; var parsedText = (role === 'assistant' && window.marked) ? window.marked.parse(text) : text; div.innerHTML = `

${parsedText}

`; messagesEl.appendChild(div); messagesEl.scrollTop = messagesEl.scrollHeight; if (window.lucide) window.lucide.createIcons(); } function getPageContext() { var main = document.querySelector('main') || document.body; return (main.innerText || '').substring(0, 5000); } form.onsubmit = async function(e) { e.preventDefault(); var txt = input.value.trim(); if (!txt) return; input.value = ''; input.style.height = 'auto'; appendMsg('user', txt); sendBtn.disabled = true; // Loading Indicator var loadingId = 'ft-loading-' + Date.now(); var loadingDiv = document.createElement('div'); loadingDiv.id = loadingId; loadingDiv.className = 'ft-msg bot'; loadingDiv.innerHTML = `

Thinking...

`; // Add spin animation manually since Tailwind is gone var spinStyle = document.createElement('style'); spinStyle.innerHTML = `@keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }`; document.head.appendChild(spinStyle); messagesEl.appendChild(loadingDiv); messagesEl.scrollTop = messagesEl.scrollHeight; if (window.lucide) window.lucide.createIcons(); try { // Combine Full Docs (System) + Current Page Context (User Hidden) var pageContext = "User is currently looking at this content: " + getPageContext(); // We add current page context as a hidden system/user message for relevance var reqMessages = [ history[0], // Full Docs System Prompt { role: 'system', content: pageContext } ].concat(history.slice(1)).concat([{ role: 'user', content: txt }]); var res = await fetch("https://openrouter.ai/api/v1/chat/completions", { method: "POST", headers: { "Authorization": "Bearer " + CONFIG.apiKey, "Content-Type": "application/json", "HTTP-Referer": window.location.href, "X-Title": "FirstTouch Docs" }, body: JSON.stringify({ model: CONFIG.model, messages: reqMessages }) }); if (!res.ok) throw new Error("API Error"); var data = await res.json(); var ans = data.choices[0].message.content; document.getElementById(loadingId).remove(); appendMsg('assistant', ans); history.push({ role: 'user', content: txt }); history.push({ role: 'assistant', content: ans }); } catch (err) { document.getElementById(loadingId).remove(); appendMsg('assistant', "Error: " + err.message); } finally { sendBtn.disabled = false; setTimeout(function(){ input.focus(); }, 100); } }; } function loadNextDep() { if (dependenciesLoaded >= dependencies.length) { initWidget(); return; } var dep = dependencies[dependenciesLoaded]; if (document.querySelector(`script[src="${dep.src}"]`)) { dependenciesLoaded++; loadNextDep(); return; } var s = document.createElement('script'); s.src = dep.src; s.onload = function() { dependenciesLoaded++; loadNextDep(); }; document.head.appendChild(s); } if (document.readyState === 'complete' || document.readyState === 'interactive') { loadNextDep(); } else { window.addEventListener('load', loadNextDep); } })();

Start Here

Chrome Extension

Web App

References