@dxos/shell 0.6.14-main.7bd9c89 → 0.6.14-main.f49f251

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,9 +1243,10 @@ 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 { 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 useClient6 } from "@dxos/react-client";
 import { useIdentity, useDevices, useHaloInvitations as useHaloInvitations2 } from "@dxos/react-client/halo";
@@ -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,
+    onClickReset,
     onAgentDestroy: agentProps.onAgentDestroy
   }), !managedDeviceAvailable && agentHostingEnabled && /* @__PURE__ */ React25.createElement(AgentConfig, agentProps));
 };
@@ -1813,7 +1832,7 @@ var ConfirmResetImpl = ({ disabled, pending, validationMessage, onConfirm, onCan
   const { t } = useTranslation13("os");
   const confirmationValue = t("confirmation value");
   const [inputValue, setInputValue] = useState8("");
-  const testIdAffix = mode === "join new identity" ? "join-new-identity" : "reset-storage";
+  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"
@@ -1825,7 +1844,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,
@@ -1852,6 +1871,7 @@ 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 }) => {
+  const client = useClient6();
   const fallbackValue = keyToFallback3(identity.identityKey);
   const { t } = useTranslation14("os");
   const [displayName, setDisplayName] = useState9(identity.profile?.displayName ?? "");
@@ -1859,7 +1879,7 @@ var IdentityHeading = ({ titleId, title, identity, onDone, onUpdateProfile, conn
   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?.({
@@ -1880,8 +1900,21 @@ var IdentityHeading = ({ titleId, title, identity, onDone, onUpdateProfile, conn
       }
     });
   };
+  const handleRecoveryCode = async () => {
+    invariant3(client.services.services.IdentityService, "IdentityService not available", {
+      F: __dxlog_file6,
+      L: 76,
+      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;
+  const isProduction = client.config.values.runtime?.app?.env?.DX_ENVIRONMENT === "production";
   return /* @__PURE__ */ React29.createElement(Heading, {
     titleId,
     title,
@@ -1925,7 +1958,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]",
@@ -1933,12 +1966,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(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(publicKeyCopied ? "copy success label" : "copy self public key label"), /* @__PURE__ */ React29.createElement(Tooltip7.Arrow, null)))), !isProduction && /* @__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("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: [
@@ -1955,10 +1998,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) {
@@ -2005,6 +2048,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"
@@ -2036,7 +2088,7 @@ var IdentityPanel = ({ titleId: propsTitleId, createInvitationUrl = (code) => co
   if (!identity) {
     log6.error("IdentityPanel rendered with no active identity.", void 0, {
       F: __dxlog_file6,
-      L: 246,
+      L: 278,
       S: void 0,
       C: (f, a) => f(...a)
     });
@@ -2053,7 +2105,7 @@ var IdentityPanel = ({ titleId: propsTitleId, createInvitationUrl = (code) => co
     const subscription = identityService.subscribe((state) => {
       log6("[state]", state, {
         F: __dxlog_file6,
-        L: 259,
+        L: 291,
         S: void 0,
         C: (f, a) => f(...a)
       });
@@ -2070,6 +2122,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:
@@ -2480,6 +2534,11 @@ var joinMachine = createMachine2({
           target: "#join.choosingIdentity.acceptingHaloInvitation",
           actions: "log"
         },
+        {
+          cond: "initiallyRecoveringIdentity",
+          target: "#join.choosingIdentity.recoveringIdentity",
+          actions: "log"
+        },
         {
           cond: "noSelectedIdentity",
           target: "choosingIdentity",
@@ -2565,6 +2624,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
   },
@@ -2622,7 +2682,7 @@ var joinMachine = createMachine2({
         spaceInvitation: context.space.invitation
       }, {
         F: __dxlog_file7,
-        L: 418,
+        L: 425,
         S: void 0,
         C: (f, a) => f(...a)
       });
@@ -2636,7 +2696,7 @@ var defaultCodeFromUrl = (invitationType, text) => {
   } catch (err) {
     log7.catch(err, void 0, {
       F: __dxlog_file7,
-      L: 445,
+      L: 452,
       S: void 0,
       C: (f, a) => f(...a)
     });
@@ -2657,7 +2717,7 @@ var useJoinMachine = (client, options) => {
       } catch (err) {
         log7.error("Could not redeem device invitation code", err, {
           F: __dxlog_file7,
-          L: 466,
+          L: 473,
           S: void 0,
           C: (f, a) => f(...a)
         });
@@ -2682,7 +2742,7 @@ var useJoinMachine = (client, options) => {
       } catch (err) {
         log7.error("Could not redeem space invitation code", err, {
           F: __dxlog_file7,
-          L: 488,
+          L: 495,
           S: void 0,
           C: (f, a) => f(...a)
         });
@@ -2787,8 +2847,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)
@@ -2856,23 +2914,42 @@ var IdentityInput = (props) => {
   const client = useClient7();
   const { t } = useTranslation18("os");
   const [validationMessage, setValidationMessage] = useState10("");
-  const createIdentity = (displayName) => {
-    void client.halo.createIdentity({
-      [isRecover ? "seedphrase" : "displayName"]: displayName
-    }).then((identity) => {
-      send?.({
-        type: "selectIdentity",
-        identity
+  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_file8,
-        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,
@@ -4067,9 +4144,10 @@ 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
@@ -4099,6 +4177,17 @@ 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
@@ -4169,7 +4258,7 @@ 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 invariant3 } 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_file15 = "/home/runner/work/dxos/dxos/packages/sdk/shell/src/composites/Shell/shell-runtime.ts";
@@ -4228,7 +4317,7 @@ var ShellRuntimeImpl = class {
     });
   }
   async setAppContext(context) {
-    invariant3(this._appRpc, "runtime not open", {
+    invariant4(this._appRpc, "runtime not open", {
       F: __dxlog_file15,
       L: 83,
       S: this,
@@ -4420,7 +4509,9 @@ var os = {
   "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.",
-  "authenticating label": "Authenticating\u2026"
+  "authenticating label": "Authenticating\u2026",
+  "create recovery code label": "Create recovery code",
+  "choose recover identity label": "Recover identity"
 };
 
 // packages/sdk/shell/src/translations/index.ts