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

package/dist/lib/node-esm/chunk-KKPCCA5O.mjs

@@ -1,1950 +0,0 @@
-import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
-import {
-  useInputSurfaceLookup,
-  usePath
-} from "./chunk-PM4ZIGKC.mjs";
-import {
-  SpaceCapabilities
-} from "./chunk-ZLMFLI7G.mjs";
-import {
-  COMPOSER_SPACE_LOCK,
-  getSpaceDisplayName
-} from "./chunk-XEVIWD3O.mjs";
-import {
-  SpaceAction,
-  SpaceForm
-} from "./chunk-YFQXFQGT.mjs";
-import {
-  meta
-} from "./chunk-BDEFTL6K.mjs";
-
-// src/components/AwaitingObject.tsx
-import { useSignals as _useSignals } from "@preact-signals/safe-react/tracking";
-import React, { useCallback, useEffect, useState } from "react";
-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";
-var WAIT_FOR_OBJECT_TIMEOUT = 18e4;
-var TOAST_TIMEOUT = 24e4;
-var AwaitingObject = ({ id }) => {
-  var _effect = _useSignals();
-  try {
-    const [open, setOpen] = useState(true);
-    const [waiting, setWaiting] = useState(true);
-    const [found, setFound] = useState(false);
-    const { t } = useTranslation(meta.id);
-    const { dispatchPromise: dispatch } = useIntentDispatcher();
-    const layout = useLayout();
-    const client = useClient();
-    const objects = useQuery(client.spaces, Filter.everything());
-    useEffect(() => {
-      if (!id) {
-        return;
-      }
-      const timeout = setTimeout(() => {
-        setWaiting(false);
-      }, WAIT_FOR_OBJECT_TIMEOUT);
-      () => clearTimeout(timeout);
-    }, [
-      id
-    ]);
-    useEffect(() => {
-      if (objects.findIndex((object) => fullyQualifiedId(object) === id) > -1) {
-        setFound(true);
-        if (layout.active.includes(id)) {
-          setOpen(false);
-        }
-      }
-    }, [
-      id,
-      objects,
-      layout
-    ]);
-    const handleClose = useCallback(async () => dispatch(createIntent(SpaceAction.WaitForObject, {
-      id: void 0
-    })), [
-      dispatch
-    ]);
-    const handleNavigate = useCallback(() => {
-      void dispatch(createIntent(LayoutAction.Open, {
-        part: "main",
-        subject: [
-          id
-        ]
-      }));
-      void handleClose();
-    }, [
-      id,
-      handleClose,
-      dispatch
-    ]);
-    return /* @__PURE__ */ React.createElement(Toast.Root, {
-      open,
-      duration: TOAST_TIMEOUT,
-      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(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
-    }, /* @__PURE__ */ React.createElement(Button, {
-      variant: "primary",
-      onClick: handleNavigate
-    }, t("go to object label"))), /* @__PURE__ */ React.createElement(Toast.Close, {
-      asChild: true
-    }, /* @__PURE__ */ React.createElement(Button, {
-      onClick: handleClose
-    }, t("close label", {
-      ns: "appkit"
-    })))) : /* @__PURE__ */ React.createElement(Toast.Close, {
-      asChild: true
-    }, /* @__PURE__ */ React.createElement(Button, {
-      onClick: handleClose
-    }, t(waiting ? "close label" : "confirm label", {
-      ns: "appkit"
-    })))));
-  } finally {
-    _effect.f();
-  }
-};
-
-// src/components/CreateDialog/CreateObjectDialog.tsx
-import { useSignals as _useSignals3 } from "@preact-signals/safe-react/tracking";
-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";
-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 Icon3, useTranslation as useTranslation3 } from "@dxos/react-ui";
-import { cardDialogContent, cardDialogHeader } from "@dxos/react-ui-stack";
-import { DataType, getTypenameFromQuery } from "@dxos/schema";
-import { isNonNullable as isNonNullable2 } from "@dxos/util";
-
-// src/components/CreateDialog/CreateObjectPanel.tsx
-import { useSignals as _useSignals2 } from "@preact-signals/safe-react/tracking";
-import * as Option from "effect/Option";
-import React2, { useCallback as useCallback2 } from "react";
-import { Type } from "@dxos/echo";
-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";
-import { cardDialogOverflow, cardDialogPaddedOverflow, cardDialogSearchListRoot } from "@dxos/react-ui-stack";
-import { isNonNullable } from "@dxos/util";
-var CreateObjectPanel = ({ forms, spaces, typename, target, views, initialFormValues: _initialFormValues, defaultSpaceId, resolve, onTargetChange, onTypenameChange, onCreateObject }) => {
-  var _effect = _useSignals2();
-  try {
-    const { t } = useTranslation2(meta.id);
-    const initialFormValues = useDefaultValue(_initialFormValues, () => ({}));
-    const form = forms.find((form2) => Type.getTypename(form2.objectSchema) === typename);
-    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
-      });
-      const nameB = t("typename label", {
-        ns: b.typename,
-        defaultValue: b.typename
-      });
-      return nameA.localeCompare(nameB);
-    });
-    const handleCreateObject = useCallback2(async (props) => {
-      if (!form) {
-        return;
-      }
-      await onCreateObject?.({
-        form,
-        data: props
-      });
-    }, [
-      onCreateObject,
-      form
-    ]);
-    const handleSetTypename = useCallback2(async (typename2) => {
-      const form2 = forms.find((form3) => getTypeAnnotation(form3.objectSchema)?.typename === typename2);
-      if (form2 && !form2.formSchema) {
-        await onCreateObject?.({
-          form: form2
-        });
-      } else {
-        onTypenameChange?.(typename2);
-      }
-    }, [
-      forms,
-      onCreateObject
-    ]);
-    const inputSurfaceLookup = useInputSurfaceLookup({
-      target
-    });
-    return !form ? /* @__PURE__ */ React2.createElement(SelectSchema, {
-      options,
-      resolve,
-      onChange: handleSetTypename
-    }) : !target ? /* @__PURE__ */ React2.createElement(SelectSpace, {
-      spaces,
-      defaultSpaceId,
-      onChange: onTargetChange
-    }) : form.formSchema ? /* @__PURE__ */ React2.createElement("div", {
-      role: "none",
-      className: cardDialogOverflow
-    }, /* @__PURE__ */ React2.createElement(Form, {
-      autoFocus: true,
-      values: initialFormValues,
-      schema: form.formSchema,
-      testId: "create-object-form",
-      onSave: handleCreateObject,
-      lookupComponent: inputSurfaceLookup,
-      outerSpacing: "blockStart-0"
-    })) : null;
-  } finally {
-    _effect.f();
-  }
-};
-var SelectSpace = ({ spaces, defaultSpaceId, onChange }) => {
-  var _effect = _useSignals2();
-  try {
-    const { t } = useTranslation2(meta.id);
-    return /* @__PURE__ */ React2.createElement(SearchList.Root, {
-      label: t("space input label"),
-      classNames: cardDialogSearchListRoot
-    }, /* @__PURE__ */ React2.createElement(SearchList.Input, {
-      autoFocus: true,
-      "data-testid": "create-object-form.space-input",
-      placeholder: t("space input placeholder")
-    }), /* @__PURE__ */ React2.createElement(SearchList.Content, {
-      classNames: [
-        cardDialogOverflow,
-        "plb-cardSpacingBlock"
-      ]
-    }, spaces.sort((a, b) => {
-      const aName = toLocalizedString(getSpaceDisplayName(a, {
-        personal: a.id === defaultSpaceId
-      }), t);
-      const bName = toLocalizedString(getSpaceDisplayName(b, {
-        personal: b.id === defaultSpaceId
-      }), t);
-      return aName.localeCompare(bName);
-    }).map((space) => /* @__PURE__ */ React2.createElement(SearchList.Item, {
-      key: space.id,
-      value: toLocalizedString(getSpaceDisplayName(space, {
-        personal: space.id === defaultSpaceId
-      }), t),
-      onSelect: () => onChange?.(space),
-      classNames: "flex items-center gap-2"
-    }, /* @__PURE__ */ React2.createElement("span", {
-      className: "grow truncate"
-    }, toLocalizedString(getSpaceDisplayName(space, {
-      personal: space.id === defaultSpaceId
-    }), t))))));
-  } finally {
-    _effect.f();
-  }
-};
-var SelectSchema = ({ options, resolve, onChange }) => {
-  var _effect = _useSignals2();
-  try {
-    const { t } = useTranslation2(meta.id);
-    return /* @__PURE__ */ React2.createElement(SearchList.Root, {
-      label: t("schema input label"),
-      classNames: cardDialogSearchListRoot
-    }, /* @__PURE__ */ React2.createElement(SearchList.Input, {
-      autoFocus: true,
-      "data-testid": "create-object-form.schema-input",
-      placeholder: t("schema input placeholder")
-    }), /* @__PURE__ */ React2.createElement(SearchList.Content, {
-      classNames: cardDialogPaddedOverflow
-    }, options.map((option) => /* @__PURE__ */ React2.createElement(SearchList.Item, {
-      key: option.typename,
-      value: t("typename label", {
-        ns: option.typename,
-        defaultValue: option.typename
-      }),
-      onSelect: () => onChange(option.typename),
-      classNames: "flex items-center gap-2"
-    }, /* @__PURE__ */ React2.createElement("span", {
-      className: "flex gap-2 items-center grow truncate"
-    }, /* @__PURE__ */ React2.createElement(Icon2, {
-      icon: resolve?.(option.typename).icon ?? "ph--placeholder--regular",
-      size: 5
-    }), t("typename label", {
-      ns: option.typename,
-      defaultValue: option.typename
-    }))))));
-  } finally {
-    _effect.f();
-  }
-};
-
-// src/components/CreateDialog/CreateObjectDialog.tsx
-var __dxlog_file = "/__w/dxos/dxos/packages/plugins/plugin-space/src/components/CreateDialog/CreateObjectDialog.tsx";
-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(meta.id);
-    const client = useClient2();
-    const spaces = useSpaces();
-    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) => getTypenameFromQuery(collection.query)).filter(isNonNullable2);
-    const resolve = useCallback3((typename2) => manager.context.getCapabilities(Capabilities.Metadata).find(({ id }) => id === typename2)?.metadata ?? {}, [
-      manager
-    ]);
-    const handleCreateObject = useCallback3(({ form, data = {} }) => Effect.gen(function* () {
-      if (!target) {
-        return;
-      }
-      closeRef.current?.click();
-      const space2 = isSpace(target) ? target : getSpace(target);
-      invariant(space2, "Missing space", {
-        F: __dxlog_file,
-        L: 84,
-        S: this,
-        A: [
-          "space",
-          "'Missing space'"
-        ]
-      });
-      const { object } = yield* dispatch(form.getIntent(data, {
-        space: space2
-      }));
-      if (isLiveObject(object) && !Obj.instanceOf(DataType.StoredSchema, object)) {
-        const hidden = form.hidden || hiddenTypenames.includes(Type2.getTypename(form.objectSchema));
-        const addObjectIntent = createIntent2(SpaceAction.AddObject, {
-          target,
-          object,
-          hidden
-        });
-        const shouldNavigate = _shouldNavigate ?? (() => true);
-        if (shouldNavigate(object)) {
-          yield* dispatch(Function.pipe(addObjectIntent, chain(LayoutAction2.Open, {
-            part: "main"
-          })));
-        } else {
-          yield* dispatch(addObjectIntent);
-        }
-        onCreateObject?.(object);
-      }
-    }).pipe(Effect.runPromise), [
-      dispatch,
-      target,
-      resolve,
-      hiddenTypenames,
-      _shouldNavigate
-    ]);
-    return (
-      // TODO(wittjosiah): The tablist dialog pattern is copied from @dxos/plugin-manager.
-      //  Consider factoring it out to the tabs package.
-      /* @__PURE__ */ React3.createElement(Dialog.Content, {
-        classNames: cardDialogContent
-      }, /* @__PURE__ */ React3.createElement("div", {
-        role: "none",
-        className: cardDialogHeader
-      }, /* @__PURE__ */ React3.createElement(Dialog.Title, null, t("create object dialog title", {
-        object: t("typename label", {
-          ns: typename,
-          defaultValue: views ? "View" : "Item"
-        })
-      })), /* @__PURE__ */ React3.createElement(Dialog.Close, {
-        asChild: true
-      }, /* @__PURE__ */ React3.createElement(Button2, {
-        ref: closeRef,
-        density: "fine",
-        variant: "ghost",
-        autoFocus: true
-      }, /* @__PURE__ */ React3.createElement(Icon3, {
-        icon: "ph--x--regular",
-        size: 4
-      })))), /* @__PURE__ */ React3.createElement(CreateObjectPanel, {
-        forms,
-        spaces,
-        target,
-        views,
-        typename,
-        initialFormValues,
-        defaultSpaceId: client.spaces.default.id,
-        resolve,
-        onTargetChange: setTarget,
-        onTypenameChange: setTypename,
-        onCreateObject: handleCreateObject
-      }))
-    );
-  } finally {
-    _effect.f();
-  }
-};
-
-// src/components/CreateDialog/CreateSpaceDialog.tsx
-import { useSignals as _useSignals4 } from "@preact-signals/safe-react/tracking";
-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";
-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 = `${meta.id}/CreateSpaceDialog`;
-var initialValues = {
-  edgeReplication: true
-};
-var CreateSpaceDialog = () => {
-  var _effect = _useSignals4();
-  try {
-    const closeRef = useRef2(null);
-    const { t } = useTranslation4(meta.id);
-    const { dispatch } = useIntentDispatcher3();
-    const inputSurfaceLookup = useInputSurfaceLookup();
-    const handleCreateSpace = useCallback4(async (data) => {
-      const program = Effect2.gen(function* () {
-        const { space } = yield* dispatch(createIntent3(SpaceAction.Create, data));
-        yield* dispatch(createIntent3(LayoutAction3.SwitchWorkspace, {
-          part: "workspace",
-          subject: space.id
-        }));
-        yield* dispatch(createIntent3(LayoutAction3.UpdateDialog, {
-          part: "dialog",
-          options: {
-            state: false
-          }
-        }));
-      });
-      await Effect2.runPromise(program);
-    }, [
-      dispatch
-    ]);
-    return (
-      // TODO(wittjosiah): The tablist dialog pattern is copied from @dxos/plugin-manager.
-      //  Consider factoring it out to the tabs package.
-      /* @__PURE__ */ React4.createElement(Dialog2.Content, {
-        classNames: cardDialogContent2
-      }, /* @__PURE__ */ React4.createElement("div", {
-        role: "none",
-        className: cardDialogHeader2
-      }, /* @__PURE__ */ React4.createElement(Dialog2.Title, null, t("create space dialog title")), /* @__PURE__ */ React4.createElement(Dialog2.Close, {
-        asChild: true
-      }, /* @__PURE__ */ React4.createElement(Button3, {
-        ref: closeRef,
-        density: "fine",
-        variant: "ghost",
-        autoFocus: true
-      }, /* @__PURE__ */ React4.createElement(Icon4, {
-        icon: "ph--x--regular",
-        size: 4
-      })))), /* @__PURE__ */ React4.createElement("div", {
-        role: "none",
-        className: "contents"
-      }, /* @__PURE__ */ React4.createElement(Form2, {
-        testId: "create-space-form",
-        autoFocus: true,
-        values: initialValues,
-        schema: SpaceForm,
-        lookupComponent: inputSurfaceLookup,
-        onSave: handleCreateSpace,
-        outerSpacing: "scroll-fields"
-      })))
-    );
-  } finally {
-    _effect.f();
-  }
-};
-
-// 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";
-var CollectionSection = ({ collection }) => {
-  var _effect = _useSignals5();
-  try {
-    const { t } = useTranslation5(meta.id);
-    return /* @__PURE__ */ React5.createElement("div", {
-      className: "min-bs-[3.5rem] grid grid-rows-subgrid grid-cols-subgrid items-center"
-    }, /* @__PURE__ */ React5.createElement("span", {
-      className: "truncate"
-    }, collection.name ?? t("unnamed collection label")));
-  } finally {
-    _effect.f();
-  }
-};
-
-// src/components/JoinDialog.tsx
-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 useTranslation6 } from "@dxos/react-ui";
-import { JoinPanel } from "@dxos/shell/react";
-var JOIN_DIALOG = `${meta.id}/JoinDialog`;
-var JoinDialog = ({ navigableCollections, onDone, ...props }) => {
-  var _effect = _useSignals6();
-  try {
-    const { dispatchPromise: dispatch } = useIntentDispatcher4();
-    const client = useClient3();
-    const { graph } = useAppGraph();
-    const { t } = useTranslation6(meta.id);
-    const handleDone = useCallback5(async (result) => {
-      const spaceKey = result?.spaceKey;
-      if (!spaceKey) {
-        return;
-      }
-      await Promise.all([
-        dispatch(createIntent4(LayoutAction4.AddToast, {
-          part: "toast",
-          subject: {
-            id: `${meta.id}/join-success`,
-            duration: 5e3,
-            title: [
-              "join success label",
-              {
-                ns: meta.id
-              }
-            ],
-            closeLabel: [
-              "dismiss label",
-              {
-                ns: meta.id
-              }
-            ]
-          }
-        })),
-        dispatch(createIntent4(LayoutAction4.UpdateDialog, {
-          part: "dialog",
-          options: {
-            state: false
-          }
-        }))
-      ]);
-      let space = client.spaces.get(spaceKey);
-      if (!space) {
-        const trigger = new Trigger();
-        client.spaces.subscribe(() => {
-          const space2 = client.spaces.get(spaceKey);
-          if (space2) {
-            trigger.wake(space2);
-          }
-        });
-        space = await trigger.wait();
-      }
-      await dispatch(createIntent4(LayoutAction4.SwitchWorkspace, {
-        part: "workspace",
-        subject: space.id
-      }));
-      const target = result?.target || (navigableCollections ? space?.id : void 0);
-      if (target) {
-        await graph.waitForPath({
-          target
-        }).catch(() => {
-        });
-        await Promise.all([
-          dispatch(createIntent4(LayoutAction4.Open, {
-            part: "main",
-            subject: [
-              target
-            ]
-          })),
-          dispatch(createIntent4(LayoutAction4.Expose, {
-            part: "navigation",
-            subject: target
-          }))
-        ]);
-      }
-      await onDone?.(result);
-      if (space) {
-        await dispatch(createIntent4(ObservabilityAction.SendEvent, {
-          name: "space.join",
-          properties: {
-            spaceId: space.id
-          }
-        }));
-      }
-    }, [
-      dispatch,
-      client,
-      graph
-    ]);
-    return /* @__PURE__ */ React6.createElement(Dialog3.Content, null, /* @__PURE__ */ React6.createElement(Dialog3.Title, {
-      classNames: "sr-only"
-    }, t("join space label", {
-      ns: "os"
-    })), /* @__PURE__ */ React6.createElement(JoinPanel, {
-      ...props,
-      exitActionParent: /* @__PURE__ */ React6.createElement(Dialog3.Close, {
-        asChild: true
-      }),
-      doneActionParent: /* @__PURE__ */ React6.createElement(Dialog3.Close, {
-        asChild: true
-      }),
-      onDone: handleDone
-    }));
-  } finally {
-    _effect.f();
-  }
-};
-
-// src/components/MembersContainer.tsx
-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 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 { DataType as DataType2 } from "@dxos/schema";
-import { AuthCode, BifurcatedAction, Centered, Emoji, InvitationList, SpaceMemberList, Viewport } from "@dxos/shell/react";
-import { hexToEmoji } from "@dxos/util";
-var __dxlog_file2 = "/__w/dxos/dxos/packages/plugins/plugin-space/src/components/MembersContainer.tsx";
-var activeActionKey = "dxos:react-shell/space-manager/active-action";
-var handleInvitationEvent = (invitation, subscription) => {
-  const invitationCode = InvitationEncoder.encode(invitation);
-  if (invitation.state === Invitation.State.CONNECTING) {
-    log.info(JSON.stringify({
-      invitationCode,
-      authCode: invitation.authCode
-    }), void 0, {
-      F: __dxlog_file2,
-      L: 39,
-      S: void 0,
-      C: (f, a) => f(...a)
-    });
-    subscription.unsubscribe();
-  }
-};
-var MembersContainer = ({ space, createInvitationUrl }) => {
-  var _effect = _useSignals7();
-  try {
-    const { t } = useTranslation7(meta.id);
-    const config = useConfig();
-    const { dispatchPromise: dispatch } = useIntentDispatcher5();
-    const invitations = useSpaceInvitations(space.key);
-    const visibleInvitations = invitations?.filter((invitation) => ![
-      Invitation.State.CANCELLED
-    ].includes(invitation.get().state));
-    const [activeAction, setInternalActiveAction] = useState3(localStorage.getItem(activeActionKey) ?? "inviteMany");
-    const setActiveAction = (nextAction) => {
-      setInternalActiveAction(nextAction);
-      localStorage.setItem(activeActionKey, nextAction);
-    };
-    const target = space.properties[DataType2.Collection.typename]?.target?.objects[0]?.target;
-    const locked = space.properties[COMPOSER_SPACE_LOCK];
-    const handleChangeLocked = useCallback6(() => {
-      space.properties[COMPOSER_SPACE_LOCK] = !locked;
-    }, [
-      locked,
-      space
-    ]);
-    const inviteActions = useMemo(() => ({
-      inviteOne: {
-        label: t("invite one label", {
-          ns: "os"
-        }),
-        description: t("invite one description", {
-          ns: "os"
-        }),
-        icon: "ph--user-plus--regular",
-        testId: "membersContainer.inviteOne",
-        onClick: async () => {
-          const { data: invitation } = await dispatch(createIntent5(SpaceAction.Share, {
-            space,
-            type: Invitation.Type.INTERACTIVE,
-            authMethod: Invitation.AuthMethod.SHARED_SECRET,
-            multiUse: false,
-            target: target && fullyQualifiedId2(target)
-          }));
-          if (invitation && config.values.runtime?.app?.env?.DX_ENVIRONMENT !== "production") {
-            const subscription = invitation.subscribe((invitation2) => handleInvitationEvent(invitation2, subscription));
-          }
-        }
-      },
-      inviteMany: {
-        label: t("invite many label", {
-          ns: "os"
-        }),
-        description: t("invite many description", {
-          ns: "os"
-        }),
-        icon: "ph--users-three--regular",
-        testId: "membersContainer.inviteMany",
-        onClick: async () => {
-          const { data: invitation } = await dispatch(createIntent5(SpaceAction.Share, {
-            space,
-            type: Invitation.Type.DELEGATED,
-            authMethod: Invitation.AuthMethod.KNOWN_PUBLIC_KEY,
-            multiUse: true,
-            target: target && fullyQualifiedId2(target)
-          }));
-          if (invitation && config.values.runtime?.app?.env?.DX_ENVIRONMENT !== "production") {
-            const subscription = invitation.subscribe((invitation2) => handleInvitationEvent(invitation2, subscription));
-          }
-        }
-      }
-    }), [
-      t,
-      space,
-      target
-    ]);
-    const [selectedInvitation, setSelectedInvitation] = useState3(null);
-    const handleSend = (event) => {
-      setSelectedInvitation(event.invitation);
-    };
-    const handleBack = () => {
-      setSelectedInvitation(null);
-    };
-    return /* @__PURE__ */ React7.createElement(Clipboard.Provider, null, /* @__PURE__ */ React7.createElement(StackItem.Content, {
-      scrollable: true
-    }, /* @__PURE__ */ React7.createElement(ControlPage, null, /* @__PURE__ */ React7.createElement(ControlSection, {
-      title: t("members verbose label"),
-      description: t("members description")
-    }, /* @__PURE__ */ React7.createElement(ControlFrame, null, /* @__PURE__ */ React7.createElement(ControlFrameItem, {
-      title: t("members label")
-    }, /* @__PURE__ */ React7.createElement(SpaceMemberList, {
-      spaceKey: space.key,
-      includeSelf: true
-    })), locked && /* @__PURE__ */ React7.createElement(ControlFrameItem, {
-      title: t("invitations label")
-    }, /* @__PURE__ */ React7.createElement("p", {
-      className: "text-description mbe-2"
-    }, t("locked space description"))), !locked && /* @__PURE__ */ React7.createElement(ControlFrameItem, {
-      title: t("invitations label")
-    }, selectedInvitation && /* @__PURE__ */ React7.createElement(InvitationSection, {
-      ...selectedInvitation,
-      onBack: handleBack
-    }), !selectedInvitation && /* @__PURE__ */ React7.createElement(React7.Fragment, null, /* @__PURE__ */ React7.createElement("p", {
-      className: "text-description mbe-2"
-    }, t("space invitation description")), /* @__PURE__ */ React7.createElement(InvitationList, {
-      className: "mb-2",
-      send: handleSend,
-      invitations: visibleInvitations ?? [],
-      onClickRemove: (invitation) => invitation.cancel(),
-      createInvitationUrl
-    }), /* @__PURE__ */ React7.createElement(BifurcatedAction, {
-      actions: inviteActions,
-      activeAction,
-      onChangeActiveAction: setActiveAction,
-      "data-testid": "membersContainer.createInvitation"
-    })))), /* @__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__ */ React7.createElement(Input.Switch, {
-      checked: locked,
-      onCheckedChange: handleChangeLocked,
-      classNames: "justify-self-end"
-    })))))));
-  } finally {
-    _effect.f();
-  }
-};
-var InvitationSection = ({ state = Invitation.State.INIT, authCode, invitationId = "never", url = "never", onBack }) => {
-  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__ */ React7.createElement(Viewport.Root, {
-      activeView
-    }, /* @__PURE__ */ React7.createElement(Viewport.Views, null, /* @__PURE__ */ React7.createElement(Viewport.View, {
-      id: "init"
-    }), /* @__PURE__ */ React7.createElement(Viewport.View, {
-      id: "complete"
-    }, /* @__PURE__ */ React7.createElement(InvitationComplete, {
-      statusValue: state
-    })), /* @__PURE__ */ React7.createElement(Viewport.View, {
-      id: "auth-code"
-    }, /* @__PURE__ */ React7.createElement(InvitationAuthCode, {
-      id: invitationId,
-      code: authCode ?? "never",
-      onCancel: onBack
-    })), /* @__PURE__ */ React7.createElement(Viewport.View, {
-      id: "qr-code"
-    }, /* @__PURE__ */ React7.createElement(InvitationQR, {
-      id: invitationId,
-      url,
-      onCancel: onBack
-    }))));
-  } finally {
-    _effect.f();
-  }
-};
-var InvitationQR = ({ id, url, onCancel }) => {
-  var _effect = _useSignals7();
-  try {
-    const { t } = useTranslation7("os");
-    const qrLabel = useId("members-container__qr-code");
-    const emoji = hexToEmoji(id);
-    return /* @__PURE__ */ React7.createElement(React7.Fragment, null, /* @__PURE__ */ React7.createElement("p", {
-      className: "text-description"
-    }, t("qr code description", {
-      ns: meta.id
-    })), /* @__PURE__ */ React7.createElement("div", {
-      role: "group",
-      className: "grid grid-cols-[1fr_min-content] mlb-2 gap-2"
-    }, /* @__PURE__ */ React7.createElement("div", {
-      role: "none",
-      className: "is-full aspect-square relative text-description"
-    }, /* @__PURE__ */ React7.createElement(QR, {
-      rounding: 100,
-      backgroundColor: "transparent",
-      color: "currentColor",
-      "aria-labelledby": qrLabel,
-      errorCorrectionLevel: "Q",
-      cutout: true
-    }, url ?? "never"), /* @__PURE__ */ React7.createElement(Centered, null, /* @__PURE__ */ React7.createElement(Emoji, {
-      text: emoji
-    }))), /* @__PURE__ */ React7.createElement("span", {
-      id: qrLabel,
-      className: "sr-only"
-    }, t("qr label")), /* @__PURE__ */ React7.createElement(Clipboard.Button, {
-      value: url ?? "never"
-    })), /* @__PURE__ */ React7.createElement(Button4, {
-      variant: "ghost",
-      onClick: onCancel
-    }, t("cancel label")));
-  } finally {
-    _effect.f();
-  }
-};
-var InvitationAuthCode = ({ id, code, onCancel }) => {
-  var _effect = _useSignals7();
-  try {
-    const { t } = useTranslation7("os");
-    const emoji = hexToEmoji(id);
-    return /* @__PURE__ */ React7.createElement(React7.Fragment, null, /* @__PURE__ */ React7.createElement("p", {
-      className: "text-description"
-    }, t("auth other device emoji message")), emoji && /* @__PURE__ */ React7.createElement(Emoji, {
-      text: emoji,
-      className: "mli-auto mlb-2 text-center"
-    }), /* @__PURE__ */ React7.createElement("p", {
-      className: "text-description"
-    }, t("auth code message")), /* @__PURE__ */ React7.createElement(AuthCode, {
-      code,
-      large: true,
-      classNames: "mli-auto mlb-2 text-center grow"
-    }), /* @__PURE__ */ React7.createElement(Button4, {
-      variant: "ghost",
-      onClick: onCancel
-    }, t("cancel label")));
-  } finally {
-    _effect.f();
-  }
-};
-var InvitationComplete = ({ statusValue }) => {
-  var _effect = _useSignals7();
-  try {
-    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();
-  }
-};
-
-// src/components/MenuFooter.tsx
-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, Icon as Icon6, toLocalizedString as toLocalizedString2, useTranslation as useTranslation8 } from "@dxos/react-ui";
-var MenuFooter = ({ object }) => {
-  var _effect = _useSignals8();
-  try {
-    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__ */ 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__ */ React8.createElement("dt", {
-      className: "uppercase text-[.75em] tracking-wide font-medium mbs-px self-start"
-    }, t("location label")), /* @__PURE__ */ React8.createElement("dd", {
-      className: "line-clamp-3"
-    }, /* @__PURE__ */ React8.createElement(Icon6, {
-      icon: "ph--planet--regular",
-      classNames: "inline-block mie-1"
-    }), toLocalizedString2(spaceName, t)))) : null;
-  } finally {
-    _effect.f();
-  }
-};
-
-// src/components/PersistenceStatus.tsx
-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 useTranslation9 } from "@dxos/react-ui";
-import { mx, staticPlaceholderText, warningText } from "@dxos/react-ui-theme";
-var PersistenceStatus = ({ db }) => {
-  var _effect = _useSignals9();
-  try {
-    const { t } = useTranslation9(meta.id);
-    const [displayMessage, setDisplayMessage] = useState4(false);
-    const [status, naturalSetStatus] = useState4(0);
-    const [prevStatus, setPrevStatus] = useState4(0);
-    const _setStatus = debounce(naturalSetStatus, 500);
-    useEffect2(() => {
-      setPrevStatus(status);
-      if (prevStatus !== status && status === 0) {
-        setDisplayMessage(true);
-        const timeout = setTimeout(() => setDisplayMessage(false), 5e3);
-        return () => clearTimeout(timeout);
-      }
-    }, [
-      status
-    ]);
-    switch (status) {
-      case 2:
-        return /* @__PURE__ */ React9.createElement("div", {
-          className: "flex items-center"
-        }, /* @__PURE__ */ React9.createElement(Icon7, {
-          icon: "ph--warning--regular",
-          size: 4,
-          classNames: "me-1"
-        }), /* @__PURE__ */ React9.createElement("span", {
-          className: mx("text-sm", warningText)
-        }, t("persistence error label")));
-      case 1:
-        return /* @__PURE__ */ React9.createElement("div", {
-          className: "flex items-center"
-        }, /* @__PURE__ */ React9.createElement(Icon7, {
-          icon: "ph--arrows-counter-clockwise--regular",
-          size: 4,
-          classNames: "me-1"
-        }), /* @__PURE__ */ React9.createElement("span", {
-          className: mx("text-sm", staticPlaceholderText)
-        }, t("persistence pending label")));
-      case 0:
-      default:
-        return /* @__PURE__ */ React9.createElement(Tooltip.Trigger, {
-          delayDuration: 400,
-          role: "status",
-          content: t("persisted locally message"),
-          className: "flex items-center"
-        }, /* @__PURE__ */ React9.createElement(Icon7, {
-          icon: "ph--check-circle--regular",
-          size: 4,
-          classNames: "me-1"
-        }), displayMessage && /* @__PURE__ */ React9.createElement("span", {
-          className: mx("text-sm", staticPlaceholderText)
-        }, t("persisted locally label")));
-    }
-  } finally {
-    _effect.f();
-  }
-};
-
-// src/components/PopoverRenameObject.tsx
-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 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 = _useSignals10();
-  try {
-    const { t } = useTranslation10(meta.id);
-    const doneButton = useRef3(null);
-    const [name, setName] = useState5(Obj2.getLabel(object));
-    const { dispatchPromise: dispatch } = useIntentDispatcher6();
-    const handleDone = useCallback7(() => {
-      try {
-        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",
-        options: {
-          variant: "react",
-          anchorId: "",
-          state: false
-        }
-      }));
-    }, [
-      object,
-      name
-    ]);
-    return /* @__PURE__ */ React10.createElement("div", {
-      role: "none",
-      className: "p-2 flex gap-2"
-    }, /* @__PURE__ */ React10.createElement("div", {
-      role: "none",
-      className: "flex-1"
-    }, /* @__PURE__ */ React10.createElement(Input2.Root, null, /* @__PURE__ */ React10.createElement(Input2.Label, {
-      srOnly: true
-    }, 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__ */ React10.createElement(Button5, {
-      ref: doneButton,
-      classNames: "self-stretch",
-      onClick: handleDone
-    }, t("done label", {
-      ns: "os"
-    })));
-  } finally {
-    _effect.f();
-  }
-};
-
-// src/components/PopoverRenameSpace.tsx
-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 Input3, Popover, useTranslation as useTranslation11 } from "@dxos/react-ui";
-var POPOVER_RENAME_SPACE = `${meta.id}/PopoverRenameSpace`;
-var PopoverRenameSpace = ({ space }) => {
-  var _effect = _useSignals11();
-  try {
-    const { t } = useTranslation11(meta.id);
-    const doneButton = useRef4(null);
-    const [name, setName] = useState6(space.properties.name ?? "");
-    const { dispatchPromise: dispatch } = useIntentDispatcher7();
-    const handleDone = useCallback8(() => {
-      space.properties.name = name;
-      void dispatch(createIntent7(LayoutAction6.UpdatePopover, {
-        part: "popover",
-        options: {
-          variant: "react",
-          anchorId: "",
-          state: false
-        }
-      }));
-    }, [
-      space,
-      name
-    ]);
-    return /* @__PURE__ */ React11.createElement("div", {
-      role: "none",
-      className: "p-2 flex gap-2"
-    }, /* @__PURE__ */ React11.createElement("div", {
-      role: "none",
-      className: "flex-1"
-    }, /* @__PURE__ */ React11.createElement(Input3.Root, null, /* @__PURE__ */ React11.createElement(Input3.Label, {
-      srOnly: true
-    }, 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__ */ React11.createElement(Popover.Close, {
-      asChild: true
-    }, /* @__PURE__ */ React11.createElement(Button6, {
-      ref: doneButton,
-      classNames: "self-stretch",
-      onClick: handleDone
-    }, t("done label", {
-      ns: "os"
-    }))));
-  } finally {
-    _effect.f();
-  }
-};
-
-// src/components/SchemaContainer.tsx
-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 StackItem2 } from "@dxos/react-ui-stack";
-var useQuerySpaceSchemas = (space) => {
-  const [schemas, setSchemas] = useState7([]);
-  useEffect3(() => {
-    const query = space.db.schemaRegistry.query();
-    const initialResults = query.runSync();
-    setSchemas(initialResults);
-    const unsubscribe = query.subscribe(() => setSchemas(query.results));
-    return () => unsubscribe();
-  }, [
-    space
-  ]);
-  return schemas;
-};
-var SchemaContainer = ({ space }) => {
-  var _effect = _useSignals12();
-  try {
-    const { t } = useTranslation12(meta.id);
-    const schemas = useQuerySpaceSchemas(space);
-    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__ */ React12.createElement("div", {
-      role: "none",
-      className: controlItemClasses
-    }, schemas.length === 0 && /* @__PURE__ */ React12.createElement("div", {
-      className: "text-center plb-4"
-    }, t("no schemas found message")), schemas.map((schema) => /* @__PURE__ */ React12.createElement("div", {
-      key: schema.id
-    }, /* @__PURE__ */ React12.createElement("div", null, schema.typename)))))));
-  } finally {
-    _effect.f();
-  }
-};
-
-// src/components/SpacePresence.tsx
-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 useTranslation13 } from "@dxos/react-ui";
-import { AttentionGlyph, useAttended, useAttention } from "@dxos/react-ui-attention";
-import { ComplexMap, keyToFallback } from "@dxos/util";
-var REFRESH_INTERVAL = 5e3;
-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 = _useSignals13();
-  try {
-    const spaceState = useCapability(SpaceCapabilities.MutableState);
-    const client = useClient5();
-    const identity = useIdentity();
-    const space = spaceKey ? client.spaces.get(spaceKey) : getSpace3(object);
-    const spaceMembers = useMembers(space?.key);
-    const [_moment, setMoment] = useState8(Date.now());
-    useEffect4(() => {
-      const interval = setInterval(() => setMoment(Date.now()), REFRESH_INTERVAL);
-      return () => clearInterval(interval);
-    }, []);
-    const memberOnline = useCallback9((member) => member.presence === 1, []);
-    const memberIsNotSelf = useCallback9((member) => !identity?.identityKey.equals(member.identity.identityKey), [
-      identity?.identityKey
-    ]);
-    if (!identity || !spaceState || !space) {
-      return null;
-    }
-    const currentObjectViewers = spaceState.viewersByObject[fullyQualifiedId3(object)] ?? noViewers;
-    const membersForObject = spaceMembers.filter((member) => memberOnline(member) && memberIsNotSelf(member)).filter((member) => currentObjectViewers.has(member.identity.identityKey)).map((member) => {
-      const objectView = currentObjectViewers.get(member.identity.identityKey);
-      const lastSeen = objectView?.lastSeen ?? -Infinity;
-      const currentlyAttended = objectView?.currentlyAttended ?? false;
-      return {
-        ...member,
-        currentlyAttended,
-        lastSeen
-      };
-    }).toSorted((a, b) => a.lastSeen - b.lastSeen);
-    return /* @__PURE__ */ React13.createElement(FullPresence, {
-      members: membersForObject
-    });
-  } finally {
-    _effect.f();
-  }
-};
-var FullPresence = (props) => {
-  var _effect = _useSignals13();
-  try {
-    const { size = 9, onMemberClick } = props;
-    const members = useDefaultValue2(props.members, () => []);
-    if (members.length === 0) {
-      return null;
-    }
-    return /* @__PURE__ */ React13.createElement("div", {
-      className: "dx-avatar-group",
-      "data-testid": "spacePlugin.presence"
-    }, 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__ */ React13.createElement(PresenceAvatar, {
-      identity: member.identity,
-      match: member.currentlyAttended,
-      index: members.length - i,
-      onClick: () => onMemberClick?.(member),
-      size
-    }))), members.length > 3 && /* @__PURE__ */ React13.createElement(Popover2.Root, null, /* @__PURE__ */ React13.createElement(Popover2.Trigger, {
-      className: "grid focus:outline-none"
-    }, /* @__PURE__ */ React13.createElement(Avatar.Root, null, /* @__PURE__ */ React13.createElement(Avatar.Content, {
-      status: "inactive",
-      style: {
-        zIndex: members.length - 4
-      },
-      fallback: `+${members.length - 3}`,
-      size
-    }))), /* @__PURE__ */ React13.createElement(Popover2.Portal, null, /* @__PURE__ */ React13.createElement(Popover2.Content, {
-      side: "bottom"
-    }, /* @__PURE__ */ React13.createElement(Popover2.Arrow, null), /* @__PURE__ */ React13.createElement(Popover2.Viewport, {
-      classNames: "max-bs-56"
-    }, /* @__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__ */ React13.createElement(PresenceAvatar, {
-      identity: member.identity,
-      size,
-      showName: true,
-      match: member.currentlyAttended
-    })))))))));
-  } finally {
-    _effect.f();
-  }
-};
-var PresenceAvatar = /* @__PURE__ */ forwardRef(({ identity, showName, match, index, onClick, size }, forwardedRef) => {
-  var _effect = _useSignals13();
-  try {
-    const status = match ? "current" : "active";
-    const fallbackValue = keyToFallback(identity.identityKey);
-    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",
-      "data-status": status,
-      size,
-      ...index ? {
-        style: {
-          zIndex: index
-        }
-      } : {},
-      onClick,
-      fallback: identity.profile?.data?.emoji || fallbackValue.emoji,
-      ref: forwardedRef
-    }), /* @__PURE__ */ React13.createElement(Avatar.Label, {
-      classNames: showName ? "text-sm truncate pli-2" : "sr-only"
-    }, getName(identity)));
-  } finally {
-    _effect.f();
-  }
-});
-var SmallPresenceLive = ({ id, open, viewers }) => {
-  var _effect = _useSignals13();
-  try {
-    const { hasAttention, isAncestor, isRelated } = useAttention(id);
-    const isAttended = hasAttention || isAncestor || isRelated;
-    const { graph } = useAppGraph2();
-    const attended = useAttended();
-    const startOfAttention = attended.at(-1);
-    const path = usePath(graph, startOfAttention);
-    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);
-    };
-    const [activeViewers, setActiveViewers] = useState8(viewers ? getActiveViewers(viewers) : []);
-    useEffect4(() => {
-      if (viewers) {
-        setActiveViewers(getActiveViewers(viewers));
-        const interval = setInterval(() => {
-          setActiveViewers(getActiveViewers(viewers));
-        }, REFRESH_INTERVAL);
-        return () => clearInterval(interval);
-      }
-    }, [
-      viewers
-    ]);
-    return /* @__PURE__ */ React13.createElement(SmallPresence, {
-      count: activeViewers.length,
-      attended: isAttended,
-      containsAttended
-    });
-  } finally {
-    _effect.f();
-  }
-};
-var SmallPresence = ({ count = 0, attended, containsAttended }) => {
-  var _effect = _useSignals13();
-  try {
-    const { t } = useTranslation13(meta.id);
-    return /* @__PURE__ */ React13.createElement(Tooltip2.Trigger, {
-      asChild: true,
-      content: t("presence label", {
-        count
-      }),
-      side: "bottom"
-    }, /* @__PURE__ */ React13.createElement(AttentionGlyph, {
-      attended,
-      containsAttended,
-      presence: count > 1 ? "many" : count === 1 ? "one" : "none",
-      classNames: "self-center mie-1"
-    }));
-  } finally {
-    _effect.f();
-  }
-};
-
-// src/components/SpacePluginSettings.tsx
-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 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 = _useSignals14();
-  try {
-    const { t } = useTranslation14(meta.id);
-    const client = useClient6();
-    const spaces = useSpaces2({
-      all: settings.showHidden
-    });
-    const { dispatchPromise: dispatch } = useIntentDispatcher8();
-    return /* @__PURE__ */ React14.createElement(ControlPage3, null, /* @__PURE__ */ React14.createElement(ControlSection3, {
-      title: t("space settings label"),
-      description: t("space settings description")
-    }, /* @__PURE__ */ React14.createElement(ControlGroup, null, /* @__PURE__ */ React14.createElement(ControlItemInput2, {
-      title: t("show hidden spaces label")
-    }, /* @__PURE__ */ React14.createElement(Input4.Switch, {
-      checked: settings.showHidden,
-      onCheckedChange: (checked) => settings.showHidden = !!checked
-    }))), /* @__PURE__ */ React14.createElement(List2, {
-      classNames: [
-        controlItemClasses2,
-        "flex flex-col gap-trimSm"
-      ]
-    }, spaces.map((space) => /* @__PURE__ */ React14.createElement(ListItem2.Root, {
-      key: space.id,
-      classNames: "is-full items-center"
-    }, /* @__PURE__ */ React14.createElement(ListItem2.Heading, {
-      classNames: "grow truncate !min-bs-0"
-    }, toLocalizedString3(getSpaceDisplayName(space, {
-      personal: space === client.spaces.default
-    }), t)), /* @__PURE__ */ React14.createElement(IconButton, {
-      icon: "ph--faders--regular",
-      onClick: () => dispatch(createIntent8(SpaceAction.OpenSettings, {
-        space
-      })),
-      label: t("open space settings label")
-    }))))));
-  } finally {
-    _effect.f();
-  }
-};
-
-// src/components/SpaceSettings/SpaceSettingsContainer.tsx
-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 } 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 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({
-    title: "Archive space"
-  })
-})));
-var SpaceSettingsContainer = ({ space }) => {
-  var _effect = _useSignals15();
-  try {
-    const { t } = useTranslation15(meta.id);
-    const { dispatchPromise: dispatch } = useIntentDispatcher9();
-    const client = useClient7();
-    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: 52,
-          S: void 0,
-          C: (f, a) => f(...a)
-        });
-        setEdgeReplication(!next);
-      });
-    }, [
-      space
-    ]);
-    const handleSave = useCallback10((properties) => {
-      void toggleEdgeReplication(properties.edgeReplication);
-      if (properties.name !== space.properties.name) {
-        space.properties.name = properties.name;
-      }
-      if (properties.icon !== space.properties.icon) {
-        space.properties.icon = properties.icon;
-      }
-      if (properties.hue !== space.properties.hue) {
-        space.properties.hue = properties.hue;
-      }
-      if (properties.archived && !archived) {
-        void dispatch(Function2.pipe(createIntent9(SpaceAction.Close, {
-          space
-        }), chain2(LayoutAction7.SwitchWorkspace, {
-          part: "workspace",
-          subject: client.spaces.default.id
-        })));
-      } else if (!properties.archived && archived) {
-        void dispatch(createIntent9(SpaceAction.Open, {
-          space
-        }));
-      }
-    }, [
-      space,
-      toggleEdgeReplication,
-      archived
-    ]);
-    const values = useMemo2(() => ({
-      name: space.properties.name,
-      icon: space.properties.icon,
-      hue: space.properties.hue,
-      edgeReplication,
-      archived
-    }), [
-      space.properties.name,
-      space.properties.icon,
-      space.properties.hue,
-      edgeReplication,
-      archived
-    ]);
-    const customElements = useMemo2(() => ({
-      name: ({ type, label, getValue, onValueChange }) => {
-        const handleChange = useCallback10(({ target: { value } }) => onValueChange(type, value), [
-          onValueChange,
-          type
-        ]);
-        return /* @__PURE__ */ React15.createElement(ControlItemInput3, {
-          title: label,
-          description: t("display name description")
-        }, /* @__PURE__ */ React15.createElement(Input5.TextInput, {
-          value: getValue(),
-          onChange: handleChange,
-          placeholder: t("display name input placeholder"),
-          classNames: "min-is-64"
-        }));
-      },
-      icon: ({ type, label, getValue, onValueChange }) => {
-        const handleChange = useCallback10((icon) => onValueChange(type, icon), [
-          onValueChange,
-          type
-        ]);
-        const handleReset = useCallback10(() => onValueChange(type, void 0), [
-          onValueChange,
-          type
-        ]);
-        return /* @__PURE__ */ React15.createElement(ControlItem, {
-          title: label,
-          description: t("icon description")
-        }, /* @__PURE__ */ React15.createElement(IconPicker, {
-          value: getValue(),
-          onChange: handleChange,
-          onReset: handleReset,
-          classNames: "justify-self-end",
-          iconSize: 5
-        }));
-      },
-      hue: ({ type, label, getValue, onValueChange }) => {
-        const handleChange = useCallback10((nextHue) => onValueChange(type, nextHue), [
-          onValueChange,
-          type
-        ]);
-        const handleReset = useCallback10(() => onValueChange(type, void 0), [
-          onValueChange,
-          type
-        ]);
-        return /* @__PURE__ */ React15.createElement(ControlItem, {
-          title: label,
-          description: t("hue description")
-        }, /* @__PURE__ */ React15.createElement(HuePicker, {
-          value: getValue(),
-          onChange: handleChange,
-          onReset: handleReset,
-          classNames: "[--hue-preview-size:1.25rem] justify-self-end"
-        }));
-      },
-      edgeReplication: ({ type, label, getValue, onValueChange }) => {
-        const handleChange = useCallback10((checked) => onValueChange(type, checked), [
-          onValueChange,
-          type
-        ]);
-        return /* @__PURE__ */ React15.createElement(ControlItemInput3, {
-          title: label,
-          description: t("edge replication description")
-        }, /* @__PURE__ */ React15.createElement(Input5.Switch, {
-          checked: getValue(),
-          onCheckedChange: handleChange,
-          classNames: "justify-self-end"
-        }));
-      },
-      archived: ({ type, label, getValue, onValueChange }) => {
-        const handleChange = useCallback10(() => onValueChange(type, !getValue()), [
-          onValueChange,
-          type,
-          getValue
-        ]);
-        return /* @__PURE__ */ React15.createElement(ControlItemInput3, {
-          title: label,
-          description: t("archive space description")
-        }, /* @__PURE__ */ React15.createElement(Button7, {
-          disabled: space === client.spaces.default,
-          onClick: handleChange
-        }, getValue() ? t("unarchive space label") : t("archive space label")));
-      }
-    }), [
-      t,
-      space
-    ]);
-    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__ */ React15.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]"
-    }))));
-  } finally {
-    _effect.f();
-  }
-};
-
-// src/components/SyncStatus/InlineSyncStatus.tsx
-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 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.ConnectionState.NOT_CONNECTED);
-  const client = useClient8();
-  useEffect5(() => {
-    client.services.services.EdgeAgentService?.queryEdgeStatus().subscribe(({ status: status2 }) => {
-      setStatus(status2.state);
-    });
-  }, [
-    client
-  ]);
-  return status;
-};
-var InlineSyncStatus = ({ space, open }) => {
-  var _effect = _useSignals16();
-  try {
-    const { t } = useTranslation16(meta.id);
-    const id = space.id;
-    const { hasAttention, isAncestor, isRelated } = useAttention2(id);
-    const isAttended = hasAttention || isAncestor || isRelated;
-    const { graph } = useAppGraph3();
-    const attended = useAttended2();
-    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.ConnectionState.CONNECTED;
-    const edgeSyncEnabled = space.internal.data.edgeReplication === EdgeReplicationSetting2.ENABLED;
-    const syncState = useSpaceSyncState(space);
-    const syncing = connectedToEdge && edgeSyncEnabled && syncState && syncState.missingOnLocal > 0;
-    return /* @__PURE__ */ React16.createElement(Tooltip3.Trigger, {
-      asChild: true,
-      content: t("syncing label"),
-      side: "bottom"
-    }, /* @__PURE__ */ React16.createElement(AttentionGlyph2, {
-      syncing,
-      attended: isAttended,
-      containsAttended,
-      classNames: "self-center mie-1"
-    }));
-  } finally {
-    _effect.f();
-  }
-};
-
-// src/components/SyncStatus/SyncStatus.tsx
-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, 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";
-var __dxlog_file5 = "/__w/dxos/dxos/packages/plugins/plugin-space/src/components/SyncStatus/save-tracker.ts";
-var createClientSaveTracker = (client, cb) => {
-  const CleanupFns = {};
-  const state = {};
-  const install = (spaces) => {
-    for (const space of spaces) {
-      if (state[space.id]) {
-        continue;
-      }
-      state[space.id] = "saved";
-      CleanupFns[space.id] = createSpaceSaveTracker(space, (s) => {
-        state[space.id] = s;
-        cb(Object.values(state).some((s2) => s2 === "saving") ? "saving" : "saved");
-      });
-    }
-  };
-  client.spaces.subscribe((spaces) => {
-    install(spaces);
-  });
-  install(client.spaces.get());
-  return () => {
-    for (const unsubscribe of Object.values(CleanupFns)) {
-      unsubscribe();
-    }
-  };
-};
-var createSpaceSaveTracker = (space, cb) => {
-  const ctx = new Context(void 0, {
-    F: __dxlog_file5,
-    L: 40
-  });
-  void space.waitUntilReady().then(() => {
-    if (ctx.disposed) {
-      return;
-    }
-    let hasUnsavedChanges = false;
-    let lastFlushPromise;
-    space.db.saveStateChanged.on(ctx, ({ unsavedDocuments }) => {
-      hasUnsavedChanges = unsavedDocuments.length > 0;
-    });
-    space.db.saveStateChanged.debounce(500).on(ctx, () => {
-      if (hasUnsavedChanges) {
-        lastFlushPromise = void 0;
-        cb("saving");
-      } else {
-        const flushPromise = space.db.flush();
-        lastFlushPromise = flushPromise;
-        void flushPromise.then(() => {
-          if (lastFlushPromise === flushPromise) {
-            cb("saved");
-          }
-        });
-      }
-    });
-  });
-  return () => {
-    void ctx.dispose();
-  };
-};
-
-// src/components/SyncStatus/status.ts
-var getStatus = ({ offline, saved, needsToUpload, needsToDownload }) => {
-  if (!saved) {
-    return "saving locally";
-  } else if (!offline && needsToDownload) {
-    return "downloading";
-  } else if (!offline && needsToUpload) {
-    return "uploading";
-  } else if (offline && !needsToUpload && !needsToDownload) {
-    return "offline persisted";
-  } else {
-    return "remote synced";
-  }
-};
-var getIcon = (status) => {
-  switch (status) {
-    case "saving locally":
-      return "ph--download--regular";
-    case "downloading":
-      return "ph--cloud-arrow-down--regular";
-    case "uploading":
-      return "ph--cloud-arrow-up--regular";
-    case "offline persisted":
-      return "ph--check-circle--regular";
-    case "remote synced":
-      return "ph--cloud-check--regular";
-  }
-};
-
-// src/components/SyncStatus/SyncStatus.tsx
-var SYNC_STALLED_TIMEOUT = 5e3;
-var SyncStatus = () => {
-  var _effect = _useSignals17();
-  try {
-    const client = useClient9();
-    const state = useSyncState();
-    const [saved, setSaved] = useState11(true);
-    useEffect6(() => {
-      return createClientSaveTracker(client, (state2) => {
-        setSaved(state2 === "saved");
-      });
-    }, []);
-    return /* @__PURE__ */ React17.createElement(SyncStatusIndicator, {
-      state,
-      saved
-    });
-  } finally {
-    _effect.f();
-  }
-};
-var SyncStatusIndicator = ({ state, saved }) => {
-  var _effect = _useSignals17();
-  try {
-    const { t } = useTranslation17(meta.id);
-    const summary = getSyncSummary(state);
-    const offline = Object.values(state).length === 0;
-    const needsToUpload = summary.differentDocuments > 0 || summary.missingOnRemote > 0;
-    const needsToDownload = summary.differentDocuments > 0 || summary.missingOnLocal > 0;
-    const status = getStatus({
-      offline,
-      saved,
-      needsToUpload,
-      needsToDownload
-    });
-    const [classNames, setClassNames] = useState11();
-    useEffect6(() => {
-      setClassNames(void 0);
-      if (offline || !needsToUpload && !needsToDownload) {
-        return;
-      }
-      const t2 = setTimeout(() => {
-        setClassNames("text-orange-500");
-      }, SYNC_STALLED_TIMEOUT);
-      return () => clearTimeout(t2);
-    }, [
-      offline,
-      needsToUpload,
-      needsToDownload
-    ]);
-    const title = t(`${status} label`);
-    const icon = /* @__PURE__ */ React17.createElement(Icon8, {
-      icon: getIcon(status),
-      classNames
-    });
-    return /* @__PURE__ */ React17.createElement(Popover3.Root, null, /* @__PURE__ */ React17.createElement(Popover3.Trigger, {
-      asChild: true
-    }, /* @__PURE__ */ React17.createElement(StatusBar.Item, {
-      title
-    }, 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 _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 { 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 { 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 = _useSignals18();
-  try {
-    const { dispatchPromise: dispatch } = useIntentDispatcher10();
-    const client = useClient10();
-    const space = getSpace4(view);
-    const typename = view.query ? getTypenameFromQuery2(view.query.ast) : void 0;
-    const schema = useSchema(client, space, typename);
-    const handleUpdateQuery = useCallback11((newQuery) => {
-      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)",
-          ""
-        ]
-      });
-      view.query.ast = newQuery;
-      schema.updateTypename(getTypenameFromQuery2(newQuery));
-    }, [
-      view,
-      schema
-    ]);
-    const handleDelete = useCallback11((fieldId) => {
-      void dispatch(createIntent10(SpaceAction.DeleteField, {
-        view,
-        fieldId
-      }));
-    }, [
-      dispatch,
-      view
-    ]);
-    if (!space || !schema) {
-      return null;
-    }
-    return /* @__PURE__ */ React18.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 } from "react";
-var CollectionMain = lazy(() => import("./CollectionMain-OUHGG6OC.mjs"));
-var ObjectDetailsPanel = lazy(() => import("./ObjectDetailsPanel-4SDHQVQU.mjs"));
-var ObjectSettingsContainer = lazy(() => import("./ObjectSettings-EU6F43RP.mjs"));
-var RecordMain = lazy(() => import("./RecordMain-SD76DGOR.mjs"));
-
-export {
-  AwaitingObject,
-  CREATE_OBJECT_DIALOG,
-  CreateObjectDialog,
-  CREATE_SPACE_DIALOG,
-  CreateSpaceDialog,
-  CollectionSection,
-  JOIN_DIALOG,
-  JoinDialog,
-  MembersContainer,
-  MenuFooter,
-  PersistenceStatus,
-  POPOVER_RENAME_OBJECT,
-  PopoverRenameObject,
-  POPOVER_RENAME_SPACE,
-  PopoverRenameSpace,
-  useQuerySpaceSchemas,
-  SchemaContainer,
-  SpacePresence,
-  FullPresence,
-  SmallPresenceLive,
-  SmallPresence,
-  SpacePluginSettings,
-  SpaceSettingsContainer,
-  InlineSyncStatus,
-  SyncStatus,
-  SyncStatusIndicator,
-  ViewEditor,
-  CollectionMain,
-  ObjectDetailsPanel,
-  ObjectSettingsContainer,
-  RecordMain
-};
-//# sourceMappingURL=chunk-KKPCCA5O.mjs.map