Wizzard/kuzco-cli
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases 1 Wiki Activity

Restructure GUI folder & modify styles.css

Browse Source
This commit is contained in:
Wizzard
2024-03-09 16:19:47 -05:00
parent bdf5715868
commit ee6f775b5b
8 changed files with 32 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
gui/html/index.html Normal file
View File

@@ -0,0 +1,32 @@
<!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>

20
gui/html/prompt.html Normal file
View File

@@ -0,0 +1,20 @@
<!DOCTYPE html>
<html>
<head>
<title>Enter API Key</title>
<link rel="stylesheet" href="../css/styles.css">
</head>
<body>
<h1>Enter API Key</h1>
<input type="text" id="apiKeyInput" placeholder="API Key">
<button id="submitApiKey">Submit</button>
<script>
const { ipcRenderer } = require('electron');
document.getElementById('submitApiKey').addEventListener('click', () => {
const apiKey = document.getElementById('apiKeyInput').value;
ipcRenderer.send('submit-api-key', apiKey);
});
</script>
</body>
</html>