feat: underline revealed text in AI responses

Revealed values are now wrapped in <span class="ss-revealed">
with a blue underline and subtle blue background, making it
obvious which parts are your real data vs what the AI said.

Hover shows tooltip "Substituted value: [fake]" so you can see
what the AI actually received. Un-reveal properly removes the
spans and normalizes text nodes.

https://claude.ai/code/session_01Dvgwe7XMoSxnWXkih8p1Cw
This commit is contained in:
Claude
2026-03-26 04:16:44 +00:00
parent 684413f5fe
commit 7271027c02
2 changed files with 85 additions and 9 deletions
+3 -2
View File
@@ -16,9 +16,10 @@
/* Revealed text styling (when reveal mode shows real values in responses) */
.ss-revealed {
background: rgba(59, 130, 246, 0.1);
border-bottom: 1.5px dashed rgba(59, 130, 246, 0.5);
border-bottom: 2px solid rgba(59, 130, 246, 0.6);
border-radius: 2px;
padding: 0 1px;
padding: 0 2px;
cursor: help;
}
/* Floating reveal mode indicator */