AI 분석
다크 모드 오버레이 패널에서 에이전트의 작업 단계와 도구 사용 상태를 실시간으로 보여주는 UI다.
어두운 배경 위에 둥근 모서리의 단일 오버레이 패널이 떠 있고, 내부는 에이전트 상태 헤더, 세그먼트형 단계 진행 바, 2×3 도구 그리드, 하단 액션 바의 네 층으로 나뉜다. 본문은 산세리프, 상태 라벨과 수치는 자간을 넓힌 대문자 모노스페이스로 처리해 위계를 분리하고, 거의 무채색인 화면에서 주황 강조색과 초록 상태 텍스트만 색을 담당한다. 픽셀 아트 아바타가 단계마다 자세를 바꾸고 진행 바 세그먼트가 순차로 채워지며, 승인이 필요한 순간에는 주황 테두리의 결제 확인 행이 패널 안에 끼어들어 Decline·Approve 버튼을 노출한다. 상태 머신을 가진 자율 에이전트 UI에서 진행·일시정지·승인 대기를 한 패널 안에서 전환해 보여주는 방식의 레퍼런스로 유용하다.
dark-mode · minimal · techy · monochrome · high-contrast
claude-opus-5 · 2026-09-22 08:14 · 신뢰도 0.82
