@dxos/shell 0.4.7-next.f4b92be → 0.4.8-main.ac78619

package/dist/lib/browser/react.mjs

@@ -385,6 +385,7 @@ var SpaceMemberListImpl = ({ members, onSelect }) => {
 
 // packages/sdk/shell/src/components/InvitationList/InvitationListItem.tsx
 import { X } from "@phosphor-icons/react";
+import { formatDistanceToNow } from "date-fns";
 import React10, { useCallback as useCallback2 } from "react";
 import { Invitation, useInvitationStatus } from "@dxos/react-client/invitations";
 import { Button as Button4, ListItem as ListItem2, useTranslation as useTranslation6, Avatar as Avatar2, useThemeContext as useThemeContext3, Tooltip as Tooltip4 } from "@dxos/react-ui";
@@ -471,6 +472,10 @@ var InvitationListItemImpl = ({ invitation, invitationStatus: propsInvitationSta
   ]);
   const invitationUrl = invitationCode && createInvitationUrl(invitationCode);
   const invitationId = invitation?.get().invitationId;
+  const invitationHasLifetime = invitation?.get().lifetime;
+  const invitationTimeLeft = invitation?.expiry ? formatDistanceToNow(invitation?.expiry, {
+    addSuffix: true
+  }) : void 0;
   const avatarAnimation = [
     Invitation.State.INIT,
     Invitation.State.CONNECTING,
@@ -520,7 +525,9 @@ var InvitationListItemImpl = ({ invitation, invitationStatus: propsInvitationSta
   })))), /* @__PURE__ */ React10.createElement(Tooltip4.Portal, null, /* @__PURE__ */ React10.createElement(Tooltip4.Content, {
     side: "left",
     classNames: "z-[70]"
-  }, t(type === Invitation.Type.MULTIUSE ? "invite many qr label" : "invite one qr label"), /* @__PURE__ */ React10.createElement(Tooltip4.Arrow, null)))), showShare && invitationUrl ? /* @__PURE__ */ React10.createElement(React10.Fragment, null, /* @__PURE__ */ React10.createElement(Button4, {
+  }, t(type === Invitation.Type.MULTIUSE ? "invite many qr label" : "invite one qr label"), /* @__PURE__ */ React10.createElement(Tooltip4.Arrow, null)))), showShare && invitationUrl ? /* @__PURE__ */ React10.createElement(Tooltip4.Root, null, /* @__PURE__ */ React10.createElement(React10.Fragment, null, /* @__PURE__ */ React10.createElement(Tooltip4.Trigger, {
+    asChild: true
+  }, /* @__PURE__ */ React10.createElement(Button4, {
     variant: "ghost",
     classNames: "grow justify-start font-medium",
     onClick: () => send({
@@ -528,10 +535,13 @@ var InvitationListItemImpl = ({ invitation, invitationStatus: propsInvitationSta
       invitation
     }),
     "data-testid": "show-qrcode"
-  }, /* @__PURE__ */ React10.createElement("span", null, t("open share panel label"))), /* @__PURE__ */ React10.createElement(CopyButtonIconOnly, {
+  }, /* @__PURE__ */ React10.createElement("span", null, t("open share panel label")))), /* @__PURE__ */ React10.createElement(CopyButtonIconOnly, {
     variant: "ghost",
     value: invitationUrl
-  })) : showAuthCode ? /* @__PURE__ */ React10.createElement(AuthCode, {
+  })), /* @__PURE__ */ React10.createElement(Tooltip4.Portal, null, /* @__PURE__ */ React10.createElement(Tooltip4.Content, {
+    side: "left",
+    classNames: "z-[70]"
+  }, invitationHasLifetime && /* @__PURE__ */ React10.createElement("span", null, "Expires ", invitationTimeLeft)))) : showAuthCode ? /* @__PURE__ */ React10.createElement(AuthCode, {
     code: authCode,
     classNames: "grow"
   }) : invitationStatus === Invitation.State.CONNECTING ? /* @__PURE__ */ React10.createElement("span", {
@@ -908,7 +918,7 @@ import { Dialog, useId as useId9 } from "@dxos/react-ui";
 // packages/sdk/shell/src/panels/IdentityPanel/IdentityPanel.tsx
 import React29, { useEffect as useEffect3, useMemo as useMemo3 } from "react";
 import { generateName as generateName3 } from "@dxos/display-name";
-import { log as log3 } from "@dxos/log";
+import { log as log5 } from "@dxos/log";
 import { useClient as useClient3 } from "@dxos/react-client";
 import { useIdentity, useDevices, useHaloInvitations as useHaloInvitations2 } from "@dxos/react-client/halo";
 import { useInvitationStatus as useInvitationStatus2 } from "@dxos/react-client/invitations";
@@ -1098,11 +1108,13 @@ var DeviceManager = ({ devices, active, send }) => {
 // packages/sdk/shell/src/panels/IdentityPanel/steps/IdentityActionChooser.tsx
 import { CaretRight, Devices, Plus, Power, UserGear, HardDrive } from "@phosphor-icons/react";
 import React25, { useCallback as useCallback4 } from "react";
+import { log as log2 } from "@dxos/log";
 import { useAgentHostingProviderClient, useClient as useClient2 } from "@dxos/react-client";
 import { useHaloInvitations } from "@dxos/react-client/halo";
 import { Invitation as Invitation2, InvitationEncoder } from "@dxos/react-client/invitations";
 import { DensityProvider, useTranslation as useTranslation11 } from "@dxos/react-ui";
 import { getSize as getSize8 } from "@dxos/react-ui-theme";
+var __dxlog_file2 = "/home/runner/work/dxos/dxos/packages/sdk/shell/src/panels/IdentityPanel/steps/IdentityActionChooser.tsx";
 var IdentityActionChooser = (props) => {
   const { send } = props;
   const client = useClient2();
@@ -1111,10 +1123,15 @@ var IdentityActionChooser = (props) => {
   const onInvitationEvent = useCallback4((invitation) => {
     const invitationCode = InvitationEncoder.encode(invitation);
     if (invitation.state === Invitation2.State.CONNECTING) {
-      console.log(JSON.stringify({
+      log2.info(JSON.stringify({
         invitationCode,
         authCode: invitation.authCode
-      }));
+      }), void 0, {
+        F: __dxlog_file2,
+        L: 28,
+        S: void 0,
+        C: (f, a) => f(...a)
+      });
     }
   }, []);
   const createInvitation = (e) => {
@@ -1216,18 +1233,18 @@ var IdentityActionChooserImpl = ({ onCreateInvitationClick, active, send, onDone
 
 // packages/sdk/shell/src/panels/IdentityPanel/steps/ProfileForm.tsx
 import React26, { useState as useState4 } from "react";
-import { log as log2 } from "@dxos/log";
+import { log as log3 } from "@dxos/log";
 import { useTranslation as useTranslation12 } from "@dxos/react-ui";
 import { hexToEmoji as hexToEmoji2, hexToHue } from "@dxos/util";
-var __dxlog_file2 = "/home/runner/work/dxos/dxos/packages/sdk/shell/src/panels/IdentityPanel/steps/ProfileForm.tsx";
+var __dxlog_file3 = "/home/runner/work/dxos/dxos/packages/sdk/shell/src/panels/IdentityPanel/steps/ProfileForm.tsx";
 var ProfileForm = (props) => {
   const { onUpdateProfile } = props;
   const { t } = useTranslation12("os");
   const [validationMessage, setValidationMessage] = useState4("");
   const handleUpdateProfile = async (profile) => {
     await onUpdateProfile?.(profile).catch((error) => {
-      log2.catch(error, void 0, {
-        F: __dxlog_file2,
+      log3.catch(error, void 0, {
+        F: __dxlog_file3,
         L: 33,
         S: void 0,
         C: (f, a) => f(...a)
@@ -1363,9 +1380,10 @@ var SignOutChooserImpl = ({ disabled, onResetDevice, onJoinNewIdentity, onBack }
 // packages/sdk/shell/src/panels/IdentityPanel/useAgentHandlers.ts
 import { useCallback as useCallback5, useEffect as useEffect2, useState as useState5 } from "react";
 import { invariant } from "@dxos/invariant";
+import { log as log4 } from "@dxos/log";
 import { useAgentHostingProviderClient as useAgentHostingProviderClient2 } 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 __dxlog_file4 = "/home/runner/work/dxos/dxos/packages/sdk/shell/src/panels/IdentityPanel/useAgentHandlers.ts";
 var useAgentHandlers = ({ client, invitations, identity }) => {
   const [validationMessage, setValidationMessage] = useState5("");
   const [agentStatus, setAgentStatus] = useState5("");
@@ -1391,14 +1409,19 @@ var useAgentHandlers = ({ client, invitations, identity }) => {
   const handleAgentCreate = useCallback5(async (invitation) => {
     const invitationCode = InvitationEncoder2.encode(invitation);
     if (invitation.state === Invitation3.State.CONNECTING) {
-      console.log(JSON.stringify({
+      log4.info(JSON.stringify({
         invitationCode,
         authCode: invitation.authCode
-      }));
-      invariant(identity, "Identity not found", {
-        F: __dxlog_file3,
+      }), void 0, {
+        F: __dxlog_file4,
         L: 50,
         S: void 0,
+        C: (f, a) => f(...a)
+      });
+      invariant(identity, "Identity not found", {
+        F: __dxlog_file4,
+        L: 51,
+        S: void 0,
         A: [
           "identity",
           "'Identity not found'"
@@ -1427,8 +1450,8 @@ var useAgentHandlers = ({ client, invitations, identity }) => {
   const onAgentDestroy = async () => {
     const identity2 = client.halo.identity.get();
     invariant(identity2, "Identity not found", {
-      F: __dxlog_file3,
-      L: 76,
+      F: __dxlog_file4,
+      L: 77,
       S: void 0,
       A: [
         "identity",
@@ -1581,7 +1604,7 @@ var InvitationManager = ({ invitationUrl, active, send, status, type, authCode,
 };
 
 // packages/sdk/shell/src/panels/IdentityPanel/IdentityPanel.tsx
-var __dxlog_file4 = "/home/runner/work/dxos/dxos/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 viewStyles = "pbs-1 pbe-3 pli-3";
 var IdentityHeading = ({ titleId, title, identity, onDone }) => {
   const fallbackValue = keyToFallback2(identity.identityKey);
@@ -1693,14 +1716,19 @@ var IdentityPanel = ({ titleId: propsTitleId, createInvitationUrl = (code) => co
     invitations
   });
   if (!identity) {
-    console.error("IdentityPanel rendered with no active identity.");
+    log5.error("IdentityPanel rendered with no active identity.", void 0, {
+      F: __dxlog_file5,
+      L: 132,
+      S: void 0,
+      C: (f, a) => f(...a)
+    });
     return null;
   }
   const [identityState, identitySend, identityService] = useIdentityMachine(client);
   useEffect3(() => {
     const subscription = identityService.subscribe((state) => {
-      log3("[state]", state, {
-        F: __dxlog_file4,
+      log5("[state]", state, {
+        F: __dxlog_file5,
         L: 139,
         S: void 0,
         C: (f, a) => f(...a)
@@ -1769,7 +1797,7 @@ var IdentityPanel = ({ titleId: propsTitleId, createInvitationUrl = (code) => co
 
 // packages/sdk/shell/src/panels/JoinPanel/JoinPanel.tsx
 import React39, { useCallback as useCallback7, useEffect as useEffect5, useMemo as useMemo4 } from "react";
-import { log as log8 } from "@dxos/log";
+import { log as log10 } from "@dxos/log";
 import { useClient as useClient6, useMulticastObservable } from "@dxos/react-client";
 import { useIdentity as useIdentity2 } from "@dxos/react-client/halo";
 import { DensityProvider as DensityProvider3, useId as useId7, useThemeContext as useThemeContext4 } from "@dxos/react-ui";
@@ -1811,13 +1839,13 @@ var JoinHeading = /* @__PURE__ */ forwardRef8(({ mode, titleId, onExit, exitActi
 import { useMachine as useMachine2 } from "@xstate/react";
 import { useCallback as useCallback6 } from "react";
 import { assign as assign2, createMachine as createMachine2 } from "xstate";
-import { log as log4 } from "@dxos/log";
+import { log as log6 } from "@dxos/log";
 import { AlreadyJoinedError } from "@dxos/react-client";
 import { Invitation as Invitation6, InvitationEncoder as InvitationEncoder3 } from "@dxos/react-client/invitations";
-var __dxlog_file5 = "/home/runner/work/dxos/dxos/packages/sdk/shell/src/panels/JoinPanel/joinMachine.ts";
+var __dxlog_file6 = "/home/runner/work/dxos/dxos/packages/sdk/shell/src/panels/JoinPanel/joinMachine.ts";
 var getInvitationSubscribable = (Kind, invitation) => {
-  log4("[subscribing to invitation]", invitation, {
-    F: __dxlog_file5,
+  log6("[subscribing to invitation]", invitation, {
+    F: __dxlog_file6,
     L: 88,
     S: void 0,
     C: (f, a) => f(...a)
@@ -1826,11 +1854,11 @@ var getInvitationSubscribable = (Kind, invitation) => {
     subscribe: (next, onError, complete) => invitation.subscribe((invitation2) => {
       switch (invitation2.state) {
         case Invitation6.State.CONNECTING: {
-          log4("[invitation connecting]", {
+          log6("[invitation connecting]", {
             Kind,
             invitation: invitation2
           }, {
-            F: __dxlog_file5,
+            F: __dxlog_file6,
             L: 99,
             S: void 0,
             C: (f, a) => f(...a)
@@ -1841,11 +1869,11 @@ var getInvitationSubscribable = (Kind, invitation) => {
           });
         }
         case Invitation6.State.CONNECTED: {
-          log4("[invitation connected]", {
+          log6("[invitation connected]", {
             Kind,
             invitation: invitation2
           }, {
-            F: __dxlog_file5,
+            F: __dxlog_file6,
             L: 104,
             S: void 0,
             C: (f, a) => f(...a)
@@ -1856,11 +1884,11 @@ var getInvitationSubscribable = (Kind, invitation) => {
           });
         }
         case Invitation6.State.READY_FOR_AUTHENTICATION: {
-          log4("[invitation ready for authentication]", {
+          log6("[invitation ready for authentication]", {
             Kind,
             invitation: invitation2
           }, {
-            F: __dxlog_file5,
+            F: __dxlog_file6,
             L: 109,
             S: void 0,
             C: (f, a) => f(...a)
@@ -1871,11 +1899,11 @@ var getInvitationSubscribable = (Kind, invitation) => {
           });
         }
         case Invitation6.State.AUTHENTICATING: {
-          log4("[invitation authenticating]", {
+          log6("[invitation authenticating]", {
             Kind,
             invitation: invitation2
           }, {
-            F: __dxlog_file5,
+            F: __dxlog_file6,
             L: 114,
             S: void 0,
             C: (f, a) => f(...a)
@@ -1886,11 +1914,11 @@ var getInvitationSubscribable = (Kind, invitation) => {
           });
         }
         case Invitation6.State.SUCCESS: {
-          log4("[invitation success]", {
+          log6("[invitation success]", {
             Kind,
             invitation: invitation2
           }, {
-            F: __dxlog_file5,
+            F: __dxlog_file6,
             L: 119,
             S: void 0,
             C: (f, a) => f(...a)
@@ -1902,10 +1930,10 @@ var getInvitationSubscribable = (Kind, invitation) => {
           return complete?.();
         }
         case Invitation6.State.CANCELLED: {
-          log4.warn("[invitation cancelled]", {
+          log6.warn("[invitation cancelled]", {
             Kind
           }, {
-            F: __dxlog_file5,
+            F: __dxlog_file6,
             L: 125,
             S: void 0,
             C: (f, a) => f(...a)
@@ -1916,10 +1944,10 @@ var getInvitationSubscribable = (Kind, invitation) => {
           });
         }
         case Invitation6.State.TIMEOUT: {
-          log4.error("[invitation timeout]", {
+          log6.error("[invitation timeout]", {
             Kind
           }, {
-            F: __dxlog_file5,
+            F: __dxlog_file6,
             L: 130,
             S: void 0,
             C: (f, a) => f(...a)
@@ -1932,11 +1960,11 @@ var getInvitationSubscribable = (Kind, invitation) => {
       }
     }, (error) => {
       if (error instanceof AlreadyJoinedError) {
-        log4("[already joined]", {
+        log6("[already joined]", {
           Kind,
           error
         }, {
-          F: __dxlog_file5,
+          F: __dxlog_file6,
           L: 137,
           S: void 0,
           C: (f, a) => f(...a)
@@ -1947,11 +1975,11 @@ var getInvitationSubscribable = (Kind, invitation) => {
         });
         return complete?.();
       }
-      log4.error("[invitation errored]", {
+      log6.error("[invitation errored]", {
         Kind,
         error
       }, {
-        F: __dxlog_file5,
+        F: __dxlog_file6,
         L: 142,
         S: void 0,
         C: (f, a) => f(...a)
@@ -2271,12 +2299,12 @@ var joinMachine = createMachine2({
       } : context.space
     }),
     log: (context, event) => {
-      log4("[transition]", {
+      log6("[transition]", {
         event,
         haloInvitation: context.halo.invitation,
         spaceInvitation: context.space.invitation
       }, {
-        F: __dxlog_file5,
+        F: __dxlog_file6,
         L: 406,
         S: void 0,
         C: (f, a) => f(...a)
@@ -2289,8 +2317,8 @@ 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) {
-    log4.catch(err, void 0, {
-      F: __dxlog_file5,
+    log6.catch(err, void 0, {
+      F: __dxlog_file6,
       L: 433,
       S: void 0,
       C: (f, a) => f(...a)
@@ -2310,8 +2338,8 @@ var useJoinMachine = (client, options) => {
           invitationSubscribable: getInvitationSubscribable("Halo", invitationObservable)
         };
       } catch (err) {
-        log4.error("Could not redeem device invitation code", err, {
-          F: __dxlog_file5,
+        log6.error("Could not redeem device invitation code", err, {
+          F: __dxlog_file6,
           L: 454,
           S: void 0,
           C: (f, a) => f(...a)
@@ -2335,8 +2363,8 @@ var useJoinMachine = (client, options) => {
           invitationSubscribable: getInvitationSubscribable("Space", invitationObservable)
         };
       } catch (err) {
-        log4.error("Could not redeem space invitation code", err, {
-          F: __dxlog_file5,
+        log6.error("Could not redeem space invitation code", err, {
+          F: __dxlog_file6,
           L: 476,
           S: void 0,
           C: (f, a) => f(...a)
@@ -2501,10 +2529,10 @@ var IdentityAdded = (props) => {
 
 // packages/sdk/shell/src/panels/JoinPanel/steps/IdentityInput.tsx
 import React33, { useState as useState6 } from "react";
-import { log as log5 } from "@dxos/log";
+import { log as log7 } from "@dxos/log";
 import { useClient as useClient4 } from "@dxos/react-client";
 import { useTranslation as useTranslation19 } from "@dxos/react-ui";
-var __dxlog_file6 = "/home/runner/work/dxos/dxos/packages/sdk/shell/src/panels/JoinPanel/steps/IdentityInput.tsx";
+var __dxlog_file7 = "/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";
@@ -2520,8 +2548,8 @@ var IdentityInput = (props) => {
         identity
       });
     }, (error) => {
-      log5.catch(error, void 0, {
-        F: __dxlog_file6,
+      log7.catch(error, void 0, {
+        F: __dxlog_file7,
         L: 37,
         S: void 0,
         C: (f, a) => f(...a)
@@ -2590,17 +2618,17 @@ var InvitationAccepted = (props) => {
 
 // packages/sdk/shell/src/panels/JoinPanel/steps/InvitationInput.tsx
 import React35, { useState as useState7, useEffect as useEffect4, cloneElement as cloneElement4 } from "react";
-import { log as log6 } from "@dxos/log";
+import { log as log8 } from "@dxos/log";
 import { useTranslation as useTranslation21 } from "@dxos/react-ui";
-var __dxlog_file7 = "/home/runner/work/dxos/dxos/packages/sdk/shell/src/panels/JoinPanel/steps/InvitationInput.tsx";
+var __dxlog_file8 = "/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("?")));
     const invitation = searchParams.get("spaceInvitationCode") ?? searchParams.get("deviceInvitationCode");
     return invitation ?? text;
   } catch (err) {
-    log6.catch(err, void 0, {
-      F: __dxlog_file7,
+    log8.catch(err, void 0, {
+      F: __dxlog_file8,
       L: 25,
       S: void 0,
       C: (f, a) => f(...a)
@@ -2784,10 +2812,10 @@ var InvitationAuthenticator = ({ failed, Kind, active, pending, invitationId, on
 
 // packages/sdk/shell/src/panels/JoinPanel/steps/ResetIdentity.tsx
 import React38, { useState as useState9 } from "react";
-import { log as log7 } from "@dxos/log";
+import { log as log9 } from "@dxos/log";
 import { useClient as useClient5 } from "@dxos/react-client";
 import { useTranslation as useTranslation24 } from "@dxos/react-ui";
-var __dxlog_file8 = "/home/runner/work/dxos/dxos/packages/sdk/shell/src/panels/JoinPanel/steps/ResetIdentity.tsx";
+var __dxlog_file9 = "/home/runner/work/dxos/dxos/packages/sdk/shell/src/panels/JoinPanel/steps/ResetIdentity.tsx";
 var ResetIdentity = ({ send, active }) => {
   const client = useClient5();
   const { t } = useTranslation24("os");
@@ -2798,8 +2826,8 @@ var ResetIdentity = ({ send, active }) => {
     void client.reset().then(() => send?.({
       type: "resetIdentity"
     }), (error) => {
-      log7.catch(error, void 0, {
-        F: __dxlog_file8,
+      log9.catch(error, void 0, {
+        F: __dxlog_file9,
         L: 35,
         S: void 0,
         C: (f, a) => f(...a)
@@ -2865,7 +2893,7 @@ var resolvedBgColor = (status) => status === Invitation7.State.ERROR ? errorBgCo
 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, invitationStates, succeededKeys, failReasons, onExit, onHaloDone, onSpaceDone, exitActionParent, doneActionParent, onHaloInvitationCancel, onSpaceInvitationCancel, onHaloInvitationAuthenticate, onSpaceInvitationAuthenticate, IdentityInput: IdentityInputComponent = IdentityInput, ResetIdentity: ResetIdentityComponent = ResetIdentity } = props;
   return /* @__PURE__ */ React39.createElement(DensityProvider3, {
@@ -3024,8 +3052,8 @@ var JoinPanel = ({ titleId: propsTitleId, mode = "default", initialInvitationCod
   });
   useEffect5(() => {
     const subscription = joinService.subscribe((state) => {
-      log8("[state]", state, {
-        F: __dxlog_file9,
+      log10("[state]", state, {
+        F: __dxlog_file10,
         L: 198,
         S: void 0,
         C: (f, a) => f(...a)
@@ -3278,15 +3306,15 @@ var JoinPanel = ({ titleId: propsTitleId, mode = "default", initialInvitationCod
 // packages/sdk/shell/src/panels/SpacePanel/SpacePanel.tsx
 import { Planet } from "@phosphor-icons/react";
 import React41, { useEffect as useEffect6, useMemo as useMemo5 } from "react";
-import { log as log10 } from "@dxos/log";
+import { log as log13 } from "@dxos/log";
 import { useInvitationStatus as useInvitationStatus3 } from "@dxos/react-client/invitations";
 import { DensityProvider as DensityProvider4, useId as useId8, useTranslation as useTranslation26 } 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 log9 } from "@dxos/log";
-var __dxlog_file10 = "/home/runner/work/dxos/dxos/packages/sdk/shell/src/panels/SpacePanel/spaceMachine.ts";
+import { log as log11 } from "@dxos/log";
+var __dxlog_file11 = "/home/runner/work/dxos/dxos/packages/sdk/shell/src/panels/SpacePanel/spaceMachine.ts";
 var spaceMachine = createMachine3({
   id: "space",
   predictableActionArguments: true,
@@ -3323,11 +3351,11 @@ var spaceMachine = createMachine3({
       invitation: () => void 0
     }),
     log: (context, event) => {
-      log9("[transition]", {
+      log11("[transition]", {
         event,
         context
       }, {
-        F: __dxlog_file10,
+        F: __dxlog_file11,
         L: 53,
         S: void 0,
         C: (f, a) => f(...a)
@@ -3347,11 +3375,13 @@ var useSpaceMachine = (options) => {
 // packages/sdk/shell/src/panels/SpacePanel/steps/SpaceManager.tsx
 import { Placeholder as Placeholder2, UserPlus, UsersThree } from "@phosphor-icons/react";
 import React40, { useCallback as useCallback8, useState as useState10 } 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 Invitation8, InvitationEncoder as InvitationEncoder4 } from "@dxos/react-client/invitations";
 import { ScrollArea, useTranslation as useTranslation25 } from "@dxos/react-ui";
 import { descriptionText as descriptionText10, mx as mx22 } 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 SpaceManager = (props) => {
   const { space, target } = props;
@@ -3361,10 +3391,15 @@ var SpaceManager = (props) => {
   const onInvitationEvent = useCallback8((invitation) => {
     const invitationCode = InvitationEncoder4.encode(invitation);
     if (invitation.state === Invitation8.State.CONNECTING) {
-      console.log(JSON.stringify({
+      log12.info(JSON.stringify({
         invitationCode,
         authCode: invitation.authCode
-      }));
+      }), void 0, {
+        F: __dxlog_file12,
+        L: 49,
+        S: void 0,
+        C: (f, a) => f(...a)
+      });
     }
   }, []);
   const inviteActions = {
@@ -3459,7 +3494,7 @@ var SpaceManagerImpl = (props) => {
 };
 
 // packages/sdk/shell/src/panels/SpacePanel/SpacePanel.tsx
-var __dxlog_file11 = "/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 } = useTranslation26("os");
   const name = space.properties.name;
@@ -3524,8 +3559,8 @@ var SpacePanel = ({ titleId: propsTitleId, createInvitationUrl = (code) => code,
   });
   useEffect6(() => {
     const subscription = spaceService.subscribe((state) => {
-      log10("[state]", state, {
-        F: __dxlog_file11,
+      log13("[state]", state, {
+        F: __dxlog_file13,
         L: 94,
         S: void 0,
         C: (f, a) => f(...a)
@@ -3623,7 +3658,7 @@ import { createIFramePort } from "@dxos/rpc-tunnel";
 
 // packages/sdk/shell/src/composites/Shell/Shell.tsx
 import React45, { useEffect as useEffect7, useState as useState11 } from "react";
-import { log as log11 } from "@dxos/log";
+import { log as log14 } from "@dxos/log";
 import { ShellDisplay, ShellLayout, useClient as useClient7 } from "@dxos/react-client";
 import { useSpace as useSpace2 } from "@dxos/react-client/echo";
 
@@ -3647,7 +3682,7 @@ var SpaceDialog = (spacePanelProps) => {
 };
 
 // packages/sdk/shell/src/composites/Shell/Shell.tsx
-var __dxlog_file12 = "/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 Shell = ({ runtime, origin }) => {
   const [{ layout, invitationCode, spaceKey, target }, setLayout] = useState11({
     layout: runtime.layout,
@@ -3664,8 +3699,8 @@ var Shell = ({ runtime, origin }) => {
   ]);
   useEffect7(() => {
     if (layout === ShellLayout.SPACE && !space) {
-      log11.warn("No space found for shell space invitations.", void 0, {
-        F: __dxlog_file12,
+      log14.warn("No space found for shell space invitations.", void 0, {
+        F: __dxlog_file14,
         L: 32,
         S: void 0,
         C: (f, a) => f(...a)