@dreamboard-games/ui-sdk 0.0.43 → 0.0.45

package/src/reducer.ts

@@ -1,23 +1,3 @@
-export { useActivePlayers } from "./hooks/useActivePlayers.js";
-export { useSimultaneousPhase } from "./hooks/useSimultaneousPhase.js";
-export { usePlayerTurnOrder } from "./hooks/usePlayerTurnOrder.js";
-export { useGameSelector } from "./hooks/useGameSelector.js";
-export { useIsMyTurn } from "./hooks/useIsMyTurn.js";
-export { useCards } from "./hooks/useCards.js";
-export { useGameView } from "./hooks/useGameView.js";
-export { useLobby } from "./hooks/useLobby.js";
-export { useMe } from "./hooks/useMe.js";
-export { usePlayerInfo } from "./hooks/usePlayerInfo.js";
-export { useSeatInbox, type SeatInbox } from "./hooks/useSeatInbox.js";
-export {
-  useInteractionHandle,
-  type InteractionHandle,
-  type InteractionHandleStatus,
-  type DraftValidation,
-  type InteractionParamsShape,
-} from "./hooks/useInteractionHandle.js";
-export { useInteractionByKey } from "./hooks/useInteractionByKey.js";
-export { usePluginSession } from "./context/PluginSessionContext.js";
 export {
   type ClientParamSchema,
   type ClientParamSchemaMap,
@@ -35,6 +15,13 @@ export type {
 } from "./types/plugin-state.js";
 export type { LobbyState } from "./hooks/useLobby.js";
 export type { Player } from "./hooks/useMe.js";
+export type { SeatInbox } from "./hooks/useSeatInbox.js";
+export type {
+  DraftValidation,
+  InteractionHandle,
+  InteractionHandleStatus,
+  InteractionParamsShape,
+} from "./hooks/useInteractionHandle.js";
 export type {
   CardCollection,
   ViewCard,

package/src/runtime/createPluginRuntimeAPI.ts

@@ -387,7 +387,7 @@ export function createPluginRuntimeAPI(): PluginRuntimeAPI {
 
         // Tier-0 perf: after notifyStateListeners has kicked React's
         // render, schedule a post-commit microtask + rAF chain so the
-        // follow-up `state-rendered` message lands close to when the
+        // paired `state-rendered` message lands close to when the
         // plugin's DOM would have been painted. `queueMicrotask` is
         // used first because most React listeners finish synchronously;
         // `requestAnimationFrame` then bounces to the next paint tick.

package/src/types/hex-color.ts

@@ -0,0 +1,20 @@
+export type HexColor = string & { readonly __brand: "HexColor" };
+
+const HEX_COLOR_PATTERN = /^#[0-9A-Fa-f]{6}$/;
+
+export function isHexColor(value: unknown): value is HexColor {
+  return typeof value === "string" && HEX_COLOR_PATTERN.test(value);
+}
+
+export function parseHexColor(value: unknown): HexColor | undefined {
+  return isHexColor(value) ? value : undefined;
+}
+
+export function hexColor(value: string): HexColor {
+  if (!isHexColor(value)) {
+    throw new Error(
+      `Expected a 6-digit hex color such as #E53935, received '${value}'.`,
+    );
+  }
+  return value;
+}

package/src/types/player-state.ts

@@ -8,18 +8,36 @@ import type {
   VertexTypeId,
   BoardBaseId,
   BoardId,
-  BoardRef,
-  PerPlayer,
-  PerPlayerBoardRef,
   PieceId,
   PieceTypeId,
-  SharedBoardRef,
   SpaceId,
   SpaceTypeId,
   DieId,
 } from "@dreamboard/manifest-contract";
+import type { HexColor } from "./hex-color.js";
 
-export type { BoardRef, PerPlayer, PerPlayerBoardRef, SharedBoardRef };
+export interface PerPlayer<Value> {
+  readonly __perPlayer: true;
+  readonly entries: ReadonlyArray<readonly [PlayerId, Value]>;
+}
+
+export interface SharedBoardRef<BaseId extends string = BoardBaseId> {
+  readonly baseId: BaseId;
+  readonly seat?: undefined;
+}
+
+export interface PerPlayerBoardRef<
+  BaseId extends string = BoardBaseId,
+  Id extends string = PlayerId,
+> {
+  readonly baseId: BaseId;
+  readonly seat: Id;
+}
+
+export type BoardRef<
+  BaseId extends string = BoardBaseId,
+  Id extends string = PlayerId,
+> = SharedBoardRef<BaseId> | PerPlayerBoardRef<BaseId, Id>;
 
 /**
  * Hands are keyed by the authored hand id and split per seat. The per-seat
@@ -40,12 +58,12 @@ export interface Player {
   /** Whether this player is the host */
   isHost?: boolean;
   /** Player's assigned color */
-  color?: string;
+  color?: HexColor;
 }
 
 export interface HexTileState<
   B extends string = BoardId,
-  SpaceIdValue extends SpaceId = SpaceId,
+  SpaceIdValue extends string = SpaceId,
   Properties = B extends keyof TilePropertiesByBoardId
     ? TilePropertiesByBoardId[B]
     : undefined,
@@ -67,8 +85,8 @@ export interface HexTileState<
   properties?: Properties;
   /**
    * Optional view-projection overlay merged onto the static topology by
-   * `createHexBoardView` / `useHexBoardView`. Authored boards can also
-   * supply this directly when building tiles by hand.
+   * component-first board helpers such as `Board.HexView`. Authored boards can
+   * also supply this directly when building tiles by hand.
    */
   view?: View;
 }
@@ -76,7 +94,7 @@ export interface HexTileState<
 /** State of an edge on a reducer-projected hex board. */
 export interface HexEdgeState<
   B extends string = BoardId,
-  SpaceIdValue extends SpaceId = SpaceId,
+  SpaceIdValue extends string = SpaceId,
   EdgeIdValue extends string = string,
   Properties = B extends keyof EdgePropertiesByBoardId
     ? EdgePropertiesByBoardId[B]
@@ -101,7 +119,7 @@ export interface HexEdgeState<
 /** State of a vertex on a reducer-projected hex board. */
 export interface HexVertexState<
   B extends string = BoardId,
-  SpaceIdValue extends SpaceId = SpaceId,
+  SpaceIdValue extends string = SpaceId,
   VertexIdValue extends string = string,
   Properties = B extends keyof VertexPropertiesByBoardId
     ? VertexPropertiesByBoardId[B]
@@ -124,7 +142,7 @@ export interface HexVertexState<
 /** Complete state of a reducer-projected hex board. */
 export interface HexBoardState<
   B extends string = BoardId,
-  SpaceIdValue extends SpaceId = SpaceId,
+  SpaceIdValue extends string = SpaceId,
   EdgeIdValue extends string = string,
   VertexIdValue extends string = string,
   TileProperties = B extends keyof TilePropertiesByBoardId
@@ -215,7 +233,7 @@ export interface NetworkBoardState {
 
 /** State of a cell on a reducer-projected square grid board. */
 export interface SquareCellState<
-  SpaceIdValue extends SpaceId = SpaceId,
+  SpaceIdValue extends string = SpaceId,
   Properties = Record<string, unknown>,
 > {
   /** Unique cell identifier */
@@ -236,7 +254,7 @@ export interface SquareCellState<
 
 /** State of an edge on a reducer-projected square grid board. */
 export interface SquareEdgeState<
-  SpaceIdValue extends SpaceId = SpaceId,
+  SpaceIdValue extends string = SpaceId,
   EdgeIdValue extends string = string,
   Properties = Record<string, unknown>,
 > {
@@ -256,7 +274,7 @@ export interface SquareEdgeState<
 
 /** State of a vertex on a reducer-projected square grid board. */
 export interface SquareVertexState<
-  SpaceIdValue extends SpaceId = SpaceId,
+  SpaceIdValue extends string = SpaceId,
   VertexIdValue extends string = string,
   Properties = Record<string, unknown>,
 > {
@@ -276,7 +294,7 @@ export interface SquareVertexState<
 
 /** State of a piece placed on a reducer-projected square grid cell. */
 export interface SquarePieceState<
-  PieceIdValue extends PieceId = PieceId,
+  PieceIdValue extends string = PieceId,
   Properties = Record<string, unknown>,
 > {
   /** Unique piece identifier */
@@ -296,10 +314,10 @@ export interface SquarePieceState<
 /** Complete state of a reducer-projected square grid board. */
 export interface SquareBoardState<
   B extends string = BoardId,
-  SpaceIdValue extends SpaceId = SpaceId,
+  SpaceIdValue extends string = SpaceId,
   EdgeIdValue extends string = string,
   VertexIdValue extends string = string,
-  PieceIdValue extends PieceId = PieceId,
+  PieceIdValue extends string = PieceId,
   CellProperties = Record<string, unknown>,
   EdgeProperties = Record<string, unknown>,
   VertexProperties = Record<string, unknown>,

package/src/types/plugin-state.ts

@@ -1,4 +1,5 @@
 import type { PlayerId } from "@dreamboard/manifest-contract";
+import type { HexColor } from "./hex-color.js";
 
 /**
  * Plugin State Types
@@ -14,7 +15,7 @@ export interface SeatAssignment {
   playerId: PlayerId;
   controllerUserId?: string;
   displayName: string;
-  playerColor?: string;
+  playerColor?: HexColor;
   isHost?: boolean;
 }
 
@@ -218,7 +219,6 @@ export interface GameplayPromptOption {
 export interface InteractionContextOption {
   id: string;
   label?: string;
-  data?: unknown;
 }
 
 /** Structured context attached to a prompt-kind InteractionDescriptor. */
@@ -268,10 +268,17 @@ export interface InputDomain {
   step?: number;
   choices?: readonly InteractionChoiceOption[];
   selection?: InputSelection;
+  dependsOn?: readonly string[];
+  dependentCases?: readonly InputDomainDependencyCase[];
+}
+
+export interface InputDomainDependencyCase {
+  when: Readonly<Record<string, string>>;
+  domain: InputDomain;
 }
 
 export interface InteractionChoiceOption {
-  value: string;
+  value: string | null;
   label: string;
   icon?: string;
   badge?: string;

package/src/ui-contract.ts

@@ -1,25 +1,56 @@
-import type { ReactElement } from "react";
-import {
-  PromptDialogHost as PromptDialogHostComponent,
-  type PromptDialogHostProps,
-} from "./components/PromptDialogHost.js";
+import type { ReactElement, ReactNode } from "react";
 import {
   Board as BoardPrimitive,
+  Dice as DicePrimitive,
+  Game as GamePrimitive,
   Interaction as InteractionPrimitive,
   Phase as PhasePrimitive,
   PlayerRoster as PlayerRosterPrimitive,
   Prompt as PromptPrimitive,
   PromptInbox as PromptInboxPrimitive,
+  UI as UIPrimitive,
   Zone as ZonePrimitive,
+  type BoardHexGridProps,
+  type BoardHexGridInteractionFilter,
   type BoardTargetProps,
+  type BoardSpaceTargetProps,
+  type BoardEdgeTargetProps,
+  type BoardVertexTargetProps,
+  type DiceComponents,
+  type GameRootProps,
   type InteractionCardInputProps,
+  type InteractionDialogProps,
+  type InteractionFieldPrimitiveProps,
+  type InteractionFormPrimitiveProps,
+  type InteractionRouteMap,
   type InteractionRootProps,
+  type InteractionSwitchProps,
   type PhaseSwitchProps,
   type PlayerRosterComponents,
+  type PlayerRosterBadge,
+  type PlayerRosterEntry,
+  type PlayerRosterListProps,
+  type PlayerRosterPartProps,
+  type PlayerRosterRootProps,
+  type PlayerRosterSwitchButtonProps,
+  type PromptDialogProps,
+  type PromptInboxItemsProps,
+  type PromptOptionRenderItem,
   type PromptOptionProps,
+  type PromptOptionsProps,
   type PromptRootProps,
+  type UIRootProps,
+  type ZoneItemProps,
+  type ZoneCardAtProps,
+  type ZoneCardActionProps,
+  type ZoneCardRenderItem,
+  type ZoneListProps,
+  type ZonePileCardsProps,
+  type ZonePileRootProps,
   type ZoneRootProps,
 } from "./primitives/index.js";
+import type { InteractionDescriptor } from "./types/plugin-state.js";
+import type { AnyHexBoardInput, BoardSpaceIdOf } from "./types/tiled-board.js";
 
 /**
  * Workspace-aware UI typing extension point.
@@ -37,6 +68,7 @@ export interface UIContract {
   inputs?: UIContractBucket;
   prompts?: UIContractBucket;
   promptOptions?: UIContractBucket;
+  players?: UIContractBucket;
   zones?: UIContractBucket;
   cards?: UIContractBucket;
   phases?: UIContractBucket;
@@ -54,10 +86,18 @@ type BucketOf<Contract extends UIContract, Key extends keyof UIContract> =
     ? NonNullable<Contract[Key]>
     : UIContractBucket;
 
-type StringKeysOrFallback<Bucket extends UIContractBucket> =
-  string extends Extract<keyof Bucket, string>
+type StringKeyOf<Bucket extends UIContractBucket> = Extract<
+  keyof Bucket,
+  string
+>;
+
+type StringKeysOrFallback<Bucket extends UIContractBucket> = [
+  StringKeyOf<Bucket>,
+] extends [never]
+  ? string
+  : string extends StringKeyOf<Bucket>
     ? string
-    : Extract<keyof Bucket, string>;
+    : StringKeyOf<Bucket>;
 
 export type RegisteredUI = RegisteredUIContract;
 
@@ -73,6 +113,9 @@ export type PromptKey<Contract extends UIContract = RegisteredUI> =
 export type PromptOptionKey<Contract extends UIContract = RegisteredUI> =
   StringKeysOrFallback<BucketOf<Contract, "promptOptions">>;
 
+export type PlayerKey<Contract extends UIContract = RegisteredUI> =
+  StringKeysOrFallback<BucketOf<Contract, "players">>;
+
 export type ZoneKey<Contract extends UIContract = RegisteredUI> =
   StringKeysOrFallback<BucketOf<Contract, "zones">>;
 
@@ -85,21 +128,46 @@ export type PhaseKey<Contract extends UIContract = RegisteredUI> =
 export type BoardTargetKey<Contract extends UIContract = RegisteredUI> =
   StringKeysOrFallback<BucketOf<Contract, "boardTargets">>;
 
+type TypedZoneCardRenderItem<Contract extends UIContract> =
+  ZoneCardRenderItem<CardKey<Contract> & string> extends infer Item
+    ? Item extends { id: string; zone: string }
+      ? Omit<Item, "id" | "zone"> & {
+          id: CardKey<Contract>;
+          zone: ZoneKey<Contract>;
+        }
+      : never
+    : never;
+
 export type TypedInteraction<Contract extends UIContract> = Omit<
   typeof InteractionPrimitive,
-  "Root" | "CardInput"
+  "Root" | "CardInput" | "Dialog" | "Field" | "Form" | "Switch"
 > & {
   Root<Interaction extends InteractionKey<Contract>>(
     props: InteractionRootProps<Interaction>,
   ): ReactElement | null;
+  Switch(
+    props: Omit<InteractionSwitchProps<InteractionKey<Contract>>, "routes"> & {
+      routes: InteractionRouteMap<InteractionKey<Contract>>;
+    },
+  ): ReactElement;
   CardInput<Input extends InteractionInputKey<Contract>>(
-    props: Omit<InteractionCardInputProps, "input"> & { input: Input },
+    props: Omit<InteractionCardInputProps, "input" | "unsafeCardId"> & {
+      input: Input;
+      unsafeCardId?: CardKey<Contract>;
+    },
+  ): ReactElement;
+  Dialog<Interaction extends InteractionKey<Contract>>(
+    props: InteractionDialogProps<Interaction>,
   ): ReactElement;
+  Field<Input extends InteractionInputKey<Contract>>(
+    props: Omit<InteractionFieldPrimitiveProps, "input"> & { input: Input },
+  ): ReactElement | null;
+  Form(props: InteractionFormPrimitiveProps): ReactElement | null;
 };
 
 export type TypedPrompt<Contract extends UIContract> = Omit<
   typeof PromptPrimitive,
-  "Root" | "Option"
+  "Root" | "Option" | "Options" | "Dialog"
 > & {
   Root<Prompt extends PromptKey<Contract>>(
     props: PromptRootProps<Prompt>,
@@ -107,10 +175,94 @@ export type TypedPrompt<Contract extends UIContract> = Omit<
   Option<Option extends PromptOptionKey<Contract>>(
     props: Omit<PromptOptionProps, "value"> & { value: Option },
   ): ReactElement;
+  Options(
+    props: Omit<PromptOptionsProps, "children"> & {
+      children: (
+        option: Omit<PromptOptionRenderItem, "id"> & {
+          id: PromptOptionKey<Contract>;
+        },
+      ) => ReactNode;
+    },
+  ): ReactElement;
+  Dialog<Prompt extends PromptKey<Contract>>(
+    props: PromptDialogProps<Prompt>,
+  ): ReactElement;
+};
+
+export type TypedPromptInbox<Contract extends UIContract> = Omit<
+  typeof PromptInboxPrimitive,
+  "Items"
+> & {
+  Items(
+    props: Omit<PromptInboxItemsProps, "children"> & {
+      children: (
+        prompt: Omit<InteractionDescriptor, "interactionKey"> & {
+          interactionKey: PromptKey<Contract>;
+        },
+      ) => ReactNode;
+    },
+  ): ReactElement;
+};
+
+type TypedPlayerRosterEntry<Player extends string> = Omit<
+  PlayerRosterEntry,
+  "playerId"
+> & {
+  playerId: Player;
+};
+
+type TypedPlayerRosterRootProps<Player extends string> = Omit<
+  PlayerRosterRootProps,
+  "score" | "scoreLabel" | "badges" | "metadata"
+> & {
+  score?: (playerId: Player) => number | undefined;
+  scoreLabel?: string | ((playerId: Player) => string | undefined);
+  badges?: (
+    playerId: Player,
+  ) => ReadonlyArray<PlayerRosterBadge | null | false | undefined>;
+  metadata?: (playerId: Player) => Record<string, unknown> | undefined;
+};
+
+type TypedPlayerRosterListProps<Player extends string> = Omit<
+  PlayerRosterListProps,
+  "children"
+> & {
+  children?: (player: TypedPlayerRosterEntry<Player>) => ReactNode;
 };
 
-export type TypedPromptInbox = typeof PromptInboxPrimitive;
-export type TypedPlayerRoster = PlayerRosterComponents;
+type TypedPlayerRosterPartProps<Player extends string> = Omit<
+  PlayerRosterPartProps,
+  "player"
+> & {
+  player: TypedPlayerRosterEntry<Player>;
+};
+
+type TypedPlayerRosterSwitchButtonProps<Player extends string> = Omit<
+  PlayerRosterSwitchButtonProps,
+  "player"
+> & {
+  player: TypedPlayerRosterEntry<Player>;
+};
+
+export type TypedPlayerRoster<Contract extends UIContract> = Omit<
+  PlayerRosterComponents,
+  "Root" | "List" | "SwitchButton" | "Name" | "Score" | "Badges"
+> & {
+  Root(
+    props: TypedPlayerRosterRootProps<PlayerKey<Contract>>,
+  ): ReactElement | null;
+  List(props: TypedPlayerRosterListProps<PlayerKey<Contract>>): ReactElement;
+  SwitchButton(
+    props: TypedPlayerRosterSwitchButtonProps<PlayerKey<Contract>>,
+  ): ReactElement;
+  Name(props: TypedPlayerRosterPartProps<PlayerKey<Contract>>): ReactElement;
+  Score(
+    props: TypedPlayerRosterPartProps<PlayerKey<Contract>>,
+  ): ReactElement | null;
+  Badges(
+    props: TypedPlayerRosterPartProps<PlayerKey<Contract>>,
+  ): ReactElement | null;
+};
 
 export type TypedPhase<Contract extends UIContract> = Omit<
   typeof PhasePrimitive,
@@ -121,31 +273,109 @@ export type TypedPhase<Contract extends UIContract> = Omit<
 
 export type TypedZone<Contract extends UIContract> = Omit<
   typeof ZonePrimitive,
-  "Root"
+  | "Root"
+  | "Item"
+  | "CardAt"
+  | "TopCard"
+  | "CardAction"
+  | "List"
+  | "PileRoot"
+  | "PileCards"
 > & {
   Root<Zone extends ZoneKey<Contract>>(
     props: Omit<ZoneRootProps, "zone"> & { zone: Zone },
   ): ReactElement;
+  Item<Card extends CardKey<Contract>>(
+    props: Omit<ZoneItemProps, "card"> & { card: Card },
+  ): ReactElement;
+  CardAction<Card extends CardKey<Contract>>(
+    props: Omit<ZoneCardActionProps, "card"> & { card?: Card },
+  ): ReactElement;
+  CardAt<Zone extends ZoneKey<Contract>>(
+    props: Omit<ZoneCardAtProps<Zone>, "zone" | "children"> & {
+      zone?: Zone;
+      children?:
+        | ReactNode
+        | ((card: TypedZoneCardRenderItem<Contract>) => ReactNode);
+    },
+  ): ReactElement | null;
+  TopCard<Zone extends ZoneKey<Contract>>(
+    props: Omit<ZoneCardAtProps<Zone>, "zone" | "index" | "children"> & {
+      zone?: Zone;
+      children?:
+        | ReactNode
+        | ((card: TypedZoneCardRenderItem<Contract>) => ReactNode);
+    },
+  ): ReactElement | null;
+  List(
+    props: Omit<ZoneListProps, "children"> & {
+      children?:
+        | ReactNode
+        | ((card: TypedZoneCardRenderItem<Contract>) => ReactNode);
+    },
+  ): ReactElement;
+  PileRoot<Zone extends ZoneKey<Contract>>(
+    props: Omit<ZonePileRootProps<Zone>, "zone"> & {
+      zone: Zone;
+    },
+  ): ReactElement;
+  PileCards(
+    props: Omit<ZonePileCardsProps, "renderCard"> & {
+      renderCard: (card: TypedZoneCardRenderItem<Contract>) => ReactNode;
+    },
+  ): ReactElement | null;
 };
 
 export type TypedBoard<Contract extends UIContract> = Omit<
   typeof BoardPrimitive,
-  "Target"
+  "Target" | "SpaceTarget" | "EdgeTarget" | "VertexTarget" | "HexGrid"
 > & {
   Target<Target extends BoardTargetKey<Contract>>(
     props: Omit<BoardTargetProps, "value"> & { value: Target },
   ): ReactElement;
+  SpaceTarget<Target extends BoardTargetKey<Contract>>(
+    props: Omit<BoardSpaceTargetProps, "value"> & { value: Target },
+  ): ReactElement;
+  EdgeTarget<Target extends BoardTargetKey<Contract>>(
+    props: Omit<BoardEdgeTargetProps, "value"> & { value: Target },
+  ): ReactElement;
+  VertexTarget<Target extends BoardTargetKey<Contract>>(
+    props: Omit<BoardVertexTargetProps, "value"> & { value: Target },
+  ): ReactElement;
+  HexGrid<
+    TBoard extends AnyHexBoardInput,
+    TSpaceView extends { id: BoardSpaceIdOf<TBoard> },
+  >(
+    props: Omit<BoardHexGridProps<TBoard, TSpaceView>, "interactions"> & {
+      interactions?:
+        | Exclude<BoardHexGridInteractionFilter, object>
+        | {
+            edge?: ReadonlyArray<InteractionKey<Contract>>;
+            vertex?: ReadonlyArray<InteractionKey<Contract>>;
+            space?: ReadonlyArray<InteractionKey<Contract>>;
+          };
+    },
+  ): ReactElement;
+};
+
+export type TypedGame<
+  _Contract extends UIContract,
+  View = unknown,
+  Player extends string = PlayerKey<_Contract>,
+  Phase extends string = PhaseKey<_Contract>,
+> = Omit<typeof GamePrimitive, "Root"> & {
+  Root(props: GameRootProps<View, Player, Phase>): ReactElement;
 };
 
 export interface DreamboardUI<Contract extends UIContract = RegisteredUI> {
   readonly contract: Contract;
+  Root(props: UIRootProps): ReactElement;
+  readonly Game: TypedGame<Contract>;
   readonly Interaction: TypedInteraction<Contract>;
   readonly Prompt: TypedPrompt<Contract>;
-  readonly PromptInbox: TypedPromptInbox;
-  readonly PlayerRoster: TypedPlayerRoster;
-  readonly PromptDialogHost: (
-    props: PromptDialogHostProps,
-  ) => ReactElement | null;
+  readonly PromptInbox: TypedPromptInbox<Contract>;
+  readonly PlayerRoster: TypedPlayerRoster<Contract>;
+  readonly Dice: DiceComponents;
   readonly Phase: TypedPhase<Contract>;
   readonly Zone: TypedZone<Contract>;
   readonly Board: TypedBoard<Contract>;
@@ -156,11 +386,13 @@ export function createDreamboardUI<const Contract extends UIContract>(
 ): DreamboardUI<Contract> {
   return {
     contract,
+    Root: UIPrimitive.Root,
+    Game: GamePrimitive,
     Interaction: InteractionPrimitive,
     Prompt: PromptPrimitive,
     PromptInbox: PromptInboxPrimitive,
     PlayerRoster: PlayerRosterPrimitive,
-    PromptDialogHost: PromptDialogHostComponent,
+    Dice: DicePrimitive,
     Phase: PhasePrimitive,
     Zone: ZonePrimitive,
     Board: BoardPrimitive,