@dxos/plugin-space 0.7.2 → 0.7.3-staging.0905f03

package/dist/lib/node-esm/index.mjs

@@ -1,10 +1,11 @@
 import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
 import {
+  CollectionAction,
   SPACE_PLUGIN,
   SPACE_PLUGIN_SHORT_ID,
   SpaceAction,
   meta_default
-} from "./chunk-DVUZ7A7G.mjs";
+} from "./chunk-UMV7XREB.mjs";
 import {
   ActorSchema,
   ChannelType,
@@ -13,19 +14,21 @@ import {
   MessageState,
   MessageType,
   SPACE_DIRECTORY_HANDLE,
+  SpaceForm,
   ThreadStatus,
   ThreadType,
-  parseSpaceInitPlugin
-} from "./chunk-MCEAI4CV.mjs";
+  parseSchemaPlugin
+} from "./chunk-OHEAWSCA.mjs";
 
 // packages/plugins/plugin-space/src/SpacePlugin.tsx
 import { signal } from "@preact/signals-core";
-import React17 from "react";
-import { LayoutAction as LayoutAction2, NavigationAction as NavigationAction4, Surface, findPlugin, firstIdInPart, openIds, parseGraphPlugin, parseIntentPlugin as parseIntentPlugin2, parseLayoutPlugin, parseMetadataResolverPlugin, parseNavigationPlugin as parseNavigationPlugin2, resolvePlugin } from "@dxos/app-framework";
+import React21 from "react";
+import { LayoutAction as LayoutAction2, NavigationAction as NavigationAction4, Surface, filterPlugins, findPlugin, firstIdInPart, openIds, parseGraphPlugin, parseIntentPlugin as parseIntentPlugin2, parseLayoutPlugin, parseMetadataResolverPlugin, parseNavigationPlugin as parseNavigationPlugin2, resolvePlugin } from "@dxos/app-framework";
 import { EventSubscriptions } from "@dxos/async";
-import { isDeleted, isReactiveObject as isReactiveObject2 } from "@dxos/echo-schema";
+import { S as S2 } from "@dxos/echo-schema";
 import { scheduledEffect } from "@dxos/echo-signals/core";
 import { invariant as invariant2 } from "@dxos/invariant";
+import { create, isDeleted, isReactiveObject as isReactiveObject3 } from "@dxos/live-object";
 import { LocalStorageStore } from "@dxos/local-storage";
 import { log as log3 } from "@dxos/log";
 import { Migrations as Migrations2 } from "@dxos/migrations";
@@ -33,17 +36,18 @@ import { parseAttentionPlugin } from "@dxos/plugin-attention";
 import { parseClientPlugin } from "@dxos/plugin-client";
 import { createExtension, memoize as memoize2, toSignal } from "@dxos/plugin-graph";
 import { ObservabilityAction as ObservabilityAction2 } from "@dxos/plugin-observability/meta";
+import { EdgeReplicationSetting as EdgeReplicationSetting3 } from "@dxos/protocols/proto/dxos/echo/metadata";
 import { PublicKey as PublicKey2 } from "@dxos/react-client";
-import { Expando, Filter, SpaceState as SpaceState2, create as create2, fullyQualifiedId as fullyQualifiedId4, getSpace as getSpace4, getTypename as getTypename2, isEchoObject as isEchoObject2, isSpace as isSpace2, loadObjectReferences, parseId, FQ_ID_LENGTH, SPACE_ID_LENGTH, OBJECT_ID_LENGTH } from "@dxos/react-client/echo";
+import { Expando, FQ_ID_LENGTH, Filter as Filter3, OBJECT_ID_LENGTH, SPACE_ID_LENGTH, SpaceState as SpaceState2, fullyQualifiedId as fullyQualifiedId4, getSpace as getSpace5, getTypename as getTypename2, isEchoObject as isEchoObject2, isSpace as isSpace4, loadObjectReferences, parseFullyQualifiedId, parseId } from "@dxos/react-client/echo";
 import { osTranslations } from "@dxos/shell/react";
-import { ComplexMap as ComplexMap2, nonNullable, reduceGroupBy } from "@dxos/util";
+import { ComplexMap as ComplexMap2, nonNullable as nonNullable2, reduceGroupBy } from "@dxos/util";
 
 // packages/plugins/plugin-space/src/components/AwaitingObject.tsx
 import { CheckCircle, CircleDashed, CircleNotch } from "@phosphor-icons/react";
 import React, { useEffect, useState } from "react";
 import { parseIntentPlugin, useResolvePlugin, parseNavigationPlugin, NavigationAction } from "@dxos/app-framework";
 import { useClient } from "@dxos/react-client";
-import { fullyQualifiedId, useQuery } from "@dxos/react-client/echo";
+import { Filter, fullyQualifiedId, useQuery } from "@dxos/react-client/echo";
 import { Button, Toast, useTranslation } from "@dxos/react-ui";
 import { getSize, mx } from "@dxos/react-ui-theme";
 var WAIT_FOR_OBJECT_TIMEOUT = 18e4;
@@ -56,7 +60,7 @@ var AwaitingObject = ({ id }) => {
   const intentPlugin = useResolvePlugin(parseIntentPlugin);
   const navigationPlugin = useResolvePlugin(parseNavigationPlugin);
   const client = useClient();
-  const objects = useQuery(client.spaces);
+  const objects = useQuery(client.spaces, Filter.all());
   useEffect(() => {
     if (!id) {
       return;
@@ -133,155 +137,29 @@ var AwaitingObject = ({ id }) => {
   })))));
 };
 
-// packages/plugins/plugin-space/src/components/CollectionMain.tsx
-import React2 from "react";
-import { useTranslation as useTranslation2 } from "@dxos/react-ui";
-import { baseSurface, descriptionText, mx as mx2 } from "@dxos/react-ui-theme";
-var CollectionMain = ({ collection }) => {
-  const { t } = useTranslation2(SPACE_PLUGIN);
-  return /* @__PURE__ */ React2.createElement("div", {
-    role: "none",
-    className: mx2(baseSurface, "min-bs-screen is-full flex items-center justify-center p-8"),
-    "data-testid": "composer.firstRunMessage"
-  }, /* @__PURE__ */ React2.createElement("p", {
-    role: "alert",
-    className: mx2(descriptionText, "border border-dashed border-neutral-400/50 rounded-lg p-8 font-normal text-lg max-is-[24rem] break-words")
-  }, collection.name ?? t("unnamed collection label")));
-};
-
-// packages/plugins/plugin-space/src/components/CollectionSection.tsx
-import React3 from "react";
-import { useTranslation as useTranslation3 } from "@dxos/react-ui";
-var CollectionSection = ({ collection }) => {
-  const { t } = useTranslation3(SPACE_PLUGIN);
-  return /* @__PURE__ */ React3.createElement("div", {
-    className: "min-bs-[3.5rem] grid grid-rows-subgrid grid-cols-subgrid items-center"
-  }, /* @__PURE__ */ React3.createElement("span", {
-    className: "truncate"
-  }, collection.name ?? t("unnamed collection label")));
-};
-
-// packages/plugins/plugin-space/src/components/DefaultObjectSettings.tsx
-import React4 from "react";
-import { Input, useTranslation as useTranslation4 } from "@dxos/react-ui";
-var DefaultObjectSettings = ({ object }) => {
-  const { t } = useTranslation4(SPACE_PLUGIN);
-  return /* @__PURE__ */ React4.createElement("div", {
-    role: "form",
-    className: "flex flex-col w-full p-2 gap-1"
-  }, /* @__PURE__ */ React4.createElement(Input.Root, null, /* @__PURE__ */ React4.createElement(Input.Label, null, t("name label")), /* @__PURE__ */ React4.createElement(Input.TextInput, {
-    placeholder: t("name placeholder"),
-    value: object.name ?? "",
-    onChange: (event) => {
-      object.name = event.target.value;
-    }
-  })));
-};
-
-// packages/plugins/plugin-space/src/components/JoinDialog.tsx
-import React5, { useCallback } from "react";
-import { LayoutAction, NavigationAction as NavigationAction2, useIntentDispatcher } from "@dxos/app-framework";
-import { useGraph } from "@dxos/plugin-graph";
-import { ObservabilityAction } from "@dxos/plugin-observability/meta";
-import { useSpaces } from "@dxos/react-client/echo";
-import { Dialog, useTranslation as useTranslation5 } from "@dxos/react-ui";
-import { JoinPanel } from "@dxos/shell/react";
-var JoinDialog = ({ navigableCollections, ...props }) => {
-  const { t } = useTranslation5(SPACE_PLUGIN);
-  const dispatch = useIntentDispatcher();
-  const spaces = useSpaces();
-  const { graph } = useGraph();
-  const handleDone = useCallback(async (result) => {
-    if (result?.spaceKey) {
-      await Promise.all([
-        dispatch({
-          action: LayoutAction.SET_LAYOUT,
-          data: {
-            element: "toast",
-            subject: {
-              id: `${SPACE_PLUGIN}/join-success`,
-              duration: 5e3,
-              title: t("join success label"),
-              closeLabel: t("dismiss label")
-            }
-          }
-        }),
-        dispatch({
-          action: 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: NavigationAction2.OPEN,
-          data: {
-            activeParts: {
-              main: [
-                target
-              ]
-            }
-          }
-        }),
-        dispatch({
-          action: NavigationAction2.EXPOSE,
-          data: {
-            id: target
-          }
-        })
-      ]);
-    }
-    if (space) {
-      await dispatch({
-        action: ObservabilityAction.SEND_EVENT,
-        data: {
-          name: "space.join",
-          properties: {
-            spaceId: space.id
-          }
-        }
-      });
-    }
-  }, [
-    dispatch,
-    spaces
-  ]);
-  return /* @__PURE__ */ React5.createElement(Dialog.Content, null, /* @__PURE__ */ React5.createElement(JoinPanel, {
-    ...props,
-    exitActionParent: /* @__PURE__ */ React5.createElement(Dialog.Close, {
-      asChild: true
-    }),
-    doneActionParent: /* @__PURE__ */ React5.createElement(Dialog.Close, {
-      asChild: true
-    }),
-    onDone: handleDone
-  }));
-};
-
-// packages/plugins/plugin-space/src/components/MenuFooter.tsx
-import { Planet } from "@phosphor-icons/react";
-import React6 from "react";
-import { getSpace as getSpace2 } from "@dxos/client/echo";
+// packages/plugins/plugin-space/src/components/CreateDialog/CreateObjectDialog.tsx
+import React3, { useCallback as useCallback2, useRef } from "react";
+import { NavigationAction as NavigationAction2, useIntentDispatcher } from "@dxos/app-framework";
 import { useClient as useClient2 } from "@dxos/react-client";
-import { DropdownMenu, toLocalizedString, useTranslation as useTranslation6 } from "@dxos/react-ui";
+import { getSpace as getSpace2, isReactiveObject as isReactiveObject2, isSpace as isSpace3, useSpaces } from "@dxos/react-client/echo";
+import { Button as Button2, Dialog, Icon as Icon2, useTranslation as useTranslation3 } from "@dxos/react-ui";
+
+// packages/plugins/plugin-space/src/components/CreateDialog/CreateObjectPanel.tsx
+import React2, { useCallback, useState as useState2 } from "react";
+import { getObjectAnnotation as getObjectAnnotation2, S } from "@dxos/echo-schema";
+import { isSpace as isSpace2 } from "@dxos/react-client/echo";
+import { Icon, IconButton, Input, toLocalizedString, useTranslation as useTranslation2 } from "@dxos/react-ui";
+import { Form, InputHeader } from "@dxos/react-ui-form";
+import { SearchList } from "@dxos/react-ui-searchlist";
+import { nonNullable } from "@dxos/util";
 
 // packages/plugins/plugin-space/src/util.tsx
-import { NavigationAction as NavigationAction3 } from "@dxos/app-framework";
-import { create, isReactiveObject, getTypename, getSchema, getObjectAnnotation, EXPANDO_TYPENAME } from "@dxos/echo-schema";
+import { EXPANDO_TYPENAME, getObjectAnnotation, getTypename } from "@dxos/echo-schema";
 import { invariant } from "@dxos/invariant";
+import { getSchema, isReactiveObject } from "@dxos/live-object";
 import { Migrations } from "@dxos/migrations";
-import { ACTION_TYPE, ACTION_GROUP_TYPE, actionGroupSymbol, getGraph, cleanup, memoize } from "@dxos/plugin-graph";
-import { fullyQualifiedId as fullyQualifiedId2, getSpace, isEchoObject, isSpace, SpaceState } from "@dxos/react-client/echo";
+import { ACTION_GROUP_TYPE, ACTION_TYPE, cleanup, getGraph, memoize } from "@dxos/plugin-graph";
+import { Filter as Filter2, fullyQualifiedId as fullyQualifiedId2, getSpace, isEchoObject, isSpace, SpaceState } from "@dxos/react-client/echo";
 var __dxlog_file = "/home/runner/work/dxos/dxos/packages/plugins/plugin-space/src/util.tsx";
 var SPACES = `${SPACE_PLUGIN}-spaces`;
 var SPACE_TYPE = "dxos.org/type/Space";
@@ -289,7 +167,10 @@ var COMPOSER_SPACE_LOCK = "dxos.org/plugin/space/lock";
 var SHARED = "shared-spaces";
 var EMPTY_ARRAY = [];
 var memoizeQuery = (spaceOrEcho, filter, options) => {
-  const key = isSpace(spaceOrEcho) ? spaceOrEcho.id : void 0;
+  const key = JSON.stringify({
+    space: isSpace(spaceOrEcho) ? spaceOrEcho.id : void 0,
+    filter: Filter2.from(filter).toProto()
+  });
   const query = memoize(() => isSpace(spaceOrEcho) ? spaceOrEcho.db.query(filter, options) : spaceOrEcho?.query(filter, options), key);
   const unsubscribe = memoize(() => query?.subscribe(), key);
   cleanup(() => unsubscribe?.());
@@ -381,69 +262,6 @@ var constructSpaceNode = ({ space, navigable = false, personal, namesCache, reso
     }
   };
 };
