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

package/dist/lib/browser/index.mjs

@@ -1,260 +1,1108 @@
 import {
-  translations
-} from "./chunk-ZT2VPYRM.mjs";
-import {
-  AwaitingObject,
-  CREATE_OBJECT_DIALOG,
-  CREATE_SPACE_DIALOG,
-  CollectionArticle,
-  CollectionSection,
-  CreateObjectDialog,
-  CreateSpaceDialog,
-  FullPresence,
-  InlineSyncStatus,
-  JOIN_DIALOG,
-  JoinDialog,
-  MembersContainer,
-  MenuFooter,
-  OBJECT_RENAME_POPOVER,
-  ObjectCardStack,
-  ObjectDetails,
-  ObjectRenamePopover,
-  RecordArticle,
-  SPACE_RENAME_POPOVER,
-  SchemaContainer,
-  SmallPresence,
-  SmallPresenceLive,
-  SpacePluginSettings,
-  SpacePresence,
-  SpaceRenamePopover,
-  SpaceSettingsContainer,
-  SyncStatus,
-  SyncStatusIndicator,
-  ViewEditor,
-  evalQuery,
-  getQueryTarget,
-  resolveSchemaWithRegistry,
-  useQuerySpaceSchemas
-} from "./chunk-TWUMNPG4.mjs";
-import {
-  IdentityCreated,
-  OperationResolver
-} from "./chunk-AWVAX26X.mjs";
-import {
-  getActiveSpace,
-  useActiveSpace,
-  useInputSurfaceLookup,
-  usePath,
-  useTypeOptions
-} from "./chunk-4WZUGLQQ.mjs";
+  meta
+} from "./chunk-5CKPBXLB.mjs";
 import {
-  COMPOSER_SPACE_LOCK,
-  SHARED,
   SPACES,
   cloneObject,
-  constructObjectActions,
-  constructSpaceActions,
-  constructSpaceNode,
-  createObjectNode,
-  createStaticSchemaActions,
-  createStaticSchemaNode,
   getNestedObjects,
   getSpaceDisplayName
-} from "./chunk-SUI34XSA.mjs";
+} from "./chunk-YSV6LKD6.mjs";
 import {
+  SHARED,
   SpaceCapabilities,
-  SpaceEvents,
-  SpaceOperation
-} from "./chunk-CCRSHECL.mjs";
-import {
-  meta
-} from "./chunk-HSMQFM57.mjs";
+  SpaceEvents
+} from "./chunk-WB3HNICB.mjs";
+import "./chunk-J5LGTIGS.mjs";
 
-// src/SpacePlugin.ts
-import * as Effect from "effect/Effect";
-import * as Schema from "effect/Schema";
-import { ActivationEvent, Capability as Capability9, Common, Plugin } from "@dxos/app-framework";
-import { Ref, Tag, Type } from "@dxos/echo";
-import { Operation } from "@dxos/operation";
-import { AttentionEvents } from "@dxos/plugin-attention";
-import { ClientEvents } from "@dxos/plugin-client/types";
-import { translations as componentsTranslations } from "@dxos/react-ui-components";
-import { translations as formTranslations } from "@dxos/react-ui-form";
-import { Collection, DataTypes, createDefaultSchema } from "@dxos/schema";
-import { translations as shellTranslations } from "@dxos/shell/react";
-import { AnchoredTo, Employer, Event, HasConnection, HasRelationship, HasSubject, Organization, Person, Project, Task } from "@dxos/types";
+// src/components/index.ts
+import { lazy } from "react";
 
-// src/capabilities/app-graph-builder/index.ts
-import { Capability } from "@dxos/app-framework";
-var AppGraphBuilder = Capability.lazy("AppGraphBuilder", () => import("./app-graph-builder-SJHTZXZF.mjs"));
+// src/components/AwaitingObject/AwaitingObject.tsx
+import React, { useCallback, useEffect, useState } from "react";
+import { useOperationInvoker } from "@dxos/app-framework/ui";
+import { LayoutOperation } from "@dxos/app-toolkit";
+import { useLayout } from "@dxos/app-toolkit/ui";
+import { Obj } from "@dxos/echo";
+import { useClient } from "@dxos/react-client";
+import { Filter, useQuery } from "@dxos/react-client/echo";
+import { Button, Icon, Toast, useTranslation } from "@dxos/react-ui";
+import { osTranslations } from "@dxos/ui-theme";
+import { meta as meta2 } from "#meta";
+import { SpaceOperation } from "#operations";
+var WAIT_FOR_OBJECT_TIMEOUT = 3 * 60 * 1e3;
+var TOAST_TIMEOUT = 4 * 60 * 1e3;
+var AwaitingObject = ({ id }) => {
+  const { t } = useTranslation(meta2.id);
+  const { invokePromise } = useOperationInvoker();
+  const [open, setOpen] = useState(true);
+  const [waiting, setWaiting] = useState(true);
+  const [found, setFound] = useState(false);
+  const layout = useLayout();
+  const client = useClient();
+  const objects = useQuery(client.spaces, Filter.everything());
+  useEffect(() => {
+    if (!id) {
+      return;
+    }
+    const timeout = setTimeout(() => setWaiting(false), WAIT_FOR_OBJECT_TIMEOUT);
+    return () => clearTimeout(timeout);
+  }, [
+    id
+  ]);
+  useEffect(() => {
+    if (objects.findIndex((object) => Obj.getDXN(object).toString() === id) > -1) {
+      setFound(true);
+      if (layout.active.includes(id)) {
+        setOpen(false);
+      }
+    }
+  }, [
+    id,
+    objects,
+    layout
+  ]);
+  const handleClose = useCallback(async () => invokePromise(SpaceOperation.WaitForObject, {
+    id: void 0
+  }), [
+    invokePromise
+  ]);
+  const handleNavigate = useCallback(() => {
+    void invokePromise(LayoutOperation.Open, {
+      subject: [
+        id
+      ]
+    });
+    void handleClose();
+  }, [
+    id,
+    handleClose,
+    invokePromise
+  ]);
+  return /* @__PURE__ */ React.createElement(Toast.Root, {
+    open,
+    duration: TOAST_TIMEOUT,
+    onOpenChange: setOpen
+  }, /* @__PURE__ */ React.createElement(Toast.Body, null, /* @__PURE__ */ React.createElement(Toast.Title, {
+    classNames: "flex items-center gap-2"
+  }, found ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Icon, {
+    icon: "ph--check-circle--regular"
+  }), /* @__PURE__ */ React.createElement("span", null, t("found-object.label"))) : waiting ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Icon, {
+    icon: "ph--circle-notch--regular",
+    classNames: "animate-spin"
+  }), /* @__PURE__ */ React.createElement("span", null, t("waiting-for-object.label"))) : /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Icon, {
+    icon: "ph--circle-dashed--regular"
+  }), /* @__PURE__ */ React.createElement("span", null, t("object-not-found.label")))), /* @__PURE__ */ React.createElement(Toast.Description, null, t(found ? "found-object.description" : waiting ? "waiting-for-object.description" : "object-not-found.description"))), /* @__PURE__ */ React.createElement(Toast.Actions, null, found ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Toast.Action, {
+    altText: t("go-to-object.alt"),
+    asChild: true
+  }, /* @__PURE__ */ React.createElement(Button, {
+    variant: "primary",
+    onClick: handleNavigate
+  }, t("go-to-object.label"))), /* @__PURE__ */ React.createElement(Toast.Close, {
+    asChild: true
+  }, /* @__PURE__ */ React.createElement(Button, {
+    onClick: handleClose
+  }, t("close.label", {
+    ns: osTranslations
+  })))) : /* @__PURE__ */ React.createElement(Toast.Close, {
+    asChild: true
+  }, /* @__PURE__ */ React.createElement(Button, {
+    onClick: handleClose
+  }, t(waiting ? "close.label" : "confirm.label", {
+    ns: osTranslations
+  })))));
+};
 
