UX·FX v1.5 — 햅틱 단계 · 라이브 띠 · HERO 전광판 · Push 우선순위 · Shield · 이클립스 성공·실패 연출

app/lib/features/home/widgets/live_ticker.dart

@@ -10,13 +10,59 @@ import '../../../core/theme/tokens.dart';
 ///
 /// 명세 `516:87664` *동작: 이벤트 발생 시 텍스트 우측에서 좌측으로 1회 슬라이드* — 문구가
 /// 바뀔 때마다 오른쪽 밖에서 한 번 미끄러져 들어와 멈춘다.
+///
+/// [action] 이 있으면 문구 뒤에 행동 문구를 붙이고 띠 전체를 [onTap] 으로 누를 수 있다 —
+/// UX·FX v1.5 §6 전광판 「HERO TIME 진행 중 CTA · 탭 시 해당 Planet 의 진행 중 HERO TIME 으로 이동」.
 class LiveTicker extends StatelessWidget {
-  const LiveTicker({super.key, required this.text});
+  const LiveTicker({super.key, required this.text, this.action, this.onTap});
 
   final String text;
+  final String? action;
+  final VoidCallback? onTap;
+
+  static const _style = TextStyle(
+    fontFamily: AppFonts.body,
+    fontSize: 12,
+    fontWeight: FontWeight.w500,
+    height: 14 / 12,
+    letterSpacing: -0.3,
+    color: AppColors.onCosmic,
+  );
 
   @override
-  Widget build(BuildContext context) => ClipRect(
+  Widget build(BuildContext context) {
+    final line = Text.rich(
+      TextSpan(
+        text: text,
+        children: [
+          if (action case final cta?)
+            TextSpan(
+              text: '  $cta',
+              style: const TextStyle(
+                fontWeight: FontWeight.w700,
+                color: AppColors.cosmicAccent,
+              ),
+            ),
+        ],
+      ),
+      maxLines: 1,
+      overflow: TextOverflow.ellipsis,
+      style: _style,
+    );
+    final ticker = _slide(line);
+    return onTap == null
+        ? ticker
+        : Semantics(
+            button: true,
+            child: GestureDetector(
+              behavior: HitTestBehavior.opaque,
+              onTap: onTap,
+              child: ticker,
+            ),
+          );
+  }
+
+  Widget _slide(Widget line) => ClipRect(
     child: Container(
       height: 22,
       padding: const EdgeInsets.symmetric(horizontal: AppSpace.s4),
@@ -33,19 +79,7 @@ class LiveTicker extends StatelessWidget {
             child: child,
           ),
         ),
-        child: Text(
-          text,
-          maxLines: 1,
-          overflow: TextOverflow.ellipsis,
-          style: const TextStyle(
-            fontFamily: AppFonts.body,
-            fontSize: 12,
-            fontWeight: FontWeight.w500,
-            height: 14 / 12,
-            letterSpacing: -0.3,
-            color: AppColors.onCosmic,
-          ),
-        ),
+        child: line,
       ),
     ),
   );