@dxos/plugin-space 0.10.0 → 0.11.1

package/dist/lib/chunk-MergePreview.mjs

@@ -0,0 +1,91 @@
+import { SpaceCapabilities } from "./types.mjs";
+import { n as SpaceOperation } from "./chunk-definitions.mjs";
+import "./operations.mjs";
+import { meta } from "#meta";
+import { forwardRef, useCallback, useState } from "react";
+import { useAtomCapabilityState, useOperationInvoker } from "@dxos/app-framework/ui";
+import { Card, Panel, ScrollArea, Toolbar, useTranslation } from "@dxos/react-ui";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { ObjectForm } from "@dxos/react-ui-form";
+import { log } from "@dxos/log";
+//#region src/containers/MergePreview/MergePreview.tsx
+var __dxlog_file = "/__w/dxos/dxos/packages/plugins/plugin-space/src/containers/MergePreview/MergePreview.tsx";
+/**
+* Confirmation panel for a proposed merge: a form over the *detached* merged object. Nothing is
+* written until Confirm, which invokes `MergeDuplicates` with the edited preview as overrides —
+* so the user's corrections survive the merge rather than being recomputed away.
+*/
+var MergePreview = forwardRef(({ type, spaceId, preview }, forwardedRef) => {
+	const { t } = useTranslation(meta.profile.key);
+	const { invokePromise } = useOperationInvoker();
+	const [, updateEphemeral] = useAtomCapabilityState(SpaceCapabilities.EphemeralState);
+	const clear = useCallback(() => updateEphemeral((state) => ({
+		...state,
+		mergePreview: void 0
+	})), [updateEphemeral]);
+	const [merging, setMerging] = useState(false);
+	const handleConfirm = useCallback(() => {
+		setMerging(true);
+		invokePromise(SpaceOperation.MergeDuplicates, {
+			typename: preview.typename,
+			objectIds: preview.objectIds,
+			overrides: preview.preview
+		}, { spaceId }).then(({ error }) => {
+			if (error) {
+				log.warn("merge failed", { error }, {
+					"~LogMeta": "~LogMeta",
+					F: __dxlog_file,
+					L: 54,
+					S: void 0
+				});
+				return;
+			}
+			updateEphemeral((state) => ({
+				...state,
+				mergePreview: void 0,
+				lastMergeAt: Date.now()
+			}));
+		}).finally(() => setMerging(false));
+	}, [
+		invokePromise,
+		preview,
+		spaceId,
+		updateEphemeral
+	]);
+	return /* @__PURE__ */ jsxs(Panel.Root, {
+		ref: forwardedRef,
+		children: [/* @__PURE__ */ jsx(Panel.Toolbar, {
+			asChild: true,
+			children: /* @__PURE__ */ jsxs(Toolbar.Root, { children: [/* @__PURE__ */ jsx(Toolbar.Button, {
+				variant: "primary",
+				disabled: merging,
+				onClick: handleConfirm,
+				children: t("confirm-merge.label")
+			}), /* @__PURE__ */ jsx(Toolbar.Button, {
+				variant: "ghost",
+				disabled: merging,
+				onClick: clear,
+				children: t("cancel-merge.label")
+			})] })
+		}), /* @__PURE__ */ jsx(Panel.Content, {
+			asChild: true,
+			children: /* @__PURE__ */ jsx(ScrollArea.Root, {
+				orientation: "vertical",
+				centered: true,
+				children: /* @__PURE__ */ jsx(ScrollArea.Viewport, { children: /* @__PURE__ */ jsx(Card.Root, {
+					fullWidth: true,
+					classNames: "pb-form-gap",
+					children: /* @__PURE__ */ jsx(ObjectForm, {
+						object: preview.preview,
+						type
+					})
+				}) })
+			})
+		})]
+	});
+});
+MergePreview.displayName = "MergePreview";
+//#endregion
+export { MergePreview as default };
+
+//# sourceMappingURL=chunk-MergePreview.mjs.map

package/dist/lib/chunk-MergePreview.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"chunk-MergePreview.mjs","names":[],"sources":["../../src/containers/MergePreview/MergePreview.tsx"],"sourcesContent":["//\n// Copyright 2026 DXOS.org\n//\n\nimport React, { forwardRef, useCallback, useState } from 'react';\n\nimport { useAtomCapabilityState, useOperationInvoker } from '@dxos/app-framework/ui';\nimport { type Type } from '@dxos/echo';\nimport { type SpaceId } from '@dxos/keys';\nimport { log } from '@dxos/log';\nimport { Card, Panel, ScrollArea, Toolbar, useTranslation } from '@dxos/react-ui';\nimport { ObjectForm } from '@dxos/react-ui-form';\n\nimport { meta } from '#meta';\n\nimport { SpaceOperation } from '../../operations';\nimport { SpaceCapabilities } from '../../types';\n\nexport type MergePreviewProps = {\n  type: Type.AnyEntity;\n  spaceId: SpaceId;\n  preview: SpaceCapabilities.MergePreview;\n};\n\n/**\n * Confirmation panel for a proposed merge: a form over the *detached* merged object. Nothing is\n * written until Confirm, which invokes `MergeDuplicates` with the edited preview as overrides —\n * so the user's corrections survive the merge rather than being recomputed away.\n */\nexport const MergePreview = forwardRef<HTMLDivElement, MergePreviewProps>(\n  ({ type, spaceId, preview }, forwardedRef) => {\n    const { t } = useTranslation(meta.profile.key);\n    const { invokePromise } = useOperationInvoker();\n    const [, updateEphemeral] = useAtomCapabilityState(SpaceCapabilities.EphemeralState);\n\n    const clear = useCallback(\n      () => updateEphemeral((state) => ({ ...state, mergePreview: undefined })),\n      [updateEphemeral],\n    );\n\n    // The merge removes objects, so a second click would re-run it against ids the first call has\n    // already deleted. Confirm is disabled for the duration.\n    const [merging, setMerging] = useState(false);\n    const handleConfirm = useCallback(() => {\n      setMerging(true);\n      void invokePromise(\n        SpaceOperation.MergeDuplicates,\n        { typename: preview.typename, objectIds: preview.objectIds, overrides: preview.preview },\n        { spaceId },\n      )\n        .then(({ error }) => {\n          if (error) {\n            // Leave the preview up: the merge did not happen, and clearing it would look like it did.\n            log.warn('merge failed', { error });\n            return;\n          }\n          // Bumping the timestamp is what tells the open review to rescan; without it the group the\n          // user just merged stays on screen as a one-member \"duplicate\".\n          updateEphemeral((state) => ({ ...state, mergePreview: undefined, lastMergeAt: Date.now() }));\n        })\n        .finally(() => setMerging(false));\n    }, [invokePromise, preview, spaceId, updateEphemeral]);\n\n    return (\n      <Panel.Root ref={forwardedRef}>\n        <Panel.Toolbar asChild>\n          <Toolbar.Root>\n            <Toolbar.Button variant='primary' disabled={merging} onClick={handleConfirm}>\n              {t('confirm-merge.label')}\n            </Toolbar.Button>\n            <Toolbar.Button variant='ghost' disabled={merging} onClick={clear}>\n              {t('cancel-merge.label')}\n            </Toolbar.Button>\n          </Toolbar.Root>\n        </Panel.Toolbar>\n        <Panel.Content asChild>\n          <ScrollArea.Root orientation='vertical' centered>\n            <ScrollArea.Viewport>\n              <Card.Root fullWidth classNames='pb-form-gap'>\n                <ObjectForm object={preview.preview} type={type} />\n              </Card.Root>\n            </ScrollArea.Viewport>\n          </ScrollArea.Root>\n        </Panel.Content>\n      </Panel.Root>\n    );\n  },\n);\n\nMergePreview.displayName = 'MergePreview';\n"],"mappings":";;;;;;;;;;;;;;;;;AA6BA,IAAa,eAAe,YACzB,EAAE,MAAM,SAAS,WAAW,iBAAiB;CAC5C,MAAM,EAAE,MAAM,eAAe,KAAK,QAAQ,GAAG;CAC7C,MAAM,EAAE,kBAAkB,oBAAoB;CAC9C,MAAM,GAAG,mBAAmB,uBAAuB,kBAAkB,cAAc;CAEnF,MAAM,QAAQ,kBACN,iBAAiB,WAAW;EAAE,GAAG;EAAO,cAAc,KAAA;CAAU,EAAE,GACxE,CAAC,eAAe,CAClB;CAIA,MAAM,CAAC,SAAS,cAAc,SAAS,KAAK;CAC5C,MAAM,gBAAgB,kBAAkB;EACtC,WAAW,IAAI;EACf,cACE,eAAe,iBACf;GAAE,UAAU,QAAQ;GAAU,WAAW,QAAQ;GAAW,WAAW,QAAQ;EAAQ,GACvF,EAAE,QAAQ,CACZ,CAAA,CACG,MAAM,EAAE,YAAY;GACnB,IAAI,OAAO;IAET,IAAI,KAAK,gBAAgB,EAAE,MAAM,GAAA;KAAA,YAAA;KAAA,GAAA;KAAA,GAAA;KAAA,GAAA,KAAA;IAAA,CAAC;IAClC;GACF;GAGA,iBAAiB,WAAW;IAAE,GAAG;IAAO,cAAc,KAAA;IAAW,aAAa,KAAK,IAAI;GAAE,EAAE;EAC7F,CAAC,CAAA,CACA,cAAc,WAAW,KAAK,CAAC;CACpC,GAAG;EAAC;EAAe;EAAS;EAAS;CAAe,CAAC;CAErD,OACE,qBAAC,MAAM,MAAP;EAAY,KAAK;YAAjB,CACE,oBAAC,MAAM,SAAP;GAAe,SAAA;aACb,qBAAC,QAAQ,MAAT,EAAA,UAAA,CACE,oBAAC,QAAQ,QAAT;IAAgB,SAAQ;IAAU,UAAU;IAAS,SAAS;cAC3D,EAAE,qBAAqB;GACV,CAAA,GAChB,oBAAC,QAAQ,QAAT;IAAgB,SAAQ;IAAQ,UAAU;IAAS,SAAS;cACzD,EAAE,oBAAoB;GACT,CAAA,CACJ,EAAA,CAAA;EACD,CAAA,GACf,oBAAC,MAAM,SAAP;GAAe,SAAA;aACb,oBAAC,WAAW,MAAZ;IAAiB,aAAY;IAAW,UAAA;cACtC,oBAAC,WAAW,UAAZ,EAAA,UACE,oBAAC,KAAK,MAAN;KAAW,WAAA;KAAU,YAAW;eAC9B,oBAAC,YAAD;MAAY,QAAQ,QAAQ;MAAe;KAAO,CAAA;IACzC,CAAA,EACQ,CAAA;GACN,CAAA;EACJ,CAAA,CACL;;AAEhB,CACF;AAEA,aAAa,cAAc"}

