@atlaskit/rovo-agent-components 8.12.3 → 8.13.1

package/CHANGELOG.md

@@ -1,5 +1,26 @@
 # @atlaskit/rovo-agent-components
 
+## 8.13.1
+
+### Patch Changes
+
+- [`7ab7f5213c65b`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/7ab7f5213c65b) -
+  Fixed `ResolvedAgentAvatar` drawing a white hexagon border around the fetched picture when
+  `showBorder` is false. `Avatar`'s hexagon appearance always paints a border ring from
+  `borderColor`, which defaults to `elevation.surface`, so the picture now passes
+  `borderColor="transparent"` in that case to match the borderless look callers expect.
+
+## 8.13.0
+
+### Minor Changes
+
+- [`241e671db5235`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/241e671db5235) -
+  `ResolvedAgentAvatar` now accepts either a bare account id or a full identity ARI for
+  `agentIdentityAccountId`, so callers that already have the bare id don't need to wrap it first.
+  `fallback` is now optional, defaulting to a generic hexagon `Avatar` built from `agentName` when a
+  caller has nothing more specific to show. The fetched picture now renders through `Avatar`
+  directly instead of the deprecated `AgentAvatar`.
+
 ## 8.12.3
 
 ### Patch Changes

package/dist/cjs/common/ui/chat-pill/index.js

@@ -16,8 +16,8 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 var _reactIntl = require("react-intl");
 var _css = require("@atlaskit/css");
 var _aiAgent = _interopRequireDefault(require("@atlaskit/icon/core/ai-agent"));
-var _compiled = require("@atlaskit/primitives/compiled");
 var _fg = require("@atlaskit/platform-feature-flags/fg");
+var _compiled = require("@atlaskit/primitives/compiled");
 var _chatIcon = require("../chat-icon");
 var _messages = _interopRequireDefault(require("./messages"));
 var _excluded = ["children", "whiteSpacePreWrap", "renderIcon"];

package/dist/cjs/ui/agent-avatar/resolved-agent-avatar/ResolvedAgentAvatar.compiled.css

