first try at html reconcile page

src/datasette_reconcile/__init__.py

@@ -2,6 +2,7 @@
 
 from datasette_reconcile.reconcile import ReconcileAPI
 from datasette_reconcile.utils import check_config, check_permissions
+from datasette_reconcile.views import ReconcileHTML
 
 
 async def reconcile(request, datasette):
@@ -30,5 +31,8 @@ async def reconcile(request, datasette):
 
 
 @hookimpl
-def register_routes():
-    return [(r"/(?P<db_name>[^/]+)/(?P<db_table>[^/]+?)/-/reconcile$", reconcile)]
+def register_routes(datasette):
+    return [
+        (r"/(?P<db_name>[^/]+)/(?P<db_table>[^/]+?)/-/reconcile$", reconcile),
+        (r"/(?P<db_name>[^/]+)/(?P<db_table>[^/]+?)/-/reconcile.html$", ReconcileHTML.as_view(datasette)),
+    ]

src/datasette_reconcile/templates/reconcile.html

@@ -0,0 +1,19 @@
+{% extends "base.html" %}
+
+{% block title %}{{ metadata.title or "Datasette" }}: Reconciliation{% endblock %}
+
+{%- block extra_head %}
+{{- super() -}}
+<script src="https://cdnjs.cloudflare.com/ajax/libs/PapaParse/5.4.1/papaparse.min.js"
+    integrity="sha512-dfX5uYVXzyU8+KHqj8bjo7UkOdg18PaOtpa48djpNbZHwExddghZ+ZmzWT06R5v6NSk3ZUfsH6FNEDepLx9hPQ=="
+    crossorigin="anonymous" referrerpolicy="no-referrer"></script>
+<script>
+    const RECONCILE_URL = {{ reconcile_url|tojson }};
+</script>
+{% endblock -%}
+
+{% block content %}
+<h1>{{ metadata.title or "Datasette" }} Reconciliation {% if private %} 🔒{% endif %}</h1>
+
+{{ reconcile_config }}
+{% endblock %}

src/datasette_reconcile/views.py

@@ -0,0 +1,42 @@
+from datasette.version import __version__
+from datasette.views.base import BaseView
+
+from datasette_reconcile.utils import check_config, check_permissions
+
+
+class ReconcileHTML(BaseView):
+    name = "reconcile_html"
+
+    async def get(self, request):
+        database = request.url_vars["db_name"]
+        table = request.url_vars["db_table"]
+        db = self.ds.get_database(database)
+
+        # get plugin configuration
+        config = self.ds.plugin_config("datasette-reconcile", database=database, table=table)
+        config = await check_config(config, db, table)
+
+        # check user can at least view this table
+        await check_permissions(
+            request,
+            [
+                ("view-table", (database, table)),
+                ("view-database", database),
+                "view-instance",
+            ],
+            self.ds,
+        )
+
+        return await self.render(
+            ["reconcile.html"],
+            request=request,
+            context={
+                "database": database,
+                "table": table,
+                "reconcile_config": config,
+                "reconcile_url": self.ds.absolute_url(request, self.ds.urls.table(database, table) + "/-/reconcile"),
+                "metadata": self.ds.metadata(),
+                "datasette_version": __version__,
+                "private": not await self.ds.permission_allowed(None, "view-instance"),
+            },
+        )