toats notifications in the web

web/templates/ui/alert.html

@@ -4,7 +4,11 @@
   the dark variants because the app has no dark theme. The colours come from
   the @theme block in ui/base.html.
 
-  Imported wherever a form reports its outcome:
+  Failures only: a success is ui/toast.html, which says its piece and then
+  removes itself rather than staying in the layout. An error has to stay until
+  it is read, so it is this.
+
+  Imported wherever a form reports a failure:
 
     {% import "ui/alert.html" as alert %}
     {% call alert::error("Could not create the table", message) %}{% endcall %}
@@ -28,20 +32,3 @@
   </div>
 </div>
 {% endmacro %}
-
-{% macro success(title, message) %}
-<div class="relative mt-4 w-full overflow-hidden rounded-md border border-success bg-surface text-onSurface" role="alert">
-  <div class="flex items-center gap-2 bg-success/10 p-4">
-    <div class="shrink-0 rounded-full bg-success/15 p-1 text-success">
-      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="size-6" aria-hidden="true">
-        <path fill-rule="evenodd" clip-rule="evenodd"
-              d="M10 18a8 8 0 1 0 0-16 8 8 0 0 0 0 16Zm3.857-9.809a.75.75 0 0 0-1.214-.882l-3.483 4.79-1.88-1.88a.75.75 0 1 0-1.06 1.061l2.5 2.5a.75.75 0 0 0 1.137-.089l4-5.5Z" />
-      </svg>
-    </div>
-    <div class="ml-2">
-      <h3 class="text-sm font-semibold text-success">{{ title }}</h3>
-      <p class="text-sm font-medium whitespace-pre-wrap">{{ message }}</p>
-    </div>
-  </div>
-</div>
-{% endmacro %}