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

package/dist/lib/node-esm/ObjectSettings-EU6F43RP.mjs

@@ -0,0 +1,147 @@
+import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
+import {
+  meta
+} from "./chunk-BDEFTL6K.mjs";
+
+// src/components/ObjectSettings/ObjectSettingsContainer.tsx
+import { useSignals as _useSignals2 } from "@preact-signals/safe-react/tracking";
+import React2, { useMemo as useMemo2 } from "react";
+import { Surface } from "@dxos/app-framework";
+import { Clipboard, Toolbar } from "@dxos/react-ui";
+import { StackItem } from "@dxos/react-ui-stack";
+
+// src/components/ObjectSettings/BaseObjectSettings.tsx
+import { useSignals as _useSignals } from "@preact-signals/safe-react/tracking";
+import { batch } from "@preact/signals-core";
+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 { invariant } from "@dxos/invariant";
+import { getSpace } from "@dxos/react-client/echo";
+import { Form, useRefQueryLookupHandler } from "@dxos/react-ui-form";
+var __dxlog_file = "/__w/dxos/dxos/packages/plugins/plugin-space/src/components/ObjectSettings/BaseObjectSettings.tsx";
+var BaseSchema = Schema.Struct({
+  // TODO(wittjosiah): Support multiple tags.
+  tag: Type.Ref(Tag.Tag).pipe(Schema.optional)
+});
+var TagSchema = Tag.Tag.pipe(Schema.omit("id"));
+var BaseObjectSettings = ({ classNames, children, object }) => {
+  var _effect = _useSignals();
+  try {
+    const space = getSpace(object);
+    const handleRefQueryLookup = useRefQueryLookupHandler({
+      space
+    });
+    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 tag = meta2.tags?.[0] ? space?.db.ref(DXN.parse(meta2.tags?.[0])) : void 0;
+    const values = useMemo(() => ({
+      tag,
+      ...object
+    }), [
+      object,
+      tag
+    ]);
+    const handleCreateTag = useCallback((values2) => {
+      invariant(space, void 0, {
+        F: __dxlog_file,
+        L: 59,
+        S: void 0,
+        A: [
+          "space",
+          ""
+        ]
+      });
+      const tag2 = space.db.add(Tag.make(values2));
+      const meta3 = Obj.getMeta(object);
+      meta3.tags = [
+        Obj.getDXN(tag2).toString()
+      ];
+    }, []);
+    const handleSave = useCallback(({ tag: tag2, ...values2 }) => {
+      batch(() => {
+        const meta3 = Obj.getMeta(object);
+        const currentTag = meta3.tags?.[0];
+        if (tag2 !== void 0 && currentTag !== tag2?.dxn.toString()) {
+          meta3.tags = [
+            tag2.dxn.toString()
+          ];
+        }
+        Object.entries(values2).forEach(([key, value]) => {
+          if (value !== void 0 && value !== object[key]) {
+            Object.defineProperty(object, key, {
+              value
+            });
+          }
+        });
+      });
+    }, [
+      object
+    ]);
+    if (!formSchema) {
+      return null;
+    }
+    return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Form, {
+      classNames,
+      outerSpacing: false,
+      autoSave: true,
+      schema: formSchema,
+      values,
+      createSchema: TagSchema,
+      createOptionIcon: "ph--plus--regular",
+      createOptionLabel: [
+        "add tag label",
+        {
+          ns: meta.id
+        }
+      ],
+      createInitialValuePath: "label",
+      onCreate: handleCreateTag,
+      onSave: handleSave,
+      onQueryRefOptions: handleRefQueryLookup
+    }), children);
+  } finally {
+    _effect.f();
+  }
+};
+
+// src/components/ObjectSettings/ObjectSettingsContainer.tsx
+var ObjectSettingsContainer = ({ object, role }) => {
+  var _effect = _useSignals2();
+  try {
+    const data = useMemo2(() => ({
+      subject: object
+    }), [
+      object
+    ]);
+    return /* @__PURE__ */ React2.createElement(Clipboard.Provider, null, /* @__PURE__ */ React2.createElement(StackItem.Content, {
+      toolbar: true
+    }, /* @__PURE__ */ React2.createElement(Toolbar.Root, null), /* @__PURE__ */ React2.createElement("div", {
+      role: "none",
+      className: "overflow-y-auto pli-cardSpacingInline plb-cardSpacingBlock"
+    }, /* @__PURE__ */ React2.createElement(BaseObjectSettings, {
+      object
+    }, /* @__PURE__ */ React2.createElement(Surface, {
+      role: "base-object-settings",
+      data
+    })), /* @__PURE__ */ React2.createElement(Surface, {
+      role: "object-settings",
+      data
+    }))));
+  } finally {
+    _effect.f();
+  }
+};
+
+// src/components/ObjectSettings/index.ts
+var ObjectSettings_default = ObjectSettingsContainer;
+export {
+  ObjectSettings_default as default
+};
+//# sourceMappingURL=ObjectSettings-EU6F43RP.mjs.map

