@dxos/plugin-board 0.8.4-main.2e9d522 → 0.8.4-main.548089c

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

@@ -0,0 +1,64 @@
+var __defProp = Object.defineProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+
+// src/types/Board.ts
+var Board_exports = {};
+__export(Board_exports, {
+  Board: () => Board,
+  Create: () => Create,
+  makeBoard: () => makeBoard
+});
+import * as Schema from "effect/Schema";
+import { Obj, Type } from "@dxos/echo";
+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: 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.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"
+}), LabelAnnotation.set([
+  "name"
+]));
+var makeBoard = (props = {}) => Obj.make(Board, {
+  items: [],
+  layout: defaultLayout,
+  ...props
+});
+var Create = class extends Schema.TaggedClass()(`${meta.id}/action/create`, {
+  input: Schema.Struct({
+    name: Schema.optional(Schema.String)
+  }),
+  output: Schema.Struct({
+    object: Board
+  })
+}) {
+};
+
+export {
+  meta,
+  Board_exports
+};
+//# 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-UDI6JPP5.mjs

@@ -0,0 +1,143 @@
+// 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/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";
+import { isNonNullable } from "@dxos/util";
+var __dxlog_file = "/__w/dxos/dxos/packages/plugins/plugin-board/src/components/BoardContainer.tsx";
+var DEFAULT_POSITION = {
+  x: 0,
+  y: 0
+};
+var BoardContainer = ({ board }) => {
+  var _effect = _useSignals();
+  try {
+    const controller = useRef(null);
+    const items = useSignalsMemo(() => board.items.map((ref) => ref.target).filter(isNonNullable), [
+      board
+    ]);
+    const addTriggerRef = useRef(null);
+    const [pickerState, setPickerState] = useState(null);
+    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: 64,
+        S: void 0,
+        A: [
+          "space",
+          ""
+        ]
+      });
+      addTriggerRef.current = anchor;
+      setPickerState({
+        position
+      });
+    }, [
+      board
+    ]);
+    const handleDelete = useCallback((id) => {
+      const idx = board.items.findIndex((ref) => ref.dxn.asEchoDXN()?.echoId === id);
+      if (idx !== -1) {
+        board.items.splice(idx, 1);
+      }
+      delete board.layout.cells[id];
+    }, [
+      board
+    ]);
+    const handleMove = useCallback((id, position) => {
+      const layout = board.layout.cells[id];
+      board.layout.cells[id] = {
+        ...layout,
+        ...position
+      };
+    }, [
+      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,
+      onAdd: handleAdd,
+      onDelete: handleDelete,
+      onMove: handleMove
+    }, /* @__PURE__ */ React.createElement(ObjectPicker.Root, {
+      open: !!pickerState,
+      onOpenChange: (nextOpen) => {
+        setPickerState(nextOpen ? {
+          position: DEFAULT_POSITION
+        } : null);
+      }
+    }, /* @__PURE__ */ React.createElement(StackItem.Content, {
+      toolbar: true
+    }, /* @__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,
+      key: index,
+      layout: board.layout?.cells[item.id] ?? {
+        x: 0,
+        y: 0
+      }
+    }, /* @__PURE__ */ React.createElement(Surface, {
+      role: "card--extrinsic",
+      data: {
+        subject: item
+      },
+      limit: 1
+    }))))))), /* @__PURE__ */ React.createElement(ObjectPicker.Content, {
+      options,
+      onSelect: handleSelect,
+      classNames: "popover-card-width"
+    }), /* @__PURE__ */ React.createElement(ObjectPicker.VirtualTrigger, {
+      virtualRef: addTriggerRef
+    })));
+  } finally {
+    _effect.f();
+  }
+};
+
+export {
+  BoardContainer
+};
+//# 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": "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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/browser/index.mjs

@@ -1,10 +1,13 @@
 import {
-  Board,
+  BoardContainer
+} from "./chunk-UDI6JPP5.mjs";
+import {
+  Board_exports,
   meta
-} from "./chunk-TDV6SJ64.mjs";
+} from "./chunk-6IYOP7JD.mjs";
 
 // src/BoardPlugin.tsx