package/dist/lib/chunk-ObjectCardStack.mjs

@@ -0,0 +1,68 @@
+import { isNonNullable } from "@dxos/util";
+import { meta } from "#meta";
+import { Filter, Type } from "@dxos/echo";
+import { forwardRef, useId, useMemo, useState } from "react";
+import { useQuery } from "@dxos/echo-react";
+import { Card, Message, Panel, ScrollArea, Toolbar, useTranslation } from "@dxos/react-ui";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { ObjectForm } from "@dxos/react-ui-form";
+import { Mosaic } from "@dxos/react-ui-mosaic";
+import { useSelection } from "@dxos/react-ui-attention";
+//#region src/containers/ObjectCardStack/ObjectCardStack.tsx
+/**
+* @deprecated Use Mosaic Board components.
+*/
+var ObjectCardStack = forwardRef(({ objectId, db, type }, forwardedRef) => {
+	const { t } = useTranslation(meta.profile.key);
+	const queriedObjects = useQuery(db, Filter.type(Type.getURI(type)));
+	const selectedObjects = useSelection(objectId, "multi").map((id) => queriedObjects.find((obj) => obj.id === id)).filter(isNonNullable);
+	const [viewport, setViewport] = useState(null);
+	const instanceId = useId();
+	const eventHandler = useMemo(() => ({
+		id: `object-card-stack:${objectId}:${instanceId}`,
+		canDrop: () => true
+	}), [objectId, instanceId]);
+	return /* @__PURE__ */ jsxs(Panel.Root, {
+		ref: forwardedRef,
+		children: [/* @__PURE__ */ jsx(Panel.Toolbar, {
+			asChild: true,
+			children: /* @__PURE__ */ jsx(Toolbar.Root, {})
+		}), /* @__PURE__ */ jsx(Panel.Content, { children: selectedObjects.length === 0 ? /* @__PURE__ */ jsx(Message.Root, { children: /* @__PURE__ */ jsx(Message.Content, { children: /* @__PURE__ */ jsx(Message.Title, { children: t("row-details-no-selection.label") }) }) }) : /* @__PURE__ */ jsx(Mosaic.Container, {
+			asChild: true,
+			orientation: "vertical",
+			autoScroll: viewport,
+			eventHandler,
+			children: /* @__PURE__ */ jsx(ScrollArea.Root, {
+				orientation: "vertical",
+				centered: true,
+				padding: true,
+				children: /* @__PURE__ */ jsx(ScrollArea.Viewport, {
+					ref: setViewport,
+					children: /* @__PURE__ */ jsx(Mosaic.Stack, {
+						classNames: "py-trim-md gap-trim-md",
+						draggable: false,
+						items: selectedObjects,
+						getId: (obj) => obj.id,
+						Tile: ({ ...props }) => /* @__PURE__ */ jsx(Mosaic.Tile, {
+							...props,
+							children: /* @__PURE__ */ jsx(Card.Root, {
+								fullWidth: true,
+								gutter: "sm",
+								classNames: "pb-form-gap",
+								children: /* @__PURE__ */ jsx(ObjectForm, {
+									object: props.data,
+									type
+								})
+							})
+						})
+					})
+				})
+			})
+		}) })]
+	});
+});
+ObjectCardStack.displayName = "ObjectCardStack";
+//#endregion
+export { ObjectCardStack as default };
+
+//# sourceMappingURL=chunk-ObjectCardStack.mjs.map

