@dreamboard-games/sdk 0.2.1-alpha.0 → 0.3.0-alpha.1

package/dist/{chunk-TDSWKVZ4.js → chunk-ADYH6PVT.js}

@@ -17,9 +17,25 @@ import {
   useChromeSuppression,
   useTheme,
   useThemeCssVars
-} from "./chunk-WYPQ3GG5.js";
+} from "./chunk-QZ6X4B5P.js";
+import {
+  composeEventHandlers,
+  renderPrimitive
+} from "./chunk-VDXOF4FW.js";
+import {
+  BROWSER_INTERACTION_ATTRIBUTES,
+  DREAMBOARD_BROWSER_INTERACTION_PROTOCOL_VERSION,
+  GAMEPLAY_BROWSER_INTERACTION_SURFACE,
+  createGameplayActuatorAttributes,
+  createGameplayInteractionRootAttributes,
+  gameplayAdjustResourceEffect,
+  gameplayCommitEffect,
+  gameplayInvokeEffect,
+  gameplaySetCandidateEffect,
+  gameplaySetScalarEffect
+} from "./chunk-QLG6VEMW.js";
 
-// src/runtime-internal/primitives/ui.tsx
+// src/runtime/primitives/ui.tsx
 import { Fragment, jsx } from "react/jsx-runtime";
 function UIRoot({
   theme,
@@ -48,10 +64,10 @@ var UI = {
   Root: UIRoot
 };
 
-// src/runtime-internal/primitives/hand-intent-adapter.ts
+// src/runtime/primitives/hand-intent-adapter.ts
 import { useCallback } from "react";
 
-// src/runtime-internal/context/InteractionDraftContext.tsx
+// src/runtime/context/InteractionDraftContext.tsx
 import { createContext, useContext, useMemo } from "react";
 import { useStore } from "zustand";
 import { createStore } from "zustand/vanilla";
@@ -235,7 +251,7 @@ function useInteractionSubmitting(interactionId) {
   );
 }
 
-// src/runtime-internal/context/PluginSessionContext.tsx
+// src/runtime/context/PluginSessionContext.tsx
 import { createContext as createContext2, useContext as useContext2 } from "react";
 var PluginSessionContext = createContext2(
   null
@@ -250,7 +266,7 @@ function usePluginSession() {
   return context;
 }
 
-// src/runtime-internal/context/PluginStateContext.tsx
+// src/runtime/context/PluginStateContext.tsx
 import {
   createContext as createContext4,
   useContext as useContext4,
@@ -260,7 +276,7 @@ import {
   useSyncExternalStore
 } from "react";
 
-// src/runtime-internal/context/RuntimeContext.tsx
+// src/runtime/context/RuntimeContext.tsx
 import { createContext as createContext3, useContext as useContext3, useState, useEffect } from "react";
 import { jsx as jsx3 } from "react/jsx-runtime";
 var RuntimeContext = createContext3(null);
@@ -293,9 +309,376 @@ function RuntimeProvider({
   return /* @__PURE__ */ jsx3(RuntimeContext.Provider, { value: runtime, children: /* @__PURE__ */ jsx3(PluginSessionContext.Provider, { value: sessionState, children }) });
 }
 
-// src/runtime-internal/context/PluginStateContext.tsx
+// src/runtime/utils/semantic-projection-digest.ts
+var AUTHORIZED_SEAT_PROJECTION_DIGEST_VERSION = "authorized-seat-projection@2";
+function semanticProjectionDigestForState(state) {
+  const actorPlayerId = state.session.controllingPlayerId;
+  if (!actorPlayerId) {
+    return null;
+  }
+  const seatOrder = state.lobby?.seats.map((seat) => seat.playerId) ?? [];
+  if (!seatOrder.includes(actorPlayerId)) {
+    return null;
+  }
+  return hashJson(semanticSeatProjection(state, state.gameplay, seatOrder));
+}
+function semanticSeatProjection(state, gameplay, seatOrder) {
+  const playerToSeat = new Map(
+    seatOrder.map((playerId, index) => [playerId, index])
+  );
+  const actorPlayerId = state.session.controllingPlayerId;
+  const actorSeat = actorPlayerId ? playerToSeat.get(actorPlayerId) : void 0;
+  if (actorSeat === void 0) {
+    throw new Error(
+      `authorized projection player ${actorPlayerId ?? "__none__"} is not present in seat order`
+    );
+  }
+  return {
+    digestVersion: AUTHORIZED_SEAT_PROJECTION_DIGEST_VERSION,
+    actorSeat,
+    currentStage: gameplay.currentStage ?? null,
+    stageSeats: gameplay.activePlayers.map(
+      (playerId) => canonicalizeSeatReference(playerId, playerToSeat)
+    ),
+    view: canonicalizeSemanticProjectionValue(state.view, playerToSeat),
+    zones: canonicalizeSemanticProjectionValue(gameplay.zones ?? {}, playerToSeat),
+    availableInteractions: gameplay.availableInteractions.map(
+      (descriptor) => semanticInteractionDescriptor(descriptor, playerToSeat)
+    )
+  };
+}
+function semanticInteractionDescriptor(descriptor, playerToSeat) {
+  const inputs = descriptor.inputs.map(
+    (input) => semanticInteractionInput(input, playerToSeat)
+  );
+  const { defaults, defaultProvenance } = collectDefaults(descriptor.inputs);
+  return {
+    interactionKey: descriptor.interactionKey,
+    interactionId: descriptor.interactionId,
+    stableIdentity: canonicalizeSemanticProjectionValue(
+      `${descriptor.interactionKey}:${descriptor.interactionId}`,
+      playerToSeat
+    ),
+    kind: descriptor.kind,
+    surface: descriptor.zoneId ?? descriptor.zoneIds?.find((zoneId) => typeof zoneId === "string") ?? null,
+    commitMode: descriptor.commit.mode === "autoWhenReady" ? "autoWhenReady" : "manual",
+    status: descriptor.availability.status ?? null,
+    available: descriptor.availability.status === "available",
+    inputs,
+    defaults: canonicalizeSemanticProjectionValue(defaults, playerToSeat),
+    defaultProvenance
+  };
+}
+function semanticInteractionInput(input, playerToSeat) {
+  const domain = asRecord(input.domain);
+  const selection = asRecord(domain.selection);
+  return {
+    key: input.key,
+    kind: input.kind,
+    domain: canonicalizeSemanticProjectionValue(input.domain, playerToSeat),
+    defaultValue: input.defaultValue === void 0 ? null : canonicalizeSemanticProjectionValue(input.defaultValue, playerToSeat),
+    defaultProvenance: input.defaultValue === void 0 ? null : "input",
+    selectionMode: stringField(selection, "mode"),
+    min: numberField(domain),
+    max: numberField(domain, "max")
+  };
+}
+function collectDefaults(inputs) {
+  const defaults = {};
+  const defaultProvenance = {};
+  for (const input of inputs) {
+    if (input.defaultValue !== void 0) {
+      defaults[input.key] = toCanonicalJson(input.defaultValue);
+      defaultProvenance[input.key] = "input";
+    }
+  }
+  return { defaults, defaultProvenance };
+}
+function canonicalizeSemanticProjectionValue(value, playerToSeat) {
+  if (value === null || typeof value === "boolean" || typeof value === "number") {
+    return toCanonicalJson(value);
+  }
+  if (typeof value === "string") {
+    return canonicalizeSeatReference(value, playerToSeat);
+  }
+  if (Array.isArray(value)) {
+    return value.map(
+      (item) => canonicalizeSemanticProjectionValue(item, playerToSeat)
+    );
+  }
+  if (isRecord(value)) {
+    return Object.fromEntries(
+      Object.entries(value).filter(
+        ([key, item]) => item !== void 0 && !SEMANTIC_PROJECTION_TRANSPORT_FIELDS.has(key)
+      ).map(([key, item]) => [
+        canonicalizeObjectKey(key, playerToSeat),
+        canonicalizeSemanticProjectionProperty(key, item, playerToSeat)
+      ])
+    );
+  }
+  return null;
+}
+function canonicalizeSemanticProjectionProperty(key, value, playerToSeat) {
+  const canonicalValue = canonicalizeSemanticProjectionValue(value, playerToSeat);
+  if ((key === "eligibleTargets" || key === "dependentCases") && Array.isArray(canonicalValue)) {
+    return [...canonicalValue].sort(
+      (left, right) => compareJson(canonicalJson(left), canonicalJson(right))
+    );
+  }
+  return canonicalValue;
+}
+function canonicalizeSeatReference(value, playerToSeat) {
+  const seat = playerToSeat.get(value);
+  return seat === void 0 ? value : { $seat: seat };
+}
+function canonicalizeObjectKey(key, playerToSeat) {
+  const seat = playerToSeat.get(key);
+  return seat === void 0 ? key : `$seat:${seat}`;
+}
+var SEMANTIC_PROJECTION_TRANSPORT_FIELDS = /* @__PURE__ */ new Set([
+  "availableInteractionRefs",
+  "board",
+  "cursor",
+  "etag",
+  "hydratedAt",
+  "hydrationCursor",
+  "hydrationSequence",
+  "interactionRef",
+  "interactionRefs",
+  "lastEventId",
+  "receivedAt",
+  "sequence",
+  "serverTime",
+  "snapshotVersion",
+  "transportSequence",
+  "transportVersion",
+  "updatedAt"
+]);
+function toCanonicalJson(value) {
+  if (value === null || typeof value === "boolean" || typeof value === "string") {
+    return value;
+  }
+  if (typeof value === "number") {
+    return value;
+  }
+  if (Array.isArray(value)) {
+    return value.map((item) => toCanonicalJson(item));
+  }
+  if (isRecord(value)) {
+    return Object.fromEntries(
+      Object.entries(value).filter(([, item]) => item !== void 0).map(([key, item]) => [key, toCanonicalJson(item)])
+    );
+  }
+  return null;
+}
+function hashJson(value) {
+  return `sha256:${sha256Hex(canonicalJson(value))}`;
+}
+function canonicalJson(value) {
+  return JSON.stringify(canonicalizeJson(value));
+}
+function canonicalizeJson(value) {
+  if (value === null || typeof value === "boolean" || typeof value === "string") {
+    return value;
+  }
+  if (typeof value === "number") {
+    if (!Number.isFinite(value)) {
+      throw new Error("canonical JSON contains a non-finite number");
+    }
+    return value;
+  }
+  if (Array.isArray(value)) {
+    return value.map((item) => canonicalizeJson(item));
+  }
+  return Object.fromEntries(
+    Object.entries(value).sort(([left], [right]) => compareJson(left, right)).map(([key, item]) => [key, canonicalizeJson(item)])
+  );
+}
+function compareJson(left, right) {
+  return left < right ? -1 : left > right ? 1 : 0;
+}
+function isRecord(value) {
+  return !!value && typeof value === "object" && !Array.isArray(value);
+}
+function asRecord(value) {
+  return isRecord(value) ? value : {};
+}
+function stringField(record, key) {
+  const value = record[key];
+  return typeof value === "string" && value.trim() ? value : null;
+}
+function numberField(record, key = "min") {
+  const value = record[key];
+  return typeof value === "number" && Number.isFinite(value) ? value : null;
+}
+var SHA256_K = [
+  1116352408,
+  1899447441,
+  3049323471,
+  3921009573,
+  961987163,
+  1508970993,
+  2453635748,
+  2870763221,
+  3624381080,
+  310598401,
+  607225278,
+  1426881987,
+  1925078388,
+  2162078206,
+  2614888103,
+  3248222580,
+  3835390401,
+  4022224774,
+  264347078,
+  604807628,
+  770255983,
+  1249150122,
+  1555081692,
+  1996064986,
+  2554220882,
+  2821834349,
+  2952996808,
+  3210313671,
+  3336571891,
+  3584528711,
+  113926993,
+  338241895,
+  666307205,
+  773529912,
+  1294757372,
+  1396182291,
+  1695183700,
+  1986661051,
+  2177026350,
+  2456956037,
+  2730485921,
+  2820302411,
+  3259730800,
+  3345764771,
+  3516065817,
+  3600352804,
+  4094571909,
+  275423344,
+  430227734,
+  506948616,
+  659060556,
+  883997877,
+  958139571,
+  1322822218,
+  1537002063,
+  1747873779,
+  1955562222,
+  2024104815,
+  2227730452,
+  2361852424,
+  2428436474,
+  2756734187,
+  3204031479,
+  3329325298
+];
+function sha256Hex(input) {
+  const bytes = utf8Bytes(input);
+  const bitLength = bytes.length * 8;
+  bytes.push(128);
+  while (bytes.length % 64 !== 56) {
+    bytes.push(0);
+  }
+  for (let shift = 56; shift >= 0; shift -= 8) {
+    bytes.push(Math.floor(bitLength / 2 ** shift) & 255);
+  }
+  let h0 = 1779033703;
+  let h1 = 3144134277;
+  let h2 = 1013904242;
+  let h3 = 2773480762;
+  let h4 = 1359893119;
+  let h5 = 2600822924;
+  let h6 = 528734635;
+  let h7 = 1541459225;
+  const words = new Array(64);
+  for (let offset = 0; offset < bytes.length; offset += 64) {
+    for (let index = 0; index < 16; index += 1) {
+      const base = offset + index * 4;
+      words[index] = (bytes[base] << 24 | bytes[base + 1] << 16 | bytes[base + 2] << 8 | bytes[base + 3]) >>> 0;
+    }
+    for (let index = 16; index < 64; index += 1) {
+      const s0 = rotateRight(words[index - 15], 7) ^ rotateRight(words[index - 15], 18) ^ words[index - 15] >>> 3;
+      const s1 = rotateRight(words[index - 2], 17) ^ rotateRight(words[index - 2], 19) ^ words[index - 2] >>> 10;
+      words[index] = words[index - 16] + s0 + words[index - 7] + s1 >>> 0;
+    }
+    let a = h0;
+    let b = h1;
+    let c = h2;
+    let d = h3;
+    let e = h4;
+    let f = h5;
+    let g = h6;
+    let h = h7;
+    for (let index = 0; index < 64; index += 1) {
+      const s1 = rotateRight(e, 6) ^ rotateRight(e, 11) ^ rotateRight(e, 25);
+      const ch2 = e & f ^ ~e & g;
+      const temp1 = h + s1 + ch2 + SHA256_K[index] + words[index] >>> 0;
+      const s0 = rotateRight(a, 2) ^ rotateRight(a, 13) ^ rotateRight(a, 22);
+      const maj2 = a & b ^ a & c ^ b & c;
+      const temp2 = s0 + maj2 >>> 0;
+      h = g;
+      g = f;
+      f = e;
+      e = d + temp1 >>> 0;
+      d = c;
+      c = b;
+      b = a;
+      a = temp1 + temp2 >>> 0;
+    }
+    h0 = h0 + a >>> 0;
+    h1 = h1 + b >>> 0;
+    h2 = h2 + c >>> 0;
+    h3 = h3 + d >>> 0;
+    h4 = h4 + e >>> 0;
+    h5 = h5 + f >>> 0;
+    h6 = h6 + g >>> 0;
+    h7 = h7 + h >>> 0;
+  }
+  return [h0, h1, h2, h3, h4, h5, h6, h7].map((value) => value.toString(16).padStart(8, "0")).join("");
+}
+function rotateRight(value, bits) {
+  return value >>> bits | value << 32 - bits;
+}
+function utf8Bytes(input) {
+  return Array.from(new TextEncoder().encode(input));
+}
+
+// src/runtime/context/PluginStateContext.tsx
 import { Fragment as Fragment2, jsx as jsx4, jsxs } from "react/jsx-runtime";
 var PluginStateContext = createContext4(null);
+var GAMEPLAY_BROWSER_SCOPE_ID = "runtime";
+var BROWSER_PROJECTION_DIGEST_ATTRIBUTE = "data-dreamboard-projection-digest";
+function RuntimeSemanticProjectionMarker() {
+  const state = usePluginState((snapshot) => snapshot);
+  return /* @__PURE__ */ jsx4(SemanticProjectionMarker, { state });
+}
+function SemanticProjectionMarker({
+  state
+}) {
+  const digest = semanticProjectionDigestForState(state);
+  if (!digest) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx4(
+    "span",
+    {
+      "aria-hidden": "true",
+      style: { display: "none" },
+      ...{
+        [BROWSER_INTERACTION_ATTRIBUTES.protocol]: DREAMBOARD_BROWSER_INTERACTION_PROTOCOL_VERSION,
+        [BROWSER_INTERACTION_ATTRIBUTES.surface]: GAMEPLAY_BROWSER_INTERACTION_SURFACE,
+        [BROWSER_INTERACTION_ATTRIBUTES.scope]: GAMEPLAY_BROWSER_SCOPE_ID,
+        [BROWSER_INTERACTION_ATTRIBUTES.role]: "projection",
+        [BROWSER_PROJECTION_DIGEST_ATTRIBUTE]: digest
+      }
+    }
+  );
+}
 function usePluginState(selector) {
   const runtime = useRuntimeContext();
   const subscribe = (onStoreChange) => {
@@ -345,7 +728,7 @@ function usePluginActions() {
   };
 }
 
-// src/runtime-internal/utils/interaction-inputs.ts
+// src/runtime/utils/interaction-inputs.ts
 function interactionInputKeys(descriptor) {
   return descriptor.inputs.map((input) => input.key);
 }
@@ -650,7 +1033,7 @@ function pluralize(word, count) {
   return count === 1 ? word : `${word}s`;
 }
 
-// src/runtime-internal/utils/interaction-router.ts
+// src/runtime/utils/interaction-router.ts
 function applyInteractionDraftMutation(store, descriptor, mutations) {
   const originalDraft = {
     ...store.getDraft(descriptor.interactionKey)
@@ -797,7 +1180,7 @@ function claimInteractionSubmit(store, descriptor) {
   return store.claimSubmitting(descriptor.interactionKey);
 }
 
-// src/runtime-internal/utils/interaction-status.ts
+// src/runtime/utils/interaction-status.ts
 function isInteractionAvailable(descriptor) {
   return descriptor?.availability.status === "available";
 }
@@ -806,7 +1189,7 @@ function interactionUnavailableReason(descriptor) {
   return availability && availability.status !== "available" ? availability.reason : void 0;
 }
 
-// src/runtime-internal/utils/card-intent-adapter.ts
+// src/runtime/utils/card-intent-adapter.ts
 var DROP_TARGET_PREFIX = "dreamboard:drop";
 function encodeRuntimeDropTargetKind(kind, value) {
   return `${DROP_TARGET_PREFIX}:kind:${kind}:${value}`;
@@ -1061,7 +1444,7 @@ function selectedCardIdsForZone(store, zone, state) {
   return [...result];
 }
 
-// src/runtime-internal/primitives/hand-intent-adapter.ts
+// src/runtime/primitives/hand-intent-adapter.ts
 function decodeAuthoredCardIntent(intent) {
   if (intent.type !== "drop") {
     return intent;
@@ -1139,11 +1522,11 @@ function useCardIntentAdapter({
   );
 }
 
-// src/runtime-internal/primitives/game.tsx
+// src/runtime/primitives/game.tsx
 import { createContext as createContext5, useContext as useContext5, useMemo as useMemo5 } from "react";
 import { useStore as useStore2 } from "zustand";
 
-// src/runtime-internal/hooks/useActivePlayers.ts
+// src/runtime/hooks/useActivePlayers.ts
 function useActivePlayers() {
   return usePluginState((state) => {
     const simultaneous = state.gameplay.simultaneousPhase;
@@ -1154,7 +1537,7 @@ function useActivePlayers() {
   });
 }
 
-// src/runtime-internal/hooks/useGameSelector.ts
+// src/runtime/hooks/useGameSelector.ts
 import { useRef, useSyncExternalStore as useSyncExternalStore2 } from "react";
 function defaultEquality(left, right) {
   return Object.is(left, right);
@@ -1218,15 +1601,15 @@ function useGameSelector(selector, equalityFn = defaultEquality) {
   return useSyncExternalStore2(subscribe, getSnapshot, getSnapshot);
 }
 
-// src/runtime-internal/hooks/useGameView.ts
+// src/runtime/hooks/useGameView.ts
 function useGameView() {
   return useGameSelector((view) => view);
 }
 
-// src/runtime-internal/hooks/usePlayerInfo.ts
+// src/runtime/hooks/usePlayerInfo.ts
 import { useMemo as useMemo3 } from "react";
 
-// src/runtime-internal/hooks/useLobby.ts
+// src/runtime/hooks/useLobby.ts
 import { useState as useState3, useEffect as useEffect3 } from "react";
 function useLobbyState() {
   const runtime = useRuntimeContext();
@@ -1265,7 +1648,7 @@ function useLobby() {
   return lobbyState;
 }
 
-// src/runtime-internal/hooks/usePlayerInfo.ts
+// src/runtime/hooks/usePlayerInfo.ts
 function usePlayerInfo() {
   const lobby = useLobbyState();
   return useMemo3(() => {
@@ -1286,7 +1669,7 @@ function usePlayerInfo() {
   }, [lobby]);
 }
 
-// src/runtime-internal/hooks/usePlayerTurnOrder.ts
+// src/runtime/hooks/usePlayerTurnOrder.ts
 import { useMemo as useMemo4 } from "react";
 function usePlayerTurnOrder() {
   const lobby = useLobby();
@@ -1296,7 +1679,7 @@ function usePlayerTurnOrder() {
   }, [lobby]);
 }
 
-// src/runtime-internal/utils/interaction-labels.ts
+// src/runtime/utils/interaction-labels.ts
 function humanizeInteractionId(id) {
   if (!id) return id;
   const withSpaces = id.replace(/[-_]+/g, " ").replace(/([a-z0-9])([A-Z])/g, "$1 $2").replace(/([A-Z]+)([A-Z][a-z])/g, "$1 $2").trim();
@@ -1309,7 +1692,7 @@ function interactionLabel(descriptor) {
   );
 }
 
-// src/runtime-internal/primitives/game.tsx
+// src/runtime/primitives/game.tsx
 import { Fragment as Fragment3, jsx as jsx5 } from "react/jsx-runtime";
 var GameActionErrorContext = createContext5(
   null
@@ -1487,78 +1870,14 @@ var Game = {
   Chrome: GameChrome
 };
 
-// src/runtime-internal/primitives/primitive-props.tsx
-import {
-  cloneElement,
-  isValidElement
-} from "react";
-import { jsx as jsx6 } from "react/jsx-runtime";
-function composeEventHandlers(authorHandler, primitiveHandler) {
-  if (!authorHandler) return primitiveHandler;
-  if (!primitiveHandler) return authorHandler;
-  return (event) => {
-    authorHandler(event);
-    if (!event.defaultPrevented) {
-      primitiveHandler(event);
-    }
-  };
-}
-function renderPrimitive(tagName, props) {
-  const { asChild, children, ...primitiveProps } = props;
-  if (asChild) {
-    if (!isValidElement(children)) {
-      throw new Error(
-        "asChild requires exactly one valid React element child."
-      );
-    }
-    const element = children;
-    const childProps = element.props;
-    return cloneElement(element, {
-      ...primitiveProps,
-      ...childProps,
-      className: [primitiveProps.className, childProps.className].filter(Boolean).join(" "),
-      style: {
-        ...primitiveProps.style ?? {},
-        ...childProps.style ?? {}
-      },
-      onClick: composeEventHandlers(
-        childProps.onClick,
-        primitiveProps.onClick
-      ),
-      onPointerDown: composeEventHandlers(
-        childProps.onPointerDown,
-        primitiveProps.onPointerDown
-      ),
-      onPointerMove: composeEventHandlers(
-        childProps.onPointerMove,
-        primitiveProps.onPointerMove
-      ),
-      onPointerUp: composeEventHandlers(
-        childProps.onPointerUp,
-        primitiveProps.onPointerUp
-      ),
-      onPointerCancel: composeEventHandlers(
-        childProps.onPointerCancel,
-        primitiveProps.onPointerCancel
-      ),
-      onChange: composeEventHandlers(
-        childProps.onChange,
-        primitiveProps.onChange
-      )
-    });
-  }
-  const Tag = tagName;
-  return /* @__PURE__ */ jsx6(Tag, { ...primitiveProps, children });
-}
-
-// src/runtime-internal/primitives/zone.tsx
+// src/runtime/primitives/zone.tsx
 import {
   createContext as createContext6,
   useContext as useContext6,
   useMemo as useMemo6
 } from "react";
 
-// src/runtime-internal/primitives/interaction-submit.ts
+// src/runtime/primitives/interaction-submit.ts
 async function runInteractionAction(action, {
   onSuccess,
   onError,
@@ -1597,8 +1916,8 @@ function submitInteractionParams(handle, params, callbacks = {}, options = {}) {
   });
 }
 
-// src/runtime-internal/primitives/zone.tsx
-import { Fragment as Fragment4, jsx as jsx7 } from "react/jsx-runtime";
+// src/runtime/primitives/zone.tsx
+import { Fragment as Fragment4, jsx as jsx6 } from "react/jsx-runtime";
 var ZoneContext = createContext6(null);
 var ZoneCardContext = createContext6(null);
 var ZonePileContext = createContext6(null);
@@ -1634,7 +1953,7 @@ function ZoneRoot({
     () => ({ zone, snapshot }),
     [snapshot, zone]
   );
-  return /* @__PURE__ */ jsx7(ZoneContext.Provider, { value, children: renderPrimitive("div", {
+  return /* @__PURE__ */ jsx6(ZoneContext.Provider, { value, children: renderPrimitive("div", {
     ...props,
     "data-dreamboard-zone-root": "",
     "data-zone": zone,
@@ -1644,7 +1963,7 @@ function ZoneRoot({
 }
 function ZoneList({ children, empty, sort, ...props }) {
   const { zone, items, isEmpty } = useZoneCards({ sort });
-  const renderedChildren = typeof children === "function" ? isEmpty ? empty : items.map((item) => /* @__PURE__ */ jsx7(ZoneItem, { card: item, children: children(item) }, item.id)) : isEmpty && empty !== void 0 ? empty : children;
+  const renderedChildren = typeof children === "function" ? isEmpty ? empty : items.map((item) => /* @__PURE__ */ jsx6(ZoneItem, { card: item, children: children(item) }, item.id)) : isEmpty && empty !== void 0 ? empty : children;
   return renderPrimitive("div", {
     ...props,
     role: props.role ?? "list",
@@ -1684,7 +2003,7 @@ function ZoneItem({ card, children, ...props }) {
     () => ({ zone, cardId: item.id }),
     [item.id, zone]
   );
-  return /* @__PURE__ */ jsx7(ZoneCardContext.Provider, { value: cardContext, children: renderPrimitive("div", {
+  return /* @__PURE__ */ jsx6(ZoneCardContext.Provider, { value: cardContext, children: renderPrimitive("div", {
     ...props,
     role: props.role ?? "listitem",
     "data-dreamboard-zone-item": "",
@@ -1705,23 +2024,23 @@ function ZoneCardAtContent({
 }) {
   const { zone, snapshot } = useZonePrimitiveContext();
   const cardIndex = resolveZoneCardIndex(snapshot, index);
-  if (cardIndex === null) return /* @__PURE__ */ jsx7(Fragment4, { children: empty });
+  if (cardIndex === null) return /* @__PURE__ */ jsx6(Fragment4, { children: empty });
   const cardId = snapshot?.cardIds[cardIndex];
-  if (!cardId) return /* @__PURE__ */ jsx7(Fragment4, { children: empty });
+  if (!cardId) return /* @__PURE__ */ jsx6(Fragment4, { children: empty });
   const card = createZoneCardRenderItem(zone, snapshot, cardId, cardIndex);
-  return /* @__PURE__ */ jsx7(ZoneItem, { card, ...props, children: typeof children === "function" ? children(card) : children });
+  return /* @__PURE__ */ jsx6(ZoneItem, { card, ...props, children: typeof children === "function" ? children(card) : children });
 }
 function ZoneCardAt({
   zone,
   ...props
 }) {
   if (zone) {
-    return /* @__PURE__ */ jsx7(ZoneRoot, { zone, children: /* @__PURE__ */ jsx7(ZoneCardAtContent, { ...props }) });
+    return /* @__PURE__ */ jsx6(ZoneRoot, { zone, children: /* @__PURE__ */ jsx6(ZoneCardAtContent, { ...props }) });
   }
-  return /* @__PURE__ */ jsx7(ZoneCardAtContent, { ...props });
+  return /* @__PURE__ */ jsx6(ZoneCardAtContent, { ...props });
 }
 function ZoneTopCard(props) {
-  return /* @__PURE__ */ jsx7(ZoneCardAt, { ...props, index: 0 });
+  return /* @__PURE__ */ jsx6(ZoneCardAt, { ...props, index: 0 });
 }
 function ZoneCardAction({
   card,
@@ -1824,7 +2143,7 @@ function ZonePileRoot({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsx7(ZoneRoot, { zone, ...props, children: /* @__PURE__ */ jsx7(
+  return /* @__PURE__ */ jsx6(ZoneRoot, { zone, ...props, children: /* @__PURE__ */ jsx6(
     ZonePileProvider,
     {
       emptyDescription,
@@ -1864,7 +2183,7 @@ function ZonePileProvider({
     }),
     [cards, count, description, hasVisibleCards, isHidden, items, label, zone]
   );
-  return /* @__PURE__ */ jsx7(ZonePileContext.Provider, { value, children });
+  return /* @__PURE__ */ jsx6(ZonePileContext.Provider, { value, children });
 }
 function ZonePileTrigger({ children, ...props }) {
   const pile = useZonePileContext();
@@ -1915,7 +2234,7 @@ function ZonePileDescription({
 function ZonePileCards({ renderCard, ...props }) {
   const pile = useZonePileContext();
   if (!pile.hasVisibleCards) return null;
-  return /* @__PURE__ */ jsx7(ZoneList, { ...props, children: pile.items.map((card) => /* @__PURE__ */ jsx7(ZoneItem, { card, children: renderCard(card) }, card.id)) });
+  return /* @__PURE__ */ jsx6(ZoneList, { ...props, children: pile.items.map((card) => /* @__PURE__ */ jsx6(ZoneItem, { card, children: renderCard(card) }, card.id)) });
 }
 function indexOfCard(snapshot, cardId) {
   return snapshot?.cardIds.indexOf(cardId) ?? -1;
@@ -2030,7 +2349,7 @@ var Zone = {
   useZoneCards
 };
 
-// src/runtime-internal/primitives/hand-surface.tsx
+// src/runtime/primitives/hand-surface.tsx
 import {
   Fragment as Fragment5,
   useCallback as useCallback2,
@@ -2040,7 +2359,7 @@ import {
 } from "react";
 import { useStore as useStore3 } from "zustand";
 import { useShallow as useShallow2 } from "zustand/shallow";
-import { jsx as jsx8, jsxs as jsxs2 } from "react/jsx-runtime";
+import { jsx as jsx7, jsxs as jsxs2 } from "react/jsx-runtime";
 function HandSurfaceView({
   zone,
   cards,
@@ -2167,7 +2486,7 @@ function HandSurfaceView({
   }, [selectionSummary]);
   const summaryContent = renderSummary ? renderSummary(selectionSummary) : null;
   const actionsNode = renderActions ? renderActions(selectionSummary) : null;
-  const actionsContent = actionsNode !== null && actionsNode !== void 0 ? /* @__PURE__ */ jsx8(
+  const actionsContent = actionsNode !== null && actionsNode !== void 0 ? /* @__PURE__ */ jsx7(
     "div",
     {
       "data-dreamboard-hand-actions": "",
@@ -2186,7 +2505,7 @@ function HandSurfaceView({
     },
     [route]
   );
-  const handView = /* @__PURE__ */ jsx8(
+  const handView = /* @__PURE__ */ jsx7(
     HandView,
     {
       cards: viewCards,
@@ -2210,7 +2529,7 @@ function HandSurfaceView({
       return handView;
     }
     return /* @__PURE__ */ jsxs2(Fragment5, { children: [
-      summaryContent !== null ? /* @__PURE__ */ jsx8(
+      summaryContent !== null ? /* @__PURE__ */ jsx7(
         "div",
         {
           "data-dreamboard-runtime-hand-summary": "",
@@ -2224,7 +2543,7 @@ function HandSurfaceView({
       actionsContent
     ] });
   }
-  const targets = dropTargets.map((target) => /* @__PURE__ */ jsx8(
+  const targets = dropTargets.map((target) => /* @__PURE__ */ jsx7(
     CardDropTargetView,
     {
       targetId: target.targetId,
@@ -2238,7 +2557,7 @@ function HandSurfaceView({
     target.targetId
   ));
   return /* @__PURE__ */ jsxs2(CardDragSurface, { onCardIntent: handleIntent, children: [
-    summaryContent !== null ? /* @__PURE__ */ jsx8(
+    summaryContent !== null ? /* @__PURE__ */ jsx7(
       "div",
       {
         "data-dreamboard-runtime-hand-summary": "",
@@ -2248,7 +2567,7 @@ function HandSurfaceView({
         children: summaryContent
       }
     ) : null,
-    renderDropTargets ? renderDropTargets(/* @__PURE__ */ jsx8(Fragment5, { children: targets })) : /* @__PURE__ */ jsx8("div", { "data-dreamboard-runtime-drop-row": "", className: "flex gap-2 mb-2", children: targets }),
+    renderDropTargets ? renderDropTargets(/* @__PURE__ */ jsx7(Fragment5, { children: targets })) : /* @__PURE__ */ jsx7("div", { "data-dreamboard-runtime-drop-row": "", className: "flex gap-2 mb-2", children: targets }),
     handView,
     actionsContent
   ] });
@@ -2314,7 +2633,7 @@ function HandStagingView({
     [route]
   );
   if (slotCount <= 0 && cards.length === 0) return null;
-  return /* @__PURE__ */ jsx8(
+  return /* @__PURE__ */ jsx7(
     StagingZone,
     {
       cards,
@@ -2345,7 +2664,7 @@ function descriptorsHaveDestinationInput(state) {
   return false;
 }
 
-// src/runtime-internal/primitives/board.tsx
+// src/runtime/primitives/board.tsx
 import {
   createContext as createContext7,
   useContext as useContext7,
@@ -2353,11 +2672,11 @@ import {
 } from "react";
 import { useStore as useStore5 } from "zustand";
 
-// src/runtime-internal/hooks/useBoardInteractions.ts
+// src/runtime/hooks/useBoardInteractions.ts
 import { useCallback as useCallback3, useMemo as useMemo8 } from "react";
 import { useStore as useStore4 } from "zustand";
 
-// src/runtime-internal/errors/ValidationError.ts
+// src/ui/errors/ValidationError.ts
 var ValidationError = class extends Error {
   constructor(errorCode, message) {
     super(message || errorCode || "Validation failed");
@@ -2373,7 +2692,374 @@ function validationErrorFromUnknown(error, fallbackMessage = "Interaction submis
   return new ValidationError(errorCode, message);
 }
 
-// src/runtime-internal/hooks/useBoardInteractions.ts
+// src/runtime/utils/interaction-draft-digest.ts
+function interactionDraftDigestForValues(descriptor, values) {
+  if (descriptor.descriptorDigest === void 0 || descriptor.actorSeat === void 0 || descriptor.draftDigest === void 0) {
+    return void 0;
+  }
+  const defaults = defaultsForDescriptor(descriptor);
+  return draftDigest({
+    actorSeat: descriptor.actorSeat,
+    descriptorDigest: descriptor.descriptorDigest,
+    interactionId: descriptor.interactionId,
+    interactionKey: descriptor.interactionKey,
+    values: {
+      ...defaults,
+      ...toCanonicalJson2(values)
+    }
+  });
+}
+function draftDigest({
+  actorSeat,
+  descriptorDigest,
+  interactionId,
+  interactionKey,
+  values
+}) {
+  return hashJson2({
+    digestVersion: "interaction-draft@2",
+    actorSeat,
+    descriptorDigest,
+    emitted: false,
+    interactionId,
+    interactionKey,
+    values
+  });
+}
+function defaultsForDescriptor(descriptor) {
+  return Object.fromEntries(
+    descriptor.inputs.flatMap(
+      (input) => input.defaultValue === void 0 ? [] : [[input.key, toCanonicalJson2(input.defaultValue)]]
+    )
+  );
+}
+function toCanonicalJson2(value) {
+  if (value === null || typeof value === "boolean" || typeof value === "string") {
+    return value;
+  }
+  if (typeof value === "number") {
+    return value;
+  }
+  if (Array.isArray(value)) {
+    return value.map((item) => toCanonicalJson2(item));
+  }
+  if (typeof value === "object") {
+    return Object.fromEntries(
+      Object.entries(value).filter(([, item]) => item !== void 0).map(([key, item]) => [key, toCanonicalJson2(item)])
+    );
+  }
+  return null;
+}
+function hashJson2(value) {
+  return `sha256:${sha256Hex2(canonicalJson2(value))}`;
+}
+function canonicalJson2(value) {
+  return JSON.stringify(canonicalizeJson2(value));
+}
+function canonicalizeJson2(value) {
+  if (value === null || typeof value === "boolean" || typeof value === "string") {
+    return value;
+  }
+  if (typeof value === "number") {
+    if (!Number.isFinite(value)) {
+      throw new Error("canonical JSON contains a non-finite number");
+    }
+    return value;
+  }
+  if (Array.isArray(value)) {
+    return value.map((item) => canonicalizeJson2(item));
+  }
+  return Object.fromEntries(
+    Object.entries(value).sort(([left], [right]) => left.localeCompare(right)).map(([key, item]) => [key, canonicalizeJson2(item)])
+  );
+}
+function sha256Hex2(input) {
+  const bytes = utf8Bytes2(input);
+  const bitLength = bytes.length * 8;
+  bytes.push(128);
+  while (bytes.length % 64 !== 56) {
+    bytes.push(0);
+  }
+  for (let shift = 56; shift >= 0; shift -= 8) {
+    bytes.push(Math.floor(bitLength / 2 ** shift) & 255);
+  }
+  let h0 = 1779033703;
+  let h1 = 3144134277;
+  let h2 = 1013904242;
+  let h3 = 2773480762;
+  let h4 = 1359893119;
+  let h5 = 2600822924;
+  let h6 = 528734635;
+  let h7 = 1541459225;
+  const words = new Array(64);
+  for (let offset = 0; offset < bytes.length; offset += 64) {
+    for (let i = 0; i < 16; i += 1) {
+      words[i] = (bytes[offset + i * 4] ?? 0) << 24 | (bytes[offset + i * 4 + 1] ?? 0) << 16 | (bytes[offset + i * 4 + 2] ?? 0) << 8 | (bytes[offset + i * 4 + 3] ?? 0);
+    }
+    for (let i = 16; i < 64; i += 1) {
+      words[i] = smallSigma1(words[i - 2] ?? 0) + (words[i - 7] ?? 0) + smallSigma0(words[i - 15] ?? 0) + (words[i - 16] ?? 0) >>> 0;
+    }
+    let a = h0;
+    let b = h1;
+    let c = h2;
+    let d = h3;
+    let e = h4;
+    let f = h5;
+    let g = h6;
+    let h = h7;
+    for (let i = 0; i < 64; i += 1) {
+      const t1 = h + bigSigma1(e) + ch(e, f, g) + K[i] + (words[i] ?? 0) >>> 0;
+      const t2 = bigSigma0(a) + maj(a, b, c) >>> 0;
+      h = g;
+      g = f;
+      f = e;
+      e = d + t1 >>> 0;
+      d = c;
+      c = b;
+      b = a;
+      a = t1 + t2 >>> 0;
+    }
+    h0 = h0 + a >>> 0;
+    h1 = h1 + b >>> 0;
+    h2 = h2 + c >>> 0;
+    h3 = h3 + d >>> 0;
+    h4 = h4 + e >>> 0;
+    h5 = h5 + f >>> 0;
+    h6 = h6 + g >>> 0;
+    h7 = h7 + h >>> 0;
+  }
+  return [h0, h1, h2, h3, h4, h5, h6, h7].map((word) => word.toString(16).padStart(8, "0")).join("");
+}
+function utf8Bytes2(input) {
+  return Array.from(new TextEncoder().encode(input));
+}
+function rightRotate(value, bits) {
+  return value >>> bits | value << 32 - bits;
+}
+function ch(x, y, z) {
+  return x & y ^ ~x & z;
+}
+function maj(x, y, z) {
+  return x & y ^ x & z ^ y & z;
+}
+function bigSigma0(x) {
+  return rightRotate(x, 2) ^ rightRotate(x, 13) ^ rightRotate(x, 22);
+}
+function bigSigma1(x) {
+  return rightRotate(x, 6) ^ rightRotate(x, 11) ^ rightRotate(x, 25);
+}
+function smallSigma0(x) {
+  return rightRotate(x, 7) ^ rightRotate(x, 18) ^ x >>> 3;
+}
+function smallSigma1(x) {
+  return rightRotate(x, 17) ^ rightRotate(x, 19) ^ x >>> 10;
+}
+var K = [
+  1116352408,
+  1899447441,
+  3049323471,
+  3921009573,
+  961987163,
+  1508970993,
+  2453635748,
+  2870763221,
+  3624381080,
+  310598401,
+  607225278,
+  1426881987,
+  1925078388,
+  2162078206,
+  2614888103,
+  3248222580,
+  3835390401,
+  4022224774,
+  264347078,
+  604807628,
+  770255983,
+  1249150122,
+  1555081692,
+  1996064986,
+  2554220882,
+  2821834349,
+  2952996808,
+  3210313671,
+  3336571891,
+  3584528711,
+  113926993,
+  338241895,
+  666307205,
+  773529912,
+  1294757372,
+  1396182291,
+  1695183700,
+  1986661051,
+  2177026350,
+  2456956037,
+  2730485921,
+  2820302411,
+  3259730800,
+  3345764771,
+  3516065817,
+  3600352804,
+  4094571909,
+  275423344,
+  430227734,
+  506948616,
+  659060556,
+  883997877,
+  958139571,
+  1322822218,
+  1537002063,
+  1747873779,
+  1955562222,
+  2024104815,
+  2227730452,
+  2361852424,
+  2428436474,
+  2756734187,
+  3204031479,
+  3329325298
+];
+
+// src/runtime/utils/browser-interaction-effects.ts
+function gameplayCandidateMetadata(input) {
+  const inputDescriptor = resolvedInputByKey(
+    input.descriptor,
+    input.inputKey,
+    input.draftValues
+  );
+  if (!inputDescriptor) return { semanticEffects: [] };
+  const currentValue = input.draftValues[input.inputKey];
+  const beforeSelected = isCandidateSelected(
+    currentValue,
+    input.candidateValue,
+    inputDescriptor
+  );
+  const afterSelected = input.intent === "toggle" && isManySelection(inputDescriptor) ? !beforeSelected : true;
+  return {
+    semanticEffects: [
+      gameplaySetCandidateEffect({
+        inputKey: input.inputKey,
+        candidateValue: input.candidateValue,
+        beforeSelected,
+        afterSelected
+      })
+    ]
+  };
+}
+function gameplayResourceMetadata(input) {
+  return {
+    semanticEffects: [
+      gameplayAdjustResourceEffect({
+        inputKey: input.inputKey,
+        resourceKey: input.resourceKey,
+        delta: input.delta
+      })
+    ]
+  };
+}
+function gameplayScalarStepMetadata(input) {
+  return {
+    semanticEffects: [
+      gameplaySetScalarEffect({
+        inputKey: input.inputKey,
+        value: input.value
+      })
+    ]
+  };
+}
+function gameplayScalarFillMetadata(input) {
+  return {
+    acceptedEffectPatterns: [
+      boundedScalarPattern(input.inputKey, input.domain)
+    ]
+  };
+}
+function gameplaySubmitMetadata(input) {
+  const invoke = input.explicitParams === true || input.descriptor.commit.mode !== "manual";
+  return invoke ? { intent: "invoke", semanticEffects: [gameplayInvokeEffect()] } : { intent: "submit", semanticEffects: [gameplayCommitEffect()] };
+}
+function gameplayPreparationPatternsForDescriptor(descriptor, draftValues) {
+  const patterns = [];
+  for (const rawInput of descriptor.inputs) {
+    const input = resolveInputDomain(rawInput, draftValues);
+    switch (input.domain.type) {
+      case "choice":
+      case "choiceList":
+      case "cardTarget":
+      case "boardTarget":
+        patterns.push({
+          kind: "match",
+          effectKind: "setCandidate",
+          fields: { inputKey: input.key }
+        });
+        break;
+      case "resourceMap":
+        patterns.push({
+          kind: "match",
+          effectKind: "adjustResource",
+          fields: { inputKey: input.key }
+        });
+        break;
+      case "boundedNumber":
+        patterns.push(boundedScalarPattern(input.key, input.domain));
+        break;
+    }
+  }
+  return dedupePatterns(patterns);
+}
+function boundedScalarPattern(inputKey, domain) {
+  const min = domain.min ?? 0;
+  const max = domain.max;
+  return {
+    kind: "match",
+    effectKind: "setScalar",
+    fields: { inputKey },
+    scalar: {
+      field: "value",
+      min,
+      ...max !== void 0 && Number.isFinite(max) ? { max } : {},
+      ...scalarIsInteger(domain) ? { integer: true } : {}
+    }
+  };
+}
+function resolvedInputByKey(descriptor, inputKey, draftValues) {
+  const input = inputByKey(descriptor, inputKey);
+  return input ? resolveInputDomain(input, draftValues) : void 0;
+}
+function isCandidateSelected(currentValue, candidateValue, input) {
+  if (isTargetDomain(input.domain) && input.domain.selection?.mode === "many") {
+    return valueArrayIncludes(currentValue, candidateValue);
+  }
+  if (input.domain.type === "choiceList") {
+    return valueArrayIncludes(currentValue, candidateValue);
+  }
+  return String(currentValue) === String(candidateValue);
+}
+function isManySelection(input) {
+  if (input.domain.type === "choiceList") return true;
+  return isTargetDomain(input.domain) && input.domain.selection?.mode === "many";
+}
+function valueArrayIncludes(currentValue, candidateValue) {
+  return Array.isArray(currentValue) && currentValue.some((item) => String(item) === String(candidateValue));
+}
+function scalarIsInteger(domain) {
+  const step = domain.step ?? 1;
+  return Number.isInteger(step) && Number.isInteger(domain.min ?? 0) && (domain.max === void 0 || Number.isInteger(domain.max));
+}
+function dedupePatterns(patterns) {
+  const seen = /* @__PURE__ */ new Set();
+  const result = [];
+  for (const pattern of patterns) {
+    const key = JSON.stringify(pattern);
+    if (seen.has(key)) continue;
+    seen.add(key);
+    result.push(pattern);
+  }
+  return result;
+}
+
+// src/runtime/hooks/useBoardInteractions.ts
 var BoardInteractionConflictError = class extends Error {
   name = "BoardInteractionConflictError";
   targetKind;
@@ -2527,7 +3213,7 @@ function useBoardInteractions(options = {}) {
           return [];
         }
         if (!isInteractionAvailable(descriptor)) return [];
-        const draft = store.getDraft(descriptor.interactionKey);
+        const draft = drafts[descriptor.interactionKey] ?? {};
         const inputKey = inputKeyForTarget(
           descriptor,
           targetKind,
@@ -2536,11 +3222,7 @@ function useBoardInteractions(options = {}) {
         );
         if (!inputKey) return [];
         const input = inputByTarget(descriptor, targetKind, targetId, draft);
-        if (input && !isTargetSelectable(
-          input,
-          store.getDraft(descriptor.interactionKey),
-          targetId
-        )) {
+        if (input && !isTargetSelectable(input, draft, targetId)) {
           return [];
         }
         const targets = eligibleTargetsForInput(descriptor, inputKey, draft);
@@ -2555,7 +3237,7 @@ function useBoardInteractions(options = {}) {
       });
       return matches;
     },
-    [armedIds, interactions, store]
+    [armedIds, drafts, interactions]
   );
   const selectByKind = useCallback3(
     async (targetKind, targetId, extraInputs, interactionKeys) => {
@@ -2605,10 +3287,18 @@ function useBoardInteractions(options = {}) {
         pending,
         conflict,
         conflictInteractionKeys: conflict ? candidates.map((candidate) => candidate.descriptor.interactionKey) : void 0,
-        unavailableReason: candidateUnavailableReason(selected, conflict)
+        unavailableReason: candidateUnavailableReason(selected, conflict),
+        browserAttributes: selected ? boardTargetBrowserAttributes({
+          descriptor: selected.descriptor,
+          inputKey: selected.inputKey,
+          targetKind,
+          targetId,
+          enabled: eligible2 && !!controllingPlayerId,
+          draft: drafts[selected.descriptor.interactionKey] ?? {}
+        }) : void 0
       };
     },
-    [controllingPlayerId, pendingInteractionKey, resolveTargetMatches]
+    [controllingPlayerId, drafts, pendingInteractionKey, resolveTargetMatches]
   );
   const targetLayers = useMemo8(() => {
     const createLayer = (targetKind) => (layerOptions = {}) => {
@@ -2721,6 +3411,43 @@ function isTargetSelectable(input, draft, targetId) {
 function missingInputsForDraft(descriptor, draft) {
   return [...getInteractionDraftReadiness(descriptor, draft).missingInputs];
 }
+var GAMEPLAY_BROWSER_SCOPE_ID2 = "runtime";
+function boardTargetBrowserAttributes({
+  descriptor,
+  inputKey,
+  targetKind,
+  targetId,
+  enabled,
+  draft
+}) {
+  return createGameplayActuatorAttributes({
+    scopeId: GAMEPLAY_BROWSER_SCOPE_ID2,
+    interactionKey: descriptor.interactionKey,
+    interactionId: descriptor.interactionId,
+    intent: "select",
+    enabled,
+    actuatorKind: "click",
+    actuatorId: `board:${targetKind}:${targetId}`,
+    ...descriptor.descriptorDigest !== void 0 ? { descriptorDigest: descriptor.descriptorDigest } : {},
+    ...descriptor.draftDigest !== void 0 ? { draftDigest: interactionDraftDigestForValues(descriptor, draft) } : {},
+    inputKey,
+    candidateValue: targetId,
+    candidateState: isBoardTargetSelected(draft[inputKey], targetId) ? "selected" : "unselected",
+    semanticEffects: gameplayCandidateMetadata({
+      descriptor,
+      draftValues: draft,
+      inputKey,
+      candidateValue: targetId,
+      intent: "select"
+    }).semanticEffects
+  });
+}
+function isBoardTargetSelected(value, targetId) {
+  if (Array.isArray(value)) {
+    return value.some((item) => String(item) === targetId);
+  }
+  return value !== void 0 && String(value) === targetId;
+}
 function selectDispatchCandidate(matches, targetKind, targetId) {
   if (matches.length === 0) return null;
   const armed = matches.filter((match) => match.armed);
@@ -2743,8 +3470,8 @@ function candidateUnavailableReason(match, conflict) {
   return void 0;
 }
 
-// src/runtime-internal/primitives/board.tsx
-import { Fragment as Fragment6, jsx as jsx9 } from "react/jsx-runtime";
+// src/runtime/primitives/board.tsx
+import { Fragment as Fragment6, jsx as jsx8 } from "react/jsx-runtime";
 var BoardContext = createContext7(null);
 var warnedAmbiguousBoardTargets = /* @__PURE__ */ new Set();
 function warnAmbiguousBoardTarget({
@@ -2770,21 +3497,21 @@ function useBoardPrimitiveContext() {
 }
 function BoardRoot({ children, targetKinds, ...props }) {
   const board = useBoardInteractions({ targetKinds });
-  return /* @__PURE__ */ jsx9(BoardContext.Provider, { value: board, children: renderPrimitive("div", {
+  return /* @__PURE__ */ jsx8(BoardContext.Provider, { value: board, children: renderPrimitive("div", {
     ...props,
     "data-dreamboard-board-root": "",
     children
   }) });
 }
 function BoardState({ children }) {
-  return /* @__PURE__ */ jsx9(Fragment6, { children: children(useBoardPrimitiveContext()) });
+  return /* @__PURE__ */ jsx8(Fragment6, { children: children(useBoardPrimitiveContext()) });
 }
 function BoardHexView({ board, spaces, children }) {
   const view = useMemo9(
     () => createHexBoardView(board, { spaces }),
     [board, spaces]
   );
-  return /* @__PURE__ */ jsx9(Fragment6, { children: children(view) });
+  return /* @__PURE__ */ jsx8(Fragment6, { children: children(view) });
 }
 function BoardHexGrid({
   board,
@@ -2809,7 +3536,7 @@ function BoardHexGrid({
     interactionKeys: interactions === "auto" ? void 0 : interactions.space,
     onError: gameActionError ?? void 0
   });
-  return /* @__PURE__ */ jsx9(BoardHexView, { board, spaces, children: (view) => /* @__PURE__ */ jsx9(
+  return /* @__PURE__ */ jsx8(BoardHexView, { board, spaces, children: (view) => /* @__PURE__ */ jsx8(
     HexGrid,
     {
       ...props,
@@ -2831,7 +3558,7 @@ function BoardTarget({
     ) : void 0
   );
   if (interaction) {
-    return descriptor ? /* @__PURE__ */ jsx9(ExplicitBoardTarget, { descriptor, input, ...props }) : /* @__PURE__ */ jsx9(
+    return descriptor ? /* @__PURE__ */ jsx8(ExplicitBoardTarget, { descriptor, input, ...props }) : /* @__PURE__ */ jsx8(
       UnavailableBoardTarget,
       {
         interaction,
@@ -2840,16 +3567,16 @@ function BoardTarget({
       }
     );
   }
-  return /* @__PURE__ */ jsx9(UnambiguousBoardTarget, { input, ...props });
+  return /* @__PURE__ */ jsx8(UnambiguousBoardTarget, { input, ...props });
 }
 function BoardSpaceTarget(props) {
-  return /* @__PURE__ */ jsx9(BoardTarget, { kind: "space", ...props });
+  return /* @__PURE__ */ jsx8(BoardTarget, { kind: "space", ...props });
 }
 function BoardEdgeTarget(props) {
-  return /* @__PURE__ */ jsx9(BoardTarget, { kind: "edge", ...props });
+  return /* @__PURE__ */ jsx8(BoardTarget, { kind: "edge", ...props });
 }
 function BoardVertexTarget(props) {
-  return /* @__PURE__ */ jsx9(BoardTarget, { kind: "vertex", ...props });
+  return /* @__PURE__ */ jsx8(BoardTarget, { kind: "vertex", ...props });
 }
 function UnambiguousBoardTarget({
   kind,
@@ -2882,6 +3609,7 @@ function UnambiguousBoardTarget({
   return renderPrimitive("button", {
     type: "button",
     ...props,
+    ...targetState.browserAttributes,
     children,
     disabled: isDisabled,
     "aria-disabled": isDisabled,
@@ -2929,9 +3657,18 @@ function ExplicitBoardTarget({
   const eligibleTargets = inputKey ? eligibleTargetsForInput(descriptor, inputKey, draft) : void 0;
   const eligible = inputDescriptor !== void 0 && inputDescriptor.domain.type === "boardTarget" && isResolvedTargetDomain(inputDescriptor.domain) && inputDescriptor.domain.targetKind === kind && (eligibleTargets ?? inputDescriptor.domain.eligibleTargets).includes(value);
   const isDisabled = disabled ?? (!isInteractionAvailable(descriptor) || !eligible);
+  const browserAttributes = inputKey ? boardTargetBrowserAttributes2({
+    descriptor,
+    inputKey,
+    targetKind: kind,
+    targetId: value,
+    enabled: !isDisabled,
+    draft
+  }) : void 0;
   return renderPrimitive("button", {
     type: "button",
     ...props,
+    ...browserAttributes,
     children,
     disabled: isDisabled,
     "aria-disabled": isDisabled,
@@ -2990,6 +3727,43 @@ function UnavailableBoardTarget({
 function resolveExtraInputs(extraInputs, targetId) {
   return typeof extraInputs === "function" ? extraInputs(targetId) : extraInputs ?? {};
 }
+var GAMEPLAY_BROWSER_SCOPE_ID3 = "runtime";
+function boardTargetBrowserAttributes2({
+  descriptor,
+  inputKey,
+  targetKind,
+  targetId,
+  enabled,
+  draft
+}) {
+  return createGameplayActuatorAttributes({
+    scopeId: GAMEPLAY_BROWSER_SCOPE_ID3,
+    interactionKey: descriptor.interactionKey,
+    interactionId: descriptor.interactionId,
+    intent: "select",
+    enabled,
+    actuatorKind: "click",
+    actuatorId: `board:${targetKind}:${targetId}`,
+    ...descriptor.descriptorDigest !== void 0 ? { descriptorDigest: descriptor.descriptorDigest } : {},
+    ...descriptor.draftDigest !== void 0 ? { draftDigest: interactionDraftDigestForValues(descriptor, draft) } : {},
+    inputKey,
+    candidateValue: targetId,
+    candidateState: isBoardTargetSelected2(draft[inputKey], targetId) ? "selected" : "unselected",
+    semanticEffects: gameplayCandidateMetadata({
+      descriptor,
+      draftValues: draft,
+      inputKey,
+      candidateValue: targetId,
+      intent: "select"
+    }).semanticEffects
+  });
+}
+function isBoardTargetSelected2(value, targetId) {
+  if (Array.isArray(value)) {
+    return value.some((item) => String(item) === targetId);
+  }
+  return value !== void 0 && String(value) === targetId;
+}
 var Board = {
   Root: BoardRoot,
   State: BoardState,
@@ -3001,28 +3775,25 @@ var Board = {
   VertexTarget: BoardVertexTarget
 };
 
-// src/runtime-internal/primitives/interaction.tsx
+// src/runtime/primitives/interaction/context.tsx
 import {
   createContext as createContext9,
-  useCallback as useCallback6,
   useContext as useContext9,
-  useEffect as useEffect7,
-  useMemo as useMemo13,
-  useRef as useRef4
+  useMemo as useMemo11
 } from "react";
 
-// src/runtime-internal/hooks/useInteractionHandle.ts
+// src/runtime/hooks/useInteractionHandle.ts
 import { useCallback as useCallback4, useEffect as useEffect5, useMemo as useMemo10, useRef as useRef3 } from "react";
 
-// src/runtime-internal/context/ClientParamSchemaContext.tsx
+// src/runtime/context/ClientParamSchemaContext.tsx
 import { createContext as createContext8, useContext as useContext8 } from "react";
-import { jsx as jsx10 } from "react/jsx-runtime";
+import { jsx as jsx9 } from "react/jsx-runtime";
 var ClientParamSchemaContext = createContext8({});
 function ClientParamSchemaProvider({
   schemas,
   children
 }) {
-  return /* @__PURE__ */ jsx10(ClientParamSchemaContext.Provider, { value: schemas ?? {}, children });
+  return /* @__PURE__ */ jsx9(ClientParamSchemaContext.Provider, { value: schemas ?? {}, children });
 }
 function useClientParamSchema(phaseName, interactionId) {
   const schemas = useContext8(ClientParamSchemaContext);
@@ -3030,7 +3801,7 @@ function useClientParamSchema(phaseName, interactionId) {
   return schemas[phaseName]?.[interactionId];
 }
 
-// src/runtime-internal/hooks/useInteractionHandle.ts
+// src/runtime/hooks/useInteractionHandle.ts
 function useInteractionHandle(descriptor) {
   const runtime = useRuntimeContext();
   const { controllingPlayerId } = usePluginSession();
@@ -3275,423 +4046,146 @@ function useInteractionHandle(descriptor) {
   };
 }
 
-// src/runtime-internal/components/InteractionForm.tsx
-import {
-  useEffect as useEffect6,
-  useId,
-  useMemo as useMemo11,
-  useState as useState4
-} from "react";
-import * as AccordionPrimitive from "@radix-ui/react-accordion";
-import { Fragment as Fragment7, jsx as jsx11, jsxs as jsxs3 } from "react/jsx-runtime";
-var EMPTY_FIELD_ERRORS = [];
-function InteractionForm({
+// src/runtime/interactions/gameplay-attributes.ts
+var GAMEPLAY_BROWSER_SCOPE_ID4 = "runtime";
+function gameplayInteractionRootAttributes({
   descriptor,
-  handle,
-  fields,
-  hiddenFields,
-  renderFields,
-  inputs,
-  submit: renderSubmit,
-  title,
-  description,
-  submitLabel,
-  cancelLabel = "Cancel",
-  onCancel,
-  onSubmitSuccess,
-  disabled = false,
-  accordion = true,
-  defaultOpen = false,
-  style
+  draftDigest: draftDigest2,
+  ready,
+  available
 }) {
-  const theme = useTheme();
-  const fallbackLabel = interactionLabel(descriptor);
-  const formId = useId();
-  useChromeSuppression(formId, true);
-  const [pending, setPending] = useState4(false);
-  const [validation, setValidation] = useState4(
-    null
-  );
-  const [formError, setFormError] = useState4(null);
-  const [accordionOpen, setAccordionOpen] = useState4(defaultOpen);
-  const hidden = useMemo11(() => new Set(hiddenFields ?? []), [hiddenFields]);
-  const visibleInputs = useMemo11(() => {
-    if (inputs) {
-      const rendered = new Set(Object.keys(inputs));
-      return resolveInteractionInputs(
-        descriptor,
-        handle.values
-      ).filter((input) => rendered.has(input.key));
-    }
-    const allowed = fields ? new Set(fields) : null;
-    return defaultFormInputs(
-      descriptor,
-      handle.values
-    ).filter((input) => {
-      const key = input.key;
-      if (allowed && !allowed.has(key)) return false;
-      return !hidden.has(key);
-    });
-  }, [descriptor, fields, hidden, handle.values, inputs]);
-  const currentValidation = validation;
-  const fieldErrors = currentValidation?.fieldErrors ?? {};
-  const missing = new Set(currentValidation?.missing ?? []);
-  const formErrors = [
-    ...currentValidation?.formErrors ?? [],
-    ...formError ? [formError] : []
-  ];
-  const isDisabled = disabled || pending || !isInteractionAvailable(descriptor);
-  const useAccordion = accordion && visibleInputs.length > 0;
-  useEffect6(() => {
-    setAccordionOpen(defaultOpen);
-  }, [defaultOpen, descriptor.interactionId]);
-  const containerStyle = {
-    ...surfaceStyle(theme, { tone: "card" }),
-    display: "flex",
-    flexDirection: "column",
-    gap: theme.space[2],
-    padding: theme.space[3],
-    minWidth: "min(100%, 280px)",
-    boxSizing: "border-box",
-    fontFamily: theme.typography.fontFamily.body,
-    ...style
-  };
-  const submit = async (event) => {
-    event.preventDefault();
-    if (isDisabled) return;
-    const nextValidation = handle.validateDraft();
-    setValidation(nextValidation);
-    setFormError(null);
-    if (!nextValidation.ok) {
-      setAccordionOpen(true);
-      return;
-    }
-    setPending(true);
-    try {
-      await handle.submitDraft();
-      onSubmitSuccess?.();
-      setAccordionOpen(defaultOpen);
-    } catch (error) {
-      setAccordionOpen(true);
-      setFormError(
-        error instanceof Error ? error.message : "Interaction submission failed"
-      );
-    } finally {
-      setPending(false);
-    }
-  };
-  const header = /* @__PURE__ */ jsxs3("div", { style: { display: "flex", flexDirection: "column", gap: 2 }, children: [
-    /* @__PURE__ */ jsx11(
-      "strong",
-      {
-        style: {
-          fontFamily: theme.typography.fontFamily.display,
-          fontSize: theme.typography.fontSize.md,
-          color: theme.semantic.text.primary
-        },
-        children: title ?? fallbackLabel
-      }
-    ),
-    description ? /* @__PURE__ */ jsx11(
-      "span",
-      {
-        style: {
-          fontSize: theme.typography.fontSize.sm,
-          color: theme.semantic.text.muted
-        },
-        children: description
-      }
-    ) : null
-  ] });
-  const fieldsContent = visibleInputs.length > 0 ? /* @__PURE__ */ jsx11(
-    "div",
-    {
-      style: {
-        display: "flex",
-        flexDirection: "column",
-        gap: theme.space[3]
-      },
-      children: visibleInputs.map((input) => {
-        const key = input.key;
-        const inputRenderer = inputs?.[key];
-        return /* @__PURE__ */ jsx11(
-          InteractionField,
-          {
-            descriptor,
-            inputKey: key,
-            handle,
-            errors: fieldErrors[key] ?? [],
-            missing: missing.has(key),
-            disabled: isDisabled,
-            render: inputRenderer ? ({ input: input2, errors, missing: missing2, disabled: disabled2 }) => inputRenderer(
-              createInteractionInputSlot({
-                descriptor,
-                input: input2,
-                handle,
-                errors,
-                missing: missing2,
-                disabled: disabled2
-              })
-            ) : renderFields?.[key]
-          },
-          input.key
-        );
-      })
-    }
-  ) : null;
-  if (visibleInputs.length === 0 && !handle.isReady) {
+  return createGameplayInteractionRootAttributes({
+    scopeId: GAMEPLAY_BROWSER_SCOPE_ID4,
+    interactionKey: descriptor.interactionKey,
+    interactionId: descriptor.interactionId,
+    ...descriptor.descriptorDigest !== void 0 ? { descriptorDigest: descriptor.descriptorDigest } : {},
+    ...draftDigest2 !== void 0 ? { draftDigest: draftDigest2 } : {},
+    readiness: available ? ready ? "ready" : "blocked" : "unavailable"
+  });
+}
+function gameplayActuatorAttributes({
+  descriptor,
+  draftDigest: draftDigest2,
+  inputKey,
+  intent,
+  candidateValue,
+  candidateState,
+  semanticEffects,
+  acceptedEffectPatterns,
+  preparationPatterns,
+  enabled,
+  actuatorKind,
+  actuatorId
+}) {
+  return createGameplayActuatorAttributes({
+    scopeId: GAMEPLAY_BROWSER_SCOPE_ID4,
+    interactionKey: descriptor.interactionKey,
+    interactionId: descriptor.interactionId,
+    intent,
+    enabled,
+    actuatorKind,
+    actuatorId,
+    ...descriptor.descriptorDigest !== void 0 ? { descriptorDigest: descriptor.descriptorDigest } : {},
+    ...draftDigest2 !== void 0 ? { draftDigest: draftDigest2 } : {},
+    ...inputKey !== void 0 ? { inputKey } : {},
+    ...candidateValue !== void 0 ? { candidateValue } : {},
+    ...candidateState !== void 0 ? { candidateState } : {},
+    ...semanticEffects !== void 0 ? { semanticEffects } : {},
+    ...acceptedEffectPatterns !== void 0 ? { acceptedEffectPatterns } : {},
+    ...preparationPatterns !== void 0 ? { preparationPatterns } : {}
+  });
+}
+
+// src/runtime/primitives/interaction/context.tsx
+import { jsx as jsx10 } from "react/jsx-runtime";
+var InteractionContext = createContext9(null);
+function humanizeInteraction(value) {
+  const parts = value.split(".");
+  const leaf = parts[parts.length - 1] ?? value;
+  return leaf.replace(/([a-z0-9])([A-Z])/g, "$1 $2").replace(/[-_]+/g, " ").replace(/\s+/g, " ").trim().replace(/^./, (first) => first.toUpperCase());
+}
+function useInteractionPrimitiveContext() {
+  const value = useContext9(InteractionContext);
+  if (!value) {
     throw new Error(
-      `InteractionForm '${descriptor.interactionKey}' has required inputs that cannot be rendered by the default form. Provide renderFields, select on a surface, or use a default-renderable input domain.`
+      "Interaction primitives must be rendered inside <Interaction.Root>."
     );
   }
-  const formErrorContent = formErrors.length > 0 ? /* @__PURE__ */ jsx11(
-    "div",
-    {
-      role: "alert",
-      style: {
-        display: "flex",
-        flexDirection: "column",
-        gap: theme.space[1],
-        color: theme.semantic.intent.danger.solid,
-        fontSize: theme.typography.fontSize.sm
-      },
-      children: formErrors.map((error) => /* @__PURE__ */ jsx11("span", { children: error }, error))
-    }
-  ) : null;
-  const actions = /* @__PURE__ */ jsxs3(
-    "div",
-    {
-      style: {
-        display: "flex",
-        gap: theme.space[2],
-        justifyContent: "flex-end"
-      },
-      children: [
-        onCancel ? /* @__PURE__ */ jsx11(
-          ThemedButton,
-          {
-            type: "button",
-            variant: "secondary",
-            size: "sm",
-            disabled: pending,
-            onClick: onCancel,
-            className: "h-9 px-3 text-sm",
-            children: cancelLabel
-          }
-        ) : null,
-        renderSubmit ? renderSubmit(
-          {
-            Button: ({ children, ...buttonProps }) => /* @__PURE__ */ jsx11(
-              ThemedButton,
-              {
-                type: "submit",
-                variant: "primary",
-                size: "sm",
-                disabled: isDisabled,
-                className: "h-9 px-3 text-sm",
-                ...buttonProps,
-                children: pending ? "Submitting..." : children ?? submitLabel ?? fallbackLabel
-              }
-            )
-          },
-          descriptor
-        ) : /* @__PURE__ */ jsx11(
-          ThemedButton,
-          {
-            type: "submit",
-            variant: "primary",
-            size: "sm",
-            disabled: isDisabled,
-            className: "h-9 px-3 text-sm",
-            children: pending ? "Submitting..." : submitLabel ?? fallbackLabel
-          }
-        )
-      ]
-    }
+  return value;
+}
+function useResolvedCardTargetValue() {
+  const context = useContext9(InteractionContext);
+  const descriptor = context?.descriptor;
+  const handle = context?.handle;
+  if (!descriptor || !handle) return void 0;
+  const cardInput = descriptor.inputs.find(
+    (input) => isTargetDomain(input.domain) && input.domain.type === "cardTarget"
   );
-  const body = /* @__PURE__ */ jsxs3(Fragment7, { children: [
-    fieldsContent,
-    formErrorContent,
-    actions
-  ] });
-  return /* @__PURE__ */ jsx11(
-    "form",
-    {
-      "data-interaction-form": true,
-      "data-interaction-id": descriptor.interactionId,
-      onSubmit: (event) => void submit(event),
-      style: containerStyle,
-      children: useAccordion ? /* @__PURE__ */ jsx11(
-        AccordionPrimitive.Root,
-        {
-          type: "single",
-          collapsible: true,
-          value: accordionOpen ? "fields" : void 0,
-          onValueChange: (value) => setAccordionOpen(value === "fields"),
-          children: /* @__PURE__ */ jsxs3(AccordionPrimitive.Item, { value: "fields", children: [
-            /* @__PURE__ */ jsx11(AccordionPrimitive.Header, { style: { margin: 0 }, children: /* @__PURE__ */ jsxs3(
-              AccordionPrimitive.Trigger,
-              {
-                style: {
-                  alignItems: "center",
-                  appearance: "none",
-                  background: "transparent",
-                  border: 0,
-                  color: theme.semantic.text.primary,
-                  cursor: "pointer",
-                  display: "flex",
-                  fontFamily: theme.typography.fontFamily.display,
-                  fontSize: theme.typography.fontSize.md,
-                  fontWeight: theme.typography.fontWeight.bold,
-                  justifyContent: "space-between",
-                  padding: 0,
-                  textAlign: "left",
-                  width: "100%"
-                },
-                children: [
-                  /* @__PURE__ */ jsx11("span", { children: title ?? fallbackLabel }),
-                  /* @__PURE__ */ jsx11("span", { "aria-hidden": true, children: accordionOpen ? "\u2212" : "+" })
-                ]
-              }
-            ) }),
-            /* @__PURE__ */ jsx11(AccordionPrimitive.Content, { children: /* @__PURE__ */ jsxs3(
-              "div",
-              {
-                style: {
-                  display: "flex",
-                  flexDirection: "column",
-                  gap: theme.space[2],
-                  marginTop: theme.space[2]
-                },
-                children: [
-                  description ? /* @__PURE__ */ jsx11(
-                    "span",
-                    {
-                      style: {
-                        fontSize: theme.typography.fontSize.sm,
-                        color: theme.semantic.text.muted
-                      },
-                      children: description
-                    }
-                  ) : null,
-                  body
-                ]
-              }
-            ) })
-          ] })
-        }
-      ) : /* @__PURE__ */ jsxs3(Fragment7, { children: [
-        header,
-        body
-      ] })
-    }
+  if (!cardInput) return void 0;
+  return handle.values[cardInput.key];
+}
+function useInteractionDescriptor(interaction) {
+  return usePluginState(
+    (state) => state.gameplay.availableInteractions.find(
+      (descriptor) => descriptor.interactionKey === interaction || descriptor.interactionId === interaction
+    )
   );
 }
-function createInteractionInputSlot({
+function ResolvedInteractionRoot({
+  interaction,
   descriptor,
-  input,
-  handle,
-  errors,
-  missing,
-  disabled
+  children
 }) {
-  const value = handle.values[input.key];
-  const resolvedInput = resolveInputDomain(
-    input,
-    handle.values
+  const handle = useInteractionHandle(descriptor);
+  const value = useMemo11(
+    () => ({ interaction, descriptor, handle }),
+    [descriptor, handle, interaction]
   );
-  const targetButton = ({
-    value: targetValue,
-    children,
-    kind,
-    ...buttonProps
-  }) => {
-    const domain = resolvedInput.domain;
-    const eligible = isResolvedTargetDomain(domain) && domain.eligibleTargets.includes(targetValue);
-    const selection = isTargetDomain(domain) ? domain.selection : void 0;
-    const currentValue = handle.values[input.key];
-    const selected = selection?.mode === "many" ? Array.isArray(currentValue) && currentValue.map(String).includes(targetValue) : currentValue !== void 0 && String(currentValue) === targetValue;
-    const isDisabled = disabled || !eligible;
-    const dataAttribute = kind === "card" ? { "data-dreamboard-interaction-card-slot": "" } : { "data-dreamboard-interaction-target-slot": "" };
-    return /* @__PURE__ */ jsx11(
-      "button",
+  const available = isInteractionAvailable(descriptor);
+  const rootAttributes = createGameplayInteractionRootAttributes({
+    scopeId: GAMEPLAY_BROWSER_SCOPE_ID4,
+    interactionKey: descriptor.interactionKey,
+    interactionId: descriptor.interactionId,
+    ...descriptor.descriptorDigest !== void 0 ? { descriptorDigest: descriptor.descriptorDigest } : {},
+    ...descriptor.draftDigest !== void 0 ? { draftDigest: descriptor.draftDigest } : {},
+    readiness: available ? handle.isReady ? "ready" : "blocked" : "unavailable"
+  });
+  return /* @__PURE__ */ jsx10(InteractionContext.Provider, { value, children: renderPrimitive("span", {
+    ...rootAttributes,
+    style: { display: "contents" },
+    children
+  }) });
+}
+function InteractionRoot({
+  interaction,
+  children,
+  unavailable = "render"
+}) {
+  const descriptor = useInteractionDescriptor(interaction);
+  if (!descriptor) {
+    if (unavailable === "hide") return null;
+    return /* @__PURE__ */ jsx10(
+      InteractionContext.Provider,
       {
-        type: "button",
-        disabled: isDisabled,
-        "aria-disabled": isDisabled,
-        "aria-pressed": selected,
-        "data-input-name": input.key,
-        "data-target-kind": inputTargetKind(domain),
-        "data-target-value": targetValue,
-        "data-eligible": eligible,
-        "data-selected": selected || void 0,
-        "data-disabled": isDisabled || void 0,
-        ...dataAttribute,
-        ...buttonProps,
-        onClick: () => {
-          if (isDisabled) return;
-          const nextValue = selection?.mode === "many" ? toggleManyValue(currentValue, targetValue, selection) : targetValue;
-          handle.setInput(input.key, nextValue);
+        value: {
+          interaction,
+          descriptor: null,
+          handle: null
         },
-        children: children ?? targetValue
+        children
       }
     );
-  };
-  return {
-    Field: () => /* @__PURE__ */ jsx11(
-      DefaultInteractionField,
-      {
-        descriptor,
-        input: resolvedInput,
-        handle,
-        value,
-        setValue: (next) => handle.setInput(input.key, next),
-        clearValue: () => handle.clearInput(input.key),
-        errors,
-        missing,
-        disabled
-      }
-    ),
-    Default: ({ children }) => {
-      const hasDefault = "defaultValue" in input;
-      const isDisabled = disabled || !hasDefault;
-      return /* @__PURE__ */ jsx11(
-        "button",
-        {
-          type: "button",
-          disabled: isDisabled,
-          "aria-disabled": isDisabled,
-          "data-dreamboard-interaction-default-slot": "",
-          "data-input-name": input.key,
-          "data-disabled": isDisabled || void 0,
-          onClick: () => {
-            if (isDisabled) return;
-            handle.setInput(input.key, input.defaultValue);
-          },
-          children: children ?? "Use default"
-        }
-      );
-    },
-    Target: (props) => targetButton({ ...props, kind: "target" }),
-    Card: (props) => targetButton({ ...props, kind: "card" }),
-    Cards: ({ children }) => {
-      const domain = resolvedInput.domain;
-      const targets = isResolvedTargetDomain(domain) ? domain.eligibleTargets : [];
-      return /* @__PURE__ */ jsx11(Fragment7, { children: targets.map((id) => children({ id })) });
-    },
-    Options: ({ children }) => {
-      const domain = resolvedInput.domain;
-      const choices = domain.type === "choice" || domain.type === "choiceList" ? domain.choices ?? [] : [];
-      return /* @__PURE__ */ jsx11(Fragment7, { children: choices.map((choice) => children(choice)) });
-    },
-    Value: ({ children }) => /* @__PURE__ */ jsx11(Fragment7, { children: children(value) }),
-    Label: ({ children }) => /* @__PURE__ */ jsx11(Fragment7, { children: children ?? labelForInput(resolvedInput) }),
-    Message: ({ children }) => {
-      const message = children ?? errors[0] ?? (missing ? "Required" : null);
-      return message ? /* @__PURE__ */ jsx11("span", { role: "alert", "data-dreamboard-interaction-message-slot": "", children: message }) : null;
-    }
-  };
+  }
+  if (!isInteractionAvailable(descriptor) && unavailable === "hide") {
+    return null;
+  }
+  return /* @__PURE__ */ jsx10(ResolvedInteractionRoot, { interaction, descriptor, children });
 }
+
+// src/runtime/components/interaction-form/fields.tsx
+import { useId } from "react";
+import { Fragment as Fragment7, jsx as jsx11, jsxs as jsxs3 } from "react/jsx-runtime";
+var EMPTY_FIELD_ERRORS = [];
 function InteractionField({
   descriptor,
   inputKey,
@@ -3755,144 +4249,526 @@ function DefaultInteractionField(props) {
               selection: input.domain.selection
             }
           }
-        );
+        );
+      }
+      return /* @__PURE__ */ jsx11(ChoiceField, { ...props, domain: input.domain });
+    case "choiceList":
+      return /* @__PURE__ */ jsx11(ChoiceListField, { ...props, domain: input.domain });
+    case "resourceMap":
+      return /* @__PURE__ */ jsx11(ResourceMapField, { ...props, domain: input.domain });
+    case "boundedNumber":
+      return /* @__PURE__ */ jsx11(BoundedNumberField, { ...props, domain: input.domain });
+    case "cardTarget":
+    case "boardTarget":
+      return /* @__PURE__ */ jsx11(TargetSummaryField, { ...props, domain: input.domain });
+  }
+}
+function FieldFrame({
+  label,
+  controlId,
+  errors,
+  missing,
+  children
+}) {
+  const theme = useTheme();
+  const messages = errors.length > 0 ? errors : missing ? ["Required"] : [];
+  return /* @__PURE__ */ jsxs3(
+    "div",
+    {
+      style: {
+        display: "flex",
+        flexDirection: "column",
+        gap: theme.space[1],
+        fontSize: theme.typography.fontSize.sm,
+        color: theme.semantic.text.primary
+      },
+      children: [
+        /* @__PURE__ */ jsx11(
+          Label,
+          {
+            htmlFor: controlId,
+            style: {
+              color: theme.semantic.text.primary,
+              fontWeight: theme.typography.fontWeight.bold
+            },
+            children: label
+          }
+        ),
+        children,
+        messages.length > 0 ? /* @__PURE__ */ jsx11(
+          "span",
+          {
+            role: "alert",
+            style: {
+              display: "flex",
+              flexDirection: "column",
+              gap: 2,
+              color: theme.semantic.intent.danger.solid,
+              fontSize: theme.typography.fontSize.xs
+            },
+            children: messages.map((message) => /* @__PURE__ */ jsx11("span", { children: message }, message))
+          }
+        ) : null
+      ]
+    }
+  );
+}
+function ChoiceOptionLabel({ choice }) {
+  const theme = useTheme();
+  return /* @__PURE__ */ jsxs3(
+    "span",
+    {
+      style: {
+        display: "inline-flex",
+        alignItems: "center",
+        gap: 6,
+        minWidth: 0
+      },
+      children: [
+        /* @__PURE__ */ jsxs3(
+          "span",
+          {
+            style: {
+              display: "inline-flex",
+              alignItems: "center",
+              gap: 6,
+              minWidth: 0
+            },
+            children: [
+              choice.icon ? /* @__PURE__ */ jsx11("span", { "aria-hidden": true, style: { fontSize: "1.1em", lineHeight: 1 }, children: choice.icon }) : null,
+              /* @__PURE__ */ jsx11("span", { style: { overflow: "hidden", textOverflow: "ellipsis" }, children: choice.label })
+            ]
+          }
+        ),
+        choice.badge ? /* @__PURE__ */ jsx11(
+          "span",
+          {
+            style: {
+              borderRadius: 999,
+              background: theme.semantic.surface.inset,
+              color: theme.semantic.text.muted,
+              fontSize: theme.typography.fontSize.xs,
+              fontWeight: theme.typography.fontWeight.bold,
+              lineHeight: 1,
+              padding: "3px 6px",
+              whiteSpace: "nowrap"
+            },
+            children: choice.badge
+          }
+        ) : null
+      ]
+    }
+  );
+}
+function ChoiceDescription({ choice }) {
+  const theme = useTheme();
+  const message = choice?.disabledReason ?? choice?.description;
+  if (!message) return null;
+  return /* @__PURE__ */ jsx11(
+    "span",
+    {
+      style: {
+        color: choice?.disabledReason ? theme.semantic.intent.danger.solid : theme.semantic.text.muted,
+        fontSize: theme.typography.fontSize.xs
+      },
+      children: message
+    }
+  );
+}
+var NULL_CHOICE_SELECT_VALUE = "__dreamboard_null_choice__";
+function choiceRenderKey(choice) {
+  return choice.value === null ? NULL_CHOICE_SELECT_VALUE : choice.value;
+}
+function encodeChoiceSelectValue(value) {
+  if (value === null) return NULL_CHOICE_SELECT_VALUE;
+  return typeof value === "string" ? value : void 0;
+}
+function decodeChoiceSelectValue(value) {
+  return value === NULL_CHOICE_SELECT_VALUE ? null : value;
+}
+function ChoiceField({
+  descriptor,
+  handle,
+  input,
+  value,
+  setValue,
+  errors,
+  missing,
+  disabled,
+  domain
+}) {
+  const theme = useTheme();
+  const themeCssVars = useThemeCssVars();
+  const choices = domain.choices ?? [];
+  const controlId = useId();
+  const selectedChoice = typeof value === "string" || value === null ? choices.find((choice) => choice.value === value) : void 0;
+  if (choices.length > 0 && choices.length <= 3) {
+    return /* @__PURE__ */ jsx11(
+      FieldFrame,
+      {
+        label: labelForInput(input),
+        errors,
+        missing,
+        children: /* @__PURE__ */ jsx11(
+          "span",
+          {
+            style: {
+              display: "inline-flex",
+              flexWrap: "wrap",
+              gap: theme.space[1]
+            },
+            children: choices.map((choice) => {
+              const selected = value === choice.value;
+              const isDisabled = disabled || choice.disabled;
+              return /* @__PURE__ */ jsx11(
+                ThemedButton,
+                {
+                  type: "button",
+                  variant: selected ? "primary" : "secondary",
+                  size: "sm",
+                  disabled: isDisabled,
+                  "aria-pressed": selected,
+                  title: choice.disabledReason ?? choice.description,
+                  ...gameplayActuatorAttributes({
+                    descriptor,
+                    draftDigest: interactionDraftDigestForValues(
+                      descriptor,
+                      handle.values
+                    ),
+                    inputKey: input.key,
+                    intent: "select",
+                    candidateValue: choice.value,
+                    candidateState: selected ? "selected" : "unselected",
+                    enabled: !isDisabled,
+                    actuatorKind: "click",
+                    actuatorId: `choice:${input.key}:${choiceRenderKey(choice)}`,
+                    semanticEffects: gameplayCandidateMetadata({
+                      descriptor,
+                      draftValues: handle.values,
+                      inputKey: input.key,
+                      candidateValue: choice.value,
+                      intent: "select"
+                    }).semanticEffects
+                  }),
+                  onClick: () => setValue(choice.value),
+                  className: "h-8 px-3 text-sm",
+                  children: /* @__PURE__ */ jsx11(ChoiceOptionLabel, { choice })
+                },
+                choiceRenderKey(choice)
+              );
+            })
+          }
+        )
       }
-      return /* @__PURE__ */ jsx11(ChoiceField, { ...props, domain: input.domain });
-    case "choiceList":
-      return /* @__PURE__ */ jsx11(ChoiceListField, { ...props, domain: input.domain });
-    case "resourceMap":
-      return /* @__PURE__ */ jsx11(ResourceMapField, { ...props, domain: input.domain });
-    case "boundedNumber":
-      return /* @__PURE__ */ jsx11(BoundedNumberField, { ...props, domain: input.domain });
-    case "cardTarget":
-    case "boardTarget":
-      return /* @__PURE__ */ jsx11(TargetSummaryField, { ...props, domain: input.domain });
+    );
   }
-}
-function FieldFrame({
-  label,
-  controlId,
-  errors,
-  missing,
-  children
-}) {
-  const theme = useTheme();
-  const messages = errors.length > 0 ? errors : missing ? ["Required"] : [];
   return /* @__PURE__ */ jsxs3(
-    "div",
+    FieldFrame,
     {
-      style: {
-        display: "flex",
-        flexDirection: "column",
-        gap: theme.space[1],
-        fontSize: theme.typography.fontSize.sm,
-        color: theme.semantic.text.primary
-      },
+      label: labelForInput(input),
+      controlId,
+      errors,
+      missing,
       children: [
-        /* @__PURE__ */ jsx11(
-          Label,
+        /* @__PURE__ */ jsxs3(
+          Select,
           {
-            htmlFor: controlId,
-            style: {
-              color: theme.semantic.text.primary,
-              fontWeight: theme.typography.fontWeight.bold
-            },
-            children: label
+            disabled,
+            value: encodeChoiceSelectValue(value),
+            onValueChange: (next) => setValue(decodeChoiceSelectValue(next)),
+            children: [
+              /* @__PURE__ */ jsx11(
+                SelectTrigger,
+                {
+                  id: controlId,
+                  size: "sm",
+                  className: "w-full bg-white",
+                  ...gameplayActuatorAttributes({
+                    descriptor,
+                    draftDigest: interactionDraftDigestForValues(
+                      descriptor,
+                      handle.values
+                    ),
+                    inputKey: input.key,
+                    intent: "reveal",
+                    enabled: !disabled,
+                    actuatorKind: "click",
+                    actuatorId: `choice-reveal:${input.key}`,
+                    preparationPatterns: gameplayPreparationPatternsForDescriptor(
+                      { inputs: [input] },
+                      handle.values
+                    )
+                  }),
+                  children: /* @__PURE__ */ jsx11("span", { "data-slot": "select-value", children: selectedChoice ? /* @__PURE__ */ jsx11(ChoiceOptionLabel, { choice: selectedChoice }) : /* @__PURE__ */ jsx11("span", { style: { color: theme.semantic.text.muted }, children: "Choose..." }) })
+                }
+              ),
+              /* @__PURE__ */ jsx11(
+                SelectContent,
+                {
+                  style: {
+                    ...themeCssVars,
+                    fontFamily: theme.typography.fontFamily.body
+                  },
+                  children: choices.map((choice) => /* @__PURE__ */ jsx11(
+                    SelectItem,
+                    {
+                      value: choiceRenderKey(choice),
+                      textValue: choice.label,
+                      disabled: choice.disabled,
+                      ...gameplayActuatorAttributes({
+                        descriptor,
+                        draftDigest: interactionDraftDigestForValues(
+                          descriptor,
+                          handle.values
+                        ),
+                        inputKey: input.key,
+                        intent: "select",
+                        candidateValue: choice.value,
+                        candidateState: value === choice.value ? "selected" : "unselected",
+                        enabled: !disabled && !choice.disabled,
+                        actuatorKind: "click",
+                        actuatorId: `choice:${input.key}:${choiceRenderKey(choice)}`,
+                        semanticEffects: gameplayCandidateMetadata({
+                          descriptor,
+                          draftValues: handle.values,
+                          inputKey: input.key,
+                          candidateValue: choice.value,
+                          intent: "select"
+                        }).semanticEffects
+                      }),
+                      children: /* @__PURE__ */ jsx11(ChoiceOptionLabel, { choice })
+                    },
+                    choiceRenderKey(choice)
+                  ))
+                }
+              )
+            ]
           }
         ),
-        children,
-        messages.length > 0 ? /* @__PURE__ */ jsx11(
-          "span",
-          {
-            role: "alert",
-            style: {
-              display: "flex",
-              flexDirection: "column",
-              gap: 2,
-              color: theme.semantic.intent.danger.solid,
-              fontSize: theme.typography.fontSize.xs
-            },
-            children: messages.map((message) => /* @__PURE__ */ jsx11("span", { children: message }, message))
-          }
-        ) : null
+        /* @__PURE__ */ jsx11(ChoiceDescription, { choice: selectedChoice })
       ]
     }
   );
 }
-function ChoiceOptionLabel({ choice }) {
+function ChoiceListField({
+  descriptor,
+  handle,
+  input,
+  value,
+  setValue,
+  errors,
+  missing,
+  disabled,
+  domain
+}) {
   const theme = useTheme();
-  return /* @__PURE__ */ jsxs3(
+  const selected = new Set(Array.isArray(value) ? value : []);
+  const min = domain.selection?.mode === "many" ? domain.selection.min ?? 0 : domain.min;
+  const max = (domain.selection?.mode === "many" ? domain.selection.max : domain.max) ?? domain.choices?.length ?? Number.POSITIVE_INFINITY;
+  const toggle = (choice) => {
+    const next = new Set(selected);
+    if (next.has(choice)) next.delete(choice);
+    else if (next.size < max) next.add(choice);
+    setValue([...next]);
+  };
+  const meta = min || Number.isFinite(max) ? `Pick ${min ?? 0}${Number.isFinite(max) ? `-${max}` : "+"}` : void 0;
+  return /* @__PURE__ */ jsx11(
+    FieldFrame,
+    {
+      label: /* @__PURE__ */ jsxs3(
+        "span",
+        {
+          style: {
+            display: "flex",
+            justifyContent: "space-between",
+            gap: theme.space[2]
+          },
+          children: [
+            /* @__PURE__ */ jsx11("span", { children: labelForInput(input) }),
+            meta ? /* @__PURE__ */ jsx11("span", { style: { color: theme.semantic.text.muted }, children: meta }) : null
+          ]
+        }
+      ),
+      errors,
+      missing,
+      children: /* @__PURE__ */ jsx11("span", { style: { display: "flex", flexWrap: "wrap", gap: theme.space[1] }, children: (domain.choices ?? []).map((choice) => {
+        const value2 = choice.value;
+        const checked = selected.has(value2);
+        const isDisabled = disabled || choice.disabled || !checked && selected.size >= max;
+        return /* @__PURE__ */ jsx11(
+          ThemedButton,
+          {
+            type: "button",
+            variant: checked ? "primary" : "secondary",
+            size: "sm",
+            disabled: isDisabled,
+            "aria-pressed": checked,
+            title: choice.disabledReason ?? choice.description,
+            ...gameplayActuatorAttributes({
+              descriptor,
+              draftDigest: interactionDraftDigestForValues(
+                descriptor,
+                handle.values
+              ),
+              inputKey: input.key,
+              intent: "toggle",
+              candidateValue: value2,
+              candidateState: checked ? "selected" : "unselected",
+              enabled: !isDisabled,
+              actuatorKind: "click",
+              actuatorId: `choice-list:${input.key}:${value2}`,
+              semanticEffects: gameplayCandidateMetadata({
+                descriptor,
+                draftValues: handle.values,
+                inputKey: input.key,
+                candidateValue: value2,
+                intent: "toggle"
+              }).semanticEffects
+            }),
+            onClick: () => toggle(value2),
+            className: "h-8 px-3 text-sm",
+            children: /* @__PURE__ */ jsx11(ChoiceOptionLabel, { choice })
+          },
+          value2
+        );
+      }) })
+    }
+  );
+}
+function ResourceMapField({
+  descriptor,
+  handle,
+  input,
+  value,
+  setValue,
+  errors,
+  missing,
+  disabled,
+  domain
+}) {
+  const theme = useTheme();
+  const current = isRecord2(value) ? value : {};
+  const update = (resourceId, delta, min, max) => {
+    const previous = numberOrZero(current[resourceId]);
+    const next = Math.max(min, Math.min(max, previous + delta));
+    setValue({ ...current, [resourceId]: next });
+  };
+  return /* @__PURE__ */ jsx11(FieldFrame, { label: labelForInput(input), errors, missing, children: /* @__PURE__ */ jsx11(
     "span",
     {
       style: {
-        display: "inline-flex",
-        alignItems: "center",
-        gap: 6,
-        minWidth: 0
+        display: "grid",
+        gridTemplateColumns: "repeat(auto-fit, minmax(140px, 1fr))",
+        gap: theme.space[2]
       },
-      children: [
-        /* @__PURE__ */ jsxs3(
+      children: (domain.resources ?? []).map((resource) => {
+        const min = resource.min ?? 0;
+        const max = resource.max ?? 0;
+        const amount = numberOrZero(current[resource.resourceId]);
+        return /* @__PURE__ */ jsxs3(
           "span",
           {
             style: {
-              display: "inline-flex",
+              display: "grid",
+              gridTemplateColumns: "minmax(0, 1fr) auto auto auto",
               alignItems: "center",
-              gap: 6,
-              minWidth: 0
+              gap: theme.space[1],
+              padding: theme.space[2],
+              borderRadius: theme.radius.md,
+              background: theme.semantic.surface.inset
             },
             children: [
-              choice.icon ? /* @__PURE__ */ jsx11("span", { "aria-hidden": true, style: { fontSize: "1.1em", lineHeight: 1 }, children: choice.icon }) : null,
-              /* @__PURE__ */ jsx11("span", { style: { overflow: "hidden", textOverflow: "ellipsis" }, children: choice.label })
+              /* @__PURE__ */ jsxs3(
+                "span",
+                {
+                  style: {
+                    minWidth: 0,
+                    display: "inline-flex",
+                    alignItems: "center",
+                    gap: theme.space[1]
+                  },
+                  children: [
+                    resource.icon ? /* @__PURE__ */ jsx11("span", { "aria-hidden": true, style: { fontSize: "1.1em" }, children: resource.icon }) : null,
+                    resource.label ?? humanize(input.key)
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsx11(
+                StepperButton,
+                {
+                  label: `Decrease ${resource.label ?? resource.resourceId}`,
+                  disabled: disabled || amount <= min,
+                  browserAttributes: gameplayActuatorAttributes({
+                    descriptor,
+                    draftDigest: interactionDraftDigestForValues(
+                      descriptor,
+                      handle.values
+                    ),
+                    inputKey: input.key,
+                    intent: "decrement",
+                    candidateValue: resource.resourceId,
+                    enabled: !(disabled || amount <= min),
+                    actuatorKind: "click",
+                    actuatorId: `resource-decrement:${input.key}:${resource.resourceId}`,
+                    semanticEffects: gameplayResourceMetadata({
+                      inputKey: input.key,
+                      resourceKey: resource.resourceId,
+                      delta: -1
+                    }).semanticEffects
+                  }),
+                  onClick: () => update(resource.resourceId, -1, min, max),
+                  children: "-"
+                }
+              ),
+              /* @__PURE__ */ jsx11(
+                "span",
+                {
+                  style: {
+                    minWidth: "2ch",
+                    textAlign: "center",
+                    fontVariantNumeric: "tabular-nums"
+                  },
+                  children: amount
+                }
+              ),
+              /* @__PURE__ */ jsx11(
+                StepperButton,
+                {
+                  label: `Increase ${resource.label ?? resource.resourceId}`,
+                  disabled: disabled || amount >= max,
+                  browserAttributes: gameplayActuatorAttributes({
+                    descriptor,
+                    draftDigest: interactionDraftDigestForValues(
+                      descriptor,
+                      handle.values
+                    ),
+                    inputKey: input.key,
+                    intent: "increment",
+                    candidateValue: resource.resourceId,
+                    enabled: !(disabled || amount >= max),
+                    actuatorKind: "click",
+                    actuatorId: `resource-increment:${input.key}:${resource.resourceId}`,
+                    semanticEffects: gameplayResourceMetadata({
+                      inputKey: input.key,
+                      resourceKey: resource.resourceId,
+                      delta: 1
+                    }).semanticEffects
+                  }),
+                  onClick: () => update(resource.resourceId, 1, min, max),
+                  children: "+"
+                }
+              )
             ]
-          }
-        ),
-        choice.badge ? /* @__PURE__ */ jsx11(
-          "span",
-          {
-            style: {
-              borderRadius: 999,
-              background: theme.semantic.surface.inset,
-              color: theme.semantic.text.muted,
-              fontSize: theme.typography.fontSize.xs,
-              fontWeight: theme.typography.fontWeight.bold,
-              lineHeight: 1,
-              padding: "3px 6px",
-              whiteSpace: "nowrap"
-            },
-            children: choice.badge
-          }
-        ) : null
-      ]
-    }
-  );
-}
-function ChoiceDescription({ choice }) {
-  const theme = useTheme();
-  const message = choice?.disabledReason ?? choice?.description;
-  if (!message) return null;
-  return /* @__PURE__ */ jsx11(
-    "span",
-    {
-      style: {
-        color: choice?.disabledReason ? theme.semantic.intent.danger.solid : theme.semantic.text.muted,
-        fontSize: theme.typography.fontSize.xs
-      },
-      children: message
+          },
+          resource.resourceId
+        );
+      })
     }
-  );
-}
-var NULL_CHOICE_SELECT_VALUE = "__dreamboard_null_choice__";
-function choiceRenderKey(choice) {
-  return choice.value === null ? NULL_CHOICE_SELECT_VALUE : choice.value;
-}
-function encodeChoiceSelectValue(value) {
-  if (value === null) return NULL_CHOICE_SELECT_VALUE;
-  return typeof value === "string" ? value : void 0;
-}
-function decodeChoiceSelectValue(value) {
-  return value === NULL_CHOICE_SELECT_VALUE ? null : value;
+  ) });
 }
-function ChoiceField({
+function BoundedNumberField({
+  descriptor,
+  handle,
   input,
   value,
   setValue,
@@ -3902,376 +4778,684 @@ function ChoiceField({
   domain
 }) {
   const theme = useTheme();
-  const themeCssVars = useThemeCssVars();
-  const choices = domain.choices ?? [];
+  const min = domain.min ?? 0;
+  const max = domain.max ?? Number.POSITIVE_INFINITY;
+  const step = domain.step ?? 1;
+  const current = typeof value === "number" ? value : min;
   const controlId = useId();
-  const selectedChoice = typeof value === "string" || value === null ? choices.find((choice) => choice.value === value) : void 0;
-  if (choices.length > 0 && choices.length <= 3) {
-    return /* @__PURE__ */ jsx11(
-      FieldFrame,
-      {
-        label: labelForInput(input),
-        errors,
-        missing,
-        children: /* @__PURE__ */ jsx11(
-          "span",
-          {
-            style: {
-              display: "inline-flex",
-              flexWrap: "wrap",
-              gap: theme.space[1]
-            },
-            children: choices.map((choice) => {
-              const selected = value === choice.value;
-              return /* @__PURE__ */ jsx11(
-                ThemedButton,
-                {
-                  type: "button",
-                  variant: selected ? "primary" : "secondary",
-                  size: "sm",
-                  disabled: disabled || choice.disabled,
-                  "aria-pressed": selected,
-                  title: choice.disabledReason ?? choice.description,
-                  onClick: () => setValue(choice.value),
-                  className: "h-8 px-3 text-sm",
-                  children: /* @__PURE__ */ jsx11(ChoiceOptionLabel, { choice })
-                },
-                choiceRenderKey(choice)
-              );
-            })
-          }
-        )
-      }
-    );
-  }
-  return /* @__PURE__ */ jsxs3(
+  const update = (next) => setValue(Math.max(min, Math.min(max, next)));
+  return /* @__PURE__ */ jsx11(
     FieldFrame,
     {
       label: labelForInput(input),
       controlId,
       errors,
       missing,
-      children: [
-        /* @__PURE__ */ jsxs3(
-          Select,
-          {
-            disabled,
-            value: encodeChoiceSelectValue(value),
-            onValueChange: (next) => setValue(decodeChoiceSelectValue(next)),
-            children: [
-              /* @__PURE__ */ jsx11(SelectTrigger, { id: controlId, size: "sm", className: "w-full bg-white", children: /* @__PURE__ */ jsx11("span", { "data-slot": "select-value", children: selectedChoice ? /* @__PURE__ */ jsx11(ChoiceOptionLabel, { choice: selectedChoice }) : /* @__PURE__ */ jsx11("span", { style: { color: theme.semantic.text.muted }, children: "Choose..." }) }) }),
-              /* @__PURE__ */ jsx11(
-                SelectContent,
-                {
-                  style: {
-                    ...themeCssVars,
-                    fontFamily: theme.typography.fontFamily.body
-                  },
-                  children: choices.map((choice) => /* @__PURE__ */ jsx11(
-                    SelectItem,
-                    {
-                      value: choiceRenderKey(choice),
-                      textValue: choice.label,
-                      disabled: choice.disabled,
-                      children: /* @__PURE__ */ jsx11(ChoiceOptionLabel, { choice })
-                    },
-                    choiceRenderKey(choice)
-                  ))
-                }
-              )
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsx11(ChoiceDescription, { choice: selectedChoice })
-      ]
+      children: /* @__PURE__ */ jsxs3(
+        "span",
+        {
+          style: {
+            display: "inline-flex",
+            alignItems: "center",
+            gap: theme.space[1]
+          },
+          children: [
+            /* @__PURE__ */ jsx11(
+              StepperButton,
+              {
+                label: `Decrease ${input.key}`,
+                disabled: disabled || current <= min,
+                browserAttributes: gameplayActuatorAttributes({
+                  descriptor,
+                  draftDigest: interactionDraftDigestForValues(
+                    descriptor,
+                    handle.values
+                  ),
+                  inputKey: input.key,
+                  intent: "decrement",
+                  enabled: !(disabled || current <= min),
+                  actuatorKind: "click",
+                  actuatorId: `bounded-decrement:${input.key}`,
+                  semanticEffects: gameplayScalarStepMetadata({
+                    inputKey: input.key,
+                    value: Math.max(min, Math.min(max, current - step))
+                  }).semanticEffects
+                }),
+                onClick: () => update(current - step),
+                children: "-"
+              }
+            ),
+            /* @__PURE__ */ jsx11(
+              Input,
+              {
+                id: controlId,
+                type: "number",
+                min,
+                max: Number.isFinite(max) ? max : void 0,
+                step,
+                value: current,
+                disabled,
+                ...gameplayActuatorAttributes({
+                  descriptor,
+                  draftDigest: interactionDraftDigestForValues(
+                    descriptor,
+                    handle.values
+                  ),
+                  inputKey: input.key,
+                  intent: "fill",
+                  enabled: !disabled,
+                  actuatorKind: "fill",
+                  actuatorId: `bounded-fill:${input.key}`,
+                  acceptedEffectPatterns: gameplayScalarFillMetadata({
+                    inputKey: input.key,
+                    domain
+                  }).acceptedEffectPatterns
+                }),
+                onChange: (event) => update(Number(event.target.value)),
+                className: "h-9 w-[8ch] px-2 text-center text-sm md:text-sm"
+              }
+            ),
+            /* @__PURE__ */ jsx11(
+              StepperButton,
+              {
+                label: `Increase ${input.key}`,
+                disabled: disabled || current >= max,
+                browserAttributes: gameplayActuatorAttributes({
+                  descriptor,
+                  draftDigest: interactionDraftDigestForValues(
+                    descriptor,
+                    handle.values
+                  ),
+                  inputKey: input.key,
+                  intent: "increment",
+                  enabled: !(disabled || current >= max),
+                  actuatorKind: "click",
+                  actuatorId: `bounded-increment:${input.key}`,
+                  semanticEffects: gameplayScalarStepMetadata({
+                    inputKey: input.key,
+                    value: Math.max(min, Math.min(max, current + step))
+                  }).semanticEffects
+                }),
+                onClick: () => update(current + step),
+                children: "+"
+              }
+            )
+          ]
+        }
+      )
     }
   );
 }
-function ChoiceListField({
+function TargetSummaryField({
   input,
   value,
-  setValue,
   errors,
   missing,
-  disabled,
-  domain
+  domain
+}) {
+  const target = inputTargetKind(domain) ?? "target";
+  return /* @__PURE__ */ jsx11(FieldFrame, { label: labelForInput(input), errors, missing, children: /* @__PURE__ */ jsx11("span", { children: Array.isArray(value) ? value.length > 0 ? `${value.length} selected: ${value.join(", ")}` : `Select ${targetSelectionLabel(domain)}.` : typeof value === "string" ? value : `Select a ${target} on the board.` }) });
+}
+function targetSelectionLabel(domain) {
+  const target = inputTargetKind(domain) ?? "target";
+  const selection = isTargetDomain(domain) ? domain.selection : void 0;
+  if (selection?.mode !== "many") return `a ${target}`;
+  const min = selection.min ?? 0;
+  if (selection.max !== void 0 && min === selection.max) {
+    return `${min} ${target}${min === 1 ? "" : "s"}`;
+  }
+  return `${min}${selection.max ? `-${selection.max}` : "+"} ${target}s`;
+}
+function StepperButton({
+  label,
+  disabled,
+  browserAttributes,
+  onClick,
+  children
+}) {
+  return /* @__PURE__ */ jsx11(
+    ThemedButton,
+    {
+      type: "button",
+      variant: "secondary",
+      size: "sm",
+      "aria-label": label,
+      disabled,
+      ...browserAttributes,
+      onClick,
+      className: "h-8 w-8 text-sm",
+      children
+    }
+  );
+}
+function labelForInput(input) {
+  if (input.domain.type === "choice") {
+    const exact = input.domain.choices?.find(
+      (choice) => choice.value === input.defaultValue
+    );
+    if (exact?.label && input.key === exact.value) return exact.label;
+  }
+  return humanize(input.key);
+}
+function humanize(key) {
+  return key.replace(/Id$/, "").replace(/([a-z0-9])([A-Z])/g, "$1 $2").replace(/[-_]+/g, " ").replace(/\b\w/g, (letter) => letter.toUpperCase());
+}
+function isRecord2(value) {
+  return typeof value === "object" && value !== null && !Array.isArray(value);
+}
+function numberOrZero(value) {
+  return typeof value === "number" && Number.isFinite(value) ? value : 0;
+}
+
+// src/runtime/components/interaction-form/InteractionForm.tsx
+import {
+  useEffect as useEffect6,
+  useId as useId2,
+  useMemo as useMemo12,
+  useState as useState4
+} from "react";
+import * as AccordionPrimitive from "@radix-ui/react-accordion";
+
+// src/runtime/components/interaction-form/input-slot.tsx
+import { Fragment as Fragment8, jsx as jsx12 } from "react/jsx-runtime";
+function createInteractionInputSlot({
+  descriptor,
+  input,
+  handle,
+  errors,
+  missing,
+  disabled
 }) {
-  const theme = useTheme();
-  const selected = new Set(Array.isArray(value) ? value : []);
-  const min = domain.selection?.mode === "many" ? domain.selection.min ?? 0 : domain.min;
-  const max = (domain.selection?.mode === "many" ? domain.selection.max : domain.max) ?? domain.choices?.length ?? Number.POSITIVE_INFINITY;
-  const toggle = (choice) => {
-    const next = new Set(selected);
-    if (next.has(choice)) next.delete(choice);
-    else if (next.size < max) next.add(choice);
-    setValue([...next]);
+  const value = handle.values[input.key];
+  const resolvedInput = resolveInputDomain(
+    input,
+    handle.values
+  );
+  const targetButton = ({
+    value: targetValue,
+    children,
+    kind,
+    ...buttonProps
+  }) => {
+    const domain = resolvedInput.domain;
+    const eligible = isResolvedTargetDomain(domain) && domain.eligibleTargets.includes(targetValue);
+    const selection = isTargetDomain(domain) ? domain.selection : void 0;
+    const currentValue = handle.values[input.key];
+    const selected = selection?.mode === "many" ? Array.isArray(currentValue) && currentValue.map(String).includes(targetValue) : currentValue !== void 0 && String(currentValue) === targetValue;
+    const isDisabled = disabled || !eligible;
+    const dataAttribute = kind === "card" ? { "data-dreamboard-interaction-card-slot": "" } : { "data-dreamboard-interaction-target-slot": "" };
+    const browserAttributes = gameplayActuatorAttributes({
+      descriptor,
+      draftDigest: interactionDraftDigestForValues(
+        descriptor,
+        handle.values
+      ),
+      inputKey: input.key,
+      intent: selection?.mode === "many" ? "toggle" : "select",
+      candidateValue: targetValue,
+      candidateState: selected ? "selected" : "unselected",
+      enabled: !isDisabled,
+      actuatorKind: "click",
+      actuatorId: `${kind}:${input.key}:${targetValue}`,
+      semanticEffects: gameplayCandidateMetadata({
+        descriptor,
+        draftValues: handle.values,
+        inputKey: input.key,
+        candidateValue: targetValue,
+        intent: selection?.mode === "many" ? "toggle" : "select"
+      }).semanticEffects
+    });
+    return /* @__PURE__ */ jsx12(
+      "button",
+      {
+        type: "button",
+        disabled: isDisabled,
+        "aria-disabled": isDisabled,
+        "aria-pressed": selected,
+        "data-input-name": input.key,
+        "data-target-kind": inputTargetKind(domain),
+        "data-target-value": targetValue,
+        "data-eligible": eligible,
+        "data-selected": selected || void 0,
+        "data-disabled": isDisabled || void 0,
+        ...dataAttribute,
+        ...browserAttributes,
+        ...buttonProps,
+        onClick: () => {
+          if (isDisabled) return;
+          const nextValue = selection?.mode === "many" ? toggleManyValue(currentValue, targetValue, selection) : targetValue;
+          handle.setInput(input.key, nextValue);
+        },
+        children: children ?? targetValue
+      }
+    );
   };
-  const meta = min || Number.isFinite(max) ? `Pick ${min ?? 0}${Number.isFinite(max) ? `-${max}` : "+"}` : void 0;
-  return /* @__PURE__ */ jsx11(
-    FieldFrame,
-    {
-      label: /* @__PURE__ */ jsxs3(
-        "span",
+  return {
+    Field: () => /* @__PURE__ */ jsx12(
+      DefaultInteractionField,
+      {
+        descriptor,
+        input: resolvedInput,
+        handle,
+        value,
+        setValue: (next) => handle.setInput(input.key, next),
+        clearValue: () => handle.clearInput(input.key),
+        errors,
+        missing,
+        disabled
+      }
+    ),
+    Default: ({ children }) => {
+      const hasDefault = "defaultValue" in input;
+      const isDisabled = disabled || !hasDefault;
+      const browserAttributes = gameplayActuatorAttributes({
+        descriptor,
+        draftDigest: interactionDraftDigestForValues(
+          descriptor,
+          handle.values
+        ),
+        inputKey: input.key,
+        intent: "select",
+        candidateValue: input.defaultValue,
+        candidateState: "unselected",
+        enabled: !isDisabled,
+        actuatorKind: "click",
+        actuatorId: `default:${input.key}`,
+        semanticEffects: hasDefault ? gameplayCandidateMetadata({
+          descriptor,
+          draftValues: handle.values,
+          inputKey: input.key,
+          candidateValue: input.defaultValue,
+          intent: "select"
+        }).semanticEffects : void 0
+      });
+      return /* @__PURE__ */ jsx12(
+        "button",
         {
-          style: {
-            display: "flex",
-            justifyContent: "space-between",
-            gap: theme.space[2]
+          type: "button",
+          disabled: isDisabled,
+          "aria-disabled": isDisabled,
+          "data-dreamboard-interaction-default-slot": "",
+          "data-input-name": input.key,
+          "data-disabled": isDisabled || void 0,
+          ...browserAttributes,
+          onClick: () => {
+            if (isDisabled) return;
+            handle.setInput(input.key, input.defaultValue);
           },
-          children: [
-            /* @__PURE__ */ jsx11("span", { children: labelForInput(input) }),
-            meta ? /* @__PURE__ */ jsx11("span", { style: { color: theme.semantic.text.muted }, children: meta }) : null
-          ]
+          children: children ?? "Use default"
         }
-      ),
-      errors,
-      missing,
-      children: /* @__PURE__ */ jsx11("span", { style: { display: "flex", flexWrap: "wrap", gap: theme.space[1] }, children: (domain.choices ?? []).map((choice) => {
-        const value2 = choice.value;
-        const checked = selected.has(value2);
-        return /* @__PURE__ */ jsx11(
-          ThemedButton,
-          {
-            type: "button",
-            variant: checked ? "primary" : "secondary",
-            size: "sm",
-            disabled: disabled || choice.disabled || !checked && selected.size >= max,
-            "aria-pressed": checked,
-            title: choice.disabledReason ?? choice.description,
-            onClick: () => toggle(value2),
-            className: "h-8 px-3 text-sm",
-            children: /* @__PURE__ */ jsx11(ChoiceOptionLabel, { choice })
-          },
-          value2
-        );
-      }) })
+      );
+    },
+    Target: (props) => targetButton({ ...props, kind: "target" }),
+    Card: (props) => targetButton({ ...props, kind: "card" }),
+    Cards: ({ children }) => {
+      const domain = resolvedInput.domain;
+      const targets = isResolvedTargetDomain(domain) ? domain.eligibleTargets : [];
+      return /* @__PURE__ */ jsx12(Fragment8, { children: targets.map((id) => children({ id })) });
+    },
+    Options: ({ children }) => {
+      const domain = resolvedInput.domain;
+      const choices = domain.type === "choice" || domain.type === "choiceList" ? domain.choices ?? [] : [];
+      return /* @__PURE__ */ jsx12(Fragment8, { children: choices.map((choice) => children(choice)) });
+    },
+    Value: ({ children }) => /* @__PURE__ */ jsx12(Fragment8, { children: children(value) }),
+    Label: ({ children }) => /* @__PURE__ */ jsx12(Fragment8, { children: children ?? labelForInput(resolvedInput) }),
+    Message: ({ children }) => {
+      const message = children ?? errors[0] ?? (missing ? "Required" : null);
+      return message ? /* @__PURE__ */ jsx12("span", { role: "alert", "data-dreamboard-interaction-message-slot": "", children: message }) : null;
     }
-  );
+  };
 }
-function ResourceMapField({
-  input,
-  value,
-  setValue,
-  errors,
-  missing,
-  disabled,
-  domain
+
+// src/runtime/components/interaction-form/InteractionForm.tsx
+import { Fragment as Fragment9, jsx as jsx13, jsxs as jsxs4 } from "react/jsx-runtime";
+function InteractionForm({
+  descriptor,
+  handle,
+  fields,
+  hiddenFields,
+  renderFields,
+  inputs,
+  submit: renderSubmit,
+  title,
+  description,
+  submitLabel,
+  cancelLabel = "Cancel",
+  onCancel,
+  onSubmitSuccess,
+  disabled = false,
+  accordion = true,
+  defaultOpen = false,
+  style
 }) {
   const theme = useTheme();
-  const current = isRecord(value) ? value : {};
-  const update = (resourceId, delta, min, max) => {
-    const previous = numberOrZero(current[resourceId]);
-    const next = Math.max(min, Math.min(max, previous + delta));
-    setValue({ ...current, [resourceId]: next });
+  const fallbackLabel = interactionLabel(descriptor);
+  const formId = useId2();
+  useChromeSuppression(formId, true);
+  const [pending, setPending] = useState4(false);
+  const [validation, setValidation] = useState4(
+    null
+  );
+  const [formError, setFormError] = useState4(null);
+  const [accordionOpen, setAccordionOpen] = useState4(defaultOpen);
+  const hidden = useMemo12(() => new Set(hiddenFields ?? []), [hiddenFields]);
+  const visibleInputs = useMemo12(() => {
+    if (inputs) {
+      const rendered = new Set(Object.keys(inputs));
+      return resolveInteractionInputs(
+        descriptor,
+        handle.values
+      ).filter((input) => rendered.has(input.key));
+    }
+    const allowed = fields ? new Set(fields) : null;
+    return defaultFormInputs(
+      descriptor,
+      handle.values
+    ).filter((input) => {
+      const key = input.key;
+      if (allowed && !allowed.has(key)) return false;
+      return !hidden.has(key);
+    });
+  }, [descriptor, fields, hidden, handle.values, inputs]);
+  const currentValidation = validation;
+  const fieldErrors = currentValidation?.fieldErrors ?? {};
+  const missing = new Set(currentValidation?.missing ?? []);
+  const formErrors = [
+    ...currentValidation?.formErrors ?? [],
+    ...formError ? [formError] : []
+  ];
+  const isDisabled = disabled || pending || !isInteractionAvailable(descriptor);
+  const useAccordion = accordion && visibleInputs.length > 0;
+  const rootBrowserAttributes = gameplayInteractionRootAttributes({
+    descriptor,
+    draftDigest: interactionDraftDigestForValues(
+      descriptor,
+      handle.values
+    ),
+    ready: handle.isReady,
+    available: !isDisabled
+  });
+  const armBrowserAttributes = gameplayActuatorAttributes({
+    descriptor,
+    draftDigest: interactionDraftDigestForValues(
+      descriptor,
+      handle.values
+    ),
+    intent: "arm",
+    enabled: !isDisabled,
+    actuatorKind: "click",
+    actuatorId: "arm",
+    preparationPatterns: gameplayPreparationPatternsForDescriptor(
+      descriptor,
+      handle.values
+    )
+  });
+  const submitMetadata = gameplaySubmitMetadata({ descriptor });
+  const submitBrowserAttributes = gameplayActuatorAttributes({
+    descriptor,
+    draftDigest: interactionDraftDigestForValues(
+      descriptor,
+      handle.values
+    ),
+    intent: submitMetadata.intent,
+    enabled: !isDisabled && handle.isReady,
+    actuatorKind: "click",
+    actuatorId: "submit",
+    semanticEffects: submitMetadata.semanticEffects
+  });
+  useEffect6(() => {
+    setAccordionOpen(defaultOpen);
+  }, [defaultOpen, descriptor.interactionId]);
+  const containerStyle = {
+    ...surfaceStyle(theme, { tone: "card" }),
+    display: "flex",
+    flexDirection: "column",
+    gap: theme.space[2],
+    padding: theme.space[3],
+    minWidth: "min(100%, 280px)",
+    boxSizing: "border-box",
+    fontFamily: theme.typography.fontFamily.body,
+    ...style
+  };
+  const submit = async (event) => {
+    event.preventDefault();
+    if (isDisabled) return;
+    const nextValidation = handle.validateDraft();
+    setValidation(nextValidation);
+    setFormError(null);
+    if (!nextValidation.ok) {
+      setAccordionOpen(true);
+      return;
+    }
+    setPending(true);
+    try {
+      await handle.submitDraft();
+      onSubmitSuccess?.();
+      setAccordionOpen(defaultOpen);
+    } catch (error) {
+      setAccordionOpen(true);
+      setFormError(
+        error instanceof Error ? error.message : "Interaction submission failed"
+      );
+    } finally {
+      setPending(false);
+    }
   };
-  return /* @__PURE__ */ jsx11(FieldFrame, { label: labelForInput(input), errors, missing, children: /* @__PURE__ */ jsx11(
-    "span",
+  const header = /* @__PURE__ */ jsxs4("div", { style: { display: "flex", flexDirection: "column", gap: 2 }, children: [
+    /* @__PURE__ */ jsx13(
+      "strong",
+      {
+        style: {
+          fontFamily: theme.typography.fontFamily.display,
+          fontSize: theme.typography.fontSize.md,
+          color: theme.semantic.text.primary
+        },
+        children: title ?? fallbackLabel
+      }
+    ),
+    description ? /* @__PURE__ */ jsx13(
+      "span",
+      {
+        style: {
+          fontSize: theme.typography.fontSize.sm,
+          color: theme.semantic.text.muted
+        },
+        children: description
+      }
+    ) : null
+  ] });
+  const fieldsContent = visibleInputs.length > 0 ? /* @__PURE__ */ jsx13(
+    "div",
     {
       style: {
-        display: "grid",
-        gridTemplateColumns: "repeat(auto-fit, minmax(140px, 1fr))",
-        gap: theme.space[2]
+        display: "flex",
+        flexDirection: "column",
+        gap: theme.space[3]
       },
-      children: (domain.resources ?? []).map((resource) => {
-        const min = resource.min ?? 0;
-        const max = resource.max ?? 0;
-        const amount = numberOrZero(current[resource.resourceId]);
-        return /* @__PURE__ */ jsxs3(
-          "span",
+      children: visibleInputs.map((input) => {
+        const key = input.key;
+        const inputRenderer = inputs?.[key];
+        return /* @__PURE__ */ jsx13(
+          InteractionField,
           {
-            style: {
-              display: "grid",
-              gridTemplateColumns: "minmax(0, 1fr) auto auto auto",
-              alignItems: "center",
-              gap: theme.space[1],
-              padding: theme.space[2],
-              borderRadius: theme.radius.md,
-              background: theme.semantic.surface.inset
-            },
-            children: [
-              /* @__PURE__ */ jsxs3(
-                "span",
-                {
-                  style: {
-                    minWidth: 0,
-                    display: "inline-flex",
-                    alignItems: "center",
-                    gap: theme.space[1]
-                  },
-                  children: [
-                    resource.icon ? /* @__PURE__ */ jsx11("span", { "aria-hidden": true, style: { fontSize: "1.1em" }, children: resource.icon }) : null,
-                    resource.label ?? humanize(input.key)
-                  ]
-                }
-              ),
-              /* @__PURE__ */ jsx11(
-                StepperButton,
-                {
-                  label: `Decrease ${resource.label ?? resource.resourceId}`,
-                  disabled: disabled || amount <= min,
-                  onClick: () => update(resource.resourceId, -1, min, max),
-                  children: "-"
-                }
-              ),
-              /* @__PURE__ */ jsx11(
-                "span",
-                {
-                  style: {
-                    minWidth: "2ch",
-                    textAlign: "center",
-                    fontVariantNumeric: "tabular-nums"
-                  },
-                  children: amount
-                }
-              ),
-              /* @__PURE__ */ jsx11(
-                StepperButton,
-                {
-                  label: `Increase ${resource.label ?? resource.resourceId}`,
-                  disabled: disabled || amount >= max,
-                  onClick: () => update(resource.resourceId, 1, min, max),
-                  children: "+"
-                }
-              )
-            ]
+            descriptor,
+            inputKey: key,
+            handle,
+            errors: fieldErrors[key] ?? [],
+            missing: missing.has(key),
+            disabled: isDisabled,
+            render: inputRenderer ? ({ input: input2, errors, missing: missing2, disabled: disabled2 }) => inputRenderer(
+              createInteractionInputSlot({
+                descriptor,
+                input: input2,
+                handle,
+                errors,
+                missing: missing2,
+                disabled: disabled2
+              })
+            ) : renderFields?.[key]
           },
-          resource.resourceId
+          input.key
         );
       })
     }
-  ) });
-}
-function BoundedNumberField({
-  input,
-  value,
-  setValue,
-  errors,
-  missing,
-  disabled,
-  domain
-}) {
-  const theme = useTheme();
-  const min = domain.min ?? 0;
-  const max = domain.max ?? Number.POSITIVE_INFINITY;
-  const step = domain.step ?? 1;
-  const current = typeof value === "number" ? value : min;
-  const controlId = useId();
-  const update = (next) => setValue(Math.max(min, Math.min(max, next)));
-  return /* @__PURE__ */ jsx11(
-    FieldFrame,
+  ) : null;
+  if (visibleInputs.length === 0 && !handle.isReady) {
+    throw new Error(
+      `InteractionForm '${descriptor.interactionKey}' has required inputs that cannot be rendered by the default form. Provide renderFields, select on a surface, or use a default-renderable input domain.`
+    );
+  }
+  const formErrorContent = formErrors.length > 0 ? /* @__PURE__ */ jsx13(
+    "div",
     {
-      label: labelForInput(input),
-      controlId,
-      errors,
-      missing,
-      children: /* @__PURE__ */ jsxs3(
-        "span",
-        {
-          style: {
-            display: "inline-flex",
-            alignItems: "center",
-            gap: theme.space[1]
-          },
-          children: [
-            /* @__PURE__ */ jsx11(
-              StepperButton,
+      role: "alert",
+      style: {
+        display: "flex",
+        flexDirection: "column",
+        gap: theme.space[1],
+        color: theme.semantic.intent.danger.solid,
+        fontSize: theme.typography.fontSize.sm
+      },
+      children: formErrors.map((error) => /* @__PURE__ */ jsx13("span", { children: error }, error))
+    }
+  ) : null;
+  const actions = /* @__PURE__ */ jsxs4(
+    "div",
+    {
+      style: {
+        display: "flex",
+        gap: theme.space[2],
+        justifyContent: "flex-end"
+      },
+      children: [
+        onCancel ? /* @__PURE__ */ jsx13(
+          ThemedButton,
+          {
+            type: "button",
+            variant: "secondary",
+            size: "sm",
+            disabled: pending,
+            onClick: onCancel,
+            className: "h-9 px-3 text-sm",
+            children: cancelLabel
+          }
+        ) : null,
+        renderSubmit ? renderSubmit(
+          {
+            Button: ({ children, ...buttonProps }) => /* @__PURE__ */ jsx13(
+              ThemedButton,
               {
-                label: `Decrease ${input.key}`,
-                disabled: disabled || current <= min,
-                onClick: () => update(current - step),
-                children: "-"
+                type: "submit",
+                variant: "primary",
+                size: "sm",
+                disabled: isDisabled,
+                className: "h-9 px-3 text-sm",
+                ...submitBrowserAttributes,
+                ...buttonProps,
+                children: pending ? "Submitting..." : children ?? submitLabel ?? fallbackLabel
               }
-            ),
-            /* @__PURE__ */ jsx11(
-              Input,
+            )
+          },
+          descriptor
+        ) : /* @__PURE__ */ jsx13(
+          ThemedButton,
+          {
+            type: "submit",
+            variant: "primary",
+            size: "sm",
+            disabled: isDisabled,
+            className: "h-9 px-3 text-sm",
+            ...submitBrowserAttributes,
+            children: pending ? "Submitting..." : submitLabel ?? fallbackLabel
+          }
+        )
+      ]
+    }
+  );
+  const body = /* @__PURE__ */ jsxs4(Fragment9, { children: [
+    fieldsContent,
+    formErrorContent,
+    actions
+  ] });
+  return /* @__PURE__ */ jsx13(
+    "form",
+    {
+      "data-interaction-form": true,
+      "data-interaction-id": descriptor.interactionId,
+      onSubmit: (event) => void submit(event),
+      style: containerStyle,
+      ...rootBrowserAttributes,
+      children: useAccordion ? /* @__PURE__ */ jsx13(
+        AccordionPrimitive.Root,
+        {
+          type: "single",
+          collapsible: true,
+          value: accordionOpen ? "fields" : void 0,
+          onValueChange: (value) => setAccordionOpen(value === "fields"),
+          children: /* @__PURE__ */ jsxs4(AccordionPrimitive.Item, { value: "fields", children: [
+            /* @__PURE__ */ jsx13(AccordionPrimitive.Header, { style: { margin: 0 }, children: /* @__PURE__ */ jsxs4(
+              AccordionPrimitive.Trigger,
               {
-                id: controlId,
-                type: "number",
-                min,
-                max: Number.isFinite(max) ? max : void 0,
-                step,
-                value: current,
-                disabled,
-                onChange: (event) => update(Number(event.target.value)),
-                className: "h-9 w-[8ch] px-2 text-center text-sm md:text-sm"
+                ...armBrowserAttributes,
+                style: {
+                  alignItems: "center",
+                  appearance: "none",
+                  background: "transparent",
+                  border: 0,
+                  color: theme.semantic.text.primary,
+                  cursor: "pointer",
+                  display: "flex",
+                  fontFamily: theme.typography.fontFamily.display,
+                  fontSize: theme.typography.fontSize.md,
+                  fontWeight: theme.typography.fontWeight.bold,
+                  justifyContent: "space-between",
+                  padding: 0,
+                  textAlign: "left",
+                  width: "100%"
+                },
+                children: [
+                  /* @__PURE__ */ jsx13("span", { children: title ?? fallbackLabel }),
+                  /* @__PURE__ */ jsx13("span", { "aria-hidden": true, children: accordionOpen ? "\u2212" : "+" })
+                ]
               }
-            ),
-            /* @__PURE__ */ jsx11(
-              StepperButton,
+            ) }),
+            /* @__PURE__ */ jsx13(AccordionPrimitive.Content, { children: /* @__PURE__ */ jsxs4(
+              "div",
               {
-                label: `Increase ${input.key}`,
-                disabled: disabled || current >= max,
-                onClick: () => update(current + step),
-                children: "+"
+                style: {
+                  display: "flex",
+                  flexDirection: "column",
+                  gap: theme.space[2],
+                  marginTop: theme.space[2]
+                },
+                children: [
+                  description ? /* @__PURE__ */ jsx13(
+                    "span",
+                    {
+                      style: {
+                        fontSize: theme.typography.fontSize.sm,
+                        color: theme.semantic.text.muted
+                      },
+                      children: description
+                    }
+                  ) : null,
+                  body
+                ]
               }
-            )
-          ]
+            ) })
+          ] })
         }
-      )
-    }
-  );
-}
-function TargetSummaryField({
-  input,
-  value,
-  errors,
-  missing,
-  domain
-}) {
-  const target = inputTargetKind(domain) ?? "target";
-  return /* @__PURE__ */ jsx11(FieldFrame, { label: labelForInput(input), errors, missing, children: /* @__PURE__ */ jsx11("span", { children: Array.isArray(value) ? value.length > 0 ? `${value.length} selected: ${value.join(", ")}` : `Select ${targetSelectionLabel(domain)}.` : typeof value === "string" ? value : `Select a ${target} on the board.` }) });
-}
-function targetSelectionLabel(domain) {
-  const target = inputTargetKind(domain) ?? "target";
-  const selection = isTargetDomain(domain) ? domain.selection : void 0;
-  if (selection?.mode !== "many") return `a ${target}`;
-  const min = selection.min ?? 0;
-  if (selection.max !== void 0 && min === selection.max) {
-    return `${min} ${target}${min === 1 ? "" : "s"}`;
-  }
-  return `${min}${selection.max ? `-${selection.max}` : "+"} ${target}s`;
-}
-function StepperButton({
-  label,
-  disabled,
-  onClick,
-  children
-}) {
-  return /* @__PURE__ */ jsx11(
-    ThemedButton,
-    {
-      type: "button",
-      variant: "secondary",
-      size: "sm",
-      "aria-label": label,
-      disabled,
-      onClick,
-      className: "h-8 w-8 text-sm",
-      children
+      ) : /* @__PURE__ */ jsxs4(Fragment9, { children: [
+        header,
+        body
+      ] })
     }
   );
 }
-function labelForInput(input) {
-  if (input.domain.type === "choice") {
-    const exact = input.domain.choices?.find(
-      (choice) => choice.value === input.defaultValue
-    );
-    if (exact?.label && input.key === exact.value) return exact.label;
-  }
-  return humanize(input.key);
-}
-function humanize(key) {
-  return key.replace(/Id$/, "").replace(/([a-z0-9])([A-Z])/g, "$1 $2").replace(/[-_]+/g, " ").replace(/\b\w/g, (letter) => letter.toUpperCase());
-}
-function isRecord(value) {
-  return typeof value === "object" && value !== null && !Array.isArray(value);
-}
-function numberOrZero(value) {
-  return typeof value === "number" && Number.isFinite(value) ? value : 0;
-}
 
-// src/runtime-internal/primitives/interaction-form-binding.tsx
-import { jsx as jsx12 } from "react/jsx-runtime";
+// src/runtime/primitives/interaction/form.tsx
+import { jsx as jsx14 } from "react/jsx-runtime";
 function castInteractionHandle(handle) {
   return handle;
 }
@@ -4283,7 +5467,7 @@ function BoundInteractionForm({
   handle,
   ...props
 }) {
-  return /* @__PURE__ */ jsx12(
+  return /* @__PURE__ */ jsx14(
     InteractionForm,
     {
       descriptor,
@@ -4292,149 +5476,66 @@ function BoundInteractionForm({
     }
   );
 }
-
-// src/runtime-internal/primitives/dialog-lifecycle.ts
-import { useCallback as useCallback5, useMemo as useMemo12, useState as useState5 } from "react";
-function useDialogLifecycle({
-  defaultOpen = true,
-  onStateChange
-}) {
-  const [state, setState] = useState5(
-    defaultOpen ? "open" : "minimized"
-  );
-  const updateState = useCallback5(
-    (nextState) => {
-      setState(nextState);
-      onStateChange?.(nextState);
-    },
-    [onStateChange]
-  );
-  const restore = useCallback5(() => updateState("open"), [updateState]);
-  const minimize = useCallback5(() => updateState("minimized"), [updateState]);
-  const dismiss = useCallback5(() => updateState("dismissed"), [updateState]);
-  const setOpen = useCallback5(
-    (open) => {
-      updateState(open ? "open" : "minimized");
-    },
-    [updateState]
-  );
-  return useMemo12(
-    () => ({
-      state,
-      open: state === "open",
-      minimized: state === "minimized",
-      dismissed: state === "dismissed",
-      setOpen,
-      restore,
-      minimize,
-      dismiss
-    }),
-    [dismiss, minimize, restore, setOpen, state]
-  );
-}
-
-// src/runtime-internal/primitives/interaction.tsx
-import { Fragment as Fragment8, jsx as jsx13 } from "react/jsx-runtime";
-var InteractionContext = createContext9(null);
-function humanizeInteraction(value) {
-  const parts = value.split(".");
-  const leaf = parts[parts.length - 1] ?? value;
-  return leaf.replace(/([a-z0-9])([A-Z])/g, "$1 $2").replace(/[-_]+/g, " ").replace(/\s+/g, " ").trim().replace(/^./, (first) => first.toUpperCase());
-}
-function useInteractionPrimitiveContext() {
-  const value = useContext9(InteractionContext);
-  if (!value) {
-    throw new Error(
-      "Interaction primitives must be rendered inside <Interaction.Root>."
-    );
-  }
-  return value;
-}
-function useResolvedCardTargetValue() {
-  const context = useContext9(InteractionContext);
-  const descriptor = context?.descriptor;
-  const handle = context?.handle;
-  if (!descriptor || !handle) return void 0;
-  const cardInput = descriptor.inputs.find(
-    (input) => isTargetDomain(input.domain) && input.domain.type === "cardTarget"
-  );
-  if (!cardInput) return void 0;
-  return handle.values[cardInput.key];
-}
-function useInteractionDescriptor(interaction) {
-  return usePluginState(
-    (state) => state.gameplay.availableInteractions.find(
-      (descriptor) => descriptor.interactionKey === interaction || descriptor.interactionId === interaction
-    )
+function InteractionFormPrimitive(props) {
+  const { descriptor, handle } = useInteractionPrimitiveContext();
+  if (!descriptor || !handle) return null;
+  return /* @__PURE__ */ jsx14(
+    BoundInteractionForm,
+    {
+      descriptor,
+      handle,
+      ...props
+    }
   );
 }
-function ResolvedInteractionRoot({
-  interaction,
-  descriptor,
-  children
-}) {
-  const handle = useInteractionHandle(descriptor);
-  const value = useMemo13(
-    () => ({ interaction, descriptor, handle }),
-    [descriptor, handle, interaction]
+function InteractionFieldPrimitive({ input, ...props }) {
+  const { descriptor, handle } = useInteractionPrimitiveContext();
+  if (!descriptor || !handle) return null;
+  return /* @__PURE__ */ jsx14(
+    InteractionField,
+    {
+      descriptor,
+      handle: castInteractionHandle(handle),
+      inputKey: input,
+      ...props
+    }
   );
-  return /* @__PURE__ */ jsx13(InteractionContext.Provider, { value, children });
 }
-function InteractionRoot({
-  interaction,
-  children,
-  unavailable = "render"
-}) {
-  const descriptor = useInteractionDescriptor(interaction);
-  if (!descriptor) {
-    if (unavailable === "hide") return null;
-    return /* @__PURE__ */ jsx13(
-      InteractionContext.Provider,
-      {
-        value: {
-          interaction,
-          descriptor: null,
-          handle: null
-        },
-        children
-      }
-    );
-  }
-  if (!isInteractionAvailable(descriptor) && unavailable === "hide") {
-    return null;
+
+// src/runtime/primitives/interaction/state.tsx
+import { Fragment as Fragment10, jsx as jsx15 } from "react/jsx-runtime";
+function InteractionState({ children, unavailable }) {
+  const { interaction, descriptor, handle } = useInteractionPrimitiveContext();
+  const store = useInteractionUiStore();
+  if (!descriptor || !handle) {
+    return /* @__PURE__ */ jsx15(Fragment10, { children: unavailable });
   }
-  return /* @__PURE__ */ jsx13(ResolvedInteractionRoot, { interaction, descriptor, children });
-}
-function InteractionDialog({
-  defaultOpen = false,
-  onStateChange,
-  children
-}) {
-  const { interaction } = useInteractionPrimitiveContext();
-  const pendingInteractionKey = usePendingInteractionKey();
-  const pendingInteractionRevision = usePendingInteractionRevision();
-  const lifecycle = useDialogLifecycle({ defaultOpen, onStateChange });
-  const restoredRevisionRef = useRef4(null);
-  useEffect7(() => {
-    if (pendingInteractionKey === interaction && restoredRevisionRef.current !== pendingInteractionRevision) {
-      restoredRevisionRef.current = pendingInteractionRevision;
-      lifecycle.restore();
-    }
-  }, [
-    interaction,
-    lifecycle,
-    pendingInteractionKey,
-    pendingInteractionRevision
-  ]);
-  const renderState = useMemo13(
-    () => ({
-      interaction,
-      ...lifecycle
-    }),
-    [interaction, lifecycle]
+  const typedHandle = castInteractionHandle(handle);
+  const liveDraft = castInteractionDraft(
+    store.getDraft(descriptor.interactionKey)
   );
-  return /* @__PURE__ */ jsx13(Fragment8, { children: children(renderState) });
+  const inputKeys = descriptor.inputs.map((input) => input.key);
+  const readiness = getInteractionDraftReadiness(descriptor, liveDraft);
+  return /* @__PURE__ */ jsx15(Fragment10, { children: children({
+    interaction,
+    descriptor,
+    handle: typedHandle,
+    draft: liveDraft,
+    values: typedHandle.values,
+    status: typedHandle.status,
+    available: typedHandle.available,
+    isReady: readiness.ready,
+    isArmed: typedHandle.isArmed,
+    inputKeys,
+    missingInputs: readiness.missingInputs,
+    readyFrontier: readiness.readyFrontier,
+    blockedInputs: readiness.blockedInputs,
+    hasInputs: inputKeys.length > 0
+  }) });
 }
+
+// src/runtime/primitives/interaction/routes.tsx
+import { Fragment as Fragment11, jsx as jsx16 } from "react/jsx-runtime";
 function InteractionSwitch({
   interaction,
   routes,
@@ -4448,11 +5549,11 @@ function InteractionSwitch({
   const descriptor = routedInteraction ? descriptors.find(
     (candidate) => candidate.interactionKey === routedInteraction
   ) : void 0;
-  if (!descriptor) return /* @__PURE__ */ jsx13(Fragment8, { children: fallback });
+  if (!descriptor) return /* @__PURE__ */ jsx16(Fragment11, { children: fallback });
   const route = routes[descriptor.interactionKey] ?? null;
-  if (!route) return /* @__PURE__ */ jsx13(Fragment8, { children: fallback });
+  if (!route) return /* @__PURE__ */ jsx16(Fragment11, { children: fallback });
   const typedInteraction = descriptor.interactionKey;
-  return /* @__PURE__ */ jsx13(InteractionRoot, { interaction: typedInteraction, children: route({
+  return /* @__PURE__ */ jsx16(InteractionRoot, { interaction: typedInteraction, children: route({
     interaction: typedInteraction,
     descriptor
   }) });
@@ -4471,7 +5572,7 @@ function InteractionRoutes({
   const descriptors = usePluginState(
     (state) => state.gameplay.availableInteractions
   );
-  if (descriptors.length === 0) return /* @__PURE__ */ jsx13(Fragment8, { children: fallback });
+  if (descriptors.length === 0) return /* @__PURE__ */ jsx16(Fragment11, { children: fallback });
   const routedDescriptors = descriptors.filter(
     (descriptor) => includeUnavailable || isInteractionAvailable(descriptor)
   ).map((descriptor) => {
@@ -4493,56 +5594,87 @@ function InteractionRoutes({
     }
     return descriptor;
   });
-  if (routedDescriptors.length === 0) return /* @__PURE__ */ jsx13(Fragment8, { children: fallback });
+  if (routedDescriptors.length === 0) return /* @__PURE__ */ jsx16(Fragment11, { children: fallback });
   return null;
 }
-function InteractionLabel({ children, ...props }) {
-  const { descriptor, interaction } = useInteractionPrimitiveContext();
-  return renderPrimitive("span", {
-    ...props,
-    "data-dreamboard-interaction-label": "",
-    children: children ?? (descriptor ? interactionLabel(descriptor) : humanizeInteraction(interaction))
-  });
-}
-function InteractionDescription({
-  children,
-  ...props
-}) {
-  const content = children;
-  if (!content) return null;
-  return renderPrimitive("span", {
-    ...props,
-    "data-dreamboard-interaction-description": "",
-    children: content
-  });
-}
-function InteractionUnavailableMessage({
-  children,
-  ...props
+
+// src/runtime/primitives/interaction/dialog.tsx
+import { useEffect as useEffect7, useMemo as useMemo14, useRef as useRef4 } from "react";
+
+// src/ui/primitives/dialog-lifecycle.ts
+import { useCallback as useCallback5, useMemo as useMemo13, useState as useState5 } from "react";
+function useDialogLifecycle({
+  defaultOpen = true,
+  onStateChange
 }) {
-  const { descriptor, handle } = useInteractionPrimitiveContext();
-  const reason = children ?? handle?.unavailableReason ?? interactionUnavailableReason(descriptor);
-  if (!reason) return null;
-  return renderPrimitive("span", {
-    ...props,
-    "data-dreamboard-interaction-unavailable": "",
-    children: reason
-  });
+  const [state, setState] = useState5(
+    defaultOpen ? "open" : "minimized"
+  );
+  const updateState = useCallback5(
+    (nextState) => {
+      setState(nextState);
+      onStateChange?.(nextState);
+    },
+    [onStateChange]
+  );
+  const restore = useCallback5(() => updateState("open"), [updateState]);
+  const minimize = useCallback5(() => updateState("minimized"), [updateState]);
+  const dismiss = useCallback5(() => updateState("dismissed"), [updateState]);
+  const setOpen = useCallback5(
+    (open) => {
+      updateState(open ? "open" : "minimized");
+    },
+    [updateState]
+  );
+  return useMemo13(
+    () => ({
+      state,
+      open: state === "open",
+      minimized: state === "minimized",
+      dismissed: state === "dismissed",
+      setOpen,
+      restore,
+      minimize,
+      dismiss
+    }),
+    [dismiss, minimize, restore, setOpen, state]
+  );
 }
-function InteractionValidationMessage({
-  children,
-  ...props
+
+// src/runtime/primitives/interaction/dialog.tsx
+import { Fragment as Fragment12, jsx as jsx17 } from "react/jsx-runtime";
+function InteractionDialog({
+  defaultOpen = false,
+  onStateChange,
+  children
 }) {
-  const { handle } = useInteractionPrimitiveContext();
-  const validation = handle?.validateDraft();
-  const message = children ?? validation?.formErrors[0] ?? Object.values(validation?.fieldErrors ?? {})[0]?.[0] ?? (validation?.missing[0] ? `${String(validation.missing[0])} is required.` : null);
-  if (!message) return null;
-  return renderPrimitive("span", {
-    ...props,
-    "data-dreamboard-interaction-validation": "",
-    children: message
-  });
+  const { interaction } = useInteractionPrimitiveContext();
+  const pendingInteractionKey = usePendingInteractionKey();
+  const pendingInteractionRevision = usePendingInteractionRevision();
+  const lifecycle = useDialogLifecycle({ defaultOpen, onStateChange });
+  const restoredRevisionRef = useRef4(null);
+  useEffect7(() => {
+    if (pendingInteractionKey === interaction && restoredRevisionRef.current !== pendingInteractionRevision) {
+      restoredRevisionRef.current = pendingInteractionRevision;
+      lifecycle.restore();
+    }
+  }, [
+    interaction,
+    lifecycle,
+    pendingInteractionKey,
+    pendingInteractionRevision
+  ]);
+  const renderState = useMemo14(
+    () => ({
+      interaction,
+      ...lifecycle
+    }),
+    [interaction, lifecycle]
+  );
+  return /* @__PURE__ */ jsx17(Fragment12, { children: children(renderState) });
 }
+
+// src/runtime/primitives/interaction/controls.tsx
 function InteractionTrigger({
   disabled,
   onClick,
@@ -4554,6 +5686,18 @@ function InteractionTrigger({
   return renderPrimitive("button", {
     type: "button",
     ...props,
+    ...descriptor ? gameplayActuatorAttributes({
+      descriptor,
+      draftDigest: descriptor.draftDigest,
+      intent: "arm",
+      enabled: !isDisabled,
+      actuatorKind: "click",
+      actuatorId: "primitive-trigger",
+      preparationPatterns: gameplayPreparationPatternsForDescriptor(
+        descriptor,
+        handle?.values ?? {}
+      )
+    }) : {},
     disabled: isDisabled,
     "aria-disabled": isDisabled,
     "data-dreamboard-interaction-trigger": "",
@@ -4567,60 +5711,6 @@ function InteractionTrigger({
     })
   });
 }
-function InteractionState({ children, unavailable }) {
-  const { interaction, descriptor, handle } = useInteractionPrimitiveContext();
-  const store = useInteractionUiStore();
-  if (!descriptor || !handle) {
-    return /* @__PURE__ */ jsx13(Fragment8, { children: unavailable });
-  }
-  const typedHandle = castInteractionHandle(handle);
-  const liveDraft = castInteractionDraft(
-    store.getDraft(descriptor.interactionKey)
-  );
-  const inputKeys = descriptor.inputs.map((input) => input.key);
-  const readiness = getInteractionDraftReadiness(descriptor, liveDraft);
-  return /* @__PURE__ */ jsx13(Fragment8, { children: children({
-    interaction,
-    descriptor,
-    handle: typedHandle,
-    draft: liveDraft,
-    values: typedHandle.values,
-    status: typedHandle.status,
-    available: typedHandle.available,
-    isReady: readiness.ready,
-    isArmed: typedHandle.isArmed,
-    inputKeys,
-    missingInputs: readiness.missingInputs,
-    readyFrontier: readiness.readyFrontier,
-    blockedInputs: readiness.blockedInputs,
-    hasInputs: inputKeys.length > 0
-  }) });
-}
-function InteractionFormPrimitive(props) {
-  const { descriptor, handle } = useInteractionPrimitiveContext();
-  if (!descriptor || !handle) return null;
-  return /* @__PURE__ */ jsx13(
-    BoundInteractionForm,
-    {
-      descriptor,
-      handle,
-      ...props
-    }
-  );
-}
-function InteractionFieldPrimitive({ input, ...props }) {
-  const { descriptor, handle } = useInteractionPrimitiveContext();
-  if (!descriptor || !handle) return null;
-  return /* @__PURE__ */ jsx13(
-    InteractionField,
-    {
-      descriptor,
-      handle: castInteractionHandle(handle),
-      inputKey: input,
-      ...props
-    }
-  );
-}
 function InteractionSubmit({
   disabled,
   onClick,
@@ -4633,11 +5723,21 @@ function InteractionSubmit({
   const gameActionError = useGameActionError();
   const isSubmitting = handle?.status === "submitting";
   const hasExplicitParams = params !== void 0;
+  const submitMetadata = descriptor ? gameplaySubmitMetadata({ descriptor, explicitParams: hasExplicitParams }) : null;
   const available = isInteractionAvailable(descriptor);
   const isDisabled = disabled === true || !available || !hasExplicitParams && !handle?.isReady || isSubmitting;
   return renderPrimitive("button", {
     type: "button",
     ...props,
+    ...descriptor ? gameplayActuatorAttributes({
+      descriptor,
+      draftDigest: descriptor.draftDigest,
+      intent: submitMetadata?.intent ?? "submit",
+      enabled: !isDisabled,
+      actuatorKind: "click",
+      actuatorId: "primitive-submit",
+      semanticEffects: submitMetadata?.semanticEffects
+    }) : {},
     disabled: isDisabled,
     "aria-disabled": isDisabled,
     "data-dreamboard-interaction-submit": "",
@@ -4677,9 +5777,28 @@ function InteractionInput({
   const { descriptor, handle } = useInteractionPrimitiveContext();
   const value = handle?.draft[name];
   const isDisabled = disabled === true || !isInteractionAvailable(descriptor);
+  const inputDescriptor = descriptor ? inputByKey(descriptor, name) : void 0;
+  const resolvedInputDescriptor = inputDescriptor && handle ? resolveInputDomain(
+    inputDescriptor,
+    handle.values
+  ) : void 0;
+  const scalarFillMetadata = resolvedInputDescriptor?.domain.type === "boundedNumber" ? gameplayScalarFillMetadata({
+    inputKey: name,
+    domain: resolvedInputDescriptor.domain
+  }) : void 0;
   return renderPrimitive("input", {
     ...props,
     name,
+    ...descriptor ? gameplayActuatorAttributes({
+      descriptor,
+      draftDigest: descriptor.draftDigest,
+      inputKey: name,
+      intent: "fill",
+      enabled: !isDisabled,
+      actuatorKind: "fill",
+      actuatorId: `primitive-input:${name}`,
+      acceptedEffectPatterns: scalarFillMetadata?.acceptedEffectPatterns
+    }) : {},
     disabled: isDisabled,
     "aria-disabled": isDisabled,
     "data-dreamboard-interaction-input": "",
@@ -4692,6 +5811,60 @@ function InteractionInput({
     })
   });
 }
+
+// src/runtime/primitives/interaction/parts.tsx
+function InteractionLabel({ children, ...props }) {
+  const { descriptor, interaction } = useInteractionPrimitiveContext();
+  return renderPrimitive("span", {
+    ...props,
+    "data-dreamboard-interaction-label": "",
+    children: children ?? (descriptor ? interactionLabel(descriptor) : humanizeInteraction(interaction))
+  });
+}
+function InteractionDescription({
+  children,
+  ...props
+}) {
+  const content = children;
+  if (!content) return null;
+  return renderPrimitive("span", {
+    ...props,
+    "data-dreamboard-interaction-description": "",
+    children: content
+  });
+}
+function InteractionUnavailableMessage({
+  children,
+  ...props
+}) {
+  const { descriptor, handle } = useInteractionPrimitiveContext();
+  const reason = children ?? handle?.unavailableReason ?? interactionUnavailableReason(descriptor);
+  if (!reason) return null;
+  return renderPrimitive("span", {
+    ...props,
+    "data-dreamboard-interaction-unavailable": "",
+    children: reason
+  });
+}
+function InteractionValidationMessage({
+  children,
+  ...props
+}) {
+  const { handle } = useInteractionPrimitiveContext();
+  const validation = handle?.validateDraft();
+  const message = children ?? validation?.formErrors[0] ?? Object.values(validation?.fieldErrors ?? {})[0]?.[0] ?? (validation?.missing[0] ? `${String(validation.missing[0])} is required.` : null);
+  if (!message) return null;
+  return renderPrimitive("span", {
+    ...props,
+    "data-dreamboard-interaction-validation": "",
+    children: message
+  });
+}
+
+// src/runtime/primitives/interaction/card-input.tsx
+import {
+  useCallback as useCallback6
+} from "react";
 function InteractionCardInput({
   input,
   unsafeCardId,
@@ -4802,6 +5975,24 @@ function InteractionCardInput({
     type: "button",
     ...props,
     children: renderedChildren,
+    ...descriptor ? gameplayActuatorAttributes({
+      descriptor,
+      draftDigest: descriptor.draftDigest,
+      inputKey: input,
+      intent: selection?.mode === "many" ? "toggle" : "select",
+      candidateValue: cardId,
+      candidateState: isSelected ? "selected" : "unselected",
+      enabled: !isDisabled,
+      actuatorKind: "click",
+      actuatorId: `primitive-card:${input}:${cardId ?? "missing"}`,
+      semanticEffects: cardId !== void 0 ? gameplayCandidateMetadata({
+        descriptor,
+        draftValues: liveDraft,
+        inputKey: input,
+        candidateValue: cardId,
+        intent: selection?.mode === "many" ? "toggle" : "select"
+      }).semanticEffects : void 0
+    }) : {},
     disabled: isDisabled,
     "aria-disabled": isDisabled,
     "aria-pressed": isSelected,
@@ -4877,6 +6068,8 @@ function isDevelopmentRuntime() {
   const processLike = globalThis.process;
   return processLike?.env?.NODE_ENV !== "production";
 }
+
+// src/runtime/primitives/interaction/index.ts
 var Interaction = {
   Root: InteractionRoot,
   State: InteractionState,
@@ -4895,8 +6088,8 @@ var Interaction = {
   Submit: InteractionSubmit
 };
 
-// src/runtime-internal/primitives/phase.tsx
-import { Fragment as Fragment9, jsx as jsx14 } from "react/jsx-runtime";
+// src/runtime/primitives/phase.tsx
+import { Fragment as Fragment13, jsx as jsx18 } from "react/jsx-runtime";
 function hasRoute(routes, phase) {
   return Object.prototype.hasOwnProperty.call(routes, phase);
 }
@@ -4909,22 +6102,22 @@ function PhaseSwitch({
 }) {
   const phase = usePluginState((state) => state.gameplay.currentPhase);
   if (phase && hasRoute(routes, phase)) {
-    return /* @__PURE__ */ jsx14(Fragment9, { children: routes[phase]() });
+    return /* @__PURE__ */ jsx18(Fragment13, { children: routes[phase]() });
   }
-  return /* @__PURE__ */ jsx14(Fragment9, { children: renderFallback(fallback, phase) });
+  return /* @__PURE__ */ jsx18(Fragment13, { children: renderFallback(fallback, phase) });
 }
 var Phase = {
   Switch: PhaseSwitch
 };
 
-// src/runtime-internal/primitives/player-roster.tsx
+// src/runtime/primitives/player-roster.tsx
 import {
   createContext as createContext10,
-  Fragment as Fragment10,
+  Fragment as Fragment14,
   useContext as useContext10,
-  useMemo as useMemo14
+  useMemo as useMemo15
 } from "react";
-import { Fragment as Fragment11, jsx as jsx15, jsxs as jsxs4 } from "react/jsx-runtime";
+import { Fragment as Fragment15, jsx as jsx19, jsxs as jsxs5 } from "react/jsx-runtime";
 var PlayerRosterContext = createContext10(
   null
 );
@@ -4955,7 +6148,7 @@ function PlayerRosterRoot({
   const activePlayers = useActivePlayers();
   const turnOrder = usePlayerTurnOrder();
   const { controllingPlayerId, controllablePlayerIds } = usePluginSession();
-  const players = useMemo14(() => {
+  const players = useMemo15(() => {
     const orderedPlayerIds = order === "self-first" && controllingPlayerId ? [
       ...turnOrder.filter((pid) => pid === controllingPlayerId),
       ...turnOrder.filter((pid) => pid !== controllingPlayerId)
@@ -4997,11 +6190,11 @@ function PlayerRosterRoot({
     scoreLabel,
     turnOrder
   ]);
-  const value = useMemo14(
+  const value = useMemo15(
     () => ({ players }),
     [players]
   );
-  return /* @__PURE__ */ jsx15(PlayerRosterContext.Provider, { value, children });
+  return /* @__PURE__ */ jsx19(PlayerRosterContext.Provider, { value, children });
 }
 function PlayerRosterList({
   children,
@@ -5011,13 +6204,13 @@ function PlayerRosterList({
   return renderPrimitive("div", {
     ...props,
     "data-dreamboard-player-roster-list": "",
-    children: players.map((player) => /* @__PURE__ */ jsx15(Fragment10, { children: children ? children(player) : /* @__PURE__ */ jsx15(PlayerRosterName, { player }) }, player.playerId))
+    children: players.map((player) => /* @__PURE__ */ jsx19(Fragment14, { children: children ? children(player) : /* @__PURE__ */ jsx19(PlayerRosterName, { player }) }, player.playerId))
   });
 }
 function PlayerRosterEmpty({ children }) {
   const { players } = usePlayerRosterContext();
   if (players.length > 0) return null;
-  return /* @__PURE__ */ jsx15(Fragment11, { children });
+  return /* @__PURE__ */ jsx19(Fragment15, { children });
 }
 function PlayerRosterSwitchButton({
   player,
@@ -5078,7 +6271,7 @@ function PlayerRosterBadges({
   return renderPrimitive("span", {
     ...props,
     "data-dreamboard-player-roster-badges": "",
-    children: children ?? player.badges.map((badge) => /* @__PURE__ */ jsxs4(
+    children: children ?? player.badges.map((badge) => /* @__PURE__ */ jsxs5(
       "span",
       {
         "data-dreamboard-player-roster-badge": "",
@@ -5103,15 +6296,15 @@ var PlayerRoster = {
   Badges: PlayerRosterBadges
 };
 
-// src/runtime-internal/primitives/prompt.tsx
+// src/runtime/primitives/prompt.tsx
 import {
-  Fragment as Fragment12,
+  Fragment as Fragment16,
   createContext as createContext11,
   useContext as useContext11,
-  useMemo as useMemo15
+  useMemo as useMemo16
 } from "react";
 
-// src/runtime-internal/hooks/useSeatInbox.ts
+// src/runtime/hooks/useSeatInbox.ts
 function useSeatInbox() {
   const interactions = usePluginState(
     (s) => s.gameplay.availableInteractions ?? []
@@ -5144,22 +6337,22 @@ function bucketForDescriptor(descriptor) {
   return "panel";
 }
 
-// src/runtime-internal/primitives/prompt.tsx
-import { Fragment as Fragment13, jsx as jsx16 } from "react/jsx-runtime";
+// src/runtime/primitives/prompt.tsx
+import { Fragment as Fragment17, jsx as jsx20 } from "react/jsx-runtime";
 function PromptRoot(props) {
-  return /* @__PURE__ */ jsx16(InteractionRoot, { ...props });
+  return /* @__PURE__ */ jsx20(InteractionRoot, { ...props });
 }
 function PromptTitle(props) {
   const { descriptor } = useInteractionPrimitiveContext();
   const context = descriptor?.kind === "prompt" ? descriptor.context : void 0;
-  return /* @__PURE__ */ jsx16(InteractionLabel, { ...props, children: props.children ?? context?.title ?? (descriptor ? interactionLabel(descriptor) : void 0) });
+  return /* @__PURE__ */ jsx20(InteractionLabel, { ...props, children: props.children ?? context?.title ?? (descriptor ? interactionLabel(descriptor) : void 0) });
 }
 function PromptMessage(props) {
   const { descriptor } = useInteractionPrimitiveContext();
   const context = descriptor?.kind === "prompt" ? descriptor.context : void 0;
   const message = props.children ?? (typeof context?.payload?.message === "string" ? context.payload.message : void 0);
   if (!message) return null;
-  return /* @__PURE__ */ jsx16(InteractionDescription, { ...props, children: message });
+  return /* @__PURE__ */ jsx20(InteractionDescription, { ...props, children: message });
 }
 function PromptOption({
   value,
@@ -5210,7 +6403,7 @@ function PromptOption({
 function PromptOptions({ children }) {
   const { descriptor } = useInteractionPrimitiveContext();
   const options = descriptor?.kind === "prompt" ? descriptor.context.options ?? [] : [];
-  return /* @__PURE__ */ jsx16(Fragment13, { children: options.map((option) => /* @__PURE__ */ jsx16(Fragment12, { children: children(option) }, option.id)) });
+  return /* @__PURE__ */ jsx20(Fragment17, { children: options.map((option) => /* @__PURE__ */ jsx20(Fragment16, { children: children(option) }, option.id)) });
 }
 function PromptDialog({
   prompt,
@@ -5219,14 +6412,14 @@ function PromptDialog({
   children
 }) {
   const lifecycle = useDialogLifecycle({ defaultOpen, onStateChange });
-  const renderState = useMemo15(
+  const renderState = useMemo16(
     () => ({
       prompt,
       ...lifecycle
     }),
     [lifecycle, prompt]
   );
-  return /* @__PURE__ */ jsx16(Fragment13, { children: children(renderState) });
+  return /* @__PURE__ */ jsx20(Fragment17, { children: children(renderState) });
 }
 var PromptInboxContext = createContext11(null);
 function usePromptInboxContext() {
@@ -5240,16 +6433,16 @@ function usePromptInboxContext() {
 }
 function PromptInboxRoot({ children }) {
   const inbox = useSeatInbox();
-  return /* @__PURE__ */ jsx16(PromptInboxContext.Provider, { value: { prompts: inbox.prompts }, children });
+  return /* @__PURE__ */ jsx20(PromptInboxContext.Provider, { value: { prompts: inbox.prompts }, children });
 }
 function PromptInboxEmpty({ children }) {
   const { prompts } = usePromptInboxContext();
   if (prompts.length > 0) return null;
-  return /* @__PURE__ */ jsx16(Fragment13, { children });
+  return /* @__PURE__ */ jsx20(Fragment17, { children });
 }
 function PromptInboxItems({ children }) {
   const { prompts } = usePromptInboxContext();
-  return /* @__PURE__ */ jsx16(Fragment13, { children: prompts.map((prompt) => children(prompt)) });
+  return /* @__PURE__ */ jsx20(Fragment17, { children: prompts.map((prompt) => children(prompt)) });
 }
 var Prompt = {
   Root: PromptRoot,
@@ -5265,9 +6458,9 @@ var PromptInbox = {
   Items: PromptInboxItems
 };
 
-// src/runtime-internal/primitives/dice.tsx
+// src/runtime/primitives/dice.tsx
 import { createContext as createContext12, useContext as useContext12 } from "react";
-import { jsx as jsx17 } from "react/jsx-runtime";
+import { jsx as jsx21 } from "react/jsx-runtime";
 var DiceContext = createContext12(null);
 function normalizeDiceState({
   values,
@@ -5287,7 +6480,7 @@ function normalizeDiceState({
   };
 }
 function DiceRoot({ values, count, children }) {
-  return /* @__PURE__ */ jsx17(DiceContext.Provider, { value: normalizeDiceState({ values, count }), children });
+  return /* @__PURE__ */ jsx21(DiceContext.Provider, { value: normalizeDiceState({ values, count }), children });
 }
 function useDicePrimitiveContext() {
   const value = useContext12(DiceContext);
@@ -5309,6 +6502,7 @@ export {
   UI,
   usePluginSession,
   RuntimeProvider,
+  RuntimeSemanticProjectionMarker,
   usePluginState,
   InteractionUiProvider,
   isInteractionAvailable,
@@ -5318,8 +6512,6 @@ export {
   GameRoot,
   GameChrome,
   Game,
-  composeEventHandlers,
-  renderPrimitive,
   useZonePrimitiveContext,
   useOptionalZonePrimitiveContext,
   useZoneCardContext,
@@ -5357,18 +6549,18 @@ export {
   useInteractionPrimitiveContext,
   useResolvedCardTargetValue,
   InteractionRoot,
-  InteractionDialog,
+  InteractionFormPrimitive,
+  InteractionState,
   InteractionSwitch,
   InteractionRoutes,
+  InteractionDialog,
+  InteractionTrigger,
+  InteractionSubmit,
+  InteractionInput,
   InteractionLabel,
   InteractionDescription,
   InteractionUnavailableMessage,
   InteractionValidationMessage,
-  InteractionTrigger,
-  InteractionState,
-  InteractionFormPrimitive,
-  InteractionSubmit,
-  InteractionInput,
   InteractionCardInput,
   Interaction,
   PhaseSwitch,
@@ -5398,4 +6590,4 @@ export {
   DiceValues,
   Dice
 };
-//# sourceMappingURL=chunk-TDSWKVZ4.js.map
+//# sourceMappingURL=chunk-ADYH6PVT.js.map