@dxos/plugin-space 0.8.4-main.f5c0578 → 0.8.4-main.fcc0d83b33

package/dist/lib/browser/index.mjs

@@ -1,369 +1,627 @@
 import {
-  SpaceEvents
-} from "./chunk-CBYL62HG.mjs";
-import {
-  AppGraphBuilder,
-  AppGraphSerializer,
-  AwaitingObject,
-  CREATE_OBJECT_DIALOG,
-  CREATE_SPACE_DIALOG,
-  CollectionMain,
-  CollectionSection,
-  CreateObjectDialog,
-  CreateSpaceDialog,
-  FullPresence,
-  IdentityCreated,
-  InlineSyncStatus,
-  IntentResolver,
-  JOIN_DIALOG,
-  JoinDialog,
-  MembersContainer,
-  MenuFooter,
-  ObjectDetailsPanel,
-  ObjectSettingsContainer,
-  POPOVER_RENAME_OBJECT,
-  POPOVER_RENAME_SPACE,
-  PersistenceStatus,
-  PopoverRenameObject,
-  PopoverRenameSpace,
-  ReactRoot,
-  ReactSurface,
-  RecordMain,
-  SchemaContainer,
-  SchemaDefs,
-  SchemaTools,
-  SmallPresence,
-  SmallPresenceLive,
-  SpacePluginSettings,
-  SpacePresence,
-  SpaceSettings,
-  SpaceSettingsContainer,
-  SpaceState,
-  SpacesReady,
-  SyncStatus,
-  SyncStatusIndicator,
-  ViewEditor,
-  useQuerySpaceSchemas
-} from "./chunk-PSIBVBTA.mjs";
-import {
-  getActiveSpace,
-  useActiveSpace,
-  useInputSurfaceLookup,
-  usePath
-} from "./chunk-DYKFFVN6.mjs";
-import {
-  SpaceCapabilities
-} from "./chunk-Q5EEPP3S.mjs";
-import {
-  translations
-} from "./chunk-WAXS2ZVX.mjs";
-import {
-  COMPOSER_SPACE_LOCK,
-  SHARED,
   SPACES,
   cloneObject,
-  constructObjectActions,
-  constructSpaceActions,
-  constructSpaceNode,
-  createObjectNode,
-  createStaticSchemaActions,
-  createStaticSchemaNode,
   getNestedObjects,
-  getSpaceDisplayName,
-  rxFromQuery
-} from "./chunk-SMB4DGYO.mjs";
-import {
-  CollectionAction,
-  SpaceAction,
-  defineObjectForm
-} from "./chunk-3UFG6LQQ.mjs";
+  getSpaceDisplayName
+} from "./chunk-YELP3CVT.mjs";
 import {
-  SPACE_PLUGIN,
-  meta
-} from "./chunk-FBCGT5YY.mjs";
+  SHARED,
+  SpaceCapabilities,
+  SpaceEvents
+} from "./chunk-CQF3R5FY.mjs";
+import "./chunk-J5LGTIGS.mjs";
 
-// src/SpacePlugin.ts
-import { Schema } from "effect";
-import { Capabilities, Events, allOf, contributes, createIntent, defineModule, definePlugin, oneOf } from "@dxos/app-framework";
-import { Ref, Type } from "@dxos/echo";
-import { AttentionEvents } from "@dxos/plugin-attention";
-import { ClientCapabilities, ClientEvents } from "@dxos/plugin-client";
-import { DataType, ViewTypeV1, ViewTypeV1ToV2, ViewTypeV2, createDefaultSchema } from "@dxos/schema";
-import { translations as shellTranslations } from "@dxos/shell/react";
-var SpacePlugin = ({ invitationUrl = window.location.origin, invitationParam = "spaceInvitationCode", observability = false } = {}) => {
-  const createInvitationUrl = (invitationCode) => {
-    const baseUrl = new URL(invitationUrl);
-    baseUrl.searchParams.set(invitationParam, invitationCode);
-    return baseUrl.toString();
+// 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");
+      });
+    }
   };
