From 0b51245bd308d4195920eab9275fb8ded9b05d0b Mon Sep 17 00:00:00 2001
From: dobby-d-elf <dobby.the.agent@gmail.com>
Date: Tue, 12 May 2026 18:20:08 -0600
Subject: [PATCH] Optimize smooth fade word append path

---
 static/messages.js             | 4 ++--
 tests/test_smooth_text_fade.py | 1 +
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/static/messages.js b/static/messages.js
index 12d1525c..21faa2c7 100644
--- a/static/messages.js
+++ b/static/messages.js
@@ -762,6 +762,7 @@ function attachLiveStream(activeSid, streamId, uploaded=[], options={}){
       const wordRe=/(\S+)(\s*)/g;
       const value=String(text||'');
       const reduceMotion=_streamFadeReduceMotionEnabled();
+      const appendStartedAt=performance.now();
       let last=0, match, changed=false;
       while((match=wordRe.exec(value))){
         if(match.index>last) frag.appendChild(document.createTextNode(value.slice(last,match.index)));
@@ -776,11 +777,10 @@ function attachLiveStream(activeSid, streamId, uploaded=[], options={}){
         span.className='stream-fade-word is-new';
         const delayMs=_streamFadeAppendOffset*_STREAM_FADE_STAGGER_MS;
         span.style.animationDelay=delayMs+'ms';
-        span.style.setProperty('--stream-fade-ms',_STREAM_FADE_MS+'ms');
         span.textContent=match[1];
         frag.appendChild(span);
         _streamFadeAppendOffset+=1;
-        _streamFadeLatestAnimationEndAt=Math.max(_streamFadeLatestAnimationEndAt,performance.now()+delayMs+_STREAM_FADE_MS);
+        _streamFadeLatestAnimationEndAt=Math.max(_streamFadeLatestAnimationEndAt,appendStartedAt+delayMs+_STREAM_FADE_MS);
         if(match[2]) frag.appendChild(document.createTextNode(match[2]));
         last=match.index+match[0].length;
         changed=true;
diff --git a/tests/test_smooth_text_fade.py b/tests/test_smooth_text_fade.py
index c984d1e7..642c2b08 100644
--- a/tests/test_smooth_text_fade.py
+++ b/tests/test_smooth_text_fade.py
@@ -162,6 +162,7 @@ def test_stream_fade_uses_incremental_renderer_without_changing_default_path():
         [
             "span.className='stream-fade-word is-new'",
             "_streamFadeReduceMotionEnabled()",
+            "const appendStartedAt=performance.now()",
             "renderer.set_attr",
             "data-blocked-scheme",
             "_streamFadeLatestAnimationEndAt",