@dxos/plugin-client 0.8.4-main.72ec0f3 → 0.8.4-main.74a063c4e0

package/dist/types/src/components/RecoveryCredentialsContainer.stories.d.ts

@@ -1,60 +0,0 @@
-import { type StoryObj } from '@storybook/react-vite';
-declare const meta: {
-    title: string;
-    component: () => import("react").JSX.Element;
-    decorators: import("@storybook/react").Decorator[];
-    parameters: {
-        layout: string;
-        translations: [{
-            readonly 'en-US': {
-                readonly [meta.id]: {
-                    readonly 'account label': "User Account";
-                    readonly 'profile label': "Profile";
-                    readonly 'profile description': "You can adjust how your user settings here.";
-                    readonly 'devices label': "Devices";
-                    readonly 'devices verbose label': "Manage devices";
-                    readonly 'add device description': "Authenticating another device is a two-step process. To get started, create a code using the button below.";
-                    readonly '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.";
-                    readonly 'create device invitation label': "Create code";
-                    readonly '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.";
-                    readonly 'security label': "Security";
-                    readonly 'reset device description': "Log out from this device, erasing all the data on this device.";
-                    readonly '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.";
-                    readonly 'recover identity description': "Log out from this device, erasing all the data currently on this device, and use a passkey or recovery code to log in.";
-                    readonly 'danger zone title': "Log out";
-                    readonly 'danger zone description': "Because Composer is decentralized, logging out entails erasing all the data on this device. If you have any data on this device that you’d like to keep, you can log in on a separate device using a passkey or complete a peer-to-peer device invitation above.";
-                    readonly 'display name label': "Display name";
-                    readonly 'display name description': "Your name as it appears in the app.";
-                    readonly 'display name input placeholder': "Enter a name";
-                    readonly 'icon label': "Avatar";
-                    readonly 'icon description': "The emoji used to represent you in the app.";
-                    readonly 'hue label': "Color";
-                    readonly 'hue description': "The color used to represent you in the app, including as your avatar’s background, your cursor as it appears to others, and the messages you send in group threads.";
-                    readonly 'did label': "DID";
-                    readonly 'did description': "Your unique ID.";
-                    readonly 'open user account label': "Open user account";
-                    readonly 'manage credentials dialog title': "Manage Account Recovery";
-                    readonly 'credentials list label': "Recovery credentials";
-                    readonly 'no credentials title': "WARNING: There is currently no way to recover your account.";
-                    readonly 'no credentials message': "Create a recovery credential above to secure your account.";
-                    readonly 'recovery setup dialog title': "Account Security";
-                    readonly 'recovery setup dialog description': "In order to maintain access to your account you need to register a recovery credential. Passkeys are the recommended way to do this, they can be stored in your browser or in a password manager.";
-                    readonly 'create passkey label': "Create Passkey";
-                    readonly 'create passkey description': "A passkey is a secure and easy to use credential that can be used to recover your account.";
-                    readonly 'create recovery code label': "Create Recovery Code";
-                    readonly 'create recovery code description': "A recovery code is 12 word phrase representing a private key.";
-                    readonly 'recovery code dialog title': "Recovery Code";
-                    readonly 'recovery code dialog description': "This is your identity recovery code, store it in a safe place. You can use it to recover your identity if you ever lose access to your devices.";
-                    readonly 'recovery code dialog warning 1': "NOTE: This code will not be displayed again.";
-                    readonly 'recovery code dialog warning 2': "It is your private key for recovering DXOS data. Anyone with this key will be able to gain access to your account.";
-                    readonly 'recovery code confirmation label': "Please confirm you have saved the code.";
-                    readonly 'continue label': "Continue";
-                };
-            };
-        }];
-    };
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Default: Story;
-//# sourceMappingURL=RecoveryCredentialsContainer.stories.d.ts.map

package/dist/types/src/components/RecoveryCredentialsContainer.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"RecoveryCredentialsContainer.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/RecoveryCredentialsContainer.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAWjE,QAAA,MAAM,IAAI;;;;;;;;yBARA,CAAQ,IAAI,CAAC,EAAE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4B2B,CAAC;AAEtD,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC"}

