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

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

@@ -15,25 +15,38 @@ import {
   createHexBoardView,
   surfaceStyle,
   useChromeSuppression,
+  useOverlayInsets,
   useTheme,
   useThemeCssVars
-} from "./chunk-7W6TQO3X.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,
+  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-MALRKLRR.js";
+} from "./chunk-WUIVY2KE.js";
 
 // src/runtime/primitives/ui.tsx
 import { Fragment, jsx } from "react/jsx-runtime";
@@ -65,745 +78,7 @@ var UI = {
 };
 
 // src/runtime/primitives/hand-intent-adapter.ts
-import { useCallback as useCallback2 } 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 omitRecordKey(record, key) {
-  const next = { ...record };
-  delete next[key];
-  return next;
-}
-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) {
-          return { ...prev, drafts: omitRecordKey(prev.drafts, interactionId) };
-        }
-        if (!(key in current)) return prev;
-        const remainingKeys = omitRecordKey(current, key);
-        if (Object.keys(remainingKeys).length === 0) {
-          return { ...prev, drafts: omitRecordKey(prev.drafts, interactionId) };
-        }
-        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) {
-          return { ...prev, arms: omitRecordKey(prev.arms, surface) };
-        }
-        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) {
-          return {
-            ...prev,
-            submitting: omitRecordKey(prev.submitting, interactionId)
-          };
-        }
-        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,
-  useMemo as useMemo3,
-  useSyncExternalStore as useSyncExternalStore2
-} 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));
-}
-
-// src/runtime/hooks/useRuntimeSnapshotSelector.ts
-import { useCallback, useMemo as useMemo2, useSyncExternalStore } from "react";
-function defaultRuntimeSnapshotEquality(left, right) {
-  return Object.is(left, right);
-}
-function useRuntimeSnapshotSelector(subscribe, getSnapshot, getServerSnapshot, selector, equalityFn = defaultRuntimeSnapshotEquality) {
-  const cache = useMemo2(
-    () => ({ current: null, selector, equalityFn }),
-    [equalityFn, selector]
-  );
-  const getSelectedFromSnapshot = useCallback(
-    (snapshot) => {
-      const cached = cache.current;
-      if (cached && cached.snapshot === snapshot) {
-        return cached.selection;
-      }
-      const nextSelection = selector(snapshot);
-      if (cached && equalityFn(cached.selection, nextSelection)) {
-        cache.current = {
-          snapshot,
-          selection: cached.selection
-        };
-        return cached.selection;
-      }
-      cache.current = {
-        snapshot,
-        selection: nextSelection
-      };
-      return nextSelection;
-    },
-    [cache, equalityFn, selector]
-  );
-  const getSelectedSnapshot = useCallback(
-    () => getSelectedFromSnapshot(getSnapshot()),
-    [getSelectedFromSnapshot, getSnapshot]
-  );
-  const getSelectedServerSnapshot = useCallback(
-    () => selector(getServerSnapshot()),
-    [getServerSnapshot, selector]
-  );
-  const subscribeSelected = useCallback(
-    (onStoreChange) => subscribe(() => {
-      const previous = cache.current;
-      const nextSelection = getSelectedSnapshot();
-      if (!previous || !equalityFn(previous.selection, nextSelection)) {
-        onStoreChange();
-      }
-    }),
-    [cache, equalityFn, getSelectedSnapshot, subscribe]
-  );
-  return useSyncExternalStore(
-    subscribeSelected,
-    getSelectedSnapshot,
-    getSelectedServerSnapshot
-  );
-}
-
-// src/runtime/context/PluginStateContext.tsx
-import { Fragment as Fragment2, jsx as jsx4, jsxs } from "react/jsx-runtime";
-var PluginStateContext = createContext4(null);
-var GAMEPLAY_BROWSER_SCOPE_ID = "runtime";
-var BROWSER_PROJECTION_DIGEST_ATTRIBUTE = "data-dreamboard-projection-digest";
-function RuntimeSemanticProjectionMarker() {
-  const state = usePluginState((snapshot) => snapshot);
-  return /* @__PURE__ */ jsx4(SemanticProjectionMarker, { state });
-}
-function SemanticProjectionMarker({
-  state
-}) {
-  const digest = semanticProjectionDigestForState(state);
-  if (!digest) {
-    return null;
-  }
-  return /* @__PURE__ */ jsx4(
-    "span",
-    {
-      "aria-hidden": "true",
-      style: { display: "none" },
-      ...{
-        [BROWSER_INTERACTION_ATTRIBUTES.protocol]: DREAMBOARD_BROWSER_INTERACTION_PROTOCOL_VERSION,
-        [BROWSER_INTERACTION_ATTRIBUTES.surface]: GAMEPLAY_BROWSER_INTERACTION_SURFACE,
-        [BROWSER_INTERACTION_ATTRIBUTES.scope]: GAMEPLAY_BROWSER_SCOPE_ID,
-        [BROWSER_INTERACTION_ATTRIBUTES.role]: "projection",
-        [BROWSER_PROJECTION_DIGEST_ATTRIBUTE]: digest
-      }
-    }
-  );
-}
-function usePluginState(selector, equalityFn = defaultRuntimeSnapshotEquality) {
-  const runtime = useRuntimeContext();
-  const storeApi = useMemo3(() => {
-    const subscribe = (onStoreChange) => {
-      if (!runtime.subscribeToState) {
-        return () => {
-        };
-      }
-      return runtime.subscribeToState(() => {
-        onStoreChange();
-      });
-    };
-    const getSnapshot = () => {
-      const state = runtime.getSnapshot?.();
-      if (!state) {
-        throw new Error(
-          "usePluginState: No state available. Make sure you have wrapped your app with <PluginStateProvider>."
-        );
-      }
-      return state;
-    };
-    return {
-      subscribe,
-      getSnapshot,
-      getServerSnapshot: getSnapshot
-    };
-  }, [runtime]);
-  return useRuntimeSnapshotSelector(
-    storeApi.subscribe,
-    storeApi.getSnapshot,
-    storeApi.getServerSnapshot,
-    selector,
-    equalityFn
-  );
-}
-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
-  };
-}
+import { useCallback } from "react";
 
 // src/runtime/utils/interaction-inputs.ts
 function interactionInputKeys(descriptor) {
@@ -1498,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;
@@ -1541,13 +816,13 @@ 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 useCallback2(
+  return useCallback(
     async (intent) => {
       const authored = decodeAuthoredCardIntent(intent);
       if (intent.type === "previewStart" || intent.type === "previewEnd") {
@@ -1573,7 +848,6 @@ function useCardIntentAdapter({
           zoneSnapshot,
           submit: async (descriptor, params) => {
             await runtime.submitInteraction(
-              controllingPlayerId,
               descriptor.interactionId,
               params
             );
@@ -1600,54 +874,36 @@ function useCardIntentAdapter({
 }
 
 // src/runtime/primitives/game.tsx
-import { createContext as createContext5, useContext as useContext5, useMemo as useMemo7 } 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 { useMemo as useMemo4 } from "react";
-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 = defaultRuntimeSnapshotEquality) {
-  const runtime = useRuntimeContext();
   const message = "useGameSelector: Projected view not available. Ensure the reducer-native host payload is initialized.";
-  const storeApi = useMemo4(() => {
-    const subscribe = (onStoreChange) => {
-      if (!runtime.subscribeToState) {
-        return () => {
-        };
-      }
-      return runtime.subscribeToState(() => {
-        onStoreChange();
-      });
-    };
-    const getSnapshot = () => runtime.getSnapshot?.() ?? null;
-    return {
-      subscribe,
-      getSnapshot,
-      getServerSnapshot: getSnapshot
-    };
-  }, [runtime]);
-  return useRuntimeSnapshotSelector(
-    storeApi.subscribe,
-    storeApi.getSnapshot,
-    storeApi.getServerSnapshot,
-    (snapshot) => selector(requireProjectedView(snapshot, message)),
+  return usePluginGameplayFrameSelector(
+    (frame) => selector(requireProjectedView(frame, message)),
     equalityFn
   );
 }
@@ -1658,76 +914,34 @@ function useGameView() {
 }
 
 // src/runtime/hooks/usePlayerInfo.ts
-import { useMemo as useMemo5 } from "react";
-
-// src/runtime/hooks/useLobby.ts
-import { useState as useState2, useEffect as useEffect2 } 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] = useState2(
-    getStateFromSnapshot
-  );
-  useEffect2(() => {
-    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 useMemo5(() => {
-    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 useMemo6 } from "react";
+import { useMemo as useMemo2 } from "react";
 function usePlayerTurnOrder() {
-  const lobby = useLobby();
-  return useMemo6(() => {
-    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
@@ -1744,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 {
@@ -1767,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 = usePluginState((state) => state.gameplay.currentStage);
-  const playersById = useMemo7(() => {
+  const stage = useAuthoredPluginGameplayFrameSelector(
+    (frame) => frame.flow.currentStage
+  );
+  const playersById = useMemo3(() => {
     const next = /* @__PURE__ */ new Map();
     playerInfo.forEach((player, key) => {
       const playerId = key;
@@ -1783,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 = useMemo7(
+  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,
@@ -1816,7 +1022,6 @@ function useGameRenderState() {
     me: {
       playerId: controllingPlayerId,
       player: mePlayer,
-      controllablePlayerIds,
       canAct: controllingPlayerId != null && activePlayers.includes(controllingPlayerId)
     },
     turn: {
@@ -1841,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
@@ -1851,13 +1056,13 @@ function GameChrome({
   const renderState = useGameRenderState();
   const store = useInteractionUiStore();
   const pendingInteractionKey = usePendingInteractionKey();
-  const draftSnapshot = useStore2(store, (state) => state.drafts);
-  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 = useMemo7(() => {
+  const activeAction = useMemo3(() => {
     if (!descriptor) return null;
     const draft = draftSnapshot[descriptor.interactionKey] ?? store.getDraft(descriptor.interactionKey);
     const readiness = getInteractionDraftReadiness(descriptor, draft);
@@ -1875,19 +1080,30 @@ function GameChrome({
       pendingInput: pendingInput ? pendingInputState(pendingInput) : null
     };
   }, [descriptor, draftSnapshot, store]);
-  const cancel = useMemo7(
+  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,
@@ -1917,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 useMemo8
+  createContext as createContext2,
+  useContext as useContext2,
+  useMemo as useMemo4
 } from "react";
 
 // src/runtime/primitives/interaction-submit.ts
@@ -1978,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>."
@@ -2009,12 +1226,12 @@ function ZoneRoot({
   children,
   ...props
 }) {
-  const snapshot = usePluginState((state) => state.gameplay.zones[zone]) ?? null;
-  const value = useMemo8(
+  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,
@@ -2024,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",
@@ -2038,7 +1255,7 @@ function useZoneCards({
   sort
 } = {}) {
   const { zone, snapshot } = useZonePrimitiveContext();
-  return useMemo8(() => {
+  return useMemo4(() => {
     const cards = (snapshot?.cardIds ?? []).map(
       (cardId, index) => createZoneCardRenderItem(zone, snapshot, cardId, index)
     );
@@ -2060,11 +1277,11 @@ function ZoneItem({ card, children, ...props }) {
     card,
     indexOfCard(snapshot, card)
   ) : card;
-  const cardContext = useMemo8(
+  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": "",
@@ -2085,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,
@@ -2173,7 +1390,6 @@ function ZoneCardAction({
           }
           try {
             await runtime.submitInteraction(
-              controllingPlayerId,
               descriptor.interactionId,
               params
             );
@@ -2204,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,
@@ -2223,8 +1439,8 @@ function ZonePileProvider({
   children
 }) {
   const { zone, snapshot } = useZonePrimitiveContext();
-  const cards = useMemo8(() => snapshot?.cardIds ?? [], [snapshot]);
-  const items = useMemo8(
+  const cards = useMemo4(() => snapshot?.cardIds ?? [], [snapshot]);
+  const items = useMemo4(
     () => cards.map(
       (cardId, index) => createZoneCardRenderItem(zone, snapshot, cardId, index)
     ),
@@ -2234,7 +1450,7 @@ function ZonePileProvider({
   const isHidden = snapshot === null;
   const hasVisibleCards = items.length > 0;
   const description = isHidden ? hiddenDescription : hasVisibleCards ? visibleDescription?.(count) ?? null : emptyDescription;
-  const value = useMemo8(
+  const value = useMemo4(
     () => ({
       zone,
       label,
@@ -2247,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();
@@ -2298,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;
@@ -2325,7 +1541,7 @@ function createZoneCardRenderItem(zone, snapshot, cardId, index) {
   };
 }
 function useZoneCardActionRoute(cardId, snapshot, interaction, input) {
-  return useMemo8(() => {
+  return useMemo4(() => {
     if (!cardId || !snapshot) {
       return { descriptor: null, inputKey: null, ambiguous: false };
     }
@@ -2415,15 +1631,15 @@ var Zone = {
 
 // src/runtime/primitives/hand-surface.tsx
 import {
-  Fragment as Fragment5,
-  useCallback as useCallback3,
-  useEffect as useEffect3,
-  useMemo as useMemo9,
+  Fragment as Fragment4,
+  useCallback as useCallback2,
+  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,
@@ -2443,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(
-    useCallback3(
-      (state) => selectedCardIdsForZone(interactionStore, zone, state),
+  const selectedIds = useAuthoredPluginGameplayFrameSelector(
+    useCallback2(
+      (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 = useMemo9(
+  const visibleCards = useMemo5(
     () => cards.filter((card) => !selectedIds.includes(card.id)),
     [cards, selectedIds]
   );
-  const viewCards = useMemo9(
+  const viewCards = useMemo5(
     () => visibleCards.map(
       (card) => card.hidden ? {
         id: card.id,
@@ -2473,18 +1693,20 @@ function HandSurfaceView({
     ),
     [visibleCards]
   );
-  const cardByViewId = useMemo9(() => {
+  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 = useMemo9(
+  const cardDescriptorIndex = useAuthoredPluginGameplayFrameSelector(
+    (frame) => {
+      const snapshot = frame.zones[zone];
+      return snapshot?.playableByCardId ?? {};
+    }
+  );
+  const draftCardProjection = useMemo5(
     () => projectDraftCardState(
       availableInteractions,
       drafts,
@@ -2492,7 +1714,7 @@ function HandSurfaceView({
     ),
     [availableInteractions, drafts]
   );
-  const eligibleCardIds = useMemo9(() => {
+  const eligibleCardIds = useMemo5(() => {
     const set = /* @__PURE__ */ new Set();
     for (const card of visibleCards) {
       const cardId = card.id;
@@ -2507,7 +1729,7 @@ function HandSurfaceView({
     return set;
   }, [visibleCards, cardDescriptorIndex]);
   const allVisibleEligible = visibleCards.length > 1 && eligibleCardIds.size === visibleCards.length;
-  const stateForCard = useCallback3(
+  const stateForCard = useCallback2(
     (viewCard) => {
       const cardId = viewCard.id;
       const sourceCard = cardByViewId.get(cardId);
@@ -2530,7 +1752,7 @@ function HandSurfaceView({
     },
     [allVisibleEligible, cardByViewId, draftCardProjection, eligibleCardIds]
   );
-  const selectionSummary = useMemo9(() => {
+  const selectionSummary = useMemo5(() => {
     const ids = /* @__PURE__ */ new Set();
     let hasInvalidSelection = false;
     for (const entry of draftCardProjection) {
@@ -2545,12 +1767,12 @@ function HandSurfaceView({
   }, [draftCardProjection]);
   const onSelectionSummaryRef = useRef(onSelectionSummary);
   onSelectionSummaryRef.current = onSelectionSummary;
-  useEffect3(() => {
+  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": "",
@@ -2563,13 +1785,27 @@ function HandSurfaceView({
       children: actionsNode
     }
   ) : null;
-  const handleIntent = useCallback3(
+  const handleIntent = useCallback2(
     (intent) => {
       void route(intent);
     },
     [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,
@@ -2592,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": "",
@@ -2607,7 +1843,7 @@ function HandSurfaceView({
       actionsContent
     ] });
   }
-  const targets = dropTargets.map((target) => /* @__PURE__ */ jsx7(
+  const targets = dropTargets.map((target) => /* @__PURE__ */ jsx4(
     CardDropTargetView,
     {
       targetId: target.targetId,
@@ -2616,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": "",
@@ -2631,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
   ] });
@@ -2650,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,
@@ -2660,44 +1942,48 @@ function HandStagingView({
   className
 }) {
   const interactionStore = useInteractionUiStore();
-  const drafts = useStore3(
+  const drafts = useStore2(
     interactionStore,
-    useShallow2((state) => state.drafts)
+    useShallow((state) => state.drafts)
   );
-  const stagedIds = usePluginState(
-    useCallback3(
-      (state) => selectedCardIdsForZone(interactionStore, zone, state),
+  const stagedIds = useAuthoredPluginGameplayFrameSelector(
+    useCallback2(
+      (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 = useMemo9(
+  const cards = useMemo5(
     () => stagedIds.map(
       (cardId, index) => createZoneCardRenderItem(zone, zoneSnapshot, cardId, index)
     ).filter((card) => !card.hidden),
     [stagedIds, zone, zoneSnapshot]
   );
-  const selection = useMemo9(
+  const selection = useMemo5(
     () => manyCardSelectionForZone(availableInteractions, zone),
     [availableInteractions, zone]
   );
   const slotCount = selection?.max ?? (selection ? Math.max(cards.length, 1) : cards.length);
   const route = useCardIntentAdapter({ zone });
-  const onRemove = useCallback3(
+  const onRemove = useCallback2(
     (cardId) => {
       void route({ type: "activate", cardId, source: "tap" });
     },
     [route]
   );
   if (slotCount <= 0 && cards.length === 0) return null;
-  return /* @__PURE__ */ jsx7(
+  return /* @__PURE__ */ jsx4(
     StagingZone,
     {
       cards,
@@ -2715,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"
     );
@@ -2730,15 +2016,15 @@ function descriptorsHaveDestinationInput(state) {
 
 // src/runtime/primitives/board.tsx
 import {
-  createContext as createContext7,
-  useContext as useContext7,
-  useMemo as useMemo11
+  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 useCallback4, useMemo as useMemo10 } 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 {
@@ -2769,7 +2055,7 @@ function interactionDraftDigestForValues(descriptor, values) {
     interactionKey: descriptor.interactionKey,
     values: {
       ...defaults,
-      ...toCanonicalJson2(values)
+      ...toCanonicalJson(values)
     }
   });
 }
@@ -2780,7 +2066,7 @@ function draftDigest({
   interactionKey,
   values
 }) {
-  return hashJson2({
+  return hashJson({
     digestVersion: "interaction-draft@2",
     actorSeat,
     descriptorDigest,
@@ -2793,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;
   }
@@ -2805,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;
   }
@@ -2831,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) {
@@ -2894,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) {
@@ -3149,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 = useMemo10(
+  const targetKindSet = useMemo6(
     () => new Set(targetKinds),
     [targetKinds]
   );
-  const armedIds = useMemo10(
+  const armedIds = useMemo6(
     () => new Set(Object.values(armedBySurface)),
     [armedBySurface]
   );
-  const interactions = useMemo10(() => {
+  const interactions = useMemo6(() => {
     return descriptors.flatMap(
       (descriptor) => {
         if (armedIds.has(descriptor.interactionKey)) {
@@ -3185,7 +2471,7 @@ function useBoardInteractions(options = {}) {
       }
     );
   }, [armedIds, descriptors, targetKindSet, targetKinds]);
-  const eligible = useMemo10(() => {
+  const eligible = useMemo6(() => {
     const acc = {
       edge: /* @__PURE__ */ new Set(),
       vertex: /* @__PURE__ */ new Set(),
@@ -3206,7 +2492,7 @@ function useBoardInteractions(options = {}) {
     }
     return acc;
   }, [drafts, interactions]);
-  const isEligible = useCallback4(
+  const isEligible = useCallback3(
     (targetId, kind) => {
       if (kind !== void 0) {
         return eligible[kind].has(targetId);
@@ -3218,13 +2504,13 @@ function useBoardInteractions(options = {}) {
     },
     [eligible]
   );
-  const clearPendingInteraction = useCallback4(
+  const clearPendingInteraction = useCallback3(
     (descriptor) => {
       clearInteractionRoute(store, descriptor);
     },
     [store]
   );
-  const resolveSelection = useCallback4(
+  const resolveSelection = useCallback3(
     async (descriptor, inputKey, targetId, extraInputs) => {
       if (!controllingPlayerId) return { status: "none" };
       const { params, readiness } = routeInteractionTarget(store, descriptor, {
@@ -3251,7 +2537,6 @@ function useBoardInteractions(options = {}) {
       }
       try {
         await runtime.submitInteraction(
-          controllingPlayerId,
           descriptor.interactionId,
           submitParams
         );
@@ -3269,7 +2554,7 @@ function useBoardInteractions(options = {}) {
     },
     [clearPendingInteraction, controllingPlayerId, runtime, store]
   );
-  const resolveTargetMatches = useCallback4(
+  const resolveTargetMatches = useCallback3(
     (targetKind, targetId, interactionKeys) => {
       const allowedInteractionKeys = interactionKeys ? new Set(interactionKeys) : null;
       const matches = interactions.flatMap((descriptor) => {
@@ -3303,7 +2588,7 @@ function useBoardInteractions(options = {}) {
     },
     [armedIds, drafts, interactions]
   );
-  const selectByKind = useCallback4(
+  const selectByKind = useCallback3(
     async (targetKind, targetId, extraInputs, interactionKeys) => {
       if (!controllingPlayerId) return { status: "none" };
       const matches = resolveTargetMatches(
@@ -3320,7 +2605,7 @@ function useBoardInteractions(options = {}) {
     },
     [controllingPlayerId, resolveSelection, resolveTargetMatches]
   );
-  const select = useMemo10(
+  const select = useMemo6(
     () => ({
       edge: (targetId, extraInputs) => selectByKind("edge", targetId, extraInputs),
       vertex: (targetId, extraInputs) => selectByKind("vertex", targetId, extraInputs),
@@ -3329,7 +2614,7 @@ function useBoardInteractions(options = {}) {
     }),
     [selectByKind]
   );
-  const targetState = useCallback4(
+  const targetState = useCallback3(
     (targetKind, targetId, options2 = {}) => {
       const enabled = options2.enabled !== false;
       const matches = enabled ? resolveTargetMatches(targetKind, targetId, options2.interactionKeys) : [];
@@ -3364,7 +2649,7 @@ function useBoardInteractions(options = {}) {
     },
     [controllingPlayerId, drafts, pendingInteractionKey, resolveTargetMatches]
   );
-  const targetLayers = useMemo10(() => {
+  const targetLayers = useMemo6(() => {
     const createLayer = (targetKind) => (layerOptions = {}) => {
       const {
         enabled,
@@ -3421,7 +2706,7 @@ function useBoardInteractions(options = {}) {
       tile: createLayer("tile")
     };
   }, [eligible, selectByKind, targetState]);
-  const pendingInteraction = useMemo10(() => {
+  const pendingInteraction = useMemo6(() => {
     if (!pendingInteractionKey) return null;
     const descriptor = interactions.find(
       (candidate) => candidate.interactionKey === pendingInteractionKey
@@ -3437,11 +2722,11 @@ function useBoardInteractions(options = {}) {
       clear: () => clearPendingInteraction(descriptor)
     };
   }, [clearPendingInteraction, drafts, interactions, pendingInteractionKey]);
-  const selectTarget = useCallback4(
+  const selectTarget = useCallback3(
     (descriptor, _targetKind, targetId, inputKey, extraInputs) => resolveSelection(descriptor, inputKey, targetId, extraInputs),
     [resolveSelection]
   );
-  return useMemo10(
+  return useMemo6(
     () => ({
       interactions,
       eligible,
@@ -3475,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,
@@ -3485,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",
@@ -3535,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,
@@ -3557,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>.");
   }
@@ -3565,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 = useMemo11(
+  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,
@@ -3604,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,
@@ -3620,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,
@@ -3635,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,
@@ -3719,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;
@@ -3797,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,
@@ -3807,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",
@@ -3846,23 +3131,23 @@ var Board = {
 };
 
 // src/runtime/primitives/interaction/context.tsx
-import { createContext as createContext9, useContext as useContext9, useMemo as useMemo13 } from "react";
+import { createContext as createContext5, useContext as useContext5, useMemo as useMemo9 } from "react";
 
 // src/runtime/hooks/useBoundInteractionHandle.ts
-import { useCallback as useCallback5, useEffect as useEffect4, useMemo as useMemo12, useRef as useRef2 } from "react";
+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];
 }
@@ -3875,20 +3160,20 @@ function useBoundInteractionHandle(descriptor) {
   const { controllingPlayerId } = usePluginSession();
   const store = useInteractionUiStore();
   const autoSubmitSignatureRef = useRef2(null);
-  const simultaneousPhase = usePluginState(
-    (state) => state.gameplay.simultaneousPhase
+  const simultaneousPhase = usePluginGameplayFrameSelector(
+    (frame) => frame.flow.simultaneousPhase
   );
   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 = useMemo12(
+  const inputKeys = useMemo8(
     () => descriptor ? interactionInputKeys(descriptor) : [],
     [descriptor]
   );
   const paramsSchema = useClientParamSchema(phaseName, interactionId);
   const draft = useInteractionDraft(interactionKey);
-  const values = useMemo12(() => {
+  const values = useMemo8(() => {
     if (!descriptor) {
       return {};
     }
@@ -3899,7 +3184,7 @@ function useBoundInteractionHandle(descriptor) {
   const submitting = useInteractionSubmitting(interactionKey);
   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 readiness = useMemo12(() => {
+  const readiness = useMemo8(() => {
     if (!descriptor) {
       return null;
     }
@@ -3909,7 +3194,7 @@ function useBoundInteractionHandle(descriptor) {
     );
   }, [descriptor, values]);
   const isReady = readiness?.ready ?? false;
-  const requireDescriptor = useCallback5(() => {
+  const requireDescriptor = useCallback4(() => {
     if (!descriptor) {
       throw new Error(
         "useInteractionHandle: interaction descriptor unavailable"
@@ -3917,13 +3202,7 @@ function useBoundInteractionHandle(descriptor) {
     }
     return descriptor;
   }, [descriptor]);
-  const requirePlayer = useCallback5(() => {
-    if (!controllingPlayerId) {
-      throw new Error("useInteractionHandle: no controlling player available");
-    }
-    return controllingPlayerId;
-  }, [controllingPlayerId]);
-  const submit = useCallback5(
+  const submit = useCallback4(
     async (params) => {
       const activeDescriptor = requireDescriptor();
       if (status !== "open") {
@@ -3944,7 +3223,6 @@ function useBoundInteractionHandle(descriptor) {
       );
       try {
         await runtime.submitInteraction(
-          requirePlayer(),
           activeDescriptor.interactionId,
           finalParams
         );
@@ -3955,9 +3233,9 @@ function useBoundInteractionHandle(descriptor) {
         store.setSubmitting(activeDescriptor.interactionKey, false);
       }
     },
-    [requireDescriptor, status, store, values, runtime, requirePlayer]
+    [requireDescriptor, status, store, values, runtime]
   );
-  const validate = useCallback5(
+  const validate = useCallback4(
     async (params) => {
       const activeDescriptor = requireDescriptor();
       const finalParams = applyInteractionInputDefaults(
@@ -3965,7 +3243,6 @@ function useBoundInteractionHandle(descriptor) {
         params ?? values
       );
       const result = await runtime.validateInteraction(
-        requirePlayer(),
         activeDescriptor.interactionId,
         finalParams
       );
@@ -3973,9 +3250,9 @@ function useBoundInteractionHandle(descriptor) {
         throw new ValidationError(result.errorCode, result.message);
       }
     },
-    [requireDescriptor, values, runtime, requirePlayer]
+    [requireDescriptor, values, runtime]
   );
-  const validateDraft = useCallback5(() => {
+  const validateDraft = useCallback4(() => {
     const activeDescriptor = requireDescriptor();
     const rawDraft = { ...values };
     const required = inputKeys;
@@ -4042,10 +3319,10 @@ function useBoundInteractionHandle(descriptor) {
       missing
     };
   }, [requireDescriptor, values, inputKeys, paramsSchema]);
-  const validateDraftServer = useCallback5(async () => {
+  const validateDraftServer = useCallback4(async () => {
     await validate({ ...values });
   }, [values, validate]);
-  const submitDraft = useCallback5(async () => {
+  const submitDraft = useCallback4(async () => {
     const validation = validateDraft();
     if (!validation.ok) {
       const message = validation.formErrors[0] ?? Object.values(validation.fieldErrors).flat()[0] ?? (validation.missing.length > 0 ? "Required inputs are missing" : "Draft validation failed");
@@ -4053,7 +3330,7 @@ function useBoundInteractionHandle(descriptor) {
     }
     await submit(validation.params);
   }, [submit, validateDraft]);
-  useEffect4(() => {
+  useEffect2(() => {
     if (!descriptor) {
       autoSubmitSignatureRef.current = null;
       return;
@@ -4086,28 +3363,28 @@ function useBoundInteractionHandle(descriptor) {
     submit,
     validateDraft
   ]);
-  const setInput = useCallback5(
+  const setInput = useCallback4(
     (key, value) => {
       const activeDescriptor = requireDescriptor();
       applyInteractionDraftMutation(store, activeDescriptor, [{ key, value }]);
     },
     [store, requireDescriptor]
   );
-  const clearInput = useCallback5(
+  const clearInput = useCallback4(
     (key) => {
       const activeDescriptor = requireDescriptor();
       store.clearInput(activeDescriptor.interactionKey, key);
     },
     [store, requireDescriptor]
   );
-  const arm = useCallback5(() => {
+  const arm = useCallback4(() => {
     const activeDescriptor = requireDescriptor();
     store.arm(
       interactionArmScope(activeDescriptor),
       activeDescriptor.interactionKey
     );
   }, [store, requireDescriptor]);
-  const disarm = useCallback5(() => {
+  const disarm = useCallback4(() => {
     const activeDescriptor = requireDescriptor();
     const activeArmScope = interactionArmScope(activeDescriptor);
     if (store.getArmed(activeArmScope) === activeDescriptor.interactionKey) {
@@ -4145,7 +3422,7 @@ function useInteractionHandle(descriptor) {
 }
 
 // src/runtime/interactions/gameplay-attributes.ts
-var GAMEPLAY_BROWSER_SCOPE_ID4 = "runtime";
+var GAMEPLAY_BROWSER_SCOPE_ID3 = "runtime";
 function gameplayInteractionRootAttributes({
   descriptor,
   draftDigest: draftDigest2,
@@ -4153,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 } : {},
@@ -4176,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,
@@ -4195,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>."
@@ -4212,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;
@@ -4223,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
     )
   );
@@ -4235,20 +3512,20 @@ function ResolvedInteractionRoot({
   children
 }) {
   const handle = useInteractionHandle(descriptor);
-  const value = useMemo13(
+  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
@@ -4262,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: {
@@ -4277,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,
@@ -4313,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) => {
@@ -4335,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,
@@ -4349,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({
@@ -4370,7 +3647,7 @@ function FieldFrame({
 }) {
   const theme = useTheme();
   const messages = errors.length > 0 ? errors : missing ? ["Required"] : [];
-  return /* @__PURE__ */ jsxs3(
+  return /* @__PURE__ */ jsxs2(
     "div",
     {
       style: {
@@ -4381,7 +3658,7 @@ function FieldFrame({
         color: theme.semantic.text.primary
       },
       children: [
-        /* @__PURE__ */ jsx11(
+        /* @__PURE__ */ jsx8(
           Label,
           {
             htmlFor: controlId,
@@ -4393,7 +3670,7 @@ function FieldFrame({
           }
         ),
         children,
-        messages.length > 0 ? /* @__PURE__ */ jsx11(
+        messages.length > 0 ? /* @__PURE__ */ jsx8(
           "span",
           {
             role: "alert",
@@ -4404,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
       ]
@@ -4413,7 +3690,7 @@ function FieldFrame({
 }
 function ChoiceOptionLabel({ choice }) {
   const theme = useTheme();
-  return /* @__PURE__ */ jsxs3(
+  return /* @__PURE__ */ jsxs2(
     "span",
     {
       style: {
@@ -4423,7 +3700,7 @@ function ChoiceOptionLabel({ choice }) {
         minWidth: 0
       },
       children: [
-        /* @__PURE__ */ jsxs3(
+        /* @__PURE__ */ jsxs2(
           "span",
           {
             style: {
@@ -4433,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: {
@@ -4462,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: {
@@ -4501,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: {
@@ -4518,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",
@@ -4550,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)
               );
@@ -4560,7 +3837,7 @@ function ChoiceField({
       }
     );
   }
-  return /* @__PURE__ */ jsxs3(
+  return /* @__PURE__ */ jsxs2(
     FieldFrame,
     {
       label: labelForInput(input),
@@ -4568,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,
@@ -4597,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),
@@ -4634,7 +3911,7 @@ function ChoiceField({
                           intent: "select"
                         }).semanticEffects
                       }),
-                      children: /* @__PURE__ */ jsx11(ChoiceOptionLabel, { choice })
+                      children: /* @__PURE__ */ jsx8(ChoiceOptionLabel, { choice })
                     },
                     choiceRenderKey(choice)
                   ))
@@ -4643,7 +3920,7 @@ function ChoiceField({
             ]
           }
         ),
-        /* @__PURE__ */ jsx11(ChoiceDescription, { choice: selectedChoice })
+        /* @__PURE__ */ jsx8(ChoiceDescription, { choice: selectedChoice })
       ]
     }
   );
@@ -4670,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: {
@@ -4682,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",
@@ -4725,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
         );
@@ -4745,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: {
@@ -4763,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: {
@@ -4776,7 +4053,7 @@ function ResourceMapField({
               background: theme.semantic.surface.inset
             },
             children: [
-              /* @__PURE__ */ jsxs3(
+              /* @__PURE__ */ jsxs2(
                 "span",
                 {
                   style: {
@@ -4786,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}`,
@@ -4818,7 +4095,7 @@ function ResourceMapField({
                   children: "-"
                 }
               ),
-              /* @__PURE__ */ jsx11(
+              /* @__PURE__ */ jsx8(
                 "span",
                 {
                   style: {
@@ -4829,7 +4106,7 @@ function ResourceMapField({
                   children: amount
                 }
               ),
-              /* @__PURE__ */ jsx11(
+              /* @__PURE__ */ jsx8(
                 StepperButton,
                 {
                   label: `Increase ${resource.label ?? resource.resourceId}`,
@@ -4882,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: {
@@ -4898,7 +4175,7 @@ function BoundedNumberField({
             gap: theme.space[1]
           },
           children: [
-            /* @__PURE__ */ jsx11(
+            /* @__PURE__ */ jsx8(
               StepperButton,
               {
                 label: `Decrease ${input.key}`,
@@ -4923,7 +4200,7 @@ function BoundedNumberField({
                 children: "-"
               }
             ),
-            /* @__PURE__ */ jsx11(
+            /* @__PURE__ */ jsx8(
               Input,
               {
                 id: controlId,
@@ -4953,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}`,
@@ -4992,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";
@@ -5011,7 +4288,7 @@ function StepperButton({
   onClick,
   children
 }) {
-  return /* @__PURE__ */ jsx11(
+  return /* @__PURE__ */ jsx8(
     ThemedButton,
     {
       type: "button",
@@ -5038,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) {
@@ -5047,15 +4324,15 @@ function numberOrZero(value) {
 
 // src/runtime/components/interaction-form/InteractionForm.tsx
 import {
-  useEffect as useEffect5,
+  useEffect as useEffect3,
   useId as useId2,
-  useMemo as useMemo14,
-  useState as useState3
+  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,
@@ -5103,7 +4380,7 @@ function createInteractionInputSlot({
         intent: selection?.mode === "many" ? "toggle" : "select"
       }).semanticEffects
     });
-    return /* @__PURE__ */ jsx12(
+    return /* @__PURE__ */ jsx9(
       "button",
       {
         type: "button",
@@ -5129,7 +4406,7 @@ function createInteractionInputSlot({
     );
   };
   return {
-    Field: () => /* @__PURE__ */ jsx12(
+    Field: () => /* @__PURE__ */ jsx9(
       DefaultInteractionField,
       {
         descriptor,
@@ -5167,7 +4444,7 @@ function createInteractionInputSlot({
           intent: "select"
         }).semanticEffects : void 0
       });
-      return /* @__PURE__ */ jsx12(
+      return /* @__PURE__ */ jsx9(
         "button",
         {
           type: "button",
@@ -5190,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,
@@ -5231,14 +4508,14 @@ function InteractionForm({
   const fallbackLabel = interactionLabel(descriptor);
   const formId = useId2();
   useChromeSuppression(formId, true);
-  const [pending, setPending] = useState3(false);
-  const [validation, setValidation] = useState3(
+  const [pending, setPending] = useState(false);
+  const [validation, setValidation] = useState(
     null
   );
-  const [formError, setFormError] = useState3(null);
-  const [accordionOpen, setAccordionOpen] = useState3(defaultOpen);
-  const hidden = useMemo14(() => new Set(hiddenFields ?? []), [hiddenFields]);
-  const visibleInputs = useMemo14(() => {
+  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(
@@ -5302,7 +4579,7 @@ function InteractionForm({
     actuatorId: "submit",
     semanticEffects: submitMetadata.semanticEffects
   });
-  useEffect5(() => {
+  useEffect3(() => {
     setAccordionOpen(defaultOpen);
   }, [defaultOpen, descriptor.interactionId]);
   const containerStyle = {
@@ -5340,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: {
@@ -5352,7 +4629,7 @@ function InteractionForm({
         children: title ?? fallbackLabel
       }
     ),
-    description ? /* @__PURE__ */ jsx13(
+    description ? /* @__PURE__ */ jsx10(
       "span",
       {
         style: {
@@ -5363,7 +4640,7 @@ function InteractionForm({
       }
     ) : null
   ] });
-  const fieldsContent = visibleInputs.length > 0 ? /* @__PURE__ */ jsx13(
+  const fieldsContent = visibleInputs.length > 0 ? /* @__PURE__ */ jsx10(
     "div",
     {
       style: {
@@ -5374,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,
@@ -5404,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",
@@ -5415,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: {
@@ -5427,7 +4704,7 @@ function InteractionForm({
         justifyContent: "flex-end"
       },
       children: [
-        onCancel ? /* @__PURE__ */ jsx13(
+        onCancel ? /* @__PURE__ */ jsx10(
           ThemedButton,
           {
             type: "button",
@@ -5441,7 +4718,7 @@ function InteractionForm({
         ) : null,
         renderSubmit ? renderSubmit(
           {
-            Button: ({ children, ...buttonProps }) => /* @__PURE__ */ jsx13(
+            Button: ({ children, ...buttonProps }) => /* @__PURE__ */ jsx10(
               ThemedButton,
               {
                 type: "submit",
@@ -5456,7 +4733,7 @@ function InteractionForm({
             )
           },
           descriptor
-        ) : /* @__PURE__ */ jsx13(
+        ) : /* @__PURE__ */ jsx10(
           ThemedButton,
           {
             type: "submit",
@@ -5471,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,
@@ -5484,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,
@@ -5513,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: {
@@ -5528,7 +4805,7 @@ function InteractionForm({
                   marginTop: theme.space[2]
                 },
                 children: [
-                  description ? /* @__PURE__ */ jsx13(
+                  description ? /* @__PURE__ */ jsx10(
                     "span",
                     {
                       style: {
@@ -5544,7 +4821,7 @@ function InteractionForm({
             ) })
           ] })
         }
-      ) : /* @__PURE__ */ jsxs4(Fragment9, { children: [
+      ) : /* @__PURE__ */ jsxs3(Fragment8, { children: [
         header,
         body
       ] })
@@ -5553,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;
 }
@@ -5565,7 +4842,7 @@ function BoundInteractionForm({
   handle,
   ...props
 }) {
-  return /* @__PURE__ */ jsx14(
+  return /* @__PURE__ */ jsx11(
     InteractionForm,
     {
       descriptor,
@@ -5577,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,
@@ -5589,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,
@@ -5601,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(
@@ -5614,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,
@@ -5633,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
   }) });
@@ -5672,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) => {
@@ -5699,39 +4976,39 @@ 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 useEffect6, useMemo as useMemo16, useRef as useRef3 } from "react";
+import { useEffect as useEffect4, useMemo as useMemo12, useRef as useRef3 } from "react";
 
 // src/ui/primitives/dialog-lifecycle.ts
-import { useCallback as useCallback6, useMemo as useMemo15, useState as useState4 } from "react";
+import { useCallback as useCallback5, useMemo as useMemo11, useState as useState2 } from "react";
 function useDialogLifecycle({
   defaultOpen = true,
   onStateChange
 }) {
-  const [state, setState] = useState4(
+  const [state, setState] = useState2(
     defaultOpen ? "open" : "minimized"
   );
-  const updateState = useCallback6(
+  const updateState = useCallback5(
     (nextState) => {
       setState(nextState);
       onStateChange?.(nextState);
     },
     [onStateChange]
   );
-  const restore = useCallback6(() => updateState("open"), [updateState]);
-  const minimize = useCallback6(() => updateState("minimized"), [updateState]);
-  const dismiss = useCallback6(() => updateState("dismissed"), [updateState]);
-  const setOpen = useCallback6(
+  const restore = useCallback5(() => updateState("open"), [updateState]);
+  const minimize = useCallback5(() => updateState("minimized"), [updateState]);
+  const dismiss = useCallback5(() => updateState("dismissed"), [updateState]);
+  const setOpen = useCallback5(
     (open) => {
       updateState(open ? "open" : "minimized");
     },
     [updateState]
   );
-  return useMemo15(
+  return useMemo11(
     () => ({
       state,
       open: state === "open",
@@ -5747,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,
@@ -5758,7 +5035,7 @@ function InteractionDialog({
   const pendingInteractionRevision = usePendingInteractionRevision();
   const lifecycle = useDialogLifecycle({ defaultOpen, onStateChange });
   const restoredRevisionRef = useRef3(null);
-  useEffect6(() => {
+  useEffect4(() => {
     if (pendingInteractionKey === interaction && restoredRevisionRef.current !== pendingInteractionRevision) {
       restoredRevisionRef.current = pendingInteractionRevision;
       lifecycle.restore();
@@ -5769,14 +5046,14 @@ function InteractionDialog({
     pendingInteractionKey,
     pendingInteractionRevision
   ]);
-  const renderState = useMemo16(
+  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
@@ -5967,7 +5244,7 @@ function InteractionValidationMessage({
 }
 
 // src/runtime/primitives/interaction/card-input.tsx
-import { useCallback as useCallback7 } from "react";
+import { useCallback as useCallback6 } from "react";
 function InteractionCardInput({
   input,
   unsafeCardId,
@@ -5984,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)
     );
   });
@@ -6025,7 +5302,7 @@ function InteractionCardInput({
   const fieldErrors = validation?.fieldErrors[input] ?? [];
   const isInvalid = fieldErrors.length > 0;
   const isDisabled = disabled === true || !descriptorAvailable || !cardId || !isTargetValid || !isCardAvailable || !isSelectable || !handle;
-  const activateCardInput = useCallback7(() => {
+  const activateCardInput = useCallback6(() => {
     if (isDisabled || !descriptor || !cardId || !handle || !inputDescriptor) {
       return;
     }
@@ -6192,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);
 }
@@ -6203,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
@@ -6215,17 +5494,17 @@ var Phase = {
 
 // src/runtime/primitives/player-roster.tsx
 import {
-  createContext as createContext10,
-  Fragment as Fragment14,
-  useContext as useContext10,
-  useMemo as useMemo17
+  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>."
@@ -6250,8 +5529,8 @@ function PlayerRosterRoot({
   const playerInfo = usePlayerInfo();
   const activePlayers = useActivePlayers();
   const turnOrder = usePlayerTurnOrder();
-  const { controllingPlayerId, controllablePlayerIds } = usePluginSession();
-  const players = useMemo17(() => {
+  const { controllingPlayerId } = usePluginSession();
+  const players = useMemo13(() => {
     const orderedPlayerIds = order === "self-first" && controllingPlayerId ? [
       ...turnOrder.filter((pid) => pid === controllingPlayerId),
       ...turnOrder.filter((pid) => pid !== controllingPlayerId)
@@ -6259,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,
@@ -6268,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),
@@ -6283,7 +5559,6 @@ function PlayerRosterRoot({
   }, [
     activePlayers,
     badges,
-    controllablePlayerIds,
     controllingPlayerId,
     include,
     metadata,
@@ -6293,11 +5568,11 @@ function PlayerRosterRoot({
     scoreLabel,
     turnOrder
   ]);
-  const value = useMemo17(
+  const value = useMemo13(
     () => ({ players }),
     [players]
   );
-  return /* @__PURE__ */ jsx19(PlayerRosterContext.Provider, { value, children });
+  return /* @__PURE__ */ jsx16(PlayerRosterContext.Provider, { value, children });
 }
 function PlayerRosterList({
   children,
@@ -6307,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,
@@ -6374,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": "",
@@ -6393,7 +5642,6 @@ var PlayerRoster = {
   Root: PlayerRosterRoot,
   List: PlayerRosterList,
   Empty: PlayerRosterEmpty,
-  SwitchButton: PlayerRosterSwitchButton,
   Name: PlayerRosterName,
   Score: PlayerRosterScore,
   Badges: PlayerRosterBadges
@@ -6401,16 +5649,16 @@ var PlayerRoster = {
 
 // src/runtime/primitives/prompt.tsx
 import {
-  Fragment as Fragment16,
-  createContext as createContext11,
-  useContext as useContext11,
-  useMemo as useMemo18
+  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 = [];
@@ -6441,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,
@@ -6506,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,
@@ -6515,18 +5763,18 @@ function PromptDialog({
   children
 }) {
   const lifecycle = useDialogLifecycle({ defaultOpen, onStateChange });
-  const renderState = useMemo18(
+  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>."
@@ -6536,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,
@@ -6562,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
@@ -6583,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>.");
   }
@@ -6603,17 +5851,13 @@ var Dice = {
 export {
   UIRoot,
   UI,
-  usePluginSession,
-  RuntimeProvider,
-  RuntimeSemanticProjectionMarker,
-  usePluginState,
-  InteractionUiProvider,
   isInteractionAvailable,
   decodeAuthoredCardIntent,
   useCardIntentAdapter,
   useGameActionError,
   GameRoot,
   GameChrome,
+  GameViewport,
   Game,
   useZonePrimitiveContext,
   useOptionalZonePrimitiveContext,
@@ -6671,7 +5915,6 @@ export {
   PlayerRosterRoot,
   PlayerRosterList,
   PlayerRosterEmpty,
-  PlayerRosterSwitchButton,
   PlayerRosterName,
   PlayerRosterScore,
   PlayerRosterBadges,
@@ -6693,4 +5936,4 @@ export {
   DiceValues,
   Dice
 };
-//# sourceMappingURL=chunk-CZMFAS3E.js.map
+//# sourceMappingURL=chunk-WOWFONLZ.js.map