@dxos/shell 0.6.14-staging.77003c1 → 0.6.14-staging.7b35391

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;
@@ -1252,7 +1242,7 @@ 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"
@@ -1432,7 +1422,7 @@ var IdentityActionChooserImpl = ({ devices, connectionState, agentHostingEnabled
     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
@@ -1959,7 +1949,7 @@ var IdentityHeading = ({ titleId, title, identity, hideRecover, onDone, onUpdate
     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]",
@@ -1969,20 +1959,20 @@ var IdentityHeading = ({ titleId, title, identity, hideRecover, onDone, onUpdate
     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)))), !hideRecover && /* @__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: [
@@ -1996,10 +1986,10 @@ var IdentityHeading = ({ titleId, title, identity, hideRecover, onDone, onUpdate
     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;
@@ -3778,6 +3768,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,
@@ -3789,13 +3780,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,
@@ -3807,7 +3800,8 @@ var SpaceManager = (props) => {
           const subscription = invitation.subscribe((invitation2) => handleInvitationEvent(invitation2, subscription));
         }
       }, [
-        space
+        space,
+        target
       ])
     }
   };
@@ -3830,7 +3824,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);
@@ -3889,8 +3883,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
@@ -3932,7 +3926,7 @@ var SpacePanel = ({ titleId: propsTitleId, createInvitationUrl = (code) => code,
     const subscription = spaceService.subscribe((state) => {
       log13("[state]", state, {
         F: __dxlog_file13,
-        L: 94,
+        L: 95,
         S: void 0,
         C: (f, a) => f(...a)
       });
@@ -4037,7 +4031,7 @@ 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";
 
@@ -4541,7 +4535,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 {