Feature/interview session improvement#99
Merged
Conversation
세션 진행 화면(/sessions/:id)에서 전역 헤더·푸터를 제거하고 뷰포트 전체를 차지하도록 변경해 면접 자체에만 집중하게 한다. 스테이지 진입 시 모니터 전원이 켜지는 듯한 모션(anim-screen-power-on)을 추가하고, 로비·종료·로딩 상태를 풀스크린에서 수직 중앙 정렬한다. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
텍스트를 읽는 도중 TTS가 끼어드는 UX를 개선한다. 스테이지 헤더에 텍스트/음성 토글(localStorage 지속)을 추가하고, 텍스트 모드에선 자동재생 없이 음성 상태 표시+수동 재생을, 음성 모드에선 자동재생+이퀄라이저 표시와 '텍스트로 보기' 토글을 제공한다. 기록 드로어도 모드를 존중해 텍스트 모드에선 자동재생하지 않는다. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
기존엔 면접 화면에서 첫 질문을 빈 화면으로 대기했다. firstQuestionReady 게이트를 두어 첫 질문이 도착할 때까지 진입 전 대기 화면(InterviewPreparing)에 머물고, 준비되면 스테이지로 전환되며 바로 질문이 보이게 한다. 또한 세션 생성 폼에 면접 제목(선택) 입력을 추가한다. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
|
The latest updates on your projects. Learn more about Vercel for GitHub.
|
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
변경 사항
면접 화면 몰입형 풀스크린 적용 (aa65292)
전역 헤더와 푸터를 숨기고 뷰포트를 꽉 채우는 전체화면 UI를 적용했습니다.
화면 켜짐(Power-on) 진입 모션을 추가하고, 진행 상태에 따른 중앙 정렬을 적용해 시각적 집중도를 높였습니다.
텍스트/음성 진행 모드 선택 기능 도입 (580a825)
헤더에 텍스트/음성 모드를 전환할 수 있는 토글을 추가했습니다. (useDeliveryMode 훅 적용)
음성 모드 활성화 시 이퀄라이저 애니메이션이 동작하도록 UI를 구성했습니다.
기록 드로어(Transcript Drawer) 등 연관 컴포넌트들이 현재 선택된 모드를 존중하여 렌더링되도록 연동했습니다.
입장 전 대기 흐름 개선 및 세션 제목 설정 (22a6452)
면접장 진입 후 첫 질문을 기다리던 기존 방식을 개선하여, 첫 질문이 준비(firstQuestionReady)된 후 면접장으로 넘어가도록 게이트(Gate) 로직을 추가했습니다.
진입 전 대기 화면(InterviewPreparing)을 분리하고, 세션 제목을 입력할 수 있는 폼을 추가했습니다.