@dxos/plugin-space 0.8.4-main.70d3990 → 0.8.4-main.7996785055

package/package.json

@@ -1,9 +1,13 @@
 {
   "name": "@dxos/plugin-space",
-  "version": "0.8.4-main.70d3990",
+  "version": "0.8.4-main.7996785055",
   "description": "DXOS Surface plugin for DXOS ECHO Spaces",
   "homepage": "https://dxos.org",
   "bugs": "https://github.com/dxos/dxos/issues",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/dxos/dxos"
+  },
   "license": "MIT",
   "author": "DXOS.org",
   "sideEffects": true,
@@ -15,6 +19,17 @@
       "browser": "./dist/lib/browser/index.mjs",
       "node": "./dist/lib/node-esm/index.mjs"
     },
+    "./cli": {
+      "source": "./src/cli/index.ts",
+      "types": "./dist/types/src/cli/index.d.ts",
+      "node": "./dist/lib/node-esm/cli/index.mjs"
+    },
+    "./operations": {
+      "source": "./src/operations/index.ts",
+      "types": "./dist/types/src/operations/index.d.ts",
+      "browser": "./dist/lib/browser/operations/index.mjs",
+      "node": "./dist/lib/node-esm/operations/index.mjs"
+    },
     "./types": {
       "source": "./src/types/index.ts",
       "types": "./dist/types/src/types/index.d.ts",
@@ -27,6 +42,9 @@
     "*": {
       "types": [
         "dist/types/src/types/index.d.ts"
+      ],
+      "operations": [
+        "dist/types/src/operations/index.d.ts"
       ]
     }
   },