-// src/capabilities/app-graph-serializer/index.ts
-import { Capability as Capability2 } from "@dxos/app-framework";
-var AppGraphSerializer = Capability2.lazy("AppGraphSerializer", () => import("./app-graph-serializer-7AT7QMSK.mjs"));
+// src/components/CreateDialog/CreateObjectPanel.tsx
+import React2, { useCallback as useCallback2, useMemo } from "react";
+import { Obj as Obj2 } from "@dxos/echo";
+import { toLocalizedString, useDefaultValue, useTranslation as useTranslation2 } from "@dxos/react-ui";
+import { Form, omitId } from "@dxos/react-ui-form";
+import { SearchList, useSearchListResults } from "@dxos/react-ui-search";
+import { useInputSurfaceLookup } from "#hooks";
+import { meta as meta3 } from "#meta";
+var CreateObjectPanel = ({ options, spaces, typename, target, initialFormValues: initialFormValuesProp, defaultSpaceId, resolve, onTargetChange, onTypenameChange, onCreateObject }) => {
+  const initialFormValues = useDefaultValue(initialFormValuesProp, () => ({}));
+  const metadata = typename && resolve?.(typename);
+  const sortedOptions = useMemo(() => [
+    ...options
+  ].sort((a, b) => a.label.localeCompare(b.label)), [
+    options
+  ]);
+  const handleCreateObject = useCallback2(async (props) => {
+    if (!metadata) {
+      return;
+    }
+    await onCreateObject?.({
+      metadata,
+      data: props
+    });
+  }, [
+    onCreateObject,
+    metadata
+  ]);
+  const handleSelectOption = useCallback2(async (id) => {
+    const metadata2 = resolve?.(id);
+    if (metadata2 && !metadata2.inputSchema) {
+      await onCreateObject?.({
+        metadata: metadata2
+      });
+    } else {
+      onTypenameChange?.(id);
+    }
+  }, [
+    resolve,
+    onCreateObject
+  ]);
+  const inputSchema = useMemo(() => metadata && typeof metadata === "object" && metadata.inputSchema ? omitId(metadata.inputSchema) : void 0, [
+    metadata
+  ]);
+  const inputSurfaceLookup = useInputSurfaceLookup({
+    target
+  });
+  if (!metadata) {
+    return /* @__PURE__ */ React2.createElement(SelectType, {
+      options: sortedOptions,
+      onChange: handleSelectOption
+    });
+  }
+  if (!target) {
+    return /* @__PURE__ */ React2.createElement(SelectSpace, {
+      spaces,
+      defaultSpaceId,
+      onChange: onTargetChange
+    });
+  }
+  if (metadata.inputSchema) {
+    return /* @__PURE__ */ React2.createElement(Form.Root, {
+      autoFocus: true,
+      schema: inputSchema,
+      defaultValues: initialFormValues,
+      fieldProvider: inputSurfaceLookup,
+      db: Obj2.isObject(target) ? Obj2.getDatabase(target) : target,
+      onSave: handleCreateObject,
+      testId: "create-object-form"
+    }, /* @__PURE__ */ React2.createElement(Form.Viewport, null, /* @__PURE__ */ React2.createElement(Form.Content, null, /* @__PURE__ */ React2.createElement(Form.FieldSet, null), /* @__PURE__ */ React2.createElement(Form.Submit, null))));
+  }
+  return null;
+};
+CreateObjectPanel.displayName = "CreateObjectPanel";
+var SelectType = ({ options, onChange }) => {
+  const { t } = useTranslation2(meta3.id);
+  const { results, handleSearch } = useSearchListResults({
+    items: options,
+    extract: (option) => option.label
+  });
+  return /* @__PURE__ */ React2.createElement(SearchList.Root, {
+    onSearch: handleSearch
+  }, /* @__PURE__ */ React2.createElement(SearchList.Content, {
+    classNames: "gap-form-gap"
+  }, /* @__PURE__ */ React2.createElement(SearchList.Input, {
+    autoFocus: true,
+    "data-testid": "create-object-form.schema-input",
+    placeholder: t("schema-input.placeholder")
+  }), /* @__PURE__ */ React2.createElement(SearchList.Viewport, null, results.map((option) => /* @__PURE__ */ React2.createElement(SearchList.Item, {
+    key: option.id,
+    value: option.id,
+    label: option.label,
+    icon: option.icon ?? "ph--placeholder--regular",
+    onSelect: () => onChange(option.id)
+  })))));
+};
+var SelectSpace = ({ spaces, defaultSpaceId, onChange }) => {
+  const { t } = useTranslation2(meta3.id);
+  const sortedSpaces = useMemo(() => [
+    ...spaces
+  ].sort((a, b) => {
+    const labelA = toLocalizedString(getSpaceDisplayName(a, {
+      personal: a.id === defaultSpaceId
+    }), t);
+    const labelB = toLocalizedString(getSpaceDisplayName(b, {
+      personal: b.id === defaultSpaceId
+    }), t);
+    return labelA.localeCompare(labelB);
+  }), [
+    spaces,
+    defaultSpaceId,
+    t
+  ]);
+  const { results, handleSearch } = useSearchListResults({
+    items: sortedSpaces,
+    extract: (space) => toLocalizedString(getSpaceDisplayName(space, {
+      personal: space.id === defaultSpaceId
+    }), t)
+  });
+  return /* @__PURE__ */ React2.createElement(SearchList.Root, {
+    onSearch: handleSearch
+  }, /* @__PURE__ */ React2.createElement(SearchList.Content, null, /* @__PURE__ */ React2.createElement(SearchList.Input, {
+    autoFocus: true,
+    "data-testid": "create-object-form.space-input",
+    placeholder: t("space-input.placeholder")
+  }), /* @__PURE__ */ React2.createElement(SearchList.Viewport, null, results.map((space) => {
+    return /* @__PURE__ */ React2.createElement(SearchList.Item, {
+      key: space.id,
+      value: space.id,
+      label: toLocalizedString(getSpaceDisplayName(space, {
+        personal: space.id === defaultSpaceId
+      }), t),
+      onSelect: () => onChange?.(space.db)
+    });
+  }))));
+};
 