package/dist/lib/node-esm/ObjectSettings-EU6F43RP.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/ObjectSettings/ObjectSettingsContainer.tsx", "../../../src/components/ObjectSettings/BaseObjectSettings.tsx", "../../../src/components/ObjectSettings/index.ts"],
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport React, { useMemo } from 'react';\n\nimport { Surface } from '@dxos/app-framework';\nimport { type Obj } from '@dxos/echo';\nimport { Clipboard, Toolbar } from '@dxos/react-ui';\nimport { StackItem } from '@dxos/react-ui-stack';\n\nimport { BaseObjectSettings } from './BaseObjectSettings';\n\nexport type ObjectSettingsContainerProps = {\n  object: Obj.Any;\n  role: string;\n};\n\nexport const ObjectSettingsContainer = ({ object, role }: ObjectSettingsContainerProps) => {\n  const data = useMemo(() => ({ subject: object }), [object]);\n\n  return (\n    <Clipboard.Provider>\n      <StackItem.Content toolbar>\n        <Toolbar.Root></Toolbar.Root>\n        <div role='none' className='overflow-y-auto pli-cardSpacingInline plb-cardSpacingBlock'>\n          <BaseObjectSettings object={object}>\n            <Surface role='base-object-settings' data={data} />\n          </BaseObjectSettings>\n          <Surface role='object-settings' data={data} />\n          {/* TODO(wittjosiah): Remove? */}\n          {/* <AdvancedObjectSettings object={object} /> */}\n        </div>\n      </StackItem.Content>\n    </Clipboard.Provider>\n  );\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport { batch } from '@preact/signals-core';\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, Tag, Type } from '@dxos/echo';\nimport { invariant } from '@dxos/invariant';\nimport { getSpace } from '@dxos/react-client/echo';\nimport { type ThemedClassName } from '@dxos/react-ui';\nimport { Form, useRefQueryLookupHandler } from '@dxos/react-ui-form';\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  // TODO(wittjosiah): Support multiple tags.\n  tag: Type.Ref(Tag.Tag).pipe(Schema.optional),\n});\n\n// TODO(wittjosiah): Better way to support validation of object schemas?\nconst TagSchema = Tag.Tag.pipe(Schema.omit('id'));\n\nexport type BaseObjectSettingsProps = ThemedClassName<\n  PropsWithChildren<{\n    object: Obj.Any;\n  }>\n>;\n\n// TODO(wittjosiah): Reconcile w/ ObjectDetailsPanel.\nexport const BaseObjectSettings = ({ classNames, children, object }: BaseObjectSettingsProps) => {\n  const space = getSpace(object);\n  const handleRefQueryLookup = useRefQueryLookupHandler({ space });\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 tag = meta.tags?.[0] ? space?.db.ref(DXN.parse(meta.tags?.[0])) : undefined;\n  const values = useMemo(\n    () => ({\n      tag,\n      ...object,\n    }),\n    [object, tag],\n  );\n\n  const handleCreateTag = useCallback((values: Schema.Schema.Type<typeof TagSchema>) => {\n    invariant(space);\n    const tag = space.db.add(Tag.make(values));\n    const meta = Obj.getMeta(object);\n    meta.tags = [Obj.getDXN(tag).toString()];\n  }, []);\n\n  const handleSave = useCallback(\n    ({ tag, ...values }: Schema.Schema.Type<typeof formSchema>) => {\n      batch(() => {\n        const meta = Obj.getMeta(object);\n        const currentTag = meta.tags?.[0];\n        if (tag !== undefined && currentTag !== tag?.dxn.toString()) {\n          meta.tags = [tag.dxn.toString()];\n        }\n\n        Object.entries(values).forEach(([key, value]) => {\n          if (value !== undefined && value !== object[key as keyof Obj.Any]) {\n            Object.defineProperty(object, key, { value });\n          }\n        });\n      });\n    },\n    [object],\n  );\n\n  if (!formSchema) {\n    return null;\n  }\n\n  return (\n    <>\n      <Form\n        classNames={classNames}\n        outerSpacing={false}\n        autoSave\n        schema={formSchema}\n        values={values}\n        createSchema={TagSchema}\n        createOptionIcon='ph--plus--regular'\n        createOptionLabel={['add tag label', { ns: pluginMeta.id }]}\n        createInitialValuePath='label'\n        onCreate={handleCreateTag}\n        onSave={handleSave}\n        onQueryRefOptions={handleRefQueryLookup}\n      />\n      {children}\n    </>\n  );\n};\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { ObjectSettingsContainer } from './ObjectSettingsContainer';\n\nexport default ObjectSettingsContainer;\n"],
+  "mappings": "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",
+  "names": ["React", "useMemo", "Surface", "Clipboard", "Toolbar", "StackItem", "batch", "Function", "Option", "Schema", "React", "useCallback", "useMemo", "DXN", "Obj", "Tag", "Type", "invariant", "getSpace", "Form", "useRefQueryLookupHandler", "BaseSchema", "Struct", "tag", "Type", "Ref", "Tag", "pipe", "optional", "TagSchema", "omit", "BaseObjectSettings", "classNames", "children", "object", "space", "getSpace", "handleRefQueryLookup", "useRefQueryLookupHandler", "formSchema", "useMemo", "Obj", "getSchema", "fromNullable", "map", "schema", "extend", "getOrUndefined", "meta", "getMeta", "tags", "db", "ref", "DXN", "parse", "undefined", "values", "handleCreateTag", "useCallback", "invariant", "add", "make", "getDXN", "toString", "handleSave", "batch", "currentTag", "dxn", "Object", "entries", "forEach", "key", "value", "defineProperty", "Form", "outerSpacing", "autoSave", "createSchema", "createOptionIcon", "createOptionLabel", "ns", "pluginMeta", "id", "createInitialValuePath", "onCreate", "onSave", "onQueryRefOptions", "ObjectSettingsContainer", "object", "role", "data", "useMemo", "subject", "React", "Clipboard", "Provider", "StackItem", "Content", "toolbar", "Toolbar", "Root", "div", "className", "BaseObjectSettings", "Surface", "ObjectSettingsContainer"]
+}

