@dxos/plugin-space 0.9.0 → 0.9.1-staging.ee54ba693a

package/dist/lib/neutral/JoinDialog-ATNUCNL2.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/containers/JoinDialog/JoinDialog.tsx"],
+  "sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\n\nimport React, { useCallback } from 'react';\n\nimport { useOperationInvoker } from '@dxos/app-framework/ui';\nimport { LayoutOperation, Paths } from '@dxos/app-toolkit';\nimport { Trigger } from '@dxos/async';\nimport { ObservabilityOperation } from '@dxos/plugin-observability';\nimport { useClient } from '@dxos/react-client';\nimport { type Space } from '@dxos/react-client/echo';\nimport { type InvitationResult } from '@dxos/react-client/invitations';\nimport { Dialog, useTranslation } from '@dxos/react-ui';\nimport { JoinPanel, type JoinPanelProps } from '@dxos/shell/react';\nimport { osTranslations } from '@dxos/ui-theme';\n\nimport { meta } from '#meta';\n\nexport const JOIN_DIALOG = `${meta.profile.key}.JoinDialog`;\n\nexport type JoinDialogProps = JoinPanelProps & {\n  navigableCollections?: boolean;\n};\n\nexport const JoinDialog = ({ navigableCollections, onDone, ...props }: JoinDialogProps) => {\n  const { invokePromise } = useOperationInvoker();\n  const client = useClient();\n  const { t } = useTranslation(meta.profile.key);\n\n  const handleDone = useCallback(\n    async (result: InvitationResult | null) => {\n      const spaceKey = result?.spaceKey;\n      if (!spaceKey) {\n        return;\n      }\n\n      await Promise.all([\n        invokePromise(LayoutOperation.AddToast, {\n          id: `${meta.profile.key}.join-success`,\n          duration: 5_000,\n          title: ['join-success.label', { ns: meta.profile.key }],\n          closeLabel: ['dismiss.label', { ns: meta.profile.key }],\n        }),\n        invokePromise(LayoutOperation.UpdateDialog, { state: false }),\n      ]);\n\n      let space = client.spaces.get(spaceKey);\n      if (!space) {\n        // TODO(wittjosiah): Add api to wait for a space.\n        const trigger = new Trigger<Space>();\n        client.spaces.subscribe(() => {\n          const space = client.spaces.get(spaceKey);\n          if (space) {\n            trigger.wake(space);\n          }\n        });\n        space = await trigger.wait();\n      }\n\n      // TODO(wittjosiah): `result.target` is ignored so acceptance navigates to the space home\n      // immediately; revisit how to incorporate the target once immediate navigation is settled.\n      await invokePromise(LayoutOperation.Open, {\n        subject: [Paths.getSpaceHomePath(space.id)],\n        workspace: Paths.getSpacePath(space.id),\n        navigation: 'immediate',\n      });\n\n      onDone?.(result);\n\n      if (space) {\n        await invokePromise(ObservabilityOperation.SendEvent, {\n          name: 'space.join',\n          properties: {\n            spaceId: space.id,\n          },\n        });\n      }\n    },\n    [invokePromise, client, navigableCollections, onDone],\n  );\n\n  // TODO(burdon): Move JoinHeading into Dialog.Heading.\n  return (\n    <Dialog.Content>\n      <Dialog.Title classNames='sr-only'>{t('join-space.label', { ns: osTranslations })}</Dialog.Title>\n      <Dialog.Body>\n        <JoinPanel\n          {...props}\n          exitActionParent={<Dialog.Close asChild />}\n          doneActionParent={<Dialog.Close asChild />}\n          onDone={handleDone}\n        />\n      </Dialog.Body>\n    </Dialog.Content>\n  );\n};\n"],
+  "mappings": ";;;AAIA,OAAOA,SAASC,mBAAmB;AAEnC,SAASC,2BAA2B;AACpC,SAASC,iBAAiBC,aAAa;AACvC,SAASC,eAAe;AACxB,SAASC,8BAA8B;AACvC,SAASC,iBAAiB;AAG1B,SAASC,QAAQC,sBAAsB;AACvC,SAASC,iBAAsC;AAC/C,SAASC,sBAAsB;AAE/B,SAASC,YAAY;AAEd,IAAMC,cAAc,GAAGD,KAAKE,QAAQC,GAAG;AAMvC,IAAMC,aAAa,CAAC,EAAEC,sBAAsBC,QAAQ,GAAGC,MAAAA,MAAwB;AACpF,QAAM,EAAEC,cAAa,IAAKlB,oBAAAA;AAC1B,QAAMmB,SAASd,UAAAA;AACf,QAAM,EAAEe,EAAC,IAAKb,eAAeG,KAAKE,QAAQC,GAAG;AAE7C,QAAMQ,aAAatB,YACjB,OAAOuB,WAAAA;AACL,UAAMC,WAAWD,QAAQC;AACzB,QAAI,CAACA,UAAU;AACb;IACF;AAEA,UAAMC,QAAQC,IAAI;MAChBP,cAAcjB,gBAAgByB,UAAU;QACtCC,IAAI,GAAGjB,KAAKE,QAAQC,GAAG;QACvBe,UAAU;QACVC,OAAO;UAAC;UAAsB;YAAEC,IAAIpB,KAAKE,QAAQC;UAAI;;QACrDkB,YAAY;UAAC;UAAiB;YAAED,IAAIpB,KAAKE,QAAQC;UAAI;;MACvD,CAAA;MACAK,cAAcjB,gBAAgB+B,cAAc;QAAEC,OAAO;MAAM,CAAA;KAC5D;AAED,QAAIC,QAAQf,OAAOgB,OAAOC,IAAIb,QAAAA;AAC9B,QAAI,CAACW,OAAO;AAEV,YAAMG,UAAU,IAAIlC,QAAAA;AACpBgB,aAAOgB,OAAOG,UAAU,MAAA;AACtB,cAAMJ,SAAQf,OAAOgB,OAAOC,IAAIb,QAAAA;AAChC,YAAIW,QAAO;AACTG,kBAAQE,KAAKL,MAAAA;QACf;MACF,CAAA;AACAA,cAAQ,MAAMG,QAAQG,KAAI;IAC5B;AAIA,UAAMtB,cAAcjB,gBAAgBwC,MAAM;MACxCC,SAAS;QAACxC,MAAMyC,iBAAiBT,MAAMP,EAAE;;MACzCiB,WAAW1C,MAAM2C,aAAaX,MAAMP,EAAE;MACtCmB,YAAY;IACd,CAAA;AAEA9B,aAASM,MAAAA;AAET,QAAIY,OAAO;AACT,YAAMhB,cAAcd,uBAAuB2C,WAAW;QACpDC,MAAM;QACNC,YAAY;UACVC,SAAShB,MAAMP;QACjB;MACF,CAAA;IACF;EACF,GACA;IAACT;IAAeC;IAAQJ;IAAsBC;GAAO;AAIvD,SACE,sBAAA,cAACV,OAAO6C,SAAO,MACb,sBAAA,cAAC7C,OAAO8C,OAAK;IAACC,YAAW;KAAWjC,EAAE,oBAAoB;IAAEU,IAAIrB;EAAe,CAAA,CAAA,GAC/E,sBAAA,cAACH,OAAOgD,MAAI,MACV,sBAAA,cAAC9C,WAAAA;IACE,GAAGS;IACJsC,kBAAkB,sBAAA,cAACjD,OAAOkD,OAAK;MAACC,SAAAA;;IAChCC,kBAAkB,sBAAA,cAACpD,OAAOkD,OAAK;MAACC,SAAAA;;IAChCzC,QAAQK;;AAKlB;",
+  "names": ["React", "useCallback", "useOperationInvoker", "LayoutOperation", "Paths", "Trigger", "ObservabilityOperation", "useClient", "Dialog", "useTranslation", "JoinPanel", "osTranslations", "meta", "JOIN_DIALOG", "profile", "key", "JoinDialog", "navigableCollections", "onDone", "props", "invokePromise", "client", "t", "handleDone", "result", "spaceKey", "Promise", "all", "AddToast", "id", "duration", "title", "ns", "closeLabel", "UpdateDialog", "state", "space", "spaces", "get", "trigger", "subscribe", "wake", "wait", "Open", "subject", "getSpaceHomePath", "workspace", "getSpacePath", "navigation", "SendEvent", "name", "properties", "spaceId", "Content", "Title", "classNames", "Body", "exitActionParent", "Close", "asChild", "doneActionParent"]
+}

