@dxos/plugin-board 0.8.4-main.3eb6e50203 → 0.8.4-main.3fbcb4aa9b

package/src/translations.ts

@@ -4,24 +4,25 @@
 
 import { type Resource } from '@dxos/react-ui';
 
-import { meta } from './meta';
-import { Board } from './types';
+import { meta } from '#meta';
+import { Board } from '#types';
 
 export const translations = [
   {
     'en-US': {
       [Board.Board.typename]: {
-        'typename label': 'Board',
-        'typename label_zero': 'Boards',
-        'typename label_one': 'Board',
-        'typename label_other': 'Boards',
-        'object name placeholder': 'New board',
-        'rename object label': 'Rename board',
-        'delete object label': 'Delete board',
-        'object deleted label': 'Board deleted',
+        'typename.label': 'Board',
+        'typename.label_zero': 'Boards',
+        'typename.label_one': 'Board',
+        'typename.label_other': 'Boards',
+        'object-name.placeholder': 'New board',
+        'add-object.label': 'Add board',
+        'rename-object.label': 'Rename board',
+        'delete-object.label': 'Delete board',
+        'object-deleted.label': 'Board deleted',
       },
       [meta.id]: {
-        'plugin name': 'Board',
+        'plugin.name': 'Board',
       },
     },
   },

package/src/types/Board.ts

@@ -4,7 +4,7 @@
 
 import * as Schema from 'effect/Schema';
 
-import { Obj, Type } from '@dxos/echo';
+import { Annotation, Obj, Ref, Type } from '@dxos/echo';
 import { FormInputAnnotation, LabelAnnotation } from '@dxos/echo/internal';
 import { BoardLayout, defaultLayout } from '@dxos/react-ui-board';
 
@@ -13,14 +13,18 @@ import { BoardLayout, defaultLayout } from '@dxos/react-ui-board';
  */
 export const Board = Schema.Struct({
   name: Schema.String.pipe(Schema.optional),
-  items: Type.Ref(Type.Obj).pipe(Schema.Array, FormInputAnnotation.set(false)),
+  items: Ref.Ref(Obj.Unknown).pipe(Schema.Array, FormInputAnnotation.set(false)),
   layout: BoardLayout.pipe(FormInputAnnotation.set(false)),
 }).pipe(
   Type.object({
-    typename: 'dxos.org/type/Board',
+    typename: 'org.dxos.type.board',
     version: '0.1.0',
   }),
   LabelAnnotation.set(['name']),
+  Annotation.IconAnnotation.set({
+    icon: 'ph--squares-four--regular',
+    hue: 'green',
+  }),
 );
 
 export interface Board extends Schema.Schema.Type<typeof Board> {}

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

@@ -1,7 +0,0 @@
-{
-  "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/chunk-DCLJ4HOC.mjs

@@ -1,159 +0,0 @@
-// src/components/BoardContainer.tsx
-import React, { useCallback, useMemo, useRef, useState } from "react";
-import { Surface } from "@dxos/app-framework/ui";
-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 { Layout } 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 { 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: 63,
-      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.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-DCLJ4HOC.mjs.map

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

@@ -1,7 +0,0 @@
-{
-  "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 } from '@dxos/app-framework/ui';\nimport { type SurfaceComponentProps } from '@dxos/app-toolkit/ui';\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 { Layout } 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 { 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.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", "Layout", "useAttention", "Board", "ObjectPicker", "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/index.mjs

@@ -1,69 +0,0 @@
-import {
-  BoardContainer,
-  meta
-} from "./chunk-DCLJ4HOC.mjs";
-import {
-  Board_exports
-} from "./chunk-7VKDDGS7.mjs";
-
-// src/BoardPlugin.tsx
-import * as Effect from "effect/Effect";
-import { Plugin } from "@dxos/app-framework";
-import { AppPlugin } from "@dxos/app-toolkit";
-import { translations as boardTranslations } from "@dxos/react-ui-board";
-
-// src/capabilities/react-surface/index.ts
-import { Capability } from "@dxos/app-framework";
-var ReactSurface = Capability.lazy("ReactSurface", () => import("./react-surface-3ECZMYLQ.mjs"));
-
-// src/translations.ts
-var translations = [
-  {
-    "en-US": {
-      [Board_exports.Board.typename]: {
-        "typename label": "Board",
-        "typename label_zero": "Boards",
-        "typename label_one": "Board",
-        "typename label_other": "Boards",
-        "object name placeholder": "New board",
-        "rename object label": "Rename board",
-        "delete object label": "Delete board",
-        "object deleted label": "Board deleted"
-      },
-      [meta.id]: {
-        "plugin name": "Board"
-      }
-    }
-  }
-];
-
-// src/BoardPlugin.tsx
-var BoardPlugin = Plugin.define(meta).pipe(AppPlugin.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
-    }
-  }
-}), AppPlugin.addSchemaModule({
-  schema: [
-    Board_exports.Board
-  ]
-}), AppPlugin.addSurfaceModule({
-  activate: ReactSurface
-}), AppPlugin.addTranslationsModule({
-  translations: [
-    ...translations,
-    ...boardTranslations
-  ]
-}), Plugin.make);
-export {
-  Board_exports as Board,
-  BoardContainer,
-  BoardPlugin,
-  meta
-};
-//# sourceMappingURL=index.mjs.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "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 { Plugin } from '@dxos/app-framework';\nimport { AppPlugin } from '@dxos/app-toolkit';\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  AppPlugin.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  AppPlugin.addSchemaModule({ schema: [Board.Board] }),\n  AppPlugin.addSurfaceModule({ activate: ReactSurface }),\n  AppPlugin.addTranslationsModule({ translations: [...translations, ...boardTranslations] }),\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,cAAc;AACvB,SAASC,iBAAiB;AAE1B,SAASC,gBAAgBC,yBAAyB;;;ACLlD,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;;;;AFVK,IAAMC,cAAcC,OAAOC,OAAOC,IAAAA,EAAMC,KAC7CC,UAAUC,kBAAkB;EAC1BC,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,GACAZ,UAAUa,gBAAgB;EAAEC,QAAQ;IAACV,cAAMA;;AAAO,CAAA,GAClDJ,UAAUe,iBAAiB;EAAEC,UAAUC;AAAa,CAAA,GACpDjB,UAAUkB,sBAAsB;EAAEC,cAAc;OAAIA;OAAiBC;;AAAmB,CAAA,GACxFxB,OAAOyB,IAAI;",
-  "names": ["Effect", "Plugin", "AppPlugin", "translations", "boardTranslations", "Capability", "ReactSurface", "Capability", "lazy", "translations", "Board", "typename", "meta", "id", "BoardPlugin", "Plugin", "define", "meta", "pipe", "AppPlugin", "addMetadataModule", "metadata", "id", "Board", "typename", "icon", "iconHue", "createObject", "props", "sync", "makeBoard", "addToCollectionOnCreate", "addSchemaModule", "schema", "addSurfaceModule", "activate", "ReactSurface", "addTranslationsModule", "translations", "boardTranslations", "make"]
-}