package/dist/lib/node-esm/RecordMain-SD76DGOR.mjs

@@ -0,0 +1,100 @@
+import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
+import {
+  meta
+} from "./chunk-BDEFTL6K.mjs";
+
+// src/components/RecordMain.tsx
+import { useSignals as _useSignals } from "@preact-signals/safe-react/tracking";
+import React, { useMemo } from "react";
+import { Surface } from "@dxos/app-framework";
+import { Filter, Ref, Relation } from "@dxos/echo";
+import { getSpace, useQuery } from "@dxos/react-client/echo";
+import { useTranslation } from "@dxos/react-ui";
+import { Masonry } from "@dxos/react-ui-masonry";
+import { StackItem } from "@dxos/react-ui-stack";
+import { mx } from "@dxos/react-ui-theme";
+import { isNonNullable } from "@dxos/util";
+var RecordMain = ({ record }) => {
+  var _effect = _useSignals();
+  try {
+    const { t } = useTranslation(meta.id);
+    const space = getSpace(record);
+    const data = useMemo(() => ({
+      subject: record
+    }), [
+      record
+    ]);
+    const objects = useQuery(space, Filter.everything());
+    const related = useMemo(() => {
+      const relations = objects.filter((obj) => Relation.isRelation(obj));
+      const targetObjects = relations.filter((relation) => Relation.getSource(relation) === record).map((relation) => Relation.getTarget(relation));
+      const sourceObjects = relations.filter((relation) => Relation.getTarget(relation) === record).map((relation) => Relation.getSource(relation));
+      const references = getReferencesFromObject(record);
+      const referencedObjects = references.map((ref) => ref.target).filter(isNonNullable);
+      const referencingObjects = objects.filter((obj) => {
+        const refs = getReferencesFromObject(obj);
+        return refs.some((ref) => ref.target === record);
+      });
+      return [
+        ...referencedObjects,
+        ...referencingObjects,
+        ...targetObjects,
+        ...sourceObjects
+      ];
+    }, [
+      record,
+      objects
+    ]);
+    return /* @__PURE__ */ React.createElement(StackItem.Content, {
+      classNames: "flex flex-col items-center"
+    }, /* @__PURE__ */ React.createElement("div", {
+      role: "none",
+      className: mx("flex flex-col gap-4 p-6 is-full overflow-y-auto")
+    }, /* @__PURE__ */ React.createElement("div", {
+      role: "none",
+      className: mx("flex flex-col gap-1 card-min-width 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", related.length === 1 ? "card-max-width" : "is-full")
+    }, /* @__PURE__ */ React.createElement("label", {
+      className: "text-description text-sm mbs-2"
+    }, t("related objects label")), /* @__PURE__ */ React.createElement(Masonry.Root, {
+      items: related,
+      render: Card,
+      intrinsicHeight: true,
+      columnCount: related.length === 1 ? 1 : void 0
+    }))));
+  } finally {
+    _effect.f();
+  }
+};
+var Card = ({ data: subject }) => {
+  var _effect = _useSignals();
+  try {
+    const data = useMemo(() => ({
+      subject
+    }), [
+      subject
+    ]);
+    return /* @__PURE__ */ React.createElement(Surface, {
+      role: "card",
+      data,
+      limit: 1
+    });
+  } finally {
+    _effect.f();
+  }
+};
+var getReferencesFromObject = (obj) => {
+  return Object.getOwnPropertyNames(obj).map((name) => obj[name]).filter((value) => Ref.isRef(value));
+};
+var RecordMain_default = RecordMain;
+export {
+  RecordMain,
+  RecordMain_default as default
+};
+//# sourceMappingURL=RecordMain-SD76DGOR.mjs.map