-// src/capabilities/react-root/index.ts
-import { Capability as Capability3 } from "@dxos/app-framework";
-var ReactRoot = Capability3.lazy("ReactRoot", () => import("./react-root-3SPMM45V.mjs"));
+// src/components/ObjectDetails/BaseObjectSettings.tsx
+import * as Function from "effect/Function";
+import * as Option from "effect/Option";
+import * as Schema from "effect/Schema";
+import React3, { useCallback as useCallback3, useMemo as useMemo2 } from "react";
+import { DXN, Obj as Obj3, Ref, Tag, Type } from "@dxos/echo";
+import { splitJsonPath } from "@dxos/echo/internal";
+import { invariant } from "@dxos/invariant";
+import { Form as Form2, omitId as omitId2 } from "@dxos/react-ui-form";
+import { HuePicker } from "@dxos/react-ui-pickers";
+import { composable, composableProps } from "@dxos/ui-theme";
+import { isNonNullable } from "@dxos/util";
+import { meta as pluginMeta } from "#meta";
+var __dxlog_file = "/__w/dxos/dxos/packages/plugins/plugin-space/src/components/ObjectDetails/BaseObjectSettings.tsx";
+var createFieldMap = {
+  hue: ({ type, label, layout, getValue, onValueChange }) => {
+    const handleChange = useCallback3((nextHue) => onValueChange(type, nextHue), [
+      onValueChange,
+      type
+    ]);
+    const handleReset = useCallback3(() => onValueChange(type, void 0), [
+      onValueChange,
+      type
+    ]);
+    return /* @__PURE__ */ React3.createElement(React3.Fragment, null, layout !== "inline" && /* @__PURE__ */ React3.createElement(Form2.Label, {
+      label
+    }), /* @__PURE__ */ React3.createElement(HuePicker, {
+      value: getValue(),
+      onChange: handleChange,
+      onReset: handleReset
+    }));
+  }
+};
+var BaseSchema = Schema.Struct({
+  tags: Schema.Array(Ref.Ref(Tag.Tag)).pipe(Schema.optional)
+});
+var BaseObjectSettings = composable(({ children, object, ...props }, forwardedRef) => {
+  const db = Obj3.getDatabase(object);
+  const formSchema = useMemo2(() => {
+    return Function.pipe(Obj3.getSchema(object), Option.fromNullable, Option.map((schema) => omitId2(BaseSchema.pipe(Schema.extend(schema)))), Option.getOrUndefined);
+  }, [
+    object
+  ]);
+  const meta7 = Obj3.getMeta(object);
+  const tags = (meta7.tags ?? []).map((tag) => db?.makeRef(DXN.parse(tag))).filter(isNonNullable);
+  const values = useMemo2(() => ({
+    tags,
+    ...object
+  }), [
+    object,
+    tags
+  ]);
+  const handleCreate = useCallback3((schema, values2) => {
+    invariant(db, void 0, {
+      F: __dxlog_file,
+      L: 67,
+      S: void 0,
+      A: [
+        "db",
+        ""
+      ]
+    });
+    invariant(Type.isObjectSchema(schema), void 0, {
+      F: __dxlog_file,
+      L: 68,
+      S: void 0,
+      A: [
+        "Type.isObjectSchema(schema)",
+        ""
+      ]
+    });
+    const newObject = db.add(Obj3.make(schema, values2));
+    if (Obj3.instanceOf(Tag.Tag, newObject)) {
+      Obj3.change(object, (obj) => {
+        Obj3.getMeta(obj).tags = [
+          ...Obj3.getMeta(obj).tags ?? [],
+          Obj3.getDXN(newObject).toString()
+        ];
+      });
+    }
+  }, []);
+  const handleChange = useCallback3(({ tags: tags2, ...values2 }, { isValid, changed }) => {
+    if (!isValid) {
+      return;
+    }
+    const changedPaths = Object.keys(changed).filter((path) => changed[path]);
+    const hasTagsChange = changedPaths.some((path) => splitJsonPath(path)[0] === "tags");
+    if (hasTagsChange) {
+      Obj3.change(object, (obj) => {
+        Obj3.getMeta(obj).tags = tags2?.map((tag) => tag.dxn.toString()) ?? [];
+      });
+    }
+    const nonTagPaths = changedPaths.filter((path) => splitJsonPath(path)[0] !== "tags");
+    if (nonTagPaths.length > 0) {
+      Obj3.change(object, () => {
+        for (const path of nonTagPaths) {
+          const parts = splitJsonPath(path);
+          const value = Obj3.getValue(values2, parts);
+          Obj3.setValue(object, parts, value);
+        }
+      });
+    }
+  }, [
+    object
+  ]);
+  if (!formSchema) {
+    return null;
+  }
+  const { className } = composableProps(props);
+  return /* @__PURE__ */ React3.createElement(Form2.Root, {
+    schema: formSchema,
+    defaultValues: values,
+    createTypename: Type.getTypename(Tag.Tag),
+    createOptionIcon: "ph--plus--regular",
+    createOptionLabel: [
+      "add-tag.label",
+      {
+        ns: pluginMeta.id
+      }
+    ],
+    createInitialValuePath: "label",
+    createFieldMap,
+    db,
+    onValuesChanged: handleChange,
+    onCreate: handleCreate
+  }, /* @__PURE__ */ React3.createElement(Form2.Viewport, null, /* @__PURE__ */ React3.createElement(Form2.Content, {
+    classNames: className
+  }, /* @__PURE__ */ React3.createElement(Form2.FieldSet, null), children)));
+});
 
-// src/capabilities/react-surface/index.ts
-import { Capability as Capability4 } from "@dxos/app-framework";
-var ReactSurface = Capability4.lazy("ReactSurface", () => import("./react-surface-UUS7NDHS.mjs"));
+// src/components/ObjectDetails/ForeignKeys.tsx
+import React4, { useCallback as useCallback4 } from "react";
+import { IconButton, List, ListItem, useTranslation as useTranslation3 } from "@dxos/react-ui";
+import { meta as meta4 } from "#meta";
+var ForeignKeys = ({ keys, onDelete }) => {
+  return /* @__PURE__ */ React4.createElement(List, {
+    classNames: "flex flex-col gap-2"
+  }, keys.map((key) => /* @__PURE__ */ React4.createElement(KeyItem, {
+    key: key.id,
+    forignKey: key,
+    onDelete
+  })));
+};
+var KeyItem = ({ forignKey, onDelete }) => {
+  const { t } = useTranslation3(meta4.id);
+  const handleDelete = useCallback4(() => {
+    onDelete?.(forignKey);
+  }, [
+    forignKey,
+    onDelete
+  ]);
+  return /* @__PURE__ */ React4.createElement(ListItem.Root, {
+    classNames: "px-2"
+  }, /* @__PURE__ */ React4.createElement(ListItem.Heading, {
+    classNames: "flex flex-col grow truncate"
+  }, /* @__PURE__ */ React4.createElement("div", null, forignKey.source), /* @__PURE__ */ React4.createElement("div", {
+    className: "text-description text-sm truncate"
+  }, forignKey.id)), /* @__PURE__ */ React4.createElement(ListItem.Endcap, null, /* @__PURE__ */ React4.createElement(IconButton, {
+    iconOnly: true,
+    icon: "ph--x--regular",
+    variant: "ghost",
+    label: t("delete-key.button"),
+    onClick: handleDelete
+  })));
+};
 
