Skip to content

P05 지점 예약 반응형 UI 준비

BLOCKED · 반응형 UI 기술 준비 완료. 이 화면은 frontend a1c331c의 격리된 계약 fixture를 실제 Chromium으로 렌더링한 증거다. P04 PASS 뒤 실제 지점 actor, Supabase mutation, 권한·replay·cleanup을 증명하기 전에는 P05 PASS가 아니다.

  1. 데스크톱에서는 예약 상태 lane 안에 운영 표를 유지한다.
  2. 1024px 미만에서는 표를 축소하거나 가로 스크롤시키지 않고 세로 카드로 완전히 치환한다.
  3. 모바일 카드마다 예약 revision, 산모, 서비스 일정, 관리팀, 갱신 시각을 독립 행으로 표시한다.
  4. 카드의 예약 링크는 기존 선택·상세·명령 흐름을 그대로 사용한다.
  5. 동일 projection을 표와 카드가 소비하므로 모바일 전용 업무 규칙은 복제하지 않는다.
390픽셀 지점 예약 운영 화면에서 표 대신 세로 예약 카드가 표시된 모습
Mobile 390px · 세로 카드 치환 · board horizontal overflow 0
1440픽셀 지점 예약 운영 화면에서 상태별 표와 선택 상세가 표시된 모습
Desktop 1440px · 상태별 운영 표와 선택 상세 유지

모바일 카드와 데스크톱 표를 비교하는 animated WebP

경계결과
frontend full102 suites, 643 PASS
responsive structuredesktop table/mobile cards/source labels PASS
lint변경 Astro, test, evidence runner PASS
Astro 7astro check 0 error, production build PASS
browserChromium 390×844·1440×1000, viewport별 치환과 overflow 0
ADR37개 ontology test 13 PASS, 모든 현재 결정 accepted
  • P04 PASS 뒤 seeded branch actor의 실제 submitted-intake 조회
  • 상담 시작과 후속 처리의 실제 Supabase mutation
  • 타 지점 403, stale revision 409, exact replay와 altered replay
  • audit/outbox/primary-state cardinality와 cleanup manifest
  • actual-runtime desktop/mobile media와 privacy review