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

package/dist/lib/node/react.cjs

@@ -224,11 +224,13 @@ var import_util6 = require("@dxos/util");
 var import_react_client4 = require("@dxos/react-client");
 var import_react41 = require("react");
 var import_invariant2 = require("@dxos/invariant");
+var import_log5 = require("@dxos/log");
 var import_services = require("@dxos/protocols/proto/dxos/client/services");
+var import_metadata = require("@dxos/protocols/proto/dxos/echo/metadata");
 var import_react_client5 = require("@dxos/react-client");
 var import_react42 = require("react");
 var import_invariant3 = require("@dxos/invariant");
-var import_log5 = require("@dxos/log");
+var import_log6 = require("@dxos/log");
 var import_react_client6 = require("@dxos/react-client");
 var import_invitations4 = require("@dxos/react-client/invitations");
 var import_react43 = require("@phosphor-icons/react");
@@ -240,11 +242,11 @@ var import_util7 = require("@dxos/util");
 var import_invitations5 = require("@dxos/react-client/invitations");
 var import_react45 = require("@phosphor-icons/react");
 var import_react46 = __toESM(require("react"));
-var import_log6 = require("@dxos/log");
+var import_log7 = require("@dxos/log");
 var import_react_ui21 = require("@dxos/react-ui");
 var import_react_ui_theme24 = require("@dxos/react-ui-theme");
 var import_react47 = __toESM(require("react"));
-var import_log7 = require("@dxos/log");
+var import_log8 = require("@dxos/log");
 var import_react_client7 = require("@dxos/react-client");
 var import_halo4 = require("@dxos/react-client/halo");
 var import_react_ui22 = require("@dxos/react-ui");
@@ -255,7 +257,7 @@ var import_react_ui_theme25 = require("@dxos/react-ui-theme");
 var import_react50 = require("@xstate/react");
 var import_react51 = require("react");
 var import_xstate2 = require("xstate");
-var import_log8 = require("@dxos/log");
+var import_log9 = require("@dxos/log");
 var import_react_client8 = require("@dxos/react-client");
 var import_invitations6 = require("@dxos/react-client/invitations");
 var import_react52 = require("@phosphor-icons/react");
@@ -268,13 +270,13 @@ var import_react_ui25 = require("@dxos/react-ui");
 var import_react_ui_theme27 = require("@dxos/react-ui-theme");
 var import_util8 = require("@dxos/util");
 var import_react55 = __toESM(require("react"));
-var import_log9 = require("@dxos/log");
+var import_log10 = require("@dxos/log");
 var import_react_client9 = require("@dxos/react-client");
 var import_react_ui26 = require("@dxos/react-ui");
 var import_react56 = __toESM(require("react"));
 var import_react_ui27 = require("@dxos/react-ui");
 var import_react57 = __toESM(require("react"));
-var import_log10 = require("@dxos/log");
+var import_log11 = require("@dxos/log");
 var import_react_ui28 = require("@dxos/react-ui");
 var import_react58 = __toESM(require("react"));
 var import_react_ui29 = require("@dxos/react-ui");
@@ -287,15 +289,15 @@ var import_util9 = require("@dxos/util");
 var import_invitations8 = require("@dxos/react-client/invitations");
 var import_react60 = require("@phosphor-icons/react");
 var import_react61 = __toESM(require("react"));
-var import_log11 = require("@dxos/log");
+var import_log12 = require("@dxos/log");
 var import_invitations9 = require("@dxos/react-client/invitations");
 var import_react_ui31 = require("@dxos/react-ui");
 var import_react62 = require("@xstate/react");
 var import_xstate3 = require("xstate");
-var import_log12 = require("@dxos/log");
+var import_log13 = require("@dxos/log");
 var import_react63 = require("@phosphor-icons/react");
 var import_react64 = __toESM(require("react"));
-var import_log13 = require("@dxos/log");
+var import_log14 = require("@dxos/log");
 var import_react_client10 = require("@dxos/react-client");
 var import_echo4 = require("@dxos/react-client/echo");
 var import_invitations10 = require("@dxos/react-client/invitations");
