Reachat

Reachat은 세션 목록이 붙은 콘솔 레이아웃과 사이드 패널에 가까운 컴패니언 레이아웃을 함께 준다. 사용자 업무 방식에 맞는 쪽을 고르면 된다. 둘 다 같은 메시지 컴포넌트를 쓰기 때문에 레이아웃을 바꿔도 스레드를 다시 만들 필요가 없다.

모델 응답이 평문 문장으로 오는 경우는 드물다. Reachat은 마크다운, GFM 표, 구문 강조 코드, JSON 블록, 목록, 수식, YouTube 임베드를 처음부터 그린다. 부족하면 remark와 rehype 플러그인을 붙일 수 있다. 착수할 때 많은 팀이 이 부분을 과소평가한다.

메시지마다 user, assistant, system, tool 역할이 붙는다. 도구 호출과 그 결과를 대화와 같은 스레드에 둘 수 있다. 답하기 전에 검색하거나 조회하거나 함수를 실행하는 에이전트형 채팅 UI에서 중요한 부분이다. 데이터는 내 쪽에 남고 표시만 라이브러리가 맡는다.

입력창에서 파일을 올리고 이미지를 바로 미리 볼 수 있다. 첨부는 내 메시지 payload에 실리므로 저장 위치와 모델로 보내는 방식도 직접 정한다. 업로드 위젯을 따로 붙일 필요가 없다.

입력창은 Tiptap을 통해 멘션과 슬래시 명령을 지원한다. 문서, 연락처, 저장해 둔 프롬프트를 입력창을 벗어나지 않고 참조할 수 있다. 각 명령이 하는 일은 직접 정한다. 그래서 고정 메뉴가 아니라 제품에 붙은 기능으로 남는다.

모든 컴포넌트가 Tailwind 클래스를 받고, slot이 내부 요소를 열어 준다. 버튼 하나를 바꾸려고 소스를 fork할 필요가 없다. CSS-in-JS 런타임도, 관리할 테마 설정 파일도 없다. 디자인 시스템이 이미 Tailwind를 쓴다면 채팅 화면도 같은 어휘를 물려받는다.

메시지 페이지네이션, 세션 자동 그룹화, 키보드 단축키가 들어 있다. 수백 개 메시지가 쌓인 대화도 쓸 만하다. 관련 세션은 사이드바에서 묶여 있고, 키보드 조작은 입력창과 메시지 목록을 모두 커버한다.