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

package/src/containers/JoinDialog/JoinDialog.stories.tsx

@@ -9,8 +9,9 @@ import { withPluginManager } from '@dxos/app-framework/testing';
 import { corePlugins } from '@dxos/plugin-testing';
 import { Dialog } from '@dxos/react-ui';
 
+import { translations } from '#translations';
+
 import { ClientPlugin } from '../../ClientPlugin';
-import { translations } from '../../translations';
 import { JoinDialog } from './JoinDialog';
 
 const DefaultStory = () => (

package/src/containers/JoinDialog/JoinDialog.tsx

@@ -6,7 +6,7 @@ import React, { useCallback } from 'react';
 
 import { useOperationInvoker } from '@dxos/app-framework/ui';
 import { LayoutOperation } from '@dxos/app-toolkit';
-import { ObservabilityOperation } from '@dxos/plugin-observability/operations';
+import { ObservabilityOperation } from '@dxos/plugin-observability';
 import { type InvitationResult } from '@dxos/react-client/invitations';
 import { Dialog, useTranslation } from '@dxos/react-ui';
 import { JoinPanel, type JoinPanelProps } from '@dxos/shell/react';

package/src/containers/ProfileContainer/ProfileContainer.stories.tsx

@@ -7,7 +7,8 @@ import { type Meta, type StoryObj } from '@storybook/react-vite';
 import { withClientProvider } from '@dxos/react-client/testing';
 import { withLayout, withTheme } from '@dxos/react-ui/testing';
 
-import { translations } from '../../translations';
+import { translations } from '#translations';
+
 import { ProfileContainer } from './ProfileContainer';
 
 const meta = {

package/src/containers/ProfileContainer/ProfileContainer.tsx

@@ -139,7 +139,7 @@ export const ProfileContainer = () => {
 
         return (
           <Settings.Item title={label} description={t('hue.description')}>
-            <div role='none' className='flex justify-self-end'>
+            <div className='flex justify-self-end'>
               <HuePicker value={getValue()} onChange={handleChange} onReset={handleHueReset} />
             </div>
           </Settings.Item>

package/src/containers/RecoveryCodeDialog/RecoveryCodeDialog.stories.tsx

@@ -10,7 +10,8 @@ import { withClientProvider } from '@dxos/react-client/testing';
 import { AlertDialog, useAsyncEffect } from '@dxos/react-ui';
 import { withLayout, withTheme } from '@dxos/react-ui/testing';
 
-import { translations } from '../../translations';
+import { translations } from '#translations';
+
 import { RecoveryCodeDialog } from './RecoveryCodeDialog';
 
 const DefaultStory = () => {

package/src/containers/RecoveryCredentialsContainer/RecoveryCredentialsContainer.stories.tsx

@@ -5,14 +5,14 @@
 import { type Meta, type StoryObj } from '@storybook/react-vite';
 import * as Effect from 'effect/Effect';
 
-import { OperationPlugin, RuntimePlugin } from '@dxos/app-framework';
+import { ProcessManagerPlugin } from '@dxos/app-framework';
 import { withPluginManager } from '@dxos/app-framework/testing';
 import { withLayout, withTheme } from '@dxos/react-ui/testing';
 
 import { initializeIdentity } from '#testing';
+import { translations } from '#translations';
 
 import { ClientPlugin } from '../../ClientPlugin';
-import { translations } from '../../translations';
 import { RecoveryCredentialsContainer } from './RecoveryCredentialsContainer';
 
 const meta = {
@@ -29,8 +29,7 @@ const meta = {
               yield* initializeIdentity(client);
             }),
         }),
-        OperationPlugin(),
-        RuntimePlugin(),
+        ProcessManagerPlugin(),
       ],
     }),
   ],

package/src/containers/ResetDialog/ResetDialog.stories.tsx

@@ -6,14 +6,15 @@ import { type Meta, type StoryObj } from '@storybook/react-vite';
 import * as Effect from 'effect/Effect';
 import React from 'react';
 
