@dxos/plugin-space 0.8.4-main.72ec0f3 → 0.8.4-main.7996785055

package/dist/lib/node-esm/CreateSpaceDialog-6ZYCTPFH.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/containers/CreateSpaceDialog/CreateSpaceDialog.tsx", "../../../src/containers/CreateSpaceDialog/index.ts"],
+  "sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\n\nimport * as Effect from 'effect/Effect';\nimport type * as Schema from 'effect/Schema';\nimport React, { useCallback, useRef } from 'react';\n\nimport { useOperationInvoker } from '@dxos/app-framework/ui';\nimport { LayoutOperation, getSpacePath } from '@dxos/app-toolkit';\nimport { runAndForwardErrors } from '@dxos/effect';\nimport { Dialog, useTranslation } from '@dxos/react-ui';\nimport { Form } from '@dxos/react-ui-form';\n\nimport { useInputSurfaceLookup } from '../../hooks';\nimport { meta } from '../../meta';\nimport { SpaceForm } from '../../types';\nimport { SpaceOperation } from '../../operations';\n\nexport const CREATE_SPACE_DIALOG = `${meta.id}.CreateSpaceDialog`;\n\ntype FormValues = Schema.Schema.Type<typeof SpaceForm>;\nconst initialValues: FormValues = { edgeReplication: true };\n\nexport const CreateSpaceDialog = () => {\n  const closeRef = useRef<HTMLButtonElement | null>(null);\n  const { t } = useTranslation(meta.id);\n  const { invokePromise } = useOperationInvoker();\n\n  const inputSurfaceLookup = useInputSurfaceLookup();\n\n  const handleCreateSpace = useCallback(\n    async (data: FormValues) => {\n      const program = Effect.gen(function* () {\n        const { data: result } = yield* Effect.promise(() => invokePromise(SpaceOperation.Create, data));\n        if (result?.space) {\n          yield* Effect.promise(() =>\n            invokePromise(LayoutOperation.SwitchWorkspace, { subject: getSpacePath(result.space.id) }),\n          );\n          yield* Effect.promise(() => invokePromise(LayoutOperation.UpdateDialog, { state: false }));\n        }\n      });\n      await runAndForwardErrors(program);\n    },\n    [invokePromise],\n  );\n\n  return (\n    <Dialog.Content>\n      <Dialog.Header>\n        <Dialog.Title>{t('create space dialog title')}</Dialog.Title>\n        <Dialog.Close asChild>\n          <Dialog.CloseIconButton ref={closeRef} />\n        </Dialog.Close>\n      </Dialog.Header>\n      <Dialog.Body>\n        <Form.Root\n          testId='create-space-form'\n          autoFocus\n          schema={SpaceForm}\n          defaultValues={initialValues}\n          fieldProvider={inputSurfaceLookup}\n          onSave={handleCreateSpace}\n        >\n          <Form.Viewport>\n            <Form.Content>\n              <Form.FieldSet />\n              <Form.Submit />\n            </Form.Content>\n          </Form.Viewport>\n        </Form.Root>\n      </Dialog.Body>\n    </Dialog.Content>\n  );\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport { CreateSpaceDialog } from './CreateSpaceDialog';\n\nexport default CreateSpaceDialog;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;AAIA,YAAYA,YAAY;AAExB,OAAOC,SAASC,aAAaC,cAAc;AAE3C,SAASC,2BAA2B;AACpC,SAASC,iBAAiBC,oBAAoB;AAC9C,SAASC,2BAA2B;AACpC,SAASC,QAAQC,sBAAsB;AACvC,SAASC,YAAY;AAOd,IAAMC,sBAAsB,GAAGC,KAAKC,EAAE;AAG7C,IAAMC,gBAA4B;EAAEC,iBAAiB;AAAK;AAEnD,IAAMC,oBAAoB,MAAA;AAC/B,QAAMC,WAAWC,OAAiC,IAAA;AAClD,QAAM,EAAEC,EAAC,IAAKC,eAAeR,KAAKC,EAAE;AACpC,QAAM,EAAEQ,cAAa,IAAKC,oBAAAA;AAE1B,QAAMC,qBAAqBC,sBAAAA;AAE3B,QAAMC,oBAAoBC,YACxB,OAAOC,SAAAA;AACL,UAAMC,UAAiBC,WAAI,aAAA;AACzB,YAAM,EAAEF,MAAMG,OAAM,IAAK,OAAcC,eAAQ,MAAMV,cAAcW,eAAeC,QAAQN,IAAAA,CAAAA;AAC1F,UAAIG,QAAQI,OAAO;AACjB,eAAcH,eAAQ,MACpBV,cAAcc,gBAAgBC,iBAAiB;UAAEC,SAASC,aAAaR,OAAOI,MAAMrB,EAAE;QAAE,CAAA,CAAA;AAE1F,eAAckB,eAAQ,MAAMV,cAAcc,gBAAgBI,cAAc;UAAEC,OAAO;QAAM,CAAA,CAAA;MACzF;IACF,CAAA;AACA,UAAMC,oBAAoBb,OAAAA;EAC5B,GACA;IAACP;GAAc;AAGjB,SACE,sBAAA,cAACqB,OAAOC,SAAO,MACb,sBAAA,cAACD,OAAOE,QAAM,MACZ,sBAAA,cAACF,OAAOG,OAAK,MAAE1B,EAAE,2BAAA,CAAA,GACjB,sBAAA,cAACuB,OAAOI,OAAK;IAACC,SAAAA;KACZ,sBAAA,cAACL,OAAOM,iBAAe;IAACC,KAAKhC;QAGjC,sBAAA,cAACyB,OAAOQ,MAAI,MACV,sBAAA,cAACC,KAAKC,MAAI;IACRC,QAAO;IACPC,WAAAA;IACAC,QAAQC;IACRC,eAAe3C;IACf4C,eAAenC;IACfoC,QAAQlC;KAER,sBAAA,cAAC0B,KAAKS,UAAQ,MACZ,sBAAA,cAACT,KAAKR,SAAO,MACX,sBAAA,cAACQ,KAAKU,UAAQ,IAAA,GACd,sBAAA,cAACV,KAAKW,QAAM,IAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAO1B;;;ACpEA,IAAA,4BAAeC;",
+  "names": ["Effect", "React", "useCallback", "useRef", "useOperationInvoker", "LayoutOperation", "getSpacePath", "runAndForwardErrors", "Dialog", "useTranslation", "Form", "CREATE_SPACE_DIALOG", "meta", "id", "initialValues", "edgeReplication", "CreateSpaceDialog", "closeRef", "useRef", "t", "useTranslation", "invokePromise", "useOperationInvoker", "inputSurfaceLookup", "useInputSurfaceLookup", "handleCreateSpace", "useCallback", "data", "program", "gen", "result", "promise", "SpaceOperation", "Create", "space", "LayoutOperation", "SwitchWorkspace", "subject", "getSpacePath", "UpdateDialog", "state", "runAndForwardErrors", "Dialog", "Content", "Header", "Title", "Close", "asChild", "CloseIconButton", "ref", "Body", "Form", "Root", "testId", "autoFocus", "schema", "SpaceForm", "defaultValues", "fieldProvider", "onSave", "Viewport", "FieldSet", "Submit", "CreateSpaceDialog"]
+}