package/dist/lib/neutral/{MembersContainer-KMCQDWCS.mjs → MembersContainer-C4ZTP6ZW.mjs}

@@ -5,14 +5,14 @@ import * as Option from "effect/Option";
 import React, { useMemo, useState } from "react";
 import { QR } from "react-qr-rounded";
 import { useOperationInvoker } from "@dxos/app-framework/ui";
-import { RootCollectionAnnotation } from "@dxos/app-toolkit";
+import { AppAnnotation } from "@dxos/app-toolkit";
 import { Annotation, Obj } from "@dxos/echo";
 import { log } from "@dxos/log";
 import { useConfig } from "@dxos/react-client";
 import { useSpaceInvitations } from "@dxos/react-client/echo";
 import { Invitation, InvitationEncoder } from "@dxos/react-client/invitations";
 import { Button, Clipboard, Icon, useId, useTranslation } from "@dxos/react-ui";
-import { Settings } from "@dxos/react-ui-form";
+import { Form } from "@dxos/react-ui-form";
 import { AuthCode, BifurcatedAction, Centered, Emoji, InvitationList, SpaceMemberList, Viewport, translationKey as shellTranslationKey } from "@dxos/shell/react";
 import { hexToEmoji } from "@dxos/util";
 import { meta } from "#meta";
