feat(creator): 오디오 탭 fragment 골격을 추가한다

docs/20260619_크리에이터_채널_오디오_탭/plan-task.md

@@ -355,12 +355,18 @@
   - 검증 기록:
     - 2026-06-19 탐색 결과 `CreatorChannelLiveSortPopup`과 `view_creator_channel_live_sort_menu.xml`은 class/layout/id/test가 live 전용 이름에 강하게 묶여 있고, Phase 3 mapper 구현에는 즉시 필요하지 않음을 확인했다.
     - 2026-06-19 Phase 3에서는 sort popup 공통 rename/move를 실제 코드에 적용하지 않았다. 후속 재사용 검토 결과 오디오 Sort-bar에서 동일 UI/동작을 사용하므로 Phase 5에서 `CreatorChannelSortPopup` 공통 이름으로 rename/move해 적용한다.
+    - 2026-06-19 Task 3.3 재작업 요청에 따라 완료 체크를 해제했다. 실제 sort popup 공통 rename/move를 적용하고 리뷰/검증 완료 후 다시 체크한다.
+    - 2026-06-19 RED 확인: `CreatorChannelLiveFragmentLayoutTest`, `CreatorChannelLiveMapperTest`를 공통 sort 이름 기준으로 먼저 갱신한 뒤 `./gradlew :app:testDebugUnitTest --tests "kr.co.vividnext.sodalive.v2.creator.channel.live.CreatorChannelLiveFragmentLayoutTest"`를 실행했고, `view_creator_channel_sort_menu`, `layout_creator_channel_sort_options`, 공통 `toLabelResId()` 미존재로 `:app:compileDebugUnitTestKotlin` 실패를 확인했다.
+    - 2026-06-19 `CreatorChannelLiveSortPopup`을 `CreatorChannelSortPopup`으로 `creator/channel/ui`에 move/rename하고, `view_creator_channel_sort_menu.xml`, `bg_creator_channel_sort_popup.xml`, `bg_creator_channel_sort_selected.xml`, 공통 sort option UI model/mapping을 추가했다. `CreatorChannelLiveFragment`는 공통 popup과 `creator/channel/model/toLabelResId()`를 사용하도록 갱신했다.
+    - 2026-06-19 GREEN 확인: `./gradlew :app:testDebugUnitTest --tests "kr.co.vividnext.sodalive.v2.creator.channel.live.CreatorChannelLiveFragmentLayoutTest"`, `./gradlew :app:testDebugUnitTest --tests "kr.co.vividnext.sodalive.v2.creator.channel.live.CreatorChannelLiveMapperTest"`, `./gradlew :app:testDebugUnitTest --tests "kr.co.vividnext.sodalive.v2.creator.channel.audio.CreatorChannelAudioMapperTest"` 실행 결과 모두 BUILD SUCCESSFUL.
+    - 2026-06-19 stale 참조 확인: `rg -n "CreatorChannelLiveSortPopup|view_creator_channel_live_sort_menu|layout_creator_channel_live_sort_options|tv_creator_channel_live_sort_option_sample|bg_creator_channel_live_sort" app/src/main app/src/test` 실행 결과 app production/test 코드에 잔여 참조가 없음을 확인했다.
+    - 2026-06-19 리뷰 게이트에서 지적된 문서 체크 미반영 blocker를 수정하고, Task 3.3을 다시 완료 체크했다.
 
 ---
 
 ### Phase 4: 오디오 탭 레이아웃과 Fragment 구성
 
-- [ ] **Task 4.1: Fragment layout RED 테스트 작성**
+- [x] **Task 4.1: Fragment layout RED 테스트 작성**
   - 생성:
     - `app/src/test/java/kr/co/vividnext/sodalive/v2/creator/channel/audio/CreatorChannelAudioFragmentLayoutTest.kt`
   - 테스트 케이스:
@@ -373,8 +379,10 @@
     - `./gradlew :app:testDebugUnitTest --tests "kr.co.vividnext.sodalive.v2.creator.channel.audio.CreatorChannelAudioFragmentLayoutTest"`
   - 기대 결과:
     - layout 미구현 상태에서 RED 실패한다.
+  - 검증 기록:
+    - 2026-06-19 `CreatorChannelAudioFragmentLayoutTest`를 먼저 추가하고 production 변경 전 `./gradlew :app:testDebugUnitTest --tests "kr.co.vividnext.sodalive.v2.creator.channel.audio.CreatorChannelAudioFragmentLayoutTest"`를 실행했다. `fragment_creator_channel_audio`, 오디오 section id, `item_creator_channel_audio_content` 리소스가 없어 `:app:compileDebugUnitTestKotlin`에서 RED 실패를 확인했다.
 