package/dist/lib/node-esm/InlineSyncStatus-BLD57LB5.mjs

@@ -0,0 +1,54 @@
+import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
+import {
+  meta
+} from "./chunk-63N5JJXI.mjs";
+
+// src/containers/InlineSyncStatus/InlineSyncStatus.tsx
+import React, { useEffect, useState } from "react";
+import { getSpacePath } from "@dxos/app-toolkit";
+import { EdgeStatus } from "@dxos/protocols/proto/dxos/client/services";
+import { EdgeReplicationSetting } from "@dxos/protocols/proto/dxos/echo/metadata";
+import { useClient } from "@dxos/react-client";
+import { useSpaceSyncState } from "@dxos/react-client/echo";
+import { Tooltip, useTranslation } from "@dxos/react-ui";
+import { AttentionGlyph, useAttention } from "@dxos/react-ui-attention";
+var useEdgeStatus = () => {
+  const [status, setStatus] = useState(EdgeStatus.ConnectionState.NOT_CONNECTED);
+  const client = useClient();
+  useEffect(() => {
+    client.services.services.EdgeAgentService?.queryEdgeStatus().subscribe(({ status: status2 }) => {
+      setStatus(status2.state);
+    });
+  }, [
+    client
+  ]);
+  return status;
+};
+var InlineSyncStatus = ({ space, open }) => {
+  const { t } = useTranslation(meta.id);
+  const qualifiedId = getSpacePath(space.id);
+  const { hasAttention, isAncestor, isRelated } = useAttention(qualifiedId);
+  const attended = hasAttention || isRelated;
+  const containsAttended = isAncestor && !open;
+  const connectedToEdge = useEdgeStatus() === EdgeStatus.ConnectionState.CONNECTED;
+  const edgeSyncEnabled = space.internal.data.edgeReplication === EdgeReplicationSetting.ENABLED;
+  const syncState = useSpaceSyncState(space);
+  const syncing = connectedToEdge && edgeSyncEnabled && syncState && syncState.missingOnLocal > 0;
+  return /* @__PURE__ */ React.createElement(Tooltip.Trigger, {
+    asChild: true,
+    content: t("syncing label"),
+    side: "bottom"
+  }, /* @__PURE__ */ React.createElement(AttentionGlyph, {
+    syncing,
+    attended,
+    containsAttended,
+    classNames: "self-center mx-1"
+  }));
+};
+
+// src/containers/InlineSyncStatus/index.ts
+var InlineSyncStatus_default = InlineSyncStatus;
+export {
+  InlineSyncStatus_default as default
+};
+//# sourceMappingURL=InlineSyncStatus-BLD57LB5.mjs.map

