@dxos/plugin-space 0.8.4-main.84f28bd → 0.8.4-main.a4bbb77

package/dist/lib/browser/{chunk-GVTXQCIW.mjs → chunk-2BFVC5K6.mjs}

@@ -1,32 +1,29 @@
 import {
   useInputSurfaceLookup,
   usePath
-} from "./chunk-VLBRSGJ2.mjs";
+} from "./chunk-ELJDGQTO.mjs";
 import {
   SpaceCapabilities
-} from "./chunk-XXIPJLJF.mjs";
+} from "./chunk-E2I747A7.mjs";
 import {
   COMPOSER_SPACE_LOCK,
   getSpaceDisplayName
-} from "./chunk-WBSEOLEM.mjs";
+} from "./chunk-PN27K4I7.mjs";
 import {
   SpaceAction,
   SpaceForm
-} from "./chunk-S6NY637J.mjs";
+} from "./chunk-JCHSUOPF.mjs";
 import {
-  SPACE_PLUGIN,
   meta
-} from "./chunk-FBCGT5YY.mjs";
+} from "./chunk-IRKDREHY.mjs";
 
 // src/components/AwaitingObject.tsx
 import { useSignals as _useSignals } from "@preact-signals/safe-react/tracking";
-import { CheckCircle, CircleDashed, CircleNotch } from "@phosphor-icons/react";
 import React, { useCallback, useEffect, useState } from "react";
-import { createIntent, LayoutAction, useIntentDispatcher, useLayout } from "@dxos/app-framework";
+import { LayoutAction, createIntent, useIntentDispatcher, useLayout } from "@dxos/app-framework";
 import { useClient } from "@dxos/react-client";
 import { Filter, fullyQualifiedId, useQuery } from "@dxos/react-client/echo";