-- [ ] **Task 4.2: `fragment_creator_channel_audio.xml` 작성**
+- [x] **Task 4.2: `fragment_creator_channel_audio.xml` 작성**
   - 생성:
     - `app/src/main/res/layout/fragment_creator_channel_audio.xml`
   - 수정:
@@ -391,8 +399,15 @@
     - `./gradlew :app:testDebugUnitTest --tests "kr.co.vividnext.sodalive.v2.creator.channel.audio.CreatorChannelAudioFragmentLayoutTest"`
   - 기대 결과:
     - 리소스 merge와 layout 테스트가 PASS한다.
+  - 검증 기록:
+    - 2026-06-19 `fragment_creator_channel_audio.xml`에 black background, `@layout/view_capsule_tab_bar` include, 52dp sort bar, 14dp margin 소장률 card, RecyclerView, empty/error/retry 영역을 추가했다. `values`, `values-en`, `values-ja`에 오디오 empty/error/upload/total/rate 문자열을 추가했다.
+    - 2026-06-19 `./gradlew :app:mergeDebugResources` 실행 결과 BUILD SUCCESSFUL.
+    - 2026-06-19 `./gradlew :app:testDebugUnitTest --tests "kr.co.vividnext.sodalive.v2.creator.channel.audio.CreatorChannelAudioFragmentLayoutTest"` 실행 결과 BUILD SUCCESSFUL.
+    - 2026-06-19 리뷰 지적 반영: Figma `290:9029` 기준과 다르던 소장률 card를 한 줄 문장형 `전체 오디오의 n%를 소장하고 있어요.`, 우측 `purchased/paid개`, 14dp padding, 4dp progress 구조로 수정했다. Figma `290:8965` 기준 empty/error 중앙 정렬을 위해 empty container와 error message에 parent 상하 constraint를 추가했다.
+    - 2026-06-19 RED 확인: `CreatorChannelAudioFragmentLayoutTest`에 소장률 card/empty 중앙 정렬 기대값을 추가한 뒤 `./gradlew :app:testDebugUnitTest --tests "kr.co.vividnext.sodalive.v2.creator.channel.audio.CreatorChannelAudioFragmentLayoutTest"` 실행 결과 기존 Fragment가 `tvCreatorChannelAudioRateMessage`를 사용하지 않아 실패했다.
+    - 2026-06-19 GREEN 확인: 소장률 card layout, rate message/count binding, `%` 부분 `soda_400` 강조 span, 다국어 문자열을 수정한 뒤 `./gradlew :app:testDebugUnitTest --tests "kr.co.vividnext.sodalive.v2.creator.channel.audio.CreatorChannelAudioFragmentLayoutTest"` 실행 결과 BUILD SUCCESSFUL.
 
-- [ ] **Task 4.3: 라이브 다시듣기 item layout을 공통 오디오 콘텐츠 item layout으로 rename**
+- [x] **Task 4.3: 라이브 다시듣기 item layout을 공통 오디오 콘텐츠 item layout으로 rename**
   - rename:
     - `app/src/main/res/layout/item_creator_channel_live_replay.xml` → `app/src/main/res/layout/item_creator_channel_audio_content.xml`
   - 작업:
@@ -407,8 +422,14 @@
     - `./gradlew :app:testDebugUnitTest --tests "kr.co.vividnext.sodalive.v2.creator.channel.live.CreatorChannelLiveFragmentLayoutTest"`
   - 기대 결과:
     - 공통 item layout test와 기존 라이브 다시듣기 layout test가 모두 PASS한다.
+  - 검증 기록:
+    - 2026-06-19 `item_creator_channel_live_replay.xml`을 `item_creator_channel_audio_content.xml`로 rename하고 id prefix를 `creator_channel_audio_content`로 변경했다. `duration` TextView는 `secondary_text`로 rename했다.
+    - 2026-06-19 `CreatorChannelLiveReplayAdapter`는 `ItemCreatorChannelAudioContentBinding`과 신규 id를 사용하도록 갱신했고, `fragment_creator_channel_live.xml`의 `tools:listitem`과 live layout test 기대값도 공통 item 이름으로 갱신했다.
+    - 2026-06-19 `./gradlew :app:mergeDebugResources` 실행 결과 BUILD SUCCESSFUL.
+    - 2026-06-19 `./gradlew :app:testDebugUnitTest --tests "kr.co.vividnext.sodalive.v2.creator.channel.audio.CreatorChannelAudioFragmentLayoutTest"` 실행 결과 BUILD SUCCESSFUL.
+    - 2026-06-19 `./gradlew :app:testDebugUnitTest --tests "kr.co.vividnext.sodalive.v2.creator.channel.live.CreatorChannelLiveFragmentLayoutTest"` 실행 결과 BUILD SUCCESSFUL.
 
