AI 분석
게이트웨이에서 여러 LLM으로 흐르는 요청을 곡선 경로로 보여 주는 라우팅 정책 패널 컴포넌트다.
사선 패턴 배경 위에 떠 있는 단일 패널이 헤더, 비용·흐름 카드, 경로 표, 정책 푸터의 네 층으로 쌓인다. 밝은 회색 표면에 산세리프 큰 숫자와 모노스페이스 대문자 라벨을 대비시키고, 모델마다 파랑·초록·보라·자홍 색을 지정해 흐름 선과 표 점을 같은 색으로 묶는다. 비용·균형·품질 세그먼트 토글을 바꾸면 비용 수치와 분기 비율이 다시 계산되고, 경로 위를 지나는 점 애니메이션과 호버 시 나머지 경로가 흐려지는 강조, 폴백 모델 드롭다운, 미저장 상태에서 활성화되는 주황 배포 버튼이 이어진다. 개발자 도구에서 실시간 지표와 설정 편집을 한 패널에 담는 방법과 상태 변화 피드백을 설계할 때 참고하기 좋다.
minimal · light-mode · techy
claude-opus-5-5 · 2026-10-16 05:43 · 신뢰도 0.80
