UI BridgePlay
Play
Card-play editing primitive, table components, flat displays and status pills.
The play module is split in three layers:
| Layer | Import path | Pages |
|---|---|---|
| Editing primitive | @workspace/ui-bridge/primitives/editor/play-editor | PlayEditor |
| Table components fed by the primitive | @workspace/ui-bridge/components/play/* | PlayCurrentPlayerHand, PlayTrickTable, PlayTrickTableDisplay, PlayControls |
| Flat displays | @workspace/ui-bridge/play/* | Components (PlayInput, TricksDisplay, PlayAnnotations, PlayErrors, PlayHelp, PlayComments) and Status (LeadPill, PlaySequencePreview, IncompleteHandsCallout) |
Hooks (useHasPlayedSuit, useLead, useTricksWithWinners) are on the Hooks page.
Table components
All four read usePlayEditorContext() and must sit under PlayEditor.Root.
| Component | Renders |
|---|---|
PlayCurrentPlayerHand | The hand of the player on turn, legal cards playable |
PlayTrickTable | Tricks played so far, with an optional per-card comment popover (cellPopoverContent) |
PlayTrickTableDisplay | Same table without interaction |
PlayControls | Undo and reset actions |