Showcases

PageContainer + QueryList: top Query Filter, toolbar search, column filters, selection batch bar, and pagination — the default list-page recipe.

PageContainer + staged left filter panel, column-header filters, active-filter tags, table, batch bar, and pagination — no top Query Filter.

PageContainer + QueryFilter + list rows: content rows with sort, density, batch bar, and pagination — same data layer as the table recipe.

Scalar-only detail: one Descriptions card, no child collections — Ant Basic Profile. Copy when the record has no Related Lists or FormArray lines.

Object Page Hub: multi-card Overview (fields + tight Lines) and Attachments Related List tab. Amount KPI derived from lines. Copy for rich aggregates.

Rich parent field cards plus stacked loose Related Lists — each region uses one-row chrome (title + ghost Refresh + Columns + Add). Copy when children are independent CRUD only; never stack Refresh/Columns vertically.

Document library: thin KB identity in the page header, documents QueryList as the body, Upload documents (ModalForm + FormField kind=file dropzone), row click opens Sheet with Preview (MarkdownRenderer) default and Properties. Copy when the parent is a container and files are the job — not Create article, not an Object Page Hub.

FormPage mode=create: blank order, draft auto-save, and unsaved-change guard — the entry point from a list page.

FormPage mode=edit: loaded record, derived fields, status rules, draft auto-save, and navigation guard.

PageContainer (plain) + Result: centered status block with inline recovery actions — no bottom action bar.

L0 inbox slices (Feishu-style): My pending / Submitted by me / CC to me. Restricted rows never appear on CC — no list entry means no detail.

Same PO · View as Requester / Finance / Compliance / VP / CC. L2 region cards, L3 field hide, L4 action matrix — Role Surface Formula dogfood.

Header-line FormPage: applicant fills; system fields stay pretty; approver sees locked controls; Unlock to correct applicant fields when the requester is away or the form bounced.

Case queue with severity, SLA, and owner team — copy for complaint / feedback inboxes.

Pega-style case workspace: summary, lifecycle Stepper, department tasks Related List, activity log, Escalate / Resolve. Copy for multi-department investigation.

Surface gallery (button, dropzone, Coming picture-card/avatar), lifecycle gates, and FormField kind=file — full viewport visual QA.

Full-viewport writing canvas with attached toolbar and an optional inspector for HTML, JSON, and sanitized preview.

500–2000 editable lines at app scale: virtual or offset view, inline/row edit, live subtotals, selection + batch delete, and full-array submit.

Full-viewport AI chat shell: stick-to-bottom transcript, avatars, attachments, and a dense composer.