@dxos/plugin-space 0.8.2-main.2f9c567 → 0.8.2-main.30e4dbb

package/dist/lib/node/{chunk-HD4C6KKO.cjs → chunk-P2ZIVXGY.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_HD4C6KKO_exports = {};
-__export(chunk_HD4C6KKO_exports, {
+var chunk_P2ZIVXGY_exports = {};
+__export(chunk_P2ZIVXGY_exports, {
   AppGraphBuilder: () => AppGraphBuilder,
   AppGraphSerializer: () => AppGraphSerializer,
   AwaitingObject: () => AwaitingObject,
@@ -46,11 +46,9 @@ __export(chunk_HD4C6KKO_exports, {
   MembersContainer: () => MembersContainer,
   MenuFooter: () => MenuFooter,
   ObjectSettingsContainer: () => ObjectSettingsContainer,
-  POPOVER_ADD_SPACE: () => POPOVER_ADD_SPACE,
   POPOVER_RENAME_OBJECT: () => POPOVER_RENAME_OBJECT,
   POPOVER_RENAME_SPACE: () => POPOVER_RENAME_SPACE,
   PersistenceStatus: () => PersistenceStatus,
-  PopoverAddSpace: () => PopoverAddSpace,
   PopoverRenameObject: () => PopoverRenameObject,
   PopoverRenameSpace: () => PopoverRenameSpace,
   ReactRoot: () => ReactRoot,
@@ -70,10 +68,10 @@ __export(chunk_HD4C6KKO_exports, {
   SyncStatusIndicator: () => SyncStatusIndicator,
   useQuerySpaceSchemas: () => useQuerySpaceSchemas
 });
-module.exports = __toCommonJS(chunk_HD4C6KKO_exports);
+module.exports = __toCommonJS(chunk_P2ZIVXGY_exports);
 var import_chunk_IKIDS6XF = require("./chunk-IKIDS6XF.cjs");
-var import_chunk_EG3WAZLA = require("./chunk-EG3WAZLA.cjs");
-var import_chunk_AR3JHVCY = require("./chunk-AR3JHVCY.cjs");
+var import_chunk_FILCZU6V = require("./chunk-FILCZU6V.cjs");
+var import_chunk_K6ZO4WDJ = require("./chunk-K6ZO4WDJ.cjs");
 var import_chunk_6P2DB4QQ = require("./chunk-6P2DB4QQ.cjs");
 var import_react = require("@phosphor-icons/react");
 var import_react2 = __toESM(require("react"));
@@ -158,57 +156,54 @@ 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_log2 = require("@dxos/log");
 var import_react_ui15 = require("@dxos/react-ui");
 var import_react24 = __toESM(require("react"));
 var import_app_framework10 = require("@dxos/app-framework");
-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_react_ui17 = require("@dxos/react-ui");
-var import_react26 = __toESM(require("react"));
-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_react26 = __toESM(require("react"));
+var import_app_framework11 = 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_halo = require("@dxos/react-client/halo");
-var import_react_ui19 = require("@dxos/react-ui");
+var import_react_ui18 = 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_react27 = __toESM(require("react"));
+var import_app_framework12 = require("@dxos/app-framework");
 var import_react_client7 = require("@dxos/react-client");
 var import_echo7 = require("@dxos/react-client/echo");
-var import_react_ui20 = require("@dxos/react-ui");
+var import_react_ui19 = 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_react28 = __toESM(require("react"));
+var import_app_framework13 = 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_react_ui21 = require("@dxos/react-ui");
+var import_react_ui20 = require("@dxos/react-ui");
 var import_react_ui_form7 = 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_react30 = __toESM(require("react"));
-var import_app_framework15 = require("@dxos/app-framework");
+var import_react29 = __toESM(require("react"));
+var import_app_framework14 = 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_ui21 = require("@dxos/react-ui");
 var import_react_ui_attention2 = require("@dxos/react-ui-attention");
-var import_react31 = __toESM(require("react"));
+var import_react30 = __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_react_ui23 = require("@dxos/react-ui");
+var import_react_ui22 = require("@dxos/react-ui");
 var import_context = require("@dxos/context");
 var WAIT_FOR_OBJECT_TIMEOUT = 18e4;
 var TOAST_TIMEOUT = 24e4;
@@ -244,7 +239,7 @@ var AwaitingObject = ({ id }) => {
     objects,
     layout
   ]);
-  const handleClose = (0, import_react2.useCallback)(async () => dispatch((0, import_app_framework.createIntent)(import_chunk_AR3JHVCY.SpaceAction.WaitForObject, {
+  const handleClose = (0, import_react2.useCallback)(async () => dispatch((0, import_app_framework.createIntent)(import_chunk_K6ZO4WDJ.SpaceAction.WaitForObject, {
     id: void 0
   })), [
     dispatch
@@ -445,23 +440,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_EG3WAZLA.getSpaceDisplayName)(a, {
+    const aName = (0, import_react_ui3.toLocalizedString)((0, import_chunk_FILCZU6V.getSpaceDisplayName)(a, {
       personal: a.id === defaultSpaceId
     }), t);
-    const bName = (0, import_react_ui3.toLocalizedString)((0, import_chunk_EG3WAZLA.getSpaceDisplayName)(b, {
+    const bName = (0, import_react_ui3.toLocalizedString)((0, import_chunk_FILCZU6V.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_EG3WAZLA.getSpaceDisplayName)(space, {
+    value: (0, import_react_ui3.toLocalizedString)((0, import_chunk_FILCZU6V.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_EG3WAZLA.getSpaceDisplayName)(space, {
+  }, (0, import_react_ui3.toLocalizedString)((0, import_chunk_FILCZU6V.getSpaceDisplayName)(space, {
     personal: space.id === defaultSpaceId
   }), t))))));
 };
@@ -495,17 +490,17 @@ var SelectSchema = ({ options, resolve, onChange }) => {
     defaultValue: option.typename
   }))))));
 };
-var AppGraphBuilder = (0, import_app_framework4.lazy)(() => import("./app-graph-builder-H7MDHM3X.cjs"));
-var AppGraphSerializer = (0, import_app_framework4.lazy)(() => import("./app-graph-serializer-G7UYFWG6.cjs"));
-var IdentityCreated = (0, import_app_framework4.lazy)(() => import("./identity-created-YLGVEWAJ.cjs"));
-var IntentResolver = (0, import_app_framework4.lazy)(() => import("./intent-resolver-V7UJKLE7.cjs"));
-var ReactRoot = (0, import_app_framework4.lazy)(() => import("./react-root-I3SSFA5O.cjs"));
-var ReactSurface = (0, import_app_framework4.lazy)(() => import("./react-surface-OLMQCCYD.cjs"));
+var AppGraphBuilder = (0, import_app_framework4.lazy)(() => import("./app-graph-builder-6VR2TBBF.cjs"));
+var AppGraphSerializer = (0, import_app_framework4.lazy)(() => import("./app-graph-serializer-IKQLWTCX.cjs"));
+var IdentityCreated = (0, import_app_framework4.lazy)(() => import("./identity-created-PCQPDULV.cjs"));
+var IntentResolver = (0, import_app_framework4.lazy)(() => import("./intent-resolver-BK6JDXY4.cjs"));
+var ReactRoot = (0, import_app_framework4.lazy)(() => import("./react-root-DEQFKQVD.cjs"));
+var ReactSurface = (0, import_app_framework4.lazy)(() => import("./react-surface-UQD7LR67.cjs"));
 var SchemaDefs = (0, import_app_framework4.lazy)(() => import("./schema-defs-PKZVL52M.cjs"));
 var SchemaTools = (0, import_app_framework4.lazy)(() => import("./schema-tools-OE3MFYYH.cjs"));
-var SpaceSettings = (0, import_app_framework4.lazy)(() => import("./settings-7TC55JP4.cjs"));
+var SpaceSettings = (0, import_app_framework4.lazy)(() => import("./settings-AFWO4AWK.cjs"));
 var SpaceState = (0, import_app_framework4.lazy)(() => import("./state-JLN7TGRR.cjs"));
-var SpacesReady = (0, import_app_framework4.lazy)(() => import("./spaces-ready-4H3Q46GV.cjs"));
+var SpacesReady = (0, import_app_framework4.lazy)(() => import("./spaces-ready-MHLUFLXN.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 }) => {
@@ -539,7 +534,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_AR3JHVCY.SpaceAction.AddObject, {
+      const addObjectIntent = (0, import_app_framework2.createIntent)(import_chunk_K6ZO4WDJ.SpaceAction.AddObject, {
         target: target2,
         object,
         hidden: form.hidden
@@ -599,12 +594,12 @@ var CreateSpaceDialog = () => {
   const inputSurfaceLookup = useInputSurfaceLookup();
   const handleCreateSpace = (0, import_react7.useCallback)(async (data) => {
     const program = import_effect2.Effect.gen(function* () {
-      const { space } = yield* dispatch((0, import_app_framework5.createIntent)(import_chunk_AR3JHVCY.SpaceAction.Create, data));
+      const { space } = yield* dispatch((0, import_app_framework5.createIntent)(import_chunk_K6ZO4WDJ.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_AR3JHVCY.SpaceAction.OpenCreateObject, {
+      yield* dispatch((0, import_app_framework5.createIntent)(import_chunk_K6ZO4WDJ.SpaceAction.OpenCreateObject, {
         target: space
       }));
     });
@@ -637,7 +632,7 @@ var CreateSpaceDialog = () => {
       classNames: "!p-0",
       autoFocus: true,
       values: initialValues,
-      schema: import_chunk_AR3JHVCY.SpaceForm,
+      schema: import_chunk_K6ZO4WDJ.SpaceForm,
       lookupComponent: inputSurfaceLookup,
       onSave: handleCreateSpace
     })))
@@ -793,10 +788,10 @@ var MembersContainer = ({ space, createInvitationUrl }) => {
     setInternalActiveAction(nextAction);
     localStorage.setItem(activeActionKey, nextAction);
   };
-  const target = space.properties[import_chunk_AR3JHVCY.CollectionType.typename]?.target?.objects[0]?.target;
-  const locked = space.properties[import_chunk_EG3WAZLA.COMPOSER_SPACE_LOCK];
+  const target = space.properties[import_chunk_K6ZO4WDJ.CollectionType.typename]?.target?.objects[0]?.target;
+  const locked = space.properties[import_chunk_FILCZU6V.COMPOSER_SPACE_LOCK];
   const handleChangeLocked = (0, import_react13.useCallback)(() => {
-    space.properties[import_chunk_EG3WAZLA.COMPOSER_SPACE_LOCK] = !locked;
+    space.properties[import_chunk_FILCZU6V.COMPOSER_SPACE_LOCK] = !locked;
   }, [
     locked,
     space
@@ -815,7 +810,7 @@ var MembersContainer = ({ space, createInvitationUrl }) => {
       }),
       testId: "membersContainer.inviteOne",
       onClick: async () => {
-        const { data: invitation } = await dispatch((0, import_app_framework7.createIntent)(import_chunk_AR3JHVCY.SpaceAction.Share, {
+        const { data: invitation } = await dispatch((0, import_app_framework7.createIntent)(import_chunk_K6ZO4WDJ.SpaceAction.Share, {
           space,
           type: import_invitations.Invitation.Type.INTERACTIVE,
           authMethod: import_invitations.Invitation.AuthMethod.SHARED_SECRET,
@@ -840,7 +835,7 @@ var MembersContainer = ({ space, createInvitationUrl }) => {
       }),
       testId: "membersContainer.inviteMany",
       onClick: async () => {
-        const { data: invitation } = await dispatch((0, import_app_framework7.createIntent)(import_chunk_AR3JHVCY.SpaceAction.Share, {
+        const { data: invitation } = await dispatch((0, import_app_framework7.createIntent)(import_chunk_K6ZO4WDJ.SpaceAction.Share, {
           space,
           type: import_invitations.Invitation.Type.DELEGATED,
           authMethod: import_invitations.Invitation.AuthMethod.KNOWN_PUBLIC_KEY,
@@ -994,7 +989,7 @@ 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_EG3WAZLA.getSpaceDisplayName)(space, {
+  const spaceName = space ? (0, import_chunk_FILCZU6V.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", {
@@ -1171,68 +1166,27 @@ var PersistenceStatus = ({ db }) => {
       }, t("persistence pending label")));
     case 0:
     default:
-      return /* @__PURE__ */ import_react22.default.createElement(import_react_ui14.Tooltip.Root, {
-        delayDuration: 400
-      }, /* @__PURE__ */ import_react22.default.createElement(import_react_ui14.Tooltip.Trigger, {
+      return /* @__PURE__ */ import_react22.default.createElement(import_react_ui14.Tooltip.Trigger, {
+        delayDuration: 400,
         role: "status",
+        content: t("persisted locally message"),
         className: "flex items-center"
       }, /* @__PURE__ */ import_react22.default.createElement(import_react21.CheckCircle, {
         className: (0, import_react_ui_theme6.mx)((0, import_react_ui_theme6.getSize)(4), "me-1")
       }), displayMessage && /* @__PURE__ */ import_react22.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")));
   }
 };
-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", {
-    role: "none",
-    className: "p-1 grid grid-cols-1 gap-1 [&>button]:justify-start"
-  }, /* @__PURE__ */ import_react23.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_AR3JHVCY.SpaceAction.OpenCreateSpace));
-      void dispatch((0, import_app_framework9.createIntent)(import_app_framework9.LayoutAction.UpdatePopover, {
-        part: "popover",
-        options: {
-          variant: "react",
-          anchorId: "",
-          state: false
-        }
-      }));
-    },
-    "data-testid": "spacePlugin.createSpace"
-  }), /* @__PURE__ */ import_react23.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_AR3JHVCY.SpaceAction.Join));
-      void dispatch((0, import_app_framework9.createIntent)(import_app_framework9.LayoutAction.UpdatePopover, {
-        part: "popover",
-        options: {
-          variant: "react",
-          anchorId: "",
-          state: false
-        }
-      }));
-    },
-    "data-testid": "spacePlugin.joinSpace"
-  }));
-};
 var __dxlog_file4 = "/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 }) => {
-  const { t } = (0, import_react_ui16.useTranslation)(import_chunk_6P2DB4QQ.SPACE_PLUGIN);
-  const doneButton = (0, import_react24.useRef)(null);
+  const { t } = (0, import_react_ui15.useTranslation)(import_chunk_6P2DB4QQ.SPACE_PLUGIN);
+  const doneButton = (0, import_react23.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_react23.useState)(object.name || object.title || "");
+  const { dispatchPromise: dispatch } = (0, import_app_framework9.useIntentDispatcher)();
+  const handleDone = (0, import_react23.useCallback)(() => {
     try {
       object.name = name;
     } catch {
@@ -1249,7 +1203,7 @@ var PopoverRenameObject = ({ object: obj }) => {
         });
       }
     }
-    void dispatch((0, import_app_framework10.createIntent)(import_app_framework10.LayoutAction.UpdatePopover, {
+    void dispatch((0, import_app_framework9.createIntent)(import_app_framework9.LayoutAction.UpdatePopover, {
       part: "popover",
       options: {
         variant: "react",
@@ -1261,21 +1215,21 @@ var PopoverRenameObject = ({ object: obj }) => {
     object,
     name
   ]);
-  return /* @__PURE__ */ import_react24.default.createElement("div", {
+  return /* @__PURE__ */ import_react23.default.createElement("div", {
     role: "none",
     className: "p-1 flex gap-2"
-  }, /* @__PURE__ */ import_react24.default.createElement("div", {
+  }, /* @__PURE__ */ import_react23.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_react23.default.createElement(import_react_ui15.Input.Root, null, /* @__PURE__ */ import_react23.default.createElement(import_react_ui15.Input.Label, {
     srOnly: true
-  }, t("object name label")), /* @__PURE__ */ import_react24.default.createElement(import_react_ui16.Input.TextInput, {
+  }, t("object name label")), /* @__PURE__ */ import_react23.default.createElement(import_react_ui15.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_react23.default.createElement(import_react_ui15.Button, {
     ref: doneButton,
     classNames: "self-stretch",
     onClick: handleDone
@@ -1285,13 +1239,13 @@ var PopoverRenameObject = ({ object: obj }) => {
 };
 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 { t } = (0, import_react_ui16.useTranslation)(import_chunk_6P2DB4QQ.SPACE_PLUGIN);
+  const doneButton = (0, import_react24.useRef)(null);
+  const [name, setName] = (0, import_react24.useState)(space.properties.name ?? "");
+  const { dispatchPromise: dispatch } = (0, import_app_framework10.useIntentDispatcher)();
+  const handleDone = (0, import_react24.useCallback)(() => {
     space.properties.name = name;
-    void dispatch((0, import_app_framework11.createIntent)(import_app_framework11.LayoutAction.UpdatePopover, {
+    void dispatch((0, import_app_framework10.createIntent)(import_app_framework10.LayoutAction.UpdatePopover, {
       part: "popover",
       options: {
         variant: "react",
@@ -1303,24 +1257,24 @@ var PopoverRenameSpace = ({ space }) => {
     space,
     name
   ]);
-  return /* @__PURE__ */ import_react25.default.createElement("div", {
+  return /* @__PURE__ */ import_react24.default.createElement("div", {
     role: "none",
     className: "p-1 flex gap-2"
-  }, /* @__PURE__ */ import_react25.default.createElement("div", {
+  }, /* @__PURE__ */ import_react24.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_react24.default.createElement(import_react_ui16.Input.Root, null, /* @__PURE__ */ import_react24.default.createElement(import_react_ui16.Input.Label, {
     srOnly: true
-  }, t("space name label")), /* @__PURE__ */ import_react25.default.createElement(import_react_ui17.Input.TextInput, {
+  }, t("space name label")), /* @__PURE__ */ import_react24.default.createElement(import_react_ui16.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_react24.default.createElement(import_react_ui16.Popover.Close, {
     asChild: true
-  }, /* @__PURE__ */ import_react25.default.createElement(import_react_ui17.Button, {
+  }, /* @__PURE__ */ import_react24.default.createElement(import_react_ui16.Button, {
     ref: doneButton,
     classNames: "self-stretch",
     onClick: handleDone
@@ -1329,8 +1283,8 @@ var PopoverRenameSpace = ({ space }) => {
   }))));
 };
 var useQuerySpaceSchemas = (space) => {
-  const [schemas, setSchemas] = (0, import_react26.useState)([]);
-  (0, import_react26.useEffect)(() => {
+  const [schemas, setSchemas] = (0, import_react25.useState)([]);
+  (0, import_react25.useEffect)(() => {
     const query = space.db.schemaRegistry.query();
     const initialResults = query.runSync();
     setSchemas(initialResults);
@@ -1342,39 +1296,39 @@ var useQuerySpaceSchemas = (space) => {
   return schemas;
 };
 var SchemaContainer = ({ space }) => {
-  const { t } = (0, import_react_ui18.useTranslation)(import_chunk_6P2DB4QQ.SPACE_PLUGIN);
+  const { t } = (0, import_react_ui17.useTranslation)(import_chunk_6P2DB4QQ.SPACE_PLUGIN);
   const schemas = useQuerySpaceSchemas(space);
-  return /* @__PURE__ */ import_react26.default.createElement(import_react_ui_stack3.StackItem.Content, {
+  return /* @__PURE__ */ import_react25.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, {
+  }, /* @__PURE__ */ import_react25.default.createElement(import_react_ui_form5.ControlPage, null, /* @__PURE__ */ import_react25.default.createElement(import_react_ui_form5.ControlSection, {
     title: t("schema verbose label"),
     description: t("schema description")
-  }, /* @__PURE__ */ import_react26.default.createElement("div", {
+  }, /* @__PURE__ */ import_react25.default.createElement("div", {
     role: "none",
     className: import_react_ui_form5.controlItemClasses
-  }, schemas.length === 0 && /* @__PURE__ */ import_react26.default.createElement("div", {
+  }, schemas.length === 0 && /* @__PURE__ */ import_react25.default.createElement("div", {
     className: "text-center plb-4"
-  }, t("no schemas found message")), schemas.map((schema) => /* @__PURE__ */ import_react26.default.createElement("div", {
+  }, t("no schemas found message")), schemas.map((schema) => /* @__PURE__ */ import_react25.default.createElement("div", {
     key: schema.id
-  }, /* @__PURE__ */ import_react26.default.createElement("div", null, schema.typename)))))));
+  }, /* @__PURE__ */ import_react25.default.createElement("div", null, schema.typename)))))));
 };
 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_framework11.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_react26.useState)(Date.now());
+  (0, import_react26.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_react26.useCallback)((member) => member.presence === 1, []);
+  const memberIsNotSelf = (0, import_react26.useCallback)((member) => !identity?.identityKey.equals(member.identity.identityKey), [
     identity?.identityKey
   ]);
   if (!identity || !spaceState || !space) {
@@ -1391,60 +1345,59 @@ var SpacePresence = ({ object, spaceKey }) => {
       lastSeen
     };
   }).toSorted((a, b) => a.lastSeen - b.lastSeen);
-  return /* @__PURE__ */ import_react27.default.createElement(FullPresence, {
+  return /* @__PURE__ */ import_react26.default.createElement(FullPresence, {
     members: membersForObject
   });
 };
 var FullPresence = (props) => {
   const { size = 9, onMemberClick } = props;
-  const members = (0, import_react_ui19.useDefaultValue)(props.members, () => []);
+  const members = (0, import_react_ui18.useDefaultValue)(props.members, () => []);
   if (members.length === 0) {
     return null;
   }
-  return /* @__PURE__ */ import_react27.default.createElement("div", {
+  return /* @__PURE__ */ import_react26.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, {
-    key: member.identity.identityKey.toHex()
-  }, /* @__PURE__ */ import_react27.default.createElement(import_react_ui19.Tooltip.Trigger, {
+  }, members.slice(0, 3).map((member, i) => /* @__PURE__ */ import_react26.default.createElement(import_react_ui18.Tooltip.Trigger, {
+    key: member.identity.identityKey.toHex(),
+    side: "bottom",
+    content: getName(member.identity),
     className: "grid focus:outline-none"
-  }, /* @__PURE__ */ import_react27.default.createElement(PresenceAvatar, {
+  }, /* @__PURE__ */ import_react26.default.createElement(PresenceAvatar, {
     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, {
-    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, {
+  }))), members.length > 3 && /* @__PURE__ */ import_react26.default.createElement(import_react_ui18.Popover.Root, null, /* @__PURE__ */ import_react26.default.createElement(import_react_ui18.Popover.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_react26.default.createElement(import_react_ui18.Avatar.Root, null, /* @__PURE__ */ import_react26.default.createElement(import_react_ui18.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, {
+  }))), /* @__PURE__ */ import_react26.default.createElement(import_react_ui18.Popover.Portal, null, /* @__PURE__ */ import_react26.default.createElement(import_react_ui18.Popover.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_react26.default.createElement(import_react_ui18.Popover.Arrow, null), /* @__PURE__ */ import_react26.default.createElement(import_react_ui18.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_react26.default.createElement(import_react_ui18.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_react26.default.createElement(PresenceAvatar, {
     identity: member.identity,
     size,
     showName: true,
     match: member.currentlyAttended
   }))))))));
 };
-var PresenceAvatar = /* @__PURE__ */ (0, import_react27.forwardRef)(({ identity, showName, match, index, onClick, size }, forwardedRef) => {
+var PresenceAvatar = /* @__PURE__ */ (0, import_react26.forwardRef)(({ identity, showName, match, index, onClick, size }, forwardedRef) => {
   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_react26.default.createElement(import_react_ui18.Avatar.Root, null, /* @__PURE__ */ import_react26.default.createElement(import_react_ui18.Avatar.Content, {
     status,
     hue: identity.profile?.data?.hue || fallbackValue.hue,
     "data-testid": "spacePlugin.presence.member",
@@ -1458,14 +1411,14 @@ var PresenceAvatar = /* @__PURE__ */ (0, import_react27.forwardRef)(({ identity,
     onClick,
     fallback: identity.profile?.data?.emoji || fallbackValue.emoji,
     ref: forwardedRef
-  }), /* @__PURE__ */ import_react27.default.createElement(import_react_ui19.Avatar.Label, {
+  }), /* @__PURE__ */ import_react26.default.createElement(import_react_ui18.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_framework11.useAppGraph)();
   const attended = (0, import_react_ui_attention.useAttended)();
   const startOfAttention = attended.at(-1);
   const path = usePath(graph, startOfAttention);
@@ -1474,8 +1427,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_react26.useState)(viewers ? getActiveViewers(viewers) : []);
+  (0, import_react26.useEffect)(() => {
     if (viewers) {
       setActiveViewers(getActiveViewers(viewers));
       const interval = setInterval(() => {
@@ -1486,70 +1439,70 @@ var SmallPresenceLive = ({ id, open, viewers }) => {
   }, [
     viewers
   ]);
-  return /* @__PURE__ */ import_react27.default.createElement(SmallPresence, {
+  return /* @__PURE__ */ import_react26.default.createElement(SmallPresence, {
     count: activeViewers.length,
     attended: isAttended,
     containsAttended
   });
 };
 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, {
-    asChild: true
-  }, /* @__PURE__ */ import_react27.default.createElement(import_react_ui_attention.AttentionGlyph, {
+  const { t } = (0, import_react_ui18.useTranslation)(import_chunk_6P2DB4QQ.SPACE_PLUGIN);
+  return /* @__PURE__ */ import_react26.default.createElement(import_react_ui18.Tooltip.Trigger, {
+    asChild: true,
+    content: t("presence label", {
+      count
+    }),
+    side: "bottom"
+  }, /* @__PURE__ */ import_react26.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, {
-    side: "bottom"
-  }, /* @__PURE__ */ import_react27.default.createElement("span", null, t("presence label", {
-    count
-  })), /* @__PURE__ */ import_react27.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 { t } = (0, import_react_ui19.useTranslation)(import_chunk_6P2DB4QQ.SPACE_PLUGIN);
+  const { dispatchPromise: dispatch } = (0, import_app_framework12.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_form6.DeprecatedFormContainer, null, /* @__PURE__ */ import_react27.default.createElement(import_react_ui_form6.DeprecatedFormInput, {
     label: t("show hidden spaces label")
-  }, /* @__PURE__ */ import_react28.default.createElement(import_react_ui20.Input.Switch, {
+  }, /* @__PURE__ */ import_react27.default.createElement(import_react_ui19.Input.Switch, {
     checked: settings.showHidden,
     onCheckedChange: (checked) => settings.showHidden = !!checked
-  })), /* @__PURE__ */ import_react28.default.createElement("div", {
+  })), /* @__PURE__ */ import_react27.default.createElement("div", {
     role: "none"
-  }, /* @__PURE__ */ import_react28.default.createElement("h2", {
+  }, /* @__PURE__ */ import_react27.default.createElement("h2", {
     className: "text-xl my-4"
-  }, "Space Settings"), /* @__PURE__ */ import_react28.default.createElement(import_react_ui20.List, {
+  }, "Space Settings"), /* @__PURE__ */ import_react27.default.createElement(import_react_ui19.List, {
     classNames: "max-w-md mx-auto"
-  }, spaces.map((space) => /* @__PURE__ */ import_react28.default.createElement(import_react_ui20.ListItem.Root, {
+  }, spaces.map((space) => /* @__PURE__ */ import_react27.default.createElement(import_react_ui19.ListItem.Root, {
     key: space.id
-  }, /* @__PURE__ */ import_react28.default.createElement(import_react_ui20.ListItem.Heading, {
+  }, /* @__PURE__ */ import_react27.default.createElement(import_react_ui19.ListItem.Heading, {
     classNames: "flex flex-col grow truncate mbe-2"
-  }, (0, import_react_ui20.toLocalizedString)((0, import_chunk_EG3WAZLA.getSpaceDisplayName)(space, {
+  }, (0, import_react_ui19.toLocalizedString)((0, import_chunk_FILCZU6V.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_AR3JHVCY.SpaceAction.OpenSettings, {
+  }), t)), /* @__PURE__ */ import_react27.default.createElement(import_react_ui19.ListItem.Endcap, null, /* @__PURE__ */ import_react27.default.createElement(import_react_ui19.Button, {
+    onClick: () => dispatch((0, import_app_framework12.createIntent)(import_chunk_K6ZO4WDJ.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_AR3JHVCY.SpaceForm.pipe(import_effect3.Schema.extend(import_effect3.Schema.Struct({
+var FormSchema = import_chunk_K6ZO4WDJ.SpaceForm.pipe(import_effect3.Schema.extend(import_effect3.Schema.Struct({
   archived: import_effect3.Schema.Boolean.annotations({
     title: "Archive space"
   })
 })));
 var SpaceSettingsContainer = ({ space }) => {
-  const { t } = (0, import_react_ui21.useTranslation)(import_chunk_6P2DB4QQ.SPACE_PLUGIN);
-  const { dispatchPromise: dispatch } = (0, import_app_framework14.useIntentDispatcher)();
+  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_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 archived = (0, import_react_ui20.useMulticastObservable)(space.state) === import_echo8.SpaceState.SPACE_INACTIVE;
+  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, {
@@ -1563,7 +1516,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;
@@ -1575,14 +1528,14 @@ var SpaceSettingsContainer = ({ space }) => {
       space.properties.hue = properties.hue;
     }
     if (properties.archived && !archived) {
-      void dispatch((0, import_effect3.pipe)((0, import_app_framework14.createIntent)(import_chunk_AR3JHVCY.SpaceAction.Close, {
+      void dispatch((0, import_effect3.pipe)((0, import_app_framework13.createIntent)(import_chunk_K6ZO4WDJ.SpaceAction.Close, {
         space
-      }), (0, import_app_framework14.chain)(import_app_framework14.LayoutAction.SwitchWorkspace, {
+      }), (0, import_app_framework13.chain)(import_app_framework13.LayoutAction.SwitchWorkspace, {
         part: "workspace",
         subject: client.spaces.default.id
       })));
     } else if (!properties.archived && archived) {
-      void dispatch((0, import_app_framework14.createIntent)(import_chunk_AR3JHVCY.SpaceAction.Open, {
+      void dispatch((0, import_app_framework13.createIntent)(import_chunk_K6ZO4WDJ.SpaceAction.Open, {
         space
       }));
     }
@@ -1591,7 +1544,7 @@ var SpaceSettingsContainer = ({ space }) => {
     toggleEdgeReplication,
     archived
   ]);
-  const values = (0, import_react29.useMemo)(() => ({
+  const values = (0, import_react28.useMemo)(() => ({
     name: space.properties.name,
     icon: space.properties.icon,
     hue: space.properties.hue,
@@ -1604,16 +1557,16 @@ var SpaceSettingsContainer = ({ space }) => {
     edgeReplication,
     archived
   ]);
-  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_form7.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_ui20.Input.TextInput, {
         value: getValue(),
         onChange: handleChange,
         placeholder: t("display name input placeholder"),
@@ -1621,18 +1574,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_form7.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 +1594,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_form7.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,29 +1613,29 @@ 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_form7.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_ui20.Input.Switch, {
         checked: getValue(),
         onCheckedChange: handleChange,
         classNames: "justify-self-end"
       }));
     },
     archived: ({ type, label, getValue, onValueChange }) => {
-      const handleChange = (0, import_react29.useCallback)(() => onValueChange(type, !getValue()), [
+      const handleChange = (0, import_react28.useCallback)(() => onValueChange(type, !getValue()), [
         onValueChange,
         type,
         getValue
       ]);
-      return /* @__PURE__ */ import_react29.default.createElement(import_react_ui_form7.ControlItemInput, {
+      return /* @__PURE__ */ import_react28.default.createElement(import_react_ui_form7.ControlItemInput, {
         title: label,
         description: t("archive space description")
-      }, /* @__PURE__ */ import_react29.default.createElement(import_react_ui21.Button, {
+      }, /* @__PURE__ */ import_react28.default.createElement(import_react_ui20.Button, {
         disabled: space === client.spaces.default,
         onClick: handleChange
       }, getValue() ? t("unarchive space label") : t("archive space label")));
@@ -1691,16 +1644,16 @@ var SpaceSettingsContainer = ({ space }) => {
     t,
     space
   ]);
-  return /* @__PURE__ */ import_react29.default.createElement(import_react_ui_stack4.StackItem.Content, {
+  return /* @__PURE__ */ import_react28.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, {
+  }, /* @__PURE__ */ import_react28.default.createElement(import_react_ui_form7.ControlPage, null, /* @__PURE__ */ import_react28.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, {
+  }, /* @__PURE__ */ import_react28.default.createElement(import_react_ui_form7.Form, {
     schema: FormSchema,
     values,
     autoSave: true,
@@ -1710,9 +1663,9 @@ var SpaceSettingsContainer = ({ space }) => {
   }))));
 };
 var useEdgeStatus = () => {
-  const [status, setStatus] = (0, import_react30.useState)(import_services.EdgeStatus.NOT_CONNECTED);
+  const [status, setStatus] = (0, import_react29.useState)(import_services.EdgeStatus.NOT_CONNECTED);
   const client = (0, import_react_client9.useClient)();
-  (0, import_react30.useEffect)(() => {
+  (0, import_react29.useEffect)(() => {
     client.services.services.EdgeAgentService?.queryEdgeStatus().subscribe(({ status: status2 }) => {
       setStatus(status2);
     });
@@ -1722,11 +1675,11 @@ 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_ui21.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_framework14.useAppGraph)();
   const attended = (0, import_react_ui_attention2.useAttended)();
   const startOfAttention = attended.at(-1);
   const path = usePath(graph, startOfAttention);
@@ -1735,17 +1688,16 @@ var InlineSyncStatus = ({ space, open }) => {
   const edgeSyncEnabled = space.internal.data.edgeReplication === import_metadata2.EdgeReplicationSetting.ENABLED;
   const syncState = (0, import_echo9.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, {
-    asChild: true
-  }, /* @__PURE__ */ import_react30.default.createElement(import_react_ui_attention2.AttentionGlyph, {
+  return /* @__PURE__ */ import_react29.default.createElement(import_react_ui21.Tooltip.Trigger, {
+    asChild: true,
+    content: t("syncing label"),
+    side: "bottom"
+  }, /* @__PURE__ */ import_react29.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, {
-    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))));
+  }));
 };
 var __dxlog_file6 = "/home/runner/work/dxos/dxos/packages/plugins/plugin-space/src/components/SyncStatus/save-tracker.ts";
 var createClientSaveTracker = (client, cb) => {
@@ -1837,19 +1789,19 @@ 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 [saved, setSaved] = (0, import_react30.useState)(true);
+  (0, import_react30.useEffect)(() => {
     return createClientSaveTracker(client, (state2) => {
       setSaved(state2 === "saved");
     });
   }, []);
-  return /* @__PURE__ */ import_react31.default.createElement(SyncStatusIndicator, {
+  return /* @__PURE__ */ import_react30.default.createElement(SyncStatusIndicator, {
     state,
     saved
   });
 };
 var SyncStatusIndicator = ({ state, saved }) => {
-  const { t } = (0, import_react_ui23.useTranslation)(import_chunk_6P2DB4QQ.SPACE_PLUGIN);
+  const { t } = (0, import_react_ui22.useTranslation)(import_chunk_6P2DB4QQ.SPACE_PLUGIN);
   const summary = (0, import_echo10.getSyncSummary)(state);
   const offline = Object.values(state).length === 0;
   const needsToUpload = summary.differentDocuments > 0 || summary.missingOnRemote > 0;
@@ -1860,8 +1812,8 @@ var SyncStatusIndicator = ({ state, saved }) => {
     needsToUpload,
     needsToDownload
   });
-  const [classNames, setClassNames] = (0, import_react31.useState)();
-  (0, import_react31.useEffect)(() => {
+  const [classNames, setClassNames] = (0, import_react30.useState)();
+  (0, import_react30.useEffect)(() => {
     setClassNames(void 0);
     if (offline || !needsToUpload && !needsToDownload) {
       return;
@@ -1876,12 +1828,12 @@ 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_react30.default.createElement(import_react_ui22.Icon, {
     icon: getIcon(status),
     size: 4,
     classNames
   });
-  return /* @__PURE__ */ import_react31.default.createElement(import_plugin_status_bar.StatusBar.Item, {
+  return /* @__PURE__ */ import_react30.default.createElement(import_plugin_status_bar.StatusBar.Item, {
     title
   }, icon);
 };
@@ -1905,11 +1857,9 @@ var SyncStatusIndicator = ({ state, saved }) => {
   MembersContainer,
   MenuFooter,
   ObjectSettingsContainer,
-  POPOVER_ADD_SPACE,
   POPOVER_RENAME_OBJECT,
   POPOVER_RENAME_SPACE,
   PersistenceStatus,
-  PopoverAddSpace,
   PopoverRenameObject,
   PopoverRenameSpace,
   ReactRoot,
@@ -1929,4 +1879,4 @@ var SyncStatusIndicator = ({ state, saved }) => {
   SyncStatusIndicator,
   useQuerySpaceSchemas
 });
-//# sourceMappingURL=chunk-HD4C6KKO.cjs.map
+//# sourceMappingURL=chunk-P2ZIVXGY.cjs.map