@dxos/plugin-masonry 0.8.4-main.7ace549 → 0.8.4-main.937b3ca

package/package.json

@@ -1,9 +1,13 @@
 {
   "name": "@dxos/plugin-masonry",
-  "version": "0.8.4-main.7ace549",
+  "version": "0.8.4-main.937b3ca",
   "description": "Masonry DXOS Surface plugin",
   "homepage": "https://dxos.org",
   "bugs": "https://github.com/dxos/dxos/issues",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/dxos/dxos"
+  },
   "license": "MIT",
   "author": "DXOS.org",
   "sideEffects": true,
@@ -35,43 +39,43 @@
     "src"
   ],
   "dependencies": {
-    "@preact-signals/safe-react": "^0.9.0",
-    "@preact/signals-core": "^1.12.1",
-    "@preact/signals-react": "^3.3.0",
-    "@dxos/app-framework": "0.8.4-main.7ace549",
-    "@dxos/effect": "0.8.4-main.7ace549",
-    "@dxos/echo": "0.8.4-main.7ace549",
-    "@dxos/plugin-search": "0.8.4-main.7ace549",
-    "@dxos/plugin-space": "0.8.4-main.7ace549",
-    "@dxos/react-client": "0.8.4-main.7ace549",
-    "@dxos/plugin-client": "0.8.4-main.7ace549",
-    "@dxos/react-ui": "0.8.4-main.7ace549",
-    "@dxos/react-ui-masonry": "0.8.4-main.7ace549",
-    "@dxos/react-ui-form": "0.8.4-main.7ace549",
-    "@dxos/react-ui-stack": "0.8.4-main.7ace549",
-    "@dxos/types": "0.8.4-main.7ace549",
-    "@dxos/schema": "0.8.4-main.7ace549",
-    "@dxos/util": "0.8.4-main.7ace549"
+    "@dxos/app-framework": "0.8.4-main.937b3ca",
+    "@dxos/echo": "0.8.4-main.937b3ca",
+    "@dxos/effect": "0.8.4-main.937b3ca",
+    "@dxos/plugin-search": "0.8.4-main.937b3ca",
+    "@dxos/plugin-client": "0.8.4-main.937b3ca",
+    "@dxos/plugin-space": "0.8.4-main.937b3ca",
+    "@dxos/react-client": "0.8.4-main.937b3ca",
+    "@dxos/operation": "0.8.4-main.937b3ca",
+    "@dxos/react-ui-form": "0.8.4-main.937b3ca",
+    "@dxos/react-ui": "0.8.4-main.937b3ca",
+    "@dxos/react-ui-mosaic": "0.8.4-main.937b3ca",
+    "@dxos/react-ui-stack": "0.8.4-main.937b3ca",
+    "@dxos/react-ui-masonry": "0.8.4-main.937b3ca",
+    "@dxos/types": "0.8.4-main.937b3ca",
+    "@dxos/schema": "0.8.4-main.937b3ca",
+    "@dxos/util": "0.8.4-main.937b3ca"
   },
   "devDependencies": {
-    "@types/react": "~19.2.2",
-    "@types/react-dom": "~19.2.2",
-    "effect": "3.18.3",
-    "react": "~19.2.0",
-    "react-dom": "~19.2.0",
+    "@types/react": "~19.2.7",
+    "@types/react-dom": "~19.2.3",
+    "effect": "3.19.11",
+    "react": "~19.2.3",
+    "react-dom": "~19.2.3",
     "vite": "7.1.9",
-    "@dxos/plugin-preview": "0.8.4-main.7ace549",
-    "@dxos/plugin-theme": "0.8.4-main.7ace549",
-    "@dxos/random": "0.8.4-main.7ace549",
-    "@dxos/react-ui-theme": "0.8.4-main.7ace549",
-    "@dxos/storybook-utils": "0.8.4-main.7ace549"
+    "@dxos/plugin-theme": "0.8.4-main.937b3ca",
+    "@dxos/random": "0.8.4-main.937b3ca",
+    "@dxos/plugin-preview": "0.8.4-main.937b3ca",
+    "@dxos/storybook-utils": "0.8.4-main.937b3ca",
+    "@dxos/plugin-testing": "0.8.4-main.937b3ca",
+    "@dxos/ui-theme": "0.8.4-main.937b3ca"
   },
   "peerDependencies": {
-    "effect": "^3.13.3",
-    "react": "^19.0.0",
-    "react-dom": "^19.0.0",
-    "@dxos/react-ui": "0.8.4-main.7ace549",
-    "@dxos/react-ui-theme": "0.8.4-main.7ace549"
+    "effect": "3.19.11",
+    "react": "~19.2.3",
+    "react-dom": "~19.2.3",
+    "@dxos/ui-theme": "0.8.4-main.937b3ca",
+    "@dxos/react-ui": "0.8.4-main.937b3ca"
   },
   "publishConfig": {
     "access": "public"

package/src/MasonryPlugin.tsx

@@ -2,55 +2,36 @@
 // Copyright 2025 DXOS.org
 //
 
-import { Capabilities, Events, contributes, createIntent, defineModule, definePlugin } from '@dxos/app-framework';
+import * as Effect from 'effect/Effect';
+
+import { Common, Plugin } from '@dxos/app-framework';
 import { Type } from '@dxos/echo';
-import { ClientCapabilities, ClientEvents } from '@dxos/plugin-client';
-import { type CreateObjectIntent } from '@dxos/plugin-space/types';
+import { type CreateObject } from '@dxos/plugin-space/types';
+import { View } from '@dxos/schema';
 
-import { IntentResolver, ReactSurface } from './capabilities';
+import { ReactSurface } from './capabilities';
 import { meta } from './meta';
 import { translations } from './translations';
 import { Masonry, MasonryAction } from './types';
 
-export const 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: Type.getTypename(Masonry.Masonry),
-        metadata: {
-          icon: 'ph--wall--regular',
-          iconHue: 'green',
-          inputSchema: MasonryAction.MasonryProps,
-          createObjectIntent: ((props, options) =>
-            createIntent(MasonryAction.CreateMasonry, { ...props, space: options.space })) satisfies CreateObjectIntent,
-        },
-      }),
-  }),
-  defineModule({
-    id: `${meta.id}/module/schema`,
-    activatesOn: ClientEvents.SetupSchema,
-    activate: () => contributes(ClientCapabilities.Schema, [Masonry.Masonry]),
-  }),
-  defineModule({
-    id: `${meta.id}/module/react-surface`,
-    activatesOn: Events.SetupReactSurface,
-    activate: ReactSurface,
-  }),
-  defineModule({
-    id: `${meta.id}/module/intent-resolver`,
-    activatesOn: Events.SetupIntentResolver,
-    activate: IntentResolver,
+export const MasonryPlugin = Plugin.define(meta).pipe(
+  Common.Plugin.addTranslationsModule({ translations }),
+  Common.Plugin.addSurfaceModule({ activate: ReactSurface }),
+  Common.Plugin.addMetadataModule({
+    metadata: {
+      id: Type.getTypename(Masonry.Masonry),
+      metadata: {
+        icon: 'ph--wall--regular',
+        iconHue: 'green',
+        inputSchema: MasonryAction.MasonryProps,
+        createObject: ((props, { db }) =>
+          Effect.promise(async () => {
+            const { view } = await View.makeFromDatabase({ db, typename: props.typename });
+            return Masonry.make({ name: props.name, view });
+          })) satisfies CreateObject,
+      },
+    },
   }),
-]);
+  Common.Plugin.addSchemaModule({ schema: [Masonry.Masonry] }),
+  Plugin.make,
+);

