Music 서비스 전면 개편: Lab→독립 메뉴 승격 + Suno API 고도화

- 사이드바에 Music 독립 메뉴 추가 (/lab/music → /music)
- Lab 허브에서 Sonic Forge 카드 제거
- LibraryCard: 제목 최대 표시, 파일명 축소, duration 실제값 표시
- 모델 선택 UI (V4/V4_5/V5), 크레딧 잔액 표시
- 곡 연장(Extend), 보컬 분리(Vocal Split) 버튼 추가
- api.js: getMusicModels, getMusicCredits, extendMusicTrack, removeVocals
- 라이브러리 로딩 스켈레톤, Provider 에러 배너
- 모바일 반응형 개선 (모델바, 크레딧, 프로바이더, 카드 액션)

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
2026-04-04 14:52:46 +09:00
parent a727bbf153
commit c4f67e7d34
6 changed files with 501 additions and 41 deletions

View File

@@ -6,6 +6,7 @@ import {
IconStock,
IconBuilding,
IconTravel,
IconMusic,
IconLab,
IconTodo,
} from './components/Icons';
@@ -79,6 +80,15 @@ export const navLinks = [
icon: <IconTravel />,
accent: '#fb923c',
},
{
id: 'music',
label: 'Music',
path: '/music',
subtitle: 'SONIC FORGE',
description: 'AI로 세상에 하나뿐인 음악을 만드는 스튜디오',
icon: <IconMusic />,
accent: '#f5a623',
},
{
id: 'lab',
label: 'Lab',
@@ -145,7 +155,7 @@ export const appRoutes = [
element: <DayCalc />,
},
{
path: 'lab/music',
path: 'music',
element: <MusicStudio />,
},
{