와이어프레임 / 35-화면설계 / wireframes / 화면-03-03 페르소나 유지 선택

화면 03-03 · 페르소나 유지 선택 (멤버십 강등) — 와이어프레임

파이프라인 ③단계 · 구조 뼈대(SOT) · Figma 정본 역추출(백필) · 클릭 가능(prototype)
출처: arwen_docs#460(백필) · #233(DSN 디자인 확정) · 근거: [[결정-멤버십강등-페르소나선택]](ADR D18) · 명세: 화면설계-03-03-페르소나-유지-선택.md
Figma UI_Master 노드: 유지선택 default 4385-6687 · selected 4385-6776 · 보관·잠김 4385-6873 · 삭제 확인 654-2174
범위: 멤버십(MEMBERSHIP)→무료(FREE) 강등 시 유지할 페르소나 1명을 사용자가 직접 고르는 모달(메인 위) + 미선택·닫기 시 페르소나 기능 잠김 안내 + 삭제 경로. 2섹션 · 6상태 프레임 · 375×812.

▶ 흐름 모드: 요소를 눌러 화면 이동 ▦ 전체 모드: 핫스팟 클릭 시 대상으로 스크롤 ①②③ 요소 번호 = 아래 주석 요소·동작·이동·데이터·규칙·상태 유형 태그

03-03_01 · 진입 · 유지 선택 모달

진입 2경로: ① 강등 소켓(persona.selection.required) 수신 → 메인 자동 이동·모달 ② 로그인 시 강등·미선택 감지(FREE && ACTIVE>1) → 메인에서 동일 모달. 모달은 메인 위에 겹친다. 무료 한도는 1명이라 활성 페르소나 2~3개 중 하나를 고른다. 카피는 영어 UI + ko 병기.

S1 · 유지 선택 모달 · default (활성 2 · 4385-6687)
☰
Create new character

2Choose the character you'd like to keep.

3Unselected characters will be stored. Subscribe to Membership to reactivate them.

4
Character A
Character B
5Subscribe to Membership
6Close 7Choose this Character
  • 주석 · 유지 선택 모달 default
  • 1이동진입 2경로 모두 메인(/main) 위에 모달을 띄운다. ①소켓 persona.selection.required 수신 → 메인 이동·모달 ②로그인 시 GET /member/persona로 FREE && ACTIVE>1 감지 → 모달(소켓 누락 보강). 데이터근거 [[websocket-event-채널]] · [[결정-멤버십강등-페르소나선택]].
  • 2요소제목. en Choose the character you'd like to keep. / ko 유지할 캐릭터를 선택하세요.
  • 3요소설명. en Unselected characters will be stored. Subscribe to Membership to reactivate them. / ko 선택하지 않은 캐릭터는 보관됩니다. 멤버십을 구독하면 다시 활성화할 수 있어요. 규칙미선택=삭제 아님, 보관(DEACTIVE). 재구독 시 복구 대상.
  • 4요소활성(ACTIVE) 페르소나 옵션 리스트(가변 2~3개). 데이터목록=GET /member/persona(모달 데이터 소스라 게이트 중에도 개방). 동작탭→해당 옵션 선택(S2).
  • 5이동텍스트 버튼 Subscribe to Membership → 멤버십 재구독(06, 이 화면군 밖). 규칙재구독 성공 시 등급 MEMBERSHIP 복귀로 게이트 자동 해제(항상 열린 탈출 경로).
  • 6동작Close — 모달만 닫는다. 규칙닫아도 선택은 미해소 → 페르소나 기능 잠김 유지(S4). 이동→ 보관·잠김 메인.
  • 7상태Choose this Character — 옵션 미선택 시 비활성(ghost, 누를 수 없음). 옵션을 골라야 활성(S2). 데이터확정 시 PATCH /member/persona/keep.
S2 · 옵션 선택됨 · Choose 활성 (4385-6776)
☰
Create new character

Choose the character you'd like to keep.

Unselected characters will be stored. Subscribe to Membership to reactivate them.

1
Character A
Character B
Subscribe to Membership
Close 2Choose this Character
  • 주석 · 옵션 선택됨(변형)
  • 1상태선택된 옵션에 선택 테두리(진한 회색 2px)가 붙는다. 한 번에 한 옵션만 선택(라디오형).
  • 2상태Choose this Character가 활성(진한 회색)으로 바뀐다. 동작확정 → PATCH /member/persona/keep(KeepPersonaParams): 고른 1명 유지, 나머지 ACTIVE→DEACTIVE 보존. 성공 시 게이트(200018) 해제 → 메인 정상(02, 이 화면군 밖). 규칙대기 아님 200019 · 미소유·비ACTIVE 200001.
