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

package/dist/lib/node-esm/MenuFooter-PXG2GV6A.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/containers/MenuFooter/MenuFooter.tsx", "../../../src/containers/MenuFooter/index.ts"],
+  "sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\n\nimport React from 'react';\n\nimport { getSpace } from '@dxos/client/echo';\nimport { type Obj } from '@dxos/echo';\nimport { useClient } from '@dxos/react-client';\nimport { DropdownMenu, Icon, toLocalizedString, useTranslation } from '@dxos/react-ui';\n\nimport { meta } from '../../meta';\nimport { getSpaceDisplayName } from '../../util';\n\nexport const MenuFooter = ({ object }: { object: Obj.Unknown }) => {\n  const { t } = useTranslation(meta.id);\n  const client = useClient();\n  const space = getSpace(object);\n  const spaceName = space ? getSpaceDisplayName(space, { personal: client.spaces.default === space }) : '';\n  return space ? (\n    <>\n      <DropdownMenu.Separator />\n      <DropdownMenu.GroupLabel>{t('menu footer label')}</DropdownMenu.GroupLabel>\n      <dl className='ps-2 mb-2 text-xs grid grid-cols-[max-content_1fr] gap-2'>\n        <dt className='uppercase text-[.75em] tracking-wide font-medium mt-px self-start'>{t('location label')}</dt>\n        <dd className='line-clamp-3'>\n          <Icon icon='ph--planet--regular' classNames='inline-block me-1' />\n          {toLocalizedString(spaceName, t)}\n        </dd>\n      </dl>\n    </>\n  ) : null;\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport { MenuFooter } from './MenuFooter';\n\nexport default MenuFooter;\n"],
+  "mappings": ";;;;;;;;;AAIA,OAAOA,WAAW;AAElB,SAASC,gBAAgB;AAEzB,SAASC,iBAAiB;AAC1B,SAASC,cAAcC,MAAMC,mBAAmBC,sBAAsB;AAK/D,IAAMC,aAAa,CAAC,EAAEC,OAAM,MAA2B;AAC5D,QAAM,EAAEC,EAAC,IAAKC,eAAeC,KAAKC,EAAE;AACpC,QAAMC,SAASC,UAAAA;AACf,QAAMC,QAAQC,SAASR,MAAAA;AACvB,QAAMS,YAAYF,QAAQG,oBAAoBH,OAAO;IAAEI,UAAUN,OAAOO,OAAOC,YAAYN;EAAM,CAAA,IAAK;AACtG,SAAOA,QACL,sBAAA,cAAA,MAAA,UAAA,MACE,sBAAA,cAACO,aAAaC,WAAS,IAAA,GACvB,sBAAA,cAACD,aAAaE,YAAU,MAAEf,EAAE,mBAAA,CAAA,GAC5B,sBAAA,cAACgB,MAAAA;IAAGC,WAAU;KACZ,sBAAA,cAACC,MAAAA;IAAGD,WAAU;KAAqEjB,EAAE,gBAAA,CAAA,GACrF,sBAAA,cAACmB,MAAAA;IAAGF,WAAU;KACZ,sBAAA,cAACG,MAAAA;IAAKC,MAAK;IAAsBC,YAAW;MAC3CC,kBAAkBf,WAAWR,CAAAA,CAAAA,CAAAA,CAAAA,IAIlC;AACN;;;AC1BA,IAAA,qBAAewB;",
+  "names": ["React", "getSpace", "useClient", "DropdownMenu", "Icon", "toLocalizedString", "useTranslation", "MenuFooter", "object", "t", "useTranslation", "meta", "id", "client", "useClient", "space", "getSpace", "spaceName", "getSpaceDisplayName", "personal", "spaces", "default", "DropdownMenu", "Separator", "GroupLabel", "dl", "className", "dt", "dd", "Icon", "icon", "classNames", "toLocalizedString", "MenuFooter"]
+}

package/dist/lib/node-esm/ObjectCardStack-THP5FKDV.mjs

@@ -0,0 +1,65 @@
+import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
+import {
+  ObjectForm
+} from "./chunk-S5BQUCL4.mjs";
+import "./chunk-2OLR2ZKH.mjs";
+import "./chunk-GEGWQVZX.mjs";
+import "./chunk-EVNSLSQS.mjs";
+import {
+  meta
+} from "./chunk-63N5JJXI.mjs";
+
+// src/containers/ObjectCardStack/ObjectCardStack.tsx
+import React, { forwardRef, useState } from "react";
+import { Obj } from "@dxos/echo";
+import { Filter, useQuery, useSchema } from "@dxos/react-client/echo";
+import { Card, Message, Panel, ScrollArea, Toolbar, useTranslation } from "@dxos/react-ui";
+import { useSelected } from "@dxos/react-ui-attention";
+import { Mosaic } from "@dxos/react-ui-mosaic";
+import { getTypenameFromQuery } from "@dxos/schema";
+import { isNonNullable } from "@dxos/util";
+var ObjectCardStack = /* @__PURE__ */ forwardRef(({ objectId, view }, forwardedRef) => {
+  const { t } = useTranslation(meta.id);
+  const db = Obj.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(isNonNullable);
+  const [viewport, setViewport] = useState(null);
+  if (!schema) {
+    return null;
+  }
+  return /* @__PURE__ */ React.createElement(Panel.Root, {
+    className: "dx-document",
+    ref: forwardedRef
+  }, /* @__PURE__ */ React.createElement(Panel.Toolbar, {
+    asChild: true
+  }, /* @__PURE__ */ React.createElement(Toolbar.Root, null)), /* @__PURE__ */ React.createElement(Panel.Content, null, selectedObjects.length === 0 ? /* @__PURE__ */ React.createElement(Message.Root, null, /* @__PURE__ */ React.createElement(Message.Title, null, t("row details no selection label"))) : /* @__PURE__ */ React.createElement(Mosaic.Root, null, /* @__PURE__ */ React.createElement(Mosaic.Container, {
+    asChild: true,
+    orientation: "vertical",
+    autoScroll: viewport,
+    eventHandler: {
+      id: objectId,
+      canDrop: () => true
+    }
+  }, /* @__PURE__ */ React.createElement(ScrollArea.Root, {
+    orientation: "vertical"
+  }, /* @__PURE__ */ React.createElement(ScrollArea.Viewport, {
+    ref: setViewport
+  }, /* @__PURE__ */ React.createElement(Mosaic.Stack, {
+    items: selectedObjects,
+    getId: (obj) => obj.id,
+    Tile: ({ ...props }) => /* @__PURE__ */ React.createElement(Mosaic.Tile, props, /* @__PURE__ */ React.createElement(Card.Root, null, /* @__PURE__ */ React.createElement(ObjectForm, {
+      object: props.data,
+      schema
+    })))
+  })))))));
+});
+
+// src/containers/ObjectCardStack/index.ts
+var ObjectCardStack_default = ObjectCardStack;
+export {
+  ObjectCardStack_default as default
+};
+//# sourceMappingURL=ObjectCardStack-THP5FKDV.mjs.map

