@dxos/plugin-client 0.12.0-next-73daef452f1464b62efdbca75fb0067c1066f264 → 0.13.0

package/dist/lib/chunk-ContactPickerContainer.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"chunk-ContactPickerContainer.mjs","names":[],"sources":["../../src/containers/ContactPickerContainer/ContactPickerContainer.tsx"],"sourcesContent":["//\n// Copyright 2026 DXOS.org\n//\n\nimport React, { useMemo, useState } from 'react';\n\nimport type * as AppSurface from '@dxos/app-toolkit/AppSurface';\nimport { log } from '@dxos/log';\nimport { toPublicKey } from '@dxos/protocols/buf';\nimport { SpaceMember_Role, useMembers } from '@dxos/react-client/echo';\nimport { useContacts, useIdentity } from '@dxos/react-client/halo';\nimport * as Field from '@dxos/react-ui/Field';\nimport * as Hooks from '@dxos/react-ui/Hooks';\nimport * as Input from '@dxos/react-ui/Input';\nimport * as Layout from '@dxos/react-ui/Layout';\nimport * as Select from '@dxos/react-ui/Select';\nimport * as SystemButton from '@dxos/react-ui/SystemButton';\nimport { ContactPicker } from '@dxos/shell/react';\n\nimport { meta } from '#meta';\n\nconst ROLES = [SpaceMember_Role.READER, SpaceMember_Role.EDITOR, SpaceMember_Role.ADMIN] as const;\n\ntype AdmitRole = (typeof ROLES)[number];\n\nconst roleLabel: Record<AdmitRole, string> = {\n  [SpaceMember_Role.EDITOR]: 'role-editor.label',\n  [SpaceMember_Role.READER]: 'role-viewer.label',\n  [SpaceMember_Role.ADMIN]: 'role-admin.label',\n};\n\nexport type ContactPickerContainerProps = AppSurface.ContactPickerData;\n\nexport const ContactPickerContainer = ({ space, onAdd }: ContactPickerContainerProps) => {\n  const { t } = Hooks.useTranslation(meta.profile.key);\n  const contacts = useContacts();\n  const members = useMembers(space.key);\n  const identity = useIdentity();\n  const [selected, setSelected] = useState<string>();\n  const [role, setRole] = useState<AdmitRole>(SpaceMember_Role.EDITOR);\n  const [joinUrl, setJoinUrl] = useState<string>();\n  const [pending, setPending] = useState(false);\n\n  const memberKeys = useMemo(\n    () =>\n      members\n        .map((member) => toPublicKey(member.identity?.identityKey)?.toHex())\n        .filter((key): key is string => key !== undefined),\n    [members],\n  );\n  const selfKey = toPublicKey(identity?.identityKey);\n  const selfRole = members.find(\n    (member) => selfKey && toPublicKey(member.identity?.identityKey)?.equals(selfKey),\n  )?.role;\n  const canAdmit = selfRole === SpaceMember_Role.OWNER || selfRole === SpaceMember_Role.ADMIN;\n\n  const handleAdd = async () => {\n    if (!selected) {\n      return;\n    }\n\n    setPending(true);\n    try {\n      const result = await onAdd([selected], role);\n      setJoinUrl(result.joinUrl);\n      setSelected(result.failed[0]?.key);\n    } catch (err) {\n      // Selection is kept so the user can retry.\n      log.catch(err);\n    } finally {\n      setPending(false);\n    }\n  };\n\n  if (contacts.length === 0) {\n    return <p className='text-fg-muted'>{t('contact-picker-empty.message')}</p>;\n  }\n\n  return (\n    <Layout.Container gap='md' role='group' gutter='none'>\n      <Layout.Flex align='center' gap='sm'>\n        <ContactPicker\n          contacts={contacts}\n          excludeKeys={memberKeys}\n          value={selected}\n          onChange={(key) => {\n            setSelected(key);\n            setJoinUrl(undefined);\n          }}\n          disabled={!canAdmit}\n        />\n        <Select.Root\n          value={[String(role)]}\n          onValueChange={({ value: [value] }) =>\n            setRole(ROLES.find((candidate) => String(candidate) === value) ?? SpaceMember_Role.EDITOR)\n          }\n          items={ROLES.map((value) => ({ value: String(value), label: t(roleLabel[value]) }))}\n        >\n          <Select.Trigger classNames='min-w-[6rem]' disabled={!canAdmit} />\n          <Select.Content>\n            {ROLES.map((value) => (\n              <Select.Item key={value} item={{ value: String(value), label: t(roleLabel[value]) }} />\n            ))}\n          </Select.Content>\n        </Select.Root>\n        <SystemButton.Add\n          iconOnly\n          label={t('contact-picker-add.label')}\n          disabled={!canAdmit || pending || !selected}\n          onClick={handleAdd}\n          data-testid='contactPicker.add'\n        />\n      </Layout.Flex>\n      {joinUrl && (\n        <Layout.Flex gap='sm'>\n          <Field.Root readOnly>\n            <Input.Root readOnly value={joinUrl} data-testid='contactPicker.joinUrl' />\n          </Field.Root>\n          <SystemButton.Clipboard value={joinUrl} />\n        </Layout.Flex>\n      )}\n    </Layout.Container>\n  );\n};\n\nContactPickerContainer.displayName = 'ContactPickerContainer';\n"],"mappings":"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"}

package/dist/lib/chunk-ContactsContainer.mjs