package/dist/lib/node-esm/RecordMain-SD76DGOR.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/RecordMain.tsx"],
+  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport React, { useMemo } from 'react';\n\nimport { Surface } from '@dxos/app-framework';\nimport { Filter, type Obj, Ref, Relation } from '@dxos/echo';\nimport { getSpace, useQuery } from '@dxos/react-client/echo';\nimport { useTranslation } from '@dxos/react-ui';\nimport { Masonry } from '@dxos/react-ui-masonry';\nimport { StackItem } from '@dxos/react-ui-stack';\nimport { mx } from '@dxos/react-ui-theme';\nimport { isNonNullable } from '@dxos/util';\n\nimport { meta } from '../meta';\n\nexport type RecordMainProps = {\n  record: Obj.Any;\n};\n\nexport const RecordMain = ({ record }: RecordMainProps) => {\n  const { t } = useTranslation(meta.id);\n  const space = getSpace(record);\n  const data = useMemo(() => ({ subject: record }), [record]);\n\n  // TODO(wittjosiah): This is a hack. ECHO needs to have a back reference index to easily query for related objects.\n  const objects = useQuery(space, Filter.everything());\n  const related = useMemo(() => {\n    const relations = objects.filter((obj) => Relation.isRelation(obj));\n    const targetObjects = relations\n      .filter((relation) => Relation.getSource(relation) === record)\n      .map((relation) => Relation.getTarget(relation));\n    const sourceObjects = relations\n      .filter((relation) => Relation.getTarget(relation) === record)\n      .map((relation) => Relation.getSource(relation));\n\n    const references = getReferencesFromObject(record);\n    const referencedObjects = references.map((ref) => ref.target).filter(isNonNullable);\n    const referencingObjects = objects.filter((obj) => {\n      const refs = getReferencesFromObject(obj);\n      return refs.some((ref) => ref.target === record);\n    });\n\n    return [...referencedObjects, ...referencingObjects, ...targetObjects, ...sourceObjects];\n  }, [record, objects]);\n\n  return (\n    <StackItem.Content classNames='flex flex-col items-center'>\n      <div role='none' className={mx('flex flex-col gap-4 p-6 is-full overflow-y-auto')}>\n        <div role='none' className={mx('flex flex-col gap-1 card-min-width card-max-width')}>\n          <Surface role='section' data={data} limit={1} />\n        </div>\n\n        {/* TODO(wittjosiah): This should maybe be in a separate stack item. */}\n        {related.length > 0 && (\n          <div role='none' className={mx('flex flex-col gap-1', related.length === 1 ? 'card-max-width' : 'is-full')}>\n            <label className='text-description text-sm mbs-2'>{t('related objects label')}</label>\n            <Masonry.Root<Obj.Any>\n              items={related}\n              render={Card}\n              intrinsicHeight\n              columnCount={related.length === 1 ? 1 : undefined}\n            />\n          </div>\n        )}\n      </div>\n    </StackItem.Content>\n  );\n};\n\nconst Card = ({ data: subject }: { data: Obj.Any }) => {\n  const data = useMemo(() => ({ subject }), [subject]);\n  return <Surface role='card' data={data} limit={1} />;\n};\n\nconst getReferencesFromObject = (obj: Obj.Any): Ref.Any[] => {\n  return Object.getOwnPropertyNames(obj)\n    .map((name) => obj[name as keyof Obj.Any])\n    .filter((value) => Ref.isRef(value)) as Ref.Any[];\n};\n\nexport default RecordMain;\n"],
+  "mappings": ";;;;;;;AAIA,OAAOA,SAASC,eAAe;AAE/B,SAASC,eAAe;AACxB,SAASC,QAAkBC,KAAKC,gBAAgB;AAChD,SAASC,UAAUC,gBAAgB;AACnC,SAASC,sBAAsB;AAC/B,SAASC,eAAe;AACxB,SAASC,iBAAiB;AAC1B,SAASC,UAAU;AACnB,SAASC,qBAAqB;AAQvB,IAAMC,aAAa,CAAC,EAAEC,OAAM,MAAmB;;;AACpD,UAAM,EAAEC,EAAC,IAAKC,eAAeC,KAAKC,EAAE;AACpC,UAAMC,QAAQC,SAASN,MAAAA;AACvB,UAAMO,OAAOC,QAAQ,OAAO;MAAEC,SAAST;IAAO,IAAI;MAACA;KAAO;AAG1D,UAAMU,UAAUC,SAASN,OAAOO,OAAOC,WAAU,CAAA;AACjD,UAAMC,UAAUN,QAAQ,MAAA;AACtB,YAAMO,YAAYL,QAAQM,OAAO,CAACC,QAAQC,SAASC,WAAWF,GAAAA,CAAAA;AAC9D,YAAMG,gBAAgBL,UACnBC,OAAO,CAACK,aAAaH,SAASI,UAAUD,QAAAA,MAAcrB,MAAAA,EACtDuB,IAAI,CAACF,aAAaH,SAASM,UAAUH,QAAAA,CAAAA;AACxC,YAAMI,gBAAgBV,UACnBC,OAAO,CAACK,aAAaH,SAASM,UAAUH,QAAAA,MAAcrB,MAAAA,EACtDuB,IAAI,CAACF,aAAaH,SAASI,UAAUD,QAAAA,CAAAA;AAExC,YAAMK,aAAaC,wBAAwB3B,MAAAA;AAC3C,YAAM4B,oBAAoBF,WAAWH,IAAI,CAACM,QAAQA,IAAIC,MAAM,EAAEd,OAAOe,aAAAA;AACrE,YAAMC,qBAAqBtB,QAAQM,OAAO,CAACC,QAAAA;AACzC,cAAMgB,OAAON,wBAAwBV,GAAAA;AACrC,eAAOgB,KAAKC,KAAK,CAACL,QAAQA,IAAIC,WAAW9B,MAAAA;MAC3C,CAAA;AAEA,aAAO;WAAI4B;WAAsBI;WAAuBZ;WAAkBK;;IAC5E,GAAG;MAACzB;MAAQU;KAAQ;AAEpB,WACE,sBAAA,cAACyB,UAAUC,SAAO;MAACC,YAAW;OAC5B,sBAAA,cAACC,OAAAA;MAAIC,MAAK;MAAOC,WAAWC,GAAG,iDAAA;OAC7B,sBAAA,cAACH,OAAAA;MAAIC,MAAK;MAAOC,WAAWC,GAAG,mDAAA;OAC7B,sBAAA,cAACC,SAAAA;MAAQH,MAAK;MAAUhC;MAAYoC,OAAO;SAI5C7B,QAAQ8B,SAAS,KAChB,sBAAA,cAACN,OAAAA;MAAIC,MAAK;MAAOC,WAAWC,GAAG,uBAAuB3B,QAAQ8B,WAAW,IAAI,mBAAmB,SAAA;OAC9F,sBAAA,cAACC,SAAAA;MAAML,WAAU;OAAkCvC,EAAE,uBAAA,CAAA,GACrD,sBAAA,cAAC6C,QAAQC,MAAI;MACXC,OAAOlC;MACPmC,QAAQC;MACRC,iBAAAA;MACAC,aAAatC,QAAQ8B,WAAW,IAAI,IAAIS;;;;;AAOtD;AAEA,IAAMH,OAAO,CAAC,EAAE3C,MAAME,QAAO,MAAqB;;;AAChD,UAAMF,OAAOC,QAAQ,OAAO;MAAEC;IAAQ,IAAI;MAACA;KAAQ;AACnD,WAAO,sBAAA,cAACiC,SAAAA;MAAQH,MAAK;MAAOhC;MAAYoC,OAAO;;;;;AACjD;AAEA,IAAMhB,0BAA0B,CAACV,QAAAA;AAC/B,SAAOqC,OAAOC,oBAAoBtC,GAAAA,EAC/BM,IAAI,CAACiC,SAASvC,IAAIuC,IAAAA,CAAsB,EACxCxC,OAAO,CAACyC,UAAUC,IAAIC,MAAMF,KAAAA,CAAAA;AACjC;AAEA,IAAA,qBAAe1D;",
+  "names": ["React", "useMemo", "Surface", "Filter", "Ref", "Relation", "getSpace", "useQuery", "useTranslation", "Masonry", "StackItem", "mx", "isNonNullable", "RecordMain", "record", "t", "useTranslation", "meta", "id", "space", "getSpace", "data", "useMemo", "subject", "objects", "useQuery", "Filter", "everything", "related", "relations", "filter", "obj", "Relation", "isRelation", "targetObjects", "relation", "getSource", "map", "getTarget", "sourceObjects", "references", "getReferencesFromObject", "referencedObjects", "ref", "target", "isNonNullable", "referencingObjects", "refs", "some", "StackItem", "Content", "classNames", "div", "role", "className", "mx", "Surface", "limit", "length", "label", "Masonry", "Root", "items", "render", "Card", "intrinsicHeight", "columnCount", "undefined", "Object", "getOwnPropertyNames", "name", "value", "Ref", "isRef"]
+}

