@dxos/plugin-space 0.8.4-main.ae835ea → 0.8.4-main.bc674ce

package/dist/lib/browser/CollectionArticle-OQMUVFVV.mjs

@@ -0,0 +1,125 @@
+import {
+  meta
+} from "./chunk-HSMQFM57.mjs";
+
+// src/components/CollectionArticle.tsx
+import React, { useCallback, useMemo } from "react";
+import { Common } from "@dxos/app-framework";
+import { useCapabilities, useOperationInvoker } from "@dxos/app-framework/react";
+import { Filter, Obj } from "@dxos/echo";
+import { useClient } from "@dxos/react-client";
+import { getSpace, useQuery } from "@dxos/react-client/echo";
+import { Toolbar, toLocalizedString, useTranslation } from "@dxos/react-ui";
+import { Card, Layout, Mosaic } from "@dxos/react-ui-mosaic";
+import { SearchList, useSearchListResults } from "@dxos/react-ui-searchlist";
+import { Collection } from "@dxos/schema";
+import { getStyles } from "@dxos/ui-theme";
+var useMetadataResolver = () => {
+  const allMetadata = useCapabilities(Common.Capability.Metadata);
+  return useCallback((typename) => allMetadata.find((m) => m.id === typename)?.metadata ?? {}, [
+    allMetadata
+  ]);
+};
+var CollectionArticle = ({ subject }) => {
+  const { t } = useTranslation(meta.id);
+  const resolveMetadata = useMetadataResolver();
+  const { items, handleSearch } = useCollectionItems(subject, resolveMetadata);
+  return /* @__PURE__ */ React.createElement(Layout.Main, {
+    toolbar: true
+  }, /* @__PURE__ */ React.createElement(SearchList.Root, {
+    onSearch: handleSearch
+  }, /* @__PURE__ */ React.createElement(Toolbar.Root, null, /* @__PURE__ */ React.createElement(SearchList.Input, {
+    placeholder: t("search placeholder")
+  })), /* @__PURE__ */ React.createElement(SearchList.Content, null, /* @__PURE__ */ React.createElement(Mosaic.Container, {
+    asChild: true
+  }, /* @__PURE__ */ React.createElement(Mosaic.Viewport, {
+    padding: true
+  }, /* @__PURE__ */ React.createElement(Mosaic.Stack, {
+    items,
+    getId: (item) => item.id,
+    Tile: ObjectTile
+  }))))));
+};
+var ObjectTile = ({ data: item }) => {
+  const { t } = useTranslation(meta.id);
+  const { invokeSync } = useOperationInvoker();
+  const typename = Obj.getTypename(item.object) ?? "";
+  const label = Obj.getLabel(item.object) ?? toLocalizedString([
+    "object name placeholder",
+    {
+      ns: typename,
+      defaultValue: item.id
+    }
+  ], t);
+  const styles = item.iconHue ? getStyles(item.iconHue) : void 0;
+  const handleClick = () => {
+    invokeSync(Common.LayoutOperation.Open, {
+      subject: [
+        item.id
+      ]
+    });
+  };
+  return /* @__PURE__ */ React.createElement(Card.Root, {
+    fullWidth: true
+  }, /* @__PURE__ */ React.createElement(Card.Toolbar, null, /* @__PURE__ */ React.createElement(Card.ToolbarIconButton, {
+    variant: "ghost",
+    label,
+    icon: item.icon,
+    iconOnly: true,
+    iconClassNames: styles?.icon
+  }), /* @__PURE__ */ React.createElement(Card.Title, {
+    onClick: handleClick
+  }, label), /* @__PURE__ */ React.createElement(Card.Menu, null)));
+};
+var CollectionArticle_default = CollectionArticle;
+var useRegularCollectionItems = (collection) => {
+  return useMemo(() => (collection.objects ?? []).map((ref) => ref.target).filter((obj) => Obj.isObject(obj)), [
+    collection.objects
+  ]);
+};
+var useManagedCollectionItems = (collection) => {
+  const client = useClient();
+  const space = getSpace(collection);
+  const schema = useMemo(() => client.graph.schemaRegistry.query({
+    typename: collection.key,
+    location: [
+      "runtime"
+    ]
+  }).runSync()[0], [
+    client,
+    collection
+  ]);
+  return useQuery(space?.db, schema ? Filter.type(schema) : Filter.nothing());
+};
+var useCollectionItems = (collection, resolveMetadata) => {
+  const isManaged = Obj.instanceOf(Collection.Managed, collection);
+  const regularObjects = useRegularCollectionItems(collection);
+  const managedObjects = useManagedCollectionItems(collection);
+  const objects = isManaged ? managedObjects : regularObjects;
+  const items = useMemo(() => objects.map((obj) => {
+    const typename = Obj.getTypename(obj);
+    const metadata = typename ? resolveMetadata(typename) : {};
+    return {
+      id: Obj.getDXN(obj).toString(),
+      object: obj,
+      icon: metadata.icon ?? "ph--placeholder--regular",
+      iconHue: metadata.iconHue
+    };
+  }), [
+    objects,
+    resolveMetadata
+  ]);
+  const { results, handleSearch } = useSearchListResults({
+    items,
+    extract: (item) => Obj.getLabel(item.object) ?? item.id
+  });
+  return {
+    items: results,
+    handleSearch
+  };
+};
+export {
+  CollectionArticle,
+  CollectionArticle_default as default
+};
+//# sourceMappingURL=CollectionArticle-OQMUVFVV.mjs.map