@@ -0,0 +1,53 @@
+import { meta } from "#meta";
+import { useMemo, useState } from "react";
+import { Form } from "@dxos/react-ui-form";
+import * as UiHooks from "@dxos/react-ui/Hooks";
+import { ContactList } from "@dxos/shell/react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as GraphPath from "@dxos/app-toolkit/GraphPath";
+import * as LayoutOperation from "@dxos/app-toolkit/LayoutOperation";
+import * as Hooks from "@dxos/app-framework/Hooks";
+import * as Field from "@dxos/react-ui/Field";
+import * as Input from "@dxos/react-ui/Input";
+import { useSpaces } from "@dxos/react-client/echo";
+import { useContacts } from "@dxos/react-client/halo";
+//#region src/containers/ContactsContainer/ContactsContainer.tsx
+var ContactsContainer = () => {
+	const { t } = UiHooks.useTranslation(meta.profile.key);
+	const { invokePromise } = Hooks.useOperationInvoker();
+	const contacts = useContacts();
+	const spaces = useSpaces();
+	const [filter, setFilter] = useState("");
+	const contactSpaces = useMemo(() => spaces.map((space) => ({
+		id: space.id,
+		key: space.key,
+		name: space.properties.name
+	})), [spaces]);
+	const handleSelectSpace = (selected) => void invokePromise(LayoutOperation.SwitchWorkspace, { subject: GraphPath.getSpacePath(selected.id) });
+	return /* @__PURE__ */ jsx(Form.Root, {
+		variant: "settings",
+		children: /* @__PURE__ */ jsx(Form.Viewport, {
+			scroll: true,
+			children: /* @__PURE__ */ jsx(Form.Content, { children: /* @__PURE__ */ jsxs(Form.FieldSet, {
+				label: t("contacts.label"),
+				description: t("contacts.description"),
+				children: [(contacts.length > 1 || filter !== "") && /* @__PURE__ */ jsx(Field.Root, { children: /* @__PURE__ */ jsx(Input.Root, {
+					placeholder: t("contacts-search.placeholder"),
+					value: filter,
+					onChange: (event) => setFilter(event.target.value),
+					"data-testid": "contacts.search"
+				}) }), /* @__PURE__ */ jsx(ContactList, {
+					classNames: "mt-3",
+					contacts,
+					spaces: contactSpaces,
+					filter,
+					onSelectSpace: handleSelectSpace
+				})]
+			}) })
+		})
+	});
+};
+//#endregion
+export { ContactsContainer as default };
+
+//# sourceMappingURL=chunk-ContactsContainer.mjs.map

package/dist/lib/chunk-ContactsContainer.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"chunk-ContactsContainer.mjs","names":[],"sources":["../../src/containers/ContactsContainer/ContactsContainer.tsx"],"sourcesContent":["//\n// Copyright 2026 DXOS.org\n//\n\nimport React, { useMemo, useState } from 'react';\n\nimport * as Hooks from '@dxos/app-framework/Hooks';\nimport * as GraphPath from '@dxos/app-toolkit/GraphPath';\nimport * as LayoutOperation from '@dxos/app-toolkit/LayoutOperation';\nimport { useSpaces } from '@dxos/react-client/echo';\nimport { useContacts } from '@dxos/react-client/halo';\nimport { Form } from '@dxos/react-ui-form';\nimport * as Field from '@dxos/react-ui/Field';\nimport * as UiHooks from '@dxos/react-ui/Hooks';\nimport * as Input from '@dxos/react-ui/Input';\nimport { ContactList, type ContactSpace } from '@dxos/shell/react';\n\nimport { meta } from '#meta';\n\nexport const ContactsContainer = () => {\n  const { t } = UiHooks.useTranslation(meta.profile.key);\n  const { invokePromise } = Hooks.useOperationInvoker();\n  const contacts = useContacts();\n  const spaces = useSpaces();\n  const [filter, setFilter] = useState('');\n  const contactSpaces = useMemo(\n    (): ContactSpace[] => spaces.map((space) => ({ id: space.id, key: space.key, name: space.properties.name })),\n    [spaces],\n  );\n\n  const handleSelectSpace = (selected: ContactSpace) =>\n    void invokePromise(LayoutOperation.SwitchWorkspace, { subject: GraphPath.getSpacePath(selected.id) });\n\n  return (\n    <Form.Root variant='settings'>\n      <Form.Viewport scroll>\n        <Form.Content>\n          <Form.FieldSet label={t('contacts.label')} description={t('contacts.description')}>\n            {(contacts.length > 1 || filter !== '') && (\n              <Field.Root>\n                <Input.Root\n                  placeholder={t('contacts-search.placeholder')}\n                  value={filter}\n                  onChange={(event) => setFilter(event.target.value)}\n                  data-testid='contacts.search'\n                />\n              </Field.Root>\n            )}\n            <ContactList\n              classNames='mt-3'\n              contacts={contacts}\n              spaces={contactSpaces}\n              filter={filter}\n              onSelectSpace={handleSelectSpace}\n            />\n          </Form.FieldSet>\n        </Form.Content>\n      </Form.Viewport>\n    </Form.Root>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;AAmBA,IAAa,0BAA0B;CACrC,MAAM,EAAE,MAAM,QAAQ,eAAe,KAAK,QAAQ,GAAG;CACrD,MAAM,EAAE,kBAAkB,MAAM,oBAAoB;CACpD,MAAM,WAAW,YAAY;CAC7B,MAAM,SAAS,UAAU;CACzB,MAAM,CAAC,QAAQ,aAAa,SAAS,EAAE;CACvC,MAAM,gBAAgB,cACE,OAAO,KAAK,WAAW;EAAE,IAAI,MAAM;EAAI,KAAK,MAAM;EAAK,MAAM,MAAM,WAAW;CAAK,EAAE,GAC3G,CAAC,MAAM,CACT;CAEA,MAAM,qBAAqB,aACzB,KAAK,cAAc,gBAAgB,iBAAiB,EAAE,SAAS,UAAU,aAAa,SAAS,EAAE,EAAE,CAAC;CAEtG,OACE,oBAAC,KAAK,MAAN;EAAW,SAAQ;EACjB,UAAA,oBAAC,KAAK,UAAN;GAAe,QAAA;GACb,UAAA,oBAAC,KAAK,SAAN,EAAA,UACE,qBAAC,KAAK,UAAN;IAAe,OAAO,EAAE,gBAAgB;IAAG,aAAa,EAAE,sBAAsB;IAAhF,UAAA,EACI,SAAS,SAAS,KAAK,WAAW,OAClC,oBAAC,MAAM,MAAP,EAAA,UACE,oBAAC,MAAM,MAAP;KACE,aAAa,EAAE,6BAA6B;KAC5C,OAAO;KACP,WAAW,UAAU,UAAU,MAAM,OAAO,KAAK;KACjD,eAAY;IACb,CAAA,EACS,CAAA,GAEd,oBAAC,aAAD;KACE,YAAW;KACD;KACV,QAAQ;KACA;KACR,eAAe;IAChB,CAAA,CACY;GACH,CAAA,EAAA,CAAA;EACD,CAAA;CACN,CAAA;AAEf"}

package/dist/lib/chunk-DevicesContainer.mjs

@@ -4,102 +4,42 @@ import { hexToEmoji } from "@dxos/util";
 import { log } from "@dxos/log";
 import { meta } from "#meta";
 import { useCallback, useEffect, useState } from "react";