package/dist/lib/chunk-ObjectCardStack.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"chunk-ObjectCardStack.mjs","names":[],"sources":["../../src/containers/ObjectCardStack/ObjectCardStack.tsx"],"sourcesContent":["//\n// Copyright 2025 DXOS.org\n//\n\nimport React, { forwardRef, useId, useMemo, useState } from 'react';\n\nimport { type Database, Filter, Type } from '@dxos/echo';\nimport { useQuery } from '@dxos/echo-react';\nimport { Card, Message, Panel, ScrollArea, Toolbar, useTranslation } from '@dxos/react-ui';\nimport { useSelection } from '@dxos/react-ui-attention';\nimport { type DndContainerHandler } from '@dxos/react-ui-dnd';\nimport { ObjectForm } from '@dxos/react-ui-form';\nimport { Mosaic } from '@dxos/react-ui-mosaic';\nimport { isNonNullable } from '@dxos/util';\n\nimport { meta } from '#meta';\n\nexport type ObjectCardStackProps = {\n  db: Database.Database;\n  type: Type.AnyEntity;\n  objectId: string;\n};\n\n/**\n * @deprecated Use Mosaic Board components.\n */\nexport const ObjectCardStack = forwardRef<HTMLDivElement, ObjectCardStackProps>(\n  ({ objectId, db, type }, forwardedRef) => {\n    const { t } = useTranslation(meta.profile.key);\n\n    const queriedObjects = useQuery(db, Filter.type(Type.getURI(type)));\n    const selectedRows = useSelection(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    // Per-instance discriminator so the same object opened twice doesn't collide in the Mosaic registry.\n    const instanceId = useId();\n    const eventHandler = useMemo<DndContainerHandler>(\n      () => ({ id: `object-card-stack:${objectId}:${instanceId}`, canDrop: () => true }),\n      [objectId, instanceId],\n    );\n\n    return (\n      <Panel.Root ref={forwardedRef}>\n        <Panel.Toolbar asChild>\n          <Toolbar.Root />\n        </Panel.Toolbar>\n        <Panel.Content>\n          {selectedObjects.length === 0 ? (\n            <Message.Root>\n              <Message.Content>\n                <Message.Title>{t('row-details-no-selection.label')}</Message.Title>\n              </Message.Content>\n            </Message.Root>\n          ) : (\n            <Mosaic.Container asChild orientation='vertical' autoScroll={viewport} eventHandler={eventHandler}>\n              <ScrollArea.Root orientation='vertical' centered padding>\n                <ScrollArea.Viewport ref={setViewport}>\n                  <Mosaic.Stack\n                    classNames='py-trim-md gap-trim-md'\n                    draggable={false}\n                    items={selectedObjects}\n                    getId={(obj) => obj.id}\n                    Tile={({ ...props }) => (\n                      <Mosaic.Tile {...props}>\n                        {/* The card's only content is a form, so it takes the form gutter rather than the card's chrome inset. */}\n                        <Card.Root fullWidth gutter='sm' classNames='pb-form-gap'>\n                          <ObjectForm object={props.data} type={type} />\n                        </Card.Root>\n                      </Mosaic.Tile>\n                    )}\n                  />\n                </ScrollArea.Viewport>\n              </ScrollArea.Root>\n            </Mosaic.Container>\n          )}\n        </Panel.Content>\n      </Panel.Root>\n    );\n  },\n);\n\nObjectCardStack.displayName = 'ObjectCardStack';\n"],"mappings":";;;;;;;;;;;;;;AA0BA,IAAa,kBAAkB,YAC5B,EAAE,UAAU,IAAI,QAAQ,iBAAiB;CACxC,MAAM,EAAE,MAAM,eAAe,KAAK,QAAQ,GAAG;CAE7C,MAAM,iBAAiB,SAAS,IAAI,OAAO,KAAK,KAAK,OAAO,IAAI,CAAC,CAAC;CAElE,MAAM,kBADe,aAAa,UAAU,OACpB,CAAA,CAAa,KAAK,OAAO,eAAe,MAAM,QAAQ,IAAI,OAAO,EAAE,CAAC,CAAC,CAAC,OAAO,aAAa;CAElH,MAAM,CAAC,UAAU,eAAe,SAA6B,IAAI;CAGjE,MAAM,aAAa,MAAM;CACzB,MAAM,eAAe,eACZ;EAAE,IAAI,qBAAqB,SAAS,GAAG;EAAc,eAAe;CAAK,IAChF,CAAC,UAAU,UAAU,CACvB;CAEA,OACE,qBAAC,MAAM,MAAP;EAAY,KAAK;YAAjB,CACE,oBAAC,MAAM,SAAP;GAAe,SAAA;aACb,oBAAC,QAAQ,MAAT,CAAe,CAAA;EACF,CAAA,GACf,oBAAC,MAAM,SAAP,EAAA,UACG,gBAAgB,WAAW,IAC1B,oBAAC,QAAQ,MAAT,EAAA,UACE,oBAAC,QAAQ,SAAT,EAAA,UACE,oBAAC,QAAQ,OAAT,EAAA,UAAgB,EAAE,gCAAgC,EAAiB,CAAA,EACpD,CAAA,EACL,CAAA,IAEd,oBAAC,OAAO,WAAR;GAAkB,SAAA;GAAQ,aAAY;GAAW,YAAY;GAAwB;aACnF,oBAAC,WAAW,MAAZ;IAAiB,aAAY;IAAW,UAAA;IAAS,SAAA;cAC/C,oBAAC,WAAW,UAAZ;KAAqB,KAAK;eACxB,oBAAC,OAAO,OAAR;MACE,YAAW;MACX,WAAW;MACX,OAAO;MACP,QAAQ,QAAQ,IAAI;MACpB,OAAO,EAAE,GAAG,YACV,oBAAC,OAAO,MAAR;OAAa,GAAI;iBAEf,oBAAC,KAAK,MAAN;QAAW,WAAA;QAAU,QAAO;QAAK,YAAW;kBAC1C,oBAAC,YAAD;SAAY,QAAQ,MAAM;SAAY;QAAO,CAAA;OACpC,CAAA;MACA,CAAA;KAEhB,CAAA;IACkB,CAAA;GACN,CAAA;EACD,CAAA,EAEP,CAAA,CACL;;AAEhB,CACF;AAEA,gBAAgB,cAAc"}

package/dist/lib/chunk-RecordArticle.mjs

@@ -0,0 +1,106 @@
+import { meta } from "#meta";
+import { Entity, Obj, Type } from "@dxos/echo";
+import { Prompts } from "#types";
+import { useMemo } from "react";
+import { Surface } from "@dxos/app-framework/ui";
+import { AppSurface, useCardPivot, useObjectMenuItems } from "@dxos/app-toolkit/ui";
+import { Card, Icon, IconButton, Input, Panel, ScrollArea, Toolbar, useTranslation } from "@dxos/react-ui";
+import { mx } from "@dxos/ui-theme";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useRelatedObjects } from "#hooks";
+import { Masonry } from "@dxos/react-ui-masonry";
+import { Menu } from "@dxos/react-ui-menu";
+//#region src/containers/RecordArticle/RecordArticle.tsx
+var RecordArticle = ({ role, subject }) => {
+	const { t } = useTranslation(meta.profile.key);
+	const db = Obj.getDatabase(subject);
+	const typename = Obj.getTypename(subject);
+	const schema = Obj.getType(subject) ?? (typename && db ? db.graph.registry.list().filter(Type.isType).find((t) => Type.getTypename(t) === typename) : void 0);
+	const icon = schema && Type.getDatabase(schema) != null ? "ph--cube--regular" : Obj.getIcon(subject)?.icon ?? "ph--circle-dashed--regular";
+	const related = useRelatedObjects(db, subject, {
+		references: true,
+		relations: true
+	});
+	const singleColumn = related.length === 1;
+	return /* @__PURE__ */ jsxs(Panel.Root, {
+		role,
+		children: [/* @__PURE__ */ jsx(Panel.Toolbar, {
+			asChild: true,
+			children: /* @__PURE__ */ jsx(Toolbar.Root, {})
+		}), /* @__PURE__ */ jsx(Panel.Content, {
+			asChild: true,
+			children: /* @__PURE__ */ jsx(ScrollArea.Root, {
+				orientation: "vertical",
+				children: /* @__PURE__ */ jsxs(ScrollArea.Viewport, {
+					classNames: "p-4 space-y-4",
+					children: [
+						/* @__PURE__ */ jsxs(Card.Root, {
+							fullWidth: true,
+							children: [/* @__PURE__ */ jsxs(Card.Header, { children: [/* @__PURE__ */ jsx(Card.Block, { children: /* @__PURE__ */ jsx(Icon, { icon }) }), /* @__PURE__ */ jsx(Card.Title, { children: Obj.getLabel(subject, { fallback: "typename" }) })] }), /* @__PURE__ */ jsx(Card.Body, { children: /* @__PURE__ */ jsx(Surface.Surface, {
+								type: AppSurface.CardContent,
+								data: { subject },
+								limit: 1
+							}) })]
+						}),
+						/* @__PURE__ */ jsxs("div", {
+							className: "flex flex-col gap-form-gap",
+							children: [/* @__PURE__ */ jsx(Input.Root, { children: /* @__PURE__ */ jsx(Input.Label, { children: t("related-actions.label") }) }), /* @__PURE__ */ jsx(Surface.Surface, {
+								type: Prompts,
+								data: {
+									subject,
+									attendableId: subject.id
+								},
+								limit: 1
+							})]
+						}),
+						related.length > 0 && /* @__PURE__ */ jsxs("div", {
+							className: mx("dx-expander flex flex-col gap-form-gap", singleColumn ? "dx-card-max-width" : "w-full"),
+							children: [/* @__PURE__ */ jsx(Input.Root, { children: /* @__PURE__ */ jsx(Input.Label, { children: t("related-objects.label") }) }), /* @__PURE__ */ jsx(Masonry.Root, {
+								Tile: ObjectCard,
+								columns: singleColumn ? 1 : void 0,
+								children: /* @__PURE__ */ jsx(Masonry.Content, { children: /* @__PURE__ */ jsx(Masonry.Viewport, { items: related }) })
+							})]
+						})
+					]
+				})
+			})
+		})]
+	});
+};
+var ObjectCard = ({ data: subject, classNames }) => {
+	const { t } = useTranslation(meta.profile.key);
+	const data = useMemo(() => ({ subject }), [subject]);
+	const icon = Entity.getIcon(subject)?.icon ?? "ph--circle-dashed--regular";
+	const [cardRef, pivotId] = useCardPivot();
+	const menuItems = useObjectMenuItems(subject, pivotId);
+	return /* @__PURE__ */ jsx(Menu.Root, { children: /* @__PURE__ */ jsxs(Card.Root, {
+		ref: cardRef,
+		classNames,
+		children: [/* @__PURE__ */ jsxs(Card.Header, { children: [
+			/* @__PURE__ */ jsx(Card.Block, { children: /* @__PURE__ */ jsx(Icon, { icon }) }),
+			/* @__PURE__ */ jsx(Card.Title, { children: Entity.getLabel(subject, { fallback: "typename" }) }),
+			/* @__PURE__ */ jsxs(Card.Block, {
+				end: true,
+				children: [/* @__PURE__ */ jsx(Menu.Trigger, {
+					asChild: true,
+					disabled: !menuItems?.length,
+					children: /* @__PURE__ */ jsx(IconButton, {
+						iconOnly: true,
+						variant: "ghost",
+						icon: "ph--dots-three-vertical--regular",
+						label: t("more-actions.label")
+					})
+				}), /* @__PURE__ */ jsx(Menu.Content, { items: menuItems })]
+			})
+		] }), /* @__PURE__ */ jsx(Card.Body, { children: /* @__PURE__ */ jsx(Surface.Surface, {
+			type: AppSurface.CardContent,
+			data,
+			limit: 1
+		}) })]
+	}) });
+};
+RecordArticle.displayName = "RecordArticle";
+//#endregion
+export { RecordArticle as default };
+
+//# sourceMappingURL=chunk-RecordArticle.mjs.map

