From 2ef966fc14e81b78721827f49811b5a6f1b9e903 Mon Sep 17 00:00:00 2001
From: Carlos Valente <carlosvalente@pm.me>
Date: Wed, 26 Aug 2026 12:29:16 +0000
Subject: [PATCH] fix(ui): restore blink and live-label feedback in message
 control

The blink modifier in the timer preview referenced a CSS module class that
does not exist, so `style.blink` resolved to undefined and the preview never
blinked. `.blink` is a global animation class, matching how the timer view
applies it.

The "message is live" label highlight used `??` where `&&` was meant: since
`visible` is always a boolean, the active style was unreachable.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_011CHxSQ6nWHuyar8feieRra
---
 apps/client/src/features/control/message/InputRow.tsx     | 2 +-
 apps/client/src/features/control/message/TimerPreview.tsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/apps/client/src/features/control/message/InputRow.tsx b/apps/client/src/features/control/message/InputRow.tsx
index dd947511a..c5559a5b9 100644
--- a/apps/client/src/features/control/message/InputRow.tsx
+++ b/apps/client/src/features/control/message/InputRow.tsx
@@ -43,7 +43,7 @@ export default function InputRow(props: PropsWithChildren<InputRowProps>) {
 
   return (
     <div>
-      <label className={cx([style.label, visible ?? style.active])} htmlFor={label}>
+      <label className={cx([style.label, visible && style.active])} htmlFor={label}>
         {label}
       </label>
       <div className={style.inputItems}>
diff --git a/apps/client/src/features/control/message/TimerPreview.tsx b/apps/client/src/features/control/message/TimerPreview.tsx
index 62c7e6709..26847849e 100644
--- a/apps/client/src/features/control/message/TimerPreview.tsx
+++ b/apps/client/src/features/control/message/TimerPreview.tsx
@@ -49,7 +49,7 @@ export default function TimerPreview() {
   })();
 
   const showColourOverride = main == 'Timer';
-  const contentClasses = cx([blink && style.blink, blackout && style.blackout]);
+  const contentClasses = cx([blink && 'blink', blackout && style.blackout]);
 
   return (
     <div className={style.preview}>