@dxos/shell 0.6.14-staging.e15392e → 0.7.0

package/dist/lib/node/react.cjs

@@ -225,6 +225,7 @@ var import_react_client4 = require("@dxos/react-client");
 var import_react41 = require("react");
 var import_invariant2 = require("@dxos/invariant");
 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");
@@ -848,7 +849,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 +883,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 +1174,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 +1194,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 +1204,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 +1235,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 +1564,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 +1573,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 +1613,7 @@ var useEdgeAgentHandlers = ({ identity }) => {
   const onAgentCreate = async () => {
     (0, import_invariant2.invariant)(identity, "Identity not found", {
       F: __dxlog_file3,
-      L: 56,
+      L: 58,
       S: void 0,
       A: [
         "identity",
@@ -1644,6 +1635,7 @@ var useEdgeAgentHandlers = ({ identity }) => {
     setValidationMessage("");
     try {
       await service.createAgent();
+      await Promise.all(client.spaces.get().map((space) => space?.internal.setEdgeReplicationPreference(import_metadata.EdgeReplicationSetting.ENABLED)));
       setAgentStatus("created");
     } catch (err) {
       setAgentStatus("error");
@@ -1977,7 +1969,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 +2002,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 +2013,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 +2069,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 +2113,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 +2188,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 +2205,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)
       });
@@ -3792,6 +3785,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 +3797,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 +3817,8 @@ var SpaceManager = (props) => {
           const subscription = invitation.subscribe((invitation2) => handleInvitationEvent(invitation2, subscription));
         }
       }, [
-        space
+        space,
+        target
       ])
     }
   };
@@ -3844,7 +3841,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 +3898,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
@@ -3944,7 +3941,7 @@ var SpacePanel = ({ titleId: propsTitleId, createInvitationUrl = (code) => code,
     const subscription = spaceService.subscribe((state) => {
       (0, import_log11.log)("[state]", state, {
         F: __dxlog_file13,
-        L: 94,
+        L: 95,
         S: void 0,
         C: (f, a) => f(...a)
       });