package/dist/types/src/components/ResetDialog.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-import { type ConfirmResetProps } from '@dxos/shell/react';
-import { type ClientPluginOptions } from '../types';
-export declare const RESET_DIALOG: string;
-export type ResetDialogProps = Pick<ConfirmResetProps, 'mode'> & Pick<ClientPluginOptions, 'onReset'>;
-export declare const ResetDialog: ({ mode, onReset }: ResetDialogProps) => React.JSX.Element;
-//# sourceMappingURL=ResetDialog.d.ts.map

package/dist/types/src/components/ResetDialog.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ResetDialog.d.ts","sourceRoot":"","sources":["../../../../src/components/ResetDialog.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAM3C,OAAO,EAAgB,KAAK,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAGzE,OAAO,EAAE,KAAK,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAEpD,eAAO,MAAM,YAAY,QAA2B,CAAC;AAErD,MAAM,MAAM,gBAAgB,GAAG,IAAI,CAAC,iBAAiB,EAAE,MAAM,CAAC,GAAG,IAAI,CAAC,mBAAmB,EAAE,SAAS,CAAC,CAAC;AAEtG,eAAO,MAAM,WAAW,GAAI,mBAAmB,gBAAgB,sBA8B9D,CAAC"}

package/dist/types/src/components/ResetDialog.stories.d.ts

