@dxos/plugin-space 0.8.2-staging.7ac8446 → 0.8.2

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

@@ -0,0 +1,1904 @@
+"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_Q3YZEYZT_exports = {};
+__export(chunk_Q3YZEYZT_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_Q3YZEYZT_exports);
+var import_chunk_5WLAXYE3 = require("./chunk-5WLAXYE3.cjs");
+var import_chunk_7GQGM4ZF = require("./chunk-7GQGM4ZF.cjs");
+var import_chunk_COQYISES = require("./chunk-COQYISES.cjs");
+var import_chunk_FXHI7JNY = require("./chunk-FXHI7JNY.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_invariant = require("@dxos/invariant");
+var import_react_client2 = require("@dxos/react-client");
+var import_echo2 = require("@dxos/react-client/echo");
+var import_react_ui2 = require("@dxos/react-ui");
+var import_tracking3 = require("@preact-signals/safe-react/tracking");
+var import_react4 = __toESM(require("react"));
+var import_echo_schema = require("@dxos/echo-schema");
+var import_invariant2 = require("@dxos/invariant");
+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_theme2 = require("@dxos/react-ui-theme");
+var import_util = 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_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_theme3 = 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_log = require("@dxos/log");
+var import_react_client4 = require("@dxos/react-client");
+var import_echo3 = 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_stack = require("@dxos/react-ui-stack");
+var import_react_ui_theme4 = require("@dxos/react-ui-theme");
+var import_react12 = require("@dxos/shell/react");
+var import_util2 = 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_echo4 = 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_stack2 = 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_react_ui_theme5 = require("@dxos/react-ui-theme");
+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_theme6 = 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_stack3 = 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_echo5 = 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_util3 = 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_echo6 = 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_echo7 = 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_stack4 = 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_echo8 = 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_echo9 = 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_FXHI7JNY.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 __dxlog_file = "/home/runner/work/dxos/dxos/packages/plugins/plugin-space/src/components/CreateDialog/CreateObjectPanel.tsx";
+var CreateObjectPanel = ({ classNames, forms, spaces, typename: initialTypename, target: initialTarget, name: initialName, defaultSpaceId, resolve, onCreateObject }) => {
+  var _effect = (0, import_tracking3.useSignals)();
+  try {
+    const { t } = (0, import_react_ui3.useTranslation)(import_chunk_6P2DB4QQ.SPACE_PLUGIN);
+    const [typename, setTypename] = (0, import_react4.useState)(initialTypename);
+    const [target, setTarget] = (0, import_react4.useState)(initialTarget);
+    const form = forms.find((form2) => (0, import_echo_schema.getTypeAnnotation)(form2.objectSchema)?.typename === typename);
+    const options = forms.map((form2) => (0, import_echo_schema.getTypeAnnotation)(form2.objectSchema)).filter(import_util.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 || !target) {
+        return;
+      }
+      await onCreateObject?.({
+        form,
+        target,
+        data: props
+      });
+    }, [
+      onCreateObject,
+      form,
+      target
+    ]);
+    const handleSetTypename = (0, import_react4.useCallback)(async (typename2) => {
+      (0, import_invariant2.invariant)(target, "target is required", {
+        F: __dxlog_file,
+        L: 72,
+        S: void 0,
+        A: [
+          "target",
+          "'target is required'"
+        ]
+      });
+      const form2 = forms.find((form3) => (0, import_echo_schema.getTypeAnnotation)(form3.objectSchema)?.typename === typename2);
+      if (form2 && !form2.formSchema) {
+        await onCreateObject?.({
+          form: form2,
+          target
+        });
+      } else {
+        setTypename(typename2);
+      }
+    }, [
+      forms,
+      onCreateObject,
+      target
+    ]);
+    const inputSurfaceLookup = (0, import_chunk_5WLAXYE3.useInputSurfaceLookup)({
+      target
+    });
+    return /* @__PURE__ */ import_react4.default.createElement("div", {
+      role: "form",
+      className: (0, import_react_ui_theme2.mx)("flex flex-col gap-2", classNames)
+    }, !form ? /* @__PURE__ */ import_react4.default.createElement(SelectSchema, {
+      options,
+      resolve,
+      onChange: handleSetTypename
+    }) : !target ? /* @__PURE__ */ import_react4.default.createElement(SelectSpace, {
+      spaces,
+      defaultSpaceId,
+      onChange: setTarget
+    }) : form.formSchema ? /* @__PURE__ */ import_react4.default.createElement(import_react_ui_form.Form, {
+      classNames: "!p-0",
+      autoFocus: true,
+      values: {
+        name: initialName
+      },
+      schema: form.formSchema,
+      testId: "create-object-form",
+      onSave: handleCreateObject,
+      lookupComponent: inputSurfaceLookup
+    }) : void 0);
+  } 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: "flex flex-col grow overflow-hidden"
+    }, /* @__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"),
+      classNames: "px-1 my-2"
+    }), /* @__PURE__ */ import_react4.default.createElement(import_react_ui_searchlist.SearchList.Content, {
+      classNames: "max-bs-[24rem] overflow-auto"
+    }, spaces.sort((a, b) => {
+      const aName = (0, import_react_ui3.toLocalizedString)((0, import_chunk_COQYISES.getSpaceDisplayName)(a, {
+        personal: a.id === defaultSpaceId
+      }), t);
+      const bName = (0, import_react_ui3.toLocalizedString)((0, import_chunk_COQYISES.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_COQYISES.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_COQYISES.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: "flex flex-col grow overflow-hidden"
+    }, /* @__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"),
+      classNames: "px-1 my-2"
+    }), /* @__PURE__ */ import_react4.default.createElement(import_react_ui_searchlist.SearchList.Content, {
+      classNames: "max-bs-[24rem] overflow-auto"
+    }, 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-WC445X77.cjs"));
+var AppGraphSerializer = (0, import_app_framework3.lazy)(() => import("./app-graph-serializer-UPQOQVMJ.cjs"));
+var IdentityCreated = (0, import_app_framework3.lazy)(() => import("./identity-created-UXEAUGC7.cjs"));
+var IntentResolver = (0, import_app_framework3.lazy)(() => import("./intent-resolver-SVFJKUH7.cjs"));
+var ReactRoot = (0, import_app_framework3.lazy)(() => import("./react-root-DDPDUMCG.cjs"));
+var ReactSurface = (0, import_app_framework3.lazy)(() => import("./react-surface-JUIU37BX.cjs"));
+var SchemaDefs = (0, import_app_framework3.lazy)(() => import("./schema-defs-XLFBG3XK.cjs"));
+var SchemaTools = (0, import_app_framework3.lazy)(() => import("./schema-tools-ZG6Z2QRC.cjs"));
+var SpaceSettings = (0, import_app_framework3.lazy)(() => import("./settings-FOH7EB5C.cjs"));
+var SpaceState = (0, import_app_framework3.lazy)(() => import("./state-ZT3MTZXB.cjs"));
+var SpacesReady = (0, import_app_framework3.lazy)(() => import("./spaces-ready-VXQYCBII.cjs"));
+var __dxlog_file2 = "/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, typename, 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_echo2.useSpaces)();
+    const { dispatchPromise: dispatch } = (0, import_app_framework2.useIntentDispatcher)();
+    const forms = (0, import_app_framework2.useCapabilities)(import_chunk_7GQGM4ZF.SpaceCapabilities.ObjectForm);
+    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, target: target2, data = {} }) => {
+      if (!target2) {
+        return;
+      }
+      closeRef.current?.click();
+      const space = (0, import_echo2.isSpace)(target2) ? target2 : (0, import_echo2.getSpace)(target2);
+      (0, import_invariant.invariant)(space, "Missing space", {
+        F: __dxlog_file2,
+        L: 72,
+        S: void 0,
+        A: [
+          "space",
+          "'Missing space'"
+        ]
+      });
+      const result = await dispatch(form.getIntent(data, {
+        space
+      }));
+      const object = result.data?.object;
+      if ((0, import_echo2.isLiveObject)(object)) {
+        const addObjectIntent = (0, import_app_framework2.createIntent)(import_chunk_FXHI7JNY.SpaceAction.AddObject, {
+          target: target2,
+          object,
+          hidden: form.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,
+      resolve
+    ]);
+    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: "p-0 bs-content max-bs-full md:max-is-[40rem] overflow-hidden"
+      }, /* @__PURE__ */ import_react3.default.createElement("div", {
+        role: "none",
+        className: "flex justify-between pbs-2 pis-2 pie-2 @md:pbs-4 @md:pis-4 @md:pie-4"
+      }, /* @__PURE__ */ import_react3.default.createElement(import_react_ui2.Dialog.Title, null, t("create object dialog title")), /* @__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, {
+        classNames: "p-4",
+        forms,
+        spaces,
+        target,
+        typename,
+        name,
+        defaultSpaceId: client.spaces.default.id,
+        resolve,
+        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_FXHI7JNY.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_chunk_FXHI7JNY.SpaceAction.OpenCreateObject, {
+          target: space
+        }));
+      });
+      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: "p-0 bs-content min-bs-[16rem] max-bs-full md:max-is-[32rem] overflow-hidden"
+      }, /* @__PURE__ */ import_react5.default.createElement("div", {
+        role: "none",
+        className: "flex justify-between pbs-2 pis-2 pie-2 @md:pbs-4 @md:pis-4 @md:pie-4"
+      }, /* @__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", {
+        className: "p-4"
+      }, /* @__PURE__ */ import_react5.default.createElement(import_react_ui_form2.Form, {
+        testId: "create-space-form",
+        classNames: "!p-0",
+        autoFocus: true,
+        values: initialValues,
+        schema: import_chunk_FXHI7JNY.SpaceForm,
+        lookupComponent: inputSurfaceLookup,
+        onSave: handleCreateSpace
+      })))
+    );
+  } 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_theme3.mx)(import_react_ui_theme3.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_theme3.mx)(import_react_ui_theme3.descriptionMessage, "rounded-lg 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_file3 = "/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_file3,
+      L: 40,
+      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_echo3.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_chunk_FXHI7JNY.CollectionType.typename]?.target?.objects[0]?.target;
+    const locked = space.properties[import_chunk_COQYISES.COMPOSER_SPACE_LOCK];
+    const handleChangeLocked = (0, import_react11.useCallback)(() => {
+      space.properties[import_chunk_COQYISES.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_FXHI7JNY.SpaceAction.Share, {
+            space,
+            type: import_invitations.Invitation.Type.INTERACTIVE,
+            authMethod: import_invitations.Invitation.AuthMethod.SHARED_SECRET,
+            multiUse: false,
+            target: target && (0, import_echo3.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_FXHI7JNY.SpaceAction.Share, {
+            space,
+            type: import_invitations.Invitation.Type.DELEGATED,
+            authMethod: import_invitations.Invitation.AuthMethod.KNOWN_PUBLIC_KEY,
+            multiUse: true,
+            target: target && (0, import_echo3.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_stack.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_util2.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_util2.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_theme4.mx)("m-1.5", (0, import_react_ui_theme4.getSize)(6))
+    }) : /* @__PURE__ */ import_react11.default.createElement(import_react10.X, {
+      className: (0, import_react_ui_theme4.mx)("m-1.5", (0, import_react_ui_theme4.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_echo4.getSpace)(object);
+    const spaceName = space ? (0, import_chunk_COQYISES.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("form", {
+      className: (0, import_react_ui_theme5.mx)("flex flex-col p-2 gap-2", classNames)
+    }, /* @__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"),
+      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_stack2.StackItem.Content, {
+      toolbar: false,
+      role
+    }, /* @__PURE__ */ import_react15.default.createElement("div", {
+      className: "flex flex-col overflow-y-auto divide-y divide-separator"
+    }, /* @__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_theme6.mx)((0, import_react_ui_theme6.getSize)(4), "me-1")
+        }), /* @__PURE__ */ import_react18.default.createElement("span", {
+          className: (0, import_react_ui_theme6.mx)("text-sm", import_react_ui_theme6.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_theme6.mx)((0, import_react_ui_theme6.getSize)(4), "me-1")
+        }), /* @__PURE__ */ import_react18.default.createElement("span", {
+          className: (0, import_react_ui_theme6.mx)("text-sm", import_react_ui_theme6.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_theme6.mx)((0, import_react_ui_theme6.getSize)(4), "me-1")
+        }), displayMessage && /* @__PURE__ */ import_react18.default.createElement("span", {
+          className: (0, import_react_ui_theme6.mx)("text-sm", import_react_ui_theme6.staticPlaceholderText)
+        }, t("persisted locally label")));
+    }
+  } finally {
+    _effect.f();
+  }
+};
+var __dxlog_file4 = "/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_file4,
+            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_stack3.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_util3.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_7GQGM4ZF.SpaceCapabilities.MutableState);
+    const client = (0, import_react_client6.useClient)();
+    const identity = (0, import_halo.useIdentity)();
+    const space = spaceKey ? client.spaces.get(spaceKey) : (0, import_echo5.getSpace)(object);
+    const spaceMembers = (0, import_echo5.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_echo5.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.List, {
+      classNames: "max-h-56 overflow-y-auto"
+    }, 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_util3.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 { dispatchPromise: dispatch } = (0, import_app_framework11.useIntentDispatcher)();
+    const client = (0, import_react_client7.useClient)();
+    const spaces = (0, import_echo6.useSpaces)({
+      all: settings.showHidden
+    });
+    return /* @__PURE__ */ import_react23.default.createElement(import_react_ui_form5.DeprecatedFormContainer, null, /* @__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("div", {
+      role: "none"
+    }, /* @__PURE__ */ import_react23.default.createElement("h2", {
+      className: "text-xl my-4"
+    }, "Space Settings"), /* @__PURE__ */ import_react23.default.createElement(import_react_ui17.List, {
+      classNames: "max-w-md mx-auto"
+    }, spaces.map((space) => /* @__PURE__ */ import_react23.default.createElement(import_react_ui17.ListItem.Root, {
+      key: space.id
+    }, /* @__PURE__ */ import_react23.default.createElement(import_react_ui17.ListItem.Heading, {
+      classNames: "flex flex-col grow truncate mbe-2"
+    }, (0, import_react_ui17.toLocalizedString)((0, import_chunk_COQYISES.getSpaceDisplayName)(space, {
+      personal: space === client.spaces.default
+    }), t)), /* @__PURE__ */ import_react23.default.createElement(import_react_ui17.ListItem.Endcap, null, /* @__PURE__ */ import_react23.default.createElement(import_react_ui17.Button, {
+      onClick: () => dispatch((0, import_app_framework11.createIntent)(import_chunk_FXHI7JNY.SpaceAction.OpenSettings, {
+        space
+      }))
+    }, t("open space settings label"))))))));
+  } finally {
+    _effect.f();
+  }
+};
+var __dxlog_file5 = "/home/runner/work/dxos/dxos/packages/plugins/plugin-space/src/components/SpaceSettings/SpaceSettingsContainer.tsx";
+var FormSchema = import_chunk_FXHI7JNY.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_echo7.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_file5,
+          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_FXHI7JNY.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_FXHI7JNY.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_stack4.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,
+      classNames: 'p-0 container-max-width [&_[role="form"]]:grid [&_[role="form"]]:grid-cols-1 md:[&_[role="form"]]:grid-cols-[1fr_min-content] [&_[role="form"]]: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_echo8.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_file6 = "/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_file6,
+    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_echo9.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_echo9.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-Q3YZEYZT.cjs.map