🎨[디자인][물건등록] AI 추천 가격 로딩 중 AI 분석 중 표현 디자인 필요

[Cassiiopeia]

🗒️ 설명

물건 등록 화면에서 AI 추천 가격 토글을 켤 때 AI 분석 중임을 나타내는 시각적 피드백이 부족하다.

현재 상태:

• 토글 ON 시 _isAiPriceLoading 상태에서 가격 입력 필드 우측에 작은 로딩 스피너만 표시
• AI가 분석 중이라는 것을 사용자가 인지하기 어려움
• 로딩 시간이 긴 편이어서 사용자가 앱이 멈춘 것으로 오해할 수 있음

개선이 필요한 부분:

• AI 분석 중임을 직관적으로 표현하는 로딩 디자인 필요
• 예: 가격 필드 전체 영역을 AI 분석 중 상태로 표현하는 애니메이션 또는 스켈레톤 UI

🛠️ 개선 방향 (디자인 요청)

• AI 추천 가격 토글 ON 후 로딩 중일 때 가격 필드 영역에 AI 분석 중임을 나타내는 디자인 시안 필요
• AI 브랜딩(그라디언트, AI 배지 등) 활용하여 "AI가 분석하고 있어요" 상태를 시각적으로 표현

📸 참고 자료

• 관련 파일:
  • lib/widgets/register_input_form.dart — AI 토글 및 로딩 상태 처리 (line 62, 776~843)
  • lib/widgets/common/ai_badge.dart — 기존 AI 배지 컴포넌트
  • lib/widgets/common/gradient_text.dart — AI 그라디언트 텍스트 컴포넌트
• 현재 로딩 표시: 가격 필드 suffixIcon에 16px 스피너만 표시 (line 840~842)

✅ 예상 동작

• AI 추천 가격 토글 ON 후 응답 대기 중에 사용자가 "AI가 분석하고 있다"는 것을 명확히 인지할 수 있어야 한다.
• 로딩 완료 후 추천 가격이 자연스럽게 채워지는 전환 효과가 있으면 좋음

⚙️ 환경 정보

• OS: iOS / Android
• 브라우저: -
• 기기: 전체

🙋‍♂️ 담당자

• 백엔드: -
• 프론트엔드: 미정
• 디자인: 미정

[Cassiiopeia]

Guide by SUH-LAB

브랜치

20260420_#791_AI_추천_가격_로딩_중_AI_분석_중_표현_디자인_필요

커밋 메시지

AI 추천 가격 로딩 중 AI 분석 중 표현 디자인 필요 : feat : {변경 사항에 대한 설명} https://github.com/TEAM-ROMROM/RomRom-FE/issues/791

[wheemin1]

@yeramyyi 동일한 페이지에서 어떠한 효과가 있어도 좋구요, 아니면 완전히 다른 페이지전환(ex) 사진+ ai 분석 중~~ 등)도 좋습니다