Update index.html

index.html

@@ -262,7 +262,8 @@
                     });
                     chatArea.appendChild(messageGroup);
                 });
-                chatArea.scrollTop = chatArea.scrollHeight;
+                // CHANGE 1: Set scroll to top instead of bottom
+                chatArea.scrollTop = 0;
             }
 
             function formatMessage(content) {
@@ -271,7 +272,24 @@
                 content = content.replace(/&lt;video&gt;(.*?)&lt;\/video&gt;/g, '<div class="special-element video-element">🎥 Video: $1</div>');
                 content = content.replace(/&lt;audio&gt;(.*?)&lt;\/audio&gt;/g, '<div class="special-element audio-element">🔊 Audio: $1</div>');
                 content = content.replace(/&lt;gif&gt;(.*?)&lt;\/gif&gt;/g, '<div class="special-element gif-element">🎞️ GIF: $1</div>');
-                content = content.replace(/&lt;delay\s+(?:hours="(\d+)"\s*)?(?:minutes="(\d+)"\s*)?(?:\/)?&gt;/g, (match, h, m) => `<div class="special-element delay-element">⏱️ Delay: ${ (h?h+"h ":"")+(m?m+"m":"") || "unknown"}</div>`);
+                
+                // CHANGE 2: Replaced the old delay regex with a more robust parser that can handle days, hours, and minutes in any order.
+                content = content.replace(/&lt;delay\s+([^&]*?)\/?&gt;/g, (match, attributes) => {
+                    const parts = {};
+                    const attrRegex = /(\w+)="(\d+)"/g;
+                    let attrMatch;
+                    while ((attrMatch = attrRegex.exec(attributes)) !== null) {
+                        parts[attrMatch[1]] = attrMatch[2]; // e.g., parts['days'] = '1'
+                    }
+
+                    const d = parts.days ? `${parts.days}d ` : "";
+                    const h = parts.hours ? `${parts.hours}h ` : "";
+                    const m = parts.minutes ? `${parts.minutes}m` : "";
+                    const timeString = (d + h + m).trim() || "unknown";
+
+                    return `<div class="special-element delay-element">⏱️ Delay: ${timeString}</div>`;
+                });
+
                 content = content.replace(/&lt;end\/&gt;/g, '<div class="special-element">🔚 End</div>');
                 content = content.replace(/&lt;code&gt;(.*?)&lt;\/code&gt;/g, '<span class="code">$1</span>');
                 content = content.replace(/\n/g, "<br>");