From f59e059f0d5e9e5ce31586e545dd32f45daa40e5 Mon Sep 17 00:00:00 2001
From: Kenneth Reitz <me@kennethreitz.org>
Date: Sun, 7 Jun 2026 13:04:14 -0400
Subject: [PATCH] Actually wrap annotation lines in the dim span

The grey wrap targeted a renderer shape that no longer exists and
silently no-opped; it now applies at the real line-append point, and
the editor selection rule is un-nested for parser safety.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
---
 static/index.html | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/static/index.html b/static/index.html
index 5635d48..cdcd524 100644
--- a/static/index.html
+++ b/static/index.html
@@ -114,6 +114,7 @@
     z-index: 1;
   }
   #highlight .anno { color: #6a5f52; }
+  #editor::selection { background: rgba(232,129,74,0.22); color: transparent; }
   #stresslayer {
     pointer-events: none;
     color: transparent;
@@ -129,7 +130,6 @@
     background: transparent;
     color: transparent;
     caret-color: var(--accent);
-    &::selection { background: rgba(232,129,74,0.22); }
     resize: none;
     z-index: 2;
     outline: none;
@@ -579,7 +579,7 @@ function render(){
         h += `<span class="hseg" style="${style}">${text}</span>`;
       }
     }
-    html += h + '\n';
+    html += (/^\s*[#([]/.test(line) ? `<span class="anno">${h}</span>` : h) + '\n';
   });
   highlight.innerHTML = html;
   renderStress(lines);