@dxos/plugin-space 0.10.0 → 0.11.1

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

@@ -1,97 +0,0 @@
-import "./chunk-J5LGTIGS.mjs";
-
-// src/containers/JoinDialog/JoinDialog.tsx
-import React, { useCallback } from "react";
-import { useOperationInvoker } from "@dxos/app-framework/ui";
-import { LayoutOperation, Paths } from "@dxos/app-toolkit";
-import { Trigger } from "@dxos/async";
-import { ObservabilityOperation } from "@dxos/plugin-observability";
-import { useClient } from "@dxos/react-client";
-import { Dialog, useTranslation } from "@dxos/react-ui";
-import { JoinPanel } from "@dxos/shell/react";
-import { osTranslations } from "@dxos/ui-theme";
-import { meta } from "#meta";
-var JOIN_DIALOG = `${meta.profile.key}.JoinDialog`;
-var JoinDialog = ({ navigableCollections, onDone, ...props }) => {
-  const { invokePromise } = useOperationInvoker();
-  const client = useClient();
-  const { t } = useTranslation(meta.profile.key);
-  const handleDone = useCallback(async (result) => {
-    const spaceKey = result?.spaceKey;
-    if (!spaceKey) {
-      return;
-    }
-    await Promise.all([
-      invokePromise(LayoutOperation.AddToast, {
-        id: `${meta.profile.key}.join-success`,
-        duration: 5e3,
-        title: [
-          "join-success.label",
-          {
-            ns: meta.profile.key
-          }
-        ],
-        closeLabel: [
-          "dismiss.label",
-          {
-            ns: meta.profile.key
-          }
-        ]
-      }),
-      invokePromise(LayoutOperation.UpdateDialog, {
-        state: false
-      })
-    ]);
-    let space = client.spaces.get(spaceKey);
-    if (!space) {
-      const trigger = new Trigger();
-      client.spaces.subscribe(() => {
-        const space2 = client.spaces.get(spaceKey);
-        if (space2) {
-          trigger.wake(space2);
-        }
-      });
-      space = await trigger.wait();
-    }
-    await invokePromise(LayoutOperation.Open, {
-      subject: [
-        Paths.getSpaceHomePath(space.id)
-      ],
-      workspace: Paths.getSpacePath(space.id),
-      navigation: "immediate"
-    });
-    onDone?.(result);
-    if (space) {
-      await invokePromise(ObservabilityOperation.SendEvent, {
-        name: "space.join",
-        properties: {
-          spaceId: space.id
-        }
-      });
-    }
-  }, [
-    invokePromise,
-    client,
-    navigableCollections,
-    onDone
-  ]);
-  return /* @__PURE__ */ React.createElement(Dialog.Content, null, /* @__PURE__ */ React.createElement(Dialog.Title, {
-    classNames: "sr-only"
-  }, t("join-space.label", {
-    ns: osTranslations
-  })), /* @__PURE__ */ React.createElement(Dialog.Body, null, /* @__PURE__ */ React.createElement(JoinPanel, {
-    ...props,
-    exitActionParent: /* @__PURE__ */ React.createElement(Dialog.Close, {
-      asChild: true
-    }),
-    doneActionParent: /* @__PURE__ */ React.createElement(Dialog.Close, {
-      asChild: true
-    }),
-    onDone: handleDone
-  })));
-};
-export {
-  JoinDialog,
-  JoinDialog as default
-};
-//# sourceMappingURL=JoinDialog-ATNUCNL2.mjs.map

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