package/dist/lib/chunk-RecordArticle.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"chunk-RecordArticle.mjs","names":[],"sources":["../../src/containers/RecordArticle/RecordArticle.tsx"],"sourcesContent":["//\n// Copyright 2023 DXOS.org\n//\n\nimport React, { useMemo } from 'react';\n\nimport { Surface } from '@dxos/app-framework/ui';\nimport { AppSurface, useCardPivot, useObjectMenuItems } from '@dxos/app-toolkit/ui';\nimport { Entity, Obj, Type } from '@dxos/echo';\nimport { Card, Icon, IconButton, Input, 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';\n\nimport { useRelatedObjects } from '#hooks';\nimport { meta } from '#meta';\nimport { Prompts } from '#types';\n\nexport const RecordArticle = ({ role, subject }: AppSurface.ObjectArticleProps) => {\n  const { t } = useTranslation(meta.profile.key);\n  // Obj.getType fails for database-registered (dynamic) schemas due to DXN mismatch;\n  // fall back to typename query which matches TypeSchema.typename.\n  const db = Obj.getDatabase(subject);\n  const typename = Obj.getTypename(subject);\n  const schema =\n    Obj.getType(subject) ??\n    (typename && db\n      ? db.graph.registry\n          .list()\n          .filter(Type.isType)\n          .find((t) => Type.getTypename(t) === typename)\n      : undefined);\n  const icon =\n    schema && Type.getDatabase(schema) != null\n      ? 'ph--cube--regular'\n      : (Obj.getIcon(subject)?.icon ?? 'ph--circle-dashed--regular');\n\n  const related = useRelatedObjects(db, subject, { references: true, relations: true });\n  const singleColumn = related.length === 1;\n\n  return (\n    <Panel.Root role={role}>\n      <Panel.Toolbar asChild>\n        <Toolbar.Root />\n      </Panel.Toolbar>\n      <Panel.Content asChild>\n        <ScrollArea.Root orientation='vertical'>\n          <ScrollArea.Viewport classNames='p-4 space-y-4'>\n            <Card.Root fullWidth>\n              <Card.Header>\n                <Card.Block>\n                  <Icon icon={icon} />\n                </Card.Block>\n                <Card.Title>{Obj.getLabel(subject, { fallback: 'typename' })}</Card.Title>\n              </Card.Header>\n              <Card.Body>\n                <Surface.Surface type={AppSurface.CardContent} data={{ subject }} limit={1} />\n              </Card.Body>\n            </Card.Root>\n\n            {/* TODO(burdon): Only show label if surface exists? */}\n            <div className='flex flex-col gap-form-gap'>\n              <Input.Root>\n                <Input.Label>{t('related-actions.label')}</Input.Label>\n              </Input.Root>\n              <Surface.Surface type={Prompts} data={{ subject, attendableId: subject.id }} limit={1} />\n            </div>\n\n            {related.length > 0 && (\n              <div\n                className={mx('dx-expander flex flex-col gap-form-gap', singleColumn ? 'dx-card-max-width' : 'w-full')}\n              >\n                <Input.Root>\n                  <Input.Label>{t('related-objects.label')}</Input.Label>\n                </Input.Root>\n                <Masonry.Root Tile={ObjectCard} columns={singleColumn ? 1 : undefined}>\n                  <Masonry.Content>\n                    <Masonry.Viewport items={related} />\n                  </Masonry.Content>\n                </Masonry.Root>\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 { t } = useTranslation(meta.profile.key);\n  const data = useMemo(() => ({ subject }), [subject]);\n  const icon = Entity.getIcon(subject)?.icon ?? 'ph--circle-dashed--regular';\n  // The card menu renders in a portal; resolve the origin plank from the card element instead.\n  const [cardRef, pivotId] = useCardPivot();\n  const menuItems = useObjectMenuItems(subject, pivotId);\n\n  return (\n    <Menu.Root>\n      <Card.Root ref={cardRef} classNames={classNames}>\n        <Card.Header>\n          <Card.Block>\n            <Icon icon={icon} />\n          </Card.Block>\n          <Card.Title>{Entity.getLabel(subject, { fallback: 'typename' })}</Card.Title>\n          <Card.Block end>\n            <Menu.Trigger asChild disabled={!menuItems?.length}>\n              <IconButton\n                iconOnly\n                variant='ghost'\n                icon='ph--dots-three-vertical--regular'\n                label={t('more-actions.label')}\n              />\n            </Menu.Trigger>\n            <Menu.Content items={menuItems} />\n          </Card.Block>\n        </Card.Header>\n        <Card.Body>\n          <Surface.Surface type={AppSurface.CardContent} data={data} limit={1} />\n        </Card.Body>\n      </Card.Root>\n    </Menu.Root>\n  );\n};\n\nRecordArticle.displayName = 'RecordArticle';\n"],"mappings":";;;;;;;;;;;;;AAkBA,IAAa,iBAAiB,EAAE,MAAM,cAA6C;CACjF,MAAM,EAAE,MAAM,eAAe,KAAK,QAAQ,GAAG;CAG7C,MAAM,KAAK,IAAI,YAAY,OAAO;CAClC,MAAM,WAAW,IAAI,YAAY,OAAO;CACxC,MAAM,SACJ,IAAI,QAAQ,OAAO,MAClB,YAAY,KACT,GAAG,MAAM,SACN,KAAK,CAAA,CACL,OAAO,KAAK,MAAM,CAAA,CAClB,MAAM,MAAM,KAAK,YAAY,CAAC,MAAM,QAAQ,IAC/C,KAAA;CACN,MAAM,OACJ,UAAU,KAAK,YAAY,MAAM,KAAK,OAClC,sBACC,IAAI,QAAQ,OAAO,CAAC,EAAE,QAAQ;CAErC,MAAM,UAAU,kBAAkB,IAAI,SAAS;EAAE,YAAY;EAAM,WAAW;CAAK,CAAC;CACpF,MAAM,eAAe,QAAQ,WAAW;CAExC,OACE,qBAAC,MAAM,MAAP;EAAkB;YAAlB,CACE,oBAAC,MAAM,SAAP;GAAe,SAAA;aACb,oBAAC,QAAQ,MAAT,CAAe,CAAA;EACF,CAAA,GACf,oBAAC,MAAM,SAAP;GAAe,SAAA;aACb,oBAAC,WAAW,MAAZ;IAAiB,aAAY;cAC3B,qBAAC,WAAW,UAAZ;KAAqB,YAAW;eAAhC;MACE,qBAAC,KAAK,MAAN;OAAW,WAAA;iBAAX,CACE,qBAAC,KAAK,QAAN,EAAA,UAAA,CACE,oBAAC,KAAK,OAAN,EAAA,UACE,oBAAC,MAAD,EAAY,KAAO,CAAA,EACT,CAAA,GACZ,oBAAC,KAAK,OAAN,EAAA,UAAa,IAAI,SAAS,SAAS,EAAE,UAAU,WAAW,CAAC,EAAc,CAAA,CAC9D,EAAA,CAAA,GACb,oBAAC,KAAK,MAAN,EAAA,UACE,oBAAC,QAAQ,SAAT;QAAiB,MAAM,WAAW;QAAa,MAAM,EAAE,QAAQ;QAAG,OAAO;OAAI,CAAA,EACpE,CAAA,CACF;;MAGX,qBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,oBAAC,MAAM,MAAP,EAAA,UACE,oBAAC,MAAM,OAAP,EAAA,UAAc,EAAE,uBAAuB,EAAe,CAAA,EAC5C,CAAA,GACZ,oBAAC,QAAQ,SAAT;QAAiB,MAAM;QAAS,MAAM;SAAE;SAAS,cAAc,QAAQ;QAAG;QAAG,OAAO;OAAI,CAAA,CACrF;;MAEJ,QAAQ,SAAS,KAChB,qBAAC,OAAD;OACE,WAAW,GAAG,0CAA0C,eAAe,sBAAsB,QAAQ;iBADvG,CAGE,oBAAC,MAAM,MAAP,EAAA,UACE,oBAAC,MAAM,OAAP,EAAA,UAAc,EAAE,uBAAuB,EAAe,CAAA,EAC5C,CAAA,GACZ,oBAAC,QAAQ,MAAT;QAAc,MAAM;QAAY,SAAS,eAAe,IAAI,KAAA;kBAC1D,oBAAC,QAAQ,SAAT,EAAA,UACE,oBAAC,QAAQ,UAAT,EAAkB,OAAO,QAAU,CAAA,EACpB,CAAA;OACL,CAAA,CACX;;KAEY;;GACN,CAAA;EACJ,CAAA,CACL;;AAEhB;AAEA,IAAM,cAAc,EAAE,MAAM,SAAS,iBAAgE;CACnG,MAAM,EAAE,MAAM,eAAe,KAAK,QAAQ,GAAG;CAC7C,MAAM,OAAO,eAAe,EAAE,QAAQ,IAAI,CAAC,OAAO,CAAC;CACnD,MAAM,OAAO,OAAO,QAAQ,OAAO,CAAC,EAAE,QAAQ;CAE9C,MAAM,CAAC,SAAS,WAAW,aAAa;CACxC,MAAM,YAAY,mBAAmB,SAAS,OAAO;CAErD,OACE,oBAAC,KAAK,MAAN,EAAA,UACE,qBAAC,KAAK,MAAN;EAAW,KAAK;EAAqB;YAArC,CACE,qBAAC,KAAK,QAAN,EAAA,UAAA;GACE,oBAAC,KAAK,OAAN,EAAA,UACE,oBAAC,MAAD,EAAY,KAAO,CAAA,EACT,CAAA;GACZ,oBAAC,KAAK,OAAN,EAAA,UAAa,OAAO,SAAS,SAAS,EAAE,UAAU,WAAW,CAAC,EAAc,CAAA;GAC5E,qBAAC,KAAK,OAAN;IAAY,KAAA;cAAZ,CACE,oBAAC,KAAK,SAAN;KAAc,SAAA;KAAQ,UAAU,CAAC,WAAW;eAC1C,oBAAC,YAAD;MACE,UAAA;MACA,SAAQ;MACR,MAAK;MACL,OAAO,EAAE,oBAAoB;KAC9B,CAAA;IACW,CAAA,GACd,oBAAC,KAAK,SAAN,EAAc,OAAO,UAAY,CAAA,CACvB;;EACD,EAAA,CAAA,GACb,oBAAC,KAAK,MAAN,EAAA,UACE,oBAAC,QAAQ,SAAT;GAAiB,MAAM,WAAW;GAAmB;GAAM,OAAO;EAAI,CAAA,EAC7D,CAAA,CACF;IACF,CAAA;AAEf;AAEA,cAAc,cAAc"}