-import { Capabilities, contributes, createIntent, defineModule, definePlugin, Events } from "@dxos/app-framework";
+import { Capabilities, Events, contributes, createIntent, defineModule, definePlugin } from "@dxos/app-framework";
 import { ClientEvents } from "@dxos/plugin-client";
 import { SpaceCapabilities } from "@dxos/plugin-space";
 import { defineObjectForm } from "@dxos/plugin-space/types";
@@ -12,14 +15,14 @@ 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-TDOZP647.mjs"));
-var ReactSurface = lazy(() => import("./react-surface-XFSXU2JJ.mjs"));
+var IntentResolver = lazy(() => import("./intent-resolver-MGJCQT3N.mjs"));
+var ReactSurface = lazy(() => import("./react-surface-PBKZGBFJ.mjs"));
 
 // src/translations.ts
 var translations = [
   {
     "en-US": {
-      [Board.Board.typename]: {
+      [Board_exports.Board.typename]: {
         "typename label": "Board",
         "typename label_zero": "Boards",
         "typename label_one": "Board",
@@ -36,50 +39,51 @@ var translations = [
 ];
 
 // src/BoardPlugin.tsx
-var BoardPlugin = () => {
-  return definePlugin(meta, [
-    defineModule({
-      id: `${meta.id}/module/translations`,
-      activatesOn: Events.SetupTranslations,
-      activate: () => contributes(Capabilities.Translations, [
-        ...translations,
-        ...boardTranslations
-      ])
-    }),
-    defineModule({
-      id: `${meta.id}/module/metadata`,
-      activatesOn: Events.SetupMetadata,
-      activate: () => (
-        // TODO(burdon): "Metadata" here seems non-descriptive; is this specifically for the type? ObjectMetadata?
-        contributes(Capabilities.Metadata, {
-          id: Board.Board.typename,
-          metadata: {
-            icon: "ph--squares-four--regular"
-          }
-        })
-      )
-    }),
-    defineModule({
-      id: `${meta.id}/module/object-form`,
-      activatesOn: ClientEvents.SetupSchema,
-      activate: () => contributes(SpaceCapabilities.ObjectForm, defineObjectForm({
-        objectSchema: Board.Board,
-        getIntent: () => createIntent(Board.Create)
-      }))
-    }),
-    defineModule({
-      id: `${meta.id}/module/react-surface`,
-      activatesOn: Events.SetupReactSurface,
-      activate: ReactSurface
-    }),
-    defineModule({
-      id: `${meta.id}/module/intent-resolver`,
-      activatesOn: Events.SetupIntentResolver,
-      activate: IntentResolver
-    })
-  ]);
-};
+var BoardPlugin = definePlugin(meta, () => [
+  defineModule({
+    id: `${meta.id}/module/translations`,
+    activatesOn: Events.SetupTranslations,
+    activate: () => contributes(Capabilities.Translations, [
+      ...translations,
+      ...boardTranslations
+    ])
+  }),
+  defineModule({
+    id: `${meta.id}/module/metadata`,
+    activatesOn: Events.SetupMetadata,
+    activate: () => (
+      // TODO(burdon): "Metadata" here seems non-descriptive; is this specifically for the type? ObjectMetadata?
+      contributes(Capabilities.Metadata, {
+        id: Board_exports.Board.typename,
+        metadata: {
+          icon: "ph--squares-four--regular",
+          iconHue: "green"
+        }
+      })
+    )
+  }),
+  defineModule({
+    id: `${meta.id}/module/object-form`,
+    activatesOn: ClientEvents.SetupSchema,
+    activate: () => contributes(SpaceCapabilities.ObjectForm, defineObjectForm({
+      objectSchema: Board_exports.Board,
+      getIntent: () => createIntent(Board_exports.Create)
+    }))
+  }),
+  defineModule({
+    id: `${meta.id}/module/react-surface`,
+    activatesOn: Events.SetupReactSurface,
+    activate: ReactSurface
+  }),
+  defineModule({
+    id: `${meta.id}/module/intent-resolver`,
+    activatesOn: Events.SetupIntentResolver,
+    activate: IntentResolver
+  })
+]);
 export {
+  Board_exports as Board,
+  BoardContainer,
   BoardPlugin,
   meta
 };

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, contributes, createIntent, defineModule, definePlugin, Events } 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 = () => {\n  return 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", "//\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,aAAaC,cAAcC,cAAcC,cAAcC,cAAc;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,MAAMA,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,cAAc,MAAA;AACzB,SAAOC,aAAaC,MAAM;IACxBC,aAAa;MACXC,IAAI,GAAGF,KAAKE,EAAE;MACdC,aAAaC,OAAOC;MACpBC,UAAU,MAAMC,YAAYC,aAAaC,cAAc;WAAIC;WAAiBC;OAAkB;IAChG,CAAA;IACAV,aAAa;MACXC,IAAI,GAAGF,KAAKE,EAAE;MACdC,aAAaC,OAAOQ;MACpBN,UAAU;;QAERC,YAAYC,aAAaK,UAAU;UACjCX,IAAIY,MAAMA,MAAMC;UAChBC,UAAU;YACRC,MAAM;UACR;QACF,CAAA;;IACJ,CAAA;IACAhB,aAAa;MACXC,IAAI,GAAGF,KAAKE,EAAE;MACdC,aAAae,aAAaC;MAC1Bb,UAAU,MACRC,YACEa,kBAAkBC,YAClBC,iBAAiB;QACfC,cAAcT,MAAMA;QACpBU,WAAW,MAAMC,aAAaX,MAAMY,MAAM;MAC5C,CAAA,CAAA;IAEN,CAAA;IACAzB,aAAa;MACXC,IAAI,GAAGF,KAAKE,EAAE;MACdC,aAAaC,OAAOuB;MACpBrB,UAAUsB;IACZ,CAAA;IACA3B,aAAa;MACXC,IAAI,GAAGF,KAAKE,EAAE;MACdC,aAAaC,OAAOyB;MACpBvB,UAAUwB;IACZ,CAAA;GACD;AACH;",
-  "names": ["Capabilities", "contributes", "createIntent", "defineModule", "definePlugin", "Events", "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-TDOZP647.mjs → intent-resolver-MGJCQT3N.mjs}

@@ -1,17 +1,17 @@
 import {
-  Board
-} from "./chunk-TDV6SJ64.mjs";
+  Board_exports
+} from "./chunk-6IYOP7JD.mjs";
 
 // src/capabilities/intent-resolver.ts
 import { Capabilities, contributes, createResolver } from "@dxos/app-framework";
 import { Obj } from "@dxos/echo";
-var intent_resolver_default = () => [
+var intent_resolver_default = (() => [
   contributes(Capabilities.IntentResolver, createResolver({
-    intent: Board.Create,
+    intent: Board_exports.Create,
     resolve: ({ name }) => {
       return {
         data: {
-          object: Obj.make(Board.Board, {
+          object: Obj.make(Board_exports.Board, {
             name,
             items: [],
             layout: {
@@ -26,8 +26,8 @@ var intent_resolver_default = () => [
       };
     }
   }))
-];
+]);
 export {
   intent_resolver_default as default
 };
-//# sourceMappingURL=intent-resolver-TDOZP647.mjs.map
+//# sourceMappingURL=intent-resolver-MGJCQT3N.mjs.map

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/capabilities/intent-resolver.ts"],
   "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport { Capabilities, contributes, createResolver } from '@dxos/app-framework';\nimport { Obj } from '@dxos/echo';\n\nimport { Board } from '../types';\n\nexport default () => [\n  contributes(\n    Capabilities.IntentResolver,\n    createResolver({\n      intent: Board.Create,\n      resolve: ({ name }) => {\n        return {\n          data: {\n            object: Obj.make(Board.Board, {\n              name,\n              items: [],\n              layout: {\n                size: {\n                  width: 5,\n                  height: 5,\n                },\n                cells: {},\n              },\n            }),\n          },\n        };\n      },\n    }),\n  ),\n];\n"],
-  "mappings": ";;;;;AAIA,SAASA,cAAcC,aAAaC,sBAAsB;AAC1D,SAASC,WAAW;AAIpB,IAAA,0BAAe,MAAM;EACnBC,YACEC,aAAaC,gBACbC,eAAe;IACbC,QAAQC,MAAMC;IACdC,SAAS,CAAC,EAAEC,KAAI,MAAE;AAChB,aAAO;QACLC,MAAM;UACJC,QAAQC,IAAIC,KAAKP,MAAMA,OAAO;YAC5BG;YACAK,OAAO,CAAA;YACPC,QAAQ;cACNC,MAAM;gBACJC,OAAO;gBACPC,QAAQ;cACV;cACAC,OAAO,CAAC;YACV;UACF,CAAA;QACF;MACF;IACF;EACF,CAAA,CAAA;;",
+  "mappings": ";;;;;AAIA,SAASA,cAAcC,aAAaC,sBAAsB;AAC1D,SAASC,WAAW;AAIpB,IAAA,2BAAe,MAAM;EACnBC,YACEC,aAAaC,gBACbC,eAAe;IACbC,QAAQC,cAAMC;IACdC,SAAS,CAAC,EAAEC,KAAI,MAAE;AAChB,aAAO;QACLC,MAAM;UACJC,QAAQC,IAAIC,KAAKP,cAAMA,OAAO;YAC5BG;YACAK,OAAO,CAAA;YACPC,QAAQ;cACNC,MAAM;gBACJC,OAAO;gBACPC,QAAQ;cACV;cACAC,OAAO,CAAC;YACV;UACF,CAAA;QACF;MACF;IACF;EACF,CAAA,CAAA;;",
   "names": ["Capabilities", "contributes", "createResolver", "Obj", "contributes", "Capabilities", "IntentResolver", "createResolver", "intent", "Board", "Create", "resolve", "name", "data", "object", "Obj", "make", "items", "layout", "size", "width", "height", "cells"]
 }

package/dist/lib/browser/meta.json

@@ -1 +1 @@
-{"inputs":{"src/meta.ts":{"bytes":1492,"imports":[],"format":"esm"},"src/types/schema.ts":{"bytes":3858,"imports":[{"path":"effect","kind":"import-statement","external":true},{"path":"@dxos/echo","kind":"import-statement","external":true},{"path":"@dxos/echo-schema","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":460,"imports":[{"path":"src/types/schema.ts","kind":"import-statement","original":"./schema"}],"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/components/BoardContainer.tsx":{"bytes":13860,"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"@preact/signals-react","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/echo","kind":"import-statement","external":true},{"path":"@dxos/invariant","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/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/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":7270,"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":547,"imports":[{"path":"src/meta.ts","kind":"import-statement","original":"./meta"},{"path":"src/BoardPlugin.tsx","kind":"import-statement","original":"./BoardPlugin"}],"format":"esm"}},"outputs":{"dist/lib/browser/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":5020},"dist/lib/browser/index.mjs":{"imports":[{"path":"dist/lib/browser/chunk-TDV6SJ64.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-TDOZP647.mjs","kind":"dynamic-import"},{"path":"dist/lib/browser/react-surface-XFSXU2JJ.mjs","kind":"dynamic-import"}],"exports":["BoardPlugin","meta"],"entryPoint":"src/index.ts","inputs":{"src/index.ts":{"bytesInOutput":0},"src/BoardPlugin.tsx":{"bytesInOutput":1684},"src/capabilities/index.ts":{"bytesInOutput":190},"src/translations.ts":{"bytesInOutput":450}},"bytes":2551},"dist/lib/browser/types/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":93},"dist/lib/browser/types/index.mjs":{"imports":[{"path":"dist/lib/browser/chunk-TDV6SJ64.mjs","kind":"import-statement"}],"exports":["Board"],"entryPoint":"src/types/index.ts","inputs":{},"bytes":104},"dist/lib/browser/intent-resolver-TDOZP647.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":1473},"dist/lib/browser/intent-resolver-TDOZP647.mjs":{"imports":[{"path":"dist/lib/browser/chunk-TDV6SJ64.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":580}},"bytes":771},"dist/lib/browser/react-surface-XFSXU2JJ.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":8304},"dist/lib/browser/react-surface-XFSXU2JJ.mjs":{"imports":[{"path":"dist/lib/browser/chunk-TDV6SJ64.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},{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"@preact/signals-react","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/echo","kind":"import-statement","external":true},{"path":"@dxos/invariant","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/react-ui-stack","kind":"import-statement","external":true},{"path":"@dxos/util","kind":"import-statement","external":true}],"exports":["default"],"entryPoint":"src/capabilities/react-surface.tsx","inputs":{"src/capabilities/react-surface.tsx":{"bytesInOutput":520},"src/components/BoardContainer.tsx":{"bytesInOutput":3587},"src/components/index.ts":{"bytesInOutput":0}},"bytes":4378},"dist/lib/browser/chunk-TDV6SJ64.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":2716},"dist/lib/browser/chunk-TDV6SJ64.mjs":{"imports":[{"path":"effect","kind":"import-statement","external":true},{"path":"@dxos/echo","kind":"import-statement","external":true},{"path":"@dxos/echo-schema","kind":"import-statement","external":true},{"path":"@dxos/react-ui-board","kind":"import-statement","external":true}],"exports":["Board","meta"],"inputs":{"src/types/schema.ts":{"bytesInOutput":787},"src/meta.ts":{"bytesInOutput":324},"src/types/index.ts":{"bytesInOutput":0}},"bytes":1247}}}
+{"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-PBKZGBFJ.mjs

@@ -0,0 +1,30 @@
+import {
+  BoardContainer
+} from "./chunk-UDI6JPP5.mjs";
+import {
+  Board_exports,
+  meta
+} from "./chunk-6IYOP7JD.mjs";
+
+// src/capabilities/react-surface.tsx
+import React from "react";
+import { Capabilities, contributes, createSurface } from "@dxos/app-framework";
+import { Obj } from "@dxos/echo";
+var react_surface_default = ((context) => contributes(Capabilities.ReactSurface, [
+  createSurface({
+    id: meta.id,
+    role: [
+      "article",
+      "section"
+    ],
+    filter: (data) => Obj.instanceOf(Board_exports.Board, data.subject),
+    component: ({ data, role }) => /* @__PURE__ */ React.createElement(BoardContainer, {
+      board: data.subject,
+      role
+    })
+  })
+]));
+export {
+  react_surface_default as default
+};
+//# sourceMappingURL=react-surface-PBKZGBFJ.mjs.map

package/dist/lib/browser/react-surface-PBKZGBFJ.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/capabilities/react-surface.tsx"],
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport React from 'react';\n\nimport { Capabilities, type PluginContext, contributes, createSurface } from '@dxos/app-framework';\nimport { Obj } from '@dxos/echo';\n\nimport { BoardContainer } from '../components';\nimport { meta } from '../meta';\nimport { Board } from '../types';\n\nexport default (context: PluginContext) =>\n  contributes(Capabilities.ReactSurface, [\n    createSurface({\n      id: meta.id,\n      role: ['article', 'section'],\n      filter: (data): data is { subject: Board.Board } => Obj.instanceOf(Board.Board, data.subject),\n      component: ({ data, role }) => <BoardContainer board={data.subject} role={role} />,\n    }),\n  ]);\n"],
+  "mappings": ";;;;;;;;;AAIA,OAAOA,WAAW;AAElB,SAASC,cAAkCC,aAAaC,qBAAqB;AAC7E,SAASC,WAAW;AAMpB,IAAA,yBAAe,CAACC,YACdC,YAAYC,aAAaC,cAAc;EACrCC,cAAc;IACZC,IAAIC,KAAKD;IACTE,MAAM;MAAC;MAAW;;IAClBC,QAAQ,CAACC,SAA2CC,IAAIC,WAAWC,cAAMA,OAAOH,KAAKI,OAAO;IAC5FC,WAAW,CAAC,EAAEL,MAAMF,KAAI,MAAO,sBAAA,cAACQ,gBAAAA;MAAeC,OAAOP,KAAKI;MAASN;;EACtE,CAAA;CACD;",
+  "names": ["React", "Capabilities", "contributes", "createSurface", "Obj", "context", "contributes", "Capabilities", "ReactSurface", "createSurface", "id", "meta", "role", "filter", "data", "Obj", "instanceOf", "Board", "subject", "component", "BoardContainer", "board"]
+}

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

@@ -1,7 +1,7 @@
 import {
-  Board
-} from "../chunk-TDV6SJ64.mjs";
+  Board_exports
+} from "../chunk-6IYOP7JD.mjs";
 export {
-  Board
+  Board_exports as Board
 };
 //# sourceMappingURL=index.mjs.map