package/dist/lib/node-esm/ObjectCardStack-THP5FKDV.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/containers/ObjectCardStack/ObjectCardStack.tsx", "../../../src/containers/ObjectCardStack/index.ts"],
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport React, { forwardRef, useState } from 'react';\n\nimport { Obj } from '@dxos/echo';\nimport { type View } from '@dxos/echo';\nimport { Filter, useQuery, useSchema } from '@dxos/react-client/echo';\nimport { Card, Message, Panel, ScrollArea, Toolbar, useTranslation } from '@dxos/react-ui';\nimport { useSelected } from '@dxos/react-ui-attention';\nimport { Mosaic } from '@dxos/react-ui-mosaic';\nimport { getTypenameFromQuery } from '@dxos/schema';\nimport { isNonNullable } from '@dxos/util';\n\nimport { ObjectForm } from '../../components';\nimport { meta } from '../../meta';\n\nexport type ObjectCardStackProps = {\n  view: View.View;\n  objectId: string;\n};\n\n/**\n * @deprecated Use Mosaic Board components.\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  const [viewport, setViewport] = useState<HTMLElement | null>(null);\n\n  if (!schema) {\n    return null;\n  }\n\n  return (\n    <Panel.Root className='dx-document' ref={forwardedRef}>\n      <Panel.Toolbar asChild>\n        <Toolbar.Root />\n      </Panel.Toolbar>\n      <Panel.Content>\n        {selectedObjects.length === 0 ? (\n          <Message.Root>\n            <Message.Title>{t('row details no selection label')}</Message.Title>\n          </Message.Root>\n        ) : (\n          <Mosaic.Root>\n            <Mosaic.Container\n              asChild\n              orientation='vertical'\n              autoScroll={viewport}\n              eventHandler={{ id: objectId, canDrop: () => true }}\n            >\n              <ScrollArea.Root orientation='vertical'>\n                <ScrollArea.Viewport ref={setViewport}>\n                  <Mosaic.Stack\n                    items={selectedObjects}\n                    getId={(obj) => obj.id}\n                    Tile={({ ...props }) => (\n                      <Mosaic.Tile {...props}>\n                        <Card.Root>\n                          <ObjectForm object={props.data} schema={schema} />\n                        </Card.Root>\n                      </Mosaic.Tile>\n                    )}\n                  />\n                </ScrollArea.Viewport>\n              </ScrollArea.Root>\n            </Mosaic.Container>\n          </Mosaic.Root>\n        )}\n      </Panel.Content>\n    </Panel.Root>\n  );\n});\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { ObjectCardStack } from './ObjectCardStack';\n\nexport default ObjectCardStack;\n"],
+  "mappings": ";;;;;;;;;;;;AAIA,OAAOA,SAASC,YAAYC,gBAAgB;AAE5C,SAASC,WAAW;AAEpB,SAASC,QAAQC,UAAUC,iBAAiB;AAC5C,SAASC,MAAMC,SAASC,OAAOC,YAAYC,SAASC,sBAAsB;AAC1E,SAASC,mBAAmB;AAC5B,SAASC,cAAc;AACvB,SAASC,4BAA4B;AACrC,SAASC,qBAAqB;AAavB,IAAMC,kBAAkBC,2BAAiD,CAAC,EAAEC,UAAUC,KAAI,GAAIC,iBAAAA;AACnG,QAAM,EAAEC,EAAC,IAAKC,eAAeC,KAAKC,EAAE;AACpC,QAAMC,KAAKC,IAAIC,YAAYR,IAAAA;AAC3B,QAAMS,WAAWT,KAAKU,QAAQC,qBAAqBX,KAAKU,MAAME,GAAG,IAAIC;AACrE,QAAMC,SAASC,UAAUT,IAAIG,QAAAA;AAE7B,QAAMO,iBAAiBC,SAASX,IAAIQ,SAASI,OAAOC,KAAKL,MAAAA,IAAUI,OAAOE,QAAO,CAAA;AACjF,QAAMC,eAAeC,YAAYvB,UAAU,OAAA;AAC3C,QAAMwB,kBAAkBF,aAAaG,IAAI,CAACnB,OAAOW,eAAeS,KAAK,CAACC,QAAQA,IAAIrB,OAAOA,EAAAA,CAAAA,EAAKsB,OAAOC,aAAAA;AAErG,QAAM,CAACC,UAAUC,WAAAA,IAAeC,SAA6B,IAAA;AAE7D,MAAI,CAACjB,QAAQ;AACX,WAAO;EACT;AAEA,SACE,sBAAA,cAACkB,MAAMC,MAAI;IAACC,WAAU;IAAcC,KAAKlC;KACvC,sBAAA,cAAC+B,MAAMI,SAAO;IAACC,SAAAA;KACb,sBAAA,cAACD,QAAQH,MAAI,IAAA,CAAA,GAEf,sBAAA,cAACD,MAAMM,SAAO,MACXf,gBAAgBgB,WAAW,IAC1B,sBAAA,cAACC,QAAQP,MAAI,MACX,sBAAA,cAACO,QAAQC,OAAK,MAAEvC,EAAE,gCAAA,CAAA,CAAA,IAGpB,sBAAA,cAACwC,OAAOT,MAAI,MACV,sBAAA,cAACS,OAAOC,WAAS;IACfN,SAAAA;IACAO,aAAY;IACZC,YAAYhB;IACZiB,cAAc;MAAEzC,IAAIN;MAAUgD,SAAS,MAAM;IAAK;KAElD,sBAAA,cAACC,WAAWf,MAAI;IAACW,aAAY;KAC3B,sBAAA,cAACI,WAAWC,UAAQ;IAACd,KAAKL;KACxB,sBAAA,cAACY,OAAOQ,OAAK;IACXC,OAAO5B;IACP6B,OAAO,CAAC1B,QAAQA,IAAIrB;IACpBgD,MAAM,CAAC,EAAE,GAAGC,MAAAA,MACV,sBAAA,cAACZ,OAAOW,MAASC,OACf,sBAAA,cAACC,KAAKtB,MAAI,MACR,sBAAA,cAACuB,YAAAA;MAAWC,QAAQH,MAAMI;MAAM5C;;;AAa1D,CAAA;;;AC3EA,IAAA,0BAAe6C;",
+  "names": ["React", "forwardRef", "useState", "Obj", "Filter", "useQuery", "useSchema", "Card", "Message", "Panel", "ScrollArea", "Toolbar", "useTranslation", "useSelected", "Mosaic", "getTypenameFromQuery", "isNonNullable", "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", "viewport", "setViewport", "useState", "Panel", "Root", "className", "ref", "Toolbar", "asChild", "Content", "length", "Message", "Title", "Mosaic", "Container", "orientation", "autoScroll", "eventHandler", "canDrop", "ScrollArea", "Viewport", "Stack", "items", "getId", "Tile", "props", "Card", "ObjectForm", "object", "data", "ObjectCardStack"]
+}

package/dist/lib/node-esm/ObjectDetails-2SBF3KBM.mjs

@@ -0,0 +1,44 @@
+import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
+import {
+  BaseObjectSettings
+} from "./chunk-S5BQUCL4.mjs";
+import "./chunk-2OLR2ZKH.mjs";
+import "./chunk-GEGWQVZX.mjs";
+import "./chunk-EVNSLSQS.mjs";
+import "./chunk-63N5JJXI.mjs";
+
+// src/containers/ObjectDetails/ObjectDetails.tsx
+import React, { forwardRef, useMemo } from "react";
+import { Surface } from "@dxos/app-framework/ui";
+import { Panel, Toolbar } from "@dxos/react-ui";
+var ObjectDetails = /* @__PURE__ */ forwardRef(({ role, subject: object }, forwardedRef) => {
+  const data = useMemo(() => ({
+    subject: object
+  }), [
+    object
+  ]);
+  return /* @__PURE__ */ React.createElement(Panel.Root, {
+    role,
+    className: "dx-document",
+    ref: forwardedRef
+  }, /* @__PURE__ */ React.createElement(Panel.Toolbar, {
+    asChild: true
+  }, /* @__PURE__ */ React.createElement(Toolbar.Root, null)), /* @__PURE__ */ React.createElement(Panel.Content, {
+    asChild: true
+  }, /* @__PURE__ */ React.createElement(BaseObjectSettings, {
+    object
+  }, /* @__PURE__ */ React.createElement(Surface.Surface, {
+    role: "base-object-settings",
+    data
+  }), /* @__PURE__ */ React.createElement(Surface.Surface, {
+    role: "object-settings",
+    data
+  }))));
+});
+
+// src/containers/ObjectDetails/index.ts
+var ObjectDetails_default = ObjectDetails;
+export {
+  ObjectDetails_default as default
+};
+//# sourceMappingURL=ObjectDetails-2SBF3KBM.mjs.map