package/dist/lib/chunk-RelatedArticle.mjs

@@ -0,0 +1,71 @@
+import { meta } from "#meta";
+import { Entity, Obj } from "@dxos/echo";
+import { useMemo } from "react";
+import { Surface } from "@dxos/app-framework/ui";
+import { AppSurface, useCardPivot, useObjectMenuItems } from "@dxos/app-toolkit/ui";
+import { Card, Icon, IconButton, Panel, Toolbar, useTranslation } from "@dxos/react-ui";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useRelatedObjects } from "#hooks";
+import { Masonry } from "@dxos/react-ui-masonry";
+import { Menu } from "@dxos/react-ui-menu";
+//#region src/containers/RelatedArticle/RelatedArticle.tsx
+var RelatedArticle = ({ role, companionTo }) => {
+	const items = useRelatedObjects(Obj.getDatabase(companionTo), companionTo, {
+		references: true,
+		relations: true
+	});
+	return /* @__PURE__ */ jsx(Masonry.Root, {
+		Tile: ObjectCard,
+		children: /* @__PURE__ */ jsxs(Panel.Root, {
+			role,
+			children: [/* @__PURE__ */ jsx(Panel.Toolbar, {
+				asChild: true,
+				children: /* @__PURE__ */ jsx(Toolbar.Root, {})
+			}), /* @__PURE__ */ jsx(Panel.Content, {
+				asChild: true,
+				children: /* @__PURE__ */ jsx(Masonry.Content, {
+					centered: true,
+					children: /* @__PURE__ */ jsx(Masonry.Viewport, { items })
+				})
+			})]
+		})
+	});
+};
+/** Masonry tile renderer for a related entity. */
+var ObjectCard = ({ data: subject, classNames }) => {
+	const { t } = useTranslation(meta.profile.key);
+	const data = useMemo(() => ({ subject }), [subject]);
+	const icon = Entity.getIcon(subject)?.icon ?? "ph--circle-dashed--regular";
+	const [cardRef, pivotId] = useCardPivot();
+	const menuItems = useObjectMenuItems(subject, pivotId);
+	return /* @__PURE__ */ jsx(Menu.Root, { children: /* @__PURE__ */ jsxs(Card.Root, {
+		ref: cardRef,
+		classNames,
+		children: [/* @__PURE__ */ jsxs(Card.Header, { children: [
+			/* @__PURE__ */ jsx(Card.Block, { children: /* @__PURE__ */ jsx(Icon, { icon }) }),
+			/* @__PURE__ */ jsx(Card.Title, { children: Entity.getLabel(subject, { fallback: "typename" }) }),
+			/* @__PURE__ */ jsxs(Card.Block, {
+				end: true,
+				children: [/* @__PURE__ */ jsx(Menu.Trigger, {
+					asChild: true,
+					disabled: !menuItems?.length,
+					children: /* @__PURE__ */ jsx(IconButton, {
+						iconOnly: true,
+						variant: "ghost",
+						icon: "ph--dots-three-vertical--regular",
+						label: t("more-actions.label")
+					})
+				}), /* @__PURE__ */ jsx(Menu.Content, { items: menuItems })]
+			})
+		] }), /* @__PURE__ */ jsx(Card.Body, { children: /* @__PURE__ */ jsx(Surface.Surface, {
+			type: AppSurface.CardContent,
+			data,
+			limit: 1
+		}) })]
+	}) });
+};
+RelatedArticle.displayName = "RelatedArticle";
+//#endregion
+export { RelatedArticle as default };
+
+//# sourceMappingURL=chunk-RelatedArticle.mjs.map

