@dxos/shell 0.3.11-main.ec7a2b3 → 0.3.11-main.ee2b64c

package/dist/lib/browser/react.mjs

@@ -220,7 +220,8 @@ var SpaceMemberListImpl = ({ members, onSelect }) => {
   const { t } = useTranslation3("os");
   const visibleMembers = members.filter((member) => member.identity);
   return visibleMembers.length > 0 ? /* @__PURE__ */ React6.createElement(List2, {
-    classNames: "flex flex-col gap-2"
+    classNames: "flex flex-col gap-2",
+    "data-testid": "space-members-list"
   }, visibleMembers.map((member) => {
     return /* @__PURE__ */ React6.createElement(IdentityListItem, {
       key: member.identity.identityKey.toHex(),
@@ -521,12 +522,6 @@ import { useControllableState } from "@radix-ui/react-use-controllable-state";
 import React11, { forwardRef as forwardRef2 } from "react";
 import { Button as Button3, DropdownMenu, useTranslation as useTranslation5 } from "@dxos/react-ui";
 import { descriptionText as descriptionText4, getSize as getSize3, mx as mx9 } from "@dxos/react-ui-theme";
-var buttonColorFragment = (props) => {
-  const resolvedVariant = props.variant ?? "default";
-  return [
-    !props.disabled ? resolvedVariant === "default" ? "bg-neutral-25 hover:bg-white hover:text-primary-500 active:bg-neutral-25 dark:active:bg-neutral-800" : resolvedVariant === "ghost" ? "active:bg-neutral-125 dark:active:bg-neutral-800" : resolvedVariant === "primary" ? "active:bg-primary-700 dark:active:bg-primary-500" : "" : ""
-  ];
-};
 var defaultActions = {
   noopAction: {
     label: "No-op",
@@ -552,8 +547,7 @@ var BifurcatedAction = /* @__PURE__ */ forwardRef2((props, forwardedRef) => {
     ...rest,
     classNames: [
       "bs-11 flex-1 min-is-0 flex gap-2 rounded-ie-none",
-      classNames,
-      ...buttonColorFragment(props)
+      classNames
     ],
     ref: forwardedRef,
     variant,
@@ -563,8 +557,7 @@ var BifurcatedAction = /* @__PURE__ */ forwardRef2((props, forwardedRef) => {
   }, /* @__PURE__ */ React11.createElement(Button3, {
     classNames: [
       "bs-11 flex-none rounded-is-none",
-      classNames,
-      ...buttonColorFragment(props)
+      classNames
     ]
   }, /* @__PURE__ */ React11.createElement("span", {
     className: "sr-only"
@@ -598,7 +591,6 @@ var Action = /* @__PURE__ */ forwardRef2((props, forwardedRef) => {
     classNames: [
       isFull && "is-full",
       "bs-11 flex gap-2 mbs-2",
-      ...buttonColorFragment(props),
       classNames
     ],
     ref: forwardedRef,
@@ -820,8 +812,8 @@ import { Dialog, useId as useId9 } from "@dxos/react-ui";
 import React27, { useEffect as useEffect3, useMemo as useMemo3 } from "react";
 import { generateName as generateName2 } from "@dxos/display-name";
 import { log as log3 } from "@dxos/log";
-import { useClient as useClient4 } from "@dxos/react-client";
-import { useIdentity, useDevices } from "@dxos/react-client/halo";
+import { useClient as useClient3 } from "@dxos/react-client";
+import { useIdentity, useDevices, useHaloInvitations as useHaloInvitations2 } from "@dxos/react-client/halo";
 import { useInvitationStatus as useInvitationStatus2 } from "@dxos/react-client/invitations";
 import { Avatar as Avatar4, DensityProvider as DensityProvider2, useId as useId5, useJdenticonHref as useJdenticonHref3, useTranslation as useTranslation13 } from "@dxos/react-ui";
 
@@ -951,106 +943,10 @@ var useIdentityMachine = (client, options) => {
   });
 };
 
-// packages/sdk/shell/src/panels/IdentityPanel/steps/AgentPanel.tsx
-import React21, { useState as useState3, useCallback as useCallback4, useEffect as useEffect2 } from "react";
-import { invariant } from "@dxos/invariant";
-import { useClient as useClient2, useAgentHostingProviderClient } from "@dxos/react-client";
-import { useHaloInvitations } from "@dxos/react-client/halo";
-import { Invitation as Invitation3, InvitationEncoder } from "@dxos/react-client/invitations";
+// packages/sdk/shell/src/panels/IdentityPanel/steps/AgentForm.tsx
+import React21 from "react";
 import { useTranslation as useTranslation7 } from "@dxos/react-ui";
-var __dxlog_file2 = "/home/runner/work/dxos/dxos/packages/sdk/shell/src/panels/IdentityPanel/steps/AgentPanel.tsx";
 var AgentForm = (props) => {
-  const { identity } = props;
-  const [validationMessage, setValidationMessage] = useState3("");
-  const [agentStatus, setAgentStatus] = useState3("");
-  const [agentActive, setAgentActive] = useState3(false);
-  const client = useClient2();
-  const invitations = useHaloInvitations();
-  const agentHostingProviderClient = useAgentHostingProviderClient(client.config);
-  useEffect2(() => {
-    const fetchAgentStatus = async () => {
-      if (agentHostingProviderClient) {
-        const agentStatus2 = await agentHostingProviderClient?.getAgent(identity?.identityKey.truncate() ?? "foo");
-        if (agentStatus2) {
-          setAgentActive(true);
-          setAgentStatus(agentStatus2);
-        } else {
-          setAgentActive(false);
-          setValidationMessage("No agent deployed via provider.");
-        }
-      } else {
-        setValidationMessage("No agent provider configured.");
-      }
-    };
-    void fetchAgentStatus();
-  }, []);
-  const onAgentCreateEvent = useCallback4(async (invitation) => {
-    const invitationCode = InvitationEncoder.encode(invitation);
-    if (invitation.state === Invitation3.State.CONNECTING) {
-      console.log(JSON.stringify({
-        invitationCode,
-        authCode: invitation.authCode
-      }));
-      invariant(identity, "Identity not found", {
-        F: __dxlog_file2,
-        L: 65,
-        S: void 0,
-        A: [
-          "identity",
-          "'Identity not found'"
-        ]
-      });
-      if (agentHostingProviderClient) {
-        try {
-          const res = await agentHostingProviderClient?.createAgent(invitationCode, identity.identityKey.truncate());
-          setAgentStatus(res);
-          setAgentActive(true);
-          setValidationMessage("");
-        } catch (err) {
-          setValidationMessage(`error creating agent: ${err.message}`);
-        }
-      }
-    }
-  }, []);
-  const handleAgentCreate = async () => {
-    invitations.forEach((invitation2) => invitation2.cancel());
-    const invitation = client.halo.share({
-      type: Invitation3.Type.MULTIUSE,
-      authMethod: Invitation3.AuthMethod.NONE
-    });
-    invitation.subscribe(onAgentCreateEvent);
-  };
-  const handleAgentDestroy = async () => {
-    const identity2 = client.halo.identity.get();
-    invariant(identity2, "Identity not found", {
-      F: __dxlog_file2,
-      L: 91,
-      S: void 0,
-      A: [
-        "identity",
-        "'Identity not found'"
-      ]
-    });
-    try {
-      await agentHostingProviderClient?.destroyAgent(identity2.identityKey.truncate());
-      setValidationMessage("No agent deployed via provider.");
-      setAgentStatus("");
-      setAgentActive(false);
-    } catch (err) {
-      setValidationMessage(`error destroying agent: ${err.message}`);
-    }
-  };
-  return /* @__PURE__ */ React21.createElement(AgentFormImpl, {
-    ...props,
-    onAgentCreate: handleAgentCreate,
-    onAgentDestroy: handleAgentDestroy,
-    validationMessage,
-    agentStatus,
-    agentActive,
-    agentProviderDisabled: !agentHostingProviderClient
-  });
-};
-var AgentFormImpl = (props) => {
   const { active, onAgentCreate, onAgentDestroy, send, validationMessage, agentStatus, agentActive, agentProviderDisabled } = props;
   const disabled = !active;
   const { t } = useTranslation7("os");
@@ -1103,19 +999,19 @@ var DeviceManager = ({ devices, active, send }) => {
 
 // packages/sdk/shell/src/panels/IdentityPanel/steps/IdentityActionChooser.tsx
 import { CaretRight, Devices, Plus, Power, UserGear, HardDrive } from "@phosphor-icons/react";
-import React23, { useCallback as useCallback5 } from "react";
-import { useClient as useClient3 } from "@dxos/react-client";
-import { useHaloInvitations as useHaloInvitations2 } from "@dxos/react-client/halo";
-import { Invitation as Invitation4, InvitationEncoder as InvitationEncoder2 } from "@dxos/react-client/invitations";
+import React23, { useCallback as useCallback4 } from "react";
+import { useClient as useClient2 } from "@dxos/react-client";
+import { useHaloInvitations } from "@dxos/react-client/halo";
+import { Invitation as Invitation3, InvitationEncoder } from "@dxos/react-client/invitations";
 import { DensityProvider, useTranslation as useTranslation9 } from "@dxos/react-ui";
 import { getSize as getSize6 } from "@dxos/react-ui-theme";
 var IdentityActionChooser = (props) => {
   const { send } = props;
-  const client = useClient3();
-  const invitations = useHaloInvitations2();
-  const onInvitationEvent = useCallback5((invitation) => {
-    const invitationCode = InvitationEncoder2.encode(invitation);
-    if (invitation.state === Invitation4.State.CONNECTING) {
+  const client = useClient2();
+  const invitations = useHaloInvitations();
+  const onInvitationEvent = useCallback4((invitation) => {
+    const invitationCode = InvitationEncoder.encode(invitation);
+    if (invitation.state === Invitation3.State.CONNECTING) {
       console.log(JSON.stringify({
         invitationCode,
         authCode: invitation.authCode
@@ -1126,8 +1022,8 @@ var IdentityActionChooser = (props) => {
     const testing = e.altKey && e.shiftKey;
     invitations.forEach((invitation2) => invitation2.cancel());
     const invitation = client.halo.share(testing ? {
-      type: Invitation4.Type.MULTIUSE,
-      authMethod: Invitation4.AuthMethod.NONE
+      type: Invitation3.Type.MULTIUSE,
+      authMethod: Invitation3.AuthMethod.NONE
     } : void 0);
     if (true) {
       invitation.subscribe(onInvitationEvent);
@@ -1203,7 +1099,7 @@ var IdentityActionChooserImpl = ({ onCreateInvitationClick, active, send, onDone
     weight: "bold",
     className: getSize6(4)
   })), /* @__PURE__ */ React23.createElement(Action, {
-    "data-testid": "sign-out",
+    "data-testid": "devices-panel.sign-out",
     onClick: () => send?.({
       type: "chooseSignOut"
     }),
@@ -1219,18 +1115,18 @@ var IdentityActionChooserImpl = ({ onCreateInvitationClick, active, send, onDone
 };
 
 // packages/sdk/shell/src/panels/IdentityPanel/steps/ProfileForm.tsx
-import React24, { useState as useState4 } from "react";
+import React24, { useState as useState3 } from "react";
 import { log as log2 } from "@dxos/log";
 import { useTranslation as useTranslation10 } from "@dxos/react-ui";
-var __dxlog_file3 = "/home/runner/work/dxos/dxos/packages/sdk/shell/src/panels/IdentityPanel/steps/ProfileForm.tsx";
+var __dxlog_file2 = "/home/runner/work/dxos/dxos/packages/sdk/shell/src/panels/IdentityPanel/steps/ProfileForm.tsx";
 var ProfileForm = (props) => {
   const { onUpdateProfile } = props;
   const { t } = useTranslation10("os");
-  const [validationMessage, setValidationMessage] = useState4("");
+  const [validationMessage, setValidationMessage] = useState3("");
   const handleUpdateProfile = async (profile) => {
     await onUpdateProfile?.(profile).catch((error) => {
       log2.catch(error, void 0, {
-        F: __dxlog_file3,
+        F: __dxlog_file2,
         L: 32,
         S: void 0,
         C: (f, a) => f(...a)
@@ -1248,7 +1144,7 @@ var ProfileFormImpl = (props) => {
   const { active, profile, send, onUpdateProfile, validationMessage } = props;
   const disabled = !active;
   const { t } = useTranslation10("os");
-  const [inputValue, setInputValue] = useState4(profile?.displayName ?? "");
+  const [inputValue, setInputValue] = useState3(profile?.displayName ?? "");
   return /* @__PURE__ */ React24.createElement(React24.Fragment, null, /* @__PURE__ */ React24.createElement("div", {
     role: "none",
     className: "grow flex flex-col justify-center"
@@ -1315,17 +1211,112 @@ var SignOutChooserImpl = ({ disabled, onResetDevice, onJoinNewIdentity, onBack }
     onClick: onBack
   }, t("back label")), /* @__PURE__ */ React25.createElement(Action, {
     variant: "primary",
+    "data-testid": "sign-out.join-new-identity",
     classNames: "!bg-error-500 hover:!bg-error-550",
     disabled,
     onClick: onJoinNewIdentity
   }, t("join new identity label")), /* @__PURE__ */ React25.createElement(Action, {
     variant: "primary",
+    "data-testid": "sign-out.reset-device",
     classNames: "!bg-error-500 hover:!bg-error-550",
     disabled,
     onClick: onResetDevice
   }, t("reset device label"))));
 };
 
+// packages/sdk/shell/src/panels/IdentityPanel/useAgentHandlers.ts
+import { useCallback as useCallback5, useEffect as useEffect2, useState as useState4 } from "react";
+import { invariant } from "@dxos/invariant";
+import { useAgentHostingProviderClient } from "@dxos/react-client";
+import { Invitation as Invitation4, InvitationEncoder as InvitationEncoder2 } from "@dxos/react-client/invitations";
+var __dxlog_file3 = "/home/runner/work/dxos/dxos/packages/sdk/shell/src/panels/IdentityPanel/useAgentHandlers.ts";
+var useAgentHandlers = ({ client, invitations, identity }) => {
+  const [validationMessage, setValidationMessage] = useState4("");
+  const [agentStatus, setAgentStatus] = useState4("");
+  const [agentActive, setAgentActive] = useState4(false);
+  const agentHostingProviderClient = useAgentHostingProviderClient(client.config);
+  useEffect2(() => {
+    const fetchAgentStatus = async () => {
+      if (agentHostingProviderClient) {
+        const agentStatus2 = await agentHostingProviderClient?.getAgent(identity?.identityKey.truncate() ?? "foo");
+        if (agentStatus2) {
+          setAgentActive(true);
+          setAgentStatus(agentStatus2);
+        } else {
+          setAgentActive(false);
+          setValidationMessage("No agent deployed via provider.");
+        }
+      } else {
+        setValidationMessage("No agent provider configured.");
+      }
+    };
+    void fetchAgentStatus();
+  }, []);
+  const handleAgentCreate = useCallback5(async (invitation) => {
+    const invitationCode = InvitationEncoder2.encode(invitation);
+    if (invitation.state === Invitation4.State.CONNECTING) {
+      console.log(JSON.stringify({
+        invitationCode,
+        authCode: invitation.authCode
+      }));
+      invariant(identity, "Identity not found", {
+        F: __dxlog_file3,
+        L: 50,
+        S: void 0,
+        A: [
+          "identity",
+          "'Identity not found'"
+        ]
+      });
+      if (agentHostingProviderClient) {
+        try {
+          const res = await agentHostingProviderClient?.createAgent(invitationCode, identity.identityKey.truncate());
+          setAgentStatus(res);
+          setAgentActive(true);
+          setValidationMessage("");
+        } catch (err) {
+          setValidationMessage(`error creating agent: ${err.message}`);
+        }
+      }
+    }
+  }, []);
+  const onAgentCreate = async () => {
+    invitations.forEach((invitation2) => invitation2.cancel());
+    const invitation = client.halo.share({
+      type: Invitation4.Type.MULTIUSE,
+      authMethod: Invitation4.AuthMethod.NONE
+    });
+    invitation.subscribe(handleAgentCreate);
+  };
+  const onAgentDestroy = async () => {
+    const identity2 = client.halo.identity.get();
+    invariant(identity2, "Identity not found", {
+      F: __dxlog_file3,
+      L: 76,
+      S: void 0,
+      A: [
+        "identity",
+        "'Identity not found'"
+      ]
+    });
+    try {
+      await agentHostingProviderClient?.destroyAgent(identity2.identityKey.truncate());
+      setValidationMessage("No agent deployed via provider.");
+      setAgentStatus("");
+      setAgentActive(false);
+    } catch (err) {
+      setValidationMessage(`error destroying agent: ${err.message}`);
+    }
+  };
+  return {
+    onAgentCreate,
+    onAgentDestroy,
+    validationMessage,
+    agentStatus,
+    agentActive
+  };
+};
+
 // packages/sdk/shell/src/steps/InvitationManager.tsx
 import { Check as Check3, X as X3 } from "@phosphor-icons/react";
 import React26, { useMemo as useMemo2 } from "react";
@@ -1429,7 +1420,8 @@ var IdentityHeading = ({ titleId, title, identity, onDone }) => {
   }, /* @__PURE__ */ React27.createElement(Avatar4.Fallback, {
     href: fallbackHref
   })), /* @__PURE__ */ React27.createElement(Avatar4.Label, {
-    classNames: "block text-center font-light text-xl"
+    classNames: "block text-center font-light text-xl",
+    "data-testid": "identityHeading.displayName"
   }, identity.profile?.displayName ?? generateName2(identity.identityKey.toHex()))));
 };
 var IdentityPanelImpl = (props) => {
@@ -1498,7 +1490,7 @@ var IdentityPanelImpl = (props) => {
   }, /* @__PURE__ */ React27.createElement(AgentForm, {
     send: rest.send,
     active: activeView === "agent manager",
-    identity
+    ...rest
   })))));
 };
 var IdentityPanelWithInvitationImpl = ({ invitation, ...props }) => {
@@ -1510,9 +1502,15 @@ var IdentityPanelWithInvitationImpl = ({ invitation, ...props }) => {
 };
 var IdentityPanel = ({ titleId: propsTitleId, createInvitationUrl = (code) => code, ...props }) => {
   const titleId = useId5("identityPanel__heading", propsTitleId);
-  const client = useClient4();
+  const client = useClient3();
   const devices = useDevices();
   const identity = useIdentity();
+  const invitations = useHaloInvitations2();
+  const agentProps = useAgentHandlers({
+    client,
+    identity,
+    invitations
+  });
   if (!identity) {
     console.error("IdentityPanel rendered with no active identity.");
     return null;
@@ -1522,7 +1520,7 @@ var IdentityPanel = ({ titleId: propsTitleId, createInvitationUrl = (code) => co
     const subscription = identityService.subscribe((state) => {
       log3("[state]", state, {
         F: __dxlog_file4,
-        L: 135,
+        L: 138,
         S: void 0,
         C: (f, a) => f(...a)
       });
@@ -1579,7 +1577,8 @@ var IdentityPanel = ({ titleId: propsTitleId, createInvitationUrl = (code) => co
     send: identitySend,
     titleId,
     createInvitationUrl,
-    onUpdateProfile
+    onUpdateProfile,
+    ...agentProps
   };
   return identityState.context.invitation ? /* @__PURE__ */ React27.createElement(IdentityPanelWithInvitationImpl, {
     ...implProps,
@@ -1590,7 +1589,7 @@ var IdentityPanel = ({ titleId: propsTitleId, createInvitationUrl = (code) => co
 // packages/sdk/shell/src/panels/JoinPanel/JoinPanel.tsx
 import React37, { useCallback as useCallback7, useEffect as useEffect5, useMemo as useMemo4 } from "react";
 import { log as log8 } from "@dxos/log";
-import { useClient as useClient7, useMulticastObservable } from "@dxos/react-client";
+import { useClient as useClient6, useMulticastObservable } from "@dxos/react-client";
 import { useIdentity as useIdentity2 } from "@dxos/react-client/halo";
 import { DensityProvider as DensityProvider3, useId as useId7, useThemeContext as useThemeContext3 } from "@dxos/react-ui";
 
@@ -1632,6 +1631,7 @@ import { useMachine as useMachine2 } from "@xstate/react";
 import { useCallback as useCallback6 } from "react";
 import { assign as assign2, createMachine as createMachine2 } from "xstate";
 import { log as log4 } from "@dxos/log";
+import { AlreadyJoinedError } from "@dxos/react-client";
 import { Invitation as Invitation6, InvitationEncoder as InvitationEncoder3 } from "@dxos/react-client/invitations";
 var __dxlog_file5 = "/home/runner/work/dxos/dxos/packages/sdk/shell/src/panels/JoinPanel/joinMachine.ts";
 var getInvitationSubscribable = (Kind, invitation) => {
@@ -1750,12 +1750,28 @@ var getInvitationSubscribable = (Kind, invitation) => {
         }
       }
     }, (error) => {
+      if (error instanceof AlreadyJoinedError) {
+        log4("[already joined]", {
+          Kind,
+          error
+        }, {
+          F: __dxlog_file5,
+          L: 137,
+          S: void 0,
+          C: (f, a) => f(...a)
+        });
+        next({
+          type: `success${Kind}Invitation`,
+          invitation: invitation.get()
+        });
+        return complete?.();
+      }
       log4.error("[invitation errored]", {
         Kind,
         error
       }, {
         F: __dxlog_file5,
-        L: 136,
+        L: 142,
         S: void 0,
         C: (f, a) => f(...a)
       });
@@ -2080,7 +2096,7 @@ var joinMachine = createMachine2({
         spaceInvitation: context.space.invitation
       }, {
         F: __dxlog_file5,
-        L: 400,
+        L: 406,
         S: void 0,
         C: (f, a) => f(...a)
       });
@@ -2094,7 +2110,7 @@ var defaultCodeFromUrl = (invitationType, text) => {
   } catch (err) {
     log4.catch(err, void 0, {
       F: __dxlog_file5,
-      L: 427,
+      L: 433,
       S: void 0,
       C: (f, a) => f(...a)
     });
@@ -2105,7 +2121,8 @@ var useJoinMachine = (client, options) => {
   const redeemHaloInvitationCode = useCallback6(({ halo }) => {
     if (halo.unredeemedCode) {
       try {
-        const invitationObservable = client.halo.join(InvitationEncoder3.decode(defaultCodeFromUrl("halo", halo.unredeemedCode)));
+        const invitation = InvitationEncoder3.decode(defaultCodeFromUrl("halo", halo.unredeemedCode));
+        const invitationObservable = client.halo.join(invitation);
         return {
           ...halo,
           invitationObservable,
@@ -2114,7 +2131,7 @@ var useJoinMachine = (client, options) => {
       } catch (err) {
         log4.error("Could not redeem device invitation code", err, {
           F: __dxlog_file5,
-          L: 449,
+          L: 454,
           S: void 0,
           C: (f, a) => f(...a)
         });
@@ -2130,23 +2147,16 @@ var useJoinMachine = (client, options) => {
     if (space.unredeemedCode) {
       try {
         const invitation = InvitationEncoder3.decode(defaultCodeFromUrl("space", space.unredeemedCode));
-        if (space.succeededKeys?.has(invitation.spaceKey?.toHex() ?? "never")) {
-          return {
-            ...space,
-            invitation
-          };
-        } else {
-          const invitationObservable = client.spaces.join(invitation);
-          return {
-            ...space,
-            invitationObservable,
-            invitationSubscribable: getInvitationSubscribable("Space", invitationObservable)
-          };
-        }
+        const invitationObservable = client.spaces.join(invitation);
+        return {
+          ...space,
+          invitationObservable,
+          invitationSubscribable: getInvitationSubscribable("Space", invitationObservable)
+        };
       } catch (err) {
         log4.error("Could not redeem space invitation code", err, {
           F: __dxlog_file5,
-          L: 479,
+          L: 476,
           S: void 0,
           C: (f, a) => f(...a)
         });
@@ -2238,7 +2248,7 @@ var AdditionMethodChooser = (viewStateProps) => {
       type: "createIdentity"
     }),
     "data-autofocus": "choosingAuthMethod",
-    "data-testid": "create-identity"
+    "data-testid": "identity-chooser.create-identity"
   }, t("create identity label")), /* @__PURE__ */ React29.createElement(CompoundButton, {
     ...sharedButtonProps,
     description: t("join identity description"),
@@ -2248,7 +2258,7 @@ var AdditionMethodChooser = (viewStateProps) => {
     onClick: () => send({
       type: "acceptHaloInvitation"
     }),
-    "data-testid": "join-identity"
+    "data-testid": "identity-chooser.join-identity"
   }, t("join identity label")), /* @__PURE__ */ React29.createElement(CompoundButton, {
     ...sharedButtonProps,
     // TODO(mykola): Implement recover.
@@ -2260,7 +2270,7 @@ var AdditionMethodChooser = (viewStateProps) => {
     onClick: () => send({
       type: "recoverIdentity"
     }),
-    "data-testid": "recover-identity"
+    "data-testid": "identity-chooser.recover-identity"
   }, t("recover identity label"))));
 };
 
@@ -2309,13 +2319,13 @@ var IdentityAdded = (props) => {
 // packages/sdk/shell/src/panels/JoinPanel/steps/IdentityInput.tsx
 import React31, { useState as useState5 } from "react";
 import { log as log5 } from "@dxos/log";
-import { useClient as useClient5 } from "@dxos/react-client";
+import { useClient as useClient4 } from "@dxos/react-client";
 import { useTranslation as useTranslation17 } from "@dxos/react-ui";
 var __dxlog_file6 = "/home/runner/work/dxos/dxos/packages/sdk/shell/src/panels/JoinPanel/steps/IdentityInput.tsx";
 var IdentityInput = (props) => {
   const { send, method } = props;
   const isRecover = method === "recover identity";
-  const client = useClient5();
+  const client = useClient4();
   const { t } = useTranslation17("os");
   const [validationMessage, setValidationMessage] = useState5("");
   const createIdentity = (displayName) => {
@@ -2425,13 +2435,18 @@ var InvitationInput = (props) => {
   }, [
     unredeemedCode
   ]);
-  const handleNext = () => send({
-    type: `set${Kind}InvitationCode`,
-    code: invitationCodeFromUrl(inputValue),
-    ...Kind === "Space" && {
-      succeededKeys
+  const handleNext = () => {
+    if (inputValue.trim().length === 0) {
+      return;
     }
-  });
+    send({
+      type: `set${Kind}InvitationCode`,
+      code: invitationCodeFromUrl(inputValue),
+      ...Kind === "Space" && {
+        succeededKeys
+      }
+    });
+  };
   const exitAction = /* @__PURE__ */ React33.createElement(Action, {
     variant: "ghost",
     disabled,
@@ -2447,6 +2462,7 @@ var InvitationInput = (props) => {
     className: "grow flex flex-col justify-center"
   }, /* @__PURE__ */ React33.createElement(Input, {
     label: /* @__PURE__ */ React33.createElement(StepHeading, null, t("invitation input label")),
+    // TODO(burdon): Translation.
     placeholder: "Type an invitation code",
     disabled,
     value: inputValue,
@@ -2585,11 +2601,11 @@ var InvitationAuthenticator = ({ failed, Kind, active, pending, invitationId, on
 // packages/sdk/shell/src/panels/JoinPanel/steps/ResetIdentity.tsx
 import React36, { useState as useState8 } from "react";
 import { log as log7 } from "@dxos/log";
-import { useClient as useClient6 } from "@dxos/react-client";
+import { useClient as useClient5 } from "@dxos/react-client";
 import { useTranslation as useTranslation22 } from "@dxos/react-ui";
 var __dxlog_file8 = "/home/runner/work/dxos/dxos/packages/sdk/shell/src/panels/JoinPanel/steps/ResetIdentity.tsx";
 var ResetIdentity = ({ send, active }) => {
-  const client = useClient6();
+  const client = useClient5();
   const { t } = useTranslation22("os");
   const [validationMessage, setValidationMessage] = useState8("");
   const resetIdentity = () => {
@@ -2624,7 +2640,7 @@ var ResetIdentityImpl = ({ disabled, validationMessage, onConfirm }) => {
       confirmationValue
     })),
     disabled,
-    "data-testid": "identity-input",
+    "data-testid": "reset-identity-input",
     placeholder: confirmationValue,
     onChange: ({ target: { value } }) => setInputValue(value)
   })), /* @__PURE__ */ React36.createElement(Actions, null, /* @__PURE__ */ React36.createElement(Action, {
@@ -2803,7 +2819,7 @@ var JoinPanelImpl = (props) => {
   })))));
 };
 var JoinPanel = ({ titleId: propsTitleId, mode = "default", initialInvitationCode, exitActionParent, onExit, doneActionParent, onDone: propsOnDone }) => {
-  const client = useClient7();
+  const client = useClient6();
   const identity = useIdentity2();
   const { hasIosKeyboard } = useThemeContext3();
   const titleId = useId7("joinPanel__heading", propsTitleId);
@@ -3419,7 +3435,7 @@ import { createIFramePort } from "@dxos/rpc-tunnel";
 // packages/sdk/shell/src/composites/Shell/Shell.tsx
 import React43, { useEffect as useEffect7, useState as useState10 } from "react";
 import { log as log11 } from "@dxos/log";
-import { ShellDisplay, ShellLayout, useClient as useClient8 } from "@dxos/react-client";
+import { ShellDisplay, ShellLayout, useClient as useClient7 } from "@dxos/react-client";
 import { useSpace as useSpace2 } from "@dxos/react-client/echo";
 
 // packages/sdk/shell/src/composites/SpaceDialog/SpaceDialog.tsx
@@ -3450,7 +3466,7 @@ var Shell = ({ runtime, origin }) => {
     spaceKey: runtime.spaceKey,
     target: runtime.target
   });
-  const client = useClient8();
+  const client = useClient7();
   const space = useSpace2(spaceKey);
   useEffect7(() => {
     return runtime.layoutUpdate.on((request) => setLayout(request));
@@ -3707,7 +3723,7 @@ var runShell = async (config = new Config()) => {
 
 // packages/sdk/shell/src/composites/Shell/ShellContext.tsx
 import React45, { createContext as createContext2, useCallback as useCallback9, useContext as useContext2, useEffect as useEffect8, useMemo as useMemo6, useState as useState11 } from "react";
-import { ShellDisplay as ShellDisplay2, ShellLayout as ShellLayout3, useClient as useClient9 } from "@dxos/react-client";
+import { ShellDisplay as ShellDisplay2, ShellLayout as ShellLayout3, useClient as useClient8 } from "@dxos/react-client";
 import { useIdentity as useIdentity3 } from "@dxos/react-client/halo";
 import { mx as mx23 } from "@dxos/react-ui-theme";
 
@@ -3745,7 +3761,7 @@ var MemoryShellRuntime = class {
 // packages/sdk/shell/src/composites/Shell/ShellContext.tsx
 var ShellContext = /* @__PURE__ */ createContext2({});
 var useShell = () => {
-  const client = useClient9();
+  const client = useClient8();
   const { runtime, setDisplay } = useContext2(ShellContext);
   const setLayout = async (layout, options) => {
     if (runtime) {
@@ -3766,7 +3782,7 @@ var useShell = () => {
   };
 };
 var ShellProvider = ({ space, deviceInvitationCode, spaceInvitationCode, onJoinedSpace, children }) => {
-  const client = useClient9();
+  const client = useClient8();
   const identity = useIdentity3();
   const [display, setDisplay] = useState11(!identity || spaceInvitationCode || deviceInvitationCode ? ShellDisplay2.FULLSCREEN : ShellDisplay2.NONE);
   const shellRuntime = useMemo6(() => {