@atlaskit/rovo-agent-components 9.1.0 → 9.3.0

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

@@ -0,0 +1,46 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = RefreshedSocialMediaScribeAvatar;
+var _react = _interopRequireDefault(require("react"));
+function RefreshedSocialMediaScribeAvatar(_ref) {
+  var size = _ref.size,
+    primaryColor = _ref.primaryColor,
+    iconColor = _ref.iconColor;
+  return /*#__PURE__*/_react.default.createElement("svg", {
+    width: size,
+    height: size,
+    viewBox: "0 534 56 56",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "aria-hidden": "true",
+    focusable: "false",
+    "data-testid": "refreshed-agent-avatar"
+  }, /*#__PURE__*/_react.default.createElement("rect", {
+    x: "0",
+    y: "534",
+    width: "56",
+    height: "56",
+    fill: primaryColor
+  }), /*#__PURE__*/_react.default.createElement("defs", null, /*#__PURE__*/_react.default.createElement("clipPath", {
+    id: "clip7_311_309477"
+  }, /*#__PURE__*/_react.default.createElement("rect", {
+    width: "42",
+    height: "42",
+    fill: "white",
+    transform: "translate(7 540.948)"
+  }))), /*#__PURE__*/_react.default.createElement("g", {
+    fill: iconColor
+  }, /*#__PURE__*/_react.default.createElement("g", {
+    clipPath: "url(#clip7_311_309477)"
+  }, /*#__PURE__*/_react.default.createElement("path", {
+    d: "M23.802 561.595L31.5708 553.826L36.5195 558.777L28.7516 566.545L22.5998 567.747L23.802 561.595Z"
+  }), /*#__PURE__*/_react.default.createElement("path", {
+    d: "M41.1611 554.135L38.3756 556.921L33.427 551.97L36.2114 549.186C36.8948 548.502 38.0029 548.502 38.6863 549.186L41.1611 551.66C41.8445 552.344 41.8445 553.452 41.1611 554.135Z"
+  }), /*#__PURE__*/_react.default.createElement("path", {
+    d: "M28 549.698H15.75V574.198H40.25V561.948H36.75V570.698H19.25V553.198H28V549.698Z"
+  }))));
+}

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

@@ -0,0 +1,39 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = RefreshedTeamConnectionAvatar;
+var _react = _interopRequireDefault(require("react"));
+function RefreshedTeamConnectionAvatar(_ref) {
+  var size = _ref.size,
+    primaryColor = _ref.primaryColor,
+    iconColor = _ref.iconColor;
+  return /*#__PURE__*/_react.default.createElement("svg", {
+    width: size,
+    height: size,
+    viewBox: "0 610 56 56",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "aria-hidden": "true",
+    focusable: "false",
+    "data-testid": "refreshed-agent-avatar"
+  }, /*#__PURE__*/_react.default.createElement("rect", {
+    x: "0",
+    y: "610",
+    width: "56",
+    height: "56",
+    fill: primaryColor
+  }), /*#__PURE__*/_react.default.createElement("g", {
+    fill: iconColor
+  }, /*#__PURE__*/_react.default.createElement("path", {
+    d: "M20.1252 636.197C23.0247 636.197 25.3752 633.847 25.3752 630.947C25.3752 628.048 23.0247 625.697 20.1252 625.697C17.2257 625.697 14.8752 628.048 14.8752 630.947C14.8752 633.847 17.2257 636.197 20.1252 636.197Z"
+  }), /*#__PURE__*/_react.default.createElement("path", {
+    d: "M35.8752 636.197C38.7747 636.197 41.1252 633.847 41.1252 630.947C41.1252 628.048 38.7747 625.697 35.8752 625.697C32.9757 625.697 30.6252 628.048 30.6252 630.947C30.6252 633.847 32.9757 636.197 35.8752 636.197Z"
+  }), /*#__PURE__*/_react.default.createElement("path", {
+    d: "M36.2115 638.822C39.4085 638.822 42.0002 641.414 42.0002 644.611V650.197H27.5627L30.8804 642.355C31.7865 640.214 33.8861 638.822 36.2115 638.822Z"
+  }), /*#__PURE__*/_react.default.createElement("path", {
+    d: "M14.0002 644.947V650.197H23.6252L26.2502 644.072C26.2502 641.173 23.8997 638.822 21.0002 638.822H20.1252C16.7424 638.822 14.0002 641.564 14.0002 644.947Z"
+  })));
+}

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