package/src/capabilities/index.ts

@@ -2,7 +2,4 @@
 // Copyright 2025 DXOS.org
 //
 
-import { lazy } from '@dxos/app-framework';
-
-export const ReactSurface = lazy(() => import('./react-surface'));
-export const IntentResolver = lazy(() => import('./intent-resolver'));
+export * from './react-surface';

package/src/capabilities/react-surface/index.ts

@@ -0,0 +1,7 @@
+//
+// Copyright 2025 DXOS.org
+//
+
+import { Capability } from '@dxos/app-framework';
+
+export const ReactSurface = Capability.lazy('ReactSurface', () => import('./react-surface'));

package/src/capabilities/react-surface/react-surface.tsx

@@ -0,0 +1,31 @@
+//
+// Copyright 2025 DXOS.org
+//
+
+import * as Effect from 'effect/Effect';
+import React from 'react';
+
+import { Capability, Common } from '@dxos/app-framework';
+import { Obj } from '@dxos/echo';
+import { View } from '@dxos/schema';
+
+import { MasonryContainer } from '../../components/MasonryContainer';
+import { meta } from '../../meta';
+import { Masonry } from '../../types';
+
+export default Capability.makeModule(() =>
+  Effect.succeed(
+    Capability.contributes(Common.Capability.ReactSurface, [
+      Common.createSurface({
+        id: meta.id,
+        role: ['article', 'section'],
+        filter: (data): data is { subject: Masonry.Masonry | View.View } =>
+          Obj.instanceOf(Masonry.Masonry, data.subject) || Obj.instanceOf(View.View, data.subject),
+        component: ({ data, role }) => {
+          const view = Obj.instanceOf(View.View, data.subject) ? data.subject : data.subject.view;
+          return <MasonryContainer view={view} role={role} />;
+        },
+      }),
+    ]),
+  ),
+);

