Update playground.html

playground.html

@@ -523,6 +523,10 @@
     <div class="chat-wrapper">
         <div class="chat-header">
             <h2 style="font-family: 'JetBrains Mono', monospace;">LOKI.AI Playground</h2>
+        <div class="toggle-mode"style="align-content:center;">
+            <button id="toggleTextButton" class="toggle-btn active">Text</button>
+            <button id="toggleImageButton" class="toggle-btn">Image</button>
+        </div>
             <div class="header-actions">
                 <select id="modelSelect" class="model-select">
                     <option value="gpt-4o-mini">GPT-4o Mini</option>
@@ -579,6 +583,9 @@
                 <button id="sendButton"
                     style="padding: 10px 10px; background-color: black;color: #e0e0e8; font-family: 'JetBrains Mono'; border: solid #1a1a2e 2px; border-radius: 15px;">Send</button>
             </div>
+	<p style="display: block; text-align: center; color: grey; font-size: 9px; z-index: 99; padding-bottom:5px;">
+	Models can make mistakes. Check important info.
+	</p>
         </div>
     </div>
     <div class="watermark">