@dxos/plugin-client 0.7.5-main.9d2a38b → 0.7.5-main.e94eead

package/dist/lib/browser/{app-graph-builder-6LOTDB4T.mjs → app-graph-builder-ON64R7SO.mjs}

@@ -1,6 +1,6 @@
 import {
   ClientAction
-} from "./chunk-E3OUNOEL.mjs";
+} from "./chunk-7DPLXOMO.mjs";
 import {
   CLIENT_PLUGIN
 } from "./chunk-NHIL4T3L.mjs";
@@ -41,4 +41,4 @@ var app_graph_builder_default = (context) => contributes(Capabilities.AppGraphBu
 export {
   app_graph_builder_default as default
 };
-//# sourceMappingURL=app-graph-builder-6LOTDB4T.mjs.map
+//# sourceMappingURL=app-graph-builder-ON64R7SO.mjs.map

package/dist/lib/browser/{chunk-E3OUNOEL.mjs → chunk-7DPLXOMO.mjs}

@@ -30,7 +30,7 @@ var ClientAction;
   ClientAction2.CreateIdentity = CreateIdentity;
   class JoinIdentity extends S.TaggedClass()(`${CLIENT_ACTION}/join-identity`, {
     input: S.Struct({
-      invitationCode: S.String
+      invitationCode: S.optional(S.String)
     }),
     output: S.Void
   }) {
@@ -68,9 +68,21 @@ var ClientAction;
   }) {
   }
   ClientAction2.CreateRecoveryCode = CreateRecoveryCode;
+  class CreatePasskey extends S.TaggedClass()(`${CLIENT_ACTION}/create-passkey`, {
+    input: S.Void,
+    output: S.Void
+  }) {
+  }
+  ClientAction2.CreatePasskey = CreatePasskey;
+  class RedeemPasskey extends S.TaggedClass()(`${CLIENT_ACTION}/redeem-passkey`, {
+    input: S.Void,
+    output: S.Void
+  }) {
+  }
+  ClientAction2.RedeemPasskey = RedeemPasskey;
 })(ClientAction || (ClientAction = {}));
 
 export {
   ClientAction
 };
-//# sourceMappingURL=chunk-E3OUNOEL.mjs.map
+//# sourceMappingURL=chunk-7DPLXOMO.mjs.map

package/dist/lib/browser/chunk-7DPLXOMO.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/types.ts"],
+  "sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\n\nimport { type PluginsContext } from '@dxos/app-framework';\nimport { S } from '@dxos/echo-schema';\nimport { type Client, PublicKey, type ClientOptions } from '@dxos/react-client';\nimport { type MaybePromise } from '@dxos/util';\n\nimport { CLIENT_PLUGIN } from './meta';\n\n// TODO(wittjosiah): Factor out. Generate?\nconst IdentitySchema = S.Struct({\n  identityKey: S.instanceOf(PublicKey),\n  spaceKey: S.optional(S.instanceOf(PublicKey)),\n  profile: S.optional(\n    S.Struct({\n      displayName: S.optional(S.String),\n      avatarCid: S.optional(S.String),\n      data: S.optional(S.Record({ key: S.String, value: S.Any })),\n    }),\n  ),\n});\n\nconst CLIENT_ACTION = `${CLIENT_PLUGIN}/action`;\nexport namespace ClientAction {\n  export class CreateIdentity extends S.TaggedClass<CreateIdentity>()(`${CLIENT_ACTION}/create-identity`, {\n    input: S.Struct({\n      displayName: S.optional(S.String),\n    }),\n    output: IdentitySchema,\n  }) {}\n\n  export class JoinIdentity extends S.TaggedClass<JoinIdentity>()(`${CLIENT_ACTION}/join-identity`, {\n    input: S.Struct({\n      invitationCode: S.optional(S.String),\n    }),\n    output: S.Void,\n  }) {}\n\n  export class ShareIdentity extends S.TaggedClass<ShareIdentity>()(`${CLIENT_ACTION}/share-identity`, {\n    input: S.Void,\n    output: S.Void,\n  }) {}\n\n  export class RecoverIdentity extends S.TaggedClass<RecoverIdentity>()(`${CLIENT_ACTION}/recover-identity`, {\n    input: S.Void,\n    output: S.Void,\n  }) {}\n\n  export class ResetStorage extends S.TaggedClass<ResetStorage>()(`${CLIENT_ACTION}/reset-storage`, {\n    input: S.Struct({\n      target: S.optional(S.String),\n    }),\n    output: S.Void,\n  }) {}\n\n  export class CreateAgent extends S.TaggedClass<CreateAgent>()(`${CLIENT_ACTION}/create-agent`, {\n    input: S.Void,\n    output: S.Void,\n  }) {}\n\n  export class CreateRecoveryCode extends S.TaggedClass<CreateRecoveryCode>()(`${CLIENT_ACTION}/create-recovery-code`, {\n    input: S.Void,\n    output: S.Void,\n  }) {}\n\n  export class CreatePasskey extends S.TaggedClass<CreatePasskey>()(`${CLIENT_ACTION}/create-passkey`, {\n    input: S.Void,\n    output: S.Void,\n  }) {}\n\n  export class RedeemPasskey extends S.TaggedClass<RedeemPasskey>()(`${CLIENT_ACTION}/redeem-passkey`, {\n    input: S.Void,\n    output: S.Void,\n  }) {}\n}\n\nexport type ClientPluginOptions = ClientOptions & {\n  /**\n   * Base URL for the invitation link.\n   */\n  invitationUrl?: string;\n\n  /**\n   * Query parameter for the invitation code.\n   */\n  invitationParam?: string;\n\n  /**\n   * Run after the client has been initialized.\n   */\n  onClientInitialized?: (context: PluginsContext, client: Client) => MaybePromise<void>;\n\n  /**\n   * Called when the client is reset.\n   */\n  onReset?: (params: { target?: string }) => MaybePromise<void>;\n};\n"],
+  "mappings": ";;;;;AAKA,SAASA,SAAS;AAClB,SAAsBC,iBAAqC;AAM3D,IAAMC,iBAAiBC,EAAEC,OAAO;EAC9BC,aAAaF,EAAEG,WAAWC,SAAAA;EAC1BC,UAAUL,EAAEM,SAASN,EAAEG,WAAWC,SAAAA,CAAAA;EAClCG,SAASP,EAAEM,SACTN,EAAEC,OAAO;IACPO,aAAaR,EAAEM,SAASN,EAAES,MAAM;IAChCC,WAAWV,EAAEM,SAASN,EAAES,MAAM;IAC9BE,MAAMX,EAAEM,SAASN,EAAEY,OAAO;MAAEC,KAAKb,EAAES;MAAQK,OAAOd,EAAEe;IAAI,CAAA,CAAA;EAC1D,CAAA,CAAA;AAEJ,CAAA;AAEA,IAAMC,gBAAgB,GAAGC,aAAAA;;UACRC,eAAAA;EACR,MAAMC,uBAAuBnB,EAAEoB,YAAW,EAAmB,GAAGJ,aAAAA,oBAAiC;IACtGK,OAAOrB,EAAEC,OAAO;MACdO,aAAaR,EAAEM,SAASN,EAAES,MAAM;IAClC,CAAA;IACAa,QAAQvB;EACV,CAAA,EAAA;EAAI;gBALSoB,iBAAAA;EAON,MAAMI,qBAAqBvB,EAAEoB,YAAW,EAAiB,GAAGJ,aAAAA,kBAA+B;IAChGK,OAAOrB,EAAEC,OAAO;MACduB,gBAAgBxB,EAAEM,SAASN,EAAES,MAAM;IACrC,CAAA;IACAa,QAAQtB,EAAEyB;EACZ,CAAA,EAAA;EAAI;gBALSF,eAAAA;EAON,MAAMG,sBAAsB1B,EAAEoB,YAAW,EAAkB,GAAGJ,aAAAA,mBAAgC;IACnGK,OAAOrB,EAAEyB;IACTH,QAAQtB,EAAEyB;EACZ,CAAA,EAAA;EAAI;gBAHSC,gBAAAA;EAKN,MAAMC,wBAAwB3B,EAAEoB,YAAW,EAAoB,GAAGJ,aAAAA,qBAAkC;IACzGK,OAAOrB,EAAEyB;IACTH,QAAQtB,EAAEyB;EACZ,CAAA,EAAA;EAAI;gBAHSE,kBAAAA;EAKN,MAAMC,qBAAqB5B,EAAEoB,YAAW,EAAiB,GAAGJ,aAAAA,kBAA+B;IAChGK,OAAOrB,EAAEC,OAAO;MACd4B,QAAQ7B,EAAEM,SAASN,EAAES,MAAM;IAC7B,CAAA;IACAa,QAAQtB,EAAEyB;EACZ,CAAA,EAAA;EAAI;gBALSG,eAAAA;EAON,MAAME,oBAAoB9B,EAAEoB,YAAW,EAAgB,GAAGJ,aAAAA,iBAA8B;IAC7FK,OAAOrB,EAAEyB;IACTH,QAAQtB,EAAEyB;EACZ,CAAA,EAAA;EAAI;gBAHSK,cAAAA;EAKN,MAAMC,2BAA2B/B,EAAEoB,YAAW,EAAuB,GAAGJ,aAAAA,yBAAsC;IACnHK,OAAOrB,EAAEyB;IACTH,QAAQtB,EAAEyB;EACZ,CAAA,EAAA;EAAI;gBAHSM,qBAAAA;EAKN,MAAMC,sBAAsBhC,EAAEoB,YAAW,EAAkB,GAAGJ,aAAAA,mBAAgC;IACnGK,OAAOrB,EAAEyB;IACTH,QAAQtB,EAAEyB;EACZ,CAAA,EAAA;EAAI;gBAHSO,gBAAAA;EAKN,MAAMC,sBAAsBjC,EAAEoB,YAAW,EAAkB,GAAGJ,aAAAA,mBAAgC;IACnGK,OAAOrB,EAAEyB;IACTH,QAAQtB,EAAEyB;EACZ,CAAA,EAAA;EAAI;gBAHSQ,gBAAAA;AAIf,GAnDiBf,iBAAAA,eAAAA,CAAAA,EAAAA;",
+  "names": ["S", "PublicKey", "IdentitySchema", "S", "Struct", "identityKey", "instanceOf", "PublicKey", "spaceKey", "optional", "profile", "displayName", "String", "avatarCid", "data", "Record", "key", "value", "Any", "CLIENT_ACTION", "CLIENT_PLUGIN", "ClientAction", "CreateIdentity", "TaggedClass", "input", "output", "JoinIdentity", "invitationCode", "Void", "ShareIdentity", "RecoverIdentity", "ResetStorage", "target", "CreateAgent", "CreateRecoveryCode", "CreatePasskey", "RedeemPasskey"]
+}