package/src/components/MasonryContainer.stories.tsx

@@ -3,19 +3,16 @@
 //
 
 import { type Meta, type StoryObj } from '@storybook/react-vite';
+import * as Effect from 'effect/Effect';
 import React from 'react';
 
-import { IntentPlugin, SettingsPlugin } from '@dxos/app-framework';
 import { withPluginManager } from '@dxos/app-framework/testing';
 import { ClientPlugin } from '@dxos/plugin-client';
 import { PreviewPlugin } from '@dxos/plugin-preview';
-import { SpacePlugin } from '@dxos/plugin-space';
-import { StorybookLayoutPlugin } from '@dxos/plugin-storybook-layout';
-import { ThemePlugin } from '@dxos/plugin-theme';
+import { StorybookPlugin, corePlugins } from '@dxos/plugin-testing';
 import { faker } from '@dxos/random';
-import { Filter, useQuery, useSpaces } from '@dxos/react-client/echo';
+import { Filter, useObject, useQuery, useSpaces } from '@dxos/react-client/echo';
 import { withTheme } from '@dxos/react-ui/testing';
-import { defaultTx } from '@dxos/react-ui-theme';
 import { View } from '@dxos/schema';
 import { createObjectFactory } from '@dxos/schema/testing';
 import { Organization } from '@dxos/types';