package/dist/lib/node-esm/{app-graph-builder-5ZJJUMQI.mjs → app-graph-builder-B23W62HY.mjs}

@@ -1,10 +1,10 @@
 import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
 import {
   getActiveSpace
-} from "./chunk-Q6AAQLQG.mjs";
+} from "./chunk-PM4ZIGKC.mjs";
 import {
   SpaceCapabilities
-} from "./chunk-IJVBBVCL.mjs";
+} from "./chunk-ZLMFLI7G.mjs";
 import {
   SHARED,
   SPACES,
@@ -15,18 +15,21 @@ import {
   createStaticSchemaActions,
   createStaticSchemaNode,
   rxFromQuery
-} from "./chunk-XDQXUZMK.mjs";
+} from "./chunk-XEVIWD3O.mjs";
 import {
   SPACE_TYPE,
   SpaceAction
-} from "./chunk-6WNZW6KT.mjs";
+} from "./chunk-YFQXFQGT.mjs";
 import {
   meta
-} from "./chunk-MWNATOXL.mjs";
+} from "./chunk-BDEFTL6K.mjs";
 
 // src/capabilities/app-graph-builder.ts
 import { Rx } from "@effect-rx/rx-react";
-import { Array, Option, Schema, pipe } from "effect";
+import * as Array from "effect/Array";
+import * as Function from "effect/Function";
+import * as Option from "effect/Option";
+import * as Schema from "effect/Schema";
 import { Capabilities, contributes, createIntent } from "@dxos/app-framework";
 import { SpaceState, getSpace, isSpace, parseId } from "@dxos/client/echo";
 import { Filter, Obj, Query, Type } from "@dxos/echo";
