@dxos/plugin-board 0.8.4-main.5ad4a44 → 0.8.4-main.66e292d

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dxos/plugin-board",
-  "version": "0.8.4-main.5ad4a44",
+  "version": "0.8.4-main.66e292d",
   "description": "Surface plugin for card baords",
   "homepage": "https://dxos.org",
   "bugs": "https://github.com/dxos/dxos/issues",
@@ -39,48 +39,50 @@
     "@preact/signals-core": "^1.12.1",
     "@preact/signals-react": "^3.3.0",
     "effect": "3.18.3",
-    "@dxos/ai": "0.8.4-main.5ad4a44",
-    "@dxos/app-framework": "0.8.4-main.5ad4a44",
-    "@dxos/async": "0.8.4-main.5ad4a44",
-    "@dxos/assistant": "0.8.4-main.5ad4a44",
-    "@dxos/client": "0.8.4-main.5ad4a44",
-    "@dxos/echo": "0.8.4-main.5ad4a44",
-    "@dxos/blueprints": "0.8.4-main.5ad4a44",
-    "@dxos/effect": "0.8.4-main.5ad4a44",
-    "@dxos/log": "0.8.4-main.5ad4a44",
-    "@dxos/plugin-client": "0.8.4-main.5ad4a44",
-    "@dxos/plugin-graph": "0.8.4-main.5ad4a44",
-    "@dxos/plugin-search": "0.8.4-main.5ad4a44",
-    "@dxos/plugin-space": "0.8.4-main.5ad4a44",
-    "@dxos/invariant": "0.8.4-main.5ad4a44",
-    "@dxos/random": "0.8.4-main.5ad4a44",
-    "@dxos/react-client": "0.8.4-main.5ad4a44",
-    "@dxos/react-ui": "0.8.4-main.5ad4a44",
-    "@dxos/react-ui-board": "0.8.4-main.5ad4a44",
-    "@dxos/react-ui-form": "0.8.4-main.5ad4a44",
-    "@dxos/react-ui-stack": "0.8.4-main.5ad4a44",
-    "@dxos/schema": "0.8.4-main.5ad4a44",
-    "@dxos/util": "0.8.4-main.5ad4a44"
+    "@dxos/ai": "0.8.4-main.66e292d",
+    "@dxos/app-framework": "0.8.4-main.66e292d",
+    "@dxos/assistant": "0.8.4-main.66e292d",
+    "@dxos/async": "0.8.4-main.66e292d",
+    "@dxos/client": "0.8.4-main.66e292d",
+    "@dxos/echo": "0.8.4-main.66e292d",
+    "@dxos/effect": "0.8.4-main.66e292d",
+    "@dxos/invariant": "0.8.4-main.66e292d",
+    "@dxos/plugin-client": "0.8.4-main.66e292d",
+    "@dxos/log": "0.8.4-main.66e292d",
+    "@dxos/plugin-graph": "0.8.4-main.66e292d",
+    "@dxos/plugin-search": "0.8.4-main.66e292d",
+    "@dxos/plugin-space": "0.8.4-main.66e292d",
+    "@dxos/random": "0.8.4-main.66e292d",
+    "@dxos/react-client": "0.8.4-main.66e292d",
+    "@dxos/react-ui": "0.8.4-main.66e292d",
+    "@dxos/blueprints": "0.8.4-main.66e292d",
+    "@dxos/react-ui-attention": "0.8.4-main.66e292d",
+    "@dxos/react-ui-board": "0.8.4-main.66e292d",
+    "@dxos/react-ui-stack": "0.8.4-main.66e292d",
+    "@dxos/react-ui-form": "0.8.4-main.66e292d",
+    "@dxos/schema": "0.8.4-main.66e292d",
+    "@dxos/types": "0.8.4-main.66e292d",
+    "@dxos/util": "0.8.4-main.66e292d"
   },
   "devDependencies": {
     "@types/react": "~19.2.2",
-    "@types/react-dom": "~19.2.1",
+    "@types/react-dom": "~19.2.2",
     "react": "~19.2.0",
     "react-dom": "~19.2.0",
     "vite": "7.1.9",
-    "@dxos/plugin-theme": "0.8.4-main.5ad4a44",
-    "@dxos/react-ui-theme": "0.8.4-main.5ad4a44",
-    "@dxos/plugin-preview": "0.8.4-main.5ad4a44",
-    "@dxos/storybook-utils": "0.8.4-main.5ad4a44",
-    "@dxos/test-utils": "0.8.4-main.5ad4a44",
-    "@dxos/react-ui-syntax-highlighter": "0.8.4-main.5ad4a44"
+    "@dxos/plugin-preview": "0.8.4-main.66e292d",
+    "@dxos/react-ui-syntax-highlighter": "0.8.4-main.66e292d",
+    "@dxos/plugin-theme": "0.8.4-main.66e292d",
+    "@dxos/react-ui-theme": "0.8.4-main.66e292d",
+    "@dxos/test-utils": "0.8.4-main.66e292d",
+    "@dxos/storybook-utils": "0.8.4-main.66e292d"
   },
   "peerDependencies": {
     "effect": "^3.13.3",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
-    "@dxos/react-ui": "0.8.4-main.5ad4a44",
-    "@dxos/react-ui-theme": "0.8.4-main.5ad4a44"
+    "@dxos/react-ui": "0.8.4-main.66e292d",
+    "@dxos/react-ui-theme": "0.8.4-main.66e292d"
   },
   "publishConfig": {
     "access": "public"

package/src/BoardPlugin.tsx

@@ -3,9 +3,8 @@
 //
 
 import { Capabilities, Events, contributes, createIntent, defineModule, definePlugin } from '@dxos/app-framework';
-import { ClientEvents } from '@dxos/plugin-client';
-import { SpaceCapabilities } from '@dxos/plugin-space';
-import { defineObjectForm } from '@dxos/plugin-space/types';
+import { ClientCapabilities, ClientEvents } from '@dxos/plugin-client';
+import { type CreateObjectIntent } from '@dxos/plugin-space/types';
 import { translations as boardTranslations } from '@dxos/react-ui-board';
 
 import { IntentResolver, ReactSurface } from './capabilities';
@@ -28,20 +27,16 @@ export const BoardPlugin = definePlugin(meta, () => [
         id: Board.Board.typename,
         metadata: {
           icon: 'ph--squares-four--regular',
+          iconHue: 'green',
+          creatObjectIntent: (() => createIntent(Board.Create)) satisfies CreateObjectIntent,
+          addToCollectionOnCreate: true,
         },
       }),
   }),
   defineModule({
-    id: `${meta.id}/module/object-form`,
+    id: `${meta.id}/module/schema`,
     activatesOn: ClientEvents.SetupSchema,
-    activate: () =>
-      contributes(
-        SpaceCapabilities.ObjectForm,
-        defineObjectForm({
-          objectSchema: Board.Board,
-          getIntent: () => createIntent(Board.Create),
-        }),
-      ),
+    activate: () => contributes(ClientCapabilities.Schema, [Board.Board]),
   }),
   defineModule({
     id: `${meta.id}/module/react-surface`,

package/src/components/BoardContainer.stories.tsx

@@ -18,7 +18,7 @@ import { Filter, Ref, useQuery, useSpaces } from '@dxos/react-client/echo';
 import { withTheme } from '@dxos/react-ui/testing';
 import { translations as stackTranslations } from '@dxos/react-ui-stack';
 import { defaultTx } from '@dxos/react-ui-theme';
-import { DataType } from '@dxos/schema';
+import { Organization, Person } from '@dxos/types';
 
 import { translations } from '../translations';
 import { Board } from '../types';
@@ -38,13 +38,13 @@ const createBoard = () =>
   });
 
 const createOrg = () =>
