@atlaskit/rovo-agent-components 9.1.0 → 9.3.0

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

@@ -1,8 +1,11 @@
 /* index.tsx generated by @compiled/babel-plugin v3.0.2 */
+import _extends from "@babel/runtime/helpers/extends";
 import "./index.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { useIntl } from 'react-intl';
+import Avatar from '@atlaskit/avatar/avatar';
+import { AvatarContent } from '@atlaskit/avatar/avatar-content';
 import { AVATAR_SIZES } from '@atlaskit/avatar/avatar-sizes';
 import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { Box } from '@atlaskit/primitives/compiled';
@@ -39,12 +42,36 @@ export const AgentAvatar = ({
   showBorder = true,
   isRovoDev,
   isForgeAgent,
-  forgeAgentIconUrl
+  forgeAgentIconUrl,
+  UNSAFE_useAdsAvatar
 }) => {
   const {
     formatMessage
   } = useIntl();
   const imgUrl = isForgeAgent && forgeAgentIconUrl ? forgeAgentIconUrl : imageUrl;
+  const avatarName = name || label || formatMessage(messages.agentAvatarLabel);
+  const generatedAvatar = imgUrl ? null : /*#__PURE__*/React.createElement(GeneratedAvatar, {
+    agentId: agentId,
+    agentNamedId: agentNamedId,
+    agentIdentityAccountId: agentIdentityAccountId,
+    isRovoDev: isRovoDev,
+    size: size
+  });
+  if (UNSAFE_useAdsAvatar) {
+    const adsAvatarProps = {
+      appearance: 'hexagon',
+      label,
+      name: avatarName,
+      size,
+      UNSAFE_isUpdatedGeometry: true
+    };
+    if (imgUrl) {
+      return /*#__PURE__*/React.createElement(Avatar, _extends({}, adsAvatarProps, {
+        src: imgUrl
+      }));
+    }
+    return /*#__PURE__*/React.createElement(Avatar, adsAvatarProps, /*#__PURE__*/React.createElement(AvatarContent, null, generatedAvatar));
+  }
   return /*#__PURE__*/React.createElement(Box, {
     "aria-label": label,
     xcss: styles.agentAvatar,
@@ -73,12 +100,6 @@ export const AgentAvatar = ({
     as: "img",
     xcss: styles.image,
     src: imgUrl,
-    alt: name || label || formatMessage(messages.agentAvatarLabel)
-  }) : /*#__PURE__*/React.createElement(GeneratedAvatar, {
-    agentId: agentId,
-    agentNamedId: agentNamedId,
-    agentIdentityAccountId: agentIdentityAccountId,
-    isRovoDev: isRovoDev,
-    size: size
-  }))));
+    alt: avatarName
+  }) : generatedAvatar)));
 };

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

