@dxos/plugin-chess 0.8.4-main.bc674ce → 0.8.4-main.c351d160a8

package/dist/lib/browser/ChessArticle-UDSL3OJ4.mjs

@@ -0,0 +1,59 @@
+import "./chunk-WYUTI2K4.mjs";
+import {
+  Chessboard
+} from "./chunk-JP6G6VR6.mjs";
+import {
+  meta
+} from "./chunk-RGHZ5CDO.mjs";
+import "./chunk-J5LGTIGS.mjs";
+
+// src/containers/ChessArticle/ChessArticle.tsx
+import React, { useCallback, useRef, useState } from "react";
+import { Panel, Toolbar, useTranslation } from "@dxos/react-ui";
+import { mx } from "@dxos/ui-theme";
+var ChessArticle = ({ role, subject: game }) => {
+  const { t } = useTranslation(meta.id);
+  const [orientation, setOrientation] = useState("white");
+  const [open, setOpen] = useState(true);
+  const controller = useRef(null);
+  const handleSelect = useCallback((index) => {
+    controller.current?.setMoveNumber(index);
+  }, []);
+  return /* @__PURE__ */ React.createElement(Chessboard.Root, {
+    game,
+    ref: controller
+  }, /* @__PURE__ */ React.createElement(Panel.Root, {
+    role,
+    classNames: "@container"
+  }, /* @__PURE__ */ React.createElement(Panel.Toolbar, {
+    asChild: true
+  }, /* @__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(Panel.Content, null, /* @__PURE__ */ React.createElement("div", {
+    className: mx("grid h-full w-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-xs overflow-hidden",
+    orientation
+  })), open && /* @__PURE__ */ React.createElement("div", {
+    className: "hidden @3xl:flex flex-col p-8 justify-center items-center overflow-hidden"
+  }, /* @__PURE__ */ React.createElement(Chessboard.Info, {
+    orientation,
+    min: 8,
+    max: 8,
+    onOrientationChange: setOrientation,
+    onClose: () => setOpen(false),
+    onSelect: handleSelect
+  }))))));
+};
+
+// src/containers/ChessArticle/index.ts
+var ChessArticle_default = ChessArticle;
+export {
+  ChessArticle_default as default
+};
+//# sourceMappingURL=ChessArticle-UDSL3OJ4.mjs.map

package/dist/lib/browser/ChessArticle-UDSL3OJ4.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/containers/ChessArticle/ChessArticle.tsx", "../../../src/containers/ChessArticle/index.ts"],
+  "sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\n\nimport React, { useCallback, useRef, useState } from 'react';\n\nimport { type SurfaceComponentProps } from '@dxos/app-toolkit/ui';\nimport { Panel, Toolbar, useTranslation } from '@dxos/react-ui';\nimport { type Player } from '@dxos/react-ui-gameboard';\nimport { mx } from '@dxos/ui-theme';\n\nimport { Chessboard, type ChessboardController, type ChessboardInfoProps } from '../../components';\nimport { meta } from '../../meta';\nimport { type Chess } from '../../types';\n\nexport type ChessArticleProps = SurfaceComponentProps<Chess.Game>;\n\nexport const ChessArticle = ({ role, subject: game }: ChessArticleProps) => {\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  const handleSelect = useCallback<NonNullable<ChessboardInfoProps['onSelect']>>((index) => {\n    controller.current?.setMoveNumber(index);\n  }, []);\n\n  return (\n    <Chessboard.Root game={game} ref={controller}>\n      <Panel.Root role={role} classNames='@container'>\n        <Panel.Toolbar asChild>\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        </Panel.Toolbar>\n        <Panel.Content>\n          <div\n            className={mx(\n              'grid h-full w-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-xs 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        </Panel.Content>\n      </Panel.Root>\n    </Chessboard.Root>\n  );\n};\n", "//\n// Copyright 2026 DXOS.org\n//\n\nimport { ChessArticle } from './ChessArticle';\n\nexport default ChessArticle;\n"],
+  "mappings": ";;;;;;;;;;AAIA,OAAOA,SAASC,aAAaC,QAAQC,gBAAgB;AAGrD,SAASC,OAAOC,SAASC,sBAAsB;AAE/C,SAASC,UAAU;AAQZ,IAAMC,eAAe,CAAC,EAAEC,MAAMC,SAASC,KAAI,MAAqB;AACrE,QAAM,EAAEC,EAAC,IAAKC,eAAeC,KAAKC,EAAE;AACpC,QAAM,CAACC,aAAaC,cAAAA,IAAkBC,SAAiB,OAAA;AACvD,QAAM,CAACC,MAAMC,OAAAA,IAAWF,SAAS,IAAA;AACjC,QAAMG,aAAaC,OAA6B,IAAA;AAEhD,QAAMC,eAAeC,YAA0D,CAACC,UAAAA;AAC9EJ,eAAWK,SAASC,cAAcF,KAAAA;EACpC,GAAG,CAAA,CAAE;AAEL,SACE,sBAAA,cAACG,WAAWC,MAAI;IAAClB;IAAYmB,KAAKT;KAChC,sBAAA,cAACU,MAAMF,MAAI;IAACpB;IAAYuB,YAAW;KACjC,sBAAA,cAACD,MAAME,SAAO;IAACC,SAAAA;KACb,sBAAA,cAACD,QAAQJ,MAAI,MACX,sBAAA,cAACI,QAAQE,YAAU;IACjBC,MAAK;IACLC,UAAAA;IACAC,OAAO1B,EAAE,oBAAA;IACT2B,UAAUpB;IACVa,YAAYQ,GAAG,wBAAA;IACfC,SAAS,MAAMrB,QAAQ,CAACD,UAAS,CAACA,KAAAA;QAIxC,sBAAA,cAACY,MAAMW,SAAO,MACZ,sBAAA,cAACC,OAAAA;IACCC,WAAWJ,GACT,4BACArB,QAAQ,8BACRV,SAAS,aAAa,iBACtBA,SAAS,aAAaU,QAAQ,kBAAA;KAGhC,sBAAA,cAACS,WAAWc,SAAO,MACjB,sBAAA,cAACd,WAAWiB,OAAK;IAACb,YAAW;IAAiChB;OAE/DG,QACC,sBAAA,cAACwB,OAAAA;IAAIC,WAAU;KACb,sBAAA,cAAChB,WAAWkB,MAAI;IACd9B;IACA+B,KAAK;IACLC,KAAK;IACLC,qBAAqBhC;IACrBiC,SAAS,MAAM9B,QAAQ,KAAA;IACvB+B,UAAU5B;;AAS5B;;;ACjEA,IAAA,uBAAe6B;",
+  "names": ["React", "useCallback", "useRef", "useState", "Panel", "Toolbar", "useTranslation", "mx", "ChessArticle", "role", "subject", "game", "t", "useTranslation", "meta", "id", "orientation", "setOrientation", "useState", "open", "setOpen", "controller", "useRef", "handleSelect", "useCallback", "index", "current", "setMoveNumber", "Chessboard", "Root", "ref", "Panel", "classNames", "Toolbar", "asChild", "IconButton", "icon", "iconOnly", "label", "disabled", "mx", "onClick", "Content", "div", "className", "Board", "Info", "min", "max", "onOrientationChange", "onClose", "onSelect", "ChessArticle"]
+}

