2025-08-05 03:56:23 +02:00
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html lang="en">
|
|
|
|
|
<head>
|
|
|
|
|
<meta charset="UTF-8" />
|
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
|
|
|
|
|
|
|
|
<link rel="preconnect" href="https://fonts.googleapis.com" />
|
|
|
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
|
2025-08-09 22:14:35 +02:00
|
|
|
<link href="https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet" />
|
2025-08-05 03:56:23 +02:00
|
|
|
|
2025-08-09 21:16:24 +02:00
|
|
|
<link href="css/catppuccin.css" rel="stylesheet" />
|
2025-08-09 22:14:35 +02:00
|
|
|
<link href="css/dropdown.css" rel="stylesheet" />
|
2025-08-09 21:16:24 +02:00
|
|
|
<link href="css/markdown.css" rel="stylesheet" />
|
|
|
|
|
<link href="css/chat.css" rel="stylesheet" />
|
2025-08-05 03:56:23 +02:00
|
|
|
|
2025-08-10 15:57:38 +02:00
|
|
|
<title>whiskr</title>
|
2025-08-05 03:56:23 +02:00
|
|
|
</head>
|
|
|
|
|
<body>
|
|
|
|
|
<div id="page">
|
|
|
|
|
<div id="messages"></div>
|
|
|
|
|
<div id="chat">
|
|
|
|
|
<button id="bottom" class="hidden" title="Scroll to bottom"></button>
|
|
|
|
|
|
2025-08-09 21:16:24 +02:00
|
|
|
<textarea id="message" placeholder="Type something..." autocomplete="off"></textarea>
|
2025-08-05 03:56:23 +02:00
|
|
|
|
2025-08-10 22:32:40 +02:00
|
|
|
<button id="add" title="Add message to chat"></button>
|
|
|
|
|
<button id="send" title="Add message to chat and start completion"></button>
|
2025-08-05 03:56:23 +02:00
|
|
|
|
|
|
|
|
<div class="options">
|
|
|
|
|
<div class="option">
|
2025-08-10 22:32:40 +02:00
|
|
|
<label for="role" title="Message role"></label>
|
2025-08-05 03:56:23 +02:00
|
|
|
<select id="role">
|
|
|
|
|
<option value="user" selected>User</option>
|
|
|
|
|
<option value="assistant">Assistant</option>
|
|
|
|
|
<option value="system">System</option>
|
|
|
|
|
</select>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="option">
|
|
|
|
|
<label for="model" title="Model"></label>
|
2025-08-09 22:14:35 +02:00
|
|
|
<select id="model" data-searchable></select>
|
2025-08-05 03:56:23 +02:00
|
|
|
</div>
|
2025-08-07 22:09:08 +02:00
|
|
|
<div class="option">
|
2025-08-10 22:32:40 +02:00
|
|
|
<label for="prompt" title="Main system prompt"></label>
|
2025-08-07 22:09:08 +02:00
|
|
|
<select id="prompt">
|
|
|
|
|
<option value="" selected>No Prompt</option>
|
|
|
|
|
<option value="normal">Assistant</option>
|
|
|
|
|
</select>
|
|
|
|
|
</div>
|
2025-08-05 03:56:23 +02:00
|
|
|
<div class="option">
|
2025-08-10 22:39:18 +02:00
|
|
|
<label for="temperature" title="Temperature (0 - 2)"></label>
|
|
|
|
|
<input id="temperature" type="number" min="0" max="2" step="0.05" value="0.85" />
|
2025-08-05 03:56:23 +02:00
|
|
|
</div>
|
2025-08-10 22:32:40 +02:00
|
|
|
<div class="option none">
|
|
|
|
|
<label for="reasoning-effort" title="Reasoning Effort"></label>
|
|
|
|
|
<select id="reasoning-effort">
|
|
|
|
|
<option value="low">Low</option>
|
|
|
|
|
<option value="medium" selected>Medium</option>
|
|
|
|
|
<option value="hight">High</option>
|
|
|
|
|
<option value="">Custom</option>
|
|
|
|
|
</select>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="option none">
|
|
|
|
|
<label for="reasoning-tokens" title="Maximum amount of reasoning tokens"></label>
|
|
|
|
|
<input id="reasoning-tokens" type="number" min="2" max="1" step="0.05" value="0.85" />
|
|
|
|
|
</div>
|
2025-08-09 21:16:24 +02:00
|
|
|
<div class="option">
|
|
|
|
|
<button id="scrolling" title="Turn on auto-scrolling"></button>
|
|
|
|
|
</div>
|
2025-08-05 03:56:23 +02:00
|
|
|
<div class="option">
|
|
|
|
|
<button id="clear" title="Clear the entire chat"></button>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
2025-08-09 21:16:24 +02:00
|
|
|
<script src="lib/highlight.min.js"></script>
|
|
|
|
|
<script src="lib/marked.min.js"></script>
|
2025-08-10 15:53:30 +02:00
|
|
|
<script src="lib/morphdom.min.js"></script>
|
2025-08-09 21:16:24 +02:00
|
|
|
<script src="js/lib.js"></script>
|
|
|
|
|
<script src="js/markdown.js"></script>
|
|
|
|
|
<script src="js/dropdown.js"></script>
|
|
|
|
|
<script src="js/chat.js"></script>
|
2025-08-05 03:56:23 +02:00
|
|
|
</body>
|
|
|
|
|
</html>
|