@@ -1,65 +0,0 @@
-import { type StoryObj } from '@storybook/react-vite';
-import React from 'react';
-import { type ResetDialogProps } from './ResetDialog';
-declare const meta: {
-    title: string;
-    component: ({ mode, onReset }: ResetDialogProps) => React.JSX.Element;
-    render: (props: ResetDialogProps) => React.JSX.Element;
-    decorators: import("@storybook/react").Decorator[];
-    parameters: {
-        layout: string;
-        translations: [{
-            readonly 'en-US': {
-                readonly [meta.id]: {
-                    readonly 'account label': "User Account";
-                    readonly 'profile label': "Profile";
-                    readonly 'profile description': "You can adjust how your user settings here.";
-                    readonly 'devices label': "Devices";
-                    readonly 'devices verbose label': "Manage devices";
-                    readonly 'add device description': "Authenticating another device is a two-step process. To get started, create a code using the button below.";
-                    readonly '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.";
-                    readonly 'create device invitation label': "Create code";
-                    readonly '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.";
-                    readonly 'security label': "Security";
-                    readonly 'reset device description': "Log out from this device, erasing all the data on this device.";
-                    readonly '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.";
-                    readonly 'recover identity description': "Log out from this device, erasing all the data currently on this device, and use a passkey or recovery code to log in.";
-                    readonly 'danger zone title': "Log out";
-                    readonly 'danger zone description': "Because Composer is decentralized, logging out entails erasing all the data on this device. If you have any data on this device that you’d like to keep, you can log in on a separate device using a passkey or complete a peer-to-peer device invitation above.";
-                    readonly 'display name label': "Display name";
-                    readonly 'display name description': "Your name as it appears in the app.";
-                    readonly 'display name input placeholder': "Enter a name";
-                    readonly 'icon label': "Avatar";
-                    readonly 'icon description': "The emoji used to represent you in the app.";
-                    readonly 'hue label': "Color";
-                    readonly 'hue description': "The color used to represent you in the app, including as your avatar’s background, your cursor as it appears to others, and the messages you send in group threads.";
-                    readonly 'did label': "DID";
-                    readonly 'did description': "Your unique ID.";
-                    readonly 'open user account label': "Open user account";
-                    readonly 'manage credentials dialog title': "Manage Account Recovery";
-                    readonly 'credentials list label': "Recovery credentials";
-                    readonly 'no credentials title': "WARNING: There is currently no way to recover your account.";
-                    readonly 'no credentials message': "Create a recovery credential above to secure your account.";
-                    readonly 'recovery setup dialog title': "Account Security";
-                    readonly 'recovery setup dialog description': "In order to maintain access to your account you need to register a recovery credential. Passkeys are the recommended way to do this, they can be stored in your browser or in a password manager.";
-                    readonly 'create passkey label': "Create Passkey";
-                    readonly 'create passkey description': "A passkey is a secure and easy to use credential that can be used to recover your account.";
-                    readonly 'create recovery code label': "Create Recovery Code";
-                    readonly 'create recovery code description': "A recovery code is 12 word phrase representing a private key.";
-                    readonly 'recovery code dialog title': "Recovery Code";
-                    readonly 'recovery code dialog description': "This is your identity recovery code, store it in a safe place. You can use it to recover your identity if you ever lose access to your devices.";
-                    readonly 'recovery code dialog warning 1': "NOTE: This code will not be displayed again.";
-                    readonly 'recovery code dialog warning 2': "It is your private key for recovering DXOS data. Anyone with this key will be able to gain access to your account.";
-                    readonly 'recovery code confirmation label': "Please confirm you have saved the code.";
-                    readonly 'continue label': "Continue";
-                };
-            };
-        }];
-    };
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Default: Story;
-export declare const JoinNewIdentity: Story;
-export declare const Recover: Story;
-//# sourceMappingURL=ResetDialog.stories.d.ts.map

package/dist/types/src/components/ResetDialog.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ResetDialog.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/ResetDialog.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAAK,MAAM,OAAO,CAAC;AAU1B,OAAO,EAAe,KAAK,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAYnE,QAAA,MAAM,IAAI;;;oBAVa,gBAAgB;;;;;;yBAVJ,CAAQ,IAAI,CAAC,EAAE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkCf,CAAC;AAErC,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAA2C,CAAC;AAElE,eAAO,MAAM,eAAe,EAAE,KAA+C,CAAC;AAE9E,eAAO,MAAM,OAAO,EAAE,KAAqC,CAAC"}

package/dist/types/src/events.d.ts

@@ -1,8 +0,0 @@
-export declare namespace ClientEvents {
-    const ClientReady: import("@dxos/app-framework").ActivationEvent;
-    const SetupSchema: import("@dxos/app-framework").ActivationEvent;
-    const SetupMigration: import("@dxos/app-framework").ActivationEvent;
-    const IdentityCreated: import("@dxos/app-framework").ActivationEvent;
-    const SpacesReady: import("@dxos/app-framework").ActivationEvent;
-}
-//# sourceMappingURL=events.d.ts.map

package/dist/types/src/events.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"events.d.ts","sourceRoot":"","sources":["../../../src/events.ts"],"names":[],"mappings":"AAQA,yBAAiB,YAAY,CAAC;IACrB,MAAM,WAAW,+CAA+C,CAAC;IACjE,MAAM,WAAW,+CAA+C,CAAC;IACjE,MAAM,cAAc,+CAAkD,CAAC;IACvE,MAAM,eAAe,+CAAmD,CAAC;IACzE,MAAM,WAAW,+CAA+C,CAAC;CACzE"}

package/src/capabilities/capabilities.ts

@@ -1,18 +0,0 @@
-//
-// Copyright 2025 DXOS.org
-//
-
-import { defineCapability } from '@dxos/app-framework';
-import { type Client } from '@dxos/client';
-import { type ObjectMigration } from '@dxos/client/echo';
-import { type Type } from '@dxos/echo';
-
-import { meta } from '../meta';
-
-export namespace ClientCapabilities {
-  export const Client = defineCapability<Client>(`${meta.id}/capability/client`);
-  export const Schema = defineCapability<Type.Obj.Any[]>(`${meta.id}/capability/schema`);
-  // TODO(wittjosiah): More descriptive name.
-  export const SchemaWhiteList = defineCapability<Type.Obj.Any[]>(`${meta.id}/capability/schema-whitelist`);
-  export const Migration = defineCapability<ObjectMigration[]>(`${meta.id}/capability/migration`);
-}

package/src/capabilities/intent-resolver.ts