package/dist/lib/browser/CollectionArticle-OQMUVFVV.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/CollectionArticle.tsx"],
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport React, { useCallback, useMemo } from 'react';\n\nimport { Common } from '@dxos/app-framework';\nimport { type SurfaceComponentProps, useCapabilities, useOperationInvoker } from '@dxos/app-framework/react';\nimport { Filter, Obj } from '@dxos/echo';\nimport { useClient } from '@dxos/react-client';\nimport { getSpace, useQuery } from '@dxos/react-client/echo';\nimport { Toolbar, toLocalizedString, useTranslation } from '@dxos/react-ui';\nimport { Card, Layout, Mosaic, type StackTileComponent } from '@dxos/react-ui-mosaic';\nimport { SearchList, useSearchListResults } from '@dxos/react-ui-searchlist';\nimport { Collection } from '@dxos/schema';\nimport { getStyles } from '@dxos/ui-theme';\n\nimport { meta } from '../meta';\n\n/**\n * Hook to resolve metadata (icon, iconHue, etc.) for objects based on their typename.\n */\nconst useMetadataResolver = () => {\n  const allMetadata = useCapabilities(Common.Capability.Metadata);\n  return useCallback((typename: string) => allMetadata.find((m) => m.id === typename)?.metadata ?? {}, [allMetadata]);\n};\n\n/**\n * Article view for collections.\n */\nexport const CollectionArticle = ({ subject }: SurfaceComponentProps<Collection.Collection | Collection.Managed>) => {\n  const { t } = useTranslation(meta.id);\n  const resolveMetadata = useMetadataResolver();\n  const { items, handleSearch } = useCollectionItems(subject, resolveMetadata);\n\n  return (\n    <Layout.Main toolbar>\n      <SearchList.Root onSearch={handleSearch}>\n        <Toolbar.Root>\n          <SearchList.Input placeholder={t('search placeholder')} />\n        </Toolbar.Root>\n        <SearchList.Content>\n          <Mosaic.Container asChild>\n            <Mosaic.Viewport padding>\n              <Mosaic.Stack items={items} getId={(item) => item.id} Tile={ObjectTile} />\n            </Mosaic.Viewport>\n          </Mosaic.Container>\n        </SearchList.Content>\n      </SearchList.Root>\n    </Layout.Main>\n  );\n};\n\ntype ObjectItem = {\n  id: string;\n  object: Obj.Unknown;\n  icon: string;\n  iconHue?: string;\n};\n\nconst ObjectTile: StackTileComponent<ObjectItem> = ({ data: item }) => {\n  const { t } = useTranslation(meta.id);\n  const { invokeSync } = useOperationInvoker();\n\n  const typename = Obj.getTypename(item.object) ?? '';\n  const label =\n    Obj.getLabel(item.object) ??\n    toLocalizedString(['object name placeholder', { ns: typename, defaultValue: item.id }], t);\n  const styles = item.iconHue ? getStyles(item.iconHue) : undefined;\n\n  const handleClick = () => {\n    invokeSync(Common.LayoutOperation.Open, { subject: [item.id] });\n  };\n\n  return (\n    <Card.Root fullWidth>\n      <Card.Toolbar>\n        <Card.ToolbarIconButton variant='ghost' label={label} icon={item.icon} iconOnly iconClassNames={styles?.icon} />\n        <Card.Title onClick={handleClick}>{label}</Card.Title>\n        <Card.Menu />\n      </Card.Toolbar>\n    </Card.Root>\n  );\n};\n\nexport default CollectionArticle;\n\n/**\n * Hook to get items from a regular collection.\n */\nconst useRegularCollectionItems = (collection: Collection.Collection): Obj.Unknown[] => {\n  return useMemo(\n    () => (collection.objects ?? []).map((ref) => ref.target).filter((obj): obj is Obj.Unknown => Obj.isObject(obj)),\n    [collection.objects],\n  );\n};\n\n/**\n * Hook to get items from a managed collection by querying the space.\n */\nconst useManagedCollectionItems = (collection: Collection.Managed): Obj.Unknown[] => {\n  const client = useClient();\n  const space = getSpace(collection);\n\n  const schema = useMemo(\n    () => client.graph.schemaRegistry.query({ typename: collection.key, location: ['runtime'] }).runSync()[0],\n    [client, collection],\n  );\n\n  return useQuery(space?.db, schema ? Filter.type(schema) : Filter.nothing());\n};\n\ntype MetadataResolver = (typename: string) => { icon?: string; iconHue?: string };\n\n/**\n * Combined hook to get collection items with search/filter support.\n */\nconst useCollectionItems = (\n  collection: Collection.Collection | Collection.Managed,\n  resolveMetadata: MetadataResolver,\n) => {\n  const isManaged = Obj.instanceOf(Collection.Managed, collection);\n\n  // Call both hooks unconditionally to satisfy React's rules of hooks.\n  const regularObjects = useRegularCollectionItems(collection as Collection.Collection);\n  const managedObjects = useManagedCollectionItems(collection as Collection.Managed);\n\n  const objects = isManaged ? managedObjects : regularObjects;\n\n  // Convert objects to items with resolved metadata.\n  const items = useMemo(\n    () =>\n      objects.map((obj) => {\n        const typename = Obj.getTypename(obj);\n        const metadata = typename ? resolveMetadata(typename) : {};\n        return {\n          id: Obj.getDXN(obj).toString(),\n          object: obj,\n          icon: metadata.icon ?? 'ph--placeholder--regular',\n          iconHue: metadata.iconHue,\n        } satisfies ObjectItem;\n      }),\n    [objects, resolveMetadata],\n  );\n\n  // Use searchlist results for filtering.\n  const { results, handleSearch } = useSearchListResults({\n    items,\n    extract: (item) => Obj.getLabel(item.object) ?? item.id,\n  });\n\n  return { items: results, handleSearch };\n};\n"],
+  "mappings": "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",
+  "names": ["React", "useCallback", "useMemo", "Common", "useCapabilities", "useOperationInvoker", "Filter", "Obj", "useClient", "getSpace", "useQuery", "Toolbar", "toLocalizedString", "useTranslation", "Card", "Layout", "Mosaic", "SearchList", "useSearchListResults", "Collection", "getStyles", "useMetadataResolver", "allMetadata", "useCapabilities", "Common", "Capability", "Metadata", "useCallback", "typename", "find", "m", "id", "metadata", "CollectionArticle", "subject", "t", "useTranslation", "meta", "resolveMetadata", "items", "handleSearch", "useCollectionItems", "Layout", "Main", "toolbar", "SearchList", "Root", "onSearch", "Toolbar", "Input", "placeholder", "Content", "Mosaic", "Container", "asChild", "Viewport", "padding", "Stack", "getId", "item", "Tile", "ObjectTile", "data", "invokeSync", "useOperationInvoker", "Obj", "getTypename", "object", "label", "getLabel", "toLocalizedString", "ns", "defaultValue", "styles", "iconHue", "getStyles", "undefined", "handleClick", "LayoutOperation", "Open", "Card", "fullWidth", "ToolbarIconButton", "variant", "icon", "iconOnly", "iconClassNames", "Title", "onClick", "Menu", "useRegularCollectionItems", "collection", "useMemo", "objects", "map", "ref", "target", "filter", "obj", "isObject", "useManagedCollectionItems", "client", "useClient", "space", "getSpace", "schema", "graph", "schemaRegistry", "query", "key", "location", "runSync", "useQuery", "db", "Filter", "type", "nothing", "isManaged", "instanceOf", "Collection", "Managed", "regularObjects", "managedObjects", "getDXN", "toString", "results", "useSearchListResults", "extract"]
+}