-  return definePlugin(meta, [
-    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,
-        ...shellTranslations
-      ])
-    }),
-    defineModule({
-      id: `${meta.id}/module/metadata`,
-      activatesOn: Events.SetupMetadata,
-      activate: () => [
-        contributes(Capabilities.Metadata, {
-          id: Type.getTypename(DataType.Collection),
-          metadata: {
-            icon: "ph--cards-three--regular",
-            // TODO(wittjosiah): Move out of metadata.
-            loadReferences: async (collection) => await Ref.Array.loadAll(collection.objects)
-          }
-        }),
-        contributes(Capabilities.Metadata, {
-          id: Type.getTypename(DataType.QueryCollection),
-          metadata: {
-            label: (object) => [
-              "typename label",
-              {
-                ns: object.query.typename,
-                count: 2,
-                defaultValue: "New smart collection"
-              }
-            ],
-            icon: "ph--funnel-simple--regular"
-          }
-        }),
-        contributes(Capabilities.Metadata, {
-          id: Type.getTypename(DataType.StoredSchema),
-          metadata: {
-            icon: "ph--database--regular"
-          }
-        }),
-        contributes(Capabilities.Metadata, {
-          id: Type.getTypename(DataType.Event),
-          metadata: {
-            icon: "ph--calendar-dot--regular"
-          }
-        }),
-        contributes(Capabilities.Metadata, {
-          id: Type.getTypename(DataType.Organization),
-          metadata: {
-            icon: "ph--building-office--regular"
-          }
-        }),
-        contributes(Capabilities.Metadata, {
-          id: Type.getTypename(DataType.Person),
-          metadata: {
-            icon: "ph--user--regular"
-          }
-        }),
-        contributes(Capabilities.Metadata, {
-          id: Type.getTypename(DataType.Project),
-          metadata: {
-            icon: "ph--check-square-offset--regular"
-          }
-        }),
-        contributes(Capabilities.Metadata, {
-          id: Type.getTypename(DataType.Task),
-          metadata: {
-            icon: "ph--check-circle--regular"
+  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");
           }
-        })
-      ]
-    }),
-    defineModule({
-      id: `${meta.id}/module/object-form`,
-      activatesOn: ClientEvents.SetupSchema,
-      activate: () => [
-        contributes(SpaceCapabilities.ObjectForm, defineObjectForm({
-          objectSchema: DataType.Collection,
-          formSchema: Schema.Struct({
+        });
+      }
+    });
+  });
+  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, Plugin } from "@dxos/app-framework";
+import { AppActivationEvents, AppPlugin } from "@dxos/app-toolkit";
+import { Operation } from "@dxos/compute";
+import { Annotation, Ref, Tag, Type } from "@dxos/echo";
+import { Collection } from "@dxos/echo";
+import { AttentionEvents } from "@dxos/plugin-attention/types";
+import { ClientEvents } from "@dxos/plugin-client/types";
+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";
+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: 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)
           }),
