Zircon Chat

This chatbot is a proof of concept and probably not too helpful. A better chatbot is avaliable at https://chat.openai.com/ You can give it context by copying and pasting your code into the text box and then asking what you are confused about! Zircon Chat #user-input { height: 200px; resize: vertical; width: 100%; } Send async function query(data) { const API_TOKEN = "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"; const response = await fetch( "https://api-inference.huggingface.co/models/mistralai/Mixtral-8x7B-Instruct-v0.1", { headers: { "Authorization": `Bearer ${API_TOKEN}`, "Content-Type": "application/json" }, method: "POST", body: JSON.stringify(data), } ); const result = await response.json(); console.log("API Response:", result); return result; } function sendMessage() { const userInput = document.getElementById('user-input').value; const chatMessages = document.getElementById('chat-messages'); chatMessages.innerHTML += `User: ${userInput} `; // Make a query to the Hugging Face API query({"inputs": "context: You are Zircon Bot. You should be happy to help with answering questions about programming the Zircon soccer robot kit, and debugging C++. Answer clearly and concisely with detailed steps like talking to a 4th grader. We are programming an a microcontroller in an arduino environment. Question: " + userInput + " Answer: ", "max_length": 600}) .then(response = { if (response.error) { chatMessages.innerHTML += `Zircon Bot: Error: ${response.error} `; } else { // Display the response response.forEach(item = { const generatedText = item.generated_text.replace(/context:.*?Answer:|Question:.*?Answer:|Confidence:.*$/gs, ''); chatMessages.innerHTML += `Zircon Bot: ${generatedText.trim()} `; // Update to display generated_text }); } }) .catch(error = { console.error('Error:', error); chatMessages.innerHTML += `Bot: An error occurred while fetching the response. `; }); // Clear user input field document.getElementById('user-input').value = ''; }