@@ -1,251 +0,0 @@
-//
-// Copyright 2025 DXOS.org
-//
-
-import * as Function from 'effect/Function';
-
-import {
-  Capabilities,
-  LayoutAction,
-  type PluginContext,
-  chain,
-  contributes,
-  createIntent,
-  createResolver,
-} from '@dxos/app-framework';
-import { invariant } from '@dxos/invariant';
-import { ObservabilityAction } from '@dxos/plugin-observability/types';
-import { PublicKey } from '@dxos/react-client';
-import { type JoinPanelProps } from '@dxos/shell/react';
-
-import { JOIN_DIALOG, RECOVERY_CODE_DIALOG, RESET_DIALOG } from '../components';
-import { ClientEvents } from '../events';
-import { Account, ClientAction } from '../types';
-
-import { ClientCapabilities } from './capabilities';
-
-type IntentResolverOptions = {
-  context: PluginContext;
-  appName?: string;
-};
-
-const RECOVER_IDENTITY_RPC_TIMEOUT = 20_000;
-
-export default ({ context, appName = 'Composer' }: IntentResolverOptions) =>
-  contributes(Capabilities.IntentResolver, [
-    createResolver({
-      intent: ClientAction.CreateIdentity,
-      resolve: async (profile) => {
-        const manager = context.getCapability(Capabilities.PluginManager);
-        const client = context.getCapability(ClientCapabilities.Client);
-        const data = await client.halo.createIdentity(profile);
-        await manager.activate(ClientEvents.IdentityCreated);
-        return {
-          data,
-          intents: [
-            createIntent(ObservabilityAction.SendEvent, {
-              name: 'identity.create',
-            }),
-          ],
-        };
-      },
-    }),
-    createResolver({
-      intent: ClientAction.JoinIdentity,
-      resolve: async (data) => {
-        return {
-          intents: [
-            createIntent(LayoutAction.UpdateDialog, {
-              part: 'dialog',
-              subject: JOIN_DIALOG,
-              options: {
-                blockAlign: 'start',
-                props: {
-                  initialInvitationCode: data.invitationCode,
-                  initialDisposition: 'accept-halo-invitation',
-                },
-              },
-            }),
-          ],
-        };
-      },
-    }),
-    createResolver({
-      intent: ClientAction.ShareIdentity,
-      resolve: async () => {
-        return {
-          intents: [
-            Function.pipe(
-              createIntent(LayoutAction.SwitchWorkspace, {
-                part: 'workspace',
-                subject: Account.id,
-              }),
-              chain(LayoutAction.Open, {
-                part: 'main',
-                subject: [Account.Profile],
-              }),
-            ),
-            createIntent(ObservabilityAction.SendEvent, {
-              name: 'identity.share',
-            }),
-          ],
-        };
-      },
-    }),
-    createResolver({
-      intent: ClientAction.RecoverIdentity,
-      resolve: async () => {
-        return {
-          intents: [
-            createIntent(LayoutAction.UpdateDialog, {
-              part: 'dialog',
-              subject: JOIN_DIALOG,
-              options: {
-                blockAlign: 'start',
-                props: {
-                  initialDisposition: 'recover-identity',
-                } satisfies Partial<JoinPanelProps>,
-              },
-            }),
-          ],
-        };
-      },
-    }),
-    createResolver({
-      intent: ClientAction.ResetStorage,
-      resolve: async (data) => {
-        return {
-          intents: [
-            createIntent(LayoutAction.UpdateDialog, {
-              part: 'dialog',
-              subject: RESET_DIALOG,
-              options: {
-                blockAlign: 'start',
-                props: {
-                  mode: data.mode ?? 'reset storage',
-                },
-              },
-            }),
-          ],
-        };
-      },
-    }),
-    createResolver({
-      intent: ClientAction.CreateAgent,
-      resolve: async () => {
-        const client = context.getCapability(ClientCapabilities.Client);
-        invariant(client.services.services.EdgeAgentService, 'Missing EdgeAgentService');
-        await client.services.services.EdgeAgentService.createAgent(null as any, { timeout: 10_000 });
-      },
-    }),
-    createResolver({
-      intent: ClientAction.CreateRecoveryCode,
-      resolve: async () => {
-        const client = context.getCapability(ClientCapabilities.Client);
-        invariant(client.services.services.IdentityService, 'IdentityService not available');
-        // TODO(wittjosiah): This needs a proper api.
-        const { recoveryCode } = await client.services.services.IdentityService.createRecoveryCredential({});
-        return {
-          intents: [
-            createIntent(LayoutAction.UpdateDialog, {
-              part: 'dialog',
-              subject: RECOVERY_CODE_DIALOG,
-              options: {
-                blockAlign: 'start',
-                type: 'alert',
-                props: { code: recoveryCode },
-              },
-            }),
-          ],
-        };
-      },
-    }),
-    createResolver({
-      intent: ClientAction.CreatePasskey,
-      resolve: async () => {
-        const client = context.getCapability(ClientCapabilities.Client);
-        const identity = client.halo.identity.get();
-        invariant(identity, 'Identity not available');
-
-        // TODO(wittjosiah): Consider factoring out passkey creation to the halo api.
-        const lookupKey = PublicKey.random();
-        const credential = await navigator.credentials.create({
-          publicKey: {
-            challenge: new Uint8Array(),
-            rp: { id: location.hostname, name: appName },
-            user: {
-              id: lookupKey.asUint8Array() as Uint8Array<ArrayBuffer>,
-              name: identity.did,
-              displayName: identity.profile?.displayName ?? '',
-            },
-            pubKeyCredParams: [
-              { type: 'public-key', alg: -8 }, // Ed25519 (not yet supported across all browsers)
-              { type: 'public-key', alg: -7 }, // ES256
-            ],
-            // https://web.dev/articles/webauthn-discoverable-credentials#resident-key
-            authenticatorSelection: {
-              residentKey: 'required',
-              requireResidentKey: true,
-            },
-          },
-        });
-
-        invariant(credential, 'Credential not available');
-        const recoveryKey = PublicKey.from(new Uint8Array((credential as any).response.getPublicKey()));
-        const algorithm = (credential as any).response.getPublicKeyAlgorithm() === -7 ? 'ES256' : 'ED25519';
-
-        // TODO(wittjosiah): This needs a proper api.
-        invariant(client.services.services.IdentityService, 'IdentityService not available');
-        await client.services.services.IdentityService.createRecoveryCredential({
-          data: {
-            recoveryKey,
-            algorithm,
-            lookupKey,
-          },
-        });
-      },
-    }),
-    createResolver({
-      intent: ClientAction.RedeemPasskey,
-      resolve: async () => {
-        const client = context.getCapability(ClientCapabilities.Client);
-        // TODO(wittjosiah): This needs a proper api.
-        invariant(client.services.services.IdentityService, 'IdentityService not available');
-        const { deviceKey, controlFeedKey, challenge } =
-          await client.services.services.IdentityService.requestRecoveryChallenge();
-        const credential = await navigator.credentials.get({
-          publicKey: {
-            challenge: Buffer.from(challenge, 'base64'),
-            rpId: location.hostname,
-            userVerification: 'required',
-          },
-        });
-        const lookupKey = PublicKey.from(new Uint8Array((credential as any).response.userHandle));
-        await client.services.services.IdentityService.recoverIdentity(
-          {
-            external: {
-              lookupKey,
-              deviceKey,
-              controlFeedKey,
-              signature: Buffer.from((credential as any).response.signature),
-              clientDataJson: Buffer.from((credential as any).response.clientDataJSON),
-              authenticatorData: Buffer.from((credential as any).response.authenticatorData),
-            },
-          },
-          { timeout: RECOVER_IDENTITY_RPC_TIMEOUT },
-        );
-      },
-    }),
-    createResolver({
-      intent: ClientAction.RedeemToken,
-      resolve: async (data) => {
-        const client = context.getCapability(ClientCapabilities.Client);
-        // TODO(wittjosiah): This needs a proper api.
-        invariant(client.services.services.IdentityService, 'IdentityService not available');
-        await client.services.services.IdentityService.recoverIdentity(
-          { token: data.token },
-          { timeout: RECOVER_IDENTITY_RPC_TIMEOUT },
-        );
-      },
-    }),
-  ]);

