diff --git a/AGENTS.md b/AGENTS.md index 3a32549..f4f7648 100644 --- a/AGENTS.md +++ b/AGENTS.md @@ -92,13 +92,14 @@ Concise but detailed reference for contributors working in the `vieval-dev/vieva - Use Iconify icon sets; avoid bespoke SVGs. - Animations: keep intuitive, lively, and readable. - Viewer UI (`packages/ui/client`) floating surfaces reuse the existing wrappers, never a bare reka-ui content or a new look: - - Menus, popovers, and hover cards: reka-ui `DropdownMenuContent` / `PopoverContent` / `HoverCardContent` with `as-child`, wrapping `AnimatedContent` (`components/AnimatedContent.vue`, the open/close motion ported from airi), styled with the `floating` / `floating-arrow` shortcuts. Follow `CompareMenu.vue` and `HuePicker.vue`. When the content scrolls, scroll an inner element: `AnimatedContent` clips its own root. + - Menus, popovers, and hover cards: reka-ui `DropdownMenuContent` / `PopoverContent` / `HoverCardContent` with `as-child`, wrapping `AnimatedContent` (`components/AnimatedContent.vue`, the open/close motion ported from airi), styled with the `floating` / `floating-arrow` shortcuts. Follow `CompareMenu.vue` and `PreferencesMenu.vue` (a popover with a nested dropdown menu). When the content scrolls, scroll an inner element: `AnimatedContent` clips its own root. - One-line hints: reka-ui `Tooltip` with the `tooltip` / `tooltip-arrow` shortcuts (animated in `styles.css`). - Phones: bottom sheets use vaul-vue `Drawer` (as in airi's Live2D report modal) on the same `floating` surface; share the body component between the desktop popover and the phone drawer. - In-page choices use reka-ui (`DropdownMenuRadioGroup` for one of many), not native `