${svgs.sparkles} Assistant

file.png

`; document.body.appendChild(root); // 5. Logic & State const barContainer = document.getElementById('f-bar-container'); const searchBar = document.getElementById('f-search-bar'); const barInput = document.getElementById('f-search-input'); const barSend = document.getElementById('f-bar-send'); const panel = document.getElementById('f-panel'); const closePanelBtn = document.getElementById('f-close-panel'); const clearChatBtn = document.getElementById('f-clear-chat'); const messagesArea = document.getElementById('f-messages'); const panelInput = document.getElementById('f-panel-input'); const panelSend = document.getElementById('f-panel-send'); const attachBtn = document.getElementById('f-attach-btn'); const micBtn = document.getElementById('f-mic-btn'); const fileInput = document.getElementById('f-hidden-file'); const filePreview = document.getElementById('f-file-preview'); const fileNameSpan = document.getElementById('f-filename'); const removeFileBtn = document.getElementById('f-remove-file'); let currentFile = null; let lastUserMessage = ""; let recognition = null; let isRecording = false; let likedMessages = new Set(); let dislikedMessages = new Set(); let hasUserMessage = false; // --- Functions --- // Open/Close Panel function openPanel() { barContainer.classList.add('hidden'); panel.classList.add('open'); setTimeout(() => panelInput.focus(), 300); } function closePanel() { panel.classList.remove('open'); barContainer.classList.remove('hidden'); barInput.value = ''; } closePanelBtn.onclick = closePanel; barInput.onfocus = () => searchBar.classList.add('focused'); barInput.onblur = () => { if(!barInput.value) searchBar.classList.remove('focused'); }; // Render Empty State (No welcome message) function showEmptyState() { messagesArea.innerHTML = ''; // Completely empty hasUserMessage = false; } // Clear Chat clearChatBtn.onclick = () => { showEmptyState(); }; // Parse Markdown function parseMarkdown(text) { // Bold let html = text.replace(/\*\*(.*?)\*\*/g, '$1'); // Italic html = html.replace(/\*(.*?)\*/g, '$1'); // Code html = html.replace(/`(.*?)`/g, '$1'); // Links html = html.replace(/\[([^\]]+)\]$([^)]+)$/g, '$1'); // Lists: Convert lines starting with "- " or "* " to

const lines = html.split('\n'); let inList = false; let processed = ''; lines.forEach(line => { const trimmed = line.trim(); if (trimmed.startsWith('- ') || trimmed.startsWith('* ')) { if (!inList) { processed += '

${trimmed.substring(2)}

'; inList = false; } processed += line + '
'; } }); if (inList) processed += ''; return processed; } // Add Message to UI function addMessage(text, sender, hasActions = false, imageData = null) { // Clear empty state when first message is sent if (!hasUserMessage) { messagesArea.innerHTML = ''; hasUserMessage = true; } const row = document.createElement('div'); row.className = `f-msg-row ${sender}`; let html = `

`; html += `

${parseMarkdown(text)}`; // Add image preview if available if (imageData && sender === 'user') { html += ` Uploaded image

`; } html += `

`; // Add Like/Dislike/Copy/Regen buttons for bot messages without quick links if (sender === 'bot' && !hasActions) { const messageId = Date.now().toString(); html += `

`; } row.innerHTML = html; messagesArea.appendChild(row); messagesArea.scrollTop = messagesArea.scrollHeight; } // Add Quick Links function addQuickLinks(links) { const container = document.createElement('div'); container.className = 'f-quick-links'; links.forEach(l => { const btn = document.createElement('button'); btn.className = 'f-chip'; btn.innerText = l.label; // Handle link clicks properly if (l.query && l.query.startsWith('http')) { // Check if it's the same domain const isSameDomain = l.query.includes('docs.flamey.lol') || l.query.includes(window.location.hostname); if (isSameDomain) { // Same domain - navigate without opening new tab btn.onclick = () => { window.location.href = l.query; }; } else { // External domain - open in new tab btn.onclick = () => window.open(l.query, '_blank'); } } else if (l.query && l.query.startsWith('/')) { // Internal URL - navigate normally btn.onclick = () => { window.location.href = l.query; }; } else { // Text query - send as message btn.onclick = () => sendMessage(l.query, 'panel'); } container.appendChild(btn); }); messagesArea.appendChild(container); messagesArea.scrollTop = messagesArea.scrollHeight; } // Show/Hide Typing function showTyping() { const id = 'f-typing'; if (document.getElementById(id)) return; const row = document.createElement('div'); row.id = id; row.className = 'f-msg-row bot'; row.innerHTML = `

