Migration drafts
Rebuilds of the production app's most-used surfaces in the new design system, with placeholder data only. The look is locked here so the actual migration of each component is "swap the markup template" — not "design and migrate at the same time." Wiring (composables, real data, click handlers) lands in a follow-up unit.
Mobile picker bar
Production source: src/components/design-system/DSMobilePickerBar.vue. Bottom-anchored quick-add bar shown in a phone-frame mock. Mixed DSBtn variants — primary for the headline action (Add work), secondary for adjacent sections, ghost for the long tail. The sub-grid sits on .ds-texture-dots-fine to read as a separate viewport surface.