@dxos/plugin-space 0.6.14-staging.8758a12 → 0.6.14-staging.9b873ce

package/dist/lib/node/index.cjs

@@ -28,43 +28,44 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var node_exports = {};
 __export(node_exports, {
-  ActorSchema: () => import_chunk_HTAM5LQD.ActorSchema,
+  ActorSchema: () => import_chunk_FYWGZYJB.ActorSchema,
   AwaitingObject: () => AwaitingObject,
   COMPOSER_SPACE_LOCK: () => COMPOSER_SPACE_LOCK,
-  ChannelType: () => import_chunk_HTAM5LQD.ChannelType,
+  ChannelType: () => import_chunk_FYWGZYJB.ChannelType,
   CollectionMain: () => CollectionMain,
   CollectionSection: () => CollectionSection,
-  CollectionType: () => import_chunk_HTAM5LQD.CollectionType,
-  ContactType: () => import_chunk_HTAM5LQD.ContactType,
+  CollectionType: () => import_chunk_FYWGZYJB.CollectionType,
+  ContactType: () => import_chunk_FYWGZYJB.ContactType,
   DefaultObjectSettings: () => DefaultObjectSettings,
   FullPresence: () => FullPresence,
+  JoinDialog: () => JoinDialog,
   MenuFooter: () => MenuFooter,
-  MessageState: () => import_chunk_HTAM5LQD.MessageState,
-  MessageType: () => import_chunk_HTAM5LQD.MessageType,
+  MessageState: () => import_chunk_FYWGZYJB.MessageState,
+  MessageType: () => import_chunk_FYWGZYJB.MessageType,
   PersistenceStatus: () => PersistenceStatus,
   PopoverRenameObject: () => PopoverRenameObject,
   PopoverRenameSpace: () => PopoverRenameSpace,
   SHARED: () => SHARED,
   SPACES: () => SPACES,
-  SPACE_DIRECTORY_HANDLE: () => import_chunk_HTAM5LQD.SPACE_DIRECTORY_HANDLE,
-  SPACE_PLUGIN: () => import_chunk_P4XUXM7Y.SPACE_PLUGIN,
-  SPACE_PLUGIN_SHORT_ID: () => import_chunk_P4XUXM7Y.SPACE_PLUGIN_SHORT_ID,
+  SPACE_DIRECTORY_HANDLE: () => import_chunk_FYWGZYJB.SPACE_DIRECTORY_HANDLE,
+  SPACE_PLUGIN: () => import_chunk_JFDDZI4Y.SPACE_PLUGIN,
+  SPACE_PLUGIN_SHORT_ID: () => import_chunk_JFDDZI4Y.SPACE_PLUGIN_SHORT_ID,
   SPACE_TYPE: () => SPACE_TYPE,
   ShareSpaceButton: () => ShareSpaceButton,
   ShareSpaceButtonImpl: () => ShareSpaceButtonImpl,
   SmallPresence: () => SmallPresence,
   SmallPresenceLive: () => SmallPresenceLive,
-  SpaceAction: () => import_chunk_P4XUXM7Y.SpaceAction,
-  SpaceMain: () => SpaceMain,
+  SpaceAction: () => import_chunk_JFDDZI4Y.SpaceAction,
   SpacePlugin: () => SpacePlugin,
+  SpacePluginSettings: () => SpacePluginSettings,
   SpacePresence: () => SpacePresence,
-  SpaceSettings: () => SpaceSettings,
+  SpaceSettingsDialog: () => SpaceSettingsDialog,
   SpaceSettingsPanel: () => SpaceSettingsPanel,
   SyncStatus: () => SyncStatus,
   SyncStatusDetail: () => SyncStatusDetail,
   SyncStatusIndicator: () => SyncStatusIndicator,
-  ThreadStatus: () => import_chunk_HTAM5LQD.ThreadStatus,
-  ThreadType: () => import_chunk_HTAM5LQD.ThreadType,
+  ThreadStatus: () => import_chunk_FYWGZYJB.ThreadStatus,
+  ThreadType: () => import_chunk_FYWGZYJB.ThreadType,
   cloneObject: () => cloneObject,
   constructObjectActionGroups: () => constructObjectActionGroups,
   constructObjectActions: () => constructObjectActions,
@@ -77,19 +78,20 @@ __export(node_exports, {
   getNestedObjects: () => getNestedObjects,
   getSpaceDisplayName: () => getSpaceDisplayName,
   memoizeQuery: () => memoizeQuery,
-  parseSpaceInitPlugin: () => import_chunk_HTAM5LQD.parseSpaceInitPlugin,
+  parseSpaceInitPlugin: () => import_chunk_FYWGZYJB.parseSpaceInitPlugin,
   parseSpacePlugin: () => parseSpacePlugin,
   translations: () => translations_default
 });
 module.exports = __toCommonJS(node_exports);
-var import_chunk_P4XUXM7Y = require("./chunk-P4XUXM7Y.cjs");
-var import_chunk_HTAM5LQD = require("./chunk-HTAM5LQD.cjs");
+var import_chunk_JFDDZI4Y = require("./chunk-JFDDZI4Y.cjs");
+var import_chunk_FYWGZYJB = require("./chunk-FYWGZYJB.cjs");
 var import_signals_core = require("@preact/signals-core");
 var import_react = __toESM(require("react"));
 var import_app_framework = require("@dxos/app-framework");
 var import_async = require("@dxos/async");
 var import_echo_schema = require("@dxos/echo-schema");
 var import_core = require("@dxos/echo-signals/core");
+var import_invariant = require("@dxos/invariant");
 var import_local_storage = require("@dxos/local-storage");
 var import_log = require("@dxos/log");
 var import_migrations = require("@dxos/migrations");
@@ -99,7 +101,6 @@ var import_plugin_graph = require("@dxos/plugin-graph");
 var import_meta = require("@dxos/plugin-observability/meta");
 var import_react_client = require("@dxos/react-client");
 var import_echo = require("@dxos/react-client/echo");
-var import_react_ui = require("@dxos/react-ui");
 var import_react2 = require("@dxos/shell/react");
 var import_util = require("@dxos/util");
 var import_react3 = require("@phosphor-icons/react");
@@ -107,95 +108,92 @@ var import_react4 = __toESM(require("react"));
 var import_app_framework2 = require("@dxos/app-framework");
 var import_react_client2 = require("@dxos/react-client");
 var import_echo2 = require("@dxos/react-client/echo");
-var import_react_ui2 = require("@dxos/react-ui");
+var import_react_ui = require("@dxos/react-ui");
 var import_react_ui_theme = require("@dxos/react-ui-theme");
 var import_react5 = __toESM(require("react"));
-var import_react_ui3 = require("@dxos/react-ui");
+var import_react_ui2 = require("@dxos/react-ui");
 var import_react_ui_theme2 = require("@dxos/react-ui-theme");
 var import_react6 = __toESM(require("react"));
-var import_react_ui4 = require("@dxos/react-ui");
+var import_react_ui3 = require("@dxos/react-ui");
 var import_react7 = __toESM(require("react"));
+var import_react_ui4 = require("@dxos/react-ui");
+var import_react8 = __toESM(require("react"));
+var import_app_framework3 = require("@dxos/app-framework");
+var import_plugin_graph2 = require("@dxos/plugin-graph");
+var import_meta2 = require("@dxos/plugin-observability/meta");
+var import_echo3 = require("@dxos/react-client/echo");
 var import_react_ui5 = require("@dxos/react-ui");
-var import_react8 = require("@phosphor-icons/react");
-var import_react9 = __toESM(require("react"));
-var import_echo3 = require("@dxos/client/echo");
+var import_react9 = require("@dxos/shell/react");
+var import_react10 = require("@phosphor-icons/react");
+var import_react11 = __toESM(require("react"));
+var import_echo4 = require("@dxos/client/echo");
 var import_react_client3 = require("@dxos/react-client");
 var import_react_ui6 = require("@dxos/react-ui");
-var import_app_framework3 = require("@dxos/app-framework");
+var import_app_framework4 = require("@dxos/app-framework");
 var import_echo_schema2 = require("@dxos/echo-schema");
-var import_invariant = require("@dxos/invariant");
+var import_invariant2 = require("@dxos/invariant");
 var import_migrations2 = require("@dxos/migrations");
-var import_plugin_graph2 = require("@dxos/plugin-graph");
-var import_echo4 = require("@dxos/react-client/echo");
-var import_react10 = require("@phosphor-icons/react");
-var import_react11 = __toESM(require("react"));
+var import_plugin_graph3 = require("@dxos/plugin-graph");
+var import_echo5 = require("@dxos/react-client/echo");
+var import_react12 = require("@phosphor-icons/react");
+var import_react13 = __toESM(require("react"));
 var import_async2 = require("@dxos/async");
 var import_react_ui7 = require("@dxos/react-ui");
 var import_react_ui_theme3 = require("@dxos/react-ui-theme");
-var import_react12 = __toESM(require("react"));
+var import_react14 = __toESM(require("react"));
 var import_log2 = require("@dxos/log");
 var import_react_ui8 = require("@dxos/react-ui");
-var import_react13 = __toESM(require("react"));
+var import_react15 = __toESM(require("react"));
 var import_react_ui9 = require("@dxos/react-ui");
-var import_react14 = __toESM(require("react"));
-var import_app_framework4 = require("@dxos/app-framework");
-var import_react_ui10 = require("@dxos/react-ui");
-var import_react15 = require("@phosphor-icons/react");
 var import_react16 = __toESM(require("react"));
 var import_app_framework5 = require("@dxos/app-framework");
-var import_echo5 = require("@dxos/react-client/echo");
-var import_react_ui11 = require("@dxos/react-ui");
-var import_react_ui_theme4 = require("@dxos/react-ui-theme");
-var import_react17 = require("@dxos/shell/react");
-var import_react18 = require("@phosphor-icons/react");
-var import_react19 = __toESM(require("react"));
+var import_react_ui10 = require("@dxos/react-ui");
+var import_react17 = __toESM(require("react"));
 var import_app_framework6 = require("@dxos/app-framework");
-var import_echo6 = require("@dxos/react-client/echo");
-var import_invitations = require("@dxos/react-client/invitations");
-var import_invitations2 = require("@dxos/react-client/invitations");
-var import_react_ui12 = require("@dxos/react-ui");
-var import_react_ui_theme5 = require("@dxos/react-ui-theme");
-var import_react20 = require("@dxos/shell/react");
-var import_react21 = __toESM(require("react"));
-var import_app_framework7 = require("@dxos/app-framework");
 var import_display_name = require("@dxos/display-name");
 var import_react_client4 = require("@dxos/react-client");
-var import_echo7 = require("@dxos/react-client/echo");
+var import_echo6 = require("@dxos/react-client/echo");
 var import_halo = require("@dxos/react-client/halo");
-var import_react_ui13 = require("@dxos/react-ui");
+var import_react_ui11 = require("@dxos/react-ui");
 var import_react_ui_attention = require("@dxos/react-ui-attention");
 var import_util2 = require("@dxos/util");
-var import_react22 = __toESM(require("react"));
-var import_app_framework8 = require("@dxos/app-framework");
-var import_react_ui14 = require("@dxos/react-ui");
+var import_react18 = __toESM(require("react"));
+var import_app_framework7 = require("@dxos/app-framework");
+var import_react_ui12 = require("@dxos/react-ui");
 var import_react_ui_data = require("@dxos/react-ui-data");
-var import_react23 = __toESM(require("react"));
+var import_react19 = __toESM(require("react"));
+var import_react_client5 = require("@dxos/react-client");
+var import_react_ui13 = require("@dxos/react-ui");
+var import_react_ui_tabs = require("@dxos/react-ui-tabs");
+var import_react20 = require("@dxos/shell/react");
+var import_react21 = __toESM(require("react"));
 var import_log3 = require("@dxos/log");
 var import_metadata = require("@dxos/protocols/proto/dxos/echo/metadata");
-var import_react_client5 = require("@dxos/react-client");
+var import_react_client6 = require("@dxos/react-client");
 var import_halo2 = require("@dxos/react-client/halo");
-var import_react_ui15 = require("@dxos/react-ui");
-var import_react24 = __toESM(require("react"));
+var import_react_ui14 = require("@dxos/react-ui");
+var import_react_ui_data2 = require("@dxos/react-ui-data");
+var import_react22 = __toESM(require("react"));
 var import_plugin_status_bar = require("@dxos/plugin-status-bar");
-var import_react_client6 = require("@dxos/react-client");
-var import_react_ui16 = require("@dxos/react-ui");
+var import_react_client7 = require("@dxos/react-client");
+var import_react_ui15 = require("@dxos/react-ui");
 var import_react_ui_syntax_highlighter = require("@dxos/react-ui-syntax-highlighter");
-var import_react_ui_theme6 = require("@dxos/react-ui-theme");
-var import_react25 = __toESM(require("react"));
-var import_react_ui17 = require("@dxos/react-ui");
-var import_react_ui_theme7 = require("@dxos/react-ui-theme");
+var import_react_ui_theme4 = require("@dxos/react-ui-theme");
+var import_react23 = __toESM(require("react"));
+var import_react_ui16 = require("@dxos/react-ui");
+var import_react_ui_theme5 = require("@dxos/react-ui-theme");
 var import_context = require("@dxos/context");
-var import_react26 = require("react");
+var import_react24 = require("react");
 var import_context2 = require("@dxos/context");
 var import_protocols = require("@dxos/protocols");
-var import_react_client7 = require("@dxos/react-client");
+var import_react_client8 = require("@dxos/react-client");
 var WAIT_FOR_OBJECT_TIMEOUT = 18e4;
 var TOAST_TIMEOUT = 24e4;
 var AwaitingObject = ({ id }) => {
   const [open, setOpen] = (0, import_react4.useState)(true);
   const [waiting, setWaiting] = (0, import_react4.useState)(true);
   const [found, setFound] = (0, import_react4.useState)(false);
-  const { t } = (0, import_react_ui2.useTranslation)(import_chunk_P4XUXM7Y.SPACE_PLUGIN);
+  const { t } = (0, import_react_ui.useTranslation)(import_chunk_JFDDZI4Y.SPACE_PLUGIN);
   const intentPlugin = (0, import_app_framework2.useResolvePlugin)(import_app_framework2.parseIntentPlugin);
   const navigationPlugin = (0, import_app_framework2.useResolvePlugin)(import_app_framework2.parseNavigationPlugin);
   const client = (0, import_react_client2.useClient)();
@@ -214,7 +212,7 @@ var AwaitingObject = ({ id }) => {
   (0, import_react4.useEffect)(() => {
     if (objects.findIndex((object) => (0, import_echo2.fullyQualifiedId)(object) === id) > -1) {
       setFound(true);
-      if (navigationPlugin?.provides.location.active === id) {
+      if (navigationPlugin?.provides.location.active.solo?.[0].id === id) {
         setOpen(false);
       }
     }
@@ -224,8 +222,8 @@ var AwaitingObject = ({ id }) => {
     intentPlugin
   ]);
   const handleClose = async () => intentPlugin?.provides.intent.dispatch({
-    plugin: import_chunk_P4XUXM7Y.SPACE_PLUGIN,
-    action: import_chunk_P4XUXM7Y.SpaceAction.WAIT_FOR_OBJECT,
+    plugin: import_chunk_JFDDZI4Y.SPACE_PLUGIN,
+    action: import_chunk_JFDDZI4Y.SpaceAction.WAIT_FOR_OBJECT,
     data: {
       id: void 0
     }
@@ -243,11 +241,11 @@ var AwaitingObject = ({ id }) => {
     });
     void handleClose();
   };
-  return /* @__PURE__ */ import_react4.default.createElement(import_react_ui2.Toast.Root, {
+  return /* @__PURE__ */ import_react4.default.createElement(import_react_ui.Toast.Root, {
     open,
     duration: TOAST_TIMEOUT,
     onOpenChange: setOpen
-  }, /* @__PURE__ */ import_react4.default.createElement(import_react_ui2.Toast.Body, null, /* @__PURE__ */ import_react4.default.createElement(import_react_ui2.Toast.Title, {
+  }, /* @__PURE__ */ import_react4.default.createElement(import_react_ui.Toast.Body, null, /* @__PURE__ */ import_react4.default.createElement(import_react_ui.Toast.Title, {
     classNames: "flex items-center gap-2"
   }, found ? /* @__PURE__ */ import_react4.default.createElement(import_react4.default.Fragment, null, /* @__PURE__ */ import_react4.default.createElement(import_react3.CheckCircle, {
     className: (0, import_react_ui_theme.getSize)(5)
@@ -255,28 +253,28 @@ var AwaitingObject = ({ id }) => {
     className: (0, import_react_ui_theme.mx)((0, import_react_ui_theme.getSize)(5), "animate-spin")
   }), /* @__PURE__ */ import_react4.default.createElement("span", null, t("waiting for object label"))) : /* @__PURE__ */ import_react4.default.createElement(import_react4.default.Fragment, null, /* @__PURE__ */ import_react4.default.createElement(import_react3.CircleDashed, {
     className: (0, import_react_ui_theme.getSize)(5)
-  }), /* @__PURE__ */ import_react4.default.createElement("span", null, t("object not found label")))), /* @__PURE__ */ import_react4.default.createElement(import_react_ui2.Toast.Description, null, t(found ? "found object description" : waiting ? "waiting for object description" : "object not found description"))), /* @__PURE__ */ import_react4.default.createElement(import_react_ui2.Toast.Actions, null, found ? /* @__PURE__ */ import_react4.default.createElement(import_react4.default.Fragment, null, /* @__PURE__ */ import_react4.default.createElement(import_react_ui2.Toast.Action, {
+  }), /* @__PURE__ */ import_react4.default.createElement("span", null, t("object not found label")))), /* @__PURE__ */ import_react4.default.createElement(import_react_ui.Toast.Description, null, t(found ? "found object description" : waiting ? "waiting for object description" : "object not found description"))), /* @__PURE__ */ import_react4.default.createElement(import_react_ui.Toast.Actions, null, found ? /* @__PURE__ */ import_react4.default.createElement(import_react4.default.Fragment, null, /* @__PURE__ */ import_react4.default.createElement(import_react_ui.Toast.Action, {
     altText: t("go to object alt"),
     asChild: true
-  }, /* @__PURE__ */ import_react4.default.createElement(import_react_ui2.Button, {
+  }, /* @__PURE__ */ import_react4.default.createElement(import_react_ui.Button, {
     variant: "primary",
     onClick: handleNavigate
-  }, t("go to object label"))), /* @__PURE__ */ import_react4.default.createElement(import_react_ui2.Toast.Close, {
+  }, t("go to object label"))), /* @__PURE__ */ import_react4.default.createElement(import_react_ui.Toast.Close, {
     asChild: true
-  }, /* @__PURE__ */ import_react4.default.createElement(import_react_ui2.Button, {
+  }, /* @__PURE__ */ import_react4.default.createElement(import_react_ui.Button, {
     onClick: handleClose
   }, t("close label", {
     ns: "appkit"
-  })))) : /* @__PURE__ */ import_react4.default.createElement(import_react_ui2.Toast.Close, {
+  })))) : /* @__PURE__ */ import_react4.default.createElement(import_react_ui.Toast.Close, {
     asChild: true
-  }, /* @__PURE__ */ import_react4.default.createElement(import_react_ui2.Button, {
+  }, /* @__PURE__ */ import_react4.default.createElement(import_react_ui.Button, {
     onClick: handleClose
   }, t(waiting ? "close label" : "confirm label", {
     ns: "appkit"
   })))));
 };
 var CollectionMain = ({ collection }) => {
-  const { t } = (0, import_react_ui3.useTranslation)(import_chunk_P4XUXM7Y.SPACE_PLUGIN);
+  const { t } = (0, import_react_ui2.useTranslation)(import_chunk_JFDDZI4Y.SPACE_PLUGIN);
   return /* @__PURE__ */ import_react5.default.createElement("div", {
     role: "none",
     className: (0, import_react_ui_theme2.mx)(import_react_ui_theme2.baseSurface, "min-bs-screen is-full flex items-center justify-center p-8"),
@@ -287,7 +285,7 @@ var CollectionMain = ({ collection }) => {
   }, collection.name ?? t("unnamed collection label")));
 };
 var CollectionSection = ({ collection }) => {
-  const { t } = (0, import_react_ui4.useTranslation)(import_chunk_P4XUXM7Y.SPACE_PLUGIN);
+  const { t } = (0, import_react_ui3.useTranslation)(import_chunk_JFDDZI4Y.SPACE_PLUGIN);
   return /* @__PURE__ */ import_react6.default.createElement("div", {
     className: "min-bs-[3.5rem] grid grid-rows-subgrid grid-cols-subgrid items-center"
   }, /* @__PURE__ */ import_react6.default.createElement("span", {
@@ -295,11 +293,11 @@ var CollectionSection = ({ collection }) => {
   }, collection.name ?? t("unnamed collection label")));
 };
 var DefaultObjectSettings = ({ object }) => {
-  const { t } = (0, import_react_ui5.useTranslation)(import_chunk_P4XUXM7Y.SPACE_PLUGIN);
+  const { t } = (0, import_react_ui4.useTranslation)(import_chunk_JFDDZI4Y.SPACE_PLUGIN);
   return /* @__PURE__ */ import_react7.default.createElement("div", {
     role: "form",
     className: "flex flex-col w-full p-2 gap-1"
-  }, /* @__PURE__ */ import_react7.default.createElement(import_react_ui5.Input.Root, null, /* @__PURE__ */ import_react7.default.createElement(import_react_ui5.Input.Label, null, t("name label")), /* @__PURE__ */ import_react7.default.createElement(import_react_ui5.Input.TextInput, {
+  }, /* @__PURE__ */ import_react7.default.createElement(import_react_ui4.Input.Root, null, /* @__PURE__ */ import_react7.default.createElement(import_react_ui4.Input.Label, null, t("name label")), /* @__PURE__ */ import_react7.default.createElement(import_react_ui4.Input.TextInput, {
     placeholder: t("name placeholder"),
     value: object.name ?? "",
     onChange: (event) => {
@@ -307,34 +305,116 @@ var DefaultObjectSettings = ({ object }) => {
     }
   })));
 };
+var JoinDialog = ({ navigableCollections, ...props }) => {
+  const { t } = (0, import_react_ui5.useTranslation)(import_chunk_JFDDZI4Y.SPACE_PLUGIN);
+  const dispatch = (0, import_app_framework3.useIntentDispatcher)();
+  const spaces = (0, import_echo3.useSpaces)();
+  const { graph } = (0, import_plugin_graph2.useGraph)();
+  const handleDone = (0, import_react8.useCallback)(async (result) => {
+    if (result?.spaceKey) {
+      await Promise.all([
+        dispatch({
+          action: import_app_framework3.LayoutAction.SET_LAYOUT,
+          data: {
+            element: "toast",
+            subject: {
+              id: `${import_chunk_JFDDZI4Y.SPACE_PLUGIN}/join-success`,
+              duration: 5e3,
+              title: t("join success label"),
+              closeLabel: t("dismiss label")
+            }
+          }
+        }),
+        dispatch({
+          action: import_app_framework3.LayoutAction.SET_LAYOUT,
+          data: {
+            element: "dialog",
+            state: false
+          }
+        })
+      ]);
+    }
+    const space = spaces.find(({ key }) => result?.spaceKey?.equals(key));
+    const target = result?.target || (navigableCollections ? space?.id : void 0);
+    if (target) {
+      await graph.waitForPath({
+        target
+      }).catch(() => {
+      });
+      await Promise.all([
+        dispatch({
+          action: import_app_framework3.NavigationAction.OPEN,
+          data: {
+            activeParts: {
+              main: [
+                target
+              ]
+            }
+          }
+        }),
+        dispatch({
+          action: import_app_framework3.NavigationAction.EXPOSE,
+          data: {
+            id: target
+          }
+        })
+      ]);
+    }
+    if (space) {
+      await dispatch({
+        action: import_meta2.ObservabilityAction.SEND_EVENT,
+        data: {
+          name: "space.join",
+          properties: {
+            spaceId: space.id
+          }
+        }
+      });
+    }
+  }, [
+    dispatch,
+    spaces
+  ]);
+  return /* @__PURE__ */ import_react8.default.createElement(import_react_ui5.Dialog.Content, null, /* @__PURE__ */ import_react8.default.createElement(import_react9.JoinPanel, {
+    ...props,
+    exitActionParent: /* @__PURE__ */ import_react8.default.createElement(import_react_ui5.Dialog.Close, {
+      asChild: true
+    }),
+    doneActionParent: /* @__PURE__ */ import_react8.default.createElement(import_react_ui5.Dialog.Close, {
+      asChild: true
+    }),
+    onDone: handleDone
+  }));
+};
 var __dxlog_file = "/home/runner/work/dxos/dxos/packages/plugins/plugin-space/src/util.tsx";
-var SPACES = `${import_chunk_P4XUXM7Y.SPACE_PLUGIN}-spaces`;
+var SPACES = `${import_chunk_JFDDZI4Y.SPACE_PLUGIN}-spaces`;
 var SPACE_TYPE = "dxos.org/type/Space";
 var COMPOSER_SPACE_LOCK = "dxos.org/plugin/space/lock";
 var SHARED = "shared-spaces";
 var EMPTY_ARRAY = [];
 var memoizeQuery = (spaceOrEcho, filter, options) => {
-  const key = (0, import_echo4.isSpace)(spaceOrEcho) ? spaceOrEcho.id : void 0;
-  const query = (0, import_plugin_graph2.memoize)(() => (0, import_echo4.isSpace)(spaceOrEcho) ? spaceOrEcho.db.query(filter, options) : spaceOrEcho?.query(filter, options), key);
-  const unsubscribe = (0, import_plugin_graph2.memoize)(() => query?.subscribe(), key);
-  (0, import_plugin_graph2.cleanup)(() => unsubscribe?.());
+  const key = (0, import_echo5.isSpace)(spaceOrEcho) ? spaceOrEcho.id : void 0;
+  const query = (0, import_plugin_graph3.memoize)(() => (0, import_echo5.isSpace)(spaceOrEcho) ? spaceOrEcho.db.query(filter, options) : spaceOrEcho?.query(filter, options), key);
+  const unsubscribe = (0, import_plugin_graph3.memoize)(() => query?.subscribe(), key);
+  (0, import_plugin_graph3.cleanup)(() => unsubscribe?.());
   return query?.objects ?? EMPTY_ARRAY;
 };
 var getSpaceDisplayName = (space, { personal, namesCache = {} } = {}) => {
-  return space.state.get() === import_echo4.SpaceState.SPACE_READY && (space.properties.name?.length ?? 0) > 0 ? space.properties.name : namesCache[space.id] ? namesCache[space.id] : personal ? [
+  return space.state.get() === import_echo5.SpaceState.SPACE_READY && (space.properties.name?.length ?? 0) > 0 ? space.properties.name : namesCache[space.id] ? namesCache[space.id] : personal ? [
     "personal space label",
     {
-      ns: import_chunk_P4XUXM7Y.SPACE_PLUGIN
+      ns: import_chunk_JFDDZI4Y.SPACE_PLUGIN
     }
   ] : [
     "unnamed space label",
     {
-      ns: import_chunk_P4XUXM7Y.SPACE_PLUGIN
+      ns: import_chunk_JFDDZI4Y.SPACE_PLUGIN
     }
   ];
 };
-var getCollectionGraphNodePartials = ({ collection, space, resolve }) => {
+var getCollectionGraphNodePartials = ({ navigable, collection, space, resolve }) => {
   return {
+    disabled: !navigable,
     acceptPersistenceClass: /* @__PURE__ */ new Set([
       "echo"
     ]),
@@ -343,7 +423,7 @@ var getCollectionGraphNodePartials = ({ collection, space, resolve }) => {
     ]),
     role: "branch",
     onRearrangeChildren: (nextOrder) => {
-      collection.objects = nextOrder.filter(import_echo4.isEchoObject);
+      collection.objects = nextOrder.filter(import_echo5.isEchoObject);
     },
     onTransferStart: (child, index) => {
       if (!collection.objects.includes(child.data)) {
@@ -372,15 +452,16 @@ var getCollectionGraphNodePartials = ({ collection, space, resolve }) => {
   };
 };
 var checkPendingMigration = (space) => {
-  return space.state.get() === import_echo4.SpaceState.SPACE_REQUIRES_MIGRATION || space.state.get() === import_echo4.SpaceState.SPACE_READY && !!import_migrations2.Migrations.versionProperty && space.properties[import_migrations2.Migrations.versionProperty] !== import_migrations2.Migrations.targetVersion;
+  return space.state.get() === import_echo5.SpaceState.SPACE_REQUIRES_MIGRATION || space.state.get() === import_echo5.SpaceState.SPACE_READY && !!import_migrations2.Migrations.versionProperty && space.properties[import_migrations2.Migrations.versionProperty] !== import_migrations2.Migrations.targetVersion;
 };
-var constructSpaceNode = ({ space, personal, namesCache, resolve }) => {
+var constructSpaceNode = ({ space, navigable = false, personal, namesCache, resolve }) => {
   const hasPendingMigration = checkPendingMigration(space);
-  const collection = space.state.get() === import_echo4.SpaceState.SPACE_READY && space.properties[import_chunk_HTAM5LQD.CollectionType.typename];
-  const partials = space.state.get() === import_echo4.SpaceState.SPACE_READY && collection instanceof import_chunk_HTAM5LQD.CollectionType ? getCollectionGraphNodePartials({
+  const collection = space.state.get() === import_echo5.SpaceState.SPACE_READY && space.properties[import_chunk_FYWGZYJB.CollectionType.typename];
+  const partials = space.state.get() === import_echo5.SpaceState.SPACE_READY && collection instanceof import_chunk_FYWGZYJB.CollectionType ? getCollectionGraphNodePartials({
     collection,
     space,
-    resolve
+    resolve,
+    navigable
   }) : {};
   return {
     id: space.id,
@@ -392,65 +473,65 @@ var constructSpaceNode = ({ space, personal, namesCache, resolve }) => {
         personal,
         namesCache
       }),
-      description: space.state.get() === import_echo4.SpaceState.SPACE_READY && space.properties.description,
+      description: space.state.get() === import_echo5.SpaceState.SPACE_READY && space.properties.description,
       icon: "ph--planet--regular",
-      disabled: space.state.get() !== import_echo4.SpaceState.SPACE_READY || hasPendingMigration,
+      disabled: !navigable || space.state.get() !== import_echo5.SpaceState.SPACE_READY || hasPendingMigration,
       testId: "spacePlugin.space"
     }
   };
 };
-var constructSpaceActionGroups = ({ space, dispatch }) => {
+var constructSpaceActionGroups = ({ space, navigable, dispatch }) => {
   const state = space.state.get();
   const hasPendingMigration = checkPendingMigration(space);
   const getId = (id) => `${id}/${space.id}`;
-  if (state !== import_echo4.SpaceState.SPACE_READY || hasPendingMigration) {
+  if (state !== import_echo5.SpaceState.SPACE_READY || hasPendingMigration) {
     return [];
   }
-  const collection = space.properties[import_chunk_HTAM5LQD.CollectionType.typename];
+  const collection = space.properties[import_chunk_FYWGZYJB.CollectionType.typename];
   const actions = [
     {
-      id: getId(import_chunk_P4XUXM7Y.SpaceAction.ADD_OBJECT),
-      type: import_plugin_graph2.ACTION_GROUP_TYPE,
-      data: import_plugin_graph2.actionGroupSymbol,
+      id: getId(import_chunk_JFDDZI4Y.SpaceAction.ADD_OBJECT),
+      type: import_plugin_graph3.ACTION_GROUP_TYPE,
+      data: import_plugin_graph3.actionGroupSymbol,
       properties: {
         label: [
           "create object in space label",
           {
-            ns: import_chunk_P4XUXM7Y.SPACE_PLUGIN
+            ns: import_chunk_JFDDZI4Y.SPACE_PLUGIN
           }
         ],
         icon: "ph--plus--regular",
         disposition: "toolbar",
-        // TODO(wittjosiah): This is currently a navtree feature. Address this with cmd+k integration.
-        // mainAreaDisposition: 'in-flow',
         menuType: "searchList",
         testId: "spacePlugin.createObject"
       },
       nodes: [
         {
-          id: getId(import_chunk_P4XUXM7Y.SpaceAction.ADD_OBJECT.replace("object", "collection")),
-          type: import_plugin_graph2.ACTION_TYPE,
+          id: getId(import_chunk_JFDDZI4Y.SpaceAction.ADD_OBJECT.replace("object", "collection")),
+          type: import_plugin_graph3.ACTION_TYPE,
           data: () => dispatch([
             {
-              plugin: import_chunk_P4XUXM7Y.SPACE_PLUGIN,
-              action: import_chunk_P4XUXM7Y.SpaceAction.ADD_OBJECT,
+              plugin: import_chunk_JFDDZI4Y.SPACE_PLUGIN,
+              action: import_chunk_JFDDZI4Y.SpaceAction.ADD_OBJECT,
               data: {
                 target: collection,
-                object: (0, import_echo_schema2.create)(import_chunk_HTAM5LQD.CollectionType, {
+                object: (0, import_echo_schema2.create)(import_chunk_FYWGZYJB.CollectionType, {
                   objects: [],
                   views: {}
                 })
               }
             },
-            {
-              action: import_app_framework3.NavigationAction.OPEN
-            }
+            ...navigable ? [
+              {
+                action: import_app_framework4.NavigationAction.OPEN
+              }
+            ] : []
           ]),
           properties: {
             label: [
               "create collection label",
               {
-                ns: import_chunk_P4XUXM7Y.SPACE_PLUGIN
+                ns: import_chunk_JFDDZI4Y.SPACE_PLUGIN
               }
             ],
             icon: "ph--cards-three--regular",
@@ -469,12 +550,12 @@ var constructSpaceActions = ({ space, dispatch, personal, migrating }) => {
   const actions = [];
   if (hasPendingMigration) {
     actions.push({
-      id: getId(import_chunk_P4XUXM7Y.SpaceAction.MIGRATE),
-      type: import_plugin_graph2.ACTION_GROUP_TYPE,
+      id: getId(import_chunk_JFDDZI4Y.SpaceAction.MIGRATE),
+      type: import_plugin_graph3.ACTION_GROUP_TYPE,
       data: async () => {
         await dispatch({
-          plugin: import_chunk_P4XUXM7Y.SPACE_PLUGIN,
-          action: import_chunk_P4XUXM7Y.SpaceAction.MIGRATE,
+          plugin: import_chunk_JFDDZI4Y.SPACE_PLUGIN,
+          action: import_chunk_JFDDZI4Y.SpaceAction.MIGRATE,
           data: {
             space
           }
@@ -484,30 +565,29 @@ var constructSpaceActions = ({ space, dispatch, personal, migrating }) => {
         label: [
           "migrate space label",
           {
-            ns: import_chunk_P4XUXM7Y.SPACE_PLUGIN
+            ns: import_chunk_JFDDZI4Y.SPACE_PLUGIN
           }
         ],
         icon: "ph--database--regular",
         disposition: "toolbar",
-        mainAreaDisposition: "in-flow",
         disabled: migrating || import_migrations2.Migrations.running(space)
       }
     });
   }
-  if (state === import_echo4.SpaceState.SPACE_READY && !hasPendingMigration) {
+  if (state === import_echo5.SpaceState.SPACE_READY && !hasPendingMigration) {
     const locked = space.properties[COMPOSER_SPACE_LOCK];
     actions.push({
-      id: getId(import_chunk_P4XUXM7Y.SpaceAction.SHARE),
-      type: import_plugin_graph2.ACTION_TYPE,
+      id: getId(import_chunk_JFDDZI4Y.SpaceAction.SHARE),
+      type: import_plugin_graph3.ACTION_TYPE,
       data: async () => {
         if (locked) {
           return;
         }
         await dispatch({
-          plugin: import_chunk_P4XUXM7Y.SPACE_PLUGIN,
-          action: import_chunk_P4XUXM7Y.SpaceAction.SHARE,
+          plugin: import_chunk_JFDDZI4Y.SPACE_PLUGIN,
+          action: import_chunk_JFDDZI4Y.SpaceAction.SHARE,
           data: {
-            spaceId: space.id
+            space
           }
         });
       },
@@ -515,7 +595,7 @@ var constructSpaceActions = ({ space, dispatch, personal, migrating }) => {
         label: [
           "share space label",
           {
-            ns: import_chunk_P4XUXM7Y.SPACE_PLUGIN
+            ns: import_chunk_JFDDZI4Y.SPACE_PLUGIN
           }
         ],
         icon: "ph--users--regular",
@@ -523,16 +603,15 @@ var constructSpaceActions = ({ space, dispatch, personal, migrating }) => {
         keyBinding: {
           macos: "meta+.",
           windows: "alt+."
-        },
-        mainAreaDisposition: "absent"
+        }
       }
     }, {
-      id: locked ? getId(import_chunk_P4XUXM7Y.SpaceAction.UNLOCK) : getId(import_chunk_P4XUXM7Y.SpaceAction.LOCK),
-      type: import_plugin_graph2.ACTION_TYPE,
+      id: locked ? getId(import_chunk_JFDDZI4Y.SpaceAction.UNLOCK) : getId(import_chunk_JFDDZI4Y.SpaceAction.LOCK),
+      type: import_plugin_graph3.ACTION_TYPE,
       data: async () => {
         await dispatch({
-          plugin: import_chunk_P4XUXM7Y.SPACE_PLUGIN,
-          action: locked ? import_chunk_P4XUXM7Y.SpaceAction.UNLOCK : import_chunk_P4XUXM7Y.SpaceAction.LOCK,
+          plugin: import_chunk_JFDDZI4Y.SPACE_PLUGIN,
+          action: locked ? import_chunk_JFDDZI4Y.SpaceAction.UNLOCK : import_chunk_JFDDZI4Y.SpaceAction.LOCK,
           data: {
             space
           }
@@ -542,18 +621,18 @@ var constructSpaceActions = ({ space, dispatch, personal, migrating }) => {
         label: [
           locked ? "unlock space label" : "lock space label",
           {
-            ns: import_chunk_P4XUXM7Y.SPACE_PLUGIN
+            ns: import_chunk_JFDDZI4Y.SPACE_PLUGIN
           }
         ],
         icon: locked ? "ph--lock-simple-open--regular" : "ph--lock-simple--regular"
       }
     }, {
-      id: getId(import_chunk_P4XUXM7Y.SpaceAction.RENAME),
-      type: import_plugin_graph2.ACTION_TYPE,
+      id: getId(import_chunk_JFDDZI4Y.SpaceAction.RENAME),
+      type: import_plugin_graph3.ACTION_TYPE,
       data: async (params) => {
         await dispatch({
-          plugin: import_chunk_P4XUXM7Y.SPACE_PLUGIN,
-          action: import_chunk_P4XUXM7Y.SpaceAction.RENAME,
+          plugin: import_chunk_JFDDZI4Y.SPACE_PLUGIN,
+          action: import_chunk_JFDDZI4Y.SpaceAction.RENAME,
           data: {
             space,
             ...params
@@ -564,26 +643,46 @@ var constructSpaceActions = ({ space, dispatch, personal, migrating }) => {
         label: [
           "rename space label",
           {
-            ns: import_chunk_P4XUXM7Y.SPACE_PLUGIN
+            ns: import_chunk_JFDDZI4Y.SPACE_PLUGIN
           }
         ],
         icon: "ph--pencil-simple-line--regular",
         keyBinding: {
           macos: "shift+F6",
           windows: "shift+F6"
-        },
-        mainAreaDisposition: "absent"
+        }
+      }
+    }, {
+      id: getId(import_chunk_JFDDZI4Y.SpaceAction.OPEN_SETTINGS),
+      type: import_plugin_graph3.ACTION_TYPE,
+      data: async () => {
+        await dispatch({
+          plugin: import_chunk_JFDDZI4Y.SPACE_PLUGIN,
+          action: import_chunk_JFDDZI4Y.SpaceAction.OPEN_SETTINGS,
+          data: {
+            space
+          }
+        });
+      },
+      properties: {
+        label: [
+          "open space settings label",
+          {
+            ns: import_chunk_JFDDZI4Y.SPACE_PLUGIN
+          }
+        ],
+        icon: "ph--gear--regular"
       }
     });
   }
-  if (state !== import_echo4.SpaceState.SPACE_INACTIVE && !hasPendingMigration) {
+  if (state !== import_echo5.SpaceState.SPACE_INACTIVE && !hasPendingMigration) {
     actions.push({
-      id: getId(import_chunk_P4XUXM7Y.SpaceAction.CLOSE),
-      type: import_plugin_graph2.ACTION_TYPE,
+      id: getId(import_chunk_JFDDZI4Y.SpaceAction.CLOSE),
+      type: import_plugin_graph3.ACTION_TYPE,
       data: async () => {
         await dispatch({
-          plugin: import_chunk_P4XUXM7Y.SPACE_PLUGIN,
-          action: import_chunk_P4XUXM7Y.SpaceAction.CLOSE,
+          plugin: import_chunk_JFDDZI4Y.SPACE_PLUGIN,
+          action: import_chunk_JFDDZI4Y.SpaceAction.CLOSE,
           data: {
             space
           }
@@ -593,23 +692,22 @@ var constructSpaceActions = ({ space, dispatch, personal, migrating }) => {
         label: [
           "close space label",
           {
-            ns: import_chunk_P4XUXM7Y.SPACE_PLUGIN
+            ns: import_chunk_JFDDZI4Y.SPACE_PLUGIN
           }
         ],
         icon: "ph--x--regular",
-        mainAreaDisposition: "menu",
         disabled: personal
       }
     });
   }
-  if (state === import_echo4.SpaceState.SPACE_INACTIVE) {
+  if (state === import_echo5.SpaceState.SPACE_INACTIVE) {
     actions.push({
-      id: getId(import_chunk_P4XUXM7Y.SpaceAction.OPEN),
-      type: import_plugin_graph2.ACTION_TYPE,
+      id: getId(import_chunk_JFDDZI4Y.SpaceAction.OPEN),
+      type: import_plugin_graph3.ACTION_TYPE,
       data: async () => {
         await dispatch({
-          plugin: import_chunk_P4XUXM7Y.SPACE_PLUGIN,
-          action: import_chunk_P4XUXM7Y.SpaceAction.OPEN,
+          plugin: import_chunk_JFDDZI4Y.SPACE_PLUGIN,
+          action: import_chunk_JFDDZI4Y.SpaceAction.OPEN,
           data: {
             space
           }
@@ -619,18 +717,17 @@ var constructSpaceActions = ({ space, dispatch, personal, migrating }) => {
         label: [
           "open space label",
           {
-            ns: import_chunk_P4XUXM7Y.SPACE_PLUGIN
+            ns: import_chunk_JFDDZI4Y.SPACE_PLUGIN
           }
         ],
         icon: "ph--clock-counter-clockwise--regular",
-        disposition: "toolbar",
-        mainAreaDisposition: "in-flow"
+        disposition: "toolbar"
       }
     });
   }
   return actions;
 };
-var createObjectNode = ({ object, space, resolve }) => {
+var createObjectNode = ({ object, space, navigable = false, resolve }) => {
   const type = (0, import_echo_schema2.getTypename)(object);
   if (!type) {
     return void 0;
@@ -639,13 +736,14 @@ var createObjectNode = ({ object, space, resolve }) => {
   if (Object.keys(metadata).length === 0) {
     return void 0;
   }
-  const partials = object instanceof import_chunk_HTAM5LQD.CollectionType ? getCollectionGraphNodePartials({
+  const partials = object instanceof import_chunk_FYWGZYJB.CollectionType ? getCollectionGraphNodePartials({
     collection: object,
     space,
-    resolve
+    resolve,
+    navigable
   }) : metadata.graphProps;
   return {
-    id: (0, import_echo4.fullyQualifiedId)(object),
+    id: (0, import_echo5.fullyQualifiedId)(object),
     type,
     data: object,
     properties: {
@@ -653,7 +751,7 @@ var createObjectNode = ({ object, space, resolve }) => {
       label: metadata.label?.(object) || object.name || metadata.placeholder || [
         "unnamed object label",
         {
-          ns: import_chunk_P4XUXM7Y.SPACE_PLUGIN
+          ns: import_chunk_JFDDZI4Y.SPACE_PLUGIN
         }
       ],
       icon: metadata.icon ?? "ph--placeholder--regular",
@@ -663,56 +761,56 @@ var createObjectNode = ({ object, space, resolve }) => {
     }
   };
 };
-var constructObjectActionGroups = ({ object, dispatch }) => {
-  if (!(object instanceof import_chunk_HTAM5LQD.CollectionType)) {
+var constructObjectActionGroups = ({ object, navigable, dispatch }) => {
+  if (!(object instanceof import_chunk_FYWGZYJB.CollectionType)) {
     return [];
   }
   const collection = object;
-  const getId = (id) => `${id}/${(0, import_echo4.fullyQualifiedId)(object)}`;
+  const getId = (id) => `${id}/${(0, import_echo5.fullyQualifiedId)(object)}`;
   const actions = [
     {
-      id: getId(import_chunk_P4XUXM7Y.SpaceAction.ADD_OBJECT),
-      type: import_plugin_graph2.ACTION_GROUP_TYPE,
-      data: import_plugin_graph2.actionGroupSymbol,
+      id: getId(import_chunk_JFDDZI4Y.SpaceAction.ADD_OBJECT),
+      type: import_plugin_graph3.ACTION_GROUP_TYPE,
+      data: import_plugin_graph3.actionGroupSymbol,
       properties: {
         label: [
           "create object in collection label",
           {
-            ns: import_chunk_P4XUXM7Y.SPACE_PLUGIN
+            ns: import_chunk_JFDDZI4Y.SPACE_PLUGIN
           }
         ],
         icon: "ph--plus--regular",
         disposition: "toolbar",
-        // TODO(wittjosiah): This is currently a navtree feature. Address this with cmd+k integration.
-        // mainAreaDisposition: 'in-flow',
         menuType: "searchList",
         testId: "spacePlugin.createObject"
       },
       nodes: [
         {
-          id: getId(import_chunk_P4XUXM7Y.SpaceAction.ADD_OBJECT.replace("object", "collection")),
-          type: import_plugin_graph2.ACTION_TYPE,
+          id: getId(import_chunk_JFDDZI4Y.SpaceAction.ADD_OBJECT.replace("object", "collection")),
+          type: import_plugin_graph3.ACTION_TYPE,
           data: () => dispatch([
             {
-              plugin: import_chunk_P4XUXM7Y.SPACE_PLUGIN,
-              action: import_chunk_P4XUXM7Y.SpaceAction.ADD_OBJECT,
+              plugin: import_chunk_JFDDZI4Y.SPACE_PLUGIN,
+              action: import_chunk_JFDDZI4Y.SpaceAction.ADD_OBJECT,
               data: {
                 target: collection,
-                object: (0, import_echo_schema2.create)(import_chunk_HTAM5LQD.CollectionType, {
+                object: (0, import_echo_schema2.create)(import_chunk_FYWGZYJB.CollectionType, {
                   objects: [],
                   views: {}
                 })
               }
             },
-            {
-              action: import_app_framework3.NavigationAction.OPEN
-            }
+            ...navigable ? [
+              {
+                action: import_app_framework4.NavigationAction.OPEN
+              }
+            ] : []
           ]),
           properties: {
             label: [
               "create collection label",
               {
-                ns: import_chunk_P4XUXM7Y.SPACE_PLUGIN
+                ns: import_chunk_JFDDZI4Y.SPACE_PLUGIN
               }
             ],
             icon: "ph--cards-three--regular",
@@ -726,14 +824,14 @@ var constructObjectActionGroups = ({ object, dispatch }) => {
 };
 var constructObjectActions = ({ node, dispatch }) => {
   const object = node.data;
-  const getId = (id) => `${id}/${(0, import_echo4.fullyQualifiedId)(object)}`;
+  const getId = (id) => `${id}/${(0, import_echo5.fullyQualifiedId)(object)}`;
   const actions = [
     {
-      id: getId(import_chunk_P4XUXM7Y.SpaceAction.RENAME_OBJECT),
-      type: import_plugin_graph2.ACTION_TYPE,
+      id: getId(import_chunk_JFDDZI4Y.SpaceAction.RENAME_OBJECT),
+      type: import_plugin_graph3.ACTION_TYPE,
       data: async (params) => {
         await dispatch({
-          action: import_chunk_P4XUXM7Y.SpaceAction.RENAME_OBJECT,
+          action: import_chunk_JFDDZI4Y.SpaceAction.RENAME_OBJECT,
           data: {
             object,
             ...params
@@ -742,9 +840,9 @@ var constructObjectActions = ({ node, dispatch }) => {
       },
       properties: {
         label: [
-          object instanceof import_chunk_HTAM5LQD.CollectionType ? "rename collection label" : "rename object label",
+          object instanceof import_chunk_FYWGZYJB.CollectionType ? "rename collection label" : "rename object label",
           {
-            ns: import_chunk_P4XUXM7Y.SPACE_PLUGIN
+            ns: import_chunk_JFDDZI4Y.SPACE_PLUGIN
           }
         ],
         icon: "ph--pencil-simple-line--regular",
@@ -754,18 +852,20 @@ var constructObjectActions = ({ node, dispatch }) => {
       }
     },
     {
-      id: getId(import_chunk_P4XUXM7Y.SpaceAction.REMOVE_OBJECT),
-      type: import_plugin_graph2.ACTION_TYPE,
+      id: getId(import_chunk_JFDDZI4Y.SpaceAction.REMOVE_OBJECTS),
+      type: import_plugin_graph3.ACTION_TYPE,
       data: async () => {
-        const graph = (0, import_plugin_graph2.getGraph)(node);
+        const graph = (0, import_plugin_graph3.getGraph)(node);
         const collection = graph.nodes(node, {
           relation: "inbound"
-        }).find(({ data }) => data instanceof import_chunk_HTAM5LQD.CollectionType)?.data;
+        }).find(({ data }) => data instanceof import_chunk_FYWGZYJB.CollectionType)?.data;
         await dispatch([
           {
-            action: import_chunk_P4XUXM7Y.SpaceAction.REMOVE_OBJECT,
+            action: import_chunk_JFDDZI4Y.SpaceAction.REMOVE_OBJECTS,
             data: {
-              object,
+              objects: [
+                object
+              ],
               collection
             }
           }
@@ -773,28 +873,28 @@ var constructObjectActions = ({ node, dispatch }) => {
       },
       properties: {
         label: [
-          object instanceof import_chunk_HTAM5LQD.CollectionType ? "delete collection label" : "delete object label",
+          object instanceof import_chunk_FYWGZYJB.CollectionType ? "delete collection label" : "delete object label",
           {
-            ns: import_chunk_P4XUXM7Y.SPACE_PLUGIN
+            ns: import_chunk_JFDDZI4Y.SPACE_PLUGIN
           }
         ],
         icon: "ph--trash--regular",
-        keyBinding: object instanceof import_chunk_HTAM5LQD.CollectionType ? void 0 : "shift+meta+Backspace",
+        keyBinding: object instanceof import_chunk_FYWGZYJB.CollectionType ? void 0 : "shift+meta+Backspace",
         testId: "spacePlugin.deleteObject"
       }
     },
     {
       id: getId("copy-link"),
-      type: import_plugin_graph2.ACTION_TYPE,
+      type: import_plugin_graph3.ACTION_TYPE,
       data: async () => {
-        const url = `${window.location.origin}/${(0, import_echo4.fullyQualifiedId)(object)}`;
+        const url = `${window.location.origin}/${(0, import_echo5.fullyQualifiedId)(object)}`;
         await navigator.clipboard.writeText(url);
       },
       properties: {
         label: [
           "copy link label",
           {
-            ns: import_chunk_P4XUXM7Y.SPACE_PLUGIN
+            ns: import_chunk_JFDDZI4Y.SPACE_PLUGIN
           }
         ],
         icon: "ph--link--regular",
@@ -812,7 +912,7 @@ var getActiveSpace = (graph, active) => {
   if (!node || !(0, import_echo_schema2.isReactiveObject)(node.data)) {
     return;
   }
-  return (0, import_echo4.getSpace)(node.data);
+  return (0, import_echo5.getSpace)(node.data);
 };
 var getNestedObjects = async (object, resolve) => {
   const type = (0, import_echo_schema2.getTypename)(object);
@@ -836,9 +936,9 @@ var cloneObject = async (object, resolve, newSpace) => {
   const typename = schema ? (0, import_echo_schema2.getObjectAnnotation)(schema)?.typename ?? import_echo_schema2.EXPANDO_TYPENAME : import_echo_schema2.EXPANDO_TYPENAME;
   const metadata = resolve(typename);
   const serializer = metadata.serializer;
-  (0, import_invariant.invariant)(serializer, `No serializer for type: ${typename}`, {
+  (0, import_invariant2.invariant)(serializer, `No serializer for type: ${typename}`, {
     F: __dxlog_file,
-    L: 604,
+    L: 632,
     S: void 0,
     A: [
       "serializer",
@@ -855,19 +955,19 @@ var cloneObject = async (object, resolve, newSpace) => {
   });
 };
 var MenuFooter = ({ object }) => {
-  const { t } = (0, import_react_ui6.useTranslation)(import_chunk_P4XUXM7Y.SPACE_PLUGIN);
+  const { t } = (0, import_react_ui6.useTranslation)(import_chunk_JFDDZI4Y.SPACE_PLUGIN);
   const client = (0, import_react_client3.useClient)();
-  const space = (0, import_echo3.getSpace)(object);
+  const space = (0, import_echo4.getSpace)(object);
   const spaceName = space ? getSpaceDisplayName(space, {
     personal: client.spaces.default === space
   }) : "";
-  return space ? /* @__PURE__ */ import_react9.default.createElement(import_react9.default.Fragment, null, /* @__PURE__ */ import_react9.default.createElement(import_react_ui6.DropdownMenu.Separator, null), /* @__PURE__ */ import_react9.default.createElement(import_react_ui6.DropdownMenu.GroupLabel, null, t("menu footer label")), /* @__PURE__ */ import_react9.default.createElement("dl", {
+  return space ? /* @__PURE__ */ import_react11.default.createElement(import_react11.default.Fragment, null, /* @__PURE__ */ import_react11.default.createElement(import_react_ui6.DropdownMenu.Separator, null), /* @__PURE__ */ import_react11.default.createElement(import_react_ui6.DropdownMenu.GroupLabel, null, t("menu footer label")), /* @__PURE__ */ import_react11.default.createElement("dl", {
     className: "pis-2 mbe-2 text-xs grid grid-cols-[max-content_1fr] gap-2"
-  }, /* @__PURE__ */ import_react9.default.createElement("dt", {
+  }, /* @__PURE__ */ import_react11.default.createElement("dt", {
     className: "uppercase text-[.75em] tracking-wide font-medium mbs-px self-start"
-  }, t("location label")), /* @__PURE__ */ import_react9.default.createElement("dd", {
+  }, t("location label")), /* @__PURE__ */ import_react11.default.createElement("dd", {
     className: "line-clamp-3"
-  }, /* @__PURE__ */ import_react9.default.createElement(import_react8.Planet, {
+  }, /* @__PURE__ */ import_react11.default.createElement(import_react10.Planet, {
     className: "inline-block mie-1"
   }), (0, import_react_ui6.toLocalizedString)(spaceName, t)))) : null;
 };
@@ -878,12 +978,12 @@ var Status;
   Status2[Status2["ERROR"] = 2] = "ERROR";
 })(Status || (Status = {}));
 var PersistenceStatus = ({ db }) => {
-  const { t } = (0, import_react_ui7.useTranslation)(import_chunk_P4XUXM7Y.SPACE_PLUGIN);
-  const [displayMessage, setDisplayMessage] = (0, import_react11.useState)(false);
-  const [status, naturalSetStatus] = (0, import_react11.useState)(0);
-  const [prevStatus, setPrevStatus] = (0, import_react11.useState)(0);
+  const { t } = (0, import_react_ui7.useTranslation)(import_chunk_JFDDZI4Y.SPACE_PLUGIN);
+  const [displayMessage, setDisplayMessage] = (0, import_react13.useState)(false);
+  const [status, naturalSetStatus] = (0, import_react13.useState)(0);
+  const [prevStatus, setPrevStatus] = (0, import_react13.useState)(0);
   const _setStatus = (0, import_async2.debounce)(naturalSetStatus, 500);
-  (0, import_react11.useEffect)(() => {
+  (0, import_react13.useEffect)(() => {
     setPrevStatus(status);
     if (prevStatus !== status && status === 0) {
       setDisplayMessage(true);
@@ -895,44 +995,44 @@ var PersistenceStatus = ({ db }) => {
   ]);
   switch (status) {
     case 2:
-      return /* @__PURE__ */ import_react11.default.createElement("div", {
+      return /* @__PURE__ */ import_react13.default.createElement("div", {
         className: "flex items-center"
-      }, /* @__PURE__ */ import_react11.default.createElement(import_react10.Warning, {
+      }, /* @__PURE__ */ import_react13.default.createElement(import_react12.Warning, {
         className: (0, import_react_ui_theme3.mx)((0, import_react_ui_theme3.getSize)(4), "me-1")
-      }), /* @__PURE__ */ import_react11.default.createElement("span", {
+      }), /* @__PURE__ */ import_react13.default.createElement("span", {
         className: (0, import_react_ui_theme3.mx)("text-sm", import_react_ui_theme3.warningText)
       }, t("persistence error label")));
     case 1:
-      return /* @__PURE__ */ import_react11.default.createElement("div", {
+      return /* @__PURE__ */ import_react13.default.createElement("div", {
         className: "flex items-center"
-      }, /* @__PURE__ */ import_react11.default.createElement(import_react10.ArrowsCounterClockwise, {
+      }, /* @__PURE__ */ import_react13.default.createElement(import_react12.ArrowsCounterClockwise, {
         className: (0, import_react_ui_theme3.mx)((0, import_react_ui_theme3.getSize)(4), "me-1")
-      }), /* @__PURE__ */ import_react11.default.createElement("span", {
+      }), /* @__PURE__ */ import_react13.default.createElement("span", {
         className: (0, import_react_ui_theme3.mx)("text-sm", import_react_ui_theme3.staticPlaceholderText)
       }, t("persistence pending label")));
     case 0:
     default:
-      return /* @__PURE__ */ import_react11.default.createElement(import_react_ui7.Tooltip.Root, {
+      return /* @__PURE__ */ import_react13.default.createElement(import_react_ui7.Tooltip.Root, {
         delayDuration: 400
-      }, /* @__PURE__ */ import_react11.default.createElement(import_react_ui7.Tooltip.Trigger, {
+      }, /* @__PURE__ */ import_react13.default.createElement(import_react_ui7.Tooltip.Trigger, {
         role: "status",
         className: "flex items-center"
-      }, /* @__PURE__ */ import_react11.default.createElement(import_react10.CheckCircle, {
+      }, /* @__PURE__ */ import_react13.default.createElement(import_react12.CheckCircle, {
         className: (0, import_react_ui_theme3.mx)((0, import_react_ui_theme3.getSize)(4), "me-1")
-      }), displayMessage && /* @__PURE__ */ import_react11.default.createElement("span", {
+      }), displayMessage && /* @__PURE__ */ import_react13.default.createElement("span", {
         className: (0, import_react_ui_theme3.mx)("text-sm", import_react_ui_theme3.staticPlaceholderText)
-      }, t("persisted locally label"))), /* @__PURE__ */ import_react11.default.createElement(import_react_ui7.Tooltip.Portal, null, /* @__PURE__ */ import_react11.default.createElement(import_react_ui7.Tooltip.Content, {
+      }, t("persisted locally label"))), /* @__PURE__ */ import_react13.default.createElement(import_react_ui7.Tooltip.Portal, null, /* @__PURE__ */ import_react13.default.createElement(import_react_ui7.Tooltip.Content, {
         classNames: "z-10"
-      }, t("persisted locally message"), /* @__PURE__ */ import_react11.default.createElement(import_react_ui7.Tooltip.Arrow, null))));
+      }, t("persisted locally message"), /* @__PURE__ */ import_react13.default.createElement(import_react_ui7.Tooltip.Arrow, null))));
   }
 };
 var __dxlog_file2 = "/home/runner/work/dxos/dxos/packages/plugins/plugin-space/src/components/PopoverRenameObject.tsx";
 var PopoverRenameObject = ({ object: obj }) => {
-  const { t } = (0, import_react_ui8.useTranslation)(import_chunk_P4XUXM7Y.SPACE_PLUGIN);
-  const doneButton = (0, import_react12.useRef)(null);
+  const { t } = (0, import_react_ui8.useTranslation)(import_chunk_JFDDZI4Y.SPACE_PLUGIN);
+  const doneButton = (0, import_react14.useRef)(null);
   const object = obj;
-  const [name, setName] = (0, import_react12.useState)(object.name || object.title || "");
-  const handleDone = (0, import_react12.useCallback)(() => {
+  const [name, setName] = (0, import_react14.useState)(object.name || object.title || "");
+  const handleDone = (0, import_react14.useCallback)(() => {
     try {
       object.name = name;
     } catch {
@@ -953,23 +1053,23 @@ var PopoverRenameObject = ({ object: obj }) => {
     object,
     name
   ]);
-  return /* @__PURE__ */ import_react12.default.createElement("div", {
+  return /* @__PURE__ */ import_react14.default.createElement("div", {
     role: "none",
     className: "p-1 flex gap-2"
-  }, /* @__PURE__ */ import_react12.default.createElement("div", {
+  }, /* @__PURE__ */ import_react14.default.createElement("div", {
     role: "none",
     className: "flex-1"
-  }, /* @__PURE__ */ import_react12.default.createElement(import_react_ui8.Input.Root, null, /* @__PURE__ */ import_react12.default.createElement(import_react_ui8.Input.Label, {
+  }, /* @__PURE__ */ import_react14.default.createElement(import_react_ui8.Input.Root, null, /* @__PURE__ */ import_react14.default.createElement(import_react_ui8.Input.Label, {
     srOnly: true
-  }, t("object name label")), /* @__PURE__ */ import_react12.default.createElement(import_react_ui8.Input.TextInput, {
+  }, t("object name label")), /* @__PURE__ */ import_react14.default.createElement(import_react_ui8.Input.TextInput, {
     placeholder: t("object title placeholder"),
     value: name,
     "data-testid": "spacePlugin.renameObject.input",
     onChange: ({ target: { value } }) => setName(value),
     onKeyDown: ({ key }) => key === "Enter" && doneButton.current?.click()
-  }))), /* @__PURE__ */ import_react12.default.createElement(import_react_ui8.Popover.Close, {
+  }))), /* @__PURE__ */ import_react14.default.createElement(import_react_ui8.Popover.Close, {
     asChild: true
-  }, /* @__PURE__ */ import_react12.default.createElement(import_react_ui8.Button, {
+  }, /* @__PURE__ */ import_react14.default.createElement(import_react_ui8.Button, {
     ref: doneButton,
     classNames: "self-stretch",
     onClick: handleDone
@@ -978,33 +1078,33 @@ var PopoverRenameObject = ({ object: obj }) => {
   }))));
 };
 var PopoverRenameSpace = ({ space }) => {
-  const { t } = (0, import_react_ui9.useTranslation)(import_chunk_P4XUXM7Y.SPACE_PLUGIN);
-  const doneButton = (0, import_react13.useRef)(null);
-  const [name, setName] = (0, import_react13.useState)(space.properties.name ?? "");
-  const handleDone = (0, import_react13.useCallback)(() => {
+  const { t } = (0, import_react_ui9.useTranslation)(import_chunk_JFDDZI4Y.SPACE_PLUGIN);
+  const doneButton = (0, import_react15.useRef)(null);
+  const [name, setName] = (0, import_react15.useState)(space.properties.name ?? "");
+  const handleDone = (0, import_react15.useCallback)(() => {
     space.properties.name = name;
   }, [
     space,
     name
   ]);
-  return /* @__PURE__ */ import_react13.default.createElement("div", {
+  return /* @__PURE__ */ import_react15.default.createElement("div", {
     role: "none",
     className: "p-1 flex gap-2"
-  }, /* @__PURE__ */ import_react13.default.createElement("div", {
+  }, /* @__PURE__ */ import_react15.default.createElement("div", {
     role: "none",
     className: "flex-1"
-  }, /* @__PURE__ */ import_react13.default.createElement(import_react_ui9.Input.Root, null, /* @__PURE__ */ import_react13.default.createElement(import_react_ui9.Input.Label, {
+  }, /* @__PURE__ */ import_react15.default.createElement(import_react_ui9.Input.Root, null, /* @__PURE__ */ import_react15.default.createElement(import_react_ui9.Input.Label, {
     srOnly: true
-  }, t("space name label")), /* @__PURE__ */ import_react13.default.createElement(import_react_ui9.Input.TextInput, {
+  }, t("space name label")), /* @__PURE__ */ import_react15.default.createElement(import_react_ui9.Input.TextInput, {
     defaultValue: space.properties.name ?? "",
     placeholder: t("unnamed space label"),
     onChange: ({ target: { value } }) => setName(value),
     // TODO(wittjosiah): Ideally this should access the popover context to close the popover.
     //   Currently this is not possible because Radix does not expose the popover context.
     onKeyDown: ({ key }) => key === "Enter" && doneButton.current?.click()
-  }))), /* @__PURE__ */ import_react13.default.createElement(import_react_ui9.Popover.Close, {
+  }))), /* @__PURE__ */ import_react15.default.createElement(import_react_ui9.Popover.Close, {
     asChild: true
-  }, /* @__PURE__ */ import_react13.default.createElement(import_react_ui9.Button, {
+  }, /* @__PURE__ */ import_react15.default.createElement(import_react_ui9.Button, {
     ref: doneButton,
     classNames: "self-stretch",
     onClick: handleDone
@@ -1012,261 +1112,50 @@ var PopoverRenameSpace = ({ space }) => {
     ns: "os"
   }))));
 };
-var ShareSpaceButton = ({ spaceId }) => {
-  const dispatch = (0, import_app_framework4.useIntentDispatcher)();
-  return /* @__PURE__ */ import_react14.default.createElement(ShareSpaceButtonImpl, {
+var ShareSpaceButton = ({ space }) => {
+  const dispatch = (0, import_app_framework5.useIntentDispatcher)();
+  return /* @__PURE__ */ import_react16.default.createElement(ShareSpaceButtonImpl, {
     onClick: () => dispatch({
-      action: import_chunk_P4XUXM7Y.SpaceAction.SHARE,
+      action: import_chunk_JFDDZI4Y.SpaceAction.SHARE,
       data: {
-        spaceId
+        space
       }
     })
   });
 };
 var ShareSpaceButtonImpl = ({ onClick }) => {
-  const { t } = (0, import_react_ui10.useTranslation)(import_chunk_P4XUXM7Y.SPACE_PLUGIN);
-  return /* @__PURE__ */ import_react14.default.createElement(import_react_ui10.Button, {
+  const { t } = (0, import_react_ui10.useTranslation)(import_chunk_JFDDZI4Y.SPACE_PLUGIN);
+  return /* @__PURE__ */ import_react16.default.createElement(import_react_ui10.IconButton, {
     "data-testid": "spacePlugin.shareSpaceButton",
-    onClick,
-    classNames: "mli-1"
-  }, t("share space label"));
-};
-var activeActionKeyStorageKey = "dxos:react-shell/space-manager/active-action";
-var Presence = import_echo6.SpaceMember.PresenceState;
-var handleCreateInvitationUrl = (invitationCode) => `${origin}?spaceInvitationCode=${invitationCode}`;
-var SpaceMemberList = ({ members }) => {
-  return members.length > 0 ? /* @__PURE__ */ import_react19.default.createElement(import_react_ui12.List, {
-    classNames: "col-start-2 col-end-5 gap-y-1 grid grid-cols-subgrid items-center"
-  }, members.map((member) => /* @__PURE__ */ import_react19.default.createElement(import_react20.IdentityListItem, {
-    classNames: "contents",
-    key: member.identity.identityKey.toHex(),
-    identity: member.identity,
-    presence: member.presence
-  }))) : null;
-};
-var SpaceMembersSection = ({ space }) => {
-  const { t } = (0, import_react_ui12.useTranslation)(import_chunk_P4XUXM7Y.SPACE_PLUGIN);
-  const invitations = (0, import_echo6.useSpaceInvitations)(space.key);
-  const { dispatch } = (0, import_app_framework6.useIntent)();
-  const handleCloseDialog = () => dispatch({
-    action: import_app_framework6.LayoutAction.SET_LAYOUT,
-    data: {
-      element: "dialog",
-      state: false
-    }
-  });
-  const handleInvitationSelect = ({ invitation: invitationObservable }) => {
-    const invitation = invitationObservable.get();
-    void dispatch({
-      action: import_app_framework6.LayoutAction.SET_LAYOUT,
-      data: {
-        element: "dialog",
-        component: "dxos.org/plugin/space/InvitationManagerDialog",
-        subject: {
-          invitationUrl: handleCreateInvitationUrl(import_invitations.InvitationEncoder.encode(invitation)),
-          send: handleCloseDialog,
-          status: invitation.state,
-          type: invitation.type,
-          authCode: invitation.authCode,
-          id: invitation.invitationId
-        }
-      }
-    });
-  };
-  const inviteActions = {
-    inviteOne: {
-      label: t("invite one label", {
-        ns: "os"
-      }),
-      description: t("invite one description", {
-        ns: "os"
-      }),
-      icon: import_react18.UserPlus,
-      onClick: (0, import_react19.useCallback)(() => {
-        space.share?.({
-          type: import_invitations2.Invitation.Type.INTERACTIVE,
-          authMethod: import_invitations2.Invitation.AuthMethod.SHARED_SECRET
-        });
-      }, [
-        space
-      ])
-    },
-    inviteMany: {
-      label: t("invite many label", {
-        ns: "os"
-      }),
-      description: t("invite many description", {
-        ns: "os"
-      }),
-      icon: import_react18.UsersThree,
-      onClick: (0, import_react19.useCallback)(() => {
-        space.share?.({
-          type: import_invitations2.Invitation.Type.INTERACTIVE,
-          authMethod: import_invitations2.Invitation.AuthMethod.NONE,
-          multiUse: true
-        });
-      }, [
-        space
-      ])
-    }
-  };
-  const [activeActionKey, setInternalActiveActionKey] = (0, import_react19.useState)(localStorage.getItem(activeActionKeyStorageKey) ?? "inviteOne");
-  const setActiveActionKey = (nextKey) => {
-    setInternalActiveActionKey(nextKey);
-    localStorage.setItem(activeActionKeyStorageKey, nextKey);
-  };
-  const activeAction = inviteActions[activeActionKey] ?? {};
-  const members = (0, import_echo6.useMembers)(space.key).reduce((acc, member) => {
-    acc[member.presence].push(member);
-    return acc;
-  }, {
-    [Presence.ONLINE]: [],
-    [Presence.OFFLINE]: []
+    icon: "ph--users--regular",
+    label: t("share space label"),
+    onClick
   });
-  return /* @__PURE__ */ import_react19.default.createElement("section", {
-    className: "mbe-4 col-span-3 grid gap-y-2 grid-cols-subgrid auto-rows-min"
-  }, /* @__PURE__ */ import_react19.default.createElement("h2", {
-    className: "contents"
-  }, /* @__PURE__ */ import_react19.default.createElement(import_react18.UsersThree, {
-    weight: "duotone",
-    className: (0, import_react_ui_theme5.mx)((0, import_react_ui_theme5.getSize)(5), "place-self-center")
-  }), /* @__PURE__ */ import_react19.default.createElement("span", {
-    className: "text-lg col-span-2"
-  }, t("space members label"))), /* @__PURE__ */ import_react19.default.createElement("h3", {
-    className: "col-start-2 col-span-3 text-sm italic text-description"
-  }, t("invitations heading")), invitations.length > 0 && /* @__PURE__ */ import_react19.default.createElement(import_react_ui12.List, {
-    classNames: "col-start-2 col-span-2 gap-y-2 grid grid-cols-[var(--rail-size)_1fr_var(--rail-action)_var(--rail-action)]"
-  }, invitations.map((invitation) => /* @__PURE__ */ import_react19.default.createElement(import_react20.InvitationListItem, {
-    reverseEffects: true,
-    classNames: "pis-0 pie-0 gap-0 col-span-4 grid grid-cols-subgrid",
-    key: invitation.get().invitationId,
-    invitation,
-    send: handleInvitationSelect,
-    createInvitationUrl: handleCreateInvitationUrl
-  }))), /* @__PURE__ */ import_react19.default.createElement(import_react_ui12.ButtonGroup, {
-    classNames: "col-start-2 col-end-4 grid grid-cols-[1fr_var(--rail-action)] place-self-grow gap-px"
-  }, /* @__PURE__ */ import_react19.default.createElement(import_react_ui12.Button, {
-    classNames: "gap-2",
-    onClick: activeAction.onClick
-  }, /* @__PURE__ */ import_react19.default.createElement(activeAction.icon, {
-    className: (0, import_react_ui_theme5.getSize)(5)
-  }), /* @__PURE__ */ import_react19.default.createElement("span", null, t(activeAction.label, {
-    ns: "os"
-  }))), /* @__PURE__ */ import_react19.default.createElement(import_react_ui12.DropdownMenu.Root, null, /* @__PURE__ */ import_react19.default.createElement(import_react_ui12.DropdownMenu.Trigger, {
-    asChild: true
-  }, /* @__PURE__ */ import_react19.default.createElement(import_react_ui12.Button, {
-    classNames: "pli-0"
-  }, /* @__PURE__ */ import_react19.default.createElement(import_react18.CaretDown, {
-    className: (0, import_react_ui_theme5.getSize)(4)
-  }))), /* @__PURE__ */ import_react19.default.createElement(import_react_ui12.DropdownMenu.Content, null, /* @__PURE__ */ import_react19.default.createElement(import_react_ui12.DropdownMenu.Viewport, null, Object.entries(inviteActions).map(([id, action]) => {
-    return /* @__PURE__ */ import_react19.default.createElement(import_react_ui12.DropdownMenu.CheckboxItem, {
-      key: id,
-      "aria-labelledby": `${id}__label`,
-      "aria-describedby": `${id}__description`,
-      checked: activeActionKey === id,
-      onCheckedChange: (checked) => checked && setActiveActionKey(id),
-      classNames: "gap-2"
-    }, action.icon && /* @__PURE__ */ import_react19.default.createElement(action.icon, {
-      className: (0, import_react_ui_theme5.getSize)(5)
-    }), /* @__PURE__ */ import_react19.default.createElement("div", {
-      role: "none",
-      className: "flex-1 min-is-0 space-b-1"
-    }, /* @__PURE__ */ import_react19.default.createElement("p", {
-      id: `${id}__label`
-    }, t(action.label, {
-      ns: "os"
-    })), action.description && /* @__PURE__ */ import_react19.default.createElement("p", {
-      id: `${id}__description`,
-      className: import_react_ui_theme5.descriptionText
-    }, t(action.description, {
-      ns: "os"
-    }))), /* @__PURE__ */ import_react19.default.createElement(import_react_ui12.DropdownMenu.ItemIndicator, {
-      asChild: true
-    }, /* @__PURE__ */ import_react19.default.createElement(import_react18.Check, {
-      className: (0, import_react_ui_theme5.getSize)(4)
-    })));
-  })), /* @__PURE__ */ import_react19.default.createElement(import_react_ui12.DropdownMenu.Arrow, null)))), members[Presence.ONLINE].length + members[Presence.OFFLINE].length < 1 ? /* @__PURE__ */ import_react19.default.createElement("p", {
-    className: (0, import_react_ui_theme5.mx)(import_react_ui_theme5.descriptionText, "text-center is-full mlb-2")
-  }, t("empty space members message", {
-    ns: "os"
-  })) : /* @__PURE__ */ import_react19.default.createElement(import_react19.default.Fragment, null, /* @__PURE__ */ import_react19.default.createElement("h3", {
-    className: "col-start-2 col-end-5 text-sm italic text-description"
-  }, t("active space members heading", {
-    count: members[Presence.ONLINE].length
-  })), /* @__PURE__ */ import_react19.default.createElement(SpaceMemberList, {
-    members: members[Presence.ONLINE]
-  }), /* @__PURE__ */ import_react19.default.createElement("h3", {
-    className: "col-start-2 col-end-5 text-sm italic text-description"
-  }, t("inactive space members heading", {
-    count: members[Presence.OFFLINE].length
-  })), /* @__PURE__ */ import_react19.default.createElement(SpaceMemberList, {
-    members: members[Presence.OFFLINE]
-  })));
-};
-var KeyShortcuts = () => {
-  const { t } = (0, import_react_ui11.useTranslation)(import_chunk_P4XUXM7Y.SPACE_PLUGIN);
-  return /* @__PURE__ */ import_react16.default.createElement("section", {
-    className: "mbe-4 col-span-4 md:col-start-5 md:col-end-7 grid grid-cols-subgrid gap-y-2 auto-rows-min"
-  }, /* @__PURE__ */ import_react16.default.createElement("h2", {
-    className: "contents"
-  }, /* @__PURE__ */ import_react16.default.createElement(import_react15.Command, {
-    weight: "duotone",
-    className: (0, import_react_ui_theme4.mx)((0, import_react_ui_theme4.getSize)(5), "place-self-center")
-  }), /* @__PURE__ */ import_react16.default.createElement("span", {
-    className: "text-lg col-span-2 md:col-span-1"
-  }, t("keyshortcuts label"))), /* @__PURE__ */ import_react16.default.createElement("div", {
-    role: "none",
-    className: "col-start-2 col-end-4 md:col-end-5 pie-2"
-  }, /* @__PURE__ */ import_react16.default.createElement(import_app_framework5.Surface, {
-    role: "keyshortcuts"
-  })));
-};
-var spaceMainLayout = "grid gap-y-2 auto-rows-min before:bs-2 before:col-span-5 grid-cols-[var(--rail-size)_var(--rail-size)_1fr_var(--rail-size)] md:grid-cols-[var(--rail-size)_var(--rail-size)_minmax(max-content,1fr)_var(--rail-size)_var(--rail-size)_minmax(max-content,2fr)_var(--rail-size)]";
-var SpaceMain = ({ space, role }) => {
-  const state = space.state.get();
-  const ready = state === import_echo5.SpaceState.SPACE_READY;
-  const Root = role === "main" ? import_react_ui11.Main.Content : "div";
-  return /* @__PURE__ */ import_react16.default.createElement(import_react17.ClipboardProvider, null, /* @__PURE__ */ import_react16.default.createElement(Root, {
-    ...role === "main" ? {
-      classNames: [
-        import_react_ui_theme4.topbarBlockPaddingStart,
-        "min-bs-dvh",
-        spaceMainLayout
-      ]
-    } : {
-      role: "none",
-      className: (0, import_react_ui_theme4.mx)(import_react_ui_theme4.topbarBlockPaddingStart, "row-span-2", spaceMainLayout)
-    },
-    "data-testid": `spacePlugin.${role}`,
-    "data-isready": ready ? "true" : "false"
-  }, ready && /* @__PURE__ */ import_react16.default.createElement(SpaceMembersSection, {
-    space
-  }), /* @__PURE__ */ import_react16.default.createElement(KeyShortcuts, null)));
 };
 var REFRESH_INTERVAL = 5e3;
 var ACTIVITY_DURATION = 3e4;
 var noViewers = new import_util2.ComplexMap(import_react_client4.PublicKey.hash);
 var getName = (identity) => identity.profile?.displayName ?? (0, import_display_name.generateName)(identity.identityKey.toHex());
 var SpacePresence = ({ object, spaceKey }) => {
-  const spacePlugin = (0, import_app_framework7.usePlugin)(import_chunk_P4XUXM7Y.SPACE_PLUGIN);
+  const spacePlugin = (0, import_app_framework6.usePlugin)(import_chunk_JFDDZI4Y.SPACE_PLUGIN);
   const client = (0, import_react_client4.useClient)();
   const identity = (0, import_halo.useIdentity)();
-  const space = spaceKey ? client.spaces.get(spaceKey) : (0, import_echo7.getSpace)(object);
-  const spaceMembers = (0, import_echo7.useMembers)(space?.key);
-  const [_moment, setMoment] = (0, import_react21.useState)(Date.now());
-  (0, import_react21.useEffect)(() => {
+  const space = spaceKey ? client.spaces.get(spaceKey) : (0, import_echo6.getSpace)(object);
+  const spaceMembers = (0, import_echo6.useMembers)(space?.key);
+  const [_moment, setMoment] = (0, import_react17.useState)(Date.now());
+  (0, import_react17.useEffect)(() => {
     const interval = setInterval(() => setMoment(Date.now()), REFRESH_INTERVAL);
     return () => clearInterval(interval);
   }, []);
-  const memberOnline = (0, import_react21.useCallback)((member) => member.presence === 1, []);
-  const memberIsNotSelf = (0, import_react21.useCallback)((member) => !identity?.identityKey.equals(member.identity.identityKey), [
+  const memberOnline = (0, import_react17.useCallback)((member) => member.presence === 1, []);
+  const memberIsNotSelf = (0, import_react17.useCallback)((member) => !identity?.identityKey.equals(member.identity.identityKey), [
     identity?.identityKey
   ]);
   if (!identity || !spacePlugin || !space) {
     return null;
   }
   const spaceState = spacePlugin.provides.space;
-  const currentObjectViewers = spaceState.viewersByObject[(0, import_echo7.fullyQualifiedId)(object)] ?? noViewers;
+  const currentObjectViewers = spaceState.viewersByObject[(0, import_echo6.fullyQualifiedId)(object)] ?? noViewers;
   const membersForObject = spaceMembers.filter((member) => memberOnline(member) && memberIsNotSelf(member)).filter((member) => currentObjectViewers.has(member.identity.identityKey)).map((member) => {
     const objectView = currentObjectViewers.get(member.identity.identityKey);
     const lastSeen = objectView?.lastSeen ?? -Infinity;
@@ -1277,61 +1166,61 @@ var SpacePresence = ({ object, spaceKey }) => {
       lastSeen
     };
   }).toSorted((a, b) => a.lastSeen - b.lastSeen);
-  return /* @__PURE__ */ import_react21.default.createElement(FullPresence, {
+  return /* @__PURE__ */ import_react17.default.createElement(FullPresence, {
     members: membersForObject
   });
 };
 var FullPresence = (props) => {
   const { size = 9, onMemberClick } = props;
-  const members = (0, import_react_ui13.useDefaultValue)(props.members, () => []);
+  const members = (0, import_react_ui11.useDefaultValue)(props.members, () => []);
   if (members.length === 0) {
     return null;
   }
-  return /* @__PURE__ */ import_react21.default.createElement(import_react_ui13.AvatarGroup.Root, {
+  return /* @__PURE__ */ import_react17.default.createElement(import_react_ui11.AvatarGroup.Root, {
     size,
     classNames: "mbs-2 mie-4",
     "data-testid": "spacePlugin.presence"
-  }, members.slice(0, 3).map((member, i) => /* @__PURE__ */ import_react21.default.createElement(import_react_ui13.Tooltip.Root, {
+  }, members.slice(0, 3).map((member, i) => /* @__PURE__ */ import_react17.default.createElement(import_react_ui11.Tooltip.Root, {
     key: member.identity.identityKey.toHex()
-  }, /* @__PURE__ */ import_react21.default.createElement(import_react_ui13.Tooltip.Trigger, null, /* @__PURE__ */ import_react21.default.createElement(PrensenceAvatar, {
+  }, /* @__PURE__ */ import_react17.default.createElement(import_react_ui11.Tooltip.Trigger, null, /* @__PURE__ */ import_react17.default.createElement(PrensenceAvatar, {
     identity: member.identity,
     group: true,
     match: member.currentlyAttended,
     index: members.length - i,
     onClick: () => onMemberClick?.(member)
-  })), /* @__PURE__ */ import_react21.default.createElement(import_react_ui13.Tooltip.Portal, null, /* @__PURE__ */ import_react21.default.createElement(import_react_ui13.Tooltip.Content, {
+  })), /* @__PURE__ */ import_react17.default.createElement(import_react_ui11.Tooltip.Portal, null, /* @__PURE__ */ import_react17.default.createElement(import_react_ui11.Tooltip.Content, {
     side: "bottom"
-  }, /* @__PURE__ */ import_react21.default.createElement("span", null, getName(member.identity)), /* @__PURE__ */ import_react21.default.createElement(import_react_ui13.Tooltip.Arrow, null))))), members.length > 3 && /* @__PURE__ */ import_react21.default.createElement(import_react_ui13.Tooltip.Root, null, /* @__PURE__ */ import_react21.default.createElement(import_react_ui13.Tooltip.Trigger, null, /* @__PURE__ */ import_react21.default.createElement(import_react_ui13.AvatarGroupItem.Root, {
+  }, /* @__PURE__ */ import_react17.default.createElement("span", null, getName(member.identity)), /* @__PURE__ */ import_react17.default.createElement(import_react_ui11.Tooltip.Arrow, null))))), members.length > 3 && /* @__PURE__ */ import_react17.default.createElement(import_react_ui11.Tooltip.Root, null, /* @__PURE__ */ import_react17.default.createElement(import_react_ui11.Tooltip.Trigger, null, /* @__PURE__ */ import_react17.default.createElement(import_react_ui11.AvatarGroupItem.Root, {
     status: "inactive"
-  }, /* @__PURE__ */ import_react21.default.createElement(import_react_ui13.Avatar.Frame, {
+  }, /* @__PURE__ */ import_react17.default.createElement(import_react_ui11.Avatar.Frame, {
     style: {
       zIndex: members.length - 4
     }
-  }, /* @__PURE__ */ import_react21.default.createElement(import_react_ui13.Avatar.Fallback, {
+  }, /* @__PURE__ */ import_react17.default.createElement(import_react_ui11.Avatar.Fallback, {
     text: `+${members.length - 3}`
-  })))), /* @__PURE__ */ import_react21.default.createElement(import_react_ui13.Tooltip.Portal, null, /* @__PURE__ */ import_react21.default.createElement(import_react_ui13.Tooltip.Content, {
+  })))), /* @__PURE__ */ import_react17.default.createElement(import_react_ui11.Tooltip.Portal, null, /* @__PURE__ */ import_react17.default.createElement(import_react_ui11.Tooltip.Content, {
     side: "bottom"
-  }, /* @__PURE__ */ import_react21.default.createElement(import_react_ui13.Tooltip.Arrow, null), /* @__PURE__ */ import_react21.default.createElement(import_react_ui13.List, {
+  }, /* @__PURE__ */ import_react17.default.createElement(import_react_ui11.Tooltip.Arrow, null), /* @__PURE__ */ import_react17.default.createElement(import_react_ui11.List, {
     classNames: "max-h-56 overflow-y-auto"
-  }, members.map((member) => /* @__PURE__ */ import_react21.default.createElement(import_react_ui13.ListItem.Root, {
+  }, members.map((member) => /* @__PURE__ */ import_react17.default.createElement(import_react_ui11.ListItem.Root, {
     key: member.identity.identityKey.toHex(),
     classNames: "flex gap-2 items-center cursor-pointer mbe-2",
     onClick: () => onMemberClick?.(member),
     "data-testid": "identity-list-item"
-  }, /* @__PURE__ */ import_react21.default.createElement(PrensenceAvatar, {
+  }, /* @__PURE__ */ import_react17.default.createElement(PrensenceAvatar, {
     identity: member.identity,
     showName: true,
     match: member.currentlyAttended
   }))))))));
 };
 var PrensenceAvatar = ({ identity, showName, match, group, index, onClick }) => {
-  const Root = group ? import_react_ui13.AvatarGroupItem.Root : import_react_ui13.Avatar.Root;
+  const Root = group ? import_react_ui11.AvatarGroupItem.Root : import_react_ui11.Avatar.Root;
   const status = match ? "current" : "active";
   const fallbackValue = (0, import_util2.keyToFallback)(identity.identityKey);
-  return /* @__PURE__ */ import_react21.default.createElement(Root, {
+  return /* @__PURE__ */ import_react17.default.createElement(Root, {
     status,
     hue: identity.profile?.data?.hue || fallbackValue.hue
-  }, /* @__PURE__ */ import_react21.default.createElement(import_react_ui13.Avatar.Frame, {
+  }, /* @__PURE__ */ import_react17.default.createElement(import_react_ui11.Avatar.Frame, {
     "data-testid": "spacePlugin.presence.member",
     "data-status": status,
     ...index ? {
@@ -1340,9 +1229,9 @@ var PrensenceAvatar = ({ identity, showName, match, group, index, onClick }) =>
       }
     } : {},
     onClick: () => onClick?.()
-  }, /* @__PURE__ */ import_react21.default.createElement(import_react_ui13.Avatar.Fallback, {
+  }, /* @__PURE__ */ import_react17.default.createElement(import_react_ui11.Avatar.Fallback, {
     text: identity.profile?.data?.emoji || fallbackValue.emoji
-  })), showName && /* @__PURE__ */ import_react21.default.createElement(import_react_ui13.Avatar.Label, {
+  })), showName && /* @__PURE__ */ import_react17.default.createElement(import_react_ui11.Avatar.Label, {
     classNames: "text-sm truncate pli-2"
   }, getName(identity)));
 };
@@ -1351,8 +1240,8 @@ var SmallPresenceLive = ({ id, viewers }) => {
     const moment = Date.now();
     return Array.from(viewers2.values()).filter(({ lastSeen }) => moment - lastSeen < ACTIVITY_DURATION);
   };
-  const [activeViewers, setActiveViewers] = (0, import_react21.useState)(viewers ? getActiveViewers(viewers) : []);
-  (0, import_react21.useEffect)(() => {
+  const [activeViewers, setActiveViewers] = (0, import_react17.useState)(viewers ? getActiveViewers(viewers) : []);
+  (0, import_react17.useEffect)(() => {
     if (viewers) {
       setActiveViewers(getActiveViewers(viewers));
       const interval = setInterval(() => {
@@ -1363,73 +1252,73 @@ var SmallPresenceLive = ({ id, viewers }) => {
   }, [
     viewers
   ]);
-  return /* @__PURE__ */ import_react21.default.createElement(SmallPresence, {
+  return /* @__PURE__ */ import_react17.default.createElement(SmallPresence, {
     id,
     count: activeViewers.length
   });
 };
 var SmallPresence = ({ id, count }) => {
-  const { t } = (0, import_react_ui13.useTranslation)(import_chunk_P4XUXM7Y.SPACE_PLUGIN);
+  const { t } = (0, import_react_ui11.useTranslation)(import_chunk_JFDDZI4Y.SPACE_PLUGIN);
   const { hasAttention, isAncestor, isRelated } = (0, import_react_ui_attention.useAttention)(id);
   const attention = hasAttention || isAncestor || isRelated;
-  return /* @__PURE__ */ import_react21.default.createElement(import_react_ui13.Tooltip.Root, null, /* @__PURE__ */ import_react21.default.createElement(import_react_ui13.Tooltip.Trigger, {
+  return /* @__PURE__ */ import_react17.default.createElement(import_react_ui11.Tooltip.Root, null, /* @__PURE__ */ import_react17.default.createElement(import_react_ui11.Tooltip.Trigger, {
     asChild: true
-  }, /* @__PURE__ */ import_react21.default.createElement("div", {
+  }, /* @__PURE__ */ import_react17.default.createElement("div", {
     role: "none",
     className: "flex",
     "data-attention": attention
-  }, /* @__PURE__ */ import_react21.default.createElement(import_react_ui_attention.AttentionGlyph, {
+  }, /* @__PURE__ */ import_react17.default.createElement(import_react_ui_attention.AttentionGlyph, {
     presence: count > 1 ? "many" : count === 1 ? "one" : "none",
     classNames: "self-center mie-1"
-  }))), /* @__PURE__ */ import_react21.default.createElement(import_react_ui13.Tooltip.Portal, null, /* @__PURE__ */ import_react21.default.createElement(import_react_ui13.Tooltip.Content, {
+  }))), /* @__PURE__ */ import_react17.default.createElement(import_react_ui11.Tooltip.Portal, null, /* @__PURE__ */ import_react17.default.createElement(import_react_ui11.Tooltip.Content, {
     side: "bottom",
     classNames: "z-[70]"
-  }, /* @__PURE__ */ import_react21.default.createElement("span", null, t("presence label", {
+  }, /* @__PURE__ */ import_react17.default.createElement("span", null, t("presence label", {
     count
-  })), /* @__PURE__ */ import_react21.default.createElement(import_react_ui13.Tooltip.Arrow, null))));
+  })), /* @__PURE__ */ import_react17.default.createElement(import_react_ui11.Tooltip.Arrow, null))));
 };
-var SpaceSettings = ({ settings }) => {
-  const { t } = (0, import_react_ui14.useTranslation)(import_chunk_P4XUXM7Y.SPACE_PLUGIN);
-  const dispatch = (0, import_app_framework8.useIntentDispatcher)();
-  const plugins = (0, import_app_framework8.useResolvePlugins)(import_chunk_HTAM5LQD.parseSpaceInitPlugin);
-  return /* @__PURE__ */ import_react22.default.createElement(import_react22.default.Fragment, null, /* @__PURE__ */ import_react22.default.createElement(import_react_ui_data.DeprecatedFormInput, {
+var SpacePluginSettings = ({ settings }) => {
+  const { t } = (0, import_react_ui12.useTranslation)(import_chunk_JFDDZI4Y.SPACE_PLUGIN);
+  const dispatch = (0, import_app_framework7.useIntentDispatcher)();
+  const plugins = (0, import_app_framework7.useResolvePlugins)(import_chunk_FYWGZYJB.parseSpaceInitPlugin);
+  return /* @__PURE__ */ import_react18.default.createElement(import_react18.default.Fragment, null, /* @__PURE__ */ import_react18.default.createElement(import_react_ui_data.DeprecatedFormInput, {
     label: t("show hidden spaces label")
-  }, /* @__PURE__ */ import_react22.default.createElement(import_react_ui14.Input.Switch, {
+  }, /* @__PURE__ */ import_react18.default.createElement(import_react_ui12.Input.Switch, {
     checked: settings.showHidden,
     onCheckedChange: (checked) => dispatch({
-      plugin: import_chunk_P4XUXM7Y.SPACE_PLUGIN,
-      action: import_chunk_P4XUXM7Y.SpaceAction.TOGGLE_HIDDEN,
+      plugin: import_chunk_JFDDZI4Y.SPACE_PLUGIN,
+      action: import_chunk_JFDDZI4Y.SpaceAction.TOGGLE_HIDDEN,
       data: {
         state: !!checked
       }
     })
-  })), /* @__PURE__ */ import_react22.default.createElement(import_react_ui_data.DeprecatedFormInput, {
+  })), /* @__PURE__ */ import_react18.default.createElement(import_react_ui_data.DeprecatedFormInput, {
     label: t("default on space create label")
-  }, /* @__PURE__ */ import_react22.default.createElement(import_react_ui14.Select.Root, {
+  }, /* @__PURE__ */ import_react18.default.createElement(import_react_ui12.Select.Root, {
     value: settings.onSpaceCreate,
     onValueChange: (value) => {
       settings.onSpaceCreate = value;
     }
-  }, /* @__PURE__ */ import_react22.default.createElement(import_react_ui14.Select.TriggerButton, null), /* @__PURE__ */ import_react22.default.createElement(import_react_ui14.Select.Portal, null, /* @__PURE__ */ import_react22.default.createElement(import_react_ui14.Select.Content, null, /* @__PURE__ */ import_react22.default.createElement(import_react_ui14.Select.Viewport, null, plugins.map(({ provides: { space: { onSpaceCreate } } }) => /* @__PURE__ */ import_react22.default.createElement(import_react_ui14.Select.Option, {
+  }, /* @__PURE__ */ import_react18.default.createElement(import_react_ui12.Select.TriggerButton, null), /* @__PURE__ */ import_react18.default.createElement(import_react_ui12.Select.Portal, null, /* @__PURE__ */ import_react18.default.createElement(import_react_ui12.Select.Content, null, /* @__PURE__ */ import_react18.default.createElement(import_react_ui12.Select.Viewport, null, plugins.map(({ provides: { space: { onSpaceCreate } } }) => /* @__PURE__ */ import_react18.default.createElement(import_react_ui12.Select.Option, {
     key: onSpaceCreate.action,
     value: onSpaceCreate.action
-  }, (0, import_react_ui14.toLocalizedString)(onSpaceCreate.label, t)))))))));
+  }, (0, import_react_ui12.toLocalizedString)(onSpaceCreate.label, t)))))))));
 };
-var __dxlog_file3 = "/home/runner/work/dxos/dxos/packages/plugins/plugin-space/src/components/SpaceSettingsPanel.tsx";
+var __dxlog_file3 = "/home/runner/work/dxos/dxos/packages/plugins/plugin-space/src/components/SpaceSettings/SpaceSettingsPanel.tsx";
 var SpaceSettingsPanel = ({ space }) => {
-  const { t } = (0, import_react_ui15.useTranslation)(import_chunk_P4XUXM7Y.SPACE_PLUGIN);
-  const client = (0, import_react_client5.useClient)();
+  const { t } = (0, import_react_ui14.useTranslation)(import_chunk_JFDDZI4Y.SPACE_PLUGIN);
+  const client = (0, import_react_client6.useClient)();
   const devices = (0, import_halo2.useDevices)();
   const managedDeviceAvailable = devices.find((device) => device.profile?.type === import_halo2.DeviceType.AGENT_MANAGED);
   const edgeAgents = Boolean(client.config.values.runtime?.client?.edgeFeatures?.agents);
   const edgeReplicationAvailable = edgeAgents && managedDeviceAvailable;
-  const [edgeReplication, setEdgeReplication] = (0, import_react23.useState)(space.internal.data.edgeReplication === import_metadata.EdgeReplicationSetting.ENABLED);
-  const toggleEdgeReplication = (0, import_react23.useCallback)(async (next) => {
+  const [edgeReplication, setEdgeReplication] = (0, import_react21.useState)(space.internal.data.edgeReplication === import_metadata.EdgeReplicationSetting.ENABLED);
+  const toggleEdgeReplication = (0, import_react21.useCallback)(async (next) => {
     setEdgeReplication(next);
     await space?.internal.setEdgeReplicationPreference(next ? import_metadata.EdgeReplicationSetting.ENABLED : import_metadata.EdgeReplicationSetting.DISABLED).catch((err) => {
       import_log3.log.catch(err, void 0, {
         F: __dxlog_file3,
-        L: 38,
+        L: 39,
         S: void 0,
         C: (f, a) => f(...a)
       });
@@ -1438,25 +1327,101 @@ var SpaceSettingsPanel = ({ space }) => {
   }, [
     space
   ]);
-  return /* @__PURE__ */ import_react23.default.createElement("div", {
+  return /* @__PURE__ */ import_react21.default.createElement("div", {
     role: "form",
-    className: "flex flex-col w-full p-2 gap-4"
-  }, /* @__PURE__ */ import_react23.default.createElement(import_react_ui15.Input.Root, null, /* @__PURE__ */ import_react23.default.createElement("div", {
-    role: "none",
-    className: "flex flex-col gap-1"
-  }, /* @__PURE__ */ import_react23.default.createElement(import_react_ui15.Input.Label, null, t("name label")), /* @__PURE__ */ import_react23.default.createElement(import_react_ui15.Input.TextInput, {
-    placeholder: t("name placeholder"),
+    className: "flex flex-col"
+  }, /* @__PURE__ */ import_react21.default.createElement(import_react_ui_data2.DeprecatedFormInput, {
+    label: t("name label")
+  }, /* @__PURE__ */ import_react21.default.createElement(import_react_ui14.Input.TextInput, {
+    placeholder: t("unnamed space label"),
     value: space.properties.name ?? "",
     onChange: (event) => {
       space.properties.name = event.target.value;
     }
-  }))), edgeReplicationAvailable && /* @__PURE__ */ import_react23.default.createElement(import_react_ui15.Input.Root, null, /* @__PURE__ */ import_react23.default.createElement("div", {
-    role: "none",
-    className: "flex justify-between"
-  }, /* @__PURE__ */ import_react23.default.createElement(import_react_ui15.Input.Label, null, t("edge replication label")), /* @__PURE__ */ import_react23.default.createElement(import_react_ui15.Input.Switch, {
+  })), edgeReplicationAvailable && /* @__PURE__ */ import_react21.default.createElement(import_react_ui_data2.DeprecatedFormInput, {
+    label: t("edge replication label")
+  }, /* @__PURE__ */ import_react21.default.createElement(import_react_ui14.Input.Switch, {
     checked: edgeReplication,
     onCheckedChange: toggleEdgeReplication
-  }))));
+  })));
+};
+var SpaceSettingsDialog = ({ space, target, createInvitationUrl, initialTab = "members", namesCache }) => {
+  const { t } = (0, import_react_ui13.useTranslation)(import_chunk_JFDDZI4Y.SPACE_PLUGIN);
+  const client = (0, import_react_client5.useClient)();
+  const [tabsActivePart, setTabsActivePart] = (0, import_react19.useState)("list");
+  const [selected, setSelected] = (0, import_react19.useState)(initialTab);
+  const locked = space.properties[COMPOSER_SPACE_LOCK];
+  const name = getSpaceDisplayName(space, {
+    personal: client.spaces.default === space,
+    namesCache
+  });
+  return (
+    // TODO(wittjosiah): The tablist dialog pattern is copied from @dxos/plugin-manager.
+    //  Consider factoring it out to the tabs package.
+    /* @__PURE__ */ import_react19.default.createElement(import_react_ui13.Dialog.Content, {
+      classNames: "p-0 bs-content min-bs-[15rem] max-bs-full md:max-is-[40rem] overflow-hidden"
+    }, /* @__PURE__ */ import_react19.default.createElement("div", {
+      role: "none",
+      className: "flex justify-between pbs-3 pis-2 pie-3 @md:pbs-4 @md:pis-4 @md:pie-5"
+    }, /* @__PURE__ */ import_react19.default.createElement(import_react_ui13.Dialog.Title, {
+      onClick: () => setTabsActivePart("list"),
+      "aria-description": t("click to return to tablist description"),
+      classNames: "flex cursor-pointer items-center group/title"
+    }, /* @__PURE__ */ import_react19.default.createElement(import_react_ui13.Icon, {
+      icon: "ph--caret-left--regular",
+      size: 4,
+      classNames: [
+        "@md:hidden",
+        tabsActivePart === "list" && "invisible"
+      ]
+    }), /* @__PURE__ */ import_react19.default.createElement("span", {
+      className: tabsActivePart !== "list" ? "group-hover/title:underline @md:group-hover/title:no-underline underline-offset-4 decoration-1" : ""
+    }, (0, import_react_ui13.toLocalizedString)(name, t))), /* @__PURE__ */ import_react19.default.createElement(import_react_ui13.Dialog.Close, {
+      asChild: true
+    }, /* @__PURE__ */ import_react19.default.createElement(import_react_ui13.Button, {
+      density: "fine",
+      variant: "ghost",
+      autoFocus: true
+    }, /* @__PURE__ */ import_react19.default.createElement(import_react_ui13.Icon, {
+      icon: "ph--x--regular",
+      size: 3
+    })))), /* @__PURE__ */ import_react19.default.createElement(import_react_ui_tabs.Tabs.Root, {
+      orientation: "vertical",
+      value: selected,
+      onValueChange: setSelected,
+      activePart: tabsActivePart,
+      onActivePartChange: setTabsActivePart,
+      classNames: "flex flex-col flex-1 mbs-2"
+    }, /* @__PURE__ */ import_react19.default.createElement(import_react_ui_tabs.Tabs.Viewport, {
+      classNames: "flex-1 min-bs-0"
+    }, /* @__PURE__ */ import_react19.default.createElement("div", {
+      role: "none",
+      className: "overflow-y-auto pli-3 @md:pis-2 @md:pie-0 mbe-4 border-r border-separator"
+    }, /* @__PURE__ */ import_react19.default.createElement(import_react_ui_tabs.Tabs.Tablist, {
+      classNames: "flex flex-col max-bs-none min-is-[200px] gap-4 overflow-y-auto"
+    }, /* @__PURE__ */ import_react19.default.createElement("div", {
+      role: "none",
+      className: "flex flex-col ml-1"
+    }, /* @__PURE__ */ import_react19.default.createElement(import_react_ui_tabs.Tabs.Tab, {
+      value: "settings"
+    }, t("settings tab label")), /* @__PURE__ */ import_react19.default.createElement(import_react_ui_tabs.Tabs.Tab, {
+      value: "members",
+      disabled: locked
+    }, t("members tab label"))))), /* @__PURE__ */ import_react19.default.createElement(import_react_ui_tabs.Tabs.Tabpanel, {
+      value: "settings",
+      classNames: "pli-3 @md:pli-5 max-bs-dvh overflow-y-auto"
+    }, /* @__PURE__ */ import_react19.default.createElement(SpaceSettingsPanel, {
+      space
+    })), /* @__PURE__ */ import_react19.default.createElement(import_react_ui_tabs.Tabs.Tabpanel, {
+      value: "members",
+      classNames: "pli-3 @md:pli-5 max-bs-dvh overflow-y-auto"
+    }, /* @__PURE__ */ import_react19.default.createElement(import_react20.ClipboardProvider, null, /* @__PURE__ */ import_react19.default.createElement(import_react20.SpacePanel, {
+      space,
+      hideHeading: true,
+      target,
+      createInvitationUrl
+    }))))))
+  );
 };
 var SYNC_STALLED_TIMEOUT = 5e3;
 var styles = {
@@ -1465,9 +1430,9 @@ var styles = {
   barHover: "dark:hover:bg-green-500"
 };
 var useActive = (count) => {
-  const [current, setCurrent] = (0, import_react25.useState)(count);
-  const [active, setActive] = (0, import_react25.useState)(false);
-  (0, import_react25.useEffect)(() => {
+  const [current, setCurrent] = (0, import_react23.useState)(count);
+  const [active, setActive] = (0, import_react23.useState)(false);
+  (0, import_react23.useEffect)(() => {
     let t;
     if (count !== current) {
       setActive(true);
@@ -1490,17 +1455,17 @@ var useActive = (count) => {
 var SpaceRow = ({ spaceId, state: { localDocumentCount, remoteDocumentCount, missingOnLocal, missingOnRemote } }) => {
   const downActive = useActive(localDocumentCount);
   const upActive = useActive(remoteDocumentCount);
-  return /* @__PURE__ */ import_react25.default.createElement("div", {
-    className: (0, import_react_ui_theme7.mx)("flex items-center mx-[2px] gap-[2px] cursor-pointer", styles.barHover),
+  return /* @__PURE__ */ import_react23.default.createElement("div", {
+    className: (0, import_react_ui_theme5.mx)("flex items-center mx-[2px] gap-[2px] cursor-pointer", styles.barHover),
     title: spaceId,
     onClick: () => {
       void navigator.clipboard.writeText(spaceId);
     }
-  }, /* @__PURE__ */ import_react25.default.createElement(import_react_ui17.Icon, {
+  }, /* @__PURE__ */ import_react23.default.createElement(import_react_ui16.Icon, {
     icon: "ph--arrow-fat-line-left--regular",
     size: 3,
-    classNames: (0, import_react_ui_theme7.mx)(downActive && "animate-[pulse_1s_infinite]")
-  }), /* @__PURE__ */ import_react25.default.createElement(Candle, {
+    classNames: (0, import_react_ui_theme5.mx)(downActive && "animate-[pulse_1s_infinite]")
+  }), /* @__PURE__ */ import_react23.default.createElement(Candle, {
     up: {
       count: remoteDocumentCount,
       total: remoteDocumentCount + missingOnRemote
@@ -1510,37 +1475,37 @@ var SpaceRow = ({ spaceId, state: { localDocumentCount, remoteDocumentCount, mis
       total: localDocumentCount + missingOnLocal
     },
     title: spaceId
-  }), /* @__PURE__ */ import_react25.default.createElement(import_react_ui17.Icon, {
+  }), /* @__PURE__ */ import_react23.default.createElement(import_react_ui16.Icon, {
     icon: "ph--arrow-fat-line-right--regular",
     size: 3,
-    classNames: (0, import_react_ui_theme7.mx)(upActive && "animate-[pulse_1s_step-start_infinite]")
+    classNames: (0, import_react_ui_theme5.mx)(upActive && "animate-[pulse_1s_step-start_infinite]")
   }));
 };
 var Candle = ({ classNames, up, down }) => {
-  return /* @__PURE__ */ import_react25.default.createElement("div", {
-    className: (0, import_react_ui_theme7.mx)("grid grid-cols-[1fr_2rem_1fr] w-full h-3", classNames)
-  }, /* @__PURE__ */ import_react25.default.createElement(Bar, {
+  return /* @__PURE__ */ import_react23.default.createElement("div", {
+    className: (0, import_react_ui_theme5.mx)("grid grid-cols-[1fr_2rem_1fr] w-full h-3", classNames)
+  }, /* @__PURE__ */ import_react23.default.createElement(Bar, {
     classNames: "justify-end",
     ...up
-  }), /* @__PURE__ */ import_react25.default.createElement("div", {
+  }), /* @__PURE__ */ import_react23.default.createElement("div", {
     className: "relative"
-  }, /* @__PURE__ */ import_react25.default.createElement("div", {
-    className: (0, import_react_ui_theme7.mx)("absolute inset-0 flex items-center justify-center text-xs", styles.barBg)
-  }, up.total)), /* @__PURE__ */ import_react25.default.createElement(Bar, down));
+  }, /* @__PURE__ */ import_react23.default.createElement("div", {
+    className: (0, import_react_ui_theme5.mx)("absolute inset-0 flex items-center justify-center text-xs", styles.barBg)
+  }, up.total)), /* @__PURE__ */ import_react23.default.createElement(Bar, down));
 };
 var Bar = ({ classNames, count, total }) => {
   let p = count / total * 100;
   if (count < total) {
     p = Math.min(p, 95);
   }
-  return /* @__PURE__ */ import_react25.default.createElement("div", {
-    className: (0, import_react_ui_theme7.mx)("relative flex w-full", styles.barBg, classNames)
-  }, /* @__PURE__ */ import_react25.default.createElement("div", {
-    className: (0, import_react_ui_theme7.mx)("shrink-0", styles.barFg),
+  return /* @__PURE__ */ import_react23.default.createElement("div", {
+    className: (0, import_react_ui_theme5.mx)("relative flex w-full", styles.barBg, classNames)
+  }, /* @__PURE__ */ import_react23.default.createElement("div", {
+    className: (0, import_react_ui_theme5.mx)("shrink-0", styles.barFg),
     style: {
       width: `${p}%`
     }
-  }), count !== total && /* @__PURE__ */ import_react25.default.createElement("div", {
+  }), count !== total && /* @__PURE__ */ import_react23.default.createElement("div", {
     className: "absolute top-0 bottom-0 flex items-center mx-0.5 text-black text-xs"
   }, count));
 };
@@ -1650,9 +1615,9 @@ var getSyncSummary = (syncMap) => {
 };
 var isEdgePeerId = (peerId, spaceId) => peerId.startsWith(`${import_protocols.EdgeService.AUTOMERGE_REPLICATOR}:${spaceId}`);
 var useSyncState = () => {
-  const client = (0, import_react_client7.useClient)();
-  const [spaceState, setSpaceState] = (0, import_react26.useState)({});
-  (0, import_react26.useEffect)(() => {
+  const client = (0, import_react_client8.useClient)();
+  const [spaceState, setSpaceState] = (0, import_react24.useState)({});
+  (0, import_react24.useEffect)(() => {
     const ctx = new import_context2.Context(void 0, {
       F: __dxlog_file5,
       L: 48
@@ -1686,21 +1651,21 @@ var useSyncState = () => {
   return spaceState;
 };
 var SyncStatus = () => {
-  const client = (0, import_react_client6.useClient)();
+  const client = (0, import_react_client7.useClient)();
   const state = useSyncState();
-  const [saved, setSaved] = (0, import_react24.useState)(true);
-  (0, import_react24.useEffect)(() => {
+  const [saved, setSaved] = (0, import_react22.useState)(true);
+  (0, import_react22.useEffect)(() => {
     return createClientSaveTracker(client, (state2) => {
       setSaved(state2 === "saved");
     });
   }, []);
-  return /* @__PURE__ */ import_react24.default.createElement(SyncStatusIndicator, {
+  return /* @__PURE__ */ import_react22.default.createElement(SyncStatusIndicator, {
     state,
     saved
   });
 };
 var SyncStatusIndicator = ({ state, saved }) => {
-  const { t } = (0, import_react_ui16.useTranslation)(import_chunk_P4XUXM7Y.SPACE_PLUGIN);
+  const { t } = (0, import_react_ui15.useTranslation)(import_chunk_JFDDZI4Y.SPACE_PLUGIN);
   const summary = getSyncSummary(state);
   const offline = Object.values(state).length === 0;
   const needsToUpload = summary.differentDocuments > 0 || summary.missingOnRemote > 0;
@@ -1711,8 +1676,8 @@ var SyncStatusIndicator = ({ state, saved }) => {
     needsToUpload,
     needsToDownload
   });
-  const [classNames, setClassNames] = (0, import_react24.useState)();
-  (0, import_react24.useEffect)(() => {
+  const [classNames, setClassNames] = (0, import_react22.useState)();
+  (0, import_react22.useEffect)(() => {
     setClassNames(void 0);
     if (offline || !needsToUpload && !needsToDownload) {
       return;
@@ -1727,23 +1692,23 @@ var SyncStatusIndicator = ({ state, saved }) => {
     needsToDownload
   ]);
   const title = t(`${status} label`);
-  const icon = /* @__PURE__ */ import_react24.default.createElement(import_react_ui16.Icon, {
+  const icon = /* @__PURE__ */ import_react22.default.createElement(import_react_ui15.Icon, {
     icon: getIcon(status),
     size: 4,
     classNames
   });
   if (offline) {
-    return /* @__PURE__ */ import_react24.default.createElement(import_plugin_status_bar.StatusBar.Item, {
+    return /* @__PURE__ */ import_react22.default.createElement(import_plugin_status_bar.StatusBar.Item, {
       title
     }, icon);
   } else {
-    return /* @__PURE__ */ import_react24.default.createElement(import_react_ui16.Popover.Root, null, /* @__PURE__ */ import_react24.default.createElement(import_react_ui16.Popover.Trigger, {
+    return /* @__PURE__ */ import_react22.default.createElement(import_react_ui15.Popover.Root, null, /* @__PURE__ */ import_react22.default.createElement(import_react_ui15.Popover.Trigger, {
       asChild: true
-    }, /* @__PURE__ */ import_react24.default.createElement(import_plugin_status_bar.StatusBar.Button, {
+    }, /* @__PURE__ */ import_react22.default.createElement(import_plugin_status_bar.StatusBar.Button, {
       title
-    }, icon)), /* @__PURE__ */ import_react24.default.createElement(import_react_ui16.Popover.Portal, null, /* @__PURE__ */ import_react24.default.createElement(import_react_ui16.Popover.Content, {
+    }, icon)), /* @__PURE__ */ import_react22.default.createElement(import_react_ui15.Popover.Portal, null, /* @__PURE__ */ import_react22.default.createElement(import_react_ui15.Popover.Content, {
       sideOffset: 16
-    }, /* @__PURE__ */ import_react24.default.createElement(SyncStatusDetail, {
+    }, /* @__PURE__ */ import_react22.default.createElement(SyncStatusDetail, {
       state,
       summary,
       debug: false
@@ -1751,24 +1716,24 @@ var SyncStatusIndicator = ({ state, saved }) => {
   }
 };
 var SyncStatusDetail = ({ classNames, state, summary, debug }) => {
-  const { t } = (0, import_react_ui16.useTranslation)(import_chunk_P4XUXM7Y.SPACE_PLUGIN);
+  const { t } = (0, import_react_ui15.useTranslation)(import_chunk_JFDDZI4Y.SPACE_PLUGIN);
   const entries = Object.entries(state).sort(([a], [b]) => a < b ? -1 : a > b ? 1 : 0);
-  return /* @__PURE__ */ import_react24.default.createElement("div", {
-    className: (0, import_react_ui_theme6.mx)("flex flex-col gap-3 p-2 text-xs min-w-[16rem]", classNames)
-  }, /* @__PURE__ */ import_react24.default.createElement("h1", null, t("sync status title")), /* @__PURE__ */ import_react24.default.createElement("div", {
+  return /* @__PURE__ */ import_react22.default.createElement("div", {
+    className: (0, import_react_ui_theme4.mx)("flex flex-col gap-3 p-2 text-xs min-w-[16rem]", classNames)
+  }, /* @__PURE__ */ import_react22.default.createElement("h1", null, t("sync status title")), /* @__PURE__ */ import_react22.default.createElement("div", {
     className: "flex flex-col gap-2"
-  }, entries.map(([spaceId, state2]) => /* @__PURE__ */ import_react24.default.createElement(SpaceRow, {
+  }, entries.map(([spaceId, state2]) => /* @__PURE__ */ import_react22.default.createElement(SpaceRow, {
     key: spaceId,
     spaceId,
     state: state2
-  }))), debug && /* @__PURE__ */ import_react24.default.createElement(import_react_ui_syntax_highlighter.SyntaxHighlighter, {
+  }))), debug && /* @__PURE__ */ import_react22.default.createElement(import_react_ui_syntax_highlighter.SyntaxHighlighter, {
     language: "json"
   }, JSON.stringify(summary, null, 2)));
 };
 var translations_default = [
   {
     "en-US": {
-      [import_chunk_P4XUXM7Y.SPACE_PLUGIN]: {
+      [import_chunk_JFDDZI4Y.SPACE_PLUGIN]: {
         "plugin name": "Spaces",
         "first run message": "Nothing selected.",
         "create space label": "Create space",
@@ -1808,6 +1773,7 @@ var translations_default = [
         "delete object label": "Delete item",
         "collection deleted label": "Collection deleted",
         "object deleted label": "Item deleted",
+        "objects deleted label": "Items deleted",
         "go to object label": "Open item",
         "found object label": "Ready.",
         "found object description": "The requested object is now available.",
@@ -1857,27 +1823,32 @@ var translations_default = [
         "uploading label": "Replicating to peers",
         "offline persisted label": "Saved to disk (offline)",
         "remote synced label": "Synced with peers",
-        "open settings panel label": "Show Settings"
+        "open settings panel label": "Show Settings",
+        "open space settings label": "Space Settings",
+        "members tab label": "Members",
+        "settings tab label": "Settings"
       }
     }
   }
 ];
 var __dxlog_file6 = "/home/runner/work/dxos/dxos/packages/plugins/plugin-space/src/SpacePlugin.tsx";
 var ACTIVE_NODE_BROADCAST_INTERVAL = 3e4;
+var WAIT_FOR_OBJECT_TIMEOUT2 = 1e3;
 var SPACE_MAX_OBJECTS = 500;
 var DIRECTORY_TYPE = "text/directory";
 var parseSpacePlugin = (plugin) => Array.isArray(plugin?.provides.space?.enabled) ? plugin : void 0;
-var SpacePlugin = ({ firstRun, onFirstRun } = {}) => {
-  const settings = new import_local_storage.LocalStorageStore(import_chunk_P4XUXM7Y.SPACE_PLUGIN, {
+var SpacePlugin = ({ invitationUrl = window.location.origin, invitationParam = "spaceInvitationCode", firstRun, onFirstRun } = {}) => {
+  const settings = new import_local_storage.LocalStorageStore(import_chunk_JFDDZI4Y.SPACE_PLUGIN, {
     onSpaceCreate: "dxos.org/plugin/markdown/action/create"
   });
-  const state = new import_local_storage.LocalStorageStore(import_chunk_P4XUXM7Y.SPACE_PLUGIN, {
+  const state = new import_local_storage.LocalStorageStore(import_chunk_JFDDZI4Y.SPACE_PLUGIN, {
     awaiting: void 0,
     spaceNames: {},
     viewersByObject: {},
     // TODO(wittjosiah): Stop using (Complex)Map inside reactive object.
     viewersByIdentity: new import_util.ComplexMap(import_react_client.PublicKey.hash),
-    sdkMigrationRunning: {}
+    sdkMigrationRunning: {},
+    navigableCollections: false
   });
   const subscriptions = new import_async.EventSubscriptions();
   const spaceSubscriptions = new import_async.EventSubscriptions();
@@ -1888,6 +1859,11 @@ var SpacePlugin = ({ firstRun, onFirstRun } = {}) => {
   let layoutPlugin;
   let navigationPlugin;
   let attentionPlugin;
+  const createSpaceInvitationUrl = (invitationCode) => {
+    const baseUrl = new URL(invitationUrl);
+    baseUrl.searchParams.set(invitationParam, invitationCode);
+    return baseUrl.toString();
+  };
   const onSpaceReady = async () => {
     if (!clientPlugin || !intentPlugin || !graphPlugin || !navigationPlugin || !layoutPlugin || !attentionPlugin) {
       return;
@@ -1920,13 +1896,19 @@ var SpacePlugin = ({ firstRun, onFirstRun } = {}) => {
       }
       const node = graph.findNode(soloPart.id);
       if (!node && soloPart.id.length === import_echo.FQ_ID_LENGTH) {
-        void dispatch({
-          plugin: import_chunk_P4XUXM7Y.SPACE_PLUGIN,
-          action: import_chunk_P4XUXM7Y.SpaceAction.WAIT_FOR_OBJECT,
-          data: {
-            id: soloPart.id
+        const timeout = setTimeout(async () => {
+          const node2 = graph.findNode(soloPart.id);
+          if (!node2) {
+            await dispatch({
+              plugin: import_chunk_JFDDZI4Y.SPACE_PLUGIN,
+              action: import_chunk_JFDDZI4Y.SpaceAction.WAIT_FOR_OBJECT,
+              data: {
+                id: soloPart.id
+              }
+            });
           }
-        });
+        }, WAIT_FOR_OBJECT_TIMEOUT2);
+        return () => clearTimeout(timeout);
       }
     }));
     subscriptions.add(client.spaces.subscribe(async (spaces) => {
@@ -1976,7 +1958,7 @@ var SpacePlugin = ({ firstRun, onFirstRun } = {}) => {
                 err: err.message
               }, {
                 F: __dxlog_file6,
-                L: 257,
+                L: 292,
                 S: void 0,
                 C: (f, a) => f(...a)
               });
@@ -2022,7 +2004,7 @@ var SpacePlugin = ({ firstRun, onFirstRun } = {}) => {
     }).unsubscribe);
   };
   return {
-    meta: import_chunk_P4XUXM7Y.meta_default,
+    meta: import_chunk_JFDDZI4Y.meta_default,
     ready: async (plugins) => {
       settings.prop({
         key: "showHidden",
@@ -2034,6 +2016,9 @@ var SpacePlugin = ({ firstRun, onFirstRun } = {}) => {
         key: "spaceNames",
         type: import_local_storage.LocalStorageStore.json()
       });
+      if ((0, import_app_framework.findPlugin)(plugins, "dxos.org/plugin/stack")) {
+        state.values.navigableCollections = true;
+      }
       graphPlugin = (0, import_app_framework.resolvePlugin)(plugins, import_app_framework.parseGraphPlugin);
       layoutPlugin = (0, import_app_framework.resolvePlugin)(plugins, import_app_framework.parseLayoutPlugin);
       navigationPlugin = (0, import_app_framework.resolvePlugin)(plugins, import_app_framework.parseNavigationPlugin);
@@ -2047,7 +2032,7 @@ var SpacePlugin = ({ firstRun, onFirstRun } = {}) => {
       const dispatch = intentPlugin.provides.intent.dispatch;
       const handleFirstRun = async () => {
         const defaultSpace = client.spaces.default;
-        defaultSpace.properties[import_chunk_HTAM5LQD.CollectionType.typename] = (0, import_echo.create)(import_chunk_HTAM5LQD.CollectionType, {
+        defaultSpace.properties[import_chunk_FYWGZYJB.CollectionType.typename] = (0, import_echo.create)(import_chunk_FYWGZYJB.CollectionType, {
           objects: [],
           views: {}
         });
@@ -2092,7 +2077,7 @@ var SpacePlugin = ({ firstRun, onFirstRun } = {}) => {
             label: [
               "open settings panel label",
               {
-                ns: import_chunk_P4XUXM7Y.SPACE_PLUGIN
+                ns: import_chunk_JFDDZI4Y.SPACE_PLUGIN
               }
             ],
             icon: "ph--gear--regular"
@@ -2104,11 +2089,11 @@ var SpacePlugin = ({ firstRun, onFirstRun } = {}) => {
       }) : null,
       metadata: {
         records: {
-          [import_chunk_HTAM5LQD.CollectionType.typename]: {
+          [import_chunk_FYWGZYJB.CollectionType.typename]: {
             placeholder: [
               "unnamed collection label",
               {
-                ns: import_chunk_P4XUXM7Y.SPACE_PLUGIN
+                ns: import_chunk_JFDDZI4Y.SPACE_PLUGIN
               }
             ],
             icon: "ph--cards-three--regular",
@@ -2122,7 +2107,7 @@ var SpacePlugin = ({ firstRun, onFirstRun } = {}) => {
       },
       echo: {
         schema: [
-          import_chunk_HTAM5LQD.CollectionType
+          import_chunk_FYWGZYJB.CollectionType
         ]
       },
       surface: {
@@ -2131,12 +2116,12 @@ var SpacePlugin = ({ firstRun, onFirstRun } = {}) => {
             case "article":
               return (0, import_echo.isSpace)(data.object) && data.object.state.get() === import_echo.SpaceState.SPACE_READY ? /* @__PURE__ */ import_react.default.createElement(import_app_framework.Surface, {
                 data: {
-                  object: data.object.properties[import_chunk_HTAM5LQD.CollectionType.typename],
+                  object: data.object.properties[import_chunk_FYWGZYJB.CollectionType.typename],
                   id: data.object.id
                 },
                 role,
                 ...rest
-              }) : data.object instanceof import_chunk_HTAM5LQD.CollectionType ? {
+              }) : data.object instanceof import_chunk_FYWGZYJB.CollectionType ? {
                 node: /* @__PURE__ */ import_react.default.createElement(CollectionMain, {
                   collection: data.object
                 }),
@@ -2152,11 +2137,13 @@ var SpacePlugin = ({ firstRun, onFirstRun } = {}) => {
                 disposition: "fallback"
               } : null;
             case "dialog":
-              if (data.component === "dxos.org/plugin/space/InvitationManagerDialog") {
-                return /* @__PURE__ */ import_react.default.createElement(import_react_ui.Dialog.Content, null, /* @__PURE__ */ import_react.default.createElement(import_react2.ClipboardProvider, null, /* @__PURE__ */ import_react.default.createElement(import_react2.InvitationManager, {
-                  active: true,
-                  ...data.subject
-                })));
+              if (data.component === "dxos.org/plugin/space/SpaceSettingsDialog") {
+                return /* @__PURE__ */ import_react.default.createElement(SpaceSettingsDialog, {
+                  ...data.subject,
+                  createInvitationUrl: createSpaceInvitationUrl
+                });
+              } else if (data.component === "dxos.org/plugin/space/JoinDialog") {
+                return /* @__PURE__ */ import_react.default.createElement(JoinDialog, data.subject);
               }
               return null;
             case "popover": {
@@ -2190,22 +2177,22 @@ var SpacePlugin = ({ firstRun, onFirstRun } = {}) => {
                 return null;
               }
               const space = (0, import_echo.isSpace)(data.object) ? data.object : (0, import_echo.getSpace)(data.object);
-              const object = (0, import_echo.isSpace)(data.object) ? data.object.state.get() === import_echo.SpaceState.SPACE_READY ? space?.properties[import_chunk_HTAM5LQD.CollectionType.typename] : void 0 : data.object;
+              const object = (0, import_echo.isSpace)(data.object) ? data.object.state.get() === import_echo.SpaceState.SPACE_READY ? space?.properties[import_chunk_FYWGZYJB.CollectionType.typename] : void 0 : data.object;
               return space && object ? {
                 node: /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(SpacePresence, {
                   object
                 }), space.properties[COMPOSER_SPACE_LOCK] ? null : /* @__PURE__ */ import_react.default.createElement(ShareSpaceButton, {
-                  spaceId: space.id
+                  space
                 })),
                 disposition: "hoist"
               } : null;
             }
             case "section":
-              return data.object instanceof import_chunk_HTAM5LQD.CollectionType ? /* @__PURE__ */ import_react.default.createElement(CollectionSection, {
+              return data.object instanceof import_chunk_FYWGZYJB.CollectionType ? /* @__PURE__ */ import_react.default.createElement(CollectionSection, {
                 collection: data.object
               }) : null;
             case "settings":
-              return data.plugin === import_chunk_P4XUXM7Y.meta_default.id ? /* @__PURE__ */ import_react.default.createElement(SpaceSettings, {
+              return data.plugin === import_chunk_JFDDZI4Y.meta_default.id ? /* @__PURE__ */ import_react.default.createElement(SpacePluginSettings, {
                 settings: settings.values
               }) : null;
             case "menu-footer":
@@ -2239,7 +2226,7 @@ var SpacePlugin = ({ firstRun, onFirstRun } = {}) => {
           return [
             // Create spaces group node.
             (0, import_plugin_graph.createExtension)({
-              id: `${import_chunk_P4XUXM7Y.SPACE_PLUGIN}/root`,
+              id: `${import_chunk_JFDDZI4Y.SPACE_PLUGIN}/root`,
               filter: (node) => node.id === "root",
               connector: () => {
                 const isReady = (0, import_plugin_graph.toSignal)((onChange) => {
@@ -2262,11 +2249,12 @@ var SpacePlugin = ({ firstRun, onFirstRun } = {}) => {
                       label: [
                         "spaces label",
                         {
-                          ns: import_chunk_P4XUXM7Y.SPACE_PLUGIN
+                          ns: import_chunk_JFDDZI4Y.SPACE_PLUGIN
                         }
                       ],
                       testId: "spacePlugin.spaces",
                       role: "branch",
+                      disabled: true,
                       childrenPersistenceClass: "echo",
                       onRearrangeChildren: async (nextOrder) => {
                         graph._sortEdges(SPACES, "outbound", nextOrder.map(({ id }) => id));
@@ -2278,7 +2266,7 @@ var SpacePlugin = ({ firstRun, onFirstRun } = {}) => {
                         } else {
                           import_log.log.warn("spaces order object not found", void 0, {
                             F: __dxlog_file6,
-                            L: 553,
+                            L: 596,
                             S: void 0,
                             C: (f, a) => f(...a)
                           });
@@ -2295,55 +2283,44 @@ var SpacePlugin = ({ firstRun, onFirstRun } = {}) => {
               filter: (node) => node.id === SPACES,
               actions: () => [
                 {
-                  id: import_chunk_P4XUXM7Y.SpaceAction.CREATE,
+                  id: import_chunk_JFDDZI4Y.SpaceAction.CREATE,
                   data: async () => {
-                    await dispatch([
-                      {
-                        plugin: import_chunk_P4XUXM7Y.SPACE_PLUGIN,
-                        action: import_chunk_P4XUXM7Y.SpaceAction.CREATE
-                      },
-                      {
-                        action: import_app_framework.NavigationAction.OPEN
-                      }
-                    ]);
+                    await dispatch({
+                      plugin: import_chunk_JFDDZI4Y.SPACE_PLUGIN,
+                      action: import_chunk_JFDDZI4Y.SpaceAction.CREATE
+                    });
                   },
                   properties: {
                     label: [
                       "create space label",
                       {
-                        ns: import_chunk_P4XUXM7Y.SPACE_PLUGIN
+                        ns: import_chunk_JFDDZI4Y.SPACE_PLUGIN
                       }
                     ],
                     icon: "ph--plus--regular",
                     disposition: "item",
                     testId: "spacePlugin.createSpace",
-                    className: "pbs-4"
+                    className: "border-t border-separator"
                   }
                 },
                 {
-                  id: import_chunk_P4XUXM7Y.SpaceAction.JOIN,
+                  id: import_chunk_JFDDZI4Y.SpaceAction.JOIN,
                   data: async () => {
-                    await dispatch([
-                      {
-                        plugin: import_chunk_P4XUXM7Y.SPACE_PLUGIN,
-                        action: import_chunk_P4XUXM7Y.SpaceAction.JOIN
-                      },
-                      {
-                        action: import_app_framework.NavigationAction.OPEN
-                      }
-                    ]);
+                    await dispatch({
+                      plugin: import_chunk_JFDDZI4Y.SPACE_PLUGIN,
+                      action: import_chunk_JFDDZI4Y.SpaceAction.JOIN
+                    });
                   },
                   properties: {
                     label: [
                       "join space label",
                       {
-                        ns: import_chunk_P4XUXM7Y.SPACE_PLUGIN
+                        ns: import_chunk_JFDDZI4Y.SPACE_PLUGIN
                       }
                     ],
                     icon: "ph--sign-in--regular",
                     disposition: "item",
-                    testId: "spacePlugin.joinSpace",
-                    className: "pbe-4"
+                    testId: "spacePlugin.joinSpace"
                   }
                 }
               ],
@@ -2353,36 +2330,40 @@ var SpacePlugin = ({ firstRun, onFirstRun } = {}) => {
                 if (!spaces || !isReady) {
                   return;
                 }
-                const [spacesOrder] = memoizeQuery(client.spaces.default, import_echo.Filter.schema(import_echo.Expando, {
-                  key: SHARED
-                }));
-                const order = spacesOrder?.order ?? [];
-                const orderMap = new Map(order.map((id, index) => [
-                  id,
-                  index
-                ]));
-                return [
-                  ...spaces.filter((space) => orderMap.has(space.id)).sort((a, b) => orderMap.get(a.id) - orderMap.get(b.id)),
-                  ...spaces.filter((space) => !orderMap.has(space.id))
-                ].filter((space) => settings.values.showHidden ? true : space.state.get() !== import_echo.SpaceState.SPACE_INACTIVE).map((space) => constructSpaceNode({
-                  space,
-                  personal: space === client.spaces.default,
-                  namesCache: state.values.spaceNames,
-                  resolve
-                }));
+                try {
+                  const [spacesOrder] = memoizeQuery(client.spaces.default, import_echo.Filter.schema(import_echo.Expando, {
+                    key: SHARED
+                  }));
+                  const order = spacesOrder?.order ?? [];
+                  const orderMap = new Map(order.map((id, index) => [
+                    id,
+                    index
+                  ]));
+                  return [
+                    ...spaces.filter((space) => orderMap.has(space.id)).sort((a, b) => orderMap.get(a.id) - orderMap.get(b.id)),
+                    ...spaces.filter((space) => !orderMap.has(space.id))
+                  ].filter((space) => settings.values.showHidden ? true : space.state.get() !== import_echo.SpaceState.SPACE_INACTIVE).map((space) => constructSpaceNode({
+                    space,
+                    navigable: state.values.navigableCollections,
+                    personal: space === client.spaces.default,
+                    namesCache: state.values.spaceNames,
+                    resolve
+                  }));
+                } catch {
+                }
               }
             }),
             // Find an object by its fully qualified id.
             (0, import_plugin_graph.createExtension)({
-              id: `${import_chunk_P4XUXM7Y.SPACE_PLUGIN}/objects`,
+              id: `${import_chunk_JFDDZI4Y.SPACE_PLUGIN}/objects`,
               resolver: ({ id }) => {
                 const [spaceId, objectId] = id.split(":");
                 const space = client.spaces.get().find((space2) => space2.id === spaceId);
                 if (!space) {
                   return;
                 }
-                const state2 = (0, import_plugin_graph.toSignal)((onChange) => space.state.subscribe(() => onChange()).unsubscribe, () => space.state.get(), space.id);
-                if (state2 !== import_echo.SpaceState.SPACE_READY) {
+                const spaceState = (0, import_plugin_graph.toSignal)((onChange) => space.state.subscribe(() => onChange()).unsubscribe, () => space.state.get(), space.id);
+                if (spaceState !== import_echo.SpaceState.SPACE_READY) {
                   return;
                 }
                 const store = (0, import_plugin_graph.memoize)(() => (0, import_signals_core.signal)(space.db.getObjectById(objectId)), id);
@@ -2398,17 +2379,19 @@ var SpacePlugin = ({ firstRun, onFirstRun } = {}) => {
                 return createObjectNode({
                   object,
                   space,
-                  resolve
+                  resolve,
+                  navigable: state.values.navigableCollections
                 });
               }
             }),
             // Create space actions and action groups.
             (0, import_plugin_graph.createExtension)({
-              id: `${import_chunk_P4XUXM7Y.SPACE_PLUGIN}/actions`,
+              id: `${import_chunk_JFDDZI4Y.SPACE_PLUGIN}/actions`,
               filter: (node) => (0, import_echo.isSpace)(node.data),
               actionGroups: ({ node }) => constructSpaceActionGroups({
                 space: node.data,
-                dispatch
+                dispatch,
+                navigable: state.values.navigableCollections
               }),
               actions: ({ node }) => {
                 const space = node.data;
@@ -2422,32 +2405,34 @@ var SpacePlugin = ({ firstRun, onFirstRun } = {}) => {
             }),
             // Create nodes for objects in the root collection of a space.
             (0, import_plugin_graph.createExtension)({
-              id: `${import_chunk_P4XUXM7Y.SPACE_PLUGIN}/root-collection`,
+              id: `${import_chunk_JFDDZI4Y.SPACE_PLUGIN}/root-collection`,
               filter: (node) => (0, import_echo.isSpace)(node.data),
               connector: ({ node }) => {
                 const space = node.data;
-                const state2 = (0, import_plugin_graph.toSignal)((onChange) => space.state.subscribe(() => onChange()).unsubscribe, () => space.state.get(), space.id);
-                if (state2 !== import_echo.SpaceState.SPACE_READY) {
+                const spaceState = (0, import_plugin_graph.toSignal)((onChange) => space.state.subscribe(() => onChange()).unsubscribe, () => space.state.get(), space.id);
+                if (spaceState !== import_echo.SpaceState.SPACE_READY) {
                   return;
                 }
-                const collection = space.properties[import_chunk_HTAM5LQD.CollectionType.typename];
+                const collection = space.properties[import_chunk_FYWGZYJB.CollectionType.typename];
                 if (!collection) {
                   return;
                 }
                 return collection.objects.filter(import_util.nonNullable).map((object) => createObjectNode({
                   object,
                   space,
-                  resolve
+                  resolve,
+                  navigable: state.values.navigableCollections
                 })).filter(import_util.nonNullable);
               }
             }),
             // Create collection actions and action groups.
             (0, import_plugin_graph.createExtension)({
-              id: `${import_chunk_P4XUXM7Y.SPACE_PLUGIN}/object-actions`,
+              id: `${import_chunk_JFDDZI4Y.SPACE_PLUGIN}/object-actions`,
               filter: (node) => (0, import_echo.isEchoObject)(node.data),
               actionGroups: ({ node }) => constructObjectActionGroups({
                 object: node.data,
-                dispatch
+                dispatch,
+                navigable: state.values.navigableCollections
               }),
               actions: ({ node }) => constructObjectActions({
                 node,
@@ -2456,8 +2441,8 @@ var SpacePlugin = ({ firstRun, onFirstRun } = {}) => {
             }),
             // Create nodes for objects in collections.
             (0, import_plugin_graph.createExtension)({
-              id: `${import_chunk_P4XUXM7Y.SPACE_PLUGIN}/collection-objects`,
-              filter: (node) => node.data instanceof import_chunk_HTAM5LQD.CollectionType,
+              id: `${import_chunk_JFDDZI4Y.SPACE_PLUGIN}/collection-objects`,
+              filter: (node) => node.data instanceof import_chunk_FYWGZYJB.CollectionType,
               connector: ({ node }) => {
                 const collection = node.data;
                 const space = (0, import_echo.getSpace)(collection);
@@ -2467,13 +2452,14 @@ var SpacePlugin = ({ firstRun, onFirstRun } = {}) => {
                 return collection.objects.filter(import_util.nonNullable).map((object) => createObjectNode({
                   object,
                   space,
-                  resolve
+                  resolve,
+                  navigable: state.values.navigableCollections
                 })).filter(import_util.nonNullable);
               }
             }),
             // Create nodes for object settings.
             (0, import_plugin_graph.createExtension)({
-              id: `${import_chunk_P4XUXM7Y.SPACE_PLUGIN}/settings-for-subject`,
+              id: `${import_chunk_JFDDZI4Y.SPACE_PLUGIN}/settings-for-subject`,
               resolver: ({ id }) => {
                 if (!id.endsWith("~settings")) {
                   return;
@@ -2487,12 +2473,12 @@ var SpacePlugin = ({ firstRun, onFirstRun } = {}) => {
                   const label2 = space ? space.properties.name || [
                     "unnamed space label",
                     {
-                      ns: import_chunk_P4XUXM7Y.SPACE_PLUGIN
+                      ns: import_chunk_JFDDZI4Y.SPACE_PLUGIN
                     }
                   ] : [
                     "unnamed object settings label",
                     {
-                      ns: import_chunk_P4XUXM7Y.SPACE_PLUGIN
+                      ns: import_chunk_JFDDZI4Y.SPACE_PLUGIN
                     }
                   ];
                   return {
@@ -2522,7 +2508,7 @@ var SpacePlugin = ({ firstRun, onFirstRun } = {}) => {
                 const label = meta.label?.(object) || object.name || meta.placeholder || [
                   "unnamed object settings label",
                   {
-                    ns: import_chunk_P4XUXM7Y.SPACE_PLUGIN
+                    ns: import_chunk_JFDDZI4Y.SPACE_PLUGIN
                   }
                 ];
                 return {
@@ -2549,8 +2535,8 @@ var SpacePlugin = ({ firstRun, onFirstRun } = {}) => {
               inputType: SPACES,
               outputType: DIRECTORY_TYPE,
               serialize: (node) => ({
-                name: translations_default[0]["en-US"][import_chunk_P4XUXM7Y.SPACE_PLUGIN]["spaces label"],
-                data: translations_default[0]["en-US"][import_chunk_P4XUXM7Y.SPACE_PLUGIN]["spaces label"],
+                name: translations_default[0]["en-US"][import_chunk_JFDDZI4Y.SPACE_PLUGIN]["spaces label"],
+                data: translations_default[0]["en-US"][import_chunk_JFDDZI4Y.SPACE_PLUGIN]["spaces label"],
                 type: DIRECTORY_TYPE
               }),
               deserialize: () => {
@@ -2560,14 +2546,14 @@ var SpacePlugin = ({ firstRun, onFirstRun } = {}) => {
               inputType: SPACE_TYPE,
               outputType: DIRECTORY_TYPE,
               serialize: (node) => ({
-                name: node.data.properties.name ?? translations_default[0]["en-US"][import_chunk_P4XUXM7Y.SPACE_PLUGIN]["unnamed space label"],
-                data: node.data.properties.name ?? translations_default[0]["en-US"][import_chunk_P4XUXM7Y.SPACE_PLUGIN]["unnamed space label"],
+                name: node.data.properties.name ?? translations_default[0]["en-US"][import_chunk_JFDDZI4Y.SPACE_PLUGIN]["unnamed space label"],
+                data: node.data.properties.name ?? translations_default[0]["en-US"][import_chunk_JFDDZI4Y.SPACE_PLUGIN]["unnamed space label"],
                 type: DIRECTORY_TYPE
               }),
               deserialize: async (data) => {
                 const result = await dispatch({
-                  plugin: import_chunk_P4XUXM7Y.SPACE_PLUGIN,
-                  action: import_chunk_P4XUXM7Y.SpaceAction.CREATE,
+                  plugin: import_chunk_JFDDZI4Y.SPACE_PLUGIN,
+                  action: import_chunk_JFDDZI4Y.SpaceAction.CREATE,
                   data: {
                     name: data.name
                   }
@@ -2576,25 +2562,25 @@ var SpacePlugin = ({ firstRun, onFirstRun } = {}) => {
               }
             },
             {
-              inputType: import_chunk_HTAM5LQD.CollectionType.typename,
+              inputType: import_chunk_FYWGZYJB.CollectionType.typename,
               outputType: DIRECTORY_TYPE,
               serialize: (node) => ({
-                name: node.data.name ?? translations_default[0]["en-US"][import_chunk_P4XUXM7Y.SPACE_PLUGIN]["unnamed collection label"],
-                data: node.data.name ?? translations_default[0]["en-US"][import_chunk_P4XUXM7Y.SPACE_PLUGIN]["unnamed collection label"],
+                name: node.data.name ?? translations_default[0]["en-US"][import_chunk_JFDDZI4Y.SPACE_PLUGIN]["unnamed collection label"],
+                data: node.data.name ?? translations_default[0]["en-US"][import_chunk_JFDDZI4Y.SPACE_PLUGIN]["unnamed collection label"],
                 type: DIRECTORY_TYPE
               }),
               deserialize: async (data, ancestors) => {
                 const space = ancestors.find(import_echo.isSpace);
-                const collection = ancestors.findLast((ancestor) => ancestor instanceof import_chunk_HTAM5LQD.CollectionType) ?? space?.properties[import_chunk_HTAM5LQD.CollectionType.typename];
+                const collection = ancestors.findLast((ancestor) => ancestor instanceof import_chunk_FYWGZYJB.CollectionType) ?? space?.properties[import_chunk_FYWGZYJB.CollectionType.typename];
                 if (!space || !collection) {
                   return;
                 }
                 const result = await dispatch({
-                  plugin: import_chunk_P4XUXM7Y.SPACE_PLUGIN,
-                  action: import_chunk_P4XUXM7Y.SpaceAction.ADD_OBJECT,
+                  plugin: import_chunk_JFDDZI4Y.SPACE_PLUGIN,
+                  action: import_chunk_JFDDZI4Y.SpaceAction.ADD_OBJECT,
                   data: {
                     target: collection,
-                    object: (0, import_echo.create)(import_chunk_HTAM5LQD.CollectionType, {
+                    object: (0, import_echo.create)(import_chunk_FYWGZYJB.CollectionType, {
                       name: data.name,
                       objects: [],
                       views: {}
@@ -2612,23 +2598,23 @@ var SpacePlugin = ({ firstRun, onFirstRun } = {}) => {
           const clientPlugin2 = (0, import_app_framework.resolvePlugin)(plugins, import_plugin_client.parseClientPlugin);
           const client = clientPlugin2?.provides.client;
           switch (intent.action) {
-            case import_chunk_P4XUXM7Y.SpaceAction.WAIT_FOR_OBJECT: {
+            case import_chunk_JFDDZI4Y.SpaceAction.WAIT_FOR_OBJECT: {
               state.values.awaiting = intent.data?.id;
               return {
                 data: true
               };
             }
-            case import_chunk_P4XUXM7Y.SpaceAction.CREATE: {
+            case import_chunk_JFDDZI4Y.SpaceAction.CREATE: {
               if (!client) {
                 return;
               }
               const space = await client.spaces.create(intent.data);
               await space.waitUntilReady();
-              const collection = (0, import_echo.create)(import_chunk_HTAM5LQD.CollectionType, {
+              const collection = (0, import_echo.create)(import_chunk_FYWGZYJB.CollectionType, {
                 objects: [],
                 views: {}
               });
-              space.properties[import_chunk_HTAM5LQD.CollectionType.typename] = collection;
+              space.properties[import_chunk_FYWGZYJB.CollectionType.typename] = collection;
               if (import_migrations.Migrations.versionProperty) {
                 space.properties[import_migrations.Migrations.versionProperty] = import_migrations.Migrations.targetVersion;
               }
@@ -2652,11 +2638,14 @@ var SpacePlugin = ({ firstRun, onFirstRun } = {}) => {
                         }
                       },
                       {
-                        action: import_chunk_P4XUXM7Y.SpaceAction.ADD_OBJECT,
+                        action: import_chunk_JFDDZI4Y.SpaceAction.ADD_OBJECT,
                         data: {
                           target: space
                         }
                       },
+                      {
+                        action: import_app_framework.NavigationAction.OPEN
+                      },
                       {
                         action: import_app_framework.NavigationAction.EXPOSE
                       }
@@ -2676,78 +2665,59 @@ var SpacePlugin = ({ firstRun, onFirstRun } = {}) => {
                 ]
               };
             }
-            case import_chunk_P4XUXM7Y.SpaceAction.JOIN: {
-              if (client) {
-                const { space } = await client.shell.joinSpace({
-                  invitationCode: intent.data?.invitationCode
-                });
-                if (space) {
-                  return {
-                    data: {
-                      space,
-                      id: space.id,
-                      activeParts: {
-                        main: [
-                          space.id
-                        ]
-                      }
-                    },
-                    intents: [
-                      [
-                        {
-                          action: import_app_framework.LayoutAction.SET_LAYOUT,
-                          data: {
-                            element: "toast",
-                            subject: {
-                              id: `${import_chunk_P4XUXM7Y.SPACE_PLUGIN}/join-success`,
-                              duration: 1e4,
-                              title: translations_default[0]["en-US"][import_chunk_P4XUXM7Y.SPACE_PLUGIN]["join success label"],
-                              closeLabel: translations_default[0]["en-US"][import_chunk_P4XUXM7Y.SPACE_PLUGIN]["dismiss label"]
-                            }
-                          }
-                        }
-                      ],
-                      [
-                        {
-                          action: import_meta.ObservabilityAction.SEND_EVENT,
-                          data: {
-                            name: "space.join",
-                            properties: {
-                              spaceId: space.id
-                            }
-                          }
+            case import_chunk_JFDDZI4Y.SpaceAction.JOIN: {
+              return {
+                data: true,
+                intents: [
+                  [
+                    {
+                      action: import_app_framework.LayoutAction.SET_LAYOUT,
+                      data: {
+                        element: "dialog",
+                        component: "dxos.org/plugin/space/JoinDialog",
+                        dialogBlockAlign: "start",
+                        subject: {
+                          initialInvitationCode: intent.data?.invitationCode
                         }
-                      ]
-                    ]
-                  };
-                }
-              }
+                      }
+                    }
+                  ]
+                ]
+              };
               break;
             }
-            case import_chunk_P4XUXM7Y.SpaceAction.SHARE: {
-              const spaceId = intent.data?.spaceId;
-              if (clientPlugin2 && typeof spaceId === "string") {
-                if (!navigationPlugin?.provides.location.active) {
-                  return;
-                }
-                const target = (0, import_app_framework.firstIdInPart)(navigationPlugin?.provides.location.active, "main");
-                const result = await clientPlugin2.provides.client.shell.shareSpace({
-                  spaceId,
-                  target
-                });
+            case import_chunk_JFDDZI4Y.SpaceAction.SHARE: {
+              const space = intent.data?.space;
+              if ((0, import_echo.isSpace)(space) && !space.properties[COMPOSER_SPACE_LOCK]) {
+                const active = navigationPlugin?.provides.location.active;
+                const mode = layoutPlugin?.provides.layout.layoutMode;
+                const target = active ? (0, import_app_framework.firstIdInPart)(active, mode === "solo" ? "solo" : "main") : void 0;
                 return {
-                  data: result,
+                  data: true,
                   intents: [
+                    [
+                      {
+                        action: import_app_framework.LayoutAction.SET_LAYOUT,
+                        data: {
+                          element: "dialog",
+                          component: "dxos.org/plugin/space/SpaceSettingsDialog",
+                          dialogBlockAlign: "start",
+                          subject: {
+                            space,
+                            target,
+                            initialTab: "members",
+                            createInvitationUrl: createSpaceInvitationUrl
+                          }
+                        }
+                      }
+                    ],
                     [
                       {
                         action: import_meta.ObservabilityAction.SEND_EVENT,
                         data: {
                           name: "space.share",
                           properties: {
-                            spaceId,
-                            members: result.members?.length,
-                            error: result.error?.message,
-                            cancelled: result.cancelled
+                            space: space.id
                           }
                         }
                       }
@@ -2757,7 +2727,7 @@ var SpacePlugin = ({ firstRun, onFirstRun } = {}) => {
               }
               break;
             }
-            case import_chunk_P4XUXM7Y.SpaceAction.LOCK: {
+            case import_chunk_JFDDZI4Y.SpaceAction.LOCK: {
               const space = intent.data?.space;
               if ((0, import_echo.isSpace)(space)) {
                 space.properties[COMPOSER_SPACE_LOCK] = true;
@@ -2780,7 +2750,7 @@ var SpacePlugin = ({ firstRun, onFirstRun } = {}) => {
               }
               break;
             }
-            case import_chunk_P4XUXM7Y.SpaceAction.UNLOCK: {
+            case import_chunk_JFDDZI4Y.SpaceAction.UNLOCK: {
               const space = intent.data?.space;
               if ((0, import_echo.isSpace)(space)) {
                 space.properties[COMPOSER_SPACE_LOCK] = false;
@@ -2803,7 +2773,7 @@ var SpacePlugin = ({ firstRun, onFirstRun } = {}) => {
               }
               break;
             }
-            case import_chunk_P4XUXM7Y.SpaceAction.RENAME: {
+            case import_chunk_JFDDZI4Y.SpaceAction.RENAME: {
               const { caller, space } = intent.data ?? {};
               if (typeof caller === "string" && (0, import_echo.isSpace)(space)) {
                 return {
@@ -2824,7 +2794,33 @@ var SpacePlugin = ({ firstRun, onFirstRun } = {}) => {
               }
               break;
             }
-            case import_chunk_P4XUXM7Y.SpaceAction.OPEN: {
+            case import_chunk_JFDDZI4Y.SpaceAction.OPEN_SETTINGS: {
+              const space = intent.data?.space;
+              if ((0, import_echo.isSpace)(space)) {
+                return {
+                  data: true,
+                  intents: [
+                    [
+                      {
+                        action: import_app_framework.LayoutAction.SET_LAYOUT,
+                        data: {
+                          element: "dialog",
+                          component: "dxos.org/plugin/space/SpaceSettingsDialog",
+                          dialogBlockAlign: "start",
+                          subject: {
+                            space,
+                            initialTab: "settings",
+                            createInvitationUrl: createSpaceInvitationUrl
+                          }
+                        }
+                      }
+                    ]
+                  ]
+                };
+              }
+              break;
+            }
+            case import_chunk_JFDDZI4Y.SpaceAction.OPEN: {
               const space = intent.data?.space;
               if ((0, import_echo.isSpace)(space)) {
                 await space.open();
@@ -2834,7 +2830,7 @@ var SpacePlugin = ({ firstRun, onFirstRun } = {}) => {
               }
               break;
             }
-            case import_chunk_P4XUXM7Y.SpaceAction.CLOSE: {
+            case import_chunk_JFDDZI4Y.SpaceAction.CLOSE: {
               const space = intent.data?.space;
               if ((0, import_echo.isSpace)(space)) {
                 await space.close();
@@ -2844,7 +2840,7 @@ var SpacePlugin = ({ firstRun, onFirstRun } = {}) => {
               }
               break;
             }
-            case import_chunk_P4XUXM7Y.SpaceAction.MIGRATE: {
+            case import_chunk_JFDDZI4Y.SpaceAction.MIGRATE: {
               const space = intent.data?.space;
               if ((0, import_echo.isSpace)(space)) {
                 if (space.state.get() === import_echo.SpaceState.SPACE_REQUIRES_MIGRATION) {
@@ -2873,7 +2869,7 @@ var SpacePlugin = ({ firstRun, onFirstRun } = {}) => {
               }
               break;
             }
-            case import_chunk_P4XUXM7Y.SpaceAction.ADD_OBJECT: {
+            case import_chunk_JFDDZI4Y.SpaceAction.ADD_OBJECT: {
               const object = intent.data?.object ?? intent.data?.result;
               if (!(0, import_echo_schema.isReactiveObject)(object)) {
                 return;
@@ -2892,15 +2888,15 @@ var SpacePlugin = ({ firstRun, onFirstRun } = {}) => {
                         data: {
                           element: "toast",
                           subject: {
-                            id: `${import_chunk_P4XUXM7Y.SPACE_PLUGIN}/space-limit`,
-                            title: translations_default[0]["en-US"][import_chunk_P4XUXM7Y.SPACE_PLUGIN]["space limit label"],
-                            description: translations_default[0]["en-US"][import_chunk_P4XUXM7Y.SPACE_PLUGIN]["space limit description"],
+                            id: `${import_chunk_JFDDZI4Y.SPACE_PLUGIN}/space-limit`,
+                            title: translations_default[0]["en-US"][import_chunk_JFDDZI4Y.SPACE_PLUGIN]["space limit label"],
+                            description: translations_default[0]["en-US"][import_chunk_JFDDZI4Y.SPACE_PLUGIN]["space limit description"],
                             duration: 5e3,
                             icon: "ph--warning--regular",
-                            actionLabel: translations_default[0]["en-US"][import_chunk_P4XUXM7Y.SPACE_PLUGIN]["remove deleted objects label"],
-                            actionAlt: translations_default[0]["en-US"][import_chunk_P4XUXM7Y.SPACE_PLUGIN]["remove deleted objects alt"],
+                            actionLabel: translations_default[0]["en-US"][import_chunk_JFDDZI4Y.SPACE_PLUGIN]["remove deleted objects label"],
+                            actionAlt: translations_default[0]["en-US"][import_chunk_JFDDZI4Y.SPACE_PLUGIN]["remove deleted objects alt"],
                             // TODO(wittjosiah): Use OS namespace.
-                            closeLabel: translations_default[0]["en-US"][import_chunk_P4XUXM7Y.SPACE_PLUGIN]["space limit close label"],
+                            closeLabel: translations_default[0]["en-US"][import_chunk_JFDDZI4Y.SPACE_PLUGIN]["space limit close label"],
                             onAction: () => space.db.coreDatabase.unlinkDeletedObjects()
                           }
                         }
@@ -2920,20 +2916,20 @@ var SpacePlugin = ({ firstRun, onFirstRun } = {}) => {
                   ]
                 };
               }
-              if (intent.data?.target instanceof import_chunk_HTAM5LQD.CollectionType) {
+              if (intent.data?.target instanceof import_chunk_FYWGZYJB.CollectionType) {
                 intent.data?.target.objects.push(object);
               } else if ((0, import_echo.isSpace)(intent.data?.target)) {
-                const collection = space.properties[import_chunk_HTAM5LQD.CollectionType.typename];
-                if (collection instanceof import_chunk_HTAM5LQD.CollectionType) {
+                const collection = space.properties[import_chunk_FYWGZYJB.CollectionType.typename];
+                if (collection instanceof import_chunk_FYWGZYJB.CollectionType) {
                   collection.objects.push(object);
                 } else {
-                  const collection2 = (0, import_echo.create)(import_chunk_HTAM5LQD.CollectionType, {
+                  const collection2 = (0, import_echo.create)(import_chunk_FYWGZYJB.CollectionType, {
                     objects: [
                       object
                     ],
                     views: {}
                   });
-                  space.properties[import_chunk_HTAM5LQD.CollectionType.typename] = collection2;
+                  space.properties[import_chunk_FYWGZYJB.CollectionType.typename] = collection2;
                 }
               }
               return {
@@ -2963,27 +2959,36 @@ var SpacePlugin = ({ firstRun, onFirstRun } = {}) => {
                 ]
               };
             }
-            case import_chunk_P4XUXM7Y.SpaceAction.REMOVE_OBJECT: {
-              const object = intent.data?.object ?? intent.data?.result;
-              const space = (0, import_echo.getSpace)(object);
-              if (!((0, import_echo.isEchoObject)(object) && space)) {
+            case import_chunk_JFDDZI4Y.SpaceAction.REMOVE_OBJECTS: {
+              const objects = intent.data?.objects ?? intent.data?.result;
+              (0, import_invariant.invariant)(Array.isArray(objects), void 0, {
+                F: __dxlog_file6,
+                L: 1291,
+                S: void 0,
+                A: [
+                  "Array.isArray(objects)",
+                  ""
+                ]
+              });
+              const space = (0, import_echo.getSpace)(objects[0]);
+              if (!space || !objects.every((obj) => (0, import_echo.isEchoObject)(obj) && (0, import_echo.getSpace)(obj) === space)) {
                 return;
               }
               const resolve = (0, import_app_framework.resolvePlugin)(plugins, import_app_framework.parseMetadataResolverPlugin)?.provides.metadata.resolver;
               const activeParts = navigationPlugin?.provides.location.active;
               const openObjectIds = new Set((0, import_app_framework.openIds)(activeParts ?? {}));
               if (!intent.undo && resolve) {
-                const parentCollection = intent.data?.collection ?? space.properties[import_chunk_HTAM5LQD.CollectionType.typename];
-                const nestedObjects = await getNestedObjects(object, resolve);
+                const parentCollection = intent.data?.collection ?? space.properties[import_chunk_FYWGZYJB.CollectionType.typename];
+                const nestedObjectsList = await Promise.all(objects.map((obj) => getNestedObjects(obj, resolve)));
                 const deletionData = {
-                  object,
+                  objects,
                   parentCollection,
-                  index: parentCollection instanceof import_chunk_HTAM5LQD.CollectionType ? parentCollection.objects.indexOf(object) : -1,
-                  nestedObjects,
-                  wasActive: [
-                    object,
-                    ...nestedObjects
-                  ].map((obj) => (0, import_echo.fullyQualifiedId)(obj)).filter((id) => openObjectIds.has(id))
+                  indices: objects.map((obj) => parentCollection instanceof import_chunk_FYWGZYJB.CollectionType ? parentCollection.objects.indexOf(obj) : -1),
+                  nestedObjectsList,
+                  wasActive: objects.flatMap((obj, i) => [
+                    obj,
+                    ...nestedObjectsList[i]
+                  ]).map((obj) => (0, import_echo.fullyQualifiedId)(obj)).filter((id) => openObjectIds.has(id))
                 };
                 if (deletionData.wasActive.length > 0) {
                   await intentPlugin?.provides.intent.dispatch({
@@ -2996,35 +3001,40 @@ var SpacePlugin = ({ firstRun, onFirstRun } = {}) => {
                     }
                   });
                 }
-                if (parentCollection instanceof import_chunk_HTAM5LQD.CollectionType) {
-                  const index = parentCollection.objects.indexOf(object);
-                  if (index !== -1) {
-                    parentCollection.objects.splice(index, 1);
-                  }
+                if (deletionData.parentCollection instanceof import_chunk_FYWGZYJB.CollectionType) {
+                  [
+                    ...deletionData.indices
+                  ].sort((a, b) => b - a).forEach((index) => {
+                    if (index !== -1) {
+                      deletionData.parentCollection.objects.splice(index, 1);
+                    }
+                  });
                 }
-                deletionData.nestedObjects.forEach((obj) => {
+                deletionData.nestedObjectsList.flat().forEach((obj) => {
                   space.db.remove(obj);
                 });
-                space.db.remove(object);
-                const undoMessageKey = object instanceof import_chunk_HTAM5LQD.CollectionType ? "collection deleted label" : "object deleted label";
+                objects.forEach((obj) => space.db.remove(obj));
+                const undoMessageKey = objects.some((obj) => obj instanceof import_chunk_FYWGZYJB.CollectionType) ? "collection deleted label" : objects.length > 1 ? "objects deleted label" : "object deleted label";
                 return {
                   data: true,
                   undoable: {
-                    // Consider using a translation key here.
-                    message: translations_default[0]["en-US"][import_chunk_P4XUXM7Y.SPACE_PLUGIN][undoMessageKey],
+                    // TODO(ZaymonFC): Pluralize if more than one object.
+                    message: translations_default[0]["en-US"][import_chunk_JFDDZI4Y.SPACE_PLUGIN][undoMessageKey],
                     data: deletionData
                   }
                 };
               } else {
                 const undoData = intent.data;
-                if (undoData && (0, import_echo.isEchoObject)(undoData.object) && undoData.parentCollection instanceof import_chunk_HTAM5LQD.CollectionType) {
-                  const restoredObject = space.db.add(undoData.object);
-                  undoData.nestedObjects.forEach((obj) => {
+                if (undoData?.objects?.length && undoData.objects.every(import_echo.isEchoObject) && undoData.parentCollection instanceof import_chunk_FYWGZYJB.CollectionType) {
+                  const restoredObjects = undoData.objects.map((obj) => space.db.add(obj));
+                  undoData.nestedObjectsList.flat().forEach((obj) => {
                     space.db.add(obj);
                   });
-                  if (undoData.index !== -1) {
-                    undoData.parentCollection.objects.splice(undoData.index, 0, restoredObject);
-                  }
+                  undoData.indices.forEach((index, i) => {
+                    if (index !== -1) {
+                      undoData.parentCollection.objects.splice(index, 0, restoredObjects[i]);
+                    }
+                  });
                   if (undoData.wasActive.length > 0) {
                     await intentPlugin?.provides.intent.dispatch({
                       action: import_app_framework.NavigationAction.OPEN,
@@ -3044,7 +3054,7 @@ var SpacePlugin = ({ firstRun, onFirstRun } = {}) => {
                 };
               }
             }
-            case import_chunk_P4XUXM7Y.SpaceAction.RENAME_OBJECT: {
+            case import_chunk_JFDDZI4Y.SpaceAction.RENAME_OBJECT: {
               const object = intent.data?.object ?? intent.data?.result;
               const caller = intent.data?.caller;
               if ((0, import_echo_schema.isReactiveObject)(object) && caller) {
@@ -3066,7 +3076,7 @@ var SpacePlugin = ({ firstRun, onFirstRun } = {}) => {
               }
               break;
             }
-            case import_chunk_P4XUXM7Y.SpaceAction.DUPLICATE_OBJECT: {
+            case import_chunk_JFDDZI4Y.SpaceAction.DUPLICATE_OBJECT: {
               const originalObject = intent.data?.object ?? intent.data?.result;
               const resolve = (0, import_app_framework.resolvePlugin)(plugins, import_app_framework.parseMetadataResolverPlugin)?.provides.metadata.resolver;
               const space = (0, import_echo.isSpace)(intent.data?.target) ? intent.data?.target : (0, import_echo.getSpace)(intent.data?.target);
@@ -3078,7 +3088,7 @@ var SpacePlugin = ({ firstRun, onFirstRun } = {}) => {
                 intents: [
                   [
                     {
-                      action: import_chunk_P4XUXM7Y.SpaceAction.ADD_OBJECT,
+                      action: import_chunk_JFDDZI4Y.SpaceAction.ADD_OBJECT,
                       data: {
                         object: newObject,
                         target: intent.data?.target
@@ -3088,7 +3098,7 @@ var SpacePlugin = ({ firstRun, onFirstRun } = {}) => {
                 ]
               };
             }
-            case import_chunk_P4XUXM7Y.SpaceAction.TOGGLE_HIDDEN: {
+            case import_chunk_JFDDZI4Y.SpaceAction.TOGGLE_HIDDEN: {
               settings.values.showHidden = intent.data?.state ?? !settings.values.showHidden;
               return {
                 data: true
@@ -3113,6 +3123,7 @@ var src_default = SpacePlugin;
   ContactType,
   DefaultObjectSettings,
   FullPresence,
+  JoinDialog,
   MenuFooter,
   MessageState,
   MessageType,
@@ -3130,10 +3141,10 @@ var src_default = SpacePlugin;
   SmallPresence,
   SmallPresenceLive,
   SpaceAction,
-  SpaceMain,
   SpacePlugin,
+  SpacePluginSettings,
   SpacePresence,
-  SpaceSettings,
+  SpaceSettingsDialog,
   SpaceSettingsPanel,
   SyncStatus,
   SyncStatusDetail,