@dxos/plugin-board 0.9.1-staging.ee54ba693a → 0.11.0

package/dist/lib/BoardPlugin.mjs

@@ -0,0 +1,21 @@
+import { Plugin } from "@dxos/app-framework";
+import { AppPlugin } from "@dxos/app-toolkit";
+import { translations } from "@dxos/react-ui-board/translations";
+import { CreateObject, ReactSurface } from "#capabilities";
+import { meta } from "#meta";
+import { translations as translations$1 } from "#translations";
+import { Board } from "#types";
+//#region PLUGIN.mdl?raw
+var PLUGIN_default = "---\nid: org.dxos.plugin.board\nname: BoardPlugin\nversion: 0.1.0\n---\n\nA spatial canvas plugin for `DXOS` Composer that lets users arrange any ECHO objects on an infinite two-dimensional grid.\nItems can be placed freely, moved by dragging, and removed from the canvas without deleting the underlying objects.\n\n## Extensions\n\nThe following extension dialects are used in this document.\nEach extension is defined in the Appendix or resolved via its URI.\n\n| Term        | URI                            |\n|-------------|--------------------------------|\n| `type`      | `org.dxos.mdl.type@1.0`       |\n| `feat`      | `org.dxos.mdl.feat@1.0`       |\n| `test`      | `org.dxos.mdl.test@1.0`       |\n| `component` | `org.dxos.mdl.component@1.0`  |\n| `op`        | `org.dxos.mdl.op@1.0`         |\n\n## Types\n\n```mdl\ntype Position\n  fields:\n    x: number\n    y: number\n    w?: number\n    h?: number\n```\n\n```mdl\ntype BoardLayout\n  fields:\n    cells: { [id: string]: Position }\n```\n\n```mdl\ntype Board\n  desc: Root ECHO object (typename org.dxos.type.board).\n  fields:\n    name?: string\n    items: Ref[]          # ordered list of references to ECHO objects on the canvas\n    layout: BoardLayout   # position of every item keyed by object id\n```\n\n## Components\n\n```mdl\ncomponent BoardArticle\n  desc: Full-canvas surface rendered for article and section roles.\n  props:\n    role: string              # AppSurface role (article | section)\n    subject: Board            # ECHO Board object\n    attendableId?: string     # attention tracking id\n  state:\n    items: Obj.Unknown[]      # resolved ECHO objects from board.items refs\n    pickerState?: PickerState # null when picker closed; Position when open\n  slots:\n    toolbar?: ReactNode       # Board.Toolbar (disabled when not focused)\n    cell?: ReactNode          # one Surface.Surface per item (Card role)\n  actions:\n    addItem(anchor, position?) → void\n    deleteItem(id: string) → void\n    moveItem(id: string, position: Position) → void\n    selectFromPicker(id: string) → void\n  emits:\n    onAdd(anchor: HTMLButtonElement, position?: Position)\n    onDelete(id: string)\n    onMove(id: string, position: Position)\n  layout: |\n    ┌────────────────────────────────────┐\n    │ Board.Toolbar (attention-gated)    │\n    ├────────────────────────────────────┤\n    │ Board.Viewport                     │\n    │  ┌──────────────────────────────┐  │\n    │  │ Board.Backdrop  (+)          │  │\n    │  │                              │  │\n    │  │  ┌──────┐  ┌──────┐         │  │\n    │  │  │ Cell │  │ Cell │  …      │  │\n    │  │  └──────┘  └──────┘         │  │\n    │  └──────────────────────────────┘  │\n    ├────────────────────────────────────┤\n    │ ObjectPicker (popover, when open)  │\n    └────────────────────────────────────┘\n```\n\n## Operations\n\n```mdl\nop createBoard\n  desc: Creates a new Board ECHO object and adds it to the target space.\n  input:\n    name?: string\n    target?: Space\n    targetNodeId?: string\n  output: Board\n  effects: [echo:write]\n  note: Delegates to SpaceOperation.AddObject with hidden=true.\n```\n\n```mdl\nop addItem\n  desc: Adds an ECHO object reference to the board at the given grid position.\n  input:\n    board: Board\n    object: Obj.Unknown\n    position: Position\n  output: Board\n  effects: [echo:write]\n  note: |\n    When a grid \"+\" is clicked with a position, a new Markdown document is\n    created inline. When the toolbar \"+\" is clicked without a position, an\n    ObjectPicker is shown and the user selects an existing object.\n```\n\n```mdl\nop removeItem\n  desc: Removes an item reference and its layout entry from the board.\n  input:\n    board: Board\n    id: string\n  output: Board\n  effects: [echo:write]\n  note: Does not delete the underlying ECHO object; only removes it from the canvas.\n```\n\n```mdl\nop moveItem\n  desc: Updates the grid position for an existing board item.\n  input:\n    board: Board\n    id: string\n    position: Position\n  output: Board\n  effects: [echo:write]\n```\n\n## Features\n\n```mdl\nfeat F-1: Create Board\n\n  req F-1.1: A new Board is created with an empty items list and an empty layout.\n  req F-1.2: The Board is added to the active space using SpaceOperation.AddObject.\n  req F-1.3: The Board appears in the space object list immediately after creation.\n```\n\n```mdl\nfeat F-2: Add Item to Board\n\n  req F-2.1:\n    when: user clicks \"+\" on the grid backdrop at a specific position\n    then: a new Markdown document is created and placed at that position\n\n  req F-2.2:\n    when: user clicks \"+\" on the toolbar (no position)\n    then: ObjectPicker opens, listing all space objects that are not the board itself\n\n  req F-2.3:\n    when: user selects an object from the ObjectPicker\n    then: a Ref to that object is appended to board.items; layout entry created at default position\n\n  req F-2.4: Objects are sorted alphabetically by label in the ObjectPicker.\n```\n\n```mdl\nfeat F-3: Remove Item from Board\n\n  req F-3.1:\n    when: user deletes a cell\n    then: the Ref is removed from board.items and the layout entry is deleted\n    note: the referenced ECHO object is not deleted\n\n  req F-3.2: Board is updated atomically via Obj.update.\n```\n\n```mdl\nfeat F-4: Move Item on Board\n\n  req F-4.1:\n    when: user drags a card to a new position\n    then: board.layout.cells[id] is updated with the new Position\n\n  req F-4.2: Other items are not affected by a move operation.\n```\n\n```mdl\nfeat F-5: Render Items\n\n  req F-5.1: Each item in board.items is rendered as a Surface.Surface with the Card role.\n  req F-5.2:\n    when: an item's Ref cannot be resolved (deleted object)\n    then: the cell is silently omitted from the rendered canvas\n\n  req F-5.3: Items are rendered in board.items order; z-ordering follows index.\n```\n\n```mdl\nfeat F-6: Attention and Focus\n\n  req F-6.1:\n    when: the Board surface does not have attention\n    then: Board.Toolbar is rendered in disabled state; drag and add interactions are suppressed\n\n  req F-6.2:\n    when: the Board surface gains attention\n    then: Board.Toolbar becomes interactive\n```\n\n## Acceptance\n\n```mdl\ntest T-1: New board is empty\n  given: a new Board has been created\n  then:\n    - board.items is empty\n    - board.layout.cells is empty\n```\n\n```mdl\ntest T-2: Add item via grid backdrop\n  given: an empty board is displayed\n  when: user clicks the \"+\" hotspot at position (100, 200)\n  then:\n    - a Markdown document is created in the space\n    - board.items contains a Ref to the new document\n    - board.layout.cells[doc.id] === { x: 100, y: 200 }\n```\n\n```mdl\ntest T-3: Add existing object via picker\n  given: the space contains a Document with label \"Meeting notes\"\n  when: user opens the ObjectPicker from the toolbar and selects \"Meeting notes\"\n  then:\n    - board.items contains a Ref to the Document\n    - board.layout.cells[doc.id] === { x: 0, y: 0 }\n    - picker is closed\n```\n\n```mdl\ntest T-4: Remove item\n  given: board has one item\n  when: user deletes the cell\n  then:\n    - board.items is empty\n    - board.layout.cells is empty\n    - the referenced ECHO object still exists in the space\n```\n\n```mdl\ntest T-5: Move item\n  given: board has one item at position { x: 0, y: 0 }\n  when: user drags it to { x: 300, y: 150 }\n  then:\n    - board.layout.cells[item.id] === { x: 300, y: 150 }\n    - board.items length is unchanged\n```\n\n```mdl\ntest T-6: Toolbar gated by attention\n  given: board is rendered without focus\n  then: Board.Toolbar is disabled\n  when: board gains focus\n  then: Board.Toolbar is interactive\n```\n\n---\n\n## Appendix: Extension Definitions\n\nExtension block types used in this document are defined below using\nthe core `ext` primitive — the only construct the base language provides.\n\n```mdl\next type\n  uri: org.dxos.mdl.type@1.0\n  desc: A named data structure with typed fields and optional literals.\n  fields:\n    desc?: Prose\n    fields?: FieldMap        # name[?]: TypeExpr  (# inline comment)\n    literals?: UnionList     # a | b | c\n    extends?: TypeRef[]\n```\n\n```mdl\next feat\n  uri: org.dxos.mdl.feat@1.0\n  desc: A named feature grouping one or more requirements.\n  fields:\n    desc?: Prose\n    req: RequirementList\n  nesting: self              # feat blocks may contain feat blocks\n```\n\n```mdl\next test\n  uri: org.dxos.mdl.test@1.0\n  desc: An acceptance scenario expressed as given / when / then steps.\n  fields:\n    given?: Step | Step[]\n    when?: Step | Step[]\n    then: Step | Step[]\n    tags?: TagList\n```\n\n```mdl\next component\n  uri: org.dxos.mdl.component@1.0\n  desc: A UI component with props, internal state, slots, actions, and events.\n  fields:\n    desc?: Prose\n    props?: FieldMap            # external inputs (immutable inside component)\n    state?: FieldMap            # internal reactive state\n    slots?: FieldMap            # named ReactNode injection points\n    actions?: ActionMap         # methods the component exposes or handles\n    emits?: EventMap            # events the component raises to its parent\n    layout?: CodeBlock          # ASCII sketch of visual structure (non-normative)\n```\n\n```mdl\next op\n  uri: org.dxos.mdl.op@1.0\n  desc: |\n    A named operation with typed inputs, outputs, and declared errors.\n    Pure ops have no effects or requires. Effectful ops declare both.\n  fields:\n    desc?: Prose\n    input?: FieldMap            # named input parameters\n    output?: TypeExpr           # return type\n    errors?: ErrorMap           # name: Prose  (when this error occurs)\n    effects?: EffectList        # echo:read | echo:write | http | fs | ...\n    requires?: ServiceList      # injected service dependencies\n    note?: Prose                # implementation guidance (non-normative)\n```\n";
+//#endregion
+//#region src/BoardPlugin.tsx
+var BoardPlugin = Plugin.define(meta).pipe(AppPlugin.addCreateObjectModule({ activate: CreateObject }), AppPlugin.addSchemaModule({ schema: [Board.Board] }), AppPlugin.addSurfaceModule({ activate: ReactSurface }), AppPlugin.addTranslationsModule({ translations: [...translations$1, ...translations] }), AppPlugin.addPluginAssetModule({ asset: {
+	pluginId: meta.profile.key,
+	path: "PLUGIN.mdl",
+	content: PLUGIN_default,
+	mimeType: "application/x-mdl"
+} }), Plugin.make);
+//#endregion
+export { BoardPlugin, BoardPlugin as default };
+
+//# sourceMappingURL=BoardPlugin.mjs.map

