@dxos/plugin-space 0.6.13-main.ed424a1 → 0.6.13

package/dist/lib/browser/index.mjs

@@ -3,38 +3,36 @@ import {
   SPACE_PLUGIN_SHORT_ID,
   SpaceAction,
   meta_default
-} from "./chunk-AVLRQF6L.mjs";
+} from "./chunk-LZEGRS7H.mjs";
 import {
   ActorSchema,
   ChannelType,
   CollectionType,
   ContactType,
-  MessageState,
   MessageType,
   SPACE_DIRECTORY_HANDLE,
   ThreadStatus,
-  ThreadType,
-  parseSpaceInitPlugin
-} from "./chunk-47SVNCZM.mjs";
+  ThreadType
+} from "./chunk-DTVUOG2C.mjs";
 
 // packages/plugins/plugin-space/src/SpacePlugin.tsx
-import { signal } from "@preact/signals-core";
+import { Plus as Plus2, SignIn, CardsThree as CardsThree2, Warning as Warning2 } from "@phosphor-icons/react";
+import { effect, signal } from "@preact/signals-core";
 import React17 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 { LayoutAction as LayoutAction2, Surface as Surface2, NavigationAction as NavigationAction3, openIds, firstIdInPart, parseIntentPlugin as parseIntentPlugin3, parseNavigationPlugin as parseNavigationPlugin2, parseMetadataResolverPlugin, resolvePlugin, parseGraphPlugin } from "@dxos/app-framework";
 import { EventSubscriptions } from "@dxos/async";
 import { isReactiveObject as isReactiveObject2 } from "@dxos/echo-schema";
-import { scheduledEffect } from "@dxos/echo-signals/core";
 import { LocalStorageStore } from "@dxos/local-storage";
 import { log as log2 } from "@dxos/log";
 import { Migrations as Migrations2 } from "@dxos/migrations";
 import { parseAttentionPlugin } from "@dxos/plugin-attention";
 import { parseClientPlugin } from "@dxos/plugin-client";
-import { createExtension, memoize as memoize2, toSignal } from "@dxos/plugin-graph";
+import { createExtension, isGraphNode, 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, parseFullyQualifiedId } from "@dxos/react-client/echo";
+import { create as create2, Expando, Filter, fullyQualifiedId as fullyQualifiedId4, getSpace as getSpace4, getTypename as getTypename2, isEchoObject as isEchoObject2, isSpace as isSpace2, loadObjectReferences, SpaceState as SpaceState3 } from "@dxos/react-client/echo";
 import { Dialog } from "@dxos/react-ui";
-import { ClipboardProvider as ClipboardProvider2, InvitationManager, osTranslations } from "@dxos/shell/react";
+import { InvitationManager, osTranslations, ClipboardProvider as ClipboardProvider2 } from "@dxos/shell/react";
 import { ComplexMap as ComplexMap2, nonNullable, reduceGroupBy } from "@dxos/util";
 
 // packages/plugins/plugin-space/src/components/AwaitingObject.tsx
@@ -160,40 +158,46 @@ var CollectionSection = ({ collection }) => {
   }, collection.name ?? t("unnamed collection label")));
 };
 
-// packages/plugins/plugin-space/src/components/FallbackSettings.tsx
+// packages/plugins/plugin-space/src/components/EmptySpace.tsx
 import React4 from "react";
-import { Input, useTranslation as useTranslation4 } from "@dxos/react-ui";
-var FallbackSettings = ({ object }) => {
+import { useTranslation as useTranslation4 } from "@dxos/react-ui";
+import { descriptionText as descriptionText2, mx as mx3 } from "@dxos/react-ui-theme";
+var EmptySpace = () => {
   const { t } = useTranslation4(SPACE_PLUGIN);
   return /* @__PURE__ */ React4.createElement("div", {
-    role: "form",
-    className: "p-3 flex flex-col gap-2"
-  }, /* @__PURE__ */ React4.createElement("div", {
     role: "none",
-    className: "space-b-1"
-  }, /* @__PURE__ */ React4.createElement(Input.Root, null, /* @__PURE__ */ React4.createElement(Input.Label, null, t("name label")), /* @__PURE__ */ React4.createElement(Input.TextInput, {
-    placeholder: t("name placeholder"),
-    value: object.name,
-    onChange: (event) => {
-      object.name = event.target.value;
-    }
-  }))));
+    className: mx3("p-2 mli-2 mbe-2 text-center border border-dashed border-neutral-400/50 rounded-lg", descriptionText2)
+  }, t("empty space message"));
 };
 
-// packages/plugins/plugin-space/src/components/MenuFooter.tsx
-import { Planet } from "@phosphor-icons/react";
+// packages/plugins/plugin-space/src/components/EmptyTree.tsx
 import React5 from "react";
+import { useTranslation as useTranslation5 } from "@dxos/react-ui";
+import { descriptionText as descriptionText3, mx as mx4 } from "@dxos/react-ui-theme";
+var EmptyTree = () => {
+  const { t } = useTranslation5(SPACE_PLUGIN);
+  return /* @__PURE__ */ React5.createElement("div", {
+    role: "none",
+    className: mx4("p-2 mli-2 mbe-2 text-center border border-dashed border-neutral-400/50 rounded-lg", descriptionText3)
+  }, t("empty tree message"));
+};
+
+// packages/plugins/plugin-space/src/components/MenuFooter.tsx
+import { Planet as Planet2 } from "@phosphor-icons/react";
+import React7 from "react";
 import { getSpace as getSpace2 } from "@dxos/client/echo";
 import { useClient as useClient2 } from "@dxos/react-client";
-import { DropdownMenu, toLocalizedString, useTranslation as useTranslation5 } from "@dxos/react-ui";
+import { DropdownMenu, toLocalizedString, useTranslation as useTranslation6 } from "@dxos/react-ui";
 
 // packages/plugins/plugin-space/src/util.tsx
+import { CardsThree, Database, PencilSimpleLine, Planet, Plus, Trash, Users, X, ClockCounterClockwise, LockSimpleOpen, LockSimple, Placeholder, Link } from "@phosphor-icons/react";
+import React6 from "react";
 import { NavigationAction as NavigationAction2 } from "@dxos/app-framework";
-import { create, isReactiveObject, getTypename, getSchema, getObjectAnnotation, EXPANDO_TYPENAME } from "@dxos/echo-schema";
+import { create, isReactiveObject, getTypename, getSchema, getEchoObjectAnnotation, EXPANDO_TYPENAME } from "@dxos/echo-schema";
 import { invariant } from "@dxos/invariant";
 import { Migrations } from "@dxos/migrations";
 import { ACTION_TYPE, ACTION_GROUP_TYPE, actionGroupSymbol, getGraph, cleanup, memoize } from "@dxos/plugin-graph";
-import { fullyQualifiedId as fullyQualifiedId2, getSpace, isEchoObject, isSpace, SpaceState } from "@dxos/react-client/echo";
+import { SpaceState, fullyQualifiedId as fullyQualifiedId2, getSpace, isEchoObject, isSpace } from "@dxos/react-client/echo";
 var __dxlog_file = "/home/runner/work/dxos/dxos/packages/plugins/plugin-space/src/util.tsx";
 var SPACES = `${SPACE_PLUGIN}-spaces`;
 var SPACE_TYPE = "dxos.org/type/Space";
@@ -280,7 +284,8 @@ var constructSpaceNode = ({ space, personal, namesCache, resolve }) => {
         namesCache
       }),
       description: space.state.get() === SpaceState.SPACE_READY && space.properties.description,
-      icon: "ph--planet--regular",
+      icon: (props) => /* @__PURE__ */ React6.createElement(Planet, props),
+      iconSymbol: "ph--planet--regular",
       disabled: space.state.get() !== SpaceState.SPACE_READY || hasPendingMigration,
       testId: "spacePlugin.space"
     }
@@ -306,7 +311,8 @@ var constructSpaceActionGroups = ({ space, dispatch }) => {
             ns: SPACE_PLUGIN
           }
         ],
-        icon: "ph--plus--regular",
+        icon: (props) => /* @__PURE__ */ React6.createElement(Plus, props),
+        iconSymbol: "ph--plus--regular",
         disposition: "toolbar",
         // TODO(wittjosiah): This is currently a navtree feature. Address this with cmd+k integration.
         // mainAreaDisposition: 'in-flow',