-// src/capabilities/repair/index.ts
-import { Capability as Capability5 } from "@dxos/app-framework";
-var Repair = Capability5.lazy("Repair", () => import("./repair-CJG26D52.mjs"));
+// src/components/ObjectForm/ObjectForm.tsx
+import * as Schema2 from "effect/Schema";
+import React5, { useCallback as useCallback5, useMemo as useMemo3 } from "react";
+import { DXN as DXN2, Obj as Obj4, Ref as Ref2, Tag as Tag2, Type as Type2 } from "@dxos/echo";
+import { splitJsonPath as splitJsonPath2 } from "@dxos/echo/internal";
+import { invariant as invariant2 } from "@dxos/invariant";
+import { Form as Form3, omitId as omitId3 } from "@dxos/react-ui-form";
+import { HuePicker as HuePicker2 } from "@dxos/react-ui-pickers";
+import { isNonNullable as isNonNullable2 } from "@dxos/util";
+import { meta as pluginMeta2 } from "#meta";
+var __dxlog_file2 = "/__w/dxos/dxos/packages/plugins/plugin-space/src/components/ObjectForm/ObjectForm.tsx";
+var createFieldMap2 = {
+  hue: ({ type, label, layout, getValue, onValueChange }) => {
+    const handleChange = useCallback5((nextHue) => onValueChange(type, nextHue), [
+      onValueChange,
+      type
+    ]);
+    const handleReset = useCallback5(() => onValueChange(type, void 0), [
+      onValueChange,
+      type
+    ]);
+    return /* @__PURE__ */ React5.createElement(React5.Fragment, null, layout !== "inline" && /* @__PURE__ */ React5.createElement(Form3.Label, {
+      label
+    }), /* @__PURE__ */ React5.createElement(HuePicker2, {
+      value: getValue(),
+      onChange: handleChange,
+      onReset: handleReset
+    }));
+  }
+};
+var ObjectForm = ({ object, schema }) => {
+  const db = Obj4.getDatabase(object);
+  const formSchema = useMemo3(() => omitId3(Schema2.Struct({
+    tags: Schema2.Array(Ref2.Ref(Tag2.Tag)).pipe(Schema2.optional)
+  }).pipe(Schema2.extend(schema))), [
+    schema
+  ]);
+  const meta7 = Obj4.getMeta(object);
+  const tags = (meta7.tags ?? []).map((tag) => db?.makeRef(DXN2.parse(tag))).filter(isNonNullable2);
+  const values = useMemo3(() => ({
+    tags,
+    ...object
+  }), [
+    object,
+    tags
+  ]);
+  const handleCreate = useCallback5((schema2, values2) => {
+    invariant2(db, void 0, {
+      F: __dxlog_file2,
+      L: 53,
+      S: void 0,
+      A: [
+        "db",
+        ""
+      ]
+    });
+    invariant2(Type2.isObjectSchema(schema2), void 0, {
+      F: __dxlog_file2,
+      L: 54,
+      S: void 0,
+      A: [
+        "Type.isObjectSchema(schema)",
+        ""
+      ]
+    });
+    const newObject = db.add(Obj4.make(schema2, values2));
+    if (Obj4.instanceOf(Tag2.Tag, newObject)) {
+      Obj4.change(object, (obj) => {
+        Obj4.getMeta(obj).tags = [
+          ...Obj4.getMeta(obj).tags ?? [],
+          Obj4.getDXN(newObject).toString()
+        ];
+      });
+    }
+  }, []);
+  const handleChange = useCallback5(({ tags: tags2, ...values2 }, { isValid, changed }) => {
+    if (!isValid) {
+      return;
+    }
+    const changedPaths = Object.keys(changed).filter((path) => changed[path]);
+    const hasTagsChange = changedPaths.some((path) => splitJsonPath2(path)[0] === "tags");
+    if (hasTagsChange) {
+      Obj4.change(object, (obj) => {
+        Obj4.getMeta(obj).tags = tags2?.map((tag) => tag.dxn.toString()) ?? [];
+      });
+    }
+    const nonTagPaths = changedPaths.filter((path) => splitJsonPath2(path)[0] !== "tags");
+    if (nonTagPaths.length > 0) {
+      Obj4.change(object, () => {
+        for (const path of nonTagPaths) {
+          const parts = splitJsonPath2(path);
+          const value = Obj4.getValue(values2, parts);
+          Obj4.setValue(object, parts, value);
+        }
+      });
+    }
+  }, [
+    object
+  ]);
+  return /* @__PURE__ */ React5.createElement(Form3.Root, {
+    schema: formSchema,
+    defaultValues: values,
+    createTypename: Type2.getTypename(Tag2.Tag),
+    createOptionIcon: "ph--plus--regular",
+    createOptionLabel: [
+      "add-tag.label",
+      {
+        ns: pluginMeta2.id
+      }
+    ],
+    createInitialValuePath: "label",
+    createFieldMap: createFieldMap2,
+    db,
+    onValuesChanged: handleChange,
+    onCreate: handleCreate
+  }, /* @__PURE__ */ React5.createElement(Form3.Viewport, null, /* @__PURE__ */ React5.createElement(Form3.Content, null, /* @__PURE__ */ React5.createElement(Form3.FieldSet, null))));
+};
 
-// src/capabilities/settings/index.ts
-import { Capability as Capability6 } from "@dxos/app-framework";
-var SpaceSettings = Capability6.lazy("SpaceSettings", () => import("./settings-ZS2AQ73E.mjs"));
+// src/components/SyncStatus/save-tracker.ts
+import { Context } from "@dxos/context";
+var __dxlog_file3 = "/__w/dxos/dxos/packages/plugins/plugin-space/src/components/SyncStatus/save-tracker.ts";
+var createClientSaveTracker = (client, cb) => {
+  const CleanupFns = {};
+  const state = {};
+  const install = (spaces) => {
+    for (const space of spaces) {
+      if (state[space.id]) {
+        continue;
+      }
+      state[space.id] = "saved";
+      CleanupFns[space.id] = createSpaceSaveTracker(space, (s) => {
+        state[space.id] = s;
+        cb(Object.values(state).some((s2) => s2 === "saving") ? "saving" : "saved");
+      });
+    }
+  };
+  client.spaces.subscribe((spaces) => {
+    install(spaces);
+  });
+  install(client.spaces.get());
+  return () => {
+    for (const unsubscribe of Object.values(CleanupFns)) {
+      unsubscribe();
+    }
+  };
+};
+var createSpaceSaveTracker = (space, cb) => {
+  const ctx = new Context(void 0, {
+    F: __dxlog_file3,
+    L: 40
+  });
+  void space.waitUntilReady().then(() => {
+    if (ctx.disposed) {
+      return;
+    }
+    let hasUnsavedChanges = false;
+    let lastFlushPromise;
+    space.internal.db.saveStateChanged.on(ctx, ({ unsavedDocuments }) => {
+      hasUnsavedChanges = unsavedDocuments.length > 0;
+    });
+    space.internal.db.saveStateChanged.debounce(500).on(ctx, () => {
+      if (hasUnsavedChanges) {
+        lastFlushPromise = void 0;
+        cb("saving");
+      } else {
+        const flushPromise = space.db.flush();
+        lastFlushPromise = flushPromise;
+        void flushPromise.then(() => {
+          if (lastFlushPromise === flushPromise) {
+            cb("saved");
+          }
+        });
+      }
+    });
+  });
+  return () => {
+    void ctx.dispose();
+  };
+};
 