@@ -313,7 +315,7 @@ var import_react_ui35 = require("@dxos/react-ui");
 var import_react_ui_theme31 = require("@dxos/react-ui-theme");
 var import_rpc_tunnel = require("@dxos/rpc-tunnel");
 var import_react68 = __toESM(require("react"));
-var import_log14 = require("@dxos/log");
+var import_log15 = require("@dxos/log");
 var import_react_client12 = require("@dxos/react-client");
 var import_react_client13 = require("@dxos/react-client");
 var import_echo5 = require("@dxos/react-client/echo");
@@ -848,7 +850,7 @@ var iconProps = {
   x: 8,
   y: 8
 };
-var DeviceListItem = /* @__PURE__ */ (0, import_react17.forwardRef)(({ device, onClickAdd, onClickEdit, onClickReset, onClickRecover, onClickJoinExisting, classNames, connectionState, onAgentDestroy, ...props }, forwardedRef) => {
+var DeviceListItem = /* @__PURE__ */ (0, import_react17.forwardRef)(({ device, onClickAdd, onClickEdit, onClickReset, onClickRecover, onClickJoinExisting, classNames, connectionState, onAgentDestroy: _, ...props }, forwardedRef) => {
   const { t } = (0, import_react_ui9.useTranslation)("os");
   const fallbackValue = (0, import_util2.keyToFallback)(device.deviceKey);
   const labelId = (0, import_react_ui9.useId)("identityListItem__label");
@@ -882,21 +884,7 @@ var DeviceListItem = /* @__PURE__ */ (0, import_react17.forwardRef)(({ device, o
     classNames: "flex-1 text-sm truncate"
   }, displayName), isCurrent && /* @__PURE__ */ import_react17.default.createElement(import_react_ui9.Tag, {
     color: "primary"
-  }, t("current device tag label")), device.profile?.type === import_halo.DeviceType.AGENT_MANAGED ? /* @__PURE__ */ import_react17.default.createElement(import_react_ui9.Tooltip.Root, null, /* @__PURE__ */ import_react17.default.createElement(import_react_ui9.Tooltip.Trigger, {
-    asChild: true
-  }, /* @__PURE__ */ import_react17.default.createElement(import_react_ui9.Button, {
-    variant: "ghost",
-    classNames: "pli-0 is-[--rail-action] bs-[--rail-action]",
-    "data-testid": "agent.destroy",
-    onClick: onAgentDestroy
-  }, /* @__PURE__ */ import_react17.default.createElement("span", {
-    className: "sr-only"
-  }, t("destroy agent label")), /* @__PURE__ */ import_react17.default.createElement(import_react16.Power, {
-    className: (0, import_react_ui_theme9.getSize)(5)
-  }))), /* @__PURE__ */ import_react17.default.createElement(import_react_ui9.Tooltip.Portal, null, /* @__PURE__ */ import_react17.default.createElement(import_react_ui9.Tooltip.Content, {
-    side: "bottom",
-    classNames: "z-50"
-  }, t("destroy agent label")))) : device.kind === import_halo.DeviceKind.CURRENT && /* @__PURE__ */ import_react17.default.createElement(import_react_ui9.DropdownMenu.Root, null, /* @__PURE__ */ import_react17.default.createElement(import_react_ui9.DropdownMenu.Trigger, {
+  }, t("current device tag label")), device.kind === import_halo.DeviceKind.CURRENT && /* @__PURE__ */ import_react17.default.createElement(import_react_ui9.DropdownMenu.Root, null, /* @__PURE__ */ import_react17.default.createElement(import_react_ui9.DropdownMenu.Trigger, {
     asChild: true
   }, /* @__PURE__ */ import_react17.default.createElement(import_react_ui9.Button, {
     variant: "ghost",
@@ -1187,7 +1175,8 @@ var defaultActions = {
   }
 };
 var BifurcatedAction = /* @__PURE__ */ (0, import_react24.forwardRef)((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] = (0, import_react_use_controllable_state3.useControllableState)({
     prop: propsActiveAction,
     onChange: onChangeActiveAction,
@@ -1206,6 +1195,7 @@ var BifurcatedAction = /* @__PURE__ */ (0, import_react24.forwardRef)((props, fo
     ],
     ref: forwardedRef,
     variant,
+    "data-testid": testId,
     onClick: activeAction.onClick
   }, activeAction.icon && /* @__PURE__ */ import_react24.default.createElement(activeAction.icon, {
     className: (0, import_react_ui_theme13.getSize)(5)
@@ -1215,19 +1205,21 @@ var BifurcatedAction = /* @__PURE__ */ (0, import_react24.forwardRef)((props, fo
     classNames: [
       "bs-11 flex-none rounded-is-none",
       classNames
-    ]
+    ],
+    "data-testid": dropdownTestId
   }, /* @__PURE__ */ import_react24.default.createElement("span", {
     className: "sr-only"
   }, t("invite options label")), /* @__PURE__ */ import_react24.default.createElement(import_react23.CaretDown, {
     className: (0, import_react_ui_theme13.getSize)(4)
-  }))), /* @__PURE__ */ import_react24.default.createElement(import_react_ui12.DropdownMenu.Content, null, /* @__PURE__ */ import_react24.default.createElement(import_react_ui12.DropdownMenu.Viewport, null, Object.entries(actions).map(([id, action]) => {
+  }))), /* @__PURE__ */ import_react24.default.createElement(import_react_ui12.DropdownMenu.Portal, null, /* @__PURE__ */ import_react24.default.createElement(import_react_ui12.DropdownMenu.Content, null, /* @__PURE__ */ import_react24.default.createElement(import_react_ui12.DropdownMenu.Viewport, null, Object.entries(actions).map(([id, action]) => {
     return /* @__PURE__ */ import_react24.default.createElement(import_react_ui12.DropdownMenu.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__ */ import_react24.default.createElement(action.icon, {
       className: (0, import_react_ui_theme13.getSize)(5)
     }), /* @__PURE__ */ import_react24.default.createElement("div", {
@@ -1244,7 +1236,7 @@ var BifurcatedAction = /* @__PURE__ */ (0, import_react24.forwardRef)((props, fo
       weight: "bold",
       className: (0, import_react_ui_theme13.getSize)(4)
     })));
-  })), /* @__PURE__ */ import_react24.default.createElement(import_react_ui12.DropdownMenu.Arrow, null))));
+  })), /* @__PURE__ */ import_react24.default.createElement(import_react_ui12.DropdownMenu.Arrow, null)))));
 });
 var Action = /* @__PURE__ */ (0, import_react24.forwardRef)((props, forwardedRef) => {
   const { children, classNames, variant, isFull = true, ...rest } = props;
@@ -1573,7 +1565,7 @@ var IdentityActionChooser = (props) => {
   });
 };
 var IdentityActionChooserImpl = ({ devices, connectionState, agentHostingEnabled, onClickAdd, onClickJoinExisting, onClickRecover, onClickReset, ...agentProps }) => {
-  const managedDeviceAvailable = devices.find((device) => device.profile?.type === import_halo3.DeviceType.AGENT_MANAGED);
+  const edgeDeviceAvailable = devices.find((device) => device.profile?.type === import_halo3.DeviceType.AGENT_MANAGED && device.profile?.os?.toUpperCase() === "EDGE");
   return /* @__PURE__ */ import_react39.default.createElement("div", {
     role: "none",
     className: "bs-40 grow overflow-y-auto overflow-x-hidden"
@@ -1582,10 +1574,10 @@ var IdentityActionChooserImpl = ({ devices, connectionState, agentHostingEnabled
     connectionState,
     onClickAdd,
     onClickJoinExisting,
-    onClickRecover,
+    onClickRecover: agentProps.agentStatus === "created" ? onClickRecover : void 0,
     onClickReset,
     onAgentDestroy: agentProps.onAgentDestroy
-  }), !managedDeviceAvailable && agentHostingEnabled && /* @__PURE__ */ import_react39.default.createElement(AgentConfig, agentProps));
+  }), !edgeDeviceAvailable && agentHostingEnabled && /* @__PURE__ */ import_react39.default.createElement(AgentConfig, agentProps));
 };
 var __dxlog_file3 = "/home/runner/work/dxos/dxos/packages/sdk/shell/src/panels/IdentityPanel/useEdgeAgentsHandlers.ts";
 var useEdgeAgentHandlers = ({ identity }) => {
@@ -1622,7 +1614,7 @@ var useEdgeAgentHandlers = ({ identity }) => {
   const onAgentCreate = async () => {
     (0, import_invariant2.invariant)(identity, "Identity not found", {
       F: __dxlog_file3,
-      L: 56,
+      L: 59,
       S: void 0,
       A: [
         "identity",
@@ -1643,9 +1635,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(import_metadata.EdgeReplicationSetting.ENABLED)));
       setAgentStatus("created");
     } catch (err) {
+      import_log5.log.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}`);
     }
@@ -1752,7 +1753,7 @@ var useKubeAgentHandlers = ({ invitations, identity }) => {
   const handleAgentCreate = (0, import_react42.useCallback)(async (invitation) => {
     const invitationCode = import_invitations4.InvitationEncoder.encode(invitation);
     if (invitation.state === import_invitations4.Invitation.State.CONNECTING) {
-      import_log5.log.info(JSON.stringify({
+      import_log6.log.info(JSON.stringify({
         invitationCode,
         authCode: invitation.authCode
       }), void 0, {
@@ -1918,7 +1919,7 @@ var ConfirmReset = ({ active, onCancel, onConfirm, mode }) => {
   const processReset = async () => {
     setPending(true);
     return onConfirm?.().then(() => setPending(false), (error) => {
-      import_log6.log.catch(error, void 0, {
+      import_log7.log.catch(error, void 0, {
         F: __dxlog_file5,
         L: 38,
         S: void 0,
@@ -1977,7 +1978,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 || (0, import_util5.hexToHue)(identity?.identityKey.toHex() ?? "0");
 var getEmojiValue = (identity) => identity?.profile?.data?.emoji || (0, import_util5.hexToEmoji)(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 = (0, import_react_client2.useClient)();
   const fallbackValue = (0, import_util5.keyToFallback)(identity.identityKey);
   const { t } = (0, import_react_ui18.useTranslation)("os");
@@ -2010,7 +2011,7 @@ var IdentityHeading = ({ titleId, title, identity, onDone, onUpdateProfile, conn
   const handleRecoveryCode = async () => {
     (0, import_invariant.invariant)(client.services.services.IdentityService, "IdentityService not available", {
       F: __dxlog_file6,
-      L: 76,
+      L: 77,
       S: void 0,
       A: [
         "client.services.services.IdentityService",
@@ -2021,7 +2022,6 @@ var IdentityHeading = ({ titleId, title, identity, onDone, onUpdateProfile, conn
     void setTextValue(seedphrase);
   };
   const isConnected = connectionState === import_mesh2.ConnectionState.ONLINE;
-  const isProduction = client.config.values.runtime?.app?.env?.DX_ENVIRONMENT === "production";
   return /* @__PURE__ */ import_react37.default.createElement(Heading, {
     titleId,
     title,
@@ -2078,7 +2078,7 @@ var IdentityHeading = ({ titleId, title, identity, onDone, onUpdateProfile, conn
   }))), /* @__PURE__ */ import_react37.default.createElement(import_react_ui18.Tooltip.Portal, null, /* @__PURE__ */ import_react37.default.createElement(import_react_ui18.Tooltip.Content, {
     side: "bottom",
     classNames: "z-50"
-  }, t(publicKeyCopied ? "copy success label" : "copy self public key label"), /* @__PURE__ */ import_react37.default.createElement(import_react_ui18.Tooltip.Arrow, null)))), !isProduction && /* @__PURE__ */ import_react37.default.createElement(import_react_ui18.Tooltip.Root, null, /* @__PURE__ */ import_react37.default.createElement(import_react_ui18.Tooltip.Trigger, {
+  }, t(publicKeyCopied ? "copy success label" : "copy self public key label"), /* @__PURE__ */ import_react37.default.createElement(import_react_ui18.Tooltip.Arrow, null)))), !hideRecover && /* @__PURE__ */ import_react37.default.createElement(import_react_ui18.Tooltip.Root, null, /* @__PURE__ */ import_react37.default.createElement(import_react_ui18.Tooltip.Trigger, {
     asChild: true
   }, /* @__PURE__ */ import_react37.default.createElement(import_react_ui18.Toolbar.Button, {
     classNames: "bs-[--rail-action]",
@@ -2122,10 +2122,12 @@ var IdentityPanelImpl = (props) => {
     t
   ]);
   const onCancelReset = () => rest.send?.("unchooseAction");
+  const hideRecover = rest.agentStatus !== "created";
   return /* @__PURE__ */ import_react37.default.createElement(import_react37.default.Fragment, null, /* @__PURE__ */ import_react37.default.createElement(IdentityHeading, {
     identity,
     titleId,
     title,
+    hideRecover,
     onDone,
     onUpdateProfile,
     connectionState,
@@ -2195,7 +2197,7 @@ var IdentityPanel = ({ titleId: propsTitleId, createInvitationUrl = (code) => co
   if (!identity) {
     import_log.log.error("IdentityPanel rendered with no active identity.", void 0, {
       F: __dxlog_file6,
-      L: 278,
+      L: 288,
       S: void 0,
       C: (f, a) => f(...a)
     });
@@ -2212,7 +2214,7 @@ var IdentityPanel = ({ titleId: propsTitleId, createInvitationUrl = (code) => co
     const subscription = identityService.subscribe((state) => {
       (0, import_log.log)("[state]", state, {
         F: __dxlog_file6,
-        L: 291,
+        L: 301,
         S: void 0,
         C: (f, a) => f(...a)
       });
@@ -2292,7 +2294,7 @@ var JoinHeading = /* @__PURE__ */ (0, import_react49.forwardRef)(({ mode, titleI
 });
 var __dxlog_file7 = "/home/runner/work/dxos/dxos/packages/sdk/shell/src/panels/JoinPanel/joinMachine.ts";
 var getInvitationSubscribable = (Kind, invitation) => {
-  (0, import_log8.log)("[subscribing to invitation]", invitation, {
+  (0, import_log9.log)("[subscribing to invitation]", invitation, {
     F: __dxlog_file7,
     L: 90,
     S: void 0,
@@ -2302,7 +2304,7 @@ var getInvitationSubscribable = (Kind, invitation) => {
     subscribe: (next, onError, complete) => invitation.subscribe((invitation2) => {
       switch (invitation2.state) {
         case import_invitations6.Invitation.State.CONNECTING: {
-          (0, import_log8.log)("[invitation connecting]", {
+          (0, import_log9.log)("[invitation connecting]", {
             Kind,
             invitation: invitation2
           }, {
@@ -2317,7 +2319,7 @@ var getInvitationSubscribable = (Kind, invitation) => {
           });
         }
         case import_invitations6.Invitation.State.CONNECTED: {
-          (0, import_log8.log)("[invitation connected]", {
+          (0, import_log9.log)("[invitation connected]", {
             Kind,
             invitation: invitation2
           }, {
@@ -2332,7 +2334,7 @@ var getInvitationSubscribable = (Kind, invitation) => {
           });
         }
         case import_invitations6.Invitation.State.READY_FOR_AUTHENTICATION: {
-          (0, import_log8.log)("[invitation ready for authentication]", {
+          (0, import_log9.log)("[invitation ready for authentication]", {
             Kind,
             invitation: invitation2
           }, {
@@ -2347,7 +2349,7 @@ var getInvitationSubscribable = (Kind, invitation) => {
           });
         }
         case import_invitations6.Invitation.State.AUTHENTICATING: {
-          (0, import_log8.log)("[invitation authenticating]", {
+          (0, import_log9.log)("[invitation authenticating]", {
             Kind,
             invitation: invitation2
           }, {
@@ -2362,7 +2364,7 @@ var getInvitationSubscribable = (Kind, invitation) => {
           });
         }
         case import_invitations6.Invitation.State.SUCCESS: {
-          (0, import_log8.log)("[invitation success]", {
+          (0, import_log9.log)("[invitation success]", {
             Kind,
             invitation: invitation2
           }, {
@@ -2378,7 +2380,7 @@ var getInvitationSubscribable = (Kind, invitation) => {
           return complete?.();
         }
         case import_invitations6.Invitation.State.CANCELLED: {
-          import_log8.log.warn("[invitation cancelled]", {
+          import_log9.log.warn("[invitation cancelled]", {
             Kind
           }, {
             F: __dxlog_file7,
@@ -2392,7 +2394,7 @@ var getInvitationSubscribable = (Kind, invitation) => {
           });
         }
         case import_invitations6.Invitation.State.TIMEOUT: {
-          import_log8.log.error("[invitation timeout]", {
+          import_log9.log.error("[invitation timeout]", {
             Kind
           }, {
             F: __dxlog_file7,
@@ -2408,7 +2410,7 @@ var getInvitationSubscribable = (Kind, invitation) => {
       }
     }, (error) => {
       if (error instanceof import_react_client8.AlreadyJoinedError) {
-        (0, import_log8.log)("[already joined]", {
+        (0, import_log9.log)("[already joined]", {
           Kind,
           error
         }, {
@@ -2423,7 +2425,7 @@ var getInvitationSubscribable = (Kind, invitation) => {
         });
         return complete?.();
       }
-      import_log8.log.error("[invitation errored]", {
+      import_log9.log.error("[invitation errored]", {
         Kind,
         error
       }, {
@@ -2762,7 +2764,7 @@ var joinMachine = (0, import_xstate2.createMachine)({
       } : context.space
     }),
     log: (context, event) => {
-      (0, import_log8.log)("[transition]", {
+      (0, import_log9.log)("[transition]", {
         event,
         haloInvitation: context.halo.invitation,
         spaceInvitation: context.space.invitation
@@ -2780,7 +2782,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) {
-    import_log8.log.catch(err, void 0, {
+    import_log9.log.catch(err, void 0, {
       F: __dxlog_file7,
       L: 452,
       S: void 0,
@@ -2801,7 +2803,7 @@ var useJoinMachine = (client, options) => {
           invitationSubscribable: getInvitationSubscribable("Halo", invitationObservable)
         };
       } catch (err) {
-        import_log8.log.error("Could not redeem device invitation code", err, {
+        import_log9.log.error("Could not redeem device invitation code", err, {
           F: __dxlog_file7,
           L: 473,
           S: void 0,
@@ -2826,7 +2828,7 @@ var useJoinMachine = (client, options) => {
           invitationSubscribable: getInvitationSubscribable("Space", invitationObservable)
         };
       } catch (err) {
-        import_log8.log.error("Could not redeem space invitation code", err, {
+        import_log9.log.error("Could not redeem space invitation code", err, {
           F: __dxlog_file7,
           L: 495,
           S: void 0,
@@ -2991,7 +2993,7 @@ var IdentityInput = (props) => {
           identity
         });
       }, (error) => {
-        import_log9.log.catch(error, void 0, {
+        import_log10.log.catch(error, void 0, {
           F: __dxlog_file8,
           L: 38,
           S: void 0,
@@ -3008,7 +3010,7 @@ var IdentityInput = (props) => {
           identity
         });
       }, (error) => {
-        import_log9.log.catch(error, void 0, {
+        import_log10.log.catch(error, void 0, {
           F: __dxlog_file8,
           L: 48,
           S: void 0,
@@ -3061,7 +3063,7 @@ var invitationCodeFromUrl = (text) => {
     const invitation = searchParams.get("spaceInvitationCode") ?? searchParams.get("deviceInvitationCode");
     return invitation ?? text;
   } catch (err) {
-    import_log10.log.catch(err, void 0, {
+    import_log11.log.catch(err, void 0, {
       F: __dxlog_file9,
       L: 25,
       S: void 0,
@@ -3422,7 +3424,7 @@ var JoinPanel = ({ titleId: propsTitleId, mode = "default", initialDisposition =
   });
   (0, import_react47.useEffect)(() => {
     const subscription = joinService.subscribe((state) => {
-      (0, import_log7.log)("[state]", state, {
+      (0, import_log8.log)("[state]", state, {
         F: __dxlog_file10,
         L: 210,
         S: void 0,
@@ -3745,7 +3747,7 @@ var spaceMachine = (0, import_xstate3.createMachine)({
       invitation: () => void 0
     }),
     log: (context, event) => {
-      (0, import_log12.log)("[transition]", {
+      (0, import_log13.log)("[transition]", {
         event,
         context
       }, {
@@ -3770,7 +3772,7 @@ var activeActionKey = "dxos:react-shell/space-manager/active-action";
 var handleInvitationEvent = (invitation, subscription) => {
   const invitationCode = import_invitations10.InvitationEncoder.encode(invitation);
   if (invitation.state === import_invitations10.Invitation.State.CONNECTING) {
-    import_log13.log.info(JSON.stringify({
+    import_log14.log.info(JSON.stringify({
       invitationCode,
       authCode: invitation.authCode
     }), void 0, {
@@ -3792,6 +3794,7 @@ var SpaceManager = (props) => {
       label: t("invite one label"),
       description: t("invite one description"),
       icon: import_react63.UserPlus,
+      testId: "spaces-panel.invite-one",
       onClick: (0, import_react64.useCallback)(() => {
         const invitation = space.share?.({
           type: import_invitations10.Invitation.Type.INTERACTIVE,
@@ -3803,13 +3806,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: import_react63.UsersThree,
+      testId: "spaces-panel.invite-many",
       onClick: (0, import_react64.useCallback)(() => {
         const invitation = space.share?.({
           type: import_invitations10.Invitation.Type.DELEGATED,
@@ -3821,7 +3826,8 @@ var SpaceManager = (props) => {
           const subscription = invitation.subscribe((invitation2) => handleInvitationEvent(invitation2, subscription));
         }
       }, [
-        space
+        space,
+        target
       ])
     }
   };
@@ -3844,7 +3850,7 @@ var SpaceManagerImpl = (props) => {
       }
     }
   };
-  const [activeAction, setInternalActiveAction] = (0, import_react64.useState)(localStorage.getItem(activeActionKey) ?? "inviteOne");
+  const [activeAction, setInternalActiveAction] = (0, import_react64.useState)(localStorage.getItem(activeActionKey) ?? "inviteMany");
   const setActiveAction = (nextAction) => {
     setInternalActiveAction(nextAction);
     localStorage.setItem(activeActionKey, nextAction);
@@ -3901,8 +3907,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__ */ import_react61.default.createElement(import_react61.default.Fragment, null, /* @__PURE__ */ import_react61.default.createElement(SpacePanelHeading, {
+  const { titleId, activeView, space, hideHeading, target, SpaceManager: SpaceManagerComponent = SpaceManager, InvitationManager: InvitationManagerComponent = InvitationManager, ...rest } = props;
+  return /* @__PURE__ */ import_react61.default.createElement(import_react61.default.Fragment, null, !hideHeading && /* @__PURE__ */ import_react61.default.createElement(SpacePanelHeading, {
     ...rest,
     titleId,
     space
@@ -3942,9 +3948,9 @@ var SpacePanel = ({ titleId: propsTitleId, createInvitationUrl = (code) => code,
   });
   (0, import_react61.useEffect)(() => {
     const subscription = spaceService.subscribe((state) => {
-      (0, import_log11.log)("[state]", state, {
+      (0, import_log12.log)("[state]", state, {
         F: __dxlog_file13,
-        L: 94,
+        L: 95,
         S: void 0,
         C: (f, a) => f(...a)
       });
@@ -4097,7 +4103,7 @@ var Shell = ({ runtime }) => {
   ]);
   (0, import_react68.useEffect)(() => {
     if (layout === import_react_client13.ShellLayout.SPACE && !space) {
-      import_log14.log.warn("No space found for shell space invitations.", void 0, {
+      import_log15.log.warn("No space found for shell space invitations.", void 0, {
         F: __dxlog_file14,
         L: 67,
         S: void 0,