-import { EffectEx } from "@dxos/effect";
-import { useCapabilities, useOperationInvoker } from "@dxos/app-framework/ui";
-import { useDevices, useInvitationFlow } from "@dxos/halo-react";
-import { useClient } from "@dxos/react-client";
+import * as Button from "@dxos/react-ui/Button";
+import * as UiHooks from "@dxos/react-ui/Hooks";
+import { AuthCode, Centered, Emoji, Viewport } from "@dxos/shell/react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { Button, Clipboard, Flex, Icon, IconButton, useId, useTranslation } from "@dxos/react-ui";
-import { Form } from "@dxos/react-ui-form";
-import { QR } from "react-qr-rounded";
+import { useClient } from "@dxos/react-client";
+import * as EffectEx from "@dxos/effect/EffectEx";
+import * as Hooks from "@dxos/app-framework/Hooks";
+import { useDevices, useInvitationFlow } from "@dxos/halo-react";
+import * as Icon from "@dxos/react-ui/Icon";
+import * as Layout from "@dxos/react-ui/Layout";
+import * as SystemButton from "@dxos/react-ui/SystemButton";
 import { useNetworkStatus } from "@dxos/react-client/mesh";
-import { Listbox } from "@dxos/react-ui-list";
-import { AuthCode, Centered, DeviceListItem, Emoji, Viewport } from "@dxos/shell/react";
+import * as QrCode from "@dxos/react-ui/QrCode";
 import { osTranslations } from "@dxos/ui-theme";