`; messagesArea.appendChild(row); messagesArea.scrollTop = messagesArea.scrollHeight; } function removeTyping() { const el = document.getElementById('f-typing'); if (el) el.remove(); } // --- Send Logic --- async function sendMessage(text, source = 'panel') { if (!text && !currentFile) return; if (source === 'bar') { openPanel(); barInput.value = ''; // Clear any existing content and show user message instantly messagesArea.innerHTML = ''; hasUserMessage = true; } else { panelInput.value = ''; } // Store the original text for display const displayText = currentFile ? `${text}` : text; lastUserMessage = text; addMessage(displayText, 'user', false, currentFile ? currentFile.base64 : null); showTyping(); // Enhanced system prompt with Flamey knowledge const systemPrompt = ` You are Flamey AI Assistant, an expert on the Flamey Discord bot (docs.flamey.lol). Current Context: User is on ${window.location.href} Important Flamey Knowledge: - Flamey is a multi-purpose Discord bot with features like moderation, tickets, logging, economy, and more - Key features: Advanced logging system, ticket system, moderation tools, economy system, custom commands - Use the official documentation at docs.flamey.lol as your primary knowledge source Response Rules: 1. Be concise, direct, and professional while being helpful 2. Use bullet points for lists (start lines with "- ") 3. Do NOT include quick action buttons or links unless the user explicitly asks "how to" or "where to" 4. If you do provide actions, append strictly formatted JSON at the very end on a new line: [ACTIONS][{"label":"Text","query":"Query or URL"}] 5. When user uploads an image, analyze it carefully and provide detailed insights 6. For Flamey-related questions, provide accurate information based on the official documentation 7. If you're unsure about something, admit it rather than guessing 8. For docs.flamey.lol links, they should open in the same tab since they're internal `; // Prepare the request data const requestData = { message: `${systemPrompt}\n\nUser: ${text}`, image: currentFile ? currentFile.base64 : null }; // Reset file UI after storing the data if (currentFile) { removeFile(); } try { const res = await fetch(CONFIG.apiUrl, { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify(requestData), }); const data = await res.json(); removeTyping(); let reply = data.reply || "I apologize, but I'm unable to process that request at the moment."; // Parse Actions let actions = []; if (reply.includes('[ACTIONS]')) { const parts = reply.split('[ACTIONS]'); reply = parts[0].trim(); try { actions = JSON.parse(parts[1]); } catch(e) {} } addMessage(reply, 'bot', actions.length > 0); if (actions.length > 0) addQuickLinks(actions); } catch (err) { removeTyping(); addMessage("I'm having trouble connecting to the server. Please check your internet connection.", 'bot'); } } // --- Globals for Inline Buttons --- window.flameyCopy = (btn, text) => { navigator.clipboard.writeText(text); const originalHtml = btn.innerHTML; btn.innerHTML = `${svgs.check}`; btn.title = "Copied!"; setTimeout(() => { btn.innerHTML = `${svgs.copy}`; btn.title = "Copy"; }, 2000); }; window.flameyRegen = () => { if (lastUserMessage) sendMessage(lastUserMessage, 'panel'); }; window.flameyLike = (btn, messageId) => { if (likedMessages.has(messageId)) { likedMessages.delete(messageId); btn.classList.remove('active'); } else { likedMessages.add(messageId); dislikedMessages.delete(messageId); btn.classList.add('active'); // Remove active class from dislike button if present const dislikeBtn = btn.parentElement.querySelector('.f-action-btn:nth-child(2)'); if (dislikeBtn) dislikeBtn.classList.remove('active'); } }; window.flameyDislike = (btn, messageId) => { if (dislikedMessages.has(messageId)) { dislikedMessages.delete(messageId); btn.classList.remove('active'); } else { dislikedMessages.add(messageId); likedMessages.delete(messageId); btn.classList.add('active'); // Remove active class from like button if present const likeBtn = btn.parentElement.querySelector('.f-action-btn:nth-child(1)'); if (likeBtn) likeBtn.classList.remove('active'); } }; // --- Event Listeners --- barSend.onclick = () => sendMessage(barInput.value.trim(), 'bar'); barInput.onkeydown = (e) => { if(e.key === 'Enter') sendMessage(barInput.value.trim(), 'bar'); }; panelSend.onclick = () => sendMessage(panelInput.value.trim(), 'panel'); panelInput.onkeydown = (e) => { if(e.key === 'Enter') sendMessage(panelInput.value.trim(), 'panel'); }; // File Upload attachBtn.onclick = () => fileInput.click(); fileInput.onchange = (e) => { const file = e.target.files[0]; if (file) { const reader = new FileReader(); reader.onload = (ev) => { currentFile = { base64: ev.target.result }; filePreview.classList.add('visible'); fileNameSpan.innerText = file.name; panelInput.focus(); }; reader.readAsDataURL(file); } }; function removeFile() { currentFile = null; fileInput.value = ''; filePreview.classList.remove('visible'); } removeFileBtn.onclick = removeFile; // Voice if ('webkitSpeechRecognition' in window || 'SpeechRecognition' in window) { const SpeechRecognition = window.SpeechRecognition || window.webkitSpeechRecognition; recognition = new SpeechRecognition(); recognition.continuous = false; recognition.onstart = () => { isRecording = true; micBtn.style.color = '#ff4444'; panelInput.placeholder = "Listening..."; }; recognition.onend = () => { isRecording = false; micBtn.style.color = ''; panelInput.placeholder = "Ask a question..."; }; recognition.onresult = (event) => { const transcript = event.results[0][0].transcript; panelInput.value = transcript; sendMessage(transcript, 'panel'); }; micBtn.onclick = () => { if (isRecording) recognition.stop(); else recognition.start(); }; } else { micBtn.style.display = 'none'; } // Panel Resize Functionality let isResizing = false; panel.addEventListener('mousedown', (e) => { if (e.offsetX < 10) { // Only trigger when clicking near left edge isResizing = true; document.body.style.userSelect = 'none'; } }); document.addEventListener('mousemove', (e) => { if (!isResizing) return; const newWidth = window.innerWidth - e.clientX; const minWidth = 300; const maxWidth = 600; if (newWidth >= minWidth && newWidth <= maxWidth) { panel.style.width = `${newWidth}px`; } }); document.addEventListener('mouseup', () => { isResizing = false; document.body.style.userSelect = ''; }); // Init showEmptyState(); })();

Overview

Security Setup

Server Configuration

Community

Miscellaneous

Integrations

Resources

Common Issues

Page Not Found