와이어프레임 / 35-화면설계 / wireframes / 화면-04_02 플레이그라운드 · 단체채팅

화면 04_02 · 플레이그라운드 단체채팅 — 와이어프레임

파이프라인 ③단계 · 구조 뼈대(SOT) · Figma 정본 역추출 · 클릭 가능(prototype)
출처: fileKey=9FQdVis1fCSZCqhcfqTvWO · page node 3344:2712 "🛝 Playground - 단체채팅" · 허브 노트: 화면-04-02-플레이그라운드-단체채팅.md
1개 섹션 · 2개 상태 프레임(default · 입력 중) · 기기 375×812(원본 프레임은 1291px 세로 스크롤) · list mode(목록형) · 🛝 플레이그라운드 시안(미확정)

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

04_02 · 단체채팅 본문 (list mode)

한 대화방에서 여러 페르소나(AI 캐릭터)와 동시에 대화한다. 캐릭터 사진을 배경으로 깔지 않고, 말풍선을 위→아래로 쌓는 목록형(list mode) 보기다. 캐릭터 답변은 왼쪽(프로필·이름표·시각), 사용자 답변은 오른쪽. 이 페이지는 정식 화면이 아니라 🛝 플레이그라운드 시안이다.

단체채팅 · list mode (default)
‹ 1 Group chat 3 2
▤ Generate 3
A
Anastasia Petrova 4
10:05 am
10:06 am 5
R
Raj Aleksandrov
10:06 am
A
Anastasia Petrova
10:07 am
👤 ⓘ 6
Input Text 7
8
↑
  • 주석 · 단체채팅 list mode
  • 1이동뒤로 가기(icon-arrow-big-24) → 정식 1:1 채팅 화면. (화면-04-01-채팅 — 이 화면군 밖)
  • 2데이터대화방 이름 + 참여 인원 숫자. 숫자 3은 참여 페르소나 수(registeredPersonaIds). 근거: [[GroupConversationDocument]].
  • 3동작Generate(이미지 생성) 버튼(btn-generate, icon-image-14). 사용량 배지는 숨김. 시안·미확정 — 대상 화면 없음. (이 화면군 밖)
  • 4요소캐릭터 말풍선(Chat / bubble): 프로필 사진 + 이름표 + 본문 + 시각. 이름표는 speaker_name(assistant 메시지에만 채워짐). 근거: [[flux-groupchat-엔드포인트]].
  • 5요소사용자 말풍선: 오른쪽 정렬. 화자 필드 speaker_id는 null(사용자 메시지).
  • 6동작입력 바 위 프로필(icon-profile-24)·정보(Icon) 아이콘 버튼. 왼쪽=프로필 보기, 오른쪽=정보 보기. 시안·미확정 — 대상 화면 없음.
  • 7이동입력칸(Chat / text_field, 안내문 "Input Text"). 탭 → 메시지 입력(입력 중).
  • 8데이터전송 → 한 턴 SSE 처리 POST /conversation/group/turn. 여러 페르소나가 차례로 응답한다. 근거: [[flux-groupchat-엔드포인트]].
  • ·데이터입장 시 이전 대화 로드 POST /conversation/group/previous(페이지 단위) + 방 입장 POST /conversation/group/enter.
  • ·규칙🛝 플레이그라운드(실험·시안) 페이지. 정식 출시 화면 확정 여부는 이 페이지만으로 알 수 없다. 기능 자체는 [[GroupConversationDocument]]·[[flux-groupchat-엔드포인트]]로 코드에 존재. #needs-verification
단체채팅 · 입력 중 (typing)
‹ Group chat 3
▤ Generate
R
Raj Aleksandrov
10:07 am
A
Anastasia Petrova
10:07 am
👤 ⓘ
안녕, 오늘 뭐 했어?
↑
  • ·상태입력칸에 글자를 채우면 테두리가 진해지고 전송 버튼이 활성된다.
  • ·이동전송 → POST /conversation/group/turn(SSE). 내 말풍선이 오른쪽에 붙고 여러 페르소나가 차례로 답한다. → list mode로 복귀.

이 와이어프레임은 파이프라인 뼈대(SOT)이자 클릭 가능한 프로토타입이다. 이 화면은 🛝 플레이그라운드 시안이라 정식 확정 여부가 미정이다(#needs-verification). 화면 구조가 바뀌면 이 파일을 갱신하고, 허브 노트 화면-04-02-플레이그라운드-단체채팅.md가 이 파일을 가리킨다.