@@ -0,0 +1,4 @@
+._1bah1h6o{justify-content:center}
+._1e0c1txw{display:flex}
+._4cvr1h6o{align-items:center}
+._bfhkvuon{background-color:var(--ds-surface,#fff)}

package/dist/cjs/ui/agent-avatar/resolved-agent-avatar/ResolvedAgentAvatar.js

@@ -1,3 +1,4 @@
+/* ResolvedAgentAvatar.tsx generated by @compiled/babel-plugin v3.0.2 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -6,25 +7,37 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ResolvedAgentAvatar = void 0;
+require("./ResolvedAgentAvatar.compiled.css");
+var _runtime = require("@compiled/react/runtime");
 var _ResolvedAgentAvatarQuery2 = _interopRequireDefault(require("./__generated__/ResolvedAgentAvatarQuery.graphql"));
 var _react = _interopRequireWildcard(require("react"));
 var _reactErrorBoundary = require("react-error-boundary");
 var _reactRelay = require("react-relay");
+var _avatar = _interopRequireDefault(require("@atlaskit/avatar/avatar"));
+var _avatarSizes = require("@atlaskit/avatar/avatar-sizes");
 var _Skeleton = _interopRequireDefault(require("@atlaskit/avatar/Skeleton"));
-var _index = require("../index");
+var _box = require("@atlaskit/primitives/compiled/box");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
-// A relative import, not the package's own public subpath: a package can't resolve its own
-// name from within itself when building its published type declarations in isolation.
+var styles = {
+  showBorder: "_1e0c1txw _4cvr1h6o _1bah1h6o _bfhkvuon"
+};
 
 // The fixed partition/resource-owner/resource-type segments of an identity user ARI — only the
 // account id itself varies. Matched by prefix rather than via `@atlassian/ari` (an internal
 // package this public package can't depend on).
 var IDENTITY_USER_ARI_PREFIX = 'ari:cloud:identity::user/';
 
-/** Parses the account id needed for the picture fetch from the identity ARI a caller carries. */
+/**
+ * Parses the account id needed for the picture fetch from whatever identity a caller carries —
+ * either the bare account id, or the full identity ARI (callers that already have one on hand
+ * don't need to strip it first).
+ */
 var parseIdentityAccountId = function parseIdentityAccountId(value) {
   var trimmed = value === null || value === void 0 ? void 0 : value.trim();
-  return trimmed !== null && trimmed !== void 0 && trimmed.startsWith(IDENTITY_USER_ARI_PREFIX) ? trimmed.slice(IDENTITY_USER_ARI_PREFIX.length) : undefined;
+  if (!trimmed) {
+    return undefined;
+  }
+  return trimmed.startsWith(IDENTITY_USER_ARI_PREFIX) ? trimmed.slice(IDENTITY_USER_ARI_PREFIX.length) : trimmed;
 };
 var FetchedAgentAvatar = function FetchedAgentAvatar(_ref) {
   var _data$user, _data$user2;
@@ -43,21 +56,40 @@ var FetchedAgentAvatar = function FetchedAgentAvatar(_ref) {
     return fallback;
   }
   var name = ((_data$user2 = data.user) === null || _data$user2 === void 0 || (_data$user2 = _data$user2.name) === null || _data$user2 === void 0 ? void 0 : _data$user2.trim()) || agentName;
-  return /*#__PURE__*/_react.default.createElement(_index.AgentAvatar, {
-    imageUrl: picture,
+  if (!showBorder) {
+    return /*#__PURE__*/_react.default.createElement(_avatar.default, {
+      appearance: "hexagon",
+      src: picture,
+      name: name,
+      label: name,
+      size: size,
+      borderColor: "transparent"
+    });
+  }
+  return /*#__PURE__*/_react.default.createElement(_box.Box, {
+    testId: "resolved-agent-avatar-border",
+    xcss: styles.showBorder,
+    style: {
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop, @atlaskit/ui-styling-standard/no-imported-style-values
+      height: _avatarSizes.AVATAR_SIZES[size],
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop, @atlaskit/ui-styling-standard/no-imported-style-values
+      width: _avatarSizes.AVATAR_SIZES[size]
+    }
+  }, /*#__PURE__*/_react.default.createElement(_avatar.default, {
+    appearance: "hexagon",
+    src: picture,
     name: name,
     label: name,
-    showBorder: showBorder,
     size: size
-  });
+  }));
 };
 
 /**
  * The best avatar available for an agent identity: the real account picture when one can be
- * fetched, otherwise the caller-supplied `fallback`. Works for any identity with an
- * `agentIdentityAccountId` — including the default Rovo agent, now that Rovo is provisioned its
- * own identity account. A `Suspense` skeleton bridges the fetch, and an `ErrorBoundary` keeps a
- * failed or unavailable fetch from ever breaking the caller — it just renders `fallback`.
+ * fetched, otherwise `fallback`. Works for any identity with an `agentIdentityAccountId` —
+ * including the default Rovo agent, now that Rovo is provisioned its own identity account. A
+ * `Suspense` skeleton bridges the fetch, and an `ErrorBoundary` keeps a failed or unavailable
+ * fetch from ever breaking the caller — it just renders `fallback`.
  */
 var ResolvedAgentAvatar = exports.ResolvedAgentAvatar = function ResolvedAgentAvatar(_ref2) {
   var agentIdentityAccountId = _ref2.agentIdentityAccountId,
@@ -67,12 +99,17 @@ var ResolvedAgentAvatar = exports.ResolvedAgentAvatar = function ResolvedAgentAv
     showBorder = _ref2$showBorder === void 0 ? false : _ref2$showBorder,
     _ref2$size = _ref2.size,
     size = _ref2$size === void 0 ? 'medium' : _ref2$size;
+  var resolvedFallback = fallback !== null && fallback !== void 0 ? fallback : /*#__PURE__*/_react.default.createElement(_avatar.default, {
+    appearance: "hexagon",
+    name: agentName,
+    size: size
+  });
   var accountId = parseIdentityAccountId(agentIdentityAccountId);
   if (!accountId) {
-    return fallback;
+    return resolvedFallback;
   }
   return /*#__PURE__*/_react.default.createElement(_reactErrorBoundary.ErrorBoundary, {
-    fallback: fallback
+    fallback: resolvedFallback
   }, /*#__PURE__*/_react.default.createElement(_react.Suspense, {
     fallback: /*#__PURE__*/_react.default.createElement(_Skeleton.default, {
       appearance: "hexagon",
@@ -81,7 +118,7 @@ var ResolvedAgentAvatar = exports.ResolvedAgentAvatar = function ResolvedAgentAv
   }, /*#__PURE__*/_react.default.createElement(FetchedAgentAvatar, {
     accountId: accountId,
     agentName: agentName,
-    fallback: fallback,
+    fallback: resolvedFallback,
     showBorder: showBorder,
     size: size
   })));

package/dist/cjs/ui/agent-conversation-starters/ConversationStarters.js

@@ -12,8 +12,8 @@ var _react = _interopRequireDefault(require("react"));
 var _button = _interopRequireDefault(require("@atlaskit/button/icon/button"));
 var _css = require("@atlaskit/css");
 var _retry = _interopRequireDefault(require("@atlaskit/icon/core/retry"));
-var _compiled = require("@atlaskit/primitives/compiled");
 var _fg = require("@atlaskit/platform-feature-flags/fg");
+var _compiled = require("@atlaskit/primitives/compiled");
 var _agentChatIcon = require("../../common/ui/agent-chat-icon");
 var _chatPill = require("../../common/ui/chat-pill");
 var styles = {

package/dist/cjs/ui/agent-profile-info/index.js

@@ -13,8 +13,8 @@ var _reactIntl = require("react-intl");
 var _featureGates = _interopRequireDefault(require("@atlaskit/feature-gate-js-client/feature-gates"));
 var _heading = _interopRequireDefault(require("@atlaskit/heading/heading"));
 var _link = _interopRequireDefault(require("@atlaskit/link/link"));
-var _atlassianIcon = require("@atlaskit/logo/atlassian-icon");
 var _logo = require("@atlaskit/logo");
+var _atlassianIcon = require("@atlaskit/logo/atlassian-icon");
 var _fg = require("@atlaskit/platform-feature-flags/fg");
 var _compiled = require("@atlaskit/primitives/compiled");
 var _skeleton = _interopRequireDefault(require("@atlaskit/skeleton"));

package/dist/cjs/ui/agent-verified/agent-verified.stories.js

@@ -6,9 +6,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = exports.TextLarge = exports.HeadingMedium = exports.HeadingLarge = exports.Default = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _storybookDecorators = require("@atlassian/agent-studio-test-utils/storybook-decorators");
 var _reactMagneticDi = require("react-magnetic-di");
 var _reactRelay = require("react-relay");
+var _storybookDecorators = require("@atlassian/agent-studio-test-utils/storybook-decorators");
 var _agentVerified = require("./agent-verified");
 var commonDeps = [(0, _reactMagneticDi.injectable)(_reactRelay.useFragment, function () {
   return {

package/dist/es2019/common/ui/chat-pill/index.js

@@ -7,8 +7,8 @@ import { forwardRef } from 'react';
 import { useIntl } from 'react-intl';
 import { cx } from '@atlaskit/css';
 import AgentIcon from '@atlaskit/icon/core/ai-agent';
-import { Box, Inline, Pressable } from '@atlaskit/primitives/compiled';
 import { fg } from '@atlaskit/platform-feature-flags/fg';
+import { Box, Inline, Pressable } from '@atlaskit/primitives/compiled';
 import { ChatPillIcon } from '../chat-icon';
 import messages from './messages';
 const stylesCompiled = {

package/dist/es2019/ui/agent-avatar/generated-avatars/assets/amplitude-agent.js

@@ -1,4 +1,5 @@
 /* eslint-disable @atlaskit/ui-styling-standard/enforce-style-prop */
+
 import React from 'react';
 export default (({
   size

package/dist/es2019/ui/agent-avatar/generated-avatars/assets/auto-dev.js

@@ -1,4 +1,5 @@
 /* eslint-disable @atlaskit/ui-styling-standard/enforce-style-prop */
+
 import React from 'react';
 export default (({
   size,

package/dist/es2019/ui/agent-avatar/generated-avatars/assets/auto-fix.js

@@ -1,4 +1,5 @@
 /* eslint-disable @atlaskit/ui-styling-standard/enforce-style-prop */
+
 import React from 'react';
 export default (({
   size,

package/dist/es2019/ui/agent-avatar/generated-avatars/assets/auto-review.js

@@ -1,4 +1,5 @@
 /* eslint-disable @atlaskit/ui-styling-standard/enforce-style-prop */
+
 import React from 'react';
 export default (({
   size,

package/dist/es2019/ui/agent-avatar/generated-avatars/assets/backlog-buddy.js

@@ -1,4 +1,5 @@
 /* eslint-disable @atlaskit/ui-styling-standard/enforce-style-prop */
+
 import React from 'react';
 export default (({
   size,

package/dist/es2019/ui/agent-avatar/generated-avatars/assets/box-agent.js

@@ -1,4 +1,5 @@
 /* eslint-disable @atlaskit/ui-styling-standard/enforce-style-prop */
+
 import React from 'react';
 export default (({
   size

package/dist/es2019/ui/agent-avatar/generated-avatars/assets/canva-agent.js

@@ -1,4 +1,5 @@
 /* eslint-disable @atlaskit/ui-styling-standard/enforce-style-prop */
+
 import React from 'react';
 export default (({
   size

package/dist/es2019/ui/agent-avatar/generated-avatars/assets/comms-crafter.js

@@ -1,4 +1,5 @@
 /* eslint-disable @atlaskit/ui-styling-standard/enforce-style-prop */
+
 import React from 'react';
 export default (({
   size,

package/dist/es2019/ui/agent-avatar/generated-avatars/assets/culture.js

@@ -1,4 +1,5 @@
 /* eslint-disable @atlaskit/ui-styling-standard/enforce-style-prop */
+
 import React from 'react';
 export default (({
   size,

package/dist/es2019/ui/agent-avatar/generated-avatars/assets/customer-insight.js

@@ -1,4 +1,5 @@
 /* eslint-disable @atlaskit/ui-styling-standard/enforce-style-prop */
+
 import React from 'react';
 export default (({
   size,

package/dist/es2019/ui/agent-avatar/generated-avatars/assets/decision-director.js

@@ -1,4 +1,5 @@
 /* eslint-disable @atlaskit/ui-styling-standard/enforce-style-prop */
+
 import React from 'react';
 export default (({
   size,

package/dist/es2019/ui/agent-avatar/generated-avatars/assets/document-writer.js

@@ -1,4 +1,5 @@
 /* eslint-disable @atlaskit/ui-styling-standard/enforce-style-prop */
+
 import React from 'react';
 export default (({
   size,

package/dist/es2019/ui/agent-avatar/generated-avatars/assets/feature-flag-avatar.js

@@ -1,4 +1,5 @@
 /* eslint-disable @atlaskit/ui-styling-standard/enforce-style-prop */
+
 import React from 'react';
 export default (({
   size,

package/dist/es2019/ui/agent-avatar/generated-avatars/assets/figma-agent.js

@@ -1,4 +1,5 @@
 /* eslint-disable @atlaskit/ui-styling-standard/enforce-style-prop */
+
 import React from 'react';
 export default (({
   size

package/dist/es2019/ui/agent-avatar/generated-avatars/assets/gamma-agent.js

@@ -1,4 +1,5 @@
 /* eslint-disable @atlaskit/ui-styling-standard/enforce-style-prop */
+
 import React from 'react';
 export default (({
   size

package/dist/es2019/ui/agent-avatar/generated-avatars/assets/generic-avatar.js

@@ -1,4 +1,5 @@
 /* eslint-disable @atlaskit/ui-styling-standard/enforce-style-prop */
+
 import React from 'react';
 export default (({
   size,

package/dist/es2019/ui/agent-avatar/generated-avatars/assets/hire-writer.js

@@ -1,4 +1,5 @@
 /* eslint-disable @atlaskit/ui-styling-standard/enforce-style-prop */
+
 import React from 'react';
 export default (({
   size,

package/dist/es2019/ui/agent-avatar/generated-avatars/assets/hubspot-agent.js

@@ -1,4 +1,5 @@
 /* eslint-disable @atlaskit/ui-styling-standard/enforce-style-prop */
+
 import React from 'react';
 export default (({
   size

package/dist/es2019/ui/agent-avatar/generated-avatars/assets/intercom-agent.js

@@ -1,4 +1,5 @@
 /* eslint-disable @atlaskit/ui-styling-standard/enforce-style-prop */
+
 import React from 'react';
 export default (({
   size

package/dist/es2019/ui/agent-avatar/generated-avatars/assets/jira-coding-agent.js

@@ -1,4 +1,5 @@
 /* eslint-disable @atlaskit/ui-styling-standard/enforce-style-prop */
+
 import React from 'react';
 export default (({
   size

package/dist/es2019/ui/agent-avatar/generated-avatars/assets/jira-task-planner-agent.js

@@ -1,4 +1,5 @@
 /* eslint-disable @atlaskit/ui-styling-standard/enforce-style-prop */
+
 import React from 'react';
 export default (({
   size

package/dist/es2019/ui/agent-avatar/generated-avatars/assets/jira-work-agent.js

@@ -1,4 +1,5 @@
 /* eslint-disable @atlaskit/ui-styling-standard/enforce-style-prop */
+
 import React from 'react';
 export default (({
   size

package/dist/es2019/ui/agent-avatar/generated-avatars/assets/lovable-agent.js

@@ -1,4 +1,5 @@
 /* eslint-disable @atlaskit/ui-styling-standard/enforce-style-prop */
+
 import React from 'react';
 export default (({
   size

package/dist/es2019/ui/agent-avatar/generated-avatars/assets/marketing-message-maestro.js

@@ -1,4 +1,5 @@
 /* eslint-disable @atlaskit/ui-styling-standard/enforce-style-prop */
+
 import React from 'react';
 export default (({
   size,

package/dist/es2019/ui/agent-avatar/generated-avatars/assets/my-user-manual.js

@@ -1,4 +1,5 @@
 /* eslint-disable @atlaskit/ui-styling-standard/enforce-style-prop */
+
 import React from 'react';
 export default (({
   size,

package/dist/es2019/ui/agent-avatar/generated-avatars/assets/okr-oracle.js

@@ -1,4 +1,5 @@
 /* eslint-disable @atlaskit/ui-styling-standard/enforce-style-prop */
+
 import React from 'react';
 export default (({
   size,

package/dist/es2019/ui/agent-avatar/generated-avatars/assets/ops-agent.js

@@ -1,4 +1,5 @@
 /* eslint-disable @atlaskit/ui-styling-standard/enforce-style-prop */
+
 import React from 'react';
 export default (({
   size,

package/dist/es2019/ui/agent-avatar/generated-avatars/assets/pitch-perfector.js

@@ -1,4 +1,5 @@
 /* eslint-disable @atlaskit/ui-styling-standard/enforce-style-prop */
+
 import React from 'react';
 export default (({
   size,

package/dist/es2019/ui/agent-avatar/generated-avatars/assets/product-requirement.js

@@ -1,4 +1,5 @@
 /* eslint-disable @atlaskit/ui-styling-standard/enforce-style-prop */
+
 import React from 'react';
 export default (({
   size,

package/dist/es2019/ui/agent-avatar/generated-avatars/assets/release-notes.js

@@ -1,4 +1,5 @@
 /* eslint-disable @atlaskit/ui-styling-standard/enforce-style-prop */
+
 import React from 'react';
 export default (({
   size,

package/dist/es2019/ui/agent-avatar/generated-avatars/assets/replit-agent.js

@@ -1,4 +1,5 @@
 /* eslint-disable @atlaskit/ui-styling-standard/enforce-style-prop */
+
 import React from 'react';
 export default (({
   size

package/dist/es2019/ui/agent-avatar/generated-avatars/assets/research-scout.js

@@ -1,4 +1,5 @@
 /* eslint-disable @atlaskit/ui-styling-standard/enforce-style-prop */
+
 import React from 'react';
 export default (({
   size,

package/dist/es2019/ui/agent-avatar/generated-avatars/assets/rovo-agent.js

@@ -1,4 +1,5 @@
 /* eslint-disable @atlaskit/ui-styling-standard/enforce-style-prop */
+
 import React from 'react';
 export default (({
   size

package/dist/es2019/ui/agent-avatar/generated-avatars/assets/social-media-scribe.js

@@ -1,4 +1,5 @@
 /* eslint-disable @atlaskit/ui-styling-standard/enforce-style-prop */
+
 import React from 'react';
 export default (({
   size,

package/dist/es2019/ui/agent-avatar/generated-avatars/assets/team-connection.js

@@ -1,4 +1,5 @@
 /* eslint-disable @atlaskit/ui-styling-standard/enforce-style-prop */
+
 import React from 'react';
 export default (({
   size,

package/dist/es2019/ui/agent-avatar/generated-avatars/assets/trial-guide.js

@@ -1,4 +1,5 @@
 /* eslint-disable @atlaskit/ui-styling-standard/enforce-style-prop */
+
 import React from 'react';
 export default (({
   size,

package/dist/es2019/ui/agent-avatar/generated-avatars/assets/workflow-builder.js

@@ -1,4 +1,5 @@
 /* eslint-disable @atlaskit/ui-styling-standard/enforce-style-prop */
+
 import React from 'react';
 export default (({
   size,

package/dist/es2019/ui/agent-avatar/resolved-agent-avatar/ResolvedAgentAvatar.compiled.css

@@ -0,0 +1,4 @@
+._1bah1h6o{justify-content:center}
+._1e0c1txw{display:flex}
+._4cvr1h6o{align-items:center}
+._bfhkvuon{background-color:var(--ds-surface,#fff)}

package/dist/es2019/ui/agent-avatar/resolved-agent-avatar/ResolvedAgentAvatar.js

@@ -1,20 +1,34 @@
+/* ResolvedAgentAvatar.tsx generated by @compiled/babel-plugin v3.0.2 */
+import "./ResolvedAgentAvatar.compiled.css";
+import { ax, ix } from "@compiled/react/runtime";
 import _ResolvedAgentAvatarQuery from "./__generated__/ResolvedAgentAvatarQuery.graphql";
 import React, { Suspense } from 'react';
 import { ErrorBoundary } from 'react-error-boundary';
 import { graphql, useLazyLoadQuery } from 'react-relay';
+import Avatar from '@atlaskit/avatar/avatar';
+import { AVATAR_SIZES } from '@atlaskit/avatar/avatar-sizes';
 import AvatarSkeleton from '@atlaskit/avatar/Skeleton';
-// A relative import, not the package's own public subpath: a package can't resolve its own
-// name from within itself when building its published type declarations in isolation.
-import { AgentAvatar } from '../index';
+import { Box } from '@atlaskit/primitives/compiled/box';
+const styles = {
+  showBorder: "_1e0c1txw _4cvr1h6o _1bah1h6o _bfhkvuon"
+};
+
 // The fixed partition/resource-owner/resource-type segments of an identity user ARI — only the
 // account id itself varies. Matched by prefix rather than via `@atlassian/ari` (an internal
 // package this public package can't depend on).
 const IDENTITY_USER_ARI_PREFIX = 'ari:cloud:identity::user/';
 
-/** Parses the account id needed for the picture fetch from the identity ARI a caller carries. */
+/**
+ * Parses the account id needed for the picture fetch from whatever identity a caller carries —
+ * either the bare account id, or the full identity ARI (callers that already have one on hand
+ * don't need to strip it first).
+ */
 const parseIdentityAccountId = value => {
   const trimmed = value === null || value === void 0 ? void 0 : value.trim();
-  return trimmed !== null && trimmed !== void 0 && trimmed.startsWith(IDENTITY_USER_ARI_PREFIX) ? trimmed.slice(IDENTITY_USER_ARI_PREFIX.length) : undefined;
+  if (!trimmed) {
+    return undefined;
+  }
+  return trimmed.startsWith(IDENTITY_USER_ARI_PREFIX) ? trimmed.slice(IDENTITY_USER_ARI_PREFIX.length) : trimmed;
 };
 const FetchedAgentAvatar = ({
   accountId,
@@ -34,21 +48,40 @@ const FetchedAgentAvatar = ({
     return fallback;
   }
   const name = ((_data$user2 = data.user) === null || _data$user2 === void 0 ? void 0 : (_data$user2$name = _data$user2.name) === null || _data$user2$name === void 0 ? void 0 : _data$user2$name.trim()) || agentName;
-  return /*#__PURE__*/React.createElement(AgentAvatar, {
-    imageUrl: picture,
+  if (!showBorder) {
+    return /*#__PURE__*/React.createElement(Avatar, {
+      appearance: "hexagon",
+      src: picture,
+      name: name,
+      label: name,
+      size: size,
+      borderColor: "transparent"
+    });
+  }
+  return /*#__PURE__*/React.createElement(Box, {
+    testId: "resolved-agent-avatar-border",
+    xcss: styles.showBorder,
+    style: {
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop, @atlaskit/ui-styling-standard/no-imported-style-values
+      height: AVATAR_SIZES[size],
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop, @atlaskit/ui-styling-standard/no-imported-style-values
+      width: AVATAR_SIZES[size]
+    }
+  }, /*#__PURE__*/React.createElement(Avatar, {
+    appearance: "hexagon",
+    src: picture,
     name: name,
     label: name,
-    showBorder: showBorder,
     size: size
-  });
+  }));
 };
 
 /**
  * The best avatar available for an agent identity: the real account picture when one can be
- * fetched, otherwise the caller-supplied `fallback`. Works for any identity with an
- * `agentIdentityAccountId` — including the default Rovo agent, now that Rovo is provisioned its
- * own identity account. A `Suspense` skeleton bridges the fetch, and an `ErrorBoundary` keeps a
- * failed or unavailable fetch from ever breaking the caller — it just renders `fallback`.
+ * fetched, otherwise `fallback`. Works for any identity with an `agentIdentityAccountId` —
+ * including the default Rovo agent, now that Rovo is provisioned its own identity account. A
+ * `Suspense` skeleton bridges the fetch, and an `ErrorBoundary` keeps a failed or unavailable
+ * fetch from ever breaking the caller — it just renders `fallback`.
  */
 export const ResolvedAgentAvatar = ({
   agentIdentityAccountId,
@@ -57,12 +90,17 @@ export const ResolvedAgentAvatar = ({
   showBorder = false,
   size = 'medium'
 }) => {
+  const resolvedFallback = fallback !== null && fallback !== void 0 ? fallback : /*#__PURE__*/React.createElement(Avatar, {
+    appearance: "hexagon",
+    name: agentName,
+    size: size
+  });
   const accountId = parseIdentityAccountId(agentIdentityAccountId);
   if (!accountId) {
-    return fallback;
+    return resolvedFallback;
   }
   return /*#__PURE__*/React.createElement(ErrorBoundary, {
-    fallback: fallback
+    fallback: resolvedFallback
   }, /*#__PURE__*/React.createElement(Suspense, {
     fallback: /*#__PURE__*/React.createElement(AvatarSkeleton, {
       appearance: "hexagon",
@@ -71,7 +109,7 @@ export const ResolvedAgentAvatar = ({
   }, /*#__PURE__*/React.createElement(FetchedAgentAvatar, {
     accountId: accountId,
     agentName: agentName,
-    fallback: fallback,
+    fallback: resolvedFallback,
     showBorder: showBorder,
     size: size
   })));

package/dist/es2019/ui/agent-conversation-starters/ConversationStarters.js

@@ -5,8 +5,8 @@ import React from 'react';
 import IconButton from '@atlaskit/button/icon/button';
 import { cx } from '@atlaskit/css';
 import RetryIcon from '@atlaskit/icon/core/retry';
-import { Box, Inline, Pressable, Stack } from '@atlaskit/primitives/compiled';
 import { fg } from '@atlaskit/platform-feature-flags/fg';
+import { Box, Inline, Pressable, Stack } from '@atlaskit/primitives/compiled';
 import { AgentChatIcon } from '../../common/ui/agent-chat-icon';
 import { BrowseAgentsPill } from '../../common/ui/chat-pill';
 const styles = {

package/dist/es2019/ui/agent-dropdown-menu/index.js

@@ -8,6 +8,7 @@
 /**
  * @deprecated Use `import { ChatToAgentButton } from '@atlaskit/rovo-agent-components/ui/AgentDropdownMenu'` instead.
  */
+
 export { ChatToAgentButton } from './ChatToAgentButton';
 /**
  * @deprecated Use `import { AgentDropdownMenu } from '@atlaskit/rovo-agent-components'` instead.