@dxos/plugin-space 0.8.4-staging.60fe92afc8 → 0.9.1-main.c7dcc2e112

package/dist/lib/neutral/MenuFooter-QCNFUIAO.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/containers/MenuFooter/MenuFooter.tsx"],
+  "sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\n\nimport React from 'react';\n\nimport { AppSpace } from '@dxos/app-toolkit';\nimport { getSpace } from '@dxos/client/echo';\nimport { type Obj } from '@dxos/echo';\nimport { DropdownMenu, Icon, toLocalizedString, useTranslation } from '@dxos/react-ui';\n\nimport { meta } from '#meta';\n\nimport { getSpaceDisplayName } from '../../util';\n\nexport const MenuFooter = ({ object }: { object: Obj.Unknown }) => {\n  const { t } = useTranslation(meta.profile.key);\n  const space = getSpace(object);\n  const spaceName = space ? getSpaceDisplayName(space, { personal: AppSpace.isPersonalSpace(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"],
+  "mappings": ";;;;;;;AAIA,OAAOA,WAAW;AAElB,SAASC,gBAAgB;AACzB,SAASC,gBAAgB;AAEzB,SAASC,cAAcC,MAAMC,mBAAmBC,sBAAsB;AAEtE,SAASC,YAAY;AAId,IAAMC,aAAa,CAAC,EAAEC,OAAM,MAA2B;AAC5D,QAAM,EAAEC,EAAC,IAAKC,eAAeC,KAAKC,QAAQC,GAAG;AAC7C,QAAMC,QAAQC,SAASP,MAAAA;AACvB,QAAMQ,YAAYF,QAAQG,oBAAoBH,OAAO;IAAEI,UAAUC,SAASC,gBAAgBN,KAAAA;EAAO,CAAA,IAAK;AACtG,SAAOA,QACL,sBAAA,cAAA,MAAA,UAAA,MACE,sBAAA,cAACO,aAAaC,WAAS,IAAA,GACvB,sBAAA,cAACD,aAAaE,YAAU,MAAEd,EAAE,mBAAA,CAAA,GAC5B,sBAAA,cAACe,MAAAA;IAAGC,WAAU;KACZ,sBAAA,cAACC,MAAAA;IAAGD,WAAU;KAAqEhB,EAAE,gBAAA,CAAA,GACrF,sBAAA,cAACkB,MAAAA;IAAGF,WAAU;KACZ,sBAAA,cAACG,MAAAA;IAAKC,MAAK;IAAsBC,YAAW;MAC3CC,kBAAkBf,WAAWP,CAAAA,CAAAA,CAAAA,CAAAA,IAIlC;AACN;",
+  "names": ["React", "AppSpace", "getSpace", "DropdownMenu", "Icon", "toLocalizedString", "useTranslation", "meta", "MenuFooter", "object", "t", "useTranslation", "meta", "profile", "key", "space", "getSpace", "spaceName", "getSpaceDisplayName", "personal", "AppSpace", "isPersonalSpace", "DropdownMenu", "Separator", "GroupLabel", "dl", "className", "dt", "dd", "Icon", "icon", "classNames", "toLocalizedString"]
+}

package/dist/lib/neutral/{ObjectCardStack-IXNU3HEN.mjs → ObjectCardStack-DHVDRNRK.mjs}

@@ -5,19 +5,19 @@ import React, { forwardRef, useState } from "react";
 import { Filter, Obj } from "@dxos/echo";
 import { useQuery, useType } from "@dxos/react-client/echo";
 import { Card, Message, Panel, ScrollArea, Toolbar, useTranslation } from "@dxos/react-ui";
