@dxos/plugin-client 0.9.1-main.c7dcc2e112 → 0.10.0

package/dist/lib/neutral/{AccountContainer-LIMGLO2Y.mjs → AccountContainer-7SF53UON.mjs}

@@ -1,6 +1,6 @@
 import {
   useHubHttpClient
-} from "./chunk-JEF2FQGB.mjs";
+} from "./chunk-JY35S2CN.mjs";
 import {
   RESET_DIALOG
 } from "./chunk-GSKMAS3S.mjs";
@@ -15,7 +15,7 @@ import { Context } from "@dxos/context";
 import { createDidFromIdentityKey } from "@dxos/credentials";
 import { useIdentity } from "@dxos/react-client/halo";
 import { Button, Icon, IconButton, Input, Message, useAsyncEffect, useTranslation } from "@dxos/react-ui";
-import { Settings } from "@dxos/react-ui-form";
+import { Form } from "@dxos/react-ui-form";
 import { meta } from "#meta";
 import { ClientCapabilities } from "#types";
 var __dxlog_file = "/__w/dxos/dxos/packages/plugins/plugin-client/src/containers/AccountContainer/AccountContainer.tsx";
@@ -122,15 +122,19 @@ var AccountContainer = () => {
     setCache
   ]);
   const account = cache.account;
-  return /* @__PURE__ */ React.createElement(Settings.Viewport, null, /* @__PURE__ */ React.createElement(Settings.Section, {
+  return /* @__PURE__ */ React.createElement(Form.Root, {
+    variant: "settings"
+  }, /* @__PURE__ */ React.createElement(Form.Viewport, {
+    scroll: true
+  }, /* @__PURE__ */ React.createElement(Form.Content, null, /* @__PURE__ */ React.createElement(Form.Section, {
     title: t("account-section.title"),
     description: t("account-section.description")
   }, accountState === "loading" ? null : accountState === "missing" ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Message.Root, {
     valence: "warning"
   }, /* @__PURE__ */ React.createElement(Message.Title, {
     icon: "ph--warning--duotone"
-  }, t("no-edge-access.title")), /* @__PURE__ */ React.createElement(Message.Content, null, t("no-edge-access.description"))), /* @__PURE__ */ React.createElement(Settings.Item, {
-    title: t("request-access.label"),
+  }, t("no-edge-access.title")), /* @__PURE__ */ React.createElement(Message.Content, null, t("no-edge-access.description"))), /* @__PURE__ */ React.createElement(Form.Row, {
+    label: t("request-access.label"),
     description: t("request-access.description")
   }, requestSubmitted ? /* @__PURE__ */ React.createElement("span", {
     className: "text-sm text-description"
@@ -151,8 +155,8 @@ var AccountContainer = () => {
     valence: "error"
   }, /* @__PURE__ */ React.createElement(Message.Title, {
     icon: "ph--cloud-x--duotone"
-  }, t("account-offline.title")), /* @__PURE__ */ React.createElement(Message.Content, null, t("account-offline.description"))) : account ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Settings.Item, {
-    title: t("email.label"),
+  }, t("account-offline.title")), /* @__PURE__ */ React.createElement(Message.Content, null, t("account-offline.description"))) : account ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Form.Row, {
+    label: t("email.label"),
     description: account.email
   }, account.emailVerified ? /* @__PURE__ */ React.createElement(Icon, {
     icon: "ph--check-circle--duotone",
@@ -167,16 +171,16 @@ var AccountContainer = () => {
     density: "sm"
   }), resendStatus ? /* @__PURE__ */ React.createElement("span", {
     className: "text-xs text-description"
-  }, resendStatus) : null)), /* @__PURE__ */ React.createElement(Settings.Item, {
-    title: t("delete-account.label"),
+  }, resendStatus) : null)), /* @__PURE__ */ React.createElement(Form.Row, {
+    label: t("delete-account.label"),
     description: t("delete-account.description")
   }, /* @__PURE__ */ React.createElement(Button, {
     variant: "destructive",
     density: "sm",
     onClick: handleDeleteAccount
-  }, t("delete-account.label")))) : null));
+  }, t("delete-account.label")))) : null))));
 };
 export {
   AccountContainer as default
 };
-//# sourceMappingURL=AccountContainer-LIMGLO2Y.mjs.map
+//# sourceMappingURL=AccountContainer-7SF53UON.mjs.map

