@dxos/plugin-client 0.8.1 → 0.8.2-main.12df754

package/src/components/DevicesContainer.tsx

@@ -13,7 +13,14 @@ import { type Device, useDevices } from '@dxos/react-client/halo';
 import { type CancellableInvitationObservable, 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, ControlSection } from '@dxos/react-ui-form';
+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';
@@ -46,57 +53,67 @@ export const DevicesContainer = ({
 
   return (
     <Clipboard.Provider>
-      <StackItem.Content classNames='p-2 block overflow-y-auto'>
-        <ControlSection
-          title={t('devices verbose label', { ns: CLIENT_PLUGIN })}
-          description={t('devices description', { ns: CLIENT_PLUGIN })}
-        >
-          <ControlFrame>
-            <ControlFrameItem title={t('devices label', { ns: CLIENT_PLUGIN })}>
-              <List>
-                {devices.map((device: Device) => {
-                  return (
-                    <DeviceListItem key={device.deviceKey.toHex()} device={device} connectionState={connectionState} />
-                  );
-                })}
-              </List>
-            </ControlFrameItem>
-            <ControlFrameItem title='Add device'>
-              <DeviceInvitation createInvitationUrl={createInvitationUrl} />
-            </ControlFrameItem>
-          </ControlFrame>
-        </ControlSection>
-        <ControlSection
-          title={t('danger zone title', { ns: CLIENT_PLUGIN })}
-          description={t('danger zone description', { ns: CLIENT_PLUGIN })}
-        >
-          <ControlGroup>
-            <ControlItem
-              title={t('reset device label')}
-              description={t('reset device description', { ns: CLIENT_PLUGIN })}
-            >
-              <Button variant='destructive' onClick={handleResetStorage} data-testid='devicesContainer.reset'>
-                {t('reset device label')}
-              </Button>
-            </ControlItem>
-            <ControlItem
-              title={t('recover identity label')}
-              description={t('recover identity description', { ns: CLIENT_PLUGIN })}
-            >
-              <Button variant='destructive' onClick={handleRecover} data-testid='devicesContainer.recover'>
-                {t('recover identity label')}
-              </Button>
-            </ControlItem>
-            <ControlItem
-              title={t('join new identity label')}
-              description={t('join new identity description', { ns: CLIENT_PLUGIN })}
-            >
-              <Button variant='destructive' onClick={handleJoinNewIdentity} data-testid='devicesContainer.joinExisting'>
-                {t('join new identity label')}
-              </Button>
-            </ControlItem>
-          </ControlGroup>
-        </ControlSection>
+      <StackItem.Content classNames='block overflow-y-auto'>
+        <ControlPage>
+          <ControlSection
+            title={t('devices verbose label', { ns: CLIENT_PLUGIN })}
+            description={t('devices description', { ns: CLIENT_PLUGIN })}
+          >
+            <ControlFrame>
+              <ControlFrameItem title={t('devices label', { ns: CLIENT_PLUGIN })}>
+                <List>
+                  {devices.map((device: Device) => {
+                    return (
+                      <DeviceListItem
+                        key={device.deviceKey.toHex()}
+                        device={device}
+                        connectionState={connectionState}
+                      />
+                    );
+                  })}
+                </List>
+              </ControlFrameItem>
+              <ControlFrameItem title='Add device'>
+                <DeviceInvitation createInvitationUrl={createInvitationUrl} />
+              </ControlFrameItem>
+            </ControlFrame>
+          </ControlSection>
+          <ControlSection
+            title={t('danger zone title', { ns: CLIENT_PLUGIN })}
+            description={t('danger zone description', { ns: CLIENT_PLUGIN })}
+          >
+            <ControlGroup>
+              <ControlItem
+                title={t('reset device label')}
+                description={t('reset device description', { ns: CLIENT_PLUGIN })}
+              >
+                <Button variant='destructive' onClick={handleResetStorage} data-testid='devicesContainer.reset'>
+                  {t('reset device label')}
+                </Button>
+              </ControlItem>
+              <ControlItem
+                title={t('recover identity label')}
+                description={t('recover identity description', { ns: CLIENT_PLUGIN })}
+              >
+                <Button variant='destructive' onClick={handleRecover} data-testid='devicesContainer.recover'>
+                  {t('recover identity label')}
+                </Button>
+              </ControlItem>
+              <ControlItem
+                title={t('join new identity label')}
+                description={t('join new identity description', { ns: CLIENT_PLUGIN })}
+              >
+                <Button
+                  variant='destructive'
+                  onClick={handleJoinNewIdentity}
+                  data-testid='devicesContainer.joinExisting'
+                >
+                  {t('join new identity label')}
+                </Button>
+              </ControlItem>
+            </ControlGroup>
+          </ControlSection>
+        </ControlPage>
       </StackItem.Content>
     </Clipboard.Provider>
   );

package/src/components/ProfileContainer.tsx

@@ -9,7 +9,14 @@ import { debounce } from '@dxos/async';
 import { useClient } from '@dxos/react-client';
 import { type Identity, useIdentity } from '@dxos/react-client/halo';
 import { ButtonGroup, Clipboard, Input, useTranslation } from '@dxos/react-ui';
-import { Form, type InputComponent, ControlItem, ControlItemInput, ControlSection } from '@dxos/react-ui-form';
+import {
+  Form,
+  type InputComponent,
+  ControlItem,
+  ControlItemInput,
+  ControlSection,
+  ControlPage,
+} from '@dxos/react-ui-form';
 import { EmojiPickerBlock, HuePicker } from '@dxos/react-ui-pickers';
 import { StackItem } from '@dxos/react-ui-stack';
 import { hexToHue, hexToEmoji } from '@dxos/util';
@@ -136,19 +143,21 @@ export const ProfileContainer = () => {
   );
 
   return (
-    <StackItem.Content classNames='p-2 block overflow-y-auto'>
-      <Clipboard.Provider>
-        <ControlSection title={t('profile label')} description={t('profile description')}>
-          <Form
-            schema={ProfileSchema}
-            values={values}
-            autoSave
-            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'
-          />
-        </ControlSection>
-      </Clipboard.Provider>
+    <StackItem.Content classNames='block overflow-y-auto'>
+      <ControlPage>
+        <Clipboard.Provider>
+          <ControlSection title={t('profile label')} description={t('profile description')}>
+            <Form
+              schema={ProfileSchema}
+              values={values}
+              autoSave
+              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'
+            />
+          </ControlSection>
+        </Clipboard.Provider>
+      </ControlPage>
     </StackItem.Content>
   );
 };

package/src/components/RecoveryCredentialsContainer.tsx

@@ -7,7 +7,7 @@ import React from 'react';
 import { createIntent, useIntentDispatcher } from '@dxos/app-framework';
 import { useCredentials } from '@dxos/react-client/halo';
 import { Icon, IconButton, List, ListItem, useTranslation, Message } from '@dxos/react-ui';
-import { ControlGroup, ControlItem, ControlSection } from '@dxos/react-ui-form';
+import { ControlGroup, ControlItem, ControlPage, ControlSection } from '@dxos/react-ui-form';
 import { StackItem } from '@dxos/react-ui-stack';
 
 import { CLIENT_PLUGIN } from '../meta';
@@ -24,51 +24,53 @@ export const RecoveryCredentialsContainer = () => {
   );
 
   return (
-    <StackItem.Content classNames='p-2 block overflow-y-auto'>
-      <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'
-              size={5}
-              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'
-              size={5}
-              onClick={() => dispatch(createIntent(ClientAction.CreateRecoveryCode))}
-            />
-          </ControlItem>
-        </ControlGroup>
-      </ControlSection>
-      <ControlSection title={t('credentials list label')}>
-        {recoveryCredentials.length < 1 ? (
-          <Message.Root valence='error' className='container-max-width'>
-            <Message.Title>
-              <Icon icon='ph--shield-warning--duotone' size={5} classNames='inline-block align-top mbs-px mie-1' />
-              {t('no credentials title')}
-            </Message.Title>
-            <Message.Body>{t('no credentials message')}</Message.Body>
-          </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' size={5} />
-                </ListItem.Endcap>
-                <ListItem.Heading>{credential.issuanceDate.toLocaleString()}</ListItem.Heading>
-              </ListItem.Root>
-            ))}
-          </List>
-        )}
-      </ControlSection>
+    <StackItem.Content classNames='block overflow-y-auto'>
+      <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'
+                size={5}
+                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'
+                size={5}
+                onClick={() => dispatch(createIntent(ClientAction.CreateRecoveryCode))}
+              />
+            </ControlItem>
+          </ControlGroup>
+        </ControlSection>
+        <ControlSection title={t('credentials list label')}>
+          {recoveryCredentials.length < 1 ? (
+            <Message.Root valence='error' className='container-max-width'>
+              <Message.Title>
+                <Icon icon='ph--shield-warning--duotone' size={5} classNames='inline-block align-top mbs-px mie-1' />
+                {t('no credentials title')}
+              </Message.Title>
+              <Message.Body>{t('no credentials message')}</Message.Body>
+            </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' size={5} />
+                  </ListItem.Endcap>
+                  <ListItem.Heading>{credential.issuanceDate.toLocaleString()}</ListItem.Heading>
+                </ListItem.Root>
+              ))}
+            </List>
+          )}
+        </ControlSection>
+      </ControlPage>
     </StackItem.Content>
   );
 };

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/components/DevicesContainer.tsx", "../../../src/components/JoinDialog.tsx", "../../../src/components/ProfileContainer.tsx", "../../../src/components/RecoveryCodeDialog.tsx", "../../../src/components/RecoveryCredentialsContainer.tsx", "../../../src/components/ResetDialog.tsx"],
-  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport { Check, X } from '@phosphor-icons/react';\nimport React, { useCallback, useEffect, useState } from 'react';\nimport { QR } from 'react-qr-rounded';\n\nimport { createIntent, useIntentDispatcher } from '@dxos/app-framework';\nimport { log } from '@dxos/log';\nimport { useClient, useMulticastObservable } from '@dxos/react-client';\nimport { type Device, useDevices } from '@dxos/react-client/halo';\nimport { type CancellableInvitationObservable, Invitation, InvitationEncoder } from '@dxos/react-client/invitations';\nimport { useNetworkStatus } from '@dxos/react-client/mesh';\nimport { Button, Clipboard, IconButton, List, useId, useTranslation } from '@dxos/react-ui';\nimport { ControlFrame, ControlFrameItem, ControlGroup, ControlItem, ControlSection } from '@dxos/react-ui-form';\nimport { StackItem } from '@dxos/react-ui-stack';\nimport { getSize, mx } from '@dxos/react-ui-theme';\nimport { AuthCode, Centered, DeviceListItem, Emoji, Viewport } from '@dxos/shell/react';\nimport { hexToEmoji } from '@dxos/util';\n\nimport { CLIENT_PLUGIN } from '../meta';\nimport { ClientAction } from '../types';\n\nexport const DevicesContainer = ({\n  createInvitationUrl,\n}: {\n  createInvitationUrl: (invitationCode: string) => string;\n}) => {\n  const { t } = useTranslation('os');\n  const { dispatchPromise: dispatch } = useIntentDispatcher();\n  const devices = useDevices();\n  const { swarm: connectionState } = useNetworkStatus();\n\n  const handleResetStorage = useCallback(() => dispatch(createIntent(ClientAction.ResetStorage)), [dispatch]);\n\n  const handleRecover = useCallback(\n    () => dispatch(createIntent(ClientAction.ResetStorage, { mode: 'recover' })),\n    [dispatch],\n  );\n\n  const handleJoinNewIdentity = useCallback(\n    () => dispatch(createIntent(ClientAction.ResetStorage, { mode: 'join new identity' })),\n    [dispatch],\n  );\n\n  return (\n    <Clipboard.Provider>\n      <StackItem.Content classNames='p-2 block overflow-y-auto'>\n        <ControlSection\n          title={t('devices verbose label', { ns: CLIENT_PLUGIN })}\n          description={t('devices description', { ns: CLIENT_PLUGIN })}\n        >\n          <ControlFrame>\n            <ControlFrameItem title={t('devices label', { ns: CLIENT_PLUGIN })}>\n              <List>\n                {devices.map((device: Device) => {\n                  return (\n                    <DeviceListItem key={device.deviceKey.toHex()} device={device} connectionState={connectionState} />\n                  );\n                })}\n              </List>\n            </ControlFrameItem>\n            <ControlFrameItem title='Add device'>\n              <DeviceInvitation createInvitationUrl={createInvitationUrl} />\n            </ControlFrameItem>\n          </ControlFrame>\n        </ControlSection>\n        <ControlSection\n          title={t('danger zone title', { ns: CLIENT_PLUGIN })}\n          description={t('danger zone description', { ns: CLIENT_PLUGIN })}\n        >\n          <ControlGroup>\n            <ControlItem\n              title={t('reset device label')}\n              description={t('reset device description', { ns: CLIENT_PLUGIN })}\n            >\n              <Button variant='destructive' onClick={handleResetStorage} data-testid='devicesContainer.reset'>\n                {t('reset device label')}\n              </Button>\n            </ControlItem>\n            <ControlItem\n              title={t('recover identity label')}\n              description={t('recover identity description', { ns: CLIENT_PLUGIN })}\n            >\n              <Button variant='destructive' onClick={handleRecover} data-testid='devicesContainer.recover'>\n                {t('recover identity label')}\n              </Button>\n            </ControlItem>\n            <ControlItem\n              title={t('join new identity label')}\n              description={t('join new identity description', { ns: CLIENT_PLUGIN })}\n            >\n              <Button variant='destructive' onClick={handleJoinNewIdentity} data-testid='devicesContainer.joinExisting'>\n                {t('join new identity label')}\n              </Button>\n            </ControlItem>\n          </ControlGroup>\n        </ControlSection>\n      </StackItem.Content>\n    </Clipboard.Provider>\n  );\n};\n\ntype DeviceInvitationProps = {\n  invitation?: CancellableInvitationObservable;\n  createInvitationUrl: (invitationCode: string) => string;\n  onInvitationDone: () => void;\n  onInvitationCreate: () => void;\n};\n\nconst DeviceInvitation = (props: Pick<DeviceInvitationProps, 'createInvitationUrl'>) => {\n  const client = useClient();\n  const [invitation, setInvitation] = useState<CancellableInvitationObservable>();\n\n  const onInvitationCreate = useCallback(() => {\n    const invitation = client.halo.share();\n    if (client.config.values.runtime?.app?.env?.DX_ENVIRONMENT !== 'production') {\n      const subscription = invitation.subscribe((invitation: Invitation) => {\n        const invitationCode = InvitationEncoder.encode(invitation);\n        if (invitation.state === Invitation.State.CONNECTING) {\n          log.info(JSON.stringify({ invitationCode, authCode: invitation.authCode }));\n          subscription.unsubscribe();\n        }\n      });\n    }\n    setInvitation(invitation);\n  }, [client]);\n\n  const onInvitationDone = useCallback(() => {\n    setInvitation(undefined);\n  }, []);\n\n  if (invitation) {\n    return <DeviceInvitationImpl {...props} {...{ invitation, onInvitationCreate, onInvitationDone }} />;\n  } else {\n    return <InvitationSection {...props} {...{ onInvitationCreate, onInvitationDone }} />;\n  }\n};\n\nconst DeviceInvitationImpl = ({\n  invitation: invitationObservable,\n  createInvitationUrl,\n  onInvitationDone,\n  onInvitationCreate,\n}: DeviceInvitationProps) => {\n  const invitation = useMulticastObservable(invitationObservable!);\n  const url = createInvitationUrl(InvitationEncoder.encode(invitation));\n\n  useEffect(() => {\n    if (invitation.state >= Invitation.State.SUCCESS) {\n      onInvitationDone();\n    }\n  }, [invitation.state]);\n\n  return <InvitationSection {...invitation} {...{ url, onInvitationDone, onInvitationCreate }} />;\n};\n\ntype InvitationComponentProps = Partial<\n  Pick<Invitation, 'authCode' | 'invitationId'> &\n    Pick<DeviceInvitationProps, 'onInvitationDone' | 'onInvitationCreate'> & {\n      state: number;\n      url: string;\n    }\n>;\n\nconst InvitationSection = ({\n  state = -1,\n  authCode,\n  invitationId = 'never',\n  url = 'never',\n  onInvitationDone = () => {},\n  onInvitationCreate = () => {},\n}: InvitationComponentProps) => {\n  const { t } = useTranslation(CLIENT_PLUGIN);\n  const activeView =\n    state < 0\n      ? 'init'\n      : state >= Invitation.State.CANCELLED\n        ? 'complete'\n        : state >= Invitation.State.READY_FOR_AUTHENTICATION && authCode\n          ? 'auth-code'\n          : 'qr-code';\n  return activeView === 'init' ? (\n    <>\n      <p className='text-description mbe-2'>{t('add device description')}</p>\n      <IconButton\n        icon='ph--plus--regular'\n        label={t('create device invitation label')}\n        disabled={state >= 0}\n        classNames='is-full'\n        data-testid='devicesContainer.createInvitation'\n        onClick={onInvitationCreate}\n      />\n    </>\n  ) : (\n    <Viewport.Root activeView={activeView}>\n      <Viewport.Views>\n        <Viewport.View id='init'>\n          {/* This view intentionally left blank while conditionally rendering the viewport. */}\n        </Viewport.View>\n        <Viewport.View id='complete'>\n          <InvitationComplete statusValue={state} />\n        </Viewport.View>\n        <Viewport.View id='auth-code'>\n          <InvitationAuthCode id={invitationId} code={authCode ?? 'never'} onCancel={onInvitationDone} />\n        </Viewport.View>\n        <Viewport.View id='qr-code'>\n          <InvitationQR id={invitationId} url={url} onCancel={onInvitationDone} />\n        </Viewport.View>\n      </Viewport.Views>\n    </Viewport.Root>\n  );\n};\n\nconst InvitationQR = ({ id, url, onCancel }: { id: string; url: string; onCancel: () => void }) => {\n  const { t } = useTranslation('os');\n  const qrLabel = useId('devices-container__qr-code');\n  const emoji = hexToEmoji(id);\n  return (\n    <>\n      <p className='text-description'>{t('qr code description', { ns: CLIENT_PLUGIN })}</p>\n      <div role='group' className='grid grid-cols-[1fr_min-content] mlb-2 gap-2'>\n        <div role='none' className='is-full aspect-square relative text-description'>\n          <QR\n            rounding={100}\n            backgroundColor='transparent'\n            color='currentColor'\n            aria-labelledby={qrLabel}\n            errorCorrectionLevel='Q'\n            cutout={true}\n          >\n            {url ?? 'never'}\n          </QR>\n          <Centered>\n            <Emoji text={emoji} />\n          </Centered>\n        </div>\n        <span id={qrLabel} className='sr-only'>\n          {t('qr label')}\n        </span>\n        <Clipboard.Button value={url ?? 'never'} />\n      </div>\n      <Button variant='ghost' onClick={onCancel}>\n        {t('cancel label')}\n      </Button>\n    </>\n  );\n};\n\nconst InvitationAuthCode = ({ id, code, onCancel }: { id: string; code: string; onCancel: () => void }) => {\n  const { t } = useTranslation('os');\n  const emoji = hexToEmoji(id);\n\n  return (\n    <>\n      <p className='text-description'>{t('auth other device emoji message')}</p>\n      {emoji && <Emoji text={emoji} className='mli-auto mlb-2 text-center' />}\n      <p className='text-description'>{t('auth code message')}</p>\n      <AuthCode code={code} large classNames='mli-auto mlb-2 text-center grow' />\n      <Button variant='ghost' onClick={onCancel}>\n        {t('cancel label')}\n      </Button>\n    </>\n  );\n};\n\nconst InvitationComplete = ({ statusValue }: { statusValue: number }) => {\n  return statusValue > 0 ? <Check className={mx('m-1.5', getSize(6))} /> : <X className={mx('m-1.5', getSize(6))} />;\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, useTranslation } 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  const { t } = useTranslation(CLIENT_PLUGIN);\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      <Dialog.Title classNames='sr-only'>{t('join space label', { ns: 'os' })}</Dialog.Title>\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 2025 DXOS.org\n//\n\nimport { Schema as S } from 'effect';\nimport React, { type ChangeEvent, useCallback, useMemo, useState } from 'react';\n\nimport { debounce } from '@dxos/async';\nimport { useClient } from '@dxos/react-client';\nimport { type Identity, useIdentity } from '@dxos/react-client/halo';\nimport { ButtonGroup, Clipboard, Input, useTranslation } from '@dxos/react-ui';\nimport { Form, type InputComponent, ControlItem, ControlItemInput, ControlSection } from '@dxos/react-ui-form';\nimport { EmojiPickerBlock, HuePicker } from '@dxos/react-ui-pickers';\nimport { StackItem } from '@dxos/react-ui-stack';\nimport { hexToHue, hexToEmoji } from '@dxos/util';\n\nimport { CLIENT_PLUGIN } from '../meta';\n\n// TODO(thure): Factor out?\nconst getDefaultHueValue = (identity: Identity | null) => hexToHue(identity?.identityKey.toHex() ?? '0');\nconst getDefaultEmojiValue = (identity: Identity | null) => hexToEmoji(identity?.identityKey.toHex() ?? '0');\nconst getHueValue = (identity: Identity | null) => identity?.profile?.data?.hue || getDefaultHueValue(identity);\nconst getEmojiValue = (identity: Identity | null) => identity?.profile?.data?.emoji || getDefaultEmojiValue(identity);\n\nexport const ProfileContainer = () => {\n  const { t } = useTranslation(CLIENT_PLUGIN);\n  const client = useClient();\n  const identity = useIdentity();\n  const [displayName, setDisplayNameDirectly] = useState(identity?.profile?.displayName ?? '');\n  const [emoji, setEmojiDirectly] = useState<string>(getEmojiValue(identity));\n  const [hue, setHueDirectly] = useState<string>(getHueValue(identity));\n\n  const updateProfile = useMemo(\n    () =>\n      debounce(\n        (profile: Partial<Profile>) =>\n          client.halo.updateProfile({\n            displayName: profile.displayName,\n            data: {\n              emoji: profile.emoji,\n              hue: profile.hue,\n            },\n          }),\n        2_000,\n      ),\n    [],\n  );\n\n  const handleSave = useCallback(\n    (profile: Profile) => {\n      setDisplayNameDirectly(profile.displayName);\n      setEmojiDirectly(profile.emoji);\n      setHueDirectly(profile.hue);\n      updateProfile(profile);\n    },\n    [identity],\n  );\n\n  const values = useMemo(\n    () => ({\n      displayName,\n      emoji,\n      hue,\n      did: identity?.did,\n    }),\n    [identity, displayName, emoji, hue],\n  );\n\n  // TODO(wittjosiah): Integrate descriptions with the form schema.\n  const customElements: Partial<Record<string, InputComponent>> = useMemo(\n    () => ({\n      displayName: ({ type, label, getValue, onValueChange }) => {\n        const handleChange = useCallback(\n          ({ target: { value } }: ChangeEvent<HTMLInputElement>) => onValueChange(type, value),\n          [onValueChange, type],\n        );\n        return (\n          <ControlItemInput title={label} description={t('display name description')}>\n            <Input.TextInput\n              value={getValue()}\n              onChange={handleChange}\n              placeholder={t('display name input placeholder')}\n              classNames='min-is-64'\n            />\n          </ControlItemInput>\n        );\n      },\n      emoji: ({ type, label, getValue, onValueChange }) => {\n        const handleChange = useCallback((nextEmoji: string) => onValueChange(type, nextEmoji), [onValueChange, type]);\n        const handleEmojiReset = useCallback(\n          () => onValueChange(type, getDefaultEmojiValue(identity)),\n          [onValueChange, type],\n        );\n        return (\n          <ControlItem title={label} description={t('icon description')}>\n            <EmojiPickerBlock\n              triggerVariant='default'\n              emoji={getValue()}\n              onChangeEmoji={handleChange}\n              onClickClear={handleEmojiReset}\n              classNames='justify-self-end'\n            />\n          </ControlItem>\n        );\n      },\n      hue: ({ type, label, getValue, onValueChange }) => {\n        const handleChange = useCallback((nextHue: string) => onValueChange(type, nextHue), [onValueChange, type]);\n        const handleHueReset = useCallback(\n          () => onValueChange(type, getDefaultHueValue(identity)),\n          [onValueChange, type],\n        );\n        return (\n          <ControlItem title={label} description={t('hue description')}>\n            <HuePicker\n              value={getValue()}\n              onChange={handleChange}\n              onReset={handleHueReset}\n              classNames='[--hue-preview-size:1.5rem] justify-self-end'\n            />\n          </ControlItem>\n        );\n      },\n      // TODO(wittjosiah): We need text input annotations for disabled and copyable.\n      did: ({ label, getValue }) => {\n        return (\n          <ControlItemInput title={label} description={t('did description')}>\n            <ButtonGroup>\n              <Input.TextInput value={getValue()} disabled classNames='min-is-64' />\n              <Clipboard.IconButton value={getValue() ?? ''} />\n            </ButtonGroup>\n          </ControlItemInput>\n        );\n      },\n    }),\n    [t],\n  );\n\n  return (\n    <StackItem.Content classNames='p-2 block overflow-y-auto'>\n      <Clipboard.Provider>\n        <ControlSection title={t('profile label')} description={t('profile description')}>\n          <Form\n            schema={ProfileSchema}\n            values={values}\n            autoSave\n            onSave={handleSave}\n            Custom={customElements}\n            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'\n          />\n        </ControlSection>\n      </Clipboard.Provider>\n    </StackItem.Content>\n  );\n};\n\n// TODO(wittjosiah): Integrate annotations with translations.\nconst ProfileSchema = S.Struct({\n  displayName: S.String.annotations({ title: 'Display name' }),\n  emoji: S.String.annotations({ title: 'Avatar' }),\n  hue: S.String.annotations({ title: 'Color' }),\n  did: S.String.annotations({ title: 'DID' }),\n});\ntype Profile = S.Schema.Type<typeof ProfileSchema>;\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 RECOVERY_CODE_DIALOG = `${CLIENT_PLUGIN}/RecoveryCodeDialog`;\n\nexport type RecoveryCodeDialogProps = {\n  code: string;\n};\n\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 React from 'react';\n\nimport { createIntent, useIntentDispatcher } from '@dxos/app-framework';\nimport { useCredentials } from '@dxos/react-client/halo';\nimport { Icon, IconButton, List, ListItem, useTranslation, Message } from '@dxos/react-ui';\nimport { ControlGroup, ControlItem, ControlSection } from '@dxos/react-ui-form';\nimport { StackItem } from '@dxos/react-ui-stack';\n\nimport { CLIENT_PLUGIN } from '../meta';\nimport { ClientAction } from '../types';\n\nexport const MANAGE_CREDENTIALS_DIALOG = `${CLIENT_PLUGIN}/ManageCredentialsDialog`;\n\nexport const RecoveryCredentialsContainer = () => {\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  return (\n    <StackItem.Content classNames='p-2 block overflow-y-auto'>\n      <ControlSection title={t('recovery setup dialog title')} description={t('recovery setup dialog description')}>\n        <ControlGroup>\n          <ControlItem title={t('create passkey label')} description={t('create passkey description')}>\n            <IconButton\n              label={t('create passkey label')}\n              icon='ph--key--duotone'\n              variant='primary'\n              size={5}\n              onClick={() => dispatch(createIntent(ClientAction.CreatePasskey))}\n            />\n          </ControlItem>\n          <ControlItem title={t('create recovery code label')} description={t('create recovery code description')}>\n            <IconButton\n              label={t('create recovery code label')}\n              icon='ph--receipt--duotone'\n              variant='default'\n              size={5}\n              onClick={() => dispatch(createIntent(ClientAction.CreateRecoveryCode))}\n            />\n          </ControlItem>\n        </ControlGroup>\n      </ControlSection>\n      <ControlSection title={t('credentials list label')}>\n        {recoveryCredentials.length < 1 ? (\n          <Message.Root valence='error' className='container-max-width'>\n            <Message.Title>\n              <Icon icon='ph--shield-warning--duotone' size={5} classNames='inline-block align-top mbs-px mie-1' />\n              {t('no credentials title')}\n            </Message.Title>\n            <Message.Body>{t('no credentials message')}</Message.Body>\n          </Message.Root>\n        ) : (\n          <List classNames='container-max-width pli-2'>\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        )}\n      </ControlSection>\n    </StackItem.Content>\n  );\n};\n", "//\n// Copyright 2025 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 { Dialog, useTranslation } from '@dxos/react-ui';\nimport { ConfirmReset, type ConfirmResetProps } from '@dxos/shell/react';\n\nimport { CLIENT_PLUGIN } from '../meta';\nimport { type ClientPluginOptions } from '../types';\n\nexport const RESET_DIALOG = `${CLIENT_PLUGIN}/ResetDialog`;\n\nexport type ResetDialogProps = Pick<ConfirmResetProps, 'mode'> & Pick<ClientPluginOptions, 'onReset'>;\n\nexport const ResetDialog = ({ mode, onReset }: ResetDialogProps) => {\n  const { t } = useTranslation(CLIENT_PLUGIN);\n  const { dispatchPromise: dispatch } = useIntentDispatcher();\n  const client = useClient();\n\n  const handleReset = useCallback(async () => {\n    await client.reset();\n    const target =\n      mode === 'join new identity' ? 'deviceInvitation' : mode === 'recover' ? 'recoverIdentity' : undefined;\n    await onReset?.({ target });\n  }, [dispatch, client, mode, onReset]);\n\n  const handleCancel = useCallback(() => {\n    void dispatch(\n      createIntent(LayoutAction.UpdateDialog, {\n        part: 'dialog',\n        options: { state: false },\n      }),\n    );\n  }, [dispatch]);\n\n  // TODO(wittjosiah): Add the sr-only translations.\n  // TODO(wittjosiah): Add missing descriptions to other dialogs.\n  return (\n    <Dialog.Content classNames='bs-content min-bs-[15rem] max-bs-full md:max-is-[40rem] overflow-hidden'>\n      <Dialog.Title classNames='sr-only'>{t('reset dialog title')}</Dialog.Title>\n      <Dialog.Description classNames='sr-only'>{t('reset dialog description')}</Dialog.Description>\n      <ConfirmReset active mode={mode} onConfirm={handleReset} onCancel={handleCancel} />\n    </Dialog.Content>\n  );\n};\n"],
-  "mappings": "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",
-  "names": ["Check", "X", "React", "useCallback", "useEffect", "useState", "QR", "createIntent", "useIntentDispatcher", "log", "useClient", "useMulticastObservable", "useDevices", "Invitation", "InvitationEncoder", "useNetworkStatus", "Button", "Clipboard", "IconButton", "List", "useId", "useTranslation", "ControlFrame", "ControlFrameItem", "ControlGroup", "ControlItem", "ControlSection", "StackItem", "getSize", "mx", "AuthCode", "Centered", "DeviceListItem", "Emoji", "Viewport", "hexToEmoji", "DevicesContainer", "createInvitationUrl", "t", "useTranslation", "dispatchPromise", "dispatch", "useIntentDispatcher", "devices", "useDevices", "swarm", "connectionState", "useNetworkStatus", "handleResetStorage", "useCallback", "createIntent", "ClientAction", "ResetStorage", "handleRecover", "mode", "handleJoinNewIdentity", "Clipboard", "Provider", "StackItem", "Content", "classNames", "ControlSection", "title", "ns", "CLIENT_PLUGIN", "description", "ControlFrame", "ControlFrameItem", "List", "map", "device", "DeviceListItem", "key", "deviceKey", "toHex", "DeviceInvitation", "ControlGroup", "ControlItem", "Button", "variant", "onClick", "data-testid", "props", "client", "useClient", "invitation", "setInvitation", "useState", "onInvitationCreate", "halo", "share", "config", "values", "runtime", "app", "env", "DX_ENVIRONMENT", "subscription", "subscribe", "invitationCode", "InvitationEncoder", "encode", "state", "Invitation", "State", "CONNECTING", "log", "info", "JSON", "stringify", "authCode", "unsubscribe", "onInvitationDone", "undefined", "DeviceInvitationImpl", "InvitationSection", "invitationObservable", "useMulticastObservable", "url", "useEffect", "SUCCESS", "invitationId", "activeView", "CANCELLED", "READY_FOR_AUTHENTICATION", "p", "className", "IconButton", "icon", "label", "disabled", "Viewport", "Root", "Views", "View", "id", "InvitationComplete", "statusValue", "InvitationAuthCode", "code", "onCancel", "InvitationQR", "qrLabel", "useId", "emoji", "hexToEmoji", "div", "role", "QR", "rounding", "backgroundColor", "color", "aria-labelledby", "errorCorrectionLevel", "cutout", "Centered", "Emoji", "text", "span", "value", "AuthCode", "large", "Check", "mx", "getSize", "X", "React", "useCallback", "createIntent", "LayoutAction", "useIntentDispatcher", "ObservabilityAction", "Dialog", "useTranslation", "JoinPanel", "JOIN_DIALOG", "CLIENT_PLUGIN", "JoinDialog", "props", "dispatchPromise", "dispatch", "useIntentDispatcher", "t", "useTranslation", "handleCancelResetStorage", "useCallback", "createIntent", "ClientAction", "ShareIdentity", "handleDone", "result", "identityKey", "Promise", "all", "LayoutAction", "UpdateDialog", "part", "options", "state", "ObservabilityAction", "SendEvent", "name", "initialDisposition", "React", "Dialog", "Content", "Title", "classNames", "ns", "JoinPanel", "mode", "exitActionParent", "Close", "asChild", "doneActionParent", "onCancelResetStorage", "onDone", "Schema", "S", "React", "useCallback", "useMemo", "useState", "debounce", "useClient", "useIdentity", "ButtonGroup", "Clipboard", "Input", "useTranslation", "Form", "ControlItem", "ControlItemInput", "ControlSection", "EmojiPickerBlock", "HuePicker", "StackItem", "hexToHue", "hexToEmoji", "getDefaultHueValue", "identity", "hexToHue", "identityKey", "toHex", "getDefaultEmojiValue", "hexToEmoji", "getHueValue", "profile", "data", "hue", "getEmojiValue", "emoji", "ProfileContainer", "t", "useTranslation", "CLIENT_PLUGIN", "client", "useClient", "useIdentity", "displayName", "setDisplayNameDirectly", "useState", "setEmojiDirectly", "setHueDirectly", "updateProfile", "useMemo", "debounce", "halo", "handleSave", "useCallback", "values", "did", "customElements", "type", "label", "getValue", "onValueChange", "handleChange", "target", "value", "React", "ControlItemInput", "title", "description", "Input", "TextInput", "onChange", "placeholder", "classNames", "nextEmoji", "handleEmojiReset", "ControlItem", "EmojiPickerBlock", "triggerVariant", "onChangeEmoji", "onClickClear", "nextHue", "handleHueReset", "HuePicker", "onReset", "ButtonGroup", "disabled", "Clipboard", "IconButton", "StackItem", "Content", "Provider", "ControlSection", "Form", "schema", "ProfileSchema", "autoSave", "onSave", "Custom", "S", "Struct", "String", "annotations", "React", "useCallback", "useState", "AlertDialog", "Button", "Clipboard", "Input", "useTranslation", "RECOVERY_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", "React", "createIntent", "useIntentDispatcher", "useCredentials", "Icon", "IconButton", "List", "ListItem", "useTranslation", "Message", "ControlGroup", "ControlItem", "ControlSection", "StackItem", "MANAGE_CREDENTIALS_DIALOG", "CLIENT_PLUGIN", "RecoveryCredentialsContainer", "t", "useTranslation", "dispatchPromise", "dispatch", "useIntentDispatcher", "credentials", "useCredentials", "recoveryCredentials", "filter", "credential", "subject", "assertion", "React", "StackItem", "Content", "classNames", "ControlSection", "title", "description", "ControlGroup", "ControlItem", "IconButton", "label", "icon", "variant", "size", "onClick", "createIntent", "ClientAction", "CreatePasskey", "CreateRecoveryCode", "length", "Message", "Root", "valence", "className", "Title", "Icon", "Body", "List", "map", "ListItem", "key", "id", "toHex", "Endcap", "Heading", "issuanceDate", "toLocaleString", "React", "useCallback", "createIntent", "LayoutAction", "useIntentDispatcher", "useClient", "Dialog", "useTranslation", "ConfirmReset", "RESET_DIALOG", "CLIENT_PLUGIN", "ResetDialog", "mode", "onReset", "t", "useTranslation", "dispatchPromise", "dispatch", "useIntentDispatcher", "client", "useClient", "handleReset", "useCallback", "reset", "target", "undefined", "handleCancel", "createIntent", "LayoutAction", "UpdateDialog", "part", "options", "state", "React", "Dialog", "Content", "classNames", "Title", "Description", "ConfirmReset", "active", "onConfirm", "onCancel"]
-}

package/dist/lib/node/chunk-3JE5BFCT.cjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/components/DevicesContainer.tsx", "../../../src/components/JoinDialog.tsx", "../../../src/components/ProfileContainer.tsx", "../../../src/components/RecoveryCodeDialog.tsx", "../../../src/components/RecoveryCredentialsContainer.tsx", "../../../src/components/ResetDialog.tsx"],
-  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport { Check, X } from '@phosphor-icons/react';\nimport React, { useCallback, useEffect, useState } from 'react';\nimport { QR } from 'react-qr-rounded';\n\nimport { createIntent, useIntentDispatcher } from '@dxos/app-framework';\nimport { log } from '@dxos/log';\nimport { useClient, useMulticastObservable } from '@dxos/react-client';\nimport { type Device, useDevices } from '@dxos/react-client/halo';\nimport { type CancellableInvitationObservable, Invitation, InvitationEncoder } from '@dxos/react-client/invitations';\nimport { useNetworkStatus } from '@dxos/react-client/mesh';\nimport { Button, Clipboard, IconButton, List, useId, useTranslation } from '@dxos/react-ui';\nimport { ControlFrame, ControlFrameItem, ControlGroup, ControlItem, ControlSection } from '@dxos/react-ui-form';\nimport { StackItem } from '@dxos/react-ui-stack';\nimport { getSize, mx } from '@dxos/react-ui-theme';\nimport { AuthCode, Centered, DeviceListItem, Emoji, Viewport } from '@dxos/shell/react';\nimport { hexToEmoji } from '@dxos/util';\n\nimport { CLIENT_PLUGIN } from '../meta';\nimport { ClientAction } from '../types';\n\nexport const DevicesContainer = ({\n  createInvitationUrl,\n}: {\n  createInvitationUrl: (invitationCode: string) => string;\n}) => {\n  const { t } = useTranslation('os');\n  const { dispatchPromise: dispatch } = useIntentDispatcher();\n  const devices = useDevices();\n  const { swarm: connectionState } = useNetworkStatus();\n\n  const handleResetStorage = useCallback(() => dispatch(createIntent(ClientAction.ResetStorage)), [dispatch]);\n\n  const handleRecover = useCallback(\n    () => dispatch(createIntent(ClientAction.ResetStorage, { mode: 'recover' })),\n    [dispatch],\n  );\n\n  const handleJoinNewIdentity = useCallback(\n    () => dispatch(createIntent(ClientAction.ResetStorage, { mode: 'join new identity' })),\n    [dispatch],\n  );\n\n  return (\n    <Clipboard.Provider>\n      <StackItem.Content classNames='p-2 block overflow-y-auto'>\n        <ControlSection\n          title={t('devices verbose label', { ns: CLIENT_PLUGIN })}\n          description={t('devices description', { ns: CLIENT_PLUGIN })}\n        >\n          <ControlFrame>\n            <ControlFrameItem title={t('devices label', { ns: CLIENT_PLUGIN })}>\n              <List>\n                {devices.map((device: Device) => {\n                  return (\n                    <DeviceListItem key={device.deviceKey.toHex()} device={device} connectionState={connectionState} />\n                  );\n                })}\n              </List>\n            </ControlFrameItem>\n            <ControlFrameItem title='Add device'>\n              <DeviceInvitation createInvitationUrl={createInvitationUrl} />\n            </ControlFrameItem>\n          </ControlFrame>\n        </ControlSection>\n        <ControlSection\n          title={t('danger zone title', { ns: CLIENT_PLUGIN })}\n          description={t('danger zone description', { ns: CLIENT_PLUGIN })}\n        >\n          <ControlGroup>\n            <ControlItem\n              title={t('reset device label')}\n              description={t('reset device description', { ns: CLIENT_PLUGIN })}\n            >\n              <Button variant='destructive' onClick={handleResetStorage} data-testid='devicesContainer.reset'>\n                {t('reset device label')}\n              </Button>\n            </ControlItem>\n            <ControlItem\n              title={t('recover identity label')}\n              description={t('recover identity description', { ns: CLIENT_PLUGIN })}\n            >\n              <Button variant='destructive' onClick={handleRecover} data-testid='devicesContainer.recover'>\n                {t('recover identity label')}\n              </Button>\n            </ControlItem>\n            <ControlItem\n              title={t('join new identity label')}\n              description={t('join new identity description', { ns: CLIENT_PLUGIN })}\n            >\n              <Button variant='destructive' onClick={handleJoinNewIdentity} data-testid='devicesContainer.joinExisting'>\n                {t('join new identity label')}\n              </Button>\n            </ControlItem>\n          </ControlGroup>\n        </ControlSection>\n      </StackItem.Content>\n    </Clipboard.Provider>\n  );\n};\n\ntype DeviceInvitationProps = {\n  invitation?: CancellableInvitationObservable;\n  createInvitationUrl: (invitationCode: string) => string;\n  onInvitationDone: () => void;\n  onInvitationCreate: () => void;\n};\n\nconst DeviceInvitation = (props: Pick<DeviceInvitationProps, 'createInvitationUrl'>) => {\n  const client = useClient();\n  const [invitation, setInvitation] = useState<CancellableInvitationObservable>();\n\n  const onInvitationCreate = useCallback(() => {\n    const invitation = client.halo.share();\n    if (client.config.values.runtime?.app?.env?.DX_ENVIRONMENT !== 'production') {\n      const subscription = invitation.subscribe((invitation: Invitation) => {\n        const invitationCode = InvitationEncoder.encode(invitation);\n        if (invitation.state === Invitation.State.CONNECTING) {\n          log.info(JSON.stringify({ invitationCode, authCode: invitation.authCode }));\n          subscription.unsubscribe();\n        }\n      });\n    }\n    setInvitation(invitation);\n  }, [client]);\n\n  const onInvitationDone = useCallback(() => {\n    setInvitation(undefined);\n  }, []);\n\n  if (invitation) {\n    return <DeviceInvitationImpl {...props} {...{ invitation, onInvitationCreate, onInvitationDone }} />;\n  } else {\n    return <InvitationSection {...props} {...{ onInvitationCreate, onInvitationDone }} />;\n  }\n};\n\nconst DeviceInvitationImpl = ({\n  invitation: invitationObservable,\n  createInvitationUrl,\n  onInvitationDone,\n  onInvitationCreate,\n}: DeviceInvitationProps) => {\n  const invitation = useMulticastObservable(invitationObservable!);\n  const url = createInvitationUrl(InvitationEncoder.encode(invitation));\n\n  useEffect(() => {\n    if (invitation.state >= Invitation.State.SUCCESS) {\n      onInvitationDone();\n    }\n  }, [invitation.state]);\n\n  return <InvitationSection {...invitation} {...{ url, onInvitationDone, onInvitationCreate }} />;\n};\n\ntype InvitationComponentProps = Partial<\n  Pick<Invitation, 'authCode' | 'invitationId'> &\n    Pick<DeviceInvitationProps, 'onInvitationDone' | 'onInvitationCreate'> & {\n      state: number;\n      url: string;\n    }\n>;\n\nconst InvitationSection = ({\n  state = -1,\n  authCode,\n  invitationId = 'never',\n  url = 'never',\n  onInvitationDone = () => {},\n  onInvitationCreate = () => {},\n}: InvitationComponentProps) => {\n  const { t } = useTranslation(CLIENT_PLUGIN);\n  const activeView =\n    state < 0\n      ? 'init'\n      : state >= Invitation.State.CANCELLED\n        ? 'complete'\n        : state >= Invitation.State.READY_FOR_AUTHENTICATION && authCode\n          ? 'auth-code'\n          : 'qr-code';\n  return activeView === 'init' ? (\n    <>\n      <p className='text-description mbe-2'>{t('add device description')}</p>\n      <IconButton\n        icon='ph--plus--regular'\n        label={t('create device invitation label')}\n        disabled={state >= 0}\n        classNames='is-full'\n        data-testid='devicesContainer.createInvitation'\n        onClick={onInvitationCreate}\n      />\n    </>\n  ) : (\n    <Viewport.Root activeView={activeView}>\n      <Viewport.Views>\n        <Viewport.View id='init'>\n          {/* This view intentionally left blank while conditionally rendering the viewport. */}\n        </Viewport.View>\n        <Viewport.View id='complete'>\n          <InvitationComplete statusValue={state} />\n        </Viewport.View>\n        <Viewport.View id='auth-code'>\n          <InvitationAuthCode id={invitationId} code={authCode ?? 'never'} onCancel={onInvitationDone} />\n        </Viewport.View>\n        <Viewport.View id='qr-code'>\n          <InvitationQR id={invitationId} url={url} onCancel={onInvitationDone} />\n        </Viewport.View>\n      </Viewport.Views>\n    </Viewport.Root>\n  );\n};\n\nconst InvitationQR = ({ id, url, onCancel }: { id: string; url: string; onCancel: () => void }) => {\n  const { t } = useTranslation('os');\n  const qrLabel = useId('devices-container__qr-code');\n  const emoji = hexToEmoji(id);\n  return (\n    <>\n      <p className='text-description'>{t('qr code description', { ns: CLIENT_PLUGIN })}</p>\n      <div role='group' className='grid grid-cols-[1fr_min-content] mlb-2 gap-2'>\n        <div role='none' className='is-full aspect-square relative text-description'>\n          <QR\n            rounding={100}\n            backgroundColor='transparent'\n            color='currentColor'\n            aria-labelledby={qrLabel}\n            errorCorrectionLevel='Q'\n            cutout={true}\n          >\n            {url ?? 'never'}\n          </QR>\n          <Centered>\n            <Emoji text={emoji} />\n          </Centered>\n        </div>\n        <span id={qrLabel} className='sr-only'>\n          {t('qr label')}\n        </span>\n        <Clipboard.Button value={url ?? 'never'} />\n      </div>\n      <Button variant='ghost' onClick={onCancel}>\n        {t('cancel label')}\n      </Button>\n    </>\n  );\n};\n\nconst InvitationAuthCode = ({ id, code, onCancel }: { id: string; code: string; onCancel: () => void }) => {\n  const { t } = useTranslation('os');\n  const emoji = hexToEmoji(id);\n\n  return (\n    <>\n      <p className='text-description'>{t('auth other device emoji message')}</p>\n      {emoji && <Emoji text={emoji} className='mli-auto mlb-2 text-center' />}\n      <p className='text-description'>{t('auth code message')}</p>\n      <AuthCode code={code} large classNames='mli-auto mlb-2 text-center grow' />\n      <Button variant='ghost' onClick={onCancel}>\n        {t('cancel label')}\n      </Button>\n    </>\n  );\n};\n\nconst InvitationComplete = ({ statusValue }: { statusValue: number }) => {\n  return statusValue > 0 ? <Check className={mx('m-1.5', getSize(6))} /> : <X className={mx('m-1.5', getSize(6))} />;\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, useTranslation } 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  const { t } = useTranslation(CLIENT_PLUGIN);\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      <Dialog.Title classNames='sr-only'>{t('join space label', { ns: 'os' })}</Dialog.Title>\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 2025 DXOS.org\n//\n\nimport { Schema as S } from 'effect';\nimport React, { type ChangeEvent, useCallback, useMemo, useState } from 'react';\n\nimport { debounce } from '@dxos/async';\nimport { useClient } from '@dxos/react-client';\nimport { type Identity, useIdentity } from '@dxos/react-client/halo';\nimport { ButtonGroup, Clipboard, Input, useTranslation } from '@dxos/react-ui';\nimport { Form, type InputComponent, ControlItem, ControlItemInput, ControlSection } from '@dxos/react-ui-form';\nimport { EmojiPickerBlock, HuePicker } from '@dxos/react-ui-pickers';\nimport { StackItem } from '@dxos/react-ui-stack';\nimport { hexToHue, hexToEmoji } from '@dxos/util';\n\nimport { CLIENT_PLUGIN } from '../meta';\n\n// TODO(thure): Factor out?\nconst getDefaultHueValue = (identity: Identity | null) => hexToHue(identity?.identityKey.toHex() ?? '0');\nconst getDefaultEmojiValue = (identity: Identity | null) => hexToEmoji(identity?.identityKey.toHex() ?? '0');\nconst getHueValue = (identity: Identity | null) => identity?.profile?.data?.hue || getDefaultHueValue(identity);\nconst getEmojiValue = (identity: Identity | null) => identity?.profile?.data?.emoji || getDefaultEmojiValue(identity);\n\nexport const ProfileContainer = () => {\n  const { t } = useTranslation(CLIENT_PLUGIN);\n  const client = useClient();\n  const identity = useIdentity();\n  const [displayName, setDisplayNameDirectly] = useState(identity?.profile?.displayName ?? '');\n  const [emoji, setEmojiDirectly] = useState<string>(getEmojiValue(identity));\n  const [hue, setHueDirectly] = useState<string>(getHueValue(identity));\n\n  const updateProfile = useMemo(\n    () =>\n      debounce(\n        (profile: Partial<Profile>) =>\n          client.halo.updateProfile({\n            displayName: profile.displayName,\n            data: {\n              emoji: profile.emoji,\n              hue: profile.hue,\n            },\n          }),\n        2_000,\n      ),\n    [],\n  );\n\n  const handleSave = useCallback(\n    (profile: Profile) => {\n      setDisplayNameDirectly(profile.displayName);\n      setEmojiDirectly(profile.emoji);\n      setHueDirectly(profile.hue);\n      updateProfile(profile);\n    },\n    [identity],\n  );\n\n  const values = useMemo(\n    () => ({\n      displayName,\n      emoji,\n      hue,\n      did: identity?.did,\n    }),\n    [identity, displayName, emoji, hue],\n  );\n\n  // TODO(wittjosiah): Integrate descriptions with the form schema.\n  const customElements: Partial<Record<string, InputComponent>> = useMemo(\n    () => ({\n      displayName: ({ type, label, getValue, onValueChange }) => {\n        const handleChange = useCallback(\n          ({ target: { value } }: ChangeEvent<HTMLInputElement>) => onValueChange(type, value),\n          [onValueChange, type],\n        );\n        return (\n          <ControlItemInput title={label} description={t('display name description')}>\n            <Input.TextInput\n              value={getValue()}\n              onChange={handleChange}\n              placeholder={t('display name input placeholder')}\n              classNames='min-is-64'\n            />\n          </ControlItemInput>\n        );\n      },\n      emoji: ({ type, label, getValue, onValueChange }) => {\n        const handleChange = useCallback((nextEmoji: string) => onValueChange(type, nextEmoji), [onValueChange, type]);\n        const handleEmojiReset = useCallback(\n          () => onValueChange(type, getDefaultEmojiValue(identity)),\n          [onValueChange, type],\n        );\n        return (\n          <ControlItem title={label} description={t('icon description')}>\n            <EmojiPickerBlock\n              triggerVariant='default'\n              emoji={getValue()}\n              onChangeEmoji={handleChange}\n              onClickClear={handleEmojiReset}\n              classNames='justify-self-end'\n            />\n          </ControlItem>\n        );\n      },\n      hue: ({ type, label, getValue, onValueChange }) => {\n        const handleChange = useCallback((nextHue: string) => onValueChange(type, nextHue), [onValueChange, type]);\n        const handleHueReset = useCallback(\n          () => onValueChange(type, getDefaultHueValue(identity)),\n          [onValueChange, type],\n        );\n        return (\n          <ControlItem title={label} description={t('hue description')}>\n            <HuePicker\n              value={getValue()}\n              onChange={handleChange}\n              onReset={handleHueReset}\n              classNames='[--hue-preview-size:1.5rem] justify-self-end'\n            />\n          </ControlItem>\n        );\n      },\n      // TODO(wittjosiah): We need text input annotations for disabled and copyable.\n      did: ({ label, getValue }) => {\n        return (\n          <ControlItemInput title={label} description={t('did description')}>\n            <ButtonGroup>\n              <Input.TextInput value={getValue()} disabled classNames='min-is-64' />\n              <Clipboard.IconButton value={getValue() ?? ''} />\n            </ButtonGroup>\n          </ControlItemInput>\n        );\n      },\n    }),\n    [t],\n  );\n\n  return (\n    <StackItem.Content classNames='p-2 block overflow-y-auto'>\n      <Clipboard.Provider>\n        <ControlSection title={t('profile label')} description={t('profile description')}>\n          <Form\n            schema={ProfileSchema}\n            values={values}\n            autoSave\n            onSave={handleSave}\n            Custom={customElements}\n            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'\n          />\n        </ControlSection>\n      </Clipboard.Provider>\n    </StackItem.Content>\n  );\n};\n\n// TODO(wittjosiah): Integrate annotations with translations.\nconst ProfileSchema = S.Struct({\n  displayName: S.String.annotations({ title: 'Display name' }),\n  emoji: S.String.annotations({ title: 'Avatar' }),\n  hue: S.String.annotations({ title: 'Color' }),\n  did: S.String.annotations({ title: 'DID' }),\n});\ntype Profile = S.Schema.Type<typeof ProfileSchema>;\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 RECOVERY_CODE_DIALOG = `${CLIENT_PLUGIN}/RecoveryCodeDialog`;\n\nexport type RecoveryCodeDialogProps = {\n  code: string;\n};\n\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 React from 'react';\n\nimport { createIntent, useIntentDispatcher } from '@dxos/app-framework';\nimport { useCredentials } from '@dxos/react-client/halo';\nimport { Icon, IconButton, List, ListItem, useTranslation, Message } from '@dxos/react-ui';\nimport { ControlGroup, ControlItem, ControlSection } from '@dxos/react-ui-form';\nimport { StackItem } from '@dxos/react-ui-stack';\n\nimport { CLIENT_PLUGIN } from '../meta';\nimport { ClientAction } from '../types';\n\nexport const MANAGE_CREDENTIALS_DIALOG = `${CLIENT_PLUGIN}/ManageCredentialsDialog`;\n\nexport const RecoveryCredentialsContainer = () => {\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  return (\n    <StackItem.Content classNames='p-2 block overflow-y-auto'>\n      <ControlSection title={t('recovery setup dialog title')} description={t('recovery setup dialog description')}>\n        <ControlGroup>\n          <ControlItem title={t('create passkey label')} description={t('create passkey description')}>\n            <IconButton\n              label={t('create passkey label')}\n              icon='ph--key--duotone'\n              variant='primary'\n              size={5}\n              onClick={() => dispatch(createIntent(ClientAction.CreatePasskey))}\n            />\n          </ControlItem>\n          <ControlItem title={t('create recovery code label')} description={t('create recovery code description')}>\n            <IconButton\n              label={t('create recovery code label')}\n              icon='ph--receipt--duotone'\n              variant='default'\n              size={5}\n              onClick={() => dispatch(createIntent(ClientAction.CreateRecoveryCode))}\n            />\n          </ControlItem>\n        </ControlGroup>\n      </ControlSection>\n      <ControlSection title={t('credentials list label')}>\n        {recoveryCredentials.length < 1 ? (\n          <Message.Root valence='error' className='container-max-width'>\n            <Message.Title>\n              <Icon icon='ph--shield-warning--duotone' size={5} classNames='inline-block align-top mbs-px mie-1' />\n              {t('no credentials title')}\n            </Message.Title>\n            <Message.Body>{t('no credentials message')}</Message.Body>\n          </Message.Root>\n        ) : (\n          <List classNames='container-max-width pli-2'>\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        )}\n      </ControlSection>\n    </StackItem.Content>\n  );\n};\n", "//\n// Copyright 2025 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 { Dialog, useTranslation } from '@dxos/react-ui';\nimport { ConfirmReset, type ConfirmResetProps } from '@dxos/shell/react';\n\nimport { CLIENT_PLUGIN } from '../meta';\nimport { type ClientPluginOptions } from '../types';\n\nexport const RESET_DIALOG = `${CLIENT_PLUGIN}/ResetDialog`;\n\nexport type ResetDialogProps = Pick<ConfirmResetProps, 'mode'> & Pick<ClientPluginOptions, 'onReset'>;\n\nexport const ResetDialog = ({ mode, onReset }: ResetDialogProps) => {\n  const { t } = useTranslation(CLIENT_PLUGIN);\n  const { dispatchPromise: dispatch } = useIntentDispatcher();\n  const client = useClient();\n\n  const handleReset = useCallback(async () => {\n    await client.reset();\n    const target =\n      mode === 'join new identity' ? 'deviceInvitation' : mode === 'recover' ? 'recoverIdentity' : undefined;\n    await onReset?.({ target });\n  }, [dispatch, client, mode, onReset]);\n\n  const handleCancel = useCallback(() => {\n    void dispatch(\n      createIntent(LayoutAction.UpdateDialog, {\n        part: 'dialog',\n        options: { state: false },\n      }),\n    );\n  }, [dispatch]);\n\n  // TODO(wittjosiah): Add the sr-only translations.\n  // TODO(wittjosiah): Add missing descriptions to other dialogs.\n  return (\n    <Dialog.Content classNames='bs-content min-bs-[15rem] max-bs-full md:max-is-[40rem] overflow-hidden'>\n      <Dialog.Title classNames='sr-only'>{t('reset dialog title')}</Dialog.Title>\n      <Dialog.Description classNames='sr-only'>{t('reset dialog description')}</Dialog.Description>\n      <ConfirmReset active mode={mode} onConfirm={handleReset} onCancel={handleCancel} />\n    </Dialog.Content>\n  );\n};\n"],
-  "mappings": "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",
-  "names": ["import_react", "import_app_framework", "import_react_ui", "import_react_client", "import_halo", "import_react_ui_form", "import_react_ui_stack", "import_util", "DevicesContainer", "createInvitationUrl", "t", "useTranslation", "dispatchPromise", "dispatch", "useIntentDispatcher", "devices", "useDevices", "swarm", "connectionState", "useNetworkStatus", "handleResetStorage", "useCallback", "createIntent", "ClientAction", "ResetStorage", "handleRecover", "mode", "handleJoinNewIdentity", "React", "Clipboard", "Provider", "StackItem", "Content", "classNames", "ControlSection", "title", "ns", "CLIENT_PLUGIN", "description", "ControlFrame", "ControlFrameItem", "List", "map", "device", "DeviceListItem", "key", "deviceKey", "toHex", "DeviceInvitation", "ControlGroup", "ControlItem", "Button", "variant", "onClick", "data-testid", "props", "client", "useClient", "invitation", "setInvitation", "useState", "onInvitationCreate", "halo", "share", "config", "values", "runtime", "app", "env", "DX_ENVIRONMENT", "subscription", "subscribe", "invitationCode", "InvitationEncoder", "encode", "state", "Invitation", "State", "CONNECTING", "log", "info", "JSON", "stringify", "authCode", "unsubscribe", "onInvitationDone", "undefined", "DeviceInvitationImpl", "InvitationSection", "invitationObservable", "useMulticastObservable", "url", "useEffect", "SUCCESS", "invitationId", "activeView", "CANCELLED", "READY_FOR_AUTHENTICATION", "p", "className", "IconButton", "icon", "label", "disabled", "Viewport", "Root", "Views", "View", "id", "InvitationComplete", "statusValue", "InvitationAuthCode", "code", "onCancel", "InvitationQR", "qrLabel", "useId", "emoji", "hexToEmoji", "div", "role", "QR", "rounding", "backgroundColor", "color", "aria-labelledby", "errorCorrectionLevel", "cutout", "Centered", "Emoji", "text", "span", "value", "AuthCode", "large", "Check", "mx", "getSize", "X", "JOIN_DIALOG", "JoinDialog", "handleCancelResetStorage", "ShareIdentity", "handleDone", "result", "identityKey", "Promise", "all", "LayoutAction", "UpdateDialog", "part", "options", "ObservabilityAction", "SendEvent", "name", "initialDisposition", "Dialog", "Title", "JoinPanel", "exitActionParent", "Close", "asChild", "doneActionParent", "onCancelResetStorage", "onDone", "getDefaultHueValue", "identity", "hexToHue", "getDefaultEmojiValue", "getHueValue", "profile", "data", "hue", "getEmojiValue", "ProfileContainer", "useIdentity", "displayName", "setDisplayNameDirectly", "setEmojiDirectly", "setHueDirectly", "updateProfile", "useMemo", "debounce", "handleSave", "did", "customElements", "type", "getValue", "onValueChange", "handleChange", "target", "ControlItemInput", "Input", "TextInput", "onChange", "placeholder", "nextEmoji", "handleEmojiReset", "EmojiPickerBlock", "triggerVariant", "onChangeEmoji", "onClickClear", "nextHue", "handleHueReset", "HuePicker", "onReset", "ButtonGroup", "Form", "schema", "ProfileSchema", "autoSave", "onSave", "Custom", "S", "Struct", "String", "annotations", "RECOVERY_CODE_DIALOG", "RecoveryCodeDialog", "confirmation", "setConfirmation", "handleConfirmation", "checked", "AlertDialog", "Code", "Checkbox", "onCheckedChange", "Label", "Action", "words", "split", "word", "i", "MANAGE_CREDENTIALS_DIALOG", "RecoveryCredentialsContainer", "credentials", "useCredentials", "recoveryCredentials", "filter", "credential", "subject", "assertion", "size", "CreatePasskey", "CreateRecoveryCode", "length", "Message", "valence", "Icon", "Body", "ListItem", "Endcap", "Heading", "issuanceDate", "toLocaleString", "RESET_DIALOG", "ResetDialog", "handleReset", "reset", "handleCancel", "Description", "ConfirmReset", "active", "onConfirm"]
-}