package/dist/lib/BoardPlugin.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"BoardPlugin.mjs","names":[],"sources":["../../src/BoardPlugin.tsx"],"sourcesContent":["//\n// Copyright 2023 DXOS.org\n//\n\nimport { Plugin } from '@dxos/app-framework';\nimport { AppPlugin } from '@dxos/app-toolkit';\nimport { translations as boardTranslations } from '@dxos/react-ui-board/translations';\n\nimport { CreateObject, ReactSurface } from '#capabilities';\nimport { meta } from '#meta';\nimport { translations } from '#translations';\nimport { Board } from '#types';\n\n// eslint-disable-next-line import/no-relative-packages\nimport pluginSpec from '../PLUGIN.mdl?raw';\n\nexport const BoardPlugin = Plugin.define(meta).pipe(\n  AppPlugin.addCreateObjectModule({ activate: CreateObject }),\n  AppPlugin.addSchemaModule({ schema: [Board.Board] }),\n  AppPlugin.addSurfaceModule({ activate: ReactSurface }),\n  AppPlugin.addTranslationsModule({ translations: [...translations, ...boardTranslations] }),\n  AppPlugin.addPluginAssetModule({\n    asset: { pluginId: meta.profile.key, path: 'PLUGIN.mdl', content: pluginSpec, mimeType: 'application/x-mdl' },\n  }),\n  Plugin.make,\n);\n\nexport default BoardPlugin;\n"],"mappings":";;;;;;;;;;;AAgBA,IAAa,cAAc,OAAO,OAAO,IAAI,CAAC,CAAC,KAC7C,UAAU,sBAAsB,EAAE,UAAU,aAAa,CAAC,GAC1D,UAAU,gBAAgB,EAAE,QAAQ,CAAC,MAAM,KAAK,EAAE,CAAC,GACnD,UAAU,iBAAiB,EAAE,UAAU,aAAa,CAAC,GACrD,UAAU,sBAAsB,EAAE,cAAc,CAAC,GAAG,gBAAc,GAAG,YAAiB,EAAE,CAAC,GACzF,UAAU,qBAAqB,EAC7B,OAAO;CAAE,UAAU,KAAK,QAAQ;CAAK,MAAM;CAAc,SAAS;CAAY,UAAU;AAAoB,EAC9G,CAAC,GACD,OAAO,IACT"}