package/dist/lib/browser/ObjectCardStack-TWHN6C2Y.mjs

@@ -0,0 +1,148 @@
+import {
+  meta
+} from "./chunk-HSMQFM57.mjs";
+
+// src/components/ObjectCardStack/ObjectCardStack.tsx
+import React2, { forwardRef } from "react";
+import { Obj as Obj2 } from "@dxos/echo";
+import { Filter, useQuery, useSchema } from "@dxos/react-client/echo";
+import { Callout, Toolbar, useTranslation } from "@dxos/react-ui";
+import { useSelected } from "@dxos/react-ui-attention";
+import { Card } from "@dxos/react-ui-mosaic";
+import { Layout } from "@dxos/react-ui-mosaic";
+import { CardStack, StackItem } from "@dxos/react-ui-stack";
+import { getTypenameFromQuery } from "@dxos/schema";
+import { isNonNullable as isNonNullable2 } from "@dxos/util";
+
+// src/components/ObjectCardStack/ObjectForm.tsx
+import * as Schema from "effect/Schema";
+import React, { useCallback, useMemo } from "react";
+import { DXN, Obj, Tag, Type } from "@dxos/echo";
+import { splitJsonPath } from "@dxos/echo/internal";
+import { invariant } from "@dxos/invariant";
+import { Form, omitId } from "@dxos/react-ui-form";
+import { isNonNullable } from "@dxos/util";
+var __dxlog_file = "/__w/dxos/dxos/packages/plugins/plugin-space/src/components/ObjectCardStack/ObjectForm.tsx";
+var ObjectForm = ({ object, schema }) => {
+  const db = Obj.getDatabase(object);
+  const formSchema = useMemo(() => Schema.Struct({
+    tags: Schema.Array(Type.Ref(Tag.Tag)).pipe(Schema.optional)
+  }).pipe(Schema.extend(omitId(schema))), [
+    schema
+  ]);
+  const meta2 = Obj.getMeta(object);
+  const tags = (meta2.tags ?? []).map((tag) => db?.makeRef(DXN.parse(tag))).filter(isNonNullable);
+  const values = useMemo(() => ({
+    tags,
+    ...object
+  }), [
+    object,
+    tags
+  ]);
+  const handleCreate = useCallback((schema2, values2) => {
+    invariant(db, void 0, {
+      F: __dxlog_file,
+      L: 37,
+      S: void 0,
+      A: [
+        "db",
+        ""
+      ]
+    });
+    invariant(Type.isObjectSchema(schema2), void 0, {
+      F: __dxlog_file,
+      L: 38,
+      S: void 0,
+      A: [
+        "Type.isObjectSchema(schema)",
+        ""
+      ]
+    });
+    const newObject = db.add(Obj.make(schema2, values2));
+    if (Obj.instanceOf(Tag.Tag, newObject)) {
+      Obj.change(object, (obj) => {
+        Obj.getMeta(obj).tags = [
+          ...Obj.getMeta(obj).tags ?? [],
+          Obj.getDXN(newObject).toString()
+        ];
+      });
+    }
+  }, []);
+  const handleChange = useCallback(({ tags: tags2, ...values2 }, { isValid, changed }) => {
+    if (!isValid) {
+      return;
+    }
+    const changedPaths = Object.keys(changed).filter((path) => changed[path]);
+    const hasTagsChange = changedPaths.some((path) => splitJsonPath(path)[0] === "tags");
+    if (hasTagsChange) {
+      Obj.change(object, (obj) => {
+        Obj.getMeta(obj).tags = tags2?.map((tag) => tag.dxn.toString()) ?? [];
+      });
+    }
+    const nonTagPaths = changedPaths.filter((path) => splitJsonPath(path)[0] !== "tags");
+    if (nonTagPaths.length > 0) {
+      Obj.change(object, () => {
+        for (const path of nonTagPaths) {
+          const parts = splitJsonPath(path);
+          const value = Obj.getValue(values2, parts);
+          Obj.setValue(object, parts, value);
+        }
+      });
+    }
+  }, [
+    object
+  ]);
+  return /* @__PURE__ */ React.createElement(Form.Root, {
+    schema: omitId(formSchema),
+    values,
+    createOptionIcon: "ph--plus--regular",
+    createOptionLabel: [
+      "add tag label",
+      {
+        ns: meta.id
+      }
+    ],
+    createInitialValuePath: "label",
+    db,
+    onValuesChanged: handleChange,
+    onCreate: handleCreate
+  }, /* @__PURE__ */ React.createElement(Form.Viewport, null, /* @__PURE__ */ React.createElement(Form.Content, null, /* @__PURE__ */ React.createElement(Form.FieldSet, null))));
+};
+
+// src/components/ObjectCardStack/ObjectCardStack.tsx
+var ObjectCardStack = /* @__PURE__ */ forwardRef(({ objectId, view }, forwardedRef) => {
+  const { t } = useTranslation(meta.id);
+  const db = Obj2.getDatabase(view);
+  const typename = view.query ? getTypenameFromQuery(view.query.ast) : void 0;
+  const schema = useSchema(db, typename);
+  const queriedObjects = useQuery(db, schema ? Filter.type(schema) : Filter.nothing());
+  const selectedRows = useSelected(objectId, "multi");
+  const selectedObjects = selectedRows.map((id) => queriedObjects.find((obj) => obj.id === id)).filter(isNonNullable2);
+  if (!schema) {
+    return null;
+  }
+  return /* @__PURE__ */ React2.createElement(Layout.Main, {
+    toolbar: true,
+    ref: forwardedRef
+  }, /* @__PURE__ */ React2.createElement(Toolbar.Root, null), /* @__PURE__ */ React2.createElement(CardStack.Root, {
+    asChild: true
+  }, /* @__PURE__ */ React2.createElement(CardStack.Content, null, /* @__PURE__ */ React2.createElement(CardStack.Stack, {
+    id: objectId,
+    itemsCount: selectedObjects.length
+  }, selectedObjects.length === 0 && /* @__PURE__ */ React2.createElement(CardStack.Item, null, /* @__PURE__ */ React2.createElement(Callout.Root, null, /* @__PURE__ */ React2.createElement(Callout.Title, null, t("row details no selection label")))), selectedObjects.map((object) => /* @__PURE__ */ React2.createElement(CardStack.Item, {
+    key: object.id,
+    asChild: true
+  }, /* @__PURE__ */ React2.createElement(StackItem.Root, {
+    item: object
+  }, /* @__PURE__ */ React2.createElement(Card.Root, null, /* @__PURE__ */ React2.createElement(ObjectForm, {
+    object,
+    schema
+  })))))))));
+});
+
+// src/components/ObjectCardStack/index.ts
+var ObjectCardStack_default = ObjectCardStack;
+export {
+  ObjectCardStack_default as default
+};
+//# sourceMappingURL=ObjectCardStack-TWHN6C2Y.mjs.map

