70 lines
1.6 KiB
HTML
70 lines
1.6 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>Safira Chat</title>
|
|
<link rel="stylesheet" href="style.css">
|
|
<script src="https://cdn.jsdelivr.net/npm/marked/marked.min.js"></script>
|
|
<script src="chat.js"></script>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
</head>
|
|
|
|
<body class="dark">
|
|
|
|
<div class="top-bar">
|
|
<h1>Safira AI Chat</h1>
|
|
<button onclick="login()">Login</button>
|
|
<button onclick="toggleTheme()">Toggle theme</button>
|
|
<button onclick="searchMessages()">Search</button>
|
|
<button onclick="addTags()">Tags</button>
|
|
<button onclick="shareConversation()">Share</button>
|
|
<button onclick="exportMD()">Export MD</button>
|
|
<button onclick="exportPDF()">Export PDF</button>
|
|
<input type="file" id="importFile" onchange="importFile()">
|
|
|
|
</div>
|
|
|
|
<button onclick="newConversation()">New Conversation</button>
|
|
|
|
<div id="chat"></div>
|
|
|
|
<textarea id="prompt" placeholder="Type your message..."></textarea>
|
|
<button onclick="sendMessage()">Send</button>
|
|
<hr>
|
|
|
|
<label for="model">Model:</label>
|
|
<select id="model">
|
|
<option value="llama3.2">Llama 3.2</option>
|
|
<option value="gemma4">Gemma 4</option>
|
|
<option value="qwen2.5">Qwen 2.5</option>
|
|
</select>
|
|
|
|
|
|
|
|
<div class="tabs" id="tabs"></div>
|
|
|
|
<div class="chat-container">
|
|
<div id="chat"></div>
|
|
</div>
|
|
|
|
<div class="input-bar">
|
|
<input type="file" id="attachment">
|
|
<textarea id="prompt" placeholder="Type your message..."></textarea>
|
|
<button onclick="sendMessage()">Send</button>
|
|
</div>
|
|
|
|
|
|
<button onclick="sendPrompt()">Generate</button>
|
|
|
|
<div id="output"></div>
|
|
|
|
|
|
</body>
|
|
</html>
|
|
|
|
<textarea id="prompt" placeholder="Type your prompt here..."></textarea>
|
|
|
|
|
|
</body>
|
|
</html>
|