L5 자율주행 차량 멀티모달 프로토타입

.

.

.

(한 게 없는 부분이긴 한데 뺄 수 없는 단계라서 넣음 디자인 가이드 문서는 웹에도 피그마에도 많으니 참고)

<MCP figma 페이지 링크> 여기서 @<MCP 특정 섹션 링크> 이 레이아웃 변경 사항 참고해서 다음과 같은 수정이 있어. 

1. 메인화면 좌측 상단에서 오류 감지에 대한 알림이 뜸 

2. 원래는 인삿말 정도였던 텍스트 영역에서 현재 주행 판단 관련 XAI 메시지를 첨부한 Flow.md 순서대로 실시간으로 업데이트 함. 한번에 페이드로 바뀌는게 아니라 시나리오 시퀀스 넘어가는 json에 맞춰서 진짜 판단하는 것처럼 작성. 채팅 대응에서 만약 제미나이로 실시간 속도가 안나올 것 같으면 내가 스크립트를 다 제공해야하니 속도 체크하고 알려줘.

3. 검색바 영역은 우선 기존의 사이즈와 디자인을 유지하되 변형 레이아웃에 맞춰서 전반적인 세로 패딩값만 수정해줘. mcp 코드 확인하고 정확하게 반영. 아이콘, 폰트도 비례에 맞게 수정하되 현재 상태 유지하는 방향으로. 이 디자인이 이 브랜치에는 반영을 안해놔서 그럼. 걍 빨리 업데이트 해. 

4. 빠른 실행 4가지 메뉴 제안은 검색바 아래로 위치가 변경되었으니 섹션 순서 반영할것. 마찬가지로 현재 상태에서 사이즈랑 위치만 옮기면 됨. 추천옵션 띄어쓰기 등 최신 내용이 반영 안 되어있음. 텍스트 문서 확인해서 내용 업데이트. 

5. 하단 gnb 바에 많은 수정이 있었음. 도착 예정과 남은 거리 영역이 중앙에 생겼고, 앱 영역은 다 오른쪽으로 변경됨. 가로 간격 값 주의해서 업데이트.

대답 이후에 잠깐 듣고있는 거 대답 도중에 쭉 듣고있다가 TTS 끝난 다음부터 카운트다운 해. 


기존에는 TTS 끝나고 잠깐 마이크 열리고 타임아웃 ~5–8초였는데 답변 도중에도 잠깐, 그럼 다른 걸로 같은 끼어들기를 받을 수 있게 TTS 시작 직후 마이크 오픈. 어느 정도가 적당할지 알아서 일반적인 사례 기준으로 판단.

TTS가 끝나는 순간 카운트다운 5초 시작.
카운트다운 동안 사용자가 말하면 STT가 결과 발화하고 `isListening` 해제하고 카운트다운 클리어해서 후속 대화할 수 있게끔 하셈.

카운트다운 0 도달할 경우 STT 강제 종료하고 다시 웨이크워드 대기 상태로 복귀.
UI에 듣는 중 옆에 같은 디자인 시스템 적용해서 5 - 4- 3- 2- 1 타이머 변동 연한 회색으로 넣으셈.

오퍼레이터 콘솔 만들어줘. 디자인 필요없으니까 토큰 아끼셈. 데이터 분석 용이하게 하려고&자동 응답 프롬프트 고도화하려고 제작하는거니까 프로토타입 화면에서 ctrl alt shift O하면 서브 모니터에 켜지게 할거고 상황 제어 / 프롬프트 편집 / 실험&프롬프트 개발 모드 / 참가자 정보 입력란 / 시나리오 선택   으로 구성.
경과 시간 및 대화 로그를 실시간으로 보고 메모할 수 있게 하고 시험 종료 시: 시험 상태 선택 (완료/실패/무효/중단) 띄워줘. 아래 내용 확인하고 기능 넣으삼.

개발 모드: 
1) 프롬프트 풀에 기여(Supabase DB에 연결되어 있으니까 버튼 누르면 실시간으로 prompt examples table에 추가되게. 업데이트 해야할 거 있으면 SQL 복붙하게도 작성해주셈.
2) 시험 로그 .md
3) 프롬프트 예시 .json 
4) 대화 로그 기반 STT 입력 오류 교정
5) 대화 로그 기반 TTS 입력 오류 교정
6) 대화 로그 기반 프롬프트 교정

실험 모드: 개발 기능+ 최종 저장
                    다음 참가자 or 같은 참가자 시험 추가