package/dist/lib/browser/ObjectCardStack-TWHN6C2Y.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/ObjectCardStack/ObjectCardStack.tsx", "../../../src/components/ObjectCardStack/ObjectForm.tsx", "../../../src/components/ObjectCardStack/index.ts"],
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport React, { forwardRef } from 'react';\n\nimport { Obj } from '@dxos/echo';\nimport { Filter, useQuery, useSchema } from '@dxos/react-client/echo';\nimport { Callout, Toolbar, useTranslation } from '@dxos/react-ui';\nimport { useSelected } from '@dxos/react-ui-attention';\nimport { Card } from '@dxos/react-ui-mosaic';\nimport { Layout } from '@dxos/react-ui-mosaic';\nimport { CardStack, StackItem } from '@dxos/react-ui-stack';\nimport { type View, getTypenameFromQuery } from '@dxos/schema';\nimport { isNonNullable } from '@dxos/util';\n\nimport { meta } from '../../meta';\n\nimport { ObjectForm } from './ObjectForm';\n\nexport type ObjectCardStackProps = {\n  view: View.View;\n  objectId: string;\n};\n\nexport const ObjectCardStack = forwardRef<HTMLDivElement, ObjectCardStackProps>(({ objectId, view }, forwardedRef) => {\n  const { t } = useTranslation(meta.id);\n  const db = Obj.getDatabase(view);\n  const typename = view.query ? getTypenameFromQuery(view.query.ast) : undefined;\n  const schema = useSchema(db, typename);\n\n  const queriedObjects = useQuery(db, schema ? Filter.type(schema) : Filter.nothing());\n  const selectedRows = useSelected(objectId, 'multi');\n  const selectedObjects = selectedRows.map((id) => queriedObjects.find((obj) => obj.id === id)).filter(isNonNullable);\n\n  if (!schema) {\n    return null;\n  }\n\n  return (\n    <Layout.Main toolbar ref={forwardedRef}>\n      <Toolbar.Root></Toolbar.Root>\n      <CardStack.Root asChild>\n        <CardStack.Content>\n          <CardStack.Stack id={objectId} itemsCount={selectedObjects.length}>\n            {selectedObjects.length === 0 && (\n              <CardStack.Item>\n                <Callout.Root>\n                  <Callout.Title>{t('row details no selection label')}</Callout.Title>\n                </Callout.Root>\n              </CardStack.Item>\n            )}\n            {selectedObjects.map((object) => (\n              <CardStack.Item key={object.id} asChild>\n                <StackItem.Root item={object}>\n                  <Card.Root>\n                    <ObjectForm object={object} schema={schema} />\n                  </Card.Root>\n                </StackItem.Root>\n              </CardStack.Item>\n            ))}\n          </CardStack.Stack>\n        </CardStack.Content>\n      </CardStack.Root>\n    </Layout.Main>\n  );\n});\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport * as Schema from 'effect/Schema';\nimport React, { useCallback, useMemo } from 'react';\n\nimport { DXN, Obj, type Ref, Tag, Type } from '@dxos/echo';\nimport { type JsonPath, splitJsonPath } from '@dxos/echo/internal';\nimport { invariant } from '@dxos/invariant';\nimport { Form, omitId } from '@dxos/react-ui-form';\nimport { isNonNullable } from '@dxos/util';\n\nimport { meta as pluginMeta } from '../../meta';\n\nexport type ObjectFormProps = {\n  schema: Schema.Schema.AnyNoContext;\n  object: Obj.Unknown;\n};\n\nexport const ObjectForm = ({ object, schema }: ObjectFormProps) => {\n  const db = Obj.getDatabase(object);\n\n  const formSchema = useMemo(\n    () =>\n      Schema.Struct({\n        tags: Schema.Array(Type.Ref(Tag.Tag)).pipe(Schema.optional),\n      }).pipe(Schema.extend(omitId(schema))),\n    [schema],\n  );\n\n  const meta = Obj.getMeta(object);\n  const tags = (meta.tags ?? []).map((tag) => db?.makeRef(DXN.parse(tag))).filter(isNonNullable);\n  const values = useMemo(() => ({ tags, ...object }), [object, tags]);\n\n  const handleCreate = useCallback((schema: Type.Entity.Any, values: any) => {\n    invariant(db);\n    invariant(Type.isObjectSchema(schema));\n    const newObject = db.add(Obj.make(schema, values));\n    if (Obj.instanceOf(Tag.Tag, newObject)) {\n      Obj.change(object, (obj) => {\n        Obj.getMeta(obj).tags = [...(Obj.getMeta(obj).tags ?? []), Obj.getDXN(newObject).toString()];\n      });\n    }\n  }, []);\n\n  // TODO(wittjosiah): Use FormRootProps type.\n  const handleChange = useCallback(\n    ({ tags, ...values }: any, { isValid, changed }: { isValid: boolean; changed: Record<JsonPath, boolean> }) => {\n      if (!isValid) {\n        return;\n      }\n\n      const changedPaths = Object.keys(changed).filter((path) => changed[path as JsonPath]) as JsonPath[];\n\n      // Handle tags separately using Obj.change.\n      const hasTagsChange = changedPaths.some((path) => splitJsonPath(path)[0] === 'tags');\n      if (hasTagsChange) {\n        Obj.change(object, (obj) => {\n          Obj.getMeta(obj).tags = tags?.map((tag: Ref.Ref<Tag.Tag>) => tag.dxn.toString()) ?? [];\n        });\n      }\n\n      // Handle other property changes.\n      const nonTagPaths = changedPaths.filter((path) => splitJsonPath(path)[0] !== 'tags');\n      if (nonTagPaths.length > 0) {\n        Obj.change(object, () => {\n          for (const path of nonTagPaths) {\n            const parts = splitJsonPath(path);\n            const value = Obj.getValue(values, parts);\n            Obj.setValue(object, parts, value);\n          }\n        });\n      }\n    },\n    [object],\n  );\n\n  return (\n    <Form.Root\n      schema={omitId(formSchema)}\n      values={values}\n      createOptionIcon='ph--plus--regular'\n      createOptionLabel={['add tag label', { ns: pluginMeta.id }]}\n      createInitialValuePath='label'\n      db={db}\n      onValuesChanged={handleChange}\n      onCreate={handleCreate}\n    >\n      <Form.Viewport>\n        <Form.Content>\n          <Form.FieldSet />\n        </Form.Content>\n      </Form.Viewport>\n    </Form.Root>\n  );\n};\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { ObjectCardStack } from './ObjectCardStack';\n\nexport default ObjectCardStack;\n"],
+  "mappings": "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",
+  "names": ["React", "forwardRef", "Obj", "Filter", "useQuery", "useSchema", "Callout", "Toolbar", "useTranslation", "useSelected", "Card", "Layout", "CardStack", "StackItem", "getTypenameFromQuery", "isNonNullable", "Schema", "React", "useCallback", "useMemo", "DXN", "Obj", "Tag", "Type", "splitJsonPath", "invariant", "Form", "omitId", "isNonNullable", "ObjectForm", "object", "schema", "db", "Obj", "getDatabase", "formSchema", "useMemo", "Struct", "tags", "Array", "Type", "Ref", "Tag", "pipe", "optional", "extend", "omitId", "meta", "getMeta", "map", "tag", "makeRef", "DXN", "parse", "filter", "isNonNullable", "values", "handleCreate", "useCallback", "invariant", "isObjectSchema", "newObject", "add", "make", "instanceOf", "change", "obj", "getDXN", "toString", "handleChange", "isValid", "changed", "changedPaths", "Object", "keys", "path", "hasTagsChange", "some", "splitJsonPath", "dxn", "nonTagPaths", "length", "parts", "value", "getValue", "setValue", "Form", "Root", "createOptionIcon", "createOptionLabel", "ns", "pluginMeta", "id", "createInitialValuePath", "onValuesChanged", "onCreate", "Viewport", "Content", "FieldSet", "ObjectCardStack", "forwardRef", "objectId", "view", "forwardedRef", "t", "useTranslation", "meta", "id", "db", "Obj", "getDatabase", "typename", "query", "getTypenameFromQuery", "ast", "undefined", "schema", "useSchema", "queriedObjects", "useQuery", "Filter", "type", "nothing", "selectedRows", "useSelected", "selectedObjects", "map", "find", "obj", "filter", "isNonNullable", "React", "Layout", "Main", "toolbar", "ref", "Toolbar", "Root", "CardStack", "asChild", "Content", "Stack", "itemsCount", "length", "Item", "Callout", "Title", "object", "key", "StackItem", "item", "Card", "ObjectForm", "ObjectCardStack"]
+}

