Indicator for pending messages

client_html/assets/index.html

@@ -396,9 +396,10 @@ function visualUpdate() {
     const filteredMessages = selectedUsers.size
         ? visibleMessages.filter(m => selectedUsers.has(m[2]))
         : visibleMessages;
-    for (const [time, channel, username, message] of filteredMessages.slice().reverse()) {
+    for (const [time, channel, username, message, isPending] of filteredMessages.slice().reverse()) {
         const messageDiv = document.createElement('div');
         messageDiv.classList.add('message-item');
+        if (isPending) messageDiv.style.opacity = '0.5';
         const timeString = new Date(time).toLocaleTimeString();
         messageDiv.textContent = `[${timeString}] ${username}: ${message}`;
         messagesDiv.appendChild(messageDiv);