@dxos/plugin-space 0.8.3-main.7f5a14c → 0.8.3-staging.0fa589b

package/dist/lib/node/{chunk-QCANR24R.cjs → chunk-NCHF433F.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_QCANR24R_exports = {};
-__export(chunk_QCANR24R_exports, {
+var chunk_NCHF433F_exports = {};
+__export(chunk_NCHF433F_exports, {
   AppGraphBuilder: () => AppGraphBuilder,
   AppGraphSerializer: () => AppGraphSerializer,
   AwaitingObject: () => AwaitingObject,
@@ -68,11 +68,11 @@ __export(chunk_QCANR24R_exports, {
   SyncStatusIndicator: () => SyncStatusIndicator,
   useQuerySpaceSchemas: () => useQuerySpaceSchemas
 });
-module.exports = __toCommonJS(chunk_QCANR24R_exports);
+module.exports = __toCommonJS(chunk_NCHF433F_exports);
 var import_chunk_5WLAXYE3 = require("./chunk-5WLAXYE3.cjs");
-var import_chunk_7GQGM4ZF = require("./chunk-7GQGM4ZF.cjs");
-var import_chunk_KDBPQ6L3 = require("./chunk-KDBPQ6L3.cjs");
-var import_chunk_UUBPYP7E = require("./chunk-UUBPYP7E.cjs");
+var import_chunk_NL5Y4EDX = require("./chunk-NL5Y4EDX.cjs");
+var import_chunk_XHWVT7LW = require("./chunk-XHWVT7LW.cjs");
+var import_chunk_ULJZPATP = require("./chunk-ULJZPATP.cjs");
 var import_chunk_6P2DB4QQ = require("./chunk-6P2DB4QQ.cjs");
 var import_tracking = require("@preact-signals/safe-react/tracking");
 var import_react = require("@phosphor-icons/react");
@@ -86,20 +86,23 @@ var import_tracking2 = require("@preact-signals/safe-react/tracking");
 var import_effect = require("effect");
 var import_react3 = __toESM(require("react"));
 var import_app_framework2 = require("@dxos/app-framework");
+var import_echo2 = require("@dxos/echo");
 var import_invariant = require("@dxos/invariant");
 var import_react_client2 = require("@dxos/react-client");
-var import_echo2 = require("@dxos/react-client/echo");
+var import_echo3 = require("@dxos/react-client/echo");
 var import_react_ui2 = require("@dxos/react-ui");
+var import_react_ui_stack = require("@dxos/react-ui-stack");
+var import_schema = require("@dxos/schema");
+var import_util = require("@dxos/util");
 var import_tracking3 = require("@preact-signals/safe-react/tracking");
 var import_react4 = __toESM(require("react"));
-var import_echo3 = require("@dxos/echo");
+var import_echo4 = require("@dxos/echo");
 var import_echo_schema = require("@dxos/echo-schema");
-var import_invariant2 = require("@dxos/invariant");
 var import_react_ui3 = require("@dxos/react-ui");
 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_react_ui_stack2 = require("@dxos/react-ui-stack");
+var import_util2 = require("@dxos/util");
 var import_app_framework3 = require("@dxos/app-framework");
 var import_tracking4 = require("@preact-signals/safe-react/tracking");
 var import_effect2 = require("effect");
@@ -107,10 +110,11 @@ var import_react5 = __toESM(require("react"));
 var import_app_framework4 = require("@dxos/app-framework");
 var import_react_ui4 = require("@dxos/react-ui");
 var import_react_ui_form2 = require("@dxos/react-ui-form");
+var import_react_ui_stack3 = require("@dxos/react-ui-stack");
 var import_tracking5 = require("@preact-signals/safe-react/tracking");
 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_react_ui_theme2 = require("@dxos/react-ui-theme");
 var import_tracking6 = require("@preact-signals/safe-react/tracking");
 var import_react7 = __toESM(require("react"));
 var import_react_ui6 = require("@dxos/react-ui");
@@ -127,37 +131,38 @@ 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_framework6 = require("@dxos/app-framework");
+var import_echo5 = require("@dxos/echo");
 var import_log = require("@dxos/log");
 var import_react_client4 = require("@dxos/react-client");
-var import_echo4 = require("@dxos/react-client/echo");
+var import_echo6 = require("@dxos/react-client/echo");
 var import_invitations = require("@dxos/react-client/invitations");
 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_react_ui_stack4 = require("@dxos/react-ui-stack");
+var import_react_ui_theme3 = require("@dxos/react-ui-theme");
+var import_schema2 = require("@dxos/schema");
 var import_react12 = require("@dxos/shell/react");
-var import_util2 = require("@dxos/util");
+var import_util3 = require("@dxos/util");
 var import_tracking9 = require("@preact-signals/safe-react/tracking");
 var import_react13 = require("@phosphor-icons/react");
 var import_react14 = __toESM(require("react"));
-var import_echo5 = require("@dxos/client/echo");
+var import_echo7 = require("@dxos/client/echo");
 var import_react_client5 = require("@dxos/react-client");
 var import_react_ui9 = require("@dxos/react-ui");
 var import_tracking10 = require("@preact-signals/safe-react/tracking");
 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_react_ui_stack5 = require("@dxos/react-ui-stack");
 var import_tracking11 = require("@preact-signals/safe-react/tracking");
 var import_react16 = __toESM(require("react"));
 var import_react_ui11 = require("@dxos/react-ui");
-var import_react_ui_theme5 = require("@dxos/react-ui-theme");
 var import_tracking12 = require("@preact-signals/safe-react/tracking");
 var import_react17 = require("@phosphor-icons/react");
 var import_react18 = __toESM(require("react"));
 var import_async2 = require("@dxos/async");
 var import_react_ui12 = require("@dxos/react-ui");
-var import_react_ui_theme6 = require("@dxos/react-ui-theme");
+var import_react_ui_theme4 = require("@dxos/react-ui-theme");
 var import_tracking13 = require("@preact-signals/safe-react/tracking");
 var import_react19 = __toESM(require("react"));
 var import_app_framework8 = require("@dxos/app-framework");
@@ -171,23 +176,23 @@ var import_tracking15 = require("@preact-signals/safe-react/tracking");
 var import_react21 = __toESM(require("react"));
 var import_react_ui15 = require("@dxos/react-ui");
 var import_react_ui_form4 = require("@dxos/react-ui-form");
-var import_react_ui_stack3 = require("@dxos/react-ui-stack");
+var import_react_ui_stack6 = require("@dxos/react-ui-stack");
 var import_tracking16 = require("@preact-signals/safe-react/tracking");
 var import_effect3 = require("effect");
 var import_react22 = __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");
+var import_echo8 = require("@dxos/react-client/echo");
 var import_halo = require("@dxos/react-client/halo");
 var import_react_ui16 = require("@dxos/react-ui");
 var import_react_ui_attention = require("@dxos/react-ui-attention");
-var import_util3 = require("@dxos/util");
+var import_util4 = require("@dxos/util");
 var import_tracking17 = require("@preact-signals/safe-react/tracking");
 var import_react23 = __toESM(require("react"));
 var import_app_framework11 = require("@dxos/app-framework");
 var import_react_client7 = require("@dxos/react-client");
-var import_echo7 = require("@dxos/react-client/echo");
+var import_echo9 = require("@dxos/react-client/echo");
 var import_react_ui17 = require("@dxos/react-ui");
 var import_react_ui_form5 = require("@dxos/react-ui-form");
 var import_tracking18 = require("@preact-signals/safe-react/tracking");
@@ -197,11 +202,11 @@ var import_app_framework12 = require("@dxos/app-framework");
 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_echo10 = require("@dxos/react-client/echo");
 var import_react_ui18 = require("@dxos/react-ui");
 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_react_ui_stack7 = require("@dxos/react-ui-stack");
 var import_tracking19 = require("@preact-signals/safe-react/tracking");
 var import_effect5 = require("effect");
 var import_react25 = __toESM(require("react"));
@@ -209,14 +214,14 @@ var import_app_framework13 = 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_echo11 = require("@dxos/react-client/echo");
 var import_react_ui19 = require("@dxos/react-ui");
 var import_react_ui_attention2 = require("@dxos/react-ui-attention");
 var import_tracking20 = require("@preact-signals/safe-react/tracking");
 var import_react26 = __toESM(require("react"));
 var import_plugin_status_bar = require("@dxos/plugin-status-bar");
 var import_react_client10 = require("@dxos/react-client");
-var import_echo10 = require("@dxos/react-client/echo");
+var import_echo12 = require("@dxos/react-client/echo");
 var import_react_ui20 = require("@dxos/react-ui");
 var import_context = require("@dxos/context");
 var WAIT_FOR_OBJECT_TIMEOUT = 18e4;
@@ -255,7 +260,7 @@ var AwaitingObject = ({ id }) => {
       objects,
       layout
     ]);
-    const handleClose = (0, import_react2.useCallback)(async () => dispatch((0, import_app_framework.createIntent)(import_chunk_UUBPYP7E.SpaceAction.WaitForObject, {
+    const handleClose = (0, import_react2.useCallback)(async () => dispatch((0, import_app_framework.createIntent)(import_chunk_ULJZPATP.SpaceAction.WaitForObject, {
       id: void 0
     })), [
       dispatch
@@ -308,15 +313,12 @@ var AwaitingObject = ({ id }) => {
     _effect.f();
   }
 };
-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 }) => {
+var CreateObjectPanel = ({ forms, spaces, typename, target, name: initialName, defaultSpaceId, resolve, onTargetChange, onTypenameChange, onCreateObject }) => {
   var _effect = (0, import_tracking3.useSignals)();
   try {
     const { t } = (0, import_react_ui3.useTranslation)(import_chunk_6P2DB4QQ.SPACE_PLUGIN);
-    const [typename, setTypename] = (0, import_react4.useState)(initialTypename);
-    const [target, setTarget] = (0, import_react4.useState)(initialTarget);
-    const form = forms.find((form2) => import_echo3.Type.getTypename(form2.objectSchema) === typename);
-    const options = forms.map((form2) => (0, import_echo_schema.getTypeAnnotation)(form2.objectSchema)).filter(import_util.isNonNullable).sort((a, b) => {
+    const form = forms.find((form2) => import_echo4.Type.getTypename(form2.objectSchema) === typename);
+    const options = forms.map((form2) => (0, import_echo_schema.getTypeAnnotation)(form2.objectSchema)).filter(import_util2.isNonNullable).sort((a, b) => {
       const nameA = t("typename label", {
         ns: a.typename,
         defaultValue: a.typename
@@ -328,59 +330,45 @@ var CreateObjectPanel = ({ classNames, forms, spaces, typename: initialTypename,
       return nameA.localeCompare(nameB);
     });
     const handleCreateObject = (0, import_react4.useCallback)(async (props) => {
-      if (!form || !target) {
+      if (!form) {
         return;
       }
       await onCreateObject?.({
         form,
-        target,
         data: props
       });
     }, [
       onCreateObject,
-      form,
-      target
+      form
     ]);
     const handleSetTypename = (0, import_react4.useCallback)(async (typename2) => {
-      (0, import_invariant2.invariant)(target, "target is required", {
-        F: __dxlog_file,
-        L: 73,
-        S: void 0,
-        A: [
-          "target",
-          "'target is required'"
-        ]
-      });
       const form2 = forms.find((form3) => (0, import_echo_schema.getTypeAnnotation)(form3.objectSchema)?.typename === typename2);
       if (form2 && !form2.formSchema) {
         await onCreateObject?.({
-          form: form2,
-          target
+          form: form2
         });
       } else {
-        setTypename(typename2);
+        onTypenameChange?.(typename2);
       }
     }, [
       forms,
-      onCreateObject,
-      target
+      onCreateObject
     ]);
     const inputSurfaceLookup = (0, import_chunk_5WLAXYE3.useInputSurfaceLookup)({
       target
     });
-    return /* @__PURE__ */ import_react4.default.createElement("div", {
-      role: "form",
-      className: (0, import_react_ui_theme2.mx)("flex flex-col gap-2", classNames)
-    }, !form ? /* @__PURE__ */ import_react4.default.createElement(SelectSchema, {
+    return !form ? /* @__PURE__ */ import_react4.default.createElement(SelectSchema, {
       options,
       resolve,
       onChange: handleSetTypename
     }) : !target ? /* @__PURE__ */ import_react4.default.createElement(SelectSpace, {
       spaces,
       defaultSpaceId,
-      onChange: setTarget
-    }) : form.formSchema ? /* @__PURE__ */ import_react4.default.createElement(import_react_ui_form.Form, {
-      flush: true,
+      onChange: onTargetChange
+    }) : form.formSchema ? /* @__PURE__ */ import_react4.default.createElement("div", {
+      role: "none",
+      className: import_react_ui_stack2.cardDialogOverflow
+    }, /* @__PURE__ */ import_react4.default.createElement(import_react_ui_form.Form, {
       autoFocus: true,
       values: {
         name: initialName
@@ -388,8 +376,9 @@ var CreateObjectPanel = ({ classNames, forms, spaces, typename: initialTypename,
       schema: form.formSchema,
       testId: "create-object-form",
       onSave: handleCreateObject,
-      lookupComponent: inputSurfaceLookup
-    }) : void 0);
+      lookupComponent: inputSurfaceLookup,
+      outerSpacing: "blockStart-0"
+    })) : null;
   } finally {
     _effect.f();
   }
@@ -400,32 +389,34 @@ var SelectSpace = ({ spaces, defaultSpaceId, onChange }) => {
     const { t } = (0, import_react_ui3.useTranslation)(import_chunk_6P2DB4QQ.SPACE_PLUGIN);
     return /* @__PURE__ */ import_react4.default.createElement(import_react_ui_searchlist.SearchList.Root, {
       label: t("space input label"),
-      classNames: "flex flex-col grow overflow-hidden"
+      classNames: import_react_ui_stack2.cardDialogSearchListRoot
     }, /* @__PURE__ */ import_react4.default.createElement(import_react_ui_searchlist.SearchList.Input, {
       autoFocus: true,
       "data-testid": "create-object-form.space-input",
-      placeholder: t("space input placeholder"),
-      classNames: "px-1 my-2"
+      placeholder: t("space input placeholder")
     }), /* @__PURE__ */ import_react4.default.createElement(import_react_ui_searchlist.SearchList.Content, {
-      classNames: "max-bs-[24rem] overflow-auto"
+      classNames: [
+        import_react_ui_stack2.cardDialogOverflow,
+        "plb-cardSpacingBlock"
+      ]
     }, spaces.sort((a, b) => {
-      const aName = (0, import_react_ui3.toLocalizedString)((0, import_chunk_KDBPQ6L3.getSpaceDisplayName)(a, {
+      const aName = (0, import_react_ui3.toLocalizedString)((0, import_chunk_XHWVT7LW.getSpaceDisplayName)(a, {
         personal: a.id === defaultSpaceId
       }), t);
-      const bName = (0, import_react_ui3.toLocalizedString)((0, import_chunk_KDBPQ6L3.getSpaceDisplayName)(b, {
+      const bName = (0, import_react_ui3.toLocalizedString)((0, import_chunk_XHWVT7LW.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_KDBPQ6L3.getSpaceDisplayName)(space, {
+      value: (0, import_react_ui3.toLocalizedString)((0, import_chunk_XHWVT7LW.getSpaceDisplayName)(space, {
         personal: space.id === defaultSpaceId
       }), t),
-      onSelect: () => onChange(space),
+      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_KDBPQ6L3.getSpaceDisplayName)(space, {
+    }, (0, import_react_ui3.toLocalizedString)((0, import_chunk_XHWVT7LW.getSpaceDisplayName)(space, {
       personal: space.id === defaultSpaceId
     }), t))))));
   } finally {
@@ -438,14 +429,13 @@ var SelectSchema = ({ options, resolve, onChange }) => {
     const { t } = (0, import_react_ui3.useTranslation)(import_chunk_6P2DB4QQ.SPACE_PLUGIN);
     return /* @__PURE__ */ import_react4.default.createElement(import_react_ui_searchlist.SearchList.Root, {
       label: t("schema input label"),
-      classNames: "flex flex-col grow overflow-hidden"
+      classNames: import_react_ui_stack2.cardDialogSearchListRoot
     }, /* @__PURE__ */ import_react4.default.createElement(import_react_ui_searchlist.SearchList.Input, {
       autoFocus: true,
       "data-testid": "create-object-form.schema-input",
-      placeholder: t("schema input placeholder"),
-      classNames: "px-1 my-2"
+      placeholder: t("schema input placeholder")
     }), /* @__PURE__ */ import_react4.default.createElement(import_react_ui_searchlist.SearchList.Content, {
-      classNames: "max-bs-[24rem] overflow-auto"
+      classNames: import_react_ui_stack2.cardDialogPaddedOverflow
     }, options.map((option) => /* @__PURE__ */ import_react4.default.createElement(import_react_ui_searchlist.SearchList.Item, {
       key: option.typename,
       value: t("typename label", {
@@ -467,41 +457,46 @@ var SelectSchema = ({ options, resolve, onChange }) => {
     _effect.f();
   }
 };
-var AppGraphBuilder = (0, import_app_framework3.lazy)(() => import("./app-graph-builder-6QDQEYHS.cjs"));
-var AppGraphSerializer = (0, import_app_framework3.lazy)(() => import("./app-graph-serializer-6SWKHDE2.cjs"));
-var IdentityCreated = (0, import_app_framework3.lazy)(() => import("./identity-created-KCJAOFZC.cjs"));
-var IntentResolver = (0, import_app_framework3.lazy)(() => import("./intent-resolver-XR4S7LME.cjs"));
-var ReactRoot = (0, import_app_framework3.lazy)(() => import("./react-root-Z2YM6JYC.cjs"));
-var ReactSurface = (0, import_app_framework3.lazy)(() => import("./react-surface-H6XNU6DS.cjs"));
-var SchemaDefs = (0, import_app_framework3.lazy)(() => import("./schema-defs-XLFBG3XK.cjs"));
+var AppGraphBuilder = (0, import_app_framework3.lazy)(() => import("./app-graph-builder-6LK5HLLE.cjs"));
+var AppGraphSerializer = (0, import_app_framework3.lazy)(() => import("./app-graph-serializer-HKHBNHA3.cjs"));
+var IdentityCreated = (0, import_app_framework3.lazy)(() => import("./identity-created-FF4WZ2WY.cjs"));
+var IntentResolver = (0, import_app_framework3.lazy)(() => import("./intent-resolver-AV4CMM3Z.cjs"));
+var ReactRoot = (0, import_app_framework3.lazy)(() => import("./react-root-RQUU3A45.cjs"));
+var ReactSurface = (0, import_app_framework3.lazy)(() => import("./react-surface-AZFJLE72.cjs"));
+var SchemaDefs = (0, import_app_framework3.lazy)(() => import("./schema-defs-OB2X2HBH.cjs"));
 var SchemaTools = (0, import_app_framework3.lazy)(() => import("./schema-tools-IYREN4IH.cjs"));
-var SpaceSettings = (0, import_app_framework3.lazy)(() => import("./settings-XRAT3YMN.cjs"));
-var SpaceState = (0, import_app_framework3.lazy)(() => import("./state-ZT3MTZXB.cjs"));
-var SpacesReady = (0, import_app_framework3.lazy)(() => import("./spaces-ready-KKFEN2MM.cjs"));
-var __dxlog_file2 = "/home/runner/work/dxos/dxos/packages/plugins/plugin-space/src/components/CreateDialog/CreateObjectDialog.tsx";
+var SpaceSettings = (0, import_app_framework3.lazy)(() => import("./settings-P2EQ7VKQ.cjs"));
+var SpaceState = (0, import_app_framework3.lazy)(() => import("./state-M35DK75Z.cjs"));
+var SpacesReady = (0, import_app_framework3.lazy)(() => import("./spaces-ready-DXPOHYV7.cjs"));
+var __dxlog_file = "/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 }) => {
+var CreateObjectDialog = ({ target: initialTarget, typename: initialTypename, name, shouldNavigate: _shouldNavigate }) => {
   var _effect = (0, import_tracking2.useSignals)();
   try {
     const closeRef = (0, import_react3.useRef)(null);
     const manager = (0, import_app_framework2.usePluginManager)();
     const { t } = (0, import_react_ui2.useTranslation)(import_chunk_6P2DB4QQ.SPACE_PLUGIN);
     const client = (0, import_react_client2.useClient)();
-    const spaces = (0, import_echo2.useSpaces)();
+    const spaces = (0, import_echo3.useSpaces)();
     const { dispatchPromise: dispatch } = (0, import_app_framework2.useIntentDispatcher)();
-    const forms = (0, import_app_framework2.useCapabilities)(import_chunk_7GQGM4ZF.SpaceCapabilities.ObjectForm);
+    const forms = (0, import_app_framework2.useCapabilities)(import_chunk_NL5Y4EDX.SpaceCapabilities.ObjectForm);
+    const [target, setTarget] = (0, import_react3.useState)(initialTarget);
+    const [typename, setTypename] = (0, import_react3.useState)(initialTypename);
+    const space = (0, import_echo3.isSpace)(target) ? target : (0, import_echo3.getSpace)(target);
+    const queryCollections = (0, import_echo3.useQuery)(space, import_echo2.Query.type(import_schema.DataType.QueryCollection));
+    const hiddenTypenames = queryCollections.map((collection) => collection.query.typename).filter(import_util.isNonNullable);
     const resolve = (0, import_react3.useCallback)((typename2) => manager.context.getCapabilities(import_app_framework2.Capabilities.Metadata).find(({ id }) => id === typename2)?.metadata ?? {}, [
       manager
     ]);
-    const handleCreateObject = (0, import_react3.useCallback)(async ({ form, target: target2, data = {} }) => {
-      if (!target2) {
+    const handleCreateObject = (0, import_react3.useCallback)(async ({ form, data = {} }) => {
+      if (!target) {
         return;
       }
       closeRef.current?.click();
-      const space = (0, import_echo2.isSpace)(target2) ? target2 : (0, import_echo2.getSpace)(target2);
-      (0, import_invariant.invariant)(space, "Missing space", {
-        F: __dxlog_file2,
-        L: 65,
+      const space2 = (0, import_echo3.isSpace)(target) ? target : (0, import_echo3.getSpace)(target);
+      (0, import_invariant.invariant)(space2, "Missing space", {
+        F: __dxlog_file,
+        L: 73,
         S: void 0,
         A: [
           "space",
@@ -509,14 +504,15 @@ var CreateObjectDialog = ({ target, typename, name, shouldNavigate: _shouldNavig
         ]
       });
       const result = await dispatch(form.getIntent(data, {
-        space
+        space: space2
       }));
       const object = result.data?.object;
-      if ((0, import_echo2.isLiveObject)(object)) {
-        const addObjectIntent = (0, import_app_framework2.createIntent)(import_chunk_UUBPYP7E.SpaceAction.AddObject, {
-          target: target2,
+      if ((0, import_echo3.isLiveObject)(object)) {
+        const hidden = form.hidden || hiddenTypenames.includes(import_echo2.Type.getTypename(form.objectSchema));
+        const addObjectIntent = (0, import_app_framework2.createIntent)(import_chunk_ULJZPATP.SpaceAction.AddObject, {
+          target,
           object,
-          hidden: form.hidden
+          hidden
         });
         const shouldNavigate = _shouldNavigate ?? (() => true);
         if (shouldNavigate(object)) {
@@ -529,17 +525,25 @@ var CreateObjectDialog = ({ target, typename, name, shouldNavigate: _shouldNavig
       }
     }, [
       dispatch,
-      resolve
+      target,
+      resolve,
+      hiddenTypenames,
+      _shouldNavigate
     ]);
     return (
       // TODO(wittjosiah): The tablist dialog pattern is copied from @dxos/plugin-manager.
       //  Consider factoring it out to the tabs package.
       /* @__PURE__ */ import_react3.default.createElement(import_react_ui2.Dialog.Content, {
-        classNames: "p-0 bs-content max-bs-full md:max-is-[40rem] overflow-hidden"
+        classNames: import_react_ui_stack.cardDialogContent
       }, /* @__PURE__ */ import_react3.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_react3.default.createElement(import_react_ui2.Dialog.Title, null, t("create object dialog title")), /* @__PURE__ */ import_react3.default.createElement(import_react_ui2.Dialog.Close, {
+        className: import_react_ui_stack.cardDialogHeader
+      }, /* @__PURE__ */ import_react3.default.createElement(import_react_ui2.Dialog.Title, null, t("create object dialog title", {
+        object: t("typename label", {
+          ns: typename,
+          defaultValue: "Item"
+        })
+      })), /* @__PURE__ */ import_react3.default.createElement(import_react_ui2.Dialog.Close, {
         asChild: true
       }, /* @__PURE__ */ import_react3.default.createElement(import_react_ui2.Button, {
         ref: closeRef,
@@ -550,7 +554,6 @@ var CreateObjectDialog = ({ target, typename, name, shouldNavigate: _shouldNavig
         icon: "ph--x--regular",
         size: 4
       })))), /* @__PURE__ */ import_react3.default.createElement(CreateObjectPanel, {
-        classNames: "p-4",
         forms,
         spaces,
         target,
@@ -558,6 +561,8 @@ var CreateObjectDialog = ({ target, typename, name, shouldNavigate: _shouldNavig
         name,
         defaultSpaceId: client.spaces.default.id,
         resolve,
+        onTargetChange: setTarget,
+        onTypenameChange: setTypename,
         onCreateObject: handleCreateObject
       }))
     );
@@ -578,13 +583,16 @@ var CreateSpaceDialog = () => {
     const inputSurfaceLookup = (0, import_chunk_5WLAXYE3.useInputSurfaceLookup)();
     const handleCreateSpace = (0, import_react5.useCallback)(async (data) => {
       const program = import_effect2.Effect.gen(function* () {
-        const { space } = yield* dispatch((0, import_app_framework4.createIntent)(import_chunk_UUBPYP7E.SpaceAction.Create, data));
+        const { space } = yield* dispatch((0, import_app_framework4.createIntent)(import_chunk_ULJZPATP.SpaceAction.Create, data));
         yield* dispatch((0, import_app_framework4.createIntent)(import_app_framework4.LayoutAction.SwitchWorkspace, {
           part: "workspace",
           subject: space.id
         }));
-        yield* dispatch((0, import_app_framework4.createIntent)(import_chunk_UUBPYP7E.SpaceAction.OpenCreateObject, {
-          target: space
+        yield* dispatch((0, import_app_framework4.createIntent)(import_app_framework4.LayoutAction.UpdateDialog, {
+          part: "dialog",
+          options: {
+            state: false
+          }
         }));
       });
       await import_effect2.Effect.runPromise(program);
@@ -595,10 +603,10 @@ var CreateSpaceDialog = () => {
       // TODO(wittjosiah): The tablist dialog pattern is copied from @dxos/plugin-manager.
       //  Consider factoring it out to the tabs package.
       /* @__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"
+        classNames: import_react_ui_stack3.cardDialogContent
       }, /* @__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"
+        className: import_react_ui_stack3.cardDialogHeader
       }, /* @__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_react5.default.createElement(import_react_ui4.Button, {
@@ -610,15 +618,16 @@ var CreateSpaceDialog = () => {
         icon: "ph--x--regular",
         size: 4
       })))), /* @__PURE__ */ import_react5.default.createElement("div", {
-        className: "p-4"
+        role: "none",
+        className: "contents"
       }, /* @__PURE__ */ import_react5.default.createElement(import_react_ui_form2.Form, {
         testId: "create-space-form",
-        flush: true,
         autoFocus: true,
         values: initialValues,
-        schema: import_chunk_UUBPYP7E.SpaceForm,
+        schema: import_chunk_ULJZPATP.SpaceForm,
         lookupComponent: inputSurfaceLookup,
-        onSave: handleCreateSpace
+        onSave: handleCreateSpace,
+        outerSpacing: "scroll-fields"
       })))
     );
   } finally {
@@ -631,11 +640,11 @@ var CollectionMain = ({ collection }) => {
     const { t } = (0, import_react_ui5.useTranslation)(import_chunk_6P2DB4QQ.SPACE_PLUGIN);
     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"),
+      className: (0, import_react_ui_theme2.mx)(import_react_ui_theme2.baseSurface, "min-bs-screen is-full flex items-center justify-center p-8"),
       "data-testid": "composer.firstRunMessage"
     }, /* @__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_theme2.mx)(import_react_ui_theme2.descriptionMessage, "rounded-md p-8 font-normal text-lg max-is-[24rem] break-words")
     }, collection.name ?? t("unnamed collection label")));
   } finally {
     _effect.f();
@@ -760,7 +769,7 @@ var JoinDialog = ({ navigableCollections, onDone, ...props }) => {
     _effect.f();
   }
 };
-var __dxlog_file3 = "/home/runner/work/dxos/dxos/packages/plugins/plugin-space/src/components/MembersContainer.tsx";
+var __dxlog_file2 = "/home/runner/work/dxos/dxos/packages/plugins/plugin-space/src/components/MembersContainer.tsx";
 var activeActionKey = "dxos:react-shell/space-manager/active-action";
 var handleInvitationEvent = (invitation, subscription) => {
   const invitationCode = import_invitations.InvitationEncoder.encode(invitation);
@@ -769,8 +778,8 @@ var handleInvitationEvent = (invitation, subscription) => {
       invitationCode,
       authCode: invitation.authCode
     }), void 0, {
-      F: __dxlog_file3,
-      L: 40,
+      F: __dxlog_file2,
+      L: 42,
       S: void 0,
       C: (f, a) => f(...a)
     });
@@ -783,7 +792,7 @@ var MembersContainer = ({ space, createInvitationUrl }) => {
     const { t } = (0, import_react_ui8.useTranslation)(import_chunk_6P2DB4QQ.SPACE_PLUGIN);
     const config = (0, import_react_client4.useConfig)();
     const { dispatchPromise: dispatch } = (0, import_app_framework6.useIntentDispatcher)();
-    const invitations = (0, import_echo4.useSpaceInvitations)(space.key);
+    const invitations = (0, import_echo6.useSpaceInvitations)(space.key);
     const visibleInvitations = invitations?.filter((invitation) => ![
       import_invitations.Invitation.State.CANCELLED
     ].includes(invitation.get().state));
@@ -792,10 +801,10 @@ var MembersContainer = ({ space, createInvitationUrl }) => {
       setInternalActiveAction(nextAction);
       localStorage.setItem(activeActionKey, nextAction);
     };
-    const target = space.properties[import_chunk_UUBPYP7E.CollectionType.typename]?.target?.objects[0]?.target;
-    const locked = space.properties[import_chunk_KDBPQ6L3.COMPOSER_SPACE_LOCK];
+    const target = space.properties[import_echo5.Type.getTypename(import_schema2.DataType.Collection)]?.target?.objects[0]?.target;
+    const locked = space.properties[import_chunk_XHWVT7LW.COMPOSER_SPACE_LOCK];
     const handleChangeLocked = (0, import_react11.useCallback)(() => {
-      space.properties[import_chunk_KDBPQ6L3.COMPOSER_SPACE_LOCK] = !locked;
+      space.properties[import_chunk_XHWVT7LW.COMPOSER_SPACE_LOCK] = !locked;
     }, [
       locked,
       space
@@ -814,12 +823,12 @@ var MembersContainer = ({ space, createInvitationUrl }) => {
         }),
         testId: "membersContainer.inviteOne",
         onClick: async () => {
-          const { data: invitation } = await dispatch((0, import_app_framework6.createIntent)(import_chunk_UUBPYP7E.SpaceAction.Share, {
+          const { data: invitation } = await dispatch((0, import_app_framework6.createIntent)(import_chunk_ULJZPATP.SpaceAction.Share, {
             space,
             type: import_invitations.Invitation.Type.INTERACTIVE,
             authMethod: import_invitations.Invitation.AuthMethod.SHARED_SECRET,
             multiUse: false,
-            target: target && (0, import_echo4.fullyQualifiedId)(target)
+            target: target && (0, import_echo6.fullyQualifiedId)(target)
           }));
           if (invitation && config.values.runtime?.app?.env?.DX_ENVIRONMENT !== "production") {
             const subscription = invitation.subscribe((invitation2) => handleInvitationEvent(invitation2, subscription));
@@ -839,12 +848,12 @@ var MembersContainer = ({ space, createInvitationUrl }) => {
         }),
         testId: "membersContainer.inviteMany",
         onClick: async () => {
-          const { data: invitation } = await dispatch((0, import_app_framework6.createIntent)(import_chunk_UUBPYP7E.SpaceAction.Share, {
+          const { data: invitation } = await dispatch((0, import_app_framework6.createIntent)(import_chunk_ULJZPATP.SpaceAction.Share, {
             space,
             type: import_invitations.Invitation.Type.DELEGATED,
             authMethod: import_invitations.Invitation.AuthMethod.KNOWN_PUBLIC_KEY,
             multiUse: true,
-            target: target && (0, import_echo4.fullyQualifiedId)(target)
+            target: target && (0, import_echo6.fullyQualifiedId)(target)
           }));
           if (invitation && config.values.runtime?.app?.env?.DX_ENVIRONMENT !== "production") {
             const subscription = invitation.subscribe((invitation2) => handleInvitationEvent(invitation2, subscription));
@@ -863,7 +872,7 @@ var MembersContainer = ({ space, createInvitationUrl }) => {
     const handleBack = () => {
       setSelectedInvitation(null);
     };
-    return /* @__PURE__ */ import_react11.default.createElement(import_react_ui8.Clipboard.Provider, null, /* @__PURE__ */ import_react11.default.createElement(import_react_ui_stack.StackItem.Content, {
+    return /* @__PURE__ */ import_react11.default.createElement(import_react_ui8.Clipboard.Provider, null, /* @__PURE__ */ import_react11.default.createElement(import_react_ui_stack4.StackItem.Content, {
       classNames: "block overflow-y-auto"
     }, /* @__PURE__ */ import_react11.default.createElement(import_react_ui_form3.ControlPage, null, /* @__PURE__ */ import_react11.default.createElement(import_react_ui_form3.ControlSection, {
       title: t("members verbose label"),
@@ -943,7 +952,7 @@ var InvitationQR = ({ id, url, onCancel }) => {
   try {
     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);
+    const emoji = (0, import_util3.hexToEmoji)(id);
     return /* @__PURE__ */ import_react11.default.createElement(import_react11.default.Fragment, null, /* @__PURE__ */ import_react11.default.createElement("p", {
       className: "text-description"
     }, t("qr code description", {
@@ -980,7 +989,7 @@ var InvitationAuthCode = ({ id, code, onCancel }) => {
   var _effect = (0, import_tracking8.useSignals)();
   try {
     const { t } = (0, import_react_ui8.useTranslation)("os");
-    const emoji = (0, import_util2.hexToEmoji)(id);
+    const emoji = (0, import_util3.hexToEmoji)(id);
     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_react11.default.createElement(import_react12.Emoji, {
@@ -1004,9 +1013,9 @@ var InvitationComplete = ({ statusValue }) => {
   var _effect = (0, import_tracking8.useSignals)();
   try {
     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))
+      className: (0, import_react_ui_theme3.mx)("m-1.5", (0, import_react_ui_theme3.getSize)(6))
     }) : /* @__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))
+      className: (0, import_react_ui_theme3.mx)("m-1.5", (0, import_react_ui_theme3.getSize)(6))
     });
   } finally {
     _effect.f();
@@ -1017,8 +1026,8 @@ var MenuFooter = ({ object }) => {
   try {
     const { t } = (0, import_react_ui9.useTranslation)(import_chunk_6P2DB4QQ.SPACE_PLUGIN);
     const client = (0, import_react_client5.useClient)();
-    const space = (0, import_echo5.getSpace)(object);
-    const spaceName = space ? (0, import_chunk_KDBPQ6L3.getSpaceDisplayName)(space, {
+    const space = (0, import_echo7.getSpace)(object);
+    const spaceName = space ? (0, import_chunk_XHWVT7LW.getSpaceDisplayName)(space, {
       personal: client.spaces.default === space
     }) : "";
     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", {
@@ -1039,9 +1048,7 @@ var BaseObjectSettings = ({ classNames, children, object }) => {
   try {
     const { t } = (0, import_react_ui11.useTranslation)(import_chunk_6P2DB4QQ.meta.id);
     const inputRef = (0, import_react16.useRef)(null);
-    return /* @__PURE__ */ import_react16.default.createElement("form", {
-      className: (0, import_react_ui_theme5.mx)("flex flex-col p-2 gap-2", classNames)
-    }, /* @__PURE__ */ import_react16.default.createElement(import_react_ui11.Input.Root, null, /* @__PURE__ */ import_react16.default.createElement(import_react_ui11.Input.Label, null, t("name label")), /* @__PURE__ */ import_react16.default.createElement(import_react_ui11.Input.TextInput, {
+    return /* @__PURE__ */ import_react16.default.createElement(import_react16.default.Fragment, null, /* @__PURE__ */ import_react16.default.createElement(import_react_ui11.Input.Root, null, /* @__PURE__ */ import_react16.default.createElement(import_react_ui11.Input.Label, null, t("name label")), /* @__PURE__ */ import_react16.default.createElement(import_react_ui11.Input.TextInput, {
       ref: inputRef,
       placeholder: t("name placeholder"),
       // TODO(burdon): Use annotation to get the name field.
@@ -1067,10 +1074,11 @@ var ObjectSettingsContainer = ({ object, role }) => {
     }), [
       object
     ]);
-    return /* @__PURE__ */ import_react15.default.createElement(import_react_ui10.Clipboard.Provider, null, /* @__PURE__ */ import_react15.default.createElement(import_react_ui_stack2.StackItem.Content, {
-      role
+    return /* @__PURE__ */ import_react15.default.createElement(import_react_ui10.Clipboard.Provider, null, /* @__PURE__ */ import_react15.default.createElement(import_react_ui_stack5.StackItem.Content, {
+      toolbar: false
     }, /* @__PURE__ */ import_react15.default.createElement("div", {
-      className: "flex flex-col overflow-y-auto divide-y divide-separator"
+      role: "none",
+      className: "overflow-y-auto pli-cardSpacingInline plb-cardSpacingBlock"
     }, /* @__PURE__ */ import_react15.default.createElement(BaseObjectSettings, {
       object
     }, /* @__PURE__ */ import_react15.default.createElement(import_app_framework7.Surface, {
@@ -1107,17 +1115,17 @@ var PersistenceStatus = ({ db }) => {
         return /* @__PURE__ */ import_react18.default.createElement("div", {
           className: "flex items-center"
         }, /* @__PURE__ */ import_react18.default.createElement(import_react17.Warning, {
-          className: (0, import_react_ui_theme6.mx)((0, import_react_ui_theme6.getSize)(4), "me-1")
+          className: (0, import_react_ui_theme4.mx)((0, import_react_ui_theme4.getSize)(4), "me-1")
         }), /* @__PURE__ */ import_react18.default.createElement("span", {
-          className: (0, import_react_ui_theme6.mx)("text-sm", import_react_ui_theme6.warningText)
+          className: (0, import_react_ui_theme4.mx)("text-sm", import_react_ui_theme4.warningText)
         }, t("persistence error label")));
       case 1:
         return /* @__PURE__ */ import_react18.default.createElement("div", {
           className: "flex items-center"
         }, /* @__PURE__ */ import_react18.default.createElement(import_react17.ArrowsCounterClockwise, {
-          className: (0, import_react_ui_theme6.mx)((0, import_react_ui_theme6.getSize)(4), "me-1")
+          className: (0, import_react_ui_theme4.mx)((0, import_react_ui_theme4.getSize)(4), "me-1")
         }), /* @__PURE__ */ import_react18.default.createElement("span", {
-          className: (0, import_react_ui_theme6.mx)("text-sm", import_react_ui_theme6.staticPlaceholderText)
+          className: (0, import_react_ui_theme4.mx)("text-sm", import_react_ui_theme4.staticPlaceholderText)
         }, t("persistence pending label")));
       case 0:
       default:
@@ -1127,16 +1135,16 @@ var PersistenceStatus = ({ db }) => {
           content: t("persisted locally message"),
           className: "flex items-center"
         }, /* @__PURE__ */ import_react18.default.createElement(import_react17.CheckCircle, {
-          className: (0, import_react_ui_theme6.mx)((0, import_react_ui_theme6.getSize)(4), "me-1")
+          className: (0, import_react_ui_theme4.mx)((0, import_react_ui_theme4.getSize)(4), "me-1")
         }), displayMessage && /* @__PURE__ */ import_react18.default.createElement("span", {
-          className: (0, import_react_ui_theme6.mx)("text-sm", import_react_ui_theme6.staticPlaceholderText)
+          className: (0, import_react_ui_theme4.mx)("text-sm", import_react_ui_theme4.staticPlaceholderText)
         }, t("persisted locally label")));
     }
   } finally {
     _effect.f();
   }
 };
-var __dxlog_file4 = "/home/runner/work/dxos/dxos/packages/plugins/plugin-space/src/components/PopoverRenameObject.tsx";
+var __dxlog_file3 = "/home/runner/work/dxos/dxos/packages/plugins/plugin-space/src/components/PopoverRenameObject.tsx";
 var POPOVER_RENAME_OBJECT = `${import_chunk_6P2DB4QQ.SPACE_PLUGIN}/PopoverRenameObject`;
 var PopoverRenameObject = ({ object: obj }) => {
   var _effect = (0, import_tracking13.useSignals)();
@@ -1156,7 +1164,7 @@ var PopoverRenameObject = ({ object: obj }) => {
           import_log2.log.error("Failed to rename object", {
             err
           }, {
-            F: __dxlog_file4,
+            F: __dxlog_file3,
             L: 32,
             S: void 0,
             C: (f, a) => f(...a)
@@ -1268,7 +1276,7 @@ var SchemaContainer = ({ space }) => {
   try {
     const { t } = (0, import_react_ui15.useTranslation)(import_chunk_6P2DB4QQ.SPACE_PLUGIN);
     const schemas = useQuerySpaceSchemas(space);
-    return /* @__PURE__ */ import_react21.default.createElement(import_react_ui_stack3.StackItem.Content, {
+    return /* @__PURE__ */ import_react21.default.createElement(import_react_ui_stack6.StackItem.Content, {
       classNames: "block overflow-y-auto"
     }, /* @__PURE__ */ import_react21.default.createElement(import_react_ui_form4.ControlPage, null, /* @__PURE__ */ import_react21.default.createElement(import_react_ui_form4.ControlSection, {
       title: t("schema verbose label"),
@@ -1287,16 +1295,16 @@ var SchemaContainer = ({ space }) => {
 };
 var REFRESH_INTERVAL = 5e3;
 var ACTIVITY_DURATION = 3e4;
-var noViewers = new import_util3.ComplexMap(import_react_client6.PublicKey.hash);
+var noViewers = new import_util4.ComplexMap(import_react_client6.PublicKey.hash);
 var getName = (identity) => identity.profile?.displayName ?? (0, import_display_name.generateName)(identity.identityKey.toHex());
 var SpacePresence = ({ object, spaceKey }) => {
   var _effect = (0, import_tracking16.useSignals)();
   try {
-    const spaceState = (0, import_app_framework10.useCapability)(import_chunk_7GQGM4ZF.SpaceCapabilities.MutableState);
+    const spaceState = (0, import_app_framework10.useCapability)(import_chunk_NL5Y4EDX.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 space = spaceKey ? client.spaces.get(spaceKey) : (0, import_echo8.getSpace)(object);
+    const spaceMembers = (0, import_echo8.useMembers)(space?.key);
     const [_moment, setMoment] = (0, import_react22.useState)(Date.now());
     (0, import_react22.useEffect)(() => {
       const interval = setInterval(() => setMoment(Date.now()), REFRESH_INTERVAL);
@@ -1309,7 +1317,7 @@ var SpacePresence = ({ object, spaceKey }) => {
     if (!identity || !spaceState || !space) {
       return null;
     }
-    const currentObjectViewers = spaceState.viewersByObject[(0, import_echo6.fullyQualifiedId)(object)] ?? noViewers;
+    const currentObjectViewers = spaceState.viewersByObject[(0, import_echo8.fullyQualifiedId)(object)] ?? noViewers;
     const membersForObject = spaceMembers.filter((member) => memberOnline(member) && memberIsNotSelf(member)).filter((member) => currentObjectViewers.has(member.identity.identityKey)).map((member) => {
       const objectView = currentObjectViewers.get(member.identity.identityKey);
       const lastSeen = objectView?.lastSeen ?? -Infinity;
@@ -1381,7 +1389,7 @@ var PresenceAvatar = /* @__PURE__ */ (0, import_react22.forwardRef)(({ identity,
   var _effect = (0, import_tracking16.useSignals)();
   try {
     const status = match ? "current" : "active";
-    const fallbackValue = (0, import_util3.keyToFallback)(identity.identityKey);
+    const fallbackValue = (0, import_util4.keyToFallback)(identity.identityKey);
     return /* @__PURE__ */ import_react22.default.createElement(import_react_ui16.Avatar.Root, null, /* @__PURE__ */ import_react22.default.createElement(import_react_ui16.Avatar.Content, {
       status,
       hue: identity.profile?.data?.hue || fallbackValue.hue,
@@ -1462,39 +1470,46 @@ var SpacePluginSettings = ({ settings }) => {
   var _effect = (0, import_tracking17.useSignals)();
   try {
     const { t } = (0, import_react_ui17.useTranslation)(import_chunk_6P2DB4QQ.SPACE_PLUGIN);
-    const { dispatchPromise: dispatch } = (0, import_app_framework11.useIntentDispatcher)();
     const client = (0, import_react_client7.useClient)();
-    const spaces = (0, import_echo7.useSpaces)({
+    const spaces = (0, import_echo9.useSpaces)({
       all: settings.showHidden
     });
-    return /* @__PURE__ */ import_react23.default.createElement(import_react_ui_form5.DeprecatedFormContainer, null, /* @__PURE__ */ import_react23.default.createElement(import_react_ui_form5.DeprecatedFormInput, {
+    const { dispatchPromise: dispatch } = (0, import_app_framework11.useIntentDispatcher)();
+    return /* @__PURE__ */ import_react23.default.createElement(import_react_ui_form5.ControlPage, null, /* @__PURE__ */ import_react23.default.createElement(import_react_ui_form5.ControlSection, {
+      title: t("space settings label"),
+      description: t("space settings description")
+    }, /* @__PURE__ */ import_react23.default.createElement("div", {
+      className: "pli-trimMd container-max-width"
+    }, /* @__PURE__ */ import_react23.default.createElement(import_react_ui_form5.DeprecatedFormInput, {
       label: t("show hidden spaces label")
     }, /* @__PURE__ */ import_react23.default.createElement(import_react_ui17.Input.Switch, {
       checked: settings.showHidden,
       onCheckedChange: (checked) => settings.showHidden = !!checked
-    })), /* @__PURE__ */ import_react23.default.createElement("div", {
-      role: "none"
-    }, /* @__PURE__ */ import_react23.default.createElement("h2", {
-      className: "text-xl my-4"
-    }, "Space Settings"), /* @__PURE__ */ import_react23.default.createElement(import_react_ui17.List, {
-      classNames: "max-w-md mx-auto"
+    }))), /* @__PURE__ */ import_react23.default.createElement(import_react_ui17.List, {
+      classNames: [
+        import_react_ui_form5.controlItemClasses,
+        "flex flex-col gap-trimSm"
+      ]
     }, spaces.map((space) => /* @__PURE__ */ import_react23.default.createElement(import_react_ui17.ListItem.Root, {
-      key: space.id
+      key: space.id,
+      classNames: "is-full items-center"
     }, /* @__PURE__ */ import_react23.default.createElement(import_react_ui17.ListItem.Heading, {
-      classNames: "flex flex-col grow truncate mbe-2"
-    }, (0, import_react_ui17.toLocalizedString)((0, import_chunk_KDBPQ6L3.getSpaceDisplayName)(space, {
+      classNames: "grow truncate !min-bs-0"
+    }, (0, import_react_ui17.toLocalizedString)((0, import_chunk_XHWVT7LW.getSpaceDisplayName)(space, {
       personal: space === client.spaces.default
-    }), t)), /* @__PURE__ */ import_react23.default.createElement(import_react_ui17.ListItem.Endcap, null, /* @__PURE__ */ import_react23.default.createElement(import_react_ui17.Button, {
-      onClick: () => dispatch((0, import_app_framework11.createIntent)(import_chunk_UUBPYP7E.SpaceAction.OpenSettings, {
+    }), t)), /* @__PURE__ */ import_react23.default.createElement(import_react_ui17.IconButton, {
+      icon: "ph--faders--regular",
+      onClick: () => dispatch((0, import_app_framework11.createIntent)(import_chunk_ULJZPATP.SpaceAction.OpenSettings, {
         space
-      }))
-    }, t("open space settings label"))))))));
+      })),
+      label: t("open space settings label")
+    }))))));
   } finally {
     _effect.f();
   }
 };
-var __dxlog_file5 = "/home/runner/work/dxos/dxos/packages/plugins/plugin-space/src/components/SpaceSettings/SpaceSettingsContainer.tsx";
-var FormSchema = import_chunk_UUBPYP7E.SpaceForm.pipe(import_effect4.Schema.extend(import_effect4.Schema.Struct({
+var __dxlog_file4 = "/home/runner/work/dxos/dxos/packages/plugins/plugin-space/src/components/SpaceSettings/SpaceSettingsContainer.tsx";
+var FormSchema = import_chunk_ULJZPATP.SpaceForm.pipe(import_effect4.Schema.extend(import_effect4.Schema.Struct({
   archived: import_effect4.Schema.Boolean.annotations({
     title: "Archive space"
   })
@@ -1505,13 +1520,13 @@ var SpaceSettingsContainer = ({ space }) => {
     const { t } = (0, import_react_ui18.useTranslation)(import_chunk_6P2DB4QQ.SPACE_PLUGIN);
     const { dispatchPromise: dispatch } = (0, import_app_framework12.useIntentDispatcher)();
     const client = (0, import_react_client8.useClient)();
-    const archived = (0, import_react_ui18.useMulticastObservable)(space.state) === import_echo8.SpaceState.SPACE_INACTIVE;
+    const archived = (0, import_react_ui18.useMulticastObservable)(space.state) === import_echo10.SpaceState.SPACE_INACTIVE;
     const [edgeReplication, setEdgeReplication] = (0, import_react24.useState)(space.internal.data.edgeReplication === import_metadata.EdgeReplicationSetting.ENABLED);
     const toggleEdgeReplication = (0, import_react24.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,
+          F: __dxlog_file4,
           L: 51,
           S: void 0,
           C: (f, a) => f(...a)
@@ -1533,14 +1548,14 @@ var SpaceSettingsContainer = ({ space }) => {
         space.properties.hue = properties.hue;
       }
       if (properties.archived && !archived) {
-        void dispatch((0, import_effect4.pipe)((0, import_app_framework12.createIntent)(import_chunk_UUBPYP7E.SpaceAction.Close, {
+        void dispatch((0, import_effect4.pipe)((0, import_app_framework12.createIntent)(import_chunk_ULJZPATP.SpaceAction.Close, {
           space
         }), (0, import_app_framework12.chain)(import_app_framework12.LayoutAction.SwitchWorkspace, {
           part: "workspace",
           subject: client.spaces.default.id
         })));
       } else if (!properties.archived && archived) {
-        void dispatch((0, import_app_framework12.createIntent)(import_chunk_UUBPYP7E.SpaceAction.Open, {
+        void dispatch((0, import_app_framework12.createIntent)(import_chunk_ULJZPATP.SpaceAction.Open, {
           space
         }));
       }
@@ -1649,7 +1664,7 @@ var SpaceSettingsContainer = ({ space }) => {
       t,
       space
     ]);
-    return /* @__PURE__ */ import_react24.default.createElement(import_react_ui_stack4.StackItem.Content, {
+    return /* @__PURE__ */ import_react24.default.createElement(import_react_ui_stack7.StackItem.Content, {
       classNames: "block overflow-y-auto pli-2"
     }, /* @__PURE__ */ import_react24.default.createElement(import_react_ui_form6.ControlPage, null, /* @__PURE__ */ import_react24.default.createElement(import_react_ui_form6.ControlSection, {
       title: t("space properties settings verbose label", {
@@ -1664,8 +1679,8 @@ var SpaceSettingsContainer = ({ space }) => {
       autoSave: true,
       onSave: handleSave,
       Custom: customElements,
-      flush: true,
-      classNames: 'container-max-width [&_[role="form"]]:grid [&_[role="form"]]:grid-cols-1 md:[&_[role="form"]]:grid-cols-[1fr_min-content] [&_[role="form"]]:gap-4'
+      outerSpacing: false,
+      classNames: "container-max-width grid grid-cols-1 md:grid-cols-[1fr_min-content] gap-4"
     }))));
   } finally {
     _effect.f();
@@ -1697,7 +1712,7 @@ var InlineSyncStatus = ({ space, open }) => {
     const containsAttended = !open && !isAttended && id && import_effect5.Option.isSome(path) ? path.value.includes(id) : false;
     const connectedToEdge = useEdgeStatus() === import_services.EdgeStatus.CONNECTED;
     const edgeSyncEnabled = space.internal.data.edgeReplication === import_metadata2.EdgeReplicationSetting.ENABLED;
-    const syncState = (0, import_echo9.useSpaceSyncState)(space);
+    const syncState = (0, import_echo11.useSpaceSyncState)(space);
     const syncing = connectedToEdge && edgeSyncEnabled && syncState && syncState.missingOnLocal > 0;
     return /* @__PURE__ */ import_react25.default.createElement(import_react_ui19.Tooltip.Trigger, {
       asChild: true,
@@ -1713,7 +1728,7 @@ var InlineSyncStatus = ({ space, open }) => {
     _effect.f();
   }
 };
-var __dxlog_file6 = "/home/runner/work/dxos/dxos/packages/plugins/plugin-space/src/components/SyncStatus/save-tracker.ts";
+var __dxlog_file5 = "/home/runner/work/dxos/dxos/packages/plugins/plugin-space/src/components/SyncStatus/save-tracker.ts";
 var createClientSaveTracker = (client, cb) => {
   const CleanupFns = {};
   const state = {};
@@ -1741,7 +1756,7 @@ var createClientSaveTracker = (client, cb) => {
 };
 var createSpaceSaveTracker = (space, cb) => {
   const ctx = new import_context.Context(void 0, {
-    F: __dxlog_file6,
+    F: __dxlog_file5,
     L: 40
   });
   void space.waitUntilReady().then(() => {
@@ -1804,7 +1819,7 @@ var SyncStatus = () => {
   var _effect = (0, import_tracking20.useSignals)();
   try {
     const client = (0, import_react_client10.useClient)();
-    const state = (0, import_echo10.useSyncState)();
+    const state = (0, import_echo12.useSyncState)();
     const [saved, setSaved] = (0, import_react26.useState)(true);
     (0, import_react26.useEffect)(() => {
       return createClientSaveTracker(client, (state2) => {
@@ -1823,7 +1838,7 @@ var SyncStatusIndicator = ({ state, saved }) => {
   var _effect = (0, import_tracking20.useSignals)();
   try {
     const { t } = (0, import_react_ui20.useTranslation)(import_chunk_6P2DB4QQ.SPACE_PLUGIN);
-    const summary = (0, import_echo10.getSyncSummary)(state);
+    const summary = (0, import_echo12.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;
@@ -1903,4 +1918,4 @@ var SyncStatusIndicator = ({ state, saved }) => {
   SyncStatusIndicator,
   useQuerySpaceSchemas
 });
-//# sourceMappingURL=chunk-QCANR24R.cjs.map
+//# sourceMappingURL=chunk-NCHF433F.cjs.map