package/dist/lib/browser/ObjectDetails-GEDIISKK.mjs

@@ -0,0 +1,142 @@
+import {
+  meta
+} from "./chunk-HSMQFM57.mjs";
+
+// src/components/ObjectDetails/ObjectDetails.tsx
+import React2, { forwardRef, useMemo as useMemo2 } from "react";
+import { Surface } from "@dxos/app-framework/react";
+import { Toolbar } from "@dxos/react-ui";
+import { Layout } from "@dxos/react-ui-mosaic";
+
+// src/components/ObjectDetails/BaseObjectSettings.tsx
+import * as Function from "effect/Function";
+import * as Option from "effect/Option";
+import * as Schema from "effect/Schema";
+import React, { useCallback, useMemo } from "react";
+import { DXN, Obj, Tag, Type } from "@dxos/echo";
+import { splitJsonPath } from "@dxos/echo/internal";
+import { invariant } from "@dxos/invariant";
+import { Form, omitId } from "@dxos/react-ui-form";
+import { isNonNullable } from "@dxos/util";
+var __dxlog_file = "/__w/dxos/dxos/packages/plugins/plugin-space/src/components/ObjectDetails/BaseObjectSettings.tsx";
+var BaseSchema = Schema.Struct({
+  tags: Schema.Array(Type.Ref(Tag.Tag)).pipe(Schema.optional)
+});
+var BaseObjectSettings = ({ classNames, children, object }) => {
+  const db = Obj.getDatabase(object);
+  const formSchema = useMemo(() => {
+    return Function.pipe(Obj.getSchema(object), Option.fromNullable, Option.map((schema) => BaseSchema.pipe(Schema.extend(schema))), Option.getOrUndefined);
+  }, [
+    object
+  ]);
+  const meta2 = Obj.getMeta(object);
+  const tags = (meta2.tags ?? []).map((tag) => db?.makeRef(DXN.parse(tag))).filter(isNonNullable);
+  const values = useMemo(() => ({
+    tags,
+    ...object
+  }), [
+    object,
+    tags
+  ]);
+  const handleCreate = useCallback((schema, values2) => {
+    invariant(db, void 0, {
+      F: __dxlog_file,
+      L: 54,
+      S: void 0,
+      A: [
+        "db",
+        ""
+      ]
+    });
+    invariant(Type.isObjectSchema(schema), void 0, {
+      F: __dxlog_file,
+      L: 55,
+      S: void 0,
+      A: [
+        "Type.isObjectSchema(schema)",
+        ""
+      ]
+    });
+    const newObject = db.add(Obj.make(schema, values2));
+    if (Obj.instanceOf(Tag.Tag, newObject)) {
+      Obj.change(object, (obj) => {
+        Obj.getMeta(obj).tags = [
+          ...Obj.getMeta(obj).tags ?? [],
+          Obj.getDXN(newObject).toString()
+        ];
+      });
+    }
+  }, []);
+  const handleChange = useCallback(({ tags: tags2, ...values2 }, { isValid, changed }) => {
+    if (!isValid) {
+      return;
+    }
+    const changedPaths = Object.keys(changed).filter((path) => changed[path]);
+    const hasTagsChange = changedPaths.some((path) => splitJsonPath(path)[0] === "tags");
+    if (hasTagsChange) {
+      Obj.change(object, (obj) => {
+        Obj.getMeta(obj).tags = tags2?.map((tag) => tag.dxn.toString()) ?? [];
+      });
+    }
+    const nonTagPaths = changedPaths.filter((path) => splitJsonPath(path)[0] !== "tags");
+    if (nonTagPaths.length > 0) {
+      Obj.change(object, () => {
+        for (const path of nonTagPaths) {
+          const parts = splitJsonPath(path);
+          const value = Obj.getValue(values2, parts);
+          Obj.setValue(object, parts, value);
+        }
+      });
+    }
+  }, [
+    object
+  ]);
+  if (!formSchema) {
+    return null;
+  }
+  return /* @__PURE__ */ React.createElement(Form.Root, {
+    schema: omitId(formSchema),
+    values,
+    createOptionIcon: "ph--plus--regular",
+    createOptionLabel: [
+      "add tag label",
+      {
+        ns: meta.id
+      }
+    ],
+    createInitialValuePath: "label",
+    db,
+    onValuesChanged: handleChange,
+    onCreate: handleCreate
+  }, /* @__PURE__ */ React.createElement(Form.Viewport, null, /* @__PURE__ */ React.createElement(Form.Content, {
+    classNames
+  }, /* @__PURE__ */ React.createElement(Form.FieldSet, null), children)));
+};
+
+// src/components/ObjectDetails/ObjectDetails.tsx
+var ObjectDetails = /* @__PURE__ */ forwardRef(({ role, subject: object }, forwardedRef) => {
+  const data = useMemo2(() => ({
+    subject: object
+  }), [
+    object
+  ]);
+  return /* @__PURE__ */ React2.createElement(Layout.Main, {
+    role,
+    ref: forwardedRef
+  }, /* @__PURE__ */ React2.createElement(Toolbar.Root, null), /* @__PURE__ */ React2.createElement(BaseObjectSettings, {
+    object
+  }, /* @__PURE__ */ React2.createElement(Surface, {
+    role: "base-object-settings",
+    data
+  }), /* @__PURE__ */ React2.createElement(Surface, {
+    role: "object-settings",
+    data
+  })));
+});
+
+// src/components/ObjectDetails/index.ts
+var ObjectDetails_default = ObjectDetails;
+export {
+  ObjectDetails_default as default
+};
+//# sourceMappingURL=ObjectDetails-GEDIISKK.mjs.map

