Patterns

Full-screen recipes that compose the components — the management list screen and the create/edit detail screen.

Action Bar

AppActionBar — the top toolbar for list pages: two house dividers wrapping a space-between Row of small Create / Refresh / Delete buttons, identical across every module.

Search Bar

AppSearchBar — the list-page filter strip: a keyword input, Popover-backed filter tags, and an Add-filters dropdown held in one flex shell with exactly one fixed gap.

Form Footer

AppFormFooter — the sticky Save/Cancel bar pinned to the bottom of every create/edit form, with primary actions on the left and optional extra actions pushed right.

List Screen

The management/list page recipe. Every list page stacks the same way: breadcrumb → action bar → search bar → table. Only the buttons, filters and columns differ.

Detail Screen

The create/edit screen recipe: breadcrumb → vertical Form in a Card → sticky AppFormFooter with a btn-ant-primary Save and an opacity-8 Cancel.