@dxos/shell 0.8.2-main.5ca3450 → 0.8.2-main.600d381

package/dist/lib/browser/react.mjs

@@ -3,9 +3,9 @@ import {
 } from "./chunk-J5LGTIGS.mjs";
 
 // packages/sdk/shell/src/components/AgentConfig.tsx
-import { ArrowsClockwise, Plus, Power } from "@phosphor-icons/react";
+import { ArrowsClockwise, Plus } from "@phosphor-icons/react";
 import React from "react";
-import { Avatar, Button, Link, Tooltip, Trans, useTranslation } from "@dxos/react-ui";
+import { Avatar, Button, IconButton, Link, Tooltip, Trans, useTranslation } from "@dxos/react-ui";
 import { descriptionText, getSize, mx, valenceColorText } from "@dxos/react-ui-theme";
 var AgentConfig = ({ agentStatus, validationMessage, onAgentDestroy, onAgentCreate, onAgentRefresh }) => {
   const { t } = useTranslation("os");
@@ -31,20 +31,20 @@ var AgentConfig = ({ agentStatus, validationMessage, onAgentDestroy, onAgentCrea
     icon: "ph--database--duotone"
   }), /* @__PURE__ */ React.createElement(Avatar.Label, {
     classNames: "flex-1 text-sm truncate"
-  }, t(agentStatus === "created" ? "agent requested label" : agentStatus === "creating" ? "creating agent label" : agentStatus === "destroying" ? "destroying agent label" : "getting agent label"))), agentStatus === "created" && /* @__PURE__ */ React.createElement(Tooltip.Root, null, /* @__PURE__ */ React.createElement(Tooltip.Trigger, {
-    asChild: true
-  }, /* @__PURE__ */ React.createElement(Button, {
+  }, t(agentStatus === "created" ? "agent requested label" : agentStatus === "creating" ? "creating agent label" : agentStatus === "destroying" ? "destroying agent label" : "getting agent label"))), agentStatus === "created" && /* @__PURE__ */ React.createElement(Tooltip.Trigger, {
+    asChild: true,
+    content: t("destroy agent label"),
+    side: "bottom"
+  }, /* @__PURE__ */ React.createElement(IconButton, {
+    iconOnly: true,
     variant: "ghost",
     classNames: "pli-0 is-[--rail-action] bs-[--rail-action]",
     "data-testid": "agent.destroy",
+    label: t("destroy agent label"),
+    icon: "ph--power--regular",
+    size: 5,
     onClick: onAgentDestroy
-  }, /* @__PURE__ */ React.createElement("span", {
-    className: "sr-only"
-  }, t("destroy agent label")), /* @__PURE__ */ React.createElement(Power, {
-    className: getSize(5)
-  }))), /* @__PURE__ */ React.createElement(Tooltip.Portal, null, /* @__PURE__ */ React.createElement(Tooltip.Content, {
-    side: "bottom"
-  }, t("destroy agent label"))))), agentStatus === "created" && /* @__PURE__ */ React.createElement("p", {
+  }))), agentStatus === "created" && /* @__PURE__ */ React.createElement("p", {
     id: "devices-panel.create-agent.description",
     className: mx(descriptionText, "mlb-2")
   }, t("agent requested description"))) : /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Button, {
@@ -204,7 +204,7 @@ import { Button as Button3, List as List2, useTranslation as useTranslation4 } f
 import { descriptionText as descriptionText4, getSize as getSize3, mx as mx5 } from "@dxos/react-ui-theme";
 
 // packages/sdk/shell/src/components/DeviceList/DeviceListItem.tsx
-import { DotsThree, ShareFat, Power as Power2, FirstAidKit } from "@phosphor-icons/react";
+import { DotsThree, ShareFat, Power, FirstAidKit } from "@phosphor-icons/react";
 import React5, { forwardRef as forwardRef2 } from "react";
 import { generateName as generateName2 } from "@dxos/display-name";
 import { Device, DeviceType, DeviceKind } from "@dxos/react-client/halo";
@@ -272,7 +272,7 @@ var DeviceListItem = /* @__PURE__ */ forwardRef2(({ device, onClickAdd, onClickE
   }), t("choose recover identity label")), onClickReset && /* @__PURE__ */ React5.createElement(DropdownMenu.Item, {
     "data-testid": "device-list-item-current.reset",
     onClick: onClickReset
-  }, /* @__PURE__ */ React5.createElement(Power2, {
+  }, /* @__PURE__ */ React5.createElement(Power, {
     className: getSize2(5)
   }), t("reset device label")))))));
 });
