@dxos/plugin-chess 0.8.4-main.5ea62a8 → 0.8.4-main.66e292d

package/dist/lib/browser/{ChessboardContainer-HBHUXBG3.mjs → ChessboardContainer-5YXEM4VR.mjs}

@@ -1,9 +1,9 @@
 import {
   Chessboard
-} from "./chunk-UDWRTBWA.mjs";
+} from "./chunk-5DOZV3PW.mjs";
 import {
   meta
-} from "./chunk-PE3IWOFR.mjs";
+} from "./chunk-DUO4WTAM.mjs";
 
 // src/components/ChessboardContainer.tsx
 import { useSignals as _useSignals2 } from "@preact-signals/safe-react/tracking";
@@ -13,10 +13,10 @@ import { getSpace } from "@dxos/react-client/echo";
 // src/components/ChessboardArticle.tsx
 import { useSignals as _useSignals } from "@preact-signals/safe-react/tracking";
 import React, { useCallback, useRef, useState } from "react";
-import { IconButton, useTranslation } from "@dxos/react-ui";
+import { Toolbar, useTranslation } from "@dxos/react-ui";
 import { StackItem } from "@dxos/react-ui-stack";
 import { mx } from "@dxos/react-ui-theme";
-var ChessboardArticle = ({ game }) => {
+var ChessboardArticle = ({ game, role }) => {
   var _effect = _useSignals();
   try {
     const { t } = useTranslation(meta.id);
@@ -27,13 +27,22 @@ var ChessboardArticle = ({ game }) => {
       controller.current?.setMoveNumber(index);
     }, []);
     return /* @__PURE__ */ React.createElement(StackItem.Content, {
-      classNames: "@container bs-full is-full overflow-hidden"
+      toolbar: true,
+      classNames: "@container"
     }, /* @__PURE__ */ React.createElement(Chessboard.Root, {
       game,
       ref: controller
-    }, /* @__PURE__ */ React.createElement("div", {
-      className: mx("grid grid-rows-[1fr_4rem] bs-full is-full gap-2", open && "@3xl:grid-cols-[1fr_320px]")
+    }, /* @__PURE__ */ React.createElement(Toolbar.Root, null, /* @__PURE__ */ React.createElement(Toolbar.IconButton, {
+      icon: "ph--info--regular",
+      iconOnly: true,
+      label: t("toggle info button"),
+      disabled: open,
+      classNames: mx("invisible @3xl:visible"),
+      onClick: () => setOpen((open2) => !open2)
+    })), /* @__PURE__ */ React.createElement("div", {
+      className: mx("grid bs-full is-full gap-2", open && "@3xl:grid-cols-[1fr_320px]", role === "section" && "aspect-square", role === "section" && open && "@3xl:aspect-auto")
     }, /* @__PURE__ */ React.createElement(Chessboard.Content, null, /* @__PURE__ */ React.createElement(Chessboard.Board, {
+      classNames: "m-4 rounded-sm overflow-hidden",
       orientation
     })), open && /* @__PURE__ */ React.createElement("div", {
       className: "hidden @3xl:flex flex-col p-8 justify-center items-center overflow-hidden"
@@ -44,17 +53,7 @@ var ChessboardArticle = ({ game }) => {
       onOrientationChange: setOrientation,
       onClose: () => setOpen(false),
       onSelect: handleSelect
-    })), /* @__PURE__ */ React.createElement("div", {
-      className: "flex justify-center items-center"
-    }, /* @__PURE__ */ React.createElement(Chessboard.Players, null, /* @__PURE__ */ React.createElement(IconButton, {
-      variant: "ghost",
-      icon: "ph--info--regular",
-      iconOnly: true,
-      label: t("button toggle info"),
-      size: 6,
-      classNames: mx("invisible", !open && "@3xl:visible"),
-      onClick: () => setOpen((open2) => !open2)
-    }))))));
+    })))));
   } finally {
     _effect.f();
   }
@@ -80,7 +79,8 @@ var ChessboardContainer = ({ game, role }) => {
       }
       default: {
         return /* @__PURE__ */ React2.createElement(ChessboardArticle, {
-          game
+          game,
+          role
         });
       }
     }
@@ -93,4 +93,4 @@ export {
   ChessboardContainer,
   ChessboardContainer_default as default
 };
-//# sourceMappingURL=ChessboardContainer-HBHUXBG3.mjs.map
+//# sourceMappingURL=ChessboardContainer-5YXEM4VR.mjs.map

