@dxos/plugin-space 0.8.2-main.f11618f → 0.8.2-staging.7ac8446

package/dist/lib/node/{chunk-ZMQO74LX.cjs → chunk-3GKCNADA.cjs}

@@ -26,8 +26,8 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var chunk_ZMQO74LX_exports = {};
-__export(chunk_ZMQO74LX_exports, {
+var chunk_3GKCNADA_exports = {};
+__export(chunk_3GKCNADA_exports, {
   AppGraphBuilder: () => AppGraphBuilder,
   AppGraphSerializer: () => AppGraphSerializer,
   AwaitingObject: () => AwaitingObject,
@@ -55,25 +55,28 @@ __export(chunk_ZMQO74LX_exports, {
   PopoverRenameSpace: () => PopoverRenameSpace,
   ReactRoot: () => ReactRoot,
   ReactSurface: () => ReactSurface,
+  SPACE_SETTINGS_DIALOG: () => SPACE_SETTINGS_DIALOG,
   Schema: () => Schema,
-  SchemaContainer: () => SchemaContainer,
+  ShareSpaceButton: () => ShareSpaceButton,
+  ShareSpaceButtonImpl: () => ShareSpaceButtonImpl,
   SmallPresence: () => SmallPresence,
   SmallPresenceLive: () => SmallPresenceLive,
   SpacePluginSettings: () => SpacePluginSettings,
   SpacePresence: () => SpacePresence,
+  SpacePropertiesForm: () => SpacePropertiesForm,
   SpaceSettings: () => SpaceSettings,
   SpaceSettingsContainer: () => SpaceSettingsContainer,
   SpaceState: () => SpaceState,
   SpacesReady: () => SpacesReady,
   SyncStatus: () => SyncStatus,
+  SyncStatusDetail: () => SyncStatusDetail,
   SyncStatusIndicator: () => SyncStatusIndicator,
-  Tools: () => Tools,
-  useQuerySpaceSchemas: () => useQuerySpaceSchemas
+  Tools: () => Tools
 });
-module.exports = __toCommonJS(chunk_ZMQO74LX_exports);
+module.exports = __toCommonJS(chunk_3GKCNADA_exports);
 var import_chunk_IKIDS6XF = require("./chunk-IKIDS6XF.cjs");
-var import_chunk_XADZLQAJ = require("./chunk-XADZLQAJ.cjs");
-var import_chunk_EQ5BPSQ7 = require("./chunk-EQ5BPSQ7.cjs");
+var import_chunk_TUZWEPGX = require("./chunk-TUZWEPGX.cjs");
+var import_chunk_WDEIFDTX = require("./chunk-WDEIFDTX.cjs");
 var import_chunk_6P2DB4QQ = require("./chunk-6P2DB4QQ.cjs");
 var import_react = require("@phosphor-icons/react");
 var import_react2 = __toESM(require("react"));
@@ -90,6 +93,7 @@ var import_react_client2 = require("@dxos/react-client");
 var import_echo2 = require("@dxos/react-client/echo");
 var import_react_ui2 = require("@dxos/react-ui");
 var import_react4 = __toESM(require("react"));
+var import_app_framework3 = require("@dxos/app-framework");
 var import_echo_schema = require("@dxos/echo-schema");
 var import_invariant2 = require("@dxos/invariant");
 var import_react_ui3 = require("@dxos/react-ui");
@@ -97,31 +101,27 @@ var import_react_ui_form = require("@dxos/react-ui-form");
 var import_react_ui_searchlist = require("@dxos/react-ui-searchlist");
 var import_react_ui_theme2 = require("@dxos/react-ui-theme");
 var import_util = require("@dxos/util");
-var import_react5 = __toESM(require("react"));
-var import_app_framework3 = require("@dxos/app-framework");
-var import_react6 = require("react");
 var import_app_framework4 = require("@dxos/app-framework");
 var import_effect2 = require("effect");
-var import_react7 = __toESM(require("react"));
+var import_react5 = __toESM(require("react"));
 var import_app_framework5 = require("@dxos/app-framework");
 var import_react_ui4 = require("@dxos/react-ui");
 var import_react_ui_form2 = require("@dxos/react-ui-form");
-var import_react8 = __toESM(require("react"));
+var import_react6 = __toESM(require("react"));
 var import_react_ui5 = require("@dxos/react-ui");
 var import_react_ui_theme3 = require("@dxos/react-ui-theme");
-var import_react9 = __toESM(require("react"));
+var import_react7 = __toESM(require("react"));
 var import_react_ui6 = require("@dxos/react-ui");
-var import_react10 = __toESM(require("react"));
+var import_react8 = __toESM(require("react"));
 var import_app_framework6 = require("@dxos/app-framework");
 var import_async = require("@dxos/async");
 var import_types = require("@dxos/plugin-observability/types");
 var import_react_client3 = require("@dxos/react-client");
 var import_react_ui7 = require("@dxos/react-ui");
-var import_react11 = require("@dxos/shell/react");
-var import_react12 = require("@phosphor-icons/react");
-var import_react13 = __toESM(require("react"));
+var import_react9 = require("@dxos/shell/react");
+var import_react10 = require("@phosphor-icons/react");
+var import_react11 = __toESM(require("react"));
 var import_react_qr_rounded = require("react-qr-rounded");
-var import_app_framework7 = require("@dxos/app-framework");
 var import_log = require("@dxos/log");
 var import_react_client4 = require("@dxos/react-client");
 var import_echo3 = require("@dxos/react-client/echo");
@@ -130,48 +130,45 @@ var import_react_ui8 = require("@dxos/react-ui");
 var import_react_ui_form3 = require("@dxos/react-ui-form");
 var import_react_ui_stack = require("@dxos/react-ui-stack");
 var import_react_ui_theme4 = require("@dxos/react-ui-theme");
-var import_react14 = require("@dxos/shell/react");
+var import_react12 = require("@dxos/shell/react");
 var import_util2 = require("@dxos/util");
-var import_react15 = require("@phosphor-icons/react");
-var import_react16 = __toESM(require("react"));
+var import_react13 = require("@phosphor-icons/react");
+var import_react14 = __toESM(require("react"));
 var import_echo4 = require("@dxos/client/echo");
 var import_react_client5 = require("@dxos/react-client");
 var import_react_ui9 = require("@dxos/react-ui");
-var import_react17 = __toESM(require("react"));
-var import_app_framework8 = require("@dxos/app-framework");
+var import_react15 = __toESM(require("react"));
+var import_app_framework7 = require("@dxos/app-framework");
 var import_react_ui10 = require("@dxos/react-ui");
 var import_react_ui_stack2 = require("@dxos/react-ui-stack");
-var import_react18 = __toESM(require("react"));
+var import_react16 = __toESM(require("react"));
 var import_echo_schema2 = require("@dxos/echo-schema");
 var import_echo5 = require("@dxos/react-client/echo");
 var import_react_ui11 = require("@dxos/react-ui");
 var import_react_ui_form4 = require("@dxos/react-ui-form");
-var import_react19 = __toESM(require("react"));
+var import_react17 = __toESM(require("react"));
 var import_react_ui12 = require("@dxos/react-ui");
-var import_react20 = __toESM(require("react"));
+var import_react18 = __toESM(require("react"));
 var import_react_ui13 = require("@dxos/react-ui");
 var import_react_ui_theme5 = require("@dxos/react-ui-theme");
-var import_react21 = require("@phosphor-icons/react");
-var import_react22 = __toESM(require("react"));
+var import_react19 = require("@phosphor-icons/react");
+var import_react20 = __toESM(require("react"));
 var import_async2 = require("@dxos/async");
 var import_react_ui14 = require("@dxos/react-ui");
 var import_react_ui_theme6 = require("@dxos/react-ui-theme");
-var import_react23 = __toESM(require("react"));
-var import_app_framework9 = require("@dxos/app-framework");
+var import_react21 = __toESM(require("react"));
+var import_app_framework8 = require("@dxos/app-framework");
 var import_react_ui15 = require("@dxos/react-ui");
-var import_react24 = __toESM(require("react"));
-var import_app_framework10 = require("@dxos/app-framework");
+var import_react22 = __toESM(require("react"));
 var import_log2 = require("@dxos/log");
 var import_react_ui16 = require("@dxos/react-ui");
-var import_react25 = __toESM(require("react"));
-var import_app_framework11 = require("@dxos/app-framework");
+var import_react23 = __toESM(require("react"));
 var import_react_ui17 = require("@dxos/react-ui");
-var import_react26 = __toESM(require("react"));
+var import_react24 = __toESM(require("react"));
+var import_app_framework9 = require("@dxos/app-framework");
 var import_react_ui18 = require("@dxos/react-ui");
-var import_react_ui_form5 = require("@dxos/react-ui-form");
-var import_react_ui_stack3 = require("@dxos/react-ui-stack");
-var import_react27 = __toESM(require("react"));
-var import_app_framework12 = require("@dxos/app-framework");
+var import_react25 = __toESM(require("react"));
+var import_app_framework10 = require("@dxos/app-framework");
 var import_display_name = require("@dxos/display-name");
 var import_react_client6 = require("@dxos/react-client");
 var import_echo6 = require("@dxos/react-client/echo");
@@ -179,37 +176,46 @@ var import_halo = require("@dxos/react-client/halo");
 var import_react_ui19 = require("@dxos/react-ui");
 var import_react_ui_attention = require("@dxos/react-ui-attention");
 var import_util3 = require("@dxos/util");
-var import_react28 = __toESM(require("react"));
-var import_app_framework13 = require("@dxos/app-framework");
-var import_react_client7 = require("@dxos/react-client");
-var import_echo7 = require("@dxos/react-client/echo");
+var import_react26 = require("react");
+var import_react27 = __toESM(require("react"));
 var import_react_ui20 = require("@dxos/react-ui");
-var import_react_ui_form6 = require("@dxos/react-ui-form");
-var import_effect3 = require("effect");
-var import_react29 = __toESM(require("react"));
-var import_app_framework14 = require("@dxos/app-framework");
+var import_react_ui_form5 = require("@dxos/react-ui-form");
+var import_react28 = __toESM(require("react"));
 var import_log3 = require("@dxos/log");
 var import_metadata = require("@dxos/protocols/proto/dxos/echo/metadata");
-var import_react_client8 = require("@dxos/react-client");
-var import_echo8 = require("@dxos/react-client/echo");
 var import_react_ui21 = require("@dxos/react-ui");
-var import_react_ui_form7 = require("@dxos/react-ui-form");
+var import_react_ui_form6 = require("@dxos/react-ui-form");
 var import_react_ui_pickers = require("@dxos/react-ui-pickers");
-var import_react_ui_stack4 = require("@dxos/react-ui-stack");
+var import_react29 = __toESM(require("react"));
+var import_app_framework11 = require("@dxos/app-framework");
+var import_react_ui22 = require("@dxos/react-ui");
+var import_react_ui_form7 = require("@dxos/react-ui-form");
+var import_react_ui_list = require("@dxos/react-ui-list");
+var import_react_ui_stack3 = require("@dxos/react-ui-stack");
+var import_util4 = require("@dxos/util");
 var import_react30 = __toESM(require("react"));
-var import_app_framework15 = require("@dxos/app-framework");
+var import_app_framework12 = require("@dxos/app-framework");
 var import_services = require("@dxos/protocols/proto/dxos/client/services");
 var import_metadata2 = require("@dxos/protocols/proto/dxos/echo/metadata");
-var import_react_client9 = require("@dxos/react-client");
-var import_echo9 = require("@dxos/react-client/echo");
-var import_react_ui22 = require("@dxos/react-ui");
+var import_react_client7 = require("@dxos/react-client");
+var import_react_ui23 = require("@dxos/react-ui");
 var import_react_ui_attention2 = require("@dxos/react-ui-attention");
-var import_react31 = __toESM(require("react"));
+var import_react31 = require("react");
+var import_context = require("@dxos/context");
+var import_protocols = require("@dxos/protocols");
+var import_react_client8 = require("@dxos/react-client");
+var import_react32 = __toESM(require("react"));
 var import_plugin_status_bar = require("@dxos/plugin-status-bar");
+var import_react_client9 = require("@dxos/react-client");
+var import_react_ui24 = require("@dxos/react-ui");
+var import_react_ui_syntax_highlighter = require("@dxos/react-ui-syntax-highlighter");
+var import_react_ui_theme7 = require("@dxos/react-ui-theme");
+var import_react33 = __toESM(require("react"));
 var import_react_client10 = require("@dxos/react-client");
-var import_echo10 = require("@dxos/react-client/echo");
-var import_react_ui23 = require("@dxos/react-ui");
-var import_context = require("@dxos/context");
+var import_echo7 = require("@dxos/react-client/echo");
+var import_react_ui25 = require("@dxos/react-ui");
+var import_react_ui_theme8 = require("@dxos/react-ui-theme");
+var import_context2 = require("@dxos/context");
 var WAIT_FOR_OBJECT_TIMEOUT = 18e4;
 var TOAST_TIMEOUT = 24e4;
 var AwaitingObject = ({ id }) => {
@@ -244,7 +250,7 @@ var AwaitingObject = ({ id }) => {
     objects,
     layout
   ]);
-  const handleClose = (0, import_react2.useCallback)(async () => dispatch((0, import_app_framework.createIntent)(import_chunk_EQ5BPSQ7.SpaceAction.WaitForObject, {
+  const handleClose = (0, import_react2.useCallback)(async () => dispatch((0, import_app_framework.createIntent)(import_chunk_WDEIFDTX.SpaceAction.WaitForObject, {
     id: void 0
   })), [
     dispatch
@@ -294,9 +300,10 @@ var AwaitingObject = ({ id }) => {
     ns: "appkit"
   })))));
 };
+var __dxlog_file = "/home/runner/work/dxos/dxos/packages/plugins/plugin-space/src/components/CreateDialog/CreateObjectPanel.tsx";
 var useInputSurfaceLookup = (baseData) => {
   const pluginManager = (0, import_app_framework3.usePluginManager)();
-  return (0, import_react5.useCallback)(({ prop, schema, inputProps }) => {
+  return (0, import_react4.useCallback)(({ prop, schema, inputProps }) => {
     const composedData = {
       prop,
       schema,
@@ -308,7 +315,7 @@ var useInputSurfaceLookup = (baseData) => {
     })) {
       return void 0;
     }
-    return /* @__PURE__ */ import_react5.default.createElement(import_app_framework3.Surface, {
+    return /* @__PURE__ */ import_react4.default.createElement(import_app_framework3.Surface, {
       role: "form-input",
       data: composedData,
       ...inputProps
@@ -318,40 +325,6 @@ var useInputSurfaceLookup = (baseData) => {
     baseData
   ]);
 };
-var usePath = (graph, id, timeout) => {
-  const [pathState, setPathState] = (0, import_react6.useState)(id ? graph.getPath({
-    target: id
-  }) : void 0);
-  (0, import_react6.useEffect)(() => {
-    if (!id && pathState) {
-      setPathState(void 0);
-    }
-    if (pathState?.at(-1) === id || !id) {
-      return;
-    }
-    const frame = requestAnimationFrame(async () => {
-      try {
-        const path = await graph.waitForPath({
-          target: id
-        }, {
-          timeout
-        });
-        if (path) {
-          setPathState(path);
-        }
-      } catch {
-      }
-    });
-    return () => cancelAnimationFrame(frame);
-  }, [
-    graph,
-    id,
-    timeout,
-    pathState
-  ]);
-  return pathState;
-};
-var __dxlog_file = "/home/runner/work/dxos/dxos/packages/plugins/plugin-space/src/components/CreateDialog/CreateObjectPanel.tsx";
 var CreateObjectPanel = ({ classNames, forms, spaces, typename: initialTypename, target: initialTarget, name: initialName, defaultSpaceId, resolve, onCreateObject }) => {
   const { t } = (0, import_react_ui3.useTranslation)(import_chunk_6P2DB4QQ.SPACE_PLUGIN);
   const [typename, setTypename] = (0, import_react4.useState)(initialTypename);
@@ -385,7 +358,7 @@ var CreateObjectPanel = ({ classNames, forms, spaces, typename: initialTypename,
   const handleSetTypename = (0, import_react4.useCallback)(async (typename2) => {
     (0, import_invariant2.invariant)(target, "target is required", {
       F: __dxlog_file,
-      L: 72,
+      L: 94,
       S: void 0,
       A: [
         "target",
@@ -445,23 +418,23 @@ var SelectSpace = ({ spaces, defaultSpaceId, onChange }) => {
   }), /* @__PURE__ */ import_react4.default.createElement(import_react_ui_searchlist.SearchList.Content, {
     classNames: "max-bs-[24rem] overflow-auto"
   }, spaces.sort((a, b) => {
-    const aName = (0, import_react_ui3.toLocalizedString)((0, import_chunk_XADZLQAJ.getSpaceDisplayName)(a, {
+    const aName = (0, import_react_ui3.toLocalizedString)((0, import_chunk_TUZWEPGX.getSpaceDisplayName)(a, {
       personal: a.id === defaultSpaceId
     }), t);
-    const bName = (0, import_react_ui3.toLocalizedString)((0, import_chunk_XADZLQAJ.getSpaceDisplayName)(b, {
+    const bName = (0, import_react_ui3.toLocalizedString)((0, import_chunk_TUZWEPGX.getSpaceDisplayName)(b, {
       personal: b.id === defaultSpaceId
     }), t);
     return aName.localeCompare(bName);
   }).map((space) => /* @__PURE__ */ import_react4.default.createElement(import_react_ui_searchlist.SearchList.Item, {
     key: space.id,
-    value: (0, import_react_ui3.toLocalizedString)((0, import_chunk_XADZLQAJ.getSpaceDisplayName)(space, {
+    value: (0, import_react_ui3.toLocalizedString)((0, import_chunk_TUZWEPGX.getSpaceDisplayName)(space, {
       personal: space.id === defaultSpaceId
     }), t),
     onSelect: () => onChange(space),
     classNames: "flex items-center gap-2"
   }, /* @__PURE__ */ import_react4.default.createElement("span", {
     className: "grow truncate"
-  }, (0, import_react_ui3.toLocalizedString)((0, import_chunk_XADZLQAJ.getSpaceDisplayName)(space, {
+  }, (0, import_react_ui3.toLocalizedString)((0, import_chunk_TUZWEPGX.getSpaceDisplayName)(space, {
     personal: space.id === defaultSpaceId
   }), t))))));
 };
@@ -495,17 +468,17 @@ var SelectSchema = ({ options, resolve, onChange }) => {
     defaultValue: option.typename
   }))))));
 };
-var AppGraphBuilder = (0, import_app_framework4.lazy)(() => import("./app-graph-builder-LLIV422L.cjs"));
-var AppGraphSerializer = (0, import_app_framework4.lazy)(() => import("./app-graph-serializer-M6Z2OPA4.cjs"));
-var IdentityCreated = (0, import_app_framework4.lazy)(() => import("./identity-created-YDTRMOMX.cjs"));
-var IntentResolver = (0, import_app_framework4.lazy)(() => import("./intent-resolver-3J52ARFL.cjs"));
-var ReactRoot = (0, import_app_framework4.lazy)(() => import("./react-root-XUE2J7HT.cjs"));
-var ReactSurface = (0, import_app_framework4.lazy)(() => import("./react-surface-IWSTOZ2E.cjs"));
+var AppGraphBuilder = (0, import_app_framework4.lazy)(() => import("./app-graph-builder-DPY7AUZE.cjs"));
+var AppGraphSerializer = (0, import_app_framework4.lazy)(() => import("./app-graph-serializer-JELGJUAY.cjs"));
+var IdentityCreated = (0, import_app_framework4.lazy)(() => import("./identity-created-XU4HFV2T.cjs"));
+var IntentResolver = (0, import_app_framework4.lazy)(() => import("./intent-resolver-VJ7YV74L.cjs"));
+var ReactRoot = (0, import_app_framework4.lazy)(() => import("./react-root-TEL5RW3N.cjs"));
+var ReactSurface = (0, import_app_framework4.lazy)(() => import("./react-surface-2H3S5TY5.cjs"));
 var Schema = (0, import_app_framework4.lazy)(() => import("./schema-PPJ5BZ3A.cjs"));
 var Tools = (0, import_app_framework4.lazy)(() => import("./schema-tools-BLIMOZYY.cjs"));
-var SpaceSettings = (0, import_app_framework4.lazy)(() => import("./settings-JLV7YT6Q.cjs"));
-var SpaceState = (0, import_app_framework4.lazy)(() => import("./state-JLN7TGRR.cjs"));
-var SpacesReady = (0, import_app_framework4.lazy)(() => import("./spaces-ready-6EBR4SM4.cjs"));
+var SpaceSettings = (0, import_app_framework4.lazy)(() => import("./settings-WVFP2UEP.cjs"));
+var SpaceState = (0, import_app_framework4.lazy)(() => import("./state-5KX6WBJH.cjs"));
+var SpacesReady = (0, import_app_framework4.lazy)(() => import("./spaces-ready-7DNZSUOG.cjs"));
 var __dxlog_file2 = "/home/runner/work/dxos/dxos/packages/plugins/plugin-space/src/components/CreateDialog/CreateObjectDialog.tsx";
 var CREATE_OBJECT_DIALOG = `${import_chunk_6P2DB4QQ.SPACE_PLUGIN}/CreateObjectDialog`;
 var CreateObjectDialog = ({ target, typename, name, shouldNavigate: _shouldNavigate }) => {
@@ -538,8 +511,8 @@ var CreateObjectDialog = ({ target, typename, name, shouldNavigate: _shouldNavig
       space
     }));
     const object = result.data?.object;
-    if ((0, import_echo2.isLiveObject)(object)) {
-      const addObjectIntent = (0, import_app_framework2.createIntent)(import_chunk_EQ5BPSQ7.SpaceAction.AddObject, {
+    if ((0, import_echo2.isReactiveObject)(object)) {
+      const addObjectIntent = (0, import_app_framework2.createIntent)(import_chunk_WDEIFDTX.SpaceAction.AddObject, {
         target: target2,
         object,
         hidden: form.hidden
@@ -593,18 +566,17 @@ var initialValues = {
   edgeReplication: true
 };
 var CreateSpaceDialog = () => {
-  const closeRef = (0, import_react7.useRef)(null);
+  const closeRef = (0, import_react5.useRef)(null);
   const { t } = (0, import_react_ui4.useTranslation)(import_chunk_6P2DB4QQ.SPACE_PLUGIN);
   const { dispatch } = (0, import_app_framework5.useIntentDispatcher)();
-  const inputSurfaceLookup = useInputSurfaceLookup();
-  const handleCreateSpace = (0, import_react7.useCallback)(async (data) => {
+  const handleCreateSpace = (0, import_react5.useCallback)(async (data) => {
     const program = import_effect2.Effect.gen(function* () {
-      const { space } = yield* dispatch((0, import_app_framework5.createIntent)(import_chunk_EQ5BPSQ7.SpaceAction.Create, data));
+      const { space } = yield* dispatch((0, import_app_framework5.createIntent)(import_chunk_WDEIFDTX.SpaceAction.Create, data));
       yield* dispatch((0, import_app_framework5.createIntent)(import_app_framework5.LayoutAction.SwitchWorkspace, {
         part: "workspace",
         subject: space.id
       }));
-      yield* dispatch((0, import_app_framework5.createIntent)(import_chunk_EQ5BPSQ7.SpaceAction.OpenCreateObject, {
+      yield* dispatch((0, import_app_framework5.createIntent)(import_chunk_WDEIFDTX.SpaceAction.OpenCreateObject, {
         target: space
       }));
     });
@@ -615,50 +587,49 @@ var CreateSpaceDialog = () => {
   return (
     // TODO(wittjosiah): The tablist dialog pattern is copied from @dxos/plugin-manager.
     //  Consider factoring it out to the tabs package.
-    /* @__PURE__ */ import_react7.default.createElement(import_react_ui4.Dialog.Content, {
+    /* @__PURE__ */ import_react5.default.createElement(import_react_ui4.Dialog.Content, {
       classNames: "p-0 bs-content min-bs-[16rem] max-bs-full md:max-is-[32rem] overflow-hidden"
-    }, /* @__PURE__ */ import_react7.default.createElement("div", {
+    }, /* @__PURE__ */ import_react5.default.createElement("div", {
       role: "none",
       className: "flex justify-between pbs-2 pis-2 pie-2 @md:pbs-4 @md:pis-4 @md:pie-4"
-    }, /* @__PURE__ */ import_react7.default.createElement(import_react_ui4.Dialog.Title, null, t("create space dialog title")), /* @__PURE__ */ import_react7.default.createElement(import_react_ui4.Dialog.Close, {
+    }, /* @__PURE__ */ import_react5.default.createElement(import_react_ui4.Dialog.Title, null, t("create space dialog title")), /* @__PURE__ */ import_react5.default.createElement(import_react_ui4.Dialog.Close, {
       asChild: true
-    }, /* @__PURE__ */ import_react7.default.createElement(import_react_ui4.Button, {
+    }, /* @__PURE__ */ import_react5.default.createElement(import_react_ui4.Button, {
       ref: closeRef,
       density: "fine",
       variant: "ghost",
       autoFocus: true
-    }, /* @__PURE__ */ import_react7.default.createElement(import_react_ui4.Icon, {
+    }, /* @__PURE__ */ import_react5.default.createElement(import_react_ui4.Icon, {
       icon: "ph--x--regular",
       size: 4
-    })))), /* @__PURE__ */ import_react7.default.createElement("div", {
+    })))), /* @__PURE__ */ import_react5.default.createElement("div", {
       className: "p-4"
-    }, /* @__PURE__ */ import_react7.default.createElement(import_react_ui_form2.Form, {
+    }, /* @__PURE__ */ import_react5.default.createElement(import_react_ui_form2.Form, {
       testId: "create-space-form",
       classNames: "!p-0",
       autoFocus: true,
       values: initialValues,
-      schema: import_chunk_EQ5BPSQ7.SpaceForm,
-      lookupComponent: inputSurfaceLookup,
+      schema: import_chunk_WDEIFDTX.SpaceForm,
       onSave: handleCreateSpace
     })))
   );
 };
 var CollectionMain = ({ collection }) => {
   const { t } = (0, import_react_ui5.useTranslation)(import_chunk_6P2DB4QQ.SPACE_PLUGIN);
-  return /* @__PURE__ */ import_react8.default.createElement("div", {
+  return /* @__PURE__ */ import_react6.default.createElement("div", {
     role: "none",
     className: (0, import_react_ui_theme3.mx)(import_react_ui_theme3.baseSurface, "min-bs-screen is-full flex items-center justify-center p-8"),
     "data-testid": "composer.firstRunMessage"
-  }, /* @__PURE__ */ import_react8.default.createElement("p", {
+  }, /* @__PURE__ */ import_react6.default.createElement("p", {
     role: "alert",
-    className: (0, import_react_ui_theme3.mx)(import_react_ui_theme3.descriptionMessage, "rounded-lg p-8 font-normal text-lg max-is-[24rem] break-words")
+    className: (0, import_react_ui_theme3.mx)(import_react_ui_theme3.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")));
 };
 var CollectionSection = ({ collection }) => {
   const { t } = (0, import_react_ui6.useTranslation)(import_chunk_6P2DB4QQ.SPACE_PLUGIN);
-  return /* @__PURE__ */ import_react9.default.createElement("div", {
+  return /* @__PURE__ */ import_react7.default.createElement("div", {
     className: "min-bs-[3.5rem] grid grid-rows-subgrid grid-cols-subgrid items-center"
-  }, /* @__PURE__ */ import_react9.default.createElement("span", {
+  }, /* @__PURE__ */ import_react7.default.createElement("span", {
     className: "truncate"
   }, collection.name ?? t("unnamed collection label")));
 };
@@ -668,7 +639,7 @@ var JoinDialog = ({ navigableCollections, onDone, ...props }) => {
   const client = (0, import_react_client3.useClient)();
   const { graph } = (0, import_app_framework6.useAppGraph)();
   const { t } = (0, import_react_ui7.useTranslation)(import_chunk_6P2DB4QQ.SPACE_PLUGIN);
-  const handleDone = (0, import_react10.useCallback)(async (result) => {
+  const handleDone = (0, import_react8.useCallback)(async (result) => {
     const spaceKey = result?.spaceKey;
     if (!spaceKey) {
       return;
@@ -748,16 +719,16 @@ var JoinDialog = ({ navigableCollections, onDone, ...props }) => {
     client,
     graph
   ]);
-  return /* @__PURE__ */ import_react10.default.createElement(import_react_ui7.Dialog.Content, null, /* @__PURE__ */ import_react10.default.createElement(import_react_ui7.Dialog.Title, {
+  return /* @__PURE__ */ import_react8.default.createElement(import_react_ui7.Dialog.Content, null, /* @__PURE__ */ import_react8.default.createElement(import_react_ui7.Dialog.Title, {
     classNames: "sr-only"
   }, t("join space label", {
     ns: "os"
-  })), /* @__PURE__ */ import_react10.default.createElement(import_react11.JoinPanel, {
+  })), /* @__PURE__ */ import_react8.default.createElement(import_react9.JoinPanel, {
     ...props,
-    exitActionParent: /* @__PURE__ */ import_react10.default.createElement(import_react_ui7.Dialog.Close, {
+    exitActionParent: /* @__PURE__ */ import_react8.default.createElement(import_react_ui7.Dialog.Close, {
       asChild: true
     }),
-    doneActionParent: /* @__PURE__ */ import_react10.default.createElement(import_react_ui7.Dialog.Close, {
+    doneActionParent: /* @__PURE__ */ import_react8.default.createElement(import_react_ui7.Dialog.Close, {
       asChild: true
     }),
     onDone: handleDone
@@ -773,7 +744,7 @@ var handleInvitationEvent = (invitation, subscription) => {
       authCode: invitation.authCode
     }), void 0, {
       F: __dxlog_file3,
-      L: 40,
+      L: 38,
       S: void 0,
       C: (f, a) => f(...a)
     });
@@ -781,72 +752,54 @@ var handleInvitationEvent = (invitation, subscription) => {
   }
 };
 var MembersContainer = ({ space, createInvitationUrl }) => {
-  const { t } = (0, import_react_ui8.useTranslation)(import_chunk_6P2DB4QQ.SPACE_PLUGIN);
+  const { t } = (0, import_react_ui8.useTranslation)("os");
   const config = (0, import_react_client4.useConfig)();
-  const { dispatchPromise: dispatch } = (0, import_app_framework7.useIntentDispatcher)();
   const invitations = (0, import_echo3.useSpaceInvitations)(space.key);
   const visibleInvitations = invitations?.filter((invitation) => ![
     import_invitations.Invitation.State.CANCELLED
   ].includes(invitation.get().state));
-  const [activeAction, setInternalActiveAction] = (0, import_react13.useState)(localStorage.getItem(activeActionKey) ?? "inviteMany");
+  const [activeAction, setInternalActiveAction] = (0, import_react11.useState)(localStorage.getItem(activeActionKey) ?? "inviteMany");
   const setActiveAction = (nextAction) => {
     setInternalActiveAction(nextAction);
     localStorage.setItem(activeActionKey, nextAction);
   };
-  const target = space.properties[import_chunk_EQ5BPSQ7.CollectionType.typename]?.target?.objects[0]?.target;
-  const locked = space.properties[import_chunk_XADZLQAJ.COMPOSER_SPACE_LOCK];
-  const handleChangeLocked = (0, import_react13.useCallback)(() => {
-    space.properties[import_chunk_XADZLQAJ.COMPOSER_SPACE_LOCK] = !locked;
-  }, [
-    locked,
-    space
-  ]);
-  const inviteActions = (0, import_react13.useMemo)(() => ({
+  const target = space.properties[import_chunk_WDEIFDTX.CollectionType.typename]?.target?.objects[0]?.target;
+  const inviteActions = (0, import_react11.useMemo)(() => ({
     inviteOne: {
-      label: t("invite one label", {
-        ns: "os"
-      }),
-      description: t("invite one description", {
-        ns: "os"
-      }),
-      icon: () => /* @__PURE__ */ import_react13.default.createElement(import_react_ui8.Icon, {
+      label: t("invite one label"),
+      description: t("invite one description"),
+      icon: () => /* @__PURE__ */ import_react11.default.createElement(import_react_ui8.Icon, {
         icon: "ph--user-plus--regular",
         size: 5
       }),
       testId: "membersContainer.inviteOne",
-      onClick: async () => {
-        const { data: invitation } = await dispatch((0, import_app_framework7.createIntent)(import_chunk_EQ5BPSQ7.SpaceAction.Share, {
-          space,
+      onClick: () => {
+        const invitation = space.share?.({
           type: import_invitations.Invitation.Type.INTERACTIVE,
           authMethod: import_invitations.Invitation.AuthMethod.SHARED_SECRET,
           multiUse: false,
           target: target && (0, import_echo3.fullyQualifiedId)(target)
-        }));
+        });
         if (invitation && config.values.runtime?.app?.env?.DX_ENVIRONMENT !== "production") {
           const subscription = invitation.subscribe((invitation2) => handleInvitationEvent(invitation2, subscription));
         }
       }
     },
     inviteMany: {
-      label: t("invite many label", {
-        ns: "os"
-      }),
-      description: t("invite many description", {
-        ns: "os"
-      }),
-      icon: () => /* @__PURE__ */ import_react13.default.createElement(import_react_ui8.Icon, {
+      label: t("invite many label"),
+      description: t("invite many description"),
+      icon: () => /* @__PURE__ */ import_react11.default.createElement(import_react_ui8.Icon, {
         icon: "ph--users-three--regular",
         size: 5
       }),
       testId: "membersContainer.inviteMany",
-      onClick: async () => {
-        const { data: invitation } = await dispatch((0, import_app_framework7.createIntent)(import_chunk_EQ5BPSQ7.SpaceAction.Share, {
-          space,
+      onClick: () => {
+        const invitation = space.share?.({
           type: import_invitations.Invitation.Type.DELEGATED,
           authMethod: import_invitations.Invitation.AuthMethod.KNOWN_PUBLIC_KEY,
           multiUse: true,
           target: target && (0, import_echo3.fullyQualifiedId)(target)
-        }));
+        });
         if (invitation && config.values.runtime?.app?.env?.DX_ENVIRONMENT !== "production") {
           const subscription = invitation.subscribe((invitation2) => handleInvitationEvent(invitation2, subscription));
         }
@@ -857,75 +810,72 @@ var MembersContainer = ({ space, createInvitationUrl }) => {
     space,
     target
   ]);
-  const [selectedInvitation, setSelectedInvitation] = (0, import_react13.useState)(null);
+  const [selectedInvitation, setSelectedInvitation] = (0, import_react11.useState)(null);
   const handleSend = (event) => {
     setSelectedInvitation(event.invitation);
   };
   const handleBack = () => {
     setSelectedInvitation(null);
   };
-  return /* @__PURE__ */ import_react13.default.createElement(import_react_ui8.Clipboard.Provider, null, /* @__PURE__ */ import_react13.default.createElement(import_react_ui_stack.StackItem.Content, {
-    classNames: "block overflow-y-auto"
-  }, /* @__PURE__ */ import_react13.default.createElement(import_react_ui_form3.ControlPage, null, /* @__PURE__ */ import_react13.default.createElement(import_react_ui_form3.ControlSection, {
-    title: t("members verbose label"),
-    description: t("members description")
-  }, /* @__PURE__ */ import_react13.default.createElement(import_react_ui_form3.ControlFrame, null, /* @__PURE__ */ import_react13.default.createElement(import_react_ui_form3.ControlFrameItem, {
-    title: t("members label")
-  }, /* @__PURE__ */ import_react13.default.createElement(import_react14.SpaceMemberList, {
+  return /* @__PURE__ */ import_react11.default.createElement(import_react_ui8.Clipboard.Provider, null, /* @__PURE__ */ import_react11.default.createElement(import_react_ui_stack.StackItem.Content, {
+    classNames: "p-2 block overflow-y-auto"
+  }, /* @__PURE__ */ import_react11.default.createElement(import_react_ui_form3.ControlSection, {
+    title: t("members verbose label", {
+      ns: import_chunk_6P2DB4QQ.SPACE_PLUGIN
+    }),
+    description: t("members description", {
+      ns: import_chunk_6P2DB4QQ.SPACE_PLUGIN
+    })
+  }, /* @__PURE__ */ import_react11.default.createElement(import_react_ui_form3.ControlFrame, null, /* @__PURE__ */ import_react11.default.createElement(import_react_ui_form3.ControlFrameItem, {
+    title: t("members label", {
+      ns: import_chunk_6P2DB4QQ.SPACE_PLUGIN
+    })
+  }, /* @__PURE__ */ import_react11.default.createElement(import_react12.SpaceMemberList, {
     spaceKey: space.key,
     includeSelf: true
-  })), locked && /* @__PURE__ */ import_react13.default.createElement(import_react_ui_form3.ControlFrameItem, {
-    title: t("invitations label")
-  }, /* @__PURE__ */ import_react13.default.createElement("p", {
-    className: "text-description mbe-2"
-  }, t("locked space description"))), !locked && /* @__PURE__ */ import_react13.default.createElement(import_react_ui_form3.ControlFrameItem, {
-    title: t("invitations label")
-  }, selectedInvitation && /* @__PURE__ */ import_react13.default.createElement(InvitationSection, {
+  })), /* @__PURE__ */ import_react11.default.createElement(import_react_ui_form3.ControlFrameItem, {
+    title: t("invitations label", {
+      ns: import_chunk_6P2DB4QQ.SPACE_PLUGIN
+    })
+  }, selectedInvitation && /* @__PURE__ */ import_react11.default.createElement(InvitationSection, {
     ...selectedInvitation,
     onBack: handleBack
-  }), !selectedInvitation && /* @__PURE__ */ import_react13.default.createElement(import_react13.default.Fragment, null, /* @__PURE__ */ import_react13.default.createElement("p", {
+  }), !selectedInvitation && /* @__PURE__ */ import_react11.default.createElement(import_react11.default.Fragment, null, /* @__PURE__ */ import_react11.default.createElement("p", {
     className: "text-description mbe-2"
-  }, t("space invitation description")), /* @__PURE__ */ import_react13.default.createElement(import_react14.InvitationList, {
+  }, t("space invitation description", {
+    ns: import_chunk_6P2DB4QQ.SPACE_PLUGIN
+  })), /* @__PURE__ */ import_react11.default.createElement(import_react12.InvitationList, {
     className: "mb-2",
     send: handleSend,
     invitations: visibleInvitations ?? [],
     onClickRemove: (invitation) => invitation.cancel(),
     createInvitationUrl
-  }), /* @__PURE__ */ import_react13.default.createElement(import_react14.BifurcatedAction, {
+  }), /* @__PURE__ */ import_react11.default.createElement(import_react12.BifurcatedAction, {
     actions: inviteActions,
     activeAction,
     onChangeActiveAction: setActiveAction,
     "data-testid": "membersContainer.createInvitation"
-  })))), /* @__PURE__ */ import_react13.default.createElement("div", {
-    className: "justify-center gap-4 p-0 mbs-4 container-max-width grid grid-cols-1 md:grid-cols-[1fr_min-content]"
-  }, /* @__PURE__ */ import_react13.default.createElement(import_react_ui_form3.ControlItemInput, {
-    title: t("space locked label"),
-    description: t("space locked description")
-  }, /* @__PURE__ */ import_react13.default.createElement(import_react_ui8.Input.Switch, {
-    checked: locked,
-    onCheckedChange: handleChangeLocked,
-    classNames: "justify-self-end"
   })))))));
 };
 var InvitationSection = ({ state = import_invitations.Invitation.State.INIT, authCode, invitationId = "never", url = "never", onBack }) => {
   const activeView = state < 0 ? "init" : state >= import_invitations.Invitation.State.CANCELLED ? "complete" : state >= import_invitations.Invitation.State.READY_FOR_AUTHENTICATION && authCode ? "auth-code" : "qr-code";
-  return /* @__PURE__ */ import_react13.default.createElement(import_react14.Viewport.Root, {
+  return /* @__PURE__ */ import_react11.default.createElement(import_react12.Viewport.Root, {
     activeView
-  }, /* @__PURE__ */ import_react13.default.createElement(import_react14.Viewport.Views, null, /* @__PURE__ */ import_react13.default.createElement(import_react14.Viewport.View, {
+  }, /* @__PURE__ */ import_react11.default.createElement(import_react12.Viewport.Views, null, /* @__PURE__ */ import_react11.default.createElement(import_react12.Viewport.View, {
     id: "init"
-  }), /* @__PURE__ */ import_react13.default.createElement(import_react14.Viewport.View, {
+  }), /* @__PURE__ */ import_react11.default.createElement(import_react12.Viewport.View, {
     id: "complete"
-  }, /* @__PURE__ */ import_react13.default.createElement(InvitationComplete, {
+  }, /* @__PURE__ */ import_react11.default.createElement(InvitationComplete, {
     statusValue: state
-  })), /* @__PURE__ */ import_react13.default.createElement(import_react14.Viewport.View, {
+  })), /* @__PURE__ */ import_react11.default.createElement(import_react12.Viewport.View, {
     id: "auth-code"
-  }, /* @__PURE__ */ import_react13.default.createElement(InvitationAuthCode, {
+  }, /* @__PURE__ */ import_react11.default.createElement(InvitationAuthCode, {
     id: invitationId,
     code: authCode ?? "never",
     onCancel: onBack
-  })), /* @__PURE__ */ import_react13.default.createElement(import_react14.Viewport.View, {
+  })), /* @__PURE__ */ import_react11.default.createElement(import_react12.Viewport.View, {
     id: "qr-code"
-  }, /* @__PURE__ */ import_react13.default.createElement(InvitationQR, {
+  }, /* @__PURE__ */ import_react11.default.createElement(InvitationQR, {
     id: invitationId,
     url,
     onCancel: onBack
@@ -935,31 +885,31 @@ var InvitationQR = ({ id, url, onCancel }) => {
   const { t } = (0, import_react_ui8.useTranslation)("os");
   const qrLabel = (0, import_react_ui8.useId)("members-container__qr-code");
   const emoji = (0, import_util2.hexToEmoji)(id);
-  return /* @__PURE__ */ import_react13.default.createElement(import_react13.default.Fragment, null, /* @__PURE__ */ import_react13.default.createElement("p", {
+  return /* @__PURE__ */ import_react11.default.createElement(import_react11.default.Fragment, null, /* @__PURE__ */ import_react11.default.createElement("p", {
     className: "text-description"
   }, t("qr code description", {
     ns: import_chunk_6P2DB4QQ.SPACE_PLUGIN
-  })), /* @__PURE__ */ import_react13.default.createElement("div", {
+  })), /* @__PURE__ */ import_react11.default.createElement("div", {
     role: "group",
     className: "grid grid-cols-[1fr_min-content] mlb-2 gap-2"
-  }, /* @__PURE__ */ import_react13.default.createElement("div", {
+  }, /* @__PURE__ */ import_react11.default.createElement("div", {
     role: "none",
     className: "is-full aspect-square relative text-description"
-  }, /* @__PURE__ */ import_react13.default.createElement(import_react_qr_rounded.QR, {
+  }, /* @__PURE__ */ import_react11.default.createElement(import_react_qr_rounded.QR, {
     rounding: 100,
     backgroundColor: "transparent",
     color: "currentColor",
     "aria-labelledby": qrLabel,
     errorCorrectionLevel: "Q",
     cutout: true
-  }, url ?? "never"), /* @__PURE__ */ import_react13.default.createElement(import_react14.Centered, null, /* @__PURE__ */ import_react13.default.createElement(import_react14.Emoji, {
+  }, url ?? "never"), /* @__PURE__ */ import_react11.default.createElement(import_react12.Centered, null, /* @__PURE__ */ import_react11.default.createElement(import_react12.Emoji, {
     text: emoji
-  }))), /* @__PURE__ */ import_react13.default.createElement("span", {
+  }))), /* @__PURE__ */ import_react11.default.createElement("span", {
     id: qrLabel,
     className: "sr-only"
-  }, t("qr label")), /* @__PURE__ */ import_react13.default.createElement(import_react_ui8.Clipboard.Button, {
+  }, t("qr label")), /* @__PURE__ */ import_react11.default.createElement(import_react_ui8.Clipboard.Button, {
     value: url ?? "never"
-  })), /* @__PURE__ */ import_react13.default.createElement(import_react_ui8.Button, {
+  })), /* @__PURE__ */ import_react11.default.createElement(import_react_ui8.Button, {
     variant: "ghost",
     onClick: onCancel
   }, t("cancel label")));
@@ -967,26 +917,26 @@ var InvitationQR = ({ id, url, onCancel }) => {
 var InvitationAuthCode = ({ id, code, onCancel }) => {
   const { t } = (0, import_react_ui8.useTranslation)("os");
   const emoji = (0, import_util2.hexToEmoji)(id);
-  return /* @__PURE__ */ import_react13.default.createElement(import_react13.default.Fragment, null, /* @__PURE__ */ import_react13.default.createElement("p", {
+  return /* @__PURE__ */ import_react11.default.createElement(import_react11.default.Fragment, null, /* @__PURE__ */ import_react11.default.createElement("p", {
     className: "text-description"
-  }, t("auth other device emoji message")), emoji && /* @__PURE__ */ import_react13.default.createElement(import_react14.Emoji, {
+  }, t("auth other device emoji message")), emoji && /* @__PURE__ */ import_react11.default.createElement(import_react12.Emoji, {
     text: emoji,
     className: "mli-auto mlb-2 text-center"
-  }), /* @__PURE__ */ import_react13.default.createElement("p", {
+  }), /* @__PURE__ */ import_react11.default.createElement("p", {
     className: "text-description"
-  }, t("auth code message")), /* @__PURE__ */ import_react13.default.createElement(import_react14.AuthCode, {
+  }, t("auth code message")), /* @__PURE__ */ import_react11.default.createElement(import_react12.AuthCode, {
     code,
     large: true,
     classNames: "mli-auto mlb-2 text-center grow"
-  }), /* @__PURE__ */ import_react13.default.createElement(import_react_ui8.Button, {
+  }), /* @__PURE__ */ import_react11.default.createElement(import_react_ui8.Button, {
     variant: "ghost",
     onClick: onCancel
   }, t("cancel label")));
 };
 var InvitationComplete = ({ statusValue }) => {
-  return statusValue > 0 ? /* @__PURE__ */ import_react13.default.createElement(import_react12.Check, {
+  return statusValue > 0 ? /* @__PURE__ */ import_react11.default.createElement(import_react10.Check, {
     className: (0, import_react_ui_theme4.mx)("m-1.5", (0, import_react_ui_theme4.getSize)(6))
-  }) : /* @__PURE__ */ import_react13.default.createElement(import_react12.X, {
+  }) : /* @__PURE__ */ import_react11.default.createElement(import_react10.X, {
     className: (0, import_react_ui_theme4.mx)("m-1.5", (0, import_react_ui_theme4.getSize)(6))
   });
 };
@@ -994,23 +944,23 @@ var MenuFooter = ({ object }) => {
   const { t } = (0, import_react_ui9.useTranslation)(import_chunk_6P2DB4QQ.SPACE_PLUGIN);
   const client = (0, import_react_client5.useClient)();
   const space = (0, import_echo4.getSpace)(object);
-  const spaceName = space ? (0, import_chunk_XADZLQAJ.getSpaceDisplayName)(space, {
+  const spaceName = space ? (0, import_chunk_TUZWEPGX.getSpaceDisplayName)(space, {
     personal: client.spaces.default === space
   }) : "";
-  return space ? /* @__PURE__ */ import_react16.default.createElement(import_react16.default.Fragment, null, /* @__PURE__ */ import_react16.default.createElement(import_react_ui9.DropdownMenu.Separator, null), /* @__PURE__ */ import_react16.default.createElement(import_react_ui9.DropdownMenu.GroupLabel, null, t("menu footer label")), /* @__PURE__ */ import_react16.default.createElement("dl", {
+  return space ? /* @__PURE__ */ import_react14.default.createElement(import_react14.default.Fragment, null, /* @__PURE__ */ import_react14.default.createElement(import_react_ui9.DropdownMenu.Separator, null), /* @__PURE__ */ import_react14.default.createElement(import_react_ui9.DropdownMenu.GroupLabel, null, t("menu footer label")), /* @__PURE__ */ import_react14.default.createElement("dl", {
     className: "pis-2 mbe-2 text-xs grid grid-cols-[max-content_1fr] gap-2"
-  }, /* @__PURE__ */ import_react16.default.createElement("dt", {
+  }, /* @__PURE__ */ import_react14.default.createElement("dt", {
     className: "uppercase text-[.75em] tracking-wide font-medium mbs-px self-start"
-  }, t("location label")), /* @__PURE__ */ import_react16.default.createElement("dd", {
+  }, t("location label")), /* @__PURE__ */ import_react14.default.createElement("dd", {
     className: "line-clamp-3"
-  }, /* @__PURE__ */ import_react16.default.createElement(import_react15.Planet, {
+  }, /* @__PURE__ */ import_react14.default.createElement(import_react13.Planet, {
     className: "inline-block mie-1"
   }), (0, import_react_ui9.toLocalizedString)(spaceName, t)))) : null;
 };
 var ForeignKeys = ({ keys, onDelete }) => {
-  return /* @__PURE__ */ import_react19.default.createElement(import_react_ui12.List, {
+  return /* @__PURE__ */ import_react17.default.createElement(import_react_ui12.List, {
     classNames: "flex flex-col gap-2"
-  }, keys.map((key) => /* @__PURE__ */ import_react19.default.createElement(KeyItem, {
+  }, keys.map((key) => /* @__PURE__ */ import_react17.default.createElement(KeyItem, {
     key: key.id,
     forignKey: key,
     onDelete
@@ -1018,19 +968,19 @@ var ForeignKeys = ({ keys, onDelete }) => {
 };
 var KeyItem = ({ forignKey, onDelete }) => {
   const { t } = (0, import_react_ui12.useTranslation)(import_chunk_6P2DB4QQ.SPACE_PLUGIN);
-  const handleDelete = (0, import_react19.useCallback)(() => {
+  const handleDelete = (0, import_react17.useCallback)(() => {
     onDelete?.(forignKey);
   }, [
     forignKey,
     onDelete
   ]);
-  return /* @__PURE__ */ import_react19.default.createElement(import_react_ui12.ListItem.Root, {
+  return /* @__PURE__ */ import_react17.default.createElement(import_react_ui12.ListItem.Root, {
     classNames: "px-2"
-  }, /* @__PURE__ */ import_react19.default.createElement(import_react_ui12.ListItem.Heading, {
+  }, /* @__PURE__ */ import_react17.default.createElement(import_react_ui12.ListItem.Heading, {
     classNames: "flex flex-col grow truncate"
-  }, /* @__PURE__ */ import_react19.default.createElement("div", null, forignKey.source), /* @__PURE__ */ import_react19.default.createElement("div", {
+  }, /* @__PURE__ */ import_react17.default.createElement("div", null, forignKey.source), /* @__PURE__ */ import_react17.default.createElement("div", {
     className: "text-description text-sm truncate"
-  }, forignKey.id)), /* @__PURE__ */ import_react19.default.createElement(import_react_ui12.ListItem.Endcap, null, /* @__PURE__ */ import_react19.default.createElement(import_react_ui12.IconButton, {
+  }, forignKey.id)), /* @__PURE__ */ import_react17.default.createElement(import_react_ui12.ListItem.Endcap, null, /* @__PURE__ */ import_react17.default.createElement(import_react_ui12.IconButton, {
     iconOnly: true,
     icon: "ph--x--regular",
     variant: "ghost",
@@ -1044,11 +994,11 @@ var initialValues2 = {
 };
 var AdvancedObjectSettings = ({ object }) => {
   const { t } = (0, import_react_ui11.useTranslation)(import_chunk_6P2DB4QQ.SPACE_PLUGIN);
-  const [adding, setAdding] = (0, import_react18.useState)(false);
+  const [adding, setAdding] = (0, import_react16.useState)(false);
   const keys = (0, import_echo5.getMeta)(object).keys;
-  const handleNew = (0, import_react18.useCallback)(() => setAdding(true), []);
-  const handleCancel = (0, import_react18.useCallback)(() => setAdding(false), []);
-  const handleSave = (0, import_react18.useCallback)((key) => {
+  const handleNew = (0, import_react16.useCallback)(() => setAdding(true), []);
+  const handleCancel = (0, import_react16.useCallback)(() => setAdding(false), []);
+  const handleSave = (0, import_react16.useCallback)((key) => {
     const index = keys.findIndex(({ source, id }) => source === key.source && id === key.id);
     if (index === -1) {
       keys.push(key);
@@ -1057,7 +1007,7 @@ var AdvancedObjectSettings = ({ object }) => {
   }, [
     keys
   ]);
-  const handleDelete = (0, import_react18.useCallback)((key) => {
+  const handleDelete = (0, import_react16.useCallback)((key) => {
     const index = keys.findIndex(({ source, id }) => source === key.source && id === key.id);
     if (index !== -1) {
       keys.splice(index, 1);
@@ -1065,23 +1015,23 @@ var AdvancedObjectSettings = ({ object }) => {
   }, [
     keys
   ]);
-  return /* @__PURE__ */ import_react18.default.createElement(import_react18.default.Fragment, null, /* @__PURE__ */ import_react18.default.createElement("div", {
+  return /* @__PURE__ */ import_react16.default.createElement(import_react16.default.Fragment, null, /* @__PURE__ */ import_react16.default.createElement("div", {
     className: "p-2 flex flex-col gap-4"
-  }, /* @__PURE__ */ import_react18.default.createElement("h2", null, t("advanced settings label")), /* @__PURE__ */ import_react18.default.createElement("div", {
+  }, /* @__PURE__ */ import_react16.default.createElement("h2", null, t("advanced settings label")), /* @__PURE__ */ import_react16.default.createElement("div", {
     className: "flex items-center"
-  }, /* @__PURE__ */ import_react18.default.createElement("h3", {
+  }, /* @__PURE__ */ import_react16.default.createElement("h3", {
     className: "text-sm font-semibold"
-  }, t("foreign keys")), /* @__PURE__ */ import_react18.default.createElement("div", {
+  }, t("foreign keys")), /* @__PURE__ */ import_react16.default.createElement("div", {
     className: "grow"
-  }), /* @__PURE__ */ import_react18.default.createElement(import_react_ui11.IconButton, {
+  }), /* @__PURE__ */ import_react16.default.createElement(import_react_ui11.IconButton, {
     classNames: adding && "invisible",
     icon: "ph--plus--regular",
     label: t("add key"),
     onClick: handleNew
-  })), !adding && /* @__PURE__ */ import_react18.default.createElement(ForeignKeys, {
+  })), !adding && /* @__PURE__ */ import_react16.default.createElement(ForeignKeys, {
     keys,
     onDelete: handleDelete
-  })), adding && /* @__PURE__ */ import_react18.default.createElement(import_react_ui_form4.Form, {
+  })), adding && /* @__PURE__ */ import_react16.default.createElement(import_react_ui_form4.Form, {
     schema: import_echo_schema2.ForeignKeySchema,
     values: initialValues2,
     onSave: handleSave,
@@ -1090,10 +1040,10 @@ var AdvancedObjectSettings = ({ object }) => {
 };
 var BaseObjectSettings = ({ classNames, children, object }) => {
   const { t } = (0, import_react_ui13.useTranslation)(import_chunk_6P2DB4QQ.meta.id);
-  const inputRef = (0, import_react20.useRef)(null);
-  return /* @__PURE__ */ import_react20.default.createElement("form", {
+  const inputRef = (0, import_react18.useRef)(null);
+  return /* @__PURE__ */ import_react18.default.createElement("form", {
     className: (0, import_react_ui_theme5.mx)("flex flex-col p-2 gap-2", classNames)
-  }, /* @__PURE__ */ import_react20.default.createElement(import_react_ui13.Input.Root, null, /* @__PURE__ */ import_react20.default.createElement(import_react_ui13.Input.Label, null, t("name label")), /* @__PURE__ */ import_react20.default.createElement(import_react_ui13.Input.TextInput, {
+  }, /* @__PURE__ */ import_react18.default.createElement(import_react_ui13.Input.Root, null, /* @__PURE__ */ import_react18.default.createElement(import_react_ui13.Input.Label, null, t("name label")), /* @__PURE__ */ import_react18.default.createElement(import_react_ui13.Input.TextInput, {
     ref: inputRef,
     placeholder: t("name placeholder"),
     value: object.name ?? "",
@@ -1108,25 +1058,25 @@ var BaseObjectSettings = ({ classNames, children, object }) => {
   })), children);
 };
 var ObjectSettingsContainer = ({ object, role }) => {
-  const data = (0, import_react17.useMemo)(() => ({
+  const data = (0, import_react15.useMemo)(() => ({
     subject: object
   }), [
     object
   ]);
-  return /* @__PURE__ */ import_react17.default.createElement(import_react_ui10.Clipboard.Provider, null, /* @__PURE__ */ import_react17.default.createElement(import_react_ui_stack2.StackItem.Content, {
+  return /* @__PURE__ */ import_react15.default.createElement(import_react_ui10.Clipboard.Provider, null, /* @__PURE__ */ import_react15.default.createElement(import_react_ui_stack2.StackItem.Content, {
     toolbar: false,
     role
-  }, /* @__PURE__ */ import_react17.default.createElement("div", {
+  }, /* @__PURE__ */ import_react15.default.createElement("div", {
     className: "flex flex-col overflow-y-auto divide-y divide-separator"
-  }, /* @__PURE__ */ import_react17.default.createElement(BaseObjectSettings, {
+  }, /* @__PURE__ */ import_react15.default.createElement(BaseObjectSettings, {
     object
-  }, /* @__PURE__ */ import_react17.default.createElement(import_app_framework8.Surface, {
+  }, /* @__PURE__ */ import_react15.default.createElement(import_app_framework7.Surface, {
     role: "base-object-settings",
     data
-  })), /* @__PURE__ */ import_react17.default.createElement(import_app_framework8.Surface, {
+  })), /* @__PURE__ */ import_react15.default.createElement(import_app_framework7.Surface, {
     role: "object-settings",
     data
-  }), /* @__PURE__ */ import_react17.default.createElement(AdvancedObjectSettings, {
+  }), /* @__PURE__ */ import_react15.default.createElement(AdvancedObjectSettings, {
     object
   }))));
 };
@@ -1138,11 +1088,11 @@ var Status;
 })(Status || (Status = {}));
 var PersistenceStatus = ({ db }) => {
   const { t } = (0, import_react_ui14.useTranslation)(import_chunk_6P2DB4QQ.SPACE_PLUGIN);
-  const [displayMessage, setDisplayMessage] = (0, import_react22.useState)(false);
-  const [status, naturalSetStatus] = (0, import_react22.useState)(0);
-  const [prevStatus, setPrevStatus] = (0, import_react22.useState)(0);
+  const [displayMessage, setDisplayMessage] = (0, import_react20.useState)(false);
+  const [status, naturalSetStatus] = (0, import_react20.useState)(0);
+  const [prevStatus, setPrevStatus] = (0, import_react20.useState)(0);
   const _setStatus = (0, import_async2.debounce)(naturalSetStatus, 500);
-  (0, import_react22.useEffect)(() => {
+  (0, import_react20.useEffect)(() => {
     setPrevStatus(status);
     if (prevStatus !== status && status === 0) {
       setDisplayMessage(true);
@@ -1154,68 +1104,66 @@ var PersistenceStatus = ({ db }) => {
   ]);
   switch (status) {
     case 2:
-      return /* @__PURE__ */ import_react22.default.createElement("div", {
+      return /* @__PURE__ */ import_react20.default.createElement("div", {
         className: "flex items-center"
-      }, /* @__PURE__ */ import_react22.default.createElement(import_react21.Warning, {
+      }, /* @__PURE__ */ import_react20.default.createElement(import_react19.Warning, {
         className: (0, import_react_ui_theme6.mx)((0, import_react_ui_theme6.getSize)(4), "me-1")
-      }), /* @__PURE__ */ import_react22.default.createElement("span", {
+      }), /* @__PURE__ */ import_react20.default.createElement("span", {
         className: (0, import_react_ui_theme6.mx)("text-sm", import_react_ui_theme6.warningText)
       }, t("persistence error label")));
     case 1:
-      return /* @__PURE__ */ import_react22.default.createElement("div", {
+      return /* @__PURE__ */ import_react20.default.createElement("div", {
         className: "flex items-center"
-      }, /* @__PURE__ */ import_react22.default.createElement(import_react21.ArrowsCounterClockwise, {
+      }, /* @__PURE__ */ import_react20.default.createElement(import_react19.ArrowsCounterClockwise, {
         className: (0, import_react_ui_theme6.mx)((0, import_react_ui_theme6.getSize)(4), "me-1")
-      }), /* @__PURE__ */ import_react22.default.createElement("span", {
+      }), /* @__PURE__ */ import_react20.default.createElement("span", {
         className: (0, import_react_ui_theme6.mx)("text-sm", import_react_ui_theme6.staticPlaceholderText)
       }, t("persistence pending label")));
     case 0:
     default:
-      return /* @__PURE__ */ import_react22.default.createElement(import_react_ui14.Tooltip.Root, {
+      return /* @__PURE__ */ import_react20.default.createElement(import_react_ui14.Tooltip.Root, {
         delayDuration: 400
-      }, /* @__PURE__ */ import_react22.default.createElement(import_react_ui14.Tooltip.Trigger, {
+      }, /* @__PURE__ */ import_react20.default.createElement(import_react_ui14.Tooltip.Trigger, {
         role: "status",
         className: "flex items-center"
-      }, /* @__PURE__ */ import_react22.default.createElement(import_react21.CheckCircle, {
+      }, /* @__PURE__ */ import_react20.default.createElement(import_react19.CheckCircle, {
         className: (0, import_react_ui_theme6.mx)((0, import_react_ui_theme6.getSize)(4), "me-1")
-      }), displayMessage && /* @__PURE__ */ import_react22.default.createElement("span", {
+      }), displayMessage && /* @__PURE__ */ import_react20.default.createElement("span", {
         className: (0, import_react_ui_theme6.mx)("text-sm", import_react_ui_theme6.staticPlaceholderText)
-      }, t("persisted locally label"))), /* @__PURE__ */ import_react22.default.createElement(import_react_ui14.Tooltip.Portal, null, /* @__PURE__ */ import_react22.default.createElement(import_react_ui14.Tooltip.Content, null, t("persisted locally message"), /* @__PURE__ */ import_react22.default.createElement(import_react_ui14.Tooltip.Arrow, null))));
+      }, t("persisted locally label"))), /* @__PURE__ */ import_react20.default.createElement(import_react_ui14.Tooltip.Portal, null, /* @__PURE__ */ import_react20.default.createElement(import_react_ui14.Tooltip.Content, null, t("persisted locally message"), /* @__PURE__ */ import_react20.default.createElement(import_react_ui14.Tooltip.Arrow, null))));
   }
 };
 var POPOVER_ADD_SPACE = `${import_chunk_6P2DB4QQ.SPACE_PLUGIN}/PopoverRenameSpace`;
 var PopoverAddSpace = () => {
   const { t } = (0, import_react_ui15.useTranslation)(import_chunk_6P2DB4QQ.SPACE_PLUGIN);
-  const { dispatchPromise: dispatch } = (0, import_app_framework9.useIntentDispatcher)();
-  return /* @__PURE__ */ import_react23.default.createElement("div", {
+  const { dispatchPromise: dispatch } = (0, import_app_framework8.useIntentDispatcher)();
+  return /* @__PURE__ */ import_react21.default.createElement("div", {
     role: "none",
-    className: "p-1 grid grid-cols-1 gap-1 [&>button]:justify-start"
-  }, /* @__PURE__ */ import_react23.default.createElement(import_react_ui15.IconButton, {
+    className: "grid grid-cols-1 gap-1 [&>button]:justify-start"
+  }, /* @__PURE__ */ import_react21.default.createElement(import_react_ui15.IconButton, {
     variant: "ghost",
     label: t("create space label"),
     icon: "ph--plus--regular",
     onClick: () => {
-      void dispatch((0, import_app_framework9.createIntent)(import_chunk_EQ5BPSQ7.SpaceAction.OpenCreateSpace));
-      void dispatch((0, import_app_framework9.createIntent)(import_app_framework9.LayoutAction.UpdatePopover, {
+      void dispatch((0, import_app_framework8.createIntent)(import_chunk_WDEIFDTX.SpaceAction.OpenCreateSpace));
+      void dispatch((0, import_app_framework8.createIntent)(import_app_framework8.LayoutAction.UpdatePopover, {
         part: "popover",
         options: {
-          variant: "react",
           anchorId: "",
           state: false
         }
       }));
     },
     "data-testid": "spacePlugin.createSpace"
-  }), /* @__PURE__ */ import_react23.default.createElement(import_react_ui15.IconButton, {
+  }), /* @__PURE__ */ import_react21.default.createElement(import_react_ui15.IconButton, {
     variant: "ghost",
     label: t("join space label"),
     icon: "ph--sign-in--regular",
     onClick: () => {
-      void dispatch((0, import_app_framework9.createIntent)(import_chunk_EQ5BPSQ7.SpaceAction.Join));
-      void dispatch((0, import_app_framework9.createIntent)(import_app_framework9.LayoutAction.UpdatePopover, {
+      void dispatch((0, import_app_framework8.createIntent)(import_chunk_WDEIFDTX.SpaceAction.Join));
+      void dispatch((0, import_app_framework8.createIntent)(import_app_framework8.LayoutAction.UpdatePopover, {
         part: "popover",
         options: {
-          variant: "react",
           anchorId: "",
           state: false
         }
@@ -1228,11 +1176,10 @@ var __dxlog_file4 = "/home/runner/work/dxos/dxos/packages/plugins/plugin-space/s
 var POPOVER_RENAME_OBJECT = `${import_chunk_6P2DB4QQ.SPACE_PLUGIN}/PopoverRenameObject`;
 var PopoverRenameObject = ({ object: obj }) => {
   const { t } = (0, import_react_ui16.useTranslation)(import_chunk_6P2DB4QQ.SPACE_PLUGIN);
-  const doneButton = (0, import_react24.useRef)(null);
+  const doneButton = (0, import_react22.useRef)(null);
   const object = obj;
-  const [name, setName] = (0, import_react24.useState)(object.name || object.title || "");
-  const { dispatchPromise: dispatch } = (0, import_app_framework10.useIntentDispatcher)();
-  const handleDone = (0, import_react24.useCallback)(() => {
+  const [name, setName] = (0, import_react22.useState)(object.name || object.title || "");
+  const handleDone = (0, import_react22.useCallback)(() => {
     try {
       object.name = name;
     } catch {
@@ -1243,84 +1190,69 @@ var PopoverRenameObject = ({ object: obj }) => {
           err
         }, {
           F: __dxlog_file4,
-          L: 32,
+          L: 30,
           S: void 0,
           C: (f, a) => f(...a)
         });
       }
     }
-    void dispatch((0, import_app_framework10.createIntent)(import_app_framework10.LayoutAction.UpdatePopover, {
-      part: "popover",
-      options: {
-        variant: "react",
-        anchorId: "",
-        state: false
-      }
-    }));
   }, [
     object,
     name
   ]);
-  return /* @__PURE__ */ import_react24.default.createElement("div", {
+  return /* @__PURE__ */ import_react22.default.createElement("div", {
     role: "none",
     className: "p-1 flex gap-2"
-  }, /* @__PURE__ */ import_react24.default.createElement("div", {
+  }, /* @__PURE__ */ import_react22.default.createElement("div", {
     role: "none",
     className: "flex-1"
-  }, /* @__PURE__ */ import_react24.default.createElement(import_react_ui16.Input.Root, null, /* @__PURE__ */ import_react24.default.createElement(import_react_ui16.Input.Label, {
+  }, /* @__PURE__ */ import_react22.default.createElement(import_react_ui16.Input.Root, null, /* @__PURE__ */ import_react22.default.createElement(import_react_ui16.Input.Label, {
     srOnly: true
-  }, t("object name label")), /* @__PURE__ */ import_react24.default.createElement(import_react_ui16.Input.TextInput, {
+  }, t("object name label")), /* @__PURE__ */ import_react22.default.createElement(import_react_ui16.Input.TextInput, {
     placeholder: t("object placeholder"),
     value: name,
     "data-testid": "spacePlugin.renameObject.input",
     onChange: ({ target: { value } }) => setName(value),
     onKeyDown: ({ key }) => key === "Enter" && doneButton.current?.click()
-  }))), /* @__PURE__ */ import_react24.default.createElement(import_react_ui16.Button, {
+  }))), /* @__PURE__ */ import_react22.default.createElement(import_react_ui16.Popover.Close, {
+    asChild: true
+  }, /* @__PURE__ */ import_react22.default.createElement(import_react_ui16.Button, {
     ref: doneButton,
     classNames: "self-stretch",
     onClick: handleDone
   }, t("done label", {
     ns: "os"
-  })));
+  }))));
 };
 var POPOVER_RENAME_SPACE = `${import_chunk_6P2DB4QQ.SPACE_PLUGIN}/PopoverRenameSpace`;
 var PopoverRenameSpace = ({ space }) => {
   const { t } = (0, import_react_ui17.useTranslation)(import_chunk_6P2DB4QQ.SPACE_PLUGIN);
-  const doneButton = (0, import_react25.useRef)(null);
-  const [name, setName] = (0, import_react25.useState)(space.properties.name ?? "");
-  const { dispatchPromise: dispatch } = (0, import_app_framework11.useIntentDispatcher)();
-  const handleDone = (0, import_react25.useCallback)(() => {
+  const doneButton = (0, import_react23.useRef)(null);
+  const [name, setName] = (0, import_react23.useState)(space.properties.name ?? "");
+  const handleDone = (0, import_react23.useCallback)(() => {
     space.properties.name = name;
-    void dispatch((0, import_app_framework11.createIntent)(import_app_framework11.LayoutAction.UpdatePopover, {
-      part: "popover",
-      options: {
-        variant: "react",
-        anchorId: "",
-        state: false
-      }
-    }));
   }, [
     space,
     name
   ]);
-  return /* @__PURE__ */ import_react25.default.createElement("div", {
+  return /* @__PURE__ */ import_react23.default.createElement("div", {
     role: "none",
     className: "p-1 flex gap-2"
-  }, /* @__PURE__ */ import_react25.default.createElement("div", {
+  }, /* @__PURE__ */ import_react23.default.createElement("div", {
     role: "none",
     className: "flex-1"
-  }, /* @__PURE__ */ import_react25.default.createElement(import_react_ui17.Input.Root, null, /* @__PURE__ */ import_react25.default.createElement(import_react_ui17.Input.Label, {
+  }, /* @__PURE__ */ import_react23.default.createElement(import_react_ui17.Input.Root, null, /* @__PURE__ */ import_react23.default.createElement(import_react_ui17.Input.Label, {
     srOnly: true
-  }, t("space name label")), /* @__PURE__ */ import_react25.default.createElement(import_react_ui17.Input.TextInput, {
+  }, t("space name label")), /* @__PURE__ */ import_react23.default.createElement(import_react_ui17.Input.TextInput, {
     defaultValue: space.properties.name ?? "",
     placeholder: t("unnamed space label"),
     onChange: ({ target: { value } }) => setName(value),
     // TODO(wittjosiah): Ideally this should access the popover context to close the popover.
     //   Currently this is not possible because Radix does not expose the popover context.
     onKeyDown: ({ key }) => key === "Enter" && doneButton.current?.click()
-  }))), /* @__PURE__ */ import_react25.default.createElement(import_react_ui17.Popover.Close, {
+  }))), /* @__PURE__ */ import_react23.default.createElement(import_react_ui17.Popover.Close, {
     asChild: true
-  }, /* @__PURE__ */ import_react25.default.createElement(import_react_ui17.Button, {
+  }, /* @__PURE__ */ import_react23.default.createElement(import_react_ui17.Button, {
     ref: doneButton,
     classNames: "self-stretch",
     onClick: handleDone
@@ -1328,53 +1260,73 @@ var PopoverRenameSpace = ({ space }) => {
     ns: "os"
   }))));
 };
-var useQuerySpaceSchemas = (space) => {
-  const [schemas, setSchemas] = (0, import_react26.useState)([]);
+var ShareSpaceButton = ({ space }) => {
+  const { dispatchPromise: dispatch } = (0, import_app_framework9.useIntentDispatcher)();
+  return /* @__PURE__ */ import_react24.default.createElement(ShareSpaceButtonImpl, {
+    onClick: () => dispatch((0, import_app_framework9.createIntent)(import_chunk_WDEIFDTX.SpaceAction.Share, {
+      space
+    }))
+  });
+};
+var ShareSpaceButtonImpl = ({ onClick }) => {
+  const { t } = (0, import_react_ui18.useTranslation)(import_chunk_6P2DB4QQ.SPACE_PLUGIN);
+  return /* @__PURE__ */ import_react24.default.createElement(import_react_ui18.IconButton, {
+    "data-testid": "spacePlugin.shareSpaceButton",
+    icon: "ph--users--regular",
+    label: t("share space label"),
+    onClick
+  });
+};
+var usePath = (graph, id, timeout) => {
+  const [pathState, setPathState] = (0, import_react26.useState)(id ? graph.getPath({
+    target: id
+  }) : void 0);
   (0, import_react26.useEffect)(() => {
-    const query = space.db.schemaRegistry.query();
-    const initialResults = query.runSync();
-    setSchemas(initialResults);
-    const unsubscribe = query.subscribe(() => setSchemas(query.results));
-    return () => unsubscribe();
+    if (!id && pathState) {
+      setPathState(void 0);
+    }
+    if (pathState?.at(-1) === id || !id) {
+      return;
+    }
+    const frame = requestAnimationFrame(async () => {
+      try {
+        const path = await graph.waitForPath({
+          target: id
+        }, {
+          timeout
+        });
+        if (path) {
+          setPathState(path);
+        }
+      } catch {
+      }
+    });
+    return () => cancelAnimationFrame(frame);
   }, [
-    space
+    graph,
+    id,
+    timeout,
+    pathState
   ]);
-  return schemas;
-};
-var SchemaContainer = ({ space }) => {
-  const { t } = (0, import_react_ui18.useTranslation)(import_chunk_6P2DB4QQ.SPACE_PLUGIN);
-  const schemas = useQuerySpaceSchemas(space);
-  return /* @__PURE__ */ import_react26.default.createElement(import_react_ui_stack3.StackItem.Content, {
-    classNames: "block overflow-y-auto"
-  }, /* @__PURE__ */ import_react26.default.createElement(import_react_ui_form5.ControlPage, null, /* @__PURE__ */ import_react26.default.createElement(import_react_ui_form5.ControlSection, {
-    title: t("schema verbose label"),
-    description: t("schema description")
-  }, /* @__PURE__ */ import_react26.default.createElement("div", {
-    role: "none",
-    className: import_react_ui_form5.controlItemClasses
-  }, schemas.length === 0 && /* @__PURE__ */ import_react26.default.createElement("div", {
-    className: "text-center plb-4"
-  }, t("no schemas found message")), schemas.map((schema) => /* @__PURE__ */ import_react26.default.createElement("div", {
-    key: schema.id
-  }, /* @__PURE__ */ import_react26.default.createElement("div", null, schema.typename)))))));
+  return pathState;
 };
 var REFRESH_INTERVAL = 5e3;
 var ACTIVITY_DURATION = 3e4;
 var noViewers = new import_util3.ComplexMap(import_react_client6.PublicKey.hash);
 var getName = (identity) => identity.profile?.displayName ?? (0, import_display_name.generateName)(identity.identityKey.toHex());
 var SpacePresence = ({ object, spaceKey }) => {
-  const spaceState = (0, import_app_framework12.useCapability)(import_chunk_IKIDS6XF.SpaceCapabilities.MutableState);
+  const spaceState = (0, import_app_framework10.useCapability)(import_chunk_IKIDS6XF.SpaceCapabilities.MutableState);
   const client = (0, import_react_client6.useClient)();
   const identity = (0, import_halo.useIdentity)();
   const space = spaceKey ? client.spaces.get(spaceKey) : (0, import_echo6.getSpace)(object);
   const spaceMembers = (0, import_echo6.useMembers)(space?.key);
-  const [_moment, setMoment] = (0, import_react27.useState)(Date.now());
-  (0, import_react27.useEffect)(() => {
+  const [_moment, setMoment] = (0, import_react25.useState)(Date.now());
+  (0, import_react25.useEffect)(() => {
     const interval = setInterval(() => setMoment(Date.now()), REFRESH_INTERVAL);
     return () => clearInterval(interval);
   }, []);
-  const memberOnline = (0, import_react27.useCallback)((member) => member.presence === 1, []);
-  const memberIsNotSelf = (0, import_react27.useCallback)((member) => !identity?.identityKey.equals(member.identity.identityKey), [
+  const memberOnline = (0, import_react25.useCallback)((member) => member.presence === 1, []);
+  const memberIsNotSelf = (0, import_react25.useCallback)((member) => !identity?.identityKey.equals(member.identity.identityKey), [
     identity?.identityKey
   ]);
   if (!identity || !spaceState || !space) {
@@ -1391,7 +1343,7 @@ var SpacePresence = ({ object, spaceKey }) => {
       lastSeen
     };
   }).toSorted((a, b) => a.lastSeen - b.lastSeen);
-  return /* @__PURE__ */ import_react27.default.createElement(FullPresence, {
+  return /* @__PURE__ */ import_react25.default.createElement(FullPresence, {
     members: membersForObject
   });
 };
@@ -1401,71 +1353,66 @@ var FullPresence = (props) => {
   if (members.length === 0) {
     return null;
   }
-  return /* @__PURE__ */ import_react27.default.createElement("div", {
+  return /* @__PURE__ */ import_react25.default.createElement("div", {
     className: "dx-avatar-group",
     "data-testid": "spacePlugin.presence"
-  }, members.slice(0, 3).map((member, i) => /* @__PURE__ */ import_react27.default.createElement(import_react_ui19.Tooltip.Root, {
+  }, members.slice(0, 3).map((member, i) => /* @__PURE__ */ import_react25.default.createElement(import_react_ui19.Tooltip.Root, {
     key: member.identity.identityKey.toHex()
-  }, /* @__PURE__ */ import_react27.default.createElement(import_react_ui19.Tooltip.Trigger, {
-    className: "grid focus:outline-none"
-  }, /* @__PURE__ */ import_react27.default.createElement(PresenceAvatar, {
+  }, /* @__PURE__ */ import_react25.default.createElement(import_react_ui19.Tooltip.Trigger, null, /* @__PURE__ */ import_react25.default.createElement(PrensenceAvatar, {
     identity: member.identity,
     match: member.currentlyAttended,
     index: members.length - i,
     onClick: () => onMemberClick?.(member),
     size
-  })), /* @__PURE__ */ import_react27.default.createElement(import_react_ui19.Tooltip.Portal, null, /* @__PURE__ */ import_react27.default.createElement(import_react_ui19.Tooltip.Content, {
+  })), /* @__PURE__ */ import_react25.default.createElement(import_react_ui19.Tooltip.Portal, null, /* @__PURE__ */ import_react25.default.createElement(import_react_ui19.Tooltip.Content, {
     side: "bottom"
-  }, /* @__PURE__ */ import_react27.default.createElement("span", null, getName(member.identity)), /* @__PURE__ */ import_react27.default.createElement(import_react_ui19.Tooltip.Arrow, null))))), members.length > 3 && /* @__PURE__ */ import_react27.default.createElement(import_react_ui19.Tooltip.Root, null, /* @__PURE__ */ import_react27.default.createElement(import_react_ui19.Tooltip.Trigger, {
-    className: "grid focus:outline-none"
-  }, /* @__PURE__ */ import_react27.default.createElement(import_react_ui19.Avatar.Root, null, /* @__PURE__ */ import_react27.default.createElement(import_react_ui19.Avatar.Content, {
+  }, /* @__PURE__ */ import_react25.default.createElement("span", null, getName(member.identity)), /* @__PURE__ */ import_react25.default.createElement(import_react_ui19.Tooltip.Arrow, null))))), members.length > 3 && /* @__PURE__ */ import_react25.default.createElement(import_react_ui19.Tooltip.Root, null, /* @__PURE__ */ import_react25.default.createElement(import_react_ui19.Tooltip.Trigger, null, /* @__PURE__ */ import_react25.default.createElement(import_react_ui19.Avatar.Root, null, /* @__PURE__ */ import_react25.default.createElement(import_react_ui19.Avatar.Content, {
     status: "inactive",
     style: {
       zIndex: members.length - 4
     },
-    fallback: `+${members.length - 3}`,
-    size
-  }))), /* @__PURE__ */ import_react27.default.createElement(import_react_ui19.Tooltip.Portal, null, /* @__PURE__ */ import_react27.default.createElement(import_react_ui19.Tooltip.Content, {
+    fallback: `+${members.length - 3}`
+  }))), /* @__PURE__ */ import_react25.default.createElement(import_react_ui19.Tooltip.Portal, null, /* @__PURE__ */ import_react25.default.createElement(import_react_ui19.Tooltip.Content, {
     side: "bottom"
-  }, /* @__PURE__ */ import_react27.default.createElement(import_react_ui19.Tooltip.Arrow, null), /* @__PURE__ */ import_react27.default.createElement(import_react_ui19.List, {
+  }, /* @__PURE__ */ import_react25.default.createElement(import_react_ui19.Tooltip.Arrow, null), /* @__PURE__ */ import_react25.default.createElement(import_react_ui19.List, {
     classNames: "max-h-56 overflow-y-auto"
-  }, members.map((member) => /* @__PURE__ */ import_react27.default.createElement(import_react_ui19.ListItem.Root, {
+  }, members.map((member) => /* @__PURE__ */ import_react25.default.createElement(import_react_ui19.ListItem.Root, {
     key: member.identity.identityKey.toHex(),
     classNames: "flex gap-2 items-center cursor-pointer mbe-2",
     onClick: () => onMemberClick?.(member),
     "data-testid": "identity-list-item"
-  }, /* @__PURE__ */ import_react27.default.createElement(PresenceAvatar, {
+  }, /* @__PURE__ */ import_react25.default.createElement(PrensenceAvatar, {
     identity: member.identity,
     size,
     showName: true,
     match: member.currentlyAttended
   }))))))));
 };
-var PresenceAvatar = /* @__PURE__ */ (0, import_react27.forwardRef)(({ identity, showName, match, index, onClick, size }, forwardedRef) => {
+var PrensenceAvatar = ({ identity, showName, match, index, onClick, size }) => {
   const status = match ? "current" : "active";
   const fallbackValue = (0, import_util3.keyToFallback)(identity.identityKey);
-  return /* @__PURE__ */ import_react27.default.createElement(import_react_ui19.Avatar.Root, null, /* @__PURE__ */ import_react27.default.createElement(import_react_ui19.Avatar.Content, {
+  return /* @__PURE__ */ import_react25.default.createElement(import_react_ui19.Avatar.Root, null, /* @__PURE__ */ import_react25.default.createElement(import_react_ui19.Avatar.Content, {
     status,
     hue: identity.profile?.data?.hue || fallbackValue.hue,
     "data-testid": "spacePlugin.presence.member",
     "data-status": status,
     size,
+    classNames: "mbs-2 mie-4",
     ...index ? {
       style: {
         zIndex: index
       }
     } : {},
-    onClick,
-    fallback: identity.profile?.data?.emoji || fallbackValue.emoji,
-    ref: forwardedRef
-  }), /* @__PURE__ */ import_react27.default.createElement(import_react_ui19.Avatar.Label, {
+    onClick: () => onClick?.(),
+    fallback: identity.profile?.data?.emoji || fallbackValue.emoji
+  }), /* @__PURE__ */ import_react25.default.createElement(import_react_ui19.Avatar.Label, {
     classNames: showName ? "text-sm truncate pli-2" : "sr-only"
   }, getName(identity)));
-});
+};
 var SmallPresenceLive = ({ id, open, viewers }) => {
   const { hasAttention, isAncestor, isRelated } = (0, import_react_ui_attention.useAttention)(id);
   const isAttended = hasAttention || isAncestor || isRelated;
-  const { graph } = (0, import_app_framework12.useAppGraph)();
+  const { graph } = (0, import_app_framework10.useAppGraph)();
   const attended = (0, import_react_ui_attention.useAttended)();
   const startOfAttention = attended.at(-1);
   const path = usePath(graph, startOfAttention);
@@ -1474,8 +1421,8 @@ var SmallPresenceLive = ({ id, open, viewers }) => {
     const moment = Date.now();
     return Array.from(viewers2.values()).filter((viewer) => moment - viewer.lastSeen < ACTIVITY_DURATION);
   };
-  const [activeViewers, setActiveViewers] = (0, import_react27.useState)(viewers ? getActiveViewers(viewers) : []);
-  (0, import_react27.useEffect)(() => {
+  const [activeViewers, setActiveViewers] = (0, import_react25.useState)(viewers ? getActiveViewers(viewers) : []);
+  (0, import_react25.useEffect)(() => {
     if (viewers) {
       setActiveViewers(getActiveViewers(viewers));
       const interval = setInterval(() => {
@@ -1486,7 +1433,7 @@ var SmallPresenceLive = ({ id, open, viewers }) => {
   }, [
     viewers
   ]);
-  return /* @__PURE__ */ import_react27.default.createElement(SmallPresence, {
+  return /* @__PURE__ */ import_react25.default.createElement(SmallPresence, {
     count: activeViewers.length,
     attended: isAttended,
     containsAttended
@@ -1494,67 +1441,38 @@ var SmallPresenceLive = ({ id, open, viewers }) => {
 };
 var SmallPresence = ({ count = 0, attended, containsAttended }) => {
   const { t } = (0, import_react_ui19.useTranslation)(import_chunk_6P2DB4QQ.SPACE_PLUGIN);
-  return /* @__PURE__ */ import_react27.default.createElement(import_react_ui19.Tooltip.Root, null, /* @__PURE__ */ import_react27.default.createElement(import_react_ui19.Tooltip.Trigger, {
+  return /* @__PURE__ */ import_react25.default.createElement(import_react_ui19.Tooltip.Root, null, /* @__PURE__ */ import_react25.default.createElement(import_react_ui19.Tooltip.Trigger, {
     asChild: true
-  }, /* @__PURE__ */ import_react27.default.createElement(import_react_ui_attention.AttentionGlyph, {
+  }, /* @__PURE__ */ import_react25.default.createElement(import_react_ui_attention.AttentionGlyph, {
     attended,
     containsAttended,
     presence: count > 1 ? "many" : count === 1 ? "one" : "none",
     classNames: "self-center mie-1"
-  })), /* @__PURE__ */ import_react27.default.createElement(import_react_ui19.Tooltip.Portal, null, /* @__PURE__ */ import_react27.default.createElement(import_react_ui19.Tooltip.Content, {
+  })), /* @__PURE__ */ import_react25.default.createElement(import_react_ui19.Tooltip.Portal, null, /* @__PURE__ */ import_react25.default.createElement(import_react_ui19.Tooltip.Content, {
     side: "bottom"
-  }, /* @__PURE__ */ import_react27.default.createElement("span", null, t("presence label", {
+  }, /* @__PURE__ */ import_react25.default.createElement("span", null, t("presence label", {
     count
-  })), /* @__PURE__ */ import_react27.default.createElement(import_react_ui19.Tooltip.Arrow, null))));
+  })), /* @__PURE__ */ import_react25.default.createElement(import_react_ui19.Tooltip.Arrow, null))));
 };
 var SpacePluginSettings = ({ settings }) => {
   const { t } = (0, import_react_ui20.useTranslation)(import_chunk_6P2DB4QQ.SPACE_PLUGIN);
-  const { dispatchPromise: dispatch } = (0, import_app_framework13.useIntentDispatcher)();
-  const client = (0, import_react_client7.useClient)();
-  const spaces = (0, import_echo7.useSpaces)({
-    all: settings.showHidden
-  });
-  return /* @__PURE__ */ import_react28.default.createElement(import_react_ui_form6.DeprecatedFormContainer, null, /* @__PURE__ */ import_react28.default.createElement(import_react_ui_form6.DeprecatedFormInput, {
+  return /* @__PURE__ */ import_react27.default.createElement(import_react_ui_form5.DeprecatedFormContainer, null, /* @__PURE__ */ import_react27.default.createElement(import_react_ui_form5.DeprecatedFormInput, {
     label: t("show hidden spaces label")
-  }, /* @__PURE__ */ import_react28.default.createElement(import_react_ui20.Input.Switch, {
+  }, /* @__PURE__ */ import_react27.default.createElement(import_react_ui20.Input.Switch, {
     checked: settings.showHidden,
     onCheckedChange: (checked) => settings.showHidden = !!checked
-  })), /* @__PURE__ */ import_react28.default.createElement("div", {
-    role: "none"
-  }, /* @__PURE__ */ import_react28.default.createElement("h2", {
-    className: "text-xl my-4"
-  }, "Space Settings"), /* @__PURE__ */ import_react28.default.createElement(import_react_ui20.List, {
-    classNames: "max-w-md mx-auto"
-  }, spaces.map((space) => /* @__PURE__ */ import_react28.default.createElement(import_react_ui20.ListItem.Root, {
-    key: space.id
-  }, /* @__PURE__ */ import_react28.default.createElement(import_react_ui20.ListItem.Heading, {
-    classNames: "flex flex-col grow truncate mbe-2"
-  }, (0, import_react_ui20.toLocalizedString)((0, import_chunk_XADZLQAJ.getSpaceDisplayName)(space, {
-    personal: space === client.spaces.default
-  }), t)), /* @__PURE__ */ import_react28.default.createElement(import_react_ui20.ListItem.Endcap, null, /* @__PURE__ */ import_react28.default.createElement(import_react_ui20.Button, {
-    onClick: () => dispatch((0, import_app_framework13.createIntent)(import_chunk_EQ5BPSQ7.SpaceAction.OpenSettings, {
-      space
-    }))
-  }, t("open space settings label"))))))));
+  })));
 };
-var __dxlog_file5 = "/home/runner/work/dxos/dxos/packages/plugins/plugin-space/src/components/SpaceSettings/SpaceSettingsContainer.tsx";
-var FormSchema = import_chunk_EQ5BPSQ7.SpaceForm.pipe(import_effect3.Schema.extend(import_effect3.Schema.Struct({
-  archived: import_effect3.Schema.Boolean.annotations({
-    title: "Archive space"
-  })
-})));
-var SpaceSettingsContainer = ({ space }) => {
+var __dxlog_file5 = "/home/runner/work/dxos/dxos/packages/plugins/plugin-space/src/components/SpaceSettings/SpacePropertiesForm.tsx";
+var SpacePropertiesForm = ({ space }) => {
   const { t } = (0, import_react_ui21.useTranslation)(import_chunk_6P2DB4QQ.SPACE_PLUGIN);
-  const { dispatchPromise: dispatch } = (0, import_app_framework14.useIntentDispatcher)();
-  const client = (0, import_react_client8.useClient)();
-  const archived = (0, import_react_ui21.useMulticastObservable)(space.state) === import_echo8.SpaceState.SPACE_INACTIVE;
-  const [edgeReplication, setEdgeReplication] = (0, import_react29.useState)(space.internal.data.edgeReplication === import_metadata.EdgeReplicationSetting.ENABLED);
-  const toggleEdgeReplication = (0, import_react29.useCallback)(async (next) => {
+  const [edgeReplication, setEdgeReplication] = (0, import_react28.useState)(space.internal.data.edgeReplication === import_metadata.EdgeReplicationSetting.ENABLED);
+  const toggleEdgeReplication = (0, import_react28.useCallback)(async (next) => {
     setEdgeReplication(next);
     await space?.internal.setEdgeReplicationPreference(next ? import_metadata.EdgeReplicationSetting.ENABLED : import_metadata.EdgeReplicationSetting.DISABLED).catch((err) => {
       import_log3.log.catch(err, void 0, {
         F: __dxlog_file5,
-        L: 49,
+        L: 34,
         S: void 0,
         C: (f, a) => f(...a)
       });
@@ -1563,7 +1481,7 @@ var SpaceSettingsContainer = ({ space }) => {
   }, [
     space
   ]);
-  const handleSave = (0, import_react29.useCallback)((properties) => {
+  const handleSave = (0, import_react28.useCallback)((properties) => {
     void toggleEdgeReplication(properties.edgeReplication);
     if (properties.name !== space.properties.name) {
       space.properties.name = properties.name;
@@ -1574,46 +1492,31 @@ var SpaceSettingsContainer = ({ space }) => {
     if (properties.hue !== space.properties.hue) {
       space.properties.hue = properties.hue;
     }
-    if (properties.archived && !archived) {
-      void dispatch((0, import_effect3.pipe)((0, import_app_framework14.createIntent)(import_chunk_EQ5BPSQ7.SpaceAction.Close, {
-        space
-      }), (0, import_app_framework14.chain)(import_app_framework14.LayoutAction.SwitchWorkspace, {
-        part: "workspace",
-        subject: client.spaces.default.id
-      })));
-    } else if (!properties.archived && archived) {
-      void dispatch((0, import_app_framework14.createIntent)(import_chunk_EQ5BPSQ7.SpaceAction.Open, {
-        space
-      }));
-    }
   }, [
     space,
-    toggleEdgeReplication,
-    archived
+    toggleEdgeReplication
   ]);
-  const values = (0, import_react29.useMemo)(() => ({
+  const values = (0, import_react28.useMemo)(() => ({
     name: space.properties.name,
     icon: space.properties.icon,
     hue: space.properties.hue,
-    edgeReplication,
-    archived
+    edgeReplication
   }), [
     space.properties.name,
     space.properties.icon,
     space.properties.hue,
-    edgeReplication,
-    archived
+    edgeReplication
   ]);
-  const customElements = (0, import_react29.useMemo)(() => ({
+  const customElements = (0, import_react28.useMemo)(() => ({
     name: ({ type, label, getValue, onValueChange }) => {
-      const handleChange = (0, import_react29.useCallback)(({ target: { value } }) => onValueChange(type, value), [
+      const handleChange = (0, import_react28.useCallback)(({ target: { value } }) => onValueChange(type, value), [
         onValueChange,
         type
       ]);
-      return /* @__PURE__ */ import_react29.default.createElement(import_react_ui_form7.ControlItemInput, {
+      return /* @__PURE__ */ import_react28.default.createElement(import_react_ui_form6.ControlItemInput, {
         title: label,
         description: t("display name description")
-      }, /* @__PURE__ */ import_react29.default.createElement(import_react_ui21.Input.TextInput, {
+      }, /* @__PURE__ */ import_react28.default.createElement(import_react_ui21.Input.TextInput, {
         value: getValue(),
         onChange: handleChange,
         placeholder: t("display name input placeholder"),
@@ -1621,18 +1524,18 @@ var SpaceSettingsContainer = ({ space }) => {
       }));
     },
     icon: ({ type, label, getValue, onValueChange }) => {
-      const handleChange = (0, import_react29.useCallback)((nextEmoji) => onValueChange(type, nextEmoji), [
+      const handleChange = (0, import_react28.useCallback)((nextEmoji) => onValueChange(type, nextEmoji), [
         onValueChange,
         type
       ]);
-      const handleEmojiReset = (0, import_react29.useCallback)(() => onValueChange(type, void 0), [
+      const handleEmojiReset = (0, import_react28.useCallback)(() => onValueChange(type, void 0), [
         onValueChange,
         type
       ]);
-      return /* @__PURE__ */ import_react29.default.createElement(import_react_ui_form7.ControlItem, {
+      return /* @__PURE__ */ import_react28.default.createElement(import_react_ui_form6.ControlItem, {
         title: label,
         description: t("icon description")
-      }, /* @__PURE__ */ import_react29.default.createElement(import_react_ui_pickers.IconPicker, {
+      }, /* @__PURE__ */ import_react28.default.createElement(import_react_ui_pickers.IconPicker, {
         value: getValue(),
         onChange: handleChange,
         onReset: handleEmojiReset,
@@ -1641,18 +1544,18 @@ var SpaceSettingsContainer = ({ space }) => {
       }));
     },
     hue: ({ type, label, getValue, onValueChange }) => {
-      const handleChange = (0, import_react29.useCallback)((nextHue) => onValueChange(type, nextHue), [
+      const handleChange = (0, import_react28.useCallback)((nextHue) => onValueChange(type, nextHue), [
         onValueChange,
         type
       ]);
-      const handleHueReset = (0, import_react29.useCallback)(() => onValueChange(type, void 0), [
+      const handleHueReset = (0, import_react28.useCallback)(() => onValueChange(type, void 0), [
         onValueChange,
         type
       ]);
-      return /* @__PURE__ */ import_react29.default.createElement(import_react_ui_form7.ControlItem, {
+      return /* @__PURE__ */ import_react28.default.createElement(import_react_ui_form6.ControlItem, {
         title: label,
         description: t("hue description")
-      }, /* @__PURE__ */ import_react29.default.createElement(import_react_ui_pickers.HuePicker, {
+      }, /* @__PURE__ */ import_react28.default.createElement(import_react_ui_pickers.HuePicker, {
         value: getValue(),
         onChange: handleChange,
         onReset: handleHueReset,
@@ -1660,58 +1563,145 @@ var SpaceSettingsContainer = ({ space }) => {
       }));
     },
     edgeReplication: ({ type, label, getValue, onValueChange }) => {
-      const handleChange = (0, import_react29.useCallback)((checked) => onValueChange(type, checked), [
+      const handleChange = (0, import_react28.useCallback)((checked) => onValueChange(type, checked), [
         onValueChange,
         type
       ]);
-      return /* @__PURE__ */ import_react29.default.createElement(import_react_ui_form7.ControlItemInput, {
+      return /* @__PURE__ */ import_react28.default.createElement(import_react_ui_form6.ControlItemInput, {
         title: label,
         description: t("edge replication description")
-      }, /* @__PURE__ */ import_react29.default.createElement(import_react_ui21.Input.Switch, {
+      }, /* @__PURE__ */ import_react28.default.createElement(import_react_ui21.Input.Switch, {
         checked: getValue(),
         onCheckedChange: handleChange,
         classNames: "justify-self-end"
       }));
-    },
-    archived: ({ type, label, getValue, onValueChange }) => {
-      const handleChange = (0, import_react29.useCallback)(() => onValueChange(type, !getValue()), [
-        onValueChange,
-        type,
-        getValue
-      ]);
-      return /* @__PURE__ */ import_react29.default.createElement(import_react_ui_form7.ControlItemInput, {
-        title: label,
-        description: t("archive space description")
-      }, /* @__PURE__ */ import_react29.default.createElement(import_react_ui21.Button, {
-        disabled: space === client.spaces.default,
-        onClick: handleChange
-      }, getValue() ? t("unarchive space label") : t("archive space label")));
     }
   }), [
-    t,
-    space
+    t
   ]);
-  return /* @__PURE__ */ import_react29.default.createElement(import_react_ui_stack4.StackItem.Content, {
-    classNames: "block overflow-y-auto pli-2"
-  }, /* @__PURE__ */ import_react29.default.createElement(import_react_ui_form7.ControlPage, null, /* @__PURE__ */ import_react29.default.createElement(import_react_ui_form7.ControlSection, {
-    title: t("space properties settings verbose label", {
-      ns: import_chunk_6P2DB4QQ.SPACE_PLUGIN
-    }),
-    description: t("space properties settings description", {
-      ns: import_chunk_6P2DB4QQ.SPACE_PLUGIN
-    })
-  }, /* @__PURE__ */ import_react29.default.createElement(import_react_ui_form7.Form, {
-    schema: FormSchema,
+  return /* @__PURE__ */ import_react28.default.createElement(import_react_ui_form6.Form, {
+    schema: import_chunk_WDEIFDTX.SpaceForm,
     values,
     autoSave: true,
     onSave: handleSave,
     Custom: customElements,
     classNames: 'p-0 container-max-width [&_[role="form"]]:grid [&_[role="form"]]:grid-cols-1 md:[&_[role="form"]]:grid-cols-[1fr_min-content] [&_[role="form"]]:gap-4'
-  }))));
+  });
+};
+var SPACE_SETTINGS_DIALOG = `${import_chunk_6P2DB4QQ.SPACE_PLUGIN}/SpaceSettingsDialog`;
+var SpaceSettingsContainer = ({ space }) => {
+  const { t } = (0, import_react_ui22.useTranslation)(import_chunk_6P2DB4QQ.SPACE_PLUGIN);
+  const state = (0, import_app_framework11.useCapability)(import_chunk_IKIDS6XF.SpaceCapabilities.MutableState);
+  const items = (0, import_app_framework11.useCapabilities)(import_chunk_IKIDS6XF.SpaceCapabilities.SettingsSection).toSorted(import_util4.byPosition);
+  const data = (0, import_react29.useMemo)(() => ({
+    subject: space
+  }), [
+    space
+  ]);
+  const handleOpenSectionChange = (0, import_react29.useCallback)((sections) => {
+    state.spaceSettingsOpenSections.splice(0, state.spaceSettingsOpenSections.length, ...sections);
+  }, [
+    state
+  ]);
+  return /* @__PURE__ */ import_react29.default.createElement(import_react_ui_stack3.StackItem.Content, {
+    classNames: "p-2 block overflow-y-auto"
+  }, /* @__PURE__ */ import_react29.default.createElement(import_react_ui_list.Accordion.Root, {
+    items,
+    value: state.spaceSettingsOpenSections,
+    onValueChange: handleOpenSectionChange
+  }, ({ items: items2 }) => /* @__PURE__ */ import_react29.default.createElement(import_react29.default.Fragment, null, items2.map((item) => /* @__PURE__ */ import_react29.default.createElement(import_react_ui_list.Accordion.Item, {
+    key: item.id,
+    item,
+    classNames: "container-max-width"
+  }, /* @__PURE__ */ import_react29.default.createElement(import_react_ui_list.Accordion.ItemHeader, {
+    classNames: "pie-6",
+    asChild: true
+  }, /* @__PURE__ */ import_react29.default.createElement(import_react_ui_form7.ControlSectionHeading, {
+    title: (0, import_react_ui22.toLocalizedString)(item.label, t)
+  })), /* @__PURE__ */ import_react29.default.createElement(import_react_ui_list.Accordion.ItemBody, null, /* @__PURE__ */ import_react29.default.createElement(import_app_framework11.Surface, {
+    role: `space-settings--${item.id}`,
+    data
+  })))))));
+};
+var __dxlog_file6 = "/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(`${import_protocols.EdgeService.AUTOMERGE_REPLICATOR}:${spaceId}`);
+var useSyncState = () => {
+  const client = (0, import_react_client8.useClient)();
+  const [spaceState, setSpaceState] = (0, import_react31.useState)({});
+  (0, import_react31.useEffect)(() => {
+    const ctx = new import_context.Context(void 0, {
+      F: __dxlog_file6,
+      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] = (0, import_react31.useState)();
+  (0, import_react31.useEffect)(() => {
+    const ctx = new import_context.Context(void 0, {
+      F: __dxlog_file6,
+      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;
 };
 var useEdgeStatus = () => {
-  const [status, setStatus] = (0, import_react30.useState)(import_services.EdgeStatus.NOT_CONNECTED);
-  const client = (0, import_react_client9.useClient)();
+  const [status, setStatus] = (0, import_react30.useState)(import_services.QueryEdgeStatusResponse.EdgeStatus.NOT_CONNECTED);
+  const client = (0, import_react_client7.useClient)();
   (0, import_react30.useEffect)(() => {
     client.services.services.EdgeAgentService?.queryEdgeStatus().subscribe(({ status: status2 }) => {
       setStatus(status2);
@@ -1722,32 +1712,136 @@ var useEdgeStatus = () => {
   return status;
 };
 var InlineSyncStatus = ({ space, open }) => {
-  const { t } = (0, import_react_ui22.useTranslation)(import_chunk_6P2DB4QQ.SPACE_PLUGIN);
+  const { t } = (0, import_react_ui23.useTranslation)(import_chunk_6P2DB4QQ.SPACE_PLUGIN);
   const id = space.id;
   const { hasAttention, isAncestor, isRelated } = (0, import_react_ui_attention2.useAttention)(id);
   const isAttended = hasAttention || isAncestor || isRelated;
-  const { graph } = (0, import_app_framework15.useAppGraph)();
+  const { graph } = (0, import_app_framework12.useAppGraph)();
   const attended = (0, import_react_ui_attention2.useAttended)();
   const startOfAttention = attended.at(-1);
   const path = usePath(graph, startOfAttention);
   const containsAttended = !open && !isAttended && id && path ? path.includes(id) : false;
-  const connectedToEdge = useEdgeStatus() === import_services.EdgeStatus.CONNECTED;
+  const connectedToEdge = useEdgeStatus() === import_services.QueryEdgeStatusResponse.EdgeStatus.CONNECTED;
   const edgeSyncEnabled = space.internal.data.edgeReplication === import_metadata2.EdgeReplicationSetting.ENABLED;
-  const syncState = (0, import_echo9.useSpaceSyncState)(space);
+  const syncState = useSpaceSyncState(space);
   const syncing = connectedToEdge && edgeSyncEnabled && syncState && syncState.missingOnLocal > 0;
-  return /* @__PURE__ */ import_react30.default.createElement(import_react_ui22.Tooltip.Root, null, /* @__PURE__ */ import_react30.default.createElement(import_react_ui22.Tooltip.Trigger, {
+  return /* @__PURE__ */ import_react30.default.createElement(import_react_ui23.Tooltip.Root, null, /* @__PURE__ */ import_react30.default.createElement(import_react_ui23.Tooltip.Trigger, {
     asChild: true
   }, /* @__PURE__ */ import_react30.default.createElement(import_react_ui_attention2.AttentionGlyph, {
     syncing,
     attended: isAttended,
     containsAttended,
     classNames: "self-center mie-1"
-  })), /* @__PURE__ */ import_react30.default.createElement(import_react_ui22.Tooltip.Portal, null, /* @__PURE__ */ import_react30.default.createElement(import_react_ui22.Tooltip.Content, {
+  })), /* @__PURE__ */ import_react30.default.createElement(import_react_ui23.Tooltip.Portal, null, /* @__PURE__ */ import_react30.default.createElement(import_react_ui23.Tooltip.Content, {
     side: "bottom",
     classNames: "z-[70]"
-  }, /* @__PURE__ */ import_react30.default.createElement("span", null, t("syncing label")), /* @__PURE__ */ import_react30.default.createElement(import_react_ui22.Tooltip.Arrow, null))));
+  }, /* @__PURE__ */ import_react30.default.createElement("span", null, t("syncing label")), /* @__PURE__ */ import_react30.default.createElement(import_react_ui23.Tooltip.Arrow, null))));
+};
+var SYNC_STALLED_TIMEOUT = 5e3;
+var styles = {
+  barBg: "bg-neutral-50 dark:bg-green-900 text-black",
+  barFg: "bg-neutral-100 bg-green-500",
+  barHover: "dark:hover:bg-green-500"
 };
-var __dxlog_file6 = "/home/runner/work/dxos/dxos/packages/plugins/plugin-space/src/components/SyncStatus/save-tracker.ts";
+var useActive = (count) => {
+  const [current, setCurrent] = (0, import_react33.useState)(count);
+  const [active, setActive] = (0, import_react33.useState)(false);
+  (0, import_react33.useEffect)(() => {
+    let t;
+    if (count !== current) {
+      setActive(true);
+      setCurrent(count);
+      t && clearTimeout(t);
+      t = setTimeout(() => {
+        setActive(false);
+      }, SYNC_STALLED_TIMEOUT);
+    }
+    return () => {
+      setActive(false);
+      clearTimeout(t);
+    };
+  }, [
+    count,
+    current
+  ]);
+  return active;
+};
+var SpaceRowContainer = ({ spaceId, state }) => {
+  const { t } = (0, import_react_ui25.useTranslation)(import_chunk_6P2DB4QQ.SPACE_PLUGIN);
+  const client = (0, import_react_client10.useClient)();
+  const space = (0, import_echo7.useSpace)(spaceId);
+  if (!space) {
+    return null;
+  }
+  const spaceName = (0, import_react_ui25.toLocalizedString)((0, import_chunk_TUZWEPGX.getSpaceDisplayName)(space, {
+    personal: space === client.spaces.default
+  }), t);
+  return /* @__PURE__ */ import_react33.default.createElement(SpaceRow, {
+    spaceId,
+    spaceName,
+    state
+  });
+};
+var SpaceRow = ({ spaceId, spaceName, state: { localDocumentCount, remoteDocumentCount, missingOnLocal, missingOnRemote } }) => {
+  const downActive = useActive(localDocumentCount);
+  const upActive = useActive(remoteDocumentCount);
+  return /* @__PURE__ */ import_react33.default.createElement("div", {
+    className: "flex items-center mx-0.5 gap-0.5 cursor-pointer",
+    title: spaceId,
+    onClick: () => {
+      void navigator.clipboard.writeText(spaceId);
+    }
+  }, /* @__PURE__ */ import_react33.default.createElement("span", {
+    className: "is-1/2 truncate"
+  }, spaceName), /* @__PURE__ */ import_react33.default.createElement(import_react_ui25.Icon, {
+    icon: "ph--arrow-fat-line-left--regular",
+    size: 3,
+    classNames: (0, import_react_ui_theme8.mx)(downActive && "animate-[pulse_1s_infinite]")
+  }), /* @__PURE__ */ import_react33.default.createElement(Candle, {
+    up: {
+      count: remoteDocumentCount,
+      total: remoteDocumentCount + missingOnRemote
+    },
+    down: {
+      count: localDocumentCount,
+      total: localDocumentCount + missingOnLocal
+    },
+    title: spaceId
+  }), /* @__PURE__ */ import_react33.default.createElement(import_react_ui25.Icon, {
+    icon: "ph--arrow-fat-line-right--regular",
+    size: 3,
+    classNames: (0, import_react_ui_theme8.mx)(upActive && "animate-[pulse_1s_step-start_infinite]")
+  }));
+};
+var Candle = ({ classNames, up, down }) => {
+  return /* @__PURE__ */ import_react33.default.createElement("div", {
+    className: (0, import_react_ui_theme8.mx)("grid grid-cols-[1fr_2rem_1fr] w-full h-3", classNames)
+  }, /* @__PURE__ */ import_react33.default.createElement(Bar, {
+    classNames: "justify-end",
+    ...up
+  }), /* @__PURE__ */ import_react33.default.createElement("div", {
+    className: "relative"
+  }, /* @__PURE__ */ import_react33.default.createElement("div", {
+    className: (0, import_react_ui_theme8.mx)("absolute inset-0 flex items-center justify-center text-xs", styles.barBg)
+  }, up.total)), /* @__PURE__ */ import_react33.default.createElement(Bar, down));
+};
+var Bar = ({ classNames, count, total }) => {
+  let p = count / total * 100;
+  if (count < total) {
+    p = Math.min(p, 95);
+  }
+  return /* @__PURE__ */ import_react33.default.createElement("div", {
+    className: (0, import_react_ui_theme8.mx)("relative flex w-full", styles.barBg, classNames)
+  }, /* @__PURE__ */ import_react33.default.createElement("div", {
+    className: (0, import_react_ui_theme8.mx)("shrink-0", styles.barFg),
+    style: {
+      width: `${p}%`
+    }
+  }), count !== total && /* @__PURE__ */ import_react33.default.createElement("div", {
+    className: "absolute top-0 bottom-0 flex items-center mx-0.5 text-black text-xs"
+  }, count));
+};
+var __dxlog_file7 = "/home/runner/work/dxos/dxos/packages/plugins/plugin-space/src/components/SyncStatus/save-tracker.ts";
 var createClientSaveTracker = (client, cb) => {
   const CleanupFns = {};
   const state = {};
@@ -1774,8 +1868,8 @@ var createClientSaveTracker = (client, cb) => {
   };
 };
 var createSpaceSaveTracker = (space, cb) => {
-  const ctx = new import_context.Context(void 0, {
-    F: __dxlog_file6,
+  const ctx = new import_context2.Context(void 0, {
+    F: __dxlog_file7,
     L: 40
   });
   void space.waitUntilReady().then(() => {
@@ -1833,24 +1927,23 @@ var getIcon = (status) => {
       return "ph--cloud-check--regular";
   }
 };
-var SYNC_STALLED_TIMEOUT = 5e3;
 var SyncStatus = () => {
-  const client = (0, import_react_client10.useClient)();
-  const state = (0, import_echo10.useSyncState)();
-  const [saved, setSaved] = (0, import_react31.useState)(true);
-  (0, import_react31.useEffect)(() => {
+  const client = (0, import_react_client9.useClient)();
+  const state = useSyncState();
+  const [saved, setSaved] = (0, import_react32.useState)(true);
+  (0, import_react32.useEffect)(() => {
     return createClientSaveTracker(client, (state2) => {
       setSaved(state2 === "saved");
     });
   }, []);
-  return /* @__PURE__ */ import_react31.default.createElement(SyncStatusIndicator, {
+  return /* @__PURE__ */ import_react32.default.createElement(SyncStatusIndicator, {
     state,
     saved
   });
 };
 var SyncStatusIndicator = ({ state, saved }) => {
-  const { t } = (0, import_react_ui23.useTranslation)(import_chunk_6P2DB4QQ.SPACE_PLUGIN);
-  const summary = (0, import_echo10.getSyncSummary)(state);
+  const { t } = (0, import_react_ui24.useTranslation)(import_chunk_6P2DB4QQ.SPACE_PLUGIN);
+  const summary = getSyncSummary(state);
   const offline = Object.values(state).length === 0;
   const needsToUpload = summary.differentDocuments > 0 || summary.missingOnRemote > 0;
   const needsToDownload = summary.differentDocuments > 0 || summary.missingOnLocal > 0;
@@ -1860,8 +1953,8 @@ var SyncStatusIndicator = ({ state, saved }) => {
     needsToUpload,
     needsToDownload
   });
-  const [classNames, setClassNames] = (0, import_react31.useState)();
-  (0, import_react31.useEffect)(() => {
+  const [classNames, setClassNames] = (0, import_react32.useState)();
+  (0, import_react32.useEffect)(() => {
     setClassNames(void 0);
     if (offline || !needsToUpload && !needsToDownload) {
       return;
@@ -1876,14 +1969,60 @@ var SyncStatusIndicator = ({ state, saved }) => {
     needsToDownload
   ]);
   const title = t(`${status} label`);
-  const icon = /* @__PURE__ */ import_react31.default.createElement(import_react_ui23.Icon, {
+  const icon = /* @__PURE__ */ import_react32.default.createElement(import_react_ui24.Icon, {
     icon: getIcon(status),
     size: 4,
     classNames
   });
-  return /* @__PURE__ */ import_react31.default.createElement(import_plugin_status_bar.StatusBar.Item, {
-    title
-  }, icon);
+  if (offline) {
+    return /* @__PURE__ */ import_react32.default.createElement(import_plugin_status_bar.StatusBar.Item, {
+      title
+    }, icon);
+  } else {
+    return /* @__PURE__ */ import_react32.default.createElement(import_react_ui24.Popover.Root, null, /* @__PURE__ */ import_react32.default.createElement(import_react_ui24.Popover.Trigger, {
+      asChild: true
+    }, /* @__PURE__ */ import_react32.default.createElement(import_plugin_status_bar.StatusBar.Button, {
+      title
+    }, icon)), /* @__PURE__ */ import_react32.default.createElement(import_react_ui24.Popover.Portal, null, /* @__PURE__ */ import_react32.default.createElement(import_react_ui24.Popover.Content, null, /* @__PURE__ */ import_react32.default.createElement(SyncStatusDetail, {
+      state,
+      summary,
+      debug: false
+    }), /* @__PURE__ */ import_react32.default.createElement(import_react_ui24.Popover.Arrow, null))));
+  }
+};
+var SyncStatusDetail = ({ classNames, state, summary, debug }) => {
+  const [showAll, setShowAll] = (0, import_react32.useState)(false);
+  const { t } = (0, import_react_ui24.useTranslation)(import_chunk_6P2DB4QQ.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 = (0, import_react32.useCallback)((state2) => setShowAll(state2), [
+    setShowAll
+  ]);
+  return /* @__PURE__ */ import_react32.default.createElement("div", {
+    className: (0, import_react_ui_theme7.mx)("flex flex-col gap-3 p-2 text-xs min-w-[400px]", classNames)
+  }, /* @__PURE__ */ import_react32.default.createElement("div", {
+    role: "none",
+    className: "flex items-center"
+  }, /* @__PURE__ */ import_react32.default.createElement("h1", {
+    className: "flex-1"
+  }, t("sync status title")), /* @__PURE__ */ import_react32.default.createElement("div", {
+    className: "flex items-center gap-2"
+  }, /* @__PURE__ */ import_react32.default.createElement(import_react_ui24.Input.Root, null, /* @__PURE__ */ import_react32.default.createElement(import_react_ui24.Input.Label, {
+    classNames: "text-xs"
+  }, t("show all label")), /* @__PURE__ */ import_react32.default.createElement(import_react_ui24.Input.Checkbox, {
+    checked: showAll,
+    onCheckedChange: handleCheckedChange
+  })))), /* @__PURE__ */ import_react32.default.createElement("div", {
+    className: "flex flex-col gap-2"
+  }, entries.length === 0 && /* @__PURE__ */ import_react32.default.createElement("div", {
+    role: "none",
+    className: "flex justify-center"
+  }, t("no sync status label")), entries.map(([spaceId, state2]) => /* @__PURE__ */ import_react32.default.createElement(SpaceRowContainer, {
+    key: spaceId,
+    spaceId,
+    state: state2
+  }))), debug && /* @__PURE__ */ import_react32.default.createElement(import_react_ui_syntax_highlighter.SyntaxHighlighter, {
+    language: "json"
+  }, JSON.stringify(summary, null, 2)));
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
@@ -1914,19 +2053,22 @@ var SyncStatusIndicator = ({ state, saved }) => {
   PopoverRenameSpace,
   ReactRoot,
   ReactSurface,
+  SPACE_SETTINGS_DIALOG,
   Schema,
-  SchemaContainer,
+  ShareSpaceButton,
+  ShareSpaceButtonImpl,
   SmallPresence,
   SmallPresenceLive,
   SpacePluginSettings,
   SpacePresence,
+  SpacePropertiesForm,
   SpaceSettings,
   SpaceSettingsContainer,
   SpaceState,
   SpacesReady,
   SyncStatus,
+  SyncStatusDetail,
   SyncStatusIndicator,
-  Tools,
-  useQuerySpaceSchemas
+  Tools
 });
-//# sourceMappingURL=chunk-ZMQO74LX.cjs.map
+//# sourceMappingURL=chunk-3GKCNADA.cjs.map