로컬 웹 앱 주석 데모

REFERENCE_0을 컨텍스트로 사용하여 선택한 "웹 앱 빌드" 도구를 로컬 웹 애플리케이션 미리보기로 보여주는 후속 스크린샷을 만드세요. 플러그인 목록 보기를 깔끔한 흰색 UI, 부드러운 그림자, 둥근 모서리가 있는 브라우저 스타일의 localhost 작업 공간으로 바꾸세요. 주요 변경 사항: 원래 플러그인 디렉터리 대신 애플리케이션 빌드/주석 인터페이스를 표시합니다. 왼쪽에 로컬 주소를 표시하는 상단 막대를 추가하고 오른쪽에 작은 창/제어 아이콘 세 개를 추가합니다. 오른쪽 상단에 "주석 상태" 텍스트와 세로 점 세 개 메뉴가 있는 파란색 주석 상태 캡슐을 추가합니다. 콘텐츠 영역: 둥근 흰색 패널 안에 중국 포스터/카드 디자인을 표시하는 갤러리 스타일 UI를 만듭니다. 왼쪽 도구 모음에 검색 버튼과 "1"로 표시된 파란색 댓글/주석 버튼을 추가합니다. 오른쪽 패널에는 투명한 바둑판 모양의 자리 표시자 영역을 유지하면서 어두운 갈색의 전통적인 중국풍 스타일로 최소 두 개의 포스터/카드 썸네일을 표시합니다. 오버레이: 콘텐츠 영역 상단 중앙에 크고 둥근 모서리의 떠 있는 주석 입력 풍선을 배치합니다. 이 풍선은 내장된 AI 댓글 편집기처럼 보여야 하며, 왼쪽에는 중국어 안내 텍스트({argument name="comment text" default="이 버튼의 모양과 전체적인 디자인이 일치하지 않습니다. 조정해 주세요.")가 포함된 슬라이더/설정 아이콘, "취소" 버튼, 작은 마이크 아이콘, 흰색 체크 표시가 있는 검은색 원형 확인 버튼이 있어야 합니다. 오른쪽 미리보기 패널 하단에는 "열기", "폴더", "경로"라는 레이블이 붙은 세 개의 액션 버튼을 추가하고, 각 버튼에는 간단한 선 아이콘을 배치합니다. 제품 데모에서 UI 최적화를 요청하기 위해 Build Web Apps의 내장 HTML 주석 기능을 사용하는 것처럼 스크린샷의 사실감을 유지해야 합니다.