AI 분석
다크 모드 에이전트 홈 화면 오른쪽에 너비를 끌어 조절하는 채팅 드로어가 붙은 데스크톱 UI다.
왼쪽 사이드바 내비, 에이전트 탭과 인사말·입력창·이전 채팅·추천 앱 카드가 놓인 중앙 홈, 오른쪽 채팅 드로어로 이루어진 3단 구성이다. 거의 검은 배경에 회색 텍스트를 쓰고, 인사말만 세리프체로 두며 보라·초록·주황·빨강의 작은 사각 아이콘으로 에이전트를 구분한다. 드로어 경계의 좌우 화살표 핸들을 끌면 패널 너비가 바뀌고 메시지 줄바꿈과 중앙 콘텐츠의 노출 범위가 함께 다시 배치된다. 채팅 안에는 도구 사용 접기 라벨, 선택지 카드, PDF 파일 카드와 공유·다운로드 버튼, 대화 추천 목록, 모델 선택이 붙은 입력창이 담겨 있다. 에이전트형 SaaS에서 분할 패널 리사이즈와 채팅 컴포넌트 구성을 설계할 때 참고하기 좋다.
dark-mode · minimal · techy
claude-opus-5-5 · 2026-10-21 18:01 · 신뢰도 0.75