-import { Button, Toast, useTranslation } from "@dxos/react-ui";
-import { getSize, mx } from "@dxos/react-ui-theme";
+import { Button, Icon, Toast, useTranslation } from "@dxos/react-ui";
 var WAIT_FOR_OBJECT_TIMEOUT = 18e4;
 var TOAST_TIMEOUT = 24e4;
 var AwaitingObject = ({ id }) => {
@@ -35,7 +32,7 @@ var AwaitingObject = ({ id }) => {
     const [open, setOpen] = useState(true);
     const [waiting, setWaiting] = useState(true);
     const [found, setFound] = useState(false);
-    const { t } = useTranslation(SPACE_PLUGIN);
+    const { t } = useTranslation(meta.id);
     const { dispatchPromise: dispatch } = useIntentDispatcher();
     const layout = useLayout();
     const client = useClient();
@@ -87,12 +84,16 @@ var AwaitingObject = ({ id }) => {
       onOpenChange: setOpen
     }, /* @__PURE__ */ React.createElement(Toast.Body, null, /* @__PURE__ */ React.createElement(Toast.Title, {
       classNames: "flex items-center gap-2"
-    }, found ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(CheckCircle, {
-      className: getSize(5)
-    }), /* @__PURE__ */ React.createElement("span", null, t("found object label"))) : waiting ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(CircleNotch, {
-      className: mx(getSize(5), "animate-spin")
-    }), /* @__PURE__ */ React.createElement("span", null, t("waiting for object label"))) : /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(CircleDashed, {
-      className: getSize(5)
+    }, found ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Icon, {
+      icon: "ph--check-circle--regular",
+      size: 5
+    }), /* @__PURE__ */ React.createElement("span", null, t("found object label"))) : waiting ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Icon, {
+      icon: "ph--circle-notch--regular",
+      size: 5,
+      classNames: "animate-spin"
+    }), /* @__PURE__ */ React.createElement("span", null, t("waiting for object label"))) : /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Icon, {
+      icon: "ph--circle-dashed--regular",
+      size: 5
     }), /* @__PURE__ */ React.createElement("span", null, t("object not found label")))), /* @__PURE__ */ React.createElement(Toast.Description, null, t(found ? "found object description" : waiting ? "waiting for object description" : "object not found description"))), /* @__PURE__ */ React.createElement(Toast.Actions, null, found ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Toast.Action, {
       altText: t("go to object alt"),
       asChild: true
@@ -119,34 +120,55 @@ var AwaitingObject = ({ id }) => {
 
 // src/components/CreateDialog/CreateObjectDialog.tsx
 import { useSignals as _useSignals3 } from "@preact-signals/safe-react/tracking";
-import { pipe } from "effect";
+import { Effect, pipe } from "effect";
 import React3, { useCallback as useCallback3, useRef, useState as useState2 } from "react";
 import { Capabilities, LayoutAction as LayoutAction2, chain, createIntent as createIntent2, useCapabilities, useIntentDispatcher as useIntentDispatcher2, usePluginManager } from "@dxos/app-framework";
-import { Query, Type as Type2 } from "@dxos/echo";
+import { Obj, Query, Type as Type2 } from "@dxos/echo";
 import { invariant } from "@dxos/invariant";
 import { useClient as useClient2 } from "@dxos/react-client";
 import { getSpace, isLiveObject, isSpace, useQuery as useQuery2, useSpaces } from "@dxos/react-client/echo";
-import { Button as Button2, Dialog, Icon as Icon2, useTranslation as useTranslation3 } from "@dxos/react-ui";
+import { Button as Button2, Dialog, Icon as Icon3, useTranslation as useTranslation3 } from "@dxos/react-ui";
 import { cardDialogContent, cardDialogHeader } from "@dxos/react-ui-stack";
-import { DataType } from "@dxos/schema";
+import { DataType, typenameFromQuery } from "@dxos/schema";
 import { isNonNullable as isNonNullable2 } from "@dxos/util";
 
+// src/capabilities/index.ts
+import { lazy } from "@dxos/app-framework";
+var AppGraphBuilder = lazy(() => import("./app-graph-builder-W7RVDAUA.mjs"));
+var AppGraphSerializer = lazy(() => import("./app-graph-serializer-VLHVTDX4.mjs"));
+var IdentityCreated = lazy(() => import("./identity-created-PW2BA46S.mjs"));
+var IntentResolver = lazy(() => import("./intent-resolver-HA7DPAUE.mjs"));
+var ReactRoot = lazy(() => import("./react-root-YQUJU64P.mjs"));
+var ReactSurface = lazy(() => import("./react-surface-HTXYMRSW.mjs"));
+var SchemaDefs = lazy(() => import("./schema-defs-R56ZDBZ7.mjs"));
+var SpaceSettings = lazy(() => import("./settings-5XPQMSPO.mjs"));
+var SpaceState = lazy(() => import("./state-Y4RVCG4A.mjs"));
+var SpacesReady = lazy(() => import("./spaces-ready-YY77ANIF.mjs"));
+
 // src/components/CreateDialog/CreateObjectPanel.tsx
 import { useSignals as _useSignals2 } from "@preact-signals/safe-react/tracking";
+import { Option } from "effect";
 import React2, { useCallback as useCallback2 } from "react";
 import { Type } from "@dxos/echo";
-import { getTypeAnnotation } from "@dxos/echo-schema";
-import { Icon, toLocalizedString, useTranslation as useTranslation2 } from "@dxos/react-ui";
+import { ViewAnnotation, getTypeAnnotation } from "@dxos/echo-schema";
+import { Icon as Icon2, toLocalizedString, useDefaultValue, useTranslation as useTranslation2 } from "@dxos/react-ui";
 import { Form } from "@dxos/react-ui-form";
 import { SearchList } from "@dxos/react-ui-searchlist";
 import { cardDialogOverflow, cardDialogPaddedOverflow, cardDialogSearchListRoot } from "@dxos/react-ui-stack";
 import { isNonNullable } from "@dxos/util";
-var CreateObjectPanel = ({ forms, spaces, typename, target, name: initialName, defaultSpaceId, resolve, onTargetChange, onTypenameChange, onCreateObject }) => {
+var CreateObjectPanel = ({ forms, spaces, typename, target, views, initialFormValues: _initialFormValues, defaultSpaceId, resolve, onTargetChange, onTypenameChange, onCreateObject }) => {
   var _effect = _useSignals2();
   try {
-    const { t } = useTranslation2(SPACE_PLUGIN);
+    const { t } = useTranslation2(meta.id);
+    const initialFormValues = useDefaultValue(_initialFormValues, () => ({}));
     const form = forms.find((form2) => Type.getTypename(form2.objectSchema) === typename);
-    const options = forms.map((form2) => getTypeAnnotation(form2.objectSchema)).filter(isNonNullable).sort((a, b) => {
+    const options = forms.filter((form2) => {
+      if (views == null) {
+        return true;
+      } else {
+        return views === ViewAnnotation.get(form2.objectSchema).pipe(Option.getOrElse(() => false));
+      }
+    }).map((form2) => getTypeAnnotation(form2.objectSchema)).filter(isNonNullable).sort((a, b) => {
       const nameA = t("typename label", {
         ns: a.typename,
         defaultValue: a.typename
@@ -198,9 +220,7 @@ var CreateObjectPanel = ({ forms, spaces, typename, target, name: initialName, d
       className: cardDialogOverflow
     }, /* @__PURE__ */ React2.createElement(Form, {
       autoFocus: true,
-      values: {
-        name: initialName
-      },
+      values: initialFormValues,
       schema: form.formSchema,
       testId: "create-object-form",
       onSave: handleCreateObject,
@@ -214,7 +234,7 @@ var CreateObjectPanel = ({ forms, spaces, typename, target, name: initialName, d
 var SelectSpace = ({ spaces, defaultSpaceId, onChange }) => {
   var _effect = _useSignals2();
   try {
-    const { t } = useTranslation2(SPACE_PLUGIN);
+    const { t } = useTranslation2(meta.id);
     return /* @__PURE__ */ React2.createElement(SearchList.Root, {
       label: t("space input label"),
       classNames: cardDialogSearchListRoot
@@ -254,7 +274,7 @@ var SelectSpace = ({ spaces, defaultSpaceId, onChange }) => {
 var SelectSchema = ({ options, resolve, onChange }) => {
   var _effect = _useSignals2();
   try {
-    const { t } = useTranslation2(SPACE_PLUGIN);
+    const { t } = useTranslation2(meta.id);
     return /* @__PURE__ */ React2.createElement(SearchList.Root, {
       label: t("schema input label"),
       classNames: cardDialogSearchListRoot
@@ -274,7 +294,7 @@ var SelectSchema = ({ options, resolve, onChange }) => {
       classNames: "flex items-center gap-2"
     }, /* @__PURE__ */ React2.createElement("span", {
       className: "flex gap-2 items-center grow truncate"
-    }, /* @__PURE__ */ React2.createElement(Icon, {
+    }, /* @__PURE__ */ React2.createElement(Icon2, {
       icon: resolve?.(option.typename).icon ?? "ph--placeholder--regular",
       size: 5
     }), t("typename label", {
@@ -286,42 +306,28 @@ var SelectSchema = ({ options, resolve, onChange }) => {
   }
 };
 
-// src/capabilities/index.ts
-import { lazy } from "@dxos/app-framework";
-var AppGraphBuilder = lazy(() => import("./app-graph-builder-PMDF6PJV.mjs"));
-var AppGraphSerializer = lazy(() => import("./app-graph-serializer-UKYMBX4O.mjs"));
-var IdentityCreated = lazy(() => import("./identity-created-23XJJV2N.mjs"));
-var IntentResolver = lazy(() => import("./intent-resolver-WK5WYFH3.mjs"));
-var ReactRoot = lazy(() => import("./react-root-7S6FIC5G.mjs"));
-var ReactSurface = lazy(() => import("./react-surface-6C3YJNDK.mjs"));
-var SchemaDefs = lazy(() => import("./schema-defs-K3B3OAH4.mjs"));
-var SchemaTools = lazy(() => import("./schema-tools-BNP4JTD7.mjs"));
-var SpaceSettings = lazy(() => import("./settings-XNWYRWNM.mjs"));
-var SpaceState = lazy(() => import("./state-522XTUR4.mjs"));
-var SpacesReady = lazy(() => import("./spaces-ready-K7NSNBHM.mjs"));
-
 // src/components/CreateDialog/CreateObjectDialog.tsx
 var __dxlog_file = "/__w/dxos/dxos/packages/plugins/plugin-space/src/components/CreateDialog/CreateObjectDialog.tsx";
-var CREATE_OBJECT_DIALOG = `${SPACE_PLUGIN}/CreateObjectDialog`;
-var CreateObjectDialog = ({ target: initialTarget, typename: initialTypename, name, shouldNavigate: _shouldNavigate }) => {
+var CREATE_OBJECT_DIALOG = `${meta.id}/CreateObjectDialog`;
+var CreateObjectDialog = ({ target: initialTarget, typename: initialTypename, views, initialFormValues, onCreateObject, shouldNavigate: _shouldNavigate }) => {
   var _effect = _useSignals3();
   try {
     const closeRef = useRef(null);
     const manager = usePluginManager();
-    const { t } = useTranslation3(SPACE_PLUGIN);
+    const { t } = useTranslation3(meta.id);
     const client = useClient2();
     const spaces = useSpaces();
-    const { dispatchPromise: dispatch } = useIntentDispatcher2();
+    const { dispatch } = useIntentDispatcher2();
     const forms = useCapabilities(SpaceCapabilities.ObjectForm);
     const [target, setTarget] = useState2(initialTarget);
     const [typename, setTypename] = useState2(initialTypename);
     const space = isSpace(target) ? target : getSpace(target);
     const queryCollections = useQuery2(space, Query.type(DataType.QueryCollection));
-    const hiddenTypenames = queryCollections.map((collection) => collection.query.typename).filter(isNonNullable2);
+    const hiddenTypenames = queryCollections.map((collection) => typenameFromQuery(collection.query)).filter(isNonNullable2);
     const resolve = useCallback3((typename2) => manager.context.getCapabilities(Capabilities.Metadata).find(({ id }) => id === typename2)?.metadata ?? {}, [
       manager
     ]);
-    const handleCreateObject = useCallback3(async ({ form, data = {} }) => {
+    const handleCreateObject = useCallback3(({ form, data = {} }) => Effect.gen(function* () {
       if (!target) {
         return;
       }
@@ -329,18 +335,17 @@ var CreateObjectDialog = ({ target: initialTarget, typename: initialTypename, na
       const space2 = isSpace(target) ? target : getSpace(target);
       invariant(space2, "Missing space", {
         F: __dxlog_file,
-        L: 73,
-        S: void 0,
+        L: 83,
+        S: this,
         A: [
           "space",
           "'Missing space'"
         ]
       });
-      const result = await dispatch(form.getIntent(data, {
+      const { object } = yield* dispatch(form.getIntent(data, {
         space: space2
       }));
-      const object = result.data?.object;
-      if (isLiveObject(object)) {
+      if (isLiveObject(object) && !Obj.instanceOf(DataType.StoredSchema, object)) {
         const hidden = form.hidden || hiddenTypenames.includes(Type2.getTypename(form.objectSchema));
         const addObjectIntent = createIntent2(SpaceAction.AddObject, {
           target,
@@ -349,14 +354,15 @@ var CreateObjectDialog = ({ target: initialTarget, typename: initialTypename, na
         });
         const shouldNavigate = _shouldNavigate ?? (() => true);
         if (shouldNavigate(object)) {
-          await dispatch(pipe(addObjectIntent, chain(LayoutAction2.Open, {
+          yield* dispatch(pipe(addObjectIntent, chain(LayoutAction2.Open, {
             part: "main"
           })));
         } else {
-          await dispatch(addObjectIntent);
+          yield* dispatch(addObjectIntent);
         }
+        onCreateObject?.(object);
       }
-    }, [
+    }).pipe(Effect.runPromise), [
       dispatch,
       target,
       resolve,
@@ -374,7 +380,7 @@ var CreateObjectDialog = ({ target: initialTarget, typename: initialTypename, na
       }, /* @__PURE__ */ React3.createElement(Dialog.Title, null, t("create object dialog title", {
         object: t("typename label", {
           ns: typename,
-          defaultValue: "Item"
+          defaultValue: views ? "View" : "Item"
         })
       })), /* @__PURE__ */ React3.createElement(Dialog.Close, {
         asChild: true
@@ -383,15 +389,16 @@ var CreateObjectDialog = ({ target: initialTarget, typename: initialTypename, na
         density: "fine",
         variant: "ghost",
         autoFocus: true
-      }, /* @__PURE__ */ React3.createElement(Icon2, {
+      }, /* @__PURE__ */ React3.createElement(Icon3, {
         icon: "ph--x--regular",
         size: 4
       })))), /* @__PURE__ */ React3.createElement(CreateObjectPanel, {
         forms,
         spaces,
         target,
+        views,
         typename,
-        name,
+        initialFormValues,
         defaultSpaceId: client.spaces.default.id,
         resolve,
         onTargetChange: setTarget,
@@ -406,13 +413,13 @@ var CreateObjectDialog = ({ target: initialTarget, typename: initialTypename, na
 
 // src/components/CreateDialog/CreateSpaceDialog.tsx
 import { useSignals as _useSignals4 } from "@preact-signals/safe-react/tracking";
-import { Effect } from "effect";
+import { Effect as Effect2 } from "effect";
 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 { LayoutAction as LayoutAction3, createIntent as createIntent3, useIntentDispatcher as useIntentDispatcher3 } from "@dxos/app-framework";
+import { Button as Button3, Dialog as Dialog2, Icon as Icon4, useTranslation as useTranslation4 } from "@dxos/react-ui";
 import { Form as Form2 } from "@dxos/react-ui-form";
 import { cardDialogContent as cardDialogContent2, cardDialogHeader as cardDialogHeader2 } from "@dxos/react-ui-stack";
-var CREATE_SPACE_DIALOG = `${SPACE_PLUGIN}/CreateSpaceDialog`;
+var CREATE_SPACE_DIALOG = `${meta.id}/CreateSpaceDialog`;
 var initialValues = {
   edgeReplication: true
 };
@@ -420,11 +427,11 @@ var CreateSpaceDialog = () => {
   var _effect = _useSignals4();
   try {
     const closeRef = useRef2(null);
-    const { t } = useTranslation4(SPACE_PLUGIN);
+    const { t } = useTranslation4(meta.id);
     const { dispatch } = useIntentDispatcher3();
     const inputSurfaceLookup = useInputSurfaceLookup();
     const handleCreateSpace = useCallback4(async (data) => {
-      const program = Effect.gen(function* () {
+      const program = Effect2.gen(function* () {
         const { space } = yield* dispatch(createIntent3(SpaceAction.Create, data));
         yield* dispatch(createIntent3(LayoutAction3.SwitchWorkspace, {
           part: "workspace",
@@ -437,7 +444,7 @@ var CreateSpaceDialog = () => {
           }
         }));
       });
-      await Effect.runPromise(program);
+      await Effect2.runPromise(program);
     }, [
       dispatch
     ]);
@@ -456,7 +463,7 @@ var CreateSpaceDialog = () => {
         density: "fine",
         variant: "ghost",
         autoFocus: true
-      }, /* @__PURE__ */ React4.createElement(Icon3, {
+      }, /* @__PURE__ */ React4.createElement(Icon4, {
         icon: "ph--x--regular",
         size: 4
       })))), /* @__PURE__ */ React4.createElement("div", {
@@ -477,39 +484,17 @@ var CreateSpaceDialog = () => {
   }
 };
 
-// src/components/CollectionMain.tsx
+// src/components/CollectionSection.tsx
 import { useSignals as _useSignals5 } from "@preact-signals/safe-react/tracking";
 import React5 from "react";
 import { useTranslation as useTranslation5 } from "@dxos/react-ui";
-import { baseSurface, descriptionMessage, mx as mx2 } from "@dxos/react-ui-theme";
-var CollectionMain = ({ collection }) => {
+var CollectionSection = ({ collection }) => {
   var _effect = _useSignals5();
   try {
-    const { t } = useTranslation5(SPACE_PLUGIN);
+    const { t } = useTranslation5(meta.id);
     return /* @__PURE__ */ React5.createElement("div", {
-      role: "none",
-      className: mx2(baseSurface, "min-bs-screen is-full flex items-center justify-center p-8"),
-      "data-testid": "composer.firstRunMessage"
-    }, /* @__PURE__ */ React5.createElement("p", {
-      role: "alert",
-      className: mx2(descriptionMessage, "rounded-md p-8 font-normal text-lg max-is-[24rem] break-words")
-    }, collection.name ?? t("unnamed collection label")));
-  } finally {
-    _effect.f();
-  }
-};
-
-// src/components/CollectionSection.tsx
-import { useSignals as _useSignals6 } from "@preact-signals/safe-react/tracking";
-import React6 from "react";
-import { useTranslation as useTranslation6 } from "@dxos/react-ui";
-var CollectionSection = ({ collection }) => {
-  var _effect = _useSignals6();
-  try {
-    const { t } = useTranslation6(SPACE_PLUGIN);
-    return /* @__PURE__ */ React6.createElement("div", {
       className: "min-bs-[3.5rem] grid grid-rows-subgrid grid-cols-subgrid items-center"
-    }, /* @__PURE__ */ React6.createElement("span", {
+    }, /* @__PURE__ */ React5.createElement("span", {
       className: "truncate"
     }, collection.name ?? t("unnamed collection label")));
   } finally {
@@ -518,22 +503,22 @@ var CollectionSection = ({ collection }) => {
 };
 
 // src/components/JoinDialog.tsx
-import { useSignals as _useSignals7 } from "@preact-signals/safe-react/tracking";
-import React7, { useCallback as useCallback5 } from "react";
-import { createIntent as createIntent4, LayoutAction as LayoutAction4, useAppGraph, useIntentDispatcher as useIntentDispatcher4 } from "@dxos/app-framework";
+import { useSignals as _useSignals6 } from "@preact-signals/safe-react/tracking";
+import React6, { useCallback as useCallback5 } from "react";
+import { LayoutAction as LayoutAction4, createIntent as createIntent4, useAppGraph, useIntentDispatcher as useIntentDispatcher4 } from "@dxos/app-framework";
 import { Trigger } from "@dxos/async";
 import { ObservabilityAction } from "@dxos/plugin-observability/types";
 import { useClient as useClient3 } from "@dxos/react-client";
-import { Dialog as Dialog3, useTranslation as useTranslation7 } from "@dxos/react-ui";
+import { Dialog as Dialog3, useTranslation as useTranslation6 } from "@dxos/react-ui";
 import { JoinPanel } from "@dxos/shell/react";
-var JOIN_DIALOG = `${SPACE_PLUGIN}/JoinDialog`;
+var JOIN_DIALOG = `${meta.id}/JoinDialog`;
 var JoinDialog = ({ navigableCollections, onDone, ...props }) => {
-  var _effect = _useSignals7();
+  var _effect = _useSignals6();
   try {
     const { dispatchPromise: dispatch } = useIntentDispatcher4();
     const client = useClient3();
     const { graph } = useAppGraph();
-    const { t } = useTranslation7(SPACE_PLUGIN);
+    const { t } = useTranslation6(meta.id);
     const handleDone = useCallback5(async (result) => {
       const spaceKey = result?.spaceKey;
       if (!spaceKey) {
@@ -543,18 +528,18 @@ var JoinDialog = ({ navigableCollections, onDone, ...props }) => {
         dispatch(createIntent4(LayoutAction4.AddToast, {
           part: "toast",
           subject: {
-            id: `${SPACE_PLUGIN}/join-success`,
+            id: `${meta.id}/join-success`,
             duration: 5e3,
             title: [
               "join success label",
               {
-                ns: SPACE_PLUGIN
+                ns: meta.id
               }
             ],
             closeLabel: [
               "dismiss label",
               {
-                ns: SPACE_PLUGIN
+                ns: meta.id
               }
             ]
           }
@@ -614,16 +599,16 @@ var JoinDialog = ({ navigableCollections, onDone, ...props }) => {
       client,
       graph
     ]);
-    return /* @__PURE__ */ React7.createElement(Dialog3.Content, null, /* @__PURE__ */ React7.createElement(Dialog3.Title, {
+    return /* @__PURE__ */ React6.createElement(Dialog3.Content, null, /* @__PURE__ */ React6.createElement(Dialog3.Title, {
       classNames: "sr-only"
     }, t("join space label", {
       ns: "os"
-    })), /* @__PURE__ */ React7.createElement(JoinPanel, {
+    })), /* @__PURE__ */ React6.createElement(JoinPanel, {
       ...props,
-      exitActionParent: /* @__PURE__ */ React7.createElement(Dialog3.Close, {
+      exitActionParent: /* @__PURE__ */ React6.createElement(Dialog3.Close, {
         asChild: true
       }),
-      doneActionParent: /* @__PURE__ */ React7.createElement(Dialog3.Close, {
+      doneActionParent: /* @__PURE__ */ React6.createElement(Dialog3.Close, {
         asChild: true
       }),
       onDone: handleDone
@@ -634,19 +619,17 @@ var JoinDialog = ({ navigableCollections, onDone, ...props }) => {
 };
 
 // src/components/MembersContainer.tsx
-import { useSignals as _useSignals8 } from "@preact-signals/safe-react/tracking";
-import { Check, X } from "@phosphor-icons/react";
-import React8, { useCallback as useCallback6, useMemo, useState as useState3 } from "react";
+import { useSignals as _useSignals7 } from "@preact-signals/safe-react/tracking";
+import React7, { 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";
 import { useConfig } from "@dxos/react-client";
 import { fullyQualifiedId as fullyQualifiedId2, useSpaceInvitations } from "@dxos/react-client/echo";
 import { Invitation, InvitationEncoder } from "@dxos/react-client/invitations";
-import { Button as Button4, Clipboard, Icon as Icon4, Input, useId, useTranslation as useTranslation8 } from "@dxos/react-ui";
-import { ControlPage, ControlSection, ControlFrame, ControlFrameItem, ControlItemInput } from "@dxos/react-ui-form";
+import { Button as Button4, Clipboard, Icon as Icon5, Input, useId, useTranslation as useTranslation7 } from "@dxos/react-ui";
+import { ControlFrame, ControlFrameItem, ControlItemInput, ControlPage, ControlSection } from "@dxos/react-ui-form";
 import { StackItem } from "@dxos/react-ui-stack";
-import { getSize as getSize2, mx as mx3 } from "@dxos/react-ui-theme";
 import { DataType as DataType2 } from "@dxos/schema";
 import { AuthCode, BifurcatedAction, Centered, Emoji, InvitationList, SpaceMemberList, Viewport } from "@dxos/shell/react";
 import { hexToEmoji } from "@dxos/util";
@@ -660,7 +643,7 @@ var handleInvitationEvent = (invitation, subscription) => {
       authCode: invitation.authCode
     }), void 0, {
       F: __dxlog_file2,
-      L: 41,
+      L: 39,
       S: void 0,
       C: (f, a) => f(...a)
     });
@@ -668,9 +651,9 @@ var handleInvitationEvent = (invitation, subscription) => {
   }
 };
 var MembersContainer = ({ space, createInvitationUrl }) => {
-  var _effect = _useSignals8();
+  var _effect = _useSignals7();
   try {
-    const { t } = useTranslation8(SPACE_PLUGIN);
+    const { t } = useTranslation7(meta.id);
     const config = useConfig();
     const { dispatchPromise: dispatch } = useIntentDispatcher5();
     const invitations = useSpaceInvitations(space.key);
@@ -698,10 +681,7 @@ var MembersContainer = ({ space, createInvitationUrl }) => {
         description: t("invite one description", {
           ns: "os"
         }),
-        icon: () => /* @__PURE__ */ React8.createElement(Icon4, {
-          icon: "ph--user-plus--regular",
-          size: 5
-        }),
+        icon: "ph--user-plus--regular",
         testId: "membersContainer.inviteOne",
         onClick: async () => {
           const { data: invitation } = await dispatch(createIntent5(SpaceAction.Share, {
@@ -723,10 +703,7 @@ var MembersContainer = ({ space, createInvitationUrl }) => {
         description: t("invite many description", {
           ns: "os"
         }),
-        icon: () => /* @__PURE__ */ React8.createElement(Icon4, {
-          icon: "ph--users-three--regular",
-          size: 5
-        }),
+        icon: "ph--users-three--regular",
         testId: "membersContainer.inviteMany",
         onClick: async () => {
           const { data: invitation } = await dispatch(createIntent5(SpaceAction.Share, {
@@ -753,44 +730,44 @@ var MembersContainer = ({ space, createInvitationUrl }) => {
     const handleBack = () => {
       setSelectedInvitation(null);
     };
-    return /* @__PURE__ */ React8.createElement(Clipboard.Provider, null, /* @__PURE__ */ React8.createElement(StackItem.Content, {
+    return /* @__PURE__ */ React7.createElement(Clipboard.Provider, null, /* @__PURE__ */ React7.createElement(StackItem.Content, {
       classNames: "block overflow-y-auto"
-    }, /* @__PURE__ */ React8.createElement(ControlPage, null, /* @__PURE__ */ React8.createElement(ControlSection, {
+    }, /* @__PURE__ */ React7.createElement(ControlPage, null, /* @__PURE__ */ React7.createElement(ControlSection, {
       title: t("members verbose label"),
       description: t("members description")
-    }, /* @__PURE__ */ React8.createElement(ControlFrame, null, /* @__PURE__ */ React8.createElement(ControlFrameItem, {
+    }, /* @__PURE__ */ React7.createElement(ControlFrame, null, /* @__PURE__ */ React7.createElement(ControlFrameItem, {
       title: t("members label")
-    }, /* @__PURE__ */ React8.createElement(SpaceMemberList, {
+    }, /* @__PURE__ */ React7.createElement(SpaceMemberList, {
       spaceKey: space.key,
       includeSelf: true
-    })), locked && /* @__PURE__ */ React8.createElement(ControlFrameItem, {
+    })), locked && /* @__PURE__ */ React7.createElement(ControlFrameItem, {
       title: t("invitations label")
-    }, /* @__PURE__ */ React8.createElement("p", {
+    }, /* @__PURE__ */ React7.createElement("p", {
       className: "text-description mbe-2"
-    }, t("locked space description"))), !locked && /* @__PURE__ */ React8.createElement(ControlFrameItem, {
+    }, t("locked space description"))), !locked && /* @__PURE__ */ React7.createElement(ControlFrameItem, {
       title: t("invitations label")
-    }, selectedInvitation && /* @__PURE__ */ React8.createElement(InvitationSection, {
+    }, selectedInvitation && /* @__PURE__ */ React7.createElement(InvitationSection, {
       ...selectedInvitation,
       onBack: handleBack
-    }), !selectedInvitation && /* @__PURE__ */ React8.createElement(React8.Fragment, null, /* @__PURE__ */ React8.createElement("p", {
+    }), !selectedInvitation && /* @__PURE__ */ React7.createElement(React7.Fragment, null, /* @__PURE__ */ React7.createElement("p", {
       className: "text-description mbe-2"
-    }, t("space invitation description")), /* @__PURE__ */ React8.createElement(InvitationList, {
+    }, t("space invitation description")), /* @__PURE__ */ React7.createElement(InvitationList, {
       className: "mb-2",
       send: handleSend,
       invitations: visibleInvitations ?? [],
       onClickRemove: (invitation) => invitation.cancel(),
       createInvitationUrl
-    }), /* @__PURE__ */ React8.createElement(BifurcatedAction, {
+    }), /* @__PURE__ */ React7.createElement(BifurcatedAction, {
       actions: inviteActions,
       activeAction,
       onChangeActiveAction: setActiveAction,
       "data-testid": "membersContainer.createInvitation"
-    })))), /* @__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__ */ React8.createElement(ControlItemInput, {
+    })))), /* @__PURE__ */ React7.createElement("div", {
+      className: "justify-center p-0 mbs-4 container-max-width grid grid-cols-1 md:grid-cols-[1fr_min-content]"
+    }, /* @__PURE__ */ React7.createElement(ControlItemInput, {
       title: t("space locked label"),
       description: t("space locked description")
-    }, /* @__PURE__ */ React8.createElement(Input.Switch, {
+    }, /* @__PURE__ */ React7.createElement(Input.Switch, {
       checked: locked,
       onCheckedChange: handleChangeLocked,
       classNames: "justify-self-end"
@@ -800,26 +777,26 @@ var MembersContainer = ({ space, createInvitationUrl }) => {
   }
 };
 var InvitationSection = ({ state = Invitation.State.INIT, authCode, invitationId = "never", url = "never", onBack }) => {
-  var _effect = _useSignals8();
+  var _effect = _useSignals7();
   try {
     const activeView = state < 0 ? "init" : state >= Invitation.State.CANCELLED ? "complete" : state >= Invitation.State.READY_FOR_AUTHENTICATION && authCode ? "auth-code" : "qr-code";
-    return /* @__PURE__ */ React8.createElement(Viewport.Root, {
+    return /* @__PURE__ */ React7.createElement(Viewport.Root, {
       activeView
-    }, /* @__PURE__ */ React8.createElement(Viewport.Views, null, /* @__PURE__ */ React8.createElement(Viewport.View, {
+    }, /* @__PURE__ */ React7.createElement(Viewport.Views, null, /* @__PURE__ */ React7.createElement(Viewport.View, {
       id: "init"
-    }), /* @__PURE__ */ React8.createElement(Viewport.View, {
+    }), /* @__PURE__ */ React7.createElement(Viewport.View, {
       id: "complete"
-    }, /* @__PURE__ */ React8.createElement(InvitationComplete, {
+    }, /* @__PURE__ */ React7.createElement(InvitationComplete, {
       statusValue: state
-    })), /* @__PURE__ */ React8.createElement(Viewport.View, {
+    })), /* @__PURE__ */ React7.createElement(Viewport.View, {
       id: "auth-code"
-    }, /* @__PURE__ */ React8.createElement(InvitationAuthCode, {
+    }, /* @__PURE__ */ React7.createElement(InvitationAuthCode, {
       id: invitationId,
       code: authCode ?? "never",
       onCancel: onBack
-    })), /* @__PURE__ */ React8.createElement(Viewport.View, {
+    })), /* @__PURE__ */ React7.createElement(Viewport.View, {
       id: "qr-code"
-    }, /* @__PURE__ */ React8.createElement(InvitationQR, {
+    }, /* @__PURE__ */ React7.createElement(InvitationQR, {
       id: invitationId,
       url,
       onCancel: onBack
@@ -829,36 +806,36 @@ var InvitationSection = ({ state = Invitation.State.INIT, authCode, invitationId
   }
 };
 var InvitationQR = ({ id, url, onCancel }) => {
-  var _effect = _useSignals8();
+  var _effect = _useSignals7();
   try {
-    const { t } = useTranslation8("os");
+    const { t } = useTranslation7("os");
     const qrLabel = useId("members-container__qr-code");
     const emoji = hexToEmoji(id);
-    return /* @__PURE__ */ React8.createElement(React8.Fragment, null, /* @__PURE__ */ React8.createElement("p", {
+    return /* @__PURE__ */ React7.createElement(React7.Fragment, null, /* @__PURE__ */ React7.createElement("p", {
       className: "text-description"
     }, t("qr code description", {
-      ns: SPACE_PLUGIN
-    })), /* @__PURE__ */ React8.createElement("div", {
+      ns: meta.id
+    })), /* @__PURE__ */ React7.createElement("div", {
       role: "group",
       className: "grid grid-cols-[1fr_min-content] mlb-2 gap-2"
-    }, /* @__PURE__ */ React8.createElement("div", {
+    }, /* @__PURE__ */ React7.createElement("div", {
       role: "none",
       className: "is-full aspect-square relative text-description"
-    }, /* @__PURE__ */ React8.createElement(QR, {
+    }, /* @__PURE__ */ React7.createElement(QR, {
       rounding: 100,
       backgroundColor: "transparent",
       color: "currentColor",
       "aria-labelledby": qrLabel,
       errorCorrectionLevel: "Q",
       cutout: true
-    }, url ?? "never"), /* @__PURE__ */ React8.createElement(Centered, null, /* @__PURE__ */ React8.createElement(Emoji, {
+    }, url ?? "never"), /* @__PURE__ */ React7.createElement(Centered, null, /* @__PURE__ */ React7.createElement(Emoji, {
       text: emoji
-    }))), /* @__PURE__ */ React8.createElement("span", {
+    }))), /* @__PURE__ */ React7.createElement("span", {
       id: qrLabel,
       className: "sr-only"
-    }, t("qr label")), /* @__PURE__ */ React8.createElement(Clipboard.Button, {
+    }, t("qr label")), /* @__PURE__ */ React7.createElement(Clipboard.Button, {
       value: url ?? "never"
-    })), /* @__PURE__ */ React8.createElement(Button4, {
+    })), /* @__PURE__ */ React7.createElement(Button4, {
       variant: "ghost",
       onClick: onCancel
     }, t("cancel label")));
@@ -867,22 +844,22 @@ var InvitationQR = ({ id, url, onCancel }) => {
   }
 };
 var InvitationAuthCode = ({ id, code, onCancel }) => {
-  var _effect = _useSignals8();
+  var _effect = _useSignals7();
   try {
-    const { t } = useTranslation8("os");
+    const { t } = useTranslation7("os");
     const emoji = hexToEmoji(id);
-    return /* @__PURE__ */ React8.createElement(React8.Fragment, null, /* @__PURE__ */ React8.createElement("p", {
+    return /* @__PURE__ */ React7.createElement(React7.Fragment, null, /* @__PURE__ */ React7.createElement("p", {
       className: "text-description"
-    }, t("auth other device emoji message")), emoji && /* @__PURE__ */ React8.createElement(Emoji, {
+    }, t("auth other device emoji message")), emoji && /* @__PURE__ */ React7.createElement(Emoji, {
       text: emoji,
       className: "mli-auto mlb-2 text-center"
-    }), /* @__PURE__ */ React8.createElement("p", {
+    }), /* @__PURE__ */ React7.createElement("p", {
       className: "text-description"
-    }, t("auth code message")), /* @__PURE__ */ React8.createElement(AuthCode, {
+    }, t("auth code message")), /* @__PURE__ */ React7.createElement(AuthCode, {
       code,
       large: true,
       classNames: "mli-auto mlb-2 text-center grow"
-    }), /* @__PURE__ */ React8.createElement(Button4, {
+    }), /* @__PURE__ */ React7.createElement(Button4, {
       variant: "ghost",
       onClick: onCancel
     }, t("cancel label")));
@@ -891,12 +868,16 @@ var InvitationAuthCode = ({ id, code, onCancel }) => {
   }
 };
 var InvitationComplete = ({ statusValue }) => {
-  var _effect = _useSignals8();
+  var _effect = _useSignals7();
   try {
-    return statusValue > 0 ? /* @__PURE__ */ React8.createElement(Check, {
-      className: mx3("m-1.5", getSize2(6))
-    }) : /* @__PURE__ */ React8.createElement(X, {
-      className: mx3("m-1.5", getSize2(6))
+    return statusValue > 0 ? /* @__PURE__ */ React7.createElement(Icon5, {
+      icon: "ph--check--regular",
+      size: 6,
+      classNames: "m-1.5"
+    }) : /* @__PURE__ */ React7.createElement(Icon5, {
+      icon: "ph--x--regular",
+      size: 6,
+      classNames: "m-1.5"
     });
   } finally {
     _effect.f();
@@ -904,29 +885,29 @@ var InvitationComplete = ({ statusValue }) => {
 };
 
 // src/components/MenuFooter.tsx
-import { useSignals as _useSignals9 } from "@preact-signals/safe-react/tracking";
-import { Planet } from "@phosphor-icons/react";
-import React9 from "react";
+import { useSignals as _useSignals8 } from "@preact-signals/safe-react/tracking";
+import React8 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";
+import { DropdownMenu, Icon as Icon6, toLocalizedString as toLocalizedString2, useTranslation as useTranslation8 } from "@dxos/react-ui";
 var MenuFooter = ({ object }) => {
-  var _effect = _useSignals9();
+  var _effect = _useSignals8();
   try {
-    const { t } = useTranslation9(SPACE_PLUGIN);
+    const { t } = useTranslation8(meta.id);
     const client = useClient4();
     const space = getSpace2(object);
     const spaceName = space ? getSpaceDisplayName(space, {
       personal: client.spaces.default === space
     }) : "";
-    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", {
+    return space ? /* @__PURE__ */ React8.createElement(React8.Fragment, null, /* @__PURE__ */ React8.createElement(DropdownMenu.Separator, null), /* @__PURE__ */ React8.createElement(DropdownMenu.GroupLabel, null, t("menu footer label")), /* @__PURE__ */ React8.createElement("dl", {
       className: "pis-2 mbe-2 text-xs grid grid-cols-[max-content_1fr] gap-2"
-    }, /* @__PURE__ */ React9.createElement("dt", {
+    }, /* @__PURE__ */ React8.createElement("dt", {
       className: "uppercase text-[.75em] tracking-wide font-medium mbs-px self-start"
-    }, t("location label")), /* @__PURE__ */ React9.createElement("dd", {
+    }, t("location label")), /* @__PURE__ */ React8.createElement("dd", {
       className: "line-clamp-3"
-    }, /* @__PURE__ */ React9.createElement(Planet, {
-      className: "inline-block mie-1"
+    }, /* @__PURE__ */ React8.createElement(Icon6, {
+      icon: "ph--planet--regular",
+      classNames: "inline-block mie-1"
     }), toLocalizedString2(spaceName, t)))) : null;
   } finally {
     _effect.f();
@@ -934,22 +915,22 @@ var MenuFooter = ({ object }) => {
 };
 
 // src/components/ObjectSettings/ObjectSettingsContainer.tsx
-import { useSignals as _useSignals11 } from "@preact-signals/safe-react/tracking";
-import React11, { useMemo as useMemo2 } from "react";
+import { useSignals as _useSignals10 } from "@preact-signals/safe-react/tracking";
+import React10, { useMemo as useMemo2 } from "react";
 import { Surface } from "@dxos/app-framework";
-import { Clipboard as Clipboard2 } from "@dxos/react-ui";
+import { Clipboard as Clipboard2, Toolbar } from "@dxos/react-ui";
 import { StackItem as StackItem2 } from "@dxos/react-ui-stack";
 
 // src/components/ObjectSettings/BaseObjectSettings.tsx
-import { useSignals as _useSignals10 } from "@preact-signals/safe-react/tracking";
-import React10, { useRef as useRef3 } from "react";
-import { Input as Input2, useTranslation as useTranslation10 } from "@dxos/react-ui";
+import { useSignals as _useSignals9 } from "@preact-signals/safe-react/tracking";
+import React9, { useRef as useRef3 } from "react";
+import { Input as Input2, useTranslation as useTranslation9 } from "@dxos/react-ui";
 var BaseObjectSettings = ({ classNames, children, object }) => {
-  var _effect = _useSignals10();
+  var _effect = _useSignals9();
   try {
-    const { t } = useTranslation10(meta.id);
+    const { t } = useTranslation9(meta.id);
     const inputRef = useRef3(null);
-    return /* @__PURE__ */ React10.createElement(React10.Fragment, null, /* @__PURE__ */ React10.createElement(Input2.Root, null, /* @__PURE__ */ React10.createElement(Input2.Label, null, t("name label")), /* @__PURE__ */ React10.createElement(Input2.TextInput, {
+    return /* @__PURE__ */ React9.createElement(React9.Fragment, null, /* @__PURE__ */ React9.createElement(Input2.Root, null, /* @__PURE__ */ React9.createElement(Input2.Label, null, t("name label")), /* @__PURE__ */ React9.createElement(Input2.TextInput, {
       ref: inputRef,
       placeholder: t("name placeholder"),
       // TODO(burdon): Use annotation to get the name field.
@@ -970,24 +951,24 @@ var BaseObjectSettings = ({ classNames, children, object }) => {
 
 // src/components/ObjectSettings/ObjectSettingsContainer.tsx
 var ObjectSettingsContainer = ({ object, role }) => {
-  var _effect = _useSignals11();
+  var _effect = _useSignals10();
   try {
     const data = useMemo2(() => ({
       subject: object
     }), [
       object
     ]);
-    return /* @__PURE__ */ React11.createElement(Clipboard2.Provider, null, /* @__PURE__ */ React11.createElement(StackItem2.Content, {
-      toolbar: false
-    }, /* @__PURE__ */ React11.createElement("div", {
+    return /* @__PURE__ */ React10.createElement(Clipboard2.Provider, null, /* @__PURE__ */ React10.createElement(StackItem2.Content, {
+      toolbar: true
+    }, /* @__PURE__ */ React10.createElement(Toolbar.Root, null), /* @__PURE__ */ React10.createElement("div", {
       role: "none",
       className: "overflow-y-auto pli-cardSpacingInline plb-cardSpacingBlock"
-    }, /* @__PURE__ */ React11.createElement(BaseObjectSettings, {
+    }, /* @__PURE__ */ React10.createElement(BaseObjectSettings, {
       object
-    }, /* @__PURE__ */ React11.createElement(Surface, {
+    }, /* @__PURE__ */ React10.createElement(Surface, {
       role: "base-object-settings",
       data
-    })), /* @__PURE__ */ React11.createElement(Surface, {
+    })), /* @__PURE__ */ React10.createElement(Surface, {
       role: "object-settings",
       data
     }))));
@@ -997,16 +978,15 @@ var ObjectSettingsContainer = ({ object, role }) => {
 };
 
 // src/components/PersistenceStatus.tsx
-import { useSignals as _useSignals12 } from "@preact-signals/safe-react/tracking";
-import { ArrowsCounterClockwise, CheckCircle as CheckCircle2, Warning } from "@phosphor-icons/react";
-import React12, { useEffect as useEffect2, useState as useState4 } from "react";
+import { useSignals as _useSignals11 } from "@preact-signals/safe-react/tracking";
+import React11, { useEffect as useEffect2, useState as useState4 } from "react";
 import { debounce } from "@dxos/async";
-import { Tooltip, useTranslation as useTranslation11 } from "@dxos/react-ui";
-import { getSize as getSize3, mx as mx4, staticPlaceholderText, warningText } from "@dxos/react-ui-theme";
+import { Icon as Icon7, Tooltip, useTranslation as useTranslation10 } from "@dxos/react-ui";
+import { mx, staticPlaceholderText, warningText } from "@dxos/react-ui-theme";
 var PersistenceStatus = ({ db }) => {
-  var _effect = _useSignals12();
+  var _effect = _useSignals11();
   try {
-    const { t } = useTranslation11(SPACE_PLUGIN);
+    const { t } = useTranslation10(meta.id);
     const [displayMessage, setDisplayMessage] = useState4(false);
     const [status, naturalSetStatus] = useState4(0);
     const [prevStatus, setPrevStatus] = useState4(0);
@@ -1023,32 +1003,38 @@ var PersistenceStatus = ({ db }) => {
     ]);
     switch (status) {
       case 2:
-        return /* @__PURE__ */ React12.createElement("div", {
+        return /* @__PURE__ */ React11.createElement("div", {
           className: "flex items-center"
-        }, /* @__PURE__ */ React12.createElement(Warning, {
-          className: mx4(getSize3(4), "me-1")
-        }), /* @__PURE__ */ React12.createElement("span", {
-          className: mx4("text-sm", warningText)
+        }, /* @__PURE__ */ React11.createElement(Icon7, {
+          icon: "ph--warning--regular",
+          size: 4,
+          classNames: "me-1"
+        }), /* @__PURE__ */ React11.createElement("span", {
+          className: mx("text-sm", warningText)
         }, t("persistence error label")));
       case 1:
-        return /* @__PURE__ */ React12.createElement("div", {
+        return /* @__PURE__ */ React11.createElement("div", {
           className: "flex items-center"
-        }, /* @__PURE__ */ React12.createElement(ArrowsCounterClockwise, {
-          className: mx4(getSize3(4), "me-1")
-        }), /* @__PURE__ */ React12.createElement("span", {
-          className: mx4("text-sm", staticPlaceholderText)
+        }, /* @__PURE__ */ React11.createElement(Icon7, {
+          icon: "ph--arrows-counter-clockwise--regular",
+          size: 4,
+          classNames: "me-1"
+        }), /* @__PURE__ */ React11.createElement("span", {
+          className: mx("text-sm", staticPlaceholderText)
         }, t("persistence pending label")));
       case 0:
       default:
-        return /* @__PURE__ */ React12.createElement(Tooltip.Trigger, {
+        return /* @__PURE__ */ React11.createElement(Tooltip.Trigger, {
           delayDuration: 400,
           role: "status",
           content: t("persisted locally message"),
           className: "flex items-center"
-        }, /* @__PURE__ */ React12.createElement(CheckCircle2, {
-          className: mx4(getSize3(4), "me-1")
-        }), displayMessage && /* @__PURE__ */ React12.createElement("span", {
-          className: mx4("text-sm", staticPlaceholderText)
+        }, /* @__PURE__ */ React11.createElement(Icon7, {
+          icon: "ph--check-circle--regular",
+          size: 4,
+          classNames: "me-1"
+        }), displayMessage && /* @__PURE__ */ React11.createElement("span", {
+          className: mx("text-sm", staticPlaceholderText)
         }, t("persisted locally label")));
     }
   } finally {
@@ -1057,37 +1043,33 @@ var PersistenceStatus = ({ db }) => {
 };
 
 // src/components/PopoverRenameObject.tsx
-import { useSignals as _useSignals13 } from "@preact-signals/safe-react/tracking";
-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 { useSignals as _useSignals12 } from "@preact-signals/safe-react/tracking";
+import React12, { useCallback as useCallback7, useRef as useRef4, useState as useState5 } from "react";
+import { LayoutAction as LayoutAction5, createIntent as createIntent6, useIntentDispatcher as useIntentDispatcher6 } from "@dxos/app-framework";
+import { Obj as Obj2 } from "@dxos/echo";
 import { log as log2 } from "@dxos/log";
-import { Button as Button5, Input as Input3, useTranslation as useTranslation12 } from "@dxos/react-ui";
+import { Button as Button5, Input as Input3, useTranslation as useTranslation11 } from "@dxos/react-ui";
 var __dxlog_file3 = "/__w/dxos/dxos/packages/plugins/plugin-space/src/components/PopoverRenameObject.tsx";
-var POPOVER_RENAME_OBJECT = `${SPACE_PLUGIN}/PopoverRenameObject`;
-var PopoverRenameObject = ({ object: obj }) => {
-  var _effect = _useSignals13();
+var POPOVER_RENAME_OBJECT = `${meta.id}/PopoverRenameObject`;
+var PopoverRenameObject = ({ object }) => {
+  var _effect = _useSignals12();
   try {
-    const { t } = useTranslation12(SPACE_PLUGIN);
+    const { t } = useTranslation11(meta.id);
     const doneButton = useRef4(null);
-    const object = obj;
-    const [name, setName] = useState5(object.name || object.title || "");
+    const [name, setName] = useState5(Obj2.getLabel(object));
     const { dispatchPromise: dispatch } = useIntentDispatcher6();
     const handleDone = useCallback7(() => {
       try {
-        object.name = name;
-      } catch {
-        try {
-          object.title = name;
-        } catch (err) {
-          log2.error("Failed to rename object", {
-            err
-          }, {
-            F: __dxlog_file3,
-            L: 32,
-            S: void 0,
-            C: (f, a) => f(...a)
-          });
-        }
+        name && Obj2.setLabel(object, name);
+      } catch (err) {
+        log2.error("Failed to rename object", {
+          err
+        }, {
+          F: __dxlog_file3,
+          L: 27,
+          S: void 0,
+          C: (f, a) => f(...a)
+        });
       }
       void dispatch(createIntent6(LayoutAction5.UpdatePopover, {
         part: "popover",
@@ -1101,21 +1083,21 @@ var PopoverRenameObject = ({ object: obj }) => {
       object,
       name
     ]);
-    return /* @__PURE__ */ React13.createElement("div", {
+    return /* @__PURE__ */ React12.createElement("div", {
       role: "none",
       className: "p-2 flex gap-2"
-    }, /* @__PURE__ */ React13.createElement("div", {
+    }, /* @__PURE__ */ React12.createElement("div", {
       role: "none",
       className: "flex-1"
-    }, /* @__PURE__ */ React13.createElement(Input3.Root, null, /* @__PURE__ */ React13.createElement(Input3.Label, {
+    }, /* @__PURE__ */ React12.createElement(Input3.Root, null, /* @__PURE__ */ React12.createElement(Input3.Label, {
       srOnly: true
-    }, t("object name label")), /* @__PURE__ */ React13.createElement(Input3.TextInput, {
+    }, t("object name label")), /* @__PURE__ */ React12.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__ */ React13.createElement(Button5, {
+    }))), /* @__PURE__ */ React12.createElement(Button5, {
       ref: doneButton,
       classNames: "self-stretch",
       onClick: handleDone
@@ -1128,15 +1110,15 @@ var PopoverRenameObject = ({ object: obj }) => {
 };
 
 // src/components/PopoverRenameSpace.tsx
-import { useSignals as _useSignals14 } from "@preact-signals/safe-react/tracking";
-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`;
+import { useSignals as _useSignals13 } from "@preact-signals/safe-react/tracking";
+import React13, { useCallback as useCallback8, useRef as useRef5, useState as useState6 } from "react";
+import { LayoutAction as LayoutAction6, createIntent as createIntent7, useIntentDispatcher as useIntentDispatcher7 } from "@dxos/app-framework";
+import { Button as Button6, Input as Input4, Popover, useTranslation as useTranslation12 } from "@dxos/react-ui";
+var POPOVER_RENAME_SPACE = `${meta.id}/PopoverRenameSpace`;
 var PopoverRenameSpace = ({ space }) => {
-  var _effect = _useSignals14();
+  var _effect = _useSignals13();
   try {
-    const { t } = useTranslation13(SPACE_PLUGIN);
+    const { t } = useTranslation12(meta.id);
     const doneButton = useRef5(null);
     const [name, setName] = useState6(space.properties.name ?? "");
     const { dispatchPromise: dispatch } = useIntentDispatcher7();
@@ -1154,24 +1136,24 @@ var PopoverRenameSpace = ({ space }) => {
       space,
       name
     ]);
-    return /* @__PURE__ */ React14.createElement("div", {
+    return /* @__PURE__ */ React13.createElement("div", {
       role: "none",
       className: "p-2 flex gap-2"
-    }, /* @__PURE__ */ React14.createElement("div", {
+    }, /* @__PURE__ */ React13.createElement("div", {
       role: "none",
       className: "flex-1"
-    }, /* @__PURE__ */ React14.createElement(Input4.Root, null, /* @__PURE__ */ React14.createElement(Input4.Label, {
+    }, /* @__PURE__ */ React13.createElement(Input4.Root, null, /* @__PURE__ */ React13.createElement(Input4.Label, {
       srOnly: true
-    }, t("space name label")), /* @__PURE__ */ React14.createElement(Input4.TextInput, {
+    }, t("space name label")), /* @__PURE__ */ React13.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__ */ React14.createElement(Popover.Close, {
+    }))), /* @__PURE__ */ React13.createElement(Popover.Close, {
       asChild: true
-    }, /* @__PURE__ */ React14.createElement(Button6, {
+    }, /* @__PURE__ */ React13.createElement(Button6, {
       ref: doneButton,
       classNames: "self-stretch",
       onClick: handleDone
@@ -1184,10 +1166,10 @@ var PopoverRenameSpace = ({ space }) => {
 };
 
 // src/components/SchemaContainer.tsx
-import { useSignals as _useSignals15 } from "@preact-signals/safe-react/tracking";
-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 { useSignals as _useSignals14 } from "@preact-signals/safe-react/tracking";
+import React14, { useEffect as useEffect3, useState as useState7 } from "react";
+import { useTranslation as useTranslation13 } from "@dxos/react-ui";
+import { ControlPage as ControlPage2, ControlSection as ControlSection2, controlItemClasses } from "@dxos/react-ui-form";
 import { StackItem as StackItem3 } from "@dxos/react-ui-stack";
 var useQuerySpaceSchemas = (space) => {
   const [schemas, setSchemas] = useState7([]);
@@ -1203,38 +1185,38 @@ var useQuerySpaceSchemas = (space) => {
   return schemas;
 };
 var SchemaContainer = ({ space }) => {
-  var _effect = _useSignals15();
+  var _effect = _useSignals14();
   try {
-    const { t } = useTranslation14(SPACE_PLUGIN);
+    const { t } = useTranslation13(meta.id);
     const schemas = useQuerySpaceSchemas(space);
-    return /* @__PURE__ */ React15.createElement(StackItem3.Content, {
+    return /* @__PURE__ */ React14.createElement(StackItem3.Content, {
       classNames: "block overflow-y-auto"
-    }, /* @__PURE__ */ React15.createElement(ControlPage2, null, /* @__PURE__ */ React15.createElement(ControlSection2, {
+    }, /* @__PURE__ */ React14.createElement(ControlPage2, null, /* @__PURE__ */ React14.createElement(ControlSection2, {
       title: t("schema verbose label"),
       description: t("schema description")
-    }, /* @__PURE__ */ React15.createElement("div", {
+    }, /* @__PURE__ */ React14.createElement("div", {
       role: "none",
       className: controlItemClasses
-    }, schemas.length === 0 && /* @__PURE__ */ React15.createElement("div", {
+    }, schemas.length === 0 && /* @__PURE__ */ React14.createElement("div", {
       className: "text-center plb-4"
-    }, t("no schemas found message")), schemas.map((schema) => /* @__PURE__ */ React15.createElement("div", {
+    }, t("no schemas found message")), schemas.map((schema) => /* @__PURE__ */ React14.createElement("div", {
       key: schema.id
-    }, /* @__PURE__ */ React15.createElement("div", null, schema.typename)))))));
+    }, /* @__PURE__ */ React14.createElement("div", null, schema.typename)))))));
   } finally {
     _effect.f();
   }
 };
 
 // src/components/SpacePresence.tsx
-import { useSignals as _useSignals16 } from "@preact-signals/safe-react/tracking";
-import { Option } from "effect";
-import React16, { forwardRef, useCallback as useCallback9, useEffect as useEffect4, useState as useState8 } from "react";
+import { useSignals as _useSignals15 } from "@preact-signals/safe-react/tracking";
+import { Option as Option2 } from "effect";
+import React15, { 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 { fullyQualifiedId as fullyQualifiedId3, getSpace as getSpace3, useMembers } from "@dxos/react-client/echo";
 import { useIdentity } from "@dxos/react-client/halo";
-import { Avatar, Tooltip as Tooltip2, Popover as Popover2, useTranslation as useTranslation15, List, ListItem, useDefaultValue } from "@dxos/react-ui";
+import { Avatar, List, ListItem, Popover as Popover2, Tooltip as Tooltip2, useDefaultValue as useDefaultValue2, useTranslation as useTranslation14 } from "@dxos/react-ui";
 import { AttentionGlyph, useAttended, useAttention } from "@dxos/react-ui-attention";
 import { ComplexMap, keyToFallback } from "@dxos/util";
 var REFRESH_INTERVAL = 5e3;
@@ -1242,7 +1224,7 @@ var ACTIVITY_DURATION = 3e4;
 var noViewers = new ComplexMap(PublicKey.hash);
 var getName = (identity) => identity.profile?.displayName ?? generateName(identity.identityKey.toHex());
 var SpacePresence = ({ object, spaceKey }) => {
-  var _effect = _useSignals16();
+  var _effect = _useSignals15();
   try {
     const spaceState = useCapability(SpaceCapabilities.MutableState);
     const client = useClient5();
@@ -1272,7 +1254,7 @@ var SpacePresence = ({ object, spaceKey }) => {
         lastSeen
       };
     }).toSorted((a, b) => a.lastSeen - b.lastSeen);
-    return /* @__PURE__ */ React16.createElement(FullPresence, {
+    return /* @__PURE__ */ React15.createElement(FullPresence, {
       members: membersForObject
     });
   } finally {
@@ -1280,46 +1262,46 @@ var SpacePresence = ({ object, spaceKey }) => {
   }
 };
 var FullPresence = (props) => {
-  var _effect = _useSignals16();
+  var _effect = _useSignals15();
   try {
     const { size = 9, onMemberClick } = props;
-    const members = useDefaultValue(props.members, () => []);
+    const members = useDefaultValue2(props.members, () => []);
     if (members.length === 0) {
       return null;
     }
-    return /* @__PURE__ */ React16.createElement("div", {
+    return /* @__PURE__ */ React15.createElement("div", {
       className: "dx-avatar-group",
       "data-testid": "spacePlugin.presence"
-    }, members.slice(0, 3).map((member, i) => /* @__PURE__ */ React16.createElement(Tooltip2.Trigger, {
+    }, members.slice(0, 3).map((member, i) => /* @__PURE__ */ React15.createElement(Tooltip2.Trigger, {
       key: member.identity.identityKey.toHex(),
       side: "bottom",
       content: getName(member.identity),
       className: "grid focus:outline-none"
-    }, /* @__PURE__ */ React16.createElement(PresenceAvatar, {
+    }, /* @__PURE__ */ React15.createElement(PresenceAvatar, {
       identity: member.identity,
       match: member.currentlyAttended,
       index: members.length - i,
       onClick: () => onMemberClick?.(member),
       size
-    }))), members.length > 3 && /* @__PURE__ */ React16.createElement(Popover2.Root, null, /* @__PURE__ */ React16.createElement(Popover2.Trigger, {
+    }))), members.length > 3 && /* @__PURE__ */ React15.createElement(Popover2.Root, null, /* @__PURE__ */ React15.createElement(Popover2.Trigger, {
       className: "grid focus:outline-none"
-    }, /* @__PURE__ */ React16.createElement(Avatar.Root, null, /* @__PURE__ */ React16.createElement(Avatar.Content, {
+    }, /* @__PURE__ */ React15.createElement(Avatar.Root, null, /* @__PURE__ */ React15.createElement(Avatar.Content, {
       status: "inactive",
       style: {
         zIndex: members.length - 4
       },
       fallback: `+${members.length - 3}`,
       size
-    }))), /* @__PURE__ */ React16.createElement(Popover2.Portal, null, /* @__PURE__ */ React16.createElement(Popover2.Content, {
+    }))), /* @__PURE__ */ React15.createElement(Popover2.Portal, null, /* @__PURE__ */ React15.createElement(Popover2.Content, {
       side: "bottom"
-    }, /* @__PURE__ */ React16.createElement(Popover2.Arrow, null), /* @__PURE__ */ React16.createElement(Popover2.Viewport, {
+    }, /* @__PURE__ */ React15.createElement(Popover2.Arrow, null), /* @__PURE__ */ React15.createElement(Popover2.Viewport, {
       classNames: "max-bs-56"
-    }, /* @__PURE__ */ React16.createElement(List, null, members.map((member) => /* @__PURE__ */ React16.createElement(ListItem.Root, {
+    }, /* @__PURE__ */ React15.createElement(List, null, members.map((member) => /* @__PURE__ */ React15.createElement(ListItem.Root, {
       key: member.identity.identityKey.toHex(),
       classNames: "flex gap-2 items-center cursor-pointer mbe-2",
       onClick: () => onMemberClick?.(member),
       "data-testid": "identity-list-item"
-    }, /* @__PURE__ */ React16.createElement(PresenceAvatar, {
+    }, /* @__PURE__ */ React15.createElement(PresenceAvatar, {
       identity: member.identity,
       size,
       showName: true,
@@ -1330,11 +1312,11 @@ var FullPresence = (props) => {
   }
 };
 var PresenceAvatar = /* @__PURE__ */ forwardRef(({ identity, showName, match, index, onClick, size }, forwardedRef) => {
-  var _effect = _useSignals16();
+  var _effect = _useSignals15();
   try {
     const status = match ? "current" : "active";
     const fallbackValue = keyToFallback(identity.identityKey);
-    return /* @__PURE__ */ React16.createElement(Avatar.Root, null, /* @__PURE__ */ React16.createElement(Avatar.Content, {
+    return /* @__PURE__ */ React15.createElement(Avatar.Root, null, /* @__PURE__ */ React15.createElement(Avatar.Content, {
       status,
       hue: identity.profile?.data?.hue || fallbackValue.hue,
       "data-testid": "spacePlugin.presence.member",
@@ -1348,7 +1330,7 @@ var PresenceAvatar = /* @__PURE__ */ forwardRef(({ identity, showName, match, in
       onClick,
       fallback: identity.profile?.data?.emoji || fallbackValue.emoji,
       ref: forwardedRef
-    }), /* @__PURE__ */ React16.createElement(Avatar.Label, {
+    }), /* @__PURE__ */ React15.createElement(Avatar.Label, {
       classNames: showName ? "text-sm truncate pli-2" : "sr-only"
     }, getName(identity)));
   } finally {
@@ -1356,7 +1338,7 @@ var PresenceAvatar = /* @__PURE__ */ forwardRef(({ identity, showName, match, in
   }
 });
 var SmallPresenceLive = ({ id, open, viewers }) => {
-  var _effect = _useSignals16();
+  var _effect = _useSignals15();
   try {
     const { hasAttention, isAncestor, isRelated } = useAttention(id);
     const isAttended = hasAttention || isAncestor || isRelated;
@@ -1364,7 +1346,7 @@ var SmallPresenceLive = ({ id, open, viewers }) => {
     const attended = useAttended();
     const startOfAttention = attended.at(-1);
     const path = usePath(graph, startOfAttention);
-    const containsAttended = !open && !isAttended && id && Option.isSome(path) ? path.value.includes(id) : false;
+    const containsAttended = !open && !isAttended && id && Option2.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);
@@ -1381,7 +1363,7 @@ var SmallPresenceLive = ({ id, open, viewers }) => {
     }, [
       viewers
     ]);
-    return /* @__PURE__ */ React16.createElement(SmallPresence, {
+    return /* @__PURE__ */ React15.createElement(SmallPresence, {
       count: activeViewers.length,
       attended: isAttended,
       containsAttended
@@ -1391,16 +1373,16 @@ var SmallPresenceLive = ({ id, open, viewers }) => {
   }
 };
 var SmallPresence = ({ count = 0, attended, containsAttended }) => {
-  var _effect = _useSignals16();
+  var _effect = _useSignals15();
   try {
-    const { t } = useTranslation15(SPACE_PLUGIN);
-    return /* @__PURE__ */ React16.createElement(Tooltip2.Trigger, {
+    const { t } = useTranslation14(meta.id);
+    return /* @__PURE__ */ React15.createElement(Tooltip2.Trigger, {
       asChild: true,
       content: t("presence label", {
         count
       }),
       side: "bottom"
-    }, /* @__PURE__ */ React16.createElement(AttentionGlyph, {
+    }, /* @__PURE__ */ React15.createElement(AttentionGlyph, {
       attended,
       containsAttended,
       presence: count > 1 ? "many" : count === 1 ? "one" : "none",
@@ -1412,45 +1394,43 @@ var SmallPresence = ({ count = 0, attended, containsAttended }) => {
 };
 
 // src/components/SpacePluginSettings.tsx
-import { useSignals as _useSignals17 } from "@preact-signals/safe-react/tracking";
-import React17 from "react";
+import { useSignals as _useSignals16 } from "@preact-signals/safe-react/tracking";
+import React16 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 useTranslation16, List as List2, ListItem as ListItem2, IconButton } from "@dxos/react-ui";
-import { controlItemClasses as controlItemClasses2, ControlPage as ControlPage3, ControlSection as ControlSection3, DeprecatedFormInput } from "@dxos/react-ui-form";
+import { IconButton, Input as Input5, List as List2, ListItem as ListItem2, toLocalizedString as toLocalizedString3, useTranslation as useTranslation15 } from "@dxos/react-ui";
+import { ControlGroup, ControlItemInput as ControlItemInput2, ControlPage as ControlPage3, ControlSection as ControlSection3, controlItemClasses as controlItemClasses2 } from "@dxos/react-ui-form";
 var SpacePluginSettings = ({ settings }) => {
-  var _effect = _useSignals17();
+  var _effect = _useSignals16();
   try {
-    const { t } = useTranslation16(SPACE_PLUGIN);
+    const { t } = useTranslation15(meta.id);
     const client = useClient6();
     const spaces = useSpaces2({
       all: settings.showHidden
     });
     const { dispatchPromise: dispatch } = useIntentDispatcher8();
-    return /* @__PURE__ */ React17.createElement(ControlPage3, null, /* @__PURE__ */ React17.createElement(ControlSection3, {
+    return /* @__PURE__ */ React16.createElement(ControlPage3, null, /* @__PURE__ */ React16.createElement(ControlSection3, {
       title: t("space settings label"),
       description: t("space settings description")
-    }, /* @__PURE__ */ React17.createElement("div", {
-      className: "pli-trimMd container-max-width"
-    }, /* @__PURE__ */ React17.createElement(DeprecatedFormInput, {
-      label: t("show hidden spaces label")
-    }, /* @__PURE__ */ React17.createElement(Input5.Switch, {
+    }, /* @__PURE__ */ React16.createElement(ControlGroup, null, /* @__PURE__ */ React16.createElement(ControlItemInput2, {
+      title: t("show hidden spaces label")
+    }, /* @__PURE__ */ React16.createElement(Input5.Switch, {
       checked: settings.showHidden,
       onCheckedChange: (checked) => settings.showHidden = !!checked
-    }))), /* @__PURE__ */ React17.createElement(List2, {
+    }))), /* @__PURE__ */ React16.createElement(List2, {
       classNames: [
         controlItemClasses2,
         "flex flex-col gap-trimSm"
       ]
-    }, spaces.map((space) => /* @__PURE__ */ React17.createElement(ListItem2.Root, {
+    }, spaces.map((space) => /* @__PURE__ */ React16.createElement(ListItem2.Root, {
       key: space.id,
       classNames: "is-full items-center"
-    }, /* @__PURE__ */ React17.createElement(ListItem2.Heading, {
+    }, /* @__PURE__ */ React16.createElement(ListItem2.Heading, {
       classNames: "grow truncate !min-bs-0"
     }, toLocalizedString3(getSpaceDisplayName(space, {
       personal: space === client.spaces.default
-    }), t)), /* @__PURE__ */ React17.createElement(IconButton, {
+    }), t)), /* @__PURE__ */ React16.createElement(IconButton, {
       icon: "ph--faders--regular",
       onClick: () => dispatch(createIntent8(SpaceAction.OpenSettings, {
         space
@@ -1463,16 +1443,16 @@ var SpacePluginSettings = ({ settings }) => {
 };
 
 // src/components/SpaceSettings/SpaceSettingsContainer.tsx
-import { useSignals as _useSignals18 } from "@preact-signals/safe-react/tracking";
-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 { useSignals as _useSignals17 } from "@preact-signals/safe-react/tracking";
+import { Schema, pipe as pipe2 } from "effect";
+import React17, { useCallback as useCallback10, useMemo as useMemo3, useState as useState9 } from "react";
+import { LayoutAction as LayoutAction7, chain as chain2, createIntent as createIntent9, 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 Button7, Input as Input6, useMulticastObservable, useTranslation as useTranslation17 } from "@dxos/react-ui";
-import { Form as Form3, ControlItem, ControlItemInput as ControlItemInput2, ControlSection as ControlSection4, ControlPage as ControlPage4 } from "@dxos/react-ui-form";
+import { Button as Button7, Input as Input6, useMulticastObservable, useTranslation as useTranslation16 } from "@dxos/react-ui";
+import { ControlItem, ControlItemInput as ControlItemInput3, ControlPage as ControlPage4, ControlSection as ControlSection4, Form as Form3 } from "@dxos/react-ui-form";
 import { HuePicker, IconPicker } from "@dxos/react-ui-pickers";
 import { StackItem as StackItem4 } from "@dxos/react-ui-stack";
 var __dxlog_file4 = "/__w/dxos/dxos/packages/plugins/plugin-space/src/components/SpaceSettings/SpaceSettingsContainer.tsx";
@@ -1482,9 +1462,9 @@ var FormSchema = SpaceForm.pipe(Schema.extend(Schema.Struct({
   })
 })));
 var SpaceSettingsContainer = ({ space }) => {
-  var _effect = _useSignals18();
+  var _effect = _useSignals17();
   try {
-    const { t } = useTranslation17(SPACE_PLUGIN);
+    const { t } = useTranslation16(meta.id);
     const { dispatchPromise: dispatch } = useIntentDispatcher9();
     const client = useClient7();
     const archived = useMulticastObservable(space.state) === SpaceState2.SPACE_INACTIVE;
@@ -1550,10 +1530,10 @@ var SpaceSettingsContainer = ({ space }) => {
           onValueChange,
           type
         ]);
-        return /* @__PURE__ */ React18.createElement(ControlItemInput2, {
+        return /* @__PURE__ */ React17.createElement(ControlItemInput3, {
           title: label,
           description: t("display name description")
-        }, /* @__PURE__ */ React18.createElement(Input6.TextInput, {
+        }, /* @__PURE__ */ React17.createElement(Input6.TextInput, {
           value: getValue(),
           onChange: handleChange,
           placeholder: t("display name input placeholder"),
@@ -1561,21 +1541,21 @@ var SpaceSettingsContainer = ({ space }) => {
         }));
       },
       icon: ({ type, label, getValue, onValueChange }) => {
-        const handleChange = useCallback10((nextEmoji) => onValueChange(type, nextEmoji), [
+        const handleChange = useCallback10((icon) => onValueChange(type, icon), [
           onValueChange,
           type
         ]);
-        const handleEmojiReset = useCallback10(() => onValueChange(type, void 0), [
+        const handleReset = useCallback10(() => onValueChange(type, void 0), [
           onValueChange,
           type
         ]);
-        return /* @__PURE__ */ React18.createElement(ControlItem, {
+        return /* @__PURE__ */ React17.createElement(ControlItem, {
           title: label,
           description: t("icon description")
-        }, /* @__PURE__ */ React18.createElement(IconPicker, {
+        }, /* @__PURE__ */ React17.createElement(IconPicker, {
           value: getValue(),
           onChange: handleChange,
-          onReset: handleEmojiReset,
+          onReset: handleReset,
           classNames: "justify-self-end",
           iconSize: 5
         }));
@@ -1585,17 +1565,17 @@ var SpaceSettingsContainer = ({ space }) => {
           onValueChange,
           type
         ]);
-        const handleHueReset = useCallback10(() => onValueChange(type, void 0), [
+        const handleReset = useCallback10(() => onValueChange(type, void 0), [
           onValueChange,
           type
         ]);
-        return /* @__PURE__ */ React18.createElement(ControlItem, {
+        return /* @__PURE__ */ React17.createElement(ControlItem, {
           title: label,
           description: t("hue description")
-        }, /* @__PURE__ */ React18.createElement(HuePicker, {
+        }, /* @__PURE__ */ React17.createElement(HuePicker, {
           value: getValue(),
           onChange: handleChange,
-          onReset: handleHueReset,
+          onReset: handleReset,
           classNames: "[--hue-preview-size:1.25rem] justify-self-end"
         }));
       },
@@ -1604,10 +1584,10 @@ var SpaceSettingsContainer = ({ space }) => {
           onValueChange,
           type
         ]);
-        return /* @__PURE__ */ React18.createElement(ControlItemInput2, {
+        return /* @__PURE__ */ React17.createElement(ControlItemInput3, {
           title: label,
           description: t("edge replication description")
-        }, /* @__PURE__ */ React18.createElement(Input6.Switch, {
+        }, /* @__PURE__ */ React17.createElement(Input6.Switch, {
           checked: getValue(),
           onCheckedChange: handleChange,
           classNames: "justify-self-end"
@@ -1619,10 +1599,10 @@ var SpaceSettingsContainer = ({ space }) => {
           type,
           getValue
         ]);
-        return /* @__PURE__ */ React18.createElement(ControlItemInput2, {
+        return /* @__PURE__ */ React17.createElement(ControlItemInput3, {
           title: label,
           description: t("archive space description")
-        }, /* @__PURE__ */ React18.createElement(Button7, {
+        }, /* @__PURE__ */ React17.createElement(Button7, {
           disabled: space === client.spaces.default,
           onClick: handleChange
         }, getValue() ? t("unarchive space label") : t("archive space label")));
@@ -1631,23 +1611,23 @@ var SpaceSettingsContainer = ({ space }) => {
       t,
       space
     ]);
-    return /* @__PURE__ */ React18.createElement(StackItem4.Content, {
-      classNames: "block overflow-y-auto pli-2"
-    }, /* @__PURE__ */ React18.createElement(ControlPage4, null, /* @__PURE__ */ React18.createElement(ControlSection4, {
+    return /* @__PURE__ */ React17.createElement(StackItem4.Content, {
+      classNames: "block overflow-y-auto"
+    }, /* @__PURE__ */ React17.createElement(ControlPage4, null, /* @__PURE__ */ React17.createElement(ControlSection4, {
       title: t("space properties settings verbose label", {
-        ns: SPACE_PLUGIN
+        ns: meta.id
       }),
       description: t("space properties settings description", {
-        ns: SPACE_PLUGIN
+        ns: meta.id
       })
-    }, /* @__PURE__ */ React18.createElement(Form3, {
+    }, /* @__PURE__ */ React17.createElement(Form3, {
       schema: FormSchema,
       values,
       autoSave: true,
       onSave: handleSave,
       Custom: customElements,
       outerSpacing: false,
-      classNames: "container-max-width grid grid-cols-1 md:grid-cols-[1fr_min-content] gap-4"
+      classNames: "container-max-width grid grid-cols-1 md:grid-cols-[1fr_min-content]"
     }))));
   } finally {
     _effect.f();
@@ -1655,15 +1635,15 @@ var SpaceSettingsContainer = ({ space }) => {
 };
 
 // src/components/SyncStatus/InlineSyncStatus.tsx
-import { useSignals as _useSignals19 } from "@preact-signals/safe-react/tracking";
-import { Option as Option2 } from "effect";
-import React19, { useEffect as useEffect5, useState as useState10 } from "react";
+import { useSignals as _useSignals18 } from "@preact-signals/safe-react/tracking";
+import { Option as Option3 } from "effect";
+import React18, { 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 useTranslation18 } from "@dxos/react-ui";
+import { Tooltip as Tooltip3, useTranslation as useTranslation17 } from "@dxos/react-ui";
 import { AttentionGlyph as AttentionGlyph2, useAttended as useAttended2, useAttention as useAttention2 } from "@dxos/react-ui-attention";
 var useEdgeStatus = () => {
   const [status, setStatus] = useState10(EdgeStatus.NOT_CONNECTED);
@@ -1678,9 +1658,9 @@ var useEdgeStatus = () => {
   return status;
 };
 var InlineSyncStatus = ({ space, open }) => {
-  var _effect = _useSignals19();
+  var _effect = _useSignals18();
   try {
-    const { t } = useTranslation18(SPACE_PLUGIN);
+    const { t } = useTranslation17(meta.id);
     const id = space.id;
     const { hasAttention, isAncestor, isRelated } = useAttention2(id);
     const isAttended = hasAttention || isAncestor || isRelated;
@@ -1688,16 +1668,16 @@ var InlineSyncStatus = ({ space, open }) => {
     const attended = useAttended2();
     const startOfAttention = attended.at(-1);
     const path = usePath(graph, startOfAttention);
-    const containsAttended = !open && !isAttended && id && Option2.isSome(path) ? path.value.includes(id) : false;
+    const containsAttended = !open && !isAttended && id && Option3.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__ */ React19.createElement(Tooltip3.Trigger, {
+    return /* @__PURE__ */ React18.createElement(Tooltip3.Trigger, {
       asChild: true,
       content: t("syncing label"),
       side: "bottom"
-    }, /* @__PURE__ */ React19.createElement(AttentionGlyph2, {
+    }, /* @__PURE__ */ React18.createElement(AttentionGlyph2, {
       syncing,
       attended: isAttended,
       containsAttended,
@@ -1709,12 +1689,12 @@ var InlineSyncStatus = ({ space, open }) => {
 };
 
 // src/components/SyncStatus/SyncStatus.tsx
-import { useSignals as _useSignals20 } from "@preact-signals/safe-react/tracking";
-import React20, { useEffect as useEffect6, useState as useState11 } from "react";
+import { useSignals as _useSignals19 } from "@preact-signals/safe-react/tracking";
+import React19, { 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 useTranslation19 } from "@dxos/react-ui";
+import { Icon as Icon8, useTranslation as useTranslation18 } from "@dxos/react-ui";
 
 // src/components/SyncStatus/save-tracker.ts
 import { Context } from "@dxos/context";
@@ -1810,7 +1790,7 @@ var getIcon = (status) => {
 // src/components/SyncStatus/SyncStatus.tsx
 var SYNC_STALLED_TIMEOUT = 5e3;
 var SyncStatus = () => {
-  var _effect = _useSignals20();
+  var _effect = _useSignals19();
   try {
     const client = useClient9();
     const state = useSyncState();
@@ -1820,7 +1800,7 @@ var SyncStatus = () => {
         setSaved(state2 === "saved");
       });
     }, []);
-    return /* @__PURE__ */ React20.createElement(SyncStatusIndicator, {
+    return /* @__PURE__ */ React19.createElement(SyncStatusIndicator, {
       state,
       saved
     });
@@ -1829,9 +1809,9 @@ var SyncStatus = () => {
   }
 };
 var SyncStatusIndicator = ({ state, saved }) => {
-  var _effect = _useSignals20();
+  var _effect = _useSignals19();
   try {
-    const { t } = useTranslation19(SPACE_PLUGIN);
+    const { t } = useTranslation18(meta.id);
     const summary = getSyncSummary(state);
     const offline = Object.values(state).length === 0;
     const needsToUpload = summary.differentDocuments > 0 || summary.missingOnRemote > 0;
@@ -1858,12 +1838,12 @@ var SyncStatusIndicator = ({ state, saved }) => {
       needsToDownload
     ]);
     const title = t(`${status} label`);
-    const icon = /* @__PURE__ */ React20.createElement(Icon5, {
+    const icon = /* @__PURE__ */ React19.createElement(Icon8, {
       icon: getIcon(status),
       size: 4,
       classNames
     });
-    return /* @__PURE__ */ React20.createElement(StatusBar.Item, {
+    return /* @__PURE__ */ React19.createElement(StatusBar.Item, {
       title
     }, icon);
   } finally {
@@ -1871,13 +1851,88 @@ var SyncStatusIndicator = ({ state, saved }) => {
   }
 };
 
+// src/components/ViewEditor.tsx
+import { useSignals as _useSignals20 } from "@preact-signals/safe-react/tracking";
+import React20, { useCallback as useCallback11 } from "react";
+import { createIntent as createIntent10, useIntentDispatcher as useIntentDispatcher10 } from "@dxos/app-framework";
+import { Filter as Filter2, Query as Query2, Type as Type3 } from "@dxos/echo";
+import { invariant as invariant2 } from "@dxos/invariant";
+import { useClient as useClient10 } from "@dxos/react-client";
+import { getSpace as getSpace4, useSchema } from "@dxos/react-client/echo";
+import { ViewEditor as NaturalViewEditor } from "@dxos/react-ui-form";
+import { typenameFromQuery as typenameFromQuery2 } from "@dxos/schema";
+var __dxlog_file6 = "/__w/dxos/dxos/packages/plugins/plugin-space/src/components/ViewEditor.tsx";
+var ViewEditor = ({ view }) => {
+  var _effect = _useSignals20();
+  try {
+    const { dispatchPromise: dispatch } = useIntentDispatcher10();
+    const client = useClient10();
+    const space = getSpace4(view);
+    const typename = view.query ? typenameFromQuery2(view.query.ast) : void 0;
+    const schema = useSchema(client, space, typename);
+    const handleUpdateQuery = useCallback11((typename2) => {
+      invariant2(schema, void 0, {
+        F: __dxlog_file6,
+        L: 28,
+        S: void 0,
+        A: [
+          "schema",
+          ""
+        ]
+      });
+      invariant2(Type3.isMutable(schema), void 0, {
+        F: __dxlog_file6,
+        L: 29,
+        S: void 0,
+        A: [
+          "Type.isMutable(schema)",
+          ""
+        ]
+      });
+      const newQuery = Query2.select(Filter2.typename(typename2));
+      view.query.ast = newQuery.ast;
+      schema.updateTypename(typename2);
+    }, [
+      view,
+      schema
+    ]);
+    const handleDelete = useCallback11((fieldId) => {
+      void dispatch(createIntent10(SpaceAction.DeleteField, {
+        view,
+        fieldId
+      }));
+    }, [
+      dispatch,
+      view
+    ]);
+    if (!space || !schema) {
+      return null;
+    }
+    return /* @__PURE__ */ React20.createElement(NaturalViewEditor, {
+      registry: space.db.schemaRegistry,
+      schema,
+      view,
+      onQueryChanged: Type3.isMutable(schema) ? handleUpdateQuery : void 0,
+      onDelete: Type3.isMutable(schema) ? handleDelete : void 0,
+      outerSpacing: false
+    });
+  } finally {
+    _effect.f();
+  }
+};
+
+// src/components/index.ts
+import { lazy as lazy2 } from "react";
+var CollectionMain = lazy2(() => import("./CollectionMain-AX7KKXWP.mjs"));
+var ObjectDetailsPanel = lazy2(() => import("./ObjectDetailsPanel-ETI5YBTH.mjs"));
+var RecordMain = lazy2(() => import("./RecordMain-TEBGAVSL.mjs"));
+
 export {
   AwaitingObject,
   CREATE_OBJECT_DIALOG,
   CreateObjectDialog,
   CREATE_SPACE_DIALOG,
   CreateSpaceDialog,
-  CollectionMain,
   CollectionSection,
   JOIN_DIALOG,
   JoinDialog,
@@ -1900,6 +1955,10 @@ export {
   InlineSyncStatus,
   SyncStatus,
   SyncStatusIndicator,
+  ViewEditor,
+  CollectionMain,
+  ObjectDetailsPanel,
+  RecordMain,
   AppGraphBuilder,
   AppGraphSerializer,
   IdentityCreated,
@@ -1907,9 +1966,8 @@ export {
   ReactRoot,
   ReactSurface,
   SchemaDefs,
-  SchemaTools,
   SpaceSettings,
   SpaceState,
   SpacesReady
 };
-//# sourceMappingURL=chunk-GVTXQCIW.mjs.map
+//# sourceMappingURL=chunk-2BFVC5K6.mjs.map