package/dist/lib/browser/ChessCard-OIRFQMOJ.mjs

@@ -0,0 +1,21 @@
+import "./chunk-WYUTI2K4.mjs";
+import {
+  Chessboard
+} from "./chunk-JP6G6VR6.mjs";
+import "./chunk-RGHZ5CDO.mjs";
+import "./chunk-J5LGTIGS.mjs";
+
+// src/containers/ChessCard/ChessCard.tsx
+import React from "react";
+var ChessCard = ({ subject: game }) => {
+  return /* @__PURE__ */ React.createElement(Chessboard.Root, {
+    game
+  }, /* @__PURE__ */ React.createElement(Chessboard.Content, null, /* @__PURE__ */ React.createElement(Chessboard.Board, null)));
+};
+
+// src/containers/ChessCard/index.ts
+var ChessCard_default = ChessCard;
+export {
+  ChessCard_default as default
+};
+//# sourceMappingURL=ChessCard-OIRFQMOJ.mjs.map

package/dist/lib/browser/ChessCard-OIRFQMOJ.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/containers/ChessCard/ChessCard.tsx", "../../../src/containers/ChessCard/index.ts"],
+  "sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\n\nimport React from 'react';\n\nimport { type SurfaceComponentProps } from '@dxos/app-toolkit/ui';\n\nimport { Chessboard } from '../../components';\nimport { type Chess } from '../../types';\n\nexport type ChessCardProps = SurfaceComponentProps<Chess.Game>;\n\nexport const ChessCard = ({ subject: game }: ChessCardProps) => {\n  return (\n    <Chessboard.Root game={game}>\n      <Chessboard.Content>\n        <Chessboard.Board />\n      </Chessboard.Content>\n    </Chessboard.Root>\n  );\n};\n", "//\n// Copyright 2026 DXOS.org\n//\n\nimport { ChessCard } from './ChessCard';\n\nexport default ChessCard;\n"],
+  "mappings": ";;;;;;;;AAIA,OAAOA,WAAW;AASX,IAAMC,YAAY,CAAC,EAAEC,SAASC,KAAI,MAAkB;AACzD,SACE,sBAAA,cAACC,WAAWC,MAAI;IAACF;KACf,sBAAA,cAACC,WAAWE,SAAO,MACjB,sBAAA,cAACF,WAAWG,OAAK,IAAA,CAAA,CAAA;AAIzB;;;ACfA,IAAA,oBAAeC;",
+  "names": ["React", "ChessCard", "subject", "game", "Chessboard", "Root", "Content", "Board", "ChessCard"]
+}

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