package/dist/lib/browser/chunk-EYBZZHSM.mjs

@@ -0,0 +1,271 @@
+import {
+  ClientAction
+} from "./chunk-7DPLXOMO.mjs";
+import {
+  CLIENT_PLUGIN
+} from "./chunk-NHIL4T3L.mjs";
+
+// packages/plugins/plugin-client/src/components/ManageCredentialsDialog.tsx
+import { Receipt, Key } from "@phosphor-icons/react";
+import React, { useMemo } from "react";
+import { createIntent, useIntentDispatcher } from "@dxos/app-framework";
+import { useCredentials } from "@dxos/react-client/halo";
+import { Dialog, Icon, List, ListItem, useTranslation } from "@dxos/react-ui";
+import { BifurcatedAction } from "@dxos/shell/react";
+var MANAGE_CREDENTIALS_DIALOG = `${CLIENT_PLUGIN}/ManageCredentialsDialog`;
+var ManageCredentialsDialog = () => {
+  const { t } = useTranslation(CLIENT_PLUGIN);
+  const { dispatchPromise: dispatch } = useIntentDispatcher();
+  const credentials = useCredentials();
+  const recoveryCredentials = credentials.filter((credential) => credential.subject.assertion["@type"] === "dxos.halo.credentials.IdentityRecovery");
+  const actions = useMemo(() => ({
+    createPasskey: {
+      label: t("create passkey label"),
+      description: t("create passkey description"),
+      // TODO(wittjosiah): Ideally this would be a `user-key` icon.
+      icon: Key,
+      onClick: () => dispatch(createIntent(ClientAction.CreatePasskey))
+    },
+    createRecoveryCode: {
+      label: t("create recovery code label"),
+      description: t("create recovery code description"),
+      icon: Receipt,
+      onClick: () => dispatch(createIntent(ClientAction.CreateRecoveryCode))
+    }
+  }), [
+    t
+  ]);
+  return /* @__PURE__ */ React.createElement(Dialog.Content, {
+    classNames: "bs-content min-bs-[15rem] max-bs-full md:max-is-[25rem] overflow-hidden"
+  }, /* @__PURE__ */ React.createElement(Dialog.Title, null, t("manage credentials dialog title")), /* @__PURE__ */ React.createElement(List, {
+    classNames: "py-4"
+  }, recoveryCredentials.map((credential) => /* @__PURE__ */ React.createElement(ListItem.Root, {
+    key: credential.id?.toHex()
+  }, /* @__PURE__ */ React.createElement(ListItem.Endcap, null, /* @__PURE__ */ React.createElement(Icon, {
+    icon: "ph--key--regular",
+    size: 5
+  })), /* @__PURE__ */ React.createElement(ListItem.Heading, null, credential.issuanceDate.toLocaleString())))), /* @__PURE__ */ React.createElement("div", {
+    className: "grow"
+  }), /* @__PURE__ */ React.createElement(BifurcatedAction, {
+    actions
+  }));
+};
+
+// packages/plugins/plugin-client/src/components/IdentityDialog.tsx
+import React2, { useCallback } from "react";
+import { createIntent as createIntent2, LayoutAction, useIntentDispatcher as useIntentDispatcher2 } from "@dxos/app-framework";
+import { useClient } from "@dxos/react-client";
+import { Clipboard, Dialog as Dialog2 } from "@dxos/react-ui";
+import { IdentityPanel } from "@dxos/shell/react";
+var IDENTITY_DIALOG = `${CLIENT_PLUGIN}/IdentityDialog`;
+var IdentityDialog = (props) => {
+  const { dispatchPromise: dispatch } = useIntentDispatcher2();
+  const client = useClient();
+  const handleDone = useCallback(() => dispatch(createIntent2(LayoutAction.UpdateDialog, {
+    part: "dialog",
+    options: {
+      state: false
+    }
+  })), [
+    dispatch
+  ]);
+  const handleResetStorage = useCallback(async () => {
+    await client.reset();
+    await dispatch(createIntent2(ClientAction.ResetStorage));
+  }, [
+    dispatch
+  ]);
+  const handleRecover = useCallback(async () => {
+    await client.reset();
+    await dispatch(createIntent2(ClientAction.ResetStorage, {
+      target: "recoverIdentity"
+    }));
+  }, [
+    dispatch
+  ]);
+  const handleJoinNewIdentity = useCallback(async () => {
+    await client.reset();
+    await dispatch(createIntent2(ClientAction.ResetStorage, {
+      target: "deviceInvitation"
+    }));
+  }, [
+    dispatch
+  ]);
+  const handleManageCredentials = useCallback(async () => {
+    await dispatch(createIntent2(LayoutAction.UpdateDialog, {
+      part: "dialog",
+      subject: MANAGE_CREDENTIALS_DIALOG,
+      options: {
+        state: true,
+        blockAlign: "start"
+      }
+    }));
+  }, [
+    dispatch
+  ]);
+  return /* @__PURE__ */ React2.createElement(Dialog2.Content, null, /* @__PURE__ */ React2.createElement(Clipboard.Provider, null, /* @__PURE__ */ React2.createElement(IdentityPanel, {
+    ...props,
+    doneActionParent: /* @__PURE__ */ React2.createElement(Dialog2.Close, {
+      asChild: true
+    }),
+    onDone: handleDone,
+    onResetStorage: handleResetStorage,
+    onRecover: handleRecover,
+    onJoinNewIdentity: handleJoinNewIdentity,
+    onManageCredentials: handleManageCredentials
+  })));
+};
+
+// packages/plugins/plugin-client/src/components/JoinDialog.tsx
+import React3, { useCallback as useCallback2 } from "react";
+import { createIntent as createIntent3, LayoutAction as LayoutAction2, useIntentDispatcher as useIntentDispatcher3 } from "@dxos/app-framework";
+import { ObservabilityAction } from "@dxos/plugin-observability/types";
+import { Dialog as Dialog3 } from "@dxos/react-ui";
+import { JoinPanel } from "@dxos/shell/react";
+var JOIN_DIALOG = `${CLIENT_PLUGIN}/JoinDialog`;
+var JoinDialog = (props) => {
+  const { dispatchPromise: dispatch } = useIntentDispatcher3();
+  const handleCancelResetStorage = useCallback2(() => dispatch(createIntent3(ClientAction.ShareIdentity)), [
+    dispatch
+  ]);
+  const handleDone = useCallback2(async (result) => {
+    if (result?.identityKey) {
+      await Promise.all([
+        dispatch(createIntent3(LayoutAction2.UpdateDialog, {
+          part: "dialog",
+          options: {
+            state: false
+          }
+        })),
+        dispatch(createIntent3(ObservabilityAction.SendEvent, {
+          name: props.initialDisposition === "recover-identity" ? "identity.recover" : "identity.join"
+        }))
+      ]);
+    }
+  }, [
+    dispatch
+  ]);
+  return /* @__PURE__ */ React3.createElement(Dialog3.Content, null, /* @__PURE__ */ React3.createElement(JoinPanel, {
+    mode: "halo-only",
+    ...props,
+    exitActionParent: /* @__PURE__ */ React3.createElement(Dialog3.Close, {
+      asChild: true
+    }),
+    doneActionParent: /* @__PURE__ */ React3.createElement(Dialog3.Close, {
+      asChild: true
+    }),
+    onCancelResetStorage: handleCancelResetStorage,
+    onDone: handleDone
+  }));
+};
+
+// packages/plugins/plugin-client/src/components/RecoveryCodeDialog.tsx
+import React4, { useCallback as useCallback3, useState } from "react";
+import { AlertDialog, Button, Clipboard as Clipboard2, Input, useTranslation as useTranslation2 } from "@dxos/react-ui";
+var RECOVER_CODE_DIALOG = `${CLIENT_PLUGIN}/RecoveryCodeDialog`;
+var RecoveryCodeDialog = ({ code }) => {
+  const { t } = useTranslation2(CLIENT_PLUGIN);
+  const [confirmation, setConfirmation] = useState(false);
+  const handleConfirmation = useCallback3((checked) => setConfirmation(checked), []);
+  return /* @__PURE__ */ React4.createElement(AlertDialog.Content, {
+    classNames: "bs-content min-bs-[15rem] max-bs-full md:max-is-[40rem] overflow-hidden"
+  }, /* @__PURE__ */ React4.createElement(AlertDialog.Title, null, t("recovery code dialog title")), /* @__PURE__ */ React4.createElement("p", {
+    className: "py-4"
+  }, t("recovery code dialog description")), /* @__PURE__ */ React4.createElement(Clipboard2.Provider, null, /* @__PURE__ */ React4.createElement(Code, {
+    code
+  })), /* @__PURE__ */ React4.createElement("div", {
+    className: "flex flex-col py-4 gap-2"
+  }, /* @__PURE__ */ React4.createElement("p", null, t("recovery code dialog warning 1")), /* @__PURE__ */ React4.createElement("p", null, t("recovery code dialog warning 2"))), /* @__PURE__ */ React4.createElement("div", {
+    className: "flex items-center gap-2 pbe-4"
+  }, /* @__PURE__ */ React4.createElement(Input.Root, null, /* @__PURE__ */ React4.createElement(Input.Checkbox, {
+    "data-testid": "recoveryCode.confirm",
+    checked: confirmation,
+    onCheckedChange: handleConfirmation
+  }), /* @__PURE__ */ React4.createElement(Input.Label, null, t("recovery code confirmation label")))), /* @__PURE__ */ React4.createElement("div", {
+    className: "flex justify-end"
+  }, /* @__PURE__ */ React4.createElement(AlertDialog.Action, {
+    asChild: true
+  }, /* @__PURE__ */ React4.createElement(Button, {
+    "data-testid": "recoveryCode.continue",
+    variant: "primary",
+    disabled: !confirmation
+  }, t("continue label")))));
+};
+var Code = ({ code }) => {
+  const words = code.split(" ");
+  return /* @__PURE__ */ React4.createElement("div", {
+    className: "relative p-2 border border-separator rounded group"
+  }, /* @__PURE__ */ React4.createElement(Clipboard2.IconButton, {
+    value: code,
+    classNames: "absolute top-2 right-2 invisible group-hover:visible"
+  }), /* @__PURE__ */ React4.createElement("div", {
+    className: "grid grid-cols-4"
+  }, words.map((word, i) => /* @__PURE__ */ React4.createElement("div", {
+    key: i,
+    className: "flex items-center p-2 gap-2"
+  }, /* @__PURE__ */ React4.createElement("div", {
+    className: "w-4 text-xs text-center text-subdued"
+  }, i + 1), /* @__PURE__ */ React4.createElement("div", {
+    className: "text-sm"
+  }, word)))));
+};
+
+// packages/plugins/plugin-client/src/components/RecoverySetupDialog.tsx
+import { Key as Key2, Receipt as Receipt2 } from "@phosphor-icons/react";
+import React5, { useMemo as useMemo2 } from "react";
+import { createIntent as createIntent4, LayoutAction as LayoutAction3, useIntentDispatcher as useIntentDispatcher4 } from "@dxos/app-framework";
+import { AlertDialog as AlertDialog2, useTranslation as useTranslation3 } from "@dxos/react-ui";
+import { BifurcatedAction as BifurcatedAction2 } from "@dxos/shell/react";
+var RECOVER_SETUP_DIALOG = `${CLIENT_PLUGIN}/RecoverySetupDialog`;
+var RecoverySetupDialog = () => {
+  const { t } = useTranslation3(CLIENT_PLUGIN);
+  const { dispatchPromise: dispatch } = useIntentDispatcher4();
+  const actions = useMemo2(() => ({
+    createPasskey: {
+      label: t("create passkey label"),
+      description: t("create passkey description"),
+      // TODO(wittjosiah): Ideally this would be a `user-key` icon.
+      icon: Key2,
+      onClick: async () => {
+        await dispatch(createIntent4(ClientAction.CreatePasskey));
+        await dispatch(createIntent4(LayoutAction3.UpdateDialog, {
+          part: "dialog",
+          options: {
+            state: false
+          }
+        }));
+      }
+    },
+    createRecoveryCode: {
+      label: t("create recovery code label"),
+      description: t("create recovery code description"),
+      icon: Receipt2,
+      onClick: () => dispatch(createIntent4(ClientAction.CreateRecoveryCode))
+    }
+  }), [
+    t
+  ]);
+  return /* @__PURE__ */ React5.createElement(AlertDialog2.Content, {
+    classNames: "bs-content min-bs-[15rem] max-bs-full md:max-is-[25rem] overflow-hidden"
+  }, /* @__PURE__ */ React5.createElement(AlertDialog2.Title, null, t("recovery setup dialog title")), /* @__PURE__ */ React5.createElement("p", {
+    className: "py-4"
+  }, t("recovery setup dialog description")), /* @__PURE__ */ React5.createElement("div", {
+    className: "grow"
+  }), /* @__PURE__ */ React5.createElement(BifurcatedAction2, {
+    actions
+  }));
+};
+
+export {
+  MANAGE_CREDENTIALS_DIALOG,
+  ManageCredentialsDialog,
+  IDENTITY_DIALOG,
+  IdentityDialog,
+  JOIN_DIALOG,
+  JoinDialog,
+  RECOVER_CODE_DIALOG,
+  RecoveryCodeDialog,
+  RECOVER_SETUP_DIALOG,
+  RecoverySetupDialog
+};
+//# sourceMappingURL=chunk-EYBZZHSM.mjs.map

