@dxos/plugin-board 0.8.4-main.7ace549 → 0.8.4-main.9735255

package/dist/lib/browser/chunk-2XGWSTZV.mjs

@@ -0,0 +1,159 @@
+// src/components/BoardContainer.tsx
+import React, { useCallback, useMemo, useRef, useState } from "react";
+import { Surface } from "@dxos/app-framework/react";
+import { Filter, Obj, Ref } from "@dxos/echo";
+import { useObject, useObjects } from "@dxos/echo-react";
+import { invariant } from "@dxos/invariant";
+import { useQuery } from "@dxos/react-client/echo";
+import { useAttention } from "@dxos/react-ui-attention";
+import { Board } from "@dxos/react-ui-board";
+import { ObjectPicker } from "@dxos/react-ui-form";
+import { Layout } from "@dxos/react-ui-mosaic";
+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 = ({ role, subject: board }) => {
+  const controller = useRef(null);
+  const [boardItems] = useObject(board, "items");
+  const items = useObjects(boardItems ?? []);
+  const addTriggerRef = useRef(null);
+  const [pickerState, setPickerState] = useState(null);
+  const attendableId = Obj.getDXN(board).toString();
+  const { hasAttention } = useAttention(attendableId);
+  const db = Obj.getDatabase(board);
+  const objects = useQuery(db, 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 db2 = Obj.getDatabase(board);
+    invariant(db2, void 0, {
+      F: __dxlog_file,
+      L: 62,
+      S: void 0,
+      A: [
+        "db",
+        ""
+      ]
+    });
+    addTriggerRef.current = anchor;
+    setPickerState({
+      position
+    });
+  }, [
+    board
+  ]);
+  const handleDelete = useCallback((id) => {
+    const idx = board.items.findIndex((ref) => ref.dxn.asEchoDXN()?.echoId === id);
+    Obj.change(board, (b) => {
+      if (idx !== -1) {
+        b.items.splice(idx, 1);
+      }
+      delete b.layout.cells[id];
+    });
+  }, [
+    board
+  ]);
+  const handleMove = useCallback((id, position) => {
+    const layout = board.layout.cells[id];
+    Obj.change(board, (b) => {
+      b.layout.cells[id] = {
+        ...layout,
+        ...position
+      };
+    });
+  }, [
+    board
+  ]);
+  const handleSelect = useCallback((id) => {
+    if (!pickerState) {
+      return;
+    }
+    const selectedObject = objects.find((obj) => obj.id === id);
+    if (!Obj.isObject(selectedObject)) {
+      return;
+    }
+    Obj.change(board, (b) => {
+      b.items.push(Ref.make(selectedObject));
+      b.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(Layout.Main, {
+    role,
+    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--content",
+    data: {
+      subject: item
+    },
+    limit: 1
+  }))))))), /* @__PURE__ */ React.createElement(ObjectPicker.Content, {
+    options,
+    onSelect: handleSelect,
+    classNames: "popover-card-width"
+  }), /* @__PURE__ */ React.createElement(ObjectPicker.VirtualTrigger, {
+    virtualRef: addTriggerRef
+  })));
+};
+
+// 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: []
+};
+
+export {
+  BoardContainer,
+  meta
+};
+//# sourceMappingURL=chunk-2XGWSTZV.mjs.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/BoardContainer.tsx", "../../../src/meta.ts"],
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport React, { useCallback, useMemo, useRef, useState } from 'react';\n\nimport { Surface, type SurfaceComponentProps } from '@dxos/app-framework/react';\nimport { Filter, Obj, Ref } from '@dxos/echo';\nimport { useObject, useObjects } from '@dxos/echo-react';\nimport { invariant } from '@dxos/invariant';\nimport { useQuery } from '@dxos/react-client/echo';\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 { Layout } from '@dxos/react-ui-mosaic';\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 = SurfaceComponentProps<BoardType.Board>;\n\nexport const BoardContainer = ({ role, subject: board }: BoardContainerProps) => {\n  const controller = useRef<BoardController>(null);\n  const [boardItems] = useObject(board, 'items');\n  const items = useObjects(boardItems ?? []);\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  const db = Obj.getDatabase(board);\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          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 db = Obj.getDatabase(board);\n      invariant(db);\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      Obj.change(board, (b) => {\n        if (idx !== -1) {\n          b.items.splice(idx, 1);\n        }\n        delete b.layout.cells[id];\n      });\n    },\n    [board],\n  );\n\n  const handleMove = useCallback<NonNullable<BoardRootProps['onMove']>>(\n    (id, position) => {\n      const layout = board.layout.cells[id];\n      Obj.change(board, (b) => {\n        b.layout.cells[id] = { ...layout, ...position };\n      });\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 (!Obj.isObject(selectedObject)) {\n        return;\n      }\n\n      // Create a reference to the selected object and add it to the board.\n      Obj.change(board, (b) => {\n        b.items.push(Ref.make(selectedObject));\n\n        // Set the layout position for the new item.\n        b.layout.cells[selectedObject.id.toString()] = pickerState.position;\n      });\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        <Layout.Main role={role} 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--content' data={{ subject: item }} limit={1} />\n                  </Board.Cell>\n                ))}\n              </Board.Content>\n            </Board.Viewport>\n          </Board.Container>\n        </Layout.Main>\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", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { type Plugin } from '@dxos/app-framework';\nimport { trim } from '@dxos/util';\n\nexport const meta: Plugin.Meta = {\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": "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",
+  "names": ["React", "useCallback", "useMemo", "useRef", "useState", "Surface", "Filter", "Obj", "Ref", "useObject", "useObjects", "invariant", "useQuery", "useAttention", "Board", "ObjectPicker", "Layout", "isNonNullable", "DEFAULT_POSITION", "x", "y", "BoardContainer", "role", "subject", "board", "controller", "boardItems", "items", "addTriggerRef", "pickerState", "setPickerState", "attendableId", "getDXN", "toString", "hasAttention", "db", "getDatabase", "objects", "everything", "options", "filter", "obj", "id", "map", "label", "getLabel", "hue", "sort", "a", "b", "toLocaleLowerCase", "localeCompare", "handleAdd", "anchor", "position", "current", "handleDelete", "idx", "findIndex", "ref", "dxn", "asEchoDXN", "echoId", "change", "splice", "layout", "cells", "handleMove", "handleSelect", "selectedObject", "find", "isObject", "push", "make", "Root", "onAdd", "onDelete", "onMove", "open", "onOpenChange", "nextOpen", "Main", "toolbar", "Toolbar", "disabled", "Container", "Viewport", "classNames", "Backdrop", "Content", "item", "index", "Cell", "key", "data", "limit", "onSelect", "VirtualTrigger", "virtualRef", "trim", "meta", "id", "name", "description", "trim", "icon", "iconHue", "source", "screenshots"]
+}

package/dist/lib/browser/chunk-7VKDDGS7.mjs

@@ -0,0 +1,36 @@
+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,
+  makeBoard: () => makeBoard
+});
+import * as Schema from "effect/Schema";
+import { Obj, Type } from "@dxos/echo";
+import { FormInputAnnotation, LabelAnnotation } from "@dxos/echo/internal";
+import { BoardLayout, defaultLayout } from "@dxos/react-ui-board";
+var Board = Schema.Struct({
+  name: Schema.String.pipe(Schema.optional),
+  items: Type.Ref(Type.Obj).pipe(Schema.Array, FormInputAnnotation.set(false)),
+  layout: BoardLayout.pipe(FormInputAnnotation.set(false))
+}).pipe(Type.object({
+  typename: "dxos.org/type/Board",
+  version: "0.1.0"
+}), LabelAnnotation.set([
+  "name"
+]));
+var makeBoard = (props = {}) => Obj.make(Board, {
+  items: [],
+  layout: defaultLayout,
+  ...props
+});
+
+export {
+  Board_exports
+};
+//# sourceMappingURL=chunk-7VKDDGS7.mjs.map

