From a6b71ea908677cc89a8a496bf9380049cead769e Mon Sep 17 00:00:00 2001
From: jim800121chen <jim800121.chen@gmail.com>
Date: Mon, 13 Apr 2026 00:57:03 +0800
Subject: [PATCH] =?UTF-8?q?fix(local-tool):=20URL=20=E5=BD=B1=E7=89=87?=
 =?UTF-8?q?=E8=BC=89=E5=85=A5=E6=8F=90=E7=A4=BA=E3=80=8C=E6=AD=A3=E5=9C=A8?=
 =?UTF-8?q?=E8=A7=A3=E6=9E=90=EF=BC=8C=E8=AB=8B=E8=80=90=E5=BF=83=E7=AD=89?=
 =?UTF-8?q?=E5=BE=85=E3=80=8D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

URL 送出後 yt-dlp 解析 + ffmpeg probe 可能花 10-30 秒，
使用者只看到按鈕 loading 會以為卡住。

加一行黃色 animate-pulse 提示：
「正在解析影片連結，YouTube 影片可能需要 10-30 秒，請耐心等待...」

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 .../src/components/camera/source-selector.tsx        | 12 +++++++++---
 1 file changed, 9 insertions(+), 3 deletions(-)

diff --git a/local-tool/frontend/src/components/camera/source-selector.tsx b/local-tool/frontend/src/components/camera/source-selector.tsx
index a4bf285..8b43473 100644
--- a/local-tool/frontend/src/components/camera/source-selector.tsx
+++ b/local-tool/frontend/src/components/camera/source-selector.tsx
@@ -239,9 +239,15 @@ export function SourceSelector({ deviceId }: SourceSelectorProps) {
                         {isUploading ? t('common.loading') : t('common.start')}
                       </Button>
                     </div>
-                    <p className="text-xs text-muted-foreground">
-                      {t('camera.urlHelpText')}
-                    </p>
+                    {isUploading ? (
+                      <p className="text-xs text-amber-600 animate-pulse">
+                        正在解析影片連結，YouTube 影片可能需要 10-30 秒，請耐心等待...
+                      </p>
+                    ) : (
+                      <p className="text-xs text-muted-foreground">
+                        {t('camera.urlHelpText')}
+                      </p>
+                    )}
                   </div>
                 )}
               </div>