-var constructSpaceActionGroups = ({ space, navigable, dispatch }) => {
-  const state = space.state.get();
-  const hasPendingMigration = checkPendingMigration(space);
-  const getId = (id) => `${id}/${space.id}`;
-  if (state !== SpaceState.SPACE_READY || hasPendingMigration) {
-    return [];
-  }
-  const collection = space.properties[CollectionType.typename];
-  const actions = [
-    {
-      id: getId(SpaceAction.ADD_OBJECT),
-      type: ACTION_GROUP_TYPE,
-      data: actionGroupSymbol,
-      properties: {
-        label: [
-          "create object in space label",
-          {
-            ns: SPACE_PLUGIN
-          }
-        ],
-        icon: "ph--plus--regular",
-        disposition: "toolbar",
-        menuType: "searchList",
-        testId: "spacePlugin.createObject"
-      },
-      nodes: [
-        {
-          id: getId(SpaceAction.ADD_OBJECT.replace("object", "collection")),
-          type: ACTION_TYPE,
-          data: () => dispatch([
-            {
-              plugin: SPACE_PLUGIN,
-              action: SpaceAction.ADD_OBJECT,
-              data: {
-                target: collection,
-                object: create(CollectionType, {
-                  objects: [],
-                  views: {}
-                })
-              }
-            },
-            ...navigable ? [
-              {
-                action: NavigationAction3.OPEN
-              }
-            ] : []
-          ]),
-          properties: {
-            label: [
-              "create collection label",
-              {
-                ns: SPACE_PLUGIN
-              }
-            ],
-            icon: "ph--cards-three--regular",
-            testId: "spacePlugin.createCollection"
-          }
-        }
-      ]
-    }
-  ];
-  return actions;
-};
 var constructSpaceActions = ({ space, dispatch, personal, migrating }) => {
   const state = space.state.get();
   const hasPendingMigration = checkPendingMigration(space);
@@ -478,6 +296,29 @@ var constructSpaceActions = ({ space, dispatch, personal, migrating }) => {
   if (state === SpaceState.SPACE_READY && !hasPendingMigration) {
     const locked = space.properties[COMPOSER_SPACE_LOCK];
     actions.push({
+      id: getId(SpaceAction.OPEN_CREATE_OBJECT),
+      type: ACTION_TYPE,
+      data: async () => {
+        await dispatch({
+          plugin: SPACE_PLUGIN,
+          action: SpaceAction.OPEN_CREATE_OBJECT,
+          data: {
+            target: space
+          }
+        });
+      },
+      properties: {
+        label: [
+          "create object in space label",
+          {
+            ns: SPACE_PLUGIN
+          }
+        ],
+        icon: "ph--plus--regular",
+        disposition: "toolbar",
+        testId: "spacePlugin.createObject"
+      }
+    }, {
       id: getId(SpaceAction.SHARE),
       type: ACTION_TYPE,
       data: async () => {
@@ -667,71 +508,36 @@ var createObjectNode = ({ object, space, navigable = false, resolve }) => {
     }
   };
 };
-var constructObjectActionGroups = ({ object, navigable, dispatch }) => {
-  if (!(object instanceof CollectionType)) {
-    return [];
-  }
-  const collection = object;
-  const getId = (id) => `${id}/${fullyQualifiedId2(object)}`;
-  const actions = [
-    {
-      id: getId(SpaceAction.ADD_OBJECT),
-      type: ACTION_GROUP_TYPE,
-      data: actionGroupSymbol,
-      properties: {
-        label: [
-          "create object in collection label",
-          {
-            ns: SPACE_PLUGIN
-          }
-        ],
-        icon: "ph--plus--regular",
-        disposition: "toolbar",
-        menuType: "searchList",
-        testId: "spacePlugin.createObject"
-      },
-      nodes: [
-        {
-          id: getId(SpaceAction.ADD_OBJECT.replace("object", "collection")),
-          type: ACTION_TYPE,
-          data: () => dispatch([
-            {
-              plugin: SPACE_PLUGIN,
-              action: SpaceAction.ADD_OBJECT,
-              data: {
-                target: collection,
-                object: create(CollectionType, {
-                  objects: [],
-                  views: {}
-                })
-              }
-            },
-            ...navigable ? [
-              {
-                action: NavigationAction3.OPEN
-              }
-            ] : []
-          ]),
-          properties: {
-            label: [
-              "create collection label",
-              {
-                ns: SPACE_PLUGIN
-              }
-            ],
-            icon: "ph--cards-three--regular",
-            testId: "spacePlugin.createCollection"
-          }
-        }
-      ]
-    }
-  ];
-  return actions;
-};
 var constructObjectActions = ({ node, dispatch }) => {
   const object = node.data;
   const getId = (id) => `${id}/${fullyQualifiedId2(object)}`;
   const actions = [
+    ...object instanceof CollectionType ? [
+      {
+        id: getId(SpaceAction.ADD_OBJECT),
+        type: ACTION_TYPE,
+        data: async () => {
+          await dispatch({
+            plugin: SPACE_PLUGIN,
+            action: SpaceAction.OPEN_CREATE_OBJECT,
+            data: {
+              target: object
+            }
+          });
+        },
+        properties: {
+          label: [
+            "create object in collection label",
+            {
+              ns: SPACE_PLUGIN
+            }
+          ],
+          icon: "ph--plus--regular",
+          disposition: "toolbar",
+          testId: "spacePlugin.createObject"
+        }
+      }
+    ] : [],
     {
       id: getId(SpaceAction.RENAME_OBJECT),
       type: ACTION_TYPE,
@@ -844,7 +650,7 @@ var cloneObject = async (object, resolve, newSpace) => {
   const serializer = metadata.serializer;
   invariant(serializer, `No serializer for type: ${typename}`, {
     F: __dxlog_file,
-    L: 634,
+    L: 544,
     S: void 0,
     A: [
       "serializer",
@@ -861,30 +667,427 @@ var cloneObject = async (object, resolve, newSpace) => {
   });
 };
 
-// packages/plugins/plugin-space/src/components/MenuFooter.tsx
-var MenuFooter = ({ object }) => {
-  const { t } = useTranslation6(SPACE_PLUGIN);
+// packages/plugins/plugin-space/src/components/CreateDialog/CreateObjectPanel.tsx
+var CreateObjectPanel = ({ schemas, spaces, typename: initialTypename, target: initialTarget, name: initialName, defaultSpaceId, resolve, onCreateObject }) => {
+  const { t } = useTranslation2(SPACE_PLUGIN);
+  const [typename, setTypename] = useState2(initialTypename);
+  const [target, setTarget] = useState2(initialTarget);
+  const schema = schemas.find((schema2) => getObjectAnnotation2(schema2)?.typename === typename);
+  const options = schemas.map(getObjectAnnotation2).filter(nonNullable);
+  const handleClearSchema = useCallback(() => setTypename(void 0), []);
+  const handleClearTarget = useCallback(() => setTarget(void 0), []);
+  const handleCreateObject = useCallback(async ({ name }) => {
+    if (!schema || !target) {
+      return;
+    }
+    await onCreateObject?.({
+      schema,
+      target,
+      name
+    });
+  }, [
+    onCreateObject,
+    schema,
+    target
+  ]);
+  const schemaInput = /* @__PURE__ */ React2.createElement(SearchList.Root, {
+    label: t("schema input label"),
+    classNames: "flex flex-col grow overflow-hidden my-2 px-2"
+  }, /* @__PURE__ */ React2.createElement(SearchList.Input, {
+    autoFocus: true,
+    "data-testid": "create-object-form.schema-input",
+    placeholder: t("schema input placeholder"),
+    classNames: "px-1 my-2"
+  }), /* @__PURE__ */ React2.createElement(SearchList.Content, {
+    classNames: "max-bs-[24rem] overflow-auto"
+  }, options.map((option) => /* @__PURE__ */ React2.createElement(SearchList.Item, {
+    key: option.typename,
+    value: t("typename label", {
+      ns: option.typename,
+      defaultValue: option.typename
+    }),
+    onSelect: () => setTypename(option.typename),
+    classNames: "flex items-center gap-2"
+  }, /* @__PURE__ */ React2.createElement("span", {
+    className: "flex gap-2 items-center grow truncate"
+  }, /* @__PURE__ */ React2.createElement(Icon, {
+    icon: resolve?.(option.typename).icon ?? "ph--placeholder--regular",
+    size: 5
+  }), t("typename label", {
+    ns: option.typename,
+    defaultValue: option.typename
+  }))))));
+  const spaceInput = /* @__PURE__ */ React2.createElement(SearchList.Root, {
+    label: t("space input label"),
+    classNames: "flex flex-col grow overflow-hidden my-2 px-2"
+  }, /* @__PURE__ */ React2.createElement(SearchList.Input, {
+    autoFocus: true,
+    "data-testid": "create-object-form.space-input",
+    placeholder: t("space input placeholder"),
+    classNames: "px-1 my-2"
+  }), /* @__PURE__ */ React2.createElement(SearchList.Content, {
+    classNames: "max-bs-[24rem] overflow-auto"
+  }, spaces.map((space) => /* @__PURE__ */ React2.createElement(SearchList.Item, {
+    key: space.id,
+    value: toLocalizedString(getSpaceDisplayName(space, {
+      personal: space.id === defaultSpaceId
+    }), t),
+    onSelect: () => setTarget(space),
+    classNames: "flex items-center gap-2"
+  }, /* @__PURE__ */ React2.createElement("span", {
+    className: "grow truncate"
+  }, toLocalizedString(getSpaceDisplayName(space, {
+    personal: space.id === defaultSpaceId
+  }), t))))));
+  const form = /* @__PURE__ */ React2.createElement(Form, {
+    autoFocus: true,
+    values: {
+      name: initialName
+    },
+    schema: S.Struct({
+      name: S.optional(S.String)
+    }),
+    testId: "create-object-form",
+    onSave: handleCreateObject
+  });
+  return /* @__PURE__ */ React2.createElement("div", {
+    role: "form",
+    className: "flex flex-col gap-2"
+  }, target && /* @__PURE__ */ React2.createElement("div", {
+    role: "none",
+    className: "px-2"
+  }, /* @__PURE__ */ React2.createElement(Input.Root, null, /* @__PURE__ */ React2.createElement(InputHeader, null, /* @__PURE__ */ React2.createElement(Input.Label, null, t(isSpace2(target) ? "creating in space label" : "creating in collection label"))), /* @__PURE__ */ React2.createElement("div", {
+    role: "none",
+    className: "flex gap-2"
+  }, /* @__PURE__ */ React2.createElement(Input.TextInput, {
+    disabled: true,
+    value: isSpace2(target) ? toLocalizedString(getSpaceDisplayName(target, {
+      personal: target.id === defaultSpaceId
+    }), t) : target.name || t("unnamed collection label")
+  }), /* @__PURE__ */ React2.createElement(IconButton, {
+    iconOnly: true,
+    icon: "ph--x--regular",
+    label: t("clear input label"),
+    onClick: handleClearTarget
+  })))), schema && /* @__PURE__ */ React2.createElement("div", {
+    role: "none",
+    className: "px-2"
+  }, /* @__PURE__ */ React2.createElement(Input.Root, null, /* @__PURE__ */ React2.createElement(InputHeader, null, /* @__PURE__ */ React2.createElement(Input.Label, null, t("creating object type label"))), /* @__PURE__ */ React2.createElement("div", {
+    role: "none",
+    className: "flex gap-2"
+  }, /* @__PURE__ */ React2.createElement(Input.TextInput, {
+    disabled: true,
+    value: t("typename label", {
+      ns: schema.typename,
+      defaultValue: schema.typename
+    })
+  }), /* @__PURE__ */ React2.createElement(IconButton, {
+    iconOnly: true,
+    icon: "ph--x--regular",
+    label: t("clear input label"),
+    onClick: handleClearSchema
+  })))), !schema ? schemaInput : !target ? spaceInput : form);
+};
+
+// packages/plugins/plugin-space/src/components/CreateDialog/CreateObjectDialog.tsx
+var CreateObjectDialog = ({ schemas, target, typename, name, navigableCollections, resolve }) => {
+  const closeRef = useRef(null);
+  const { t } = useTranslation3(SPACE_PLUGIN);
   const client = useClient2();
-  const space = getSpace2(object);
-  const spaceName = space ? getSpaceDisplayName(space, {
+  const spaces = useSpaces();
+  const dispatch = useIntentDispatcher();
+  const handleCreateObject = useCallback2(async ({ schema, target: _target, name: name2 }) => {
+    const target2 = isSpace3(_target) ? _target.properties[CollectionType.typename] : _target;
+    const createObjectAction = resolve?.(schema.typename)?.createObject;
+    if (!createObjectAction || !target2) {
+      return;
+    }
+    closeRef.current?.click();
+    const space = isSpace3(target2) ? target2 : getSpace2(target2);
+    const result = await dispatch({
+      action: createObjectAction,
+      data: {
+        name: name2,
+        space
+      }
+    });
+    const object = result?.data;
+    if (isReactiveObject2(object)) {
+      await dispatch([
+        {
+          plugin: SPACE_PLUGIN,
+          action: SpaceAction.ADD_OBJECT,
+          data: {
+            target: target2,
+            object
+          }
+        },
+        ...!(object instanceof CollectionType) || navigableCollections ? [
+          {
+            action: NavigationAction2.OPEN
+          }
+        ] : []
+      ]);
+    }
+  }, [
+    dispatch,
+    resolve
+  ]);
+  return (
+    // TODO(wittjosiah): The tablist dialog pattern is copied from @dxos/plugin-manager.
+    //  Consider factoring it out to the tabs package.
+    /* @__PURE__ */ React3.createElement(Dialog.Content, {
+      classNames: "p-0 bs-content min-bs-[15rem] max-bs-full md:max-is-[40rem] overflow-hidden"
+    }, /* @__PURE__ */ React3.createElement("div", {
+      role: "none",
+      className: "flex justify-between pbs-3 pis-2 pie-3 @md:pbs-4 @md:pis-4 @md:pie-5"
+    }, /* @__PURE__ */ React3.createElement(Dialog.Title, null, t("create object dialog title")), /* @__PURE__ */ React3.createElement(Dialog.Close, {
+      asChild: true
+    }, /* @__PURE__ */ React3.createElement(Button2, {
+      ref: closeRef,
+      density: "fine",
+      variant: "ghost",
+      autoFocus: true
+    }, /* @__PURE__ */ React3.createElement(Icon2, {
+      icon: "ph--x--regular",
+      size: 4
+    })))), /* @__PURE__ */ React3.createElement("div", {
+      className: "p-4"
+    }, /* @__PURE__ */ React3.createElement(CreateObjectPanel, {
+      schemas,
+      spaces,
+      target,
+      typename,
+      name,
+      defaultSpaceId: client.spaces.default.id,
+      resolve,
+      onCreateObject: handleCreateObject
+    })))
+  );
+};
+
+// packages/plugins/plugin-space/src/components/CreateDialog/CreateSpaceDialog.tsx
+import React4, { useCallback as useCallback3, useRef as useRef2 } from "react";
+import { useIntentDispatcher as useIntentDispatcher2 } from "@dxos/app-framework";
+import { Button as Button3, Dialog as Dialog2, Icon as Icon3, useTranslation as useTranslation4 } from "@dxos/react-ui";
+import { Form as Form2 } from "@dxos/react-ui-form";
+var initialValues = {
+  edgeReplication: true
+};
+var CreateSpaceDialog = () => {
+  const closeRef = useRef2(null);
+  const { t } = useTranslation4(SPACE_PLUGIN);
+  const dispatch = useIntentDispatcher2();
+  const handleCreateSpace = useCallback3(async (data) => {
+    const result = await dispatch({
+      action: SpaceAction.CREATE,
+      data
+    });
+    const target = result?.data.space;
+    if (target) {
+      await dispatch({
+        action: SpaceAction.OPEN_CREATE_OBJECT,
+        data: {
+          target
+        }
+      });
+    }
+  }, [
+    dispatch
+  ]);
+  return (
+    // TODO(wittjosiah): The tablist dialog pattern is copied from @dxos/plugin-manager.
+    //  Consider factoring it out to the tabs package.
+    /* @__PURE__ */ React4.createElement(Dialog2.Content, {
+      classNames: "p-0 bs-content min-bs-[15rem] max-bs-full md:max-is-[40rem] overflow-hidden"
+    }, /* @__PURE__ */ React4.createElement("div", {
+      role: "none",
+      className: "flex justify-between pbs-3 pis-2 pie-3 @md:pbs-4 @md:pis-4 @md:pie-5"
+    }, /* @__PURE__ */ React4.createElement(Dialog2.Title, null, t("create space dialog title")), /* @__PURE__ */ React4.createElement(Dialog2.Close, {
+      asChild: true
+    }, /* @__PURE__ */ React4.createElement(Button3, {
+      ref: closeRef,
+      density: "fine",
+      variant: "ghost",
+      autoFocus: true
+    }, /* @__PURE__ */ React4.createElement(Icon3, {
+      icon: "ph--x--regular",
+      size: 4
+    })))), /* @__PURE__ */ React4.createElement("div", {
+      className: "p-4"
+    }, /* @__PURE__ */ React4.createElement(Form2, {
+      testId: "create-space-form",
+      values: initialValues,
+      schema: SpaceForm,
+      onSave: handleCreateSpace
+    })))
+  );
+};
+
+// packages/plugins/plugin-space/src/components/CollectionMain.tsx
+import React5 from "react";
+import { useTranslation as useTranslation5 } from "@dxos/react-ui";
+import { baseSurface, descriptionText, mx as mx2 } from "@dxos/react-ui-theme";
+var CollectionMain = ({ collection }) => {
+  const { t } = useTranslation5(SPACE_PLUGIN);
+  return /* @__PURE__ */ React5.createElement("div", {
+    role: "none",
+    className: mx2(baseSurface, "min-bs-screen is-full flex items-center justify-center p-8"),
+    "data-testid": "composer.firstRunMessage"
+  }, /* @__PURE__ */ React5.createElement("p", {
+    role: "alert",
+    className: mx2(descriptionText, "border border-dashed border-neutral-400/50 rounded-lg p-8 font-normal text-lg max-is-[24rem] break-words")
+  }, collection.name ?? t("unnamed collection label")));
+};
+
+// packages/plugins/plugin-space/src/components/CollectionSection.tsx
+import React6 from "react";
+import { useTranslation as useTranslation6 } from "@dxos/react-ui";
+var CollectionSection = ({ collection }) => {
+  const { t } = useTranslation6(SPACE_PLUGIN);
+  return /* @__PURE__ */ React6.createElement("div", {
+    className: "min-bs-[3.5rem] grid grid-rows-subgrid grid-cols-subgrid items-center"
+  }, /* @__PURE__ */ React6.createElement("span", {
+    className: "truncate"
+  }, collection.name ?? t("unnamed collection label")));
+};
+
+// packages/plugins/plugin-space/src/components/DefaultObjectSettings.tsx
+import React7 from "react";
+import { Input as Input2, useTranslation as useTranslation7 } from "@dxos/react-ui";
+var DefaultObjectSettings = ({ object }) => {
+  const { t } = useTranslation7(SPACE_PLUGIN);
+  return /* @__PURE__ */ React7.createElement("div", {
+    role: "form",
+    className: "flex flex-col w-full p-2 gap-1"
+  }, /* @__PURE__ */ React7.createElement(Input2.Root, null, /* @__PURE__ */ React7.createElement(Input2.Label, null, t("name label")), /* @__PURE__ */ React7.createElement(Input2.TextInput, {
+    placeholder: t("name placeholder"),
+    value: object.name ?? "",
+    onChange: (event) => {
+      object.name = event.target.value;
+    }
+  })));
+};
+
+// packages/plugins/plugin-space/src/components/JoinDialog.tsx
+import React8, { useCallback as useCallback4 } from "react";
+import { LayoutAction, NavigationAction as NavigationAction3, useIntentDispatcher as useIntentDispatcher3 } from "@dxos/app-framework";
+import { useGraph } from "@dxos/plugin-graph";
+import { ObservabilityAction } from "@dxos/plugin-observability/meta";
+import { useSpaces as useSpaces2 } from "@dxos/react-client/echo";
+import { Dialog as Dialog3, useTranslation as useTranslation8 } from "@dxos/react-ui";
+import { JoinPanel } from "@dxos/shell/react";
+var JoinDialog = ({ navigableCollections, ...props }) => {
+  const { t } = useTranslation8(SPACE_PLUGIN);
+  const dispatch = useIntentDispatcher3();
+  const spaces = useSpaces2();
+  const { graph } = useGraph();
+  const handleDone = useCallback4(async (result) => {
+    if (result?.spaceKey) {
+      await Promise.all([
+        dispatch({
+          action: LayoutAction.SET_LAYOUT,
+          data: {
+            element: "toast",
+            subject: {
+              id: `${SPACE_PLUGIN}/join-success`,
+              duration: 5e3,
+              title: t("join success label"),
+              closeLabel: t("dismiss label")
+            }
+          }
+        }),
+        dispatch({
+          action: 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: NavigationAction3.OPEN,
+          data: {
+            activeParts: {
+              main: [
+                target
+              ]
+            }
+          }
+        }),
+        dispatch({
+          action: NavigationAction3.EXPOSE,
+          data: {
+            id: target
+          }
+        })
+      ]);
+    }
+    if (space) {
+      await dispatch({
+        action: ObservabilityAction.SEND_EVENT,
+        data: {
+          name: "space.join",
+          properties: {
+            spaceId: space.id
+          }
+        }
+      });
+    }
+  }, [
+    dispatch,
+    spaces
+  ]);
+  return /* @__PURE__ */ React8.createElement(Dialog3.Content, null, /* @__PURE__ */ React8.createElement(JoinPanel, {
+    ...props,
+    exitActionParent: /* @__PURE__ */ React8.createElement(Dialog3.Close, {
+      asChild: true
+    }),
+    doneActionParent: /* @__PURE__ */ React8.createElement(Dialog3.Close, {
+      asChild: true
+    }),
+    onDone: handleDone
+  }));
+};
+
+// packages/plugins/plugin-space/src/components/MenuFooter.tsx
+import { Planet } from "@phosphor-icons/react";
+import React9 from "react";
+import { getSpace as getSpace3 } from "@dxos/client/echo";
+import { useClient as useClient3 } from "@dxos/react-client";
+import { DropdownMenu, toLocalizedString as toLocalizedString2, useTranslation as useTranslation9 } from "@dxos/react-ui";
+var MenuFooter = ({ object }) => {
+  const { t } = useTranslation9(SPACE_PLUGIN);
+  const client = useClient3();
+  const space = getSpace3(object);
+  const spaceName = space ? getSpaceDisplayName(space, {
     personal: client.spaces.default === space
   }) : "";
-  return space ? /* @__PURE__ */ React6.createElement(React6.Fragment, null, /* @__PURE__ */ React6.createElement(DropdownMenu.Separator, null), /* @__PURE__ */ React6.createElement(DropdownMenu.GroupLabel, null, t("menu footer label")), /* @__PURE__ */ React6.createElement("dl", {
+  return space ? /* @__PURE__ */ React9.createElement(React9.Fragment, null, /* @__PURE__ */ React9.createElement(DropdownMenu.Separator, null), /* @__PURE__ */ React9.createElement(DropdownMenu.GroupLabel, null, t("menu footer label")), /* @__PURE__ */ React9.createElement("dl", {
     className: "pis-2 mbe-2 text-xs grid grid-cols-[max-content_1fr] gap-2"
-  }, /* @__PURE__ */ React6.createElement("dt", {
+  }, /* @__PURE__ */ React9.createElement("dt", {
     className: "uppercase text-[.75em] tracking-wide font-medium mbs-px self-start"
-  }, t("location label")), /* @__PURE__ */ React6.createElement("dd", {
+  }, t("location label")), /* @__PURE__ */ React9.createElement("dd", {
     className: "line-clamp-3"
-  }, /* @__PURE__ */ React6.createElement(Planet, {
+  }, /* @__PURE__ */ React9.createElement(Planet, {
     className: "inline-block mie-1"
-  }), toLocalizedString(spaceName, t)))) : null;
+  }), toLocalizedString2(spaceName, t)))) : null;
 };
 
 // packages/plugins/plugin-space/src/components/PersistenceStatus.tsx
 import { ArrowsCounterClockwise, CheckCircle as CheckCircle2, Warning } from "@phosphor-icons/react";
-import React7, { useEffect as useEffect2, useState as useState2 } from "react";
+import React10, { useEffect as useEffect2, useState as useState3 } from "react";
 import { debounce } from "@dxos/async";
-import { Tooltip, useTranslation as useTranslation7 } from "@dxos/react-ui";
+import { Tooltip, useTranslation as useTranslation10 } from "@dxos/react-ui";
 import { getSize as getSize2, mx as mx3, staticPlaceholderText, warningText } from "@dxos/react-ui-theme";
 var Status;
 (function(Status2) {
@@ -893,10 +1096,10 @@ var Status;
   Status2[Status2["ERROR"] = 2] = "ERROR";
 })(Status || (Status = {}));
 var PersistenceStatus = ({ db }) => {
-  const { t } = useTranslation7(SPACE_PLUGIN);
-  const [displayMessage, setDisplayMessage] = useState2(false);
-  const [status, naturalSetStatus] = useState2(0);
-  const [prevStatus, setPrevStatus] = useState2(0);
+  const { t } = useTranslation10(SPACE_PLUGIN);
+  const [displayMessage, setDisplayMessage] = useState3(false);
+  const [status, naturalSetStatus] = useState3(0);
+  const [prevStatus, setPrevStatus] = useState3(0);
   const _setStatus = debounce(naturalSetStatus, 500);
   useEffect2(() => {
     setPrevStatus(status);
@@ -910,49 +1113,49 @@ var PersistenceStatus = ({ db }) => {
   ]);
   switch (status) {
     case 2:
-      return /* @__PURE__ */ React7.createElement("div", {
+      return /* @__PURE__ */ React10.createElement("div", {
         className: "flex items-center"
-      }, /* @__PURE__ */ React7.createElement(Warning, {
+      }, /* @__PURE__ */ React10.createElement(Warning, {
         className: mx3(getSize2(4), "me-1")
-      }), /* @__PURE__ */ React7.createElement("span", {
+      }), /* @__PURE__ */ React10.createElement("span", {
         className: mx3("text-sm", warningText)
       }, t("persistence error label")));
     case 1:
-      return /* @__PURE__ */ React7.createElement("div", {
+      return /* @__PURE__ */ React10.createElement("div", {
         className: "flex items-center"
-      }, /* @__PURE__ */ React7.createElement(ArrowsCounterClockwise, {
+      }, /* @__PURE__ */ React10.createElement(ArrowsCounterClockwise, {
         className: mx3(getSize2(4), "me-1")
-      }), /* @__PURE__ */ React7.createElement("span", {
+      }), /* @__PURE__ */ React10.createElement("span", {
         className: mx3("text-sm", staticPlaceholderText)
       }, t("persistence pending label")));
     case 0:
     default:
-      return /* @__PURE__ */ React7.createElement(Tooltip.Root, {
+      return /* @__PURE__ */ React10.createElement(Tooltip.Root, {
         delayDuration: 400
-      }, /* @__PURE__ */ React7.createElement(Tooltip.Trigger, {
+      }, /* @__PURE__ */ React10.createElement(Tooltip.Trigger, {
         role: "status",
         className: "flex items-center"
-      }, /* @__PURE__ */ React7.createElement(CheckCircle2, {
+      }, /* @__PURE__ */ React10.createElement(CheckCircle2, {
         className: mx3(getSize2(4), "me-1")
-      }), displayMessage && /* @__PURE__ */ React7.createElement("span", {
+      }), displayMessage && /* @__PURE__ */ React10.createElement("span", {
         className: mx3("text-sm", staticPlaceholderText)
-      }, t("persisted locally label"))), /* @__PURE__ */ React7.createElement(Tooltip.Portal, null, /* @__PURE__ */ React7.createElement(Tooltip.Content, {
+      }, t("persisted locally label"))), /* @__PURE__ */ React10.createElement(Tooltip.Portal, null, /* @__PURE__ */ React10.createElement(Tooltip.Content, {
         classNames: "z-10"
-      }, t("persisted locally message"), /* @__PURE__ */ React7.createElement(Tooltip.Arrow, null))));
+      }, t("persisted locally message"), /* @__PURE__ */ React10.createElement(Tooltip.Arrow, null))));
   }
 };
 
 // packages/plugins/plugin-space/src/components/PopoverRenameObject.tsx
-import React8, { useCallback as useCallback2, useRef, useState as useState3 } from "react";
+import React11, { useCallback as useCallback5, useRef as useRef3, useState as useState4 } from "react";
 import { log } from "@dxos/log";
-import { Button as Button2, Input as Input2, Popover, useTranslation as useTranslation8 } from "@dxos/react-ui";
+import { Button as Button4, Input as Input3, Popover, useTranslation as useTranslation11 } from "@dxos/react-ui";
 var __dxlog_file2 = "/home/runner/work/dxos/dxos/packages/plugins/plugin-space/src/components/PopoverRenameObject.tsx";
 var PopoverRenameObject = ({ object: obj }) => {
-  const { t } = useTranslation8(SPACE_PLUGIN);
-  const doneButton = useRef(null);
+  const { t } = useTranslation11(SPACE_PLUGIN);
+  const doneButton = useRef3(null);
   const object = obj;
-  const [name, setName] = useState3(object.name || object.title || "");
-  const handleDone = useCallback2(() => {
+  const [name, setName] = useState4(object.name || object.title || "");
+  const handleDone = useCallback5(() => {
     try {
       object.name = name;
     } catch {
@@ -973,23 +1176,23 @@ var PopoverRenameObject = ({ object: obj }) => {
     object,
     name
   ]);
-  return /* @__PURE__ */ React8.createElement("div", {
+  return /* @__PURE__ */ React11.createElement("div", {
     role: "none",
     className: "p-1 flex gap-2"
-  }, /* @__PURE__ */ React8.createElement("div", {
+  }, /* @__PURE__ */ React11.createElement("div", {
     role: "none",
     className: "flex-1"
-  }, /* @__PURE__ */ React8.createElement(Input2.Root, null, /* @__PURE__ */ React8.createElement(Input2.Label, {
+  }, /* @__PURE__ */ React11.createElement(Input3.Root, null, /* @__PURE__ */ React11.createElement(Input3.Label, {
     srOnly: true
-  }, t("object name label")), /* @__PURE__ */ React8.createElement(Input2.TextInput, {
+  }, t("object name label")), /* @__PURE__ */ React11.createElement(Input3.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__ */ React8.createElement(Popover.Close, {
+  }))), /* @__PURE__ */ React11.createElement(Popover.Close, {
     asChild: true
-  }, /* @__PURE__ */ React8.createElement(Button2, {
+  }, /* @__PURE__ */ React11.createElement(Button4, {
     ref: doneButton,
     classNames: "self-stretch",
     onClick: handleDone
@@ -999,36 +1202,36 @@ var PopoverRenameObject = ({ object: obj }) => {
 };
 
 // packages/plugins/plugin-space/src/components/PopoverRenameSpace.tsx
-import React9, { useCallback as useCallback3, useRef as useRef2, useState as useState4 } from "react";
-import { Button as Button3, Input as Input3, Popover as Popover2, useTranslation as useTranslation9 } from "@dxos/react-ui";
+import React12, { useCallback as useCallback6, useRef as useRef4, useState as useState5 } from "react";
+import { Button as Button5, Input as Input4, Popover as Popover2, useTranslation as useTranslation12 } from "@dxos/react-ui";
 var PopoverRenameSpace = ({ space }) => {
-  const { t } = useTranslation9(SPACE_PLUGIN);
-  const doneButton = useRef2(null);
-  const [name, setName] = useState4(space.properties.name ?? "");
-  const handleDone = useCallback3(() => {
+  const { t } = useTranslation12(SPACE_PLUGIN);
+  const doneButton = useRef4(null);
+  const [name, setName] = useState5(space.properties.name ?? "");
+  const handleDone = useCallback6(() => {
     space.properties.name = name;
   }, [
     space,
     name
   ]);
-  return /* @__PURE__ */ React9.createElement("div", {
+  return /* @__PURE__ */ React12.createElement("div", {
     role: "none",
     className: "p-1 flex gap-2"
-  }, /* @__PURE__ */ React9.createElement("div", {
+  }, /* @__PURE__ */ React12.createElement("div", {
     role: "none",
     className: "flex-1"
-  }, /* @__PURE__ */ React9.createElement(Input3.Root, null, /* @__PURE__ */ React9.createElement(Input3.Label, {
+  }, /* @__PURE__ */ React12.createElement(Input4.Root, null, /* @__PURE__ */ React12.createElement(Input4.Label, {
     srOnly: true
-  }, t("space name label")), /* @__PURE__ */ React9.createElement(Input3.TextInput, {
+  }, t("space name label")), /* @__PURE__ */ React12.createElement(Input4.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__ */ React9.createElement(Popover2.Close, {
+  }))), /* @__PURE__ */ React12.createElement(Popover2.Close, {
     asChild: true
-  }, /* @__PURE__ */ React9.createElement(Button3, {
+  }, /* @__PURE__ */ React12.createElement(Button5, {
     ref: doneButton,
     classNames: "self-stretch",
     onClick: handleDone
@@ -1038,12 +1241,12 @@ var PopoverRenameSpace = ({ space }) => {
 };
 
 // packages/plugins/plugin-space/src/components/ShareSpaceButton.tsx
-import React10 from "react";
-import { useIntentDispatcher as useIntentDispatcher2 } from "@dxos/app-framework";
-import { IconButton, useTranslation as useTranslation10 } from "@dxos/react-ui";
+import React13 from "react";
+import { useIntentDispatcher as useIntentDispatcher4 } from "@dxos/app-framework";
+import { IconButton as IconButton2, useTranslation as useTranslation13 } from "@dxos/react-ui";
 var ShareSpaceButton = ({ space }) => {
-  const dispatch = useIntentDispatcher2();
-  return /* @__PURE__ */ React10.createElement(ShareSpaceButtonImpl, {
+  const dispatch = useIntentDispatcher4();
+  return /* @__PURE__ */ React13.createElement(ShareSpaceButtonImpl, {
     onClick: () => dispatch({
       action: SpaceAction.SHARE,
       data: {
@@ -1053,8 +1256,8 @@ var ShareSpaceButton = ({ space }) => {
   });
 };
 var ShareSpaceButtonImpl = ({ onClick }) => {
-  const { t } = useTranslation10(SPACE_PLUGIN);
-  return /* @__PURE__ */ React10.createElement(IconButton, {
+  const { t } = useTranslation13(SPACE_PLUGIN);
+  return /* @__PURE__ */ React13.createElement(IconButton2, {
     "data-testid": "spacePlugin.shareSpaceButton",
     icon: "ph--users--regular",
     label: t("share space label"),
@@ -1063,13 +1266,13 @@ var ShareSpaceButtonImpl = ({ onClick }) => {
 };
 
 // packages/plugins/plugin-space/src/components/SpacePresence.tsx
-import React11, { useCallback as useCallback4, useEffect as useEffect3, useState as useState5 } from "react";
+import React14, { useCallback as useCallback7, useEffect as useEffect3, useState as useState6 } from "react";
 import { usePlugin } from "@dxos/app-framework";
 import { generateName } from "@dxos/display-name";
-import { PublicKey, useClient as useClient3 } from "@dxos/react-client";
-import { getSpace as getSpace3, useMembers, fullyQualifiedId as fullyQualifiedId3 } from "@dxos/react-client/echo";
+import { PublicKey, useClient as useClient4 } from "@dxos/react-client";
+import { getSpace as getSpace4, useMembers, fullyQualifiedId as fullyQualifiedId3 } from "@dxos/react-client/echo";
 import { useIdentity } from "@dxos/react-client/halo";
-import { Avatar, AvatarGroup, AvatarGroupItem, Tooltip as Tooltip2, useTranslation as useTranslation11, List, ListItem, useDefaultValue } from "@dxos/react-ui";
+import { Avatar, AvatarGroup, AvatarGroupItem, Tooltip as Tooltip2, useTranslation as useTranslation14, List, ListItem, useDefaultValue } from "@dxos/react-ui";
 import { AttentionGlyph, useAttention } from "@dxos/react-ui-attention";
 import { ComplexMap, keyToFallback } from "@dxos/util";
 var REFRESH_INTERVAL = 5e3;
@@ -1078,17 +1281,17 @@ var noViewers = new ComplexMap(PublicKey.hash);
 var getName = (identity) => identity.profile?.displayName ?? generateName(identity.identityKey.toHex());
 var SpacePresence = ({ object, spaceKey }) => {
   const spacePlugin = usePlugin(SPACE_PLUGIN);
-  const client = useClient3();
+  const client = useClient4();
   const identity = useIdentity();
-  const space = spaceKey ? client.spaces.get(spaceKey) : getSpace3(object);
+  const space = spaceKey ? client.spaces.get(spaceKey) : getSpace4(object);
   const spaceMembers = useMembers(space?.key);
-  const [_moment, setMoment] = useState5(Date.now());
+  const [_moment, setMoment] = useState6(Date.now());
   useEffect3(() => {
     const interval = setInterval(() => setMoment(Date.now()), REFRESH_INTERVAL);
     return () => clearInterval(interval);
   }, []);
-  const memberOnline = useCallback4((member) => member.presence === 1, []);
-  const memberIsNotSelf = useCallback4((member) => !identity?.identityKey.equals(member.identity.identityKey), [
+  const memberOnline = useCallback7((member) => member.presence === 1, []);
+  const memberIsNotSelf = useCallback7((member) => !identity?.identityKey.equals(member.identity.identityKey), [
     identity?.identityKey
   ]);
   if (!identity || !spacePlugin || !space) {
@@ -1106,7 +1309,7 @@ var SpacePresence = ({ object, spaceKey }) => {
       lastSeen
     };
   }).toSorted((a, b) => a.lastSeen - b.lastSeen);
-  return /* @__PURE__ */ React11.createElement(FullPresence, {
+  return /* @__PURE__ */ React14.createElement(FullPresence, {
     members: membersForObject
   });
 };
@@ -1116,38 +1319,38 @@ var FullPresence = (props) => {
   if (members.length === 0) {
     return null;
   }
-  return /* @__PURE__ */ React11.createElement(AvatarGroup.Root, {
+  return /* @__PURE__ */ React14.createElement(AvatarGroup.Root, {
     size,
     classNames: "mbs-2 mie-4",
     "data-testid": "spacePlugin.presence"
-  }, members.slice(0, 3).map((member, i) => /* @__PURE__ */ React11.createElement(Tooltip2.Root, {
+  }, members.slice(0, 3).map((member, i) => /* @__PURE__ */ React14.createElement(Tooltip2.Root, {
     key: member.identity.identityKey.toHex()
-  }, /* @__PURE__ */ React11.createElement(Tooltip2.Trigger, null, /* @__PURE__ */ React11.createElement(PrensenceAvatar, {
+  }, /* @__PURE__ */ React14.createElement(Tooltip2.Trigger, null, /* @__PURE__ */ React14.createElement(PrensenceAvatar, {
     identity: member.identity,
     group: true,
     match: member.currentlyAttended,
     index: members.length - i,
     onClick: () => onMemberClick?.(member)
-  })), /* @__PURE__ */ React11.createElement(Tooltip2.Portal, null, /* @__PURE__ */ React11.createElement(Tooltip2.Content, {
+  })), /* @__PURE__ */ React14.createElement(Tooltip2.Portal, null, /* @__PURE__ */ React14.createElement(Tooltip2.Content, {
     side: "bottom"
-  }, /* @__PURE__ */ React11.createElement("span", null, getName(member.identity)), /* @__PURE__ */ React11.createElement(Tooltip2.Arrow, null))))), members.length > 3 && /* @__PURE__ */ React11.createElement(Tooltip2.Root, null, /* @__PURE__ */ React11.createElement(Tooltip2.Trigger, null, /* @__PURE__ */ React11.createElement(AvatarGroupItem.Root, {
+  }, /* @__PURE__ */ React14.createElement("span", null, getName(member.identity)), /* @__PURE__ */ React14.createElement(Tooltip2.Arrow, null))))), members.length > 3 && /* @__PURE__ */ React14.createElement(Tooltip2.Root, null, /* @__PURE__ */ React14.createElement(Tooltip2.Trigger, null, /* @__PURE__ */ React14.createElement(AvatarGroupItem.Root, {
     status: "inactive"
-  }, /* @__PURE__ */ React11.createElement(Avatar.Frame, {
+  }, /* @__PURE__ */ React14.createElement(Avatar.Frame, {
     style: {
       zIndex: members.length - 4
     }
-  }, /* @__PURE__ */ React11.createElement(Avatar.Fallback, {
+  }, /* @__PURE__ */ React14.createElement(Avatar.Fallback, {
     text: `+${members.length - 3}`
-  })))), /* @__PURE__ */ React11.createElement(Tooltip2.Portal, null, /* @__PURE__ */ React11.createElement(Tooltip2.Content, {
+  })))), /* @__PURE__ */ React14.createElement(Tooltip2.Portal, null, /* @__PURE__ */ React14.createElement(Tooltip2.Content, {
     side: "bottom"
-  }, /* @__PURE__ */ React11.createElement(Tooltip2.Arrow, null), /* @__PURE__ */ React11.createElement(List, {
+  }, /* @__PURE__ */ React14.createElement(Tooltip2.Arrow, null), /* @__PURE__ */ React14.createElement(List, {
     classNames: "max-h-56 overflow-y-auto"
-  }, members.map((member) => /* @__PURE__ */ React11.createElement(ListItem.Root, {
+  }, members.map((member) => /* @__PURE__ */ React14.createElement(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__ */ React11.createElement(PrensenceAvatar, {
+  }, /* @__PURE__ */ React14.createElement(PrensenceAvatar, {
     identity: member.identity,
     showName: true,
     match: member.currentlyAttended
@@ -1157,10 +1360,10 @@ var PrensenceAvatar = ({ identity, showName, match, group, index, onClick }) =>
   const Root = group ? AvatarGroupItem.Root : Avatar.Root;
   const status = match ? "current" : "active";
   const fallbackValue = keyToFallback(identity.identityKey);
-  return /* @__PURE__ */ React11.createElement(Root, {
+  return /* @__PURE__ */ React14.createElement(Root, {
     status,
     hue: identity.profile?.data?.hue || fallbackValue.hue
-  }, /* @__PURE__ */ React11.createElement(Avatar.Frame, {
+  }, /* @__PURE__ */ React14.createElement(Avatar.Frame, {
     "data-testid": "spacePlugin.presence.member",
     "data-status": status,
     ...index ? {
@@ -1169,9 +1372,9 @@ var PrensenceAvatar = ({ identity, showName, match, group, index, onClick }) =>
       }
     } : {},
     onClick: () => onClick?.()
-  }, /* @__PURE__ */ React11.createElement(Avatar.Fallback, {
+  }, /* @__PURE__ */ React14.createElement(Avatar.Fallback, {
     text: identity.profile?.data?.emoji || fallbackValue.emoji
-  })), showName && /* @__PURE__ */ React11.createElement(Avatar.Label, {
+  })), showName && /* @__PURE__ */ React14.createElement(Avatar.Label, {
     classNames: "text-sm truncate pli-2"
   }, getName(identity)));
 };
@@ -1180,7 +1383,7 @@ var SmallPresenceLive = ({ id, viewers }) => {
     const moment = Date.now();
     return Array.from(viewers2.values()).filter(({ lastSeen }) => moment - lastSeen < ACTIVITY_DURATION);
   };
-  const [activeViewers, setActiveViewers] = useState5(viewers ? getActiveViewers(viewers) : []);
+  const [activeViewers, setActiveViewers] = useState6(viewers ? getActiveViewers(viewers) : []);
   useEffect3(() => {
     if (viewers) {
       setActiveViewers(getActiveViewers(viewers));
@@ -1192,44 +1395,43 @@ var SmallPresenceLive = ({ id, viewers }) => {
   }, [
     viewers
   ]);
-  return /* @__PURE__ */ React11.createElement(SmallPresence, {
+  return /* @__PURE__ */ React14.createElement(SmallPresence, {
     id,
     count: activeViewers.length
   });
 };
 var SmallPresence = ({ id, count }) => {
-  const { t } = useTranslation11(SPACE_PLUGIN);
+  const { t } = useTranslation14(SPACE_PLUGIN);
   const { hasAttention, isAncestor, isRelated } = useAttention(id);
   const attention = hasAttention || isAncestor || isRelated;
-  return /* @__PURE__ */ React11.createElement(Tooltip2.Root, null, /* @__PURE__ */ React11.createElement(Tooltip2.Trigger, {
+  return /* @__PURE__ */ React14.createElement(Tooltip2.Root, null, /* @__PURE__ */ React14.createElement(Tooltip2.Trigger, {
     asChild: true
-  }, /* @__PURE__ */ React11.createElement("div", {
+  }, /* @__PURE__ */ React14.createElement("div", {
     role: "none",
     className: "flex",
     "data-attention": attention
-  }, /* @__PURE__ */ React11.createElement(AttentionGlyph, {
+  }, /* @__PURE__ */ React14.createElement(AttentionGlyph, {
     presence: count > 1 ? "many" : count === 1 ? "one" : "none",
     classNames: "self-center mie-1"
-  }))), /* @__PURE__ */ React11.createElement(Tooltip2.Portal, null, /* @__PURE__ */ React11.createElement(Tooltip2.Content, {
+  }))), /* @__PURE__ */ React14.createElement(Tooltip2.Portal, null, /* @__PURE__ */ React14.createElement(Tooltip2.Content, {
     side: "bottom",
     classNames: "z-[70]"
-  }, /* @__PURE__ */ React11.createElement("span", null, t("presence label", {
+  }, /* @__PURE__ */ React14.createElement("span", null, t("presence label", {
     count
-  })), /* @__PURE__ */ React11.createElement(Tooltip2.Arrow, null))));
+  })), /* @__PURE__ */ React14.createElement(Tooltip2.Arrow, null))));
 };
 
 // packages/plugins/plugin-space/src/components/SpacePluginSettings.tsx
-import React12 from "react";
-import { useIntentDispatcher as useIntentDispatcher3, useResolvePlugins } from "@dxos/app-framework";
-import { Input as Input4, Select, toLocalizedString as toLocalizedString2, useTranslation as useTranslation12 } from "@dxos/react-ui";
+import React15 from "react";
+import { useIntentDispatcher as useIntentDispatcher5 } from "@dxos/app-framework";
+import { Input as Input5, useTranslation as useTranslation15 } from "@dxos/react-ui";
 import { DeprecatedFormInput } from "@dxos/react-ui-form";
 var SpacePluginSettings = ({ settings }) => {
-  const { t } = useTranslation12(SPACE_PLUGIN);
-  const dispatch = useIntentDispatcher3();
-  const plugins = useResolvePlugins(parseSpaceInitPlugin);
-  return /* @__PURE__ */ React12.createElement(React12.Fragment, null, /* @__PURE__ */ React12.createElement(DeprecatedFormInput, {
+  const { t } = useTranslation15(SPACE_PLUGIN);
+  const dispatch = useIntentDispatcher5();
+  return /* @__PURE__ */ React15.createElement(React15.Fragment, null, /* @__PURE__ */ React15.createElement(DeprecatedFormInput, {
     label: t("show hidden spaces label")
-  }, /* @__PURE__ */ React12.createElement(Input4.Switch, {
+  }, /* @__PURE__ */ React15.createElement(Input5.Switch, {
     checked: settings.showHidden,
     onCheckedChange: (checked) => dispatch({
       plugin: SPACE_PLUGIN,
@@ -1238,49 +1440,35 @@ var SpacePluginSettings = ({ settings }) => {
         state: !!checked
       }
     })
-  })), /* @__PURE__ */ React12.createElement(DeprecatedFormInput, {
-    label: t("default on space create label")
-  }, /* @__PURE__ */ React12.createElement(Select.Root, {
-    value: settings.onSpaceCreate,
-    onValueChange: (value) => {
-      settings.onSpaceCreate = value;
-    }
-  }, /* @__PURE__ */ React12.createElement(Select.TriggerButton, null), /* @__PURE__ */ React12.createElement(Select.Portal, null, /* @__PURE__ */ React12.createElement(Select.Content, null, /* @__PURE__ */ React12.createElement(Select.Viewport, null, plugins.map(({ provides: { space: { onSpaceCreate } } }) => /* @__PURE__ */ React12.createElement(Select.Option, {
-    key: onSpaceCreate.action,
-    value: onSpaceCreate.action
-  }, toLocalizedString2(onSpaceCreate.label, t)))))))));
+  })));
 };
 
 // packages/plugins/plugin-space/src/components/SpaceSettings/SpaceSettingsDialog.tsx
-import React14, { useState as useState7 } from "react";
-import { useClient as useClient5 } from "@dxos/react-client";
-import { Button as Button4, Dialog as Dialog2, Icon, toLocalizedString as toLocalizedString3, useTranslation as useTranslation14 } from "@dxos/react-ui";
+import React17, { useState as useState8 } from "react";
+import { useClient as useClient6 } from "@dxos/react-client";
+import { Button as Button6, Clipboard, Dialog as Dialog4, Icon as Icon4, toLocalizedString as toLocalizedString3, useTranslation as useTranslation17 } from "@dxos/react-ui";
 import { Tabs } from "@dxos/react-ui-tabs";
-import { ClipboardProvider, SpacePanel } from "@dxos/shell/react";
+import { SpacePanel } from "@dxos/shell/react";
 
 // packages/plugins/plugin-space/src/components/SpaceSettings/SpaceSettingsPanel.tsx
-import React13, { useCallback as useCallback5, useState as useState6 } from "react";
+import React16, { useCallback as useCallback8, useState as useState7 } from "react";
 import { log as log2 } from "@dxos/log";
 import { EdgeReplicationSetting } from "@dxos/protocols/proto/dxos/echo/metadata";
-import { useClient as useClient4 } from "@dxos/react-client";
-import { DeviceType, useDevices } from "@dxos/react-client/halo";
-import { Input as Input5, useTranslation as useTranslation13 } from "@dxos/react-ui";
+import { useClient as useClient5 } from "@dxos/react-client";
+import { Input as Input6, useTranslation as useTranslation16 } from "@dxos/react-ui";
 import { DeprecatedFormInput as DeprecatedFormInput2 } from "@dxos/react-ui-form";
 var __dxlog_file3 = "/home/runner/work/dxos/dxos/packages/plugins/plugin-space/src/components/SpaceSettings/SpaceSettingsPanel.tsx";
 var SpaceSettingsPanel = ({ space }) => {
-  const { t } = useTranslation13(SPACE_PLUGIN);
-  const client = useClient4();
-  const devices = useDevices();
-  const managedDeviceAvailable = devices.find((device) => device.profile?.type === DeviceType.AGENT_MANAGED);
-  const edgeAgents = Boolean(client.config.values.runtime?.client?.edgeFeatures?.agents);
-  const edgeReplicationAvailable = edgeAgents && managedDeviceAvailable;
-  const [edgeReplication, setEdgeReplication] = useState6(space.internal.data.edgeReplication === EdgeReplicationSetting.ENABLED);
-  const toggleEdgeReplication = useCallback5(async (next) => {
+  const { t } = useTranslation16(SPACE_PLUGIN);
+  const client = useClient5();
+  const edgeEnabled = Boolean(client.config.values.runtime?.client?.edgeFeatures?.echoReplicator);
+  const [edgeReplication, setEdgeReplication] = useState7(space.internal.data.edgeReplication === EdgeReplicationSetting.ENABLED);
+  const toggleEdgeReplication = useCallback8(async (next) => {
     setEdgeReplication(next);
     await space?.internal.setEdgeReplicationPreference(next ? EdgeReplicationSetting.ENABLED : EdgeReplicationSetting.DISABLED).catch((err) => {
       log2.catch(err, void 0, {
         F: __dxlog_file3,
-        L: 39,
+        L: 35,
         S: void 0,
         C: (f, a) => f(...a)
       });
@@ -1289,116 +1477,247 @@ var SpaceSettingsPanel = ({ space }) => {
   }, [
     space
   ]);
-  return /* @__PURE__ */ React13.createElement("div", {
+  return /* @__PURE__ */ React16.createElement("div", {
     role: "form",
     className: "flex flex-col"
-  }, /* @__PURE__ */ React13.createElement(DeprecatedFormInput2, {
+  }, /* @__PURE__ */ React16.createElement(DeprecatedFormInput2, {
     label: t("name label")
-  }, /* @__PURE__ */ React13.createElement(Input5.TextInput, {
+  }, /* @__PURE__ */ React16.createElement(Input6.TextInput, {
     placeholder: t("unnamed space label"),
     value: space.properties.name ?? "",
     onChange: (event) => {
       space.properties.name = event.target.value;
     }
-  })), edgeReplicationAvailable && /* @__PURE__ */ React13.createElement(DeprecatedFormInput2, {
+  })), edgeEnabled && /* @__PURE__ */ React16.createElement(DeprecatedFormInput2, {
     label: t("edge replication label")
-  }, /* @__PURE__ */ React13.createElement(Input5.Switch, {
+  }, /* @__PURE__ */ React16.createElement(Input6.Switch, {
     checked: edgeReplication,
     onCheckedChange: toggleEdgeReplication
   })));
 };
 
-// packages/plugins/plugin-space/src/components/SpaceSettings/SpaceSettingsDialog.tsx
-var SpaceSettingsDialog = ({ space, target, createInvitationUrl, initialTab = "members", namesCache }) => {
-  const { t } = useTranslation14(SPACE_PLUGIN);
-  const client = useClient5();
-  const [tabsActivePart, setTabsActivePart] = useState7("list");
-  const [selected, setSelected] = useState7(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__ */ React14.createElement(Dialog2.Content, {
-      classNames: "p-0 bs-content min-bs-[15rem] max-bs-full md:max-is-[40rem] overflow-hidden"
-    }, /* @__PURE__ */ React14.createElement("div", {
-      role: "none",
-      className: "flex justify-between pbs-3 pis-2 pie-3 @md:pbs-4 @md:pis-4 @md:pie-5"
-    }, /* @__PURE__ */ React14.createElement(Dialog2.Title, {
-      onClick: () => setTabsActivePart("list"),
-      "aria-description": t("click to return to tablist description"),
-      classNames: "flex cursor-pointer items-center group/title"
-    }, /* @__PURE__ */ React14.createElement(Icon, {
-      icon: "ph--caret-left--regular",
-      size: 4,
-      classNames: [
-        "@md:hidden",
-        tabsActivePart === "list" && "invisible"
-      ]
-    }), /* @__PURE__ */ React14.createElement("span", {
-      className: tabsActivePart !== "list" ? "group-hover/title:underline @md:group-hover/title:no-underline underline-offset-4 decoration-1" : ""
-    }, toLocalizedString3(name, t))), /* @__PURE__ */ React14.createElement(Dialog2.Close, {
-      asChild: true
-    }, /* @__PURE__ */ React14.createElement(Button4, {
-      density: "fine",
-      variant: "ghost",
-      autoFocus: true
-    }, /* @__PURE__ */ React14.createElement(Icon, {
-      icon: "ph--x--regular",
-      size: 3
-    })))), /* @__PURE__ */ React14.createElement(Tabs.Root, {
-      orientation: "vertical",
-      value: selected,
-      onValueChange: setSelected,
-      activePart: tabsActivePart,
-      onActivePartChange: setTabsActivePart,
-      classNames: "flex flex-col flex-1 mbs-2"
-    }, /* @__PURE__ */ React14.createElement(Tabs.Viewport, {
-      classNames: "flex-1 min-bs-0"
-    }, /* @__PURE__ */ React14.createElement("div", {
-      role: "none",
-      className: "overflow-y-auto pli-3 @md:pis-2 @md:pie-0 mbe-4 border-r border-separator"
-    }, /* @__PURE__ */ React14.createElement(Tabs.Tablist, {
-      classNames: "flex flex-col max-bs-none min-is-[200px] gap-4 overflow-y-auto"
-    }, /* @__PURE__ */ React14.createElement("div", {
-      role: "none",
-      className: "flex flex-col ml-1"
-    }, /* @__PURE__ */ React14.createElement(Tabs.Tab, {
-      value: "settings"
-    }, t("settings tab label")), /* @__PURE__ */ React14.createElement(Tabs.Tab, {
-      value: "members",
-      disabled: locked
-    }, t("members tab label"))))), /* @__PURE__ */ React14.createElement(Tabs.Tabpanel, {
-      value: "settings",
-      classNames: "pli-3 @md:pli-5 max-bs-dvh overflow-y-auto"
-    }, /* @__PURE__ */ React14.createElement(SpaceSettingsPanel, {
-      space
-    })), /* @__PURE__ */ React14.createElement(Tabs.Tabpanel, {
-      value: "members",
-      classNames: "pli-3 @md:pli-5 max-bs-dvh overflow-y-auto"
-    }, /* @__PURE__ */ React14.createElement(ClipboardProvider, null, /* @__PURE__ */ React14.createElement(SpacePanel, {
-      space,
-      hideHeading: true,
-      target,
-      createInvitationUrl
-    }))))))
-  );
+// packages/plugins/plugin-space/src/components/SpaceSettings/SpaceSettingsDialog.tsx
+var SpaceSettingsDialog = ({ space, target, createInvitationUrl, initialTab = "members", namesCache }) => {
+  const { t } = useTranslation17(SPACE_PLUGIN);
+  const client = useClient6();
+  const [tabsActivePart, setTabsActivePart] = useState8("list");
+  const [selected, setSelected] = useState8(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__ */ React17.createElement(Dialog4.Content, {
+      classNames: "p-0 bs-content min-bs-[15rem] max-bs-full md:max-is-[40rem] overflow-hidden"
+    }, /* @__PURE__ */ React17.createElement("div", {
+      role: "none",
+      className: "flex justify-between pbs-3 pis-2 pie-3 @md:pbs-4 @md:pis-4 @md:pie-5"
+    }, /* @__PURE__ */ React17.createElement(Dialog4.Title, {
+      onClick: () => setTabsActivePart("list"),
+      "aria-description": t("click to return to tablist description"),
+      classNames: "flex cursor-pointer items-center group/title"
+    }, /* @__PURE__ */ React17.createElement(Icon4, {
+      icon: "ph--caret-left--regular",
+      size: 4,
+      classNames: [
+        "@md:hidden",
+        tabsActivePart === "list" && "invisible"
+      ]
+    }), /* @__PURE__ */ React17.createElement("span", {
+      className: tabsActivePart !== "list" ? "group-hover/title:underline @md:group-hover/title:no-underline underline-offset-4 decoration-1" : ""
+    }, toLocalizedString3(name, t))), /* @__PURE__ */ React17.createElement(Dialog4.Close, {
+      asChild: true
+    }, /* @__PURE__ */ React17.createElement(Button6, {
+      density: "fine",
+      variant: "ghost",
+      autoFocus: true
+    }, /* @__PURE__ */ React17.createElement(Icon4, {
+      icon: "ph--x--regular",
+      size: 4
+    })))), /* @__PURE__ */ React17.createElement(Tabs.Root, {
+      orientation: "vertical",
+      value: selected,
+      onValueChange: setSelected,
+      activePart: tabsActivePart,
+      onActivePartChange: setTabsActivePart,
+      classNames: "flex flex-col flex-1 mbs-2"
+    }, /* @__PURE__ */ React17.createElement(Tabs.Viewport, {
+      classNames: "flex-1 min-bs-0"
+    }, /* @__PURE__ */ React17.createElement("div", {
+      role: "none",
+      className: "overflow-y-auto pli-3 @md:pis-2 @md:pie-0 mbe-4 border-r border-separator"
+    }, /* @__PURE__ */ React17.createElement(Tabs.Tablist, {
+      classNames: "flex flex-col max-bs-none min-is-[200px] gap-4 overflow-y-auto"
+    }, /* @__PURE__ */ React17.createElement("div", {
+      role: "none",
+      className: "flex flex-col ml-1"
+    }, /* @__PURE__ */ React17.createElement(Tabs.Tab, {
+      value: "settings"
+    }, t("settings tab label")), /* @__PURE__ */ React17.createElement(Tabs.Tab, {
+      value: "members",
+      disabled: locked
+    }, t("members tab label"))))), /* @__PURE__ */ React17.createElement(Tabs.Tabpanel, {
+      value: "settings",
+      classNames: "pli-3 @md:pli-5 max-bs-dvh overflow-y-auto"
+    }, /* @__PURE__ */ React17.createElement(SpaceSettingsPanel, {
+      space
+    })), /* @__PURE__ */ React17.createElement(Tabs.Tabpanel, {
+      value: "members",
+      classNames: "pli-3 @md:pli-5 max-bs-dvh overflow-y-auto"
+    }, /* @__PURE__ */ React17.createElement(Clipboard.Provider, null, /* @__PURE__ */ React17.createElement(SpacePanel, {
+      space,
+      hideHeading: true,
+      target,
+      createInvitationUrl
+    }))))))
+  );
+};
+
+// packages/plugins/plugin-space/src/components/SyncStatus/InlineSyncStatus.tsx
+import React18, { useEffect as useEffect5, useMemo, useState as useState10 } from "react";
+import { QueryEdgeStatusResponse } from "@dxos/protocols/proto/dxos/client/services";
+import { EdgeReplicationSetting as EdgeReplicationSetting2 } from "@dxos/protocols/proto/dxos/echo/metadata";
+import { useClient as useClient8 } from "@dxos/react-client";
+import { Icon as Icon5, useTranslation as useTranslation18 } from "@dxos/react-ui";
+
+// packages/plugins/plugin-space/src/components/SyncStatus/sync-state.ts
+import { useEffect as useEffect4, useState as useState9 } from "react";
+import { Context } from "@dxos/context";
+import { EdgeService } from "@dxos/protocols";
+import { useClient as useClient7 } from "@dxos/react-client";
+var __dxlog_file4 = "/home/runner/work/dxos/dxos/packages/plugins/plugin-space/src/components/SyncStatus/sync-state.ts";
+var createEmptyEdgeSyncState = () => ({
+  missingOnLocal: 0,
+  missingOnRemote: 0,
+  localDocumentCount: 0,
+  remoteDocumentCount: 0,
+  differentDocuments: 0
+});
+var getSyncSummary = (syncMap) => {
+  return Object.entries(syncMap).reduce((summary, [_spaceId, peerState]) => {
+    summary.missingOnLocal += peerState.missingOnLocal;
+    summary.missingOnRemote += peerState.missingOnRemote;
+    summary.localDocumentCount += peerState.localDocumentCount;
+    summary.remoteDocumentCount += peerState.remoteDocumentCount;
+    summary.differentDocuments += peerState.differentDocuments;
+    return summary;
+  }, createEmptyEdgeSyncState());
+};
+var isEdgePeerId = (peerId, spaceId) => peerId.startsWith(`${EdgeService.AUTOMERGE_REPLICATOR}:${spaceId}`);
+var useSyncState = () => {
+  const client = useClient7();
+  const [spaceState, setSpaceState] = useState9({});
+  useEffect4(() => {
+    const ctx = new Context(void 0, {
+      F: __dxlog_file4,
+      L: 48
+    });
+    const createSubscriptions = (spaces) => {
+      for (const space of spaces) {
+        if (spaceState[space.id]) {
+          continue;
+        }
+        ctx.onDispose(space.crud.subscribeToSyncState(ctx, ({ peers = [] }) => {
+          const syncState = peers.find((state) => isEdgePeerId(state.peerId, space.id));
+          if (syncState) {
+            setSpaceState((spaceState2) => ({
+              ...spaceState2,
+              [space.id]: syncState
+            }));
+          }
+        }));
+      }
+    };
+    createSubscriptions(client.spaces.get());
+    client.spaces.subscribe((spaces) => {
+      createSubscriptions(spaces);
+    });
+    return () => {
+      void ctx.dispose();
+    };
+  }, [
+    client
+  ]);
+  return spaceState;
+};
+var useSpaceSyncState = (space) => {
+  const [spaceState, setSpaceState] = useState9();
+  useEffect4(() => {
+    const ctx = new Context(void 0, {
+      F: __dxlog_file4,
+      L: 87
+    });
+    space.crud.subscribeToSyncState(ctx, ({ peers = [] }) => {
+      const syncState = peers.find((state) => isEdgePeerId(state.peerId, space.id));
+      if (syncState) {
+        setSpaceState(syncState);
+      }
+    });
+    return () => {
+      void ctx.dispose();
+    };
+  }, [
+    space
+  ]);
+  return spaceState;
+};
+
+// packages/plugins/plugin-space/src/components/SyncStatus/InlineSyncStatus.tsx
+var useEdgeStatus = () => {
+  const [status, setStatus] = useState10(QueryEdgeStatusResponse.EdgeStatus.NOT_CONNECTED);
+  const client = useClient8();
+  useEffect5(() => {
+    client.services.services.EdgeAgentService?.queryEdgeStatus().subscribe(({ status: status2 }) => {
+      setStatus(status2);
+    });
+  }, [
+    client
+  ]);
+  return status;
+};
+var InlineSyncStatus = ({ space }) => {
+  const connectedToEdge = useEdgeStatus() === QueryEdgeStatusResponse.EdgeStatus.CONNECTED;
+  const edgeSyncEnabled = space.internal.data.edgeReplication === EdgeReplicationSetting2.ENABLED;
+  const syncState = useSpaceSyncState(space);
+  if (!connectedToEdge || !edgeSyncEnabled || !syncState || syncState.missingOnLocal === 0) {
+    return null;
+  }
+  return /* @__PURE__ */ React18.createElement(InlineSyncStatusIndicator, null);
+};
+var InlineSyncStatusIndicator = () => {
+  const { t } = useTranslation18(SPACE_PLUGIN);
+  const animationProps = useMemo(() => ({
+    // Synchronize animations.
+    animationDelay: `-${Date.now() % 2e3}ms`
+  }), []);
+  return /* @__PURE__ */ React18.createElement("div", {
+    role: "status",
+    "aria-label": t("syncing message"),
+    className: "flex items-center"
+  }, /* @__PURE__ */ React18.createElement(Icon5, {
+    icon: "ph--circle-notch--regular",
+    size: 3,
+    style: animationProps,
+    classNames: "text-subdued animate-[spin_2s_linear_infinite]"
+  }));
 };
 
 // packages/plugins/plugin-space/src/components/SyncStatus/SyncStatus.tsx
-import React16, { useEffect as useEffect6, useState as useState10 } from "react";
+import React20, { useCallback as useCallback9, useEffect as useEffect7, useState as useState12 } from "react";
 import { StatusBar } from "@dxos/plugin-status-bar";
-import { useClient as useClient7 } from "@dxos/react-client";
-import { Icon as Icon3, Popover as Popover3, useTranslation as useTranslation15 } from "@dxos/react-ui";
+import { useClient as useClient10 } from "@dxos/react-client";
+import { Icon as Icon7, Input as Input7, Popover as Popover3, useTranslation as useTranslation20 } from "@dxos/react-ui";
 import { SyntaxHighlighter } from "@dxos/react-ui-syntax-highlighter";
 import { mx as mx5 } from "@dxos/react-ui-theme";
 
 // packages/plugins/plugin-space/src/components/SyncStatus/Space.tsx
-import React15, { useEffect as useEffect4, useState as useState8 } from "react";
-import { Icon as Icon2 } from "@dxos/react-ui";
+import React19, { useEffect as useEffect6, useState as useState11 } from "react";
+import { useClient as useClient9 } from "@dxos/react-client";
+import { useSpace } from "@dxos/react-client/echo";
+import { Icon as Icon6, toLocalizedString as toLocalizedString4, useTranslation as useTranslation19 } from "@dxos/react-ui";
 import { mx as mx4 } from "@dxos/react-ui-theme";
 var SYNC_STALLED_TIMEOUT = 5e3;
 var styles = {
@@ -1407,9 +1726,9 @@ var styles = {
   barHover: "dark:hover:bg-green-500"
 };
 var useActive = (count) => {
-  const [current, setCurrent] = useState8(count);
-  const [active, setActive] = useState8(false);
-  useEffect4(() => {
+  const [current, setCurrent] = useState11(count);
+  const [active, setActive] = useState11(false);
+  useEffect6(() => {
     let t;
     if (count !== current) {
       setActive(true);
@@ -1429,20 +1748,38 @@ var useActive = (count) => {
   ]);
   return active;
 };
-var SpaceRow = ({ spaceId, state: { localDocumentCount, remoteDocumentCount, missingOnLocal, missingOnRemote } }) => {
+var SpaceRowContainer = ({ spaceId, state }) => {
+  const { t } = useTranslation19(SPACE_PLUGIN);
+  const client = useClient9();
+  const space = useSpace(spaceId);
+  if (!space) {
+    return null;
+  }
+  const spaceName = toLocalizedString4(getSpaceDisplayName(space, {
+    personal: space === client.spaces.default
+  }), t);
+  return /* @__PURE__ */ React19.createElement(SpaceRow, {
+    spaceId,
+    spaceName,
+    state
+  });
+};
+var SpaceRow = ({ spaceId, spaceName, state: { localDocumentCount, remoteDocumentCount, missingOnLocal, missingOnRemote } }) => {
   const downActive = useActive(localDocumentCount);
   const upActive = useActive(remoteDocumentCount);
-  return /* @__PURE__ */ React15.createElement("div", {
-    className: mx4("flex items-center mx-[2px] gap-[2px] cursor-pointer", styles.barHover),
+  return /* @__PURE__ */ React19.createElement("div", {
+    className: "flex items-center mx-0.5 gap-0.5 cursor-pointer",
     title: spaceId,
     onClick: () => {
       void navigator.clipboard.writeText(spaceId);
     }
-  }, /* @__PURE__ */ React15.createElement(Icon2, {
+  }, /* @__PURE__ */ React19.createElement("span", {
+    className: "is-1/2 truncate"
+  }, spaceName), /* @__PURE__ */ React19.createElement(Icon6, {
     icon: "ph--arrow-fat-line-left--regular",
     size: 3,
     classNames: mx4(downActive && "animate-[pulse_1s_infinite]")
-  }), /* @__PURE__ */ React15.createElement(Candle, {
+  }), /* @__PURE__ */ React19.createElement(Candle, {
     up: {
       count: remoteDocumentCount,
       total: remoteDocumentCount + missingOnRemote
@@ -1452,44 +1789,44 @@ var SpaceRow = ({ spaceId, state: { localDocumentCount, remoteDocumentCount, mis
       total: localDocumentCount + missingOnLocal
     },
     title: spaceId
-  }), /* @__PURE__ */ React15.createElement(Icon2, {
+  }), /* @__PURE__ */ React19.createElement(Icon6, {
     icon: "ph--arrow-fat-line-right--regular",
     size: 3,
     classNames: mx4(upActive && "animate-[pulse_1s_step-start_infinite]")
   }));
 };
 var Candle = ({ classNames, up, down }) => {
-  return /* @__PURE__ */ React15.createElement("div", {
+  return /* @__PURE__ */ React19.createElement("div", {
     className: mx4("grid grid-cols-[1fr_2rem_1fr] w-full h-3", classNames)
-  }, /* @__PURE__ */ React15.createElement(Bar, {
+  }, /* @__PURE__ */ React19.createElement(Bar, {
     classNames: "justify-end",
     ...up
-  }), /* @__PURE__ */ React15.createElement("div", {
+  }), /* @__PURE__ */ React19.createElement("div", {
     className: "relative"
-  }, /* @__PURE__ */ React15.createElement("div", {
+  }, /* @__PURE__ */ React19.createElement("div", {
     className: mx4("absolute inset-0 flex items-center justify-center text-xs", styles.barBg)
-  }, up.total)), /* @__PURE__ */ React15.createElement(Bar, down));
+  }, up.total)), /* @__PURE__ */ React19.createElement(Bar, down));
 };
 var Bar = ({ classNames, count, total }) => {
   let p = count / total * 100;
   if (count < total) {
     p = Math.min(p, 95);
   }
-  return /* @__PURE__ */ React15.createElement("div", {
+  return /* @__PURE__ */ React19.createElement("div", {
     className: mx4("relative flex w-full", styles.barBg, classNames)
-  }, /* @__PURE__ */ React15.createElement("div", {
+  }, /* @__PURE__ */ React19.createElement("div", {
     className: mx4("shrink-0", styles.barFg),
     style: {
       width: `${p}%`
     }
-  }), count !== total && /* @__PURE__ */ React15.createElement("div", {
+  }), count !== total && /* @__PURE__ */ React19.createElement("div", {
     className: "absolute top-0 bottom-0 flex items-center mx-0.5 text-black text-xs"
   }, count));
 };
 
 // packages/plugins/plugin-space/src/components/SyncStatus/save-tracker.ts
-import { Context } from "@dxos/context";
-var __dxlog_file4 = "/home/runner/work/dxos/dxos/packages/plugins/plugin-space/src/components/SyncStatus/save-tracker.ts";
+import { Context as Context2 } from "@dxos/context";
+var __dxlog_file5 = "/home/runner/work/dxos/dxos/packages/plugins/plugin-space/src/components/SyncStatus/save-tracker.ts";
 var createClientSaveTracker = (client, cb) => {
   const unsubscribeCallbacks = {};
   const state = {};
@@ -1516,8 +1853,8 @@ var createClientSaveTracker = (client, cb) => {
   };
 };
 var createSpaceSaveTracker = (space, cb) => {
-  const ctx = new Context(void 0, {
-    F: __dxlog_file4,
+  const ctx = new Context2(void 0, {
+    F: __dxlog_file5,
     L: 40
   });
   void space.waitUntilReady().then(() => {
@@ -1578,84 +1915,23 @@ var getIcon = (status) => {
   }
 };
 
-// packages/plugins/plugin-space/src/components/SyncStatus/sync-state.ts
-import { useEffect as useEffect5, useState as useState9 } from "react";
-import { Context as Context2 } from "@dxos/context";
-import { EdgeService } from "@dxos/protocols";
-import { useClient as useClient6 } from "@dxos/react-client";
-var __dxlog_file5 = "/home/runner/work/dxos/dxos/packages/plugins/plugin-space/src/components/SyncStatus/sync-state.ts";
-var createEmptyEdgeSyncState = () => ({
-  missingOnLocal: 0,
-  missingOnRemote: 0,
-  localDocumentCount: 0,
-  remoteDocumentCount: 0,
-  differentDocuments: 0
-});
-var getSyncSummary = (syncMap) => {
-  return Object.entries(syncMap).reduce((summary, [_spaceId, peerState]) => {
-    summary.missingOnLocal += peerState.missingOnLocal;
-    summary.missingOnRemote += peerState.missingOnRemote;
-    summary.localDocumentCount += peerState.localDocumentCount;
-    summary.remoteDocumentCount += peerState.remoteDocumentCount;
-    summary.differentDocuments += peerState.differentDocuments;
-    return summary;
-  }, createEmptyEdgeSyncState());
-};
-var isEdgePeerId = (peerId, spaceId) => peerId.startsWith(`${EdgeService.AUTOMERGE_REPLICATOR}:${spaceId}`);
-var useSyncState = () => {
-  const client = useClient6();
-  const [spaceState, setSpaceState] = useState9({});
-  useEffect5(() => {
-    const ctx = new Context2(void 0, {
-      F: __dxlog_file5,
-      L: 48
-    });
-    const createSubscriptions = (spaces) => {
-      for (const space of spaces) {
-        if (spaceState[space.id]) {
-          continue;
-        }
-        ctx.onDispose(space.crud.subscribeToSyncState(ctx, ({ peers = [] }) => {
-          const syncState = peers.find((state) => isEdgePeerId(state.peerId, space.id));
-          if (syncState) {
-            setSpaceState((spaceState2) => ({
-              ...spaceState2,
-              [space.id]: syncState
-            }));
-          }
-        }));
-      }
-    };
-    createSubscriptions(client.spaces.get());
-    client.spaces.subscribe((spaces) => {
-      createSubscriptions(spaces);
-    });
-    return () => {
-      void ctx.dispose();
-    };
-  }, [
-    client
-  ]);
-  return spaceState;
-};
-
 // packages/plugins/plugin-space/src/components/SyncStatus/SyncStatus.tsx
 var SyncStatus = () => {
-  const client = useClient7();
+  const client = useClient10();
   const state = useSyncState();
-  const [saved, setSaved] = useState10(true);
-  useEffect6(() => {
+  const [saved, setSaved] = useState12(true);
+  useEffect7(() => {
     return createClientSaveTracker(client, (state2) => {
       setSaved(state2 === "saved");
     });
   }, []);
-  return /* @__PURE__ */ React16.createElement(SyncStatusIndicator, {
+  return /* @__PURE__ */ React20.createElement(SyncStatusIndicator, {
     state,
     saved
   });
 };
 var SyncStatusIndicator = ({ state, saved }) => {
-  const { t } = useTranslation15(SPACE_PLUGIN);
+  const { t } = useTranslation20(SPACE_PLUGIN);
   const summary = getSyncSummary(state);
   const offline = Object.values(state).length === 0;
   const needsToUpload = summary.differentDocuments > 0 || summary.missingOnRemote > 0;
@@ -1666,8 +1942,8 @@ var SyncStatusIndicator = ({ state, saved }) => {
     needsToUpload,
     needsToDownload
   });
-  const [classNames, setClassNames] = useState10();
-  useEffect6(() => {
+  const [classNames, setClassNames] = useState12();
+  useEffect7(() => {
     setClassNames(void 0);
     if (offline || !needsToUpload && !needsToDownload) {
       return;
@@ -1682,23 +1958,23 @@ var SyncStatusIndicator = ({ state, saved }) => {
     needsToDownload
   ]);
   const title = t(`${status} label`);
-  const icon = /* @__PURE__ */ React16.createElement(Icon3, {
+  const icon = /* @__PURE__ */ React20.createElement(Icon7, {
     icon: getIcon(status),
     size: 4,
     classNames
   });
   if (offline) {
-    return /* @__PURE__ */ React16.createElement(StatusBar.Item, {
+    return /* @__PURE__ */ React20.createElement(StatusBar.Item, {
       title
     }, icon);
   } else {
-    return /* @__PURE__ */ React16.createElement(Popover3.Root, null, /* @__PURE__ */ React16.createElement(Popover3.Trigger, {
+    return /* @__PURE__ */ React20.createElement(Popover3.Root, null, /* @__PURE__ */ React20.createElement(Popover3.Trigger, {
       asChild: true
-    }, /* @__PURE__ */ React16.createElement(StatusBar.Button, {
+    }, /* @__PURE__ */ React20.createElement(StatusBar.Button, {
       title
-    }, icon)), /* @__PURE__ */ React16.createElement(Popover3.Portal, null, /* @__PURE__ */ React16.createElement(Popover3.Content, {
+    }, icon)), /* @__PURE__ */ React20.createElement(Popover3.Portal, null, /* @__PURE__ */ React20.createElement(Popover3.Content, {
       sideOffset: 16
-    }, /* @__PURE__ */ React16.createElement(SyncStatusDetail, {
+    }, /* @__PURE__ */ React20.createElement(SyncStatusDetail, {
       state,
       summary,
       debug: false
@@ -1706,17 +1982,36 @@ var SyncStatusIndicator = ({ state, saved }) => {
   }
 };
 var SyncStatusDetail = ({ classNames, state, summary, debug }) => {
-  const { t } = useTranslation15(SPACE_PLUGIN);
-  const entries = Object.entries(state).sort(([a], [b]) => a < b ? -1 : a > b ? 1 : 0);
-  return /* @__PURE__ */ React16.createElement("div", {
-    className: mx5("flex flex-col gap-3 p-2 text-xs min-w-[16rem]", classNames)
-  }, /* @__PURE__ */ React16.createElement("h1", null, t("sync status title")), /* @__PURE__ */ React16.createElement("div", {
+  const [showAll, setShowAll] = useState12(false);
+  const { t } = useTranslation20(SPACE_PLUGIN);
+  const entries = Object.entries(state).filter(([_, value]) => showAll || value.missingOnLocal + value.missingOnRemote > 0).toSorted(([a], [b]) => a < b ? -1 : a > b ? 1 : 0);
+  const handleCheckedChange = useCallback9((state2) => setShowAll(state2), [
+    setShowAll
+  ]);
+  return /* @__PURE__ */ React20.createElement("div", {
+    className: mx5("flex flex-col gap-3 p-2 text-xs min-w-96", classNames)
+  }, /* @__PURE__ */ React20.createElement("div", {
+    role: "none",
+    className: "flex items-center"
+  }, /* @__PURE__ */ React20.createElement("h1", {
+    className: "flex-1"
+  }, t("sync status title")), /* @__PURE__ */ React20.createElement("div", {
+    className: "flex items-center gap-2"
+  }, /* @__PURE__ */ React20.createElement(Input7.Root, null, /* @__PURE__ */ React20.createElement(Input7.Label, {
+    classNames: "text-xs"
+  }, t("show all label")), /* @__PURE__ */ React20.createElement(Input7.Checkbox, {
+    checked: showAll,
+    onCheckedChange: handleCheckedChange
+  })))), /* @__PURE__ */ React20.createElement("div", {
     className: "flex flex-col gap-2"
-  }, entries.map(([spaceId, state2]) => /* @__PURE__ */ React16.createElement(SpaceRow, {
+  }, entries.length === 0 && /* @__PURE__ */ React20.createElement("div", {
+    role: "none",
+    className: "flex justify-center"
+  }, t("no sync status label")), entries.map(([spaceId, state2]) => /* @__PURE__ */ React20.createElement(SpaceRowContainer, {
     key: spaceId,
     spaceId,
     state: state2
-  }))), debug && /* @__PURE__ */ React16.createElement(SyntaxHighlighter, {
+  }))), debug && /* @__PURE__ */ React20.createElement(SyntaxHighlighter, {
     language: "json"
   }, JSON.stringify(summary, null, 2)));
 };
@@ -1725,6 +2020,9 @@ var SyncStatusDetail = ({ classNames, state, summary, debug }) => {
 var translations_default = [
   {
     "en-US": {
+      [CollectionType.typename]: {
+        "typename label": "Collection"
+      },
       [SPACE_PLUGIN]: {
         "plugin name": "Spaces",
         "first run message": "Nothing selected.",
@@ -1818,7 +2116,18 @@ var translations_default = [
         "open settings panel label": "Show Settings",
         "open space settings label": "Space Settings",
         "members tab label": "Members",
-        "settings tab label": "Settings"
+        "settings tab label": "Settings",
+        "syncing message": "Space syncing",
+        "show all label": "Show all",
+        "no sync status label": "No space with missing objects.",
+        "create space dialog title": "Create Space",
+        "create object dialog title": "Create Object",
+        "space input placeholder": "Select space",
+        "schema input placeholder": "Select object type",
+        "creating object type label": "Type",
+        "creating in space label": "In Space",
+        "creating in collection label": "In Collection",
+        "clear input label": "Clear"
       }
     }
   }
@@ -1832,9 +2141,7 @@ var SPACE_MAX_OBJECTS = 500;
 var DIRECTORY_TYPE = "text/directory";
 var parseSpacePlugin = (plugin) => Array.isArray(plugin?.provides.space?.enabled) ? plugin : void 0;
 var SpacePlugin = ({ invitationUrl = window.location.origin, invitationParam = "spaceInvitationCode", firstRun, onFirstRun } = {}) => {
-  const settings = new LocalStorageStore(SPACE_PLUGIN, {
-    onSpaceCreate: "dxos.org/plugin/markdown/action/create"
-  });
+  const settings = new LocalStorageStore(SPACE_PLUGIN, {});
   const state = new LocalStorageStore(SPACE_PLUGIN, {
     awaiting: void 0,
     spaceNames: {},
@@ -1842,17 +2149,20 @@ var SpacePlugin = ({ invitationUrl = window.location.origin, invitationParam = "
     // TODO(wittjosiah): Stop using (Complex)Map inside reactive object.
     viewersByIdentity: new ComplexMap2(PublicKey2.hash),
     sdkMigrationRunning: {},
-    navigableCollections: false
+    navigableCollections: false,
+    enabledEdgeReplication: false
   });
   const subscriptions = new EventSubscriptions();
   const spaceSubscriptions = new EventSubscriptions();
   const graphSubscriptions = /* @__PURE__ */ new Map();
+  const schemas = [];
   let clientPlugin;
   let graphPlugin;
   let intentPlugin;
   let layoutPlugin;
   let navigationPlugin;
   let attentionPlugin;
+  let metadataPlugin;
   const createSpaceInvitationUrl = (invitationCode) => {
     const baseUrl = new URL(invitationUrl);
     baseUrl.searchParams.set(invitationParam, invitationCode);
@@ -1872,11 +2182,11 @@ var SpacePlugin = ({ invitationUrl = window.location.origin, invitationParam = "
     if (typeof defaultSpace.properties[COMPOSER_SPACE_LOCK] !== "boolean") {
       defaultSpace.properties[COMPOSER_SPACE_LOCK] = true;
     }
-    const { objects: [spacesOrder] } = await defaultSpace.db.query(Filter.schema(Expando, {
+    const { objects: [spacesOrder] } = await defaultSpace.db.query(Filter3.schema(Expando, {
       key: SHARED
     })).run();
     if (!spacesOrder) {
-      defaultSpace.db.add(create2({
+      defaultSpace.db.add(create({
         key: SHARED,
         order: []
       }));
@@ -1916,25 +2226,42 @@ var SpacePlugin = ({ invitationUrl = window.location.origin, invitationParam = "
       });
     }).unsubscribe);
     subscriptions.add(scheduledEffect(() => ({
-      ids: openIds(location.active),
-      removed: location.closed ? [
-        location.closed
-      ].flat() : []
-    }), ({ ids, removed }) => {
+      open: openIds(location.active, layout.layoutMode === "solo" ? [
+        "solo"
+      ] : [
+        "main"
+      ]),
+      closed: [
+        ...location.closed
+      ]
+    }), ({ open, closed }) => {
       const send = () => {
         const spaces = client.spaces.get();
         const identity = client.halo.identity.get();
         if (identity && location.active) {
-          const idsBySpace = reduceGroupBy(ids, (id) => {
-            const [spaceId] = id.split(":");
-            return spaceId;
+          const idsBySpace = reduceGroupBy(open, (id) => {
+            try {
+              const [spaceId] = parseFullyQualifiedId(id);
+              return spaceId;
+            } catch {
+              return null;
+            }
+          });
+          const removedBySpace = reduceGroupBy(closed, (id) => {
+            try {
+              const [spaceId] = parseFullyQualifiedId(id);
+              return spaceId;
+            } catch {
+              return null;
+            }
           });
           for (const space of spaces) {
             if (!idsBySpace.has(space.id)) {
               idsBySpace.set(space.id, []);
             }
           }
-          for (const [spaceId, ids2] of idsBySpace) {
+          for (const [spaceId, added] of idsBySpace) {
+            const removed = removedBySpace.get(spaceId) ?? [];
             const space = spaces.find((space2) => space2.id === spaceId);
             if (!space) {
               continue;
@@ -1944,15 +2271,14 @@ var SpacePlugin = ({ invitationUrl = window.location.origin, invitationParam = "
               attended: attention.attended ? [
                 ...attention.attended
               ] : [],
-              added: ids2,
-              // TODO(Zan): When we re-open a part, we should remove it from the removed list in the navigation plugin.
-              removed: removed.filter((id) => !ids2.includes(id))
+              added,
+              removed
             }).catch((err) => {
               log3.warn("Failed to broadcast active node for presence.", {
                 err: err.message
               }, {
                 F: __dxlog_file6,
-                L: 294,
+                L: 320,
                 S: void 0,
                 C: (f, a) => f(...a)
               });
@@ -1970,7 +2296,8 @@ var SpacePlugin = ({ invitationUrl = window.location.origin, invitationParam = "
         spaceSubscriptions.add(space.listen("viewing", (message) => {
           const { added, removed, attended } = message.payload;
           const identityKey = PublicKey2.safeFrom(message.payload.identityKey);
-          if (identityKey && Array.isArray(added) && Array.isArray(removed)) {
+          const currentIdentity = client.halo.identity.get();
+          if (identityKey && !currentIdentity?.identityKey.equals(identityKey) && Array.isArray(added) && Array.isArray(removed)) {
             added.forEach((id) => {
               if (typeof id === "string") {
                 if (!(id in state.values.viewersByObject)) {
@@ -1997,6 +2324,19 @@ var SpacePlugin = ({ invitationUrl = window.location.origin, invitationParam = "
       });
     }).unsubscribe);
   };
+  const setEdgeReplicationDefault = async (client) => {
+    try {
+      await Promise.all(client.spaces.get().map((space) => space.internal.setEdgeReplicationPreference(EdgeReplicationSetting3.ENABLED)));
+      state.values.enabledEdgeReplication = true;
+    } catch (err) {
+      log3.catch(err, void 0, {
+        F: __dxlog_file6,
+        L: 389,
+        S: void 0,
+        C: (f, a) => f(...a)
+      });
+    }
+  };
   return {
     meta: meta_default,
     ready: async (plugins) => {
@@ -2009,12 +2349,16 @@ var SpacePlugin = ({ invitationUrl = window.location.origin, invitationParam = "
       state.prop({
         key: "spaceNames",
         type: LocalStorageStore.json()
+      }).prop({
+        key: "enabledEdgeReplication",
+        type: LocalStorageStore.bool()
       });
       if (findPlugin(plugins, "dxos.org/plugin/stack")) {
         state.values.navigableCollections = true;
       }
       graphPlugin = resolvePlugin(plugins, parseGraphPlugin);
       layoutPlugin = resolvePlugin(plugins, parseLayoutPlugin);
+      metadataPlugin = resolvePlugin(plugins, parseMetadataResolverPlugin);
       navigationPlugin = resolvePlugin(plugins, parseNavigationPlugin2);
       attentionPlugin = resolvePlugin(plugins, parseAttentionPlugin);
       clientPlugin = resolvePlugin(plugins, parseClientPlugin);
@@ -2024,9 +2368,21 @@ var SpacePlugin = ({ invitationUrl = window.location.origin, invitationParam = "
       }
       const client = clientPlugin.provides.client;
       const dispatch = intentPlugin.provides.intent.dispatch;
+      schemas.push(...filterPlugins(plugins, parseSchemaPlugin).map((plugin) => plugin.provides.echo.schema).filter(nonNullable2).reduce((acc, schema) => {
+        return [
+          ...acc,
+          ...schema
+        ];
+      }));
+      client.addTypes(schemas);
+      filterPlugins(plugins, parseSchemaPlugin).forEach((plugin) => {
+        if (plugin.provides.echo.system) {
+          client.addTypes(plugin.provides.echo.system);
+        }
+      });
       const handleFirstRun = async () => {
         const defaultSpace = client.spaces.default;
-        defaultSpace.properties[CollectionType.typename] = create2(CollectionType, {
+        defaultSpace.properties[CollectionType.typename] = create(CollectionType, {
           objects: [],
           views: {}
         });
@@ -2047,6 +2403,7 @@ var SpacePlugin = ({ invitationUrl = window.location.origin, invitationParam = "
             await handleFirstRun();
           }
           await onSpaceReady();
+          await setEdgeReplicationDefault(client);
         }
       }).unsubscribe);
     },
@@ -2078,12 +2435,13 @@ var SpacePlugin = ({ invitationUrl = window.location.origin, invitationParam = "
           }
         ]
       },
-      root: () => state.values.awaiting ? /* @__PURE__ */ React17.createElement(AwaitingObject, {
+      root: () => state.values.awaiting ? /* @__PURE__ */ React21.createElement(AwaitingObject, {
         id: state.values.awaiting
       }) : null,
       metadata: {
         records: {
           [CollectionType.typename]: {
+            createObject: CollectionAction.CREATE,
             placeholder: [
               "unnamed collection label",
               {
@@ -2108,7 +2466,7 @@ var SpacePlugin = ({ invitationUrl = window.location.origin, invitationParam = "
         component: ({ data, role, ...rest }) => {
           switch (role) {
             case "article":
-              return isSpace2(data.object) && data.object.state.get() === SpaceState2.SPACE_READY ? /* @__PURE__ */ React17.createElement(Surface, {
+              return isSpace4(data.object) && data.object.state.get() === SpaceState2.SPACE_READY ? /* @__PURE__ */ React21.createElement(Surface, {
                 data: {
                   object: data.object.properties[CollectionType.typename],
                   id: data.object.id
@@ -2116,89 +2474,100 @@ var SpacePlugin = ({ invitationUrl = window.location.origin, invitationParam = "
                 role,
                 ...rest
               }) : data.object instanceof CollectionType ? {
-                node: /* @__PURE__ */ React17.createElement(CollectionMain, {
+                node: /* @__PURE__ */ React21.createElement(CollectionMain, {
                   collection: data.object
                 }),
                 disposition: "fallback"
               } : null;
+            // TODO(burdon): Add role name syntax to minimal plugin docs.
             case "complementary--settings":
-              return isSpace2(data.subject) ? /* @__PURE__ */ React17.createElement(SpaceSettingsPanel, {
+              return isSpace4(data.subject) ? /* @__PURE__ */ React21.createElement(SpaceSettingsPanel, {
                 space: data.subject
               }) : isEchoObject2(data.subject) ? {
-                node: /* @__PURE__ */ React17.createElement(DefaultObjectSettings, {
+                node: /* @__PURE__ */ React21.createElement(DefaultObjectSettings, {
                   object: data.subject
                 }),
                 disposition: "fallback"
               } : null;
             case "dialog":
               if (data.component === "dxos.org/plugin/space/SpaceSettingsDialog") {
-                return /* @__PURE__ */ React17.createElement(SpaceSettingsDialog, {
+                return /* @__PURE__ */ React21.createElement(SpaceSettingsDialog, {
                   ...data.subject,
                   createInvitationUrl: createSpaceInvitationUrl
                 });
               } else if (data.component === "dxos.org/plugin/space/JoinDialog") {
-                return /* @__PURE__ */ React17.createElement(JoinDialog, data.subject);
+                return /* @__PURE__ */ React21.createElement(JoinDialog, data.subject);
+              } else if (data.component === "dxos.org/plugin/space/CreateSpaceDialog") {
+                return /* @__PURE__ */ React21.createElement(CreateSpaceDialog, null);
+              } else if (data.component === "dxos.org/plugin/space/CreateObjectDialog") {
+                return /* @__PURE__ */ React21.createElement(CreateObjectDialog, {
+                  ...data.subject,
+                  schemas,
+                  navigableCollections: state.values.navigableCollections,
+                  resolve: metadataPlugin?.provides.metadata.resolver
+                });
               }
               return null;
             case "popover": {
-              if (data.component === "dxos.org/plugin/space/RenameSpacePopover" && isSpace2(data.subject)) {
-                return /* @__PURE__ */ React17.createElement(PopoverRenameSpace, {
+              if (data.component === "dxos.org/plugin/space/RenameSpacePopover" && isSpace4(data.subject)) {
+                return /* @__PURE__ */ React21.createElement(PopoverRenameSpace, {
                   space: data.subject
                 });
               }
-              if (data.component === "dxos.org/plugin/space/RenameObjectPopover" && isReactiveObject2(data.subject)) {
-                return /* @__PURE__ */ React17.createElement(PopoverRenameObject, {
+              if (data.component === "dxos.org/plugin/space/RenameObjectPopover" && isReactiveObject3(data.subject)) {
+                return /* @__PURE__ */ React21.createElement(PopoverRenameObject, {
                   object: data.subject
                 });
               }
               return null;
             }
-            // TODO(burdon): Add role name syntax to minimal plugin docs.
-            case "presence--glyph": {
-              return isReactiveObject2(data.object) ? /* @__PURE__ */ React17.createElement(SmallPresenceLive, {
+            case "navtree-item-end": {
+              return isReactiveObject3(data.object) ? /* @__PURE__ */ React21.createElement(SmallPresenceLive, {
                 id: data.id,
                 viewers: state.values.viewersByObject[fullyQualifiedId4(data.object)]
-              }) : /* @__PURE__ */ React17.createElement(SmallPresence, {
-                id: data.id,
-                count: 0
-              });
-            }
-            case "navbar-start": {
-              return null;
+              }) : isSpace4(data.object) ? /* @__PURE__ */ React21.createElement(InlineSyncStatus, {
+                space: data.object
+              }) : (
+                // TODO(wittjosiah): Attention glyph for non-echo items should be handled elsewhere.
+                /* @__PURE__ */ React21.createElement(SmallPresence, {
+                  id: data.id,
+                  count: 0
+                })
+              );
             }
             case "navbar-end": {
-              if (!isEchoObject2(data.object) && !isSpace2(data.object)) {
+              if (!isEchoObject2(data.object) && !isSpace4(data.object)) {
                 return null;
               }
-              const space = isSpace2(data.object) ? data.object : getSpace4(data.object);
-              const object = isSpace2(data.object) ? data.object.state.get() === SpaceState2.SPACE_READY ? space?.properties[CollectionType.typename] : void 0 : data.object;
+              const space = isSpace4(data.object) ? data.object : getSpace5(data.object);
+              const object = isSpace4(data.object) ? data.object.state.get() === SpaceState2.SPACE_READY ? space?.properties[CollectionType.typename] : void 0 : data.object;
               return space && object ? {
-                node: /* @__PURE__ */ React17.createElement(React17.Fragment, null, /* @__PURE__ */ React17.createElement(SpacePresence, {
+                node: /* @__PURE__ */ React21.createElement(React21.Fragment, null, /* @__PURE__ */ React21.createElement(SpacePresence, {
                   object
-                }), space.properties[COMPOSER_SPACE_LOCK] ? null : /* @__PURE__ */ React17.createElement(ShareSpaceButton, {
+                }), space.properties[COMPOSER_SPACE_LOCK] ? null : /* @__PURE__ */ React21.createElement(ShareSpaceButton, {
                   space
                 })),
                 disposition: "hoist"
               } : null;
             }
             case "section":
-              return data.object instanceof CollectionType ? /* @__PURE__ */ React17.createElement(CollectionSection, {
+              return data.object instanceof CollectionType ? /* @__PURE__ */ React21.createElement(CollectionSection, {
                 collection: data.object
               }) : null;
             case "settings":
-              return data.plugin === meta_default.id ? /* @__PURE__ */ React17.createElement(SpacePluginSettings, {
+              return data.plugin === meta_default.id ? /* @__PURE__ */ React21.createElement(SpacePluginSettings, {
                 settings: settings.values
               }) : null;
             case "menu-footer":
               if (isEchoObject2(data.object)) {
-                return /* @__PURE__ */ React17.createElement(MenuFooter, {
+                return /* @__PURE__ */ React21.createElement(MenuFooter, {
                   object: data.object
                 });
               } else {
                 return null;
               }
             case "status": {
-              return /* @__PURE__ */ React17.createElement(SyncStatus, null);
+              return /* @__PURE__ */ React21.createElement(SyncStatus, null);
             }
             default:
               return null;
@@ -2208,72 +2577,60 @@ var SpacePlugin = ({ invitationUrl = window.location.origin, invitationParam = "
       graph: {
         builder: (plugins) => {
           const clientPlugin2 = resolvePlugin(plugins, parseClientPlugin);
-          const metadataPlugin = resolvePlugin(plugins, parseMetadataResolverPlugin);
+          const metadataPlugin2 = resolvePlugin(plugins, parseMetadataResolverPlugin);
           const graphPlugin2 = resolvePlugin(plugins, parseGraphPlugin);
           const client = clientPlugin2?.provides.client;
           const dispatch = intentPlugin?.provides.intent.dispatch;
-          const resolve = metadataPlugin?.provides.metadata.resolver;
+          const resolve = metadataPlugin2?.provides.metadata.resolver;
           const graph = graphPlugin2?.provides.graph;
           if (!client || !dispatch || !resolve || !graph) {
             return [];
           }
+          const spacesNode = {
+            id: SPACES,
+            type: SPACES,
+            cacheable: [
+              "label",
+              "role"
+            ],
+            properties: {
+              label: [
+                "spaces label",
+                {
+                  ns: SPACE_PLUGIN
+                }
+              ],
+              testId: "spacePlugin.spaces",
+              role: "branch",
+              disabled: true,
+              childrenPersistenceClass: "echo",
+              onRearrangeChildren: async (nextOrder) => {
+                graph._sortEdges(SPACES, "outbound", nextOrder.map(({ id }) => id));
+                const { objects: [spacesOrder] } = await client.spaces.default.db.query(Filter3.schema(Expando, {
+                  key: SHARED
+                })).run();
+                if (spacesOrder) {
+                  spacesOrder.order = nextOrder.map(({ id }) => id);
+                } else {
+                  log3.warn("spaces order object not found", void 0, {
+                    F: __dxlog_file6,
+                    L: 649,
+                    S: void 0,
+                    C: (f, a) => f(...a)
+                  });
+                }
+              }
+            }
+          };
           return [
             // Create spaces group node.
             createExtension({
               id: `${SPACE_PLUGIN}/root`,
               filter: (node) => node.id === "root",
-              connector: () => {
-                const isReady = toSignal((onChange) => {
-                  let defaultSpaceUnsubscribe;
-                  client.spaces.isReady.subscribe((ready) => {
-                    if (ready) {
-                      defaultSpaceUnsubscribe = client.spaces.default.state.subscribe(() => onChange()).unsubscribe;
-                    }
-                  });
-                  return () => defaultSpaceUnsubscribe?.();
-                }, () => client.spaces.isReady.get() && client.spaces.default.state.get() === SpaceState2.SPACE_READY);
-                if (!isReady) {
-                  return [];
-                }
-                return [
-                  {
-                    id: SPACES,
-                    type: SPACES,
-                    cacheable: [
-                      "label",
-                      "role"
-                    ],
-                    properties: {
-                      label: [
-                        "spaces label",
-                        {
-                          ns: SPACE_PLUGIN
-                        }
-                      ],
-                      testId: "spacePlugin.spaces",
-                      role: "branch",
-                      disabled: true,
-                      childrenPersistenceClass: "echo",
-                      onRearrangeChildren: async (nextOrder) => {
-                        graph._sortEdges(SPACES, "outbound", nextOrder.map(({ id }) => id));
-                        const { objects: [spacesOrder] } = await client.spaces.default.db.query(Filter.schema(Expando, {
-                          key: SHARED
-                        })).run();
-                        if (spacesOrder) {
-                          spacesOrder.order = nextOrder.map(({ id }) => id);
-                        } else {
-                          log3.warn("spaces order object not found", void 0, {
-                            F: __dxlog_file6,
-                            L: 599,
-                            S: void 0,
-                            C: (f, a) => f(...a)
-                          });
-                        }
-                      }
-                    }
-                  }
-                ];
-              }
+              connector: () => [
+                spacesNode
+              ],
+              resolver: ({ id }) => id === SPACES ? spacesNode : void 0
             }),
             // Create space nodes.
             createExtension({
@@ -2281,11 +2638,11 @@ var SpacePlugin = ({ invitationUrl = window.location.origin, invitationParam = "
               filter: (node) => node.id === SPACES,
               actions: () => [
                 {
-                  id: SpaceAction.CREATE,
+                  id: SpaceAction.OPEN_CREATE_SPACE,
                   data: async () => {
                     await dispatch({
                       plugin: SPACE_PLUGIN,
-                      action: SpaceAction.CREATE
+                      action: SpaceAction.OPEN_CREATE_SPACE
                     });
                   },
                   properties: {
@@ -2296,8 +2653,8 @@ var SpacePlugin = ({ invitationUrl = window.location.origin, invitationParam = "
                       }
                     ],
                     icon: "ph--plus--regular",
-                    disposition: "item",
                     testId: "spacePlugin.createSpace",
+                    disposition: "item",
                     className: "border-t border-separator"
                   }
                 },
@@ -2317,8 +2674,8 @@ var SpacePlugin = ({ invitationUrl = window.location.origin, invitationParam = "
                       }
                     ],
                     icon: "ph--sign-in--regular",
-                    disposition: "item",
-                    testId: "spacePlugin.joinSpace"
+                    testId: "spacePlugin.joinSpace",
+                    disposition: "item"
                   }
                 }
               ],
@@ -2329,7 +2686,7 @@ var SpacePlugin = ({ invitationUrl = window.location.origin, invitationParam = "
                   return;
                 }
                 try {
-                  const [spacesOrder] = memoizeQuery(client.spaces.default, Filter.schema(Expando, {
+                  const [spacesOrder] = memoizeQuery(client.spaces.default, Filter3.schema(Expando, {
                     key: SHARED
                   }));
                   const order = spacesOrder?.order ?? [];
@@ -2376,15 +2733,10 @@ var SpacePlugin = ({ invitationUrl = window.location.origin, invitationParam = "
                 }
               }
             }),
-            // Create space actions and action groups.
+            // Create space actions.
             createExtension({
               id: `${SPACE_PLUGIN}/actions`,
-              filter: (node) => isSpace2(node.data),
-              actionGroups: ({ node }) => constructSpaceActionGroups({
-                space: node.data,
-                dispatch,
-                navigable: state.values.navigableCollections
-              }),
+              filter: (node) => isSpace4(node.data),
               actions: ({ node }) => {
                 const space = node.data;
                 return constructSpaceActions({
@@ -2398,7 +2750,7 @@ var SpacePlugin = ({ invitationUrl = window.location.origin, invitationParam = "
             // Create nodes for objects in the root collection of a space.
             createExtension({
               id: `${SPACE_PLUGIN}/root-collection`,
-              filter: (node) => isSpace2(node.data),
+              filter: (node) => isSpace4(node.data),
               connector: ({ node }) => {
                 const space = node.data;
                 const spaceState = toSignal((onChange) => space.state.subscribe(() => onChange()).unsubscribe, () => space.state.get(), space.id);
@@ -2409,12 +2761,12 @@ var SpacePlugin = ({ invitationUrl = window.location.origin, invitationParam = "
                 if (!collection) {
                   return;
                 }
-                return collection.objects.filter(nonNullable).map((object) => createObjectNode({
+                return collection.objects.filter(nonNullable2).map((object) => createObjectNode({
                   object,
                   space,
                   resolve,
                   navigable: state.values.navigableCollections
-                })).filter(nonNullable);
+                })).filter(nonNullable2);
               }
             }),
             // Create nodes for objects in a collection or by its fully qualified id.
@@ -2423,16 +2775,16 @@ var SpacePlugin = ({ invitationUrl = window.location.origin, invitationParam = "
               filter: (node) => node.data instanceof CollectionType,
               connector: ({ node }) => {
                 const collection = node.data;
-                const space = getSpace4(collection);
+                const space = getSpace5(collection);
                 if (!space) {
                   return;
                 }
-                return collection.objects.filter(nonNullable).map((object) => createObjectNode({
+                return collection.objects.filter(nonNullable2).map((object) => createObjectNode({
                   object,
                   space,
                   resolve,
                   navigable: state.values.navigableCollections
-                })).filter(nonNullable);
+                })).filter(nonNullable2);
               },
               resolver: ({ id }) => {
                 if (id.length !== FQ_ID_LENGTH) {
@@ -2455,7 +2807,14 @@ var SpacePlugin = ({ invitationUrl = window.location.origin, invitationParam = "
                   if (!store.value) {
                     void space.db.query({
                       id: objectId
-                    }).first().then((o) => store.value = o);
+                    }).first().then((o) => store.value = o).catch((err) => log3.catch(err, {
+                      objectId
+                    }, {
+                      F: __dxlog_file6,
+                      L: 872,
+                      S: void 0,
+                      C: (f, a) => f(...a)
+                    }));
                   }
                 }, id);
                 const object = store.value;
@@ -2478,11 +2837,6 @@ var SpacePlugin = ({ invitationUrl = window.location.origin, invitationParam = "
             createExtension({
               id: `${SPACE_PLUGIN}/object-actions`,
               filter: (node) => isEchoObject2(node.data),
-              actionGroups: ({ node }) => constructObjectActionGroups({
-                object: node.data,
-                dispatch,
-                navigable: state.values.navigableCollections
-              }),
               actions: ({ node }) => constructObjectActions({
                 node,
                 dispatch
@@ -2526,15 +2880,9 @@ var SpacePlugin = ({ invitationUrl = window.location.origin, invitationParam = "
                     }
                   };
                 }
-                const object = toSignal((onChange) => {
-                  const timeout = setTimeout(async () => {
-                    await space?.db.query({
-                      id: objectId
-                    }).first();
-                    onChange();
-                  });
-                  return () => clearTimeout(timeout);
-                }, () => space?.db.getObjectById(objectId), subjectId);
+                const [object] = memoizeQuery(space, {
+                  id: objectId
+                });
                 if (!object || !subjectId) {
                   return;
                 }
@@ -2604,7 +2952,7 @@ var SpacePlugin = ({ invitationUrl = window.location.origin, invitationParam = "
                 type: DIRECTORY_TYPE
               }),
               deserialize: async (data, ancestors) => {
-                const space = ancestors.find(isSpace2);
+                const space = ancestors.find(isSpace4);
                 const collection = ancestors.findLast((ancestor) => ancestor instanceof CollectionType) ?? space?.properties[CollectionType.typename];
                 if (!space || !collection) {
                   return;
@@ -2614,7 +2962,7 @@ var SpacePlugin = ({ invitationUrl = window.location.origin, invitationParam = "
                   action: SpaceAction.ADD_OBJECT,
                   data: {
                     target: collection,
-                    object: create2(CollectionType, {
+                    object: create(CollectionType, {
                       name: data.name,
                       objects: [],
                       views: {}
@@ -2638,13 +2986,36 @@ var SpacePlugin = ({ invitationUrl = window.location.origin, invitationParam = "
                 data: true
               };
             }
+            case SpaceAction.OPEN_CREATE_SPACE: {
+              return {
+                data: true,
+                intents: [
+                  [
+                    {
+                      action: LayoutAction2.SET_LAYOUT,
+                      data: {
+                        element: "dialog",
+                        component: "dxos.org/plugin/space/CreateSpaceDialog",
+                        dialogBlockAlign: "start",
+                        subject: intent.data
+                      }
+                    }
+                  ]
+                ]
+              };
+            }
             case SpaceAction.CREATE: {
-              if (!client) {
+              if (!client || !S2.is(SpaceForm)(intent.data)) {
                 return;
               }
-              const space = await client.spaces.create(intent.data);
+              const space = await client.spaces.create({
+                name: intent.data.name
+              });
+              if (intent.data.edgeReplication) {
+                await space.internal.setEdgeReplicationPreference(EdgeReplicationSetting3.ENABLED);
+              }
               await space.waitUntilReady();
-              const collection = create2(CollectionType, {
+              const collection = create(CollectionType, {
                 objects: [],
                 views: {}
               });
@@ -2663,28 +3034,6 @@ var SpacePlugin = ({ invitationUrl = window.location.origin, invitationParam = "
                   }
                 },
                 intents: [
-                  ...settings.values.onSpaceCreate ? [
-                    [
-                      {
-                        action: settings.values.onSpaceCreate,
-                        data: {
-                          space
-                        }
-                      },
-                      {
-                        action: SpaceAction.ADD_OBJECT,
-                        data: {
-                          target: space
-                        }
-                      },
-                      {
-                        action: NavigationAction4.OPEN
-                      },
-                      {
-                        action: NavigationAction4.EXPOSE
-                      }
-                    ]
-                  ] : [],
                   [
                     {
                       action: ObservabilityAction2.SEND_EVENT,
@@ -2721,7 +3070,7 @@ var SpacePlugin = ({ invitationUrl = window.location.origin, invitationParam = "
             }
             case SpaceAction.SHARE: {
               const space = intent.data?.space;
-              if (isSpace2(space) && !space.properties[COMPOSER_SPACE_LOCK]) {
+              if (isSpace4(space) && !space.properties[COMPOSER_SPACE_LOCK]) {
                 const active = navigationPlugin?.provides.location.active;
                 const mode = layoutPlugin?.provides.layout.layoutMode;
                 const current = active ? firstIdInPart(active, mode === "solo" ? "solo" : "main") : void 0;
@@ -2763,7 +3112,7 @@ var SpacePlugin = ({ invitationUrl = window.location.origin, invitationParam = "
             }
             case SpaceAction.LOCK: {
               const space = intent.data?.space;
-              if (isSpace2(space)) {
+              if (isSpace4(space)) {
                 space.properties[COMPOSER_SPACE_LOCK] = true;
                 return {
                   data: true,
@@ -2786,7 +3135,7 @@ var SpacePlugin = ({ invitationUrl = window.location.origin, invitationParam = "
             }
             case SpaceAction.UNLOCK: {
               const space = intent.data?.space;
-              if (isSpace2(space)) {
+              if (isSpace4(space)) {
                 space.properties[COMPOSER_SPACE_LOCK] = false;
                 return {
                   data: true,
@@ -2809,7 +3158,7 @@ var SpacePlugin = ({ invitationUrl = window.location.origin, invitationParam = "
             }
             case SpaceAction.RENAME: {
               const { caller, space } = intent.data ?? {};
-              if (typeof caller === "string" && isSpace2(space)) {
+              if (typeof caller === "string" && isSpace4(space)) {
                 return {
                   intents: [
                     [
@@ -2830,7 +3179,7 @@ var SpacePlugin = ({ invitationUrl = window.location.origin, invitationParam = "
             }
             case SpaceAction.OPEN_SETTINGS: {
               const space = intent.data?.space;
-              if (isSpace2(space)) {
+              if (isSpace4(space)) {
                 return {
                   data: true,
                   intents: [
@@ -2856,7 +3205,7 @@ var SpacePlugin = ({ invitationUrl = window.location.origin, invitationParam = "
             }
             case SpaceAction.OPEN: {
               const space = intent.data?.space;
-              if (isSpace2(space)) {
+              if (isSpace4(space)) {
                 await space.open();
                 return {
                   data: true
@@ -2866,7 +3215,7 @@ var SpacePlugin = ({ invitationUrl = window.location.origin, invitationParam = "
             }
             case SpaceAction.CLOSE: {
               const space = intent.data?.space;
-              if (isSpace2(space)) {
+              if (isSpace4(space)) {
                 await space.close();
                 return {
                   data: true
@@ -2876,7 +3225,7 @@ var SpacePlugin = ({ invitationUrl = window.location.origin, invitationParam = "
             }
             case SpaceAction.MIGRATE: {
               const space = intent.data?.space;
-              if (isSpace2(space)) {
+              if (isSpace4(space)) {
                 if (space.state.get() === SpaceState2.SPACE_REQUIRES_MIGRATION) {
                   state.values.sdkMigrationRunning[space.id] = true;
                   await space.internal.migrate();
@@ -2903,12 +3252,30 @@ var SpacePlugin = ({ invitationUrl = window.location.origin, invitationParam = "
               }
               break;
             }
+            case SpaceAction.OPEN_CREATE_OBJECT: {
+              return {
+                data: true,
+                intents: [
+                  [
+                    {
+                      action: LayoutAction2.SET_LAYOUT,
+                      data: {
+                        element: "dialog",
+                        component: "dxos.org/plugin/space/CreateObjectDialog",
+                        dialogBlockAlign: "start",
+                        subject: intent.data
+                      }
+                    }
+                  ]
+                ]
+              };
+            }
             case SpaceAction.ADD_OBJECT: {
               const object = intent.data?.object ?? intent.data?.result;
-              if (!isReactiveObject2(object)) {
+              if (!isReactiveObject3(object)) {
                 return;
               }
-              const space = isSpace2(intent.data?.target) ? intent.data?.target : getSpace4(intent.data?.target);
+              const space = isSpace4(intent.data?.target) ? intent.data?.target : getSpace5(intent.data?.target);
               if (!space) {
                 return;
               }
@@ -2952,12 +3319,12 @@ var SpacePlugin = ({ invitationUrl = window.location.origin, invitationParam = "
               }
               if (intent.data?.target instanceof CollectionType) {
                 intent.data?.target.objects.push(object);
-              } else if (isSpace2(intent.data?.target)) {
+              } else if (isSpace4(intent.data?.target)) {
                 const collection = space.properties[CollectionType.typename];
                 if (collection instanceof CollectionType) {
                   collection.objects.push(object);
                 } else {
-                  const collection2 = create2(CollectionType, {
+                  const collection2 = create(CollectionType, {
                     objects: [
                       object
                     ],
@@ -2997,15 +3364,15 @@ var SpacePlugin = ({ invitationUrl = window.location.origin, invitationParam = "
               const objects = intent.data?.objects ?? intent.data?.result;
               invariant2(Array.isArray(objects), void 0, {
                 F: __dxlog_file6,
-                L: 1346,
+                L: 1411,
                 S: void 0,
                 A: [
                   "Array.isArray(objects)",
                   ""
                 ]
               });
-              const space = getSpace4(objects[0]);
-              if (!space || !objects.every((obj) => isEchoObject2(obj) && getSpace4(obj) === space)) {
+              const space = getSpace5(objects[0]);
+              if (!space || !objects.every((obj) => isEchoObject2(obj) && getSpace5(obj) === space)) {
                 return;
               }
               const resolve = resolvePlugin(plugins, parseMetadataResolverPlugin)?.provides.metadata.resolver;
@@ -3091,7 +3458,7 @@ var SpacePlugin = ({ invitationUrl = window.location.origin, invitationParam = "
             case SpaceAction.RENAME_OBJECT: {
               const object = intent.data?.object ?? intent.data?.result;
               const caller = intent.data?.caller;
-              if (isReactiveObject2(object) && caller) {
+              if (isReactiveObject3(object) && caller) {
                 return {
                   intents: [
                     [
@@ -3113,7 +3480,7 @@ var SpacePlugin = ({ invitationUrl = window.location.origin, invitationParam = "
             case SpaceAction.DUPLICATE_OBJECT: {
               const originalObject = intent.data?.object ?? intent.data?.result;
               const resolve = resolvePlugin(plugins, parseMetadataResolverPlugin)?.provides.metadata.resolver;
-              const space = isSpace2(intent.data?.target) ? intent.data?.target : getSpace4(intent.data?.target);
+              const space = isSpace4(intent.data?.target) ? intent.data?.target : getSpace5(intent.data?.target);
               if (!isEchoObject2(originalObject) || !resolve || !space) {
                 return;
               }
@@ -3138,6 +3505,16 @@ var SpacePlugin = ({ invitationUrl = window.location.origin, invitationParam = "
                 data: true
               };
             }
+            case CollectionAction.CREATE: {
+              const collection = create(CollectionType, {
+                name: intent.data?.name,
+                objects: [],
+                views: {}
+              });
+              return {
+                data: collection
+              };
+            }
           }
         }
       }
@@ -3152,12 +3529,17 @@ export {
   AwaitingObject,
   COMPOSER_SPACE_LOCK,
   ChannelType,
+  CollectionAction,
   CollectionMain,
   CollectionSection,
   CollectionType,
   ContactType,
+  CreateObjectDialog,
+  CreateSpaceDialog,
   DefaultObjectSettings,
   FullPresence,
+  InlineSyncStatus,
+  InlineSyncStatusIndicator,
   JoinDialog,
   MenuFooter,
   MessageState,
@@ -3176,6 +3558,7 @@ export {
   SmallPresence,
   SmallPresenceLive,
   SpaceAction,
+  SpaceForm,
   SpacePlugin,
   SpacePluginSettings,
   SpacePresence,
@@ -3187,9 +3570,7 @@ export {
   ThreadStatus,
   ThreadType,
   cloneObject,
-  constructObjectActionGroups,
   constructObjectActions,
-  constructSpaceActionGroups,
   constructSpaceActions,
   constructSpaceNode,
   createObjectNode,
@@ -3198,7 +3579,7 @@ export {
   getNestedObjects,
   getSpaceDisplayName,
   memoizeQuery,
-  parseSpaceInitPlugin,
+  parseSchemaPlugin,
   parseSpacePlugin,
   translations_default as translations
 };