@dxos/plugin-masonry 0.9.0 → 0.9.1-staging.ee54ba693a

package/dx.config.ts

@@ -0,0 +1,31 @@
+//
+// Copyright 2025 DXOS.org
+//
+
+import { Config2 } from '@dxos/app-framework/config';
+import { trim } from '@dxos/util';
+
+export default Config2.make({
+  plugin: {
+    key: 'org.dxos.plugin.masonry',
+    name: 'Masonry',
+    author: 'DXOS',
+    description: trim`
+    Masonry renders a live, query-driven collection as a responsive column-balanced card grid.
+
+    A Masonry object wraps an ECHO View that defines which objects to show and in what order.
+    As objects are added or removed — by any peer — the grid reflows automatically, keeping cards
+    balanced across columns without manual arrangement.
+
+    Each card delegates its body to a Surface slot, so other plugins can supply rich, type-specific
+    content while Masonry handles layout, search, and context menus.
+
+    A built-in search bar filters cards client-side by label without modifying the underlying query,
+    making it easy to explore large collections without leaving the view.
+  `,
+    source: 'https://github.com/dxos/dxos/tree/main/packages/plugins/plugin-masonry',
+    icon: { key: 'ph--wall--regular', hue: 'teal' },
+    spec: 'PLUGIN.mdl',
+    screenshots: [],
+  },
+});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dxos/plugin-masonry",
-  "version": "0.9.0",
+  "version": "0.9.1-staging.ee54ba693a",
   "description": "Masonry DXOS Surface plugin",
   "homepage": "https://dxos.org",
   "bugs": "https://github.com/dxos/dxos/issues",
