Run the registration policy on upstream OAuth registration

templates/components/field.html

@@ -14,7 +14,7 @@ See the License for the specific language governing permissions and
 limitations under the License.
 #}
 
-{% macro input(label, name, type="text", form_state=false, autocomplete=false, class="", inputmode="text", autocorrect=false, autocapitalize=false, disabled=false) %}
+{% macro input(label, name, type="text", form_state=false, autocomplete=false, class="", inputmode="text", autocorrect=false, autocapitalize=false, disabled=false, required=false) %}
   {% if not form_state %}
     {% set form_state = dict(errors=[], fields=dict()) %}
   {% endif %}
@@ -35,6 +35,7 @@ limitations under the License.
       class="z-0 px-3 py-2 bg-white dark:bg-black-900 rounded-lg {{ border_color }} border-2 focus:border-accent focus:ring-0 focus:outline-0"
       type="{{ type }}" 
       inputmode="{{ inputmode }}"
+      {% if required %} required {% endif %}
       {% if disabled %} disabled {% endif %}
       {% if autocomplete %} autocomplete="{{ autocomplete }}" {% endif %} 
       {% if autocorrect %} autocorrect="{{ autocorrect }}" {% endif %}

templates/pages/account/emails/add.html

@@ -33,7 +33,7 @@ limitations under the License.
       {% endif %}
 
       <input type="hidden" name="csrf" value="{{ csrf_token }}" />
-      {{ field::input(label="Email", name="email", type="email", form_state=form, autocomplete="email") }}
+      {{ field::input(label="Email", name="email", type="email", form_state=form, autocomplete="email", required=true) }}
       {{ button::button(text="Next") }}
   </section>
 {% endblock content %}

templates/pages/error.html

@@ -17,23 +17,25 @@ limitations under the License.
 {% extends "base.html" %}
 
 {% block content %}
-  <section class="hero is-danger">
-    <div class="hero-body">
-      <div class="container">
-        {% if code %}
-        <p class="title">
-          {{ code }}
-        </p>
-        {% endif %}
-        {% if description %}
-        <p class="subtitle">
-          {{ description }}
-        </p>
-        {% endif %}
-        {% if details %}
-        <pre><code>{{ details }}</code></pre>
-        {% endif %}
-      </div>
-    </div>
-  </section>
+<section class="flex-1 flex items-center justify-center">
+  <div class="w-64 flex flex-col gap-2">
+    <h1 class="text-xl font-semibold">Unexpected error</h1>
+    {% if code %}
+    <p class="font-semibold font-mono">
+      {{ code }}
+    </p>
+    {% endif %}
+    {% if description %}
+    <p>
+      {{ description }}
+    </p>
+    {% endif %}
+    {% if details %}
+      <hr />
+      <code>
+        <pre class="font-mono whitespace-pre-wrap break-all">{{ details }}</pre>
+      </code>
+    {% endif %}
+  </div>
+</section>
 {% endblock %}