Spaces:
Running
Running
File size: 1,543 Bytes
5ca5f25 407ff24 5ca5f25 ad86f71 c3fc836 5ca5f25 36784c4 5ca5f25 9091160 6ebfe81 9091160 ad86f71 9091160 5ca5f25 9091160 5ca5f25 ad86f71 5ca5f25 c3fc836 5ca5f25 407ff24 |
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 |
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width" />
<title>WebLLM Simple Chat Space</title>
<link rel="stylesheet" href="styles/katex.min.css" />
<link rel="stylesheet" href="styles/style.css" />
</head>
<body>
<main>
<h1>WebLLM Simple Chat Space</h1>
<p>
This is a minimal demo app showcasing how WebLLM enables AI chat
directly in your local browser. You might also enjoy exploring
<a
href="https://chat.webllm.ai/"
rel="nofollow noopener noreferrer"
target="_blank"
style="display: inline;"
>WebLLM Chat</a
>!
</p>
<h2>Step 1: Initialize WebLLM and Download Model</h2>
<div class="download-container">
<select id="model-selection"></select>
<button id="download">Download</button>
</div>
<p id="download-status" class="hidden"></p>
<h2>Step 2: Chat</h2>
<div class="chat-container">
<div id="chat-box" class="chat-box"></div>
<div id="chat-stats" class="chat-stats hidden"></div>
<div class="chat-input-container">
<div class="chat-input">
<input
type="text"
id="user-input"
placeholder="Type a message..."
/>
<button id="send" disabled>Send</button>
</div>
</div>
</div>
</main>
<script src="./dist/index.js" type="module"></script>
</body>
</html>
|