package/src/components/JoinDialog.tsx

@@ -1,54 +0,0 @@
-//
-// Copyright 2024 DXOS.org
-//
-
-import React, { useCallback } from 'react';
-
-import { LayoutAction, createIntent } from '@dxos/app-framework';
-import { useIntentDispatcher } from '@dxos/app-framework/react';
-import { ObservabilityAction } from '@dxos/plugin-observability/types';
-import { type InvitationResult } from '@dxos/react-client/invitations';
-import { Dialog, useTranslation } from '@dxos/react-ui';
-import { JoinPanel, type JoinPanelProps } from '@dxos/shell/react';
-
-import { meta } from '../meta';
-import { ClientAction } from '../types';
-
-export const JOIN_DIALOG = `${meta.id}/JoinDialog`;
-
-export const JoinDialog = (props: JoinPanelProps) => {
-  const { dispatchPromise: dispatch } = useIntentDispatcher();
-  const { t } = useTranslation(meta.id);
-
-  const handleCancelResetStorage = useCallback(() => dispatch(createIntent(ClientAction.ShareIdentity)), [dispatch]);
-
-  const handleDone = useCallback(
-    async (result: InvitationResult | null) => {
-      if (result?.identityKey) {
-        await Promise.all([
-          dispatch(createIntent(LayoutAction.UpdateDialog, { part: 'dialog', options: { state: false } })),
-          dispatch(
-            createIntent(ObservabilityAction.SendEvent, {
-              name: props.initialDisposition === 'recover-identity' ? 'identity.recover' : 'identity.join',
-            }),
-          ),
-        ]);
-      }
-    },
-    [dispatch],
-  );
-
-  return (
-    <Dialog.Content>
-      <Dialog.Title classNames='sr-only'>{t('join space label', { ns: 'os' })}</Dialog.Title>
-      <JoinPanel
-        mode='halo-only'
-        {...props}
-        exitActionParent={<Dialog.Close asChild />}
-        doneActionParent={<Dialog.Close asChild />}
-        onCancelResetStorage={handleCancelResetStorage}
-        onDone={handleDone}
-      />
-    </Dialog.Content>
-  );
-};