package/dist/lib/browser/chunk-EYBZZHSM.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/ManageCredentialsDialog.tsx", "../../../src/components/IdentityDialog.tsx", "../../../src/components/JoinDialog.tsx", "../../../src/components/RecoveryCodeDialog.tsx", "../../../src/components/RecoverySetupDialog.tsx"],
+  "sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\n\nimport { Receipt, Key } from '@phosphor-icons/react';\nimport React, { useMemo } from 'react';\n\nimport { createIntent, useIntentDispatcher } from '@dxos/app-framework';\nimport { useCredentials } from '@dxos/react-client/halo';\nimport { Dialog, Icon, List, ListItem, useTranslation } from '@dxos/react-ui';\nimport { BifurcatedAction, type ActionMenuItem } from '@dxos/shell/react';\n\nimport { CLIENT_PLUGIN } from '../meta';\nimport { ClientAction } from '../types';\n\nexport const MANAGE_CREDENTIALS_DIALOG = `${CLIENT_PLUGIN}/ManageCredentialsDialog`;\n\n// TODO(wittjosiah): Factor panel out to @dxos/shell.\nexport const ManageCredentialsDialog = () => {\n  const { t } = useTranslation(CLIENT_PLUGIN);\n  const { dispatchPromise: dispatch } = useIntentDispatcher();\n  const credentials = useCredentials();\n  const recoveryCredentials = credentials.filter(\n    (credential) => credential.subject.assertion['@type'] === 'dxos.halo.credentials.IdentityRecovery',\n  );\n\n  // TODO(wittjosiah): Reconsile w/ RecoverySetupDialog actions.\n  const actions: Record<string, ActionMenuItem> = useMemo(\n    () => ({\n      createPasskey: {\n        label: t('create passkey label'),\n        description: t('create passkey description'),\n        // TODO(wittjosiah): Ideally this would be a `user-key` icon.\n        icon: Key,\n        onClick: () => dispatch(createIntent(ClientAction.CreatePasskey)),\n      },\n      createRecoveryCode: {\n        label: t('create recovery code label'),\n        description: t('create recovery code description'),\n        icon: Receipt,\n        onClick: () => dispatch(createIntent(ClientAction.CreateRecoveryCode)),\n      },\n    }),\n    [t],\n  );\n\n  return (\n    <Dialog.Content classNames='bs-content min-bs-[15rem] max-bs-full md:max-is-[25rem] overflow-hidden'>\n      <Dialog.Title>{t('manage credentials dialog title')}</Dialog.Title>\n      <List classNames='py-4'>\n        {recoveryCredentials.map((credential) => (\n          <ListItem.Root key={credential.id?.toHex()}>\n            <ListItem.Endcap>\n              <Icon icon='ph--key--regular' size={5} />\n            </ListItem.Endcap>\n            <ListItem.Heading>{credential.issuanceDate.toLocaleString()}</ListItem.Heading>\n          </ListItem.Root>\n        ))}\n      </List>\n      <div className='grow' />\n      <BifurcatedAction actions={actions} />\n    </Dialog.Content>\n  );\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport React, { useCallback } from 'react';\n\nimport { createIntent, LayoutAction, useIntentDispatcher } from '@dxos/app-framework';\nimport { useClient } from '@dxos/react-client';\nimport { Clipboard, Dialog } from '@dxos/react-ui';\nimport { IdentityPanel, type IdentityPanelProps } from '@dxos/shell/react';\n\nimport { MANAGE_CREDENTIALS_DIALOG } from './ManageCredentialsDialog';\nimport { CLIENT_PLUGIN } from '../meta';\nimport { ClientAction } from '../types';\n\nexport const IDENTITY_DIALOG = `${CLIENT_PLUGIN}/IdentityDialog`;\n\nexport const IdentityDialog = (props: IdentityPanelProps) => {\n  const { dispatchPromise: dispatch } = useIntentDispatcher();\n  const client = useClient();\n\n  const handleDone = useCallback(\n    () =>\n      dispatch(\n        createIntent(LayoutAction.UpdateDialog, {\n          part: 'dialog',\n          options: { state: false },\n        }),\n      ),\n    [dispatch],\n  );\n\n  const handleResetStorage = useCallback(async () => {\n    await client.reset();\n    await dispatch(createIntent(ClientAction.ResetStorage));\n  }, [dispatch]);\n\n  const handleRecover = useCallback(async () => {\n    await client.reset();\n    await dispatch(createIntent(ClientAction.ResetStorage, { target: 'recoverIdentity' }));\n  }, [dispatch]);\n\n  const handleJoinNewIdentity = useCallback(async () => {\n    await client.reset();\n    await dispatch(createIntent(ClientAction.ResetStorage, { target: 'deviceInvitation' }));\n  }, [dispatch]);\n\n  const handleManageCredentials = useCallback(async () => {\n    await dispatch(\n      createIntent(LayoutAction.UpdateDialog, {\n        part: 'dialog',\n        subject: MANAGE_CREDENTIALS_DIALOG,\n        options: { state: true, blockAlign: 'start' },\n      }),\n    );\n  }, [dispatch]);\n\n  return (\n    <Dialog.Content>\n      <Clipboard.Provider>\n        <IdentityPanel\n          {...props}\n          doneActionParent={<Dialog.Close asChild />}\n          onDone={handleDone}\n          onResetStorage={handleResetStorage}\n          onRecover={handleRecover}\n          onJoinNewIdentity={handleJoinNewIdentity}\n          onManageCredentials={handleManageCredentials}\n        />\n      </Clipboard.Provider>\n    </Dialog.Content>\n  );\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport React, { useCallback } from 'react';\n\nimport { createIntent, LayoutAction, useIntentDispatcher } from '@dxos/app-framework';\nimport { ObservabilityAction } from '@dxos/plugin-observability/types';\nimport { type InvitationResult } from '@dxos/react-client/invitations';\nimport { Dialog } from '@dxos/react-ui';\nimport { JoinPanel, type JoinPanelProps } from '@dxos/shell/react';\n\nimport { CLIENT_PLUGIN } from '../meta';\nimport { ClientAction } from '../types';\n\nexport const JOIN_DIALOG = `${CLIENT_PLUGIN}/JoinDialog`;\n\nexport const JoinDialog = (props: JoinPanelProps) => {\n  const { dispatchPromise: dispatch } = useIntentDispatcher();\n\n  const handleCancelResetStorage = useCallback(() => dispatch(createIntent(ClientAction.ShareIdentity)), [dispatch]);\n\n  const handleDone = useCallback(\n    async (result: InvitationResult | null) => {\n      if (result?.identityKey) {\n        await Promise.all([\n          dispatch(createIntent(LayoutAction.UpdateDialog, { part: 'dialog', options: { state: false } })),\n          dispatch(\n            createIntent(ObservabilityAction.SendEvent, {\n              name: props.initialDisposition === 'recover-identity' ? 'identity.recover' : 'identity.join',\n            }),\n          ),\n        ]);\n      }\n    },\n    [dispatch],\n  );\n\n  return (\n    <Dialog.Content>\n      <JoinPanel\n        mode='halo-only'\n        {...props}\n        exitActionParent={<Dialog.Close asChild />}\n        doneActionParent={<Dialog.Close asChild />}\n        onCancelResetStorage={handleCancelResetStorage}\n        onDone={handleDone}\n      />\n    </Dialog.Content>\n  );\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport React, { useCallback, useState } from 'react';\n\nimport { AlertDialog, Button, Clipboard, Input, useTranslation } from '@dxos/react-ui';\n\nimport { CLIENT_PLUGIN } from '../meta';\n\nexport const RECOVER_CODE_DIALOG = `${CLIENT_PLUGIN}/RecoveryCodeDialog`;\n\nexport type RecoveryCodeDialogProps = {\n  code: string;\n};\n\n// TODO(wittjosiah): Factor panel out to @dxos/shell.\nexport const RecoveryCodeDialog = ({ code }: RecoveryCodeDialogProps) => {\n  const { t } = useTranslation(CLIENT_PLUGIN);\n  const [confirmation, setConfirmation] = useState(false);\n\n  const handleConfirmation = useCallback((checked: boolean) => setConfirmation(checked), []);\n\n  return (\n    <AlertDialog.Content classNames='bs-content min-bs-[15rem] max-bs-full md:max-is-[40rem] overflow-hidden'>\n      <AlertDialog.Title>{t('recovery code dialog title')}</AlertDialog.Title>\n      <p className='py-4'>{t('recovery code dialog description')}</p>\n      <Clipboard.Provider>\n        <Code code={code} />\n      </Clipboard.Provider>\n      <div className='flex flex-col py-4 gap-2'>\n        <p>{t('recovery code dialog warning 1')}</p>\n        <p>{t('recovery code dialog warning 2')}</p>\n      </div>\n      <div className='flex items-center gap-2 pbe-4'>\n        <Input.Root>\n          <Input.Checkbox\n            data-testid='recoveryCode.confirm'\n            checked={confirmation}\n            onCheckedChange={handleConfirmation}\n          />\n          <Input.Label>{t('recovery code confirmation label')}</Input.Label>\n        </Input.Root>\n      </div>\n      <div className='flex justify-end'>\n        <AlertDialog.Action asChild>\n          <Button data-testid='recoveryCode.continue' variant='primary' disabled={!confirmation}>\n            {t('continue label')}\n          </Button>\n        </AlertDialog.Action>\n      </div>\n    </AlertDialog.Content>\n  );\n};\n\nconst Code = ({ code }: { code: string }) => {\n  const words = code.split(' ');\n  return (\n    <div className='relative p-2 border border-separator rounded group'>\n      <Clipboard.IconButton value={code} classNames='absolute top-2 right-2 invisible group-hover:visible' />\n      <div className='grid grid-cols-4'>\n        {words.map((word, i) => (\n          <div key={i} className='flex items-center p-2 gap-2'>\n            <div className='w-4 text-xs text-center text-subdued'>{i + 1}</div>\n            <div className='text-sm'>{word}</div>\n          </div>\n        ))}\n      </div>\n    </div>\n  );\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport { Key, Receipt } from '@phosphor-icons/react';\nimport React, { useMemo } from 'react';\n\nimport { createIntent, LayoutAction, useIntentDispatcher } from '@dxos/app-framework';\nimport { AlertDialog, useTranslation } from '@dxos/react-ui';\nimport { type ActionMenuItem, BifurcatedAction } from '@dxos/shell/react';\n\nimport { CLIENT_PLUGIN } from '../meta';\nimport { ClientAction } from '../types';\n\nexport const RECOVER_SETUP_DIALOG = `${CLIENT_PLUGIN}/RecoverySetupDialog`;\n\n// TODO(wittjosiah): Factor panel out to @dxos/shell.\nexport const RecoverySetupDialog = () => {\n  const { t } = useTranslation(CLIENT_PLUGIN);\n  const { dispatchPromise: dispatch } = useIntentDispatcher();\n\n  const actions: Record<string, ActionMenuItem> = useMemo(\n    () => ({\n      createPasskey: {\n        label: t('create passkey label'),\n        description: t('create passkey description'),\n        // TODO(wittjosiah): Ideally this would be a `user-key` icon.\n        icon: Key,\n        onClick: async () => {\n          await dispatch(createIntent(ClientAction.CreatePasskey));\n          await dispatch(createIntent(LayoutAction.UpdateDialog, { part: 'dialog', options: { state: false } }));\n        },\n      },\n      createRecoveryCode: {\n        label: t('create recovery code label'),\n        description: t('create recovery code description'),\n        icon: Receipt,\n        onClick: () => dispatch(createIntent(ClientAction.CreateRecoveryCode)),\n      },\n    }),\n    [t],\n  );\n\n  return (\n    <AlertDialog.Content classNames='bs-content min-bs-[15rem] max-bs-full md:max-is-[25rem] overflow-hidden'>\n      <AlertDialog.Title>{t('recovery setup dialog title')}</AlertDialog.Title>\n      <p className='py-4'>{t('recovery setup dialog description')}</p>\n      <div className='grow' />\n      <BifurcatedAction actions={actions} />\n    </AlertDialog.Content>\n  );\n};\n"],
+  "mappings": "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",
+  "names": ["Receipt", "Key", "React", "useMemo", "createIntent", "useIntentDispatcher", "useCredentials", "Dialog", "Icon", "List", "ListItem", "useTranslation", "BifurcatedAction", "MANAGE_CREDENTIALS_DIALOG", "CLIENT_PLUGIN", "ManageCredentialsDialog", "t", "useTranslation", "dispatchPromise", "dispatch", "useIntentDispatcher", "credentials", "useCredentials", "recoveryCredentials", "filter", "credential", "subject", "assertion", "actions", "useMemo", "createPasskey", "label", "description", "icon", "Key", "onClick", "createIntent", "ClientAction", "CreatePasskey", "createRecoveryCode", "Receipt", "CreateRecoveryCode", "Dialog", "Content", "classNames", "Title", "List", "map", "ListItem", "Root", "key", "id", "toHex", "Endcap", "Icon", "size", "Heading", "issuanceDate", "toLocaleString", "div", "className", "BifurcatedAction", "React", "useCallback", "createIntent", "LayoutAction", "useIntentDispatcher", "useClient", "Clipboard", "Dialog", "IdentityPanel", "IDENTITY_DIALOG", "CLIENT_PLUGIN", "IdentityDialog", "props", "dispatchPromise", "dispatch", "useIntentDispatcher", "client", "useClient", "handleDone", "useCallback", "createIntent", "LayoutAction", "UpdateDialog", "part", "options", "state", "handleResetStorage", "reset", "ClientAction", "ResetStorage", "handleRecover", "target", "handleJoinNewIdentity", "handleManageCredentials", "subject", "MANAGE_CREDENTIALS_DIALOG", "blockAlign", "React", "Dialog", "Content", "Clipboard", "Provider", "IdentityPanel", "doneActionParent", "Close", "asChild", "onDone", "onResetStorage", "onRecover", "onJoinNewIdentity", "onManageCredentials", "React", "useCallback", "createIntent", "LayoutAction", "useIntentDispatcher", "ObservabilityAction", "Dialog", "JoinPanel", "JOIN_DIALOG", "CLIENT_PLUGIN", "JoinDialog", "props", "dispatchPromise", "dispatch", "useIntentDispatcher", "handleCancelResetStorage", "useCallback", "createIntent", "ClientAction", "ShareIdentity", "handleDone", "result", "identityKey", "Promise", "all", "LayoutAction", "UpdateDialog", "part", "options", "state", "ObservabilityAction", "SendEvent", "name", "initialDisposition", "React", "Dialog", "Content", "JoinPanel", "mode", "exitActionParent", "Close", "asChild", "doneActionParent", "onCancelResetStorage", "onDone", "React", "useCallback", "useState", "AlertDialog", "Button", "Clipboard", "Input", "useTranslation", "RECOVER_CODE_DIALOG", "CLIENT_PLUGIN", "RecoveryCodeDialog", "code", "t", "useTranslation", "confirmation", "setConfirmation", "useState", "handleConfirmation", "useCallback", "checked", "React", "AlertDialog", "Content", "classNames", "Title", "p", "className", "Clipboard", "Provider", "Code", "div", "Input", "Root", "Checkbox", "data-testid", "onCheckedChange", "Label", "Action", "asChild", "Button", "variant", "disabled", "words", "split", "IconButton", "value", "map", "word", "i", "key", "Key", "Receipt", "React", "useMemo", "createIntent", "LayoutAction", "useIntentDispatcher", "AlertDialog", "useTranslation", "BifurcatedAction", "RECOVER_SETUP_DIALOG", "CLIENT_PLUGIN", "RecoverySetupDialog", "t", "useTranslation", "dispatchPromise", "dispatch", "useIntentDispatcher", "actions", "useMemo", "createPasskey", "label", "description", "icon", "Key", "onClick", "createIntent", "ClientAction", "CreatePasskey", "LayoutAction", "UpdateDialog", "part", "options", "state", "createRecoveryCode", "Receipt", "CreateRecoveryCode", "React", "AlertDialog", "Content", "classNames", "Title", "p", "className", "div", "BifurcatedAction"]
+}