package/dist/lib/node-esm/ObjectDetails-2SBF3KBM.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/containers/ObjectDetails/ObjectDetails.tsx", "../../../src/containers/ObjectDetails/index.ts"],
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport React, { forwardRef, useMemo } from 'react';\n\nimport { Surface } from '@dxos/app-framework/ui';\nimport { type SurfaceComponentProps } from '@dxos/app-toolkit/ui';\nimport { type Obj } from '@dxos/echo';\nimport { Panel, Toolbar } from '@dxos/react-ui';\n\nimport { BaseObjectSettings } from '../../components';\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      <Panel.Root role={role} className='dx-document' ref={forwardedRef}>\n        <Panel.Toolbar asChild>\n          <Toolbar.Root />\n        </Panel.Toolbar>\n        <Panel.Content asChild>\n          <BaseObjectSettings object={object}>\n            <Surface.Surface role='base-object-settings' data={data} />\n            <Surface.Surface role='object-settings' data={data} />\n            {/* TODO(wittjosiah): Remove (or add as surface)? */}\n            {/* <AdvancedObjectSettings object={object} /> */}\n          </BaseObjectSettings>\n        </Panel.Content>\n      </Panel.Root>\n    );\n  },\n);\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { ObjectDetails } from './ObjectDetails';\n\nexport default ObjectDetails;\n"],
+  "mappings": ";;;;;;;;;;AAIA,OAAOA,SAASC,YAAYC,eAAe;AAE3C,SAASC,eAAe;AAGxB,SAASC,OAAOC,eAAe;AAMxB,IAAMC,gBAAgBC,2BAC3B,CAAC,EAAEC,MAAMC,SAASC,OAAM,GAAIC,iBAAAA;AAC1B,QAAMC,OAAOC,QAAQ,OAAO;IAAEJ,SAASC;EAAO,IAAI;IAACA;GAAO;AAE1D,SACE,sBAAA,cAACI,MAAMC,MAAI;IAACP;IAAYQ,WAAU;IAAcC,KAAKN;KACnD,sBAAA,cAACG,MAAMI,SAAO;IAACC,SAAAA;KACb,sBAAA,cAACD,QAAQH,MAAI,IAAA,CAAA,GAEf,sBAAA,cAACD,MAAMM,SAAO;IAACD,SAAAA;KACb,sBAAA,cAACE,oBAAAA;IAAmBX;KAClB,sBAAA,cAACY,QAAQA,SAAO;IAACd,MAAK;IAAuBI;MAC7C,sBAAA,cAACU,QAAQA,SAAO;IAACd,MAAK;IAAkBI;;AAOlD,CAAA;;;AC5BF,IAAA,wBAAeW;",
+  "names": ["React", "forwardRef", "useMemo", "Surface", "Panel", "Toolbar", "ObjectDetails", "forwardRef", "role", "subject", "object", "forwardedRef", "data", "useMemo", "Panel", "Root", "className", "ref", "Toolbar", "asChild", "Content", "BaseObjectSettings", "Surface", "ObjectDetails"]
+}

package/dist/lib/node-esm/ObjectRenamePopover-BRPKVNVF.mjs

@@ -0,0 +1,71 @@
+import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
+import {
+  meta
+} from "./chunk-63N5JJXI.mjs";
+
+// src/containers/ObjectRenamePopover/ObjectRenamePopover.tsx
+import React, { useCallback, useRef, useState } from "react";
+import { useOperationInvoker } from "@dxos/app-framework/ui";
+import { LayoutOperation } from "@dxos/app-toolkit";
+import { Obj } from "@dxos/echo";
+import { log } from "@dxos/log";
+import { Button, Input, useTranslation } from "@dxos/react-ui";
+import { osTranslations } from "@dxos/ui-theme";
+var __dxlog_file = "/__w/dxos/dxos/packages/plugins/plugin-space/src/containers/ObjectRenamePopover/ObjectRenamePopover.tsx";
+var OBJECT_RENAME_POPOVER = `${meta.id}.ObjectRenamePopover`;
+var ObjectRenamePopover = ({ object }) => {
+  const { t } = useTranslation(meta.id);
+  const doneButton = useRef(null);
+  const [name, setName] = useState(Obj.getLabel(object));
+  const { invokePromise } = useOperationInvoker();
+  const handleDone = useCallback(() => {
+    try {
+      name && Obj.change(object, () => Obj.setLabel(object, name));
+    } catch (err) {
+      log.error("Failed to rename object", {
+        err
+      }, {
+        F: __dxlog_file,
+        L: 28,
+        S: void 0,
+        C: (f, a) => f(...a)
+      });
+    }
+    void invokePromise(LayoutOperation.UpdatePopover, {
+      anchorId: "",
+      state: false
+    });
+  }, [
+    object,
+    name,
+    invokePromise
+  ]);
+  return /* @__PURE__ */ React.createElement("div", {
+    role: "none",
+    className: "p-2 flex gap-2"
+  }, /* @__PURE__ */ React.createElement("div", {
+    role: "none",
+    className: "flex-1"
+  }, /* @__PURE__ */ React.createElement(Input.Root, null, /* @__PURE__ */ React.createElement(Input.Label, {
+    srOnly: true
+  }, t("object name label")), /* @__PURE__ */ React.createElement(Input.TextInput, {
+    placeholder: t("object placeholder"),
+    value: name,
+    "data-testid": "spacePlugin.renameObject.input",
+    onChange: ({ target: { value } }) => setName(value),
+    onKeyDown: ({ key }) => key === "Enter" && doneButton.current?.click()
+  }))), /* @__PURE__ */ React.createElement(Button, {
+    ref: doneButton,
+    classNames: "self-stretch",
+    onClick: handleDone
+  }, t("done label", {
+    ns: osTranslations
+  })));
+};
+
+// src/containers/ObjectRenamePopover/index.ts
+var ObjectRenamePopover_default = ObjectRenamePopover;
+export {
+  ObjectRenamePopover_default as default
+};
+//# sourceMappingURL=ObjectRenamePopover-BRPKVNVF.mjs.map

