Add header and event detail pages, fix copyright, rename essay

- Detail pages for all 18 HTTP headers with descriptions, example usage,
  direction badges (request/response/both), and live demos for SX-Prompt,
  SX-Trigger, SX-Retarget
- Detail pages for all 10 DOM events with descriptions, example usage,
  and live demos for beforeRequest, afterSettle, responseError,
  validationFailed
- Header and event table rows now link to their detail pages
- Fix copyright symbol on home page (was literal \u00a9, now actual ©)
- Rename "Godel, Escher, Bach" essay to "Strange Loops" with updated summary
- Remove duplicate script injection from bootstrapper page

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

sx/sx/docs.sx

@@ -34,15 +34,27 @@
           (th :class "px-3 py-2 font-medium text-stone-600" "Description")))
         (tbody rows)))))
 
-(defcomp ~doc-headers-row (&key name value description)
+(defcomp ~doc-headers-row (&key name value description href)
   (tr :class "border-b border-stone-100"
-    (td :class "px-3 py-2 font-mono text-sm text-violet-700 whitespace-nowrap" name)
+    (td :class "px-3 py-2 font-mono text-sm whitespace-nowrap"
+      (if href
+        (a :href href
+           :sx-get href :sx-target "#main-panel" :sx-select "#main-panel"
+           :sx-swap "outerHTML" :sx-push-url "true"
+           :class "text-violet-700 hover:text-violet-900 underline" name)
+        (span :class "text-violet-700" name)))
     (td :class "px-3 py-2 font-mono text-sm text-stone-500" value)
     (td :class "px-3 py-2 text-stone-700 text-sm" description)))
 
-(defcomp ~doc-two-col-row (&key name description)
+(defcomp ~doc-two-col-row (&key name description href)
   (tr :class "border-b border-stone-100"
-    (td :class "px-3 py-2 font-mono text-sm text-violet-700 whitespace-nowrap" name)
+    (td :class "px-3 py-2 font-mono text-sm whitespace-nowrap"
+      (if href
+        (a :href href
+           :sx-get href :sx-target "#main-panel" :sx-select "#main-panel"
+           :sx-swap "outerHTML" :sx-push-url "true"
+           :class "text-violet-700 hover:text-violet-900 underline" name)
+        (span :class "text-violet-700" name)))
     (td :class "px-3 py-2 text-stone-700 text-sm" description)))
 
 (defcomp ~doc-two-col-table (&key title intro col1 col2 rows)
@@ -88,7 +100,8 @@
       (~doc-headers-row
         :name (get h "name")
         :value (get h "value")
-        :description (get h "desc")))
+        :description (get h "desc")
+        :href (get h "href")))
       headers))))
 
 ;; Build two-col table from a list of {name, desc} dicts.
@@ -98,7 +111,8 @@
     :rows (<> (map (fn (item)
       (~doc-two-col-row
         :name (get item "name")
-        :description (get item "desc")))
+        :description (get item "desc")
+        :href (get item "href")))
       items))))
 
 ;; Build all primitives category tables from a {category: [prim, ...]} dict.

sx/sx/nav-data.sx

@@ -71,8 +71,8 @@
         :summary "How SX implements proper tail calls via trampolining in a language that doesn't have them.")
   (dict :label "Continuations" :href "/essays/continuations"
         :summary "First-class continuations in a tree-walking evaluator — theory and implementation.")
-  (dict :label "Godel, Escher, Bach" :href "/essays/godel-escher-bach"
-        :summary "Self-reference, strange loops, and what a self-hosting language has to do with GEB.")
+  (dict :label "Strange Loops" :href "/essays/godel-escher-bach"
+        :summary "Self-reference, and the tangled hierarchy of a language that defines itself.")
   (dict :label "The Reflexive Web" :href "/essays/reflexive-web"
         :summary "A web where pages can inspect, modify, and extend their own rendering pipeline.")
   (dict :label "sx sucks" :href "/essays/sx-sucks"

sx/sx/reference.sx

@@ -1,4 +1,5 @@
 ;; Reference page layouts — receive data from Python primitives
+;; @css bg-blue-100 text-blue-700 bg-emerald-100 text-emerald-700 bg-amber-100 text-amber-700
 
 (defcomp ~reference-attrs-content (&key req-table beh-table uniq-table)
   (~doc-page :title "Attribute Reference"
@@ -45,6 +46,40 @@
           "Trigger the demo to see the raw response the server sends.")
         (~doc-placeholder :id wire-placeholder-id)))))
 
+(defcomp ~reference-header-detail-content (&key title direction description
+    example-code demo)
+  (~doc-page :title title
+    (let ((badge-class (if (= direction "request")
+            "bg-blue-100 text-blue-700"
+            (if (= direction "response")
+              "bg-emerald-100 text-emerald-700"
+              "bg-amber-100 text-amber-700")))
+          (badge-label (if (= direction "request") "Request Header"
+            (if (= direction "response") "Response Header"
+              "Request & Response"))))
+      (div :class "flex items-center gap-3 mb-4"
+        (span :class (str "text-xs font-medium px-2 py-1 rounded " badge-class)
+          badge-label)))
+    (p :class "text-stone-600 mb-6" description)
+    (when demo
+      (~example-card :title "Demo"
+        (~example-demo demo)))
+    (when example-code
+      (<>
+        (h3 :class "text-lg font-semibold text-stone-700 mt-6" "Example usage")
+        (~example-source :code (highlight example-code "lisp"))))))
+
+(defcomp ~reference-event-detail-content (&key title description example-code demo)
+  (~doc-page :title title
+    (p :class "text-stone-600 mb-6" description)
+    (when demo
+      (~example-card :title "Demo"
+        (~example-demo demo)))
+    (when example-code
+      (<>
+        (h3 :class "text-lg font-semibold text-stone-700 mt-6" "Example usage")
+        (~example-source :code (highlight example-code "lisp"))))))
+
 (defcomp ~reference-attr-not-found (&key slug)
   (~doc-page :title "Not Found"
     (p :class "text-stone-600"

sx/sx/specs.sx

@@ -293,8 +293,8 @@ boot.sx             depends on: cssx, orchestration, adapter-dom, render")))
           " spec files, runs the Python bootstrapper, and displays both the compiler source and its generated JavaScript output. "
           "The generated code below is live — it was produced by the bootstrapper at page load time, not served from a static file.")
         (p :class "text-xs text-stone-400 italic"
-          "The bootstrapped JavaScript is also injected as a script tag on this page. "
-          "Open the browser console to verify it loaded."))
+          "The sx-browser.js powering this page IS the bootstrapped output. "
+          "This page re-runs the bootstrapper to display the source and result."))
 
       (div :class "space-y-3"
         (div :class "flex items-baseline gap-3"
@@ -318,8 +318,7 @@ boot.sx             depends on: cssx, orchestration, adapter-dom, render")))
           "It is a complete, self-contained SX runtime — parser, evaluator, DOM adapter, engine, and CSS system.")
         (div :class "bg-stone-100 rounded-lg p-5 max-h-96 overflow-y-auto border border-violet-300"
           (pre :class "text-xs leading-relaxed whitespace-pre-wrap break-words"
-            (code (highlight bootstrapped-output "javascript"))))
-        (script :type "text/javascript" bootstrapped-output)))))
+            (code (highlight bootstrapped-output "javascript"))))))))
 
 ;; ---------------------------------------------------------------------------
 ;; Not found