package/dist/lib/browser/{chunk-SVBQRT7I.mjs → chunk-GHEQL2E6.mjs}

@@ -8,10 +8,9 @@ var ClientCapabilities;
 (function(ClientCapabilities2) {
   ClientCapabilities2.Client = defineCapability(`${CLIENT_PLUGIN}/capability/client`);
   ClientCapabilities2.Schema = defineCapability(`${CLIENT_PLUGIN}/capability/schema`);
-  ClientCapabilities2.SystemSchema = defineCapability(`${CLIENT_PLUGIN}/capability/system-schema`);
 })(ClientCapabilities || (ClientCapabilities = {}));
 
 export {
   ClientCapabilities
 };
-//# sourceMappingURL=chunk-SVBQRT7I.mjs.map
+//# sourceMappingURL=chunk-GHEQL2E6.mjs.map

package/dist/lib/browser/{chunk-SVBQRT7I.mjs.map → chunk-GHEQL2E6.mjs.map}

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/capabilities/capabilities.ts"],
-  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport { defineCapability } from '@dxos/app-framework';\nimport { type TypedObject } from '@dxos/echo-schema';\nimport { type Client } from '@dxos/react-client';\n\nimport { CLIENT_PLUGIN } from '../meta';\n\nexport namespace ClientCapabilities {\n  export const Client = defineCapability<Client>(`${CLIENT_PLUGIN}/capability/client`);\n  export const Schema = defineCapability<TypedObject[]>(`${CLIENT_PLUGIN}/capability/schema`);\n  export const SystemSchema = defineCapability<TypedObject[]>(`${CLIENT_PLUGIN}/capability/system-schema`);\n}\n"],
-  "mappings": ";;;;;AAIA,SAASA,wBAAwB;;UAMhBC,qBAAAA;sBACFC,SAASC,iBAAyB,GAAGC,aAAAA,oBAAiC;sBACtEC,SAASF,iBAAgC,GAAGC,aAAAA,oBAAiC;sBAC7EE,eAAeH,iBAAgC,GAAGC,aAAAA,2BAAwC;AACzG,GAJiBH,uBAAAA,qBAAAA,CAAAA,EAAAA;",
-  "names": ["defineCapability", "ClientCapabilities", "Client", "defineCapability", "CLIENT_PLUGIN", "Schema", "SystemSchema"]
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport { defineCapability } from '@dxos/app-framework';\nimport { type TypedObject } from '@dxos/echo-schema';\nimport { type Client } from '@dxos/react-client';\n\nimport { CLIENT_PLUGIN } from '../meta';\n\nexport namespace ClientCapabilities {\n  export const Client = defineCapability<Client>(`${CLIENT_PLUGIN}/capability/client`);\n  export const Schema = defineCapability<TypedObject[]>(`${CLIENT_PLUGIN}/capability/schema`);\n}\n"],
+  "mappings": ";;;;;AAIA,SAASA,wBAAwB;;UAMhBC,qBAAAA;sBACFC,SAASC,iBAAyB,GAAGC,aAAAA,oBAAiC;sBACtEC,SAASF,iBAAgC,GAAGC,aAAAA,oBAAiC;AAC5F,GAHiBH,uBAAAA,qBAAAA,CAAAA,EAAAA;",
+  "names": ["defineCapability", "ClientCapabilities", "Client", "defineCapability", "CLIENT_PLUGIN", "Schema"]
 }

