From 63d42594d08db1dafba1749221696b83a3265653 Mon Sep 17 00:00:00 2001
From: "Gan, Jimmy" <jimmy.gan@adidas.com>
Date: Wed, 24 Jun 2026 02:59:16 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20restore=20manual=20sync=20button=20?=
 =?UTF-8?q?=E2=80=94=20safe=20at=20~50=20units/sync?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/routes/YoutubeDashboard.svelte | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/frontend/src/routes/YoutubeDashboard.svelte b/frontend/src/routes/YoutubeDashboard.svelte
index f673627..120c4ab 100644
--- a/frontend/src/routes/YoutubeDashboard.svelte
+++ b/frontend/src/routes/YoutubeDashboard.svelte
@@ -207,12 +207,19 @@
       <span class="text-[10px] px-2 py-0.5 rounded font-semibold uppercase tracking-widest" style="background:var(--bg-tertiary);color:var(--text-muted)">text feed</span>
     </div>
     <div class="flex items-center space-x-3">
+      <button onclick={syncSubscriptions} disabled={isSyncing}
+        class="px-3 py-1.5 text-xs font-bold rounded-lg transition"
+        style="background:var(--accent);color:white">
+        {isSyncing ? 'Syncing...' : 'Sync'}
+      </button>
       <button onclick={toggleTheme}
         class="text-sm px-2 py-1 rounded transition" style="color:var(--text-muted)"
         title="Toggle theme">
         {theme === 'dark' ? '☀' : '☾'}
       </button>
-      <span class="text-[10px]" style="color:var(--text-muted)" id="sync-timer"></span>
+      {#if !isSyncing}
+        <span class="text-[10px]" style="color:var(--text-muted)" id="sync-timer"></span>
+      {/if}
     </div>
   </header>