fix: html-router modals and add insta snapshot tests.

Avoid nested forms in the scratchpad editor, centralize modal lifecycle in modal.js, return HTMX partials from archive, and add template compile plus layout snapshots.

html-router/templates/head_base.html

@@ -16,12 +16,20 @@
 
   <!-- Scripts -->
   <script src="/assets/htmx.min.js" defer></script>
+  <script>
+    document.addEventListener('DOMContentLoaded', function () {
+      htmx.config.globalViewTransitions = true;
+      htmx.config.selfRequestsOnly = false;
+    });
+  </script>
   <script src="/assets/htmx-ext-sse.js" defer></script>
   <script src="/assets/theme-toggle.js" defer></script>
   <script src="/assets/toast.js" defer></script>
   <script src="/assets/marked.min.js" defer></script>
   <script src="/assets/knowledge-graph.js" defer></script>
   <script src="/assets/design-polish.js" defer></script>
+  <script src="/assets/modal.js" defer></script>
+  <script src="/assets/admin-prompt-reset.js" defer></script>
 
   <!-- Global View Transition -->
   <meta name="view-transition" content="same-origin" />
@@ -38,49 +46,7 @@
   {% block head %}{% endblock %}
 
 </head>
-<script>
-  (function wait_for_htmx() {
-    if (window.htmx) {
-      htmx.config.globalViewTransitions = true;
-      htmx.config.selfRequestsOnly = false;
-    } else {
-      setTimeout(wait_for_htmx, 50);
-    }
-  })();
-
-</script>
 
 {% block body %}{% endblock %}
 
-<script defer>
-  document.addEventListener('DOMContentLoaded', function () {
-    if (window.marked && !window.markedGlobalOptionsSet) {
-      marked.setOptions({
-        breaks: true,
-        gfm: true,
-        headerIds: false,
-        mangle: false,
-        smartLists: true,
-        smartypants: true,
-        xhtml: false
-      });
-      window.markedGlobalOptionsSet = true;
-    }
-    renderAllMarkdown();
-  });
-  document.body.addEventListener('htmx:afterSettle', renderAllMarkdown);
-
-  function renderAllMarkdown() {
-    if (!window.marked) return;
-    document.querySelectorAll('.markdown-content[data-content]').forEach(el => {
-      const raw = el.getAttribute('data-content') || '';
-      if (el.dataset.renderedContent !== raw) {
-        el.innerHTML = marked.parse(raw);
-        el.dataset.renderedContent = raw;
-      }
-    });
-  }
-  window.renderAllMarkdown = renderAllMarkdown;
-</script>
-
 </html>