@dxos/plugin-chess 0.8.4-main.422d1c7879 → 0.8.4-main.4f23b4e393

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dxos/plugin-chess",
-  "version": "0.8.4-main.422d1c7879",
+  "version": "0.8.4-main.4f23b4e393",
   "description": "Chess for new plugin",
   "homepage": "https://dxos.org",
   "bugs": "https://github.com/dxos/dxos/issues",
@@ -13,44 +13,71 @@
   "sideEffects": true,
   "type": "module",
   "imports": {
-    "#blueprints": "./src/blueprints/index.ts",
-    "#capabilities": "./src/capabilities/index.ts",
-    "#components": "./src/components/index.ts",
-    "#containers": "./src/containers/index.ts",
-    "#meta": "./src/meta.ts",
-    "#operations": "./src/operations/index.ts",
-    "#types": "./src/types/index.ts"
-  },
-  "exports": {
-    ".": {
-      "source": "./src/index.ts",
-      "types": "./dist/types/src/index.d.ts",
-      "browser": "./dist/lib/browser/index.mjs",
-      "node": "./dist/lib/node-esm/index.mjs"
-    },
-    "./blueprints": {
+    "#blueprints": {
       "source": "./src/blueprints/index.ts",
       "types": "./dist/types/src/blueprints/index.d.ts",
-      "browser": "./dist/lib/browser/blueprints/index.mjs",
-      "node": "./dist/lib/node-esm/blueprints/index.mjs"
+      "default": "./dist/lib/neutral/blueprints/index.mjs"
+    },
+    "#capabilities": {
+      "source": "./src/capabilities/index.ts",
+      "types": "./dist/types/src/capabilities/index.d.ts",
+      "default": "./dist/lib/neutral/capabilities/index.mjs"
+    },
+    "#components": {
+      "source": "./src/components/index.ts",
+      "types": "./dist/types/src/components/index.d.ts",
+      "default": "./dist/lib/neutral/components/index.mjs"
     },
-    "./cli": {
-      "source": "./src/cli/index.ts",
-      "types": "./dist/types/src/cli/index.d.ts",
-      "browser": "./dist/lib/browser/cli/index.mjs",
-      "node": "./dist/lib/node-esm/cli/index.mjs"
+    "#containers": {
+      "source": "./src/containers/index.ts",
+      "types": "./dist/types/src/containers/index.d.ts",
+      "default": "./dist/lib/neutral/containers/index.mjs"
     },
-    "./operations": {
+    "#meta": {
+      "source": "./src/meta.ts",
+      "types": "./dist/types/src/meta.d.ts",
+      "default": "./dist/lib/neutral/meta.mjs"
+    },
+    "#operations": {
       "source": "./src/operations/index.ts",
       "types": "./dist/types/src/operations/index.d.ts",
-      "browser": "./dist/lib/browser/operations/index.mjs",
-      "node": "./dist/lib/node-esm/operations/index.mjs"
+      "default": "./dist/lib/neutral/operations/index.mjs"
+    },
+    "#plugin": {
+      "source": {
+        "node": "./src/ChessPlugin.node.ts",
+        "default": "./src/ChessPlugin.tsx"
+      },
+      "types": "./dist/types/src/ChessPlugin.d.ts",
+      "node": "./dist/lib/neutral/ChessPlugin.node.mjs",
+      "default": "./dist/lib/neutral/ChessPlugin.mjs"
     },
-    "./types": {
+    "#translations": {
+      "source": "./src/translations.ts",
+      "types": "./dist/types/src/translations.d.ts",
+      "default": "./dist/lib/neutral/translations.mjs"
+    },
+    "#types": {
       "source": "./src/types/index.ts",
       "types": "./dist/types/src/types/index.d.ts",
-      "browser": "./dist/lib/browser/types/index.mjs",
-      "node": "./dist/lib/node-esm/types/index.mjs"
+      "default": "./dist/lib/neutral/types/index.mjs"
+    }
+  },
+  "exports": {
+    ".": {
+      "source": "./src/index.ts",
+      "types": "./dist/types/src/index.d.ts",
+      "default": "./dist/lib/neutral/index.mjs"
+    },
+    "./plugin": {
+      "source": "./src/plugin.ts",
+      "types": "./dist/types/src/plugin.d.ts",
+      "default": "./dist/lib/neutral/plugin.mjs"
+    },
+    "./translations": {
+      "source": "./src/translations.ts",
+      "types": "./dist/types/src/translations.d.ts",
+      "default": "./dist/lib/neutral/translations.mjs"
     }
   },
   "types": "dist/types/src/index.d.ts",
@@ -59,56 +86,52 @@
     "src"
   ],
   "dependencies": {
-    "@automerge/automerge": "3.2.3",
+    "@automerge/automerge": "3.2.6",
     "@effect-atom/atom-react": "^0.5.0",
     "chess.js": "^1.0.0",
     "effect": "3.20.0",
-    "@dxos/ai": "0.8.4-main.422d1c7879",
-    "@dxos/app-framework": "0.8.4-main.422d1c7879",
-    "@dxos/app-toolkit": "0.8.4-main.422d1c7879",
-    "@dxos/assistant": "0.8.4-main.422d1c7879",
-    "@dxos/async": "0.8.4-main.422d1c7879",
-    "@dxos/blueprints": "0.8.4-main.422d1c7879",
-    "@dxos/display-name": "0.8.4-main.422d1c7879",
-    "@dxos/echo-db": "0.8.4-main.422d1c7879",
-    "@dxos/echo": "0.8.4-main.422d1c7879",
-    "@dxos/echo-react": "0.8.4-main.422d1c7879",
-    "@dxos/functions": "0.8.4-main.422d1c7879",
-    "@dxos/log": "0.8.4-main.422d1c7879",
-    "@dxos/invariant": "0.8.4-main.422d1c7879",
-    "@dxos/plugin-client": "0.8.4-main.422d1c7879",
-    "@dxos/operation": "0.8.4-main.422d1c7879",
-    "@dxos/plugin-graph": "0.8.4-main.422d1c7879",
-    "@dxos/plugin-markdown": "0.8.4-main.422d1c7879",
-    "@dxos/plugin-space": "0.8.4-main.422d1c7879",
-    "@dxos/react-client": "0.8.4-main.422d1c7879",
-    "@dxos/react-ui-mosaic": "0.8.4-main.422d1c7879",
-    "@dxos/react-ui-gameboard": "0.8.4-main.422d1c7879",
-    "@dxos/react-ui-stack": "0.8.4-main.422d1c7879",
-    "@dxos/react-ui-sfx": "0.8.4-main.422d1c7879",
-    "@dxos/schema": "0.8.4-main.422d1c7879",
-    "@dxos/types": "0.8.4-main.422d1c7879",
-    "@dxos/util": "0.8.4-main.422d1c7879"
+    "@dxos/ai": "0.8.4-main.4f23b4e393",
+    "@dxos/app-toolkit": "0.8.4-main.4f23b4e393",
+    "@dxos/assistant": "0.8.4-main.4f23b4e393",
+    "@dxos/async": "0.8.4-main.4f23b4e393",
+    "@dxos/compute": "0.8.4-main.4f23b4e393",
+    "@dxos/display-name": "0.8.4-main.4f23b4e393",
+    "@dxos/echo": "0.8.4-main.4f23b4e393",
+    "@dxos/echo-db": "0.8.4-main.4f23b4e393",
+    "@dxos/echo-react": "0.8.4-main.4f23b4e393",
+    "@dxos/invariant": "0.8.4-main.4f23b4e393",
+    "@dxos/log": "0.8.4-main.4f23b4e393",
+    "@dxos/app-framework": "0.8.4-main.4f23b4e393",
+    "@dxos/plugin-client": "0.8.4-main.4f23b4e393",
+    "@dxos/plugin-game": "0.8.4-main.4f23b4e393",
+    "@dxos/plugin-graph": "0.8.4-main.4f23b4e393",
+    "@dxos/plugin-markdown": "0.8.4-main.4f23b4e393",
+    "@dxos/plugin-space": "0.8.4-main.4f23b4e393",
+    "@dxos/react-client": "0.8.4-main.4f23b4e393",
+    "@dxos/react-ui-gameboard": "0.8.4-main.4f23b4e393",
+    "@dxos/react-ui-mosaic": "0.8.4-main.4f23b4e393",
+    "@dxos/react-ui-sfx": "0.8.4-main.4f23b4e393",
+    "@dxos/schema": "0.8.4-main.4f23b4e393",
+    "@dxos/types": "0.8.4-main.4f23b4e393",
+    "@dxos/react-ui-stack": "0.8.4-main.4f23b4e393",
+    "@dxos/util": "0.8.4-main.4f23b4e393"
   },
   "devDependencies": {
     "@types/react": "~19.2.7",
     "@types/react-dom": "~19.2.3",
     "react": "~19.2.3",
     "react-dom": "~19.2.3",
-    "vite": "^7.1.11",
-    "@dxos/plugin-testing": "0.8.4-main.422d1c7879",
-    "@dxos/plugin-theme": "0.8.4-main.422d1c7879",
-    "@dxos/ui-theme": "0.8.4-main.422d1c7879",
-    "@dxos/react-ui": "0.8.4-main.422d1c7879",
-    "@dxos/storybook-utils": "0.8.4-main.422d1c7879"
+    "vite": "^8.0.10",
+    "@dxos/plugin-testing": "0.8.4-main.4f23b4e393",
+    "@dxos/react-ui": "0.8.4-main.4f23b4e393",
+    "@dxos/plugin-theme": "0.8.4-main.4f23b4e393",
+    "@dxos/ui-theme": "0.8.4-main.4f23b4e393",
+    "@dxos/storybook-utils": "0.8.4-main.4f23b4e393"
   },
   "peerDependencies": {
     "react": "~19.2.3",
     "react-dom": "~19.2.3",
-    "@dxos/react-ui": "0.8.4-main.422d1c7879",
-    "@dxos/ui-theme": "0.8.4-main.422d1c7879"
-  },
-  "publishConfig": {
-    "access": "public"
+    "@dxos/react-ui": "0.8.4-main.4f23b4e393",
+    "@dxos/ui-theme": "0.8.4-main.4f23b4e393"
   }
 }

package/src/ChessPlugin.node.ts

@@ -0,0 +1,23 @@
+//
+// Copyright 2026 DXOS.org
+//
+
+import { Plugin } from '@dxos/app-framework';
+import { AppPlugin } from '@dxos/app-toolkit';
+
+import { BlueprintDefinition, OperationHandler } from '#capabilities';
+import { meta } from '#meta';
+import { Chess } from '#types';
+
+/**
+ * Headless variant of ChessPlugin (no React surfaces / GameVariant).
+ * Used in node contexts (CLI, agents) where rendering is unavailable.
+ */
+export const ChessPlugin = Plugin.define(meta).pipe(
+  AppPlugin.addSchemaModule({ schema: [Chess.State] }),
+  AppPlugin.addBlueprintDefinitionModule({ activate: BlueprintDefinition }),
+  AppPlugin.addOperationHandlerModule({ activate: OperationHandler }),
+  Plugin.make,
+);
+
+export default ChessPlugin;

package/src/ChessPlugin.test.ts

@@ -6,13 +6,13 @@ import { describe, test } from 'vitest';
 
 import { ActivationEvents } from '@dxos/app-framework';
 import { AppActivationEvents } from '@dxos/app-toolkit';
-// Use the CLI variant — the main ClientPlugin references capabilities that resolve to undefined under Node.
-import { ClientPlugin } from '@dxos/plugin-client/cli';
+import { ClientPlugin } from '@dxos/plugin-client/plugin';
 import { createComposerTestApp } from '@dxos/plugin-testing/harness';
 
-import { ChessPlugin } from './ChessPlugin';
+import { ChessPlugin } from '#plugin';
+
 import { meta } from './meta';
-import { Print } from './operations';
+import { ChessOperation } from './types';
 
 const moduleId = (name: string) => `${meta.id}.module.${name}`;
 
@@ -22,10 +22,8 @@ describe('ChessPlugin', () => {
       plugins: [ClientPlugin({}), ChessPlugin()],
     });
 
-    // Modules expected to be active after a normal startup.
-    expect(harness.manager.getActive()).toEqual(
-      expect.arrayContaining([moduleId('metadata'), moduleId('schema'), moduleId('ReactSurface')]),
-    );
+    // Modules expected to be active after a normal startup (headless/node variant).
+    expect(harness.manager.getActive()).toEqual(expect.arrayContaining([moduleId('schema')]));
 
     // SetupArtifactDefinition is fired by AssistantPlugin, which can't be included here due to a workspace cycle.
     await harness.fire(AppActivationEvents.SetupArtifactDefinition);
@@ -38,14 +36,14 @@ describe('ChessPlugin', () => {
 
   test('invokes the Print operation via the invoker capability', async ({ expect }) => {
     await using harness = await createComposerTestApp({ plugins: [ChessPlugin()] });
-    const result = await harness.invoke(Print, {});
+    const result = await harness.invoke(ChessOperation.Print, {});
     // Empty input returns empty ASCII (handler swallows errors for malformed FEN).
     expect(typeof result.ascii).toBe('string');
   });
 
   test('Print renders a PGN to ASCII board', async ({ expect }) => {
     await using harness = await createComposerTestApp({ plugins: [ChessPlugin()] });
-    const { ascii } = await harness.invoke(Print, { pgn: '1. e4 e5' });
+    const { ascii } = await harness.invoke(ChessOperation.Print, { pgn: '1. e4 e5' });
     expect(ascii).toContain('a  b  c  d  e  f  g  h');
   });
 });

package/src/ChessPlugin.tsx

@@ -2,48 +2,25 @@
 // Copyright 2023 DXOS.org
 //
 
-import * as Effect from 'effect/Effect';
-import * as Option from 'effect/Option';
-
 import { Plugin } from '@dxos/app-framework';
-import { AppPlugin } from '@dxos/app-toolkit';
-import { Annotation } from '@dxos/echo';
-import { Operation } from '@dxos/operation';
-import { SpaceOperation } from '@dxos/plugin-space/operations';
-import { type CreateObject } from '@dxos/plugin-space/types';
+import { AppPlugin, AppActivationEvents } from '@dxos/app-toolkit';
 
-import { ChessBlueprint } from '#blueprints';
-import { BlueprintDefinition, OperationHandler, ReactSurface } from '#capabilities';
+import { BlueprintDefinition, GameVariant, OperationHandler } from '#capabilities';
 import { meta } from '#meta';
+import { translations } from '#translations';
 import { Chess } from '#types';
 
-import { translations } from './translations';
-
 export const ChessPlugin = Plugin.define(meta).pipe(
+  Plugin.addModule({
+    id: 'game-variant',
+    activatesOn: AppActivationEvents.SetupSchema,
+    activate: GameVariant,
+  }),
   AppPlugin.addBlueprintDefinitionModule({ activate: BlueprintDefinition }),
   AppPlugin.addOperationHandlerModule({ activate: OperationHandler }),
-  AppPlugin.addMetadataModule({
-    metadata: {
-      id: Chess.Game.typename,
-      metadata: {
-        icon: Annotation.IconAnnotation.get(Chess.Game).pipe(Option.getOrThrow).icon,
-        iconHue: Annotation.IconAnnotation.get(Chess.Game).pipe(Option.getOrThrow).hue ?? 'white',
-        blueprints: [ChessBlueprint.key],
-        createObject: ((props, options) =>
-          Effect.gen(function* () {
-            const object = Chess.make(props);
-            return yield* Operation.invoke(SpaceOperation.AddObject, {
-              object,
-              target: options.target,
-              hidden: true,
-              targetNodeId: options.targetNodeId,
-            });
-          })) satisfies CreateObject,
-      },
-    },
-  }),
-  AppPlugin.addSchemaModule({ schema: [Chess.Game] }),
-  AppPlugin.addSurfaceModule({ activate: ReactSurface }),
+  AppPlugin.addSchemaModule({ schema: [Chess.State] }),
   AppPlugin.addTranslationsModule({ translations }),
   Plugin.make,
 );
+
+export default ChessPlugin;

package/src/blueprints/chess-blueprint.ts

@@ -2,19 +2,16 @@
 // Copyright 2025 DXOS.org
 //
 
-import { type AppCapabilities } from '@dxos/app-toolkit';
-import { Blueprint, Template } from '@dxos/blueprints';
+import { Blueprint, Template } from '@dxos/compute';
 import { trim } from '@dxos/util';
 
-import { Create, Move, Play, Print } from '#operations';
+import { Chess, ChessOperation } from '#types';
 
-const BLUEPRINT_KEY = 'org.dxos.blueprint.chess';
-
-const operations = [Create, Move, Play, Print];
+const operations = [ChessOperation.Move, ChessOperation.Play, ChessOperation.Print];
 
 const make = () =>
   Blueprint.make({
-    key: BLUEPRINT_KEY,
+    key: Chess.BLUEPRINT_KEY,
     name: 'Chess',
     tools: Blueprint.toolDefinitions({ operations }),
     instructions: Template.make({
@@ -27,8 +24,8 @@ const make = () =>
     }),
   });
 
-const blueprint: AppCapabilities.BlueprintDefinition = {
-  key: BLUEPRINT_KEY,
+const blueprint: Blueprint.Definition = {
+  key: Chess.BLUEPRINT_KEY,
   make,
 };
 

package/src/blueprints/index.ts

@@ -3,4 +3,3 @@
 //
 
 export { default as ChessBlueprint } from './chess-blueprint';
-export * as ChessFunctions from '../operations';

package/src/capabilities/blueprint-definition.ts

@@ -6,6 +6,8 @@ import * as Effect from 'effect/Effect';
 
 import { Capability } from '@dxos/app-framework';
 import { AppCapabilities } from '@dxos/app-toolkit';
+// eslint-disable-next-line unused-imports/no-unused-imports
+import type { Blueprint } from '@dxos/compute';
 
 import { ChessBlueprint } from '#blueprints';
 

package/src/capabilities/game-variant.ts

@@ -0,0 +1,42 @@
+//
+// Copyright 2026 DXOS.org
+//
+
+import * as Effect from 'effect/Effect';
+import * as Schema from 'effect/Schema';
+
+import { Capability } from '@dxos/app-framework';
+import { GameCapabilities, type GameVariant } from '@dxos/plugin-game';
+
+import { ChessArticle, ChessCard } from '#containers';
+import { Chess } from '#types';
+
+const CreateChessInput = Schema.Struct({
+  name: Schema.optional(
+    Schema.String.annotations({
+      title: 'Name',
+      description: 'Optional name for the game.',
+    }),
+  ),
+  pgn: Schema.optional(
+    Schema.String.annotations({
+      title: 'PGN',
+      description: 'Optional Portable Game Notation to start from.',
+    }),
+  ),
+});
+
+const variant: GameVariant = {
+  id: Chess.State.typename,
+  label: 'Chess',
+  icon: 'ph--shield-chevron--regular',
+  variantSchema: Chess.State,
+  inputSchema: CreateChessInput,
+  roles: ['white', 'black'] as const,
+  createVariant: (input) =>
+    Effect.sync(() => Chess.make({ pgn: typeof input.pgn === 'string' ? input.pgn : undefined })),
+  card: ChessCard,
+  article: ChessArticle,
+};
+
+export default Capability.makeModule(() => Effect.succeed(Capability.contributes(GameCapabilities.Variant, variant)));

package/src/capabilities/index.ts

@@ -3,11 +3,12 @@
 //
 
 import { Capability } from '@dxos/app-framework';
-import { OperationHandlerSet } from '@dxos/operation';
+// eslint-disable-next-line unused-imports/no-unused-imports
+import type { Blueprint, OperationHandlerSet } from '@dxos/compute';
 
 export const BlueprintDefinition = Capability.lazy('BlueprintDefinition', () => import('./blueprint-definition'));
+export const GameVariant = Capability.lazy('GameVariant', () => import('./game-variant'));
 export const OperationHandler = Capability.lazy<OperationHandlerSet.OperationHandlerSet>(
   'OperationHandler',
   () => import('./operation-handler'),
 );
-export const ReactSurface = Capability.lazy('ReactSurface', () => import('./react-surface'));

package/src/capabilities/operation-handler.ts

@@ -3,12 +3,12 @@
 import * as Effect from 'effect/Effect';
 
 import { Capabilities, Capability } from '@dxos/app-framework';
-import type { OperationHandlerSet } from '@dxos/operation';
+import type { OperationHandlerSet } from '@dxos/compute';
 
-import { ChessHandlers } from '#operations';
+import { ChessOperationHandlerSet } from '#operations';
 
 export default Capability.makeModule<OperationHandlerSet.OperationHandlerSet>(
   Effect.fnUntraced(function* () {
-    return Capability.contributes(Capabilities.OperationHandler, ChessHandlers);
+    return Capability.contributes(Capabilities.OperationHandler, ChessOperationHandlerSet);
   }),
 );

package/src/components/Chessboard/Chessboard.stories.tsx

@@ -9,9 +9,9 @@ import { withClientProvider } from '@dxos/react-client/testing';
 import { type Player } from '@dxos/react-ui-gameboard';
 import { withLayout, withTheme } from '@dxos/react-ui/testing';
 
+import { translations } from '#translations';
 import { Chess } from '#types';
 
-import { translations } from '../../translations';
 import { Chessboard, type ChessboardController, type ChessboardInfoProps } from './Chessboard';
 
 const SAMPLE_PGN =
@@ -25,7 +25,7 @@ type DefaultStoryProps = {
 };
 
 const DefaultStory = ({ pgn }: DefaultStoryProps) => {
-  const game = useMemo(() => Chess.make(pgn ? { pgn } : undefined), [pgn]);
+  const state = useMemo(() => Chess.make(pgn ? { pgn } : undefined), [pgn]);
   const [orientation, setOrientation] = useState<Player>('white');
   const [showInfo, setShowInfo] = useState(true);
   const controller = useRef<ChessboardController>(null);
@@ -35,7 +35,7 @@ const DefaultStory = ({ pgn }: DefaultStoryProps) => {
   }, []);
 
   return (
-    <Chessboard.Root game={game} ref={controller}>
+    <Chessboard.Root state={state} ref={controller}>
       <div className='flex h-full w-full gap-4 p-4 overflow-hidden'>
         <Chessboard.Content classNames='grow'>
           <Chessboard.Board classNames='border rounded-xs' orientation={orientation} />

package/src/components/Chessboard/Chessboard.tsx

@@ -42,14 +42,14 @@ export interface ChessboardController {
 //
 
 type RootProps = PropsWithChildren<{
-  game: Chess.Game;
+  state: Chess.State;
 }>;
 
-const Root = forwardRef<ChessboardController, RootProps>(({ game, children }, forwardedRef) => {
+const Root = forwardRef<ChessboardController, RootProps>(({ state, children }, forwardedRef) => {
   const registry = useContext(RegistryContext);
-  const model = useMemo(() => new ExtendedChessModel(registry, game), [registry]);
+  const model = useMemo(() => new ExtendedChessModel(registry, state), [registry]);
   const click = useSoundEffect('Click');
-  const [pgn, updatePgn] = useObject(game, 'pgn');
+  const [pgn, updatePgn] = useObject(state, 'pgn');
 
   // Controller.
   useImperativeHandle(forwardedRef, () => {

package/src/components/Chessboard/Info.tsx

@@ -5,10 +5,7 @@
 import { useAtomValue } from '@effect-atom/atom-react';
 import React, { type JSX, type PropsWithChildren, useEffect, useMemo, useRef } from 'react';
 
-import { generateName } from '@dxos/display-name';
-import { Obj } from '@dxos/echo';
-import { type SpaceMember, useMembers } from '@dxos/react-client/echo';
-import { Icon, IconButton, Select, type ThemedClassName, useTranslation } from '@dxos/react-ui';
+import { Icon, IconButton, type ThemedClassName, useTranslation } from '@dxos/react-ui';
 import { type Player, useGameboardContext } from '@dxos/react-ui-gameboard';
 import { mx } from '@dxos/ui-theme';
 
@@ -29,8 +26,6 @@ export type InfoProps = ThemedClassName<
 export const Info = ({ classNames, orientation = 'white', onOrientationChange, onClose, ...props }: InfoProps) => {
   const { t } = useTranslation(meta.id);
   const { model } = useGameboardContext<ExtendedChessModel>(INFO_NAME);
-  const db = Obj.getDatabase(model.object);
-  const members = useMembers(db?.spaceId);
 
   return (
     <div
@@ -54,17 +49,7 @@ export const Info = ({ classNames, orientation = 'white', onOrientationChange, o
             />
           )
         }
-      >
-        <PlayerSelector
-          value={model.object.players?.[orientation === 'white' ? 'black' : 'white']}
-          onValueChange={(value) => {
-            Obj.change(model.object, (obj) => {
-              obj.players![orientation === 'white' ? 'black' : 'white'] = value;
-            });
-          }}
-          members={members}
-        />
-      </PlayerIndicator>
+      />
 
       <History model={model} {...props} />
 
@@ -83,17 +68,7 @@ export const Info = ({ classNames, orientation = 'white', onOrientationChange, o
             />
           )
         }
-      >
-        <PlayerSelector
-          value={model.object.players?.[orientation]}
-          onValueChange={(value) => {
-            Obj.change(model.object, (obj) => {
-              obj.players![orientation] = value;
-            });
-          }}
-          members={members}
-        />
-      </PlayerIndicator>
+      />
     </div>
   );
 };
@@ -216,38 +191,3 @@ const PlayerIndicator = ({ children, model, player, icon }: PlayerIndicatorProps
     </div>
   );
 };
-
-//
-// PlayerSelector
-//
-
-type PlayerSelectorProps = {
-  value?: string;
-  onValueChange: (player: string) => void;
-  members: SpaceMember[];
-};
-
-const PlayerSelector = ({ value, onValueChange, members }: PlayerSelectorProps) => {
-  const { t } = useTranslation(meta.id);
-  return (
-    <Select.Root value={value} onValueChange={onValueChange}>
-      <Select.TriggerButton placeholder={t('select-player.button')} />
-      <Select.Portal>
-        <Select.Content>
-          <Select.Viewport>
-            {members.map((member) => {
-              const memberKey = member.identity.identityKey.toHex();
-              const displayName = member.identity?.profile?.displayName || generateName(memberKey);
-              return (
-                <Select.Option key={memberKey} value={memberKey}>
-                  {displayName}
-                </Select.Option>
-              );
-            })}
-          </Select.Viewport>
-          <Select.Arrow />
-        </Select.Content>
-      </Select.Portal>
-    </Select.Root>
-  );
-};

package/src/components/Chessboard/types.ts

@@ -11,7 +11,7 @@ import { type Chess } from '#types';
 export class ExtendedChessModel extends ChessModel {
   constructor(
     registry: Registry.Registry,
-    readonly object: Chess.Game,
+    readonly object: Chess.State,
   ) {
     super(registry);
   }

package/src/containers/ChessArticle/ChessArticle.stories.tsx

@@ -5,12 +5,14 @@
 import { type Meta, type StoryObj } from '@storybook/react-vite';
 import React, { useMemo } from 'react';
 
+import { type Obj } from '@dxos/echo';
+import { make as makeGame } from '@dxos/plugin-game';
 import { withClientProvider } from '@dxos/react-client/testing';
 import { withLayout, withTheme } from '@dxos/react-ui/testing';
 
+import { translations } from '#translations';
 import { Chess } from '#types';
 
-import { translations } from '../../translations';
 import { ChessArticle } from './ChessArticle';
 
 type DefaultStoryProps = {
@@ -18,8 +20,12 @@ type DefaultStoryProps = {
 };
 
 const DefaultStory = ({ pgn }: DefaultStoryProps) => {
-  const game = useMemo(() => Chess.make(pgn ? { pgn } : undefined), [pgn]);
-  return <ChessArticle role='article' subject={game} attendableId='story' />;
+  const { game, state } = useMemo(() => {
+    const state = Chess.make(pgn ? { pgn } : undefined);
+    const game = makeGame({ name: 'Story game', variant: state as Obj.Unknown });
+    return { game, state };
+  }, [pgn]);
+  return <ChessArticle role='article' attendableId='story' game={game} variant={state} />;
 };
 
 const meta = {