-- [ ] **Task 4.4: `CreatorChannelAudioFragment` 골격 구현**
+- [x] **Task 4.4: `CreatorChannelAudioFragment` 골격 구현**
   - 생성:
     - `app/src/main/java/kr/co/vividnext/sodalive/v2/creator/channel/audio/CreatorChannelAudioFragment.kt`
   - 작업:
@@ -422,6 +443,11 @@
     - `./gradlew :app:compileDebugKotlin`
   - 기대 결과:
     - Fragment 골격이 컴파일된다.
+  - 검증 기록:
+    - 2026-06-19 `CreatorChannelAudioFragment` 골격을 추가했다. `BaseFragment<FragmentCreatorChannelAudioBinding>`, Koin `by viewModel()`, `newInstance(creatorId)`, `audioStateLiveData` observer, Loading/Empty/Error/Content visibility 분기, retryAudio 연결, Content의 sort count/label 및 rate text/progress bind를 포함했다. Phase 5/6 범위인 theme click, sort popup, adapter bind, pager 연결, pagination 연결은 구현하지 않았다.
+    - 2026-06-19 `./gradlew :app:compileDebugKotlin` 실행 결과 BUILD SUCCESSFUL.
+    - 2026-06-19 리뷰 지적 반영으로 `CreatorChannelAudioFragment.bindRate()`에서 소장률 문장과 count를 분리하고, 문장 내 `%` 구간에 `ForegroundColorSpan`으로 `soda_400` 강조를 적용했다.
+    - 2026-06-19 Phase 4 코드 리뷰 중 progress fill이 왼쪽 기준으로 채워져야 하는 회귀 조건을 확인했고, `viewCreatorChannelAudioRateFill.pivotX = 0f` source 검증을 `CreatorChannelAudioFragmentLayoutTest`에 추가했다. 기존 구현이 이미 조건을 만족해 테스트는 BUILD SUCCESSFUL.
 
 ---
 
@@ -634,3 +660,5 @@
 - 2026-06-19 Phase 3 코드 리뷰 재검증으로 `CreatorChannelAudioMappers.kt`, `CreatorChannelAudioUiModels.kt`, `CreatorChannelAudioViewModel.kt`, `CreatorChannelAudioMapperTest.kt`, `CreatorChannelAudioViewModelTest.kt`를 확인했다. 응답 `themeId` fallback 정규화가 theme UI, rate UI, `Content.selectedThemeId`, ViewModel private `selectedThemeId`, 후속 정렬 요청에 일관되게 반영되어 추가 수정 이슈는 발견하지 않았다.
 - 2026-06-19 Phase 3 코드 리뷰 재검증으로 `./gradlew :app:testDebugUnitTest --tests "kr.co.vividnext.sodalive.v2.creator.channel.audio.CreatorChannelAudioMapperTest"`, `./gradlew :app:testDebugUnitTest --tests "kr.co.vividnext.sodalive.v2.creator.channel.audio.CreatorChannelAudioViewModelTest"`, `./gradlew :app:testDebugUnitTest --tests "kr.co.vividnext.sodalive.v2.creator.channel.audio.CreatorChannelAudioPaginationTest"` 실행 결과 모두 BUILD SUCCESSFUL. 최초 샌드박스 실행은 `~/.gradle` wrapper lock 파일 접근 권한으로 실패해 승인 후 재실행했다.
 - 2026-06-19 Phase 3 코드 리뷰 재검증으로 `git diff --check` 실행 결과 whitespace error 없음.
+- 2026-06-19 Phase 4 코드 리뷰로 `CreatorChannelAudioFragment.kt`, `fragment_creator_channel_audio.xml`, `item_creator_channel_audio_content.xml`, `CreatorChannelSortPopup.kt`, `CreatorChannelSortModels.kt`, 오디오/라이브 layout test 변경을 확인했다. Phase 4 범위에서 추가 blocker는 발견하지 않았다.
+- 2026-06-19 Phase 4 검증으로 `./gradlew :app:testDebugUnitTest --tests "kr.co.vividnext.sodalive.v2.creator.channel.audio.CreatorChannelAudioFragmentLayoutTest"`, `./gradlew :app:testDebugUnitTest --tests "kr.co.vividnext.sodalive.v2.creator.channel.live.CreatorChannelLiveFragmentLayoutTest"`, `./gradlew :app:mergeDebugResources`, `./gradlew :app:compileDebugKotlin`, `./gradlew :app:ktlintCheck`, `git diff --check` 실행 결과 모두 BUILD SUCCESSFUL 또는 whitespace error 없음.