package/dist/lib/node-esm/ObjectRenamePopover-BRPKVNVF.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/containers/ObjectRenamePopover/ObjectRenamePopover.tsx", "../../../src/containers/ObjectRenamePopover/index.ts"],
+  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport React, { useCallback, useRef, useState } from 'react';\n\nimport { useOperationInvoker } from '@dxos/app-framework/ui';\nimport { LayoutOperation } from '@dxos/app-toolkit';\nimport { Obj } from '@dxos/echo';\nimport { log } from '@dxos/log';\nimport { Button, Input, useTranslation } from '@dxos/react-ui';\nimport { osTranslations } from '@dxos/ui-theme';\n\nimport { meta } from '../../meta';\n\nexport const OBJECT_RENAME_POPOVER = `${meta.id}.ObjectRenamePopover`;\n\nexport const ObjectRenamePopover = ({ object }: { object: Obj.Unknown }) => {\n  const { t } = useTranslation(meta.id);\n  const doneButton = useRef<HTMLButtonElement>(null);\n  const [name, setName] = useState(Obj.getLabel(object));\n  const { invokePromise } = useOperationInvoker();\n\n  const handleDone = useCallback(() => {\n    try {\n      name && Obj.change(object, () => Obj.setLabel(object, name));\n    } catch (err) {\n      log.error('Failed to rename object', { err });\n    }\n    void invokePromise(LayoutOperation.UpdatePopover, { anchorId: '', state: false });\n  }, [object, name, invokePromise]);\n\n  return (\n    <div role='none' className='p-2 flex gap-2'>\n      <div role='none' className='flex-1'>\n        <Input.Root>\n          <Input.Label srOnly>{t('object name label')}</Input.Label>\n          <Input.TextInput\n            placeholder={t('object placeholder')}\n            value={name}\n            data-testid='spacePlugin.renameObject.input'\n            onChange={({ target: { value } }) => setName(value)}\n            onKeyDown={({ key }) => key === 'Enter' && doneButton.current?.click()}\n          />\n        </Input.Root>\n      </div>\n      <Button ref={doneButton} classNames='self-stretch' onClick={handleDone}>\n        {t('done label', { ns: osTranslations })}\n      </Button>\n    </div>\n  );\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { ObjectRenamePopover } from './ObjectRenamePopover';\n\nexport default ObjectRenamePopover;\n"],
+  "mappings": ";;;;;;AAIA,OAAOA,SAASC,aAAaC,QAAQC,gBAAgB;AAErD,SAASC,2BAA2B;AACpC,SAASC,uBAAuB;AAChC,SAASC,WAAW;AACpB,SAASC,WAAW;AACpB,SAASC,QAAQC,OAAOC,sBAAsB;AAC9C,SAASC,sBAAsB;;AAIxB,IAAMC,wBAAwB,GAAGC,KAAKC,EAAE;AAExC,IAAMC,sBAAsB,CAAC,EAAEC,OAAM,MAA2B;AACrE,QAAM,EAAEC,EAAC,IAAKC,eAAeL,KAAKC,EAAE;AACpC,QAAMK,aAAaC,OAA0B,IAAA;AAC7C,QAAM,CAACC,MAAMC,OAAAA,IAAWC,SAASC,IAAIC,SAAST,MAAAA,CAAAA;AAC9C,QAAM,EAAEU,cAAa,IAAKC,oBAAAA;AAE1B,QAAMC,aAAaC,YAAY,MAAA;AAC7B,QAAI;AACFR,cAAQG,IAAIM,OAAOd,QAAQ,MAAMQ,IAAIO,SAASf,QAAQK,IAAAA,CAAAA;IACxD,SAASW,KAAK;AACZC,UAAIC,MAAM,2BAA2B;QAAEF;MAAI,GAAA;;;;;;IAC7C;AACA,SAAKN,cAAcS,gBAAgBC,eAAe;MAAEC,UAAU;MAAIC,OAAO;IAAM,CAAA;EACjF,GAAG;IAACtB;IAAQK;IAAMK;GAAc;AAEhC,SACE,sBAAA,cAACa,OAAAA;IAAIC,MAAK;IAAOC,WAAU;KACzB,sBAAA,cAACF,OAAAA;IAAIC,MAAK;IAAOC,WAAU;KACzB,sBAAA,cAACC,MAAMC,MAAI,MACT,sBAAA,cAACD,MAAME,OAAK;IAACC,QAAAA;KAAQ5B,EAAE,mBAAA,CAAA,GACvB,sBAAA,cAACyB,MAAMI,WAAS;IACdC,aAAa9B,EAAE,oBAAA;IACf+B,OAAO3B;IACP4B,eAAY;IACZC,UAAU,CAAC,EAAEC,QAAQ,EAAEH,MAAK,EAAE,MAAO1B,QAAQ0B,KAAAA;IAC7CI,WAAW,CAAC,EAAEC,IAAG,MAAOA,QAAQ,WAAWlC,WAAWmC,SAASC,MAAAA;QAIrE,sBAAA,cAACC,QAAAA;IAAOC,KAAKtC;IAAYuC,YAAW;IAAeC,SAAS/B;KACzDX,EAAE,cAAc;IAAE2C,IAAIC;EAAe,CAAA,CAAA,CAAA;AAI9C;;;AC7CA,IAAA,8BAAeC;",
+  "names": ["React", "useCallback", "useRef", "useState", "useOperationInvoker", "LayoutOperation", "Obj", "log", "Button", "Input", "useTranslation", "osTranslations", "OBJECT_RENAME_POPOVER", "meta", "id", "ObjectRenamePopover", "object", "t", "useTranslation", "doneButton", "useRef", "name", "setName", "useState", "Obj", "getLabel", "invokePromise", "useOperationInvoker", "handleDone", "useCallback", "change", "setLabel", "err", "log", "error", "LayoutOperation", "UpdatePopover", "anchorId", "state", "div", "role", "className", "Input", "Root", "Label", "srOnly", "TextInput", "placeholder", "value", "data-testid", "onChange", "target", "onKeyDown", "key", "current", "click", "Button", "ref", "classNames", "onClick", "ns", "osTranslations", "ObjectRenamePopover"]
+}