package/dist/lib/chunk-RelatedArticle.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"chunk-RelatedArticle.mjs","names":[],"sources":["../../src/containers/RelatedArticle/RelatedArticle.tsx"],"sourcesContent":["//\n// Copyright 2025 DXOS.org\n//\n\nimport React, { useMemo } from 'react';\n\nimport { Surface } from '@dxos/app-framework/ui';\nimport { AppSurface, useCardPivot, useObjectMenuItems } from '@dxos/app-toolkit/ui';\nimport { Entity, Obj } from '@dxos/echo';\nimport { Card, Icon, IconButton, Panel, Toolbar, useTranslation } from '@dxos/react-ui';\nimport { Masonry } from '@dxos/react-ui-masonry';\nimport { Menu } from '@dxos/react-ui-menu';\n\nimport { useRelatedObjects } from '#hooks';\nimport { meta } from '#meta';\n\nexport type RelatedArticleProps = Pick<\n  AppSurface.ObjectArticleProps<Obj.Unknown, {}, Obj.Unknown>,\n  'role' | 'companionTo'\n>;\n\nexport const RelatedArticle = ({ role, companionTo }: RelatedArticleProps) => {\n  const db = Obj.getDatabase(companionTo);\n  const items = useRelatedObjects(db, companionTo, { references: true, relations: true });\n\n  return (\n    <Masonry.Root Tile={ObjectCard}>\n      <Panel.Root role={role}>\n        <Panel.Toolbar asChild>\n          <Toolbar.Root />\n        </Panel.Toolbar>\n        <Panel.Content asChild>\n          <Masonry.Content centered>\n            <Masonry.Viewport items={items} />\n          </Masonry.Content>\n        </Panel.Content>\n      </Panel.Root>\n    </Masonry.Root>\n  );\n};\n\n/** Masonry tile renderer for a related entity. */\nconst ObjectCard = ({ data: subject, classNames }: { data: Entity.Unknown; classNames?: string }) => {\n  const { t } = useTranslation(meta.profile.key);\n  const data = useMemo(() => ({ subject }), [subject]);\n  const icon = Entity.getIcon(subject)?.icon ?? 'ph--circle-dashed--regular';\n\n  // The card menu renders in a portal; resolve the origin plank from the card element instead.\n  const [cardRef, pivotId] = useCardPivot();\n  // TODO(burdon): BUG: Includes item itself.\n  const menuItems = useObjectMenuItems(subject, pivotId);\n\n  return (\n    <Menu.Root>\n      <Card.Root ref={cardRef} classNames={classNames}>\n        <Card.Header>\n          <Card.Block>\n            <Icon icon={icon} />\n          </Card.Block>\n          <Card.Title>{Entity.getLabel(subject, { fallback: 'typename' })}</Card.Title>\n          <Card.Block end>\n            <Menu.Trigger asChild disabled={!menuItems?.length}>\n              <IconButton\n                iconOnly\n                variant='ghost'\n                icon='ph--dots-three-vertical--regular'\n                label={t('more-actions.label')}\n              />\n            </Menu.Trigger>\n            <Menu.Content items={menuItems} />\n          </Card.Block>\n        </Card.Header>\n        <Card.Body>\n          <Surface.Surface type={AppSurface.CardContent} data={data} limit={1} />\n        </Card.Body>\n      </Card.Root>\n    </Menu.Root>\n  );\n};\n\nRelatedArticle.displayName = 'RelatedArticle';\n"],"mappings":";;;;;;;;;;;AAqBA,IAAa,kBAAkB,EAAE,MAAM,kBAAuC;CAE5E,MAAM,QAAQ,kBADH,IAAI,YAAY,WACK,GAAI,aAAa;EAAE,YAAY;EAAM,WAAW;CAAK,CAAC;CAEtF,OACE,oBAAC,QAAQ,MAAT;EAAc,MAAM;YAClB,qBAAC,MAAM,MAAP;GAAkB;aAAlB,CACE,oBAAC,MAAM,SAAP;IAAe,SAAA;cACb,oBAAC,QAAQ,MAAT,CAAe,CAAA;GACF,CAAA,GACf,oBAAC,MAAM,SAAP;IAAe,SAAA;cACb,oBAAC,QAAQ,SAAT;KAAiB,UAAA;eACf,oBAAC,QAAQ,UAAT,EAAyB,MAAQ,CAAA;IAClB,CAAA;GACJ,CAAA,CACL;;CACA,CAAA;AAElB;;AAGA,IAAM,cAAc,EAAE,MAAM,SAAS,iBAAgE;CACnG,MAAM,EAAE,MAAM,eAAe,KAAK,QAAQ,GAAG;CAC7C,MAAM,OAAO,eAAe,EAAE,QAAQ,IAAI,CAAC,OAAO,CAAC;CACnD,MAAM,OAAO,OAAO,QAAQ,OAAO,CAAC,EAAE,QAAQ;CAG9C,MAAM,CAAC,SAAS,WAAW,aAAa;CAExC,MAAM,YAAY,mBAAmB,SAAS,OAAO;CAErD,OACE,oBAAC,KAAK,MAAN,EAAA,UACE,qBAAC,KAAK,MAAN;EAAW,KAAK;EAAqB;YAArC,CACE,qBAAC,KAAK,QAAN,EAAA,UAAA;GACE,oBAAC,KAAK,OAAN,EAAA,UACE,oBAAC,MAAD,EAAY,KAAO,CAAA,EACT,CAAA;GACZ,oBAAC,KAAK,OAAN,EAAA,UAAa,OAAO,SAAS,SAAS,EAAE,UAAU,WAAW,CAAC,EAAc,CAAA;GAC5E,qBAAC,KAAK,OAAN;IAAY,KAAA;cAAZ,CACE,oBAAC,KAAK,SAAN;KAAc,SAAA;KAAQ,UAAU,CAAC,WAAW;eAC1C,oBAAC,YAAD;MACE,UAAA;MACA,SAAQ;MACR,MAAK;MACL,OAAO,EAAE,oBAAoB;KAC9B,CAAA;IACW,CAAA,GACd,oBAAC,KAAK,SAAN,EAAc,OAAO,UAAY,CAAA,CACvB;;EACD,EAAA,CAAA,GACb,oBAAC,KAAK,MAAN,EAAA,UACE,oBAAC,QAAQ,SAAT;GAAiB,MAAM,WAAW;GAAmB;GAAM,OAAO;EAAI,CAAA,EAC7D,CAAA,CACF;IACF,CAAA;AAEf;AAEA,eAAe,cAAc"}

package/dist/lib/chunk-RenamePopover.mjs

@@ -0,0 +1,94 @@
+import { meta } from "#meta";
+import { LayoutOperation } from "@dxos/app-toolkit";
+import { Entity, Obj } from "@dxos/echo";
+import { useCallback, useEffect, useRef, useState } from "react";
+import { useOperationInvoker } from "@dxos/app-framework/ui";
+import { isSpace } from "@dxos/react-client/echo";
+import { Input, useTranslation } from "@dxos/react-ui";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { log } from "@dxos/log";
+//#region src/containers/RenamePopover/RenamePopover.tsx
+var __dxlog_file = "/__w/dxos/dxos/packages/plugins/plugin-space/src/containers/RenamePopover/RenamePopover.tsx";
+var isRenameCallback = (subject) => typeof subject.onRename === "function";
+var getName = (subject) => {
+	if (isRenameCallback(subject)) return subject.initialValue;
+	return (isSpace(subject) ? subject.properties.name : Entity.getLabel(subject)) ?? "";
+};
+var setName = (subject, name) => {
+	if (isRenameCallback(subject)) subject.onRename(name);
+	else if (isSpace(subject)) Obj.update(subject.properties, (properties) => {
+		properties.name = name;
+	});
+	else Entity.update(subject, () => Entity.setLabel(subject, name));
+};
+/**
+* Inline rename popover anchored to a navtree row. Commits on Enter or when dismissed; Escape cancels.
+*/
+var RenamePopover = ({ subject }) => {
+	const { t } = useTranslation(meta.profile.key);
+	const space = !isRenameCallback(subject) && isSpace(subject);
+	const { invokePromise } = useOperationInvoker();
+	const [name, setNameState] = useState(() => getName(subject));
+	const nameRef = useRef(name);
+	nameRef.current = name;
+	const initialNameRef = useRef(name);
+	const cancelledRef = useRef(false);
+	const committedRef = useRef(false);
+	const write = useCallback(() => {
+		try {
+			if (!cancelledRef.current && nameRef.current !== initialNameRef.current) setName(subject, nameRef.current);
+		} catch (err) {
+			log.error("Failed to rename", { err }, {
+				"~LogMeta": "~LogMeta",
+				F: __dxlog_file,
+				L: 69,
+				S: void 0
+			});
+		}
+	}, [subject]);
+	const commit = useCallback(() => {
+		if (!committedRef.current) {
+			committedRef.current = true;
+			write();
+		}
+	}, [write]);
+	useEffect(() => () => {
+		if (!committedRef.current) write();
+	}, [write]);
+	const close = useCallback(() => {
+		invokePromise(LayoutOperation.UpdatePopover, {
+			anchorId: "",
+			state: false
+		});
+	}, [invokePromise]);
+	return /* @__PURE__ */ jsx("div", {
+		className: "p-2",
+		children: /* @__PURE__ */ jsxs(Input.Root, { children: [/* @__PURE__ */ jsx(Input.Label, {
+			srOnly: true,
+			children: t(space ? "space-name.label" : "object-name.label")
+		}), /* @__PURE__ */ jsx(Input.TextInput, {
+			autoFocus: true,
+			value: name,
+			placeholder: t(space ? "unnamed-space.label" : "object.placeholder"),
+			"data-testid": "spacePlugin.rename.input",
+			onChange: ({ target: { value } }) => setNameState(value),
+			onFocus: (event) => event.target.select(),
+			onKeyDown: (event) => {
+				if (event.key === "Enter") {
+					commit();
+					close();
+				} else if (event.key === "Escape") {
+					event.preventDefault();
+					event.stopPropagation();
+					cancelledRef.current = true;
+					close();
+				}
+			}
+		})] })
+	});
+};
+RenamePopover.displayName = "RenamePopover";
+//#endregion
+export { RenamePopover as default };
+
+//# sourceMappingURL=chunk-RenamePopover.mjs.map

