cursor done.

public/js/toast.js

@@ -0,0 +1,22 @@
+const toastEl = document.getElementById('statusMessage');
+
+export function showToast(message, type = 'info', duration = null) {
+  if (!toastEl) return;
+
+  toastEl.textContent = message;
+  toastEl.className = `status-message-toast ${type}`;
+
+  requestAnimationFrame(() => {
+    toastEl.classList.add('show');
+  });
+
+  const timeout = duration !== null ? duration : type === 'info' ? 4000 : 3000;
+
+  setTimeout(() => {
+    toastEl.classList.remove('show');
+    setTimeout(() => {
+      toastEl.textContent = '';
+      toastEl.className = 'status-message-toast';
+    }, 300);
+  }, timeout);
+}