@@ -11,7 +11,10 @@ require("./index.compiled.css");
 var React = _interopRequireWildcard(require("react"));
 var _runtime = require("@compiled/react/runtime");
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _reactIntl = require("react-intl");
+var _avatar = _interopRequireDefault(require("@atlaskit/avatar/avatar"));
+var _avatarContent = require("@atlaskit/avatar/avatar-content");
 var _avatarSizes = require("@atlaskit/avatar/avatar-sizes");
 var _fg = require("@atlaskit/platform-feature-flags/fg");
 var _compiled = require("@atlaskit/primitives/compiled");
@@ -53,10 +56,34 @@ var AgentAvatar = exports.AgentAvatar = function AgentAvatar(_ref) {
     showBorder = _ref$showBorder === void 0 ? true : _ref$showBorder,
     isRovoDev = _ref.isRovoDev,
     isForgeAgent = _ref.isForgeAgent,
-    forgeAgentIconUrl = _ref.forgeAgentIconUrl;
+    forgeAgentIconUrl = _ref.forgeAgentIconUrl,
+    UNSAFE_useAdsAvatar = _ref.UNSAFE_useAdsAvatar;
   var _useIntl = (0, _reactIntl.useIntl)(),
     formatMessage = _useIntl.formatMessage;
   var imgUrl = isForgeAgent && forgeAgentIconUrl ? forgeAgentIconUrl : imageUrl;
+  var avatarName = name || label || formatMessage(_messages.messages.agentAvatarLabel);
+  var generatedAvatar = imgUrl ? null : /*#__PURE__*/React.createElement(_generatedAvatars.GeneratedAvatar, {
+    agentId: agentId,
+    agentNamedId: agentNamedId,
+    agentIdentityAccountId: agentIdentityAccountId,
+    isRovoDev: isRovoDev,
+    size: size
+  });
+  if (UNSAFE_useAdsAvatar) {
+    var adsAvatarProps = {
+      appearance: 'hexagon',
+      label: label,
+      name: avatarName,
+      size: size,
+      UNSAFE_isUpdatedGeometry: true
+    };
+    if (imgUrl) {
+      return /*#__PURE__*/React.createElement(_avatar.default, (0, _extends2.default)({}, adsAvatarProps, {
+        src: imgUrl
+      }));
+    }
+    return /*#__PURE__*/React.createElement(_avatar.default, adsAvatarProps, /*#__PURE__*/React.createElement(_avatarContent.AvatarContent, null, generatedAvatar));
+  }
   return /*#__PURE__*/React.createElement(_compiled.Box, {
     "aria-label": label,
     xcss: styles.agentAvatar,
@@ -81,12 +108,6 @@ var AgentAvatar = exports.AgentAvatar = function AgentAvatar(_ref) {
     as: "img",
     xcss: styles.image,
     src: imgUrl,
-    alt: name || label || formatMessage(_messages.messages.agentAvatarLabel)
-  }) : /*#__PURE__*/React.createElement(_generatedAvatars.GeneratedAvatar, {
-    agentId: agentId,
-    agentNamedId: agentNamedId,
-    agentIdentityAccountId: agentIdentityAccountId,
-    isRovoDev: isRovoDev,
-    size: size
-  }))));
+    alt: avatarName
+  }) : generatedAvatar)));
 };

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

