@atlaskit/rovo-agent-components 5.0.0 → 5.2.0

package/CHANGELOG.md

@@ -1,5 +1,24 @@
 # @atlaskit/rovo-agent-components
 
+## 5.2.0
+
+### Minor Changes
+
+- [`77d13ee041600`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/77d13ee041600) -
+  [ux] Update agent profile card design
+
+### Patch Changes
+
+- Updated dependencies
+
+## 5.1.0
+
+### Minor Changes
+
+- [`2a6f508e4e6d2`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/2a6f508e4e6d2) -
+  Hide Rovo logo, hide behaviour, and show 'Agent by …' for REMOTE_A2A agents on the agent profile
+  card and the browse agents modal view-agent panel.
+
 ## 5.0.0
 
 ### Major Changes

package/dist/cjs/ui/agent-avatar/generated-avatars/index.compiled.css

@@ -3,4 +3,5 @@
 ._1e0c1txw{display:flex}
 ._4cvr1h6o{align-items:center}
 ._4t3i1osq{height:100%}
-._5ral1dfr{object-fit:cover}
+._5ral1dfr{object-fit:cover}
+._bfhk7qp0{background-color:var(--ds-background-accent-gray-subtler,#dddee1)}

package/dist/cjs/ui/agent-avatar/generated-avatars/index.js

@@ -18,7 +18,8 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
 var styles = {
   image: "_5ral1dfr _4t3i1osq _1bsb1osq _1e0c1txw _1bah1h6o _4cvr1h6o",
   banner: "_1bsb1osq",
-  bannerFillSpace: "_1bsb1osq _4t3i1osq _5ral1dfr"
+  bannerFillSpace: "_1bsb1osq _4t3i1osq _5ral1dfr",
+  bannerRemoteA2A: "_bfhk7qp0"
 };
 var Observer = function Observer(_ref) {
   var onLoad = _ref.onLoad;
@@ -633,6 +634,7 @@ var AgentBanner = exports.AgentBanner = function AgentBanner(_ref4) {
     agentId = _ref4.agentId,
     agentIdentityAccountId = _ref4.agentIdentityAccountId,
     isRovoDev = _ref4.isRovoDev,
+    creatorType = _ref4.creatorType,
     height = _ref4.height,
     fillSpace = _ref4.fillSpace;
   var _getAvatarRender = getAvatarRender({
@@ -643,10 +645,11 @@ var AgentBanner = exports.AgentBanner = function AgentBanner(_ref4) {
       size: 'medium'
     }),
     color = _getAvatarRender.color;
+  var isRemoteA2A = (0, _platformFeatureFlags.fg)('jira_improve_agent_profile_for_a2a') && creatorType === 'REMOTE_A2A';
   return /*#__PURE__*/_react.default.createElement(_compiled.Box, {
-    xcss: (0, _css.cx)(styles.banner, fillSpace ? styles.bannerFillSpace : undefined),
+    xcss: (0, _css.cx)(styles.banner, fillSpace ? styles.bannerFillSpace : undefined, isRemoteA2A ? styles.bannerRemoteA2A : undefined),
     style: {
-      backgroundColor: color.primary,
+      backgroundColor: isRemoteA2A ? undefined : color.primary,
       height: height ? "".concat(height, "px") : undefined
     }
   });

package/dist/cjs/ui/agent-conversation-starters/index.compiled.css

@@ -4,6 +4,7 @@
 ._18m915vq{overflow-y:hidden}
 ._19bv12x7{padding-left:var(--ds-space-075,6px)}
 ._19bvidpf{padding-left:0}
+._19pkze3t{margin-top:var(--ds-space-0,0)}
 ._1bsb1osq{width:100%}
 ._1bto1l2s{text-overflow:ellipsis}
 ._1o9zidpf{flex-shrink:0}
@@ -13,6 +14,7 @@
 ._bfhksm61{background-color:var(--ds-background-neutral-subtle,#00000000)}
 ._ca0q12x7{padding-top:var(--ds-space-075,6px)}
 ._ca0qidpf{padding-top:0}
+._ca0qze3t{padding-top:var(--ds-space-0,0)}
 ._k48p1wq8{font-weight:var(--ds-font-weight-medium,500)}
 ._n3td12x7{padding-bottom:var(--ds-space-075,6px)}
 ._n3tdidpf{padding-bottom:0}

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

@@ -15,6 +15,7 @@ var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers
 var _react = _interopRequireWildcard(require("react"));
 var _reactIntl = require("react-intl");
 var _new = require("@atlaskit/button/new");
+var _css = require("@atlaskit/css");
 var _retry = _interopRequireDefault(require("@atlaskit/icon/core/retry"));
 var _compiled = require("@atlaskit/primitives/compiled");
 var _agentChatIcon = require("../../common/ui/agent-chat-icon");
@@ -24,6 +25,8 @@ var _excluded = ["userDefinedConversationStarters", "isAgentDefault"];
 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); }
 var styles = {
   conversationStartersList: "_qtt8glyw _ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _1bsb1osq",
+  conversationStartersListWithRefreshDesign: "_19pkze3t",
+  conversationStaterItem: "_ca0qze3t",
   conversationStarterIcon: "_1o9zidpf",
   conversationStarterText: "_1reo15vq _18m915vq _1bto1l2s _o5721q9c _1o9zkb7n _1ul9idpf",
   button: "_11c8fhey _2rko12b0 _syazazsu _ca0q12x7 _u5f312x7 _n3td12x7 _19bv12x7 _k48p1wq8 _1bto1l2s _o5721q9c _1o9zkb7n _1bsb1osq _bfhksm61 _irr31dpa _1di6fcek"
@@ -103,16 +106,19 @@ var ConversationStarters = exports.ConversationStarters = function ConversationS
     showReloadButton = _ref3$showReloadButto === void 0 ? false : _ref3$showReloadButto,
     _ref3$onReloadButtonC = _ref3.onReloadButtonClick,
     onReloadButtonClick = _ref3$onReloadButtonC === void 0 ? function () {} : _ref3$onReloadButtonC,
-    onBrowseAgentsClick = _ref3.onBrowseAgentsClick;
+    onBrowseAgentsClick = _ref3.onBrowseAgentsClick,
+    _ref3$refreshDesignEn = _ref3.refreshDesignEnabled,
+    refreshDesignEnabled = _ref3$refreshDesignEn === void 0 ? false : _ref3$refreshDesignEn;
   return /*#__PURE__*/_react.default.createElement(_compiled.Stack, {
     as: "ul",
     space: "space.050",
-    xcss: styles.conversationStartersList
+    xcss: (0, _css.cx)(styles.conversationStartersList, refreshDesignEnabled && styles.conversationStartersListWithRefreshDesign)
   }, starters.map(function (starter, index) {
     var isLastStarter = index === starters.length - 1;
     var chatPill = /*#__PURE__*/_react.default.createElement(_compiled.Box, {
       as: "li",
-      key: starter.message
+      key: starter.message,
+      xcss: refreshDesignEnabled && styles.conversationStaterItem
     }, /*#__PURE__*/_react.default.createElement(_compiled.Pressable, {
       xcss: styles.button,
       onClick: function onClick() {

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

@@ -42,7 +42,8 @@ var getAgentCreator = exports.getAgentCreator = function getAgentCreator(_ref) {
   if ((0, _platformFeatureFlags.fg)('rovo_agent_support_a2a_avatar') ? (0, _isForgeAgent.isForgeAgentByCreatorType)(creatorType) : creatorType === 'FORGE' || creatorType === 'THIRD_PARTY' // THIRD_PARTY is deprecated in convo-ai, use FORGE instead
   ) {
     return {
-      type: 'FORGE',
+      // @todo: remove cast in rovo_agent_support_a2a_avatar cleanup
+      type: (0, _platformFeatureFlags.fg)('jira_improve_agent_profile_for_a2a') ? creatorType : 'FORGE',
       name: forgeCreator !== null && forgeCreator !== void 0 ? forgeCreator : ''
     };
   }
@@ -115,6 +116,11 @@ var AgentProfileCreator = exports.AgentProfileCreator = function AgentProfileCre
         }, creator.name, ' ', creator.status === 'inactive' && formatMessage(_messages.messages.agentDeactivated))
       });
     }
+    if (creator.type === 'REMOTE_A2A') {
+      return formatMessage(_messages.messages.remoteAgentCreatedBy, {
+        creatorNameWithLink: creator.name
+      });
+    }
 
     // THIRD_PARTY is deprecated in convo-ai, use FORGE instead
     if (creator.type === 'THIRD_PARTY' || creator.type === 'FORGE') {
@@ -125,6 +131,19 @@ var AgentProfileCreator = exports.AgentProfileCreator = function AgentProfileCre
     return null;
   };
   var creatorRender = getCreatorRender();
+  if ((0, _platformFeatureFlags.fg)('jira_improve_agent_profile_for_a2a')) {
+    var showRovoIcon = (creator === null || creator === void 0 ? void 0 : creator.type) !== 'REMOTE_A2A';
+    return creatorRender ? /*#__PURE__*/_react.default.createElement(_compiled.Box, {
+      xcss: styles.clickableItem
+    }, showRovoIcon ? /*#__PURE__*/_react.default.createElement(_compiled.Box, {
+      xcss: styles.rovoIconWrapper,
+      testId: "rovo-icon-wrapper",
+      "aria-hidden": "true"
+    }, /*#__PURE__*/_react.default.createElement(_logo.RovoIcon, {
+      appearance: "brand",
+      size: "small"
+    })) : null, creatorRender) : null;
+  }
   return creatorRender ? /*#__PURE__*/_react.default.createElement(_compiled.Box, {
     xcss: styles.clickableItem
   }, /*#__PURE__*/_react.default.createElement(_compiled.Box, {

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

@@ -11,6 +11,11 @@ var messages = exports.messages = (0, _reactIntl.defineMessages)({
     defaultMessage: 'Rovo Agent by {creatorNameWithLink}',
     description: 'Message to show who created this Rovo agent'
   },
+  remoteAgentCreatedBy: {
+    id: 'ai-mate.agent-profile-info.agent-by',
+    defaultMessage: 'Agent by {creatorNameWithLink}',
+    description: 'Message to show who built a remote (third-party) agent, shown without the Rovo logo'
+  },
   agentDeactivated: {
     id: 'ai-mate.agent-profile-info.deactivated',
     defaultMessage: '(deactivated)',

package/dist/es2019/ui/agent-avatar/generated-avatars/index.compiled.css

@@ -3,4 +3,5 @@
 ._1e0c1txw{display:flex}
 ._4cvr1h6o{align-items:center}
 ._4t3i1osq{height:100%}
-._5ral1dfr{object-fit:cover}
+._5ral1dfr{object-fit:cover}
+._bfhk7qp0{background-color:var(--ds-background-accent-gray-subtler,#dddee1)}

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

@@ -9,7 +9,8 @@ import { Box } from '@atlaskit/primitives/compiled';
 const styles = {
   image: "_5ral1dfr _4t3i1osq _1bsb1osq _1e0c1txw _1bah1h6o _4cvr1h6o",
   banner: "_1bsb1osq",
-  bannerFillSpace: "_1bsb1osq _4t3i1osq _5ral1dfr"
+  bannerFillSpace: "_1bsb1osq _4t3i1osq _5ral1dfr",
+  bannerRemoteA2A: "_bfhk7qp0"
 };
 const Observer = ({
   onLoad
@@ -425,6 +426,7 @@ export const AgentBanner = ({
   agentId,
   agentIdentityAccountId,
   isRovoDev,
+  creatorType,
   height,
   fillSpace
 }) => {
@@ -437,10 +439,11 @@ export const AgentBanner = ({
     isRovoDev,
     size: 'medium'
   });
+  const isRemoteA2A = fg('jira_improve_agent_profile_for_a2a') && creatorType === 'REMOTE_A2A';
   return /*#__PURE__*/React.createElement(Box, {
-    xcss: cx(styles.banner, fillSpace ? styles.bannerFillSpace : undefined),
+    xcss: cx(styles.banner, fillSpace ? styles.bannerFillSpace : undefined, isRemoteA2A ? styles.bannerRemoteA2A : undefined),
     style: {
-      backgroundColor: color.primary,
+      backgroundColor: isRemoteA2A ? undefined : color.primary,
       height: height ? `${height}px` : undefined
     }
   });

package/dist/es2019/ui/agent-conversation-starters/index.compiled.css

@@ -4,6 +4,7 @@
 ._18m915vq{overflow-y:hidden}
 ._19bv12x7{padding-left:var(--ds-space-075,6px)}
 ._19bvidpf{padding-left:0}
+._19pkze3t{margin-top:var(--ds-space-0,0)}
 ._1bsb1osq{width:100%}
 ._1bto1l2s{text-overflow:ellipsis}
 ._1o9zidpf{flex-shrink:0}
@@ -13,6 +14,7 @@
 ._bfhksm61{background-color:var(--ds-background-neutral-subtle,#00000000)}
 ._ca0q12x7{padding-top:var(--ds-space-075,6px)}
 ._ca0qidpf{padding-top:0}
+._ca0qze3t{padding-top:var(--ds-space-0,0)}
 ._k48p1wq8{font-weight:var(--ds-font-weight-medium,500)}
 ._n3td12x7{padding-bottom:var(--ds-space-075,6px)}
 ._n3tdidpf{padding-bottom:0}

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

@@ -5,6 +5,7 @@ import { ax, ix } from "@compiled/react/runtime";
 import React, { useMemo } from 'react';
 import { useIntl } from 'react-intl';
 import { IconButton } from '@atlaskit/button/new';
+import { cx } from '@atlaskit/css';
 import RetryIcon from '@atlaskit/icon/core/retry';
 import { Box, Inline, Pressable, Stack } from '@atlaskit/primitives/compiled';
 import { AgentChatIcon } from '../../common/ui/agent-chat-icon';
@@ -12,6 +13,8 @@ import { BrowseAgentsPill } from '../../common/ui/chat-pill';
 import { messages } from './messages';
 const styles = {
   conversationStartersList: "_qtt8glyw _ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _1bsb1osq",
+  conversationStartersListWithRefreshDesign: "_19pkze3t",
+  conversationStaterItem: "_ca0qze3t",
   conversationStarterIcon: "_1o9zidpf",
   conversationStarterText: "_1reo15vq _18m915vq _1bto1l2s _o5721q9c _1o9zkb7n _1ul9idpf",
   button: "_11c8fhey _2rko12b0 _syazazsu _ca0q12x7 _u5f312x7 _n3td12x7 _19bv12x7 _k48p1wq8 _1bto1l2s _o5721q9c _1o9zkb7n _1bsb1osq _bfhksm61 _irr31dpa _1di6fcek"
@@ -87,17 +90,19 @@ export const ConversationStarters = ({
   onConversationStarterClick,
   showReloadButton = false,
   onReloadButtonClick = () => {},
-  onBrowseAgentsClick
+  onBrowseAgentsClick,
+  refreshDesignEnabled = false
 }) => {
   return /*#__PURE__*/React.createElement(Stack, {
     as: "ul",
     space: "space.050",
-    xcss: styles.conversationStartersList
+    xcss: cx(styles.conversationStartersList, refreshDesignEnabled && styles.conversationStartersListWithRefreshDesign)
   }, starters.map((starter, index) => {
     const isLastStarter = index === starters.length - 1;
     const chatPill = /*#__PURE__*/React.createElement(Box, {
       as: "li",
-      key: starter.message
+      key: starter.message,
+      xcss: refreshDesignEnabled && styles.conversationStaterItem
     }, /*#__PURE__*/React.createElement(Pressable, {
       xcss: styles.button,
       onClick: () => onConversationStarterClick(starter),

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

@@ -36,7 +36,8 @@ export const getAgentCreator = ({
   if (fg('rovo_agent_support_a2a_avatar') ? isForgeAgentByCreatorType(creatorType) : creatorType === 'FORGE' || creatorType === 'THIRD_PARTY' // THIRD_PARTY is deprecated in convo-ai, use FORGE instead
   ) {
     return {
-      type: 'FORGE',
+      // @todo: remove cast in rovo_agent_support_a2a_avatar cleanup
+      type: fg('jira_improve_agent_profile_for_a2a') ? creatorType : 'FORGE',
       name: forgeCreator !== null && forgeCreator !== void 0 ? forgeCreator : ''
     };
   }
@@ -109,6 +110,11 @@ export const AgentProfileCreator = ({
         }, creator.name, ' ', creator.status === 'inactive' && formatMessage(messages.agentDeactivated))
       });
     }
+    if (creator.type === 'REMOTE_A2A') {
+      return formatMessage(messages.remoteAgentCreatedBy, {
+        creatorNameWithLink: creator.name
+      });
+    }
 
     // THIRD_PARTY is deprecated in convo-ai, use FORGE instead
     if (creator.type === 'THIRD_PARTY' || creator.type === 'FORGE') {
@@ -119,6 +125,19 @@ export const AgentProfileCreator = ({
     return null;
   };
   const creatorRender = getCreatorRender();
+  if (fg('jira_improve_agent_profile_for_a2a')) {
+    const showRovoIcon = (creator === null || creator === void 0 ? void 0 : creator.type) !== 'REMOTE_A2A';
+    return creatorRender ? /*#__PURE__*/React.createElement(Box, {
+      xcss: styles.clickableItem
+    }, showRovoIcon ? /*#__PURE__*/React.createElement(Box, {
+      xcss: styles.rovoIconWrapper,
+      testId: "rovo-icon-wrapper",
+      "aria-hidden": "true"
+    }, /*#__PURE__*/React.createElement(RovoIcon, {
+      appearance: "brand",
+      size: "small"
+    })) : null, creatorRender) : null;
+  }
   return creatorRender ? /*#__PURE__*/React.createElement(Box, {
     xcss: styles.clickableItem
   }, /*#__PURE__*/React.createElement(Box, {

package/dist/es2019/ui/agent-profile-info/messages.js

@@ -5,6 +5,11 @@ export const messages = defineMessages({
     defaultMessage: 'Rovo Agent by {creatorNameWithLink}',
     description: 'Message to show who created this Rovo agent'
   },
+  remoteAgentCreatedBy: {
+    id: 'ai-mate.agent-profile-info.agent-by',
+    defaultMessage: 'Agent by {creatorNameWithLink}',
+    description: 'Message to show who built a remote (third-party) agent, shown without the Rovo logo'
+  },
   agentDeactivated: {
     id: 'ai-mate.agent-profile-info.deactivated',
     defaultMessage: '(deactivated)',

package/dist/esm/ui/agent-avatar/generated-avatars/index.compiled.css

@@ -3,4 +3,5 @@
 ._1e0c1txw{display:flex}
 ._4cvr1h6o{align-items:center}
 ._4t3i1osq{height:100%}
-._5ral1dfr{object-fit:cover}
+._5ral1dfr{object-fit:cover}
+._bfhk7qp0{background-color:var(--ds-background-accent-gray-subtler,#dddee1)}

package/dist/esm/ui/agent-avatar/generated-avatars/index.js

@@ -9,7 +9,8 @@ import { Box } from '@atlaskit/primitives/compiled';
 var styles = {
   image: "_5ral1dfr _4t3i1osq _1bsb1osq _1e0c1txw _1bah1h6o _4cvr1h6o",
   banner: "_1bsb1osq",
-  bannerFillSpace: "_1bsb1osq _4t3i1osq _5ral1dfr"
+  bannerFillSpace: "_1bsb1osq _4t3i1osq _5ral1dfr",
+  bannerRemoteA2A: "_bfhk7qp0"
 };
 var Observer = function Observer(_ref) {
   var onLoad = _ref.onLoad;
@@ -552,6 +553,7 @@ export var AgentBanner = function AgentBanner(_ref4) {
     agentId = _ref4.agentId,
     agentIdentityAccountId = _ref4.agentIdentityAccountId,
     isRovoDev = _ref4.isRovoDev,
+    creatorType = _ref4.creatorType,
     height = _ref4.height,
     fillSpace = _ref4.fillSpace;
   var _getAvatarRender = getAvatarRender({
@@ -562,10 +564,11 @@ export var AgentBanner = function AgentBanner(_ref4) {
       size: 'medium'
     }),
     color = _getAvatarRender.color;
+  var isRemoteA2A = fg('jira_improve_agent_profile_for_a2a') && creatorType === 'REMOTE_A2A';
   return /*#__PURE__*/React.createElement(Box, {
-    xcss: cx(styles.banner, fillSpace ? styles.bannerFillSpace : undefined),
+    xcss: cx(styles.banner, fillSpace ? styles.bannerFillSpace : undefined, isRemoteA2A ? styles.bannerRemoteA2A : undefined),
     style: {
-      backgroundColor: color.primary,
+      backgroundColor: isRemoteA2A ? undefined : color.primary,
       height: height ? "".concat(height, "px") : undefined
     }
   });

package/dist/esm/ui/agent-conversation-starters/index.compiled.css

@@ -4,6 +4,7 @@
 ._18m915vq{overflow-y:hidden}
 ._19bv12x7{padding-left:var(--ds-space-075,6px)}
 ._19bvidpf{padding-left:0}
+._19pkze3t{margin-top:var(--ds-space-0,0)}
 ._1bsb1osq{width:100%}
 ._1bto1l2s{text-overflow:ellipsis}
 ._1o9zidpf{flex-shrink:0}
@@ -13,6 +14,7 @@
 ._bfhksm61{background-color:var(--ds-background-neutral-subtle,#00000000)}
 ._ca0q12x7{padding-top:var(--ds-space-075,6px)}
 ._ca0qidpf{padding-top:0}
+._ca0qze3t{padding-top:var(--ds-space-0,0)}
 ._k48p1wq8{font-weight:var(--ds-font-weight-medium,500)}
 ._n3td12x7{padding-bottom:var(--ds-space-075,6px)}
 ._n3tdidpf{padding-bottom:0}

package/dist/esm/ui/agent-conversation-starters/index.js

@@ -8,6 +8,7 @@ import { ax, ix } from "@compiled/react/runtime";
 import React, { useMemo } from 'react';
 import { useIntl } from 'react-intl';
 import { IconButton } from '@atlaskit/button/new';
+import { cx } from '@atlaskit/css';
 import RetryIcon from '@atlaskit/icon/core/retry';
 import { Box, Inline, Pressable, Stack } from '@atlaskit/primitives/compiled';
 import { AgentChatIcon } from '../../common/ui/agent-chat-icon';
@@ -15,6 +16,8 @@ import { BrowseAgentsPill } from '../../common/ui/chat-pill';
 import { messages } from './messages';
 var styles = {
   conversationStartersList: "_qtt8glyw _ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _1bsb1osq",
+  conversationStartersListWithRefreshDesign: "_19pkze3t",
+  conversationStaterItem: "_ca0qze3t",
   conversationStarterIcon: "_1o9zidpf",
   conversationStarterText: "_1reo15vq _18m915vq _1bto1l2s _o5721q9c _1o9zkb7n _1ul9idpf",
   button: "_11c8fhey _2rko12b0 _syazazsu _ca0q12x7 _u5f312x7 _n3td12x7 _19bv12x7 _k48p1wq8 _1bto1l2s _o5721q9c _1o9zkb7n _1bsb1osq _bfhksm61 _irr31dpa _1di6fcek"
@@ -94,16 +97,19 @@ export var ConversationStarters = function ConversationStarters(_ref3) {
     showReloadButton = _ref3$showReloadButto === void 0 ? false : _ref3$showReloadButto,
     _ref3$onReloadButtonC = _ref3.onReloadButtonClick,
     onReloadButtonClick = _ref3$onReloadButtonC === void 0 ? function () {} : _ref3$onReloadButtonC,
-    onBrowseAgentsClick = _ref3.onBrowseAgentsClick;
+    onBrowseAgentsClick = _ref3.onBrowseAgentsClick,
+    _ref3$refreshDesignEn = _ref3.refreshDesignEnabled,
+    refreshDesignEnabled = _ref3$refreshDesignEn === void 0 ? false : _ref3$refreshDesignEn;
   return /*#__PURE__*/React.createElement(Stack, {
     as: "ul",
     space: "space.050",
-    xcss: styles.conversationStartersList
+    xcss: cx(styles.conversationStartersList, refreshDesignEnabled && styles.conversationStartersListWithRefreshDesign)
   }, starters.map(function (starter, index) {
     var isLastStarter = index === starters.length - 1;
     var chatPill = /*#__PURE__*/React.createElement(Box, {
       as: "li",
-      key: starter.message
+      key: starter.message,
+      xcss: refreshDesignEnabled && styles.conversationStaterItem
     }, /*#__PURE__*/React.createElement(Pressable, {
       xcss: styles.button,
       onClick: function onClick() {

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

@@ -35,7 +35,8 @@ export var getAgentCreator = function getAgentCreator(_ref) {
   if (fg('rovo_agent_support_a2a_avatar') ? isForgeAgentByCreatorType(creatorType) : creatorType === 'FORGE' || creatorType === 'THIRD_PARTY' // THIRD_PARTY is deprecated in convo-ai, use FORGE instead
   ) {
     return {
-      type: 'FORGE',
+      // @todo: remove cast in rovo_agent_support_a2a_avatar cleanup
+      type: fg('jira_improve_agent_profile_for_a2a') ? creatorType : 'FORGE',
       name: forgeCreator !== null && forgeCreator !== void 0 ? forgeCreator : ''
     };
   }
@@ -108,6 +109,11 @@ export var AgentProfileCreator = function AgentProfileCreator(_ref2) {
         }, creator.name, ' ', creator.status === 'inactive' && formatMessage(messages.agentDeactivated))
       });
     }
+    if (creator.type === 'REMOTE_A2A') {
+      return formatMessage(messages.remoteAgentCreatedBy, {
+        creatorNameWithLink: creator.name
+      });
+    }
 
     // THIRD_PARTY is deprecated in convo-ai, use FORGE instead
     if (creator.type === 'THIRD_PARTY' || creator.type === 'FORGE') {
@@ -118,6 +124,19 @@ export var AgentProfileCreator = function AgentProfileCreator(_ref2) {
     return null;
   };
   var creatorRender = getCreatorRender();
+  if (fg('jira_improve_agent_profile_for_a2a')) {
+    var showRovoIcon = (creator === null || creator === void 0 ? void 0 : creator.type) !== 'REMOTE_A2A';
+    return creatorRender ? /*#__PURE__*/React.createElement(Box, {
+      xcss: styles.clickableItem
+    }, showRovoIcon ? /*#__PURE__*/React.createElement(Box, {
+      xcss: styles.rovoIconWrapper,
+      testId: "rovo-icon-wrapper",
+      "aria-hidden": "true"
+    }, /*#__PURE__*/React.createElement(RovoIcon, {
+      appearance: "brand",
+      size: "small"
+    })) : null, creatorRender) : null;
+  }
   return creatorRender ? /*#__PURE__*/React.createElement(Box, {
     xcss: styles.clickableItem
   }, /*#__PURE__*/React.createElement(Box, {

package/dist/esm/ui/agent-profile-info/messages.js

@@ -5,6 +5,11 @@ export var messages = defineMessages({
     defaultMessage: 'Rovo Agent by {creatorNameWithLink}',
     description: 'Message to show who created this Rovo agent'
   },
+  remoteAgentCreatedBy: {
+    id: 'ai-mate.agent-profile-info.agent-by',
+    defaultMessage: 'Agent by {creatorNameWithLink}',
+    description: 'Message to show who built a remote (third-party) agent, shown without the Rovo logo'
+  },
   agentDeactivated: {
     id: 'ai-mate.agent-profile-info.deactivated',
     defaultMessage: '(deactivated)',

package/dist/types/ui/agent-avatar/generated-avatars/index.d.ts

@@ -1,4 +1,5 @@
 import { type SizeType } from '@atlaskit/avatar';
+import type { AgentCreatorType } from '../../../common/types';
 export declare const yellowColor: {
     primary: string;
     secondary: string;
@@ -33,9 +34,12 @@ type GeneratedAvatarProps = {
  * cd002f25-46e4-4023-80ff-32e4d90849b4
  */
 export declare const getNumberIdForAvatar: ({ agentIdentityAccountId, agentId, }: Pick<GeneratedAvatarProps, "agentIdentityAccountId" | "agentId">) => number | null;
-export declare const AgentBanner: ({ agentNamedId, agentId, agentIdentityAccountId, isRovoDev, height, fillSpace, }: Pick<GeneratedAvatarProps, "agentId" | "agentNamedId" | "agentIdentityAccountId" | "isRovoDev"> & {
+type AgentBannerCreatorType = AgentCreatorType | 'ROVO_DEV';
+type AgentBannerProps = Pick<GeneratedAvatarProps, 'agentId' | 'agentNamedId' | 'agentIdentityAccountId' | 'isRovoDev'> & {
+    creatorType?: AgentBannerCreatorType | null;
     height?: number;
     fillSpace?: boolean;
-}) => JSX.Element;
+};
+export declare const AgentBanner: ({ agentNamedId, agentId, agentIdentityAccountId, isRovoDev, creatorType, height, fillSpace, }: AgentBannerProps) => JSX.Element;
 export declare const GeneratedAvatar: (props: GeneratedAvatarProps) => JSX.Element;
 export {};

package/dist/types/ui/agent-conversation-starters/index.d.ts

@@ -26,11 +26,12 @@ export type AgentConversationStartersProps = {
 } & Omit<ConversationStartersProps, 'starters'>;
 export declare const AgentConversationStarters: ({ userDefinedConversationStarters, isAgentDefault, ...props }: AgentConversationStartersProps) => React.JSX.Element;
 export type ConversationStartersProps = {
+    refreshDesignEnabled?: boolean;
     starters: ConversationStarter[];
     onConversationStarterClick: (conversationStarter: ConversationStarter) => void;
     showReloadButton?: boolean;
     onReloadButtonClick?: () => void;
     onBrowseAgentsClick?: () => void;
 };
-export declare const ConversationStarters: ({ starters, onConversationStarterClick, showReloadButton, onReloadButtonClick, onBrowseAgentsClick, }: ConversationStartersProps) => React.JSX.Element;
+export declare const ConversationStarters: ({ starters, onConversationStarterClick, showReloadButton, onReloadButtonClick, onBrowseAgentsClick, refreshDesignEnabled, }: ConversationStartersProps) => React.JSX.Element;
 export {};

package/dist/types/ui/agent-profile-info/index.d.ts

@@ -11,7 +11,7 @@ type AgentCreator = {
 } | {
     type: 'SYSTEM';
 } | {
-    type: 'THIRD_PARTY' | 'FORGE';
+    type: 'THIRD_PARTY' | 'FORGE' | 'REMOTE_A2A';
     name: string;
 } | {
     type: 'OOTB';

package/dist/types/ui/agent-profile-info/messages.d.ts

@@ -4,6 +4,11 @@ export declare const messages: {
         defaultMessage: string;
         description: string;
     };
+    remoteAgentCreatedBy: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
     agentDeactivated: {
         id: string;
         defaultMessage: string;

package/dist/types-ts4.5/ui/agent-avatar/generated-avatars/index.d.ts

@@ -1,4 +1,5 @@
 import { type SizeType } from '@atlaskit/avatar';
+import type { AgentCreatorType } from '../../../common/types';
 export declare const yellowColor: {
     primary: string;
     secondary: string;
@@ -33,9 +34,12 @@ type GeneratedAvatarProps = {
  * cd002f25-46e4-4023-80ff-32e4d90849b4
  */
 export declare const getNumberIdForAvatar: ({ agentIdentityAccountId, agentId, }: Pick<GeneratedAvatarProps, "agentIdentityAccountId" | "agentId">) => number | null;
-export declare const AgentBanner: ({ agentNamedId, agentId, agentIdentityAccountId, isRovoDev, height, fillSpace, }: Pick<GeneratedAvatarProps, "agentId" | "agentNamedId" | "agentIdentityAccountId" | "isRovoDev"> & {
+type AgentBannerCreatorType = AgentCreatorType | 'ROVO_DEV';
+type AgentBannerProps = Pick<GeneratedAvatarProps, 'agentId' | 'agentNamedId' | 'agentIdentityAccountId' | 'isRovoDev'> & {
+    creatorType?: AgentBannerCreatorType | null;
     height?: number;
     fillSpace?: boolean;
-}) => JSX.Element;
+};
+export declare const AgentBanner: ({ agentNamedId, agentId, agentIdentityAccountId, isRovoDev, creatorType, height, fillSpace, }: AgentBannerProps) => JSX.Element;
 export declare const GeneratedAvatar: (props: GeneratedAvatarProps) => JSX.Element;
 export {};

package/dist/types-ts4.5/ui/agent-conversation-starters/index.d.ts

@@ -26,11 +26,12 @@ export type AgentConversationStartersProps = {
 } & Omit<ConversationStartersProps, 'starters'>;
 export declare const AgentConversationStarters: ({ userDefinedConversationStarters, isAgentDefault, ...props }: AgentConversationStartersProps) => React.JSX.Element;
 export type ConversationStartersProps = {
+    refreshDesignEnabled?: boolean;
     starters: ConversationStarter[];
     onConversationStarterClick: (conversationStarter: ConversationStarter) => void;
     showReloadButton?: boolean;
     onReloadButtonClick?: () => void;
     onBrowseAgentsClick?: () => void;
 };
-export declare const ConversationStarters: ({ starters, onConversationStarterClick, showReloadButton, onReloadButtonClick, onBrowseAgentsClick, }: ConversationStartersProps) => React.JSX.Element;
+export declare const ConversationStarters: ({ starters, onConversationStarterClick, showReloadButton, onReloadButtonClick, onBrowseAgentsClick, refreshDesignEnabled, }: ConversationStartersProps) => React.JSX.Element;
 export {};

package/dist/types-ts4.5/ui/agent-profile-info/index.d.ts

@@ -11,7 +11,7 @@ type AgentCreator = {
 } | {
     type: 'SYSTEM';
 } | {
-    type: 'THIRD_PARTY' | 'FORGE';
+    type: 'THIRD_PARTY' | 'FORGE' | 'REMOTE_A2A';
     name: string;
 } | {
     type: 'OOTB';

package/dist/types-ts4.5/ui/agent-profile-info/messages.d.ts

@@ -4,6 +4,11 @@ export declare const messages: {
         defaultMessage: string;
         description: string;
     };
+    remoteAgentCreatedBy: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
     agentDeactivated: {
         id: string;
         defaultMessage: string;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/rovo-agent-components",
-	"version": "5.0.0",
+	"version": "5.2.0",
 	"description": "This package host public components related to rovo agents, the components here are needed for other public atlaskit packages",
 	"repository": "https://bitbucket.org/atlassian/atlassian-frontend-monorepo",
 	"atlassian": {
@@ -40,23 +40,23 @@
 	],
 	"dependencies": {
 		"@atlaskit/afm-i18n-platform-ai-mate-rovo-agent-components": "2.10.0",
-		"@atlaskit/analytics-next": "^11.2.0",
+		"@atlaskit/analytics-next": "^11.3.0",
 		"@atlaskit/avatar": "^25.15.0",
 		"@atlaskit/button": "^23.11.0",
 		"@atlaskit/css": "^0.19.0",
 		"@atlaskit/dropdown-menu": "^16.10.0",
 		"@atlaskit/flag": "^17.12.0",
 		"@atlaskit/heading": "^5.4.0",
-		"@atlaskit/icon": "^35.3.0",
+		"@atlaskit/icon": "^35.4.0",
 		"@atlaskit/link": "^3.4.0",
 		"@atlaskit/logo": "^20.1.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/primitives": "^19.0.0",
-		"@atlaskit/rovo-agent-analytics": "^2.0.0",
+		"@atlaskit/rovo-agent-analytics": "^2.1.0",
 		"@atlaskit/skeleton": "^2.1.0",
 		"@atlaskit/spinner": "^19.1.0",
 		"@atlaskit/tokens": "^13.1.0",
-		"@atlaskit/tooltip": "^22.5.0",
+		"@atlaskit/tooltip": "^22.6.0",
 		"@babel/runtime": "^7.0.0",
 		"@compiled/react": "^0.20.0",
 		"react-dom": "^18.2.0",
@@ -137,6 +137,9 @@
 		"rovo_agent_support_a2a_avatar": {
 			"type": "boolean"
 		},
+		"jira_improve_agent_profile_for_a2a": {
+			"type": "boolean"
+		},
 		"jira_browse_agents_modal": {
 			"type": "boolean"
 		}