@dxos/plugin-space 0.8.4-main.c1de068 → 0.8.4-main.dedc0f3

package/dist/lib/browser/{chunk-V7MJSSBQ.mjs → chunk-6GRF7NEF.mjs}

@@ -1,18 +1,18 @@
 import {
   useInputSurfaceLookup,
   usePath
-} from "./chunk-VLBRSGJ2.mjs";
+} from "./chunk-ELJDGQTO.mjs";
 import {
   SpaceCapabilities
-} from "./chunk-CEFHNVU7.mjs";
+} from "./chunk-TUQZO5P4.mjs";
 import {
   COMPOSER_SPACE_LOCK,
   getSpaceDisplayName
-} from "./chunk-XUYKJUU7.mjs";
+} from "./chunk-S33AYKSS.mjs";
 import {
   SpaceAction,
   SpaceForm
-} from "./chunk-SGTQ52SU.mjs";
+} from "./chunk-URST7EEN.mjs";
 import {
   SPACE_PLUGIN,
   meta
@@ -21,7 +21,7 @@ import {
 // src/components/AwaitingObject.tsx
 import { useSignals as _useSignals } from "@preact-signals/safe-react/tracking";
 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, Icon, Toast, useTranslation } from "@dxos/react-ui";
@@ -130,25 +130,46 @@ 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 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-AFC6PNAB.mjs"));
+var AppGraphSerializer = lazy(() => import("./app-graph-serializer-Q7QG4EKW.mjs"));
+var IdentityCreated = lazy(() => import("./identity-created-T6ZNVE7S.mjs"));
+var IntentResolver = lazy(() => import("./intent-resolver-CO262Q44.mjs"));
+var ReactRoot = lazy(() => import("./react-root-K4IVLFYZ.mjs"));
+var ReactSurface = lazy(() => import("./react-surface-TPUOK2LC.mjs"));
+var SchemaDefs = lazy(() => import("./schema-defs-YDPFZELA.mjs"));
+var SpaceSettings = lazy(() => import("./settings-ZYH2JWNI.mjs"));
+var SpaceState = lazy(() => import("./state-2RGW7FQG.mjs"));
+var SpacesReady = lazy(() => import("./spaces-ready-3I5LISH4.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 as Icon2, 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 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
@@ -200,9 +221,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,
@@ -288,24 +307,10 @@ var SelectSchema = ({ options, resolve, onChange }) => {
   }
 };
 
-// src/capabilities/index.ts
-import { lazy } from "@dxos/app-framework";
-var AppGraphBuilder = lazy(() => import("./app-graph-builder-7CZZJS3S.mjs"));
-var AppGraphSerializer = lazy(() => import("./app-graph-serializer-H6AW7KGS.mjs"));
-var IdentityCreated = lazy(() => import("./identity-created-23XJJV2N.mjs"));
-var IntentResolver = lazy(() => import("./intent-resolver-TIXVDYN7.mjs"));
-var ReactRoot = lazy(() => import("./react-root-N2J7TDRX.mjs"));
-var ReactSurface = lazy(() => import("./react-surface-TPNLWJJH.mjs"));
-var SchemaDefs = lazy(() => import("./schema-defs-Z6FC4AHC.mjs"));
-var SchemaTools = lazy(() => import("./schema-tools-BNP4JTD7.mjs"));
-var SpaceSettings = lazy(() => import("./settings-4IMP5RYT.mjs"));
-var SpaceState = lazy(() => import("./state-QYZAB45H.mjs"));
-var SpacesReady = lazy(() => import("./spaces-ready-TOPG6IV4.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, onCreateObject, shouldNavigate: _shouldNavigate }) => {
+var CreateObjectDialog = ({ target: initialTarget, typename: initialTypename, views, initialFormValues, onCreateObject, shouldNavigate: _shouldNavigate }) => {
   var _effect = _useSignals3();
   try {
     const closeRef = useRef(null);
@@ -319,7 +324,7 @@ var CreateObjectDialog = ({ target: initialTarget, typename: initialTypename, na
     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
     ]);
@@ -331,7 +336,7 @@ var CreateObjectDialog = ({ target: initialTarget, typename: initialTypename, na
       const space2 = isSpace(target) ? target : getSpace(target);
       invariant(space2, "Missing space", {
         F: __dxlog_file,
-        L: 76,
+        L: 83,
         S: this,
         A: [
           "space",
@@ -376,7 +381,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
@@ -392,8 +397,9 @@ var CreateObjectDialog = ({ target: initialTarget, typename: initialTypename, na
         forms,
         spaces,
         target,
+        views,
         typename,
-        name,
+        initialFormValues,
         defaultSpaceId: client.spaces.default.id,
         resolve,
         onTargetChange: setTarget,
@@ -410,7 +416,7 @@ var CreateObjectDialog = ({ target: initialTarget, typename: initialTypename, na
 import { useSignals as _useSignals4 } from "@preact-signals/safe-react/tracking";
 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 { 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";
@@ -500,7 +506,7 @@ var CollectionSection = ({ collection }) => {
 // src/components/JoinDialog.tsx
 import { useSignals as _useSignals6 } from "@preact-signals/safe-react/tracking";
 import React6, { useCallback as useCallback5 } from "react";
-import { createIntent as createIntent4, LayoutAction as LayoutAction4, useAppGraph, useIntentDispatcher as useIntentDispatcher4 } from "@dxos/app-framework";
+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";
@@ -623,7 +629,7 @@ 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 Icon5, Input, useId, useTranslation as useTranslation7 } from "@dxos/react-ui";
-import { ControlPage, ControlSection, ControlFrame, ControlFrameItem, ControlItemInput } from "@dxos/react-ui-form";
+import { ControlFrame, ControlFrameItem, ControlItemInput, ControlPage, ControlSection } from "@dxos/react-ui-form";
 import { StackItem } from "@dxos/react-ui-stack";
 import { DataType as DataType2 } from "@dxos/schema";
 import { AuthCode, BifurcatedAction, Centered, Emoji, InvitationList, SpaceMemberList, Viewport } from "@dxos/shell/react";
@@ -764,7 +770,7 @@ var MembersContainer = ({ space, createInvitationUrl }) => {
       onChangeActiveAction: setActiveAction,
       "data-testid": "membersContainer.createInvitation"
     })))), /* @__PURE__ */ React7.createElement("div", {
-      className: "justify-center gap-4 p-0 mbs-4 container-max-width grid grid-cols-1 md:grid-cols-[1fr_min-content]"
+      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")
@@ -919,7 +925,7 @@ var MenuFooter = ({ object }) => {
 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
@@ -960,8 +966,8 @@ var ObjectSettingsContainer = ({ object, role }) => {
       object
     ]);
     return /* @__PURE__ */ React10.createElement(Clipboard2.Provider, null, /* @__PURE__ */ React10.createElement(StackItem2.Content, {
-      toolbar: false
-    }, /* @__PURE__ */ React10.createElement("div", {
+      toolbar: true
+    }, /* @__PURE__ */ React10.createElement(Toolbar.Root, null), /* @__PURE__ */ React10.createElement("div", {
       role: "none",
       className: "overflow-y-auto pli-cardSpacingInline plb-cardSpacingBlock"
     }, /* @__PURE__ */ React10.createElement(BaseObjectSettings, {
@@ -1046,35 +1052,31 @@ var PersistenceStatus = ({ db }) => {
 // src/components/PopoverRenameObject.tsx
 import { useSignals as _useSignals12 } from "@preact-signals/safe-react/tracking";
 import React12, { 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 { 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 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 PopoverRenameObject = ({ object }) => {
   var _effect = _useSignals12();
   try {
     const { t } = useTranslation11(SPACE_PLUGIN);
     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;
+        name && Obj2.setLabel(object, name);
       } catch (err) {
-        try {
-          object.title = name;
-        } catch {
-          log2.error("Failed to rename object", {
-            err
-          }, {
-            F: __dxlog_file3,
-            L: 32,
-            S: void 0,
-            C: (f, a) => f(...a)
-          });
-        }
+        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",
@@ -1117,7 +1119,7 @@ var PopoverRenameObject = ({ object: obj }) => {
 // src/components/PopoverRenameSpace.tsx
 import { useSignals as _useSignals13 } from "@preact-signals/safe-react/tracking";
 import React13, { 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 { 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 = `${SPACE_PLUGIN}/PopoverRenameSpace`;
 var PopoverRenameSpace = ({ space }) => {
@@ -1172,9 +1174,9 @@ var PopoverRenameSpace = ({ space }) => {
 
 // src/components/SchemaContainer.tsx
 import { useSignals as _useSignals14 } from "@preact-signals/safe-react/tracking";
-import React14, { useState as useState7, useEffect as useEffect3 } from "react";
+import React14, { useEffect as useEffect3, useState as useState7 } from "react";
 import { useTranslation as useTranslation13 } from "@dxos/react-ui";
-import { controlItemClasses, ControlPage as ControlPage2, ControlSection as ControlSection2 } from "@dxos/react-ui-form";
+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([]);
@@ -1214,14 +1216,14 @@ var SchemaContainer = ({ space }) => {
 
 // src/components/SpacePresence.tsx
 import { useSignals as _useSignals15 } from "@preact-signals/safe-react/tracking";
-import { Option } from "effect";
+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 useTranslation14, 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;
@@ -1270,7 +1272,7 @@ var FullPresence = (props) => {
   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;
     }
@@ -1351,7 +1353,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);
@@ -1404,8 +1406,8 @@ 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 useTranslation15, 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 = _useSignals16();
   try {
@@ -1418,10 +1420,8 @@ var SpacePluginSettings = ({ settings }) => {
     return /* @__PURE__ */ React16.createElement(ControlPage3, null, /* @__PURE__ */ React16.createElement(ControlSection3, {
       title: t("space settings label"),
       description: t("space settings description")
-    }, /* @__PURE__ */ React16.createElement("div", {
-      className: "pli-trimMd container-max-width"
-    }, /* @__PURE__ */ React16.createElement(DeprecatedFormInput, {
-      label: t("show hidden spaces label")
+    }, /* @__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
@@ -1451,15 +1451,15 @@ var SpacePluginSettings = ({ settings }) => {
 
 // src/components/SpaceSettings/SpaceSettingsContainer.tsx
 import { useSignals as _useSignals17 } from "@preact-signals/safe-react/tracking";
-import { pipe as pipe2, Schema } from "effect";
+import { Schema, pipe as pipe2 } from "effect";
 import React17, { 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 { 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 useTranslation16 } from "@dxos/react-ui";
-import { Form as Form3, ControlItem, ControlItemInput as ControlItemInput2, ControlSection as ControlSection4, ControlPage as ControlPage4 } from "@dxos/react-ui-form";
+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";
@@ -1537,7 +1537,7 @@ var SpaceSettingsContainer = ({ space }) => {
           onValueChange,
           type
         ]);
-        return /* @__PURE__ */ React17.createElement(ControlItemInput2, {
+        return /* @__PURE__ */ React17.createElement(ControlItemInput3, {
           title: label,
           description: t("display name description")
         }, /* @__PURE__ */ React17.createElement(Input6.TextInput, {
@@ -1591,7 +1591,7 @@ var SpaceSettingsContainer = ({ space }) => {
           onValueChange,
           type
         ]);
-        return /* @__PURE__ */ React17.createElement(ControlItemInput2, {
+        return /* @__PURE__ */ React17.createElement(ControlItemInput3, {
           title: label,
           description: t("edge replication description")
         }, /* @__PURE__ */ React17.createElement(Input6.Switch, {
@@ -1606,7 +1606,7 @@ var SpaceSettingsContainer = ({ space }) => {
           type,
           getValue
         ]);
-        return /* @__PURE__ */ React17.createElement(ControlItemInput2, {
+        return /* @__PURE__ */ React17.createElement(ControlItemInput3, {
           title: label,
           description: t("archive space description")
         }, /* @__PURE__ */ React17.createElement(Button7, {
@@ -1619,7 +1619,7 @@ var SpaceSettingsContainer = ({ space }) => {
       space
     ]);
     return /* @__PURE__ */ React17.createElement(StackItem4.Content, {
-      classNames: "block overflow-y-auto pli-2"
+      classNames: "block overflow-y-auto"
     }, /* @__PURE__ */ React17.createElement(ControlPage4, null, /* @__PURE__ */ React17.createElement(ControlSection4, {
       title: t("space properties settings verbose label", {
         ns: SPACE_PLUGIN
@@ -1634,7 +1634,7 @@ var SpaceSettingsContainer = ({ space }) => {
       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();
@@ -1643,7 +1643,7 @@ var SpaceSettingsContainer = ({ space }) => {
 
 // src/components/SyncStatus/InlineSyncStatus.tsx
 import { useSignals as _useSignals18 } from "@preact-signals/safe-react/tracking";
-import { Option as Option2 } from "effect";
+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";
@@ -1675,7 +1675,7 @@ 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);
@@ -1860,14 +1860,14 @@ var SyncStatusIndicator = ({ state, saved }) => {
 
 // src/components/ViewEditor.tsx
 import { useSignals as _useSignals20 } from "@preact-signals/safe-react/tracking";
-import React20, { useCallback as useCallback11, useMemo as useMemo4 } from "react";
+import React20, { useCallback as useCallback11 } from "react";
 import { createIntent as createIntent10, useIntentDispatcher as useIntentDispatcher10 } from "@dxos/app-framework";
-import { Type as Type3 } from "@dxos/echo";
+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 { Filter as Filter2, getSpace as getSpace4, useQuery as useQuery3, useSchema } from "@dxos/react-client/echo";
-import { ViewEditor as NativeViewEditor } from "@dxos/react-ui-form";
-import { DataType as DataType3 } from "@dxos/schema";
+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();
@@ -1875,15 +1875,12 @@ var ViewEditor = ({ view }) => {
     const { dispatchPromise: dispatch } = useIntentDispatcher10();
     const client = useClient10();
     const space = getSpace4(view);
-    const schema = useSchema(client, space, view.query.typename);
-    const views = useQuery3(space, Filter2.type(DataType3.View));
-    const currentTypename = useMemo4(() => view.query?.typename, [
-      view.query?.typename
-    ]);
-    const handleUpdateTypename = useCallback11((typename) => {
+    const typename = view.query ? typenameFromQuery2(view.query) : void 0;
+    const schema = useSchema(client, space, typename);
+    const handleUpdateQuery = useCallback11((typename2) => {
       invariant2(schema, void 0, {
         F: __dxlog_file6,
-        L: 30,
+        L: 28,
         S: void 0,
         A: [
           "schema",
@@ -1892,20 +1889,18 @@ var ViewEditor = ({ view }) => {
       });
       invariant2(Type3.isMutable(schema), void 0, {
         F: __dxlog_file6,
-        L: 31,
+        L: 29,
         S: void 0,
         A: [
           "Type.isMutable(schema)",
           ""
         ]
       });
-      const matchingViews = views.filter((view2) => view2.query.typename === currentTypename);
-      for (const view2 of matchingViews) {
-        view2.query.typename = typename;
-      }
-      schema.updateTypename(typename);
+      const newQuery = Query2.select(Filter2.typename(typename2));
+      view.query = newQuery.ast;
+      schema.updateTypename(typename2);
     }, [
-      views,
+      view,
       schema
     ]);
     const handleDelete = useCallback11((fieldId) => {
@@ -1920,11 +1915,11 @@ var ViewEditor = ({ view }) => {
     if (!space || !schema) {
       return null;
     }
-    return /* @__PURE__ */ React20.createElement(NativeViewEditor, {
+    return /* @__PURE__ */ React20.createElement(NaturalViewEditor, {
       registry: space.db.schemaRegistry,
       schema,
       view,
-      onTypenameChanged: Type3.isMutable(schema) ? handleUpdateTypename : void 0,
+      onQueryChanged: Type3.isMutable(schema) ? handleUpdateQuery : void 0,
       onDelete: Type3.isMutable(schema) ? handleDelete : void 0,
       outerSpacing: false
     });
@@ -1936,7 +1931,8 @@ var ViewEditor = ({ view }) => {
 // src/components/index.ts
 import { lazy as lazy2 } from "react";
 var CollectionMain = lazy2(() => import("./CollectionMain-D2B75XBS.mjs"));
-var ObjectDetailsPanel = lazy2(() => import("./ObjectDetailsPanel-YPTDQKMG.mjs"));
+var ObjectDetailsPanel = lazy2(() => import("./ObjectDetailsPanel-J7KGPJJK.mjs"));
+var RecordMain = lazy2(() => import("./RecordMain-TEBGAVSL.mjs"));
 
 export {
   AwaitingObject,
@@ -1969,6 +1965,7 @@ export {
   ViewEditor,
   CollectionMain,
   ObjectDetailsPanel,
+  RecordMain,
   AppGraphBuilder,
   AppGraphSerializer,
   IdentityCreated,
@@ -1976,9 +1973,8 @@ export {
   ReactRoot,
   ReactSurface,
   SchemaDefs,
-  SchemaTools,
   SpaceSettings,
   SpaceState,
   SpacesReady
 };
-//# sourceMappingURL=chunk-V7MJSSBQ.mjs.map
+//# sourceMappingURL=chunk-6GRF7NEF.mjs.map