package/dist/lib/chunk-RenamePopover.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"chunk-RenamePopover.mjs","names":[],"sources":["../../src/containers/RenamePopover/RenamePopover.tsx"],"sourcesContent":["//\n// Copyright 2025 DXOS.org\n//\n\nimport React, { useCallback, useEffect, useRef, useState } from 'react';\n\nimport { useOperationInvoker } from '@dxos/app-framework/ui';\nimport { LayoutOperation } from '@dxos/app-toolkit';\nimport { Entity, Obj } from '@dxos/echo';\nimport { log } from '@dxos/log';\nimport { type Space, isSpace } from '@dxos/react-client/echo';\nimport { Input, useTranslation } from '@dxos/react-ui';\n\nimport { meta } from '#meta';\n\nexport type RenameCallback = { initialValue: string; onRename: (name: string) => void };\nexport type RenameSubject = Space | Entity.Unknown | RenameCallback;\n\nconst isRenameCallback = (subject: RenameSubject): subject is RenameCallback =>\n  typeof (subject as RenameCallback).onRename === 'function';\n\nconst getName = (subject: RenameSubject): string => {\n  if (isRenameCallback(subject)) {\n    return subject.initialValue;\n  }\n  return (isSpace(subject) ? subject.properties.name : Entity.getLabel(subject)) ?? '';\n};\n\nconst setName = (subject: RenameSubject, name: string): void => {\n  if (isRenameCallback(subject)) {\n    subject.onRename(name);\n  } else if (isSpace(subject)) {\n    Obj.update(subject.properties, (properties) => {\n      properties.name = name;\n    });\n  } else {\n    Entity.update(subject, () => Entity.setLabel(subject, name));\n  }\n};\n\nexport type RenamePopoverProps = { subject: RenameSubject };\n\n// TODO(wittjosiah): Move RenamePopover, RenameSubject, RenameCallback, and RENAME_POPOVER to @dxos/app-toolkit\n//   so any plugin can use the rename popover without depending on plugin-space.\n\n/**\n * Inline rename popover anchored to a navtree row. Commits on Enter or when dismissed; Escape cancels.\n */\nexport const RenamePopover = ({ subject }: RenamePopoverProps) => {\n  const { t } = useTranslation(meta.profile.key);\n  const space = !isRenameCallback(subject) && isSpace(subject);\n  const { invokePromise } = useOperationInvoker();\n  const [name, setNameState] = useState(() => getName(subject));\n\n  // Commit the latest value when the popover is dismissed (Enter, click-outside, or blur), unless cancelled.\n  const nameRef = useRef(name);\n  nameRef.current = name;\n  const initialNameRef = useRef(name);\n  const cancelledRef = useRef(false);\n  // Enter commits then closes, which unmounts and runs the dismissal cleanup; guard against a duplicate write.\n  const committedRef = useRef(false);\n\n  const write = useCallback(() => {\n    try {\n      if (!cancelledRef.current && nameRef.current !== initialNameRef.current) {\n        setName(subject, nameRef.current);\n      }\n    } catch (err) {\n      log.error('Failed to rename', { err });\n    }\n  }, [subject]);\n\n  const commit = useCallback(() => {\n    if (!committedRef.current) {\n      committedRef.current = true;\n      write();\n    }\n  }, [write]);\n\n  // Commit the latest value on dismissal (click-outside/blur) when the component unmounts, unless Enter\n  // already committed or Escape cancelled. This must not set committedRef: under StrictMode the mount-time\n  // setup/cleanup/setup cycle runs this cleanup before any interaction, and flipping the guard there would\n  // suppress the real Enter commit.\n  useEffect(\n    () => () => {\n      if (!committedRef.current) {\n        write();\n      }\n    },\n    [write],\n  );\n\n  const close = useCallback(() => {\n    void invokePromise(LayoutOperation.UpdatePopover, { anchorId: '', state: false });\n  }, [invokePromise]);\n\n  return (\n    <div className='p-2'>\n      <Input.Root>\n        <Input.Label srOnly>{t(space ? 'space-name.label' : 'object-name.label')}</Input.Label>\n        <Input.TextInput\n          autoFocus\n          value={name}\n          placeholder={t(space ? 'unnamed-space.label' : 'object.placeholder')}\n          data-testid='spacePlugin.rename.input'\n          onChange={({ target: { value } }) => setNameState(value)}\n          onFocus={(event) => event.target.select()}\n          onKeyDown={(event) => {\n            if (event.key === 'Enter') {\n              commit();\n              close();\n            } else if (event.key === 'Escape') {\n              // Own the dismissal so it does not also bubble to the deck popover's escape handler,\n              // whose divergent teardown leaves stale state that makes the next open flicker.\n              event.preventDefault();\n              event.stopPropagation();\n              cancelledRef.current = true;\n              close();\n            }\n          }}\n        />\n      </Input.Root>\n    </div>\n  );\n};\n\nRenamePopover.displayName = 'RenamePopover';\n"],"mappings":";;;;;;;;;;;AAkBA,IAAM,oBAAoB,YACxB,OAAQ,QAA2B,aAAa;AAElD,IAAM,WAAW,YAAmC;CAClD,IAAI,iBAAiB,OAAO,GAC1B,OAAO,QAAQ;CAEjB,QAAQ,QAAQ,OAAO,IAAI,QAAQ,WAAW,OAAO,OAAO,SAAS,OAAO,MAAM;AACpF;AAEA,IAAM,WAAW,SAAwB,SAAuB;CAC9D,IAAI,iBAAiB,OAAO,GAC1B,QAAQ,SAAS,IAAI;MAChB,IAAI,QAAQ,OAAO,GACxB,IAAI,OAAO,QAAQ,aAAa,eAAe;EAC7C,WAAW,OAAO;CACpB,CAAC;MAED,OAAO,OAAO,eAAe,OAAO,SAAS,SAAS,IAAI,CAAC;AAE/D;;;;AAUA,IAAa,iBAAiB,EAAE,cAAkC;CAChE,MAAM,EAAE,MAAM,eAAe,KAAK,QAAQ,GAAG;CAC7C,MAAM,QAAQ,CAAC,iBAAiB,OAAO,KAAK,QAAQ,OAAO;CAC3D,MAAM,EAAE,kBAAkB,oBAAoB;CAC9C,MAAM,CAAC,MAAM,gBAAgB,eAAe,QAAQ,OAAO,CAAC;CAG5D,MAAM,UAAU,OAAO,IAAI;CAC3B,QAAQ,UAAU;CAClB,MAAM,iBAAiB,OAAO,IAAI;CAClC,MAAM,eAAe,OAAO,KAAK;CAEjC,MAAM,eAAe,OAAO,KAAK;CAEjC,MAAM,QAAQ,kBAAkB;EAC9B,IAAI;GACF,IAAI,CAAC,aAAa,WAAW,QAAQ,YAAY,eAAe,SAC9D,QAAQ,SAAS,QAAQ,OAAO;EAEpC,SAAS,KAAK;GACZ,IAAI,MAAM,oBAAoB,EAAE,IAAI,GAAA;IAAA,YAAA;IAAA,GAAA;IAAA,GAAA;IAAA,GAAA,KAAA;GAAA,CAAC;EACvC;CACF,GAAG,CAAC,OAAO,CAAC;CAEZ,MAAM,SAAS,kBAAkB;EAC/B,IAAI,CAAC,aAAa,SAAS;GACzB,aAAa,UAAU;GACvB,MAAM;EACR;CACF,GAAG,CAAC,KAAK,CAAC;CAMV,sBACc;EACV,IAAI,CAAC,aAAa,SAChB,MAAM;CAEV,GACA,CAAC,KAAK,CACR;CAEA,MAAM,QAAQ,kBAAkB;EAC9B,cAAmB,gBAAgB,eAAe;GAAE,UAAU;GAAI,OAAO;EAAM,CAAC;CAClF,GAAG,CAAC,aAAa,CAAC;CAElB,OACE,oBAAC,OAAD;EAAK,WAAU;YACb,qBAAC,MAAM,MAAP,EAAA,UAAA,CACE,oBAAC,MAAM,OAAP;GAAa,QAAA;aAAQ,EAAE,QAAQ,qBAAqB,mBAAmB;EAAe,CAAA,GACtF,oBAAC,MAAM,WAAP;GACE,WAAA;GACA,OAAO;GACP,aAAa,EAAE,QAAQ,wBAAwB,oBAAoB;GACnE,eAAY;GACZ,WAAW,EAAE,QAAQ,EAAE,cAAc,aAAa,KAAK;GACvD,UAAU,UAAU,MAAM,OAAO,OAAO;GACxC,YAAY,UAAU;IACpB,IAAI,MAAM,QAAQ,SAAS;KACzB,OAAO;KACP,MAAM;IACR,OAAO,IAAI,MAAM,QAAQ,UAAU;KAGjC,MAAM,eAAe;KACrB,MAAM,gBAAgB;KACtB,aAAa,UAAU;KACvB,MAAM;IACR;GACF;EACD,CAAA,CACS,EAAA,CAAA;CACT,CAAA;AAET;AAEA,cAAc,cAAc"}

