From 53e9938903fe3762ab04f1fceff65713dbcbfbfa Mon Sep 17 00:00:00 2001
From: gahusb <bgg8988@gmail.com>
Date: Thu, 7 May 2026 17:44:00 +0900
Subject: [PATCH] =?UTF-8?q?fix(web-ui):=20PipelineStartModal=EC=97=90=20in?=
 =?UTF-8?q?itialTrackId=20=EC=A0=84=EB=8B=AC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/music/components/PipelineStartModal.jsx | 4 ++--
 src/pages/music/components/PipelineTab.jsx        | 1 +
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/pages/music/components/PipelineStartModal.jsx b/src/pages/music/components/PipelineStartModal.jsx
index 2932edb..82473c6 100644
--- a/src/pages/music/components/PipelineStartModal.jsx
+++ b/src/pages/music/components/PipelineStartModal.jsx
@@ -1,8 +1,8 @@
 import { useState } from 'react';
 import { createPipeline, startPipeline } from '../../../api';
 
-export default function PipelineStartModal({ library, onClose, onCreated }) {
-    const [tid, setTid] = useState(library?.[0]?.id || '');
+export default function PipelineStartModal({ library, initialTrackId, onClose, onCreated }) {
+    const [tid, setTid] = useState(initialTrackId || library?.[0]?.id || '');
     const [error, setError] = useState('');
 
     const submit = async () => {
diff --git a/src/pages/music/components/PipelineTab.jsx b/src/pages/music/components/PipelineTab.jsx
index e52bd30..ab16d36 100644
--- a/src/pages/music/components/PipelineTab.jsx
+++ b/src/pages/music/components/PipelineTab.jsx
@@ -45,6 +45,7 @@ export default function PipelineTab({ library, initialTrackId }) {
             {modalOpen && (
                 <PipelineStartModal
                     library={library}
+                    initialTrackId={initialTrackId}
                     onClose={() => setModalOpen(false)}
                     onCreated={() => { setModalOpen(false); load(); }}
                 />