package/dist/lib/browser/ChessboardContainer-5YXEM4VR.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/ChessboardContainer.tsx", "../../../src/components/ChessboardArticle.tsx"],
+  "sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\n\nimport React from 'react';\n\nimport { getSpace } from '@dxos/react-client/echo';\n\nimport { type Chess } from '../types';\n\nimport { Chessboard } from './Chessboard';\nimport { ChessboardArticle } from './ChessboardArticle';\n\nexport type ChessboardContainerProps = {\n  game: Chess.Game;\n  role?: string;\n};\n\nexport const ChessboardContainer = ({ game, role }: ChessboardContainerProps) => {\n  const space = getSpace(game);\n  if (!space) {\n    return null;\n  }\n\n  switch (role) {\n    case 'card--popover':\n    case 'card--intrinsic':\n    case 'card--extrinsic': {\n      return (\n        <Chessboard.Root game={game}>\n          <Chessboard.Content role={role}>\n            <Chessboard.Board />\n          </Chessboard.Content>\n        </Chessboard.Root>\n      );\n    }\n\n    default: {\n      return <ChessboardArticle game={game} role={role} />;\n    }\n  }\n};\n\nexport default ChessboardContainer;\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport React, { useCallback, useRef, useState } from 'react';\n\nimport { Toolbar, useTranslation } from '@dxos/react-ui';\nimport { type Player } from '@dxos/react-ui-gameboard';\nimport { StackItem } from '@dxos/react-ui-stack';\nimport { mx } from '@dxos/react-ui-theme';\n\nimport { meta } from '../meta';\nimport { type Chess } from '../types';\n\nimport { Chessboard, type ChessboardController, type ChessboardInfoProps } from './Chessboard';\n\nexport const ChessboardArticle = ({ game, role }: { game: Chess.Game; role?: string }) => {\n  const { t } = useTranslation(meta.id);\n  const [orientation, setOrientation] = useState<Player>('white');\n  const [open, setOpen] = useState(true);\n  const controller = useRef<ChessboardController>(null);\n\n  // TODO(burdon): Keyboard handler.\n  const handleSelect = useCallback<NonNullable<ChessboardInfoProps['onSelect']>>((index) => {\n    controller.current?.setMoveNumber(index);\n  }, []);\n\n  return (\n    <StackItem.Content toolbar classNames='@container'>\n      <Chessboard.Root game={game} ref={controller}>\n        <Toolbar.Root>\n          <Toolbar.IconButton\n            icon='ph--info--regular'\n            iconOnly\n            label={t('toggle info button')}\n            disabled={open}\n            classNames={mx('invisible @3xl:visible')}\n            onClick={() => setOpen((open) => !open)}\n          />\n        </Toolbar.Root>\n        <div\n          className={mx(\n            'grid bs-full is-full gap-2',\n            open && '@3xl:grid-cols-[1fr_320px]',\n            role === 'section' && 'aspect-square',\n            role === 'section' && open && '@3xl:aspect-auto',\n          )}\n        >\n          <Chessboard.Content>\n            <Chessboard.Board classNames='m-4 rounded-sm overflow-hidden' orientation={orientation} />\n          </Chessboard.Content>\n          {open && (\n            <div className='hidden @3xl:flex flex-col p-8 justify-center items-center overflow-hidden'>\n              <Chessboard.Info\n                orientation={orientation}\n                min={8}\n                max={8}\n                onOrientationChange={setOrientation}\n                onClose={() => setOpen(false)}\n                onSelect={handleSelect}\n              />\n            </div>\n          )}\n        </div>\n      </Chessboard.Root>\n    </StackItem.Content>\n  );\n};\n"],
+  "mappings": ";;;;;;;;;AAIA,OAAOA,YAAW;AAElB,SAASC,gBAAgB;;;;ACFzB,OAAOC,SAASC,aAAaC,QAAQC,gBAAgB;AAErD,SAASC,SAASC,sBAAsB;AAExC,SAASC,iBAAiB;AAC1B,SAASC,UAAU;AAOZ,IAAMC,oBAAoB,CAAC,EAAEC,MAAMC,KAAI,MAAuC;;;AACnF,UAAM,EAAEC,EAAC,IAAKC,eAAeC,KAAKC,EAAE;AACpC,UAAM,CAACC,aAAaC,cAAAA,IAAkBC,SAAiB,OAAA;AACvD,UAAM,CAACC,MAAMC,OAAAA,IAAWF,SAAS,IAAA;AACjC,UAAMG,aAAaC,OAA6B,IAAA;AAGhD,UAAMC,eAAeC,YAA0D,CAACC,UAAAA;AAC9EJ,iBAAWK,SAASC,cAAcF,KAAAA;IACpC,GAAG,CAAA,CAAE;AAEL,WACE,sBAAA,cAACG,UAAUC,SAAO;MAACC,SAAAA;MAAQC,YAAW;OACpC,sBAAA,cAACC,WAAWC,MAAI;MAACvB;MAAYwB,KAAKb;OAChC,sBAAA,cAACc,QAAQF,MAAI,MACX,sBAAA,cAACE,QAAQC,YAAU;MACjBC,MAAK;MACLC,UAAAA;MACAC,OAAO3B,EAAE,oBAAA;MACT4B,UAAUrB;MACVY,YAAYU,GAAG,wBAAA;MACfC,SAAS,MAAMtB,QAAQ,CAACD,UAAS,CAACA,KAAAA;SAGtC,sBAAA,cAACwB,OAAAA;MACCC,WAAWH,GACT,8BACAtB,QAAQ,8BACRR,SAAS,aAAa,iBACtBA,SAAS,aAAaQ,QAAQ,kBAAA;OAGhC,sBAAA,cAACa,WAAWH,SAAO,MACjB,sBAAA,cAACG,WAAWa,OAAK;MAACd,YAAW;MAAiCf;SAE/DG,QACC,sBAAA,cAACwB,OAAAA;MAAIC,WAAU;OACb,sBAAA,cAACZ,WAAWc,MAAI;MACd9B;MACA+B,KAAK;MACLC,KAAK;MACLC,qBAAqBhC;MACrBiC,SAAS,MAAM9B,QAAQ,KAAA;MACvB+B,UAAU5B;;;;;AAQ1B;;;ADjDO,IAAM6B,sBAAsB,CAAC,EAAEC,MAAMC,KAAI,MAA4B;;;AAC1E,UAAMC,QAAQC,SAASH,IAAAA;AACvB,QAAI,CAACE,OAAO;AACV,aAAO;IACT;AAEA,YAAQD,MAAAA;MACN,KAAK;MACL,KAAK;MACL,KAAK,mBAAmB;AACtB,eACE,gBAAAG,OAAA,cAACC,WAAWC,MAAI;UAACN;WACf,gBAAAI,OAAA,cAACC,WAAWE,SAAO;UAACN;WAClB,gBAAAG,OAAA,cAACC,WAAWG,OAAK,IAAA,CAAA,CAAA;MAIzB;MAEA,SAAS;AACP,eAAO,gBAAAJ,OAAA,cAACK,mBAAAA;UAAkBT;UAAYC;;MACxC;IACF;;;;AACF;AAEA,IAAA,8BAAeF;",
+  "names": ["React", "getSpace", "React", "useCallback", "useRef", "useState", "Toolbar", "useTranslation", "StackItem", "mx", "ChessboardArticle", "game", "role", "t", "useTranslation", "meta", "id", "orientation", "setOrientation", "useState", "open", "setOpen", "controller", "useRef", "handleSelect", "useCallback", "index", "current", "setMoveNumber", "StackItem", "Content", "toolbar", "classNames", "Chessboard", "Root", "ref", "Toolbar", "IconButton", "icon", "iconOnly", "label", "disabled", "mx", "onClick", "div", "className", "Board", "Info", "min", "max", "onOrientationChange", "onClose", "onSelect", "ChessboardContainer", "game", "role", "space", "getSpace", "React", "Chessboard", "Root", "Content", "Board", "ChessboardArticle"]
+}