package/dist/lib/node-esm/InlineSyncStatus-BLD57LB5.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/containers/InlineSyncStatus/InlineSyncStatus.tsx", "../../../src/containers/InlineSyncStatus/index.ts"],
+  "sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\n\nimport React, { useEffect, useState } from 'react';\n\nimport { getSpacePath } from '@dxos/app-toolkit';\nimport { EdgeStatus } from '@dxos/protocols/proto/dxos/client/services';\nimport { EdgeReplicationSetting } from '@dxos/protocols/proto/dxos/echo/metadata';\nimport { useClient } from '@dxos/react-client';\nimport { type Space, useSpaceSyncState } from '@dxos/react-client/echo';\nimport { Tooltip, useTranslation } from '@dxos/react-ui';\nimport { AttentionGlyph, useAttention } from '@dxos/react-ui-attention';\n\nimport { meta } from '../../meta';\n\nconst useEdgeStatus = (): EdgeStatus.ConnectionState => {\n  const [status, setStatus] = useState(EdgeStatus.ConnectionState.NOT_CONNECTED);\n  const client = useClient();\n  useEffect(() => {\n    client.services.services.EdgeAgentService?.queryEdgeStatus().subscribe(({ status }) => {\n      setStatus(status.state);\n    });\n  }, [client]);\n\n  return status;\n};\n\nexport const InlineSyncStatus = ({ space, open }: { space: Space; open?: boolean }) => {\n  const { t } = useTranslation(meta.id);\n  const qualifiedId = getSpacePath(space.id);\n  const { hasAttention, isAncestor, isRelated } = useAttention(qualifiedId);\n  const attended = hasAttention || isRelated;\n  const containsAttended = isAncestor && !open;\n  const connectedToEdge = useEdgeStatus() === EdgeStatus.ConnectionState.CONNECTED;\n  // TODO(wittjosiah): This is not reactive.\n  const edgeSyncEnabled = space.internal.data.edgeReplication === EdgeReplicationSetting.ENABLED;\n  const syncState = useSpaceSyncState(space);\n  const syncing = connectedToEdge && edgeSyncEnabled && syncState && syncState.missingOnLocal > 0;\n\n  return (\n    <Tooltip.Trigger asChild content={t('syncing label')} side='bottom'>\n      <AttentionGlyph\n        syncing={syncing}\n        attended={attended}\n        containsAttended={containsAttended}\n        classNames='self-center mx-1'\n      />\n    </Tooltip.Trigger>\n  );\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport { InlineSyncStatus } from './InlineSyncStatus';\n\nexport default InlineSyncStatus;\n"],
+  "mappings": ";;;;;;AAIA,OAAOA,SAASC,WAAWC,gBAAgB;AAE3C,SAASC,oBAAoB;AAC7B,SAASC,kBAAkB;AAC3B,SAASC,8BAA8B;AACvC,SAASC,iBAAiB;AAC1B,SAAqBC,yBAAyB;AAC9C,SAASC,SAASC,sBAAsB;AACxC,SAASC,gBAAgBC,oBAAoB;AAI7C,IAAMC,gBAAgB,MAAA;AACpB,QAAM,CAACC,QAAQC,SAAAA,IAAaC,SAASC,WAAWC,gBAAgBC,aAAa;AAC7E,QAAMC,SAASC,UAAAA;AACfC,YAAU,MAAA;AACRF,WAAOG,SAASA,SAASC,kBAAkBC,gBAAAA,EAAkBC,UAAU,CAAC,EAAEZ,QAAAA,QAAM,MAAE;AAChFC,gBAAUD,QAAOa,KAAK;IACxB,CAAA;EACF,GAAG;IAACP;GAAO;AAEX,SAAON;AACT;AAEO,IAAMc,mBAAmB,CAAC,EAAEC,OAAOC,KAAI,MAAoC;AAChF,QAAM,EAAEC,EAAC,IAAKC,eAAeC,KAAKC,EAAE;AACpC,QAAMC,cAAcC,aAAaP,MAAMK,EAAE;AACzC,QAAM,EAAEG,cAAcC,YAAYC,UAAS,IAAKC,aAAaL,WAAAA;AAC7D,QAAMM,WAAWJ,gBAAgBE;AACjC,QAAMG,mBAAmBJ,cAAc,CAACR;AACxC,QAAMa,kBAAkB9B,cAAAA,MAAoBI,WAAWC,gBAAgB0B;AAEvE,QAAMC,kBAAkBhB,MAAMiB,SAASC,KAAKC,oBAAoBC,uBAAuBC;AACvF,QAAMC,YAAYC,kBAAkBvB,KAAAA;AACpC,QAAMwB,UAAUV,mBAAmBE,mBAAmBM,aAAaA,UAAUG,iBAAiB;AAE9F,SACE,sBAAA,cAACC,QAAQC,SAAO;IAACC,SAAAA;IAAQC,SAAS3B,EAAE,eAAA;IAAkB4B,MAAK;KACzD,sBAAA,cAACC,gBAAAA;IACCP;IACAZ;IACAC;IACAmB,YAAW;;AAInB;;;AC5CA,IAAA,2BAAeC;",
+  "names": ["React", "useEffect", "useState", "getSpacePath", "EdgeStatus", "EdgeReplicationSetting", "useClient", "useSpaceSyncState", "Tooltip", "useTranslation", "AttentionGlyph", "useAttention", "useEdgeStatus", "status", "setStatus", "useState", "EdgeStatus", "ConnectionState", "NOT_CONNECTED", "client", "useClient", "useEffect", "services", "EdgeAgentService", "queryEdgeStatus", "subscribe", "state", "InlineSyncStatus", "space", "open", "t", "useTranslation", "meta", "id", "qualifiedId", "getSpacePath", "hasAttention", "isAncestor", "isRelated", "useAttention", "attended", "containsAttended", "connectedToEdge", "CONNECTED", "edgeSyncEnabled", "internal", "data", "edgeReplication", "EdgeReplicationSetting", "ENABLED", "syncState", "useSpaceSyncState", "syncing", "missingOnLocal", "Tooltip", "Trigger", "asChild", "content", "side", "AttentionGlyph", "classNames", "InlineSyncStatus"]
+}

