Application blocks
Reusable layout and workflow blocks for Viet Co Tuong apps. These demos use dummy data and production vct-* web components.
Block gallery
Use these pages to review structure, density, empty states, long text, and responsive behavior before using a block in an app.
Review the homepage layout, hero section, and featured content composition.
OpenPreview the main archive browsing workflow with long game titles and compact metadata.
OpenReview the game listing layout with filters, sort controls, and grid/list views.
OpenResize the listing column or the browser window and confirm page numbers stay on one row.
OpenReview the game detail layout, xqboard integration, and sidebar composition.
OpenPreview the search workflow with long game titles and compact metadata.
OpenReview compact related-list composition for detail pages and sidebar modules.
OpenReview the signed-in feedback dialog used on home, play, and explore.
OpenReview the shared benefits block from home /store and package pages.
Review page sharing and play-room sharing before approving issue #63.
OpenPlay vs computer, CBL play-vs-engine, and live rooms share this result overlay.
OpenReview the signed-in friends + Admin chat tab used on home, play, and explore.
OpenReview the waiting / claimed chip that sits above the friends chat dock.
OpenSame stack as OpenChallengeHost without live /api/play/challenge/mine.
Walk capture → reading → result, warnings, and free-quota used. Product APIs are same-origin /api/board/scan-fen.
Review the shared fact sheet used by Your table, Accept challenge, and lobby rows.
OpenReview rated/unrated, private, claimed, playing, and your-table highlight without live APIs.
OpenReview the play-home quick-play block: tab switch, Mystery lede, and desktop two-column lanes.
OpenReview the circle used on play People, friends, and the chat dock.
OpenReview idle Expand-only chrome and View as Exit. Dash shell mirrors apps/dash admin CSS. Apply/Exit need product `/api/staff` routes.
Review dash Archive jumps on collection / tournament / event rows when staff ids are present. Heading-row width toggle starts fluid: a grid of 48rem columns with a rule between them; switch to the original capped column if you want.
OpenReview type-to-filter badges. The search strip docks at the top of the Edge Chrome scrollport while cards scroll underneath.
OpenFull-viewport preview at /blocks/badge-collections/. Badge library cards open /badge/badge-1 (Ancient manuals mock).
Review the raised fact sheet under the title, winner emphasis, and two-column pairs on wide sheets.
OpenFixture with short and long names to review score alignment and single-edge ellipsis.
OpenReview the curated link row + brand link used on pages that previously had no footer.
OpenReview Library-first order, link rows, and tabbable theme / language segments (guest vs member).
OpenPrimitive inventory
The first production block slice now includes the shells needed for cards, lists, search surfaces, and metadata.