From 5af7108b18e99594470c89bb200708d50c0ece02 Mon Sep 17 00:00:00 2001
From: Your Name <you@example.com>
Date: Fri, 15 May 2026 05:09:03 +0800
Subject: [PATCH] fix(awooop): avoid run timeline hydration mismatch

---
 apps/web/src/app/[locale]/awooop/runs/[run_id]/page.tsx | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/apps/web/src/app/[locale]/awooop/runs/[run_id]/page.tsx b/apps/web/src/app/[locale]/awooop/runs/[run_id]/page.tsx
index 1b8ca5bc..16e0e3c8 100644
--- a/apps/web/src/app/[locale]/awooop/runs/[run_id]/page.tsx
+++ b/apps/web/src/app/[locale]/awooop/runs/[run_id]/page.tsx
@@ -767,7 +767,7 @@ export default function RunDetailPage({
   const [dossier, setDossier] = useState<ChannelEventDossierResponse | null>(null);
   const [loading, setLoading] = useState(true);
   const [error, setError] = useState<string | null>(null);
-  const [lastRefresh, setLastRefresh] = useState<Date>(new Date());
+  const [lastRefresh, setLastRefresh] = useState<Date | null>(null);
 
   const fetchDetail = useCallback(async () => {
     try {
@@ -934,7 +934,9 @@ export default function RunDetailPage({
               <h3 className="text-sm font-semibold text-[#141413]">{t("timeline.title")}</h3>
               <p className="mt-1 text-xs text-[#77736a]">
                 {t("timeline.lastUpdated", {
-                  time: lastRefresh.toLocaleTimeString(locale === "zh-TW" ? "zh-TW" : "en-US"),
+                  time: lastRefresh
+                    ? lastRefresh.toLocaleTimeString(locale === "zh-TW" ? "zh-TW" : "en-US")
+                    : t("empty"),
                 })}
               </p>
             </div>