+import { DevicesForm } from "#components";
 //#region src/containers/DevicesContainer/DevicesContainer.tsx
 var __dxlog_file = "/__w/dxos/dxos/packages/plugins/plugin-client/src/containers/DevicesContainer/DevicesContainer.tsx";
 var DevicesContainer = ({ createInvitationUrl, identityTestActions }) => {
-	const { t } = useTranslation(meta.profile.key);
-	const { invokePromise } = useOperationInvoker();
+	const { invokePromise } = Hooks.useOperationInvoker();
 	const devices = useDevices();
 	const { swarm: connectionState } = useNetworkStatus();
 	const handleLogout = useCallback(() => invokePromise(ClientOperation.ResetStorage, {}), [invokePromise]);
 	const handleRecover = useCallback(() => invokePromise(ClientOperation.ResetStorage, { mode: "recover" }), [invokePromise]);
 	const handleJoinNewIdentity = useCallback(() => invokePromise(ClientOperation.ResetStorage, { mode: "join-new-identity" }), [invokePromise]);
-	return /* @__PURE__ */ jsx(Clipboard.Provider, { children: /* @__PURE__ */ jsx(Form.Root, {
-		variant: "settings",
-		children: /* @__PURE__ */ jsx(Form.Viewport, {
-			scroll: true,
-			children: /* @__PURE__ */ jsxs(Form.Content, { children: [
-				/* @__PURE__ */ jsx(Form.Section, {
-					title: t("devices-verbose.label", { ns: meta.profile.key }),
-					description: t("devices.description", { ns: meta.profile.key }),
-					children: /* @__PURE__ */ jsxs(Form.Group, { children: [/* @__PURE__ */ jsxs("div", {
-						role: "group",
-						className: "min-w-0",
-						children: [/* @__PURE__ */ jsx("h3", {
-							className: "text-lg mb-2",
-							children: t("devices.label", { ns: meta.profile.key })
-						}), /* @__PURE__ */ jsx(Listbox.Root, { children: /* @__PURE__ */ jsx(Listbox.Content, {
-							"aria-label": t("devices.label", { ns: meta.profile.key }),
-							children: devices.map((device) => /* @__PURE__ */ jsx(DeviceListItem, {
-								device,
-								connectionState
-							}, device.key))
-						}) })]
-					}), createInvitationUrl && /* @__PURE__ */ jsxs("div", {
-						role: "group",
-						className: "min-w-0",
-						children: [/* @__PURE__ */ jsx("h3", {
-							className: "text-lg mb-2",
-							children: t("add-device.label")
-						}), /* @__PURE__ */ jsx(DeviceInvitation, { createInvitationUrl })]
-					})] })
-				}),
-				/* @__PURE__ */ jsx(Form.Section, {
-					title: t("logout-section.title"),
-					description: t("logout-section.description"),
-					children: /* @__PURE__ */ jsx(Form.Row, {
-						label: t("logout.label"),
-						description: t("logout.description"),
-						children: /* @__PURE__ */ jsx(Button, {
-							variant: "destructive",
-							onClick: handleLogout,
-							"data-testid": "devicesContainer.logout",
-							children: t("logout.label")
-						})
-					})
-				}),
-				identityTestActions && /* @__PURE__ */ jsxs(Form.Section, {
-					title: t("identity-test-section.title"),
-					description: t("identity-test-section.description"),
-					children: [/* @__PURE__ */ jsx(Form.Row, {
-						label: t("recover-identity.label"),
-						description: t("recover-identity.description"),
-						children: /* @__PURE__ */ jsx(Button, {
-							variant: "destructive",
-							onClick: handleRecover,
-							"data-testid": "devicesContainer.recover",
-							children: t("recover-identity.label")
-						})
-					}), /* @__PURE__ */ jsx(Form.Row, {
-						label: t("join-new-identity.label"),
-						description: t("join-new-identity.description"),
-						children: /* @__PURE__ */ jsx(Button, {
-							variant: "destructive",
-							onClick: handleJoinNewIdentity,
-							"data-testid": "devicesContainer.joinExisting",
-							children: t("join-new-identity.label")
-						})
-					})]
-				})
-			] })
-		})
-	}) });
+	return /* @__PURE__ */ jsx(DevicesForm, {
+		devices,
+		connectionState,
+		invitation: createInvitationUrl && /* @__PURE__ */ jsx(DeviceInvitation, { createInvitationUrl }),
+		onLogout: handleLogout,
+		onRecover: identityTestActions ? handleRecover : void 0,
+		onJoinNewIdentity: identityTestActions ? handleJoinNewIdentity : void 0
+	});
 };
 var DeviceInvitation = (props) => {
 	const client = useClient();
-	const [identityService] = useCapabilities(ClientCapabilities.IdentityService);
+	const [identityService] = Hooks.useCapabilities(ClientCapabilities.IdentityService);
 	const [flow, setFlow] = useState();
 	const [pending, setPending] = useState(false);
 	const onInvitationCreate = useCallback(() => {
@@ -109,14 +49,14 @@ var DeviceInvitation = (props) => {
 			if (client.config.values.runtime?.app?.env?.DX_ENVIRONMENT !== "production") log.info(JSON.stringify({ invitationCode: await EffectEx.runPromise(created.code) }), void 0, {
 				"~LogMeta": "~LogMeta",
 				F: __dxlog_file,
-				L: 138,
+				L: 89,
 				S: void 0
 			});
 			setFlow(created);
 		}).catch((err) => log.catch(err, void 0, {
 			"~LogMeta": "~LogMeta",
 			F: __dxlog_file,
-			L: 142,
+			L: 93,
 			S: void 0
 		})).finally(() => setPending(false));
 	}, [
@@ -129,7 +69,7 @@ var DeviceInvitation = (props) => {
 		if (flow) EffectEx.runPromise(flow.cancel()).catch((err) => log.catch(err, void 0, {
 			"~LogMeta": "~LogMeta",
 			F: __dxlog_file,
-			L: 149,
+			L: 100,
 			S: void 0
 		}));
 		setFlow(void 0);
@@ -154,7 +94,7 @@ var DeviceInvitationImpl = ({ flow, createInvitationUrl, onInvitationDone, onInv
 		if (event?._tag === "readyForAuthentication" && client.config.values.runtime?.app?.env?.DX_ENVIRONMENT !== "production") log.info(JSON.stringify({ authCode: event.authCode }), void 0, {
 			"~LogMeta": "~LogMeta",
 			F: __dxlog_file,
-			L: 178,
+			L: 129,
 			S: void 0
 		});
 	}, [event?._tag]);
@@ -170,13 +110,13 @@ var DeviceInvitationImpl = ({ flow, createInvitationUrl, onInvitationDone, onInv
 	});
 };
 var InvitationSection = ({ event, invitationId = "never", url = "never", onInvitationDone = () => {}, onInvitationCreate = () => {} }) => {
-	const { t } = useTranslation(meta.profile.key);
+	const { t } = UiHooks.useTranslation(meta.profile.key);
 	const authCode = event?._tag === "readyForAuthentication" ? event.authCode : void 0;
 	const activeView = !event ? "init" : event._tag === "cancelled" || event._tag === "error" || event._tag === "success" ? "complete" : authCode ? "auth-code" : "qr-code";
 	return activeView === "init" ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("p", {
-		className: "text-description mb-2",
+		className: "text-fg-muted mb-2",
 		children: t("add-device.description")
-	}), /* @__PURE__ */ jsx(IconButton, {
+	}), /* @__PURE__ */ jsx(Button.Root, {
 		icon: "ph--plus--regular",
 		label: t("create-device-invitation.label"),
 		disabled: !!event,
@@ -211,30 +151,26 @@ var InvitationSection = ({ event, invitationId = "never", url = "never", onInvit
 	});
 };
 var InvitationQR = ({ id, url, onCancel }) => {
-	const { t } = useTranslation(osTranslations);
-	const qrLabel = useId("devices-container__qr-code");
+	const { t } = UiHooks.useTranslation(osTranslations);
+	const qrLabel = UiHooks.useId("devices-container__qr-code");
 	const emoji = hexToEmoji(id);
 	return /* @__PURE__ */ jsxs(Fragment, { children: [
 		/* @__PURE__ */ jsx("p", {
-			className: "text-description",
+			className: "text-fg-muted",
 			children: t("qr-code.description", { ns: meta.profile.key })
 		}),
 		/* @__PURE__ */ jsxs("div", {
 			role: "group",
 			className: "grid grid-cols-[1fr_min-content]",
-			children: [/* @__PURE__ */ jsx(Flex, {
+			children: [/* @__PURE__ */ jsx(Layout.Flex, {
 				justify: "center",
 				classNames: "py-4",
 				children: /* @__PURE__ */ jsxs("div", {
-					className: "w-full md:max-w-80 aspect-square relative text-description",
-					children: [/* @__PURE__ */ jsx(QR, {
-						rounding: 100,
-						backgroundColor: "transparent",
-						color: "currentColor",
+					className: "w-full md:max-w-80 aspect-square relative text-fg-muted",
+					children: [/* @__PURE__ */ jsx(QrCode.QrCode, {
 						"aria-labelledby": qrLabel,
-						errorCorrectionLevel: "Q",
-						cutout: true,
-						children: url ?? "never"
+						errorCorrection: "Q",
+						value: url ?? "never"
 					}), /* @__PURE__ */ jsx(Centered, { children: /* @__PURE__ */ jsx(Emoji, { text: emoji }) })]
 				})
 			}), /* @__PURE__ */ jsx("span", {
@@ -243,11 +179,11 @@ var InvitationQR = ({ id, url, onCancel }) => {
 				children: t("qr.label")
 			})]
 		}),
-		/* @__PURE__ */ jsx(Flex, {
+		/* @__PURE__ */ jsx(Layout.Flex, {
 			justify: "center",
-			children: /* @__PURE__ */ jsxs(Flex, {
+			children: /* @__PURE__ */ jsxs(Layout.Flex, {
 				gap: "sm",
-				children: [/* @__PURE__ */ jsx(Clipboard.Button, { value: url ?? "never" }), /* @__PURE__ */ jsx(Button, {
+				children: [/* @__PURE__ */ jsx(SystemButton.Clipboard, { value: url ?? "never" }), /* @__PURE__ */ jsx(Button.Root, {
 					variant: "ghost",
 					onClick: onCancel,
 					children: t("cancel.label")
@@ -257,11 +193,11 @@ var InvitationQR = ({ id, url, onCancel }) => {
 	] });
 };
 var InvitationAuthCode = ({ id, code, onCancel }) => {
-	const { t } = useTranslation(osTranslations);
+	const { t } = UiHooks.useTranslation(osTranslations);
 	const emoji = hexToEmoji(id);
 	return /* @__PURE__ */ jsxs(Fragment, { children: [
 		/* @__PURE__ */ jsx("p", {
-			className: "text-description",
+			className: "text-fg-muted",
 			children: t("auth-other-device-emoji.message")
 		}),
 		emoji && /* @__PURE__ */ jsx(Emoji, {
@@ -269,7 +205,7 @@ var InvitationAuthCode = ({ id, code, onCancel }) => {
 			className: "mx-auto my-2 text-center"
 		}),
 		/* @__PURE__ */ jsx("p", {
-			className: "text-description",
+			className: "text-fg-muted",
 			children: t("auth-code.message")
 		}),
 		/* @__PURE__ */ jsx(AuthCode, {
@@ -277,7 +213,7 @@ var InvitationAuthCode = ({ id, code, onCancel }) => {
 			large: true,
 			classNames: "mx-auto my-2 text-center grow"
 		}),
-		/* @__PURE__ */ jsx(Button, {
+		/* @__PURE__ */ jsx(Button.Root, {
 			variant: "ghost",
 			onClick: onCancel,
 			children: t("cancel.label")
@@ -285,13 +221,13 @@ var InvitationAuthCode = ({ id, code, onCancel }) => {
 	] });
 };
 var InvitationComplete = ({ succeeded }) => {
-	return succeeded ? /* @__PURE__ */ jsx(Icon, {
+	return succeeded ? /* @__PURE__ */ jsx(Icon.Icon, {
 		icon: "ph--check--regular",
-		size: 6,
+		size: "xl",
 		classNames: "m-trim-xs"
-	}) : /* @__PURE__ */ jsx(Icon, {
+	}) : /* @__PURE__ */ jsx(Icon.Icon, {
 		icon: "ph--x--regular",
-		size: 6,
+		size: "xl",
 		classNames: "m-trim-xs"
 	});
 };

package/dist/lib/chunk-DevicesContainer.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"chunk-DevicesContainer.mjs","names":[],"sources":["../../src/containers/DevicesContainer/DevicesContainer.tsx"],"sourcesContent":["//\n// Copyright 2025 DXOS.org\n//\n\nimport React, { useCallback, useEffect, useState } from 'react';\nimport { QR } from 'react-qr-rounded';\n\nimport { useCapabilities, useOperationInvoker } from '@dxos/app-framework/ui';\nimport { EffectEx } from '@dxos/effect';\nimport { type Identity, type Invitation } from '@dxos/halo';\nimport { useDevices, useInvitationFlow } from '@dxos/halo-react';\nimport { log } from '@dxos/log';\nimport { useClient } from '@dxos/react-client';\nimport { useNetworkStatus } from '@dxos/react-client/mesh';\nimport { Button, Clipboard, Flex, Icon, IconButton, useId, useTranslation } from '@dxos/react-ui';\nimport { Form } from '@dxos/react-ui-form';\nimport { Listbox } from '@dxos/react-ui-list';\nimport { AuthCode, Centered, DeviceListItem, Emoji, Viewport } from '@dxos/shell/react';\nimport { osTranslations } from '@dxos/ui-theme';\nimport { hexToEmoji } from '@dxos/util';\n\nimport { meta } from '#meta';\nimport { ClientOperation } from '#operations';\nimport { ClientCapabilities, ClientOptions } from '#types';\n\nexport type DevicesContainerProps = Pick<ClientOptions.ClientPluginOptions, 'identityTestActions'> & {\n  createInvitationUrl?: (invitationCode: string) => string;\n};\n\nexport const DevicesContainer = ({ createInvitationUrl, identityTestActions }: DevicesContainerProps) => {\n  const { t } = useTranslation(meta.profile.key);\n  const { invokePromise } = useOperationInvoker();\n  const devices = useDevices();\n  const { swarm: connectionState } = useNetworkStatus();\n\n  const handleLogout = useCallback(() => invokePromise(ClientOperation.ResetStorage, {}), [invokePromise]);\n\n  const handleRecover = useCallback(\n    () => invokePromise(ClientOperation.ResetStorage, { mode: 'recover' }),\n    [invokePromise],\n  );\n\n  const handleJoinNewIdentity = useCallback(\n    () => invokePromise(ClientOperation.ResetStorage, { mode: 'join-new-identity' }),\n    [invokePromise],\n  );\n\n  return (\n    <Clipboard.Provider>\n      <Form.Root variant='settings'>\n        <Form.Viewport scroll>\n          <Form.Content>\n            <Form.Section\n              title={t('devices-verbose.label', { ns: meta.profile.key })}\n              description={t('devices.description', { ns: meta.profile.key })}\n            >\n              <Form.Group>\n                <div role='group' className='min-w-0'>\n                  <h3 className='text-lg mb-2'>{t('devices.label', { ns: meta.profile.key })}</h3>\n                  <Listbox.Root>\n                    <Listbox.Content aria-label={t('devices.label', { ns: meta.profile.key })}>\n                      {devices.map((device: Identity.DeviceInfo) => (\n                        <DeviceListItem key={device.key} device={device} connectionState={connectionState} />\n                      ))}\n                    </Listbox.Content>\n                  </Listbox.Root>\n                </div>\n                {createInvitationUrl && (\n                  <div role='group' className='min-w-0'>\n                    <h3 className='text-lg mb-2'>{t('add-device.label')}</h3>\n                    <DeviceInvitation createInvitationUrl={createInvitationUrl} />\n                  </div>\n                )}\n              </Form.Group>\n            </Form.Section>\n            <Form.Section title={t('logout-section.title')} description={t('logout-section.description')}>\n              <Form.Row label={t('logout.label')} description={t('logout.description')}>\n                <Button variant='destructive' onClick={handleLogout} data-testid='devicesContainer.logout'>\n                  {t('logout.label')}\n                </Button>\n              </Form.Row>\n            </Form.Section>\n            {identityTestActions && (\n              <Form.Section\n                title={t('identity-test-section.title')}\n                description={t('identity-test-section.description')}\n              >\n                <Form.Row label={t('recover-identity.label')} description={t('recover-identity.description')}>\n                  <Button variant='destructive' onClick={handleRecover} data-testid='devicesContainer.recover'>\n                    {t('recover-identity.label')}\n                  </Button>\n                </Form.Row>\n                <Form.Row label={t('join-new-identity.label')} description={t('join-new-identity.description')}>\n                  <Button\n                    variant='destructive'\n                    onClick={handleJoinNewIdentity}\n                    data-testid='devicesContainer.joinExisting'\n                  >\n                    {t('join-new-identity.label')}\n                  </Button>\n                </Form.Row>\n              </Form.Section>\n            )}\n          </Form.Content>\n        </Form.Viewport>\n      </Form.Root>\n    </Clipboard.Provider>\n  );\n};\n\ntype DeviceInvitationProps = {\n  flow?: Invitation.Flow;\n  createInvitationUrl: (invitationCode: string) => string;\n  onInvitationDone: () => void;\n  onInvitationCreate: () => void;\n};\n\nconst DeviceInvitation = (props: Pick<DeviceInvitationProps, 'createInvitationUrl'>) => {\n  // `client.config` only — the network status above keeps this container on the client regardless\n  // (Missing API 9). The gate matters: an invitation code in a production console is a live secret.\n  const client = useClient();\n  const [identityService] = useCapabilities(ClientCapabilities.IdentityService);\n  const [flow, setFlow] = useState<Invitation.Flow>();\n  // Latched before the share resolves, so a second click cannot open a second live invitation.\n  const [pending, setPending] = useState(false);\n\n  const onInvitationCreate = useCallback(() => {\n    if (!identityService || pending || flow) {\n      return;\n    }\n    setPending(true);\n    // Requested explicitly because `share()` defaults to no authentication, which would leave the\n    // invitation code as the only factor guarding an identity.\n    void EffectEx.runPromise(identityService.share({ authMethod: 'shared-secret' }))\n      .then(async (created) => {\n        // Playwright reads this line off the console to drive the device-invitation flows.\n        if (client.config.values.runtime?.app?.env?.DX_ENVIRONMENT !== 'production') {\n          log.info(JSON.stringify({ invitationCode: await EffectEx.runPromise(created.code) }));\n        }\n        setFlow(created);\n      })\n      .catch((err) => log.catch(err))\n      .finally(() => setPending(false));\n  }, [client, identityService, pending, flow]);\n\n  const onInvitationDone = useCallback(() => {\n    // Cancel before dropping the handle: clearing local state alone leaves the host side listening.\n    if (flow) {\n      void EffectEx.runPromise(flow.cancel()).catch((err) => log.catch(err));\n    }\n    setFlow(undefined);\n  }, [flow]);\n\n  if (flow) {\n    return <DeviceInvitationImpl {...props} {...{ flow, onInvitationCreate, onInvitationDone }} />;\n  } else {\n    return <InvitationSection {...props} {...{ onInvitationCreate, onInvitationDone }} />;\n  }\n};\n\nconst DeviceInvitationImpl = ({\n  flow,\n  createInvitationUrl,\n  onInvitationDone,\n  onInvitationCreate,\n}: DeviceInvitationProps) => {\n  const client = useClient();\n  const { event, code } = useInvitationFlow(flow);\n  const url = code && createInvitationUrl(code);\n\n  // Logged separately from the invitation code Playwright reads on creation, because the host only\n  // learns the auth code once a guest has connected.\n  useEffect(() => {\n    if (\n      event?._tag === 'readyForAuthentication' &&\n      client.config.values.runtime?.app?.env?.DX_ENVIRONMENT !== 'production'\n    ) {\n      log.info(JSON.stringify({ authCode: event.authCode }));\n    }\n  }, [event?._tag]);\n\n  // Every terminal event returns to the creation view; parking on the completion icon would strand\n  // a failed or cancelled invitation with no way to retry.\n  useEffect(() => {\n    if (event && (event._tag === 'success' || event._tag === 'cancelled' || event._tag === 'error')) {\n      onInvitationDone();\n    }\n  }, [event?._tag]);\n\n  return <InvitationSection {...{ event, invitationId: flow?.id, url, onInvitationDone, onInvitationCreate }} />;\n};\n\ntype InvitationComponentProps = Partial<\n  Pick<DeviceInvitationProps, 'onInvitationDone' | 'onInvitationCreate'> & {\n    event: Invitation.Event;\n    invitationId: string;\n    url: string;\n  }\n>;\n\nconst InvitationSection = ({\n  event,\n  invitationId = 'never',\n  url = 'never',\n  onInvitationDone = () => {},\n  onInvitationCreate = () => {},\n}: InvitationComponentProps) => {\n  const { t } = useTranslation(meta.profile.key);\n  const authCode = event?._tag === 'readyForAuthentication' ? event.authCode : undefined;\n  const activeView = !event\n    ? 'init'\n    : event._tag === 'cancelled' || event._tag === 'error' || event._tag === 'success'\n      ? 'complete'\n      : authCode\n        ? 'auth-code'\n        : 'qr-code';\n\n  return activeView === 'init' ? (\n    <>\n      <p className='text-description mb-2'>{t('add-device.description')}</p>\n      <IconButton\n        icon='ph--plus--regular'\n        label={t('create-device-invitation.label')}\n        disabled={!!event}\n        classNames='w-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 succeeded={event?._tag === 'success'} />\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(osTranslations);\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: meta.profile.key })}</p>\n      <div role='group' className='grid grid-cols-[1fr_min-content]'>\n        <Flex justify='center' classNames='py-4'>\n          <div className='w-full md:max-w-80 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        </Flex>\n        <span id={qrLabel} className='sr-only'>\n          {t('qr.label')}\n        </span>\n      </div>\n      {/* TODO(burdon): Factor out button bar */}\n      <Flex justify='center'>\n        <Flex gap='sm'>\n          <Clipboard.Button value={url ?? 'never'} />\n          <Button variant='ghost' onClick={onCancel}>\n            {t('cancel.label')}\n          </Button>\n        </Flex>\n      </Flex>\n    </>\n  );\n};\n\nconst InvitationAuthCode = ({ id, code, onCancel }: { id: string; code: string; onCancel: () => void }) => {\n  const { t } = useTranslation(osTranslations);\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='mx-auto my-2 text-center' />}\n      <p className='text-description'>{t('auth-code.message')}</p>\n      <AuthCode code={code} large classNames='mx-auto my-2 text-center grow' />\n      <Button variant='ghost' onClick={onCancel}>\n        {t('cancel.label')}\n      </Button>\n    </>\n  );\n};\n\nconst InvitationComplete = ({ succeeded }: { succeeded: boolean }) => {\n  return succeeded ? (\n    <Icon icon='ph--check--regular' size={6} classNames='m-trim-xs' />\n  ) : (\n    <Icon icon='ph--x--regular' size={6} classNames='m-trim-xs' />\n  );\n};\n\nDevicesContainer.displayName = 'DevicesContainer';\n"],"mappings":"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"}
+{"version":3,"file":"chunk-DevicesContainer.mjs","names":[],"sources":["../../src/containers/DevicesContainer/DevicesContainer.tsx"],"sourcesContent":["//\n// Copyright 2025 DXOS.org\n//\n\nimport React, { useCallback, useEffect, useState } from 'react';\n\nimport * as Hooks from '@dxos/app-framework/Hooks';\nimport * as EffectEx from '@dxos/effect/EffectEx';\nimport { type Invitation } from '@dxos/halo';\nimport { useDevices, useInvitationFlow } from '@dxos/halo-react';\nimport { log } from '@dxos/log';\nimport { useClient } from '@dxos/react-client';\nimport { useNetworkStatus } from '@dxos/react-client/mesh';\nimport * as Button from '@dxos/react-ui/Button';\nimport * as UiHooks from '@dxos/react-ui/Hooks';\nimport * as Icon from '@dxos/react-ui/Icon';\nimport * as Layout from '@dxos/react-ui/Layout';\nimport * as QrCode from '@dxos/react-ui/QrCode';\nimport * as SystemButton from '@dxos/react-ui/SystemButton';\nimport { AuthCode, Centered, Emoji, Viewport } from '@dxos/shell/react';\nimport { osTranslations } from '@dxos/ui-theme';\nimport { hexToEmoji } from '@dxos/util';\n\nimport { DevicesForm } from '#components';\nimport { meta } from '#meta';\nimport { ClientOperation } from '#operations';\nimport { ClientCapabilities, ClientOptions } from '#types';\n\nexport type DevicesContainerProps = Pick<ClientOptions.ClientPluginOptions, 'identityTestActions'> & {\n  createInvitationUrl?: (invitationCode: string) => string;\n};\n\nexport const DevicesContainer = ({ createInvitationUrl, identityTestActions }: DevicesContainerProps) => {\n  const { invokePromise } = Hooks.useOperationInvoker();\n  const devices = useDevices();\n  const { swarm: connectionState } = useNetworkStatus();\n\n  const handleLogout = useCallback(() => invokePromise(ClientOperation.ResetStorage, {}), [invokePromise]);\n\n  const handleRecover = useCallback(\n    () => invokePromise(ClientOperation.ResetStorage, { mode: 'recover' }),\n    [invokePromise],\n  );\n\n  const handleJoinNewIdentity = useCallback(\n    () => invokePromise(ClientOperation.ResetStorage, { mode: 'join-new-identity' }),\n    [invokePromise],\n  );\n\n  return (\n    <DevicesForm\n      devices={devices}\n      connectionState={connectionState}\n      invitation={createInvitationUrl && <DeviceInvitation createInvitationUrl={createInvitationUrl} />}\n      onLogout={handleLogout}\n      onRecover={identityTestActions ? handleRecover : undefined}\n      onJoinNewIdentity={identityTestActions ? handleJoinNewIdentity : undefined}\n    />\n  );\n};\n\ntype DeviceInvitationProps = {\n  flow?: Invitation.Flow;\n  createInvitationUrl: (invitationCode: string) => string;\n  onInvitationDone: () => void;\n  onInvitationCreate: () => void;\n};\n\nconst DeviceInvitation = (props: Pick<DeviceInvitationProps, 'createInvitationUrl'>) => {\n  // `client.config` only — the network status above keeps this container on the client regardless\n  // (Missing API 9). The gate matters: an invitation code in a production console is a live secret.\n  const client = useClient();\n  const [identityService] = Hooks.useCapabilities(ClientCapabilities.IdentityService);\n  const [flow, setFlow] = useState<Invitation.Flow>();\n  // Latched before the share resolves, so a second click cannot open a second live invitation.\n  const [pending, setPending] = useState(false);\n\n  const onInvitationCreate = useCallback(() => {\n    if (!identityService || pending || flow) {\n      return;\n    }\n    setPending(true);\n    // Requested explicitly because `share()` defaults to no authentication, which would leave the\n    // invitation code as the only factor guarding an identity.\n    void EffectEx.runPromise(identityService.share({ authMethod: 'shared-secret' }))\n      .then(async (created) => {\n        // Playwright reads this line off the console to drive the device-invitation flows.\n        if (client.config.values.runtime?.app?.env?.DX_ENVIRONMENT !== 'production') {\n          log.info(JSON.stringify({ invitationCode: await EffectEx.runPromise(created.code) }));\n        }\n        setFlow(created);\n      })\n      .catch((err) => log.catch(err))\n      .finally(() => setPending(false));\n  }, [client, identityService, pending, flow]);\n\n  const onInvitationDone = useCallback(() => {\n    // Cancel before dropping the handle: clearing local state alone leaves the host side listening.\n    if (flow) {\n      void EffectEx.runPromise(flow.cancel()).catch((err) => log.catch(err));\n    }\n    setFlow(undefined);\n  }, [flow]);\n\n  if (flow) {\n    return <DeviceInvitationImpl {...props} {...{ flow, onInvitationCreate, onInvitationDone }} />;\n  } else {\n    return <InvitationSection {...props} {...{ onInvitationCreate, onInvitationDone }} />;\n  }\n};\n\nconst DeviceInvitationImpl = ({\n  flow,\n  createInvitationUrl,\n  onInvitationDone,\n  onInvitationCreate,\n}: DeviceInvitationProps) => {\n  const client = useClient();\n  const { event, code } = useInvitationFlow(flow);\n  const url = code && createInvitationUrl(code);\n\n  // Logged separately from the invitation code Playwright reads on creation, because the host only\n  // learns the auth code once a guest has connected.\n  useEffect(() => {\n    if (\n      event?._tag === 'readyForAuthentication' &&\n      client.config.values.runtime?.app?.env?.DX_ENVIRONMENT !== 'production'\n    ) {\n      log.info(JSON.stringify({ authCode: event.authCode }));\n    }\n  }, [event?._tag]);\n\n  // Every terminal event returns to the creation view; parking on the completion icon would strand\n  // a failed or cancelled invitation with no way to retry.\n  useEffect(() => {\n    if (event && (event._tag === 'success' || event._tag === 'cancelled' || event._tag === 'error')) {\n      onInvitationDone();\n    }\n  }, [event?._tag]);\n\n  return <InvitationSection {...{ event, invitationId: flow?.id, url, onInvitationDone, onInvitationCreate }} />;\n};\n\ntype InvitationComponentProps = Partial<\n  Pick<DeviceInvitationProps, 'onInvitationDone' | 'onInvitationCreate'> & {\n    event: Invitation.Event;\n    invitationId: string;\n    url: string;\n  }\n>;\n\nconst InvitationSection = ({\n  event,\n  invitationId = 'never',\n  url = 'never',\n  onInvitationDone = () => {},\n  onInvitationCreate = () => {},\n}: InvitationComponentProps) => {\n  const { t } = UiHooks.useTranslation(meta.profile.key);\n  const authCode = event?._tag === 'readyForAuthentication' ? event.authCode : undefined;\n  const activeView = !event\n    ? 'init'\n    : event._tag === 'cancelled' || event._tag === 'error' || event._tag === 'success'\n      ? 'complete'\n      : authCode\n        ? 'auth-code'\n        : 'qr-code';\n\n  return activeView === 'init' ? (\n    <>\n      <p className='text-fg-muted mb-2'>{t('add-device.description')}</p>\n      <Button.Root\n        icon='ph--plus--regular'\n        label={t('create-device-invitation.label')}\n        disabled={!!event}\n        classNames='w-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 succeeded={event?._tag === 'success'} />\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 } = UiHooks.useTranslation(osTranslations);\n  const qrLabel = UiHooks.useId('devices-container__qr-code');\n  const emoji = hexToEmoji(id);\n  return (\n    <>\n      <p className='text-fg-muted'>{t('qr-code.description', { ns: meta.profile.key })}</p>\n      <div role='group' className='grid grid-cols-[1fr_min-content]'>\n        <Layout.Flex justify='center' classNames='py-4'>\n          <div className='w-full md:max-w-80 aspect-square relative text-fg-muted'>\n            <QrCode.QrCode aria-labelledby={qrLabel} errorCorrection='Q' value={url ?? 'never'} />\n            <Centered>\n              <Emoji text={emoji} />\n            </Centered>\n          </div>\n        </Layout.Flex>\n        <span id={qrLabel} className='sr-only'>\n          {t('qr.label')}\n        </span>\n      </div>\n      {/* TODO(burdon): Factor out button bar */}\n      <Layout.Flex justify='center'>\n        <Layout.Flex gap='sm'>\n          <SystemButton.Clipboard value={url ?? 'never'} />\n          <Button.Root variant='ghost' onClick={onCancel}>\n            {t('cancel.label')}\n          </Button.Root>\n        </Layout.Flex>\n      </Layout.Flex>\n    </>\n  );\n};\n\nconst InvitationAuthCode = ({ id, code, onCancel }: { id: string; code: string; onCancel: () => void }) => {\n  const { t } = UiHooks.useTranslation(osTranslations);\n  const emoji = hexToEmoji(id);\n\n  return (\n    <>\n      <p className='text-fg-muted'>{t('auth-other-device-emoji.message')}</p>\n      {emoji && <Emoji text={emoji} className='mx-auto my-2 text-center' />}\n      <p className='text-fg-muted'>{t('auth-code.message')}</p>\n      <AuthCode code={code} large classNames='mx-auto my-2 text-center grow' />\n      <Button.Root variant='ghost' onClick={onCancel}>\n        {t('cancel.label')}\n      </Button.Root>\n    </>\n  );\n};\n\nconst InvitationComplete = ({ succeeded }: { succeeded: boolean }) => {\n  return succeeded ? (\n    <Icon.Icon icon='ph--check--regular' size='xl' classNames='m-trim-xs' />\n  ) : (\n    <Icon.Icon icon='ph--x--regular' size='xl' classNames='m-trim-xs' />\n  );\n};\n\nDevicesContainer.displayName = 'DevicesContainer';\n"],"mappings":"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"}

package/dist/lib/chunk-HaloServices.mjs

@@ -0,0 +1,28 @@
+import { t as __exportAll } from "./chunk-rolldown-runtime.mjs";
+import * as Capability from "@dxos/app-framework/Capability";
+import { ClientCapabilities } from "#types";
+import * as Layer from "effect/Layer";
+import { Identity, Space } from "@dxos/halo";
+//#region src/halo-services-layer.ts
+/**
+* Provides the canonical `@dxos/halo` services (`Identity.Service` / `Space.Service`) from the
+* client-backed capabilities contributed by this plugin. Consumers depend on the halo services
+* directly and provide this layer, rather than reaching for the capability instances:
+*
+* ```ts
+* yield* Identity.getSnapshot; // requires Identity.Service
+* // provided by:
+* effect.pipe(Effect.provide(HaloServicesLayer));
+* ```
+*
+* The layer itself requires `Capability.Service` (the capability manager), which is in scope inside
+* capability modules and operation handlers.
+*/
+var HaloServicesLayer = Layer.merge(Capability.layerWith(ClientCapabilities.IdentityService, (service) => Layer.succeed(Identity.Service, service)), Capability.layerWith(ClientCapabilities.SpaceService, (service) => Layer.succeed(Space.Service, service)));
+//#endregion
+//#region src/HaloServices.ts
+var HaloServices_exports = /* @__PURE__ */ __exportAll({ layer: () => HaloServicesLayer });
+//#endregion
+export { HaloServicesLayer as n, HaloServices_exports as t };
+
+//# sourceMappingURL=chunk-HaloServices.mjs.map

package/dist/lib/chunk-HaloServices.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"chunk-HaloServices.mjs","names":[],"sources":["../../src/halo-services-layer.ts","../../src/HaloServices.ts"],"sourcesContent":["//\n// Copyright 2026 DXOS.org\n//\n\nimport * as Layer from 'effect/Layer';\n\nimport * as Capability from '@dxos/app-framework/Capability';\nimport { Identity, Space } from '@dxos/halo';\n\nimport { ClientCapabilities } from '#types';\n\n/**\n * Provides the canonical `@dxos/halo` services (`Identity.Service` / `Space.Service`) from the\n * client-backed capabilities contributed by this plugin. Consumers depend on the halo services\n * directly and provide this layer, rather than reaching for the capability instances:\n *\n * ```ts\n * yield* Identity.getSnapshot; // requires Identity.Service\n * // provided by:\n * effect.pipe(Effect.provide(HaloServicesLayer));\n * ```\n *\n * The layer itself requires `Capability.Service` (the capability manager), which is in scope inside\n * capability modules and operation handlers.\n */\nexport const HaloServicesLayer: Layer.Layer<Identity.Service | Space.Service, never, Capability.Service> = Layer.merge(\n  Capability.layerWith(ClientCapabilities.IdentityService, (service) => Layer.succeed(Identity.Service, service)),\n  Capability.layerWith(ClientCapabilities.SpaceService, (service) => Layer.succeed(Space.Service, service)),\n);\n","//\n// Copyright 2026 DXOS.org\n//\n\n// @import-as-namespace\n\nexport { HaloServicesLayer as layer } from './halo-services-layer.ts';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAyBA,IAAa,oBAA8F,MAAM,MAC/G,WAAW,UAAU,mBAAmB,kBAAkB,YAAY,MAAM,QAAQ,SAAS,SAAS,OAAO,CAAC,GAC9G,WAAW,UAAU,mBAAmB,eAAe,YAAY,MAAM,QAAQ,MAAM,SAAS,OAAO,CAAC,CAC1G"}