@@ -6,15 +6,15 @@ export default (({
 }) => /*#__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/es2019/ui/agent-avatar/generated-avatars/index.js

@@ -6,6 +6,26 @@ 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';
+const RefreshedCustomerInsightAvatar = /*#__PURE__*/lazy(() => import('./refreshed-assets/customer-insight'));
+const RefreshedBacklogBuddyAvatar = /*#__PURE__*/lazy(() => import('./refreshed-assets/backlog-buddy'));
+const RefreshedDecisionDirectorAvatar = /*#__PURE__*/lazy(() => import('./refreshed-assets/decision-director'));
+const RefreshedCommsCrafterAvatar = /*#__PURE__*/lazy(() => import('./refreshed-assets/comms-crafter'));
+const RefreshedAutoDevAvatar = /*#__PURE__*/lazy(() => import('./refreshed-assets/auto-dev'));
+const RefreshedOkrOracleAvatar = /*#__PURE__*/lazy(() => import('./refreshed-assets/okr-oracle'));
+const RefreshedCultureAvatar = /*#__PURE__*/lazy(() => import('./refreshed-assets/culture'));
+const RefreshedSocialMediaScribeAvatar = /*#__PURE__*/lazy(() => import('./refreshed-assets/social-media-scribe'));
+const RefreshedTeamConnectionAvatar = /*#__PURE__*/lazy(() => import('./refreshed-assets/team-connection'));
+const RefreshedHireWriterAvatar = /*#__PURE__*/lazy(() => import('./refreshed-assets/hire-writer'));
+const RefreshedOpsAgentAvatar = /*#__PURE__*/lazy(() => import('./refreshed-assets/ops-agent'));
+const RefreshedResearchScoutAvatar = /*#__PURE__*/lazy(() => import('./refreshed-assets/research-scout'));
+const RefreshedReleaseNotesAvatar = /*#__PURE__*/lazy(() => import('./refreshed-assets/release-notes'));
+const RefreshedMyUserManualAvatar = /*#__PURE__*/lazy(() => import('./refreshed-assets/my-user-manual'));
+const RefreshedPitchPerfectorAvatar = /*#__PURE__*/lazy(() => import('./refreshed-assets/pitch-perfector'));
+const RefreshedAutoFixAvatar = /*#__PURE__*/lazy(() => import('./refreshed-assets/auto-fix'));
+const RefreshedAutoReviewAvatar = /*#__PURE__*/lazy(() => import('./refreshed-assets/auto-review'));
+const RefreshedMarketingMessageMaestroAvatar = /*#__PURE__*/lazy(() => import('./refreshed-assets/marketing-message-maestro'));
+const RefreshedFeatureFlagAvatar = /*#__PURE__*/lazy(() => import('./refreshed-assets/feature-flag'));
+const RefreshedProductRequirementAvatar = /*#__PURE__*/lazy(() => import('./refreshed-assets/product-requirement'));
 const styles = {
   image: "_5ral1dfr _4t3i1osq _1bsb1osq _1e0c1txw _1bah1h6o _4cvr1h6o",
   banner: "_1bsb1osq",
@@ -93,12 +113,79 @@ export const blueColor = {
   secondary: '#669DF1',
   cover: '#E9F2FE'
 };
+const refreshedBlueColor = {
+  ...blueColor,
+  primary: '#1868DB'
+};
 const colorList = [yellowColor, purpleColor, greenColor, blueColor];
 
 /**
  * NOTE: DO NOT ADD OOTB AGENTAVATARS TO THIS LIST
  */
-const avatarList = [CustomerInsightAvatar, BacklogBuddyAvatar, DecisionDirectorAvatar, CommsCrafterAvatar, AutoDevAvatar, OkrOracleAvatar, CultureAvatar, SocialMediaScribeAvatar, TeamConnectionAvatar, HireWriterAvatar, OpsAgentAvatar, ResearchScoutAvatar, ReleaseNotesAvatar, MyUserManualAvatar, PitchPerfectorAvatar, AutoDevAvatar, AutoFixAvatar, AutoReviewAvatar, MarketingMessageMaestroAvatar, FeatureFlagAvatar, ProductRequirementAvatar];
+const 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 const TOTAL_AVATAR_COMBINATIONS = avatarList.length * colorList.length;
 const outOfTheBoxAgentAvatar = {
   ai_mate_agent: {
@@ -110,7 +197,7 @@ const outOfTheBoxAgentAvatar = {
     color: blueColor
   },
   autodev_template_unit_test_creator: {
-    getRender: size => /*#__PURE__*/React.createElement(AutoFixAvatar, {
+    getRender: size => fg('platform-dst-avatar-updated-geometry') ? renderRefreshedAvatar(RefreshedAutoFixAvatar, greenColor, size) : /*#__PURE__*/React.createElement(AutoFixAvatar, {
       size: AVATAR_SIZES[size],
       primaryColor: greenColor.primary,
       secondaryColor: greenColor.secondary
@@ -118,7 +205,7 @@ const outOfTheBoxAgentAvatar = {
     color: greenColor
   },
   autodev_template_migration_config_changer_agent: {
-    getRender: size => /*#__PURE__*/React.createElement(OpsAgentAvatar, {
+    getRender: size => fg('platform-dst-avatar-updated-geometry') ? renderRefreshedAvatar(RefreshedOpsAgentAvatar, greenColor, size) : /*#__PURE__*/React.createElement(OpsAgentAvatar, {
       size: AVATAR_SIZES[size],
       primaryColor: greenColor.primary,
       secondaryColor: greenColor.secondary
@@ -126,7 +213,7 @@ const outOfTheBoxAgentAvatar = {
     color: greenColor
   },
   autodev_template_vulnerable_dependency_updater_agent: {
-    getRender: size => /*#__PURE__*/React.createElement(MarketingMessageMaestroAvatar, {
+    getRender: size => fg('platform-dst-avatar-updated-geometry') ? renderRefreshedAvatar(RefreshedMarketingMessageMaestroAvatar, greenColor, size) : /*#__PURE__*/React.createElement(MarketingMessageMaestroAvatar, {
       size: AVATAR_SIZES[size],
       primaryColor: greenColor.primary,
       secondaryColor: greenColor.secondary
@@ -134,7 +221,7 @@ const outOfTheBoxAgentAvatar = {
     color: greenColor
   },
   autodev_template_code_standardizer_agent: {
-    getRender: size => /*#__PURE__*/React.createElement(MyUserManualAvatar, {
+    getRender: size => fg('platform-dst-avatar-updated-geometry') ? renderRefreshedAvatar(RefreshedMyUserManualAvatar, greenColor, size) : /*#__PURE__*/React.createElement(MyUserManualAvatar, {
       size: AVATAR_SIZES[size],
       primaryColor: greenColor.primary,
       secondaryColor: greenColor.secondary
@@ -142,7 +229,7 @@ const outOfTheBoxAgentAvatar = {
     color: greenColor
   },
   autodev_template_code_observer_agent: {
-    getRender: size => /*#__PURE__*/React.createElement(ResearchScoutAvatar, {
+    getRender: size => fg('platform-dst-avatar-updated-geometry') ? renderRefreshedAvatar(RefreshedResearchScoutAvatar, greenColor, size) : /*#__PURE__*/React.createElement(ResearchScoutAvatar, {
       size: AVATAR_SIZES[size],
       primaryColor: greenColor.primary,
       secondaryColor: greenColor.secondary
@@ -150,7 +237,7 @@ const outOfTheBoxAgentAvatar = {
     color: greenColor
   },
   autodev_template_code_accessibility_checker_agent: {
-    getRender: size => /*#__PURE__*/React.createElement(HireWriterAvatar, {
+    getRender: size => fg('platform-dst-avatar-updated-geometry') ? renderRefreshedAvatar(RefreshedHireWriterAvatar, greenColor, size) : /*#__PURE__*/React.createElement(HireWriterAvatar, {
       size: AVATAR_SIZES[size],
       primaryColor: greenColor.primary,
       secondaryColor: greenColor.secondary
@@ -158,7 +245,7 @@ const outOfTheBoxAgentAvatar = {
     color: greenColor
   },
   autodev_code_documentation_writer_agent: {
-    getRender: size => /*#__PURE__*/React.createElement(SocialMediaScribeAvatar, {
+    getRender: size => fg('platform-dst-avatar-updated-geometry') ? renderRefreshedAvatar(RefreshedSocialMediaScribeAvatar, greenColor, size) : /*#__PURE__*/React.createElement(SocialMediaScribeAvatar, {
       size: AVATAR_SIZES[size],
       primaryColor: greenColor.primary,
       secondaryColor: greenColor.secondary
@@ -166,7 +253,7 @@ const outOfTheBoxAgentAvatar = {
     color: greenColor
   },
   autodev_feature_flag_cleaner_agent: {
-    getRender: size => /*#__PURE__*/React.createElement(FeatureFlagAvatar, {
+    getRender: size => fg('platform-dst-avatar-updated-geometry') ? renderRefreshedAvatar(RefreshedFeatureFlagAvatar, greenColor, size) : /*#__PURE__*/React.createElement(FeatureFlagAvatar, {
       size: AVATAR_SIZES[size],
       primaryColor: greenColor.primary,
       secondaryColor: greenColor.secondary
@@ -174,7 +261,7 @@ const outOfTheBoxAgentAvatar = {
     color: greenColor
   },
   decision_director_agent: {
-    getRender: size => /*#__PURE__*/React.createElement(DecisionDirectorAvatar, {
+    getRender: size => fg('platform-dst-avatar-updated-geometry') ? renderRefreshedAvatar(RefreshedDecisionDirectorAvatar, greenColor, size) : /*#__PURE__*/React.createElement(DecisionDirectorAvatar, {
       size: AVATAR_SIZES[size],
       primaryColor: greenColor.primary,
       secondaryColor: greenColor.secondary
@@ -182,7 +269,7 @@ const outOfTheBoxAgentAvatar = {
     color: greenColor
   },
   planner_agent: {
-    getRender: size => /*#__PURE__*/React.createElement(OpsAgentAvatar, {
+    getRender: size => fg('platform-dst-avatar-updated-geometry') ? renderRefreshedAvatar(RefreshedOpsAgentAvatar, purpleColor, size) : /*#__PURE__*/React.createElement(OpsAgentAvatar, {
       size: AVATAR_SIZES[size],
       primaryColor: purpleColor.primary,
       secondaryColor: purpleColor.secondary
@@ -190,7 +277,7 @@ const outOfTheBoxAgentAvatar = {
     color: purpleColor
   },
   tech_writer_agent: {
-    getRender: size => /*#__PURE__*/React.createElement(SocialMediaScribeAvatar, {
+    getRender: size => fg('platform-dst-avatar-updated-geometry') ? renderRefreshedAvatar(RefreshedSocialMediaScribeAvatar, blueColor, size) : /*#__PURE__*/React.createElement(SocialMediaScribeAvatar, {
       size: AVATAR_SIZES[size],
       primaryColor: blueColor.primary,
       secondaryColor: blueColor.secondary
@@ -206,7 +293,7 @@ const outOfTheBoxAgentAvatar = {
     color: blueColor
   },
   user_manual_writer_agent: {
-    getRender: size => /*#__PURE__*/React.createElement(MyUserManualAvatar, {
+    getRender: size => fg('platform-dst-avatar-updated-geometry') ? renderRefreshedAvatar(RefreshedMyUserManualAvatar, yellowColor, size) : /*#__PURE__*/React.createElement(MyUserManualAvatar, {
       size: AVATAR_SIZES[size],
       primaryColor: yellowColor.primary,
       secondaryColor: yellowColor.secondary
@@ -214,7 +301,7 @@ const outOfTheBoxAgentAvatar = {
     color: yellowColor
   },
   product_requirements_expert_agent: {
-    getRender: size => /*#__PURE__*/React.createElement(ProductRequirementAvatar, {
+    getRender: size => fg('platform-dst-avatar-updated-geometry') ? renderRefreshedAvatar(RefreshedProductRequirementAvatar, yellowColor, size) : /*#__PURE__*/React.createElement(ProductRequirementAvatar, {
       size: AVATAR_SIZES[size],
       primaryColor: yellowColor.primary,
       secondaryColor: yellowColor.secondary
@@ -230,7 +317,7 @@ const outOfTheBoxAgentAvatar = {
     color: blueColor
   },
   issue_organizer_agent: {
-    getRender: size => /*#__PURE__*/React.createElement(BacklogBuddyAvatar, {
+    getRender: size => fg('platform-dst-avatar-updated-geometry') ? renderRefreshedAvatar(RefreshedBacklogBuddyAvatar, greenColor, size) : /*#__PURE__*/React.createElement(BacklogBuddyAvatar, {
       size: AVATAR_SIZES[size],
       primaryColor: greenColor.primary,
       secondaryColor: greenColor.secondary
@@ -238,7 +325,7 @@ const outOfTheBoxAgentAvatar = {
     color: greenColor
   },
   ops_guide_agent: {
-    getRender: size => /*#__PURE__*/React.createElement(OpsAgentAvatar, {
+    getRender: size => fg('platform-dst-avatar-updated-geometry') ? renderRefreshedAvatar(RefreshedOpsAgentAvatar, yellowColor, size) : /*#__PURE__*/React.createElement(OpsAgentAvatar, {
       size: AVATAR_SIZES[size],
       primaryColor: yellowColor.primary,
       secondaryColor: yellowColor.secondary
@@ -246,7 +333,7 @@ const outOfTheBoxAgentAvatar = {
     color: yellowColor
   },
   discovery_and_feedback_agent: {
-    getRender: size => /*#__PURE__*/React.createElement(CommsCrafterAvatar, {
+    getRender: size => fg('platform-dst-avatar-updated-geometry') ? renderRefreshedAvatar(RefreshedCommsCrafterAvatar, greenColor, size) : /*#__PURE__*/React.createElement(CommsCrafterAvatar, {
       size: AVATAR_SIZES[size],
       primaryColor: greenColor.primary,
       secondaryColor: greenColor.secondary
@@ -262,7 +349,7 @@ const outOfTheBoxAgentAvatar = {
     color: blueColor
   },
   itops_rca_agent: {
-    getRender: size => /*#__PURE__*/React.createElement(AutoReviewAvatar, {
+    getRender: size => fg('platform-dst-avatar-updated-geometry') ? renderRefreshedAvatar(RefreshedAutoReviewAvatar, yellowColor, size) : /*#__PURE__*/React.createElement(AutoReviewAvatar, {
       size: AVATAR_SIZES[size],
       primaryColor: yellowColor.primary,
       secondaryColor: yellowColor.secondary
@@ -306,15 +393,11 @@ const outOfTheBoxAgentAvatar = {
     color: yellowColor
   },
   mcp_amplitude_agent: {
-    getRender: size => /*#__PURE__*/React.createElement(AmplitudeAgentAvatar, {
+    getRender: size => fg('rovo_agent_amplitude_avatar_v2') ? /*#__PURE__*/React.createElement(AmplitudeAgentAvatarV2, {
       size: AVATAR_SIZES[size],
       primaryColor: "",
       secondaryColor: ""
-    }),
-    color: blueColor
-  },
-  mcp_amplitude_agent_v2: {
-    getRender: size => /*#__PURE__*/React.createElement(AmplitudeAgentAvatarV2, {
+    }) : /*#__PURE__*/React.createElement(AmplitudeAgentAvatar, {
       size: AVATAR_SIZES[size],
       primaryColor: "",
       secondaryColor: ""
@@ -464,6 +547,11 @@ export const getNumberIdForAvatar = ({
   }
   return null;
 };
+const renderRefreshedAvatar = (Avatar, color, size) => /*#__PURE__*/React.createElement(Avatar, {
+  size: AVATAR_SIZES[size],
+  primaryColor: color === blueColor ? refreshedBlueColor.primary : color.primary,
+  iconColor: color === blueColor ? '#FFFFFF' : '#101214'
+});
 const ROVO_DEV_AGENT_ID = '027f0676-e8e9-4939-8962-3850987d78bb';
 const getAvatarRender = ({
   agentNamedId,
@@ -499,7 +587,7 @@ const getAvatarRender = ({
     const 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
     };
   }
   const numberId = getNumberIdForAvatar({
@@ -516,8 +604,14 @@ const getAvatarRender = ({
     const combinationIndex = numberId % totalCombinations;
     const avatarIndex = Math.floor(combinationIndex / colorList.length);
     const colorIndex = combinationIndex % colorList.length;
-    const Avatar = avatarList[avatarIndex];
+    const Avatar = avatarList[avatarIndex].legacy;
     const 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/es2019/ui/agent-avatar/generated-avatars/refreshed-assets/auto-dev.js

@@ -0,0 +1,42 @@
+import React from 'react';
+export default function RefreshedAutoDevAvatar({
+  size,
+  primaryColor,
+  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/es2019/ui/agent-avatar/generated-avatars/refreshed-assets/auto-fix.js

@@ -0,0 +1,27 @@
+import React from 'react';
+export default function RefreshedAutoFixAvatar({
+  size,
+  primaryColor,
+  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/es2019/ui/agent-avatar/generated-avatars/refreshed-assets/auto-review.js

@@ -0,0 +1,38 @@
+import React from 'react';
+export default function RefreshedAutoReviewAvatar({
+  size,
+  primaryColor,
+  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/es2019/ui/agent-avatar/generated-avatars/refreshed-assets/backlog-buddy.js

@@ -0,0 +1,40 @@
+import React from 'react';
+export default function RefreshedBacklogBuddyAvatar({
+  size,
+  primaryColor,
+  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"
+  }))));
+}