@dxos/plugin-space 0.8.2-main.5ca3450 → 0.8.2-main.600d381

package/dist/lib/browser/{chunk-TSX67XGX.mjs → chunk-V4VNP2WY.mjs}

@@ -4,12 +4,12 @@ import {
 import {
   COMPOSER_SPACE_LOCK,
   getSpaceDisplayName
-} from "./chunk-RERTVPBV.mjs";
+} from "./chunk-F57CTUM6.mjs";
 import {
   CollectionType,
   SpaceAction,
   SpaceForm
-} from "./chunk-YQNBTJI4.mjs";
+} from "./chunk-CY35NLWL.mjs";
 import {
   SPACE_PLUGIN,
   meta
@@ -339,17 +339,17 @@ var SelectSchema = ({ options, resolve, onChange }) => {
 
 // packages/plugins/plugin-space/src/capabilities/index.ts
 import { lazy } from "@dxos/app-framework";
-var AppGraphBuilder = lazy(() => import("./app-graph-builder-I2BU35J5.mjs"));
-var AppGraphSerializer = lazy(() => import("./app-graph-serializer-HPYDOKA5.mjs"));
-var IdentityCreated = lazy(() => import("./identity-created-DWFKBGOA.mjs"));
-var IntentResolver = lazy(() => import("./intent-resolver-GKDCJ4H2.mjs"));
-var ReactRoot = lazy(() => import("./react-root-667IZ2Q4.mjs"));
-var ReactSurface = lazy(() => import("./react-surface-I4RNTGGN.mjs"));
+var AppGraphBuilder = lazy(() => import("./app-graph-builder-6KVRD7OJ.mjs"));
+var AppGraphSerializer = lazy(() => import("./app-graph-serializer-N7KZGCST.mjs"));
+var IdentityCreated = lazy(() => import("./identity-created-74EHBH7M.mjs"));
+var IntentResolver = lazy(() => import("./intent-resolver-FZ64VJKZ.mjs"));
+var ReactRoot = lazy(() => import("./react-root-2EFJCOX7.mjs"));
+var ReactSurface = lazy(() => import("./react-surface-N5OGF7TQ.mjs"));
 var SchemaDefs = lazy(() => import("./schema-defs-FLFEUSLB.mjs"));
 var SchemaTools = lazy(() => import("./schema-tools-MYC4LTQD.mjs"));
-var SpaceSettings = lazy(() => import("./settings-ILGGNYJ7.mjs"));
+var SpaceSettings = lazy(() => import("./settings-G24447B7.mjs"));
 var SpaceState = lazy(() => import("./state-CYV6QCTN.mjs"));
-var SpacesReady = lazy(() => import("./spaces-ready-IXZF3RWW.mjs"));
+var SpacesReady = lazy(() => import("./spaces-ready-ZSUEPHJF.mjs"));
 
 // packages/plugins/plugin-space/src/components/CreateDialog/CreateObjectDialog.tsx
 var __dxlog_file2 = "/home/runner/work/dxos/dxos/packages/plugins/plugin-space/src/components/CreateDialog/CreateObjectDialog.tsx";
@@ -1098,78 +1098,32 @@ var PersistenceStatus = ({ db }) => {
       }, t("persistence pending label")));
     case 0:
     default:
-      return /* @__PURE__ */ React15.createElement(Tooltip.Root, {
-        delayDuration: 400
-      }, /* @__PURE__ */ React15.createElement(Tooltip.Trigger, {
+      return /* @__PURE__ */ React15.createElement(Tooltip.Trigger, {
+        delayDuration: 400,
         role: "status",
+        content: t("persisted locally message"),
         className: "flex items-center"
       }, /* @__PURE__ */ React15.createElement(CheckCircle2, {
         className: mx6(getSize3(4), "me-1")
       }), displayMessage && /* @__PURE__ */ React15.createElement("span", {
         className: mx6("text-sm", staticPlaceholderText)
-      }, t("persisted locally label"))), /* @__PURE__ */ React15.createElement(Tooltip.Portal, null, /* @__PURE__ */ React15.createElement(Tooltip.Content, null, t("persisted locally message"), /* @__PURE__ */ React15.createElement(Tooltip.Arrow, null))));
+      }, t("persisted locally label")));
   }
 };
 