package/dist/lib/browser/ObjectDetails-GEDIISKK.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/ObjectDetails/ObjectDetails.tsx", "../../../src/components/ObjectDetails/BaseObjectSettings.tsx", "../../../src/components/ObjectDetails/index.ts"],
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport React, { forwardRef, useMemo } from 'react';\n\nimport { Surface, type SurfaceComponentProps } from '@dxos/app-framework/react';\nimport { type Obj } from '@dxos/echo';\nimport { Toolbar } from '@dxos/react-ui';\nimport { Layout } from '@dxos/react-ui-mosaic';\n\nimport { BaseObjectSettings } from './BaseObjectSettings';\n\nexport type ObjectDetailsProps = SurfaceComponentProps<Obj.Unknown>;\n\nexport const ObjectDetails = forwardRef<HTMLDivElement, ObjectDetailsProps>(\n  ({ role, subject: object }, forwardedRef) => {\n    const data = useMemo(() => ({ subject: object }), [object]);\n\n    return (\n      <Layout.Main role={role} ref={forwardedRef}>\n        <Toolbar.Root />\n        <BaseObjectSettings object={object}>\n          <Surface role='base-object-settings' data={data} />\n          <Surface role='object-settings' data={data} />\n          {/* TODO(wittjosiah): Remove (or add as surface)? */}\n          {/* <AdvancedObjectSettings object={object} /> */}\n        </BaseObjectSettings>\n      </Layout.Main>\n    );\n  },\n);\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport * as Function from 'effect/Function';\nimport * as Option from 'effect/Option';\nimport * as Schema from 'effect/Schema';\nimport React, { type PropsWithChildren, useCallback, useMemo } from 'react';\n\nimport { DXN, Obj, type Ref, Tag, Type } from '@dxos/echo';\nimport { type JsonPath, splitJsonPath } from '@dxos/echo/internal';\nimport { invariant } from '@dxos/invariant';\nimport { type ThemedClassName } from '@dxos/react-ui';\nimport { Form, omitId } from '@dxos/react-ui-form';\nimport { isNonNullable } from '@dxos/util';\n\nimport { meta as pluginMeta } from '../../meta';\n\n// TODO(wittjosiah): Would be nice to control order when extending so this isn't always first/last.\nconst BaseSchema = Schema.Struct({\n  tags: Schema.Array(Type.Ref(Tag.Tag)).pipe(Schema.optional),\n});\n\nexport type BaseObjectSettingsProps = ThemedClassName<\n  PropsWithChildren<{\n    object: Obj.Unknown;\n  }>\n>;\n\n// TODO(wittjosiah): Reconcile w/ ObjectDetailsPanel.\nexport const BaseObjectSettings = ({ classNames, children, object }: BaseObjectSettingsProps) => {\n  const db = Obj.getDatabase(object);\n\n  const formSchema = useMemo(() => {\n    return Function.pipe(\n      Obj.getSchema(object),\n      Option.fromNullable,\n      Option.map((schema) => BaseSchema.pipe(Schema.extend(schema))),\n      Option.getOrUndefined,\n    );\n  }, [object]);\n\n  const meta = Obj.getMeta(object);\n  const tags = (meta.tags ?? []).map((tag) => db?.makeRef(DXN.parse(tag))).filter(isNonNullable);\n  const values = useMemo(\n    () => ({\n      tags,\n      ...object,\n    }),\n    [object, tags],\n  );\n\n  const handleCreate = useCallback((schema: Type.Entity.Any, values: any) => {\n    invariant(db);\n    invariant(Type.isObjectSchema(schema));\n    const newObject = db.add(Obj.make(schema, values));\n    if (Obj.instanceOf(Tag.Tag, newObject)) {\n      Obj.change(object, (obj) => {\n        Obj.getMeta(obj).tags = [...(Obj.getMeta(obj).tags ?? []), Obj.getDXN(newObject).toString()];\n      });\n    }\n  }, []);\n\n  // TODO(wittjosiah): Use FormRootProps type.\n  const handleChange = useCallback(\n    (\n      { tags, ...values }: Schema.Schema.Type<typeof formSchema>,\n      { isValid, changed }: { isValid: boolean; changed: Record<JsonPath, boolean> },\n    ) => {\n      if (!isValid) {\n        return;\n      }\n\n      const changedPaths = Object.keys(changed).filter((path) => changed[path as JsonPath]) as JsonPath[];\n\n      // Handle tags separately using Obj.change.\n      const hasTagsChange = changedPaths.some((path) => splitJsonPath(path)[0] === 'tags');\n      if (hasTagsChange) {\n        Obj.change(object, (obj) => {\n          Obj.getMeta(obj).tags = tags?.map((tag: Ref.Ref<Tag.Tag>) => tag.dxn.toString()) ?? [];\n        });\n      }\n\n      // Handle other property changes.\n      const nonTagPaths = changedPaths.filter((path) => splitJsonPath(path)[0] !== 'tags');\n      if (nonTagPaths.length > 0) {\n        Obj.change(object, () => {\n          for (const path of nonTagPaths) {\n            const parts = splitJsonPath(path);\n            const value = Obj.getValue(values, parts);\n            Obj.setValue(object, parts, value);\n          }\n        });\n      }\n    },\n    [object],\n  );\n\n  if (!formSchema) {\n    return null;\n  }\n\n  return (\n    <Form.Root\n      schema={omitId(formSchema)}\n      values={values}\n      createOptionIcon='ph--plus--regular'\n      createOptionLabel={['add tag label', { ns: pluginMeta.id }]}\n      createInitialValuePath='label'\n      db={db}\n      onValuesChanged={handleChange}\n      onCreate={handleCreate}\n    >\n      <Form.Viewport>\n        <Form.Content classNames={classNames}>\n          <Form.FieldSet />\n          {children}\n        </Form.Content>\n      </Form.Viewport>\n    </Form.Root>\n  );\n};\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { ObjectDetails } from './ObjectDetails';\n\nexport default ObjectDetails;\n"],
+  "mappings": "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",
+  "names": ["React", "forwardRef", "useMemo", "Surface", "Toolbar", "Layout", "Function", "Option", "Schema", "React", "useCallback", "useMemo", "DXN", "Obj", "Tag", "Type", "splitJsonPath", "invariant", "Form", "omitId", "isNonNullable", "BaseSchema", "Struct", "tags", "Array", "Type", "Ref", "Tag", "pipe", "optional", "BaseObjectSettings", "classNames", "children", "object", "db", "Obj", "getDatabase", "formSchema", "useMemo", "getSchema", "fromNullable", "map", "schema", "extend", "getOrUndefined", "meta", "getMeta", "tag", "makeRef", "DXN", "parse", "filter", "isNonNullable", "values", "handleCreate", "useCallback", "invariant", "isObjectSchema", "newObject", "add", "make", "instanceOf", "change", "obj", "getDXN", "toString", "handleChange", "isValid", "changed", "changedPaths", "Object", "keys", "path", "hasTagsChange", "some", "splitJsonPath", "dxn", "nonTagPaths", "length", "parts", "value", "getValue", "setValue", "Form", "Root", "omitId", "createOptionIcon", "createOptionLabel", "ns", "pluginMeta", "id", "createInitialValuePath", "onValuesChanged", "onCreate", "Viewport", "Content", "FieldSet", "ObjectDetails", "forwardRef", "role", "subject", "object", "forwardedRef", "data", "useMemo", "React", "Layout", "Main", "ref", "Toolbar", "Root", "BaseObjectSettings", "Surface", "ObjectDetails"]
+}