-import { useSelected } from "@dxos/react-ui-attention";
+import { useSelection } from "@dxos/react-ui-attention";
 import { ObjectForm } from "@dxos/react-ui-form";
 import { Mosaic } from "@dxos/react-ui-mosaic";
 import { getTypeURIFromQuery } from "@dxos/schema";
 import { isNonNullable } from "@dxos/util";
 import { meta } from "#meta";
 var ObjectCardStack = /* @__PURE__ */ forwardRef(({ objectId, view }, forwardedRef) => {
-  const { t } = useTranslation(meta.id);
+  const { t } = useTranslation(meta.profile.key);
   const db = Obj.getDatabase(view);
   const typeUri = view.query ? getTypeURIFromQuery(view.query.ast) : void 0;
   const type = useType(db, typeUri);
   const queriedObjects = useQuery(db, type ? Filter.type(type) : Filter.nothing());
-  const selectedRows = useSelected(objectId, "multi");
+  const selectedRows = useSelection(objectId, "multi");
   const selectedObjects = selectedRows.map((id) => queriedObjects.find((obj) => obj.id === id)).filter(isNonNullable);
   const [viewport, setViewport] = useState(null);
   if (!type) {
@@ -52,4 +52,4 @@ var ObjectCardStack = /* @__PURE__ */ forwardRef(({ objectId, view }, forwardedR
 export {
   ObjectCardStack as default
 };
-//# sourceMappingURL=ObjectCardStack-IXNU3HEN.mjs.map
+//# sourceMappingURL=ObjectCardStack-DHVDRNRK.mjs.map

package/dist/lib/neutral/ObjectCardStack-DHVDRNRK.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/containers/ObjectCardStack/ObjectCardStack.tsx"],
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport React, { forwardRef, useState } from 'react';\n\nimport { Filter, Obj, type View } from '@dxos/echo';\nimport { useQuery, useType } from '@dxos/react-client/echo';\nimport { Card, Message, Panel, ScrollArea, Toolbar, useTranslation } from '@dxos/react-ui';\nimport { useSelection } from '@dxos/react-ui-attention';\nimport { ObjectForm } from '@dxos/react-ui-form';\nimport { Mosaic } from '@dxos/react-ui-mosaic';\nimport { getTypeURIFromQuery } from '@dxos/schema';\nimport { isNonNullable } from '@dxos/util';\n\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.profile.key);\n  const db = Obj.getDatabase(view);\n  const typeUri = view.query ? getTypeURIFromQuery(view.query.ast) : undefined;\n  const type = useType(db, typeUri);\n\n  const queriedObjects = useQuery(db, type ? Filter.type(type) : Filter.nothing());\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  if (!type) {\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} type={type} />\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"],
+  "mappings": ";;;AAIA,OAAOA,SAASC,YAAYC,gBAAgB;AAE5C,SAASC,QAAQC,WAAsB;AACvC,SAASC,UAAUC,eAAe;AAClC,SAASC,MAAMC,SAASC,OAAOC,YAAYC,SAASC,sBAAsB;AAC1E,SAASC,oBAAoB;AAC7B,SAASC,kBAAkB;AAC3B,SAASC,cAAc;AACvB,SAASC,2BAA2B;AACpC,SAASC,qBAAqB;AAE9B,SAASC,YAAY;AAUd,IAAMC,kBAAkBlB,2BAAiD,CAAC,EAAEmB,UAAUC,KAAI,GAAIC,iBAAAA;AACnG,QAAM,EAAEC,EAAC,IAAKX,eAAeM,KAAKM,QAAQC,GAAG;AAC7C,QAAMC,KAAKtB,IAAIuB,YAAYN,IAAAA;AAC3B,QAAMO,UAAUP,KAAKQ,QAAQb,oBAAoBK,KAAKQ,MAAMC,GAAG,IAAIC;AACnE,QAAMC,OAAO1B,QAAQoB,IAAIE,OAAAA;AAEzB,QAAMK,iBAAiB5B,SAASqB,IAAIM,OAAO7B,OAAO6B,KAAKA,IAAAA,IAAQ7B,OAAO+B,QAAO,CAAA;AAC7E,QAAMC,eAAetB,aAAaO,UAAU,OAAA;AAC5C,QAAMgB,kBAAkBD,aAAaE,IAAI,CAACC,OAAOL,eAAeM,KAAK,CAACC,QAAQA,IAAIF,OAAOA,EAAAA,CAAAA,EAAKG,OAAOxB,aAAAA;AAErG,QAAM,CAACyB,UAAUC,WAAAA,IAAezC,SAA6B,IAAA;AAE7D,MAAI,CAAC8B,MAAM;AACT,WAAO;EACT;AAEA,SACE,sBAAA,cAACvB,MAAMmC,MAAI;IAACC,WAAU;IAAcC,KAAKxB;KACvC,sBAAA,cAACb,MAAME,SAAO;IAACoC,SAAAA;KACb,sBAAA,cAACpC,QAAQiC,MAAI,IAAA,CAAA,GAEf,sBAAA,cAACnC,MAAMuC,SAAO,MACXZ,gBAAgBa,WAAW,IAC1B,sBAAA,cAACzC,QAAQoC,MAAI,MACX,sBAAA,cAACpC,QAAQ0C,OAAK,MAAE3B,EAAE,gCAAA,CAAA,CAAA,IAGpB,sBAAA,cAACR,OAAO6B,MAAI,MACV,sBAAA,cAAC7B,OAAOoC,WAAS;IACfJ,SAAAA;IACAK,aAAY;IACZC,YAAYX;IACZY,cAAc;MAAEhB,IAAIlB;MAAUmC,SAAS,MAAM;IAAK;KAElD,sBAAA,cAAC7C,WAAWkC,MAAI;IAACQ,aAAY;KAC3B,sBAAA,cAAC1C,WAAW8C,UAAQ;IAACV,KAAKH;KACxB,sBAAA,cAAC5B,OAAO0C,OAAK;IACXC,OAAOtB;IACPuB,OAAO,CAACnB,QAAQA,IAAIF;IACpBsB,MAAM,CAAC,EAAE,GAAGC,MAAAA,MACV,sBAAA,cAAC9C,OAAO6C,MAASC,OACf,sBAAA,cAACtD,KAAKqC,MAAI,MACR,sBAAA,cAAC9B,YAAAA;MAAWgD,QAAQD,MAAME;MAAM/B;;;AAa1D,CAAA;",
+  "names": ["React", "forwardRef", "useState", "Filter", "Obj", "useQuery", "useType", "Card", "Message", "Panel", "ScrollArea", "Toolbar", "useTranslation", "useSelection", "ObjectForm", "Mosaic", "getTypeURIFromQuery", "isNonNullable", "meta", "ObjectCardStack", "objectId", "view", "forwardedRef", "t", "profile", "key", "db", "getDatabase", "typeUri", "query", "ast", "undefined", "type", "queriedObjects", "nothing", "selectedRows", "selectedObjects", "map", "id", "find", "obj", "filter", "viewport", "setViewport", "Root", "className", "ref", "asChild", "Content", "length", "Title", "Container", "orientation", "autoScroll", "eventHandler", "canDrop", "Viewport", "Stack", "items", "getId", "Tile", "props", "object", "data"]
+}

package/dist/lib/neutral/RecordArticle-JSORXRAA.mjs

@@ -0,0 +1,102 @@
+import "./chunk-J5LGTIGS.mjs";
+
+// src/containers/RecordArticle/RecordArticle.tsx
+import React, { useMemo } from "react";
+import { Surface } from "@dxos/app-framework/ui";
+import { AppSurface, useObjectMenuItems } from "@dxos/app-toolkit/ui";
+import { Entity, Obj, Type } from "@dxos/echo";
+import { Card, Icon, IconButton, Input, Panel, ScrollArea, Toolbar, useTranslation } from "@dxos/react-ui";
+import { Masonry } from "@dxos/react-ui-masonry";
+import { Menu } from "@dxos/react-ui-menu";
+import { mx } from "@dxos/ui-theme";
+import { useRelatedObjects } from "#hooks";
+import { meta } from "#meta";
+import { Prompts } from "#types";
+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((t2) => Type.getTypename(t2) === 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__ */ React.createElement(Panel.Root, {
+    role
+  }, /* @__PURE__ */ React.createElement(Panel.Toolbar, {
+    asChild: true
+  }, /* @__PURE__ */ React.createElement(Toolbar.Root, null)), /* @__PURE__ */ React.createElement(Panel.Content, {
+    asChild: true
+  }, /* @__PURE__ */ React.createElement(ScrollArea.Root, {
+    orientation: "vertical"
+  }, /* @__PURE__ */ React.createElement(ScrollArea.Viewport, {
+    classNames: "p-4 space-y-4"
+  }, /* @__PURE__ */ React.createElement(Card.Root, {
+    classNames: "dx-card-max-width"
+  }, /* @__PURE__ */ React.createElement(Card.Header, null, /* @__PURE__ */ React.createElement(Card.Block, null, /* @__PURE__ */ React.createElement(Icon, {
+    icon
+  })), /* @__PURE__ */ React.createElement(Card.Title, null, Obj.getLabel(subject, {
+    fallback: "typename"
+  }))), /* @__PURE__ */ React.createElement(Card.Body, null, /* @__PURE__ */ React.createElement(Surface.Surface, {
+    type: AppSurface.CardContent,
+    data: {
+      subject
+    },
+    limit: 1
+  }))), /* @__PURE__ */ React.createElement("div", {
+    className: "flex flex-col gap-form-gap"
+  }, /* @__PURE__ */ React.createElement(Input.Root, null, /* @__PURE__ */ React.createElement(Input.Label, null, t("related-actions.label"))), /* @__PURE__ */ React.createElement(Surface.Surface, {
+    type: Prompts,
+    data: {
+      subject,
+      attendableId: subject.id
+    },
+    limit: 1
+  })), related.length > 0 && /* @__PURE__ */ React.createElement("div", {
+    className: mx("dx-expander flex flex-col gap-form-gap", singleColumn ? "dx-card-max-width" : "w-full")
+  }, /* @__PURE__ */ React.createElement(Input.Root, null, /* @__PURE__ */ React.createElement(Input.Label, null, t("related-objects.label"))), /* @__PURE__ */ React.createElement(Masonry.Root, {
+    Tile: ObjectCard,
+    columns: singleColumn ? 1 : void 0
+  }, /* @__PURE__ */ React.createElement(Masonry.Content, null, /* @__PURE__ */ React.createElement(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 menuItems = useObjectMenuItems(subject);
+  return /* @__PURE__ */ React.createElement(Menu.Root, null, /* @__PURE__ */ React.createElement(Card.Root, {
+    classNames
+  }, /* @__PURE__ */ React.createElement(Card.Header, null, /* @__PURE__ */ React.createElement(Card.Block, null, /* @__PURE__ */ React.createElement(Icon, {
+    icon
+  })), /* @__PURE__ */ React.createElement(Card.Title, null, Entity.getLabel(subject, {
+    fallback: "typename"
+  })), /* @__PURE__ */ React.createElement(Card.Block, {
+    end: true
+  }, /* @__PURE__ */ React.createElement(Menu.Trigger, {
+    asChild: true,
+    disabled: !menuItems?.length
+  }, /* @__PURE__ */ React.createElement(IconButton, {
+    iconOnly: true,
+    variant: "ghost",
+    icon: "ph--dots-three-vertical--regular",
+    label: t("more-actions.label")
+  })), /* @__PURE__ */ React.createElement(Menu.Content, {
+    items: menuItems
+  }))), /* @__PURE__ */ React.createElement(Card.Body, null, /* @__PURE__ */ React.createElement(Surface.Surface, {
+    type: AppSurface.CardContent,
+    data,
+    limit: 1
+  }))));
+};
+export {
+  RecordArticle as default
+};
+//# sourceMappingURL=RecordArticle-JSORXRAA.mjs.map

package/dist/lib/neutral/RecordArticle-JSORXRAA.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "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, 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 classNames='dx-card-max-width'>\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  const menuItems = useObjectMenuItems(subject);\n\n  return (\n    <Menu.Root>\n      <Card.Root 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"],
+  "mappings": "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",
+  "names": ["React", "useMemo", "Surface", "AppSurface", "useObjectMenuItems", "Entity", "Obj", "Type", "Card", "Icon", "IconButton", "Input", "Panel", "ScrollArea", "Toolbar", "useTranslation", "Masonry", "Menu", "mx", "useRelatedObjects", "meta", "Prompts", "RecordArticle", "role", "subject", "t", "profile", "key", "db", "getDatabase", "typename", "getTypename", "schema", "getType", "graph", "registry", "list", "filter", "isType", "find", "undefined", "icon", "getIcon", "related", "references", "relations", "singleColumn", "length", "Root", "asChild", "Content", "orientation", "Viewport", "classNames", "Header", "Block", "Title", "getLabel", "fallback", "Body", "type", "CardContent", "data", "limit", "div", "className", "Label", "attendableId", "id", "Tile", "ObjectCard", "columns", "items", "menuItems", "end", "Trigger", "disabled", "iconOnly", "variant", "label"]
+}

package/dist/lib/neutral/{RelatedArticle-YDNGUDAJ.mjs → RelatedArticle-YRCRBIYU.mjs}

@@ -5,7 +5,7 @@ import React, { useMemo } from "react";
 import { Surface } from "@dxos/app-framework/ui";
 import { AppSurface, useObjectMenuItems } from "@dxos/app-toolkit/ui";
 import { Entity, Obj } from "@dxos/echo";
-import { Card, Panel, Toolbar, useTranslation } from "@dxos/react-ui";
+import { Card, Icon, IconButton, Panel, Toolbar, useTranslation } from "@dxos/react-ui";
 import { Masonry } from "@dxos/react-ui-masonry";
 import { Menu } from "@dxos/react-ui-menu";
 import { useRelatedObjects } from "#hooks";
@@ -32,7 +32,7 @@ var RelatedArticle = ({ role, companionTo }) => {
   })))));
 };
 var ObjectCard = ({ data: subject, classNames }) => {
-  const { t } = useTranslation(meta.id);
+  const { t } = useTranslation(meta.profile.key);
   const data = useMemo(() => ({
     subject
   }), [
@@ -42,22 +42,24 @@ var ObjectCard = ({ data: subject, classNames }) => {
   const menuItems = useObjectMenuItems(subject);
   return /* @__PURE__ */ React.createElement(Menu.Root, null, /* @__PURE__ */ React.createElement(Card.Root, {
     classNames
-  }, /* @__PURE__ */ React.createElement(Card.Header, null, /* @__PURE__ */ React.createElement(Card.Icon, {
+  }, /* @__PURE__ */ React.createElement(Card.Header, null, /* @__PURE__ */ React.createElement(Card.Block, null, /* @__PURE__ */ React.createElement(Icon, {
     icon
-  }), /* @__PURE__ */ React.createElement(Card.Title, null, Entity.getLabel(subject, {
+  })), /* @__PURE__ */ React.createElement(Card.Title, null, Entity.getLabel(subject, {
     fallback: "typename"
-  })), /* @__PURE__ */ React.createElement(Menu.Trigger, {
+  })), /* @__PURE__ */ React.createElement(Card.Block, {
+    end: true
+  }, /* @__PURE__ */ React.createElement(Menu.Trigger, {
     asChild: true,
     disabled: !menuItems?.length
-  }, /* @__PURE__ */ React.createElement(Toolbar.IconButton, {
+  }, /* @__PURE__ */ React.createElement(IconButton, {
     iconOnly: true,
     variant: "ghost",
     icon: "ph--dots-three-vertical--regular",
     label: t("more-actions.label")
   })), /* @__PURE__ */ React.createElement(Menu.Content, {
     items: menuItems
-  })), /* @__PURE__ */ React.createElement(Card.Body, null, /* @__PURE__ */ React.createElement(Surface.Surface, {
-    type: AppSurface.Card,
+  }))), /* @__PURE__ */ React.createElement(Card.Body, null, /* @__PURE__ */ React.createElement(Surface.Surface, {
+    type: AppSurface.CardContent,
     data,
     limit: 1
   }))));
@@ -65,4 +67,4 @@ var ObjectCard = ({ data: subject, classNames }) => {
 export {
   RelatedArticle as default
 };
-//# sourceMappingURL=RelatedArticle-YDNGUDAJ.mjs.map
+//# sourceMappingURL=RelatedArticle-YRCRBIYU.mjs.map

package/dist/lib/neutral/RelatedArticle-YRCRBIYU.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "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, 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\n// TODO(burdon): Companion type.\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 classNames='p-2' 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  // TODO(burdon): BUG: Includes item itself.\n  const menuItems = useObjectMenuItems(subject);\n\n  return (\n    <Menu.Root>\n      <Card.Root 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"],
+  "mappings": ";;;AAIA,OAAOA,SAASC,eAAe;AAE/B,SAASC,eAAe;AACxB,SAASC,YAAYC,0BAA0B;AAC/C,SAASC,QAAQC,WAAW;AAC5B,SAASC,MAAMC,MAAMC,YAAYC,OAAOC,SAASC,sBAAsB;AACvE,SAASC,eAAe;AACxB,SAASC,YAAY;AAErB,SAASC,yBAAyB;AAClC,SAASC,YAAY;AAQd,IAAMC,iBAAiB,CAAC,EAAEC,MAAMC,YAAW,MAAuB;AACvE,QAAMC,KAAKd,IAAIe,YAAYF,WAAAA;AAC3B,QAAMG,QAAQP,kBAAkBK,IAAID,aAAa;IAAEI,YAAY;IAAMC,WAAW;EAAK,CAAA;AAErF,SACE,sBAAA,cAACX,QAAQY,MAAI;IAACC,MAAMC;KAClB,sBAAA,cAACjB,MAAMe,MAAI;IAACP;KACV,sBAAA,cAACR,MAAMC,SAAO;IAACiB,SAAAA;KACb,sBAAA,cAACjB,QAAQc,MAAI,IAAA,CAAA,GAEf,sBAAA,cAACf,MAAMmB,SAAO;IAACD,SAAAA;KACb,sBAAA,cAACf,QAAQgB,SAAO;IAACC,YAAW;IAAMC,UAAAA;KAChC,sBAAA,cAAClB,QAAQmB,UAAQ;IAACV;;AAM9B;AAGA,IAAMK,aAAa,CAAC,EAAEM,MAAMC,SAASJ,WAAU,MAAiD;AAC9F,QAAM,EAAEK,EAAC,IAAKvB,eAAeI,KAAKoB,QAAQC,GAAG;AAC7C,QAAMJ,OAAOhC,QAAQ,OAAO;IAAEiC;EAAQ,IAAI;IAACA;GAAQ;AACnD,QAAMI,OAAOjC,OAAOkC,QAAQL,OAAAA,GAAUI,QAAQ;AAG9C,QAAME,YAAYpC,mBAAmB8B,OAAAA;AAErC,SACE,sBAAA,cAACpB,KAAKW,MAAI,MACR,sBAAA,cAAClB,KAAKkB,MAAI;IAACK;KACT,sBAAA,cAACvB,KAAKkC,QAAM,MACV,sBAAA,cAAClC,KAAKmC,OAAK,MACT,sBAAA,cAAClC,MAAAA;IAAK8B;OAER,sBAAA,cAAC/B,KAAKoC,OAAK,MAAEtC,OAAOuC,SAASV,SAAS;IAAEW,UAAU;EAAW,CAAA,CAAA,GAC7D,sBAAA,cAACtC,KAAKmC,OAAK;IAACI,KAAAA;KACV,sBAAA,cAAChC,KAAKiC,SAAO;IAACnB,SAAAA;IAAQoB,UAAU,CAACR,WAAWS;KAC1C,sBAAA,cAACxC,YAAAA;IACCyC,UAAAA;IACAC,SAAQ;IACRb,MAAK;IACLc,OAAOjB,EAAE,oBAAA;OAGb,sBAAA,cAACrB,KAAKe,SAAO;IAACP,OAAOkB;QAGzB,sBAAA,cAACjC,KAAK8C,MAAI,MACR,sBAAA,cAACnD,QAAQA,SAAO;IAACoD,MAAMnD,WAAWoD;IAAatB;IAAYuB,OAAO;;AAK5E;",
+  "names": ["React", "useMemo", "Surface", "AppSurface", "useObjectMenuItems", "Entity", "Obj", "Card", "Icon", "IconButton", "Panel", "Toolbar", "useTranslation", "Masonry", "Menu", "useRelatedObjects", "meta", "RelatedArticle", "role", "companionTo", "db", "getDatabase", "items", "references", "relations", "Root", "Tile", "ObjectCard", "asChild", "Content", "classNames", "centered", "Viewport", "data", "subject", "t", "profile", "key", "icon", "getIcon", "menuItems", "Header", "Block", "Title", "getLabel", "fallback", "end", "Trigger", "disabled", "length", "iconOnly", "variant", "label", "Body", "type", "CardContent", "limit"]
+}

package/dist/lib/neutral/RenamePopover-XBZAKNM7.mjs

@@ -0,0 +1,96 @@
+import "./chunk-J5LGTIGS.mjs";
+
+// src/containers/RenamePopover/RenamePopover.tsx
+import React, { useCallback, useEffect, useRef, useState } from "react";
+import { useOperationInvoker } from "@dxos/app-framework/ui";
+import { LayoutOperation } from "@dxos/app-toolkit";
+import { Entity, Obj } from "@dxos/echo";
+import { log } from "@dxos/log";
+import { isSpace } from "@dxos/react-client/echo";
+import { Input, useTranslation } from "@dxos/react-ui";
+import { meta } from "#meta";
+var __dxlog_file = "/__w/dxos/dxos/packages/plugins/plugin-space/src/containers/RenamePopover/RenamePopover.tsx";
+var getName = (subject) => (isSpace(subject) ? subject.properties.name : Entity.getLabel(subject)) ?? "";
+var setName = (subject, name) => {
+  if (isSpace(subject)) {
+    Obj.update(subject.properties, (properties) => {
+      properties.name = name;
+    });
+  } else {
+    Entity.update(subject, () => Entity.setLabel(subject, name));
+  }
+};
+var RenamePopover = ({ subject }) => {
+  const { t } = useTranslation(meta.profile.key);
+  const space = 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: 42, S: void 0 });
+    }
+  }, [
+    subject
+  ]);
+  const commit = useCallback(() => {
+    if (!committedRef.current) {
+      committedRef.current = true;
+      write();
+    }
+  }, [
+    write
+  ]);
+  useEffect(() => () => {
+    if (!committedRef.current) {
+      write();
+    }
+  }, [
+    write
+  ]);
+  const close = useCallback(() => {
+    void invokePromise(LayoutOperation.UpdatePopover, {
+      anchorId: "",
+      state: false
+    });
+  }, [
+    invokePromise
+  ]);
+  return /* @__PURE__ */ React.createElement("div", {
+    className: "p-2"
+  }, /* @__PURE__ */ React.createElement(Input.Root, null, /* @__PURE__ */ React.createElement(Input.Label, {
+    srOnly: true
+  }, t(space ? "space-name.label" : "object-name.label")), /* @__PURE__ */ React.createElement(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();
+      }
+    }
+  })));
+};
+export {
+  RenamePopover as default
+};
+//# sourceMappingURL=RenamePopover-XBZAKNM7.mjs.map

package/dist/lib/neutral/RenamePopover-XBZAKNM7.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "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 RenameSubject = Space | Entity.Unknown;\n\nconst getName = (subject: RenameSubject): string =>\n  (isSpace(subject) ? subject.properties.name : Entity.getLabel(subject)) ?? '';\n\nconst setName = (subject: RenameSubject, name: string): void => {\n  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/**\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 = 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"],
+  "mappings": ";;;AAIA,OAAOA,SAASC,aAAaC,WAAWC,QAAQC,gBAAgB;AAEhE,SAASC,2BAA2B;AACpC,SAASC,uBAAuB;AAChC,SAASC,QAAQC,WAAW;AAC5B,SAASC,WAAW;AACpB,SAAqBC,eAAe;AACpC,SAASC,OAAOC,sBAAsB;AAEtC,SAASC,YAAY;AAIrB,IAAA,eAAiBC;IAIf,UAAYA,CAAAA,aAAU,QAAA,OAAA,IAAA,QAAA,WAAA,OAAA,OAAA,SAAA,OAAA,MAAA;cAChBC,CAAAA,SAAOD,SAAQE;cACjBA,OAAWC,GAAAA;AACb,QAAA,OAAA,QAAA,YAAA,CAAA,eAAA;AACK,iBAAA,OAAA;IACLV,CAAAA;EACF,OAAA;AACF,WAAA,OAAA,SAAA,MAAA,OAAA,SAAA,SAAA,IAAA,CAAA;EAIA;;AAKQW,IAAAA,gBAAgBJ,CAAAA,EAAAA,QAAAA,MAAAA;AACtB,QAAM,EAAEK,EAAAA,IAAAA,eAAkBd,KAAAA,QAAAA,GAAAA;AAC1B,QAAM,QAAOe,QAAAA,OAAgBhB;AAE7B,QAAA,EAAA,cAAA,IAAA,oBAAA;AACA,QAAMiB,CAAAA,MAAAA,YAAiBJ,IAAAA,SAAAA,MAAAA,QAAAA,OAAAA,CAAAA;AAEvB,QAAMK,UAAAA,OAAiBnB,IAAAA;AACvB,UAAMoB,UAAAA;AACN,QAAA,iBAAA,OAAA,IAAA;AACA,QAAMC,eAAerB,OAAO,KAAA;QAG1B,eAAI,OAAA,KAAA;gBACGoB,YAAaE,MAAAA;;AAElB,UAAA,CAAA,aAAA,WAAA,QAAA,YAAA,eAAA,SAAA;AACA,gBAAY,SAAA,QAAA,OAAA;MACZhB;aAAgCiB,KAAAA;AAAI,UAAA,MAAA,oBAAA;QACtC;MACC,GAAA,EAAA,YAAA,YAAA,GAAA,cAAA,GAAA,IAAA,GAAA,OAAA,CAAA;IAACZ;KAAQ;IAEZ;;iBAEIU,YAAaC,MAAU;QACvBE,CAAAA,aAAAA,SAAAA;AACF,mBAAA,UAAA;AACC,YAAA;IAACA;KAAM;IAEV;EACA,CAAA;kBAMMA,MAAAA;AACF,QAAA,CAAA,aAAA,SAAA;AAEF,YAAA;IAACA;EAAM,GAAA;IAGT;;gBACsDC,YAAU,MAAA;SAAIC,cAAO,gBAAA,eAAA;MAAM,UAAA;MAC9E,OAAA;IAACV,CAAAA;KAAc;IAElB;;SAEI,sBAAA,cAACR,OAAU;IACImB,WAAAA;KAAkB,sBAAA,cAAqB,MAAA,MAAA,MAAA,sBACpD,cAAA,MAACnB,OAAMoB;IACLC,QAAAA;OACAC,QAAOhB,qBAAAA,mBAAAA,CAAAA,GAAAA,sBAAAA,cAAAA,MAAAA,WAAAA;IACPiB,WAAAA;IACAC,OAAAA;IACAC,aAAaC,EAAAA,QAAUJ,wBAAcb,oBAAaa;IAClDK,eAAUC;IACVC,UAAAA,CAAW,EAACD,QAAAA,EAAAA,MAAAA,EAAAA,MAAAA,aAAAA,KAAAA;aACNA,CAAAA,UAAS,MAAK,OAAS,OAAA;eACzBE,CAAAA,UAAAA;UACAC,MAAAA,QAAAA,SAAAA;AACF,eAAWH;AACT,cAAA;iBACA,MAAA,QAAA,UAAA;AAGAhB,cAAAA,eAAoB;AACpBmB,cAAAA,gBAAAA;AACF,qBAAA,UAAA;AACF,cAAA;;IAKR;;;",
+  "names": ["React", "useCallback", "useEffect", "useRef", "useState", "useOperationInvoker", "LayoutOperation", "Entity", "Obj", "log", "isSpace", "Input", "useTranslation", "meta", "subject", "update", "properties", "name", "space", "invokePromise", "setNameState", "nameRef", "initialNameRef", "cancelledRef", "committedRef", "current", "err", "write", "anchorId", "state", "srOnly", "TextInput", "autoFocus", "value", "placeholder", "data-testid", "onChange", "target", "onFocus", "event", "onKeyDown", "commit", "close"]
+}