@@ -35,85 +53,92 @@
     "src"
   ],
   "dependencies": {
-    "@automerge/automerge": "3.1.2",
-    "@preact-signals/safe-react": "^0.9.0",
-    "@preact/signals-core": "^1.12.1",
+    "@automerge/automerge": "3.2.3",
+    "@effect-atom/atom": "^0.5.1",
+    "@effect-atom/atom-react": "^0.5.0",
+    "@effect/cli": "0.73.2",
     "jszip": "^3.10.1",
     "localforage": "^1.10.0",
     "react-drag-drop-files": "^2.3.8",
     "react-is": "~19.2.0",
     "react-qr-rounded": "^1.0.0",
-    "@dxos/ai": "0.8.4-main.70d3990",
-    "@dxos/blueprints": "0.8.4-main.70d3990",
-    "@dxos/async": "0.8.4-main.70d3990",
-    "@dxos/client-protocol": "0.8.4-main.70d3990",
-    "@dxos/client": "0.8.4-main.70d3990",
-    "@dxos/context": "0.8.4-main.70d3990",
-    "@dxos/echo": "0.8.4-main.70d3990",
-    "@dxos/display-name": "0.8.4-main.70d3990",
-    "@dxos/echo-protocol": "0.8.4-main.70d3990",
-    "@dxos/echo-db": "0.8.4-main.70d3990",
-    "@dxos/effect": "0.8.4-main.70d3990",
-    "@dxos/echo-signals": "0.8.4-main.70d3990",
-    "@dxos/functions": "0.8.4-main.70d3990",
-    "@dxos/invariant": "0.8.4-main.70d3990",
-    "@dxos/keys": "0.8.4-main.70d3990",
-    "@dxos/live-object": "0.8.4-main.70d3990",
-    "@dxos/local-storage": "0.8.4-main.70d3990",
-    "@dxos/log": "0.8.4-main.70d3990",
-    "@dxos/migrations": "0.8.4-main.70d3990",
-    "@dxos/plugin-attention": "0.8.4-main.70d3990",
-    "@dxos/plugin-client": "0.8.4-main.70d3990",
-    "@dxos/plugin-deck": "0.8.4-main.70d3990",
-    "@dxos/plugin-graph": "0.8.4-main.70d3990",
-    "@dxos/plugin-observability": "0.8.4-main.70d3990",
-    "@dxos/plugin-status-bar": "0.8.4-main.70d3990",
-    "@dxos/protocols": "0.8.4-main.70d3990",
-    "@dxos/app-framework": "0.8.4-main.70d3990",
-    "@dxos/react-client": "0.8.4-main.70d3990",
-    "@dxos/react-ui": "0.8.4-main.70d3990",
-    "@dxos/react-ui-attention": "0.8.4-main.70d3990",
-    "@dxos/react-ui-components": "0.8.4-main.70d3990",
-    "@dxos/react-ui-form": "0.8.4-main.70d3990",
-    "@dxos/react-ui-editor": "0.8.4-main.70d3990",
-    "@dxos/react-ui-list": "0.8.4-main.70d3990",
-    "@dxos/react-ui-masonry": "0.8.4-main.70d3990",
-    "@dxos/react-ui-pickers": "0.8.4-main.70d3990",
-    "@dxos/react-ui-searchlist": "0.8.4-main.70d3990",
-    "@dxos/react-ui-stack": "0.8.4-main.70d3990",
-    "@dxos/react-ui-syntax-highlighter": "0.8.4-main.70d3990",
-    "@dxos/react-ui-tabs": "0.8.4-main.70d3990",
-    "@dxos/react-ui-theme": "0.8.4-main.70d3990",
-    "@dxos/schema": "0.8.4-main.70d3990",
-    "@dxos/types": "0.8.4-main.70d3990",
-    "@dxos/shell": "0.8.4-main.70d3990",
-    "@dxos/util": "0.8.4-main.70d3990"
+    "@dxos/ai": "0.8.4-main.7996785055",
+    "@dxos/app-framework": "0.8.4-main.7996785055",
+    "@dxos/app-toolkit": "0.8.4-main.7996785055",
+    "@dxos/cli-util": "0.8.4-main.7996785055",
+    "@dxos/async": "0.8.4-main.7996785055",
+    "@dxos/blueprints": "0.8.4-main.7996785055",
+    "@dxos/client": "0.8.4-main.7996785055",
+    "@dxos/client-protocol": "0.8.4-main.7996785055",
+    "@dxos/display-name": "0.8.4-main.7996785055",
+    "@dxos/echo-atom": "0.8.4-main.7996785055",
+    "@dxos/echo": "0.8.4-main.7996785055",
+    "@dxos/context": "0.8.4-main.7996785055",
+    "@dxos/echo-db": "0.8.4-main.7996785055",
+    "@dxos/echo-protocol": "0.8.4-main.7996785055",
+    "@dxos/effect": "0.8.4-main.7996785055",
+    "@dxos/invariant": "0.8.4-main.7996785055",
+    "@dxos/functions": "0.8.4-main.7996785055",
+    "@dxos/log": "0.8.4-main.7996785055",
+    "@dxos/keys": "0.8.4-main.7996785055",
+    "@dxos/operation": "0.8.4-main.7996785055",
+    "@dxos/plugin-client": "0.8.4-main.7996785055",
+    "@dxos/plugin-attention": "0.8.4-main.7996785055",
+    "@dxos/plugin-deck": "0.8.4-main.7996785055",
+    "@dxos/plugin-status-bar": "0.8.4-main.7996785055",
+    "@dxos/plugin-observability": "0.8.4-main.7996785055",
+    "@dxos/migrations": "0.8.4-main.7996785055",
+    "@dxos/protocols": "0.8.4-main.7996785055",
+    "@dxos/react-ui-attention": "0.8.4-main.7996785055",
+    "@dxos/react-client": "0.8.4-main.7996785055",
+    "@dxos/react-ui-components": "0.8.4-main.7996785055",
+    "@dxos/react-ui": "0.8.4-main.7996785055",
+    "@dxos/react-ui-form": "0.8.4-main.7996785055",
+    "@dxos/react-ui-editor": "0.8.4-main.7996785055",
+    "@dxos/react-ui-list": "0.8.4-main.7996785055",
+    "@dxos/react-ui-masonry": "0.8.4-main.7996785055",
+    "@dxos/react-ui-search": "0.8.4-main.7996785055",
+    "@dxos/react-ui-menu": "0.8.4-main.7996785055",
+    "@dxos/react-ui-mosaic": "0.8.4-main.7996785055",
+    "@dxos/react-ui-stack": "0.8.4-main.7996785055",
+    "@dxos/react-ui-tabs": "0.8.4-main.7996785055",
+    "@dxos/react-ui-syntax-highlighter": "0.8.4-main.7996785055",
+    "@dxos/react-ui-pickers": "0.8.4-main.7996785055",
+    "@dxos/schema": "0.8.4-main.7996785055",
+    "@dxos/shell": "0.8.4-main.7996785055",
+    "@dxos/types": "0.8.4-main.7996785055",
+    "@dxos/plugin-graph": "0.8.4-main.7996785055",
+    "@dxos/ui-types": "0.8.4-main.7996785055",
+    "@dxos/ui-theme": "0.8.4-main.7996785055",
+    "@dxos/util": "0.8.4-main.7996785055"
   },
   "devDependencies": {
-    "@atlaskit/pragmatic-drag-and-drop-hitbox": "^1.0.3",
+    "@atlaskit/pragmatic-drag-and-drop-hitbox": "1.1.0",
     "@babel/core": "^7.18.13",
-    "@effect-atom/atom-react": "^0.3.4",
-    "@effect/platform": "0.92.1",
-    "@types/react": "~19.2.2",
-    "@types/react-dom": "~19.2.2",
-    "effect": "3.18.3",
-    "react": "~19.2.0",
-    "react-dom": "~19.2.0",
-    "vite": "7.1.9",
-    "@dxos/react-ui": "0.8.4-main.70d3990",
-    "@dxos/lit-ui": "0.8.4-main.70d3990",
-    "@dxos/random": "0.8.4-main.70d3990",
-    "@dxos/react-ui-theme": "0.8.4-main.70d3990",
-    "@dxos/storybook-utils": "0.8.4-main.70d3990"
+    "@effect-atom/atom-react": "^0.5.0",
+    "@effect/platform": "0.94.4",
+    "@types/react": "~19.2.7",
+    "@types/react-dom": "~19.2.3",
+    "effect": "3.20.0",
+    "react": "~19.2.3",
+    "react-dom": "~19.2.3",
+    "vite": "^7.1.11",
+    "@dxos/lit-ui": "0.8.4-main.7996785055",
+    "@dxos/plugin-testing": "0.8.4-main.7996785055",
+    "@dxos/storybook-utils": "0.8.4-main.7996785055",
+    "@dxos/random": "0.8.4-main.7996785055",
+    "@dxos/plugin-preview": "0.8.4-main.7996785055",
+    "@dxos/react-ui": "0.8.4-main.7996785055",
+    "@dxos/ui-theme": "0.8.4-main.7996785055"
   },
   "peerDependencies": {
-    "@effect-atom/atom-react": "^0.3.4",
-    "@effect/platform": "^0.80.12",
-    "effect": "^3.13.3",
-    "react": "^19.0.0",
-    "react-dom": "^19.0.0",
-    "@dxos/react-ui-theme": "0.8.4-main.70d3990",
-    "@dxos/react-ui": "0.8.4-main.70d3990"
+    "@effect-atom/atom-react": "^0.5.0",
+    "@effect/platform": "0.94.4",
+    "effect": "3.20.0",
+    "react": "~19.2.3",
+    "react-dom": "~19.2.3",
+    "@dxos/react-ui": "0.8.4-main.7996785055",
+    "@dxos/ui-theme": "0.8.4-main.7996785055"
   },
   "publishConfig": {
     "access": "public"

package/src/SpacePlugin.ts

@@ -2,24 +2,20 @@
 // Copyright 2025 DXOS.org
 //
 
+import * as Effect from 'effect/Effect';
+import * as Option from 'effect/Option';
 import * as Schema from 'effect/Schema';
 
-import {
-  Capabilities,
-  Events,
-  allOf,
-  contributes,
-  createIntent,
-  defineModule,
-  definePlugin,
-  oneOf,
-} from '@dxos/app-framework';
-import { Ref, Tag, Type } from '@dxos/echo';
+import { ActivationEvent, ActivationEvents, Capability, Plugin } from '@dxos/app-framework';
+import { AppActivationEvents, AppPlugin } from '@dxos/app-toolkit';
+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 { ClientCapabilities, ClientEvents } from '@dxos/plugin-client';
+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 { DataTypes, createDefaultSchema } from '@dxos/schema';
 import { translations as shellTranslations } from '@dxos/shell/react';
 import {
   AnchoredTo,
@@ -30,7 +26,7 @@ import {
   HasSubject,
   Organization,
   Person,
-  Project,
+  Pipeline,
   Task,
 } from '@dxos/types';
 
@@ -38,7 +34,9 @@ import {
   AppGraphBuilder,
   AppGraphSerializer,
   IdentityCreated,
-  IntentResolver,
+  NavigationResolver,
+  OperationHandler,
+  UndoMappings,
   ReactRoot,
   ReactSurface,
   Repair,
@@ -46,192 +44,214 @@ import {
   SpaceState,
   SpacesReady,
 } from './capabilities';
-import { SpaceEvents } from './events';
 import { meta } from './meta';
 import { translations } from './translations';
-import { CollectionAction, type CreateObjectIntent, SpaceAction } from './types';
-
-export type SpacePluginOptions = {
-  /**
-   * Base URL for the invitation link.
-   */
-  invitationUrl?: string;
-
-  /**
-   * Query parameter for the invitation code.
-   */
-  invitationParam?: string;
+import { SpaceEvents } from './types';
+import { type CreateObject, type SpacePluginOptions } from './types';
+import { SpaceOperation } from './operations';
 
-  /**
-   * Whether to send observability events.
-   */
-  observability?: boolean;
-};
+export const SpacePlugin = Plugin.define<SpacePluginOptions>(meta).pipe(
+  AppPlugin.addMetadataModule({
+    metadata: [
+      {
+        id: Collection.Collection.typename,
+        metadata: {
+          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: Collection.Collection) => await Ref.Array.loadAll(collection.objects),
+          inputSchema: Schema.Struct({ name: Schema.optional(Schema.String) }),
+          createObject: ((props, options) =>
+            Effect.gen(function* () {
+              const object = Collection.make(props);
+              return yield* Operation.invoke(SpaceOperation.AddObject, {
+                object,
+                target: options.target,
+                hidden: false,
+                targetNodeId: options.targetNodeId,
+              });
+            })) satisfies CreateObject,
+        },
+      },
+      {
+        id: Type.getTypename(Type.PersistentType),
+        metadata: {
+          icon: Annotation.IconAnnotation.get(Type.PersistentType).pipe(Option.getOrThrow).icon,
+          iconHue: Annotation.IconAnnotation.get(Type.PersistentType).pipe(Option.getOrThrow).hue ?? 'white',
+          inputSchema: SpaceOperation.StoredSchemaForm,
+          createObject: ((props, options) =>
+            Effect.gen(function* () {
+              const result = yield* Operation.invoke(SpaceOperation.AddSchema, {
+                db: options.db,
+                name: props.name,
+                schema: createDefaultSchema(),
+              });
+              return {
+                id: result.id,
+                subject: [],
+                object: result.object,
+              };
+            })) satisfies CreateObject,
+        },
+      },
+      {
+        id: Organization.Organization.typename,
+        metadata: {
+          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(SpaceOperation.AddObject, {
+                object,
+                target: options.target,
+                hidden: true,
+                targetNodeId: options.targetNodeId,
+              });
+            })) satisfies CreateObject,
+        },
+      },
+      {
+        id: Person.Person.typename,
+        metadata: {
+          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(SpaceOperation.AddObject, {
+                object,
+                target: options.target,
+                hidden: true,
+                targetNodeId: options.targetNodeId,
+              });
+            })) satisfies CreateObject,
+        },
+      },
+      {
+        id: Task.Task.typename,
+        metadata: {
+          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(SpaceOperation.AddObject, {
+                object,
+                target: options.target,
+                hidden: true,
+                targetNodeId: options.targetNodeId,
+              });
+            })) satisfies CreateObject,
+        },
+      },
+    ],
+  }),
+  AppPlugin.addNavigationResolverModule({ activate: NavigationResolver }),
+  AppPlugin.addOperationHandlerModule({ activate: OperationHandler }),
+  AppPlugin.addReactRootModule({ activate: ReactRoot }),
+  AppPlugin.addSchemaModule({
+    schema: [
+      ...DataTypes,
+      AnchoredTo.AnchoredTo,
+      Employer.Employer,
+      Event.Event,
+      HasConnection.HasConnection,
+      HasRelationship.HasRelationship,
+      HasSubject.HasSubject,
+      Organization.Organization,
+      Person.Person,
+      Pipeline.Pipeline,
+      Tag.Tag,
+      Task.Task,
+    ],
+  }),
+  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: [SpaceEvents.StateReady],
+    activate: SpaceState,
+  }),
+  Plugin.addModule(
+    ({
+      shareableLinkOrigin = typeof window !== 'undefined' ? window.location.origin : 'http://localhost',
+      invitationPath = '/',
+      invitationProp = 'spaceInvitationCode',
+    }) => {
+      const createInvitationUrl = (invitationCode: string) => {
+        const baseUrl = new URL(invitationPath || '/', shareableLinkOrigin);
+        baseUrl.searchParams.set(invitationProp, invitationCode);
+        return baseUrl.toString();
+      };
 
-export const SpacePlugin = definePlugin<SpacePluginOptions>(
-  meta,
-  ({ invitationUrl = window.location.origin, invitationParam = 'spaceInvitationCode', observability = false }) => {
-    const createInvitationUrl = (invitationCode: string) => {
-      const baseUrl = new URL(invitationUrl);
-      baseUrl.searchParams.set(invitationParam, invitationCode);
-      return baseUrl.toString();
-    };
-
-    return [
-      defineModule({
-        id: `${meta.id}/module/state`,
-        // TODO(wittjosiah): Does not integrate with settings store.
-        //   Should this be a different event?
-        //   Should settings store be renamed to be more generic?
-        activatesOn: oneOf(Events.SetupSettings, Events.SetupAppGraph),
-        activatesAfter: [SpaceEvents.StateReady],
-        activate: SpaceState,
-      }),
-      defineModule({
-        id: `${meta.id}/module/settings`,
-        activatesOn: Events.SetupSettings,
-        activate: SpaceSettings,
-      }),
-      defineModule({
-        id: `${meta.id}/module/translations`,
-        activatesOn: Events.SetupTranslations,
-        activate: () =>
-          contributes(Capabilities.Translations, [
-            ...translations,
-            ...componentsTranslations,
-            ...formTranslations,
-            ...shellTranslations,
-          ]),
-      }),
-      defineModule({
-        id: `${meta.id}/module/metadata`,
-        activatesOn: Events.SetupMetadata,
-        activate: () => [
-          contributes(Capabilities.Metadata, {
-            id: Collection.Collection.typename,
-            metadata: {
-              icon: 'ph--cards-three--regular',
-              iconHue: 'neutral',
-              // TODO(wittjosiah): Move out of metadata.
-              loadReferences: async (collection: Collection.Collection) => await Ref.Array.loadAll(collection.objects),
-              inputSchema: Schema.Struct({ name: Schema.optional(Schema.String) }),
-              createObjectIntent: ((props) =>
-                createIntent(CollectionAction.Create, props)) satisfies CreateObjectIntent,
-              addToCollectionOnCreate: true,
-            },
-          }),
-          contributes(Capabilities.Metadata, {
-            id: Type.getTypename(Type.PersistentType),
-            metadata: {
-              icon: 'ph--database--regular',
-              iconHue: 'green',
-              inputSchema: SpaceAction.StoredSchemaForm,
-              createObjectIntent: ((props, options) =>
-                props.typename
-                  ? createIntent(SpaceAction.UseStaticSchema, { space: options.space, typename: props.typename })
-                  : createIntent(SpaceAction.AddSchema, {
-                      space: options.space,
-                      name: props.name,
-                      schema: createDefaultSchema(),
-                    })) satisfies CreateObjectIntent,
-            },
-          }),
-          contributes(Capabilities.Metadata, {
-            id: Event.Event.typename,
-            metadata: {
-              icon: 'ph--calendar-dot--regular',
-            },
-          }),
-          contributes(Capabilities.Metadata, {
-            id: Organization.Organization.typename,
-            metadata: {
-              icon: 'ph--building-office--regular',
-            },
-          }),
-          contributes(Capabilities.Metadata, {
-            id: Person.Person.typename,
-            metadata: {
-              icon: 'ph--user--regular',
-            },
-          }),
-          contributes(Capabilities.Metadata, {
-            id: Task.Task.typename,
-            metadata: {
-              icon: 'ph--check-circle--regular',
-            },
-          }),
-        ],
-      }),
-      defineModule({
-        id: `${meta.id}/module/schema`,
-        activatesOn: ClientEvents.SetupSchema,
-        activate: () =>
-          contributes(ClientCapabilities.Schema, [
-            ...DataTypes,
-            AnchoredTo.AnchoredTo,
-            Employer.Employer,
-            Event.Event,
-            HasConnection.HasConnection,
-            HasRelationship.HasRelationship,
-            HasSubject.HasSubject,
-            Organization.Organization,
-            Person.Person,
-            Project.Project,
-            Tag.Tag,
-            Task.Task,
-          ]),
-      }),
-      defineModule({
-        id: `${meta.id}/module/react-root`,
-        activatesOn: Events.Startup,
-        activate: ReactRoot,
-      }),
-      defineModule({
-        id: `${meta.id}/module/react-surface`,
-        activatesOn: Events.SetupReactSurface,
+      return {
+        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],
         activate: () => ReactSurface({ createInvitationUrl }),
-      }),
-      defineModule({
-        id: `${meta.id}/module/intent-resolver`,
-        activatesOn: Events.SetupIntentResolver,
-        activate: (context) => IntentResolver({ context, createInvitationUrl, observability }),
-      }),
-      defineModule({
-        id: `${meta.id}/module/app-graph-builder`,
-        activatesOn: Events.SetupAppGraph,
-        activate: AppGraphBuilder,
-      }),
-      // TODO(wittjosiah): This could probably be deferred.
-      defineModule({
-        id: `${meta.id}/module/app-graph-serializer`,
-        activatesOn: Events.AppGraphReady,
-        activate: AppGraphSerializer,
-      }),
-      defineModule({
-        id: `${meta.id}/module/identity-created`,
-        activatesOn: ClientEvents.IdentityCreated,
-        activatesAfter: [SpaceEvents.DefaultSpaceReady],
-        activate: IdentityCreated,
-      }),
-      defineModule({
-        id: `${meta.id}/module/spaces-ready`,
-        activatesOn: allOf(
-          Events.DispatcherReady,
-          Events.LayoutReady,
-          Events.AppGraphReady,
-          AttentionEvents.AttentionReady,
-          SpaceEvents.StateReady,
-          ClientEvents.SpacesReady,
-        ),
-        activate: SpacesReady,
-      }),
-      defineModule({
-        id: `${meta.id}/module/repair`,
-        activatesOn: ClientEvents.SpacesReady,
-        activate: Repair,
-      }),
-    ];
-  },
+      };
+    },
+  ),
+  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: string) => {
+        const baseUrl = new URL(invitationPath || '/', shareableLinkOrigin);
+        baseUrl.searchParams.set(invitationProp, invitationCode);
+        return baseUrl.toString();
+      };
+
+      return {
+        id: Capability.getModuleTag(UndoMappings),
+        activatesOn: ActivationEvents.SetupOperationHandler,
+        activate: () => UndoMappings({ createInvitationUrl, observability }),
+      };
+    },
+  ),
+  // TODO(wittjosiah): This could probably be deferred.
+  Plugin.addModule({
+    activatesOn: AppActivationEvents.AppGraphReady,
+    activate: AppGraphSerializer,
+  }),
+  Plugin.addModule({
+    activatesOn: ClientEvents.IdentityCreated,
+    activatesAfter: [SpaceEvents.PersonalSpaceReady],
+    activate: IdentityCreated,
+  }),
+  Plugin.addModule({
+    activatesOn: ActivationEvent.allOf(
+      ActivationEvents.OperationInvokerReady,
+      AppActivationEvents.LayoutReady,
+      AppActivationEvents.AppGraphReady,
+      AttentionEvents.AttentionReady,
+      SpaceEvents.StateReady,
+      ClientEvents.SpacesReady,
+    ),
+    activatesAfter: [SpaceEvents.PersonalSpaceReady],
+    activate: SpacesReady,
+  }),
+  Plugin.addModule({
+    activatesOn: ClientEvents.SpacesReady,
+    activate: Repair,
+  }),
+  Plugin.make,
 );