<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Kuzco Chat</title> <link rel="stylesheet" href="../css/styles.css"> </head> <body> <div id="app"> <header> <h1>Welcome to Kuzco Chat</h1> </header> <div id="modelSelectionContainer"> <label for="modelSelect">Choose AI Model:</label> <select id="modelSelect"> <option value="mistral">Mistral</option> <option value="llama2">Llama2</option> </select> </div> <main id="chatHistory" class="chat-history"> </main> <footer> <form id="chatForm" class="chat-form"> <input id="promptInput" type="text" placeholder="Enter your prompt" autofocus> <button id="sendButton">Send</button> <button id="stopButton" disabled>Stop</button> </form> </footer> </div> <script src="../js/renderer.js"></script> </body> </html>