.bud-duplicate-flash: auto-ease-out 3s after FYI + palette swap — note.js's Brief.showDuplicateBanner FYI handler now setTimeout(() => target.classList.remove('bud-duplicate-flash'), 3000) after the .add(); the existing transition: color 600ms ease, text-shadow 600ms ease rule on the class already covered the ease-in (default → flash), so the same rule now also covers the ease-out (flash → default) when the class drops — net behaviour: tap FYI → flash peaks → flash visibly fades back to the default text styling over ~600ms after a 3s hold, instead of persisting til page refresh; palette keys swapped per user steer — color: var(--terUser); text-shadow: var(--ninUser) → color: var(--ninUser); text-shadow: var(--terUser), so the highlight reads as a lighter handle w. a gold glow rather than a gold handle w. a light glow, matching the duplicate-guard spec the user re-aligned on; affects all three flash targets uniformly (.bud-entry .bud-name on /billboard/my-buds/, .post-recipient on post.html share-flow, .gate-slot.filled on the gatekeeper invite-flow) since they all flow through the same _bud.scss .bud-duplicate-flash selector + the same Brief.showDuplicateBanner JS handler; new Jasmine spec D7b in NoteSpec.js uses jasmine.clock().install() + clock().tick(3001) to fast-forward past the dismiss window + assert the class is gone (existing D7 still pins the immediate-after-FYI peak state); existing FTs (test_bill_my_buds.test_re_add_existing_bud_shows_already_present_brief… + test_core_bud_btn duplicate-guard FTs) still green because they assert immediately after the FYI click (well inside the 3s hold) — TDD

Code architected by Disco DeDisco <discodedisco@outlook.com>
Git commit message Co-Authored-By:
Claude Opus 4.7 <noreply@anthropic.com>

src/apps/dashboard/static/apps/dashboard/note.js

@@ -92,7 +92,17 @@ const Brief = (() => {
         banner.querySelector('.note-banner__fyi').addEventListener('click', function () {
             if (opts.target_selector) {
                 var target = document.querySelector(opts.target_selector);
-                if (target) target.classList.add('bud-duplicate-flash');
+                if (target) {
+                    target.classList.add('bud-duplicate-flash');
+                    // Auto-ease-out — the SCSS rule has a 600ms transition
+                    // on color + text-shadow, so removing the class 3s after
+                    // FYI lets the peak state breathe before fading back to
+                    // the default text styling. Without this the flash
+                    // persisted til page refresh.
+                    setTimeout(function () {
+                        target.classList.remove('bud-duplicate-flash');
+                    }, 3000);
+                }
             }
             banner.remove();
         });