@dxos/plugin-space 0.6.14-main.f49f251 → 0.6.14-staging.8758a12

package/dist/lib/browser/index.mjs

@@ -15,12 +15,12 @@ import {
   ThreadStatus,
   ThreadType,
   parseSpaceInitPlugin
-} from "./chunk-FOI7DAUV.mjs";
+} from "./chunk-WZAM3FNP.mjs";
 
 // packages/plugins/plugin-space/src/SpacePlugin.tsx
 import { signal } from "@preact/signals-core";
-import React18 from "react";
-import { LayoutAction as LayoutAction2, NavigationAction as NavigationAction3, Surface as Surface2, firstIdInPart, openIds, parseGraphPlugin, parseIntentPlugin as parseIntentPlugin3, parseMetadataResolverPlugin, parseNavigationPlugin as parseNavigationPlugin2, resolvePlugin } from "@dxos/app-framework";
+import React17 from "react";
+import { LayoutAction as LayoutAction2, NavigationAction as NavigationAction3, Surface as Surface2, firstIdInPart, openIds, parseGraphPlugin, parseIntentPlugin as parseIntentPlugin2, parseLayoutPlugin, parseMetadataResolverPlugin, parseNavigationPlugin as parseNavigationPlugin2, resolvePlugin } from "@dxos/app-framework";
 import { EventSubscriptions } from "@dxos/async";
 import { isReactiveObject as isReactiveObject2 } from "@dxos/echo-schema";
 import { scheduledEffect } from "@dxos/echo-signals/core";
@@ -32,7 +32,7 @@ import { parseClientPlugin } from "@dxos/plugin-client";
 import { createExtension, memoize as memoize2, toSignal } from "@dxos/plugin-graph";
 import { ObservabilityAction } from "@dxos/plugin-observability/meta";
 import { PublicKey as PublicKey2 } from "@dxos/react-client";
-import { Expando, Filter, SpaceState as SpaceState3, create as create2, fullyQualifiedId as fullyQualifiedId4, getSpace as getSpace4, getTypename as getTypename2, isEchoObject as isEchoObject2, isSpace as isSpace2, loadObjectReferences, parseId } from "@dxos/react-client/echo";
+import { Expando, Filter, SpaceState as SpaceState3, create as create2, fullyQualifiedId as fullyQualifiedId4, getSpace as getSpace4, getTypename as getTypename2, isEchoObject as isEchoObject2, isSpace as isSpace2, loadObjectReferences, parseId, FQ_ID_LENGTH } from "@dxos/react-client/echo";
 import { Dialog } from "@dxos/react-ui";
 import { ClipboardProvider as ClipboardProvider2, InvitationManager, osTranslations } from "@dxos/shell/react";
 import { ComplexMap as ComplexMap2, nonNullable, reduceGroupBy } from "@dxos/util";
@@ -758,66 +758,25 @@ var MenuFooter = ({ object }) => {
   }), toLocalizedString(spaceName, t)))) : null;
 };
 
-// packages/plugins/plugin-space/src/components/MissingObject.tsx
-import React6, { useEffect as useEffect2, useState as useState2 } from "react";
-import { parseIntentPlugin as parseIntentPlugin2, useResolvePlugin as useResolvePlugin2 } from "@dxos/app-framework";
-import { Status, useTranslation as useTranslation6 } from "@dxos/react-ui";
-import { baseSurface as baseSurface2, descriptionText as descriptionText2, mx as mx3 } from "@dxos/react-ui-theme";
-var WAIT_FOR_OBJECT_TIMEOUT2 = 1e3;
-var MissingObject = ({ id }) => {
-  const { t } = useTranslation6(SPACE_PLUGIN);
-  const [waiting, setWaiting] = useState2(false);
-  const intentPlugin = useResolvePlugin2(parseIntentPlugin2);
-  useEffect2(() => {
-    if (!intentPlugin) {
-      return;
-    }
-    const timeout = setTimeout(async () => {
-      setWaiting(true);
-      await intentPlugin.provides.intent.dispatch({
-        plugin: SPACE_PLUGIN,
-        action: SpaceAction.WAIT_FOR_OBJECT,
-        data: {
-          id
-        }
-      });
-    }, WAIT_FOR_OBJECT_TIMEOUT2);
-    return () => clearTimeout(timeout);
-  }, [
-    intentPlugin,
-    id
-  ]);
-  return /* @__PURE__ */ React6.createElement("div", {
-    role: "none",
-    className: mx3(baseSurface2, "min-bs-screen is-full flex items-center justify-center p-8")
-  }, waiting ? /* @__PURE__ */ React6.createElement("p", {
-    role: "alert",
-    className: mx3(descriptionText2, "border border-dashed border-neutral-400/50 rounded-lg flex items-center justify-center p-8 font-normal text-lg")
-  }, t("missing object message")) : /* @__PURE__ */ React6.createElement(Status, {
-    indeterminate: true,
-    "aria-label": "Initializing"
-  }));
-};
-
 // packages/plugins/plugin-space/src/components/PersistenceStatus.tsx
 import { ArrowsCounterClockwise, CheckCircle as CheckCircle2, Warning } from "@phosphor-icons/react";
-import React7, { useEffect as useEffect3, useState as useState3 } from "react";
+import React6, { useEffect as useEffect2, useState as useState2 } from "react";
 import { debounce } from "@dxos/async";
