fixes to make quest tracking work better, also quest rejection in via the converation with the NPC

public_web/static/js/toast.js

@@ -0,0 +1,82 @@
+/**
+ * Toast Notification System
+ * Provides temporary notifications for game events (quest acceptance, errors, etc.)
+ *
+ * Usage:
+ *   showToast('Quest accepted!', 'success');
+ *   showToast('Failed to save', 'error');
+ *   showToast('Item added to inventory', 'info');
+ */
+
+/**
+ * Show a toast notification
+ * @param {string} message - The message to display
+ * @param {string} type - Type of toast: 'success', 'error', or 'info'
+ * @param {number} duration - Duration in ms before auto-dismiss (default: 4000)
+ */
+function showToast(message, type = 'info', duration = 4000) {
+    // Create toast container if it doesn't exist
+    let container = document.getElementById('toast-container');
+    if (!container) {
+        container = document.createElement('div');
+        container.id = 'toast-container';
+        container.className = 'toast-container';
+        document.body.appendChild(container);
+    }
+
+    // Create toast element
+    const toast = document.createElement('div');
+    toast.className = `toast toast--${type}`;
+    toast.innerHTML = `
+        <span class="toast-message">${escapeHtml(message)}</span>
+        <button class="toast-close" onclick="dismissToast(this.parentElement)" aria-label="Close">&times;</button>
+    `;
+
+    // Add to container
+    container.appendChild(toast);
+
+    // Trigger animation (small delay for DOM to register element)
+    requestAnimationFrame(() => {
+        toast.classList.add('toast--visible');
+    });
+
+    // Auto-remove after duration
+    setTimeout(() => {
+        dismissToast(toast);
+    }, duration);
+}
+
+/**
+ * Dismiss a toast notification with animation
+ * @param {HTMLElement} toast - The toast element to dismiss
+ */
+function dismissToast(toast) {
+    if (!toast || toast.classList.contains('toast--dismissing')) {
+        return;
+    }
+
+    toast.classList.add('toast--dismissing');
+    toast.classList.remove('toast--visible');
+
+    // Remove from DOM after animation completes
+    setTimeout(() => {
+        if (toast.parentElement) {
+            toast.remove();
+        }
+    }, 300);
+}
+
+/**
+ * Escape HTML to prevent XSS
+ * @param {string} text - Text to escape
+ * @returns {string} Escaped text
+ */
+function escapeHtml(text) {
+    const div = document.createElement('div');
+    div.textContent = text;
+    return div.innerHTML;
+}
+
+// Make functions globally available
+window.showToast = showToast;
+window.dismissToast = dismissToast;