package/src/components/RecoveryCredentialsContainer.stories.tsx

@@ -1,42 +0,0 @@
-//
-// Copyright 2023 DXOS.org
-//
-
-import { type Meta, type StoryObj } from '@storybook/react-vite';
-
-import { IntentPlugin } from '@dxos/app-framework';
-import { withPluginManager } from '@dxos/app-framework/testing';
-import { withTheme } from '@dxos/react-ui/testing';
-
-import { ClientPlugin } from '../ClientPlugin';
-import { translations } from '../translations';
-
-import { RecoveryCredentialsContainer } from './RecoveryCredentialsContainer';
-
-const meta = {
-  title: 'plugins/plugin-client/RecoveryCredentialsContainer',
-  component: RecoveryCredentialsContainer,
-  decorators: [
-    withTheme,
-    withPluginManager({
-      plugins: [
-        ClientPlugin({
-          onClientInitialized: async ({ client }) => {
-            await client.halo.createIdentity();
-          },
-        }),
-        IntentPlugin(),
-      ],
-    }),
-  ],
-  parameters: {
-    layout: 'fullscreen',
-    translations,
-  },
-} satisfies Meta<typeof RecoveryCredentialsContainer>;
-
-export default meta;
-
-type Story = StoryObj<typeof meta>;
-
-export const Default: Story = {};

package/src/components/RecoveryCredentialsContainer.tsx