package/dist/lib/node-esm/{RecordArticle-SSV74Z46.mjs → RecordArticle-344UK7QP.mjs}

@@ -1,66 +1,80 @@
 import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
 import {
   meta
-} from "./chunk-SL4BJSUG.mjs";
+} from "./chunk-63N5JJXI.mjs";
 
-// src/components/RecordArticle.tsx
+// src/containers/RecordArticle/RecordArticle.tsx
+import * as Function from "effect/Function";
+import * as Option from "effect/Option";
 import React, { useMemo } from "react";
-import { Surface } from "@dxos/app-framework/react";
-import { Entity, Filter, Obj, Ref, Relation } from "@dxos/echo";
+import { Surface } from "@dxos/app-framework/ui";
+import { useObjectMenuItems } from "@dxos/app-toolkit/ui";
+import { Annotation, Entity, Filter, Obj, Ref, Relation } from "@dxos/echo";
 import { useQuery } from "@dxos/react-client/echo";
-import { useTranslation } from "@dxos/react-ui";
+import { Card, Panel, ScrollArea, Toolbar, useTranslation } from "@dxos/react-ui";
 import { Masonry } from "@dxos/react-ui-masonry";
-import { Layout, Card as MosaicCard } from "@dxos/react-ui-mosaic";
+import { Menu } from "@dxos/react-ui-menu";
 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", {
+  return /* @__PURE__ */ React.createElement(Panel.Root, {
+    role,
+    className: "dx-document"
+  }, /* @__PURE__ */ React.createElement(Panel.Content, {
+    asChild: true
+  }, /* @__PURE__ */ React.createElement(ScrollArea.Root, {
+    orientation: "vertical"
+  }, /* @__PURE__ */ React.createElement(ScrollArea.Viewport, {
+    classNames: "p-4 gap-4"
+  }, /* @__PURE__ */ React.createElement(ObjectCard, {
+    data: subject,
+    classNames: "dx-card-max-width"
+  }), related.length > 0 && /* @__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")
+    className: mx("flex flex-col gap-1", singleColumn ? "dx-card-max-width" : "w-full")
   }, /* @__PURE__ */ React.createElement("label", {
-    className: "mbs-2 text-sm text-description"
+    className: "mt-2 text-sm text-description"
   }, t("related objects label")), /* @__PURE__ */ React.createElement(Masonry.Root, {
     items: related,
-    render: Card,
+    render: ObjectCard,
     columnCount: singleColumn ? 1 : void 0,
     intrinsicHeight: true
-  }))));
+  }))))));
 };
-var Card = ({ data: subject }) => {
+var ObjectCard = ({ data: subject, classNames }) => {
+  const objectMenuItems = useObjectMenuItems(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, {
+  const icon = Function.pipe(Obj.getSchema(subject), Option.fromNullable, Option.flatMap(Annotation.IconAnnotation.get), Option.map(({ icon: icon2 }) => icon2), Option.getOrElse(() => "ph--placeholder--regular"));
+  return /* @__PURE__ */ React.createElement(Menu.Root, null, /* @__PURE__ */ React.createElement(Card.Root, {
+    classNames
+  }, /* @__PURE__ */ React.createElement(Card.Toolbar, null, /* @__PURE__ */ React.createElement(Card.Icon, {
+    icon
+  }), /* @__PURE__ */ React.createElement(Card.Title, null, Entity.getLabel(subject)), /* @__PURE__ */ React.createElement(Menu.Trigger, {
+    asChild: true,
+    disabled: !objectMenuItems?.length
+  }, /* @__PURE__ */ React.createElement(Toolbar.IconButton, {
+    iconOnly: true,
+    variant: "ghost",
+    icon: "ph--dots-three-vertical--regular",
+    label: "Actions"
+  })), /* @__PURE__ */ React.createElement(Menu.Content, {
+    items: objectMenuItems
+  })), /* @__PURE__ */ React.createElement(Card.Content, null, /* @__PURE__ */ React.createElement(Surface.Surface, {
     role: "card--content",
     data,
     limit: 1
-  }));
+  }))));
 };
 var useRelatedObjects = (db, record, options = {}) => {
   const objects = useQuery(db, Filter.everything());
@@ -94,15 +108,16 @@ var useRelatedObjects = (db, record, options = {}) => {
       const sourceObjects = relations.filter((relation) => Relation.getSource(relation) === record).map((relation) => Relation.getTarget(relation));
       related.push(...targetObjects, ...sourceObjects);
     }
-    return related;
+    return Array.from(new Set(related));
   }, [
     record,
     objects
   ]);
 };
+
+// src/containers/RecordArticle/index.ts
 var RecordArticle_default = RecordArticle;
 export {
-  RecordArticle,
   RecordArticle_default as default
 };
-//# sourceMappingURL=RecordArticle-SSV74Z46.mjs.map
+//# sourceMappingURL=RecordArticle-344UK7QP.mjs.map