@@ -30,7 +30,7 @@ var handleInvitationEvent = (invitation, subscription) => {
   }
 };
 var MembersContainer = ({ space, createInvitationUrl }) => {
-  const { t } = useTranslation(meta.id);
+  const { t } = useTranslation(meta.profile.key);
   const config = useConfig();
   const { invokePromise } = useOperationInvoker();
   const invitations = useSpaceInvitations(space.key);
@@ -42,7 +42,7 @@ var MembersContainer = ({ space, createInvitationUrl }) => {
     setInternalActiveAction(nextAction);
     localStorage.setItem(activeActionKey, nextAction);
   };
-  const target = Annotation.get(space.properties, RootCollectionAnnotation).pipe(Option.getOrUndefined)?.target?.objects[0]?.target;
+  const target = Annotation.get(space.properties, AppAnnotation.RootCollectionAnnotation).pipe(Option.getOrUndefined)?.target?.objects[0]?.target;
   const inviteActions = useMemo(() => ({
     inviteOne: {
       label: t("invite-one.label", {
@@ -101,10 +101,14 @@ var MembersContainer = ({ space, createInvitationUrl }) => {
   const handleBack = () => {
     setSelectedInvitation(null);
   };
-  return /* @__PURE__ */ React.createElement(Clipboard.Provider, null, /* @__PURE__ */ React.createElement(Settings.Viewport, null, /* @__PURE__ */ React.createElement(Settings.Section, {
+  return /* @__PURE__ */ React.createElement(Clipboard.Provider, null, /* @__PURE__ */ React.createElement(Form.Root, {
+    variant: "settings"
+  }, /* @__PURE__ */ React.createElement(Form.Viewport, {
+    scroll: true
+  }, /* @__PURE__ */ React.createElement(Form.Content, null, /* @__PURE__ */ React.createElement(Form.Section, {
     title: t("members-verbose.label"),
     description: t("members.description")
-  }, /* @__PURE__ */ React.createElement(Settings.Panel, null, /* @__PURE__ */ React.createElement("div", {
+  }, /* @__PURE__ */ React.createElement(Form.Group, null, /* @__PURE__ */ React.createElement("div", {
     role: "group",
     className: "min-w-0"
   }, /* @__PURE__ */ React.createElement("h3", {
@@ -133,7 +137,7 @@ var MembersContainer = ({ space, createInvitationUrl }) => {
     activeAction,
     onChangeActiveAction: setActiveAction,
     "data-testid": "membersContainer.createInvitation"
-  })))))));
+  })))))))));
 };
 var InvitationSection = ({ state = Invitation.State.INIT, authCode, invitationId = "never", url = "never", onBack }) => {
   const activeView = state < 0 ? "init" : state >= Invitation.State.CANCELLED ? "complete" : state >= Invitation.State.READY_FOR_AUTHENTICATION && authCode ? "auth-code" : "qr-code";
@@ -166,7 +170,7 @@ var InvitationQR = ({ id, url, onCancel }) => {
   return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("p", {
     className: "text-description"
   }, t("qr-code.description", {
-    ns: meta.id
+    ns: meta.profile.key
   })), /* @__PURE__ */ React.createElement("div", {
     role: "group",
     className: "grid grid-cols-[1fr_min-content] my-2 gap-2"
@@ -224,4 +228,4 @@ var InvitationComplete = ({ statusValue }) => {
 export {
   MembersContainer as default
 };
-//# sourceMappingURL=MembersContainer-KMCQDWCS.mjs.map
+//# sourceMappingURL=MembersContainer-C4ZTP6ZW.mjs.map

package/dist/lib/neutral/MembersContainer-C4ZTP6ZW.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/containers/MembersContainer/MembersContainer.tsx"],
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport * as Option from 'effect/Option';\nimport React, { type Dispatch, type SetStateAction, useMemo, useState } from 'react';\nimport { QR } from 'react-qr-rounded';\n\nimport { useOperationInvoker } from '@dxos/app-framework/ui';\nimport { AppAnnotation } from '@dxos/app-toolkit';\nimport { AppSurface } from '@dxos/app-toolkit/ui';\nimport { Annotation, Obj } from '@dxos/echo';\nimport { log } from '@dxos/log';\nimport { useConfig } from '@dxos/react-client';\nimport { useSpaceInvitations } from '@dxos/react-client/echo';\nimport { type CancellableInvitationObservable, Invitation, InvitationEncoder } from '@dxos/react-client/invitations';\nimport { Button, Clipboard, Icon, useId, useTranslation } from '@dxos/react-ui';\nimport { Form } from '@dxos/react-ui-form';\nimport {\n  type ActionMenuItem,\n  AuthCode,\n  BifurcatedAction,\n  Centered,\n  Emoji,\n  InvitationList,\n  SpaceMemberList,\n  Viewport,\n  translationKey as shellTranslationKey,\n} from '@dxos/shell/react';\nimport { hexToEmoji } from '@dxos/util';\n\nimport { meta } from '#meta';\nimport { SpaceOperation } from '#operations';\n\n// TODO(wittjosiah): Copied from Shell.\nconst activeActionKey = 'dxos:react-shell/space-manager/active-action';\n\nconst handleInvitationEvent = (invitation: Invitation, subscription: ZenObservable.Subscription) => {\n  const invitationCode = InvitationEncoder.encode(invitation);\n  if (invitation.state === Invitation.State.CONNECTING) {\n    log.info(JSON.stringify({ invitationCode, authCode: invitation.authCode }));\n    subscription.unsubscribe();\n  }\n};\n\nexport type MembersContainerProps = AppSurface.SpaceArticleProps<{\n  createInvitationUrl: (invitationCode: string) => string;\n}>;\n\nexport const MembersContainer = ({ space, createInvitationUrl }: MembersContainerProps) => {\n  const { t } = useTranslation(meta.profile.key);\n  const config = useConfig();\n  const { invokePromise } = useOperationInvoker();\n  const invitations = useSpaceInvitations(space.key);\n  const visibleInvitations = invitations?.filter(\n    (invitation) => ![Invitation.State.CANCELLED].includes(invitation.get().state),\n  );\n\n  const [activeAction, setInternalActiveAction] = useState(localStorage.getItem(activeActionKey) ?? 'inviteMany');\n\n  const setActiveAction = (nextAction: string) => {\n    setInternalActiveAction(nextAction);\n    localStorage.setItem(activeActionKey, nextAction);\n  };\n\n  // TODO(wittjosiah): Track which was the most recently viewed object.\n  const target = Annotation.get(space.properties, AppAnnotation.RootCollectionAnnotation).pipe(Option.getOrUndefined)\n    ?.target?.objects[0]?.target;\n\n  const inviteActions = useMemo(\n    (): Record<string, ActionMenuItem> => ({\n      inviteOne: {\n        label: t('invite-one.label', { ns: shellTranslationKey }),\n        description: t('invite-one.description', { ns: shellTranslationKey }),\n        icon: 'ph--user-plus--regular',\n        testId: 'membersContainer.inviteOne',\n        onClick: async () => {\n          const { data: invitation } = await invokePromise(SpaceOperation.Share, {\n            space,\n            type: Invitation.Type.INTERACTIVE,\n            authMethod: Invitation.AuthMethod.SHARED_SECRET,\n            multiUse: false,\n            target: target && Obj.getURI(target),\n          });\n          if (invitation && config.values.runtime?.app?.env?.DX_ENVIRONMENT !== 'production') {\n            const subscription: ZenObservable.Subscription = (invitation as CancellableInvitationObservable).subscribe(\n              (invitation: Invitation) => handleInvitationEvent(invitation, subscription),\n            );\n          }\n        },\n      },\n      inviteMany: {\n        label: t('invite-many.label', { ns: shellTranslationKey }),\n        description: t('invite-many.description', { ns: shellTranslationKey }),\n        icon: 'ph--users-three--regular',\n        testId: 'membersContainer.inviteMany',\n        onClick: async () => {\n          const { data: invitation } = await invokePromise(SpaceOperation.Share, {\n            space,\n            type: Invitation.Type.DELEGATED,\n            authMethod: Invitation.AuthMethod.KNOWN_PUBLIC_KEY,\n            multiUse: true,\n            target: target && Obj.getURI(target),\n          });\n          if (invitation && config.values.runtime?.app?.env?.DX_ENVIRONMENT !== 'production') {\n            const subscription: ZenObservable.Subscription = (invitation as CancellableInvitationObservable).subscribe(\n              (invitation: Invitation) => handleInvitationEvent(invitation, subscription),\n            );\n          }\n        },\n      },\n    }),\n    [t, space, target, invokePromise],\n  );\n\n  const [selectedInvitation, setSelectedInvitation] = useState<CancellableInvitationObservable | null>(null);\n  const handleSend = (event: { type: 'selectInvitation'; invitation: CancellableInvitationObservable }) => {\n    setSelectedInvitation(event.invitation);\n  };\n  const handleBack = () => {\n    setSelectedInvitation(null);\n  };\n\n  return (\n    <Clipboard.Provider>\n      <Form.Root variant='settings'>\n        <Form.Viewport scroll>\n          <Form.Content>\n            <Form.Section title={t('members-verbose.label')} description={t('members.description')}>\n              <Form.Group>\n                <div role='group' className='min-w-0'>\n                  <h3 className='text-lg mb-2'>{t('members.label')}</h3>\n                  <SpaceMemberList spaceKey={space.key} includeSelf />\n                </div>\n                <div role='group' className='min-w-0'>\n                  <h3 className='text-lg mb-2'>{t('invitations.label')}</h3>\n                  {selectedInvitation && <InvitationSection {...selectedInvitation} onBack={handleBack} />}\n                  {!selectedInvitation && (\n                    <>\n                      <p className='text-description mb-2'>{t('space-invitation.description')}</p>\n                      <InvitationList\n                        className='mb-2'\n                        send={handleSend}\n                        invitations={visibleInvitations ?? []}\n                        onClickRemove={(invitation) => invitation.cancel()}\n                        createInvitationUrl={createInvitationUrl}\n                      />\n                      <BifurcatedAction\n                        actions={inviteActions}\n                        activeAction={activeAction}\n                        onChangeActiveAction={setActiveAction as Dispatch<SetStateAction<string>>}\n                        data-testid='membersContainer.createInvitation'\n                      />\n                    </>\n                  )}\n                </div>\n              </Form.Group>\n            </Form.Section>\n          </Form.Content>\n        </Form.Viewport>\n      </Form.Root>\n    </Clipboard.Provider>\n  );\n};\n\n// TODO(wittjosiah): Reconcile the below components with DevicesContainer in @dxos/plugin-client.\n\ntype InvitationComponentProps = Partial<\n  Pick<Invitation, 'authCode' | 'invitationId'> & {\n    state: Invitation.State;\n    url: string;\n    onBack: () => void;\n  }\n>;\n\nconst InvitationSection = ({\n  state = Invitation.State.INIT,\n  authCode,\n  invitationId = 'never',\n  url = 'never',\n  onBack,\n}: InvitationComponentProps) => {\n  const activeView =\n    state < 0\n      ? 'init'\n      : state >= Invitation.State.CANCELLED\n        ? 'complete'\n        : state >= Invitation.State.READY_FOR_AUTHENTICATION && authCode\n          ? 'auth-code'\n          : 'qr-code';\n  return (\n    <Viewport.Root activeView={activeView}>\n      <Viewport.Views>\n        <Viewport.View id='init'>\n          {/* This view intentionally left blank while conditionally rendering the viewport. */}\n        </Viewport.View>\n        <Viewport.View id='complete'>\n          <InvitationComplete statusValue={state} />\n        </Viewport.View>\n        <Viewport.View id='auth-code'>\n          <InvitationAuthCode id={invitationId} code={authCode ?? 'never'} onCancel={onBack} />\n        </Viewport.View>\n        <Viewport.View id='qr-code'>\n          <InvitationQR id={invitationId} url={url} onCancel={onBack} />\n        </Viewport.View>\n      </Viewport.Views>\n    </Viewport.Root>\n  );\n};\n\nconst InvitationQR = ({ id, url, onCancel }: { id: string; url: string; onCancel?: () => void }) => {\n  const { t } = useTranslation(shellTranslationKey);\n  const qrLabel = useId('members-container__qr-code');\n  const emoji = hexToEmoji(id);\n  return (\n    <>\n      <p className='text-description'>{t('qr-code.description', { ns: meta.profile.key })}</p>\n      <div role='group' className='grid grid-cols-[1fr_min-content] my-2 gap-2'>\n        <div className='w-full aspect-square relative text-description'>\n          <QR\n            rounding={100}\n            backgroundColor='transparent'\n            color='currentColor'\n            aria-labelledby={qrLabel}\n            errorCorrectionLevel='Q'\n            cutout={true}\n          >\n            {url ?? 'never'}\n          </QR>\n          <Centered>\n            <Emoji text={emoji} />\n          </Centered>\n        </div>\n        <span id={qrLabel} className='sr-only'>\n          {t('qr.label')}\n        </span>\n        <Clipboard.Button value={url ?? 'never'} />\n      </div>\n      <Button variant='ghost' onClick={onCancel}>\n        {t('cancel.label')}\n      </Button>\n    </>\n  );\n};\n\nconst InvitationAuthCode = ({ id, code, onCancel }: { id: string; code: string; onCancel?: () => void }) => {\n  const { t } = useTranslation(shellTranslationKey);\n  const emoji = hexToEmoji(id);\n\n  return (\n    <>\n      <p className='text-description'>{t('auth-other-device-emoji.message')}</p>\n      {emoji && <Emoji text={emoji} className='mx-auto my-2 text-center' />}\n      <p className='text-description'>{t('auth-code.message')}</p>\n      <AuthCode code={code} large classNames='mx-auto my-2 text-center grow' />\n      <Button variant='ghost' onClick={onCancel}>\n        {t('cancel.label')}\n      </Button>\n    </>\n  );\n};\n\nconst InvitationComplete = ({ statusValue }: { statusValue: number }) => {\n  return statusValue > 0 ? (\n    <Icon icon='ph--check--regular' size={6} classNames='m-1.5' />\n  ) : (\n    <Icon icon='ph--x--regular' size={6} classNames='m-1.5' />\n  );\n};\n"],
+  "mappings": "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",
+  "names": ["Option", "React", "useMemo", "useState", "QR", "useOperationInvoker", "AppAnnotation", "Annotation", "Obj", "log", "useConfig", "useSpaceInvitations", "Invitation", "InvitationEncoder", "Button", "Clipboard", "Icon", "useId", "useTranslation", "Form", "AuthCode", "BifurcatedAction", "Centered", "Emoji", "InvitationList", "SpaceMemberList", "Viewport", "translationKey", "shellTranslationKey", "hexToEmoji", "meta", "SpaceOperation", "invitationCode", "State", "stringify", "authCode", "invitation", "subscription", "unsubscribe", "config", "invokePromise", "invitations", "visibleInvitations", "filter", "includes", "get", "activeAction", "setInternalActiveAction", "setActiveAction", "nextAction", "localStorage", "activeActionKey", "inviteOne", "ns", "description", "icon", "testId", "onClick", "space", "type", "INTERACTIVE", "authMethod", "multiUse", "target", "getURI", "values", "runtime", "inviteMany", "DELEGATED", "t", "setSelectedInvitation", "event", "scroll", "Content", "title", "role", "className", "spaceKey", "includeSelf", "selectedInvitation", "onBack", "handleBack", "send", "handleSend", "onClickRemove", "createInvitationUrl", "actions", "onChangeActiveAction", "data-testid", "InvitationSection", "Root", "activeView", "Views", "id", "InvitationComplete", "statusValue", "InvitationAuthCode", "invitationId", "onCancel", "InvitationQR", "url", "emoji", "profile", "rounding", "backgroundColor", "color", "aria-labelledby", "errorCorrectionLevel", "cutout", "text", "span", "qrLabel", "value", "variant", "code", "large", "classNames", "size"]
+}

package/dist/lib/neutral/{MenuFooter-5JT7V5FZ.mjs → MenuFooter-FWE5LFM4.mjs}

@@ -1,20 +1,20 @@
 import {
   getSpaceDisplayName
-} from "./chunk-7WUJENBF.mjs";
-import "./chunk-K34BPPQE.mjs";
+} from "./chunk-52ASDNRA.mjs";
+import "./chunk-F5KLUP2P.mjs";
 import "./chunk-J5LGTIGS.mjs";
 
 // src/containers/MenuFooter/MenuFooter.tsx
 import React from "react";
-import { isPersonalSpace } from "@dxos/app-toolkit";
+import { AppSpace } from "@dxos/app-toolkit";
 import { getSpace } from "@dxos/client/echo";
 import { DropdownMenu, Icon, toLocalizedString, useTranslation } from "@dxos/react-ui";
 import { meta } from "#meta";
 var MenuFooter = ({ object }) => {
-  const { t } = useTranslation(meta.id);
+  const { t } = useTranslation(meta.profile.key);
   const space = getSpace(object);
   const spaceName = space ? getSpaceDisplayName(space, {
-    personal: isPersonalSpace(space)
+    personal: AppSpace.isPersonalSpace(space)
   }) : "";
   return space ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(DropdownMenu.Separator, null), /* @__PURE__ */ React.createElement(DropdownMenu.GroupLabel, null, t("menu-footer.label")), /* @__PURE__ */ React.createElement("dl", {
     className: "ps-2 mb-2 text-xs grid grid-cols-[max-content_1fr] gap-2"
@@ -30,4 +30,4 @@ var MenuFooter = ({ object }) => {
 export {
   MenuFooter as default
 };
-//# sourceMappingURL=MenuFooter-5JT7V5FZ.mjs.map
+//# sourceMappingURL=MenuFooter-FWE5LFM4.mjs.map

package/dist/lib/neutral/MenuFooter-FWE5LFM4.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-Z777WVDW.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";
@@ -25,14 +25,13 @@ var RelatedArticle = ({ role, companionTo }) => {
   }, /* @__PURE__ */ React.createElement(Toolbar.Root, null)), /* @__PURE__ */ React.createElement(Panel.Content, {
     asChild: true
   }, /* @__PURE__ */ React.createElement(Masonry.Content, {
-    classNames: "p-2",
     centered: true
   }, /* @__PURE__ */ React.createElement(Masonry.Viewport, {
     items
   })))));
 };
 var ObjectCard = ({ data: subject, classNames }) => {
-  const { t } = useTranslation(meta.id);
+  const { t } = useTranslation(meta.profile.key);
   const data = useMemo(() => ({
     subject
   }), [
@@ -42,22 +41,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 +66,4 @@ var ObjectCard = ({ data: subject, classNames }) => {
 export {
   RelatedArticle as default
 };
-//# sourceMappingURL=RelatedArticle-YDNGUDAJ.mjs.map
+//# sourceMappingURL=RelatedArticle-Z777WVDW.mjs.map

package/dist/lib/neutral/RelatedArticle-Z777WVDW.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\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  // 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;AAOd,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,UAAAA;KACf,sBAAA,cAACjB,QAAQkB,UAAQ;IAACT;;AAM9B;AAGA,IAAMK,aAAa,CAAC,EAAEK,MAAMC,SAASC,WAAU,MAAiD;AAC9F,QAAM,EAAEC,EAAC,IAAKvB,eAAeI,KAAKoB,QAAQC,GAAG;AAC7C,QAAML,OAAO/B,QAAQ,OAAO;IAAEgC;EAAQ,IAAI;IAACA;GAAQ;AACnD,QAAMK,OAAOjC,OAAOkC,QAAQN,OAAAA,GAAUK,QAAQ;AAG9C,QAAME,YAAYpC,mBAAmB6B,OAAAA;AAErC,SACE,sBAAA,cAACnB,KAAKW,MAAI,MACR,sBAAA,cAAClB,KAAKkB,MAAI;IAACS;KACT,sBAAA,cAAC3B,KAAKkC,QAAM,MACV,sBAAA,cAAClC,KAAKmC,OAAK,MACT,sBAAA,cAAClC,MAAAA;IAAK8B;OAER,sBAAA,cAAC/B,KAAKoC,OAAK,MAAEtC,OAAOuC,SAASX,SAAS;IAAEY,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;IAAavB;IAAYwB,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", "centered", "Viewport", "data", "subject", "classNames", "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-AZT2KPOF.mjs

@@ -0,0 +1,104 @@
+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 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));
+  }
+};
+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: 52, 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-AZT2KPOF.mjs.map

package/dist/lib/neutral/RenamePopover-AZT2KPOF.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 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"],
+  "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;AAKrB,IAAA,eAAMC;IAIJ,mBAAqBC,CAAAA,YAAU,OAAA,QAAA,aAAA;cACtBA,CAAAA,YAAQC;AACjB,MAAA,iBAAA,OAAA,GAAA;AACA,WAAQN,QAAQK;EAClB;AAEA,UAAME,QAAWF,OAAwBG,IAAAA,QAAAA,WAAAA,OAAAA,OAAAA,SAAAA,OAAAA,MAAAA;;cAE7BC,CAAAA,SAASD,SAAAA;AACnB,MAAA,iBAAmBH,OAAAA,GAAU;AAC3BP,YAAIY,SAAOL,IAAQM;aACjBA,QAAWH,OAAOA,GAAAA;AACpB,QAAA,OAAA,QAAA,YAAA,CAAA,eAAA;AACK,iBAAA,OAAA;IACLX,CAAAA;EACF,OAAA;AACF,WAAA,OAAA,SAAA,MAAA,OAAA,SAAA,SAAA,IAAA,CAAA;EAIA;AACA;AAOQe,IAAAA,gBAASR,CAAAA,EAAiBC,QAAAA,MAAYL;AAC5C,QAAM,EAAEa,EAAAA,IAAAA,eAAkBlB,KAAAA,QAAAA,GAAAA;AAC1B,QAAM,QAAOmB,CAAAA,iBAAgBpB,OAAS,KAAMqB,QAAQV,OAAAA;AAEpD,QAAA,EAAA,cAAA,IAAA,oBAAA;AACA,QAAMW,CAAAA,MAAAA,YAAiBR,IAAAA,SAAAA,MAAAA,QAAAA,OAAAA,CAAAA;AAEvB,QAAMS,UAAAA,OAAiBxB,IAAAA;AACvB,UAAMyB,UAAAA;AACN,QAAA,iBAAA,OAAA,IAAA;AACA,QAAMC,eAAe1B,OAAO,KAAA;QAG1B,eAAI,OAAA,KAAA;gBACGyB,YAAaE,MAAAA;;AAElB,UAAA,CAAA,aAAA,WAAA,QAAA,YAAA,eAAA,SAAA;AACA,gBAAY,SAAA,QAAA,OAAA;MACZrB;aAAgCsB,KAAAA;AAAI,UAAA,MAAA,oBAAA;QACtC;MACC,GAAA,EAAA,YAAA,YAAA,GAAA,cAAA,GAAA,IAAA,GAAA,OAAA,CAAA;IAAChB;KAAQ;IAEZ;;iBAEIc,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;IAACX,CAAAA;KAAc;IAElB;;SAEI,sBAAA,cAACZ,OAAU;IACIwB,WAAAA;KAAkB,sBAAA,cAAqB,MAAA,MAAA,MAAA,sBACpD,cAAA,MAACxB,OAAMyB;IACLC,QAAAA;OACAC,QAAOpB,qBAAAA,mBAAAA,CAAAA,GAAAA,sBAAAA,cAAAA,MAAAA,WAAAA;IACPqB,WAAAA;IACAC,OAAAA;IACAC,aAAaC,EAAAA,QAAUJ,wBAAcd,oBAAac;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", "isRenameCallback", "subject", "initialValue", "setName", "name", "onRename", "update", "properties", "space", "invokePromise", "setNameState", "getName", "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-4GJKQBXM.mjs}

@@ -4,13 +4,17 @@ import "./chunk-J5LGTIGS.mjs";
 import React, { useEffect, useState } from "react";
 import { Type } from "@dxos/echo";
 import { useTranslation } from "@dxos/react-ui";
-import { Settings } from "@dxos/react-ui-form";
+import { Form } 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, {
+  return /* @__PURE__ */ React.createElement(Form.Root, {
+    variant: "settings"
+  }, /* @__PURE__ */ React.createElement(Form.Viewport, {
+    scroll: true
+  }, /* @__PURE__ */ React.createElement(Form.Content, null, /* @__PURE__ */ React.createElement(Form.Section, {
     title: t("schema-verbose.label"),
     description: t("schema.description")
   }, /* @__PURE__ */ React.createElement("div", {
@@ -23,7 +27,7 @@ var SchemaContainer = ({ space }) => {
     className: "text-center py-4"
   }, t("no-schemas-found.message")), types.map((type) => /* @__PURE__ */ React.createElement("div", {
     key: type.id
-  }, Type.getTypename(type))))));
+  }, Type.getTypename(type))))))));
 };
 var useQuerySpaceTypes = (space) => {
   const [types, setTypes] = useState(() => [
@@ -46,4 +50,4 @@ var useQuerySpaceTypes = (space) => {
 export {
   SchemaContainer as default
 };
-//# sourceMappingURL=SchemaContainer-Q4BP6X2M.mjs.map
+//# sourceMappingURL=SchemaContainer-4GJKQBXM.mjs.map