@@ -1,7 +0,0 @@
-{
-  "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-C4ZTP6ZW.mjs

@@ -1,231 +0,0 @@
-import "./chunk-J5LGTIGS.mjs";
-
-// src/containers/MembersContainer/MembersContainer.tsx
-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 { 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 { 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";
-import { SpaceOperation } from "#operations";
-var __dxlog_file = "/__w/dxos/dxos/packages/plugins/plugin-space/src/containers/MembersContainer/MembersContainer.tsx";
-var activeActionKey = "dxos:react-shell/space-manager/active-action";
-var handleInvitationEvent = (invitation, subscription) => {
-  const invitationCode = InvitationEncoder.encode(invitation);
-  if (invitation.state === Invitation.State.CONNECTING) {
-    log.info(JSON.stringify({
-      invitationCode,
-      authCode: invitation.authCode
-    }), void 0, { "~LogMeta": "~LogMeta", F: __dxlog_file, L: 25, S: void 0 });
-    subscription.unsubscribe();
-  }
-};
-var MembersContainer = ({ space, createInvitationUrl }) => {
-  const { t } = useTranslation(meta.profile.key);
-  const config = useConfig();
-  const { invokePromise } = useOperationInvoker();
-  const invitations = useSpaceInvitations(space.key);
-  const visibleInvitations = invitations?.filter((invitation) => ![
-    Invitation.State.CANCELLED
-  ].includes(invitation.get().state));
-  const [activeAction, setInternalActiveAction] = useState(localStorage.getItem(activeActionKey) ?? "inviteMany");
-  const setActiveAction = (nextAction) => {
-    setInternalActiveAction(nextAction);
-    localStorage.setItem(activeActionKey, nextAction);
-  };
-  const target = Annotation.get(space.properties, AppAnnotation.RootCollectionAnnotation).pipe(Option.getOrUndefined)?.target?.objects[0]?.target;
-  const inviteActions = useMemo(() => ({
-    inviteOne: {
-      label: t("invite-one.label", {
-        ns: shellTranslationKey
-      }),
-      description: t("invite-one.description", {
-        ns: shellTranslationKey
-      }),
-      icon: "ph--user-plus--regular",
-      testId: "membersContainer.inviteOne",
-      onClick: async () => {
-        const { data: invitation } = await invokePromise(SpaceOperation.Share, {
-          space,
-          type: Invitation.Type.INTERACTIVE,
-          authMethod: Invitation.AuthMethod.SHARED_SECRET,
-          multiUse: false,
-          target: target && Obj.getURI(target)
-        });
-        if (invitation && config.values.runtime?.app?.env?.DX_ENVIRONMENT !== "production") {
-          const subscription = invitation.subscribe((invitation2) => handleInvitationEvent(invitation2, subscription));
-        }
-      }
-    },
-    inviteMany: {
-      label: t("invite-many.label", {
-        ns: shellTranslationKey
-      }),
-      description: t("invite-many.description", {
-        ns: shellTranslationKey
-      }),
-      icon: "ph--users-three--regular",
-      testId: "membersContainer.inviteMany",
-      onClick: async () => {
-        const { data: invitation } = await invokePromise(SpaceOperation.Share, {
-          space,
-          type: Invitation.Type.DELEGATED,
-          authMethod: Invitation.AuthMethod.KNOWN_PUBLIC_KEY,
-          multiUse: true,
-          target: target && Obj.getURI(target)
-        });
-        if (invitation && config.values.runtime?.app?.env?.DX_ENVIRONMENT !== "production") {
-          const subscription = invitation.subscribe((invitation2) => handleInvitationEvent(invitation2, subscription));
-        }
-      }
-    }
-  }), [
-    t,
-    space,
-    target,
-    invokePromise
-  ]);
-  const [selectedInvitation, setSelectedInvitation] = useState(null);
-  const handleSend = (event) => {
-    setSelectedInvitation(event.invitation);
-  };
-  const handleBack = () => {
-    setSelectedInvitation(null);
-  };
-  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(Form.Group, null, /* @__PURE__ */ React.createElement("div", {
-    role: "group",
-    className: "min-w-0"
-  }, /* @__PURE__ */ React.createElement("h3", {
-    className: "text-lg mb-2"
-  }, t("members.label")), /* @__PURE__ */ React.createElement(SpaceMemberList, {
-    spaceKey: space.key,
-    includeSelf: true
-  })), /* @__PURE__ */ React.createElement("div", {
-    role: "group",
-    className: "min-w-0"
-  }, /* @__PURE__ */ React.createElement("h3", {
-    className: "text-lg mb-2"
-  }, t("invitations.label")), selectedInvitation && /* @__PURE__ */ React.createElement(InvitationSection, {
-    ...selectedInvitation,
-    onBack: handleBack
-  }), !selectedInvitation && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("p", {
-    className: "text-description mb-2"
-  }, t("space-invitation.description")), /* @__PURE__ */ React.createElement(InvitationList, {
-    className: "mb-2",
-    send: handleSend,
-    invitations: visibleInvitations ?? [],
-    onClickRemove: (invitation) => invitation.cancel(),
-    createInvitationUrl
-  }), /* @__PURE__ */ React.createElement(BifurcatedAction, {
-    actions: inviteActions,
-    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";
-  return /* @__PURE__ */ React.createElement(Viewport.Root, {
-    activeView
-  }, /* @__PURE__ */ React.createElement(Viewport.Views, null, /* @__PURE__ */ React.createElement(Viewport.View, {
-    id: "init"
-  }), /* @__PURE__ */ React.createElement(Viewport.View, {
-    id: "complete"
-  }, /* @__PURE__ */ React.createElement(InvitationComplete, {
-    statusValue: state
-  })), /* @__PURE__ */ React.createElement(Viewport.View, {
-    id: "auth-code"
-  }, /* @__PURE__ */ React.createElement(InvitationAuthCode, {
-    id: invitationId,
-    code: authCode ?? "never",
-    onCancel: onBack
-  })), /* @__PURE__ */ React.createElement(Viewport.View, {
-    id: "qr-code"
-  }, /* @__PURE__ */ React.createElement(InvitationQR, {
-    id: invitationId,
-    url,
-    onCancel: onBack
-  }))));
-};
-var InvitationQR = ({ id, url, onCancel }) => {
-  const { t } = useTranslation(shellTranslationKey);
-  const qrLabel = useId("members-container__qr-code");
-  const emoji = hexToEmoji(id);
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("p", {
-    className: "text-description"
-  }, t("qr-code.description", {
-    ns: meta.profile.key
-  })), /* @__PURE__ */ React.createElement("div", {
-    role: "group",
-    className: "grid grid-cols-[1fr_min-content] my-2 gap-2"
-  }, /* @__PURE__ */ React.createElement("div", {
-    className: "w-full aspect-square relative text-description"
-  }, /* @__PURE__ */ React.createElement(QR, {
-    rounding: 100,
-    backgroundColor: "transparent",
-    color: "currentColor",
-    "aria-labelledby": qrLabel,
-    errorCorrectionLevel: "Q",
-    cutout: true
-  }, url ?? "never"), /* @__PURE__ */ React.createElement(Centered, null, /* @__PURE__ */ React.createElement(Emoji, {
-    text: emoji
-  }))), /* @__PURE__ */ React.createElement("span", {
-    id: qrLabel,
-    className: "sr-only"
-  }, t("qr.label")), /* @__PURE__ */ React.createElement(Clipboard.Button, {
-    value: url ?? "never"
-  })), /* @__PURE__ */ React.createElement(Button, {
-    variant: "ghost",
-    onClick: onCancel
-  }, t("cancel.label")));
-};
-var InvitationAuthCode = ({ id, code, onCancel }) => {
-  const { t } = useTranslation(shellTranslationKey);
-  const emoji = hexToEmoji(id);
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("p", {
-    className: "text-description"
-  }, t("auth-other-device-emoji.message")), emoji && /* @__PURE__ */ React.createElement(Emoji, {
-    text: emoji,
-    className: "mx-auto my-2 text-center"
-  }), /* @__PURE__ */ React.createElement("p", {
-    className: "text-description"
-  }, t("auth-code.message")), /* @__PURE__ */ React.createElement(AuthCode, {
-    code,
-    large: true,
-    classNames: "mx-auto my-2 text-center grow"
-  }), /* @__PURE__ */ React.createElement(Button, {
-    variant: "ghost",
-    onClick: onCancel
-  }, t("cancel.label")));
-};
-var InvitationComplete = ({ statusValue }) => {
-  return statusValue > 0 ? /* @__PURE__ */ React.createElement(Icon, {
-    icon: "ph--check--regular",
-    size: 6,
-    classNames: "m-1.5"
-  }) : /* @__PURE__ */ React.createElement(Icon, {
-    icon: "ph--x--regular",
-    size: 6,
-    classNames: "m-1.5"
-  });
-};
-export {
-  MembersContainer as default
-};
-//# sourceMappingURL=MembersContainer-C4ZTP6ZW.mjs.map

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

@@ -1,7 +0,0 @@
-{
-  "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-FWE5LFM4.mjs

@@ -1,33 +0,0 @@
-import {
-  getSpaceDisplayName
-} from "./chunk-52ASDNRA.mjs";
-import "./chunk-F5KLUP2P.mjs";
-import "./chunk-J5LGTIGS.mjs";
-
-// src/containers/MenuFooter/MenuFooter.tsx
-import React from "react";
-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.profile.key);
-  const space = getSpace(object);
-  const spaceName = space ? getSpaceDisplayName(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"
-  }, /* @__PURE__ */ React.createElement("dt", {
-    className: "uppercase text-[.75em] tracking-wide font-medium mt-px self-start"
-  }, t("location.label")), /* @__PURE__ */ React.createElement("dd", {
-    className: "line-clamp-3"
-  }, /* @__PURE__ */ React.createElement(Icon, {
-    icon: "ph--planet--regular",
-    classNames: "inline-block me-1"
-  }), toLocalizedString(spaceName, t)))) : null;
-};
-export {
-  MenuFooter as default
-};
-//# sourceMappingURL=MenuFooter-FWE5LFM4.mjs.map

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

@@ -1,7 +0,0 @@
-{
-  "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-DHVDRNRK.mjs

@@ -1,55 +0,0 @@
-import "./chunk-J5LGTIGS.mjs";
-
-// src/containers/ObjectCardStack/ObjectCardStack.tsx
-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 { 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.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 = useSelection(objectId, "multi");
-  const selectedObjects = selectedRows.map((id) => queriedObjects.find((obj) => obj.id === id)).filter(isNonNullable);
-  const [viewport, setViewport] = useState(null);
-  if (!type) {
-    return null;
-  }
-  return /* @__PURE__ */ React.createElement(Panel.Root, {
-    className: "dx-document",
-    ref: forwardedRef
-  }, /* @__PURE__ */ React.createElement(Panel.Toolbar, {
-    asChild: true
-  }, /* @__PURE__ */ React.createElement(Toolbar.Root, null)), /* @__PURE__ */ React.createElement(Panel.Content, null, selectedObjects.length === 0 ? /* @__PURE__ */ React.createElement(Message.Root, null, /* @__PURE__ */ React.createElement(Message.Title, null, t("row-details-no-selection.label"))) : /* @__PURE__ */ React.createElement(Mosaic.Root, null, /* @__PURE__ */ React.createElement(Mosaic.Container, {
-    asChild: true,
-    orientation: "vertical",
-    autoScroll: viewport,
-    eventHandler: {
-      id: objectId,
-      canDrop: () => true
-    }
-  }, /* @__PURE__ */ React.createElement(ScrollArea.Root, {
-    orientation: "vertical"
-  }, /* @__PURE__ */ React.createElement(ScrollArea.Viewport, {
-    ref: setViewport
-  }, /* @__PURE__ */ React.createElement(Mosaic.Stack, {
-    items: selectedObjects,
-    getId: (obj) => obj.id,
-    Tile: ({ ...props }) => /* @__PURE__ */ React.createElement(Mosaic.Tile, props, /* @__PURE__ */ React.createElement(Card.Root, null, /* @__PURE__ */ React.createElement(ObjectForm, {
-      object: props.data,
-      type
-    })))
-  })))))));
-});
-export {
-  ObjectCardStack as default
-};
-//# sourceMappingURL=ObjectCardStack-DHVDRNRK.mjs.map

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

@@ -1,7 +0,0 @@
-{
-  "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

@@ -1,102 +0,0 @@
-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