package/dist/lib/browser/RecordArticle-W57QE7QV.mjs

@@ -0,0 +1,107 @@
+import {
+  meta
+} from "./chunk-HSMQFM57.mjs";
+
+// src/components/RecordArticle.tsx
+import React, { useMemo } from "react";
+import { Surface } from "@dxos/app-framework/react";
+import { Entity, Filter, Obj, Ref, Relation } from "@dxos/echo";
+import { useQuery } from "@dxos/react-client/echo";
+import { useTranslation } from "@dxos/react-ui";
+import { Masonry } from "@dxos/react-ui-masonry";
+import { Layout, Card as MosaicCard } from "@dxos/react-ui-mosaic";
+import { mx } from "@dxos/ui-theme";
+import { isNonNullable } from "@dxos/util";
+var RecordArticle = ({ role, subject }) => {
+  const { t } = useTranslation(meta.id);
+  const db = Obj.getDatabase(subject);
+  const data = useMemo(() => ({
+    subject
+  }), [
+    subject
+  ]);
+  const related = useRelatedObjects(db, subject, {
+    references: true,
+    relations: true
+  });
+  const singleColumn = related.length === 1;
+  return /* @__PURE__ */ React.createElement(Layout.Main, {
+    role
+  }, /* @__PURE__ */ React.createElement("div", {
+    role: "none",
+    className: mx("flex flex-col gap-4 p-4 is-full overflow-y-auto")
+  }, /* @__PURE__ */ React.createElement("div", {
+    role: "none",
+    className: mx("flex is-full card-max-width")
+  }, /* @__PURE__ */ React.createElement(Surface, {
+    role: "section",
+    data,
+    limit: 1
+  })), related.length > 0 && /* @__PURE__ */ React.createElement("div", {
+    role: "none",
+    className: mx("flex flex-col gap-1", singleColumn ? "card-max-width" : "is-full")
+  }, /* @__PURE__ */ React.createElement("label", {
+    className: "mbs-2 text-sm text-description"
+  }, t("related objects label")), /* @__PURE__ */ React.createElement(Masonry.Root, {
+    items: related,
+    render: Card,
+    columnCount: singleColumn ? 1 : void 0,
+    intrinsicHeight: true
+  }))));
+};
+var Card = ({ data: subject }) => {
+  const data = useMemo(() => ({
+    subject
+  }), [
+    subject
+  ]);
+  return /* @__PURE__ */ React.createElement(MosaicCard.Root, null, /* @__PURE__ */ React.createElement(MosaicCard.Toolbar, null, /* @__PURE__ */ React.createElement("span", null), /* @__PURE__ */ React.createElement(MosaicCard.Title, null, Entity.getLabel(subject))), /* @__PURE__ */ React.createElement(Surface, {
+    role: "card--content",
+    data,
+    limit: 1
+  }));
+};
+var useRelatedObjects = (db, record, options = {}) => {
+  const objects = useQuery(db, Filter.everything());
+  return useMemo(() => {
+    if (!record) {
+      return [];
+    }
+    const related = [];
+    if (options.references) {
+      const getReferences = (obj) => {
+        return Object.getOwnPropertyNames(obj).map((name) => obj[name]).filter((value) => Ref.isRef(value));
+      };
+      const references = getReferences(record);
+      const referenceTargets = references.map((ref) => ref.target).filter(isNonNullable);
+      const referenceSources = objects.filter((obj) => {
+        const refs = getReferences(obj);
+        return refs.some((ref) => ref.target === record);
+      });
+      related.push(...referenceTargets, ...referenceSources);
+    }
+    if (options.relations) {
+      const isValidRelation = (obj) => {
+        try {
+          return Relation.isRelation(obj) && Relation.getSource(obj) && Relation.getTarget(obj);
+        } catch {
+          return false;
+        }
+      };
+      const relations = objects.filter(Relation.isRelation).filter((obj) => isValidRelation(obj));
+      const targetObjects = relations.filter((relation) => Relation.getTarget(relation) === record).map((relation) => Relation.getSource(relation));
+      const sourceObjects = relations.filter((relation) => Relation.getSource(relation) === record).map((relation) => Relation.getTarget(relation));
+      related.push(...targetObjects, ...sourceObjects);
+    }
+    return related;
+  }, [
+    record,
+    objects
+  ]);
+};
+var RecordArticle_default = RecordArticle;
+export {
+  RecordArticle,
+  RecordArticle_default as default
+};
+//# sourceMappingURL=RecordArticle-W57QE7QV.mjs.map