package/dist/lib/node-esm/RecordArticle-344UK7QP.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/containers/RecordArticle/RecordArticle.tsx", "../../../src/containers/RecordArticle/index.ts"],
+  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport * as Function from 'effect/Function';\nimport * as Option from 'effect/Option';\nimport React, { useMemo } from 'react';\n\nimport { Surface } from '@dxos/app-framework/ui';\nimport { type SurfaceComponentProps, useObjectMenuItems } from '@dxos/app-toolkit/ui';\nimport { Annotation, type Database, Entity, Filter, Obj, Ref, Relation } from '@dxos/echo';\nimport { useQuery } from '@dxos/react-client/echo';\nimport { Card, Panel, ScrollArea, Toolbar, useTranslation } from '@dxos/react-ui';\nimport { Masonry } from '@dxos/react-ui-masonry';\nimport { Menu } from '@dxos/react-ui-menu';\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 related = useRelatedObjects(db, subject, {\n    references: true,\n    relations: true,\n  });\n  const singleColumn = related.length === 1;\n\n  return (\n    <Panel.Root role={role} className='dx-document'>\n      <Panel.Content asChild>\n        <ScrollArea.Root orientation='vertical'>\n          <ScrollArea.Viewport classNames='p-4 gap-4'>\n            <ObjectCard data={subject} classNames='dx-card-max-width' />\n\n            {related.length > 0 && (\n              <div role='none' className={mx('flex flex-col gap-1', singleColumn ? 'dx-card-max-width' : 'w-full')}>\n                <label className='mt-2 text-sm text-description'>{t('related objects label')}</label>\n                <Masonry.Root<Entity.Unknown>\n                  items={related}\n                  render={ObjectCard}\n                  columnCount={singleColumn ? 1 : undefined}\n                  intrinsicHeight\n                />\n              </div>\n            )}\n          </ScrollArea.Viewport>\n        </ScrollArea.Root>\n      </Panel.Content>\n    </Panel.Root>\n  );\n};\n\nconst ObjectCard = ({ data: subject, classNames }: { data: Entity.Unknown; classNames?: string }) => {\n  const objectMenuItems = useObjectMenuItems(subject);\n  const data = useMemo(() => ({ subject }), [subject]);\n  const icon = Function.pipe(\n    Obj.getSchema(subject),\n    Option.fromNullable,\n    Option.flatMap(Annotation.IconAnnotation.get),\n    Option.map(({ icon }) => icon),\n    Option.getOrElse(() => 'ph--placeholder--regular'),\n  );\n\n  return (\n    <Menu.Root>\n      <Card.Root classNames={classNames}>\n        <Card.Toolbar>\n          <Card.Icon icon={icon} />\n          <Card.Title>{Entity.getLabel(subject)}</Card.Title>\n          <Menu.Trigger asChild disabled={!objectMenuItems?.length}>\n            <Toolbar.IconButton iconOnly variant='ghost' icon='ph--dots-three-vertical--regular' label='Actions' />\n          </Menu.Trigger>\n          <Menu.Content items={objectMenuItems} />\n        </Card.Toolbar>\n        <Card.Content>\n          <Surface.Surface role='card--content' data={data} limit={1} />\n        </Card.Content>\n      </Card.Root>\n    </Menu.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 Array.from(new Set(related));\n  }, [record, objects]);\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { RecordArticle } from './RecordArticle';\n\nexport default RecordArticle;\n"],
+  "mappings": "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",
+  "names": ["Function", "Option", "React", "useMemo", "Surface", "useObjectMenuItems", "Annotation", "Entity", "Filter", "Obj", "Ref", "Relation", "useQuery", "Card", "Panel", "ScrollArea", "Toolbar", "useTranslation", "Masonry", "Menu", "mx", "isNonNullable", "RecordArticle", "role", "subject", "t", "useTranslation", "meta", "id", "db", "Obj", "getDatabase", "related", "useRelatedObjects", "references", "relations", "singleColumn", "length", "Panel", "Root", "className", "Content", "asChild", "ScrollArea", "orientation", "Viewport", "classNames", "ObjectCard", "data", "div", "mx", "label", "Masonry", "items", "render", "columnCount", "undefined", "intrinsicHeight", "objectMenuItems", "useObjectMenuItems", "useMemo", "icon", "pipe", "getSchema", "fromNullable", "flatMap", "Annotation", "IconAnnotation", "get", "map", "getOrElse", "Menu", "Card", "Toolbar", "Icon", "Title", "Entity", "getLabel", "Trigger", "disabled", "IconButton", "iconOnly", "variant", "Surface", "limit", "record", "options", "objects", "useQuery", "Filter", "everything", "getReferences", "obj", "Object", "getOwnPropertyNames", "name", "filter", "value", "Ref", "isRef", "referenceTargets", "ref", "target", "isNonNullable", "referenceSources", "refs", "some", "push", "isValidRelation", "Relation", "isRelation", "getSource", "getTarget", "targetObjects", "relation", "sourceObjects", "Array", "from", "Set", "RecordArticle"]
+}

package/dist/lib/node-esm/SchemaContainer-5G4R3Z6O.mjs

@@ -0,0 +1,50 @@
+import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
+import {
+  meta
+} from "./chunk-63N5JJXI.mjs";
+
+// src/containers/SchemaContainer/SchemaContainer.tsx
+import React, { useEffect, useState } from "react";
+import { useTranslation } from "@dxos/react-ui";
+import { Settings } from "@dxos/react-ui-form";
+import { mx } from "@dxos/ui-theme";
+var SchemaContainer = ({ space }) => {
+  const { t } = useTranslation(meta.id);
+  const schemas = useQuerySpaceSchemas(space);
+  return /* @__PURE__ */ React.createElement(Settings.Root, null, /* @__PURE__ */ React.createElement(Settings.Section, {
+    title: t("schema verbose label"),
+    description: t("schema description")
+  }, /* @__PURE__ */ React.createElement("div", {
+    role: "none",
+    className: mx([
+      "grid md:col-span-2 grid-cols-subgrid gap-trim-sm items-center",
+      "*:first:mt-0! *:last:mb-0! px-trim-md py-trim-md",
+      "border border-separator rounded-md"
+    ])
+  }, schemas.length === 0 && /* @__PURE__ */ React.createElement("div", {
+    className: "text-center py-4"
+  }, t("no schemas found message")), schemas.map((schema) => /* @__PURE__ */ React.createElement("div", {
+    role: "none",
+    key: schema.id
+  }, schema.typename)))));
+};
+var useQuerySpaceSchemas = (space) => {
+  const [schemas, setSchemas] = useState([]);
+  useEffect(() => {
+    const query = space.db.schemaRegistry.query();
+    const initialResults = query.runSync();
+    setSchemas(initialResults);
+    const unsubscribe = query.subscribe(() => setSchemas(query.results));
+    return () => unsubscribe();
+  }, [
+    space
+  ]);
+  return schemas;
+};
+
+// src/containers/SchemaContainer/index.ts
+var SchemaContainer_default = SchemaContainer;
+export {
+  SchemaContainer_default as default
+};
+//# sourceMappingURL=SchemaContainer-5G4R3Z6O.mjs.map