@@ -451,8 +451,10 @@ var InvitationListItemImpl = ({ invitation, invitationStatus: propsInvitationSta
     status: avatarStatus,
     animation: avatarAnimation,
     reverseEffects
-  }), /* @__PURE__ */ React8.createElement(Tooltip2.Root, null, /* @__PURE__ */ React8.createElement(Avatar4.Root, null, /* @__PURE__ */ React8.createElement(Tooltip2.Trigger, {
-    asChild: true
+  }), /* @__PURE__ */ React8.createElement(Avatar4.Root, null, /* @__PURE__ */ React8.createElement(Tooltip2.Trigger, {
+    asChild: true,
+    content: t(multiUse ? "invite many qr label" : "invite one qr label"),
+    side: "left"
   }, /* @__PURE__ */ React8.createElement(Avatar4.Content, {
     ...avatarProps,
     animation: avatarAnimation,
@@ -463,10 +465,11 @@ var InvitationListItemImpl = ({ invitation, invitationStatus: propsInvitationSta
       focusRing,
       "relative rounded-full place-self-center"
     ]
-  }))), /* @__PURE__ */ React8.createElement(Tooltip2.Portal, null, /* @__PURE__ */ React8.createElement(Tooltip2.Content, {
-    side: "left"
-  }, t(multiUse ? "invite many qr label" : "invite one qr label"), /* @__PURE__ */ React8.createElement(Tooltip2.Arrow, null)))), showShare && invitationUrl ? /* @__PURE__ */ React8.createElement(Tooltip2.Root, null, /* @__PURE__ */ React8.createElement(React8.Fragment, null, /* @__PURE__ */ React8.createElement(Tooltip2.Trigger, {
-    asChild: true
+  }))), showShare && invitationUrl ? /* @__PURE__ */ React8.createElement(React8.Fragment, null, /* @__PURE__ */ React8.createElement(Tooltip2.Trigger, {
+    asChild: true,
+    content: invitationHasLifetime ? t("expires label", {
+      timeLeft: invitationTimeLeft
+    }) : t("no expiration label")
   }, /* @__PURE__ */ React8.createElement(Button4, {
     variant: "ghost",
     classNames: "grow justify-start font-medium",
@@ -478,9 +481,7 @@ var InvitationListItemImpl = ({ invitation, invitationStatus: propsInvitationSta
   }, /* @__PURE__ */ React8.createElement("span", null, t("open share panel label")))), /* @__PURE__ */ React8.createElement(Clipboard.IconButton, {
     variant: "ghost",
     value: invitationUrl
-  })), /* @__PURE__ */ React8.createElement(Tooltip2.Portal, null, /* @__PURE__ */ React8.createElement(Tooltip2.Content, {
-    side: "left"
-  }, invitationHasLifetime && /* @__PURE__ */ React8.createElement("span", null, "Expires ", invitationTimeLeft)))) : showAuthCode ? /* @__PURE__ */ React8.createElement(AuthCode, {
+  })) : showAuthCode ? /* @__PURE__ */ React8.createElement(AuthCode, {
     code: authCode,
     classNames: "grow"
   }) : invitationStatus === Invitation.State.CONNECTING ? /* @__PURE__ */ React8.createElement("span", {
@@ -1583,8 +1584,10 @@ var IdentityHeading = ({ titleId, title, identity, onDone, onUpdateProfile, conn
     "data-testid": "update-profile-form-copy-key",
     label: t("copy self did label"),
     value: identity.did
-  }), onManageCredentials && /* @__PURE__ */ React25.createElement(Tooltip3.Root, null, /* @__PURE__ */ React25.createElement(Tooltip3.Trigger, {
-    asChild: true
+  }), onManageCredentials && /* @__PURE__ */ React25.createElement(Tooltip3.Trigger, {
+    asChild: true,
+    content: t("manage credentials label"),
+    side: "bottom"
   }, /* @__PURE__ */ React25.createElement(Toolbar.Button, {
     classNames: "bs-[--rail-action]",
     onClick: onManageCredentials
@@ -1592,10 +1595,10 @@ var IdentityHeading = ({ titleId, title, identity, onDone, onUpdateProfile, conn
     className: "sr-only"
   }, t("manage credentials label")), /* @__PURE__ */ React25.createElement(IdentificationCard, {
     className: getSize10(5)
-  }))), /* @__PURE__ */ React25.createElement(Tooltip3.Portal, null, /* @__PURE__ */ React25.createElement(Tooltip3.Content, {
+  }))), /* @__PURE__ */ React25.createElement(Tooltip3.Trigger, {
+    asChild: true,
+    content: t(isConnected ? "disconnect label" : "connect label"),
     side: "bottom"
-  }, t("manage credentials label"), /* @__PURE__ */ React25.createElement(Tooltip3.Arrow, null)))), /* @__PURE__ */ React25.createElement(Tooltip3.Root, null, /* @__PURE__ */ React25.createElement(Tooltip3.Trigger, {
-    asChild: true
   }, /* @__PURE__ */ React25.createElement(Toolbar.Button, {
     classNames: [
       "bs-[--rail-action]",
@@ -1608,9 +1611,7 @@ var IdentityHeading = ({ titleId, title, identity, onDone, onUpdateProfile, conn
     className: getSize10(5)
   }) : /* @__PURE__ */ React25.createElement(Plugs, {
     className: getSize10(5)
-  }))), /* @__PURE__ */ React25.createElement(Tooltip3.Portal, null, /* @__PURE__ */ React25.createElement(Tooltip3.Content, {
-    side: "bottom"
-  }, t(isConnected ? "disconnect label" : "connect label"), /* @__PURE__ */ React25.createElement(Tooltip3.Arrow, null)))))));
+  }))))));
 };
 var IdentityPanelImpl = (props) => {
   const { identity, titleId, activeView, onUpdateProfile, onResetStorage, onRecover, onJoinNewIdentity, IdentityActionChooser: IdentityActionChooserComponent = IdentityActionChooser, InvitationManager: InvitationManagerComponent = InvitationManager, connectionState, onChangeConnectionState, onDone, onManageCredentials, ...rest } = props;
@@ -1703,7 +1704,7 @@ var IdentityPanel = ({ titleId: propsTitleId, createInvitationUrl = (code) => co
   if (!identity) {
     log7.error("IdentityPanel rendered with no active identity.", void 0, {
       F: __dxlog_file6,
-      L: 283,
+      L: 265,
       S: void 0,
       C: (f, a) => f(...a)
     });
@@ -1720,7 +1721,7 @@ var IdentityPanel = ({ titleId: propsTitleId, createInvitationUrl = (code) => co
     const subscription = identityService.subscribe((state) => {
       log7("[state]", state, {
         F: __dxlog_file6,
-        L: 296,
+        L: 278,
         S: void 0,
         C: (f, a) => f(...a)
       });
@@ -4099,6 +4100,8 @@ var os = {
   "select emoji label": "Avatar emoji",
   "select hue label": "Avatar background color",
   "resetting message": "One moment while the device is reset\u2026",
+  "expires label": "Expires {{timeLeft}}",
+  "no expiration label": "Doesn\u2019t expire",
   // TODO(burdon): Factor out.
   "red label": "Red",
   "orange label": "Orange",