@dxos/plugin-space 0.8.4-main.bc674ce → 0.8.4-main.c351d160a8

package/dist/lib/node-esm/CreateSpaceDialog-J47M5FPQ.mjs

@@ -0,0 +1,65 @@
+import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
+import {
+  useInputSurfaceLookup
+} from "./chunk-2OLR2ZKH.mjs";
+import {
+  SpaceForm,
+  SpaceOperation
+} from "./chunk-EVNSLSQS.mjs";
+import {
+  meta
+} from "./chunk-63N5JJXI.mjs";
+
+// src/containers/CreateSpaceDialog/CreateSpaceDialog.tsx
+import * as Effect from "effect/Effect";
+import React, { useCallback, useRef } from "react";
+import { useOperationInvoker } from "@dxos/app-framework/ui";
+import { LayoutOperation, getSpacePath } from "@dxos/app-toolkit";
+import { runAndForwardErrors } from "@dxos/effect";
+import { Dialog, useTranslation } from "@dxos/react-ui";
+import { Form } from "@dxos/react-ui-form";
+var CREATE_SPACE_DIALOG = `${meta.id}.CreateSpaceDialog`;
+var initialValues = {
+  edgeReplication: true
+};
+var CreateSpaceDialog = () => {
+  const closeRef = useRef(null);
+  const { t } = useTranslation(meta.id);
+  const { invokePromise } = useOperationInvoker();
+  const inputSurfaceLookup = useInputSurfaceLookup();
+  const handleCreateSpace = useCallback(async (data) => {
+    const program = Effect.gen(function* () {
+      const { data: result } = yield* Effect.promise(() => invokePromise(SpaceOperation.Create, data));
+      if (result?.space) {
+        yield* Effect.promise(() => invokePromise(LayoutOperation.SwitchWorkspace, {
+          subject: getSpacePath(result.space.id)
+        }));
+        yield* Effect.promise(() => invokePromise(LayoutOperation.UpdateDialog, {
+          state: false
+        }));
+      }
+    });
+    await runAndForwardErrors(program);
+  }, [
+    invokePromise
+  ]);
+  return /* @__PURE__ */ React.createElement(Dialog.Content, null, /* @__PURE__ */ React.createElement(Dialog.Header, null, /* @__PURE__ */ React.createElement(Dialog.Title, null, t("create space dialog title")), /* @__PURE__ */ React.createElement(Dialog.Close, {
+    asChild: true
+  }, /* @__PURE__ */ React.createElement(Dialog.CloseIconButton, {
+    ref: closeRef
+  }))), /* @__PURE__ */ React.createElement(Form.Root, {
+    testId: "create-space-form",
+    autoFocus: true,
+    schema: SpaceForm,
+    defaultValues: initialValues,
+    fieldProvider: inputSurfaceLookup,
+    onSave: handleCreateSpace
+  }, /* @__PURE__ */ React.createElement(Form.Viewport, null, /* @__PURE__ */ React.createElement(Form.Content, null, /* @__PURE__ */ React.createElement(Form.FieldSet, null), /* @__PURE__ */ React.createElement(Form.Submit, null)))));
+};
+
+// src/containers/CreateSpaceDialog/index.ts
+var CreateSpaceDialog_default = CreateSpaceDialog;
+export {
+  CreateSpaceDialog_default as default
+};
+//# sourceMappingURL=CreateSpaceDialog-J47M5FPQ.mjs.map

package/dist/lib/node-esm/CreateSpaceDialog-J47M5FPQ.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, SpaceOperation } from '../../types';\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      <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.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;AAMd,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,cAACiC,KAAKC,MAAI;IACRC,QAAO;IACPC,WAAAA;IACAC,QAAQC;IACRC,eAAe1C;IACf2C,eAAelC;IACfmC,QAAQjC;KAER,sBAAA,cAACyB,KAAKS,UAAQ,MACZ,sBAAA,cAACT,KAAKP,SAAO,MACX,sBAAA,cAACO,KAAKU,UAAQ,IAAA,GACd,sBAAA,cAACV,KAAKW,QAAM,IAAA,CAAA,CAAA,CAAA,CAAA;AAMxB;;;ACjEA,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", "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-XCOYKSHA.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/types";
+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
+        })
+      ]);
+    }
+    await 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(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-XCOYKSHA.mjs.map

package/dist/lib/node-esm/JoinDialog-XCOYKSHA.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/types';\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      await 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  return (\n    <Dialog.Content>\n      <Dialog.Title classNames='sr-only'>{t('join space label', { ns: osTranslations })}</Dialog.Title>\n      <JoinPanel\n        {...props}\n        exitActionParent={<Dialog.Close asChild />}\n        doneActionParent={<Dialog.Close asChild />}\n        onDone={handleDone}\n      />\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;AAEA,UAAMnC,SAASY,MAAAA;AAEf,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;AAG9D,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,cAACC,WAAAA;IACE,GAAGnD;IACJoD,kBAAkB,sBAAA,cAACN,OAAOO,OAAK;MAACC,SAAAA;;IAChCC,kBAAkB,sBAAA,cAACT,OAAOO,OAAK;MAACC,SAAAA;;IAChCvD,QAAQU;;AAIhB;",
+  "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", "JoinPanel", "exitActionParent", "Close", "asChild", "doneActionParent"]
+}

package/dist/lib/node-esm/MembersContainer-4PV3Z4BA.mjs