package/dist/lib/node-esm/SchemaContainer-5G4R3Z6O.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/containers/SchemaContainer/SchemaContainer.tsx", "../../../src/containers/SchemaContainer/index.ts"],
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport React, { useEffect, useState } from 'react';\n\nimport { type Type } from '@dxos/echo';\nimport { type Space } from '@dxos/react-client/echo';\nimport { useTranslation } from '@dxos/react-ui';\nimport { Settings } from '@dxos/react-ui-form';\nimport { mx } from '@dxos/ui-theme';\n\nimport { meta } from '../../meta';\n\ntype SchemaPanelProps = { space: Space };\n\nexport const SchemaContainer = ({ space }: SchemaPanelProps) => {\n  const { t } = useTranslation(meta.id);\n  const schemas = useQuerySpaceSchemas(space);\n\n  return (\n    <Settings.Root>\n      <Settings.Section title={t('schema verbose label')} description={t('schema description')}>\n        <div\n          role='none'\n          className={mx([\n            'grid md:col-span-2 grid-cols-subgrid gap-trim-sm items-center',\n            '*:first:mt-0! *:last:mb-0! px-trim-md py-trim-md',\n            'border border-separator rounded-md',\n          ])}\n        >\n          {schemas.length === 0 && <div className='text-center py-4'>{t('no schemas found message')}</div>}\n          {schemas.map((schema) => (\n            <div role='none' key={schema.id}>\n              {schema.typename}\n            </div>\n          ))}\n        </div>\n      </Settings.Section>\n    </Settings.Root>\n  );\n};\n\n/**\n * Subscribe to and retrieve all schemas from a space's schema registry.\n */\nexport const useQuerySpaceSchemas = (space: Space): Type.RuntimeType[] => {\n  const [schemas, setSchemas] = useState<Type.RuntimeType[]>([]);\n\n  useEffect(() => {\n    const query = space.db.schemaRegistry.query();\n    const initialResults = query.runSync();\n    setSchemas(initialResults);\n\n    const unsubscribe = query.subscribe(() => setSchemas(query.results));\n    return () => unsubscribe();\n  }, [space]);\n\n  return schemas;\n};\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { SchemaContainer } from './SchemaContainer';\n\nexport default SchemaContainer;\n"],
+  "mappings": ";;;;;;AAIA,OAAOA,SAASC,WAAWC,gBAAgB;AAI3C,SAASC,sBAAsB;AAC/B,SAASC,gBAAgB;AACzB,SAASC,UAAU;AAMZ,IAAMC,kBAAkB,CAAC,EAAEC,MAAK,MAAoB;AACzD,QAAM,EAAEC,EAAC,IAAKC,eAAeC,KAAKC,EAAE;AACpC,QAAMC,UAAUC,qBAAqBN,KAAAA;AAErC,SACE,sBAAA,cAACO,SAASC,MAAI,MACZ,sBAAA,cAACD,SAASE,SAAO;IAACC,OAAOT,EAAE,sBAAA;IAAyBU,aAAaV,EAAE,oBAAA;KACjE,sBAAA,cAACW,OAAAA;IACCC,MAAK;IACLC,WAAWC,GAAG;MACZ;MACA;MACA;KACD;KAEAV,QAAQW,WAAW,KAAK,sBAAA,cAACJ,OAAAA;IAAIE,WAAU;KAAoBb,EAAE,0BAAA,CAAA,GAC7DI,QAAQY,IAAI,CAACC,WACZ,sBAAA,cAACN,OAAAA;IAAIC,MAAK;IAAOM,KAAKD,OAAOd;KAC1Bc,OAAOE,QAAQ,CAAA,CAAA,CAAA,CAAA;AAO9B;AAKO,IAAMd,uBAAuB,CAACN,UAAAA;AACnC,QAAM,CAACK,SAASgB,UAAAA,IAAcC,SAA6B,CAAA,CAAE;AAE7DC,YAAU,MAAA;AACR,UAAMC,QAAQxB,MAAMyB,GAAGC,eAAeF,MAAK;AAC3C,UAAMG,iBAAiBH,MAAMI,QAAO;AACpCP,eAAWM,cAAAA;AAEX,UAAME,cAAcL,MAAMM,UAAU,MAAMT,WAAWG,MAAMO,OAAO,CAAA;AAClE,WAAO,MAAMF,YAAAA;EACf,GAAG;IAAC7B;GAAM;AAEV,SAAOK;AACT;;;ACrDA,IAAA,0BAAe2B;",
+  "names": ["React", "useEffect", "useState", "useTranslation", "Settings", "mx", "SchemaContainer", "space", "t", "useTranslation", "meta", "id", "schemas", "useQuerySpaceSchemas", "Settings", "Root", "Section", "title", "description", "div", "role", "className", "mx", "length", "map", "schema", "key", "typename", "setSchemas", "useState", "useEffect", "query", "db", "schemaRegistry", "initialResults", "runSync", "unsubscribe", "subscribe", "results", "SchemaContainer"]
+}

package/dist/lib/node-esm/SmallPresenceLive-4K7RJS74.mjs

@@ -0,0 +1,10 @@
+import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
+import {
+  SmallPresenceLive
+} from "./chunk-EDC2RUJU.mjs";
+import "./chunk-EVNSLSQS.mjs";
+import "./chunk-63N5JJXI.mjs";
+export {
+  SmallPresenceLive as default
+};
+//# sourceMappingURL=SmallPresenceLive-4K7RJS74.mjs.map

package/dist/lib/node-esm/SmallPresenceLive-4K7RJS74.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/dist/lib/node-esm/SpacePluginSettings-PENV4GHL.mjs

@@ -0,0 +1,60 @@
+import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
+import {
+  getSpaceDisplayName
+} from "./chunk-GEGWQVZX.mjs";
+import {
+  SpaceOperation
+} from "./chunk-EVNSLSQS.mjs";
+import {
+  meta
+} from "./chunk-63N5JJXI.mjs";
+
+// src/containers/SpacePluginSettings/SpacePluginSettings.tsx
+import React from "react";
+import { useOperationInvoker } from "@dxos/app-framework/ui";
+import { useClient } from "@dxos/react-client";
+import { useSpaces } from "@dxos/react-client/echo";
+import { IconButton, Input, List, ListItem, toLocalizedString, useTranslation } from "@dxos/react-ui";
+import { Settings } from "@dxos/react-ui-form";
+var SpacePluginSettings = ({ settings, onSettingsChange }) => {
+  const { t } = useTranslation(meta.id);
+  const client = useClient();
+  const spaces = useSpaces({
+    all: settings.showHidden
+  });
+  const { invokePromise } = useOperationInvoker();
+  return /* @__PURE__ */ React.createElement(Settings.Root, null, /* @__PURE__ */ React.createElement(Settings.Section, {
+    title: t("space settings label"),
+    description: t("space settings description")
+  }, /* @__PURE__ */ React.createElement(Settings.Group, null, /* @__PURE__ */ React.createElement(Settings.ItemInput, {
+    title: t("show hidden spaces label")
+  }, /* @__PURE__ */ React.createElement(Input.Switch, {
+    checked: settings.showHidden,
+    onCheckedChange: (checked) => onSettingsChange((state) => ({
+      ...state,
+      showHidden: !!checked
+    }))
+  }))), /* @__PURE__ */ React.createElement(Settings.Container, null, /* @__PURE__ */ React.createElement(List, {
+    classNames: "flex flex-col gap-trim-sm"
+  }, spaces.map((space) => /* @__PURE__ */ React.createElement(ListItem.Root, {
+    key: space.id,
+    classNames: "w-full items-center"
+  }, /* @__PURE__ */ React.createElement(ListItem.Heading, {
+    classNames: "grow truncate min-h-0!"
+  }, toLocalizedString(getSpaceDisplayName(space, {
+    personal: space === client.spaces.default
+  }), t)), /* @__PURE__ */ React.createElement(IconButton, {
+    icon: "ph--faders--regular",
+    onClick: () => invokePromise(SpaceOperation.OpenSettings, {
+      space
+    }),
+    label: t("open space settings label")
+  })))))));
+};
+
+// src/containers/SpacePluginSettings/index.ts
+var SpacePluginSettings_default = SpacePluginSettings;
+export {
+  SpacePluginSettings_default as default
+};
+//# sourceMappingURL=SpacePluginSettings-PENV4GHL.mjs.map

