mirror of
https://github.com/multica-ai/multica.git
synced 2026-07-23 10:08:38 +02:00
The 16 Modal-based sheets in apps/mobile/ all copy-pasted the same transparent-fade + hand-drawn backdrop + maxHeight pattern from the project's first sheet. That shape is right for short action menus but wrong for content viewing / search / forms — each subsequent sheet hit its own bug (keyboard squash, FlatList clipping, useSafeAreaInsets returning 0 inside Modal, "floating" feel from transparent backdrop). Introduce SheetShell — a shared primitive wrapping Modal presentationStyle="pageSheet" + nested SafeAreaProvider + header (title + X) + safe-area-aware body. Migrate 7 misclassified sheets: session, issue-filter, assignee/label/project/project-lead pickers, add-resource. Codify the container-selection rule as CLAUDE.md Lesson #6 so the next sheet doesn't inherit the wrong shape. A-class sheets (comment-action, emoji-picker, fixed-option pickers) intentionally left alone — their content matches the original pattern. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>