@dxos/plugin-space 0.8.4-main.4a85c3132b → 0.8.4-main.51f1e5ca51

package/dist/lib/browser/index.mjs

@@ -1,171 +1,506 @@
 import {
-  evalQuery,
-  getQueryTarget,
-  resolveSchemaWithRegistry
-} from "./chunk-SJCNERZI.mjs";
-import {
-  IdentityCreated,
-  OperationResolver
-} from "./chunk-J5F4LUJD.mjs";
-import {
-  translations
-} from "./chunk-PXVKN4LU.mjs";
-import {
-  AwaitingObject,
-  BaseObjectSettings,
-  CreateObjectPanel,
-  ForeignKeys,
-  ObjectForm,
-  createClientSaveTracker,
-  getIcon,
-  getStatus
-} from "./chunk-RWOK4F4G.mjs";
-import {
-  getActiveSpace,
-  useActiveSpace,
-  useInputSurfaceLookup,
-  usePath,
-  useTypeOptions
-} from "./chunk-XIIYC7P5.mjs";
-import {
-  COMPOSER_SPACE_LOCK,
-  SHARED,
   SPACES,
   cloneObject,
-  constructObjectActions,
-  constructSpaceActions,
-  constructSpaceNode,
-  createObjectNode,
-  createStaticSchemaActions,
-  createStaticSchemaNode,
   getNestedObjects,
   getSpaceDisplayName
-} from "./chunk-TPZUQ5DC.mjs";
+} from "./chunk-YELP3CVT.mjs";
 import {
+  SHARED,
   SpaceCapabilities,
-  SpaceEvents,
-  SpaceOperation
-} from "./chunk-USN5QKRV.mjs";
-import {
-  meta
-} from "./chunk-HSMQFM57.mjs";
+  SpaceEvents
+} from "./chunk-CQF3R5FY.mjs";
+import "./chunk-J5LGTIGS.mjs";
+
+// src/components/index.ts
+import { lazy } from "react";
+
+// 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 } 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(meta.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/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 meta2 } 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(meta2.id);
+  const { results, handleSearch } = useSearchListResults({
+    items: options,
+    extract: (option) => option.label
+  });
+  return /* @__PURE__ */ React2.createElement(SearchList.Root, {
+    onSearch: handleSearch
+  }, /* @__PURE__ */ React2.createElement(SearchList.Input, {
+    classNames: "mb-form-gap",
+    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(meta2.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.Input, {
+    classNames: "mb-form-gap",
+    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/components/ForeignKeys/ForeignKeys.tsx
+import React3, { useCallback as useCallback3 } from "react";
+import { IconButton, List, ListItem, useTranslation as useTranslation3 } from "@dxos/react-ui";
+import { meta as meta3 } from "#meta";
+var ForeignKeys = ({ keys, onDelete }) => {
+  return /* @__PURE__ */ React3.createElement(List, {
+    classNames: "flex flex-col gap-2"
+  }, keys.map((key) => /* @__PURE__ */ React3.createElement(KeyItem, {
+    key: key.id,
+    forignKey: key,
+    onDelete
+  })));
+};
+var KeyItem = ({ forignKey, onDelete }) => {
+  const { t } = useTranslation3(meta3.id);
+  const handleDelete = useCallback3(() => {
+    onDelete?.(forignKey);
+  }, [
+    forignKey,
+    onDelete
+  ]);
+  return /* @__PURE__ */ React3.createElement(ListItem.Root, {
+    classNames: "px-2"
+  }, /* @__PURE__ */ React3.createElement(ListItem.Heading, {
+    classNames: "flex flex-col grow truncate"
+  }, /* @__PURE__ */ React3.createElement("div", null, forignKey.source), /* @__PURE__ */ React3.createElement("div", {
+    className: "text-description text-sm truncate"
+  }, forignKey.id)), /* @__PURE__ */ React3.createElement(ListItem.Endcap, null, /* @__PURE__ */ React3.createElement(IconButton, {
+    iconOnly: true,
+    icon: "ph--x--regular",
+    variant: "ghost",
+    label: t("delete-key.button"),
+    onClick: handleDelete
+  })));
+};
+
+// src/components/SyncStatus/save-tracker.ts
+import { Context } from "@dxos/context";
+var __dxlog_file = "/__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, { "~LogMeta": "~LogMeta", F: __dxlog_file, L: 31 });
+  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/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/components/index.ts
+var SpaceSettings = lazy(() => import("./SpaceSettings-EM4ANH25.mjs"));
 
 // src/SpacePlugin.ts
 import * as Effect from "effect/Effect";
+import * as Option from "effect/Option";
 import * as Schema from "effect/Schema";
-import { ActivationEvent, ActivationEvents, Capability as Capability9, Plugin } from "@dxos/app-framework";
+import { ActivationEvent, ActivationEvents, Capability, Plugin } from "@dxos/app-framework";
 import { AppActivationEvents, AppPlugin } from "@dxos/app-toolkit";
-import { Ref, Tag, Type } from "@dxos/echo";
+import { Operation } from "@dxos/compute";
+import { Annotation, Ref, Tag, Type } from "@dxos/echo";
 import { Collection } from "@dxos/echo";
-import { Operation } from "@dxos/operation";
-import { AttentionEvents } from "@dxos/plugin-attention";
+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 { translations as componentsTranslations } from "@dxos/react-ui-components/translations";
+import { translations as formTranslations } from "@dxos/react-ui-form/translations";
 import { DataTypes, createDefaultSchema } from "@dxos/schema";
 import { translations as shellTranslations } from "@dxos/shell/react";
 import { AnchoredTo, Employer, Event, HasConnection, HasRelationship, HasSubject, Organization, Person, Pipeline, Task } from "@dxos/types";
-
-// src/capabilities/app-graph-builder/index.ts
-import { Capability } from "@dxos/app-framework";
-var AppGraphBuilder = Capability.lazy("AppGraphBuilder", () => import("./app-graph-builder-VFYFI7CD.mjs"));
-
-// src/capabilities/app-graph-serializer/index.ts
-import { Capability as Capability2 } from "@dxos/app-framework";
-var AppGraphSerializer = Capability2.lazy("AppGraphSerializer", () => import("./app-graph-serializer-KTQOBYUF.mjs"));
-
-// src/capabilities/react-root/index.ts
-import { Capability as Capability3 } from "@dxos/app-framework";
-var ReactRoot = Capability3.lazy("ReactRoot", () => import("./react-root-UYBW5RE7.mjs"));
-
-// src/capabilities/react-surface/index.ts
-import { Capability as Capability4 } from "@dxos/app-framework";
-var ReactSurface = Capability4.lazy("ReactSurface", () => import("./react-surface-NJ23NZFF.mjs"));
-
-// src/capabilities/repair/index.ts
-import { Capability as Capability5 } from "@dxos/app-framework";
-var Repair = Capability5.lazy("Repair", () => import("./repair-N2I4DR2Z.mjs"));
-
-// src/capabilities/settings/index.ts
-import { Capability as Capability6 } from "@dxos/app-framework";
-var SpaceSettings = Capability6.lazy("SpaceSettings", () => import("./settings-2ELVUFDR.mjs"));
-
-// src/capabilities/spaces-ready/index.ts
-import { Capability as Capability7 } from "@dxos/app-framework";
-var SpacesReady = Capability7.lazy("SpacesReady", () => import("./spaces-ready-Q6JASPT4.mjs"));
-
-// src/capabilities/state/index.ts
-import { Capability as Capability8 } from "@dxos/app-framework";
-var SpaceState = Capability8.lazy("SpaceState", () => import("./state-CTX4WQOM.mjs"));
-
-// src/SpacePlugin.ts
-var SpacePlugin = Plugin.define(meta).pipe(
+import { AppGraphSerializer, IdentityCreated, Migrations, NavigationHandler, NavigationResolver, OperationHandler, UndoMappings, ReactRoot, ReactSurface, Repair, SpaceSettings as SpaceSettings2, SpaceState, SpacesReady, AppGraphBuilder } from "#capabilities";
+import { meta as meta4 } from "#meta";
+import { SpaceOperation as SpaceOperation2 } from "#operations";
+import { translations } from "#translations";
+import { SpaceEvents as SpaceEvents2 } from "#types";
+var SpacePlugin = Plugin.define(meta4).pipe(
   AppPlugin.addMetadataModule({
     metadata: [
       {
         id: Collection.Collection.typename,
         metadata: {
-          icon: "ph--cards-three--regular",
-          iconHue: "neutral",
+          icon: Annotation.IconAnnotation.get(Collection.Collection).pipe(Option.getOrThrow).icon,
+          iconHue: Annotation.IconAnnotation.get(Collection.Collection).pipe(Option.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)
           }),
-          createObject: (props) => Effect.sync(() => Collection.make(props)),
-          addToCollectionOnCreate: true
+          createObject: (props, options) => Effect.gen(function* () {
+            const object = Collection.make(props);
+            return yield* Operation.invoke(SpaceOperation2.AddObject, {
+              object,
+              target: options.target,
+              hidden: false,
+              targetNodeId: options.targetNodeId
+            });
+          })
         }
       },
       {
         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;
-            }
+          icon: Annotation.IconAnnotation.get(Type.PersistentType).pipe(Option.getOrThrow).icon,
+          iconHue: Annotation.IconAnnotation.get(Type.PersistentType).pipe(Option.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: Event.Event.typename,
-        metadata: {
-          icon: "ph--calendar-dot--regular"
-        }
-      },
       {
         id: Organization.Organization.typename,
         metadata: {
-          icon: "ph--building-office--regular"
+          icon: Annotation.IconAnnotation.get(Organization.Organization).pipe(Option.getOrThrow).icon,
+          iconHue: Annotation.IconAnnotation.get(Organization.Organization).pipe(Option.getOrThrow).hue ?? "white",
+          createObject: (props, options) => Effect.gen(function* () {
+            const object = Organization.make(props);
+            return yield* Operation.invoke(SpaceOperation2.AddObject, {
+              object,
+              target: options.target,
+              hidden: true,
+              targetNodeId: options.targetNodeId
+            });
+          })
         }
       },
       {
         id: Person.Person.typename,
         metadata: {
-          icon: "ph--user--regular"
+          icon: Annotation.IconAnnotation.get(Person.Person).pipe(Option.getOrThrow).icon,
+          iconHue: Annotation.IconAnnotation.get(Person.Person).pipe(Option.getOrThrow).hue ?? "white",
+          createObject: (props, options) => Effect.gen(function* () {
+            const object = Person.make(props);
+            return yield* Operation.invoke(SpaceOperation2.AddObject, {
+              object,
+              target: options.target,
+              hidden: true,
+              targetNodeId: options.targetNodeId
+            });
+          })
         }
       },
       {
         id: Task.Task.typename,
         metadata: {
-          icon: "ph--check-circle--regular"
+          icon: Annotation.IconAnnotation.get(Task.Task).pipe(Option.getOrThrow).icon,
+          iconHue: Annotation.IconAnnotation.get(Task.Task).pipe(Option.getOrThrow).hue ?? "white",
+          inputSchema: Task.Task,
+          createObject: (props, options) => Effect.gen(function* () {
+            const object = Task.make(props);
+            return yield* Operation.invoke(SpaceOperation2.AddObject, {
+              object,
+              target: options.target,
+              hidden: true,
+              targetNodeId: options.targetNodeId
+            });
+          })
         }
       }
     ]
   }),
+  AppPlugin.addNavigationHandlerModule(({ invitationProp }) => ({
+    activate: () => NavigationHandler({
+      invitationProp
+    })
+  })),
+  AppPlugin.addNavigationResolverModule({
+    activatesOn: ClientEvents.ClientReady,
+    activate: NavigationResolver
+  }),
+  AppPlugin.addOperationHandlerModule({
+    activate: OperationHandler
+  }),
   AppPlugin.addReactRootModule({
     activate: ReactRoot
   }),
@@ -186,7 +521,7 @@ var SpacePlugin = Plugin.define(meta).pipe(
     ]
   }),
   AppPlugin.addSettingsModule({
-    activate: SpaceSettings
+    activate: SpaceSettings2
   }),
   AppPlugin.addTranslationsModule({
     translations: [
@@ -201,8 +536,8 @@ var SpacePlugin = Plugin.define(meta).pipe(
     //   Should this be a different event?
     //   Should settings store be renamed to be more generic?
     activatesOn: ActivationEvent.oneOf(AppActivationEvents.SetupSettings, AppActivationEvents.SetupAppGraph),
-    activatesAfter: [
-      SpaceEvents.StateReady
+    firesAfterActivation: [
+      SpaceEvents2.StateReady
     ],
     activate: SpaceState
   }),
@@ -213,11 +548,11 @@ var SpacePlugin = Plugin.define(meta).pipe(
       return baseUrl.toString();
     };
     return {
-      id: Capability9.getModuleTag(ReactSurface),
+      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
+      firesBeforeActivation: [
+        SpaceEvents2.SetupSettingsPanel
       ],
       activate: () => ReactSurface({
         createInvitationUrl
@@ -225,7 +560,7 @@ var SpacePlugin = Plugin.define(meta).pipe(
     };
   }),
   Plugin.addModule(({ shareableLinkOrigin = typeof window !== "undefined" ? window.location.origin : "http://localhost" }) => ({
-    id: Capability9.getModuleTag(AppGraphBuilder),
+    id: Capability.getModuleTag(AppGraphBuilder),
     activatesOn: AppActivationEvents.SetupAppGraph,
     activate: () => AppGraphBuilder({
       shareableLinkOrigin
@@ -238,9 +573,9 @@ var SpacePlugin = Plugin.define(meta).pipe(
       return baseUrl.toString();
     };
     return {
-      id: Capability9.getModuleTag(OperationResolver),
-      activatesOn: ActivationEvents.SetupOperationResolver,
-      activate: () => OperationResolver({
+      id: Capability.getModuleTag(UndoMappings),
+      activatesOn: ActivationEvents.SetupOperationHandler,
+      activate: () => UndoMappings({
         createInvitationUrl,
         observability
       })
@@ -253,53 +588,40 @@ var SpacePlugin = Plugin.define(meta).pipe(
   }),
   Plugin.addModule({
     activatesOn: ClientEvents.IdentityCreated,
-    activatesAfter: [
-      SpaceEvents.DefaultSpaceReady
+    firesAfterActivation: [
+      SpaceEvents2.PersonalSpaceReady
     ],
     activate: IdentityCreated
   }),
   Plugin.addModule({
-    activatesOn: ActivationEvent.allOf(ActivationEvents.OperationInvokerReady, AppActivationEvents.LayoutReady, AppActivationEvents.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.SpacesReady,
     activate: Repair
   }),
+  Plugin.addModule({
+    activatesOn: ClientEvents.SetupMigration,
+    activate: Migrations
+  }),
   Plugin.make
 );
 export {
   AwaitingObject,
-  BaseObjectSettings,
-  COMPOSER_SPACE_LOCK,
   CreateObjectPanel,
   ForeignKeys,
-  ObjectForm,
   SHARED,
   SPACES,
   SpaceCapabilities,
   SpaceEvents,
   SpacePlugin,
+  SpaceSettings,
   cloneObject,
-  constructObjectActions,
-  constructSpaceActions,
-  constructSpaceNode,
   createClientSaveTracker,
-  createObjectNode,
-  createStaticSchemaActions,
-  createStaticSchemaNode,
-  evalQuery,
-  getActiveSpace,
   getIcon,
   getNestedObjects,
-  getQueryTarget,
   getSpaceDisplayName,
-  getStatus,
-  meta,
-  resolveSchemaWithRegistry,
-  useActiveSpace,
-  useInputSurfaceLookup,
-  usePath,
-  useTypeOptions
+  getStatus
 };
 //# sourceMappingURL=index.mjs.map