package/dist/lib/browser/RecordArticle-W57QE7QV.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/RecordArticle.tsx"],
+  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport React, { useMemo } from 'react';\n\nimport { Surface } from '@dxos/app-framework/react';\nimport { type SurfaceComponentProps } from '@dxos/app-framework/react';\nimport { type Database, Entity, Filter, Obj, Ref, Relation } from '@dxos/echo';\nimport { useQuery } from '@dxos/react-client/echo';\nimport { useTranslation } from '@dxos/react-ui';\nimport { Masonry } from '@dxos/react-ui-masonry';\nimport { Layout, Card as MosaicCard } from '@dxos/react-ui-mosaic';\nimport { mx } from '@dxos/ui-theme';\nimport { isNonNullable } from '@dxos/util';\n\nimport { meta } from '../meta';\n\nexport const RecordArticle = ({ role, subject }: SurfaceComponentProps) => {\n  const { t } = useTranslation(meta.id);\n  const db = Obj.getDatabase(subject);\n  const data = useMemo(() => ({ subject }), [subject]);\n  const related = useRelatedObjects(db, subject, {\n    references: true,\n    relations: true,\n  });\n  const singleColumn = related.length === 1;\n\n  return (\n    <Layout.Main role={role}>\n      <div role='none' className={mx('flex flex-col gap-4 p-4 is-full overflow-y-auto')}>\n        <div role='none' className={mx('flex is-full card-max-width')}>\n          <Surface role='section' data={data} limit={1} />\n        </div>\n\n        {related.length > 0 && (\n          <div role='none' className={mx('flex flex-col gap-1', singleColumn ? 'card-max-width' : 'is-full')}>\n            <label className='mbs-2 text-sm text-description'>{t('related objects label')}</label>\n            <Masonry.Root<Entity.Unknown>\n              items={related}\n              render={Card}\n              columnCount={singleColumn ? 1 : undefined}\n              intrinsicHeight\n            />\n          </div>\n        )}\n      </div>\n    </Layout.Main>\n  );\n};\n\nconst Card = ({ data: subject }: { data: Entity.Unknown }) => {\n  const data = useMemo(() => ({ subject }), [subject]);\n  return (\n    <MosaicCard.Root>\n      <MosaicCard.Toolbar>\n        <span />\n        <MosaicCard.Title>{Entity.getLabel(subject)}</MosaicCard.Title>\n      </MosaicCard.Toolbar>\n      <Surface role='card--content' data={data} limit={1} />\n    </MosaicCard.Root>\n  );\n};\n\n// TODO(wittjosiah): This is a hack. ECHO needs to have a back reference index to easily query for related objects.\nconst useRelatedObjects = (\n  db?: Database.Database,\n  record?: Obj.Unknown,\n  options: { references?: boolean; relations?: boolean } = {},\n) => {\n  const objects = useQuery(db, Filter.everything());\n  return useMemo(() => {\n    if (!record) {\n      return [];\n    }\n\n    const related: Entity.Unknown[] = [];\n\n    // TODO(burdon): Change Person => Organization to relations.\n    if (options.references) {\n      const getReferences = (obj: Entity.Unknown): Ref.Unknown[] => {\n        return Object.getOwnPropertyNames(obj)\n          .map((name) => obj[name as keyof Obj.Unknown])\n          .filter((value) => Ref.isRef(value)) as Ref.Unknown[];\n      };\n\n      const references = getReferences(record);\n      const referenceTargets = references.map((ref) => ref.target).filter(isNonNullable);\n      const referenceSources = objects.filter((obj) => {\n        const refs = getReferences(obj);\n        return refs.some((ref) => ref.target === record);\n      });\n\n      related.push(...referenceTargets, ...referenceSources);\n    }\n\n    if (options.relations) {\n      // TODO(dmaretskyi): Workaround until https://github.com/dxos/dxos/pull/10100 lands.\n      const isValidRelation = (obj: Relation.Unknown) => {\n        try {\n          return Relation.isRelation(obj) && Relation.getSource(obj) && Relation.getTarget(obj);\n        } catch {\n          return false;\n        }\n      };\n\n      const relations = objects.filter(Relation.isRelation).filter((obj) => isValidRelation(obj));\n      const targetObjects = relations\n        .filter((relation) => Relation.getTarget(relation) === record)\n        .map((relation) => Relation.getSource(relation));\n      const sourceObjects = relations\n        .filter((relation) => Relation.getSource(relation) === record)\n        .map((relation) => Relation.getTarget(relation));\n\n      related.push(...targetObjects, ...sourceObjects);\n    }\n\n    return related;\n  }, [record, objects]);\n};\n\nexport default RecordArticle;\n"],
+  "mappings": "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",
+  "names": ["React", "useMemo", "Surface", "Entity", "Filter", "Obj", "Ref", "Relation", "useQuery", "useTranslation", "Masonry", "Layout", "Card", "MosaicCard", "mx", "isNonNullable", "RecordArticle", "role", "subject", "t", "useTranslation", "meta", "id", "db", "Obj", "getDatabase", "data", "useMemo", "related", "useRelatedObjects", "references", "relations", "singleColumn", "length", "Layout", "Main", "div", "className", "mx", "Surface", "limit", "label", "Masonry", "Root", "items", "render", "Card", "columnCount", "undefined", "intrinsicHeight", "MosaicCard", "Toolbar", "span", "Title", "Entity", "getLabel", "record", "options", "objects", "useQuery", "Filter", "everything", "getReferences", "obj", "Object", "getOwnPropertyNames", "map", "name", "filter", "value", "Ref", "isRef", "referenceTargets", "ref", "target", "isNonNullable", "referenceSources", "refs", "some", "push", "isValidRelation", "Relation", "isRelation", "getSource", "getTarget", "targetObjects", "relation", "sourceObjects"]
+}