@dxos/plugin-masonry 0.8.4-main.e8ec1fe → 0.8.4-main.fcfe5033a5

package/src/types/MasonryAction.ts

@@ -4,27 +4,17 @@
 
 import * as Schema from 'effect/Schema';
 
-import { SpaceSchema } from '@dxos/react-client/echo';
-import { TypenameAnnotationId, View } from '@dxos/schema';
-
-import { meta } from '../meta';
-
-const MASONRY_ACTION = `${meta.id}/action`;
+import { TypeInputOptionsAnnotation } from '@dxos/plugin-space/types';
 
 export const MasonryProps = Schema.Struct({
   name: Schema.optional(Schema.String),
   // TODO(wittjosiah): This should be a query input instead.
-  typename: Schema.optional(
-    Schema.String.annotations({
-      [TypenameAnnotationId]: ['used-static', 'dynamic'],
-      title: 'Select card record type (leave empty to start fresh)',
+  typename: Schema.String.pipe(
+    Schema.annotations({ title: 'Select card type' }),
+    TypeInputOptionsAnnotation.set({
+      location: ['database', 'runtime'],
+      kind: ['user'],
     }),
+    Schema.optional,
   ),
 });
-
-export class CreateMasonry extends Schema.TaggedClass<CreateMasonry>()(`${MASONRY_ACTION}/create`, {
-  input: Schema.extend(Schema.Struct({ space: SpaceSchema }), MasonryProps),
-  output: Schema.Struct({
-    object: View.View,
-  }),
-}) {}

package/dist/lib/browser/chunk-Z4ORTGID.mjs

@@ -1,93 +0,0 @@
-var __defProp = Object.defineProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-
-// src/meta.ts
-import { trim } from "@dxos/util";
-var meta = {
-  id: "dxos.org/plugin/masonry",
-  name: "Masonry",
-  description: trim`
-    Responsive grid layout that displays query results in an adaptive masonry pattern.
-    Visualize collections of cards, images, or mixed content that automatically adjusts to available screen space.
-  `,
-  icon: "ph--wall--regular",
-  iconHue: "green",
-  source: "https://github.com/dxos/dxos/tree/main/packages/plugins/plugin-masonry",
-  screenshots: []
-};
-
-// src/types/Masonry.ts
-var Masonry_exports = {};
-__export(Masonry_exports, {
-  Masonry: () => Masonry,
-  make: () => make,
-  makeView: () => makeView
-});
-import * as Schema from "effect/Schema";
-import { Obj, Type } from "@dxos/echo";
-import { ViewAnnotation, toEffectSchema } from "@dxos/echo/internal";
-import { View } from "@dxos/schema";
-var Masonry = Schema.Struct({
-  arrangement: Schema.Array(Schema.Struct({
-    ids: Schema.Array(Type.ObjectId),
-    hidden: Schema.optional(Schema.Boolean)
-  }).pipe(Schema.mutable)).pipe(Schema.mutable, Schema.optional)
-}).pipe(Type.Obj({
-  typename: "dxos.org/type/Masonry",
-  version: "0.1.0"
-}), ViewAnnotation.set(true));
-var make = (props = {}) => Obj.make(Masonry, props);
-var makeView = async ({ ...props }) => {
-  const masonry = Obj.make(Masonry, {});
-  const { jsonSchema, view } = await View.makeFromSpace({
-    ...props,
-    presentation: masonry
-  });
-  const schema = toEffectSchema(jsonSchema);
-  return {
-    jsonSchema,
-    schema,
-    view
-  };
-};
-
-// src/types/MasonryAction.ts
-var MasonryAction_exports = {};
-__export(MasonryAction_exports, {
-  CreateMasonry: () => CreateMasonry,
-  MasonryProps: () => MasonryProps
-});
-import * as Schema2 from "effect/Schema";
-import { SpaceSchema } from "@dxos/react-client/echo";
-import { TypenameAnnotationId, View as View2 } from "@dxos/schema";
-var MASONRY_ACTION = `${meta.id}/action`;
-var MasonryProps = Schema2.Struct({
-  name: Schema2.optional(Schema2.String),
-  // TODO(wittjosiah): This should be a query input instead.
-  typename: Schema2.optional(Schema2.String.annotations({
-    [TypenameAnnotationId]: [
-      "used-static",
-      "dynamic"
-    ],
-    title: "Select card record type (leave empty to start fresh)"
-  }))
-});
-var CreateMasonry = class extends Schema2.TaggedClass()(`${MASONRY_ACTION}/create`, {
-  input: Schema2.extend(Schema2.Struct({
-    space: SpaceSchema
-  }), MasonryProps),
-  output: Schema2.Struct({
-    object: View2.View
-  })
-}) {
-};
-
-export {
-  meta,
-  Masonry_exports,
-  MasonryAction_exports
-};
-//# sourceMappingURL=chunk-Z4ORTGID.mjs.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/meta.ts", "../../../src/types/Masonry.ts", "../../../src/types/MasonryAction.ts"],
-  "sourcesContent": ["//\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", "//\n// Copyright 2025 DXOS.org\n//\n\nimport * as Schema from 'effect/Schema';\n\nimport { Obj, Type } from '@dxos/echo';\nimport { type JsonSchemaType, ViewAnnotation, toEffectSchema } from '@dxos/echo/internal';\nimport { View } from '@dxos/schema';\n\nexport const Masonry = Schema.Struct({\n  arrangement: Schema.Array(\n    Schema.Struct({\n      ids: Schema.Array(Type.ObjectId),\n      hidden: Schema.optional(Schema.Boolean),\n    }).pipe(Schema.mutable),\n  ).pipe(Schema.mutable, 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.1.0',\n  }),\n  ViewAnnotation.set(true),\n);\n\nexport type Masonry = Schema.Schema.Type<typeof Masonry>;\n\n/**\n * Make a masonry object.\n */\nexport const make = (props: Obj.MakeProps<typeof Masonry> = {}) => Obj.make(Masonry, props);\n\nexport type MakeViewProps = Omit<View.MakeFromSpaceProps, 'presentation'>;\n\nexport const makeView = async ({\n  ...props\n}: MakeViewProps): Promise<{\n  jsonSchema: JsonSchemaType;\n  view: View.View;\n  schema: ReturnType<typeof toEffectSchema>;\n}> => {\n  const masonry = Obj.make(Masonry, {});\n  const { jsonSchema, view } = await View.makeFromSpace({ ...props, presentation: masonry });\n\n  // Preset sizes.\n  const schema = toEffectSchema(jsonSchema);\n\n  return { jsonSchema, schema, view };\n};\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport * as Schema from 'effect/Schema';\n\nimport { SpaceSchema } from '@dxos/react-client/echo';\nimport { TypenameAnnotationId, View } from '@dxos/schema';\n\nimport { meta } from '../meta';\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.optional(\n    Schema.String.annotations({\n      [TypenameAnnotationId]: ['used-static', 'dynamic'],\n      title: 'Select card record type (leave empty to start fresh)',\n    }),\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: View.View,\n  }),\n}) {}\n"],
-  "mappings": ";;;;;;;AAKA,SAASA,YAAY;AAEd,IAAMC,OAAmB;EAC9BC,IAAI;EACJC,MAAM;EACNC,aAAaC;;;;EAIbC,MAAM;EACNC,SAAS;EACTC,QAAQ;EACRC,aAAa,CAAA;AACf;;;AClBA;;;;;;AAIA,YAAYC,YAAY;AAExB,SAASC,KAAKC,YAAY;AAC1B,SAA8BC,gBAAgBC,sBAAsB;AACpE,SAASC,YAAY;AAEd,IAAMC,UAAiBC,cAAO;EACnCC,aAAoBC,aACXF,cAAO;IACZG,KAAYD,aAAME,KAAKC,QAAQ;IAC/BC,QAAeC,gBAAgBC,cAAO;EACxC,CAAA,EAAGC,KAAYC,cAAO,CAAA,EACtBD,KAAYC,gBAAgBH,eAAQ;AAExC,CAAA,EAAGE,KACDL,KAAKO,IAAI;EACPC,UAAU;EACVC,SAAS;AACX,CAAA,GACAC,eAAeC,IAAI,IAAA,CAAA;AAQd,IAAMC,OAAO,CAACC,QAAuC,CAAC,MAAMN,IAAIK,KAAKjB,SAASkB,KAAAA;AAI9E,IAAMC,WAAW,OAAO,EAC7B,GAAGD,MAAAA,MACW;AAKd,QAAME,UAAUR,IAAIK,KAAKjB,SAAS,CAAC,CAAA;AACnC,QAAM,EAAEqB,YAAYC,KAAI,IAAK,MAAMC,KAAKC,cAAc;IAAE,GAAGN;IAAOO,cAAcL;EAAQ,CAAA;AAGxF,QAAMM,SAASC,eAAeN,UAAAA;AAE9B,SAAO;IAAEA;IAAYK;IAAQJ;EAAK;AACpC;;;ACjDA;;;;;AAIA,YAAYM,aAAY;AAExB,SAASC,mBAAmB;AAC5B,SAASC,sBAAsBC,QAAAA,aAAY;AAI3C,IAAMC,iBAAiB,GAAGC,KAAKC,EAAE;AAE1B,IAAMC,eAAsBC,eAAO;EACxCC,MAAaC,iBAAgBC,cAAM;;EAEnCC,UAAiBF,iBACRC,eAAOE,YAAY;IACxB,CAACC,oBAAAA,GAAuB;MAAC;MAAe;;IACxCC,OAAO;EACT,CAAA,CAAA;AAEJ,CAAA;AAEO,IAAMC,gBAAN,cAAmCC,oBAAW,EAAkB,GAAGb,cAAAA,WAAyB;EACjGc,OAAcC,eAAcX,eAAO;IAAEY,OAAOC;EAAY,CAAA,GAAId,YAAAA;EAC5De,QAAed,eAAO;IACpBe,QAAQC,MAAKA;EACf,CAAA;AACF,CAAA,EAAA;AAAI;",
-  "names": ["trim", "meta", "id", "name", "description", "trim", "icon", "iconHue", "source", "screenshots", "Schema", "Obj", "Type", "ViewAnnotation", "toEffectSchema", "View", "Masonry", "Struct", "arrangement", "Array", "ids", "Type", "ObjectId", "hidden", "optional", "Boolean", "pipe", "mutable", "Obj", "typename", "version", "ViewAnnotation", "set", "make", "props", "makeView", "masonry", "jsonSchema", "view", "View", "makeFromSpace", "presentation", "schema", "toEffectSchema", "Schema", "SpaceSchema", "TypenameAnnotationId", "View", "MASONRY_ACTION", "meta", "id", "MasonryProps", "Struct", "name", "optional", "String", "typename", "annotations", "TypenameAnnotationId", "title", "CreateMasonry", "TaggedClass", "input", "extend", "space", "SpaceSchema", "output", "object", "View"]
-}

package/dist/lib/browser/intent-resolver-TCILFRP3.mjs

@@ -1,31 +0,0 @@
-import {
-  MasonryAction_exports,
-  Masonry_exports
-} from "./chunk-Z4ORTGID.mjs";
-
-// src/capabilities/intent-resolver.ts
-import { Capabilities, contributes, createResolver } from "@dxos/app-framework";
-import { ClientCapabilities } from "@dxos/plugin-client";
-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 Masonry_exports.makeView({
-        client,
-        space,
-        name,
-        typename
-      });
-      return {
-        data: {
-          object: view
-        }
-      };
-    }
-  })
-]));
-export {
-  intent_resolver_default as default
-};
-//# sourceMappingURL=intent-resolver-TCILFRP3.mjs.map

