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-11 00:15:58 +02:00
|
|
|
<link href="lib/catppuccin.min.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>
|
2025-08-11 01:38:16 +02:00
|
|
|
<body class="loading">
|
|
|
|
|
<div id="version"></div>
|
|
|
|
|
|
2025-08-05 03:56:23 +02:00
|
|
|
<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>
|
2025-08-15 03:00:59 +02:00
|
|
|
<option value="reviewer">Code Reviewer</option>
|
|
|
|
|
<option value="engineer">Prompt Engineer</option>
|
|
|
|
|
<option value="scripts">Shell Scripter</option>
|
|
|
|
|
<option value="physics">Physics Explainer</option>
|
2025-08-07 22:09:08 +02:00
|
|
|
</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-14 17:08:45 +02:00
|
|
|
<div class="option group none">
|
|
|
|
|
<button id="json" title="Turn on structured json output"></button>
|
|
|
|
|
<button id="search" title="Turn on search tools (search_web and fetch_contents)"></button>
|
2025-08-11 00:15:58 +02:00
|
|
|
</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">
|
2025-08-16 14:54:27 +02:00
|
|
|
<button id="export" title="Export the entire chat as a JSON file"></button>
|
|
|
|
|
<button id="import" title="Import a chat form a JSON file"></button>
|
2025-08-05 03:56:23 +02:00
|
|
|
<button id="clear" title="Clear the entire chat"></button>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
2025-08-16 17:18:48 +02:00
|
|
|
<div id="authentication" class="modal">
|
|
|
|
|
<div class="background"></div>
|
|
|
|
|
<div class="content">
|
|
|
|
|
<div class="header">Authentication</div>
|
|
|
|
|
<div class="body">
|
|
|
|
|
<div id="auth-error" class="error"></div>
|
|
|
|
|
|
|
|
|
|
<div class="form-group">
|
|
|
|
|
<label for="username">Username</label>
|
|
|
|
|
<input type="text" name="username" id="username" placeholder="admin" />
|
|
|
|
|
</div>
|
|
|
|
|
<div class="form-group">
|
|
|
|
|
<label for="password">Password</label>
|
|
|
|
|
<input type="password" name="password" id="password" />
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="buttons">
|
|
|
|
|
<button id="login">Login</button>
|
|
|
|
|
</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>
|