@@ -0,0 +1,18 @@
+import {
+  chess_blueprint_default
+} from "./chunk-6JG4KLVU.mjs";
+import "./chunk-2TJN26DN.mjs";
+import "./chunk-J5LGTIGS.mjs";
+
+// src/capabilities/blueprint-definition/blueprint-definition.ts
+import * as Effect from "effect/Effect";
+import { Capability } from "@dxos/app-framework";
+import { AppCapabilities } from "@dxos/app-toolkit";
+var blueprintDefinition = Capability.makeModule(() => Effect.succeed([
+  Capability.contributes(AppCapabilities.BlueprintDefinition, chess_blueprint_default)
+]));
+var blueprint_definition_default = blueprintDefinition;
+export {
+  blueprint_definition_default as default
+};
+//# sourceMappingURL=blueprint-definition-OSNXLHYU.mjs.map

package/dist/lib/browser/blueprint-definition-OSNXLHYU.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/capabilities/blueprint-definition/blueprint-definition.ts"],
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport * as Effect from 'effect/Effect';\n\nimport { Capability } from '@dxos/app-framework';\nimport { AppCapabilities } from '@dxos/app-toolkit';\n\nimport { ChessBlueprint } from '../../blueprints';\n\nconst blueprintDefinition = Capability.makeModule<\n  [],\n  Capability.Capability<typeof AppCapabilities.BlueprintDefinition>[]\n>(() => Effect.succeed([Capability.contributes(AppCapabilities.BlueprintDefinition, ChessBlueprint)]));\n\nexport default blueprintDefinition;\n"],
+  "mappings": ";;;;;;;AAIA,YAAYA,YAAY;AAExB,SAASC,kBAAkB;AAC3B,SAASC,uBAAuB;AAIhC,IAAMC,sBAAsBC,WAAWC,WAGrC,MAAaC,eAAQ;EAACF,WAAWG,YAAYC,gBAAgBC,qBAAqBC,uBAAAA;CAAgB,CAAA;AAEpG,IAAA,+BAAeP;",
+  "names": ["Effect", "Capability", "AppCapabilities", "blueprintDefinition", "Capability", "makeModule", "succeed", "contributes", "AppCapabilities", "BlueprintDefinition", "ChessBlueprint"]
+}

package/dist/lib/browser/blueprints/index.mjs

@@ -1,11 +1,11 @@
 import {
-  chess_blueprint_exports,
+  chess_blueprint_default,
   functions_exports
-} from "../chunk-FO4ZNFN6.mjs";
-import "../chunk-66H3V2YV.mjs";
+} from "../chunk-6JG4KLVU.mjs";
+import "../chunk-2TJN26DN.mjs";
 import "../chunk-J5LGTIGS.mjs";
 export {
-  chess_blueprint_exports as ChessBlueprint,
+  chess_blueprint_default as ChessBlueprint,
   functions_exports as ChessFunctions
 };
 //# sourceMappingURL=index.mjs.map

package/dist/lib/browser/{chunk-66H3V2YV.mjs → chunk-2TJN26DN.mjs}

@@ -10,7 +10,7 @@ __export(Chess_exports, {
 });
 import { Chess as ChessJS } from "chess.js";
 import * as Schema from "effect/Schema";
-import { Obj, Type } from "@dxos/echo";
+import { Annotation, Obj, Type } from "@dxos/echo";
 import { FormInputAnnotation, LabelAnnotation } from "@dxos/echo/internal";
 import { log } from "@dxos/log";
 var __dxlog_file = "/__w/dxos/dxos/packages/plugins/plugin-chess/src/types/Chess.ts";
