AI 분석
게이트웨이에서 여러 LLM으로 갈라지는 요청 흐름과 비용·지연 지표를 한 패널에 담은 다크 모드 라우터 UI다.
중앙에 놓인 단일 카드형 패널이 헤더, 비용 요약과 분기 플로우 차트, 라우트 표, 정책 푸터의 네 구역으로 나뉜다. 거의 검은 배경 위에 산세리프 큰 숫자와 대문자 모노스페이스 라벨을 섞고, 모델마다 파랑·초록·보라·분홍 색을 배정해 차트 선과 표의 점을 일치시킨다. 게이트웨이에서 곡선으로 갈라지는 경로 위로 점이 흐르는 애니메이션, 항목에 호버하면 해당 경로와 표 행만 강조되고 나머지가 흐려지는 연동 하이라이트, 세그먼트 토글과 폴백 모델 드롭다운이 핵심 인터랙션이다. 폴백 설정을 바꾸면 상태 문구가 미저장 변경으로 바뀌고 주황 배포 버튼이 활성화되어, 데이터 시각화와 설정 흐름을 함께 다루는 개발자 도구 패널의 참고로 유용하다.
dark-mode · minimal · techy
claude-opus-5-5 · 2026-10-16 06:08 · 신뢰도 0.80