@dxos/plugin-client 0.8.4-main.8360d9e660 → 0.8.4-main.8baae0fced

package/dist/lib/{browser/ProfileContainer-XV7OXJC2.mjs → neutral/ProfileContainer-VPX3FPWG.mjs}

@@ -1,6 +1,4 @@
-import {
-  meta
-} from "./chunk-JHSBBOCI.mjs";
+import "./chunk-J5LGTIGS.mjs";
 
 // src/containers/ProfileContainer/ProfileContainer.tsx
 import * as Schema from "effect/Schema";
@@ -12,6 +10,7 @@ import { ButtonGroup, Clipboard, Input, useTranslation } from "@dxos/react-ui";
 import { Form, Settings } from "@dxos/react-ui-form";
 import { EmojiPickerBlock, HuePicker } from "@dxos/react-ui-pickers";
 import { hexToEmoji, hexToHue } from "@dxos/util";
+import { meta } from "#meta";
 var UserProfile = Schema.Struct({
   did: Schema.String.annotations({
     title: "DID"
@@ -83,13 +82,13 @@ var ProfileContainer = () => {
         onValueChange,
         type
       ]);
-      return /* @__PURE__ */ React.createElement(Settings.ItemInput, {
+      return /* @__PURE__ */ React.createElement(Settings.Item, {
         title: label,
-        description: t("display name description")
+        description: t("display-name.description")
       }, /* @__PURE__ */ React.createElement(Input.TextInput, {
         value: getValue(),
         onChange: handleChange2,
-        placeholder: t("display name input placeholder"),
+        placeholder: t("display-name-input.placeholder"),
         classNames: "min-w-64"
       }));
     },
@@ -104,7 +103,7 @@ var ProfileContainer = () => {
       ]);
       return /* @__PURE__ */ React.createElement(Settings.Item, {
         title: label,
-        description: t("icon description")
+        description: t("icon.description")
       }, /* @__PURE__ */ React.createElement(EmojiPickerBlock, {
         triggerVariant: "default",
         emoji: getValue(),
@@ -124,9 +123,8 @@ var ProfileContainer = () => {
       ]);
       return /* @__PURE__ */ React.createElement(Settings.Item, {
         title: label,
-        description: t("hue description")
+        description: t("hue.description")
       }, /* @__PURE__ */ React.createElement("div", {
-        role: "none",
         className: "flex justify-self-end"
       }, /* @__PURE__ */ React.createElement(HuePicker, {
         value: getValue(),
@@ -136,9 +134,9 @@ var ProfileContainer = () => {
     },
     // TODO(wittjosiah): We need text input annotations for disabled and copyable.
     did: ({ label, getValue }) => {
-      return /* @__PURE__ */ React.createElement(Settings.ItemInput, {
+      return /* @__PURE__ */ React.createElement(Settings.Item, {
         title: label,
-        description: t("did description")
+        description: t("did.description")
       }, /* @__PURE__ */ React.createElement(ButtonGroup, {
         classNames: "w-full"
       }, /* @__PURE__ */ React.createElement(Input.TextInput, {
@@ -152,20 +150,19 @@ var ProfileContainer = () => {
   }), [
     t
   ]);
-  return /* @__PURE__ */ React.createElement(Clipboard.Provider, null, /* @__PURE__ */ React.createElement(Settings.Root, null, /* @__PURE__ */ React.createElement(Settings.Section, {
-    title: t("profile label"),
-    description: t("profile description")
+  return /* @__PURE__ */ React.createElement(Clipboard.Provider, null, /* @__PURE__ */ React.createElement(Settings.Viewport, null, /* @__PURE__ */ React.createElement(Settings.Section, {
+    title: t("profile.label"),
+    description: t("profile.description")
   }, /* @__PURE__ */ React.createElement(Form.Root, {
     schema: UserProfile,
     values,
     fieldMap,
     onValuesChanged: handleChange
-  }, /* @__PURE__ */ React.createElement(Form.Content, null, /* @__PURE__ */ React.createElement(Form.FieldSet, null))))));
+  }, /* @__PURE__ */ React.createElement(Form.Content, {
+    classNames: "gap-form-gap"
+  }, /* @__PURE__ */ React.createElement(Form.FieldSet, null))))));
 };
-
-// src/containers/ProfileContainer/index.ts
-var ProfileContainer_default = ProfileContainer;
 export {
-  ProfileContainer_default as default
+  ProfileContainer as default
 };
-//# sourceMappingURL=ProfileContainer-XV7OXJC2.mjs.map
+//# sourceMappingURL=ProfileContainer-VPX3FPWG.mjs.map

package/dist/lib/neutral/ProfileContainer-VPX3FPWG.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/containers/ProfileContainer/ProfileContainer.tsx"],
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport * as Schema from 'effect/Schema';\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 FormFieldMap, type FormUpdateMeta, Settings } from '@dxos/react-ui-form';\nimport { EmojiPickerBlock, HuePicker } from '@dxos/react-ui-pickers';\nimport { hexToEmoji, hexToHue } from '@dxos/util';\n\nimport { meta } from '#meta';\n\n// TOOD(burdon): Factor out?\n// TODO(wittjosiah): Integrate annotations with translations.\nconst UserProfile = Schema.Struct({\n  did: Schema.String.annotations({ title: 'DID' }),\n  displayName: Schema.String.annotations({ title: 'Display name' }),\n  emoji: Schema.String.annotations({ title: 'Avatar' }),\n  hue: Schema.String.annotations({ title: 'Color' }),\n});\n\ntype UserProfile = Schema.Schema.Type<typeof UserProfile>;\n\n// TODO(thure): Factor out?\nconst getDefaultHueValue = (identity: Identity | null) => hexToHue(identity?.identityKey.toHex() ?? '0');\nconst getHueValue = (identity: Identity | null) => identity?.profile?.data?.hue || getDefaultHueValue(identity);\nconst getDefaultEmojiValue = (identity: Identity | null) => hexToEmoji(identity?.identityKey.toHex() ?? '0');\nconst getEmojiValue = (identity: Identity | null) => identity?.profile?.data?.emoji || getDefaultEmojiValue(identity);\n\nexport const ProfileContainer = () => {\n  const { t } = useTranslation(meta.id);\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<UserProfile>) =>\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 handleChange = useCallback(\n    (profile: Partial<UserProfile>, meta: FormUpdateMeta<UserProfile>) => {\n      for (const [path, changed] of Object.entries(meta.changed)) {\n        if (changed) {\n          switch (path) {\n            case 'displayName':\n              setDisplayNameDirectly(profile.displayName ?? '');\n              break;\n            case 'emoji':\n              setEmojiDirectly(profile.emoji ?? getDefaultEmojiValue(identity));\n              break;\n            case 'hue':\n              setHueDirectly(profile.hue ?? getDefaultHueValue(identity));\n              break;\n            default:\n              break;\n          }\n        }\n      }\n\n      void updateProfile(profile);\n    },\n    [identity],\n  );\n\n  const values = useMemo(\n    () => ({\n      did: identity?.did,\n      displayName,\n      emoji,\n      hue,\n    }),\n    [identity, displayName, emoji, hue],\n  );\n\n  // TODO(wittjosiah): Integrate descriptions with the form schema.\n  const fieldMap = useMemo<FormFieldMap>(\n    () => ({\n      displayName: ({ type, label, getValue, onValueChange }) => {\n        const handleChange = useCallback(\n          ({ target: { value } }: ChangeEvent<HTMLInputElement>) => onValueChange(type, value),\n          [onValueChange, type],\n        );\n\n        return (\n          <Settings.Item 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-w-64'\n            />\n          </Settings.Item>\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\n        return (\n          <Settings.Item 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          </Settings.Item>\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\n        return (\n          <Settings.Item title={label} description={t('hue.description')}>\n            <div className='flex justify-self-end'>\n              <HuePicker value={getValue()} onChange={handleChange} onReset={handleHueReset} />\n            </div>\n          </Settings.Item>\n        );\n      },\n      // TODO(wittjosiah): We need text input annotations for disabled and copyable.\n      did: ({ label, getValue }) => {\n        return (\n          <Settings.Item title={label} description={t('did.description')}>\n            <ButtonGroup classNames='w-full'>\n              <Input.TextInput value={getValue()} disabled classNames='min-w-64' />\n              <Clipboard.IconButton value={getValue() ?? ''} />\n            </ButtonGroup>\n          </Settings.Item>\n        );\n      },\n    }),\n    [t],\n  );\n\n  return (\n    <Clipboard.Provider>\n      <Settings.Viewport>\n        <Settings.Section title={t('profile.label')} description={t('profile.description')}>\n          <Form.Root schema={UserProfile} values={values} fieldMap={fieldMap} onValuesChanged={handleChange}>\n            <Form.Content classNames='gap-form-gap'>\n              <Form.FieldSet />\n            </Form.Content>\n          </Form.Root>\n        </Settings.Section>\n      </Settings.Viewport>\n    </Clipboard.Provider>\n  );\n};\n"],
+  "mappings": "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",
+  "names": ["Schema", "React", "useCallback", "useMemo", "useState", "debounce", "useClient", "useIdentity", "ButtonGroup", "Clipboard", "Input", "useTranslation", "Form", "Settings", "EmojiPickerBlock", "HuePicker", "hexToEmoji", "hexToHue", "meta", "UserProfile", "Struct", "did", "String", "annotations", "title", "displayName", "emoji", "hue", "getDefaultHueValue", "identity", "identityKey", "toHex", "getHueValue", "profile", "data", "getDefaultEmojiValue", "getEmojiValue", "ProfileContainer", "t", "id", "client", "setDisplayNameDirectly", "setEmojiDirectly", "setHueDirectly", "updateProfile", "halo", "handleChange", "path", "changed", "Object", "entries", "values", "fieldMap", "type", "label", "getValue", "onValueChange", "target", "value", "Item", "description", "TextInput", "onChange", "placeholder", "classNames", "nextEmoji", "handleEmojiReset", "triggerVariant", "onChangeEmoji", "onClickClear", "nextHue", "handleHueReset", "div", "className", "onReset", "disabled", "IconButton", "Provider", "Viewport", "Section", "Root", "schema", "onValuesChanged", "Content", "FieldSet"]
+}

package/dist/lib/{browser/RecoveryCodeDialog-WO34OZEJ.mjs → neutral/RecoveryCodeDialog-GBRH6ZSA.mjs}

@@ -1,10 +1,9 @@
-import {
-  meta
-} from "./chunk-JHSBBOCI.mjs";
+import "./chunk-J5LGTIGS.mjs";
 
 // src/containers/RecoveryCodeDialog/RecoveryCodeDialog.tsx
 import React, { useCallback, useState } from "react";
 import { AlertDialog, Button, Clipboard, Input, useTranslation } from "@dxos/react-ui";
+import { meta } from "#meta";
 var RecoveryCodeDialog = ({ code }) => {
   const { t } = useTranslation(meta.id);
   const [confirmation, setConfirmation] = useState(false);
@@ -12,25 +11,25 @@ var RecoveryCodeDialog = ({ code }) => {
   return /* @__PURE__ */ React.createElement(AlertDialog.Content, {
     size: "md",
     classNames: "min-h-[15rem]"
-  }, /* @__PURE__ */ React.createElement(AlertDialog.Body, null, /* @__PURE__ */ React.createElement(AlertDialog.Title, null, t("recovery code dialog title")), /* @__PURE__ */ React.createElement("p", {
+  }, /* @__PURE__ */ React.createElement(AlertDialog.Body, null, /* @__PURE__ */ React.createElement(AlertDialog.Title, null, t("recovery-code-dialog.title")), /* @__PURE__ */ React.createElement("p", {
     className: "py-4"
-  }, t("recovery code dialog description")), /* @__PURE__ */ React.createElement(Clipboard.Provider, null, /* @__PURE__ */ React.createElement(Code, {
+  }, t("recovery-code-dialog.description")), /* @__PURE__ */ React.createElement(Clipboard.Provider, null, /* @__PURE__ */ React.createElement(Code, {
     code
   })), /* @__PURE__ */ React.createElement("div", {
     className: "flex flex-col py-4 gap-2"
-  }, /* @__PURE__ */ React.createElement("p", null, t("recovery code dialog warning 1")), /* @__PURE__ */ React.createElement("p", null, t("recovery code dialog warning 2"))), /* @__PURE__ */ React.createElement("div", {
+  }, /* @__PURE__ */ React.createElement("p", null, t("recovery-code-dialog-warning-1.message")), /* @__PURE__ */ React.createElement("p", null, t("recovery-code-dialog-warning-2.message"))), /* @__PURE__ */ React.createElement("div", {
     className: "flex items-center gap-2 pb-4"
   }, /* @__PURE__ */ React.createElement(Input.Root, null, /* @__PURE__ */ React.createElement(Input.Checkbox, {
     "data-testid": "recoveryCode.confirm",
     checked: confirmation,
     onCheckedChange: handleConfirmation
-  }), /* @__PURE__ */ React.createElement(Input.Label, null, t("recovery code confirmation label"))))), /* @__PURE__ */ React.createElement(AlertDialog.ActionBar, null, /* @__PURE__ */ React.createElement(AlertDialog.Action, {
+  }), /* @__PURE__ */ React.createElement(Input.Label, null, t("recovery-code-confirmation.label"))))), /* @__PURE__ */ React.createElement(AlertDialog.ActionBar, null, /* @__PURE__ */ React.createElement(AlertDialog.Action, {
     asChild: true
   }, /* @__PURE__ */ React.createElement(Button, {
     "data-testid": "recoveryCode.continue",
     variant: "primary",
     disabled: !confirmation
-  }, t("continue label")))));
+  }, t("continue.label")))));
 };
 var Code = ({ code }) => {
   const words = code.split(" ");
@@ -57,4 +56,4 @@ export {
   RecoveryCodeDialog,
   RecoveryCodeDialog_default as default
 };
-//# sourceMappingURL=RecoveryCodeDialog-WO34OZEJ.mjs.map
+//# sourceMappingURL=RecoveryCodeDialog-GBRH6ZSA.mjs.map

package/dist/lib/neutral/RecoveryCodeDialog-GBRH6ZSA.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/containers/RecoveryCodeDialog/RecoveryCodeDialog.tsx", "../../../src/containers/RecoveryCodeDialog/index.ts"],
+  "sourcesContent": ["//\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 { meta } from '#meta';\n\nexport type RecoveryCodeDialogProps = {\n  code: string;\n};\n\n// TODO(burdon): Should have cancel button.\nexport const RecoveryCodeDialog = ({ code }: RecoveryCodeDialogProps) => {\n  const { t } = useTranslation(meta.id);\n  const [confirmation, setConfirmation] = useState(false);\n\n  const handleConfirmation = useCallback((checked: boolean) => setConfirmation(checked), []);\n\n  return (\n    <AlertDialog.Content size='md' classNames='min-h-[15rem]'>\n      <AlertDialog.Body>\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.message')}</p>\n          <p>{t('recovery-code-dialog-warning-2.message')}</p>\n        </div>\n        <div className='flex items-center gap-2 pb-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      </AlertDialog.Body>\n      <AlertDialog.ActionBar>\n        <AlertDialog.Action asChild>\n          <Button data-testid='recoveryCode.continue' variant='primary' disabled={!confirmation}>\n            {t('continue.label')}\n          </Button>\n        </AlertDialog.Action>\n      </AlertDialog.ActionBar>\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-sm 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 2025 DXOS.org\n//\n\nimport { RecoveryCodeDialog } from './RecoveryCodeDialog';\n\nexport * from './RecoveryCodeDialog';\nexport default RecoveryCodeDialog;\n"],
+  "mappings": ";;;AAIA,OAAOA,SAASC,aAAaC,gBAAgB;AAE7C,SAASC,aAAaC,QAAQC,WAAWC,OAAOC,sBAAsB;AAEtE,SAASC,YAAY;AAOd,IAAMC,qBAAqB,CAAC,EAAEC,KAAI,MAA2B;AAClE,QAAM,EAAEC,EAAC,IAAKJ,eAAeC,KAAKI,EAAE;AACpC,QAAM,CAACC,cAAcC,eAAAA,IAAmBZ,SAAS,KAAA;AAEjD,QAAMa,qBAAqBd,YAAY,CAACe,YAAqBF,gBAAgBE,OAAAA,GAAU,CAAA,CAAE;AAEzF,SACE,sBAAA,cAACb,YAAYc,SAAO;IAACC,MAAK;IAAKC,YAAW;KACxC,sBAAA,cAAChB,YAAYiB,MAAI,MACf,sBAAA,cAACjB,YAAYkB,OAAK,MAAEV,EAAE,4BAAA,CAAA,GACtB,sBAAA,cAACW,KAAAA;IAAEC,WAAU;KAAQZ,EAAE,kCAAA,CAAA,GACvB,sBAAA,cAACN,UAAUmB,UAAQ,MACjB,sBAAA,cAACC,MAAAA;IAAKf;OAER,sBAAA,cAACgB,OAAAA;IAAIH,WAAU;KACb,sBAAA,cAACD,KAAAA,MAAGX,EAAE,wCAAA,CAAA,GACN,sBAAA,cAACW,KAAAA,MAAGX,EAAE,wCAAA,CAAA,CAAA,GAER,sBAAA,cAACe,OAAAA;IAAIH,WAAU;KACb,sBAAA,cAACjB,MAAMqB,MAAI,MACT,sBAAA,cAACrB,MAAMsB,UAAQ;IACbC,eAAY;IACZb,SAASH;IACTiB,iBAAiBf;MAEnB,sBAAA,cAACT,MAAMyB,OAAK,MAAEpB,EAAE,kCAAA,CAAA,CAAA,CAAA,CAAA,GAItB,sBAAA,cAACR,YAAY6B,WAAS,MACpB,sBAAA,cAAC7B,YAAY8B,QAAM;IAACC,SAAAA;KAClB,sBAAA,cAAC9B,QAAAA;IAAOyB,eAAY;IAAwBM,SAAQ;IAAUC,UAAU,CAACvB;KACtEF,EAAE,gBAAA,CAAA,CAAA,CAAA,CAAA;AAMf;AAEA,IAAMc,OAAO,CAAC,EAAEf,KAAI,MAAoB;AACtC,QAAM2B,QAAQ3B,KAAK4B,MAAM,GAAA;AACzB,SACE,sBAAA,cAACZ,OAAAA;IAAIH,WAAU;KACb,sBAAA,cAAClB,UAAUkC,YAAU;IAACC,OAAO9B;IAAMS,YAAW;MAC9C,sBAAA,cAACO,OAAAA;IAAIH,WAAU;KACZc,MAAMI,IAAI,CAACC,MAAMC,MAChB,sBAAA,cAACjB,OAAAA;IAAIkB,KAAKD;IAAGpB,WAAU;KACrB,sBAAA,cAACG,OAAAA;IAAIH,WAAU;KAAwCoB,IAAI,CAAA,GAC3D,sBAAA,cAACjB,OAAAA;IAAIH,WAAU;KAAWmB,IAAAA,CAAAA,CAAAA,CAAAA,CAAAA;AAMtC;;;AC/DA,IAAA,6BAAeG;",
+  "names": ["React", "useCallback", "useState", "AlertDialog", "Button", "Clipboard", "Input", "useTranslation", "meta", "RecoveryCodeDialog", "code", "t", "id", "confirmation", "setConfirmation", "handleConfirmation", "checked", "Content", "size", "classNames", "Body", "Title", "p", "className", "Provider", "Code", "div", "Root", "Checkbox", "data-testid", "onCheckedChange", "Label", "ActionBar", "Action", "asChild", "variant", "disabled", "words", "split", "IconButton", "value", "map", "word", "i", "key", "RecoveryCodeDialog"]
+}

package/dist/lib/{browser/RecoveryCredentialsContainer-G22FSTIX.mjs → neutral/RecoveryCredentialsContainer-IPBGDMIA.mjs}

@@ -1,9 +1,4 @@
-import {
-  ClientOperation
-} from "./chunk-FVEKZBM7.mjs";
-import {
-  meta
-} from "./chunk-JHSBBOCI.mjs";
+import "./chunk-J5LGTIGS.mjs";
 
 // src/containers/RecoveryCredentialsContainer/RecoveryCredentialsContainer.tsx
 import React from "react";
@@ -11,47 +6,46 @@ import { useOperationInvoker } from "@dxos/app-framework/ui";
 import { useCredentials } from "@dxos/react-client/halo";
 import { Icon, IconButton, List, ListItem, Message, useTranslation } from "@dxos/react-ui";
 import { Settings } from "@dxos/react-ui-form";
+import { meta } from "#meta";
+import { ClientOperation } from "#operations";
 var MANAGE_CREDENTIALS_DIALOG = `${meta.id}.ManageCredentialsDialog`;
 var RecoveryCredentialsContainer = () => {
   const { t } = useTranslation(meta.id);
   const { invokePromise } = useOperationInvoker();
   const credentials = useCredentials();
   const recoveryCredentials = credentials.filter((credential) => credential.subject.assertion["@type"] === "dxos.halo.credentials.IdentityRecovery");
-  return /* @__PURE__ */ React.createElement(Settings.Root, null, /* @__PURE__ */ React.createElement(Settings.Section, {
-    title: t("recovery setup dialog title"),
-    description: t("recovery setup dialog description")
-  }, /* @__PURE__ */ React.createElement(Settings.Group, null, /* @__PURE__ */ React.createElement(Settings.Item, {
-    title: t("create passkey label"),
-    description: t("create passkey description")
+  return /* @__PURE__ */ React.createElement(Settings.Viewport, null, /* @__PURE__ */ React.createElement(Settings.Section, {
+    title: t("recovery-setup-dialog.title"),
+    description: t("recovery-setup-dialog.description")
+  }, /* @__PURE__ */ React.createElement(Settings.Item, {
+    title: t("create-passkey.label"),
+    description: t("create-passkey.description")
   }, /* @__PURE__ */ React.createElement(IconButton, {
-    label: t("create passkey label"),
+    label: t("create-passkey.label"),
     icon: "ph--key--duotone",
     variant: "primary",
     onClick: () => invokePromise(ClientOperation.CreatePasskey)
   })), /* @__PURE__ */ React.createElement(Settings.Item, {
-    title: t("create recovery code label"),
-    description: t("create recovery code description")
+    title: t("create-recovery-code.label"),
+    description: t("create-recovery-code.description")
   }, /* @__PURE__ */ React.createElement(IconButton, {
-    label: t("create recovery code label"),
+    label: t("create-recovery-code.label"),
     icon: "ph--receipt--duotone",
     variant: "default",
     onClick: () => invokePromise(ClientOperation.CreateRecoveryCode)
-  })))), /* @__PURE__ */ React.createElement(Settings.Section, {
-    title: t("credentials list label")
+  }))), /* @__PURE__ */ React.createElement(Settings.Section, {
+    title: t("credentials-list.label")
   }, recoveryCredentials.length < 1 ? /* @__PURE__ */ React.createElement(Message.Root, {
     valence: "error"
   }, /* @__PURE__ */ React.createElement(Message.Title, {
     icon: "ph--shield-warning--duotone"
-  }, t("no credentials title")), /* @__PURE__ */ React.createElement(Message.Content, null, t("no credentials message"))) : /* @__PURE__ */ React.createElement(List, null, recoveryCredentials.map((credential) => /* @__PURE__ */ React.createElement(ListItem.Root, {
+  }, t("no-credentials.title")), /* @__PURE__ */ React.createElement(Message.Content, null, t("no-credentials.message"))) : /* @__PURE__ */ React.createElement(List, null, recoveryCredentials.map((credential) => /* @__PURE__ */ React.createElement(ListItem.Root, {
     key: credential.id?.toHex()
   }, /* @__PURE__ */ React.createElement(ListItem.Endcap, null, /* @__PURE__ */ React.createElement(Icon, {
     icon: "ph--key--regular"
   })), /* @__PURE__ */ React.createElement(ListItem.Heading, null, credential.issuanceDate.toLocaleString()))))));
 };
-
-// src/containers/RecoveryCredentialsContainer/index.ts
-var RecoveryCredentialsContainer_default = RecoveryCredentialsContainer;
 export {
-  RecoveryCredentialsContainer_default as default
+  RecoveryCredentialsContainer as default
 };
-//# sourceMappingURL=RecoveryCredentialsContainer-G22FSTIX.mjs.map
+//# sourceMappingURL=RecoveryCredentialsContainer-IPBGDMIA.mjs.map

package/dist/lib/neutral/RecoveryCredentialsContainer-IPBGDMIA.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/containers/RecoveryCredentialsContainer/RecoveryCredentialsContainer.tsx"],
+  "sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\n\nimport React from 'react';\n\nimport { useOperationInvoker } from '@dxos/app-framework/ui';\nimport { useCredentials } from '@dxos/react-client/halo';\nimport { Icon, IconButton, List, ListItem, Message, useTranslation } from '@dxos/react-ui';\nimport { Settings } from '@dxos/react-ui-form';\n\nimport { meta } from '#meta';\nimport { ClientOperation } from '#operations';\n\nexport const MANAGE_CREDENTIALS_DIALOG = `${meta.id}.ManageCredentialsDialog`;\n\nexport const RecoveryCredentialsContainer = () => {\n  const { t } = useTranslation(meta.id);\n  const { invokePromise } = useOperationInvoker();\n  const credentials = useCredentials();\n  const recoveryCredentials = credentials.filter(\n    (credential) => credential.subject.assertion['@type'] === 'dxos.halo.credentials.IdentityRecovery',\n  );\n\n  return (\n    <Settings.Viewport>\n      <Settings.Section title={t('recovery-setup-dialog.title')} description={t('recovery-setup-dialog.description')}>\n        <Settings.Item 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            onClick={() => invokePromise(ClientOperation.CreatePasskey)}\n          />\n        </Settings.Item>\n        <Settings.Item 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            onClick={() => invokePromise(ClientOperation.CreateRecoveryCode)}\n          />\n        </Settings.Item>\n      </Settings.Section>\n      <Settings.Section title={t('credentials-list.label')}>\n        {recoveryCredentials.length < 1 ? (\n          <Message.Root valence='error'>\n            <Message.Title icon='ph--shield-warning--duotone'>{t('no-credentials.title')}</Message.Title>\n            <Message.Content>{t('no-credentials.message')}</Message.Content>\n          </Message.Root>\n        ) : (\n          <List>\n            {recoveryCredentials.map((credential) => (\n              <ListItem.Root key={credential.id?.toHex()}>\n                <ListItem.Endcap>\n                  <Icon icon='ph--key--regular' />\n                </ListItem.Endcap>\n                <ListItem.Heading>{credential.issuanceDate.toLocaleString()}</ListItem.Heading>\n              </ListItem.Root>\n            ))}\n          </List>\n        )}\n      </Settings.Section>\n    </Settings.Viewport>\n  );\n};\n"],
+  "mappings": ";;;AAIA,OAAOA,WAAW;AAElB,SAASC,2BAA2B;AACpC,SAASC,sBAAsB;AAC/B,SAASC,MAAMC,YAAYC,MAAMC,UAAUC,SAASC,sBAAsB;AAC1E,SAASC,gBAAgB;AAEzB,SAASC,YAAY;AACrB,SAASC,uBAAuB;AAEzB,IAAMC,4BAA4B,GAAGF,KAAKG,EAAE;AAE5C,IAAMC,+BAA+B,MAAA;AAC1C,QAAM,EAAEC,EAAC,IAAKP,eAAeE,KAAKG,EAAE;AACpC,QAAM,EAAEG,cAAa,IAAKf,oBAAAA;AAC1B,QAAMgB,cAAcf,eAAAA;AACpB,QAAMgB,sBAAsBD,YAAYE,OACtC,CAACC,eAAeA,WAAWC,QAAQC,UAAU,OAAA,MAAa,wCAAA;AAG5D,SACE,sBAAA,cAACb,SAASc,UAAQ,MAChB,sBAAA,cAACd,SAASe,SAAO;IAACC,OAAOV,EAAE,6BAAA;IAAgCW,aAAaX,EAAE,mCAAA;KACxE,sBAAA,cAACN,SAASkB,MAAI;IAACF,OAAOV,EAAE,sBAAA;IAAyBW,aAAaX,EAAE,4BAAA;KAC9D,sBAAA,cAACX,YAAAA;IACCwB,OAAOb,EAAE,sBAAA;IACTc,MAAK;IACLC,SAAQ;IACRC,SAAS,MAAMf,cAAcL,gBAAgBqB,aAAa;OAG9D,sBAAA,cAACvB,SAASkB,MAAI;IAACF,OAAOV,EAAE,4BAAA;IAA+BW,aAAaX,EAAE,kCAAA;KACpE,sBAAA,cAACX,YAAAA;IACCwB,OAAOb,EAAE,4BAAA;IACTc,MAAK;IACLC,SAAQ;IACRC,SAAS,MAAMf,cAAcL,gBAAgBsB,kBAAkB;QAIrE,sBAAA,cAACxB,SAASe,SAAO;IAACC,OAAOV,EAAE,wBAAA;KACxBG,oBAAoBgB,SAAS,IAC5B,sBAAA,cAAC3B,QAAQ4B,MAAI;IAACC,SAAQ;KACpB,sBAAA,cAAC7B,QAAQ8B,OAAK;IAACR,MAAK;KAA+Bd,EAAE,sBAAA,CAAA,GACrD,sBAAA,cAACR,QAAQ+B,SAAO,MAAEvB,EAAE,wBAAA,CAAA,CAAA,IAGtB,sBAAA,cAACV,MAAAA,MACEa,oBAAoBqB,IAAI,CAACnB,eACxB,sBAAA,cAACd,SAAS6B,MAAI;IAACK,KAAKpB,WAAWP,IAAI4B,MAAAA;KACjC,sBAAA,cAACnC,SAASoC,QAAM,MACd,sBAAA,cAACvC,MAAAA;IAAK0B,MAAK;OAEb,sBAAA,cAACvB,SAASqC,SAAO,MAAEvB,WAAWwB,aAAaC,eAAc,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAQzE;",
+  "names": ["React", "useOperationInvoker", "useCredentials", "Icon", "IconButton", "List", "ListItem", "Message", "useTranslation", "Settings", "meta", "ClientOperation", "MANAGE_CREDENTIALS_DIALOG", "id", "RecoveryCredentialsContainer", "t", "invokePromise", "credentials", "recoveryCredentials", "filter", "credential", "subject", "assertion", "Viewport", "Section", "title", "description", "Item", "label", "icon", "variant", "onClick", "CreatePasskey", "CreateRecoveryCode", "length", "Root", "valence", "Title", "Content", "map", "key", "toHex", "Endcap", "Heading", "issuanceDate", "toLocaleString"]
+}

package/dist/lib/{browser/ResetDialog-W24FOWBQ.mjs → neutral/ResetDialog-VXOIHJXP.mjs}

@@ -1,3 +1,5 @@
+import "./chunk-J5LGTIGS.mjs";
+
 // src/containers/ResetDialog/ResetDialog.tsx
 import * as Effect from "effect/Effect";
 import React, { useCallback } from "react";
@@ -14,7 +16,7 @@ var ResetDialog = ({ mode, onReset, capabilityManager }) => {
   const client = useClient();
   const handleReset = useCallback(async () => {
     await client.reset();
-    const target = mode === "join new identity" ? "deviceInvitation" : mode === "recover" ? "recoverIdentity" : void 0;
+    const target = mode === "join-new-identity" ? "deviceInvitation" : mode === "recover" ? "recoverIdentity" : void 0;
     if (onReset) {
       await runAndForwardErrors(onReset({
         target
@@ -33,14 +35,14 @@ var ResetDialog = ({ mode, onReset, capabilityManager }) => {
   }, [
     invokePromise
   ]);
-  return /* @__PURE__ */ React.createElement(Dialog.Content, null, /* @__PURE__ */ React.createElement(Dialog.Header, null, /* @__PURE__ */ React.createElement(Dialog.Title, null, t("reset dialog title"))), /* @__PURE__ */ React.createElement(Dialog.Description, {
+  return /* @__PURE__ */ React.createElement(Dialog.Content, null, /* @__PURE__ */ React.createElement(Dialog.Header, null, /* @__PURE__ */ React.createElement(Dialog.Title, null, t("reset-dialog.title"))), /* @__PURE__ */ React.createElement(Dialog.Body, null, /* @__PURE__ */ React.createElement(Dialog.Description, {
     classNames: "sr-only"
-  }, t("reset dialog description")), /* @__PURE__ */ React.createElement(ConfirmReset, {
+  }, t("reset-dialog.description")), /* @__PURE__ */ React.createElement(ConfirmReset, {
     active: true,
     mode,
     onConfirm: handleReset,
     onCancel: handleCancel
-  }));
+  })));
 };
 
 // src/containers/ResetDialog/index.ts
@@ -49,4 +51,4 @@ export {
   ResetDialog,
   ResetDialog_default as default
 };
-//# sourceMappingURL=ResetDialog-W24FOWBQ.mjs.map
+//# sourceMappingURL=ResetDialog-VXOIHJXP.mjs.map

package/dist/lib/neutral/ResetDialog-VXOIHJXP.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/containers/ResetDialog/ResetDialog.tsx", "../../../src/containers/ResetDialog/index.ts"],
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport * as Effect from 'effect/Effect';\nimport React, { useCallback } from 'react';\n\nimport { Capability, type CapabilityManager } from '@dxos/app-framework';\nimport { useOperationInvoker } from '@dxos/app-framework/ui';\nimport { LayoutOperation } from '@dxos/app-toolkit';\nimport { runAndForwardErrors } from '@dxos/effect';\nimport { useClient } from '@dxos/react-client';\nimport { Dialog, useTranslation } from '@dxos/react-ui';\nimport { ConfirmReset, type ConfirmResetProps, translationKey } from '@dxos/shell/react';\n\nimport { type ClientPluginOptions } from '#types';\n\nexport type ResetDialogProps = Pick<ConfirmResetProps, 'mode'> &\n  Pick<ClientPluginOptions, 'onReset'> & {\n    capabilityManager: CapabilityManager.CapabilityManager;\n  };\n\nexport const ResetDialog = ({ mode, onReset, capabilityManager }: ResetDialogProps) => {\n  const { t } = useTranslation(translationKey);\n  const { invokePromise } = useOperationInvoker();\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    if (onReset) {\n      await runAndForwardErrors(onReset({ target }).pipe(Effect.provideService(Capability.Service, capabilityManager)));\n    }\n  }, [client, mode, onReset, capabilityManager]);\n\n  const handleCancel = useCallback(() => {\n    void invokePromise(LayoutOperation.UpdateDialog, { state: false });\n  }, [invokePromise]);\n\n  return (\n    <Dialog.Content>\n      <Dialog.Header>\n        <Dialog.Title>{t('reset-dialog.title')}</Dialog.Title>\n      </Dialog.Header>\n      <Dialog.Body>\n        <Dialog.Description classNames='sr-only'>{t('reset-dialog.description')}</Dialog.Description>\n        <ConfirmReset active mode={mode} onConfirm={handleReset} onCancel={handleCancel} />\n      </Dialog.Body>\n    </Dialog.Content>\n  );\n};\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { ResetDialog } from './ResetDialog';\n\nexport * from './ResetDialog';\nexport default ResetDialog;\n"],
+  "mappings": ";;;AAIA,YAAYA,YAAY;AACxB,OAAOC,SAASC,mBAAmB;AAEnC,SAASC,kBAA0C;AACnD,SAASC,2BAA2B;AACpC,SAASC,uBAAuB;AAChC,SAASC,2BAA2B;AACpC,SAASC,iBAAiB;AAC1B,SAASC,QAAQC,sBAAsB;AACvC,SAASC,cAAsCC,sBAAsB;AAS9D,IAAMC,cAAc,CAAC,EAAEC,MAAMC,SAASC,kBAAiB,MAAoB;AAChF,QAAM,EAAEC,EAAC,IAAKP,eAAeE,cAAAA;AAC7B,QAAM,EAAEM,cAAa,IAAKb,oBAAAA;AAC1B,QAAMc,SAASX,UAAAA;AAEf,QAAMY,cAAcjB,YAAY,YAAA;AAC9B,UAAMgB,OAAOE,MAAK;AAClB,UAAMC,SACJR,SAAS,sBAAsB,qBAAqBA,SAAS,YAAY,oBAAoBS;AAC/F,QAAIR,SAAS;AACX,YAAMR,oBAAoBQ,QAAQ;QAAEO;MAAO,CAAA,EAAGE,KAAYC,sBAAerB,WAAWsB,SAASV,iBAAAA,CAAAA,CAAAA;IAC/F;EACF,GAAG;IAACG;IAAQL;IAAMC;IAASC;GAAkB;AAE7C,QAAMW,eAAexB,YAAY,MAAA;AAC/B,SAAKe,cAAcZ,gBAAgBsB,cAAc;MAAEC,OAAO;IAAM,CAAA;EAClE,GAAG;IAACX;GAAc;AAElB,SACE,sBAAA,cAACT,OAAOqB,SAAO,MACb,sBAAA,cAACrB,OAAOsB,QAAM,MACZ,sBAAA,cAACtB,OAAOuB,OAAK,MAAEf,EAAE,oBAAA,CAAA,CAAA,GAEnB,sBAAA,cAACR,OAAOwB,MAAI,MACV,sBAAA,cAACxB,OAAOyB,aAAW;IAACC,YAAW;KAAWlB,EAAE,0BAAA,CAAA,GAC5C,sBAAA,cAACN,cAAAA;IAAayB,QAAAA;IAAOtB;IAAYuB,WAAWjB;IAAakB,UAAUX;;AAI3E;;;AC5CA,IAAA,sBAAeY;",
+  "names": ["Effect", "React", "useCallback", "Capability", "useOperationInvoker", "LayoutOperation", "runAndForwardErrors", "useClient", "Dialog", "useTranslation", "ConfirmReset", "translationKey", "ResetDialog", "mode", "onReset", "capabilityManager", "t", "invokePromise", "client", "handleReset", "reset", "target", "undefined", "pipe", "provideService", "Service", "handleCancel", "UpdateDialog", "state", "Content", "Header", "Title", "Body", "Description", "classNames", "active", "onConfirm", "onCancel", "ResetDialog"]
+}

package/dist/lib/{browser/app-graph-builder-GGJKFY3X.mjs → neutral/app-graph-builder-IK34U2RQ.mjs}

@@ -1,30 +1,26 @@
-import {
-  Account,
-  ClientCapabilities,
-  ClientOperation
-} from "./chunk-FVEKZBM7.mjs";
-import {
-  meta
-} from "./chunk-JHSBBOCI.mjs";
+import "./chunk-J5LGTIGS.mjs";
 
-// src/capabilities/app-graph-builder/app-graph-builder.ts
+// src/capabilities/app-graph-builder.ts
 import * as Effect from "effect/Effect";
 import { Capability } from "@dxos/app-framework";
 import { AppCapabilities } from "@dxos/app-toolkit";
-import { Operation } from "@dxos/operation";
-import { CreateAtom, GraphBuilder, NodeMatcher } from "@dxos/plugin-graph";
+import { Operation } from "@dxos/compute";
+import { CreateAtom, GraphBuilder, Node, NodeMatcher } from "@dxos/plugin-graph";
 import { ConnectionState } from "@dxos/react-client/mesh";
+import { meta } from "#meta";
+import { ClientOperation } from "#operations";
+import { Account, ClientCapabilities } from "#types";
 var app_graph_builder_default = Capability.makeModule(Effect.fnUntraced(function* () {
   const extensions = yield* GraphBuilder.createExtension({
-    id: meta.id,
+    id: "root",
     match: NodeMatcher.whenRoot,
     actions: () => Effect.succeed([
       {
-        id: `${meta.id}.open-user-account`,
+        id: "open-user-account",
         data: () => Operation.invoke(ClientOperation.ShareIdentity),
         properties: {
           label: [
-            "open user account label",
+            "open-user-account.label",
             {
               ns: meta.id
             }
@@ -45,12 +41,12 @@ var app_graph_builder_default = Capability.makeModule(Effect.fnUntraced(function
       const identity = get(CreateAtom.fromObservable(client.halo.identity));
       const status = get(CreateAtom.fromObservable(client.mesh.networkStatus));
       return [
-        {
+        Node.make({
           id: Account.id,
           type: meta.id,
           properties: {
             label: [
-              "account label",
+              "account.label",
               {
                 ns: meta.id
               }
@@ -65,27 +61,27 @@ var app_graph_builder_default = Capability.makeModule(Effect.fnUntraced(function
             status: status.swarm === ConnectionState.OFFLINE ? "error" : "active"
           },
           nodes: [
-            {
+            Node.make({
               id: Account.Profile,
               data: Account.Profile,
               type: meta.id,
               properties: {
                 label: [
-                  "profile label",
+                  "profile.label",
                   {
                     ns: meta.id
                   }
                 ],
                 icon: "ph--user--regular"
               }
-            },
-            {
+            }),
+            Node.make({
               id: Account.Devices,
               data: Account.Devices,
               type: meta.id,
               properties: {
                 label: [
-                  "devices label",
+                  "devices.label",
                   {
                     ns: meta.id
                   }
@@ -93,23 +89,23 @@ var app_graph_builder_default = Capability.makeModule(Effect.fnUntraced(function
                 icon: "ph--devices--regular",
                 testId: "clientPlugin.devices"
               }
-            },
-            {
+            }),
+            Node.make({
               id: Account.Security,
               data: Account.Security,
               type: meta.id,
               properties: {
                 label: [
-                  "security label",
+                  "security.label",
                   {
                     ns: meta.id
                   }
                 ],
                 icon: "ph--key--regular"
               }
-            }
+            })
           ]
-        }
+        })
       ];
     })
   });
@@ -118,4 +114,4 @@ var app_graph_builder_default = Capability.makeModule(Effect.fnUntraced(function
 export {
   app_graph_builder_default as default
 };
-//# sourceMappingURL=app-graph-builder-GGJKFY3X.mjs.map
+//# sourceMappingURL=app-graph-builder-IK34U2RQ.mjs.map

package/dist/lib/neutral/app-graph-builder-IK34U2RQ.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/capabilities/app-graph-builder.ts"],
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport * as Effect from 'effect/Effect';\n\nimport { Capability } from '@dxos/app-framework';\nimport { AppCapabilities } from '@dxos/app-toolkit';\nimport { Operation } from '@dxos/compute';\nimport { CreateAtom, GraphBuilder, Node, NodeMatcher } from '@dxos/plugin-graph';\nimport { ConnectionState } from '@dxos/react-client/mesh';\n\nimport { meta } from '#meta';\nimport { ClientOperation } from '#operations';\nimport { Account, ClientCapabilities } from '#types';\n\nexport default Capability.makeModule(\n  Effect.fnUntraced(function* () {\n    const extensions = yield* GraphBuilder.createExtension({\n      id: 'root',\n      match: NodeMatcher.whenRoot,\n      actions: () =>\n        Effect.succeed([\n          {\n            id: 'open-user-account',\n            data: () => Operation.invoke(ClientOperation.ShareIdentity),\n            properties: {\n              label: ['open-user-account.label', { ns: meta.id }],\n              icon: 'ph--user--regular',\n              disposition: 'menu',\n              keyBinding: {\n                macos: 'meta+shift+.',\n                // TODO(wittjosiah): Test on windows to see if it behaves the same as linux.\n                windows: 'alt+shift+.',\n                linux: 'alt+shift+>',\n              },\n            },\n          },\n        ]),\n      connector: Effect.fnUntraced(function* (node, get) {\n        const client = yield* Capability.get(ClientCapabilities.Client);\n        const identity = get(CreateAtom.fromObservable(client.halo.identity));\n        const status = get(CreateAtom.fromObservable(client.mesh.networkStatus));\n\n        return [\n          Node.make({\n            id: Account.id,\n            type: meta.id,\n            properties: {\n              label: ['account.label', { ns: meta.id }],\n              icon: 'ph--user--regular',\n              disposition: 'user-account',\n              testId: 'clientPlugin.account',\n              // NOTE: This currently needs to be the identity key because the fallback is generated from hex.\n              userId: identity?.identityKey.toHex(),\n              hue: identity?.profile?.data?.hue,\n              emoji: identity?.profile?.data?.emoji,\n              status: status.swarm === ConnectionState.OFFLINE ? 'error' : 'active',\n            },\n            nodes: [\n              Node.make({\n                id: Account.Profile,\n                data: Account.Profile,\n                type: meta.id,\n                properties: {\n                  label: ['profile.label', { ns: meta.id }],\n                  icon: 'ph--user--regular',\n                },\n              }),\n              Node.make({\n                id: Account.Devices,\n                data: Account.Devices,\n                type: meta.id,\n                properties: {\n                  label: ['devices.label', { ns: meta.id }],\n                  icon: 'ph--devices--regular',\n                  testId: 'clientPlugin.devices',\n                },\n              }),\n              Node.make({\n                id: Account.Security,\n                data: Account.Security,\n                type: meta.id,\n                properties: {\n                  label: ['security.label', { ns: meta.id }],\n                  icon: 'ph--key--regular',\n                },\n              }),\n            ],\n          }),\n        ];\n      }),\n    });\n\n    return Capability.contributes(AppCapabilities.AppGraphBuilder, extensions);\n  }),\n);\n"],
+  "mappings": ";;;AAIA,YAAYA,YAAY;AAExB,SAASC,kBAAkB;AAC3B,SAASC,uBAAuB;AAChC,SAASC,iBAAiB;AAC1B,SAASC,YAAYC,cAAcC,MAAMC,mBAAmB;AAC5D,SAASC,uBAAuB;AAEhC,SAASC,YAAY;AACrB,SAASC,uBAAuB;AAChC,SAASC,SAASC,0BAA0B;AAE5C,IAAA,4BAAeX,WAAWY,WACjBC,kBAAW,aAAA;AAChB,QAAMC,aAAa,OAAOV,aAAaW,gBAAgB;IACrDC,IAAI;IACJC,OAAOX,YAAYY;IACnBC,SAAS,MACAC,eAAQ;MACb;QACEJ,IAAI;QACJK,MAAM,MAAMnB,UAAUoB,OAAOb,gBAAgBc,aAAa;QAC1DC,YAAY;UACVC,OAAO;YAAC;YAA2B;cAAEC,IAAIlB,KAAKQ;YAAG;;UACjDW,MAAM;UACNC,aAAa;UACbC,YAAY;YACVC,OAAO;;YAEPC,SAAS;YACTC,OAAO;UACT;QACF;MACF;KACD;IACHC,WAAkBpB,kBAAW,WAAWqB,MAAMC,KAAG;AAC/C,YAAMC,SAAS,OAAOpC,WAAWmC,IAAIxB,mBAAmB0B,MAAM;AAC9D,YAAMC,WAAWH,IAAIhC,WAAWoC,eAAeH,OAAOI,KAAKF,QAAQ,CAAA;AACnE,YAAMG,SAASN,IAAIhC,WAAWoC,eAAeH,OAAOM,KAAKC,aAAa,CAAA;AAEtE,aAAO;QACLtC,KAAKuC,KAAK;UACR5B,IAAIN,QAAQM;UACZ6B,MAAMrC,KAAKQ;UACXQ,YAAY;YACVC,OAAO;cAAC;cAAiB;gBAAEC,IAAIlB,KAAKQ;cAAG;;YACvCW,MAAM;YACNC,aAAa;YACbkB,QAAQ;;YAERC,QAAQT,UAAUU,YAAYC,MAAAA;YAC9BC,KAAKZ,UAAUa,SAAS9B,MAAM6B;YAC9BE,OAAOd,UAAUa,SAAS9B,MAAM+B;YAChCX,QAAQA,OAAOY,UAAU9C,gBAAgB+C,UAAU,UAAU;UAC/D;UACAC,OAAO;YACLlD,KAAKuC,KAAK;cACR5B,IAAIN,QAAQ8C;cACZnC,MAAMX,QAAQ8C;cACdX,MAAMrC,KAAKQ;cACXQ,YAAY;gBACVC,OAAO;kBAAC;kBAAiB;oBAAEC,IAAIlB,KAAKQ;kBAAG;;gBACvCW,MAAM;cACR;YACF,CAAA;YACAtB,KAAKuC,KAAK;cACR5B,IAAIN,QAAQ+C;cACZpC,MAAMX,QAAQ+C;cACdZ,MAAMrC,KAAKQ;cACXQ,YAAY;gBACVC,OAAO;kBAAC;kBAAiB;oBAAEC,IAAIlB,KAAKQ;kBAAG;;gBACvCW,MAAM;gBACNmB,QAAQ;cACV;YACF,CAAA;YACAzC,KAAKuC,KAAK;cACR5B,IAAIN,QAAQgD;cACZrC,MAAMX,QAAQgD;cACdb,MAAMrC,KAAKQ;cACXQ,YAAY;gBACVC,OAAO;kBAAC;kBAAkB;oBAAEC,IAAIlB,KAAKQ;kBAAG;;gBACxCW,MAAM;cACR;YACF,CAAA;;QAEJ,CAAA;;IAEJ,CAAA;EACF,CAAA;AAEA,SAAO3B,WAAW2D,YAAY1D,gBAAgB2D,iBAAiB9C,UAAAA;AACjE,CAAA,CAAA;",
+  "names": ["Effect", "Capability", "AppCapabilities", "Operation", "CreateAtom", "GraphBuilder", "Node", "NodeMatcher", "ConnectionState", "meta", "ClientOperation", "Account", "ClientCapabilities", "makeModule", "fnUntraced", "extensions", "createExtension", "id", "match", "whenRoot", "actions", "succeed", "data", "invoke", "ShareIdentity", "properties", "label", "ns", "icon", "disposition", "keyBinding", "macos", "windows", "linux", "connector", "node", "get", "client", "Client", "identity", "fromObservable", "halo", "status", "mesh", "networkStatus", "make", "type", "testId", "userId", "identityKey", "toHex", "hue", "profile", "emoji", "swarm", "OFFLINE", "nodes", "Profile", "Devices", "Security", "contributes", "AppGraphBuilder"]
+}

package/dist/lib/neutral/capabilities/index.mjs

@@ -0,0 +1,30 @@
+import "../chunk-J5LGTIGS.mjs";
+
+// src/capabilities/index.ts
+import { Capability as Capability2 } from "@dxos/app-framework";
+
+// src/capabilities/navigation-handler/index.ts
+import { Capability } from "@dxos/app-framework";
+var NavigationHandler = Capability.lazy("NavigationHandler", () => import("../navigation-handler-TA4S74CF.mjs"));
+
+// src/capabilities/index.ts
+var AppGraphBuilder = Capability2.lazy("AppGraphBuilder", () => import("../app-graph-builder-IK34U2RQ.mjs"));
+var Client = Capability2.lazy("Client", () => import("../client-7JBIGMTX.mjs"));
+var LayerSpecs = Capability2.lazy("LayerSpecs", () => import("../layer-specs-RCCQ4GKS.mjs"));
+var Migrations = Capability2.lazy("Migrations", () => import("../migrations-7FTW55ER.mjs"));
+var OperationHandler = Capability2.lazy("OperationHandler", () => import("../operation-handler-E3HB7E2T.mjs"));
+var ReactContext = Capability2.lazy("ReactContext", () => import("../react-context-B5LXMHVM.mjs"));
+var ReactSurface = Capability2.lazy("ReactSurface", () => import("../react-surface-VSBYVQL7.mjs"));
+var SchemaDefs = Capability2.lazy("SchemaDefs", () => import("../schema-defs-6XJAJAQT.mjs"));
+export {
+  AppGraphBuilder,
+  Client,
+  LayerSpecs,
+  Migrations,
+  NavigationHandler,
+  OperationHandler,
+  ReactContext,
+  ReactSurface,
+  SchemaDefs
+};
+//# sourceMappingURL=index.mjs.map

package/dist/lib/neutral/capabilities/index.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/capabilities/index.ts", "../../../../src/capabilities/navigation-handler/index.ts"],
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport { Capability } from '@dxos/app-framework';\nimport { OperationHandlerSet } from '@dxos/compute';\n\nexport const AppGraphBuilder = Capability.lazy('AppGraphBuilder', () => import('./app-graph-builder'));\nexport const Client = Capability.lazy('Client', () => import('./client'));\nexport const LayerSpecs = Capability.lazy<void, Capability.Any[]>('LayerSpecs', () => import('./layer-specs'));\nexport const Migrations = Capability.lazy('Migrations', () => import('./migrations'));\nexport { NavigationHandler } from './navigation-handler';\nexport type { NavigationHandlerOptions } from './navigation-handler';\nexport const OperationHandler = Capability.lazy<OperationHandlerSet.OperationHandlerSet>(\n  'OperationHandler',\n  () => import('./operation-handler'),\n);\nexport const ReactContext = Capability.lazy('ReactContext', () => import('./react-context'));\nexport const ReactSurface = Capability.lazy('ReactSurface', () => import('./react-surface'));\nexport const SchemaDefs = Capability.lazy('SchemaDefs', () => import('./schema-defs'));\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { Capability } from '@dxos/app-framework';\n\nexport type { NavigationHandlerOptions } from './navigation-handler';\n\nexport const NavigationHandler = Capability.lazy('NavigationHandler', () => import('./navigation-handler'));\n"],
+  "mappings": ";;;AAIA,SAASA,cAAAA,mBAAkB;;;ACA3B,SAASC,kBAAkB;AAIpB,IAAMC,oBAAoBD,WAAWE,KAAK,qBAAqB,MAAM,OAAO,oCAAA,CAAA;;;ADD5E,IAAMC,kBAAkBC,YAAWC,KAAK,mBAAmB,MAAM,OAAO,mCAAA,CAAA;AACxE,IAAMC,SAASF,YAAWC,KAAK,UAAU,MAAM,OAAO,wBAAA,CAAA;AACtD,IAAME,aAAaH,YAAWC,KAA6B,cAAc,MAAM,OAAO,6BAAA,CAAA;AACtF,IAAMG,aAAaJ,YAAWC,KAAK,cAAc,MAAM,OAAO,4BAAA,CAAA;AAG9D,IAAMI,mBAAmBL,YAAWC,KACzC,oBACA,MAAM,OAAO,mCAAA,CAAA;AAER,IAAMK,eAAeN,YAAWC,KAAK,gBAAgB,MAAM,OAAO,+BAAA,CAAA;AAClE,IAAMM,eAAeP,YAAWC,KAAK,gBAAgB,MAAM,OAAO,+BAAA,CAAA;AAClE,IAAMO,aAAaR,YAAWC,KAAK,cAAc,MAAM,OAAO,6BAAA,CAAA;",
+  "names": ["Capability", "Capability", "NavigationHandler", "lazy", "AppGraphBuilder", "Capability", "lazy", "Client", "LayerSpecs", "Migrations", "OperationHandler", "ReactContext", "ReactSurface", "SchemaDefs"]
+}

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

@@ -0,0 +1,13 @@
+import "../chunk-J5LGTIGS.mjs";
+
+// src/capabilities/node.ts
+import { Capability } from "@dxos/app-framework";
+var Client = Capability.lazy("Client", () => import("../client-7JBIGMTX.mjs"));
+var OperationHandler = Capability.lazy("OperationHandler", () => import("../operation-handler-E3HB7E2T.mjs"));
+var SchemaDefs = Capability.lazy("SchemaDefs", () => import("../schema-defs-6XJAJAQT.mjs"));
+export {
+  Client,
+  OperationHandler,
+  SchemaDefs
+};
+//# sourceMappingURL=node.mjs.map

package/dist/lib/neutral/capabilities/node.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/capabilities/node.ts"],
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport { Capability } from '@dxos/app-framework';\nimport { OperationHandlerSet } from '@dxos/compute';\n\nexport const Client = Capability.lazy('Client', () => import('./client'));\nexport const OperationHandler = Capability.lazy<OperationHandlerSet.OperationHandlerSet>(\n  'OperationHandler',\n  () => import('./operation-handler'),\n);\nexport const SchemaDefs = Capability.lazy('SchemaDefs', () => import('./schema-defs'));\n"],
+  "mappings": ";;;AAIA,SAASA,kBAAkB;AAGpB,IAAMC,SAASD,WAAWE,KAAK,UAAU,MAAM,OAAO,wBAAA,CAAA;AACtD,IAAMC,mBAAmBH,WAAWE,KACzC,oBACA,MAAM,OAAO,mCAAA,CAAA;AAER,IAAME,aAAaJ,WAAWE,KAAK,cAAc,MAAM,OAAO,6BAAA,CAAA;",
+  "names": ["Capability", "Client", "lazy", "OperationHandler", "SchemaDefs"]
+}

package/dist/lib/{browser/chunk-JHSBBOCI.mjs → neutral/chunk-CTLL5QTP.mjs}

@@ -3,13 +3,17 @@ import { trim } from "@dxos/util";
 var meta = {
   id: "org.dxos.plugin.client",
   name: "Client",
+  author: "DXOS",
   description: trim`
     Core client connectivity and peer-to-peer networking infrastructure.
     Manages identity, authentication, and real-time synchronization across devices.
-  `
+  `,
+  tags: [
+    "system"
+  ]
 };
 
 export {
   meta
 };
-//# sourceMappingURL=chunk-JHSBBOCI.mjs.map
+//# sourceMappingURL=chunk-CTLL5QTP.mjs.map

package/dist/lib/neutral/chunk-CTLL5QTP.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/meta.ts"],
+  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { type Plugin } from '@dxos/app-framework';\nimport { trim } from '@dxos/util';\n\nexport const meta: Plugin.Meta = {\n  id: 'org.dxos.plugin.client',\n  name: 'Client',\n  author: 'DXOS',\n  description: trim`\n    Core client connectivity and peer-to-peer networking infrastructure.\n    Manages identity, authentication, and real-time synchronization across devices.\n  `,\n  tags: ['system'],\n};\n"],
+  "mappings": ";AAKA,SAASA,YAAY;AAEd,IAAMC,OAAoB;EAC/BC,IAAI;EACJC,MAAM;EACNC,QAAQ;EACRC,aAAaL;;;;EAIbM,MAAM;IAAC;;AACT;",
+  "names": ["trim", "meta", "id", "name", "author", "description", "tags"]
+}

package/dist/lib/neutral/chunk-J5LGTIGS.mjs

@@ -0,0 +1,10 @@
+var __defProp = Object.defineProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+
+export {
+  __export
+};
+//# sourceMappingURL=chunk-J5LGTIGS.mjs.map

package/dist/lib/neutral/chunk-JVKCYW5O.mjs

@@ -0,0 +1,8 @@
+// src/operations/index.ts
+import { OperationHandlerSet } from "@dxos/compute";
+var ClientOperationHandlerSet = OperationHandlerSet.lazy(() => import("./create-agent-JV3EM3TV.mjs"), () => import("./create-identity-GNGOTH6D.mjs"), () => import("./create-passkey-NCP4XA7C.mjs"), () => import("./create-recovery-code-L5LA3GAP.mjs"), () => import("./join-identity-3W6PJLKN.mjs"), () => import("./recover-identity-KL6QY4GI.mjs"), () => import("./redeem-passkey-NDEWSJTM.mjs"), () => import("./redeem-token-YLWAVFXD.mjs"), () => import("./reset-storage-OBHEGA6Z.mjs"), () => import("./share-identity-JQ5SL3J2.mjs"));
+
+export {
+  ClientOperationHandlerSet
+};
+//# sourceMappingURL=chunk-JVKCYW5O.mjs.map