@dxos/plugin-board 0.8.4-main.406dc2a → 0.8.4-main.548089c

package/dist/lib/browser/{chunk-Z6L4ZVCB.mjs → chunk-6IYOP7JD.mjs}

@@ -13,24 +13,29 @@ __export(Board_exports, {
 });
 import * as Schema from "effect/Schema";
 import { Obj, Type } from "@dxos/echo";
-import { LabelAnnotation } from "@dxos/echo/internal";
+import { FormAnnotation, LabelAnnotation } from "@dxos/echo/internal";
 import { BoardLayout, defaultLayout } from "@dxos/react-ui-board";
 
 // src/meta.ts
+import { trim } from "@dxos/util";
 var meta = {
   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: []
 };
 
 // src/types/Board.ts
 var 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(Type.Expando).pipe(Schema.Array, Schema.mutable, FormAnnotation.set(false)),
+  layout: BoardLayout.pipe(Schema.mutable, FormAnnotation.set(false))
 }).pipe(Type.Obj({
   typename: "dxos.org/type/Board",
   version: "0.1.0"
@@ -56,4 +61,4 @@ export {
   meta,
   Board_exports
 };
-//# sourceMappingURL=chunk-Z6L4ZVCB.mjs.map
+//# sourceMappingURL=chunk-6IYOP7JD.mjs.map

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

@@ -0,0 +1,7 @@
+{
+  "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 { FormAnnotation, 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.String.pipe(Schema.optional),\n  items: Type.Ref(Type.Expando).pipe(Schema.Array, Schema.mutable, FormAnnotation.set(false)),\n  layout: BoardLayout.pipe(Schema.mutable, FormAnnotation.set(false)),\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';\nimport { trim } from '@dxos/util';\n\nexport const meta: PluginMeta = {\n  id: 'dxos.org/plugin/board',\n  name: 'Board',\n  description: trim`\n    Infinite canvas workspace that combines sticky notes, media, and whiteboarding tools.\n    Arrange and connect ideas freely in a visual space perfect for brainstorming and creative collaboration.\n  `,\n  icon: 'ph--squares-four--regular',\n  iconHue: 'green',\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,gBAAgBC,uBAAuB;AAChD,SAASC,aAAaC,qBAAqB;;;ACH3C,SAASC,YAAY;AAEd,IAAMC,OAAmB;EAC9BC,IAAI;EACJC,MAAM;EACNC,aAAaC;;;;EAIbC,MAAM;EACNC,SAAS;EACTC,QAAQ;EACRC,aAAa,CAAA;AACf;;;ADHO,IAAMC,QAAeC,cAAO;EACjCC,MAAaC,cAAOC,KAAYC,eAAQ;EACxCC,OAAOC,KAAKC,IAAID,KAAKE,OAAO,EAAEL,KAAYM,cAAcC,gBAASC,eAAeC,IAAI,KAAA,CAAA;EACpFC,QAAQC,YAAYX,KAAYO,gBAASC,eAAeC,IAAI,KAAA,CAAA;AAC9D,CAAA,EAAGT,KACDG,KAAKS,IAAI;EACPC,UAAU;EACVC,SAAS;AACX,CAAA,GACAC,gBAAgBN,IAAI;EAAC;CAAO,CAAA;AAKvB,IAAMO,YAAY,CAACC,QAA8C,CAAC,MACvEL,IAAIM,KAAKtB,OAAO;EACdM,OAAO,CAAA;EACPQ,QAAQS;EACR,GAAGF;AACL,CAAA;AAKK,IAAMG,SAAN,cAA4BC,mBAAW,EAAW,GAAGC,KAAKC,EAAE,kBAAkB;EACnFC,OAAc3B,cAAO;IACnBC,MAAaG,gBAAgBF,aAAM;EACrC,CAAA;EACA0B,QAAe5B,cAAO;IACpB6B,QAAQ9B;EACV,CAAA;AACF,CAAA,EAAA;AAAI;",
+  "names": ["Schema", "Obj", "Type", "FormAnnotation", "LabelAnnotation", "BoardLayout", "defaultLayout", "trim", "meta", "id", "name", "description", "trim", "icon", "iconHue", "source", "screenshots", "Board", "Struct", "name", "String", "pipe", "optional", "items", "Type", "Ref", "Expando", "Array", "mutable", "FormAnnotation", "set", "layout", "BoardLayout", "Obj", "typename", "version", "LabelAnnotation", "makeBoard", "props", "make", "defaultLayout", "Create", "TaggedClass", "meta", "id", "input", "output", "object"]
+}

package/dist/lib/browser/{chunk-RHMZXTJ7.mjs → chunk-UDI6JPP5.mjs}

@@ -1,11 +1,13 @@
 // src/components/BoardContainer.tsx
 import { useSignals as _useSignals } from "@preact-signals/safe-react/tracking";
 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 } from "@dxos/react-ui-board";
 import { ObjectPicker } from "@dxos/react-ui-form";
 import { StackItem } from "@dxos/react-ui-stack";
@@ -24,19 +26,26 @@ var BoardContainer = ({ board }) => {
     ]);
     const addTriggerRef = useRef(null);
     const [pickerState, setPickerState] = useState(null);
-    const allObjects = useQuery(getSpace(board), Filter.everything());
-    const options = useMemo(() => allObjects.map((obj) => ({
-      id: obj.id,
-      label: obj.name || obj.title || obj.id,
-      hue: "neutral"
-    })), [
-      allObjects
+    const attendableId = Obj.getDXN(board).toString();
+    const { hasAttention } = useAttention(attendableId);
+    const objects = useQuery(getSpace(board), Filter.everything());
+    const options = useMemo(() => objects.filter((obj) => obj.id !== board.id).map((obj) => {
+      const label = Obj.getLabel(obj);
+      if (label) {
+        return {
+          id: obj.id,
+          label,
+          hue: "neutral"
+        };
+      }
+    }).filter(isNonNullable).sort(({ label: a }, { label: b }) => a.toLocaleLowerCase().localeCompare(b.toLocaleLowerCase())), [
+      objects
     ]);
     const handleAdd = useCallback(async (anchor, position = DEFAULT_POSITION) => {
       const space = getSpace(board);
       invariant(space, void 0, {
         F: __dxlog_file,
-        L: 51,
+        L: 64,
         S: void 0,
         A: [
           "space",
@@ -50,19 +59,6 @@ var BoardContainer = ({ board }) => {
     }, [
       board
     ]);
-    const handleSelect = useCallback((id) => {
-      if (!pickerState) return;
-      const selectedObject = allObjects.find((obj) => obj.id === id);
-      if (!selectedObject) return;
-      const ref = Ref.make(selectedObject);
-      board.items.push(ref);
-      board.layout.cells[selectedObject.id.toString()] = pickerState.position;
-      setPickerState(null);
-    }, [
-      pickerState,
-      allObjects,
-      board
-    ]);
     const handleDelete = useCallback((id) => {
       const idx = board.items.findIndex((ref) => ref.dxn.asEchoDXN()?.echoId === id);
       if (idx !== -1) {
@@ -81,6 +77,22 @@ var BoardContainer = ({ board }) => {
     }, [
       board
     ]);
+    const handleSelect = useCallback((id) => {
+      if (!pickerState) {
+        return;
+      }
+      const selectedObject = objects.find((obj) => obj.id === id);
+      if (!selectedObject) {
+        return;
+      }
+      board.items.push(Ref.make(selectedObject));
+      board.layout.cells[selectedObject.id.toString()] = pickerState.position;
+      setPickerState(null);
+    }, [
+      pickerState,
+      objects,
+      board
+    ]);
     return /* @__PURE__ */ React.createElement(Board.Root, {
       ref: controller,
       layout: board.layout,
@@ -96,7 +108,9 @@ var BoardContainer = ({ board }) => {
       }
     }, /* @__PURE__ */ React.createElement(StackItem.Content, {
       toolbar: true
-    }, /* @__PURE__ */ React.createElement(Board.Toolbar, null), /* @__PURE__ */ React.createElement(Board.Container, null, /* @__PURE__ */ React.createElement(Board.Viewport, {
+    }, /* @__PURE__ */ React.createElement(Board.Toolbar, {
+      disabled: !hasAttention
+    }), /* @__PURE__ */ React.createElement(Board.Container, null, /* @__PURE__ */ React.createElement(Board.Viewport, {
       classNames: "border-none"
     }, /* @__PURE__ */ React.createElement(Board.Backdrop, null), /* @__PURE__ */ React.createElement(Board.Content, null, items?.map((item, index) => /* @__PURE__ */ React.createElement(Board.Cell, {
       item,
@@ -126,4 +140,4 @@ var BoardContainer = ({ board }) => {
 export {
   BoardContainer
 };
-//# sourceMappingURL=chunk-RHMZXTJ7.mjs.map
+//# sourceMappingURL=chunk-UDI6JPP5.mjs.map

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

@@ -0,0 +1,7 @@
+{
+  "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/react';\nimport { getSpace } from '@dxos/client/echo';\nimport { Filter, Obj, Ref } from '@dxos/echo';\nimport { invariant } from '@dxos/invariant';\nimport { useQuery } from '@dxos/react-client/echo';\nimport { useSignalsMemo } from '@dxos/react-ui';\nimport { useAttention } from '@dxos/react-ui-attention';\nimport { Board, type BoardController, type BoardRootProps, type Position } from '@dxos/react-ui-board';\nimport { ObjectPicker, type ObjectPickerContentProps } 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\nconst DEFAULT_POSITION = { x: 0, y: 0 } satisfies Position;\n\ntype PickerState = {\n  position: Position;\n};\n\nexport type BoardContainerProps = {\n  role?: string;\n  board: BoardType.Board;\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  const attendableId = Obj.getDXN(board).toString();\n  const { hasAttention } = useAttention(attendableId);\n\n  // TODO(burdon): Use search.\n  const objects = useQuery(getSpace(board), Filter.everything());\n  const options = useMemo<ObjectPickerContentProps['options']>(\n    () =>\n      objects\n        .filter((obj) => obj.id !== board.id)\n        .map((obj) => {\n          const label = Obj.getLabel(obj);\n          if (label) {\n            return {\n              id: obj.id,\n              label,\n              hue: 'neutral' as const,\n            };\n          }\n        })\n        .filter(isNonNullable)\n        .sort(({ label: a }, { label: b }) => a.toLocaleLowerCase().localeCompare(b.toLocaleLowerCase())),\n    [objects],\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  // 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  const handleSelect = useCallback<NonNullable<ObjectPickerContentProps['onSelect']>>(\n    (id) => {\n      if (!pickerState) {\n        return;\n      }\n\n      // Find the selected object by id from the space.\n      const selectedObject = objects.find((obj) => obj.id === id);\n      if (!selectedObject) {\n        return;\n      }\n\n      // Create a reference to the selected object and add it to the board.\n      board.items.push(Ref.make(selectedObject));\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, objects, 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(nextOpen ? { position: DEFAULT_POSITION } : null);\n        }}\n      >\n        <StackItem.Content toolbar>\n          <Board.Toolbar disabled={!hasAttention} />\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": ";;AAIA,OAAOA,SAASC,aAAaC,SAASC,QAAQC,gBAAgB;AAE9D,SAASC,eAAe;AACxB,SAASC,gBAAgB;AACzB,SAASC,QAAQC,KAAKC,WAAW;AACjC,SAASC,iBAAiB;AAC1B,SAASC,gBAAgB;AACzB,SAASC,sBAAsB;AAC/B,SAASC,oBAAoB;AAC7B,SAASC,aAAuE;AAChF,SAASC,oBAAmD;AAC5D,SAASC,iBAAiB;AAC1B,SAASC,qBAAqB;;AAI9B,IAAMC,mBAAmB;EAAEC,GAAG;EAAGC,GAAG;AAAE;AAW/B,IAAMC,iBAAiB,CAAC,EAAEC,MAAK,MAAuB;;;AAC3D,UAAMC,aAAapB,OAAwB,IAAA;AAC3C,UAAMqB,QAAQZ,eAAe,MAAMU,MAAME,MAAMC,IAAI,CAACC,QAAQA,IAAIC,MAAM,EAAEC,OAAOX,aAAAA,GAAgB;MAACK;KAAM;AACtG,UAAMO,gBAAgB1B,OAAiC,IAAA;AACvD,UAAM,CAAC2B,aAAaC,cAAAA,IAAkB3B,SAA6B,IAAA;AACnE,UAAM4B,eAAexB,IAAIyB,OAAOX,KAAAA,EAAOY,SAAQ;AAC/C,UAAM,EAAEC,aAAY,IAAKtB,aAAamB,YAAAA;AAGtC,UAAMI,UAAUzB,SAASL,SAASgB,KAAAA,GAAQf,OAAO8B,WAAU,CAAA;AAC3D,UAAMC,UAAUpC,QACd,MACEkC,QACGR,OAAO,CAACW,QAAQA,IAAIC,OAAOlB,MAAMkB,EAAE,EACnCf,IAAI,CAACc,QAAAA;AACJ,YAAME,QAAQjC,IAAIkC,SAASH,GAAAA;AAC3B,UAAIE,OAAO;AACT,eAAO;UACLD,IAAID,IAAIC;UACRC;UACAE,KAAK;QACP;MACF;IACF,CAAA,EACCf,OAAOX,aAAAA,EACP2B,KAAK,CAAC,EAAEH,OAAOI,EAAC,GAAI,EAAEJ,OAAOK,EAAC,MAAOD,EAAEE,kBAAiB,EAAGC,cAAcF,EAAEC,kBAAiB,CAAA,CAAA,GACjG;MAACX;KAAQ;AAGX,UAAMa,YAAYhD,YAChB,OAAOiD,QAAQC,WAAWjC,qBAAgB;AACxC,YAAMkC,QAAQ9C,SAASgB,KAAAA;AACvBZ,gBAAU0C,OAAAA,QAAAA;;;;;;;;;AACVvB,oBAAcwB,UAAUH;AACxBnB,qBAAe;QACboB;MACF,CAAA;IACF,GACA;MAAC7B;KAAM;AAIT,UAAMgC,eAAerD,YACnB,CAACuC,OAAAA;AAEC,YAAMe,MAAMjC,MAAME,MAAMgC,UAAU,CAAC9B,QAAQA,IAAI+B,IAAIC,UAAS,GAAIC,WAAWnB,EAAAA;AAC3E,UAAIe,QAAQ,IAAI;AACdjC,cAAME,MAAMoC,OAAOL,KAAK,CAAA;MAC1B;AACA,aAAOjC,MAAMuC,OAAOC,MAAMtB,EAAAA;IAC5B,GACA;MAAClB;KAAM;AAGT,UAAMyC,aAAa9D,YACjB,CAACuC,IAAIW,aAAAA;AACH,YAAMU,SAASvC,MAAMuC,OAAOC,MAAMtB,EAAAA;AAClClB,YAAMuC,OAAOC,MAAMtB,EAAAA,IAAM;QAAE,GAAGqB;QAAQ,GAAGV;MAAS;IACpD,GACA;MAAC7B;KAAM;AAGT,UAAM0C,eAAe/D,YACnB,CAACuC,OAAAA;AACC,UAAI,CAACV,aAAa;AAChB;MACF;AAGA,YAAMmC,iBAAiB7B,QAAQ8B,KAAK,CAAC3B,QAAQA,IAAIC,OAAOA,EAAAA;AACxD,UAAI,CAACyB,gBAAgB;AACnB;MACF;AAGA3C,YAAME,MAAM2C,KAAK1D,IAAI2D,KAAKH,cAAAA,CAAAA;AAG1B3C,YAAMuC,OAAOC,MAAMG,eAAezB,GAAGN,SAAQ,CAAA,IAAMJ,YAAYqB;AAG/DpB,qBAAe,IAAA;IACjB,GACA;MAACD;MAAaM;MAASd;KAAM;AAG/B,WACE,sBAAA,cAACR,MAAMuD,MAAI;MAAC3C,KAAKH;MAAYsC,QAAQvC,MAAMuC;MAAQS,OAAOrB;MAAWsB,UAAUjB;MAAckB,QAAQT;OACnG,sBAAA,cAAChD,aAAasD,MAAI;MAChBI,MAAM,CAAC,CAAC3C;MACR4C,cAAc,CAACC,aAAAA;AACb5C,uBAAe4C,WAAW;UAAExB,UAAUjC;QAAiB,IAAI,IAAA;MAC7D;OAEA,sBAAA,cAACF,UAAU4D,SAAO;MAACC,SAAAA;OACjB,sBAAA,cAAC/D,MAAMgE,SAAO;MAACC,UAAU,CAAC5C;QAC1B,sBAAA,cAACrB,MAAMkE,WAAS,MACd,sBAAA,cAAClE,MAAMmE,UAAQ;MAACC,YAAW;OACzB,sBAAA,cAACpE,MAAMqE,UAAQ,IAAA,GACf,sBAAA,cAACrE,MAAM8D,SAAO,MACXpD,OAAOC,IAAI,CAAC2D,MAAMC,UACjB,sBAAA,cAACvE,MAAMwE,MAAI;MAACF;MAAYG,KAAKF;MAAOxB,QAAQvC,MAAMuC,QAAQC,MAAMsB,KAAK5C,EAAE,KAAK;QAAErB,GAAG;QAAGC,GAAG;MAAE;OACvF,sBAAA,cAACf,SAAAA;MAAQmF,MAAK;MAAkBC,MAAM;QAAEC,SAASN;MAAK;MAAGO,OAAO;cAO5E,sBAAA,cAAC5E,aAAa6D,SAAO;MAACtC;MAAkBsD,UAAU5B;MAAckB,YAAW;QAC3E,sBAAA,cAACnE,aAAa8E,gBAAc;MAACC,YAAYjE;;;;;AAIjD;",
+  "names": ["React", "useCallback", "useMemo", "useRef", "useState", "Surface", "getSpace", "Filter", "Obj", "Ref", "invariant", "useQuery", "useSignalsMemo", "useAttention", "Board", "ObjectPicker", "StackItem", "isNonNullable", "DEFAULT_POSITION", "x", "y", "BoardContainer", "board", "controller", "items", "map", "ref", "target", "filter", "addTriggerRef", "pickerState", "setPickerState", "attendableId", "getDXN", "toString", "hasAttention", "objects", "everything", "options", "obj", "id", "label", "getLabel", "hue", "sort", "a", "b", "toLocaleLowerCase", "localeCompare", "handleAdd", "anchor", "position", "space", "current", "handleDelete", "idx", "findIndex", "dxn", "asEchoDXN", "echoId", "splice", "layout", "cells", "handleMove", "handleSelect", "selectedObject", "find", "push", "make", "Root", "onAdd", "onDelete", "onMove", "open", "onOpenChange", "nextOpen", "Content", "toolbar", "Toolbar", "disabled", "Container", "Viewport", "classNames", "Backdrop", "item", "index", "Cell", "key", "role", "data", "subject", "limit", "onSelect", "VirtualTrigger", "virtualRef"]
+}

package/dist/lib/browser/index.mjs

@@ -1,10 +1,10 @@
 import {
   BoardContainer
-} from "./chunk-RHMZXTJ7.mjs";
+} from "./chunk-UDI6JPP5.mjs";
 import {
   Board_exports,
   meta
-} from "./chunk-Z6L4ZVCB.mjs";
+} from "./chunk-6IYOP7JD.mjs";
 
 // src/BoardPlugin.tsx
 import { Capabilities, Events, contributes, createIntent, defineModule, definePlugin } from "@dxos/app-framework";
@@ -15,8 +15,8 @@ import { translations as boardTranslations } from "@dxos/react-ui-board";
 
 // src/capabilities/index.ts
 import { lazy } from "@dxos/app-framework";
-var IntentResolver = lazy(() => import("./intent-resolver-H6OF7V77.mjs"));
-var ReactSurface = lazy(() => import("./react-surface-37LEVBKY.mjs"));
+var IntentResolver = lazy(() => import("./intent-resolver-MGJCQT3N.mjs"));
+var ReactSurface = lazy(() => import("./react-surface-PBKZGBFJ.mjs"));
 
 // src/translations.ts
 var translations = [
@@ -56,7 +56,8 @@ var BoardPlugin = definePlugin(meta, () => [
       contributes(Capabilities.Metadata, {
         id: Board_exports.Board.typename,
         metadata: {
-          icon: "ph--squares-four--regular"
+          icon: "ph--squares-four--regular",
+          iconHue: "green"
         }
       })
     )

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/BoardPlugin.tsx", "../../../src/capabilities/index.ts", "../../../src/translations.ts"],
-  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { Capabilities, Events, contributes, createIntent, defineModule, definePlugin } from '@dxos/app-framework';\nimport { ClientEvents } from '@dxos/plugin-client';\nimport { SpaceCapabilities } from '@dxos/plugin-space';\nimport { defineObjectForm } from '@dxos/plugin-space/types';\nimport { translations as boardTranslations } from '@dxos/react-ui-board';\n\nimport { IntentResolver, ReactSurface } from './capabilities';\nimport { meta } from './meta';\nimport { translations } from './translations';\nimport { Board } from './types';\n\nexport const BoardPlugin = definePlugin(meta, () => [\n  defineModule({\n    id: `${meta.id}/module/translations`,\n    activatesOn: Events.SetupTranslations,\n    activate: () => contributes(Capabilities.Translations, [...translations, ...boardTranslations]),\n  }),\n  defineModule({\n    id: `${meta.id}/module/metadata`,\n    activatesOn: Events.SetupMetadata,\n    activate: () =>\n      // TODO(burdon): \"Metadata\" here seems non-descriptive; is this specifically for the type? ObjectMetadata?\n      contributes(Capabilities.Metadata, {\n        id: Board.Board.typename,\n        metadata: {\n          icon: 'ph--squares-four--regular',\n        },\n      }),\n  }),\n  defineModule({\n    id: `${meta.id}/module/object-form`,\n    activatesOn: ClientEvents.SetupSchema,\n    activate: () =>\n      contributes(\n        SpaceCapabilities.ObjectForm,\n        defineObjectForm({\n          objectSchema: Board.Board,\n          getIntent: () => createIntent(Board.Create),\n        }),\n      ),\n  }),\n  defineModule({\n    id: `${meta.id}/module/react-surface`,\n    activatesOn: Events.SetupReactSurface,\n    activate: ReactSurface,\n  }),\n  defineModule({\n    id: `${meta.id}/module/intent-resolver`,\n    activatesOn: Events.SetupIntentResolver,\n    activate: IntentResolver,\n  }),\n]);\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { lazy } from '@dxos/app-framework';\n\nexport const IntentResolver = lazy(() => import('./intent-resolver'));\nexport const ReactSurface = lazy(() => import('./react-surface'));\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { type Resource } from '@dxos/react-ui';\n\nimport { meta } from './meta';\nimport { Board } from './types';\n\nexport const translations = [\n  {\n    'en-US': {\n      [Board.Board.typename]: {\n        'typename label': 'Board',\n        'typename label_zero': 'Boards',\n        'typename label_one': 'Board',\n        'typename label_other': 'Boards',\n        'object name placeholder': 'New board',\n        'rename object label': 'Rename board',\n        'delete object label': 'Delete board',\n      },\n      [meta.id]: {\n        'plugin name': 'Board',\n      },\n    },\n  },\n] as const satisfies Resource[];\n"],
-  "mappings": ";;;;;;;;;AAIA,SAASA,cAAcC,QAAQC,aAAaC,cAAcC,cAAcC,oBAAoB;AAC5F,SAASC,oBAAoB;AAC7B,SAASC,yBAAyB;AAClC,SAASC,wBAAwB;AACjC,SAASC,gBAAgBC,yBAAyB;;;ACJlD,SAASC,YAAY;AAEd,IAAMC,iBAAiBC,KAAK,MAAM,OAAO,gCAAA,CAAA;AACzC,IAAMC,eAAeD,KAAK,MAAM,OAAO,8BAAA,CAAA;;;ACEvC,IAAME,eAAe;EAC1B;IACE,SAAS;MACP,CAACC,cAAMA,MAAMC,QAAQ,GAAG;QACtB,kBAAkB;QAClB,uBAAuB;QACvB,sBAAsB;QACtB,wBAAwB;QACxB,2BAA2B;QAC3B,uBAAuB;QACvB,uBAAuB;MACzB;MACA,CAACC,KAAKC,EAAE,GAAG;QACT,eAAe;MACjB;IACF;EACF;;;;AFVK,IAAMC,cAAcC,aAAaC,MAAM,MAAM;EAClDC,aAAa;IACXC,IAAI,GAAGF,KAAKE,EAAE;IACdC,aAAaC,OAAOC;IACpBC,UAAU,MAAMC,YAAYC,aAAaC,cAAc;SAAIC;SAAiBC;KAAkB;EAChG,CAAA;EACAV,aAAa;IACXC,IAAI,GAAGF,KAAKE,EAAE;IACdC,aAAaC,OAAOQ;IACpBN,UAAU;;MAERC,YAAYC,aAAaK,UAAU;QACjCX,IAAIY,cAAMA,MAAMC;QAChBC,UAAU;UACRC,MAAM;QACR;MACF,CAAA;;EACJ,CAAA;EACAhB,aAAa;IACXC,IAAI,GAAGF,KAAKE,EAAE;IACdC,aAAae,aAAaC;IAC1Bb,UAAU,MACRC,YACEa,kBAAkBC,YAClBC,iBAAiB;MACfC,cAAcT,cAAMA;MACpBU,WAAW,MAAMC,aAAaX,cAAMY,MAAM;IAC5C,CAAA,CAAA;EAEN,CAAA;EACAzB,aAAa;IACXC,IAAI,GAAGF,KAAKE,EAAE;IACdC,aAAaC,OAAOuB;IACpBrB,UAAUsB;EACZ,CAAA;EACA3B,aAAa;IACXC,IAAI,GAAGF,KAAKE,EAAE;IACdC,aAAaC,OAAOyB;IACpBvB,UAAUwB;EACZ,CAAA;CACD;",
-  "names": ["Capabilities", "Events", "contributes", "createIntent", "defineModule", "definePlugin", "ClientEvents", "SpaceCapabilities", "defineObjectForm", "translations", "boardTranslations", "lazy", "IntentResolver", "lazy", "ReactSurface", "translations", "Board", "typename", "meta", "id", "BoardPlugin", "definePlugin", "meta", "defineModule", "id", "activatesOn", "Events", "SetupTranslations", "activate", "contributes", "Capabilities", "Translations", "translations", "boardTranslations", "SetupMetadata", "Metadata", "Board", "typename", "metadata", "icon", "ClientEvents", "SetupSchema", "SpaceCapabilities", "ObjectForm", "defineObjectForm", "objectSchema", "getIntent", "createIntent", "Create", "SetupReactSurface", "ReactSurface", "SetupIntentResolver", "IntentResolver"]
+  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { Capabilities, Events, contributes, createIntent, defineModule, definePlugin } from '@dxos/app-framework';\nimport { ClientEvents } from '@dxos/plugin-client';\nimport { SpaceCapabilities } from '@dxos/plugin-space';\nimport { defineObjectForm } from '@dxos/plugin-space/types';\nimport { translations as boardTranslations } from '@dxos/react-ui-board';\n\nimport { IntentResolver, ReactSurface } from './capabilities';\nimport { meta } from './meta';\nimport { translations } from './translations';\nimport { Board } from './types';\n\nexport const BoardPlugin = definePlugin(meta, () => [\n  defineModule({\n    id: `${meta.id}/module/translations`,\n    activatesOn: Events.SetupTranslations,\n    activate: () => contributes(Capabilities.Translations, [...translations, ...boardTranslations]),\n  }),\n  defineModule({\n    id: `${meta.id}/module/metadata`,\n    activatesOn: Events.SetupMetadata,\n    activate: () =>\n      // TODO(burdon): \"Metadata\" here seems non-descriptive; is this specifically for the type? ObjectMetadata?\n      contributes(Capabilities.Metadata, {\n        id: Board.Board.typename,\n        metadata: {\n          icon: 'ph--squares-four--regular',\n          iconHue: 'green',\n        },\n      }),\n  }),\n  defineModule({\n    id: `${meta.id}/module/object-form`,\n    activatesOn: ClientEvents.SetupSchema,\n    activate: () =>\n      contributes(\n        SpaceCapabilities.ObjectForm,\n        defineObjectForm({\n          objectSchema: Board.Board,\n          getIntent: () => createIntent(Board.Create),\n        }),\n      ),\n  }),\n  defineModule({\n    id: `${meta.id}/module/react-surface`,\n    activatesOn: Events.SetupReactSurface,\n    activate: ReactSurface,\n  }),\n  defineModule({\n    id: `${meta.id}/module/intent-resolver`,\n    activatesOn: Events.SetupIntentResolver,\n    activate: IntentResolver,\n  }),\n]);\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { lazy } from '@dxos/app-framework';\n\nexport const IntentResolver = lazy(() => import('./intent-resolver'));\nexport const ReactSurface = lazy(() => import('./react-surface'));\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { type Resource } from '@dxos/react-ui';\n\nimport { meta } from './meta';\nimport { Board } from './types';\n\nexport const translations = [\n  {\n    'en-US': {\n      [Board.Board.typename]: {\n        'typename label': 'Board',\n        'typename label_zero': 'Boards',\n        'typename label_one': 'Board',\n        'typename label_other': 'Boards',\n        'object name placeholder': 'New board',\n        'rename object label': 'Rename board',\n        'delete object label': 'Delete board',\n      },\n      [meta.id]: {\n        'plugin name': 'Board',\n      },\n    },\n  },\n] as const satisfies Resource[];\n"],
+  "mappings": ";;;;;;;;;AAIA,SAASA,cAAcC,QAAQC,aAAaC,cAAcC,cAAcC,oBAAoB;AAC5F,SAASC,oBAAoB;AAC7B,SAASC,yBAAyB;AAClC,SAASC,wBAAwB;AACjC,SAASC,gBAAgBC,yBAAyB;;;ACJlD,SAASC,YAAY;AAEd,IAAMC,iBAAiBC,KAAK,MAAM,OAAO,gCAAA,CAAA;AACzC,IAAMC,eAAeD,KAAK,MAAM,OAAO,8BAAA,CAAA;;;ACEvC,IAAME,eAAe;EAC1B;IACE,SAAS;MACP,CAACC,cAAMA,MAAMC,QAAQ,GAAG;QACtB,kBAAkB;QAClB,uBAAuB;QACvB,sBAAsB;QACtB,wBAAwB;QACxB,2BAA2B;QAC3B,uBAAuB;QACvB,uBAAuB;MACzB;MACA,CAACC,KAAKC,EAAE,GAAG;QACT,eAAe;MACjB;IACF;EACF;;;;AFVK,IAAMC,cAAcC,aAAaC,MAAM,MAAM;EAClDC,aAAa;IACXC,IAAI,GAAGF,KAAKE,EAAE;IACdC,aAAaC,OAAOC;IACpBC,UAAU,MAAMC,YAAYC,aAAaC,cAAc;SAAIC;SAAiBC;KAAkB;EAChG,CAAA;EACAV,aAAa;IACXC,IAAI,GAAGF,KAAKE,EAAE;IACdC,aAAaC,OAAOQ;IACpBN,UAAU;;MAERC,YAAYC,aAAaK,UAAU;QACjCX,IAAIY,cAAMA,MAAMC;QAChBC,UAAU;UACRC,MAAM;UACNC,SAAS;QACX;MACF,CAAA;;EACJ,CAAA;EACAjB,aAAa;IACXC,IAAI,GAAGF,KAAKE,EAAE;IACdC,aAAagB,aAAaC;IAC1Bd,UAAU,MACRC,YACEc,kBAAkBC,YAClBC,iBAAiB;MACfC,cAAcV,cAAMA;MACpBW,WAAW,MAAMC,aAAaZ,cAAMa,MAAM;IAC5C,CAAA,CAAA;EAEN,CAAA;EACA1B,aAAa;IACXC,IAAI,GAAGF,KAAKE,EAAE;IACdC,aAAaC,OAAOwB;IACpBtB,UAAUuB;EACZ,CAAA;EACA5B,aAAa;IACXC,IAAI,GAAGF,KAAKE,EAAE;IACdC,aAAaC,OAAO0B;IACpBxB,UAAUyB;EACZ,CAAA;CACD;",
+  "names": ["Capabilities", "Events", "contributes", "createIntent", "defineModule", "definePlugin", "ClientEvents", "SpaceCapabilities", "defineObjectForm", "translations", "boardTranslations", "lazy", "IntentResolver", "lazy", "ReactSurface", "translations", "Board", "typename", "meta", "id", "BoardPlugin", "definePlugin", "meta", "defineModule", "id", "activatesOn", "Events", "SetupTranslations", "activate", "contributes", "Capabilities", "Translations", "translations", "boardTranslations", "SetupMetadata", "Metadata", "Board", "typename", "metadata", "icon", "iconHue", "ClientEvents", "SetupSchema", "SpaceCapabilities", "ObjectForm", "defineObjectForm", "objectSchema", "getIntent", "createIntent", "Create", "SetupReactSurface", "ReactSurface", "SetupIntentResolver", "IntentResolver"]
 }

package/dist/lib/browser/{intent-resolver-H6OF7V77.mjs → intent-resolver-MGJCQT3N.mjs}

@@ -1,6 +1,6 @@
 import {
   Board_exports
-} from "./chunk-Z6L4ZVCB.mjs";
+} from "./chunk-6IYOP7JD.mjs";
 
 // src/capabilities/intent-resolver.ts
 import { Capabilities, contributes, createResolver } from "@dxos/app-framework";
@@ -30,4 +30,4 @@ var intent_resolver_default = (() => [
 export {
   intent_resolver_default as default
 };
-//# sourceMappingURL=intent-resolver-H6OF7V77.mjs.map
+//# sourceMappingURL=intent-resolver-MGJCQT3N.mjs.map

package/dist/lib/browser/meta.json

@@ -1 +1 @@
-{"inputs":{"src/components/BoardContainer.tsx":{"bytes":16418,"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/client/echo","kind":"import-statement","external":true},{"path":"@dxos/invariant","kind":"import-statement","external":true},{"path":"@dxos/react-client/echo","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-board","kind":"import-statement","external":true},{"path":"@dxos/react-ui-form","kind":"import-statement","external":true},{"path":"@dxos/react-ui-stack","kind":"import-statement","external":true},{"path":"@dxos/util","kind":"import-statement","external":true}],"format":"esm"},"src/components/index.ts":{"bytes":485,"imports":[{"path":"src/components/BoardContainer.tsx","kind":"import-statement","original":"./BoardContainer"}],"format":"esm"},"src/meta.ts":{"bytes":1492,"imports":[],"format":"esm"},"src/types/Board.ts":{"bytes":4245,"imports":[{"path":"effect/Schema","kind":"import-statement","external":true},{"path":"@dxos/echo","kind":"import-statement","external":true},{"path":"@dxos/echo/internal","kind":"import-statement","external":true},{"path":"@dxos/react-ui-board","kind":"import-statement","external":true},{"path":"src/meta.ts","kind":"import-statement","original":"../meta"}],"format":"esm"},"src/types/index.ts":{"bytes":508,"imports":[{"path":"src/types/Board.ts","kind":"import-statement","original":"./Board"}],"format":"esm"},"src/capabilities/intent-resolver.ts":{"bytes":3014,"imports":[{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/echo","kind":"import-statement","external":true},{"path":"src/types/index.ts","kind":"import-statement","original":"../types"}],"format":"esm"},"src/capabilities/react-surface.tsx":{"bytes":2913,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/echo","kind":"import-statement","external":true},{"path":"src/components/index.ts","kind":"import-statement","original":"../components"},{"path":"src/meta.ts","kind":"import-statement","original":"../meta"},{"path":"src/types/index.ts","kind":"import-statement","original":"../types"}],"format":"esm"},"src/capabilities/index.ts":{"bytes":1035,"imports":[{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"src/capabilities/intent-resolver.ts","kind":"dynamic-import","original":"./intent-resolver"},{"path":"src/capabilities/react-surface.tsx","kind":"dynamic-import","original":"./react-surface"}],"format":"esm"},"src/translations.ts":{"bytes":2322,"imports":[{"path":"src/meta.ts","kind":"import-statement","original":"./meta"},{"path":"src/types/index.ts","kind":"import-statement","original":"./types"}],"format":"esm"},"src/BoardPlugin.tsx":{"bytes":7118,"imports":[{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/plugin-client","kind":"import-statement","external":true},{"path":"@dxos/plugin-space","kind":"import-statement","external":true},{"path":"@dxos/plugin-space/types","kind":"import-statement","external":true},{"path":"@dxos/react-ui-board","kind":"import-statement","external":true},{"path":"src/capabilities/index.ts","kind":"import-statement","original":"./capabilities"},{"path":"src/meta.ts","kind":"import-statement","original":"./meta"},{"path":"src/translations.ts","kind":"import-statement","original":"./translations"},{"path":"src/types/index.ts","kind":"import-statement","original":"./types"}],"format":"esm"},"src/index.ts":{"bytes":722,"imports":[{"path":"src/components/index.ts","kind":"import-statement","original":"./components"},{"path":"src/meta.ts","kind":"import-statement","original":"./meta"},{"path":"src/types/index.ts","kind":"import-statement","original":"./types"},{"path":"src/BoardPlugin.tsx","kind":"import-statement","original":"./BoardPlugin"}],"format":"esm"}},"outputs":{"dist/lib/browser/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":4913},"dist/lib/browser/index.mjs":{"imports":[{"path":"dist/lib/browser/chunk-RHMZXTJ7.mjs","kind":"import-statement"},{"path":"dist/lib/browser/chunk-Z6L4ZVCB.mjs","kind":"import-statement"},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/plugin-client","kind":"import-statement","external":true},{"path":"@dxos/plugin-space","kind":"import-statement","external":true},{"path":"@dxos/plugin-space/types","kind":"import-statement","external":true},{"path":"@dxos/react-ui-board","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"dist/lib/browser/intent-resolver-H6OF7V77.mjs","kind":"dynamic-import"},{"path":"dist/lib/browser/react-surface-37LEVBKY.mjs","kind":"dynamic-import"}],"exports":["Board","BoardContainer","BoardPlugin","meta"],"entryPoint":"src/index.ts","inputs":{"src/index.ts":{"bytesInOutput":0},"src/BoardPlugin.tsx":{"bytesInOutput":1614},"src/capabilities/index.ts":{"bytesInOutput":190},"src/translations.ts":{"bytesInOutput":458}},"bytes":2598},"dist/lib/browser/types/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":93},"dist/lib/browser/types/index.mjs":{"imports":[{"path":"dist/lib/browser/chunk-Z6L4ZVCB.mjs","kind":"import-statement"}],"exports":["Board"],"entryPoint":"src/types/index.ts","inputs":{},"bytes":129},"dist/lib/browser/intent-resolver-H6OF7V77.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":1473},"dist/lib/browser/intent-resolver-H6OF7V77.mjs":{"imports":[{"path":"dist/lib/browser/chunk-Z6L4ZVCB.mjs","kind":"import-statement"},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/echo","kind":"import-statement","external":true}],"exports":["default"],"entryPoint":"src/capabilities/intent-resolver.ts","inputs":{"src/capabilities/intent-resolver.ts":{"bytesInOutput":598}},"bytes":797},"dist/lib/browser/react-surface-37LEVBKY.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":1429},"dist/lib/browser/react-surface-37LEVBKY.mjs":{"imports":[{"path":"dist/lib/browser/chunk-RHMZXTJ7.mjs","kind":"import-statement"},{"path":"dist/lib/browser/chunk-Z6L4ZVCB.mjs","kind":"import-statement"},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/echo","kind":"import-statement","external":true}],"exports":["default"],"entryPoint":"src/capabilities/react-surface.tsx","inputs":{"src/capabilities/react-surface.tsx":{"bytesInOutput":528}},"bytes":787},"dist/lib/browser/chunk-RHMZXTJ7.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":8174},"dist/lib/browser/chunk-RHMZXTJ7.mjs":{"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/client/echo","kind":"import-statement","external":true},{"path":"@dxos/invariant","kind":"import-statement","external":true},{"path":"@dxos/react-client/echo","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-board","kind":"import-statement","external":true},{"path":"@dxos/react-ui-form","kind":"import-statement","external":true},{"path":"@dxos/react-ui-stack","kind":"import-statement","external":true},{"path":"@dxos/util","kind":"import-statement","external":true}],"exports":["BoardContainer"],"inputs":{"src/components/BoardContainer.tsx":{"bytesInOutput":4111},"src/components/index.ts":{"bytesInOutput":0}},"bytes":4222},"dist/lib/browser/chunk-Z6L4ZVCB.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":2898},"dist/lib/browser/chunk-Z6L4ZVCB.mjs":{"imports":[{"path":"effect/Schema","kind":"import-statement","external":true},{"path":"@dxos/echo","kind":"import-statement","external":true},{"path":"@dxos/echo/internal","kind":"import-statement","external":true},{"path":"@dxos/react-ui-board","kind":"import-statement","external":true}],"exports":["Board_exports","meta"],"inputs":{"src/types/Board.ts":{"bytesInOutput":924},"src/meta.ts":{"bytesInOutput":324},"src/types/index.ts":{"bytesInOutput":0}},"bytes":1558}}}
+{"inputs":{"src/components/BoardContainer.tsx":{"bytes":18224,"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework/react","kind":"import-statement","external":true},{"path":"@dxos/client/echo","kind":"import-statement","external":true},{"path":"@dxos/echo","kind":"import-statement","external":true},{"path":"@dxos/invariant","kind":"import-statement","external":true},{"path":"@dxos/react-client/echo","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-attention","kind":"import-statement","external":true},{"path":"@dxos/react-ui-board","kind":"import-statement","external":true},{"path":"@dxos/react-ui-form","kind":"import-statement","external":true},{"path":"@dxos/react-ui-stack","kind":"import-statement","external":true},{"path":"@dxos/util","kind":"import-statement","external":true}],"format":"esm"},"src/components/index.ts":{"bytes":485,"imports":[{"path":"src/components/BoardContainer.tsx","kind":"import-statement","original":"./BoardContainer"}],"format":"esm"},"src/meta.ts":{"bytes":1967,"imports":[{"path":"@dxos/util","kind":"import-statement","external":true}],"format":"esm"},"src/types/Board.ts":{"bytes":4590,"imports":[{"path":"effect/Schema","kind":"import-statement","external":true},{"path":"@dxos/echo","kind":"import-statement","external":true},{"path":"@dxos/echo/internal","kind":"import-statement","external":true},{"path":"@dxos/react-ui-board","kind":"import-statement","external":true},{"path":"src/meta.ts","kind":"import-statement","original":"../meta"}],"format":"esm"},"src/types/index.ts":{"bytes":508,"imports":[{"path":"src/types/Board.ts","kind":"import-statement","original":"./Board"}],"format":"esm"},"src/capabilities/intent-resolver.ts":{"bytes":3014,"imports":[{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/echo","kind":"import-statement","external":true},{"path":"src/types/index.ts","kind":"import-statement","original":"../types"}],"format":"esm"},"src/capabilities/react-surface.tsx":{"bytes":2913,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/echo","kind":"import-statement","external":true},{"path":"src/components/index.ts","kind":"import-statement","original":"../components"},{"path":"src/meta.ts","kind":"import-statement","original":"../meta"},{"path":"src/types/index.ts","kind":"import-statement","original":"../types"}],"format":"esm"},"src/capabilities/index.ts":{"bytes":1035,"imports":[{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"src/capabilities/intent-resolver.ts","kind":"dynamic-import","original":"./intent-resolver"},{"path":"src/capabilities/react-surface.tsx","kind":"dynamic-import","original":"./react-surface"}],"format":"esm"},"src/translations.ts":{"bytes":2322,"imports":[{"path":"src/meta.ts","kind":"import-statement","original":"./meta"},{"path":"src/types/index.ts","kind":"import-statement","original":"./types"}],"format":"esm"},"src/BoardPlugin.tsx":{"bytes":7228,"imports":[{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/plugin-client","kind":"import-statement","external":true},{"path":"@dxos/plugin-space","kind":"import-statement","external":true},{"path":"@dxos/plugin-space/types","kind":"import-statement","external":true},{"path":"@dxos/react-ui-board","kind":"import-statement","external":true},{"path":"src/capabilities/index.ts","kind":"import-statement","original":"./capabilities"},{"path":"src/meta.ts","kind":"import-statement","original":"./meta"},{"path":"src/translations.ts","kind":"import-statement","original":"./translations"},{"path":"src/types/index.ts","kind":"import-statement","original":"./types"}],"format":"esm"},"src/index.ts":{"bytes":722,"imports":[{"path":"src/components/index.ts","kind":"import-statement","original":"./components"},{"path":"src/meta.ts","kind":"import-statement","original":"./meta"},{"path":"src/types/index.ts","kind":"import-statement","original":"./types"},{"path":"src/BoardPlugin.tsx","kind":"import-statement","original":"./BoardPlugin"}],"format":"esm"}},"outputs":{"dist/lib/browser/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":4965},"dist/lib/browser/index.mjs":{"imports":[{"path":"dist/lib/browser/chunk-UDI6JPP5.mjs","kind":"import-statement"},{"path":"dist/lib/browser/chunk-6IYOP7JD.mjs","kind":"import-statement"},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/plugin-client","kind":"import-statement","external":true},{"path":"@dxos/plugin-space","kind":"import-statement","external":true},{"path":"@dxos/plugin-space/types","kind":"import-statement","external":true},{"path":"@dxos/react-ui-board","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"dist/lib/browser/intent-resolver-MGJCQT3N.mjs","kind":"dynamic-import"},{"path":"dist/lib/browser/react-surface-PBKZGBFJ.mjs","kind":"dynamic-import"}],"exports":["Board","BoardContainer","BoardPlugin","meta"],"entryPoint":"src/index.ts","inputs":{"src/index.ts":{"bytesInOutput":0},"src/BoardPlugin.tsx":{"bytesInOutput":1642},"src/capabilities/index.ts":{"bytesInOutput":190},"src/translations.ts":{"bytesInOutput":458}},"bytes":2626},"dist/lib/browser/types/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":93},"dist/lib/browser/types/index.mjs":{"imports":[{"path":"dist/lib/browser/chunk-6IYOP7JD.mjs","kind":"import-statement"}],"exports":["Board"],"entryPoint":"src/types/index.ts","inputs":{},"bytes":129},"dist/lib/browser/intent-resolver-MGJCQT3N.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":1473},"dist/lib/browser/intent-resolver-MGJCQT3N.mjs":{"imports":[{"path":"dist/lib/browser/chunk-6IYOP7JD.mjs","kind":"import-statement"},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/echo","kind":"import-statement","external":true}],"exports":["default"],"entryPoint":"src/capabilities/intent-resolver.ts","inputs":{"src/capabilities/intent-resolver.ts":{"bytesInOutput":598}},"bytes":797},"dist/lib/browser/react-surface-PBKZGBFJ.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":1429},"dist/lib/browser/react-surface-PBKZGBFJ.mjs":{"imports":[{"path":"dist/lib/browser/chunk-UDI6JPP5.mjs","kind":"import-statement"},{"path":"dist/lib/browser/chunk-6IYOP7JD.mjs","kind":"import-statement"},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/echo","kind":"import-statement","external":true}],"exports":["default"],"entryPoint":"src/capabilities/react-surface.tsx","inputs":{"src/capabilities/react-surface.tsx":{"bytesInOutput":528}},"bytes":787},"dist/lib/browser/chunk-UDI6JPP5.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":9156},"dist/lib/browser/chunk-UDI6JPP5.mjs":{"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework/react","kind":"import-statement","external":true},{"path":"@dxos/client/echo","kind":"import-statement","external":true},{"path":"@dxos/echo","kind":"import-statement","external":true},{"path":"@dxos/invariant","kind":"import-statement","external":true},{"path":"@dxos/react-client/echo","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-attention","kind":"import-statement","external":true},{"path":"@dxos/react-ui-board","kind":"import-statement","external":true},{"path":"@dxos/react-ui-form","kind":"import-statement","external":true},{"path":"@dxos/react-ui-stack","kind":"import-statement","external":true},{"path":"@dxos/util","kind":"import-statement","external":true}],"exports":["BoardContainer"],"inputs":{"src/components/BoardContainer.tsx":{"bytesInOutput":4578},"src/components/index.ts":{"bytesInOutput":0}},"bytes":4689},"dist/lib/browser/chunk-6IYOP7JD.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":3298},"dist/lib/browser/chunk-6IYOP7JD.mjs":{"imports":[{"path":"effect/Schema","kind":"import-statement","external":true},{"path":"@dxos/echo","kind":"import-statement","external":true},{"path":"@dxos/echo/internal","kind":"import-statement","external":true},{"path":"@dxos/react-ui-board","kind":"import-statement","external":true},{"path":"@dxos/util","kind":"import-statement","external":true}],"exports":["Board_exports","meta"],"inputs":{"src/types/Board.ts":{"bytesInOutput":1009},"src/meta.ts":{"bytesInOutput":481},"src/types/index.ts":{"bytesInOutput":0}},"bytes":1800}}}

package/dist/lib/browser/{react-surface-37LEVBKY.mjs → react-surface-PBKZGBFJ.mjs}

@@ -1,10 +1,10 @@
 import {
   BoardContainer
-} from "./chunk-RHMZXTJ7.mjs";
+} from "./chunk-UDI6JPP5.mjs";
 import {
   Board_exports,
   meta
-} from "./chunk-Z6L4ZVCB.mjs";
+} from "./chunk-6IYOP7JD.mjs";
 
 // src/capabilities/react-surface.tsx
 import React from "react";
@@ -27,4 +27,4 @@ var react_surface_default = ((context) => contributes(Capabilities.ReactSurface,
 export {
   react_surface_default as default
 };
-//# sourceMappingURL=react-surface-37LEVBKY.mjs.map
+//# sourceMappingURL=react-surface-PBKZGBFJ.mjs.map

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

@@ -1,6 +1,6 @@
 import {
   Board_exports
-} from "../chunk-Z6L4ZVCB.mjs";
+} from "../chunk-6IYOP7JD.mjs";
 export {
   Board_exports as Board
 };

package/dist/lib/node-esm/{chunk-XZA5WICX.mjs → chunk-LJPQ2ELJ.mjs}

@@ -3,11 +3,13 @@ import { createRequire } from 'node:module';const require = createRequire(import
 // src/components/BoardContainer.tsx
 import { useSignals as _useSignals } from "@preact-signals/safe-react/tracking";
 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 } from "@dxos/react-ui-board";
 import { ObjectPicker } from "@dxos/react-ui-form";
 import { StackItem } from "@dxos/react-ui-stack";
@@ -26,19 +28,26 @@ var BoardContainer = ({ board }) => {
     ]);
     const addTriggerRef = useRef(null);
     const [pickerState, setPickerState] = useState(null);
-    const allObjects = useQuery(getSpace(board), Filter.everything());
-    const options = useMemo(() => allObjects.map((obj) => ({
-      id: obj.id,
-      label: obj.name || obj.title || obj.id,
-      hue: "neutral"
-    })), [
-      allObjects
+    const attendableId = Obj.getDXN(board).toString();
+    const { hasAttention } = useAttention(attendableId);
+    const objects = useQuery(getSpace(board), Filter.everything());
+    const options = useMemo(() => objects.filter((obj) => obj.id !== board.id).map((obj) => {
+      const label = Obj.getLabel(obj);
+      if (label) {
+        return {
+          id: obj.id,
+          label,
+          hue: "neutral"
+        };
+      }
+    }).filter(isNonNullable).sort(({ label: a }, { label: b }) => a.toLocaleLowerCase().localeCompare(b.toLocaleLowerCase())), [
+      objects
     ]);
     const handleAdd = useCallback(async (anchor, position = DEFAULT_POSITION) => {
       const space = getSpace(board);
       invariant(space, void 0, {
         F: __dxlog_file,
-        L: 51,
+        L: 64,
         S: void 0,
         A: [
           "space",
@@ -52,19 +61,6 @@ var BoardContainer = ({ board }) => {
     }, [
       board
     ]);
-    const handleSelect = useCallback((id) => {
-      if (!pickerState) return;
-      const selectedObject = allObjects.find((obj) => obj.id === id);
-      if (!selectedObject) return;
-      const ref = Ref.make(selectedObject);
-      board.items.push(ref);
-      board.layout.cells[selectedObject.id.toString()] = pickerState.position;
-      setPickerState(null);
-    }, [
-      pickerState,
-      allObjects,
-      board
-    ]);
     const handleDelete = useCallback((id) => {
       const idx = board.items.findIndex((ref) => ref.dxn.asEchoDXN()?.echoId === id);
       if (idx !== -1) {
@@ -83,6 +79,22 @@ var BoardContainer = ({ board }) => {
     }, [
       board
     ]);
+    const handleSelect = useCallback((id) => {
+      if (!pickerState) {
+        return;
+      }
+      const selectedObject = objects.find((obj) => obj.id === id);
+      if (!selectedObject) {
+        return;
+      }
+      board.items.push(Ref.make(selectedObject));
+      board.layout.cells[selectedObject.id.toString()] = pickerState.position;
+      setPickerState(null);
+    }, [
+      pickerState,
+      objects,
+      board
+    ]);
     return /* @__PURE__ */ React.createElement(Board.Root, {
       ref: controller,
       layout: board.layout,
@@ -98,7 +110,9 @@ var BoardContainer = ({ board }) => {
       }
     }, /* @__PURE__ */ React.createElement(StackItem.Content, {
       toolbar: true
-    }, /* @__PURE__ */ React.createElement(Board.Toolbar, null), /* @__PURE__ */ React.createElement(Board.Container, null, /* @__PURE__ */ React.createElement(Board.Viewport, {
+    }, /* @__PURE__ */ React.createElement(Board.Toolbar, {
+      disabled: !hasAttention
+    }), /* @__PURE__ */ React.createElement(Board.Container, null, /* @__PURE__ */ React.createElement(Board.Viewport, {
       classNames: "border-none"
     }, /* @__PURE__ */ React.createElement(Board.Backdrop, null), /* @__PURE__ */ React.createElement(Board.Content, null, items?.map((item, index) => /* @__PURE__ */ React.createElement(Board.Cell, {
       item,
@@ -128,4 +142,4 @@ var BoardContainer = ({ board }) => {
 export {
   BoardContainer
 };
-//# sourceMappingURL=chunk-XZA5WICX.mjs.map
+//# sourceMappingURL=chunk-LJPQ2ELJ.mjs.map

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

@@ -0,0 +1,7 @@
+{
+  "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/react';\nimport { getSpace } from '@dxos/client/echo';\nimport { Filter, Obj, Ref } from '@dxos/echo';\nimport { invariant } from '@dxos/invariant';\nimport { useQuery } from '@dxos/react-client/echo';\nimport { useSignalsMemo } from '@dxos/react-ui';\nimport { useAttention } from '@dxos/react-ui-attention';\nimport { Board, type BoardController, type BoardRootProps, type Position } from '@dxos/react-ui-board';\nimport { ObjectPicker, type ObjectPickerContentProps } 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\nconst DEFAULT_POSITION = { x: 0, y: 0 } satisfies Position;\n\ntype PickerState = {\n  position: Position;\n};\n\nexport type BoardContainerProps = {\n  role?: string;\n  board: BoardType.Board;\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  const attendableId = Obj.getDXN(board).toString();\n  const { hasAttention } = useAttention(attendableId);\n\n  // TODO(burdon): Use search.\n  const objects = useQuery(getSpace(board), Filter.everything());\n  const options = useMemo<ObjectPickerContentProps['options']>(\n    () =>\n      objects\n        .filter((obj) => obj.id !== board.id)\n        .map((obj) => {\n          const label = Obj.getLabel(obj);\n          if (label) {\n            return {\n              id: obj.id,\n              label,\n              hue: 'neutral' as const,\n            };\n          }\n        })\n        .filter(isNonNullable)\n        .sort(({ label: a }, { label: b }) => a.toLocaleLowerCase().localeCompare(b.toLocaleLowerCase())),\n    [objects],\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  // 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  const handleSelect = useCallback<NonNullable<ObjectPickerContentProps['onSelect']>>(\n    (id) => {\n      if (!pickerState) {\n        return;\n      }\n\n      // Find the selected object by id from the space.\n      const selectedObject = objects.find((obj) => obj.id === id);\n      if (!selectedObject) {\n        return;\n      }\n\n      // Create a reference to the selected object and add it to the board.\n      board.items.push(Ref.make(selectedObject));\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, objects, 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(nextOpen ? { position: DEFAULT_POSITION } : null);\n        }}\n      >\n        <StackItem.Content toolbar>\n          <Board.Toolbar disabled={!hasAttention} />\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", "getSpace", "Filter", "Obj", "Ref", "invariant", "useQuery", "useSignalsMemo", "useAttention", "Board", "ObjectPicker", "StackItem", "isNonNullable", "DEFAULT_POSITION", "x", "y", "BoardContainer", "board", "controller", "items", "map", "ref", "target", "filter", "addTriggerRef", "pickerState", "setPickerState", "attendableId", "getDXN", "toString", "hasAttention", "objects", "everything", "options", "obj", "id", "label", "getLabel", "hue", "sort", "a", "b", "toLocaleLowerCase", "localeCompare", "handleAdd", "anchor", "position", "space", "current", "handleDelete", "idx", "findIndex", "dxn", "asEchoDXN", "echoId", "splice", "layout", "cells", "handleMove", "handleSelect", "selectedObject", "find", "push", "make", "Root", "onAdd", "onDelete", "onMove", "open", "onOpenChange", "nextOpen", "Content", "toolbar", "Toolbar", "disabled", "Container", "Viewport", "classNames", "Backdrop", "item", "index", "Cell", "key", "role", "data", "subject", "limit", "onSelect", "VirtualTrigger", "virtualRef"]
+}

package/dist/lib/node-esm/{chunk-AWLY252W.mjs → chunk-WFLKZNL3.mjs}

@@ -14,24 +14,29 @@ __export(Board_exports, {
 });
 import * as Schema from "effect/Schema";
 import { Obj, Type } from "@dxos/echo";
-import { LabelAnnotation } from "@dxos/echo/internal";
+import { FormAnnotation, LabelAnnotation } from "@dxos/echo/internal";
 import { BoardLayout, defaultLayout } from "@dxos/react-ui-board";
 
 // src/meta.ts
+import { trim } from "@dxos/util";
 var meta = {
   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: []
 };
 
 // src/types/Board.ts
 var 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(Type.Expando).pipe(Schema.Array, Schema.mutable, FormAnnotation.set(false)),
+  layout: BoardLayout.pipe(Schema.mutable, FormAnnotation.set(false))
 }).pipe(Type.Obj({
   typename: "dxos.org/type/Board",
   version: "0.1.0"
@@ -57,4 +62,4 @@ export {
   meta,
   Board_exports
 };
-//# sourceMappingURL=chunk-AWLY252W.mjs.map
+//# sourceMappingURL=chunk-WFLKZNL3.mjs.map

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

@@ -0,0 +1,7 @@
+{
+  "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 { FormAnnotation, 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.String.pipe(Schema.optional),\n  items: Type.Ref(Type.Expando).pipe(Schema.Array, Schema.mutable, FormAnnotation.set(false)),\n  layout: BoardLayout.pipe(Schema.mutable, FormAnnotation.set(false)),\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';\nimport { trim } from '@dxos/util';\n\nexport const meta: PluginMeta = {\n  id: 'dxos.org/plugin/board',\n  name: 'Board',\n  description: trim`\n    Infinite canvas workspace that combines sticky notes, media, and whiteboarding tools.\n    Arrange and connect ideas freely in a visual space perfect for brainstorming and creative collaboration.\n  `,\n  icon: 'ph--squares-four--regular',\n  iconHue: 'green',\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,gBAAgBC,uBAAuB;AAChD,SAASC,aAAaC,qBAAqB;;;ACH3C,SAASC,YAAY;AAEd,IAAMC,OAAmB;EAC9BC,IAAI;EACJC,MAAM;EACNC,aAAaC;;;;EAIbC,MAAM;EACNC,SAAS;EACTC,QAAQ;EACRC,aAAa,CAAA;AACf;;;ADHO,IAAMC,QAAeC,cAAO;EACjCC,MAAaC,cAAOC,KAAYC,eAAQ;EACxCC,OAAOC,KAAKC,IAAID,KAAKE,OAAO,EAAEL,KAAYM,cAAcC,gBAASC,eAAeC,IAAI,KAAA,CAAA;EACpFC,QAAQC,YAAYX,KAAYO,gBAASC,eAAeC,IAAI,KAAA,CAAA;AAC9D,CAAA,EAAGT,KACDG,KAAKS,IAAI;EACPC,UAAU;EACVC,SAAS;AACX,CAAA,GACAC,gBAAgBN,IAAI;EAAC;CAAO,CAAA;AAKvB,IAAMO,YAAY,CAACC,QAA8C,CAAC,MACvEL,IAAIM,KAAKtB,OAAO;EACdM,OAAO,CAAA;EACPQ,QAAQS;EACR,GAAGF;AACL,CAAA;AAKK,IAAMG,SAAN,cAA4BC,mBAAW,EAAW,GAAGC,KAAKC,EAAE,kBAAkB;EACnFC,OAAc3B,cAAO;IACnBC,MAAaG,gBAAgBF,aAAM;EACrC,CAAA;EACA0B,QAAe5B,cAAO;IACpB6B,QAAQ9B;EACV,CAAA;AACF,CAAA,EAAA;AAAI;",
+  "names": ["Schema", "Obj", "Type", "FormAnnotation", "LabelAnnotation", "BoardLayout", "defaultLayout", "trim", "meta", "id", "name", "description", "trim", "icon", "iconHue", "source", "screenshots", "Board", "Struct", "name", "String", "pipe", "optional", "items", "Type", "Ref", "Expando", "Array", "mutable", "FormAnnotation", "set", "layout", "BoardLayout", "Obj", "typename", "version", "LabelAnnotation", "makeBoard", "props", "make", "defaultLayout", "Create", "TaggedClass", "meta", "id", "input", "output", "object"]
+}

package/dist/lib/node-esm/index.mjs

@@ -1,11 +1,11 @@
 import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
 import {
   BoardContainer
-} from "./chunk-XZA5WICX.mjs";
+} from "./chunk-LJPQ2ELJ.mjs";
 import {
   Board_exports,
   meta
-} from "./chunk-AWLY252W.mjs";
+} from "./chunk-WFLKZNL3.mjs";
 
 // src/BoardPlugin.tsx
 import { Capabilities, Events, contributes, createIntent, defineModule, definePlugin } from "@dxos/app-framework";
@@ -16,8 +16,8 @@ import { translations as boardTranslations } from "@dxos/react-ui-board";
 
 // src/capabilities/index.ts
 import { lazy } from "@dxos/app-framework";
-var IntentResolver = lazy(() => import("./intent-resolver-L534P6FM.mjs"));
-var ReactSurface = lazy(() => import("./react-surface-GVHSH2W2.mjs"));
+var IntentResolver = lazy(() => import("./intent-resolver-TV2AARM7.mjs"));
+var ReactSurface = lazy(() => import("./react-surface-NELFNJ6M.mjs"));
 
 // src/translations.ts
 var translations = [
@@ -57,7 +57,8 @@ var BoardPlugin = definePlugin(meta, () => [
       contributes(Capabilities.Metadata, {
         id: Board_exports.Board.typename,
         metadata: {
-          icon: "ph--squares-four--regular"
+          icon: "ph--squares-four--regular",
+          iconHue: "green"
         }
       })
     )