PetitPet UI/버그 픽스 — 토스트 메시지부터 챗봇 주제 제한까지

Docker 배포를 안정화한 다음엔 프론트엔드 자잘한 버그들을 잡았다.

반짝이 아이콘 제거

대시보드 AI 케어팁 제목에 붙어있던 반짝이 아이콘을 뺐다. 사소하지만 팀 내 UI 피드백에서 나온 요청.

alert 대신 토스트

프로필 저장 성공/실패를 alert로 띄우던 걸, 채팅 화면과 동일한 스타일의 토스트로 통일했다. 성공 토스트가 화면에 보일 시간을 주기 위해 리로드를 살짝 지연시켰다.

반려견 나이/체중에 음수가 들어갔다

입력창에서 '-' 입력 자체를 막고, 저장 시점에도 한 번 더 0 이상으로 clamp했다. 입력 단에서 막아도 다른 경로로 들어올 수 있어서 저장 시점 검증을 같이 뒀다.

약 복용 정보가 항상 "없음"으로 보였다

layout.tsx에서 pet 데이터를 매핑할 때 상태(status) 계산에는 currentMedication을 쓰면서 정작 필드 자체를 객체에 안 넣고 있었다. 그래서 사용자가 약 복용 정보를 저장해도 화면엔 항상 "없음"으로 표시됐다. 필드 하나를 빠뜨린 게 원인이었다.

챗봇이 반려동물과 무관한 질문에도 답했다

요리, 상식 같은 질문에도 AI 상담 챗봇이 답변하고 있었다. 시스템 프롬프트에 주제 제한 규칙을 추가해서, 무관한 질문에는 답변 대신 반려동물 관련 질문을 하도록 유도하는 안내로 대체했다.

작은 수정들이었지만 실제 사용자 테스트에서 나온 피드백을 그날그날 반영한 덕에 팀 데모 전까지 체감 완성도가 꽤 올라갔다.