-// src/capabilities/spaces-ready/index.ts
-import { Capability as Capability7 } from "@dxos/app-framework";
-var SpacesReady = Capability7.lazy("SpacesReady", () => import("./spaces-ready-OQDGWUOS.mjs"));
+// src/components/SyncStatus/status.ts
+var getStatus = ({ offline, saved, needsToUpload, needsToDownload }) => {
+  if (!saved) {
+    return "saving-locally";
+  } else if (!offline && needsToDownload) {
+    return "downloading";
+  } else if (!offline && needsToUpload) {
+    return "uploading";
+  } else if (offline && !needsToUpload && !needsToDownload) {
+    return "offline-persisted";
+  } else {
+    return "remote-synced";
+  }
+};
+var getIcon = (status) => {
+  switch (status) {
+    case "saving-locally":
+      return "ph--download--regular";
+    case "downloading":
+      return "ph--cloud-arrow-down--regular";
+    case "uploading":
+      return "ph--cloud-arrow-up--regular";
+    case "offline-persisted":
+      return "ph--check-circle--regular";
+    case "remote-synced":
+      return "ph--cloud-check--regular";
+  }
+};
 
-// src/capabilities/state/index.ts
-import { Capability as Capability8 } from "@dxos/app-framework";
-var SpaceState = Capability8.lazy("SpaceState", () => import("./state-7YZQB2KY.mjs"));
+// src/components/index.ts
+var SpacePluginSettings = lazy(() => import("./SpacePluginSettings-LDOOTV5I.mjs"));
 
 // src/SpacePlugin.ts