package/dist/lib/neutral/{SchemaContainer-Q4BP6X2M.mjs → SchemaContainer-2NK5YB5O.mjs}

@@ -8,7 +8,7 @@ import { Settings } from "@dxos/react-ui-form";
 import { mx } from "@dxos/ui-theme";
 import { meta } from "#meta";
 var SchemaContainer = ({ space }) => {
-  const { t } = useTranslation(meta.id);
+  const { t } = useTranslation(meta.profile.key);
   const types = useQuerySpaceTypes(space);
   return /* @__PURE__ */ React.createElement(Settings.Viewport, null, /* @__PURE__ */ React.createElement(Settings.Section, {
     title: t("schema-verbose.label"),
@@ -46,4 +46,4 @@ var useQuerySpaceTypes = (space) => {
 export {
   SchemaContainer as default
 };
-//# sourceMappingURL=SchemaContainer-Q4BP6X2M.mjs.map
+//# sourceMappingURL=SchemaContainer-2NK5YB5O.mjs.map

package/dist/lib/neutral/SchemaContainer-2NK5YB5O.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/containers/SchemaContainer/SchemaContainer.tsx"],
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport React, { useEffect, useState } from 'react';\n\nimport { AppSurface } from '@dxos/app-toolkit/ui';\nimport { 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\nexport const SchemaContainer = ({ space }: AppSurface.SpaceArticleProps) => {\n  const { t } = useTranslation(meta.profile.key);\n  const types = useQuerySpaceTypes(space);\n\n  return (\n    <Settings.Viewport>\n      <Settings.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      </Settings.Section>\n    </Settings.Viewport>\n  );\n};\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"],
+  "mappings": ";;;AAIA,OAAOA,SAASC,WAAWC,gBAAgB;AAG3C,SAASC,YAAY;AAErB,SAASC,sBAAsB;AAC/B,SAASC,gBAAgB;AACzB,SAASC,UAAU;AAEnB,SAASC,YAAY;AAEd,IAAMC,kBAAkB,CAAC,EAAEC,MAAK,MAAgC;AACrE,QAAM,EAAEC,EAAC,IAAKN,eAAeG,KAAKI,QAAQC,GAAG;AAC7C,QAAMC,QAAQC,mBAAmBL,KAAAA;AAEjC,SACE,sBAAA,cAACJ,SAASU,UAAQ,MAChB,sBAAA,cAACV,SAASW,SAAO;IAACC,OAAOP,EAAE,sBAAA;IAAyBQ,aAAaR,EAAE,oBAAA;KACjE,sBAAA,cAACS,OAAAA;IACCC,WAAWd,GAAG;MACZ;MACA;MACA;KACD;KAEAO,MAAMQ,WAAW,KAAK,sBAAA,cAACF,OAAAA;IAAIC,WAAU;KAAoBV,EAAE,0BAAA,CAAA,GAC3DG,MAAMS,IAAI,CAACC,SACV,sBAAA,cAACJ,OAAAA;IAAIP,KAAKW,KAAKC;KAAKrB,KAAKsB,YAAYF,IAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA;AAMjD;AAKO,IAAMT,qBAAqB,CAACL,UAAAA;AACjC,QAAM,CAACI,OAAOa,QAAAA,IAAYxB,SAA2B,MAAM;OAAIO,MAAMkB,GAAGC,MAAMC,SAASC,KAAI,EAAGC,OAAO5B,KAAK6B,MAAM;GAAE;AAElH/B,YAAU,MAAA;AACRyB,aAAS;SAAIjB,MAAMkB,GAAGC,MAAMC,SAASC,KAAI,EAAGC,OAAO5B,KAAK6B,MAAM;KAAE;AAChE,WAAOvB,MAAMkB,GAAGC,MAAMC,SAASI,QAAQC,GAAG,MAAA;AACxCR,eAAS;WAAIjB,MAAMkB,GAAGC,MAAMC,SAASC,KAAI,EAAGC,OAAO5B,KAAK6B,MAAM;OAAE;IAClE,CAAA;EACF,GAAG;IAACvB;GAAM;AAEV,SAAOI;AACT;",
+  "names": ["React", "useEffect", "useState", "Type", "useTranslation", "Settings", "mx", "meta", "SchemaContainer", "space", "t", "profile", "key", "types", "useQuerySpaceTypes", "Viewport", "Section", "title", "description", "div", "className", "length", "map", "type", "id", "getTypename", "setTypes", "db", "graph", "registry", "list", "filter", "isType", "changed", "on"]
+}

package/dist/lib/neutral/{SmallPresenceLive-GUF4WLUC.mjs → SmallPresenceLive-L4H7WJOA.mjs}

@@ -1,8 +1,8 @@
 import {
   SmallPresenceLive
-} from "./chunk-EEXRKYOD.mjs";
+} from "./chunk-2LTGSUGQ.mjs";
 import "./chunk-J5LGTIGS.mjs";
 export {
   SmallPresenceLive as default
 };
-//# sourceMappingURL=SmallPresenceLive-GUF4WLUC.mjs.map
+//# sourceMappingURL=SmallPresenceLive-L4H7WJOA.mjs.map

package/dist/lib/neutral/SpaceHomeArticle-ZV7EERLS.mjs

@@ -0,0 +1,78 @@
+import "./chunk-J5LGTIGS.mjs";
+
+// src/containers/SpaceHomeArticle/SpaceHomeArticle.tsx
+import React, { useCallback } from "react";
+import { Surface } from "@dxos/app-framework/ui";
+import { useAppGraph } from "@dxos/app-toolkit/ui";
+import { useActionRunner } from "@dxos/plugin-graph";
+import { Column, Panel, ScrollArea } from "@dxos/react-ui";
+import { Menu, MenuBuilder, graphActions, useMenuBuilder } from "@dxos/react-ui-menu";
+import { meta } from "#meta";
+import { SpaceHomeContent, SpaceHomePinBottom } from "#types";
+var SpaceHomeArticle = ({ role, attendableId, space }) => {
+  const { actions, onAction } = useMenuActions(attendableId);
+  return /* @__PURE__ */ React.createElement(Panel.Root, {
+    role
+  }, /* @__PURE__ */ React.createElement(Menu.Root, {
+    ...actions,
+    attendableId,
+    onAction
+  }, /* @__PURE__ */ React.createElement(Panel.Toolbar, {
+    asChild: true
+  }, /* @__PURE__ */ React.createElement(Menu.Toolbar, null))), /* @__PURE__ */ React.createElement(Panel.Content, {
+    asChild: true
+  }, /* @__PURE__ */ React.createElement(Column.Root, {
+    style: {
+      gridTemplateRows: "minmax(0,1fr) auto"
+    }
+  }, /* @__PURE__ */ React.createElement(ScrollArea.Root, {
+    orientation: "vertical",
+    centered: true,
+    padding: true
+  }, /* @__PURE__ */ React.createElement(ScrollArea.Viewport, null, /* @__PURE__ */ React.createElement("div", {
+    className: "dx-document flex flex-col gap-4 py-4"
+  }, /* @__PURE__ */ React.createElement(Surface.Surface, {
+    type: SpaceHomeContent,
+    data: {
+      space
+    }
+  })))), /* @__PURE__ */ React.createElement(Column.Center, {
+    classNames: "dx-document pb-4"
+  }, /* @__PURE__ */ React.createElement(Surface.Surface, {
+    type: SpaceHomePinBottom,
+    data: {
+      space
+    },
+    limit: 1
+  })))));
+};
+var useMenuActions = (attendableId) => {
+  const { graph } = useAppGraph();
+  const runAction = useActionRunner();
+  const menuActions = useMenuBuilder((get) => {
+    if (!attendableId) {
+      return MenuBuilder.make().build();
+    }
+    return MenuBuilder.make().subgraph(graphActions(graph, get, attendableId, {
+      filter: (action) => action.properties.disposition === "toolbar"
+    })).build();
+  }, [
+    graph,
+    attendableId
+  ]);
+  const onAction = useCallback((action) => {
+    void runAction(action, {
+      caller: meta.profile.key
+    });
+  }, [
+    runAction
+  ]);
+  return {
+    actions: menuActions,
+    onAction
+  };
+};
+export {
+  SpaceHomeArticle as default
+};
+//# sourceMappingURL=SpaceHomeArticle-ZV7EERLS.mjs.map

package/dist/lib/neutral/SpaceHomeArticle-ZV7EERLS.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/containers/SpaceHomeArticle/SpaceHomeArticle.tsx"],
+  "sourcesContent": ["//\n// Copyright 2026 DXOS.org\n//\n\nimport React, { useCallback } from 'react';\n\nimport { Surface } from '@dxos/app-framework/ui';\nimport { type AppSurface, useAppGraph } from '@dxos/app-toolkit/ui';\nimport { useActionRunner } from '@dxos/plugin-graph';\nimport { Column, Panel, ScrollArea } from '@dxos/react-ui';\nimport {\n  type ActionExecutor,\n  type ActionGraphProps,\n  Menu,\n  MenuBuilder,\n  graphActions,\n  useMenuBuilder,\n} from '@dxos/react-ui-menu';\n\nimport { meta } from '#meta';\nimport { SpaceHomeContent, SpaceHomePinBottom } from '#types';\n\nexport type SpaceHomeArticleProps = AppSurface.SpaceArticleProps;\n\n/**\n * Per-space Home article shell. Owns only the chrome: a toolbar sourced from graph actions\n * contributed with `disposition: 'toolbar'` (e.g. Start tour / Hide Welcome from plugin-support),\n * and a Column layout that delegates its body to surface contributors:\n *\n * - `space-home-content`: scrollable region (Welcome panel, recent-objects masonry, starter prompts).\n * - `space-home-pin-bottom`: pinned region (assistant prompt), capped at one contributor.\n *\n * The Space is read from `data.subject` (the Home node carries the Space as its data).\n */\nexport const SpaceHomeArticle = ({ role, attendableId, space }: SpaceHomeArticleProps) => {\n  const { actions, onAction } = useMenuActions(attendableId);\n\n  return (\n    <Panel.Root role={role}>\n      <Menu.Root {...actions} attendableId={attendableId} onAction={onAction}>\n        <Panel.Toolbar asChild>\n          <Menu.Toolbar />\n        </Panel.Toolbar>\n      </Menu.Root>\n      <Panel.Content asChild>\n        <Column.Root style={{ gridTemplateRows: 'minmax(0,1fr) auto' }}>\n          <ScrollArea.Root orientation='vertical' centered padding>\n            <ScrollArea.Viewport>\n              <div className='dx-document flex flex-col gap-4 py-4'>\n                <Surface.Surface type={SpaceHomeContent} data={{ space }} />\n              </div>\n            </ScrollArea.Viewport>\n          </ScrollArea.Root>\n          <Column.Center classNames='dx-document pb-4'>\n            <Surface.Surface type={SpaceHomePinBottom} data={{ space }} limit={1} />\n          </Column.Center>\n        </Column.Root>\n      </Panel.Content>\n    </Panel.Root>\n  );\n};\n\n//\n// Hooks\n//\n\n/**\n * Builds the toolbar from contributed graph actions for the Home node. Actions opt into the\n * toolbar via `disposition: 'toolbar'`; the Home shell contributes none itself, so the toolbar\n * is empty unless another plugin (e.g. plugin-support's tour/welcome actions) contributes.\n */\nconst useMenuActions = (\n  attendableId?: string,\n): { actions: ReturnType<typeof useMenuBuilder>; onAction: ActionExecutor } => {\n  const { graph } = useAppGraph();\n  const runAction = useActionRunner();\n\n  const menuActions = useMenuBuilder(\n    (get): ActionGraphProps => {\n      if (!attendableId) {\n        return MenuBuilder.make().build();\n      }\n      return MenuBuilder.make()\n        .subgraph(\n          graphActions(graph, get, attendableId, { filter: (action) => action.properties.disposition === 'toolbar' }),\n        )\n        .build();\n    },\n    [graph, attendableId],\n  );\n\n  const onAction: ActionExecutor = useCallback(\n    (action) => {\n      void runAction(action, { caller: meta.profile.key });\n    },\n    [runAction],\n  );\n\n  return { actions: menuActions, onAction };\n};\n"],
+  "mappings": ";;;AAIA,OAAOA,SAASC,mBAAmB;AAEnC,SAASC,eAAe;AACxB,SAA0BC,mBAAmB;AAC7C,SAASC,uBAAuB;AAChC,SAASC,QAAQC,OAAOC,kBAAkB;AAC1C,SAGEC,MACAC,aACAC,cACAC,sBACK;AAEP,SAASC,YAAY;AACrB,SAASC,kBAAkBC,0BAA0B;AAc9C,IAAMC,mBAAmB,CAAC,EAAEC,MAAMC,cAAcC,MAAK,MAAyB;AACnF,QAAM,EAAEC,SAASC,SAAQ,IAAKC,eAAeJ,YAAAA;AAE7C,SACE,sBAAA,cAACX,MAAMgB,MAAI;IAACN;KACV,sBAAA,cAACR,KAAKc,MAAI;IAAE,GAAGH;IAASF;IAA4BG;KAClD,sBAAA,cAACd,MAAMiB,SAAO;IAACC,SAAAA;KACb,sBAAA,cAAChB,KAAKe,SAAO,IAAA,CAAA,CAAA,GAGjB,sBAAA,cAACjB,MAAMmB,SAAO;IAACD,SAAAA;KACb,sBAAA,cAACnB,OAAOiB,MAAI;IAACI,OAAO;MAAEC,kBAAkB;IAAqB;KAC3D,sBAAA,cAACpB,WAAWe,MAAI;IAACM,aAAY;IAAWC,UAAAA;IAASC,SAAAA;KAC/C,sBAAA,cAACvB,WAAWwB,UAAQ,MAClB,sBAAA,cAACC,OAAAA;IAAIC,WAAU;KACb,sBAAA,cAAC/B,QAAQA,SAAO;IAACgC,MAAMrB;IAAkBsB,MAAM;MAAEjB;IAAM;SAI7D,sBAAA,cAACb,OAAO+B,QAAM;IAACC,YAAW;KACxB,sBAAA,cAACnC,QAAQA,SAAO;IAACgC,MAAMpB;IAAoBqB,MAAM;MAAEjB;IAAM;IAAGoB,OAAO;;AAM/E;AAWA,IAAMjB,iBAAiB,CACrBJ,iBAAAA;AAEA,QAAM,EAAEsB,MAAK,IAAKpC,YAAAA;AAClB,QAAMqC,YAAYpC,gBAAAA;AAElB,QAAMqC,cAAc9B,eAClB,CAAC+B,QAAAA;AACC,QAAI,CAACzB,cAAc;AACjB,aAAOR,YAAYkC,KAAI,EAAGC,MAAK;IACjC;AACA,WAAOnC,YAAYkC,KAAI,EACpBE,SACCnC,aAAa6B,OAAOG,KAAKzB,cAAc;MAAE6B,QAAQ,CAACC,WAAWA,OAAOC,WAAWC,gBAAgB;IAAU,CAAA,CAAA,EAE1GL,MAAK;EACV,GACA;IAACL;IAAOtB;GAAa;AAGvB,QAAMG,WAA2BnB,YAC/B,CAAC8C,WAAAA;AACC,SAAKP,UAAUO,QAAQ;MAAEG,QAAQtC,KAAKuC,QAAQC;IAAI,CAAA;EACpD,GACA;IAACZ;GAAU;AAGb,SAAO;IAAErB,SAASsB;IAAarB;EAAS;AAC1C;",
+  "names": ["React", "useCallback", "Surface", "useAppGraph", "useActionRunner", "Column", "Panel", "ScrollArea", "Menu", "MenuBuilder", "graphActions", "useMenuBuilder", "meta", "SpaceHomeContent", "SpaceHomePinBottom", "SpaceHomeArticle", "role", "attendableId", "space", "actions", "onAction", "useMenuActions", "Root", "Toolbar", "asChild", "Content", "style", "gridTemplateRows", "orientation", "centered", "padding", "Viewport", "div", "className", "type", "data", "Center", "classNames", "limit", "graph", "runAction", "menuActions", "get", "make", "build", "subgraph", "filter", "action", "properties", "disposition", "caller", "profile", "key"]
+}

package/dist/lib/neutral/SpaceHomeRecent-ZR4LIIUD.mjs

@@ -0,0 +1,83 @@
+import "./chunk-J5LGTIGS.mjs";
+
+// src/containers/SpaceHomeRecent/SpaceHomeRecent.tsx
+import * as Option from "effect/Option";
+import React, { useCallback, useMemo } from "react";
+import { useCapabilities, useOperationInvoker } from "@dxos/app-framework/ui";
+import { AppCapabilities, LayoutOperation, Paths } from "@dxos/app-toolkit";
+import { Collection, Filter, Obj, Order, Query, Type } from "@dxos/echo";
+import { HiddenAnnotation, getTypeAnnotation } from "@dxos/echo/Annotation";
+import { Kind as EntityKind } from "@dxos/echo/Entity";
+import { useQuery } from "@dxos/react-client/echo";
+import { Card, Icon, toLocalizedString, useTranslation } from "@dxos/react-ui";
+import { Masonry } from "@dxos/react-ui-masonry";
+import { getStyles } from "@dxos/ui-theme";
+import { meta } from "#meta";
+var RECENT_LIMIT = 10;
+var SpaceHomeRecent = ({ space }) => {
+  const { t } = useTranslation(meta.profile.key);
+  const schemas = useCapabilities(AppCapabilities.Schema);
+  const filter = useMemo(() => {
+    const collectionTypename = Type.getTypename(Collection.Collection);
+    const types = schemas.flat().filter(Type.isType).filter((type) => getTypeAnnotation(Type.getSchema(type))?.kind !== EntityKind.Relation).filter((type) => !HiddenAnnotation.get(Type.getSchema(type)).pipe(Option.getOrElse(() => false))).filter((type) => Type.getTypename(type) !== collectionTypename);
+    return types.length > 0 ? Filter.or(...types.map((type) => Filter.type(type))) : void 0;
+  }, [
+    schemas
+  ]);
+  const query = useMemo(() => Query.select(filter ?? Filter.everything()).orderBy(Order.updated("desc")).limit(RECENT_LIMIT), [
+    filter
+  ]);
+  const recent = useQuery(filter && space ? space.db : void 0, query);
+  if (recent.length === 0) {
+    return null;
+  }
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("h2", {
+    className: "text-sm font-medium text-description"
+  }, t("space-home.recent.heading")), /* @__PURE__ */ React.createElement(Masonry.Root, {
+    Tile: RecentObjectTile
+  }, /* @__PURE__ */ React.createElement(Masonry.Content, {
+    padding: false
+  }, /* @__PURE__ */ React.createElement(Masonry.Viewport, {
+    classNames: "py-2",
+    items: recent,
+    getId: (object) => object.id
+  }))));
+};
+var RecentObjectTile = ({ data }) => {
+  const { invokePromise } = useOperationInvoker();
+  const { t } = useTranslation(meta.profile.key);
+  const typename = Obj.getTypename(data);
+  const label = toLocalizedString(Obj.getLabel(data) ?? (typename ? [
+    "object-name.placeholder",
+    {
+      ns: typename,
+      defaultValue: "New item"
+    }
+  ] : ""), t);
+  const iconAnnotation = Obj.getIcon(data);
+  const icon = iconAnnotation?.icon ?? "ph--circle-dashed--regular";
+  const iconStyles = iconAnnotation?.hue ? getStyles(iconAnnotation.hue) : void 0;
+  const handleClick = useCallback(() => {
+    void invokePromise(LayoutOperation.Open, {
+      subject: [
+        Paths.getObjectPathFromObject(data)
+      ]
+    });
+  }, [
+    invokePromise,
+    data
+  ]);
+  return /* @__PURE__ */ React.createElement(Card.Root, {
+    role: "button",
+    classNames: "cursor-pointer",
+    onClick: handleClick
+  }, /* @__PURE__ */ React.createElement(Card.Header, null, /* @__PURE__ */ React.createElement(Card.Block, null, /* @__PURE__ */ React.createElement(Icon, {
+    icon,
+    classNames: iconStyles?.text
+  })), /* @__PURE__ */ React.createElement(Card.Title, null, label)));
+};
+RecentObjectTile.displayName = "RecentObjectTile";
+export {
+  SpaceHomeRecent as default
+};
+//# sourceMappingURL=SpaceHomeRecent-ZR4LIIUD.mjs.map