@dxos/plugin-masonry 0.8.4-main.2c6827d → 0.8.4-main.3eb6e50203

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/types/Masonry.ts", "../../../src/types/MasonryAction.ts"],
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport * as Schema from 'effect/Schema';\n\nimport { Obj, Ref, Type } from '@dxos/echo';\nimport { FormInputAnnotation, LabelAnnotation } from '@dxos/echo/internal';\nimport { View, ViewAnnotation } from '@dxos/schema';\n\nexport const Masonry = Schema.Struct({\n  name: Schema.String.pipe(Schema.optional),\n\n  view: Type.Ref(View.View).pipe(FormInputAnnotation.set(false)),\n\n  arrangement: Schema.Array(\n    Schema.Struct({\n      ids: Schema.Array(Obj.ID),\n      hidden: Schema.optional(Schema.Boolean),\n    }),\n  ).pipe(FormInputAnnotation.set(false), Schema.optional),\n  // TODO(wittjosiah): Consider Masonry supporting not being just a view but referencing arbitrary data directly.\n}).pipe(\n  Type.object({\n    typename: 'dxos.org/type/Masonry',\n    version: '0.2.0',\n  }),\n  LabelAnnotation.set(['name']),\n  ViewAnnotation.set(true),\n);\n\nexport interface Masonry extends Schema.Schema.Type<typeof Masonry> {}\n\ntype MakeProps = Omit<Partial<Obj.MakeProps<typeof Masonry>>, 'view'> & {\n  view: View.View;\n};\n\n/**\n * Make a masonry as a view of a data set.\n */\nexport const make = ({ name, arrangement = [], view }: MakeProps): Masonry => {\n  return Obj.make(Masonry, { name, view: Ref.make(view), arrangement });\n};\n\n//\n// V1\n//\n\nexport const MasonryV1 = Schema.Struct({\n  arrangement: Schema.Array(\n    Schema.Struct({\n      ids: Schema.Array(Obj.ID),\n      hidden: Schema.optional(Schema.Boolean),\n    }),\n  ).pipe(Schema.optional),\n}).pipe(\n  Type.object({\n    typename: 'dxos.org/type/Masonry',\n    version: '0.1.0',\n  }),\n);\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport * as Schema from 'effect/Schema';\n\nimport { TypeInputOptionsAnnotation } from '@dxos/plugin-space/types';\n\nexport const MasonryProps = Schema.Struct({\n  name: Schema.optional(Schema.String),\n  // TODO(wittjosiah): This should be a query input instead.\n  typename: Schema.String.pipe(\n    Schema.annotations({ title: 'Select card type' }),\n    TypeInputOptionsAnnotation.set({\n      location: ['database', 'runtime'],\n      kind: ['user'],\n      registered: ['registered'],\n    }),\n    Schema.optional,\n  ),\n});\n"],
+  "mappings": ";;;;;;;;AAAA;;;;;;AAIA,YAAYA,YAAY;AAExB,SAASC,KAAKC,KAAKC,YAAY;AAC/B,SAASC,qBAAqBC,uBAAuB;AACrD,SAASC,MAAMC,sBAAsB;AAE9B,IAAMC,UAAiBC,cAAO;EACnCC,MAAaC,cAAOC,KAAYC,eAAQ;EAExCC,MAAMC,KAAKC,IAAIC,KAAKA,IAAI,EAAEL,KAAKM,oBAAoBC,IAAI,KAAA,CAAA;EAEvDC,aAAoBC,aACXZ,cAAO;IACZa,KAAYD,aAAME,IAAIC,EAAE;IACxBC,QAAeZ,gBAAgBa,cAAO;EACxC,CAAA,CAAA,EACAd,KAAKM,oBAAoBC,IAAI,KAAA,GAAeN,eAAQ;AAExD,CAAA,EAAGD,KACDG,KAAKY,OAAO;EACVC,UAAU;EACVC,SAAS;AACX,CAAA,GACAC,gBAAgBX,IAAI;EAAC;CAAO,GAC5BY,eAAeZ,IAAI,IAAA,CAAA;AAYd,IAAMa,OAAO,CAAC,EAAEtB,MAAMU,cAAc,CAAA,GAAIN,KAAI,MAAa;AAC9D,SAAOS,IAAIS,KAAKxB,SAAS;IAAEE;IAAMI,MAAME,IAAIgB,KAAKlB,IAAAA;IAAOM;EAAY,CAAA;AACrE;AAMO,IAAMa,YAAmBxB,cAAO;EACrCW,aAAoBC,aACXZ,cAAO;IACZa,KAAYD,aAAME,IAAIC,EAAE;IACxBC,QAAeZ,gBAAgBa,cAAO;EACxC,CAAA,CAAA,EACAd,KAAYC,eAAQ;AACxB,CAAA,EAAGD,KACDG,KAAKY,OAAO;EACVC,UAAU;EACVC,SAAS;AACX,CAAA,CAAA;;;AC3DF;;;;AAIA,YAAYK,aAAY;AAExB,SAASC,kCAAkC;AAEpC,IAAMC,eAAsBC,eAAO;EACxCC,MAAaC,iBAAgBC,cAAM;;EAEnCC,UAAiBD,eAAOE,KACfC,oBAAY;IAAEC,OAAO;EAAmB,CAAA,GAC/CC,2BAA2BC,IAAI;IAC7BC,UAAU;MAAC;MAAY;;IACvBC,MAAM;MAAC;;IACPC,YAAY;MAAC;;EACf,CAAA,GACOV,gBAAQ;AAEnB,CAAA;",
+  "names": ["Schema", "Obj", "Ref", "Type", "FormInputAnnotation", "LabelAnnotation", "View", "ViewAnnotation", "Masonry", "Struct", "name", "String", "pipe", "optional", "view", "Type", "Ref", "View", "FormInputAnnotation", "set", "arrangement", "Array", "ids", "Obj", "ID", "hidden", "Boolean", "object", "typename", "version", "LabelAnnotation", "ViewAnnotation", "make", "MasonryV1", "Schema", "TypeInputOptionsAnnotation", "MasonryProps", "Struct", "name", "optional", "String", "typename", "pipe", "annotations", "title", "TypeInputOptionsAnnotation", "set", "location", "kind", "registered"]
+}

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

@@ -1,31 +1,37 @@
 import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
 import {
-  MasonryAction_exports,
-  Masonry_exports,
   meta
-} from "./chunk-K7UZDCYX.mjs";
+} from "./chunk-P6EZJITS.mjs";
+import {
+  MasonryAction_exports,
+  Masonry_exports
+} from "./chunk-YNA44I6R.mjs";
 
 // src/MasonryPlugin.tsx
-import { Capabilities, Events, contributes, createIntent, defineModule, definePlugin } from "@dxos/app-framework";
-import { ClientEvents } from "@dxos/plugin-client";
-import { SpaceCapabilities } from "@dxos/plugin-space";
-import { defineObjectForm } from "@dxos/plugin-space/types";
+import * as Effect from "effect/Effect";
+import { Plugin } from "@dxos/app-framework";
+import { AppPlugin } from "@dxos/app-toolkit";
+import { Type as Type2 } from "@dxos/echo";
+import { View } from "@dxos/schema";
 
-// src/capabilities/index.ts
-import { lazy } from "@dxos/app-framework";
-var ReactSurface = lazy(() => import("./react-surface-OUXYIQWW.mjs"));
-var IntentResolver = lazy(() => import("./intent-resolver-ABCXBMFV.mjs"));
+// src/capabilities/react-surface/index.ts
+import { Capability } from "@dxos/app-framework";
+var ReactSurface = Capability.lazy("ReactSurface", () => import("./react-surface-XG56AMA7.mjs"));
 
 // src/translations.ts