package/dist/lib/browser/chunk-7VKDDGS7.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/types/Board.ts"],
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport * as Schema from 'effect/Schema';\n\nimport { Obj, Type } from '@dxos/echo';\nimport { FormInputAnnotation, LabelAnnotation } from '@dxos/echo/internal';\nimport { BoardLayout, defaultLayout } from '@dxos/react-ui-board';\n\n/**\n * Board and layout.\n */\nexport const Board = Schema.Struct({\n  name: Schema.String.pipe(Schema.optional),\n  items: Type.Ref(Type.Obj).pipe(Schema.Array, FormInputAnnotation.set(false)),\n  layout: BoardLayout.pipe(FormInputAnnotation.set(false)),\n}).pipe(\n  Type.object({\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"],
+  "mappings": ";;;;;;;AAAA;;;;;AAIA,YAAYA,YAAY;AAExB,SAASC,KAAKC,YAAY;AAC1B,SAASC,qBAAqBC,uBAAuB;AACrD,SAASC,aAAaC,qBAAqB;AAKpC,IAAMC,QAAeC,cAAO;EACjCC,MAAaC,cAAOC,KAAYC,eAAQ;EACxCC,OAAOC,KAAKC,IAAID,KAAKE,GAAG,EAAEL,KAAYM,cAAOC,oBAAoBC,IAAI,KAAA,CAAA;EACrEC,QAAQC,YAAYV,KAAKO,oBAAoBC,IAAI,KAAA,CAAA;AACnD,CAAA,EAAGR,KACDG,KAAKQ,OAAO;EACVC,UAAU;EACVC,SAAS;AACX,CAAA,GACAC,gBAAgBN,IAAI;EAAC;CAAO,CAAA;AAKvB,IAAMO,YAAY,CAACC,QAA8C,CAAC,MACvEX,IAAIY,KAAKrB,OAAO;EACdM,OAAO,CAAA;EACPO,QAAQS;EACR,GAAGF;AACL,CAAA;",
+  "names": ["Schema", "Obj", "Type", "FormInputAnnotation", "LabelAnnotation", "BoardLayout", "defaultLayout", "Board", "Struct", "name", "String", "pipe", "optional", "items", "Type", "Ref", "Obj", "Array", "FormInputAnnotation", "set", "layout", "BoardLayout", "object", "typename", "version", "LabelAnnotation", "makeBoard", "props", "make", "defaultLayout"]
+}

package/dist/lib/browser/index.mjs

@@ -1,20 +1,19 @@
 import {
-  BoardContainer
-} from "./chunk-Q2FY5QDD.mjs";
-import {
-  Board_exports,
+  BoardContainer,
   meta
-} from "./chunk-BPWAJIIV.mjs";
+} from "./chunk-2XGWSTZV.mjs";
+import {
+  Board_exports
+} from "./chunk-7VKDDGS7.mjs";
 
 // src/BoardPlugin.tsx
-import { Capabilities, Events, contributes, createIntent, defineModule, definePlugin } from "@dxos/app-framework";
-import { ClientCapabilities, ClientEvents } from "@dxos/plugin-client";
+import * as Effect from "effect/Effect";
+import { Common, Plugin } from "@dxos/app-framework";
 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-N25TTBCB.mjs"));
-var ReactSurface = lazy(() => import("./react-surface-QP64T3BI.mjs"));
+// src/capabilities/react-surface/index.ts
+import { Capability } from "@dxos/app-framework";
+var ReactSurface = Capability.lazy("ReactSurface", () => import("./react-surface-BEYXCLXI.mjs"));
 
 // src/translations.ts
 var translations = [
@@ -38,49 +37,28 @@ var translations = [
 ];
 
 // src/BoardPlugin.tsx
-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",
-          creatObjectIntent: () => createIntent(Board_exports.Create),
-          addToCollectionOnCreate: true
-        }
-      })
-    )
-  }),
-  defineModule({
-    id: `${meta.id}/module/schema`,
-    activatesOn: ClientEvents.SetupSchema,
-    activate: () => contributes(ClientCapabilities.Schema, [
-      Board_exports.Board
-    ])
-  }),
-  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 = Plugin.define(meta).pipe(Common.Plugin.addTranslationsModule({
+  translations: [
+    ...translations,
+    ...boardTranslations
+  ]
+}), Common.Plugin.addMetadataModule({
+  metadata: {
+    id: Board_exports.Board.typename,
+    metadata: {
+      icon: "ph--squares-four--regular",
+      iconHue: "green",
+      createObject: (props) => Effect.sync(() => Board_exports.makeBoard(props)),
+      addToCollectionOnCreate: true
+    }
+  }
+}), Common.Plugin.addSchemaModule({
+  schema: [
+    Board_exports.Board
+  ]
+}), Common.Plugin.addSurfaceModule({
+  activate: ReactSurface
+}), Plugin.make);
 export {
   Board_exports as Board,
   BoardContainer,

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../../../src/BoardPlugin.tsx", "../../../src/capabilities/index.ts", "../../../src/translations.ts"],
-  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { Capabilities, Events, contributes, createIntent, defineModule, definePlugin } from '@dxos/app-framework';\nimport { ClientCapabilities, ClientEvents } from '@dxos/plugin-client';\nimport { type CreateObjectIntent } 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          creatObjectIntent: (() => createIntent(Board.Create)) satisfies CreateObjectIntent,\n          addToCollectionOnCreate: true,\n        },\n      }),\n  }),\n  defineModule({\n    id: `${meta.id}/module/schema`,\n    activatesOn: ClientEvents.SetupSchema,\n    activate: () => contributes(ClientCapabilities.Schema, [Board.Board]),\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        'object deleted label': 'Board deleted',\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,oBAAoBC,oBAAoB;AAEjD,SAASC,gBAAgBC,yBAAyB;;;ACHlD,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;QACvB,wBAAwB;MAC1B;MACA,CAACC,KAAKC,EAAE,GAAG;QACT,eAAe;MACjB;IACF;EACF;;;;AFZK,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;UACTC,mBAAoB,MAAMC,aAAaN,cAAMO,MAAM;UACnDC,yBAAyB;QAC3B;MACF,CAAA;;EACJ,CAAA;EACArB,aAAa;IACXC,IAAI,GAAGF,KAAKE,EAAE;IACdC,aAAaoB,aAAaC;IAC1BlB,UAAU,MAAMC,YAAYkB,mBAAmBC,QAAQ;MAACZ,cAAMA;KAAM;EACtE,CAAA;EACAb,aAAa;IACXC,IAAI,GAAGF,KAAKE,EAAE;IACdC,aAAaC,OAAOuB;IACpBrB,UAAUsB;EACZ,CAAA;EACA3B,aAAa;IACXC,IAAI,GAAGF,KAAKE,EAAE;IACdC,aAAaC,OAAOyB;IACpBvB,UAAUwB;EACZ,CAAA;CACD;",
-  "names": ["Capabilities", "Events", "contributes", "createIntent", "defineModule", "definePlugin", "ClientCapabilities", "ClientEvents", "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", "creatObjectIntent", "createIntent", "Create", "addToCollectionOnCreate", "ClientEvents", "SetupSchema", "ClientCapabilities", "Schema", "SetupReactSurface", "ReactSurface", "SetupIntentResolver", "IntentResolver"]
+  "sources": ["../../../src/BoardPlugin.tsx", "../../../src/capabilities/react-surface/index.ts", "../../../src/translations.ts"],
+  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport * as Effect from 'effect/Effect';\n\nimport { Common, Plugin } from '@dxos/app-framework';\nimport { type CreateObject } from '@dxos/plugin-space/types';\nimport { translations as boardTranslations } from '@dxos/react-ui-board';\n\nimport { ReactSurface } from './capabilities';\nimport { meta } from './meta';\nimport { translations } from './translations';\nimport { Board } from './types';\n\nexport const BoardPlugin = Plugin.define(meta).pipe(\n  Common.Plugin.addTranslationsModule({ translations: [...translations, ...boardTranslations] }),\n  Common.Plugin.addMetadataModule({\n    metadata: {\n      id: Board.Board.typename,\n      metadata: {\n        icon: 'ph--squares-four--regular',\n        iconHue: 'green',\n        createObject: ((props) => Effect.sync(() => Board.makeBoard(props))) satisfies CreateObject,\n        addToCollectionOnCreate: true,\n      },\n    },\n  }),\n  Common.Plugin.addSchemaModule({ schema: [Board.Board] }),\n  Common.Plugin.addSurfaceModule({ activate: ReactSurface }),\n  Plugin.make,\n);\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { Capability } from '@dxos/app-framework';\n\nexport const ReactSurface = Capability.lazy('ReactSurface', () => 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        'object deleted label': 'Board deleted',\n      },\n      [meta.id]: {\n        'plugin name': 'Board',\n      },\n    },\n  },\n] as const satisfies Resource[];\n"],
+  "mappings": ";;;;;;;;;AAIA,YAAYA,YAAY;AAExB,SAASC,QAAQC,cAAc;AAE/B,SAASC,gBAAgBC,yBAAyB;;;ACJlD,SAASC,kBAAkB;AAEpB,IAAMC,eAAeC,WAAWC,KAAK,gBAAgB,MAAM,OAAO,8BAAA,CAAA;;;ACGlE,IAAMC,eAAe;EAC1B;IACE,SAAS;MACP,CAACC,cAAMA,MAAMC,QAAQ,GAAG;QACtB,kBAAkB;QAClB,uBAAuB;QACvB,sBAAsB;QACtB,wBAAwB;QACxB,2BAA2B;QAC3B,uBAAuB;QACvB,uBAAuB;QACvB,wBAAwB;MAC1B;MACA,CAACC,KAAKC,EAAE,GAAG;QACT,eAAe;MACjB;IACF;EACF;;;;AFXK,IAAMC,cAAcC,OAAOC,OAAOC,IAAAA,EAAMC,KAC7CC,OAAOJ,OAAOK,sBAAsB;EAAEC,cAAc;OAAIA;OAAiBC;;AAAmB,CAAA,GAC5FH,OAAOJ,OAAOQ,kBAAkB;EAC9BC,UAAU;IACRC,IAAIC,cAAMA,MAAMC;IAChBH,UAAU;MACRI,MAAM;MACNC,SAAS;MACTC,cAAe,CAACC,UAAiBC,YAAK,MAAMN,cAAMO,UAAUF,KAAAA,CAAAA;MAC5DG,yBAAyB;IAC3B;EACF;AACF,CAAA,GACAf,OAAOJ,OAAOoB,gBAAgB;EAAEC,QAAQ;IAACV,cAAMA;;AAAO,CAAA,GACtDP,OAAOJ,OAAOsB,iBAAiB;EAAEC,UAAUC;AAAa,CAAA,GACxDxB,OAAOyB,IAAI;",
+  "names": ["Effect", "Common", "Plugin", "translations", "boardTranslations", "Capability", "ReactSurface", "Capability", "lazy", "translations", "Board", "typename", "meta", "id", "BoardPlugin", "Plugin", "define", "meta", "pipe", "Common", "addTranslationsModule", "translations", "boardTranslations", "addMetadataModule", "metadata", "id", "Board", "typename", "icon", "iconHue", "createObject", "props", "sync", "makeBoard", "addToCollectionOnCreate", "addSchemaModule", "schema", "addSurfaceModule", "activate", "ReactSurface", "make"]
 }

