File size: 5,329 Bytes
6e6dab9 68e33b7 b30bb95 68e33b7 c00fa7c 68e33b7 c00fa7c e950717 68e33b7 2e70541 68e33b7 ef52f60 68e33b7 22b469d 68e33b7 c60e6fd 68e33b7 277b8cc 6e6dab9 68e33b7 ab4c27f 68e33b7 277b8cc ab4c27f 277b8cc 68e33b7 c00fa7c e950717 c00fa7c 68e33b7 404b568 68e33b7 ab4c27f 68e33b7 6e6dab9 68e33b7 |
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 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 |
<!DOCTYPE html>
<html>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<head>
<title>LLM Mixer</title>
<link rel="icon"
href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%221em%22 font-size=%2280%22>♾️</text></svg>">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.3.2/js/bootstrap.bundle.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.3.2/css/bootstrap.min.css" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/styles/default.min.css" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/highlight.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/showdown/2.1.0/showdown.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/html2canvas/1.4.1/html2canvas.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.11/clipboard.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.30.1/moment.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.30.1/moment-with-locales.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/dexie/3.2.4/dexie.min.js"></script>
<link rel="stylesheet" href="./css/default.css" />
</head>
<body>
<div id="main-container">
<div class="offcanvas offcanvas-start" data-bs-scroll="true" data-bs-backdrop="false" tabindex="-1"
id="chat-history-sidebar" aria-labelledby="chat-history-sidebar-label">
<div class="offcanvas-header">
<h5 class="offcanvas-title" id="chat-history-label">
<a style="text-decoration: none; color:inherit;" href="#">Chat History</a>
</h5>
<button id="chat-history-sidebar-close-button" class="btn-close">
</button>
</div>
<div class="offcanvas-body">
<ul id="chat-history-sidebar-items" class="navbar-nav justify-content-end flex-grow-1">
</ul>
</div>
<div class="d-flex justify-content-start mb-3">
<button id="clear-chat-history-button" class="btn">
<i class="fa fa-trash"></i>
</button>
</div>
</div>
<div id="chat-session-container" class="container">
<div id="messagers-container" class="container mt-3 py-1"></div>
</div>
<div id="user-interactions" class="container fixed-bottom mb-3">
<div id="endpoint-and-api-key-items">
</div>
<div class="mt-2 row no-gutters">
<div class="col-auto">
<button id="add-endpoint-and-api-key-item-button" class="btn px-0 ">
<i class="fa fa-circle-plus"></i>
</button>
</div>
<div class="col-auto">
<button id="toggle-endpoint-and-api-key-items-button" class="btn px-0">
<i class="fa fa-key"></i>
</button>
</div>
<div class="col px-0">
<select class="form-select" id="available-models-select" title="Available Models"></select>
</div>
<div class="col-auto pr-0">
<select class="form-select" id="temperature-select" title="Temperature"></select>
</div>
<div class="col-auto">
<button id="screenshot-button" class="btn px-0">
<i class="fa fa-camera"></i>
</button>
</div>
<div class="col-auto">
<button id="scroll-to-bottom-button" class="btn px-0">
<i class="fa fa-angles-down"></i>
</button>
</div>
<div class="col-auto">
<button id="chat-history-sidebar-toggle-button" class="btn px-0">
<i class="fa fa-bars"></i>
</button>
</div>
</div>
<div class="my-2 row no-gutters">
<div class="col-auto pr-0">
<button id="new-chat-session" class="btn px-0">
<i class="fa fa-compass"></i>
</button>
</div>
<div class="col px-0">
<textarea id="user-input" class="form-control" rows="1"
placeholder="Typing your prompt here ..."></textarea>
</div>
<div class="col-auto pr-3 pl-0">
<button id="send-user-input" class="btn px-0">
<i class="fa fa-paper-plane"></i>
</button>
</div>
</div>
</div>
</div>
</body>
<script type="module" src="./main.js"></script>
</html> |