@@ -70,47 +70,48 @@
   "types": "dist/types/src/index.d.ts",
   "files": [
     "dist",
+    "dx.config.ts",
     "src",
     "PLUGIN.mdl"
   ],
   "dependencies": {
-    "@dxos/app-framework": "0.9.0",
-    "@dxos/compute": "0.9.0",
-    "@dxos/echo": "0.9.0",
-    "@dxos/keys": "0.9.0",
-    "@dxos/app-toolkit": "0.9.0",
-    "@dxos/effect": "0.9.0",
-    "@dxos/plugin-client": "0.9.0",
-    "@dxos/react-client": "0.9.0",
-    "@dxos/react-ui-masonry": "0.9.0",
-    "@dxos/react-ui": "0.9.0",
-    "@dxos/react-ui-search": "0.9.0",
-    "@dxos/react-ui-menu": "0.9.0",
-    "@dxos/plugin-space": "0.9.0",
-    "@dxos/util": "0.9.0",
-    "@dxos/types": "0.9.0",
-    "@dxos/schema": "0.9.0"
+    "@dxos/app-framework": "0.9.1-staging.ee54ba693a",
+    "@dxos/compute": "0.9.1-staging.ee54ba693a",
+    "@dxos/app-toolkit": "0.9.1-staging.ee54ba693a",
+    "@dxos/echo": "0.9.1-staging.ee54ba693a",
+    "@dxos/effect": "0.9.1-staging.ee54ba693a",
+    "@dxos/plugin-client": "0.9.1-staging.ee54ba693a",
+    "@dxos/keys": "0.9.1-staging.ee54ba693a",
+    "@dxos/plugin-space": "0.9.1-staging.ee54ba693a",
+    "@dxos/react-client": "0.9.1-staging.ee54ba693a",
+    "@dxos/react-ui-menu": "0.9.1-staging.ee54ba693a",
+    "@dxos/react-ui-masonry": "0.9.1-staging.ee54ba693a",
+    "@dxos/react-ui-search": "0.9.1-staging.ee54ba693a",
+    "@dxos/schema": "0.9.1-staging.ee54ba693a",
+    "@dxos/util": "0.9.1-staging.ee54ba693a",
+    "@dxos/types": "0.9.1-staging.ee54ba693a",
+    "@dxos/react-ui": "0.9.1-staging.ee54ba693a"
   },
   "devDependencies": {
-    "@types/react": "~19.2.7",
+    "@types/react": "~19.2.17",
     "@types/react-dom": "~19.2.3",
-    "effect": "3.21.3",
-    "react": "~19.2.3",
-    "react-dom": "~19.2.3",
+    "effect": "3.21.4",
+    "react": "~19.2.7",
+    "react-dom": "~19.2.7",
     "vite": "^8.0.16",
-    "@dxos/random": "0.9.0",
-    "@dxos/plugin-preview": "0.9.0",
-    "@dxos/plugin-testing": "0.9.0",
-    "@dxos/plugin-theme": "0.9.0",
-    "@dxos/storybook-utils": "0.9.0",
-    "@dxos/ui-theme": "0.9.0"
+    "@dxos/plugin-preview": "0.9.1-staging.ee54ba693a",
+    "@dxos/plugin-theme": "0.9.1-staging.ee54ba693a",
+    "@dxos/plugin-testing": "0.9.1-staging.ee54ba693a",
+    "@dxos/random": "0.9.1-staging.ee54ba693a",
+    "@dxos/storybook-utils": "0.9.1-staging.ee54ba693a",
+    "@dxos/ui-theme": "0.9.1-staging.ee54ba693a"
   },
   "peerDependencies": {
-    "effect": "3.21.3",
-    "react": "~19.2.3",
-    "react-dom": "~19.2.3",
-    "@dxos/react-ui": "0.9.0",
-    "@dxos/ui-theme": "0.9.0"
+    "effect": "3.21.4",
+    "react": "~19.2.7",
+    "react-dom": "~19.2.7",
+    "@dxos/react-ui": "0.9.1-staging.ee54ba693a",
+    "@dxos/ui-theme": "0.9.1-staging.ee54ba693a"
   },
   "publishConfig": {
     "access": "public"

package/src/MasonryPlugin.test.ts

@@ -11,7 +11,7 @@ import { MasonryPlugin } from '#plugin';
 
 import { meta } from './meta';
 
-const moduleId = (name: string) => `${meta.id}.module.${name}`;
+const moduleId = (name: string) => `${meta.profile.key}.module.${name}`;
 
 describe('MasonryPlugin', () => {
   test('modules activate on the expected events', async ({ expect }) => {

package/src/MasonryPlugin.tsx

@@ -19,7 +19,7 @@ export const MasonryPlugin = Plugin.define(meta).pipe(
   AppPlugin.addSurfaceModule({ activate: ReactSurface }),
   AppPlugin.addTranslationsModule({ translations }),
   AppPlugin.addPluginAssetModule({
-    asset: { pluginId: meta.id, path: 'PLUGIN.mdl', content: pluginSpec, mimeType: 'application/x-mdl' },
+    asset: { pluginId: meta.profile.key, path: 'PLUGIN.mdl', content: pluginSpec, mimeType: 'application/x-mdl' },
   }),
   Plugin.make,
 );

package/src/capabilities/create-object.ts

@@ -27,7 +27,6 @@ export default Capability.makeModule(
           return yield* Operation.invoke(SpaceOperation.AddObject, {
             object,
             target: options.target,
-            hidden: true,
             targetNodeId: options.targetNodeId,
           });
         }),

package/src/capabilities/react-surface.tsx

@@ -10,7 +10,7 @@ import { Surface } from '@dxos/app-framework/ui';
 import { AppSurface } from '@dxos/app-toolkit/ui';
 import { Obj, View } from '@dxos/echo';
 
-import { MasonryContainer } from '#containers';
+import { MasonryArticle } from '#containers';
 import { Masonry } from '#types';
 
 export default Capability.makeModule(() =>
@@ -25,7 +25,7 @@ export default Capability.makeModule(() =>
         ),
         component: ({ data, role }) => {
           const view = Obj.instanceOf(View.View, data.subject) ? data.subject : data.subject.view;
-          return <MasonryContainer view={view} role={role} />;
+          return <MasonryArticle view={view} role={role} />;
         },
       }),
     ]),

package/src/containers/{MasonryContainer/MasonryContainer.stories.tsx → MasonryArticle/MasonryArticle.stories.tsx}

@@ -20,7 +20,7 @@ import { Organization } from '@dxos/types';
 
 import { Masonry } from '#types';
 
-import { MasonryContainer } from './MasonryContainer';
+import { MasonryArticle } from './MasonryArticle';
 
 random.seed(0);
 
@@ -30,7 +30,7 @@ const StorybookMasonry = () => {
   const masonries = useQuery(space?.db, Filter.type(Masonry.Masonry));
   const [masonry] = useObject(masonries.at(0));
 
-  return masonry ? <MasonryContainer view={masonry.view} role='story' /> : null;
+  return masonry ? <MasonryArticle view={masonry.view} role='story' /> : null;
 };
 
 const meta = {

package/src/containers/{MasonryContainer/MasonryContainer.tsx → MasonryArticle/MasonryArticle.tsx}

@@ -9,25 +9,19 @@ import { AppCapabilities } from '@dxos/app-toolkit';
 import { AppSurface, useObjectMenuItems, useSchemaFilter } from '@dxos/app-toolkit/ui';
 import { Filter, Obj, Query, type Ref, Type, type View } from '@dxos/echo';
 import { useObject, useQuery } from '@dxos/react-client/echo';
-import { Card, Panel, Toolbar } from '@dxos/react-ui';
+import { Card, Icon, IconButton, Panel, Toolbar } from '@dxos/react-ui';
 import { Masonry as MasonryComponent } from '@dxos/react-ui-masonry';
 import { Menu } from '@dxos/react-ui-menu';
 import { SearchList, useSearchListResults } from '@dxos/react-ui-search';
 import { getTagFromQuery, getTypeURIFromQuery } from '@dxos/schema';
 import { isNonNullable } from '@dxos/util';
 
-export type MasonryContainerProps = {
-  view: View.View;
+export type MasonryArticleProps = {
+  view: View.View | Ref.Ref<View.View>;
   role?: string;
 };
 
-export const MasonryContainer = ({
-  view: viewOrRef,
-  role: _role,
-}: {
-  view: View.View | Ref.Ref<View.View>;
-  role?: string;
-}) => {
+export const MasonryArticle = ({ view: viewOrRef, role: _role }: MasonryArticleProps) => {
   const [view] = useObject(viewOrRef);
   const schemas = useCapabilities(AppCapabilities.Schema);
   const db = view && Obj.getDatabase(view);
@@ -83,8 +77,8 @@ export const MasonryContainer = ({
               <SearchList.Input placeholder='Search...' />
             </Toolbar.Root>
           </Panel.Toolbar>
-          <Panel.Content>
-            <MasonryComponent.Content>
+          <Panel.Content classNames='pt-trim-md'>
+            <MasonryComponent.Content padding centered>
               <MasonryComponent.Viewport items={results} getId={(data: any) => data?.id} />
             </MasonryComponent.Content>
           </Panel.Content>
@@ -102,16 +96,20 @@ const Item = ({ data }: { data: any }) => {
     <Menu.Root>
       <Card.Root>
         <Card.Header>
-          <Card.Icon icon={icon} />
+          <Card.Block>
+            <Icon icon={icon} />
+          </Card.Block>
           <Card.Title>{Obj.getLabel(data, { fallback: 'typename' })}</Card.Title>
           {/* TODO(wittjosiah): Reconcile with Card.Menu. */}
-          <Menu.Trigger asChild disabled={!objectMenuItems?.length}>
-            <Toolbar.IconButton iconOnly variant='ghost' icon='ph--dots-three-vertical--regular' label='Actions' />
-          </Menu.Trigger>
-          <Menu.Content items={objectMenuItems} />
+          <Card.Block end>
+            <Menu.Trigger asChild disabled={!objectMenuItems?.length}>
+              <IconButton iconOnly variant='ghost' icon='ph--dots-three-vertical--regular' label='Actions' />
+            </Menu.Trigger>
+            <Menu.Content items={objectMenuItems} />
+          </Card.Block>
         </Card.Header>
         <Surface.Surface
-          type={AppSurface.Card}
+          type={AppSurface.CardContent}
           limit={1}
           data={{ subject: data } satisfies AppSurface.ObjectCardData}
         />

package/src/containers/MasonryArticle/index.ts

@@ -0,0 +1,5 @@
+//
+// Copyright 2025 DXOS.org
+//
+
+export { MasonryArticle as default } from './MasonryArticle';

package/src/containers/index.ts

@@ -4,4 +4,4 @@
 
 import { type ComponentType, lazy } from 'react';
 
-export const MasonryContainer: ComponentType<any> = lazy(() => import('./MasonryContainer'));
+export const MasonryArticle: ComponentType<any> = lazy(() => import('./MasonryArticle'));

package/src/meta.ts

@@ -3,29 +3,7 @@
 //
 
 import { Plugin } from '@dxos/app-framework';
-import { DXN } from '@dxos/keys';
-import { trim } from '@dxos/util';
 
-export const meta = Plugin.makeMeta({
-  key: DXN.make('org.dxos.plugin.masonry'),
-  name: 'Masonry',
-  author: 'DXOS',
-  description: trim`
-    Masonry renders a live, query-driven collection as a responsive column-balanced card grid.
+import config from '../dx.config';
 
-    A Masonry object wraps an ECHO View that defines which objects to show and in what order.
-    As objects are added or removed — by any peer — the grid reflows automatically, keeping cards
-    balanced across columns without manual arrangement.
-
-    Each card delegates its body to a Surface slot, so other plugins can supply rich, type-specific
-    content while Masonry handles layout, search, and context menus.
-
-    A built-in search bar filters cards client-side by label without modifying the underlying query,
-    making it easy to explore large collections without leaving the view.
-  `,
-  icon: 'ph--wall--regular',
-  iconHue: 'teal',
-  source: 'https://github.com/dxos/dxos/tree/main/packages/plugins/plugin-masonry',
-  spec: 'PLUGIN.mdl',
-  screenshots: [],
-});
+export const meta = Plugin.getMetaFromConfig(config);

package/src/translations.ts

@@ -22,7 +22,7 @@ export const translations = [
         'delete-object.label': 'Delete masonry',
         'object-deleted.label': 'Masonry deleted',
       },
-      [meta.id]: {
+      [meta.profile.key]: {
         'plugin.name': 'Masonry',
       },
     },

package/src/types/Masonry.ts

@@ -4,36 +4,33 @@
 
 import * as Schema from 'effect/Schema';
 
-// QueryAST is referenced indirectly through `Type.InstanceType<typeof MasonrySchema>`
+// QueryAST is referenced indirectly through the Masonry class
 // (Ref.Ref(View.View) → View.View → QueryAST.Query) in the emitted .d.ts; the
 // namespace import keeps the inferred types portable.
 // eslint-disable-next-line unused-imports/no-unused-imports
-import { DXN, Annotation, Obj, QueryAST, Ref, Type, View } from '@dxos/echo';
+import { Annotation, DXN, Obj, QueryAST, Ref, Type, View } from '@dxos/echo';
 import { FormInputAnnotation, LabelAnnotation } from '@dxos/echo/Annotation';
 import { ViewAnnotation } from '@dxos/schema';
 
-const MasonrySchema = Schema.Struct({
-  name: Schema.String.pipe(Schema.optional),
-
-  view: Ref.Ref(View.View).pipe(FormInputAnnotation.set(false)),
-
-  arrangement: Schema.Array(
-    Schema.Struct({
-      ids: Schema.Array(Obj.ID),
-      hidden: Schema.optional(Schema.Boolean),
-    }),
-  ).pipe(FormInputAnnotation.set(false), Schema.optional),
-  // TODO(wittjosiah): Consider Masonry supporting not being just a view but referencing arbitrary data directly.
-}).pipe(
-  LabelAnnotation.set(['name']),
-  ViewAnnotation.set(['view']),
-  Annotation.IconAnnotation.set({ icon: 'ph--wall--regular', hue: 'green' }),
-  Type.makeObject(DXN.make('org.dxos.type.masonry', '0.1.0')),
-);
-
-// TODO(wittjosiah): Try to clean up this type inference.
-export interface Masonry extends Type.InstanceType<typeof MasonrySchema> {}
-export const Masonry: Type.Obj<Masonry> = MasonrySchema as any;
+export class Masonry extends Type.makeObject<Masonry>(DXN.make('org.dxos.type.masonry', '0.1.0'))(
+  Schema.Struct({
+    name: Schema.String.pipe(Schema.optional),
+
+    view: Ref.Ref(View.View).pipe(FormInputAnnotation.set(false)),
+
+    arrangement: Schema.Array(
+      Schema.Struct({
+        ids: Schema.Array(Obj.ID),
+        hidden: Schema.optional(Schema.Boolean),
+      }),
+    ).pipe(FormInputAnnotation.set(false), Schema.optional),
+    // TODO(wittjosiah): Consider Masonry supporting not being just a view but referencing arbitrary data directly.
+  }).pipe(
+    LabelAnnotation.set(['name']),
+    ViewAnnotation.set(['view']),
+    Annotation.IconAnnotation.set({ icon: 'ph--wall--regular', hue: 'green' }),
+  ),
+) {}
 
 type MakeProps = Omit<Partial<Obj.MakeProps<typeof Masonry>>, 'view'> & {
   view: View.View;

package/src/types/MasonryAction.ts

@@ -15,6 +15,5 @@ export const MasonryProps = Schema.Struct({
       location: ['database', 'runtime'],
       kind: ['user'],
     }),
-    Schema.optional,
   ),
 });

package/dist/lib/neutral/MasonryContainer-7CXOATRR.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/containers/MasonryContainer/MasonryContainer.tsx"],
-  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport React, { useEffect, useMemo, useState } from 'react';\n\nimport { Surface, useCapabilities } from '@dxos/app-framework/ui';\nimport { AppCapabilities } from '@dxos/app-toolkit';\nimport { AppSurface, useObjectMenuItems, useSchemaFilter } from '@dxos/app-toolkit/ui';\nimport { Filter, Obj, Query, type Ref, Type, type View } from '@dxos/echo';\nimport { useObject, useQuery } from '@dxos/react-client/echo';\nimport { Card, Panel, Toolbar } from '@dxos/react-ui';\nimport { Masonry as MasonryComponent } from '@dxos/react-ui-masonry';\nimport { Menu } from '@dxos/react-ui-menu';\nimport { SearchList, useSearchListResults } from '@dxos/react-ui-search';\nimport { getTagFromQuery, getTypeURIFromQuery } from '@dxos/schema';\nimport { isNonNullable } from '@dxos/util';\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 typeUri = view?.query ? getTypeURIFromQuery(view.query.ast) : undefined;\n  const tag = view?.query ? getTagFromQuery(view.query.ast) : undefined;\n\n  const [cardSchema, setCardSchema] = useState<Type.AnyEntity>();\n\n  useEffect(() => {\n    const staticSchema = schemas.flat().find((schema) => Type.getURI(schema) === typeUri);\n    if (staticSchema) {\n      setCardSchema(() => staticSchema);\n      return;\n    }\n    if (typeUri && db) {\n      const findInRegistry = () =>\n        db.graph.registry\n          .list()\n          .filter(Type.isType)\n          .find((t) => Type.getURI(t) === typeUri);\n      setCardSchema(() => findInRegistry());\n      return db.graph.registry.changed.on(() => {\n        setCardSchema(() => findInRegistry());\n      });\n    }\n    setCardSchema(undefined);\n  }, [schemas, typeUri, db]);\n\n  const baseFilter = useSchemaFilter(cardSchema);\n  const query = useMemo(\n    () => (tag ? Query.select(baseFilter).select(Filter.tag(tag)) : Query.select(baseFilter)),\n    [baseFilter, tag],\n  );\n  const objects = useQuery(db, query);\n\n  const sortedObjects = useMemo(\n    () =>\n      objects.filter(isNonNullable).toSorted((a, b) => (Obj.getLabel(a) ?? '').localeCompare(Obj.getLabel(b) ?? '')),\n    [objects],\n  );\n\n  const { results, handleSearch } = useSearchListResults({\n    items: sortedObjects,\n    extract: (obj) => Obj.getLabel(obj) ?? '',\n  });\n\n  return (\n    <MasonryComponent.Root Tile={Item}>\n      <SearchList.Root onSearch={handleSearch}>\n        <Panel.Root>\n          <Panel.Toolbar asChild>\n            <Toolbar.Root>\n              <SearchList.Input placeholder='Search...' />\n            </Toolbar.Root>\n          </Panel.Toolbar>\n          <Panel.Content>\n            <MasonryComponent.Content>\n              <MasonryComponent.Viewport items={results} getId={(data: any) => data?.id} />\n            </MasonryComponent.Content>\n          </Panel.Content>\n        </Panel.Root>\n      </SearchList.Root>\n    </MasonryComponent.Root>\n  );\n};\n\nconst Item = ({ data }: { data: any }) => {\n  const objectMenuItems = useObjectMenuItems(data);\n  const icon = Obj.getIcon(data)?.icon ?? 'ph--circle-dashed--regular';\n\n  return (\n    <Menu.Root>\n      <Card.Root>\n        <Card.Header>\n          <Card.Icon icon={icon} />\n          <Card.Title>{Obj.getLabel(data, { fallback: 'typename' })}</Card.Title>\n          {/* TODO(wittjosiah): Reconcile with Card.Menu. */}\n          <Menu.Trigger asChild disabled={!objectMenuItems?.length}>\n            <Toolbar.IconButton iconOnly variant='ghost' icon='ph--dots-three-vertical--regular' label='Actions' />\n          </Menu.Trigger>\n          <Menu.Content items={objectMenuItems} />\n        </Card.Header>\n        <Surface.Surface\n          type={AppSurface.Card}\n          limit={1}\n          data={{ subject: data } satisfies AppSurface.ObjectCardData}\n        />\n      </Card.Root>\n    </Menu.Root>\n  );\n};\n"],
-  "mappings": "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",
-  "names": ["React", "useEffect", "useMemo", "useState", "Surface", "useCapabilities", "AppCapabilities", "AppSurface", "useObjectMenuItems", "useSchemaFilter", "Filter", "Obj", "Query", "Type", "useObject", "useQuery", "Card", "Panel", "Toolbar", "Masonry", "MasonryComponent", "Menu", "SearchList", "useSearchListResults", "getTagFromQuery", "getTypeURIFromQuery", "isNonNullable", "MasonryContainer", "view", "viewOrRef", "role", "_role", "schemas", "Schema", "db", "getDatabase", "typeUri", "query", "ast", "undefined", "tag", "cardSchema", "setCardSchema", "staticSchema", "flat", "find", "schema", "getURI", "findInRegistry", "graph", "registry", "list", "filter", "isType", "t", "changed", "on", "baseFilter", "select", "objects", "sortedObjects", "toSorted", "a", "b", "getLabel", "localeCompare", "results", "handleSearch", "items", "extract", "obj", "Root", "Tile", "Item", "onSearch", "asChild", "Input", "placeholder", "Content", "Viewport", "getId", "data", "id", "objectMenuItems", "icon", "getIcon", "Header", "Icon", "Title", "fallback", "Trigger", "disabled", "length", "IconButton", "iconOnly", "variant", "label", "type", "limit", "subject"]
-}

package/dist/lib/neutral/chunk-CNXGZZNQ.mjs.map

@@ -1,7 +0,0 @@
-{
-  "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\n// QueryAST is referenced indirectly through `Type.InstanceType<typeof MasonrySchema>`\n// (Ref.Ref(View.View) → View.View → QueryAST.Query) in the emitted .d.ts; the\n// namespace import keeps the inferred types portable.\n// eslint-disable-next-line unused-imports/no-unused-imports\nimport { DXN, Annotation, Obj, QueryAST, Ref, Type, View } from '@dxos/echo';\nimport { FormInputAnnotation, LabelAnnotation } from '@dxos/echo/Annotation';\nimport { ViewAnnotation } from '@dxos/schema';\n\nconst MasonrySchema = Schema.Struct({\n  name: Schema.String.pipe(Schema.optional),\n\n  view: Ref.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  LabelAnnotation.set(['name']),\n  ViewAnnotation.set(['view']),\n  Annotation.IconAnnotation.set({ icon: 'ph--wall--regular', hue: 'green' }),\n  Type.makeObject(DXN.make('org.dxos.type.masonry', '0.1.0')),\n);\n\n// TODO(wittjosiah): Try to clean up this type inference.\nexport interface Masonry extends Type.InstanceType<typeof MasonrySchema> {}\nexport const Masonry: Type.Obj<Masonry> = MasonrySchema as any;\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// Copyright 2025 DXOS.org\n//\n\nimport * as Schema from 'effect/Schema';\n\nimport { TypeInputOptionsAnnotation } from '@dxos/plugin-space';\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    }),\n    Schema.optional,\n  ),\n});\n"],
-  "mappings": ";;;;;AAAA;;;;;AAIA,YAAYA,YAAY;AAMxB,SAASC,KAAKC,YAAYC,KAAeC,KAAKC,MAAMC,YAAY;AAChE,SAASC,qBAAqBC,uBAAuB;AACrD,SAASC,sBAAsB;AAE/B,IAAMC,gBAAuBC,cAAO;EAClCC,MAAaC,cAAOC,KAAYC,eAAQ;EAExCC,MAAMZ,IAAIA,IAAIE,KAAKA,IAAI,EAAEQ,KAAKP,oBAAoBU,IAAI,KAAA,CAAA;EAEtDC,aAAoBC,aACXR,cAAO;IACZS,KAAYD,aAAMhB,IAAIkB,EAAE;IACxBC,QAAeP,gBAAgBQ,cAAO;EACxC,CAAA,CAAA,EACAT,KAAKP,oBAAoBU,IAAI,KAAA,GAAeF,eAAQ;AAExD,CAAA,EAAGD,KACDN,gBAAgBS,IAAI;EAAC;CAAO,GAC5BR,eAAeQ,IAAI;EAAC;CAAO,GAC3Bf,WAAWsB,eAAeP,IAAI;EAAEQ,MAAM;EAAqBC,KAAK;AAAQ,CAAA,GACxErB,KAAKsB,WAAW1B,IAAI2B,KAAK,yBAAyB,OAAA,CAAA,CAAA;AAK7C,IAAMC,UAA6BnB;AASnC,IAAMkB,OAAO,CAAC,EAAEhB,MAAMM,cAAc,CAAA,GAAIF,KAAI,MAAa;AAC9D,SAAOb,IAAIyB,KAAKC,SAAS;IAAEjB;IAAMI,MAAMZ,IAAIwB,KAAKZ,IAAAA;IAAOE;EAAY,CAAA;AACrE;;;AC9CA;;;;AAIA,YAAYY,aAAY;AAExB,SAASC,kCAAkC;AAEpC,IAAMC,eAAsBC,eAAO;EACxCC,MAAaC,iBAAgBC,cAAM;;EAEnCC,UAAiBD,eAAOE,KACfC,oBAAY;IAAEC,OAAO;EAAmB,CAAA,GAC/CT,2BAA2BU,IAAI;IAC7BC,UAAU;MAAC;MAAY;;IACvBC,MAAM;MAAC;;EACT,CAAA,GACOR,gBAAQ;AAEnB,CAAA;",
-  "names": ["Schema", "DXN", "Annotation", "Obj", "Ref", "Type", "View", "FormInputAnnotation", "LabelAnnotation", "ViewAnnotation", "MasonrySchema", "Struct", "name", "String", "pipe", "optional", "view", "set", "arrangement", "Array", "ids", "ID", "hidden", "Boolean", "IconAnnotation", "icon", "hue", "makeObject", "make", "Masonry", "Schema", "TypeInputOptionsAnnotation", "MasonryProps", "Struct", "name", "optional", "String", "typename", "pipe", "annotations", "title", "set", "location", "kind"]
-}

package/dist/lib/neutral/chunk-IJ2FIXSI.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/meta.ts"],
-  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport { Plugin } from '@dxos/app-framework';\nimport { DXN } from '@dxos/keys';\nimport { trim } from '@dxos/util';\n\nexport const meta = Plugin.makeMeta({\n  key: DXN.make('org.dxos.plugin.masonry'),\n  name: 'Masonry',\n  author: 'DXOS',\n  description: trim`\n    Masonry renders a live, query-driven collection as a responsive column-balanced card grid.\n\n    A Masonry object wraps an ECHO View that defines which objects to show and in what order.\n    As objects are added or removed — by any peer — the grid reflows automatically, keeping cards\n    balanced across columns without manual arrangement.\n\n    Each card delegates its body to a Surface slot, so other plugins can supply rich, type-specific\n    content while Masonry handles layout, search, and context menus.\n\n    A built-in search bar filters cards client-side by label without modifying the underlying query,\n    making it easy to explore large collections without leaving the view.\n  `,\n  icon: 'ph--wall--regular',\n  iconHue: 'teal',\n  source: 'https://github.com/dxos/dxos/tree/main/packages/plugins/plugin-masonry',\n  spec: 'PLUGIN.mdl',\n  screenshots: [],\n});\n"],
-  "mappings": ";AAIA,SAASA,cAAc;AACvB,SAASC,WAAW;AACpB,SAASC,YAAY;AAEd,IAAMC,OAAOH,OAAOI,SAAS;EAClCC,KAAKJ,IAAIK,KAAK,yBAAA;EACdC,MAAM;EACNC,QAAQ;EACRC,aAAaP;;;;;;;;;;;;;EAabQ,MAAM;EACNC,SAAS;EACTC,QAAQ;EACRC,MAAM;EACNC,aAAa,CAAA;AACf,CAAA;",
-  "names": ["Plugin", "DXN", "trim", "meta", "makeMeta", "key", "make", "name", "author", "description", "icon", "iconHue", "source", "spec", "screenshots"]
-}

package/dist/lib/neutral/react-surface-7CZHE3XA.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/capabilities/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 { AppSurface } from '@dxos/app-toolkit/ui';\nimport { Obj, View } from '@dxos/echo';\n\nimport { MasonryContainer } from '#containers';\nimport { Masonry } from '#types';\n\nexport default Capability.makeModule(() =>\n  Effect.succeed(\n    Capability.contributes(Capabilities.ReactSurface, [\n      Surface.create({\n        id: 'root',\n        // TODO(wittjosiah): Split into multiple surfaces if this filter proves too strict for non-article roles.\n        filter: AppSurface.oneOf(\n          AppSurface.object(AppSurface.Article, [Masonry.Masonry, View.View]),\n          AppSurface.object(AppSurface.Section, [Masonry.Masonry, View.View]),\n        ),\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"],
-  "mappings": ";;;AAIA,YAAYA,YAAY;AACxB,OAAOC,WAAW;AAElB,SAASC,cAAcC,kBAAkB;AACzC,SAASC,eAAe;AACxB,SAASC,kBAAkB;AAC3B,SAASC,KAAKC,YAAY;AAE1B,SAASC,wBAAwB;AACjC,SAASC,eAAe;AAExB,IAAA,wBAAeN,WAAWO,WAAW,MAC5BC,eACLR,WAAWS,YAAYV,aAAaW,cAAc;EAChDT,QAAQU,OAAO;IACbC,IAAI;;IAEJC,QAAQX,WAAWY,MACjBZ,WAAWa,OAAOb,WAAWc,SAAS;MAACV,QAAQA;MAASF,KAAKA;KAAK,GAClEF,WAAWa,OAAOb,WAAWe,SAAS;MAACX,QAAQA;MAASF,KAAKA;KAAK,CAAA;IAEpEc,WAAW,CAAC,EAAEC,MAAMC,KAAI,MAAE;AACxB,YAAMC,OAAOlB,IAAImB,WAAWlB,KAAKA,MAAMe,KAAKI,OAAO,IAAIJ,KAAKI,UAAUJ,KAAKI,QAAQF;AACnF,aAAO,sBAAA,cAAChB,kBAAAA;QAAiBgB;QAAYD;;IACvC;EACF,CAAA;CACD,CAAA,CAAA;",
-  "names": ["Effect", "React", "Capabilities", "Capability", "Surface", "AppSurface", "Obj", "View", "MasonryContainer", "Masonry", "makeModule", "succeed", "contributes", "ReactSurface", "create", "id", "filter", "oneOf", "object", "Article", "Section", "component", "data", "role", "view", "instanceOf", "subject"]
-}

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

@@ -1,11 +0,0 @@
-import React from 'react';
-import { type Ref, type View } from '@dxos/echo';
-export type MasonryContainerProps = {
-    view: View.View;
-    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/containers/MasonryContainer/MasonryContainer.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"MasonryContainer.d.ts","sourceRoot":"","sources":["../../../../../src/containers/MasonryContainer/MasonryContainer.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAK5D,OAAO,EAAsB,KAAK,GAAG,EAAQ,KAAK,IAAI,EAAE,MAAM,YAAY,CAAC;AAS3E,MAAM,MAAM,qBAAqB,GAAG;IAClC,IAAI,EAAE,IAAI,CAAC,IAAI,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,eAAO,MAAM,gBAAgB,sCAG1B;IACD,IAAI,EAAE,IAAI,CAAC,IAAI,GAAG,GAAG,CAAC,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IACrC,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,sBAiEA,CAAC"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"MasonryContainer.stories.d.ts","sourceRoot":"","sources":["../../../../../src/containers/MasonryContainer/MasonryContainer.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAEjE,OAAO,KAAK,MAAM,OAAO,CAAC;AA6B1B,QAAA,MAAM,IAAI;;;;;;QAkCN,MAAM;;CAEM,CAAC;eAEF,IAAI;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC"}

package/dist/types/src/containers/MasonryContainer/index.d.ts

@@ -1,2 +0,0 @@
-export { MasonryContainer as default } from './MasonryContainer';
-//# sourceMappingURL=index.d.ts.map

package/dist/types/src/containers/MasonryContainer/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/containers/MasonryContainer/index.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,gBAAgB,IAAI,OAAO,EAAE,MAAM,oBAAoB,CAAC"}

package/src/containers/MasonryContainer/index.ts

@@ -1,5 +0,0 @@
-//
-// Copyright 2025 DXOS.org
-//
-
-export { MasonryContainer as default } from './MasonryContainer';