-// packages/plugins/plugin-space/src/components/PopoverAddSpace.tsx
-import React16 from "react";
-import { createIntent as createIntent6, LayoutAction as LayoutAction5, useIntentDispatcher as useIntentDispatcher6 } from "@dxos/app-framework";
-import { IconButton as IconButton3, useTranslation as useTranslation14 } from "@dxos/react-ui";
-var POPOVER_ADD_SPACE = `${SPACE_PLUGIN}/PopoverRenameSpace`;
-var PopoverAddSpace = () => {
-  const { t } = useTranslation14(SPACE_PLUGIN);
-  const { dispatchPromise: dispatch } = useIntentDispatcher6();
-  return /* @__PURE__ */ React16.createElement("div", {
-    role: "none",
-    className: "p-1 grid grid-cols-1 gap-1 [&>button]:justify-start"
-  }, /* @__PURE__ */ React16.createElement(IconButton3, {
-    variant: "ghost",
-    label: t("create space label"),
-    icon: "ph--plus--regular",
-    onClick: () => {
-      void dispatch(createIntent6(SpaceAction.OpenCreateSpace));
-      void dispatch(createIntent6(LayoutAction5.UpdatePopover, {
-        part: "popover",
-        options: {
-          variant: "react",
-          anchorId: "",
-          state: false
-        }
-      }));
-    },
-    "data-testid": "spacePlugin.createSpace"
-  }), /* @__PURE__ */ React16.createElement(IconButton3, {
-    variant: "ghost",
-    label: t("join space label"),
-    icon: "ph--sign-in--regular",
-    onClick: () => {
-      void dispatch(createIntent6(SpaceAction.Join));
-      void dispatch(createIntent6(LayoutAction5.UpdatePopover, {
-        part: "popover",
-        options: {
-          variant: "react",
-          anchorId: "",
-          state: false
-        }
-      }));
-    },
-    "data-testid": "spacePlugin.joinSpace"
-  }));
-};
-
 // packages/plugins/plugin-space/src/components/PopoverRenameObject.tsx
-import React17, { useCallback as useCallback10, useRef as useRef4, useState as useState7 } from "react";
-import { createIntent as createIntent7, LayoutAction as LayoutAction6, useIntentDispatcher as useIntentDispatcher7 } from "@dxos/app-framework";
+import React16, { useCallback as useCallback10, useRef as useRef4, useState as useState7 } from "react";
+import { createIntent as createIntent6, LayoutAction as LayoutAction5, useIntentDispatcher as useIntentDispatcher6 } from "@dxos/app-framework";
 import { log as log2 } from "@dxos/log";