package/dist/lib/browser/meta.json

@@ -1 +1 @@
-{"inputs":{"src/components/BoardContainer.tsx":{"bytes":18294,"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":4620,"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":2463,"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":7014,"imports":[{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/plugin-client","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":4920},"dist/lib/browser/index.mjs":{"imports":[{"path":"dist/lib/browser/chunk-Q2FY5QDD.mjs","kind":"import-statement"},{"path":"dist/lib/browser/chunk-BPWAJIIV.mjs","kind":"import-statement"},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/plugin-client","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-N25TTBCB.mjs","kind":"dynamic-import"},{"path":"dist/lib/browser/react-surface-QP64T3BI.mjs","kind":"dynamic-import"}],"exports":["Board","BoardContainer","BoardPlugin","meta"],"entryPoint":"src/index.ts","inputs":{"src/index.ts":{"bytesInOutput":0},"src/BoardPlugin.tsx":{"bytesInOutput":1558},"src/capabilities/index.ts":{"bytesInOutput":190},"src/translations.ts":{"bytesInOutput":507}},"bytes":2591},"dist/lib/browser/types/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":93},"dist/lib/browser/types/index.mjs":{"imports":[{"path":"dist/lib/browser/chunk-BPWAJIIV.mjs","kind":"import-statement"}],"exports":["Board"],"entryPoint":"src/types/index.ts","inputs":{},"bytes":129},"dist/lib/browser/intent-resolver-N25TTBCB.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":1473},"dist/lib/browser/intent-resolver-N25TTBCB.mjs":{"imports":[{"path":"dist/lib/browser/chunk-BPWAJIIV.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-QP64T3BI.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":1429},"dist/lib/browser/react-surface-QP64T3BI.mjs":{"imports":[{"path":"dist/lib/browser/chunk-Q2FY5QDD.mjs","kind":"import-statement"},{"path":"dist/lib/browser/chunk-BPWAJIIV.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-Q2FY5QDD.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":9200},"dist/lib/browser/chunk-Q2FY5QDD.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":4592},"src/components/index.ts":{"bytesInOutput":0}},"bytes":4703},"dist/lib/browser/chunk-BPWAJIIV.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":3318},"dist/lib/browser/chunk-BPWAJIIV.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":1019},"src/meta.ts":{"bytesInOutput":481},"src/types/index.ts":{"bytesInOutput":0}},"bytes":1810}}}
+{"inputs":{"src/components/BoardContainer.tsx":{"bytes":18192,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework/react","kind":"import-statement","external":true},{"path":"@dxos/echo","kind":"import-statement","external":true},{"path":"@dxos/echo-react","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-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-mosaic","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":1963,"imports":[{"path":"@dxos/util","kind":"import-statement","external":true}],"format":"esm"},"src/types/Board.ts":{"bytes":3408,"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}],"format":"esm"},"src/types/index.ts":{"bytes":508,"imports":[{"path":"src/types/Board.ts","kind":"import-statement","original":"./Board"}],"format":"esm"},"src/capabilities/react-surface/react-surface.tsx":{"bytes":3230,"imports":[{"path":"effect/Effect","kind":"import-statement","external":true},{"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/react-surface/index.ts":{"bytes":909,"imports":[{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"src/capabilities/react-surface/react-surface.tsx","kind":"dynamic-import","original":"./react-surface"}],"format":"esm"},"src/capabilities/index.ts":{"bytes":486,"imports":[{"path":"src/capabilities/react-surface/index.ts","kind":"import-statement","original":"./react-surface"}],"format":"esm"},"src/translations.ts":{"bytes":2463,"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":4141,"imports":[{"path":"effect/Effect","kind":"import-statement","external":true},{"path":"@dxos/app-framework","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":3541},"dist/lib/browser/index.mjs":{"imports":[{"path":"dist/lib/browser/chunk-2XGWSTZV.mjs","kind":"import-statement"},{"path":"dist/lib/browser/chunk-7VKDDGS7.mjs","kind":"import-statement"},{"path":"effect/Effect","kind":"import-statement","external":true},{"path":"@dxos/app-framework","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/react-surface-BEYXCLXI.mjs","kind":"dynamic-import"}],"exports":["Board","BoardContainer","BoardPlugin","meta"],"entryPoint":"src/index.ts","inputs":{"src/index.ts":{"bytesInOutput":0},"src/BoardPlugin.tsx":{"bytesInOutput":773},"src/capabilities/react-surface/index.ts":{"bytesInOutput":148},"src/capabilities/index.ts":{"bytesInOutput":0},"src/translations.ts":{"bytesInOutput":507}},"bytes":1778},"dist/lib/browser/types/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":93},"dist/lib/browser/types/index.mjs":{"imports":[{"path":"dist/lib/browser/chunk-7VKDDGS7.mjs","kind":"import-statement"}],"exports":["Board"],"entryPoint":"src/types/index.ts","inputs":{},"bytes":129},"dist/lib/browser/react-surface-BEYXCLXI.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":1571},"dist/lib/browser/react-surface-BEYXCLXI.mjs":{"imports":[{"path":"dist/lib/browser/chunk-2XGWSTZV.mjs","kind":"import-statement"},{"path":"dist/lib/browser/chunk-7VKDDGS7.mjs","kind":"import-statement"},{"path":"effect/Effect","kind":"import-statement","external":true},{"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/react-surface.tsx","inputs":{"src/capabilities/react-surface/react-surface.tsx":{"bytesInOutput":602}},"bytes":875},"dist/lib/browser/chunk-2XGWSTZV.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":10393},"dist/lib/browser/chunk-2XGWSTZV.mjs":{"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework/react","kind":"import-statement","external":true},{"path":"@dxos/echo","kind":"import-statement","external":true},{"path":"@dxos/echo-react","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-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-mosaic","kind":"import-statement","external":true},{"path":"@dxos/util","kind":"import-statement","external":true},{"path":"@dxos/util","kind":"import-statement","external":true}],"exports":["BoardContainer","meta"],"inputs":{"src/components/BoardContainer.tsx":{"bytesInOutput":4313},"src/components/index.ts":{"bytesInOutput":0},"src/meta.ts":{"bytesInOutput":481}},"bytes":4929},"dist/lib/browser/chunk-7VKDDGS7.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":1865},"dist/lib/browser/chunk-7VKDDGS7.mjs":{"imports":[{"path":"effect/Schema","kind":"import-statement","external":true},{"path":"@dxos/echo","kind":"import-statement","external":true},{"path":"@dxos/echo/internal","kind":"import-statement","external":true},{"path":"@dxos/react-ui-board","kind":"import-statement","external":true}],"exports":["Board_exports"],"inputs":{"src/types/Board.ts":{"bytesInOutput":760},"src/types/index.ts":{"bytesInOutput":0}},"bytes":1023}}}

