@dxos/plugin-space 0.7.4 → 0.7.5-feature-compute.4d9d99a

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

@@ -0,0 +1,1669 @@
+"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_M64YG2FY_exports = {};
+__export(chunk_M64YG2FY_exports, {
+  AdvancedObjectSettings: () => AdvancedObjectSettings,
+  AppGraphBuilder: () => AppGraphBuilder,
+  AppGraphSerializer: () => AppGraphSerializer,
+  AwaitingObject: () => AwaitingObject,
+  BaseObjectSettings: () => BaseObjectSettings,
+  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,
+  MenuFooter: () => MenuFooter,
+  POPOVER_RENAME_OBJECT: () => POPOVER_RENAME_OBJECT,
+  POPOVER_RENAME_SPACE: () => POPOVER_RENAME_SPACE,
+  PersistenceStatus: () => PersistenceStatus,
+  PopoverRenameObject: () => PopoverRenameObject,
+  PopoverRenameSpace: () => PopoverRenameSpace,
+  ReactRoot: () => ReactRoot,
+  ReactSurface: () => ReactSurface,
+  SPACE_SETTINGS_DIALOG: () => SPACE_SETTINGS_DIALOG,
+  ShareSpaceButton: () => ShareSpaceButton,
+  ShareSpaceButtonImpl: () => ShareSpaceButtonImpl,
+  SmallPresence: () => SmallPresence,
+  SmallPresenceLive: () => SmallPresenceLive,
+  SpacePluginSettings: () => SpacePluginSettings,
+  SpacePresence: () => SpacePresence,
+  SpaceSettings: () => SpaceSettings,
+  SpaceSettingsDialog: () => SpaceSettingsDialog,
+  SpaceSettingsPanel: () => SpaceSettingsPanel,
+  SpaceState: () => SpaceState,
+  SpacesReady: () => SpacesReady,
+  SyncStatus: () => SyncStatus,
+  SyncStatusDetail: () => SyncStatusDetail,
+  SyncStatusIndicator: () => SyncStatusIndicator
+});
+module.exports = __toCommonJS(chunk_M64YG2FY_exports);
+var import_chunk_56NGXG2A = require("./chunk-56NGXG2A.cjs");
+var import_chunk_Z34MTEU7 = require("./chunk-Z34MTEU7.cjs");
+var import_chunk_DDZYVNVP = require("./chunk-DDZYVNVP.cjs");
+var import_chunk_AO4EW2RX = require("./chunk-AO4EW2RX.cjs");
+var import_react = __toESM(require("react"));
+var import_echo_schema = require("@dxos/echo-schema");
+var import_echo = require("@dxos/react-client/echo");
+var import_react_ui = require("@dxos/react-ui");
+var import_react_ui_form = require("@dxos/react-ui-form");
+var import_react2 = __toESM(require("react"));
+var import_react_ui2 = require("@dxos/react-ui");
+var import_react3 = require("@phosphor-icons/react");
+var import_react4 = __toESM(require("react"));
+var import_app_framework = require("@dxos/app-framework");
+var import_react_client = require("@dxos/react-client");
+var import_echo2 = require("@dxos/react-client/echo");
+var import_react_ui3 = require("@dxos/react-ui");
+var import_react_ui_theme = require("@dxos/react-ui-theme");
+var import_react5 = __toESM(require("react"));
+var import_react_ui4 = require("@dxos/react-ui");
+var import_effect = require("effect");
+var import_react6 = __toESM(require("react"));
+var import_app_framework2 = require("@dxos/app-framework");
+var import_react_client2 = require("@dxos/react-client");
+var import_echo3 = require("@dxos/react-client/echo");
+var import_react_ui5 = require("@dxos/react-ui");
+var import_react7 = __toESM(require("react"));
+var import_app_framework3 = require("@dxos/app-framework");
+var import_echo_schema2 = require("@dxos/echo-schema");
+var import_echo4 = require("@dxos/react-client/echo");
+var import_react_ui6 = require("@dxos/react-ui");
+var import_react_ui_form2 = require("@dxos/react-ui-form");
+var import_react_ui_searchlist = require("@dxos/react-ui-searchlist");
+var import_util = require("@dxos/util");
+var import_react8 = __toESM(require("react"));
+var import_app_framework4 = require("@dxos/app-framework");
+var import_react_ui7 = require("@dxos/react-ui");
+var import_react_ui_form3 = require("@dxos/react-ui-form");
+var import_react9 = __toESM(require("react"));
+var import_react_ui8 = require("@dxos/react-ui");
+var import_react_ui_theme2 = require("@dxos/react-ui-theme");
+var import_react10 = __toESM(require("react"));
+var import_react_ui9 = require("@dxos/react-ui");
+var import_react11 = __toESM(require("react"));
+var import_app_framework5 = require("@dxos/app-framework");
+var import_plugin_graph = require("@dxos/plugin-graph");
+var import_types = require("@dxos/plugin-observability/types");
+var import_echo5 = require("@dxos/react-client/echo");
+var import_react_ui10 = require("@dxos/react-ui");
+var import_react12 = require("@dxos/shell/react");
+var import_react13 = require("@phosphor-icons/react");
+var import_react14 = __toESM(require("react"));
+var import_echo6 = require("@dxos/client/echo");
+var import_react_client3 = require("@dxos/react-client");
+var import_react_ui11 = require("@dxos/react-ui");
+var import_react15 = require("@phosphor-icons/react");
+var import_react16 = __toESM(require("react"));
+var import_async = require("@dxos/async");
+var import_react_ui12 = require("@dxos/react-ui");
+var import_react_ui_theme3 = require("@dxos/react-ui-theme");
+var import_react17 = __toESM(require("react"));
+var import_log = require("@dxos/log");
+var import_react_ui13 = require("@dxos/react-ui");
+var import_react18 = __toESM(require("react"));
+var import_react_ui14 = require("@dxos/react-ui");
+var import_react19 = __toESM(require("react"));
+var import_app_framework6 = require("@dxos/app-framework");
+var import_react_ui15 = require("@dxos/react-ui");
+var import_react20 = __toESM(require("react"));
+var import_app_framework7 = require("@dxos/app-framework");
+var import_display_name = require("@dxos/display-name");
+var import_plugin_graph2 = require("@dxos/plugin-graph");
+var import_react_client4 = require("@dxos/react-client");
+var import_echo7 = 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_util2 = require("@dxos/util");
+var import_app_framework8 = require("@dxos/app-framework");
+var import_react21 = require("react");
+var import_react22 = __toESM(require("react"));
+var import_react_ui17 = require("@dxos/react-ui");
+var import_react_ui_form4 = require("@dxos/react-ui-form");
+var import_react23 = __toESM(require("react"));
+var import_log2 = require("@dxos/log");
+var import_metadata = require("@dxos/protocols/proto/dxos/echo/metadata");
+var import_react_client5 = require("@dxos/react-client");
+var import_react_ui18 = require("@dxos/react-ui");
+var import_react_ui_form5 = require("@dxos/react-ui-form");
+var import_react_ui_theme4 = require("@dxos/react-ui-theme");
+var import_react24 = __toESM(require("react"));
+var import_react_client6 = require("@dxos/react-client");
+var import_react_ui19 = require("@dxos/react-ui");
+var import_react_ui_tabs = require("@dxos/react-ui-tabs");
+var import_react25 = require("@dxos/shell/react");
+var import_react26 = __toESM(require("react"));
+var import_plugin_graph3 = require("@dxos/plugin-graph");
+var import_services = require("@dxos/protocols/proto/dxos/client/services");
+var import_metadata2 = require("@dxos/protocols/proto/dxos/echo/metadata");
+var import_react_client7 = require("@dxos/react-client");
+var import_react_ui20 = require("@dxos/react-ui");
+var import_react_ui_attention2 = require("@dxos/react-ui-attention");
+var import_react27 = require("react");
+var import_context = require("@dxos/context");
+var import_protocols = require("@dxos/protocols");
+var import_react_client8 = require("@dxos/react-client");
+var import_react28 = __toESM(require("react"));
+var import_plugin_status_bar = require("@dxos/plugin-status-bar");
+var import_react_client9 = require("@dxos/react-client");
+var import_react_ui21 = require("@dxos/react-ui");
+var import_react_ui_syntax_highlighter = require("@dxos/react-ui-syntax-highlighter");
+var import_react_ui_theme5 = require("@dxos/react-ui-theme");
+var import_react29 = __toESM(require("react"));
+var import_react_client10 = require("@dxos/react-client");
+var import_echo8 = require("@dxos/react-client/echo");
+var import_react_ui22 = require("@dxos/react-ui");
+var import_react_ui_theme6 = require("@dxos/react-ui-theme");
+var import_context2 = require("@dxos/context");
+var ForeignKeys = ({ keys, onDelete }) => {
+  return /* @__PURE__ */ import_react2.default.createElement(import_react_ui2.List, {
+    classNames: "flex flex-col gap-2"
+  }, keys.map((key) => /* @__PURE__ */ import_react2.default.createElement(KeyItem, {
+    key: key.id,
+    forignKey: key,
+    onDelete
+  })));
+};
+var KeyItem = ({ forignKey, onDelete }) => {
+  const { t } = (0, import_react_ui2.useTranslation)(import_chunk_AO4EW2RX.SPACE_PLUGIN);
+  const handleDelete = (0, import_react2.useCallback)(() => {
+    onDelete?.(forignKey);
+  }, [
+    forignKey,
+    onDelete
+  ]);
+  return /* @__PURE__ */ import_react2.default.createElement(import_react_ui2.ListItem.Root, {
+    classNames: "px-2"
+  }, /* @__PURE__ */ import_react2.default.createElement(import_react_ui2.ListItem.Heading, {
+    classNames: "flex flex-col grow truncate"
+  }, /* @__PURE__ */ import_react2.default.createElement("div", null, forignKey.source), /* @__PURE__ */ import_react2.default.createElement("div", {
+    className: "text-description text-sm truncate"
+  }, forignKey.id)), /* @__PURE__ */ import_react2.default.createElement(import_react_ui2.ListItem.Endcap, null, /* @__PURE__ */ import_react2.default.createElement(import_react_ui2.IconButton, {
+    iconOnly: true,
+    icon: "ph--x--regular",
+    variant: "ghost",
+    label: t("delete key"),
+    onClick: handleDelete
+  })));
+};
+var initialValues = {
+  source: "",
+  id: ""
+};
+var AdvancedObjectSettings = ({ object }) => {
+  const { t } = (0, import_react_ui.useTranslation)(import_chunk_AO4EW2RX.SPACE_PLUGIN);
+  const [adding, setAdding] = (0, import_react.useState)(false);
+  const keys = (0, import_echo.getMeta)(object).keys;
+  const handleNew = (0, import_react.useCallback)(() => setAdding(true), []);
+  const handleCancel = (0, import_react.useCallback)(() => setAdding(false), []);
+  const handleSave = (0, import_react.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_react.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_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(import_react_ui.Separator, null), /* @__PURE__ */ import_react.default.createElement("div", {
+    className: "p-2 flex flex-col gap-4"
+  }, /* @__PURE__ */ import_react.default.createElement("h2", null, t("advanced settings label")), /* @__PURE__ */ import_react.default.createElement("div", {
+    className: "flex items-center"
+  }, /* @__PURE__ */ import_react.default.createElement("h3", {
+    className: "text-sm font-semibold"
+  }, t("foreign keys")), /* @__PURE__ */ import_react.default.createElement("div", {
+    className: "grow"
+  }), /* @__PURE__ */ import_react.default.createElement(import_react_ui.IconButton, {
+    classNames: adding && "invisible",
+    icon: "ph--plus--regular",
+    label: t("add key"),
+    onClick: handleNew
+  })), !adding && /* @__PURE__ */ import_react.default.createElement(ForeignKeys, {
+    keys,
+    onDelete: handleDelete
+  })), adding && /* @__PURE__ */ import_react.default.createElement(import_react_ui_form.Form, {
+    schema: import_echo_schema.ForeignKeySchema,
+    values: initialValues,
+    onSave: handleSave,
+    onCancel: handleCancel
+  }));
+};
+var WAIT_FOR_OBJECT_TIMEOUT = 18e4;
+var TOAST_TIMEOUT = 24e4;
+var AwaitingObject = ({ id }) => {
+  const [open, setOpen] = (0, import_react4.useState)(true);
+  const [waiting, setWaiting] = (0, import_react4.useState)(true);
+  const [found, setFound] = (0, import_react4.useState)(false);
+  const { t } = (0, import_react_ui3.useTranslation)(import_chunk_AO4EW2RX.SPACE_PLUGIN);
+  const { dispatchPromise: dispatch } = (0, import_app_framework.useIntentDispatcher)();
+  const location = (0, import_app_framework.useCapability)(import_app_framework.Capabilities.Location);
+  const client = (0, import_react_client.useClient)();
+  const objects = (0, import_echo2.useQuery)(client.spaces, import_echo2.Filter.all());
+  (0, import_react4.useEffect)(() => {
+    if (!id) {
+      return;
+    }
+    const timeout = setTimeout(() => {
+      setWaiting(false);
+    }, WAIT_FOR_OBJECT_TIMEOUT);
+    () => clearTimeout(timeout);
+  }, [
+    id
+  ]);
+  (0, import_react4.useEffect)(() => {
+    if (objects.findIndex((object) => (0, import_echo2.fullyQualifiedId)(object) === id) > -1) {
+      setFound(true);
+      if (location.active.solo?.[0].id === id) {
+        setOpen(false);
+      }
+    }
+  }, [
+    id,
+    objects,
+    location
+  ]);
+  const handleClose = (0, import_react4.useCallback)(async () => dispatch((0, import_app_framework.createIntent)(import_chunk_DDZYVNVP.SpaceAction.WaitForObject, {
+    id: void 0
+  })), [
+    dispatch
+  ]);
+  const handleNavigate = (0, import_react4.useCallback)(() => {
+    void dispatch((0, import_app_framework.createIntent)(import_app_framework.NavigationAction.Open, {
+      activeParts: {
+        main: [
+          id
+        ]
+      }
+    }));
+    void handleClose();
+  }, [
+    id,
+    handleClose,
+    dispatch
+  ]);
+  return /* @__PURE__ */ import_react4.default.createElement(import_react_ui3.Toast.Root, {
+    open,
+    duration: TOAST_TIMEOUT,
+    onOpenChange: setOpen
+  }, /* @__PURE__ */ import_react4.default.createElement(import_react_ui3.Toast.Body, null, /* @__PURE__ */ import_react4.default.createElement(import_react_ui3.Toast.Title, {
+    classNames: "flex items-center gap-2"
+  }, found ? /* @__PURE__ */ import_react4.default.createElement(import_react4.default.Fragment, null, /* @__PURE__ */ import_react4.default.createElement(import_react3.CheckCircle, {
+    className: (0, import_react_ui_theme.getSize)(5)
+  }), /* @__PURE__ */ import_react4.default.createElement("span", null, t("found object label"))) : waiting ? /* @__PURE__ */ import_react4.default.createElement(import_react4.default.Fragment, null, /* @__PURE__ */ import_react4.default.createElement(import_react3.CircleNotch, {
+    className: (0, import_react_ui_theme.mx)((0, import_react_ui_theme.getSize)(5), "animate-spin")
+  }), /* @__PURE__ */ import_react4.default.createElement("span", null, t("waiting for object label"))) : /* @__PURE__ */ import_react4.default.createElement(import_react4.default.Fragment, null, /* @__PURE__ */ import_react4.default.createElement(import_react3.CircleDashed, {
+    className: (0, import_react_ui_theme.getSize)(5)
+  }), /* @__PURE__ */ import_react4.default.createElement("span", null, t("object not found label")))), /* @__PURE__ */ import_react4.default.createElement(import_react_ui3.Toast.Description, null, t(found ? "found object description" : waiting ? "waiting for object description" : "object not found description"))), /* @__PURE__ */ import_react4.default.createElement(import_react_ui3.Toast.Actions, null, found ? /* @__PURE__ */ import_react4.default.createElement(import_react4.default.Fragment, null, /* @__PURE__ */ import_react4.default.createElement(import_react_ui3.Toast.Action, {
+    altText: t("go to object alt"),
+    asChild: true
+  }, /* @__PURE__ */ import_react4.default.createElement(import_react_ui3.Button, {
+    variant: "primary",
+    onClick: handleNavigate
+  }, t("go to object label"))), /* @__PURE__ */ import_react4.default.createElement(import_react_ui3.Toast.Close, {
+    asChild: true
+  }, /* @__PURE__ */ import_react4.default.createElement(import_react_ui3.Button, {
+    onClick: handleClose
+  }, t("close label", {
+    ns: "appkit"
+  })))) : /* @__PURE__ */ import_react4.default.createElement(import_react_ui3.Toast.Close, {
+    asChild: true
+  }, /* @__PURE__ */ import_react4.default.createElement(import_react_ui3.Button, {
+    onClick: handleClose
+  }, t(waiting ? "close label" : "confirm label", {
+    ns: "appkit"
+  })))));
+};
+var BaseObjectSettings = ({ object }) => {
+  const { t } = (0, import_react_ui4.useTranslation)(import_chunk_AO4EW2RX.SPACE_PLUGIN);
+  return /* @__PURE__ */ import_react5.default.createElement("div", {
+    role: "form",
+    className: "flex flex-col w-full p-2 gap-1"
+  }, /* @__PURE__ */ import_react5.default.createElement(import_react_ui4.Input.Root, null, /* @__PURE__ */ import_react5.default.createElement(import_react_ui4.Input.Label, null, t("name label")), /* @__PURE__ */ import_react5.default.createElement(import_react_ui4.Input.TextInput, {
+    placeholder: t("name placeholder"),
+    value: object.name ?? "",
+    onChange: (event) => {
+      object.name = event.target.value;
+    }
+  })));
+};
+var useInputSurfaceLookup = (baseData) => {
+  const pluginManager = (0, import_app_framework3.usePluginManager)();
+  return (0, import_react7.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_react7.default.createElement(import_app_framework3.Surface, {
+      role: "form-input",
+      data: composedData,
+      ...inputProps
+    });
+  }, [
+    pluginManager,
+    baseData
+  ]);
+};
+var CreateObjectPanel = ({ schemas, spaces, typename: initialTypename, target: initialTarget, name: initialName, defaultSpaceId, resolve, onCreateObject }) => {
+  const { t } = (0, import_react_ui6.useTranslation)(import_chunk_AO4EW2RX.SPACE_PLUGIN);
+  const [typename, setTypename] = (0, import_react7.useState)(initialTypename);
+  const [target, setTarget] = (0, import_react7.useState)(initialTarget);
+  const schema = schemas.find((schema2) => (0, import_echo_schema2.getObjectAnnotation)(schema2)?.typename === typename);
+  const options = schemas.map(import_echo_schema2.getObjectAnnotation).filter(import_util.nonNullable);
+  const handleClearSchema = (0, import_react7.useCallback)(() => setTypename(void 0), []);
+  const handleClearTarget = (0, import_react7.useCallback)(() => setTarget(void 0), []);
+  const handleCreateObject = (0, import_react7.useCallback)(async (props) => {
+    if (!schema || !target) {
+      return;
+    }
+    await onCreateObject?.({
+      schema,
+      target,
+      data: props
+    });
+  }, [
+    onCreateObject,
+    schema,
+    target
+  ]);
+  const metadata = (0, import_react7.useMemo)(() => {
+    if (!typename) {
+      return;
+    }
+    return resolve?.(typename);
+  }, [
+    resolve,
+    typename
+  ]);
+  const schemaInput = /* @__PURE__ */ import_react7.default.createElement(import_react_ui_searchlist.SearchList.Root, {
+    label: t("schema input label"),
+    classNames: "flex flex-col grow overflow-hidden"
+  }, /* @__PURE__ */ import_react7.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_react7.default.createElement(import_react_ui_searchlist.SearchList.Content, {
+    classNames: "max-bs-[24rem] overflow-auto"
+  }, options.map((option) => /* @__PURE__ */ import_react7.default.createElement(import_react_ui_searchlist.SearchList.Item, {
+    key: option.typename,
+    value: t("typename label", {
+      ns: option.typename,
+      defaultValue: option.typename
+    }),
+    onSelect: () => setTypename(option.typename),
+    classNames: "flex items-center gap-2"
+  }, /* @__PURE__ */ import_react7.default.createElement("span", {
+    className: "flex gap-2 items-center grow truncate"
+  }, /* @__PURE__ */ import_react7.default.createElement(import_react_ui6.Icon, {
+    icon: resolve?.(option.typename).icon ?? "ph--placeholder--regular",
+    size: 5
+  }), t("typename label", {
+    ns: option.typename,
+    defaultValue: option.typename
+  }))))));
+  const spaceInput = /* @__PURE__ */ import_react7.default.createElement(import_react_ui_searchlist.SearchList.Root, {
+    label: t("space input label"),
+    classNames: "flex flex-col grow overflow-hidden"
+  }, /* @__PURE__ */ import_react7.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_react7.default.createElement(import_react_ui_searchlist.SearchList.Content, {
+    classNames: "max-bs-[24rem] overflow-auto"
+  }, spaces.map((space) => /* @__PURE__ */ import_react7.default.createElement(import_react_ui_searchlist.SearchList.Item, {
+    key: space.id,
+    value: (0, import_react_ui6.toLocalizedString)((0, import_chunk_Z34MTEU7.getSpaceDisplayName)(space, {
+      personal: space.id === defaultSpaceId
+    }), t),
+    onSelect: () => setTarget(space),
+    classNames: "flex items-center gap-2"
+  }, /* @__PURE__ */ import_react7.default.createElement("span", {
+    className: "grow truncate"
+  }, (0, import_react_ui6.toLocalizedString)((0, import_chunk_Z34MTEU7.getSpaceDisplayName)(space, {
+    personal: space.id === defaultSpaceId
+  }), t))))));
+  const inputSurfaceLookup = useInputSurfaceLookup({
+    target
+  });
+  const form = (0, import_react7.useMemo)(() => {
+    const schema2 = metadata?.creationSchema ?? import_echo_schema2.S.Struct({
+      name: import_echo_schema2.S.optional(import_echo_schema2.S.String)
+    });
+    return /* @__PURE__ */ import_react7.default.createElement(import_react_ui_form2.Form, {
+      autoFocus: true,
+      values: {
+        name: initialName
+      },
+      schema: schema2,
+      testId: "create-object-form",
+      onSave: handleCreateObject,
+      lookupComponent: inputSurfaceLookup
+    });
+  }, [
+    initialName,
+    handleCreateObject,
+    metadata
+  ]);
+  return /* @__PURE__ */ import_react7.default.createElement("div", {
+    role: "form",
+    className: "flex flex-col gap-2"
+  }, target && /* @__PURE__ */ import_react7.default.createElement("div", {
+    role: "none"
+  }, /* @__PURE__ */ import_react7.default.createElement(import_react_ui6.Input.Root, null, /* @__PURE__ */ import_react7.default.createElement(import_react_ui_form2.InputHeader, null, /* @__PURE__ */ import_react7.default.createElement(import_react_ui6.Input.Label, null, t((0, import_echo4.isSpace)(target) ? "creating in space label" : "creating in collection label"))), /* @__PURE__ */ import_react7.default.createElement("div", {
+    role: "none",
+    className: "flex gap-2"
+  }, /* @__PURE__ */ import_react7.default.createElement(import_react_ui6.Input.TextInput, {
+    disabled: true,
+    value: (0, import_echo4.isSpace)(target) ? (0, import_react_ui6.toLocalizedString)((0, import_chunk_Z34MTEU7.getSpaceDisplayName)(target, {
+      personal: target.id === defaultSpaceId
+    }), t) : target.name || t("unnamed collection label")
+  }), /* @__PURE__ */ import_react7.default.createElement(import_react_ui6.IconButton, {
+    iconOnly: true,
+    icon: "ph--x--regular",
+    label: t("clear input label"),
+    onClick: handleClearTarget
+  })))), schema && /* @__PURE__ */ import_react7.default.createElement("div", {
+    role: "none"
+  }, /* @__PURE__ */ import_react7.default.createElement(import_react_ui6.Input.Root, null, /* @__PURE__ */ import_react7.default.createElement(import_react_ui_form2.InputHeader, null, /* @__PURE__ */ import_react7.default.createElement(import_react_ui6.Input.Label, null, t("creating object type label"))), /* @__PURE__ */ import_react7.default.createElement("div", {
+    role: "none",
+    className: "flex gap-2"
+  }, /* @__PURE__ */ import_react7.default.createElement(import_react_ui6.Input.TextInput, {
+    disabled: true,
+    value: t("typename label", {
+      ns: schema.typename,
+      defaultValue: schema.typename
+    })
+  }), /* @__PURE__ */ import_react7.default.createElement(import_react_ui6.IconButton, {
+    iconOnly: true,
+    icon: "ph--x--regular",
+    label: t("clear input label"),
+    onClick: handleClearSchema
+  })))), !schema ? schemaInput : !target ? spaceInput : form);
+};
+var CREATE_OBJECT_DIALOG = `${import_chunk_AO4EW2RX.SPACE_PLUGIN}/CreateObjectDialog`;
+var CreateObjectDialog = ({ schemas, target, typename, name, shouldNavigate: _shouldNavigate, resolve }) => {
+  const closeRef = (0, import_react6.useRef)(null);
+  const { t } = (0, import_react_ui5.useTranslation)(import_chunk_AO4EW2RX.SPACE_PLUGIN);
+  const client = (0, import_react_client2.useClient)();
+  const spaces = (0, import_echo3.useSpaces)();
+  const { dispatchPromise: dispatch } = (0, import_app_framework2.useIntentDispatcher)();
+  const handleCreateObject = (0, import_react6.useCallback)(async ({ schema, target: _target, data }) => {
+    const target2 = (0, import_echo3.isSpace)(_target) ? _target.properties[import_chunk_DDZYVNVP.CollectionType.typename]?.target : _target;
+    const createObjectIntent = resolve?.(schema.typename)?.createObject;
+    if (!createObjectIntent || !target2) {
+      return;
+    }
+    closeRef.current?.click();
+    const space = (0, import_echo3.isSpace)(target2) ? target2 : (0, import_echo3.getSpace)(target2);
+    const result = await dispatch(createObjectIntent(data, {
+      space
+    }));
+    const object = result.data?.object;
+    if ((0, import_echo3.isReactiveObject)(object)) {
+      const addObjectIntent = (0, import_app_framework2.createIntent)(import_chunk_DDZYVNVP.SpaceAction.AddObject, {
+        target: target2,
+        object
+      });
+      const shouldNavigate = _shouldNavigate ?? (() => true);
+      if (shouldNavigate(object)) {
+        await dispatch((0, import_effect.pipe)(addObjectIntent, (0, import_app_framework2.chain)(import_app_framework2.NavigationAction.Open, {})));
+      } 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_react6.default.createElement(import_react_ui5.Dialog.Content, {
+      classNames: "p-0 bs-content min-bs-[15rem] max-bs-full md:max-is-[40rem] overflow-hidden"
+    }, /* @__PURE__ */ import_react6.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_react6.default.createElement(import_react_ui5.Dialog.Title, null, t("create object dialog title")), /* @__PURE__ */ import_react6.default.createElement(import_react_ui5.Dialog.Close, {
+      asChild: true
+    }, /* @__PURE__ */ import_react6.default.createElement(import_react_ui5.Button, {
+      ref: closeRef,
+      density: "fine",
+      variant: "ghost",
+      autoFocus: true
+    }, /* @__PURE__ */ import_react6.default.createElement(import_react_ui5.Icon, {
+      icon: "ph--x--regular",
+      size: 4
+    })))), /* @__PURE__ */ import_react6.default.createElement("div", {
+      className: "p-4"
+    }, /* @__PURE__ */ import_react6.default.createElement(CreateObjectPanel, {
+      schemas,
+      spaces,
+      target,
+      typename,
+      name,
+      defaultSpaceId: client.spaces.default.id,
+      resolve,
+      onCreateObject: handleCreateObject
+    })))
+  );
+};
+var CREATE_SPACE_DIALOG = `${import_chunk_AO4EW2RX.SPACE_PLUGIN}/CreateSpaceDialog`;
+var initialValues2 = {
+  edgeReplication: true
+};
+var CreateSpaceDialog = () => {
+  const closeRef = (0, import_react8.useRef)(null);
+  const { t } = (0, import_react_ui7.useTranslation)(import_chunk_AO4EW2RX.SPACE_PLUGIN);
+  const { dispatchPromise: dispatch } = (0, import_app_framework4.useIntentDispatcher)();
+  const handleCreateSpace = (0, import_react8.useCallback)(async (data) => {
+    const result = await dispatch((0, import_app_framework4.createIntent)(import_chunk_DDZYVNVP.SpaceAction.Create, data));
+    const target = result.data?.space;
+    if (target) {
+      await dispatch((0, import_app_framework4.createIntent)(import_chunk_DDZYVNVP.SpaceAction.OpenCreateObject, {
+        target
+      }));
+    }
+  }, [
+    dispatch
+  ]);
+  return (
+    // TODO(wittjosiah): The tablist dialog pattern is copied from @dxos/plugin-manager.
+    //  Consider factoring it out to the tabs package.
+    /* @__PURE__ */ import_react8.default.createElement(import_react_ui7.Dialog.Content, {
+      classNames: "p-0 bs-content min-bs-[15rem] max-bs-full md:max-is-[40rem] overflow-hidden"
+    }, /* @__PURE__ */ import_react8.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_react8.default.createElement(import_react_ui7.Dialog.Title, null, t("create space dialog title")), /* @__PURE__ */ import_react8.default.createElement(import_react_ui7.Dialog.Close, {
+      asChild: true
+    }, /* @__PURE__ */ import_react8.default.createElement(import_react_ui7.Button, {
+      ref: closeRef,
+      density: "fine",
+      variant: "ghost",
+      autoFocus: true
+    }, /* @__PURE__ */ import_react8.default.createElement(import_react_ui7.Icon, {
+      icon: "ph--x--regular",
+      size: 4
+    })))), /* @__PURE__ */ import_react8.default.createElement("div", {
+      className: "p-4"
+    }, /* @__PURE__ */ import_react8.default.createElement(import_react_ui_form3.Form, {
+      testId: "create-space-form",
+      values: initialValues2,
+      schema: import_chunk_DDZYVNVP.SpaceForm,
+      onSave: handleCreateSpace
+    })))
+  );
+};
+var CollectionMain = ({ collection }) => {
+  const { t } = (0, import_react_ui8.useTranslation)(import_chunk_AO4EW2RX.SPACE_PLUGIN);
+  return /* @__PURE__ */ import_react9.default.createElement("div", {
+    role: "none",
+    className: (0, import_react_ui_theme2.mx)(import_react_ui_theme2.baseSurface, "min-bs-screen is-full flex items-center justify-center p-8"),
+    "data-testid": "composer.firstRunMessage"
+  }, /* @__PURE__ */ import_react9.default.createElement("p", {
+    role: "alert",
+    className: (0, import_react_ui_theme2.mx)(import_react_ui_theme2.descriptionText, "border border-dashed border-neutral-400/50 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_ui9.useTranslation)(import_chunk_AO4EW2RX.SPACE_PLUGIN);
+  return /* @__PURE__ */ import_react10.default.createElement("div", {
+    className: "min-bs-[3.5rem] grid grid-rows-subgrid grid-cols-subgrid items-center"
+  }, /* @__PURE__ */ import_react10.default.createElement("span", {
+    className: "truncate"
+  }, collection.name ?? t("unnamed collection label")));
+};
+var JOIN_DIALOG = `${import_chunk_AO4EW2RX.SPACE_PLUGIN}/JoinDialog`;
+var JoinDialog = ({ navigableCollections, onDone, ...props }) => {
+  const { t } = (0, import_react_ui10.useTranslation)(import_chunk_AO4EW2RX.SPACE_PLUGIN);
+  const { dispatchPromise: dispatch } = (0, import_app_framework5.useIntentDispatcher)();
+  const spaces = (0, import_echo5.useSpaces)();
+  const { graph } = (0, import_plugin_graph.useGraph)();
+  const handleDone = (0, import_react11.useCallback)(async (result) => {
+    if (result?.spaceKey) {
+      await Promise.all([
+        dispatch((0, import_app_framework5.createIntent)(import_app_framework5.LayoutAction.SetLayout, {
+          element: "toast",
+          subject: {
+            id: `${import_chunk_AO4EW2RX.SPACE_PLUGIN}/join-success`,
+            duration: 5e3,
+            title: t("join success label"),
+            closeLabel: t("dismiss label")
+          }
+        })),
+        dispatch((0, import_app_framework5.createIntent)(import_app_framework5.LayoutAction.SetLayout, {
+          element: "dialog",
+          state: false
+        }))
+      ]);
+    }
+    const space = spaces.find(({ key }) => result?.spaceKey?.equals(key));
+    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.NavigationAction.Open, {
+          activeParts: {
+            main: [
+              target
+            ]
+          }
+        })),
+        dispatch((0, import_app_framework5.createIntent)(import_app_framework5.NavigationAction.Expose, {
+          id: 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,
+    spaces
+  ]);
+  return /* @__PURE__ */ import_react11.default.createElement(import_react_ui10.Dialog.Content, null, /* @__PURE__ */ import_react11.default.createElement(import_react12.JoinPanel, {
+    ...props,
+    exitActionParent: /* @__PURE__ */ import_react11.default.createElement(import_react_ui10.Dialog.Close, {
+      asChild: true
+    }),
+    doneActionParent: /* @__PURE__ */ import_react11.default.createElement(import_react_ui10.Dialog.Close, {
+      asChild: true
+    }),
+    onDone: handleDone
+  }));
+};
+var MenuFooter = ({ object }) => {
+  const { t } = (0, import_react_ui11.useTranslation)(import_chunk_AO4EW2RX.SPACE_PLUGIN);
+  const client = (0, import_react_client3.useClient)();
+  const space = (0, import_echo6.getSpace)(object);
+  const spaceName = space ? (0, import_chunk_Z34MTEU7.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_ui11.DropdownMenu.Separator, null), /* @__PURE__ */ import_react14.default.createElement(import_react_ui11.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_ui11.toLocalizedString)(spaceName, t)))) : null;
+};
+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_ui12.useTranslation)(import_chunk_AO4EW2RX.SPACE_PLUGIN);
+  const [displayMessage, setDisplayMessage] = (0, import_react16.useState)(false);
+  const [status, naturalSetStatus] = (0, import_react16.useState)(0);
+  const [prevStatus, setPrevStatus] = (0, import_react16.useState)(0);
+  const _setStatus = (0, import_async.debounce)(naturalSetStatus, 500);
+  (0, import_react16.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_react16.default.createElement("div", {
+        className: "flex items-center"
+      }, /* @__PURE__ */ import_react16.default.createElement(import_react15.Warning, {
+        className: (0, import_react_ui_theme3.mx)((0, import_react_ui_theme3.getSize)(4), "me-1")
+      }), /* @__PURE__ */ import_react16.default.createElement("span", {
+        className: (0, import_react_ui_theme3.mx)("text-sm", import_react_ui_theme3.warningText)
+      }, t("persistence error label")));
+    case 1:
+      return /* @__PURE__ */ import_react16.default.createElement("div", {
+        className: "flex items-center"
+      }, /* @__PURE__ */ import_react16.default.createElement(import_react15.ArrowsCounterClockwise, {
+        className: (0, import_react_ui_theme3.mx)((0, import_react_ui_theme3.getSize)(4), "me-1")
+      }), /* @__PURE__ */ import_react16.default.createElement("span", {
+        className: (0, import_react_ui_theme3.mx)("text-sm", import_react_ui_theme3.staticPlaceholderText)
+      }, t("persistence pending label")));
+    case 0:
+    default:
+      return /* @__PURE__ */ import_react16.default.createElement(import_react_ui12.Tooltip.Root, {
+        delayDuration: 400
+      }, /* @__PURE__ */ import_react16.default.createElement(import_react_ui12.Tooltip.Trigger, {
+        role: "status",
+        className: "flex items-center"
+      }, /* @__PURE__ */ import_react16.default.createElement(import_react15.CheckCircle, {
+        className: (0, import_react_ui_theme3.mx)((0, import_react_ui_theme3.getSize)(4), "me-1")
+      }), displayMessage && /* @__PURE__ */ import_react16.default.createElement("span", {
+        className: (0, import_react_ui_theme3.mx)("text-sm", import_react_ui_theme3.staticPlaceholderText)
+      }, t("persisted locally label"))), /* @__PURE__ */ import_react16.default.createElement(import_react_ui12.Tooltip.Portal, null, /* @__PURE__ */ import_react16.default.createElement(import_react_ui12.Tooltip.Content, null, t("persisted locally message"), /* @__PURE__ */ import_react16.default.createElement(import_react_ui12.Tooltip.Arrow, null))));
+  }
+};
+var __dxlog_file = "/home/runner/work/dxos/dxos/packages/plugins/plugin-space/src/components/PopoverRenameObject.tsx";
+var POPOVER_RENAME_OBJECT = `${import_chunk_AO4EW2RX.SPACE_PLUGIN}/PopoverRenameObject`;
+var PopoverRenameObject = ({ object: obj }) => {
+  const { t } = (0, import_react_ui13.useTranslation)(import_chunk_AO4EW2RX.SPACE_PLUGIN);
+  const doneButton = (0, import_react17.useRef)(null);
+  const object = obj;
+  const [name, setName] = (0, import_react17.useState)(object.name || object.title || "");
+  const handleDone = (0, import_react17.useCallback)(() => {
+    try {
+      object.name = name;
+    } catch {
+      try {
+        object.title = name;
+      } catch (err) {
+        import_log.log.error("Failed to rename object", {
+          err
+        }, {
+          F: __dxlog_file,
+          L: 30,
+          S: void 0,
+          C: (f, a) => f(...a)
+        });
+      }
+    }
+  }, [
+    object,
+    name
+  ]);
+  return /* @__PURE__ */ import_react17.default.createElement("div", {
+    role: "none",
+    className: "p-1 flex gap-2"
+  }, /* @__PURE__ */ import_react17.default.createElement("div", {
+    role: "none",
+    className: "flex-1"
+  }, /* @__PURE__ */ import_react17.default.createElement(import_react_ui13.Input.Root, null, /* @__PURE__ */ import_react17.default.createElement(import_react_ui13.Input.Label, {
+    srOnly: true
+  }, t("object name label")), /* @__PURE__ */ import_react17.default.createElement(import_react_ui13.Input.TextInput, {
+    placeholder: t("object title placeholder"),
+    value: name,
+    "data-testid": "spacePlugin.renameObject.input",
+    onChange: ({ target: { value } }) => setName(value),
+    onKeyDown: ({ key }) => key === "Enter" && doneButton.current?.click()
+  }))), /* @__PURE__ */ import_react17.default.createElement(import_react_ui13.Popover.Close, {
+    asChild: true
+  }, /* @__PURE__ */ import_react17.default.createElement(import_react_ui13.Button, {
+    ref: doneButton,
+    classNames: "self-stretch",
+    onClick: handleDone
+  }, t("done label", {
+    ns: "os"
+  }))));
+};
+var POPOVER_RENAME_SPACE = `${import_chunk_AO4EW2RX.SPACE_PLUGIN}/PopoverRenameSpace`;
+var PopoverRenameSpace = ({ space }) => {
+  const { t } = (0, import_react_ui14.useTranslation)(import_chunk_AO4EW2RX.SPACE_PLUGIN);
+  const doneButton = (0, import_react18.useRef)(null);
+  const [name, setName] = (0, import_react18.useState)(space.properties.name ?? "");
+  const handleDone = (0, import_react18.useCallback)(() => {
+    space.properties.name = name;
+  }, [
+    space,
+    name
+  ]);
+  return /* @__PURE__ */ import_react18.default.createElement("div", {
+    role: "none",
+    className: "p-1 flex gap-2"
+  }, /* @__PURE__ */ import_react18.default.createElement("div", {
+    role: "none",
+    className: "flex-1"
+  }, /* @__PURE__ */ import_react18.default.createElement(import_react_ui14.Input.Root, null, /* @__PURE__ */ import_react18.default.createElement(import_react_ui14.Input.Label, {
+    srOnly: true
+  }, t("space name label")), /* @__PURE__ */ import_react18.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_react18.default.createElement(import_react_ui14.Popover.Close, {
+    asChild: true
+  }, /* @__PURE__ */ import_react18.default.createElement(import_react_ui14.Button, {
+    ref: doneButton,
+    classNames: "self-stretch",
+    onClick: handleDone
+  }, t("done label", {
+    ns: "os"
+  }))));
+};
+var ShareSpaceButton = ({ space }) => {
+  const { dispatchPromise: dispatch } = (0, import_app_framework6.useIntentDispatcher)();
+  return /* @__PURE__ */ import_react19.default.createElement(ShareSpaceButtonImpl, {
+    onClick: () => dispatch((0, import_app_framework6.createIntent)(import_chunk_DDZYVNVP.SpaceAction.Share, {
+      space
+    }))
+  });
+};
+var ShareSpaceButtonImpl = ({ onClick }) => {
+  const { t } = (0, import_react_ui15.useTranslation)(import_chunk_AO4EW2RX.SPACE_PLUGIN);
+  return /* @__PURE__ */ import_react19.default.createElement(import_react_ui15.IconButton, {
+    "data-testid": "spacePlugin.shareSpaceButton",
+    icon: "ph--users--regular",
+    label: t("share space label"),
+    onClick
+  });
+};
+var AppGraphBuilder = (0, import_app_framework8.lazy)(() => import("./app-graph-builder-ZQ5S62YR.cjs"));
+var AppGraphSerializer = (0, import_app_framework8.lazy)(() => import("./app-graph-serializer-72S7P33H.cjs"));
+var IdentityCreated = (0, import_app_framework8.lazy)(() => import("./identity-created-IMDS4A6A.cjs"));
+var IntentResolver = (0, import_app_framework8.lazy)(() => import("./intent-resolver-S4HZABYI.cjs"));
+var ReactRoot = (0, import_app_framework8.lazy)(() => import("./react-root-RB3OM3QG.cjs"));
+var ReactSurface = (0, import_app_framework8.lazy)(() => import("./react-surface-TLKQEHHT.cjs"));
+var SpaceSettings = (0, import_app_framework8.lazy)(() => import("./settings-QLCKAUHK.cjs"));
+var SpaceState = (0, import_app_framework8.lazy)(() => import("./state-4UIOUKLJ.cjs"));
+var SpacesReady = (0, import_app_framework8.lazy)(() => import("./spaces-ready-RZTKEXOL.cjs"));
+var usePath = (graph, id, timeout) => {
+  const [pathState, setPathState] = (0, import_react21.useState)(id ? graph.getPath({
+    target: id
+  }) : void 0);
+  (0, import_react21.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 REFRESH_INTERVAL = 5e3;
+var ACTIVITY_DURATION = 3e4;
+var noViewers = new import_util2.ComplexMap(import_react_client4.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_framework7.useCapability)(import_chunk_56NGXG2A.SpaceCapabilities.MutableState);
+  const client = (0, import_react_client4.useClient)();
+  const identity = (0, import_halo.useIdentity)();
+  const space = spaceKey ? client.spaces.get(spaceKey) : (0, import_echo7.getSpace)(object);
+  const spaceMembers = (0, import_echo7.useMembers)(space?.key);
+  const [_moment, setMoment] = (0, import_react20.useState)(Date.now());
+  (0, import_react20.useEffect)(() => {
+    const interval = setInterval(() => setMoment(Date.now()), REFRESH_INTERVAL);
+    return () => clearInterval(interval);
+  }, []);
+  const memberOnline = (0, import_react20.useCallback)((member) => member.presence === 1, []);
+  const memberIsNotSelf = (0, import_react20.useCallback)((member) => !identity?.identityKey.equals(member.identity.identityKey), [
+    identity?.identityKey
+  ]);
+  if (!identity || !spaceState || !space) {
+    return null;
+  }
+  const currentObjectViewers = spaceState.viewersByObject[(0, import_echo7.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_react20.default.createElement(FullPresence, {
+    members: membersForObject
+  });
+};
+var FullPresence = (props) => {
+  const { size = 9, onMemberClick } = props;
+  const members = (0, import_react_ui16.useDefaultValue)(props.members, () => []);
+  if (members.length === 0) {
+    return null;
+  }
+  return /* @__PURE__ */ import_react20.default.createElement(import_react_ui16.AvatarGroup.Root, {
+    size,
+    classNames: "mbs-2 mie-4",
+    "data-testid": "spacePlugin.presence"
+  }, members.slice(0, 3).map((member, i) => /* @__PURE__ */ import_react20.default.createElement(import_react_ui16.Tooltip.Root, {
+    key: member.identity.identityKey.toHex()
+  }, /* @__PURE__ */ import_react20.default.createElement(import_react_ui16.Tooltip.Trigger, null, /* @__PURE__ */ import_react20.default.createElement(PrensenceAvatar, {
+    identity: member.identity,
+    group: true,
+    match: member.currentlyAttended,
+    index: members.length - i,
+    onClick: () => onMemberClick?.(member)
+  })), /* @__PURE__ */ import_react20.default.createElement(import_react_ui16.Tooltip.Portal, null, /* @__PURE__ */ import_react20.default.createElement(import_react_ui16.Tooltip.Content, {
+    side: "bottom"
+  }, /* @__PURE__ */ import_react20.default.createElement("span", null, getName(member.identity)), /* @__PURE__ */ import_react20.default.createElement(import_react_ui16.Tooltip.Arrow, null))))), members.length > 3 && /* @__PURE__ */ import_react20.default.createElement(import_react_ui16.Tooltip.Root, null, /* @__PURE__ */ import_react20.default.createElement(import_react_ui16.Tooltip.Trigger, null, /* @__PURE__ */ import_react20.default.createElement(import_react_ui16.AvatarGroupItem.Root, {
+    status: "inactive"
+  }, /* @__PURE__ */ import_react20.default.createElement(import_react_ui16.Avatar.Frame, {
+    style: {
+      zIndex: members.length - 4
+    }
+  }, /* @__PURE__ */ import_react20.default.createElement(import_react_ui16.Avatar.Fallback, {
+    text: `+${members.length - 3}`
+  })))), /* @__PURE__ */ import_react20.default.createElement(import_react_ui16.Tooltip.Portal, null, /* @__PURE__ */ import_react20.default.createElement(import_react_ui16.Tooltip.Content, {
+    side: "bottom"
+  }, /* @__PURE__ */ import_react20.default.createElement(import_react_ui16.Tooltip.Arrow, null), /* @__PURE__ */ import_react20.default.createElement(import_react_ui16.List, {
+    classNames: "max-h-56 overflow-y-auto"
+  }, members.map((member) => /* @__PURE__ */ import_react20.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_react20.default.createElement(PrensenceAvatar, {
+    identity: member.identity,
+    showName: true,
+    match: member.currentlyAttended
+  }))))))));
+};
+var PrensenceAvatar = ({ identity, showName, match, group, index, onClick }) => {
+  const Root = group ? import_react_ui16.AvatarGroupItem.Root : import_react_ui16.Avatar.Root;
+  const status = match ? "current" : "active";
+  const fallbackValue = (0, import_util2.keyToFallback)(identity.identityKey);
+  return /* @__PURE__ */ import_react20.default.createElement(Root, {
+    status,
+    hue: identity.profile?.data?.hue || fallbackValue.hue
+  }, /* @__PURE__ */ import_react20.default.createElement(import_react_ui16.Avatar.Frame, {
+    "data-testid": "spacePlugin.presence.member",
+    "data-status": status,
+    ...index ? {
+      style: {
+        zIndex: index
+      }
+    } : {},
+    onClick: () => onClick?.()
+  }, /* @__PURE__ */ import_react20.default.createElement(import_react_ui16.Avatar.Fallback, {
+    text: identity.profile?.data?.emoji || fallbackValue.emoji
+  })), showName && /* @__PURE__ */ import_react20.default.createElement(import_react_ui16.Avatar.Label, {
+    classNames: "text-sm truncate pli-2"
+  }, 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_plugin_graph2.useGraph)();
+  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_react20.useState)(viewers ? getActiveViewers(viewers) : []);
+  (0, import_react20.useEffect)(() => {
+    if (viewers) {
+      setActiveViewers(getActiveViewers(viewers));
+      const interval = setInterval(() => {
+        setActiveViewers(getActiveViewers(viewers));
+      }, REFRESH_INTERVAL);
+      return () => clearInterval(interval);
+    }
+  }, [
+    viewers
+  ]);
+  return /* @__PURE__ */ import_react20.default.createElement(SmallPresence, {
+    count: activeViewers.length,
+    attended: isAttended,
+    containsAttended
+  });
+};
+var SmallPresence = ({ count = 0, attended, containsAttended }) => {
+  const { t } = (0, import_react_ui16.useTranslation)(import_chunk_AO4EW2RX.SPACE_PLUGIN);
+  return /* @__PURE__ */ import_react20.default.createElement(import_react_ui16.Tooltip.Root, null, /* @__PURE__ */ import_react20.default.createElement(import_react_ui16.Tooltip.Trigger, {
+    asChild: true
+  }, /* @__PURE__ */ import_react20.default.createElement(import_react_ui_attention.AttentionGlyph, {
+    attended,
+    containsAttended,
+    presence: count > 1 ? "many" : count === 1 ? "one" : "none",
+    classNames: "self-center mie-1"
+  })), /* @__PURE__ */ import_react20.default.createElement(import_react_ui16.Tooltip.Portal, null, /* @__PURE__ */ import_react20.default.createElement(import_react_ui16.Tooltip.Content, {
+    side: "bottom"
+  }, /* @__PURE__ */ import_react20.default.createElement("span", null, t("presence label", {
+    count
+  })), /* @__PURE__ */ import_react20.default.createElement(import_react_ui16.Tooltip.Arrow, null))));
+};
+var SpacePluginSettings = ({ settings }) => {
+  const { t } = (0, import_react_ui17.useTranslation)(import_chunk_AO4EW2RX.SPACE_PLUGIN);
+  return /* @__PURE__ */ import_react22.default.createElement(import_react22.default.Fragment, null, /* @__PURE__ */ import_react22.default.createElement(import_react_ui_form4.DeprecatedFormInput, {
+    label: t("show hidden spaces label")
+  }, /* @__PURE__ */ import_react22.default.createElement(import_react_ui17.Input.Switch, {
+    checked: settings.showHidden,
+    onCheckedChange: (checked) => settings.showHidden = !!checked
+  })));
+};
+var __dxlog_file2 = "/home/runner/work/dxos/dxos/packages/plugins/plugin-space/src/components/SpaceSettings/SpaceSettingsPanel.tsx";
+var SpaceSettingsPanel = ({ classNames, space }) => {
+  const { t } = (0, import_react_ui18.useTranslation)(import_chunk_AO4EW2RX.SPACE_PLUGIN);
+  const client = (0, import_react_client5.useClient)();
+  const edgeEnabled = Boolean(client.config.values.runtime?.client?.edgeFeatures?.echoReplicator);
+  const [edgeReplication, setEdgeReplication] = (0, import_react23.useState)(space.internal.data.edgeReplication === import_metadata.EdgeReplicationSetting.ENABLED);
+  const toggleEdgeReplication = (0, import_react23.useCallback)(async (next) => {
+    setEdgeReplication(next);
+    await space?.internal.setEdgeReplicationPreference(next ? import_metadata.EdgeReplicationSetting.ENABLED : import_metadata.EdgeReplicationSetting.DISABLED).catch((err) => {
+      import_log2.log.catch(err, void 0, {
+        F: __dxlog_file2,
+        L: 36,
+        S: void 0,
+        C: (f, a) => f(...a)
+      });
+      setEdgeReplication(!next);
+    });
+  }, [
+    space
+  ]);
+  return /* @__PURE__ */ import_react23.default.createElement("div", {
+    role: "form",
+    className: (0, import_react_ui_theme4.mx)("flex flex-col", classNames)
+  }, /* @__PURE__ */ import_react23.default.createElement(import_react_ui_form5.DeprecatedFormInput, {
+    label: t("name label")
+  }, /* @__PURE__ */ import_react23.default.createElement(import_react_ui18.Input.TextInput, {
+    placeholder: t("unnamed space label"),
+    value: space.properties.name ?? "",
+    onChange: (event) => {
+      space.properties.name = event.target.value;
+    }
+  })), edgeEnabled && /* @__PURE__ */ import_react23.default.createElement(import_react_ui_form5.DeprecatedFormInput, {
+    label: t("edge replication label")
+  }, /* @__PURE__ */ import_react23.default.createElement(import_react_ui18.Input.Switch, {
+    checked: edgeReplication,
+    onCheckedChange: toggleEdgeReplication
+  })));
+};
+var SPACE_SETTINGS_DIALOG = `${import_chunk_AO4EW2RX.SPACE_PLUGIN}/SpaceSettingsDialog`;
+var SpaceSettingsDialog = ({ space, target, createInvitationUrl, initialTab = "members", namesCache }) => {
+  const { t } = (0, import_react_ui19.useTranslation)(import_chunk_AO4EW2RX.SPACE_PLUGIN);
+  const client = (0, import_react_client6.useClient)();
+  const [tabsActivePart, setTabsActivePart] = (0, import_react24.useState)("list");
+  const [selected, setSelected] = (0, import_react24.useState)(initialTab);
+  const locked = space.properties[import_chunk_Z34MTEU7.COMPOSER_SPACE_LOCK];
+  const name = (0, import_chunk_Z34MTEU7.getSpaceDisplayName)(space, {
+    personal: client.spaces.default === space,
+    namesCache
+  });
+  return (
+    // TODO(wittjosiah): The tablist dialog pattern is copied from @dxos/plugin-manager.
+    //  Consider factoring it out to the tabs package.
+    /* @__PURE__ */ import_react24.default.createElement(import_react_ui19.Dialog.Content, {
+      classNames: "p-0 bs-content min-bs-[15rem] max-bs-full md:max-is-[40rem] overflow-hidden"
+    }, /* @__PURE__ */ import_react24.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_react24.default.createElement(import_react_ui19.Dialog.Title, {
+      onClick: () => setTabsActivePart("list"),
+      "aria-description": t("click to return to tablist description"),
+      classNames: "flex cursor-pointer items-center group/title"
+    }, /* @__PURE__ */ import_react24.default.createElement(import_react_ui19.Icon, {
+      icon: "ph--caret-left--regular",
+      size: 4,
+      classNames: [
+        "@md:hidden",
+        tabsActivePart === "list" && "invisible"
+      ]
+    }), /* @__PURE__ */ import_react24.default.createElement("span", {
+      className: tabsActivePart !== "list" ? "group-hover/title:underline @md:group-hover/title:no-underline underline-offset-4 decoration-1" : ""
+    }, (0, import_react_ui19.toLocalizedString)(name, t))), /* @__PURE__ */ import_react24.default.createElement(import_react_ui19.Dialog.Close, {
+      asChild: true
+    }, /* @__PURE__ */ import_react24.default.createElement(import_react_ui19.Button, {
+      density: "fine",
+      variant: "ghost",
+      autoFocus: true
+    }, /* @__PURE__ */ import_react24.default.createElement(import_react_ui19.Icon, {
+      icon: "ph--x--regular",
+      size: 4
+    })))), /* @__PURE__ */ import_react24.default.createElement(import_react_ui_tabs.Tabs.Root, {
+      orientation: "vertical",
+      value: selected,
+      onValueChange: setSelected,
+      activePart: tabsActivePart,
+      onActivePartChange: setTabsActivePart,
+      classNames: "flex flex-col flex-1 mbs-2"
+    }, /* @__PURE__ */ import_react24.default.createElement(import_react_ui_tabs.Tabs.Viewport, {
+      classNames: "flex-1 min-bs-0"
+    }, /* @__PURE__ */ import_react24.default.createElement("div", {
+      role: "none",
+      className: "overflow-y-auto pli-3 @md:pis-2 @md:pie-0 mbe-4 border-r border-separator"
+    }, /* @__PURE__ */ import_react24.default.createElement(import_react_ui_tabs.Tabs.Tablist, {
+      classNames: "flex flex-col max-bs-none min-is-[200px] gap-4 overflow-y-auto"
+    }, /* @__PURE__ */ import_react24.default.createElement("div", {
+      role: "none",
+      className: "flex flex-col ml-1"
+    }, /* @__PURE__ */ import_react24.default.createElement(import_react_ui_tabs.Tabs.Tab, {
+      value: "settings"
+    }, t("settings tab label")), /* @__PURE__ */ import_react24.default.createElement(import_react_ui_tabs.Tabs.Tab, {
+      value: "members",
+      disabled: locked
+    }, t("members tab label"))))), /* @__PURE__ */ import_react24.default.createElement(import_react_ui_tabs.Tabs.Tabpanel, {
+      value: "settings",
+      classNames: "pli-3 @md:pli-5 max-bs-dvh overflow-y-auto"
+    }, /* @__PURE__ */ import_react24.default.createElement(SpaceSettingsPanel, {
+      space
+    })), /* @__PURE__ */ import_react24.default.createElement(import_react_ui_tabs.Tabs.Tabpanel, {
+      value: "members",
+      classNames: "pli-3 @md:pli-5 max-bs-dvh overflow-y-auto"
+    }, /* @__PURE__ */ import_react24.default.createElement(import_react_ui19.Clipboard.Provider, null, /* @__PURE__ */ import_react24.default.createElement(import_react25.SpacePanel, {
+      space,
+      hideHeading: true,
+      target,
+      createInvitationUrl
+    }))))))
+  );
+};
+var __dxlog_file3 = "/home/runner/work/dxos/dxos/packages/plugins/plugin-space/src/components/SyncStatus/sync-state.ts";
+var createEmptyEdgeSyncState = () => ({
+  missingOnLocal: 0,
+  missingOnRemote: 0,
+  localDocumentCount: 0,
+  remoteDocumentCount: 0,
+  differentDocuments: 0
+});
+var getSyncSummary = (syncMap) => {
+  return Object.entries(syncMap).reduce((summary, [_spaceId, peerState]) => {
+    summary.missingOnLocal += peerState.missingOnLocal;
+    summary.missingOnRemote += peerState.missingOnRemote;
+    summary.localDocumentCount += peerState.localDocumentCount;
+    summary.remoteDocumentCount += peerState.remoteDocumentCount;
+    summary.differentDocuments += peerState.differentDocuments;
+    return summary;
+  }, createEmptyEdgeSyncState());
+};
+var isEdgePeerId = (peerId, spaceId) => peerId.startsWith(`${import_protocols.EdgeService.AUTOMERGE_REPLICATOR}:${spaceId}`);
+var useSyncState = () => {
+  const client = (0, import_react_client8.useClient)();
+  const [spaceState, setSpaceState] = (0, import_react27.useState)({});
+  (0, import_react27.useEffect)(() => {
+    const ctx = new import_context.Context(void 0, {
+      F: __dxlog_file3,
+      L: 48
+    });
+    const createSubscriptions = (spaces) => {
+      for (const space of spaces) {
+        if (spaceState[space.id]) {
+          continue;
+        }
+        ctx.onDispose(space.crud.subscribeToSyncState(ctx, ({ peers = [] }) => {
+          const syncState = peers.find((state) => isEdgePeerId(state.peerId, space.id));
+          if (syncState) {
+            setSpaceState((spaceState2) => ({
+              ...spaceState2,
+              [space.id]: syncState
+            }));
+          }
+        }));
+      }
+    };
+    createSubscriptions(client.spaces.get());
+    client.spaces.subscribe((spaces) => {
+      createSubscriptions(spaces);
+    });
+    return () => {
+      void ctx.dispose();
+    };
+  }, [
+    client
+  ]);
+  return spaceState;
+};
+var useSpaceSyncState = (space) => {
+  const [spaceState, setSpaceState] = (0, import_react27.useState)();
+  (0, import_react27.useEffect)(() => {
+    const ctx = new import_context.Context(void 0, {
+      F: __dxlog_file3,
+      L: 87
+    });
+    space.crud.subscribeToSyncState(ctx, ({ peers = [] }) => {
+      const syncState = peers.find((state) => isEdgePeerId(state.peerId, space.id));
+      if (syncState) {
+        setSpaceState(syncState);
+      }
+    });
+    return () => {
+      void ctx.dispose();
+    };
+  }, [
+    space
+  ]);
+  return spaceState;
+};
+var useEdgeStatus = () => {
+  const [status, setStatus] = (0, import_react26.useState)(import_services.QueryEdgeStatusResponse.EdgeStatus.NOT_CONNECTED);
+  const client = (0, import_react_client7.useClient)();
+  (0, import_react26.useEffect)(() => {
+    client.services.services.EdgeAgentService?.queryEdgeStatus().subscribe(({ status: status2 }) => {
+      setStatus(status2);
+    });
+  }, [
+    client
+  ]);
+  return status;
+};
+var InlineSyncStatus = ({ space, open }) => {
+  const { t } = (0, import_react_ui20.useTranslation)(import_chunk_AO4EW2RX.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_plugin_graph3.useGraph)();
+  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.QueryEdgeStatusResponse.EdgeStatus.CONNECTED;
+  const edgeSyncEnabled = space.internal.data.edgeReplication === import_metadata2.EdgeReplicationSetting.ENABLED;
+  const syncState = useSpaceSyncState(space);
+  const syncing = connectedToEdge && edgeSyncEnabled && syncState && syncState.missingOnLocal > 0;
+  return /* @__PURE__ */ import_react26.default.createElement(import_react_ui20.Tooltip.Root, null, /* @__PURE__ */ import_react26.default.createElement(import_react_ui20.Tooltip.Trigger, {
+    asChild: true
+  }, /* @__PURE__ */ import_react26.default.createElement(import_react_ui_attention2.AttentionGlyph, {
+    syncing,
+    attended: isAttended,
+    containsAttended,
+    classNames: "self-center mie-1"
+  })), /* @__PURE__ */ import_react26.default.createElement(import_react_ui20.Tooltip.Portal, null, /* @__PURE__ */ import_react26.default.createElement(import_react_ui20.Tooltip.Content, {
+    side: "bottom",
+    classNames: "z-[70]"
+  }, /* @__PURE__ */ import_react26.default.createElement("span", null, t("syncing label")), /* @__PURE__ */ import_react26.default.createElement(import_react_ui20.Tooltip.Arrow, null))));
+};
+var SYNC_STALLED_TIMEOUT = 5e3;
+var styles = {
+  barBg: "bg-neutral-50 dark:bg-green-900 text-black",
+  barFg: "bg-neutral-100 bg-green-500",
+  barHover: "dark:hover:bg-green-500"
+};
+var useActive = (count) => {
+  const [current, setCurrent] = (0, import_react29.useState)(count);
+  const [active, setActive] = (0, import_react29.useState)(false);
+  (0, import_react29.useEffect)(() => {
+    let t;
+    if (count !== current) {
+      setActive(true);
+      setCurrent(count);
+      t && clearTimeout(t);
+      t = setTimeout(() => {
+        setActive(false);
+      }, SYNC_STALLED_TIMEOUT);
+    }
+    return () => {
+      setActive(false);
+      clearTimeout(t);
+    };
+  }, [
+    count,
+    current
+  ]);
+  return active;
+};
+var SpaceRowContainer = ({ spaceId, state }) => {
+  const { t } = (0, import_react_ui22.useTranslation)(import_chunk_AO4EW2RX.SPACE_PLUGIN);
+  const client = (0, import_react_client10.useClient)();
+  const space = (0, import_echo8.useSpace)(spaceId);
+  if (!space) {
+    return null;
+  }
+  const spaceName = (0, import_react_ui22.toLocalizedString)((0, import_chunk_Z34MTEU7.getSpaceDisplayName)(space, {
+    personal: space === client.spaces.default
+  }), t);
+  return /* @__PURE__ */ import_react29.default.createElement(SpaceRow, {
+    spaceId,
+    spaceName,
+    state
+  });
+};
+var SpaceRow = ({ spaceId, spaceName, state: { localDocumentCount, remoteDocumentCount, missingOnLocal, missingOnRemote } }) => {
+  const downActive = useActive(localDocumentCount);
+  const upActive = useActive(remoteDocumentCount);
+  return /* @__PURE__ */ import_react29.default.createElement("div", {
+    className: "flex items-center mx-0.5 gap-0.5 cursor-pointer",
+    title: spaceId,
+    onClick: () => {
+      void navigator.clipboard.writeText(spaceId);
+    }
+  }, /* @__PURE__ */ import_react29.default.createElement("span", {
+    className: "is-1/2 truncate"
+  }, spaceName), /* @__PURE__ */ import_react29.default.createElement(import_react_ui22.Icon, {
+    icon: "ph--arrow-fat-line-left--regular",
+    size: 3,
+    classNames: (0, import_react_ui_theme6.mx)(downActive && "animate-[pulse_1s_infinite]")
+  }), /* @__PURE__ */ import_react29.default.createElement(Candle, {
+    up: {
+      count: remoteDocumentCount,
+      total: remoteDocumentCount + missingOnRemote
+    },
+    down: {
+      count: localDocumentCount,
+      total: localDocumentCount + missingOnLocal
+    },
+    title: spaceId
+  }), /* @__PURE__ */ import_react29.default.createElement(import_react_ui22.Icon, {
+    icon: "ph--arrow-fat-line-right--regular",
+    size: 3,
+    classNames: (0, import_react_ui_theme6.mx)(upActive && "animate-[pulse_1s_step-start_infinite]")
+  }));
+};
+var Candle = ({ classNames, up, down }) => {
+  return /* @__PURE__ */ import_react29.default.createElement("div", {
+    className: (0, import_react_ui_theme6.mx)("grid grid-cols-[1fr_2rem_1fr] w-full h-3", classNames)
+  }, /* @__PURE__ */ import_react29.default.createElement(Bar, {
+    classNames: "justify-end",
+    ...up
+  }), /* @__PURE__ */ import_react29.default.createElement("div", {
+    className: "relative"
+  }, /* @__PURE__ */ import_react29.default.createElement("div", {
+    className: (0, import_react_ui_theme6.mx)("absolute inset-0 flex items-center justify-center text-xs", styles.barBg)
+  }, up.total)), /* @__PURE__ */ import_react29.default.createElement(Bar, down));
+};
+var Bar = ({ classNames, count, total }) => {
+  let p = count / total * 100;
+  if (count < total) {
+    p = Math.min(p, 95);
+  }
+  return /* @__PURE__ */ import_react29.default.createElement("div", {
+    className: (0, import_react_ui_theme6.mx)("relative flex w-full", styles.barBg, classNames)
+  }, /* @__PURE__ */ import_react29.default.createElement("div", {
+    className: (0, import_react_ui_theme6.mx)("shrink-0", styles.barFg),
+    style: {
+      width: `${p}%`
+    }
+  }), count !== total && /* @__PURE__ */ import_react29.default.createElement("div", {
+    className: "absolute top-0 bottom-0 flex items-center mx-0.5 text-black text-xs"
+  }, count));
+};
+var __dxlog_file4 = "/home/runner/work/dxos/dxos/packages/plugins/plugin-space/src/components/SyncStatus/save-tracker.ts";
+var createClientSaveTracker = (client, cb) => {
+  const unsubscribeCallbacks = {};
+  const state = {};
+  const install = (spaces) => {
+    for (const space of spaces) {
+      if (state[space.id]) {
+        continue;
+      }
+      state[space.id] = "saved";
+      unsubscribeCallbacks[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(unsubscribeCallbacks)) {
+      unsubscribe();
+    }
+  };
+};
+var createSpaceSaveTracker = (space, cb) => {
+  const ctx = new import_context2.Context(void 0, {
+    F: __dxlog_file4,
+    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 SyncStatus = () => {
+  const client = (0, import_react_client9.useClient)();
+  const state = useSyncState();
+  const [saved, setSaved] = (0, import_react28.useState)(true);
+  (0, import_react28.useEffect)(() => {
+    return createClientSaveTracker(client, (state2) => {
+      setSaved(state2 === "saved");
+    });
+  }, []);
+  return /* @__PURE__ */ import_react28.default.createElement(SyncStatusIndicator, {
+    state,
+    saved
+  });
+};
+var SyncStatusIndicator = ({ state, saved }) => {
+  const { t } = (0, import_react_ui21.useTranslation)(import_chunk_AO4EW2RX.SPACE_PLUGIN);
+  const summary = getSyncSummary(state);
+  const offline = Object.values(state).length === 0;
+  const needsToUpload = summary.differentDocuments > 0 || summary.missingOnRemote > 0;
+  const needsToDownload = summary.differentDocuments > 0 || summary.missingOnLocal > 0;
+  const status = getStatus({
+    offline,
+    saved,
+    needsToUpload,
+    needsToDownload
+  });
+  const [classNames, setClassNames] = (0, import_react28.useState)();
+  (0, import_react28.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_react28.default.createElement(import_react_ui21.Icon, {
+    icon: getIcon(status),
+    size: 4,
+    classNames
+  });
+  if (offline) {
+    return /* @__PURE__ */ import_react28.default.createElement(import_plugin_status_bar.StatusBar.Item, {
+      title
+    }, icon);
+  } else {
+    return /* @__PURE__ */ import_react28.default.createElement(import_react_ui21.Popover.Root, null, /* @__PURE__ */ import_react28.default.createElement(import_react_ui21.Popover.Trigger, {
+      asChild: true
+    }, /* @__PURE__ */ import_react28.default.createElement(import_plugin_status_bar.StatusBar.Button, {
+      title
+    }, icon)), /* @__PURE__ */ import_react28.default.createElement(import_react_ui21.Popover.Portal, null, /* @__PURE__ */ import_react28.default.createElement(import_react_ui21.Popover.Content, {
+      sideOffset: 16
+    }, /* @__PURE__ */ import_react28.default.createElement(SyncStatusDetail, {
+      state,
+      summary,
+      debug: false
+    }))));
+  }
+};
+var SyncStatusDetail = ({ classNames, state, summary, debug }) => {
+  const [showAll, setShowAll] = (0, import_react28.useState)(false);
+  const { t } = (0, import_react_ui21.useTranslation)(import_chunk_AO4EW2RX.SPACE_PLUGIN);
+  const entries = Object.entries(state).filter(([_, value]) => showAll || value.missingOnLocal + value.missingOnRemote > 0).toSorted(([a], [b]) => a < b ? -1 : a > b ? 1 : 0);
+  const handleCheckedChange = (0, import_react28.useCallback)((state2) => setShowAll(state2), [
+    setShowAll
+  ]);
+  return /* @__PURE__ */ import_react28.default.createElement("div", {
+    className: (0, import_react_ui_theme5.mx)("flex flex-col gap-3 p-2 text-xs min-w-96", classNames)
+  }, /* @__PURE__ */ import_react28.default.createElement("div", {
+    role: "none",
+    className: "flex items-center"
+  }, /* @__PURE__ */ import_react28.default.createElement("h1", {
+    className: "flex-1"
+  }, t("sync status title")), /* @__PURE__ */ import_react28.default.createElement("div", {
+    className: "flex items-center gap-2"
+  }, /* @__PURE__ */ import_react28.default.createElement(import_react_ui21.Input.Root, null, /* @__PURE__ */ import_react28.default.createElement(import_react_ui21.Input.Label, {
+    classNames: "text-xs"
+  }, t("show all label")), /* @__PURE__ */ import_react28.default.createElement(import_react_ui21.Input.Checkbox, {
+    checked: showAll,
+    onCheckedChange: handleCheckedChange
+  })))), /* @__PURE__ */ import_react28.default.createElement("div", {
+    className: "flex flex-col gap-2"
+  }, entries.length === 0 && /* @__PURE__ */ import_react28.default.createElement("div", {
+    role: "none",
+    className: "flex justify-center"
+  }, t("no sync status label")), entries.map(([spaceId, state2]) => /* @__PURE__ */ import_react28.default.createElement(SpaceRowContainer, {
+    key: spaceId,
+    spaceId,
+    state: state2
+  }))), debug && /* @__PURE__ */ import_react28.default.createElement(import_react_ui_syntax_highlighter.SyntaxHighlighter, {
+    language: "json"
+  }, JSON.stringify(summary, null, 2)));
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  AdvancedObjectSettings,
+  AppGraphBuilder,
+  AppGraphSerializer,
+  AwaitingObject,
+  BaseObjectSettings,
+  CREATE_OBJECT_DIALOG,
+  CREATE_SPACE_DIALOG,
+  CollectionMain,
+  CollectionSection,
+  CreateObjectDialog,
+  CreateSpaceDialog,
+  FullPresence,
+  IdentityCreated,
+  InlineSyncStatus,
+  IntentResolver,
+  JOIN_DIALOG,
+  JoinDialog,
+  MenuFooter,
+  POPOVER_RENAME_OBJECT,
+  POPOVER_RENAME_SPACE,
+  PersistenceStatus,
+  PopoverRenameObject,
+  PopoverRenameSpace,
+  ReactRoot,
+  ReactSurface,
+  SPACE_SETTINGS_DIALOG,
+  ShareSpaceButton,
+  ShareSpaceButtonImpl,
+  SmallPresence,
+  SmallPresenceLive,
+  SpacePluginSettings,
+  SpacePresence,
+  SpaceSettings,
+  SpaceSettingsDialog,
+  SpaceSettingsPanel,
+  SpaceState,
+  SpacesReady,
+  SyncStatus,
+  SyncStatusDetail,
+  SyncStatusIndicator
+});
+//# sourceMappingURL=chunk-M64YG2FY.cjs.map