prelim emoji picker

static/app.js

@@ -1784,6 +1784,8 @@ window.resetAllVolumes = VoiceControls.resetAllVolumes;
 window.handleChatInput = EventHandlers.handleChatInput;
 window.handleChatKeyPress = EventHandlers.handleChatKeyPress;
 window.sendChatMessage = EventHandlers.sendChatMessage;
+window.toggleEmojiPicker = () => { alert("The emoji picker is not yet implemented"); }
 // Debug functions
 window.debugVoiceSetup = DebugUtils.debugVoiceSetup;
 window.fixVoice = DebugUtils.fixVoice;
+

static/index.html

@@ -109,6 +109,7 @@
                             onkeypress="handleChatKeyPress(event)"
                             oninput="handleChatInput(event)"
                         ></textarea>
+                        <button id="emoji-btn" onclick="toggleEmojiPicker()" disabled>😀</button>
                         <button id="send-btn" onclick="sendChatMessage()" disabled>Send</button>
                     </div>
                 </div>

static/styles.css

@@ -674,7 +674,8 @@ main {
 	color: var(--text-secondary);
 }
 
-#send-btn {
+#send-btn,
+#emoji-btn {
 	padding: 1rem 1.75rem;
 	border: none;
 	border-radius: 8px;
@@ -687,13 +688,15 @@ main {
 	border: 1px solid var(--border);
 }
 
-#send-btn:hover:not(:disabled) {
+#send-btn:hover:not(:disabled),
+#emoji-btn:hover:not(:disabled) {
 	background-color: var(--accent);
 	border-color: var(--accent);
 	transform: translateY(-2px);
 }
 
-#send-btn:disabled {
+#send-btn:disabled,
+#emoji-btn:disabled {
 	opacity: 0.5;
 	cursor: not-allowed;
 	transform: none;
@@ -1369,7 +1372,8 @@ button:disabled {
 		/* Prevent zoom on iOS */
 	}
 
-	#send-btn {
+	#send-btn,
+	#emoji-btn {
 		padding: 0.75rem 1rem;
 		font-size: 0.9rem;
 	}
@@ -1480,7 +1484,8 @@ button:disabled {
 		padding: 0.5rem;
 	}
 
-	#send-btn {
+	#send-btn,
+	#emoji-btn {
 		padding: 0.5rem 0.75rem;
 	}
 }