package/dist/lib/neutral/AccountContainer-7SF53UON.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/containers/AccountContainer/AccountContainer.tsx"],
+  "sourcesContent": ["//\n// Copyright 2026 DXOS.org\n//\n\nimport { useAtom, useAtomSet } from '@effect-atom/atom-react';\nimport React, { type FormEvent, useCallback, useState } from 'react';\n\nimport { useCapability, useOperationInvoker } from '@dxos/app-framework/ui';\nimport { LayoutOperation } from '@dxos/app-toolkit';\nimport { Context } from '@dxos/context';\nimport { createDidFromIdentityKey } from '@dxos/credentials';\nimport { useIdentity } from '@dxos/react-client/halo';\nimport { Button, Icon, IconButton, Input, Message, useAsyncEffect, useTranslation } from '@dxos/react-ui';\nimport { Form } from '@dxos/react-ui-form';\n\nimport { meta } from '#meta';\nimport { ClientCapabilities } from '#types';\n\nimport { RESET_DIALOG } from '../../constants';\nimport { useHubHttpClient } from '../../hooks';\n\ntype AccountState = 'loading' | 'present' | 'missing' | 'error';\n\nexport const AccountContainer = () => {\n  const { t } = useTranslation(meta.profile.key);\n  const identity = useIdentity();\n  const { invokePromise } = useOperationInvoker();\n  const accountCacheAtom = useCapability(ClientCapabilities.AccountCache);\n  const [cache] = useAtom(accountCacheAtom);\n  const setCache = useAtomSet(accountCacheAtom);\n  const [resendStatus, setResendStatus] = useState<string | null>(null);\n  const [accountState, setAccountState] = useState<AccountState>(cache.account ? 'present' : 'loading');\n  const [requestEmail, setRequestEmail] = useState('');\n  const [requestSubmitted, setRequestSubmitted] = useState(false);\n\n  // Single shared instance keeps the VP-auth handshake (request → 401 → signed\n  // retry) at one round-trip per session instead of one per panel.\n  const hubHttp = useHubHttpClient();\n\n  useAsyncEffect(async () => {\n    if (!hubHttp) {\n      return;\n    }\n    try {\n      const account = await hubHttp.getAccount(new Context());\n      setCache((prev) => ({ ...prev, account, fetchedAt: Date.now() }));\n      setAccountState('present');\n    } catch (err: any) {\n      if (err?.data?.type === 'no_account') {\n        setCache((prev) => ({ ...prev, account: undefined, fetchedAt: Date.now() }));\n        setAccountState('missing');\n      } else {\n        setAccountState((prev) => (prev === 'present' ? 'present' : 'error'));\n      }\n    }\n  }, [hubHttp, setCache]);\n\n  const handleResend = useCallback(async () => {\n    if (!hubHttp) {\n      return;\n    }\n    try {\n      const result = await hubHttp.resendVerificationEmail(new Context());\n      if (result.sent) {\n        setResendStatus(t('verification-sent.message'));\n      } else if (result.cooldownSecondsRemaining) {\n        setResendStatus(t('verification-cooldown.message', { seconds: result.cooldownSecondsRemaining }));\n      } else {\n        setResendStatus(t('verification-failed.message'));\n      }\n    } catch {\n      setResendStatus(t('verification-failed.message'));\n    }\n  }, [hubHttp, t]);\n\n  const handleRequestAccess = useCallback(\n    async (event: FormEvent<HTMLFormElement>) => {\n      event.preventDefault();\n      const email = requestEmail.trim();\n      if (!email || !hubHttp) {\n        return;\n      }\n      try {\n        const identityDid = identity ? await createDidFromIdentityKey(identity.identityKey) : undefined;\n        await hubHttp.requestAccess(new Context(), { email, identityDid });\n      } catch {\n        // Surface a generic confirmation; failure details would leak signal.\n      }\n      setRequestSubmitted(true);\n    },\n    [hubHttp, identity, requestEmail],\n  );\n\n  // Opens the standard reset confirmation dialog. The `onBeforeReset` hook\n  // deletes the hub account first; if that fails the reset is aborted so the\n  // local identity is not wiped while the server record remains.\n  const handleDeleteAccount = useCallback(() => {\n    if (!hubHttp) {\n      return;\n    }\n    void invokePromise(LayoutOperation.UpdateDialog, {\n      subject: RESET_DIALOG,\n      blockAlign: 'start',\n      props: {\n        mode: 'reset-storage',\n        onBeforeReset: async () => {\n          await hubHttp.deleteAccount(new Context());\n          setCache(() => ({}));\n        },\n      },\n    });\n  }, [hubHttp, invokePromise, setCache]);\n\n  const account = cache.account;\n\n  return (\n    <Form.Root variant='settings'>\n      <Form.Viewport scroll>\n        <Form.Content>\n          <Form.Section title={t('account-section.title')} description={t('account-section.description')}>\n            {accountState === 'loading' ? null : accountState === 'missing' ? (\n              <>\n                <Message.Root valence='warning'>\n                  <Message.Title icon='ph--warning--duotone'>{t('no-edge-access.title')}</Message.Title>\n                  <Message.Content>{t('no-edge-access.description')}</Message.Content>\n                </Message.Root>\n                <Form.Row label={t('request-access.label')} description={t('request-access.description')}>\n                  {requestSubmitted ? (\n                    <span className='text-sm text-description'>{t('access-request-submitted.message')}</span>\n                  ) : (\n                    <form onSubmit={handleRequestAccess} className='flex gap-2 items-center justify-end'>\n                      <Input.Root>\n                        <Input.TextInput\n                          type='email'\n                          required\n                          placeholder={t('access-request-email.placeholder')}\n                          value={requestEmail}\n                          onChange={(event) => setRequestEmail(event.target.value)}\n                          classNames='min-w-64'\n                        />\n                      </Input.Root>\n                      <Button type='submit' density='sm'>\n                        {t('request-access.label')}\n                      </Button>\n                    </form>\n                  )}\n                </Form.Row>\n              </>\n            ) : accountState === 'error' && !account ? (\n              <Message.Root valence='error'>\n                <Message.Title icon='ph--cloud-x--duotone'>{t('account-offline.title')}</Message.Title>\n                <Message.Content>{t('account-offline.description')}</Message.Content>\n              </Message.Root>\n            ) : account ? (\n              <>\n                <Form.Row label={t('email.label')} description={account.email}>\n                  {account.emailVerified ? (\n                    <Icon icon='ph--check-circle--duotone' size={5} classNames='text-success-text justify-self-end' />\n                  ) : (\n                    <div className='flex flex-col gap-1 items-end'>\n                      <IconButton\n                        icon='ph--paper-plane-tilt--regular'\n                        label={t('resend-verification.label')}\n                        onClick={handleResend}\n                        density='sm'\n                      />\n                      {resendStatus ? <span className='text-xs text-description'>{resendStatus}</span> : null}\n                    </div>\n                  )}\n                </Form.Row>\n                <Form.Row label={t('delete-account.label')} description={t('delete-account.description')}>\n                  <Button variant='destructive' density='sm' onClick={handleDeleteAccount}>\n                    {t('delete-account.label')}\n                  </Button>\n                </Form.Row>\n              </>\n            ) : null}\n          </Form.Section>\n        </Form.Content>\n      </Form.Viewport>\n    </Form.Root>\n  );\n};\n"],
+  "mappings": "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",
+  "names": ["useAtom", "useAtomSet", "React", "useCallback", "useState", "useCapability", "useOperationInvoker", "LayoutOperation", "Context", "createDidFromIdentityKey", "useIdentity", "Button", "Icon", "IconButton", "Input", "Message", "useAsyncEffect", "useTranslation", "Form", "meta", "ClientCapabilities", "AccountContainer", "identity", "useIdentity", "invokePromise", "useOperationInvoker", "accountCacheAtom", "useCapability", "cache", "useAtom", "setCache", "useAtomSet", "resendStatus", "setResendStatus", "useState", "accountState", "setAccountState", "requestEmail", "setRequestEmail", "requestSubmitted", "setRequestSubmitted", "hubHttp", "account", "fetchedAt", "err", "type", "prev", "undefined", "t", "result", "seconds", "cooldownSecondsRemaining", "email", "identityDid", "blockAlign", "props", "onBeforeReset", "variant", "Form", "Viewport", "scroll", "Content", "title", "valence", "Message", "icon", "label", "description", "className", "onSubmit", "handleRequestAccess", "required", "placeholder", "value", "onChange", "event", "classNames", "Button", "emailVerified", "IconButton", "onClick", "density", "handleDeleteAccount"]
+}

package/dist/lib/neutral/ClientPlugin.node.mjs

@@ -79,8 +79,8 @@ var METHOD_CHOICES = [
   }
 ];
 var INPUT_PROMPT = {
-  email: "Email address",
-  atproto: "atproto handle or DID (e.g. alice.bsky.social)",
+  "email": "Email address",
+  "atproto": "atproto handle or DID (e.g. alice.bsky.social)",
   "device-invitation": "Invitation code or URL",
   "recovery-code": "Recovery code (seed phrase)"
 };