+import { Type } from "@dxos/echo";
 var translations = [
   {
     "en-US": {
-      [Masonry_exports.Masonry.typename]: {
+      [Type.getTypename(Masonry_exports.Masonry)]: {
         "typename label": "Masonry",
         "typename label_zero": "Masonries",
         "typename label_one": "Masonry",
         "typename label_other": "Masonries",
-        "object name placeholder": "New masonry"
+        "object name placeholder": "New masonry",
+        "rename object label": "Rename masonry",
+        "delete object label": "Delete masonry",
+        "object deleted label": "Masonry deleted"
       },
       [meta.id]: {
         "plugin name": "Masonry"
@@ -35,52 +41,34 @@ var translations = [
 ];
 
 // src/MasonryPlugin.tsx
-var MasonryPlugin = definePlugin(meta, () => [
-  defineModule({
-    id: `${meta.id}/module/translations`,
-    activatesOn: Events.SetupTranslations,
-    activate: () => contributes(Capabilities.Translations, translations)
-  }),
-  defineModule({
-    id: `${meta.id}/module/react-surface`,
-    activatesOn: Events.SetupReactSurface,
-    activate: ReactSurface
-  }),
-  defineModule({
-    id: `${meta.id}/module/metadata`,
-    activatesOn: Events.SetupMetadata,
-    activate: () => contributes(Capabilities.Metadata, {
-      id: Masonry_exports.Masonry.typename,
-      metadata: {
-        icon: "ph--wall--regular",
-        iconHue: "green"
-      }
-    })
-  }),
-  defineModule({
-    id: `${meta.id}/module/object-form`,
-    activatesOn: ClientEvents.SetupSchema,
-    activate: () => contributes(SpaceCapabilities.ObjectForm, defineObjectForm({
-      objectSchema: Masonry_exports.Masonry,
-      formSchema: MasonryAction_exports.MasonryProps,
-      hidden: true,
-      getIntent: (props, options) => createIntent(MasonryAction_exports.CreateMasonry, {
-        ...props,
-        space: options.space
+var MasonryPlugin = Plugin.define(meta).pipe(AppPlugin.addMetadataModule({
+  metadata: {
+    id: Type2.getTypename(Masonry_exports.Masonry),
+    metadata: {
+      icon: "ph--wall--regular",
+      iconHue: "green",
+      inputSchema: MasonryAction_exports.MasonryProps,
+      createObject: (props, { db }) => Effect.promise(async () => {
+        const { view } = await View.makeFromDatabase({
+          db,
+          typename: props.typename
+        });
+        return Masonry_exports.make({
+          name: props.name,
+          view
+        });
       })
-    }))
-  }),
-  defineModule({
-    id: `${meta.id}/module/react-surface`,
-    activatesOn: Events.SetupReactSurface,
-    activate: ReactSurface
-  }),
-  defineModule({
-    id: `${meta.id}/module/intent-resolver`,
-    activatesOn: Events.SetupIntentResolver,
-    activate: IntentResolver
-  })
-]);
+    }
+  }
+}), AppPlugin.addSchemaModule({
+  schema: [
+    Masonry_exports.Masonry
+  ]
+}), AppPlugin.addSurfaceModule({
+  activate: ReactSurface
+}), AppPlugin.addTranslationsModule({
+  translations
+}), Plugin.make);
 export {
   MasonryPlugin,
   meta

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../../../src/MasonryPlugin.tsx", "../../../src/capabilities/index.ts", "../../../src/translations.ts"],
-  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport { Capabilities, Events, contributes, createIntent, defineModule, definePlugin } from '@dxos/app-framework';\nimport { ClientEvents } from '@dxos/plugin-client';\nimport { SpaceCapabilities } from '@dxos/plugin-space';\nimport { defineObjectForm } from '@dxos/plugin-space/types';\n\nimport { IntentResolver, ReactSurface } from './capabilities';\nimport { meta } from './meta';\nimport { translations } from './translations';\nimport { Masonry, MasonryAction } from './types';\n\nexport const MasonryPlugin = definePlugin(meta, () => [\n  defineModule({\n    id: `${meta.id}/module/translations`,\n    activatesOn: Events.SetupTranslations,\n    activate: () => contributes(Capabilities.Translations, translations),\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/metadata`,\n    activatesOn: Events.SetupMetadata,\n    activate: () =>\n      contributes(Capabilities.Metadata, {\n        id: Masonry.Masonry.typename,\n        metadata: {\n          icon: 'ph--wall--regular',\n          iconHue: 'green',\n        },\n      }),\n  }),\n  defineModule({\n    id: `${meta.id}/module/object-form`,\n    activatesOn: ClientEvents.SetupSchema,\n    activate: () =>\n      contributes(\n        SpaceCapabilities.ObjectForm,\n        defineObjectForm({\n          objectSchema: Masonry.Masonry,\n          formSchema: MasonryAction.MasonryProps,\n          hidden: true,\n          getIntent: (props, options) => createIntent(MasonryAction.CreateMasonry, { ...props, space: options.space }),\n        }),\n      ),\n  }),\n  defineModule({\n    id: `${meta.id}/module/react-surface`,\n    activatesOn: Events.SetupReactSurface,\n    activate: ReactSurface,\n  }),\n  defineModule({\n    id: `${meta.id}/module/intent-resolver`,\n    activatesOn: Events.SetupIntentResolver,\n    activate: IntentResolver,\n  }),\n]);\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { lazy } from '@dxos/app-framework';\n\nexport const ReactSurface = lazy(() => import('./react-surface'));\nexport const IntentResolver = lazy(() => import('./intent-resolver'));\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { type Resource } from '@dxos/react-ui';\n\nimport { meta } from './meta';\nimport { Masonry } from './types';\n\nexport const translations = [\n  {\n    'en-US': {\n      [Masonry.Masonry.typename]: {\n        'typename label': 'Masonry',\n        'typename label_zero': 'Masonries',\n        'typename label_one': 'Masonry',\n        'typename label_other': 'Masonries',\n        'object name placeholder': 'New masonry',\n      },\n      [meta.id]: {\n        'plugin name': 'Masonry',\n      },\n    },\n  },\n] as const satisfies Resource[];\n"],
-  "mappings": ";;;;;;;;AAIA,SAASA,cAAcC,QAAQC,aAAaC,cAAcC,cAAcC,oBAAoB;AAC5F,SAASC,oBAAoB;AAC7B,SAASC,yBAAyB;AAClC,SAASC,wBAAwB;;;ACHjC,SAASC,YAAY;AAEd,IAAMC,eAAeC,KAAK,MAAM,OAAO,8BAAA,CAAA;AACvC,IAAMC,iBAAiBD,KAAK,MAAM,OAAO,gCAAA,CAAA;;;ACEzC,IAAME,eAAe;EAC1B;IACE,SAAS;MACP,CAACC,gBAAQA,QAAQC,QAAQ,GAAG;QAC1B,kBAAkB;QAClB,uBAAuB;QACvB,sBAAsB;QACtB,wBAAwB;QACxB,2BAA2B;MAC7B;MACA,CAACC,KAAKC,EAAE,GAAG;QACT,eAAe;MACjB;IACF;EACF;;;;AFTK,IAAMC,gBAAgBC,aAAaC,MAAM,MAAM;EACpDC,aAAa;IACXC,IAAI,GAAGF,KAAKE,EAAE;IACdC,aAAaC,OAAOC;IACpBC,UAAU,MAAMC,YAAYC,aAAaC,cAAcC,YAAAA;EACzD,CAAA;EACAT,aAAa;IACXC,IAAI,GAAGF,KAAKE,EAAE;IACdC,aAAaC,OAAOO;IACpBL,UAAUM;EACZ,CAAA;EACAX,aAAa;IACXC,IAAI,GAAGF,KAAKE,EAAE;IACdC,aAAaC,OAAOS;IACpBP,UAAU,MACRC,YAAYC,aAAaM,UAAU;MACjCZ,IAAIa,gBAAQA,QAAQC;MACpBC,UAAU;QACRC,MAAM;QACNC,SAAS;MACX;IACF,CAAA;EACJ,CAAA;EACAlB,aAAa;IACXC,IAAI,GAAGF,KAAKE,EAAE;IACdC,aAAaiB,aAAaC;IAC1Bf,UAAU,MACRC,YACEe,kBAAkBC,YAClBC,iBAAiB;MACfC,cAAcV,gBAAQA;MACtBW,YAAYC,sBAAcC;MAC1BC,QAAQ;MACRC,WAAW,CAACC,OAAOC,YAAYC,aAAaN,sBAAcO,eAAe;QAAE,GAAGH;QAAOI,OAAOH,QAAQG;MAAM,CAAA;IAC5G,CAAA,CAAA;EAEN,CAAA;EACAlC,aAAa;IACXC,IAAI,GAAGF,KAAKE,EAAE;IACdC,aAAaC,OAAOO;IACpBL,UAAUM;EACZ,CAAA;EACAX,aAAa;IACXC,IAAI,GAAGF,KAAKE,EAAE;IACdC,aAAaC,OAAOgC;IACpB9B,UAAU+B;EACZ,CAAA;CACD;",
-  "names": ["Capabilities", "Events", "contributes", "createIntent", "defineModule", "definePlugin", "ClientEvents", "SpaceCapabilities", "defineObjectForm", "lazy", "ReactSurface", "lazy", "IntentResolver", "translations", "Masonry", "typename", "meta", "id", "MasonryPlugin", "definePlugin", "meta", "defineModule", "id", "activatesOn", "Events", "SetupTranslations", "activate", "contributes", "Capabilities", "Translations", "translations", "SetupReactSurface", "ReactSurface", "SetupMetadata", "Metadata", "Masonry", "typename", "metadata", "icon", "iconHue", "ClientEvents", "SetupSchema", "SpaceCapabilities", "ObjectForm", "defineObjectForm", "objectSchema", "formSchema", "MasonryAction", "MasonryProps", "hidden", "getIntent", "props", "options", "createIntent", "CreateMasonry", "space", "SetupIntentResolver", "IntentResolver"]
+  "sources": ["../../../src/MasonryPlugin.tsx", "../../../src/capabilities/react-surface/index.ts", "../../../src/translations.ts"],
+  "sourcesContent": ["//\n// Copyright 2025 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 } from '@dxos/echo';\nimport { type CreateObject } from '@dxos/plugin-space/types';\nimport { View } from '@dxos/schema';\n\nimport { ReactSurface } from './capabilities';\nimport { meta } from './meta';\nimport { translations } from './translations';\nimport { Masonry, MasonryAction } from './types';\n\nexport const MasonryPlugin = Plugin.define(meta).pipe(\n  AppPlugin.addMetadataModule({\n    metadata: {\n      id: Type.getTypename(Masonry.Masonry),\n      metadata: {\n        icon: 'ph--wall--regular',\n        iconHue: 'green',\n        inputSchema: MasonryAction.MasonryProps,\n        createObject: ((props, { db }) =>\n          Effect.promise(async () => {\n            const { view } = await View.makeFromDatabase({ db, typename: props.typename });\n            return Masonry.make({ name: props.name, view });\n          })) satisfies CreateObject,\n      },\n    },\n  }),\n  AppPlugin.addSchemaModule({ schema: [Masonry.Masonry] }),\n  AppPlugin.addSurfaceModule({ activate: ReactSurface }),\n  AppPlugin.addTranslationsModule({ translations }),\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 } from '@dxos/echo';\nimport { type Resource } from '@dxos/react-ui';\n\nimport { meta } from './meta';\nimport { Masonry } from './types';\n\nexport const translations = [\n  {\n    'en-US': {\n      [Type.getTypename(Masonry.Masonry)]: {\n        'typename label': 'Masonry',\n        'typename label_zero': 'Masonries',\n        'typename label_one': 'Masonry',\n        'typename label_other': 'Masonries',\n        'object name placeholder': 'New masonry',\n        'rename object label': 'Rename masonry',\n        'delete object label': 'Delete masonry',\n        'object deleted label': 'Masonry deleted',\n      },\n      [meta.id]: {\n        'plugin name': 'Masonry',\n      },\n    },\n  },\n] as const satisfies Resource[];\n"],
+  "mappings": ";;;;;;;;;;AAIA,YAAYA,YAAY;AAExB,SAASC,cAAc;AACvB,SAASC,iBAAiB;AAC1B,SAASC,QAAAA,aAAY;AAErB,SAASC,YAAY;;;ACNrB,SAASC,kBAAkB;AAEpB,IAAMC,eAAeC,WAAWC,KAAK,gBAAgB,MAAM,OAAO,8BAAA,CAAA;;;ACFzE,SAASC,YAAY;AAMd,IAAMC,eAAe;EAC1B;IACE,SAAS;MACP,CAACC,KAAKC,YAAYC,gBAAQA,OAAO,CAAA,GAAI;QACnC,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,gBAAgBC,OAAOC,OAAOC,IAAAA,EAAMC,KAC/CC,UAAUC,kBAAkB;EAC1BC,UAAU;IACRC,IAAIC,MAAKC,YAAYC,gBAAQA,OAAO;IACpCJ,UAAU;MACRK,MAAM;MACNC,SAAS;MACTC,aAAaC,sBAAcC;MAC3BC,cAAe,CAACC,OAAO,EAAEC,GAAE,MAClBC,eAAQ,YAAA;AACb,cAAM,EAAEC,KAAI,IAAK,MAAMC,KAAKC,iBAAiB;UAAEJ;UAAIK,UAAUN,MAAMM;QAAS,CAAA;AAC5E,eAAOb,gBAAQc,KAAK;UAAEC,MAAMR,MAAMQ;UAAML;QAAK,CAAA;MAC/C,CAAA;IACJ;EACF;AACF,CAAA,GACAhB,UAAUsB,gBAAgB;EAAEC,QAAQ;IAACjB,gBAAQA;;AAAS,CAAA,GACtDN,UAAUwB,iBAAiB;EAAEC,UAAUC;AAAa,CAAA,GACpD1B,UAAU2B,sBAAsB;EAAEC;AAAa,CAAA,GAC/ChC,OAAOwB,IAAI;",
+  "names": ["Effect", "Plugin", "AppPlugin", "Type", "View", "Capability", "ReactSurface", "Capability", "lazy", "Type", "translations", "Type", "getTypename", "Masonry", "meta", "id", "MasonryPlugin", "Plugin", "define", "meta", "pipe", "AppPlugin", "addMetadataModule", "metadata", "id", "Type", "getTypename", "Masonry", "icon", "iconHue", "inputSchema", "MasonryAction", "MasonryProps", "createObject", "props", "db", "promise", "view", "View", "makeFromDatabase", "typename", "make", "name", "addSchemaModule", "schema", "addSurfaceModule", "activate", "ReactSurface", "addTranslationsModule", "translations"]
 }

package/dist/lib/node-esm/meta.json

@@ -1 +1 @@
-{"inputs":{"src/meta.ts":{"bytes":1970,"imports":[{"path":"@dxos/util","kind":"import-statement","external":true}],"format":"esm"},"src/components/MasonryContainer.tsx":{"bytes":9585,"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/echo","kind":"import-statement","external":true},{"path":"@dxos/echo/internal","kind":"import-statement","external":true},{"path":"@dxos/plugin-search","kind":"import-statement","external":true},{"path":"@dxos/react-client","kind":"import-statement","external":true},{"path":"@dxos/react-client/echo","kind":"import-statement","external":true},{"path":"@dxos/react-ui-masonry","kind":"import-statement","external":true},{"path":"@dxos/schema","kind":"import-statement","external":true}],"format":"esm"},"src/types/Masonry.ts":{"bytes":4763,"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/schema","kind":"import-statement","external":true}],"format":"esm"},"src/types/MasonryAction.ts":{"bytes":3507,"imports":[{"path":"effect/Schema","kind":"import-statement","external":true},{"path":"@dxos/react-client/echo","kind":"import-statement","external":true},{"path":"@dxos/schema","kind":"import-statement","external":true},{"path":"src/meta.ts","kind":"import-statement","original":"../meta"}],"format":"esm"},"src/types/index.ts":{"bytes":708,"imports":[{"path":"src/types/Masonry.ts","kind":"import-statement","original":"./Masonry"},{"path":"src/types/MasonryAction.ts","kind":"import-statement","original":"./MasonryAction"}],"format":"esm"},"src/capabilities/react-surface.tsx":{"bytes":3311,"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":"@dxos/schema","kind":"import-statement","external":true},{"path":"src/components/MasonryContainer.tsx","kind":"import-statement","original":"../components/MasonryContainer"},{"path":"src/meta.ts","kind":"import-statement","original":"../meta"},{"path":"src/types/index.ts","kind":"import-statement","original":"../types"}],"format":"esm"},"src/capabilities/intent-resolver.ts":{"bytes":3143,"imports":[{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/plugin-client","kind":"import-statement","external":true},{"path":"src/types/index.ts","kind":"import-statement","original":"../types"}],"format":"esm"},"src/capabilities/index.ts":{"bytes":1037,"imports":[{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"src/capabilities/react-surface.tsx","kind":"dynamic-import","original":"./react-surface"},{"path":"src/capabilities/intent-resolver.ts","kind":"dynamic-import","original":"./intent-resolver"}],"format":"esm"},"src/translations.ts":{"bytes":2098,"imports":[{"path":"src/meta.ts","kind":"import-statement","original":"./meta"},{"path":"src/types/index.ts","kind":"import-statement","original":"./types"}],"format":"esm"},"src/MasonryPlugin.tsx":{"bytes":7784,"imports":[{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/plugin-client","kind":"import-statement","external":true},{"path":"@dxos/plugin-space","kind":"import-statement","external":true},{"path":"@dxos/plugin-space/types","kind":"import-statement","external":true},{"path":"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":555,"imports":[{"path":"src/meta.ts","kind":"import-statement","original":"./meta"},{"path":"src/MasonryPlugin.tsx","kind":"import-statement","original":"./MasonryPlugin"}],"format":"esm"}},"outputs":{"dist/lib/node-esm/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":5112},"dist/lib/node-esm/index.mjs":{"imports":[{"path":"dist/lib/node-esm/chunk-K7UZDCYX.mjs","kind":"import-statement"},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/plugin-client","kind":"import-statement","external":true},{"path":"@dxos/plugin-space","kind":"import-statement","external":true},{"path":"@dxos/plugin-space/types","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"dist/lib/node-esm/react-surface-OUXYIQWW.mjs","kind":"dynamic-import"},{"path":"dist/lib/node-esm/intent-resolver-ABCXBMFV.mjs","kind":"dynamic-import"}],"exports":["MasonryPlugin","meta"],"entryPoint":"src/index.ts","inputs":{"src/index.ts":{"bytesInOutput":0},"src/MasonryPlugin.tsx":{"bytesInOutput":1683},"src/capabilities/index.ts":{"bytesInOutput":190},"src/translations.ts":{"bytesInOutput":382}},"bytes":2615},"dist/lib/node-esm/react-surface-OUXYIQWW.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":6517},"dist/lib/node-esm/react-surface-OUXYIQWW.mjs":{"imports":[{"path":"dist/lib/node-esm/chunk-K7UZDCYX.mjs","kind":"import-statement"},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/echo","kind":"import-statement","external":true},{"path":"@dxos/schema","kind":"import-statement","external":true},{"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/echo","kind":"import-statement","external":true},{"path":"@dxos/echo/internal","kind":"import-statement","external":true},{"path":"@dxos/plugin-search","kind":"import-statement","external":true},{"path":"@dxos/react-client","kind":"import-statement","external":true},{"path":"@dxos/react-client/echo","kind":"import-statement","external":true},{"path":"@dxos/react-ui-masonry","kind":"import-statement","external":true},{"path":"@dxos/schema","kind":"import-statement","external":true}],"exports":["default"],"entryPoint":"src/capabilities/react-surface.tsx","inputs":{"src/capabilities/react-surface.tsx":{"bytesInOutput":629},"src/components/MasonryContainer.tsx":{"bytesInOutput":2621}},"bytes":3625},"dist/lib/node-esm/intent-resolver-ABCXBMFV.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":1597},"dist/lib/node-esm/intent-resolver-ABCXBMFV.mjs":{"imports":[{"path":"dist/lib/node-esm/chunk-K7UZDCYX.mjs","kind":"import-statement"},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/plugin-client","kind":"import-statement","external":true}],"exports":["default"],"entryPoint":"src/capabilities/intent-resolver.ts","inputs":{"src/capabilities/intent-resolver.ts":{"bytesInOutput":634}},"bytes":952},"dist/lib/node-esm/chunk-K7UZDCYX.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":5182},"dist/lib/node-esm/chunk-K7UZDCYX.mjs":{"imports":[{"path":"@dxos/util","kind":"import-statement","external":true},{"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/schema","kind":"import-statement","external":true},{"path":"effect/Schema","kind":"import-statement","external":true},{"path":"@dxos/react-client/echo","kind":"import-statement","external":true},{"path":"@dxos/schema","kind":"import-statement","external":true}],"exports":["MasonryAction_exports","Masonry_exports","meta"],"inputs":{"src/meta.ts":{"bytesInOutput":482},"src/types/Masonry.ts":{"bytesInOutput":986},"src/types/MasonryAction.ts":{"bytesInOutput":931},"src/types/index.ts":{"bytesInOutput":0}},"bytes":2838}}}
+{"inputs":{"src/meta.ts":{"bytes":1966,"imports":[{"path":"@dxos/util","kind":"import-statement","external":true}],"format":"esm"},"src/components/MasonryContainer.tsx":{"bytes":8879,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework/ui","kind":"import-statement","external":true},{"path":"@dxos/app-toolkit","kind":"import-statement","external":true},{"path":"@dxos/echo","kind":"import-statement","external":true},{"path":"@dxos/plugin-search","kind":"import-statement","external":true},{"path":"@dxos/react-client/echo","kind":"import-statement","external":true},{"path":"@dxos/react-ui-masonry","kind":"import-statement","external":true},{"path":"@dxos/react-ui-mosaic","kind":"import-statement","external":true},{"path":"@dxos/schema","kind":"import-statement","external":true}],"format":"esm"},"src/types/Masonry.ts":{"bytes":5570,"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/schema","kind":"import-statement","external":true}],"format":"esm"},"src/types/MasonryAction.ts":{"bytes":2399,"imports":[{"path":"effect/Schema","kind":"import-statement","external":true},{"path":"@dxos/plugin-space/types","kind":"import-statement","external":true}],"format":"esm"},"src/types/index.ts":{"bytes":708,"imports":[{"path":"src/types/Masonry.ts","kind":"import-statement","original":"./Masonry"},{"path":"src/types/MasonryAction.ts","kind":"import-statement","original":"./MasonryAction"}],"format":"esm"},"src/capabilities/react-surface/react-surface.tsx":{"bytes":4234,"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":"@dxos/schema","kind":"import-statement","external":true},{"path":"src/components/MasonryContainer.tsx","kind":"import-statement","original":"../../components/MasonryContainer"},{"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":911,"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":488,"imports":[{"path":"src/capabilities/react-surface/index.ts","kind":"import-statement","original":"./react-surface"}],"format":"esm"},"src/translations.ts":{"bytes":2691,"imports":[{"path":"@dxos/echo","kind":"import-statement","external":true},{"path":"src/meta.ts","kind":"import-statement","original":"./meta"},{"path":"src/types/index.ts","kind":"import-statement","original":"./types"}],"format":"esm"},"src/MasonryPlugin.tsx":{"bytes":5024,"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/echo","kind":"import-statement","external":true},{"path":"@dxos/schema","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":555,"imports":[{"path":"src/meta.ts","kind":"import-statement","original":"./meta"},{"path":"src/MasonryPlugin.tsx","kind":"import-statement","original":"./MasonryPlugin"}],"format":"esm"}},"outputs":{"dist/lib/node-esm/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":4056},"dist/lib/node-esm/index.mjs":{"imports":[{"path":"dist/lib/node-esm/chunk-P6EZJITS.mjs","kind":"import-statement"},{"path":"dist/lib/node-esm/chunk-YNA44I6R.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/echo","kind":"import-statement","external":true},{"path":"@dxos/schema","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"dist/lib/node-esm/react-surface-XG56AMA7.mjs","kind":"dynamic-import"},{"path":"@dxos/echo","kind":"import-statement","external":true}],"exports":["MasonryPlugin","meta"],"entryPoint":"src/index.ts","inputs":{"src/index.ts":{"bytesInOutput":0},"src/MasonryPlugin.tsx":{"bytesInOutput":985},"src/capabilities/react-surface/index.ts":{"bytesInOutput":148},"src/capabilities/index.ts":{"bytesInOutput":0},"src/translations.ts":{"bytesInOutput":575}},"bytes":2121},"dist/lib/node-esm/types/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":93},"dist/lib/node-esm/types/index.mjs":{"imports":[{"path":"dist/lib/node-esm/chunk-YNA44I6R.mjs","kind":"import-statement"}],"exports":["Masonry","MasonryAction"],"entryPoint":"src/types/index.ts","inputs":{},"bytes":294},"dist/lib/node-esm/react-surface-XG56AMA7.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":6944},"dist/lib/node-esm/react-surface-XG56AMA7.mjs":{"imports":[{"path":"dist/lib/node-esm/chunk-P6EZJITS.mjs","kind":"import-statement"},{"path":"dist/lib/node-esm/chunk-YNA44I6R.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},{"path":"@dxos/schema","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework/ui","kind":"import-statement","external":true},{"path":"@dxos/app-toolkit","kind":"import-statement","external":true},{"path":"@dxos/echo","kind":"import-statement","external":true},{"path":"@dxos/plugin-search","kind":"import-statement","external":true},{"path":"@dxos/react-client/echo","kind":"import-statement","external":true},{"path":"@dxos/react-ui-masonry","kind":"import-statement","external":true},{"path":"@dxos/react-ui-mosaic","kind":"import-statement","external":true},{"path":"@dxos/schema","kind":"import-statement","external":true}],"exports":["default"],"entryPoint":"src/capabilities/react-surface/react-surface.tsx","inputs":{"src/capabilities/react-surface/react-surface.tsx":{"bytesInOutput":865},"src/components/MasonryContainer.tsx":{"bytesInOutput":2252}},"bytes":3559},"dist/lib/node-esm/chunk-P6EZJITS.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":950},"dist/lib/node-esm/chunk-P6EZJITS.mjs":{"imports":[{"path":"@dxos/util","kind":"import-statement","external":true}],"exports":["meta"],"inputs":{"src/meta.ts":{"bytesInOutput":482}},"bytes":654},"dist/lib/node-esm/chunk-YNA44I6R.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":4068},"dist/lib/node-esm/chunk-YNA44I6R.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/schema","kind":"import-statement","external":true},{"path":"effect/Schema","kind":"import-statement","external":true},{"path":"@dxos/plugin-space/types","kind":"import-statement","external":true}],"exports":["MasonryAction_exports","Masonry_exports"],"inputs":{"src/types/Masonry.ts":{"bytesInOutput":1215},"src/types/index.ts":{"bytesInOutput":0},"src/types/MasonryAction.ts":{"bytesInOutput":640}},"bytes":2270}}}

package/dist/lib/node-esm/react-surface-XG56AMA7.mjs

@@ -0,0 +1,96 @@
+import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
+import {
+  meta
+} from "./chunk-P6EZJITS.mjs";
+import {
+  Masonry_exports
+} from "./chunk-YNA44I6R.mjs";
+
+// src/capabilities/react-surface/react-surface.tsx
+import * as Effect from "effect/Effect";
+import React2 from "react";
+import { Capabilities, Capability } from "@dxos/app-framework";
+import { Surface as Surface2 } from "@dxos/app-framework/ui";
+import { Obj as Obj2 } from "@dxos/echo";
+import { View } from "@dxos/schema";
+
+// src/components/MasonryContainer.tsx
+import React, { useEffect, useState } from "react";
+import { Surface, useCapabilities } from "@dxos/app-framework/ui";
+import { AppCapabilities } from "@dxos/app-toolkit";
+import { Filter, Obj, Type } from "@dxos/echo";
+import { useGlobalFilteredObjects } from "@dxos/plugin-search";
+import { useObject, useQuery } from "@dxos/react-client/echo";
+import { Masonry as MasonryComponent } from "@dxos/react-ui-masonry";
+import { Card } from "@dxos/react-ui-mosaic";
+import { getTypenameFromQuery } from "@dxos/schema";
+var MasonryContainer = ({ view: viewOrRef, role: _role }) => {
+  const [view] = useObject(viewOrRef);
+  const schemas = useCapabilities(AppCapabilities.Schema);
+  const db = view && Obj.getDatabase(view);
+  const typename = view?.query ? getTypenameFromQuery(view.query.ast) : void 0;
+  const [cardSchema, setCardSchema] = useState();
+  useEffect(() => {
+    const staticSchema = schemas.flat().find((schema) => Type.getTypename(schema) === typename);
+    if (staticSchema) {
+      setCardSchema(() => staticSchema);
+    }
+    if (!staticSchema && typename && db) {
+      const query = db.schemaRegistry.query({
+        typename
+      });
+      const unsubscribe = query.subscribe(() => {
+        const [schema] = query.results;
+        if (schema) {
+          setCardSchema(schema);
+        }
+      }, {
+        fire: true
+      });
+      return unsubscribe;
+    }
+  }, [
+    schemas,
+    typename,
+    db
+  ]);
+  const objects = useQuery(db, cardSchema ? Filter.type(cardSchema) : Filter.nothing());
+  const filteredObjects = useGlobalFilteredObjects(objects);
+  return /* @__PURE__ */ React.createElement(MasonryComponent.Root, {
+    items: filteredObjects,
+    render: Item,
+    classNames: "is-full max-is-full bs-full max-bs-full overflow-y-auto p-4"
+  });
+};
+var Item = ({ data }) => {
+  return /* @__PURE__ */ React.createElement(Card.Root, null, /* @__PURE__ */ React.createElement(Card.Toolbar, null, /* @__PURE__ */ React.createElement("span", null), /* @__PURE__ */ React.createElement(Card.Title, null, Obj.getLabel(data)), /* @__PURE__ */ React.createElement(Card.Menu, null)), /* @__PURE__ */ React.createElement(Surface.Surface, {
+    role: "card--content",
+    limit: 1,
+    data: {
+      subject: data
+    }
+  }));
+};
+
+// src/capabilities/react-surface/react-surface.tsx
+var react_surface_default = Capability.makeModule(() => Effect.succeed(Capability.contributes(Capabilities.ReactSurface, [
+  Surface2.create({
+    id: meta.id,
+    role: [
+      "article",
+      "section"
+    ],
+    filter: (data) => Obj2.instanceOf(Masonry_exports.Masonry, data.subject) || Obj2.instanceOf(View.View, data.subject),
+    component: ({ data, role }) => {
+      const view = Obj2.instanceOf(View.View, data.subject) ? data.subject : data.subject.view;
+      return /* @__PURE__ */ React2.createElement(MasonryContainer, {
+        view,
+        role
+      });
+    }
+  })
+])));
+export {
+  react_surface_default as default
+};
+//# sourceMappingURL=react-surface-XG56AMA7.mjs.map

package/dist/lib/node-esm/react-surface-XG56AMA7.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/capabilities/react-surface/react-surface.tsx", "../../../src/components/MasonryContainer.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';\nimport { View } from '@dxos/schema';\n\nimport { MasonryContainer } from '../../components/MasonryContainer';\nimport { meta } from '../../meta';\nimport { Masonry } 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: Masonry.Masonry | View.View } =>\n          Obj.instanceOf(Masonry.Masonry, data.subject) || Obj.instanceOf(View.View, data.subject),\n        component: ({ data, role }) => {\n          const view = Obj.instanceOf(View.View, data.subject) ? data.subject : data.subject.view;\n          return <MasonryContainer view={view} role={role} />;\n        },\n      }),\n    ]),\n  ),\n);\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport type * as Schema from 'effect/Schema';\nimport React, { useEffect, useState } from 'react';\n\nimport { Surface, useCapabilities } from '@dxos/app-framework/ui';\nimport { AppCapabilities } from '@dxos/app-toolkit';\nimport { Filter, Obj, type Ref, Type } from '@dxos/echo';\nimport { useGlobalFilteredObjects } from '@dxos/plugin-search';\nimport { useObject, useQuery } from '@dxos/react-client/echo';\nimport { Masonry as MasonryComponent } from '@dxos/react-ui-masonry';\nimport { Card } from '@dxos/react-ui-mosaic';\nimport { type View, getTypenameFromQuery } from '@dxos/schema';\n\nexport type MasonryContainerProps = {\n  view: View.View;\n  role?: string;\n};\n\nexport const MasonryContainer = ({\n  view: viewOrRef,\n  role: _role,\n}: {\n  view: View.View | Ref.Ref<View.View>;\n  role?: string;\n}) => {\n  const [view] = useObject(viewOrRef);\n  const schemas = useCapabilities(AppCapabilities.Schema);\n  const db = view && Obj.getDatabase(view);\n  const typename = view?.query ? getTypenameFromQuery(view.query.ast) : undefined;\n\n  const [cardSchema, setCardSchema] = useState<Schema.Schema.AnyNoContext>();\n\n  useEffect(() => {\n    const staticSchema = schemas.flat().find((schema) => Type.getTypename(schema) === typename);\n    if (staticSchema) {\n      setCardSchema(() => staticSchema);\n    }\n    if (!staticSchema && typename && db) {\n      const query = db.schemaRegistry.query({ typename });\n      const unsubscribe = query.subscribe(\n        () => {\n          const [schema] = query.results;\n          if (schema) {\n            setCardSchema(schema);\n          }\n        },\n        { fire: true },\n      );\n      return unsubscribe;\n    }\n  }, [schemas, typename, db]);\n\n  const objects = useQuery(db, cardSchema ? Filter.type(cardSchema) : Filter.nothing());\n  const filteredObjects = useGlobalFilteredObjects(objects);\n\n  return (\n    <MasonryComponent.Root\n      items={filteredObjects}\n      render={Item as any}\n      classNames='is-full max-is-full bs-full max-bs-full overflow-y-auto p-4'\n    />\n  );\n};\n\nconst Item = ({ data }: { data: any }) => {\n  return (\n    <Card.Root>\n      <Card.Toolbar>\n        <span />\n        <Card.Title>{Obj.getLabel(data)}</Card.Title>\n        <Card.Menu />\n      </Card.Toolbar>\n      <Surface.Surface role='card--content' limit={1} data={{ subject: data }} />\n    </Card.Root>\n  );\n};\n"],
+  "mappings": ";;;;;;;;;AAIA,YAAYA,YAAY;AACxB,OAAOC,YAAW;AAElB,SAASC,cAAcC,kBAAkB;AACzC,SAASC,WAAAA,gBAAe;AACxB,SAASC,OAAAA,YAAW;AACpB,SAASC,YAAY;;;ACLrB,OAAOC,SAASC,WAAWC,gBAAgB;AAE3C,SAASC,SAASC,uBAAuB;AACzC,SAASC,uBAAuB;AAChC,SAASC,QAAQC,KAAeC,YAAY;AAC5C,SAASC,gCAAgC;AACzC,SAASC,WAAWC,gBAAgB;AACpC,SAASC,WAAWC,wBAAwB;AAC5C,SAASC,YAAY;AACrB,SAAoBC,4BAA4B;AAOzC,IAAMC,mBAAmB,CAAC,EAC/BC,MAAMC,WACNC,MAAMC,MAAK,MAIZ;AACC,QAAM,CAACH,IAAAA,IAAQI,UAAUH,SAAAA;AACzB,QAAMI,UAAUC,gBAAgBC,gBAAgBC,MAAM;AACtD,QAAMC,KAAKT,QAAQU,IAAIC,YAAYX,IAAAA;AACnC,QAAMY,WAAWZ,MAAMa,QAAQC,qBAAqBd,KAAKa,MAAME,GAAG,IAAIC;AAEtE,QAAM,CAACC,YAAYC,aAAAA,IAAiBC,SAAAA;AAEpCC,YAAU,MAAA;AACR,UAAMC,eAAehB,QAAQiB,KAAI,EAAGC,KAAK,CAACC,WAAWC,KAAKC,YAAYF,MAAAA,MAAYZ,QAAAA;AAClF,QAAIS,cAAc;AAChBH,oBAAc,MAAMG,YAAAA;IACtB;AACA,QAAI,CAACA,gBAAgBT,YAAYH,IAAI;AACnC,YAAMI,QAAQJ,GAAGkB,eAAed,MAAM;QAAED;MAAS,CAAA;AACjD,YAAMgB,cAAcf,MAAMgB,UACxB,MAAA;AACE,cAAM,CAACL,MAAAA,IAAUX,MAAMiB;AACvB,YAAIN,QAAQ;AACVN,wBAAcM,MAAAA;QAChB;MACF,GACA;QAAEO,MAAM;MAAK,CAAA;AAEf,aAAOH;IACT;EACF,GAAG;IAACvB;IAASO;IAAUH;GAAG;AAE1B,QAAMuB,UAAUC,SAASxB,IAAIQ,aAAaiB,OAAOC,KAAKlB,UAAAA,IAAciB,OAAOE,QAAO,CAAA;AAClF,QAAMC,kBAAkBC,yBAAyBN,OAAAA;AAEjD,SACE,sBAAA,cAACO,iBAAiBC,MAAI;IACpBC,OAAOJ;IACPK,QAAQC;IACRC,YAAW;;AAGjB;AAEA,IAAMD,OAAO,CAAC,EAAEE,KAAI,MAAiB;AACnC,SACE,sBAAA,cAACC,KAAKN,MAAI,MACR,sBAAA,cAACM,KAAKC,SAAO,MACX,sBAAA,cAACC,QAAAA,IAAAA,GACD,sBAAA,cAACF,KAAKG,OAAK,MAAEvC,IAAIwC,SAASL,IAAAA,CAAAA,GAC1B,sBAAA,cAACC,KAAKK,MAAI,IAAA,CAAA,GAEZ,sBAAA,cAACC,QAAQA,SAAO;IAAClD,MAAK;IAAgBmD,OAAO;IAAGR,MAAM;MAAES,SAAST;IAAK;;AAG5E;;;AD9DA,IAAA,wBAAeU,WAAWC,WAAW,MAC5BC,eACLF,WAAWG,YAAYC,aAAaC,cAAc;EAChDC,SAAQC,OAAO;IACbC,IAAIC,KAAKD;IACTE,MAAM;MAAC;MAAW;;IAClBC,QAAQ,CAACC,SACPC,KAAIC,WAAWC,gBAAQA,SAASH,KAAKI,OAAO,KAAKH,KAAIC,WAAWG,KAAKA,MAAML,KAAKI,OAAO;IACzFE,WAAW,CAAC,EAAEN,MAAMF,KAAI,MAAE;AACxB,YAAMS,OAAON,KAAIC,WAAWG,KAAKA,MAAML,KAAKI,OAAO,IAAIJ,KAAKI,UAAUJ,KAAKI,QAAQG;AACnF,aAAO,gBAAAC,OAAA,cAACC,kBAAAA;QAAiBF;QAAYT;;IACvC;EACF,CAAA;CACD,CAAA,CAAA;",
+  "names": ["Effect", "React", "Capabilities", "Capability", "Surface", "Obj", "View", "React", "useEffect", "useState", "Surface", "useCapabilities", "AppCapabilities", "Filter", "Obj", "Type", "useGlobalFilteredObjects", "useObject", "useQuery", "Masonry", "MasonryComponent", "Card", "getTypenameFromQuery", "MasonryContainer", "view", "viewOrRef", "role", "_role", "useObject", "schemas", "useCapabilities", "AppCapabilities", "Schema", "db", "Obj", "getDatabase", "typename", "query", "getTypenameFromQuery", "ast", "undefined", "cardSchema", "setCardSchema", "useState", "useEffect", "staticSchema", "flat", "find", "schema", "Type", "getTypename", "schemaRegistry", "unsubscribe", "subscribe", "results", "fire", "objects", "useQuery", "Filter", "type", "nothing", "filteredObjects", "useGlobalFilteredObjects", "MasonryComponent", "Root", "items", "render", "Item", "classNames", "data", "Card", "Toolbar", "span", "Title", "getLabel", "Menu", "Surface", "limit", "subject", "Capability", "makeModule", "succeed", "contributes", "Capabilities", "ReactSurface", "Surface", "create", "id", "meta", "role", "filter", "data", "Obj", "instanceOf", "Masonry", "subject", "View", "component", "view", "React", "MasonryContainer"]
+}

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

@@ -0,0 +1,10 @@
+import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
+import {
+  MasonryAction_exports,
+  Masonry_exports
+} from "../chunk-YNA44I6R.mjs";
+export {
+  Masonry_exports as Masonry,
+  MasonryAction_exports as MasonryAction
+};
+//# sourceMappingURL=index.mjs.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/dist/types/src/MasonryPlugin.d.ts

@@ -1,2 +1,3 @@
-export declare const MasonryPlugin: import("@dxos/app-framework").PluginFactory<void>;
+import { Plugin } from '@dxos/app-framework';
+export declare const MasonryPlugin: Plugin.PluginFactory<void>;
 //# sourceMappingURL=MasonryPlugin.d.ts.map

package/dist/types/src/MasonryPlugin.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MasonryPlugin.d.ts","sourceRoot":"","sources":["../../../src/MasonryPlugin.tsx"],"names":[],"mappings":"AAcA,eAAO,MAAM,aAAa,mDA+CxB,CAAC"}
+{"version":3,"file":"MasonryPlugin.d.ts","sourceRoot":"","sources":["../../../src/MasonryPlugin.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAW7C,eAAO,MAAM,aAAa,4BAoBzB,CAAC"}

package/dist/types/src/capabilities/index.d.ts

@@ -1,3 +1,2 @@
-export declare const ReactSurface: (props?: unknown) => Promise<() => Promise<import("@dxos/app-framework").Capability<import("@dxos/app-framework").InterfaceDef<import("@dxos/app-framework").Capabilities.ReactSurface>> | import("@dxos/app-framework").AnyCapability[]>>;
-export declare const IntentResolver: (props?: import("@dxos/app-framework").PluginContext | undefined) => Promise<() => Promise<import("@dxos/app-framework").Capability<import("@dxos/app-framework").InterfaceDef<import("@dxos/app-framework").Capabilities.IntentResolver>> | import("@dxos/app-framework").AnyCapability[]>>;
+export * from './react-surface';
 //# sourceMappingURL=index.d.ts.map

package/dist/types/src/capabilities/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/capabilities/index.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,YAAY,4OAAwC,CAAC;AAClE,eAAO,MAAM,cAAc,8RAA0C,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/capabilities/index.ts"],"names":[],"mappings":"AAIA,cAAc,iBAAiB,CAAC"}

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

@@ -0,0 +1,3 @@
+import { Capability } from '@dxos/app-framework';
+export declare const ReactSurface: Capability.LazyCapability<void, Capability.Capability<Capability.InterfaceDef<import("@dxos/app-framework/Capabilities").ReactSurface>>, Error>;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/capabilities/react-surface/index.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAEjD,eAAO,MAAM,YAAY,iJAAmE,CAAC"}

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

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

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

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

package/dist/types/src/components/MasonryContainer.d.ts

@@ -1,7 +1,12 @@
 import React from 'react';
+import { type Ref } from '@dxos/echo';
 import { type View } from '@dxos/schema';
-export declare const MasonryContainer: ({ view, role }: {
+export type MasonryContainerProps = {
     view: View.View;
-    role: string;
+    role?: string;
+};
+export declare const MasonryContainer: ({ view: viewOrRef, role: _role, }: {
+    view: View.View | Ref.Ref<View.View>;
+    role?: string;
 }) => React.JSX.Element;
 //# sourceMappingURL=MasonryContainer.d.ts.map

package/dist/types/src/components/MasonryContainer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MasonryContainer.d.ts","sourceRoot":"","sources":["../../../../src/components/MasonryContainer.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAS5D,OAAO,EAAmB,KAAK,IAAI,EAAwB,MAAM,cAAc,CAAC;AAMhF,eAAO,MAAM,gBAAgB,GAAI,gBAAgB;IAAE,IAAI,EAAE,IAAI,CAAC,IAAI,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,sBAiDjF,CAAC"}
+{"version":3,"file":"MasonryContainer.d.ts","sourceRoot":"","sources":["../../../../src/components/MasonryContainer.tsx"],"names":[],"mappings":"AAKA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAInD,OAAO,EAAe,KAAK,GAAG,EAAQ,MAAM,YAAY,CAAC;AAKzD,OAAO,EAAE,KAAK,IAAI,EAAwB,MAAM,cAAc,CAAC;AAE/D,MAAM,MAAM,qBAAqB,GAAG;IAClC,IAAI,EAAE,IAAI,CAAC,IAAI,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAAI,mCAG9B;IACD,IAAI,EAAE,IAAI,CAAC,IAAI,GAAG,GAAG,CAAC,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IACrC,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,sBAsCA,CAAC"}

package/dist/types/src/components/MasonryContainer.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MasonryContainer.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/MasonryContainer.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAA8B,MAAM,OAAO,CAAC;AAsCnD,QAAA,MAAM,IAAI;;;;;;;;CAsCM,CAAC;AAEjB,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC"}
+{"version":3,"file":"MasonryContainer.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/MasonryContainer.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAEjE,OAAO,KAAK,MAAM,OAAO,CAAC;AA4B1B,QAAA,MAAM,IAAI;;;;;;;;CAqCM,CAAC;AAEjB,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC"}

package/dist/types/src/meta.d.ts

@@ -1,3 +1,3 @@
-import { type PluginMeta } from '@dxos/app-framework';
-export declare const meta: PluginMeta;
+import { type Plugin } from '@dxos/app-framework';
+export declare const meta: Plugin.Meta;
 //# sourceMappingURL=meta.d.ts.map

package/dist/types/src/meta.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"meta.d.ts","sourceRoot":"","sources":["../../../src/meta.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAGtD,eAAO,MAAM,IAAI,EAAE,UAWlB,CAAC"}
+{"version":3,"file":"meta.d.ts","sourceRoot":"","sources":["../../../src/meta.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAGlD,eAAO,MAAM,IAAI,EAAE,MAAM,CAAC,IAWzB,CAAC"}

package/dist/types/src/translations.d.ts

@@ -1,16 +1,25 @@
-import { meta } from './meta';
-import { Masonry } from './types';
 export declare const translations: [{
     readonly 'en-US': {
-        readonly [Masonry.Masonry.typename]: {
+        readonly [x: string]: {
             readonly 'typename label': "Masonry";
             readonly 'typename label_zero': "Masonries";
             readonly 'typename label_one': "Masonry";
             readonly 'typename label_other': "Masonries";
             readonly 'object name placeholder': "New masonry";
-        };
-        readonly [meta.id]: {
+            readonly 'rename object label': "Rename masonry";
+            readonly 'delete object label': "Delete masonry";
+            readonly 'object deleted label': "Masonry deleted";
+            readonly 'plugin name'?: undefined;
+        } | {
             readonly 'plugin name': "Masonry";
+            readonly 'typename label'?: undefined;
+            readonly 'typename label_zero'?: undefined;
+            readonly 'typename label_one'?: undefined;
+            readonly 'typename label_other'?: undefined;
+            readonly 'object name placeholder'?: undefined;
+            readonly 'rename object label'?: undefined;
+            readonly 'delete object label'?: undefined;
+            readonly 'object deleted label'?: undefined;
         };
     };
 }];

package/dist/types/src/translations.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"translations.d.ts","sourceRoot":"","sources":["../../../src/translations.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AAElC,eAAO,MAAM,YAAY;;QAGnB,SAAA,CAAC,OAAO,CAAC,OAAO,CAAC,QAAQ,CAAC;;;;;;UAMzB;QACD,SAAA,CAAC,IAAI,CAAC,EAAE,CAAC;;UAER;;EAGwB,CAAC"}
+{"version":3,"file":"translations.d.ts","sourceRoot":"","sources":["../../../src/translations.ts"],"names":[],"mappings":"AAUA,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;EAkBM,CAAC"}

package/dist/types/src/types/Masonry.d.ts

@@ -1,27 +1,28 @@
 import * as Schema from 'effect/Schema';
 import { Obj, Type } from '@dxos/echo';
-import { type JsonSchemaType, toEffectSchema } from '@dxos/echo/internal';
 import { View } from '@dxos/schema';
-export declare const Masonry: Type.obj<Schema.Struct<{
-    arrangement: Schema.optional<Schema.mutable<Schema.Array$<Schema.mutable<Schema.Struct<{
-        ids: Schema.Array$<import("@dxos/keys").ObjectIdClass>;
-        hidden: Schema.optional<typeof Schema.Boolean>;
-    }>>>>>;
-}>>;
-export type Masonry = Schema.Schema.Type<typeof Masonry>;
+export declare const Masonry: Type.Obj<{
+    readonly view: import("@dxos/echo/internal").Ref<import("@dxos/echo/Entity").OfKind<import("@dxos/echo/internal").EntityKind.Object> & View.View>;
+    readonly name?: string | undefined;
+    readonly arrangement?: readonly {
+        readonly hidden?: boolean | undefined;
+        readonly ids: readonly string[];
+    }[] | undefined;
+}, Schema.Struct.Fields>;
+export interface Masonry extends Schema.Schema.Type<typeof Masonry> {
+}
+type MakeProps = Omit<Partial<Obj.MakeProps<typeof Masonry>>, 'view'> & {
+    view: View.View;
+};
 /**
- * Make a masonry object.
+ * Make a masonry as a view of a data set.
  */
-export declare const make: (props?: Obj.MakeProps<typeof Masonry>) => import("@dxos/live-object").Live<Type.OfKind<import("@dxos/echo/internal").EntityKind.Object> & {
-    arrangement?: {
-        hidden?: boolean | undefined;
-        ids: readonly string[];
+export declare const make: ({ name, arrangement, view }: MakeProps) => Masonry;
+export declare const MasonryV1: Type.Obj<{
+    readonly arrangement?: readonly {
+        readonly hidden?: boolean | undefined;
+        readonly ids: readonly string[];
     }[] | undefined;
-}>;
-export type MakeViewProps = Omit<View.MakeFromSpaceProps, 'presentation'>;
-export declare const makeView: ({ ...props }: MakeViewProps) => Promise<{
-    jsonSchema: JsonSchemaType;
-    view: View.View;
-    schema: ReturnType<typeof toEffectSchema>;
-}>;
+}, Schema.Struct.Fields>;
+export {};
 //# sourceMappingURL=Masonry.d.ts.map

package/dist/types/src/types/Masonry.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Masonry.d.ts","sourceRoot":"","sources":["../../../../src/types/Masonry.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,MAAM,eAAe,CAAC;AAExC,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,YAAY,CAAC;AACvC,OAAO,EAAE,KAAK,cAAc,EAAkB,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAC1F,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpC,eAAO,MAAM,OAAO;;;;;GAcnB,CAAC;AAEF,MAAM,MAAM,OAAO,GAAG,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,OAAO,CAAC,CAAC;AAEzD;;GAEG;AACH,eAAO,MAAM,IAAI,GAAI,QAAO,GAAG,CAAC,SAAS,CAAC,OAAO,OAAO,CAAM;;;;;EAA6B,CAAC;AAE5F,MAAM,MAAM,aAAa,GAAG,IAAI,CAAC,IAAI,CAAC,kBAAkB,EAAE,cAAc,CAAC,CAAC;AAE1E,eAAO,MAAM,QAAQ,GAAU,cAE5B,aAAa,KAAG,OAAO,CAAC;IACzB,UAAU,EAAE,cAAc,CAAC;IAC3B,IAAI,EAAE,IAAI,CAAC,IAAI,CAAC;IAChB,MAAM,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;CAC3C,CAQA,CAAC"}
+{"version":3,"file":"Masonry.d.ts","sourceRoot":"","sources":["../../../../src/types/Masonry.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,MAAM,eAAe,CAAC;AAExC,OAAO,EAAE,GAAG,EAAO,IAAI,EAAE,MAAM,YAAY,CAAC;AAE5C,OAAO,EAAE,IAAI,EAAkB,MAAM,cAAc,CAAC;AAEpD,eAAO,MAAM,OAAO;;;;;;;wBAmBnB,CAAC;AAEF,MAAM,WAAW,OAAQ,SAAQ,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,OAAO,CAAC;CAAG;AAEtE,KAAK,SAAS,GAAG,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,SAAS,CAAC,OAAO,OAAO,CAAC,CAAC,EAAE,MAAM,CAAC,GAAG;IACtE,IAAI,EAAE,IAAI,CAAC,IAAI,CAAC;CACjB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,IAAI,GAAI,6BAAkC,SAAS,KAAG,OAElE,CAAC;AAMF,eAAO,MAAM,SAAS;;;;;wBAYrB,CAAC"}