package/dist/lib/chunk-SchemaContainer.mjs

@@ -0,0 +1,53 @@
+import { meta } from "#meta";
+import { Type } from "@dxos/echo";
+import { useEffect, useState } from "react";
+import { useTranslation } from "@dxos/react-ui";
+import { mx } from "@dxos/ui-theme";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Form } from "@dxos/react-ui-form";
+//#region src/containers/SchemaContainer/use-query-space-types.ts
+/**
+* Subscribe to and retrieve all types from a space's registry.
+*/
+var useQuerySpaceTypes = (space) => {
+	const [types, setTypes] = useState(() => [...space.db.graph.registry.list().filter(Type.isType)]);
+	useEffect(() => {
+		setTypes([...space.db.graph.registry.list().filter(Type.isType)]);
+		return space.db.graph.registry.changed.on(() => {
+			setTypes([...space.db.graph.registry.list().filter(Type.isType)]);
+		});
+	}, [space]);
+	return types;
+};
+//#endregion
+//#region src/containers/SchemaContainer/SchemaContainer.tsx
+var SchemaContainer = ({ space }) => {
+	const { t } = useTranslation(meta.profile.key);
+	const types = useQuerySpaceTypes(space);
+	return /* @__PURE__ */ jsx(Form.Root, {
+		variant: "settings",
+		children: /* @__PURE__ */ jsx(Form.Viewport, {
+			scroll: true,
+			children: /* @__PURE__ */ jsx(Form.Content, { children: /* @__PURE__ */ jsx(Form.Section, {
+				title: t("schema-verbose.label"),
+				description: t("schema.description"),
+				children: /* @__PURE__ */ jsxs("div", {
+					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"
+					]),
+					children: [types.length === 0 && /* @__PURE__ */ jsx("div", {
+						className: "text-center py-4",
+						children: t("no-schemas-found.message")
+					}), types.map((type) => /* @__PURE__ */ jsx("div", { children: Type.getTypename(type) }, type.id))]
+				})
+			}) })
+		})
+	});
+};
+SchemaContainer.displayName = "SchemaContainer";
+//#endregion
+export { SchemaContainer as default };
+
+//# sourceMappingURL=chunk-SchemaContainer.mjs.map

package/dist/lib/chunk-SchemaContainer.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"chunk-SchemaContainer.mjs","names":[],"sources":["../../src/containers/SchemaContainer/use-query-space-types.ts","../../src/containers/SchemaContainer/SchemaContainer.tsx"],"sourcesContent":["//\n// Copyright 2025 DXOS.org\n//\n\nimport { useEffect, useState } from 'react';\n\nimport { Type } from '@dxos/echo';\nimport { type Space } from '@dxos/react-client/echo';\n\n// Kept out of `SchemaContainer.tsx`: react-refresh only fast-refreshes a module whose\n// exports are all components, so values exported beside them force a full page reload on\n// every edit.\n\n/**\n * Subscribe to and retrieve all types from a space's registry.\n */\nexport const useQuerySpaceTypes = (space: Space): Type.AnyEntity[] => {\n  const [types, setTypes] = useState<Type.AnyEntity[]>(() => [...space.db.graph.registry.list().filter(Type.isType)]);\n\n  useEffect(() => {\n    setTypes([...space.db.graph.registry.list().filter(Type.isType)]);\n    return space.db.graph.registry.changed.on(() => {\n      setTypes([...space.db.graph.registry.list().filter(Type.isType)]);\n    });\n  }, [space]);\n\n  return types;\n};\n","//\n// Copyright 2025 DXOS.org\n//\n\nimport React from 'react';\n\nimport { AppSurface } from '@dxos/app-toolkit/ui';\nimport { Type } from '@dxos/echo';\nimport { useTranslation } from '@dxos/react-ui';\nimport { Form } from '@dxos/react-ui-form';\nimport { mx } from '@dxos/ui-theme';\n\nimport { meta } from '#meta';\n\nimport { useQuerySpaceTypes } from './use-query-space-types';\n\nexport const SchemaContainer = ({ space }: AppSurface.SpaceArticleProps) => {\n  const { t } = useTranslation(meta.profile.key);\n  const types = useQuerySpaceTypes(space);\n\n  return (\n    <Form.Root variant='settings'>\n      <Form.Viewport scroll>\n        <Form.Content>\n          <Form.Section title={t('schema-verbose.label')} description={t('schema.description')}>\n            <div\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              {types.length === 0 && <div className='text-center py-4'>{t('no-schemas-found.message')}</div>}\n              {types.map((type) => (\n                <div key={type.id}>{Type.getTypename(type)}</div>\n              ))}\n            </div>\n          </Form.Section>\n        </Form.Content>\n      </Form.Viewport>\n    </Form.Root>\n  );\n};\n\nSchemaContainer.displayName = 'SchemaContainer';\n"],"mappings":";;;;;;;;;;;AAgBA,IAAa,sBAAsB,UAAmC;CACpE,MAAM,CAAC,OAAO,YAAY,eAAiC,CAAC,GAAG,MAAM,GAAG,MAAM,SAAS,KAAK,CAAC,CAAC,OAAO,KAAK,MAAM,CAAC,CAAC;CAElH,gBAAgB;EACd,SAAS,CAAC,GAAG,MAAM,GAAG,MAAM,SAAS,KAAK,CAAC,CAAC,OAAO,KAAK,MAAM,CAAC,CAAC;EAChE,OAAO,MAAM,GAAG,MAAM,SAAS,QAAQ,SAAS;GAC9C,SAAS,CAAC,GAAG,MAAM,GAAG,MAAM,SAAS,KAAK,CAAC,CAAC,OAAO,KAAK,MAAM,CAAC,CAAC;EAClE,CAAC;CACH,GAAG,CAAC,KAAK,CAAC;CAEV,OAAO;AACT;;;ACXA,IAAa,mBAAmB,EAAE,YAA0C;CAC1E,MAAM,EAAE,MAAM,eAAe,KAAK,QAAQ,GAAG;CAC7C,MAAM,QAAQ,mBAAmB,KAAK;CAEtC,OACE,oBAAC,KAAK,MAAN;EAAW,SAAQ;YACjB,oBAAC,KAAK,UAAN;GAAe,QAAA;aACb,oBAAC,KAAK,SAAN,EAAA,UACE,oBAAC,KAAK,SAAN;IAAc,OAAO,EAAE,sBAAsB;IAAG,aAAa,EAAE,oBAAoB;cACjF,qBAAC,OAAD;KACE,WAAW,GAAG;MACZ;MACA;MACA;KACF,CAAC;eALH,CAOG,MAAM,WAAW,KAAK,oBAAC,OAAD;MAAK,WAAU;gBAAoB,EAAE,0BAA0B;KAAO,CAAA,GAC5F,MAAM,KAAK,SACV,oBAAC,OAAD,EAAA,UAAoB,KAAK,YAAY,IAAI,EAAO,GAAtC,KAAK,EAAiC,CACjD,CACE;;GACO,CAAA,EACF,CAAA;EACD,CAAA;CACN,CAAA;AAEf;AAEA,gBAAgB,cAAc"}

package/dist/lib/chunk-SmallPresenceLive.mjs

@@ -0,0 +1,2 @@
+import { SmallPresenceLive } from "./chunk-SpacePresence.mjs";
+export { SmallPresenceLive as default };