@dxos/shell 0.8.1-main.ae460ac → 0.8.1-staging.31c3ee1

package/dist/lib/node/react.cjs

@@ -39,6 +39,7 @@ __export(react_exports, {
   ConfirmReset: () => ConfirmReset,
   ConfirmResetImpl: () => ConfirmResetImpl,
   DeviceList: () => DeviceList,
+  DeviceListItem: () => DeviceListItem,
   Emoji: () => Emoji,
   Heading: () => Heading,
   IdentityDialog: () => IdentityDialog,
@@ -324,21 +325,15 @@ var AgentConfig = ({ agentStatus, validationMessage, onAgentDestroy, onAgentCrea
     role: "group",
     className: "mlb-2 flex gap-2 items-center",
     "aria-describedby": "devices-panel.create-agent.description"
-  }, /* @__PURE__ */ import_react2.default.createElement(import_react_ui.Avatar.Root, {
+  }, /* @__PURE__ */ import_react2.default.createElement(import_react_ui.Avatar.Root, null, /* @__PURE__ */ import_react2.default.createElement(import_react_ui.Avatar.Content, {
     status: agentStatus === "created" ? "warning" : "inactive",
-    variant: "square"
-  }, /* @__PURE__ */ import_react2.default.createElement(import_react_ui.Avatar.Frame, {
-    classNames: "place-self-center"
-  }, /* @__PURE__ */ import_react2.default.createElement(import_react.Database, {
-    weight: "duotone",
-    width: 24,
-    height: 24,
-    x: 8,
-    y: 8,
-    ...agentStatus !== "created" && {
-      className: "opacity-50"
-    }
-  })), /* @__PURE__ */ import_react2.default.createElement(import_react_ui.Avatar.Label, {
+    variant: "square",
+    classNames: [
+      "place-self-center",
+      agentStatus !== "created" && "opactiy-50"
+    ],
+    icon: "ph--database--duotone"
+  }), /* @__PURE__ */ import_react2.default.createElement(import_react_ui.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__ */ import_react2.default.createElement(import_react_ui.Tooltip.Root, null, /* @__PURE__ */ import_react2.default.createElement(import_react_ui.Tooltip.Trigger, {
     asChild: true
@@ -444,14 +439,13 @@ var IdentityListItem = /* @__PURE__ */ (0, import_react4.forwardRef)(({ identity
     labelId,
     ref: forwardedRef
   }, /* @__PURE__ */ import_react4.default.createElement(import_react_ui3.Avatar.Root, {
+    labelId
+  }, /* @__PURE__ */ import_react4.default.createElement(import_react_ui3.Avatar.Content, {
     status: presence === import_echo.SpaceMember.PresenceState.ONLINE ? "active" : "inactive",
-    labelId,
-    hue: identity.profile?.data?.hue || fallbackValue.hue
-  }, /* @__PURE__ */ import_react4.default.createElement(import_react_ui3.Avatar.Frame, {
+    hue: identity.profile?.data?.hue || fallbackValue.hue,
+    fallback: identity.profile?.data?.emoji || fallbackValue.emoji,
     classNames: "place-self-center"
-  }, /* @__PURE__ */ import_react4.default.createElement(import_react_ui3.Avatar.Fallback, {
-    text: identity.profile?.data?.emoji || fallbackValue.emoji
-  })), /* @__PURE__ */ import_react4.default.createElement(import_react_ui3.Avatar.Label, {
+  }), /* @__PURE__ */ import_react4.default.createElement(import_react_ui3.Avatar.Label, {
     classNames: "text-sm truncate pli-2"
   }, displayName)));
 });
@@ -486,13 +480,6 @@ var SpaceMemberListImpl = ({ members, onSelect }) => {
     className: (0, import_react_ui_theme4.mx)(import_react_ui_theme4.descriptionText, "text-center is-full mlb-2")
   }, t("empty space members message")));
 };
-var iconProps = {
-  weight: "duotone",
-  width: 24,
-  height: 24,
-  x: 8,
-  y: 8
-};
 var DeviceListItem = /* @__PURE__ */ (0, import_react9.forwardRef)(({ device, onClickAdd, onClickEdit, onClickReset, onClickRecover, onClickJoinExisting, classNames, connectionState, onAgentDestroy: _, ...props }, forwardedRef) => {
   const { t } = (0, import_react_ui6.useTranslation)("os");
   const fallbackValue = (0, import_util2.keyToFallback)(device.deviceKey);
@@ -512,22 +499,25 @@ var DeviceListItem = /* @__PURE__ */ (0, import_react9.forwardRef)(({ device, on
     labelId,
     ref: forwardedRef
   }, /* @__PURE__ */ import_react9.default.createElement(import_react_ui6.Avatar.Root, {
+    labelId
+  }, /* @__PURE__ */ import_react9.default.createElement(import_react_ui6.Avatar.Content, {
     status: isCurrent && connectionState === import_mesh.ConnectionState.OFFLINE ? "error" : device.presence === import_halo.Device.PresenceState.ONLINE ? "active" : "inactive",
-    labelId,
     hue: fallbackValue.hue,
-    variant: "square"
-  }, /* @__PURE__ */ import_react9.default.createElement(import_react_ui6.Avatar.Frame, {
-    classNames: "place-self-center"
-  }, device.profile?.type ? device.profile.type === import_halo.DeviceType.AGENT_MANAGED ? /* @__PURE__ */ import_react9.default.createElement(import_react8.Database, iconProps) : device.profile.type === import_halo.DeviceType.BROWSER ? /* @__PURE__ */ import_react9.default.createElement(import_react8.Compass, iconProps) : device.profile.type === import_halo.DeviceType.NATIVE ? /* @__PURE__ */ import_react9.default.createElement(import_react8.Desktop, iconProps) : [
-    import_halo.DeviceType.AGENT,
-    import_halo.DeviceType.AGENT_MANAGED
-  ].includes(device.profile.type) ? /* @__PURE__ */ import_react9.default.createElement(import_react8.Robot, iconProps) : device.profile.type === import_halo.DeviceType.MOBILE ? /* @__PURE__ */ import_react9.default.createElement(import_react8.DeviceMobile, iconProps) : /* @__PURE__ */ import_react9.default.createElement(import_react8.Devices, iconProps) : /* @__PURE__ */ import_react9.default.createElement(import_react_ui6.Avatar.Fallback, {
-    text: fallbackValue.emoji
-  })), /* @__PURE__ */ import_react9.default.createElement(import_react_ui6.Avatar.Label, {
+    variant: "square",
+    classNames: "place-self-center",
+    ...device.profile?.type ? {
+      icon: device.profile.type === import_halo.DeviceType.AGENT_MANAGED ? "ph--database--regular" : device.profile.type === import_halo.DeviceType.BROWSER ? "ph--compass--regular" : device.profile.type === import_halo.DeviceType.NATIVE ? "ph--desktop--regular" : [
+        import_halo.DeviceType.AGENT,
+        import_halo.DeviceType.AGENT_MANAGED
+      ].includes(device.profile.type) ? "ph--robot--regular" : device.profile.type === import_halo.DeviceType.MOBILE ? "ph--device-mobile--regular" : "ph--devices--regular"
+    } : {
+      fallback: fallbackValue.emoji
+    }
+  }), /* @__PURE__ */ import_react9.default.createElement(import_react_ui6.Avatar.Label, {
     classNames: "flex-1 text-sm truncate"
   }, displayName), isCurrent && /* @__PURE__ */ import_react9.default.createElement(import_react_ui6.Tag, {
     color: "primary"
-  }, t("current device tag label")), device.kind === import_halo.DeviceKind.CURRENT && /* @__PURE__ */ import_react9.default.createElement(import_react_ui6.DropdownMenu.Root, null, /* @__PURE__ */ import_react9.default.createElement(import_react_ui6.DropdownMenu.Trigger, {
+  }, t("current device tag label")), device.kind === import_halo.DeviceKind.CURRENT && (onClickJoinExisting || onClickRecover || onClickReset) && /* @__PURE__ */ import_react9.default.createElement(import_react_ui6.DropdownMenu.Root, null, /* @__PURE__ */ import_react9.default.createElement(import_react_ui6.DropdownMenu.Trigger, {
     asChild: true
   }, /* @__PURE__ */ import_react9.default.createElement(import_react_ui6.Button, {
     variant: "ghost",
@@ -537,7 +527,7 @@ var DeviceListItem = /* @__PURE__ */ (0, import_react9.forwardRef)(({ device, on
     className: "sr-only"
   }, t("more options label")), /* @__PURE__ */ import_react9.default.createElement(import_react8.DotsThree, {
     className: (0, import_react_ui_theme6.getSize)(5)
-  }))), /* @__PURE__ */ import_react9.default.createElement(import_react_ui6.DropdownMenu.Content, null, /* @__PURE__ */ import_react9.default.createElement(import_react_ui6.DropdownMenu.Viewport, null, /* @__PURE__ */ import_react9.default.createElement(import_react_ui6.DropdownMenu.Item, {
+  }))), /* @__PURE__ */ import_react9.default.createElement(import_react_ui6.DropdownMenu.Content, null, /* @__PURE__ */ import_react9.default.createElement(import_react_ui6.DropdownMenu.Viewport, null, onClickJoinExisting && /* @__PURE__ */ import_react9.default.createElement(import_react_ui6.DropdownMenu.Item, {
     "data-testid": "device-list-item-current.join-existing",
     onClick: onClickJoinExisting
   }, /* @__PURE__ */ import_react9.default.createElement(import_react8.ShareFat, {
@@ -547,7 +537,7 @@ var DeviceListItem = /* @__PURE__ */ (0, import_react9.forwardRef)(({ device, on
     onClick: onClickRecover
   }, /* @__PURE__ */ import_react9.default.createElement(import_react8.FirstAidKit, {
     className: (0, import_react_ui_theme6.getSize)(5)
-  }), t("choose recover identity label")), /* @__PURE__ */ import_react9.default.createElement(import_react_ui6.DropdownMenu.Item, {
+  }), t("choose recover identity label")), onClickReset && /* @__PURE__ */ import_react9.default.createElement(import_react_ui6.DropdownMenu.Item, {
     "data-testid": "device-list-item-current.reset",
     onClick: onClickReset
   }, /* @__PURE__ */ import_react9.default.createElement(import_react8.Power, {
@@ -712,21 +702,19 @@ var InvitationListItemImpl = ({ invitation, invitationStatus: propsInvitationSta
     status: avatarStatus,
     animation: avatarAnimation,
     reverseEffects
-  }), /* @__PURE__ */ import_react11.default.createElement(import_react_ui7.Tooltip.Root, null, /* @__PURE__ */ import_react11.default.createElement(import_react_ui7.Avatar.Root, {
+  }), /* @__PURE__ */ import_react11.default.createElement(import_react_ui7.Tooltip.Root, null, /* @__PURE__ */ import_react11.default.createElement(import_react_ui7.Avatar.Root, null, /* @__PURE__ */ import_react11.default.createElement(import_react_ui7.Tooltip.Trigger, {
+    asChild: true
+  }, /* @__PURE__ */ import_react11.default.createElement(import_react_ui7.Avatar.Content, {
     ...avatarProps,
     animation: avatarAnimation,
-    status: avatarStatus
-  }, /* @__PURE__ */ import_react11.default.createElement(import_react_ui7.Tooltip.Trigger, {
-    asChild: true
-  }, /* @__PURE__ */ import_react11.default.createElement(import_react_ui7.Avatar.Frame, {
+    status: avatarStatus,
+    fallback: (0, import_util3.hexToEmoji)(invitationId),
     tabIndex: 0,
     classNames: [
       import_react_ui_theme7.focusRing,
       "relative rounded-full place-self-center"
     ]
-  }, /* @__PURE__ */ import_react11.default.createElement(import_react_ui7.Avatar.Fallback, {
-    text: (0, import_util3.hexToEmoji)(invitationId)
-  })))), /* @__PURE__ */ import_react11.default.createElement(import_react_ui7.Tooltip.Portal, null, /* @__PURE__ */ import_react11.default.createElement(import_react_ui7.Tooltip.Content, {
+  }))), /* @__PURE__ */ import_react11.default.createElement(import_react_ui7.Tooltip.Portal, null, /* @__PURE__ */ import_react11.default.createElement(import_react_ui7.Tooltip.Content, {
     side: "left"
   }, t(multiUse ? "invite many qr label" : "invite one qr label"), /* @__PURE__ */ import_react11.default.createElement(import_react_ui7.Tooltip.Arrow, null)))), showShare && invitationUrl ? /* @__PURE__ */ import_react11.default.createElement(import_react_ui7.Tooltip.Root, null, /* @__PURE__ */ import_react11.default.createElement(import_react11.default.Fragment, null, /* @__PURE__ */ import_react11.default.createElement(import_react_ui7.Tooltip.Trigger, {
     asChild: true
@@ -1050,9 +1038,9 @@ var SpaceListItem = /* @__PURE__ */ (0, import_react26.forwardRef)(({ space, onC
     "data-testid": "space-list-item"
   }, /* @__PURE__ */ import_react26.default.createElement(import_react_ui13.Avatar.Root, {
     labelId
-  }, /* @__PURE__ */ import_react26.default.createElement(import_react_ui13.Avatar.Frame, null, /* @__PURE__ */ import_react26.default.createElement(import_react_ui13.Avatar.Fallback, {
-    text: fallbackValue
-  })), /* @__PURE__ */ import_react26.default.createElement(import_react_ui13.Avatar.Label, {
+  }, /* @__PURE__ */ import_react26.default.createElement(import_react_ui13.Avatar.Content, {
+    fallback: fallbackValue
+  }), /* @__PURE__ */ import_react26.default.createElement(import_react_ui13.Avatar.Label, {
     classNames: "text-sm truncate"
   }, displayName)));
 });
@@ -1666,18 +1654,16 @@ var IdentityHeading = ({ titleId, title, identity, onDone, onUpdateProfile, conn
     corner: /* @__PURE__ */ import_react29.default.createElement(CloseButton, {
       onDone
     })
-  }, /* @__PURE__ */ import_react29.default.createElement(import_react_ui15.Avatar.Root, {
+  }, /* @__PURE__ */ import_react29.default.createElement(import_react_ui15.Avatar.Root, null, /* @__PURE__ */ import_react29.default.createElement(import_react_ui15.Toolbar.Root, {
+    classNames: "flex justify-center"
+  }, /* @__PURE__ */ import_react29.default.createElement(import_react_ui15.Avatar.Content, {
     size: 16,
     variant: "circle",
     status: isConnected ? "active" : "error",
-    hue: hue || fallbackValue.hue
-  }, /* @__PURE__ */ import_react29.default.createElement(import_react_ui15.Toolbar.Root, {
-    classNames: "flex justify-center"
-  }, /* @__PURE__ */ import_react29.default.createElement(import_react_ui15.Avatar.Frame, {
+    hue: hue || fallbackValue.hue,
+    fallback: emoji || fallbackValue.emoji,
     classNames: "relative z-[2] -mli-4 chromatic-ignore"
-  }, /* @__PURE__ */ import_react29.default.createElement(import_react_ui15.Avatar.Fallback, {
-    text: emoji || fallbackValue.emoji
-  }))), /* @__PURE__ */ import_react29.default.createElement(import_react_ui15.Avatar.Label, {
+  })), /* @__PURE__ */ import_react29.default.createElement(import_react_ui15.Avatar.Label, {
     classNames: "sr-only",
     "data-testid": "identityHeading.displayName"
   }, identity.profile?.displayName ?? (0, import_display_name3.generateName)(identity.identityKey.toHex())), /* @__PURE__ */ import_react29.default.createElement(import_react_ui15.Input.Root, null, /* @__PURE__ */ import_react29.default.createElement(import_react_ui15.Input.Label, {
@@ -1699,7 +1685,8 @@ var IdentityHeading = ({ titleId, title, identity, onDone, onUpdateProfile, conn
     value: hue,
     onChange: setHue,
     onReset: () => setHue(void 0),
-    classNames: "bs-[--rail-action]"
+    classNames: "bs-[--rail-action]",
+    rootVariant: "toolbar-button"
   }), /* @__PURE__ */ import_react29.default.createElement(import_react_ui15.Clipboard.IconButton, {
     classNames: "bs-[--rail-action]",
     "data-testid": "update-profile-form-copy-key",
@@ -1825,7 +1812,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: 272,
+      L: 283,
       S: void 0,
       C: (f, a) => f(...a)
     });
@@ -1842,7 +1829,7 @@ var IdentityPanel = ({ titleId: propsTitleId, createInvitationUrl = (code) => co
     const subscription = identityService.subscribe((state) => {
       (0, import_log.log)("[state]", state, {
         F: __dxlog_file6,
-        L: 285,
+        L: 296,
         S: void 0,
         C: (f, a) => f(...a)
       });
@@ -2587,12 +2574,12 @@ var IdentityAdded = (props) => {
     role: "none",
     className: "grow flex flex-col items-center justify-center text-center gap-2"
   }, /* @__PURE__ */ import_react46.default.createElement(import_react_ui22.Avatar.Root, {
+    labelId
+  }, /* @__PURE__ */ import_react46.default.createElement(import_react_ui22.Avatar.Content, {
     status: "active",
-    labelId,
-    hue: addedIdentity?.profile?.data?.hue || fallbackValue.hue
-  }, /* @__PURE__ */ import_react46.default.createElement(import_react_ui22.Avatar.Frame, null, /* @__PURE__ */ import_react46.default.createElement(import_react_ui22.Avatar.Fallback, {
-    text: addedIdentity?.profile?.data?.emoji || fallbackValue.emoji
-  })), /* @__PURE__ */ import_react46.default.createElement(import_react_ui22.Avatar.Label, {
+    hue: addedIdentity?.profile?.data?.hue || fallbackValue.hue,
+    fallback: addedIdentity?.profile?.data?.emoji || fallbackValue.emoji
+  }), /* @__PURE__ */ import_react46.default.createElement(import_react_ui22.Avatar.Label, {
     classNames: (0, import_react_ui_theme24.mx)("text-lg truncate", !addedIdentity?.profile?.displayName && "font-mono")
   }, displayName))), /* @__PURE__ */ import_react46.default.createElement(Actions, null, mode === "halo-only" ? doneActionParent ? /* @__PURE__ */ (0, import_react46.cloneElement)(doneActionParent, {}, doneAction) : doneAction : /* @__PURE__ */ import_react46.default.createElement(Action, {
     variant: "primary",
@@ -4054,15 +4041,15 @@ var os = {
   "device list heading": "Devices",
   "space member list heading": "Members",
   "space panel heading": "Space membership",
-  "auth code message": "Enter the following auth code on the joining device.",
-  "auth other device emoji message": "Be sure the other device shows the following symbol:",
+  "auth code message": "Enter the following auth code on the joining device. Click the code to copy\xA0it.",
+  "auth other device emoji message": "Be sure the other device shows the following\xA0emoji.",
   "display name input label": "Display name",
   "display name input placeholder": "Enter a display name",
-  "invite one label": "Single-use invitation",
+  "invite one label": "Create single-use invitation",
   "invite one description": "Only one user may join.",
   "invite one qr label": "Single-use invitation",
   "invite one list item label": "Active single-use invitation",
-  "invite many label": "Multi-use invitation",
+  "invite many label": "Create multi-use invitation",
   "invite many description": "Anyone with the link can join.",
   "invite many qr label": "Multi-use invitation",
   "invite many list item label": "Active multi-use invitation",
@@ -4076,7 +4063,7 @@ var os = {
   "confirmation placeholder": "Enter {{confirmationValue}} to continue.",
   "sign out chooser title": "Danger zone",
   "sign out chooser message": "Proceeding with the action below will erase all data on this device.",
-  "join new identity label": "Join a new identity",
+  "join new identity label": "Join an existing identity",
   "reset device label": "Reset storage",
   "reset device confirm message": "Are you sure you want to reset your device? All data will be lost.",
   "emoji and color label": "Emoji and color",
@@ -4342,6 +4329,7 @@ var ShellProvider = ({ space, deviceInvitationCode, spaceInvitationCode, onJoine
   ConfirmReset,
   ConfirmResetImpl,
   DeviceList,
+  DeviceListItem,
   Emoji,
   Heading,
   IdentityDialog,