@@ -29,10 +26,10 @@ faker.seed(0);
 const StorybookMasonry = () => {
   const spaces = useSpaces();
   const space = spaces[spaces.length - 1];
-  const masonries = useQuery(space, Filter.type(Masonry.Masonry));
-  const masonry = masonries.at(0);
+  const masonries = useQuery(space?.db, Filter.type(Masonry.Masonry));
+  const [masonry] = useObject(masonries.at(0));
 
-  return masonry ? <MasonryContainer object={masonry} role='story' /> : null;
+  return masonry ? <MasonryContainer view={masonry.view} role='story' /> : null;
 };
 
 const meta = {
@@ -43,27 +40,29 @@ const meta = {
     withTheme,
     withPluginManager({
       plugins: [
+        ...corePlugins(),
+        StorybookPlugin({}),
         ClientPlugin({
           types: [Organization.Organization, View.View, Masonry.Masonry],
-          onClientInitialized: async ({ client }) => {
-            await client.halo.createIdentity();
-            const space = await client.spaces.create();
-            await space.waitUntilReady();
-
-            const { view } = await View.makeFromSpace({ client, space, typename: Organization.Organization.typename });
-            const masonry = Masonry.make({ view });
-            space.db.add(masonry);
-
-            const factory = createObjectFactory(space.db, faker as any);
-            await factory([{ type: Organization.Organization, count: 64 }]);
-          },
+          onClientInitialized: ({ client }) =>
+            Effect.gen(function* () {
+              yield* Effect.promise(() => client.halo.createIdentity());
+              const space = yield* Effect.promise(() => client.spaces.create());
+              yield* Effect.promise(() => space.waitUntilReady());
+              const { view } = yield* Effect.promise(() =>
+                View.makeFromDatabase({
+                  db: space.db,
+                  typename: Organization.Organization.typename,
+                }),
+              );
+              const masonry = Masonry.make({ view });
+              space.db.add(masonry);
+              const factory = createObjectFactory(space.db, faker as any);
+              yield* Effect.promise(() => factory([{ type: Organization.Organization, count: 64 }]));
+            }),
         }),
-        SpacePlugin({}),
-        IntentPlugin(),
-        SettingsPlugin(),
-        ThemePlugin({ tx: defaultTx }),
+
         PreviewPlugin(),
-        StorybookLayoutPlugin({}),
       ],
     }),
   ],

package/src/components/MasonryContainer.tsx

@@ -2,37 +2,44 @@
 // Copyright 2025 DXOS.org
 //
 
+import type * as Schema from 'effect/Schema';
 import React, { useEffect, useState } from 'react';
 
-import { Surface } from '@dxos/app-framework/react';
-import { Filter, Type } from '@dxos/echo';
-import { type TypedObject } from '@dxos/echo/internal';
+import { Common } from '@dxos/app-framework';
+import { Surface, useCapabilities } from '@dxos/app-framework/react';
+import { Filter, Obj, type Ref, Type } from '@dxos/echo';
 import { useGlobalFilteredObjects } from '@dxos/plugin-search';
-import { useClient } from '@dxos/react-client';
-import { getSpace, useQuery } from '@dxos/react-client/echo';
+import { useObject, useQuery } from '@dxos/react-client/echo';
 import { Masonry as MasonryComponent } from '@dxos/react-ui-masonry';
-import { getTypenameFromQuery } from '@dxos/schema';
+import { Card } from '@dxos/react-ui-mosaic';
+import { type View, getTypenameFromQuery } from '@dxos/schema';
 
-import { type Masonry } from '../types';
-
-const Item = ({ data }: { data: any }) => {
-  return <Surface role='card' limit={1} data={{ subject: data }} />;
+export type MasonryContainerProps = {
+  view: View.View;
+  role?: string;
 };
 
-export const MasonryContainer = ({ object, role }: { object: Masonry.Masonry; role?: string }) => {
-  const client = useClient();
-  const space = getSpace(object);
-  const typename = object.view.target?.query ? getTypenameFromQuery(object.view.target.query.ast) : undefined;
+export const MasonryContainer = ({
+  view: viewOrRef,
+  role,
+}: {
+  view: View.View | Ref.Ref<View.View>;
+  role?: string;
+}) => {
+  const [view] = useObject(viewOrRef);
+  const schemas = useCapabilities(Common.Capability.Schema);
+  const db = view && Obj.getDatabase(view);
+  const typename = view?.query ? getTypenameFromQuery(view.query.ast) : undefined;
 
-  const [cardSchema, setCardSchema] = useState<TypedObject<any, any>>();
+  const [cardSchema, setCardSchema] = useState<Schema.Schema.AnyNoContext>();
 
   useEffect(() => {
-    const staticSchema = client.graph.schemaRegistry.schemas.find((schema) => Type.getTypename(schema) === typename);
+    const staticSchema = schemas.flat().find((schema) => Type.getTypename(schema) === typename);
     if (staticSchema) {
-      setCardSchema(() => staticSchema as TypedObject<any, any>);
+      setCardSchema(() => staticSchema);
     }
-    if (!staticSchema && typename && space) {
-      const query = space.db.schemaRegistry.query({ typename });
+    if (!staticSchema && typename && db) {
+      const query = db.schemaRegistry.query({ typename });
       const unsubscribe = query.subscribe(
         () => {
           const [schema] = query.results;
@@ -44,9 +51,9 @@ export const MasonryContainer = ({ object, role }: { object: Masonry.Masonry; ro
       );
       return unsubscribe;
     }
-  }, [typename, space]);
+  }, [schemas, typename, db]);
 
-  const objects = useQuery(space, cardSchema ? Filter.type(cardSchema) : Filter.nothing());
+  const objects = useQuery(db, cardSchema ? Filter.type(cardSchema) : Filter.nothing());
   const filteredObjects = useGlobalFilteredObjects(objects);
 
   return (
@@ -57,3 +64,16 @@ export const MasonryContainer = ({ object, role }: { object: Masonry.Masonry; ro
     />
   );
 };
+
+const Item = ({ data }: { data: any }) => {
+  return (
+    <Card.Root>
+      <Card.Toolbar>
+        <span />
+        <Card.Title>{Obj.getLabel(data)}</Card.Title>
+        <Card.Menu />
+      </Card.Toolbar>
+      <Surface role='card--content' limit={1} data={{ subject: data }} />
+    </Card.Root>
+  );
+};

package/src/meta.ts

@@ -2,10 +2,10 @@
 // Copyright 2025 DXOS.org
 //
 
-import { type PluginMeta } from '@dxos/app-framework';
+import { type Plugin } from '@dxos/app-framework';
 import { trim } from '@dxos/util';
 
-export const meta: PluginMeta = {
+export const meta: Plugin.Meta = {
   id: 'dxos.org/plugin/masonry',
   name: 'Masonry',
   description: trim`

package/src/types/Masonry.ts

@@ -8,7 +8,7 @@ import { Obj, Ref, Type } from '@dxos/echo';
 import { FormInputAnnotation, LabelAnnotation } from '@dxos/echo/internal';
 import { View, ViewAnnotation } from '@dxos/schema';
 
-const MasonrySchema = Schema.Struct({
+export const Masonry = Schema.Struct({
   name: Schema.String.pipe(Schema.optional),
 
   view: Type.Ref(View.View).pipe(FormInputAnnotation.set(false)),
@@ -21,16 +21,15 @@ const MasonrySchema = Schema.Struct({
   ).pipe(Schema.mutable, FormInputAnnotation.set(false), Schema.optional),
   // TODO(wittjosiah): Consider Masonry supporting not being just a view but referencing arbitrary data directly.
 }).pipe(
-  Type.Obj({
+  Type.object({
     typename: 'dxos.org/type/Masonry',
     version: '0.2.0',
   }),
   LabelAnnotation.set(['name']),
   ViewAnnotation.set(true),
 );
-export interface Masonry extends Schema.Schema.Type<typeof MasonrySchema> {}
-export interface MasonryEncoded extends Schema.Schema.Encoded<typeof MasonrySchema> {}
-export const Masonry: Schema.Schema<Masonry, MasonryEncoded> = MasonrySchema;
+
+export interface Masonry extends Schema.Schema.Type<typeof Masonry> {}
 
 type MakeProps = Omit<Partial<Obj.MakeProps<typeof Masonry>>, 'view'> & {
   view: View.View;
@@ -55,7 +54,7 @@ export const MasonryV1 = Schema.Struct({
     }).pipe(Schema.mutable),
   ).pipe(Schema.mutable, Schema.optional),
 }).pipe(
-  Type.Obj({
+  Type.object({
     typename: 'dxos.org/type/Masonry',
     version: '0.1.0',
   }),

package/src/types/MasonryAction.ts

@@ -5,13 +5,6 @@
 import * as Schema from 'effect/Schema';
 
 import { TypeInputOptionsAnnotation } from '@dxos/plugin-space/types';
-import { SpaceSchema } from '@dxos/react-client/echo';
-
-import { meta } from '../meta';
-
-import * as Masonry from './Masonry';
-
-const MASONRY_ACTION = `${meta.id}/action`;
 
 export const MasonryProps = Schema.Struct({
   name: Schema.optional(Schema.String),
@@ -26,10 +19,3 @@ export const MasonryProps = Schema.Struct({
     Schema.optional,
   ),
 });
-
-export class CreateMasonry extends Schema.TaggedClass<CreateMasonry>()(`${MASONRY_ACTION}/create`, {
-  input: Schema.extend(Schema.Struct({ space: SpaceSchema }), MasonryProps),
-  output: Schema.Struct({
-    object: Masonry.Masonry,
-  }),
-}) {}

package/dist/lib/browser/chunk-4I5S2QKH.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/types/Masonry.ts", "../../../src/types/MasonryAction.ts", "../../../src/meta.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\nconst MasonrySchema = 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    }).pipe(Schema.mutable),\n  ).pipe(Schema.mutable, 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.Obj({\n    typename: 'dxos.org/type/Masonry',\n    version: '0.2.0',\n  }),\n  LabelAnnotation.set(['name']),\n  ViewAnnotation.set(true),\n);\nexport interface Masonry extends Schema.Schema.Type<typeof MasonrySchema> {}\nexport interface MasonryEncoded extends Schema.Schema.Encoded<typeof MasonrySchema> {}\nexport const Masonry: Schema.Schema<Masonry, MasonryEncoded> = MasonrySchema;\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    }).pipe(Schema.mutable),\n  ).pipe(Schema.mutable, Schema.optional),\n}).pipe(\n  Type.Obj({\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';\nimport { SpaceSchema } from '@dxos/react-client/echo';\n\nimport { meta } from '../meta';\n\nimport * as Masonry from './Masonry';\n\nconst MASONRY_ACTION = `${meta.id}/action`;\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\nexport class CreateMasonry extends Schema.TaggedClass<CreateMasonry>()(`${MASONRY_ACTION}/create`, {\n  input: Schema.extend(Schema.Struct({ space: SpaceSchema }), MasonryProps),\n  output: Schema.Struct({\n    object: Masonry.Masonry,\n  }),\n}) {}\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { type PluginMeta } from '@dxos/app-framework';\nimport { trim } from '@dxos/util';\n\nexport const meta: PluginMeta = {\n  id: 'dxos.org/plugin/masonry',\n  name: 'Masonry',\n  description: trim`\n    Responsive grid layout that displays query results in an adaptive masonry pattern.\n    Visualize collections of cards, images, or mixed content that automatically adjusts to available screen space.\n  `,\n  icon: 'ph--wall--regular',\n  iconHue: 'green',\n  source: 'https://github.com/dxos/dxos/tree/main/packages/plugins/plugin-masonry',\n  screenshots: [],\n};\n"],
-  "mappings": ";;;;;;;AAAA;;;;;;AAIA,YAAYA,YAAY;AAExB,SAASC,KAAKC,KAAKC,YAAY;AAC/B,SAASC,qBAAqBC,uBAAuB;AACrD,SAASC,MAAMC,sBAAsB;AAErC,IAAMC,gBAAuBC,cAAO;EAClCC,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,EAAGd,KAAYe,cAAO,CAAA,EACtBf,KAAYe,gBAAST,oBAAoBC,IAAI,KAAA,GAAeN,eAAQ;AAExE,CAAA,EAAGD,KACDG,KAAKQ,IAAI;EACPK,UAAU;EACVC,SAAS;AACX,CAAA,GACAC,gBAAgBX,IAAI;EAAC;CAAO,GAC5BY,eAAeZ,IAAI,IAAA,CAAA;AAId,IAAMa,UAAkDxB;AASxD,IAAMyB,OAAO,CAAC,EAAEvB,MAAMU,cAAc,CAAA,GAAIN,KAAI,MAAa;AAC9D,SAAOS,IAAIU,KAAKD,SAAS;IAAEtB;IAAMI,MAAME,IAAIiB,KAAKnB,IAAAA;IAAOM;EAAY,CAAA;AACrE;AAMO,IAAMc,YAAmBzB,cAAO;EACrCW,aAAoBC,aACXZ,cAAO;IACZa,KAAYD,aAAME,IAAIC,EAAE;IACxBC,QAAeZ,gBAAgBa,cAAO;EACxC,CAAA,EAAGd,KAAYe,cAAO,CAAA,EACtBf,KAAYe,gBAAgBd,eAAQ;AACxC,CAAA,EAAGD,KACDG,KAAKQ,IAAI;EACPK,UAAU;EACVC,SAAS;AACX,CAAA,CAAA;;;AC5DF;;;;;AAIA,YAAYM,aAAY;AAExB,SAASC,kCAAkC;AAC3C,SAASC,mBAAmB;;;ACF5B,SAASC,YAAY;AAEd,IAAMC,OAAmB;EAC9BC,IAAI;EACJC,MAAM;EACNC,aAAaC;;;;EAIbC,MAAM;EACNC,SAAS;EACTC,QAAQ;EACRC,aAAa,CAAA;AACf;;;ADLA,IAAMC,iBAAiB,GAAGC,KAAKC,EAAE;AAE1B,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;AAEO,IAAMW,gBAAN,cAAmCC,oBAAW,EAAkB,GAAGlB,cAAAA,WAAyB;EACjGmB,OAAcC,eAAchB,eAAO;IAAEiB,OAAOC;EAAY,CAAA,GAAInB,YAAAA;EAC5DoB,QAAenB,eAAO;IACpBoB,QAAgBC;EAClB,CAAA;AACF,CAAA,EAAA;AAAI;",
-  "names": ["Schema", "Obj", "Ref", "Type", "FormInputAnnotation", "LabelAnnotation", "View", "ViewAnnotation", "MasonrySchema", "Struct", "name", "String", "pipe", "optional", "view", "Type", "Ref", "View", "FormInputAnnotation", "set", "arrangement", "Array", "ids", "Obj", "ID", "hidden", "Boolean", "mutable", "typename", "version", "LabelAnnotation", "ViewAnnotation", "Masonry", "make", "MasonryV1", "Schema", "TypeInputOptionsAnnotation", "SpaceSchema", "trim", "meta", "id", "name", "description", "trim", "icon", "iconHue", "source", "screenshots", "MASONRY_ACTION", "meta", "id", "MasonryProps", "Struct", "name", "optional", "String", "typename", "pipe", "annotations", "title", "TypeInputOptionsAnnotation", "set", "location", "kind", "registered", "CreateMasonry", "TaggedClass", "input", "extend", "space", "SpaceSchema", "output", "object", "Masonry"]
-}

package/dist/lib/browser/intent-resolver-7WOSAD4H.mjs

@@ -1,35 +0,0 @@
-import {
-  MasonryAction_exports,
-  Masonry_exports
-} from "./chunk-4I5S2QKH.mjs";
-
-// src/capabilities/intent-resolver.ts
-import { Capabilities, contributes, createResolver } from "@dxos/app-framework";
-import { ClientCapabilities } from "@dxos/plugin-client";
-import { View } from "@dxos/schema";
-var intent_resolver_default = ((context) => contributes(Capabilities.IntentResolver, [
-  createResolver({
-    intent: MasonryAction_exports.CreateMasonry,
-    resolve: async ({ space, name, typename }) => {
-      const client = context.getCapability(ClientCapabilities.Client);
-      const { view } = await View.makeFromSpace({
-        client,
-        space,
-        typename
-      });
-      const masonry = Masonry_exports.make({
-        name,
-        view
-      });
-      return {
-        data: {
-          object: masonry
-        }
-      };
-    }
-  })
-]));
-export {
-  intent_resolver_default as default
-};
-//# sourceMappingURL=intent-resolver-7WOSAD4H.mjs.map

package/dist/lib/browser/intent-resolver-7WOSAD4H.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/capabilities/intent-resolver.ts"],
-  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport { Capabilities, type PluginContext, contributes, createResolver } from '@dxos/app-framework';\nimport { ClientCapabilities } from '@dxos/plugin-client';\nimport { View } from '@dxos/schema';\n\nimport { Masonry, MasonryAction } from '../types';\n\nexport default (context: PluginContext) =>\n  contributes(Capabilities.IntentResolver, [\n    createResolver({\n      intent: MasonryAction.CreateMasonry,\n      resolve: async ({ space, name, typename }) => {\n        const client = context.getCapability(ClientCapabilities.Client);\n        const { view } = await View.makeFromSpace({ client, space, typename });\n        const masonry = Masonry.make({ name, view });\n        return { data: { object: masonry } };\n      },\n    }),\n  ]);\n"],
-  "mappings": ";;;;;;AAIA,SAASA,cAAkCC,aAAaC,sBAAsB;AAC9E,SAASC,0BAA0B;AACnC,SAASC,YAAY;AAIrB,IAAA,2BAAe,CAACC,YACdC,YAAYC,aAAaC,gBAAgB;EACvCC,eAAe;IACbC,QAAQC,sBAAcC;IACtBC,SAAS,OAAO,EAAEC,OAAOC,MAAMC,SAAQ,MAAE;AACvC,YAAMC,SAASZ,QAAQa,cAAcC,mBAAmBC,MAAM;AAC9D,YAAM,EAAEC,KAAI,IAAK,MAAMC,KAAKC,cAAc;QAAEN;QAAQH;QAAOE;MAAS,CAAA;AACpE,YAAMQ,UAAUC,gBAAQC,KAAK;QAAEX;QAAMM;MAAK,CAAA;AAC1C,aAAO;QAAEM,MAAM;UAAEC,QAAQJ;QAAQ;MAAE;IACrC;EACF,CAAA;CACD;",
-  "names": ["Capabilities", "contributes", "createResolver", "ClientCapabilities", "View", "context", "contributes", "Capabilities", "IntentResolver", "createResolver", "intent", "MasonryAction", "CreateMasonry", "resolve", "space", "name", "typename", "client", "getCapability", "ClientCapabilities", "Client", "view", "View", "makeFromSpace", "masonry", "Masonry", "make", "data", "object"]
-}

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

@@ -1,95 +0,0 @@
-import {
-  Masonry_exports,
-  meta
-} from "./chunk-4I5S2QKH.mjs";
-
-// src/capabilities/react-surface.tsx
-import React2 from "react";
-import { Capabilities, contributes, createSurface } from "@dxos/app-framework";
-import { Obj } from "@dxos/echo";
-
-// src/components/MasonryContainer.tsx
-import { useSignals as _useSignals } from "@preact-signals/safe-react/tracking";
-import React, { useEffect, useState } from "react";
-import { Surface } from "@dxos/app-framework/react";
-import { Filter, Type } from "@dxos/echo";
-import { useGlobalFilteredObjects } from "@dxos/plugin-search";
-import { useClient } from "@dxos/react-client";
-import { getSpace, useQuery } from "@dxos/react-client/echo";
-import { Masonry as MasonryComponent } from "@dxos/react-ui-masonry";
-import { getTypenameFromQuery } from "@dxos/schema";
-var Item = ({ data }) => {
-  var _effect = _useSignals();
-  try {
-    return /* @__PURE__ */ React.createElement(Surface, {
-      role: "card",
-      limit: 1,
-      data: {
-        subject: data
-      }
-    });
-  } finally {
-    _effect.f();
-  }
-};
-var MasonryContainer = ({ object, role }) => {
-  var _effect = _useSignals();
-  try {
-    const client = useClient();
-    const space = getSpace(object);
-    const typename = object.view.target?.query ? getTypenameFromQuery(object.view.target.query.ast) : void 0;
-    const [cardSchema, setCardSchema] = useState();
-    useEffect(() => {
-      const staticSchema = client.graph.schemaRegistry.schemas.find((schema) => Type.getTypename(schema) === typename);
-      if (staticSchema) {
-        setCardSchema(() => staticSchema);
-      }
-      if (!staticSchema && typename && space) {
-        const query = space.db.schemaRegistry.query({
-          typename
-        });
-        const unsubscribe = query.subscribe(() => {
-          const [schema] = query.results;
-          if (schema) {
-            setCardSchema(schema);
-          }
-        }, {
-          fire: true
-        });
-        return unsubscribe;
-      }
-    }, [
-      typename,
-      space
-    ]);
-    const objects = useQuery(space, 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"
-    });
-  } finally {
-    _effect.f();
-  }
-};
-
-// src/capabilities/react-surface.tsx
-var react_surface_default = (() => contributes(Capabilities.ReactSurface, [
-  createSurface({
-    id: meta.id,
-    role: [
-      "article",
-      "section"
-    ],
-    filter: (data) => Obj.instanceOf(Masonry_exports.Masonry, data.subject),
-    component: ({ data, role }) => /* @__PURE__ */ React2.createElement(MasonryContainer, {
-      object: data.subject,
-      role
-    })
-  })
-]));
-export {
-  react_surface_default as default
-};
-//# sourceMappingURL=react-surface-CFD3AW3U.mjs.map