@dxos/plugin-client 0.8.4-main.422d1c7879 → 0.8.4-main.4668b7de9b

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dxos/plugin-client",
-  "version": "0.8.4-main.422d1c7879",
+  "version": "0.8.4-main.4668b7de9b",
   "description": "DXOS Surface plugin for DXOS Client",
   "homepage": "https://dxos.org",
   "bugs": "https://github.com/dxos/dxos/issues",
@@ -8,53 +8,92 @@
     "type": "git",
     "url": "https://github.com/dxos/dxos"
   },
-  "license": "MIT",
+  "license": "FSL-1.1-Apache-2.0",
   "author": "DXOS.org",
   "sideEffects": true,
   "type": "module",
   "imports": {
     "#capabilities": {
-      "source": "./src/capabilities/index.ts",
-      "types": "./src/capabilities/index.ts",
-      "browser": "./src/capabilities/index.ts",
-      "node": "./src/capabilities/node.ts"
+      "source": {
+        "node": "./src/capabilities/node.ts",
+        "default": "./src/capabilities/index.ts"
+      },
+      "types": "./dist/types/src/capabilities/index.d.ts",
+      "node": "./dist/lib/neutral/capabilities/node.mjs",
+      "default": "./dist/lib/neutral/capabilities/index.mjs"
     },
-    "#components": "./src/components/index.ts",
-    "#containers": "./src/containers/index.ts",
-    "#meta": "./src/meta.ts",
-    "#operations": "./src/operations/index.ts",
-    "#testing": "./src/testing/index.ts",
-    "#types": "./src/types/index.ts"
-  },
-  "exports": {
-    ".": {
-      "source": "./src/index.ts",
-      "types": "./dist/types/src/index.d.ts",
-      "browser": "./dist/lib/browser/index.mjs",
-      "node": "./dist/lib/node-esm/index.mjs"
+    "#capabilities/node": {
+      "source": "./src/capabilities/node.ts",
+      "types": "./dist/types/src/capabilities/node.d.ts",
+      "default": "./dist/lib/neutral/capabilities/node.mjs"
     },
-    "./cli": {
-      "source": "./src/cli/index.ts",
-      "types": "./dist/types/src/cli/index.d.ts",
-      "node": "./dist/lib/node-esm/cli/index.mjs"
+    "#components": {
+      "source": "./src/components/index.ts",
+      "types": "./dist/types/src/components/index.d.ts",
+      "default": "./dist/lib/neutral/components/index.mjs"
     },
-    "./operations": {
+    "#containers": {
+      "source": "./src/containers/index.ts",
+      "types": "./dist/types/src/containers/index.d.ts",
+      "default": "./dist/lib/neutral/containers/index.mjs"
+    },
+    "#meta": {
+      "source": "./src/meta.ts",
+      "types": "./dist/types/src/meta.d.ts",
+      "default": "./dist/lib/neutral/meta.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"
+      "default": "./dist/lib/neutral/operations/index.mjs"
+    },
+    "#plugin": {
+      "source": {
+        "workerd": "./src/ClientPlugin.workerd.ts",
+        "node": "./src/ClientPlugin.node.ts",
+        "default": "./src/ClientPlugin.ts"
+      },
+      "types": "./dist/types/src/ClientPlugin.d.ts",
+      "workerd": "./dist/lib/neutral/ClientPlugin.workerd.mjs",
+      "node": "./dist/lib/neutral/ClientPlugin.node.mjs",
+      "default": "./dist/lib/neutral/ClientPlugin.mjs"
+    },
+    "#testing": {
+      "source": "./src/testing/index.ts",
+      "types": "./dist/types/src/testing/index.d.ts",
+      "default": "./dist/lib/neutral/testing/index.mjs"
+    },
+    "#translations": {
+      "source": "./src/translations.ts",
+      "types": "./dist/types/src/translations.d.ts",
+      "default": "./dist/lib/neutral/translations.mjs"
     },
-    "./types": {
+    "#types": {
       "source": "./src/types/index.ts",
       "types": "./dist/types/src/types/index.d.ts",
-      "browser": "./dist/lib/browser/types/index.mjs",
-      "node": "./dist/lib/node-esm/types/index.mjs"
+      "default": "./dist/lib/neutral/types/index.mjs"
+    }
+  },
+  "exports": {
+    ".": {
+      "source": "./src/index.ts",
+      "types": "./dist/types/src/index.d.ts",
+      "default": "./dist/lib/neutral/index.mjs"
+    },
+    "./plugin": {
+      "source": "./src/plugin.ts",
+      "types": "./dist/types/src/plugin.d.ts",
+      "default": "./dist/lib/neutral/plugin.mjs"
     },
     "./testing": {
       "source": "./src/testing/index.ts",
       "types": "./dist/types/src/testing/index.d.ts",
-      "browser": "./dist/lib/browser/testing/index.mjs",
-      "node": "./dist/lib/node-esm/testing/index.mjs"
+      "default": "./dist/lib/neutral/testing/index.mjs"
+    },
+    "./translations": {
+      "source": "./src/translations.ts",
+      "types": "./dist/types/src/translations.d.ts",
+      "default": "./dist/lib/neutral/translations.mjs"
     }
   },
   "types": "dist/types/src/index.d.ts",
@@ -65,33 +104,37 @@
   "dependencies": {
     "@effect/cli": "0.73.2",
     "@effect/platform": "0.94.4",
-    "@tauri-apps/api": "^2.8.0",
     "effect": "3.20.0",
     "react-qr-rounded": "^1.0.0",
     "yaml": "^2.8.2",
-    "@dxos/app-framework": "0.8.4-main.422d1c7879",
-    "@dxos/app-toolkit": "0.8.4-main.422d1c7879",
-    "@dxos/cli-util": "0.8.4-main.422d1c7879",
-    "@dxos/async": "0.8.4-main.422d1c7879",
-    "@dxos/client": "0.8.4-main.422d1c7879",
-    "@dxos/client-services": "0.8.4-main.422d1c7879",
-    "@dxos/config": "0.8.4-main.422d1c7879",
-    "@dxos/context": "0.8.4-main.422d1c7879",
-    "@dxos/client-protocol": "0.8.4-main.422d1c7879",
-    "@dxos/echo": "0.8.4-main.422d1c7879",
-    "@dxos/effect": "0.8.4-main.422d1c7879",
-    "@dxos/invariant": "0.8.4-main.422d1c7879",
-    "@dxos/log": "0.8.4-main.422d1c7879",
-    "@dxos/operation": "0.8.4-main.422d1c7879",
-    "@dxos/plugin-graph": "0.8.4-main.422d1c7879",
-    "@dxos/plugin-observability": "0.8.4-main.422d1c7879",
-    "@dxos/protocols": "0.8.4-main.422d1c7879",
-    "@dxos/react-ui-form": "0.8.4-main.422d1c7879",
-    "@dxos/react-ui-pickers": "0.8.4-main.422d1c7879",
-    "@dxos/react-ui-stack": "0.8.4-main.422d1c7879",
-    "@dxos/react-client": "0.8.4-main.422d1c7879",
-    "@dxos/util": "0.8.4-main.422d1c7879",
-    "@dxos/shell": "0.8.4-main.422d1c7879"
+    "@dxos/app-framework": "0.8.4-main.4668b7de9b",
+    "@dxos/cli-util": "0.8.4-main.4668b7de9b",
+    "@dxos/app-toolkit": "0.8.4-main.4668b7de9b",
+    "@dxos/client": "0.8.4-main.4668b7de9b",
+    "@dxos/client-protocol": "0.8.4-main.4668b7de9b",
+    "@dxos/async": "0.8.4-main.4668b7de9b",
+    "@dxos/compute": "0.8.4-main.4668b7de9b",
+    "@dxos/client-services": "0.8.4-main.4668b7de9b",
+    "@dxos/config": "0.8.4-main.4668b7de9b",
+    "@dxos/context": "0.8.4-main.4668b7de9b",
+    "@dxos/credentials": "0.8.4-main.4668b7de9b",
+    "@dxos/echo-db": "0.8.4-main.4668b7de9b",
+    "@dxos/echo": "0.8.4-main.4668b7de9b",
+    "@dxos/echo-protocol": "0.8.4-main.4668b7de9b",
+    "@dxos/edge-client": "0.8.4-main.4668b7de9b",
+    "@dxos/effect": "0.8.4-main.4668b7de9b",
+    "@dxos/functions": "0.8.4-main.4668b7de9b",
+    "@dxos/invariant": "0.8.4-main.4668b7de9b",
+    "@dxos/plugin-graph": "0.8.4-main.4668b7de9b",
+    "@dxos/log": "0.8.4-main.4668b7de9b",
+    "@dxos/plugin-observability": "0.8.4-main.4668b7de9b",
+    "@dxos/keys": "0.8.4-main.4668b7de9b",
+    "@dxos/react-client": "0.8.4-main.4668b7de9b",
+    "@dxos/protocols": "0.8.4-main.4668b7de9b",
+    "@dxos/react-ui-form": "0.8.4-main.4668b7de9b",
+    "@dxos/react-ui-pickers": "0.8.4-main.4668b7de9b",
+    "@dxos/util": "0.8.4-main.4668b7de9b",
+    "@dxos/shell": "0.8.4-main.4668b7de9b"
   },
   "devDependencies": {
     "@effect-atom/atom-react": "^0.5.0",
@@ -101,11 +144,11 @@
     "@types/react-dom": "~19.2.3",
     "react": "~19.2.3",
     "react-dom": "~19.2.3",
-    "vite": "^7.1.11",
-    "@dxos/plugin-testing": "0.8.4-main.422d1c7879",
-    "@dxos/react-ui": "0.8.4-main.422d1c7879",
-    "@dxos/storybook-utils": "0.8.4-main.422d1c7879",
-    "@dxos/ui-theme": "0.8.4-main.422d1c7879"
+    "vite": "^8.0.14",
+    "@dxos/plugin-testing": "0.8.4-main.4668b7de9b",
+    "@dxos/storybook-utils": "0.8.4-main.4668b7de9b",
+    "@dxos/ui-theme": "0.8.4-main.4668b7de9b",
+    "@dxos/react-ui": "0.8.4-main.4668b7de9b"
   },
   "peerDependencies": {
     "@effect-atom/atom-react": "^0.5.0",
@@ -113,8 +156,8 @@
     "effect": "3.20.0",
     "react": "~19.2.3",
     "react-dom": "~19.2.3",
-    "@dxos/ui-theme": "0.8.4-main.422d1c7879",
-    "@dxos/react-ui": "0.8.4-main.422d1c7879"
+    "@dxos/react-ui": "0.8.4-main.4668b7de9b",
+    "@dxos/ui-theme": "0.8.4-main.4668b7de9b"
   },
   "publishConfig": {
     "access": "public"

package/src/{cli/plugin.ts → ClientPlugin.node.ts}

@@ -5,7 +5,7 @@
 import { ActivationEvents, Capability, Plugin } from '@dxos/app-framework';
 import { AppActivationEvents, AppPlugin } from '@dxos/app-toolkit';
 
-import { Client, OperationHandler, SchemaDefs } from '#capabilities';
+import { Client, LayerSpecs, Migrations, OperationHandler, SchemaDefs } from '#capabilities';
 import { meta } from '#meta';
 import { ClientEvents } from '#types';
 import { type ClientPluginOptions } from '#types';
@@ -27,5 +27,16 @@ export const ClientPlugin = Plugin.define<ClientPluginOptions>(meta).pipe(
     firesBeforeActivation: [AppActivationEvents.SetupSchema],
     activate: SchemaDefs,
   }),
+  Plugin.addModule({
+    activatesOn: ClientEvents.ClientReady,
+    firesBeforeActivation: [ClientEvents.SetupMigration],
+    activate: Migrations,
+  }),
+  Plugin.addModule({
+    activatesOn: ActivationEvents.SetupProcessManager,
+    activate: LayerSpecs,
+  }),
   Plugin.make,
 );
+
+export default ClientPlugin;

package/src/ClientPlugin.test.ts

@@ -0,0 +1,29 @@
+//
+// Copyright 2026 DXOS.org
+//
+
+import { describe, test } from 'vitest';
+
+import { ActivationEvents } from '@dxos/app-framework';
+// #plugin resolves to ClientPlugin.node.ts under the source condition used by vitest.
+import { ClientPlugin } from '@dxos/plugin-client/plugin';
+import { createComposerTestApp } from '@dxos/plugin-testing/harness';
+
+import { meta } from './meta';
+
+const moduleId = (name: string) => `${meta.id}.module.${name}`;
+
+describe('ClientPlugin', () => {
+  test('modules activate on the expected events', async ({ expect }) => {
+    await using harness = await createComposerTestApp({
+      plugins: [ClientPlugin({})],
+    });
+
+    // The CLI variant activates Client and SchemaDefs on startup.
+    expect(harness.manager.getActive()).toEqual(expect.arrayContaining([moduleId('Client'), moduleId('SchemaDefs')]));
+
+    // Operation handlers are not loaded on startup — SetupProcessManager fires lazily when an operation is invoked.
+    await harness.fire(ActivationEvents.SetupProcessManager);
+    expect(harness.manager.getActive()).toContain(moduleId('OperationHandler'));
+  });
+});

package/src/ClientPlugin.ts

@@ -6,8 +6,11 @@ import { ActivationEvent, ActivationEvents, Capability, Plugin } from '@dxos/app
 import { AppActivationEvents, AppPlugin } from '@dxos/app-toolkit';
 
 import {
+  AccountCache,
   AppGraphBuilder,
   Client,
+  HubHttpClient,
+  LayerSpecs,
   Migrations,
   NavigationHandler,
   OperationHandler,
@@ -16,11 +19,10 @@ import {
   SchemaDefs,
 } from '#capabilities';
 import { meta } from '#meta';
+import { translations } from '#translations';
 import { ClientEvents } from '#types';
 import { type ClientPluginOptions } from '#types';
 
-import { translations } from './translations';
-
 export const ClientPlugin = Plugin.define<ClientPluginOptions>(meta).pipe(
   AppPlugin.addAppGraphModule({ activate: AppGraphBuilder }),
   AppPlugin.addNavigationHandlerModule(({ invitationProp }) => ({
@@ -37,6 +39,14 @@ export const ClientPlugin = Plugin.define<ClientPluginOptions>(meta).pipe(
       activate: () => Client(options),
     };
   }),
+  Plugin.addModule({
+    activatesOn: ClientEvents.ClientReady,
+    activate: AccountCache,
+  }),
+  Plugin.addModule({
+    activatesOn: ClientEvents.ClientReady,
+    activate: HubHttpClient,
+  }),
   Plugin.addModule({
     activatesOn: ClientEvents.ClientReady,
     firesBeforeActivation: [AppActivationEvents.SetupSchema],
@@ -47,6 +57,10 @@ export const ClientPlugin = Plugin.define<ClientPluginOptions>(meta).pipe(
     firesBeforeActivation: [ClientEvents.SetupMigration],
     activate: Migrations,
   }),
+  Plugin.addModule({
+    activatesOn: ActivationEvents.SetupProcessManager,
+    activate: LayerSpecs,
+  }),
   Plugin.addModule(
     ({
       shareableLinkOrigin = typeof window !== 'undefined' ? window.location.origin : 'http://localhost',
@@ -69,3 +83,5 @@ export const ClientPlugin = Plugin.define<ClientPluginOptions>(meta).pipe(
   ),
   Plugin.make,
 );
+
+export default ClientPlugin;

package/src/ClientPlugin.workerd.ts

@@ -0,0 +1,16 @@
+//
+// Copyright 2025 DXOS.org
+//
+
+import { Plugin } from '@dxos/app-framework';
+import { AppPlugin } from '@dxos/app-toolkit';
+
+import { OperationHandler } from '#capabilities';
+import { meta } from '#meta';
+
+export const ClientPlugin = Plugin.define(meta).pipe(
+  AppPlugin.addOperationHandlerModule({ activate: OperationHandler }),
+  Plugin.make,
+);
+
+export default ClientPlugin;

package/src/capabilities/account-cache.ts

@@ -0,0 +1,25 @@
+//
+// Copyright 2026 DXOS.org
+//
+
+import * as Effect from 'effect/Effect';
+
+import { Capability } from '@dxos/app-framework';
+import { createKvsStore } from '@dxos/effect';
+
+import { ClientCapabilities } from '#types';
+
+import { AccountCache } from '../state/account-cache';
+
+export default Capability.makeModule(() =>
+  Effect.succeed(
+    Capability.contributes(
+      ClientCapabilities.AccountCache,
+      createKvsStore<AccountCache>({
+        key: 'composer.account',
+        schema: AccountCache,
+        defaultValue: () => ({}),
+      }),
+    ),
+  ),
+);

package/src/capabilities/app-graph-builder.ts

@@ -6,7 +6,7 @@ import * as Effect from 'effect/Effect';
 
 import { Capability } from '@dxos/app-framework';
 import { AppCapabilities } from '@dxos/app-toolkit';
-import { Operation } from '@dxos/operation';
+import { Operation } from '@dxos/compute';
 import { CreateAtom, GraphBuilder, Node, NodeMatcher } from '@dxos/plugin-graph';
 import { ConnectionState } from '@dxos/react-client/mesh';
 
@@ -22,7 +22,7 @@ export default Capability.makeModule(
       actions: () =>
         Effect.succeed([
           {
-            id: 'open-user-account',
+            id: 'openUserAccount',
             data: () => Operation.invoke(ClientOperation.ShareIdentity),
             properties: {
               label: ['open-user-account.label', { ns: meta.id }],
@@ -67,6 +67,15 @@ export default Capability.makeModule(
                   icon: 'ph--user--regular',
                 },
               }),
+              Node.make({
+                id: Account.Account,
+                data: Account.Account,
+                type: meta.id,
+                properties: {
+                  label: ['account-panel.label', { ns: meta.id }],
+                  icon: 'ph--identification-card--regular',
+                },
+              }),
               Node.make({
                 id: Account.Devices,
                 data: Account.Devices,
@@ -86,6 +95,15 @@ export default Capability.makeModule(
                   icon: 'ph--key--regular',
                 },
               }),
+              Node.make({
+                id: Account.Invitations,
+                data: Account.Invitations,
+                type: meta.id,
+                properties: {
+                  label: ['invitations-panel.label', { ns: meta.id }],
+                  icon: 'ph--ticket--regular',
+                },
+              }),
             ],
           }),
         ];

package/src/capabilities/client.ts

@@ -69,6 +69,7 @@ export default Capability.makeModule(
       Capability.contributes(ClientCapabilities.Client, client, () =>
         Effect.gen(function* () {
           log.info('client capability: destroying client');
+          // TODO(dmaretskyi): use scope for destroy.
           subscription.unsubscribe();
           yield* Effect.tryPromise(() => client.destroy());
         }),

package/src/capabilities/hub-http-client.ts

@@ -0,0 +1,21 @@
+//
+// Copyright 2026 DXOS.org
+//
+
+import * as Effect from 'effect/Effect';
+
+import { Capability } from '@dxos/app-framework';
+import { HubHttpClient } from '@dxos/edge-client';
+
+import { ClientCapabilities } from '#types';
+
+export default Capability.makeModule(
+  Effect.fnUntraced(function* () {
+    const client = yield* Capability.get(ClientCapabilities.Client);
+    const hubUrl = client.config.values?.runtime?.app?.env?.DX_HUB_URL;
+    if (!hubUrl) {
+      return [];
+    }
+    return Capability.contributes(ClientCapabilities.HubHttpClient, new HubHttpClient(hubUrl));
+  }),
+);

package/src/capabilities/index.ts

@@ -3,10 +3,13 @@
 //
 
 import { Capability } from '@dxos/app-framework';
-import { OperationHandlerSet } from '@dxos/operation';
+import { OperationHandlerSet } from '@dxos/compute';
 
+export const AccountCache = Capability.lazy('AccountCache', () => import('./account-cache'));
 export const AppGraphBuilder = Capability.lazy('AppGraphBuilder', () => import('./app-graph-builder'));
+export const HubHttpClient = Capability.lazy('HubHttpClient', () => import('./hub-http-client'));
 export const Client = Capability.lazy('Client', () => import('./client'));
+export const LayerSpecs = Capability.lazy<void, Capability.Any[]>('LayerSpecs', () => import('./layer-specs'));
 export const Migrations = Capability.lazy('Migrations', () => import('./migrations'));
 export { NavigationHandler } from './navigation-handler';
 export type { NavigationHandlerOptions } from './navigation-handler';

package/src/capabilities/layer-specs.ts

@@ -0,0 +1,92 @@
+//
+// Copyright 2026 DXOS.org
+//
+
+import * as Effect from 'effect/Effect';
+import * as Layer from 'effect/Layer';
+
+import { Capabilities, Capability } from '@dxos/app-framework';
+import { ClientService } from '@dxos/client';
+import { Credential, LayerSpec } from '@dxos/compute';
+import { Database, Feed } from '@dxos/echo';
+import { createFeedServiceLayer } from '@dxos/echo-db';
+import { credentialsLayerFromDatabase } from '@dxos/functions';
+import { invariant } from '@dxos/invariant';
+
+import { ClientCapabilities } from '#types';
+
+//
+// Capability Module
+//
+// Contributes the core client/space service layer specs:
+//   - {@link ClientService} (application affinity).
+//   - {@link Database.Service}, {@link Feed.FeedService},
+//     {@link Credential.CredentialsService} (space affinity).
+//
+// Specs are declared at module level and resolve the underlying
+// {@link ClientCapabilities.Client} through the Effect layer graph (via
+// {@link Capability.Service}) rather than capturing it from an outer scope.
+//
+
+/**
+ * Provides the Effect-level {@link ClientService} backed by the
+ * {@link ClientCapabilities.Client} capability contributed by the plugin
+ * runtime.
+ */
+const ClientLayerSpec = LayerSpec.make(
+  {
+    affinity: 'application',
+    requires: [Capability.Service],
+    provides: [ClientService],
+  },
+  () =>
+    Layer.unwrapEffect(
+      Effect.gen(function* () {
+        const client = yield* Capability.get(ClientCapabilities.Client);
+        return ClientService.fromClient(client);
+      }).pipe(Effect.orDie),
+    ),
+);
+
+/**
+ * Space-scoped database/feed services resolved from the `Client`'s space
+ * registry. One spec for both so the `client.spaces.get` / `waitUntilReady`
+ * round-trip only happens once per space slice. Fails hard if the context is
+ * missing a `space` id or the client cannot resolve it — both indicate a
+ * configuration bug in the layer graph.
+ */
+const DatabaseLayerSpec = LayerSpec.make(
+  {
+    affinity: 'space',
+    requires: [ClientService],
+    provides: [Database.Service, Feed.FeedService],
+  },
+  (context) =>
+    Layer.unwrapEffect(
+      Effect.gen(function* () {
+        invariant(context.space, 'space context required for Database layer');
+        const client = yield* ClientService;
+        const space = client.spaces.get(context.space);
+        invariant(space, `space not found on client: ${context.space}`);
+        yield* Effect.promise(() => space.waitUntilReady());
+        return Layer.mergeAll(Database.layer(space.db), createFeedServiceLayer(space.queues));
+      }),
+    ),
+);
+
+const CredentialsLayerSpec = LayerSpec.make(
+  {
+    affinity: 'space',
+    requires: [Database.Service],
+    provides: [Credential.CredentialsService],
+  },
+  () => credentialsLayerFromDatabase(),
+);
+
+export default Capability.makeModule(() =>
+  Effect.succeed([
+    Capability.contributes(Capabilities.LayerSpec, ClientLayerSpec),
+    Capability.contributes(Capabilities.LayerSpec, DatabaseLayerSpec),
+    Capability.contributes(Capabilities.LayerSpec, CredentialsLayerSpec),
+  ]),
+);

package/src/capabilities/navigation-handler/navigation-handler.ts

@@ -6,8 +6,8 @@ import * as Effect from 'effect/Effect';
 
 import { Capabilities, Capability } from '@dxos/app-framework';
 import { AppCapabilities } from '@dxos/app-toolkit';
+import { Operation } from '@dxos/compute';
 import { log } from '@dxos/log';
-import { Operation } from '@dxos/operation';
 
 import { ClientOperation } from '../../operations';
 

package/src/capabilities/node.ts

@@ -3,9 +3,17 @@
 //
 
 import { Capability } from '@dxos/app-framework';
-import { OperationHandlerSet } from '@dxos/operation';
+import { OperationHandlerSet } from '@dxos/compute';
 
+export const AppGraphBuilder = Capability.lazy('AppGraphBuilder', () => import('./app-graph-builder'));
 export const Client = Capability.lazy('Client', () => import('./client'));
+export const LayerSpecs = Capability.lazy<void, Capability.Any[]>('LayerSpecs', () => import('./layer-specs'));
+export const Migrations = Capability.lazy('Migrations', () => import('./migrations'));
+export const NavigationHandler = Capability.lazy(
+  'NavigationHandler',
+  () => import('./navigation-handler/navigation-handler'),
+);
+export type { NavigationHandlerOptions } from './navigation-handler';
 export const OperationHandler = Capability.lazy<OperationHandlerSet.OperationHandlerSet>(
   'OperationHandler',
   () => import('./operation-handler'),

package/src/capabilities/operation-handler.ts

@@ -5,7 +5,7 @@
 import * as Effect from 'effect/Effect';
 
 import { Capabilities, Capability } from '@dxos/app-framework';
-import type { OperationHandlerSet } from '@dxos/operation';
+import type { OperationHandlerSet } from '@dxos/compute';
 
 import { ClientOperationHandlerSet } from '#operations';
 

package/src/capabilities/react-surface.tsx

@@ -10,7 +10,9 @@ import { Surface } from '@dxos/app-framework/ui';
 import { AppSurface } from '@dxos/app-toolkit/ui';
 
 import {
+  AccountContainer,
   DevicesContainer,
+  InvitationsContainer,
   JoinDialog,
   ProfileContainer,
   RecoveryCodeDialog,
@@ -45,6 +47,16 @@ export default Capability.makeModule(
         filter: AppSurface.literal(AppSurface.Article, Account.Security),
         component: () => <RecoveryCredentialsContainer />,
       }),
+      Surface.create({
+        id: Account.Account,
+        filter: AppSurface.literal(AppSurface.Article, Account.Account),
+        component: () => <AccountContainer />,
+      }),
+      Surface.create({
+        id: Account.Invitations,
+        filter: AppSurface.literal(AppSurface.Article, Account.Invitations),
+        component: () => <InvitationsContainer />,
+      }),
       Surface.create({
         id: JOIN_DIALOG,
         filter: AppSurface.component<ComponentProps<typeof JoinDialog>>(AppSurface.Dialog, JOIN_DIALOG),