@@ -340,7 +346,8 @@ var constructSpaceActionGroups = ({ space, dispatch }) => {
                 ns: SPACE_PLUGIN
               }
             ],
-            icon: "ph--cards-three--regular",
+            icon: (props) => /* @__PURE__ */ React6.createElement(CardsThree, props),
+            iconSymbol: "ph--cards-three--regular",
             testId: "spacePlugin.createCollection"
           }
         }
@@ -374,7 +381,8 @@ var constructSpaceActions = ({ space, dispatch, personal, migrating }) => {
             ns: SPACE_PLUGIN
           }
         ],
-        icon: "ph--database--regular",
+        icon: (props) => /* @__PURE__ */ React6.createElement(Database, props),
+        iconSymbol: "ph--database--regular",
         disposition: "toolbar",
         mainAreaDisposition: "in-flow",
         disabled: migrating || Migrations.running(space)
@@ -405,7 +413,8 @@ var constructSpaceActions = ({ space, dispatch, personal, migrating }) => {
             ns: SPACE_PLUGIN
           }
         ],
-        icon: "ph--users--regular",
+        icon: (props) => /* @__PURE__ */ React6.createElement(Users, props),
+        iconSymbol: "ph--users--regular",
         disabled: locked,
         keyBinding: {
           macos: "meta+.",
@@ -432,7 +441,8 @@ var constructSpaceActions = ({ space, dispatch, personal, migrating }) => {
             ns: SPACE_PLUGIN
           }
         ],
-        icon: locked ? "ph--lock-simple-open--regular" : "ph--lock-simple--regular"
+        icon: locked ? (props) => /* @__PURE__ */ React6.createElement(LockSimpleOpen, props) : (props) => /* @__PURE__ */ React6.createElement(LockSimple, props),
+        iconSymbol: locked ? "ph--lock-simple-open--regular" : "ph--lock-simple--regular"
       }
     }, {
       id: getId(SpaceAction.RENAME),
@@ -454,7 +464,8 @@ var constructSpaceActions = ({ space, dispatch, personal, migrating }) => {
             ns: SPACE_PLUGIN
           }
         ],
-        icon: "ph--pencil-simple-line--regular",
+        icon: (props) => /* @__PURE__ */ React6.createElement(PencilSimpleLine, props),
+        iconSymbol: "ph--pencil-simple-line--regular",
         keyBinding: {
           macos: "shift+F6",
           windows: "shift+F6"
@@ -483,7 +494,8 @@ var constructSpaceActions = ({ space, dispatch, personal, migrating }) => {
             ns: SPACE_PLUGIN
           }
         ],
-        icon: "ph--x--regular",
+        icon: (props) => /* @__PURE__ */ React6.createElement(X, props),
+        iconSymbol: "ph--x--regular",
         mainAreaDisposition: "menu",
         disabled: personal
       }
@@ -509,7 +521,8 @@ var constructSpaceActions = ({ space, dispatch, personal, migrating }) => {
             ns: SPACE_PLUGIN
           }
         ],
-        icon: "ph--clock-counter-clockwise--regular",
+        icon: (props) => /* @__PURE__ */ React6.createElement(ClockCounterClockwise, props),
+        iconSymbol: "ph--clock-counter-clockwise--regular",
         disposition: "toolbar",
         mainAreaDisposition: "in-flow"
       }
@@ -543,7 +556,8 @@ var createObjectNode = ({ object, space, resolve }) => {
           ns: SPACE_PLUGIN
         }
       ],
-      icon: metadata.icon ?? "ph--placeholder--regular",
+      icon: metadata.icon ?? (() => /* @__PURE__ */ React6.createElement(Placeholder, null)),
+      iconSymbol: metadata.iconSymbol ?? "ph--placeholder--regular",
       testId: "spacePlugin.object",
       persistenceClass: "echo",
       persistenceKey: space?.id
@@ -568,7 +582,8 @@ var constructObjectActionGroups = ({ object, dispatch }) => {
             ns: SPACE_PLUGIN
           }
         ],
-        icon: "ph--plus--regular",
+        icon: (props) => /* @__PURE__ */ React6.createElement(Plus, props),
+        iconSymbol: "ph--plus--regular",
         disposition: "toolbar",
         // TODO(wittjosiah): This is currently a navtree feature. Address this with cmd+k integration.
         // mainAreaDisposition: 'in-flow',
@@ -602,7 +617,8 @@ var constructObjectActionGroups = ({ object, dispatch }) => {
                 ns: SPACE_PLUGIN
               }
             ],
-            icon: "ph--cards-three--regular",
+            icon: (props) => /* @__PURE__ */ React6.createElement(CardsThree, props),
+            iconSymbol: "ph--cards-three--regular",
             testId: "spacePlugin.createCollection"
           }
         }
@@ -634,7 +650,8 @@ var constructObjectActions = ({ node, dispatch }) => {
             ns: SPACE_PLUGIN
           }
         ],
-        icon: "ph--pencil-simple-line--regular",
+        icon: (props) => /* @__PURE__ */ React6.createElement(PencilSimpleLine, props),
+        iconSymbol: "ph--pencil-simple-line--regular",
         // TODO(wittjosiah): Doesn't work.
         // keyBinding: 'shift+F6',
         testId: "spacePlugin.renameObject"
@@ -665,7 +682,8 @@ var constructObjectActions = ({ node, dispatch }) => {
             ns: SPACE_PLUGIN
           }
         ],
-        icon: "ph--trash--regular",
+        icon: (props) => /* @__PURE__ */ React6.createElement(Trash, props),
+        iconSymbol: "ph--trash--regular",
         keyBinding: object instanceof CollectionType ? void 0 : "shift+meta+Backspace",
         testId: "spacePlugin.deleteObject"
       }
@@ -684,7 +702,8 @@ var constructObjectActions = ({ node, dispatch }) => {
             ns: SPACE_PLUGIN
           }
         ],
-        icon: "ph--link--regular",
+        icon: (props) => /* @__PURE__ */ React6.createElement(Link, props),
+        iconSymbol: "ph--link--regular",
         testId: "spacePlugin.copyLink"
       }
     }