-  Obj.make(DataType.Organization, {
+  Obj.make(Organization.Organization, {
     name: faker.commerce.productName(),
     description: faker.lorem.paragraph(),
     image: faker.image.url(),
     website: faker.internet.url(),
     // TODO(burdon): Fix.
-    // status: faker.helpers.arrayElement(DataType.OrganizationStatusOptions).id,
+    // status: faker.helpers.arrayElement(Organization.StatusOptions).id,
   });
 
 const DefaultStory = () => {
@@ -79,7 +79,7 @@ const meta = {
     withPluginManager({
       plugins: [
         ClientPlugin({
-          types: [DataType.Organization, DataType.Person, Board.Board],
+          types: [Organization.Organization, Person.Person, Board.Board],
           onClientInitialized: async ({ client }) => {
             await client.halo.createIdentity();
             const space = await client.spaces.create();

package/src/components/BoardContainer.tsx

@@ -4,45 +4,58 @@
 
 import React, { useCallback, useMemo, useRef, useState } from 'react';
 
-import { Surface } from '@dxos/app-framework';
-import { Filter, Ref, getSpace } from '@dxos/client/echo';
+import { Surface } from '@dxos/app-framework/react';
+import { getSpace } from '@dxos/client/echo';
+import { Filter, Obj, Ref } from '@dxos/echo';
 import { invariant } from '@dxos/invariant';
 import { useQuery } from '@dxos/react-client/echo';
 import { useSignalsMemo } from '@dxos/react-ui';
+import { useAttention } from '@dxos/react-ui-attention';
 import { Board, type BoardController, type BoardRootProps, type Position } from '@dxos/react-ui-board';
-import { ObjectPicker } from '@dxos/react-ui-form';
+import { ObjectPicker, type ObjectPickerContentProps } from '@dxos/react-ui-form';
 import { StackItem } from '@dxos/react-ui-stack';
 import { isNonNullable } from '@dxos/util';
 
 import { type Board as BoardType } from '../types';
 
-export type BoardContainerProps = {
-  role?: string;
-  board: BoardType.Board;
-};
-
 const DEFAULT_POSITION = { x: 0, y: 0 } satisfies Position;
 
 type PickerState = {
   position: Position;
 };
 
+export type BoardContainerProps = {
+  role?: string;
+  board: BoardType.Board;
+};
+
 export const BoardContainer = ({ board }: BoardContainerProps) => {
   const controller = useRef<BoardController>(null);
   const items = useSignalsMemo(() => board.items.map((ref) => ref.target).filter(isNonNullable), [board]);
   const addTriggerRef = useRef<HTMLButtonElement | null>(null);
   const [pickerState, setPickerState] = useState<PickerState | null>(null);
+  const attendableId = Obj.getDXN(board).toString();
+  const { hasAttention } = useAttention(attendableId);
 
-  // Memoize options for ObjectPicker containing all ECHO objects in the same space as the Board.
-  const allObjects = useQuery(getSpace(board), Filter.everything());
-  const options = useMemo(
+  // TODO(burdon): Use search.
+  const objects = useQuery(getSpace(board), Filter.everything());
+  const options = useMemo<ObjectPickerContentProps['options']>(
     () =>
-      allObjects.map((obj) => ({
-        id: obj.id,
-        label: obj.name || obj.title || obj.id,
-        hue: 'neutral' as const,
-      })),
-    [allObjects],
+      objects
+        .filter((obj) => obj.id !== board.id)
+        .map((obj) => {
+          const label = Obj.getLabel(obj);
+          if (label) {
+            return {
+              id: obj.id,
+              label,
+              hue: 'neutral' as const,
+            };
+          }
+        })
+        .filter(isNonNullable)
+        .sort(({ label: a }, { label: b }) => a.toLocaleLowerCase().localeCompare(b.toLocaleLowerCase())),
+    [objects],
   );
 
   const handleAdd = useCallback<NonNullable<BoardRootProps['onAdd']>>(
@@ -57,27 +70,6 @@ export const BoardContainer = ({ board }: BoardContainerProps) => {
     [board],
   );
 
-  const handleSelect = useCallback(
-    (id: string) => {
-      if (!pickerState) return;
-
-      // Find the selected object by id from the space.
-      const selectedObject = allObjects.find((obj) => obj.id === id);
-      if (!selectedObject) return;
-
-      // Create a reference to the selected object and add it to the board.
-      const ref = Ref.make(selectedObject);
-      board.items.push(ref);
-
-      // Set the layout position for the new item.
-      board.layout.cells[selectedObject.id.toString()] = pickerState.position;
-
-      // Close the picker.
-      setPickerState(null);
-    },
-    [pickerState, allObjects, board],
-  );
-
   // TODO(burdon): Use intents so can be undone.
   const handleDelete = useCallback<NonNullable<BoardRootProps['onDelete']>>(
     (id) => {
@@ -99,22 +91,40 @@ export const BoardContainer = ({ board }: BoardContainerProps) => {
     [board],
   );
 
+  const handleSelect = useCallback<NonNullable<ObjectPickerContentProps['onSelect']>>(
+    (id) => {
+      if (!pickerState) {
+        return;
+      }
+
+      // Find the selected object by id from the space.
+      const selectedObject = objects.find((obj) => obj.id === id);
+      if (!Obj.isObject(selectedObject)) {
+        return;
+      }
+
+      // Create a reference to the selected object and add it to the board.
+      board.items.push(Ref.make(selectedObject));
+
+      // Set the layout position for the new item.
+      board.layout.cells[selectedObject.id.toString()] = pickerState.position;
+
+      // Close the picker.
+      setPickerState(null);
+    },
+    [pickerState, objects, board],
+  );
+
   return (
     <Board.Root ref={controller} layout={board.layout} onAdd={handleAdd} onDelete={handleDelete} onMove={handleMove}>
       <ObjectPicker.Root
         open={!!pickerState}
         onOpenChange={(nextOpen: boolean) => {
-          setPickerState(
-            nextOpen
-              ? {
-                  position: DEFAULT_POSITION,
-                }
-              : null,
-          );
+          setPickerState(nextOpen ? { position: DEFAULT_POSITION } : null);
         }}
       >
         <StackItem.Content toolbar>
-          <Board.Toolbar />
+          <Board.Toolbar disabled={!hasAttention} />
           <Board.Container>
             <Board.Viewport classNames='border-none'>
               <Board.Backdrop />

package/src/meta.ts

@@ -3,13 +3,17 @@
 //
 
 import { type PluginMeta } from '@dxos/app-framework';
+import { trim } from '@dxos/util';
 
 export const meta: PluginMeta = {
   id: 'dxos.org/plugin/board',
   name: 'Board',
-  description:
-    'A spatial, infinite canvas app combining notes, media, and whiteboarding in a tactile, visual interface.',
+  description: trim`
+    Infinite canvas workspace that combines sticky notes, media, and whiteboarding tools.
+    Arrange and connect ideas freely in a visual space perfect for brainstorming and creative collaboration.
+  `,
   icon: 'ph--squares-four--regular',
+  iconHue: 'green',
   source: 'https://github.com/dxos/dxos/tree/main/packages/plugins/plugin-board',
   screenshots: [],
 };

package/src/translations.ts

@@ -18,6 +18,7 @@ export const translations = [
         'object name placeholder': 'New board',
         'rename object label': 'Rename board',
         'delete object label': 'Delete board',
+        'object deleted label': 'Board deleted',
       },
       [meta.id]: {
         'plugin name': 'Board',

package/src/types/Board.ts

@@ -5,7 +5,7 @@
 import * as Schema from 'effect/Schema';
 
 import { Obj, Type } from '@dxos/echo';
-import { LabelAnnotation } from '@dxos/echo/internal';
+import { FormInputAnnotation, LabelAnnotation } from '@dxos/echo/internal';
 import { BoardLayout, defaultLayout } from '@dxos/react-ui-board';
 
 import { meta } from '../meta';
@@ -14,9 +14,9 @@ import { meta } from '../meta';
  * Board and layout.
  */
 export const Board = Schema.Struct({
-  name: Schema.optional(Schema.String),
-  items: Schema.mutable(Schema.Array(Type.Ref(Type.Expando))),
-  layout: Schema.mutable(BoardLayout),
+  name: Schema.String.pipe(Schema.optional),
+  items: Type.Ref(Obj.Any).pipe(Schema.Array, Schema.mutable, FormInputAnnotation.set(false)),
+  layout: BoardLayout.pipe(Schema.mutable, FormInputAnnotation.set(false)),
 }).pipe(
   Type.Obj({
     typename: 'dxos.org/type/Board',

package/dist/lib/browser/chunk-RHMZXTJ7.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/components/BoardContainer.tsx"],
-  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport React, { useCallback, useMemo, useRef, useState } from 'react';\n\nimport { Surface } from '@dxos/app-framework';\nimport { Filter, Ref, getSpace } from '@dxos/client/echo';\nimport { invariant } from '@dxos/invariant';\nimport { useQuery } from '@dxos/react-client/echo';\nimport { useSignalsMemo } from '@dxos/react-ui';\nimport { Board, type BoardController, type BoardRootProps, type Position } from '@dxos/react-ui-board';\nimport { ObjectPicker } from '@dxos/react-ui-form';\nimport { StackItem } from '@dxos/react-ui-stack';\nimport { isNonNullable } from '@dxos/util';\n\nimport { type Board as BoardType } from '../types';\n\nexport type BoardContainerProps = {\n  role?: string;\n  board: BoardType.Board;\n};\n\nconst DEFAULT_POSITION = { x: 0, y: 0 } satisfies Position;\n\ntype PickerState = {\n  position: Position;\n};\n\nexport const BoardContainer = ({ board }: BoardContainerProps) => {\n  const controller = useRef<BoardController>(null);\n  const items = useSignalsMemo(() => board.items.map((ref) => ref.target).filter(isNonNullable), [board]);\n  const addTriggerRef = useRef<HTMLButtonElement | null>(null);\n  const [pickerState, setPickerState] = useState<PickerState | null>(null);\n\n  // Memoize options for ObjectPicker containing all ECHO objects in the same space as the Board.\n  const allObjects = useQuery(getSpace(board), Filter.everything());\n  const options = useMemo(\n    () =>\n      allObjects.map((obj) => ({\n        id: obj.id,\n        label: obj.name || obj.title || obj.id,\n        hue: 'neutral' as const,\n      })),\n    [allObjects],\n  );\n\n  const handleAdd = useCallback<NonNullable<BoardRootProps['onAdd']>>(\n    async (anchor, position = DEFAULT_POSITION) => {\n      const space = getSpace(board);\n      invariant(space);\n      addTriggerRef.current = anchor;\n      setPickerState({\n        position,\n      });\n    },\n    [board],\n  );\n\n  const handleSelect = useCallback(\n    (id: string) => {\n      if (!pickerState) return;\n\n      // Find the selected object by id from the space.\n      const selectedObject = allObjects.find((obj) => obj.id === id);\n      if (!selectedObject) return;\n\n      // Create a reference to the selected object and add it to the board.\n      const ref = Ref.make(selectedObject);\n      board.items.push(ref);\n\n      // Set the layout position for the new item.\n      board.layout.cells[selectedObject.id.toString()] = pickerState.position;\n\n      // Close the picker.\n      setPickerState(null);\n    },\n    [pickerState, allObjects, board],\n  );\n\n  // TODO(burdon): Use intents so can be undone.\n  const handleDelete = useCallback<NonNullable<BoardRootProps['onDelete']>>(\n    (id) => {\n      // TODO(burdon): Impl. DXN.equals and pass in DXN from `id`.\n      const idx = board.items.findIndex((ref) => ref.dxn.asEchoDXN()?.echoId === id);\n      if (idx !== -1) {\n        board.items.splice(idx, 1);\n      }\n      delete board.layout.cells[id];\n    },\n    [board],\n  );\n\n  const handleMove = useCallback<NonNullable<BoardRootProps['onMove']>>(\n    (id, position) => {\n      const layout = board.layout.cells[id];\n      board.layout.cells[id] = { ...layout, ...position };\n    },\n    [board],\n  );\n\n  return (\n    <Board.Root ref={controller} layout={board.layout} onAdd={handleAdd} onDelete={handleDelete} onMove={handleMove}>\n      <ObjectPicker.Root\n        open={!!pickerState}\n        onOpenChange={(nextOpen: boolean) => {\n          setPickerState(\n            nextOpen\n              ? {\n                  position: DEFAULT_POSITION,\n                }\n              : null,\n          );\n        }}\n      >\n        <StackItem.Content toolbar>\n          <Board.Toolbar />\n          <Board.Container>\n            <Board.Viewport classNames='border-none'>\n              <Board.Backdrop />\n              <Board.Content>\n                {items?.map((item, index) => (\n                  <Board.Cell item={item} key={index} layout={board.layout?.cells[item.id] ?? { x: 0, y: 0 }}>\n                    <Surface role='card--extrinsic' data={{ subject: item }} limit={1} />\n                  </Board.Cell>\n                ))}\n              </Board.Content>\n            </Board.Viewport>\n          </Board.Container>\n        </StackItem.Content>\n        <ObjectPicker.Content options={options} onSelect={handleSelect} classNames='popover-card-width' />\n        <ObjectPicker.VirtualTrigger virtualRef={addTriggerRef} />\n      </ObjectPicker.Root>\n    </Board.Root>\n  );\n};\n"],
-  "mappings": "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",
-  "names": ["React", "useCallback", "useMemo", "useRef", "useState", "Surface", "Filter", "Ref", "getSpace", "invariant", "useQuery", "useSignalsMemo", "Board", "ObjectPicker", "StackItem", "isNonNullable", "DEFAULT_POSITION", "x", "y", "BoardContainer", "board", "controller", "items", "map", "ref", "target", "filter", "addTriggerRef", "pickerState", "setPickerState", "allObjects", "everything", "options", "obj", "id", "label", "name", "title", "hue", "handleAdd", "anchor", "position", "space", "current", "handleSelect", "selectedObject", "find", "make", "push", "layout", "cells", "toString", "handleDelete", "idx", "findIndex", "dxn", "asEchoDXN", "echoId", "splice", "handleMove", "Root", "onAdd", "onDelete", "onMove", "open", "onOpenChange", "nextOpen", "Content", "toolbar", "Toolbar", "Container", "Viewport", "classNames", "Backdrop", "item", "index", "Cell", "key", "role", "data", "subject", "limit", "onSelect", "VirtualTrigger", "virtualRef"]
-}

package/dist/lib/browser/chunk-Z6L4ZVCB.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/types/Board.ts", "../../../src/meta.ts"],
-  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport * as Schema from 'effect/Schema';\n\nimport { Obj, Type } from '@dxos/echo';\nimport { LabelAnnotation } from '@dxos/echo/internal';\nimport { BoardLayout, defaultLayout } from '@dxos/react-ui-board';\n\nimport { meta } from '../meta';\n\n/**\n * Board and layout.\n */\nexport const Board = Schema.Struct({\n  name: Schema.optional(Schema.String),\n  items: Schema.mutable(Schema.Array(Type.Ref(Type.Expando))),\n  layout: Schema.mutable(BoardLayout),\n}).pipe(\n  Type.Obj({\n    typename: 'dxos.org/type/Board',\n    version: '0.1.0',\n  }),\n  LabelAnnotation.set(['name']),\n);\n\nexport interface Board extends Schema.Schema.Type<typeof Board> {}\n\nexport const makeBoard = (props: Partial<Obj.MakeProps<typeof Board>> = {}) =>\n  Obj.make(Board, {\n    items: [],\n    layout: defaultLayout,\n    ...props,\n  });\n\n/**\n * Create board.\n */\nexport class Create extends Schema.TaggedClass<Create>()(`${meta.id}/action/create`, {\n  input: Schema.Struct({\n    name: Schema.optional(Schema.String),\n  }),\n  output: Schema.Struct({\n    object: Board,\n  }),\n}) {}\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { type PluginMeta } from '@dxos/app-framework';\n\nexport const meta: PluginMeta = {\n  id: 'dxos.org/plugin/board',\n  name: 'Board',\n  description:\n    'A spatial, infinite canvas app combining notes, media, and whiteboarding in a tactile, visual interface.',\n  icon: 'ph--squares-four--regular',\n  source: 'https://github.com/dxos/dxos/tree/main/packages/plugins/plugin-board',\n  screenshots: [],\n};\n"],
-  "mappings": ";;;;;;;AAAA;;;;;;AAIA,YAAYA,YAAY;AAExB,SAASC,KAAKC,YAAY;AAC1B,SAASC,uBAAuB;AAChC,SAASC,aAAaC,qBAAqB;;;ACFpC,IAAMC,OAAmB;EAC9BC,IAAI;EACJC,MAAM;EACNC,aACE;EACFC,MAAM;EACNC,QAAQ;EACRC,aAAa,CAAA;AACf;;;ADCO,IAAMC,QAAeC,cAAO;EACjCC,MAAaC,gBAAgBC,aAAM;EACnCC,OAAcC,eAAeC,aAAMC,KAAKC,IAAID,KAAKE,OAAO,CAAA,CAAA;EACxDC,QAAeL,eAAQM,WAAAA;AACzB,CAAA,EAAGC,KACDL,KAAKM,IAAI;EACPC,UAAU;EACVC,SAAS;AACX,CAAA,GACAC,gBAAgBC,IAAI;EAAC;CAAO,CAAA;AAKvB,IAAMC,YAAY,CAACC,QAA8C,CAAC,MACvEN,IAAIO,KAAKrB,OAAO;EACdK,OAAO,CAAA;EACPM,QAAQW;EACR,GAAGF;AACL,CAAA;AAKK,IAAMG,SAAN,cAA4BC,mBAAW,EAAW,GAAGC,KAAKC,EAAE,kBAAkB;EACnFC,OAAc1B,cAAO;IACnBC,MAAaC,gBAAgBC,aAAM;EACrC,CAAA;EACAwB,QAAe3B,cAAO;IACpB4B,QAAQ7B;EACV,CAAA;AACF,CAAA,EAAA;AAAI;",
-  "names": ["Schema", "Obj", "Type", "LabelAnnotation", "BoardLayout", "defaultLayout", "meta", "id", "name", "description", "icon", "source", "screenshots", "Board", "Struct", "name", "optional", "String", "items", "mutable", "Array", "Type", "Ref", "Expando", "layout", "BoardLayout", "pipe", "Obj", "typename", "version", "LabelAnnotation", "set", "makeBoard", "props", "make", "defaultLayout", "Create", "TaggedClass", "meta", "id", "input", "output", "object"]
-}

package/dist/lib/node-esm/chunk-AWLY252W.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/types/Board.ts", "../../../src/meta.ts"],
-  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport * as Schema from 'effect/Schema';\n\nimport { Obj, Type } from '@dxos/echo';\nimport { LabelAnnotation } from '@dxos/echo/internal';\nimport { BoardLayout, defaultLayout } from '@dxos/react-ui-board';\n\nimport { meta } from '../meta';\n\n/**\n * Board and layout.\n */\nexport const Board = Schema.Struct({\n  name: Schema.optional(Schema.String),\n  items: Schema.mutable(Schema.Array(Type.Ref(Type.Expando))),\n  layout: Schema.mutable(BoardLayout),\n}).pipe(\n  Type.Obj({\n    typename: 'dxos.org/type/Board',\n    version: '0.1.0',\n  }),\n  LabelAnnotation.set(['name']),\n);\n\nexport interface Board extends Schema.Schema.Type<typeof Board> {}\n\nexport const makeBoard = (props: Partial<Obj.MakeProps<typeof Board>> = {}) =>\n  Obj.make(Board, {\n    items: [],\n    layout: defaultLayout,\n    ...props,\n  });\n\n/**\n * Create board.\n */\nexport class Create extends Schema.TaggedClass<Create>()(`${meta.id}/action/create`, {\n  input: Schema.Struct({\n    name: Schema.optional(Schema.String),\n  }),\n  output: Schema.Struct({\n    object: Board,\n  }),\n}) {}\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { type PluginMeta } from '@dxos/app-framework';\n\nexport const meta: PluginMeta = {\n  id: 'dxos.org/plugin/board',\n  name: 'Board',\n  description:\n    'A spatial, infinite canvas app combining notes, media, and whiteboarding in a tactile, visual interface.',\n  icon: 'ph--squares-four--regular',\n  source: 'https://github.com/dxos/dxos/tree/main/packages/plugins/plugin-board',\n  screenshots: [],\n};\n"],
-  "mappings": ";;;;;;;;AAAA;;;;;;AAIA,YAAYA,YAAY;AAExB,SAASC,KAAKC,YAAY;AAC1B,SAASC,uBAAuB;AAChC,SAASC,aAAaC,qBAAqB;;;ACFpC,IAAMC,OAAmB;EAC9BC,IAAI;EACJC,MAAM;EACNC,aACE;EACFC,MAAM;EACNC,QAAQ;EACRC,aAAa,CAAA;AACf;;;ADCO,IAAMC,QAAeC,cAAO;EACjCC,MAAaC,gBAAgBC,aAAM;EACnCC,OAAcC,eAAeC,aAAMC,KAAKC,IAAID,KAAKE,OAAO,CAAA,CAAA;EACxDC,QAAeL,eAAQM,WAAAA;AACzB,CAAA,EAAGC,KACDL,KAAKM,IAAI;EACPC,UAAU;EACVC,SAAS;AACX,CAAA,GACAC,gBAAgBC,IAAI;EAAC;CAAO,CAAA;AAKvB,IAAMC,YAAY,CAACC,QAA8C,CAAC,MACvEN,IAAIO,KAAKrB,OAAO;EACdK,OAAO,CAAA;EACPM,QAAQW;EACR,GAAGF;AACL,CAAA;AAKK,IAAMG,SAAN,cAA4BC,mBAAW,EAAW,GAAGC,KAAKC,EAAE,kBAAkB;EACnFC,OAAc1B,cAAO;IACnBC,MAAaC,gBAAgBC,aAAM;EACrC,CAAA;EACAwB,QAAe3B,cAAO;IACpB4B,QAAQ7B;EACV,CAAA;AACF,CAAA,EAAA;AAAI;",
-  "names": ["Schema", "Obj", "Type", "LabelAnnotation", "BoardLayout", "defaultLayout", "meta", "id", "name", "description", "icon", "source", "screenshots", "Board", "Struct", "name", "optional", "String", "items", "mutable", "Array", "Type", "Ref", "Expando", "layout", "BoardLayout", "pipe", "Obj", "typename", "version", "LabelAnnotation", "set", "makeBoard", "props", "make", "defaultLayout", "Create", "TaggedClass", "meta", "id", "input", "output", "object"]
-}

package/dist/lib/node-esm/chunk-XZA5WICX.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/components/BoardContainer.tsx"],
-  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport React, { useCallback, useMemo, useRef, useState } from 'react';\n\nimport { Surface } from '@dxos/app-framework';\nimport { Filter, Ref, getSpace } from '@dxos/client/echo';\nimport { invariant } from '@dxos/invariant';\nimport { useQuery } from '@dxos/react-client/echo';\nimport { useSignalsMemo } from '@dxos/react-ui';\nimport { Board, type BoardController, type BoardRootProps, type Position } from '@dxos/react-ui-board';\nimport { ObjectPicker } from '@dxos/react-ui-form';\nimport { StackItem } from '@dxos/react-ui-stack';\nimport { isNonNullable } from '@dxos/util';\n\nimport { type Board as BoardType } from '../types';\n\nexport type BoardContainerProps = {\n  role?: string;\n  board: BoardType.Board;\n};\n\nconst DEFAULT_POSITION = { x: 0, y: 0 } satisfies Position;\n\ntype PickerState = {\n  position: Position;\n};\n\nexport const BoardContainer = ({ board }: BoardContainerProps) => {\n  const controller = useRef<BoardController>(null);\n  const items = useSignalsMemo(() => board.items.map((ref) => ref.target).filter(isNonNullable), [board]);\n  const addTriggerRef = useRef<HTMLButtonElement | null>(null);\n  const [pickerState, setPickerState] = useState<PickerState | null>(null);\n\n  // Memoize options for ObjectPicker containing all ECHO objects in the same space as the Board.\n  const allObjects = useQuery(getSpace(board), Filter.everything());\n  const options = useMemo(\n    () =>\n      allObjects.map((obj) => ({\n        id: obj.id,\n        label: obj.name || obj.title || obj.id,\n        hue: 'neutral' as const,\n      })),\n    [allObjects],\n  );\n\n  const handleAdd = useCallback<NonNullable<BoardRootProps['onAdd']>>(\n    async (anchor, position = DEFAULT_POSITION) => {\n      const space = getSpace(board);\n      invariant(space);\n      addTriggerRef.current = anchor;\n      setPickerState({\n        position,\n      });\n    },\n    [board],\n  );\n\n  const handleSelect = useCallback(\n    (id: string) => {\n      if (!pickerState) return;\n\n      // Find the selected object by id from the space.\n      const selectedObject = allObjects.find((obj) => obj.id === id);\n      if (!selectedObject) return;\n\n      // Create a reference to the selected object and add it to the board.\n      const ref = Ref.make(selectedObject);\n      board.items.push(ref);\n\n      // Set the layout position for the new item.\n      board.layout.cells[selectedObject.id.toString()] = pickerState.position;\n\n      // Close the picker.\n      setPickerState(null);\n    },\n    [pickerState, allObjects, board],\n  );\n\n  // TODO(burdon): Use intents so can be undone.\n  const handleDelete = useCallback<NonNullable<BoardRootProps['onDelete']>>(\n    (id) => {\n      // TODO(burdon): Impl. DXN.equals and pass in DXN from `id`.\n      const idx = board.items.findIndex((ref) => ref.dxn.asEchoDXN()?.echoId === id);\n      if (idx !== -1) {\n        board.items.splice(idx, 1);\n      }\n      delete board.layout.cells[id];\n    },\n    [board],\n  );\n\n  const handleMove = useCallback<NonNullable<BoardRootProps['onMove']>>(\n    (id, position) => {\n      const layout = board.layout.cells[id];\n      board.layout.cells[id] = { ...layout, ...position };\n    },\n    [board],\n  );\n\n  return (\n    <Board.Root ref={controller} layout={board.layout} onAdd={handleAdd} onDelete={handleDelete} onMove={handleMove}>\n      <ObjectPicker.Root\n        open={!!pickerState}\n        onOpenChange={(nextOpen: boolean) => {\n          setPickerState(\n            nextOpen\n              ? {\n                  position: DEFAULT_POSITION,\n                }\n              : null,\n          );\n        }}\n      >\n        <StackItem.Content toolbar>\n          <Board.Toolbar />\n          <Board.Container>\n            <Board.Viewport classNames='border-none'>\n              <Board.Backdrop />\n              <Board.Content>\n                {items?.map((item, index) => (\n                  <Board.Cell item={item} key={index} layout={board.layout?.cells[item.id] ?? { x: 0, y: 0 }}>\n                    <Surface role='card--extrinsic' data={{ subject: item }} limit={1} />\n                  </Board.Cell>\n                ))}\n              </Board.Content>\n            </Board.Viewport>\n          </Board.Container>\n        </StackItem.Content>\n        <ObjectPicker.Content options={options} onSelect={handleSelect} classNames='popover-card-width' />\n        <ObjectPicker.VirtualTrigger virtualRef={addTriggerRef} />\n      </ObjectPicker.Root>\n    </Board.Root>\n  );\n};\n"],
-  "mappings": "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",
-  "names": ["React", "useCallback", "useMemo", "useRef", "useState", "Surface", "Filter", "Ref", "getSpace", "invariant", "useQuery", "useSignalsMemo", "Board", "ObjectPicker", "StackItem", "isNonNullable", "DEFAULT_POSITION", "x", "y", "BoardContainer", "board", "controller", "items", "map", "ref", "target", "filter", "addTriggerRef", "pickerState", "setPickerState", "allObjects", "everything", "options", "obj", "id", "label", "name", "title", "hue", "handleAdd", "anchor", "position", "space", "current", "handleSelect", "selectedObject", "find", "make", "push", "layout", "cells", "toString", "handleDelete", "idx", "findIndex", "dxn", "asEchoDXN", "echoId", "splice", "handleMove", "Root", "onAdd", "onDelete", "onMove", "open", "onOpenChange", "nextOpen", "Content", "toolbar", "Toolbar", "Container", "Viewport", "classNames", "Backdrop", "item", "index", "Cell", "key", "role", "data", "subject", "limit", "onSelect", "VirtualTrigger", "virtualRef"]
-}