fix: wave fully opaque (outside button), animation plays twice with pause

templates/partials/widgets/chat-widget.html

@@ -9,8 +9,8 @@
     onclick="toggleChatPanel()">
     <iconify-icon icon="mdi:robot-happy-outline" class="chat-icon-open"></iconify-icon>
     <iconify-icon icon="mdi:close" class="chat-icon-close"></iconify-icon>
-    <span class="chat-wave">👋</span>
 </button>
+<span id="chat-wave" class="chat-wave no-print">👋</span>
 
 <div id="chat-panel" class="chat-panel no-print">
     <div class="chat-header">
@@ -126,8 +126,10 @@ function pollChatStatus() {
 function toggleChatPanel() {
     var panel = document.getElementById('chat-panel');
     var btn = document.getElementById('chat-toggle-btn');
+    var wave = document.getElementById('chat-wave');
     panel.classList.toggle('chat-open');
     btn.classList.toggle('mascot-active');
+    if (wave) wave.classList.add('chat-wave-hidden');
     if (panel.classList.contains('chat-open')) {
         document.getElementById('chat-input').focus();
     }