File size: 1,686 Bytes
e49cffc dda55fb 1f75806 dda55fb e49cffc de7b757 1f75806 de7b757 1f75806 f6c73b4 6863ed8 1f75806 de7b757 878b50f de7b757 b971940 878b50f de7b757 878b50f 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 43 |
<!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="model">Choose Model:</label>
<select id="model">
<option value="google/gemma-3n-e2b-it:free">Google Gemma</option>
<option value="deepseek/deepseek-r1: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 csv file with prompts</label>
<label class="custom-file-upload">
<input type="file" id="fileUpload" accept=".txt,.csv">Choose File
<!-- File name preview -->
<p id="fileName" class="file-name"></p>
</label>
<button onclick="send()">Send Prompt</button>
<h3 style="margin-top: 24px; color: #6b21a8;">Response:</h3>
<!-- Loading animation -->
<div id="loading" class="loading" style="display: none;">⏳ Processing prompts... Please wait.</div>
<div class="download">
<button onclick="downloadCSV()">Download Results as CSV</button>
</div>
</div>
<script src="app.js"></script>
</body>
</html>
|