package/dist/lib/capabilities.mjs

@@ -0,0 +1,8 @@
+import { Capability } from "@dxos/app-framework";
+//#region src/capabilities/index.ts
+var CreateObject = Capability.lazy("CreateObject", () => import("./chunk-create-object.mjs"));
+var ReactSurface = Capability.lazy("ReactSurface", () => import("./chunk-react-surface.mjs"));
+//#endregion
+export { CreateObject, ReactSurface };
+
+//# sourceMappingURL=capabilities.mjs.map

package/dist/lib/capabilities.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"capabilities.mjs","names":[],"sources":["../../src/capabilities/index.ts"],"sourcesContent":["//\n// Copyright 2025 DXOS.org\n//\n\nimport { Capability } from '@dxos/app-framework';\n\nexport const CreateObject = Capability.lazy('CreateObject', () => import('./create-object'));\nexport const ReactSurface = Capability.lazy('ReactSurface', () => import('./react-surface'));\n"],"mappings":";;AAMA,IAAa,eAAe,WAAW,KAAK,sBAAsB,OAAO,4BAAkB;AAC3F,IAAa,eAAe,WAAW,KAAK,sBAAsB,OAAO,4BAAkB"}

package/dist/lib/chunk-BoardArticle.mjs

@@ -0,0 +1,190 @@
+import { isNonNullable } from "@dxos/util";
+import { Filter, Obj, Ref } from "@dxos/echo";
+import { Board, resizeToFit } from "@dxos/react-ui-board";
+import { translationKey } from "@dxos/react-ui-board/translations";
+import { useCallback, useMemo, useRef, useState } from "react";
+import { Surface } from "@dxos/app-framework/ui";
+import { AppSurface } from "@dxos/app-toolkit/ui";
+import { useAtomValue } from "@effect-atom/atom-react";
+import * as Atom from "@effect-atom/atom/Atom";
+import { useObject, useQuery } from "@dxos/echo-react";
+import { invariant } from "@dxos/invariant";
+import { EID } from "@dxos/keys";
+import { Markdown } from "@dxos/plugin-markdown";
+import { Panel, Toolbar, useTranslation } from "@dxos/react-ui";
+import { useAttention } from "@dxos/react-ui-attention";
+import { ObjectPicker } from "@dxos/react-ui-form";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/containers/BoardArticle/BoardArticle.tsx
+var __dxlog_file = "/__w/dxos/dxos/packages/plugins/plugin-board/src/containers/BoardArticle/BoardArticle.tsx";
+var DEFAULT_POSITION = {
+	x: 0,
+	y: 0
+};
+var normalizeCells = (cells) => {
+	const values = Object.values(cells);
+	const minX = Math.min(0, ...values.map((cell) => cell.x));
+	const minY = Math.min(0, ...values.map((cell) => cell.y));
+	if (minX === 0 && minY === 0) return cells;
+	return Object.fromEntries(Object.entries(cells).map(([id, cell]) => [id, {
+		...cell,
+		x: cell.x - minX,
+		y: cell.y - minY
+	}]));
+};
+var BoardArticle = ({ role, subject: board, attendableId }) => {
+	const { t } = useTranslation(translationKey);
+	const { hasAttention } = useAttention(attendableId);
+	const db = Obj.getDatabase(board);
+	const [boardItems] = useObject(board, "items");
+	const items = useAtomValue(useMemo(() => Atom.make((get) => {
+		const result = [];
+		for (const ref of boardItems ?? []) {
+			const obj = get(Obj.atomReactive(ref));
+			if (obj) result.push(obj);
+		}
+		return result;
+	}), [boardItems]));
+	const controller = useRef(null);
+	const addTriggerRef = useRef(null);
+	const [pickerState, setPickerState] = useState(null);
+	const [zoom, setZoom] = useState(1);
+	const layout = useMemo(() => ({ items: normalizeCells(board.layout.cells) }), [board.layout.cells]);
+	const bounds = useMemo(() => ({
+		columns: board.layout.size.width,
+		rows: board.layout.size.height
+	}), [board.layout.size.width, board.layout.size.height]);
+	const objects = useQuery(db, Filter.everything());
+	const options = useMemo(() => objects.filter((obj) => obj.id !== board.id).map((obj) => {
+		const label = Obj.getLabel(obj);
+		return label ? {
+			id: obj.id,
+			label,
+			hue: "neutral"
+		} : void 0;
+	}).filter(isNonNullable).sort(({ label: a }, { label: b }) => a.toLocaleLowerCase().localeCompare(b.toLocaleLowerCase())), [objects, board.id]);
+	const handleChange = useCallback((next) => {
+		Obj.update(board, (board) => {
+			board.layout.cells = next.items;
+		});
+	}, [board]);
+	const handleAdd = useCallback((position) => {
+		const db = Obj.getDatabase(board);
+		invariant(db, void 0, {
+			"~LogMeta": "~LogMeta",
+			F: __dxlog_file,
+			L: 105,
+			S: void 0,
+			A: ["db", ""]
+		});
+		const doc = db.add(Markdown.make());
+		Obj.update(board, (board) => {
+			board.items.push(Ref.make(doc));
+			board.layout.cells[doc.id.toString()] = position;
+		});
+	}, [board]);
+	const handleDelete = useCallback((id) => {
+		const idx = board.items.findIndex((ref) => {
+			const echoUri = EID.tryParse(ref.uri);
+			return (echoUri ? EID.getEntityId(echoUri) : void 0) === id;
+		});
+		Obj.update(board, (board) => {
+			if (idx !== -1) board.items.splice(idx, 1);
+			delete board.layout.cells[id];
+		});
+	}, [board]);
+	const handleSelect = useCallback((id) => {
+		const position = pickerState?.position ?? DEFAULT_POSITION;
+		const selected = objects.find((obj) => obj.id === id);
+		if (!Obj.isObject(selected)) return;
+		Obj.update(board, (board) => {
+			board.items.push(Ref.make(selected));
+			board.layout.cells[selected.id.toString()] = position;
+		});
+		setPickerState(null);
+	}, [
+		pickerState,
+		objects,
+		board
+	]);
+	return /* @__PURE__ */ jsxs(ObjectPicker.Root, {
+		open: !!pickerState,
+		onOpenChange: (next) => setPickerState(next ? { position: DEFAULT_POSITION } : null),
+		children: [
+			/* @__PURE__ */ jsx(Board.Root, {
+				ref: controller,
+				layout,
+				bounds,
+				mode: "float",
+				resolver: resizeToFit,
+				zoom,
+				onChange: handleChange,
+				onAdd: handleAdd,
+				onDelete: handleDelete,
+				children: /* @__PURE__ */ jsxs(Panel.Root, {
+					role,
+					children: [/* @__PURE__ */ jsx(Panel.Toolbar, {
+						asChild: true,
+						children: /* @__PURE__ */ jsxs(Toolbar.Root, { children: [
+							/* @__PURE__ */ jsx(Toolbar.IconButton, {
+								icon: "ph--crosshair--regular",
+								iconOnly: true,
+								label: t("move-to-center.button"),
+								disabled: !hasAttention,
+								onClick: () => controller.current?.center()
+							}),
+							/* @__PURE__ */ jsx(Toolbar.IconButton, {
+								icon: zoom < 1 ? "ph--arrows-in--regular" : "ph--arrows-out--regular",
+								iconOnly: true,
+								label: t("toggle-zoom.button"),
+								disabled: !hasAttention,
+								onClick: () => setZoom((value) => value < 1 ? 1 : .5)
+							}),
+							/* @__PURE__ */ jsx(Toolbar.IconButton, {
+								icon: "ph--plus--regular",
+								iconOnly: true,
+								label: t("add-object.button"),
+								disabled: !hasAttention,
+								onClick: (event) => {
+									addTriggerRef.current = event.currentTarget;
+									setPickerState({ position: DEFAULT_POSITION });
+								}
+							})
+						] })
+					}), /* @__PURE__ */ jsx(Panel.Content, {
+						asChild: true,
+						children: /* @__PURE__ */ jsxs(Board.Container, {
+							classNames: "absolute inset-0",
+							children: [/* @__PURE__ */ jsxs(Board.Viewport, { children: [/* @__PURE__ */ jsx(Board.Backdrop, {}), /* @__PURE__ */ jsx(Board.Content, { children: items?.map((item) => {
+								const itemLayout = layout.items[item.id];
+								return itemLayout ? /* @__PURE__ */ jsx(Board.Cell, {
+									item,
+									layout: itemLayout,
+									children: /* @__PURE__ */ jsx(Surface.Surface, {
+										type: AppSurface.CardContent,
+										data: {
+											subject: item,
+											editable: true
+										},
+										limit: 1
+									})
+								}, item.id) : null;
+							}) })] }), /* @__PURE__ */ jsx(Board.Map, { classNames: "absolute bottom-2 right-2 z-10 w-40" })]
+						})
+					})]
+				})
+			}),
+			/* @__PURE__ */ jsx(ObjectPicker.Content, {
+				options,
+				onSelect: handleSelect,
+				classNames: "dx-card-popover-width"
+			}),
+			/* @__PURE__ */ jsx(ObjectPicker.VirtualTrigger, { virtualRef: addTriggerRef })
+		]
+	});
+};
+BoardArticle.displayName = "BoardArticle";
+//#endregion
+export { BoardArticle as default };
+
+//# sourceMappingURL=chunk-BoardArticle.mjs.map

