@dxos/plugin-space 0.8.2-main.f11618f → 0.8.2-main.fbd8ed0

package/dist/lib/browser/{chunk-4226DMDP.mjs → chunk-43UQWMD3.mjs}

@@ -1,15 +1,19 @@
+import {
+  useInputSurfaceLookup,
+  usePath
+} from "./chunk-AR5R2F6B.mjs";
 import {
   SpaceCapabilities
 } from "./chunk-KVRYWFZU.mjs";
 import {
   COMPOSER_SPACE_LOCK,
   getSpaceDisplayName
-} from "./chunk-JS6ZV4GV.mjs";
+} from "./chunk-IQFFOAWD.mjs";
 import {
   CollectionType,
   SpaceAction,
   SpaceForm
-} from "./chunk-O7WGQVLQ.mjs";
+} from "./chunk-CY35NLWL.mjs";
 import {
   SPACE_PLUGIN,
   meta
@@ -33,7 +37,7 @@ var AwaitingObject = ({ id }) => {
   const { dispatchPromise: dispatch } = useIntentDispatcher();
   const layout = useLayout();
   const client = useClient();
-  const objects = useQuery(client.spaces, Filter.all());
+  const objects = useQuery(client.spaces, Filter.everything());
   useEffect(() => {
     if (!id) {
       return;
@@ -110,15 +114,15 @@ var AwaitingObject = ({ id }) => {
 
 // packages/plugins/plugin-space/src/components/CreateDialog/CreateObjectDialog.tsx
 import { pipe } from "effect";
-import React4, { useCallback as useCallback4, useRef } from "react";
-import { Capabilities, chain, createIntent as createIntent2, LayoutAction as LayoutAction2, useCapabilities, useIntentDispatcher as useIntentDispatcher2, usePluginManager as usePluginManager2 } from "@dxos/app-framework";
+import React3, { useCallback as useCallback3, useRef } from "react";
+import { Capabilities, chain, createIntent as createIntent2, LayoutAction as LayoutAction2, useCapabilities, useIntentDispatcher as useIntentDispatcher2, usePluginManager } from "@dxos/app-framework";
 import { invariant as invariant2 } from "@dxos/invariant";
 import { useClient as useClient2 } from "@dxos/react-client";
 import { getSpace, isLiveObject, isSpace, useSpaces } from "@dxos/react-client/echo";
 import { Button as Button2, Dialog, Icon as Icon2, useTranslation as useTranslation3 } from "@dxos/react-ui";
 
 // packages/plugins/plugin-space/src/components/CreateDialog/CreateObjectPanel.tsx
-import React3, { useCallback as useCallback3, useState as useState3 } from "react";
+import React2, { useCallback as useCallback2, useState as useState2 } from "react";
 import { getTypeAnnotation } from "@dxos/echo-schema";
 import { invariant } from "@dxos/invariant";
 import { Icon, toLocalizedString, useTranslation as useTranslation2 } from "@dxos/react-ui";
@@ -126,77 +130,11 @@ import { Form } from "@dxos/react-ui-form";
 import { SearchList } from "@dxos/react-ui-searchlist";
 import { mx as mx2 } from "@dxos/react-ui-theme";
 import { isNonNullable } from "@dxos/util";
-
-// packages/plugins/plugin-space/src/hooks/useInputSurfaceLookup.tsx
-import React2, { useCallback as useCallback2 } from "react";
-import { usePluginManager, isSurfaceAvailable, Surface } from "@dxos/app-framework";
-var useInputSurfaceLookup = (baseData) => {
-  const pluginManager = usePluginManager();
-  return useCallback2(({ prop, schema, inputProps }) => {
-    const composedData = {
-      prop,
-      schema,
-      ...baseData
-    };
-    if (!isSurfaceAvailable(pluginManager.context, {
-      role: "form-input",
-      data: composedData
-    })) {
-      return void 0;
-    }
-    return /* @__PURE__ */ React2.createElement(Surface, {
-      role: "form-input",
-      data: composedData,
-      ...inputProps
-    });
-  }, [
-    pluginManager,
-    baseData
-  ]);
-};
-
-// packages/plugins/plugin-space/src/hooks/usePath.ts
-import { useEffect as useEffect2, useState as useState2 } from "react";
-var usePath = (graph, id, timeout) => {
-  const [pathState, setPathState] = useState2(id ? graph.getPath({
-    target: id
-  }) : void 0);
-  useEffect2(() => {
-    if (!id && pathState) {
-      setPathState(void 0);
-    }
-    if (pathState?.at(-1) === id || !id) {
-      return;
-    }
-    const frame = requestAnimationFrame(async () => {
-      try {
-        const path = await graph.waitForPath({
-          target: id
-        }, {
-          timeout
-        });
-        if (path) {
-          setPathState(path);
-        }
-      } catch {
-      }
-    });
-    return () => cancelAnimationFrame(frame);
-  }, [
-    graph,
-    id,
-    timeout,
-    pathState
-  ]);
-  return pathState;
-};
-
-// packages/plugins/plugin-space/src/components/CreateDialog/CreateObjectPanel.tsx
 var __dxlog_file = "/home/runner/work/dxos/dxos/packages/plugins/plugin-space/src/components/CreateDialog/CreateObjectPanel.tsx";
 var CreateObjectPanel = ({ classNames, forms, spaces, typename: initialTypename, target: initialTarget, name: initialName, defaultSpaceId, resolve, onCreateObject }) => {
   const { t } = useTranslation2(SPACE_PLUGIN);
-  const [typename, setTypename] = useState3(initialTypename);
-  const [target, setTarget] = useState3(initialTarget);
+  const [typename, setTypename] = useState2(initialTypename);
+  const [target, setTarget] = useState2(initialTarget);
   const form = forms.find((form2) => getTypeAnnotation(form2.objectSchema)?.typename === typename);
   const options = forms.map((form2) => getTypeAnnotation(form2.objectSchema)).filter(isNonNullable).sort((a, b) => {
     const nameA = t("typename label", {
@@ -209,7 +147,7 @@ var CreateObjectPanel = ({ classNames, forms, spaces, typename: initialTypename,
     });
     return nameA.localeCompare(nameB);
   });
-  const handleCreateObject = useCallback3(async (props) => {
+  const handleCreateObject = useCallback2(async (props) => {
     if (!form || !target) {
       return;
     }
@@ -223,7 +161,7 @@ var CreateObjectPanel = ({ classNames, forms, spaces, typename: initialTypename,
     form,
     target
   ]);
-  const handleSetTypename = useCallback3(async (typename2) => {
+  const handleSetTypename = useCallback2(async (typename2) => {
     invariant(target, "target is required", {
       F: __dxlog_file,
       L: 72,
@@ -250,18 +188,18 @@ var CreateObjectPanel = ({ classNames, forms, spaces, typename: initialTypename,
   const inputSurfaceLookup = useInputSurfaceLookup({
     target
   });
-  return /* @__PURE__ */ React3.createElement("div", {
+  return /* @__PURE__ */ React2.createElement("div", {
     role: "form",
     className: mx2("flex flex-col gap-2", classNames)
-  }, !form ? /* @__PURE__ */ React3.createElement(SelectSchema, {
+  }, !form ? /* @__PURE__ */ React2.createElement(SelectSchema, {
     options,
     resolve,
     onChange: handleSetTypename
-  }) : !target ? /* @__PURE__ */ React3.createElement(SelectSpace, {
+  }) : !target ? /* @__PURE__ */ React2.createElement(SelectSpace, {
     spaces,
     defaultSpaceId,
     onChange: setTarget
-  }) : form.formSchema ? /* @__PURE__ */ React3.createElement(Form, {
+  }) : form.formSchema ? /* @__PURE__ */ React2.createElement(Form, {
     classNames: "!p-0",
     autoFocus: true,
     values: {
@@ -275,15 +213,15 @@ var CreateObjectPanel = ({ classNames, forms, spaces, typename: initialTypename,
 };
 var SelectSpace = ({ spaces, defaultSpaceId, onChange }) => {
   const { t } = useTranslation2(SPACE_PLUGIN);
-  return /* @__PURE__ */ React3.createElement(SearchList.Root, {
+  return /* @__PURE__ */ React2.createElement(SearchList.Root, {
     label: t("space input label"),
     classNames: "flex flex-col grow overflow-hidden"
-  }, /* @__PURE__ */ React3.createElement(SearchList.Input, {
+  }, /* @__PURE__ */ React2.createElement(SearchList.Input, {
     autoFocus: true,
     "data-testid": "create-object-form.space-input",
     placeholder: t("space input placeholder"),
     classNames: "px-1 my-2"
-  }), /* @__PURE__ */ React3.createElement(SearchList.Content, {
+  }), /* @__PURE__ */ React2.createElement(SearchList.Content, {
     classNames: "max-bs-[24rem] overflow-auto"
   }, spaces.sort((a, b) => {
     const aName = toLocalizedString(getSpaceDisplayName(a, {
@@ -293,14 +231,14 @@ var SelectSpace = ({ spaces, defaultSpaceId, onChange }) => {
       personal: b.id === defaultSpaceId
     }), t);
     return aName.localeCompare(bName);
-  }).map((space) => /* @__PURE__ */ React3.createElement(SearchList.Item, {
+  }).map((space) => /* @__PURE__ */ React2.createElement(SearchList.Item, {
     key: space.id,
     value: toLocalizedString(getSpaceDisplayName(space, {
       personal: space.id === defaultSpaceId
     }), t),
     onSelect: () => onChange(space),
     classNames: "flex items-center gap-2"
-  }, /* @__PURE__ */ React3.createElement("span", {
+  }, /* @__PURE__ */ React2.createElement("span", {
     className: "grow truncate"
   }, toLocalizedString(getSpaceDisplayName(space, {
     personal: space.id === defaultSpaceId
@@ -308,17 +246,17 @@ var SelectSpace = ({ spaces, defaultSpaceId, onChange }) => {
 };
 var SelectSchema = ({ options, resolve, onChange }) => {
   const { t } = useTranslation2(SPACE_PLUGIN);
-  return /* @__PURE__ */ React3.createElement(SearchList.Root, {
+  return /* @__PURE__ */ React2.createElement(SearchList.Root, {
     label: t("schema input label"),
     classNames: "flex flex-col grow overflow-hidden"
-  }, /* @__PURE__ */ React3.createElement(SearchList.Input, {
+  }, /* @__PURE__ */ React2.createElement(SearchList.Input, {
     autoFocus: true,
     "data-testid": "create-object-form.schema-input",
     placeholder: t("schema input placeholder"),
     classNames: "px-1 my-2"
-  }), /* @__PURE__ */ React3.createElement(SearchList.Content, {
+  }), /* @__PURE__ */ React2.createElement(SearchList.Content, {
     classNames: "max-bs-[24rem] overflow-auto"
-  }, options.map((option) => /* @__PURE__ */ React3.createElement(SearchList.Item, {
+  }, options.map((option) => /* @__PURE__ */ React2.createElement(SearchList.Item, {
     key: option.typename,
     value: t("typename label", {
       ns: option.typename,
@@ -326,9 +264,9 @@ var SelectSchema = ({ options, resolve, onChange }) => {
     }),
     onSelect: () => onChange(option.typename),
     classNames: "flex items-center gap-2"
-  }, /* @__PURE__ */ React3.createElement("span", {
+  }, /* @__PURE__ */ React2.createElement("span", {
     className: "flex gap-2 items-center grow truncate"
-  }, /* @__PURE__ */ React3.createElement(Icon, {
+  }, /* @__PURE__ */ React2.createElement(Icon, {
     icon: resolve?.(option.typename).icon ?? "ph--placeholder--regular",
     size: 5
   }), t("typename label", {
@@ -339,33 +277,33 @@ var SelectSchema = ({ options, resolve, onChange }) => {
 
 // packages/plugins/plugin-space/src/capabilities/index.ts
 import { lazy } from "@dxos/app-framework";
-var AppGraphBuilder = lazy(() => import("./app-graph-builder-ZWNOWRAX.mjs"));
-var AppGraphSerializer = lazy(() => import("./app-graph-serializer-UUJH7JRN.mjs"));
-var IdentityCreated = lazy(() => import("./identity-created-NRVE4XLL.mjs"));
-var IntentResolver = lazy(() => import("./intent-resolver-NP55M7C7.mjs"));
-var ReactRoot = lazy(() => import("./react-root-XKAUZ3X2.mjs"));
-var ReactSurface = lazy(() => import("./react-surface-2DW2UDRX.mjs"));
-var Schema = lazy(() => import("./schema-FHTA26SW.mjs"));
-var Tools = lazy(() => import("./schema-tools-YAXPRIXP.mjs"));
-var SpaceSettings = lazy(() => import("./settings-MVT32NP6.mjs"));
-var SpaceState = lazy(() => import("./state-CYV6QCTN.mjs"));
-var SpacesReady = lazy(() => import("./spaces-ready-ERNSICUW.mjs"));
+var AppGraphBuilder = lazy(() => import("./app-graph-builder-7X3SIPCD.mjs"));
+var AppGraphSerializer = lazy(() => import("./app-graph-serializer-VRU57AEZ.mjs"));
+var IdentityCreated = lazy(() => import("./identity-created-ANRJHNMQ.mjs"));
+var IntentResolver = lazy(() => import("./intent-resolver-KRINV5QI.mjs"));
+var ReactRoot = lazy(() => import("./react-root-J3SP2HVW.mjs"));
+var ReactSurface = lazy(() => import("./react-surface-J7T2IMH4.mjs"));
+var SchemaDefs = lazy(() => import("./schema-defs-OCBY7APN.mjs"));
+var SchemaTools = lazy(() => import("./schema-tools-MYC4LTQD.mjs"));
+var SpaceSettings = lazy(() => import("./settings-G24447B7.mjs"));
+var SpaceState = lazy(() => import("./state-SI4B5GHC.mjs"));
+var SpacesReady = lazy(() => import("./spaces-ready-5I3RKYTT.mjs"));
 
 // packages/plugins/plugin-space/src/components/CreateDialog/CreateObjectDialog.tsx
 var __dxlog_file2 = "/home/runner/work/dxos/dxos/packages/plugins/plugin-space/src/components/CreateDialog/CreateObjectDialog.tsx";
 var CREATE_OBJECT_DIALOG = `${SPACE_PLUGIN}/CreateObjectDialog`;
 var CreateObjectDialog = ({ target, typename, name, shouldNavigate: _shouldNavigate }) => {
   const closeRef = useRef(null);
-  const manager = usePluginManager2();
+  const manager = usePluginManager();
   const { t } = useTranslation3(SPACE_PLUGIN);
   const client = useClient2();
   const spaces = useSpaces();
   const { dispatchPromise: dispatch } = useIntentDispatcher2();
   const forms = useCapabilities(SpaceCapabilities.ObjectForm);
-  const resolve = useCallback4((typename2) => manager.context.requestCapabilities(Capabilities.Metadata).find(({ id }) => id === typename2)?.metadata ?? {}, [
+  const resolve = useCallback3((typename2) => manager.context.getCapabilities(Capabilities.Metadata).find(({ id }) => id === typename2)?.metadata ?? {}, [
     manager
   ]);
-  const handleCreateObject = useCallback4(async ({ form, target: target2, data = {} }) => {
+  const handleCreateObject = useCallback3(async ({ form, target: target2, data = {} }) => {
     if (!target2) {
       return;
     }
@@ -406,22 +344,22 @@ var CreateObjectDialog = ({ target, typename, name, shouldNavigate: _shouldNavig
   return (
     // TODO(wittjosiah): The tablist dialog pattern is copied from @dxos/plugin-manager.
     //  Consider factoring it out to the tabs package.
-    /* @__PURE__ */ React4.createElement(Dialog.Content, {
+    /* @__PURE__ */ React3.createElement(Dialog.Content, {
       classNames: "p-0 bs-content max-bs-full md:max-is-[40rem] overflow-hidden"
-    }, /* @__PURE__ */ React4.createElement("div", {
+    }, /* @__PURE__ */ React3.createElement("div", {
       role: "none",
       className: "flex justify-between pbs-2 pis-2 pie-2 @md:pbs-4 @md:pis-4 @md:pie-4"
-    }, /* @__PURE__ */ React4.createElement(Dialog.Title, null, t("create object dialog title")), /* @__PURE__ */ React4.createElement(Dialog.Close, {
+    }, /* @__PURE__ */ React3.createElement(Dialog.Title, null, t("create object dialog title")), /* @__PURE__ */ React3.createElement(Dialog.Close, {
       asChild: true
-    }, /* @__PURE__ */ React4.createElement(Button2, {
+    }, /* @__PURE__ */ React3.createElement(Button2, {
       ref: closeRef,
       density: "fine",
       variant: "ghost",
       autoFocus: true
-    }, /* @__PURE__ */ React4.createElement(Icon2, {
+    }, /* @__PURE__ */ React3.createElement(Icon2, {
       icon: "ph--x--regular",
       size: 4
-    })))), /* @__PURE__ */ React4.createElement(CreateObjectPanel, {
+    })))), /* @__PURE__ */ React3.createElement(CreateObjectPanel, {
       classNames: "p-4",
       forms,
       spaces,
@@ -437,7 +375,7 @@ var CreateObjectDialog = ({ target, typename, name, shouldNavigate: _shouldNavig
 
 // packages/plugins/plugin-space/src/components/CreateDialog/CreateSpaceDialog.tsx
 import { Effect } from "effect";
-import React5, { useCallback as useCallback5, useRef as useRef2 } from "react";
+import React4, { useCallback as useCallback4, useRef as useRef2 } from "react";
 import { createIntent as createIntent3, LayoutAction as LayoutAction3, useIntentDispatcher as useIntentDispatcher3 } from "@dxos/app-framework";
 import { Button as Button3, Dialog as Dialog2, Icon as Icon3, useTranslation as useTranslation4 } from "@dxos/react-ui";
 import { Form as Form2 } from "@dxos/react-ui-form";
@@ -450,7 +388,7 @@ var CreateSpaceDialog = () => {
   const { t } = useTranslation4(SPACE_PLUGIN);
   const { dispatch } = useIntentDispatcher3();
   const inputSurfaceLookup = useInputSurfaceLookup();
-  const handleCreateSpace = useCallback5(async (data) => {
+  const handleCreateSpace = useCallback4(async (data) => {
     const program = Effect.gen(function* () {
       const { space } = yield* dispatch(createIntent3(SpaceAction.Create, data));
       yield* dispatch(createIntent3(LayoutAction3.SwitchWorkspace, {
@@ -468,24 +406,24 @@ var CreateSpaceDialog = () => {
   return (
     // TODO(wittjosiah): The tablist dialog pattern is copied from @dxos/plugin-manager.
     //  Consider factoring it out to the tabs package.
-    /* @__PURE__ */ React5.createElement(Dialog2.Content, {
+    /* @__PURE__ */ React4.createElement(Dialog2.Content, {
       classNames: "p-0 bs-content min-bs-[16rem] max-bs-full md:max-is-[32rem] overflow-hidden"
-    }, /* @__PURE__ */ React5.createElement("div", {
+    }, /* @__PURE__ */ React4.createElement("div", {
       role: "none",
       className: "flex justify-between pbs-2 pis-2 pie-2 @md:pbs-4 @md:pis-4 @md:pie-4"
-    }, /* @__PURE__ */ React5.createElement(Dialog2.Title, null, t("create space dialog title")), /* @__PURE__ */ React5.createElement(Dialog2.Close, {
+    }, /* @__PURE__ */ React4.createElement(Dialog2.Title, null, t("create space dialog title")), /* @__PURE__ */ React4.createElement(Dialog2.Close, {
       asChild: true
-    }, /* @__PURE__ */ React5.createElement(Button3, {
+    }, /* @__PURE__ */ React4.createElement(Button3, {
       ref: closeRef,
       density: "fine",
       variant: "ghost",
       autoFocus: true
-    }, /* @__PURE__ */ React5.createElement(Icon3, {
+    }, /* @__PURE__ */ React4.createElement(Icon3, {
       icon: "ph--x--regular",
       size: 4
-    })))), /* @__PURE__ */ React5.createElement("div", {
+    })))), /* @__PURE__ */ React4.createElement("div", {
       className: "p-4"
-    }, /* @__PURE__ */ React5.createElement(Form2, {
+    }, /* @__PURE__ */ React4.createElement(Form2, {
       testId: "create-space-form",
       classNames: "!p-0",
       autoFocus: true,
@@ -498,35 +436,35 @@ var CreateSpaceDialog = () => {
 };
 
 // packages/plugins/plugin-space/src/components/CollectionMain.tsx
-import React6 from "react";
+import React5 from "react";
 import { useTranslation as useTranslation5 } from "@dxos/react-ui";
 import { baseSurface, descriptionMessage, mx as mx3 } from "@dxos/react-ui-theme";
 var CollectionMain = ({ collection }) => {
   const { t } = useTranslation5(SPACE_PLUGIN);
-  return /* @__PURE__ */ React6.createElement("div", {
+  return /* @__PURE__ */ React5.createElement("div", {
     role: "none",
     className: mx3(baseSurface, "min-bs-screen is-full flex items-center justify-center p-8"),
     "data-testid": "composer.firstRunMessage"
-  }, /* @__PURE__ */ React6.createElement("p", {
+  }, /* @__PURE__ */ React5.createElement("p", {
     role: "alert",
     className: mx3(descriptionMessage, "rounded-lg p-8 font-normal text-lg max-is-[24rem] break-words")
   }, collection.name ?? t("unnamed collection label")));
 };
 
 // packages/plugins/plugin-space/src/components/CollectionSection.tsx
-import React7 from "react";
+import React6 from "react";
 import { useTranslation as useTranslation6 } from "@dxos/react-ui";
 var CollectionSection = ({ collection }) => {
   const { t } = useTranslation6(SPACE_PLUGIN);
-  return /* @__PURE__ */ React7.createElement("div", {
+  return /* @__PURE__ */ React6.createElement("div", {
     className: "min-bs-[3.5rem] grid grid-rows-subgrid grid-cols-subgrid items-center"
-  }, /* @__PURE__ */ React7.createElement("span", {
+  }, /* @__PURE__ */ React6.createElement("span", {
     className: "truncate"
   }, collection.name ?? t("unnamed collection label")));
 };
 
 // packages/plugins/plugin-space/src/components/JoinDialog.tsx
-import React8, { useCallback as useCallback6 } from "react";
+import React7, { useCallback as useCallback5 } from "react";
 import { createIntent as createIntent4, LayoutAction as LayoutAction4, useAppGraph, useIntentDispatcher as useIntentDispatcher4 } from "@dxos/app-framework";
 import { Trigger } from "@dxos/async";
 import { ObservabilityAction } from "@dxos/plugin-observability/types";
@@ -539,7 +477,7 @@ var JoinDialog = ({ navigableCollections, onDone, ...props }) => {
   const client = useClient3();
   const { graph } = useAppGraph();
   const { t } = useTranslation7(SPACE_PLUGIN);
-  const handleDone = useCallback6(async (result) => {
+  const handleDone = useCallback5(async (result) => {
     const spaceKey = result?.spaceKey;
     if (!spaceKey) {
       return;
@@ -619,16 +557,16 @@ var JoinDialog = ({ navigableCollections, onDone, ...props }) => {
     client,
     graph
   ]);
-  return /* @__PURE__ */ React8.createElement(Dialog3.Content, null, /* @__PURE__ */ React8.createElement(Dialog3.Title, {
+  return /* @__PURE__ */ React7.createElement(Dialog3.Content, null, /* @__PURE__ */ React7.createElement(Dialog3.Title, {
     classNames: "sr-only"
   }, t("join space label", {
     ns: "os"
-  })), /* @__PURE__ */ React8.createElement(JoinPanel, {
+  })), /* @__PURE__ */ React7.createElement(JoinPanel, {
     ...props,
-    exitActionParent: /* @__PURE__ */ React8.createElement(Dialog3.Close, {
+    exitActionParent: /* @__PURE__ */ React7.createElement(Dialog3.Close, {
       asChild: true
     }),
-    doneActionParent: /* @__PURE__ */ React8.createElement(Dialog3.Close, {
+    doneActionParent: /* @__PURE__ */ React7.createElement(Dialog3.Close, {
       asChild: true
     }),
     onDone: handleDone
@@ -637,7 +575,7 @@ var JoinDialog = ({ navigableCollections, onDone, ...props }) => {
 
 // packages/plugins/plugin-space/src/components/MembersContainer.tsx
 import { Check, X } from "@phosphor-icons/react";
-import React9, { useCallback as useCallback7, useMemo, useState as useState4 } from "react";
+import React8, { useCallback as useCallback6, useMemo, useState as useState3 } from "react";
 import { QR } from "react-qr-rounded";
 import { createIntent as createIntent5, useIntentDispatcher as useIntentDispatcher5 } from "@dxos/app-framework";
 import { log } from "@dxos/log";
@@ -675,14 +613,14 @@ var MembersContainer = ({ space, createInvitationUrl }) => {
   const visibleInvitations = invitations?.filter((invitation) => ![
     Invitation.State.CANCELLED
   ].includes(invitation.get().state));
-  const [activeAction, setInternalActiveAction] = useState4(localStorage.getItem(activeActionKey) ?? "inviteMany");
+  const [activeAction, setInternalActiveAction] = useState3(localStorage.getItem(activeActionKey) ?? "inviteMany");
   const setActiveAction = (nextAction) => {
     setInternalActiveAction(nextAction);
     localStorage.setItem(activeActionKey, nextAction);
   };
   const target = space.properties[CollectionType.typename]?.target?.objects[0]?.target;
   const locked = space.properties[COMPOSER_SPACE_LOCK];
-  const handleChangeLocked = useCallback7(() => {
+  const handleChangeLocked = useCallback6(() => {
     space.properties[COMPOSER_SPACE_LOCK] = !locked;
   }, [
     locked,
@@ -696,7 +634,7 @@ var MembersContainer = ({ space, createInvitationUrl }) => {
       description: t("invite one description", {
         ns: "os"
       }),
-      icon: () => /* @__PURE__ */ React9.createElement(Icon4, {
+      icon: () => /* @__PURE__ */ React8.createElement(Icon4, {
         icon: "ph--user-plus--regular",
         size: 5
       }),
@@ -721,7 +659,7 @@ var MembersContainer = ({ space, createInvitationUrl }) => {
       description: t("invite many description", {
         ns: "os"
       }),
-      icon: () => /* @__PURE__ */ React9.createElement(Icon4, {
+      icon: () => /* @__PURE__ */ React8.createElement(Icon4, {
         icon: "ph--users-three--regular",
         size: 5
       }),
@@ -744,51 +682,51 @@ var MembersContainer = ({ space, createInvitationUrl }) => {
     space,
     target
   ]);
-  const [selectedInvitation, setSelectedInvitation] = useState4(null);
+  const [selectedInvitation, setSelectedInvitation] = useState3(null);
   const handleSend = (event) => {
     setSelectedInvitation(event.invitation);
   };
   const handleBack = () => {
     setSelectedInvitation(null);
   };
-  return /* @__PURE__ */ React9.createElement(Clipboard.Provider, null, /* @__PURE__ */ React9.createElement(StackItem.Content, {
+  return /* @__PURE__ */ React8.createElement(Clipboard.Provider, null, /* @__PURE__ */ React8.createElement(StackItem.Content, {
     classNames: "block overflow-y-auto"
-  }, /* @__PURE__ */ React9.createElement(ControlPage, null, /* @__PURE__ */ React9.createElement(ControlSection, {
+  }, /* @__PURE__ */ React8.createElement(ControlPage, null, /* @__PURE__ */ React8.createElement(ControlSection, {
     title: t("members verbose label"),
     description: t("members description")
-  }, /* @__PURE__ */ React9.createElement(ControlFrame, null, /* @__PURE__ */ React9.createElement(ControlFrameItem, {
+  }, /* @__PURE__ */ React8.createElement(ControlFrame, null, /* @__PURE__ */ React8.createElement(ControlFrameItem, {
     title: t("members label")
-  }, /* @__PURE__ */ React9.createElement(SpaceMemberList, {
+  }, /* @__PURE__ */ React8.createElement(SpaceMemberList, {
     spaceKey: space.key,
     includeSelf: true
-  })), locked && /* @__PURE__ */ React9.createElement(ControlFrameItem, {
+  })), locked && /* @__PURE__ */ React8.createElement(ControlFrameItem, {
     title: t("invitations label")
-  }, /* @__PURE__ */ React9.createElement("p", {
+  }, /* @__PURE__ */ React8.createElement("p", {
     className: "text-description mbe-2"
-  }, t("locked space description"))), !locked && /* @__PURE__ */ React9.createElement(ControlFrameItem, {
+  }, t("locked space description"))), !locked && /* @__PURE__ */ React8.createElement(ControlFrameItem, {
     title: t("invitations label")
-  }, selectedInvitation && /* @__PURE__ */ React9.createElement(InvitationSection, {
+  }, selectedInvitation && /* @__PURE__ */ React8.createElement(InvitationSection, {
     ...selectedInvitation,
     onBack: handleBack
-  }), !selectedInvitation && /* @__PURE__ */ React9.createElement(React9.Fragment, null, /* @__PURE__ */ React9.createElement("p", {
+  }), !selectedInvitation && /* @__PURE__ */ React8.createElement(React8.Fragment, null, /* @__PURE__ */ React8.createElement("p", {
     className: "text-description mbe-2"
-  }, t("space invitation description")), /* @__PURE__ */ React9.createElement(InvitationList, {
+  }, t("space invitation description")), /* @__PURE__ */ React8.createElement(InvitationList, {
     className: "mb-2",
     send: handleSend,
     invitations: visibleInvitations ?? [],
     onClickRemove: (invitation) => invitation.cancel(),
     createInvitationUrl
-  }), /* @__PURE__ */ React9.createElement(BifurcatedAction, {
+  }), /* @__PURE__ */ React8.createElement(BifurcatedAction, {
     actions: inviteActions,
     activeAction,
     onChangeActiveAction: setActiveAction,
     "data-testid": "membersContainer.createInvitation"
-  })))), /* @__PURE__ */ React9.createElement("div", {
+  })))), /* @__PURE__ */ React8.createElement("div", {
     className: "justify-center gap-4 p-0 mbs-4 container-max-width grid grid-cols-1 md:grid-cols-[1fr_min-content]"
-  }, /* @__PURE__ */ React9.createElement(ControlItemInput, {
+  }, /* @__PURE__ */ React8.createElement(ControlItemInput, {
     title: t("space locked label"),
     description: t("space locked description")
-  }, /* @__PURE__ */ React9.createElement(Input.Switch, {
+  }, /* @__PURE__ */ React8.createElement(Input.Switch, {
     checked: locked,
     onCheckedChange: handleChangeLocked,
     classNames: "justify-self-end"
@@ -796,23 +734,23 @@ var MembersContainer = ({ space, createInvitationUrl }) => {
 };
 var InvitationSection = ({ state = Invitation.State.INIT, authCode, invitationId = "never", url = "never", onBack }) => {
   const activeView = state < 0 ? "init" : state >= Invitation.State.CANCELLED ? "complete" : state >= Invitation.State.READY_FOR_AUTHENTICATION && authCode ? "auth-code" : "qr-code";
-  return /* @__PURE__ */ React9.createElement(Viewport.Root, {
+  return /* @__PURE__ */ React8.createElement(Viewport.Root, {
     activeView
-  }, /* @__PURE__ */ React9.createElement(Viewport.Views, null, /* @__PURE__ */ React9.createElement(Viewport.View, {
+  }, /* @__PURE__ */ React8.createElement(Viewport.Views, null, /* @__PURE__ */ React8.createElement(Viewport.View, {
     id: "init"
-  }), /* @__PURE__ */ React9.createElement(Viewport.View, {
+  }), /* @__PURE__ */ React8.createElement(Viewport.View, {
     id: "complete"
-  }, /* @__PURE__ */ React9.createElement(InvitationComplete, {
+  }, /* @__PURE__ */ React8.createElement(InvitationComplete, {
     statusValue: state
-  })), /* @__PURE__ */ React9.createElement(Viewport.View, {
+  })), /* @__PURE__ */ React8.createElement(Viewport.View, {
     id: "auth-code"
-  }, /* @__PURE__ */ React9.createElement(InvitationAuthCode, {
+  }, /* @__PURE__ */ React8.createElement(InvitationAuthCode, {
     id: invitationId,
     code: authCode ?? "never",
     onCancel: onBack
-  })), /* @__PURE__ */ React9.createElement(Viewport.View, {
+  })), /* @__PURE__ */ React8.createElement(Viewport.View, {
     id: "qr-code"
-  }, /* @__PURE__ */ React9.createElement(InvitationQR, {
+  }, /* @__PURE__ */ React8.createElement(InvitationQR, {
     id: invitationId,
     url,
     onCancel: onBack
@@ -822,31 +760,31 @@ var InvitationQR = ({ id, url, onCancel }) => {
   const { t } = useTranslation8("os");
   const qrLabel = useId("members-container__qr-code");
   const emoji = hexToEmoji(id);
-  return /* @__PURE__ */ React9.createElement(React9.Fragment, null, /* @__PURE__ */ React9.createElement("p", {
+  return /* @__PURE__ */ React8.createElement(React8.Fragment, null, /* @__PURE__ */ React8.createElement("p", {
     className: "text-description"
   }, t("qr code description", {
     ns: SPACE_PLUGIN
-  })), /* @__PURE__ */ React9.createElement("div", {
+  })), /* @__PURE__ */ React8.createElement("div", {
     role: "group",
     className: "grid grid-cols-[1fr_min-content] mlb-2 gap-2"
-  }, /* @__PURE__ */ React9.createElement("div", {
+  }, /* @__PURE__ */ React8.createElement("div", {
     role: "none",
     className: "is-full aspect-square relative text-description"
-  }, /* @__PURE__ */ React9.createElement(QR, {
+  }, /* @__PURE__ */ React8.createElement(QR, {
     rounding: 100,
     backgroundColor: "transparent",
     color: "currentColor",
     "aria-labelledby": qrLabel,
     errorCorrectionLevel: "Q",
     cutout: true
-  }, url ?? "never"), /* @__PURE__ */ React9.createElement(Centered, null, /* @__PURE__ */ React9.createElement(Emoji, {
+  }, url ?? "never"), /* @__PURE__ */ React8.createElement(Centered, null, /* @__PURE__ */ React8.createElement(Emoji, {
     text: emoji
-  }))), /* @__PURE__ */ React9.createElement("span", {
+  }))), /* @__PURE__ */ React8.createElement("span", {
     id: qrLabel,
     className: "sr-only"
-  }, t("qr label")), /* @__PURE__ */ React9.createElement(Clipboard.Button, {
+  }, t("qr label")), /* @__PURE__ */ React8.createElement(Clipboard.Button, {
     value: url ?? "never"
-  })), /* @__PURE__ */ React9.createElement(Button4, {
+  })), /* @__PURE__ */ React8.createElement(Button4, {
     variant: "ghost",
     onClick: onCancel
   }, t("cancel label")));
@@ -854,33 +792,33 @@ var InvitationQR = ({ id, url, onCancel }) => {
 var InvitationAuthCode = ({ id, code, onCancel }) => {
   const { t } = useTranslation8("os");
   const emoji = hexToEmoji(id);
-  return /* @__PURE__ */ React9.createElement(React9.Fragment, null, /* @__PURE__ */ React9.createElement("p", {
+  return /* @__PURE__ */ React8.createElement(React8.Fragment, null, /* @__PURE__ */ React8.createElement("p", {
     className: "text-description"
-  }, t("auth other device emoji message")), emoji && /* @__PURE__ */ React9.createElement(Emoji, {
+  }, t("auth other device emoji message")), emoji && /* @__PURE__ */ React8.createElement(Emoji, {
     text: emoji,
     className: "mli-auto mlb-2 text-center"
-  }), /* @__PURE__ */ React9.createElement("p", {
+  }), /* @__PURE__ */ React8.createElement("p", {
     className: "text-description"
-  }, t("auth code message")), /* @__PURE__ */ React9.createElement(AuthCode, {
+  }, t("auth code message")), /* @__PURE__ */ React8.createElement(AuthCode, {
     code,
     large: true,
     classNames: "mli-auto mlb-2 text-center grow"
-  }), /* @__PURE__ */ React9.createElement(Button4, {
+  }), /* @__PURE__ */ React8.createElement(Button4, {
     variant: "ghost",
     onClick: onCancel
   }, t("cancel label")));
 };
 var InvitationComplete = ({ statusValue }) => {
-  return statusValue > 0 ? /* @__PURE__ */ React9.createElement(Check, {
+  return statusValue > 0 ? /* @__PURE__ */ React8.createElement(Check, {
     className: mx4("m-1.5", getSize2(6))
-  }) : /* @__PURE__ */ React9.createElement(X, {
+  }) : /* @__PURE__ */ React8.createElement(X, {
     className: mx4("m-1.5", getSize2(6))
   });
 };
 
 // packages/plugins/plugin-space/src/components/MenuFooter.tsx
 import { Planet } from "@phosphor-icons/react";
-import React10 from "react";
+import React9 from "react";
 import { getSpace as getSpace2 } from "@dxos/client/echo";
 import { useClient as useClient4 } from "@dxos/react-client";
 import { DropdownMenu, toLocalizedString as toLocalizedString2, useTranslation as useTranslation9 } from "@dxos/react-ui";
@@ -891,127 +829,33 @@ var MenuFooter = ({ object }) => {
   const spaceName = space ? getSpaceDisplayName(space, {
     personal: client.spaces.default === space
   }) : "";
-  return space ? /* @__PURE__ */ React10.createElement(React10.Fragment, null, /* @__PURE__ */ React10.createElement(DropdownMenu.Separator, null), /* @__PURE__ */ React10.createElement(DropdownMenu.GroupLabel, null, t("menu footer label")), /* @__PURE__ */ React10.createElement("dl", {
+  return space ? /* @__PURE__ */ React9.createElement(React9.Fragment, null, /* @__PURE__ */ React9.createElement(DropdownMenu.Separator, null), /* @__PURE__ */ React9.createElement(DropdownMenu.GroupLabel, null, t("menu footer label")), /* @__PURE__ */ React9.createElement("dl", {
     className: "pis-2 mbe-2 text-xs grid grid-cols-[max-content_1fr] gap-2"
-  }, /* @__PURE__ */ React10.createElement("dt", {
+  }, /* @__PURE__ */ React9.createElement("dt", {
     className: "uppercase text-[.75em] tracking-wide font-medium mbs-px self-start"
-  }, t("location label")), /* @__PURE__ */ React10.createElement("dd", {
+  }, t("location label")), /* @__PURE__ */ React9.createElement("dd", {
     className: "line-clamp-3"
-  }, /* @__PURE__ */ React10.createElement(Planet, {
+  }, /* @__PURE__ */ React9.createElement(Planet, {
     className: "inline-block mie-1"
   }), toLocalizedString2(spaceName, t)))) : null;
 };
 
 // packages/plugins/plugin-space/src/components/ObjectSettings/ObjectSettingsContainer.tsx
-import React14, { useMemo as useMemo2 } from "react";
-import { Surface as Surface2 } from "@dxos/app-framework";
+import React11, { useMemo as useMemo2 } from "react";
+import { Surface } from "@dxos/app-framework";
 import { Clipboard as Clipboard2 } from "@dxos/react-ui";
 import { StackItem as StackItem2 } from "@dxos/react-ui-stack";
 
-// packages/plugins/plugin-space/src/components/ObjectSettings/AdvancedObjectSettings.tsx
-import React12, { useCallback as useCallback9, useState as useState5 } from "react";
-import { ForeignKeySchema } from "@dxos/echo-schema";
-import { getMeta } from "@dxos/react-client/echo";
-import { IconButton as IconButton2, useTranslation as useTranslation11 } from "@dxos/react-ui";
-import { Form as Form3 } from "@dxos/react-ui-form";
-
-// packages/plugins/plugin-space/src/components/ObjectSettings/ForeignKeys.tsx
-import React11, { useCallback as useCallback8 } from "react";
-import { IconButton, List, ListItem, useTranslation as useTranslation10 } from "@dxos/react-ui";
-var ForeignKeys = ({ keys, onDelete }) => {
-  return /* @__PURE__ */ React11.createElement(List, {
-    classNames: "flex flex-col gap-2"
-  }, keys.map((key) => /* @__PURE__ */ React11.createElement(KeyItem, {
-    key: key.id,
-    forignKey: key,
-    onDelete
-  })));
-};
-var KeyItem = ({ forignKey, onDelete }) => {
-  const { t } = useTranslation10(SPACE_PLUGIN);
-  const handleDelete = useCallback8(() => {
-    onDelete?.(forignKey);
-  }, [
-    forignKey,
-    onDelete
-  ]);
-  return /* @__PURE__ */ React11.createElement(ListItem.Root, {
-    classNames: "px-2"
-  }, /* @__PURE__ */ React11.createElement(ListItem.Heading, {
-    classNames: "flex flex-col grow truncate"
-  }, /* @__PURE__ */ React11.createElement("div", null, forignKey.source), /* @__PURE__ */ React11.createElement("div", {
-    className: "text-description text-sm truncate"
-  }, forignKey.id)), /* @__PURE__ */ React11.createElement(ListItem.Endcap, null, /* @__PURE__ */ React11.createElement(IconButton, {
-    iconOnly: true,
-    icon: "ph--x--regular",
-    variant: "ghost",
-    label: t("delete key"),
-    onClick: handleDelete
-  })));
-};
-
-// packages/plugins/plugin-space/src/components/ObjectSettings/AdvancedObjectSettings.tsx
-var initialValues2 = {
-  source: "",
-  id: ""
-};
-var AdvancedObjectSettings = ({ object }) => {
-  const { t } = useTranslation11(SPACE_PLUGIN);
-  const [adding, setAdding] = useState5(false);
-  const keys = getMeta(object).keys;
-  const handleNew = useCallback9(() => setAdding(true), []);
-  const handleCancel = useCallback9(() => setAdding(false), []);
-  const handleSave = useCallback9((key) => {
-    const index = keys.findIndex(({ source, id }) => source === key.source && id === key.id);
-    if (index === -1) {
-      keys.push(key);
-    }
-    setAdding(false);
-  }, [
-    keys
-  ]);
-  const handleDelete = useCallback9((key) => {
-    const index = keys.findIndex(({ source, id }) => source === key.source && id === key.id);
-    if (index !== -1) {
-      keys.splice(index, 1);
-    }
-  }, [
-    keys
-  ]);
-  return /* @__PURE__ */ React12.createElement(React12.Fragment, null, /* @__PURE__ */ React12.createElement("div", {
-    className: "p-2 flex flex-col gap-4"
-  }, /* @__PURE__ */ React12.createElement("h2", null, t("advanced settings label")), /* @__PURE__ */ React12.createElement("div", {
-    className: "flex items-center"
-  }, /* @__PURE__ */ React12.createElement("h3", {
-    className: "text-sm font-semibold"
-  }, t("foreign keys")), /* @__PURE__ */ React12.createElement("div", {
-    className: "grow"
-  }), /* @__PURE__ */ React12.createElement(IconButton2, {
-    classNames: adding && "invisible",
-    icon: "ph--plus--regular",
-    label: t("add key"),
-    onClick: handleNew
-  })), !adding && /* @__PURE__ */ React12.createElement(ForeignKeys, {
-    keys,
-    onDelete: handleDelete
-  })), adding && /* @__PURE__ */ React12.createElement(Form3, {
-    schema: ForeignKeySchema,
-    values: initialValues2,
-    onSave: handleSave,
-    onCancel: handleCancel
-  }));
-};
-
 // packages/plugins/plugin-space/src/components/ObjectSettings/BaseObjectSettings.tsx
-import React13, { useRef as useRef3 } from "react";
-import { Input as Input2, useTranslation as useTranslation12 } from "@dxos/react-ui";
+import React10, { useRef as useRef3 } from "react";
+import { Input as Input2, useTranslation as useTranslation10 } from "@dxos/react-ui";
 import { mx as mx5 } from "@dxos/react-ui-theme";
 var BaseObjectSettings = ({ classNames, children, object }) => {
-  const { t } = useTranslation12(meta.id);
+  const { t } = useTranslation10(meta.id);
   const inputRef = useRef3(null);
-  return /* @__PURE__ */ React13.createElement("form", {
+  return /* @__PURE__ */ React10.createElement("form", {
     className: mx5("flex flex-col p-2 gap-2", classNames)
-  }, /* @__PURE__ */ React13.createElement(Input2.Root, null, /* @__PURE__ */ React13.createElement(Input2.Label, null, t("name label")), /* @__PURE__ */ React13.createElement(Input2.TextInput, {
+  }, /* @__PURE__ */ React10.createElement(Input2.Root, null, /* @__PURE__ */ React10.createElement(Input2.Label, null, t("name label")), /* @__PURE__ */ React10.createElement(Input2.TextInput, {
     ref: inputRef,
     placeholder: t("name placeholder"),
     value: object.name ?? "",
@@ -1033,29 +877,27 @@ var ObjectSettingsContainer = ({ object, role }) => {
   }), [
     object
   ]);
-  return /* @__PURE__ */ React14.createElement(Clipboard2.Provider, null, /* @__PURE__ */ React14.createElement(StackItem2.Content, {
+  return /* @__PURE__ */ React11.createElement(Clipboard2.Provider, null, /* @__PURE__ */ React11.createElement(StackItem2.Content, {
     toolbar: false,
     role
-  }, /* @__PURE__ */ React14.createElement("div", {
+  }, /* @__PURE__ */ React11.createElement("div", {
     className: "flex flex-col overflow-y-auto divide-y divide-separator"
-  }, /* @__PURE__ */ React14.createElement(BaseObjectSettings, {
+  }, /* @__PURE__ */ React11.createElement(BaseObjectSettings, {
     object
-  }, /* @__PURE__ */ React14.createElement(Surface2, {
+  }, /* @__PURE__ */ React11.createElement(Surface, {
     role: "base-object-settings",
     data
-  })), /* @__PURE__ */ React14.createElement(Surface2, {
+  })), /* @__PURE__ */ React11.createElement(Surface, {
     role: "object-settings",
     data
-  }), /* @__PURE__ */ React14.createElement(AdvancedObjectSettings, {
-    object
   }))));
 };
 
 // packages/plugins/plugin-space/src/components/PersistenceStatus.tsx
 import { ArrowsCounterClockwise, CheckCircle as CheckCircle2, Warning } from "@phosphor-icons/react";
-import React15, { useEffect as useEffect3, useState as useState6 } from "react";
+import React12, { useEffect as useEffect2, useState as useState4 } from "react";
 import { debounce } from "@dxos/async";
-import { Tooltip, useTranslation as useTranslation13 } from "@dxos/react-ui";
+import { Tooltip, useTranslation as useTranslation11 } from "@dxos/react-ui";
 import { getSize as getSize3, mx as mx6, staticPlaceholderText, warningText } from "@dxos/react-ui-theme";
 var Status;
 (function(Status2) {
@@ -1064,12 +906,12 @@ var Status;
   Status2[Status2["ERROR"] = 2] = "ERROR";
 })(Status || (Status = {}));
 var PersistenceStatus = ({ db }) => {
-  const { t } = useTranslation13(SPACE_PLUGIN);
-  const [displayMessage, setDisplayMessage] = useState6(false);
-  const [status, naturalSetStatus] = useState6(0);
-  const [prevStatus, setPrevStatus] = useState6(0);
+  const { t } = useTranslation11(SPACE_PLUGIN);
+  const [displayMessage, setDisplayMessage] = useState4(false);
+  const [status, naturalSetStatus] = useState4(0);
+  const [prevStatus, setPrevStatus] = useState4(0);
   const _setStatus = debounce(naturalSetStatus, 500);
-  useEffect3(() => {
+  useEffect2(() => {
     setPrevStatus(status);
     if (prevStatus !== status && status === 0) {
       setDisplayMessage(true);
@@ -1081,96 +923,50 @@ var PersistenceStatus = ({ db }) => {
   ]);
   switch (status) {
     case 2:
-      return /* @__PURE__ */ React15.createElement("div", {
+      return /* @__PURE__ */ React12.createElement("div", {
         className: "flex items-center"
-      }, /* @__PURE__ */ React15.createElement(Warning, {
+      }, /* @__PURE__ */ React12.createElement(Warning, {
         className: mx6(getSize3(4), "me-1")
-      }), /* @__PURE__ */ React15.createElement("span", {
+      }), /* @__PURE__ */ React12.createElement("span", {
         className: mx6("text-sm", warningText)
       }, t("persistence error label")));
     case 1:
-      return /* @__PURE__ */ React15.createElement("div", {
+      return /* @__PURE__ */ React12.createElement("div", {
         className: "flex items-center"
-      }, /* @__PURE__ */ React15.createElement(ArrowsCounterClockwise, {
+      }, /* @__PURE__ */ React12.createElement(ArrowsCounterClockwise, {
         className: mx6(getSize3(4), "me-1")
-      }), /* @__PURE__ */ React15.createElement("span", {
+      }), /* @__PURE__ */ React12.createElement("span", {
         className: mx6("text-sm", staticPlaceholderText)
       }, t("persistence pending label")));
     case 0:
     default:
-      return /* @__PURE__ */ React15.createElement(Tooltip.Root, {
-        delayDuration: 400
-      }, /* @__PURE__ */ React15.createElement(Tooltip.Trigger, {
+      return /* @__PURE__ */ React12.createElement(Tooltip.Trigger, {
+        delayDuration: 400,
         role: "status",
+        content: t("persisted locally message"),
         className: "flex items-center"
-      }, /* @__PURE__ */ React15.createElement(CheckCircle2, {
+      }, /* @__PURE__ */ React12.createElement(CheckCircle2, {
         className: mx6(getSize3(4), "me-1")
-      }), displayMessage && /* @__PURE__ */ React15.createElement("span", {
+      }), displayMessage && /* @__PURE__ */ React12.createElement("span", {
         className: mx6("text-sm", staticPlaceholderText)
-      }, t("persisted locally label"))), /* @__PURE__ */ React15.createElement(Tooltip.Portal, null, /* @__PURE__ */ React15.createElement(Tooltip.Content, null, t("persisted locally message"), /* @__PURE__ */ React15.createElement(Tooltip.Arrow, null))));
+      }, t("persisted locally label")));
   }
 };
 
-// packages/plugins/plugin-space/src/components/PopoverAddSpace.tsx
-import React16 from "react";
-import { createIntent as createIntent6, LayoutAction as LayoutAction5, useIntentDispatcher as useIntentDispatcher6 } from "@dxos/app-framework";
-import { IconButton as IconButton3, useTranslation as useTranslation14 } from "@dxos/react-ui";
-var POPOVER_ADD_SPACE = `${SPACE_PLUGIN}/PopoverRenameSpace`;
-var PopoverAddSpace = () => {
-  const { t } = useTranslation14(SPACE_PLUGIN);
-  const { dispatchPromise: dispatch } = useIntentDispatcher6();
-  return /* @__PURE__ */ React16.createElement("div", {
-    role: "none",
-    className: "p-1 grid grid-cols-1 gap-1 [&>button]:justify-start"
-  }, /* @__PURE__ */ React16.createElement(IconButton3, {
-    variant: "ghost",
-    label: t("create space label"),
-    icon: "ph--plus--regular",
-    onClick: () => {
-      void dispatch(createIntent6(SpaceAction.OpenCreateSpace));
-      void dispatch(createIntent6(LayoutAction5.UpdatePopover, {
-        part: "popover",
-        options: {
-          variant: "react",
-          anchorId: "",
-          state: false
-        }
-      }));
-    },
-    "data-testid": "spacePlugin.createSpace"
-  }), /* @__PURE__ */ React16.createElement(IconButton3, {
-    variant: "ghost",
-    label: t("join space label"),
-    icon: "ph--sign-in--regular",
-    onClick: () => {
-      void dispatch(createIntent6(SpaceAction.Join));
-      void dispatch(createIntent6(LayoutAction5.UpdatePopover, {
-        part: "popover",
-        options: {
-          variant: "react",
-          anchorId: "",
-          state: false
-        }
-      }));
-    },
-    "data-testid": "spacePlugin.joinSpace"
-  }));
-};
-
 // packages/plugins/plugin-space/src/components/PopoverRenameObject.tsx
-import React17, { useCallback as useCallback10, useRef as useRef4, useState as useState7 } from "react";
-import { createIntent as createIntent7, LayoutAction as LayoutAction6, useIntentDispatcher as useIntentDispatcher7 } from "@dxos/app-framework";
+import React13, { useCallback as useCallback7, useRef as useRef4, useState as useState5 } from "react";
+import { createIntent as createIntent6, LayoutAction as LayoutAction5, useIntentDispatcher as useIntentDispatcher6 } from "@dxos/app-framework";
 import { log as log2 } from "@dxos/log";
-import { Button as Button5, Input as Input3, useTranslation as useTranslation15 } from "@dxos/react-ui";
+import { Button as Button5, Input as Input3, useTranslation as useTranslation12 } from "@dxos/react-ui";
 var __dxlog_file4 = "/home/runner/work/dxos/dxos/packages/plugins/plugin-space/src/components/PopoverRenameObject.tsx";
 var POPOVER_RENAME_OBJECT = `${SPACE_PLUGIN}/PopoverRenameObject`;
 var PopoverRenameObject = ({ object: obj }) => {
-  const { t } = useTranslation15(SPACE_PLUGIN);
+  const { t } = useTranslation12(SPACE_PLUGIN);
   const doneButton = useRef4(null);
   const object = obj;
-  const [name, setName] = useState7(object.name || object.title || "");
-  const { dispatchPromise: dispatch } = useIntentDispatcher7();
-  const handleDone = useCallback10(() => {
+  const [name, setName] = useState5(object.name || object.title || "");
+  const { dispatchPromise: dispatch } = useIntentDispatcher6();
+  const handleDone = useCallback7(() => {
     try {
       object.name = name;
     } catch {
@@ -1187,7 +983,7 @@ var PopoverRenameObject = ({ object: obj }) => {
         });
       }
     }
-    void dispatch(createIntent7(LayoutAction6.UpdatePopover, {
+    void dispatch(createIntent6(LayoutAction5.UpdatePopover, {
       part: "popover",
       options: {
         variant: "react",
@@ -1199,21 +995,21 @@ var PopoverRenameObject = ({ object: obj }) => {
     object,
     name
   ]);
-  return /* @__PURE__ */ React17.createElement("div", {
+  return /* @__PURE__ */ React13.createElement("div", {
     role: "none",
     className: "p-1 flex gap-2"
-  }, /* @__PURE__ */ React17.createElement("div", {
+  }, /* @__PURE__ */ React13.createElement("div", {
     role: "none",
     className: "flex-1"
-  }, /* @__PURE__ */ React17.createElement(Input3.Root, null, /* @__PURE__ */ React17.createElement(Input3.Label, {
+  }, /* @__PURE__ */ React13.createElement(Input3.Root, null, /* @__PURE__ */ React13.createElement(Input3.Label, {
     srOnly: true
-  }, t("object name label")), /* @__PURE__ */ React17.createElement(Input3.TextInput, {
+  }, t("object name label")), /* @__PURE__ */ React13.createElement(Input3.TextInput, {
     placeholder: t("object placeholder"),
     value: name,
     "data-testid": "spacePlugin.renameObject.input",
     onChange: ({ target: { value } }) => setName(value),
     onKeyDown: ({ key }) => key === "Enter" && doneButton.current?.click()
-  }))), /* @__PURE__ */ React17.createElement(Button5, {
+  }))), /* @__PURE__ */ React13.createElement(Button5, {
     ref: doneButton,
     classNames: "self-stretch",
     onClick: handleDone
@@ -1223,18 +1019,18 @@ var PopoverRenameObject = ({ object: obj }) => {
 };
 
 // packages/plugins/plugin-space/src/components/PopoverRenameSpace.tsx
-import React18, { useCallback as useCallback11, useRef as useRef5, useState as useState8 } from "react";
-import { createIntent as createIntent8, LayoutAction as LayoutAction7, useIntentDispatcher as useIntentDispatcher8 } from "@dxos/app-framework";
-import { Button as Button6, Input as Input4, Popover, useTranslation as useTranslation16 } from "@dxos/react-ui";
+import React14, { useCallback as useCallback8, useRef as useRef5, useState as useState6 } from "react";
+import { createIntent as createIntent7, LayoutAction as LayoutAction6, useIntentDispatcher as useIntentDispatcher7 } from "@dxos/app-framework";
+import { Button as Button6, Input as Input4, Popover, useTranslation as useTranslation13 } from "@dxos/react-ui";
 var POPOVER_RENAME_SPACE = `${SPACE_PLUGIN}/PopoverRenameSpace`;
 var PopoverRenameSpace = ({ space }) => {
-  const { t } = useTranslation16(SPACE_PLUGIN);
+  const { t } = useTranslation13(SPACE_PLUGIN);
   const doneButton = useRef5(null);
-  const [name, setName] = useState8(space.properties.name ?? "");
-  const { dispatchPromise: dispatch } = useIntentDispatcher8();
-  const handleDone = useCallback11(() => {
+  const [name, setName] = useState6(space.properties.name ?? "");
+  const { dispatchPromise: dispatch } = useIntentDispatcher7();
+  const handleDone = useCallback8(() => {
     space.properties.name = name;
-    void dispatch(createIntent8(LayoutAction7.UpdatePopover, {
+    void dispatch(createIntent7(LayoutAction6.UpdatePopover, {
       part: "popover",
       options: {
         variant: "react",
@@ -1246,24 +1042,24 @@ var PopoverRenameSpace = ({ space }) => {
     space,
     name
   ]);
-  return /* @__PURE__ */ React18.createElement("div", {
+  return /* @__PURE__ */ React14.createElement("div", {
     role: "none",
     className: "p-1 flex gap-2"
-  }, /* @__PURE__ */ React18.createElement("div", {
+  }, /* @__PURE__ */ React14.createElement("div", {
     role: "none",
     className: "flex-1"
-  }, /* @__PURE__ */ React18.createElement(Input4.Root, null, /* @__PURE__ */ React18.createElement(Input4.Label, {
+  }, /* @__PURE__ */ React14.createElement(Input4.Root, null, /* @__PURE__ */ React14.createElement(Input4.Label, {
     srOnly: true
-  }, t("space name label")), /* @__PURE__ */ React18.createElement(Input4.TextInput, {
+  }, t("space name label")), /* @__PURE__ */ React14.createElement(Input4.TextInput, {
     defaultValue: space.properties.name ?? "",
     placeholder: t("unnamed space label"),
     onChange: ({ target: { value } }) => setName(value),
     // TODO(wittjosiah): Ideally this should access the popover context to close the popover.
     //   Currently this is not possible because Radix does not expose the popover context.
     onKeyDown: ({ key }) => key === "Enter" && doneButton.current?.click()
-  }))), /* @__PURE__ */ React18.createElement(Popover.Close, {
+  }))), /* @__PURE__ */ React14.createElement(Popover.Close, {
     asChild: true
-  }, /* @__PURE__ */ React18.createElement(Button6, {
+  }, /* @__PURE__ */ React14.createElement(Button6, {
     ref: doneButton,
     classNames: "self-stretch",
     onClick: handleDone
@@ -1273,13 +1069,13 @@ var PopoverRenameSpace = ({ space }) => {
 };
 
 // packages/plugins/plugin-space/src/components/SchemaContainer.tsx
-import React19, { useState as useState9, useEffect as useEffect4 } from "react";
-import { useTranslation as useTranslation17 } from "@dxos/react-ui";
+import React15, { useState as useState7, useEffect as useEffect3 } from "react";
+import { useTranslation as useTranslation14 } from "@dxos/react-ui";
 import { controlItemClasses, ControlPage as ControlPage2, ControlSection as ControlSection2 } from "@dxos/react-ui-form";
 import { StackItem as StackItem3 } from "@dxos/react-ui-stack";
 var useQuerySpaceSchemas = (space) => {
-  const [schemas, setSchemas] = useState9([]);
-  useEffect4(() => {
+  const [schemas, setSchemas] = useState7([]);
+  useEffect3(() => {
     const query = space.db.schemaRegistry.query();
     const initialResults = query.runSync();
     setSchemas(initialResults);
@@ -1291,31 +1087,32 @@ var useQuerySpaceSchemas = (space) => {
   return schemas;
 };
 var SchemaContainer = ({ space }) => {
-  const { t } = useTranslation17(SPACE_PLUGIN);
+  const { t } = useTranslation14(SPACE_PLUGIN);
   const schemas = useQuerySpaceSchemas(space);
-  return /* @__PURE__ */ React19.createElement(StackItem3.Content, {
+  return /* @__PURE__ */ React15.createElement(StackItem3.Content, {
     classNames: "block overflow-y-auto"
-  }, /* @__PURE__ */ React19.createElement(ControlPage2, null, /* @__PURE__ */ React19.createElement(ControlSection2, {
+  }, /* @__PURE__ */ React15.createElement(ControlPage2, null, /* @__PURE__ */ React15.createElement(ControlSection2, {
     title: t("schema verbose label"),
     description: t("schema description")
-  }, /* @__PURE__ */ React19.createElement("div", {
+  }, /* @__PURE__ */ React15.createElement("div", {
     role: "none",
     className: controlItemClasses
-  }, schemas.length === 0 && /* @__PURE__ */ React19.createElement("div", {
+  }, schemas.length === 0 && /* @__PURE__ */ React15.createElement("div", {
     className: "text-center plb-4"
-  }, t("no schemas found message")), schemas.map((schema) => /* @__PURE__ */ React19.createElement("div", {
+  }, t("no schemas found message")), schemas.map((schema) => /* @__PURE__ */ React15.createElement("div", {
     key: schema.id
-  }, /* @__PURE__ */ React19.createElement("div", null, schema.typename)))))));
+  }, /* @__PURE__ */ React15.createElement("div", null, schema.typename)))))));
 };
 
 // packages/plugins/plugin-space/src/components/SpacePresence.tsx
-import React20, { forwardRef, useCallback as useCallback12, useEffect as useEffect5, useState as useState10 } from "react";
+import { Option } from "effect";
+import React16, { forwardRef, useCallback as useCallback9, useEffect as useEffect4, useState as useState8 } from "react";
 import { useAppGraph as useAppGraph2, useCapability } from "@dxos/app-framework";
 import { generateName } from "@dxos/display-name";
 import { PublicKey, useClient as useClient5 } from "@dxos/react-client";
 import { getSpace as getSpace3, useMembers, fullyQualifiedId as fullyQualifiedId3 } from "@dxos/react-client/echo";
 import { useIdentity } from "@dxos/react-client/halo";
-import { Avatar, Tooltip as Tooltip2, useTranslation as useTranslation18, List as List2, ListItem as ListItem2, useDefaultValue } from "@dxos/react-ui";
+import { Avatar, Tooltip as Tooltip2, Popover as Popover2, useTranslation as useTranslation15, List, ListItem, useDefaultValue } from "@dxos/react-ui";
 import { AttentionGlyph, useAttended, useAttention } from "@dxos/react-ui-attention";
 import { ComplexMap, keyToFallback } from "@dxos/util";
 var REFRESH_INTERVAL = 5e3;
@@ -1328,13 +1125,13 @@ var SpacePresence = ({ object, spaceKey }) => {
   const identity = useIdentity();
   const space = spaceKey ? client.spaces.get(spaceKey) : getSpace3(object);
   const spaceMembers = useMembers(space?.key);
-  const [_moment, setMoment] = useState10(Date.now());
-  useEffect5(() => {
+  const [_moment, setMoment] = useState8(Date.now());
+  useEffect4(() => {
     const interval = setInterval(() => setMoment(Date.now()), REFRESH_INTERVAL);
     return () => clearInterval(interval);
   }, []);
-  const memberOnline = useCallback12((member) => member.presence === 1, []);
-  const memberIsNotSelf = useCallback12((member) => !identity?.identityKey.equals(member.identity.identityKey), [
+  const memberOnline = useCallback9((member) => member.presence === 1, []);
+  const memberIsNotSelf = useCallback9((member) => !identity?.identityKey.equals(member.identity.identityKey), [
     identity?.identityKey
   ]);
   if (!identity || !spaceState || !space) {
@@ -1351,7 +1148,7 @@ var SpacePresence = ({ object, spaceKey }) => {
       lastSeen
     };
   }).toSorted((a, b) => a.lastSeen - b.lastSeen);
-  return /* @__PURE__ */ React20.createElement(FullPresence, {
+  return /* @__PURE__ */ React16.createElement(FullPresence, {
     members: membersForObject
   });
 };
@@ -1361,40 +1158,39 @@ var FullPresence = (props) => {
   if (members.length === 0) {
     return null;
   }
-  return /* @__PURE__ */ React20.createElement("div", {
+  return /* @__PURE__ */ React16.createElement("div", {
     className: "dx-avatar-group",
     "data-testid": "spacePlugin.presence"
-  }, members.slice(0, 3).map((member, i) => /* @__PURE__ */ React20.createElement(Tooltip2.Root, {
-    key: member.identity.identityKey.toHex()
-  }, /* @__PURE__ */ React20.createElement(Tooltip2.Trigger, {
+  }, members.slice(0, 3).map((member, i) => /* @__PURE__ */ React16.createElement(Tooltip2.Trigger, {
+    key: member.identity.identityKey.toHex(),
+    side: "bottom",
+    content: getName(member.identity),
     className: "grid focus:outline-none"
-  }, /* @__PURE__ */ React20.createElement(PresenceAvatar, {
+  }, /* @__PURE__ */ React16.createElement(PresenceAvatar, {
     identity: member.identity,
     match: member.currentlyAttended,
     index: members.length - i,
     onClick: () => onMemberClick?.(member),
     size
-  })), /* @__PURE__ */ React20.createElement(Tooltip2.Portal, null, /* @__PURE__ */ React20.createElement(Tooltip2.Content, {
-    side: "bottom"
-  }, /* @__PURE__ */ React20.createElement("span", null, getName(member.identity)), /* @__PURE__ */ React20.createElement(Tooltip2.Arrow, null))))), members.length > 3 && /* @__PURE__ */ React20.createElement(Tooltip2.Root, null, /* @__PURE__ */ React20.createElement(Tooltip2.Trigger, {
+  }))), members.length > 3 && /* @__PURE__ */ React16.createElement(Popover2.Root, null, /* @__PURE__ */ React16.createElement(Popover2.Trigger, {
     className: "grid focus:outline-none"
-  }, /* @__PURE__ */ React20.createElement(Avatar.Root, null, /* @__PURE__ */ React20.createElement(Avatar.Content, {
+  }, /* @__PURE__ */ React16.createElement(Avatar.Root, null, /* @__PURE__ */ React16.createElement(Avatar.Content, {
     status: "inactive",
     style: {
       zIndex: members.length - 4
     },
     fallback: `+${members.length - 3}`,
     size
-  }))), /* @__PURE__ */ React20.createElement(Tooltip2.Portal, null, /* @__PURE__ */ React20.createElement(Tooltip2.Content, {
+  }))), /* @__PURE__ */ React16.createElement(Popover2.Portal, null, /* @__PURE__ */ React16.createElement(Popover2.Content, {
     side: "bottom"
-  }, /* @__PURE__ */ React20.createElement(Tooltip2.Arrow, null), /* @__PURE__ */ React20.createElement(List2, {
+  }, /* @__PURE__ */ React16.createElement(Popover2.Arrow, null), /* @__PURE__ */ React16.createElement(List, {
     classNames: "max-h-56 overflow-y-auto"
-  }, members.map((member) => /* @__PURE__ */ React20.createElement(ListItem2.Root, {
+  }, members.map((member) => /* @__PURE__ */ React16.createElement(ListItem.Root, {
     key: member.identity.identityKey.toHex(),
     classNames: "flex gap-2 items-center cursor-pointer mbe-2",
     onClick: () => onMemberClick?.(member),
     "data-testid": "identity-list-item"
-  }, /* @__PURE__ */ React20.createElement(PresenceAvatar, {
+  }, /* @__PURE__ */ React16.createElement(PresenceAvatar, {
     identity: member.identity,
     size,
     showName: true,
@@ -1404,7 +1200,7 @@ var FullPresence = (props) => {
 var PresenceAvatar = /* @__PURE__ */ forwardRef(({ identity, showName, match, index, onClick, size }, forwardedRef) => {
   const status = match ? "current" : "active";
   const fallbackValue = keyToFallback(identity.identityKey);
-  return /* @__PURE__ */ React20.createElement(Avatar.Root, null, /* @__PURE__ */ React20.createElement(Avatar.Content, {
+  return /* @__PURE__ */ React16.createElement(Avatar.Root, null, /* @__PURE__ */ React16.createElement(Avatar.Content, {
     status,
     hue: identity.profile?.data?.hue || fallbackValue.hue,
     "data-testid": "spacePlugin.presence.member",
@@ -1418,7 +1214,7 @@ var PresenceAvatar = /* @__PURE__ */ forwardRef(({ identity, showName, match, in
     onClick,
     fallback: identity.profile?.data?.emoji || fallbackValue.emoji,
     ref: forwardedRef
-  }), /* @__PURE__ */ React20.createElement(Avatar.Label, {
+  }), /* @__PURE__ */ React16.createElement(Avatar.Label, {
     classNames: showName ? "text-sm truncate pli-2" : "sr-only"
   }, getName(identity)));
 });
@@ -1429,13 +1225,13 @@ var SmallPresenceLive = ({ id, open, viewers }) => {
   const attended = useAttended();
   const startOfAttention = attended.at(-1);
   const path = usePath(graph, startOfAttention);
-  const containsAttended = !open && !isAttended && id && path ? path.includes(id) : false;
+  const containsAttended = !open && !isAttended && id && Option.isSome(path) ? path.value.includes(id) : false;
   const getActiveViewers = (viewers2) => {
     const moment = Date.now();
     return Array.from(viewers2.values()).filter((viewer) => moment - viewer.lastSeen < ACTIVITY_DURATION);
   };
-  const [activeViewers, setActiveViewers] = useState10(viewers ? getActiveViewers(viewers) : []);
-  useEffect5(() => {
+  const [activeViewers, setActiveViewers] = useState8(viewers ? getActiveViewers(viewers) : []);
+  useEffect4(() => {
     if (viewers) {
       setActiveViewers(getActiveViewers(viewers));
       const interval = setInterval(() => {
@@ -1446,96 +1242,96 @@ var SmallPresenceLive = ({ id, open, viewers }) => {
   }, [
     viewers
   ]);
-  return /* @__PURE__ */ React20.createElement(SmallPresence, {
+  return /* @__PURE__ */ React16.createElement(SmallPresence, {
     count: activeViewers.length,
     attended: isAttended,
     containsAttended
   });
 };
 var SmallPresence = ({ count = 0, attended, containsAttended }) => {
-  const { t } = useTranslation18(SPACE_PLUGIN);
-  return /* @__PURE__ */ React20.createElement(Tooltip2.Root, null, /* @__PURE__ */ React20.createElement(Tooltip2.Trigger, {
-    asChild: true
-  }, /* @__PURE__ */ React20.createElement(AttentionGlyph, {
+  const { t } = useTranslation15(SPACE_PLUGIN);
+  return /* @__PURE__ */ React16.createElement(Tooltip2.Trigger, {
+    asChild: true,
+    content: t("presence label", {
+      count
+    }),
+    side: "bottom"
+  }, /* @__PURE__ */ React16.createElement(AttentionGlyph, {
     attended,
     containsAttended,
     presence: count > 1 ? "many" : count === 1 ? "one" : "none",
     classNames: "self-center mie-1"
-  })), /* @__PURE__ */ React20.createElement(Tooltip2.Portal, null, /* @__PURE__ */ React20.createElement(Tooltip2.Content, {
-    side: "bottom"
-  }, /* @__PURE__ */ React20.createElement("span", null, t("presence label", {
-    count
-  })), /* @__PURE__ */ React20.createElement(Tooltip2.Arrow, null))));
+  }));
 };
 
 // packages/plugins/plugin-space/src/components/SpacePluginSettings.tsx
-import React21 from "react";
-import { createIntent as createIntent9, useIntentDispatcher as useIntentDispatcher9 } from "@dxos/app-framework";
+import React17 from "react";
+import { createIntent as createIntent8, useIntentDispatcher as useIntentDispatcher8 } from "@dxos/app-framework";
 import { useClient as useClient6 } from "@dxos/react-client";
 import { useSpaces as useSpaces2 } from "@dxos/react-client/echo";
-import { Input as Input5, toLocalizedString as toLocalizedString3, useTranslation as useTranslation19, List as List3, ListItem as ListItem3, Button as Button7 } from "@dxos/react-ui";
+import { Input as Input5, toLocalizedString as toLocalizedString3, useTranslation as useTranslation16, List as List2, ListItem as ListItem2, Button as Button7 } from "@dxos/react-ui";
 import { DeprecatedFormContainer, DeprecatedFormInput } from "@dxos/react-ui-form";
 var SpacePluginSettings = ({ settings }) => {
-  const { t } = useTranslation19(SPACE_PLUGIN);
-  const { dispatchPromise: dispatch } = useIntentDispatcher9();
+  const { t } = useTranslation16(SPACE_PLUGIN);
+  const { dispatchPromise: dispatch } = useIntentDispatcher8();
   const client = useClient6();
   const spaces = useSpaces2({
     all: settings.showHidden
   });
-  return /* @__PURE__ */ React21.createElement(DeprecatedFormContainer, null, /* @__PURE__ */ React21.createElement(DeprecatedFormInput, {
+  return /* @__PURE__ */ React17.createElement(DeprecatedFormContainer, null, /* @__PURE__ */ React17.createElement(DeprecatedFormInput, {
     label: t("show hidden spaces label")
-  }, /* @__PURE__ */ React21.createElement(Input5.Switch, {
+  }, /* @__PURE__ */ React17.createElement(Input5.Switch, {
     checked: settings.showHidden,
     onCheckedChange: (checked) => settings.showHidden = !!checked
-  })), /* @__PURE__ */ React21.createElement("div", {
+  })), /* @__PURE__ */ React17.createElement("div", {
     role: "none"
-  }, /* @__PURE__ */ React21.createElement("h2", {
+  }, /* @__PURE__ */ React17.createElement("h2", {
     className: "text-xl my-4"
-  }, "Space Settings"), /* @__PURE__ */ React21.createElement(List3, {
+  }, "Space Settings"), /* @__PURE__ */ React17.createElement(List2, {
     classNames: "max-w-md mx-auto"
-  }, spaces.map((space) => /* @__PURE__ */ React21.createElement(ListItem3.Root, {
+  }, spaces.map((space) => /* @__PURE__ */ React17.createElement(ListItem2.Root, {
     key: space.id
-  }, /* @__PURE__ */ React21.createElement(ListItem3.Heading, {
+  }, /* @__PURE__ */ React17.createElement(ListItem2.Heading, {
     classNames: "flex flex-col grow truncate mbe-2"
   }, toLocalizedString3(getSpaceDisplayName(space, {
     personal: space === client.spaces.default
-  }), t)), /* @__PURE__ */ React21.createElement(ListItem3.Endcap, null, /* @__PURE__ */ React21.createElement(Button7, {
-    onClick: () => dispatch(createIntent9(SpaceAction.OpenSettings, {
+  }), t)), /* @__PURE__ */ React17.createElement(ListItem2.Endcap, null, /* @__PURE__ */ React17.createElement(Button7, {
+    onClick: () => dispatch(createIntent8(SpaceAction.OpenSettings, {
       space
     }))
   }, t("open space settings label"))))))));
 };
 
 // packages/plugins/plugin-space/src/components/SpaceSettings/SpaceSettingsContainer.tsx
-import { pipe as pipe2, Schema as S } from "effect";
-import React22, { useCallback as useCallback13, useMemo as useMemo3, useState as useState11 } from "react";
-import { chain as chain2, createIntent as createIntent10, LayoutAction as LayoutAction8, useIntentDispatcher as useIntentDispatcher10 } from "@dxos/app-framework";
+import { pipe as pipe2, Schema } from "effect";
+import React18, { useCallback as useCallback10, useMemo as useMemo3, useState as useState9 } from "react";
+import { chain as chain2, createIntent as createIntent9, LayoutAction as LayoutAction7, useIntentDispatcher as useIntentDispatcher9 } from "@dxos/app-framework";
 import { log as log3 } from "@dxos/log";
 import { EdgeReplicationSetting } from "@dxos/protocols/proto/dxos/echo/metadata";
 import { useClient as useClient7 } from "@dxos/react-client";
 import { SpaceState as SpaceState2 } from "@dxos/react-client/echo";
-import { Button as Button8, Input as Input6, useMulticastObservable, useTranslation as useTranslation20 } from "@dxos/react-ui";
-import { Form as Form4, ControlItem, ControlItemInput as ControlItemInput2, ControlSection as ControlSection3, ControlPage as ControlPage3 } from "@dxos/react-ui-form";
+import { Button as Button8, Input as Input6, useMulticastObservable, useTranslation as useTranslation17 } from "@dxos/react-ui";
+import { Form as Form3, ControlItem, ControlItemInput as ControlItemInput2, ControlSection as ControlSection3, ControlPage as ControlPage3 } from "@dxos/react-ui-form";
 import { HuePicker, IconPicker } from "@dxos/react-ui-pickers";
 import { StackItem as StackItem4 } from "@dxos/react-ui-stack";
 var __dxlog_file5 = "/home/runner/work/dxos/dxos/packages/plugins/plugin-space/src/components/SpaceSettings/SpaceSettingsContainer.tsx";
-var FormSchema = SpaceForm.pipe(S.extend(S.Struct({
-  archived: S.Boolean.annotations({
+var FormSchema = SpaceForm.pipe(Schema.extend(Schema.Struct({
+  archived: Schema.Boolean.annotations({
     title: "Archive space"
   })
 })));
 var SpaceSettingsContainer = ({ space }) => {
-  const { t } = useTranslation20(SPACE_PLUGIN);
-  const { dispatchPromise: dispatch } = useIntentDispatcher10();
+  const { t } = useTranslation17(SPACE_PLUGIN);
+  const { dispatchPromise: dispatch } = useIntentDispatcher9();
   const client = useClient7();
   const archived = useMulticastObservable(space.state) === SpaceState2.SPACE_INACTIVE;
-  const [edgeReplication, setEdgeReplication] = useState11(space.internal.data.edgeReplication === EdgeReplicationSetting.ENABLED);
-  const toggleEdgeReplication = useCallback13(async (next) => {
+  const [edgeReplication, setEdgeReplication] = useState9(space.internal.data.edgeReplication === EdgeReplicationSetting.ENABLED);
+  const toggleEdgeReplication = useCallback10(async (next) => {
     setEdgeReplication(next);
     await space?.internal.setEdgeReplicationPreference(next ? EdgeReplicationSetting.ENABLED : EdgeReplicationSetting.DISABLED).catch((err) => {
       log3.catch(err, void 0, {
         F: __dxlog_file5,
-        L: 49,
+        L: 51,
         S: void 0,
         C: (f, a) => f(...a)
       });
@@ -1544,7 +1340,7 @@ var SpaceSettingsContainer = ({ space }) => {
   }, [
     space
   ]);
-  const handleSave = useCallback13((properties) => {
+  const handleSave = useCallback10((properties) => {
     void toggleEdgeReplication(properties.edgeReplication);
     if (properties.name !== space.properties.name) {
       space.properties.name = properties.name;
@@ -1556,14 +1352,14 @@ var SpaceSettingsContainer = ({ space }) => {
       space.properties.hue = properties.hue;
     }
     if (properties.archived && !archived) {
-      void dispatch(pipe2(createIntent10(SpaceAction.Close, {
+      void dispatch(pipe2(createIntent9(SpaceAction.Close, {
         space
-      }), chain2(LayoutAction8.SwitchWorkspace, {
+      }), chain2(LayoutAction7.SwitchWorkspace, {
         part: "workspace",
         subject: client.spaces.default.id
       })));
     } else if (!properties.archived && archived) {
-      void dispatch(createIntent10(SpaceAction.Open, {
+      void dispatch(createIntent9(SpaceAction.Open, {
         space
       }));
     }
@@ -1587,14 +1383,14 @@ var SpaceSettingsContainer = ({ space }) => {
   ]);
   const customElements = useMemo3(() => ({
     name: ({ type, label, getValue, onValueChange }) => {
-      const handleChange = useCallback13(({ target: { value } }) => onValueChange(type, value), [
+      const handleChange = useCallback10(({ target: { value } }) => onValueChange(type, value), [
         onValueChange,
         type
       ]);
-      return /* @__PURE__ */ React22.createElement(ControlItemInput2, {
+      return /* @__PURE__ */ React18.createElement(ControlItemInput2, {
         title: label,
         description: t("display name description")
-      }, /* @__PURE__ */ React22.createElement(Input6.TextInput, {
+      }, /* @__PURE__ */ React18.createElement(Input6.TextInput, {
         value: getValue(),
         onChange: handleChange,
         placeholder: t("display name input placeholder"),
@@ -1602,18 +1398,18 @@ var SpaceSettingsContainer = ({ space }) => {
       }));
     },
     icon: ({ type, label, getValue, onValueChange }) => {
-      const handleChange = useCallback13((nextEmoji) => onValueChange(type, nextEmoji), [
+      const handleChange = useCallback10((nextEmoji) => onValueChange(type, nextEmoji), [
         onValueChange,
         type
       ]);
-      const handleEmojiReset = useCallback13(() => onValueChange(type, void 0), [
+      const handleEmojiReset = useCallback10(() => onValueChange(type, void 0), [
         onValueChange,
         type
       ]);
-      return /* @__PURE__ */ React22.createElement(ControlItem, {
+      return /* @__PURE__ */ React18.createElement(ControlItem, {
         title: label,
         description: t("icon description")
-      }, /* @__PURE__ */ React22.createElement(IconPicker, {
+      }, /* @__PURE__ */ React18.createElement(IconPicker, {
         value: getValue(),
         onChange: handleChange,
         onReset: handleEmojiReset,
@@ -1622,18 +1418,18 @@ var SpaceSettingsContainer = ({ space }) => {
       }));
     },
     hue: ({ type, label, getValue, onValueChange }) => {
-      const handleChange = useCallback13((nextHue) => onValueChange(type, nextHue), [
+      const handleChange = useCallback10((nextHue) => onValueChange(type, nextHue), [
         onValueChange,
         type
       ]);
-      const handleHueReset = useCallback13(() => onValueChange(type, void 0), [
+      const handleHueReset = useCallback10(() => onValueChange(type, void 0), [
         onValueChange,
         type
       ]);
-      return /* @__PURE__ */ React22.createElement(ControlItem, {
+      return /* @__PURE__ */ React18.createElement(ControlItem, {
         title: label,
         description: t("hue description")
-      }, /* @__PURE__ */ React22.createElement(HuePicker, {
+      }, /* @__PURE__ */ React18.createElement(HuePicker, {
         value: getValue(),
         onChange: handleChange,
         onReset: handleHueReset,
@@ -1641,29 +1437,29 @@ var SpaceSettingsContainer = ({ space }) => {
       }));
     },
     edgeReplication: ({ type, label, getValue, onValueChange }) => {
-      const handleChange = useCallback13((checked) => onValueChange(type, checked), [
+      const handleChange = useCallback10((checked) => onValueChange(type, checked), [
         onValueChange,
         type
       ]);
-      return /* @__PURE__ */ React22.createElement(ControlItemInput2, {
+      return /* @__PURE__ */ React18.createElement(ControlItemInput2, {
         title: label,
         description: t("edge replication description")
-      }, /* @__PURE__ */ React22.createElement(Input6.Switch, {
+      }, /* @__PURE__ */ React18.createElement(Input6.Switch, {
         checked: getValue(),
         onCheckedChange: handleChange,
         classNames: "justify-self-end"
       }));
     },
     archived: ({ type, label, getValue, onValueChange }) => {
-      const handleChange = useCallback13(() => onValueChange(type, !getValue()), [
+      const handleChange = useCallback10(() => onValueChange(type, !getValue()), [
         onValueChange,
         type,
         getValue
       ]);
-      return /* @__PURE__ */ React22.createElement(ControlItemInput2, {
+      return /* @__PURE__ */ React18.createElement(ControlItemInput2, {
         title: label,
         description: t("archive space description")
-      }, /* @__PURE__ */ React22.createElement(Button8, {
+      }, /* @__PURE__ */ React18.createElement(Button8, {
         disabled: space === client.spaces.default,
         onClick: handleChange
       }, getValue() ? t("unarchive space label") : t("archive space label")));
@@ -1672,16 +1468,16 @@ var SpaceSettingsContainer = ({ space }) => {
     t,
     space
   ]);
-  return /* @__PURE__ */ React22.createElement(StackItem4.Content, {
+  return /* @__PURE__ */ React18.createElement(StackItem4.Content, {
     classNames: "block overflow-y-auto pli-2"
-  }, /* @__PURE__ */ React22.createElement(ControlPage3, null, /* @__PURE__ */ React22.createElement(ControlSection3, {
+  }, /* @__PURE__ */ React18.createElement(ControlPage3, null, /* @__PURE__ */ React18.createElement(ControlSection3, {
     title: t("space properties settings verbose label", {
       ns: SPACE_PLUGIN
     }),
     description: t("space properties settings description", {
       ns: SPACE_PLUGIN
     })
-  }, /* @__PURE__ */ React22.createElement(Form4, {
+  }, /* @__PURE__ */ React18.createElement(Form3, {
     schema: FormSchema,
     values,
     autoSave: true,
@@ -1692,18 +1488,19 @@ var SpaceSettingsContainer = ({ space }) => {
 };
 
 // packages/plugins/plugin-space/src/components/SyncStatus/InlineSyncStatus.tsx
-import React23, { useEffect as useEffect6, useState as useState12 } from "react";
+import { Option as Option2 } from "effect";
+import React19, { useEffect as useEffect5, useState as useState10 } from "react";
 import { useAppGraph as useAppGraph3 } from "@dxos/app-framework";
 import { EdgeStatus } from "@dxos/protocols/proto/dxos/client/services";
 import { EdgeReplicationSetting as EdgeReplicationSetting2 } from "@dxos/protocols/proto/dxos/echo/metadata";
 import { useClient as useClient8 } from "@dxos/react-client";
 import { useSpaceSyncState } from "@dxos/react-client/echo";
-import { Tooltip as Tooltip3, useTranslation as useTranslation21 } from "@dxos/react-ui";
+import { Tooltip as Tooltip3, useTranslation as useTranslation18 } from "@dxos/react-ui";
 import { AttentionGlyph as AttentionGlyph2, useAttended as useAttended2, useAttention as useAttention2 } from "@dxos/react-ui-attention";
 var useEdgeStatus = () => {
-  const [status, setStatus] = useState12(EdgeStatus.NOT_CONNECTED);
+  const [status, setStatus] = useState10(EdgeStatus.NOT_CONNECTED);
   const client = useClient8();
-  useEffect6(() => {
+  useEffect5(() => {
     client.services.services.EdgeAgentService?.queryEdgeStatus().subscribe(({ status: status2 }) => {
       setStatus(status2);
     });
@@ -1713,7 +1510,7 @@ var useEdgeStatus = () => {
   return status;
 };
 var InlineSyncStatus = ({ space, open }) => {
-  const { t } = useTranslation21(SPACE_PLUGIN);
+  const { t } = useTranslation18(SPACE_PLUGIN);
   const id = space.id;
   const { hasAttention, isAncestor, isRelated } = useAttention2(id);
   const isAttended = hasAttention || isAncestor || isRelated;
@@ -1721,30 +1518,29 @@ var InlineSyncStatus = ({ space, open }) => {
   const attended = useAttended2();
   const startOfAttention = attended.at(-1);
   const path = usePath(graph, startOfAttention);
-  const containsAttended = !open && !isAttended && id && path ? path.includes(id) : false;
+  const containsAttended = !open && !isAttended && id && Option2.isSome(path) ? path.value.includes(id) : false;
   const connectedToEdge = useEdgeStatus() === EdgeStatus.CONNECTED;
   const edgeSyncEnabled = space.internal.data.edgeReplication === EdgeReplicationSetting2.ENABLED;
   const syncState = useSpaceSyncState(space);
   const syncing = connectedToEdge && edgeSyncEnabled && syncState && syncState.missingOnLocal > 0;
-  return /* @__PURE__ */ React23.createElement(Tooltip3.Root, null, /* @__PURE__ */ React23.createElement(Tooltip3.Trigger, {
-    asChild: true
-  }, /* @__PURE__ */ React23.createElement(AttentionGlyph2, {
+  return /* @__PURE__ */ React19.createElement(Tooltip3.Trigger, {
+    asChild: true,
+    content: t("syncing label"),
+    side: "bottom"
+  }, /* @__PURE__ */ React19.createElement(AttentionGlyph2, {
     syncing,
     attended: isAttended,
     containsAttended,
     classNames: "self-center mie-1"
-  })), /* @__PURE__ */ React23.createElement(Tooltip3.Portal, null, /* @__PURE__ */ React23.createElement(Tooltip3.Content, {
-    side: "bottom",
-    classNames: "z-[70]"
-  }, /* @__PURE__ */ React23.createElement("span", null, t("syncing label")), /* @__PURE__ */ React23.createElement(Tooltip3.Arrow, null))));
+  }));
 };
 
 // packages/plugins/plugin-space/src/components/SyncStatus/SyncStatus.tsx
-import React24, { useEffect as useEffect7, useState as useState13 } from "react";
+import React20, { useEffect as useEffect6, useState as useState11 } from "react";
 import { StatusBar } from "@dxos/plugin-status-bar";
 import { useClient as useClient9 } from "@dxos/react-client";
 import { getSyncSummary, useSyncState } from "@dxos/react-client/echo";
-import { Icon as Icon5, useTranslation as useTranslation22 } from "@dxos/react-ui";
+import { Icon as Icon5, useTranslation as useTranslation19 } from "@dxos/react-ui";
 
 // packages/plugins/plugin-space/src/components/SyncStatus/save-tracker.ts
 import { Context } from "@dxos/context";
@@ -1842,19 +1638,19 @@ var SYNC_STALLED_TIMEOUT = 5e3;
 var SyncStatus = () => {
   const client = useClient9();
   const state = useSyncState();
-  const [saved, setSaved] = useState13(true);
-  useEffect7(() => {
+  const [saved, setSaved] = useState11(true);
+  useEffect6(() => {
     return createClientSaveTracker(client, (state2) => {
       setSaved(state2 === "saved");
     });
   }, []);
-  return /* @__PURE__ */ React24.createElement(SyncStatusIndicator, {
+  return /* @__PURE__ */ React20.createElement(SyncStatusIndicator, {
     state,
     saved
   });
 };
 var SyncStatusIndicator = ({ state, saved }) => {
-  const { t } = useTranslation22(SPACE_PLUGIN);
+  const { t } = useTranslation19(SPACE_PLUGIN);
   const summary = getSyncSummary(state);
   const offline = Object.values(state).length === 0;
   const needsToUpload = summary.differentDocuments > 0 || summary.missingOnRemote > 0;
@@ -1865,8 +1661,8 @@ var SyncStatusIndicator = ({ state, saved }) => {
     needsToUpload,
     needsToDownload
   });
-  const [classNames, setClassNames] = useState13();
-  useEffect7(() => {
+  const [classNames, setClassNames] = useState11();
+  useEffect6(() => {
     setClassNames(void 0);
     if (offline || !needsToUpload && !needsToDownload) {
       return;
@@ -1881,12 +1677,12 @@ var SyncStatusIndicator = ({ state, saved }) => {
     needsToDownload
   ]);
   const title = t(`${status} label`);
-  const icon = /* @__PURE__ */ React24.createElement(Icon5, {
+  const icon = /* @__PURE__ */ React20.createElement(Icon5, {
     icon: getIcon(status),
     size: 4,
     classNames
   });
-  return /* @__PURE__ */ React24.createElement(StatusBar.Item, {
+  return /* @__PURE__ */ React20.createElement(StatusBar.Item, {
     title
   }, icon);
 };
@@ -1905,8 +1701,6 @@ export {
   MenuFooter,
   ObjectSettingsContainer,
   PersistenceStatus,
-  POPOVER_ADD_SPACE,
-  PopoverAddSpace,
   POPOVER_RENAME_OBJECT,
   PopoverRenameObject,
   POPOVER_RENAME_SPACE,
@@ -1928,10 +1722,10 @@ export {
   IntentResolver,
   ReactRoot,
   ReactSurface,
-  Schema,
-  Tools,
+  SchemaDefs,
+  SchemaTools,
   SpaceSettings,
   SpaceState,
   SpacesReady
 };
-//# sourceMappingURL=chunk-4226DMDP.mjs.map
+//# sourceMappingURL=chunk-43UQWMD3.mjs.map