@dreamboard-games/sdk 0.4.0-alpha.0 → 0.4.0-alpha.2

package/dist/{chunk-P7F4L2FF.js → chunk-WOWFONLZ.js}

@@ -15,724 +15,70 @@ import {
   createHexBoardView,
   surfaceStyle,
   useChromeSuppression,
+  useOverlayInsets,
   useTheme,
   useThemeCssVars
-} from "./chunk-Q5O7GPVY.js";
+} from "./chunk-45FI6XII.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/primitives/ui.tsx
-import { Fragment, jsx } from "react/jsx-runtime";
-function UIRoot({
-  theme,
-  themeOverride,
-  reducedMotion,
-  className,
-  style,
-  children
-}) {
-  if (theme === void 0 && themeOverride === void 0) {
-    return /* @__PURE__ */ jsx(Fragment, { children });
-  }
-  return /* @__PURE__ */ jsx(
-    ThemeProvider,
-    {
-      theme,
-      override: themeOverride,
-      reducedMotion,
-      className,
-      style,
-      children
-    }
-  );
-}
-var UI = {
-  Root: UIRoot
-};
-
-// src/runtime/primitives/hand-intent-adapter.ts
-import { useCallback } from "react";
-
-// src/runtime/context/InteractionDraftContext.tsx
-import { createContext, useContext, useMemo } from "react";
-import { useStore } from "zustand";
-import { createStore } from "zustand/vanilla";
-import { useShallow } from "zustand/shallow";
-import { jsx as jsx2 } from "react/jsx-runtime";
-var EMPTY_DRAFT = Object.freeze({});
-function createInteractionUiStore() {
-  const store = createStore()(() => ({
-    drafts: {},
-    arms: {},
-    submitting: {},
-    pendingInteractionKey: null,
-    pendingInteractionRevision: 0
-  }));
-  const api = {
-    getDraft(interactionId) {
-      return store.getState().drafts[interactionId] ?? EMPTY_DRAFT;
-    },
-    setInput(interactionId, key, value) {
-      store.setState((prev) => {
-        const current = prev.drafts[interactionId];
-        if (current && current[key] === value) return prev;
-        return {
-          ...prev,
-          drafts: {
-            ...prev.drafts,
-            [interactionId]: { ...current ?? {}, [key]: value }
-          }
-        };
-      });
-    },
-    clearInput(interactionId, key) {
-      store.setState((prev) => {
-        const current = prev.drafts[interactionId];
-        if (!current) return prev;
-        if (key === void 0) {
-          const { [interactionId]: _omit, ...rest } = prev.drafts;
-          return { ...prev, drafts: rest };
-        }
-        if (!(key in current)) return prev;
-        const { [key]: _omitKey, ...remainingKeys } = current;
-        if (Object.keys(remainingKeys).length === 0) {
-          const { [interactionId]: _omit, ...rest } = prev.drafts;
-          return { ...prev, drafts: rest };
-        }
-        return {
-          ...prev,
-          drafts: { ...prev.drafts, [interactionId]: remainingKeys }
-        };
-      });
-    },
-    clearAll() {
-      store.setState((prev) => {
-        if (Object.keys(prev.drafts).length === 0 && Object.keys(prev.arms).length === 0 && Object.keys(prev.submitting).length === 0 && prev.pendingInteractionKey === null) {
-          return prev;
-        }
-        return {
-          drafts: {},
-          arms: {},
-          submitting: {},
-          pendingInteractionKey: null,
-          pendingInteractionRevision: prev.pendingInteractionRevision + 1
-        };
-      });
-    },
-    getArmed(surface) {
-      return store.getState().arms[surface] ?? null;
-    },
-    arm(surface, interactionId) {
-      store.setState((prev) => {
-        const current = prev.arms[surface] ?? null;
-        if (current === interactionId) return prev;
-        if (interactionId === null) {
-          const { [surface]: _omit, ...rest } = prev.arms;
-          return { ...prev, arms: rest };
-        }
-        return { ...prev, arms: { ...prev.arms, [surface]: interactionId } };
-      });
-    },
-    getPendingInteraction() {
-      return store.getState().pendingInteractionKey;
-    },
-    setPendingInteraction(interactionId) {
-      store.setState((prev) => {
-        if (prev.pendingInteractionKey === interactionId) {
-          return interactionId === null ? prev : {
-            ...prev,
-            pendingInteractionRevision: prev.pendingInteractionRevision + 1
-          };
-        }
-        return {
-          ...prev,
-          pendingInteractionKey: interactionId,
-          pendingInteractionRevision: prev.pendingInteractionRevision + 1
-        };
-      });
-    },
-    getPendingInteractionRevision() {
-      return store.getState().pendingInteractionRevision;
-    },
-    isSubmitting(interactionId) {
-      return store.getState().submitting[interactionId] === true;
-    },
-    claimSubmitting(interactionId) {
-      let claimed = false;
-      store.setState((prev) => {
-        if (prev.submitting[interactionId] === true) return prev;
-        claimed = true;
-        return {
-          ...prev,
-          submitting: { ...prev.submitting, [interactionId]: true }
-        };
-      });
-      return claimed;
-    },
-    setSubmitting(interactionId, submitting) {
-      store.setState((prev) => {
-        const current = prev.submitting[interactionId] === true;
-        if (current === submitting) return prev;
-        if (!submitting) {
-          const { [interactionId]: _omit, ...rest } = prev.submitting;
-          return { ...prev, submitting: rest };
-        }
-        return {
-          ...prev,
-          submitting: { ...prev.submitting, [interactionId]: true }
-        };
-      });
-    }
-  };
-  return Object.assign(store, api);
-}
-var InteractionUiCtx = createContext(null);
-function InteractionUiProvider({
-  children,
-  store
-}) {
-  const ownedStore = useMemo(() => createInteractionUiStore(), []);
-  return /* @__PURE__ */ jsx2(InteractionUiCtx.Provider, { value: store ?? ownedStore, children });
-}
-function useInteractionUiStore() {
-  const ctx = useContext(InteractionUiCtx);
-  const fallback = useMemo(() => createInteractionUiStore(), []);
-  return ctx ?? fallback;
-}
-function useInteractionDraft(interactionId) {
-  const store = useInteractionUiStore();
-  useStore(
-    store,
-    useShallow(
-      (state) => state.drafts[interactionId] ?? EMPTY_DRAFT
-    )
-  );
-  return store.getDraft(interactionId);
-}
-function useArmedInteraction(surface) {
-  const store = useInteractionUiStore();
-  return useStore(store, (state) => state.arms[surface] ?? null);
-}
-function usePendingInteractionKey() {
-  const store = useInteractionUiStore();
-  const subscribed = useStore(
-    store,
-    (state) => state.pendingInteractionKey ?? null
-  );
-  return store.getPendingInteraction() ?? subscribed;
-}
-function usePendingInteractionRevision() {
-  const store = useInteractionUiStore();
-  const subscribed = useStore(
-    store,
-    (state) => state.pendingInteractionRevision
-  );
-  return Math.max(store.getPendingInteractionRevision(), subscribed);
-}
-function useInteractionSubmitting(interactionId) {
-  const store = useInteractionUiStore();
-  return useStore(
-    store,
-    (state) => state.submitting[interactionId] === true
-  );
-}
-
-// src/runtime/context/PluginSessionContext.tsx
-import { createContext as createContext2, useContext as useContext2 } from "react";
-var PluginSessionContext = createContext2(
-  null
-);
-function usePluginSession() {
-  const context = useContext2(PluginSessionContext);
-  if (context === null) {
-    throw new Error(
-      "usePluginSession must be used within a PluginSessionContext.Provider (provided by RuntimeContext)"
-    );
-  }
-  return context;
-}
-
-// src/runtime/context/PluginStateContext.tsx
-import {
-  createContext as createContext4,
-  useContext as useContext4,
-  useState as useState2,
-  useEffect as useEffect2,
-  useMemo as useMemo2,
-  useSyncExternalStore
-} from "react";
-
-// 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);
-function useRuntimeContext() {
-  const context = useContext3(RuntimeContext);
-  if (!context) {
-    throw new Error(
-      "useRuntimeContext must be used within a RuntimeContext.Provider"
-    );
-  }
-  return context;
-}
-function RuntimeProvider({
-  runtime,
-  children
-}) {
-  const [sessionState, setSessionState] = useState(
-    () => runtime.getSessionState()
-  );
-  useEffect(() => {
-    const runtimeWithInternal = runtime;
-    if (runtimeWithInternal._subscribeToSessionState) {
-      return runtimeWithInternal._subscribeToSessionState((state) => {
-        setSessionState(state);
-      });
-    }
-    return () => {
-    };
-  }, [runtime]);
-  return /* @__PURE__ */ jsx3(RuntimeContext.Provider, { value: runtime, children: /* @__PURE__ */ jsx3(PluginSessionContext.Provider, { value: sessionState, children }) });
-}
-
-// 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));
-}
+  defaultRuntimeSnapshotEquality,
+  useArmedInteraction,
+  useAuthoredPluginGameplayFrameSelector,
+  useInteractionDraft,
+  useInteractionSubmitting,
+  useInteractionUiStore,
+  usePendingInteractionKey,
+  usePendingInteractionRevision,
+  usePluginGameplayFrameSelector,
+  usePluginSession,
+  usePluginSessionDescriptor,
+  useRuntimeContext
+} from "./chunk-O6M6PN4E.js";
+import {
+  createGameplayActuatorAttributes,
+  createGameplayInteractionRootAttributes,
+  createGameplayPointerTargetAttributes,
+  gameplayAdjustResourceEffect,
+  gameplayCommitEffect,
+  gameplayInvokeEffect,
+  gameplaySetCandidateEffect,
+  gameplaySetScalarEffect
+} from "./chunk-WUIVY2KE.js";
 