package/dist/lib/chunk-BoardArticle.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"chunk-BoardArticle.mjs","names":[],"sources":["../../src/containers/BoardArticle/BoardArticle.tsx"],"sourcesContent":["//\n// Copyright 2025 DXOS.org\n//\n\nimport { useAtomValue } from '@effect-atom/atom-react';\nimport * as Atom from '@effect-atom/atom/Atom';\nimport React, { useCallback, useMemo, useRef, useState } from 'react';\n\nimport { Surface } from '@dxos/app-framework/ui';\nimport { AppSurface } from '@dxos/app-toolkit/ui';\nimport { Filter, Obj, Ref } from '@dxos/echo';\nimport { useObject, useQuery } from '@dxos/echo-react';\nimport { invariant } from '@dxos/invariant';\nimport { EID } from '@dxos/keys';\nimport { Markdown } from '@dxos/plugin-markdown';\nimport { Panel, Toolbar, useTranslation } from '@dxos/react-ui';\nimport { useAttention } from '@dxos/react-ui-attention';\nimport { Board, type BoardController, type BoardRootProps, type Layout, resizeToFit } from '@dxos/react-ui-board';\nimport { translationKey } from '@dxos/react-ui-board/translations';\nimport { ObjectPicker, type ObjectPickerContentProps } from '@dxos/react-ui-form';\nimport { isNonNullable } from '@dxos/util';\n\nimport { type Board as BoardType } from '#types';\n\ntype Position = { x: number; y: number };\n\nconst DEFAULT_POSITION: Position = { x: 0, y: 0 };\n\n// Legacy boards stored cells with a centre origin (signed coords); the engine is 0-based, so shift all\n// cells to non-negative before handing them to the component. Freshly-created boards are already 0-based.\nconst normalizeCells = (cells: BoardType.Board['layout']['cells']): Layout['items'] => {\n  const values = Object.values(cells);\n  const minX = Math.min(0, ...values.map((cell) => cell.x));\n  const minY = Math.min(0, ...values.map((cell) => cell.y));\n  if (minX === 0 && minY === 0) {\n    return cells;\n  }\n  return Object.fromEntries(\n    Object.entries(cells).map(([id, cell]) => [id, { ...cell, x: cell.x - minX, y: cell.y - minY }]),\n  );\n};\n\nexport type BoardArticleProps = AppSurface.ObjectArticleProps<BoardType.Board>;\n\nexport const BoardArticle = ({ role, subject: board, attendableId }: BoardArticleProps) => {\n  const { t } = useTranslation(translationKey);\n  const { hasAttention } = useAttention(attendableId);\n  const db = Obj.getDatabase(board);\n  const [boardItems] = useObject(board, 'items');\n  const itemsAtom = useMemo(\n    () =>\n      Atom.make((get) => {\n        const result: Obj.Unknown[] = [];\n        for (const ref of boardItems ?? []) {\n          const obj = get(Obj.atomReactive(ref));\n          if (obj) {\n            result.push(obj);\n          }\n        }\n        return result;\n      }),\n    [boardItems],\n  );\n  const items = useAtomValue(itemsAtom);\n\n  const controller = useRef<BoardController>(null);\n  const addTriggerRef = useRef<HTMLButtonElement | null>(null);\n  const [pickerState, setPickerState] = useState<{ position: Position } | null>(null);\n  const [zoom, setZoom] = useState(1);\n\n  const layout = useMemo<Layout>(() => ({ items: normalizeCells(board.layout.cells) }), [board.layout.cells]);\n  const bounds = useMemo(\n    () => ({ columns: board.layout.size.width, rows: board.layout.size.height }),\n    [board.layout.size.width, board.layout.size.height],\n  );\n\n  // TODO(burdon): Use search.\n  const objects = useQuery(db, 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          return label ? { id: obj.id, label, hue: 'neutral' as const } : undefined;\n        })\n        .filter(isNonNullable)\n        .sort(({ label: a }, { label: b }) => a.toLocaleLowerCase().localeCompare(b.toLocaleLowerCase())),\n    [objects, board.id],\n  );\n\n  const handleChange = useCallback<NonNullable<BoardRootProps['onChange']>>(\n    (next) => {\n      Obj.update(board, (board) => {\n        board.layout.cells = next.items;\n      });\n    },\n    [board],\n  );\n\n  // Backdrop \"+\" supplies a position → create a new Markdown document directly.\n  const handleAdd = useCallback<NonNullable<BoardRootProps['onAdd']>>(\n    (position) => {\n      const db = Obj.getDatabase(board);\n      invariant(db);\n      const doc = db.add(Markdown.make());\n      Obj.update(board, (board) => {\n        board.items.push(Ref.make(doc));\n        board.layout.cells[doc.id.toString()] = 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) => {\n        const echoUri = EID.tryParse(ref.uri);\n        return (echoUri ? EID.getEntityId(echoUri) : undefined) === id;\n      });\n      Obj.update(board, (board) => {\n        if (idx !== -1) {\n          board.items.splice(idx, 1);\n        }\n        delete board.layout.cells[id];\n      });\n    },\n    [board],\n  );\n\n  // Toolbar \"+\" adds an existing object via the picker.\n  const handleSelect = useCallback<NonNullable<ObjectPickerContentProps['onSelect']>>(\n    (id) => {\n      const position = pickerState?.position ?? DEFAULT_POSITION;\n      const selected = objects.find((obj) => obj.id === id);\n      if (!Obj.isObject(selected)) {\n        return;\n      }\n      Obj.update(board, (board) => {\n        board.items.push(Ref.make(selected));\n        board.layout.cells[selected.id.toString()] = position;\n      });\n      setPickerState(null);\n    },\n    [pickerState, objects, board],\n  );\n\n  return (\n    <ObjectPicker.Root\n      open={!!pickerState}\n      onOpenChange={(next: boolean) => setPickerState(next ? { position: DEFAULT_POSITION } : null)}\n    >\n      <Board.Root\n        ref={controller}\n        layout={layout}\n        bounds={bounds}\n        mode='float'\n        resolver={resizeToFit}\n        zoom={zoom}\n        onChange={handleChange}\n        onAdd={handleAdd}\n        onDelete={handleDelete}\n      >\n        <Panel.Root role={role}>\n          {/* TODO(burdon): Migrate to Menu.Root + useMenuActions (threading attendableId). */}\n          <Panel.Toolbar asChild>\n            <Toolbar.Root>\n              <Toolbar.IconButton\n                icon='ph--crosshair--regular'\n                iconOnly\n                label={t('move-to-center.button')}\n                disabled={!hasAttention}\n                onClick={() => controller.current?.center()}\n              />\n              <Toolbar.IconButton\n                icon={zoom < 1 ? 'ph--arrows-in--regular' : 'ph--arrows-out--regular'}\n                iconOnly\n                label={t('toggle-zoom.button')}\n                disabled={!hasAttention}\n                onClick={() => setZoom((value) => (value < 1 ? 1 : 0.5))}\n              />\n              <Toolbar.IconButton\n                icon='ph--plus--regular'\n                iconOnly\n                label={t('add-object.button')}\n                disabled={!hasAttention}\n                onClick={(event) => {\n                  addTriggerRef.current = event.currentTarget as HTMLButtonElement;\n                  setPickerState({ position: DEFAULT_POSITION });\n                }}\n              />\n            </Toolbar.Root>\n          </Panel.Toolbar>\n          <Panel.Content asChild>\n            <Board.Container classNames='absolute inset-0'>\n              <Board.Viewport>\n                <Board.Backdrop />\n                <Board.Content>\n                  {items?.map((item) => {\n                    const itemLayout = layout.items[item.id];\n                    return itemLayout ? (\n                      <Board.Cell item={item} key={item.id} layout={itemLayout}>\n                        <Surface.Surface\n                          type={AppSurface.CardContent}\n                          data={{ subject: item, editable: true }}\n                          limit={1}\n                        />\n                      </Board.Cell>\n                    ) : null;\n                  })}\n                </Board.Content>\n              </Board.Viewport>\n              {/* Overview map (outlines the visible region), pinned to the corner over the board. */}\n              <Board.Map classNames='absolute bottom-2 right-2 z-10 w-40' />\n            </Board.Container>\n          </Panel.Content>\n        </Panel.Root>\n      </Board.Root>\n      <ObjectPicker.Content options={options} onSelect={handleSelect} classNames='dx-card-popover-width' />\n      <ObjectPicker.VirtualTrigger virtualRef={addTriggerRef} />\n    </ObjectPicker.Root>\n  );\n};\n\nBoardArticle.displayName = 'BoardArticle';\n"],"mappings":"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"}

