@dxos/shell 0.6.13 → 0.6.14-main.1366248

package/dist/lib/browser/react.mjs

@@ -571,7 +571,7 @@ import { Button as Button6, List as List2, useTranslation as useTranslation7 } f
 import { descriptionText as descriptionText4, getSize as getSize6, mx as mx7 } from "@dxos/react-ui-theme";
 
 // packages/sdk/shell/src/components/DeviceList/DeviceListItem.tsx
-import { Compass, Desktop, DeviceMobile, Devices, DotsThree, ShareFat, Power as Power2, Robot, Database as Database2 } from "@phosphor-icons/react";
+import { Compass, Desktop, DeviceMobile, Devices, DotsThree, ShareFat, Power as Power2, Robot, Database as Database2, FirstAidKit } from "@phosphor-icons/react";
 import React9, { forwardRef as forwardRef2 } from "react";
 import { generateName as generateName2 } from "@dxos/display-name";
 import { Device, DeviceType, DeviceKind } from "@dxos/react-client/halo";
@@ -586,7 +586,7 @@ var iconProps = {
   x: 8,
   y: 8
 };
-var DeviceListItem = /* @__PURE__ */ forwardRef2(({ device, onClickAdd, onClickEdit, onClickReset, onClickJoinExisting, classNames, connectionState, onAgentDestroy, ...props }, forwardedRef) => {
+var DeviceListItem = /* @__PURE__ */ forwardRef2(({ device, onClickAdd, onClickEdit, onClickReset, onClickRecover, onClickJoinExisting, classNames, connectionState, onAgentDestroy, ...props }, forwardedRef) => {
   const { t } = useTranslation6("os");
   const fallbackValue = keyToFallback2(device.deviceKey);
   const labelId = useId3("identityListItem__label");
@@ -649,7 +649,12 @@ var DeviceListItem = /* @__PURE__ */ forwardRef2(({ device, onClickAdd, onClickE
     onClick: onClickJoinExisting
   }, /* @__PURE__ */ React9.createElement(ShareFat, {
     className: getSize5(5)
-  }), t("choose join new identity label")), /* @__PURE__ */ React9.createElement(DropdownMenu2.Item, {
+  }), t("choose join new identity label")), onClickRecover && /* @__PURE__ */ React9.createElement(DropdownMenu2.Item, {
+    "data-testid": "device-list-item-current.recover",
+    onClick: onClickRecover
+  }, /* @__PURE__ */ React9.createElement(FirstAidKit, {
+    className: getSize5(5)
+  }), t("choose recover identity label")), /* @__PURE__ */ React9.createElement(DropdownMenu2.Item, {
     "data-testid": "device-list-item-current.reset",
     onClick: onClickReset
   }, /* @__PURE__ */ React9.createElement(Power2, {
@@ -658,7 +663,7 @@ var DeviceListItem = /* @__PURE__ */ forwardRef2(({ device, onClickAdd, onClickE
 });
 
 // packages/sdk/shell/src/components/DeviceList/DeviceList.tsx
-var DeviceList = ({ devices, connectionState, onClickAdd, onClickEdit, onClickReset, onClickJoinExisting, onAgentDestroy }) => {
+var DeviceList = ({ devices, connectionState, onClickAdd, onClickEdit, onClickReset, onClickRecover, onClickJoinExisting, onAgentDestroy }) => {
   const { t } = useTranslation7("os");
   return /* @__PURE__ */ React10.createElement(React10.Fragment, null, /* @__PURE__ */ React10.createElement("h2", {
     className: mx7(descriptionText4, "text-center mbs-4")
@@ -668,6 +673,7 @@ var DeviceList = ({ devices, connectionState, onClickAdd, onClickEdit, onClickRe
       device,
       onClickEdit: () => onClickEdit?.(device),
       onClickReset,
+      onClickRecover,
       onClickJoinExisting,
       connectionState,
       onAgentDestroy
@@ -925,14 +931,14 @@ var InvitationList = ({ invitations, send, ...invitationProps }) => {
 var InvitationListContainer = ({ spaceKey, createInvitationUrl, send }) => {
   const space = useSpace(spaceKey);
   const invitations = useSpaceInvitations(spaceKey);
-  const onClickRemove = useCallback3((invitation) => {
+  const handleClickRemove = useCallback3((invitation) => {
     void invitation.cancel();
   }, [
     space
   ]);
   return /* @__PURE__ */ React14.createElement(InvitationList, {
     invitations,
-    onClickRemove,
+    onClickRemove: handleClickRemove,
     createInvitationUrl,
     send
   });
@@ -1237,15 +1243,16 @@ import React42 from "react";
 import { Dialog, useId as useId10 } from "@dxos/react-ui";
 
 // packages/sdk/shell/src/panels/IdentityPanel/IdentityPanel.tsx
-import { Key, Plugs, PlugsConnected } from "@phosphor-icons/react";
-import React29, { useEffect as useEffect3, useMemo as useMemo3, useState as useState8 } from "react";
+import { FirstAidKit as FirstAidKit2, Key, Plugs, PlugsConnected } from "@phosphor-icons/react";
+import React29, { useEffect as useEffect4, useMemo as useMemo3, useState as useState9 } from "react";
 import { generateName as generateName3 } from "@dxos/display-name";
+import { invariant as invariant3 } from "@dxos/invariant";
 import { log as log6 } from "@dxos/log";
-import { useClient as useClient4 } from "@dxos/react-client";
+import { useClient as useClient6 } 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 { useNetworkStatus, ConnectionState as ConnectionState2 } from "@dxos/react-client/mesh";
-import { Avatar as Avatar6, DensityProvider, Input as Input2, Toolbar as Toolbar3, Tooltip as Tooltip7, useId as useId6, useTranslation as useTranslation14 } from "@dxos/react-ui";
+import { Avatar as Avatar6, Input as Input2, Toolbar as Toolbar3, Tooltip as Tooltip7, useId as useId6, useTranslation as useTranslation14 } from "@dxos/react-ui";
 import { getSize as getSize13 } from "@dxos/react-ui-theme";
 import { hexToEmoji as hexToEmoji4, hexToHue as hexToHue2, keyToFallback as keyToFallback3 } from "@dxos/util";
 
@@ -1282,6 +1289,7 @@ var identityMachine = createMachine({
     choosingAction: {},
     managingDeviceInvitation: {},
     confirmingResetStorage: {},
+    confirmingRecover: {},
     confirmingJoinNewIdentity: {}
   },
   on: {
@@ -1310,6 +1318,10 @@ var identityMachine = createMachine({
       target: ".confirmingJoinNewIdentity",
       actions: "log"
     },
+    chooseRecoverIdentity: {
+      target: ".confirmingRecover",
+      actions: "log"
+    },
     chooseResetStorage: {
       target: ".confirmingResetStorage",
       actions: "log"
@@ -1335,7 +1347,7 @@ var identityMachine = createMachine({
         context
       }, {
         F: __dxlog_file,
-        L: 96,
+        L: 98,
         S: void 0,
         C: (f, a) => f(...a)
       });
@@ -1392,12 +1404,22 @@ var IdentityActionChooser = (props) => {
       invitation
     });
   };
+  const isProduction = client.config.values.runtime?.app?.env?.DX_ENVIRONMENT === "production";
   return /* @__PURE__ */ React25.createElement(IdentityActionChooserImpl, {
     ...props,
-    onCreateInvitationClick: createInvitation
+    onClickAdd: createInvitation,
+    onClickJoinExisting: () => send?.({
+      type: "chooseJoinNewIdentity"
+    }),
+    onClickRecover: isProduction ? void 0 : () => send?.({
+      type: "chooseRecoverIdentity"
+    }),
+    onClickReset: () => send?.({
+      type: "chooseResetStorage"
+    })
   });
 };
-var IdentityActionChooserImpl = ({ send, onCreateInvitationClick, devices, connectionState, agentHostingEnabled, ...agentProps }) => {
+var IdentityActionChooserImpl = ({ devices, connectionState, agentHostingEnabled, onClickAdd, onClickJoinExisting, onClickRecover, onClickReset, ...agentProps }) => {
   const managedDeviceAvailable = devices.find((device) => device.profile?.type === DeviceType2.AGENT_MANAGED);
   return /* @__PURE__ */ React25.createElement("div", {
     role: "none",
@@ -1405,13 +1427,10 @@ var IdentityActionChooserImpl = ({ send, onCreateInvitationClick, devices, conne
   }, /* @__PURE__ */ React25.createElement(DeviceList, {
     devices,
     connectionState,
-    onClickAdd: onCreateInvitationClick,
-    onClickJoinExisting: () => send?.({
-      type: "chooseJoinNewIdentity"
-    }),
-    onClickReset: () => send?.({
-      type: "chooseResetStorage"
-    }),
+    onClickAdd,
+    onClickJoinExisting,
+    onClickRecover: agentProps.agentStatus === "created" ? onClickRecover : void 0,
+    onClickReset,
     onAgentDestroy: agentProps.onAgentDestroy
   }), !managedDeviceAvailable && agentHostingEnabled && /* @__PURE__ */ React25.createElement(AgentConfig, agentProps));
 };
@@ -1423,17 +1442,107 @@ import { useTranslation as useTranslation11 } from "@dxos/react-ui";
 import { hexToEmoji as hexToEmoji2, hexToHue } from "@dxos/util";
 
 // packages/sdk/shell/src/panels/IdentityPanel/useAgentHandlers.ts
-import { useCallback as useCallback4, useEffect as useEffect2, useState as useState6 } from "react";
+import { useClient as useClient5 } from "@dxos/react-client";
+
+// packages/sdk/shell/src/panels/IdentityPanel/useEdgeAgentsHandlers.ts
+import { useEffect as useEffect2, useState as useState6 } from "react";
 import { invariant } from "@dxos/invariant";
-import { log as log4 } from "@dxos/log";
-import { useClient as useClient3, useAgentHostingClient } from "@dxos/react-client";
-import { Invitation as Invitation3, 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 = ({ invitations, identity }) => {
+import { QueryAgentStatusResponse } from "@dxos/protocols/proto/dxos/client/services";
+import { EdgeReplicationSetting } from "@dxos/protocols/proto/dxos/echo/metadata";
+import { useClient as useClient3 } from "@dxos/react-client";
+var __dxlog_file3 = "/home/runner/work/dxos/dxos/packages/sdk/shell/src/panels/IdentityPanel/useEdgeAgentsHandlers.ts";
+var useEdgeAgentHandlers = ({ identity }) => {
   const [validationMessage, setValidationMessage] = useState6("");
+  const [lastReceivedStatus, setLastReceivedStatus] = useState6(QueryAgentStatusResponse.AgentStatus.UNKNOWN);
   const [agentStatus, setAgentStatus] = useState6("getting");
-  const agentHostingProviderClient = useAgentHostingClient();
   const client = useClient3();
+  const agentHostingEnabled = Boolean(client.config.values.runtime?.client?.edgeFeatures?.agents);
+  const handleStatus = (status) => {
+    switch (status) {
+      case QueryAgentStatusResponse.AgentStatus.ACTIVE:
+      case QueryAgentStatusResponse.AgentStatus.INACTIVE:
+        setAgentStatus("created");
+        break;
+      case QueryAgentStatusResponse.AgentStatus.NOT_FOUND:
+        setAgentStatus("creatable");
+        break;
+      case QueryAgentStatusResponse.AgentStatus.UNKNOWN:
+        setAgentStatus("getting");
+        break;
+    }
+  };
+  useEffect2(() => {
+    const stream = client.services.services.EdgeAgentService?.queryAgentStatus();
+    stream?.subscribe(({ status }) => {
+      setLastReceivedStatus(status);
+      handleStatus(status);
+    });
+    return () => {
+      void stream?.close().catch(() => {
+      });
+    };
+  }, []);
+  const onAgentCreate = async () => {
+    invariant(identity, "Identity not found", {
+      F: __dxlog_file3,
+      L: 58,
+      S: void 0,
+      A: [
+        "identity",
+        "'Identity not found'"
+      ]
+    });
+    const service = client.services.services.EdgeAgentService;
+    if (!service) {
+      setAgentStatus("error");
+      setValidationMessage("Agent service not initialized.");
+      return;
+    }
+    if (!agentHostingEnabled) {
+      setAgentStatus("error");
+      setValidationMessage("Edge agents are disabled in config.");
+      return;
+    }
+    setAgentStatus("creating");
+    setValidationMessage("");
+    try {
+      await service.createAgent();
+      await Promise.all(client.spaces.get().map((space) => space?.internal.setEdgeReplicationPreference(EdgeReplicationSetting.ENABLED)));
+      setAgentStatus("created");
+    } catch (err) {
+      setAgentStatus("error");
+      setValidationMessage(`Error creating an agent: ${err.message}`);
+    }
+  };
+  const onAgentDestroy = async () => {
+    setValidationMessage("Agents are non-destructible.");
+  };
+  const onAgentRefresh = async () => {
+    setValidationMessage("");
+    handleStatus(lastReceivedStatus);
+  };
+  return {
+    onAgentCreate,
+    onAgentDestroy,
+    onAgentRefresh,
+    validationMessage,
+    agentStatus,
+    agentHostingEnabled
+  };
+};
+
+// packages/sdk/shell/src/panels/IdentityPanel/useKubeAgentHandlers.ts
+import { useCallback as useCallback4, useEffect as useEffect3, useState as useState7 } from "react";
+import { invariant as invariant2 } from "@dxos/invariant";
+import { log as log4 } from "@dxos/log";
+import { useClient as useClient4, useAgentHostingClient } from "@dxos/react-client";
+import { Invitation as Invitation3, InvitationEncoder as InvitationEncoder2 } from "@dxos/react-client/invitations";
+var __dxlog_file4 = "/home/runner/work/dxos/dxos/packages/sdk/shell/src/panels/IdentityPanel/useKubeAgentHandlers.ts";
+var useKubeAgentHandlers = ({ invitations, identity }) => {
+  const [validationMessage, setValidationMessage] = useState7("");
+  const [agentStatus, setAgentStatus] = useState7("getting");
+  const agentHostingProviderClient = useAgentHostingClient();
+  const client = useClient4();
   const updateAgentStatus = async () => {
     if (agentHostingProviderClient) {
       setAgentStatus("getting");
@@ -1454,8 +1563,8 @@ var useAgentHandlers = ({ invitations, identity }) => {
     }
   };
   const createAgent = async (invitationCode) => {
-    invariant(identity, "Identity not found", {
-      F: __dxlog_file3,
+    invariant2(identity, "Identity not found", {
+      F: __dxlog_file4,
       L: 50,
       S: void 0,
       A: [
@@ -1484,8 +1593,8 @@ var useAgentHandlers = ({ invitations, identity }) => {
     }
   };
   const destroyAgent = async () => {
-    invariant(identity, "Identity not found", {
-      F: __dxlog_file3,
+    invariant2(identity, "Identity not found", {
+      F: __dxlog_file4,
       L: 73,
       S: void 0,
       A: [
@@ -1508,7 +1617,7 @@ var useAgentHandlers = ({ invitations, identity }) => {
       setValidationMessage("No agent provider configured.");
     }
   };
-  useEffect2(() => {
+  useEffect3(() => {
     void updateAgentStatus();
   }, []);
   const handleAgentCreate = useCallback4(async (invitation) => {
@@ -1518,7 +1627,7 @@ var useAgentHandlers = ({ invitations, identity }) => {
         invitationCode,
         authCode: invitation.authCode
       }), void 0, {
-        F: __dxlog_file3,
+        F: __dxlog_file4,
         L: 97,
         S: void 0,
         C: (f, a) => f(...a)
@@ -1549,6 +1658,16 @@ var useAgentHandlers = ({ invitations, identity }) => {
   };
 };
 
+// packages/sdk/shell/src/panels/IdentityPanel/useAgentHandlers.ts
+var useAgentHandlers = (params) => {
+  const client = useClient5();
+  if (client.config.values?.runtime?.client?.edgeFeatures?.agents) {
+    return useEdgeAgentHandlers(params);
+  } else {
+    return useKubeAgentHandlers(params);
+  }
+};
+
 // packages/sdk/shell/src/steps/InvitationManager.tsx
 import { Check as Check4, X as X3 } from "@phosphor-icons/react";
 import React27, { useMemo as useMemo2 } from "react";
@@ -1680,20 +1799,20 @@ var InvitationManager = ({ invitationUrl, active, send, status, multiUse, authCo
 
 // packages/sdk/shell/src/steps/ConfirmReset.tsx
 import { Warning } from "@phosphor-icons/react";
-import React28, { useState as useState7 } from "react";
+import React28, { useState as useState8 } from "react";
 import { log as log5 } from "@dxos/log";
 import { Message, useTranslation as useTranslation13 } from "@dxos/react-ui";
 import { getSize as getSize12, mx as mx21 } from "@dxos/react-ui-theme";
-var __dxlog_file4 = "/home/runner/work/dxos/dxos/packages/sdk/shell/src/steps/ConfirmReset.tsx";
+var __dxlog_file5 = "/home/runner/work/dxos/dxos/packages/sdk/shell/src/steps/ConfirmReset.tsx";
 var ConfirmReset = ({ active, onCancel, onConfirm, mode }) => {
   const { t } = useTranslation13("os");
-  const [validationMessage, setValidationMessage] = useState7("");
-  const [pending, setPending] = useState7(false);
+  const [validationMessage, setValidationMessage] = useState8("");
+  const [pending, setPending] = useState8(false);
   const processReset = async () => {
     setPending(true);
     return onConfirm?.().then(() => setPending(false), (error) => {
       log5.catch(error, void 0, {
-        F: __dxlog_file4,
+        F: __dxlog_file5,
         L: 38,
         S: void 0,
         C: (f, a) => f(...a)
@@ -1714,8 +1833,8 @@ var ConfirmReset = ({ active, onCancel, onConfirm, mode }) => {
 var ConfirmResetImpl = ({ disabled, pending, validationMessage, onConfirm, onCancel, mode }) => {
   const { t } = useTranslation13("os");
   const confirmationValue = t("confirmation value");
-  const [inputValue, setInputValue] = useState7("");
-  const testIdAffix = mode === "join new identity" ? "join-new-identity" : "reset-storage";
+  const [inputValue, setInputValue] = useState8("");
+  const testIdAffix = mode === "join new identity" ? "join-new-identity" : mode === "recover" ? "recover" : "reset-storage";
   return /* @__PURE__ */ React28.createElement(React28.Fragment, null, /* @__PURE__ */ React28.createElement("div", {
     role: "none",
     className: "grow flex flex-col gap-2 justify-center"
@@ -1727,7 +1846,7 @@ var ConfirmResetImpl = ({ disabled, pending, validationMessage, onConfirm, onCan
     validationMessage,
     label: /* @__PURE__ */ React28.createElement(StepHeading, {
       className: "text-start mlb-2"
-    }, t(mode === "join new identity" ? "join new identity input label" : "reset storage input label", {
+    }, t(mode === "join new identity" ? "join new identity input label" : mode === "recover" ? "recover reset input label" : "reset storage input label", {
       confirmationValue
     })),
     disabled,
@@ -1749,19 +1868,20 @@ var ConfirmResetImpl = ({ disabled, pending, validationMessage, onConfirm, onCan
 };
 
 // packages/sdk/shell/src/panels/IdentityPanel/IdentityPanel.tsx
-var __dxlog_file5 = "/home/runner/work/dxos/dxos/packages/sdk/shell/src/panels/IdentityPanel/IdentityPanel.tsx";
+var __dxlog_file6 = "/home/runner/work/dxos/dxos/packages/sdk/shell/src/panels/IdentityPanel/IdentityPanel.tsx";
 var viewStyles = "pbs-1 pbe-3 pli-3";
 var getHueValue = (identity) => identity?.profile?.data?.hue || hexToHue2(identity?.identityKey.toHex() ?? "0");
 var getEmojiValue = (identity) => identity?.profile?.data?.emoji || hexToEmoji4(identity?.identityKey.toHex() ?? "0");
-var IdentityHeading = ({ titleId, title, identity, onDone, onUpdateProfile, connectionState, onChangeConnectionState }) => {
+var IdentityHeading = ({ titleId, title, identity, hideRecover, onDone, onUpdateProfile, connectionState, onChangeConnectionState }) => {
+  const client = useClient6();
   const fallbackValue = keyToFallback3(identity.identityKey);
   const { t } = useTranslation14("os");
-  const [displayName, setDisplayName] = useState8(identity.profile?.displayName ?? "");
-  const [emoji, setEmojiDirectly] = useState8(getEmojiValue(identity));
-  const [hue, setHueDirectly] = useState8(getHueValue(identity));
+  const [displayName, setDisplayName] = useState9(identity.profile?.displayName ?? "");
+  const [emoji, setEmojiDirectly] = useState9(getEmojiValue(identity));
+  const [hue, setHueDirectly] = useState9(getHueValue(identity));
   const { textValue, setTextValue } = useClipboardContext();
   const identityHex = identity.identityKey.toHex();
-  const copied = textValue === identityHex;
+  const publicKeyCopied = textValue === identityHex;
   const setEmoji = (nextEmoji) => {
     setEmojiDirectly(nextEmoji);
     void onUpdateProfile?.({
@@ -1782,8 +1902,20 @@ var IdentityHeading = ({ titleId, title, identity, onDone, onUpdateProfile, conn
       }
     });
   };
+  const handleRecoveryCode = async () => {
+    invariant3(client.services.services.IdentityService, "IdentityService not available", {
+      F: __dxlog_file6,
+      L: 77,
+      S: void 0,
+      A: [
+        "client.services.services.IdentityService",
+        "'IdentityService not available'"
+      ]
+    });
+    const { seedphrase } = await client.services.services.IdentityService.createRecoveryPhrase();
+    void setTextValue(seedphrase);
+  };
   const isConnected = connectionState === ConnectionState2.ONLINE;
-  const debug = true;
   return /* @__PURE__ */ React29.createElement(Heading, {
     titleId,
     title,
@@ -1827,7 +1959,7 @@ var IdentityHeading = ({ titleId, title, identity, onDone, onUpdateProfile, conn
     hue,
     onChangeHue: setHue,
     classNames: "bs-[--rail-action]"
-  }), debug && /* @__PURE__ */ React29.createElement(React29.Fragment, null, /* @__PURE__ */ React29.createElement(Tooltip7.Root, null, /* @__PURE__ */ React29.createElement(Tooltip7.Trigger, {
+  }), /* @__PURE__ */ React29.createElement(Tooltip7.Root, null, /* @__PURE__ */ React29.createElement(Tooltip7.Trigger, {
     asChild: true
   }, /* @__PURE__ */ React29.createElement(Toolbar3.Button, {
     classNames: "bs-[--rail-action]",
@@ -1835,12 +1967,22 @@ var IdentityHeading = ({ titleId, title, identity, onDone, onUpdateProfile, conn
     onClick: () => setTextValue(identityHex)
   }, /* @__PURE__ */ React29.createElement("span", {
     className: "sr-only"
-  }, t(copied ? "copy success label" : "copy self public key label")), /* @__PURE__ */ React29.createElement(Key, {
+  }, t(publicKeyCopied ? "copy success label" : "copy self public key label")), /* @__PURE__ */ React29.createElement(Key, {
+    className: getSize13(5)
+  }))), /* @__PURE__ */ React29.createElement(Tooltip7.Portal, null, /* @__PURE__ */ React29.createElement(Tooltip7.Content, {
+    side: "bottom",
+    classNames: "z-50"
+  }, t(publicKeyCopied ? "copy success label" : "copy self public key label"), /* @__PURE__ */ React29.createElement(Tooltip7.Arrow, null)))), !hideRecover && /* @__PURE__ */ React29.createElement(Tooltip7.Root, null, /* @__PURE__ */ React29.createElement(Tooltip7.Trigger, {
+    asChild: true
+  }, /* @__PURE__ */ React29.createElement(Toolbar3.Button, {
+    classNames: "bs-[--rail-action]",
+    onClick: handleRecoveryCode
+  }, /* @__PURE__ */ React29.createElement(FirstAidKit2, {
     className: getSize13(5)
   }))), /* @__PURE__ */ React29.createElement(Tooltip7.Portal, null, /* @__PURE__ */ React29.createElement(Tooltip7.Content, {
     side: "bottom",
     classNames: "z-50"
-  }, t(copied ? "copy success label" : "copy self public key label"), /* @__PURE__ */ React29.createElement(Tooltip7.Arrow, null))), /* @__PURE__ */ React29.createElement(Tooltip7.Root, null, /* @__PURE__ */ React29.createElement(Tooltip7.Trigger, {
+  }, t("create recovery code label"), /* @__PURE__ */ React29.createElement(Tooltip7.Arrow, null)))), /* @__PURE__ */ React29.createElement(Tooltip7.Root, null, /* @__PURE__ */ React29.createElement(Tooltip7.Trigger, {
     asChild: true
   }, /* @__PURE__ */ React29.createElement(Toolbar3.Button, {
     classNames: [
@@ -1857,10 +1999,10 @@ var IdentityHeading = ({ titleId, title, identity, onDone, onUpdateProfile, conn
   }))), /* @__PURE__ */ React29.createElement(Tooltip7.Portal, null, /* @__PURE__ */ React29.createElement(Tooltip7.Content, {
     side: "bottom",
     classNames: "z-50"
-  }, t(isConnected ? "disconnect label" : "connect label"), /* @__PURE__ */ React29.createElement(Tooltip7.Arrow, null)))))))));
+  }, t(isConnected ? "disconnect label" : "connect label"), /* @__PURE__ */ React29.createElement(Tooltip7.Arrow, null)))))));
 };
 var IdentityPanelImpl = (props) => {
-  const { identity, titleId, activeView, onUpdateProfile, onResetStorage, onJoinNewIdentity, IdentityActionChooser: IdentityActionChooserComponent = IdentityActionChooser, InvitationManager: InvitationManagerComponent = InvitationManager, connectionState, onChangeConnectionState, onDone, ...rest } = props;
+  const { identity, titleId, activeView, onUpdateProfile, onResetStorage, onRecover, onJoinNewIdentity, IdentityActionChooser: IdentityActionChooserComponent = IdentityActionChooser, InvitationManager: InvitationManagerComponent = InvitationManager, connectionState, onChangeConnectionState, onDone, ...rest } = props;
   const { t } = useTranslation14("os");
   const title = useMemo3(() => {
     switch (activeView) {
@@ -1874,12 +2016,12 @@ var IdentityPanelImpl = (props) => {
     t
   ]);
   const onCancelReset = () => rest.send?.("unchooseAction");
-  return /* @__PURE__ */ React29.createElement(DensityProvider, {
-    density: "fine"
-  }, /* @__PURE__ */ React29.createElement(IdentityHeading, {
+  const hideRecover = rest.agentStatus !== "created";
+  return /* @__PURE__ */ React29.createElement(React29.Fragment, null, /* @__PURE__ */ React29.createElement(IdentityHeading, {
     identity,
     titleId,
     title,
+    hideRecover,
     onDone,
     onUpdateProfile,
     connectionState,
@@ -1909,6 +2051,15 @@ var IdentityPanelImpl = (props) => {
     mode: "join new identity",
     onConfirm: onJoinNewIdentity,
     onCancel: onCancelReset
+  })), /* @__PURE__ */ React29.createElement(Viewport.View, {
+    classNames: viewStyles,
+    id: "confirm recover"
+  }, /* @__PURE__ */ React29.createElement(ConfirmReset, {
+    active: activeView === "confirm recover",
+    ...rest,
+    mode: "recover",
+    onConfirm: onRecover,
+    onCancel: onCancelReset
   })), /* @__PURE__ */ React29.createElement(Viewport.View, {
     classNames: viewStyles,
     id: "confirm reset storage"
@@ -1929,7 +2080,7 @@ var IdentityPanelWithInvitationImpl = ({ invitation, ...props }) => {
 };
 var IdentityPanel = ({ titleId: propsTitleId, createInvitationUrl = (code) => code, initialDisposition = "default", ...props }) => {
   const titleId = useId6("identityPanel__heading", propsTitleId);
-  const client = useClient4();
+  const client = useClient6();
   const devices = useDevices();
   const identity = useIdentity();
   const invitations = useHaloInvitations2();
@@ -1939,8 +2090,8 @@ var IdentityPanel = ({ titleId: propsTitleId, createInvitationUrl = (code) => co
   });
   if (!identity) {
     log6.error("IdentityPanel rendered with no active identity.", void 0, {
-      F: __dxlog_file5,
-      L: 246,
+      F: __dxlog_file6,
+      L: 288,
       S: void 0,
       C: (f, a) => f(...a)
     });
@@ -1953,11 +2104,11 @@ var IdentityPanel = ({ titleId: propsTitleId, createInvitationUrl = (code) => co
   });
   const { swarm: connectionState } = useNetworkStatus();
   const handleChangeConnectionState = async (nextState) => client?.mesh.updateConfig(nextState);
-  useEffect3(() => {
+  useEffect4(() => {
     const subscription = identityService.subscribe((state) => {
       log6("[state]", state, {
-        F: __dxlog_file5,
-        L: 259,
+        F: __dxlog_file6,
+        L: 301,
         S: void 0,
         C: (f, a) => f(...a)
       });
@@ -1974,6 +2125,8 @@ var IdentityPanel = ({ titleId: propsTitleId, createInvitationUrl = (code) => co
         return "device invitation manager";
       case identityState.matches("confirmingResetStorage"):
         return "confirm reset storage";
+      case identityState.matches("confirmingRecover"):
+        return "confirm recover";
       case identityState.matches("confirmingJoinNewIdentity"):
         return "confirm join new identity";
       default:
@@ -2008,11 +2161,11 @@ var IdentityPanel = ({ titleId: propsTitleId, createInvitationUrl = (code) => co
 };
 
 // packages/sdk/shell/src/panels/JoinPanel/JoinPanel.tsx
-import React38, { useCallback as useCallback6, useEffect as useEffect5, useMemo as useMemo4 } from "react";
+import React38, { useCallback as useCallback6, useEffect as useEffect6, useMemo as useMemo4 } from "react";
 import { log as log10 } from "@dxos/log";
-import { useClient as useClient6, useMulticastObservable } from "@dxos/react-client";
+import { useClient as useClient8, useMulticastObservable } from "@dxos/react-client";
 import { useIdentity as useIdentity2 } from "@dxos/react-client/halo";
-import { DensityProvider as DensityProvider2, useId as useId8, useThemeContext as useThemeContext5 } from "@dxos/react-ui";
+import { useId as useId8, useThemeContext as useThemeContext5 } from "@dxos/react-ui";
 
 // packages/sdk/shell/src/panels/JoinPanel/JoinHeading.tsx
 import { X as X4 } from "@phosphor-icons/react";
@@ -2054,10 +2207,10 @@ import { assign as assign2, createMachine as createMachine2 } from "xstate";
 import { log as log7 } from "@dxos/log";
 import { AlreadyJoinedError } from "@dxos/react-client";
 import { Invitation as Invitation5, InvitationEncoder as InvitationEncoder3 } from "@dxos/react-client/invitations";
-var __dxlog_file6 = "/home/runner/work/dxos/dxos/packages/sdk/shell/src/panels/JoinPanel/joinMachine.ts";
+var __dxlog_file7 = "/home/runner/work/dxos/dxos/packages/sdk/shell/src/panels/JoinPanel/joinMachine.ts";
 var getInvitationSubscribable = (Kind, invitation) => {
   log7("[subscribing to invitation]", invitation, {
-    F: __dxlog_file6,
+    F: __dxlog_file7,
     L: 90,
     S: void 0,
     C: (f, a) => f(...a)
@@ -2070,7 +2223,7 @@ var getInvitationSubscribable = (Kind, invitation) => {
             Kind,
             invitation: invitation2
           }, {
-            F: __dxlog_file6,
+            F: __dxlog_file7,
             L: 101,
             S: void 0,
             C: (f, a) => f(...a)
@@ -2085,7 +2238,7 @@ var getInvitationSubscribable = (Kind, invitation) => {
             Kind,
             invitation: invitation2
           }, {
-            F: __dxlog_file6,
+            F: __dxlog_file7,
             L: 106,
             S: void 0,
             C: (f, a) => f(...a)
@@ -2100,7 +2253,7 @@ var getInvitationSubscribable = (Kind, invitation) => {
             Kind,
             invitation: invitation2
           }, {
-            F: __dxlog_file6,
+            F: __dxlog_file7,
             L: 111,
             S: void 0,
             C: (f, a) => f(...a)
@@ -2115,7 +2268,7 @@ var getInvitationSubscribable = (Kind, invitation) => {
             Kind,
             invitation: invitation2
           }, {
-            F: __dxlog_file6,
+            F: __dxlog_file7,
             L: 116,
             S: void 0,
             C: (f, a) => f(...a)
@@ -2130,7 +2283,7 @@ var getInvitationSubscribable = (Kind, invitation) => {
             Kind,
             invitation: invitation2
           }, {
-            F: __dxlog_file6,
+            F: __dxlog_file7,
             L: 121,
             S: void 0,
             C: (f, a) => f(...a)
@@ -2145,7 +2298,7 @@ var getInvitationSubscribable = (Kind, invitation) => {
           log7.warn("[invitation cancelled]", {
             Kind
           }, {
-            F: __dxlog_file6,
+            F: __dxlog_file7,
             L: 127,
             S: void 0,
             C: (f, a) => f(...a)
@@ -2159,7 +2312,7 @@ var getInvitationSubscribable = (Kind, invitation) => {
           log7.error("[invitation timeout]", {
             Kind
           }, {
-            F: __dxlog_file6,
+            F: __dxlog_file7,
             L: 132,
             S: void 0,
             C: (f, a) => f(...a)
@@ -2176,7 +2329,7 @@ var getInvitationSubscribable = (Kind, invitation) => {
           Kind,
           error
         }, {
-          F: __dxlog_file6,
+          F: __dxlog_file7,
           L: 139,
           S: void 0,
           C: (f, a) => f(...a)
@@ -2191,7 +2344,7 @@ var getInvitationSubscribable = (Kind, invitation) => {
         Kind,
         error
       }, {
-        F: __dxlog_file6,
+        F: __dxlog_file7,
         L: 144,
         S: void 0,
         C: (f, a) => f(...a)
@@ -2384,6 +2537,11 @@ var joinMachine = createMachine2({
           target: "#join.choosingIdentity.acceptingHaloInvitation",
           actions: "log"
         },
+        {
+          cond: "initiallyRecoveringIdentity",
+          target: "#join.choosingIdentity.recoveringIdentity",
+          actions: "log"
+        },
         {
           cond: "noSelectedIdentity",
           target: "choosingIdentity",
@@ -2395,6 +2553,7 @@ var joinMachine = createMachine2({
         }
       ]
     },
+    // TODO(wittjosiah): Remove.
     choosingIdentity: {
       initial: "unknownAuthMethod",
       states: {
@@ -2447,6 +2606,7 @@ var joinMachine = createMachine2({
         }
       }
     },
+    // TODO(wittjosiah): Factor out to a machine handling recovery and device invitations.
     resettingIdentity: {},
     acceptingSpaceInvitation: acceptingInvitationTemplate("Space", "#join.finishingJoiningSpace"),
     finishingJoiningSpace: {
@@ -2467,6 +2627,7 @@ var joinMachine = createMachine2({
     existingIdentity: ({ identity, mode }, _event) => mode === "halo-only" && !!identity,
     noSelectedIdentity: ({ identity }, _event) => !identity,
     initiallyAcceptingHaloInvitation: ({ identity, initialDisposition }, _event) => !identity && initialDisposition === "accept-halo-invitation",
+    initiallyRecoveringIdentity: ({ identity, initialDisposition }, _event) => !identity && initialDisposition === "recover-identity",
     hasHaloUnredeemedCode: ({ halo }, _event) => !!halo.unredeemedCode,
     noSpaceInvitation: ({ space }, _event) => !space.invitation && !space.unredeemedCode
   },
@@ -2523,8 +2684,8 @@ var joinMachine = createMachine2({
         haloInvitation: context.halo.invitation,
         spaceInvitation: context.space.invitation
       }, {
-        F: __dxlog_file6,
-        L: 416,
+        F: __dxlog_file7,
+        L: 425,
         S: void 0,
         C: (f, a) => f(...a)
       });
@@ -2537,8 +2698,8 @@ var defaultCodeFromUrl = (invitationType, text) => {
     return searchParams.get(`${invitationType}InvitationCode`) ?? searchParams.get(`${invitationType}Invitation`) ?? searchParams.get("invitationCode") ?? searchParams.get("invitation") ?? text;
   } catch (err) {
     log7.catch(err, void 0, {
-      F: __dxlog_file6,
-      L: 443,
+      F: __dxlog_file7,
+      L: 452,
       S: void 0,
       C: (f, a) => f(...a)
     });
@@ -2558,8 +2719,8 @@ var useJoinMachine = (client, options) => {
         };
       } catch (err) {
         log7.error("Could not redeem device invitation code", err, {
-          F: __dxlog_file6,
-          L: 464,
+          F: __dxlog_file7,
+          L: 473,
           S: void 0,
           C: (f, a) => f(...a)
         });
@@ -2583,8 +2744,8 @@ var useJoinMachine = (client, options) => {
         };
       } catch (err) {
         log7.error("Could not redeem space invitation code", err, {
-          F: __dxlog_file6,
-          L: 486,
+          F: __dxlog_file7,
+          L: 495,
           S: void 0,
           C: (f, a) => f(...a)
         });
@@ -2689,8 +2850,6 @@ var AdditionMethodChooser = (viewStateProps) => {
     "data-testid": "identity-chooser.join-identity"
   }, t("join identity label")), /* @__PURE__ */ React31.createElement(CompoundButton, {
     ...sharedButtonProps,
-    // TODO(mykola): Implement recover.
-    disabled: true,
     description: t("recover identity description"),
     before: /* @__PURE__ */ React31.createElement(Textbox, {
       className: getSize15(6)
@@ -2747,34 +2906,53 @@ var IdentityAdded = (props) => {
 };
 
 // packages/sdk/shell/src/panels/JoinPanel/steps/IdentityInput.tsx
-import React33, { useState as useState9 } from "react";
+import React33, { useState as useState10 } from "react";
 import { log as log8 } from "@dxos/log";
-import { useClient as useClient5 } from "@dxos/react-client";
+import { useClient as useClient7 } from "@dxos/react-client";
 import { useTranslation as useTranslation18 } from "@dxos/react-ui";
-var __dxlog_file7 = "/home/runner/work/dxos/dxos/packages/sdk/shell/src/panels/JoinPanel/steps/IdentityInput.tsx";
+var __dxlog_file8 = "/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 = useClient7();
   const { t } = useTranslation18("os");
-  const [validationMessage, setValidationMessage] = useState9("");
-  const createIdentity = (displayName) => {
-    void client.halo.createIdentity({
-      [isRecover ? "seedphrase" : "displayName"]: displayName
-    }).then((identity) => {
-      send?.({
-        type: "selectIdentity",
-        identity
+  const [validationMessage, setValidationMessage] = useState10("");
+  const createIdentity = (value) => {
+    if (isRecover) {
+      void client.halo.recoverIdentity({
+        seedphrase: value
+      }).then((identity) => {
+        send?.({
+          type: "selectIdentity",
+          identity
+        });
+      }, (error) => {
+        log8.catch(error, void 0, {
+          F: __dxlog_file8,
+          L: 38,
+          S: void 0,
+          C: (f, a) => f(...a)
+        });
+        setValidationMessage(t("failed to recover identity message"));
       });
-    }, (error) => {
-      log8.catch(error, void 0, {
-        F: __dxlog_file7,
-        L: 37,
-        S: void 0,
-        C: (f, a) => f(...a)
+    } else {
+      void client.halo.createIdentity({
+        displayName: value
+      }).then((identity) => {
+        send?.({
+          type: "selectIdentity",
+          identity
+        });
+      }, (error) => {
+        log8.catch(error, void 0, {
+          F: __dxlog_file8,
+          L: 48,
+          S: void 0,
+          C: (f, a) => f(...a)
+        });
+        setValidationMessage(t("failed to create identity message"));
       });
-      setValidationMessage(t(isRecover ? "failed to recover identity message" : "failed to create identity message"));
-    });
+    }
   };
   return /* @__PURE__ */ React33.createElement(IdentityInputImpl, {
     ...props,
@@ -2786,7 +2964,7 @@ var IdentityInputImpl = (props) => {
   const { method, send, active, onDisplayNameConfirm, validationMessage } = props;
   const disabled = !active;
   const { t } = useTranslation18("os");
-  const [inputValue, setInputValue] = useState9("");
+  const [inputValue, setInputValue] = useState10("");
   const isRecover = method === "recover identity";
   return /* @__PURE__ */ React33.createElement(React33.Fragment, null, /* @__PURE__ */ React33.createElement("div", {
     role: "none",
@@ -2816,30 +2994,12 @@ var IdentityInputImpl = (props) => {
 // packages/sdk/shell/src/panels/JoinPanel/steps/InvitationAccepted.tsx
 import React34, { cloneElement as cloneElement3 } from "react";
 import { useTranslation as useTranslation19 } from "@dxos/react-ui";
-var InvitationAccepted = (props) => {
-  const { active, Kind, doneActionParent, onDone } = props;
-  const disabled = !active;
-  const { t } = useTranslation19("os");
-  const doneAction = /* @__PURE__ */ React34.createElement(Action, {
-    variant: "primary",
-    onClick: onDone,
-    disabled,
-    "data-autofocus": `success${Kind}Invitation finishingJoining${Kind}`,
-    "data-testid": `${Kind.toLowerCase()}-invitation-accepted-done`
-  }, t("done label"));
-  return /* @__PURE__ */ React34.createElement(React34.Fragment, null, /* @__PURE__ */ React34.createElement("div", {
-    role: "none",
-    className: "grow flex flex-col justify-center"
-  }, /* @__PURE__ */ React34.createElement("p", {
-    className: "text-center text-sm font-normal"
-  }, t("welcome message"))), /* @__PURE__ */ React34.createElement(Actions, null, doneActionParent ? /* @__PURE__ */ cloneElement3(doneActionParent, {}, doneAction) : doneAction));
-};
 
 // packages/sdk/shell/src/panels/JoinPanel/steps/InvitationInput.tsx
-import React35, { useState as useState10, useEffect as useEffect4, cloneElement as cloneElement4 } from "react";
+import React35, { useState as useState11, useEffect as useEffect5, cloneElement as cloneElement4 } from "react";
 import { log as log9 } from "@dxos/log";
 import { useTranslation as useTranslation20 } from "@dxos/react-ui";
-var __dxlog_file8 = "/home/runner/work/dxos/dxos/packages/sdk/shell/src/panels/JoinPanel/steps/InvitationInput.tsx";
+var __dxlog_file9 = "/home/runner/work/dxos/dxos/packages/sdk/shell/src/panels/JoinPanel/steps/InvitationInput.tsx";
 var invitationCodeFromUrl = (text) => {
   try {
     const searchParams = new URLSearchParams(text.substring(text.lastIndexOf("?")));
@@ -2847,7 +3007,7 @@ var invitationCodeFromUrl = (text) => {
     return invitation ?? text;
   } catch (err) {
     log9.catch(err, void 0, {
-      F: __dxlog_file8,
+      F: __dxlog_file9,
       L: 25,
       S: void 0,
       C: (f, a) => f(...a)
@@ -2859,8 +3019,8 @@ var InvitationInput = (props) => {
   const { Kind, active, send, unredeemedCode, onExit, exitActionParent, onDone, doneActionParent, succeededKeys } = props;
   const disabled = !active;
   const { t } = useTranslation20("os");
-  const [inputValue, setInputValue] = useState10(unredeemedCode ?? "");
-  useEffect4(() => {
+  const [inputValue, setInputValue] = useState11(unredeemedCode ?? "");
+  useEffect5(() => {
     unredeemedCode && setInputValue(unredeemedCode ?? "");
   }, [
     unredeemedCode
@@ -2900,16 +3060,9 @@ var InvitationInput = (props) => {
     "data-autofocus": `inputting${Kind}InvitationCode`,
     "data-testid": `${Kind.toLowerCase()}-invitation-input`,
     onKeyUp: ({ key }) => key === "Enter" && handleNext()
-  })), /* @__PURE__ */ React35.createElement(Actions, null, Kind === "Halo" ? /* @__PURE__ */ React35.createElement(Action, {
-    variant: "ghost",
-    disabled,
-    onClick: () => send({
-      type: "deselectAuthMethod"
-    }),
-    "data-testid": `${Kind.toLowerCase()}-invitation-input-back`
-  }, t("back label")) : exitActionParent ? /* @__PURE__ */ cloneElement4(exitActionParent, {}, exitAction) : doneActionParent ? /* @__PURE__ */ cloneElement4(doneActionParent, {}, exitAction) : exitAction, /* @__PURE__ */ React35.createElement(Action, {
+  })), /* @__PURE__ */ React35.createElement(Actions, null, Kind === "Halo" ? null : exitActionParent ? /* @__PURE__ */ cloneElement4(exitActionParent, {}, exitAction) : doneActionParent ? /* @__PURE__ */ cloneElement4(doneActionParent, {}, exitAction) : exitAction, /* @__PURE__ */ React35.createElement(Action, {
     variant: "primary",
-    disabled,
+    disabled: disabled || inputValue.trim().length === 0,
     onClick: handleNext,
     "data-testid": `${Kind.toLowerCase()}-invitation-input-continue`
   }, t("continue label"))));
@@ -2978,15 +3131,17 @@ var InvitationRescuer = (props) => {
 };
 
 // packages/sdk/shell/src/panels/JoinPanel/steps/InvitationAuthenticator.tsx
-import React37, { useState as useState11 } from "react";
+import React37, { useState as useState12 } from "react";
+import { Invitation as Invitation6 } from "@dxos/react-client/invitations";
 import { Input as Input3, useTranslation as useTranslation22 } from "@dxos/react-ui";
+import { descriptionText as descriptionText11 } from "@dxos/react-ui-theme";
 import { hexToEmoji as hexToEmoji5 } from "@dxos/util";
 var pinLength = 6;
-var InvitationAuthenticator = ({ failed, Kind, active, pending, invitationId, onInvitationAuthenticate, onInvitationCancel }) => {
+var InvitationAuthenticator = ({ failed, Kind, authMethod, active, pending, invitationId, onInvitationAuthenticate, onInvitationCancel }) => {
   const disabled = !active || pending;
   const { t } = useTranslation22("os");
   const invitationType = Kind.toLowerCase();
-  const [authCode, setAuthCode] = useState11("");
+  const [authCode, setAuthCode] = useState12("");
   const onChange = ({ target: { value } }) => {
     setAuthCode(value);
     if (value.length === pinLength) {
@@ -3000,7 +3155,12 @@ var InvitationAuthenticator = ({ failed, Kind, active, pending, invitationId, on
     validationValence: "error"
   }, /* @__PURE__ */ React37.createElement(Input3.Label, {
     asChild: true
-  }, /* @__PURE__ */ React37.createElement(StepHeading, null, t("auth code input label"))), /* @__PURE__ */ React37.createElement(Input3.PinInput, {
+  }, authMethod === Invitation6.AuthMethod.SHARED_SECRET ? /* @__PURE__ */ React37.createElement(StepHeading, null, t("auth code input label")) : /* @__PURE__ */ React37.createElement(React37.Fragment, null, /* @__PURE__ */ React37.createElement(StepHeading, {
+    className: descriptionText11
+  }, t("authenticating label")), /* @__PURE__ */ React37.createElement("div", {
+    role: "none",
+    className: "grow"
+  }))), authMethod === Invitation6.AuthMethod.SHARED_SECRET && /* @__PURE__ */ React37.createElement(Input3.PinInput, {
     disabled,
     length: pinLength,
     onChange,
@@ -3013,7 +3173,7 @@ var InvitationAuthenticator = ({ failed, Kind, active, pending, invitationId, on
     "data-1p-ignore": true
   }), failed && /* @__PURE__ */ React37.createElement(Input3.DescriptionAndValidation, {
     classNames: "text-center"
-  }, /* @__PURE__ */ React37.createElement(Input3.Validation, null, t("failed to authenticate message")))), invitationId && /* @__PURE__ */ React37.createElement(React37.Fragment, null, /* @__PURE__ */ React37.createElement(Label, null, t("auth other device emoji message")), /* @__PURE__ */ React37.createElement("div", {
+  }, /* @__PURE__ */ React37.createElement(Input3.Validation, null, t("failed to authenticate message")))), invitationId && authMethod === Invitation6.AuthMethod.SHARED_SECRET && /* @__PURE__ */ React37.createElement(React37.Fragment, null, /* @__PURE__ */ React37.createElement(Label, null, t("auth other device emoji message")), /* @__PURE__ */ React37.createElement("div", {
     className: "flex justify-center"
   }, /* @__PURE__ */ React37.createElement(Emoji, {
     text: hexToEmoji5(invitationId)
@@ -3035,7 +3195,7 @@ var InvitationAuthenticator = ({ failed, Kind, active, pending, invitationId, on
 var stepStyles = "pbs-1 pbe-3 pli-3";
 
 // packages/sdk/shell/src/styles/invitationStatusStyles.ts
-import { Invitation as Invitation6 } from "@dxos/react-client/invitations";
+import { Invitation as Invitation7 } from "@dxos/react-client/invitations";
 var inactiveBgColor = "bg-neutral-100 dark:bg-neutral-600";
 var activeBgColor = "bg-primary-500 dark:bg-primary-400";
 var successBgColor = "bg-success-500 dark:bg-success-400";
@@ -3051,17 +3211,40 @@ var activeStrokeColor = "stroke-primary-400 dark:stroke-primary-150";
 var successStrokeColor = "stroke-success-300 dark:stroke-primary-400";
 var errorStrokeColor = "stroke-error-300 dark:stroke-error-500";
 var cancelledStrokeColor = "stroke-warning-300 dark:stroke-warning-500";
-var resolvedStrokeColor = (status) => status === Invitation6.State.ERROR ? errorStrokeColor : status === Invitation6.State.CANCELLED || status === Invitation6.State.TIMEOUT ? cancelledStrokeColor : successStrokeColor;
-var resolvedBgColor = (status) => status === Invitation6.State.ERROR ? errorBgColor : status === Invitation6.State.CANCELLED || status === Invitation6.State.TIMEOUT ? cancelledBgColor : successBgColor;
-var resolvedTextColor = (status) => status === Invitation6.State.ERROR ? errorTextColor : status === Invitation6.State.CANCELLED || status === Invitation6.State.TIMEOUT ? cancelledTextColor : successTextColor;
+var resolvedStrokeColor = (status) => status === Invitation7.State.ERROR ? errorStrokeColor : status === Invitation7.State.CANCELLED || status === Invitation7.State.TIMEOUT ? cancelledStrokeColor : successStrokeColor;
+var resolvedBgColor = (status) => status === Invitation7.State.ERROR ? errorBgColor : status === Invitation7.State.CANCELLED || status === Invitation7.State.TIMEOUT ? cancelledBgColor : successBgColor;
+var resolvedTextColor = (status) => status === Invitation7.State.ERROR ? errorTextColor : status === Invitation7.State.CANCELLED || status === Invitation7.State.TIMEOUT ? cancelledTextColor : successTextColor;
 
 // packages/sdk/shell/src/panels/JoinPanel/JoinPanel.tsx
-var __dxlog_file9 = "/home/runner/work/dxos/dxos/packages/sdk/shell/src/panels/JoinPanel/JoinPanel.tsx";
+var __dxlog_file10 = "/home/runner/work/dxos/dxos/packages/sdk/shell/src/panels/JoinPanel/JoinPanel.tsx";
 var JoinPanelImpl = (props) => {
-  const { titleId, send, activeView, failed, mode, unredeemedCodes, invitationIds, invitationStates, succeededKeys, failReasons, onExit, onHaloDone, onSpaceDone, exitActionParent, doneActionParent, onHaloInvitationCancel, onSpaceInvitationCancel, onHaloInvitationAuthenticate, onSpaceInvitationAuthenticate, onCancelResetStorage, onConfirmResetStorage, IdentityInput: IdentityInputComponent = IdentityInput, ConfirmReset: ConfirmResetComponent = ConfirmReset } = props;
-  return /* @__PURE__ */ React38.createElement(DensityProvider2, {
-    density: "fine"
-  }, mode !== "halo-only" && /* @__PURE__ */ React38.createElement(JoinHeading, {
+  const {
+    titleId,
+    send,
+    activeView,
+    failed,
+    mode,
+    unredeemedCodes,
+    invitationIds,
+    invitationStates,
+    invitationAuthMethods,
+    succeededKeys,
+    failReasons,
+    onExit,
+    onHaloDone,
+    // onSpaceDone,
+    exitActionParent,
+    doneActionParent,
+    onHaloInvitationCancel,
+    onSpaceInvitationCancel,
+    onHaloInvitationAuthenticate,
+    onSpaceInvitationAuthenticate,
+    onCancelResetStorage,
+    onConfirmResetStorage,
+    IdentityInput: IdentityInputComponent = IdentityInput,
+    ConfirmReset: ConfirmResetComponent = ConfirmReset
+  } = props;
+  return /* @__PURE__ */ React38.createElement(React38.Fragment, null, mode !== "halo-only" && /* @__PURE__ */ React38.createElement(JoinHeading, {
     titleId,
     mode,
     onExit,
@@ -3127,21 +3310,13 @@ var JoinPanelImpl = (props) => {
     send,
     Kind: "Halo",
     invitationId: invitationIds?.Halo,
+    authMethod: invitationAuthMethods?.Halo,
     active: activeView === "halo invitation authenticator",
     onInvitationCancel: onHaloInvitationCancel,
     onInvitationAuthenticate: onHaloInvitationAuthenticate,
     ...failed.has("Halo") && {
       failed: true
     }
-  })), /* @__PURE__ */ React38.createElement(Viewport.View, {
-    classNames: stepStyles,
-    id: "halo invitation accepted"
-  }, /* @__PURE__ */ React38.createElement(InvitationAccepted, {
-    send,
-    Kind: "Halo",
-    active: activeView === "halo invitation accepted",
-    doneActionParent,
-    onDone: onHaloDone
   })), /* @__PURE__ */ React38.createElement(Viewport.View, {
     classNames: stepStyles,
     id: "identity added"
@@ -3183,25 +3358,17 @@ var JoinPanelImpl = (props) => {
     send,
     Kind: "Space",
     invitationId: invitationIds?.Space,
+    authMethod: invitationAuthMethods?.Space,
     active: activeView === "space invitation authenticator",
     onInvitationCancel: onSpaceInvitationCancel,
     onInvitationAuthenticate: onSpaceInvitationAuthenticate,
     ...failed.has("Space") && {
       failed: true
     }
-  })), /* @__PURE__ */ React38.createElement(Viewport.View, {
-    classNames: stepStyles,
-    id: "space invitation accepted"
-  }, /* @__PURE__ */ React38.createElement(InvitationAccepted, {
-    send,
-    Kind: "Space",
-    active: activeView === "space invitation accepted",
-    doneActionParent,
-    onDone: onSpaceDone
   })))));
 };
 var JoinPanel = ({ titleId: propsTitleId, mode = "default", initialDisposition = "default", initialInvitationCode, exitActionParent, onExit, doneActionParent, onDone: propsOnDone, onCancelResetStorage }) => {
-  const client = useClient6();
+  const client = useClient8();
   const identity = useIdentity2();
   const { hasIosKeyboard } = useThemeContext5();
   const titleId = useId8("joinPanel__heading", propsTitleId);
@@ -3217,11 +3384,11 @@ var JoinPanel = ({ titleId: propsTitleId, mode = "default", initialDisposition =
       }
     }
   });
-  useEffect5(() => {
+  useEffect6(() => {
     const subscription = joinService.subscribe((state) => {
       log10("[state]", state, {
-        F: __dxlog_file9,
-        L: 208,
+        F: __dxlog_file10,
+        L: 210,
         S: void 0,
         C: (f, a) => f(...a)
       });
@@ -3230,7 +3397,7 @@ var JoinPanel = ({ titleId: propsTitleId, mode = "default", initialDisposition =
   }, [
     joinService
   ]);
-  useEffect5(() => {
+  useEffect6(() => {
     const stateStack = joinState.configuration[0].id.split(".");
     const innermostState = stateStack[stateStack.length - 1];
     const autoFocusValue = innermostState === "finishingJoining" ? "successSpaceInvitation" : innermostState;
@@ -3363,6 +3530,18 @@ var JoinPanel = ({ titleId: propsTitleId, mode = "default", initialDisposition =
   }, [
     joinState
   ]);
+  useEffect6(() => {
+    switch (activeView) {
+      case "halo invitation accepted":
+        onHaloDone();
+        break;
+      case "space invitation accepted":
+        onSpaceDone();
+        break;
+    }
+  }, [
+    activeView
+  ]);
   const failed = useMemo4(() => {
     const result = /* @__PURE__ */ new Set();
     switch (true) {
@@ -3405,6 +3584,12 @@ var JoinPanel = ({ titleId: propsTitleId, mode = "default", initialDisposition =
   }), [
     joinState
   ]);
+  const invitationAuthMethods = useMemo4(() => ({
+    Halo: joinState.context.halo.invitationObservable?.get().authMethod,
+    Space: joinState.context.space.invitationObservable?.get().authMethod
+  }), [
+    joinState
+  ]);
   const invitationIds = useMemo4(() => ({
     Halo: joinState.context.halo.invitationObservable?.get().invitationId,
     Space: joinState.context.space.invitationObservable?.get().invitationId
@@ -3461,6 +3646,7 @@ var JoinPanel = ({ titleId: propsTitleId, mode = "default", initialDisposition =
     unredeemedCodes,
     invitationIds,
     invitationStates,
+    invitationAuthMethods,
     succeededKeys,
     identity,
     onExit,
@@ -3489,16 +3675,16 @@ var JoinPanel = ({ titleId: propsTitleId, mode = "default", initialDisposition =
 
 // packages/sdk/shell/src/panels/SpacePanel/SpacePanel.tsx
 import { Planet } from "@phosphor-icons/react";
-import React40, { useEffect as useEffect6, useMemo as useMemo5 } from "react";
+import React40, { useEffect as useEffect7, useMemo as useMemo5 } from "react";
 import { log as log13 } from "@dxos/log";
 import { useInvitationStatus as useInvitationStatus3 } from "@dxos/react-client/invitations";
-import { DensityProvider as DensityProvider3, useId as useId9, useTranslation as useTranslation24 } from "@dxos/react-ui";
+import { useId as useId9, useTranslation as useTranslation24 } from "@dxos/react-ui";
 
 // packages/sdk/shell/src/panels/SpacePanel/spaceMachine.ts
 import { useMachine as useMachine3 } from "@xstate/react";
 import { assign as assign3, createMachine as createMachine3 } from "xstate";
 import { log as log11 } from "@dxos/log";
-var __dxlog_file10 = "/home/runner/work/dxos/dxos/packages/sdk/shell/src/panels/SpacePanel/spaceMachine.ts";
+var __dxlog_file11 = "/home/runner/work/dxos/dxos/packages/sdk/shell/src/panels/SpacePanel/spaceMachine.ts";
 var spaceMachine = createMachine3({
   id: "space",
   predictableActionArguments: true,
@@ -3539,7 +3725,7 @@ var spaceMachine = createMachine3({
         event,
         context
       }, {
-        F: __dxlog_file10,
+        F: __dxlog_file11,
         L: 53,
         S: void 0,
         C: (f, a) => f(...a)
@@ -3558,23 +3744,23 @@ var useSpaceMachine = (options) => {
 
 // packages/sdk/shell/src/panels/SpacePanel/steps/SpaceManager.tsx
 import { Placeholder as Placeholder2, UserPlus, UsersThree } from "@phosphor-icons/react";
-import React39, { useCallback as useCallback7, useState as useState12 } from "react";
+import React39, { useCallback as useCallback7, useState as useState13 } from "react";
 import { log as log12 } from "@dxos/log";
 import { useConfig } from "@dxos/react-client";
 import { useSpaceInvitations as useSpaceInvitations2 } from "@dxos/react-client/echo";
-import { Invitation as Invitation7, InvitationEncoder as InvitationEncoder4 } from "@dxos/react-client/invitations";
+import { Invitation as Invitation8, InvitationEncoder as InvitationEncoder4 } from "@dxos/react-client/invitations";
 import { ScrollArea, useTranslation as useTranslation23 } from "@dxos/react-ui";
-import { descriptionText as descriptionText11, mx as mx24 } from "@dxos/react-ui-theme";
-var __dxlog_file11 = "/home/runner/work/dxos/dxos/packages/sdk/shell/src/panels/SpacePanel/steps/SpaceManager.tsx";
+import { descriptionText as descriptionText12, mx as mx24 } from "@dxos/react-ui-theme";
+var __dxlog_file12 = "/home/runner/work/dxos/dxos/packages/sdk/shell/src/panels/SpacePanel/steps/SpaceManager.tsx";
 var activeActionKey = "dxos:react-shell/space-manager/active-action";
 var handleInvitationEvent = (invitation, subscription) => {
   const invitationCode = InvitationEncoder4.encode(invitation);
-  if (invitation.state === Invitation7.State.CONNECTING) {
+  if (invitation.state === Invitation8.State.CONNECTING) {
     log12.info(JSON.stringify({
       invitationCode,
       authCode: invitation.authCode
     }), void 0, {
-      F: __dxlog_file11,
+      F: __dxlog_file12,
       L: 40,
       S: void 0,
       C: (f, a) => f(...a)
@@ -3594,8 +3780,8 @@ var SpaceManager = (props) => {
       icon: UserPlus,
       onClick: useCallback7(() => {
         const invitation = space.share?.({
-          type: Invitation7.Type.INTERACTIVE,
-          authMethod: Invitation7.AuthMethod.SHARED_SECRET,
+          type: Invitation8.Type.INTERACTIVE,
+          authMethod: Invitation8.AuthMethod.SHARED_SECRET,
           multiUse: false,
           target
         });
@@ -3612,8 +3798,8 @@ var SpaceManager = (props) => {
       icon: UsersThree,
       onClick: useCallback7(() => {
         const invitation = space.share?.({
-          type: Invitation7.Type.DELEGATED,
-          authMethod: Invitation7.AuthMethod.KNOWN_PUBLIC_KEY,
+          type: Invitation8.Type.DELEGATED,
+          authMethod: Invitation8.AuthMethod.KNOWN_PUBLIC_KEY,
           multiUse: true,
           target
         });
@@ -3644,20 +3830,20 @@ var SpaceManagerImpl = (props) => {
       }
     }
   };
-  const [activeAction, setInternalActiveAction] = useState12(localStorage.getItem(activeActionKey) ?? "inviteOne");
+  const [activeAction, setInternalActiveAction] = useState13(localStorage.getItem(activeActionKey) ?? "inviteOne");
   const setActiveAction = (nextAction) => {
     setInternalActiveAction(nextAction);
     localStorage.setItem(activeActionKey, nextAction);
   };
   const visibleInvitations = showInactiveInvitations ? invitations : invitations?.filter((invitation) => ![
-    Invitation7.State.CANCELLED
+    Invitation8.State.CANCELLED
   ].includes(invitation.get().state));
   return /* @__PURE__ */ React39.createElement(React39.Fragment, null, /* @__PURE__ */ React39.createElement(ScrollArea.Root, {
     classNames: "grow shrink basis-28 -mli-2"
   }, /* @__PURE__ */ React39.createElement(ScrollArea.Viewport, {
     classNames: "is-full pie-2"
   }, !!visibleInvitations?.length && /* @__PURE__ */ React39.createElement(React39.Fragment, null, /* @__PURE__ */ React39.createElement("h3", {
-    className: mx24(headingFragment, descriptionText11)
+    className: mx24(headingFragment, descriptionText12)
   }, t("invitation list heading")), /* @__PURE__ */ React39.createElement(InvitationListComponent, {
     className: "mb-2",
     send,
@@ -3665,7 +3851,7 @@ var SpaceManagerImpl = (props) => {
     onClickRemove: (invitation) => invitation.cancel(),
     createInvitationUrl
   }), /* @__PURE__ */ React39.createElement("h3", {
-    className: mx24(headingFragment, descriptionText11, "mbs-2")
+    className: mx24(headingFragment, descriptionText12, "mbs-2")
   }, t("space member list heading"))), /* @__PURE__ */ React39.createElement(SpaceMemberListComponent, {
     spaceKey: space.key,
     includeSelf: true
@@ -3681,7 +3867,7 @@ var SpaceManagerImpl = (props) => {
 };
 
 // packages/sdk/shell/src/panels/SpacePanel/SpacePanel.tsx
-var __dxlog_file12 = "/home/runner/work/dxos/dxos/packages/sdk/shell/src/panels/SpacePanel/SpacePanel.tsx";
+var __dxlog_file13 = "/home/runner/work/dxos/dxos/packages/sdk/shell/src/panels/SpacePanel/SpacePanel.tsx";
 var SpacePanelHeading = ({ titleId, space, onDone }) => {
   const { t } = useTranslation24("os");
   const name = space.properties.name;
@@ -3704,9 +3890,7 @@ var SpacePanelHeading = ({ titleId, space, onDone }) => {
 };
 var SpacePanelImpl = (props) => {
   const { titleId, activeView, space, target, SpaceManager: SpaceManagerComponent = SpaceManager, InvitationManager: InvitationManagerComponent = InvitationManager, ...rest } = props;
-  return /* @__PURE__ */ React40.createElement(DensityProvider3, {
-    density: "fine"
-  }, /* @__PURE__ */ React40.createElement(SpacePanelHeading, {
+  return /* @__PURE__ */ React40.createElement(React40.Fragment, null, /* @__PURE__ */ React40.createElement(SpacePanelHeading, {
     ...rest,
     titleId,
     space
@@ -3744,10 +3928,10 @@ var SpacePanel = ({ titleId: propsTitleId, createInvitationUrl = (code) => code,
       space: props.space
     }
   });
-  useEffect6(() => {
+  useEffect7(() => {
     const subscription = spaceService.subscribe((state) => {
       log13("[state]", state, {
-        F: __dxlog_file12,
+        F: __dxlog_file13,
         L: 94,
         S: void 0,
         C: (f, a) => f(...a)
@@ -3858,9 +4042,9 @@ import { defaultTx } from "@dxos/react-ui-theme";
 import { createIFramePort } from "@dxos/rpc-tunnel";
 
 // packages/sdk/shell/src/composites/Shell/Shell.tsx
-import React46, { useEffect as useEffect7, useState as useState13 } from "react";
+import React46, { useEffect as useEffect8, useState as useState14 } from "react";
 import { log as log14 } from "@dxos/log";
-import { useClient as useClient7 } from "@dxos/react-client";
+import { useClient as useClient9 } from "@dxos/react-client";
 import { ShellDisplay, ShellLayout } from "@dxos/react-client";
 import { useSpace as useSpace2 } from "@dxos/react-client/echo";
 
@@ -3898,22 +4082,22 @@ var StatusDialog = () => {
 };
 
 // packages/sdk/shell/src/composites/Shell/Shell.tsx
-var __dxlog_file13 = "/home/runner/work/dxos/dxos/packages/sdk/shell/src/composites/Shell/Shell.tsx";
+var __dxlog_file14 = "/home/runner/work/dxos/dxos/packages/sdk/shell/src/composites/Shell/Shell.tsx";
 var blurActiveElement = () => document.activeElement?.blur?.();
 var Shell = ({ runtime }) => {
-  const [{ layout, invitationCode, spaceKey, spaceId, target }, setLayout] = useState13({
+  const [{ layout, invitationCode, spaceKey, spaceId, target }, setLayout] = useState14({
     layout: runtime.layout,
     invitationCode: runtime.invitationCode,
     spaceKey: runtime.spaceKey,
     spaceId: runtime.spaceId,
     target: runtime.target
   });
-  const [{ invitationUrl, deviceInvitationParam, spaceInvitationParam }, setInvitationUrl] = useState13({
+  const [{ invitationUrl, deviceInvitationParam, spaceInvitationParam }, setInvitationUrl] = useState14({
     invitationUrl: runtime.invitationUrl,
     deviceInvitationParam: runtime.deviceInvitationParam,
     spaceInvitationParam: runtime.spaceInvitationParam
   });
-  const client = useClient7();
+  const client = useClient9();
   const space = useSpace2(spaceId ?? spaceKey);
   const createDeviceInvitationUrl = (invitationCode2) => {
     const baseUrl = new URL(invitationUrl);
@@ -3925,7 +4109,7 @@ var Shell = ({ runtime }) => {
     baseUrl.searchParams.set(spaceInvitationParam, invitationCode2);
     return baseUrl.toString();
   };
-  useEffect7(() => {
+  useEffect8(() => {
     const unsubscribeLayout = runtime.layoutUpdate.on((request) => setLayout(request));
     const unsubscribeInvitationUrl = runtime.invitationUrlUpdate.on((request) => setInvitationUrl(request));
     return () => {
@@ -3935,10 +4119,10 @@ var Shell = ({ runtime }) => {
   }, [
     runtime
   ]);
-  useEffect7(() => {
+  useEffect8(() => {
     if (layout === ShellLayout.SPACE && !space) {
       log14.warn("No space found for shell space invitations.", void 0, {
-        F: __dxlog_file13,
+        F: __dxlog_file14,
         L: 67,
         S: void 0,
         C: (f, a) => f(...a)
@@ -3963,16 +4147,17 @@ var Shell = ({ runtime }) => {
       return /* @__PURE__ */ React46.createElement(StatusDialog, null);
     case ShellLayout.INITIALIZE_IDENTITY:
     case ShellLayout.INITIALIZE_IDENTITY_FROM_INVITATION:
+    case ShellLayout.INITIALIZE_IDENTITY_FROM_RECOVERY:
       return /* @__PURE__ */ React46.createElement(JoinDialog, {
         mode: "halo-only",
-        initialDisposition: layout === ShellLayout.INITIALIZE_IDENTITY_FROM_INVITATION ? "accept-halo-invitation" : "default",
+        initialDisposition: layout === ShellLayout.INITIALIZE_IDENTITY_FROM_RECOVERY ? "recover-identity" : layout === ShellLayout.INITIALIZE_IDENTITY_FROM_INVITATION ? "accept-halo-invitation" : "default",
         initialInvitationCode: invitationCode,
         onCancelResetStorage: () => runtime.setLayout({
           layout: ShellLayout.IDENTITY
         }),
-        onDone: () => {
+        onDone: async () => {
           blurActiveElement();
-          void runtime.setAppContext({
+          await runtime.setAppContext({
             display: ShellDisplay.NONE
           });
           runtime.setLayout({
@@ -3995,13 +4180,26 @@ var Shell = ({ runtime }) => {
             reset: true
           });
         },
+        onRecover: async () => {
+          runtime.setLayout({
+            layout: ShellLayout.STATUS
+          });
+          await client.reset();
+          return runtime.setAppContext({
+            display: ShellDisplay.NONE,
+            reset: true,
+            target: "recoverIdentity"
+          });
+        },
         onJoinNewIdentity: async () => {
           runtime.setLayout({
             layout: ShellLayout.STATUS
           });
           await client.reset();
-          return runtime.setLayout({
-            layout: ShellLayout.INITIALIZE_IDENTITY_FROM_INVITATION
+          return runtime.setAppContext({
+            display: ShellDisplay.NONE,
+            reset: true,
+            target: "deviceInvitation"
           });
         },
         onDone: async () => {
@@ -4063,10 +4261,10 @@ var Shell = ({ runtime }) => {
 // packages/sdk/shell/src/composites/Shell/shell-runtime.ts
 import { Event } from "@dxos/async";
 import { appServiceBundle, shellServiceBundle } from "@dxos/client-protocol";
-import { invariant as invariant2 } from "@dxos/invariant";
+import { invariant as invariant4 } from "@dxos/invariant";
 import { ShellLayout as ShellLayout2 } from "@dxos/protocols/proto/dxos/iframe";
 import { createProtoRpcPeer } from "@dxos/rpc";
-var __dxlog_file14 = "/home/runner/work/dxos/dxos/packages/sdk/shell/src/composites/Shell/shell-runtime.ts";
+var __dxlog_file15 = "/home/runner/work/dxos/dxos/packages/sdk/shell/src/composites/Shell/shell-runtime.ts";
 var ShellRuntimeImpl = class {
   constructor(_port) {
     this._port = _port;
@@ -4122,8 +4320,8 @@ var ShellRuntimeImpl = class {
     });
   }
   async setAppContext(context) {
-    invariant2(this._appRpc, "runtime not open", {
-      F: __dxlog_file14,
+    invariant4(this._appRpc, "runtime not open", {
+      F: __dxlog_file15,
       L: 83,
       S: this,
       A: [
@@ -4201,7 +4399,7 @@ var os = {
   "recover identity input label": "Type or paste your seed phrase",
   "failed to create identity message": "Failed to create an identity.",
   "failed to recover identity message": "Failed to recover an identity from the provided seed phrase.",
-  "failed to authenticate message": "Incorrect PIN.",
+  "failed to authenticate message": "Incorrect code.",
   "identity added label": "Created identity & added to this device:",
   "join space as identity heading": "<part>as </part><part><icon/><label>{{labelValue}}</label></part>",
   "error status label": "Failed",
@@ -4209,8 +4407,8 @@ var os = {
   "cancelled status label": "Cancelled",
   "init status label": "Ready to connect",
   "connecting status label": "Connecting\u2026",
-  "connected status label": "Enter confirmation PIN",
-  "authenticating status label": "Enter confirmation PIN",
+  "connected status label": "Enter authentication code",
+  "authenticating status label": "Enter authentication code",
   "success status label": "Success",
   "cancel label": "Cancel",
   "done label": "Done",
@@ -4313,7 +4511,10 @@ var os = {
   "destroying agent label": "Stopping agent\u2026",
   "getting agent label": "Checking agent status\u2026",
   "agent requested label": "Agent requested",
-  "agent requested description": "The agent service is creating an agent for you. Once the agent connects, it will display in the devices list."
+  "agent requested description": "The agent service is creating an agent for you. Once the agent connects, it will display in the devices list.",
+  "authenticating label": "Authenticating\u2026",
+  "create recovery code label": "Create recovery code",
+  "choose recover identity label": "Recover identity"
 };
 
 // packages/sdk/shell/src/translations/index.ts
@@ -4338,7 +4539,8 @@ var runShell = async (config = new Config()) => {
       ]
     }, /* @__PURE__ */ React47.createElement(ClientProvider, {
       config,
-      services
+      services,
+      noBanner: true
     }, /* @__PURE__ */ React47.createElement(ClipboardProvider, null, /* @__PURE__ */ React47.createElement(Tooltip8.Provider, null, /* @__PURE__ */ React47.createElement(AgentHostingProvider, null, /* @__PURE__ */ React47.createElement(Shell, {
       runtime
     }))))))));
@@ -4370,8 +4572,8 @@ var Fallback = ({ onClose }) => {
 };
 
 // packages/sdk/shell/src/composites/Shell/ShellContext.tsx
-import React48, { createContext as createContext2, useCallback as useCallback8, useContext as useContext2, useEffect as useEffect8, useMemo as useMemo6, useState as useState14 } from "react";
-import { useClient as useClient8, ShellDisplay as ShellDisplay3, ShellLayout as ShellLayout4 } from "@dxos/react-client";
+import React48, { createContext as createContext2, useCallback as useCallback8, useContext as useContext2, useEffect as useEffect9, useMemo as useMemo6, useState as useState15 } from "react";
+import { useClient as useClient10, ShellDisplay as ShellDisplay3, ShellLayout as ShellLayout4 } from "@dxos/react-client";
 import { useIdentity as useIdentity3 } from "@dxos/react-client/halo";
 import { mx as mx25 } from "@dxos/react-ui-theme";
 
@@ -4428,7 +4630,7 @@ var MemoryShellRuntime = class {
 // packages/sdk/shell/src/composites/Shell/ShellContext.tsx
 var ShellContext = /* @__PURE__ */ createContext2({});
 var useShell = () => {
-  const client = useClient8();
+  const client = useClient10();
   const { runtime, setDisplay } = useContext2(ShellContext);
   const setLayout = async (layout, options) => {
     if (runtime) {
@@ -4449,9 +4651,9 @@ var useShell = () => {
   };
 };
 var ShellProvider = ({ space, deviceInvitationCode, spaceInvitationCode, onJoinedSpace, children }) => {
-  const client = useClient8();
+  const client = useClient10();
   const identity = useIdentity3();
-  const [display, setDisplay] = useState14(!identity || spaceInvitationCode || deviceInvitationCode ? ShellDisplay3.FULLSCREEN : ShellDisplay3.NONE);
+  const [display, setDisplay] = useState15(!identity || spaceInvitationCode || deviceInvitationCode ? ShellDisplay3.FULLSCREEN : ShellDisplay3.NONE);
   const shellRuntime = useMemo6(() => {
     if (client.config.get("runtime.app.env.DX_VAULT") !== "false") {
       return;
@@ -4498,7 +4700,7 @@ var ShellProvider = ({ space, deviceInvitationCode, spaceInvitationCode, onJoine
     space,
     shellRuntime
   ]);
-  useEffect8(() => {
+  useEffect9(() => {
     if (!shellRuntime) {
       return;
     }
@@ -4508,7 +4710,7 @@ var ShellProvider = ({ space, deviceInvitationCode, spaceInvitationCode, onJoine
     shellRuntime,
     handleKeyDown
   ]);
-  useEffect8(() => {
+  useEffect9(() => {
     if (!shellRuntime) {
       return;
     }