캘린더 콘텐츠와 플로팅 컨트롤 레이어를 분리한다

[developer-1px]

목표

캘린더 콘텐츠를 주인공으로 유지하면서 제품 간 재사용 가능성을 탐색할 수 있는 플로팅 컨트롤 문법을 적용합니다.

Closes #703

변경 사항

• 날짜 범위를 툴바가 아닌 캘린더 콘텐츠 제목으로 이동했습니다.
• 날짜 이동, Today, 보기 전환, 캘린더 소스를 하나의 플로팅 툴바로 통합했습니다.
• 캘린더 소스는 필요할 때만 툴바 아래에 열리는 컨텍스트 패널로 변경했습니다.
• AI 입력창은 축소 상태 없이 안정적인 입력 폭을 유지하도록 정리했습니다.
• 블러를 사용하지 않고 토널 배경, 얇은 경계, 약한 그림자로 레이어를 구분하는 Tonal Float 스타일을 적용했습니다.
• 작은 화면에서도 툴바가 한 줄을 유지하고 콘텐츠 헤더와 충돌하지 않도록 반응형 규칙을 추가했습니다.

계약 변경

• 콘텐츠 레이어는 캘린더 그리드와 그 기간 정보를 소유합니다.
• 컨트롤 레이어는 탐색, 보기 전환, 소스 선택, AI 입력을 소유합니다.
• 플로팅 컨트롤은 콘텐츠를 가리지 않고 항상 발견 가능하되, 부가 표면은 사용 시에만 활성화됩니다.
• 이번 변경은 캘린더 제품 내부에서 문법을 검증하며 공용 컴포넌트 추출은 포함하지 않습니다.

검증

• 별도 시각 검수 에이전트: PASS
• 1280px, 760px, 480px 화면 확인
• npm run typecheck -w @interactive-os/json-document-site
• npm test -w @interactive-os/json-document-site — 22 files, 118 tests
• npm run build -w @interactive-os/json-document-site
• pre-push npm run build
• git diff --check