Skip to content

feat(frontend): refine chat layout and citation rendering UI#49

Merged
youneedpython merged 2 commits into
devfrom
feat/frontend-chat-layout
Jan 27, 2026
Merged

feat(frontend): refine chat layout and citation rendering UI#49
youneedpython merged 2 commits into
devfrom
feat/frontend-chat-layout

Conversation

@youneedpython
Copy link
Copy Markdown
Owner

이번 PR은 프론트엔드 채팅 화면의 UI/UX를 ChatGPT 스타일에 가깝게 개선하고,
법률 답변에서의 출처(citation) 표시 구조를 정리하기 위한 변경 사항을 포함합니다.


✨ 주요 변경 사항

  • 채팅 레이아웃을 단일 브라우저 스크롤 구조로 정리
    • 이중 스크롤 제거
    • 메시지 영역은 브라우저 기본 스크롤 사용
  • 질문 입력창을 화면 하단에 고정
    • 입력창과 전송 버튼을 한 줄 레이아웃으로 구성
    • 입력 영역의 불필요한 border 제거
  • ChatGPT 스타일에 가까운 최소 수정 UI 적용
    • 메시지 폭, 여백, 정렬 방식 개선
  • ChatMessage 컴포넌트에서 법률 출처를 본문 말미에 자연스럽게 표시
    • 인용 번호([n]) 기반 렌더링 구조 정리

🎯 변경 목적

  • 사용자가 이질감을 느끼지 않는 일반적인 챗봇 UI 제공
  • 법률 상담 특성상 중요한 “출처 표시”를 가독성 있게 노출
  • 이후 출처 persistence(새로고침 유지) 작업을 위한 UI 구조 기반 마련

⚠️ 참고 사항

  • 출처 표시의 새로고침 유지(persistence)는 이번 PR에 포함되지 않으며,
    후속 PR에서 처리 예정입니다.
  • 백엔드 API 스펙 변경은 없으며, 프론트엔드 레이아웃 및 렌더링 중심의 변경입니다.

@youneedpython youneedpython self-assigned this Jan 27, 2026
@youneedpython youneedpython merged commit f3fa18c into dev Jan 27, 2026
3 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant