@dxos/plugin-client 0.8.2-main.fbd8ed0 → 0.8.2-staging.42af850

package/dist/lib/node/client-OUBG63HJ.cjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/capabilities/client.ts"],
-  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport { contributes, type PluginContext } 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: PluginContext;\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.activatePromise(ClientEvents.SpacesReady);\n    }\n  });\n\n  return contributes(ClientCapabilities.Client, client, async () => {\n    subscription.unsubscribe();\n    await client.destroy();\n  });\n};\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;AAIA,2BAAgD;AAChD,0BAAuB;AAUvB,IAAA,iBAAe,OAAO,EAAEA,SAASC,qBAAqB,GAAGC,QAAAA,MAAkC;AACzF,QAAMC,SAAS,IAAIC,2BAAOF,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,gBAAgBC,mCAAaC,WAAW;IACxD;EACF,CAAA;AAEA,aAAOC,kCAAYC,yCAAmBnB,QAAQD,QAAQ,YAAA;AACpDY,iBAAaS,YAAW;AACxB,UAAMrB,OAAOsB,QAAO;EACtB,CAAA;AACF;",
-  "names": ["context", "onClientInitialized", "options", "client", "Client", "initialize", "reloaded", "on", "halo", "identity", "subscribe", "window", "location", "href", "origin", "subscription", "spaces", "isReady", "ready", "activatePromise", "ClientEvents", "SpacesReady", "contributes", "ClientCapabilities", "unsubscribe", "destroy"]
-}

package/dist/lib/node/intent-resolver-IDLAVEHS.cjs.map

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

package/dist/lib/node-esm/chunk-34X2AMVA.mjs

@@ -1,624 +0,0 @@
-import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
-import {
-  ClientAction
-} from "./chunk-V6SJNSKG.mjs";
-import {
-  CLIENT_PLUGIN
-} from "./chunk-HM7VB4ZV.mjs";
-
-// packages/plugins/plugin-client/src/components/DevicesContainer.tsx
-import { Check, X } from "@phosphor-icons/react";
-import React, { useCallback, useEffect, useState } from "react";
-import { QR } from "react-qr-rounded";
-import { createIntent, useIntentDispatcher } from "@dxos/app-framework";
-import { log } from "@dxos/log";
-import { useClient, useMulticastObservable } from "@dxos/react-client";
-import { useDevices } from "@dxos/react-client/halo";
-import { Invitation, InvitationEncoder } from "@dxos/react-client/invitations";
-import { useNetworkStatus } from "@dxos/react-client/mesh";
-import { Button, Clipboard, IconButton, List, useId, useTranslation } from "@dxos/react-ui";
-import { ControlFrame, ControlFrameItem, ControlGroup, ControlItem, ControlPage, ControlSection } from "@dxos/react-ui-form";
-import { StackItem } from "@dxos/react-ui-stack";
-import { getSize, mx } from "@dxos/react-ui-theme";
-import { AuthCode, Centered, DeviceListItem, Emoji, Viewport } from "@dxos/shell/react";
-import { hexToEmoji } from "@dxos/util";
-var __dxlog_file = "/home/runner/work/dxos/dxos/packages/plugins/plugin-client/src/components/DevicesContainer.tsx";
-var DevicesContainer = ({ createInvitationUrl }) => {
-  const { t } = useTranslation("os");
-  const { dispatchPromise: dispatch } = useIntentDispatcher();
-  const devices = useDevices();
-  const { swarm: connectionState } = useNetworkStatus();
-  const handleResetStorage = useCallback(() => dispatch(createIntent(ClientAction.ResetStorage)), [
-    dispatch
-  ]);
-  const handleRecover = useCallback(() => dispatch(createIntent(ClientAction.ResetStorage, {
-    mode: "recover"
-  })), [
-    dispatch
-  ]);
-  const handleJoinNewIdentity = useCallback(() => dispatch(createIntent(ClientAction.ResetStorage, {
-    mode: "join new identity"
-  })), [
-    dispatch
-  ]);
-  return /* @__PURE__ */ React.createElement(Clipboard.Provider, null, /* @__PURE__ */ React.createElement(StackItem.Content, {
-    classNames: "block overflow-y-auto"
-  }, /* @__PURE__ */ React.createElement(ControlPage, null, /* @__PURE__ */ React.createElement(ControlSection, {
-    title: t("devices verbose label", {
-      ns: CLIENT_PLUGIN
-    }),
-    description: t("devices description", {
-      ns: CLIENT_PLUGIN
-    })
-  }, /* @__PURE__ */ React.createElement(ControlFrame, null, /* @__PURE__ */ React.createElement(ControlFrameItem, {
-    title: t("devices label", {
-      ns: CLIENT_PLUGIN
-    })
-  }, /* @__PURE__ */ React.createElement(List, null, devices.map((device) => {
-    return /* @__PURE__ */ React.createElement(DeviceListItem, {
-      key: device.deviceKey.toHex(),
-      device,
-      connectionState
-    });
-  }))), createInvitationUrl && /* @__PURE__ */ React.createElement(ControlFrameItem, {
-    title: "Add device"
-  }, /* @__PURE__ */ React.createElement(DeviceInvitation, {
-    createInvitationUrl
-  })))), /* @__PURE__ */ React.createElement(ControlSection, {
-    title: t("danger zone title", {
-      ns: CLIENT_PLUGIN
-    }),
-    description: t("danger zone description", {
-      ns: CLIENT_PLUGIN
-    })
-  }, /* @__PURE__ */ React.createElement(ControlGroup, null, /* @__PURE__ */ React.createElement(ControlItem, {
-    title: t("reset device label"),
-    description: t("reset device description", {
-      ns: CLIENT_PLUGIN
-    })
-  }, /* @__PURE__ */ React.createElement(Button, {
-    variant: "destructive",
-    onClick: handleResetStorage,
-    "data-testid": "devicesContainer.reset"
-  }, t("reset device label"))), /* @__PURE__ */ React.createElement(ControlItem, {
-    title: t("recover identity label"),
-    description: t("recover identity description", {
-      ns: CLIENT_PLUGIN
-    })
-  }, /* @__PURE__ */ React.createElement(Button, {
-    variant: "destructive",
-    onClick: handleRecover,
-    "data-testid": "devicesContainer.recover"
-  }, t("recover identity label"))), /* @__PURE__ */ React.createElement(ControlItem, {
-    title: t("join new identity label"),
-    description: t("join new identity description", {
-      ns: CLIENT_PLUGIN
-    })
-  }, /* @__PURE__ */ React.createElement(Button, {
-    variant: "destructive",
-    onClick: handleJoinNewIdentity,
-    "data-testid": "devicesContainer.joinExisting"
-  }, t("join new identity label"))))))));
-};
-var DeviceInvitation = (props) => {
-  const client = useClient();
-  const [invitation, setInvitation] = useState();
-  const onInvitationCreate = useCallback(() => {
-    const invitation2 = client.halo.share();
-    if (client.config.values.runtime?.app?.env?.DX_ENVIRONMENT !== "production") {
-      const subscription = invitation2.subscribe((invitation3) => {
-        const invitationCode = InvitationEncoder.encode(invitation3);
-        if (invitation3.state === Invitation.State.CONNECTING) {
-          log.info(JSON.stringify({
-            invitationCode,
-            authCode: invitation3.authCode
-          }), void 0, {
-            F: __dxlog_file,
-            L: 141,
-            S: void 0,
-            C: (f, a) => f(...a)
-          });
-          subscription.unsubscribe();
-        }
-      });
-    }
-    setInvitation(invitation2);
-  }, [
-    client
-  ]);
-  const onInvitationDone = useCallback(() => {
-    setInvitation(void 0);
-  }, []);
-  if (invitation) {
-    return /* @__PURE__ */ React.createElement(DeviceInvitationImpl, {
-      ...props,
-      invitation,
-      onInvitationCreate,
-      onInvitationDone
-    });
-  } else {
-    return /* @__PURE__ */ React.createElement(InvitationSection, {
-      ...props,
-      onInvitationCreate,
-      onInvitationDone
-    });
-  }
-};
-var DeviceInvitationImpl = ({ invitation: invitationObservable, createInvitationUrl, onInvitationDone, onInvitationCreate }) => {
-  const invitation = useMulticastObservable(invitationObservable);
-  const url = createInvitationUrl(InvitationEncoder.encode(invitation));
-  useEffect(() => {
-    if (invitation.state >= Invitation.State.SUCCESS) {
-      onInvitationDone();
-    }
-  }, [
-    invitation.state
-  ]);
-  return /* @__PURE__ */ React.createElement(InvitationSection, {
-    ...invitation,
-    url,
-    onInvitationDone,
-    onInvitationCreate
-  });
-};
-var InvitationSection = ({ state = -1, authCode, invitationId = "never", url = "never", onInvitationDone = () => {
-}, onInvitationCreate = () => {
-} }) => {
-  const { t } = useTranslation(CLIENT_PLUGIN);
-  const activeView = state < 0 ? "init" : state >= Invitation.State.CANCELLED ? "complete" : state >= Invitation.State.READY_FOR_AUTHENTICATION && authCode ? "auth-code" : "qr-code";
-  return activeView === "init" ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("p", {
-    className: "text-description mbe-2"
-  }, t("add device description")), /* @__PURE__ */ React.createElement(IconButton, {
-    icon: "ph--plus--regular",
-    label: t("create device invitation label"),
-    disabled: state >= 0,
-    classNames: "is-full",
-    "data-testid": "devicesContainer.createInvitation",
-    onClick: onInvitationCreate
-  })) : /* @__PURE__ */ React.createElement(Viewport.Root, {
-    activeView
-  }, /* @__PURE__ */ React.createElement(Viewport.Views, null, /* @__PURE__ */ React.createElement(Viewport.View, {
-    id: "init"
-  }), /* @__PURE__ */ React.createElement(Viewport.View, {
-    id: "complete"
-  }, /* @__PURE__ */ React.createElement(InvitationComplete, {
-    statusValue: state
-  })), /* @__PURE__ */ React.createElement(Viewport.View, {
-    id: "auth-code"
-  }, /* @__PURE__ */ React.createElement(InvitationAuthCode, {
-    id: invitationId,
-    code: authCode ?? "never",
-    onCancel: onInvitationDone
-  })), /* @__PURE__ */ React.createElement(Viewport.View, {
-    id: "qr-code"
-  }, /* @__PURE__ */ React.createElement(InvitationQR, {
-    id: invitationId,
-    url,
-    onCancel: onInvitationDone
-  }))));
-};
-var InvitationQR = ({ id, url, onCancel }) => {
-  const { t } = useTranslation("os");
-  const qrLabel = useId("devices-container__qr-code");
-  const emoji = hexToEmoji(id);
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("p", {
-    className: "text-description"
-  }, t("qr code description", {
-    ns: CLIENT_PLUGIN
-  })), /* @__PURE__ */ React.createElement("div", {
-    role: "group",
-    className: "grid grid-cols-[1fr_min-content] mlb-2 gap-2"
-  }, /* @__PURE__ */ React.createElement("div", {
-    role: "none",
-    className: "is-full aspect-square relative text-description"
-  }, /* @__PURE__ */ React.createElement(QR, {
-    rounding: 100,
-    backgroundColor: "transparent",
-    color: "currentColor",
-    "aria-labelledby": qrLabel,
-    errorCorrectionLevel: "Q",
-    cutout: true
-  }, url ?? "never"), /* @__PURE__ */ React.createElement(Centered, null, /* @__PURE__ */ React.createElement(Emoji, {
-    text: emoji
-  }))), /* @__PURE__ */ React.createElement("span", {
-    id: qrLabel,
-    className: "sr-only"
-  }, t("qr label"))), /* @__PURE__ */ React.createElement("div", {
-    className: "flex justify-center"
-  }, /* @__PURE__ */ React.createElement("div", {
-    className: "flex gap-2"
-  }, /* @__PURE__ */ React.createElement(Clipboard.Button, {
-    value: url ?? "never"
-  }), /* @__PURE__ */ React.createElement(Button, {
-    variant: "ghost",
-    onClick: onCancel
-  }, t("cancel label")))));
-};
-var InvitationAuthCode = ({ id, code, onCancel }) => {
-  const { t } = useTranslation("os");
-  const emoji = hexToEmoji(id);
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("p", {
-    className: "text-description"
-  }, t("auth other device emoji message")), emoji && /* @__PURE__ */ React.createElement(Emoji, {
-    text: emoji,
-    className: "mli-auto mlb-2 text-center"
-  }), /* @__PURE__ */ React.createElement("p", {
-    className: "text-description"
-  }, t("auth code message")), /* @__PURE__ */ React.createElement(AuthCode, {
-    code,
-    large: true,
-    classNames: "mli-auto mlb-2 text-center grow"
-  }), /* @__PURE__ */ React.createElement(Button, {
-    variant: "ghost",
-    onClick: onCancel
-  }, t("cancel label")));
-};
-var InvitationComplete = ({ statusValue }) => {
-  return statusValue > 0 ? /* @__PURE__ */ React.createElement(Check, {
-    className: mx("m-1.5", getSize(6))
-  }) : /* @__PURE__ */ React.createElement(X, {
-    className: mx("m-1.5", getSize(6))
-  });
-};
-
-// packages/plugins/plugin-client/src/components/JoinDialog.tsx
-import React2, { useCallback as useCallback2 } from "react";
-import { createIntent as createIntent2, LayoutAction, useIntentDispatcher as useIntentDispatcher2 } from "@dxos/app-framework";
-import { ObservabilityAction } from "@dxos/plugin-observability/types";
-import { Dialog, useTranslation as useTranslation2 } from "@dxos/react-ui";
-import { JoinPanel } from "@dxos/shell/react";
-var JOIN_DIALOG = `${CLIENT_PLUGIN}/JoinDialog`;
-var JoinDialog = (props) => {
-  const { dispatchPromise: dispatch } = useIntentDispatcher2();
-  const { t } = useTranslation2(CLIENT_PLUGIN);
-  const handleCancelResetStorage = useCallback2(() => dispatch(createIntent2(ClientAction.ShareIdentity)), [
-    dispatch
-  ]);
-  const handleDone = useCallback2(async (result) => {
-    if (result?.identityKey) {
-      await Promise.all([
-        dispatch(createIntent2(LayoutAction.UpdateDialog, {
-          part: "dialog",
-          options: {
-            state: false
-          }
-        })),
-        dispatch(createIntent2(ObservabilityAction.SendEvent, {
-          name: props.initialDisposition === "recover-identity" ? "identity.recover" : "identity.join"
-        }))
-      ]);
-    }
-  }, [
-    dispatch
-  ]);
-  return /* @__PURE__ */ React2.createElement(Dialog.Content, null, /* @__PURE__ */ React2.createElement(Dialog.Title, {
-    classNames: "sr-only"
-  }, t("join space label", {
-    ns: "os"
-  })), /* @__PURE__ */ React2.createElement(JoinPanel, {
-    mode: "halo-only",
-    ...props,
-    exitActionParent: /* @__PURE__ */ React2.createElement(Dialog.Close, {
-      asChild: true
-    }),
-    doneActionParent: /* @__PURE__ */ React2.createElement(Dialog.Close, {
-      asChild: true
-    }),
-    onCancelResetStorage: handleCancelResetStorage,
-    onDone: handleDone
-  }));
-};
-
-// packages/plugins/plugin-client/src/components/ProfileContainer.tsx
-import { Schema } from "effect";
-import React3, { useCallback as useCallback3, useMemo, useState as useState2 } from "react";
-import { debounce } from "@dxos/async";
-import { useClient as useClient2 } from "@dxos/react-client";
-import { useIdentity } from "@dxos/react-client/halo";
-import { ButtonGroup, Clipboard as Clipboard2, Input, useTranslation as useTranslation3 } from "@dxos/react-ui";
-import { Form, ControlItem as ControlItem2, ControlItemInput, ControlSection as ControlSection2, ControlPage as ControlPage2 } from "@dxos/react-ui-form";
-import { EmojiPickerBlock, HuePicker } from "@dxos/react-ui-pickers";
-import { StackItem as StackItem2 } from "@dxos/react-ui-stack";
-import { hexToHue, hexToEmoji as hexToEmoji2 } from "@dxos/util";
-var getDefaultHueValue = (identity) => hexToHue(identity?.identityKey.toHex() ?? "0");
-var getDefaultEmojiValue = (identity) => hexToEmoji2(identity?.identityKey.toHex() ?? "0");
-var getHueValue = (identity) => identity?.profile?.data?.hue || getDefaultHueValue(identity);
-var getEmojiValue = (identity) => identity?.profile?.data?.emoji || getDefaultEmojiValue(identity);
-var ProfileContainer = () => {
-  const { t } = useTranslation3(CLIENT_PLUGIN);
-  const client = useClient2();
-  const identity = useIdentity();
-  const [displayName, setDisplayNameDirectly] = useState2(identity?.profile?.displayName ?? "");
-  const [emoji, setEmojiDirectly] = useState2(getEmojiValue(identity));
-  const [hue, setHueDirectly] = useState2(getHueValue(identity));
-  const updateProfile = useMemo(() => debounce((profile) => client.halo.updateProfile({
-    displayName: profile.displayName,
-    data: {
-      emoji: profile.emoji,
-      hue: profile.hue
-    }
-  }), 2e3), []);
-  const handleSave = useCallback3((profile) => {
-    setDisplayNameDirectly(profile.displayName);
-    setEmojiDirectly(profile.emoji);
-    setHueDirectly(profile.hue);
-    updateProfile(profile);
-  }, [
-    identity
-  ]);
-  const values = useMemo(() => ({
-    displayName,
-    emoji,
-    hue,
-    did: identity?.did
-  }), [
-    identity,
-    displayName,
-    emoji,
-    hue
-  ]);
-  const customElements = useMemo(() => ({
-    displayName: ({ type, label, getValue, onValueChange }) => {
-      const handleChange = useCallback3(({ target: { value } }) => onValueChange(type, value), [
-        onValueChange,
-        type
-      ]);
-      return /* @__PURE__ */ React3.createElement(ControlItemInput, {
-        title: label,
-        description: t("display name description")
-      }, /* @__PURE__ */ React3.createElement(Input.TextInput, {
-        value: getValue(),
-        onChange: handleChange,
-        placeholder: t("display name input placeholder"),
-        classNames: "min-is-64"
-      }));
-    },
-    emoji: ({ type, label, getValue, onValueChange }) => {
-      const handleChange = useCallback3((nextEmoji) => onValueChange(type, nextEmoji), [
-        onValueChange,
-        type
-      ]);
-      const handleEmojiReset = useCallback3(() => onValueChange(type, getDefaultEmojiValue(identity)), [
-        onValueChange,
-        type
-      ]);
-      return /* @__PURE__ */ React3.createElement(ControlItem2, {
-        title: label,
-        description: t("icon description")
-      }, /* @__PURE__ */ React3.createElement(EmojiPickerBlock, {
-        triggerVariant: "default",
-        emoji: getValue(),
-        onChangeEmoji: handleChange,
-        onClickClear: handleEmojiReset,
-        classNames: "justify-self-end"
-      }));
-    },
-    hue: ({ type, label, getValue, onValueChange }) => {
-      const handleChange = useCallback3((nextHue) => onValueChange(type, nextHue), [
-        onValueChange,
-        type
-      ]);
-      const handleHueReset = useCallback3(() => onValueChange(type, getDefaultHueValue(identity)), [
-        onValueChange,
-        type
-      ]);
-      return /* @__PURE__ */ React3.createElement(ControlItem2, {
-        title: label,
-        description: t("hue description")
-      }, /* @__PURE__ */ React3.createElement(HuePicker, {
-        value: getValue(),
-        onChange: handleChange,
-        onReset: handleHueReset,
-        classNames: "[--hue-preview-size:1.5rem] justify-self-end"
-      }));
-    },
-    // TODO(wittjosiah): We need text input annotations for disabled and copyable.
-    did: ({ label, getValue }) => {
-      return /* @__PURE__ */ React3.createElement(ControlItemInput, {
-        title: label,
-        description: t("did description")
-      }, /* @__PURE__ */ React3.createElement(ButtonGroup, null, /* @__PURE__ */ React3.createElement(Input.TextInput, {
-        value: getValue(),
-        disabled: true,
-        classNames: "min-is-64"
-      }), /* @__PURE__ */ React3.createElement(Clipboard2.IconButton, {
-        value: getValue() ?? ""
-      })));
-    }
-  }), [
-    t
-  ]);
-  return /* @__PURE__ */ React3.createElement(StackItem2.Content, {
-    classNames: "block overflow-y-auto"
-  }, /* @__PURE__ */ React3.createElement(ControlPage2, null, /* @__PURE__ */ React3.createElement(Clipboard2.Provider, null, /* @__PURE__ */ React3.createElement(ControlSection2, {
-    title: t("profile label"),
-    description: t("profile description")
-  }, /* @__PURE__ */ React3.createElement(Form, {
-    schema: ProfileSchema,
-    values,
-    autoSave: true,
-    onSave: handleSave,
-    Custom: customElements,
-    classNames: 'p-0 container-max-width [&_[role="form"]]:grid [&_[role="form"]]:grid-cols-1 md:[&_[role="form"]]:grid-cols-[1fr_min-content] [&_[role="form"]]:gap-4'
-  })))));
-};
-var ProfileSchema = Schema.Struct({
-  displayName: Schema.String.annotations({
-    title: "Display name"
-  }),
-  emoji: Schema.String.annotations({
-    title: "Avatar"
-  }),
-  hue: Schema.String.annotations({
-    title: "Color"
-  }),
-  did: Schema.String.annotations({
-    title: "DID"
-  })
-});
-
-// packages/plugins/plugin-client/src/components/RecoveryCodeDialog.tsx
-import React4, { useCallback as useCallback4, useState as useState3 } from "react";
-import { AlertDialog, Button as Button2, Clipboard as Clipboard3, Input as Input2, useTranslation as useTranslation4 } from "@dxos/react-ui";
-var RECOVERY_CODE_DIALOG = `${CLIENT_PLUGIN}/RecoveryCodeDialog`;
-var RecoveryCodeDialog = ({ code }) => {
-  const { t } = useTranslation4(CLIENT_PLUGIN);
-  const [confirmation, setConfirmation] = useState3(false);
-  const handleConfirmation = useCallback4((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(Clipboard3.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(Input2.Root, null, /* @__PURE__ */ React4.createElement(Input2.Checkbox, {
-    "data-testid": "recoveryCode.confirm",
-    checked: confirmation,
-    onCheckedChange: handleConfirmation
-  }), /* @__PURE__ */ React4.createElement(Input2.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(Button2, {
-    "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(Clipboard3.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/RecoveryCredentialsContainer.tsx
-import React5 from "react";
-import { createIntent as createIntent3, useIntentDispatcher as useIntentDispatcher3 } from "@dxos/app-framework";
-import { useCredentials } from "@dxos/react-client/halo";
-import { Icon, IconButton as IconButton2, List as List2, ListItem, useTranslation as useTranslation5, Message } from "@dxos/react-ui";
-import { ControlGroup as ControlGroup2, ControlItem as ControlItem3, ControlPage as ControlPage3, ControlSection as ControlSection3 } from "@dxos/react-ui-form";
-import { StackItem as StackItem3 } from "@dxos/react-ui-stack";
-var MANAGE_CREDENTIALS_DIALOG = `${CLIENT_PLUGIN}/ManageCredentialsDialog`;
-var RecoveryCredentialsContainer = () => {
-  const { t } = useTranslation5(CLIENT_PLUGIN);
-  const { dispatchPromise: dispatch } = useIntentDispatcher3();
-  const credentials = useCredentials();
-  const recoveryCredentials = credentials.filter((credential) => credential.subject.assertion["@type"] === "dxos.halo.credentials.IdentityRecovery");
-  return /* @__PURE__ */ React5.createElement(StackItem3.Content, {
-    classNames: "block overflow-y-auto"
-  }, /* @__PURE__ */ React5.createElement(ControlPage3, null, /* @__PURE__ */ React5.createElement(ControlSection3, {
-    title: t("recovery setup dialog title"),
-    description: t("recovery setup dialog description")
-  }, /* @__PURE__ */ React5.createElement(ControlGroup2, null, /* @__PURE__ */ React5.createElement(ControlItem3, {
-    title: t("create passkey label"),
-    description: t("create passkey description")
-  }, /* @__PURE__ */ React5.createElement(IconButton2, {
-    label: t("create passkey label"),
-    icon: "ph--key--duotone",
-    variant: "primary",
-    size: 5,
-    onClick: () => dispatch(createIntent3(ClientAction.CreatePasskey))
-  })), /* @__PURE__ */ React5.createElement(ControlItem3, {
-    title: t("create recovery code label"),
-    description: t("create recovery code description")
-  }, /* @__PURE__ */ React5.createElement(IconButton2, {
-    label: t("create recovery code label"),
-    icon: "ph--receipt--duotone",
-    variant: "default",
-    size: 5,
-    onClick: () => dispatch(createIntent3(ClientAction.CreateRecoveryCode))
-  })))), /* @__PURE__ */ React5.createElement(ControlSection3, {
-    title: t("credentials list label")
-  }, recoveryCredentials.length < 1 ? /* @__PURE__ */ React5.createElement(Message.Root, {
-    valence: "error",
-    className: "container-max-width"
-  }, /* @__PURE__ */ React5.createElement(Message.Title, null, /* @__PURE__ */ React5.createElement(Icon, {
-    icon: "ph--shield-warning--duotone",
-    size: 5,
-    classNames: "inline-block align-top mbs-px mie-1"
-  }), t("no credentials title")), /* @__PURE__ */ React5.createElement(Message.Body, null, t("no credentials message"))) : /* @__PURE__ */ React5.createElement(List2, {
-    classNames: "container-max-width pli-2"
-  }, recoveryCredentials.map((credential) => /* @__PURE__ */ React5.createElement(ListItem.Root, {
-    key: credential.id?.toHex()
-  }, /* @__PURE__ */ React5.createElement(ListItem.Endcap, null, /* @__PURE__ */ React5.createElement(Icon, {
-    icon: "ph--key--regular",
-    size: 5
-  })), /* @__PURE__ */ React5.createElement(ListItem.Heading, null, credential.issuanceDate.toLocaleString())))))));
-};
-
-// packages/plugins/plugin-client/src/components/ResetDialog.tsx
-import React6, { useCallback as useCallback5 } from "react";
-import { createIntent as createIntent4, LayoutAction as LayoutAction2, useIntentDispatcher as useIntentDispatcher4 } from "@dxos/app-framework";
-import { useClient as useClient3 } from "@dxos/react-client";
-import { Dialog as Dialog2, useTranslation as useTranslation6 } from "@dxos/react-ui";
-import { ConfirmReset } from "@dxos/shell/react";
-var RESET_DIALOG = `${CLIENT_PLUGIN}/ResetDialog`;
-var ResetDialog = ({ mode, onReset }) => {
-  const { t } = useTranslation6(CLIENT_PLUGIN);
-  const { dispatchPromise: dispatch } = useIntentDispatcher4();
-  const client = useClient3();
-  const handleReset = useCallback5(async () => {
-    await client.reset();
-    const target = mode === "join new identity" ? "deviceInvitation" : mode === "recover" ? "recoverIdentity" : void 0;
-    await onReset?.({
-      target
-    });
-  }, [
-    dispatch,
-    client,
-    mode,
-    onReset
-  ]);
-  const handleCancel = useCallback5(() => {
-    void dispatch(createIntent4(LayoutAction2.UpdateDialog, {
-      part: "dialog",
-      options: {
-        state: false
-      }
-    }));
-  }, [
-    dispatch
-  ]);
-  return /* @__PURE__ */ React6.createElement(Dialog2.Content, {
-    classNames: "bs-content min-bs-[15rem] max-bs-full md:max-is-[40rem] overflow-hidden"
-  }, /* @__PURE__ */ React6.createElement(Dialog2.Title, {
-    classNames: "sr-only"
-  }, t("reset dialog title")), /* @__PURE__ */ React6.createElement(Dialog2.Description, {
-    classNames: "sr-only"
-  }, t("reset dialog description")), /* @__PURE__ */ React6.createElement(ConfirmReset, {
-    active: true,
-    mode,
-    onConfirm: handleReset,
-    onCancel: handleCancel
-  }));
-};
-
-export {
-  DevicesContainer,
-  JOIN_DIALOG,
-  JoinDialog,
-  ProfileContainer,
-  RECOVERY_CODE_DIALOG,
-  RecoveryCodeDialog,
-  RecoveryCredentialsContainer,
-  RESET_DIALOG,
-  ResetDialog
-};
-//# sourceMappingURL=chunk-34X2AMVA.mjs.map