package/dist/lib/node-esm/JoinDialog-2OMVG5MT.mjs

@@ -0,0 +1,116 @@
+import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
+import {
+  meta
+} from "./chunk-63N5JJXI.mjs";
+
+// src/containers/JoinDialog/JoinDialog.tsx
+import React, { useCallback } from "react";
+import { useOperationInvoker } from "@dxos/app-framework/ui";
+import { LayoutOperation, getSpacePath } from "@dxos/app-toolkit";
+import { useAppGraph } from "@dxos/app-toolkit/ui";
+import { Trigger } from "@dxos/async";
+import { Graph } from "@dxos/plugin-graph";
+import { ObservabilityOperation } from "@dxos/plugin-observability/operations";
+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";
+var JOIN_DIALOG = `${meta.id}.JoinDialog`;
+var JoinDialog = ({ navigableCollections, onDone, ...props }) => {
+  const { invokePromise } = useOperationInvoker();
+  const client = useClient();
+  const { graph } = useAppGraph();
+  const { t } = useTranslation(meta.id);
+  const handleDone = useCallback(async (result) => {
+    const spaceKey = result?.spaceKey;
+    if (!spaceKey) {
+      return;
+    }
+    await Promise.all([
+      invokePromise(LayoutOperation.AddToast, {
+        id: `${meta.id}.join-success`,
+        duration: 5e3,
+        title: [
+          "join success label",
+          {
+            ns: meta.id
+          }
+        ],
+        closeLabel: [
+          "dismiss label",
+          {
+            ns: meta.id
+          }
+        ]
+      }),
+      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.SwitchWorkspace, {
+      subject: getSpacePath(space.id)
+    });
+    const target = result?.target || (navigableCollections ? space?.id : void 0);
+    if (target) {
+      await Graph.waitForPath(graph, {
+        target
+      }).catch(() => {
+      });
+      await Promise.all([
+        invokePromise(LayoutOperation.Open, {
+          subject: [
+            target
+          ]
+        }),
+        invokePromise(LayoutOperation.Expose, {
+          subject: target
+        })
+      ]);
+    }
+    onDone?.(result);
+    if (space) {
+      await invokePromise(ObservabilityOperation.SendEvent, {
+        name: "space.join",
+        properties: {
+          spaceId: space.id
+        }
+      });
+    }
+  }, [
+    invokePromise,
+    client,
+    graph,
+    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-2OMVG5MT.mjs.map

package/dist/lib/node-esm/JoinDialog-2OMVG5MT.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, getSpacePath } from '@dxos/app-toolkit';\nimport { useAppGraph } from '@dxos/app-toolkit/ui';\nimport { Trigger } from '@dxos/async';\nimport { Graph } from '@dxos/plugin-graph';\nimport { ObservabilityOperation } from '@dxos/plugin-observability/operations';\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.id}.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 { graph } = useAppGraph();\n  const { t } = useTranslation(meta.id);\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.id}.join-success`,\n          duration: 5_000,\n          title: ['join success label', { ns: meta.id }],\n          closeLabel: ['dismiss label', { ns: meta.id }],\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      await invokePromise(LayoutOperation.SwitchWorkspace, { subject: getSpacePath(space.id) });\n\n      // TODO(wittjosiah): If navigableCollections is false and there's no target,\n      //   should try to navigate to the first object of the space replicates.\n      //   Potentially this could also be done on the inviters side to ensure there's always a target.\n      const target = result?.target || (navigableCollections ? space?.id : undefined);\n      if (target) {\n        // Wait before navigating to the target node.\n        // If the target has not yet replicated, this will trigger a loading toast.\n        await Graph.waitForPath(graph, { target }).catch(() => {});\n        await Promise.all([\n          invokePromise(LayoutOperation.Open, { subject: [target] }),\n          invokePromise(LayoutOperation.Expose, { subject: target }),\n        ]);\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, graph, 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,oBAAoB;AAC9C,SAASC,mBAAmB;AAC5B,SAASC,eAAe;AACxB,SAASC,aAAa;AACtB,SAASC,8BAA8B;AACvC,SAASC,iBAAiB;AAG1B,SAASC,QAAQC,sBAAsB;AACvC,SAASC,iBAAsC;AAC/C,SAASC,sBAAsB;AAIxB,IAAMC,cAAc,GAAGC,KAAKC,EAAE;AAM9B,IAAMC,aAAa,CAAC,EAAEC,sBAAsBC,QAAQ,GAAGC,MAAAA,MAAwB;AACpF,QAAM,EAAEC,cAAa,IAAKC,oBAAAA;AAC1B,QAAMC,SAASC,UAAAA;AACf,QAAM,EAAEC,MAAK,IAAKC,YAAAA;AAClB,QAAM,EAAEC,EAAC,IAAKC,eAAeb,KAAKC,EAAE;AAEpC,QAAMa,aAAaC,YACjB,OAAOC,WAAAA;AACL,UAAMC,WAAWD,QAAQC;AACzB,QAAI,CAACA,UAAU;AACb;IACF;AAEA,UAAMC,QAAQC,IAAI;MAChBb,cAAcc,gBAAgBC,UAAU;QACtCpB,IAAI,GAAGD,KAAKC,EAAE;QACdqB,UAAU;QACVC,OAAO;UAAC;UAAsB;YAAEC,IAAIxB,KAAKC;UAAG;;QAC5CwB,YAAY;UAAC;UAAiB;YAAED,IAAIxB,KAAKC;UAAG;;MAC9C,CAAA;MACAK,cAAcc,gBAAgBM,cAAc;QAAEC,OAAO;MAAM,CAAA;KAC5D;AAED,QAAIC,QAAQpB,OAAOqB,OAAOC,IAAIb,QAAAA;AAC9B,QAAI,CAACW,OAAO;AAEV,YAAMG,UAAU,IAAIC,QAAAA;AACpBxB,aAAOqB,OAAOI,UAAU,MAAA;AACtB,cAAML,SAAQpB,OAAOqB,OAAOC,IAAIb,QAAAA;AAChC,YAAIW,QAAO;AACTG,kBAAQG,KAAKN,MAAAA;QACf;MACF,CAAA;AACAA,cAAQ,MAAMG,QAAQI,KAAI;IAC5B;AAEA,UAAM7B,cAAcc,gBAAgBgB,iBAAiB;MAAEC,SAASC,aAAaV,MAAM3B,EAAE;IAAE,CAAA;AAKvF,UAAMsC,SAASvB,QAAQuB,WAAWpC,uBAAuByB,OAAO3B,KAAKuC;AACrE,QAAID,QAAQ;AAGV,YAAME,MAAMC,YAAYhC,OAAO;QAAE6B;MAAO,CAAA,EAAGI,MAAM,MAAA;MAAO,CAAA;AACxD,YAAMzB,QAAQC,IAAI;QAChBb,cAAcc,gBAAgBwB,MAAM;UAAEP,SAAS;YAACE;;QAAQ,CAAA;QACxDjC,cAAcc,gBAAgByB,QAAQ;UAAER,SAASE;QAAO,CAAA;OACzD;IACH;AAEAnC,aAASY,MAAAA;AAET,QAAIY,OAAO;AACT,YAAMtB,cAAcwC,uBAAuBC,WAAW;QACpDC,MAAM;QACNC,YAAY;UACVC,SAAStB,MAAM3B;QACjB;MACF,CAAA;IACF;EACF,GACA;IAACK;IAAeE;IAAQE;IAAOP;IAAsBC;GAAO;AAI9D,SACE,sBAAA,cAAC+C,OAAOC,SAAO,MACb,sBAAA,cAACD,OAAOE,OAAK;IAACC,YAAW;KAAW1C,EAAE,oBAAoB;IAAEY,IAAI+B;EAAe,CAAA,CAAA,GAC/E,sBAAA,cAACJ,OAAOK,MAAI,MACV,sBAAA,cAACC,WAAAA;IACE,GAAGpD;IACJqD,kBAAkB,sBAAA,cAACP,OAAOQ,OAAK;MAACC,SAAAA;;IAChCC,kBAAkB,sBAAA,cAACV,OAAOQ,OAAK;MAACC,SAAAA;;IAChCxD,QAAQU;;AAKlB;",
+  "names": ["React", "useCallback", "useOperationInvoker", "LayoutOperation", "getSpacePath", "useAppGraph", "Trigger", "Graph", "ObservabilityOperation", "useClient", "Dialog", "useTranslation", "JoinPanel", "osTranslations", "JOIN_DIALOG", "meta", "id", "JoinDialog", "navigableCollections", "onDone", "props", "invokePromise", "useOperationInvoker", "client", "useClient", "graph", "useAppGraph", "t", "useTranslation", "handleDone", "useCallback", "result", "spaceKey", "Promise", "all", "LayoutOperation", "AddToast", "duration", "title", "ns", "closeLabel", "UpdateDialog", "state", "space", "spaces", "get", "trigger", "Trigger", "subscribe", "wake", "wait", "SwitchWorkspace", "subject", "getSpacePath", "target", "undefined", "Graph", "waitForPath", "catch", "Open", "Expose", "ObservabilityOperation", "SendEvent", "name", "properties", "spaceId", "Dialog", "Content", "Title", "classNames", "osTranslations", "Body", "JoinPanel", "exitActionParent", "Close", "asChild", "doneActionParent"]
+}

package/dist/lib/node-esm/MembersContainer-CGCYDOW4.mjs

@@ -0,0 +1,234 @@
+import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
+import "./chunk-GSBONFAB.mjs";
+import {
+  SpaceOperation
+} from "./chunk-LOAND6M6.mjs";
+import "./chunk-QAL755T4.mjs";
+import {
+  meta
+} from "./chunk-63N5JJXI.mjs";
+
+// src/containers/MembersContainer/MembersContainer.tsx
+import React, { useMemo, useState } from "react";
+import { QR } from "react-qr-rounded";
+import { useOperationInvoker } from "@dxos/app-framework/ui";
+import { Collection, 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 { AuthCode, BifurcatedAction, Centered, Emoji, InvitationList, SpaceMemberList, Viewport, translationKey as shellTranslationKey } from "@dxos/shell/react";
+import { hexToEmoji } from "@dxos/util";
+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, {
+      F: __dxlog_file,
+      L: 38,
+      S: void 0,
+      C: (f, a) => f(...a)
+    });
+    subscription.unsubscribe();
+  }
+};
+var MembersContainer = ({ space, createInvitationUrl }) => {
+  const { t } = useTranslation(meta.id);
+  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 = space.properties[Collection.Collection.typename]?.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.getDXN(target).toString()
+        });
+        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.getDXN(target).toString()
+        });
+        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(Settings.Root, null, /* @__PURE__ */ React.createElement(Settings.Section, {
+    title: t("members verbose label"),
+    description: t("members description")
+  }, /* @__PURE__ */ React.createElement(Settings.Frame, null, /* @__PURE__ */ React.createElement(Settings.FrameItem, {
+    title: t("members label")
+  }, /* @__PURE__ */ React.createElement(SpaceMemberList, {
+    spaceKey: space.key,
+    includeSelf: true
+  })), /* @__PURE__ */ React.createElement(Settings.FrameItem, {
+    title: 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.id
+  })), /* @__PURE__ */ React.createElement("div", {
+    role: "group",
+    className: "grid grid-cols-[1fr_min-content] my-2 gap-2"
+  }, /* @__PURE__ */ React.createElement("div", {
+    role: "none",
+    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"
+  });
+};
+
+// src/containers/MembersContainer/index.ts
+var MembersContainer_default = MembersContainer;
+export {
+  MembersContainer_default as default
+};
+//# sourceMappingURL=MembersContainer-CGCYDOW4.mjs.map

package/dist/lib/node-esm/MembersContainer-CGCYDOW4.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/containers/MembersContainer/MembersContainer.tsx", "../../../src/containers/MembersContainer/index.ts"],
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\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 { Collection, Obj } from '@dxos/echo';\nimport { log } from '@dxos/log';\nimport { useConfig } from '@dxos/react-client';\nimport { type Space, 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 { Settings } 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 = {\n  space: Space;\n  createInvitationUrl: (invitationCode: string) => string;\n};\n\nexport const MembersContainer = ({ space, createInvitationUrl }: MembersContainerProps) => {\n  const { t } = useTranslation(meta.id);\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 = space.properties[Collection.Collection.typename]?.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.getDXN(target).toString(),\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.getDXN(target).toString(),\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      <Settings.Root>\n        <Settings.Section title={t('members verbose label')} description={t('members description')}>\n          <Settings.Frame>\n            <Settings.FrameItem title={t('members label')}>\n              <SpaceMemberList spaceKey={space.key} includeSelf />\n            </Settings.FrameItem>\n            <Settings.FrameItem title={t('invitations label')}>\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            </Settings.FrameItem>\n          </Settings.Frame>\n        </Settings.Section>\n      </Settings.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.id })}</p>\n      <div role='group' className='grid grid-cols-[1fr_min-content] my-2 gap-2'>\n        <div role='none' 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", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { MembersContainer } from './MembersContainer';\n\nexport default MembersContainer;\n"],
+  "mappings": "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",
+  "names": ["React", "useMemo", "useState", "QR", "useOperationInvoker", "Collection", "Obj", "log", "useConfig", "useSpaceInvitations", "Invitation", "InvitationEncoder", "Button", "Clipboard", "Icon", "useId", "useTranslation", "Settings", "AuthCode", "BifurcatedAction", "Centered", "Emoji", "InvitationList", "SpaceMemberList", "Viewport", "translationKey", "shellTranslationKey", "hexToEmoji", "activeActionKey", "handleInvitationEvent", "invitation", "subscription", "invitationCode", "InvitationEncoder", "encode", "state", "Invitation", "State", "CONNECTING", "log", "info", "JSON", "stringify", "authCode", "unsubscribe", "MembersContainer", "space", "createInvitationUrl", "t", "useTranslation", "meta", "id", "config", "useConfig", "invokePromise", "useOperationInvoker", "invitations", "useSpaceInvitations", "key", "visibleInvitations", "filter", "CANCELLED", "includes", "get", "activeAction", "setInternalActiveAction", "useState", "localStorage", "getItem", "setActiveAction", "nextAction", "setItem", "target", "properties", "Collection", "typename", "objects", "inviteActions", "useMemo", "inviteOne", "label", "ns", "shellTranslationKey", "description", "icon", "testId", "onClick", "data", "SpaceOperation", "Share", "type", "Type", "INTERACTIVE", "authMethod", "AuthMethod", "SHARED_SECRET", "multiUse", "Obj", "getDXN", "toString", "values", "runtime", "app", "env", "DX_ENVIRONMENT", "subscribe", "inviteMany", "DELEGATED", "KNOWN_PUBLIC_KEY", "selectedInvitation", "setSelectedInvitation", "handleSend", "event", "handleBack", "Clipboard", "Provider", "Settings", "Root", "Section", "title", "Frame", "FrameItem", "SpaceMemberList", "spaceKey", "includeSelf", "InvitationSection", "onBack", "p", "className", "InvitationList", "send", "onClickRemove", "cancel", "BifurcatedAction", "actions", "onChangeActiveAction", "data-testid", "INIT", "invitationId", "url", "activeView", "READY_FOR_AUTHENTICATION", "Viewport", "Views", "View", "InvitationComplete", "statusValue", "InvitationAuthCode", "code", "onCancel", "InvitationQR", "qrLabel", "useId", "emoji", "hexToEmoji", "div", "role", "QR", "rounding", "backgroundColor", "color", "aria-labelledby", "errorCorrectionLevel", "cutout", "Centered", "Emoji", "text", "span", "Button", "value", "variant", "AuthCode", "large", "classNames", "Icon", "size", "MembersContainer"]
+}

package/dist/lib/node-esm/MenuFooter-TDRLXHJC.mjs

@@ -0,0 +1,38 @@
+import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
+import {
+  getSpaceDisplayName
+} from "./chunk-GKKWLSK3.mjs";
+import "./chunk-QAL755T4.mjs";
+import {
+  meta
+} from "./chunk-63N5JJXI.mjs";
+
+// src/containers/MenuFooter/MenuFooter.tsx
+import React from "react";
+import { isPersonalSpace } from "@dxos/app-toolkit";
+import { getSpace } from "@dxos/client/echo";
+import { DropdownMenu, Icon, toLocalizedString, useTranslation } from "@dxos/react-ui";
+var MenuFooter = ({ object }) => {
+  const { t } = useTranslation(meta.id);
+  const space = getSpace(object);
+  const spaceName = space ? getSpaceDisplayName(space, {
+    personal: 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;
+};
+
+// src/containers/MenuFooter/index.ts
+var MenuFooter_default = MenuFooter;
+export {
+  MenuFooter_default as default
+};
+//# sourceMappingURL=MenuFooter-TDRLXHJC.mjs.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/containers/MenuFooter/MenuFooter.tsx", "../../../src/containers/MenuFooter/index.ts"],
+  "sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\n\nimport React from 'react';\n\nimport { isPersonalSpace } 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';\nimport { getSpaceDisplayName } from '../../util';\n\nexport const MenuFooter = ({ object }: { object: Obj.Unknown }) => {\n  const { t } = useTranslation(meta.id);\n  const space = getSpace(object);\n  const spaceName = space ? getSpaceDisplayName(space, { personal: 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", "//\n// Copyright 2024 DXOS.org\n//\n\nimport { MenuFooter } from './MenuFooter';\n\nexport default MenuFooter;\n"],
+  "mappings": ";;;;;;;;;;AAIA,OAAOA,WAAW;AAElB,SAASC,uBAAuB;AAChC,SAASC,gBAAgB;AAEzB,SAASC,cAAcC,MAAMC,mBAAmBC,sBAAsB;AAK/D,IAAMC,aAAa,CAAC,EAAEC,OAAM,MAA2B;AAC5D,QAAM,EAAEC,EAAC,IAAKC,eAAeC,KAAKC,EAAE;AACpC,QAAMC,QAAQC,SAASN,MAAAA;AACvB,QAAMO,YAAYF,QAAQG,oBAAoBH,OAAO;IAAEI,UAAUC,gBAAgBL,KAAAA;EAAO,CAAA,IAAK;AAC7F,SAAOA,QACL,sBAAA,cAAA,MAAA,UAAA,MACE,sBAAA,cAACM,aAAaC,WAAS,IAAA,GACvB,sBAAA,cAACD,aAAaE,YAAU,MAAEZ,EAAE,mBAAA,CAAA,GAC5B,sBAAA,cAACa,MAAAA;IAAGC,WAAU;KACZ,sBAAA,cAACC,MAAAA;IAAGD,WAAU;KAAqEd,EAAE,gBAAA,CAAA,GACrF,sBAAA,cAACgB,MAAAA;IAAGF,WAAU;KACZ,sBAAA,cAACG,MAAAA;IAAKC,MAAK;IAAsBC,YAAW;MAC3CC,kBAAkBd,WAAWN,CAAAA,CAAAA,CAAAA,CAAAA,IAIlC;AACN;;;ACzBA,IAAA,qBAAeqB;",
+  "names": ["React", "isPersonalSpace", "getSpace", "DropdownMenu", "Icon", "toLocalizedString", "useTranslation", "MenuFooter", "object", "t", "useTranslation", "meta", "id", "space", "getSpace", "spaceName", "getSpaceDisplayName", "personal", "isPersonalSpace", "DropdownMenu", "Separator", "GroupLabel", "dl", "className", "dt", "dd", "Icon", "icon", "classNames", "toLocalizedString", "MenuFooter"]
+}

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

@@ -0,0 +1,67 @@
+import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
+import {
+  ObjectForm
+} from "./chunk-2KMG423O.mjs";
+import "./chunk-UYYUEDNH.mjs";
+import "./chunk-GKKWLSK3.mjs";
+import "./chunk-GSBONFAB.mjs";
+import "./chunk-LOAND6M6.mjs";
+import "./chunk-QAL755T4.mjs";
+import {
+  meta
+} from "./chunk-63N5JJXI.mjs";
+
+// src/containers/ObjectCardStack/ObjectCardStack.tsx
+import React, { forwardRef, useState } from "react";
+import { Obj } from "@dxos/echo";
+import { Filter, useQuery, useSchema } from "@dxos/react-client/echo";
+import { Card, Message, Panel, ScrollArea, Toolbar, useTranslation } from "@dxos/react-ui";
+import { useSelected } from "@dxos/react-ui-attention";
+import { Mosaic } from "@dxos/react-ui-mosaic";
+import { getTypenameFromQuery } from "@dxos/schema";
+import { isNonNullable } from "@dxos/util";
+var ObjectCardStack = /* @__PURE__ */ forwardRef(({ objectId, view }, forwardedRef) => {
+  const { t } = useTranslation(meta.id);
+  const db = Obj.getDatabase(view);
+  const typename = view.query ? getTypenameFromQuery(view.query.ast) : void 0;
+  const schema = useSchema(db, typename);
+  const queriedObjects = useQuery(db, schema ? Filter.type(schema) : Filter.nothing());
+  const selectedRows = useSelected(objectId, "multi");
+  const selectedObjects = selectedRows.map((id) => queriedObjects.find((obj) => obj.id === id)).filter(isNonNullable);
+  const [viewport, setViewport] = useState(null);
+  if (!schema) {
+    return null;
+  }
+  return /* @__PURE__ */ React.createElement(Panel.Root, {
+    className: "dx-document",
+    ref: forwardedRef
+  }, /* @__PURE__ */ React.createElement(Panel.Toolbar, {
+    asChild: true
+  }, /* @__PURE__ */ React.createElement(Toolbar.Root, null)), /* @__PURE__ */ React.createElement(Panel.Content, null, selectedObjects.length === 0 ? /* @__PURE__ */ React.createElement(Message.Root, null, /* @__PURE__ */ React.createElement(Message.Title, null, t("row details no selection label"))) : /* @__PURE__ */ React.createElement(Mosaic.Root, null, /* @__PURE__ */ React.createElement(Mosaic.Container, {
+    asChild: true,
+    orientation: "vertical",
+    autoScroll: viewport,
+    eventHandler: {
+      id: objectId,
+      canDrop: () => true
+    }
+  }, /* @__PURE__ */ React.createElement(ScrollArea.Root, {
+    orientation: "vertical"
+  }, /* @__PURE__ */ React.createElement(ScrollArea.Viewport, {
+    ref: setViewport
+  }, /* @__PURE__ */ React.createElement(Mosaic.Stack, {
+    items: selectedObjects,
+    getId: (obj) => obj.id,
+    Tile: ({ ...props }) => /* @__PURE__ */ React.createElement(Mosaic.Tile, props, /* @__PURE__ */ React.createElement(Card.Root, null, /* @__PURE__ */ React.createElement(ObjectForm, {
+      object: props.data,
+      schema
+    })))
+  })))))));
+});
+
+// src/containers/ObjectCardStack/index.ts
+var ObjectCardStack_default = ObjectCardStack;
+export {
+  ObjectCardStack_default as default
+};
+//# sourceMappingURL=ObjectCardStack-XVZLODMK.mjs.map