Fix UX: add back-to-home navigation in topic wikis

- Add "← Super Brain" link at the top of every topic wiki's nav panel,
  linking back to the Face Page (homeUrl: "../../").
- Brand text now shows the topic name instead of generic "Super Brain".
- Face Page topic cards now use <a> tags for proper accessibility.
- Add .nav-home-link CSS to shared styles.

Author: SyntaxArchmage

site/face.css

@@ -125,6 +125,9 @@ body {
 
 /* Topic card */
 .topic-card {
+  display: block;
+  text-decoration: none;
+  color: inherit;
   background: var(--c-surface);
   border: 1px solid var(--c-border);
   border-radius: var(--radius-xl);

site/face.js

@@ -47,7 +47,7 @@
       html += '<div class="face-grid">';
       cat.topics.forEach(function (topic) {
         html +=
-          '<div class="topic-card" data-path="' + topic.path + '">' +
+          '<a class="topic-card" href="' + topic.path + '">' +
             '<div class="topic-card-header">' +
               '<div class="topic-card-icon" style="background:' + (topic.color || "#1d4ed8") + '">' +
                 topic.icon +
@@ -64,17 +64,13 @@
               '<div class="topic-stat">Updated ' + (topic.updated || "\u2014") + '</div>' +
             '</div>' +
             '<div class="topic-card-arrow">\u203a</div>' +
-          '</div>';
+          '</a>';
       });
       html += '</div></div>';
     });
     mainEl.innerHTML = html;
 
-    mainEl.querySelectorAll(".topic-card").forEach(function (card) {
-      card.addEventListener("click", function () {
-        window.location.href = card.dataset.path;
-      });
-    });
+    // Cards are native <a> tags — no JS click handler needed
   }
 
   loadRegistry();

site/shared/wiki-framework.js

@@ -16,6 +16,7 @@ var WikiEngine = (function () {
       opts.features || {}
     );
     var brand = opts.brand || { icon: "SB", text: "Super Brain" };
+    var homeUrl = opts.homeUrl || null;
     var labels = Object.assign(
       {
         domains: "Knowledge Domains",
@@ -160,7 +161,15 @@ var WikiEngine = (function () {
         }
       });
 
-      var html =
+      var html = "";
+
+      if (homeUrl) {
+        html +=
+          '<a class="nav-home-link" href="' + homeUrl + '">' +
+          '<span class="nav-home-arrow">\u2190</span> Super Brain</a>';
+      }
+
+      html +=
         '<div class="nav-brand" id="nav-home">' +
         '<div class="nav-brand-icon">' +
         brand.icon +

site/shared/wiki-styles.css

@@ -101,6 +101,30 @@ body {
   border-radius: 2px;
 }
 
+.nav-home-link {
+  display: flex;
+  align-items: center;
+  gap: 4px;
+  padding: 6px var(--space-sm);
+  margin-bottom: var(--space-xs);
+  font-family: var(--font-ui);
+  font-size: 0.6875rem;
+  font-weight: 500;
+  color: var(--c-text-tertiary);
+  text-decoration: none;
+  border-radius: var(--radius);
+  transition: background 0.12s, color 0.12s;
+}
+
+.nav-home-link:hover {
+  background: var(--c-nav-hover);
+  color: var(--c-accent);
+}
+
+.nav-home-arrow {
+  font-size: 0.75rem;
+}
+
 .nav-brand {
   display: flex;
   align-items: center;

site/topics/compiler-research/app.js

@@ -3,7 +3,8 @@
     data: WIKI,
     dataCN: typeof WIKI_CN !== "undefined" ? WIKI_CN : null,
     container: document.getElementById("wiki-shell"),
-    brand: { icon: "SB", text: "Super Brain" },
+    homeUrl: "../../",
+    brand: { icon: "SB", text: "Compiler Research" },
     features: {
       search: true,
       conceptRail: true,

site/topics/mpv-research/app.js

@@ -2,6 +2,7 @@
   var engine = WikiEngine.create({
     data: WIKI,
     container: document.getElementById("wiki-shell"),
+    homeUrl: "../../",
     brand: { icon: "MPV", text: "MPV 调研" },
     features: {
       search: false,