@@ -6,15 +6,15 @@ export default (function (_ref) {
   return /*#__PURE__*/React.createElement("svg", {
     width: size,
     height: size,
-    viewBox: "0 0 44 48",
+    viewBox: "-2 0 48 48",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
     "aria-hidden": "true"
-  }, /*#__PURE__*/React.createElement("path", {
-    d: "M18.4941 1.94501C20.6623 0.687346 23.3374 0.685282 25.5078 1.93915L39.502 10.0231C41.6666 11.2739 43 13.5846 43 16.0847V31.0495C43 33.5496 41.6666 35.8603 39.502 37.111L25.502 45.1989C23.3353 46.4506 20.6647 46.4506 18.498 45.1989L4.49805 37.111C2.33335 35.8603 1 33.5496 1 31.0495V16.1257L1.00391 15.8923C1.08384 13.4869 2.39615 11.2842 4.4873 10.071L18.4941 1.94501Z",
-    fill: "#0052F2",
-    stroke: "white",
-    strokeWidth: "2"
+  }, /*#__PURE__*/React.createElement("rect", {
+    x: "-2",
+    width: "48",
+    height: "48",
+    fill: "#0052F2"
   }), /*#__PURE__*/React.createElement("path", {
     d: "M33.2072 22.7759C30.9171 22.5953 27.8195 22.4862 24.9141 22.4204C24.0336 18.9815 22.161 12.7258 19.8492 12.7258C17.4321 12.7258 15.6614 17.4323 14.4721 22.294L11.1401 22.2465C10.5137 22.2376 10.0012 22.7428 10.0012 23.3692C10.0012 23.9893 10.5039 24.492 11.1241 24.492H13.9726C13.6361 26.0844 13.3814 27.4221 13.1865 28.677C13.1171 29.1236 13.4633 29.5265 13.9153 29.5265C14.2405 29.5265 14.5272 29.3135 14.6211 29.0021C15.2672 26.86 16.0206 24.4986 16.0206 24.4986H23.0908C24.0869 28.1367 25.4694 34.1907 27.8129 34.1907C29.8895 34.1907 30.9193 31.6517 31.7915 27.7401C31.9194 27.1667 32.055 26.6659 32.194 26.2279C32.2698 25.9889 32.0913 25.7453 31.8411 25.7433C31.6809 25.742 31.5393 25.8482 31.4838 25.9985C31.2437 26.6499 31.0346 27.2574 30.8784 27.6945C29.9251 30.3626 29.4349 32.0123 28.3804 32.0123C26.9868 32.0123 25.9735 26.7146 25.4209 24.4986H33.1385C33.615 24.4986 34.0012 24.1123 34.0012 23.6359C34.0012 23.186 33.6557 22.8113 33.2072 22.7759ZM16.5321 22.3201C17.655 17.9256 19.0124 14.8912 19.7644 14.8912C20.4435 14.8912 21.5752 18.9049 22.5153 22.3742C19.3254 22.323 16.7915 22.3203 16.5321 22.3201Z",
     fill: "white"

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

@@ -9,6 +9,66 @@ import { AVATAR_SIZES } from '@atlaskit/avatar/avatar-sizes';
 import { cx } from '@atlaskit/css';
 import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { Box } from '@atlaskit/primitives/compiled';
+var RefreshedCustomerInsightAvatar = /*#__PURE__*/lazy(function () {
+  return import('./refreshed-assets/customer-insight');
+});
+var RefreshedBacklogBuddyAvatar = /*#__PURE__*/lazy(function () {
+  return import('./refreshed-assets/backlog-buddy');
+});
+var RefreshedDecisionDirectorAvatar = /*#__PURE__*/lazy(function () {
+  return import('./refreshed-assets/decision-director');
+});
+var RefreshedCommsCrafterAvatar = /*#__PURE__*/lazy(function () {
+  return import('./refreshed-assets/comms-crafter');
+});
+var RefreshedAutoDevAvatar = /*#__PURE__*/lazy(function () {
+  return import('./refreshed-assets/auto-dev');
+});
+var RefreshedOkrOracleAvatar = /*#__PURE__*/lazy(function () {
+  return import('./refreshed-assets/okr-oracle');
+});
+var RefreshedCultureAvatar = /*#__PURE__*/lazy(function () {
+  return import('./refreshed-assets/culture');
+});
+var RefreshedSocialMediaScribeAvatar = /*#__PURE__*/lazy(function () {
+  return import('./refreshed-assets/social-media-scribe');
+});
+var RefreshedTeamConnectionAvatar = /*#__PURE__*/lazy(function () {
+  return import('./refreshed-assets/team-connection');
+});
+var RefreshedHireWriterAvatar = /*#__PURE__*/lazy(function () {
+  return import('./refreshed-assets/hire-writer');
+});
+var RefreshedOpsAgentAvatar = /*#__PURE__*/lazy(function () {
+  return import('./refreshed-assets/ops-agent');
+});
+var RefreshedResearchScoutAvatar = /*#__PURE__*/lazy(function () {
+  return import('./refreshed-assets/research-scout');
+});
+var RefreshedReleaseNotesAvatar = /*#__PURE__*/lazy(function () {
+  return import('./refreshed-assets/release-notes');
+});
+var RefreshedMyUserManualAvatar = /*#__PURE__*/lazy(function () {
+  return import('./refreshed-assets/my-user-manual');
+});
+var RefreshedPitchPerfectorAvatar = /*#__PURE__*/lazy(function () {
+  return import('./refreshed-assets/pitch-perfector');
+});
+var RefreshedAutoFixAvatar = /*#__PURE__*/lazy(function () {
+  return import('./refreshed-assets/auto-fix');
+});
+var RefreshedAutoReviewAvatar = /*#__PURE__*/lazy(function () {
+  return import('./refreshed-assets/auto-review');
+});
+var RefreshedMarketingMessageMaestroAvatar = /*#__PURE__*/lazy(function () {
+  return import('./refreshed-assets/marketing-message-maestro');
+});
+var RefreshedFeatureFlagAvatar = /*#__PURE__*/lazy(function () {
+  return import('./refreshed-assets/feature-flag');
+});
+var RefreshedProductRequirementAvatar = /*#__PURE__*/lazy(function () {
+  return import('./refreshed-assets/product-requirement');
+});
 var styles = {
   image: "_5ral1dfr _4t3i1osq _1bsb1osq _1e0c1txw _1bah1h6o _4cvr1h6o",
   banner: "_1bsb1osq",
@@ -185,12 +245,78 @@ export var blueColor = {
   secondary: '#669DF1',
   cover: '#E9F2FE'
 };
+var refreshedBlueColor = _objectSpread(_objectSpread({}, blueColor), {}, {
+  primary: '#1868DB'
+});
 var colorList = [yellowColor, purpleColor, greenColor, blueColor];
 
 /**
  * NOTE: DO NOT ADD OOTB AGENTAVATARS TO THIS LIST
  */
-var avatarList = [CustomerInsightAvatar, BacklogBuddyAvatar, DecisionDirectorAvatar, CommsCrafterAvatar, AutoDevAvatar, OkrOracleAvatar, CultureAvatar, SocialMediaScribeAvatar, TeamConnectionAvatar, HireWriterAvatar, OpsAgentAvatar, ResearchScoutAvatar, ReleaseNotesAvatar, MyUserManualAvatar, PitchPerfectorAvatar, AutoDevAvatar, AutoFixAvatar, AutoReviewAvatar, MarketingMessageMaestroAvatar, FeatureFlagAvatar, ProductRequirementAvatar];
+var avatarList = [{
+  legacy: CustomerInsightAvatar,
+  refreshed: RefreshedCustomerInsightAvatar
+}, {
+  legacy: BacklogBuddyAvatar,
+  refreshed: RefreshedBacklogBuddyAvatar
+}, {
+  legacy: DecisionDirectorAvatar,
+  refreshed: RefreshedDecisionDirectorAvatar
+}, {
+  legacy: CommsCrafterAvatar,
+  refreshed: RefreshedCommsCrafterAvatar
+}, {
+  legacy: AutoDevAvatar,
+  refreshed: RefreshedAutoDevAvatar
+}, {
+  legacy: OkrOracleAvatar,
+  refreshed: RefreshedOkrOracleAvatar
+}, {
+  legacy: CultureAvatar,
+  refreshed: RefreshedCultureAvatar
+}, {
+  legacy: SocialMediaScribeAvatar,
+  refreshed: RefreshedSocialMediaScribeAvatar
+}, {
+  legacy: TeamConnectionAvatar,
+  refreshed: RefreshedTeamConnectionAvatar
+}, {
+  legacy: HireWriterAvatar,
+  refreshed: RefreshedHireWriterAvatar
+}, {
+  legacy: OpsAgentAvatar,
+  refreshed: RefreshedOpsAgentAvatar
+}, {
+  legacy: ResearchScoutAvatar,
+  refreshed: RefreshedResearchScoutAvatar
+}, {
+  legacy: ReleaseNotesAvatar,
+  refreshed: RefreshedReleaseNotesAvatar
+}, {
+  legacy: MyUserManualAvatar,
+  refreshed: RefreshedMyUserManualAvatar
+}, {
+  legacy: PitchPerfectorAvatar,
+  refreshed: RefreshedPitchPerfectorAvatar
+}, {
+  legacy: AutoDevAvatar,
+  refreshed: RefreshedAutoDevAvatar
+}, {
+  legacy: AutoFixAvatar,
+  refreshed: RefreshedAutoFixAvatar
+}, {
+  legacy: AutoReviewAvatar,
+  refreshed: RefreshedAutoReviewAvatar
+}, {
+  legacy: MarketingMessageMaestroAvatar,
+  refreshed: RefreshedMarketingMessageMaestroAvatar
+}, {
+  legacy: FeatureFlagAvatar,
+  refreshed: RefreshedFeatureFlagAvatar
+}, {
+  legacy: ProductRequirementAvatar,
+  refreshed: RefreshedProductRequirementAvatar
+}];
 export var TOTAL_AVATAR_COMBINATIONS = avatarList.length * colorList.length;
 var outOfTheBoxAgentAvatar = {
   ai_mate_agent: {
@@ -205,7 +331,7 @@ var outOfTheBoxAgentAvatar = {
   },
   autodev_template_unit_test_creator: {
     getRender: function getRender(size) {
-      return /*#__PURE__*/React.createElement(AutoFixAvatar, {
+      return fg('platform-dst-avatar-updated-geometry') ? renderRefreshedAvatar(RefreshedAutoFixAvatar, greenColor, size) : /*#__PURE__*/React.createElement(AutoFixAvatar, {
         size: AVATAR_SIZES[size],
         primaryColor: greenColor.primary,
         secondaryColor: greenColor.secondary
@@ -215,7 +341,7 @@ var outOfTheBoxAgentAvatar = {
   },
   autodev_template_migration_config_changer_agent: {
     getRender: function getRender(size) {
-      return /*#__PURE__*/React.createElement(OpsAgentAvatar, {
+      return fg('platform-dst-avatar-updated-geometry') ? renderRefreshedAvatar(RefreshedOpsAgentAvatar, greenColor, size) : /*#__PURE__*/React.createElement(OpsAgentAvatar, {
         size: AVATAR_SIZES[size],
         primaryColor: greenColor.primary,
         secondaryColor: greenColor.secondary
@@ -225,7 +351,7 @@ var outOfTheBoxAgentAvatar = {
   },
   autodev_template_vulnerable_dependency_updater_agent: {
     getRender: function getRender(size) {
-      return /*#__PURE__*/React.createElement(MarketingMessageMaestroAvatar, {
+      return fg('platform-dst-avatar-updated-geometry') ? renderRefreshedAvatar(RefreshedMarketingMessageMaestroAvatar, greenColor, size) : /*#__PURE__*/React.createElement(MarketingMessageMaestroAvatar, {
         size: AVATAR_SIZES[size],
         primaryColor: greenColor.primary,
         secondaryColor: greenColor.secondary
@@ -235,7 +361,7 @@ var outOfTheBoxAgentAvatar = {
   },
   autodev_template_code_standardizer_agent: {
     getRender: function getRender(size) {
-      return /*#__PURE__*/React.createElement(MyUserManualAvatar, {
+      return fg('platform-dst-avatar-updated-geometry') ? renderRefreshedAvatar(RefreshedMyUserManualAvatar, greenColor, size) : /*#__PURE__*/React.createElement(MyUserManualAvatar, {
         size: AVATAR_SIZES[size],
         primaryColor: greenColor.primary,
         secondaryColor: greenColor.secondary
@@ -245,7 +371,7 @@ var outOfTheBoxAgentAvatar = {
   },
   autodev_template_code_observer_agent: {
     getRender: function getRender(size) {
-      return /*#__PURE__*/React.createElement(ResearchScoutAvatar, {
+      return fg('platform-dst-avatar-updated-geometry') ? renderRefreshedAvatar(RefreshedResearchScoutAvatar, greenColor, size) : /*#__PURE__*/React.createElement(ResearchScoutAvatar, {
         size: AVATAR_SIZES[size],
         primaryColor: greenColor.primary,
         secondaryColor: greenColor.secondary
@@ -255,7 +381,7 @@ var outOfTheBoxAgentAvatar = {
   },
   autodev_template_code_accessibility_checker_agent: {
     getRender: function getRender(size) {
-      return /*#__PURE__*/React.createElement(HireWriterAvatar, {
+      return fg('platform-dst-avatar-updated-geometry') ? renderRefreshedAvatar(RefreshedHireWriterAvatar, greenColor, size) : /*#__PURE__*/React.createElement(HireWriterAvatar, {
         size: AVATAR_SIZES[size],
         primaryColor: greenColor.primary,
         secondaryColor: greenColor.secondary
@@ -265,7 +391,7 @@ var outOfTheBoxAgentAvatar = {
   },
   autodev_code_documentation_writer_agent: {
     getRender: function getRender(size) {
-      return /*#__PURE__*/React.createElement(SocialMediaScribeAvatar, {
+      return fg('platform-dst-avatar-updated-geometry') ? renderRefreshedAvatar(RefreshedSocialMediaScribeAvatar, greenColor, size) : /*#__PURE__*/React.createElement(SocialMediaScribeAvatar, {
         size: AVATAR_SIZES[size],
         primaryColor: greenColor.primary,
         secondaryColor: greenColor.secondary
@@ -275,7 +401,7 @@ var outOfTheBoxAgentAvatar = {
   },
   autodev_feature_flag_cleaner_agent: {
     getRender: function getRender(size) {
-      return /*#__PURE__*/React.createElement(FeatureFlagAvatar, {
+      return fg('platform-dst-avatar-updated-geometry') ? renderRefreshedAvatar(RefreshedFeatureFlagAvatar, greenColor, size) : /*#__PURE__*/React.createElement(FeatureFlagAvatar, {
         size: AVATAR_SIZES[size],
         primaryColor: greenColor.primary,
         secondaryColor: greenColor.secondary
@@ -285,7 +411,7 @@ var outOfTheBoxAgentAvatar = {
   },
   decision_director_agent: {
     getRender: function getRender(size) {
-      return /*#__PURE__*/React.createElement(DecisionDirectorAvatar, {
+      return fg('platform-dst-avatar-updated-geometry') ? renderRefreshedAvatar(RefreshedDecisionDirectorAvatar, greenColor, size) : /*#__PURE__*/React.createElement(DecisionDirectorAvatar, {
         size: AVATAR_SIZES[size],
         primaryColor: greenColor.primary,
         secondaryColor: greenColor.secondary
@@ -295,7 +421,7 @@ var outOfTheBoxAgentAvatar = {
   },
   planner_agent: {
     getRender: function getRender(size) {
-      return /*#__PURE__*/React.createElement(OpsAgentAvatar, {
+      return fg('platform-dst-avatar-updated-geometry') ? renderRefreshedAvatar(RefreshedOpsAgentAvatar, purpleColor, size) : /*#__PURE__*/React.createElement(OpsAgentAvatar, {
         size: AVATAR_SIZES[size],
         primaryColor: purpleColor.primary,
         secondaryColor: purpleColor.secondary
@@ -305,7 +431,7 @@ var outOfTheBoxAgentAvatar = {
   },
   tech_writer_agent: {
     getRender: function getRender(size) {
-      return /*#__PURE__*/React.createElement(SocialMediaScribeAvatar, {
+      return fg('platform-dst-avatar-updated-geometry') ? renderRefreshedAvatar(RefreshedSocialMediaScribeAvatar, blueColor, size) : /*#__PURE__*/React.createElement(SocialMediaScribeAvatar, {
         size: AVATAR_SIZES[size],
         primaryColor: blueColor.primary,
         secondaryColor: blueColor.secondary
@@ -325,7 +451,7 @@ var outOfTheBoxAgentAvatar = {
   },
   user_manual_writer_agent: {
     getRender: function getRender(size) {
-      return /*#__PURE__*/React.createElement(MyUserManualAvatar, {
+      return fg('platform-dst-avatar-updated-geometry') ? renderRefreshedAvatar(RefreshedMyUserManualAvatar, yellowColor, size) : /*#__PURE__*/React.createElement(MyUserManualAvatar, {
         size: AVATAR_SIZES[size],
         primaryColor: yellowColor.primary,
         secondaryColor: yellowColor.secondary
@@ -335,7 +461,7 @@ var outOfTheBoxAgentAvatar = {
   },
   product_requirements_expert_agent: {
     getRender: function getRender(size) {
-      return /*#__PURE__*/React.createElement(ProductRequirementAvatar, {
+      return fg('platform-dst-avatar-updated-geometry') ? renderRefreshedAvatar(RefreshedProductRequirementAvatar, yellowColor, size) : /*#__PURE__*/React.createElement(ProductRequirementAvatar, {
         size: AVATAR_SIZES[size],
         primaryColor: yellowColor.primary,
         secondaryColor: yellowColor.secondary
@@ -355,7 +481,7 @@ var outOfTheBoxAgentAvatar = {
   },
   issue_organizer_agent: {
     getRender: function getRender(size) {
-      return /*#__PURE__*/React.createElement(BacklogBuddyAvatar, {
+      return fg('platform-dst-avatar-updated-geometry') ? renderRefreshedAvatar(RefreshedBacklogBuddyAvatar, greenColor, size) : /*#__PURE__*/React.createElement(BacklogBuddyAvatar, {
         size: AVATAR_SIZES[size],
         primaryColor: greenColor.primary,
         secondaryColor: greenColor.secondary
@@ -365,7 +491,7 @@ var outOfTheBoxAgentAvatar = {
   },
   ops_guide_agent: {
     getRender: function getRender(size) {
-      return /*#__PURE__*/React.createElement(OpsAgentAvatar, {
+      return fg('platform-dst-avatar-updated-geometry') ? renderRefreshedAvatar(RefreshedOpsAgentAvatar, yellowColor, size) : /*#__PURE__*/React.createElement(OpsAgentAvatar, {
         size: AVATAR_SIZES[size],
         primaryColor: yellowColor.primary,
         secondaryColor: yellowColor.secondary
@@ -375,7 +501,7 @@ var outOfTheBoxAgentAvatar = {
   },
   discovery_and_feedback_agent: {
     getRender: function getRender(size) {
-      return /*#__PURE__*/React.createElement(CommsCrafterAvatar, {
+      return fg('platform-dst-avatar-updated-geometry') ? renderRefreshedAvatar(RefreshedCommsCrafterAvatar, greenColor, size) : /*#__PURE__*/React.createElement(CommsCrafterAvatar, {
         size: AVATAR_SIZES[size],
         primaryColor: greenColor.primary,
         secondaryColor: greenColor.secondary
@@ -395,7 +521,7 @@ var outOfTheBoxAgentAvatar = {
   },
   itops_rca_agent: {
     getRender: function getRender(size) {
-      return /*#__PURE__*/React.createElement(AutoReviewAvatar, {
+      return fg('platform-dst-avatar-updated-geometry') ? renderRefreshedAvatar(RefreshedAutoReviewAvatar, yellowColor, size) : /*#__PURE__*/React.createElement(AutoReviewAvatar, {
         size: AVATAR_SIZES[size],
         primaryColor: yellowColor.primary,
         secondaryColor: yellowColor.secondary
@@ -449,17 +575,11 @@ var outOfTheBoxAgentAvatar = {
   },
   mcp_amplitude_agent: {
     getRender: function getRender(size) {
-      return /*#__PURE__*/React.createElement(AmplitudeAgentAvatar, {
+      return fg('rovo_agent_amplitude_avatar_v2') ? /*#__PURE__*/React.createElement(AmplitudeAgentAvatarV2, {
         size: AVATAR_SIZES[size],
         primaryColor: "",
         secondaryColor: ""
-      });
-    },
-    color: blueColor
-  },
-  mcp_amplitude_agent_v2: {
-    getRender: function getRender(size) {
-      return /*#__PURE__*/React.createElement(AmplitudeAgentAvatarV2, {
+      }) : /*#__PURE__*/React.createElement(AmplitudeAgentAvatar, {
         size: AVATAR_SIZES[size],
         primaryColor: "",
         secondaryColor: ""
@@ -637,6 +757,13 @@ export var getNumberIdForAvatar = function getNumberIdForAvatar(_ref2) {
   }
   return null;
 };
+var renderRefreshedAvatar = function renderRefreshedAvatar(Avatar, color, size) {
+  return /*#__PURE__*/React.createElement(Avatar, {
+    size: AVATAR_SIZES[size],
+    primaryColor: color === blueColor ? refreshedBlueColor.primary : color.primary,
+    iconColor: color === blueColor ? '#FFFFFF' : '#101214'
+  });
+};
 var ROVO_DEV_AGENT_ID = '027f0676-e8e9-4939-8962-3850987d78bb';
 var getAvatarRender = function getAvatarRender(_ref3) {
   var agentNamedId = _ref3.agentNamedId,
@@ -671,7 +798,7 @@ var getAvatarRender = function getAvatarRender(_ref3) {
     var ootbAvatarResult = outOfTheBoxAgentAvatar[agentNamedId];
     return {
       render: ootbAvatarResult.getRender(size),
-      color: ootbAvatarResult.color
+      color: agentNamedId === 'tech_writer_agent' && fg('platform-dst-avatar-updated-geometry') ? refreshedBlueColor : ootbAvatarResult.color
     };
   }
   var numberId = getNumberIdForAvatar({
@@ -688,8 +815,14 @@ var getAvatarRender = function getAvatarRender(_ref3) {
     var combinationIndex = numberId % totalCombinations;
     var avatarIndex = Math.floor(combinationIndex / colorList.length);
     var colorIndex = combinationIndex % colorList.length;
-    var Avatar = avatarList[avatarIndex];
+    var Avatar = avatarList[avatarIndex].legacy;
     var color = colorList[colorIndex];
+    if (fg('platform-dst-avatar-updated-geometry')) {
+      return {
+        render: renderRefreshedAvatar(avatarList[avatarIndex].refreshed, color, size),
+        color: color === blueColor ? refreshedBlueColor : color
+      };
+    }
     return {
       render: /*#__PURE__*/React.createElement(Avatar, {
         size: AVATAR_SIZES[size],

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

@@ -0,0 +1,41 @@
+import React from 'react';
+export default function RefreshedAutoDevAvatar(_ref) {
+  var size = _ref.size,
+    primaryColor = _ref.primaryColor,
+    iconColor = _ref.iconColor;
+  return /*#__PURE__*/React.createElement("svg", {
+    width: size,
+    height: size,
+    viewBox: "0 306 56 56",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "aria-hidden": "true",
+    focusable: "false",
+    "data-testid": "refreshed-agent-avatar"
+  }, /*#__PURE__*/React.createElement("rect", {
+    x: "0",
+    y: "306",
+    width: "56",
+    height: "56",
+    fill: primaryColor
+  }), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
+    id: "clip4_311_309477"
+  }, /*#__PURE__*/React.createElement("rect", {
+    width: "42",
+    height: "42",
+    fill: "white",
+    transform: "translate(7 312.948)"
+  }))), /*#__PURE__*/React.createElement("g", {
+    fill: iconColor
+  }, /*#__PURE__*/React.createElement("g", {
+    clipPath: "url(#clip4_311_309477)"
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M14 325.635L33.25 325.635V321.26L14 321.26V325.635Z"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M15.75 339.635L35 339.635V335.26L15.75 335.26L15.75 339.635Z"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M42 346.635H22.75V342.26H42V346.635Z"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M21 332.635L40.25 332.635V328.26L21 328.26V332.635Z"
+  }))));
+}

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

@@ -0,0 +1,26 @@
+import React from 'react';
+export default function RefreshedAutoFixAvatar(_ref) {
+  var size = _ref.size,
+    primaryColor = _ref.primaryColor,
+    iconColor = _ref.iconColor;
+  return /*#__PURE__*/React.createElement("svg", {
+    width: size,
+    height: size,
+    viewBox: "0 1066 56 56",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "aria-hidden": "true",
+    focusable: "false",
+    "data-testid": "refreshed-agent-avatar"
+  }, /*#__PURE__*/React.createElement("rect", {
+    x: "0",
+    y: "1066",
+    width: "56",
+    height: "56",
+    fill: primaryColor
+  }), /*#__PURE__*/React.createElement("g", {
+    fill: iconColor
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M41.125 1089.57C41.125 1094.41 37.2075 1098.32 32.375 1098.32C31.5735 1098.32 30.7971 1098.21 30.0596 1098.01L20.125 1107.95L14 1101.82L23.9346 1091.89C23.7328 1091.15 23.625 1090.37 23.625 1089.57C23.625 1084.74 27.5425 1080.82 32.375 1080.82C33.6589 1080.82 34.8783 1081.1 35.9767 1081.6L30.625 1086.95V1091.32H35L40.3517 1085.97C40.8485 1087.07 41.125 1088.29 41.125 1089.57Z"
+  })));
+}

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

@@ -0,0 +1,37 @@
+import React from 'react';
+export default function RefreshedAutoReviewAvatar(_ref) {
+  var size = _ref.size,
+    primaryColor = _ref.primaryColor,
+    iconColor = _ref.iconColor;
+  return /*#__PURE__*/React.createElement("svg", {
+    width: size,
+    height: size,
+    viewBox: "0 1142 56 56",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "aria-hidden": "true",
+    focusable: "false",
+    "data-testid": "refreshed-agent-avatar"
+  }, /*#__PURE__*/React.createElement("rect", {
+    x: "0",
+    y: "1142",
+    width: "56",
+    height: "56",
+    fill: primaryColor
+  }), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
+    id: "clip12_311_309477"
+  }, /*#__PURE__*/React.createElement("rect", {
+    width: "42",
+    height: "42",
+    fill: "white",
+    transform: "translate(7 1148.95)"
+  }))), /*#__PURE__*/React.createElement("g", {
+    fill: iconColor
+  }, /*#__PURE__*/React.createElement("g", {
+    clipPath: "url(#clip12_311_309477)"
+  }, /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M24.8888 1155.95H31.111L33.0686 1161.17L38.569 1160.25L41.6801 1165.64L38.1373 1169.95L41.6794 1174.25L38.5683 1179.64L33.0686 1178.73L31.111 1183.95H24.8888L22.931 1178.73L17.4314 1179.64L14.3203 1174.25L17.862 1169.95L14.3196 1165.64L17.4307 1160.25L22.9309 1161.17L24.8888 1155.95ZM28.0003 1175.2C30.8998 1175.2 33.2503 1172.85 33.2503 1169.95C33.2503 1167.05 30.8998 1164.7 28.0003 1164.7C25.1008 1164.7 22.7503 1167.05 22.7503 1169.95C22.7503 1172.85 25.1008 1175.2 28.0003 1175.2Z"
+  }))));
+}

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

@@ -0,0 +1,39 @@
+import React from 'react';
+export default function RefreshedBacklogBuddyAvatar(_ref) {
+  var size = _ref.size,
+    primaryColor = _ref.primaryColor,
+    iconColor = _ref.iconColor;
+  return /*#__PURE__*/React.createElement("svg", {
+    width: size,
+    height: size,
+    viewBox: "0 78 56 56",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "aria-hidden": "true",
+    focusable: "false",
+    "data-testid": "refreshed-agent-avatar"
+  }, /*#__PURE__*/React.createElement("rect", {
+    x: "0",
+    y: "78",
+    width: "56",
+    height: "56",
+    fill: primaryColor
+  }), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
+    id: "clip1_311_309477"
+  }, /*#__PURE__*/React.createElement("rect", {
+    width: "42",
+    height: "42",
+    fill: "white",
+    transform: "translate(7 84.9477)"
+  }))), /*#__PURE__*/React.createElement("g", {
+    fill: iconColor
+  }, /*#__PURE__*/React.createElement("g", {
+    clipPath: "url(#clip1_311_309477)"
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M39.375 98.0727C39.375 96.1397 37.808 94.5727 35.875 94.5727L20.125 94.5727C18.192 94.5727 16.625 96.1397 16.625 98.0727L16.625 99.8227L39.375 99.8227V98.0727Z"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M39.375 103.323L16.625 103.323L16.625 108.573H39.375V103.323Z"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M39.375 112.073H16.625L16.625 113.823C16.625 115.756 18.192 117.323 20.125 117.323H35.875C37.808 117.323 39.375 115.756 39.375 113.823V112.073Z"
+  }))));
+}

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

@@ -0,0 +1,39 @@
+import React from 'react';
+export default function RefreshedCommsCrafterAvatar(_ref) {
+  var size = _ref.size,
+    primaryColor = _ref.primaryColor,
+    iconColor = _ref.iconColor;
+  return /*#__PURE__*/React.createElement("svg", {
+    width: size,
+    height: size,
+    viewBox: "0 230 56 56",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "aria-hidden": "true",
+    focusable: "false",
+    "data-testid": "refreshed-agent-avatar"
+  }, /*#__PURE__*/React.createElement("rect", {
+    x: "0",
+    y: "230",
+    width: "56",
+    height: "56",
+    fill: primaryColor
+  }), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
+    id: "clip3_311_309477"
+  }, /*#__PURE__*/React.createElement("rect", {
+    width: "42",
+    height: "42",
+    fill: "white",
+    transform: "translate(7 236.948)"
+  }))), /*#__PURE__*/React.createElement("g", {
+    fill: iconColor
+  }, /*#__PURE__*/React.createElement("g", {
+    clipPath: "url(#clip3_311_309477)"
+  }, /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M16.6252 243.948H25.3752L33.2502 251.823V265.823H16.6252V243.948ZM23.6252 253.573V246.573L30.6252 253.573H23.6252Z"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M35.8751 252.698V268.448H21.8751V271.948H39.3751V252.698H35.8751Z"
+  }))));
+}

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

@@ -0,0 +1,35 @@
+import React from 'react';
+export default function RefreshedCultureAvatar(_ref) {
+  var size = _ref.size,
+    primaryColor = _ref.primaryColor,
+    iconColor = _ref.iconColor;
+  return /*#__PURE__*/React.createElement("svg", {
+    width: size,
+    height: size,
+    viewBox: "0 458 56 56",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "aria-hidden": "true",
+    focusable: "false",
+    "data-testid": "refreshed-agent-avatar"
+  }, /*#__PURE__*/React.createElement("rect", {
+    x: "0",
+    y: "458",
+    width: "56",
+    height: "56",
+    fill: primaryColor
+  }), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
+    id: "clip6_311_309477"
+  }, /*#__PURE__*/React.createElement("rect", {
+    width: "42",
+    height: "42",
+    fill: "white",
+    transform: "translate(7 464.948)"
+  }))), /*#__PURE__*/React.createElement("g", {
+    fill: iconColor
+  }, /*#__PURE__*/React.createElement("g", {
+    clipPath: "url(#clip6_311_309477)"
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M28.0002 496.532C28.0002 496.532 21 490.323 19.25 487.698C17.5 485.073 17.5 484.131 17.5 482.629C17.5 481.692 17.648 480.835 17.9441 480.06C18.2472 479.277 18.6667 478.6 19.2025 478.029C19.7382 477.458 20.3621 477.018 21.0741 476.708C21.7861 476.397 22.558 476.242 23.3899 476.242C24.4261 476.242 25.3355 476.507 26.118 477.035C26.9005 477.564 27.5279 478.262 28.0002 479.129C28.4796 478.255 29.1105 477.557 29.893 477.035C30.6755 476.507 31.5814 476.242 32.6106 476.242C33.4424 476.242 34.2143 476.397 34.9263 476.708C35.6454 477.018 36.2693 477.458 36.798 478.029C37.3337 478.6 37.7497 479.277 38.0457 480.06C38.3489 480.835 38.5004 481.692 38.5004 482.629C38.5004 484.131 38.452 485.073 36.75 487.698C34.952 490.323 28.0002 496.532 28.0002 496.532Z"
+  }))));
+}