package/dist/lib/chunk-create-object.mjs

@@ -0,0 +1,24 @@
+import { Capability } from "@dxos/app-framework";
+import { Type } from "@dxos/echo";
+import { Board } from "#types";
+import * as Effect from "effect/Effect";
+import { Operation } from "@dxos/compute";
+import { SpaceCapabilities, SpaceOperation } from "@dxos/plugin-space";
+//#region src/capabilities/create-object.ts
+var create_object_default = Capability.makeModule(Effect.fnUntraced(function* () {
+	return Capability.contributes(SpaceCapabilities.CreateObjectEntry, {
+		id: Type.getTypename(Board.Board),
+		createObject: (props, options) => Effect.gen(function* () {
+			const object = Board.makeBoard(props);
+			return yield* Operation.invoke(SpaceOperation.AddObject, {
+				object,
+				target: options.target,
+				targetNodeId: options.targetNodeId
+			});
+		})
+	});
+}));
+//#endregion
+export { create_object_default as default };
+
+//# sourceMappingURL=chunk-create-object.mjs.map

package/dist/lib/chunk-create-object.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"chunk-create-object.mjs","names":[],"sources":["../../src/capabilities/create-object.ts"],"sourcesContent":["//\n// Copyright 2023 DXOS.org\n//\n\nimport * as Effect from 'effect/Effect';\n\nimport { Capability } from '@dxos/app-framework';\nimport { Operation } from '@dxos/compute';\nimport { Type } from '@dxos/echo';\nimport { SpaceOperation } from '@dxos/plugin-space';\nimport { SpaceCapabilities } from '@dxos/plugin-space';\n\nimport { Board } from '#types';\n\nexport default Capability.makeModule(\n  Effect.fnUntraced(function* () {\n    return Capability.contributes(SpaceCapabilities.CreateObjectEntry, {\n      id: Type.getTypename(Board.Board),\n      createObject: (props, options) =>\n        Effect.gen(function* () {\n          const object = Board.makeBoard(props);\n          return yield* Operation.invoke(SpaceOperation.AddObject, {\n            object,\n            target: options.target,\n            targetNodeId: options.targetNodeId,\n          });\n        }),\n    });\n  }),\n);\n"],"mappings":";;;;;;;AAcA,IAAA,wBAAe,WAAW,WACxB,OAAO,WAAW,aAAa;CAC7B,OAAO,WAAW,YAAY,kBAAkB,mBAAmB;EACjE,IAAI,KAAK,YAAY,MAAM,KAAK;EAChC,eAAe,OAAO,YACpB,OAAO,IAAI,aAAa;GACtB,MAAM,SAAS,MAAM,UAAU,KAAK;GACpC,OAAO,OAAO,UAAU,OAAO,eAAe,WAAW;IACvD;IACA,QAAQ,QAAQ;IAChB,cAAc,QAAQ;GACxB,CAAC;EACH,CAAC;CACL,CAAC;AACH,CAAC,CACH"}

