@dxos/shell 0.6.14-staging.e15392e → 0.7.1-staging.599df14

package/dist/lib/browser/react.mjs

@@ -576,7 +576,7 @@ import React9, { forwardRef as forwardRef2 } from "react";
 import { generateName as generateName2 } from "@dxos/display-name";
 import { Device, DeviceType, DeviceKind } from "@dxos/react-client/halo";
 import { ConnectionState } from "@dxos/react-client/mesh";
-import { ListItem as ListItem2, Avatar as Avatar3, useId as useId3, Tag, useTranslation as useTranslation6, DropdownMenu as DropdownMenu2, Button as Button5, Tooltip as Tooltip5 } from "@dxos/react-ui";
+import { ListItem as ListItem2, Avatar as Avatar3, useId as useId3, Tag, useTranslation as useTranslation6, DropdownMenu as DropdownMenu2, Button as Button5 } from "@dxos/react-ui";
 import { getSize as getSize5 } from "@dxos/react-ui-theme";
 import { keyToFallback as keyToFallback2 } from "@dxos/util";
 var iconProps = {
@@ -586,7 +586,7 @@ var iconProps = {
   x: 8,
   y: 8
 };
-var DeviceListItem = /* @__PURE__ */ forwardRef2(({ device, onClickAdd, onClickEdit, onClickReset, onClickRecover, 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");
@@ -620,21 +620,7 @@ var DeviceListItem = /* @__PURE__ */ forwardRef2(({ device, onClickAdd, onClickE
     classNames: "flex-1 text-sm truncate"
   }, displayName), isCurrent && /* @__PURE__ */ React9.createElement(Tag, {
     color: "primary"
-  }, t("current device tag label")), device.profile?.type === DeviceType.AGENT_MANAGED ? /* @__PURE__ */ React9.createElement(Tooltip5.Root, null, /* @__PURE__ */ React9.createElement(Tooltip5.Trigger, {
-    asChild: true
-  }, /* @__PURE__ */ React9.createElement(Button5, {
-    variant: "ghost",
-    classNames: "pli-0 is-[--rail-action] bs-[--rail-action]",
-    "data-testid": "agent.destroy",
-    onClick: onAgentDestroy
-  }, /* @__PURE__ */ React9.createElement("span", {
-    className: "sr-only"
-  }, t("destroy agent label")), /* @__PURE__ */ React9.createElement(Power2, {
-    className: getSize5(5)
-  }))), /* @__PURE__ */ React9.createElement(Tooltip5.Portal, null, /* @__PURE__ */ React9.createElement(Tooltip5.Content, {
-    side: "bottom",
-    classNames: "z-50"
-  }, t("destroy agent label")))) : device.kind === DeviceKind.CURRENT && /* @__PURE__ */ React9.createElement(DropdownMenu2.Root, null, /* @__PURE__ */ React9.createElement(DropdownMenu2.Trigger, {
+  }, t("current device tag label")), device.kind === DeviceKind.CURRENT && /* @__PURE__ */ React9.createElement(DropdownMenu2.Root, null, /* @__PURE__ */ React9.createElement(DropdownMenu2.Trigger, {
     asChild: true
   }, /* @__PURE__ */ React9.createElement(Button5, {
     variant: "ghost",
@@ -702,7 +688,7 @@ import { X } from "@phosphor-icons/react";
 import { formatDistanceToNow } from "date-fns";
 import React12, { useCallback as useCallback2 } from "react";
 import { Invitation, useInvitationStatus } from "@dxos/react-client/invitations";
-import { Button as Button7, ListItem as ListItem3, useTranslation as useTranslation8, Avatar as Avatar4, useThemeContext as useThemeContext4, Tooltip as Tooltip6 } from "@dxos/react-ui";
+import { Button as Button7, ListItem as ListItem3, useTranslation as useTranslation8, Avatar as Avatar4, useThemeContext as useThemeContext4, Tooltip as Tooltip5 } from "@dxos/react-ui";
 import { focusRing, getSize as getSize7, mx as mx9 } from "@dxos/react-ui-theme";
 import { hexToEmoji } from "@dxos/util";
 
@@ -833,11 +819,11 @@ var InvitationListItemImpl = ({ invitation, invitationStatus: propsInvitationSta
     status: avatarStatus,
     animation: avatarAnimation,
     reverseEffects
-  }), /* @__PURE__ */ React12.createElement(Tooltip6.Root, null, /* @__PURE__ */ React12.createElement(Avatar4.Root, {
+  }), /* @__PURE__ */ React12.createElement(Tooltip5.Root, null, /* @__PURE__ */ React12.createElement(Avatar4.Root, {
     ...avatarProps,
     animation: avatarAnimation,
     status: avatarStatus
-  }, /* @__PURE__ */ React12.createElement(Tooltip6.Trigger, {
+  }, /* @__PURE__ */ React12.createElement(Tooltip5.Trigger, {
     asChild: true
   }, /* @__PURE__ */ React12.createElement(Avatar4.Frame, {
     tabIndex: 0,
@@ -847,10 +833,10 @@ var InvitationListItemImpl = ({ invitation, invitationStatus: propsInvitationSta
     ]
   }, /* @__PURE__ */ React12.createElement(Avatar4.Fallback, {
     text: hexToEmoji(invitationId)
-  })))), /* @__PURE__ */ React12.createElement(Tooltip6.Portal, null, /* @__PURE__ */ React12.createElement(Tooltip6.Content, {
+  })))), /* @__PURE__ */ React12.createElement(Tooltip5.Portal, null, /* @__PURE__ */ React12.createElement(Tooltip5.Content, {
     side: "left",
     classNames: "z-[70]"
-  }, t(multiUse ? "invite many qr label" : "invite one qr label"), /* @__PURE__ */ React12.createElement(Tooltip6.Arrow, null)))), showShare && invitationUrl ? /* @__PURE__ */ React12.createElement(Tooltip6.Root, null, /* @__PURE__ */ React12.createElement(React12.Fragment, null, /* @__PURE__ */ React12.createElement(Tooltip6.Trigger, {
+  }, t(multiUse ? "invite many qr label" : "invite one qr label"), /* @__PURE__ */ React12.createElement(Tooltip5.Arrow, null)))), showShare && invitationUrl ? /* @__PURE__ */ React12.createElement(Tooltip5.Root, null, /* @__PURE__ */ React12.createElement(React12.Fragment, null, /* @__PURE__ */ React12.createElement(Tooltip5.Trigger, {
     asChild: true
   }, /* @__PURE__ */ React12.createElement(Button7, {
     variant: "ghost",
@@ -863,7 +849,7 @@ var InvitationListItemImpl = ({ invitation, invitationStatus: propsInvitationSta
   }, /* @__PURE__ */ React12.createElement("span", null, t("open share panel label")))), /* @__PURE__ */ React12.createElement(CopyButtonIconOnly, {
     variant: "ghost",
     value: invitationUrl
-  })), /* @__PURE__ */ React12.createElement(Tooltip6.Portal, null, /* @__PURE__ */ React12.createElement(Tooltip6.Content, {
+  })), /* @__PURE__ */ React12.createElement(Tooltip5.Portal, null, /* @__PURE__ */ React12.createElement(Tooltip5.Content, {
     side: "left",
     classNames: "z-[70]"
   }, invitationHasLifetime && /* @__PURE__ */ React12.createElement("span", null, "Expires ", invitationTimeLeft)))) : showAuthCode ? /* @__PURE__ */ React12.createElement(AuthCode, {
@@ -960,7 +946,8 @@ var defaultActions = {
   }
 };
 var BifurcatedAction = /* @__PURE__ */ forwardRef3((props, forwardedRef) => {
-  const { classNames, variant, isFull = true, actions = defaultActions, activeAction: propsActiveAction, onChangeActiveAction, defaultActiveAction, ...rest } = props;
+  const { classNames, variant, isFull = true, actions = defaultActions, activeAction: propsActiveAction, onChangeActiveAction, defaultActiveAction, "data-testid": testId, ...rest } = props;
+  const dropdownTestId = testId && `${testId}.more`;
   const [activeActionKey2 = Object.keys(actions)[0], setActiveAction] = useControllableState3({
     prop: propsActiveAction,
     onChange: onChangeActiveAction,
@@ -979,6 +966,7 @@ var BifurcatedAction = /* @__PURE__ */ forwardRef3((props, forwardedRef) => {
     ],
     ref: forwardedRef,
     variant,
+    "data-testid": testId,
     onClick: activeAction.onClick
   }, activeAction.icon && /* @__PURE__ */ React15.createElement(activeAction.icon, {
     className: getSize8(5)
@@ -988,19 +976,21 @@ var BifurcatedAction = /* @__PURE__ */ forwardRef3((props, forwardedRef) => {
     classNames: [
       "bs-11 flex-none rounded-is-none",
       classNames
-    ]
+    ],
+    "data-testid": dropdownTestId
   }, /* @__PURE__ */ React15.createElement("span", {
     className: "sr-only"
   }, t("invite options label")), /* @__PURE__ */ React15.createElement(CaretDown3, {
     className: getSize8(4)
-  }))), /* @__PURE__ */ React15.createElement(DropdownMenu3.Content, null, /* @__PURE__ */ React15.createElement(DropdownMenu3.Viewport, null, Object.entries(actions).map(([id, action]) => {
+  }))), /* @__PURE__ */ React15.createElement(DropdownMenu3.Portal, null, /* @__PURE__ */ React15.createElement(DropdownMenu3.Content, null, /* @__PURE__ */ React15.createElement(DropdownMenu3.Viewport, null, Object.entries(actions).map(([id, action]) => {
     return /* @__PURE__ */ React15.createElement(DropdownMenu3.CheckboxItem, {
       key: id,
       "aria-labelledby": `${id}__label`,
       "aria-describedby": `${id}__description`,
       checked: activeActionKey2 === id,
       onCheckedChange: (checked) => checked && setActiveAction(id),
-      classNames: "gap-2"
+      classNames: "gap-2",
+      "data-testid": action.testId
     }, action.icon && /* @__PURE__ */ React15.createElement(action.icon, {
       className: getSize8(5)
     }), /* @__PURE__ */ React15.createElement("div", {
@@ -1017,7 +1007,7 @@ var BifurcatedAction = /* @__PURE__ */ forwardRef3((props, forwardedRef) => {
       weight: "bold",
       className: getSize8(4)
     })));
-  })), /* @__PURE__ */ React15.createElement(DropdownMenu3.Arrow, null))));
+  })), /* @__PURE__ */ React15.createElement(DropdownMenu3.Arrow, null)))));
 });
 var Action = /* @__PURE__ */ forwardRef3((props, forwardedRef) => {
   const { children, classNames, variant, isFull = true, ...rest } = props;
@@ -1247,12 +1237,12 @@ import { FirstAidKit as FirstAidKit2, Key, Plugs, PlugsConnected } from "@phosph
 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 { log as log7 } from "@dxos/log";
 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, 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 Tooltip6, 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";
 
@@ -1420,7 +1410,7 @@ var IdentityActionChooser = (props) => {
   });
 };
 var IdentityActionChooserImpl = ({ devices, connectionState, agentHostingEnabled, onClickAdd, onClickJoinExisting, onClickRecover, onClickReset, ...agentProps }) => {
-  const managedDeviceAvailable = devices.find((device) => device.profile?.type === DeviceType2.AGENT_MANAGED);
+  const edgeDeviceAvailable = devices.find((device) => device.profile?.type === DeviceType2.AGENT_MANAGED && device.profile?.os?.toUpperCase() === "EDGE");
   return /* @__PURE__ */ React25.createElement("div", {
     role: "none",
     className: "bs-40 grow overflow-y-auto overflow-x-hidden"
@@ -1429,10 +1419,10 @@ var IdentityActionChooserImpl = ({ devices, connectionState, agentHostingEnabled
     connectionState,
     onClickAdd,
     onClickJoinExisting,
-    onClickRecover,
+    onClickRecover: agentProps.agentStatus === "created" ? onClickRecover : void 0,
     onClickReset,
     onAgentDestroy: agentProps.onAgentDestroy
-  }), !managedDeviceAvailable && agentHostingEnabled && /* @__PURE__ */ React25.createElement(AgentConfig, agentProps));
+  }), !edgeDeviceAvailable && agentHostingEnabled && /* @__PURE__ */ React25.createElement(AgentConfig, agentProps));
 };
 
 // packages/sdk/shell/src/panels/IdentityPanel/steps/ProfileForm.tsx
@@ -1447,7 +1437,9 @@ 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 { 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 }) => {
@@ -1484,7 +1476,7 @@ var useEdgeAgentHandlers = ({ identity }) => {
   const onAgentCreate = async () => {
     invariant(identity, "Identity not found", {
       F: __dxlog_file3,
-      L: 56,
+      L: 59,
       S: void 0,
       A: [
         "identity",
@@ -1505,9 +1497,18 @@ var useEdgeAgentHandlers = ({ identity }) => {
     setAgentStatus("creating");
     setValidationMessage("");
     try {
-      await service.createAgent();
+      await service.createAgent(null, {
+        timeout: 7500
+      });
+      await Promise.all(client.spaces.get().map((space) => space?.internal.setEdgeReplicationPreference(EdgeReplicationSetting.ENABLED)));
       setAgentStatus("created");
     } catch (err) {
+      log4.catch(err, void 0, {
+        F: __dxlog_file3,
+        L: 82,
+        S: void 0,
+        C: (f, a) => f(...a)
+      });
       setAgentStatus("error");
       setValidationMessage(`Error creating an agent: ${err.message}`);
     }
@@ -1532,7 +1533,7 @@ var useEdgeAgentHandlers = ({ identity }) => {
 // 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 { log as log5 } 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";
@@ -1621,7 +1622,7 @@ var useKubeAgentHandlers = ({ invitations, identity }) => {
   const handleAgentCreate = useCallback4(async (invitation) => {
     const invitationCode = InvitationEncoder2.encode(invitation);
     if (invitation.state === Invitation3.State.CONNECTING) {
-      log4.info(JSON.stringify({
+      log5.info(JSON.stringify({
         invitationCode,
         authCode: invitation.authCode
       }), void 0, {
@@ -1798,7 +1799,7 @@ 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 useState8 } from "react";
-import { log as log5 } from "@dxos/log";
+import { log as log6 } 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_file5 = "/home/runner/work/dxos/dxos/packages/sdk/shell/src/steps/ConfirmReset.tsx";
@@ -1809,7 +1810,7 @@ var ConfirmReset = ({ active, onCancel, onConfirm, mode }) => {
   const processReset = async () => {
     setPending(true);
     return onConfirm?.().then(() => setPending(false), (error) => {
-      log5.catch(error, void 0, {
+      log6.catch(error, void 0, {
         F: __dxlog_file5,
         L: 38,
         S: void 0,
@@ -1870,7 +1871,7 @@ var __dxlog_file6 = "/home/runner/work/dxos/dxos/packages/sdk/shell/src/panels/I
 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");
@@ -1903,7 +1904,7 @@ var IdentityHeading = ({ titleId, title, identity, onDone, onUpdateProfile, conn
   const handleRecoveryCode = async () => {
     invariant3(client.services.services.IdentityService, "IdentityService not available", {
       F: __dxlog_file6,
-      L: 76,
+      L: 77,
       S: void 0,
       A: [
         "client.services.services.IdentityService",
@@ -1914,7 +1915,6 @@ var IdentityHeading = ({ titleId, title, identity, onDone, onUpdateProfile, conn
     void setTextValue(seedphrase);
   };
   const isConnected = connectionState === ConnectionState2.ONLINE;
-  const isProduction = client.config.values.runtime?.app?.env?.DX_ENVIRONMENT === "production";
   return /* @__PURE__ */ React29.createElement(Heading, {
     titleId,
     title,
@@ -1958,7 +1958,7 @@ var IdentityHeading = ({ titleId, title, identity, onDone, onUpdateProfile, conn
     hue,
     onChangeHue: setHue,
     classNames: "bs-[--rail-action]"
-  }), /* @__PURE__ */ React29.createElement(Tooltip7.Root, null, /* @__PURE__ */ React29.createElement(Tooltip7.Trigger, {
+  }), /* @__PURE__ */ React29.createElement(Tooltip6.Root, null, /* @__PURE__ */ React29.createElement(Tooltip6.Trigger, {
     asChild: true
   }, /* @__PURE__ */ React29.createElement(Toolbar3.Button, {
     classNames: "bs-[--rail-action]",
@@ -1968,20 +1968,20 @@ var IdentityHeading = ({ titleId, title, identity, onDone, onUpdateProfile, conn
     className: "sr-only"
   }, 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, {
+  }))), /* @__PURE__ */ React29.createElement(Tooltip6.Portal, null, /* @__PURE__ */ React29.createElement(Tooltip6.Content, {
     side: "bottom",
     classNames: "z-50"
-  }, 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, {
+  }, t(publicKeyCopied ? "copy success label" : "copy self public key label"), /* @__PURE__ */ React29.createElement(Tooltip6.Arrow, null)))), !hideRecover && /* @__PURE__ */ React29.createElement(Tooltip6.Root, null, /* @__PURE__ */ React29.createElement(Tooltip6.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, {
+  }))), /* @__PURE__ */ React29.createElement(Tooltip6.Portal, null, /* @__PURE__ */ React29.createElement(Tooltip6.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, {
+  }, t("create recovery code label"), /* @__PURE__ */ React29.createElement(Tooltip6.Arrow, null)))), /* @__PURE__ */ React29.createElement(Tooltip6.Root, null, /* @__PURE__ */ React29.createElement(Tooltip6.Trigger, {
     asChild: true
   }, /* @__PURE__ */ React29.createElement(Toolbar3.Button, {
     classNames: [
@@ -1995,10 +1995,10 @@ var IdentityHeading = ({ titleId, title, identity, onDone, onUpdateProfile, conn
     className: getSize13(5)
   }) : /* @__PURE__ */ React29.createElement(Plugs, {
     className: getSize13(5)
-  }))), /* @__PURE__ */ React29.createElement(Tooltip7.Portal, null, /* @__PURE__ */ React29.createElement(Tooltip7.Content, {
+  }))), /* @__PURE__ */ React29.createElement(Tooltip6.Portal, null, /* @__PURE__ */ React29.createElement(Tooltip6.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(Tooltip6.Arrow, null)))))));
 };
 var IdentityPanelImpl = (props) => {
   const { identity, titleId, activeView, onUpdateProfile, onResetStorage, onRecover, onJoinNewIdentity, IdentityActionChooser: IdentityActionChooserComponent = IdentityActionChooser, InvitationManager: InvitationManagerComponent = InvitationManager, connectionState, onChangeConnectionState, onDone, ...rest } = props;
@@ -2015,10 +2015,12 @@ var IdentityPanelImpl = (props) => {
     t
   ]);
   const onCancelReset = () => rest.send?.("unchooseAction");
+  const hideRecover = rest.agentStatus !== "created";
   return /* @__PURE__ */ React29.createElement(React29.Fragment, null, /* @__PURE__ */ React29.createElement(IdentityHeading, {
     identity,
     titleId,
     title,
+    hideRecover,
     onDone,
     onUpdateProfile,
     connectionState,
@@ -2086,9 +2088,9 @@ var IdentityPanel = ({ titleId: propsTitleId, createInvitationUrl = (code) => co
     invitations
   });
   if (!identity) {
-    log6.error("IdentityPanel rendered with no active identity.", void 0, {
+    log7.error("IdentityPanel rendered with no active identity.", void 0, {
       F: __dxlog_file6,
-      L: 278,
+      L: 288,
       S: void 0,
       C: (f, a) => f(...a)
     });
@@ -2103,9 +2105,9 @@ var IdentityPanel = ({ titleId: propsTitleId, createInvitationUrl = (code) => co
   const handleChangeConnectionState = async (nextState) => client?.mesh.updateConfig(nextState);
   useEffect4(() => {
     const subscription = identityService.subscribe((state) => {
-      log6("[state]", state, {
+      log7("[state]", state, {
         F: __dxlog_file6,
-        L: 291,
+        L: 301,
         S: void 0,
         C: (f, a) => f(...a)
       });
@@ -2159,7 +2161,7 @@ var IdentityPanel = ({ titleId: propsTitleId, createInvitationUrl = (code) => co
 
 // packages/sdk/shell/src/panels/JoinPanel/JoinPanel.tsx
 import React38, { useCallback as useCallback6, useEffect as useEffect6, useMemo as useMemo4 } from "react";
-import { log as log10 } from "@dxos/log";
+import { log as log11 } from "@dxos/log";
 import { useClient as useClient8, useMulticastObservable } from "@dxos/react-client";
 import { useIdentity as useIdentity2 } from "@dxos/react-client/halo";
 import { useId as useId8, useThemeContext as useThemeContext5 } from "@dxos/react-ui";
@@ -2201,12 +2203,12 @@ var JoinHeading = /* @__PURE__ */ forwardRef9(({ mode, titleId, exitActionParent
 import { useMachine as useMachine2 } from "@xstate/react";
 import { useCallback as useCallback5 } from "react";
 import { assign as assign2, createMachine as createMachine2 } from "xstate";
-import { log as log7 } from "@dxos/log";
+import { log as log8 } from "@dxos/log";
 import { AlreadyJoinedError } from "@dxos/react-client";
 import { Invitation as Invitation5, InvitationEncoder as InvitationEncoder3 } from "@dxos/react-client/invitations";
 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, {
+  log8("[subscribing to invitation]", invitation, {
     F: __dxlog_file7,
     L: 90,
     S: void 0,
@@ -2216,7 +2218,7 @@ var getInvitationSubscribable = (Kind, invitation) => {
     subscribe: (next, onError, complete) => invitation.subscribe((invitation2) => {
       switch (invitation2.state) {
         case Invitation5.State.CONNECTING: {
-          log7("[invitation connecting]", {
+          log8("[invitation connecting]", {
             Kind,
             invitation: invitation2
           }, {
@@ -2231,7 +2233,7 @@ var getInvitationSubscribable = (Kind, invitation) => {
           });
         }
         case Invitation5.State.CONNECTED: {
-          log7("[invitation connected]", {
+          log8("[invitation connected]", {
             Kind,
             invitation: invitation2
           }, {
@@ -2246,7 +2248,7 @@ var getInvitationSubscribable = (Kind, invitation) => {
           });
         }
         case Invitation5.State.READY_FOR_AUTHENTICATION: {
-          log7("[invitation ready for authentication]", {
+          log8("[invitation ready for authentication]", {
             Kind,
             invitation: invitation2
           }, {
@@ -2261,7 +2263,7 @@ var getInvitationSubscribable = (Kind, invitation) => {
           });
         }
         case Invitation5.State.AUTHENTICATING: {
-          log7("[invitation authenticating]", {
+          log8("[invitation authenticating]", {
             Kind,
             invitation: invitation2
           }, {
@@ -2276,7 +2278,7 @@ var getInvitationSubscribable = (Kind, invitation) => {
           });
         }
         case Invitation5.State.SUCCESS: {
-          log7("[invitation success]", {
+          log8("[invitation success]", {
             Kind,
             invitation: invitation2
           }, {
@@ -2292,7 +2294,7 @@ var getInvitationSubscribable = (Kind, invitation) => {
           return complete?.();
         }
         case Invitation5.State.CANCELLED: {
-          log7.warn("[invitation cancelled]", {
+          log8.warn("[invitation cancelled]", {
             Kind
           }, {
             F: __dxlog_file7,
@@ -2306,7 +2308,7 @@ var getInvitationSubscribable = (Kind, invitation) => {
           });
         }
         case Invitation5.State.TIMEOUT: {
-          log7.error("[invitation timeout]", {
+          log8.error("[invitation timeout]", {
             Kind
           }, {
             F: __dxlog_file7,
@@ -2322,7 +2324,7 @@ var getInvitationSubscribable = (Kind, invitation) => {
       }
     }, (error) => {
       if (error instanceof AlreadyJoinedError) {
-        log7("[already joined]", {
+        log8("[already joined]", {
           Kind,
           error
         }, {
@@ -2337,7 +2339,7 @@ var getInvitationSubscribable = (Kind, invitation) => {
         });
         return complete?.();
       }
-      log7.error("[invitation errored]", {
+      log8.error("[invitation errored]", {
         Kind,
         error
       }, {
@@ -2676,7 +2678,7 @@ var joinMachine = createMachine2({
       } : context.space
     }),
     log: (context, event) => {
-      log7("[transition]", {
+      log8("[transition]", {
         event,
         haloInvitation: context.halo.invitation,
         spaceInvitation: context.space.invitation
@@ -2694,7 +2696,7 @@ var defaultCodeFromUrl = (invitationType, text) => {
     const searchParams = new URLSearchParams(text.substring(text.lastIndexOf("?")));
     return searchParams.get(`${invitationType}InvitationCode`) ?? searchParams.get(`${invitationType}Invitation`) ?? searchParams.get("invitationCode") ?? searchParams.get("invitation") ?? text;
   } catch (err) {
-    log7.catch(err, void 0, {
+    log8.catch(err, void 0, {
       F: __dxlog_file7,
       L: 452,
       S: void 0,
@@ -2715,7 +2717,7 @@ var useJoinMachine = (client, options) => {
           invitationSubscribable: getInvitationSubscribable("Halo", invitationObservable)
         };
       } catch (err) {
-        log7.error("Could not redeem device invitation code", err, {
+        log8.error("Could not redeem device invitation code", err, {
           F: __dxlog_file7,
           L: 473,
           S: void 0,
@@ -2740,7 +2742,7 @@ var useJoinMachine = (client, options) => {
           invitationSubscribable: getInvitationSubscribable("Space", invitationObservable)
         };
       } catch (err) {
-        log7.error("Could not redeem space invitation code", err, {
+        log8.error("Could not redeem space invitation code", err, {
           F: __dxlog_file7,
           L: 495,
           S: void 0,
@@ -2904,7 +2906,7 @@ var IdentityAdded = (props) => {
 
 // packages/sdk/shell/src/panels/JoinPanel/steps/IdentityInput.tsx
 import React33, { useState as useState10 } from "react";
-import { log as log8 } from "@dxos/log";
+import { log as log9 } from "@dxos/log";
 import { useClient as useClient7 } from "@dxos/react-client";
 import { useTranslation as useTranslation18 } from "@dxos/react-ui";
 var __dxlog_file8 = "/home/runner/work/dxos/dxos/packages/sdk/shell/src/panels/JoinPanel/steps/IdentityInput.tsx";
@@ -2924,7 +2926,7 @@ var IdentityInput = (props) => {
           identity
         });
       }, (error) => {
-        log8.catch(error, void 0, {
+        log9.catch(error, void 0, {
           F: __dxlog_file8,
           L: 38,
           S: void 0,
@@ -2941,7 +2943,7 @@ var IdentityInput = (props) => {
           identity
         });
       }, (error) => {
-        log8.catch(error, void 0, {
+        log9.catch(error, void 0, {
           F: __dxlog_file8,
           L: 48,
           S: void 0,
@@ -2994,7 +2996,7 @@ import { useTranslation as useTranslation19 } from "@dxos/react-ui";
 
 // packages/sdk/shell/src/panels/JoinPanel/steps/InvitationInput.tsx
 import React35, { useState as useState11, useEffect as useEffect5, cloneElement as cloneElement4 } from "react";
-import { log as log9 } from "@dxos/log";
+import { log as log10 } from "@dxos/log";
 import { useTranslation as useTranslation20 } from "@dxos/react-ui";
 var __dxlog_file9 = "/home/runner/work/dxos/dxos/packages/sdk/shell/src/panels/JoinPanel/steps/InvitationInput.tsx";
 var invitationCodeFromUrl = (text) => {
@@ -3003,7 +3005,7 @@ var invitationCodeFromUrl = (text) => {
     const invitation = searchParams.get("spaceInvitationCode") ?? searchParams.get("deviceInvitationCode");
     return invitation ?? text;
   } catch (err) {
-    log9.catch(err, void 0, {
+    log10.catch(err, void 0, {
       F: __dxlog_file9,
       L: 25,
       S: void 0,
@@ -3383,7 +3385,7 @@ var JoinPanel = ({ titleId: propsTitleId, mode = "default", initialDisposition =
   });
   useEffect6(() => {
     const subscription = joinService.subscribe((state) => {
-      log10("[state]", state, {
+      log11("[state]", state, {
         F: __dxlog_file10,
         L: 210,
         S: void 0,
@@ -3673,14 +3675,14 @@ 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 useEffect7, useMemo as useMemo5 } from "react";
-import { log as log13 } from "@dxos/log";
+import { log as log14 } from "@dxos/log";
 import { useInvitationStatus as useInvitationStatus3 } from "@dxos/react-client/invitations";
 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";
+import { log as log12 } from "@dxos/log";
 var __dxlog_file11 = "/home/runner/work/dxos/dxos/packages/sdk/shell/src/panels/SpacePanel/spaceMachine.ts";
 var spaceMachine = createMachine3({
   id: "space",
@@ -3718,7 +3720,7 @@ var spaceMachine = createMachine3({
       invitation: () => void 0
     }),
     log: (context, event) => {
-      log11("[transition]", {
+      log12("[transition]", {
         event,
         context
       }, {
@@ -3742,7 +3744,7 @@ 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 useState13 } from "react";
-import { log as log12 } from "@dxos/log";
+import { log as log13 } from "@dxos/log";
 import { useConfig } from "@dxos/react-client";
 import { useSpaceInvitations as useSpaceInvitations2 } from "@dxos/react-client/echo";
 import { Invitation as Invitation8, InvitationEncoder as InvitationEncoder4 } from "@dxos/react-client/invitations";
@@ -3753,7 +3755,7 @@ var activeActionKey = "dxos:react-shell/space-manager/active-action";
 var handleInvitationEvent = (invitation, subscription) => {
   const invitationCode = InvitationEncoder4.encode(invitation);
   if (invitation.state === Invitation8.State.CONNECTING) {
-    log12.info(JSON.stringify({
+    log13.info(JSON.stringify({
       invitationCode,
       authCode: invitation.authCode
     }), void 0, {
@@ -3775,6 +3777,7 @@ var SpaceManager = (props) => {
       label: t("invite one label"),
       description: t("invite one description"),
       icon: UserPlus,
+      testId: "spaces-panel.invite-one",
       onClick: useCallback7(() => {
         const invitation = space.share?.({
           type: Invitation8.Type.INTERACTIVE,
@@ -3786,13 +3789,15 @@ var SpaceManager = (props) => {
           const subscription = invitation.subscribe((invitation2) => handleInvitationEvent(invitation2, subscription));
         }
       }, [
-        space
+        space,
+        target
       ])
     },
     inviteMany: {
       label: t("invite many label"),
       description: t("invite many description"),
       icon: UsersThree,
+      testId: "spaces-panel.invite-many",
       onClick: useCallback7(() => {
         const invitation = space.share?.({
           type: Invitation8.Type.DELEGATED,
@@ -3804,7 +3809,8 @@ var SpaceManager = (props) => {
           const subscription = invitation.subscribe((invitation2) => handleInvitationEvent(invitation2, subscription));
         }
       }, [
-        space
+        space,
+        target
       ])
     }
   };
@@ -3827,7 +3833,7 @@ var SpaceManagerImpl = (props) => {
       }
     }
   };
-  const [activeAction, setInternalActiveAction] = useState13(localStorage.getItem(activeActionKey) ?? "inviteOne");
+  const [activeAction, setInternalActiveAction] = useState13(localStorage.getItem(activeActionKey) ?? "inviteMany");
   const setActiveAction = (nextAction) => {
     setInternalActiveAction(nextAction);
     localStorage.setItem(activeActionKey, nextAction);
@@ -3886,8 +3892,8 @@ var SpacePanelHeading = ({ titleId, space, onDone }) => {
   }, name ?? space.key.truncate())));
 };
 var SpacePanelImpl = (props) => {
-  const { titleId, activeView, space, target, SpaceManager: SpaceManagerComponent = SpaceManager, InvitationManager: InvitationManagerComponent = InvitationManager, ...rest } = props;
-  return /* @__PURE__ */ React40.createElement(React40.Fragment, null, /* @__PURE__ */ React40.createElement(SpacePanelHeading, {
+  const { titleId, activeView, space, hideHeading, target, SpaceManager: SpaceManagerComponent = SpaceManager, InvitationManager: InvitationManagerComponent = InvitationManager, ...rest } = props;
+  return /* @__PURE__ */ React40.createElement(React40.Fragment, null, !hideHeading && /* @__PURE__ */ React40.createElement(SpacePanelHeading, {
     ...rest,
     titleId,
     space
@@ -3927,9 +3933,9 @@ var SpacePanel = ({ titleId: propsTitleId, createInvitationUrl = (code) => code,
   });
   useEffect7(() => {
     const subscription = spaceService.subscribe((state) => {
-      log13("[state]", state, {
+      log14("[state]", state, {
         F: __dxlog_file13,
-        L: 94,
+        L: 95,
         S: void 0,
         C: (f, a) => f(...a)
       });
@@ -4034,13 +4040,13 @@ import React47, { StrictMode } from "react";
 import { createRoot } from "react-dom/client";
 import { DEFAULT_CLIENT_CHANNEL, DEFAULT_SHELL_CHANNEL } from "@dxos/client-protocol";
 import { AgentHostingProvider, ClientProvider, ClientServicesProxy, Config, ShellDisplay as ShellDisplay2 } from "@dxos/react-client";
-import { Button as Button11, Dialog as Dialog3, ThemeProvider, Tooltip as Tooltip8, useTranslation as useTranslation26 } from "@dxos/react-ui";
+import { Button as Button11, Dialog as Dialog3, ThemeProvider, Tooltip as Tooltip7, useTranslation as useTranslation26 } from "@dxos/react-ui";
 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 useEffect8, useState as useState14 } from "react";
-import { log as log14 } from "@dxos/log";
+import { log as log15 } from "@dxos/log";
 import { useClient as useClient9 } from "@dxos/react-client";
 import { ShellDisplay, ShellLayout } from "@dxos/react-client";
 import { useSpace as useSpace2 } from "@dxos/react-client/echo";
@@ -4118,7 +4124,7 @@ var Shell = ({ runtime }) => {
   ]);
   useEffect8(() => {
     if (layout === ShellLayout.SPACE && !space) {
-      log14.warn("No space found for shell space invitations.", void 0, {
+      log15.warn("No space found for shell space invitations.", void 0, {
         F: __dxlog_file14,
         L: 67,
         S: void 0,
@@ -4538,7 +4544,7 @@ var runShell = async (config = new Config()) => {
       config,
       services,
       noBanner: true
-    }, /* @__PURE__ */ React47.createElement(ClipboardProvider, null, /* @__PURE__ */ React47.createElement(Tooltip8.Provider, null, /* @__PURE__ */ React47.createElement(AgentHostingProvider, null, /* @__PURE__ */ React47.createElement(Shell, {
+    }, /* @__PURE__ */ React47.createElement(ClipboardProvider, null, /* @__PURE__ */ React47.createElement(Tooltip7.Provider, null, /* @__PURE__ */ React47.createElement(AgentHostingProvider, null, /* @__PURE__ */ React47.createElement(Shell, {
       runtime
     }))))))));
   } catch {