@@ -51,10 +51,23 @@ jobs:
         run: uv sync --frozen --extra dev --extra browser
       - name: Install WebKit and Linux system dependencies
         run: uv run --frozen --extra browser playwright install --with-deps webkit
+      # The explorer's typesetting runs the real MathJax, served in place of
+      # the CDN from the same checked tarball as the MathJax job's.
+      - name: Install pinned MathJax 3.2.2
+        run: |
+          set -euo pipefail
+          timeout --signal=TERM --kill-after=15s 2m curl -sSfL \
+            https://registry.npmjs.org/mathjax/-/mathjax-3.2.2.tgz -o mathjax.tgz
+          echo "1b9c0a1c44df864e915690558e72adb9cc5203360daefd385084ced3b6c64c09  mathjax.tgz" \
+            | sha256sum --check --strict
+          mkdir mathjax
+          tar xzf mathjax.tgz -C mathjax
+          echo "AUTOFORM_MATHJAX_DIR=$PWD/mathjax/package" >> "$GITHUB_ENV"
       - name: Run dependency explorer browser regressions
         run: uv run --frozen --extra dev --extra browser pytest -q tests/test_dag_viewer_browser.py
         env:
           AUTOFORM_REQUIRE_BROWSER_TESTS: "1"
+          AUTOFORM_REQUIRE_MATHJAX_TESTS: "1"
 
   mathjax:
     name: MathJax read-back cards (Node)
 
