@dxos/plugin-space 0.8.2 → 0.8.3-main.7f5a14c

package/dist/lib/node/{chunk-Q3YZEYZT.cjs → chunk-QCANR24R.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_Q3YZEYZT_exports = {};
-__export(chunk_Q3YZEYZT_exports, {
+var chunk_QCANR24R_exports = {};
+__export(chunk_QCANR24R_exports, {
   AppGraphBuilder: () => AppGraphBuilder,
   AppGraphSerializer: () => AppGraphSerializer,
   AwaitingObject: () => AwaitingObject,
@@ -68,11 +68,11 @@ __export(chunk_Q3YZEYZT_exports, {
   SyncStatusIndicator: () => SyncStatusIndicator,
   useQuerySpaceSchemas: () => useQuerySpaceSchemas
 });
-module.exports = __toCommonJS(chunk_Q3YZEYZT_exports);
+module.exports = __toCommonJS(chunk_QCANR24R_exports);
 var import_chunk_5WLAXYE3 = require("./chunk-5WLAXYE3.cjs");
 var import_chunk_7GQGM4ZF = require("./chunk-7GQGM4ZF.cjs");
-var import_chunk_COQYISES = require("./chunk-COQYISES.cjs");
-var import_chunk_FXHI7JNY = require("./chunk-FXHI7JNY.cjs");
+var import_chunk_KDBPQ6L3 = require("./chunk-KDBPQ6L3.cjs");
+var import_chunk_UUBPYP7E = require("./chunk-UUBPYP7E.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");
@@ -92,6 +92,7 @@ var import_echo2 = require("@dxos/react-client/echo");
 var import_react_ui2 = require("@dxos/react-ui");
 var import_tracking3 = require("@preact-signals/safe-react/tracking");
 var import_react4 = __toESM(require("react"));
+var import_echo3 = 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");
@@ -128,7 +129,7 @@ var import_react_qr_rounded = require("react-qr-rounded");
 var import_app_framework6 = 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");
+var import_echo4 = 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");
@@ -139,7 +140,7 @@ var import_util2 = 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_echo4 = require("@dxos/client/echo");
+var import_echo5 = 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");
@@ -177,7 +178,7 @@ 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_echo5 = require("@dxos/react-client/echo");
+var import_echo6 = 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");
@@ -186,7 +187,7 @@ 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_echo6 = require("@dxos/react-client/echo");
+var import_echo7 = 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");
@@ -196,7 +197,7 @@ 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_echo7 = require("@dxos/react-client/echo");
+var import_echo8 = 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");
@@ -208,14 +209,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_echo8 = require("@dxos/react-client/echo");
+var import_echo9 = 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_echo9 = require("@dxos/react-client/echo");
+var import_echo10 = 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;
@@ -254,7 +255,7 @@ var AwaitingObject = ({ id }) => {
       objects,
       layout
     ]);
-    const handleClose = (0, import_react2.useCallback)(async () => dispatch((0, import_app_framework.createIntent)(import_chunk_FXHI7JNY.SpaceAction.WaitForObject, {
+    const handleClose = (0, import_react2.useCallback)(async () => dispatch((0, import_app_framework.createIntent)(import_chunk_UUBPYP7E.SpaceAction.WaitForObject, {
       id: void 0
     })), [
       dispatch
@@ -314,7 +315,7 @@ var CreateObjectPanel = ({ classNames, forms, spaces, typename: initialTypename,
     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) => (0, import_echo_schema.getTypeAnnotation)(form2.objectSchema)?.typename === typename);
+    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 nameA = t("typename label", {
         ns: a.typename,
@@ -343,7 +344,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: 73,
         S: void 0,
         A: [
           "target",
@@ -379,7 +380,7 @@ var CreateObjectPanel = ({ classNames, forms, spaces, typename: initialTypename,
       defaultSpaceId,
       onChange: setTarget
     }) : form.formSchema ? /* @__PURE__ */ import_react4.default.createElement(import_react_ui_form.Form, {
-      classNames: "!p-0",
+      flush: true,
       autoFocus: true,
       values: {
         name: initialName
@@ -408,23 +409,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_COQYISES.getSpaceDisplayName)(a, {
+      const aName = (0, import_react_ui3.toLocalizedString)((0, import_chunk_KDBPQ6L3.getSpaceDisplayName)(a, {
         personal: a.id === defaultSpaceId
       }), t);
-      const bName = (0, import_react_ui3.toLocalizedString)((0, import_chunk_COQYISES.getSpaceDisplayName)(b, {
+      const bName = (0, import_react_ui3.toLocalizedString)((0, import_chunk_KDBPQ6L3.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_COQYISES.getSpaceDisplayName)(space, {
+      value: (0, import_react_ui3.toLocalizedString)((0, import_chunk_KDBPQ6L3.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_COQYISES.getSpaceDisplayName)(space, {
+    }, (0, import_react_ui3.toLocalizedString)((0, import_chunk_KDBPQ6L3.getSpaceDisplayName)(space, {
       personal: space.id === defaultSpaceId
     }), t))))));
   } finally {
@@ -466,17 +467,17 @@ var SelectSchema = ({ options, resolve, onChange }) => {
     _effect.f();
   }
 };
-var AppGraphBuilder = (0, import_app_framework3.lazy)(() => import("./app-graph-builder-WC445X77.cjs"));
-var AppGraphSerializer = (0, import_app_framework3.lazy)(() => import("./app-graph-serializer-UPQOQVMJ.cjs"));
-var IdentityCreated = (0, import_app_framework3.lazy)(() => import("./identity-created-UXEAUGC7.cjs"));
-var IntentResolver = (0, import_app_framework3.lazy)(() => import("./intent-resolver-SVFJKUH7.cjs"));
-var ReactRoot = (0, import_app_framework3.lazy)(() => import("./react-root-DDPDUMCG.cjs"));
-var ReactSurface = (0, import_app_framework3.lazy)(() => import("./react-surface-JUIU37BX.cjs"));
+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 SchemaTools = (0, import_app_framework3.lazy)(() => import("./schema-tools-ZG6Z2QRC.cjs"));
-var SpaceSettings = (0, import_app_framework3.lazy)(() => import("./settings-FOH7EB5C.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-VXQYCBII.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 CREATE_OBJECT_DIALOG = `${import_chunk_6P2DB4QQ.SPACE_PLUGIN}/CreateObjectDialog`;
 var CreateObjectDialog = ({ target, typename, name, shouldNavigate: _shouldNavigate }) => {
@@ -500,7 +501,7 @@ var CreateObjectDialog = ({ target, typename, name, shouldNavigate: _shouldNavig
       const space = (0, import_echo2.isSpace)(target2) ? target2 : (0, import_echo2.getSpace)(target2);
       (0, import_invariant.invariant)(space, "Missing space", {
         F: __dxlog_file2,
-        L: 72,
+        L: 65,
         S: void 0,
         A: [
           "space",
@@ -512,7 +513,7 @@ var CreateObjectDialog = ({ target, typename, name, shouldNavigate: _shouldNavig
       }));
       const object = result.data?.object;
       if ((0, import_echo2.isLiveObject)(object)) {
-        const addObjectIntent = (0, import_app_framework2.createIntent)(import_chunk_FXHI7JNY.SpaceAction.AddObject, {
+        const addObjectIntent = (0, import_app_framework2.createIntent)(import_chunk_UUBPYP7E.SpaceAction.AddObject, {
           target: target2,
           object,
           hidden: form.hidden
@@ -577,12 +578,12 @@ 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_FXHI7JNY.SpaceAction.Create, data));
+        const { space } = yield* dispatch((0, import_app_framework4.createIntent)(import_chunk_UUBPYP7E.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_FXHI7JNY.SpaceAction.OpenCreateObject, {
+        yield* dispatch((0, import_app_framework4.createIntent)(import_chunk_UUBPYP7E.SpaceAction.OpenCreateObject, {
           target: space
         }));
       });
@@ -612,10 +613,10 @@ var CreateSpaceDialog = () => {
         className: "p-4"
       }, /* @__PURE__ */ import_react5.default.createElement(import_react_ui_form2.Form, {
         testId: "create-space-form",
-        classNames: "!p-0",
+        flush: true,
         autoFocus: true,
         values: initialValues,
-        schema: import_chunk_FXHI7JNY.SpaceForm,
+        schema: import_chunk_UUBPYP7E.SpaceForm,
         lookupComponent: inputSurfaceLookup,
         onSave: handleCreateSpace
       })))
@@ -782,7 +783,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_echo3.useSpaceInvitations)(space.key);
+    const invitations = (0, import_echo4.useSpaceInvitations)(space.key);
     const visibleInvitations = invitations?.filter((invitation) => ![
       import_invitations.Invitation.State.CANCELLED
     ].includes(invitation.get().state));
@@ -791,10 +792,10 @@ var MembersContainer = ({ space, createInvitationUrl }) => {
       setInternalActiveAction(nextAction);
       localStorage.setItem(activeActionKey, nextAction);
     };
-    const target = space.properties[import_chunk_FXHI7JNY.CollectionType.typename]?.target?.objects[0]?.target;
-    const locked = space.properties[import_chunk_COQYISES.COMPOSER_SPACE_LOCK];
+    const target = space.properties[import_chunk_UUBPYP7E.CollectionType.typename]?.target?.objects[0]?.target;
+    const locked = space.properties[import_chunk_KDBPQ6L3.COMPOSER_SPACE_LOCK];
     const handleChangeLocked = (0, import_react11.useCallback)(() => {
-      space.properties[import_chunk_COQYISES.COMPOSER_SPACE_LOCK] = !locked;
+      space.properties[import_chunk_KDBPQ6L3.COMPOSER_SPACE_LOCK] = !locked;
     }, [
       locked,
       space
@@ -813,12 +814,12 @@ var MembersContainer = ({ space, createInvitationUrl }) => {
         }),
         testId: "membersContainer.inviteOne",
         onClick: async () => {
-          const { data: invitation } = await dispatch((0, import_app_framework6.createIntent)(import_chunk_FXHI7JNY.SpaceAction.Share, {
+          const { data: invitation } = await dispatch((0, import_app_framework6.createIntent)(import_chunk_UUBPYP7E.SpaceAction.Share, {
             space,
             type: import_invitations.Invitation.Type.INTERACTIVE,
             authMethod: import_invitations.Invitation.AuthMethod.SHARED_SECRET,
             multiUse: false,
-            target: target && (0, import_echo3.fullyQualifiedId)(target)
+            target: target && (0, import_echo4.fullyQualifiedId)(target)
           }));
           if (invitation && config.values.runtime?.app?.env?.DX_ENVIRONMENT !== "production") {
             const subscription = invitation.subscribe((invitation2) => handleInvitationEvent(invitation2, subscription));
@@ -838,12 +839,12 @@ var MembersContainer = ({ space, createInvitationUrl }) => {
         }),
         testId: "membersContainer.inviteMany",
         onClick: async () => {
-          const { data: invitation } = await dispatch((0, import_app_framework6.createIntent)(import_chunk_FXHI7JNY.SpaceAction.Share, {
+          const { data: invitation } = await dispatch((0, import_app_framework6.createIntent)(import_chunk_UUBPYP7E.SpaceAction.Share, {
             space,
             type: import_invitations.Invitation.Type.DELEGATED,
             authMethod: import_invitations.Invitation.AuthMethod.KNOWN_PUBLIC_KEY,
             multiUse: true,
-            target: target && (0, import_echo3.fullyQualifiedId)(target)
+            target: target && (0, import_echo4.fullyQualifiedId)(target)
           }));
           if (invitation && config.values.runtime?.app?.env?.DX_ENVIRONMENT !== "production") {
             const subscription = invitation.subscribe((invitation2) => handleInvitationEvent(invitation2, subscription));
@@ -1016,8 +1017,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_echo4.getSpace)(object);
-    const spaceName = space ? (0, import_chunk_COQYISES.getSpaceDisplayName)(space, {
+    const space = (0, import_echo5.getSpace)(object);
+    const spaceName = space ? (0, import_chunk_KDBPQ6L3.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", {
@@ -1043,6 +1044,7 @@ var BaseObjectSettings = ({ classNames, children, object }) => {
     }, /* @__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.
       value: object.name ?? "",
       onChange: (event) => {
         object.name = event.target.value;
@@ -1066,7 +1068,6 @@ 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, {
-      toolbar: false,
       role
     }, /* @__PURE__ */ import_react15.default.createElement("div", {
       className: "flex flex-col overflow-y-auto divide-y divide-separator"
@@ -1294,8 +1295,8 @@ var SpacePresence = ({ object, spaceKey }) => {
     const spaceState = (0, import_app_framework10.useCapability)(import_chunk_7GQGM4ZF.SpaceCapabilities.MutableState);
     const client = (0, import_react_client6.useClient)();
     const identity = (0, import_halo.useIdentity)();
-    const space = spaceKey ? client.spaces.get(spaceKey) : (0, import_echo5.getSpace)(object);
-    const spaceMembers = (0, import_echo5.useMembers)(space?.key);
+    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_react22.useState)(Date.now());
     (0, import_react22.useEffect)(() => {
       const interval = setInterval(() => setMoment(Date.now()), REFRESH_INTERVAL);
@@ -1308,7 +1309,7 @@ var SpacePresence = ({ object, spaceKey }) => {
     if (!identity || !spaceState || !space) {
       return null;
     }
-    const currentObjectViewers = spaceState.viewersByObject[(0, import_echo5.fullyQualifiedId)(object)] ?? noViewers;
+    const currentObjectViewers = spaceState.viewersByObject[(0, import_echo6.fullyQualifiedId)(object)] ?? noViewers;
     const membersForObject = spaceMembers.filter((member) => memberOnline(member) && memberIsNotSelf(member)).filter((member) => currentObjectViewers.has(member.identity.identityKey)).map((member) => {
       const objectView = currentObjectViewers.get(member.identity.identityKey);
       const lastSeen = objectView?.lastSeen ?? -Infinity;
@@ -1359,9 +1360,9 @@ var FullPresence = (props) => {
       size
     }))), /* @__PURE__ */ import_react22.default.createElement(import_react_ui16.Popover.Portal, null, /* @__PURE__ */ import_react22.default.createElement(import_react_ui16.Popover.Content, {
       side: "bottom"
-    }, /* @__PURE__ */ import_react22.default.createElement(import_react_ui16.Popover.Arrow, null), /* @__PURE__ */ import_react22.default.createElement(import_react_ui16.List, {
-      classNames: "max-h-56 overflow-y-auto"
-    }, members.map((member) => /* @__PURE__ */ import_react22.default.createElement(import_react_ui16.ListItem.Root, {
+    }, /* @__PURE__ */ import_react22.default.createElement(import_react_ui16.Popover.Arrow, null), /* @__PURE__ */ import_react22.default.createElement(import_react_ui16.Popover.Viewport, {
+      classNames: "max-bs-56"
+    }, /* @__PURE__ */ import_react22.default.createElement(import_react_ui16.List, null, members.map((member) => /* @__PURE__ */ import_react22.default.createElement(import_react_ui16.ListItem.Root, {
       key: member.identity.identityKey.toHex(),
       classNames: "flex gap-2 items-center cursor-pointer mbe-2",
       onClick: () => onMemberClick?.(member),
@@ -1371,7 +1372,7 @@ var FullPresence = (props) => {
       size,
       showName: true,
       match: member.currentlyAttended
-    }))))))));
+    })))))))));
   } finally {
     _effect.f();
   }
@@ -1463,7 +1464,7 @@ var SpacePluginSettings = ({ settings }) => {
     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_echo6.useSpaces)({
+    const spaces = (0, import_echo7.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, {
@@ -1481,10 +1482,10 @@ var SpacePluginSettings = ({ settings }) => {
       key: space.id
     }, /* @__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_COQYISES.getSpaceDisplayName)(space, {
+    }, (0, import_react_ui17.toLocalizedString)((0, import_chunk_KDBPQ6L3.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_FXHI7JNY.SpaceAction.OpenSettings, {
+      onClick: () => dispatch((0, import_app_framework11.createIntent)(import_chunk_UUBPYP7E.SpaceAction.OpenSettings, {
         space
       }))
     }, t("open space settings label"))))))));
@@ -1493,7 +1494,7 @@ var SpacePluginSettings = ({ settings }) => {
   }
 };
 var __dxlog_file5 = "/home/runner/work/dxos/dxos/packages/plugins/plugin-space/src/components/SpaceSettings/SpaceSettingsContainer.tsx";
-var FormSchema = import_chunk_FXHI7JNY.SpaceForm.pipe(import_effect4.Schema.extend(import_effect4.Schema.Struct({
+var FormSchema = import_chunk_UUBPYP7E.SpaceForm.pipe(import_effect4.Schema.extend(import_effect4.Schema.Struct({
   archived: import_effect4.Schema.Boolean.annotations({
     title: "Archive space"
   })
@@ -1504,7 +1505,7 @@ 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_echo7.SpaceState.SPACE_INACTIVE;
+    const archived = (0, import_react_ui18.useMulticastObservable)(space.state) === import_echo8.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);
@@ -1532,14 +1533,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_FXHI7JNY.SpaceAction.Close, {
+        void dispatch((0, import_effect4.pipe)((0, import_app_framework12.createIntent)(import_chunk_UUBPYP7E.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_FXHI7JNY.SpaceAction.Open, {
+        void dispatch((0, import_app_framework12.createIntent)(import_chunk_UUBPYP7E.SpaceAction.Open, {
           space
         }));
       }
@@ -1663,7 +1664,8 @@ var SpaceSettingsContainer = ({ space }) => {
       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'
+      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'
     }))));
   } finally {
     _effect.f();
@@ -1695,7 +1697,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_echo8.useSpaceSyncState)(space);
+    const syncState = (0, import_echo9.useSpaceSyncState)(space);
     const syncing = connectedToEdge && edgeSyncEnabled && syncState && syncState.missingOnLocal > 0;
     return /* @__PURE__ */ import_react25.default.createElement(import_react_ui19.Tooltip.Trigger, {
       asChild: true,
@@ -1802,7 +1804,7 @@ var SyncStatus = () => {
   var _effect = (0, import_tracking20.useSignals)();
   try {
     const client = (0, import_react_client10.useClient)();
-    const state = (0, import_echo9.useSyncState)();
+    const state = (0, import_echo10.useSyncState)();
     const [saved, setSaved] = (0, import_react26.useState)(true);
     (0, import_react26.useEffect)(() => {
       return createClientSaveTracker(client, (state2) => {
@@ -1821,7 +1823,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_echo9.getSyncSummary)(state);
+    const summary = (0, import_echo10.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;
@@ -1901,4 +1903,4 @@ var SyncStatusIndicator = ({ state, saved }) => {
   SyncStatusIndicator,
   useQuerySpaceSchemas
 });
-//# sourceMappingURL=chunk-Q3YZEYZT.cjs.map
+//# sourceMappingURL=chunk-QCANR24R.cjs.map