package/dist/lib/{neutral/chunk-TIEIAVKG.mjs → chunk-meta.mjs}

@@ -1,15 +1,12 @@
-// src/meta.ts
 import { Plugin } from "@dxos/app-framework";
-
-// dx.config.ts
 import { Config2 } from "@dxos/app-framework/config";
 import { trim } from "@dxos/util";
-var dx_config_default = Config2.make({
-  plugin: {
-    key: "org.dxos.plugin.board",
-    name: "Board",
-    author: "DXOS",
-    description: trim`
+//#region dx.config.ts
+var dx_config_default = Config2.make({ plugin: {
+	key: "org.dxos.plugin.board",
+	name: "Board",
+	author: "DXOS",
+	description: trim`
     Board is an infinite spatial canvas that lets you place any ECHO object — documents, tasks, notes, or rich media — anywhere on a two-dimensional grid.
     Items are arranged by dragging, resized freely, and removed from the canvas without deleting the underlying data, so the same object can appear on multiple boards simultaneously.
 
@@ -19,23 +16,19 @@ var dx_config_default = Config2.make({
     Board is designed as a lightweight composition layer: it imposes no schema on the objects it hosts and delegates rendering to each object's own Card surface, so every plugin contributes its own card representation automatically.
     This makes it ideal for dashboards, mood boards, project overviews, or any context where spatial relationships between heterogeneous objects carry meaning.
   `,
-    source: "https://github.com/dxos/dxos/tree/main/packages/plugins/plugin-board",
-    icon: {
-      key: "ph--squares-four--regular",
-      hue: "green"
-    },
-    spec: "PLUGIN.mdl",
-    screenshots: [],
-    tags: [
-      "labs"
-    ]
-  }
-});
-
-// src/meta.ts
+	source: "https://github.com/dxos/dxos/tree/main/packages/plugins/plugin-board",
+	icon: {
+		key: "ph--squares-four--regular",
+		hue: "green"
+	},
+	spec: "PLUGIN.mdl",
+	screenshots: [],
+	tags: ["labs"]
+} });
+//#endregion
+//#region src/meta.ts
 var meta = Plugin.getMetaFromConfig(dx_config_default);
+//#endregion
+export { meta as t };
 
-export {
-  meta
-};
-//# sourceMappingURL=chunk-TIEIAVKG.mjs.map
+//# sourceMappingURL=chunk-meta.mjs.map

package/dist/lib/chunk-meta.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"chunk-meta.mjs","names":[],"sources":["../../dx.config.ts","../../src/meta.ts"],"sourcesContent":["//\n// Copyright 2025 DXOS.org\n//\n\nimport { Config2 } from '@dxos/app-framework/config';\nimport { trim } from '@dxos/util';\n\nexport default Config2.make({\n  plugin: {\n    key: 'org.dxos.plugin.board',\n    name: 'Board',\n    author: 'DXOS',\n    description: trim`\n    Board is an infinite spatial canvas that lets you place any ECHO object — documents, tasks, notes, or rich media — anywhere on a two-dimensional grid.\n    Items are arranged by dragging, resized freely, and removed from the canvas without deleting the underlying data, so the same object can appear on multiple boards simultaneously.\n\n    Each board is itself an ECHO object, making it fully collaborative and conflict-free: all participants see live updates as peers add, move, or remove items in real time.\n    The canvas scales to any resolution, supports nested surfaces through the Composer slot system, and integrates naturally with other plugins via the shared ObjectPicker.\n\n    Board is designed as a lightweight composition layer: it imposes no schema on the objects it hosts and delegates rendering to each object's own Card surface, so every plugin contributes its own card representation automatically.\n    This makes it ideal for dashboards, mood boards, project overviews, or any context where spatial relationships between heterogeneous objects carry meaning.\n  `,\n    source: 'https://github.com/dxos/dxos/tree/main/packages/plugins/plugin-board',\n    icon: { key: 'ph--squares-four--regular', hue: 'green' },\n    spec: 'PLUGIN.mdl',\n    screenshots: [],\n    tags: ['labs'],\n  },\n});\n","//\n// Copyright 2023 DXOS.org\n//\n\nimport { Plugin } from '@dxos/app-framework';\n\nimport config from '../dx.config';\n\nexport const meta = Plugin.getMetaFromConfig(config);\n"],"mappings":";;;;AAOA,IAAA,oBAAe,QAAQ,KAAK,EAC1B,QAAQ;CACN,KAAK;CACL,MAAM;CACN,QAAQ;CACR,aAAa,IAAI;;;;;;;;;;CAUjB,QAAQ;CACR,MAAM;EAAE,KAAK;EAA6B,KAAK;CAAQ;CACvD,MAAM;CACN,aAAa,CAAC;CACd,MAAM,CAAC,MAAM;AACf,EACF,CAAC;;;ACpBD,IAAa,OAAO,OAAO,kBAAkB,iBAAM"}

package/dist/lib/chunk-react-surface.mjs

@@ -0,0 +1,21 @@
+import { Capabilities, Capability } from "@dxos/app-framework";
+import { Board } from "#types";
+import * as Effect from "effect/Effect";
+import { Surface } from "@dxos/app-framework/ui";
+import { AppSurface } from "@dxos/app-toolkit/ui";
+import { BoardArticle } from "#containers";
+//#region src/capabilities/react-surface.ts
+var react_surface_default = Capability.makeModule(() => Effect.succeed(Capability.contributes(Capabilities.ReactSurface, [Surface.create({
+	id: "root",
+	filter: AppSurface.oneOf(AppSurface.object(AppSurface.Article, Board.Board), AppSurface.object(AppSurface.Section, Board.Board)),
+	component: BoardArticle,
+	props: ({ role, data: { subject, attendableId } }) => ({
+		role,
+		subject,
+		attendableId
+	})
+})])));
+//#endregion
+export { react_surface_default as default };
+
+//# sourceMappingURL=chunk-react-surface.mjs.map

package/dist/lib/chunk-react-surface.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"chunk-react-surface.mjs","names":[],"sources":["../../src/capabilities/react-surface.ts"],"sourcesContent":["//\n// Copyright 2025 DXOS.org\n//\n\nimport * as Effect from 'effect/Effect';\n\nimport { Capabilities, Capability } from '@dxos/app-framework';\nimport { Surface } from '@dxos/app-framework/ui';\nimport { AppSurface } from '@dxos/app-toolkit/ui';\n\nimport { BoardArticle } from '#containers';\nimport { Board } from '#types';\n\nexport default Capability.makeModule(() =>\n  Effect.succeed(\n    Capability.contributes(Capabilities.ReactSurface, [\n      Surface.create({\n        id: 'root',\n        // TODO(wittjosiah): Split into multiple surfaces if this filter proves too strict for non-article roles.\n        filter: AppSurface.oneOf(\n          AppSurface.object(AppSurface.Article, Board.Board),\n          AppSurface.object(AppSurface.Section, Board.Board),\n        ),\n        component: BoardArticle,\n        props: ({ role, data: { subject, attendableId } }) => ({ role, subject, attendableId }),\n      }),\n    ]),\n  ),\n);\n"],"mappings":";;;;;;;AAaA,IAAA,wBAAe,WAAW,iBACxB,OAAO,QACL,WAAW,YAAY,aAAa,cAAc,CAChD,QAAQ,OAAO;CACb,IAAI;CAEJ,QAAQ,WAAW,MACjB,WAAW,OAAO,WAAW,SAAS,MAAM,KAAK,GACjD,WAAW,OAAO,WAAW,SAAS,MAAM,KAAK,CACnD;CACA,WAAW;CACX,QAAQ,EAAE,MAAM,MAAM,EAAE,SAAS,sBAAsB;EAAE;EAAM;EAAS;CAAa;AACvF,CAAC,CACH,CAAC,CACH,CACF"}

package/dist/lib/chunk-types.mjs

@@ -0,0 +1,41 @@
+import * as Schema from "effect/Schema";
+import { Annotation, DXN, Obj, Ref, Type } from "@dxos/echo";
+import { FormInputAnnotation, LabelAnnotation } from "@dxos/echo/Annotation";
+import { BoardLayout, defaultLayout } from "@dxos/react-ui-board";
+//#region \0rolldown/runtime.js
+var __defProp = Object.defineProperty;
+var __exportAll = (all, no_symbols) => {
+	let target = {};
+	for (var name in all) __defProp(target, name, {
+		get: all[name],
+		enumerable: true
+	});
+	if (!no_symbols) __defProp(target, Symbol.toStringTag, { value: "Module" });
+	return target;
+};
+//#endregion
+//#region src/types/Board.ts
+var Board_exports = /* @__PURE__ */ __exportAll({
+	Board: () => Board$1,
+	makeBoard: () => makeBoard
+});
+/**
+* Board and layout.
+*/
+var Board$1 = class extends Type.makeObject(DXN.make("org.dxos.type.board", "0.1.0"))(Schema.Struct({
+	name: Schema.String.pipe(Schema.optional),
+	items: Ref.Ref(Obj.Unknown).pipe(Schema.Array, FormInputAnnotation.set(false)),
+	layout: BoardLayout.pipe(FormInputAnnotation.set(false))
+}).pipe(LabelAnnotation.set(["name"]), Annotation.IconAnnotation.set({
+	icon: "ph--squares-four--regular",
+	hue: "green"
+}))) {};
+var makeBoard = (props = {}) => Obj.make(Board$1, {
+	items: [],
+	layout: defaultLayout,
+	...props
+});
+//#endregion
+export { Board_exports as t };
+
+//# sourceMappingURL=chunk-types.mjs.map

package/dist/lib/chunk-types.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"chunk-types.mjs","names":[],"sources":["../../src/types/Board.ts"],"sourcesContent":["//\n// Copyright 2025 DXOS.org\n//\n\nimport * as Schema from 'effect/Schema';\n\nimport { Annotation, DXN, Obj, Ref, Type } from '@dxos/echo';\nimport { FormInputAnnotation, LabelAnnotation } from '@dxos/echo/Annotation';\nimport { BoardLayout, defaultLayout } from '@dxos/react-ui-board';\n\n/**\n * Board and layout.\n */\nexport class Board extends Type.makeObject<Board>(DXN.make('org.dxos.type.board', '0.1.0'))(\n  Schema.Struct({\n    name: Schema.String.pipe(Schema.optional),\n    items: Ref.Ref(Obj.Unknown).pipe(Schema.Array, FormInputAnnotation.set(false)),\n    layout: BoardLayout.pipe(FormInputAnnotation.set(false)),\n  }).pipe(\n    LabelAnnotation.set(['name']),\n    Annotation.IconAnnotation.set({ icon: 'ph--squares-four--regular', hue: 'green' }),\n  ),\n) {}\n\nexport const makeBoard = (props: Partial<Obj.MakeProps<typeof Board>> = {}) =>\n  Obj.make(Board, {\n    items: [],\n    layout: defaultLayout,\n    ...props,\n  });\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAaA,IAAa,UAAb,cAA2B,KAAK,WAAkB,IAAI,KAAK,uBAAuB,OAAO,CAAC,CAAC,CACzF,OAAO,OAAO;CACZ,MAAM,OAAO,OAAO,KAAK,OAAO,QAAQ;CACxC,OAAO,IAAI,IAAI,IAAI,OAAO,CAAC,CAAC,KAAK,OAAO,OAAO,oBAAoB,IAAI,KAAK,CAAC;CAC7E,QAAQ,YAAY,KAAK,oBAAoB,IAAI,KAAK,CAAC;AACzD,CAAC,CAAC,CAAC,KACD,gBAAgB,IAAI,CAAC,MAAM,CAAC,GAC5B,WAAW,eAAe,IAAI;CAAE,MAAM;CAA6B,KAAK;AAAQ,CAAC,CACnF,CACF,CAAC,CAAC,CAAC;AAEH,IAAa,aAAa,QAA8C,CAAC,MACvE,IAAI,KAAK,SAAO;CACd,OAAO,CAAC;CACR,QAAQ;CACR,GAAG;AACL,CAAC"}

package/dist/lib/containers.mjs

@@ -0,0 +1,7 @@
+import { lazy } from "react";
+//#region src/containers/index.ts
+var BoardArticle = lazy(() => import("./chunk-BoardArticle.mjs"));
+//#endregion
+export { BoardArticle };
+
+//# sourceMappingURL=containers.mjs.map

package/dist/lib/containers.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"containers.mjs","names":[],"sources":["../../src/containers/index.ts"],"sourcesContent":["//\n// Copyright 2025 DXOS.org\n//\n\nimport { type ComponentType, lazy } from 'react';\n\nexport const BoardArticle: ComponentType<any> = lazy(() => import('./BoardArticle'));\n"],"mappings":";;AAMA,IAAa,eAAmC,WAAW,OAAO,2BAAiB"}

package/dist/lib/index.mjs

@@ -0,0 +1,3 @@
+import { t as Board_exports } from "./chunk-types.mjs";
+import { t as meta } from "./chunk-meta.mjs";
+export { Board_exports as Board, meta };

package/dist/lib/meta.mjs

@@ -0,0 +1,2 @@
+import { t as meta } from "./chunk-meta.mjs";
+export { meta };

package/dist/lib/plugin.mjs

@@ -0,0 +1,8 @@
+import { t as meta } from "./chunk-meta.mjs";
+import { Plugin } from "@dxos/app-framework";
+//#region src/plugin.ts
+var BoardPlugin = Plugin.lazy(meta, () => import("#plugin"));
+//#endregion
+export { BoardPlugin };
+
+//# sourceMappingURL=plugin.mjs.map

package/dist/lib/plugin.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"plugin.mjs","names":[],"sources":["../../src/plugin.ts"],"sourcesContent":["//\n// Copyright 2025 DXOS.org\n//\n\nimport { Plugin } from '@dxos/app-framework';\n\nimport { meta } from './meta';\n\nexport const BoardPlugin = Plugin.lazy(meta, () => import('#plugin'));\n"],"mappings":";;;AAQA,IAAa,cAAc,OAAO,KAAK,YAAY,OAAO,UAAU"}

package/dist/lib/translations.mjs

@@ -0,0 +1,22 @@
+import { Type } from "@dxos/echo";
+import { meta } from "#meta";
+import { Board } from "#types";
+//#region src/translations.ts
+var translations = [{ "en-US": {
+	[Type.getTypename(Board.Board)]: {
+		"typename.label": "Board",
+		"typename.label_zero": "Boards",
+		"typename.label_one": "Board",
+		"typename.label_other": "Boards",
+		"object-name.placeholder": "New board",
+		"add-object.label": "Add board",
+		"rename-object.label": "Rename board",
+		"delete-object.label": "Delete board",
+		"object-deleted.label": "Board deleted"
+	},
+	[meta.profile.key]: { "plugin.name": "Board" }
+} }];
+//#endregion
+export { translations };
+
+//# sourceMappingURL=translations.mjs.map

package/dist/lib/translations.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"translations.mjs","names":[],"sources":["../../src/translations.ts"],"sourcesContent":["//\n// Copyright 2023 DXOS.org\n//\n\nimport { Type } from '@dxos/echo';\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      [Type.getTypename(Board.Board)]: {\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        'add-object.label': 'Add board',\n        'rename-object.label': 'Rename board',\n        'delete-object.label': 'Delete board',\n        'object-deleted.label': 'Board deleted',\n      },\n      [meta.profile.key]: {\n        'plugin.name': 'Board',\n      },\n    },\n  },\n] as const satisfies Resource[];\n"],"mappings":";;;;AAUA,IAAa,eAAe,CAC1B,EACE,SAAS;EACN,KAAK,YAAY,MAAM,KAAK,IAAI;EAC/B,kBAAkB;EAClB,uBAAuB;EACvB,sBAAsB;EACtB,wBAAwB;EACxB,2BAA2B;EAC3B,oBAAoB;EACpB,uBAAuB;EACvB,uBAAuB;EACvB,wBAAwB;CAC1B;EACC,KAAK,QAAQ,MAAM,EAClB,eAAe,QACjB;AACF,EACF,CACF"}

package/dist/lib/types.mjs

@@ -0,0 +1,2 @@
+import { t as Board_exports } from "./chunk-types.mjs";
+export { Board_exports as Board };

package/dist/types/src/capabilities/create-object.d.ts

@@ -1,5 +1,5 @@
 import * as Effect from 'effect/Effect';
 import { Capability } from '@dxos/app-framework';
-declare const _default: (props: void) => Effect.Effect<Capability.Any, never, never>;
+declare const _default: (props: void) => Effect.Effect<Capability.Any, never, import("effect/Scope").Scope>;
 export default _default;
 //# sourceMappingURL=create-object.d.ts.map

package/dist/types/src/capabilities/react-surface.d.ts

@@ -1,5 +1,5 @@
 import * as Effect from 'effect/Effect';
 import { Capability } from '@dxos/app-framework';
-declare const _default: (props: void) => Effect.Effect<Capability.Any, never, never>;
+declare const _default: (props: void) => Effect.Effect<Capability.Any, never, import("effect/Scope").Scope>;
 export default _default;
 //# sourceMappingURL=react-surface.d.ts.map

package/dist/types/src/capabilities/react-surface.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"react-surface.d.ts","sourceRoot":"","sources":["../../../../src/capabilities/react-surface.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,MAAM,eAAe,CAAC;AAGxC,OAAO,EAAgB,UAAU,EAAE,MAAM,qBAAqB,CAAC"}
+{"version":3,"file":"react-surface.d.ts","sourceRoot":"","sources":["../../../../src/capabilities/react-surface.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,MAAM,eAAe,CAAC;AAExC,OAAO,EAAgB,UAAU,EAAE,MAAM,qBAAqB,CAAC"}

package/dist/types/src/containers/BoardArticle/BoardArticle.d.ts

@@ -2,5 +2,8 @@ import React from 'react';
 import { AppSurface } from '@dxos/app-toolkit/ui';
 import { type Board as BoardType } from '#types';
 export type BoardArticleProps = AppSurface.ObjectArticleProps<BoardType.Board>;
-export declare const BoardArticle: ({ role, subject: board, attendableId }: BoardArticleProps) => React.JSX.Element;
+export declare function BoardArticle({ role, subject: board, attendableId }: BoardArticleProps): React.JSX.Element;
+export declare namespace BoardArticle {
+    var displayName: string;
+}
 //# sourceMappingURL=BoardArticle.d.ts.map

package/dist/types/src/containers/BoardArticle/BoardArticle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BoardArticle.d.ts","sourceRoot":"","sources":["../../../../../src/containers/BoardArticle/BoardArticle.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAiD,MAAM,OAAO,CAAC;AAGtE,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAalD,OAAO,EAAE,KAAK,KAAK,IAAI,SAAS,EAAE,MAAM,QAAQ,CAAC;AAQjD,MAAM,MAAM,iBAAiB,GAAG,UAAU,CAAC,kBAAkB,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC;AAE/E,eAAO,MAAM,YAAY,2CAA4C,iBAAiB,sBA4JrF,CAAC"}
+{"version":3,"file":"BoardArticle.d.ts","sourceRoot":"","sources":["../../../../../src/containers/BoardArticle/BoardArticle.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAiD,MAAM,OAAO,CAAC;AAGtE,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAalD,OAAO,EAAE,KAAK,KAAK,IAAI,SAAS,EAAE,MAAM,QAAQ,CAAC;AAoBjD,MAAM,MAAM,iBAAiB,GAAG,UAAU,CAAC,kBAAkB,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC;qCAElD,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,YAAY,EAAE,EAAE,iBAAiB"}

package/dist/types/src/containers/BoardArticle/BoardArticle.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BoardArticle.stories.d.ts","sourceRoot":"","sources":["../../../../../src/containers/BoardArticle/BoardArticle.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAEtD,OAAO,KAA8B,MAAM,OAAO,CAAC;AAgEnD,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4CT,CAAC;eAEa,IAAI;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC"}
+{"version":3,"file":"BoardArticle.stories.d.ts","sourceRoot":"","sources":["../../../../../src/containers/BoardArticle/BoardArticle.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAEtD,OAAO,KAA8B,MAAM,OAAO,CAAC;AAiEnD,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4CT,CAAC;eAEa,IAAI;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC"}