-// 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
+// src/runtime/primitives/ui.tsx
+import { Fragment, jsx } from "react/jsx-runtime";
+function UIRoot({
+  theme,
+  themeOverride,
+  reducedMotion,
+  className,
+  style,
+  children
 }) {
-  const digest = semanticProjectionDigestForState(state);
-  if (!digest) {
-    return null;
+  if (theme === void 0 && themeOverride === void 0) {
+    return /* @__PURE__ */ jsx(Fragment, { children });
   }
-  return /* @__PURE__ */ jsx4(
-    "span",
+  return /* @__PURE__ */ jsx(
+    ThemeProvider,
     {
-      "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
-      }
+      theme,
+      override: themeOverride,
+      reducedMotion,
+      className,
+      style,
+      children
     }
   );
 }
-function usePluginState(selector) {
-  const runtime = useRuntimeContext();
-  const subscribe = (onStoreChange) => {
-    if (!runtime.subscribeToState) {
-      return () => {
-      };
-    }
-    return runtime.subscribeToState(() => {
-      onStoreChange();
-    });
-  };
-  const getSnapshot = () => {
-    const state2 = runtime.getSnapshot?.();
-    if (!state2) {
-      throw new Error(
-        "usePluginState: No state available. Make sure you have wrapped your app with <PluginStateProvider>."
-      );
-    }
-    return state2;
-  };
-  const state = useSyncExternalStore(subscribe, getSnapshot, getSnapshot);
-  return useMemo2(() => selector(state), [selector, state]);
-}
-function usePluginActions() {
-  const runtime = useRuntimeContext();
-  return {
-    /**
-     * Mark a notification as read.
-     * Sends message to host which updates the notification in GameSessionStore.
-     */
-    markNotificationRead: (notificationId) => {
-      window.parent.postMessage(
-        { type: "mark-notification-read", notificationId },
-        "*"
-      );
-    },
-    /**
-     * Switch to a different player (for users controlling multiple seats).
-     */
-    switchPlayer: (playerId) => {
-      runtime.switchPlayer?.(playerId);
-    },
-    /**
-     * Submit a player interaction (action or prompt response).
-     */
-    submitInteraction: runtime.submitInteraction
-  };
-}
+var UI = {
+  Root: UIRoot
+};
+
+// src/runtime/primitives/hand-intent-adapter.ts
+import { useCallback } from "react";
 
 // src/runtime/utils/interaction-inputs.ts
 function interactionInputKeys(descriptor) {
@@ -1427,9 +773,9 @@ function projectDraftCardState(availableInteractions, drafts, validate) {
   }
   return entries;
 }
-function selectedCardIdsForZone(store, zone, state) {
+function selectedCardIdsForZone(store, zone, availableInteractions) {
   const result = /* @__PURE__ */ new Set();
-  for (const descriptor of state.gameplay.availableInteractions) {
+  for (const descriptor of availableInteractions) {
     const cardInput = descriptor.inputs.find((input) => {
       if (!isTargetDomain(input.domain)) return false;
       if (input.domain.type !== "cardTarget") return false;
@@ -1470,11 +816,11 @@ function useCardIntentAdapter({
   const store = useInteractionUiStore();
   const { controllingPlayerId } = usePluginSession();
   const runtime = useRuntimeContext();
-  const zoneSnapshot = usePluginState(
-    (state) => state.gameplay.zones[zone] ?? null
+  const zoneSnapshot = useAuthoredPluginGameplayFrameSelector(
+    (frame) => frame.zones[zone] ?? null
   );
-  const availableInteractions = usePluginState(
-    (state) => state.gameplay.availableInteractions
+  const availableInteractions = useAuthoredPluginGameplayFrameSelector(
+    (frame) => frame.availableInteractions
   );
   return useCallback(
     async (intent) => {
@@ -1502,7 +848,6 @@ function useCardIntentAdapter({
           zoneSnapshot,
           submit: async (descriptor, params) => {
             await runtime.submitInteraction(
-              controllingPlayerId,
               descriptor.interactionId,
               params
             );
@@ -1529,82 +874,38 @@ function useCardIntentAdapter({
 }
 
 // src/runtime/primitives/game.tsx
-import { createContext as createContext5, useContext as useContext5, useMemo as useMemo5 } from "react";
-import { useStore as useStore2 } from "zustand";
+import {
+  createContext,
+  useContext,
+  useMemo as useMemo3
+} from "react";
+import { useStore } from "zustand";
 
 // src/runtime/hooks/useActivePlayers.ts
 function useActivePlayers() {
-  return usePluginState((state) => {
-    const simultaneous = state.gameplay.simultaneousPhase;
+  return usePluginGameplayFrameSelector((frame) => {
+    const simultaneous = frame.flow.simultaneousPhase;
     if (simultaneous && simultaneous.pendingPlayerIds.length > 0) {
       return simultaneous.pendingPlayerIds;
     }
-    return state.gameplay.activePlayers;
+    return frame.flow.activePlayers;
   });
 }
 
 // src/runtime/hooks/useGameSelector.ts
-import { useRef, useSyncExternalStore as useSyncExternalStore2 } from "react";
-function defaultEquality(left, right) {
-  return Object.is(left, right);
-}
-function requireProjectedView(snapshot, message) {
-  const view = snapshot?.view;
+function requireProjectedView(frame, message) {
+  const view = frame?.view;
   if (view === null || typeof view === "undefined") {
     throw new Error(message);
   }
   return view;
 }
-function useGameSelector(selector, equalityFn = defaultEquality) {
-  const runtime = useRuntimeContext();
-  const selectorRef = useRef(selector);
-  const equalityRef = useRef(equalityFn);
-  const cacheRef = useRef(null);
-  if (selectorRef.current !== selector || equalityRef.current !== equalityFn) {
-    selectorRef.current = selector;
-    equalityRef.current = equalityFn;
-    cacheRef.current = null;
-  }
+function useGameSelector(selector, equalityFn = defaultRuntimeSnapshotEquality) {
   const message = "useGameSelector: Projected view not available. Ensure the reducer-native host payload is initialized.";
-  const getSelectedFromSnapshot = (snapshot) => {
-    const view = requireProjectedView(snapshot, message);
-    const cached = cacheRef.current;
-    if (cached && cached.rawView === view) {
-      return cached.selected;
-    }
-    const nextSelected = selectorRef.current(view);
-    if (cached && equalityRef.current(cached.selected, nextSelected)) {
-      cacheRef.current = {
-        rawView: view,
-        selected: cached.selected
-      };
-      return cached.selected;
-    }
-    cacheRef.current = {
-      rawView: view,
-      selected: nextSelected
-    };
-    return nextSelected;
-  };
-  const subscribe = (onStoreChange) => {
-    if (!runtime.subscribeToState) {
-      return () => {
-      };
-    }
-    return runtime.subscribeToState((snapshot) => {
-      const previousCache = cacheRef.current;
-      const nextSelected = getSelectedFromSnapshot(
-        snapshot
-      );
-      if (!previousCache || !equalityRef.current(previousCache.selected, nextSelected)) {
-        onStoreChange();
-      }
-    });
-  };
-  const getSnapshot = () => getSelectedFromSnapshot(
-    runtime.getSnapshot?.() ?? null
+  return usePluginGameplayFrameSelector(
+    (frame) => selector(requireProjectedView(frame, message)),
+    equalityFn
   );
-  return useSyncExternalStore2(subscribe, getSnapshot, getSnapshot);
 }
 
 // src/runtime/hooks/useGameView.ts
@@ -1613,76 +914,34 @@ function useGameView() {
 }
 
 // src/runtime/hooks/usePlayerInfo.ts
-import { useMemo as useMemo3 } from "react";
-
-// src/runtime/hooks/useLobby.ts
-import { useState as useState3, useEffect as useEffect3 } from "react";
-function useLobbyState() {
-  const runtime = useRuntimeContext();
-  const getStateFromSnapshot = () => {
-    if (!runtime.getSnapshot) return null;
-    const snapshot = runtime.getSnapshot();
-    if (!snapshot?.lobby) return null;
-    return snapshot.lobby;
-  };
-  const [lobbyState, setLobbyState] = useState3(
-    getStateFromSnapshot
-  );
-  useEffect3(() => {
-    if (!runtime.subscribeToState) {
-      return;
-    }
-    const initialState = runtime.getSnapshot?.();
-    if (initialState?.lobby) {
-      setLobbyState(initialState.lobby);
-    }
-    return runtime.subscribeToState((snapshot) => {
-      if (snapshot.lobby) {
-        setLobbyState(snapshot.lobby);
-      }
-    });
-  }, [runtime]);
-  return lobbyState;
-}
-function useLobby() {
-  const lobbyState = useLobbyState();
-  if (lobbyState === null) {
-    throw new Error(
-      "useLobby: Lobby state not available. The host should only render the plugin when lobby state is ready."
-    );
-  }
-  return lobbyState;
-}
-
-// src/runtime/hooks/usePlayerInfo.ts
+import { useMemo } from "react";
 function usePlayerInfo() {
-  const lobby = useLobbyState();
-  return useMemo3(() => {
-    if (!lobby) {
-      return /* @__PURE__ */ new Map();
-    }
+  const sessionDescriptor = usePluginSessionDescriptor();
+  return useMemo(() => {
     const playerMap = /* @__PURE__ */ new Map();
-    for (const seat of lobby.seats) {
-      const playerId = seat.playerId;
+    for (const player of sessionDescriptor.players) {
+      const playerId = player.playerId;
       playerMap.set(playerId, {
         playerId,
-        name: seat.displayName,
-        isHost: seat.isHost,
-        color: seat.playerColor
+        name: player.displayName,
+        isHost: false,
+        color: player.color
       });
     }
     return playerMap;
-  }, [lobby]);
+  }, [sessionDescriptor]);
 }
 
 // src/runtime/hooks/usePlayerTurnOrder.ts
-import { useMemo as useMemo4 } from "react";
+import { useMemo as useMemo2 } from "react";
 function usePlayerTurnOrder() {
-  const lobby = useLobby();
-  return useMemo4(() => {
-    if (!lobby) return [];
-    return lobby.seats.map((seat) => seat.playerId);
-  }, [lobby]);
+  const sessionDescriptor = usePluginSessionDescriptor();
+  return useMemo2(
+    () => sessionDescriptor.players.map(
+      (player) => player.playerId
+    ),
+    [sessionDescriptor]
+  );
 }
 
 // src/runtime/utils/interaction-labels.ts
@@ -1699,12 +958,12 @@ function interactionLabel(descriptor) {
 }
 
 // src/runtime/primitives/game.tsx
-import { Fragment as Fragment3, jsx as jsx5 } from "react/jsx-runtime";
-var GameActionErrorContext = createContext5(
+import { Fragment as Fragment2, jsx as jsx2 } from "react/jsx-runtime";
+var GameActionErrorContext = createContext(
   null
 );
 function useGameActionError() {
-  return useContext5(GameActionErrorContext);
+  return useContext(GameActionErrorContext);
 }
 function fallbackPlayer(playerId) {
   return {
@@ -1722,11 +981,13 @@ function useGameRenderState() {
   const turnOrder = usePlayerTurnOrder().map(
     (playerId) => playerId
   );
-  const phase = usePluginState(
-    (state) => state.gameplay.currentPhase
+  const phase = useAuthoredPluginGameplayFrameSelector(
+    (frame) => frame.flow.currentPhase
+  );
+  const stage = useAuthoredPluginGameplayFrameSelector(
+    (frame) => frame.flow.currentStage
   );
-  const stage = usePluginState((state) => state.gameplay.currentStage);
-  const playersById = useMemo5(() => {
+  const playersById = useMemo3(() => {
     const next = /* @__PURE__ */ new Map();
     playerInfo.forEach((player, key) => {
       const playerId = key;
@@ -1738,30 +999,20 @@ function useGameRenderState() {
     return next;
   }, [playerInfo]);
   const controllingPlayerId = session.controllingPlayerId == null ? null : session.controllingPlayerId;
-  const controllablePlayerIds = session.controllablePlayerIds.map(
-    (playerId) => playerId
-  );
   const currentPlayerId = activePlayers[0] ?? turnOrder[0] ?? null;
   const currentPlayer = currentPlayerId ? playersById.get(currentPlayerId) ?? fallbackPlayer(currentPlayerId) : null;
   const mePlayer = controllingPlayerId ? playersById.get(controllingPlayerId) ?? fallbackPlayer(controllingPlayerId) : null;
-  const entries = useMemo5(
+  const entries = useMemo3(
     () => turnOrder.map((playerId, index) => {
       const player = playersById.get(playerId) ?? fallbackPlayer(playerId);
       return {
         ...player,
         index,
         isActive: activePlayers.includes(playerId),
-        isCurrentPlayer: playerId === controllingPlayerId,
-        isControllable: controllablePlayerIds.includes(playerId)
+        isCurrentPlayer: playerId === controllingPlayerId
       };
     }),
-    [
-      activePlayers,
-      controllablePlayerIds,
-      controllingPlayerId,
-      playersById,
-      turnOrder
-    ]
+    [activePlayers, controllingPlayerId, playersById, turnOrder]
   );
   return {
     view,
@@ -1771,7 +1022,6 @@ function useGameRenderState() {
     me: {
       playerId: controllingPlayerId,
       player: mePlayer,
-      controllablePlayerIds,
       canAct: controllingPlayerId != null && activePlayers.includes(controllingPlayerId)
     },
     turn: {
@@ -1796,9 +1046,9 @@ function GameRoot({
   onActionError
 }) {
   const state = useGameRenderState();
-  const rendered = /* @__PURE__ */ jsx5(Fragment3, { children: children(state) });
+  const rendered = /* @__PURE__ */ jsx2(Fragment2, { children: children(state) });
   if (!onActionError) return rendered;
-  return /* @__PURE__ */ jsx5(GameActionErrorContext.Provider, { value: onActionError, children: rendered });
+  return /* @__PURE__ */ jsx2(GameActionErrorContext.Provider, { value: onActionError, children: rendered });
 }
 function GameChrome({
   children
@@ -1806,16 +1056,15 @@ function GameChrome({
   const renderState = useGameRenderState();
   const store = useInteractionUiStore();
   const pendingInteractionKey = usePendingInteractionKey();
-  const draftSnapshot = useStore2(store, (state) => state.drafts);
-  const armSnapshot = useStore2(store, (state) => state.arms);
-  const descriptor = usePluginState(
-    (state) => pendingInteractionKey ? state.gameplay.availableInteractions.find(
+  const draftSnapshot = useStore(store, (state) => state.drafts);
+  const descriptor = useAuthoredPluginGameplayFrameSelector(
+    (frame) => pendingInteractionKey ? frame.availableInteractions.find(
       (candidate) => candidate.interactionKey === pendingInteractionKey
     ) : void 0
   );
-  const activeAction = useMemo5(() => {
+  const activeAction = useMemo3(() => {
     if (!descriptor) return null;
-    const draft = store.getDraft(descriptor.interactionKey);
+    const draft = draftSnapshot[descriptor.interactionKey] ?? store.getDraft(descriptor.interactionKey);
     const readiness = getInteractionDraftReadiness(descriptor, draft);
     const pendingInputKey = readiness.readyFrontier[0] ?? readiness.missingInputs[0] ?? null;
     const pendingInput = pendingInputKey ? descriptor.inputs.find((input) => input.key === pendingInputKey) : void 0;
@@ -1830,20 +1079,31 @@ function GameChrome({
       readyFrontier: readiness.readyFrontier,
       pendingInput: pendingInput ? pendingInputState(pendingInput) : null
     };
-  }, [descriptor, draftSnapshot, armSnapshot, store]);
-  const cancel = useMemo5(
+  }, [descriptor, draftSnapshot, store]);
+  const cancel = useMemo3(
     () => descriptor ? () => {
       clearInteractionRoute(store, descriptor);
     } : null,
     [descriptor, store]
   );
-  return /* @__PURE__ */ jsx5(Fragment3, { children: children({
+  return /* @__PURE__ */ jsx2(Fragment2, { children: children({
     ...renderState,
     activePlayers: renderState.turn.activePlayerIds,
     activeAction,
     cancel
   }) });
 }
+function GameViewport({ children, style, ...props }) {
+  const { bottom } = useOverlayInsets();
+  const viewportStyle = {
+    "--dreamboard-bottom-overlay-inset": `${bottom}px`,
+    "--dreamboard-safe-area-bottom": "env(safe-area-inset-bottom, 0px)",
+    minHeight: "100dvh",
+    paddingBottom: "calc(var(--dreamboard-bottom-overlay-inset) + var(--dreamboard-safe-area-bottom))",
+    ...style
+  };
+  return /* @__PURE__ */ jsx2("div", { "data-dreamboard-game-viewport": "", ...props, style: viewportStyle, children });
+}
 function pendingInputState(input) {
   return {
     key: input.key,
@@ -1873,14 +1133,15 @@ function humanizeInputKey(key) {
 }
 var Game = {
   Root: GameRoot,
-  Chrome: GameChrome
+  Chrome: GameChrome,
+  Viewport: GameViewport
 };
 
 // src/runtime/primitives/zone.tsx
 import {
-  createContext as createContext6,
-  useContext as useContext6,
-  useMemo as useMemo6
+  createContext as createContext2,
+  useContext as useContext2,
+  useMemo as useMemo4
 } from "react";
 
 // src/runtime/primitives/interaction-submit.ts
@@ -1934,25 +1195,25 @@ function submitInteractionParams(handle, params, callbacks = {}, options = {}) {
 }
 
 // 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);
+import { Fragment as Fragment3, jsx as jsx3 } from "react/jsx-runtime";
+var ZoneContext = createContext2(null);
+var ZoneCardContext = createContext2(null);
+var ZonePileContext = createContext2(null);
 function useZonePrimitiveContext() {
-  const value = useContext6(ZoneContext);
+  const value = useContext2(ZoneContext);
   if (!value) {
     throw new Error("Zone primitives must be rendered inside <Zone.Root>.");
   }
   return value;
 }
 function useOptionalZonePrimitiveContext() {
-  return useContext6(ZoneContext);
+  return useContext2(ZoneContext);
 }
 function useZoneCardContext() {
-  return useContext6(ZoneCardContext);
+  return useContext2(ZoneCardContext);
 }
 function useZonePileContext() {
-  const value = useContext6(ZonePileContext);
+  const value = useContext2(ZonePileContext);
   if (!value) {
     throw new Error(
       "Zone pile primitives must be rendered inside <Zone.PileRoot>."
@@ -1965,12 +1226,12 @@ function ZoneRoot({
   children,
   ...props
 }) {
-  const snapshot = usePluginState((state) => state.gameplay.zones[zone]) ?? null;
-  const value = useMemo6(
+  const snapshot = useAuthoredPluginGameplayFrameSelector((frame) => frame.zones[zone]) ?? null;
+  const value = useMemo4(
     () => ({ zone, snapshot }),
     [snapshot, zone]
   );
-  return /* @__PURE__ */ jsx6(ZoneContext.Provider, { value, children: renderPrimitive("div", {
+  return /* @__PURE__ */ jsx3(ZoneContext.Provider, { value, children: renderPrimitive("div", {
     ...props,
     "data-dreamboard-zone-root": "",
     "data-zone": zone,
@@ -1980,7 +1241,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__ */ jsx6(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__ */ jsx3(ZoneItem, { card: item, children: children(item) }, item.id)) : isEmpty && empty !== void 0 ? empty : children;
   return renderPrimitive("div", {
     ...props,
     role: props.role ?? "list",
@@ -1994,7 +1255,7 @@ function useZoneCards({
   sort
 } = {}) {
   const { zone, snapshot } = useZonePrimitiveContext();
-  return useMemo6(() => {
+  return useMemo4(() => {
     const cards = (snapshot?.cardIds ?? []).map(
       (cardId, index) => createZoneCardRenderItem(zone, snapshot, cardId, index)
     );
@@ -2016,11 +1277,11 @@ function ZoneItem({ card, children, ...props }) {
     card,
     indexOfCard(snapshot, card)
   ) : card;
-  const cardContext = useMemo6(
+  const cardContext = useMemo4(
     () => ({ zone, cardId: item.id }),
     [item.id, zone]
   );
-  return /* @__PURE__ */ jsx6(ZoneCardContext.Provider, { value: cardContext, children: renderPrimitive("div", {
+  return /* @__PURE__ */ jsx3(ZoneCardContext.Provider, { value: cardContext, children: renderPrimitive("div", {
     ...props,
     role: props.role ?? "listitem",
     "data-dreamboard-zone-item": "",
@@ -2041,23 +1302,23 @@ function ZoneCardAtContent({
 }) {
   const { zone, snapshot } = useZonePrimitiveContext();
   const cardIndex = resolveZoneCardIndex(snapshot, index);
-  if (cardIndex === null) return /* @__PURE__ */ jsx6(Fragment4, { children: empty });
+  if (cardIndex === null) return /* @__PURE__ */ jsx3(Fragment3, { children: empty });
   const cardId = snapshot?.cardIds[cardIndex];
-  if (!cardId) return /* @__PURE__ */ jsx6(Fragment4, { children: empty });
+  if (!cardId) return /* @__PURE__ */ jsx3(Fragment3, { children: empty });
   const card = createZoneCardRenderItem(zone, snapshot, cardId, cardIndex);
-  return /* @__PURE__ */ jsx6(ZoneItem, { card, ...props, children: typeof children === "function" ? children(card) : children });
+  return /* @__PURE__ */ jsx3(ZoneItem, { card, ...props, children: typeof children === "function" ? children(card) : children });
 }
 function ZoneCardAt({
   zone,
   ...props
 }) {
   if (zone) {
-    return /* @__PURE__ */ jsx6(ZoneRoot, { zone, children: /* @__PURE__ */ jsx6(ZoneCardAtContent, { ...props }) });
+    return /* @__PURE__ */ jsx3(ZoneRoot, { zone, children: /* @__PURE__ */ jsx3(ZoneCardAtContent, { ...props }) });
   }
-  return /* @__PURE__ */ jsx6(ZoneCardAtContent, { ...props });
+  return /* @__PURE__ */ jsx3(ZoneCardAtContent, { ...props });
 }
 function ZoneTopCard(props) {
-  return /* @__PURE__ */ jsx6(ZoneCardAt, { ...props, index: 0 });
+  return /* @__PURE__ */ jsx3(ZoneCardAt, { ...props, index: 0 });
 }
 function ZoneCardAction({
   card,
@@ -2129,7 +1390,6 @@ function ZoneCardAction({
           }
           try {
             await runtime.submitInteraction(
-              controllingPlayerId,
               descriptor.interactionId,
               params
             );
@@ -2160,7 +1420,7 @@ function ZonePileRoot({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsx6(ZoneRoot, { zone, ...props, children: /* @__PURE__ */ jsx6(
+  return /* @__PURE__ */ jsx3(ZoneRoot, { zone, ...props, children: /* @__PURE__ */ jsx3(
     ZonePileProvider,
     {
       emptyDescription,
@@ -2179,15 +1439,18 @@ function ZonePileProvider({
   children
 }) {
   const { zone, snapshot } = useZonePrimitiveContext();
-  const cards = snapshot?.cardIds ?? [];
-  const items = cards.map(
-    (cardId, index) => createZoneCardRenderItem(zone, snapshot, cardId, index)
+  const cards = useMemo4(() => snapshot?.cardIds ?? [], [snapshot]);
+  const items = useMemo4(
+    () => cards.map(
+      (cardId, index) => createZoneCardRenderItem(zone, snapshot, cardId, index)
+    ),
+    [cards, snapshot, zone]
   );
   const count = cards.length;
   const isHidden = snapshot === null;
   const hasVisibleCards = items.length > 0;
   const description = isHidden ? hiddenDescription : hasVisibleCards ? visibleDescription?.(count) ?? null : emptyDescription;
-  const value = useMemo6(
+  const value = useMemo4(
     () => ({
       zone,
       label,
@@ -2200,7 +1463,7 @@ function ZonePileProvider({
     }),
     [cards, count, description, hasVisibleCards, isHidden, items, label, zone]
   );
-  return /* @__PURE__ */ jsx6(ZonePileContext.Provider, { value, children });
+  return /* @__PURE__ */ jsx3(ZonePileContext.Provider, { value, children });
 }
 function ZonePileTrigger({ children, ...props }) {
   const pile = useZonePileContext();
@@ -2251,7 +1514,7 @@ function ZonePileDescription({
 function ZonePileCards({ renderCard, ...props }) {
   const pile = useZonePileContext();
   if (!pile.hasVisibleCards) return null;
-  return /* @__PURE__ */ jsx6(ZoneList, { ...props, children: pile.items.map((card) => /* @__PURE__ */ jsx6(ZoneItem, { card, children: renderCard(card) }, card.id)) });
+  return /* @__PURE__ */ jsx3(ZoneList, { ...props, children: pile.items.map((card) => /* @__PURE__ */ jsx3(ZoneItem, { card, children: renderCard(card) }, card.id)) });
 }
 function indexOfCard(snapshot, cardId) {
   return snapshot?.cardIds.indexOf(cardId) ?? -1;
@@ -2278,7 +1541,7 @@ function createZoneCardRenderItem(zone, snapshot, cardId, index) {
   };
 }
 function useZoneCardActionRoute(cardId, snapshot, interaction, input) {
-  return useMemo6(() => {
+  return useMemo4(() => {
     if (!cardId || !snapshot) {
       return { descriptor: null, inputKey: null, ambiguous: false };
     }
@@ -2368,15 +1631,15 @@ var Zone = {
 
 // src/runtime/primitives/hand-surface.tsx
 import {
-  Fragment as Fragment5,
+  Fragment as Fragment4,
   useCallback as useCallback2,
-  useEffect as useEffect4,
-  useMemo as useMemo7,
-  useRef as useRef2
+  useEffect,
+  useMemo as useMemo5,
+  useRef
 } from "react";
-import { useStore as useStore3 } from "zustand";
-import { useShallow as useShallow2 } from "zustand/shallow";
-import { jsx as jsx7, jsxs as jsxs2 } from "react/jsx-runtime";
+import { useStore as useStore2 } from "zustand";
+import { useShallow } from "zustand/shallow";
+import { jsx as jsx4, jsxs } from "react/jsx-runtime";
 function HandSurfaceView({
   zone,
   cards,
@@ -2396,26 +1659,30 @@ function HandSurfaceView({
 }) {
   const route = useCardIntentAdapter({ zone, onResult: onIntentRouted });
   const interactionStore = useInteractionUiStore();
-  const drafts = useStore3(
+  const drafts = useStore2(
     interactionStore,
-    useShallow2((state) => state.drafts)
+    useShallow((state) => state.drafts)
   );
-  const availableInteractions = usePluginState(
-    (state) => state.gameplay.availableInteractions
+  const availableInteractions = useAuthoredPluginGameplayFrameSelector(
+    (frame) => frame.availableInteractions
   );
-  const selectedIds = usePluginState(
+  const selectedIds = useAuthoredPluginGameplayFrameSelector(
     useCallback2(
-      (state) => selectedCardIdsForZone(interactionStore, zone, state),
+      (frame) => selectedCardIdsForZone(
+        interactionStore,
+        zone,
+        frame.availableInteractions
+      ),
       // drafts is part of the store snapshot — useStore handles re-render.
       // eslint-disable-next-line react-hooks/exhaustive-deps
       [interactionStore, zone, drafts]
     )
   );
-  const visibleCards = useMemo7(
+  const visibleCards = useMemo5(
     () => cards.filter((card) => !selectedIds.includes(card.id)),
     [cards, selectedIds]
   );
-  const viewCards = useMemo7(
+  const viewCards = useMemo5(
     () => visibleCards.map(
       (card) => card.hidden ? {
         id: card.id,
@@ -2426,18 +1693,20 @@ function HandSurfaceView({
     ),
     [visibleCards]
   );
-  const cardByViewId = useMemo7(() => {
+  const cardByViewId = useMemo5(() => {
     const index = /* @__PURE__ */ new Map();
     for (const card of visibleCards) {
       index.set(card.id, card);
     }
     return index;
   }, [visibleCards]);
-  const cardDescriptorIndex = usePluginState((state) => {
-    const snapshot = state.gameplay.zones[zone];
-    return snapshot?.playableByCardId ?? {};
-  });
-  const draftCardProjection = useMemo7(
+  const cardDescriptorIndex = useAuthoredPluginGameplayFrameSelector(
+    (frame) => {
+      const snapshot = frame.zones[zone];
+      return snapshot?.playableByCardId ?? {};
+    }
+  );
+  const draftCardProjection = useMemo5(
     () => projectDraftCardState(
       availableInteractions,
       drafts,
@@ -2445,7 +1714,7 @@ function HandSurfaceView({
     ),
     [availableInteractions, drafts]
   );
-  const eligibleCardIds = useMemo7(() => {
+  const eligibleCardIds = useMemo5(() => {
     const set = /* @__PURE__ */ new Set();
     for (const card of visibleCards) {
       const cardId = card.id;
@@ -2483,7 +1752,7 @@ function HandSurfaceView({
     },
     [allVisibleEligible, cardByViewId, draftCardProjection, eligibleCardIds]
   );
-  const selectionSummary = useMemo7(() => {
+  const selectionSummary = useMemo5(() => {
     const ids = /* @__PURE__ */ new Set();
     let hasInvalidSelection = false;
     for (const entry of draftCardProjection) {
@@ -2496,14 +1765,14 @@ function HandSurfaceView({
       hasInvalidSelection
     };
   }, [draftCardProjection]);
-  const onSelectionSummaryRef = useRef2(onSelectionSummary);
+  const onSelectionSummaryRef = useRef(onSelectionSummary);
   onSelectionSummaryRef.current = onSelectionSummary;
-  useEffect4(() => {
+  useEffect(() => {
     onSelectionSummaryRef.current?.(selectionSummary);
   }, [selectionSummary]);
   const summaryContent = renderSummary ? renderSummary(selectionSummary) : null;
   const actionsNode = renderActions ? renderActions(selectionSummary) : null;
-  const actionsContent = actionsNode !== null && actionsNode !== void 0 ? /* @__PURE__ */ jsx7(
+  const actionsContent = actionsNode !== null && actionsNode !== void 0 ? /* @__PURE__ */ jsx4(
     "div",
     {
       "data-dreamboard-hand-actions": "",
@@ -2522,7 +1791,21 @@ function HandSurfaceView({
     },
     [route]
   );
-  const handView = /* @__PURE__ */ jsx7(
+  const pointerTargetAttributesById = useMemo5(() => {
+    const map = /* @__PURE__ */ new Map();
+    for (const target of dropTargets ?? []) {
+      const attributes = pointerTargetAttributesForRuntimeDropTarget({
+        target,
+        availableInteractions,
+        drafts
+      });
+      if (attributes) {
+        map.set(target.targetId, attributes);
+      }
+    }
+    return map;
+  }, [availableInteractions, drafts, dropTargets]);
+  const handView = /* @__PURE__ */ jsx4(
     HandView,
     {
       cards: viewCards,
@@ -2545,8 +1828,8 @@ function HandSurfaceView({
     if (summaryContent === null && actionsContent === null) {
       return handView;
     }
-    return /* @__PURE__ */ jsxs2(Fragment5, { children: [
-      summaryContent !== null ? /* @__PURE__ */ jsx7(
+    return /* @__PURE__ */ jsxs(Fragment4, { children: [
+      summaryContent !== null ? /* @__PURE__ */ jsx4(
         "div",
         {
           "data-dreamboard-runtime-hand-summary": "",
@@ -2560,7 +1843,7 @@ function HandSurfaceView({
       actionsContent
     ] });
   }
-  const targets = dropTargets.map((target) => /* @__PURE__ */ jsx7(
+  const targets = dropTargets.map((target) => /* @__PURE__ */ jsx4(
     CardDropTargetView,
     {
       targetId: target.targetId,
@@ -2569,12 +1852,15 @@ function HandSurfaceView({
       role: target.role,
       order: target.order,
       className: target.className,
+      browserInteractionAttributes: pointerTargetAttributesById.get(
+        target.targetId
+      ),
       renderTarget: target.render
     },
     target.targetId
   ));
-  return /* @__PURE__ */ jsxs2(CardDragSurface, { onCardIntent: handleIntent, children: [
-    summaryContent !== null ? /* @__PURE__ */ jsx7(
+  return /* @__PURE__ */ jsxs(CardDragSurface, { onCardIntent: handleIntent, children: [
+    summaryContent !== null ? /* @__PURE__ */ jsx4(
       "div",
       {
         "data-dreamboard-runtime-hand-summary": "",
@@ -2584,7 +1870,7 @@ function HandSurfaceView({
         children: summaryContent
       }
     ) : null,
-    renderDropTargets ? renderDropTargets(/* @__PURE__ */ jsx7(Fragment5, { children: targets })) : /* @__PURE__ */ jsx7("div", { "data-dreamboard-runtime-drop-row": "", className: "flex gap-2 mb-2", children: targets }),
+    renderDropTargets ? renderDropTargets(/* @__PURE__ */ jsx4(Fragment4, { children: targets })) : /* @__PURE__ */ jsx4("div", { "data-dreamboard-runtime-drop-row": "", className: "flex gap-2 mb-2", children: targets }),
     handView,
     actionsContent
   ] });
@@ -2603,6 +1889,49 @@ function manyCardSelectionForZone(availableInteractions, zone) {
   }
   return null;
 }
+function pointerTargetAttributesForRuntimeDropTarget({
+  target,
+  availableInteractions,
+  drafts
+}) {
+  const decoded = decodeRuntimeDropTargetId(target.targetId);
+  if (!decoded) return void 0;
+  for (const descriptor of availableInteractions) {
+    if (!isInteractionAvailable(descriptor)) continue;
+    const draft = drafts[descriptor.interactionKey] ?? {};
+    const acceptedEffectPatterns = [];
+    for (const rawInput of descriptor.inputs) {
+      const input = resolveInputDomain(rawInput, draft);
+      if (decoded.mode === "input" && input.key !== decoded.inputKey) {
+        continue;
+      }
+      if (decoded.mode === "kind") {
+        if (!isTargetDomain(input.domain) || decoded.kind === "card" && input.domain.type !== "cardTarget" || decoded.kind !== "card" && (input.domain.type !== "boardTarget" || input.domain.targetKind !== decoded.kind)) {
+          continue;
+        }
+      }
+      if (isResolvedTargetDomain(input.domain) && !input.domain.eligibleTargets.includes(decoded.value)) {
+        continue;
+      }
+      acceptedEffectPatterns.push({
+        kind: "match",
+        effectKind: "setCandidate",
+        fields: { inputKey: input.key, candidateValue: decoded.value }
+      });
+    }
+    if (acceptedEffectPatterns.length === 0) continue;
+    return createGameplayPointerTargetAttributes({
+      scopeId: "runtime",
+      interactionKey: descriptor.interactionKey,
+      interactionId: descriptor.interactionId,
+      targetId: target.targetId,
+      enabled: (target.visualState?.eligible ?? true) && !(target.visualState?.disabled ?? false),
+      ...descriptor.descriptorDigest !== void 0 ? { descriptorDigest: descriptor.descriptorDigest } : {},
+      acceptedEffectPatterns
+    });
+  }
+  return void 0;
+}
 function HandStagingView({
   zone,
   renderCard,
@@ -2613,31 +1942,35 @@ function HandStagingView({
   className
 }) {
   const interactionStore = useInteractionUiStore();
-  const drafts = useStore3(
+  const drafts = useStore2(
     interactionStore,
-    useShallow2((state) => state.drafts)
+    useShallow((state) => state.drafts)
   );
-  const stagedIds = usePluginState(
+  const stagedIds = useAuthoredPluginGameplayFrameSelector(
     useCallback2(
-      (state) => selectedCardIdsForZone(interactionStore, zone, state),
+      (frame) => selectedCardIdsForZone(
+        interactionStore,
+        zone,
+        frame.availableInteractions
+      ),
       // drafts is part of the store snapshot — useStore handles re-render.
       // eslint-disable-next-line react-hooks/exhaustive-deps
       [interactionStore, zone, drafts]
     )
   );
-  const zoneSnapshot = usePluginState(
-    (state) => state.gameplay.zones[zone] ?? null
+  const zoneSnapshot = useAuthoredPluginGameplayFrameSelector(
+    (frame) => frame.zones[zone] ?? null
   );
-  const availableInteractions = usePluginState(
-    (state) => state.gameplay.availableInteractions
+  const availableInteractions = useAuthoredPluginGameplayFrameSelector(
+    (frame) => frame.availableInteractions
   );
-  const cards = useMemo7(
+  const cards = useMemo5(
     () => stagedIds.map(
       (cardId, index) => createZoneCardRenderItem(zone, zoneSnapshot, cardId, index)
     ).filter((card) => !card.hidden),
     [stagedIds, zone, zoneSnapshot]
   );
-  const selection = useMemo7(
+  const selection = useMemo5(
     () => manyCardSelectionForZone(availableInteractions, zone),
     [availableInteractions, zone]
   );
@@ -2650,7 +1983,7 @@ function HandStagingView({
     [route]
   );
   if (slotCount <= 0 && cards.length === 0) return null;
-  return /* @__PURE__ */ jsx7(
+  return /* @__PURE__ */ jsx4(
     StagingZone,
     {
       cards,
@@ -2668,8 +2001,8 @@ function HandStagingView({
 function dropTargetIdFor(kind, value) {
   return encodeRuntimeDropTargetKind(kind, value);
 }
-function descriptorsHaveDestinationInput(state) {
-  for (const descriptor of state.gameplay.availableInteractions) {
+function descriptorsHaveDestinationInput(availableInteractions) {
+  for (const descriptor of availableInteractions) {
     const cardInputs = descriptor.inputs.filter(
       (input) => isTargetDomain(input.domain) && input.domain.type === "cardTarget"
     );
@@ -2683,15 +2016,15 @@ function descriptorsHaveDestinationInput(state) {
 
 // src/runtime/primitives/board.tsx
 import {
-  createContext as createContext7,
-  useContext as useContext7,
-  useMemo as useMemo9
+  createContext as createContext3,
+  useContext as useContext3,
+  useMemo as useMemo7
 } from "react";
-import { useStore as useStore5 } from "zustand";
+import { useStore as useStore4 } from "zustand";
 
 // src/runtime/hooks/useBoardInteractions.ts
-import { useCallback as useCallback3, useMemo as useMemo8 } from "react";
-import { useStore as useStore4 } from "zustand";
+import { useCallback as useCallback3, useMemo as useMemo6 } from "react";
+import { useStore as useStore3 } from "zustand";
 
 // src/ui/errors/ValidationError.ts
 var ValidationError = class extends Error {
@@ -2722,7 +2055,7 @@ function interactionDraftDigestForValues(descriptor, values) {
     interactionKey: descriptor.interactionKey,
     values: {
       ...defaults,
-      ...toCanonicalJson2(values)
+      ...toCanonicalJson(values)
     }
   });
 }
@@ -2733,7 +2066,7 @@ function draftDigest({
   interactionKey,
   values
 }) {
-  return hashJson2({
+  return hashJson({
     digestVersion: "interaction-draft@2",
     actorSeat,
     descriptorDigest,
@@ -2746,11 +2079,11 @@ function draftDigest({
 function defaultsForDescriptor(descriptor) {
   return Object.fromEntries(
     descriptor.inputs.flatMap(
-      (input) => input.defaultValue === void 0 ? [] : [[input.key, toCanonicalJson2(input.defaultValue)]]
+      (input) => input.defaultValue === void 0 ? [] : [[input.key, toCanonicalJson(input.defaultValue)]]
     )
   );
 }
-function toCanonicalJson2(value) {
+function toCanonicalJson(value) {
   if (value === null || typeof value === "boolean" || typeof value === "string") {
     return value;
   }
@@ -2758,22 +2091,22 @@ function toCanonicalJson2(value) {
     return value;
   }
   if (Array.isArray(value)) {
-    return value.map((item) => toCanonicalJson2(item));
+    return value.map((item) => toCanonicalJson(item));
   }
   if (typeof value === "object") {
     return Object.fromEntries(
-      Object.entries(value).filter(([, item]) => item !== void 0).map(([key, item]) => [key, toCanonicalJson2(item)])
+      Object.entries(value).filter(([, item]) => item !== void 0).map(([key, item]) => [key, toCanonicalJson(item)])
     );
   }
   return null;
 }
-function hashJson2(value) {
-  return `sha256:${sha256Hex2(canonicalJson2(value))}`;
+function hashJson(value) {
+  return `sha256:${sha256Hex(canonicalJson(value))}`;
 }
-function canonicalJson2(value) {
-  return JSON.stringify(canonicalizeJson2(value));
+function canonicalJson(value) {
+  return JSON.stringify(canonicalizeJson(value));
 }
-function canonicalizeJson2(value) {
+function canonicalizeJson(value) {
   if (value === null || typeof value === "boolean" || typeof value === "string") {
     return value;
   }
@@ -2784,14 +2117,14 @@ function canonicalizeJson2(value) {
     return value;
   }
   if (Array.isArray(value)) {
-    return value.map((item) => canonicalizeJson2(item));
+    return value.map((item) => canonicalizeJson(item));
   }
   return Object.fromEntries(
-    Object.entries(value).sort(([left], [right]) => left.localeCompare(right)).map(([key, item]) => [key, canonicalizeJson2(item)])
+    Object.entries(value).sort(([left], [right]) => left.localeCompare(right)).map(([key, item]) => [key, canonicalizeJson(item)])
   );
 }
-function sha256Hex2(input) {
-  const bytes = utf8Bytes2(input);
+function sha256Hex(input) {
+  const bytes = utf8Bytes(input);
   const bitLength = bytes.length * 8;
   bytes.push(128);
   while (bytes.length % 64 !== 56) {
@@ -2847,7 +2180,7 @@ function sha256Hex2(input) {
   }
   return [h0, h1, h2, h3, h4, h5, h6, h7].map((word) => word.toString(16).padStart(8, "0")).join("");
 }
-function utf8Bytes2(input) {
+function utf8Bytes(input) {
   return Array.from(new TextEncoder().encode(input));
 }
 function rightRotate(value, bits) {
@@ -3102,26 +2435,26 @@ function useBoardInteractions(options = {}) {
   const runtime = useRuntimeContext();
   const { controllingPlayerId } = usePluginSession();
   const store = useInteractionUiStore();
-  const subscribedArmedBySurface = useStore4(store, (state) => state.arms);
-  const subscribedDrafts = useStore4(store, (state) => state.drafts);
-  const pendingInteractionKey = useStore4(
+  const subscribedArmedBySurface = useStore3(store, (state) => state.arms);
+  const subscribedDrafts = useStore3(store, (state) => state.drafts);
+  const pendingInteractionKey = useStore3(
     store,
     (state) => state.pendingInteractionKey
   );
   const armedBySurface = store.getState().arms ?? subscribedArmedBySurface;
   const drafts = store.getState().drafts ?? subscribedDrafts;
-  const descriptors = usePluginState(
-    (state) => state.gameplay.availableInteractions ?? []
+  const descriptors = usePluginGameplayFrameSelector(
+    (frame) => frame.availableInteractions ?? []
   );
-  const targetKindSet = useMemo8(
+  const targetKindSet = useMemo6(
     () => new Set(targetKinds),
     [targetKinds]
   );
-  const armedIds = useMemo8(
+  const armedIds = useMemo6(
     () => new Set(Object.values(armedBySurface)),
     [armedBySurface]
   );
-  const interactions = useMemo8(() => {
+  const interactions = useMemo6(() => {
     return descriptors.flatMap(
       (descriptor) => {
         if (armedIds.has(descriptor.interactionKey)) {
@@ -3138,7 +2471,7 @@ function useBoardInteractions(options = {}) {
       }
     );
   }, [armedIds, descriptors, targetKindSet, targetKinds]);
-  const eligible = useMemo8(() => {
+  const eligible = useMemo6(() => {
     const acc = {
       edge: /* @__PURE__ */ new Set(),
       vertex: /* @__PURE__ */ new Set(),
@@ -3204,7 +2537,6 @@ function useBoardInteractions(options = {}) {
       }
       try {
         await runtime.submitInteraction(
-          controllingPlayerId,
           descriptor.interactionId,
           submitParams
         );
@@ -3273,7 +2605,7 @@ function useBoardInteractions(options = {}) {
     },
     [controllingPlayerId, resolveSelection, resolveTargetMatches]
   );
-  const select = useMemo8(
+  const select = useMemo6(
     () => ({
       edge: (targetId, extraInputs) => selectByKind("edge", targetId, extraInputs),
       vertex: (targetId, extraInputs) => selectByKind("vertex", targetId, extraInputs),
@@ -3317,7 +2649,7 @@ function useBoardInteractions(options = {}) {
     },
     [controllingPlayerId, drafts, pendingInteractionKey, resolveTargetMatches]
   );
-  const targetLayers = useMemo8(() => {
+  const targetLayers = useMemo6(() => {
     const createLayer = (targetKind) => (layerOptions = {}) => {
       const {
         enabled,
@@ -3374,7 +2706,7 @@ function useBoardInteractions(options = {}) {
       tile: createLayer("tile")
     };
   }, [eligible, selectByKind, targetState]);
-  const pendingInteraction = useMemo8(() => {
+  const pendingInteraction = useMemo6(() => {
     if (!pendingInteractionKey) return null;
     const descriptor = interactions.find(
       (candidate) => candidate.interactionKey === pendingInteractionKey
@@ -3394,7 +2726,7 @@ function useBoardInteractions(options = {}) {
     (descriptor, _targetKind, targetId, inputKey, extraInputs) => resolveSelection(descriptor, inputKey, targetId, extraInputs),
     [resolveSelection]
   );
-  return useMemo8(
+  return useMemo6(
     () => ({
       interactions,
       eligible,
@@ -3428,7 +2760,7 @@ function isTargetSelectable(input, draft, targetId) {
 function missingInputsForDraft(descriptor, draft) {
   return [...getInteractionDraftReadiness(descriptor, draft).missingInputs];
 }
-var GAMEPLAY_BROWSER_SCOPE_ID2 = "runtime";
+var GAMEPLAY_BROWSER_SCOPE_ID = "runtime";
 function boardTargetBrowserAttributes({
   descriptor,
   inputKey,
@@ -3438,7 +2770,7 @@ function boardTargetBrowserAttributes({
   draft
 }) {
   return createGameplayActuatorAttributes({
-    scopeId: GAMEPLAY_BROWSER_SCOPE_ID2,
+    scopeId: GAMEPLAY_BROWSER_SCOPE_ID,
     interactionKey: descriptor.interactionKey,
     interactionId: descriptor.interactionId,
     intent: "select",
@@ -3488,8 +2820,8 @@ function candidateUnavailableReason(match, conflict) {
 }
 
 // src/runtime/primitives/board.tsx
-import { Fragment as Fragment6, jsx as jsx8 } from "react/jsx-runtime";
-var BoardContext = createContext7(null);
+import { Fragment as Fragment5, jsx as jsx5 } from "react/jsx-runtime";
+var BoardContext = createContext3(null);
 var warnedAmbiguousBoardTargets = /* @__PURE__ */ new Set();
 function warnAmbiguousBoardTarget({
   kind,
@@ -3510,7 +2842,7 @@ function warnAmbiguousBoardTarget({
   }
 }
 function useBoardPrimitiveContext() {
-  const value = useContext7(BoardContext);
+  const value = useContext3(BoardContext);
   if (!value) {
     throw new Error("Board primitives must be rendered inside <Board.Root>.");
   }
@@ -3518,21 +2850,21 @@ function useBoardPrimitiveContext() {
 }
 function BoardRoot({ children, targetKinds, ...props }) {
   const board = useBoardInteractions({ targetKinds });
-  return /* @__PURE__ */ jsx8(BoardContext.Provider, { value: board, children: renderPrimitive("div", {
+  return /* @__PURE__ */ jsx5(BoardContext.Provider, { value: board, children: renderPrimitive("div", {
     ...props,
     "data-dreamboard-board-root": "",
     children
   }) });
 }
 function BoardState({ children }) {
-  return /* @__PURE__ */ jsx8(Fragment6, { children: children(useBoardPrimitiveContext()) });
+  return /* @__PURE__ */ jsx5(Fragment5, { children: children(useBoardPrimitiveContext()) });
 }
 function BoardHexView({ board, spaces, children }) {
-  const view = useMemo9(
+  const view = useMemo7(
     () => createHexBoardView(board, { spaces }),
     [board, spaces]
   );
-  return /* @__PURE__ */ jsx8(Fragment6, { children: children(view) });
+  return /* @__PURE__ */ jsx5(Fragment5, { children: children(view) });
 }
 function BoardHexGrid({
   board,
@@ -3557,7 +2889,7 @@ function BoardHexGrid({
     interactionKeys: interactions === "auto" ? void 0 : interactions.space,
     onError: gameActionError ?? void 0
   });
-  return /* @__PURE__ */ jsx8(BoardHexView, { board, spaces, children: (view) => /* @__PURE__ */ jsx8(
+  return /* @__PURE__ */ jsx5(BoardHexView, { board, spaces, children: (view) => /* @__PURE__ */ jsx5(
     HexGrid,
     {
       ...props,
@@ -3573,13 +2905,13 @@ function BoardTarget({
   input,
   ...props
 }) {
-  const descriptor = usePluginState(
-    (state) => interaction ? state.gameplay.availableInteractions.find(
+  const descriptor = useAuthoredPluginGameplayFrameSelector(
+    (frame) => interaction ? frame.availableInteractions.find(
       (candidate) => candidate.interactionKey === interaction || candidate.interactionId === interaction
     ) : void 0
   );
   if (interaction) {
-    return descriptor ? /* @__PURE__ */ jsx8(ExplicitBoardTarget, { descriptor, input, ...props }) : /* @__PURE__ */ jsx8(
+    return descriptor ? /* @__PURE__ */ jsx5(ExplicitBoardTarget, { descriptor, input, ...props }) : /* @__PURE__ */ jsx5(
       UnavailableBoardTarget,
       {
         interaction,
@@ -3588,16 +2920,16 @@ function BoardTarget({
       }
     );
   }
-  return /* @__PURE__ */ jsx8(UnambiguousBoardTarget, { input, ...props });
+  return /* @__PURE__ */ jsx5(UnambiguousBoardTarget, { input, ...props });
 }
 function BoardSpaceTarget(props) {
-  return /* @__PURE__ */ jsx8(BoardTarget, { kind: "space", ...props });
+  return /* @__PURE__ */ jsx5(BoardTarget, { kind: "space", ...props });
 }
 function BoardEdgeTarget(props) {
-  return /* @__PURE__ */ jsx8(BoardTarget, { kind: "edge", ...props });
+  return /* @__PURE__ */ jsx5(BoardTarget, { kind: "edge", ...props });
 }
 function BoardVertexTarget(props) {
-  return /* @__PURE__ */ jsx8(BoardTarget, { kind: "vertex", ...props });
+  return /* @__PURE__ */ jsx5(BoardTarget, { kind: "vertex", ...props });
 }
 function UnambiguousBoardTarget({
   kind,
@@ -3672,7 +3004,7 @@ function ExplicitBoardTarget({
   const board = useBoardPrimitiveContext();
   const gameActionError = useGameActionError();
   const store = useInteractionUiStore();
-  useStore5(store, (state) => state.drafts[descriptor.interactionKey] ?? {});
+  useStore4(store, (state) => state.drafts[descriptor.interactionKey] ?? {});
   const draft = store.getDraft(descriptor.interactionKey);
   const inputKey = input ?? inputKeyForTarget(descriptor, kind, value, draft);
   const rawInputDescriptor = inputKey ? inputByKey(descriptor, inputKey) : void 0;
@@ -3750,7 +3082,7 @@ function UnavailableBoardTarget({
 function resolveExtraInputs(extraInputs, targetId) {
   return typeof extraInputs === "function" ? extraInputs(targetId) : extraInputs ?? {};
 }
-var GAMEPLAY_BROWSER_SCOPE_ID3 = "runtime";
+var GAMEPLAY_BROWSER_SCOPE_ID2 = "runtime";
 function boardTargetBrowserAttributes2({
   descriptor,
   inputKey,
@@ -3760,7 +3092,7 @@ function boardTargetBrowserAttributes2({
   draft
 }) {
   return createGameplayActuatorAttributes({
-    scopeId: GAMEPLAY_BROWSER_SCOPE_ID3,
+    scopeId: GAMEPLAY_BROWSER_SCOPE_ID2,
     interactionKey: descriptor.interactionKey,
     interactionId: descriptor.interactionId,
     intent: "select",
@@ -3799,133 +3131,134 @@ var Board = {
 };
 
 // src/runtime/primitives/interaction/context.tsx
-import { createContext as createContext9, useContext as useContext9, useMemo as useMemo11 } from "react";
+import { createContext as createContext5, useContext as useContext5, useMemo as useMemo9 } from "react";
 
-// src/runtime/hooks/useInteractionHandle.ts
-import { useCallback as useCallback4, useEffect as useEffect5, useMemo as useMemo10, useRef as useRef3 } from "react";
+// src/runtime/hooks/useBoundInteractionHandle.ts
+import { useCallback as useCallback4, useEffect as useEffect2, useMemo as useMemo8, useRef as useRef2 } from "react";
 
 // src/runtime/context/ClientParamSchemaContext.tsx
-import { createContext as createContext8, useContext as useContext8 } from "react";
-import { jsx as jsx9 } from "react/jsx-runtime";
-var ClientParamSchemaContext = createContext8({});
+import { createContext as createContext4, useContext as useContext4 } from "react";
+import { jsx as jsx6 } from "react/jsx-runtime";
+var ClientParamSchemaContext = createContext4({});
 function ClientParamSchemaProvider({
   schemas,
   children
 }) {
-  return /* @__PURE__ */ jsx9(ClientParamSchemaContext.Provider, { value: schemas ?? {}, children });
+  return /* @__PURE__ */ jsx6(ClientParamSchemaContext.Provider, { value: schemas ?? {}, children });
 }
 function useClientParamSchema(phaseName, interactionId) {
-  const schemas = useContext8(ClientParamSchemaContext);
+  const schemas = useContext4(ClientParamSchemaContext);
   if (!phaseName) return void 0;
   return schemas[phaseName]?.[interactionId];
 }
 
-// src/runtime/hooks/useInteractionHandle.ts
-function useInteractionHandle(descriptor) {
+// src/runtime/hooks/useBoundInteractionHandle.ts
+var MISSING_INTERACTION_KEY = "__dreamboard_missing_interaction__";
+var MISSING_INTERACTION_SCOPE = "interaction:missing";
+function useBoundInteractionHandle(descriptor) {
   const runtime = useRuntimeContext();
   const { controllingPlayerId } = usePluginSession();
   const store = useInteractionUiStore();
-  const submittingRef = useRef3(false);
-  const autoSubmitSignatureRef = useRef3(null);
-  const simultaneousPhase = usePluginState(
-    (state) => state.gameplay.simultaneousPhase
+  const autoSubmitSignatureRef = useRef2(null);
+  const simultaneousPhase = usePluginGameplayFrameSelector(
+    (frame) => frame.flow.simultaneousPhase
   );
-  const { interactionId, interactionKey, phaseName } = descriptor;
-  const armScope = interactionArmScope(descriptor);
-  const inputKeys = useMemo10(
-    () => interactionInputKeys(descriptor),
+  const interactionId = descriptor?.interactionId ?? "";
+  const interactionKey = descriptor?.interactionKey ?? MISSING_INTERACTION_KEY;
+  const phaseName = descriptor?.phaseName;
+  const armScope = descriptor ? interactionArmScope(descriptor) : MISSING_INTERACTION_SCOPE;
+  const inputKeys = useMemo8(
+    () => descriptor ? interactionInputKeys(descriptor) : [],
     [descriptor]
   );
   const paramsSchema = useClientParamSchema(phaseName, interactionId);
   const draft = useInteractionDraft(interactionKey);
-  const values = useMemo10(
-    () => applyInteractionInputDefaults(descriptor, draft),
-    [descriptor, draft]
-  );
+  const values = useMemo8(() => {
+    if (!descriptor) {
+      return {};
+    }
+    return applyInteractionInputDefaults(descriptor, draft);
+  }, [descriptor, draft]);
   const armedId = useArmedInteraction(armScope);
-  const isArmed = armedId === interactionKey;
+  const isArmed = descriptor ? armedId === interactionKey : false;
   const submitting = useInteractionSubmitting(interactionKey);
-  const submitted = controllingPlayerId !== null && simultaneousPhase?.phaseName === phaseName && simultaneousPhase.interactionId === interactionId && simultaneousPhase.sealedPlayerIds.includes(controllingPlayerId);
+  const submitted = descriptor !== null && controllingPlayerId !== null && simultaneousPhase?.phaseName === descriptor.phaseName && simultaneousPhase.interactionId === descriptor.interactionId && simultaneousPhase.sealedPlayerIds.includes(controllingPlayerId);
   const status = submitted ? "submitted" : submitting ? "submitting" : "open";
-  const isReady = useMemo10(() => {
+  const readiness = useMemo8(() => {
+    if (!descriptor) {
+      return null;
+    }
     return getInteractionDraftReadiness(
       descriptor,
       values
-    ).ready;
+    );
   }, [descriptor, values]);
-  const requirePlayer = useCallback4(() => {
-    if (!controllingPlayerId) {
-      throw new Error("useInteractionHandle: no controlling player available");
+  const isReady = readiness?.ready ?? false;
+  const requireDescriptor = useCallback4(() => {
+    if (!descriptor) {
+      throw new Error(
+        "useInteractionHandle: interaction descriptor unavailable"
+      );
     }
-    return controllingPlayerId;
-  }, [controllingPlayerId]);
+    return descriptor;
+  }, [descriptor]);
   const submit = useCallback4(
     async (params) => {
-      if (status !== "open" || submittingRef.current) {
+      const activeDescriptor = requireDescriptor();
+      if (status !== "open") {
         throw new ValidationError(
           status === "submitted" ? "ALREADY_SUBMITTED" : "SUBMITTING",
           status === "submitted" ? "Interaction has already been submitted." : "Interaction submission is already in progress."
         );
       }
-      if (!claimInteractionSubmit(store, descriptor)) {
+      if (!claimInteractionSubmit(store, activeDescriptor)) {
         throw new ValidationError(
           "SUBMITTING",
           "Interaction submission is already in progress."
         );
       }
-      submittingRef.current = true;
       const finalParams = applyInteractionInputDefaults(
-        descriptor,
+        activeDescriptor,
         params ?? values
       );
       try {
         await runtime.submitInteraction(
-          requirePlayer(),
-          interactionId,
+          activeDescriptor.interactionId,
           finalParams
         );
-        clearInteractionRoute(store, descriptor);
+        clearInteractionRoute(store, activeDescriptor);
       } catch (error) {
         throw validationErrorFromUnknown(error);
       } finally {
-        submittingRef.current = false;
-        store.setSubmitting(interactionKey, false);
+        store.setSubmitting(activeDescriptor.interactionKey, false);
       }
     },
-    [
-      descriptor,
-      values,
-      runtime,
-      requirePlayer,
-      interactionId,
-      interactionKey,
-      store,
-      status
-    ]
+    [requireDescriptor, status, store, values, runtime]
   );
   const validate = useCallback4(
     async (params) => {
+      const activeDescriptor = requireDescriptor();
       const finalParams = applyInteractionInputDefaults(
-        descriptor,
+        activeDescriptor,
         params ?? values
       );
       const result = await runtime.validateInteraction(
-        requirePlayer(),
-        interactionId,
+        activeDescriptor.interactionId,
         finalParams
       );
       if (!result.valid) {
         throw new ValidationError(result.errorCode, result.message);
       }
     },
-    [descriptor, values, runtime, requirePlayer, interactionId]
+    [requireDescriptor, values, runtime]
   );
   const validateDraft = useCallback4(() => {
+    const activeDescriptor = requireDescriptor();
     const rawDraft = { ...values };
     const required = inputKeys;
-    const missing = getInteractionDraftReadiness(descriptor, rawDraft).missingInputs;
+    const missing = getInteractionDraftReadiness(activeDescriptor, rawDraft).missingInputs;
     const domainFieldErrors = validateInteractionInputDomains(
-      descriptor,
+      activeDescriptor,
       rawDraft
     );
     if (!paramsSchema) {
@@ -3985,7 +3318,7 @@ function useInteractionHandle(descriptor) {
       formErrors,
       missing
     };
-  }, [descriptor, values, inputKeys, paramsSchema]);
+  }, [requireDescriptor, values, inputKeys, paramsSchema]);
   const validateDraftServer = useCallback4(async () => {
     await validate({ ...values });
   }, [values, validate]);
@@ -3997,7 +3330,11 @@ function useInteractionHandle(descriptor) {
     }
     await submit(validation.params);
   }, [submit, validateDraft]);
-  useEffect5(() => {
+  useEffect2(() => {
+    if (!descriptor) {
+      autoSubmitSignatureRef.current = null;
+      return;
+    }
     if (!shouldAutoSubmitInteraction(descriptor)) {
       autoSubmitSignatureRef.current = null;
       return;
@@ -4008,16 +3345,19 @@ function useInteractionHandle(descriptor) {
     }
     const validation = validateDraft();
     if (!validation.ok) return;
-    const signature = `${interactionKey}:${JSON.stringify(validation.params)}`;
+    const signature = `${descriptor.interactionKey}:${JSON.stringify(
+      validation.params
+    )}`;
     if (autoSubmitSignatureRef.current === signature) return;
     autoSubmitSignatureRef.current = signature;
     void submit(validation.params).catch(() => {
     });
   }, [
-    descriptor.availability,
-    descriptor.commit.mode,
-    descriptor.inputs,
-    interactionKey,
+    descriptor,
+    descriptor?.availability,
+    descriptor?.commit.mode,
+    descriptor?.inputs,
+    descriptor?.interactionKey,
     isReady,
     status,
     submit,
@@ -4025,24 +3365,35 @@ function useInteractionHandle(descriptor) {
   ]);
   const setInput = useCallback4(
     (key, value) => {
-      applyInteractionDraftMutation(store, descriptor, [{ key, value }]);
+      const activeDescriptor = requireDescriptor();
+      applyInteractionDraftMutation(store, activeDescriptor, [{ key, value }]);
     },
-    [store, descriptor]
+    [store, requireDescriptor]
   );
   const clearInput = useCallback4(
     (key) => {
-      store.clearInput(interactionKey, key);
+      const activeDescriptor = requireDescriptor();
+      store.clearInput(activeDescriptor.interactionKey, key);
     },
-    [store, interactionKey]
+    [store, requireDescriptor]
   );
   const arm = useCallback4(() => {
-    store.arm(armScope, interactionKey);
-  }, [store, armScope, interactionKey]);
+    const activeDescriptor = requireDescriptor();
+    store.arm(
+      interactionArmScope(activeDescriptor),
+      activeDescriptor.interactionKey
+    );
+  }, [store, requireDescriptor]);
   const disarm = useCallback4(() => {
-    if (store.getArmed(armScope) === interactionKey) {
-      store.arm(armScope, null);
+    const activeDescriptor = requireDescriptor();
+    const activeArmScope = interactionArmScope(activeDescriptor);
+    if (store.getArmed(activeArmScope) === activeDescriptor.interactionKey) {
+      store.arm(activeArmScope, null);
     }
-  }, [store, armScope, interactionKey]);
+  }, [store, requireDescriptor]);
+  if (!descriptor) {
+    return null;
+  }
   return {
     descriptor,
     commit: descriptor.commit,
@@ -4065,8 +3416,13 @@ function useInteractionHandle(descriptor) {
   };
 }
 
+// src/runtime/hooks/useInteractionHandle.ts
+function useInteractionHandle(descriptor) {
+  return useBoundInteractionHandle(descriptor);
+}
+
 // src/runtime/interactions/gameplay-attributes.ts
-var GAMEPLAY_BROWSER_SCOPE_ID4 = "runtime";
+var GAMEPLAY_BROWSER_SCOPE_ID3 = "runtime";
 function gameplayInteractionRootAttributes({
   descriptor,
   draftDigest: draftDigest2,
@@ -4074,7 +3430,7 @@ function gameplayInteractionRootAttributes({
   available
 }) {
   return createGameplayInteractionRootAttributes({
-    scopeId: GAMEPLAY_BROWSER_SCOPE_ID4,
+    scopeId: GAMEPLAY_BROWSER_SCOPE_ID3,
     interactionKey: descriptor.interactionKey,
     interactionId: descriptor.interactionId,
     ...descriptor.descriptorDigest !== void 0 ? { descriptorDigest: descriptor.descriptorDigest } : {},
@@ -4097,7 +3453,7 @@ function gameplayActuatorAttributes({
   actuatorId
 }) {
   return createGameplayActuatorAttributes({
-    scopeId: GAMEPLAY_BROWSER_SCOPE_ID4,
+    scopeId: GAMEPLAY_BROWSER_SCOPE_ID3,
     interactionKey: descriptor.interactionKey,
     interactionId: descriptor.interactionId,
     intent,
@@ -4116,15 +3472,15 @@ function gameplayActuatorAttributes({
 }
 
 // src/runtime/primitives/interaction/context.tsx
-import { jsx as jsx10 } from "react/jsx-runtime";
-var InteractionContext = createContext9(null);
+import { jsx as jsx7 } from "react/jsx-runtime";
+var InteractionContext = createContext5(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);
+  const value = useContext5(InteractionContext);
   if (!value) {
     throw new Error(
       "Interaction primitives must be rendered inside <Interaction.Root>."
@@ -4133,7 +3489,7 @@ function useInteractionPrimitiveContext() {
   return value;
 }
 function useResolvedCardTargetValue() {
-  const context = useContext9(InteractionContext);
+  const context = useContext5(InteractionContext);
   const descriptor = context?.descriptor;
   const handle = context?.handle;
   if (!descriptor || !handle) return void 0;
@@ -4144,8 +3500,8 @@ function useResolvedCardTargetValue() {
   return handle.values[cardInput.key];
 }
 function useInteractionDescriptor(interaction) {
-  return usePluginState(
-    (state) => state.gameplay.availableInteractions.find(
+  return useAuthoredPluginGameplayFrameSelector(
+    (frame) => frame.availableInteractions.find(
       (descriptor) => descriptor.interactionKey === interaction || descriptor.interactionId === interaction
     )
   );
@@ -4156,20 +3512,20 @@ function ResolvedInteractionRoot({
   children
 }) {
   const handle = useInteractionHandle(descriptor);
-  const value = useMemo11(
+  const value = useMemo9(
     () => ({ interaction, descriptor, handle }),
     [descriptor, handle, interaction]
   );
   const available = isInteractionAvailable(descriptor);
   const rootAttributes = createGameplayInteractionRootAttributes({
-    scopeId: GAMEPLAY_BROWSER_SCOPE_ID4,
+    scopeId: GAMEPLAY_BROWSER_SCOPE_ID3,
     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", {
+  return /* @__PURE__ */ jsx7(InteractionContext.Provider, { value, children: renderPrimitive("span", {
     ...rootAttributes,
     style: { display: "contents" },
     children
@@ -4183,7 +3539,7 @@ function InteractionRoot({
   const descriptor = useInteractionDescriptor(interaction);
   if (!descriptor) {
     if (unavailable === "hide") return null;
-    return /* @__PURE__ */ jsx10(
+    return /* @__PURE__ */ jsx7(
       InteractionContext.Provider,
       {
         value: {
@@ -4198,12 +3554,12 @@ function InteractionRoot({
   if (!isInteractionAvailable(descriptor) && unavailable === "hide") {
     return null;
   }
-  return /* @__PURE__ */ jsx10(ResolvedInteractionRoot, { interaction, descriptor, children });
+  return /* @__PURE__ */ jsx7(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";
+import { Fragment as Fragment6, jsx as jsx8, jsxs as jsxs2 } from "react/jsx-runtime";
 var EMPTY_FIELD_ERRORS = [];
 function InteractionField({
   descriptor,
@@ -4234,8 +3590,8 @@ function InteractionField({
     missing,
     disabled
   };
-  if (render) return /* @__PURE__ */ jsx11(Fragment7, { children: render(props) });
-  return /* @__PURE__ */ jsx11(DefaultInteractionField, { ...props });
+  if (render) return /* @__PURE__ */ jsx8(Fragment6, { children: render(props) });
+  return /* @__PURE__ */ jsx8(DefaultInteractionField, { ...props });
 }
 function defaultFormInputs(descriptor, values = {}) {
   return resolveInteractionInputs(descriptor, values).filter((input) => {
@@ -4256,7 +3612,7 @@ function DefaultInteractionField(props) {
   switch (input.domain.type) {
     case "choice":
       if (input.domain.selection?.mode === "many") {
-        return /* @__PURE__ */ jsx11(
+        return /* @__PURE__ */ jsx8(
           ChoiceListField,
           {
             ...props,
@@ -4270,16 +3626,16 @@ function DefaultInteractionField(props) {
           }
         );
       }
-      return /* @__PURE__ */ jsx11(ChoiceField, { ...props, domain: input.domain });
+      return /* @__PURE__ */ jsx8(ChoiceField, { ...props, domain: input.domain });
     case "choiceList":
-      return /* @__PURE__ */ jsx11(ChoiceListField, { ...props, domain: input.domain });
+      return /* @__PURE__ */ jsx8(ChoiceListField, { ...props, domain: input.domain });
     case "resourceMap":
-      return /* @__PURE__ */ jsx11(ResourceMapField, { ...props, domain: input.domain });
+      return /* @__PURE__ */ jsx8(ResourceMapField, { ...props, domain: input.domain });
     case "boundedNumber":
-      return /* @__PURE__ */ jsx11(BoundedNumberField, { ...props, domain: input.domain });
+      return /* @__PURE__ */ jsx8(BoundedNumberField, { ...props, domain: input.domain });
     case "cardTarget":
     case "boardTarget":
-      return /* @__PURE__ */ jsx11(TargetSummaryField, { ...props, domain: input.domain });
+      return /* @__PURE__ */ jsx8(TargetSummaryField, { ...props, domain: input.domain });
   }
 }
 function FieldFrame({
@@ -4291,7 +3647,7 @@ function FieldFrame({
 }) {
   const theme = useTheme();
   const messages = errors.length > 0 ? errors : missing ? ["Required"] : [];
-  return /* @__PURE__ */ jsxs3(
+  return /* @__PURE__ */ jsxs2(
     "div",
     {
       style: {
@@ -4302,7 +3658,7 @@ function FieldFrame({
         color: theme.semantic.text.primary
       },
       children: [
-        /* @__PURE__ */ jsx11(
+        /* @__PURE__ */ jsx8(
           Label,
           {
             htmlFor: controlId,
@@ -4314,7 +3670,7 @@ function FieldFrame({
           }
         ),
         children,
-        messages.length > 0 ? /* @__PURE__ */ jsx11(
+        messages.length > 0 ? /* @__PURE__ */ jsx8(
           "span",
           {
             role: "alert",
@@ -4325,7 +3681,7 @@ function FieldFrame({
               color: theme.semantic.intent.danger.solid,
               fontSize: theme.typography.fontSize.xs
             },
-            children: messages.map((message) => /* @__PURE__ */ jsx11("span", { children: message }, message))
+            children: messages.map((message) => /* @__PURE__ */ jsx8("span", { children: message }, message))
           }
         ) : null
       ]
@@ -4334,7 +3690,7 @@ function FieldFrame({
 }
 function ChoiceOptionLabel({ choice }) {
   const theme = useTheme();
-  return /* @__PURE__ */ jsxs3(
+  return /* @__PURE__ */ jsxs2(
     "span",
     {
       style: {
@@ -4344,7 +3700,7 @@ function ChoiceOptionLabel({ choice }) {
         minWidth: 0
       },
       children: [
-        /* @__PURE__ */ jsxs3(
+        /* @__PURE__ */ jsxs2(
           "span",
           {
             style: {
@@ -4354,12 +3710,12 @@ function ChoiceOptionLabel({ choice }) {
               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.icon ? /* @__PURE__ */ jsx8("span", { "aria-hidden": true, style: { fontSize: "1.1em", lineHeight: 1 }, children: choice.icon }) : null,
+              /* @__PURE__ */ jsx8("span", { style: { overflow: "hidden", textOverflow: "ellipsis" }, children: choice.label })
             ]
           }
         ),
-        choice.badge ? /* @__PURE__ */ jsx11(
+        choice.badge ? /* @__PURE__ */ jsx8(
           "span",
           {
             style: {
@@ -4383,7 +3739,7 @@ function ChoiceDescription({ choice }) {
   const theme = useTheme();
   const message = choice?.disabledReason ?? choice?.description;
   if (!message) return null;
-  return /* @__PURE__ */ jsx11(
+  return /* @__PURE__ */ jsx8(
     "span",
     {
       style: {
@@ -4422,13 +3778,13 @@ function ChoiceField({
   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(
+    return /* @__PURE__ */ jsx8(
       FieldFrame,
       {
         label: labelForInput(input),
         errors,
         missing,
-        children: /* @__PURE__ */ jsx11(
+        children: /* @__PURE__ */ jsx8(
           "span",
           {
             style: {
@@ -4439,7 +3795,7 @@ function ChoiceField({
             children: choices.map((choice) => {
               const selected = value === choice.value;
               const isDisabled = disabled || choice.disabled;
-              return /* @__PURE__ */ jsx11(
+              return /* @__PURE__ */ jsx8(
                 ThemedButton,
                 {
                   type: "button",
@@ -4471,7 +3827,7 @@ function ChoiceField({
                   }),
                   onClick: () => setValue(choice.value),
                   className: "h-8 px-3 text-sm",
-                  children: /* @__PURE__ */ jsx11(ChoiceOptionLabel, { choice })
+                  children: /* @__PURE__ */ jsx8(ChoiceOptionLabel, { choice })
                 },
                 choiceRenderKey(choice)
               );
@@ -4481,7 +3837,7 @@ function ChoiceField({
       }
     );
   }
-  return /* @__PURE__ */ jsxs3(
+  return /* @__PURE__ */ jsxs2(
     FieldFrame,
     {
       label: labelForInput(input),
@@ -4489,14 +3845,14 @@ function ChoiceField({
       errors,
       missing,
       children: [
-        /* @__PURE__ */ jsxs3(
+        /* @__PURE__ */ jsxs2(
           Select,
           {
             disabled,
             value: encodeChoiceSelectValue(value),
             onValueChange: (next) => setValue(decodeChoiceSelectValue(next)),
             children: [
-              /* @__PURE__ */ jsx11(
+              /* @__PURE__ */ jsx8(
                 SelectTrigger,
                 {
                   id: controlId,
@@ -4518,17 +3874,17 @@ function ChoiceField({
                       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..." }) })
+                  children: /* @__PURE__ */ jsx8("span", { "data-slot": "select-value", children: selectedChoice ? /* @__PURE__ */ jsx8(ChoiceOptionLabel, { choice: selectedChoice }) : /* @__PURE__ */ jsx8("span", { style: { color: theme.semantic.text.muted }, children: "Choose..." }) })
                 }
               ),
-              /* @__PURE__ */ jsx11(
+              /* @__PURE__ */ jsx8(
                 SelectContent,
                 {
                   style: {
                     ...themeCssVars,
                     fontFamily: theme.typography.fontFamily.body
                   },
-                  children: choices.map((choice) => /* @__PURE__ */ jsx11(
+                  children: choices.map((choice) => /* @__PURE__ */ jsx8(
                     SelectItem,
                     {
                       value: choiceRenderKey(choice),
@@ -4555,7 +3911,7 @@ function ChoiceField({
                           intent: "select"
                         }).semanticEffects
                       }),
-                      children: /* @__PURE__ */ jsx11(ChoiceOptionLabel, { choice })
+                      children: /* @__PURE__ */ jsx8(ChoiceOptionLabel, { choice })
                     },
                     choiceRenderKey(choice)
                   ))
@@ -4564,7 +3920,7 @@ function ChoiceField({
             ]
           }
         ),
-        /* @__PURE__ */ jsx11(ChoiceDescription, { choice: selectedChoice })
+        /* @__PURE__ */ jsx8(ChoiceDescription, { choice: selectedChoice })
       ]
     }
   );
@@ -4591,10 +3947,10 @@ function ChoiceListField({
     setValue([...next]);
   };
   const meta = min || Number.isFinite(max) ? `Pick ${min ?? 0}${Number.isFinite(max) ? `-${max}` : "+"}` : void 0;
-  return /* @__PURE__ */ jsx11(
+  return /* @__PURE__ */ jsx8(
     FieldFrame,
     {
-      label: /* @__PURE__ */ jsxs3(
+      label: /* @__PURE__ */ jsxs2(
         "span",
         {
           style: {
@@ -4603,18 +3959,18 @@ function ChoiceListField({
             gap: theme.space[2]
           },
           children: [
-            /* @__PURE__ */ jsx11("span", { children: labelForInput(input) }),
-            meta ? /* @__PURE__ */ jsx11("span", { style: { color: theme.semantic.text.muted }, children: meta }) : null
+            /* @__PURE__ */ jsx8("span", { children: labelForInput(input) }),
+            meta ? /* @__PURE__ */ jsx8("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) => {
+      children: /* @__PURE__ */ jsx8("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(
+        return /* @__PURE__ */ jsx8(
           ThemedButton,
           {
             type: "button",
@@ -4646,7 +4002,7 @@ function ChoiceListField({
             }),
             onClick: () => toggle(value2),
             className: "h-8 px-3 text-sm",
-            children: /* @__PURE__ */ jsx11(ChoiceOptionLabel, { choice })
+            children: /* @__PURE__ */ jsx8(ChoiceOptionLabel, { choice })
           },
           value2
         );
@@ -4666,13 +4022,13 @@ function ResourceMapField({
   domain
 }) {
   const theme = useTheme();
-  const current = isRecord2(value) ? value : {};
+  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 });
   };
-  return /* @__PURE__ */ jsx11(FieldFrame, { label: labelForInput(input), errors, missing, children: /* @__PURE__ */ jsx11(
+  return /* @__PURE__ */ jsx8(FieldFrame, { label: labelForInput(input), errors, missing, children: /* @__PURE__ */ jsx8(
     "span",
     {
       style: {
@@ -4684,7 +4040,7 @@ function ResourceMapField({
         const min = resource.min ?? 0;
         const max = resource.max ?? 0;
         const amount = numberOrZero(current[resource.resourceId]);
-        return /* @__PURE__ */ jsxs3(
+        return /* @__PURE__ */ jsxs2(
           "span",
           {
             style: {
@@ -4697,7 +4053,7 @@ function ResourceMapField({
               background: theme.semantic.surface.inset
             },
             children: [
-              /* @__PURE__ */ jsxs3(
+              /* @__PURE__ */ jsxs2(
                 "span",
                 {
                   style: {
@@ -4707,12 +4063,12 @@ function ResourceMapField({
                     gap: theme.space[1]
                   },
                   children: [
-                    resource.icon ? /* @__PURE__ */ jsx11("span", { "aria-hidden": true, style: { fontSize: "1.1em" }, children: resource.icon }) : null,
+                    resource.icon ? /* @__PURE__ */ jsx8("span", { "aria-hidden": true, style: { fontSize: "1.1em" }, children: resource.icon }) : null,
                     resource.label ?? humanize(input.key)
                   ]
                 }
               ),
-              /* @__PURE__ */ jsx11(
+              /* @__PURE__ */ jsx8(
                 StepperButton,
                 {
                   label: `Decrease ${resource.label ?? resource.resourceId}`,
@@ -4739,7 +4095,7 @@ function ResourceMapField({
                   children: "-"
                 }
               ),
-              /* @__PURE__ */ jsx11(
+              /* @__PURE__ */ jsx8(
                 "span",
                 {
                   style: {
@@ -4750,7 +4106,7 @@ function ResourceMapField({
                   children: amount
                 }
               ),
-              /* @__PURE__ */ jsx11(
+              /* @__PURE__ */ jsx8(
                 StepperButton,
                 {
                   label: `Increase ${resource.label ?? resource.resourceId}`,
@@ -4803,14 +4159,14 @@ function BoundedNumberField({
   const current = typeof value === "number" ? value : min;
   const controlId = useId();
   const update = (next) => setValue(Math.max(min, Math.min(max, next)));
-  return /* @__PURE__ */ jsx11(
+  return /* @__PURE__ */ jsx8(
     FieldFrame,
     {
       label: labelForInput(input),
       controlId,
       errors,
       missing,
-      children: /* @__PURE__ */ jsxs3(
+      children: /* @__PURE__ */ jsxs2(
         "span",
         {
           style: {
@@ -4819,7 +4175,7 @@ function BoundedNumberField({
             gap: theme.space[1]
           },
           children: [
-            /* @__PURE__ */ jsx11(
+            /* @__PURE__ */ jsx8(
               StepperButton,
               {
                 label: `Decrease ${input.key}`,
@@ -4844,7 +4200,7 @@ function BoundedNumberField({
                 children: "-"
               }
             ),
-            /* @__PURE__ */ jsx11(
+            /* @__PURE__ */ jsx8(
               Input,
               {
                 id: controlId,
@@ -4874,7 +4230,7 @@ function BoundedNumberField({
                 className: "h-9 w-[8ch] px-2 text-center text-sm md:text-sm"
               }
             ),
-            /* @__PURE__ */ jsx11(
+            /* @__PURE__ */ jsx8(
               StepperButton,
               {
                 label: `Increase ${input.key}`,
@@ -4913,7 +4269,7 @@ function TargetSummaryField({
   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.` }) });
+  return /* @__PURE__ */ jsx8(FieldFrame, { label: labelForInput(input), errors, missing, children: /* @__PURE__ */ jsx8("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";
@@ -4932,7 +4288,7 @@ function StepperButton({
   onClick,
   children
 }) {
-  return /* @__PURE__ */ jsx11(
+  return /* @__PURE__ */ jsx8(
     ThemedButton,
     {
       type: "button",
@@ -4959,7 +4315,7 @@ function labelForInput(input) {
 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) {
+function isRecord(value) {
   return typeof value === "object" && value !== null && !Array.isArray(value);
 }
 function numberOrZero(value) {
@@ -4968,15 +4324,15 @@ function numberOrZero(value) {
 
 // src/runtime/components/interaction-form/InteractionForm.tsx
 import {
-  useEffect as useEffect6,
+  useEffect as useEffect3,
   useId as useId2,
-  useMemo as useMemo12,
-  useState as useState4
+  useMemo as useMemo10,
+  useState
 } 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";
+import { Fragment as Fragment7, jsx as jsx9 } from "react/jsx-runtime";
 function createInteractionInputSlot({
   descriptor,
   input,
@@ -5024,7 +4380,7 @@ function createInteractionInputSlot({
         intent: selection?.mode === "many" ? "toggle" : "select"
       }).semanticEffects
     });
-    return /* @__PURE__ */ jsx12(
+    return /* @__PURE__ */ jsx9(
       "button",
       {
         type: "button",
@@ -5050,7 +4406,7 @@ function createInteractionInputSlot({
     );
   };
   return {
-    Field: () => /* @__PURE__ */ jsx12(
+    Field: () => /* @__PURE__ */ jsx9(
       DefaultInteractionField,
       {
         descriptor,
@@ -5088,7 +4444,7 @@ function createInteractionInputSlot({
           intent: "select"
         }).semanticEffects : void 0
       });
-      return /* @__PURE__ */ jsx12(
+      return /* @__PURE__ */ jsx9(
         "button",
         {
           type: "button",
@@ -5111,24 +4467,24 @@ function createInteractionInputSlot({
     Cards: ({ children }) => {
       const domain = resolvedInput.domain;
       const targets = isResolvedTargetDomain(domain) ? domain.eligibleTargets : [];
-      return /* @__PURE__ */ jsx12(Fragment8, { children: targets.map((id) => children({ id })) });
+      return /* @__PURE__ */ jsx9(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__ */ jsx12(Fragment8, { children: choices.map((choice) => children(choice)) });
+      return /* @__PURE__ */ jsx9(Fragment7, { children: choices.map((choice) => children(choice)) });
     },
-    Value: ({ children }) => /* @__PURE__ */ jsx12(Fragment8, { children: children(value) }),
-    Label: ({ children }) => /* @__PURE__ */ jsx12(Fragment8, { children: children ?? labelForInput(resolvedInput) }),
+    Value: ({ children }) => /* @__PURE__ */ jsx9(Fragment7, { children: children(value) }),
+    Label: ({ children }) => /* @__PURE__ */ jsx9(Fragment7, { 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;
+      return message ? /* @__PURE__ */ jsx9("span", { role: "alert", "data-dreamboard-interaction-message-slot": "", children: message }) : null;
     }
   };
 }
 
 // src/runtime/components/interaction-form/InteractionForm.tsx
-import { Fragment as Fragment9, jsx as jsx13, jsxs as jsxs4 } from "react/jsx-runtime";
+import { Fragment as Fragment8, jsx as jsx10, jsxs as jsxs3 } from "react/jsx-runtime";
 function InteractionForm({
   descriptor,
   handle,
@@ -5152,14 +4508,14 @@ function InteractionForm({
   const fallbackLabel = interactionLabel(descriptor);
   const formId = useId2();
   useChromeSuppression(formId, true);
-  const [pending, setPending] = useState4(false);
-  const [validation, setValidation] = useState4(
+  const [pending, setPending] = useState(false);
+  const [validation, setValidation] = useState(
     null
   );
-  const [formError, setFormError] = useState4(null);
-  const [accordionOpen, setAccordionOpen] = useState4(defaultOpen);
-  const hidden = useMemo12(() => new Set(hiddenFields ?? []), [hiddenFields]);
-  const visibleInputs = useMemo12(() => {
+  const [formError, setFormError] = useState(null);
+  const [accordionOpen, setAccordionOpen] = useState(defaultOpen);
+  const hidden = useMemo10(() => new Set(hiddenFields ?? []), [hiddenFields]);
+  const visibleInputs = useMemo10(() => {
     if (inputs) {
       const rendered = new Set(Object.keys(inputs));
       return resolveInteractionInputs(
@@ -5223,7 +4579,7 @@ function InteractionForm({
     actuatorId: "submit",
     semanticEffects: submitMetadata.semanticEffects
   });
-  useEffect6(() => {
+  useEffect3(() => {
     setAccordionOpen(defaultOpen);
   }, [defaultOpen, descriptor.interactionId]);
   const containerStyle = {
@@ -5261,8 +4617,8 @@ function InteractionForm({
       setPending(false);
     }
   };
-  const header = /* @__PURE__ */ jsxs4("div", { style: { display: "flex", flexDirection: "column", gap: 2 }, children: [
-    /* @__PURE__ */ jsx13(
+  const header = /* @__PURE__ */ jsxs3("div", { style: { display: "flex", flexDirection: "column", gap: 2 }, children: [
+    /* @__PURE__ */ jsx10(
       "strong",
       {
         style: {
@@ -5273,7 +4629,7 @@ function InteractionForm({
         children: title ?? fallbackLabel
       }
     ),
-    description ? /* @__PURE__ */ jsx13(
+    description ? /* @__PURE__ */ jsx10(
       "span",
       {
         style: {
@@ -5284,7 +4640,7 @@ function InteractionForm({
       }
     ) : null
   ] });
-  const fieldsContent = visibleInputs.length > 0 ? /* @__PURE__ */ jsx13(
+  const fieldsContent = visibleInputs.length > 0 ? /* @__PURE__ */ jsx10(
     "div",
     {
       style: {
@@ -5295,7 +4651,7 @@ function InteractionForm({
       children: visibleInputs.map((input) => {
         const key = input.key;
         const inputRenderer = inputs?.[key];
-        return /* @__PURE__ */ jsx13(
+        return /* @__PURE__ */ jsx10(
           InteractionField,
           {
             descriptor,
@@ -5325,7 +4681,7 @@ function InteractionForm({
       `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(
+  const formErrorContent = formErrors.length > 0 ? /* @__PURE__ */ jsx10(
     "div",
     {
       role: "alert",
@@ -5336,10 +4692,10 @@ function InteractionForm({
         color: theme.semantic.intent.danger.solid,
         fontSize: theme.typography.fontSize.sm
       },
-      children: formErrors.map((error) => /* @__PURE__ */ jsx13("span", { children: error }, error))
+      children: formErrors.map((error) => /* @__PURE__ */ jsx10("span", { children: error }, error))
     }
   ) : null;
-  const actions = /* @__PURE__ */ jsxs4(
+  const actions = /* @__PURE__ */ jsxs3(
     "div",
     {
       style: {
@@ -5348,7 +4704,7 @@ function InteractionForm({
         justifyContent: "flex-end"
       },
       children: [
-        onCancel ? /* @__PURE__ */ jsx13(
+        onCancel ? /* @__PURE__ */ jsx10(
           ThemedButton,
           {
             type: "button",
@@ -5362,7 +4718,7 @@ function InteractionForm({
         ) : null,
         renderSubmit ? renderSubmit(
           {
-            Button: ({ children, ...buttonProps }) => /* @__PURE__ */ jsx13(
+            Button: ({ children, ...buttonProps }) => /* @__PURE__ */ jsx10(
               ThemedButton,
               {
                 type: "submit",
@@ -5377,7 +4733,7 @@ function InteractionForm({
             )
           },
           descriptor
-        ) : /* @__PURE__ */ jsx13(
+        ) : /* @__PURE__ */ jsx10(
           ThemedButton,
           {
             type: "submit",
@@ -5392,12 +4748,12 @@ function InteractionForm({
       ]
     }
   );
-  const body = /* @__PURE__ */ jsxs4(Fragment9, { children: [
+  const body = /* @__PURE__ */ jsxs3(Fragment8, { children: [
     fieldsContent,
     formErrorContent,
     actions
   ] });
-  return /* @__PURE__ */ jsx13(
+  return /* @__PURE__ */ jsx10(
     "form",
     {
       "data-interaction-form": true,
@@ -5405,15 +4761,15 @@ function InteractionForm({
       onSubmit: (event) => void submit(event),
       style: containerStyle,
       ...rootBrowserAttributes,
-      children: useAccordion ? /* @__PURE__ */ jsx13(
+      children: useAccordion ? /* @__PURE__ */ jsx10(
         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(
+          children: /* @__PURE__ */ jsxs3(AccordionPrimitive.Item, { value: "fields", children: [
+            /* @__PURE__ */ jsx10(AccordionPrimitive.Header, { style: { margin: 0 }, children: /* @__PURE__ */ jsxs3(
               AccordionPrimitive.Trigger,
               {
                 ...armBrowserAttributes,
@@ -5434,12 +4790,12 @@ function InteractionForm({
                   width: "100%"
                 },
                 children: [
-                  /* @__PURE__ */ jsx13("span", { children: title ?? fallbackLabel }),
-                  /* @__PURE__ */ jsx13("span", { "aria-hidden": true, children: accordionOpen ? "\u2212" : "+" })
+                  /* @__PURE__ */ jsx10("span", { children: title ?? fallbackLabel }),
+                  /* @__PURE__ */ jsx10("span", { "aria-hidden": true, children: accordionOpen ? "\u2212" : "+" })
                 ]
               }
             ) }),
-            /* @__PURE__ */ jsx13(AccordionPrimitive.Content, { children: /* @__PURE__ */ jsxs4(
+            /* @__PURE__ */ jsx10(AccordionPrimitive.Content, { children: /* @__PURE__ */ jsxs3(
               "div",
               {
                 style: {
@@ -5449,7 +4805,7 @@ function InteractionForm({
                   marginTop: theme.space[2]
                 },
                 children: [
-                  description ? /* @__PURE__ */ jsx13(
+                  description ? /* @__PURE__ */ jsx10(
                     "span",
                     {
                       style: {
@@ -5465,7 +4821,7 @@ function InteractionForm({
             ) })
           ] })
         }
-      ) : /* @__PURE__ */ jsxs4(Fragment9, { children: [
+      ) : /* @__PURE__ */ jsxs3(Fragment8, { children: [
         header,
         body
       ] })
@@ -5474,7 +4830,7 @@ function InteractionForm({
 }
 
 // src/runtime/primitives/interaction/form.tsx
-import { jsx as jsx14 } from "react/jsx-runtime";
+import { jsx as jsx11 } from "react/jsx-runtime";
 function castInteractionHandle(handle) {
   return handle;
 }
@@ -5486,7 +4842,7 @@ function BoundInteractionForm({
   handle,
   ...props
 }) {
-  return /* @__PURE__ */ jsx14(
+  return /* @__PURE__ */ jsx11(
     InteractionForm,
     {
       descriptor,
@@ -5498,7 +4854,7 @@ function BoundInteractionForm({
 function InteractionFormPrimitive(props) {
   const { descriptor, handle } = useInteractionPrimitiveContext();
   if (!descriptor || !handle) return null;
-  return /* @__PURE__ */ jsx14(
+  return /* @__PURE__ */ jsx11(
     BoundInteractionForm,
     {
       descriptor,
@@ -5510,7 +4866,7 @@ function InteractionFormPrimitive(props) {
 function InteractionFieldPrimitive({ input, ...props }) {
   const { descriptor, handle } = useInteractionPrimitiveContext();
   if (!descriptor || !handle) return null;
-  return /* @__PURE__ */ jsx14(
+  return /* @__PURE__ */ jsx11(
     InteractionField,
     {
       descriptor,
@@ -5522,12 +4878,12 @@ function InteractionFieldPrimitive({ input, ...props }) {
 }
 
 // src/runtime/primitives/interaction/state.tsx
-import { Fragment as Fragment10, jsx as jsx15 } from "react/jsx-runtime";
+import { Fragment as Fragment9, jsx as jsx12 } 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__ */ jsx12(Fragment9, { children: unavailable });
   }
   const typedHandle = castInteractionHandle(handle);
   const liveDraft = castInteractionDraft(
@@ -5535,7 +4891,7 @@ function InteractionState({ children, unavailable }) {
   );
   const inputKeys = descriptor.inputs.map((input) => input.key);
   const readiness = getInteractionDraftReadiness(descriptor, liveDraft);
-  return /* @__PURE__ */ jsx15(Fragment10, { children: children({
+  return /* @__PURE__ */ jsx12(Fragment9, { children: children({
     interaction,
     descriptor,
     handle: typedHandle,
@@ -5554,25 +4910,25 @@ function InteractionState({ children, unavailable }) {
 }
 
 // src/runtime/primitives/interaction/routes.tsx
-import { Fragment as Fragment11, jsx as jsx16 } from "react/jsx-runtime";
+import { Fragment as Fragment10, jsx as jsx13 } from "react/jsx-runtime";
 function InteractionSwitch({
   interaction,
   routes,
   fallback = null
 }) {
   const pendingInteractionKey = usePendingInteractionKey();
-  const descriptors = usePluginState(
-    (state) => state.gameplay.availableInteractions
+  const descriptors = useAuthoredPluginGameplayFrameSelector(
+    (frame) => frame.availableInteractions
   );
   const routedInteraction = interaction ?? pendingInteractionKey;
   const descriptor = routedInteraction ? descriptors.find(
     (candidate) => candidate.interactionKey === routedInteraction
   ) : void 0;
-  if (!descriptor) return /* @__PURE__ */ jsx16(Fragment11, { children: fallback });
+  if (!descriptor) return /* @__PURE__ */ jsx13(Fragment10, { children: fallback });
   const route = routes[descriptor.interactionKey] ?? null;
-  if (!route) return /* @__PURE__ */ jsx16(Fragment11, { children: fallback });
+  if (!route) return /* @__PURE__ */ jsx13(Fragment10, { children: fallback });
   const typedInteraction = descriptor.interactionKey;
-  return /* @__PURE__ */ jsx16(InteractionRoot, { interaction: typedInteraction, children: route({
+  return /* @__PURE__ */ jsx13(InteractionRoot, { interaction: typedInteraction, children: route({
     interaction: typedInteraction,
     descriptor
   }) });
@@ -5593,10 +4949,10 @@ function InteractionRoutes({
   includeUnavailable = false
 }) {
   const runtime = useRuntimeContext();
-  const descriptors = usePluginState(
-    (state) => state.gameplay.availableInteractions
+  const descriptors = useAuthoredPluginGameplayFrameSelector(
+    (frame) => frame.availableInteractions
   );
-  if (descriptors.length === 0) return /* @__PURE__ */ jsx16(Fragment11, { children: fallback });
+  if (descriptors.length === 0) return /* @__PURE__ */ jsx13(Fragment10, { children: fallback });
   const routedDescriptors = descriptors.filter(
     (descriptor) => includeUnavailable || isInteractionAvailable(descriptor)
   ).map((descriptor) => {
@@ -5620,20 +4976,20 @@ function InteractionRoutes({
     }
     return descriptor;
   });
-  if (routedDescriptors.length === 0) return /* @__PURE__ */ jsx16(Fragment11, { children: fallback });
+  if (routedDescriptors.length === 0) return /* @__PURE__ */ jsx13(Fragment10, { children: fallback });
   return null;
 }
 
 // src/runtime/primitives/interaction/dialog.tsx
-import { useEffect as useEffect7, useMemo as useMemo14, useRef as useRef4 } from "react";
+import { useEffect as useEffect4, useMemo as useMemo12, useRef as useRef3 } from "react";
 
 // src/ui/primitives/dialog-lifecycle.ts
-import { useCallback as useCallback5, useMemo as useMemo13, useState as useState5 } from "react";
+import { useCallback as useCallback5, useMemo as useMemo11, useState as useState2 } from "react";
 function useDialogLifecycle({
   defaultOpen = true,
   onStateChange
 }) {
-  const [state, setState] = useState5(
+  const [state, setState] = useState2(
     defaultOpen ? "open" : "minimized"
   );
   const updateState = useCallback5(
@@ -5652,7 +5008,7 @@ function useDialogLifecycle({
     },
     [updateState]
   );
-  return useMemo13(
+  return useMemo11(
     () => ({
       state,
       open: state === "open",
@@ -5668,7 +5024,7 @@ function useDialogLifecycle({
 }
 
 // src/runtime/primitives/interaction/dialog.tsx
-import { Fragment as Fragment12, jsx as jsx17 } from "react/jsx-runtime";
+import { Fragment as Fragment11, jsx as jsx14 } from "react/jsx-runtime";
 function InteractionDialog({
   defaultOpen = false,
   onStateChange,
@@ -5678,8 +5034,8 @@ function InteractionDialog({
   const pendingInteractionKey = usePendingInteractionKey();
   const pendingInteractionRevision = usePendingInteractionRevision();
   const lifecycle = useDialogLifecycle({ defaultOpen, onStateChange });
-  const restoredRevisionRef = useRef4(null);
-  useEffect7(() => {
+  const restoredRevisionRef = useRef3(null);
+  useEffect4(() => {
     if (pendingInteractionKey === interaction && restoredRevisionRef.current !== pendingInteractionRevision) {
       restoredRevisionRef.current = pendingInteractionRevision;
       lifecycle.restore();
@@ -5690,14 +5046,14 @@ function InteractionDialog({
     pendingInteractionKey,
     pendingInteractionRevision
   ]);
-  const renderState = useMemo14(
+  const renderState = useMemo12(
     () => ({
       interaction,
       ...lifecycle
     }),
     [interaction, lifecycle]
   );
-  return /* @__PURE__ */ jsx17(Fragment12, { children: children(renderState) });
+  return /* @__PURE__ */ jsx14(Fragment11, { children: children(renderState) });
 }
 
 // src/runtime/primitives/interaction/controls.tsx
@@ -5905,12 +5261,12 @@ function InteractionCardInput({
   const zoneContext = useOptionalZonePrimitiveContext();
   const cardId = zoneCard?.cardId ?? unsafeCardId;
   const validationZone = zoneCard?.zone ?? zoneContext?.zone;
-  const zoneSnapshot = usePluginState(
-    (state) => validationZone ? state.gameplay.zones[validationZone] : void 0
+  const zoneSnapshot = useAuthoredPluginGameplayFrameSelector(
+    (frame) => validationZone ? frame.zones[validationZone] : void 0
   );
-  const cardDescriptor = usePluginState((state) => {
+  const cardDescriptor = useAuthoredPluginGameplayFrameSelector((frame) => {
     if (!cardId || !validationZone) return void 0;
-    return state.gameplay.zones[validationZone]?.playableByCardId[cardId]?.find(
+    return frame.zones[validationZone]?.playableByCardId[cardId]?.find(
       (candidate) => candidate.interactionKey === descriptor?.interactionKey && candidate.inputs.some((candidateInput) => candidateInput.key === input)
     );
   });
@@ -6113,7 +5469,7 @@ var Interaction = {
 };
 
 // src/runtime/primitives/phase.tsx
-import { Fragment as Fragment13, jsx as jsx18 } from "react/jsx-runtime";
+import { Fragment as Fragment12, jsx as jsx15 } from "react/jsx-runtime";
 function hasRoute(routes, phase) {
   return Object.prototype.hasOwnProperty.call(routes, phase);
 }
@@ -6124,11 +5480,13 @@ function PhaseSwitch({
   routes,
   fallback
 }) {
-  const phase = usePluginState((state) => state.gameplay.currentPhase);
+  const phase = useAuthoredPluginGameplayFrameSelector(
+    (frame) => frame.flow.currentPhase
+  );
   if (phase && hasRoute(routes, phase)) {
-    return /* @__PURE__ */ jsx18(Fragment13, { children: routes[phase]() });
+    return /* @__PURE__ */ jsx15(Fragment12, { children: routes[phase]() });
   }
-  return /* @__PURE__ */ jsx18(Fragment13, { children: renderFallback(fallback, phase) });
+  return /* @__PURE__ */ jsx15(Fragment12, { children: renderFallback(fallback, phase) });
 }
 var Phase = {
   Switch: PhaseSwitch
@@ -6136,17 +5494,17 @@ var Phase = {
 
 // src/runtime/primitives/player-roster.tsx
 import {
-  createContext as createContext10,
-  Fragment as Fragment14,
-  useContext as useContext10,
-  useMemo as useMemo15
+  createContext as createContext6,
+  Fragment as Fragment13,
+  useContext as useContext6,
+  useMemo as useMemo13
 } from "react";
-import { Fragment as Fragment15, jsx as jsx19, jsxs as jsxs5 } from "react/jsx-runtime";
-var PlayerRosterContext = createContext10(
+import { Fragment as Fragment14, jsx as jsx16, jsxs as jsxs4 } from "react/jsx-runtime";
+var PlayerRosterContext = createContext6(
   null
 );
 function usePlayerRosterContext() {
-  const value = useContext10(PlayerRosterContext);
+  const value = useContext6(PlayerRosterContext);
   if (!value) {
     throw new Error(
       "PlayerRoster primitives must be rendered inside <PlayerRoster.Root>."
@@ -6171,8 +5529,8 @@ function PlayerRosterRoot({
   const playerInfo = usePlayerInfo();
   const activePlayers = useActivePlayers();
   const turnOrder = usePlayerTurnOrder();
-  const { controllingPlayerId, controllablePlayerIds } = usePluginSession();
-  const players = useMemo15(() => {
+  const { controllingPlayerId } = usePluginSession();
+  const players = useMemo13(() => {
     const orderedPlayerIds = order === "self-first" && controllingPlayerId ? [
       ...turnOrder.filter((pid) => pid === controllingPlayerId),
       ...turnOrder.filter((pid) => pid !== controllingPlayerId)
@@ -6180,7 +5538,6 @@ function PlayerRosterRoot({
     return orderedPlayerIds.map((playerId, index) => {
       const player = playerInfo.get(playerId);
       const isCurrentPlayer = playerId === controllingPlayerId;
-      const isControllable = controllablePlayerIds.includes(playerId);
       const resolvedScoreLabel = typeof scoreLabel === "function" ? scoreLabel(playerId) : scoreLabel;
       return {
         playerId,
@@ -6189,8 +5546,6 @@ function PlayerRosterRoot({
         index,
         isActive: activePlayers.includes(playerId),
         isCurrentPlayer,
-        isControllable,
-        canSwitchToPlayer: controllablePlayerIds.length > 1 && isControllable && !isCurrentPlayer,
         score: score?.(playerId),
         scoreLabel: resolvedScoreLabel,
         badges: projectBadges(badges, playerId),
@@ -6204,7 +5559,6 @@ function PlayerRosterRoot({
   }, [
     activePlayers,
     badges,
-    controllablePlayerIds,
     controllingPlayerId,
     include,
     metadata,
@@ -6214,11 +5568,11 @@ function PlayerRosterRoot({
     scoreLabel,
     turnOrder
   ]);
-  const value = useMemo15(
+  const value = useMemo13(
     () => ({ players }),
     [players]
   );
-  return /* @__PURE__ */ jsx19(PlayerRosterContext.Provider, { value, children });
+  return /* @__PURE__ */ jsx16(PlayerRosterContext.Provider, { value, children });
 }
 function PlayerRosterList({
   children,
@@ -6228,39 +5582,13 @@ function PlayerRosterList({
   return renderPrimitive("div", {
     ...props,
     "data-dreamboard-player-roster-list": "",
-    children: players.map((player) => /* @__PURE__ */ jsx19(Fragment14, { children: children ? children(player) : /* @__PURE__ */ jsx19(PlayerRosterName, { player }) }, player.playerId))
+    children: players.map((player) => /* @__PURE__ */ jsx16(Fragment13, { children: children ? children(player) : /* @__PURE__ */ jsx16(PlayerRosterName, { player }) }, player.playerId))
   });
 }
 function PlayerRosterEmpty({ children }) {
   const { players } = usePlayerRosterContext();
   if (players.length > 0) return null;
-  return /* @__PURE__ */ jsx19(Fragment15, { children });
-}
-function PlayerRosterSwitchButton({
-  player,
-  disabled,
-  onClick,
-  ...props
-}) {
-  const { switchPlayer } = usePluginActions();
-  const isDisabled = disabled === true || !player.canSwitchToPlayer;
-  return renderPrimitive("button", {
-    type: "button",
-    ...props,
-    disabled: isDisabled,
-    "aria-current": player.isCurrentPlayer ? "true" : void 0,
-    "aria-disabled": isDisabled,
-    "data-dreamboard-player-roster-switch": "",
-    "data-player-id": player.playerId,
-    "data-active": player.isActive || void 0,
-    "data-current": player.isCurrentPlayer || void 0,
-    "data-controllable": player.isControllable || void 0,
-    "data-switchable": player.canSwitchToPlayer || void 0,
-    "data-disabled": isDisabled || void 0,
-    onClick: composeEventHandlers(onClick, () => {
-      if (!isDisabled) switchPlayer(player.playerId);
-    })
-  });
+  return /* @__PURE__ */ jsx16(Fragment14, { children });
 }
 function PlayerRosterName({
   player,
@@ -6295,7 +5623,7 @@ function PlayerRosterBadges({
   return renderPrimitive("span", {
     ...props,
     "data-dreamboard-player-roster-badges": "",
-    children: children ?? player.badges.map((badge) => /* @__PURE__ */ jsxs5(
+    children: children ?? player.badges.map((badge) => /* @__PURE__ */ jsxs4(
       "span",
       {
         "data-dreamboard-player-roster-badge": "",
@@ -6314,7 +5642,6 @@ var PlayerRoster = {
   Root: PlayerRosterRoot,
   List: PlayerRosterList,
   Empty: PlayerRosterEmpty,
-  SwitchButton: PlayerRosterSwitchButton,
   Name: PlayerRosterName,
   Score: PlayerRosterScore,
   Badges: PlayerRosterBadges
@@ -6322,16 +5649,16 @@ var PlayerRoster = {
 
 // src/runtime/primitives/prompt.tsx
 import {
-  Fragment as Fragment16,
-  createContext as createContext11,
-  useContext as useContext11,
-  useMemo as useMemo16
+  Fragment as Fragment15,
+  createContext as createContext7,
+  useContext as useContext7,
+  useMemo as useMemo14
 } from "react";
 
 // src/runtime/hooks/useSeatInbox.ts
 function useSeatInbox() {
-  const interactions = usePluginState(
-    (s) => s.gameplay.availableInteractions ?? []
+  const interactions = usePluginGameplayFrameSelector(
+    (frame) => frame.availableInteractions ?? []
   );
   const bySurface = {};
   const prompts = [];
@@ -6362,21 +5689,21 @@ function bucketForDescriptor(descriptor) {
 }
 
 // src/runtime/primitives/prompt.tsx
-import { Fragment as Fragment17, jsx as jsx20 } from "react/jsx-runtime";
+import { Fragment as Fragment16, jsx as jsx17 } from "react/jsx-runtime";
 function PromptRoot(props) {
-  return /* @__PURE__ */ jsx20(InteractionRoot, { ...props });
+  return /* @__PURE__ */ jsx17(InteractionRoot, { ...props });
 }
 function PromptTitle(props) {
   const { descriptor } = useInteractionPrimitiveContext();
   const context = descriptor?.kind === "prompt" ? descriptor.context : void 0;
-  return /* @__PURE__ */ jsx20(InteractionLabel, { ...props, children: props.children ?? context?.title ?? (descriptor ? interactionLabel(descriptor) : void 0) });
+  return /* @__PURE__ */ jsx17(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__ */ jsx20(InteractionDescription, { ...props, children: message });
+  return /* @__PURE__ */ jsx17(InteractionDescription, { ...props, children: message });
 }
 function PromptOption({
   value,
@@ -6427,7 +5754,7 @@ function PromptOption({
 function PromptOptions({ children }) {
   const { descriptor } = useInteractionPrimitiveContext();
   const options = descriptor?.kind === "prompt" ? descriptor.context.options ?? [] : [];
-  return /* @__PURE__ */ jsx20(Fragment17, { children: options.map((option) => /* @__PURE__ */ jsx20(Fragment16, { children: children(option) }, option.id)) });
+  return /* @__PURE__ */ jsx17(Fragment16, { children: options.map((option) => /* @__PURE__ */ jsx17(Fragment15, { children: children(option) }, option.id)) });
 }
 function PromptDialog({
   prompt,
@@ -6436,18 +5763,18 @@ function PromptDialog({
   children
 }) {
   const lifecycle = useDialogLifecycle({ defaultOpen, onStateChange });
-  const renderState = useMemo16(
+  const renderState = useMemo14(
     () => ({
       prompt,
       ...lifecycle
     }),
     [lifecycle, prompt]
   );
-  return /* @__PURE__ */ jsx20(Fragment17, { children: children(renderState) });
+  return /* @__PURE__ */ jsx17(Fragment16, { children: children(renderState) });
 }
-var PromptInboxContext = createContext11(null);
+var PromptInboxContext = createContext7(null);
 function usePromptInboxContext() {
-  const value = useContext11(PromptInboxContext);
+  const value = useContext7(PromptInboxContext);
   if (!value) {
     throw new Error(
       "PromptInbox primitives must be rendered inside <PromptInbox.Root>."
@@ -6457,16 +5784,16 @@ function usePromptInboxContext() {
 }
 function PromptInboxRoot({ children }) {
   const inbox = useSeatInbox();
-  return /* @__PURE__ */ jsx20(PromptInboxContext.Provider, { value: { prompts: inbox.prompts }, children });
+  return /* @__PURE__ */ jsx17(PromptInboxContext.Provider, { value: { prompts: inbox.prompts }, children });
 }
 function PromptInboxEmpty({ children }) {
   const { prompts } = usePromptInboxContext();
   if (prompts.length > 0) return null;
-  return /* @__PURE__ */ jsx20(Fragment17, { children });
+  return /* @__PURE__ */ jsx17(Fragment16, { children });
 }
 function PromptInboxItems({ children }) {
   const { prompts } = usePromptInboxContext();
-  return /* @__PURE__ */ jsx20(Fragment17, { children: prompts.map((prompt) => children(prompt)) });
+  return /* @__PURE__ */ jsx17(Fragment16, { children: prompts.map((prompt) => children(prompt)) });
 }
 var Prompt = {
   Root: PromptRoot,
@@ -6483,9 +5810,9 @@ var PromptInbox = {
 };
 
 // src/runtime/primitives/dice.tsx
-import { createContext as createContext12, useContext as useContext12 } from "react";
-import { jsx as jsx21 } from "react/jsx-runtime";
-var DiceContext = createContext12(null);
+import { createContext as createContext8, useContext as useContext8 } from "react";
+import { jsx as jsx18 } from "react/jsx-runtime";
+var DiceContext = createContext8(null);
 function normalizeDiceState({
   values,
   count = 2
@@ -6504,10 +5831,10 @@ function normalizeDiceState({
   };
 }
 function DiceRoot({ values, count, children }) {
-  return /* @__PURE__ */ jsx21(DiceContext.Provider, { value: normalizeDiceState({ values, count }), children });
+  return /* @__PURE__ */ jsx18(DiceContext.Provider, { value: normalizeDiceState({ values, count }), children });
 }
 function useDicePrimitiveContext() {
-  const value = useContext12(DiceContext);
+  const value = useContext8(DiceContext);
   if (!value) {
     throw new Error("Dice primitives must be rendered inside <Dice.Root>.");
   }
@@ -6524,17 +5851,13 @@ var Dice = {
 export {
   UIRoot,
   UI,
-  usePluginSession,
-  RuntimeProvider,
-  RuntimeSemanticProjectionMarker,
-  usePluginState,
-  InteractionUiProvider,
   isInteractionAvailable,
   decodeAuthoredCardIntent,
   useCardIntentAdapter,
   useGameActionError,
   GameRoot,
   GameChrome,
+  GameViewport,
   Game,
   useZonePrimitiveContext,
   useOptionalZonePrimitiveContext,
@@ -6592,7 +5915,6 @@ export {
   PlayerRosterRoot,
   PlayerRosterList,
   PlayerRosterEmpty,
-  PlayerRosterSwitchButton,
   PlayerRosterName,
   PlayerRosterScore,
   PlayerRosterBadges,
@@ -6614,4 +5936,4 @@ export {
   DiceValues,
   Dice
 };
-//# sourceMappingURL=chunk-P7F4L2FF.js.map
+//# sourceMappingURL=chunk-WOWFONLZ.js.map