-var SpacePlugin = Plugin.define(meta).pipe(
-  Plugin.addModule({
-    // TODO(wittjosiah): Does not integrate with settings store.
-    //   Should this be a different event?
-    //   Should settings store be renamed to be more generic?
-    activatesOn: ActivationEvent.oneOf(Common.ActivationEvent.SetupSettings, Common.ActivationEvent.SetupAppGraph),
-    activatesAfter: [
-      SpaceEvents.StateReady
-    ],
-    activate: SpaceState
-  }),
-  Common.Plugin.addSettingsModule({
-    activate: SpaceSettings
-  }),
-  Common.Plugin.addTranslationsModule({
-    translations: [
-      ...translations,
-      ...componentsTranslations,
-      ...formTranslations,
-      ...shellTranslations
-    ]
-  }),
-  Common.Plugin.addMetadataModule({
+import * as Effect from "effect/Effect";
+import * as Option2 from "effect/Option";
+import * as Schema3 from "effect/Schema";
+import { ActivationEvent, ActivationEvents, Capability, Plugin } from "@dxos/app-framework";
+import { AppActivationEvents, AppPlugin } from "@dxos/app-toolkit";
+import { Annotation, Ref as Ref3, Tag as Tag3, Type as Type4 } from "@dxos/echo";
+import { Collection as Collection2 } from "@dxos/echo";
+import { Operation } from "@dxos/operation";
+import { AttentionEvents } from "@dxos/plugin-attention/types";
+import { ClientEvents } from "@dxos/plugin-client/types";
+import { translations as componentsTranslations } from "@dxos/react-ui-components";
+import { translations as formTranslations } from "@dxos/react-ui-form";
+import { DataTypes, createDefaultSchema } from "@dxos/schema";
+import { translations as shellTranslations } from "@dxos/shell/react";
+import { AnchoredTo, Employer, Event as Event2, HasConnection, HasRelationship, HasSubject, Organization as Organization2, Person as Person2, Pipeline as Pipeline2, Task as Task2 } from "@dxos/types";
+import { meta as meta6 } from "#meta";
+
+// src/translations.ts
+import { Type as Type3 } from "@dxos/echo";
+import { Collection } from "@dxos/echo";
+import { Event, Message, Organization, Person, Pipeline, Task } from "@dxos/types";
+import { meta as meta5 } from "#meta";
+var translations = [
+  {
+    "en-US": {
+      [Collection.Collection.typename]: {
+        "typename.label": "Collection",
+        "typename.label_zero": "Collections",
+        "typename.label_one": "Collection",
+        "typename.label_other": "Collections",
+        "object-name.placeholder": "New collection",
+        "add-object.label": "Add collection",
+        "rename-object.label": "Rename collection",
+        "delete-object.label": "Delete collection",
+        "object-deleted.label": "Collection deleted"
+      },
+      [Type3.getTypename(Type3.PersistentType)]: {
+        "typename.label": "Type",
+        "typename.label_zero": "Types",
+        "typename.label_one": "Type",
+        "typename.label_other": "Types",
+        "object-name.placeholder": "New type",
+        "add-object.label": "Add type",
+        "rename-object.label": "Rename type",
+        "delete-object.label": "Delete type",
+        "object-deleted.label": "Type deleted"
+      },
+      [Event.Event.typename]: {
+        "typename.label": "Event",
+        "typename.label_zero": "Events",
+        "typename.label_one": "Event",
+        "typename.label_other": "Events",
+        "object-name.placeholder": "New event",
+        "add-object.label": "Add event",
+        "rename-object.label": "Rename event",
+        "delete-object.label": "Delete event",
+        "object-deleted.label": "Event deleted"
+      },
+      [Message.Message.typename]: {
+        "typename.label": "Message",
+        "typename.label_zero": "Messages",
+        "typename.label_one": "Message",
+        "typename.label_other": "Messages",
+        "object-name.placeholder": "New message",
+        "add-object.label": "Add message",
+        "rename-object.label": "Rename message",
+        "delete-object.label": "Delete message",
+        "object-deleted.label": "Message deleted"
+      },
+      [Organization.Organization.typename]: {
+        "typename.label": "Organization",
+        "typename.label_zero": "Organizations",
+        "typename.label_one": "Organization",
+        "typename.label_other": "Organizations",
+        "object-name.placeholder": "New organization",
+        "add-object.label": "Add organization",
+        "rename-object.label": "Rename organization",
+        "delete-object.label": "Delete organization",
+        "object-deleted.label": "Organization deleted"
+      },
+      [Person.Person.typename]: {
+        "typename.label": "Person",
+        "typename.label_zero": "People",
+        "typename.label_one": "Person",
+        "typename.label_other": "People",
+        "object-name.placeholder": "New person",
+        "add-object.label": "Add person",
+        "rename-object.label": "Rename person",
+        "delete-object.label": "Delete person",
+        "object-deleted.label": "Person deleted"
+      },
+      [Pipeline.Pipeline.typename]: {
+        "typename.label": "Project",
+        "typename.label_zero": "Projects",
+        "typename.label_one": "Project",
+        "typename.label_other": "Projects",
+        "object-name.placeholder": "New project",
+        "add-object.label": "Add project",
+        "rename-object.label": "Rename project",
+        "delete-object.label": "Delete project",
+        "object-deleted.label": "Project deleted"
+      },
+      [Task.Task.typename]: {
+        "typename.label": "Task",
+        "typename.label_zero": "Tasks",
+        "typename.label_one": "Task",
+        "typename.label_other": "Tasks",
+        "object-name.placeholder": "New task",
+        "add-object.label": "Add task",
+        "rename-object.label": "Rename task",
+        "delete-object.label": "Delete task",
+        "object-deleted.label": "Task deleted"
+      },
+      [meta5.id]: {
+        "plugin.name": "Spaces",
+        "first-run.message": "Nothing selected.",
+        "create-space.label": "Create space",
+        "join-space.label": "Join space",
+        "empty-space.message": "No documents",
+        "empty-tree.message": "No spaces",
+        "unnamed-space.label": "New space",
+        "closed-space.label": "Closed",
+        "loading-space.label": "Loading space\u2026",
+        "lock-space.label": "Lock space",
+        "unlock-space.label": "Unlock space",
+        "rename-space.label": "Rename space",
+        "active-space.label": "Active space:",
+        "space-name.label": "Space name",
+        "object-name.label": "Object name",
+        "close-space.label": "Close space",
+        "open-space.label": "Open space",
+        "export-data.label": "Export data",
+        "import-data.label": "Import data",
+        "migrate-space.label": "Migrate space",
+        "share-space.label": "Share current space",
+        "save-space-to-disk.label": "Save to disk",
+        "load-space-from-disk.label": "Load from disk",
+        "confirm-restore.title": "Overwrite files in this space?",
+        "upload-file.message": "Drag file here or click to browse",
+        "object-name.placeholder": "Object",
+        "object.placeholder": "Type a title here\u2026",
+        "personal-space.label": "Personal Space",
+        "spaces.label": "Spaces",
+        "space-settings.label": "Spaces",
+        "space-settings.description": "Each space has its own settings you can configure, where you can adjust its properties, membership, integrations, and other objects specific to that space.",
+        "show-hidden-spaces.label": "Show archived spaces",
+        "show-hidden-spaces.description": "Display archived spaces in the sidebar so they can be accessed or unarchived.",
+        "save-files-to-directory.label": "Save files to disk",
+        "select-path.label": "Select path",
+        "snapshot-by-schema.label": "Snapshot of objects",
+        "rename-collection.label": "Rename collection",
+        "rename-object.label": "Rename object",
+        "duplicate-object.label": "Duplicate object",
+        "object-deleted.label": "Object deleted",
+        "objects-deleted.label": "Objects deleted",
+        "go-to-object.alt": "Open",
+        "go-to-object.label": "Open object",
+        "found-object.label": "Ready.",
+        "found-object.description": "The requested object is now available.",
+        "waiting-for-object.label": "Loading\u2026",
+        "waiting-for-object.description": "The requested object is still being synchronized.",
+        "object-not-found.label": "Nothing found.",
+        "object-not-found.description": "The requested object has not been found yet. Ensure there are enough peers online in the space with an updated copy.",
+        "missing-object.message": "Object not available.",
+        "missing-object.description": "The requested object has not been found yet. Ensure there are enough peers online in the space with an updated copy.",
+        "create-object-in-space.label": "Add to space",
+        "create-object-in-collection.label": "Add to collection",
+        "remove-from-collection.label": "Remove from collection",
+        "create-object-in-system-collection.label": "Add to system collection",
+        "new-type.label": "New type",
+        "add-view-to-schema.label": "Add view for type",
+        "space-members.label": "Space members",
+        "active-space-members.heading": "Online ({{count}})",
+        "inactive-space-members.heading": "Offline ({{count}})",
+        "presence.label_zero": "No other viewers",
+        "presence.label_one": "1 other viewer",
+        "presence.label_other": "{{count}} other viewers",
+        "persisted-locally.label": "Changes saved locally.",
+        "persisted-locally.message": "All changes have been saved to disk on this device.",
+        "persistence-pending.label": "Saving\u2026",
+        "persistence-error.label": "Error saving changes.",
+        "more-actions.label": "More actions",
+        "invitations.heading": "Invitations",
+        "keyshortcuts.label": "Keyboard shortcuts",
+        "menu-footer.label": "Details",
+        "location.label": "Located in",
+        "space-limit.label": "Space Limit Reached",
+        "space-limit.description": "This space has reached the maximum number of objects for the beta. This limit includes deleted objects currently, but those can be permanently removed with the cleanup action.",
+        "space-limit-close.label": "Close",
+        "remove-deleted-objects.label": "Cleanup",
+        "remove-deleted-objects.alt": "Permanently remove deleted objects to free up space.",
+        "copy-link.label": "Copy link",
+        "default-on-space-create.label": "On space create",
+        "sync-status.title": "Sync status",
+        "dismiss.label": "Dismiss",
+        "join-success.label": "Successfully joined space",
+        "name.label": "Name",
+        "name.placeholder": "Name",
+        "object-settings.label": "Details",
+        "edge-replication.label": "Enable EDGE Replication",
+        "saving-locally.label": "Writing to disk",
+        "downloading.label": "Replicating from peers",
+        "uploading.label": "Replicating to peers",
+        "offline-persisted.label": "Saved to disk (offline)",
+        "remote-synced.label": "Synced with peers",
+        "syncing.label": "Space syncing",
+        "show-all.label": "Show all",
+        "no-sync-status.label": "No space with missing objects.",
+        "create-space-dialog.title": "Create Space",
+        "create-object-dialog.title": "Create {{object}}",
+        "space-input.placeholder": "Select space",
+        "schema-input.placeholder": "Select type",
+        "creating-object-type.label": "Type",
+        "creating-in-space.label": "Location",
+        "creating-in-collection.label": "In Collection",
+        "clear-input.label": "Clear",
+        "expose-object.label": "Expose in navtree",
+        "add-tag.label": "Add tag",
+        "advanced-settings.label": "Advanced",
+        "settings.space-list.label": "Spaces",
+        "settings.open-settings.label": "Open settings",
+        "related-actions.label": "Related Actions",
+        "related-objects.label": "Related Objects",
+        "open-space-settings.label": "Open settings",
+        "row-details-no-selection.label": "No objects selected",
+        "companion-selected-objects.label": "Selected",
+        "field-deleted.label": "Field deleted",
+        "members-panel.label": "Members",
+        "members-verbose.label": "Manage space members",
+        "members.description": "You can view the current status of space members here as well as invite new members.",
+        "members.label": "Members",
+        "invitations.label": "Invitations",
+        "space-invitation.description": "Manage invitations to the space.",
+        "qr-code.description": "Share this QR code, or copy the URL and share it with the person you want to invite.",
+        "locked-space.description": "This space is locked, unlock it to invite new members.",
+        "space-locked.label": "Lock space",
+        "space-locked.description": "Locking a space prevents new members from being invited to the space.",
+        "settings.panel.label": "Space Settings",
+        "open-current-space-settings.label": "Open current space settings",
+        "space-settings-properties.label": "General settings",
+        "space-properties-settings-verbose.label": "Manage space properties",
+        "space-properties-settings.description": "You can configure how this space is displayed in the app here.",
+        "space-settings-schema.label": "Types",
+        "schema-verbose.label": "Manage types",
+        "schema.description": "You can manage all of the types stored within this space here.",
+        "no-schemas-found.message": "No types found",
+        "display-name-input.placeholder": "Space name",
+        "display-name.description": "Name of the space as it appears in the app.",
+        "icon.description": "Icon used to represent the space in the app.",
+        "hue.description": "Color used to represent the space in the app.",
+        "edge-replication.description": "Only change this if you know what you're doing. Disabling this will prevent the space from replicating through Composer's EDGE services, and relies solely on peer-to-peer sync.",
+        "archive-space.description": "Archiving a space will remove it from the sidebar and stop replicating updates, but will not delete the data. You can unarchive it by enabling archived spaces in the app settings.",
+        "archive-space.label": "Archive",
+        "unarchive-space.label": "Unarchive",
+        "space-controls.title": "Space Controls",
+        "space-controls.description": "Advanced controls for this space.",
+        "backup-space.title": "Backup Space",
+        "backup-space.description": "Download a backup of the space. Contains all data in the space in an unencrypted format.",
+        "download-backup.label": "Download backup",
+        "repair-space.title": "Repair Space",
+        "repair-space.description": "Run repair operations on the space.",
+        "repair-space.label": "Run repairs",
+        "sync-edge-connected.label": "Edge connected",
+        "sync-edge-disconnected.label": "Edge disconnected",
+        "sync-no-connection.label": "No connection to edge service",
+        "sync-latency.label": "Latency",
+        "sync-upload.label": "Upload",
+        "sync-download.label": "Download",
+        "types-section.label": "Types",
+        "collections-section.label": "Collections",
+        "type-collection-all.label": "All",
+        "search.placeholder": "Search\u2026",
+        "auth-code.message": "Authorization code",
+        "auth-other-device-emoji.message": "Authorization icon",
+        "cancel.label": "Cancel",
+        "delete-key.button": "Delete token",
+        "invite-one.label": "Create single-use invitation",
+        "invite-one.description": "One-time link",
+        "invite-many.label": "Create multi-use invitation",
+        "invite-many.description": "Anyone with the link can join.",
+        "presence.label": "Online activity",
+        "qr.label": "QR Code",
+        "typename.label": "Typename",
+        "unnamed-collection.label": "Unnamed"
+      }
+    }
+  }
+];
+
+// src/SpacePlugin.ts
+import { SpaceEvents as SpaceEvents2 } from "#types";
+import { SpaceOperation as SpaceOperation2 } from "#operations";
+import { AppGraphSerializer, IdentityCreated, Migrations, NavigationHandler, NavigationResolver, OperationHandler, UndoMappings, ReactRoot, ReactSurface, Repair, SpaceSettings, SpaceState, SpacesReady, AppGraphBuilder } from "#capabilities";
+var SpacePlugin = Plugin.define(meta6).pipe(
+  AppPlugin.addMetadataModule({
     metadata: [
       {
-        id: Collection.Collection.typename,
+        id: Collection2.Collection.typename,
         metadata: {
-          icon: "ph--cards-three--regular",
-          iconHue: "neutral",
+          icon: Annotation.IconAnnotation.get(Collection2.Collection).pipe(Option2.getOrThrow).icon,
+          iconHue: Annotation.IconAnnotation.get(Collection2.Collection).pipe(Option2.getOrThrow).hue ?? "white",
           // TODO(wittjosiah): Move out of metadata.
-          loadReferences: async (collection) => await Ref.Array.loadAll(collection.objects),
-          inputSchema: Schema.Struct({
-            name: Schema.optional(Schema.String)
+          loadReferences: async (collection) => await Ref3.Array.loadAll(collection.objects),
+          inputSchema: Schema3.Struct({
+            name: Schema3.optional(Schema3.String)
           }),
-          createObject: (props) => Effect.sync(() => Collection.make(props)),
-          addToCollectionOnCreate: true
-        }
-      },
-      {
-        id: Type.getTypename(Type.PersistentType),
-        metadata: {
-          icon: "ph--database--regular",
-          iconHue: "green",
-          inputSchema: SpaceOperation.StoredSchemaForm,
-          createObject: (props, { db }) => Effect.gen(function* () {
-            if (props.typename) {
-              const result = yield* Operation.invoke(SpaceOperation.UseStaticSchema, {
-                db,
-                typename: props.typename
-              });
-              return result;
-            } else {
-              const result = yield* Operation.invoke(SpaceOperation.AddSchema, {
-                db,
-                name: props.name,
-                schema: createDefaultSchema()
-              });
-              return result.object;
-            }
+          createObject: (props, options) => Effect.gen(function* () {
+            const object = Collection2.make(props);
+            return yield* Operation.invoke(SpaceOperation2.AddObject, {
+              object,
+              target: options.target,
+              hidden: false,
+              targetNodeId: options.targetNodeId
+            });
           })
         }
       },
       {
-        id: Event.Event.typename,
+        id: Type4.getTypename(Type4.PersistentType),
         metadata: {
-          icon: "ph--calendar-dot--regular"
+          icon: Annotation.IconAnnotation.get(Type4.PersistentType).pipe(Option2.getOrThrow).icon,
+          iconHue: Annotation.IconAnnotation.get(Type4.PersistentType).pipe(Option2.getOrThrow).hue ?? "white",
+          inputSchema: SpaceOperation2.StoredSchemaForm,
+          createObject: (props, options) => Effect.gen(function* () {
+            const result = yield* Operation.invoke(SpaceOperation2.AddSchema, {
+              db: options.db,
+              name: props.name,
+              schema: createDefaultSchema()
+            });
+            return {
+              id: result.id,
+              subject: [],
+              object: result.object
+            };
+          })
         }
       },
       {
-        id: Organization.Organization.typename,
+        id: Organization2.Organization.typename,
         metadata: {
-          icon: "ph--building-office--regular"
+          icon: Annotation.IconAnnotation.get(Organization2.Organization).pipe(Option2.getOrThrow).icon,
+          iconHue: Annotation.IconAnnotation.get(Organization2.Organization).pipe(Option2.getOrThrow).hue ?? "white",
+          createObject: (props, options) => Effect.gen(function* () {
+            const object = Organization2.make(props);
+            return yield* Operation.invoke(SpaceOperation2.AddObject, {
+              object,
+              target: options.target,
+              hidden: true,
+              targetNodeId: options.targetNodeId
+            });
+          })
         }
       },
       {
-        id: Person.Person.typename,
+        id: Person2.Person.typename,
         metadata: {
-          icon: "ph--user--regular"
+          icon: Annotation.IconAnnotation.get(Person2.Person).pipe(Option2.getOrThrow).icon,
+          iconHue: Annotation.IconAnnotation.get(Person2.Person).pipe(Option2.getOrThrow).hue ?? "white",
+          createObject: (props, options) => Effect.gen(function* () {
+            const object = Person2.make(props);
+            return yield* Operation.invoke(SpaceOperation2.AddObject, {
+              object,
+              target: options.target,
+              hidden: true,
+              targetNodeId: options.targetNodeId
+            });
+          })
         }
       },
       {
-        id: Task.Task.typename,
+        id: Task2.Task.typename,
         metadata: {
-          icon: "ph--check-circle--regular"
+          icon: Annotation.IconAnnotation.get(Task2.Task).pipe(Option2.getOrThrow).icon,
+          iconHue: Annotation.IconAnnotation.get(Task2.Task).pipe(Option2.getOrThrow).hue ?? "white",
+          inputSchema: Task2.Task,
+          createObject: (props, options) => Effect.gen(function* () {
+            const object = Task2.make(props);
+            return yield* Operation.invoke(SpaceOperation2.AddObject, {
+              object,
+              target: options.target,
+              hidden: true,
+              targetNodeId: options.targetNodeId
+            });
+          })
         }
       }
     ]
   }),
-  Common.Plugin.addSchemaModule({
+  AppPlugin.addNavigationHandlerModule(({ invitationProp }) => ({
+    activate: () => NavigationHandler({
+      invitationProp
+    })
+  })),
+  AppPlugin.addNavigationResolverModule({
+    activatesOn: ClientEvents.ClientReady,
+    activate: NavigationResolver
+  }),
+  AppPlugin.addOperationHandlerModule({
+    activate: OperationHandler
+  }),
+  AppPlugin.addReactRootModule({
+    activate: ReactRoot
+  }),
+  AppPlugin.addSchemaModule({
     schema: [
       ...DataTypes,
       AnchoredTo.AnchoredTo,
       Employer.Employer,
-      Event.Event,
+      Event2.Event,
       HasConnection.HasConnection,
       HasRelationship.HasRelationship,
       HasSubject.HasSubject,
-      Organization.Organization,
-      Person.Person,
-      Project.Project,
-      Tag.Tag,
-      Task.Task
+      Organization2.Organization,
+      Person2.Person,
+      Pipeline2.Pipeline,
+      Tag3.Tag,
+      Task2.Task
     ]
   }),
-  Common.Plugin.addReactRootModule({
-    activate: ReactRoot
+  AppPlugin.addSettingsModule({
+    activate: SpaceSettings
+  }),
+  AppPlugin.addTranslationsModule({
+    translations: [
+      ...translations,
+      ...componentsTranslations,
+      ...formTranslations,
+      ...shellTranslations
+    ]
+  }),
+  Plugin.addModule({
+    // TODO(wittjosiah): Does not integrate with settings store.
+    //   Should this be a different event?
+    //   Should settings store be renamed to be more generic?
+    activatesOn: ActivationEvent.oneOf(AppActivationEvents.SetupSettings, AppActivationEvents.SetupAppGraph),
+    activatesAfter: [
+      SpaceEvents2.StateReady
+    ],
+    activate: SpaceState
   }),
-  Plugin.addModule(({ invitationUrl = window.location.origin, invitationProp = "spaceInvitationCode" }) => {
+  Plugin.addModule(({ shareableLinkOrigin = typeof window !== "undefined" ? window.location.origin : "http://localhost", invitationPath = "/", invitationProp = "spaceInvitationCode" }) => {
     const createInvitationUrl = (invitationCode) => {
-      const baseUrl = new URL(invitationUrl);
+      const baseUrl = new URL(invitationPath || "/", shareableLinkOrigin);
       baseUrl.searchParams.set(invitationProp, invitationCode);
       return baseUrl.toString();
     };
     return {
-      id: Capability9.getModuleTag(ReactSurface),
-      activatesOn: Common.ActivationEvent.SetupReactSurface,
+      id: Capability.getModuleTag(ReactSurface),
+      activatesOn: ActivationEvents.SetupReactSurface,
       // TODO(wittjosiah): Should occur before the settings dialog is loaded when surfaces activation is more granular.
       activatesBefore: [
-        SpaceEvents.SetupSettingsPanel
+        SpaceEvents2.SetupSettingsPanel
       ],
       activate: () => ReactSurface({
         createInvitationUrl
       })
     };
   }),
-  Common.Plugin.addAppGraphModule({
-    activate: AppGraphBuilder
-  }),
-  Plugin.addModule(({ invitationUrl = window.location.origin, invitationProp = "spaceInvitationCode", observability = false }) => {
+  Plugin.addModule(({ shareableLinkOrigin = typeof window !== "undefined" ? window.location.origin : "http://localhost" }) => ({
+    id: Capability.getModuleTag(AppGraphBuilder),
+    activatesOn: AppActivationEvents.SetupAppGraph,
+    activate: () => AppGraphBuilder({
+      shareableLinkOrigin
+    })
+  })),
+  Plugin.addModule(({ shareableLinkOrigin = typeof window !== "undefined" ? window.location.origin : "http://localhost", invitationPath = "/", invitationProp = "spaceInvitationCode", observability = false }) => {
     const createInvitationUrl = (invitationCode) => {
-      const baseUrl = new URL(invitationUrl);
+      const baseUrl = new URL(invitationPath || "/", shareableLinkOrigin);
       baseUrl.searchParams.set(invitationProp, invitationCode);
       return baseUrl.toString();
     };
     return {
-      id: Capability9.getModuleTag(OperationResolver),
-      activatesOn: Common.ActivationEvent.SetupOperationResolver,
-      activate: () => OperationResolver({
+      id: Capability.getModuleTag(UndoMappings),
+      activatesOn: ActivationEvents.SetupOperationHandler,
+      activate: () => UndoMappings({
         createInvitationUrl,
         observability
       })
@@ -262,20 +1110,24 @@ var SpacePlugin = Plugin.define(meta).pipe(
   }),
   // TODO(wittjosiah): This could probably be deferred.
   Plugin.addModule({
-    activatesOn: Common.ActivationEvent.AppGraphReady,
+    activatesOn: AppActivationEvents.AppGraphReady,
     activate: AppGraphSerializer
   }),
   Plugin.addModule({
     activatesOn: ClientEvents.IdentityCreated,
     activatesAfter: [
-      SpaceEvents.DefaultSpaceReady
+      SpaceEvents2.PersonalSpaceReady
     ],
     activate: IdentityCreated
   }),
   Plugin.addModule({
-    activatesOn: ActivationEvent.allOf(Common.ActivationEvent.OperationInvokerReady, Common.ActivationEvent.LayoutReady, Common.ActivationEvent.AppGraphReady, AttentionEvents.AttentionReady, SpaceEvents.StateReady, ClientEvents.SpacesReady),
+    activatesOn: ActivationEvent.allOf(ActivationEvents.OperationInvokerReady, AppActivationEvents.LayoutReady, AppActivationEvents.AppGraphReady, AttentionEvents.AttentionReady, SpaceEvents2.StateReady, ClientEvents.SpacesReady),
     activate: SpacesReady
   }),
+  Plugin.addModule({
+    activatesOn: ClientEvents.SetupMigration,
+    activate: Migrations
+  }),
   Plugin.addModule({
     activatesOn: ClientEvents.SpacesReady,
     activate: Repair
@@ -284,58 +1136,22 @@ var SpacePlugin = Plugin.define(meta).pipe(
 );
 export {
   AwaitingObject,
-  COMPOSER_SPACE_LOCK,
-  CREATE_OBJECT_DIALOG,
-  CREATE_SPACE_DIALOG,
-  CollectionArticle,
-  CollectionSection,
-  CreateObjectDialog,
-  CreateSpaceDialog,
-  FullPresence,
-  InlineSyncStatus,
-  JOIN_DIALOG,
-  JoinDialog,
-  MembersContainer,
-  MenuFooter,
-  OBJECT_RENAME_POPOVER,
-  ObjectCardStack,
-  ObjectDetails,
-  ObjectRenamePopover,
-  RecordArticle,
+  BaseObjectSettings,
+  CreateObjectPanel,
+  ForeignKeys,
+  ObjectForm,
   SHARED,
   SPACES,
-  SPACE_RENAME_POPOVER,
-  SchemaContainer,
-  SmallPresence,
-  SmallPresenceLive,
   SpaceCapabilities,
   SpaceEvents,
   SpacePlugin,
   SpacePluginSettings,
-  SpacePresence,
-  SpaceRenamePopover,
-  SpaceSettingsContainer,
-  SyncStatus,
-  SyncStatusIndicator,
-  ViewEditor,
   cloneObject,
-  constructObjectActions,
-  constructSpaceActions,
-  constructSpaceNode,
-  createObjectNode,
-  createStaticSchemaActions,
-  createStaticSchemaNode,
-  evalQuery,
-  getActiveSpace,
+  createClientSaveTracker,
+  getIcon,
   getNestedObjects,
-  getQueryTarget,
   getSpaceDisplayName,
-  meta,
-  resolveSchemaWithRegistry,
-  useActiveSpace,
-  useInputSurfaceLookup,
-  usePath,
-  useQuerySpaceSchemas,
-  useTypeOptions
+  getStatus,
+  meta
 };
 //# sourceMappingURL=index.mjs.map