visual changes

static/js/toast.js

@@ -0,0 +1,10 @@
+let hideTimer;
+
+export function toast(message, options = {}) {
+  const element = document.querySelector(options.selector || "#toast");
+  if (!element) return;
+  element.textContent = String(message ?? "");
+  element.classList.add("visible");
+  clearTimeout(hideTimer);
+  hideTimer = setTimeout(() => element.classList.remove("visible"), options.duration ?? 1800);
+}