S3 · 엣지 · 활성 3개
☰

Choose the character you'd like to keep.

Unselected characters will be stored. Subscribe to Membership to reactivate them.

1
Character A
Character B
Character C
Subscribe to Membership
Close Choose this Character
  • 주석 · 엣지(활성 3)
  • 1상태옵션 리스트는 가변이다. 무료 강등 시 남은 ACTIVE가 2개면 옵션 2, 3개면 옵션 3(멤버십 한도 MEMBERSHIP_PERSONA_LIMIT=3). 규칙유지는 언제나 1명(무료 한도). 리스트가 길면 모달 내부 스크롤.

03-03_02 · 미선택 잠김 · 보관 · 삭제

선택을 미루거나 모달을 닫으면 페르소나 기능만 잠긴다(인증·결제·회원정보는 열림). 보관된 캐릭터 카드에는 자물쇠와 재구독 안내가 붙는다. 대기 해소 경로 3가지: 선택(S1) · 삭제(S5→S6) · 재구독. 삭제는 캐릭터 정보→삭제 확인으로 분리한다.

S4 · 보관·잠김 메인 (4385-6873)
☰
1🔒Subscribe to reactivate them!
2 🔒
🔒
3Tip: 잠긴 기능을 누르면 유지 선택 모달이 다시 열려요 (툴팁)
4Choose a character to keep first.
🔒5
  • 주석 · 보관·잠김 메인
  • 1요소재구독 안내 배지. en Subscribe to reactivate them! / ko 구독하면 다시 활성화돼요! 이동탭 시 멤버십 06(이 화면군 밖).
  • 2요소보관(DEACTIVE)된 캐릭터 카드 = 자물쇠 오버레이. 규칙미선택 캐릭터는 삭제가 아니라 보관, 재구독 시 restoreDeactivatedPersonas로 복구. 이동카드 더보기→캐릭터 정보(S5).
  • 3요소잠김 안내(툴팁). 동작잠긴 페르소나 기능 진입 시 게이트(200018) 수신 → 유지 선택 모달(S1) 재노출.
  • 4상태잠김 안내(토스트). 페르소나·대화 기능(/conversation/**·PUT /member/persona 등)을 누르면 뜬다. en Choose a character to keep first. / ko 먼저 유지할 캐릭터를 선택하세요.
  • 5규칙페르소나 기능만 잠금: 대화(/conversation/**)·그룹채팅·페르소나 생성만 차단. 결제(/payment/**)·재구독(PATCH /member/subscribe)·회원정보(GET /member/info)·인증(/auth/**)은 열림. 근거 [[결정-멤버십강등-페르소나선택]] 게이트 사양.
S5 · 캐릭터 정보 (삭제 진입 · 654-2174)
‹Character A
1Delete Close
  • 주석 · 캐릭터 정보
  • 1이동Delete → 삭제 확인 팝업(S6). 규칙삭제는 즉시 실행이 아니라 확인 단계로 분리(모달 아님, 별도 확인). 동작삭제 경로는 대기 해소 3경로 중 하나(ACTIVE를 1개까지 줄이면 게이트 해제).
S6 · 삭제 확인 (654-2174)
‹Character A

1Notice

Are you sure you want to delete this character?

2Close 3Delete
  • 주석 · 삭제 확인
  • 1요소확인 팝업 제목. en Notice / ko 알림. 본문 en Are you sure you want to delete this character? / ko 이 캐릭터를 삭제할까요?
  • 2동작Close — 삭제 취소, 캐릭터 정보로 복귀(S5).
  • 3동작Delete(=Ok) — 삭제 실행. 데이터DELETE /member/persona(DeletePersonaParams, 게이트 중에도 개방). 규칙ACTIVE가 1개까지 줄면 게이트 해제 → 메인 정상. 아직 >1이면 보관·잠김 유지(S4). 상태보관(DEACTIVE)과 삭제는 다르다: 보관은 재구독 복구 대상, 삭제는 영구 제거.

6상태: S1 유지선택 default(4385-6687) · S2 선택됨(4385-6776) · S3 엣지 활성3 · S4 보관·잠김(4385-6873) · S5 캐릭터 정보 · S6 삭제 확인(654-2174). 정책 근거: [[결정-멤버십강등-페르소나선택]](ADR D18) · 디자인 #233 · 백필 #460 · 명세 화면설계-03-03-페르소나-유지-선택.md. 미확정(needs-verification): 옵션 카드 상세 필드·잠김 안내(배지·토스트·툴팁)의 최종 노출 조합·확정 성공 후 화면은 코드 대조 전 초안.