@@ -34,7 +37,7 @@ import { log } from "@dxos/log";
 import { ClientCapabilities } from "@dxos/plugin-client";
 import { ATTENDABLE_PATH_SEPARATOR, PLANK_COMPANION_TYPE } from "@dxos/plugin-deck/types";
 import { ROOT_ID, createExtension, rxFromObservable, rxFromSignal } from "@dxos/plugin-graph";
-import { DataType, typenameFromQuery } from "@dxos/schema";
+import { DataType, getTypenameFromQuery } from "@dxos/schema";
 import { isNonNullable } from "@dxos/util";
 var __dxlog_file = "/__w/dxos/dxos/packages/plugins/plugin-space/src/capabilities/app-graph-builder.ts";
 var app_graph_builder_default = ((context) => {
@@ -71,7 +74,7 @@ var app_graph_builder_default = ((context) => {
         } else {
           log.warn("spaces order object not found", void 0, {
             F: __dxlog_file,
-            L: 71,
+            L: 74,
             S: void 0,
             C: (f, a) => f(...a)
           });
@@ -84,7 +87,7 @@ var app_graph_builder_default = ((context) => {
     createExtension({
       id: `${meta.id}/primary-actions`,
       position: "hoist",
-      actions: (node) => Rx.make((get) => pipe(get(node), Option.flatMap((node2) => node2.id === ROOT_ID ? Option.some(node2) : Option.none()), Option.map(() => [
+      actions: (node) => Rx.make((get) => Function.pipe(get(node), Option.flatMap((node2) => node2.id === ROOT_ID ? Option.some(node2) : Option.none()), Option.map(() => [
         {
           id: SpaceAction.OpenCreateSpace._tag,
           data: async () => {
@@ -176,7 +179,7 @@ var app_graph_builder_default = ((context) => {
     createExtension({
       id: `${meta.id}/root`,
       position: "hoist",
-      connector: (node) => Rx.make((get) => pipe(get(node), Option.flatMap((node2) => node2.id === ROOT_ID ? Option.some(node2) : Option.none()), Option.map(() => [
+      connector: (node) => Rx.make((get) => Function.pipe(get(node), Option.flatMap((node2) => node2.id === ROOT_ID ? Option.some(node2) : Option.none()), Option.map(() => [
         spacesNode
       ]), Option.getOrElse(() => [])))
     }),
@@ -185,7 +188,7 @@ var app_graph_builder_default = ((context) => {
       id: SPACES,
       connector: (node) => {
         let query;
-        return Rx.make((get) => pipe(get(node), Option.flatMap((node2) => node2.id === SPACES ? Option.some(node2) : Option.none()), Option.map(() => {
+        return Rx.make((get) => Function.pipe(get(node), Option.flatMap((node2) => node2.id === SPACES ? Option.some(node2) : Option.none()), Option.map(() => {
           const state = context.getCapability(SpaceCapabilities.State);
           const client = context.getCapability(ClientCapabilities.Client);
           const spacesRx = rxFromObservable(client.spaces);
@@ -229,7 +232,7 @@ var app_graph_builder_default = ((context) => {
     // Create space actions.
     createExtension({
       id: `${meta.id}/actions`,
-      actions: (node) => Rx.make((get) => pipe(get(node), Option.flatMap((node2) => node2.type === SPACE_TYPE && isSpace(node2.data) ? Option.some(node2.data) : Option.none()), Option.flatMap((space) => {
+      actions: (node) => Rx.make((get) => Function.pipe(get(node), Option.flatMap((node2) => node2.type === SPACE_TYPE && isSpace(node2.data) ? Option.some(node2.data) : Option.none()), Option.flatMap((space) => {
         const [dispatcher] = get(context.capabilities(Capabilities.IntentDispatcher));
         const [client] = get(context.capabilities(ClientCapabilities.Client));
         const [state] = get(context.capabilities(SpaceCapabilities.State));
@@ -248,7 +251,7 @@ var app_graph_builder_default = ((context) => {
     // Create nodes for objects in the root collection of a space.
     createExtension({
       id: `${meta.id}/root-collection`,
-      connector: (node) => Rx.make((get) => pipe(get(node), Option.flatMap((node2) => node2.type === SPACE_TYPE && isSpace(node2.data) ? Option.some(node2.data) : Option.none()), Option.map((space) => {
+      connector: (node) => Rx.make((get) => Function.pipe(get(node), Option.flatMap((node2) => node2.type === SPACE_TYPE && isSpace(node2.data) ? Option.some(node2.data) : Option.none()), Option.map((space) => {
         const state = context.getCapability(SpaceCapabilities.State);
         const spaceState = get(rxFromObservable(space.state));
         if (spaceState !== SpaceState.SPACE_READY) {
@@ -258,7 +261,7 @@ var app_graph_builder_default = ((context) => {
         if (!collection) {
           return [];
         }
-        return get(rxFromSignal(() => pipe(collection.objects, Array.map((object) => object.target), Array.filter(isNonNullable), Array.map((object) => createObjectNode({
+        return get(rxFromSignal(() => Function.pipe(collection.objects, Array.map((object) => object.target), Array.filter(isNonNullable), Array.map((object) => createObjectNode({
           space,
           object,
           resolve,
@@ -269,10 +272,10 @@ var app_graph_builder_default = ((context) => {
     // Create nodes for objects in a collection or by its fully qualified id.
     createExtension({
       id: `${meta.id}/objects`,
-      connector: (node) => Rx.make((get) => pipe(get(node), Option.flatMap((node2) => Obj.instanceOf(DataType.Collection, node2.data) ? Option.some(node2.data) : Option.none()), Option.map((collection) => {
+      connector: (node) => Rx.make((get) => Function.pipe(get(node), Option.flatMap((node2) => Obj.instanceOf(DataType.Collection, node2.data) ? Option.some(node2.data) : Option.none()), Option.map((collection) => {
         const state = context.getCapability(SpaceCapabilities.State);
         const space = getSpace(collection);
-        return get(rxFromSignal(() => pipe(collection.objects, Array.map((object) => object.target), Array.filter(isNonNullable), Array.map((object) => space && createObjectNode({
+        return get(rxFromSignal(() => Function.pipe(collection.objects, Array.map((object) => object.target), Array.filter(isNonNullable), Array.map((object) => space && createObjectNode({
           object,
           space,
           resolve,
@@ -285,9 +288,9 @@ var app_graph_builder_default = ((context) => {
       id: `${meta.id}/query-collection-objects`,
       connector: (node) => {
         let query;
-        return Rx.make((get) => pipe(get(node), Option.flatMap((node2) => Obj.instanceOf(DataType.QueryCollection, node2.data) ? Option.some(node2.data) : Option.none()), Option.flatMap((collection) => {
+        return Rx.make((get) => Function.pipe(get(node), Option.flatMap((node2) => Obj.instanceOf(DataType.QueryCollection, node2.data) ? Option.some(node2.data) : Option.none()), Option.flatMap((collection) => {
           const space = getSpace(collection);
-          const typename = typenameFromQuery(collection.query);
+          const typename = getTypenameFromQuery(collection.query);
           return typename && space ? Option.some({
             typename,
             space
@@ -318,7 +321,7 @@ var app_graph_builder_default = ((context) => {
       id: `${meta.id}/static-schemas`,
       connector: (node) => {
         const client = context.getCapability(ClientCapabilities.Client);
-        return Rx.make((get) => pipe(get(node), Option.flatMap((node2) => Obj.instanceOf(DataType.QueryCollection, node2.data) && typenameFromQuery(node2.data.query) === DataType.StoredSchema.typename ? Option.some(node2.data) : Option.none()), Option.flatMap((collection) => {
+        return Rx.make((get) => Function.pipe(get(node), Option.flatMap((node2) => Obj.instanceOf(DataType.QueryCollection, node2.data) && getTypenameFromQuery(node2.data.query) === DataType.StoredSchema.typename ? Option.some(node2.data) : Option.none()), Option.flatMap((collection) => {
           const space = getSpace(collection);
           return space?.properties.staticRecords ? Option.some(space) : Option.none();
         }), Option.map((space) => {
@@ -334,7 +337,7 @@ var app_graph_builder_default = ((context) => {
       id: `${meta.id}/static-schema-actions`,
       actions: (node) => {
         let query;
-        return Rx.make((get) => pipe(get(node), Option.flatMap((node2) => {
+        return Rx.make((get) => Function.pipe(get(node), Option.flatMap((node2) => {
           const space = isSpace(node2.properties.space) ? node2.properties.space : void 0;
           return space && Schema.isSchema(node2.data) ? Option.some({
             space,
@@ -347,7 +350,7 @@ var app_graph_builder_default = ((context) => {
           const views = get(rxFromQuery(query));
           const filteredViews = get(rxFromSignal(() => (
             // TODO(wittjosiah): Remove cast.
-            views.filter((view) => typenameFromQuery(view.query.ast) === Type.getTypename(schema))
+            views.filter((view) => getTypenameFromQuery(view.query.ast) === Type.getTypename(schema))
           )));
           const deletable = filteredViews.length === 0;
           const [dispatcher] = get(context.capabilities(Capabilities.IntentDispatcher));
@@ -368,7 +371,7 @@ var app_graph_builder_default = ((context) => {
       id: `${meta.id}/schema-views`,
       connector: (node) => {
         let query;
-        return Rx.make((get) => pipe(get(node), Option.flatMap((node2) => {
+        return Rx.make((get) => Function.pipe(get(node), Option.flatMap((node2) => {
           const space = getSpace(node2.data) ?? (isSpace(node2.properties.space) ? node2.properties.space : void 0);
           return space && (Obj.instanceOf(DataType.StoredSchema, node2.data) || Schema.isSchema(node2.data)) ? Option.some({
             space,
@@ -379,7 +382,7 @@ var app_graph_builder_default = ((context) => {
             query = space.db.query(Filter.type(DataType.View));
           }
           const typename = Schema.isSchema(schema) ? Type.getTypename(schema) : schema.typename;
-          return get(rxFromQuery(query)).filter((view) => typenameFromQuery(view.query.ast) === typename).map((view) => get(rxFromSignal(() => createObjectNode({
+          return get(rxFromQuery(query)).filter((view) => getTypenameFromQuery(view.query.ast) === typename).map((view) => get(rxFromSignal(() => createObjectNode({
             object: view,
             space,
             resolve,
@@ -424,22 +427,22 @@ var app_graph_builder_default = ((context) => {
       id: `${meta.id}/object-actions`,
       actions: (node) => {
         let query;
-        return Rx.make((get) => pipe(get(node), Option.flatMap((node2) => {
+        return Rx.make((get) => Function.pipe(get(node), Option.flatMap((node2) => {
           const space = getSpace(node2.data);
-          return space && Obj.isObject(node2.data) ? Option.some({
+          return space && Obj.isObject(node2.data) && Obj.getTypename(node2.data) === node2.type ? Option.some({
             space,
             object: node2.data
           }) : Option.none();
         }), Option.flatMap(({ space, object }) => {
-          const isSchema = Obj.instanceOf(DataType.StoredSchema, object);
-          if (!query && isSchema) {
+          const isSchema2 = Obj.instanceOf(DataType.StoredSchema, object);
+          if (!query && isSchema2) {
             query = space.db.query(Filter.type(DataType.View));
           }
-          let deletable = !isSchema && // Don't allow the Records smart collection to be deleted.
-          !(Obj.instanceOf(DataType.QueryCollection, object) && typenameFromQuery(object.query) === DataType.StoredSchema.typename);
-          if (isSchema && query) {
+          let deletable = !isSchema2 && // Don't allow the Records smart collection to be deleted.
+          !(Obj.instanceOf(DataType.QueryCollection, object) && getTypenameFromQuery(object.query) === DataType.StoredSchema.typename);
+          if (isSchema2 && query) {
             const views = get(rxFromQuery(query));
-            const filteredViews = get(rxFromSignal(() => views.filter((view) => typenameFromQuery(view.query.ast) === object.typename)));
+            const filteredViews = get(rxFromSignal(() => views.filter((view) => getTypenameFromQuery(view.query.ast) === object.typename)));
             deletable = filteredViews.length === 0;
           }
           const [dispatcher] = get(context.capabilities(Capabilities.IntentDispatcher));
@@ -464,7 +467,7 @@ var app_graph_builder_default = ((context) => {
     // View selected objects.
     createExtension({
       id: `${meta.id}/selected-objects`,
-      connector: (node) => Rx.make((get) => pipe(get(node), Option.flatMap((node2) => Obj.instanceOf(DataType.View, node2.data) ? Option.some(node2) : Option.none()), Option.map((node2) => [
+      connector: (node) => Rx.make((get) => Function.pipe(get(node), Option.flatMap((node2) => Obj.instanceOf(DataType.View, node2.data) ? Option.some(node2) : Option.none()), Option.map((node2) => [
         {
           id: [
             node2.id,
@@ -488,7 +491,7 @@ var app_graph_builder_default = ((context) => {
     // Object settings plank companion.
     createExtension({
       id: `${meta.id}/settings`,
-      connector: (node) => Rx.make((get) => pipe(get(node), Option.flatMap((node2) => Obj.isObject(node2.data) ? Option.some(node2) : Option.none()), Option.map((node2) => [
+      connector: (node) => Rx.make((get) => Function.pipe(get(node), Option.flatMap((node2) => Obj.isObject(node2.data) ? Option.some(node2) : Option.none()), Option.map((node2) => [
         {
           id: [
             node2.id,
@@ -515,4 +518,4 @@ var app_graph_builder_default = ((context) => {
 export {
   app_graph_builder_default as default
 };
-//# sourceMappingURL=app-graph-builder-5ZJJUMQI.mjs.map
+//# sourceMappingURL=app-graph-builder-B23W62HY.mjs.map