@aravindc26/velu 0.13.14 → 0.13.15

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aravindc26/velu",
-  "version": "0.13.14",
+  "version": "0.13.15",
   "description": "A modern documentation site generator powered by Markdown and JSON configuration",
   "type": "module",
   "license": "MIT",

package/src/engine-core/components/assistant.tsx

@@ -478,7 +478,59 @@ function initAssistant() {
     if (savedConvToken) state.conversationToken = savedConvToken;
     if (savedSeq) state.lastSeq = parseInt(savedSeq, 10) || 0;
     if (savedFeedback) try { state.feedback = JSON.parse(savedFeedback); } catch {}
-    if (savedMessages) messagesEl.innerHTML = savedMessages;
+    if (savedMessages) {
+      messagesEl.innerHTML = savedMessages;
+      // Re-bind action handlers on restored messages
+      messagesEl.querySelectorAll('.velu-msg-assistant').forEach((msgDiv) => {
+        const messageId = msgDiv.getAttribute('data-message-id');
+        const mid = messageId ? parseInt(messageId, 10) : null;
+        const likeBtn = msgDiv.querySelector('.velu-msg-like') as HTMLElement | null;
+        const dislikeBtn = msgDiv.querySelector('.velu-msg-dislike') as HTMLElement | null;
+        const copyBtn = msgDiv.querySelector('.velu-msg-copy') as HTMLElement | null;
+        const bubble = msgDiv.querySelector('.velu-msg-bubble') as HTMLElement | null;
+
+        if (likeBtn && dislikeBtn && mid) {
+          likeBtn.onclick = () => {
+            const isActive = likeBtn.classList.contains('velu-msg-action-active');
+            if (isActive) {
+              likeBtn.classList.remove('velu-msg-action-active');
+              delete state.feedback[mid];
+              saveFeedbackState();
+              retractFeedback(mid).catch(() => {});
+            } else {
+              likeBtn.classList.add('velu-msg-action-active');
+              dislikeBtn.classList.remove('velu-msg-action-active');
+              state.feedback[mid] = 'up';
+              saveFeedbackState();
+              submitFeedback(mid, 'up').catch(() => {});
+            }
+          };
+          dislikeBtn.onclick = () => {
+            const isActive = dislikeBtn.classList.contains('velu-msg-action-active');
+            if (isActive) {
+              dislikeBtn.classList.remove('velu-msg-action-active');
+              delete state.feedback[mid];
+              saveFeedbackState();
+              retractFeedback(mid).catch(() => {});
+            } else {
+              dislikeBtn.classList.add('velu-msg-action-active');
+              likeBtn.classList.remove('velu-msg-action-active');
+              state.feedback[mid] = 'down';
+              saveFeedbackState();
+              submitFeedback(mid, 'down').catch(() => {});
+            }
+          };
+        }
+        if (copyBtn && bubble) {
+          copyBtn.onclick = () => {
+            navigator.clipboard.writeText(bubble.textContent || '');
+            copyBtn.classList.add('velu-msg-action-active');
+            copyBtn.title = 'Copied!';
+            setTimeout(() => { copyBtn.classList.remove('velu-msg-action-active'); copyBtn.title = 'Copy'; }, 1500);
+          };
+        }
+      });
+    }
     if (savedExpanded === '1') {
       state.expanded = true;
       panel.classList.add('velu-assistant-expanded');