Edit Product 2 block design & features
EditProduct2 is a guided product wizard built with Shadcn UI Progress, Field, Alert Dialog, and Scroll Area pieces. A desktop sidebar lists basics, pricing, inventory, and measurements with completion state, while mobile shows a compact progress summary. The block opens on the Radiance Ritual Set edit draft with media, stock locations, reorder rules, and unit-of-measure ratios already filled.
The sidebar uses numbered step buttons, a thin progress bar, and muted status copy. The main pane keeps one step visible inside a rounded card. Quick-fill controls sit in a dropdown for demos. Spacing is deliberate between step groups.
This is an elaborate wizard rather than a single-page form. Complexity comes from step validation, draft persistence, and inventory rule arrays. Mixed complexity: code-driven progress and validation with content-driven product media and pricing.
The sidebar collapses into the mobile progress header below medium breakpoints while step content stays full width.