@dxos/plugin-space 0.8.4-main.a4bbb77 → 0.8.4-main.ae835ea

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

@@ -1,21 +1,21 @@
 import {
   useInputSurfaceLookup,
   usePath
-} from "./chunk-ELJDGQTO.mjs";
+} from "./chunk-HS2VD6DN.mjs";
 import {
   SpaceCapabilities
-} from "./chunk-E2I747A7.mjs";
+} from "./chunk-2NS3VPSY.mjs";
 import {
   COMPOSER_SPACE_LOCK,
   getSpaceDisplayName
-} from "./chunk-PN27K4I7.mjs";
+} from "./chunk-OWNBEI5J.mjs";
 import {
   SpaceAction,
   SpaceForm
-} from "./chunk-JCHSUOPF.mjs";
+} from "./chunk-SLDQWMQ2.mjs";
 import {
   meta
-} from "./chunk-IRKDREHY.mjs";
+} from "./chunk-VZBIIYFM.mjs";
 
 // src/components/AwaitingObject.tsx
 import { useSignals as _useSignals } from "@preact-signals/safe-react/tracking";
@@ -120,7 +120,8 @@ var AwaitingObject = ({ id }) => {
 
 // src/components/CreateDialog/CreateObjectDialog.tsx
 import { useSignals as _useSignals3 } from "@preact-signals/safe-react/tracking";
-import { Effect, pipe } from "effect";
+import * as Effect from "effect/Effect";
+import * as Function from "effect/Function";
 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 { Obj, Query, Type as Type2 } from "@dxos/echo";
@@ -129,28 +130,15 @@ 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, typenameFromQuery } from "@dxos/schema";
+import { DataType, getTypenameFromQuery } 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 * as Option from "effect/Option";
 import React2, { useCallback as useCallback2 } from "react";
 import { Type } from "@dxos/echo";
-import { ViewAnnotation, getTypeAnnotation } from "@dxos/echo-schema";
+import { ViewAnnotation, getTypeAnnotation } from "@dxos/echo/internal";
 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";
@@ -323,7 +311,7 @@ var CreateObjectDialog = ({ target: initialTarget, typename: initialTypename, vi
     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) => typenameFromQuery(collection.query)).filter(isNonNullable2);
+    const hiddenTypenames = queryCollections.map((collection) => getTypenameFromQuery(collection.query)).filter(isNonNullable2);
     const resolve = useCallback3((typename2) => manager.context.getCapabilities(Capabilities.Metadata).find(({ id }) => id === typename2)?.metadata ?? {}, [
       manager
     ]);
