@dxos/plugin-space 0.8.3 → 0.8.4-main.03d5cd7b56

package/dist/lib/node/chunk-NCHF433F.cjs

@@ -1,1921 +0,0 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var chunk_NCHF433F_exports = {};
-__export(chunk_NCHF433F_exports, {
-  AppGraphBuilder: () => AppGraphBuilder,
-  AppGraphSerializer: () => AppGraphSerializer,
-  AwaitingObject: () => AwaitingObject,
-  CREATE_OBJECT_DIALOG: () => CREATE_OBJECT_DIALOG,
-  CREATE_SPACE_DIALOG: () => CREATE_SPACE_DIALOG,
-  CollectionMain: () => CollectionMain,
-  CollectionSection: () => CollectionSection,
-  CreateObjectDialog: () => CreateObjectDialog,
-  CreateSpaceDialog: () => CreateSpaceDialog,
-  FullPresence: () => FullPresence,
-  IdentityCreated: () => IdentityCreated,
-  InlineSyncStatus: () => InlineSyncStatus,
-  IntentResolver: () => IntentResolver,
-  JOIN_DIALOG: () => JOIN_DIALOG,
-  JoinDialog: () => JoinDialog,
-  MembersContainer: () => MembersContainer,
-  MenuFooter: () => MenuFooter,
-  ObjectSettingsContainer: () => ObjectSettingsContainer,
-  POPOVER_RENAME_OBJECT: () => POPOVER_RENAME_OBJECT,
-  POPOVER_RENAME_SPACE: () => POPOVER_RENAME_SPACE,
-  PersistenceStatus: () => PersistenceStatus,
-  PopoverRenameObject: () => PopoverRenameObject,
-  PopoverRenameSpace: () => PopoverRenameSpace,
-  ReactRoot: () => ReactRoot,
-  ReactSurface: () => ReactSurface,
-  SchemaContainer: () => SchemaContainer,
-  SchemaDefs: () => SchemaDefs,
-  SchemaTools: () => SchemaTools,
-  SmallPresence: () => SmallPresence,
-  SmallPresenceLive: () => SmallPresenceLive,
-  SpacePluginSettings: () => SpacePluginSettings,
-  SpacePresence: () => SpacePresence,
-  SpaceSettings: () => SpaceSettings,
-  SpaceSettingsContainer: () => SpaceSettingsContainer,
-  SpaceState: () => SpaceState,
-  SpacesReady: () => SpacesReady,
-  SyncStatus: () => SyncStatus,
-  SyncStatusIndicator: () => SyncStatusIndicator,
-  useQuerySpaceSchemas: () => useQuerySpaceSchemas
-});
-module.exports = __toCommonJS(chunk_NCHF433F_exports);
-var import_chunk_5WLAXYE3 = require("./chunk-5WLAXYE3.cjs");
-var import_chunk_NL5Y4EDX = require("./chunk-NL5Y4EDX.cjs");
-var import_chunk_XHWVT7LW = require("./chunk-XHWVT7LW.cjs");
-var import_chunk_ULJZPATP = require("./chunk-ULJZPATP.cjs");
-var import_chunk_6P2DB4QQ = require("./chunk-6P2DB4QQ.cjs");
-var import_tracking = require("@preact-signals/safe-react/tracking");
-var import_react = require("@phosphor-icons/react");
-var import_react2 = __toESM(require("react"));
-var import_app_framework = require("@dxos/app-framework");
-var import_react_client = require("@dxos/react-client");
-var import_echo = require("@dxos/react-client/echo");
-var import_react_ui = require("@dxos/react-ui");
-var import_react_ui_theme = require("@dxos/react-ui-theme");
-var import_tracking2 = require("@preact-signals/safe-react/tracking");
-var import_effect = require("effect");
-var import_react3 = __toESM(require("react"));
-var import_app_framework2 = require("@dxos/app-framework");
-var import_echo2 = require("@dxos/echo");
-var import_invariant = require("@dxos/invariant");
-var import_react_client2 = require("@dxos/react-client");
-var import_echo3 = require("@dxos/react-client/echo");
-var import_react_ui2 = require("@dxos/react-ui");
-var import_react_ui_stack = require("@dxos/react-ui-stack");
-var import_schema = require("@dxos/schema");
-var import_util = require("@dxos/util");
-var import_tracking3 = require("@preact-signals/safe-react/tracking");
-var import_react4 = __toESM(require("react"));
-var import_echo4 = require("@dxos/echo");
-var import_echo_schema = require("@dxos/echo-schema");
-var import_react_ui3 = require("@dxos/react-ui");
-var import_react_ui_form = require("@dxos/react-ui-form");
-var import_react_ui_searchlist = require("@dxos/react-ui-searchlist");
-var import_react_ui_stack2 = require("@dxos/react-ui-stack");
-var import_util2 = require("@dxos/util");
-var import_app_framework3 = require("@dxos/app-framework");
-var import_tracking4 = require("@preact-signals/safe-react/tracking");
-var import_effect2 = require("effect");
-var import_react5 = __toESM(require("react"));
-var import_app_framework4 = require("@dxos/app-framework");
-var import_react_ui4 = require("@dxos/react-ui");
-var import_react_ui_form2 = require("@dxos/react-ui-form");
-var import_react_ui_stack3 = require("@dxos/react-ui-stack");
-var import_tracking5 = require("@preact-signals/safe-react/tracking");
-var import_react6 = __toESM(require("react"));
-var import_react_ui5 = require("@dxos/react-ui");
-var import_react_ui_theme2 = require("@dxos/react-ui-theme");
-var import_tracking6 = require("@preact-signals/safe-react/tracking");
-var import_react7 = __toESM(require("react"));
-var import_react_ui6 = require("@dxos/react-ui");
-var import_tracking7 = require("@preact-signals/safe-react/tracking");
-var import_react8 = __toESM(require("react"));
-var import_app_framework5 = require("@dxos/app-framework");
-var import_async = require("@dxos/async");
-var import_types = require("@dxos/plugin-observability/types");
-var import_react_client3 = require("@dxos/react-client");
-var import_react_ui7 = require("@dxos/react-ui");
-var import_react9 = require("@dxos/shell/react");
-var import_tracking8 = require("@preact-signals/safe-react/tracking");
-var import_react10 = require("@phosphor-icons/react");
-var import_react11 = __toESM(require("react"));
-var import_react_qr_rounded = require("react-qr-rounded");
-var import_app_framework6 = require("@dxos/app-framework");
-var import_echo5 = require("@dxos/echo");
-var import_log = require("@dxos/log");
-var import_react_client4 = require("@dxos/react-client");
-var import_echo6 = require("@dxos/react-client/echo");
-var import_invitations = require("@dxos/react-client/invitations");
-var import_react_ui8 = require("@dxos/react-ui");
-var import_react_ui_form3 = require("@dxos/react-ui-form");
-var import_react_ui_stack4 = require("@dxos/react-ui-stack");
-var import_react_ui_theme3 = require("@dxos/react-ui-theme");
-var import_schema2 = require("@dxos/schema");
-var import_react12 = require("@dxos/shell/react");
-var import_util3 = require("@dxos/util");
-var import_tracking9 = require("@preact-signals/safe-react/tracking");
-var import_react13 = require("@phosphor-icons/react");
-var import_react14 = __toESM(require("react"));
-var import_echo7 = require("@dxos/client/echo");
-var import_react_client5 = require("@dxos/react-client");
-var import_react_ui9 = require("@dxos/react-ui");
-var import_tracking10 = require("@preact-signals/safe-react/tracking");
-var import_react15 = __toESM(require("react"));
-var import_app_framework7 = require("@dxos/app-framework");
-var import_react_ui10 = require("@dxos/react-ui");
-var import_react_ui_stack5 = require("@dxos/react-ui-stack");
-var import_tracking11 = require("@preact-signals/safe-react/tracking");
-var import_react16 = __toESM(require("react"));
-var import_react_ui11 = require("@dxos/react-ui");
-var import_tracking12 = require("@preact-signals/safe-react/tracking");
-var import_react17 = require("@phosphor-icons/react");
-var import_react18 = __toESM(require("react"));
-var import_async2 = require("@dxos/async");
-var import_react_ui12 = require("@dxos/react-ui");
-var import_react_ui_theme4 = require("@dxos/react-ui-theme");
-var import_tracking13 = require("@preact-signals/safe-react/tracking");
-var import_react19 = __toESM(require("react"));
-var import_app_framework8 = require("@dxos/app-framework");
-var import_log2 = require("@dxos/log");
-var import_react_ui13 = require("@dxos/react-ui");
-var import_tracking14 = require("@preact-signals/safe-react/tracking");
-var import_react20 = __toESM(require("react"));
-var import_app_framework9 = require("@dxos/app-framework");
-var import_react_ui14 = require("@dxos/react-ui");
-var import_tracking15 = require("@preact-signals/safe-react/tracking");
-var import_react21 = __toESM(require("react"));
-var import_react_ui15 = require("@dxos/react-ui");
-var import_react_ui_form4 = require("@dxos/react-ui-form");
-var import_react_ui_stack6 = require("@dxos/react-ui-stack");
-var import_tracking16 = require("@preact-signals/safe-react/tracking");
-var import_effect3 = require("effect");
-var import_react22 = __toESM(require("react"));
-var import_app_framework10 = require("@dxos/app-framework");
-var import_display_name = require("@dxos/display-name");
-var import_react_client6 = require("@dxos/react-client");
-var import_echo8 = require("@dxos/react-client/echo");
-var import_halo = require("@dxos/react-client/halo");
-var import_react_ui16 = require("@dxos/react-ui");
-var import_react_ui_attention = require("@dxos/react-ui-attention");
-var import_util4 = require("@dxos/util");
-var import_tracking17 = require("@preact-signals/safe-react/tracking");
-var import_react23 = __toESM(require("react"));
-var import_app_framework11 = require("@dxos/app-framework");
-var import_react_client7 = require("@dxos/react-client");
-var import_echo9 = require("@dxos/react-client/echo");
-var import_react_ui17 = require("@dxos/react-ui");
-var import_react_ui_form5 = require("@dxos/react-ui-form");
-var import_tracking18 = require("@preact-signals/safe-react/tracking");
-var import_effect4 = require("effect");
-var import_react24 = __toESM(require("react"));
-var import_app_framework12 = require("@dxos/app-framework");
-var import_log3 = require("@dxos/log");
-var import_metadata = require("@dxos/protocols/proto/dxos/echo/metadata");
-var import_react_client8 = require("@dxos/react-client");
-var import_echo10 = require("@dxos/react-client/echo");
-var import_react_ui18 = require("@dxos/react-ui");
-var import_react_ui_form6 = require("@dxos/react-ui-form");
-var import_react_ui_pickers = require("@dxos/react-ui-pickers");
-var import_react_ui_stack7 = require("@dxos/react-ui-stack");
-var import_tracking19 = require("@preact-signals/safe-react/tracking");
-var import_effect5 = require("effect");
-var import_react25 = __toESM(require("react"));
-var import_app_framework13 = require("@dxos/app-framework");
-var import_services = require("@dxos/protocols/proto/dxos/client/services");
-var import_metadata2 = require("@dxos/protocols/proto/dxos/echo/metadata");
-var import_react_client9 = require("@dxos/react-client");
-var import_echo11 = require("@dxos/react-client/echo");
-var import_react_ui19 = require("@dxos/react-ui");
-var import_react_ui_attention2 = require("@dxos/react-ui-attention");
-var import_tracking20 = require("@preact-signals/safe-react/tracking");
-var import_react26 = __toESM(require("react"));
-var import_plugin_status_bar = require("@dxos/plugin-status-bar");
-var import_react_client10 = require("@dxos/react-client");
-var import_echo12 = require("@dxos/react-client/echo");
-var import_react_ui20 = require("@dxos/react-ui");
-var import_context = require("@dxos/context");
-var WAIT_FOR_OBJECT_TIMEOUT = 18e4;
-var TOAST_TIMEOUT = 24e4;
-var AwaitingObject = ({ id }) => {
-  var _effect = (0, import_tracking.useSignals)();
-  try {
-    const [open, setOpen] = (0, import_react2.useState)(true);
-    const [waiting, setWaiting] = (0, import_react2.useState)(true);
-    const [found, setFound] = (0, import_react2.useState)(false);
-    const { t } = (0, import_react_ui.useTranslation)(import_chunk_6P2DB4QQ.SPACE_PLUGIN);
-    const { dispatchPromise: dispatch } = (0, import_app_framework.useIntentDispatcher)();
-    const layout = (0, import_app_framework.useLayout)();
-    const client = (0, import_react_client.useClient)();
-    const objects = (0, import_echo.useQuery)(client.spaces, import_echo.Filter.everything());
-    (0, import_react2.useEffect)(() => {
-      if (!id) {
-        return;
-      }
-      const timeout = setTimeout(() => {
-        setWaiting(false);
-      }, WAIT_FOR_OBJECT_TIMEOUT);
-      () => clearTimeout(timeout);
-    }, [
-      id
-    ]);
-    (0, import_react2.useEffect)(() => {
-      if (objects.findIndex((object) => (0, import_echo.fullyQualifiedId)(object) === id) > -1) {
-        setFound(true);
-        if (layout.active.includes(id)) {
-          setOpen(false);
-        }
-      }
-    }, [
-      id,
-      objects,
-      layout
-    ]);
-    const handleClose = (0, import_react2.useCallback)(async () => dispatch((0, import_app_framework.createIntent)(import_chunk_ULJZPATP.SpaceAction.WaitForObject, {
-      id: void 0
-    })), [
-      dispatch
-    ]);
-    const handleNavigate = (0, import_react2.useCallback)(() => {
-      void dispatch((0, import_app_framework.createIntent)(import_app_framework.LayoutAction.Open, {
-        part: "main",
-        subject: [
-          id
-        ]
-      }));
-      void handleClose();
-    }, [
-      id,
-      handleClose,
-      dispatch
-    ]);
-    return /* @__PURE__ */ import_react2.default.createElement(import_react_ui.Toast.Root, {
-      open,
-      duration: TOAST_TIMEOUT,
-      onOpenChange: setOpen
-    }, /* @__PURE__ */ import_react2.default.createElement(import_react_ui.Toast.Body, null, /* @__PURE__ */ import_react2.default.createElement(import_react_ui.Toast.Title, {
-      classNames: "flex items-center gap-2"
-    }, found ? /* @__PURE__ */ import_react2.default.createElement(import_react2.default.Fragment, null, /* @__PURE__ */ import_react2.default.createElement(import_react.CheckCircle, {
-      className: (0, import_react_ui_theme.getSize)(5)
-    }), /* @__PURE__ */ import_react2.default.createElement("span", null, t("found object label"))) : waiting ? /* @__PURE__ */ import_react2.default.createElement(import_react2.default.Fragment, null, /* @__PURE__ */ import_react2.default.createElement(import_react.CircleNotch, {
-      className: (0, import_react_ui_theme.mx)((0, import_react_ui_theme.getSize)(5), "animate-spin")
-    }), /* @__PURE__ */ import_react2.default.createElement("span", null, t("waiting for object label"))) : /* @__PURE__ */ import_react2.default.createElement(import_react2.default.Fragment, null, /* @__PURE__ */ import_react2.default.createElement(import_react.CircleDashed, {
-      className: (0, import_react_ui_theme.getSize)(5)
-    }), /* @__PURE__ */ import_react2.default.createElement("span", null, t("object not found label")))), /* @__PURE__ */ import_react2.default.createElement(import_react_ui.Toast.Description, null, t(found ? "found object description" : waiting ? "waiting for object description" : "object not found description"))), /* @__PURE__ */ import_react2.default.createElement(import_react_ui.Toast.Actions, null, found ? /* @__PURE__ */ import_react2.default.createElement(import_react2.default.Fragment, null, /* @__PURE__ */ import_react2.default.createElement(import_react_ui.Toast.Action, {
-      altText: t("go to object alt"),
-      asChild: true
-    }, /* @__PURE__ */ import_react2.default.createElement(import_react_ui.Button, {
-      variant: "primary",
-      onClick: handleNavigate
-    }, t("go to object label"))), /* @__PURE__ */ import_react2.default.createElement(import_react_ui.Toast.Close, {
-      asChild: true
-    }, /* @__PURE__ */ import_react2.default.createElement(import_react_ui.Button, {
-      onClick: handleClose
-    }, t("close label", {
-      ns: "appkit"
-    })))) : /* @__PURE__ */ import_react2.default.createElement(import_react_ui.Toast.Close, {
-      asChild: true
-    }, /* @__PURE__ */ import_react2.default.createElement(import_react_ui.Button, {
-      onClick: handleClose
-    }, t(waiting ? "close label" : "confirm label", {
-      ns: "appkit"
-    })))));
-  } finally {
-    _effect.f();
-  }
-};
-var CreateObjectPanel = ({ forms, spaces, typename, target, name: initialName, defaultSpaceId, resolve, onTargetChange, onTypenameChange, onCreateObject }) => {
-  var _effect = (0, import_tracking3.useSignals)();
-  try {
-    const { t } = (0, import_react_ui3.useTranslation)(import_chunk_6P2DB4QQ.SPACE_PLUGIN);
-    const form = forms.find((form2) => import_echo4.Type.getTypename(form2.objectSchema) === typename);
-    const options = forms.map((form2) => (0, import_echo_schema.getTypeAnnotation)(form2.objectSchema)).filter(import_util2.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 = (0, import_react4.useCallback)(async (props) => {
-      if (!form) {
-        return;
-      }
-      await onCreateObject?.({
-        form,
-        data: props
-      });
-    }, [
-      onCreateObject,
-      form
-    ]);
-    const handleSetTypename = (0, import_react4.useCallback)(async (typename2) => {
-      const form2 = forms.find((form3) => (0, import_echo_schema.getTypeAnnotation)(form3.objectSchema)?.typename === typename2);
-      if (form2 && !form2.formSchema) {
-        await onCreateObject?.({
-          form: form2
-        });
-      } else {
-        onTypenameChange?.(typename2);
-      }
-    }, [
-      forms,
-      onCreateObject
-    ]);
-    const inputSurfaceLookup = (0, import_chunk_5WLAXYE3.useInputSurfaceLookup)({
-      target
-    });
-    return !form ? /* @__PURE__ */ import_react4.default.createElement(SelectSchema, {
-      options,
-      resolve,
-      onChange: handleSetTypename
-    }) : !target ? /* @__PURE__ */ import_react4.default.createElement(SelectSpace, {
-      spaces,
-      defaultSpaceId,
-      onChange: onTargetChange
-    }) : form.formSchema ? /* @__PURE__ */ import_react4.default.createElement("div", {
-      role: "none",
-      className: import_react_ui_stack2.cardDialogOverflow
-    }, /* @__PURE__ */ import_react4.default.createElement(import_react_ui_form.Form, {
-      autoFocus: true,
-      values: {
-        name: initialName
-      },
-      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 = (0, import_tracking3.useSignals)();
-  try {
-    const { t } = (0, import_react_ui3.useTranslation)(import_chunk_6P2DB4QQ.SPACE_PLUGIN);
-    return /* @__PURE__ */ import_react4.default.createElement(import_react_ui_searchlist.SearchList.Root, {
-      label: t("space input label"),
-      classNames: import_react_ui_stack2.cardDialogSearchListRoot
-    }, /* @__PURE__ */ import_react4.default.createElement(import_react_ui_searchlist.SearchList.Input, {
-      autoFocus: true,
-      "data-testid": "create-object-form.space-input",
-      placeholder: t("space input placeholder")
-    }), /* @__PURE__ */ import_react4.default.createElement(import_react_ui_searchlist.SearchList.Content, {
-      classNames: [
-        import_react_ui_stack2.cardDialogOverflow,
-        "plb-cardSpacingBlock"
-      ]
-    }, spaces.sort((a, b) => {
-      const aName = (0, import_react_ui3.toLocalizedString)((0, import_chunk_XHWVT7LW.getSpaceDisplayName)(a, {
-        personal: a.id === defaultSpaceId
-      }), t);
-      const bName = (0, import_react_ui3.toLocalizedString)((0, import_chunk_XHWVT7LW.getSpaceDisplayName)(b, {
-        personal: b.id === defaultSpaceId
-      }), t);
-      return aName.localeCompare(bName);
-    }).map((space) => /* @__PURE__ */ import_react4.default.createElement(import_react_ui_searchlist.SearchList.Item, {
-      key: space.id,
-      value: (0, import_react_ui3.toLocalizedString)((0, import_chunk_XHWVT7LW.getSpaceDisplayName)(space, {
-        personal: space.id === defaultSpaceId
-      }), t),
-      onSelect: () => onChange?.(space),
-      classNames: "flex items-center gap-2"
-    }, /* @__PURE__ */ import_react4.default.createElement("span", {
-      className: "grow truncate"
-    }, (0, import_react_ui3.toLocalizedString)((0, import_chunk_XHWVT7LW.getSpaceDisplayName)(space, {
-      personal: space.id === defaultSpaceId
-    }), t))))));
-  } finally {
-    _effect.f();
-  }
-};
-var SelectSchema = ({ options, resolve, onChange }) => {
-  var _effect = (0, import_tracking3.useSignals)();
-  try {
-    const { t } = (0, import_react_ui3.useTranslation)(import_chunk_6P2DB4QQ.SPACE_PLUGIN);
-    return /* @__PURE__ */ import_react4.default.createElement(import_react_ui_searchlist.SearchList.Root, {
-      label: t("schema input label"),
-      classNames: import_react_ui_stack2.cardDialogSearchListRoot
-    }, /* @__PURE__ */ import_react4.default.createElement(import_react_ui_searchlist.SearchList.Input, {
-      autoFocus: true,
-      "data-testid": "create-object-form.schema-input",
-      placeholder: t("schema input placeholder")
-    }), /* @__PURE__ */ import_react4.default.createElement(import_react_ui_searchlist.SearchList.Content, {
-      classNames: import_react_ui_stack2.cardDialogPaddedOverflow
-    }, options.map((option) => /* @__PURE__ */ import_react4.default.createElement(import_react_ui_searchlist.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__ */ import_react4.default.createElement("span", {
-      className: "flex gap-2 items-center grow truncate"
-    }, /* @__PURE__ */ import_react4.default.createElement(import_react_ui3.Icon, {
-      icon: resolve?.(option.typename).icon ?? "ph--placeholder--regular",
-      size: 5
-    }), t("typename label", {
-      ns: option.typename,
-      defaultValue: option.typename
-    }))))));
-  } finally {
-    _effect.f();
-  }
-};
-var AppGraphBuilder = (0, import_app_framework3.lazy)(() => import("./app-graph-builder-6LK5HLLE.cjs"));
-var AppGraphSerializer = (0, import_app_framework3.lazy)(() => import("./app-graph-serializer-HKHBNHA3.cjs"));
-var IdentityCreated = (0, import_app_framework3.lazy)(() => import("./identity-created-FF4WZ2WY.cjs"));
-var IntentResolver = (0, import_app_framework3.lazy)(() => import("./intent-resolver-AV4CMM3Z.cjs"));
-var ReactRoot = (0, import_app_framework3.lazy)(() => import("./react-root-RQUU3A45.cjs"));
-var ReactSurface = (0, import_app_framework3.lazy)(() => import("./react-surface-AZFJLE72.cjs"));
-var SchemaDefs = (0, import_app_framework3.lazy)(() => import("./schema-defs-OB2X2HBH.cjs"));
-var SchemaTools = (0, import_app_framework3.lazy)(() => import("./schema-tools-IYREN4IH.cjs"));
-var SpaceSettings = (0, import_app_framework3.lazy)(() => import("./settings-P2EQ7VKQ.cjs"));
-var SpaceState = (0, import_app_framework3.lazy)(() => import("./state-M35DK75Z.cjs"));
-var SpacesReady = (0, import_app_framework3.lazy)(() => import("./spaces-ready-DXPOHYV7.cjs"));
-var __dxlog_file = "/home/runner/work/dxos/dxos/packages/plugins/plugin-space/src/components/CreateDialog/CreateObjectDialog.tsx";
-var CREATE_OBJECT_DIALOG = `${import_chunk_6P2DB4QQ.SPACE_PLUGIN}/CreateObjectDialog`;
-var CreateObjectDialog = ({ target: initialTarget, typename: initialTypename, name, shouldNavigate: _shouldNavigate }) => {
-  var _effect = (0, import_tracking2.useSignals)();
-  try {
-    const closeRef = (0, import_react3.useRef)(null);
-    const manager = (0, import_app_framework2.usePluginManager)();
-    const { t } = (0, import_react_ui2.useTranslation)(import_chunk_6P2DB4QQ.SPACE_PLUGIN);
-    const client = (0, import_react_client2.useClient)();
-    const spaces = (0, import_echo3.useSpaces)();
-    const { dispatchPromise: dispatch } = (0, import_app_framework2.useIntentDispatcher)();
-    const forms = (0, import_app_framework2.useCapabilities)(import_chunk_NL5Y4EDX.SpaceCapabilities.ObjectForm);
-    const [target, setTarget] = (0, import_react3.useState)(initialTarget);
-    const [typename, setTypename] = (0, import_react3.useState)(initialTypename);
-    const space = (0, import_echo3.isSpace)(target) ? target : (0, import_echo3.getSpace)(target);
-    const queryCollections = (0, import_echo3.useQuery)(space, import_echo2.Query.type(import_schema.DataType.QueryCollection));
-    const hiddenTypenames = queryCollections.map((collection) => collection.query.typename).filter(import_util.isNonNullable);
-    const resolve = (0, import_react3.useCallback)((typename2) => manager.context.getCapabilities(import_app_framework2.Capabilities.Metadata).find(({ id }) => id === typename2)?.metadata ?? {}, [
-      manager
-    ]);
-    const handleCreateObject = (0, import_react3.useCallback)(async ({ form, data = {} }) => {
-      if (!target) {
-        return;
-      }
-      closeRef.current?.click();
-      const space2 = (0, import_echo3.isSpace)(target) ? target : (0, import_echo3.getSpace)(target);
-      (0, import_invariant.invariant)(space2, "Missing space", {
-        F: __dxlog_file,
-        L: 73,
-        S: void 0,
-        A: [
-          "space",
-          "'Missing space'"
-        ]
-      });
-      const result = await dispatch(form.getIntent(data, {
-        space: space2
-      }));
-      const object = result.data?.object;
-      if ((0, import_echo3.isLiveObject)(object)) {
-        const hidden = form.hidden || hiddenTypenames.includes(import_echo2.Type.getTypename(form.objectSchema));
-        const addObjectIntent = (0, import_app_framework2.createIntent)(import_chunk_ULJZPATP.SpaceAction.AddObject, {
-          target,
-          object,
-          hidden
-        });
-        const shouldNavigate = _shouldNavigate ?? (() => true);
-        if (shouldNavigate(object)) {
-          await dispatch((0, import_effect.pipe)(addObjectIntent, (0, import_app_framework2.chain)(import_app_framework2.LayoutAction.Open, {
-            part: "main"
-          })));
-        } else {
-          await dispatch(addObjectIntent);
-        }
-      }
-    }, [
-      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__ */ import_react3.default.createElement(import_react_ui2.Dialog.Content, {
-        classNames: import_react_ui_stack.cardDialogContent
-      }, /* @__PURE__ */ import_react3.default.createElement("div", {
-        role: "none",
-        className: import_react_ui_stack.cardDialogHeader
-      }, /* @__PURE__ */ import_react3.default.createElement(import_react_ui2.Dialog.Title, null, t("create object dialog title", {
-        object: t("typename label", {
-          ns: typename,
-          defaultValue: "Item"
-        })
-      })), /* @__PURE__ */ import_react3.default.createElement(import_react_ui2.Dialog.Close, {
-        asChild: true
-      }, /* @__PURE__ */ import_react3.default.createElement(import_react_ui2.Button, {
-        ref: closeRef,
-        density: "fine",
-        variant: "ghost",
-        autoFocus: true
-      }, /* @__PURE__ */ import_react3.default.createElement(import_react_ui2.Icon, {
-        icon: "ph--x--regular",
-        size: 4
-      })))), /* @__PURE__ */ import_react3.default.createElement(CreateObjectPanel, {
-        forms,
-        spaces,
-        target,
-        typename,
-        name,
-        defaultSpaceId: client.spaces.default.id,
-        resolve,
-        onTargetChange: setTarget,
-        onTypenameChange: setTypename,
-        onCreateObject: handleCreateObject
-      }))
-    );
-  } finally {
-    _effect.f();
-  }
-};
-var CREATE_SPACE_DIALOG = `${import_chunk_6P2DB4QQ.SPACE_PLUGIN}/CreateSpaceDialog`;
-var initialValues = {
-  edgeReplication: true
-};
-var CreateSpaceDialog = () => {
-  var _effect = (0, import_tracking4.useSignals)();
-  try {
-    const closeRef = (0, import_react5.useRef)(null);
-    const { t } = (0, import_react_ui4.useTranslation)(import_chunk_6P2DB4QQ.SPACE_PLUGIN);
-    const { dispatch } = (0, import_app_framework4.useIntentDispatcher)();
-    const inputSurfaceLookup = (0, import_chunk_5WLAXYE3.useInputSurfaceLookup)();
-    const handleCreateSpace = (0, import_react5.useCallback)(async (data) => {
-      const program = import_effect2.Effect.gen(function* () {
-        const { space } = yield* dispatch((0, import_app_framework4.createIntent)(import_chunk_ULJZPATP.SpaceAction.Create, data));
-        yield* dispatch((0, import_app_framework4.createIntent)(import_app_framework4.LayoutAction.SwitchWorkspace, {
-          part: "workspace",
-          subject: space.id
-        }));
-        yield* dispatch((0, import_app_framework4.createIntent)(import_app_framework4.LayoutAction.UpdateDialog, {
-          part: "dialog",
-          options: {
-            state: false
-          }
-        }));
-      });
-      await import_effect2.Effect.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__ */ import_react5.default.createElement(import_react_ui4.Dialog.Content, {
-        classNames: import_react_ui_stack3.cardDialogContent
-      }, /* @__PURE__ */ import_react5.default.createElement("div", {
-        role: "none",
-        className: import_react_ui_stack3.cardDialogHeader
-      }, /* @__PURE__ */ import_react5.default.createElement(import_react_ui4.Dialog.Title, null, t("create space dialog title")), /* @__PURE__ */ import_react5.default.createElement(import_react_ui4.Dialog.Close, {
-        asChild: true
-      }, /* @__PURE__ */ import_react5.default.createElement(import_react_ui4.Button, {
-        ref: closeRef,
-        density: "fine",
-        variant: "ghost",
-        autoFocus: true
-      }, /* @__PURE__ */ import_react5.default.createElement(import_react_ui4.Icon, {
-        icon: "ph--x--regular",
-        size: 4
-      })))), /* @__PURE__ */ import_react5.default.createElement("div", {
-        role: "none",
-        className: "contents"
-      }, /* @__PURE__ */ import_react5.default.createElement(import_react_ui_form2.Form, {
-        testId: "create-space-form",
-        autoFocus: true,
-        values: initialValues,
-        schema: import_chunk_ULJZPATP.SpaceForm,
-        lookupComponent: inputSurfaceLookup,
-        onSave: handleCreateSpace,
-        outerSpacing: "scroll-fields"
-      })))
-    );
-  } finally {
-    _effect.f();
-  }
-};
-var CollectionMain = ({ collection }) => {
-  var _effect = (0, import_tracking5.useSignals)();
-  try {
-    const { t } = (0, import_react_ui5.useTranslation)(import_chunk_6P2DB4QQ.SPACE_PLUGIN);
-    return /* @__PURE__ */ import_react6.default.createElement("div", {
-      role: "none",
-      className: (0, import_react_ui_theme2.mx)(import_react_ui_theme2.baseSurface, "min-bs-screen is-full flex items-center justify-center p-8"),
-      "data-testid": "composer.firstRunMessage"
-    }, /* @__PURE__ */ import_react6.default.createElement("p", {
-      role: "alert",
-      className: (0, import_react_ui_theme2.mx)(import_react_ui_theme2.descriptionMessage, "rounded-md p-8 font-normal text-lg max-is-[24rem] break-words")
-    }, collection.name ?? t("unnamed collection label")));
-  } finally {
-    _effect.f();
-  }
-};
-var CollectionSection = ({ collection }) => {
-  var _effect = (0, import_tracking6.useSignals)();
-  try {
-    const { t } = (0, import_react_ui6.useTranslation)(import_chunk_6P2DB4QQ.SPACE_PLUGIN);
-    return /* @__PURE__ */ import_react7.default.createElement("div", {
-      className: "min-bs-[3.5rem] grid grid-rows-subgrid grid-cols-subgrid items-center"
-    }, /* @__PURE__ */ import_react7.default.createElement("span", {
-      className: "truncate"
-    }, collection.name ?? t("unnamed collection label")));
-  } finally {
-    _effect.f();
-  }
-};
-var JOIN_DIALOG = `${import_chunk_6P2DB4QQ.SPACE_PLUGIN}/JoinDialog`;
-var JoinDialog = ({ navigableCollections, onDone, ...props }) => {
-  var _effect = (0, import_tracking7.useSignals)();
-  try {
-    const { dispatchPromise: dispatch } = (0, import_app_framework5.useIntentDispatcher)();
-    const client = (0, import_react_client3.useClient)();
-    const { graph } = (0, import_app_framework5.useAppGraph)();
-    const { t } = (0, import_react_ui7.useTranslation)(import_chunk_6P2DB4QQ.SPACE_PLUGIN);
-    const handleDone = (0, import_react8.useCallback)(async (result) => {
-      const spaceKey = result?.spaceKey;
-      if (!spaceKey) {
-        return;
-      }
-      await Promise.all([
-        dispatch((0, import_app_framework5.createIntent)(import_app_framework5.LayoutAction.AddToast, {
-          part: "toast",
-          subject: {
-            id: `${import_chunk_6P2DB4QQ.SPACE_PLUGIN}/join-success`,
-            duration: 5e3,
-            title: [
-              "join success label",
-              {
-                ns: import_chunk_6P2DB4QQ.SPACE_PLUGIN
-              }
-            ],
-            closeLabel: [
-              "dismiss label",
-              {
-                ns: import_chunk_6P2DB4QQ.SPACE_PLUGIN
-              }
-            ]
-          }
-        })),
-        dispatch((0, import_app_framework5.createIntent)(import_app_framework5.LayoutAction.UpdateDialog, {
-          part: "dialog",
-          options: {
-            state: false
-          }
-        }))
-      ]);
-      let space = client.spaces.get(spaceKey);
-      if (!space) {
-        const trigger = new import_async.Trigger();
-        client.spaces.subscribe(() => {
-          const space2 = client.spaces.get(spaceKey);
-          if (space2) {
-            trigger.wake(space2);
-          }
-        });
-        space = await trigger.wait();
-      }
-      await dispatch((0, import_app_framework5.createIntent)(import_app_framework5.LayoutAction.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((0, import_app_framework5.createIntent)(import_app_framework5.LayoutAction.Open, {
-            part: "main",
-            subject: [
-              target
-            ]
-          })),
-          dispatch((0, import_app_framework5.createIntent)(import_app_framework5.LayoutAction.Expose, {
-            part: "navigation",
-            subject: target
-          }))
-        ]);
-      }
-      await onDone?.(result);
-      if (space) {
-        await dispatch((0, import_app_framework5.createIntent)(import_types.ObservabilityAction.SendEvent, {
-          name: "space.join",
-          properties: {
-            spaceId: space.id
-          }
-        }));
-      }
-    }, [
-      dispatch,
-      client,
-      graph
-    ]);
-    return /* @__PURE__ */ import_react8.default.createElement(import_react_ui7.Dialog.Content, null, /* @__PURE__ */ import_react8.default.createElement(import_react_ui7.Dialog.Title, {
-      classNames: "sr-only"
-    }, t("join space label", {
-      ns: "os"
-    })), /* @__PURE__ */ import_react8.default.createElement(import_react9.JoinPanel, {
-      ...props,
-      exitActionParent: /* @__PURE__ */ import_react8.default.createElement(import_react_ui7.Dialog.Close, {
-        asChild: true
-      }),
-      doneActionParent: /* @__PURE__ */ import_react8.default.createElement(import_react_ui7.Dialog.Close, {
-        asChild: true
-      }),
-      onDone: handleDone
-    }));
-  } finally {
-    _effect.f();
-  }
-};
-var __dxlog_file2 = "/home/runner/work/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 = import_invitations.InvitationEncoder.encode(invitation);
-  if (invitation.state === import_invitations.Invitation.State.CONNECTING) {
-    import_log.log.info(JSON.stringify({
-      invitationCode,
-      authCode: invitation.authCode
-    }), void 0, {
-      F: __dxlog_file2,
-      L: 42,
-      S: void 0,
-      C: (f, a) => f(...a)
-    });
-    subscription.unsubscribe();
-  }
-};
-var MembersContainer = ({ space, createInvitationUrl }) => {
-  var _effect = (0, import_tracking8.useSignals)();
-  try {
-    const { t } = (0, import_react_ui8.useTranslation)(import_chunk_6P2DB4QQ.SPACE_PLUGIN);
-    const config = (0, import_react_client4.useConfig)();
-    const { dispatchPromise: dispatch } = (0, import_app_framework6.useIntentDispatcher)();
-    const invitations = (0, import_echo6.useSpaceInvitations)(space.key);
-    const visibleInvitations = invitations?.filter((invitation) => ![
-      import_invitations.Invitation.State.CANCELLED
-    ].includes(invitation.get().state));
-    const [activeAction, setInternalActiveAction] = (0, import_react11.useState)(localStorage.getItem(activeActionKey) ?? "inviteMany");
-    const setActiveAction = (nextAction) => {
-      setInternalActiveAction(nextAction);
-      localStorage.setItem(activeActionKey, nextAction);
-    };
-    const target = space.properties[import_echo5.Type.getTypename(import_schema2.DataType.Collection)]?.target?.objects[0]?.target;
-    const locked = space.properties[import_chunk_XHWVT7LW.COMPOSER_SPACE_LOCK];
-    const handleChangeLocked = (0, import_react11.useCallback)(() => {
-      space.properties[import_chunk_XHWVT7LW.COMPOSER_SPACE_LOCK] = !locked;
-    }, [
-      locked,
-      space
-    ]);
-    const inviteActions = (0, import_react11.useMemo)(() => ({
-      inviteOne: {
-        label: t("invite one label", {
-          ns: "os"
-        }),
-        description: t("invite one description", {
-          ns: "os"
-        }),
-        icon: () => /* @__PURE__ */ import_react11.default.createElement(import_react_ui8.Icon, {
-          icon: "ph--user-plus--regular",
-          size: 5
-        }),
-        testId: "membersContainer.inviteOne",
-        onClick: async () => {
-          const { data: invitation } = await dispatch((0, import_app_framework6.createIntent)(import_chunk_ULJZPATP.SpaceAction.Share, {
-            space,
-            type: import_invitations.Invitation.Type.INTERACTIVE,
-            authMethod: import_invitations.Invitation.AuthMethod.SHARED_SECRET,
-            multiUse: false,
-            target: target && (0, import_echo6.fullyQualifiedId)(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: () => /* @__PURE__ */ import_react11.default.createElement(import_react_ui8.Icon, {
-          icon: "ph--users-three--regular",
-          size: 5
-        }),
-        testId: "membersContainer.inviteMany",
-        onClick: async () => {
-          const { data: invitation } = await dispatch((0, import_app_framework6.createIntent)(import_chunk_ULJZPATP.SpaceAction.Share, {
-            space,
-            type: import_invitations.Invitation.Type.DELEGATED,
-            authMethod: import_invitations.Invitation.AuthMethod.KNOWN_PUBLIC_KEY,
-            multiUse: true,
-            target: target && (0, import_echo6.fullyQualifiedId)(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] = (0, import_react11.useState)(null);
-    const handleSend = (event) => {
-      setSelectedInvitation(event.invitation);
-    };
-    const handleBack = () => {
-      setSelectedInvitation(null);
-    };
-    return /* @__PURE__ */ import_react11.default.createElement(import_react_ui8.Clipboard.Provider, null, /* @__PURE__ */ import_react11.default.createElement(import_react_ui_stack4.StackItem.Content, {
-      classNames: "block overflow-y-auto"
-    }, /* @__PURE__ */ import_react11.default.createElement(import_react_ui_form3.ControlPage, null, /* @__PURE__ */ import_react11.default.createElement(import_react_ui_form3.ControlSection, {
-      title: t("members verbose label"),
-      description: t("members description")
-    }, /* @__PURE__ */ import_react11.default.createElement(import_react_ui_form3.ControlFrame, null, /* @__PURE__ */ import_react11.default.createElement(import_react_ui_form3.ControlFrameItem, {
-      title: t("members label")
-    }, /* @__PURE__ */ import_react11.default.createElement(import_react12.SpaceMemberList, {
-      spaceKey: space.key,
-      includeSelf: true
-    })), locked && /* @__PURE__ */ import_react11.default.createElement(import_react_ui_form3.ControlFrameItem, {
-      title: t("invitations label")
-    }, /* @__PURE__ */ import_react11.default.createElement("p", {
-      className: "text-description mbe-2"
-    }, t("locked space description"))), !locked && /* @__PURE__ */ import_react11.default.createElement(import_react_ui_form3.ControlFrameItem, {
-      title: t("invitations label")
-    }, selectedInvitation && /* @__PURE__ */ import_react11.default.createElement(InvitationSection, {
-      ...selectedInvitation,
-      onBack: handleBack
-    }), !selectedInvitation && /* @__PURE__ */ import_react11.default.createElement(import_react11.default.Fragment, null, /* @__PURE__ */ import_react11.default.createElement("p", {
-      className: "text-description mbe-2"
-    }, t("space invitation description")), /* @__PURE__ */ import_react11.default.createElement(import_react12.InvitationList, {
-      className: "mb-2",
-      send: handleSend,
-      invitations: visibleInvitations ?? [],
-      onClickRemove: (invitation) => invitation.cancel(),
-      createInvitationUrl
-    }), /* @__PURE__ */ import_react11.default.createElement(import_react12.BifurcatedAction, {
-      actions: inviteActions,
-      activeAction,
-      onChangeActiveAction: setActiveAction,
-      "data-testid": "membersContainer.createInvitation"
-    })))), /* @__PURE__ */ import_react11.default.createElement("div", {
-      className: "justify-center gap-4 p-0 mbs-4 container-max-width grid grid-cols-1 md:grid-cols-[1fr_min-content]"
-    }, /* @__PURE__ */ import_react11.default.createElement(import_react_ui_form3.ControlItemInput, {
-      title: t("space locked label"),
-      description: t("space locked description")
-    }, /* @__PURE__ */ import_react11.default.createElement(import_react_ui8.Input.Switch, {
-      checked: locked,
-      onCheckedChange: handleChangeLocked,
-      classNames: "justify-self-end"
-    })))))));
-  } finally {
-    _effect.f();
-  }
-};
-var InvitationSection = ({ state = import_invitations.Invitation.State.INIT, authCode, invitationId = "never", url = "never", onBack }) => {
-  var _effect = (0, import_tracking8.useSignals)();
-  try {
-    const activeView = state < 0 ? "init" : state >= import_invitations.Invitation.State.CANCELLED ? "complete" : state >= import_invitations.Invitation.State.READY_FOR_AUTHENTICATION && authCode ? "auth-code" : "qr-code";
-    return /* @__PURE__ */ import_react11.default.createElement(import_react12.Viewport.Root, {
-      activeView
-    }, /* @__PURE__ */ import_react11.default.createElement(import_react12.Viewport.Views, null, /* @__PURE__ */ import_react11.default.createElement(import_react12.Viewport.View, {
-      id: "init"
-    }), /* @__PURE__ */ import_react11.default.createElement(import_react12.Viewport.View, {
-      id: "complete"
-    }, /* @__PURE__ */ import_react11.default.createElement(InvitationComplete, {
-      statusValue: state
-    })), /* @__PURE__ */ import_react11.default.createElement(import_react12.Viewport.View, {
-      id: "auth-code"
-    }, /* @__PURE__ */ import_react11.default.createElement(InvitationAuthCode, {
-      id: invitationId,
-      code: authCode ?? "never",
-      onCancel: onBack
-    })), /* @__PURE__ */ import_react11.default.createElement(import_react12.Viewport.View, {
-      id: "qr-code"
-    }, /* @__PURE__ */ import_react11.default.createElement(InvitationQR, {
-      id: invitationId,
-      url,
-      onCancel: onBack
-    }))));
-  } finally {
-    _effect.f();
-  }
-};
-var InvitationQR = ({ id, url, onCancel }) => {
-  var _effect = (0, import_tracking8.useSignals)();
-  try {
-    const { t } = (0, import_react_ui8.useTranslation)("os");
-    const qrLabel = (0, import_react_ui8.useId)("members-container__qr-code");
-    const emoji = (0, import_util3.hexToEmoji)(id);
-    return /* @__PURE__ */ import_react11.default.createElement(import_react11.default.Fragment, null, /* @__PURE__ */ import_react11.default.createElement("p", {
-      className: "text-description"
-    }, t("qr code description", {
-      ns: import_chunk_6P2DB4QQ.SPACE_PLUGIN
-    })), /* @__PURE__ */ import_react11.default.createElement("div", {
-      role: "group",
-      className: "grid grid-cols-[1fr_min-content] mlb-2 gap-2"
-    }, /* @__PURE__ */ import_react11.default.createElement("div", {
-      role: "none",
-      className: "is-full aspect-square relative text-description"
-    }, /* @__PURE__ */ import_react11.default.createElement(import_react_qr_rounded.QR, {
-      rounding: 100,
-      backgroundColor: "transparent",
-      color: "currentColor",
-      "aria-labelledby": qrLabel,
-      errorCorrectionLevel: "Q",
-      cutout: true
-    }, url ?? "never"), /* @__PURE__ */ import_react11.default.createElement(import_react12.Centered, null, /* @__PURE__ */ import_react11.default.createElement(import_react12.Emoji, {
-      text: emoji
-    }))), /* @__PURE__ */ import_react11.default.createElement("span", {
-      id: qrLabel,
-      className: "sr-only"
-    }, t("qr label")), /* @__PURE__ */ import_react11.default.createElement(import_react_ui8.Clipboard.Button, {
-      value: url ?? "never"
-    })), /* @__PURE__ */ import_react11.default.createElement(import_react_ui8.Button, {
-      variant: "ghost",
-      onClick: onCancel
-    }, t("cancel label")));
-  } finally {
-    _effect.f();
-  }
-};
-var InvitationAuthCode = ({ id, code, onCancel }) => {
-  var _effect = (0, import_tracking8.useSignals)();
-  try {
-    const { t } = (0, import_react_ui8.useTranslation)("os");
-    const emoji = (0, import_util3.hexToEmoji)(id);
-    return /* @__PURE__ */ import_react11.default.createElement(import_react11.default.Fragment, null, /* @__PURE__ */ import_react11.default.createElement("p", {
-      className: "text-description"
-    }, t("auth other device emoji message")), emoji && /* @__PURE__ */ import_react11.default.createElement(import_react12.Emoji, {
-      text: emoji,
-      className: "mli-auto mlb-2 text-center"
-    }), /* @__PURE__ */ import_react11.default.createElement("p", {
-      className: "text-description"
-    }, t("auth code message")), /* @__PURE__ */ import_react11.default.createElement(import_react12.AuthCode, {
-      code,
-      large: true,
-      classNames: "mli-auto mlb-2 text-center grow"
-    }), /* @__PURE__ */ import_react11.default.createElement(import_react_ui8.Button, {
-      variant: "ghost",
-      onClick: onCancel
-    }, t("cancel label")));
-  } finally {
-    _effect.f();
-  }
-};
-var InvitationComplete = ({ statusValue }) => {
-  var _effect = (0, import_tracking8.useSignals)();
-  try {
-    return statusValue > 0 ? /* @__PURE__ */ import_react11.default.createElement(import_react10.Check, {
-      className: (0, import_react_ui_theme3.mx)("m-1.5", (0, import_react_ui_theme3.getSize)(6))
-    }) : /* @__PURE__ */ import_react11.default.createElement(import_react10.X, {
-      className: (0, import_react_ui_theme3.mx)("m-1.5", (0, import_react_ui_theme3.getSize)(6))
-    });
-  } finally {
-    _effect.f();
-  }
-};
-var MenuFooter = ({ object }) => {
-  var _effect = (0, import_tracking9.useSignals)();
-  try {
-    const { t } = (0, import_react_ui9.useTranslation)(import_chunk_6P2DB4QQ.SPACE_PLUGIN);
-    const client = (0, import_react_client5.useClient)();
-    const space = (0, import_echo7.getSpace)(object);
-    const spaceName = space ? (0, import_chunk_XHWVT7LW.getSpaceDisplayName)(space, {
-      personal: client.spaces.default === space
-    }) : "";
-    return space ? /* @__PURE__ */ import_react14.default.createElement(import_react14.default.Fragment, null, /* @__PURE__ */ import_react14.default.createElement(import_react_ui9.DropdownMenu.Separator, null), /* @__PURE__ */ import_react14.default.createElement(import_react_ui9.DropdownMenu.GroupLabel, null, t("menu footer label")), /* @__PURE__ */ import_react14.default.createElement("dl", {
-      className: "pis-2 mbe-2 text-xs grid grid-cols-[max-content_1fr] gap-2"
-    }, /* @__PURE__ */ import_react14.default.createElement("dt", {
-      className: "uppercase text-[.75em] tracking-wide font-medium mbs-px self-start"
-    }, t("location label")), /* @__PURE__ */ import_react14.default.createElement("dd", {
-      className: "line-clamp-3"
-    }, /* @__PURE__ */ import_react14.default.createElement(import_react13.Planet, {
-      className: "inline-block mie-1"
-    }), (0, import_react_ui9.toLocalizedString)(spaceName, t)))) : null;
-  } finally {
-    _effect.f();
-  }
-};
-var BaseObjectSettings = ({ classNames, children, object }) => {
-  var _effect = (0, import_tracking11.useSignals)();
-  try {
-    const { t } = (0, import_react_ui11.useTranslation)(import_chunk_6P2DB4QQ.meta.id);
-    const inputRef = (0, import_react16.useRef)(null);
-    return /* @__PURE__ */ import_react16.default.createElement(import_react16.default.Fragment, null, /* @__PURE__ */ import_react16.default.createElement(import_react_ui11.Input.Root, null, /* @__PURE__ */ import_react16.default.createElement(import_react_ui11.Input.Label, null, t("name label")), /* @__PURE__ */ import_react16.default.createElement(import_react_ui11.Input.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();
-  }
-};
-var ObjectSettingsContainer = ({ object, role }) => {
-  var _effect = (0, import_tracking10.useSignals)();
-  try {
-    const data = (0, import_react15.useMemo)(() => ({
-      subject: object
-    }), [
-      object
-    ]);
-    return /* @__PURE__ */ import_react15.default.createElement(import_react_ui10.Clipboard.Provider, null, /* @__PURE__ */ import_react15.default.createElement(import_react_ui_stack5.StackItem.Content, {
-      toolbar: false
-    }, /* @__PURE__ */ import_react15.default.createElement("div", {
-      role: "none",
-      className: "overflow-y-auto pli-cardSpacingInline plb-cardSpacingBlock"
-    }, /* @__PURE__ */ import_react15.default.createElement(BaseObjectSettings, {
-      object
-    }, /* @__PURE__ */ import_react15.default.createElement(import_app_framework7.Surface, {
-      role: "base-object-settings",
-      data
-    })), /* @__PURE__ */ import_react15.default.createElement(import_app_framework7.Surface, {
-      role: "object-settings",
-      data
-    }))));
-  } finally {
-    _effect.f();
-  }
-};
-var PersistenceStatus = ({ db }) => {
-  var _effect = (0, import_tracking12.useSignals)();
-  try {
-    const { t } = (0, import_react_ui12.useTranslation)(import_chunk_6P2DB4QQ.SPACE_PLUGIN);
-    const [displayMessage, setDisplayMessage] = (0, import_react18.useState)(false);
-    const [status, naturalSetStatus] = (0, import_react18.useState)(0);
-    const [prevStatus, setPrevStatus] = (0, import_react18.useState)(0);
-    const _setStatus = (0, import_async2.debounce)(naturalSetStatus, 500);
-    (0, import_react18.useEffect)(() => {
-      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__ */ import_react18.default.createElement("div", {
-          className: "flex items-center"
-        }, /* @__PURE__ */ import_react18.default.createElement(import_react17.Warning, {
-          className: (0, import_react_ui_theme4.mx)((0, import_react_ui_theme4.getSize)(4), "me-1")
-        }), /* @__PURE__ */ import_react18.default.createElement("span", {
-          className: (0, import_react_ui_theme4.mx)("text-sm", import_react_ui_theme4.warningText)
-        }, t("persistence error label")));
-      case 1:
-        return /* @__PURE__ */ import_react18.default.createElement("div", {
-          className: "flex items-center"
-        }, /* @__PURE__ */ import_react18.default.createElement(import_react17.ArrowsCounterClockwise, {
-          className: (0, import_react_ui_theme4.mx)((0, import_react_ui_theme4.getSize)(4), "me-1")
-        }), /* @__PURE__ */ import_react18.default.createElement("span", {
-          className: (0, import_react_ui_theme4.mx)("text-sm", import_react_ui_theme4.staticPlaceholderText)
-        }, t("persistence pending label")));
-      case 0:
-      default:
-        return /* @__PURE__ */ import_react18.default.createElement(import_react_ui12.Tooltip.Trigger, {
-          delayDuration: 400,
-          role: "status",
-          content: t("persisted locally message"),
-          className: "flex items-center"
-        }, /* @__PURE__ */ import_react18.default.createElement(import_react17.CheckCircle, {
-          className: (0, import_react_ui_theme4.mx)((0, import_react_ui_theme4.getSize)(4), "me-1")
-        }), displayMessage && /* @__PURE__ */ import_react18.default.createElement("span", {
-          className: (0, import_react_ui_theme4.mx)("text-sm", import_react_ui_theme4.staticPlaceholderText)
-        }, t("persisted locally label")));
-    }
-  } finally {
-    _effect.f();
-  }
-};
-var __dxlog_file3 = "/home/runner/work/dxos/dxos/packages/plugins/plugin-space/src/components/PopoverRenameObject.tsx";
-var POPOVER_RENAME_OBJECT = `${import_chunk_6P2DB4QQ.SPACE_PLUGIN}/PopoverRenameObject`;
-var PopoverRenameObject = ({ object: obj }) => {
-  var _effect = (0, import_tracking13.useSignals)();
-  try {
-    const { t } = (0, import_react_ui13.useTranslation)(import_chunk_6P2DB4QQ.SPACE_PLUGIN);
-    const doneButton = (0, import_react19.useRef)(null);
-    const object = obj;
-    const [name, setName] = (0, import_react19.useState)(object.name || object.title || "");
-    const { dispatchPromise: dispatch } = (0, import_app_framework8.useIntentDispatcher)();
-    const handleDone = (0, import_react19.useCallback)(() => {
-      try {
-        object.name = name;
-      } catch {
-        try {
-          object.title = name;
-        } catch (err) {
-          import_log2.log.error("Failed to rename object", {
-            err
-          }, {
-            F: __dxlog_file3,
-            L: 32,
-            S: void 0,
-            C: (f, a) => f(...a)
-          });
-        }
-      }
-      void dispatch((0, import_app_framework8.createIntent)(import_app_framework8.LayoutAction.UpdatePopover, {
-        part: "popover",
-        options: {
-          variant: "react",
-          anchorId: "",
-          state: false
-        }
-      }));
-    }, [
-      object,
-      name
-    ]);
-    return /* @__PURE__ */ import_react19.default.createElement("div", {
-      role: "none",
-      className: "p-2 flex gap-2"
-    }, /* @__PURE__ */ import_react19.default.createElement("div", {
-      role: "none",
-      className: "flex-1"
-    }, /* @__PURE__ */ import_react19.default.createElement(import_react_ui13.Input.Root, null, /* @__PURE__ */ import_react19.default.createElement(import_react_ui13.Input.Label, {
-      srOnly: true
-    }, t("object name label")), /* @__PURE__ */ import_react19.default.createElement(import_react_ui13.Input.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__ */ import_react19.default.createElement(import_react_ui13.Button, {
-      ref: doneButton,
-      classNames: "self-stretch",
-      onClick: handleDone
-    }, t("done label", {
-      ns: "os"
-    })));
-  } finally {
-    _effect.f();
-  }
-};
-var POPOVER_RENAME_SPACE = `${import_chunk_6P2DB4QQ.SPACE_PLUGIN}/PopoverRenameSpace`;
-var PopoverRenameSpace = ({ space }) => {
-  var _effect = (0, import_tracking14.useSignals)();
-  try {
-    const { t } = (0, import_react_ui14.useTranslation)(import_chunk_6P2DB4QQ.SPACE_PLUGIN);
-    const doneButton = (0, import_react20.useRef)(null);
-    const [name, setName] = (0, import_react20.useState)(space.properties.name ?? "");
-    const { dispatchPromise: dispatch } = (0, import_app_framework9.useIntentDispatcher)();
-    const handleDone = (0, import_react20.useCallback)(() => {
-      space.properties.name = name;
-      void dispatch((0, import_app_framework9.createIntent)(import_app_framework9.LayoutAction.UpdatePopover, {
-        part: "popover",
-        options: {
-          variant: "react",
-          anchorId: "",
-          state: false
-        }
-      }));
-    }, [
-      space,
-      name
-    ]);
-    return /* @__PURE__ */ import_react20.default.createElement("div", {
-      role: "none",
-      className: "p-2 flex gap-2"
-    }, /* @__PURE__ */ import_react20.default.createElement("div", {
-      role: "none",
-      className: "flex-1"
-    }, /* @__PURE__ */ import_react20.default.createElement(import_react_ui14.Input.Root, null, /* @__PURE__ */ import_react20.default.createElement(import_react_ui14.Input.Label, {
-      srOnly: true
-    }, t("space name label")), /* @__PURE__ */ import_react20.default.createElement(import_react_ui14.Input.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__ */ import_react20.default.createElement(import_react_ui14.Popover.Close, {
-      asChild: true
-    }, /* @__PURE__ */ import_react20.default.createElement(import_react_ui14.Button, {
-      ref: doneButton,
-      classNames: "self-stretch",
-      onClick: handleDone
-    }, t("done label", {
-      ns: "os"
-    }))));
-  } finally {
-    _effect.f();
-  }
-};
-var useQuerySpaceSchemas = (space) => {
-  const [schemas, setSchemas] = (0, import_react21.useState)([]);
-  (0, import_react21.useEffect)(() => {
-    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 = (0, import_tracking15.useSignals)();
-  try {
-    const { t } = (0, import_react_ui15.useTranslation)(import_chunk_6P2DB4QQ.SPACE_PLUGIN);
-    const schemas = useQuerySpaceSchemas(space);
-    return /* @__PURE__ */ import_react21.default.createElement(import_react_ui_stack6.StackItem.Content, {
-      classNames: "block overflow-y-auto"
-    }, /* @__PURE__ */ import_react21.default.createElement(import_react_ui_form4.ControlPage, null, /* @__PURE__ */ import_react21.default.createElement(import_react_ui_form4.ControlSection, {
-      title: t("schema verbose label"),
-      description: t("schema description")
-    }, /* @__PURE__ */ import_react21.default.createElement("div", {
-      role: "none",
-      className: import_react_ui_form4.controlItemClasses
-    }, schemas.length === 0 && /* @__PURE__ */ import_react21.default.createElement("div", {
-      className: "text-center plb-4"
-    }, t("no schemas found message")), schemas.map((schema) => /* @__PURE__ */ import_react21.default.createElement("div", {
-      key: schema.id
-    }, /* @__PURE__ */ import_react21.default.createElement("div", null, schema.typename)))))));
-  } finally {
-    _effect.f();
-  }
-};
-var REFRESH_INTERVAL = 5e3;
-var ACTIVITY_DURATION = 3e4;
-var noViewers = new import_util4.ComplexMap(import_react_client6.PublicKey.hash);
-var getName = (identity) => identity.profile?.displayName ?? (0, import_display_name.generateName)(identity.identityKey.toHex());
-var SpacePresence = ({ object, spaceKey }) => {
-  var _effect = (0, import_tracking16.useSignals)();
-  try {
-    const spaceState = (0, import_app_framework10.useCapability)(import_chunk_NL5Y4EDX.SpaceCapabilities.MutableState);
-    const client = (0, import_react_client6.useClient)();
-    const identity = (0, import_halo.useIdentity)();
-    const space = spaceKey ? client.spaces.get(spaceKey) : (0, import_echo8.getSpace)(object);
-    const spaceMembers = (0, import_echo8.useMembers)(space?.key);
-    const [_moment, setMoment] = (0, import_react22.useState)(Date.now());
-    (0, import_react22.useEffect)(() => {
-      const interval = setInterval(() => setMoment(Date.now()), REFRESH_INTERVAL);
-      return () => clearInterval(interval);
-    }, []);
-    const memberOnline = (0, import_react22.useCallback)((member) => member.presence === 1, []);
-    const memberIsNotSelf = (0, import_react22.useCallback)((member) => !identity?.identityKey.equals(member.identity.identityKey), [
-      identity?.identityKey
-    ]);
-    if (!identity || !spaceState || !space) {
-      return null;
-    }
-    const currentObjectViewers = spaceState.viewersByObject[(0, import_echo8.fullyQualifiedId)(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__ */ import_react22.default.createElement(FullPresence, {
-      members: membersForObject
-    });
-  } finally {
-    _effect.f();
-  }
-};
-var FullPresence = (props) => {
-  var _effect = (0, import_tracking16.useSignals)();
-  try {
-    const { size = 9, onMemberClick } = props;
-    const members = (0, import_react_ui16.useDefaultValue)(props.members, () => []);
-    if (members.length === 0) {
-      return null;
-    }
-    return /* @__PURE__ */ import_react22.default.createElement("div", {
-      className: "dx-avatar-group",
-      "data-testid": "spacePlugin.presence"
-    }, members.slice(0, 3).map((member, i) => /* @__PURE__ */ import_react22.default.createElement(import_react_ui16.Tooltip.Trigger, {
-      key: member.identity.identityKey.toHex(),
-      side: "bottom",
-      content: getName(member.identity),
-      className: "grid focus:outline-none"
-    }, /* @__PURE__ */ import_react22.default.createElement(PresenceAvatar, {
-      identity: member.identity,
-      match: member.currentlyAttended,
-      index: members.length - i,
-      onClick: () => onMemberClick?.(member),
-      size
-    }))), members.length > 3 && /* @__PURE__ */ import_react22.default.createElement(import_react_ui16.Popover.Root, null, /* @__PURE__ */ import_react22.default.createElement(import_react_ui16.Popover.Trigger, {
-      className: "grid focus:outline-none"
-    }, /* @__PURE__ */ import_react22.default.createElement(import_react_ui16.Avatar.Root, null, /* @__PURE__ */ import_react22.default.createElement(import_react_ui16.Avatar.Content, {
-      status: "inactive",
-      style: {
-        zIndex: members.length - 4
-      },
-      fallback: `+${members.length - 3}`,
-      size
-    }))), /* @__PURE__ */ import_react22.default.createElement(import_react_ui16.Popover.Portal, null, /* @__PURE__ */ import_react22.default.createElement(import_react_ui16.Popover.Content, {
-      side: "bottom"
-    }, /* @__PURE__ */ import_react22.default.createElement(import_react_ui16.Popover.Arrow, null), /* @__PURE__ */ import_react22.default.createElement(import_react_ui16.Popover.Viewport, {
-      classNames: "max-bs-56"
-    }, /* @__PURE__ */ import_react22.default.createElement(import_react_ui16.List, null, members.map((member) => /* @__PURE__ */ import_react22.default.createElement(import_react_ui16.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__ */ import_react22.default.createElement(PresenceAvatar, {
-      identity: member.identity,
-      size,
-      showName: true,
-      match: member.currentlyAttended
-    })))))))));
-  } finally {
-    _effect.f();
-  }
-};
-var PresenceAvatar = /* @__PURE__ */ (0, import_react22.forwardRef)(({ identity, showName, match, index, onClick, size }, forwardedRef) => {
-  var _effect = (0, import_tracking16.useSignals)();
-  try {
-    const status = match ? "current" : "active";
-    const fallbackValue = (0, import_util4.keyToFallback)(identity.identityKey);
-    return /* @__PURE__ */ import_react22.default.createElement(import_react_ui16.Avatar.Root, null, /* @__PURE__ */ import_react22.default.createElement(import_react_ui16.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__ */ import_react22.default.createElement(import_react_ui16.Avatar.Label, {
-      classNames: showName ? "text-sm truncate pli-2" : "sr-only"
-    }, getName(identity)));
-  } finally {
-    _effect.f();
-  }
-});
-var SmallPresenceLive = ({ id, open, viewers }) => {
-  var _effect = (0, import_tracking16.useSignals)();
-  try {
-    const { hasAttention, isAncestor, isRelated } = (0, import_react_ui_attention.useAttention)(id);
-    const isAttended = hasAttention || isAncestor || isRelated;
-    const { graph } = (0, import_app_framework10.useAppGraph)();
-    const attended = (0, import_react_ui_attention.useAttended)();
-    const startOfAttention = attended.at(-1);
-    const path = (0, import_chunk_5WLAXYE3.usePath)(graph, startOfAttention);
-    const containsAttended = !open && !isAttended && id && import_effect3.Option.isSome(path) ? path.value.includes(id) : false;
-    const getActiveViewers = (viewers2) => {
-      const moment = Date.now();
-      return Array.from(viewers2.values()).filter((viewer) => moment - viewer.lastSeen < ACTIVITY_DURATION);
-    };
-    const [activeViewers, setActiveViewers] = (0, import_react22.useState)(viewers ? getActiveViewers(viewers) : []);
-    (0, import_react22.useEffect)(() => {
-      if (viewers) {
-        setActiveViewers(getActiveViewers(viewers));
-        const interval = setInterval(() => {
-          setActiveViewers(getActiveViewers(viewers));
-        }, REFRESH_INTERVAL);
-        return () => clearInterval(interval);
-      }
-    }, [
-      viewers
-    ]);
-    return /* @__PURE__ */ import_react22.default.createElement(SmallPresence, {
-      count: activeViewers.length,
-      attended: isAttended,
-      containsAttended
-    });
-  } finally {
-    _effect.f();
-  }
-};
-var SmallPresence = ({ count = 0, attended, containsAttended }) => {
-  var _effect = (0, import_tracking16.useSignals)();
-  try {
-    const { t } = (0, import_react_ui16.useTranslation)(import_chunk_6P2DB4QQ.SPACE_PLUGIN);
-    return /* @__PURE__ */ import_react22.default.createElement(import_react_ui16.Tooltip.Trigger, {
-      asChild: true,
-      content: t("presence label", {
-        count
-      }),
-      side: "bottom"
-    }, /* @__PURE__ */ import_react22.default.createElement(import_react_ui_attention.AttentionGlyph, {
-      attended,
-      containsAttended,
-      presence: count > 1 ? "many" : count === 1 ? "one" : "none",
-      classNames: "self-center mie-1"
-    }));
-  } finally {
-    _effect.f();
-  }
-};
-var SpacePluginSettings = ({ settings }) => {
-  var _effect = (0, import_tracking17.useSignals)();
-  try {
-    const { t } = (0, import_react_ui17.useTranslation)(import_chunk_6P2DB4QQ.SPACE_PLUGIN);
-    const client = (0, import_react_client7.useClient)();
-    const spaces = (0, import_echo9.useSpaces)({
-      all: settings.showHidden
-    });
-    const { dispatchPromise: dispatch } = (0, import_app_framework11.useIntentDispatcher)();
-    return /* @__PURE__ */ import_react23.default.createElement(import_react_ui_form5.ControlPage, null, /* @__PURE__ */ import_react23.default.createElement(import_react_ui_form5.ControlSection, {
-      title: t("space settings label"),
-      description: t("space settings description")
-    }, /* @__PURE__ */ import_react23.default.createElement("div", {
-      className: "pli-trimMd container-max-width"
-    }, /* @__PURE__ */ import_react23.default.createElement(import_react_ui_form5.DeprecatedFormInput, {
-      label: t("show hidden spaces label")
-    }, /* @__PURE__ */ import_react23.default.createElement(import_react_ui17.Input.Switch, {
-      checked: settings.showHidden,
-      onCheckedChange: (checked) => settings.showHidden = !!checked
-    }))), /* @__PURE__ */ import_react23.default.createElement(import_react_ui17.List, {
-      classNames: [
-        import_react_ui_form5.controlItemClasses,
-        "flex flex-col gap-trimSm"
-      ]
-    }, spaces.map((space) => /* @__PURE__ */ import_react23.default.createElement(import_react_ui17.ListItem.Root, {
-      key: space.id,
-      classNames: "is-full items-center"
-    }, /* @__PURE__ */ import_react23.default.createElement(import_react_ui17.ListItem.Heading, {
-      classNames: "grow truncate !min-bs-0"
-    }, (0, import_react_ui17.toLocalizedString)((0, import_chunk_XHWVT7LW.getSpaceDisplayName)(space, {
-      personal: space === client.spaces.default
-    }), t)), /* @__PURE__ */ import_react23.default.createElement(import_react_ui17.IconButton, {
-      icon: "ph--faders--regular",
-      onClick: () => dispatch((0, import_app_framework11.createIntent)(import_chunk_ULJZPATP.SpaceAction.OpenSettings, {
-        space
-      })),
-      label: t("open space settings label")
-    }))))));
-  } finally {
-    _effect.f();
-  }
-};
-var __dxlog_file4 = "/home/runner/work/dxos/dxos/packages/plugins/plugin-space/src/components/SpaceSettings/SpaceSettingsContainer.tsx";
-var FormSchema = import_chunk_ULJZPATP.SpaceForm.pipe(import_effect4.Schema.extend(import_effect4.Schema.Struct({
-  archived: import_effect4.Schema.Boolean.annotations({
-    title: "Archive space"
-  })
-})));
-var SpaceSettingsContainer = ({ space }) => {
-  var _effect = (0, import_tracking18.useSignals)();
-  try {
-    const { t } = (0, import_react_ui18.useTranslation)(import_chunk_6P2DB4QQ.SPACE_PLUGIN);
-    const { dispatchPromise: dispatch } = (0, import_app_framework12.useIntentDispatcher)();
-    const client = (0, import_react_client8.useClient)();
-    const archived = (0, import_react_ui18.useMulticastObservable)(space.state) === import_echo10.SpaceState.SPACE_INACTIVE;
-    const [edgeReplication, setEdgeReplication] = (0, import_react24.useState)(space.internal.data.edgeReplication === import_metadata.EdgeReplicationSetting.ENABLED);
-    const toggleEdgeReplication = (0, import_react24.useCallback)(async (next) => {
-      setEdgeReplication(next);
-      await space?.internal.setEdgeReplicationPreference(next ? import_metadata.EdgeReplicationSetting.ENABLED : import_metadata.EdgeReplicationSetting.DISABLED).catch((err) => {
-        import_log3.log.catch(err, void 0, {
-          F: __dxlog_file4,
-          L: 51,
-          S: void 0,
-          C: (f, a) => f(...a)
-        });
-        setEdgeReplication(!next);
-      });
-    }, [
-      space
-    ]);
-    const handleSave = (0, import_react24.useCallback)((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((0, import_effect4.pipe)((0, import_app_framework12.createIntent)(import_chunk_ULJZPATP.SpaceAction.Close, {
-          space
-        }), (0, import_app_framework12.chain)(import_app_framework12.LayoutAction.SwitchWorkspace, {
-          part: "workspace",
-          subject: client.spaces.default.id
-        })));
-      } else if (!properties.archived && archived) {
-        void dispatch((0, import_app_framework12.createIntent)(import_chunk_ULJZPATP.SpaceAction.Open, {
-          space
-        }));
-      }
-    }, [
-      space,
-      toggleEdgeReplication,
-      archived
-    ]);
-    const values = (0, import_react24.useMemo)(() => ({
-      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 = (0, import_react24.useMemo)(() => ({
-      name: ({ type, label, getValue, onValueChange }) => {
-        const handleChange = (0, import_react24.useCallback)(({ target: { value } }) => onValueChange(type, value), [
-          onValueChange,
-          type
-        ]);
-        return /* @__PURE__ */ import_react24.default.createElement(import_react_ui_form6.ControlItemInput, {
-          title: label,
-          description: t("display name description")
-        }, /* @__PURE__ */ import_react24.default.createElement(import_react_ui18.Input.TextInput, {
-          value: getValue(),
-          onChange: handleChange,
-          placeholder: t("display name input placeholder"),
-          classNames: "min-is-64"
-        }));
-      },
-      icon: ({ type, label, getValue, onValueChange }) => {
-        const handleChange = (0, import_react24.useCallback)((nextEmoji) => onValueChange(type, nextEmoji), [
-          onValueChange,
-          type
-        ]);
-        const handleEmojiReset = (0, import_react24.useCallback)(() => onValueChange(type, void 0), [
-          onValueChange,
-          type
-        ]);
-        return /* @__PURE__ */ import_react24.default.createElement(import_react_ui_form6.ControlItem, {
-          title: label,
-          description: t("icon description")
-        }, /* @__PURE__ */ import_react24.default.createElement(import_react_ui_pickers.IconPicker, {
-          value: getValue(),
-          onChange: handleChange,
-          onReset: handleEmojiReset,
-          classNames: "justify-self-end",
-          iconSize: 5
-        }));
-      },
-      hue: ({ type, label, getValue, onValueChange }) => {
-        const handleChange = (0, import_react24.useCallback)((nextHue) => onValueChange(type, nextHue), [
-          onValueChange,
-          type
-        ]);
-        const handleHueReset = (0, import_react24.useCallback)(() => onValueChange(type, void 0), [
-          onValueChange,
-          type
-        ]);
-        return /* @__PURE__ */ import_react24.default.createElement(import_react_ui_form6.ControlItem, {
-          title: label,
-          description: t("hue description")
-        }, /* @__PURE__ */ import_react24.default.createElement(import_react_ui_pickers.HuePicker, {
-          value: getValue(),
-          onChange: handleChange,
-          onReset: handleHueReset,
-          classNames: "[--hue-preview-size:1.25rem] justify-self-end"
-        }));
-      },
-      edgeReplication: ({ type, label, getValue, onValueChange }) => {
-        const handleChange = (0, import_react24.useCallback)((checked) => onValueChange(type, checked), [
-          onValueChange,
-          type
-        ]);
-        return /* @__PURE__ */ import_react24.default.createElement(import_react_ui_form6.ControlItemInput, {
-          title: label,
-          description: t("edge replication description")
-        }, /* @__PURE__ */ import_react24.default.createElement(import_react_ui18.Input.Switch, {
-          checked: getValue(),
-          onCheckedChange: handleChange,
-          classNames: "justify-self-end"
-        }));
-      },
-      archived: ({ type, label, getValue, onValueChange }) => {
-        const handleChange = (0, import_react24.useCallback)(() => onValueChange(type, !getValue()), [
-          onValueChange,
-          type,
-          getValue
-        ]);
-        return /* @__PURE__ */ import_react24.default.createElement(import_react_ui_form6.ControlItemInput, {
-          title: label,
-          description: t("archive space description")
-        }, /* @__PURE__ */ import_react24.default.createElement(import_react_ui18.Button, {
-          disabled: space === client.spaces.default,
-          onClick: handleChange
-        }, getValue() ? t("unarchive space label") : t("archive space label")));
-      }
-    }), [
-      t,
-      space
-    ]);
-    return /* @__PURE__ */ import_react24.default.createElement(import_react_ui_stack7.StackItem.Content, {
-      classNames: "block overflow-y-auto pli-2"
-    }, /* @__PURE__ */ import_react24.default.createElement(import_react_ui_form6.ControlPage, null, /* @__PURE__ */ import_react24.default.createElement(import_react_ui_form6.ControlSection, {
-      title: t("space properties settings verbose label", {
-        ns: import_chunk_6P2DB4QQ.SPACE_PLUGIN
-      }),
-      description: t("space properties settings description", {
-        ns: import_chunk_6P2DB4QQ.SPACE_PLUGIN
-      })
-    }, /* @__PURE__ */ import_react24.default.createElement(import_react_ui_form6.Form, {
-      schema: FormSchema,
-      values,
-      autoSave: true,
-      onSave: handleSave,
-      Custom: customElements,
-      outerSpacing: false,
-      classNames: "container-max-width grid grid-cols-1 md:grid-cols-[1fr_min-content] gap-4"
-    }))));
-  } finally {
-    _effect.f();
-  }
-};
-var useEdgeStatus = () => {
-  const [status, setStatus] = (0, import_react25.useState)(import_services.EdgeStatus.NOT_CONNECTED);
-  const client = (0, import_react_client9.useClient)();
-  (0, import_react25.useEffect)(() => {
-    client.services.services.EdgeAgentService?.queryEdgeStatus().subscribe(({ status: status2 }) => {
-      setStatus(status2);
-    });
-  }, [
-    client
-  ]);
-  return status;
-};
-var InlineSyncStatus = ({ space, open }) => {
-  var _effect = (0, import_tracking19.useSignals)();
-  try {
-    const { t } = (0, import_react_ui19.useTranslation)(import_chunk_6P2DB4QQ.SPACE_PLUGIN);
-    const id = space.id;
-    const { hasAttention, isAncestor, isRelated } = (0, import_react_ui_attention2.useAttention)(id);
-    const isAttended = hasAttention || isAncestor || isRelated;
-    const { graph } = (0, import_app_framework13.useAppGraph)();
-    const attended = (0, import_react_ui_attention2.useAttended)();
-    const startOfAttention = attended.at(-1);
-    const path = (0, import_chunk_5WLAXYE3.usePath)(graph, startOfAttention);
-    const containsAttended = !open && !isAttended && id && import_effect5.Option.isSome(path) ? path.value.includes(id) : false;
-    const connectedToEdge = useEdgeStatus() === import_services.EdgeStatus.CONNECTED;
-    const edgeSyncEnabled = space.internal.data.edgeReplication === import_metadata2.EdgeReplicationSetting.ENABLED;
-    const syncState = (0, import_echo11.useSpaceSyncState)(space);
-    const syncing = connectedToEdge && edgeSyncEnabled && syncState && syncState.missingOnLocal > 0;
-    return /* @__PURE__ */ import_react25.default.createElement(import_react_ui19.Tooltip.Trigger, {
-      asChild: true,
-      content: t("syncing label"),
-      side: "bottom"
-    }, /* @__PURE__ */ import_react25.default.createElement(import_react_ui_attention2.AttentionGlyph, {
-      syncing,
-      attended: isAttended,
-      containsAttended,
-      classNames: "self-center mie-1"
-    }));
-  } finally {
-    _effect.f();
-  }
-};
-var __dxlog_file5 = "/home/runner/work/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 import_context.Context(void 0, {
-    F: __dxlog_file5,
-    L: 40
-  });
-  void space.waitUntilReady().then(() => {
-    if (ctx.disposed) {
-      return;
-    }
-    let hasUnsavedChanges = false;
-    let lastFlushPromise;
-    space.crud.saveStateChanged.on(ctx, ({ unsavedDocuments }) => {
-      hasUnsavedChanges = unsavedDocuments.length > 0;
-    });
-    space.crud.saveStateChanged.debounce(500).on(ctx, () => {
-      if (hasUnsavedChanges) {
-        lastFlushPromise = void 0;
-        cb("saving");
-      } else {
-        const flushPromise = space.crud.flush();
-        lastFlushPromise = flushPromise;
-        void flushPromise.then(() => {
-          if (lastFlushPromise === flushPromise) {
-            cb("saved");
-          }
-        });
-      }
-    });
-  });
-  return () => {
-    void ctx.dispose();
-  };
-};
-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";
-  }
-};
-var SYNC_STALLED_TIMEOUT = 5e3;
-var SyncStatus = () => {
-  var _effect = (0, import_tracking20.useSignals)();
-  try {
-    const client = (0, import_react_client10.useClient)();
-    const state = (0, import_echo12.useSyncState)();
-    const [saved, setSaved] = (0, import_react26.useState)(true);
-    (0, import_react26.useEffect)(() => {
-      return createClientSaveTracker(client, (state2) => {
-        setSaved(state2 === "saved");
-      });
-    }, []);
-    return /* @__PURE__ */ import_react26.default.createElement(SyncStatusIndicator, {
-      state,
-      saved
-    });
-  } finally {
-    _effect.f();
-  }
-};
-var SyncStatusIndicator = ({ state, saved }) => {
-  var _effect = (0, import_tracking20.useSignals)();
-  try {
-    const { t } = (0, import_react_ui20.useTranslation)(import_chunk_6P2DB4QQ.SPACE_PLUGIN);
-    const summary = (0, import_echo12.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] = (0, import_react26.useState)();
-    (0, import_react26.useEffect)(() => {
-      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__ */ import_react26.default.createElement(import_react_ui20.Icon, {
-      icon: getIcon(status),
-      size: 4,
-      classNames
-    });
-    return /* @__PURE__ */ import_react26.default.createElement(import_plugin_status_bar.StatusBar.Item, {
-      title
-    }, icon);
-  } finally {
-    _effect.f();
-  }
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  AppGraphBuilder,
-  AppGraphSerializer,
-  AwaitingObject,
-  CREATE_OBJECT_DIALOG,
-  CREATE_SPACE_DIALOG,
-  CollectionMain,
-  CollectionSection,
-  CreateObjectDialog,
-  CreateSpaceDialog,
-  FullPresence,
-  IdentityCreated,
-  InlineSyncStatus,
-  IntentResolver,
-  JOIN_DIALOG,
-  JoinDialog,
-  MembersContainer,
-  MenuFooter,
-  ObjectSettingsContainer,
-  POPOVER_RENAME_OBJECT,
-  POPOVER_RENAME_SPACE,
-  PersistenceStatus,
-  PopoverRenameObject,
-  PopoverRenameSpace,
-  ReactRoot,
-  ReactSurface,
-  SchemaContainer,
-  SchemaDefs,
-  SchemaTools,
-  SmallPresence,
-  SmallPresenceLive,
-  SpacePluginSettings,
-  SpacePresence,
-  SpaceSettings,
-  SpaceSettingsContainer,
-  SpaceState,
-  SpacesReady,
-  SyncStatus,
-  SyncStatusIndicator,
-  useQuerySpaceSchemas
-});
-//# sourceMappingURL=chunk-NCHF433F.cjs.map