-import { Button as Button5, Input as Input3, useTranslation as useTranslation15 } from "@dxos/react-ui";
+import { Button as Button5, Input as Input3, useTranslation as useTranslation14 } from "@dxos/react-ui";
 var __dxlog_file4 = "/home/runner/work/dxos/dxos/packages/plugins/plugin-space/src/components/PopoverRenameObject.tsx";
 var POPOVER_RENAME_OBJECT = `${SPACE_PLUGIN}/PopoverRenameObject`;
 var PopoverRenameObject = ({ object: obj }) => {
-  const { t } = useTranslation15(SPACE_PLUGIN);
+  const { t } = useTranslation14(SPACE_PLUGIN);
   const doneButton = useRef4(null);
   const object = obj;
   const [name, setName] = useState7(object.name || object.title || "");
-  const { dispatchPromise: dispatch } = useIntentDispatcher7();
+  const { dispatchPromise: dispatch } = useIntentDispatcher6();
   const handleDone = useCallback10(() => {
     try {
       object.name = name;
@@ -1187,7 +1141,7 @@ var PopoverRenameObject = ({ object: obj }) => {
         });
       }
     }
-    void dispatch(createIntent7(LayoutAction6.UpdatePopover, {
+    void dispatch(createIntent6(LayoutAction5.UpdatePopover, {
       part: "popover",
       options: {
         variant: "react",
@@ -1199,21 +1153,21 @@ var PopoverRenameObject = ({ object: obj }) => {
     object,
     name
   ]);
-  return /* @__PURE__ */ React17.createElement("div", {
+  return /* @__PURE__ */ React16.createElement("div", {
     role: "none",
     className: "p-1 flex gap-2"
-  }, /* @__PURE__ */ React17.createElement("div", {
+  }, /* @__PURE__ */ React16.createElement("div", {
     role: "none",
     className: "flex-1"
-  }, /* @__PURE__ */ React17.createElement(Input3.Root, null, /* @__PURE__ */ React17.createElement(Input3.Label, {
+  }, /* @__PURE__ */ React16.createElement(Input3.Root, null, /* @__PURE__ */ React16.createElement(Input3.Label, {
     srOnly: true
-  }, t("object name label")), /* @__PURE__ */ React17.createElement(Input3.TextInput, {
+  }, t("object name label")), /* @__PURE__ */ React16.createElement(Input3.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__ */ React17.createElement(Button5, {
+  }))), /* @__PURE__ */ React16.createElement(Button5, {
     ref: doneButton,
     classNames: "self-stretch",
     onClick: handleDone
@@ -1223,18 +1177,18 @@ var PopoverRenameObject = ({ object: obj }) => {
 };
 
 // packages/plugins/plugin-space/src/components/PopoverRenameSpace.tsx
-import React18, { useCallback as useCallback11, useRef as useRef5, useState as useState8 } from "react";
-import { createIntent as createIntent8, LayoutAction as LayoutAction7, useIntentDispatcher as useIntentDispatcher8 } from "@dxos/app-framework";
-import { Button as Button6, Input as Input4, Popover, useTranslation as useTranslation16 } from "@dxos/react-ui";
+import React17, { useCallback as useCallback11, useRef as useRef5, useState as useState8 } from "react";
+import { createIntent as createIntent7, LayoutAction as LayoutAction6, useIntentDispatcher as useIntentDispatcher7 } from "@dxos/app-framework";
+import { Button as Button6, Input as Input4, Popover, useTranslation as useTranslation15 } from "@dxos/react-ui";
 var POPOVER_RENAME_SPACE = `${SPACE_PLUGIN}/PopoverRenameSpace`;
 var PopoverRenameSpace = ({ space }) => {
-  const { t } = useTranslation16(SPACE_PLUGIN);
+  const { t } = useTranslation15(SPACE_PLUGIN);
   const doneButton = useRef5(null);
   const [name, setName] = useState8(space.properties.name ?? "");
-  const { dispatchPromise: dispatch } = useIntentDispatcher8();
+  const { dispatchPromise: dispatch } = useIntentDispatcher7();
   const handleDone = useCallback11(() => {
     space.properties.name = name;
-    void dispatch(createIntent8(LayoutAction7.UpdatePopover, {
+    void dispatch(createIntent7(LayoutAction6.UpdatePopover, {
       part: "popover",
       options: {
         variant: "react",
@@ -1246,24 +1200,24 @@ var PopoverRenameSpace = ({ space }) => {
     space,
     name
   ]);
-  return /* @__PURE__ */ React18.createElement("div", {
+  return /* @__PURE__ */ React17.createElement("div", {
     role: "none",
     className: "p-1 flex gap-2"
-  }, /* @__PURE__ */ React18.createElement("div", {
+  }, /* @__PURE__ */ React17.createElement("div", {
     role: "none",
     className: "flex-1"
-  }, /* @__PURE__ */ React18.createElement(Input4.Root, null, /* @__PURE__ */ React18.createElement(Input4.Label, {
+  }, /* @__PURE__ */ React17.createElement(Input4.Root, null, /* @__PURE__ */ React17.createElement(Input4.Label, {
     srOnly: true
-  }, t("space name label")), /* @__PURE__ */ React18.createElement(Input4.TextInput, {
+  }, t("space name label")), /* @__PURE__ */ React17.createElement(Input4.TextInput, {
     defaultValue: space.properties.name ?? "",
     placeholder: t("unnamed space label"),
     onChange: ({ target: { value } }) => setName(value),
     // TODO(wittjosiah): Ideally this should access the popover context to close the popover.
     //   Currently this is not possible because Radix does not expose the popover context.
     onKeyDown: ({ key }) => key === "Enter" && doneButton.current?.click()
-  }))), /* @__PURE__ */ React18.createElement(Popover.Close, {
+  }))), /* @__PURE__ */ React17.createElement(Popover.Close, {
     asChild: true
-  }, /* @__PURE__ */ React18.createElement(Button6, {
+  }, /* @__PURE__ */ React17.createElement(Button6, {
     ref: doneButton,
     classNames: "self-stretch",
     onClick: handleDone
@@ -1273,8 +1227,8 @@ var PopoverRenameSpace = ({ space }) => {
 };
 
 // packages/plugins/plugin-space/src/components/SchemaContainer.tsx
-import React19, { useState as useState9, useEffect as useEffect4 } from "react";
-import { useTranslation as useTranslation17 } from "@dxos/react-ui";
+import React18, { useState as useState9, useEffect as useEffect4 } from "react";
+import { useTranslation as useTranslation16 } from "@dxos/react-ui";
 import { controlItemClasses, ControlPage as ControlPage2, ControlSection as ControlSection2 } from "@dxos/react-ui-form";
 import { StackItem as StackItem3 } from "@dxos/react-ui-stack";
 var useQuerySpaceSchemas = (space) => {
@@ -1291,31 +1245,31 @@ var useQuerySpaceSchemas = (space) => {
   return schemas;
 };
 var SchemaContainer = ({ space }) => {
-  const { t } = useTranslation17(SPACE_PLUGIN);
+  const { t } = useTranslation16(SPACE_PLUGIN);
   const schemas = useQuerySpaceSchemas(space);
-  return /* @__PURE__ */ React19.createElement(StackItem3.Content, {
+  return /* @__PURE__ */ React18.createElement(StackItem3.Content, {
     classNames: "block overflow-y-auto"
-  }, /* @__PURE__ */ React19.createElement(ControlPage2, null, /* @__PURE__ */ React19.createElement(ControlSection2, {
+  }, /* @__PURE__ */ React18.createElement(ControlPage2, null, /* @__PURE__ */ React18.createElement(ControlSection2, {
     title: t("schema verbose label"),
     description: t("schema description")
-  }, /* @__PURE__ */ React19.createElement("div", {
+  }, /* @__PURE__ */ React18.createElement("div", {
     role: "none",
     className: controlItemClasses
-  }, schemas.length === 0 && /* @__PURE__ */ React19.createElement("div", {
+  }, schemas.length === 0 && /* @__PURE__ */ React18.createElement("div", {
     className: "text-center plb-4"
-  }, t("no schemas found message")), schemas.map((schema) => /* @__PURE__ */ React19.createElement("div", {
+  }, t("no schemas found message")), schemas.map((schema) => /* @__PURE__ */ React18.createElement("div", {
     key: schema.id
-  }, /* @__PURE__ */ React19.createElement("div", null, schema.typename)))))));
+  }, /* @__PURE__ */ React18.createElement("div", null, schema.typename)))))));
 };
 
 // packages/plugins/plugin-space/src/components/SpacePresence.tsx
-import React20, { forwardRef, useCallback as useCallback12, useEffect as useEffect5, useState as useState10 } from "react";
+import React19, { forwardRef, useCallback as useCallback12, useEffect as useEffect5, useState as useState10 } from "react";
 import { useAppGraph as useAppGraph2, useCapability } from "@dxos/app-framework";
 import { generateName } from "@dxos/display-name";
 import { PublicKey, useClient as useClient5 } from "@dxos/react-client";
 import { getSpace as getSpace3, useMembers, fullyQualifiedId as fullyQualifiedId3 } from "@dxos/react-client/echo";
 import { useIdentity } from "@dxos/react-client/halo";
-import { Avatar, Tooltip as Tooltip2, useTranslation as useTranslation18, List as List2, ListItem as ListItem2, useDefaultValue } from "@dxos/react-ui";
+import { Avatar, Tooltip as Tooltip2, Popover as Popover2, useTranslation as useTranslation17, List as List2, ListItem as ListItem2, useDefaultValue } from "@dxos/react-ui";
 import { AttentionGlyph, useAttended, useAttention } from "@dxos/react-ui-attention";
 import { ComplexMap, keyToFallback } from "@dxos/util";
 var REFRESH_INTERVAL = 5e3;
@@ -1351,7 +1305,7 @@ var SpacePresence = ({ object, spaceKey }) => {
       lastSeen
     };
   }).toSorted((a, b) => a.lastSeen - b.lastSeen);
-  return /* @__PURE__ */ React20.createElement(FullPresence, {
+  return /* @__PURE__ */ React19.createElement(FullPresence, {
     members: membersForObject
   });
 };
@@ -1361,40 +1315,39 @@ var FullPresence = (props) => {
   if (members.length === 0) {
     return null;
   }
-  return /* @__PURE__ */ React20.createElement("div", {
+  return /* @__PURE__ */ React19.createElement("div", {
     className: "dx-avatar-group",
     "data-testid": "spacePlugin.presence"
-  }, members.slice(0, 3).map((member, i) => /* @__PURE__ */ React20.createElement(Tooltip2.Root, {
-    key: member.identity.identityKey.toHex()
-  }, /* @__PURE__ */ React20.createElement(Tooltip2.Trigger, {
+  }, members.slice(0, 3).map((member, i) => /* @__PURE__ */ React19.createElement(Tooltip2.Trigger, {
+    key: member.identity.identityKey.toHex(),
+    side: "bottom",
+    content: getName(member.identity),
     className: "grid focus:outline-none"
-  }, /* @__PURE__ */ React20.createElement(PresenceAvatar, {
+  }, /* @__PURE__ */ React19.createElement(PresenceAvatar, {
     identity: member.identity,
     match: member.currentlyAttended,
     index: members.length - i,
     onClick: () => onMemberClick?.(member),
     size
-  })), /* @__PURE__ */ React20.createElement(Tooltip2.Portal, null, /* @__PURE__ */ React20.createElement(Tooltip2.Content, {
-    side: "bottom"
-  }, /* @__PURE__ */ React20.createElement("span", null, getName(member.identity)), /* @__PURE__ */ React20.createElement(Tooltip2.Arrow, null))))), members.length > 3 && /* @__PURE__ */ React20.createElement(Tooltip2.Root, null, /* @__PURE__ */ React20.createElement(Tooltip2.Trigger, {
+  }))), members.length > 3 && /* @__PURE__ */ React19.createElement(Popover2.Root, null, /* @__PURE__ */ React19.createElement(Popover2.Trigger, {
     className: "grid focus:outline-none"
-  }, /* @__PURE__ */ React20.createElement(Avatar.Root, null, /* @__PURE__ */ React20.createElement(Avatar.Content, {
+  }, /* @__PURE__ */ React19.createElement(Avatar.Root, null, /* @__PURE__ */ React19.createElement(Avatar.Content, {
     status: "inactive",
     style: {
       zIndex: members.length - 4
     },
     fallback: `+${members.length - 3}`,
     size
-  }))), /* @__PURE__ */ React20.createElement(Tooltip2.Portal, null, /* @__PURE__ */ React20.createElement(Tooltip2.Content, {
+  }))), /* @__PURE__ */ React19.createElement(Popover2.Portal, null, /* @__PURE__ */ React19.createElement(Popover2.Content, {
     side: "bottom"
-  }, /* @__PURE__ */ React20.createElement(Tooltip2.Arrow, null), /* @__PURE__ */ React20.createElement(List2, {
+  }, /* @__PURE__ */ React19.createElement(Popover2.Arrow, null), /* @__PURE__ */ React19.createElement(List2, {
     classNames: "max-h-56 overflow-y-auto"
-  }, members.map((member) => /* @__PURE__ */ React20.createElement(ListItem2.Root, {
+  }, members.map((member) => /* @__PURE__ */ React19.createElement(ListItem2.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__ */ React20.createElement(PresenceAvatar, {
+  }, /* @__PURE__ */ React19.createElement(PresenceAvatar, {
     identity: member.identity,
     size,
     showName: true,
@@ -1404,7 +1357,7 @@ var FullPresence = (props) => {
 var PresenceAvatar = /* @__PURE__ */ forwardRef(({ identity, showName, match, index, onClick, size }, forwardedRef) => {
   const status = match ? "current" : "active";
   const fallbackValue = keyToFallback(identity.identityKey);
-  return /* @__PURE__ */ React20.createElement(Avatar.Root, null, /* @__PURE__ */ React20.createElement(Avatar.Content, {
+  return /* @__PURE__ */ React19.createElement(Avatar.Root, null, /* @__PURE__ */ React19.createElement(Avatar.Content, {
     status,
     hue: identity.profile?.data?.hue || fallbackValue.hue,
     "data-testid": "spacePlugin.presence.member",
@@ -1418,7 +1371,7 @@ var PresenceAvatar = /* @__PURE__ */ forwardRef(({ identity, showName, match, in
     onClick,
     fallback: identity.profile?.data?.emoji || fallbackValue.emoji,
     ref: forwardedRef
-  }), /* @__PURE__ */ React20.createElement(Avatar.Label, {
+  }), /* @__PURE__ */ React19.createElement(Avatar.Label, {
     classNames: showName ? "text-sm truncate pli-2" : "sr-only"
   }, getName(identity)));
 });
@@ -1446,61 +1399,61 @@ var SmallPresenceLive = ({ id, open, viewers }) => {
   }, [
     viewers
   ]);
-  return /* @__PURE__ */ React20.createElement(SmallPresence, {
+  return /* @__PURE__ */ React19.createElement(SmallPresence, {
     count: activeViewers.length,
     attended: isAttended,
     containsAttended
   });
 };
 var SmallPresence = ({ count = 0, attended, containsAttended }) => {
-  const { t } = useTranslation18(SPACE_PLUGIN);
-  return /* @__PURE__ */ React20.createElement(Tooltip2.Root, null, /* @__PURE__ */ React20.createElement(Tooltip2.Trigger, {
-    asChild: true
-  }, /* @__PURE__ */ React20.createElement(AttentionGlyph, {
+  const { t } = useTranslation17(SPACE_PLUGIN);
+  return /* @__PURE__ */ React19.createElement(Tooltip2.Trigger, {
+    asChild: true,
+    content: t("presence label", {
+      count
+    }),
+    side: "bottom"
+  }, /* @__PURE__ */ React19.createElement(AttentionGlyph, {
     attended,
     containsAttended,
     presence: count > 1 ? "many" : count === 1 ? "one" : "none",
     classNames: "self-center mie-1"
-  })), /* @__PURE__ */ React20.createElement(Tooltip2.Portal, null, /* @__PURE__ */ React20.createElement(Tooltip2.Content, {
-    side: "bottom"
-  }, /* @__PURE__ */ React20.createElement("span", null, t("presence label", {
-    count
-  })), /* @__PURE__ */ React20.createElement(Tooltip2.Arrow, null))));
+  }));
 };
 
 // packages/plugins/plugin-space/src/components/SpacePluginSettings.tsx
-import React21 from "react";
-import { createIntent as createIntent9, useIntentDispatcher as useIntentDispatcher9 } from "@dxos/app-framework";
+import React20 from "react";
+import { createIntent as createIntent8, useIntentDispatcher as useIntentDispatcher8 } from "@dxos/app-framework";
 import { useClient as useClient6 } from "@dxos/react-client";
 import { useSpaces as useSpaces2 } from "@dxos/react-client/echo";
-import { Input as Input5, toLocalizedString as toLocalizedString3, useTranslation as useTranslation19, List as List3, ListItem as ListItem3, Button as Button7 } from "@dxos/react-ui";
+import { Input as Input5, toLocalizedString as toLocalizedString3, useTranslation as useTranslation18, List as List3, ListItem as ListItem3, Button as Button7 } from "@dxos/react-ui";
 import { DeprecatedFormContainer, DeprecatedFormInput } from "@dxos/react-ui-form";
 var SpacePluginSettings = ({ settings }) => {
-  const { t } = useTranslation19(SPACE_PLUGIN);
-  const { dispatchPromise: dispatch } = useIntentDispatcher9();
+  const { t } = useTranslation18(SPACE_PLUGIN);
+  const { dispatchPromise: dispatch } = useIntentDispatcher8();
   const client = useClient6();
   const spaces = useSpaces2({
     all: settings.showHidden
   });
-  return /* @__PURE__ */ React21.createElement(DeprecatedFormContainer, null, /* @__PURE__ */ React21.createElement(DeprecatedFormInput, {
+  return /* @__PURE__ */ React20.createElement(DeprecatedFormContainer, null, /* @__PURE__ */ React20.createElement(DeprecatedFormInput, {
     label: t("show hidden spaces label")
-  }, /* @__PURE__ */ React21.createElement(Input5.Switch, {
+  }, /* @__PURE__ */ React20.createElement(Input5.Switch, {
     checked: settings.showHidden,
     onCheckedChange: (checked) => settings.showHidden = !!checked
-  })), /* @__PURE__ */ React21.createElement("div", {
+  })), /* @__PURE__ */ React20.createElement("div", {
     role: "none"
-  }, /* @__PURE__ */ React21.createElement("h2", {
+  }, /* @__PURE__ */ React20.createElement("h2", {
     className: "text-xl my-4"
-  }, "Space Settings"), /* @__PURE__ */ React21.createElement(List3, {
+  }, "Space Settings"), /* @__PURE__ */ React20.createElement(List3, {
     classNames: "max-w-md mx-auto"
-  }, spaces.map((space) => /* @__PURE__ */ React21.createElement(ListItem3.Root, {
+  }, spaces.map((space) => /* @__PURE__ */ React20.createElement(ListItem3.Root, {
     key: space.id
-  }, /* @__PURE__ */ React21.createElement(ListItem3.Heading, {
+  }, /* @__PURE__ */ React20.createElement(ListItem3.Heading, {
     classNames: "flex flex-col grow truncate mbe-2"
   }, toLocalizedString3(getSpaceDisplayName(space, {
     personal: space === client.spaces.default
-  }), t)), /* @__PURE__ */ React21.createElement(ListItem3.Endcap, null, /* @__PURE__ */ React21.createElement(Button7, {
-    onClick: () => dispatch(createIntent9(SpaceAction.OpenSettings, {
+  }), t)), /* @__PURE__ */ React20.createElement(ListItem3.Endcap, null, /* @__PURE__ */ React20.createElement(Button7, {
+    onClick: () => dispatch(createIntent8(SpaceAction.OpenSettings, {
       space
     }))
   }, t("open space settings label"))))))));
@@ -1508,13 +1461,13 @@ var SpacePluginSettings = ({ settings }) => {
 
 // packages/plugins/plugin-space/src/components/SpaceSettings/SpaceSettingsContainer.tsx
 import { pipe as pipe2, Schema } from "effect";
-import React22, { useCallback as useCallback13, useMemo as useMemo3, useState as useState11 } from "react";
-import { chain as chain2, createIntent as createIntent10, LayoutAction as LayoutAction8, useIntentDispatcher as useIntentDispatcher10 } from "@dxos/app-framework";
+import React21, { useCallback as useCallback13, useMemo as useMemo3, useState as useState11 } from "react";
+import { chain as chain2, createIntent as createIntent9, LayoutAction as LayoutAction7, useIntentDispatcher as useIntentDispatcher9 } from "@dxos/app-framework";
 import { log as log3 } from "@dxos/log";
 import { EdgeReplicationSetting } from "@dxos/protocols/proto/dxos/echo/metadata";
 import { useClient as useClient7 } from "@dxos/react-client";
 import { SpaceState as SpaceState2 } from "@dxos/react-client/echo";
-import { Button as Button8, Input as Input6, useMulticastObservable, useTranslation as useTranslation20 } from "@dxos/react-ui";
+import { Button as Button8, Input as Input6, useMulticastObservable, useTranslation as useTranslation19 } from "@dxos/react-ui";
 import { Form as Form4, ControlItem, ControlItemInput as ControlItemInput2, ControlSection as ControlSection3, ControlPage as ControlPage3 } from "@dxos/react-ui-form";
 import { HuePicker, IconPicker } from "@dxos/react-ui-pickers";
 import { StackItem as StackItem4 } from "@dxos/react-ui-stack";
@@ -1525,8 +1478,8 @@ var FormSchema = SpaceForm.pipe(Schema.extend(Schema.Struct({
   })
 })));
 var SpaceSettingsContainer = ({ space }) => {
-  const { t } = useTranslation20(SPACE_PLUGIN);
-  const { dispatchPromise: dispatch } = useIntentDispatcher10();
+  const { t } = useTranslation19(SPACE_PLUGIN);
+  const { dispatchPromise: dispatch } = useIntentDispatcher9();
   const client = useClient7();
   const archived = useMulticastObservable(space.state) === SpaceState2.SPACE_INACTIVE;
   const [edgeReplication, setEdgeReplication] = useState11(space.internal.data.edgeReplication === EdgeReplicationSetting.ENABLED);
@@ -1556,14 +1509,14 @@ var SpaceSettingsContainer = ({ space }) => {
       space.properties.hue = properties.hue;
     }
     if (properties.archived && !archived) {
-      void dispatch(pipe2(createIntent10(SpaceAction.Close, {
+      void dispatch(pipe2(createIntent9(SpaceAction.Close, {
         space
-      }), chain2(LayoutAction8.SwitchWorkspace, {
+      }), chain2(LayoutAction7.SwitchWorkspace, {
         part: "workspace",
         subject: client.spaces.default.id
       })));
     } else if (!properties.archived && archived) {
-      void dispatch(createIntent10(SpaceAction.Open, {
+      void dispatch(createIntent9(SpaceAction.Open, {
         space
       }));
     }
@@ -1591,10 +1544,10 @@ var SpaceSettingsContainer = ({ space }) => {
         onValueChange,
         type
       ]);
-      return /* @__PURE__ */ React22.createElement(ControlItemInput2, {
+      return /* @__PURE__ */ React21.createElement(ControlItemInput2, {
         title: label,
         description: t("display name description")
-      }, /* @__PURE__ */ React22.createElement(Input6.TextInput, {
+      }, /* @__PURE__ */ React21.createElement(Input6.TextInput, {
         value: getValue(),
         onChange: handleChange,
         placeholder: t("display name input placeholder"),
@@ -1610,10 +1563,10 @@ var SpaceSettingsContainer = ({ space }) => {
         onValueChange,
         type
       ]);
-      return /* @__PURE__ */ React22.createElement(ControlItem, {
+      return /* @__PURE__ */ React21.createElement(ControlItem, {
         title: label,
         description: t("icon description")
-      }, /* @__PURE__ */ React22.createElement(IconPicker, {
+      }, /* @__PURE__ */ React21.createElement(IconPicker, {
         value: getValue(),
         onChange: handleChange,
         onReset: handleEmojiReset,
@@ -1630,10 +1583,10 @@ var SpaceSettingsContainer = ({ space }) => {
         onValueChange,
         type
       ]);
-      return /* @__PURE__ */ React22.createElement(ControlItem, {
+      return /* @__PURE__ */ React21.createElement(ControlItem, {
         title: label,
         description: t("hue description")
-      }, /* @__PURE__ */ React22.createElement(HuePicker, {
+      }, /* @__PURE__ */ React21.createElement(HuePicker, {
         value: getValue(),
         onChange: handleChange,
         onReset: handleHueReset,
@@ -1645,10 +1598,10 @@ var SpaceSettingsContainer = ({ space }) => {
         onValueChange,
         type
       ]);
-      return /* @__PURE__ */ React22.createElement(ControlItemInput2, {
+      return /* @__PURE__ */ React21.createElement(ControlItemInput2, {
         title: label,
         description: t("edge replication description")
-      }, /* @__PURE__ */ React22.createElement(Input6.Switch, {
+      }, /* @__PURE__ */ React21.createElement(Input6.Switch, {
         checked: getValue(),
         onCheckedChange: handleChange,
         classNames: "justify-self-end"
@@ -1660,10 +1613,10 @@ var SpaceSettingsContainer = ({ space }) => {
         type,
         getValue
       ]);
-      return /* @__PURE__ */ React22.createElement(ControlItemInput2, {
+      return /* @__PURE__ */ React21.createElement(ControlItemInput2, {
         title: label,
         description: t("archive space description")
-      }, /* @__PURE__ */ React22.createElement(Button8, {
+      }, /* @__PURE__ */ React21.createElement(Button8, {
         disabled: space === client.spaces.default,
         onClick: handleChange
       }, getValue() ? t("unarchive space label") : t("archive space label")));
@@ -1672,16 +1625,16 @@ var SpaceSettingsContainer = ({ space }) => {
     t,
     space
   ]);
-  return /* @__PURE__ */ React22.createElement(StackItem4.Content, {
+  return /* @__PURE__ */ React21.createElement(StackItem4.Content, {
     classNames: "block overflow-y-auto pli-2"
-  }, /* @__PURE__ */ React22.createElement(ControlPage3, null, /* @__PURE__ */ React22.createElement(ControlSection3, {
+  }, /* @__PURE__ */ React21.createElement(ControlPage3, null, /* @__PURE__ */ React21.createElement(ControlSection3, {
     title: t("space properties settings verbose label", {
       ns: SPACE_PLUGIN
     }),
     description: t("space properties settings description", {
       ns: SPACE_PLUGIN
     })
-  }, /* @__PURE__ */ React22.createElement(Form4, {
+  }, /* @__PURE__ */ React21.createElement(Form4, {
     schema: FormSchema,
     values,
     autoSave: true,
@@ -1692,13 +1645,13 @@ var SpaceSettingsContainer = ({ space }) => {
 };
 
 // packages/plugins/plugin-space/src/components/SyncStatus/InlineSyncStatus.tsx
-import React23, { useEffect as useEffect6, useState as useState12 } from "react";
+import React22, { useEffect as useEffect6, useState as useState12 } from "react";
 import { useAppGraph as useAppGraph3 } from "@dxos/app-framework";
 import { EdgeStatus } from "@dxos/protocols/proto/dxos/client/services";
 import { EdgeReplicationSetting as EdgeReplicationSetting2 } from "@dxos/protocols/proto/dxos/echo/metadata";
 import { useClient as useClient8 } from "@dxos/react-client";
 import { useSpaceSyncState } from "@dxos/react-client/echo";
-import { Tooltip as Tooltip3, useTranslation as useTranslation21 } from "@dxos/react-ui";
+import { Tooltip as Tooltip3, useTranslation as useTranslation20 } from "@dxos/react-ui";
 import { AttentionGlyph as AttentionGlyph2, useAttended as useAttended2, useAttention as useAttention2 } from "@dxos/react-ui-attention";
 var useEdgeStatus = () => {
   const [status, setStatus] = useState12(EdgeStatus.NOT_CONNECTED);
@@ -1713,7 +1666,7 @@ var useEdgeStatus = () => {
   return status;
 };
 var InlineSyncStatus = ({ space, open }) => {
-  const { t } = useTranslation21(SPACE_PLUGIN);
+  const { t } = useTranslation20(SPACE_PLUGIN);
   const id = space.id;
   const { hasAttention, isAncestor, isRelated } = useAttention2(id);
   const isAttended = hasAttention || isAncestor || isRelated;
@@ -1726,25 +1679,24 @@ var InlineSyncStatus = ({ space, open }) => {
   const edgeSyncEnabled = space.internal.data.edgeReplication === EdgeReplicationSetting2.ENABLED;
   const syncState = useSpaceSyncState(space);
   const syncing = connectedToEdge && edgeSyncEnabled && syncState && syncState.missingOnLocal > 0;
-  return /* @__PURE__ */ React23.createElement(Tooltip3.Root, null, /* @__PURE__ */ React23.createElement(Tooltip3.Trigger, {
-    asChild: true
-  }, /* @__PURE__ */ React23.createElement(AttentionGlyph2, {
+  return /* @__PURE__ */ React22.createElement(Tooltip3.Trigger, {
+    asChild: true,
+    content: t("syncing label"),
+    side: "bottom"
+  }, /* @__PURE__ */ React22.createElement(AttentionGlyph2, {
     syncing,
     attended: isAttended,
     containsAttended,
     classNames: "self-center mie-1"
-  })), /* @__PURE__ */ React23.createElement(Tooltip3.Portal, null, /* @__PURE__ */ React23.createElement(Tooltip3.Content, {
-    side: "bottom",
-    classNames: "z-[70]"
-  }, /* @__PURE__ */ React23.createElement("span", null, t("syncing label")), /* @__PURE__ */ React23.createElement(Tooltip3.Arrow, null))));
+  }));
 };
 
 // packages/plugins/plugin-space/src/components/SyncStatus/SyncStatus.tsx
-import React24, { useEffect as useEffect7, useState as useState13 } from "react";
+import React23, { useEffect as useEffect7, useState as useState13 } from "react";
 import { StatusBar } from "@dxos/plugin-status-bar";
 import { useClient as useClient9 } from "@dxos/react-client";
 import { getSyncSummary, useSyncState } from "@dxos/react-client/echo";
-import { Icon as Icon5, useTranslation as useTranslation22 } from "@dxos/react-ui";
+import { Icon as Icon5, useTranslation as useTranslation21 } from "@dxos/react-ui";
 
 // packages/plugins/plugin-space/src/components/SyncStatus/save-tracker.ts
 import { Context } from "@dxos/context";
@@ -1848,13 +1800,13 @@ var SyncStatus = () => {
       setSaved(state2 === "saved");
     });
   }, []);
-  return /* @__PURE__ */ React24.createElement(SyncStatusIndicator, {
+  return /* @__PURE__ */ React23.createElement(SyncStatusIndicator, {
     state,
     saved
   });
 };
 var SyncStatusIndicator = ({ state, saved }) => {
-  const { t } = useTranslation22(SPACE_PLUGIN);
+  const { t } = useTranslation21(SPACE_PLUGIN);
   const summary = getSyncSummary(state);
   const offline = Object.values(state).length === 0;
   const needsToUpload = summary.differentDocuments > 0 || summary.missingOnRemote > 0;
@@ -1881,12 +1833,12 @@ var SyncStatusIndicator = ({ state, saved }) => {
     needsToDownload
   ]);
   const title = t(`${status} label`);
-  const icon = /* @__PURE__ */ React24.createElement(Icon5, {
+  const icon = /* @__PURE__ */ React23.createElement(Icon5, {
     icon: getIcon(status),
     size: 4,
     classNames
   });
-  return /* @__PURE__ */ React24.createElement(StatusBar.Item, {
+  return /* @__PURE__ */ React23.createElement(StatusBar.Item, {
     title
   }, icon);
 };
@@ -1905,8 +1857,6 @@ export {
   MenuFooter,
   ObjectSettingsContainer,
   PersistenceStatus,
-  POPOVER_ADD_SPACE,
-  PopoverAddSpace,
   POPOVER_RENAME_OBJECT,
   PopoverRenameObject,
   POPOVER_RENAME_SPACE,
@@ -1934,4 +1884,4 @@ export {
   SpaceState,
   SpacesReady
 };
-//# sourceMappingURL=chunk-TSX67XGX.mjs.map
+//# sourceMappingURL=chunk-V4VNP2WY.mjs.map