@dxos/plugin-space 0.8.4-main.3a94e84 → 0.8.4-main.406dc2a

package/dist/lib/browser/{CollectionMain-D2B75XBS.mjs → CollectionMain-AX7KKXWP.mjs}

@@ -1,6 +1,6 @@
 import {
-  SPACE_PLUGIN
-} from "./chunk-FBCGT5YY.mjs";
+  meta
+} from "./chunk-IRKDREHY.mjs";
 
 // src/components/CollectionMain.tsx
 import { useSignals as _useSignals } from "@preact-signals/safe-react/tracking";
@@ -10,7 +10,7 @@ import { baseSurface, descriptionMessage, mx } from "@dxos/react-ui-theme";
 var CollectionMain = ({ collection }) => {
   var _effect = _useSignals();
   try {
-    const { t } = useTranslation(SPACE_PLUGIN);
+    const { t } = useTranslation(meta.id);
     return /* @__PURE__ */ React.createElement("div", {
       role: "none",
       className: mx(baseSurface, "min-bs-screen is-full flex items-center justify-center p-8"),
@@ -28,4 +28,4 @@ export {
   CollectionMain,
   CollectionMain_default as default
 };
-//# sourceMappingURL=CollectionMain-D2B75XBS.mjs.map
+//# sourceMappingURL=CollectionMain-AX7KKXWP.mjs.map

package/dist/lib/browser/CollectionMain-AX7KKXWP.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/CollectionMain.tsx"],
+  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport React from 'react';\n\nimport { useTranslation } from '@dxos/react-ui';\nimport { baseSurface, descriptionMessage, mx } from '@dxos/react-ui-theme';\nimport { type DataType } from '@dxos/schema';\n\nimport { meta } from '../meta';\n\nexport const CollectionMain = ({ collection }: { collection: DataType.Collection }) => {\n  const { t } = useTranslation(meta.id);\n\n  return (\n    <div\n      role='none'\n      className={mx(baseSurface, 'min-bs-screen is-full flex items-center justify-center p-8')}\n      data-testid='composer.firstRunMessage'\n    >\n      <p\n        role='alert'\n        className={mx(descriptionMessage, 'rounded-md p-8 font-normal text-lg max-is-[24rem] break-words')}\n      >\n        {collection.name ?? t('unnamed collection label')}\n      </p>\n    </div>\n  );\n};\n\nexport default CollectionMain;\n"],
+  "mappings": ";;;;;;AAIA,OAAOA,WAAW;AAElB,SAASC,sBAAsB;AAC/B,SAASC,aAAaC,oBAAoBC,UAAU;AAK7C,IAAMC,iBAAiB,CAAC,EAAEC,WAAU,MAAuC;;;AAChF,UAAM,EAAEC,EAAC,IAAKC,eAAeC,KAAKC,EAAE;AAEpC,WACE,sBAAA,cAACC,OAAAA;MACCC,MAAK;MACLC,WAAWC,GAAGC,aAAa,4DAAA;MAC3BC,eAAY;OAEZ,sBAAA,cAACC,KAAAA;MACCL,MAAK;MACLC,WAAWC,GAAGI,oBAAoB,+DAAA;OAEjCZ,WAAWa,QAAQZ,EAAE,0BAAA,CAAA,CAAA;;;;AAI9B;AAEA,IAAA,yBAAeF;",
+  "names": ["React", "useTranslation", "baseSurface", "descriptionMessage", "mx", "CollectionMain", "collection", "t", "useTranslation", "meta", "id", "div", "role", "className", "mx", "baseSurface", "data-testid", "p", "descriptionMessage", "name"]
+}

package/dist/lib/browser/ObjectDetailsPanel-MQBHG666.mjs

@@ -0,0 +1,145 @@
+import {
+  meta
+} from "./chunk-IRKDREHY.mjs";
+
+// src/components/ObjectDetailsPanel/ObjectDetailsPanel.tsx
+import { useSignals as _useSignals2 } from "@preact-signals/safe-react/tracking";
+import React2 from "react";
+import { useClient } from "@dxos/react-client";
+import { Filter, getSpace as getSpace2, useQuery, useSchema } from "@dxos/react-client/echo";
+import { Callout, useTranslation } from "@dxos/react-ui";
+import { useSelected } from "@dxos/react-ui-attention";
+import { getTypenameFromQuery } from "@dxos/schema";
+import { isNonNullable } from "@dxos/util";
+
+// src/components/ObjectDetailsPanel/ObjectForm.tsx
+import { useSignals as _useSignals } from "@preact-signals/safe-react/tracking";
+import * as Schema from "effect/Schema";
+import React, { useCallback, useMemo } from "react";
+import { DXN, Obj, Tag, Type } from "@dxos/echo";
+import { setValue } from "@dxos/echo/internal";
+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/ObjectDetailsPanel/ObjectForm.tsx";
+var TagSchema = Tag.Tag.pipe(Schema.omit("id"));
+var ObjectForm = ({ object, schema }) => {
+  var _effect = _useSignals();
+  try {
+    const space = getSpace(object);
+    const handleRefQueryLookup = useRefQueryLookupHandler({
+      space
+    });
+    const formSchema = useMemo(() => Schema.Struct({
+      tag: Type.Ref(Tag.Tag).pipe(Schema.optional)
+    }).pipe(Schema.extend(schema)), [
+      schema
+    ]);
+    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: 34,
+        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((values2, { changed }) => {
+      const changedPaths = Object.keys(changed).filter((path) => changed[path]);
+      for (const path of changedPaths) {
+        if (path === "tag") {
+          const tag2 = values2[path];
+          const meta3 = Obj.getMeta(object);
+          const currentTag = meta3.tags?.[0];
+          if (currentTag !== tag2?.dxn.toString()) {
+            meta3.tags = tag2 ? [
+              tag2.dxn.toString()
+            ] : [];
+          }
+          continue;
+        }
+        const value = values2[path];
+        setValue(object, path, value);
+      }
+    }, [
+      object
+    ]);
+    return /* @__PURE__ */ React.createElement(Form, {
+      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
+    });
+  } finally {
+    _effect.f();
+  }
+};
+
+// src/components/ObjectDetailsPanel/ObjectDetailsPanel.tsx
+var ObjectDetailsPanel = ({ objectId, view }) => {
+  var _effect = _useSignals2();
+  try {
+    const { t } = useTranslation(meta.id);
+    const client = useClient();
+    const space = getSpace2(view);
+    const typename = view.query ? getTypenameFromQuery(view.query.ast) : void 0;
+    const schema = useSchema(client, space, typename);
+    const queriedObjects = useQuery(space, schema ? Filter.type(schema) : Filter.nothing());
+    const selectedRows = useSelected(objectId, "multi");
+    const selectedObjects = selectedRows.map((id) => queriedObjects.find((obj) => obj.id === id)).filter(isNonNullable);
+    if (selectedObjects.length === 0) {
+      return /* @__PURE__ */ React2.createElement("div", {
+        role: "none",
+        className: "plb-cardSpacingBlock pli-cardSpacingInline"
+      }, /* @__PURE__ */ React2.createElement(Callout.Root, {
+        classNames: "is-full"
+      }, /* @__PURE__ */ React2.createElement(Callout.Title, null, t("row details no selection label"))));
+    }
+    return /* @__PURE__ */ React2.createElement("div", {
+      role: "none",
+      className: "bs-full is-full flex flex-col p-2 gap-1 overflow-y-auto"
+    }, schema && selectedObjects.map((object) => /* @__PURE__ */ React2.createElement("div", {
+      key: object.id,
+      className: "border border-separator rounded"
+    }, /* @__PURE__ */ React2.createElement(ObjectForm, {
+      object,
+      schema
+    }))));
+  } finally {
+    _effect.f();
+  }
+};
+
+// src/components/ObjectDetailsPanel/index.ts
+var ObjectDetailsPanel_default = ObjectDetailsPanel;
+export {
+  ObjectDetailsPanel_default as default
+};
+//# sourceMappingURL=ObjectDetailsPanel-MQBHG666.mjs.map

package/dist/lib/browser/ObjectDetailsPanel-MQBHG666.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/ObjectDetailsPanel/ObjectDetailsPanel.tsx", "../../../src/components/ObjectDetailsPanel/ObjectForm.tsx", "../../../src/components/ObjectDetailsPanel/index.ts"],
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport React from 'react';\n\nimport { useClient } from '@dxos/react-client';\nimport { Filter, getSpace, useQuery, useSchema } from '@dxos/react-client/echo';\nimport { Callout, useTranslation } from '@dxos/react-ui';\nimport { useSelected } from '@dxos/react-ui-attention';\nimport { type DataType } from '@dxos/schema';\nimport { getTypenameFromQuery } from '@dxos/schema';\nimport { isNonNullable } from '@dxos/util';\n\nimport { meta } from '../../meta';\n\nimport { ObjectForm } from './ObjectForm';\n\ntype RowDetailsPanelProps = { objectId: string; view: DataType.View };\n\nexport const ObjectDetailsPanel = ({ objectId, view }: RowDetailsPanelProps) => {\n  const { t } = useTranslation(meta.id);\n  const client = useClient();\n  const space = getSpace(view);\n  const typename = view.query ? getTypenameFromQuery(view.query.ast) : undefined;\n  const schema = useSchema(client, space, typename);\n\n  const queriedObjects = useQuery(space, 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 (selectedObjects.length === 0) {\n    return (\n      <div role='none' className='plb-cardSpacingBlock pli-cardSpacingInline'>\n        <Callout.Root classNames='is-full'>\n          <Callout.Title>{t('row details no selection label')}</Callout.Title>\n        </Callout.Root>\n      </div>\n    );\n  }\n\n  return (\n    <div role='none' className='bs-full is-full flex flex-col p-2 gap-1 overflow-y-auto'>\n      {schema &&\n        selectedObjects.map((object) => (\n          <div key={object.id} className='border border-separator rounded'>\n            <ObjectForm object={object} schema={schema} />\n          </div>\n        ))}\n    </div>\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, Tag, Type } from '@dxos/echo';\nimport { type JsonPath, setValue } from '@dxos/echo/internal';\nimport { invariant } from '@dxos/invariant';\nimport { getSpace } from '@dxos/react-client/echo';\nimport { Form, useRefQueryLookupHandler } from '@dxos/react-ui-form';\n\nimport { meta as pluginMeta } from '../../meta';\n\nconst TagSchema = Tag.Tag.pipe(Schema.omit('id'));\n\ntype ObjectFormProps = { object: Obj.Any; schema: Schema.Schema.AnyNoContext };\n\nexport const ObjectForm = ({ object, schema }: ObjectFormProps) => {\n  const space = getSpace(object);\n  const handleRefQueryLookup = useRefQueryLookupHandler({ space });\n\n  const formSchema = useMemo(\n    () => Schema.Struct({ tag: Type.Ref(Tag.Tag).pipe(Schema.optional) }).pipe(Schema.extend(schema)),\n    [schema],\n  );\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(() => ({ tag, ...object }), [object, tag]);\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    (values: any, { changed }: { changed: Record<JsonPath, boolean> }) => {\n      const changedPaths = Object.keys(changed).filter((path) => changed[path as JsonPath]) as JsonPath[];\n      for (const path of changedPaths) {\n        if (path === 'tag') {\n          const tag = values[path];\n          const meta = Obj.getMeta(object);\n          const currentTag = meta.tags?.[0];\n          if (currentTag !== tag?.dxn.toString()) {\n            meta.tags = tag ? [tag.dxn.toString()] : [];\n          }\n          continue;\n        }\n\n        const value = values[path];\n        setValue(object, path, value);\n      }\n    },\n    [object],\n  );\n\n  return (\n    <Form\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  );\n};\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { ObjectDetailsPanel } from './ObjectDetailsPanel';\n\nexport default ObjectDetailsPanel;\n"],
+  "mappings": "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",
+  "names": ["React", "useClient", "Filter", "getSpace", "useQuery", "useSchema", "Callout", "useTranslation", "useSelected", "getTypenameFromQuery", "isNonNullable", "Schema", "React", "useCallback", "useMemo", "DXN", "Obj", "Tag", "Type", "setValue", "invariant", "getSpace", "Form", "useRefQueryLookupHandler", "TagSchema", "Tag", "pipe", "omit", "ObjectForm", "object", "schema", "space", "getSpace", "handleRefQueryLookup", "useRefQueryLookupHandler", "formSchema", "useMemo", "Struct", "tag", "Type", "Ref", "optional", "extend", "meta", "Obj", "getMeta", "tags", "db", "ref", "DXN", "parse", "undefined", "values", "handleCreateTag", "useCallback", "invariant", "add", "make", "getDXN", "toString", "handleSave", "changed", "changedPaths", "Object", "keys", "filter", "path", "currentTag", "dxn", "value", "setValue", "Form", "autoSave", "createSchema", "createOptionIcon", "createOptionLabel", "ns", "pluginMeta", "id", "createInitialValuePath", "onCreate", "onSave", "onQueryRefOptions", "ObjectDetailsPanel", "objectId", "view", "t", "useTranslation", "meta", "id", "client", "useClient", "space", "getSpace", "typename", "query", "getTypenameFromQuery", "ast", "undefined", "schema", "useSchema", "queriedObjects", "useQuery", "Filter", "type", "nothing", "selectedRows", "useSelected", "selectedObjects", "map", "find", "obj", "filter", "isNonNullable", "length", "React", "div", "role", "className", "Callout", "Root", "classNames", "Title", "object", "key", "ObjectForm", "ObjectDetailsPanel"]
+}

package/dist/lib/browser/ObjectSettings-KNUZFCGS.mjs

@@ -0,0 +1,151 @@
+import {
+  meta
+} from "./chunk-IRKDREHY.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 * 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 { DescriptionAnnotation } from "@dxos/echo/internal";
+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({
+  label: Schema.String.pipe(Schema.optional),
+  // TODO(wittjosiah): Support multiple tags.
+  tag: Type.Ref(Tag.Tag).pipe(Schema.optional)
+});
+var BaseSchemaWithDescription = Schema.Struct({
+  label: Schema.String.pipe(Schema.optional),
+  description: Schema.String.pipe(Schema.optional),
+  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(() => {
+      const description = Function.pipe(Obj.getSchema(object), Option.fromNullable, Option.flatMap((schema) => DescriptionAnnotation.get(schema)), Option.getOrUndefined);
+      if (description) {
+        return BaseSchemaWithDescription;
+      } else {
+        return BaseSchema;
+      }
+    }, [
+      object
+    ]);
+    const meta2 = Obj.getMeta(object);
+    const tag = meta2.tags?.[0] ? space?.db.ref(DXN.parse(meta2.tags?.[0])) : void 0;
+    const values = useMemo(() => ({
+      label: Obj.getLabel(object),
+      description: Obj.getDescription(object),
+      tag
+    }), [
+      object,
+      tag
+    ]);
+    const handleCreateTag = useCallback((values2) => {
+      invariant(space, void 0, {
+        F: __dxlog_file,
+        L: 72,
+        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((values2) => {
+      if (values2.label !== void 0 && Obj.getLabel(object) !== values2.label) {
+        Obj.setLabel(object, values2.label);
+      }
+      if (values2.description !== void 0 && Obj.getDescription(object) !== values2.description) {
+        Obj.setDescription(object, values2.description);
+      }
+      const meta3 = Obj.getMeta(object);
+      const currentTag = meta3.tags?.[0];
+      if (values2.tag !== void 0 && currentTag !== values2.tag?.dxn.toString()) {
+        meta3.tags = [
+          values2.tag.dxn.toString()
+        ];
+      }
+    }, [
+      object
+    ]);
+    return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Form, {
+      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-KNUZFCGS.mjs.map

package/dist/lib/browser/ObjectSettings-KNUZFCGS.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 * 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 { DescriptionAnnotation } from '@dxos/echo/internal';\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\nconst BaseSchema = Schema.Struct({\n  label: Schema.String.pipe(Schema.optional),\n  // TODO(wittjosiah): Support multiple tags.\n  tag: Type.Ref(Tag.Tag).pipe(Schema.optional),\n});\n\n// TODO(wittjosiah): Use extend but need to be able to control order of fields.\nconst BaseSchemaWithDescription = Schema.Struct({\n  label: Schema.String.pipe(Schema.optional),\n  description: Schema.String.pipe(Schema.optional),\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    const description = Function.pipe(\n      Obj.getSchema(object),\n      Option.fromNullable,\n      Option.flatMap((schema) => DescriptionAnnotation.get(schema)),\n      Option.getOrUndefined,\n    );\n    if (description) {\n      return BaseSchemaWithDescription;\n    } else {\n      return BaseSchema;\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      label: Obj.getLabel(object),\n      description: Obj.getDescription(object),\n      tag,\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    (values: Schema.Schema.Type<typeof BaseSchemaWithDescription>) => {\n      if (values.label !== undefined && Obj.getLabel(object) !== values.label) {\n        Obj.setLabel(object, values.label);\n      }\n\n      if (values.description !== undefined && Obj.getDescription(object) !== values.description) {\n        Obj.setDescription(object, values.description);\n      }\n\n      const meta = Obj.getMeta(object);\n      const currentTag = meta.tags?.[0];\n      if (values.tag !== undefined && currentTag !== values.tag?.dxn.toString()) {\n        meta.tags = [values.tag.dxn.toString()];\n      }\n    },\n    [object],\n  );\n\n  // TODO(wittjosiah): The schema for this form should be based on the schema of the object.\n  //  Perhaps with fields filtered down to only those with a specific settings annotation.\n  return (\n    <>\n      <Form\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", "Function", "Option", "Schema", "React", "useCallback", "useMemo", "DXN", "Obj", "Tag", "Type", "DescriptionAnnotation", "invariant", "getSpace", "Form", "useRefQueryLookupHandler", "BaseSchema", "Struct", "label", "String", "pipe", "optional", "tag", "Type", "Ref", "Tag", "BaseSchemaWithDescription", "description", "TagSchema", "omit", "BaseObjectSettings", "classNames", "children", "object", "space", "getSpace", "handleRefQueryLookup", "useRefQueryLookupHandler", "formSchema", "useMemo", "Obj", "getSchema", "fromNullable", "flatMap", "schema", "DescriptionAnnotation", "get", "getOrUndefined", "meta", "getMeta", "tags", "db", "ref", "DXN", "parse", "undefined", "values", "getLabel", "getDescription", "handleCreateTag", "useCallback", "invariant", "add", "make", "getDXN", "toString", "handleSave", "setLabel", "setDescription", "currentTag", "dxn", "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/browser/RecordMain-H4DVHICS.mjs

@@ -0,0 +1,116 @@
+import {
+  meta
+} from "./chunk-IRKDREHY.mjs";
+
+// src/components/RecordMain.tsx
+import { useSignals as _useSignals } from "@preact-signals/safe-react/tracking";
+import React, { useCallback, useMemo } from "react";
+import { Surface } from "@dxos/app-framework";
+import { Filter, Obj, Ref, Relation } from "@dxos/echo";
+import { setValue } from "@dxos/echo/internal";
+import { invariant } from "@dxos/invariant";
+import { getSpace, useQuery } from "@dxos/react-client/echo";
+import { useTranslation } from "@dxos/react-ui";
+import { Form, useRefQueryLookupHandler } from "@dxos/react-ui-form";
+import { Masonry } from "@dxos/react-ui-masonry";
+import { isNonNullable } from "@dxos/util";
+var __dxlog_file = "/__w/dxos/dxos/packages/plugins/plugin-space/src/components/RecordMain.tsx";
+var getReferencesFromObject = (obj) => {
+  return Object.getOwnPropertyNames(obj).map((name) => obj[name]).filter((value) => Ref.isRef(value));
+};
+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 RecordMain = ({ record }) => {
+  var _effect = _useSignals();
+  try {
+    const { t } = useTranslation(meta.id);
+    const space = getSpace(record);
+    const schema = Obj.getSchema(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
+    ]);
+    const handleRefQueryLookup = useRefQueryLookupHandler({
+      space
+    });
+    const handleSave = useCallback((values, { changed }) => {
+      const id = values.id;
+      invariant(typeof id === "string", void 0, {
+        F: __dxlog_file,
+        L: 61,
+        S: void 0,
+        A: [
+          "typeof id === 'string'",
+          ""
+        ]
+      });
+      const changedPaths = Object.keys(changed).filter((path) => changed[path]);
+      for (const path of changedPaths) {
+        const value = values[path];
+        setValue(record, path, value);
+      }
+    }, [
+      record
+    ]);
+    if (!schema) {
+      return null;
+    }
+    return /* @__PURE__ */ React.createElement("div", {
+      role: "none",
+      className: "container-max-width flex flex-col p-2 gap-1 overflow-y-auto"
+    }, /* @__PURE__ */ React.createElement("div", {
+      key: record.id,
+      className: "border border-separator rounded"
+    }, /* @__PURE__ */ React.createElement(Form, {
+      autoSave: true,
+      schema,
+      values: record,
+      onSave: handleSave,
+      onQueryRefOptions: handleRefQueryLookup
+    })), /* @__PURE__ */ React.createElement("h2", null, t("related objects label")), /* @__PURE__ */ React.createElement(Masonry.Root, {
+      items: related,
+      render: Card,
+      intrinsicHeight: true
+    }));
+  } finally {
+    _effect.f();
+  }
+};
+var RecordMain_default = RecordMain;
+export {
+  RecordMain,
+  RecordMain_default as default
+};
+//# sourceMappingURL=RecordMain-H4DVHICS.mjs.map

package/dist/lib/browser/RecordMain-H4DVHICS.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/RecordMain.tsx"],
+  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport React, { useCallback, useMemo } from 'react';\n\nimport { Surface } from '@dxos/app-framework';\nimport { Filter, Obj, Ref, Relation } from '@dxos/echo';\nimport { type JsonPath, setValue } from '@dxos/echo/internal';\nimport { invariant } from '@dxos/invariant';\nimport { getSpace, useQuery } from '@dxos/react-client/echo';\nimport { useTranslation } from '@dxos/react-ui';\nimport { Form, useRefQueryLookupHandler } from '@dxos/react-ui-form';\nimport { Masonry } from '@dxos/react-ui-masonry';\nimport { isNonNullable } from '@dxos/util';\n\nimport { meta } from '../meta';\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\nconst Card = ({ data: subject }: { data: Obj.Any }) => {\n  const data = useMemo(() => ({ subject }), [subject]);\n  return <Surface role='card' data={data} limit={1} />;\n};\n\nexport const RecordMain = ({ record }: { record: Obj.Any }) => {\n  const { t } = useTranslation(meta.id);\n  const space = getSpace(record);\n  const schema = Obj.getSchema(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  const handleRefQueryLookup = useRefQueryLookupHandler({ space });\n\n  const handleSave = useCallback(\n    (values: any, { changed }: { changed: Record<JsonPath, boolean> }) => {\n      const id = values.id;\n      invariant(typeof id === 'string');\n\n      const changedPaths = Object.keys(changed).filter((path) => changed[path as JsonPath]) as JsonPath[];\n      for (const path of changedPaths) {\n        const value = values[path];\n        setValue(record, path, value);\n      }\n    },\n    [record],\n  );\n\n  if (!schema) {\n    return null;\n  }\n\n  return (\n    <div role='none' className='container-max-width flex flex-col p-2 gap-1 overflow-y-auto'>\n      <div key={record.id} className='border border-separator rounded'>\n        <Form autoSave schema={schema} values={record} onSave={handleSave} onQueryRefOptions={handleRefQueryLookup} />\n      </div>\n      <h2>{t('related objects label')}</h2>\n      <Masonry.Root<Obj.Any> items={related} render={Card} intrinsicHeight />\n    </div>\n  );\n};\n\nexport default RecordMain;\n"],
+  "mappings": "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",
+  "names": ["React", "useCallback", "useMemo", "Surface", "Filter", "Obj", "Ref", "Relation", "setValue", "invariant", "getSpace", "useQuery", "useTranslation", "Form", "useRefQueryLookupHandler", "Masonry", "isNonNullable", "getReferencesFromObject", "obj", "Object", "getOwnPropertyNames", "map", "name", "filter", "value", "Ref", "isRef", "Card", "data", "subject", "useMemo", "Surface", "role", "limit", "RecordMain", "record", "t", "useTranslation", "meta", "id", "space", "getSpace", "schema", "Obj", "getSchema", "objects", "useQuery", "Filter", "everything", "related", "relations", "Relation", "isRelation", "targetObjects", "relation", "getSource", "getTarget", "sourceObjects", "references", "referencedObjects", "ref", "target", "isNonNullable", "referencingObjects", "refs", "some", "handleRefQueryLookup", "useRefQueryLookupHandler", "handleSave", "useCallback", "values", "changed", "invariant", "changedPaths", "keys", "path", "setValue", "div", "className", "key", "Form", "autoSave", "onSave", "onQueryRefOptions", "h2", "Masonry", "Root", "items", "render", "intrinsicHeight"]
+}