@@ -38,6 +38,11 @@ date when the release is tagged.
   articles that proof uses, and keeps the source's route in the proof sketch,
   so the article is not blocked on steps its proof never needs; Agent Review
   checks the same (#443).
+- **Dependency explorer.** The rail and the details typeset the TeX in titles
+  and summaries, with the articles' input and the project's macros, where the
+  explorer's own MathJax calls had typeset nothing on a generated site. Map
+  cards, the Contents list, search and the explorer's head still show a title
+  as typed (#455).
 
 ## 0.6.0 (2026-10-22)
 
 
@@ -19,9 +19,9 @@ each `AUTOFORM_REQUIRE_*` variable below, so it fails where a local run skips:
 
 - Browser tests skip without the `browser` extra and WebKit; `make test-browser`
   installs both and runs them as CI does (`AUTOFORM_REQUIRE_BROWSER_TESTS=1`).
-- MathJax read-back card tests skip unless `node` is on `PATH` and
-  `AUTOFORM_MATHJAX_DIR` names an unpacked MathJax 3.2.2 package
-  (`AUTOFORM_REQUIRE_MATHJAX_TESTS=1`).
+- MathJax tests skip unless `AUTOFORM_MATHJAX_DIR` names an unpacked MathJax
+  3.2.2 package, and the Node ones unless `node` is on `PATH`; CI's MathJax and
+  WebKit jobs unpack it (`AUTOFORM_REQUIRE_MATHJAX_TESTS=1`).
 - Lean tests skip without `lake` on `PATH`, and most without the toolchain in
   `tests/fixtures/skeleton-project/lean-toolchain`, which only the real-Lake
   test in `tests/test_project_inspect.py` lets elan download
 
@@ -1044,11 +1044,11 @@ projection uses the same JSON-derived explorer. A formal statement links to the
 smallest scope holding it, as `<scope>.html#node=<id>`; only a legacy
 `dependencies/full.html#node=<id>` link redirects. A `lean:` declaration that
 resolves to a repository permalink gets a source link; a catalog's Lean row
-shows its first eight names and counts the rest. The explorer shows a title as
-typed, and render percent-encodes each link it writes from file and folder
-names, such as the book's previous and next links, while a Markdown link it
-moves keeps its decoded spelling and starts with `./` when its first segment
-holds a colon, so no name can make a `javascript:` URL.
+shows its first eight names and counts the rest. The explorer typesets only the
+TeX in its rail's and details' titles and summaries. Render percent-encodes each
+link it writes from file and folder names, such as the book's previous and next
+links; a Markdown link it moves keeps its decoded spelling and starts with `./`
+when its first segment holds a colon, so no name can make a `javascript:` URL.
 
 Render writes no Mermaid graph of its own. Authored Mermaid remains supported in
 the vault and book, drawn in strict mode with plain-text labels and loaded only
@@ -1107,12 +1107,12 @@ do nothing, however a formula or macro reaches them. A macro may not take one of
 their names; `check` and `render` warn about a macro they leave out, judging the
 copy of `tex-macros.json` that `render` reads once and publishes. Each read-back
 card has its own TeX input with only base, ams, and noundefined. Only formulas
-the site's Markdown marks, such as `$...$` or `$$...$$` in an article, are
-typeset; a statement's heading title, a `discussion:` value, the home page's
-lead, the navigation, and a table of contents show as typed. A formula paints
-only within its own line and block, and an inline formula wider than its
-paragraph is cut at its edge, so write one that wide as a display, which
-scrolls.
+the site's Markdown marks, such as `$...$`, and the explorer's rail and details
+titles and summaries are typeset, with no MathJax tab stop or menu in a link or
+button; a heading's title, a `discussion:` value, the home page's lead, the
+navigation, and a table of contents show as typed. A formula paints only within
+its own line and block, and an inline formula wider than its paragraph is cut at
+its edge, so write one that wide as a display, which scrolls.
 
 ### Upgrading from an earlier Autoform
 
 
@@ -19,6 +19,7 @@
 
 from .graph_views import FLATTENED_ROLES, INVENTORY_STATUSES, GraphView, ViewNode
 from .lean import declaration_names
+from .markdown import FORMULA_CLASS
 from .status import INVENTORY_STATES, MEANINGS, STATES
 
 SCHEMA = "autoform-dag-view/v2"
@@ -482,7 +483,7 @@ def viewer_script() -> str:
     # that browsers do not need. Internal spaces and the line breaks between
     # code lines stay intact.
     # Whole-line comments explain the source, not the page, so they stay here.
-    lines = (line.lstrip() for line in _SCRIPT.splitlines())
+    lines = (line.lstrip() for line in _SCRIPT.replace("FORMULA_CLASS_JSON", json.dumps(FORMULA_CLASS)).splitlines())
     return "\n".join(line for line in lines if line and not line.startswith("//")) + "\n"
 
 
@@ -602,6 +603,7 @@ def viewer_script() -> str:
 .bp-dag-filter-popover fieldset + fieldset { margin-top: 8px; padding-top: 8px; border-top: 1px solid var(--dag-border); }
 .bp-dag-filter-popover legend { margin-bottom: 6px; }
 .bp-dag-filter-popover legend, .bp-dag-viewer.bp-dag-viewer .bp-dag-navigation-group h2 { color: var(--dag-muted); font-size: 11px; font-weight: 600; letter-spacing: .06em; line-height: 1.3; text-transform: uppercase; }
+.bp-dag-viewer mjx-container { text-transform: none; }
 .bp-dag-check { display: flex; align-items: center; gap: 7px; min-height: 32px; padding: 3px 5px; border-radius: var(--dag-radius-row); }
 .bp-dag-check:hover { background: var(--dag-panel); }
 .bp-dag-check input { accent-color: var(--dag-link); }
@@ -759,6 +761,9 @@ def viewer_script() -> str:
   if (window.__AUTOFORM_DAG_VIEWER_V2__) return;
   window.__AUTOFORM_DAG_VIEWER_V2__ = true;
 
+  // The class of the site's formulas: the authored titles and summaries the
+  // rail and the details draw carry it, so the site's MathJax typesets them.
+  var TEX = FORMULA_CLASS_JSON;
   var NODE_W = 196, NODE_H = 56, MAX_MAP_NODES = 120, LIST_PAGE = 100;
   var SEARCH_PAGE = 50, RELATION_PAGE = 50, MIN_SCALE = .002, MIN_READABLE_SCALE = .8, MIN_ATLAS_SCALE = .68, hostSequence = 0;
   var clamp = function (value, low, high) { return Math.max(low, Math.min(high, value)); };
@@ -979,32 +984,29 @@ def viewer_script() -> str:
       if (refs.ctx.font.indexOf("11px") < 0) family = "sans-serif";
     }
 
-    function trailList(entries, className) {
+    function trailList(entries, className, tex) {
       var list = element("ol", className);
       entries.forEach(function (entry, index) {
-        var item = element("li"), href = safeHref(entry.url);
+        // The class goes on the element that holds the text: the link, when there is one.
+        var href = safeHref(entry.url), item = element("li", href ? "" : tex);
         item.title = entry.label;
-        if (href) { var link = element("a", "", entry.label); link.href = href; link.title = entry.label; item.appendChild(link); }
+        if (href) { var link = element("a", tex, entry.label); link.href = href; link.title = entry.label; item.appendChild(link); }
         else { item.textContent = entry.label; if (!className && index === entries.length - 1) item.setAttribute("aria-current", "page"); }
         list.appendChild(item);
       });
       return list;
     }
-    // MathJax typesets authored TeX after the calling render, forgetting the old math first.
-    function typeset(container) {
-      var M = window.MathJax;
-      if (!M || !M.typesetPromise) return;
-      M.typesetClear([container]);
-      M.startup.promise = M.startup.promise.then(function () { return M.typesetPromise([container]); }).catch(function () {});
-    }
+    // The site's javascripts/mathjax.js typesets the text marked TEX as it does articles' formulas, after the
+    // calling render; before MathJax starts, its first pass reads it.
+    function typeset() { document.dispatchEvent(new Event("autoform:typeset")); }
     function renderNavigation() {
       if (!refs.navigationInner) return;
-      typeset(refs.navigationInner); refs.navigationInner.textContent = ""; refs.navigationNodes = new Map();
+      typeset(); refs.navigationInner.textContent = ""; refs.navigationNodes = new Map();
       if (intro) { if (!state.introInSheet) refs.navigationInner.appendChild(intro); } else {
       // The h1 names the current scope, so the rail's trail lists only its ancestors.
-      if (trail.length > 1) refs.navigationInner.appendChild(trailList(trail.slice(0, -1), "bp-dag-navigation-path"));
-      refs.navigationInner.appendChild(element("h1", "bp-dag-navigation-title", data.title || "Mathematics"));
-      if (view.summary) refs.navigationInner.appendChild(element("p", "bp-dag-navigation-summary", view.summary));
+      if (trail.length > 1) refs.navigationInner.appendChild(trailList(trail.slice(0, -1), "bp-dag-navigation-path", TEX));
+      refs.navigationInner.appendChild(element("h1", "bp-dag-navigation-title " + TEX, data.title || "Mathematics"));
+      if (view.summary) refs.navigationInner.appendChild(element("p", "bp-dag-navigation-summary " + TEX, view.summary));
       refs.navigationInner.appendChild(element("p", "bp-dag-navigation-counts", plural(data.nodes.length, atlas ? "topic" : "item",
         atlas ? "topics" : "items") + " · " + plural(data.edge_count || data.edges.length, "dependency", "dependencies")));
       }
@@ -1016,7 +1018,7 @@ def viewer_script() -> str:
       });
       groups.forEach(function (nodes, label) {
         var section = element("section", "bp-dag-navigation-group");
-        if (groups.size > 1) section.appendChild(element("h2", "", label));
+        if (groups.size > 1) section.appendChild(element("h2", TEX, label));
         var list = element("ul", "bp-dag-navigation-list");
         nodes.forEach(function (node) {
           var item = element("li"), href = safeHref(node.url), control;
@@ -1026,7 +1028,7 @@ def viewer_script() -> str:
             control.addEventListener("click", function () { activateNode(node, true); });
           }
           control.dataset.navigationNodeId = node.id;
-          control.appendChild(element("span", "", node.title));
+          control.appendChild(element("span", TEX, node.title));
           // A scope counts its items; a leaf shows its status as a swatch, so the rows end evenly.
           var mark = node.kind === "scope" ? element("span", "bp-dag-navigation-meta", (node.member_count || 0).toLocaleString()) : swatch(node.status);
           if (node.kind !== "scope") { mark.title = statusLabel(node.status); mark.setAttribute("role", "img"); mark.setAttribute("aria-label", mark.title); }
@@ -1138,7 +1140,7 @@ def viewer_script() -> str:
       var section = element("section", "bp-dag-section"), list = element("div", "bp-dag-distribution");
       section.appendChild(element("h3", "", title));
       rows.forEach(function (row) {
-        var line = element("div", "bp-dag-distribution-row"), name = element("span", "bp-dag-distribution-label");
+        var line = element("div", "bp-dag-distribution-row"), name = element("span", "bp-dag-distribution-label " + TEX);
         if (row[2]) name.appendChild(swatch(row[2]));
         name.appendChild(document.createTextNode(row[0])); line.appendChild(name);
         line.appendChild(element("span", "", String(row[1]))); list.appendChild(line);
@@ -1705,11 +1707,13 @@ def viewer_script() -> str:
     }
 
     function renderInspector() {
-      typeset(refs.inspector); refs.inspectorInner.textContent = ""; refs.sheetHandle.textContent = state.selected ? state.selected.title : introTitle || "Graph details";
+      typeset(); refs.inspectorInner.textContent = ""; refs.sheetHandle.textContent = state.selected ? state.selected.title : introTitle || "Graph details";
+      // The handle repeats a node's title; the landing page's title it shows otherwise is printed as typed.
+      refs.sheetHandle.classList.toggle(TEX, !!state.selected);
       if (!state.selected) {
         if (intro) { if (state.introInSheet) refs.inspectorInner.appendChild(intro); } else {
-          refs.inspectorInner.appendChild(element("h2", "", data.title || "Dependencies"));
-          if (view.summary) refs.inspectorInner.appendChild(element("p", "bp-dag-summary", view.summary));
+          refs.inspectorInner.appendChild(element("h2", TEX, data.title || "Dependencies"));
+          if (view.summary) refs.inspectorInner.appendChild(element("p", "bp-dag-summary " + TEX, view.summary));
         }
         var overview = element("p", "bp-dag-overview"); overview.appendChild(element("strong", "", plural(data.nodes.length, atlas ? "topic" : "node", atlas ? "topics" : "nodes")));
         overview.appendChild(document.createTextNode(" · " + plural(data.edge_count || data.edges.length,
@@ -1731,8 +1735,8 @@ def viewer_script() -> str:
           "Inventory statuses are neutral: an inventory records inspection, not a mathematical proof.")); return;
       }
       var node = state.selected, header = element("div", "bp-dag-inspector-header");
-      if (node.declaration) header.appendChild(element("p", "bp-dag-kicker", node.declaration + (node.area ? " · " + node.area : "")));
-      header.appendChild(element("h2", "", node.title));
+      if (node.declaration) header.appendChild(element("p", "bp-dag-kicker " + TEX, node.declaration + (node.area ? " · " + node.area : "")));
+      header.appendChild(element("h2", TEX, node.title));
       var close = button("bp-dag-close", "×", "Close details"); close.addEventListener("click", function () {
         // Hiding the details takes focus out of them; it returns to the selection, not to the page.
         setSheet(false, state.selected);
@@ -1753,7 +1757,7 @@ def viewer_script() -> str:
       }
       if (node.lean) refs.inspectorInner.appendChild(element("p", "bp-dag-lean",
         "Lean: " + node.lean + (node.lean_more ? " and " + node.lean_more + " more" : "")));
-      if (node.summary) refs.inspectorInner.appendChild(element("p", "bp-dag-summary", node.summary));
+      if (node.summary) refs.inspectorInner.appendChild(element("p", "bp-dag-summary " + TEX, node.summary));
       if (node.kind === "scope" && node.internal_dependency_count) refs.inspectorInner.appendChild(element("p", "bp-dag-overview",
         plural(node.internal_dependency_count, "authored dependency connects", "authored dependencies connect") + " results inside this topic."));
       var before = prerequisites.get(node.id) || [], after = dependents.get(node.id) || [];
@@ -1786,14 +1790,14 @@ def viewer_script() -> str:
         var next = Math.min(visible + RELATION_PAGE, ids.length);
         ids.slice(visible, next).forEach(function (id) {
           var related = byId.get(id); if (!related) return;
-          var item = element("li"), choose = button("bp-dag-relation-button", related.title);
+          var item = element("li"), choose = button("bp-dag-relation-button " + TEX, related.title);
         choose.addEventListener("click", function () { activateNode(related, true); }); item.appendChild(choose); list.appendChild(item);
         });
         visible = next;
         more.hidden = visible >= ids.length;
         more.textContent = more.hidden ? "" : "Show " + Math.min(RELATION_PAGE, ids.length - visible) + " more";
       }
-      more.addEventListener("click", function () { appendNextBatch(); typeset(list); }); appendNextBatch();
+      more.addEventListener("click", function () { appendNextBatch(); typeset(); }); appendNextBatch();
       section.appendChild(list); section.appendChild(more); refs.inspectorInner.appendChild(section);
     }
 
 
@@ -59,7 +59,9 @@
 
 #: The class pymdownx.arithmatex gives each formula it finds in the site's
 #: Markdown. The page's MathJax reads these elements and no other text, so a
-#: title or the navigation shows its TeX as typed.
+#: title or the navigation shows its TeX as typed, but for the titles and
+#: summaries the dependency explorer draws in its rail and details, which it
+#: marks with this class.
 FORMULA_CLASS = "arithmatex"
 
 #: The Markdown extensions the generated `mkdocs.yml` enables, and their