-          getIntent: (props) => createIntent(CollectionAction.Create, props)
-        })),
-        contributes(SpaceCapabilities.ObjectForm, defineObjectForm({
-          objectSchema: DataType.QueryCollection,
-          formSchema: CollectionAction.QueryCollectionForm,
-          getIntent: (props) => createIntent(CollectionAction.CreateQueryCollection, props)
-        })),
-        contributes(SpaceCapabilities.ObjectForm, defineObjectForm({
-          objectSchema: DataType.StoredSchema,
-          formSchema: SpaceAction.StoredSchemaForm,
-          getIntent: (props, options) => props.typename ? createIntent(SpaceAction.UseStaticSchema, {
-            space: options.space,
-            typename: props.typename
-          }) : createIntent(SpaceAction.AddSchema, {
-            space: options.space,
-            name: props.name,
-            schema: createDefaultSchema()
+          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
+            });
           })
-        }))
-      ]
-    }),
-    defineModule({
-      id: `${meta.id}/module/schema-defs`,
-      activatesOn: ClientEvents.ClientReady,
-      activatesBefore: [
-        ClientEvents.SetupSchema
-      ],
-      activate: SchemaDefs
-    }),
-    defineModule({
-      id: `${meta.id}/module/schema`,
-      activatesOn: ClientEvents.SetupSchema,
-      activate: () => contributes(ClientCapabilities.Schema, [
-        DataType.View,
-        ViewTypeV1,
-        ViewTypeV2,
-        DataType.Event,
-        DataType.Organization,
-        DataType.Person,
-        DataType.Project,
-        DataType.Task
-      ])
-    }),
-    defineModule({
-      id: `${meta.id}/module/migration`,
-      activatesOn: ClientEvents.SetupMigration,
-      activate: () => contributes(ClientCapabilities.Migration, [
-        ViewTypeV1ToV2
-      ])
-    }),
-    defineModule({
-      id: `${meta.id}/module/whitelist-schema`,
-      activatesOn: ClientEvents.SetupSchema,
-      activate: () => contributes(ClientCapabilities.SchemaWhiteList, [
-        DataType.Event,
-        DataType.Organization,
-        DataType.Person,
-        DataType.Project,
-        DataType.Task
-      ])
-    }),
-    defineModule({
-      id: `${meta.id}/module/react-root`,
-      activatesOn: Events.Startup,
-      activate: ReactRoot
-    }),
-    defineModule({
-      id: `${meta.id}/module/react-surface`,
-      activatesOn: Events.SetupReactSurface,
+        }
+      },
+      {
+        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: 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,
+        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(SpaceOperation2.AddObject, {
+              object,
+              target: options.target,
+              hidden: true,
+              targetNodeId: options.targetNodeId
+            });
+          })
+        }
+      },
+      {
+        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(SpaceOperation2.AddObject, {
+              object,
+              target: options.target,
+              hidden: true,
+              targetNodeId: options.targetNodeId
+            });
+          })
+        }
+      },
+      {
+        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(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
+  }),
+  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: SpaceSettings2
+  }),
+  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),
+    firesAfterActivation: [
+      SpaceEvents2.StateReady
+    ],
+    activate: SpaceState
+  }),
+  Plugin.addModule(({ shareableLinkOrigin = typeof window !== "undefined" ? window.location.origin : "http://localhost", invitationPath = "/", invitationProp = "spaceInvitationCode" }) => {
+    const createInvitationUrl = (invitationCode) => {
+      const baseUrl = new URL(invitationPath || "/", shareableLinkOrigin);
+      baseUrl.searchParams.set(invitationProp, invitationCode);
+      return baseUrl.toString();
+    };
+    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
+      firesBeforeActivation: [
+        SpaceEvents2.SetupSettingsPanel
       ],
       activate: () => ReactSurface({
         createInvitationUrl
       })
-    }),
-    defineModule({
-      id: `${meta.id}/module/intent-resolver`,
-      activatesOn: Events.SetupIntentResolver,
-      activate: (context) => IntentResolver({
-        context,
+    };
+  }),
+  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(invitationPath || "/", shareableLinkOrigin);
+      baseUrl.searchParams.set(invitationProp, invitationCode);
+      return baseUrl.toString();
+    };
+    return {
+      id: Capability.getModuleTag(UndoMappings),
+      activatesOn: ActivationEvents.SetupOperationHandler,
+      activate: () => UndoMappings({
         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/tools`,
-      activatesOn: Events.SetupArtifactDefinition,
-      activate: SchemaTools
-    })
-  ]);
-};
+    };
+  }),
+  // TODO(wittjosiah): This could probably be deferred.
+  Plugin.addModule({
+    activatesOn: AppActivationEvents.AppGraphReady,
+    activate: AppGraphSerializer
+  }),
+  Plugin.addModule({
+    activatesOn: ClientEvents.IdentityCreated,
+    firesAfterActivation: [
+      SpaceEvents2.PersonalSpaceReady
+    ],
+    activate: IdentityCreated
+  }),
+  Plugin.addModule({
+    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,
-  COMPOSER_SPACE_LOCK,
-  CREATE_OBJECT_DIALOG,
-  CREATE_SPACE_DIALOG,
-  CollectionMain,
-  CollectionSection,
-  CreateObjectDialog,
-  CreateSpaceDialog,
-  FullPresence,
-  InlineSyncStatus,
-  JOIN_DIALOG,
-  JoinDialog,
-  MembersContainer,
-  MenuFooter,
-  ObjectDetailsPanel,
-  ObjectSettingsContainer,
-  POPOVER_RENAME_OBJECT,
-  POPOVER_RENAME_SPACE,
-  PersistenceStatus,
-  PopoverRenameObject,
-  PopoverRenameSpace,
-  RecordMain,
+  CreateObjectPanel,
+  ForeignKeys,
   SHARED,
   SPACES,
-  SPACE_PLUGIN,
-  SchemaContainer,
-  SmallPresence,
-  SmallPresenceLive,
   SpaceCapabilities,
   SpaceEvents,
   SpacePlugin,
-  SpacePluginSettings,
-  SpacePresence,
-  SpaceSettingsContainer,
-  SyncStatus,
-  SyncStatusIndicator,
-  ViewEditor,
+  SpaceSettings,
   cloneObject,
-  constructObjectActions,
-  constructSpaceActions,
-  constructSpaceNode,
-  createObjectNode,
-  createStaticSchemaActions,
-  createStaticSchemaNode,
-  getActiveSpace,
+  createClientSaveTracker,
+  getIcon,
   getNestedObjects,
   getSpaceDisplayName,
-  meta,
-  rxFromQuery,
-  useActiveSpace,
-  useInputSurfaceLookup,
-  usePath,
-  useQuerySpaceSchemas
+  getStatus
 };
 //# sourceMappingURL=index.mjs.map