Apple Silicon Mac의 Todo 편집 창에 Figma 디자인을 적용한다

[opficdev]

🔗 연관된 이슈

• closed Apple Silicon Mac의 Todo 편집 창에 Figma 디자인을 적용한다 #843

🎯 의도

• Apple Silicon Mac과 iOS에서 사용하는 TodoEditorView를 Figma 시안에 맞게 재구성
• 화면 크기에 따라 편집 화면과 inspector가 자연스럽게 배치되도록 개선

공통 색상 어셋을 앱과 Widget에서 함께 사용할 수 있도록 색상 접근 방식과 자동 생성 설정 정리

📝 작업 내용

📌 요약

• TodoEditorView의 제목, 작성·미리보기 선택기, 본문 편집 영역을 카드 형태로 재구성
• Todo 옵션과 참조 Todo를 하나의 inspector에서 전환하도록 표시 상태 통합
• 카테고리, 완료 여부, 중요 표시, 마감일, 태그 입력을 Store 바인딩으로 연결
• 화면 크기에 따른 선택기 너비와 툴바 배치 조정
• 공통 색상 어셋을 Color.accent와 같은 정적 속성으로 제공
• PresentationShared 색상 속성 자동 생성 비활성화 및 Widget 어셋 공유 설정

🔍 상세

• 제목 입력창과 본문 영역에 공통 배경, 테두리, 모서리 곡률 적용
• 본문 영역의 최소 높이를 사용 가능한 화면 높이에 따라 계산
• .compact 가로 크기에서는 작성·미리보기 선택기를 전체 너비로 표시하고 .regular에서는 최대 너비 적용
• 작성 화면과 미리보기 화면의 기존 전환 및 Markdown 참조 Todo 열기 동작 유지
• 커스텀 툴바에 닫기, 옵션, 저장, 로딩 상태 표시 구성
• inspector가 사이드바로 표시될 때 옵션과 저장 버튼을 inspector 툴바에 배치
• inspector 옵션 화면에 카테고리, 완료 여부, 중요 표시, 마감일, 태그 관리 UI 구성
• 동일 태그의 중복 추가 방지 및 비활성 추가 버튼의 밝은 모드 대비 개선
• SheetState 기반 표시 상태를 isInspectorPresented와 InspectorContent로 변경
• 옵션 버튼을 다시 누르면 inspector가 닫히도록 토글 동작 적용
• 완료 상태 변경 시 completedAt 갱신과 마감일 보정 로직 유지
• ColorAsset 열거형과 Color(asset:) 제거
• PresentationShared 색상 어셋을 Color 정적 속성으로 노출
• WidgetExtension에서 PresentationShared 색상 어셋을 함께 컴파일하도록 설정
• 태그 구성 요소의 강조 색상을 Color.accent로 통일
• inspector 상태 전환에 맞춰 Feature 테스트와 테스트 어댑터 수정

📸 영상 / 이미지 (Optional)

2026-09-11.3.08.39.mov

[chatgpt-codex-connector]

Codex Review Summary

This comment shows the latest Codex review activity on this pull request.

Review	Status	Commit	Review trigger
📝 Code Review	✅ Completed 2026-09-11T06:33:30.077726Z	5dccb0d	PR opened

ℹ️ About Codex in GitHub

Your team has set up Codex to review pull requests in this repo. Reviews are triggered when you

• Open a pull request for review
• Mark a draft as ready
• Comment "@codex review" or "@codex security review".

Codex reacts with 👀 while any review is running, comments if it has suggestions, and reacts with 👍 once all reviews finish with no findings.

[chatgpt-codex-connector]

💡 Codex Review

Here are some automated review suggestions for this pull request.

Reviewed commit: 5dccb0d0c6

ℹ️ About Codex in GitHub

Your team has set up Codex to review pull requests in this repo. Reviews are triggered when you

• Open a pull request for review
• Mark a draft as ready
• Comment "@codex review".

If Codex has suggestions, it will comment; otherwise it will react with 👍.

Codex can also answer questions or update the PR. Try commenting "@codex address that feedback".