-import { OperationPlugin, RuntimePlugin } from '@dxos/app-framework';
+import { ProcessManagerPlugin } from '@dxos/app-framework';
 import { withPluginManager } from '@dxos/app-framework/testing';
 import { usePluginManager } from '@dxos/app-framework/ui';
 import { Dialog } from '@dxos/react-ui';
 import { withLayout, withTheme } from '@dxos/react-ui/testing';
 
+import { translations } from '#translations';
+
 import { ClientPlugin } from '../../ClientPlugin';
-import { translations } from '../../translations';
 import { ResetDialog, type ResetDialogProps } from './ResetDialog';
 
 const DefaultStory = (props: Omit<ResetDialogProps, 'capabilityManager'>) => {
@@ -40,7 +41,7 @@ const meta = {
     withTheme(),
     withLayout({ layout: 'fullscreen' }),
     withPluginManager({
-      plugins: [RuntimePlugin(), OperationPlugin(), ClientPlugin({})],
+      plugins: [ProcessManagerPlugin(), ClientPlugin({})],
     }),
   ],
   parameters: {

package/src/containers/ResetDialog/ResetDialog.tsx

@@ -18,14 +18,22 @@ import { type ClientPluginOptions } from '#types';
 export type ResetDialogProps = Pick<ConfirmResetProps, 'mode'> &
   Pick<ClientPluginOptions, 'onReset'> & {
     capabilityManager: CapabilityManager.CapabilityManager;
+    /**
+     * Optional async action run before `client.reset()`. Throwing here aborts the
+     * reset so callers can surface errors without wiping local state.
+     */
+    onBeforeReset?: () => Promise<void>;
   };
 
-export const ResetDialog = ({ mode, onReset, capabilityManager }: ResetDialogProps) => {
+export const ResetDialog = ({ mode, onReset, onBeforeReset, capabilityManager }: ResetDialogProps) => {
   const { t } = useTranslation(translationKey);
   const { invokePromise } = useOperationInvoker();
   const client = useClient();
 
   const handleReset = useCallback(async () => {
+    if (onBeforeReset) {
+      await onBeforeReset();
+    }
     await client.reset();
     const target =
       mode === 'join-new-identity' ? 'deviceInvitation' : mode === 'recover' ? 'recoverIdentity' : undefined;

package/src/containers/index.ts

@@ -7,7 +7,9 @@ import { type ComponentType, lazy } from 'react';
 export { type RecoveryCodeDialogProps } from './RecoveryCodeDialog';
 export { type ResetDialogProps } from './ResetDialog';
 
+export const AccountContainer: ComponentType<any> = lazy(() => import('./AccountContainer'));
 export const DevicesContainer: ComponentType<any> = lazy(() => import('./DevicesContainer'));
+export const InvitationsContainer: ComponentType<any> = lazy(() => import('./InvitationsContainer'));
 export const JoinDialog: ComponentType<any> = lazy(() => import('./JoinDialog'));
 export const ProfileContainer: ComponentType<any> = lazy(() => import('./ProfileContainer'));
 export const RecoveryCodeDialog: ComponentType<any> = lazy(() => import('./RecoveryCodeDialog'));

package/src/index.ts

@@ -2,5 +2,6 @@
 // Copyright 2023 DXOS.org
 //
 
-export { ClientPlugin } from './ClientPlugin';
 export { meta } from './meta';
+export * from './types';
+export { ClientOperation } from './operations';

package/src/meta.ts

@@ -2,14 +2,17 @@
 // Copyright 2023 DXOS.org
 //
 
-import { type Plugin } from '@dxos/app-framework';
+import { Plugin } from '@dxos/app-framework';
+import { DXN } from '@dxos/keys';
 import { trim } from '@dxos/util';
 
-export const meta: Plugin.Meta = {
-  id: 'org.dxos.plugin.client',
+export const meta = Plugin.makeMeta({
+  key: DXN.make('org.dxos.plugin.client'),
   name: 'Client',
+  author: 'DXOS',
   description: trim`
     Core client connectivity and peer-to-peer networking infrastructure.
     Manages identity, authentication, and real-time synchronization across devices.
   `,
-};
+  tags: ['system'],
+});

package/src/operations/create-agent.ts

@@ -5,8 +5,8 @@
 import * as Effect from 'effect/Effect';
 
 import { Capability } from '@dxos/app-framework';
+import { Operation } from '@dxos/compute';
 import { invariant } from '@dxos/invariant';
-import { Operation } from '@dxos/operation';
 
 import { ClientCapabilities } from '../types';
 import { CreateAgent } from './definitions';

package/src/operations/create-identity.ts

@@ -5,9 +5,11 @@
 import * as Effect from 'effect/Effect';
 
 import { Capabilities, Capability } from '@dxos/app-framework';
+import { Operation } from '@dxos/compute';
+import { createIdFromSpaceKey } from '@dxos/echo-protocol';
 import { runAndForwardErrors } from '@dxos/effect';
-import { Operation } from '@dxos/operation';
-import { ObservabilityOperation } from '@dxos/plugin-observability/operations';
+import { IdentityDid } from '@dxos/keys';
+import { ObservabilityOperation } from '@dxos/plugin-observability';
 
 import { ClientEvents } from '../types';
 import { ClientCapabilities } from '../types';
@@ -19,9 +21,15 @@ const handler: Operation.WithHandler<typeof CreateIdentity> = CreateIdentity.pip
       const manager = yield* Capability.get(Capabilities.PluginManager);
       const client = yield* Capability.get(ClientCapabilities.Client);
       const data = yield* Effect.promise(() => client.halo.createIdentity(profile));
+      const spaceKey = data.spaceKey;
+      const spaceId = spaceKey ? yield* Effect.promise(() => createIdFromSpaceKey(spaceKey)) : undefined;
       yield* Effect.promise(() => runAndForwardErrors(manager.activate(ClientEvents.IdentityCreated)));
       yield* Operation.schedule(ObservabilityOperation.SendEvent, { name: 'identity.create' });
-      return data;
+      return {
+        identityDid: IdentityDid.make(data.did),
+        ...(spaceId !== undefined && { spaceId }),
+        ...(data.profile !== undefined && { profile: data.profile }),
+      };
     }),
   ),
 );

package/src/operations/create-passkey.ts

@@ -8,8 +8,8 @@ import * as Match from 'effect/Match';
 import { Capability } from '@dxos/app-framework';
 import { supportsNativePasskeys, createNativePasskey, extractPublicKeyFromAttestation } from '@dxos/app-toolkit';
 import { PublicKey } from '@dxos/client';
+import { Operation } from '@dxos/compute';
 import { invariant } from '@dxos/invariant';
-import { Operation } from '@dxos/operation';
 
 import { ClientCapabilities } from '../types';
 import { CreatePasskey } from './definitions';

package/src/operations/create-recovery-code.ts

@@ -6,8 +6,8 @@ import * as Effect from 'effect/Effect';
 
 import { Capability } from '@dxos/app-framework';
 import { LayoutOperation } from '@dxos/app-toolkit';
+import { Operation } from '@dxos/compute';
 import { invariant } from '@dxos/invariant';
-import { Operation } from '@dxos/operation';
 
 import { RECOVERY_CODE_DIALOG } from '../constants';
 import { ClientCapabilities } from '../types';

package/src/operations/definitions.ts

@@ -5,16 +5,16 @@
 import * as Schema from 'effect/Schema';
 
 import { Capability } from '@dxos/app-framework';
-import { PublicKey } from '@dxos/client';
-import { Operation } from '@dxos/operation';
+import { Operation } from '@dxos/compute';
+import { DXN, IdentityDid, SpaceId } from '@dxos/keys';
 
 import { meta } from '#meta';
 
-const CLIENT_OPERATION = `${meta.id}.operation`;
+const makeKey = (name: string) => DXN.make(`${meta.id}.operation.${name}`);
 
 const IdentitySchema = Schema.Struct({
-  identityKey: Schema.instanceOf(PublicKey),
-  spaceKey: Schema.optional(Schema.instanceOf(PublicKey)),
+  identityDid: IdentityDid,
+  spaceId: Schema.optional(SpaceId),
   profile: Schema.optional(
     Schema.Struct({
       displayName: Schema.optional(Schema.String),
@@ -31,14 +31,14 @@ const ProfileSchema = Schema.Struct({
 });
 
 export const CreateIdentity = Operation.make({
-  meta: { key: `${CLIENT_OPERATION}.create-identity`, name: 'Create Identity' },
+  meta: { key: makeKey('createIdentity'), name: 'Create Identity', icon: 'ph--user--regular' },
   services: [Capability.Service],
   input: ProfileSchema,
   output: IdentitySchema,
 });
 
 export const JoinIdentity = Operation.make({
-  meta: { key: `${CLIENT_OPERATION}.join-identity`, name: 'Join Identity' },
+  meta: { key: makeKey('joinIdentity'), name: 'Join Identity', icon: 'ph--sign-in--regular' },
   services: [Capability.Service],
   input: Schema.Struct({
     invitationCode: Schema.optional(Schema.String),
@@ -47,21 +47,25 @@ export const JoinIdentity = Operation.make({
 });
 
 export const ShareIdentity = Operation.make({
-  meta: { key: `${CLIENT_OPERATION}.share-identity`, name: 'Share Identity' },
+  meta: {
+    key: makeKey('shareIdentity'),
+    name: 'Share Identity',
+    icon: 'ph--share-network--regular',
+  },
   services: [Capability.Service],
   input: Schema.Void,
   output: Schema.Void,
 });
 
 export const RecoverIdentity = Operation.make({
-  meta: { key: `${CLIENT_OPERATION}.recover-identity`, name: 'Recover Identity' },
+  meta: { key: makeKey('recoverIdentity'), name: 'Recover Identity', icon: 'ph--key--regular' },
   services: [Capability.Service],
   input: Schema.Void,
   output: Schema.Void,
 });
 
 export const ResetStorage = Operation.make({
-  meta: { key: `${CLIENT_OPERATION}.reset-storage`, name: 'Reset Storage' },
+  meta: { key: makeKey('resetStorage'), name: 'Reset Storage', icon: 'ph--warning--regular' },
   services: [Capability.Service],
   input: Schema.Struct({
     mode: Schema.optional(Schema.String),
@@ -70,35 +74,39 @@ export const ResetStorage = Operation.make({
 });
 
 export const CreateAgent = Operation.make({
-  meta: { key: `${CLIENT_OPERATION}.create-agent`, name: 'Create Agent' },
+  meta: { key: makeKey('createAgent'), name: 'Create Agent', icon: 'ph--brain--regular' },
   services: [Capability.Service],
   input: Schema.Void,
   output: Schema.Void,
 });
 
 export const CreateRecoveryCode = Operation.make({
-  meta: { key: `${CLIENT_OPERATION}.create-recovery-code`, name: 'Create Recovery Code' },
+  meta: {
+    key: makeKey('createRecoveryCode'),
+    name: 'Create Recovery Code',
+    icon: 'ph--key--regular',
+  },
   services: [Capability.Service],
   input: Schema.Void,
   output: Schema.Void,
 });
 
 export const CreatePasskey = Operation.make({
-  meta: { key: `${CLIENT_OPERATION}.create-passkey`, name: 'Create Passkey' },
+  meta: { key: makeKey('createPasskey'), name: 'Create Passkey', icon: 'ph--key--regular' },
   services: [Capability.Service],
   input: Schema.Void,
   output: Schema.Void,
 });
 
 export const RedeemPasskey = Operation.make({
-  meta: { key: `${CLIENT_OPERATION}.redeem-passkey`, name: 'Redeem Passkey' },
+  meta: { key: makeKey('redeemPasskey'), name: 'Redeem Passkey', icon: 'ph--key--regular' },
   services: [Capability.Service],
   input: Schema.Void,
   output: Schema.Void,
 });
 
 export const RedeemToken = Operation.make({
-  meta: { key: `${CLIENT_OPERATION}.redeem-token`, name: 'Redeem Token' },
+  meta: { key: makeKey('redeemToken'), name: 'Redeem Token', icon: 'ph--lock--regular' },
   services: [Capability.Service],
   input: Schema.Struct({
     token: Schema.String,

package/src/operations/index.ts

@@ -2,7 +2,7 @@
 // Copyright 2025 DXOS.org
 //
 
-import { OperationHandlerSet } from '@dxos/operation';
+import { OperationHandlerSet } from '@dxos/compute';
 
 export * as ClientOperation from './definitions';
 

package/src/operations/join-identity.ts

@@ -5,7 +5,7 @@
 import * as Effect from 'effect/Effect';
 
 import { LayoutOperation } from '@dxos/app-toolkit';
-import { Operation } from '@dxos/operation';
+import { Operation } from '@dxos/compute';
 
 import { JOIN_DIALOG } from '../constants';
 import { JoinIdentity } from './definitions';

package/src/operations/recover-identity.ts

@@ -5,8 +5,8 @@
 import * as Effect from 'effect/Effect';
 
 import { LayoutOperation } from '@dxos/app-toolkit';
-import { Operation } from '@dxos/operation';
-import { type JoinPanelProps } from '@dxos/shell/react';
+import { Operation } from '@dxos/compute';
+import type { JoinPanelProps } from '@dxos/shell/react';
 
 import { JOIN_DIALOG } from '../constants';
 import { RecoverIdentity } from './definitions';

package/src/operations/redeem-passkey.ts

@@ -8,8 +8,8 @@ import * as Match from 'effect/Match';
 import { Capability } from '@dxos/app-framework';
 import { decodeUrlSafeBase64, supportsNativePasskeys, loginNativePasskey } from '@dxos/app-toolkit';
 import { PublicKey } from '@dxos/client';
+import { Operation } from '@dxos/compute';
 import { invariant } from '@dxos/invariant';
-import { Operation } from '@dxos/operation';
 
 import { ClientCapabilities } from '../types';
 import { RedeemPasskey } from './definitions';

package/src/operations/redeem-token.ts

@@ -5,8 +5,8 @@
 import * as Effect from 'effect/Effect';
 
 import { Capability } from '@dxos/app-framework';
+import { Operation } from '@dxos/compute';
 import { invariant } from '@dxos/invariant';
-import { Operation } from '@dxos/operation';
 
 import { ClientCapabilities } from '../types';
 import { RedeemToken } from './definitions';

package/src/operations/reset-storage.ts

@@ -5,7 +5,7 @@
 import * as Effect from 'effect/Effect';
 
 import { LayoutOperation } from '@dxos/app-toolkit';
-import { Operation } from '@dxos/operation';
+import { Operation } from '@dxos/compute';
 
 import { RESET_DIALOG } from '../constants';
 import { ResetStorage } from './definitions';

package/src/operations/share-identity.ts

@@ -5,8 +5,8 @@
 import * as Effect from 'effect/Effect';
 
 import { LayoutOperation, getSpacePath } from '@dxos/app-toolkit';
-import { Operation } from '@dxos/operation';
-import { ObservabilityOperation } from '@dxos/plugin-observability/operations';
+import { Operation } from '@dxos/compute';
+import { ObservabilityOperation } from '@dxos/plugin-observability';
 
 import { Account } from '../types';
 import { ShareIdentity } from './definitions';

package/src/plugin.ts

@@ -0,0 +1,11 @@
+//
+// Copyright 2023 DXOS.org
+//
+
+import { Plugin } from '@dxos/app-framework';
+
+import { meta } from './meta';
+
+export const ClientPlugin = Plugin.lazy(meta, () => import('#plugin'));
+
+export { ClientOperationHandlerSet } from './operations';

package/src/state/account-cache.ts

@@ -0,0 +1,33 @@
+//
+// Copyright 2026 DXOS.org
+//
+
+import * as Schema from 'effect/Schema';
+
+const AccountCacheValue = Schema.Struct({
+  identityDid: Schema.String,
+  email: Schema.String,
+  emailVerified: Schema.Boolean,
+  /** ISO timestamp. */
+  createdAt: Schema.String,
+  invitationsRemaining: Schema.Number,
+});
+export type AccountCacheValue = Schema.Schema.Type<typeof AccountCacheValue>;
+
+const AccountCacheInvitation = Schema.Struct({
+  code: Schema.String,
+  /** ISO timestamp. */
+  createdAt: Schema.String,
+  redeemedByIdentityDid: Schema.optional(Schema.String),
+  /** ISO timestamp. */
+  redeemedAt: Schema.optional(Schema.String),
+});
+export type AccountCacheInvitation = Schema.Schema.Type<typeof AccountCacheInvitation>;
+
+export const AccountCache = Schema.Struct({
+  account: Schema.optional(AccountCacheValue),
+  invitations: Schema.optional(Schema.Array(AccountCacheInvitation)),
+  /** Epoch ms when the cache was last refreshed. */
+  fetchedAt: Schema.optional(Schema.Number),
+});
+export type AccountCache = Schema.Schema.Type<typeof AccountCache>;

package/src/state/use-hub-http.ts

@@ -0,0 +1,32 @@
+//
+// Copyright 2026 DXOS.org
+//
+
+import { useEffect } from 'react';
+
+import { useCapabilities } from '@dxos/app-framework/ui';
+import { createEdgeIdentity } from '@dxos/client/edge';
+import { type HubHttpClient } from '@dxos/edge-client';
+import { useClient } from '@dxos/react-client';
+import { useIdentity } from '@dxos/react-client/halo';
+
+import { ClientCapabilities } from '#types';
+
+/**
+ * Returns the shared `HubHttpClient` singleton for hub-service API calls.
+ * Updates the VP-auth identity whenever the signed-in user changes.
+ * Returns `undefined` when the hub URL is unconfigured (no HubHttpClient capability).
+ */
+export const useHubHttpClient = (): HubHttpClient | undefined => {
+  const client = useClient();
+  const identity = useIdentity();
+  const [hubHttpClient] = useCapabilities(ClientCapabilities.HubHttpClient);
+
+  useEffect(() => {
+    if (hubHttpClient && identity) {
+      hubHttpClient.setIdentity(createEdgeIdentity(client));
+    }
+  }, [client, identity, hubHttpClient]);
+
+  return hubHttpClient ?? undefined;
+};

package/src/testing/index.ts

@@ -2,4 +2,5 @@
 // Copyright 2025 DXOS.org
 //
 
+export * from '#plugin';
 export { initializeIdentity } from './initializeIdentity';

package/src/testing/initializeIdentity.ts

@@ -9,16 +9,22 @@ import { type Client } from '@dxos/client';
 import { type Space } from '@dxos/client-protocol';
 import { type Identity } from '@dxos/protocols/proto/dxos/client/services';
 
+export type InitializeIdentityResult = {
+  identity: Identity;
+  personalSpace: Space;
+};
+
 /**
  * Create an identity and a personal space.
  * Returns the identity and space for further setup.
  */
-export const initializeIdentity = (
-  client: Client,
-): Effect.Effect<{ identity: Identity; personalSpace: Space }, never, never> =>
+export const initializeIdentity = (client: Client): Effect.Effect<InitializeIdentityResult, never, never> =>
   Effect.gen(function* () {
     const identity = yield* Effect.promise(() => client.halo.createIdentity());
     const personalSpace = yield* Effect.promise(() => client.spaces.create({}, { tags: [PERSONAL_SPACE_TAG] }));
     yield* Effect.promise(() => personalSpace.waitUntilReady());
-    return { identity, personalSpace };
+    return {
+      identity,
+      personalSpace,
+    };
   });

package/src/translations.ts

@@ -14,18 +14,49 @@ const pluginTranslations = [
       [meta.id]: {
         'account.label': 'User profile',
         'profile.label': 'Profile',
-        'profile.description': 'You can adjust how your user settings here.',
+        'profile.description': 'User profile and account settings.',
         'devices.label': 'Devices',
         'add-device.label': 'Add device',
         'devices-verbose.label': 'Manage devices',
         'add-device.description':
           'Authenticating another device is a two-step process. To get started, create a code using the button below.',
-        'devices.description':
-          'You can add and remove devices, configure your agent in the cloud, reset this device, or log in as a different identity here.',
+        'devices.description': 'Devices, cloud agents, and account access for this identity.',
         'create-device-invitation.label': 'Create code',
         'qr-code.description':
           'Scan this QR code using the device you want to log in to, or copy the URL and share it with the new device.',
         'security.label': 'Security',
+        'account-panel.label': 'Account',
+        'invitations-panel.label': 'Invitations',
+        'account-section.title': 'Account',
+        'account-section.description':
+          'Your identity on this device is bound to a DXOS account that gates access to edge services like sync, agents, and AI.',
+        'invitations-section.title': 'Invitations',
+        'invitations-section.description':
+          'Share an invitation with someone you’d like to bring onto DXOS. Each code grants one-time access to create an account.',
+        'no-edge-access.title': 'No edge access',
+        'no-edge-access.description':
+          'This identity is not bound to a DXOS account, so features that depend on edge services will not work. Request access below to be notified when an invitation is available.',
+        'access-request-email.placeholder': 'you@example.com',
+        'access-request-submitted.message': 'Thanks — we’ll be in touch.',
+        'request-access.label': 'Request access',
+        'request-access.description': 'Enter your email and we’ll add you to the waiting list.',
+        'account-offline.title': 'Couldn’t reach the server',
+        'account-offline.description':
+          'Account information could not be refreshed. Reconnect to update; cached values are shown until then.',
+        'email.label': 'Email',
+        'resend-verification.label': 'Resend verification email',
+        'verification-sent.message': 'Verification email sent.',
+        'verification-cooldown.message': 'Please wait {{seconds}}s before resending.',
+        'verification-failed.message': 'Could not send verification email.',
+        'delete-account.label': 'Delete account',
+        'delete-account.description':
+          'Permanently delete your account and all associated data. This will sign you out of this device.',
+        'generate-invitation.label': 'Generate invitation',
+        'generate-invitation.description_zero': 'You have no invitations left to generate.',
+        'generate-invitation.description_one': 'You have {{count}} invitation left to generate.',
+        'generate-invitation.description_other': 'You have {{count}} invitations left to generate.',
+        'available-invitations.title': 'Available invitations',
+        'redeemed-invitations.title': 'Redeemed invitations',
         'reset-device.description': 'Log out from this device, erasing all the data on this device.',
         'join-new-identity.description':
           'Log out from this device, erasing all the data currently on this device, and use a QR code or URL to log in.',

package/src/types/capabilities.ts

@@ -2,15 +2,22 @@
 // Copyright 2025 DXOS.org
 //
 
+import { type Atom } from '@effect-atom/atom-react';
+
 import { Capability } from '@dxos/app-framework';
 import { type Client } from '@dxos/client';
 import { type ObjectMigration } from '@dxos/client/echo';
 import { type Type } from '@dxos/echo';
+import { type HubHttpClient } from '@dxos/edge-client';
 
 import { meta } from '#meta';
 
+import { type AccountCache as AccountCacheType } from '../state/account-cache';
+
 export namespace ClientCapabilities {
   export const Client = Capability.make<Client>(`${meta.id}.capability.client`);
   export const Schema = Capability.make<Type.AnyEntity[]>(`${meta.id}.capability.schema`);
   export const Migration = Capability.make<ObjectMigration[]>(`${meta.id}.capability.migration`);
+  export const AccountCache = Capability.make<Atom.Writable<AccountCacheType>>(`${meta.id}.capability.accountCache`);
+  export const HubHttpClient = Capability.make<HubHttpClient>(`${meta.id}.capability.hubHttpClient`);
 }