feat(web-ui): PipelineStartModal '원하는 이미지 분위기' 메인 필드로 노출

This commit is contained in:
2026-05-10 16:17:36 +09:00
parent 3f5cd32c77
commit 93d5f49cdb
2 changed files with 21 additions and 5 deletions

View File

@@ -3406,3 +3406,14 @@
border-radius:4px; font-size:10px; }
.pipeline-card { cursor:pointer; }
.pipeline-card:hover { background:rgba(255,255,255,.02); }
.psm-keyword-main { display: block; margin: 12px 0; font-size: 13px; }
.psm-keyword-main input {
display: block; width: 100%; margin-top: 4px; padding: 8px;
background: rgba(255,255,255,.04);
border: 1px solid var(--ms-line, #2a2a3a);
border-radius: 8px; color: var(--ms-text, #f0f0f5); font-size: 13px;
}
.psm-keyword-main small {
display: block; color: var(--ms-muted, #a0a0b0); font-size: 11px; margin-top: 4px;
}

View File

@@ -95,6 +95,16 @@ export default function PipelineStartModal({ library, initialTrackId, onClose, o
</select>
)}
<label className="psm-keyword-main">
원하는 이미지 분위기 (선택)
<input
value={bgKeyword}
onChange={e => setBgKeyword(e.target.value)}
placeholder="예: 스케이트보드 파크 밝은 오후, 비 오는 카페 창가, 산 정상 일출 ..."
/>
<small>처음부터 cover 이미지 prompt에 반영됩니다. 비우면 장르 기본값 사용.</small>
</label>
<details className="psm-advanced" open={advanced}>
<summary onClick={(e) => { e.preventDefault(); setAdvanced(!advanced); }}>
고급 옵션
@@ -115,11 +125,6 @@ export default function PipelineStartModal({ library, initialTrackId, onClose, o
<option value="video_loop">영상 루프 (Pexels)</option>
</select>
</label>
<label>
배경 키워드 (Pexels 검색용)
<input value={bgKeyword} onChange={e => setBgKeyword(e.target.value)}
placeholder="rainy window, lofi cafe ..." />
</label>
</details>
{error && <div className="ms-error">{error}</div>}