package/dist/lib/browser/react-surface-BEYXCLXI.mjs

@@ -0,0 +1,31 @@
+import {
+  BoardContainer,
+  meta
+} from "./chunk-2XGWSTZV.mjs";
+import {
+  Board_exports
+} from "./chunk-7VKDDGS7.mjs";
+
+// src/capabilities/react-surface/react-surface.tsx
+import * as Effect from "effect/Effect";
+import React from "react";
+import { Capability, Common } from "@dxos/app-framework";
+import { Obj } from "@dxos/echo";
+var react_surface_default = Capability.makeModule(() => Effect.succeed(Capability.contributes(Common.Capability.ReactSurface, [
+  Common.createSurface({
+    id: meta.id,
+    role: [
+      "article",
+      "section"
+    ],
+    filter: (data) => Obj.instanceOf(Board_exports.Board, data.subject),
+    component: ({ role, data }) => /* @__PURE__ */ React.createElement(BoardContainer, {
+      role,
+      subject: data.subject
+    })
+  })
+])));
+export {
+  react_surface_default as default
+};
+//# sourceMappingURL=react-surface-BEYXCLXI.mjs.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/capabilities/react-surface/react-surface.tsx"],
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport * as Effect from 'effect/Effect';\nimport React from 'react';\n\nimport { Capability, Common } 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 Capability.makeModule(() =>\n  Effect.succeed(\n    Capability.contributes(Common.Capability.ReactSurface, [\n      Common.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: ({ role, data }) => <BoardContainer role={role} subject={data.subject} />,\n      }),\n    ]),\n  ),\n);\n"],
+  "mappings": ";;;;;;;;;AAIA,YAAYA,YAAY;AACxB,OAAOC,WAAW;AAElB,SAASC,YAAYC,cAAc;AACnC,SAASC,WAAW;AAMpB,IAAA,wBAAeC,WAAWC,WAAW,MAC5BC,eACLF,WAAWG,YAAYC,OAAOJ,WAAWK,cAAc;EACrDD,OAAOE,cAAc;IACnBC,IAAIC,KAAKD;IACTE,MAAM;MAAC;MAAW;;IAClBC,QAAQ,CAACC,SAA2CC,IAAIC,WAAWC,cAAMA,OAAOH,KAAKI,OAAO;IAC5FC,WAAW,CAAC,EAAEP,MAAME,KAAI,MAAO,sBAAA,cAACM,gBAAAA;MAAeR;MAAYM,SAASJ,KAAKI;;EAC3E,CAAA;CACD,CAAA,CAAA;",
+  "names": ["Effect", "React", "Capability", "Common", "Obj", "Capability", "makeModule", "succeed", "contributes", "Common", "ReactSurface", "createSurface", "id", "meta", "role", "filter", "data", "Obj", "instanceOf", "Board", "subject", "component", "BoardContainer"]
+}

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

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