package/dist/lib/browser/blueprint-definition-Y5Y4YGNL.mjs

@@ -0,0 +1,11 @@
+import {
+  CHESS_BLUEPRINT_KEY,
+  blueprint_definition_default
+} from "./chunk-3LPE2B5J.mjs";
+import "./chunk-CCF24VRU.mjs";
+import "./chunk-DUO4WTAM.mjs";
+export {
+  CHESS_BLUEPRINT_KEY,
+  blueprint_definition_default as default
+};
+//# sourceMappingURL=blueprint-definition-Y5Y4YGNL.mjs.map

package/dist/lib/browser/{chunk-VTIITHYS.mjs → chunk-3LPE2B5J.mjs}

@@ -1,6 +1,6 @@
 import {
   Chess_exports
-} from "./chunk-T275KG4U.mjs";
+} from "./chunk-CCF24VRU.mjs";
 
 // src/capabilities/blueprint-definition.ts
 import { Capabilities, contributes } from "@dxos/app-framework";
@@ -8,10 +8,12 @@ import { Blueprint, Template } from "@dxos/blueprints";
 import { trim } from "@dxos/util";
 
 // src/functions/create.ts
-import { Effect, Schema } from "effect";
+import * as Effect from "effect/Effect";
+import * as Schema from "effect/Schema";
 import { DatabaseService, defineFunction } from "@dxos/functions";
 var create_default = defineFunction({
-  name: "dxos.org/function/chess/create",
+  key: "dxos.org/function/chess/create",
+  name: "Create Chess",
   description: "Creates a new chess game.",
   inputSchema: Schema.Struct({
     pgn: Schema.optional(Schema.String.annotations({
@@ -32,11 +34,13 @@ var create_default = defineFunction({
 
 // src/functions/move.ts
 import { Chess as ChessJS } from "chess.js";
-import { Effect as Effect2, Schema as Schema2 } from "effect";
+import * as Effect2 from "effect/Effect";
+import * as Schema2 from "effect/Schema";
 import { ArtifactId } from "@dxos/assistant";
 import { DatabaseService as DatabaseService2, defineFunction as defineFunction2 } from "@dxos/functions";
 var move_default = defineFunction2({
-  name: "dxos.org/function/chess/move",
+  key: "dxos.org/function/chess/move",
+  name: "Move",
   description: "Makes a move in the given chess game.",
   inputSchema: Schema2.Struct({
     id: ArtifactId.annotations({
@@ -75,15 +79,21 @@ var move_default = defineFunction2({
 
 // src/functions/play.ts
 import { Chess as ChessJS2 } from "chess.js";
-import { Effect as Effect3, Schema as Schema3 } from "effect";
+import * as Effect3 from "effect/Effect";
+import * as Schema3 from "effect/Schema";
 import { ArtifactId as ArtifactId2 } from "@dxos/assistant";
 import { DatabaseService as DatabaseService3, defineFunction as defineFunction3 } from "@dxos/functions";
 var play_default = defineFunction3({
-  name: "dxos.org/function/chess/play",
+  key: "dxos.org/function/chess/play",
+  name: "Play",
   description: "Uses the chess engine to play the next move.",
   inputSchema: Schema3.Struct({
     id: ArtifactId2.annotations({
       description: "The ID of the chess object."
+    }),
+    side: Schema3.optional(Schema3.Literal("white", "black", "any")).annotations({
+      description: "The side to play.",
+      defaultValue: "any"
     })
   }),
   outputSchema: Schema3.Struct({
@@ -94,7 +104,7 @@ var play_default = defineFunction3({
       description: "The move that was played."
     })
   }),
-  handler: Effect3.fn(function* ({ data: { id } }) {
+  handler: Effect3.fn(function* ({ data: { id, side = "any" } }) {
     const object = yield* DatabaseService3.resolve(ArtifactId2.toDXN(id), Chess_exports.Game);
     const chess = new ChessJS2();
     if (object.pgn) {
@@ -102,6 +112,12 @@ var play_default = defineFunction3({
     } else if (object.fen) {
       chess.load(object.fen);
     }
+    if (!(side === "any" || chess.turn() === "w" && side === "white" || chess.turn() === "b" && side === "black")) {
+      return {
+        move: void 0,
+        pgn: object.pgn
+      };
+    }
     const moves = chess.moves();
     const move = moves[Math.floor(Math.random() * moves.length)];
     chess.move(move, {
@@ -116,17 +132,17 @@ var play_default = defineFunction3({
 });
 
 // src/capabilities/blueprint-definition.ts
-var BLUEPRINT_KEY = "dxos.org/blueprint/chess";
 var functions = [
   create_default,
   move_default,
   play_default
 ];
-var blueprint_definition_default = () => {
+var CHESS_BLUEPRINT_KEY = "dxos.org/blueprint/chess";
+var blueprint_definition_default = (() => {
   return [
     contributes(Capabilities.Functions, functions),
     contributes(Capabilities.BlueprintDefinition, Blueprint.make({
-      key: BLUEPRINT_KEY,
+      key: CHESS_BLUEPRINT_KEY,
       name: "Chess",
       tools: Blueprint.toolDefinitions({
         functions
@@ -141,13 +157,13 @@ var blueprint_definition_default = () => {
       })
     }))
   ];
-};
+});
 
 export {
   create_default,
   move_default,
   play_default,
-  BLUEPRINT_KEY,
+  CHESS_BLUEPRINT_KEY,
   blueprint_definition_default
 };
-//# sourceMappingURL=chunk-VTIITHYS.mjs.map
+//# sourceMappingURL=chunk-3LPE2B5J.mjs.map

package/dist/lib/browser/chunk-3LPE2B5J.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/capabilities/blueprint-definition.ts", "../../../src/functions/create.ts", "../../../src/functions/move.ts", "../../../src/functions/play.ts"],
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport { Capabilities, contributes } from '@dxos/app-framework';\nimport { Blueprint, Template } from '@dxos/blueprints';\nimport { type FunctionDefinition } from '@dxos/functions';\nimport { trim } from '@dxos/util';\n\nimport { create, move, play } from '../functions';\n\nconst functions: FunctionDefinition[] = [create, move, play];\n\nexport const CHESS_BLUEPRINT_KEY = 'dxos.org/blueprint/chess';\n\nexport default () => {\n  return [\n    contributes(Capabilities.Functions, functions),\n    contributes(\n      Capabilities.BlueprintDefinition,\n      Blueprint.make({\n        key: CHESS_BLUEPRINT_KEY,\n        name: 'Chess',\n        tools: Blueprint.toolDefinitions({ functions }),\n        instructions: Template.make({\n          source: trim`\n            You are an expert chess player.\n            To analyze a game you can access the \"pgn\" property by loading the context object that represents the current game.\n            You could suggest a good next move or offer to play a move.\n            Don't actually make a move unless you are asked to.\n          `,\n        }),\n      }),\n    ),\n  ];\n};\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport * as Effect from 'effect/Effect';\nimport * as Schema from 'effect/Schema';\n\nimport { DatabaseService, defineFunction } from '@dxos/functions';\n\nimport { Chess } from '../types';\n\nexport default defineFunction({\n  key: 'dxos.org/function/chess/create',\n  name: 'Create Chess',\n  description: 'Creates a new chess game.',\n  inputSchema: Schema.Struct({\n    pgn: Schema.optional(\n      Schema.String.annotations({\n        description: 'Portable Game Notation.',\n      }),\n    ),\n    fen: Schema.optional(\n      Schema.String.annotations({\n        description: 'Forsyth-Edwards Notation.',\n      }),\n    ),\n  }),\n  outputSchema: Chess.Game,\n  handler: Effect.fn(function* ({ data: { pgn, fen } }) {\n    return yield* DatabaseService.add(Chess.makeGame({ pgn, fen }));\n  }),\n});\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { Chess as ChessJS } from 'chess.js';\nimport * as Effect from 'effect/Effect';\nimport * as Schema from 'effect/Schema';\n\nimport { ArtifactId } from '@dxos/assistant';\nimport { DatabaseService, defineFunction } from '@dxos/functions';\n\nimport { Chess } from '../types';\n\nexport default defineFunction({\n  key: 'dxos.org/function/chess/move',\n  name: 'Move',\n  description: 'Makes a move in the given chess game.',\n  inputSchema: Schema.Struct({\n    id: ArtifactId.annotations({\n      description: 'The ID of the chess object.',\n    }),\n    move: Schema.String.annotations({\n      description: 'The move to make in the chess game.',\n      examples: ['e4', 'Bf3'],\n    }),\n  }),\n  outputSchema: Schema.Struct({\n    pgn: Schema.String.annotations({\n      description: 'The PGN of the game after the move was played.',\n    }),\n  }),\n  handler: Effect.fn(function* ({ data: { id, move } }) {\n    const object = yield* DatabaseService.resolve(ArtifactId.toDXN(id), Chess.Game);\n    const chess = new ChessJS();\n    if (object.pgn) {\n      chess.loadPgn(object.pgn);\n    } else if (object.fen) {\n      chess.load(object.fen);\n    }\n\n    chess.move(move, { strict: false });\n    object.pgn = chess.pgn();\n    return { pgn: object.pgn };\n  }),\n});\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { Chess as ChessJS } from 'chess.js';\nimport * as Effect from 'effect/Effect';\nimport * as Schema from 'effect/Schema';\n\nimport { ArtifactId } from '@dxos/assistant';\nimport { DatabaseService, defineFunction } from '@dxos/functions';\n\nimport { Chess } from '../types';\n\nexport default defineFunction({\n  key: 'dxos.org/function/chess/play',\n  name: 'Play',\n  description: 'Uses the chess engine to play the next move.',\n  inputSchema: Schema.Struct({\n    id: ArtifactId.annotations({\n      description: 'The ID of the chess object.',\n    }),\n    side: Schema.optional(Schema.Literal('white', 'black', 'any')).annotations({\n      description: 'The side to play.',\n      defaultValue: 'any',\n    }),\n  }),\n  outputSchema: Schema.Struct({\n    pgn: Schema.String.annotations({\n      description: 'The PGN of the game after the move was played.',\n    }),\n    move: Schema.optional(Schema.String).annotations({\n      description: 'The move that was played.',\n    }),\n  }),\n  handler: Effect.fn(function* ({ data: { id, side = 'any' } }) {\n    const object = yield* DatabaseService.resolve(ArtifactId.toDXN(id), Chess.Game);\n    const chess = new ChessJS();\n    if (object.pgn) {\n      chess.loadPgn(object.pgn);\n    } else if (object.fen) {\n      chess.load(object.fen);\n    }\n\n    if (!(side === 'any' || (chess.turn() === 'w' && side === 'white') || (chess.turn() === 'b' && side === 'black'))) {\n      return { move: undefined, pgn: object.pgn! };\n    }\n\n    const moves = chess.moves();\n    const move = moves[Math.floor(Math.random() * moves.length)];\n\n    chess.move(move, { strict: false });\n    object.pgn = chess.pgn();\n    return { move, pgn: object.pgn };\n  }),\n});\n"],
+  "mappings": "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",
+  "names": ["Capabilities", "contributes", "Blueprint", "Template", "trim", "Effect", "Schema", "DatabaseService", "defineFunction", "defineFunction", "key", "name", "description", "inputSchema", "Struct", "pgn", "optional", "String", "annotations", "fen", "outputSchema", "Chess", "Game", "handler", "fn", "data", "DatabaseService", "add", "makeGame", "Chess", "ChessJS", "Effect", "Schema", "ArtifactId", "DatabaseService", "defineFunction", "defineFunction", "key", "name", "description", "inputSchema", "Struct", "id", "ArtifactId", "annotations", "move", "String", "examples", "outputSchema", "pgn", "handler", "fn", "data", "object", "DatabaseService", "resolve", "toDXN", "Chess", "Game", "chess", "ChessJS", "loadPgn", "fen", "load", "strict", "Chess", "ChessJS", "Effect", "Schema", "ArtifactId", "DatabaseService", "defineFunction", "defineFunction", "key", "name", "description", "inputSchema", "Struct", "id", "ArtifactId", "annotations", "side", "optional", "Literal", "defaultValue", "outputSchema", "pgn", "String", "move", "handler", "fn", "data", "object", "DatabaseService", "resolve", "toDXN", "Chess", "Game", "chess", "ChessJS", "loadPgn", "fen", "load", "turn", "undefined", "moves", "Math", "floor", "random", "length", "strict", "functions", "create", "move", "play", "CHESS_BLUEPRINT_KEY", "contributes", "Capabilities", "Functions", "BlueprintDefinition", "Blueprint", "make", "key", "name", "tools", "toolDefinitions", "instructions", "Template", "source", "trim"]
+}

package/dist/lib/browser/{chunk-UDWRTBWA.mjs → chunk-5DOZV3PW.mjs}

@@ -1,62 +1,78 @@
 import {
   meta
-} from "./chunk-PE3IWOFR.mjs";
+} from "./chunk-DUO4WTAM.mjs";
 
 // src/components/Chessboard.tsx
-import { useSignals as _useSignals3 } from "@preact-signals/safe-react/tracking";
-import React3, { forwardRef, useCallback, useEffect as useEffect2, useImperativeHandle, useMemo as useMemo2, useRef as useRef2 } from "react";
+import { useSignals as _useSignals2 } from "@preact-signals/safe-react/tracking";
+import React2, { forwardRef, useCallback, useEffect as useEffect2, useImperativeHandle, useMemo as useMemo2, useRef as useRef2 } from "react";
 import { addEventListener } from "@dxos/async";
-import { ChessModel, Gameboard, Chessboard as NativeChessboard } from "@dxos/react-ui-gameboard";
-import { mx as mx3 } from "@dxos/react-ui-theme";
+import { ChessModel, Gameboard, Chessboard as NaturalChessboard, getRawPgn, useGameboardContext as useGameboardContext2 } from "@dxos/react-ui-gameboard";
+import { useSoundEffect } from "@dxos/react-ui-sfx";
+import { mx as mx2 } from "@dxos/react-ui-theme";
 
-// src/components/ChessboardInfo.tsx
+// src/components/Info.tsx
 import { useSignals as _useSignals } from "@preact-signals/safe-react/tracking";
 import React, { useEffect, useMemo, useRef } from "react";
-import { Icon, IconButton, useTranslation } from "@dxos/react-ui";
+import { generateName } from "@dxos/display-name";
+import { getSpace, useMembers } from "@dxos/react-client/echo";
+import { Icon, IconButton, Select, useTranslation } from "@dxos/react-ui";
 import { useGameboardContext } from "@dxos/react-ui-gameboard";
 import { mx } from "@dxos/react-ui-theme";
-var ChessboardInfo = ({ classNames, orientation = "white", onOrientationChange, onClose, ...props }) => {
+var Info = ({ classNames, orientation = "white", onOrientationChange, onClose, ...props }) => {
   var _effect = _useSignals();
   try {
     const { t } = useTranslation(meta.id);
-    const { model } = useGameboardContext(ChessboardInfo.displayName);
+    const { model } = useGameboardContext(Info.displayName);
+    const members = useMembers(getSpace(model.object)?.key);
     return /* @__PURE__ */ React.createElement("div", {
-      className: mx("grid grid-rows-[min-content_1fr_min-content] is-full min-is-[16rem] p-2 overflow-hidden bg-inputSurface rounded", classNames)
+      className: mx("grid grid-rows-[min-content_1fr_min-content] is-full min-is-[18rem] p-2 overflow-hidden bg-groupSurface rounded-sm", classNames)
     }, /* @__PURE__ */ React.createElement(PlayerIndicator, {
       model,
       player: orientation === "white" ? "black" : "white",
-      title: model.object.players?.[orientation === "white" ? "black" : "white"]
-    }, onClose && /* @__PURE__ */ React.createElement(IconButton, {
-      icon: "ph--x--regular",
-      iconOnly: true,
-      label: t("button flip"),
-      size: 4,
-      onClick: onClose
+      icon: onClose && /* @__PURE__ */ React.createElement(IconButton, {
+        icon: "ph--x--regular",
+        iconOnly: true,
+        label: t("close info button"),
+        size: 4,
+        onClick: onClose
+      })
+    }, /* @__PURE__ */ React.createElement(PlayerSelector, {
+      value: model.object.players?.[orientation === "white" ? "black" : "white"],
+      onValueChange: (value) => {
+        model.object.players[orientation === "white" ? "black" : "white"] = value;
+      },
+      members
     })), /* @__PURE__ */ React.createElement(History, {
       model,
       ...props
     }), /* @__PURE__ */ React.createElement(PlayerIndicator, {
       model,
       player: orientation,
-      title: model.object.players?.[orientation]
-    }, onOrientationChange && /* @__PURE__ */ React.createElement(IconButton, {
-      icon: "ph--arrows-down-up--regular",
-      iconOnly: true,
-      label: t("button flip"),
-      size: 6,
-      classNames: mx("transition duration-200 ease-linear", orientation === "white" && "rotate-180"),
-      onClick: () => onOrientationChange(orientation === "white" ? "black" : "white")
+      icon: onOrientationChange && /* @__PURE__ */ React.createElement(IconButton, {
+        classNames: mx("transition duration-200 ease-linear", orientation === "white" && "rotate-180"),
+        icon: "ph--arrows-clockwise--regular",
+        iconOnly: true,
+        label: t("flip board button"),
+        size: 4,
+        onClick: () => onOrientationChange(orientation === "white" ? "black" : "white")
+      })
+    }, /* @__PURE__ */ React.createElement(PlayerSelector, {
+      value: model.object.players?.[orientation],
+      onValueChange: (value) => {
+        model.object.players[orientation] = value;
+      },
+      members
     })));
   } finally {
     _effect.f();
   }
 };
-ChessboardInfo.displayName = "Chessboard.Info";
+Info.displayName = "Chessboard.Info";
 var History = ({ classNames, model, min, max, onSelect }) => {
   var _effect = _useSignals();
   try {
     const { t } = useTranslation(meta.id);
-    const label = model.game.isGameOver() ? model.game.isCheckmate() ? t("game.checkmate") : model.game.isStalemate() ? t("game.stalemate") : t("game.draw") : model.game.isCheck() ? t("game.check") : void 0;
+    const label = model.game.isGameOver() ? model.game.isCheckmate() ? t("game.checkmate label") : model.game.isStalemate() ? t("game.stalemate label") : t("game.draw label") : model.game.isCheck() ? t("game.check label") : void 0;
     const history = model.game.history();
     const moves = useMemo(() => history.reduce((acc, move, index) => {
       if (index % 2 === 0) {
@@ -96,7 +112,7 @@ var History = ({ classNames, model, min, max, onSelect }) => {
     ]);
     return /* @__PURE__ */ React.createElement("div", {
       ref: scrollerRef,
-      className: mx("overflow-y-scroll", classNames),
+      className: mx("overflow-y-auto", classNames),
       style: {
         minHeight: min === void 0 ? "auto" : `${min * 24}px`,
         maxHeight: max === void 0 ? "auto" : `${max * 24}px`
@@ -121,12 +137,12 @@ var History = ({ classNames, model, min, max, onSelect }) => {
     _effect.f();
   }
 };
-var PlayerIndicator = ({ children, model, player, title }) => {
+var PlayerIndicator = ({ children, model, player, icon }) => {
   var _effect = _useSignals();
   try {
     const turn = player === (model.game.turn() === "w" ? "white" : "black");
     return /* @__PURE__ */ React.createElement("div", {
-      className: "grid grid-cols-[2rem_1fr_2rem] gap-1 bs-[--rail-size] pis-1 pie-1 flex items-center overflow-hidden"
+      className: "grid grid-cols-[2rem_1fr_2rem] gap-2 bs-[--rail-size] pli-1 flex items-center overflow-hidden"
     }, /* @__PURE__ */ React.createElement("div", {
       className: "place-items-center"
     }, /* @__PURE__ */ React.createElement(Icon, {
@@ -134,107 +150,46 @@ var PlayerIndicator = ({ children, model, player, title }) => {
       size: 6,
       classNames: mx(turn && (model.game.isCheckmate() ? "text-red-500" : "text-green-500"))
     })), /* @__PURE__ */ React.createElement("div", {
-      className: "truncate"
-    }, title), children);
-  } finally {
-    _effect.f();
-  }
-};
-
-// src/components/ChessboardPlayers.tsx
-import { useSignals as _useSignals2 } from "@preact-signals/safe-react/tracking";
-import React2 from "react";
-import { generateName } from "@dxos/display-name";
-import { getSpace, useMembers } from "@dxos/react-client/echo";
-import { Icon as Icon2, Input, Select, useThemeContext } from "@dxos/react-ui";
-import { useGameboardContext as useGameboardContext2 } from "@dxos/react-ui-gameboard";
-import { mx as mx2 } from "@dxos/react-ui-theme";
-var ChessboardPlayers = ({ classNames, children }) => {
-  var _effect = _useSignals2();
-  try {
-    const { model } = useGameboardContext2(ChessboardPlayers.displayName);
-    const members = useMembers(getSpace(model.object)?.key);
-    const players = model.object.players;
-    if (!players) {
-      return null;
-    }
-    return /* @__PURE__ */ React2.createElement("div", {
-      role: "none",
-      className: mx2("grid grid-cols-[1fr_min-content_1fr] pis-2 pie-2 overflow-hidden", classNames)
-    }, /* @__PURE__ */ React2.createElement("div", {
-      role: "none",
-      className: "flex flex-row-reverse items-center gap-2"
-    }, /* @__PURE__ */ React2.createElement(PlayerSelect, {
-      side: "white",
-      value: players.white,
-      onValueChange: (player) => players.white = player,
-      members
-    })), /* @__PURE__ */ React2.createElement("div", {
-      className: "flex flex-row justify-center items-center"
-    }, children), /* @__PURE__ */ React2.createElement("div", {
-      role: "none",
-      className: "flex flex-row items-center gap-2"
-    }, /* @__PURE__ */ React2.createElement(PlayerSelect, {
-      side: "black",
-      value: players.black,
-      onValueChange: (player) => players.black = player,
-      members
-    })));
+      className: "truncate overflow-hidden items-center"
+    }, children), icon);
   } finally {
     _effect.f();
   }
 };
-ChessboardPlayers.displayName = "Chessboard.Players";
-var PlayerSelect = ({ side, value, onValueChange, members }) => {
-  var _effect = _useSignals2();
+var PlayerSelector = ({ value, onValueChange, members }) => {
+  var _effect = _useSignals();
   try {
-    const { themeMode } = useThemeContext();
-    const iconFillMode = side === "black" && themeMode === "light" || side === "white" && themeMode === "dark" ? "fill" : void 0;
-    return /* @__PURE__ */ React2.createElement(Input.Root, null, /* @__PURE__ */ React2.createElement(Input.Label, null, /* @__PURE__ */ React2.createElement(Icon2, {
-      "aria-label": `Chess icon for side ${side}`,
-      icon: `ph--crown-cross--${iconFillMode || "regular"}`,
-      size: 6
-    })), /* @__PURE__ */ React2.createElement(Select.Root, {
+    const { t } = useTranslation(meta.id);
+    return /* @__PURE__ */ React.createElement(Select.Root, {
       value,
       onValueChange
-    }, /* @__PURE__ */ React2.createElement(Select.TriggerButton, {
-      placeholder: "Select player"
-    }), /* @__PURE__ */ React2.createElement(Select.Portal, null, /* @__PURE__ */ React2.createElement(Select.Content, null, /* @__PURE__ */ React2.createElement(Select.Viewport, null, members.map((member) => {
+    }, /* @__PURE__ */ React.createElement(Select.TriggerButton, {
+      placeholder: t("select player button")
+    }), /* @__PURE__ */ React.createElement(Select.Portal, null, /* @__PURE__ */ React.createElement(Select.Content, null, /* @__PURE__ */ React.createElement(Select.Viewport, null, members.map((member) => {
       const memberKey = member.identity.identityKey.toHex();
       const displayName = member.identity?.profile?.displayName || generateName(memberKey);
-      return /* @__PURE__ */ React2.createElement(Select.Option, {
+      return /* @__PURE__ */ React.createElement(Select.Option, {
         key: memberKey,
         value: memberKey
       }, displayName);
-    })), /* @__PURE__ */ React2.createElement(Select.Arrow, null)))));
+    })), /* @__PURE__ */ React.createElement(Select.Arrow, null))));
   } finally {
     _effect.f();
   }
 };
 
 // src/components/Chessboard.tsx
-function _define_property(obj, key, value) {
-  if (key in obj) {
-    Object.defineProperty(obj, key, {
-      value,
-      enumerable: true,
-      configurable: true,
-      writable: true
-    });
-  } else {
-    obj[key] = value;
-  }
-  return obj;
-}
 var ExtendedChessModel = class extends ChessModel {
+  object;
   constructor(object) {
-    super(), _define_property(this, "object", void 0), this.object = object;
+    super(), this.object = object;
   }
 };
-var ChessboardRoot = /* @__PURE__ */ forwardRef(({ game, children }, forwardedRef) => {
-  var _effect = _useSignals3();
+var Root = /* @__PURE__ */ forwardRef(({ game, children }, forwardedRef) => {
+  var _effect = _useSignals2();
   try {
     const model = useMemo2(() => new ExtendedChessModel(game), []);
+    const click = useSoundEffect("Click");
     useImperativeHandle(forwardedRef, () => {
       return {
         setMoveNumber: (index) => model.setMoveIndex(index)
@@ -243,15 +198,56 @@ var ChessboardRoot = /* @__PURE__ */ forwardRef(({ game, children }, forwardedRe
       model
     ]);
     useEffect2(() => {
-      model.update(game.pgn);
+      if (model.pgn !== getRawPgn(game.pgn ?? "")) {
+        const silent = model.pgn === "*";
+        model.update(game.pgn);
+        if (!silent) {
+          void click.play();
+        }
+      }
     }, [
       game.pgn
     ]);
+    const handleDrop = useCallback((move) => {
+      if (!model.makeMove(move)) {
+        return false;
+      }
+      void click.play();
+      game.pgn = model.pgn;
+      return true;
+    }, [
+      model
+    ]);
+    return /* @__PURE__ */ React2.createElement(Gameboard.Root, {
+      model,
+      onDrop: handleDrop
+    }, children);
+  } finally {
+    _effect.f();
+  }
+});
+var Content = ({ classNames, children, role }) => {
+  var _effect = _useSignals2();
+  try {
+    return /* @__PURE__ */ React2.createElement(Gameboard.Content, {
+      classNames: mx2(classNames, role === "card--popover" && "size-container popover-square"),
+      grow: !role || role === "card--extrinsic",
+      contain: !role || role === "card--extrinsic" || role === "card--popover"
+    }, children);
+  } finally {
+    _effect.f();
+  }
+};
+var Board = (props) => {
+  var _effect = _useSignals2();
+  try {
+    const { model } = useGameboardContext2(Board.displayName);
     const ref = useRef2(null);
     useEffect2(() => {
       if (!ref.current) {
         return;
       }
+      ref.current.setAttribute("data-arrow-keys", "all");
       return addEventListener(ref.current, "keydown", (ev) => {
         switch (ev.key) {
           case "ArrowUp":
@@ -275,50 +271,24 @@ var ChessboardRoot = /* @__PURE__ */ forwardRef(({ game, children }, forwardedRe
     }, [
       model
     ]);
-    const handleDrop = useCallback((move) => {
-      if (model.makeMove(move)) {
-        game.pgn = model.pgn;
-        return true;
-      }
-      return false;
-    }, [
-      model
-    ]);
-    return /* @__PURE__ */ React3.createElement(Gameboard.Root, {
-      model,
-      onDrop: handleDrop
-    }, /* @__PURE__ */ React3.createElement("div", {
+    return /* @__PURE__ */ React2.createElement(NaturalChessboard, {
       ref,
-      role: "none",
-      tabIndex: 0,
-      className: "grid grow outline-none"
-    }, children));
-  } finally {
-    _effect.f();
-  }
-});
-var ChessboardContent = ({ classNames, children, role }) => {
-  var _effect = _useSignals3();
-  try {
-    return /* @__PURE__ */ React3.createElement(Gameboard.Content, {
-      classNames: mx3(classNames, role === "card--popover" && "size-container popover-square"),
-      grow: !role || role === "card--extrinsic",
-      contain: !role || role === "card--extrinsic" || role === "card--popover"
-    }, children);
+      ...props
+    });
   } finally {
     _effect.f();
   }
 };
+Board.displayName = "Chessboard.Board";
 var Chessboard = {
-  Root: ChessboardRoot,
-  Content: ChessboardContent,
-  Board: NativeChessboard,
-  Info: ChessboardInfo,
-  Players: ChessboardPlayers
+  Root,
+  Content,
+  Board,
+  Info
 };
 
 export {
   ExtendedChessModel,
   Chessboard
 };
-//# sourceMappingURL=chunk-UDWRTBWA.mjs.map
+//# sourceMappingURL=chunk-5DOZV3PW.mjs.map