@@ -720,12 +739,12 @@ var getNestedObjects = async (object, resolve) => {
 };
 var cloneObject = async (object, resolve) => {
   const schema = getSchema(object);
-  const typename = schema ? getObjectAnnotation(schema)?.typename ?? EXPANDO_TYPENAME : EXPANDO_TYPENAME;
+  const typename = schema ? getEchoObjectAnnotation(schema)?.typename ?? EXPANDO_TYPENAME : EXPANDO_TYPENAME;
   const metadata = resolve(typename);
   const serializer = metadata.serializer;
   invariant(serializer, `No serializer for type: ${typename}`, {
     F: __dxlog_file,
-    L: 604,
+    L: 639,
     S: void 0,
     A: [
       "serializer",
@@ -743,31 +762,31 @@ var cloneObject = async (object, resolve) => {
 
 // packages/plugins/plugin-space/src/components/MenuFooter.tsx
 var MenuFooter = ({ object }) => {
-  const { t } = useTranslation5(SPACE_PLUGIN);
+  const { t } = useTranslation6(SPACE_PLUGIN);
   const client = useClient2();
   const space = getSpace2(object);
   const spaceName = space ? getSpaceDisplayName(space, {
     personal: client.spaces.default === space
   }) : "";
-  return space ? /* @__PURE__ */ React5.createElement(React5.Fragment, null, /* @__PURE__ */ React5.createElement(DropdownMenu.Separator, null), /* @__PURE__ */ React5.createElement(DropdownMenu.GroupLabel, null, t("menu footer label")), /* @__PURE__ */ React5.createElement("dl", {
+  return space ? /* @__PURE__ */ React7.createElement(React7.Fragment, null, /* @__PURE__ */ React7.createElement(DropdownMenu.Separator, null), /* @__PURE__ */ React7.createElement(DropdownMenu.GroupLabel, null, t("menu footer label")), /* @__PURE__ */ React7.createElement("dl", {
     className: "pis-2 mbe-2 text-xs grid grid-cols-[max-content_1fr] gap-2"
-  }, /* @__PURE__ */ React5.createElement("dt", {
+  }, /* @__PURE__ */ React7.createElement("dt", {
     className: "uppercase text-[.75em] tracking-wide font-medium mbs-px self-start"
-  }, t("location label")), /* @__PURE__ */ React5.createElement("dd", {
+  }, t("location label")), /* @__PURE__ */ React7.createElement("dd", {
     className: "line-clamp-3"
-  }, /* @__PURE__ */ React5.createElement(Planet, {
+  }, /* @__PURE__ */ React7.createElement(Planet2, {
     className: "inline-block mie-1"
   }), toLocalizedString(spaceName, t)))) : null;
 };
 
 // packages/plugins/plugin-space/src/components/MissingObject.tsx
-import React6, { useEffect as useEffect2, useState as useState2 } from "react";
+import React8, { 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";
+import { Status, useTranslation as useTranslation7 } from "@dxos/react-ui";
+import { baseSurface as baseSurface2, descriptionText as descriptionText4, mx as mx5 } from "@dxos/react-ui-theme";
 var WAIT_FOR_OBJECT_TIMEOUT2 = 1e3;
 var MissingObject = ({ id }) => {
-  const { t } = useTranslation6(SPACE_PLUGIN);
+  const { t } = useTranslation7(SPACE_PLUGIN);
   const [waiting, setWaiting] = useState2(false);
   const intentPlugin = useResolvePlugin2(parseIntentPlugin2);
   useEffect2(() => {
@@ -789,13 +808,13 @@ var MissingObject = ({ id }) => {
     intentPlugin,
     id
   ]);
-  return /* @__PURE__ */ React6.createElement("div", {
+  return /* @__PURE__ */ React8.createElement("div", {
     role: "none",
-    className: mx3(baseSurface2, "min-bs-screen is-full flex items-center justify-center p-8")
-  }, waiting ? /* @__PURE__ */ React6.createElement("p", {
+    className: mx5(baseSurface2, "min-bs-screen is-full flex items-center justify-center p-8")
+  }, waiting ? /* @__PURE__ */ React8.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, {
+    className: mx5(descriptionText4, "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__ */ React8.createElement(Status, {
     indeterminate: true,
     "aria-label": "Initializing"
   }));
@@ -803,10 +822,10 @@ var MissingObject = ({ id }) => {
 
 // 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 React9, { useEffect as useEffect3, useState as useState3 } 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";
+import { Tooltip, useTranslation as useTranslation8 } from "@dxos/react-ui";
+import { getSize as getSize2, mx as mx6, staticPlaceholderText, warningText } from "@dxos/react-ui-theme";
 var Status2;
 (function(Status3) {
   Status3[Status3["PERSISTED_LOCALLY"] = 0] = "PERSISTED_LOCALLY";
@@ -814,7 +833,7 @@ var Status2;
   Status3[Status3["ERROR"] = 2] = "ERROR";
 })(Status2 || (Status2 = {}));
 var PersistenceStatus = ({ db }) => {
-  const { t } = useTranslation7(SPACE_PLUGIN);
+  const { t } = useTranslation8(SPACE_PLUGIN);
   const [displayMessage, setDisplayMessage] = useState3(false);
   const [status, naturalSetStatus] = useState3(0);
   const [prevStatus, setPrevStatus] = useState3(0);
@@ -831,45 +850,45 @@ var PersistenceStatus = ({ db }) => {
   ]);
   switch (status) {
     case 2:
-      return /* @__PURE__ */ React7.createElement("div", {
+      return /* @__PURE__ */ React9.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__ */ React9.createElement(Warning, {
+        className: mx6(getSize2(4), "me-1")
+      }), /* @__PURE__ */ React9.createElement("span", {
+        className: mx6("text-sm", warningText)
       }, t("persistence error label")));
     case 1:
-      return /* @__PURE__ */ React7.createElement("div", {
+      return /* @__PURE__ */ React9.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__ */ React9.createElement(ArrowsCounterClockwise, {
+        className: mx6(getSize2(4), "me-1")
+      }), /* @__PURE__ */ React9.createElement("span", {
+        className: mx6("text-sm", staticPlaceholderText)
       }, t("persistence pending label")));
     case 0:
     default:
-      return /* @__PURE__ */ React7.createElement(Tooltip.Root, {
+      return /* @__PURE__ */ React9.createElement(Tooltip.Root, {
         delayDuration: 400
-      }, /* @__PURE__ */ React7.createElement(Tooltip.Trigger, {
+      }, /* @__PURE__ */ React9.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__ */ React9.createElement(CheckCircle2, {
+        className: mx6(getSize2(4), "me-1")
+      }), displayMessage && /* @__PURE__ */ React9.createElement("span", {
+        className: mx6("text-sm", staticPlaceholderText)
+      }, t("persisted locally label"))), /* @__PURE__ */ React9.createElement(Tooltip.Portal, null, /* @__PURE__ */ React9.createElement(Tooltip.Content, {
         classNames: "z-10"
-      }, t("persisted locally message"), /* @__PURE__ */ React7.createElement(Tooltip.Arrow, null))));
+      }, t("persisted locally message"), /* @__PURE__ */ React9.createElement(Tooltip.Arrow, null))));
   }
 };
 
 // packages/plugins/plugin-space/src/components/PopoverRenameObject.tsx
-import React8, { useCallback, useRef, useState as useState4 } from "react";
+import React10, { useCallback, useRef, useState as useState4 } 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, Popover, useTranslation as useTranslation9 } 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 } = useTranslation9(SPACE_PLUGIN);
   const doneButton = useRef(null);
   const object = obj;
   const [name, setName] = useState4(object.name || object.title || "");
@@ -894,23 +913,23 @@ var PopoverRenameObject = ({ object: obj }) => {
     object,
     name
   ]);
-  return /* @__PURE__ */ React8.createElement("div", {
+  return /* @__PURE__ */ React10.createElement("div", {
     role: "none",
     className: "p-1 flex gap-2"
-  }, /* @__PURE__ */ React8.createElement("div", {
+  }, /* @__PURE__ */ React10.createElement("div", {
     role: "none",
     className: "flex-1"
-  }, /* @__PURE__ */ React8.createElement(Input2.Root, null, /* @__PURE__ */ React8.createElement(Input2.Label, {
+  }, /* @__PURE__ */ React10.createElement(Input.Root, null, /* @__PURE__ */ React10.createElement(Input.Label, {
     srOnly: true
-  }, t("object name label")), /* @__PURE__ */ React8.createElement(Input2.TextInput, {
+  }, t("object name label")), /* @__PURE__ */ React10.createElement(Input.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__ */ React10.createElement(Popover.Close, {
     asChild: true
-  }, /* @__PURE__ */ React8.createElement(Button2, {
+  }, /* @__PURE__ */ React10.createElement(Button2, {
     ref: doneButton,
     classNames: "self-stretch",
     onClick: handleDone
@@ -920,10 +939,10 @@ 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 React11, { useCallback as useCallback2, useRef as useRef2, useState as useState5 } from "react";
+import { Button as Button3, Input as Input2, Popover as Popover2, useTranslation as useTranslation10 } from "@dxos/react-ui";
 var PopoverRenameSpace = ({ space }) => {
-  const { t } = useTranslation9(SPACE_PLUGIN);
+  const { t } = useTranslation10(SPACE_PLUGIN);
   const doneButton = useRef2(null);
   const [name, setName] = useState5(space.properties.name ?? "");
   const handleDone = useCallback2(() => {
@@ -932,24 +951,24 @@ var PopoverRenameSpace = ({ space }) => {
     space,
     name
   ]);
-  return /* @__PURE__ */ React9.createElement("div", {
+  return /* @__PURE__ */ React11.createElement("div", {
     role: "none",
     className: "p-1 flex gap-2"
-  }, /* @__PURE__ */ React9.createElement("div", {
+  }, /* @__PURE__ */ React11.createElement("div", {
     role: "none",
     className: "flex-1"
-  }, /* @__PURE__ */ React9.createElement(Input3.Root, null, /* @__PURE__ */ React9.createElement(Input3.Label, {
+  }, /* @__PURE__ */ React11.createElement(Input2.Root, null, /* @__PURE__ */ React11.createElement(Input2.Label, {
     srOnly: true
-  }, t("space name label")), /* @__PURE__ */ React9.createElement(Input3.TextInput, {
+  }, t("space name label")), /* @__PURE__ */ React11.createElement(Input2.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__ */ React11.createElement(Popover2.Close, {
     asChild: true
-  }, /* @__PURE__ */ React9.createElement(Button3, {
+  }, /* @__PURE__ */ React11.createElement(Button3, {
     ref: doneButton,
     classNames: "self-stretch",
     onClick: handleDone
@@ -959,12 +978,12 @@ var PopoverRenameSpace = ({ space }) => {
 };
 
 // packages/plugins/plugin-space/src/components/ShareSpaceButton.tsx
-import React10 from "react";
+import React12 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 useTranslation11 } from "@dxos/react-ui";
 var ShareSpaceButton = ({ spaceId }) => {
   const dispatch = useIntentDispatcher();
-  return /* @__PURE__ */ React10.createElement(ShareSpaceButtonImpl, {
+  return /* @__PURE__ */ React12.createElement(ShareSpaceButtonImpl, {
     onClick: () => dispatch({
       action: SpaceAction.SHARE,
       data: {
@@ -974,8 +993,8 @@ var ShareSpaceButton = ({ spaceId }) => {
   });
 };
 var ShareSpaceButtonImpl = ({ onClick }) => {
-  const { t } = useTranslation10(SPACE_PLUGIN);
-  return /* @__PURE__ */ React10.createElement(Button4, {
+  const { t } = useTranslation11(SPACE_PLUGIN);
+  return /* @__PURE__ */ React12.createElement(Button4, {
     "data-testid": "spacePlugin.shareSpaceButton",
     onClick,
     classNames: "mli-1"
@@ -984,30 +1003,30 @@ var ShareSpaceButtonImpl = ({ onClick }) => {
 
 // packages/plugins/plugin-space/src/components/SpaceMain/SpaceMain.tsx
 import { Command } from "@phosphor-icons/react";
-import React12 from "react";
+import React14 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 { Button as Button6, Main, useTranslation as useTranslation13, toLocalizedString as toLocalizedString2 } from "@dxos/react-ui";
+import { getSize as getSize4, mx as mx8, 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 React13, { useCallback as useCallback3, useState as useState6 } 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 useTranslation12 } from "@dxos/react-ui";
+import { descriptionText as descriptionText5, getSize as getSize3, mx as mx7 } 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__ */ React13.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__ */ React13.createElement(IdentityListItem, {
     classNames: "contents",
     key: member.identity.identityKey.toHex(),
     identity: member.identity,
@@ -1015,7 +1034,7 @@ var SpaceMemberList = ({ members }) => {
   }))) : null;
 };
 var SpaceMembersSection = ({ space }) => {
-  const { t } = useTranslation11(SPACE_PLUGIN);
+  const { t } = useTranslation12(SPACE_PLUGIN);
   const invitations = useSpaceInvitations(space.key);
   const { dispatch } = useIntent();
   const handleCloseDialog = () => dispatch({
@@ -1093,103 +1112,103 @@ var SpaceMembersSection = ({ space }) => {
     [Presence.ONLINE]: [],
     [Presence.OFFLINE]: []
   });
-  return /* @__PURE__ */ React11.createElement("section", {
+  return /* @__PURE__ */ React13.createElement("section", {
     className: "mbe-4 col-span-3 grid gap-y-2 grid-cols-subgrid auto-rows-min"
-  }, /* @__PURE__ */ React11.createElement("h2", {
+  }, /* @__PURE__ */ React13.createElement("h2", {
     className: "contents"
-  }, /* @__PURE__ */ React11.createElement(UsersThree, {
+  }, /* @__PURE__ */ React13.createElement(UsersThree, {
     weight: "duotone",
-    className: mx5(getSize3(5), "place-self-center")
-  }), /* @__PURE__ */ React11.createElement("span", {
+    className: mx7(getSize3(5), "place-self-center")
+  }), /* @__PURE__ */ React13.createElement("span", {
     className: "text-lg col-span-2"
-  }, t("space members label"))), /* @__PURE__ */ React11.createElement("h3", {
+  }, t("space members label"))), /* @__PURE__ */ React13.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__ */ React13.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__ */ React13.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__ */ React13.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__ */ React13.createElement(Button5, {
     classNames: "gap-2",
     onClick: activeAction.onClick
-  }, /* @__PURE__ */ React11.createElement(activeAction.icon, {
+  }, /* @__PURE__ */ React13.createElement(activeAction.icon, {
     className: getSize3(5)
-  }), /* @__PURE__ */ React11.createElement("span", null, t(activeAction.label, {
+  }), /* @__PURE__ */ React13.createElement("span", null, t(activeAction.label, {
     ns: "os"
-  }))), /* @__PURE__ */ React11.createElement(DropdownMenu2.Root, null, /* @__PURE__ */ React11.createElement(DropdownMenu2.Trigger, {
+  }))), /* @__PURE__ */ React13.createElement(DropdownMenu2.Root, null, /* @__PURE__ */ React13.createElement(DropdownMenu2.Trigger, {
     asChild: true
-  }, /* @__PURE__ */ React11.createElement(Button5, {
+  }, /* @__PURE__ */ React13.createElement(Button5, {
     classNames: "pli-0"
-  }, /* @__PURE__ */ React11.createElement(CaretDown, {
+  }, /* @__PURE__ */ React13.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__ */ React13.createElement(DropdownMenu2.Content, null, /* @__PURE__ */ React13.createElement(DropdownMenu2.Viewport, null, Object.entries(inviteActions).map(([id, action]) => {
+    return /* @__PURE__ */ React13.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__ */ React13.createElement(action.icon, {
       className: getSize3(5)
-    }), /* @__PURE__ */ React11.createElement("div", {
+    }), /* @__PURE__ */ React13.createElement("div", {
       role: "none",
       className: "flex-1 min-is-0 space-b-1"
-    }, /* @__PURE__ */ React11.createElement("p", {
+    }, /* @__PURE__ */ React13.createElement("p", {
       id: `${id}__label`
     }, t(action.label, {
       ns: "os"
-    })), action.description && /* @__PURE__ */ React11.createElement("p", {
+    })), action.description && /* @__PURE__ */ React13.createElement("p", {
       id: `${id}__description`,
-      className: descriptionText3
+      className: descriptionText5
     }, t(action.description, {
       ns: "os"
-    }))), /* @__PURE__ */ React11.createElement(DropdownMenu2.ItemIndicator, {
+    }))), /* @__PURE__ */ React13.createElement(DropdownMenu2.ItemIndicator, {
       asChild: true
-    }, /* @__PURE__ */ React11.createElement(Check, {
+    }, /* @__PURE__ */ React13.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__ */ React13.createElement(DropdownMenu2.Arrow, null)))), members[Presence.ONLINE].length + members[Presence.OFFLINE].length < 1 ? /* @__PURE__ */ React13.createElement("p", {
+    className: mx7(descriptionText5, "text-center is-full mlb-2")
   }, t("empty space members message", {
     ns: "os"
-  })) : /* @__PURE__ */ React11.createElement(React11.Fragment, null, /* @__PURE__ */ React11.createElement("h3", {
+  })) : /* @__PURE__ */ React13.createElement(React13.Fragment, null, /* @__PURE__ */ React13.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__ */ React13.createElement(SpaceMemberList, {
     members: members[Presence.ONLINE]
-  }), /* @__PURE__ */ React11.createElement("h3", {
+  }), /* @__PURE__ */ React13.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__ */ React13.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 } = useTranslation13(SPACE_PLUGIN);
+  return /* @__PURE__ */ React14.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__ */ React14.createElement("h2", {
     className: "contents"
-  }, /* @__PURE__ */ React12.createElement(Command, {
+  }, /* @__PURE__ */ React14.createElement(Command, {
     weight: "duotone",
-    className: mx6(getSize4(5), "place-self-center")
-  }), /* @__PURE__ */ React12.createElement("span", {
+    className: mx8(getSize4(5), "place-self-center")
+  }), /* @__PURE__ */ React14.createElement("span", {
     className: "text-lg col-span-2 md:col-span-1"
-  }, t("keyshortcuts label"))), /* @__PURE__ */ React12.createElement("div", {
+  }, t("keyshortcuts label"))), /* @__PURE__ */ React14.createElement("div", {
     role: "none",
     className: "col-start-2 col-end-4 md:col-end-5 pie-2"
-  }, /* @__PURE__ */ React12.createElement(Surface, {
+  }, /* @__PURE__ */ React14.createElement(Surface, {
     role: "keyshortcuts"
   })));
 };
@@ -1198,7 +1217,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__ */ React14.createElement(ClipboardProvider, null, /* @__PURE__ */ React14.createElement(Root, {
     ...role === "main" ? {
       classNames: [
         topbarBlockPaddingStart,
@@ -1207,23 +1226,23 @@ var SpaceMain = ({ space, role }) => {
       ]
     } : {
       role: "none",
-      className: mx6(topbarBlockPaddingStart, "row-span-2", spaceMainLayout)
+      className: mx8(topbarBlockPaddingStart, "row-span-2", spaceMainLayout)
     },
     "data-testid": `spacePlugin.${role}`,
     "data-isready": ready ? "true" : "false"
-  }, ready && /* @__PURE__ */ React12.createElement(SpaceMembersSection, {
+  }, ready && /* @__PURE__ */ React14.createElement(SpaceMembersSection, {
     space
-  }), /* @__PURE__ */ React12.createElement(KeyShortcuts, null)));
+  }), /* @__PURE__ */ React14.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 React15, { useCallback as useCallback4, useEffect as useEffect4, useState as useState7 } 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, useDensityContext, useTranslation as useTranslation13, List as List2, ListItem, useDefaultValue } from "@dxos/react-ui";
+import { Avatar, AvatarGroup, AvatarGroupItem, Tooltip as Tooltip2, useDensityContext, useTranslation as useTranslation14, List as List2, ListItem, useDefaultValue } from "@dxos/react-ui";
 import { AttentionGlyph } from "@dxos/react-ui-attention";
 import { ComplexMap, keyToFallback } from "@dxos/util";
 var REFRESH_INTERVAL = 5e3;
@@ -1261,50 +1280,50 @@ var SpacePresence = ({ object, spaceKey }) => {
       lastSeen
     };
   }).toSorted((a, b) => a.lastSeen - b.lastSeen);
-  return density === "fine" ? /* @__PURE__ */ React13.createElement(SmallPresence, {
+  return density === "fine" ? /* @__PURE__ */ React15.createElement(SmallPresence, {
     count: membersForObject.length
-  }) : /* @__PURE__ */ React13.createElement(FullPresence, {
+  }) : /* @__PURE__ */ React15.createElement(FullPresence, {
     members: membersForObject
   });
 };
 var FullPresence = (props) => {
   const { size = 9, onMemberClick } = props;
-  const members = useDefaultValue(props.members, () => []);
+  const members = useDefaultValue(props.members, []);
   if (members.length === 0) {
     return null;
   }
-  return /* @__PURE__ */ React13.createElement(AvatarGroup.Root, {
+  return /* @__PURE__ */ React15.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__ */ React15.createElement(Tooltip2.Root, {
     key: member.identity.identityKey.toHex()
-  }, /* @__PURE__ */ React13.createElement(Tooltip2.Trigger, null, /* @__PURE__ */ React13.createElement(PrensenceAvatar, {
+  }, /* @__PURE__ */ React15.createElement(Tooltip2.Trigger, null, /* @__PURE__ */ React15.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__ */ React15.createElement(Tooltip2.Portal, null, /* @__PURE__ */ React15.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__ */ React15.createElement("span", null, getName(member.identity)), /* @__PURE__ */ React15.createElement(Tooltip2.Arrow, null))))), members.length > 3 && /* @__PURE__ */ React15.createElement(Tooltip2.Root, null, /* @__PURE__ */ React15.createElement(Tooltip2.Trigger, null, /* @__PURE__ */ React15.createElement(AvatarGroupItem.Root, {
     status: "inactive"
-  }, /* @__PURE__ */ React13.createElement(Avatar.Frame, {
+  }, /* @__PURE__ */ React15.createElement(Avatar.Frame, {
     style: {
       zIndex: members.length - 4
     }
-  }, /* @__PURE__ */ React13.createElement(Avatar.Fallback, {
+  }, /* @__PURE__ */ React15.createElement(Avatar.Fallback, {
     text: `+${members.length - 3}`
-  })))), /* @__PURE__ */ React13.createElement(Tooltip2.Portal, null, /* @__PURE__ */ React13.createElement(Tooltip2.Content, {
+  })))), /* @__PURE__ */ React15.createElement(Tooltip2.Portal, null, /* @__PURE__ */ React15.createElement(Tooltip2.Content, {
     side: "bottom"
-  }, /* @__PURE__ */ React13.createElement(Tooltip2.Arrow, null), /* @__PURE__ */ React13.createElement(List2, {
+  }, /* @__PURE__ */ React15.createElement(Tooltip2.Arrow, null), /* @__PURE__ */ React15.createElement(List2, {
     classNames: "max-h-56 overflow-y-auto"
-  }, members.map((member) => /* @__PURE__ */ React13.createElement(ListItem.Root, {
+  }, members.map((member) => /* @__PURE__ */ React15.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__ */ React15.createElement(PrensenceAvatar, {
     identity: member.identity,
     showName: true,
     match: member.currentlyAttended
@@ -1314,10 +1333,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__ */ React15.createElement(Root, {
     status,
     hue: identity.profile?.data?.hue || fallbackValue.hue
-  }, /* @__PURE__ */ React13.createElement(Avatar.Frame, {
+  }, /* @__PURE__ */ React15.createElement(Avatar.Frame, {
     "data-testid": "spacePlugin.presence.member",
     "data-status": status,
     ...index ? {
@@ -1326,9 +1345,9 @@ var PrensenceAvatar = ({ identity, showName, match, group, index, onClick }) =>
       }
     } : {},
     onClick: () => onClick?.()
-  }, /* @__PURE__ */ React13.createElement(Avatar.Fallback, {
+  }, /* @__PURE__ */ React15.createElement(Avatar.Fallback, {
     text: identity.profile?.data?.emoji || fallbackValue.emoji
-  })), showName && /* @__PURE__ */ React13.createElement(Avatar.Label, {
+  })), showName && /* @__PURE__ */ React15.createElement(Avatar.Label, {
     classNames: "text-sm truncate pli-2"
   }, getName(identity)));
 };
@@ -1339,37 +1358,36 @@ var SmallPresenceLive = ({ viewers }) => {
     return () => clearInterval(interval);
   }, []);
   const activeViewers = viewers ? Array.from(viewers.values()).filter(({ lastSeen }) => moment - lastSeen < ACTIVITY_DURATION) : [];
-  return /* @__PURE__ */ React13.createElement(SmallPresence, {
+  return /* @__PURE__ */ React15.createElement(SmallPresence, {
     count: activeViewers.length
   });
 };
 var SmallPresence = ({ count }) => {
-  const { t } = useTranslation13(SPACE_PLUGIN);
-  return /* @__PURE__ */ React13.createElement(Tooltip2.Root, null, /* @__PURE__ */ React13.createElement(Tooltip2.Trigger, {
+  const { t } = useTranslation14(SPACE_PLUGIN);
+  return /* @__PURE__ */ React15.createElement(Tooltip2.Root, null, /* @__PURE__ */ React15.createElement(Tooltip2.Trigger, {
     asChild: true
-  }, /* @__PURE__ */ React13.createElement(AttentionGlyph, {
+  }, /* @__PURE__ */ React15.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__ */ React15.createElement(Tooltip2.Portal, null, /* @__PURE__ */ React15.createElement(Tooltip2.Content, {
     side: "bottom",
     classNames: "z-[70]"
-  }, /* @__PURE__ */ React13.createElement("span", null, t("presence label", {
+  }, /* @__PURE__ */ React15.createElement("span", null, t("presence label", {
     count
-  })), /* @__PURE__ */ React13.createElement(Tooltip2.Arrow, null))));
+  })), /* @__PURE__ */ React15.createElement(Tooltip2.Arrow, null))));
 };
 
 // packages/plugins/plugin-space/src/components/SpaceSettings.tsx
-import React14 from "react";
-import { useIntentDispatcher as useIntentDispatcher2, useResolvePlugins } from "@dxos/app-framework";
+import React16 from "react";
+import { useIntentDispatcher as useIntentDispatcher2 } from "@dxos/app-framework";
 import { SettingsValue } from "@dxos/plugin-settings";
-import { Input as Input4, Select, toLocalizedString as toLocalizedString2, useTranslation as useTranslation14 } from "@dxos/react-ui";
+import { Input as Input3, useTranslation as useTranslation15 } from "@dxos/react-ui";
 var SpaceSettings = ({ settings }) => {
-  const { t } = useTranslation14(SPACE_PLUGIN);
+  const { t } = useTranslation15(SPACE_PLUGIN);
   const dispatch = useIntentDispatcher2();
-  const plugins = useResolvePlugins(parseSpaceInitPlugin);
-  return /* @__PURE__ */ React14.createElement(React14.Fragment, null, /* @__PURE__ */ React14.createElement(SettingsValue, {
+  return /* @__PURE__ */ React16.createElement(React16.Fragment, null, /* @__PURE__ */ React16.createElement(SettingsValue, {
     label: t("show hidden spaces label")
-  }, /* @__PURE__ */ React14.createElement(Input4.Switch, {
+  }, /* @__PURE__ */ React16.createElement(Input3.Switch, {
     checked: settings.showHidden,
     onCheckedChange: (checked) => dispatch({
       plugin: SPACE_PLUGIN,
@@ -1378,307 +1396,7 @@ var SpaceSettings = ({ settings }) => {
         state: !!checked
       }
     })
-  })), /* @__PURE__ */ React14.createElement(SettingsValue, {
-    label: t("default on space create label")
-  }, /* @__PURE__ */ React14.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, {
-    key: onSpaceCreate.action,
-    value: onSpaceCreate.action
-  }, toLocalizedString2(onSpaceCreate.label, t)))))))));
-};
-
-// packages/plugins/plugin-space/src/components/SaveStatus.tsx
-import React15, { useEffect as useEffect5, useState as useState8 } from "react";
-import { Context } from "@dxos/context";
-import { StatusBar } from "@dxos/plugin-status-bar";
-import { useClient as useClient4 } from "@dxos/react-client";
-import { Icon, useTranslation as useTranslation15 } from "@dxos/react-ui";
-var __dxlog_file3 = "/home/runner/work/dxos/dxos/packages/plugins/plugin-space/src/components/SaveStatus.tsx";
-var SaveStatus = () => {
-  const { t } = useTranslation15(SPACE_PLUGIN);
-  const client = useClient4();
-  const [state, setState] = useState8("saved");
-  useEffect5(() => {
-    return createClientSaveTracker(client, (state2) => {
-      setState(state2);
-    });
-  }, []);
-  return /* @__PURE__ */ React15.createElement(StatusBar.Item, {
-    title: state === "saving" ? t("saving label") : t("saved label")
-  }, /* @__PURE__ */ React15.createElement(Icon, {
-    icon: state === "saving" ? "ph--arrows-clockwise--regular" : "ph--check-circle--regular",
-    size: 4
-  }));
-};
-var createClientSaveTracker = (client, cb) => {
-  const unsubscribeCallbacks = {};
-  const state = {};
-  const install = (spaces) => {
-    for (const space of spaces) {
-      if (state[space.id]) {
-        continue;
-      }
-      state[space.id] = "saved";
-      unsubscribeCallbacks[space.id] = createSpaceSaveTracker(space, (s) => {
-        state[space.id] = s;
-        cb(Object.values(state).some((s2) => s2 === "saving") ? "saving" : "saved");
-      });
-    }
-  };
-  client.spaces.subscribe((spaces) => {
-    install(spaces);
-  });
-  install(client.spaces.get());
-  return () => {
-    for (const unsubscribe of Object.values(unsubscribeCallbacks)) {
-      unsubscribe();
-    }
-  };
-};
-var createSpaceSaveTracker = (space, cb) => {
-  const ctx = new Context(void 0, {
-    F: __dxlog_file3,
-    L: 64
-  });
-  void space.waitUntilReady().then(() => {
-    if (ctx.disposed) {
-      return;
-    }
-    let hasUnsavedChanges = false;
-    let lastFlushPromise;
-    space.crud.saveStateChanged.on(ctx, ({ unsavedDocuments }) => {
-      hasUnsavedChanges = unsavedDocuments.length > 0;
-    });
-    space.crud.saveStateChanged.debounce(500).on(ctx, () => {
-      if (hasUnsavedChanges) {
-        lastFlushPromise = void 0;
-        cb("saving");
-      } else {
-        const flushPromise = space.crud.flush();
-        lastFlushPromise = flushPromise;
-        void flushPromise.then(() => {
-          if (lastFlushPromise === flushPromise) {
-            cb("saved");
-          }
-        });
-      }
-    });
-  });
-  return () => {
-    void ctx.dispose();
-  };
-};
-
-// packages/plugins/plugin-space/src/components/SyncStatus/SyncStatus.tsx
-import React16, { useEffect as useEffect7, useState as useState10 } from "react";
-import { StatusBar as StatusBar2 } from "@dxos/plugin-status-bar";
-import { Icon as Icon2, Popover as Popover3, useTranslation as useTranslation16 } 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/types.ts
-import { useEffect as useEffect6, 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_file4 = "/home/runner/work/dxos/dxos/packages/plugins/plugin-space/src/components/SyncStatus/types.ts";
-var createEmptyEdgeSyncState = () => ({
-  missingOnLocal: 0,
-  missingOnRemote: 0,
-  localDocumentCount: 0,
-  remoteDocumentCount: 0,
-  differentDocuments: 0
-});
-var getSyncSummary = (syncMap) => {
-  return Object.entries(syncMap).reduce((summary, [_spaceId, peerState]) => {
-    summary.missingOnLocal += peerState.missingOnLocal;
-    summary.missingOnRemote += peerState.missingOnRemote;
-    summary.localDocumentCount += peerState.localDocumentCount;
-    summary.remoteDocumentCount += peerState.remoteDocumentCount;
-    summary.differentDocuments += peerState.differentDocuments;
-    return summary;
-  }, createEmptyEdgeSyncState());
-};
-var isEdgePeerId = (peerId, spaceId) => peerId.startsWith(`${EdgeService.AUTOMERGE_REPLICATOR}:${spaceId}`);
-var useSyncState = () => {
-  const client = useClient5();
-  const [spaceState, setSpaceState] = useState9({});
-  useEffect6(() => {
-    const ctx = new Context2(void 0, {
-      F: __dxlog_file4,
-      L: 48
-    });
-    const createSubscriptions = (spaces) => {
-      for (const space of spaces) {
-        if (spaceState[space.id]) {
-          continue;
-        }
-        ctx.onDispose(space.crud.subscribeToSyncState(ctx, ({ peers = [] }) => {
-          const syncState = peers.find((state) => isEdgePeerId(state.peerId, space.id));
-          if (syncState) {
-            setSpaceState((spaceState2) => ({
-              ...spaceState2,
-              [space.id]: syncState
-            }));
-          }
-        }));
-      }
-    };
-    createSubscriptions(client.spaces.get());
-    client.spaces.subscribe((spaces) => {
-      createSubscriptions(spaces);
-    });
-    return () => {
-      void ctx.dispose();
-    };
-  }, [
-    client
-  ]);
-  return spaceState;
-};
-
-// 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 state = useSyncState();
-  return /* @__PURE__ */ React16.createElement(SyncStatusIndicator, {
-    state
-  });
-};
-var SyncStatusIndicator = ({ state }) => {
-  const summary = getSyncSummary(state);
-  const offline = false;
-  const needsToUpload = summary.differentDocuments > 0 || summary.missingOnRemote > 0;
-  const needsToDownload = summary.differentDocuments > 0 || summary.missingOnLocal > 0;
-  const [classNames, setClassNames] = useState10();
-  useEffect7(() => {
-    setClassNames(void 0);
-    if (!needsToUpload && !needsToDownload) {
-      return;
-    }
-    const t = setTimeout(() => {
-      setClassNames("text-orange-500");
-    }, SYNC_STALLED_TIMEOUT);
-    return () => clearTimeout(t);
-  }, [
-    needsToUpload,
-    needsToDownload
-  ]);
-  return /* @__PURE__ */ React16.createElement(StatusBar2.Item, null, /* @__PURE__ */ React16.createElement(Popover3.Root, null, /* @__PURE__ */ React16.createElement(Popover3.Trigger, null, /* @__PURE__ */ React16.createElement(Icon2, {
-    icon: offline ? "ph--cloud-x--regular" : needsToUpload ? "ph--cloud-arrow-up--regular" : needsToDownload ? "ph--cloud-arrow-down--regular" : "ph--cloud-check--regular",
-    size: 4,
-    classNames
-  })), /* @__PURE__ */ React16.createElement(Popover3.Content, null, /* @__PURE__ */ React16.createElement(SyncStatusDetail, {
-    state,
-    summary,
-    debug: false
-  }))));
-};
-var SyncStatusDetail = ({ classNames, state, summary, debug }) => {
-  const { t } = useTranslation16(SPACE_PLUGIN);
-  const entries = Object.entries(state).sort(([a], [b]) => a < b ? -1 : a > b ? 1 : 0);
-  return /* @__PURE__ */ React16.createElement("div", {
-    className: mx7("flex flex-col text-xs min-w-[16rem]", classNames)
-  }, /* @__PURE__ */ React16.createElement("h1", {
-    className: "p-2"
-  }, t("sync status title")), /* @__PURE__ */ React16.createElement("div", {
-    className: "flex flex-col gap-[2px] my-[2px]"
-  }, entries.map(([spaceId, state2]) => /* @__PURE__ */ React16.createElement(SpaceRow, {
-    key: spaceId,
-    spaceId,
-    state: state2
-  }))), debug && /* @__PURE__ */ React16.createElement(SyntaxHighlighter, {
-    language: "json"
-  }, JSON.stringify(summary, null, 2)));
-};
-var useActive = (count) => {
-  const [current, setCurrent] = useState10(count);
-  const [active, setActive] = useState10(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__ */ React16.createElement("div", {
-    className: mx7("flex items-center mx-[2px] gap-[2px] cursor-pointer", styles.barHover),
-    title: spaceId,
-    onClick: () => {
-      void navigator.clipboard.writeText(spaceId);
-    }
-  }, /* @__PURE__ */ React16.createElement(Icon2, {
-    icon: "ph--arrow-fat-line-left--regular",
-    size: 3,
-    classNames: mx7(downActive && "animate-[pulse_1s_infinite]")
-  }), /* @__PURE__ */ React16.createElement(Candle, {
-    up: {
-      count: remoteDocumentCount,
-      total: remoteDocumentCount + missingOnRemote
-    },
-    down: {
-      count: localDocumentCount,
-      total: localDocumentCount + missingOnLocal
-    },
-    title: spaceId
-  }), /* @__PURE__ */ React16.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__ */ React16.createElement("div", {
-    className: mx7("grid grid-cols-[1fr_2rem_1fr] w-full h-3", classNames)
-  }, /* @__PURE__ */ React16.createElement(Bar, {
-    classNames: "justify-end",
-    ...up
-  }), /* @__PURE__ */ React16.createElement("div", {
-    className: "relative"
-  }, /* @__PURE__ */ React16.createElement("div", {
-    className: mx7("absolute inset-0 flex items-center justify-center text-xs", styles.barBg)
-  }, up.total)), /* @__PURE__ */ React16.createElement(Bar, down));
-};
-var Bar = ({ classNames, count, total }) => {
-  let p = count / total * 100;
-  if (count < total) {
-    p = Math.min(p, 95);
-  }
-  return /* @__PURE__ */ React16.createElement("div", {
-    className: mx7("relative flex w-full", styles.barBg, classNames)
-  }, /* @__PURE__ */ React16.createElement("div", {
-    className: mx7("shrink-0", styles.barFg),
-    style: {
-      width: `${p}%`
-    }
-  }), count !== total && /* @__PURE__ */ React16.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
@@ -1760,27 +1478,21 @@ var translations_default = [
         "space limit close label": "Close",
         "remove deleted objects label": "Cleanup",
         "remove deleted objects alt": "Permanently remove deleted objects to free up space.",
-        "copy link label": "Copy link",
-        "default on space create label": "On space create",
-        "sync status title": "Sync status",
-        "name label": "Name",
-        "name placeholder": "Name"
+        "copy link label": "Copy link"
       }
     }
   }
 ];
 
 // packages/plugins/plugin-space/src/SpacePlugin.tsx
-var __dxlog_file5 = "/home/runner/work/dxos/dxos/packages/plugins/plugin-space/src/SpacePlugin.tsx";
+var __dxlog_file3 = "/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;
 var SpacePlugin = ({ firstRun, onFirstRun } = {}) => {
-  const settings = new LocalStorageStore(SPACE_PLUGIN, {
-    onSpaceCreate: "dxos.org/plugin/markdown/action/create"
-  });
+  const settings = new LocalStorageStore(SPACE_PLUGIN);
   const state = new LocalStorageStore(SPACE_PLUGIN, {
     awaiting: void 0,
     spaceNames: {},
@@ -1820,21 +1532,17 @@ var SpacePlugin = ({ firstRun, onFirstRun } = {}) => {
         await defaultSpace.internal.migrate();
       }
       spaces.filter((space) => space.state.get() === SpaceState3.SPACE_READY).forEach((space) => {
-        subscriptions.add(scheduledEffect(() => ({
-          name: space.properties.name
-        }), ({ name }) => state.values.spaceNames[space.id] = name));
+        subscriptions.add(effect(() => {
+          state.values.spaceNames[space.id] = space.properties.name;
+        }));
       });
     }).unsubscribe);
-    subscriptions.add(scheduledEffect(() => ({
-      ids: openIds(location.active),
-      removed: location.closed ? [
-        location.closed
-      ].flat() : []
-    }), ({ ids, removed }) => {
+    subscriptions.add(effect(() => {
       const send = () => {
         const spaces = client.spaces.get();
         const identity = client.halo.identity.get();
         if (identity && location.active) {
+          const ids = openIds(location.active);
           const idsBySpace = reduceGroupBy(ids, (id) => {
             const [spaceId] = id.split(":");
             return spaceId;
@@ -1849,6 +1557,9 @@ var SpacePlugin = ({ firstRun, onFirstRun } = {}) => {
             if (!space) {
               continue;
             }
+            const removed = location.closed ? [
+              location.closed
+            ].flat() : [];
             void space.postMessage("viewing", {
               identityKey: identity.identityKey.toHex(),
               attended: attention.attended ? [
@@ -1861,8 +1572,8 @@ var SpacePlugin = ({ firstRun, onFirstRun } = {}) => {
               log2.warn("Failed to broadcast active node for presence.", {
                 err: err.message
               }, {
-                F: __dxlog_file5,
-                L: 229,
+                F: __dxlog_file3,
+                L: 222,
                 S: void 0,
                 C: (f, a) => f(...a)
               });
@@ -1983,7 +1694,8 @@ var SpacePlugin = ({ firstRun, onFirstRun } = {}) => {
                 ns: SPACE_PLUGIN
               }
             ],
-            icon: "ph--cards-three--regular",
+            icon: (props) => /* @__PURE__ */ React17.createElement(CardsThree2, props),
+            iconSymbol: "ph--cards-three--regular",
             // TODO(wittjosiah): Move out of metadata.
             loadReferences: (collection) => loadObjectReferences(collection, (collection2) => [
               ...collection2.objects,
@@ -2005,8 +1717,7 @@ var SpacePlugin = ({ firstRun, onFirstRun } = {}) => {
             case "main":
               return isSpace2(primary) && primary.state.get() === SpaceState3.SPACE_READY ? /* @__PURE__ */ React17.createElement(Surface2, {
                 data: {
-                  active: primary.properties[CollectionType.typename],
-                  id: primary.id
+                  active: primary.properties[CollectionType.typename]
                 },
                 role,
                 ...rest
@@ -2018,10 +1729,16 @@ var SpacePlugin = ({ firstRun, onFirstRun } = {}) => {
               } : typeof primary === "string" && primary.length === OBJECT_ID_LENGTH ? /* @__PURE__ */ React17.createElement(MissingObject, {
                 id: primary
               }) : null;
-            case "complementary--settings":
-              return isEchoObject2(data.subject) ? /* @__PURE__ */ React17.createElement(FallbackSettings, {
-                object: data.subject
-              }) : null;
+            // TODO(burdon): Add role name syntax to minimal plugin docs.
+            case "tree--empty":
+              switch (true) {
+                case data.plugin === SPACE_PLUGIN:
+                  return /* @__PURE__ */ React17.createElement(EmptyTree, null);
+                case (isGraphNode(data.activeNode) && isSpace2(data.activeNode.data)):
+                  return /* @__PURE__ */ React17.createElement(EmptySpace, null);
+                default:
+                  return null;
+              }
             case "dialog":
               if (data.component === "dxos.org/plugin/space/InvitationManagerDialog") {
                 return /* @__PURE__ */ React17.createElement(Dialog.Content, null, /* @__PURE__ */ React17.createElement(ClipboardProvider2, null, /* @__PURE__ */ React17.createElement(InvitationManager, {
@@ -2043,7 +1760,6 @@ var SpacePlugin = ({ firstRun, onFirstRun } = {}) => {
                 });
               }
               return null;
-            // TODO(burdon): Add role name syntax to minimal plugin docs.
             case "presence--glyph": {
               return isReactiveObject2(data.object) ? /* @__PURE__ */ React17.createElement(SmallPresenceLive, {
                 viewers: state.values.viewersByObject[fullyQualifiedId4(data.object)]
@@ -2085,9 +1801,6 @@ var SpacePlugin = ({ firstRun, onFirstRun } = {}) => {
                   object: data.object
                 });
               }
-            case "status": {
-              return /* @__PURE__ */ React17.createElement(React17.Fragment, null, /* @__PURE__ */ React17.createElement(SyncStatus, null), /* @__PURE__ */ React17.createElement(SaveStatus, null));
-            }
             default:
               return null;
           }
@@ -2147,8 +1860,8 @@ var SpacePlugin = ({ firstRun, onFirstRun } = {}) => {
                           spacesOrder.order = nextOrder.map(({ id }) => id);
                         } else {
                           log2.warn("spaces order object not found", void 0, {
-                            F: __dxlog_file5,
-                            L: 526,
+                            F: __dxlog_file3,
+                            L: 514,
                             S: void 0,
                             C: (f, a) => f(...a)
                           });
@@ -2184,7 +1897,8 @@ var SpacePlugin = ({ firstRun, onFirstRun } = {}) => {
                         ns: SPACE_PLUGIN
                       }
                     ],
-                    icon: "ph--plus--regular",
+                    icon: (props) => /* @__PURE__ */ React17.createElement(Plus2, props),
+                    iconSymbol: "ph--plus--regular",
                     disposition: "toolbar",
                     testId: "spacePlugin.createSpace"
                   }
@@ -2209,7 +1923,8 @@ var SpacePlugin = ({ firstRun, onFirstRun } = {}) => {
                         ns: SPACE_PLUGIN
                       }
                     ],
-                    icon: "ph--sign-in--regular",
+                    icon: (props) => /* @__PURE__ */ React17.createElement(SignIn, props),
+                    iconSymbol: "ph--sign-in--regular",
                     testId: "spacePlugin.joinSpace"
                   }
                 }
@@ -2337,45 +2052,6 @@ var SpacePlugin = ({ firstRun, onFirstRun } = {}) => {
                   resolve
                 })).filter(nonNullable);
               }
-            }),
-            // Create nodes for object settings.
-            createExtension({
-              id: `${SPACE_PLUGIN}/settings-for-subject`,
-              resolver: ({ id }) => {
-                if (!id.endsWith("~settings")) {
-                  return;
-                }
-                const [subjectId] = id.split("~");
-                const [spaceId, objectId] = parseFullyQualifiedId(subjectId);
-                const space = client.spaces.get().find((space2) => space2.id === spaceId);
-                const object = toSignal((onChange) => {
-                  const timeout = setTimeout(async () => {
-                    await space?.db.loadObjectById(objectId);
-                    onChange();
-                  });
-                  return () => clearTimeout(timeout);
-                }, () => space?.db.getObjectById(objectId), subjectId);
-                if (!object || !subjectId) {
-                  return;
-                }
-                const meta = resolve(getTypename2(object) ?? "");
-                const label = meta.label?.(object) || object.name || meta.placeholder || [
-                  "unnamed object settings label",
-                  {
-                    ns: SPACE_PLUGIN
-                  }
-                ];
-                return {
-                  id,
-                  type: "orphan-settings-for-subject",
-                  data: null,
-                  properties: {
-                    icon: "ph--gear--regular",
-                    label,
-                    object
-                  }
-                };
-              }
             })
           ];
         },
@@ -2483,25 +2159,6 @@ var SpacePlugin = ({ firstRun, onFirstRun } = {}) => {
                   }
                 },
                 intents: [
-                  ...settings.values.onSpaceCreate ? [
-                    [
-                      {
-                        action: settings.values.onSpaceCreate,
-                        data: {
-                          space
-                        }
-                      },
-                      {
-                        action: SpaceAction.ADD_OBJECT,
-                        data: {
-                          target: space
-                        }
-                      },
-                      {
-                        action: NavigationAction3.EXPOSE
-                      }
-                    ]
-                  ] : [],
                   [
                     {
                       action: ObservabilityAction.SEND_EVENT,
@@ -2722,7 +2379,8 @@ var SpacePlugin = ({ firstRun, onFirstRun } = {}) => {
                             title: translations_default[0]["en-US"][SPACE_PLUGIN]["space limit label"],
                             description: translations_default[0]["en-US"][SPACE_PLUGIN]["space limit description"],
                             duration: 5e3,
-                            icon: "ph--warning--regular",
+                            icon: (props) => /* @__PURE__ */ React17.createElement(Warning2, props),
+                            iconSymbol: "ph--warning--regular",
                             actionLabel: translations_default[0]["en-US"][SPACE_PLUGIN]["remove deleted objects label"],
                             actionAlt: translations_default[0]["en-US"][SPACE_PLUGIN]["remove deleted objects alt"],
                             // TODO(wittjosiah): Use OS namespace.
@@ -2764,7 +2422,7 @@ var SpacePlugin = ({ firstRun, onFirstRun } = {}) => {
               }
               return {
                 data: {
-                  id: fullyQualifiedId4(object),
+                  id: object.id,
                   object,
                   activeParts: {
                     main: [
@@ -2817,7 +2475,8 @@ var SpacePlugin = ({ firstRun, onFirstRun } = {}) => {
                     data: {
                       activeParts: {
                         main: deletionData.wasActive,
-                        sidebar: deletionData.wasActive
+                        sidebar: deletionData.wasActive,
+                        complementary: deletionData.wasActive
                       }
                     }
                   });
@@ -2937,10 +2596,10 @@ export {
   CollectionSection,
   CollectionType,
   ContactType,
-  FallbackSettings,
+  EmptySpace,
+  EmptyTree,
   FullPresence,
   MenuFooter,
-  MessageState,
   MessageType,
   MissingObject,
   PersistenceStatus,
@@ -2952,7 +2611,6 @@ export {
   SPACE_PLUGIN,
   SPACE_PLUGIN_SHORT_ID,
   SPACE_TYPE,
-  SaveStatus,
   ShareSpaceButton,
   ShareSpaceButtonImpl,
   SmallPresence,
@@ -2962,9 +2620,6 @@ export {
   SpacePlugin,
   SpacePresence,
   SpaceSettings,
-  SyncStatus,
-  SyncStatusDetail,
-  SyncStatusIndicator,
   ThreadStatus,
   ThreadType,
   cloneObject,
@@ -2979,7 +2634,6 @@ export {
   getNestedObjects,
   getSpaceDisplayName,
   memoizeQuery,
-  parseSpaceInitPlugin,
   parseSpacePlugin,
   translations_default as translations
 };