File size: 1,645 Bytes
e49cffc dda55fb 1f75806 dda55fb e49cffc de7b757 1f75806 de7b757 1f75806 f645ecd 1f75806 de7b757 e49cffc |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 |
<!doctype html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>LLM TESTING</title>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600&display=swap" rel="stylesheet">
<link rel="stylesheet" href="style.css" />
</head>
<body>
<div class="container">
<h1>Welcome to your researcher friendly LLM workspace!</h1>
<label for="apiKey">API Key:</label>
<input type="text" id="apiKey" placeholder="sk-or-...">
<label for="model">Choose Model:</label>
<select id="model">
<option value="meta-llama/llama-3.3-70b-instruct:free">Meta Llama 3.3 Intsruction</option>
<option value="deepseek/deepseek-chat-v3-0324:free">DeepSeek Chat v3</option>
</select>
<label for="prompt">Your Prompt:</label>
<textarea id="prompt" placeholder="Type your test prompt here..."></textarea>
<label for="fileUpload">Or upload a file with prompts (one per line):</label>
<label class="custom-file-upload">
<input type="file" id="fileUpload" accept=".txt,.csv">Choose File
</label>
<button onclick="send()">Send Prompt</button>
<h3 style="margin-top: 24px; color: #6b21a8;">Response:</h3>
<pre id="response">(waiting for response...)</pre>
<div class="download">
<button onclick="downloadCSV()">Download Results as CSV</button>
</div>
</div>
<script src="app.js"></script>
</body>
</html>
|