package/dist/lib/browser/{chunk-R4Q6H7RD.mjs → chunk-RGMLBYIF.mjs}

@@ -6,8 +6,8 @@ import {
 import { defineEvent } from "@dxos/app-framework";
 var ClientEvents;
 (function(ClientEvents2) {
-  ClientEvents2.SetupClient = defineEvent(`${CLIENT_PLUGIN}/event/setup-client`);
   ClientEvents2.ClientReady = defineEvent(`${CLIENT_PLUGIN}/event/client-ready`);
+  ClientEvents2.SetupSchema = defineEvent(`${CLIENT_PLUGIN}/event/setup-schema`);
   ClientEvents2.IdentityCreated = defineEvent(`${CLIENT_PLUGIN}/event/identity-created`);
   ClientEvents2.SpacesReady = defineEvent(`${CLIENT_PLUGIN}/event/spaces-ready`);
 })(ClientEvents || (ClientEvents = {}));
@@ -15,4 +15,4 @@ var ClientEvents;
 export {
   ClientEvents
 };
-//# sourceMappingURL=chunk-R4Q6H7RD.mjs.map
+//# sourceMappingURL=chunk-RGMLBYIF.mjs.map

package/dist/lib/browser/{chunk-R4Q6H7RD.mjs.map → chunk-RGMLBYIF.mjs.map}

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/events.ts"],
-  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport { defineEvent } from '@dxos/app-framework';\n\nimport { CLIENT_PLUGIN } from './meta';\n\nexport namespace ClientEvents {\n  export const SetupClient = defineEvent(`${CLIENT_PLUGIN}/event/setup-client`);\n  export const ClientReady = defineEvent(`${CLIENT_PLUGIN}/event/client-ready`);\n  export const IdentityCreated = defineEvent(`${CLIENT_PLUGIN}/event/identity-created`);\n  export const SpacesReady = defineEvent(`${CLIENT_PLUGIN}/event/spaces-ready`);\n}\n"],
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport { defineEvent } from '@dxos/app-framework';\n\nimport { CLIENT_PLUGIN } from './meta';\n\nexport namespace ClientEvents {\n  export const ClientReady = defineEvent(`${CLIENT_PLUGIN}/event/client-ready`);\n  export const SetupSchema = defineEvent(`${CLIENT_PLUGIN}/event/setup-schema`);\n  export const IdentityCreated = defineEvent(`${CLIENT_PLUGIN}/event/identity-created`);\n  export const SpacesReady = defineEvent(`${CLIENT_PLUGIN}/event/spaces-ready`);\n}\n"],
   "mappings": ";;;;;AAIA,SAASA,mBAAmB;;UAIXC,eAAAA;gBACFC,cAAcC,YAAY,GAAGC,aAAAA,qBAAkC;gBAC/DC,cAAcF,YAAY,GAAGC,aAAAA,qBAAkC;gBAC/DE,kBAAkBH,YAAY,GAAGC,aAAAA,yBAAsC;gBACvEG,cAAcJ,YAAY,GAAGC,aAAAA,qBAAkC;AAC9E,GALiBH,iBAAAA,eAAAA,CAAAA,EAAAA;",
-  "names": ["defineEvent", "ClientEvents", "SetupClient", "defineEvent", "CLIENT_PLUGIN", "ClientReady", "IdentityCreated", "SpacesReady"]
+  "names": ["defineEvent", "ClientEvents", "ClientReady", "defineEvent", "CLIENT_PLUGIN", "SetupSchema", "IdentityCreated", "SpacesReady"]
 }