@@ -31,11 +31,14 @@ var Game = Schema.Struct({
     description: "Forsyth-Edwards Notation."
   }).pipe(FormInputAnnotation.set(false), Schema.optional)
 }).pipe(Type.object({
-  typename: "dxos.org/type/Chess",
-  version: "0.2.0"
+  typename: "org.dxos.type.chess",
+  version: "0.1.0"
 }), LabelAnnotation.set([
   "name"
-]));
+]), Annotation.IconAnnotation.set({
+  icon: "ph--shield-chevron--regular",
+  hue: "amber"
+}));
 var make = ({ name, pgn, fen } = {}) => {
   const chess = new ChessJS();
   if (pgn) {
@@ -44,7 +47,7 @@ var make = ({ name, pgn, fen } = {}) => {
     } catch {
       log.warn(pgn, void 0, {
         F: __dxlog_file,
-        L: 48,
+        L: 52,
         S: void 0,
         C: (f, a) => f(...a)
       });
@@ -61,4 +64,4 @@ var make = ({ name, pgn, fen } = {}) => {
 export {
   Chess_exports
 };
-//# sourceMappingURL=chunk-66H3V2YV.mjs.map
+//# sourceMappingURL=chunk-2TJN26DN.mjs.map

package/dist/lib/browser/chunk-2TJN26DN.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/types/Chess.ts"],
+  "sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\n\nimport { Chess as ChessJS } from 'chess.js';\nimport * as Schema from 'effect/Schema';\n\nimport { Annotation, Obj, Type } from '@dxos/echo';\nimport { FormInputAnnotation, LabelAnnotation } from '@dxos/echo/internal';\nimport { log } from '@dxos/log';\n\nexport const Game = Schema.Struct({\n  name: Schema.optional(Schema.String),\n  players: Schema.Struct({\n    white: Schema.optional(\n      Schema.String.annotations({\n        description: 'DID of white player',\n      }),\n    ),\n    black: Schema.optional(\n      Schema.String.annotations({\n        description: 'DID of black player',\n      }),\n    ),\n  }).pipe(FormInputAnnotation.set(false), Schema.optional),\n  pgn: Schema.String.annotations({\n    description: 'Portable Game Notation.',\n  }).pipe(FormInputAnnotation.set(false), Schema.optional),\n  fen: Schema.String.annotations({\n    description: 'Forsyth-Edwards Notation.',\n  }).pipe(FormInputAnnotation.set(false), Schema.optional),\n}).pipe(\n  Type.object({\n    typename: 'org.dxos.type.chess',\n    version: '0.1.0',\n  }),\n  LabelAnnotation.set(['name']),\n  Annotation.IconAnnotation.set({\n    icon: 'ph--shield-chevron--regular',\n    hue: 'amber',\n  }),\n);\n\nexport interface Game extends Schema.Schema.Type<typeof Game> {}\n\nexport const make = ({ name, pgn, fen }: { name?: string; pgn?: string; fen?: string } = {}) => {\n  const chess = new ChessJS();\n  if (pgn) {\n    try {\n      chess.loadPgn(pgn);\n    } catch {\n      log.warn(pgn);\n    }\n  }\n\n  return Obj.make(Game, {\n    name,\n    pgn,\n    fen,\n    players: {},\n  });\n};\n"],
+  "mappings": ";;;;;AAAA;;;;;AAIA,SAASA,SAASC,eAAe;AACjC,YAAYC,YAAY;AAExB,SAASC,YAAYC,KAAKC,YAAY;AACtC,SAASC,qBAAqBC,uBAAuB;AACrD,SAASC,WAAW;;AAEb,IAAMC,OAAcC,cAAO;EAChCC,MAAaC,gBAAgBC,aAAM;EACnCC,SAAgBJ,cAAO;IACrBK,OAAcH,gBACLC,cAAOG,YAAY;MACxBC,aAAa;IACf,CAAA,CAAA;IAEFC,OAAcN,gBACLC,cAAOG,YAAY;MACxBC,aAAa;IACf,CAAA,CAAA;EAEJ,CAAA,EAAGE,KAAKb,oBAAoBc,IAAI,KAAA,GAAeR,eAAQ;EACvDS,KAAYR,cAAOG,YAAY;IAC7BC,aAAa;EACf,CAAA,EAAGE,KAAKb,oBAAoBc,IAAI,KAAA,GAAeR,eAAQ;EACvDU,KAAYT,cAAOG,YAAY;IAC7BC,aAAa;EACf,CAAA,EAAGE,KAAKb,oBAAoBc,IAAI,KAAA,GAAeR,eAAQ;AACzD,CAAA,EAAGO,KACDd,KAAKkB,OAAO;EACVC,UAAU;EACVC,SAAS;AACX,CAAA,GACAlB,gBAAgBa,IAAI;EAAC;CAAO,GAC5BjB,WAAWuB,eAAeN,IAAI;EAC5BO,MAAM;EACNC,KAAK;AACP,CAAA,CAAA;AAKK,IAAMC,OAAO,CAAC,EAAElB,MAAMU,KAAKC,IAAG,IAAoD,CAAC,MAAC;AACzF,QAAMQ,QAAQ,IAAI7B,QAAAA;AAClB,MAAIoB,KAAK;AACP,QAAI;AACFS,YAAMC,QAAQV,GAAAA;IAChB,QAAQ;AACNb,UAAIwB,KAAKX,KAAAA,QAAAA;;;;;;IACX;EACF;AAEA,SAAOjB,IAAIyB,KAAKpB,MAAM;IACpBE;IACAU;IACAC;IACAR,SAAS,CAAC;EACZ,CAAA;AACF;",
+  "names": ["Chess", "ChessJS", "Schema", "Annotation", "Obj", "Type", "FormInputAnnotation", "LabelAnnotation", "log", "Game", "Struct", "name", "optional", "String", "players", "white", "annotations", "description", "black", "pipe", "set", "pgn", "fen", "object", "typename", "version", "IconAnnotation", "icon", "hue", "make", "chess", "loadPgn", "warn"]
+}

package/dist/lib/browser/{chunk-FO4ZNFN6.mjs → chunk-6JG4KLVU.mjs}

@@ -1,27 +1,22 @@
 import {
   Chess_exports
-} from "./chunk-66H3V2YV.mjs";
+} from "./chunk-2TJN26DN.mjs";
 import {
   __export
 } from "./chunk-J5LGTIGS.mjs";
 
 // src/blueprints/chess-blueprint.ts
-var chess_blueprint_exports = {};
-__export(chess_blueprint_exports, {
-  Key: () => Key,
-  functions: () => functions,
-  make: () => make
-});
 import { Blueprint, Template } from "@dxos/blueprints";
 import { trim } from "@dxos/util";
 
 // src/blueprints/functions/index.ts
 var functions_exports = {};
 __export(functions_exports, {
-  create: () => create_default,
-  move: () => move_default,
-  play: () => play_default,
-  print: () => print_default
+  ChessFunctions: () => ChessFunctions,
+  Create: () => create_default,
+  Move: () => move_default,
+  Play: () => play_default,
+  Print: () => print_default
 });
 
 // src/blueprints/functions/create.ts
@@ -30,7 +25,7 @@ import * as Schema from "effect/Schema";
 import { Database } from "@dxos/echo";
 import { defineFunction } from "@dxos/functions";
 var create_default = defineFunction({
-  key: "dxos.org/function/chess/create",
+  key: "org.dxos.function.chess.create",
   name: "Create Chess",
   description: "Creates a new chess game.",
   inputSchema: Schema.Struct({
@@ -46,7 +41,7 @@ var create_default = defineFunction({
   }),
   outputSchema: Chess_exports.Game,
   handler: Effect.fn(function* ({ data: { name, pgn, fen } }) {
-    return yield* Database.Service.add(Chess_exports.make({
+    return yield* Database.add(Chess_exports.make({
       name,
       pgn,
       fen
@@ -58,15 +53,14 @@ var create_default = defineFunction({
 import { Chess as ChessJS } from "chess.js";
 import * as Effect2 from "effect/Effect";
 import * as Schema2 from "effect/Schema";
-import { ArtifactId } from "@dxos/assistant";
-import { Database as Database2, Obj } from "@dxos/echo";
+import { Database as Database2, Obj, Ref } from "@dxos/echo";
 import { defineFunction as defineFunction2 } from "@dxos/functions";
 var move_default = defineFunction2({
-  key: "dxos.org/function/chess/move",
+  key: "org.dxos.function.chess.move",
   name: "Move",
   description: "Makes a move in the given chess game.",
   inputSchema: Schema2.Struct({
-    id: ArtifactId.annotations({
+    game: Ref.Ref(Chess_exports.Game).annotations({
       description: "The ID of the chess object."
     }),
     move: Schema2.String.annotations({
@@ -82,20 +76,20 @@ var move_default = defineFunction2({
       description: "The PGN of the game after the move was played."
     })
   }),
-  handler: Effect2.fn(function* ({ data: { id, move } }) {
-    const object = yield* Database2.Service.resolve(ArtifactId.toDXN(id), Chess_exports.Game);
+  handler: Effect2.fn(function* ({ data: { game, move } }) {
+    const obj = yield* Database2.load(game);
     const chess = new ChessJS();
-    if (object.pgn) {
-      chess.loadPgn(object.pgn);
-    } else if (object.fen) {
-      chess.load(object.fen);
+    if (obj.pgn) {
+      chess.loadPgn(obj.pgn);
+    } else if (obj.fen) {
+      chess.load(obj.fen);
     }
     chess.move(move, {
       strict: false
     });
     const pgn = chess.pgn();
-    Obj.change(object, (o) => {
-      o.pgn = pgn;
+    Obj.change(obj, (obj2) => {
+      obj2.pgn = pgn;
     });
     return {
       pgn
@@ -107,15 +101,14 @@ var move_default = defineFunction2({
 import { Chess as ChessJS2 } from "chess.js";
 import * as Effect3 from "effect/Effect";
 import * as Schema3 from "effect/Schema";
-import { ArtifactId as ArtifactId2 } from "@dxos/assistant";
-import { Database as Database3, Obj as Obj2 } from "@dxos/echo";
+import { Database as Database3, Obj as Obj2, Ref as Ref2 } from "@dxos/echo";
 import { defineFunction as defineFunction3 } from "@dxos/functions";
 var play_default = defineFunction3({
-  key: "dxos.org/function/chess/play",
+  key: "org.dxos.function.chess.play",
   name: "Play",
   description: "Uses the chess engine to play the next move.",
   inputSchema: Schema3.Struct({
-    id: ArtifactId2.annotations({
+    game: Ref2.Ref(Chess_exports.Game).annotations({
       description: "The ID of the chess object."
     }),
     side: Schema3.optional(Schema3.Literal("white", "black", "any")).annotations({
@@ -131,8 +124,8 @@ var play_default = defineFunction3({
       description: "The move that was played."
     })
   }),
-  handler: Effect3.fn(function* ({ data: { id, side = "any" } }) {
-    const object = yield* Database3.Service.resolve(ArtifactId2.toDXN(id), Chess_exports.Game);
+  handler: Effect3.fn(function* ({ data: { game, side = "any" } }) {
+    const object = yield* Database3.load(game);
     const chess = new ChessJS2();
     if (object.pgn) {
       chess.loadPgn(object.pgn);
@@ -167,7 +160,7 @@ import * as Effect4 from "effect/Effect";
 import * as Schema4 from "effect/Schema";
 import { defineFunction as defineFunction4 } from "@dxos/functions";
 var print_default = defineFunction4({
-  key: "dxos.org/function/chess/print",
+  key: "org.dxos.function.chess.print",
   name: "Print game",
   description: "Prints the chess game to ASCII.",
   inputSchema: Schema4.Struct({
@@ -198,16 +191,19 @@ var print_default = defineFunction4({
   })
 });
 
+// src/blueprints/functions/index.ts
+var ChessFunctions = {
+  Create: create_default,
+  Move: move_default,
+  Play: play_default,
+  Print: print_default
+};
+
 // src/blueprints/chess-blueprint.ts
-var Key = "dxos.org/blueprint/chess";
-var functions = [
-  create_default,
-  move_default,
-  play_default,
-  print_default
-];
+var BLUEPRINT_KEY = "org.dxos.blueprint.chess";
+var functions = Object.values(ChessFunctions);
 var make = () => Blueprint.make({
-  key: Key,
+  key: BLUEPRINT_KEY,
   name: "Chess",
   tools: Blueprint.toolDefinitions({
     functions
@@ -221,9 +217,15 @@ var make = () => Blueprint.make({
       `
   })
 });
+var blueprint = {
+  key: BLUEPRINT_KEY,
+  functions,
+  make
+};
+var chess_blueprint_default = blueprint;
 
 export {
   functions_exports,
-  chess_blueprint_exports
+  chess_blueprint_default
 };
-//# sourceMappingURL=chunk-FO4ZNFN6.mjs.map
+//# sourceMappingURL=chunk-6JG4KLVU.mjs.map

package/dist/lib/browser/chunk-6JG4KLVU.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/blueprints/chess-blueprint.ts", "../../../src/blueprints/functions/index.ts", "../../../src/blueprints/functions/create.ts", "../../../src/blueprints/functions/move.ts", "../../../src/blueprints/functions/play.ts", "../../../src/blueprints/functions/print.ts"],
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport { type AppCapabilities } from '@dxos/app-toolkit';\nimport { Blueprint, Template } from '@dxos/blueprints';\nimport { trim } from '@dxos/util';\n\nimport { ChessFunctions } from './functions';\n\nconst BLUEPRINT_KEY = 'org.dxos.blueprint.chess';\n\nconst functions = Object.values(ChessFunctions);\n\nconst make = () =>\n  Blueprint.make({\n    key: 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\nconst blueprint: AppCapabilities.BlueprintDefinition = {\n  key: BLUEPRINT_KEY,\n  functions,\n  make,\n};\n\nexport default blueprint;\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport Create from './create';\nimport Move from './move';\nimport Play from './play';\nimport Print from './print';\n\nexport { Create, Move, Play, Print };\n\nexport const ChessFunctions = {\n  Create,\n  Move,\n  Play,\n  Print,\n};\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport * as Effect from 'effect/Effect';\nimport * as Schema from 'effect/Schema';\n\nimport { Database } from '@dxos/echo';\nimport { defineFunction } from '@dxos/functions';\n\nimport { Chess } from '../../types';\n\nexport default defineFunction({\n  key: 'org.dxos.function.chess.create',\n  name: 'Create Chess',\n  description: 'Creates a new chess game.',\n  inputSchema: Schema.Struct({\n    name: Schema.optional(\n      Schema.String.annotations({\n        description: 'Name of the game.',\n      }),\n    ),\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: { name, pgn, fen } }) {\n    return yield* Database.add(Chess.make({ name, 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 { Database, Obj, Ref } from '@dxos/echo';\nimport { defineFunction } from '@dxos/functions';\n\nimport { Chess } from '../../types';\n\nexport default defineFunction({\n  key: 'org.dxos.function.chess.move',\n  name: 'Move',\n  description: 'Makes a move in the given chess game.',\n  inputSchema: Schema.Struct({\n    game: Ref.Ref(Chess.Game).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: { game, move } }) {\n    const obj = yield* Database.load(game);\n    const chess = new ChessJS();\n    if (obj.pgn) {\n      chess.loadPgn(obj.pgn);\n    } else if (obj.fen) {\n      chess.load(obj.fen);\n    }\n\n    chess.move(move, { strict: false });\n    const pgn = chess.pgn();\n    Obj.change(obj, (obj) => {\n      obj.pgn = pgn;\n    });\n    return { 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 { Database, Obj, Ref } from '@dxos/echo';\nimport { defineFunction } from '@dxos/functions';\n\nimport { Chess } from '../../types';\n\nexport default defineFunction({\n  key: 'org.dxos.function.chess.play',\n  name: 'Play',\n  description: 'Uses the chess engine to play the next move.',\n  inputSchema: Schema.Struct({\n    game: Ref.Ref(Chess.Game).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: { game, side = 'any' } }) {\n    const object = yield* Database.load(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    const pgn = chess.pgn();\n    Obj.change(object, (o) => {\n      o.pgn = pgn;\n    });\n    return { move, 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 { defineFunction } from '@dxos/functions';\n\nexport default defineFunction({\n  key: 'org.dxos.function.chess.print',\n  name: 'Print game',\n  description: 'Prints the chess game to ASCII.',\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: Schema.Struct({\n    ascii: Schema.String,\n  }),\n  handler: Effect.fn(function* ({ data: { pgn, fen } }) {\n    try {\n      const chess = new ChessJS(fen);\n      if (pgn) {\n        chess.loadPgn(pgn);\n      }\n      return { ascii: chess.ascii() };\n    } catch {\n      // TODO(burdon): Error handling?\n      return { ascii: '' };\n    }\n  }),\n});\n"],
+  "mappings": "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",
+  "names": ["Blueprint", "Template", "trim", "Effect", "Schema", "Database", "defineFunction", "defineFunction", "key", "name", "description", "inputSchema", "Struct", "optional", "String", "annotations", "pgn", "fen", "outputSchema", "Chess", "Game", "handler", "fn", "data", "Database", "add", "make", "Chess", "ChessJS", "Effect", "Schema", "Database", "Obj", "Ref", "defineFunction", "defineFunction", "key", "name", "description", "inputSchema", "Struct", "game", "Ref", "Chess", "Game", "annotations", "move", "String", "examples", "outputSchema", "pgn", "handler", "fn", "data", "obj", "Database", "load", "chess", "ChessJS", "loadPgn", "fen", "strict", "Obj", "change", "Chess", "ChessJS", "Effect", "Schema", "Database", "Obj", "Ref", "defineFunction", "defineFunction", "key", "name", "description", "inputSchema", "Struct", "game", "Ref", "Chess", "Game", "annotations", "side", "optional", "Literal", "defaultValue", "outputSchema", "pgn", "String", "move", "handler", "fn", "data", "object", "Database", "load", "chess", "ChessJS", "loadPgn", "fen", "turn", "undefined", "moves", "Math", "floor", "random", "length", "strict", "Obj", "change", "o", "Chess", "ChessJS", "Effect", "Schema", "defineFunction", "defineFunction", "key", "name", "description", "inputSchema", "Struct", "pgn", "optional", "String", "annotations", "fen", "outputSchema", "ascii", "handler", "fn", "data", "chess", "ChessJS", "loadPgn", "ChessFunctions", "Create", "Move", "Play", "Print", "BLUEPRINT_KEY", "functions", "Object", "values", "ChessFunctions", "make", "Blueprint", "key", "name", "tools", "toolDefinitions", "instructions", "Template", "source", "trim", "blueprint"]
+}

package/dist/lib/browser/{chunk-73BDP7UV.mjs → chunk-JP6G6VR6.mjs}

@@ -1,17 +1,17 @@
 import {
   meta
-} from "./chunk-H3NUMCQ6.mjs";
+} from "./chunk-RGHZ5CDO.mjs";
 
-// src/components/Chessboard.tsx
+// src/components/Chessboard/Chessboard.tsx
 import { RegistryContext } from "@effect-atom/atom-react";
 import React2, { forwardRef, useCallback, useContext, useEffect as useEffect2, useImperativeHandle, useMemo as useMemo2, useRef as useRef2 } from "react";
 import { addEventListener } from "@dxos/async";
-import { Obj as Obj2 } from "@dxos/echo";
-import { ChessModel, Gameboard, Chessboard as NaturalChessboard, getRawPgn, useGameboardContext as useGameboardContext2 } from "@dxos/react-ui-gameboard";
+import { useObject } from "@dxos/echo-react";
+import { 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/ui-theme";
 
-// src/components/Info.tsx
+// src/components/Chessboard/Info.tsx
 import { useAtomValue } from "@effect-atom/atom-react";
 import React, { useEffect, useMemo, useRef } from "react";
 import { generateName } from "@dxos/display-name";
@@ -20,13 +20,14 @@ import { 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/ui-theme";
+var INFO_NAME = "Chessboard.Info";
 var Info = ({ classNames, orientation = "white", onOrientationChange, onClose, ...props }) => {
   const { t } = useTranslation(meta.id);
-  const { model } = useGameboardContext(Info.displayName);
+  const { model } = useGameboardContext(INFO_NAME);
   const db = Obj.getDatabase(model.object);
   const members = useMembers(db?.spaceId);
   return /* @__PURE__ */ React.createElement("div", {
-    className: mx("grid grid-rows-[min-content_1fr_min-content] is-full min-is-[18rem] p-2 overflow-hidden bg-groupSurface rounded-sm", classNames)
+    className: mx("grid grid-rows-[min-content_1fr_min-content] w-full min-w-[18rem] p-2 overflow-hidden bg-group-surface rounded-xs", classNames)
   }, /* @__PURE__ */ React.createElement(PlayerIndicator, {
     model,
     player: orientation === "white" ? "black" : "white",
@@ -69,7 +70,7 @@ var Info = ({ classNames, orientation = "white", onOrientationChange, onClose, .
     members
   })));
 };
-Info.displayName = "Chessboard.Info";
+Info.displayName = INFO_NAME;
 var History = ({ classNames, model, min, max, onSelect }) => {
   const { t } = useTranslation(meta.id);
   const moveIndex = useAtomValue(model.moveIndex);
@@ -120,16 +121,16 @@ var History = ({ classNames, model, min, max, onSelect }) => {
     }
   }, moves.map(([a, b], index) => /* @__PURE__ */ React.createElement("div", {
     key: index,
-    className: "grid grid-cols-[3rem_1fr_1fr_1rem] gap-2 pis-4 leading-1"
+    className: "grid grid-cols-[3rem_1fr_1fr_1rem] gap-2 ps-4 leading-1"
   }, /* @__PURE__ */ React.createElement("div", {
     className: "content-center text-xs text-subdued"
   }, index + 1), a && /* @__PURE__ */ React.createElement("div", {
     "data-index": a.index,
-    className: mx("pis-2 cursor-pointer", a.index === moveIndex - 1 && "bg-primary-500"),
+    className: mx("ps-2 cursor-pointer", a.index === moveIndex - 1 && "bg-primary-500"),
     onClick: () => onSelect?.(a.index + 1)
   }, a.move), b && /* @__PURE__ */ React.createElement("div", {
     "data-index": b.index,
-    className: mx("pis-2 cursor-pointer", b.index === moveIndex - 1 && "bg-primary-500"),
+    className: mx("ps-2 cursor-pointer", b.index === moveIndex - 1 && "bg-primary-500"),
     onClick: () => onSelect?.(b.index + 1)
   }, b.move))), label && /* @__PURE__ */ React.createElement("div", {
     className: "text-center"
@@ -138,13 +139,13 @@ var History = ({ classNames, model, min, max, onSelect }) => {
 var PlayerIndicator = ({ children, model, player, icon }) => {
   const turn = player === (model.game.turn() === "w" ? "white" : "black");
   return /* @__PURE__ */ React.createElement("div", {
-    className: "grid grid-cols-[2rem_1fr_2rem] gap-2 bs-[--rail-size] pli-1 flex items-center overflow-hidden"
+    className: "grid grid-cols-[2rem_1fr_2rem] gap-2 h-(--dx-rail-size) px-1 flex items-center overflow-hidden"
   }, /* @__PURE__ */ React.createElement("div", {
     className: "place-items-center"
   }, /* @__PURE__ */ React.createElement(Icon, {
     icon: turn ? "ph--circle--fill" : "ph--circle--thin",
     size: 6,
-    classNames: mx(turn && (model.game.isCheckmate() ? "text-red-500" : "text-green-500"))
+    classNames: mx(turn && (model.game.isCheckmate() ? "text-error-500" : "text-success-text"))
   })), /* @__PURE__ */ React.createElement("div", {
     className: "truncate overflow-hidden items-center"
   }, children), icon);
@@ -166,19 +167,23 @@ var PlayerSelector = ({ value, onValueChange, members }) => {
   })), /* @__PURE__ */ React.createElement(Select.Arrow, null))));
 };
 
-// src/components/Chessboard.tsx
+// src/components/Chessboard/types.ts
+import { ChessModel } from "@dxos/react-ui-gameboard";
 var ExtendedChessModel = class extends ChessModel {
   object;
   constructor(registry, object) {
     super(registry), this.object = object;
   }
 };
+
+// src/components/Chessboard/Chessboard.tsx
 var Root = /* @__PURE__ */ forwardRef(({ game, children }, forwardedRef) => {
   const registry = useContext(RegistryContext);
   const model = useMemo2(() => new ExtendedChessModel(registry, game), [
     registry
   ]);
   const click = useSoundEffect("Click");
+  const [pgn, updatePgn] = useObject(game, "pgn");
   useImperativeHandle(forwardedRef, () => {
     return {
       setMoveNumber: (index) => model.setMoveIndex(index)
@@ -187,24 +192,22 @@ var Root = /* @__PURE__ */ forwardRef(({ game, children }, forwardedRef) => {
     model
   ]);
   useEffect2(() => {
-    if (model.pgn !== getRawPgn(game.pgn ?? "")) {
+    if (model.pgn !== getRawPgn(pgn ?? "")) {
       const silent = model.pgn === "*";
-      model.update(game.pgn);
+      model.update(pgn);
       if (!silent) {
         void click.play();
       }
     }
   }, [
-    game.pgn
+    pgn
   ]);
   const handleDrop = useCallback((move) => {
     if (!model.makeMove(move)) {
       return false;
     }
     void click.play();
-    Obj2.change(game, (g) => {
-      g.pgn = model.pgn;
-    });
+    updatePgn(() => model.pgn);
     return true;
   }, [
     model
@@ -216,14 +219,13 @@ var Root = /* @__PURE__ */ forwardRef(({ game, children }, forwardedRef) => {
 });
 var Content = ({ classNames, children, role }) => {
   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"
+    classNames: mx2(classNames, role === "card--content" ? "dx-size-container dx-card-square" : "flex flex-col justify-center")
   }, children);
 };
+var BOARD_NAME = "Chessboard.Board";
 var Board = (props) => {
   const registry = useContext(RegistryContext);
-  const { model } = useGameboardContext2(Board.displayName);
+  const { model } = useGameboardContext2(BOARD_NAME);
   const ref = useRef2(null);
   useEffect2(() => {
     if (!ref.current) {
@@ -256,11 +258,11 @@ var Board = (props) => {
     model
   ]);
   return /* @__PURE__ */ React2.createElement(NaturalChessboard, {
-    ref,
-    ...props
+    ...props,
+    ref
   });
 };
-Board.displayName = "Chessboard.Board";
+Board.displayName = BOARD_NAME;
 var Chessboard = {
   Root,
   Content,
@@ -269,7 +271,6 @@ var Chessboard = {
 };
 
 export {
-  ExtendedChessModel,
   Chessboard
 };
-//# sourceMappingURL=chunk-73BDP7UV.mjs.map
+//# sourceMappingURL=chunk-JP6G6VR6.mjs.map