feat(ug): 멀티 에이전트 라우팅 + mermaid 렌더링

[hagyutae]

배경

M4 의 A 가 도중 사용자 의견을 구하려면 UG 가 P/A 양쪽으로 라우팅 가능해야 함. 또한 A 의 설계 결과물 (mermaid 그래프) 이 사용자 인터페이스에서 정상 렌더링되어야 함 (사용자 답변 Q8).

스코프

UG 멀티 에이전트 라우팅

• 현재 UG 는 Primary 단일 호출. 이를 P / A 둘 다 호출 가능하도록 확장.
• 사용자가 어느 에이전트와 대화 중인지 UI 에 표시 (탭 또는 대화 헤더)
• A 가 사용자에게 push 형 메시지를 보낼 수 있게 (A → UG → 사용자 알림)
  • 구현: A 의 SendStreamingMessage 를 UG 가 별 채널로 수신 + UI 알림
• 라우팅 결정 — 사용자가 직접 선택 (탭 클릭) 또는 P 가 "이 부분은 A 에게 물어봐야 해" 라고 안내

Mermaid 다이어그램 렌더링

• mermaid.js 또는 react-mermaid2 라이브러리 추가
• 마크다운의 ```mermaid ``` 블록을 자동 렌더
• M3 의 마크다운 렌더링 인프라 위에 plug-in

Visual hint — INPUT_REQUIRED state

• M3 에서 추가된 INPUT_REQUIRED hint 패턴 활용
• A 가 사용자에게 컨펌 요청 시 동일 흐름

비-스코프

• 액션 버튼 / 칸반 위젯 / 프로젝트 선택기 (M5+)
• A2A push notification (proposal 의 capabilities.pushNotifications, M5+)
• 다중 사용자 / 다중 device (M5+)

검증

• UG 에서 P / A 양쪽과 대화 가능
• A 가 보낸 mermaid 다이어그램 정상 렌더
• A 가 INPUT_REQUIRED 보낼 때 사용자에게 시각적 hint
• 회귀 — M3 의 P 단독 채팅 / 마크다운 렌더링 정상 동작