package/dist/lib/browser/{client-25GYH6TN.mjs → client-A7YSVURS.mjs}

@@ -1,27 +1,18 @@
 import {
   ClientEvents
-} from "./chunk-R4Q6H7RD.mjs";
+} from "./chunk-RGMLBYIF.mjs";
 import {
   ClientCapabilities
-} from "./chunk-SVBQRT7I.mjs";
+} from "./chunk-GHEQL2E6.mjs";
 import "./chunk-NHIL4T3L.mjs";
 
 // packages/plugins/plugin-client/src/capabilities/client.ts
 import { contributes } from "@dxos/app-framework";
-import { Config, Defaults, Envs, Local, Storage } from "@dxos/config";
 import { Client } from "@dxos/react-client";
 var client_default = async ({ context, onClientInitialized, ...options }) => {
-  const config = new Config(await Storage(), Envs(), Local(), Defaults());
-  const client = new Client({
-    config,
-    ...options
-  });
+  const client = new Client(options);
   await client.initialize();
   await onClientInitialized?.(context, client);
-  const systemSchemas = Array.from(new Set(context.requestCapabilities(ClientCapabilities.SystemSchema).flat()));
-  const schemas = Array.from(new Set(context.requestCapabilities(ClientCapabilities.Schema).flat()));
-  client.addTypes(systemSchemas);
-  client.addTypes(schemas);
   client.reloaded.on(() => {
     client.halo.identity.subscribe(async (identity) => {
       if (identity) {
@@ -42,4 +33,4 @@ var client_default = async ({ context, onClientInitialized, ...options }) => {
 export {
   client_default as default
 };
-//# sourceMappingURL=client-25GYH6TN.mjs.map
+//# sourceMappingURL=client-A7YSVURS.mjs.map

package/dist/lib/browser/client-A7YSVURS.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/capabilities/client.ts"],
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport { contributes, type PluginsContext } from '@dxos/app-framework';\nimport { Client } from '@dxos/react-client';\n\nimport { ClientCapabilities } from './capabilities';\nimport { ClientEvents } from '../events';\nimport { type ClientPluginOptions } from '../types';\n\ntype ClientCapabilityOptions = Omit<ClientPluginOptions, 'appKey' | 'invitationUrl' | 'invitationParam' | 'onReset'> & {\n  context: PluginsContext;\n};\n\nexport default async ({ context, onClientInitialized, ...options }: ClientCapabilityOptions) => {\n  const client = new Client(options);\n  await client.initialize();\n  await onClientInitialized?.(context, client);\n\n  // TODO(wittjosiah): Remove. This is a hack to get the app to boot with the new identity after a reset.\n  client.reloaded.on(() => {\n    client.halo.identity.subscribe(async (identity) => {\n      if (identity) {\n        window.location.href = window.location.origin;\n      }\n    });\n  });\n\n  const subscription = client.spaces.isReady.subscribe(async (ready) => {\n    if (ready) {\n      await context.activate(ClientEvents.SpacesReady);\n    }\n  });\n\n  return contributes(ClientCapabilities.Client, client, async () => {\n    subscription.unsubscribe();\n    await client.destroy();\n  });\n};\n"],
+  "mappings": ";;;;;;;;;AAIA,SAASA,mBAAwC;AACjD,SAASC,cAAc;AAUvB,IAAA,iBAAe,OAAO,EAAEC,SAASC,qBAAqB,GAAGC,QAAAA,MAAkC;AACzF,QAAMC,SAAS,IAAIC,OAAOF,OAAAA;AAC1B,QAAMC,OAAOE,WAAU;AACvB,QAAMJ,sBAAsBD,SAASG,MAAAA;AAGrCA,SAAOG,SAASC,GAAG,MAAA;AACjBJ,WAAOK,KAAKC,SAASC,UAAU,OAAOD,aAAAA;AACpC,UAAIA,UAAU;AACZE,eAAOC,SAASC,OAAOF,OAAOC,SAASE;MACzC;IACF,CAAA;EACF,CAAA;AAEA,QAAMC,eAAeZ,OAAOa,OAAOC,QAAQP,UAAU,OAAOQ,UAAAA;AAC1D,QAAIA,OAAO;AACT,YAAMlB,QAAQmB,SAASC,aAAaC,WAAW;IACjD;EACF,CAAA;AAEA,SAAOC,YAAYC,mBAAmBnB,QAAQD,QAAQ,YAAA;AACpDY,iBAAaS,YAAW;AACxB,UAAMrB,OAAOsB,QAAO;EACtB,CAAA;AACF;",
+  "names": ["contributes", "Client", "context", "onClientInitialized", "options", "client", "Client", "initialize", "reloaded", "on", "halo", "identity", "subscribe", "window", "location", "href", "origin", "subscription", "spaces", "isReady", "ready", "activate", "ClientEvents", "SpacesReady", "contributes", "ClientCapabilities", "unsubscribe", "destroy"]
+}

package/dist/lib/browser/index.mjs

@@ -1,24 +1,25 @@
 import {
   ClientEvents
-} from "./chunk-R4Q6H7RD.mjs";
+} from "./chunk-RGMLBYIF.mjs";
 import {
   ClientCapabilities
-} from "./chunk-SVBQRT7I.mjs";
+} from "./chunk-GHEQL2E6.mjs";
 import {
   CLIENT_PLUGIN,
   meta
 } from "./chunk-NHIL4T3L.mjs";
 
 // packages/plugins/plugin-client/src/ClientPlugin.ts
-import { Capabilities, contributes, defineModule, definePlugin, Events } from "@dxos/app-framework";
+import { Capabilities, contributes, defineModule, definePlugin, Events, oneOf } from "@dxos/app-framework";
 
 // packages/plugins/plugin-client/src/capabilities/index.ts
 import { lazy } from "@dxos/app-framework";
-var AppGraphBuilder = lazy(async () => import("./app-graph-builder-6LOTDB4T.mjs"));
-var Client = lazy(async () => import("./client-25GYH6TN.mjs"));
-var IntentResolver = lazy(async () => import("./intent-resolver-IWWLWOZD.mjs"));
-var ReactContext = lazy(async () => import("./react-context-M3RT6SSG.mjs"));
-var ReactSurface = lazy(async () => import("./react-surface-XXONPG5T.mjs"));
+var AppGraphBuilder = lazy(async () => import("./app-graph-builder-ON64R7SO.mjs"));
+var Client = lazy(async () => import("./client-A7YSVURS.mjs"));
+var IntentResolver = lazy(async () => import("./intent-resolver-A6SKE7WJ.mjs"));
+var ReactContext = lazy(async () => import("./react-context-R3SG55F5.mjs"));
+var ReactSurface = lazy(async () => import("./react-surface-XGOUHVIH.mjs"));
+var Schema = lazy(async () => import("./schema-J4MJIXRP.mjs"));
 
 // packages/plugins/plugin-client/src/translations.ts
 var translations_default = [
@@ -26,7 +27,14 @@ var translations_default = [
     "en-US": {
       [CLIENT_PLUGIN]: {
         "open shell label": "Open HALO",
-        "recovery code dialog title": "Account Recovery",
+        "manage credentials dialog title": "Manage Account Recovery",
+        "recovery setup dialog title": "Account Recovery",
+        "recovery setup dialog description": "In order to recover 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.",
+        "create passkey label": "Create Passkey",
+        "create passkey description": "A passkey is a secure and easy to use credential that can be used to recover your account.",
+        "create recovery code label": "Create Recovery Code",
+        "create recovery code description": "A recovery code is 12 word phrase representing a private key.",
+        "recovery code dialog title": "Recovery Code",
         "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.",
         "recovery code dialog warning 1": "NOTE: This code will not be displayed again.",
         "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.",
@@ -47,10 +55,7 @@ var ClientPlugin = ({ invitationUrl = window.location.origin, invitationParam =
   return definePlugin(meta, [
     defineModule({
       id: `${meta.id}/module/client`,
-      activatesOn: Events.Startup,
-      activatesBefore: [
-        ClientEvents.SetupClient
-      ],
+      activatesOn: oneOf(Events.Startup, Events.SetupAppGraph),
       activatesAfter: [
         ClientEvents.ClientReady
       ],
@@ -59,6 +64,14 @@ var ClientPlugin = ({ invitationUrl = window.location.origin, invitationParam =
         context
       })
     }),
+    defineModule({
+      id: `${meta.id}/module/schema`,
+      activatesOn: ClientEvents.ClientReady,
+      activatesBefore: [
+        ClientEvents.SetupSchema
+      ],
+      activate: Schema
+    }),
     defineModule({
       id: `${meta.id}/module/react-context`,
       activatesOn: Events.Startup,
@@ -66,7 +79,7 @@ var ClientPlugin = ({ invitationUrl = window.location.origin, invitationParam =
     }),
     defineModule({
       id: `${meta.id}/module/react-surface`,
-      activatesOn: Events.Startup,
+      activatesOn: Events.SetupReactSurface,
       activate: () => ReactSurface({
         createInvitationUrl
       })
@@ -78,7 +91,7 @@ var ClientPlugin = ({ invitationUrl = window.location.origin, invitationParam =
     }),
     defineModule({
       id: `${meta.id}/module/intent-resolver`,
-      activatesOn: Events.SetupIntents,
+      activatesOn: Events.SetupIntentResolver,
       activate: (context) => IntentResolver({
         context,
         onReset