@@ -0,0 +1,258 @@
+import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
+import {
+  COMPOSER_SPACE_LOCK
+} from "./chunk-GEGWQVZX.mjs";
+import {
+  SpaceOperation
+} from "./chunk-EVNSLSQS.mjs";
+import {
+  meta
+} from "./chunk-63N5JJXI.mjs";
+
+// src/containers/MembersContainer/MembersContainer.tsx
+import React, { useCallback, useMemo, useState } from "react";
+import { QR } from "react-qr-rounded";
+import { useOperationInvoker } from "@dxos/app-framework/ui";
+import { Obj } from "@dxos/echo";
+import { Collection } 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, Input, 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: 40,
+      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 locked = space.properties[COMPOSER_SPACE_LOCK];
+  const handleChangeLocked = useCallback(() => {
+    Obj.change(space.properties, (p) => {
+      p[COMPOSER_SPACE_LOCK] = !locked;
+    });
+  }, [
+    locked,
+    space
+  ]);
+  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
+  })), locked && /* @__PURE__ */ React.createElement(Settings.FrameItem, {
+    title: t("invitations label")
+  }, /* @__PURE__ */ React.createElement("p", {
+    className: "text-description mb-2"
+  }, t("locked space description"))), !locked && /* @__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"
+  })))), /* @__PURE__ */ React.createElement("div", {
+    className: "justify-center p-0 mt-4 grid grid-cols-1 md:grid-cols-[1fr_min-content]"
+  }, /* @__PURE__ */ React.createElement(Settings.ItemInput, {
+    title: t("space locked label"),
+    description: t("space locked description")
+  }, /* @__PURE__ */ React.createElement(Input.Switch, {
+    checked: locked,
+    onCheckedChange: handleChangeLocked,
+    classNames: "justify-self-end"
+  }))))));
+};
+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-4PV3Z4BA.mjs.map

package/dist/lib/node-esm/MembersContainer-4PV3Z4BA.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, useCallback, useMemo, useState } from 'react';\nimport { QR } from 'react-qr-rounded';\n\nimport { useOperationInvoker } from '@dxos/app-framework/ui';\nimport { Obj } from '@dxos/echo';\nimport { Collection } 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, Input, 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 '../../types';\nimport { COMPOSER_SPACE_LOCK } from '../../util';\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 locked = space.properties[COMPOSER_SPACE_LOCK];\n  const handleChangeLocked = useCallback(() => {\n    Obj.change(space.properties, (p) => {\n      p[COMPOSER_SPACE_LOCK] = !locked;\n    });\n  }, [locked, space]);\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            {locked && (\n              <Settings.FrameItem title={t('invitations label')}>\n                <p className='text-description mb-2'>{t('locked space description')}</p>\n              </Settings.FrameItem>\n            )}\n            {!locked && (\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            )}\n          </Settings.Frame>\n          {/* TODO(wittjosiah): Make Settings.ItemInput & Settings.Frame compatible. */}\n          <div className='justify-center p-0 mt-4 grid grid-cols-1 md:grid-cols-[1fr_min-content]'>\n            <Settings.ItemInput title={t('space locked label')} description={t('space locked description')}>\n              <Input.Switch checked={locked} onCheckedChange={handleChangeLocked} classNames='justify-self-end' />\n            </Settings.ItemInput>\n          </div>\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", "useCallback", "useMemo", "useState", "QR", "useOperationInvoker", "Obj", "Collection", "log", "useConfig", "useSpaceInvitations", "Invitation", "InvitationEncoder", "Button", "Clipboard", "Icon", "Input", "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", "locked", "COMPOSER_SPACE_LOCK", "handleChangeLocked", "useCallback", "Obj", "change", "p", "inviteActions", "useMemo", "inviteOne", "label", "ns", "shellTranslationKey", "description", "icon", "testId", "onClick", "data", "SpaceOperation", "Share", "type", "Type", "INTERACTIVE", "authMethod", "AuthMethod", "SHARED_SECRET", "multiUse", "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", "className", "InvitationSection", "onBack", "InvitationList", "send", "onClickRemove", "cancel", "BifurcatedAction", "actions", "onChangeActiveAction", "data-testid", "div", "ItemInput", "Input", "Switch", "checked", "onCheckedChange", "classNames", "INIT", "invitationId", "url", "activeView", "READY_FOR_AUTHENTICATION", "Viewport", "Views", "View", "InvitationComplete", "statusValue", "InvitationAuthCode", "code", "onCancel", "InvitationQR", "qrLabel", "useId", "emoji", "hexToEmoji", "role", "QR", "rounding", "backgroundColor", "color", "aria-labelledby", "errorCorrectionLevel", "cutout", "Centered", "Emoji", "text", "span", "Button", "value", "variant", "AuthCode", "large", "Icon", "size", "MembersContainer"]
+}

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

@@ -0,0 +1,38 @@
+import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
+import {
+  getSpaceDisplayName
+} from "./chunk-GEGWQVZX.mjs";
+import {
+  meta
+} from "./chunk-63N5JJXI.mjs";
+
+// src/containers/MenuFooter/MenuFooter.tsx
+import React from "react";
+import { getSpace } from "@dxos/client/echo";
+import { useClient } from "@dxos/react-client";
+import { DropdownMenu, Icon, toLocalizedString, useTranslation } from "@dxos/react-ui";
+var MenuFooter = ({ object }) => {
+  const { t } = useTranslation(meta.id);
+  const client = useClient();
+  const space = getSpace(object);
+  const spaceName = space ? getSpaceDisplayName(space, {
+    personal: client.spaces.default === 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-PXG2GV6A.mjs.map