package/dist/lib/browser/meta.json

@@ -1 +0,0 @@
-{"inputs":{"src/components/BoardContainer.tsx":{"bytes":18254,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework/ui","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","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/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":3371,"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/app-framework/ui","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":4168,"imports":[{"path":"effect/Effect","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/app-toolkit","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":3560},"dist/lib/browser/index.mjs":{"imports":[{"path":"dist/lib/browser/chunk-DCLJ4HOC.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/app-toolkit","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-3ECZMYLQ.mjs","kind":"dynamic-import"}],"exports":["Board","BoardContainer","BoardPlugin","meta"],"entryPoint":"src/index.ts","inputs":{"src/index.ts":{"bytesInOutput":0},"src/BoardPlugin.tsx":{"bytesInOutput":796},"src/capabilities/react-surface/index.ts":{"bytesInOutput":148},"src/capabilities/index.ts":{"bytesInOutput":0},"src/translations.ts":{"bytesInOutput":507}},"bytes":1801},"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-3ECZMYLQ.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":1656},"dist/lib/browser/react-surface-3ECZMYLQ.mjs":{"imports":[{"path":"dist/lib/browser/chunk-DCLJ4HOC.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/app-framework/ui","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":647}},"bytes":920},"dist/lib/browser/chunk-DCLJ4HOC.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":10435},"dist/lib/browser/chunk-DCLJ4HOC.mjs":{"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework/ui","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","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/util","kind":"import-statement","external":true},{"path":"@dxos/util","kind":"import-statement","external":true}],"exports":["BoardContainer","meta"],"inputs":{"src/components/BoardContainer.tsx":{"bytesInOutput":4311},"src/components/index.ts":{"bytesInOutput":0},"src/meta.ts":{"bytesInOutput":481}},"bytes":4927},"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-3ECZMYLQ.mjs

@@ -1,32 +0,0 @@
-import {
-  BoardContainer,
-  meta
-} from "./chunk-DCLJ4HOC.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 { Capabilities, Capability } from "@dxos/app-framework";
-import { Surface } from "@dxos/app-framework/ui";
-import { Obj } from "@dxos/echo";
-var react_surface_default = Capability.makeModule(() => Effect.succeed(Capability.contributes(Capabilities.ReactSurface, [
-  Surface.create({
-    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-3ECZMYLQ.mjs.map

package/dist/lib/browser/react-surface-3ECZMYLQ.mjs.map

@@ -1,7 +0,0 @@
-{
-  "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 { Capabilities, Capability } from '@dxos/app-framework';\nimport { Surface } from '@dxos/app-framework/ui';\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(Capabilities.ReactSurface, [\n      Surface.create({\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,cAAcC,kBAAkB;AACzC,SAASC,eAAe;AACxB,SAASC,WAAW;AAMpB,IAAA,wBAAeC,WAAWC,WAAW,MAC5BC,eACLF,WAAWG,YAAYC,aAAaC,cAAc;EAChDC,QAAQC,OAAO;IACbC,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", "Capabilities", "Capability", "Surface", "Obj", "Capability", "makeModule", "succeed", "contributes", "Capabilities", "ReactSurface", "Surface", "create", "id", "meta", "role", "filter", "data", "Obj", "instanceOf", "Board", "subject", "component", "BoardContainer"]
-}

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

@@ -1,7 +0,0 @@
-{
-  "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 } from '@dxos/app-framework/ui';\nimport { type SurfaceComponentProps } from '@dxos/app-toolkit/ui';\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 { Layout } 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 { 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.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", "Layout", "useAttention", "Board", "ObjectPicker", "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/node-esm/chunk-UGVRNKWV.mjs

@@ -1,37 +0,0 @@
-import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
-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-UGVRNKWV.mjs.map

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

@@ -1,7 +0,0 @@
-{
-  "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/node-esm/index.mjs

@@ -1,70 +0,0 @@
-import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
-import {
-  BoardContainer,
-  meta
-} from "./chunk-HICZFU5T.mjs";
-import {
-  Board_exports
-} from "./chunk-UGVRNKWV.mjs";
-
-// src/BoardPlugin.tsx
-import * as Effect from "effect/Effect";
-import { Plugin } from "@dxos/app-framework";
-import { AppPlugin } from "@dxos/app-toolkit";
-import { translations as boardTranslations } from "@dxos/react-ui-board";
-
-// src/capabilities/react-surface/index.ts
-import { Capability } from "@dxos/app-framework";
-var ReactSurface = Capability.lazy("ReactSurface", () => import("./react-surface-W7FPI7BR.mjs"));
-
-// src/translations.ts
-var translations = [
-  {
-    "en-US": {
-      [Board_exports.Board.typename]: {
-        "typename label": "Board",
-        "typename label_zero": "Boards",
-        "typename label_one": "Board",
-        "typename label_other": "Boards",
-        "object name placeholder": "New board",
-        "rename object label": "Rename board",
-        "delete object label": "Delete board",
-        "object deleted label": "Board deleted"
-      },
-      [meta.id]: {
-        "plugin name": "Board"
-      }
-    }
-  }
-];
-
-// src/BoardPlugin.tsx
-var BoardPlugin = Plugin.define(meta).pipe(AppPlugin.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
-    }
-  }
-}), AppPlugin.addSchemaModule({
-  schema: [
-    Board_exports.Board
-  ]
-}), AppPlugin.addSurfaceModule({
-  activate: ReactSurface
-}), AppPlugin.addTranslationsModule({
-  translations: [
-    ...translations,
-    ...boardTranslations
-  ]
-}), Plugin.make);
-export {
-  Board_exports as Board,
-  BoardContainer,
-  BoardPlugin,
-  meta
-};
-//# sourceMappingURL=index.mjs.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "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 { Plugin } from '@dxos/app-framework';\nimport { AppPlugin } from '@dxos/app-toolkit';\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  AppPlugin.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  AppPlugin.addSchemaModule({ schema: [Board.Board] }),\n  AppPlugin.addSurfaceModule({ activate: ReactSurface }),\n  AppPlugin.addTranslationsModule({ translations: [...translations, ...boardTranslations] }),\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,cAAc;AACvB,SAASC,iBAAiB;AAE1B,SAASC,gBAAgBC,yBAAyB;;;ACLlD,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;;;;AFVK,IAAMC,cAAcC,OAAOC,OAAOC,IAAAA,EAAMC,KAC7CC,UAAUC,kBAAkB;EAC1BC,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,GACAZ,UAAUa,gBAAgB;EAAEC,QAAQ;IAACV,cAAMA;;AAAO,CAAA,GAClDJ,UAAUe,iBAAiB;EAAEC,UAAUC;AAAa,CAAA,GACpDjB,UAAUkB,sBAAsB;EAAEC,cAAc;OAAIA;OAAiBC;;AAAmB,CAAA,GACxFxB,OAAOyB,IAAI;",
-  "names": ["Effect", "Plugin", "AppPlugin", "translations", "boardTranslations", "Capability", "ReactSurface", "Capability", "lazy", "translations", "Board", "typename", "meta", "id", "BoardPlugin", "Plugin", "define", "meta", "pipe", "AppPlugin", "addMetadataModule", "metadata", "id", "Board", "typename", "icon", "iconHue", "createObject", "props", "sync", "makeBoard", "addToCollectionOnCreate", "addSchemaModule", "schema", "addSurfaceModule", "activate", "ReactSurface", "addTranslationsModule", "translations", "boardTranslations", "make"]
-}