package/dist/lib/node-esm/SpacePluginSettings-PENV4GHL.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/containers/SpacePluginSettings/SpacePluginSettings.tsx", "../../../src/containers/SpacePluginSettings/index.ts"],
+  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport React from 'react';\n\nimport { useOperationInvoker } from '@dxos/app-framework/ui';\nimport { useClient } from '@dxos/react-client';\nimport { useSpaces } from '@dxos/react-client/echo';\nimport { IconButton, Input, List, ListItem, toLocalizedString, useTranslation } from '@dxos/react-ui';\nimport { Settings } from '@dxos/react-ui-form';\n\nimport { meta } from '../../meta';\nimport { SpaceOperation, type SpaceSettingsProps } from '../../types';\nimport { getSpaceDisplayName } from '../../util';\n\nexport type SpacePluginSettingsComponentProps = {\n  settings: SpaceSettingsProps;\n  onSettingsChange: (fn: (current: SpaceSettingsProps) => SpaceSettingsProps) => void;\n};\n\nexport const SpacePluginSettings = ({ settings, onSettingsChange }: SpacePluginSettingsComponentProps) => {\n  const { t } = useTranslation(meta.id);\n  const client = useClient();\n  const spaces = useSpaces({ all: settings.showHidden });\n  const { invokePromise } = useOperationInvoker();\n\n  return (\n    <Settings.Root>\n      <Settings.Section title={t('space settings label')} description={t('space settings description')}>\n        <Settings.Group>\n          <Settings.ItemInput title={t('show hidden spaces label')}>\n            <Input.Switch\n              checked={settings.showHidden}\n              onCheckedChange={(checked) => onSettingsChange((state) => ({ ...state, showHidden: !!checked }))}\n            />\n          </Settings.ItemInput>\n        </Settings.Group>\n\n        <Settings.Container>\n          <List classNames='flex flex-col gap-trim-sm'>\n            {spaces.map((space) => (\n              <ListItem.Root key={space.id} classNames='w-full items-center'>\n                {/* TODO(burdon): Should auto center and truncate; NOTE truncate doesn't work with flex grow. */}\n                <ListItem.Heading classNames='grow truncate min-h-0!'>\n                  {toLocalizedString(\n                    getSpaceDisplayName(space, {\n                      personal: space === client.spaces.default,\n                    }),\n                    t,\n                  )}\n                </ListItem.Heading>\n                <IconButton\n                  icon='ph--faders--regular'\n                  onClick={() => invokePromise(SpaceOperation.OpenSettings, { space })}\n                  label={t('open space settings label')}\n                />\n              </ListItem.Root>\n            ))}\n          </List>\n        </Settings.Container>\n      </Settings.Section>\n    </Settings.Root>\n  );\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { SpacePluginSettings } from './SpacePluginSettings';\n\nexport default SpacePluginSettings;\n"],
+  "mappings": ";;;;;;;;;;;;AAIA,OAAOA,WAAW;AAElB,SAASC,2BAA2B;AACpC,SAASC,iBAAiB;AAC1B,SAASC,iBAAiB;AAC1B,SAASC,YAAYC,OAAOC,MAAMC,UAAUC,mBAAmBC,sBAAsB;AACrF,SAASC,gBAAgB;AAWlB,IAAMC,sBAAsB,CAAC,EAAEC,UAAUC,iBAAgB,MAAqC;AACnG,QAAM,EAAEC,EAAC,IAAKC,eAAeC,KAAKC,EAAE;AACpC,QAAMC,SAASC,UAAAA;AACf,QAAMC,SAASC,UAAU;IAAEC,KAAKV,SAASW;EAAW,CAAA;AACpD,QAAM,EAAEC,cAAa,IAAKC,oBAAAA;AAE1B,SACE,sBAAA,cAACC,SAASC,MAAI,MACZ,sBAAA,cAACD,SAASE,SAAO;IAACC,OAAOf,EAAE,sBAAA;IAAyBgB,aAAahB,EAAE,4BAAA;KACjE,sBAAA,cAACY,SAASK,OAAK,MACb,sBAAA,cAACL,SAASM,WAAS;IAACH,OAAOf,EAAE,0BAAA;KAC3B,sBAAA,cAACmB,MAAMC,QAAM;IACXC,SAASvB,SAASW;IAClBa,iBAAiB,CAACD,YAAYtB,iBAAiB,CAACwB,WAAW;MAAE,GAAGA;MAAOd,YAAY,CAAC,CAACY;IAAQ,EAAA;QAKnG,sBAAA,cAACT,SAASY,WAAS,MACjB,sBAAA,cAACC,MAAAA;IAAKC,YAAW;KACdpB,OAAOqB,IAAI,CAACC,UACX,sBAAA,cAACC,SAAShB,MAAI;IAACiB,KAAKF,MAAMzB;IAAIuB,YAAW;KAEvC,sBAAA,cAACG,SAASE,SAAO;IAACL,YAAW;KAC1BM,kBACCC,oBAAoBL,OAAO;IACzBM,UAAUN,UAAUxB,OAAOE,OAAO6B;EACpC,CAAA,GACAnC,CAAAA,CAAAA,GAGJ,sBAAA,cAACoC,YAAAA;IACCC,MAAK;IACLC,SAAS,MAAM5B,cAAc6B,eAAeC,cAAc;MAAEZ;IAAM,CAAA;IAClEa,OAAOzC,EAAE,2BAAA;;AAS3B;;;AC1DA,IAAA,8BAAe0C;",
+  "names": ["React", "useOperationInvoker", "useClient", "useSpaces", "IconButton", "Input", "List", "ListItem", "toLocalizedString", "useTranslation", "Settings", "SpacePluginSettings", "settings", "onSettingsChange", "t", "useTranslation", "meta", "id", "client", "useClient", "spaces", "useSpaces", "all", "showHidden", "invokePromise", "useOperationInvoker", "Settings", "Root", "Section", "title", "description", "Group", "ItemInput", "Input", "Switch", "checked", "onCheckedChange", "state", "Container", "List", "classNames", "map", "space", "ListItem", "key", "Heading", "toLocalizedString", "getSpaceDisplayName", "personal", "default", "IconButton", "icon", "onClick", "SpaceOperation", "OpenSettings", "label", "SpacePluginSettings"]
+}

package/dist/lib/node-esm/SpacePresence-H3VZWFJV.mjs

@@ -0,0 +1,13 @@
+import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
+import {
+  SmallPresenceLive,
+  SpacePresence
+} from "./chunk-EDC2RUJU.mjs";
+import "./chunk-EVNSLSQS.mjs";
+import "./chunk-63N5JJXI.mjs";
+export {
+  SmallPresenceLive,
+  SpacePresence,
+  SpacePresence as default
+};
+//# sourceMappingURL=SpacePresence-H3VZWFJV.mjs.map

package/dist/lib/node-esm/SpacePresence-H3VZWFJV.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}