@dxos/plugin-space 0.6.11 → 0.6.12-main.568932b

package/dist/lib/node/index.cjs

@@ -28,29 +28,31 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var node_exports = {};
 __export(node_exports, {
-  ActorSchema: () => import_chunk_CVZPI2P3.ActorSchema,
+  ActorSchema: () => import_chunk_K7CSJ7HL.ActorSchema,
   AwaitingObject: () => AwaitingObject,
   COMPOSER_SPACE_LOCK: () => COMPOSER_SPACE_LOCK,
-  ChannelType: () => import_chunk_CVZPI2P3.ChannelType,
+  ChannelType: () => import_chunk_K7CSJ7HL.ChannelType,
   CollectionMain: () => CollectionMain,
   CollectionSection: () => CollectionSection,
-  CollectionType: () => import_chunk_CVZPI2P3.CollectionType,
-  ContactType: () => import_chunk_CVZPI2P3.ContactType,
+  CollectionType: () => import_chunk_K7CSJ7HL.CollectionType,
+  ContactType: () => import_chunk_K7CSJ7HL.ContactType,
   EmptySpace: () => EmptySpace,
   EmptyTree: () => EmptyTree,
   FullPresence: () => FullPresence,
   MenuFooter: () => MenuFooter,
-  MessageType: () => import_chunk_CVZPI2P3.MessageType,
+  MessageState: () => import_chunk_K7CSJ7HL.MessageState,
+  MessageType: () => import_chunk_K7CSJ7HL.MessageType,
   MissingObject: () => MissingObject,
   PersistenceStatus: () => PersistenceStatus,
   PopoverRenameObject: () => PopoverRenameObject,
   PopoverRenameSpace: () => PopoverRenameSpace,
   SHARED: () => SHARED,
   SPACES: () => SPACES,
-  SPACE_DIRECTORY_HANDLE: () => import_chunk_CVZPI2P3.SPACE_DIRECTORY_HANDLE,
+  SPACE_DIRECTORY_HANDLE: () => import_chunk_K7CSJ7HL.SPACE_DIRECTORY_HANDLE,
   SPACE_PLUGIN: () => import_chunk_6CNYF6YU.SPACE_PLUGIN,
   SPACE_PLUGIN_SHORT_ID: () => import_chunk_6CNYF6YU.SPACE_PLUGIN_SHORT_ID,
   SPACE_TYPE: () => SPACE_TYPE,
+  SaveStatus: () => SaveStatus,
   ShareSpaceButton: () => ShareSpaceButton,
   ShareSpaceButtonImpl: () => ShareSpaceButtonImpl,
   SmallPresence: () => SmallPresence,
@@ -60,8 +62,11 @@ __export(node_exports, {
   SpacePlugin: () => SpacePlugin,
   SpacePresence: () => SpacePresence,
   SpaceSettings: () => SpaceSettings,
-  ThreadStatus: () => import_chunk_CVZPI2P3.ThreadStatus,
-  ThreadType: () => import_chunk_CVZPI2P3.ThreadType,
+  SyncStatus: () => SyncStatus,
+  SyncStatusDetail: () => SyncStatusDetail,
+  SyncStatusIndicator: () => SyncStatusIndicator,
+  ThreadStatus: () => import_chunk_K7CSJ7HL.ThreadStatus,
+  ThreadType: () => import_chunk_K7CSJ7HL.ThreadType,
   cloneObject: () => cloneObject,
   constructObjectActionGroups: () => constructObjectActionGroups,
   constructObjectActions: () => constructObjectActions,
@@ -74,15 +79,15 @@ __export(node_exports, {
   getNestedObjects: () => getNestedObjects,
   getSpaceDisplayName: () => getSpaceDisplayName,
   memoizeQuery: () => memoizeQuery,
+  parseSpaceInitPlugin: () => import_chunk_K7CSJ7HL.parseSpaceInitPlugin,
   parseSpacePlugin: () => parseSpacePlugin,
   translations: () => translations_default
 });
 module.exports = __toCommonJS(node_exports);
 var import_chunk_6CNYF6YU = require("./chunk-6CNYF6YU.cjs");
-var import_chunk_CVZPI2P3 = require("./chunk-CVZPI2P3.cjs");
-var import_react = require("@phosphor-icons/react");
+var import_chunk_K7CSJ7HL = require("./chunk-K7CSJ7HL.cjs");
 var import_signals_core = require("@preact/signals-core");
-var import_react2 = __toESM(require("react"));
+var import_react = __toESM(require("react"));
 var import_app_framework = require("@dxos/app-framework");
 var import_async = require("@dxos/async");
 var import_echo_schema = require("@dxos/echo-schema");
@@ -96,73 +101,71 @@ var import_meta = require("@dxos/plugin-observability/meta");
 var import_react_client = require("@dxos/react-client");
 var import_echo = require("@dxos/react-client/echo");
 var import_react_ui = require("@dxos/react-ui");
-var import_react3 = require("@dxos/shell/react");
+var import_react2 = require("@dxos/shell/react");
 var import_util = require("@dxos/util");
-var import_react4 = require("@phosphor-icons/react");
-var import_react5 = __toESM(require("react"));
+var import_react3 = require("@phosphor-icons/react");
+var import_react4 = __toESM(require("react"));
 var import_app_framework2 = require("@dxos/app-framework");
 var import_react_client2 = require("@dxos/react-client");
 var import_echo2 = require("@dxos/react-client/echo");
 var import_react_ui2 = require("@dxos/react-ui");
 var import_react_ui_theme = require("@dxos/react-ui-theme");
-var import_react6 = __toESM(require("react"));
+var import_react5 = __toESM(require("react"));
 var import_react_ui3 = require("@dxos/react-ui");
 var import_react_ui_theme2 = require("@dxos/react-ui-theme");
-var import_react7 = __toESM(require("react"));
+var import_react6 = __toESM(require("react"));
 var import_react_ui4 = require("@dxos/react-ui");
-var import_react8 = __toESM(require("react"));
+var import_react7 = __toESM(require("react"));
 var import_react_ui5 = require("@dxos/react-ui");
 var import_react_ui_theme3 = require("@dxos/react-ui-theme");
-var import_react9 = __toESM(require("react"));
+var import_react8 = __toESM(require("react"));
 var import_react_ui6 = require("@dxos/react-ui");
 var import_react_ui_theme4 = require("@dxos/react-ui-theme");
-var import_react10 = require("@phosphor-icons/react");
-var import_react11 = __toESM(require("react"));
+var import_react9 = require("@phosphor-icons/react");
+var import_react10 = __toESM(require("react"));
 var import_echo3 = require("@dxos/client/echo");
 var import_react_client3 = require("@dxos/react-client");
 var import_react_ui7 = require("@dxos/react-ui");
-var import_react12 = require("@phosphor-icons/react");
-var import_react13 = __toESM(require("react"));
 var import_app_framework3 = require("@dxos/app-framework");
 var import_echo_schema2 = require("@dxos/echo-schema");
 var import_invariant = require("@dxos/invariant");
 var import_migrations2 = require("@dxos/migrations");
 var import_plugin_graph2 = require("@dxos/plugin-graph");
 var import_echo4 = require("@dxos/react-client/echo");
-var import_react14 = __toESM(require("react"));
+var import_react11 = __toESM(require("react"));
 var import_app_framework4 = require("@dxos/app-framework");
 var import_react_ui8 = require("@dxos/react-ui");
 var import_react_ui_theme5 = require("@dxos/react-ui-theme");
-var import_react15 = require("@phosphor-icons/react");
-var import_react16 = __toESM(require("react"));
+var import_react12 = require("@phosphor-icons/react");
+var import_react13 = __toESM(require("react"));
 var import_async2 = require("@dxos/async");
 var import_react_ui9 = require("@dxos/react-ui");
 var import_react_ui_theme6 = require("@dxos/react-ui-theme");
-var import_react17 = __toESM(require("react"));
+var import_react14 = __toESM(require("react"));
 var import_log2 = require("@dxos/log");
 var import_react_ui10 = require("@dxos/react-ui");
-var import_react18 = __toESM(require("react"));
+var import_react15 = __toESM(require("react"));
 var import_react_ui11 = require("@dxos/react-ui");
-var import_react19 = __toESM(require("react"));
+var import_react16 = __toESM(require("react"));
 var import_app_framework5 = require("@dxos/app-framework");
 var import_react_ui12 = require("@dxos/react-ui");
-var import_react20 = require("@phosphor-icons/react");
-var import_react21 = __toESM(require("react"));
+var import_react17 = require("@phosphor-icons/react");
+var import_react18 = __toESM(require("react"));
 var import_app_framework6 = require("@dxos/app-framework");
 var import_echo5 = require("@dxos/react-client/echo");
 var import_react_ui13 = require("@dxos/react-ui");
 var import_react_ui_theme7 = require("@dxos/react-ui-theme");
-var import_react22 = require("@dxos/shell/react");
-var import_react23 = require("@phosphor-icons/react");
-var import_react24 = __toESM(require("react"));
+var import_react19 = require("@dxos/shell/react");
+var import_react20 = require("@phosphor-icons/react");
+var import_react21 = __toESM(require("react"));
 var import_app_framework7 = require("@dxos/app-framework");
 var import_echo6 = require("@dxos/react-client/echo");
 var import_invitations = require("@dxos/react-client/invitations");
 var import_invitations2 = require("@dxos/react-client/invitations");
 var import_react_ui14 = require("@dxos/react-ui");
 var import_react_ui_theme8 = require("@dxos/react-ui-theme");
-var import_react25 = require("@dxos/shell/react");
-var import_react26 = __toESM(require("react"));
+var import_react22 = require("@dxos/shell/react");
+var import_react23 = __toESM(require("react"));
 var import_app_framework8 = require("@dxos/app-framework");
 var import_display_name = require("@dxos/display-name");
 var import_react_client4 = require("@dxos/react-client");
@@ -171,22 +174,36 @@ var import_halo = require("@dxos/react-client/halo");
 var import_react_ui15 = require("@dxos/react-ui");
 var import_react_ui_attention = require("@dxos/react-ui-attention");
 var import_util2 = require("@dxos/util");
-var import_react27 = __toESM(require("react"));
+var import_react24 = __toESM(require("react"));
 var import_app_framework9 = require("@dxos/app-framework");
 var import_plugin_settings = require("@dxos/plugin-settings");
 var import_react_ui16 = require("@dxos/react-ui");
+var import_react25 = __toESM(require("react"));
+var import_context = require("@dxos/context");
+var import_plugin_status_bar = require("@dxos/plugin-status-bar");
+var import_react_client5 = require("@dxos/react-client");
+var import_react_ui17 = require("@dxos/react-ui");
+var import_react26 = __toESM(require("react"));
+var import_plugin_status_bar2 = require("@dxos/plugin-status-bar");
+var import_react_ui18 = require("@dxos/react-ui");
+var import_react_ui_syntax_highlighter = require("@dxos/react-ui-syntax-highlighter");
+var import_react_ui_theme9 = require("@dxos/react-ui-theme");
+var import_react27 = require("react");
+var import_context2 = require("@dxos/context");
+var import_protocols = require("@dxos/protocols");
+var import_react_client6 = require("@dxos/react-client");
 var WAIT_FOR_OBJECT_TIMEOUT = 18e4;
 var TOAST_TIMEOUT = 24e4;
 var AwaitingObject = ({ id }) => {
-  const [open, setOpen] = (0, import_react5.useState)(true);
-  const [waiting, setWaiting] = (0, import_react5.useState)(true);
-  const [found, setFound] = (0, import_react5.useState)(false);
+  const [open, setOpen] = (0, import_react4.useState)(true);
+  const [waiting, setWaiting] = (0, import_react4.useState)(true);
+  const [found, setFound] = (0, import_react4.useState)(false);
   const { t } = (0, import_react_ui2.useTranslation)(import_chunk_6CNYF6YU.SPACE_PLUGIN);
   const intentPlugin = (0, import_app_framework2.useResolvePlugin)(import_app_framework2.parseIntentPlugin);
   const navigationPlugin = (0, import_app_framework2.useResolvePlugin)(import_app_framework2.parseNavigationPlugin);
   const client = (0, import_react_client2.useClient)();
   const objects = (0, import_echo2.useQuery)(client.spaces);
-  (0, import_react5.useEffect)(() => {
+  (0, import_react4.useEffect)(() => {
     if (!id) {
       return;
     }
@@ -197,7 +214,7 @@ var AwaitingObject = ({ id }) => {
   }, [
     id
   ]);
-  (0, import_react5.useEffect)(() => {
+  (0, import_react4.useEffect)(() => {
     if (objects.findIndex((object) => (0, import_echo2.fullyQualifiedId)(object) === id) > -1) {
       setFound(true);
       if (navigationPlugin?.provides.location.active === id) {
@@ -229,33 +246,33 @@ var AwaitingObject = ({ id }) => {
     });
     void handleClose();
   };
-  return /* @__PURE__ */ import_react5.default.createElement(import_react_ui2.Toast.Root, {
+  return /* @__PURE__ */ import_react4.default.createElement(import_react_ui2.Toast.Root, {
     open,
     duration: TOAST_TIMEOUT,
     onOpenChange: setOpen
-  }, /* @__PURE__ */ import_react5.default.createElement(import_react_ui2.Toast.Body, null, /* @__PURE__ */ import_react5.default.createElement(import_react_ui2.Toast.Title, {
+  }, /* @__PURE__ */ import_react4.default.createElement(import_react_ui2.Toast.Body, null, /* @__PURE__ */ import_react4.default.createElement(import_react_ui2.Toast.Title, {
     classNames: "flex items-center gap-2"
-  }, found ? /* @__PURE__ */ import_react5.default.createElement(import_react5.default.Fragment, null, /* @__PURE__ */ import_react5.default.createElement(import_react4.CheckCircle, {
+  }, found ? /* @__PURE__ */ import_react4.default.createElement(import_react4.default.Fragment, null, /* @__PURE__ */ import_react4.default.createElement(import_react3.CheckCircle, {
     className: (0, import_react_ui_theme.getSize)(5)
-  }), /* @__PURE__ */ import_react5.default.createElement("span", null, t("found object label"))) : waiting ? /* @__PURE__ */ import_react5.default.createElement(import_react5.default.Fragment, null, /* @__PURE__ */ import_react5.default.createElement(import_react4.CircleNotch, {
+  }), /* @__PURE__ */ import_react4.default.createElement("span", null, t("found object label"))) : waiting ? /* @__PURE__ */ import_react4.default.createElement(import_react4.default.Fragment, null, /* @__PURE__ */ import_react4.default.createElement(import_react3.CircleNotch, {
     className: (0, import_react_ui_theme.mx)((0, import_react_ui_theme.getSize)(5), "animate-spin")
-  }), /* @__PURE__ */ import_react5.default.createElement("span", null, t("waiting for object label"))) : /* @__PURE__ */ import_react5.default.createElement(import_react5.default.Fragment, null, /* @__PURE__ */ import_react5.default.createElement(import_react4.CircleDashed, {
+  }), /* @__PURE__ */ import_react4.default.createElement("span", null, t("waiting for object label"))) : /* @__PURE__ */ import_react4.default.createElement(import_react4.default.Fragment, null, /* @__PURE__ */ import_react4.default.createElement(import_react3.CircleDashed, {
     className: (0, import_react_ui_theme.getSize)(5)
-  }), /* @__PURE__ */ import_react5.default.createElement("span", null, t("object not found label")))), /* @__PURE__ */ import_react5.default.createElement(import_react_ui2.Toast.Description, null, t(found ? "found object description" : waiting ? "waiting for object description" : "object not found description"))), /* @__PURE__ */ import_react5.default.createElement(import_react_ui2.Toast.Actions, null, found ? /* @__PURE__ */ import_react5.default.createElement(import_react5.default.Fragment, null, /* @__PURE__ */ import_react5.default.createElement(import_react_ui2.Toast.Action, {
+  }), /* @__PURE__ */ import_react4.default.createElement("span", null, t("object not found label")))), /* @__PURE__ */ import_react4.default.createElement(import_react_ui2.Toast.Description, null, t(found ? "found object description" : waiting ? "waiting for object description" : "object not found description"))), /* @__PURE__ */ import_react4.default.createElement(import_react_ui2.Toast.Actions, null, found ? /* @__PURE__ */ import_react4.default.createElement(import_react4.default.Fragment, null, /* @__PURE__ */ import_react4.default.createElement(import_react_ui2.Toast.Action, {
     altText: t("go to object alt"),
     asChild: true
-  }, /* @__PURE__ */ import_react5.default.createElement(import_react_ui2.Button, {
+  }, /* @__PURE__ */ import_react4.default.createElement(import_react_ui2.Button, {
     variant: "primary",
     onClick: handleNavigate
-  }, t("go to object label"))), /* @__PURE__ */ import_react5.default.createElement(import_react_ui2.Toast.Close, {
+  }, t("go to object label"))), /* @__PURE__ */ import_react4.default.createElement(import_react_ui2.Toast.Close, {
     asChild: true
-  }, /* @__PURE__ */ import_react5.default.createElement(import_react_ui2.Button, {
+  }, /* @__PURE__ */ import_react4.default.createElement(import_react_ui2.Button, {
     onClick: handleClose
   }, t("close label", {
     ns: "appkit"
-  })))) : /* @__PURE__ */ import_react5.default.createElement(import_react_ui2.Toast.Close, {
+  })))) : /* @__PURE__ */ import_react4.default.createElement(import_react_ui2.Toast.Close, {
     asChild: true
-  }, /* @__PURE__ */ import_react5.default.createElement(import_react_ui2.Button, {
+  }, /* @__PURE__ */ import_react4.default.createElement(import_react_ui2.Button, {
     onClick: handleClose
   }, t(waiting ? "close label" : "confirm label", {
     ns: "appkit"
@@ -263,33 +280,33 @@ var AwaitingObject = ({ id }) => {
 };
 var CollectionMain = ({ collection }) => {
   const { t } = (0, import_react_ui3.useTranslation)(import_chunk_6CNYF6YU.SPACE_PLUGIN);
-  return /* @__PURE__ */ import_react6.default.createElement("div", {
+  return /* @__PURE__ */ import_react5.default.createElement("div", {
     role: "none",
     className: (0, import_react_ui_theme2.mx)(import_react_ui_theme2.baseSurface, "min-bs-screen is-full flex items-center justify-center p-8"),
     "data-testid": "composer.firstRunMessage"
-  }, /* @__PURE__ */ import_react6.default.createElement("p", {
+  }, /* @__PURE__ */ import_react5.default.createElement("p", {
     role: "alert",
     className: (0, import_react_ui_theme2.mx)(import_react_ui_theme2.descriptionText, "border border-dashed border-neutral-400/50 rounded-lg p-8 font-normal text-lg max-is-[24rem] break-words")
   }, collection.name ?? t("unnamed collection label")));
 };
 var CollectionSection = ({ collection }) => {
   const { t } = (0, import_react_ui4.useTranslation)(import_chunk_6CNYF6YU.SPACE_PLUGIN);
-  return /* @__PURE__ */ import_react7.default.createElement("div", {
+  return /* @__PURE__ */ import_react6.default.createElement("div", {
     className: "min-bs-[3.5rem] grid grid-rows-subgrid grid-cols-subgrid items-center"
-  }, /* @__PURE__ */ import_react7.default.createElement("span", {
+  }, /* @__PURE__ */ import_react6.default.createElement("span", {
     className: "truncate"
   }, collection.name ?? t("unnamed collection label")));
 };
 var EmptySpace = () => {
   const { t } = (0, import_react_ui5.useTranslation)(import_chunk_6CNYF6YU.SPACE_PLUGIN);
-  return /* @__PURE__ */ import_react8.default.createElement("div", {
+  return /* @__PURE__ */ import_react7.default.createElement("div", {
     role: "none",
     className: (0, import_react_ui_theme3.mx)("p-2 mli-2 mbe-2 text-center border border-dashed border-neutral-400/50 rounded-lg", import_react_ui_theme3.descriptionText)
   }, t("empty space message"));
 };
 var EmptyTree = () => {
   const { t } = (0, import_react_ui6.useTranslation)(import_chunk_6CNYF6YU.SPACE_PLUGIN);
-  return /* @__PURE__ */ import_react9.default.createElement("div", {
+  return /* @__PURE__ */ import_react8.default.createElement("div", {
     role: "none",
     className: (0, import_react_ui_theme4.mx)("p-2 mli-2 mbe-2 text-center border border-dashed border-neutral-400/50 rounded-lg", import_react_ui_theme4.descriptionText)
   }, t("empty tree message"));
@@ -363,8 +380,8 @@ var checkPendingMigration = (space) => {
 };
 var constructSpaceNode = ({ space, personal, namesCache, resolve }) => {
   const hasPendingMigration = checkPendingMigration(space);
-  const collection = space.state.get() === import_echo4.SpaceState.SPACE_READY && space.properties[import_chunk_CVZPI2P3.CollectionType.typename];
-  const partials = space.state.get() === import_echo4.SpaceState.SPACE_READY && collection instanceof import_chunk_CVZPI2P3.CollectionType ? getCollectionGraphNodePartials({
+  const collection = space.state.get() === import_echo4.SpaceState.SPACE_READY && space.properties[import_chunk_K7CSJ7HL.CollectionType.typename];
+  const partials = space.state.get() === import_echo4.SpaceState.SPACE_READY && collection instanceof import_chunk_K7CSJ7HL.CollectionType ? getCollectionGraphNodePartials({
     collection,
     space,
     resolve
@@ -380,8 +397,7 @@ var constructSpaceNode = ({ space, personal, namesCache, resolve }) => {
         namesCache
       }),
       description: space.state.get() === import_echo4.SpaceState.SPACE_READY && space.properties.description,
-      icon: (props) => /* @__PURE__ */ import_react13.default.createElement(import_react12.Planet, props),
-      iconSymbol: "ph--planet--regular",
+      icon: "ph--planet--regular",
       disabled: space.state.get() !== import_echo4.SpaceState.SPACE_READY || hasPendingMigration,
       testId: "spacePlugin.space"
     }
@@ -394,7 +410,7 @@ var constructSpaceActionGroups = ({ space, dispatch }) => {
   if (state !== import_echo4.SpaceState.SPACE_READY || hasPendingMigration) {
     return [];
   }
-  const collection = space.properties[import_chunk_CVZPI2P3.CollectionType.typename];
+  const collection = space.properties[import_chunk_K7CSJ7HL.CollectionType.typename];
   const actions = [
     {
       id: getId(import_chunk_6CNYF6YU.SpaceAction.ADD_OBJECT),
@@ -407,8 +423,7 @@ var constructSpaceActionGroups = ({ space, dispatch }) => {
             ns: import_chunk_6CNYF6YU.SPACE_PLUGIN
           }
         ],
-        icon: (props) => /* @__PURE__ */ import_react13.default.createElement(import_react12.Plus, props),
-        iconSymbol: "ph--plus--regular",
+        icon: "ph--plus--regular",
         disposition: "toolbar",
         // TODO(wittjosiah): This is currently a navtree feature. Address this with cmd+k integration.
         // mainAreaDisposition: 'in-flow',
@@ -425,7 +440,7 @@ var constructSpaceActionGroups = ({ space, dispatch }) => {
               action: import_chunk_6CNYF6YU.SpaceAction.ADD_OBJECT,
               data: {
                 target: collection,
-                object: (0, import_echo_schema2.create)(import_chunk_CVZPI2P3.CollectionType, {
+                object: (0, import_echo_schema2.create)(import_chunk_K7CSJ7HL.CollectionType, {
                   objects: [],
                   views: {}
                 })
@@ -442,8 +457,7 @@ var constructSpaceActionGroups = ({ space, dispatch }) => {
                 ns: import_chunk_6CNYF6YU.SPACE_PLUGIN
               }
             ],
-            icon: (props) => /* @__PURE__ */ import_react13.default.createElement(import_react12.CardsThree, props),
-            iconSymbol: "ph--cards-three--regular",
+            icon: "ph--cards-three--regular",
             testId: "spacePlugin.createCollection"
           }
         }
@@ -477,8 +491,7 @@ var constructSpaceActions = ({ space, dispatch, personal, migrating }) => {
             ns: import_chunk_6CNYF6YU.SPACE_PLUGIN
           }
         ],
-        icon: (props) => /* @__PURE__ */ import_react13.default.createElement(import_react12.Database, props),
-        iconSymbol: "ph--database--regular",
+        icon: "ph--database--regular",
         disposition: "toolbar",
         mainAreaDisposition: "in-flow",
         disabled: migrating || import_migrations2.Migrations.running(space)
@@ -509,8 +522,7 @@ var constructSpaceActions = ({ space, dispatch, personal, migrating }) => {
             ns: import_chunk_6CNYF6YU.SPACE_PLUGIN
           }
         ],
-        icon: (props) => /* @__PURE__ */ import_react13.default.createElement(import_react12.Users, props),
-        iconSymbol: "ph--users--regular",
+        icon: "ph--users--regular",
         disabled: locked,
         keyBinding: {
           macos: "meta+.",
@@ -537,8 +549,7 @@ var constructSpaceActions = ({ space, dispatch, personal, migrating }) => {
             ns: import_chunk_6CNYF6YU.SPACE_PLUGIN
           }
         ],
-        icon: locked ? (props) => /* @__PURE__ */ import_react13.default.createElement(import_react12.LockSimpleOpen, props) : (props) => /* @__PURE__ */ import_react13.default.createElement(import_react12.LockSimple, props),
-        iconSymbol: locked ? "ph--lock-simple-open--regular" : "ph--lock-simple--regular"
+        icon: locked ? "ph--lock-simple-open--regular" : "ph--lock-simple--regular"
       }
     }, {
       id: getId(import_chunk_6CNYF6YU.SpaceAction.RENAME),
@@ -560,8 +571,7 @@ var constructSpaceActions = ({ space, dispatch, personal, migrating }) => {
             ns: import_chunk_6CNYF6YU.SPACE_PLUGIN
           }
         ],
-        icon: (props) => /* @__PURE__ */ import_react13.default.createElement(import_react12.PencilSimpleLine, props),
-        iconSymbol: "ph--pencil-simple-line--regular",
+        icon: "ph--pencil-simple-line--regular",
         keyBinding: {
           macos: "shift+F6",
           windows: "shift+F6"
@@ -590,8 +600,7 @@ var constructSpaceActions = ({ space, dispatch, personal, migrating }) => {
             ns: import_chunk_6CNYF6YU.SPACE_PLUGIN
           }
         ],
-        icon: (props) => /* @__PURE__ */ import_react13.default.createElement(import_react12.X, props),
-        iconSymbol: "ph--x--regular",
+        icon: "ph--x--regular",
         mainAreaDisposition: "menu",
         disabled: personal
       }
@@ -617,8 +626,7 @@ var constructSpaceActions = ({ space, dispatch, personal, migrating }) => {
             ns: import_chunk_6CNYF6YU.SPACE_PLUGIN
           }
         ],
-        icon: (props) => /* @__PURE__ */ import_react13.default.createElement(import_react12.ClockCounterClockwise, props),
-        iconSymbol: "ph--clock-counter-clockwise--regular",
+        icon: "ph--clock-counter-clockwise--regular",
         disposition: "toolbar",
         mainAreaDisposition: "in-flow"
       }
@@ -635,7 +643,7 @@ var createObjectNode = ({ object, space, resolve }) => {
   if (Object.keys(metadata).length === 0) {
     return void 0;
   }
-  const partials = object instanceof import_chunk_CVZPI2P3.CollectionType ? getCollectionGraphNodePartials({
+  const partials = object instanceof import_chunk_K7CSJ7HL.CollectionType ? getCollectionGraphNodePartials({
     collection: object,
     space,
     resolve
@@ -652,8 +660,7 @@ var createObjectNode = ({ object, space, resolve }) => {
           ns: import_chunk_6CNYF6YU.SPACE_PLUGIN
         }
       ],
-      icon: metadata.icon ?? (() => /* @__PURE__ */ import_react13.default.createElement(import_react12.Placeholder, null)),
-      iconSymbol: metadata.iconSymbol ?? "ph--placeholder--regular",
+      icon: metadata.icon ?? "ph--placeholder--regular",
       testId: "spacePlugin.object",
       persistenceClass: "echo",
       persistenceKey: space?.id
@@ -661,7 +668,7 @@ var createObjectNode = ({ object, space, resolve }) => {
   };
 };
 var constructObjectActionGroups = ({ object, dispatch }) => {
-  if (!(object instanceof import_chunk_CVZPI2P3.CollectionType)) {
+  if (!(object instanceof import_chunk_K7CSJ7HL.CollectionType)) {
     return [];
   }
   const collection = object;
@@ -678,8 +685,7 @@ var constructObjectActionGroups = ({ object, dispatch }) => {
             ns: import_chunk_6CNYF6YU.SPACE_PLUGIN
           }
         ],
-        icon: (props) => /* @__PURE__ */ import_react13.default.createElement(import_react12.Plus, props),
-        iconSymbol: "ph--plus--regular",
+        icon: "ph--plus--regular",
         disposition: "toolbar",
         // TODO(wittjosiah): This is currently a navtree feature. Address this with cmd+k integration.
         // mainAreaDisposition: 'in-flow',
@@ -696,7 +702,7 @@ var constructObjectActionGroups = ({ object, dispatch }) => {
               action: import_chunk_6CNYF6YU.SpaceAction.ADD_OBJECT,
               data: {
                 target: collection,
-                object: (0, import_echo_schema2.create)(import_chunk_CVZPI2P3.CollectionType, {
+                object: (0, import_echo_schema2.create)(import_chunk_K7CSJ7HL.CollectionType, {
                   objects: [],
                   views: {}
                 })
@@ -713,8 +719,7 @@ var constructObjectActionGroups = ({ object, dispatch }) => {
                 ns: import_chunk_6CNYF6YU.SPACE_PLUGIN
               }
             ],
-            icon: (props) => /* @__PURE__ */ import_react13.default.createElement(import_react12.CardsThree, props),
-            iconSymbol: "ph--cards-three--regular",
+            icon: "ph--cards-three--regular",
             testId: "spacePlugin.createCollection"
           }
         }
@@ -741,13 +746,12 @@ var constructObjectActions = ({ node, dispatch }) => {
       },
       properties: {
         label: [
-          object instanceof import_chunk_CVZPI2P3.CollectionType ? "rename collection label" : "rename object label",
+          object instanceof import_chunk_K7CSJ7HL.CollectionType ? "rename collection label" : "rename object label",
           {
             ns: import_chunk_6CNYF6YU.SPACE_PLUGIN
           }
         ],
-        icon: (props) => /* @__PURE__ */ import_react13.default.createElement(import_react12.PencilSimpleLine, props),
-        iconSymbol: "ph--pencil-simple-line--regular",
+        icon: "ph--pencil-simple-line--regular",
         // TODO(wittjosiah): Doesn't work.
         // keyBinding: 'shift+F6',
         testId: "spacePlugin.renameObject"
@@ -760,7 +764,7 @@ var constructObjectActions = ({ node, dispatch }) => {
         const graph = (0, import_plugin_graph2.getGraph)(node);
         const collection = graph.nodes(node, {
           relation: "inbound"
-        }).find(({ data }) => data instanceof import_chunk_CVZPI2P3.CollectionType)?.data;
+        }).find(({ data }) => data instanceof import_chunk_K7CSJ7HL.CollectionType)?.data;
         await dispatch([
           {
             action: import_chunk_6CNYF6YU.SpaceAction.REMOVE_OBJECT,
@@ -773,14 +777,13 @@ var constructObjectActions = ({ node, dispatch }) => {
       },
       properties: {
         label: [
-          object instanceof import_chunk_CVZPI2P3.CollectionType ? "delete collection label" : "delete object label",
+          object instanceof import_chunk_K7CSJ7HL.CollectionType ? "delete collection label" : "delete object label",
           {
             ns: import_chunk_6CNYF6YU.SPACE_PLUGIN
           }
         ],
-        icon: (props) => /* @__PURE__ */ import_react13.default.createElement(import_react12.Trash, props),
-        iconSymbol: "ph--trash--regular",
-        keyBinding: object instanceof import_chunk_CVZPI2P3.CollectionType ? void 0 : "shift+meta+Backspace",
+        icon: "ph--trash--regular",
+        keyBinding: object instanceof import_chunk_K7CSJ7HL.CollectionType ? void 0 : "shift+meta+Backspace",
         testId: "spacePlugin.deleteObject"
       }
     },
@@ -798,8 +801,7 @@ var constructObjectActions = ({ node, dispatch }) => {
             ns: import_chunk_6CNYF6YU.SPACE_PLUGIN
           }
         ],
-        icon: (props) => /* @__PURE__ */ import_react13.default.createElement(import_react12.Link, props),
-        iconSymbol: "ph--link--regular",
+        icon: "ph--link--regular",
         testId: "spacePlugin.copyLink"
       }
     }
@@ -840,7 +842,7 @@ var cloneObject = async (object, resolve) => {
   const serializer = metadata.serializer;
   (0, import_invariant.invariant)(serializer, `No serializer for type: ${typename}`, {
     F: __dxlog_file,
-    L: 639,
+    L: 604,
     S: void 0,
     A: [
       "serializer",
@@ -862,22 +864,22 @@ var MenuFooter = ({ object }) => {
   const spaceName = space ? getSpaceDisplayName(space, {
     personal: client.spaces.default === space
   }) : "";
-  return space ? /* @__PURE__ */ import_react11.default.createElement(import_react11.default.Fragment, null, /* @__PURE__ */ import_react11.default.createElement(import_react_ui7.DropdownMenu.Separator, null), /* @__PURE__ */ import_react11.default.createElement(import_react_ui7.DropdownMenu.GroupLabel, null, t("menu footer label")), /* @__PURE__ */ import_react11.default.createElement("dl", {
+  return space ? /* @__PURE__ */ import_react10.default.createElement(import_react10.default.Fragment, null, /* @__PURE__ */ import_react10.default.createElement(import_react_ui7.DropdownMenu.Separator, null), /* @__PURE__ */ import_react10.default.createElement(import_react_ui7.DropdownMenu.GroupLabel, null, t("menu footer label")), /* @__PURE__ */ import_react10.default.createElement("dl", {
     className: "pis-2 mbe-2 text-xs grid grid-cols-[max-content_1fr] gap-2"
-  }, /* @__PURE__ */ import_react11.default.createElement("dt", {
+  }, /* @__PURE__ */ import_react10.default.createElement("dt", {
     className: "uppercase text-[.75em] tracking-wide font-medium mbs-px self-start"
-  }, t("location label")), /* @__PURE__ */ import_react11.default.createElement("dd", {
+  }, t("location label")), /* @__PURE__ */ import_react10.default.createElement("dd", {
     className: "line-clamp-3"
-  }, /* @__PURE__ */ import_react11.default.createElement(import_react10.Planet, {
+  }, /* @__PURE__ */ import_react10.default.createElement(import_react9.Planet, {
     className: "inline-block mie-1"
   }), (0, import_react_ui7.toLocalizedString)(spaceName, t)))) : null;
 };
 var WAIT_FOR_OBJECT_TIMEOUT2 = 1e3;
 var MissingObject = ({ id }) => {
   const { t } = (0, import_react_ui8.useTranslation)(import_chunk_6CNYF6YU.SPACE_PLUGIN);
-  const [waiting, setWaiting] = (0, import_react14.useState)(false);
+  const [waiting, setWaiting] = (0, import_react11.useState)(false);
   const intentPlugin = (0, import_app_framework4.useResolvePlugin)(import_app_framework4.parseIntentPlugin);
-  (0, import_react14.useEffect)(() => {
+  (0, import_react11.useEffect)(() => {
     if (!intentPlugin) {
       return;
     }
@@ -896,13 +898,13 @@ var MissingObject = ({ id }) => {
     intentPlugin,
     id
   ]);
-  return /* @__PURE__ */ import_react14.default.createElement("div", {
+  return /* @__PURE__ */ import_react11.default.createElement("div", {
     role: "none",
     className: (0, import_react_ui_theme5.mx)(import_react_ui_theme5.baseSurface, "min-bs-screen is-full flex items-center justify-center p-8")
-  }, waiting ? /* @__PURE__ */ import_react14.default.createElement("p", {
+  }, waiting ? /* @__PURE__ */ import_react11.default.createElement("p", {
     role: "alert",
     className: (0, import_react_ui_theme5.mx)(import_react_ui_theme5.descriptionText, "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__ */ import_react14.default.createElement(import_react_ui8.Status, {
+  }, t("missing object message")) : /* @__PURE__ */ import_react11.default.createElement(import_react_ui8.Status, {
     indeterminate: true,
     "aria-label": "Initializing"
   }));
@@ -915,11 +917,11 @@ var Status2;
 })(Status2 || (Status2 = {}));
 var PersistenceStatus = ({ db }) => {
   const { t } = (0, import_react_ui9.useTranslation)(import_chunk_6CNYF6YU.SPACE_PLUGIN);
-  const [displayMessage, setDisplayMessage] = (0, import_react16.useState)(false);
-  const [status, naturalSetStatus] = (0, import_react16.useState)(0);
-  const [prevStatus, setPrevStatus] = (0, import_react16.useState)(0);
+  const [displayMessage, setDisplayMessage] = (0, import_react13.useState)(false);
+  const [status, naturalSetStatus] = (0, import_react13.useState)(0);
+  const [prevStatus, setPrevStatus] = (0, import_react13.useState)(0);
   const _setStatus = (0, import_async2.debounce)(naturalSetStatus, 500);
-  (0, import_react16.useEffect)(() => {
+  (0, import_react13.useEffect)(() => {
     setPrevStatus(status);
     if (prevStatus !== status && status === 0) {
       setDisplayMessage(true);
@@ -931,44 +933,44 @@ var PersistenceStatus = ({ db }) => {
   ]);
   switch (status) {
     case 2:
-      return /* @__PURE__ */ import_react16.default.createElement("div", {
+      return /* @__PURE__ */ import_react13.default.createElement("div", {
         className: "flex items-center"
-      }, /* @__PURE__ */ import_react16.default.createElement(import_react15.Warning, {
+      }, /* @__PURE__ */ import_react13.default.createElement(import_react12.Warning, {
         className: (0, import_react_ui_theme6.mx)((0, import_react_ui_theme6.getSize)(4), "me-1")
-      }), /* @__PURE__ */ import_react16.default.createElement("span", {
+      }), /* @__PURE__ */ import_react13.default.createElement("span", {
         className: (0, import_react_ui_theme6.mx)("text-sm", import_react_ui_theme6.warningText)
       }, t("persistence error label")));
     case 1:
-      return /* @__PURE__ */ import_react16.default.createElement("div", {
+      return /* @__PURE__ */ import_react13.default.createElement("div", {
         className: "flex items-center"
-      }, /* @__PURE__ */ import_react16.default.createElement(import_react15.ArrowsCounterClockwise, {
+      }, /* @__PURE__ */ import_react13.default.createElement(import_react12.ArrowsCounterClockwise, {
         className: (0, import_react_ui_theme6.mx)((0, import_react_ui_theme6.getSize)(4), "me-1")
-      }), /* @__PURE__ */ import_react16.default.createElement("span", {
+      }), /* @__PURE__ */ import_react13.default.createElement("span", {
         className: (0, import_react_ui_theme6.mx)("text-sm", import_react_ui_theme6.staticPlaceholderText)
       }, t("persistence pending label")));
     case 0:
     default:
-      return /* @__PURE__ */ import_react16.default.createElement(import_react_ui9.Tooltip.Root, {
+      return /* @__PURE__ */ import_react13.default.createElement(import_react_ui9.Tooltip.Root, {
         delayDuration: 400
-      }, /* @__PURE__ */ import_react16.default.createElement(import_react_ui9.Tooltip.Trigger, {
+      }, /* @__PURE__ */ import_react13.default.createElement(import_react_ui9.Tooltip.Trigger, {
         role: "status",
         className: "flex items-center"
-      }, /* @__PURE__ */ import_react16.default.createElement(import_react15.CheckCircle, {
+      }, /* @__PURE__ */ import_react13.default.createElement(import_react12.CheckCircle, {
         className: (0, import_react_ui_theme6.mx)((0, import_react_ui_theme6.getSize)(4), "me-1")
-      }), displayMessage && /* @__PURE__ */ import_react16.default.createElement("span", {
+      }), displayMessage && /* @__PURE__ */ import_react13.default.createElement("span", {
         className: (0, import_react_ui_theme6.mx)("text-sm", import_react_ui_theme6.staticPlaceholderText)
-      }, t("persisted locally label"))), /* @__PURE__ */ import_react16.default.createElement(import_react_ui9.Tooltip.Portal, null, /* @__PURE__ */ import_react16.default.createElement(import_react_ui9.Tooltip.Content, {
+      }, t("persisted locally label"))), /* @__PURE__ */ import_react13.default.createElement(import_react_ui9.Tooltip.Portal, null, /* @__PURE__ */ import_react13.default.createElement(import_react_ui9.Tooltip.Content, {
         classNames: "z-10"
-      }, t("persisted locally message"), /* @__PURE__ */ import_react16.default.createElement(import_react_ui9.Tooltip.Arrow, null))));
+      }, t("persisted locally message"), /* @__PURE__ */ import_react13.default.createElement(import_react_ui9.Tooltip.Arrow, null))));
   }
 };
 var __dxlog_file2 = "/home/runner/work/dxos/dxos/packages/plugins/plugin-space/src/components/PopoverRenameObject.tsx";
 var PopoverRenameObject = ({ object: obj }) => {
   const { t } = (0, import_react_ui10.useTranslation)(import_chunk_6CNYF6YU.SPACE_PLUGIN);
-  const doneButton = (0, import_react17.useRef)(null);
+  const doneButton = (0, import_react14.useRef)(null);
   const object = obj;
-  const [name, setName] = (0, import_react17.useState)(object.name || object.title || "");
-  const handleDone = (0, import_react17.useCallback)(() => {
+  const [name, setName] = (0, import_react14.useState)(object.name || object.title || "");
+  const handleDone = (0, import_react14.useCallback)(() => {
     try {
       object.name = name;
     } catch {
@@ -989,23 +991,23 @@ var PopoverRenameObject = ({ object: obj }) => {
     object,
     name
   ]);
-  return /* @__PURE__ */ import_react17.default.createElement("div", {
+  return /* @__PURE__ */ import_react14.default.createElement("div", {
     role: "none",
     className: "p-1 flex gap-2"
-  }, /* @__PURE__ */ import_react17.default.createElement("div", {
+  }, /* @__PURE__ */ import_react14.default.createElement("div", {
     role: "none",
     className: "flex-1"
-  }, /* @__PURE__ */ import_react17.default.createElement(import_react_ui10.Input.Root, null, /* @__PURE__ */ import_react17.default.createElement(import_react_ui10.Input.Label, {
+  }, /* @__PURE__ */ import_react14.default.createElement(import_react_ui10.Input.Root, null, /* @__PURE__ */ import_react14.default.createElement(import_react_ui10.Input.Label, {
     srOnly: true
-  }, t("object name label")), /* @__PURE__ */ import_react17.default.createElement(import_react_ui10.Input.TextInput, {
+  }, t("object name label")), /* @__PURE__ */ import_react14.default.createElement(import_react_ui10.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__ */ import_react17.default.createElement(import_react_ui10.Popover.Close, {
+  }))), /* @__PURE__ */ import_react14.default.createElement(import_react_ui10.Popover.Close, {
     asChild: true
-  }, /* @__PURE__ */ import_react17.default.createElement(import_react_ui10.Button, {
+  }, /* @__PURE__ */ import_react14.default.createElement(import_react_ui10.Button, {
     ref: doneButton,
     classNames: "self-stretch",
     onClick: handleDone
@@ -1015,32 +1017,32 @@ var PopoverRenameObject = ({ object: obj }) => {
 };
 var PopoverRenameSpace = ({ space }) => {
   const { t } = (0, import_react_ui11.useTranslation)(import_chunk_6CNYF6YU.SPACE_PLUGIN);
-  const doneButton = (0, import_react18.useRef)(null);
-  const [name, setName] = (0, import_react18.useState)(space.properties.name ?? "");
-  const handleDone = (0, import_react18.useCallback)(() => {
+  const doneButton = (0, import_react15.useRef)(null);
+  const [name, setName] = (0, import_react15.useState)(space.properties.name ?? "");
+  const handleDone = (0, import_react15.useCallback)(() => {
     space.properties.name = name;
   }, [
     space,
     name
   ]);
-  return /* @__PURE__ */ import_react18.default.createElement("div", {
+  return /* @__PURE__ */ import_react15.default.createElement("div", {
     role: "none",
     className: "p-1 flex gap-2"
-  }, /* @__PURE__ */ import_react18.default.createElement("div", {
+  }, /* @__PURE__ */ import_react15.default.createElement("div", {
     role: "none",
     className: "flex-1"
-  }, /* @__PURE__ */ import_react18.default.createElement(import_react_ui11.Input.Root, null, /* @__PURE__ */ import_react18.default.createElement(import_react_ui11.Input.Label, {
+  }, /* @__PURE__ */ import_react15.default.createElement(import_react_ui11.Input.Root, null, /* @__PURE__ */ import_react15.default.createElement(import_react_ui11.Input.Label, {
     srOnly: true
-  }, t("space name label")), /* @__PURE__ */ import_react18.default.createElement(import_react_ui11.Input.TextInput, {
+  }, t("space name label")), /* @__PURE__ */ import_react15.default.createElement(import_react_ui11.Input.TextInput, {
     defaultValue: space.properties.name ?? "",
     placeholder: t("unnamed space label"),
     onChange: ({ target: { value } }) => setName(value),
     // TODO(wittjosiah): Ideally this should access the popover context to close the popover.
     //   Currently this is not possible because Radix does not expose the popover context.
     onKeyDown: ({ key }) => key === "Enter" && doneButton.current?.click()
-  }))), /* @__PURE__ */ import_react18.default.createElement(import_react_ui11.Popover.Close, {
+  }))), /* @__PURE__ */ import_react15.default.createElement(import_react_ui11.Popover.Close, {
     asChild: true
-  }, /* @__PURE__ */ import_react18.default.createElement(import_react_ui11.Button, {
+  }, /* @__PURE__ */ import_react15.default.createElement(import_react_ui11.Button, {
     ref: doneButton,
     classNames: "self-stretch",
     onClick: handleDone
@@ -1050,7 +1052,7 @@ var PopoverRenameSpace = ({ space }) => {
 };
 var ShareSpaceButton = ({ spaceId }) => {
   const dispatch = (0, import_app_framework5.useIntentDispatcher)();
-  return /* @__PURE__ */ import_react19.default.createElement(ShareSpaceButtonImpl, {
+  return /* @__PURE__ */ import_react16.default.createElement(ShareSpaceButtonImpl, {
     onClick: () => dispatch({
       action: import_chunk_6CNYF6YU.SpaceAction.SHARE,
       data: {
@@ -1061,7 +1063,7 @@ var ShareSpaceButton = ({ spaceId }) => {
 };
 var ShareSpaceButtonImpl = ({ onClick }) => {
   const { t } = (0, import_react_ui12.useTranslation)(import_chunk_6CNYF6YU.SPACE_PLUGIN);
-  return /* @__PURE__ */ import_react19.default.createElement(import_react_ui12.Button, {
+  return /* @__PURE__ */ import_react16.default.createElement(import_react_ui12.Button, {
     "data-testid": "spacePlugin.shareSpaceButton",
     onClick,
     classNames: "mli-1"
@@ -1071,9 +1073,9 @@ var activeActionKeyStorageKey = "dxos:react-shell/space-manager/active-action";
 var Presence = import_echo6.SpaceMember.PresenceState;
 var handleCreateInvitationUrl = (invitationCode) => `${origin}?spaceInvitationCode=${invitationCode}`;
 var SpaceMemberList = ({ members }) => {
-  return members.length > 0 ? /* @__PURE__ */ import_react24.default.createElement(import_react_ui14.List, {
+  return members.length > 0 ? /* @__PURE__ */ import_react21.default.createElement(import_react_ui14.List, {
     classNames: "col-start-2 col-end-5 gap-y-1 grid grid-cols-subgrid items-center"
-  }, members.map((member) => /* @__PURE__ */ import_react24.default.createElement(import_react25.IdentityListItem, {
+  }, members.map((member) => /* @__PURE__ */ import_react21.default.createElement(import_react22.IdentityListItem, {
     classNames: "contents",
     key: member.identity.identityKey.toHex(),
     identity: member.identity,
@@ -1117,8 +1119,8 @@ var SpaceMembersSection = ({ space }) => {
       description: t("invite one description", {
         ns: "os"
       }),
-      icon: import_react23.UserPlus,
-      onClick: (0, import_react24.useCallback)(() => {
+      icon: import_react20.UserPlus,
+      onClick: (0, import_react21.useCallback)(() => {
         space.share?.({
           type: import_invitations2.Invitation.Type.INTERACTIVE,
           authMethod: import_invitations2.Invitation.AuthMethod.SHARED_SECRET
@@ -1134,8 +1136,8 @@ var SpaceMembersSection = ({ space }) => {
       description: t("invite many description", {
         ns: "os"
       }),
-      icon: import_react23.UsersThree,
-      onClick: (0, import_react24.useCallback)(() => {
+      icon: import_react20.UsersThree,
+      onClick: (0, import_react21.useCallback)(() => {
         space.share?.({
           type: import_invitations2.Invitation.Type.INTERACTIVE,
           authMethod: import_invitations2.Invitation.AuthMethod.NONE,
@@ -1146,7 +1148,7 @@ var SpaceMembersSection = ({ space }) => {
       ])
     }
   };
-  const [activeActionKey, setInternalActiveActionKey] = (0, import_react24.useState)(localStorage.getItem(activeActionKeyStorageKey) ?? "inviteOne");
+  const [activeActionKey, setInternalActiveActionKey] = (0, import_react21.useState)(localStorage.getItem(activeActionKeyStorageKey) ?? "inviteOne");
   const setActiveActionKey = (nextKey) => {
     setInternalActiveActionKey(nextKey);
     localStorage.setItem(activeActionKeyStorageKey, nextKey);
@@ -1159,101 +1161,101 @@ var SpaceMembersSection = ({ space }) => {
     [Presence.ONLINE]: [],
     [Presence.OFFLINE]: []
   });
-  return /* @__PURE__ */ import_react24.default.createElement("section", {
+  return /* @__PURE__ */ import_react21.default.createElement("section", {
     className: "mbe-4 col-span-3 grid gap-y-2 grid-cols-subgrid auto-rows-min"
-  }, /* @__PURE__ */ import_react24.default.createElement("h2", {
+  }, /* @__PURE__ */ import_react21.default.createElement("h2", {
     className: "contents"
-  }, /* @__PURE__ */ import_react24.default.createElement(import_react23.UsersThree, {
+  }, /* @__PURE__ */ import_react21.default.createElement(import_react20.UsersThree, {
     weight: "duotone",
     className: (0, import_react_ui_theme8.mx)((0, import_react_ui_theme8.getSize)(5), "place-self-center")
-  }), /* @__PURE__ */ import_react24.default.createElement("span", {
+  }), /* @__PURE__ */ import_react21.default.createElement("span", {
     className: "text-lg col-span-2"
-  }, t("space members label"))), /* @__PURE__ */ import_react24.default.createElement("h3", {
+  }, t("space members label"))), /* @__PURE__ */ import_react21.default.createElement("h3", {
     className: "col-start-2 col-span-3 text-sm italic text-description"
-  }, t("invitations heading")), invitations.length > 0 && /* @__PURE__ */ import_react24.default.createElement(import_react_ui14.List, {
+  }, t("invitations heading")), invitations.length > 0 && /* @__PURE__ */ import_react21.default.createElement(import_react_ui14.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__ */ import_react24.default.createElement(import_react25.InvitationListItem, {
+  }, invitations.map((invitation) => /* @__PURE__ */ import_react21.default.createElement(import_react22.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__ */ import_react24.default.createElement(import_react_ui14.ButtonGroup, {
+  }))), /* @__PURE__ */ import_react21.default.createElement(import_react_ui14.ButtonGroup, {
     classNames: "col-start-2 col-end-4 grid grid-cols-[1fr_var(--rail-action)] place-self-grow gap-px"
-  }, /* @__PURE__ */ import_react24.default.createElement(import_react_ui14.Button, {
+  }, /* @__PURE__ */ import_react21.default.createElement(import_react_ui14.Button, {
     classNames: "gap-2",
     onClick: activeAction.onClick
-  }, /* @__PURE__ */ import_react24.default.createElement(activeAction.icon, {
+  }, /* @__PURE__ */ import_react21.default.createElement(activeAction.icon, {
     className: (0, import_react_ui_theme8.getSize)(5)
-  }), /* @__PURE__ */ import_react24.default.createElement("span", null, t(activeAction.label, {
+  }), /* @__PURE__ */ import_react21.default.createElement("span", null, t(activeAction.label, {
     ns: "os"
-  }))), /* @__PURE__ */ import_react24.default.createElement(import_react_ui14.DropdownMenu.Root, null, /* @__PURE__ */ import_react24.default.createElement(import_react_ui14.DropdownMenu.Trigger, {
+  }))), /* @__PURE__ */ import_react21.default.createElement(import_react_ui14.DropdownMenu.Root, null, /* @__PURE__ */ import_react21.default.createElement(import_react_ui14.DropdownMenu.Trigger, {
     asChild: true
-  }, /* @__PURE__ */ import_react24.default.createElement(import_react_ui14.Button, {
+  }, /* @__PURE__ */ import_react21.default.createElement(import_react_ui14.Button, {
     classNames: "pli-0"
-  }, /* @__PURE__ */ import_react24.default.createElement(import_react23.CaretDown, {
+  }, /* @__PURE__ */ import_react21.default.createElement(import_react20.CaretDown, {
     className: (0, import_react_ui_theme8.getSize)(4)
-  }))), /* @__PURE__ */ import_react24.default.createElement(import_react_ui14.DropdownMenu.Content, null, /* @__PURE__ */ import_react24.default.createElement(import_react_ui14.DropdownMenu.Viewport, null, Object.entries(inviteActions).map(([id, action]) => {
-    return /* @__PURE__ */ import_react24.default.createElement(import_react_ui14.DropdownMenu.CheckboxItem, {
+  }))), /* @__PURE__ */ import_react21.default.createElement(import_react_ui14.DropdownMenu.Content, null, /* @__PURE__ */ import_react21.default.createElement(import_react_ui14.DropdownMenu.Viewport, null, Object.entries(inviteActions).map(([id, action]) => {
+    return /* @__PURE__ */ import_react21.default.createElement(import_react_ui14.DropdownMenu.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__ */ import_react24.default.createElement(action.icon, {
+    }, action.icon && /* @__PURE__ */ import_react21.default.createElement(action.icon, {
       className: (0, import_react_ui_theme8.getSize)(5)
-    }), /* @__PURE__ */ import_react24.default.createElement("div", {
+    }), /* @__PURE__ */ import_react21.default.createElement("div", {
       role: "none",
       className: "flex-1 min-is-0 space-b-1"
-    }, /* @__PURE__ */ import_react24.default.createElement("p", {
+    }, /* @__PURE__ */ import_react21.default.createElement("p", {
       id: `${id}__label`
     }, t(action.label, {
       ns: "os"
-    })), action.description && /* @__PURE__ */ import_react24.default.createElement("p", {
+    })), action.description && /* @__PURE__ */ import_react21.default.createElement("p", {
       id: `${id}__description`,
       className: import_react_ui_theme8.descriptionText
     }, t(action.description, {
       ns: "os"
-    }))), /* @__PURE__ */ import_react24.default.createElement(import_react_ui14.DropdownMenu.ItemIndicator, {
+    }))), /* @__PURE__ */ import_react21.default.createElement(import_react_ui14.DropdownMenu.ItemIndicator, {
       asChild: true
-    }, /* @__PURE__ */ import_react24.default.createElement(import_react23.Check, {
+    }, /* @__PURE__ */ import_react21.default.createElement(import_react20.Check, {
       className: (0, import_react_ui_theme8.getSize)(4)
     })));
-  })), /* @__PURE__ */ import_react24.default.createElement(import_react_ui14.DropdownMenu.Arrow, null)))), members[Presence.ONLINE].length + members[Presence.OFFLINE].length < 1 ? /* @__PURE__ */ import_react24.default.createElement("p", {
+  })), /* @__PURE__ */ import_react21.default.createElement(import_react_ui14.DropdownMenu.Arrow, null)))), members[Presence.ONLINE].length + members[Presence.OFFLINE].length < 1 ? /* @__PURE__ */ import_react21.default.createElement("p", {
     className: (0, import_react_ui_theme8.mx)(import_react_ui_theme8.descriptionText, "text-center is-full mlb-2")
   }, t("empty space members message", {
     ns: "os"
-  })) : /* @__PURE__ */ import_react24.default.createElement(import_react24.default.Fragment, null, /* @__PURE__ */ import_react24.default.createElement("h3", {
+  })) : /* @__PURE__ */ import_react21.default.createElement(import_react21.default.Fragment, null, /* @__PURE__ */ import_react21.default.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__ */ import_react24.default.createElement(SpaceMemberList, {
+  })), /* @__PURE__ */ import_react21.default.createElement(SpaceMemberList, {
     members: members[Presence.ONLINE]
-  }), /* @__PURE__ */ import_react24.default.createElement("h3", {
+  }), /* @__PURE__ */ import_react21.default.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__ */ import_react24.default.createElement(SpaceMemberList, {
+  })), /* @__PURE__ */ import_react21.default.createElement(SpaceMemberList, {
     members: members[Presence.OFFLINE]
   })));
 };
 var KeyShortcuts = () => {
   const { t } = (0, import_react_ui13.useTranslation)(import_chunk_6CNYF6YU.SPACE_PLUGIN);
-  return /* @__PURE__ */ import_react21.default.createElement("section", {
+  return /* @__PURE__ */ import_react18.default.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__ */ import_react21.default.createElement("h2", {
+  }, /* @__PURE__ */ import_react18.default.createElement("h2", {
     className: "contents"
-  }, /* @__PURE__ */ import_react21.default.createElement(import_react20.Command, {
+  }, /* @__PURE__ */ import_react18.default.createElement(import_react17.Command, {
     weight: "duotone",
     className: (0, import_react_ui_theme7.mx)((0, import_react_ui_theme7.getSize)(5), "place-self-center")
-  }), /* @__PURE__ */ import_react21.default.createElement("span", {
+  }), /* @__PURE__ */ import_react18.default.createElement("span", {
     className: "text-lg col-span-2 md:col-span-1"
-  }, t("keyshortcuts label"))), /* @__PURE__ */ import_react21.default.createElement("div", {
+  }, t("keyshortcuts label"))), /* @__PURE__ */ import_react18.default.createElement("div", {
     role: "none",
     className: "col-start-2 col-end-4 md:col-end-5 pie-2"
-  }, /* @__PURE__ */ import_react21.default.createElement(import_app_framework6.Surface, {
+  }, /* @__PURE__ */ import_react18.default.createElement(import_app_framework6.Surface, {
     role: "keyshortcuts"
   })));
 };
@@ -1262,7 +1264,7 @@ var SpaceMain = ({ space, role }) => {
   const state = space.state.get();
   const ready = state === import_echo5.SpaceState.SPACE_READY;
   const Root = role === "main" ? import_react_ui13.Main.Content : "div";
-  return /* @__PURE__ */ import_react21.default.createElement(import_react22.ClipboardProvider, null, /* @__PURE__ */ import_react21.default.createElement(Root, {
+  return /* @__PURE__ */ import_react18.default.createElement(import_react19.ClipboardProvider, null, /* @__PURE__ */ import_react18.default.createElement(Root, {
     ...role === "main" ? {
       classNames: [
         import_react_ui_theme7.topbarBlockPaddingStart,
@@ -1275,9 +1277,9 @@ var SpaceMain = ({ space, role }) => {
     },
     "data-testid": `spacePlugin.${role}`,
     "data-isready": ready ? "true" : "false"
-  }, ready && /* @__PURE__ */ import_react21.default.createElement(SpaceMembersSection, {
+  }, ready && /* @__PURE__ */ import_react18.default.createElement(SpaceMembersSection, {
     space
-  }), /* @__PURE__ */ import_react21.default.createElement(KeyShortcuts, null)));
+  }), /* @__PURE__ */ import_react18.default.createElement(KeyShortcuts, null)));
 };
 var REFRESH_INTERVAL = 5e3;
 var ACTIVITY_DURATION = 3e4;
@@ -1290,13 +1292,13 @@ var SpacePresence = ({ object, spaceKey }) => {
   const identity = (0, import_halo.useIdentity)();
   const space = spaceKey ? client.spaces.get(spaceKey) : (0, import_echo7.getSpace)(object);
   const spaceMembers = (0, import_echo7.useMembers)(space?.key);
-  const [_moment, setMoment] = (0, import_react26.useState)(Date.now());
-  (0, import_react26.useEffect)(() => {
+  const [_moment, setMoment] = (0, import_react23.useState)(Date.now());
+  (0, import_react23.useEffect)(() => {
     const interval = setInterval(() => setMoment(Date.now()), REFRESH_INTERVAL);
     return () => clearInterval(interval);
   }, []);
-  const memberOnline = (0, import_react26.useCallback)((member) => member.presence === 1, []);
-  const memberIsNotSelf = (0, import_react26.useCallback)((member) => !identity?.identityKey.equals(member.identity.identityKey), [
+  const memberOnline = (0, import_react23.useCallback)((member) => member.presence === 1, []);
+  const memberIsNotSelf = (0, import_react23.useCallback)((member) => !identity?.identityKey.equals(member.identity.identityKey), [
     identity?.identityKey
   ]);
   if (!identity || !spacePlugin || !space) {
@@ -1314,50 +1316,50 @@ var SpacePresence = ({ object, spaceKey }) => {
       lastSeen
     };
   }).toSorted((a, b) => a.lastSeen - b.lastSeen);
-  return density === "fine" ? /* @__PURE__ */ import_react26.default.createElement(SmallPresence, {
+  return density === "fine" ? /* @__PURE__ */ import_react23.default.createElement(SmallPresence, {
     count: membersForObject.length
-  }) : /* @__PURE__ */ import_react26.default.createElement(FullPresence, {
+  }) : /* @__PURE__ */ import_react23.default.createElement(FullPresence, {
     members: membersForObject
   });
 };
 var FullPresence = (props) => {
   const { size = 9, onMemberClick } = props;
-  const members = (0, import_react_ui15.useDefaultValue)(props.members, []);
+  const members = (0, import_react_ui15.useDefaultValue)(props.members, () => []);
   if (members.length === 0) {
     return null;
   }
-  return /* @__PURE__ */ import_react26.default.createElement(import_react_ui15.AvatarGroup.Root, {
+  return /* @__PURE__ */ import_react23.default.createElement(import_react_ui15.AvatarGroup.Root, {
     size,
     classNames: "mbs-2 mie-4",
     "data-testid": "spacePlugin.presence"
-  }, members.slice(0, 3).map((member, i) => /* @__PURE__ */ import_react26.default.createElement(import_react_ui15.Tooltip.Root, {
+  }, members.slice(0, 3).map((member, i) => /* @__PURE__ */ import_react23.default.createElement(import_react_ui15.Tooltip.Root, {
     key: member.identity.identityKey.toHex()
-  }, /* @__PURE__ */ import_react26.default.createElement(import_react_ui15.Tooltip.Trigger, null, /* @__PURE__ */ import_react26.default.createElement(PrensenceAvatar, {
+  }, /* @__PURE__ */ import_react23.default.createElement(import_react_ui15.Tooltip.Trigger, null, /* @__PURE__ */ import_react23.default.createElement(PrensenceAvatar, {
     identity: member.identity,
     group: true,
     match: member.currentlyAttended,
     index: members.length - i,
     onClick: () => onMemberClick?.(member)
-  })), /* @__PURE__ */ import_react26.default.createElement(import_react_ui15.Tooltip.Portal, null, /* @__PURE__ */ import_react26.default.createElement(import_react_ui15.Tooltip.Content, {
+  })), /* @__PURE__ */ import_react23.default.createElement(import_react_ui15.Tooltip.Portal, null, /* @__PURE__ */ import_react23.default.createElement(import_react_ui15.Tooltip.Content, {
     side: "bottom"
-  }, /* @__PURE__ */ import_react26.default.createElement("span", null, getName(member.identity)), /* @__PURE__ */ import_react26.default.createElement(import_react_ui15.Tooltip.Arrow, null))))), members.length > 3 && /* @__PURE__ */ import_react26.default.createElement(import_react_ui15.Tooltip.Root, null, /* @__PURE__ */ import_react26.default.createElement(import_react_ui15.Tooltip.Trigger, null, /* @__PURE__ */ import_react26.default.createElement(import_react_ui15.AvatarGroupItem.Root, {
+  }, /* @__PURE__ */ import_react23.default.createElement("span", null, getName(member.identity)), /* @__PURE__ */ import_react23.default.createElement(import_react_ui15.Tooltip.Arrow, null))))), members.length > 3 && /* @__PURE__ */ import_react23.default.createElement(import_react_ui15.Tooltip.Root, null, /* @__PURE__ */ import_react23.default.createElement(import_react_ui15.Tooltip.Trigger, null, /* @__PURE__ */ import_react23.default.createElement(import_react_ui15.AvatarGroupItem.Root, {
     status: "inactive"
-  }, /* @__PURE__ */ import_react26.default.createElement(import_react_ui15.Avatar.Frame, {
+  }, /* @__PURE__ */ import_react23.default.createElement(import_react_ui15.Avatar.Frame, {
     style: {
       zIndex: members.length - 4
     }
-  }, /* @__PURE__ */ import_react26.default.createElement(import_react_ui15.Avatar.Fallback, {
+  }, /* @__PURE__ */ import_react23.default.createElement(import_react_ui15.Avatar.Fallback, {
     text: `+${members.length - 3}`
-  })))), /* @__PURE__ */ import_react26.default.createElement(import_react_ui15.Tooltip.Portal, null, /* @__PURE__ */ import_react26.default.createElement(import_react_ui15.Tooltip.Content, {
+  })))), /* @__PURE__ */ import_react23.default.createElement(import_react_ui15.Tooltip.Portal, null, /* @__PURE__ */ import_react23.default.createElement(import_react_ui15.Tooltip.Content, {
     side: "bottom"
-  }, /* @__PURE__ */ import_react26.default.createElement(import_react_ui15.Tooltip.Arrow, null), /* @__PURE__ */ import_react26.default.createElement(import_react_ui15.List, {
+  }, /* @__PURE__ */ import_react23.default.createElement(import_react_ui15.Tooltip.Arrow, null), /* @__PURE__ */ import_react23.default.createElement(import_react_ui15.List, {
     classNames: "max-h-56 overflow-y-auto"
-  }, members.map((member) => /* @__PURE__ */ import_react26.default.createElement(import_react_ui15.ListItem.Root, {
+  }, members.map((member) => /* @__PURE__ */ import_react23.default.createElement(import_react_ui15.ListItem.Root, {
     key: member.identity.identityKey.toHex(),
     classNames: "flex gap-2 items-center cursor-pointer mbe-2",
     onClick: () => onMemberClick?.(member),
     "data-testid": "identity-list-item"
-  }, /* @__PURE__ */ import_react26.default.createElement(PrensenceAvatar, {
+  }, /* @__PURE__ */ import_react23.default.createElement(PrensenceAvatar, {
     identity: member.identity,
     showName: true,
     match: member.currentlyAttended
@@ -1367,10 +1369,10 @@ var PrensenceAvatar = ({ identity, showName, match, group, index, onClick }) =>
   const Root = group ? import_react_ui15.AvatarGroupItem.Root : import_react_ui15.Avatar.Root;
   const status = match ? "current" : "active";
   const fallbackValue = (0, import_util2.keyToFallback)(identity.identityKey);
-  return /* @__PURE__ */ import_react26.default.createElement(Root, {
+  return /* @__PURE__ */ import_react23.default.createElement(Root, {
     status,
     hue: identity.profile?.data?.hue || fallbackValue.hue
-  }, /* @__PURE__ */ import_react26.default.createElement(import_react_ui15.Avatar.Frame, {
+  }, /* @__PURE__ */ import_react23.default.createElement(import_react_ui15.Avatar.Frame, {
     "data-testid": "spacePlugin.presence.member",
     "data-status": status,
     ...index ? {
@@ -1379,43 +1381,44 @@ var PrensenceAvatar = ({ identity, showName, match, group, index, onClick }) =>
       }
     } : {},
     onClick: () => onClick?.()
-  }, /* @__PURE__ */ import_react26.default.createElement(import_react_ui15.Avatar.Fallback, {
+  }, /* @__PURE__ */ import_react23.default.createElement(import_react_ui15.Avatar.Fallback, {
     text: identity.profile?.data?.emoji || fallbackValue.emoji
-  })), showName && /* @__PURE__ */ import_react26.default.createElement(import_react_ui15.Avatar.Label, {
+  })), showName && /* @__PURE__ */ import_react23.default.createElement(import_react_ui15.Avatar.Label, {
     classNames: "text-sm truncate pli-2"
   }, getName(identity)));
 };
 var SmallPresenceLive = ({ viewers }) => {
-  const [moment, setMoment] = (0, import_react26.useState)(Date.now());
-  (0, import_react26.useEffect)(() => {
+  const [moment, setMoment] = (0, import_react23.useState)(Date.now());
+  (0, import_react23.useEffect)(() => {
     const interval = setInterval(() => setMoment(Date.now()), REFRESH_INTERVAL);
     return () => clearInterval(interval);
   }, []);
   const activeViewers = viewers ? Array.from(viewers.values()).filter(({ lastSeen }) => moment - lastSeen < ACTIVITY_DURATION) : [];
-  return /* @__PURE__ */ import_react26.default.createElement(SmallPresence, {
+  return /* @__PURE__ */ import_react23.default.createElement(SmallPresence, {
     count: activeViewers.length
   });
 };
 var SmallPresence = ({ count }) => {
   const { t } = (0, import_react_ui15.useTranslation)(import_chunk_6CNYF6YU.SPACE_PLUGIN);
-  return /* @__PURE__ */ import_react26.default.createElement(import_react_ui15.Tooltip.Root, null, /* @__PURE__ */ import_react26.default.createElement(import_react_ui15.Tooltip.Trigger, {
+  return /* @__PURE__ */ import_react23.default.createElement(import_react_ui15.Tooltip.Root, null, /* @__PURE__ */ import_react23.default.createElement(import_react_ui15.Tooltip.Trigger, {
     asChild: true
-  }, /* @__PURE__ */ import_react26.default.createElement(import_react_ui_attention.AttentionGlyph, {
+  }, /* @__PURE__ */ import_react23.default.createElement(import_react_ui_attention.AttentionGlyph, {
     presence: count > 1 ? "many" : count === 1 ? "one" : "none",
     classNames: "self-center mie-1"
-  })), /* @__PURE__ */ import_react26.default.createElement(import_react_ui15.Tooltip.Portal, null, /* @__PURE__ */ import_react26.default.createElement(import_react_ui15.Tooltip.Content, {
+  })), /* @__PURE__ */ import_react23.default.createElement(import_react_ui15.Tooltip.Portal, null, /* @__PURE__ */ import_react23.default.createElement(import_react_ui15.Tooltip.Content, {
     side: "bottom",
     classNames: "z-[70]"
-  }, /* @__PURE__ */ import_react26.default.createElement("span", null, t("presence label", {
+  }, /* @__PURE__ */ import_react23.default.createElement("span", null, t("presence label", {
     count
-  })), /* @__PURE__ */ import_react26.default.createElement(import_react_ui15.Tooltip.Arrow, null))));
+  })), /* @__PURE__ */ import_react23.default.createElement(import_react_ui15.Tooltip.Arrow, null))));
 };
 var SpaceSettings = ({ settings }) => {
   const { t } = (0, import_react_ui16.useTranslation)(import_chunk_6CNYF6YU.SPACE_PLUGIN);
   const dispatch = (0, import_app_framework9.useIntentDispatcher)();
-  return /* @__PURE__ */ import_react27.default.createElement(import_react27.default.Fragment, null, /* @__PURE__ */ import_react27.default.createElement(import_plugin_settings.SettingsValue, {
+  const plugins = (0, import_app_framework9.useResolvePlugins)(import_chunk_K7CSJ7HL.parseSpaceInitPlugin);
+  return /* @__PURE__ */ import_react24.default.createElement(import_react24.default.Fragment, null, /* @__PURE__ */ import_react24.default.createElement(import_plugin_settings.SettingsValue, {
     label: t("show hidden spaces label")
-  }, /* @__PURE__ */ import_react27.default.createElement(import_react_ui16.Input.Switch, {
+  }, /* @__PURE__ */ import_react24.default.createElement(import_react_ui16.Input.Switch, {
     checked: settings.showHidden,
     onCheckedChange: (checked) => dispatch({
       plugin: import_chunk_6CNYF6YU.SPACE_PLUGIN,
@@ -1424,7 +1427,285 @@ var SpaceSettings = ({ settings }) => {
         state: !!checked
       }
     })
-  })));
+  })), /* @__PURE__ */ import_react24.default.createElement(import_plugin_settings.SettingsValue, {
+    label: t("default on space create label")
+  }, /* @__PURE__ */ import_react24.default.createElement(import_react_ui16.Select.Root, {
+    value: settings.onSpaceCreate,
+    onValueChange: (value) => {
+      settings.onSpaceCreate = value;
+    }
+  }, /* @__PURE__ */ import_react24.default.createElement(import_react_ui16.Select.TriggerButton, null), /* @__PURE__ */ import_react24.default.createElement(import_react_ui16.Select.Portal, null, /* @__PURE__ */ import_react24.default.createElement(import_react_ui16.Select.Content, null, /* @__PURE__ */ import_react24.default.createElement(import_react_ui16.Select.Viewport, null, plugins.map(({ provides: { space: { onSpaceCreate } } }) => /* @__PURE__ */ import_react24.default.createElement(import_react_ui16.Select.Option, {
+    key: onSpaceCreate.action,
+    value: onSpaceCreate.action
+  }, (0, import_react_ui16.toLocalizedString)(onSpaceCreate.label, t)))))))));
+};
+var __dxlog_file3 = "/home/runner/work/dxos/dxos/packages/plugins/plugin-space/src/components/SaveStatus.tsx";
+var SaveStatus = () => {
+  const { t } = (0, import_react_ui17.useTranslation)(import_chunk_6CNYF6YU.SPACE_PLUGIN);
+  const client = (0, import_react_client5.useClient)();
+  const [state, setState] = (0, import_react25.useState)("saved");
+  (0, import_react25.useEffect)(() => {
+    return createClientSaveTracker(client, (state2) => {
+      setState(state2);
+    });
+  }, []);
+  return /* @__PURE__ */ import_react25.default.createElement(import_plugin_status_bar.StatusBar.Item, {
+    title: state === "saving" ? t("saving label") : t("saved label")
+  }, /* @__PURE__ */ import_react25.default.createElement(import_react_ui17.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 import_context.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();
+  };
+};
+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(`${import_protocols.EdgeService.AUTOMERGE_REPLICATOR}:${spaceId}`);
+var useSyncState = () => {
+  const client = (0, import_react_client6.useClient)();
+  const [spaceState, setSpaceState] = (0, import_react27.useState)({});
+  (0, import_react27.useEffect)(() => {
+    const ctx = new import_context2.Context(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;
+};
+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__ */ import_react26.default.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] = (0, import_react26.useState)();
+  (0, import_react26.useEffect)(() => {
+    setClassNames(void 0);
+    if (!needsToUpload && !needsToDownload) {
+      return;
+    }
+    const t = setTimeout(() => {
+      setClassNames("text-orange-500");
+    }, SYNC_STALLED_TIMEOUT);
+    return () => clearTimeout(t);
+  }, [
+    needsToUpload,
+    needsToDownload
+  ]);
+  return /* @__PURE__ */ import_react26.default.createElement(import_plugin_status_bar2.StatusBar.Item, null, /* @__PURE__ */ import_react26.default.createElement(import_react_ui18.Popover.Root, null, /* @__PURE__ */ import_react26.default.createElement(import_react_ui18.Popover.Trigger, null, /* @__PURE__ */ import_react26.default.createElement(import_react_ui18.Icon, {
+    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__ */ import_react26.default.createElement(import_react_ui18.Popover.Content, null, /* @__PURE__ */ import_react26.default.createElement(SyncStatusDetail, {
+    state,
+    summary,
+    debug: false
+  }))));
+};
+var SyncStatusDetail = ({ classNames, state, summary, debug }) => {
+  const { t } = (0, import_react_ui18.useTranslation)(import_chunk_6CNYF6YU.SPACE_PLUGIN);
+  const entries = Object.entries(state).sort(([a], [b]) => a < b ? -1 : a > b ? 1 : 0);
+  return /* @__PURE__ */ import_react26.default.createElement("div", {
+    className: (0, import_react_ui_theme9.mx)("flex flex-col text-xs min-w-[16rem]", classNames)
+  }, /* @__PURE__ */ import_react26.default.createElement("h1", {
+    className: "p-2"
+  }, t("sync status title")), /* @__PURE__ */ import_react26.default.createElement("div", {
+    className: "flex flex-col gap-[2px] my-[2px]"
+  }, entries.map(([spaceId, state2]) => /* @__PURE__ */ import_react26.default.createElement(SpaceRow, {
+    key: spaceId,
+    spaceId,
+    state: state2
+  }))), debug && /* @__PURE__ */ import_react26.default.createElement(import_react_ui_syntax_highlighter.SyntaxHighlighter, {
+    language: "json"
+  }, JSON.stringify(summary, null, 2)));
+};
+var useActive = (count) => {
+  const [current, setCurrent] = (0, import_react26.useState)(count);
+  const [active, setActive] = (0, import_react26.useState)(false);
+  (0, import_react26.useEffect)(() => {
+    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__ */ import_react26.default.createElement("div", {
+    className: (0, import_react_ui_theme9.mx)("flex items-center mx-[2px] gap-[2px] cursor-pointer", styles.barHover),
+    title: spaceId,
+    onClick: () => {
+      void navigator.clipboard.writeText(spaceId);
+    }
+  }, /* @__PURE__ */ import_react26.default.createElement(import_react_ui18.Icon, {
+    icon: "ph--arrow-fat-line-left--regular",
+    size: 3,
+    classNames: (0, import_react_ui_theme9.mx)(downActive && "animate-[pulse_1s_infinite]")
+  }), /* @__PURE__ */ import_react26.default.createElement(Candle, {
+    up: {
+      count: remoteDocumentCount,
+      total: remoteDocumentCount + missingOnRemote
+    },
+    down: {
+      count: localDocumentCount,
+      total: localDocumentCount + missingOnLocal
+    },
+    title: spaceId
+  }), /* @__PURE__ */ import_react26.default.createElement(import_react_ui18.Icon, {
+    icon: "ph--arrow-fat-line-right--regular",
+    size: 3,
+    classNames: (0, import_react_ui_theme9.mx)(upActive && "animate-[pulse_1s_step-start_infinite]")
+  }));
+};
+var Candle = ({ classNames, up, down }) => {
+  return /* @__PURE__ */ import_react26.default.createElement("div", {
+    className: (0, import_react_ui_theme9.mx)("grid grid-cols-[1fr_2rem_1fr] w-full h-3", classNames)
+  }, /* @__PURE__ */ import_react26.default.createElement(Bar, {
+    classNames: "justify-end",
+    ...up
+  }), /* @__PURE__ */ import_react26.default.createElement("div", {
+    className: "relative"
+  }, /* @__PURE__ */ import_react26.default.createElement("div", {
+    className: (0, import_react_ui_theme9.mx)("absolute inset-0 flex items-center justify-center text-xs", styles.barBg)
+  }, up.total)), /* @__PURE__ */ import_react26.default.createElement(Bar, down));
+};
+var Bar = ({ classNames, count, total }) => {
+  let p = count / total * 100;
+  if (count < total) {
+    p = Math.min(p, 95);
+  }
+  return /* @__PURE__ */ import_react26.default.createElement("div", {
+    className: (0, import_react_ui_theme9.mx)("relative flex w-full", styles.barBg, classNames)
+  }, /* @__PURE__ */ import_react26.default.createElement("div", {
+    className: (0, import_react_ui_theme9.mx)("shrink-0", styles.barFg),
+    style: {
+      width: `${p}%`
+    }
+  }), count !== total && /* @__PURE__ */ import_react26.default.createElement("div", {
+    className: "absolute top-0 bottom-0 flex items-center mx-0.5 text-black text-xs"
+  }, count));
 };
 var translations_default = [
   {
@@ -1504,19 +1785,23 @@ 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"
+        "copy link label": "Copy link",
+        "default on space create label": "On space create",
+        "sync status title": "Sync status"
       }
     }
   }
 ];
-var __dxlog_file3 = "/home/runner/work/dxos/dxos/packages/plugins/plugin-space/src/SpacePlugin.tsx";
+var __dxlog_file5 = "/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 import_local_storage.LocalStorageStore(import_chunk_6CNYF6YU.SPACE_PLUGIN);
+  const settings = new import_local_storage.LocalStorageStore(import_chunk_6CNYF6YU.SPACE_PLUGIN, {
+    onSpaceCreate: "dxos.org/plugin/markdown/action/create"
+  });
   const state = new import_local_storage.LocalStorageStore(import_chunk_6CNYF6YU.SPACE_PLUGIN, {
     awaiting: void 0,
     spaceNames: {},
@@ -1596,8 +1881,8 @@ var SpacePlugin = ({ firstRun, onFirstRun } = {}) => {
               import_log.log.warn("Failed to broadcast active node for presence.", {
                 err: err.message
               }, {
-                F: __dxlog_file3,
-                L: 222,
+                F: __dxlog_file5,
+                L: 225,
                 S: void 0,
                 C: (f, a) => f(...a)
               });
@@ -1668,7 +1953,7 @@ var SpacePlugin = ({ firstRun, onFirstRun } = {}) => {
       const dispatch = intentPlugin.provides.intent.dispatch;
       const handleFirstRun = async () => {
         const defaultSpace = client.spaces.default;
-        defaultSpace.properties[import_chunk_CVZPI2P3.CollectionType.typename] = (0, import_echo.create)(import_chunk_CVZPI2P3.CollectionType, {
+        defaultSpace.properties[import_chunk_K7CSJ7HL.CollectionType.typename] = (0, import_echo.create)(import_chunk_K7CSJ7HL.CollectionType, {
           objects: [],
           views: {}
         });
@@ -1704,22 +1989,21 @@ var SpacePlugin = ({ firstRun, onFirstRun } = {}) => {
       settings: settings.values,
       translations: [
         ...translations_default,
-        import_react3.osTranslations
+        import_react2.osTranslations
       ],
-      root: () => state.values.awaiting ? /* @__PURE__ */ import_react2.default.createElement(AwaitingObject, {
+      root: () => state.values.awaiting ? /* @__PURE__ */ import_react.default.createElement(AwaitingObject, {
         id: state.values.awaiting
       }) : null,
       metadata: {
         records: {
-          [import_chunk_CVZPI2P3.CollectionType.typename]: {
+          [import_chunk_K7CSJ7HL.CollectionType.typename]: {
             placeholder: [
               "unnamed collection label",
               {
                 ns: import_chunk_6CNYF6YU.SPACE_PLUGIN
               }
             ],
-            icon: (props) => /* @__PURE__ */ import_react2.default.createElement(import_react.CardsThree, props),
-            iconSymbol: "ph--cards-three--regular",
+            icon: "ph--cards-three--regular",
             // TODO(wittjosiah): Move out of metadata.
             loadReferences: (collection) => (0, import_echo.loadObjectReferences)(collection, (collection2) => [
               ...collection2.objects,
@@ -1730,7 +2014,7 @@ var SpacePlugin = ({ firstRun, onFirstRun } = {}) => {
       },
       echo: {
         schema: [
-          import_chunk_CVZPI2P3.CollectionType
+          import_chunk_K7CSJ7HL.CollectionType
         ]
       },
       surface: {
@@ -1739,33 +2023,34 @@ var SpacePlugin = ({ firstRun, onFirstRun } = {}) => {
           switch (role) {
             case "article":
             case "main":
-              return (0, import_echo.isSpace)(primary) && primary.state.get() === import_echo.SpaceState.SPACE_READY ? /* @__PURE__ */ import_react2.default.createElement(import_app_framework.Surface, {
+              return (0, import_echo.isSpace)(primary) && primary.state.get() === import_echo.SpaceState.SPACE_READY ? /* @__PURE__ */ import_react.default.createElement(import_app_framework.Surface, {
                 data: {
-                  active: primary.properties[import_chunk_CVZPI2P3.CollectionType.typename]
+                  active: primary.properties[import_chunk_K7CSJ7HL.CollectionType.typename],
+                  id: primary.id
                 },
                 role,
                 ...rest
-              }) : primary instanceof import_chunk_CVZPI2P3.CollectionType ? {
-                node: /* @__PURE__ */ import_react2.default.createElement(CollectionMain, {
+              }) : primary instanceof import_chunk_K7CSJ7HL.CollectionType ? {
+                node: /* @__PURE__ */ import_react.default.createElement(CollectionMain, {
                   collection: primary
                 }),
                 disposition: "fallback"
-              } : typeof primary === "string" && primary.length === OBJECT_ID_LENGTH ? /* @__PURE__ */ import_react2.default.createElement(MissingObject, {
+              } : typeof primary === "string" && primary.length === OBJECT_ID_LENGTH ? /* @__PURE__ */ import_react.default.createElement(MissingObject, {
                 id: primary
               }) : null;
             // TODO(burdon): Add role name syntax to minimal plugin docs.
             case "tree--empty":
               switch (true) {
                 case data.plugin === import_chunk_6CNYF6YU.SPACE_PLUGIN:
-                  return /* @__PURE__ */ import_react2.default.createElement(EmptyTree, null);
+                  return /* @__PURE__ */ import_react.default.createElement(EmptyTree, null);
                 case ((0, import_plugin_graph.isGraphNode)(data.activeNode) && (0, import_echo.isSpace)(data.activeNode.data)):
-                  return /* @__PURE__ */ import_react2.default.createElement(EmptySpace, null);
+                  return /* @__PURE__ */ import_react.default.createElement(EmptySpace, null);
                 default:
                   return null;
               }
             case "dialog":
               if (data.component === "dxos.org/plugin/space/InvitationManagerDialog") {
-                return /* @__PURE__ */ import_react2.default.createElement(import_react_ui.Dialog.Content, null, /* @__PURE__ */ import_react2.default.createElement(import_react3.ClipboardProvider, null, /* @__PURE__ */ import_react2.default.createElement(import_react3.InvitationManager, {
+                return /* @__PURE__ */ import_react.default.createElement(import_react_ui.Dialog.Content, null, /* @__PURE__ */ import_react.default.createElement(import_react2.ClipboardProvider, null, /* @__PURE__ */ import_react.default.createElement(import_react2.InvitationManager, {
                   active: true,
                   ...data.subject
                 })));
@@ -1774,20 +2059,20 @@ var SpacePlugin = ({ firstRun, onFirstRun } = {}) => {
               }
             case "popover":
               if (data.component === "dxos.org/plugin/space/RenameSpacePopover" && (0, import_echo.isSpace)(data.subject)) {
-                return /* @__PURE__ */ import_react2.default.createElement(PopoverRenameSpace, {
+                return /* @__PURE__ */ import_react.default.createElement(PopoverRenameSpace, {
                   space: data.subject
                 });
               }
               if (data.component === "dxos.org/plugin/space/RenameObjectPopover" && (0, import_echo_schema.isReactiveObject)(data.subject)) {
-                return /* @__PURE__ */ import_react2.default.createElement(PopoverRenameObject, {
+                return /* @__PURE__ */ import_react.default.createElement(PopoverRenameObject, {
                   object: data.subject
                 });
               }
               return null;
             case "presence--glyph": {
-              return (0, import_echo_schema.isReactiveObject)(data.object) ? /* @__PURE__ */ import_react2.default.createElement(SmallPresenceLive, {
+              return (0, import_echo_schema.isReactiveObject)(data.object) ? /* @__PURE__ */ import_react.default.createElement(SmallPresenceLive, {
                 viewers: state.values.viewersByObject[(0, import_echo.fullyQualifiedId)(data.object)]
-              }) : /* @__PURE__ */ import_react2.default.createElement(SmallPresence, {
+              }) : /* @__PURE__ */ import_react.default.createElement(SmallPresence, {
                 count: 0
               });
             }
@@ -1799,32 +2084,35 @@ var SpacePlugin = ({ firstRun, onFirstRun } = {}) => {
                 return null;
               }
               const space = (0, import_echo.isSpace)(data.object) ? data.object : (0, import_echo.getSpace)(data.object);
-              const object = (0, import_echo.isSpace)(data.object) ? data.object.state.get() === import_echo.SpaceState.SPACE_READY ? space?.properties[import_chunk_CVZPI2P3.CollectionType.typename] : void 0 : data.object;
+              const object = (0, import_echo.isSpace)(data.object) ? data.object.state.get() === import_echo.SpaceState.SPACE_READY ? space?.properties[import_chunk_K7CSJ7HL.CollectionType.typename] : void 0 : data.object;
               return space && object ? {
-                node: /* @__PURE__ */ import_react2.default.createElement(import_react2.default.Fragment, null, /* @__PURE__ */ import_react2.default.createElement(SpacePresence, {
+                node: /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(SpacePresence, {
                   object
-                }), space.properties[COMPOSER_SPACE_LOCK] ? null : /* @__PURE__ */ import_react2.default.createElement(ShareSpaceButton, {
+                }), space.properties[COMPOSER_SPACE_LOCK] ? null : /* @__PURE__ */ import_react.default.createElement(ShareSpaceButton, {
                   spaceId: space.id
                 })),
                 disposition: "hoist"
               } : null;
             }
             case "section":
-              return data.object instanceof import_chunk_CVZPI2P3.CollectionType ? /* @__PURE__ */ import_react2.default.createElement(CollectionSection, {
+              return data.object instanceof import_chunk_K7CSJ7HL.CollectionType ? /* @__PURE__ */ import_react.default.createElement(CollectionSection, {
                 collection: data.object
               }) : null;
             case "settings":
-              return data.plugin === import_chunk_6CNYF6YU.meta_default.id ? /* @__PURE__ */ import_react2.default.createElement(SpaceSettings, {
+              return data.plugin === import_chunk_6CNYF6YU.meta_default.id ? /* @__PURE__ */ import_react.default.createElement(SpaceSettings, {
                 settings: settings.values
               }) : null;
             case "menu-footer":
               if (!(0, import_echo.isEchoObject)(data.object)) {
                 return null;
               } else {
-                return /* @__PURE__ */ import_react2.default.createElement(MenuFooter, {
+                return /* @__PURE__ */ import_react.default.createElement(MenuFooter, {
                   object: data.object
                 });
               }
+            case "status": {
+              return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(SyncStatus, null), /* @__PURE__ */ import_react.default.createElement(SaveStatus, null));
+            }
             default:
               return null;
           }
@@ -1884,8 +2172,8 @@ var SpacePlugin = ({ firstRun, onFirstRun } = {}) => {
                           spacesOrder.order = nextOrder.map(({ id }) => id);
                         } else {
                           import_log.log.warn("spaces order object not found", void 0, {
-                            F: __dxlog_file3,
-                            L: 514,
+                            F: __dxlog_file5,
+                            L: 528,
                             S: void 0,
                             C: (f, a) => f(...a)
                           });
@@ -1921,8 +2209,7 @@ var SpacePlugin = ({ firstRun, onFirstRun } = {}) => {
                         ns: import_chunk_6CNYF6YU.SPACE_PLUGIN
                       }
                     ],
-                    icon: (props) => /* @__PURE__ */ import_react2.default.createElement(import_react.Plus, props),
-                    iconSymbol: "ph--plus--regular",
+                    icon: "ph--plus--regular",
                     disposition: "toolbar",
                     testId: "spacePlugin.createSpace"
                   }
@@ -1947,8 +2234,7 @@ var SpacePlugin = ({ firstRun, onFirstRun } = {}) => {
                         ns: import_chunk_6CNYF6YU.SPACE_PLUGIN
                       }
                     ],
-                    icon: (props) => /* @__PURE__ */ import_react2.default.createElement(import_react.SignIn, props),
-                    iconSymbol: "ph--sign-in--regular",
+                    icon: "ph--sign-in--regular",
                     testId: "spacePlugin.joinSpace"
                   }
                 }
@@ -2036,7 +2322,7 @@ var SpacePlugin = ({ firstRun, onFirstRun } = {}) => {
                 if (state2 !== import_echo.SpaceState.SPACE_READY) {
                   return;
                 }
-                const collection = space.properties[import_chunk_CVZPI2P3.CollectionType.typename];
+                const collection = space.properties[import_chunk_K7CSJ7HL.CollectionType.typename];
                 if (!collection) {
                   return;
                 }
@@ -2063,7 +2349,7 @@ var SpacePlugin = ({ firstRun, onFirstRun } = {}) => {
             // Create nodes for objects in collections.
             (0, import_plugin_graph.createExtension)({
               id: `${import_chunk_6CNYF6YU.SPACE_PLUGIN}/collection-objects`,
-              filter: (node) => node.data instanceof import_chunk_CVZPI2P3.CollectionType,
+              filter: (node) => node.data instanceof import_chunk_K7CSJ7HL.CollectionType,
               connector: ({ node }) => {
                 const collection = node.data;
                 const space = (0, import_echo.getSpace)(collection);
@@ -2116,7 +2402,7 @@ var SpacePlugin = ({ firstRun, onFirstRun } = {}) => {
               }
             },
             {
-              inputType: import_chunk_CVZPI2P3.CollectionType.typename,
+              inputType: import_chunk_K7CSJ7HL.CollectionType.typename,
               outputType: DIRECTORY_TYPE,
               serialize: (node) => ({
                 name: node.data.name ?? translations_default[0]["en-US"][import_chunk_6CNYF6YU.SPACE_PLUGIN]["unnamed collection label"],
@@ -2125,7 +2411,7 @@ var SpacePlugin = ({ firstRun, onFirstRun } = {}) => {
               }),
               deserialize: async (data, ancestors) => {
                 const space = ancestors.find(import_echo.isSpace);
-                const collection = ancestors.findLast((ancestor) => ancestor instanceof import_chunk_CVZPI2P3.CollectionType) ?? space?.properties[import_chunk_CVZPI2P3.CollectionType.typename];
+                const collection = ancestors.findLast((ancestor) => ancestor instanceof import_chunk_K7CSJ7HL.CollectionType) ?? space?.properties[import_chunk_K7CSJ7HL.CollectionType.typename];
                 if (!space || !collection) {
                   return;
                 }
@@ -2134,7 +2420,7 @@ var SpacePlugin = ({ firstRun, onFirstRun } = {}) => {
                   action: import_chunk_6CNYF6YU.SpaceAction.ADD_OBJECT,
                   data: {
                     target: collection,
-                    object: (0, import_echo.create)(import_chunk_CVZPI2P3.CollectionType, {
+                    object: (0, import_echo.create)(import_chunk_K7CSJ7HL.CollectionType, {
                       name: data.name,
                       objects: [],
                       views: {}
@@ -2164,11 +2450,11 @@ var SpacePlugin = ({ firstRun, onFirstRun } = {}) => {
               }
               const space = await client.spaces.create(intent.data);
               await space.waitUntilReady();
-              const collection = (0, import_echo.create)(import_chunk_CVZPI2P3.CollectionType, {
+              const collection = (0, import_echo.create)(import_chunk_K7CSJ7HL.CollectionType, {
                 objects: [],
                 views: {}
               });
-              space.properties[import_chunk_CVZPI2P3.CollectionType.typename] = collection;
+              space.properties[import_chunk_K7CSJ7HL.CollectionType.typename] = collection;
               if (import_migrations.Migrations.versionProperty) {
                 space.properties[import_migrations.Migrations.versionProperty] = import_migrations.Migrations.targetVersion;
               }
@@ -2183,6 +2469,25 @@ var SpacePlugin = ({ firstRun, onFirstRun } = {}) => {
                   }
                 },
                 intents: [
+                  ...settings.values.onSpaceCreate ? [
+                    [
+                      {
+                        action: settings.values.onSpaceCreate,
+                        data: {
+                          space
+                        }
+                      },
+                      {
+                        action: import_chunk_6CNYF6YU.SpaceAction.ADD_OBJECT,
+                        data: {
+                          target: space
+                        }
+                      },
+                      {
+                        action: import_app_framework.NavigationAction.EXPOSE
+                      }
+                    ]
+                  ] : [],
                   [
                     {
                       action: import_meta.ObservabilityAction.SEND_EVENT,
@@ -2403,8 +2708,7 @@ var SpacePlugin = ({ firstRun, onFirstRun } = {}) => {
                             title: translations_default[0]["en-US"][import_chunk_6CNYF6YU.SPACE_PLUGIN]["space limit label"],
                             description: translations_default[0]["en-US"][import_chunk_6CNYF6YU.SPACE_PLUGIN]["space limit description"],
                             duration: 5e3,
-                            icon: (props) => /* @__PURE__ */ import_react2.default.createElement(import_react.Warning, props),
-                            iconSymbol: "ph--warning--regular",
+                            icon: "ph--warning--regular",
                             actionLabel: translations_default[0]["en-US"][import_chunk_6CNYF6YU.SPACE_PLUGIN]["remove deleted objects label"],
                             actionAlt: translations_default[0]["en-US"][import_chunk_6CNYF6YU.SPACE_PLUGIN]["remove deleted objects alt"],
                             // TODO(wittjosiah): Use OS namespace.
@@ -2428,25 +2732,25 @@ var SpacePlugin = ({ firstRun, onFirstRun } = {}) => {
                   ]
                 };
               }
-              if (intent.data?.target instanceof import_chunk_CVZPI2P3.CollectionType) {
+              if (intent.data?.target instanceof import_chunk_K7CSJ7HL.CollectionType) {
                 intent.data?.target.objects.push(object);
               } else if ((0, import_echo.isSpace)(intent.data?.target)) {
-                const collection = space.properties[import_chunk_CVZPI2P3.CollectionType.typename];
-                if (collection instanceof import_chunk_CVZPI2P3.CollectionType) {
+                const collection = space.properties[import_chunk_K7CSJ7HL.CollectionType.typename];
+                if (collection instanceof import_chunk_K7CSJ7HL.CollectionType) {
                   collection.objects.push(object);
                 } else {
-                  const collection2 = (0, import_echo.create)(import_chunk_CVZPI2P3.CollectionType, {
+                  const collection2 = (0, import_echo.create)(import_chunk_K7CSJ7HL.CollectionType, {
                     objects: [
                       object
                     ],
                     views: {}
                   });
-                  space.properties[import_chunk_CVZPI2P3.CollectionType.typename] = collection2;
+                  space.properties[import_chunk_K7CSJ7HL.CollectionType.typename] = collection2;
                 }
               }
               return {
                 data: {
-                  id: object.id,
+                  id: (0, import_echo.fullyQualifiedId)(object),
                   object,
                   activeParts: {
                     main: [
@@ -2481,12 +2785,12 @@ var SpacePlugin = ({ firstRun, onFirstRun } = {}) => {
               const activeParts = navigationPlugin?.provides.location.active;
               const openObjectIds = new Set((0, import_app_framework.openIds)(activeParts ?? {}));
               if (!intent.undo && resolve) {
-                const parentCollection = intent.data?.collection ?? space.properties[import_chunk_CVZPI2P3.CollectionType.typename];
+                const parentCollection = intent.data?.collection ?? space.properties[import_chunk_K7CSJ7HL.CollectionType.typename];
                 const nestedObjects = await getNestedObjects(object, resolve);
                 const deletionData = {
                   object,
                   parentCollection,
-                  index: parentCollection instanceof import_chunk_CVZPI2P3.CollectionType ? parentCollection.objects.indexOf(object) : -1,
+                  index: parentCollection instanceof import_chunk_K7CSJ7HL.CollectionType ? parentCollection.objects.indexOf(object) : -1,
                   nestedObjects,
                   wasActive: [
                     object,
@@ -2499,13 +2803,12 @@ var SpacePlugin = ({ firstRun, onFirstRun } = {}) => {
                     data: {
                       activeParts: {
                         main: deletionData.wasActive,
-                        sidebar: deletionData.wasActive,
-                        complementary: deletionData.wasActive
+                        sidebar: deletionData.wasActive
                       }
                     }
                   });
                 }
-                if (parentCollection instanceof import_chunk_CVZPI2P3.CollectionType) {
+                if (parentCollection instanceof import_chunk_K7CSJ7HL.CollectionType) {
                   const index = parentCollection.objects.indexOf(object);
                   if (index !== -1) {
                     parentCollection.objects.splice(index, 1);
@@ -2515,7 +2818,7 @@ var SpacePlugin = ({ firstRun, onFirstRun } = {}) => {
                   space.db.remove(obj);
                 });
                 space.db.remove(object);
-                const undoMessageKey = object instanceof import_chunk_CVZPI2P3.CollectionType ? "collection deleted label" : "object deleted label";
+                const undoMessageKey = object instanceof import_chunk_K7CSJ7HL.CollectionType ? "collection deleted label" : "object deleted label";
                 return {
                   data: true,
                   undoable: {
@@ -2526,7 +2829,7 @@ var SpacePlugin = ({ firstRun, onFirstRun } = {}) => {
                 };
               } else {
                 const undoData = intent.data;
-                if (undoData && (0, import_echo.isEchoObject)(undoData.object) && undoData.parentCollection instanceof import_chunk_CVZPI2P3.CollectionType) {
+                if (undoData && (0, import_echo.isEchoObject)(undoData.object) && undoData.parentCollection instanceof import_chunk_K7CSJ7HL.CollectionType) {
                   const restoredObject = space.db.add(undoData.object);
                   undoData.nestedObjects.forEach((obj) => {
                     space.db.add(obj);
@@ -2623,6 +2926,7 @@ var src_default = SpacePlugin;
   EmptyTree,
   FullPresence,
   MenuFooter,
+  MessageState,
   MessageType,
   MissingObject,
   PersistenceStatus,
@@ -2634,6 +2938,7 @@ var src_default = SpacePlugin;
   SPACE_PLUGIN,
   SPACE_PLUGIN_SHORT_ID,
   SPACE_TYPE,
+  SaveStatus,
   ShareSpaceButton,
   ShareSpaceButtonImpl,
   SmallPresence,
@@ -2643,6 +2948,9 @@ var src_default = SpacePlugin;
   SpacePlugin,
   SpacePresence,
   SpaceSettings,
+  SyncStatus,
+  SyncStatusDetail,
+  SyncStatusIndicator,
   ThreadStatus,
   ThreadType,
   cloneObject,
@@ -2656,6 +2964,7 @@ var src_default = SpacePlugin;
   getNestedObjects,
   getSpaceDisplayName,
   memoizeQuery,
+  parseSpaceInitPlugin,
   parseSpacePlugin,
   translations
 });