@dxos/plugin-space 0.8.2-main.f11618f → 0.8.2-staging.42af850

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

@@ -1,1932 +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_ZMQO74LX_exports = {};
-__export(chunk_ZMQO74LX_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_ADD_SPACE: () => POPOVER_ADD_SPACE,
-  POPOVER_RENAME_OBJECT: () => POPOVER_RENAME_OBJECT,
-  POPOVER_RENAME_SPACE: () => POPOVER_RENAME_SPACE,
-  PersistenceStatus: () => PersistenceStatus,
-  PopoverAddSpace: () => PopoverAddSpace,
-  PopoverRenameObject: () => PopoverRenameObject,
-  PopoverRenameSpace: () => PopoverRenameSpace,
-  ReactRoot: () => ReactRoot,
-  ReactSurface: () => ReactSurface,
-  Schema: () => Schema,
-  SchemaContainer: () => SchemaContainer,
-  SmallPresence: () => SmallPresence,
-  SmallPresenceLive: () => SmallPresenceLive,
-  SpacePluginSettings: () => SpacePluginSettings,
-  SpacePresence: () => SpacePresence,
-  SpaceSettings: () => SpaceSettings,
-  SpaceSettingsContainer: () => SpaceSettingsContainer,
-  SpaceState: () => SpaceState,
-  SpacesReady: () => SpacesReady,
-  SyncStatus: () => SyncStatus,
-  SyncStatusIndicator: () => SyncStatusIndicator,
-  Tools: () => Tools,
-  useQuerySpaceSchemas: () => useQuerySpaceSchemas
-});
-module.exports = __toCommonJS(chunk_ZMQO74LX_exports);
-var import_chunk_IKIDS6XF = require("./chunk-IKIDS6XF.cjs");
-var import_chunk_XADZLQAJ = require("./chunk-XADZLQAJ.cjs");
-var import_chunk_EQ5BPSQ7 = require("./chunk-EQ5BPSQ7.cjs");
-var import_chunk_6P2DB4QQ = require("./chunk-6P2DB4QQ.cjs");
-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_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_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_react5 = __toESM(require("react"));
-var import_app_framework3 = require("@dxos/app-framework");
-var import_react6 = require("react");
-var import_app_framework4 = require("@dxos/app-framework");
-var import_effect2 = require("effect");
-var import_react7 = __toESM(require("react"));
-var import_app_framework5 = require("@dxos/app-framework");
-var import_react_ui4 = require("@dxos/react-ui");
-var import_react_ui_form2 = require("@dxos/react-ui-form");
-var import_react8 = __toESM(require("react"));
-var import_react_ui5 = require("@dxos/react-ui");
-var import_react_ui_theme3 = require("@dxos/react-ui-theme");
-var import_react9 = __toESM(require("react"));
-var import_react_ui6 = require("@dxos/react-ui");
-var import_react10 = __toESM(require("react"));
-var import_app_framework6 = 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_react11 = require("@dxos/shell/react");
-var import_react12 = require("@phosphor-icons/react");
-var import_react13 = __toESM(require("react"));
-var import_react_qr_rounded = require("react-qr-rounded");
-var import_app_framework7 = 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_react14 = require("@dxos/shell/react");
-var import_util2 = require("@dxos/util");
-var import_react15 = require("@phosphor-icons/react");
-var import_react16 = __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_react17 = __toESM(require("react"));
-var import_app_framework8 = require("@dxos/app-framework");
-var import_react_ui10 = require("@dxos/react-ui");
-var import_react_ui_stack2 = require("@dxos/react-ui-stack");
-var import_react18 = __toESM(require("react"));
-var import_echo_schema2 = require("@dxos/echo-schema");
-var import_echo5 = require("@dxos/react-client/echo");
-var import_react_ui11 = require("@dxos/react-ui");
-var import_react_ui_form4 = require("@dxos/react-ui-form");
-var import_react19 = __toESM(require("react"));
-var import_react_ui12 = require("@dxos/react-ui");
-var import_react20 = __toESM(require("react"));
-var import_react_ui13 = require("@dxos/react-ui");
-var import_react_ui_theme5 = require("@dxos/react-ui-theme");
-var import_react21 = require("@phosphor-icons/react");
-var import_react22 = __toESM(require("react"));
-var import_async2 = require("@dxos/async");
-var import_react_ui14 = require("@dxos/react-ui");
-var import_react_ui_theme6 = require("@dxos/react-ui-theme");
-var import_react23 = __toESM(require("react"));
-var import_app_framework9 = require("@dxos/app-framework");
-var import_react_ui15 = require("@dxos/react-ui");
-var import_react24 = __toESM(require("react"));
-var import_app_framework10 = require("@dxos/app-framework");
-var import_log2 = require("@dxos/log");
-var import_react_ui16 = require("@dxos/react-ui");
-var import_react25 = __toESM(require("react"));
-var import_app_framework11 = require("@dxos/app-framework");
-var import_react_ui17 = require("@dxos/react-ui");
-var import_react26 = __toESM(require("react"));
-var import_react_ui18 = require("@dxos/react-ui");
-var import_react_ui_form5 = require("@dxos/react-ui-form");
-var import_react_ui_stack3 = require("@dxos/react-ui-stack");
-var import_react27 = __toESM(require("react"));
-var import_app_framework12 = require("@dxos/app-framework");
-var import_display_name = require("@dxos/display-name");
-var import_react_client6 = require("@dxos/react-client");
-var import_echo6 = require("@dxos/react-client/echo");
-var import_halo = require("@dxos/react-client/halo");
-var import_react_ui19 = require("@dxos/react-ui");
-var import_react_ui_attention = require("@dxos/react-ui-attention");
-var import_util3 = require("@dxos/util");
-var import_react28 = __toESM(require("react"));
-var import_app_framework13 = require("@dxos/app-framework");
-var import_react_client7 = require("@dxos/react-client");
-var import_echo7 = require("@dxos/react-client/echo");
-var import_react_ui20 = require("@dxos/react-ui");
-var import_react_ui_form6 = require("@dxos/react-ui-form");
-var import_effect3 = require("effect");
-var import_react29 = __toESM(require("react"));
-var import_app_framework14 = 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_echo8 = require("@dxos/react-client/echo");
-var import_react_ui21 = require("@dxos/react-ui");
-var import_react_ui_form7 = 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_react30 = __toESM(require("react"));
-var import_app_framework15 = 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_echo9 = require("@dxos/react-client/echo");
-var import_react_ui22 = require("@dxos/react-ui");
-var import_react_ui_attention2 = require("@dxos/react-ui-attention");
-var import_react31 = __toESM(require("react"));
-var import_plugin_status_bar = require("@dxos/plugin-status-bar");
-var import_react_client10 = require("@dxos/react-client");
-var import_echo10 = require("@dxos/react-client/echo");
-var import_react_ui23 = require("@dxos/react-ui");
-var import_context = require("@dxos/context");
-var WAIT_FOR_OBJECT_TIMEOUT = 18e4;
-var TOAST_TIMEOUT = 24e4;
-var AwaitingObject = ({ id }) => {
-  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.all());
-  (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_EQ5BPSQ7.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"
-  })))));
-};
-var useInputSurfaceLookup = (baseData) => {
-  const pluginManager = (0, import_app_framework3.usePluginManager)();
-  return (0, import_react5.useCallback)(({ prop, schema, inputProps }) => {
-    const composedData = {
-      prop,
-      schema,
-      ...baseData
-    };
-    if (!(0, import_app_framework3.isSurfaceAvailable)(pluginManager.context, {
-      role: "form-input",
-      data: composedData
-    })) {
-      return void 0;
-    }
-    return /* @__PURE__ */ import_react5.default.createElement(import_app_framework3.Surface, {
-      role: "form-input",
-      data: composedData,
-      ...inputProps
-    });
-  }, [
-    pluginManager,
-    baseData
-  ]);
-};
-var usePath = (graph, id, timeout) => {
-  const [pathState, setPathState] = (0, import_react6.useState)(id ? graph.getPath({
-    target: id
-  }) : void 0);
-  (0, import_react6.useEffect)(() => {
-    if (!id && pathState) {
-      setPathState(void 0);
-    }
-    if (pathState?.at(-1) === id || !id) {
-      return;
-    }
-    const frame = requestAnimationFrame(async () => {
-      try {
-        const path = await graph.waitForPath({
-          target: id
-        }, {
-          timeout
-        });
-        if (path) {
-          setPathState(path);
-        }
-      } catch {
-      }
-    });
-    return () => cancelAnimationFrame(frame);
-  }, [
-    graph,
-    id,
-    timeout,
-    pathState
-  ]);
-  return pathState;
-};
-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 }) => {
-  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 = 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);
-};
-var SelectSpace = ({ spaces, defaultSpaceId, onChange }) => {
-  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_XADZLQAJ.getSpaceDisplayName)(a, {
-      personal: a.id === defaultSpaceId
-    }), t);
-    const bName = (0, import_react_ui3.toLocalizedString)((0, import_chunk_XADZLQAJ.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_XADZLQAJ.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_XADZLQAJ.getSpaceDisplayName)(space, {
-    personal: space.id === defaultSpaceId
-  }), t))))));
-};
-var SelectSchema = ({ options, resolve, onChange }) => {
-  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
-  }))))));
-};
-var AppGraphBuilder = (0, import_app_framework4.lazy)(() => import("./app-graph-builder-LLIV422L.cjs"));
-var AppGraphSerializer = (0, import_app_framework4.lazy)(() => import("./app-graph-serializer-M6Z2OPA4.cjs"));
-var IdentityCreated = (0, import_app_framework4.lazy)(() => import("./identity-created-YDTRMOMX.cjs"));
-var IntentResolver = (0, import_app_framework4.lazy)(() => import("./intent-resolver-3J52ARFL.cjs"));
-var ReactRoot = (0, import_app_framework4.lazy)(() => import("./react-root-XUE2J7HT.cjs"));
-var ReactSurface = (0, import_app_framework4.lazy)(() => import("./react-surface-IWSTOZ2E.cjs"));
-var Schema = (0, import_app_framework4.lazy)(() => import("./schema-PPJ5BZ3A.cjs"));
-var Tools = (0, import_app_framework4.lazy)(() => import("./schema-tools-BLIMOZYY.cjs"));
-var SpaceSettings = (0, import_app_framework4.lazy)(() => import("./settings-JLV7YT6Q.cjs"));
-var SpaceState = (0, import_app_framework4.lazy)(() => import("./state-JLN7TGRR.cjs"));
-var SpacesReady = (0, import_app_framework4.lazy)(() => import("./spaces-ready-6EBR4SM4.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 }) => {
-  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_IKIDS6XF.SpaceCapabilities.ObjectForm);
-  const resolve = (0, import_react3.useCallback)((typename2) => manager.context.requestCapabilities(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_EQ5BPSQ7.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
-    }))
-  );
-};
-var CREATE_SPACE_DIALOG = `${import_chunk_6P2DB4QQ.SPACE_PLUGIN}/CreateSpaceDialog`;
-var initialValues = {
-  edgeReplication: true
-};
-var CreateSpaceDialog = () => {
-  const closeRef = (0, import_react7.useRef)(null);
-  const { t } = (0, import_react_ui4.useTranslation)(import_chunk_6P2DB4QQ.SPACE_PLUGIN);
-  const { dispatch } = (0, import_app_framework5.useIntentDispatcher)();
-  const inputSurfaceLookup = useInputSurfaceLookup();
-  const handleCreateSpace = (0, import_react7.useCallback)(async (data) => {
-    const program = import_effect2.Effect.gen(function* () {
-      const { space } = yield* dispatch((0, import_app_framework5.createIntent)(import_chunk_EQ5BPSQ7.SpaceAction.Create, data));
-      yield* dispatch((0, import_app_framework5.createIntent)(import_app_framework5.LayoutAction.SwitchWorkspace, {
-        part: "workspace",
-        subject: space.id
-      }));
-      yield* dispatch((0, import_app_framework5.createIntent)(import_chunk_EQ5BPSQ7.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_react7.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_react7.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_react7.default.createElement(import_react_ui4.Dialog.Title, null, t("create space dialog title")), /* @__PURE__ */ import_react7.default.createElement(import_react_ui4.Dialog.Close, {
-      asChild: true
-    }, /* @__PURE__ */ import_react7.default.createElement(import_react_ui4.Button, {
-      ref: closeRef,
-      density: "fine",
-      variant: "ghost",
-      autoFocus: true
-    }, /* @__PURE__ */ import_react7.default.createElement(import_react_ui4.Icon, {
-      icon: "ph--x--regular",
-      size: 4
-    })))), /* @__PURE__ */ import_react7.default.createElement("div", {
-      className: "p-4"
-    }, /* @__PURE__ */ import_react7.default.createElement(import_react_ui_form2.Form, {
-      testId: "create-space-form",
-      classNames: "!p-0",
-      autoFocus: true,
-      values: initialValues,
-      schema: import_chunk_EQ5BPSQ7.SpaceForm,
-      lookupComponent: inputSurfaceLookup,
-      onSave: handleCreateSpace
-    })))
-  );
-};
-var CollectionMain = ({ collection }) => {
-  const { t } = (0, import_react_ui5.useTranslation)(import_chunk_6P2DB4QQ.SPACE_PLUGIN);
-  return /* @__PURE__ */ import_react8.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_react8.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")));
-};
-var CollectionSection = ({ collection }) => {
-  const { t } = (0, import_react_ui6.useTranslation)(import_chunk_6P2DB4QQ.SPACE_PLUGIN);
-  return /* @__PURE__ */ import_react9.default.createElement("div", {
-    className: "min-bs-[3.5rem] grid grid-rows-subgrid grid-cols-subgrid items-center"
-  }, /* @__PURE__ */ import_react9.default.createElement("span", {
-    className: "truncate"
-  }, collection.name ?? t("unnamed collection label")));
-};
-var JOIN_DIALOG = `${import_chunk_6P2DB4QQ.SPACE_PLUGIN}/JoinDialog`;
-var JoinDialog = ({ navigableCollections, onDone, ...props }) => {
-  const { dispatchPromise: dispatch } = (0, import_app_framework6.useIntentDispatcher)();
-  const client = (0, import_react_client3.useClient)();
-  const { graph } = (0, import_app_framework6.useAppGraph)();
-  const { t } = (0, import_react_ui7.useTranslation)(import_chunk_6P2DB4QQ.SPACE_PLUGIN);
-  const handleDone = (0, import_react10.useCallback)(async (result) => {
-    const spaceKey = result?.spaceKey;
-    if (!spaceKey) {
-      return;
-    }
-    await Promise.all([
-      dispatch((0, import_app_framework6.createIntent)(import_app_framework6.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_framework6.createIntent)(import_app_framework6.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_framework6.createIntent)(import_app_framework6.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_framework6.createIntent)(import_app_framework6.LayoutAction.Open, {
-          part: "main",
-          subject: [
-            target
-          ]
-        })),
-        dispatch((0, import_app_framework6.createIntent)(import_app_framework6.LayoutAction.Expose, {
-          part: "navigation",
-          subject: target
-        }))
-      ]);
-    }
-    await onDone?.(result);
-    if (space) {
-      await dispatch((0, import_app_framework6.createIntent)(import_types.ObservabilityAction.SendEvent, {
-        name: "space.join",
-        properties: {
-          spaceId: space.id
-        }
-      }));
-    }
-  }, [
-    dispatch,
-    client,
-    graph
-  ]);
-  return /* @__PURE__ */ import_react10.default.createElement(import_react_ui7.Dialog.Content, null, /* @__PURE__ */ import_react10.default.createElement(import_react_ui7.Dialog.Title, {
-    classNames: "sr-only"
-  }, t("join space label", {
-    ns: "os"
-  })), /* @__PURE__ */ import_react10.default.createElement(import_react11.JoinPanel, {
-    ...props,
-    exitActionParent: /* @__PURE__ */ import_react10.default.createElement(import_react_ui7.Dialog.Close, {
-      asChild: true
-    }),
-    doneActionParent: /* @__PURE__ */ import_react10.default.createElement(import_react_ui7.Dialog.Close, {
-      asChild: true
-    }),
-    onDone: handleDone
-  }));
-};
-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 }) => {
-  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_framework7.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_react13.useState)(localStorage.getItem(activeActionKey) ?? "inviteMany");
-  const setActiveAction = (nextAction) => {
-    setInternalActiveAction(nextAction);
-    localStorage.setItem(activeActionKey, nextAction);
-  };
-  const target = space.properties[import_chunk_EQ5BPSQ7.CollectionType.typename]?.target?.objects[0]?.target;
-  const locked = space.properties[import_chunk_XADZLQAJ.COMPOSER_SPACE_LOCK];
-  const handleChangeLocked = (0, import_react13.useCallback)(() => {
-    space.properties[import_chunk_XADZLQAJ.COMPOSER_SPACE_LOCK] = !locked;
-  }, [
-    locked,
-    space
-  ]);
-  const inviteActions = (0, import_react13.useMemo)(() => ({
-    inviteOne: {
-      label: t("invite one label", {
-        ns: "os"
-      }),
-      description: t("invite one description", {
-        ns: "os"
-      }),
-      icon: () => /* @__PURE__ */ import_react13.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_framework7.createIntent)(import_chunk_EQ5BPSQ7.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_react13.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_framework7.createIntent)(import_chunk_EQ5BPSQ7.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_react13.useState)(null);
-  const handleSend = (event) => {
-    setSelectedInvitation(event.invitation);
-  };
-  const handleBack = () => {
-    setSelectedInvitation(null);
-  };
-  return /* @__PURE__ */ import_react13.default.createElement(import_react_ui8.Clipboard.Provider, null, /* @__PURE__ */ import_react13.default.createElement(import_react_ui_stack.StackItem.Content, {
-    classNames: "block overflow-y-auto"
-  }, /* @__PURE__ */ import_react13.default.createElement(import_react_ui_form3.ControlPage, null, /* @__PURE__ */ import_react13.default.createElement(import_react_ui_form3.ControlSection, {
-    title: t("members verbose label"),
-    description: t("members description")
-  }, /* @__PURE__ */ import_react13.default.createElement(import_react_ui_form3.ControlFrame, null, /* @__PURE__ */ import_react13.default.createElement(import_react_ui_form3.ControlFrameItem, {
-    title: t("members label")
-  }, /* @__PURE__ */ import_react13.default.createElement(import_react14.SpaceMemberList, {
-    spaceKey: space.key,
-    includeSelf: true
-  })), locked && /* @__PURE__ */ import_react13.default.createElement(import_react_ui_form3.ControlFrameItem, {
-    title: t("invitations label")
-  }, /* @__PURE__ */ import_react13.default.createElement("p", {
-    className: "text-description mbe-2"
-  }, t("locked space description"))), !locked && /* @__PURE__ */ import_react13.default.createElement(import_react_ui_form3.ControlFrameItem, {
-    title: t("invitations label")
-  }, selectedInvitation && /* @__PURE__ */ import_react13.default.createElement(InvitationSection, {
-    ...selectedInvitation,
-    onBack: handleBack
-  }), !selectedInvitation && /* @__PURE__ */ import_react13.default.createElement(import_react13.default.Fragment, null, /* @__PURE__ */ import_react13.default.createElement("p", {
-    className: "text-description mbe-2"
-  }, t("space invitation description")), /* @__PURE__ */ import_react13.default.createElement(import_react14.InvitationList, {
-    className: "mb-2",
-    send: handleSend,
-    invitations: visibleInvitations ?? [],
-    onClickRemove: (invitation) => invitation.cancel(),
-    createInvitationUrl
-  }), /* @__PURE__ */ import_react13.default.createElement(import_react14.BifurcatedAction, {
-    actions: inviteActions,
-    activeAction,
-    onChangeActiveAction: setActiveAction,
-    "data-testid": "membersContainer.createInvitation"
-  })))), /* @__PURE__ */ import_react13.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_react13.default.createElement(import_react_ui_form3.ControlItemInput, {
-    title: t("space locked label"),
-    description: t("space locked description")
-  }, /* @__PURE__ */ import_react13.default.createElement(import_react_ui8.Input.Switch, {
-    checked: locked,
-    onCheckedChange: handleChangeLocked,
-    classNames: "justify-self-end"
-  })))))));
-};
-var InvitationSection = ({ state = import_invitations.Invitation.State.INIT, authCode, invitationId = "never", url = "never", onBack }) => {
-  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_react13.default.createElement(import_react14.Viewport.Root, {
-    activeView
-  }, /* @__PURE__ */ import_react13.default.createElement(import_react14.Viewport.Views, null, /* @__PURE__ */ import_react13.default.createElement(import_react14.Viewport.View, {
-    id: "init"
-  }), /* @__PURE__ */ import_react13.default.createElement(import_react14.Viewport.View, {
-    id: "complete"
-  }, /* @__PURE__ */ import_react13.default.createElement(InvitationComplete, {
-    statusValue: state
-  })), /* @__PURE__ */ import_react13.default.createElement(import_react14.Viewport.View, {
-    id: "auth-code"
-  }, /* @__PURE__ */ import_react13.default.createElement(InvitationAuthCode, {
-    id: invitationId,
-    code: authCode ?? "never",
-    onCancel: onBack
-  })), /* @__PURE__ */ import_react13.default.createElement(import_react14.Viewport.View, {
-    id: "qr-code"
-  }, /* @__PURE__ */ import_react13.default.createElement(InvitationQR, {
-    id: invitationId,
-    url,
-    onCancel: onBack
-  }))));
-};
-var InvitationQR = ({ id, url, onCancel }) => {
-  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_react13.default.createElement(import_react13.default.Fragment, null, /* @__PURE__ */ import_react13.default.createElement("p", {
-    className: "text-description"
-  }, t("qr code description", {
-    ns: import_chunk_6P2DB4QQ.SPACE_PLUGIN
-  })), /* @__PURE__ */ import_react13.default.createElement("div", {
-    role: "group",
-    className: "grid grid-cols-[1fr_min-content] mlb-2 gap-2"
-  }, /* @__PURE__ */ import_react13.default.createElement("div", {
-    role: "none",
-    className: "is-full aspect-square relative text-description"
-  }, /* @__PURE__ */ import_react13.default.createElement(import_react_qr_rounded.QR, {
-    rounding: 100,
-    backgroundColor: "transparent",
-    color: "currentColor",
-    "aria-labelledby": qrLabel,
-    errorCorrectionLevel: "Q",
-    cutout: true
-  }, url ?? "never"), /* @__PURE__ */ import_react13.default.createElement(import_react14.Centered, null, /* @__PURE__ */ import_react13.default.createElement(import_react14.Emoji, {
-    text: emoji
-  }))), /* @__PURE__ */ import_react13.default.createElement("span", {
-    id: qrLabel,
-    className: "sr-only"
-  }, t("qr label")), /* @__PURE__ */ import_react13.default.createElement(import_react_ui8.Clipboard.Button, {
-    value: url ?? "never"
-  })), /* @__PURE__ */ import_react13.default.createElement(import_react_ui8.Button, {
-    variant: "ghost",
-    onClick: onCancel
-  }, t("cancel label")));
-};
-var InvitationAuthCode = ({ id, code, onCancel }) => {
-  const { t } = (0, import_react_ui8.useTranslation)("os");
-  const emoji = (0, import_util2.hexToEmoji)(id);
-  return /* @__PURE__ */ import_react13.default.createElement(import_react13.default.Fragment, null, /* @__PURE__ */ import_react13.default.createElement("p", {
-    className: "text-description"
-  }, t("auth other device emoji message")), emoji && /* @__PURE__ */ import_react13.default.createElement(import_react14.Emoji, {
-    text: emoji,
-    className: "mli-auto mlb-2 text-center"
-  }), /* @__PURE__ */ import_react13.default.createElement("p", {
-    className: "text-description"
-  }, t("auth code message")), /* @__PURE__ */ import_react13.default.createElement(import_react14.AuthCode, {
-    code,
-    large: true,
-    classNames: "mli-auto mlb-2 text-center grow"
-  }), /* @__PURE__ */ import_react13.default.createElement(import_react_ui8.Button, {
-    variant: "ghost",
-    onClick: onCancel
-  }, t("cancel label")));
-};
-var InvitationComplete = ({ statusValue }) => {
-  return statusValue > 0 ? /* @__PURE__ */ import_react13.default.createElement(import_react12.Check, {
-    className: (0, import_react_ui_theme4.mx)("m-1.5", (0, import_react_ui_theme4.getSize)(6))
-  }) : /* @__PURE__ */ import_react13.default.createElement(import_react12.X, {
-    className: (0, import_react_ui_theme4.mx)("m-1.5", (0, import_react_ui_theme4.getSize)(6))
-  });
-};
-var MenuFooter = ({ object }) => {
-  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_XADZLQAJ.getSpaceDisplayName)(space, {
-    personal: client.spaces.default === space
-  }) : "";
-  return space ? /* @__PURE__ */ import_react16.default.createElement(import_react16.default.Fragment, null, /* @__PURE__ */ import_react16.default.createElement(import_react_ui9.DropdownMenu.Separator, null), /* @__PURE__ */ import_react16.default.createElement(import_react_ui9.DropdownMenu.GroupLabel, null, t("menu footer label")), /* @__PURE__ */ import_react16.default.createElement("dl", {
-    className: "pis-2 mbe-2 text-xs grid grid-cols-[max-content_1fr] gap-2"
-  }, /* @__PURE__ */ import_react16.default.createElement("dt", {
-    className: "uppercase text-[.75em] tracking-wide font-medium mbs-px self-start"
-  }, t("location label")), /* @__PURE__ */ import_react16.default.createElement("dd", {
-    className: "line-clamp-3"
-  }, /* @__PURE__ */ import_react16.default.createElement(import_react15.Planet, {
-    className: "inline-block mie-1"
-  }), (0, import_react_ui9.toLocalizedString)(spaceName, t)))) : null;
-};
-var ForeignKeys = ({ keys, onDelete }) => {
-  return /* @__PURE__ */ import_react19.default.createElement(import_react_ui12.List, {
-    classNames: "flex flex-col gap-2"
-  }, keys.map((key) => /* @__PURE__ */ import_react19.default.createElement(KeyItem, {
-    key: key.id,
-    forignKey: key,
-    onDelete
-  })));
-};
-var KeyItem = ({ forignKey, onDelete }) => {
-  const { t } = (0, import_react_ui12.useTranslation)(import_chunk_6P2DB4QQ.SPACE_PLUGIN);
-  const handleDelete = (0, import_react19.useCallback)(() => {
-    onDelete?.(forignKey);
-  }, [
-    forignKey,
-    onDelete
-  ]);
-  return /* @__PURE__ */ import_react19.default.createElement(import_react_ui12.ListItem.Root, {
-    classNames: "px-2"
-  }, /* @__PURE__ */ import_react19.default.createElement(import_react_ui12.ListItem.Heading, {
-    classNames: "flex flex-col grow truncate"
-  }, /* @__PURE__ */ import_react19.default.createElement("div", null, forignKey.source), /* @__PURE__ */ import_react19.default.createElement("div", {
-    className: "text-description text-sm truncate"
-  }, forignKey.id)), /* @__PURE__ */ import_react19.default.createElement(import_react_ui12.ListItem.Endcap, null, /* @__PURE__ */ import_react19.default.createElement(import_react_ui12.IconButton, {
-    iconOnly: true,
-    icon: "ph--x--regular",
-    variant: "ghost",
-    label: t("delete key"),
-    onClick: handleDelete
-  })));
-};
-var initialValues2 = {
-  source: "",
-  id: ""
-};
-var AdvancedObjectSettings = ({ object }) => {
-  const { t } = (0, import_react_ui11.useTranslation)(import_chunk_6P2DB4QQ.SPACE_PLUGIN);
-  const [adding, setAdding] = (0, import_react18.useState)(false);
-  const keys = (0, import_echo5.getMeta)(object).keys;
-  const handleNew = (0, import_react18.useCallback)(() => setAdding(true), []);
-  const handleCancel = (0, import_react18.useCallback)(() => setAdding(false), []);
-  const handleSave = (0, import_react18.useCallback)((key) => {
-    const index = keys.findIndex(({ source, id }) => source === key.source && id === key.id);
-    if (index === -1) {
-      keys.push(key);
-    }
-    setAdding(false);
-  }, [
-    keys
-  ]);
-  const handleDelete = (0, import_react18.useCallback)((key) => {
-    const index = keys.findIndex(({ source, id }) => source === key.source && id === key.id);
-    if (index !== -1) {
-      keys.splice(index, 1);
-    }
-  }, [
-    keys
-  ]);
-  return /* @__PURE__ */ import_react18.default.createElement(import_react18.default.Fragment, null, /* @__PURE__ */ import_react18.default.createElement("div", {
-    className: "p-2 flex flex-col gap-4"
-  }, /* @__PURE__ */ import_react18.default.createElement("h2", null, t("advanced settings label")), /* @__PURE__ */ import_react18.default.createElement("div", {
-    className: "flex items-center"
-  }, /* @__PURE__ */ import_react18.default.createElement("h3", {
-    className: "text-sm font-semibold"
-  }, t("foreign keys")), /* @__PURE__ */ import_react18.default.createElement("div", {
-    className: "grow"
-  }), /* @__PURE__ */ import_react18.default.createElement(import_react_ui11.IconButton, {
-    classNames: adding && "invisible",
-    icon: "ph--plus--regular",
-    label: t("add key"),
-    onClick: handleNew
-  })), !adding && /* @__PURE__ */ import_react18.default.createElement(ForeignKeys, {
-    keys,
-    onDelete: handleDelete
-  })), adding && /* @__PURE__ */ import_react18.default.createElement(import_react_ui_form4.Form, {
-    schema: import_echo_schema2.ForeignKeySchema,
-    values: initialValues2,
-    onSave: handleSave,
-    onCancel: handleCancel
-  }));
-};
-var BaseObjectSettings = ({ classNames, children, object }) => {
-  const { t } = (0, import_react_ui13.useTranslation)(import_chunk_6P2DB4QQ.meta.id);
-  const inputRef = (0, import_react20.useRef)(null);
-  return /* @__PURE__ */ import_react20.default.createElement("form", {
-    className: (0, import_react_ui_theme5.mx)("flex flex-col p-2 gap-2", classNames)
-  }, /* @__PURE__ */ import_react20.default.createElement(import_react_ui13.Input.Root, null, /* @__PURE__ */ import_react20.default.createElement(import_react_ui13.Input.Label, null, t("name label")), /* @__PURE__ */ import_react20.default.createElement(import_react_ui13.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);
-};
-var ObjectSettingsContainer = ({ object, role }) => {
-  const data = (0, import_react17.useMemo)(() => ({
-    subject: object
-  }), [
-    object
-  ]);
-  return /* @__PURE__ */ import_react17.default.createElement(import_react_ui10.Clipboard.Provider, null, /* @__PURE__ */ import_react17.default.createElement(import_react_ui_stack2.StackItem.Content, {
-    toolbar: false,
-    role
-  }, /* @__PURE__ */ import_react17.default.createElement("div", {
-    className: "flex flex-col overflow-y-auto divide-y divide-separator"
-  }, /* @__PURE__ */ import_react17.default.createElement(BaseObjectSettings, {
-    object
-  }, /* @__PURE__ */ import_react17.default.createElement(import_app_framework8.Surface, {
-    role: "base-object-settings",
-    data
-  })), /* @__PURE__ */ import_react17.default.createElement(import_app_framework8.Surface, {
-    role: "object-settings",
-    data
-  }), /* @__PURE__ */ import_react17.default.createElement(AdvancedObjectSettings, {
-    object
-  }))));
-};
-var Status;
-(function(Status2) {
-  Status2[Status2["PERSISTED_LOCALLY"] = 0] = "PERSISTED_LOCALLY";
-  Status2[Status2["PENDING"] = 1] = "PENDING";
-  Status2[Status2["ERROR"] = 2] = "ERROR";
-})(Status || (Status = {}));
-var PersistenceStatus = ({ db }) => {
-  const { t } = (0, import_react_ui14.useTranslation)(import_chunk_6P2DB4QQ.SPACE_PLUGIN);
-  const [displayMessage, setDisplayMessage] = (0, import_react22.useState)(false);
-  const [status, naturalSetStatus] = (0, import_react22.useState)(0);
-  const [prevStatus, setPrevStatus] = (0, import_react22.useState)(0);
-  const _setStatus = (0, import_async2.debounce)(naturalSetStatus, 500);
-  (0, import_react22.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_react22.default.createElement("div", {
-        className: "flex items-center"
-      }, /* @__PURE__ */ import_react22.default.createElement(import_react21.Warning, {
-        className: (0, import_react_ui_theme6.mx)((0, import_react_ui_theme6.getSize)(4), "me-1")
-      }), /* @__PURE__ */ import_react22.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_react22.default.createElement("div", {
-        className: "flex items-center"
-      }, /* @__PURE__ */ import_react22.default.createElement(import_react21.ArrowsCounterClockwise, {
-        className: (0, import_react_ui_theme6.mx)((0, import_react_ui_theme6.getSize)(4), "me-1")
-      }), /* @__PURE__ */ import_react22.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_react22.default.createElement(import_react_ui14.Tooltip.Root, {
-        delayDuration: 400
-      }, /* @__PURE__ */ import_react22.default.createElement(import_react_ui14.Tooltip.Trigger, {
-        role: "status",
-        className: "flex items-center"
-      }, /* @__PURE__ */ import_react22.default.createElement(import_react21.CheckCircle, {
-        className: (0, import_react_ui_theme6.mx)((0, import_react_ui_theme6.getSize)(4), "me-1")
-      }), displayMessage && /* @__PURE__ */ import_react22.default.createElement("span", {
-        className: (0, import_react_ui_theme6.mx)("text-sm", import_react_ui_theme6.staticPlaceholderText)
-      }, t("persisted locally label"))), /* @__PURE__ */ import_react22.default.createElement(import_react_ui14.Tooltip.Portal, null, /* @__PURE__ */ import_react22.default.createElement(import_react_ui14.Tooltip.Content, null, t("persisted locally message"), /* @__PURE__ */ import_react22.default.createElement(import_react_ui14.Tooltip.Arrow, null))));
-  }
-};
-var POPOVER_ADD_SPACE = `${import_chunk_6P2DB4QQ.SPACE_PLUGIN}/PopoverRenameSpace`;
-var PopoverAddSpace = () => {
-  const { t } = (0, import_react_ui15.useTranslation)(import_chunk_6P2DB4QQ.SPACE_PLUGIN);
-  const { dispatchPromise: dispatch } = (0, import_app_framework9.useIntentDispatcher)();
-  return /* @__PURE__ */ import_react23.default.createElement("div", {
-    role: "none",
-    className: "p-1 grid grid-cols-1 gap-1 [&>button]:justify-start"
-  }, /* @__PURE__ */ import_react23.default.createElement(import_react_ui15.IconButton, {
-    variant: "ghost",
-    label: t("create space label"),
-    icon: "ph--plus--regular",
-    onClick: () => {
-      void dispatch((0, import_app_framework9.createIntent)(import_chunk_EQ5BPSQ7.SpaceAction.OpenCreateSpace));
-      void dispatch((0, import_app_framework9.createIntent)(import_app_framework9.LayoutAction.UpdatePopover, {
-        part: "popover",
-        options: {
-          variant: "react",
-          anchorId: "",
-          state: false
-        }
-      }));
-    },
-    "data-testid": "spacePlugin.createSpace"
-  }), /* @__PURE__ */ import_react23.default.createElement(import_react_ui15.IconButton, {
-    variant: "ghost",
-    label: t("join space label"),
-    icon: "ph--sign-in--regular",
-    onClick: () => {
-      void dispatch((0, import_app_framework9.createIntent)(import_chunk_EQ5BPSQ7.SpaceAction.Join));
-      void dispatch((0, import_app_framework9.createIntent)(import_app_framework9.LayoutAction.UpdatePopover, {
-        part: "popover",
-        options: {
-          variant: "react",
-          anchorId: "",
-          state: false
-        }
-      }));
-    },
-    "data-testid": "spacePlugin.joinSpace"
-  }));
-};
-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 }) => {
-  const { t } = (0, import_react_ui16.useTranslation)(import_chunk_6P2DB4QQ.SPACE_PLUGIN);
-  const doneButton = (0, import_react24.useRef)(null);
-  const object = obj;
-  const [name, setName] = (0, import_react24.useState)(object.name || object.title || "");
-  const { dispatchPromise: dispatch } = (0, import_app_framework10.useIntentDispatcher)();
-  const handleDone = (0, import_react24.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_framework10.createIntent)(import_app_framework10.LayoutAction.UpdatePopover, {
-      part: "popover",
-      options: {
-        variant: "react",
-        anchorId: "",
-        state: false
-      }
-    }));
-  }, [
-    object,
-    name
-  ]);
-  return /* @__PURE__ */ import_react24.default.createElement("div", {
-    role: "none",
-    className: "p-1 flex gap-2"
-  }, /* @__PURE__ */ import_react24.default.createElement("div", {
-    role: "none",
-    className: "flex-1"
-  }, /* @__PURE__ */ import_react24.default.createElement(import_react_ui16.Input.Root, null, /* @__PURE__ */ import_react24.default.createElement(import_react_ui16.Input.Label, {
-    srOnly: true
-  }, t("object name label")), /* @__PURE__ */ import_react24.default.createElement(import_react_ui16.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_react24.default.createElement(import_react_ui16.Button, {
-    ref: doneButton,
-    classNames: "self-stretch",
-    onClick: handleDone
-  }, t("done label", {
-    ns: "os"
-  })));
-};
-var POPOVER_RENAME_SPACE = `${import_chunk_6P2DB4QQ.SPACE_PLUGIN}/PopoverRenameSpace`;
-var PopoverRenameSpace = ({ space }) => {
-  const { t } = (0, import_react_ui17.useTranslation)(import_chunk_6P2DB4QQ.SPACE_PLUGIN);
-  const doneButton = (0, import_react25.useRef)(null);
-  const [name, setName] = (0, import_react25.useState)(space.properties.name ?? "");
-  const { dispatchPromise: dispatch } = (0, import_app_framework11.useIntentDispatcher)();
-  const handleDone = (0, import_react25.useCallback)(() => {
-    space.properties.name = name;
-    void dispatch((0, import_app_framework11.createIntent)(import_app_framework11.LayoutAction.UpdatePopover, {
-      part: "popover",
-      options: {
-        variant: "react",
-        anchorId: "",
-        state: false
-      }
-    }));
-  }, [
-    space,
-    name
-  ]);
-  return /* @__PURE__ */ import_react25.default.createElement("div", {
-    role: "none",
-    className: "p-1 flex gap-2"
-  }, /* @__PURE__ */ import_react25.default.createElement("div", {
-    role: "none",
-    className: "flex-1"
-  }, /* @__PURE__ */ import_react25.default.createElement(import_react_ui17.Input.Root, null, /* @__PURE__ */ import_react25.default.createElement(import_react_ui17.Input.Label, {
-    srOnly: true
-  }, t("space name label")), /* @__PURE__ */ import_react25.default.createElement(import_react_ui17.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_react25.default.createElement(import_react_ui17.Popover.Close, {
-    asChild: true
-  }, /* @__PURE__ */ import_react25.default.createElement(import_react_ui17.Button, {
-    ref: doneButton,
-    classNames: "self-stretch",
-    onClick: handleDone
-  }, t("done label", {
-    ns: "os"
-  }))));
-};
-var useQuerySpaceSchemas = (space) => {
-  const [schemas, setSchemas] = (0, import_react26.useState)([]);
-  (0, import_react26.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 }) => {
-  const { t } = (0, import_react_ui18.useTranslation)(import_chunk_6P2DB4QQ.SPACE_PLUGIN);
-  const schemas = useQuerySpaceSchemas(space);
-  return /* @__PURE__ */ import_react26.default.createElement(import_react_ui_stack3.StackItem.Content, {
-    classNames: "block overflow-y-auto"
-  }, /* @__PURE__ */ import_react26.default.createElement(import_react_ui_form5.ControlPage, null, /* @__PURE__ */ import_react26.default.createElement(import_react_ui_form5.ControlSection, {
-    title: t("schema verbose label"),
-    description: t("schema description")
-  }, /* @__PURE__ */ import_react26.default.createElement("div", {
-    role: "none",
-    className: import_react_ui_form5.controlItemClasses
-  }, schemas.length === 0 && /* @__PURE__ */ import_react26.default.createElement("div", {
-    className: "text-center plb-4"
-  }, t("no schemas found message")), schemas.map((schema) => /* @__PURE__ */ import_react26.default.createElement("div", {
-    key: schema.id
-  }, /* @__PURE__ */ import_react26.default.createElement("div", null, schema.typename)))))));
-};
-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 }) => {
-  const spaceState = (0, import_app_framework12.useCapability)(import_chunk_IKIDS6XF.SpaceCapabilities.MutableState);
-  const client = (0, import_react_client6.useClient)();
-  const identity = (0, import_halo.useIdentity)();
-  const space = spaceKey ? client.spaces.get(spaceKey) : (0, import_echo6.getSpace)(object);
-  const spaceMembers = (0, import_echo6.useMembers)(space?.key);
-  const [_moment, setMoment] = (0, import_react27.useState)(Date.now());
-  (0, import_react27.useEffect)(() => {
-    const interval = setInterval(() => setMoment(Date.now()), REFRESH_INTERVAL);
-    return () => clearInterval(interval);
-  }, []);
-  const memberOnline = (0, import_react27.useCallback)((member) => member.presence === 1, []);
-  const memberIsNotSelf = (0, import_react27.useCallback)((member) => !identity?.identityKey.equals(member.identity.identityKey), [
-    identity?.identityKey
-  ]);
-  if (!identity || !spaceState || !space) {
-    return null;
-  }
-  const currentObjectViewers = spaceState.viewersByObject[(0, import_echo6.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_react27.default.createElement(FullPresence, {
-    members: membersForObject
-  });
-};
-var FullPresence = (props) => {
-  const { size = 9, onMemberClick } = props;
-  const members = (0, import_react_ui19.useDefaultValue)(props.members, () => []);
-  if (members.length === 0) {
-    return null;
-  }
-  return /* @__PURE__ */ import_react27.default.createElement("div", {
-    className: "dx-avatar-group",
-    "data-testid": "spacePlugin.presence"
-  }, members.slice(0, 3).map((member, i) => /* @__PURE__ */ import_react27.default.createElement(import_react_ui19.Tooltip.Root, {
-    key: member.identity.identityKey.toHex()
-  }, /* @__PURE__ */ import_react27.default.createElement(import_react_ui19.Tooltip.Trigger, {
-    className: "grid focus:outline-none"
-  }, /* @__PURE__ */ import_react27.default.createElement(PresenceAvatar, {
-    identity: member.identity,
-    match: member.currentlyAttended,
-    index: members.length - i,
-    onClick: () => onMemberClick?.(member),
-    size
-  })), /* @__PURE__ */ import_react27.default.createElement(import_react_ui19.Tooltip.Portal, null, /* @__PURE__ */ import_react27.default.createElement(import_react_ui19.Tooltip.Content, {
-    side: "bottom"
-  }, /* @__PURE__ */ import_react27.default.createElement("span", null, getName(member.identity)), /* @__PURE__ */ import_react27.default.createElement(import_react_ui19.Tooltip.Arrow, null))))), members.length > 3 && /* @__PURE__ */ import_react27.default.createElement(import_react_ui19.Tooltip.Root, null, /* @__PURE__ */ import_react27.default.createElement(import_react_ui19.Tooltip.Trigger, {
-    className: "grid focus:outline-none"
-  }, /* @__PURE__ */ import_react27.default.createElement(import_react_ui19.Avatar.Root, null, /* @__PURE__ */ import_react27.default.createElement(import_react_ui19.Avatar.Content, {
-    status: "inactive",
-    style: {
-      zIndex: members.length - 4
-    },
-    fallback: `+${members.length - 3}`,
-    size
-  }))), /* @__PURE__ */ import_react27.default.createElement(import_react_ui19.Tooltip.Portal, null, /* @__PURE__ */ import_react27.default.createElement(import_react_ui19.Tooltip.Content, {
-    side: "bottom"
-  }, /* @__PURE__ */ import_react27.default.createElement(import_react_ui19.Tooltip.Arrow, null), /* @__PURE__ */ import_react27.default.createElement(import_react_ui19.List, {
-    classNames: "max-h-56 overflow-y-auto"
-  }, members.map((member) => /* @__PURE__ */ import_react27.default.createElement(import_react_ui19.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_react27.default.createElement(PresenceAvatar, {
-    identity: member.identity,
-    size,
-    showName: true,
-    match: member.currentlyAttended
-  }))))))));
-};
-var PresenceAvatar = /* @__PURE__ */ (0, import_react27.forwardRef)(({ identity, showName, match, index, onClick, size }, forwardedRef) => {
-  const status = match ? "current" : "active";
-  const fallbackValue = (0, import_util3.keyToFallback)(identity.identityKey);
-  return /* @__PURE__ */ import_react27.default.createElement(import_react_ui19.Avatar.Root, null, /* @__PURE__ */ import_react27.default.createElement(import_react_ui19.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_react27.default.createElement(import_react_ui19.Avatar.Label, {
-    classNames: showName ? "text-sm truncate pli-2" : "sr-only"
-  }, getName(identity)));
-});
-var SmallPresenceLive = ({ id, open, viewers }) => {
-  const { hasAttention, isAncestor, isRelated } = (0, import_react_ui_attention.useAttention)(id);
-  const isAttended = hasAttention || isAncestor || isRelated;
-  const { graph } = (0, import_app_framework12.useAppGraph)();
-  const attended = (0, import_react_ui_attention.useAttended)();
-  const startOfAttention = attended.at(-1);
-  const path = usePath(graph, startOfAttention);
-  const containsAttended = !open && !isAttended && id && path ? path.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_react27.useState)(viewers ? getActiveViewers(viewers) : []);
-  (0, import_react27.useEffect)(() => {
-    if (viewers) {
-      setActiveViewers(getActiveViewers(viewers));
-      const interval = setInterval(() => {
-        setActiveViewers(getActiveViewers(viewers));
-      }, REFRESH_INTERVAL);
-      return () => clearInterval(interval);
-    }
-  }, [
-    viewers
-  ]);
-  return /* @__PURE__ */ import_react27.default.createElement(SmallPresence, {
-    count: activeViewers.length,
-    attended: isAttended,
-    containsAttended
-  });
-};
-var SmallPresence = ({ count = 0, attended, containsAttended }) => {
-  const { t } = (0, import_react_ui19.useTranslation)(import_chunk_6P2DB4QQ.SPACE_PLUGIN);
-  return /* @__PURE__ */ import_react27.default.createElement(import_react_ui19.Tooltip.Root, null, /* @__PURE__ */ import_react27.default.createElement(import_react_ui19.Tooltip.Trigger, {
-    asChild: true
-  }, /* @__PURE__ */ import_react27.default.createElement(import_react_ui_attention.AttentionGlyph, {
-    attended,
-    containsAttended,
-    presence: count > 1 ? "many" : count === 1 ? "one" : "none",
-    classNames: "self-center mie-1"
-  })), /* @__PURE__ */ import_react27.default.createElement(import_react_ui19.Tooltip.Portal, null, /* @__PURE__ */ import_react27.default.createElement(import_react_ui19.Tooltip.Content, {
-    side: "bottom"
-  }, /* @__PURE__ */ import_react27.default.createElement("span", null, t("presence label", {
-    count
-  })), /* @__PURE__ */ import_react27.default.createElement(import_react_ui19.Tooltip.Arrow, null))));
-};
-var SpacePluginSettings = ({ settings }) => {
-  const { t } = (0, import_react_ui20.useTranslation)(import_chunk_6P2DB4QQ.SPACE_PLUGIN);
-  const { dispatchPromise: dispatch } = (0, import_app_framework13.useIntentDispatcher)();
-  const client = (0, import_react_client7.useClient)();
-  const spaces = (0, import_echo7.useSpaces)({
-    all: settings.showHidden
-  });
-  return /* @__PURE__ */ import_react28.default.createElement(import_react_ui_form6.DeprecatedFormContainer, null, /* @__PURE__ */ import_react28.default.createElement(import_react_ui_form6.DeprecatedFormInput, {
-    label: t("show hidden spaces label")
-  }, /* @__PURE__ */ import_react28.default.createElement(import_react_ui20.Input.Switch, {
-    checked: settings.showHidden,
-    onCheckedChange: (checked) => settings.showHidden = !!checked
-  })), /* @__PURE__ */ import_react28.default.createElement("div", {
-    role: "none"
-  }, /* @__PURE__ */ import_react28.default.createElement("h2", {
-    className: "text-xl my-4"
-  }, "Space Settings"), /* @__PURE__ */ import_react28.default.createElement(import_react_ui20.List, {
-    classNames: "max-w-md mx-auto"
-  }, spaces.map((space) => /* @__PURE__ */ import_react28.default.createElement(import_react_ui20.ListItem.Root, {
-    key: space.id
-  }, /* @__PURE__ */ import_react28.default.createElement(import_react_ui20.ListItem.Heading, {
-    classNames: "flex flex-col grow truncate mbe-2"
-  }, (0, import_react_ui20.toLocalizedString)((0, import_chunk_XADZLQAJ.getSpaceDisplayName)(space, {
-    personal: space === client.spaces.default
-  }), t)), /* @__PURE__ */ import_react28.default.createElement(import_react_ui20.ListItem.Endcap, null, /* @__PURE__ */ import_react28.default.createElement(import_react_ui20.Button, {
-    onClick: () => dispatch((0, import_app_framework13.createIntent)(import_chunk_EQ5BPSQ7.SpaceAction.OpenSettings, {
-      space
-    }))
-  }, t("open space settings label"))))))));
-};
-var __dxlog_file5 = "/home/runner/work/dxos/dxos/packages/plugins/plugin-space/src/components/SpaceSettings/SpaceSettingsContainer.tsx";
-var FormSchema = import_chunk_EQ5BPSQ7.SpaceForm.pipe(import_effect3.Schema.extend(import_effect3.Schema.Struct({
-  archived: import_effect3.Schema.Boolean.annotations({
-    title: "Archive space"
-  })
-})));
-var SpaceSettingsContainer = ({ space }) => {
-  const { t } = (0, import_react_ui21.useTranslation)(import_chunk_6P2DB4QQ.SPACE_PLUGIN);
-  const { dispatchPromise: dispatch } = (0, import_app_framework14.useIntentDispatcher)();
-  const client = (0, import_react_client8.useClient)();
-  const archived = (0, import_react_ui21.useMulticastObservable)(space.state) === import_echo8.SpaceState.SPACE_INACTIVE;
-  const [edgeReplication, setEdgeReplication] = (0, import_react29.useState)(space.internal.data.edgeReplication === import_metadata.EdgeReplicationSetting.ENABLED);
-  const toggleEdgeReplication = (0, import_react29.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: 49,
-        S: void 0,
-        C: (f, a) => f(...a)
-      });
-      setEdgeReplication(!next);
-    });
-  }, [
-    space
-  ]);
-  const handleSave = (0, import_react29.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_effect3.pipe)((0, import_app_framework14.createIntent)(import_chunk_EQ5BPSQ7.SpaceAction.Close, {
-        space
-      }), (0, import_app_framework14.chain)(import_app_framework14.LayoutAction.SwitchWorkspace, {
-        part: "workspace",
-        subject: client.spaces.default.id
-      })));
-    } else if (!properties.archived && archived) {
-      void dispatch((0, import_app_framework14.createIntent)(import_chunk_EQ5BPSQ7.SpaceAction.Open, {
-        space
-      }));
-    }
-  }, [
-    space,
-    toggleEdgeReplication,
-    archived
-  ]);
-  const values = (0, import_react29.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_react29.useMemo)(() => ({
-    name: ({ type, label, getValue, onValueChange }) => {
-      const handleChange = (0, import_react29.useCallback)(({ target: { value } }) => onValueChange(type, value), [
-        onValueChange,
-        type
-      ]);
-      return /* @__PURE__ */ import_react29.default.createElement(import_react_ui_form7.ControlItemInput, {
-        title: label,
-        description: t("display name description")
-      }, /* @__PURE__ */ import_react29.default.createElement(import_react_ui21.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_react29.useCallback)((nextEmoji) => onValueChange(type, nextEmoji), [
-        onValueChange,
-        type
-      ]);
-      const handleEmojiReset = (0, import_react29.useCallback)(() => onValueChange(type, void 0), [
-        onValueChange,
-        type
-      ]);
-      return /* @__PURE__ */ import_react29.default.createElement(import_react_ui_form7.ControlItem, {
-        title: label,
-        description: t("icon description")
-      }, /* @__PURE__ */ import_react29.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_react29.useCallback)((nextHue) => onValueChange(type, nextHue), [
-        onValueChange,
-        type
-      ]);
-      const handleHueReset = (0, import_react29.useCallback)(() => onValueChange(type, void 0), [
-        onValueChange,
-        type
-      ]);
-      return /* @__PURE__ */ import_react29.default.createElement(import_react_ui_form7.ControlItem, {
-        title: label,
-        description: t("hue description")
-      }, /* @__PURE__ */ import_react29.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_react29.useCallback)((checked) => onValueChange(type, checked), [
-        onValueChange,
-        type
-      ]);
-      return /* @__PURE__ */ import_react29.default.createElement(import_react_ui_form7.ControlItemInput, {
-        title: label,
-        description: t("edge replication description")
-      }, /* @__PURE__ */ import_react29.default.createElement(import_react_ui21.Input.Switch, {
-        checked: getValue(),
-        onCheckedChange: handleChange,
-        classNames: "justify-self-end"
-      }));
-    },
-    archived: ({ type, label, getValue, onValueChange }) => {
-      const handleChange = (0, import_react29.useCallback)(() => onValueChange(type, !getValue()), [
-        onValueChange,
-        type,
-        getValue
-      ]);
-      return /* @__PURE__ */ import_react29.default.createElement(import_react_ui_form7.ControlItemInput, {
-        title: label,
-        description: t("archive space description")
-      }, /* @__PURE__ */ import_react29.default.createElement(import_react_ui21.Button, {
-        disabled: space === client.spaces.default,
-        onClick: handleChange
-      }, getValue() ? t("unarchive space label") : t("archive space label")));
-    }
-  }), [
-    t,
-    space
-  ]);
-  return /* @__PURE__ */ import_react29.default.createElement(import_react_ui_stack4.StackItem.Content, {
-    classNames: "block overflow-y-auto pli-2"
-  }, /* @__PURE__ */ import_react29.default.createElement(import_react_ui_form7.ControlPage, null, /* @__PURE__ */ import_react29.default.createElement(import_react_ui_form7.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_react29.default.createElement(import_react_ui_form7.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'
-  }))));
-};
-var useEdgeStatus = () => {
-  const [status, setStatus] = (0, import_react30.useState)(import_services.EdgeStatus.NOT_CONNECTED);
-  const client = (0, import_react_client9.useClient)();
-  (0, import_react30.useEffect)(() => {
-    client.services.services.EdgeAgentService?.queryEdgeStatus().subscribe(({ status: status2 }) => {
-      setStatus(status2);
-    });
-  }, [
-    client
-  ]);
-  return status;
-};
-var InlineSyncStatus = ({ space, open }) => {
-  const { t } = (0, import_react_ui22.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_framework15.useAppGraph)();
-  const attended = (0, import_react_ui_attention2.useAttended)();
-  const startOfAttention = attended.at(-1);
-  const path = usePath(graph, startOfAttention);
-  const containsAttended = !open && !isAttended && id && path ? path.includes(id) : false;
-  const connectedToEdge = useEdgeStatus() === import_services.EdgeStatus.CONNECTED;
-  const edgeSyncEnabled = space.internal.data.edgeReplication === import_metadata2.EdgeReplicationSetting.ENABLED;
-  const syncState = (0, import_echo9.useSpaceSyncState)(space);
-  const syncing = connectedToEdge && edgeSyncEnabled && syncState && syncState.missingOnLocal > 0;
-  return /* @__PURE__ */ import_react30.default.createElement(import_react_ui22.Tooltip.Root, null, /* @__PURE__ */ import_react30.default.createElement(import_react_ui22.Tooltip.Trigger, {
-    asChild: true
-  }, /* @__PURE__ */ import_react30.default.createElement(import_react_ui_attention2.AttentionGlyph, {
-    syncing,
-    attended: isAttended,
-    containsAttended,
-    classNames: "self-center mie-1"
-  })), /* @__PURE__ */ import_react30.default.createElement(import_react_ui22.Tooltip.Portal, null, /* @__PURE__ */ import_react30.default.createElement(import_react_ui22.Tooltip.Content, {
-    side: "bottom",
-    classNames: "z-[70]"
-  }, /* @__PURE__ */ import_react30.default.createElement("span", null, t("syncing label")), /* @__PURE__ */ import_react30.default.createElement(import_react_ui22.Tooltip.Arrow, null))));
-};
-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 = () => {
-  const client = (0, import_react_client10.useClient)();
-  const state = (0, import_echo10.useSyncState)();
-  const [saved, setSaved] = (0, import_react31.useState)(true);
-  (0, import_react31.useEffect)(() => {
-    return createClientSaveTracker(client, (state2) => {
-      setSaved(state2 === "saved");
-    });
-  }, []);
-  return /* @__PURE__ */ import_react31.default.createElement(SyncStatusIndicator, {
-    state,
-    saved
-  });
-};
-var SyncStatusIndicator = ({ state, saved }) => {
-  const { t } = (0, import_react_ui23.useTranslation)(import_chunk_6P2DB4QQ.SPACE_PLUGIN);
-  const summary = (0, import_echo10.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_react31.useState)();
-  (0, import_react31.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_react31.default.createElement(import_react_ui23.Icon, {
-    icon: getIcon(status),
-    size: 4,
-    classNames
-  });
-  return /* @__PURE__ */ import_react31.default.createElement(import_plugin_status_bar.StatusBar.Item, {
-    title
-  }, icon);
-};
-// 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_ADD_SPACE,
-  POPOVER_RENAME_OBJECT,
-  POPOVER_RENAME_SPACE,
-  PersistenceStatus,
-  PopoverAddSpace,
-  PopoverRenameObject,
-  PopoverRenameSpace,
-  ReactRoot,
-  ReactSurface,
-  Schema,
-  SchemaContainer,
-  SmallPresence,
-  SmallPresenceLive,
-  SpacePluginSettings,
-  SpacePresence,
-  SpaceSettings,
-  SpaceSettingsContainer,
-  SpaceState,
-  SpacesReady,
-  SyncStatus,
-  SyncStatusIndicator,
-  Tools,
-  useQuerySpaceSchemas
-});
-//# sourceMappingURL=chunk-ZMQO74LX.cjs.map