@@ -335,7 +323,7 @@ var CreateObjectDialog = ({ target: initialTarget, typename: initialTypename, vi
       const space2 = isSpace(target) ? target : getSpace(target);
       invariant(space2, "Missing space", {
         F: __dxlog_file,
-        L: 83,
+        L: 84,
         S: this,
         A: [
           "space",
@@ -354,7 +342,7 @@ var CreateObjectDialog = ({ target: initialTarget, typename: initialTypename, vi
         });
         const shouldNavigate = _shouldNavigate ?? (() => true);
         if (shouldNavigate(object)) {
-          yield* dispatch(pipe(addObjectIntent, chain(LayoutAction2.Open, {
+          yield* dispatch(Function.pipe(addObjectIntent, chain(LayoutAction2.Open, {
             part: "main"
           })));
         } else {
@@ -413,7 +401,7 @@ var CreateObjectDialog = ({ target: initialTarget, typename: initialTypename, vi
 
 // src/components/CreateDialog/CreateSpaceDialog.tsx
 import { useSignals as _useSignals4 } from "@preact-signals/safe-react/tracking";
-import { Effect as Effect2 } from "effect";
+import * as Effect2 from "effect/Effect";
 import React4, { useCallback as useCallback4, useRef as useRef2 } from "react";
 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";
@@ -731,7 +719,7 @@ var MembersContainer = ({ space, createInvitationUrl }) => {
       setSelectedInvitation(null);
     };
     return /* @__PURE__ */ React7.createElement(Clipboard.Provider, null, /* @__PURE__ */ React7.createElement(StackItem.Content, {
-      classNames: "block overflow-y-auto"
+      scrollable: true
     }, /* @__PURE__ */ React7.createElement(ControlPage, null, /* @__PURE__ */ React7.createElement(ControlSection, {
       title: t("members verbose label"),
       description: t("members description")
@@ -914,79 +902,16 @@ var MenuFooter = ({ object }) => {
   }
 };
 
-// src/components/ObjectSettings/ObjectSettingsContainer.tsx
-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, Toolbar } from "@dxos/react-ui";
-import { StackItem as StackItem2 } from "@dxos/react-ui-stack";
-
-// src/components/ObjectSettings/BaseObjectSettings.tsx
-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 = _useSignals9();
-  try {
-    const { t } = useTranslation9(meta.id);
-    const inputRef = useRef3(null);
-    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.
-      value: object.name ?? "",
-      onChange: (event) => {
-        object.name = event.target.value;
-      },
-      onKeyDown: (event) => {
-        if (event.key === "Enter") {
-          inputRef.current?.blur();
-        }
-      }
-    })), children);
-  } finally {
-    _effect.f();
-  }
-};
-
-// src/components/ObjectSettings/ObjectSettingsContainer.tsx
-var ObjectSettingsContainer = ({ object, role }) => {
-  var _effect = _useSignals10();
-  try {
-    const data = useMemo2(() => ({
-      subject: object
-    }), [
-      object
-    ]);
-    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__ */ React10.createElement(BaseObjectSettings, {
-      object
-    }, /* @__PURE__ */ React10.createElement(Surface, {
-      role: "base-object-settings",
-      data
-    })), /* @__PURE__ */ React10.createElement(Surface, {
-      role: "object-settings",
-      data
-    }))));
-  } finally {
-    _effect.f();
-  }
-};
-
 // src/components/PersistenceStatus.tsx
-import { useSignals as _useSignals11 } from "@preact-signals/safe-react/tracking";
-import React11, { useEffect as useEffect2, useState as useState4 } from "react";
+import { useSignals as _useSignals9 } from "@preact-signals/safe-react/tracking";
+import React9, { useEffect as useEffect2, useState as useState4 } from "react";
 import { debounce } from "@dxos/async";
-import { Icon as Icon7, Tooltip, useTranslation as useTranslation10 } from "@dxos/react-ui";
+import { Icon as Icon7, Tooltip, useTranslation as useTranslation9 } from "@dxos/react-ui";
 import { mx, staticPlaceholderText, warningText } from "@dxos/react-ui-theme";
 var PersistenceStatus = ({ db }) => {
-  var _effect = _useSignals11();
+  var _effect = _useSignals9();
   try {
-    const { t } = useTranslation10(meta.id);
+    const { t } = useTranslation9(meta.id);
     const [displayMessage, setDisplayMessage] = useState4(false);
     const [status, naturalSetStatus] = useState4(0);
     const [prevStatus, setPrevStatus] = useState4(0);
@@ -1003,37 +928,37 @@ var PersistenceStatus = ({ db }) => {
     ]);
     switch (status) {
       case 2:
-        return /* @__PURE__ */ React11.createElement("div", {
+        return /* @__PURE__ */ React9.createElement("div", {
           className: "flex items-center"
-        }, /* @__PURE__ */ React11.createElement(Icon7, {
+        }, /* @__PURE__ */ React9.createElement(Icon7, {
           icon: "ph--warning--regular",
           size: 4,
           classNames: "me-1"
-        }), /* @__PURE__ */ React11.createElement("span", {
+        }), /* @__PURE__ */ React9.createElement("span", {
           className: mx("text-sm", warningText)
         }, t("persistence error label")));
       case 1:
-        return /* @__PURE__ */ React11.createElement("div", {
+        return /* @__PURE__ */ React9.createElement("div", {
           className: "flex items-center"
-        }, /* @__PURE__ */ React11.createElement(Icon7, {
+        }, /* @__PURE__ */ React9.createElement(Icon7, {
           icon: "ph--arrows-counter-clockwise--regular",
           size: 4,
           classNames: "me-1"
-        }), /* @__PURE__ */ React11.createElement("span", {
+        }), /* @__PURE__ */ React9.createElement("span", {
           className: mx("text-sm", staticPlaceholderText)
         }, t("persistence pending label")));
       case 0:
       default:
-        return /* @__PURE__ */ React11.createElement(Tooltip.Trigger, {
+        return /* @__PURE__ */ React9.createElement(Tooltip.Trigger, {
           delayDuration: 400,
           role: "status",
           content: t("persisted locally message"),
           className: "flex items-center"
-        }, /* @__PURE__ */ React11.createElement(Icon7, {
+        }, /* @__PURE__ */ React9.createElement(Icon7, {
           icon: "ph--check-circle--regular",
           size: 4,
           classNames: "me-1"
-        }), displayMessage && /* @__PURE__ */ React11.createElement("span", {
+        }), displayMessage && /* @__PURE__ */ React9.createElement("span", {
           className: mx("text-sm", staticPlaceholderText)
         }, t("persisted locally label")));
     }
@@ -1043,19 +968,19 @@ 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 { useSignals as _useSignals10 } from "@preact-signals/safe-react/tracking";
+import React10, { useCallback as useCallback7, useRef as useRef3, 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 useTranslation11 } from "@dxos/react-ui";
+import { Button as Button5, Input as Input2, useTranslation as useTranslation10 } from "@dxos/react-ui";
 var __dxlog_file3 = "/__w/dxos/dxos/packages/plugins/plugin-space/src/components/PopoverRenameObject.tsx";
 var POPOVER_RENAME_OBJECT = `${meta.id}/PopoverRenameObject`;
 var PopoverRenameObject = ({ object }) => {
-  var _effect = _useSignals12();
+  var _effect = _useSignals10();
   try {
-    const { t } = useTranslation11(meta.id);
-    const doneButton = useRef4(null);
+    const { t } = useTranslation10(meta.id);
+    const doneButton = useRef3(null);
     const [name, setName] = useState5(Obj2.getLabel(object));
     const { dispatchPromise: dispatch } = useIntentDispatcher6();
     const handleDone = useCallback7(() => {
@@ -1083,21 +1008,21 @@ var PopoverRenameObject = ({ object }) => {
       object,
       name
     ]);
-    return /* @__PURE__ */ React12.createElement("div", {
+    return /* @__PURE__ */ React10.createElement("div", {
       role: "none",
       className: "p-2 flex gap-2"
-    }, /* @__PURE__ */ React12.createElement("div", {
+    }, /* @__PURE__ */ React10.createElement("div", {
       role: "none",
       className: "flex-1"
-    }, /* @__PURE__ */ React12.createElement(Input3.Root, null, /* @__PURE__ */ React12.createElement(Input3.Label, {
+    }, /* @__PURE__ */ React10.createElement(Input2.Root, null, /* @__PURE__ */ React10.createElement(Input2.Label, {
       srOnly: true
-    }, t("object name label")), /* @__PURE__ */ React12.createElement(Input3.TextInput, {
+    }, t("object name label")), /* @__PURE__ */ React10.createElement(Input2.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__ */ React12.createElement(Button5, {
+    }))), /* @__PURE__ */ React10.createElement(Button5, {
       ref: doneButton,
       classNames: "self-stretch",
       onClick: handleDone
@@ -1110,16 +1035,16 @@ var PopoverRenameObject = ({ object }) => {
 };
 
 // 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 { useSignals as _useSignals11 } from "@preact-signals/safe-react/tracking";
+import React11, { useCallback as useCallback8, useRef as useRef4, 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";
+import { Button as Button6, Input as Input3, Popover, useTranslation as useTranslation11 } from "@dxos/react-ui";
 var POPOVER_RENAME_SPACE = `${meta.id}/PopoverRenameSpace`;
 var PopoverRenameSpace = ({ space }) => {
-  var _effect = _useSignals13();
+  var _effect = _useSignals11();
   try {
-    const { t } = useTranslation12(meta.id);
-    const doneButton = useRef5(null);
+    const { t } = useTranslation11(meta.id);
+    const doneButton = useRef4(null);
     const [name, setName] = useState6(space.properties.name ?? "");
     const { dispatchPromise: dispatch } = useIntentDispatcher7();
     const handleDone = useCallback8(() => {
@@ -1136,24 +1061,24 @@ var PopoverRenameSpace = ({ space }) => {
       space,
       name
     ]);
-    return /* @__PURE__ */ React13.createElement("div", {
+    return /* @__PURE__ */ React11.createElement("div", {
       role: "none",
       className: "p-2 flex gap-2"
-    }, /* @__PURE__ */ React13.createElement("div", {
+    }, /* @__PURE__ */ React11.createElement("div", {
       role: "none",
       className: "flex-1"
-    }, /* @__PURE__ */ React13.createElement(Input4.Root, null, /* @__PURE__ */ React13.createElement(Input4.Label, {
+    }, /* @__PURE__ */ React11.createElement(Input3.Root, null, /* @__PURE__ */ React11.createElement(Input3.Label, {
       srOnly: true
-    }, t("space name label")), /* @__PURE__ */ React13.createElement(Input4.TextInput, {
+    }, t("space name label")), /* @__PURE__ */ React11.createElement(Input3.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__ */ React13.createElement(Popover.Close, {
+    }))), /* @__PURE__ */ React11.createElement(Popover.Close, {
       asChild: true
-    }, /* @__PURE__ */ React13.createElement(Button6, {
+    }, /* @__PURE__ */ React11.createElement(Button6, {
       ref: doneButton,
       classNames: "self-stretch",
       onClick: handleDone
@@ -1166,11 +1091,11 @@ var PopoverRenameSpace = ({ space }) => {
 };
 
 // src/components/SchemaContainer.tsx
-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 { useSignals as _useSignals12 } from "@preact-signals/safe-react/tracking";
+import React12, { useEffect as useEffect3, useState as useState7 } from "react";
+import { useTranslation as useTranslation12 } 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";
+import { StackItem as StackItem2 } from "@dxos/react-ui-stack";
 var useQuerySpaceSchemas = (space) => {
   const [schemas, setSchemas] = useState7([]);
   useEffect3(() => {
@@ -1185,38 +1110,38 @@ var useQuerySpaceSchemas = (space) => {
   return schemas;
 };
 var SchemaContainer = ({ space }) => {
-  var _effect = _useSignals14();
+  var _effect = _useSignals12();
   try {
-    const { t } = useTranslation13(meta.id);
+    const { t } = useTranslation12(meta.id);
     const schemas = useQuerySpaceSchemas(space);
-    return /* @__PURE__ */ React14.createElement(StackItem3.Content, {
-      classNames: "block overflow-y-auto"
-    }, /* @__PURE__ */ React14.createElement(ControlPage2, null, /* @__PURE__ */ React14.createElement(ControlSection2, {
+    return /* @__PURE__ */ React12.createElement(StackItem2.Content, {
+      scrollable: true
+    }, /* @__PURE__ */ React12.createElement(ControlPage2, null, /* @__PURE__ */ React12.createElement(ControlSection2, {
       title: t("schema verbose label"),
       description: t("schema description")
-    }, /* @__PURE__ */ React14.createElement("div", {
+    }, /* @__PURE__ */ React12.createElement("div", {
       role: "none",
       className: controlItemClasses
-    }, schemas.length === 0 && /* @__PURE__ */ React14.createElement("div", {
+    }, schemas.length === 0 && /* @__PURE__ */ React12.createElement("div", {
       className: "text-center plb-4"
-    }, t("no schemas found message")), schemas.map((schema) => /* @__PURE__ */ React14.createElement("div", {
+    }, t("no schemas found message")), schemas.map((schema) => /* @__PURE__ */ React12.createElement("div", {
       key: schema.id
-    }, /* @__PURE__ */ React14.createElement("div", null, schema.typename)))))));
+    }, /* @__PURE__ */ React12.createElement("div", null, schema.typename)))))));
   } finally {
     _effect.f();
   }
 };
 
 // src/components/SpacePresence.tsx
-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 { useSignals as _useSignals13 } from "@preact-signals/safe-react/tracking";
+import * as Option2 from "effect/Option";
+import React13, { 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 { fullyQualifiedId as fullyQualifiedId3, getSpace as getSpace3, useMembers } from "@dxos/react-client/echo";
 import { useIdentity } from "@dxos/react-client/halo";
-import { Avatar, List, ListItem, Popover as Popover2, Tooltip as Tooltip2, useDefaultValue as useDefaultValue2, useTranslation as useTranslation14 } from "@dxos/react-ui";
+import { Avatar, List, ListItem, Popover as Popover2, Tooltip as Tooltip2, useDefaultValue as useDefaultValue2, useTranslation as useTranslation13 } from "@dxos/react-ui";
 import { AttentionGlyph, useAttended, useAttention } from "@dxos/react-ui-attention";
 import { ComplexMap, keyToFallback } from "@dxos/util";
 var REFRESH_INTERVAL = 5e3;
@@ -1224,7 +1149,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 = _useSignals15();
+  var _effect = _useSignals13();
   try {
     const spaceState = useCapability(SpaceCapabilities.MutableState);
     const client = useClient5();
@@ -1254,7 +1179,7 @@ var SpacePresence = ({ object, spaceKey }) => {
         lastSeen
       };
     }).toSorted((a, b) => a.lastSeen - b.lastSeen);
-    return /* @__PURE__ */ React15.createElement(FullPresence, {
+    return /* @__PURE__ */ React13.createElement(FullPresence, {
       members: membersForObject
     });
   } finally {
@@ -1262,46 +1187,46 @@ var SpacePresence = ({ object, spaceKey }) => {
   }
 };
 var FullPresence = (props) => {
-  var _effect = _useSignals15();
+  var _effect = _useSignals13();
   try {
     const { size = 9, onMemberClick } = props;
     const members = useDefaultValue2(props.members, () => []);
     if (members.length === 0) {
       return null;
     }
-    return /* @__PURE__ */ React15.createElement("div", {
+    return /* @__PURE__ */ React13.createElement("div", {
       className: "dx-avatar-group",
       "data-testid": "spacePlugin.presence"
-    }, members.slice(0, 3).map((member, i) => /* @__PURE__ */ React15.createElement(Tooltip2.Trigger, {
+    }, members.slice(0, 3).map((member, i) => /* @__PURE__ */ React13.createElement(Tooltip2.Trigger, {
       key: member.identity.identityKey.toHex(),
       side: "bottom",
       content: getName(member.identity),
       className: "grid focus:outline-none"
-    }, /* @__PURE__ */ React15.createElement(PresenceAvatar, {
+    }, /* @__PURE__ */ React13.createElement(PresenceAvatar, {
       identity: member.identity,
       match: member.currentlyAttended,
       index: members.length - i,
       onClick: () => onMemberClick?.(member),
       size
-    }))), members.length > 3 && /* @__PURE__ */ React15.createElement(Popover2.Root, null, /* @__PURE__ */ React15.createElement(Popover2.Trigger, {
+    }))), members.length > 3 && /* @__PURE__ */ React13.createElement(Popover2.Root, null, /* @__PURE__ */ React13.createElement(Popover2.Trigger, {
       className: "grid focus:outline-none"
-    }, /* @__PURE__ */ React15.createElement(Avatar.Root, null, /* @__PURE__ */ React15.createElement(Avatar.Content, {
+    }, /* @__PURE__ */ React13.createElement(Avatar.Root, null, /* @__PURE__ */ React13.createElement(Avatar.Content, {
       status: "inactive",
       style: {
         zIndex: members.length - 4
       },
       fallback: `+${members.length - 3}`,
       size
-    }))), /* @__PURE__ */ React15.createElement(Popover2.Portal, null, /* @__PURE__ */ React15.createElement(Popover2.Content, {
+    }))), /* @__PURE__ */ React13.createElement(Popover2.Portal, null, /* @__PURE__ */ React13.createElement(Popover2.Content, {
       side: "bottom"
-    }, /* @__PURE__ */ React15.createElement(Popover2.Arrow, null), /* @__PURE__ */ React15.createElement(Popover2.Viewport, {
+    }, /* @__PURE__ */ React13.createElement(Popover2.Arrow, null), /* @__PURE__ */ React13.createElement(Popover2.Viewport, {
       classNames: "max-bs-56"
-    }, /* @__PURE__ */ React15.createElement(List, null, members.map((member) => /* @__PURE__ */ React15.createElement(ListItem.Root, {
+    }, /* @__PURE__ */ React13.createElement(List, null, members.map((member) => /* @__PURE__ */ React13.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__ */ React15.createElement(PresenceAvatar, {
+    }, /* @__PURE__ */ React13.createElement(PresenceAvatar, {
       identity: member.identity,
       size,
       showName: true,
@@ -1312,11 +1237,11 @@ var FullPresence = (props) => {
   }
 };
 var PresenceAvatar = /* @__PURE__ */ forwardRef(({ identity, showName, match, index, onClick, size }, forwardedRef) => {
-  var _effect = _useSignals15();
+  var _effect = _useSignals13();
   try {
     const status = match ? "current" : "active";
     const fallbackValue = keyToFallback(identity.identityKey);
-    return /* @__PURE__ */ React15.createElement(Avatar.Root, null, /* @__PURE__ */ React15.createElement(Avatar.Content, {
+    return /* @__PURE__ */ React13.createElement(Avatar.Root, null, /* @__PURE__ */ React13.createElement(Avatar.Content, {
       status,
       hue: identity.profile?.data?.hue || fallbackValue.hue,
       "data-testid": "spacePlugin.presence.member",
@@ -1330,7 +1255,7 @@ var PresenceAvatar = /* @__PURE__ */ forwardRef(({ identity, showName, match, in
       onClick,
       fallback: identity.profile?.data?.emoji || fallbackValue.emoji,
       ref: forwardedRef
-    }), /* @__PURE__ */ React15.createElement(Avatar.Label, {
+    }), /* @__PURE__ */ React13.createElement(Avatar.Label, {
       classNames: showName ? "text-sm truncate pli-2" : "sr-only"
     }, getName(identity)));
   } finally {
@@ -1338,7 +1263,7 @@ var PresenceAvatar = /* @__PURE__ */ forwardRef(({ identity, showName, match, in
   }
 });
 var SmallPresenceLive = ({ id, open, viewers }) => {
-  var _effect = _useSignals15();
+  var _effect = _useSignals13();
   try {
     const { hasAttention, isAncestor, isRelated } = useAttention(id);
     const isAttended = hasAttention || isAncestor || isRelated;
@@ -1363,7 +1288,7 @@ var SmallPresenceLive = ({ id, open, viewers }) => {
     }, [
       viewers
     ]);
-    return /* @__PURE__ */ React15.createElement(SmallPresence, {
+    return /* @__PURE__ */ React13.createElement(SmallPresence, {
       count: activeViewers.length,
       attended: isAttended,
       containsAttended
@@ -1373,16 +1298,16 @@ var SmallPresenceLive = ({ id, open, viewers }) => {
   }
 };
 var SmallPresence = ({ count = 0, attended, containsAttended }) => {
-  var _effect = _useSignals15();
+  var _effect = _useSignals13();
   try {
-    const { t } = useTranslation14(meta.id);
-    return /* @__PURE__ */ React15.createElement(Tooltip2.Trigger, {
+    const { t } = useTranslation13(meta.id);
+    return /* @__PURE__ */ React13.createElement(Tooltip2.Trigger, {
       asChild: true,
       content: t("presence label", {
         count
       }),
       side: "bottom"
-    }, /* @__PURE__ */ React15.createElement(AttentionGlyph, {
+    }, /* @__PURE__ */ React13.createElement(AttentionGlyph, {
       attended,
       containsAttended,
       presence: count > 1 ? "many" : count === 1 ? "one" : "none",
@@ -1394,43 +1319,43 @@ var SmallPresence = ({ count = 0, attended, containsAttended }) => {
 };
 
 // src/components/SpacePluginSettings.tsx
-import { useSignals as _useSignals16 } from "@preact-signals/safe-react/tracking";
-import React16 from "react";
+import { useSignals as _useSignals14 } from "@preact-signals/safe-react/tracking";
+import React14 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 { IconButton, Input as Input5, List as List2, ListItem as ListItem2, toLocalizedString as toLocalizedString3, useTranslation as useTranslation15 } from "@dxos/react-ui";
+import { IconButton, Input as Input4, List as List2, ListItem as ListItem2, toLocalizedString as toLocalizedString3, useTranslation as useTranslation14 } 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();
+  var _effect = _useSignals14();
   try {
-    const { t } = useTranslation15(meta.id);
+    const { t } = useTranslation14(meta.id);
     const client = useClient6();
     const spaces = useSpaces2({
       all: settings.showHidden
     });
     const { dispatchPromise: dispatch } = useIntentDispatcher8();
-    return /* @__PURE__ */ React16.createElement(ControlPage3, null, /* @__PURE__ */ React16.createElement(ControlSection3, {
+    return /* @__PURE__ */ React14.createElement(ControlPage3, null, /* @__PURE__ */ React14.createElement(ControlSection3, {
       title: t("space settings label"),
       description: t("space settings description")
-    }, /* @__PURE__ */ React16.createElement(ControlGroup, null, /* @__PURE__ */ React16.createElement(ControlItemInput2, {
+    }, /* @__PURE__ */ React14.createElement(ControlGroup, null, /* @__PURE__ */ React14.createElement(ControlItemInput2, {
       title: t("show hidden spaces label")
-    }, /* @__PURE__ */ React16.createElement(Input5.Switch, {
+    }, /* @__PURE__ */ React14.createElement(Input4.Switch, {
       checked: settings.showHidden,
       onCheckedChange: (checked) => settings.showHidden = !!checked
-    }))), /* @__PURE__ */ React16.createElement(List2, {
+    }))), /* @__PURE__ */ React14.createElement(List2, {
       classNames: [
         controlItemClasses2,
         "flex flex-col gap-trimSm"
       ]
-    }, spaces.map((space) => /* @__PURE__ */ React16.createElement(ListItem2.Root, {
+    }, spaces.map((space) => /* @__PURE__ */ React14.createElement(ListItem2.Root, {
       key: space.id,
       classNames: "is-full items-center"
-    }, /* @__PURE__ */ React16.createElement(ListItem2.Heading, {
+    }, /* @__PURE__ */ React14.createElement(ListItem2.Heading, {
       classNames: "grow truncate !min-bs-0"
     }, toLocalizedString3(getSpaceDisplayName(space, {
       personal: space === client.spaces.default
-    }), t)), /* @__PURE__ */ React16.createElement(IconButton, {
+    }), t)), /* @__PURE__ */ React14.createElement(IconButton, {
       icon: "ph--faders--regular",
       onClick: () => dispatch(createIntent8(SpaceAction.OpenSettings, {
         space
@@ -1443,18 +1368,19 @@ var SpacePluginSettings = ({ settings }) => {
 };
 
 // src/components/SpaceSettings/SpaceSettingsContainer.tsx
-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 { useSignals as _useSignals15 } from "@preact-signals/safe-react/tracking";
+import * as Function2 from "effect/Function";
+import * as Schema from "effect/Schema";
+import React15, { useCallback as useCallback10, useMemo as useMemo2, 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 useTranslation16 } from "@dxos/react-ui";
+import { SpaceState } from "@dxos/react-client/echo";
+import { Button as Button7, Input as Input5, useMulticastObservable, useTranslation as useTranslation15 } 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";
+import { StackItem as StackItem3 } from "@dxos/react-ui-stack";
 var __dxlog_file4 = "/__w/dxos/dxos/packages/plugins/plugin-space/src/components/SpaceSettings/SpaceSettingsContainer.tsx";
 var FormSchema = SpaceForm.pipe(Schema.extend(Schema.Struct({
   archived: Schema.Boolean.annotations({
@@ -1462,19 +1388,19 @@ var FormSchema = SpaceForm.pipe(Schema.extend(Schema.Struct({
   })
 })));
 var SpaceSettingsContainer = ({ space }) => {
-  var _effect = _useSignals17();
+  var _effect = _useSignals15();
   try {
-    const { t } = useTranslation16(meta.id);
+    const { t } = useTranslation15(meta.id);
     const { dispatchPromise: dispatch } = useIntentDispatcher9();
     const client = useClient7();
-    const archived = useMulticastObservable(space.state) === SpaceState2.SPACE_INACTIVE;
+    const archived = useMulticastObservable(space.state) === SpaceState.SPACE_INACTIVE;
     const [edgeReplication, setEdgeReplication] = useState9(space.internal.data.edgeReplication === EdgeReplicationSetting.ENABLED);
     const toggleEdgeReplication = useCallback10(async (next) => {
       setEdgeReplication(next);
       await space?.internal.setEdgeReplicationPreference(next ? EdgeReplicationSetting.ENABLED : EdgeReplicationSetting.DISABLED).catch((err) => {
         log3.catch(err, void 0, {
           F: __dxlog_file4,
-          L: 51,
+          L: 52,
           S: void 0,
           C: (f, a) => f(...a)
         });
@@ -1495,7 +1421,7 @@ var SpaceSettingsContainer = ({ space }) => {
         space.properties.hue = properties.hue;
       }
       if (properties.archived && !archived) {
-        void dispatch(pipe2(createIntent9(SpaceAction.Close, {
+        void dispatch(Function2.pipe(createIntent9(SpaceAction.Close, {
           space
         }), chain2(LayoutAction7.SwitchWorkspace, {
           part: "workspace",
@@ -1511,7 +1437,7 @@ var SpaceSettingsContainer = ({ space }) => {
       toggleEdgeReplication,
       archived
     ]);
-    const values = useMemo3(() => ({
+    const values = useMemo2(() => ({
       name: space.properties.name,
       icon: space.properties.icon,
       hue: space.properties.hue,
@@ -1524,16 +1450,16 @@ var SpaceSettingsContainer = ({ space }) => {
       edgeReplication,
       archived
     ]);
-    const customElements = useMemo3(() => ({
+    const customElements = useMemo2(() => ({
       name: ({ type, label, getValue, onValueChange }) => {
         const handleChange = useCallback10(({ target: { value } }) => onValueChange(type, value), [
           onValueChange,
           type
         ]);
-        return /* @__PURE__ */ React17.createElement(ControlItemInput3, {
+        return /* @__PURE__ */ React15.createElement(ControlItemInput3, {
           title: label,
           description: t("display name description")
-        }, /* @__PURE__ */ React17.createElement(Input6.TextInput, {
+        }, /* @__PURE__ */ React15.createElement(Input5.TextInput, {
           value: getValue(),
           onChange: handleChange,
           placeholder: t("display name input placeholder"),
@@ -1549,10 +1475,10 @@ var SpaceSettingsContainer = ({ space }) => {
           onValueChange,
           type
         ]);
-        return /* @__PURE__ */ React17.createElement(ControlItem, {
+        return /* @__PURE__ */ React15.createElement(ControlItem, {
           title: label,
           description: t("icon description")
-        }, /* @__PURE__ */ React17.createElement(IconPicker, {
+        }, /* @__PURE__ */ React15.createElement(IconPicker, {
           value: getValue(),
           onChange: handleChange,
           onReset: handleReset,
@@ -1569,10 +1495,10 @@ var SpaceSettingsContainer = ({ space }) => {
           onValueChange,
           type
         ]);
-        return /* @__PURE__ */ React17.createElement(ControlItem, {
+        return /* @__PURE__ */ React15.createElement(ControlItem, {
           title: label,
           description: t("hue description")
-        }, /* @__PURE__ */ React17.createElement(HuePicker, {
+        }, /* @__PURE__ */ React15.createElement(HuePicker, {
           value: getValue(),
           onChange: handleChange,
           onReset: handleReset,
@@ -1584,10 +1510,10 @@ var SpaceSettingsContainer = ({ space }) => {
           onValueChange,
           type
         ]);
-        return /* @__PURE__ */ React17.createElement(ControlItemInput3, {
+        return /* @__PURE__ */ React15.createElement(ControlItemInput3, {
           title: label,
           description: t("edge replication description")
-        }, /* @__PURE__ */ React17.createElement(Input6.Switch, {
+        }, /* @__PURE__ */ React15.createElement(Input5.Switch, {
           checked: getValue(),
           onCheckedChange: handleChange,
           classNames: "justify-self-end"
@@ -1599,10 +1525,10 @@ var SpaceSettingsContainer = ({ space }) => {
           type,
           getValue
         ]);
-        return /* @__PURE__ */ React17.createElement(ControlItemInput3, {
+        return /* @__PURE__ */ React15.createElement(ControlItemInput3, {
           title: label,
           description: t("archive space description")
-        }, /* @__PURE__ */ React17.createElement(Button7, {
+        }, /* @__PURE__ */ React15.createElement(Button7, {
           disabled: space === client.spaces.default,
           onClick: handleChange
         }, getValue() ? t("unarchive space label") : t("archive space label")));
@@ -1611,16 +1537,16 @@ var SpaceSettingsContainer = ({ space }) => {
       t,
       space
     ]);
-    return /* @__PURE__ */ React17.createElement(StackItem4.Content, {
-      classNames: "block overflow-y-auto"
-    }, /* @__PURE__ */ React17.createElement(ControlPage4, null, /* @__PURE__ */ React17.createElement(ControlSection4, {
+    return /* @__PURE__ */ React15.createElement(StackItem3.Content, {
+      scrollable: true
+    }, /* @__PURE__ */ React15.createElement(ControlPage4, null, /* @__PURE__ */ React15.createElement(ControlSection4, {
       title: t("space properties settings verbose label", {
         ns: meta.id
       }),
       description: t("space properties settings description", {
         ns: meta.id
       })
-    }, /* @__PURE__ */ React17.createElement(Form3, {
+    }, /* @__PURE__ */ React15.createElement(Form3, {
       schema: FormSchema,
       values,
       autoSave: true,
@@ -1635,22 +1561,22 @@ var SpaceSettingsContainer = ({ space }) => {
 };
 
 // src/components/SyncStatus/InlineSyncStatus.tsx
-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 { useSignals as _useSignals16 } from "@preact-signals/safe-react/tracking";
+import * as Option3 from "effect/Option";
+import React16, { 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 useTranslation17 } from "@dxos/react-ui";
+import { Tooltip as Tooltip3, useTranslation as useTranslation16 } 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);
+  const [status, setStatus] = useState10(EdgeStatus.ConnectionState.NOT_CONNECTED);
   const client = useClient8();
   useEffect5(() => {
     client.services.services.EdgeAgentService?.queryEdgeStatus().subscribe(({ status: status2 }) => {
-      setStatus(status2);
+      setStatus(status2.state);
     });
   }, [
     client
@@ -1658,9 +1584,9 @@ var useEdgeStatus = () => {
   return status;
 };
 var InlineSyncStatus = ({ space, open }) => {
-  var _effect = _useSignals18();
+  var _effect = _useSignals16();
   try {
-    const { t } = useTranslation17(meta.id);
+    const { t } = useTranslation16(meta.id);
     const id = space.id;
     const { hasAttention, isAncestor, isRelated } = useAttention2(id);
     const isAttended = hasAttention || isAncestor || isRelated;
@@ -1669,15 +1595,15 @@ var InlineSyncStatus = ({ space, open }) => {
     const startOfAttention = attended.at(-1);
     const path = usePath(graph, startOfAttention);
     const containsAttended = !open && !isAttended && id && Option3.isSome(path) ? path.value.includes(id) : false;
-    const connectedToEdge = useEdgeStatus() === EdgeStatus.CONNECTED;
+    const connectedToEdge = useEdgeStatus() === EdgeStatus.ConnectionState.CONNECTED;
     const edgeSyncEnabled = space.internal.data.edgeReplication === EdgeReplicationSetting2.ENABLED;
     const syncState = useSpaceSyncState(space);
     const syncing = connectedToEdge && edgeSyncEnabled && syncState && syncState.missingOnLocal > 0;
-    return /* @__PURE__ */ React18.createElement(Tooltip3.Trigger, {
+    return /* @__PURE__ */ React16.createElement(Tooltip3.Trigger, {
       asChild: true,
       content: t("syncing label"),
       side: "bottom"
-    }, /* @__PURE__ */ React18.createElement(AttentionGlyph2, {
+    }, /* @__PURE__ */ React16.createElement(AttentionGlyph2, {
       syncing,
       attended: isAttended,
       containsAttended,
@@ -1689,12 +1615,16 @@ var InlineSyncStatus = ({ space, open }) => {
 };
 
 // src/components/SyncStatus/SyncStatus.tsx
-import { useSignals as _useSignals19 } from "@preact-signals/safe-react/tracking";
-import React19, { useEffect as useEffect6, useState as useState11 } from "react";
+import { useSignals as _useSignals17 } from "@preact-signals/safe-react/tracking";
+import React17, { useEffect as useEffect6, useState as useState11 } from "react";
 import { StatusBar } from "@dxos/plugin-status-bar";
+import { EdgeStatus as EdgeStatus2 } from "@dxos/protocols/proto/dxos/client/services";
 import { useClient as useClient9 } from "@dxos/react-client";
+import { useStream } from "@dxos/react-client/devtools";
 import { getSyncSummary, useSyncState } from "@dxos/react-client/echo";
-import { Icon as Icon8, useTranslation as useTranslation18 } from "@dxos/react-ui";
+import { Icon as Icon8, Popover as Popover3, useTranslation as useTranslation17 } from "@dxos/react-ui";
+import { mx as mx2 } from "@dxos/react-ui-theme";
+import { Unit } from "@dxos/util";
 
 // src/components/SyncStatus/save-tracker.ts
 import { Context } from "@dxos/context";
@@ -1790,7 +1720,7 @@ var getIcon = (status) => {
 // src/components/SyncStatus/SyncStatus.tsx
 var SYNC_STALLED_TIMEOUT = 5e3;
 var SyncStatus = () => {
-  var _effect = _useSignals19();
+  var _effect = _useSignals17();
   try {
     const client = useClient9();
     const state = useSyncState();
@@ -1800,7 +1730,7 @@ var SyncStatus = () => {
         setSaved(state2 === "saved");
       });
     }, []);
-    return /* @__PURE__ */ React19.createElement(SyncStatusIndicator, {
+    return /* @__PURE__ */ React17.createElement(SyncStatusIndicator, {
       state,
       saved
     });
@@ -1809,9 +1739,9 @@ var SyncStatus = () => {
   }
 };
 var SyncStatusIndicator = ({ state, saved }) => {
-  var _effect = _useSignals19();
+  var _effect = _useSignals17();
   try {
-    const { t } = useTranslation18(meta.id);
+    const { t } = useTranslation17(meta.id);
     const summary = getSyncSummary(state);
     const offline = Object.values(state).length === 0;
     const needsToUpload = summary.differentDocuments > 0 || summary.missingOnRemote > 0;
@@ -1838,39 +1768,95 @@ var SyncStatusIndicator = ({ state, saved }) => {
       needsToDownload
     ]);
     const title = t(`${status} label`);
-    const icon = /* @__PURE__ */ React19.createElement(Icon8, {
+    const icon = /* @__PURE__ */ React17.createElement(Icon8, {
       icon: getIcon(status),
-      size: 4,
       classNames
     });
-    return /* @__PURE__ */ React19.createElement(StatusBar.Item, {
+    return /* @__PURE__ */ React17.createElement(Popover3.Root, null, /* @__PURE__ */ React17.createElement(Popover3.Trigger, {
+      asChild: true
+    }, /* @__PURE__ */ React17.createElement(StatusBar.Item, {
       title
-    }, icon);
+    }, icon)), /* @__PURE__ */ React17.createElement(Popover3.Portal, null, /* @__PURE__ */ React17.createElement(Popover3.Content, null, /* @__PURE__ */ React17.createElement(EdgeConnectionPopover, null), /* @__PURE__ */ React17.createElement(Popover3.Arrow, null))));
+  } finally {
+    _effect.f();
+  }
+};
+var useEdgeStatus2 = () => {
+  const client = useClient9();
+  const { status } = useStream(() => client.services.services.EdgeAgentService.queryEdgeStatus(), {});
+  return status;
+};
+var EdgeConnectionPopover = () => {
+  var _effect = _useSignals17();
+  try {
+    const status = useEdgeStatus2();
+    const { t } = useTranslation17(meta.id);
+    const isConnected = status?.state === EdgeStatus2.ConnectionState.CONNECTED;
+    return /* @__PURE__ */ React17.createElement("div", {
+      className: "min-is-[240px] p-2"
+    }, /* @__PURE__ */ React17.createElement("div", {
+      className: "flex items-center gap-2 mbe-2"
+    }, /* @__PURE__ */ React17.createElement(Icon8, {
+      icon: isConnected ? "ph--check-circle--regular" : "ph--warning-circle--regular",
+      classNames: mx2(isConnected ? "text-successText" : "text-errorText animate-pulse")
+    }), /* @__PURE__ */ React17.createElement("span", {
+      className: "font-medium text-sm"
+    }, isConnected ? t("sync edge connected label") : t("sync edge disconnected label"))), status?.state === EdgeStatus2.ConnectionState.NOT_CONNECTED && /* @__PURE__ */ React17.createElement("div", {
+      className: "flex items-center gap-2 text-sm text-description"
+    }, /* @__PURE__ */ React17.createElement(Icon8, {
+      icon: "ph--cloud-x--regular"
+    }), /* @__PURE__ */ React17.createElement("span", null, t("sync no connection label"))), status?.state === EdgeStatus2.ConnectionState.CONNECTED && /* @__PURE__ */ React17.createElement("div", {
+      className: "space-y-2"
+    }, /* @__PURE__ */ React17.createElement("div", {
+      className: "flex items-center justify-between"
+    }, /* @__PURE__ */ React17.createElement("div", {
+      className: "flex items-center gap-2 text-sm text-description"
+    }, /* @__PURE__ */ React17.createElement(Icon8, {
+      icon: "ph--timer--regular"
+    }), /* @__PURE__ */ React17.createElement("span", null, t("sync latency label"))), /* @__PURE__ */ React17.createElement("span", {
+      className: "text-sm font-mono text-subdued"
+    }, status.rtt.toFixed(0), "ms")), /* @__PURE__ */ React17.createElement("div", {
+      className: "flex items-center justify-between"
+    }, /* @__PURE__ */ React17.createElement("div", {
+      className: "flex items-center gap-2 text-sm text-description"
+    }, /* @__PURE__ */ React17.createElement(Icon8, {
+      icon: "ph--arrow-up--regular"
+    }), /* @__PURE__ */ React17.createElement("span", null, t("sync upload label"))), /* @__PURE__ */ React17.createElement("span", {
+      className: "text-sm font-mono text-subdued"
+    }, Unit.Kilobyte(status.rateBytesUp, 0), "/s")), /* @__PURE__ */ React17.createElement("div", {
+      className: "flex items-center justify-between"
+    }, /* @__PURE__ */ React17.createElement("div", {
+      className: "flex items-center gap-2 text-sm text-description"
+    }, /* @__PURE__ */ React17.createElement(Icon8, {
+      icon: "ph--arrow-down--regular"
+    }), /* @__PURE__ */ React17.createElement("span", null, t("sync download label"))), /* @__PURE__ */ React17.createElement("span", {
+      className: "text-sm font-mono text-subdued"
+    }, Unit.Kilobyte(status.rateBytesDown, 0), "/s"))));
   } finally {
     _effect.f();
   }
 };
 
 // src/components/ViewEditor.tsx
-import { useSignals as _useSignals20 } from "@preact-signals/safe-react/tracking";
-import React20, { useCallback as useCallback11 } from "react";
+import { useSignals as _useSignals18 } from "@preact-signals/safe-react/tracking";
+import React18, { 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 { 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";
+import { getTypenameFromQuery as getTypenameFromQuery2 } from "@dxos/schema";
 var __dxlog_file6 = "/__w/dxos/dxos/packages/plugins/plugin-space/src/components/ViewEditor.tsx";
 var ViewEditor = ({ view }) => {
-  var _effect = _useSignals20();
+  var _effect = _useSignals18();
   try {
     const { dispatchPromise: dispatch } = useIntentDispatcher10();
     const client = useClient10();
     const space = getSpace4(view);
-    const typename = view.query ? typenameFromQuery2(view.query.ast) : void 0;
+    const typename = view.query ? getTypenameFromQuery2(view.query.ast) : void 0;
     const schema = useSchema(client, space, typename);
-    const handleUpdateQuery = useCallback11((typename2) => {
+    const handleUpdateQuery = useCallback11((newQuery) => {
       invariant2(schema, void 0, {
         F: __dxlog_file6,
         L: 28,
@@ -1889,9 +1875,8 @@ var ViewEditor = ({ view }) => {
           ""
         ]
       });
-      const newQuery = Query2.select(Filter2.typename(typename2));
-      view.query.ast = newQuery.ast;
-      schema.updateTypename(typename2);
+      view.query.ast = newQuery;
+      schema.updateTypename(getTypenameFromQuery2(newQuery));
     }, [
       view,
       schema
@@ -1908,7 +1893,7 @@ var ViewEditor = ({ view }) => {
     if (!space || !schema) {
       return null;
     }
-    return /* @__PURE__ */ React20.createElement(NaturalViewEditor, {
+    return /* @__PURE__ */ React18.createElement(NaturalViewEditor, {
       registry: space.db.schemaRegistry,
       schema,
       view,
@@ -1922,10 +1907,11 @@ var ViewEditor = ({ view }) => {
 };
 
 // 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"));
+import { lazy } from "react";
+var CollectionMain = lazy(() => import("./CollectionMain-HTKSZCRR.mjs"));
+var ObjectDetailsPanel = lazy(() => import("./ObjectDetailsPanel-5B45G744.mjs"));
+var ObjectSettingsContainer = lazy(() => import("./ObjectSettings-UFTKBP7B.mjs"));
+var RecordMain = lazy(() => import("./RecordMain-BCSXTSEB.mjs"));
 
 export {
   AwaitingObject,
@@ -1938,7 +1924,6 @@ export {
   JoinDialog,
   MembersContainer,
   MenuFooter,
-  ObjectSettingsContainer,
   PersistenceStatus,
   POPOVER_RENAME_OBJECT,
   PopoverRenameObject,
@@ -1958,16 +1943,7 @@ export {
   ViewEditor,
   CollectionMain,
   ObjectDetailsPanel,
-  RecordMain,
-  AppGraphBuilder,
-  AppGraphSerializer,
-  IdentityCreated,
-  IntentResolver,
-  ReactRoot,
-  ReactSurface,
-  SchemaDefs,
-  SpaceSettings,
-  SpaceState,
-  SpacesReady
+  ObjectSettingsContainer,
+  RecordMain
 };
-//# sourceMappingURL=chunk-2BFVC5K6.mjs.map
+//# sourceMappingURL=chunk-ENBBJSNE.mjs.map