-import { Tooltip, useTranslation as useTranslation7 } from "@dxos/react-ui";
-import { getSize as getSize2, mx as mx4, staticPlaceholderText, warningText } from "@dxos/react-ui-theme";
-var Status2;
-(function(Status3) {
-  Status3[Status3["PERSISTED_LOCALLY"] = 0] = "PERSISTED_LOCALLY";
-  Status3[Status3["PENDING"] = 1] = "PENDING";
-  Status3[Status3["ERROR"] = 2] = "ERROR";
-})(Status2 || (Status2 = {}));
+import { Tooltip, useTranslation as useTranslation6 } from "@dxos/react-ui";
+import { getSize as getSize2, mx as mx3, staticPlaceholderText, warningText } from "@dxos/react-ui-theme";
+var Status;
+(function(Status2) {
+  Status2[Status2["PERSISTED_LOCALLY"] = 0] = "PERSISTED_LOCALLY";
+  Status2[Status2["PENDING"] = 1] = "PENDING";
+  Status2[Status2["ERROR"] = 2] = "ERROR";
+})(Status || (Status = {}));
 var PersistenceStatus = ({ db }) => {
-  const { t } = useTranslation7(SPACE_PLUGIN);
-  const [displayMessage, setDisplayMessage] = useState3(false);
-  const [status, naturalSetStatus] = useState3(0);
-  const [prevStatus, setPrevStatus] = useState3(0);
+  const { t } = useTranslation6(SPACE_PLUGIN);
+  const [displayMessage, setDisplayMessage] = useState2(false);
+  const [status, naturalSetStatus] = useState2(0);
+  const [prevStatus, setPrevStatus] = useState2(0);
   const _setStatus = debounce(naturalSetStatus, 500);
-  useEffect3(() => {
+  useEffect2(() => {
     setPrevStatus(status);
     if (prevStatus !== status && status === 0) {
       setDisplayMessage(true);
@@ -829,48 +788,48 @@ var PersistenceStatus = ({ db }) => {
   ]);
   switch (status) {
     case 2:
-      return /* @__PURE__ */ React7.createElement("div", {
+      return /* @__PURE__ */ React6.createElement("div", {
         className: "flex items-center"
-      }, /* @__PURE__ */ React7.createElement(Warning, {
-        className: mx4(getSize2(4), "me-1")
-      }), /* @__PURE__ */ React7.createElement("span", {
-        className: mx4("text-sm", warningText)
+      }, /* @__PURE__ */ React6.createElement(Warning, {
+        className: mx3(getSize2(4), "me-1")
+      }), /* @__PURE__ */ React6.createElement("span", {
+        className: mx3("text-sm", warningText)
       }, t("persistence error label")));
     case 1:
-      return /* @__PURE__ */ React7.createElement("div", {
+      return /* @__PURE__ */ React6.createElement("div", {
         className: "flex items-center"
-      }, /* @__PURE__ */ React7.createElement(ArrowsCounterClockwise, {
-        className: mx4(getSize2(4), "me-1")
-      }), /* @__PURE__ */ React7.createElement("span", {
-        className: mx4("text-sm", staticPlaceholderText)
+      }, /* @__PURE__ */ React6.createElement(ArrowsCounterClockwise, {
+        className: mx3(getSize2(4), "me-1")
+      }), /* @__PURE__ */ React6.createElement("span", {
+        className: mx3("text-sm", staticPlaceholderText)
       }, t("persistence pending label")));
     case 0:
     default:
-      return /* @__PURE__ */ React7.createElement(Tooltip.Root, {
+      return /* @__PURE__ */ React6.createElement(Tooltip.Root, {
         delayDuration: 400
-      }, /* @__PURE__ */ React7.createElement(Tooltip.Trigger, {
+      }, /* @__PURE__ */ React6.createElement(Tooltip.Trigger, {
         role: "status",
         className: "flex items-center"
-      }, /* @__PURE__ */ React7.createElement(CheckCircle2, {
-        className: mx4(getSize2(4), "me-1")
-      }), displayMessage && /* @__PURE__ */ React7.createElement("span", {
-        className: mx4("text-sm", staticPlaceholderText)
-      }, t("persisted locally label"))), /* @__PURE__ */ React7.createElement(Tooltip.Portal, null, /* @__PURE__ */ React7.createElement(Tooltip.Content, {
+      }, /* @__PURE__ */ React6.createElement(CheckCircle2, {
+        className: mx3(getSize2(4), "me-1")
+      }), displayMessage && /* @__PURE__ */ React6.createElement("span", {
+        className: mx3("text-sm", staticPlaceholderText)
+      }, t("persisted locally label"))), /* @__PURE__ */ React6.createElement(Tooltip.Portal, null, /* @__PURE__ */ React6.createElement(Tooltip.Content, {
         classNames: "z-10"
-      }, t("persisted locally message"), /* @__PURE__ */ React7.createElement(Tooltip.Arrow, null))));
+      }, t("persisted locally message"), /* @__PURE__ */ React6.createElement(Tooltip.Arrow, null))));
   }
 };
 
 // packages/plugins/plugin-space/src/components/PopoverRenameObject.tsx
-import React8, { useCallback, useRef, useState as useState4 } from "react";
+import React7, { useCallback, useRef, useState as useState3 } from "react";
 import { log } from "@dxos/log";
-import { Button as Button2, Input as Input2, Popover, useTranslation as useTranslation8 } from "@dxos/react-ui";
+import { Button as Button2, Input as Input2, Popover, useTranslation as useTranslation7 } from "@dxos/react-ui";
 var __dxlog_file2 = "/home/runner/work/dxos/dxos/packages/plugins/plugin-space/src/components/PopoverRenameObject.tsx";
 var PopoverRenameObject = ({ object: obj }) => {
-  const { t } = useTranslation8(SPACE_PLUGIN);
+  const { t } = useTranslation7(SPACE_PLUGIN);
   const doneButton = useRef(null);
   const object = obj;
-  const [name, setName] = useState4(object.name || object.title || "");
+  const [name, setName] = useState3(object.name || object.title || "");
   const handleDone = useCallback(() => {
     try {
       object.name = name;
@@ -892,23 +851,23 @@ var PopoverRenameObject = ({ object: obj }) => {
     object,
     name
   ]);
-  return /* @__PURE__ */ React8.createElement("div", {
+  return /* @__PURE__ */ React7.createElement("div", {
     role: "none",
     className: "p-1 flex gap-2"
-  }, /* @__PURE__ */ React8.createElement("div", {
+  }, /* @__PURE__ */ React7.createElement("div", {
     role: "none",
     className: "flex-1"
-  }, /* @__PURE__ */ React8.createElement(Input2.Root, null, /* @__PURE__ */ React8.createElement(Input2.Label, {
+  }, /* @__PURE__ */ React7.createElement(Input2.Root, null, /* @__PURE__ */ React7.createElement(Input2.Label, {
     srOnly: true
-  }, t("object name label")), /* @__PURE__ */ React8.createElement(Input2.TextInput, {
+  }, t("object name label")), /* @__PURE__ */ React7.createElement(Input2.TextInput, {
     placeholder: t("object title placeholder"),
     value: name,
     "data-testid": "spacePlugin.renameObject.input",
     onChange: ({ target: { value } }) => setName(value),
     onKeyDown: ({ key }) => key === "Enter" && doneButton.current?.click()
-  }))), /* @__PURE__ */ React8.createElement(Popover.Close, {
+  }))), /* @__PURE__ */ React7.createElement(Popover.Close, {
     asChild: true
-  }, /* @__PURE__ */ React8.createElement(Button2, {
+  }, /* @__PURE__ */ React7.createElement(Button2, {
     ref: doneButton,
     classNames: "self-stretch",
     onClick: handleDone
@@ -918,36 +877,36 @@ var PopoverRenameObject = ({ object: obj }) => {
 };
 
 // packages/plugins/plugin-space/src/components/PopoverRenameSpace.tsx
-import React9, { useCallback as useCallback2, useRef as useRef2, useState as useState5 } from "react";
-import { Button as Button3, Input as Input3, Popover as Popover2, useTranslation as useTranslation9 } from "@dxos/react-ui";
+import React8, { useCallback as useCallback2, useRef as useRef2, useState as useState4 } from "react";
+import { Button as Button3, Input as Input3, Popover as Popover2, useTranslation as useTranslation8 } from "@dxos/react-ui";
 var PopoverRenameSpace = ({ space }) => {
-  const { t } = useTranslation9(SPACE_PLUGIN);
+  const { t } = useTranslation8(SPACE_PLUGIN);
   const doneButton = useRef2(null);
-  const [name, setName] = useState5(space.properties.name ?? "");
+  const [name, setName] = useState4(space.properties.name ?? "");
   const handleDone = useCallback2(() => {
     space.properties.name = name;
   }, [
     space,
     name
   ]);
-  return /* @__PURE__ */ React9.createElement("div", {
+  return /* @__PURE__ */ React8.createElement("div", {
     role: "none",
     className: "p-1 flex gap-2"
-  }, /* @__PURE__ */ React9.createElement("div", {
+  }, /* @__PURE__ */ React8.createElement("div", {
     role: "none",
     className: "flex-1"
-  }, /* @__PURE__ */ React9.createElement(Input3.Root, null, /* @__PURE__ */ React9.createElement(Input3.Label, {
+  }, /* @__PURE__ */ React8.createElement(Input3.Root, null, /* @__PURE__ */ React8.createElement(Input3.Label, {
     srOnly: true
-  }, t("space name label")), /* @__PURE__ */ React9.createElement(Input3.TextInput, {
+  }, t("space name label")), /* @__PURE__ */ React8.createElement(Input3.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__ */ React9.createElement(Popover2.Close, {
+  }))), /* @__PURE__ */ React8.createElement(Popover2.Close, {
     asChild: true
-  }, /* @__PURE__ */ React9.createElement(Button3, {
+  }, /* @__PURE__ */ React8.createElement(Button3, {
     ref: doneButton,
     classNames: "self-stretch",
     onClick: handleDone
@@ -957,12 +916,12 @@ var PopoverRenameSpace = ({ space }) => {
 };
 
 // packages/plugins/plugin-space/src/components/ShareSpaceButton.tsx
-import React10 from "react";
+import React9 from "react";
 import { useIntentDispatcher } from "@dxos/app-framework";
-import { Button as Button4, useTranslation as useTranslation10 } from "@dxos/react-ui";
+import { Button as Button4, useTranslation as useTranslation9 } from "@dxos/react-ui";
 var ShareSpaceButton = ({ spaceId }) => {
   const dispatch = useIntentDispatcher();
-  return /* @__PURE__ */ React10.createElement(ShareSpaceButtonImpl, {
+  return /* @__PURE__ */ React9.createElement(ShareSpaceButtonImpl, {
     onClick: () => dispatch({
       action: SpaceAction.SHARE,
       data: {
@@ -972,8 +931,8 @@ var ShareSpaceButton = ({ spaceId }) => {
   });
 };
 var ShareSpaceButtonImpl = ({ onClick }) => {
-  const { t } = useTranslation10(SPACE_PLUGIN);
-  return /* @__PURE__ */ React10.createElement(Button4, {
+  const { t } = useTranslation9(SPACE_PLUGIN);
+  return /* @__PURE__ */ React9.createElement(Button4, {
     "data-testid": "spacePlugin.shareSpaceButton",
     onClick,
     classNames: "mli-1"
@@ -982,30 +941,30 @@ var ShareSpaceButtonImpl = ({ onClick }) => {
 
 // packages/plugins/plugin-space/src/components/SpaceMain/SpaceMain.tsx
 import { Command } from "@phosphor-icons/react";
-import React12 from "react";
+import React11 from "react";
 import { Surface } from "@dxos/app-framework";
 import { SpaceState as SpaceState2 } from "@dxos/react-client/echo";
-import { Main, useTranslation as useTranslation12 } from "@dxos/react-ui";
-import { getSize as getSize4, mx as mx6, topbarBlockPaddingStart } from "@dxos/react-ui-theme";
+import { Main, useTranslation as useTranslation11 } from "@dxos/react-ui";
+import { getSize as getSize4, mx as mx5, topbarBlockPaddingStart } from "@dxos/react-ui-theme";
 import { ClipboardProvider } from "@dxos/shell/react";
 
 // packages/plugins/plugin-space/src/components/SpaceMain/SpaceMembersSection.tsx
 import { CaretDown, Check, UserPlus, UsersThree } from "@phosphor-icons/react";
-import React11, { useCallback as useCallback3, useState as useState6 } from "react";
+import React10, { useCallback as useCallback3, useState as useState5 } from "react";
 import { LayoutAction, useIntent } from "@dxos/app-framework";
 import { useMembers, SpaceMember, useSpaceInvitations } from "@dxos/react-client/echo";
 import { InvitationEncoder } from "@dxos/react-client/invitations";
 import { Invitation } from "@dxos/react-client/invitations";
-import { Button as Button5, ButtonGroup, DropdownMenu as DropdownMenu2, List, useTranslation as useTranslation11 } from "@dxos/react-ui";
-import { descriptionText as descriptionText3, getSize as getSize3, mx as mx5 } from "@dxos/react-ui-theme";
+import { Button as Button5, ButtonGroup, DropdownMenu as DropdownMenu2, List, useTranslation as useTranslation10 } from "@dxos/react-ui";
+import { descriptionText as descriptionText2, getSize as getSize3, mx as mx4 } from "@dxos/react-ui-theme";
 import { InvitationListItem, IdentityListItem } from "@dxos/shell/react";
 var activeActionKeyStorageKey = "dxos:react-shell/space-manager/active-action";
 var Presence = SpaceMember.PresenceState;
 var handleCreateInvitationUrl = (invitationCode) => `${origin}?spaceInvitationCode=${invitationCode}`;
 var SpaceMemberList = ({ members }) => {
-  return members.length > 0 ? /* @__PURE__ */ React11.createElement(List, {
+  return members.length > 0 ? /* @__PURE__ */ React10.createElement(List, {
     classNames: "col-start-2 col-end-5 gap-y-1 grid grid-cols-subgrid items-center"
-  }, members.map((member) => /* @__PURE__ */ React11.createElement(IdentityListItem, {
+  }, members.map((member) => /* @__PURE__ */ React10.createElement(IdentityListItem, {
     classNames: "contents",
     key: member.identity.identityKey.toHex(),
     identity: member.identity,
@@ -1013,7 +972,7 @@ var SpaceMemberList = ({ members }) => {
   }))) : null;
 };
 var SpaceMembersSection = ({ space }) => {
-  const { t } = useTranslation11(SPACE_PLUGIN);
+  const { t } = useTranslation10(SPACE_PLUGIN);
   const invitations = useSpaceInvitations(space.key);
   const { dispatch } = useIntent();
   const handleCloseDialog = () => dispatch({
@@ -1078,7 +1037,7 @@ var SpaceMembersSection = ({ space }) => {
       ])
     }
   };
-  const [activeActionKey, setInternalActiveActionKey] = useState6(localStorage.getItem(activeActionKeyStorageKey) ?? "inviteOne");
+  const [activeActionKey, setInternalActiveActionKey] = useState5(localStorage.getItem(activeActionKeyStorageKey) ?? "inviteOne");
   const setActiveActionKey = (nextKey) => {
     setInternalActiveActionKey(nextKey);
     localStorage.setItem(activeActionKeyStorageKey, nextKey);
@@ -1091,103 +1050,103 @@ var SpaceMembersSection = ({ space }) => {
     [Presence.ONLINE]: [],
     [Presence.OFFLINE]: []
   });
-  return /* @__PURE__ */ React11.createElement("section", {
+  return /* @__PURE__ */ React10.createElement("section", {
     className: "mbe-4 col-span-3 grid gap-y-2 grid-cols-subgrid auto-rows-min"
-  }, /* @__PURE__ */ React11.createElement("h2", {
+  }, /* @__PURE__ */ React10.createElement("h2", {
     className: "contents"
-  }, /* @__PURE__ */ React11.createElement(UsersThree, {
+  }, /* @__PURE__ */ React10.createElement(UsersThree, {
     weight: "duotone",
-    className: mx5(getSize3(5), "place-self-center")
-  }), /* @__PURE__ */ React11.createElement("span", {
+    className: mx4(getSize3(5), "place-self-center")
+  }), /* @__PURE__ */ React10.createElement("span", {
     className: "text-lg col-span-2"
-  }, t("space members label"))), /* @__PURE__ */ React11.createElement("h3", {
+  }, t("space members label"))), /* @__PURE__ */ React10.createElement("h3", {
     className: "col-start-2 col-span-3 text-sm italic text-description"
-  }, t("invitations heading")), invitations.length > 0 && /* @__PURE__ */ React11.createElement(List, {
+  }, t("invitations heading")), invitations.length > 0 && /* @__PURE__ */ React10.createElement(List, {
     classNames: "col-start-2 col-span-2 gap-y-2 grid grid-cols-[var(--rail-size)_1fr_var(--rail-action)_var(--rail-action)]"
-  }, invitations.map((invitation) => /* @__PURE__ */ React11.createElement(InvitationListItem, {
+  }, invitations.map((invitation) => /* @__PURE__ */ React10.createElement(InvitationListItem, {
     reverseEffects: true,
     classNames: "pis-0 pie-0 gap-0 col-span-4 grid grid-cols-subgrid",
     key: invitation.get().invitationId,
     invitation,
     send: handleInvitationSelect,
     createInvitationUrl: handleCreateInvitationUrl
-  }))), /* @__PURE__ */ React11.createElement(ButtonGroup, {
+  }))), /* @__PURE__ */ React10.createElement(ButtonGroup, {
     classNames: "col-start-2 col-end-4 grid grid-cols-[1fr_var(--rail-action)] place-self-grow gap-px"
-  }, /* @__PURE__ */ React11.createElement(Button5, {
+  }, /* @__PURE__ */ React10.createElement(Button5, {
     classNames: "gap-2",
     onClick: activeAction.onClick
-  }, /* @__PURE__ */ React11.createElement(activeAction.icon, {
+  }, /* @__PURE__ */ React10.createElement(activeAction.icon, {
     className: getSize3(5)
-  }), /* @__PURE__ */ React11.createElement("span", null, t(activeAction.label, {
+  }), /* @__PURE__ */ React10.createElement("span", null, t(activeAction.label, {
     ns: "os"
-  }))), /* @__PURE__ */ React11.createElement(DropdownMenu2.Root, null, /* @__PURE__ */ React11.createElement(DropdownMenu2.Trigger, {
+  }))), /* @__PURE__ */ React10.createElement(DropdownMenu2.Root, null, /* @__PURE__ */ React10.createElement(DropdownMenu2.Trigger, {
     asChild: true
-  }, /* @__PURE__ */ React11.createElement(Button5, {
+  }, /* @__PURE__ */ React10.createElement(Button5, {
     classNames: "pli-0"
-  }, /* @__PURE__ */ React11.createElement(CaretDown, {
+  }, /* @__PURE__ */ React10.createElement(CaretDown, {
     className: getSize3(4)
-  }))), /* @__PURE__ */ React11.createElement(DropdownMenu2.Content, null, /* @__PURE__ */ React11.createElement(DropdownMenu2.Viewport, null, Object.entries(inviteActions).map(([id, action]) => {
-    return /* @__PURE__ */ React11.createElement(DropdownMenu2.CheckboxItem, {
+  }))), /* @__PURE__ */ React10.createElement(DropdownMenu2.Content, null, /* @__PURE__ */ React10.createElement(DropdownMenu2.Viewport, null, Object.entries(inviteActions).map(([id, action]) => {
+    return /* @__PURE__ */ React10.createElement(DropdownMenu2.CheckboxItem, {
       key: id,
       "aria-labelledby": `${id}__label`,
       "aria-describedby": `${id}__description`,
       checked: activeActionKey === id,
       onCheckedChange: (checked) => checked && setActiveActionKey(id),
       classNames: "gap-2"
-    }, action.icon && /* @__PURE__ */ React11.createElement(action.icon, {
+    }, action.icon && /* @__PURE__ */ React10.createElement(action.icon, {
       className: getSize3(5)
-    }), /* @__PURE__ */ React11.createElement("div", {
+    }), /* @__PURE__ */ React10.createElement("div", {
       role: "none",
       className: "flex-1 min-is-0 space-b-1"
-    }, /* @__PURE__ */ React11.createElement("p", {
+    }, /* @__PURE__ */ React10.createElement("p", {
       id: `${id}__label`
     }, t(action.label, {
       ns: "os"
-    })), action.description && /* @__PURE__ */ React11.createElement("p", {
+    })), action.description && /* @__PURE__ */ React10.createElement("p", {
       id: `${id}__description`,
-      className: descriptionText3
+      className: descriptionText2
     }, t(action.description, {
       ns: "os"
-    }))), /* @__PURE__ */ React11.createElement(DropdownMenu2.ItemIndicator, {
+    }))), /* @__PURE__ */ React10.createElement(DropdownMenu2.ItemIndicator, {
       asChild: true
-    }, /* @__PURE__ */ React11.createElement(Check, {
+    }, /* @__PURE__ */ React10.createElement(Check, {
       className: getSize3(4)
     })));
-  })), /* @__PURE__ */ React11.createElement(DropdownMenu2.Arrow, null)))), members[Presence.ONLINE].length + members[Presence.OFFLINE].length < 1 ? /* @__PURE__ */ React11.createElement("p", {
-    className: mx5(descriptionText3, "text-center is-full mlb-2")
+  })), /* @__PURE__ */ React10.createElement(DropdownMenu2.Arrow, null)))), members[Presence.ONLINE].length + members[Presence.OFFLINE].length < 1 ? /* @__PURE__ */ React10.createElement("p", {
+    className: mx4(descriptionText2, "text-center is-full mlb-2")
   }, t("empty space members message", {
     ns: "os"
-  })) : /* @__PURE__ */ React11.createElement(React11.Fragment, null, /* @__PURE__ */ React11.createElement("h3", {
+  })) : /* @__PURE__ */ React10.createElement(React10.Fragment, null, /* @__PURE__ */ React10.createElement("h3", {
     className: "col-start-2 col-end-5 text-sm italic text-description"
   }, t("active space members heading", {
     count: members[Presence.ONLINE].length
-  })), /* @__PURE__ */ React11.createElement(SpaceMemberList, {
+  })), /* @__PURE__ */ React10.createElement(SpaceMemberList, {
     members: members[Presence.ONLINE]
-  }), /* @__PURE__ */ React11.createElement("h3", {
+  }), /* @__PURE__ */ React10.createElement("h3", {
     className: "col-start-2 col-end-5 text-sm italic text-description"
   }, t("inactive space members heading", {
     count: members[Presence.OFFLINE].length
-  })), /* @__PURE__ */ React11.createElement(SpaceMemberList, {
+  })), /* @__PURE__ */ React10.createElement(SpaceMemberList, {
     members: members[Presence.OFFLINE]
   })));
 };
 
 // packages/plugins/plugin-space/src/components/SpaceMain/SpaceMain.tsx
 var KeyShortcuts = () => {
-  const { t } = useTranslation12(SPACE_PLUGIN);
-  return /* @__PURE__ */ React12.createElement("section", {
+  const { t } = useTranslation11(SPACE_PLUGIN);
+  return /* @__PURE__ */ React11.createElement("section", {
     className: "mbe-4 col-span-4 md:col-start-5 md:col-end-7 grid grid-cols-subgrid gap-y-2 auto-rows-min"
-  }, /* @__PURE__ */ React12.createElement("h2", {
+  }, /* @__PURE__ */ React11.createElement("h2", {
     className: "contents"
-  }, /* @__PURE__ */ React12.createElement(Command, {
+  }, /* @__PURE__ */ React11.createElement(Command, {
     weight: "duotone",
-    className: mx6(getSize4(5), "place-self-center")
-  }), /* @__PURE__ */ React12.createElement("span", {
+    className: mx5(getSize4(5), "place-self-center")
+  }), /* @__PURE__ */ React11.createElement("span", {
     className: "text-lg col-span-2 md:col-span-1"
-  }, t("keyshortcuts label"))), /* @__PURE__ */ React12.createElement("div", {
+  }, t("keyshortcuts label"))), /* @__PURE__ */ React11.createElement("div", {
     role: "none",
     className: "col-start-2 col-end-4 md:col-end-5 pie-2"
-  }, /* @__PURE__ */ React12.createElement(Surface, {
+  }, /* @__PURE__ */ React11.createElement(Surface, {
     role: "keyshortcuts"
   })));
 };
@@ -1196,7 +1155,7 @@ var SpaceMain = ({ space, role }) => {
   const state = space.state.get();
   const ready = state === SpaceState2.SPACE_READY;
   const Root = role === "main" ? Main.Content : "div";
-  return /* @__PURE__ */ React12.createElement(ClipboardProvider, null, /* @__PURE__ */ React12.createElement(Root, {
+  return /* @__PURE__ */ React11.createElement(ClipboardProvider, null, /* @__PURE__ */ React11.createElement(Root, {
     ...role === "main" ? {
       classNames: [
         topbarBlockPaddingStart,
@@ -1205,23 +1164,23 @@ var SpaceMain = ({ space, role }) => {
       ]
     } : {
       role: "none",
-      className: mx6(topbarBlockPaddingStart, "row-span-2", spaceMainLayout)
+      className: mx5(topbarBlockPaddingStart, "row-span-2", spaceMainLayout)
     },
     "data-testid": `spacePlugin.${role}`,
     "data-isready": ready ? "true" : "false"
-  }, ready && /* @__PURE__ */ React12.createElement(SpaceMembersSection, {
+  }, ready && /* @__PURE__ */ React11.createElement(SpaceMembersSection, {
     space
-  }), /* @__PURE__ */ React12.createElement(KeyShortcuts, null)));
+  }), /* @__PURE__ */ React11.createElement(KeyShortcuts, null)));
 };
 
 // packages/plugins/plugin-space/src/components/SpacePresence.tsx
-import React13, { useCallback as useCallback4, useEffect as useEffect4, useState as useState7 } from "react";
+import React12, { useCallback as useCallback4, useEffect as useEffect3, useState as useState6 } from "react";
 import { usePlugin } from "@dxos/app-framework";
 import { generateName } from "@dxos/display-name";
 import { PublicKey, useClient as useClient3 } from "@dxos/react-client";
 import { getSpace as getSpace3, useMembers as useMembers2, fullyQualifiedId as fullyQualifiedId3 } from "@dxos/react-client/echo";
 import { useIdentity } from "@dxos/react-client/halo";
-import { Avatar, AvatarGroup, AvatarGroupItem, Tooltip as Tooltip2, useTranslation as useTranslation13, List as List2, ListItem, useDefaultValue } from "@dxos/react-ui";
+import { Avatar, AvatarGroup, AvatarGroupItem, Tooltip as Tooltip2, useTranslation as useTranslation12, List as List2, ListItem, useDefaultValue } from "@dxos/react-ui";
 import { AttentionGlyph, useAttention } from "@dxos/react-ui-attention";
 import { ComplexMap, keyToFallback } from "@dxos/util";
 var REFRESH_INTERVAL = 5e3;
@@ -1234,8 +1193,8 @@ var SpacePresence = ({ object, spaceKey }) => {
   const identity = useIdentity();
   const space = spaceKey ? client.spaces.get(spaceKey) : getSpace3(object);
   const spaceMembers = useMembers2(space?.key);
-  const [_moment, setMoment] = useState7(Date.now());
-  useEffect4(() => {
+  const [_moment, setMoment] = useState6(Date.now());
+  useEffect3(() => {
     const interval = setInterval(() => setMoment(Date.now()), REFRESH_INTERVAL);
     return () => clearInterval(interval);
   }, []);
@@ -1258,7 +1217,7 @@ var SpacePresence = ({ object, spaceKey }) => {
       lastSeen
     };
   }).toSorted((a, b) => a.lastSeen - b.lastSeen);
-  return /* @__PURE__ */ React13.createElement(FullPresence, {
+  return /* @__PURE__ */ React12.createElement(FullPresence, {
     members: membersForObject
   });
 };
@@ -1268,38 +1227,38 @@ var FullPresence = (props) => {
   if (members.length === 0) {
     return null;
   }
-  return /* @__PURE__ */ React13.createElement(AvatarGroup.Root, {
+  return /* @__PURE__ */ React12.createElement(AvatarGroup.Root, {
     size,
     classNames: "mbs-2 mie-4",
     "data-testid": "spacePlugin.presence"
-  }, members.slice(0, 3).map((member, i) => /* @__PURE__ */ React13.createElement(Tooltip2.Root, {
+  }, members.slice(0, 3).map((member, i) => /* @__PURE__ */ React12.createElement(Tooltip2.Root, {
     key: member.identity.identityKey.toHex()
-  }, /* @__PURE__ */ React13.createElement(Tooltip2.Trigger, null, /* @__PURE__ */ React13.createElement(PrensenceAvatar, {
+  }, /* @__PURE__ */ React12.createElement(Tooltip2.Trigger, null, /* @__PURE__ */ React12.createElement(PrensenceAvatar, {
     identity: member.identity,
     group: true,
     match: member.currentlyAttended,
     index: members.length - i,
     onClick: () => onMemberClick?.(member)
-  })), /* @__PURE__ */ React13.createElement(Tooltip2.Portal, null, /* @__PURE__ */ React13.createElement(Tooltip2.Content, {
+  })), /* @__PURE__ */ React12.createElement(Tooltip2.Portal, null, /* @__PURE__ */ React12.createElement(Tooltip2.Content, {
     side: "bottom"
-  }, /* @__PURE__ */ React13.createElement("span", null, getName(member.identity)), /* @__PURE__ */ React13.createElement(Tooltip2.Arrow, null))))), members.length > 3 && /* @__PURE__ */ React13.createElement(Tooltip2.Root, null, /* @__PURE__ */ React13.createElement(Tooltip2.Trigger, null, /* @__PURE__ */ React13.createElement(AvatarGroupItem.Root, {
+  }, /* @__PURE__ */ React12.createElement("span", null, getName(member.identity)), /* @__PURE__ */ React12.createElement(Tooltip2.Arrow, null))))), members.length > 3 && /* @__PURE__ */ React12.createElement(Tooltip2.Root, null, /* @__PURE__ */ React12.createElement(Tooltip2.Trigger, null, /* @__PURE__ */ React12.createElement(AvatarGroupItem.Root, {
     status: "inactive"
-  }, /* @__PURE__ */ React13.createElement(Avatar.Frame, {
+  }, /* @__PURE__ */ React12.createElement(Avatar.Frame, {
     style: {
       zIndex: members.length - 4
     }
-  }, /* @__PURE__ */ React13.createElement(Avatar.Fallback, {
+  }, /* @__PURE__ */ React12.createElement(Avatar.Fallback, {
     text: `+${members.length - 3}`
-  })))), /* @__PURE__ */ React13.createElement(Tooltip2.Portal, null, /* @__PURE__ */ React13.createElement(Tooltip2.Content, {
+  })))), /* @__PURE__ */ React12.createElement(Tooltip2.Portal, null, /* @__PURE__ */ React12.createElement(Tooltip2.Content, {
     side: "bottom"
-  }, /* @__PURE__ */ React13.createElement(Tooltip2.Arrow, null), /* @__PURE__ */ React13.createElement(List2, {
+  }, /* @__PURE__ */ React12.createElement(Tooltip2.Arrow, null), /* @__PURE__ */ React12.createElement(List2, {
     classNames: "max-h-56 overflow-y-auto"
-  }, members.map((member) => /* @__PURE__ */ React13.createElement(ListItem.Root, {
+  }, members.map((member) => /* @__PURE__ */ React12.createElement(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__ */ React13.createElement(PrensenceAvatar, {
+  }, /* @__PURE__ */ React12.createElement(PrensenceAvatar, {
     identity: member.identity,
     showName: true,
     match: member.currentlyAttended
@@ -1309,10 +1268,10 @@ var PrensenceAvatar = ({ identity, showName, match, group, index, onClick }) =>
   const Root = group ? AvatarGroupItem.Root : Avatar.Root;
   const status = match ? "current" : "active";
   const fallbackValue = keyToFallback(identity.identityKey);
-  return /* @__PURE__ */ React13.createElement(Root, {
+  return /* @__PURE__ */ React12.createElement(Root, {
     status,
     hue: identity.profile?.data?.hue || fallbackValue.hue
-  }, /* @__PURE__ */ React13.createElement(Avatar.Frame, {
+  }, /* @__PURE__ */ React12.createElement(Avatar.Frame, {
     "data-testid": "spacePlugin.presence.member",
     "data-status": status,
     ...index ? {
@@ -1321,9 +1280,9 @@ var PrensenceAvatar = ({ identity, showName, match, group, index, onClick }) =>
       }
     } : {},
     onClick: () => onClick?.()
-  }, /* @__PURE__ */ React13.createElement(Avatar.Fallback, {
+  }, /* @__PURE__ */ React12.createElement(Avatar.Fallback, {
     text: identity.profile?.data?.emoji || fallbackValue.emoji
-  })), showName && /* @__PURE__ */ React13.createElement(Avatar.Label, {
+  })), showName && /* @__PURE__ */ React12.createElement(Avatar.Label, {
     classNames: "text-sm truncate pli-2"
   }, getName(identity)));
 };
@@ -1332,8 +1291,8 @@ var SmallPresenceLive = ({ id, viewers }) => {
     const moment = Date.now();
     return Array.from(viewers2.values()).filter(({ lastSeen }) => moment - lastSeen < ACTIVITY_DURATION);
   };
-  const [activeViewers, setActiveViewers] = useState7(viewers ? getActiveViewers(viewers) : []);
-  useEffect4(() => {
+  const [activeViewers, setActiveViewers] = useState6(viewers ? getActiveViewers(viewers) : []);
+  useEffect3(() => {
     if (viewers) {
       setActiveViewers(getActiveViewers(viewers));
       const interval = setInterval(() => {
@@ -1344,44 +1303,44 @@ var SmallPresenceLive = ({ id, viewers }) => {
   }, [
     viewers
   ]);
-  return /* @__PURE__ */ React13.createElement(SmallPresence, {
+  return /* @__PURE__ */ React12.createElement(SmallPresence, {
     id,
     count: activeViewers.length
   });
 };
 var SmallPresence = ({ id, count }) => {
-  const { t } = useTranslation13(SPACE_PLUGIN);
+  const { t } = useTranslation12(SPACE_PLUGIN);
   const { hasAttention, isAncestor, isRelated } = useAttention(id);
   const attention = hasAttention || isAncestor || isRelated;
-  return /* @__PURE__ */ React13.createElement(Tooltip2.Root, null, /* @__PURE__ */ React13.createElement(Tooltip2.Trigger, {
+  return /* @__PURE__ */ React12.createElement(Tooltip2.Root, null, /* @__PURE__ */ React12.createElement(Tooltip2.Trigger, {
     asChild: true
-  }, /* @__PURE__ */ React13.createElement("div", {
+  }, /* @__PURE__ */ React12.createElement("div", {
     role: "none",
     className: "flex",
     "data-attention": attention
-  }, /* @__PURE__ */ React13.createElement(AttentionGlyph, {
+  }, /* @__PURE__ */ React12.createElement(AttentionGlyph, {
     presence: count > 1 ? "many" : count === 1 ? "one" : "none",
     classNames: "self-center mie-1"
-  }))), /* @__PURE__ */ React13.createElement(Tooltip2.Portal, null, /* @__PURE__ */ React13.createElement(Tooltip2.Content, {
+  }))), /* @__PURE__ */ React12.createElement(Tooltip2.Portal, null, /* @__PURE__ */ React12.createElement(Tooltip2.Content, {
     side: "bottom",
     classNames: "z-[70]"
-  }, /* @__PURE__ */ React13.createElement("span", null, t("presence label", {
+  }, /* @__PURE__ */ React12.createElement("span", null, t("presence label", {
     count
-  })), /* @__PURE__ */ React13.createElement(Tooltip2.Arrow, null))));
+  })), /* @__PURE__ */ React12.createElement(Tooltip2.Arrow, null))));
 };
 
 // packages/plugins/plugin-space/src/components/SpaceSettings.tsx
-import React14 from "react";
+import React13 from "react";
 import { useIntentDispatcher as useIntentDispatcher2, useResolvePlugins } from "@dxos/app-framework";
-import { Input as Input4, Select, toLocalizedString as toLocalizedString2, useTranslation as useTranslation14 } from "@dxos/react-ui";
-import { FormInput } from "@dxos/react-ui-data";
+import { Input as Input4, Select, toLocalizedString as toLocalizedString2, useTranslation as useTranslation13 } from "@dxos/react-ui";
+import { DeprecatedFormInput } from "@dxos/react-ui-data";
 var SpaceSettings = ({ settings }) => {
-  const { t } = useTranslation14(SPACE_PLUGIN);
+  const { t } = useTranslation13(SPACE_PLUGIN);
   const dispatch = useIntentDispatcher2();
   const plugins = useResolvePlugins(parseSpaceInitPlugin);
-  return /* @__PURE__ */ React14.createElement(React14.Fragment, null, /* @__PURE__ */ React14.createElement(FormInput, {
+  return /* @__PURE__ */ React13.createElement(React13.Fragment, null, /* @__PURE__ */ React13.createElement(DeprecatedFormInput, {
     label: t("show hidden spaces label")
-  }, /* @__PURE__ */ React14.createElement(Input4.Switch, {
+  }, /* @__PURE__ */ React13.createElement(Input4.Switch, {
     checked: settings.showHidden,
     onCheckedChange: (checked) => dispatch({
       plugin: SPACE_PLUGIN,
@@ -1390,34 +1349,41 @@ var SpaceSettings = ({ settings }) => {
         state: !!checked
       }
     })
-  })), /* @__PURE__ */ React14.createElement(FormInput, {
+  })), /* @__PURE__ */ React13.createElement(DeprecatedFormInput, {
     label: t("default on space create label")
-  }, /* @__PURE__ */ React14.createElement(Select.Root, {
+  }, /* @__PURE__ */ React13.createElement(Select.Root, {
     value: settings.onSpaceCreate,
     onValueChange: (value) => {
       settings.onSpaceCreate = value;
     }
-  }, /* @__PURE__ */ React14.createElement(Select.TriggerButton, null), /* @__PURE__ */ React14.createElement(Select.Portal, null, /* @__PURE__ */ React14.createElement(Select.Content, null, /* @__PURE__ */ React14.createElement(Select.Viewport, null, plugins.map(({ provides: { space: { onSpaceCreate } } }) => /* @__PURE__ */ React14.createElement(Select.Option, {
+  }, /* @__PURE__ */ React13.createElement(Select.TriggerButton, null), /* @__PURE__ */ React13.createElement(Select.Portal, null, /* @__PURE__ */ React13.createElement(Select.Content, null, /* @__PURE__ */ React13.createElement(Select.Viewport, null, plugins.map(({ provides: { space: { onSpaceCreate } } }) => /* @__PURE__ */ React13.createElement(Select.Option, {
     key: onSpaceCreate.action,
     value: onSpaceCreate.action
   }, toLocalizedString2(onSpaceCreate.label, t)))))))));
 };
 
 // packages/plugins/plugin-space/src/components/SpaceSettingsPanel.tsx
-import React15, { useCallback as useCallback5, useState as useState8 } from "react";
+import React14, { useCallback as useCallback5, useState as useState7 } from "react";
 import { log as log2 } from "@dxos/log";
 import { EdgeReplicationSetting } from "@dxos/protocols/proto/dxos/echo/metadata";
-import { Input as Input5, useTranslation as useTranslation15 } from "@dxos/react-ui";
+import { useClient as useClient4 } from "@dxos/react-client";
+import { DeviceType, useDevices } from "@dxos/react-client/halo";
+import { Input as Input5, useTranslation as useTranslation14 } from "@dxos/react-ui";
 var __dxlog_file3 = "/home/runner/work/dxos/dxos/packages/plugins/plugin-space/src/components/SpaceSettingsPanel.tsx";
 var SpaceSettingsPanel = ({ space }) => {
-  const { t } = useTranslation15(SPACE_PLUGIN);
-  const [edgeReplication, setEdgeReplication] = useState8(space.internal.data.edgeReplication === EdgeReplicationSetting.ENABLED);
+  const { t } = useTranslation14(SPACE_PLUGIN);
+  const client = useClient4();
+  const devices = useDevices();
+  const managedDeviceAvailable = devices.find((device) => device.profile?.type === DeviceType.AGENT_MANAGED);
+  const edgeAgents = Boolean(client.config.values.runtime?.client?.edgeFeatures?.agents);
+  const edgeReplicationAvailable = edgeAgents && managedDeviceAvailable;
+  const [edgeReplication, setEdgeReplication] = useState7(space.internal.data.edgeReplication === EdgeReplicationSetting.ENABLED);
   const toggleEdgeReplication = useCallback5(async (next) => {
     setEdgeReplication(next);
     await space?.internal.setEdgeReplicationPreference(next ? EdgeReplicationSetting.ENABLED : EdgeReplicationSetting.DISABLED).catch((err) => {
       log2.catch(err, void 0, {
         F: __dxlog_file3,
-        L: 30,
+        L: 38,
         S: void 0,
         C: (f, a) => f(...a)
       });
@@ -1426,50 +1392,129 @@ var SpaceSettingsPanel = ({ space }) => {
   }, [
     space
   ]);
-  return /* @__PURE__ */ React15.createElement("div", {
+  return /* @__PURE__ */ React14.createElement("div", {
     role: "form",
     className: "flex flex-col w-full p-2 gap-4"
-  }, /* @__PURE__ */ React15.createElement(Input5.Root, null, /* @__PURE__ */ React15.createElement("div", {
+  }, /* @__PURE__ */ React14.createElement(Input5.Root, null, /* @__PURE__ */ React14.createElement("div", {
     role: "none",
     className: "flex flex-col gap-1"
-  }, /* @__PURE__ */ React15.createElement(Input5.Label, null, t("name label")), /* @__PURE__ */ React15.createElement(Input5.TextInput, {
+  }, /* @__PURE__ */ React14.createElement(Input5.Label, null, t("name label")), /* @__PURE__ */ React14.createElement(Input5.TextInput, {
     placeholder: t("name placeholder"),
-    value: space.properties.name,
+    value: space.properties.name ?? "",
     onChange: (event) => {
       space.properties.name = event.target.value;
     }
-  }))), /* @__PURE__ */ React15.createElement(Input5.Root, null, /* @__PURE__ */ React15.createElement("div", {
+  }))), edgeReplicationAvailable && /* @__PURE__ */ React14.createElement(Input5.Root, null, /* @__PURE__ */ React14.createElement("div", {
     role: "none",
     className: "flex justify-between"
-  }, /* @__PURE__ */ React15.createElement(Input5.Label, null, t("edge replication label")), /* @__PURE__ */ React15.createElement(Input5.Switch, {
+  }, /* @__PURE__ */ React14.createElement(Input5.Label, null, t("edge replication label")), /* @__PURE__ */ React14.createElement(Input5.Switch, {
     checked: edgeReplication,
     onCheckedChange: toggleEdgeReplication
   }))));
 };
 
-// packages/plugins/plugin-space/src/components/SaveStatus.tsx
-import React16, { useEffect as useEffect5, useState as useState9 } from "react";
-import { Context } from "@dxos/context";
+// packages/plugins/plugin-space/src/components/SyncStatus/SyncStatus.tsx
+import React16, { useEffect as useEffect6, useState as useState10 } from "react";
 import { StatusBar } from "@dxos/plugin-status-bar";
-import { useClient as useClient4 } from "@dxos/react-client";
-import { Icon, useTranslation as useTranslation16 } from "@dxos/react-ui";
-var __dxlog_file4 = "/home/runner/work/dxos/dxos/packages/plugins/plugin-space/src/components/SaveStatus.tsx";
-var SaveStatus = () => {
-  const { t } = useTranslation16(SPACE_PLUGIN);
-  const client = useClient4();
-  const [state, setState] = useState9("saved");
-  useEffect5(() => {
-    return createClientSaveTracker(client, (state2) => {
-      setState(state2);
-    });
-  }, []);
-  return /* @__PURE__ */ React16.createElement(StatusBar.Item, {
-    title: state === "saving" ? t("saving label") : t("saved label")
-  }, /* @__PURE__ */ React16.createElement(Icon, {
-    icon: state === "saving" ? "ph--arrows-clockwise--regular" : "ph--check-circle--regular",
-    size: 4
+import { useClient as useClient6 } from "@dxos/react-client";
+import { Icon as Icon2, Popover as Popover3, useTranslation as useTranslation15 } from "@dxos/react-ui";
+import { SyntaxHighlighter } from "@dxos/react-ui-syntax-highlighter";
+import { mx as mx7 } from "@dxos/react-ui-theme";
+
+// packages/plugins/plugin-space/src/components/SyncStatus/Space.tsx
+import React15, { useEffect as useEffect4, useState as useState8 } from "react";
+import { Icon } from "@dxos/react-ui";
+import { mx as mx6 } from "@dxos/react-ui-theme";
+var SYNC_STALLED_TIMEOUT = 5e3;
+var styles = {
+  barBg: "bg-neutral-50 dark:bg-green-900 text-black",
+  barFg: "bg-neutral-100 bg-green-500",
+  barHover: "dark:hover:bg-green-500"
+};
+var useActive = (count) => {
+  const [current, setCurrent] = useState8(count);
+  const [active, setActive] = useState8(false);
+  useEffect4(() => {
+    let t;
+    if (count !== current) {
+      setActive(true);
+      setCurrent(count);
+      t && clearTimeout(t);
+      t = setTimeout(() => {
+        setActive(false);
+      }, SYNC_STALLED_TIMEOUT);
+    }
+    return () => {
+      setActive(false);
+      clearTimeout(t);
+    };
+  }, [
+    count,
+    current
+  ]);
+  return active;
+};
+var SpaceRow = ({ spaceId, state: { localDocumentCount, remoteDocumentCount, missingOnLocal, missingOnRemote } }) => {
+  const downActive = useActive(localDocumentCount);
+  const upActive = useActive(remoteDocumentCount);
+  return /* @__PURE__ */ React15.createElement("div", {
+    className: mx6("flex items-center mx-[2px] gap-[2px] cursor-pointer", styles.barHover),
+    title: spaceId,
+    onClick: () => {
+      void navigator.clipboard.writeText(spaceId);
+    }
+  }, /* @__PURE__ */ React15.createElement(Icon, {
+    icon: "ph--arrow-fat-line-left--regular",
+    size: 3,
+    classNames: mx6(downActive && "animate-[pulse_1s_infinite]")
+  }), /* @__PURE__ */ React15.createElement(Candle, {
+    up: {
+      count: remoteDocumentCount,
+      total: remoteDocumentCount + missingOnRemote
+    },
+    down: {
+      count: localDocumentCount,
+      total: localDocumentCount + missingOnLocal
+    },
+    title: spaceId
+  }), /* @__PURE__ */ React15.createElement(Icon, {
+    icon: "ph--arrow-fat-line-right--regular",
+    size: 3,
+    classNames: mx6(upActive && "animate-[pulse_1s_step-start_infinite]")
   }));
 };
+var Candle = ({ classNames, up, down }) => {
+  return /* @__PURE__ */ React15.createElement("div", {
+    className: mx6("grid grid-cols-[1fr_2rem_1fr] w-full h-3", classNames)
+  }, /* @__PURE__ */ React15.createElement(Bar, {
+    classNames: "justify-end",
+    ...up
+  }), /* @__PURE__ */ React15.createElement("div", {
+    className: "relative"
+  }, /* @__PURE__ */ React15.createElement("div", {
+    className: mx6("absolute inset-0 flex items-center justify-center text-xs", styles.barBg)
+  }, up.total)), /* @__PURE__ */ React15.createElement(Bar, down));
+};
+var Bar = ({ classNames, count, total }) => {
+  let p = count / total * 100;
+  if (count < total) {
+    p = Math.min(p, 95);
+  }
+  return /* @__PURE__ */ React15.createElement("div", {
+    className: mx6("relative flex w-full", styles.barBg, classNames)
+  }, /* @__PURE__ */ React15.createElement("div", {
+    className: mx6("shrink-0", styles.barFg),
+    style: {
+      width: `${p}%`
+    }
+  }), count !== total && /* @__PURE__ */ React15.createElement("div", {
+    className: "absolute top-0 bottom-0 flex items-center mx-0.5 text-black text-xs"
+  }, count));
+};
+
+// packages/plugins/plugin-space/src/components/SyncStatus/save-tracker.ts
+import { Context } from "@dxos/context";
+var __dxlog_file4 = "/home/runner/work/dxos/dxos/packages/plugins/plugin-space/src/components/SyncStatus/save-tracker.ts";
 var createClientSaveTracker = (client, cb) => {
   const unsubscribeCallbacks = {};
   const state = {};
@@ -1498,7 +1543,7 @@ var createClientSaveTracker = (client, cb) => {
 var createSpaceSaveTracker = (space, cb) => {
   const ctx = new Context(void 0, {
     F: __dxlog_file4,
-    L: 64
+    L: 40
   });
   void space.waitUntilReady().then(() => {
     if (ctx.disposed) {
@@ -1529,19 +1574,41 @@ var createSpaceSaveTracker = (space, cb) => {
   };
 };
 
-// packages/plugins/plugin-space/src/components/SyncStatus/SyncStatus.tsx
-import React17, { useEffect as useEffect7, useState as useState11 } from "react";
-import { StatusBar as StatusBar2 } from "@dxos/plugin-status-bar";
-import { Icon as Icon2, Popover as Popover3, useTranslation as useTranslation17 } from "@dxos/react-ui";
-import { SyntaxHighlighter } from "@dxos/react-ui-syntax-highlighter";
-import { mx as mx7 } from "@dxos/react-ui-theme";
+// packages/plugins/plugin-space/src/components/SyncStatus/status.ts
+var getStatus = ({ offline, saved, needsToUpload, needsToDownload }) => {
+  if (!saved) {
+    return "saving locally";
+  } else if (!offline && needsToDownload) {
+    return "downloading";
+  } else if (!offline && needsToUpload) {
+    return "uploading";
+  } else if (offline && !needsToUpload && !needsToDownload) {
+    return "offline persisted";
+  } else {
+    return "remote synced";
+  }
+};
+var getIcon = (status) => {
+  switch (status) {
+    case "saving locally":
+      return "ph--download--regular";
+    case "downloading":
+      return "ph--cloud-arrow-down--regular";
+    case "uploading":
+      return "ph--cloud-arrow-up--regular";
+    case "offline persisted":
+      return "ph--check-circle--regular";
+    case "remote synced":
+      return "ph--cloud-check--regular";
+  }
+};
 
-// packages/plugins/plugin-space/src/components/SyncStatus/types.ts
-import { useEffect as useEffect6, useState as useState10 } from "react";
+// packages/plugins/plugin-space/src/components/SyncStatus/sync-state.ts
+import { useEffect as useEffect5, useState as useState9 } from "react";
 import { Context as Context2 } from "@dxos/context";
 import { EdgeService } from "@dxos/protocols";
 import { useClient as useClient5 } from "@dxos/react-client";
-var __dxlog_file5 = "/home/runner/work/dxos/dxos/packages/plugins/plugin-space/src/components/SyncStatus/types.ts";
+var __dxlog_file5 = "/home/runner/work/dxos/dxos/packages/plugins/plugin-space/src/components/SyncStatus/sync-state.ts";
 var createEmptyEdgeSyncState = () => ({
   missingOnLocal: 0,
   missingOnRemote: 0,
@@ -1562,8 +1629,8 @@ var getSyncSummary = (syncMap) => {
 var isEdgePeerId = (peerId, spaceId) => peerId.startsWith(`${EdgeService.AUTOMERGE_REPLICATOR}:${spaceId}`);
 var useSyncState = () => {
   const client = useClient5();
-  const [spaceState, setSpaceState] = useState10({});
-  useEffect6(() => {
+  const [spaceState, setSpaceState] = useState9({});
+  useEffect5(() => {
     const ctx = new Context2(void 0, {
       F: __dxlog_file5,
       L: 48
@@ -1598,146 +1665,86 @@ var useSyncState = () => {
 };
 
 // packages/plugins/plugin-space/src/components/SyncStatus/SyncStatus.tsx
-var SYNC_STALLED_TIMEOUT = 5e3;
-var styles = {
-  barBg: "bg-neutral-50 dark:bg-green-900 text-black",
-  barFg: "bg-neutral-100 bg-green-500",
-  barHover: "dark:hover:bg-green-500"
-};
 var SyncStatus = () => {
+  const client = useClient6();
   const state = useSyncState();
-  return /* @__PURE__ */ React17.createElement(SyncStatusIndicator, {
-    state
+  const [saved, setSaved] = useState10(true);
+  useEffect6(() => {
+    return createClientSaveTracker(client, (state2) => {
+      setSaved(state2 === "saved");
+    });
+  }, []);
+  return /* @__PURE__ */ React16.createElement(SyncStatusIndicator, {
+    state,
+    saved
   });
 };
-var SyncStatusIndicator = ({ state }) => {
+var SyncStatusIndicator = ({ state, saved }) => {
+  const { t } = useTranslation15(SPACE_PLUGIN);
   const summary = getSyncSummary(state);
-  const offline = false;
+  const offline = Object.values(state).length === 0;
   const needsToUpload = summary.differentDocuments > 0 || summary.missingOnRemote > 0;
   const needsToDownload = summary.differentDocuments > 0 || summary.missingOnLocal > 0;
-  const [classNames, setClassNames] = useState11();
-  useEffect7(() => {
+  const status = getStatus({
+    offline,
+    saved,
+    needsToUpload,
+    needsToDownload
+  });
+  const [classNames, setClassNames] = useState10();
+  useEffect6(() => {
     setClassNames(void 0);
-    if (!needsToUpload && !needsToDownload) {
+    if (offline || !needsToUpload && !needsToDownload) {
       return;
     }
-    const t = setTimeout(() => {
+    const t2 = setTimeout(() => {
       setClassNames("text-orange-500");
     }, SYNC_STALLED_TIMEOUT);
-    return () => clearTimeout(t);
+    return () => clearTimeout(t2);
   }, [
+    offline,
     needsToUpload,
     needsToDownload
   ]);
-  return /* @__PURE__ */ React17.createElement(StatusBar2.Item, null, /* @__PURE__ */ React17.createElement(Popover3.Root, null, /* @__PURE__ */ React17.createElement(Popover3.Trigger, null, /* @__PURE__ */ React17.createElement(Icon2, {
-    icon: offline ? "ph--cloud-x--regular" : needsToUpload ? "ph--cloud-arrow-up--regular" : needsToDownload ? "ph--cloud-arrow-down--regular" : "ph--cloud-check--regular",
+  const title = t(`${status} label`);
+  const icon = /* @__PURE__ */ React16.createElement(Icon2, {
+    icon: getIcon(status),
     size: 4,
     classNames
-  })), /* @__PURE__ */ React17.createElement(Popover3.Content, {
-    sideOffset: 16
-  }, /* @__PURE__ */ React17.createElement(SyncStatusDetail, {
-    state,
-    summary,
-    debug: false
-  }))));
+  });
+  if (offline) {
+    return /* @__PURE__ */ React16.createElement(StatusBar.Item, {
+      title
+    }, icon);
+  } else {
+    return /* @__PURE__ */ React16.createElement(Popover3.Root, null, /* @__PURE__ */ React16.createElement(Popover3.Trigger, {
+      asChild: true
+    }, /* @__PURE__ */ React16.createElement(StatusBar.Button, {
+      title
+    }, icon)), /* @__PURE__ */ React16.createElement(Popover3.Portal, null, /* @__PURE__ */ React16.createElement(Popover3.Content, {
+      sideOffset: 16
+    }, /* @__PURE__ */ React16.createElement(SyncStatusDetail, {
+      state,
+      summary,
+      debug: false
+    }))));
+  }
 };
 var SyncStatusDetail = ({ classNames, state, summary, debug }) => {
-  const { t } = useTranslation17(SPACE_PLUGIN);
+  const { t } = useTranslation15(SPACE_PLUGIN);
   const entries = Object.entries(state).sort(([a], [b]) => a < b ? -1 : a > b ? 1 : 0);
-  return /* @__PURE__ */ React17.createElement("div", {
-    className: mx7("flex flex-col text-xs min-w-[16rem]", classNames)
-  }, /* @__PURE__ */ React17.createElement("h1", {
-    className: "p-2"
-  }, t("sync status title")), /* @__PURE__ */ React17.createElement("div", {
-    className: "flex flex-col gap-[2px] my-[2px]"
-  }, entries.map(([spaceId, state2]) => /* @__PURE__ */ React17.createElement(SpaceRow, {
+  return /* @__PURE__ */ React16.createElement("div", {
+    className: mx7("flex flex-col gap-3 p-2 text-xs min-w-[16rem]", classNames)
+  }, /* @__PURE__ */ React16.createElement("h1", null, t("sync status title")), /* @__PURE__ */ React16.createElement("div", {
+    className: "flex flex-col gap-2"
+  }, entries.map(([spaceId, state2]) => /* @__PURE__ */ React16.createElement(SpaceRow, {
     key: spaceId,
     spaceId,
     state: state2
-  }))), debug && /* @__PURE__ */ React17.createElement(SyntaxHighlighter, {
+  }))), debug && /* @__PURE__ */ React16.createElement(SyntaxHighlighter, {
     language: "json"
   }, JSON.stringify(summary, null, 2)));
 };
-var useActive = (count) => {
-  const [current, setCurrent] = useState11(count);
-  const [active, setActive] = useState11(false);
-  useEffect7(() => {
-    let t;
-    if (count !== current) {
-      setActive(true);
-      setCurrent(count);
-      t && clearTimeout(t);
-      t = setTimeout(() => {
-        setActive(false);
-      }, SYNC_STALLED_TIMEOUT);
-    }
-    return () => {
-      setActive(false);
-      clearTimeout(t);
-    };
-  }, [
-    count,
-    current
-  ]);
-  return active;
-};
-var SpaceRow = ({ spaceId, state: { localDocumentCount, remoteDocumentCount, missingOnLocal, missingOnRemote } }) => {
-  const downActive = useActive(localDocumentCount);
-  const upActive = useActive(remoteDocumentCount);
-  return /* @__PURE__ */ React17.createElement("div", {
-    className: mx7("flex items-center mx-[2px] gap-[2px] cursor-pointer", styles.barHover),
-    title: spaceId,
-    onClick: () => {
-      void navigator.clipboard.writeText(spaceId);
-    }
-  }, /* @__PURE__ */ React17.createElement(Icon2, {
-    icon: "ph--arrow-fat-line-left--regular",
-    size: 3,
-    classNames: mx7(downActive && "animate-[pulse_1s_infinite]")
-  }), /* @__PURE__ */ React17.createElement(Candle, {
-    up: {
-      count: remoteDocumentCount,
-      total: remoteDocumentCount + missingOnRemote
-    },
-    down: {
-      count: localDocumentCount,
-      total: localDocumentCount + missingOnLocal
-    },
-    title: spaceId
-  }), /* @__PURE__ */ React17.createElement(Icon2, {
-    icon: "ph--arrow-fat-line-right--regular",
-    size: 3,
-    classNames: mx7(upActive && "animate-[pulse_1s_step-start_infinite]")
-  }));
-};
-var Candle = ({ classNames, up, down }) => {
-  return /* @__PURE__ */ React17.createElement("div", {
-    className: mx7("grid grid-cols-[1fr_2rem_1fr] w-full h-3", classNames)
-  }, /* @__PURE__ */ React17.createElement(Bar, {
-    classNames: "justify-end",
-    ...up
-  }), /* @__PURE__ */ React17.createElement("div", {
-    className: "relative"
-  }, /* @__PURE__ */ React17.createElement("div", {
-    className: mx7("absolute inset-0 flex items-center justify-center text-xs", styles.barBg)
-  }, up.total)), /* @__PURE__ */ React17.createElement(Bar, down));
-};
-var Bar = ({ classNames, count, total }) => {
-  let p = count / total * 100;
-  if (count < total) {
-    p = Math.min(p, 95);
-  }
-  return /* @__PURE__ */ React17.createElement("div", {
-    className: mx7("relative flex w-full", styles.barBg, classNames)
-  }, /* @__PURE__ */ React17.createElement("div", {
-    className: mx7("shrink-0", styles.barFg),
-    style: {
-      width: `${p}%`
-    }
-  }), count !== total && /* @__PURE__ */ React17.createElement("div", {
-    className: "absolute top-0 bottom-0 flex items-center mx-0.5 text-black text-xs"
-  }, count));
-};
 
 // packages/plugins/plugin-space/src/translations.ts
 var translations_default = [
@@ -1826,7 +1833,13 @@ var translations_default = [
         "name label": "Name",
         "name placeholder": "Name",
         "unnamed object settings label": "Settings",
-        "edge replication label": "Enable EDGE Replication"
+        "edge replication label": "Enable EDGE Replication",
+        "saving locally label": "Writing to disk",
+        "downloading label": "Replicating from peers",
+        "uploading label": "Replicating to peers",
+        "offline persisted label": "Saved to disk (offline)",
+        "remote synced label": "Synced with peers",
+        "open settings panel label": "Show Settings"
       }
     }
   }
@@ -1835,7 +1848,6 @@ var translations_default = [
 // packages/plugins/plugin-space/src/SpacePlugin.tsx
 var __dxlog_file6 = "/home/runner/work/dxos/dxos/packages/plugins/plugin-space/src/SpacePlugin.tsx";
 var ACTIVE_NODE_BROADCAST_INTERVAL = 3e4;
-var OBJECT_ID_LENGTH = 60;
 var SPACE_MAX_OBJECTS = 500;
 var DIRECTORY_TYPE = "text/directory";
 var parseSpacePlugin = (plugin) => Array.isArray(plugin?.provides.space?.enabled) ? plugin : void 0;
@@ -1855,15 +1867,20 @@ var SpacePlugin = ({ firstRun, onFirstRun } = {}) => {
   const spaceSubscriptions = new EventSubscriptions();
   const graphSubscriptions = /* @__PURE__ */ new Map();
   let clientPlugin;
+  let graphPlugin;
   let intentPlugin;
+  let layoutPlugin;
   let navigationPlugin;
   let attentionPlugin;
   const onSpaceReady = async () => {
-    if (!clientPlugin || !navigationPlugin || !attentionPlugin) {
+    if (!clientPlugin || !intentPlugin || !graphPlugin || !navigationPlugin || !layoutPlugin || !attentionPlugin) {
       return;
     }
     const client = clientPlugin.provides.client;
+    const dispatch = intentPlugin.provides.intent.dispatch;
+    const graph = graphPlugin.provides.graph;
     const location = navigationPlugin.provides.location;
+    const layout = layoutPlugin.provides.layout;
     const attention = attentionPlugin.provides.attention;
     const defaultSpace = client.spaces.default;
     if (typeof defaultSpace.properties[COMPOSER_SPACE_LOCK] !== "boolean") {
@@ -1878,6 +1895,24 @@ var SpacePlugin = ({ firstRun, onFirstRun } = {}) => {
         order: []
       }));
     }
+    subscriptions.add(scheduledEffect(() => ({
+      layoutMode: layout.layoutMode,
+      soloPart: location.active.solo?.[0]
+    }), ({ layoutMode, soloPart }) => {
+      if (layoutMode !== "solo" || !soloPart) {
+        return;
+      }
+      const node = graph.findNode(soloPart.id);
+      if (!node && soloPart.id.length === FQ_ID_LENGTH) {
+        void dispatch({
+          plugin: SPACE_PLUGIN,
+          action: SpaceAction.WAIT_FOR_OBJECT,
+          data: {
+            id: soloPart.id
+          }
+        });
+      }
+    }));
     subscriptions.add(client.spaces.subscribe(async (spaces) => {
       if (defaultSpace.state.get() === SpaceState3.SPACE_REQUIRES_MIGRATION) {
         await defaultSpace.internal.migrate();
@@ -1925,7 +1960,7 @@ var SpacePlugin = ({ firstRun, onFirstRun } = {}) => {
                 err: err.message
               }, {
                 F: __dxlog_file6,
-                L: 231,
+                L: 257,
                 S: void 0,
                 C: (f, a) => f(...a)
               });
@@ -1983,10 +2018,12 @@ var SpacePlugin = ({ firstRun, onFirstRun } = {}) => {
         key: "spaceNames",
         type: LocalStorageStore.json()
       });
+      graphPlugin = resolvePlugin(plugins, parseGraphPlugin);
+      layoutPlugin = resolvePlugin(plugins, parseLayoutPlugin);
       navigationPlugin = resolvePlugin(plugins, parseNavigationPlugin2);
       attentionPlugin = resolvePlugin(plugins, parseAttentionPlugin);
       clientPlugin = resolvePlugin(plugins, parseClientPlugin);
-      intentPlugin = resolvePlugin(plugins, parseIntentPlugin3);
+      intentPlugin = resolvePlugin(plugins, parseIntentPlugin2);
       if (!clientPlugin || !intentPlugin) {
         return;
       }
@@ -2006,7 +2043,7 @@ var SpacePlugin = ({ firstRun, onFirstRun } = {}) => {
           dispatch
         });
       };
-      client.spaces.isReady.subscribe(async (ready) => {
+      subscriptions.add(client.spaces.isReady.subscribe(async (ready) => {
         if (ready) {
           await clientPlugin?.provides.client.spaces.default.waitUntilReady();
           if (firstRun) {
@@ -2016,7 +2053,7 @@ var SpacePlugin = ({ firstRun, onFirstRun } = {}) => {
           }
           await onSpaceReady();
         }
-      });
+      }).unsubscribe);
     },
     unload: async () => {
       settings.close();
@@ -2032,7 +2069,21 @@ var SpacePlugin = ({ firstRun, onFirstRun } = {}) => {
         ...translations_default,
         osTranslations
       ],
-      root: () => state.values.awaiting ? /* @__PURE__ */ React18.createElement(AwaitingObject, {
+      complementary: {
+        panels: [
+          {
+            id: "settings",
+            label: [
+              "open settings panel label",
+              {
+                ns: SPACE_PLUGIN
+              }
+            ],
+            icon: "ph--gear--regular"
+          }
+        ]
+      },
+      root: () => state.values.awaiting ? /* @__PURE__ */ React17.createElement(AwaitingObject, {
         id: state.values.awaiting
       }) : null,
       metadata: {
@@ -2060,37 +2111,33 @@ var SpacePlugin = ({ firstRun, onFirstRun } = {}) => {
       },
       surface: {
         component: ({ data, role, ...rest }) => {
-          const primary = data.active ?? data.object;
           switch (role) {
             case "article":
-            case "main":
-              return isSpace2(primary) && primary.state.get() === SpaceState3.SPACE_READY ? /* @__PURE__ */ React18.createElement(Surface2, {
+              return isSpace2(data.object) && data.object.state.get() === SpaceState3.SPACE_READY ? /* @__PURE__ */ React17.createElement(Surface2, {
                 data: {
-                  active: primary.properties[CollectionType.typename],
-                  id: primary.id
+                  object: data.object.properties[CollectionType.typename],
+                  id: data.object.id
                 },
                 role,
                 ...rest
-              }) : primary instanceof CollectionType ? {
-                node: /* @__PURE__ */ React18.createElement(CollectionMain, {
-                  collection: primary
+              }) : data.object instanceof CollectionType ? {
+                node: /* @__PURE__ */ React17.createElement(CollectionMain, {
+                  collection: data.object
                 }),
                 disposition: "fallback"
-              } : typeof primary === "string" && primary.length === OBJECT_ID_LENGTH ? /* @__PURE__ */ React18.createElement(MissingObject, {
-                id: primary
-              }) : null;
+              } : null;
             case "complementary--settings":
-              return isSpace2(data.subject) ? /* @__PURE__ */ React18.createElement(SpaceSettingsPanel, {
+              return isSpace2(data.subject) ? /* @__PURE__ */ React17.createElement(SpaceSettingsPanel, {
                 space: data.subject
               }) : isEchoObject2(data.subject) ? {
-                node: /* @__PURE__ */ React18.createElement(DefaultObjectSettings, {
+                node: /* @__PURE__ */ React17.createElement(DefaultObjectSettings, {
                   object: data.subject
                 }),
                 disposition: "fallback"
               } : null;
             case "dialog":
               if (data.component === "dxos.org/plugin/space/InvitationManagerDialog") {
-                return /* @__PURE__ */ React18.createElement(Dialog.Content, null, /* @__PURE__ */ React18.createElement(ClipboardProvider2, null, /* @__PURE__ */ React18.createElement(InvitationManager, {
+                return /* @__PURE__ */ React17.createElement(Dialog.Content, null, /* @__PURE__ */ React17.createElement(ClipboardProvider2, null, /* @__PURE__ */ React17.createElement(InvitationManager, {
                   active: true,
                   ...data.subject
                 })));
@@ -2098,12 +2145,12 @@ var SpacePlugin = ({ firstRun, onFirstRun } = {}) => {
               return null;
             case "popover": {
               if (data.component === "dxos.org/plugin/space/RenameSpacePopover" && isSpace2(data.subject)) {
-                return /* @__PURE__ */ React18.createElement(PopoverRenameSpace, {
+                return /* @__PURE__ */ React17.createElement(PopoverRenameSpace, {
                   space: data.subject
                 });
               }
               if (data.component === "dxos.org/plugin/space/RenameObjectPopover" && isReactiveObject2(data.subject)) {
-                return /* @__PURE__ */ React18.createElement(PopoverRenameObject, {
+                return /* @__PURE__ */ React17.createElement(PopoverRenameObject, {
                   object: data.subject
                 });
               }
@@ -2111,10 +2158,10 @@ var SpacePlugin = ({ firstRun, onFirstRun } = {}) => {
             }
             // TODO(burdon): Add role name syntax to minimal plugin docs.
             case "presence--glyph": {
-              return isReactiveObject2(data.object) ? /* @__PURE__ */ React18.createElement(SmallPresenceLive, {
+              return isReactiveObject2(data.object) ? /* @__PURE__ */ React17.createElement(SmallPresenceLive, {
                 id: data.id,
                 viewers: state.values.viewersByObject[fullyQualifiedId4(data.object)]
-              }) : /* @__PURE__ */ React18.createElement(SmallPresence, {
+              }) : /* @__PURE__ */ React17.createElement(SmallPresence, {
                 id: data.id,
                 count: 0
               });
@@ -2129,32 +2176,32 @@ var SpacePlugin = ({ firstRun, onFirstRun } = {}) => {
               const space = isSpace2(data.object) ? data.object : getSpace4(data.object);
               const object = isSpace2(data.object) ? data.object.state.get() === SpaceState3.SPACE_READY ? space?.properties[CollectionType.typename] : void 0 : data.object;
               return space && object ? {
-                node: /* @__PURE__ */ React18.createElement(React18.Fragment, null, /* @__PURE__ */ React18.createElement(SpacePresence, {
+                node: /* @__PURE__ */ React17.createElement(React17.Fragment, null, /* @__PURE__ */ React17.createElement(SpacePresence, {
                   object
-                }), space.properties[COMPOSER_SPACE_LOCK] ? null : /* @__PURE__ */ React18.createElement(ShareSpaceButton, {
+                }), space.properties[COMPOSER_SPACE_LOCK] ? null : /* @__PURE__ */ React17.createElement(ShareSpaceButton, {
                   spaceId: space.id
                 })),
                 disposition: "hoist"
               } : null;
             }
             case "section":
-              return data.object instanceof CollectionType ? /* @__PURE__ */ React18.createElement(CollectionSection, {
+              return data.object instanceof CollectionType ? /* @__PURE__ */ React17.createElement(CollectionSection, {
                 collection: data.object
               }) : null;
             case "settings":
-              return data.plugin === meta_default.id ? /* @__PURE__ */ React18.createElement(SpaceSettings, {
+              return data.plugin === meta_default.id ? /* @__PURE__ */ React17.createElement(SpaceSettings, {
                 settings: settings.values
               }) : null;
             case "menu-footer":
               if (isEchoObject2(data.object)) {
-                return /* @__PURE__ */ React18.createElement(MenuFooter, {
+                return /* @__PURE__ */ React17.createElement(MenuFooter, {
                   object: data.object
                 });
               } else {
                 return null;
               }
             case "status": {
-              return /* @__PURE__ */ React18.createElement(React18.Fragment, null, /* @__PURE__ */ React18.createElement(SyncStatus, null), /* @__PURE__ */ React18.createElement(SaveStatus, null));
+              return /* @__PURE__ */ React17.createElement(SyncStatus, null);
             }
             default:
               return null;
@@ -2165,11 +2212,11 @@ var SpacePlugin = ({ firstRun, onFirstRun } = {}) => {
         builder: (plugins) => {
           const clientPlugin2 = resolvePlugin(plugins, parseClientPlugin);
           const metadataPlugin = resolvePlugin(plugins, parseMetadataResolverPlugin);
-          const graphPlugin = resolvePlugin(plugins, parseGraphPlugin);
+          const graphPlugin2 = resolvePlugin(plugins, parseGraphPlugin);
           const client = clientPlugin2?.provides.client;
           const dispatch = intentPlugin?.provides.intent.dispatch;
           const resolve = metadataPlugin?.provides.metadata.resolver;
-          const graph = graphPlugin?.provides.graph;
+          const graph = graphPlugin2?.provides.graph;
           if (!client || !dispatch || !resolve || !graph) {
             return [];
           }
@@ -2215,7 +2262,7 @@ var SpacePlugin = ({ firstRun, onFirstRun } = {}) => {
                         } else {
                           log3.warn("spaces order object not found", void 0, {
                             F: __dxlog_file6,
-                            L: 528,
+                            L: 553,
                             S: void 0,
                             C: (f, a) => f(...a)
                           });
@@ -2477,7 +2524,7 @@ var SpacePlugin = ({ firstRun, onFirstRun } = {}) => {
           ];
         },
         serializer: (plugins) => {
-          const dispatch = resolvePlugin(plugins, parseIntentPlugin3)?.provides.intent.dispatch;
+          const dispatch = resolvePlugin(plugins, parseIntentPlugin2)?.provides.intent.dispatch;
           if (!dispatch) {
             return [];
           }
@@ -3054,7 +3101,6 @@ export {
   MenuFooter,
   MessageState,
   MessageType,
-  MissingObject,
   PersistenceStatus,
   PopoverRenameObject,
   PopoverRenameSpace,
@@ -3064,7 +3110,6 @@ export {
   SPACE_PLUGIN,
   SPACE_PLUGIN_SHORT_ID,
   SPACE_TYPE,
-  SaveStatus,
   ShareSpaceButton,
   ShareSpaceButtonImpl,
   SmallPresence,