package/dist/lib/browser/intent-resolver-TCILFRP3.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';\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 Masonry.makeView({\n          client,\n          space,\n          name,\n          typename,\n        });\n        return { data: { object: view } };\n      },\n    }),\n  ]);\n"],
-  "mappings": ";;;;;;AAIA,SAASA,cAAkCC,aAAaC,sBAAsB;AAC9E,SAASC,0BAA0B;AAInC,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,gBAAQC,SAAS;QACtCN;QACAH;QACAC;QACAC;MACF,CAAA;AACA,aAAO;QAAEQ,MAAM;UAAEC,QAAQJ;QAAK;MAAE;IAClC;EACF,CAAA;CACD;",
-  "names": ["Capabilities", "contributes", "createResolver", "ClientCapabilities", "context", "contributes", "Capabilities", "IntentResolver", "createResolver", "intent", "MasonryAction", "CreateMasonry", "resolve", "space", "name", "typename", "client", "getCapability", "ClientCapabilities", "Client", "view", "Masonry", "makeView", "data", "object"]
-}

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

@@ -1,112 +0,0 @@
-import {
-  Masonry_exports,
-  meta
-} from "./chunk-Z4ORTGID.mjs";
-
-// src/capabilities/react-surface.tsx
-import React2 from "react";
-import { Capabilities, contributes, createSurface } from "@dxos/app-framework";
-import { Obj } from "@dxos/echo";
-import { View } from "@dxos/schema";
-
-// src/components/MasonryContainer.tsx
-import { useSignals as _useSignals } from "@preact-signals/safe-react/tracking";
-import React, { useEffect, useMemo, useState } from "react";
-import { Surface } from "@dxos/app-framework/react";
-import { Filter, Type } from "@dxos/echo";
-import { EchoSchema } from "@dxos/echo/internal";
-import { useGlobalFilteredObjects } from "@dxos/plugin-search";
-import { useClient } from "@dxos/react-client";
-import { getSpace, useQuery } from "@dxos/react-client/echo";
-import { Masonry } from "@dxos/react-ui-masonry";
-import { ProjectionModel, 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 = ({ view, role }) => {
-  var _effect = _useSignals();
-  try {
-    const client = useClient();
-    const space = getSpace(view);
-    const typename = view.query ? getTypenameFromQuery(view.query.ast) : void 0;
-    const [cardSchema, setCardSchema] = useState();
-    const [projection, setProjection] = useState();
-    const jsonSchema = useMemo(() => {
-      if (!cardSchema) return void 0;
-      return cardSchema instanceof EchoSchema ? cardSchema.jsonSchema : Type.toJsonSchema(cardSchema);
-    }, [
-      cardSchema
-    ]);
-    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
-    ]);
-    useEffect(() => {
-      if (jsonSchema) {
-        setProjection(new ProjectionModel(jsonSchema, view.projection));
-      }
-    }, [
-      view.projection,
-      JSON.stringify(jsonSchema)
-    ]);
-    const objects = useQuery(space, cardSchema ? Filter.type(cardSchema) : Filter.nothing());
-    const filteredObjects = useGlobalFilteredObjects(objects);
-    return /* @__PURE__ */ React.createElement(Masonry.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(View.View, data.subject) && Obj.instanceOf(Masonry_exports.Masonry, data.subject.presentation?.target),
-    component: ({ data, role }) => /* @__PURE__ */ React2.createElement(MasonryContainer, {
-      view: data.subject,
-      role
-    })
-  })
-]));
-export {
-  react_surface_default as default
-};
-//# sourceMappingURL=react-surface-EUN65F5S.mjs.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/capabilities/react-surface.tsx", "../../../src/components/MasonryContainer.tsx"],
-  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport React from 'react';\n\nimport { Capabilities, contributes, createSurface } from '@dxos/app-framework';\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 () =>\n  contributes(Capabilities.ReactSurface, [\n    createSurface({\n      id: meta.id,\n      role: ['article', 'section'],\n      filter: (data): data is { subject: View.View } =>\n        Obj.instanceOf(View.View, data.subject) && Obj.instanceOf(Masonry.Masonry, data.subject.presentation?.target),\n      component: ({ data, role }) => <MasonryContainer view={data.subject} role={role} />,\n    }),\n  ]);\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport React, { useEffect, useMemo, useState } from 'react';\n\nimport { Surface } from '@dxos/app-framework/react';\nimport { Filter, Type } from '@dxos/echo';\nimport { EchoSchema, type TypedObject } from '@dxos/echo/internal';\nimport { useGlobalFilteredObjects } from '@dxos/plugin-search';\nimport { useClient } from '@dxos/react-client';\nimport { getSpace, useQuery } from '@dxos/react-client/echo';\nimport { Masonry } from '@dxos/react-ui-masonry';\nimport { ProjectionModel, type View, getTypenameFromQuery } from '@dxos/schema';\n\nconst Item = ({ data }: { data: any }) => {\n  return <Surface role='card' limit={1} data={{ subject: data }} />;\n};\n\nexport const MasonryContainer = ({ view, role }: { view: View.View; role: string }) => {\n  const client = useClient();\n  const space = getSpace(view);\n  const typename = view.query ? getTypenameFromQuery(view.query.ast) : undefined;\n\n  const [cardSchema, setCardSchema] = useState<TypedObject<any, any>>();\n  const [projection, setProjection] = useState<ProjectionModel>();\n\n  const jsonSchema = useMemo(() => {\n    if (!cardSchema) return undefined;\n    return cardSchema instanceof EchoSchema ? cardSchema.jsonSchema : Type.toJsonSchema(cardSchema);\n  }, [cardSchema]);\n\n  useEffect(() => {\n    const staticSchema = client.graph.schemaRegistry.schemas.find((schema) => Type.getTypename(schema) === typename);\n    if (staticSchema) {\n      setCardSchema(() => staticSchema as TypedObject<any, any>);\n    }\n    if (!staticSchema && typename && space) {\n      const query = space.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  }, [typename, space]);\n\n  useEffect(() => {\n    if (jsonSchema) {\n      setProjection(new ProjectionModel(jsonSchema, view.projection));\n    }\n  }, [view.projection, JSON.stringify(jsonSchema)]);\n\n  const objects = useQuery(space, cardSchema ? Filter.type(cardSchema) : Filter.nothing());\n  const filteredObjects = useGlobalFilteredObjects(objects);\n\n  return (\n    <Masonry.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"],
-  "mappings": ";;;;;;AAIA,OAAOA,YAAW;AAElB,SAASC,cAAcC,aAAaC,qBAAqB;AACzD,SAASC,WAAW;AACpB,SAASC,YAAY;;;;ACJrB,OAAOC,SAASC,WAAWC,SAASC,gBAAgB;AAEpD,SAASC,eAAe;AACxB,SAASC,QAAQC,YAAY;AAC7B,SAASC,kBAAoC;AAC7C,SAASC,gCAAgC;AACzC,SAASC,iBAAiB;AAC1B,SAASC,UAAUC,gBAAgB;AACnC,SAASC,eAAe;AACxB,SAASC,iBAA4BC,4BAA4B;AAEjE,IAAMC,OAAO,CAAC,EAAEC,KAAI,MAAiB;;;AACnC,WAAO,sBAAA,cAACC,SAAAA;MAAQC,MAAK;MAAOC,OAAO;MAAGH,MAAM;QAAEI,SAASJ;MAAK;;;;;AAC9D;AAEO,IAAMK,mBAAmB,CAAC,EAAEC,MAAMJ,KAAI,MAAqC;;;AAChF,UAAMK,SAASC,UAAAA;AACf,UAAMC,QAAQC,SAASJ,IAAAA;AACvB,UAAMK,WAAWL,KAAKM,QAAQC,qBAAqBP,KAAKM,MAAME,GAAG,IAAIC;AAErE,UAAM,CAACC,YAAYC,aAAAA,IAAiBC,SAAAA;AACpC,UAAM,CAACC,YAAYC,aAAAA,IAAiBF,SAAAA;AAEpC,UAAMG,aAAaC,QAAQ,MAAA;AACzB,UAAI,CAACN,WAAY,QAAOD;AACxB,aAAOC,sBAAsBO,aAAaP,WAAWK,aAAaG,KAAKC,aAAaT,UAAAA;IACtF,GAAG;MAACA;KAAW;AAEfU,cAAU,MAAA;AACR,YAAMC,eAAepB,OAAOqB,MAAMC,eAAeC,QAAQC,KAAK,CAACC,WAAWR,KAAKS,YAAYD,MAAAA,MAAYrB,QAAAA;AACvG,UAAIgB,cAAc;AAChBV,sBAAc,MAAMU,YAAAA;MACtB;AACA,UAAI,CAACA,gBAAgBhB,YAAYF,OAAO;AACtC,cAAMG,QAAQH,MAAMyB,GAAGL,eAAejB,MAAM;UAAED;QAAS,CAAA;AACvD,cAAMwB,cAAcvB,MAAMwB,UACxB,MAAA;AACE,gBAAM,CAACJ,MAAAA,IAAUpB,MAAMyB;AACvB,cAAIL,QAAQ;AACVf,0BAAce,MAAAA;UAChB;QACF,GACA;UAAEM,MAAM;QAAK,CAAA;AAEf,eAAOH;MACT;IACF,GAAG;MAACxB;MAAUF;KAAM;AAEpBiB,cAAU,MAAA;AACR,UAAIL,YAAY;AACdD,sBAAc,IAAImB,gBAAgBlB,YAAYf,KAAKa,UAAU,CAAA;MAC/D;IACF,GAAG;MAACb,KAAKa;MAAYqB,KAAKC,UAAUpB,UAAAA;KAAY;AAEhD,UAAMqB,UAAUC,SAASlC,OAAOO,aAAa4B,OAAOC,KAAK7B,UAAAA,IAAc4B,OAAOE,QAAO,CAAA;AACrF,UAAMC,kBAAkBC,yBAAyBN,OAAAA;AAEjD,WACE,sBAAA,cAACO,QAAQC,MAAI;MACXC,OAAOJ;MACPK,QAAQrD;MACRsD,YAAW;;;;;AAGjB;;;ADtDA,IAAA,yBAAe,MACbC,YAAYC,aAAaC,cAAc;EACrCC,cAAc;IACZC,IAAIC,KAAKD;IACTE,MAAM;MAAC;MAAW;;IAClBC,QAAQ,CAACC,SACPC,IAAIC,WAAWC,KAAKA,MAAMH,KAAKI,OAAO,KAAKH,IAAIC,WAAWG,gBAAQA,SAASL,KAAKI,QAAQE,cAAcC,MAAAA;IACxGC,WAAW,CAAC,EAAER,MAAMF,KAAI,MAAO,gBAAAW,OAAA,cAACC,kBAAAA;MAAiBC,MAAMX,KAAKI;MAASN;;EACvE,CAAA;CACD;",
-  "names": ["React", "Capabilities", "contributes", "createSurface", "Obj", "View", "React", "useEffect", "useMemo", "useState", "Surface", "Filter", "Type", "EchoSchema", "useGlobalFilteredObjects", "useClient", "getSpace", "useQuery", "Masonry", "ProjectionModel", "getTypenameFromQuery", "Item", "data", "Surface", "role", "limit", "subject", "MasonryContainer", "view", "client", "useClient", "space", "getSpace", "typename", "query", "getTypenameFromQuery", "ast", "undefined", "cardSchema", "setCardSchema", "useState", "projection", "setProjection", "jsonSchema", "useMemo", "EchoSchema", "Type", "toJsonSchema", "useEffect", "staticSchema", "graph", "schemaRegistry", "schemas", "find", "schema", "getTypename", "db", "unsubscribe", "subscribe", "results", "fire", "ProjectionModel", "JSON", "stringify", "objects", "useQuery", "Filter", "type", "nothing", "filteredObjects", "useGlobalFilteredObjects", "Masonry", "Root", "items", "render", "classNames", "contributes", "Capabilities", "ReactSurface", "createSurface", "id", "meta", "role", "filter", "data", "Obj", "instanceOf", "View", "subject", "Masonry", "presentation", "target", "component", "React", "MasonryContainer", "view"]
-}

package/dist/lib/node-esm/chunk-K7UZDCYX.mjs

@@ -1,94 +0,0 @@
-import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
-var __defProp = Object.defineProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-
-// src/meta.ts
-import { trim } from "@dxos/util";
-var meta = {
-  id: "dxos.org/plugin/masonry",
-  name: "Masonry",
-  description: trim`
-    Responsive grid layout that displays query results in an adaptive masonry pattern.
-    Visualize collections of cards, images, or mixed content that automatically adjusts to available screen space.
-  `,
-  icon: "ph--wall--regular",
-  iconHue: "green",
-  source: "https://github.com/dxos/dxos/tree/main/packages/plugins/plugin-masonry",
-  screenshots: []
-};
-
-// src/types/Masonry.ts
-var Masonry_exports = {};
-__export(Masonry_exports, {
-  Masonry: () => Masonry,
-  make: () => make,
-  makeView: () => makeView
-});
-import * as Schema from "effect/Schema";
-import { Obj, Type } from "@dxos/echo";
-import { ViewAnnotation, toEffectSchema } from "@dxos/echo/internal";
-import { View } from "@dxos/schema";
-var Masonry = Schema.Struct({
-  arrangement: Schema.Array(Schema.Struct({
-    ids: Schema.Array(Type.ObjectId),
-    hidden: Schema.optional(Schema.Boolean)
-  }).pipe(Schema.mutable)).pipe(Schema.mutable, Schema.optional)
-}).pipe(Type.Obj({
-  typename: "dxos.org/type/Masonry",
-  version: "0.1.0"
-}), ViewAnnotation.set(true));
-var make = (props = {}) => Obj.make(Masonry, props);
-var makeView = async ({ ...props }) => {
-  const masonry = Obj.make(Masonry, {});
-  const { jsonSchema, view } = await View.makeFromSpace({
-    ...props,
-    presentation: masonry
-  });
-  const schema = toEffectSchema(jsonSchema);
-  return {
-    jsonSchema,
-    schema,
-    view
-  };
-};
-
-// src/types/MasonryAction.ts
-var MasonryAction_exports = {};
-__export(MasonryAction_exports, {
-  CreateMasonry: () => CreateMasonry,
-  MasonryProps: () => MasonryProps
-});
-import * as Schema2 from "effect/Schema";
-import { SpaceSchema } from "@dxos/react-client/echo";
-import { TypenameAnnotationId, View as View2 } from "@dxos/schema";
-var MASONRY_ACTION = `${meta.id}/action`;
-var MasonryProps = Schema2.Struct({
-  name: Schema2.optional(Schema2.String),
-  // TODO(wittjosiah): This should be a query input instead.
-  typename: Schema2.optional(Schema2.String.annotations({
-    [TypenameAnnotationId]: [
-      "used-static",
-      "dynamic"
-    ],
-    title: "Select card record type (leave empty to start fresh)"
-  }))
-});
-var CreateMasonry = class extends Schema2.TaggedClass()(`${MASONRY_ACTION}/create`, {
-  input: Schema2.extend(Schema2.Struct({
-    space: SpaceSchema
-  }), MasonryProps),
-  output: Schema2.Struct({
-    object: View2.View
-  })
-}) {
-};
-
-export {
-  meta,
-  Masonry_exports,
-  MasonryAction_exports
-};
-//# sourceMappingURL=chunk-K7UZDCYX.mjs.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/meta.ts", "../../../src/types/Masonry.ts", "../../../src/types/MasonryAction.ts"],
-  "sourcesContent": ["//\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", "//\n// Copyright 2025 DXOS.org\n//\n\nimport * as Schema from 'effect/Schema';\n\nimport { Obj, Type } from '@dxos/echo';\nimport { type JsonSchemaType, ViewAnnotation, toEffectSchema } from '@dxos/echo/internal';\nimport { View } from '@dxos/schema';\n\nexport const Masonry = Schema.Struct({\n  arrangement: Schema.Array(\n    Schema.Struct({\n      ids: Schema.Array(Type.ObjectId),\n      hidden: Schema.optional(Schema.Boolean),\n    }).pipe(Schema.mutable),\n  ).pipe(Schema.mutable, 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.1.0',\n  }),\n  ViewAnnotation.set(true),\n);\n\nexport type Masonry = Schema.Schema.Type<typeof Masonry>;\n\n/**\n * Make a masonry object.\n */\nexport const make = (props: Obj.MakeProps<typeof Masonry> = {}) => Obj.make(Masonry, props);\n\nexport type MakeViewProps = Omit<View.MakeFromSpaceProps, 'presentation'>;\n\nexport const makeView = async ({\n  ...props\n}: MakeViewProps): Promise<{\n  jsonSchema: JsonSchemaType;\n  view: View.View;\n  schema: ReturnType<typeof toEffectSchema>;\n}> => {\n  const masonry = Obj.make(Masonry, {});\n  const { jsonSchema, view } = await View.makeFromSpace({ ...props, presentation: masonry });\n\n  // Preset sizes.\n  const schema = toEffectSchema(jsonSchema);\n\n  return { jsonSchema, schema, view };\n};\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport * as Schema from 'effect/Schema';\n\nimport { SpaceSchema } from '@dxos/react-client/echo';\nimport { TypenameAnnotationId, View } from '@dxos/schema';\n\nimport { meta } from '../meta';\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.optional(\n    Schema.String.annotations({\n      [TypenameAnnotationId]: ['used-static', 'dynamic'],\n      title: 'Select card record type (leave empty to start fresh)',\n    }),\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: View.View,\n  }),\n}) {}\n"],
-  "mappings": ";;;;;;;;AAKA,SAASA,YAAY;AAEd,IAAMC,OAAmB;EAC9BC,IAAI;EACJC,MAAM;EACNC,aAAaC;;;;EAIbC,MAAM;EACNC,SAAS;EACTC,QAAQ;EACRC,aAAa,CAAA;AACf;;;AClBA;;;;;;AAIA,YAAYC,YAAY;AAExB,SAASC,KAAKC,YAAY;AAC1B,SAA8BC,gBAAgBC,sBAAsB;AACpE,SAASC,YAAY;AAEd,IAAMC,UAAiBC,cAAO;EACnCC,aAAoBC,aACXF,cAAO;IACZG,KAAYD,aAAME,KAAKC,QAAQ;IAC/BC,QAAeC,gBAAgBC,cAAO;EACxC,CAAA,EAAGC,KAAYC,cAAO,CAAA,EACtBD,KAAYC,gBAAgBH,eAAQ;AAExC,CAAA,EAAGE,KACDL,KAAKO,IAAI;EACPC,UAAU;EACVC,SAAS;AACX,CAAA,GACAC,eAAeC,IAAI,IAAA,CAAA;AAQd,IAAMC,OAAO,CAACC,QAAuC,CAAC,MAAMN,IAAIK,KAAKjB,SAASkB,KAAAA;AAI9E,IAAMC,WAAW,OAAO,EAC7B,GAAGD,MAAAA,MACW;AAKd,QAAME,UAAUR,IAAIK,KAAKjB,SAAS,CAAC,CAAA;AACnC,QAAM,EAAEqB,YAAYC,KAAI,IAAK,MAAMC,KAAKC,cAAc;IAAE,GAAGN;IAAOO,cAAcL;EAAQ,CAAA;AAGxF,QAAMM,SAASC,eAAeN,UAAAA;AAE9B,SAAO;IAAEA;IAAYK;IAAQJ;EAAK;AACpC;;;ACjDA;;;;;AAIA,YAAYM,aAAY;AAExB,SAASC,mBAAmB;AAC5B,SAASC,sBAAsBC,QAAAA,aAAY;AAI3C,IAAMC,iBAAiB,GAAGC,KAAKC,EAAE;AAE1B,IAAMC,eAAsBC,eAAO;EACxCC,MAAaC,iBAAgBC,cAAM;;EAEnCC,UAAiBF,iBACRC,eAAOE,YAAY;IACxB,CAACC,oBAAAA,GAAuB;MAAC;MAAe;;IACxCC,OAAO;EACT,CAAA,CAAA;AAEJ,CAAA;AAEO,IAAMC,gBAAN,cAAmCC,oBAAW,EAAkB,GAAGb,cAAAA,WAAyB;EACjGc,OAAcC,eAAcX,eAAO;IAAEY,OAAOC;EAAY,CAAA,GAAId,YAAAA;EAC5De,QAAed,eAAO;IACpBe,QAAQC,MAAKA;EACf,CAAA;AACF,CAAA,EAAA;AAAI;",
-  "names": ["trim", "meta", "id", "name", "description", "trim", "icon", "iconHue", "source", "screenshots", "Schema", "Obj", "Type", "ViewAnnotation", "toEffectSchema", "View", "Masonry", "Struct", "arrangement", "Array", "ids", "Type", "ObjectId", "hidden", "optional", "Boolean", "pipe", "mutable", "Obj", "typename", "version", "ViewAnnotation", "set", "make", "props", "makeView", "masonry", "jsonSchema", "view", "View", "makeFromSpace", "presentation", "schema", "toEffectSchema", "Schema", "SpaceSchema", "TypenameAnnotationId", "View", "MASONRY_ACTION", "meta", "id", "MasonryProps", "Struct", "name", "optional", "String", "typename", "annotations", "TypenameAnnotationId", "title", "CreateMasonry", "TaggedClass", "input", "extend", "space", "SpaceSchema", "output", "object", "View"]
-}

package/dist/lib/node-esm/intent-resolver-ABCXBMFV.mjs

@@ -1,32 +0,0 @@
-import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
-import {
-  MasonryAction_exports,
-  Masonry_exports
-} from "./chunk-K7UZDCYX.mjs";
-
-// src/capabilities/intent-resolver.ts
-import { Capabilities, contributes, createResolver } from "@dxos/app-framework";
-import { ClientCapabilities } from "@dxos/plugin-client";
-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 Masonry_exports.makeView({
-        client,
-        space,
-        name,
-        typename
-      });
-      return {
-        data: {
-          object: view
-        }
-      };
-    }
-  })
-]));
-export {
-  intent_resolver_default as default
-};
-//# sourceMappingURL=intent-resolver-ABCXBMFV.mjs.map