@@ -1,69 +0,0 @@
-//
-// Copyright 2024 DXOS.org
-//
-
-import React from 'react';
-
-import { createIntent } from '@dxos/app-framework';
-import { useIntentDispatcher } from '@dxos/app-framework/react';
-import { useCredentials } from '@dxos/react-client/halo';
-import { Icon, IconButton, List, ListItem, Message, useTranslation } from '@dxos/react-ui';
-import { ControlGroup, ControlItem, ControlPage, ControlSection } from '@dxos/react-ui-form';
-
-import { meta } from '../meta';
-import { ClientAction } from '../types';
-
-export const MANAGE_CREDENTIALS_DIALOG = `${meta.id}/ManageCredentialsDialog`;
-
-export const RecoveryCredentialsContainer = () => {
-  const { t } = useTranslation(meta.id);
-  const { dispatchPromise: dispatch } = useIntentDispatcher();
-  const credentials = useCredentials();
-  const recoveryCredentials = credentials.filter(
-    (credential) => credential.subject.assertion['@type'] === 'dxos.halo.credentials.IdentityRecovery',
-  );
-
-  return (
-    <ControlPage>
-      <ControlSection title={t('recovery setup dialog title')} description={t('recovery setup dialog description')}>
-        <ControlGroup>
-          <ControlItem title={t('create passkey label')} description={t('create passkey description')}>
-            <IconButton
-              label={t('create passkey label')}
-              icon='ph--key--duotone'
-              variant='primary'
-              onClick={() => dispatch(createIntent(ClientAction.CreatePasskey))}
-            />
-          </ControlItem>
-          <ControlItem title={t('create recovery code label')} description={t('create recovery code description')}>
-            <IconButton
-              label={t('create recovery code label')}
-              icon='ph--receipt--duotone'
-              variant='default'
-              onClick={() => dispatch(createIntent(ClientAction.CreateRecoveryCode))}
-            />
-          </ControlItem>
-        </ControlGroup>
-      </ControlSection>
-      <ControlSection title={t('credentials list label')}>
-        {recoveryCredentials.length < 1 ? (
-          <Message.Root valence='error' classNames='container-max-width'>
-            <Message.Title icon='ph--shield-warning--duotone'>{t('no credentials title')}</Message.Title>
-            <Message.Content>{t('no credentials message')}</Message.Content>
-          </Message.Root>
-        ) : (
-          <List classNames='container-max-width pli-2'>
-            {recoveryCredentials.map((credential) => (
-              <ListItem.Root key={credential.id?.toHex()}>
-                <ListItem.Endcap>
-                  <Icon icon='ph--key--regular' />
-                </ListItem.Endcap>
-                <ListItem.Heading>{credential.issuanceDate.toLocaleString()}</ListItem.Heading>
-              </ListItem.Root>
-            ))}
-          </List>
-        )}
-      </ControlSection>
-    </ControlPage>
-  );
-};

package/src/components/ResetDialog.stories.tsx

@@ -1,52 +0,0 @@
-//
-// Copyright 2023 DXOS.org
-//
-
-import { type Meta, type StoryObj } from '@storybook/react-vite';
-import React from 'react';
-
-import { IntentPlugin } from '@dxos/app-framework';
-import { withPluginManager } from '@dxos/app-framework/testing';
-import { Dialog } from '@dxos/react-ui';
-import { withTheme } from '@dxos/react-ui/testing';
-
-import { ClientPlugin } from '../ClientPlugin';
-import { translations } from '../translations';
-
-import { ResetDialog, type ResetDialogProps } from './ResetDialog';
-
-const Render = (props: ResetDialogProps) => {
-  return (
-    <Dialog.Root open>
-      <Dialog.Overlay>
-        <ResetDialog onReset={() => console.log('reset')} {...props} />
-      </Dialog.Overlay>
-    </Dialog.Root>
-  );
-};
-
-const meta = {
-  title: 'plugins/plugin-client/ResetDialog',
-  component: ResetDialog,
-  render: Render,
-  decorators: [
-    withTheme, // TODO(wittjosiah): Try to write story which does not depend on plugin manager.
-    withPluginManager({
-      plugins: [IntentPlugin(), ClientPlugin({})],
-    }),
-  ],
-  parameters: {
-    layout: 'fullscreen',
-    translations,
-  },
-} satisfies Meta<typeof ResetDialog>;
-
-export default meta;
-
-type Story = StoryObj<typeof meta>;
-
-export const Default: Story = { args: { mode: 'reset storage' } };
-
-export const JoinNewIdentity: Story = { args: { mode: 'join new identity' } };
-
-export const Recover: Story = { args: { mode: 'recover' } };