package/dist/lib/node-esm/intent-resolver-ABCXBMFV.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';\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 Masonry.makeView({\n          client,\n          space,\n          name,\n          typename,\n        });\n        return { data: { object: view } };\n      },\n    }),\n  ]);\n"],
-  "mappings": ";;;;;;;AAIA,SAASA,cAAkCC,aAAaC,sBAAsB;AAC9E,SAASC,0BAA0B;AAInC,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,gBAAQC,SAAS;QACtCN;QACAH;QACAC;QACAC;MACF,CAAA;AACA,aAAO;QAAEQ,MAAM;UAAEC,QAAQJ;QAAK;MAAE;IAClC;EACF,CAAA;CACD;",
-  "names": ["Capabilities", "contributes", "createResolver", "ClientCapabilities", "context", "contributes", "Capabilities", "IntentResolver", "createResolver", "intent", "MasonryAction", "CreateMasonry", "resolve", "space", "name", "typename", "client", "getCapability", "ClientCapabilities", "Client", "view", "Masonry", "makeView", "data", "object"]
-}

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

@@ -1,113 +0,0 @@
-import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
-import {
-  Masonry_exports,
-  meta
-} from "./chunk-K7UZDCYX.mjs";
-
-// src/capabilities/react-surface.tsx
-import React2 from "react";
-import { Capabilities, contributes, createSurface } from "@dxos/app-framework";
-import { Obj } from "@dxos/echo";
-import { View } from "@dxos/schema";
-
-// src/components/MasonryContainer.tsx
-import { useSignals as _useSignals } from "@preact-signals/safe-react/tracking";
-import React, { useEffect, useMemo, useState } from "react";
-import { Surface } from "@dxos/app-framework/react";
-import { Filter, Type } from "@dxos/echo";
-import { EchoSchema } from "@dxos/echo/internal";
-import { useGlobalFilteredObjects } from "@dxos/plugin-search";
-import { useClient } from "@dxos/react-client";
-import { getSpace, useQuery } from "@dxos/react-client/echo";
-import { Masonry } from "@dxos/react-ui-masonry";
-import { ProjectionModel, 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 = ({ view, role }) => {
-  var _effect = _useSignals();
-  try {
-    const client = useClient();
-    const space = getSpace(view);
-    const typename = view.query ? getTypenameFromQuery(view.query.ast) : void 0;
-    const [cardSchema, setCardSchema] = useState();
-    const [projection, setProjection] = useState();
-    const jsonSchema = useMemo(() => {
-      if (!cardSchema) return void 0;
-      return cardSchema instanceof EchoSchema ? cardSchema.jsonSchema : Type.toJsonSchema(cardSchema);
-    }, [
-      cardSchema
-    ]);
-    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
-    ]);
-    useEffect(() => {
-      if (jsonSchema) {
-        setProjection(new ProjectionModel(jsonSchema, view.projection));
-      }
-    }, [
-      view.projection,
-      JSON.stringify(jsonSchema)
-    ]);
-    const objects = useQuery(space, cardSchema ? Filter.type(cardSchema) : Filter.nothing());
-    const filteredObjects = useGlobalFilteredObjects(objects);
-    return /* @__PURE__ */ React.createElement(Masonry.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(View.View, data.subject) && Obj.instanceOf(Masonry_exports.Masonry, data.subject.presentation?.target),
-    component: ({ data, role }) => /* @__PURE__ */ React2.createElement(MasonryContainer, {
-      view: data.subject,
-      role
-    })
-  })
-]));
-export {
-  react_surface_default as default
-};
-//# sourceMappingURL=react-surface-OUXYIQWW.mjs.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/capabilities/react-surface.tsx", "../../../src/components/MasonryContainer.tsx"],
-  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport React from 'react';\n\nimport { Capabilities, contributes, createSurface } from '@dxos/app-framework';\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 () =>\n  contributes(Capabilities.ReactSurface, [\n    createSurface({\n      id: meta.id,\n      role: ['article', 'section'],\n      filter: (data): data is { subject: View.View } =>\n        Obj.instanceOf(View.View, data.subject) && Obj.instanceOf(Masonry.Masonry, data.subject.presentation?.target),\n      component: ({ data, role }) => <MasonryContainer view={data.subject} role={role} />,\n    }),\n  ]);\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport React, { useEffect, useMemo, useState } from 'react';\n\nimport { Surface } from '@dxos/app-framework/react';\nimport { Filter, Type } from '@dxos/echo';\nimport { EchoSchema, type TypedObject } from '@dxos/echo/internal';\nimport { useGlobalFilteredObjects } from '@dxos/plugin-search';\nimport { useClient } from '@dxos/react-client';\nimport { getSpace, useQuery } from '@dxos/react-client/echo';\nimport { Masonry } from '@dxos/react-ui-masonry';\nimport { ProjectionModel, type View, getTypenameFromQuery } from '@dxos/schema';\n\nconst Item = ({ data }: { data: any }) => {\n  return <Surface role='card' limit={1} data={{ subject: data }} />;\n};\n\nexport const MasonryContainer = ({ view, role }: { view: View.View; role: string }) => {\n  const client = useClient();\n  const space = getSpace(view);\n  const typename = view.query ? getTypenameFromQuery(view.query.ast) : undefined;\n\n  const [cardSchema, setCardSchema] = useState<TypedObject<any, any>>();\n  const [projection, setProjection] = useState<ProjectionModel>();\n\n  const jsonSchema = useMemo(() => {\n    if (!cardSchema) return undefined;\n    return cardSchema instanceof EchoSchema ? cardSchema.jsonSchema : Type.toJsonSchema(cardSchema);\n  }, [cardSchema]);\n\n  useEffect(() => {\n    const staticSchema = client.graph.schemaRegistry.schemas.find((schema) => Type.getTypename(schema) === typename);\n    if (staticSchema) {\n      setCardSchema(() => staticSchema as TypedObject<any, any>);\n    }\n    if (!staticSchema && typename && space) {\n      const query = space.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  }, [typename, space]);\n\n  useEffect(() => {\n    if (jsonSchema) {\n      setProjection(new ProjectionModel(jsonSchema, view.projection));\n    }\n  }, [view.projection, JSON.stringify(jsonSchema)]);\n\n  const objects = useQuery(space, cardSchema ? Filter.type(cardSchema) : Filter.nothing());\n  const filteredObjects = useGlobalFilteredObjects(objects);\n\n  return (\n    <Masonry.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"],
-  "mappings": ";;;;;;;AAIA,OAAOA,YAAW;AAElB,SAASC,cAAcC,aAAaC,qBAAqB;AACzD,SAASC,WAAW;AACpB,SAASC,YAAY;;;;ACJrB,OAAOC,SAASC,WAAWC,SAASC,gBAAgB;AAEpD,SAASC,eAAe;AACxB,SAASC,QAAQC,YAAY;AAC7B,SAASC,kBAAoC;AAC7C,SAASC,gCAAgC;AACzC,SAASC,iBAAiB;AAC1B,SAASC,UAAUC,gBAAgB;AACnC,SAASC,eAAe;AACxB,SAASC,iBAA4BC,4BAA4B;AAEjE,IAAMC,OAAO,CAAC,EAAEC,KAAI,MAAiB;;;AACnC,WAAO,sBAAA,cAACC,SAAAA;MAAQC,MAAK;MAAOC,OAAO;MAAGH,MAAM;QAAEI,SAASJ;MAAK;;;;;AAC9D;AAEO,IAAMK,mBAAmB,CAAC,EAAEC,MAAMJ,KAAI,MAAqC;;;AAChF,UAAMK,SAASC,UAAAA;AACf,UAAMC,QAAQC,SAASJ,IAAAA;AACvB,UAAMK,WAAWL,KAAKM,QAAQC,qBAAqBP,KAAKM,MAAME,GAAG,IAAIC;AAErE,UAAM,CAACC,YAAYC,aAAAA,IAAiBC,SAAAA;AACpC,UAAM,CAACC,YAAYC,aAAAA,IAAiBF,SAAAA;AAEpC,UAAMG,aAAaC,QAAQ,MAAA;AACzB,UAAI,CAACN,WAAY,QAAOD;AACxB,aAAOC,sBAAsBO,aAAaP,WAAWK,aAAaG,KAAKC,aAAaT,UAAAA;IACtF,GAAG;MAACA;KAAW;AAEfU,cAAU,MAAA;AACR,YAAMC,eAAepB,OAAOqB,MAAMC,eAAeC,QAAQC,KAAK,CAACC,WAAWR,KAAKS,YAAYD,MAAAA,MAAYrB,QAAAA;AACvG,UAAIgB,cAAc;AAChBV,sBAAc,MAAMU,YAAAA;MACtB;AACA,UAAI,CAACA,gBAAgBhB,YAAYF,OAAO;AACtC,cAAMG,QAAQH,MAAMyB,GAAGL,eAAejB,MAAM;UAAED;QAAS,CAAA;AACvD,cAAMwB,cAAcvB,MAAMwB,UACxB,MAAA;AACE,gBAAM,CAACJ,MAAAA,IAAUpB,MAAMyB;AACvB,cAAIL,QAAQ;AACVf,0BAAce,MAAAA;UAChB;QACF,GACA;UAAEM,MAAM;QAAK,CAAA;AAEf,eAAOH;MACT;IACF,GAAG;MAACxB;MAAUF;KAAM;AAEpBiB,cAAU,MAAA;AACR,UAAIL,YAAY;AACdD,sBAAc,IAAImB,gBAAgBlB,YAAYf,KAAKa,UAAU,CAAA;MAC/D;IACF,GAAG;MAACb,KAAKa;MAAYqB,KAAKC,UAAUpB,UAAAA;KAAY;AAEhD,UAAMqB,UAAUC,SAASlC,OAAOO,aAAa4B,OAAOC,KAAK7B,UAAAA,IAAc4B,OAAOE,QAAO,CAAA;AACrF,UAAMC,kBAAkBC,yBAAyBN,OAAAA;AAEjD,WACE,sBAAA,cAACO,QAAQC,MAAI;MACXC,OAAOJ;MACPK,QAAQrD;MACRsD,YAAW;;;;;AAGjB;;;ADtDA,IAAA,yBAAe,MACbC,YAAYC,aAAaC,cAAc;EACrCC,cAAc;IACZC,IAAIC,KAAKD;IACTE,MAAM;MAAC;MAAW;;IAClBC,QAAQ,CAACC,SACPC,IAAIC,WAAWC,KAAKA,MAAMH,KAAKI,OAAO,KAAKH,IAAIC,WAAWG,gBAAQA,SAASL,KAAKI,QAAQE,cAAcC,MAAAA;IACxGC,WAAW,CAAC,EAAER,MAAMF,KAAI,MAAO,gBAAAW,OAAA,cAACC,kBAAAA;MAAiBC,MAAMX,KAAKI;MAASN;;EACvE,CAAA;CACD;",
-  "names": ["React", "Capabilities", "contributes", "createSurface", "Obj", "View", "React", "useEffect", "useMemo", "useState", "Surface", "Filter", "Type", "EchoSchema", "useGlobalFilteredObjects", "useClient", "getSpace", "useQuery", "Masonry", "ProjectionModel", "getTypenameFromQuery", "Item", "data", "Surface", "role", "limit", "subject", "MasonryContainer", "view", "client", "useClient", "space", "getSpace", "typename", "query", "getTypenameFromQuery", "ast", "undefined", "cardSchema", "setCardSchema", "useState", "projection", "setProjection", "jsonSchema", "useMemo", "EchoSchema", "Type", "toJsonSchema", "useEffect", "staticSchema", "graph", "schemaRegistry", "schemas", "find", "schema", "getTypename", "db", "unsubscribe", "subscribe", "results", "fire", "ProjectionModel", "JSON", "stringify", "objects", "useQuery", "Filter", "type", "nothing", "filteredObjects", "useGlobalFilteredObjects", "Masonry", "Root", "items", "render", "classNames", "contributes", "Capabilities", "ReactSurface", "createSurface", "id", "meta", "role", "filter", "data", "Obj", "instanceOf", "View", "subject", "Masonry", "presentation", "target", "component", "React", "MasonryContainer", "view"]
-}

package/dist/types/src/capabilities/intent-resolver.d.ts

@@ -1,4 +0,0 @@
-import { Capabilities, type PluginContext } from '@dxos/app-framework';
-declare const _default: (context: PluginContext) => import("@dxos/app-framework").Capability<import("@dxos/app-framework").InterfaceDef<Capabilities.IntentResolver>>;
-export default _default;
-//# sourceMappingURL=intent-resolver.d.ts.map

package/dist/types/src/capabilities/intent-resolver.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"intent-resolver.d.ts","sourceRoot":"","sources":["../../../../src/capabilities/intent-resolver.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,YAAY,EAAE,KAAK,aAAa,EAA+B,MAAM,qBAAqB,CAAC;yBAKpF,SAAS,aAAa;AAAtC,wBAeK"}

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

@@ -1,7 +0,0 @@
-import React from 'react';
-import { type View } from '@dxos/schema';
-export declare const MasonryContainer: ({ view, role }: {
-    view: View.View;
-    role: string;
-}) => React.JSX.Element;
-//# sourceMappingURL=MasonryContainer.d.ts.map

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

@@ -1 +0,0 @@
-{"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"}

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

@@ -1 +0,0 @@
-{"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"}