@atlaskit/rovo-agent-components 9.1.0 → 9.3.0

package/CHANGELOG.md

@@ -1,5 +1,42 @@
 # @atlaskit/rovo-agent-components
 
+## 9.3.0
+
+### Minor Changes
+
+- [`2c9bd2393dbec`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/2c9bd2393dbec) -
+  Add refreshed generated agent avatars behind the platform-dst-avatar-updated-geometry feature
+  gate.
+- [`9d5a0324d68cd`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/9d5a0324d68cd) -
+  Renamed `UNSAFE__useAdsAvatar` prop to `UNSAFE_useAdsAvatar`
+
+### Patch Changes
+
+- [`3f554debe10e9`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/3f554debe10e9) -
+  Enabled UNSAFE_isUpdatedGeometry for Rovo Agent Avatar
+- Updated dependencies
+
+## 9.2.0
+
+### Minor Changes
+
+- [`463f291ca4e20`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/463f291ca4e20) -
+  Select the Amplitude v2 avatar behind a frontend feature gate for the existing Amplitude agent ID,
+  and remove the unused versioned agent ID mappings.
+- [`b962a1898979b`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/b962a1898979b) -
+  Add the UNSAFE\_\_useAdsAvatar prop to opt AgentAvatar into using ADS Avatar for its hexagon
+  frame, border, and geometry while preserving the existing renderer by default.
+
+### Patch Changes
+
+- [`463f291ca4e20`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/463f291ca4e20) -
+  Use square, full-bleed Amplitude v2 artwork so avatar components apply their own hexagonal shape
+  and border.
+- [`b962a1898979b`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/b962a1898979b) -
+  Use supported granular testing-library entry points in AgentAvatar tests.
+- [`b962a1898979b`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/b962a1898979b) -
+  Avoid constructing generated AgentAvatar artwork when an image is rendered.
+
 ## 9.1.0
 
 ### Minor Changes

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

@@ -12,15 +12,15 @@ var _default = exports.default = function _default(_ref) {
   return /*#__PURE__*/_react.default.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.default.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.default.createElement("rect", {
+    x: "-2",
+    width: "48",
+    height: "48",
+    fill: "#0052F2"
   }), /*#__PURE__*/_react.default.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/cjs/ui/agent-avatar/generated-avatars/index.js

@@ -18,6 +18,106 @@ var _compiled = require("@atlaskit/primitives/compiled");
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 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" != (0, _typeof2.default)(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 RefreshedCustomerInsightAvatar = /*#__PURE__*/(0, _react.lazy)(function () {
+  return Promise.resolve().then(function () {
+    return _interopRequireWildcard(require('./refreshed-assets/customer-insight'));
+  });
+});
+var RefreshedBacklogBuddyAvatar = /*#__PURE__*/(0, _react.lazy)(function () {
+  return Promise.resolve().then(function () {
+    return _interopRequireWildcard(require('./refreshed-assets/backlog-buddy'));
+  });
+});
+var RefreshedDecisionDirectorAvatar = /*#__PURE__*/(0, _react.lazy)(function () {
+  return Promise.resolve().then(function () {
+    return _interopRequireWildcard(require('./refreshed-assets/decision-director'));
+  });
+});
+var RefreshedCommsCrafterAvatar = /*#__PURE__*/(0, _react.lazy)(function () {
+  return Promise.resolve().then(function () {
+    return _interopRequireWildcard(require('./refreshed-assets/comms-crafter'));
+  });
+});
+var RefreshedAutoDevAvatar = /*#__PURE__*/(0, _react.lazy)(function () {
+  return Promise.resolve().then(function () {
+    return _interopRequireWildcard(require('./refreshed-assets/auto-dev'));
+  });
+});
+var RefreshedOkrOracleAvatar = /*#__PURE__*/(0, _react.lazy)(function () {
+  return Promise.resolve().then(function () {
+    return _interopRequireWildcard(require('./refreshed-assets/okr-oracle'));
+  });
+});
+var RefreshedCultureAvatar = /*#__PURE__*/(0, _react.lazy)(function () {
+  return Promise.resolve().then(function () {
+    return _interopRequireWildcard(require('./refreshed-assets/culture'));
+  });
+});
+var RefreshedSocialMediaScribeAvatar = /*#__PURE__*/(0, _react.lazy)(function () {
+  return Promise.resolve().then(function () {
+    return _interopRequireWildcard(require('./refreshed-assets/social-media-scribe'));
+  });
+});
+var RefreshedTeamConnectionAvatar = /*#__PURE__*/(0, _react.lazy)(function () {
+  return Promise.resolve().then(function () {
+    return _interopRequireWildcard(require('./refreshed-assets/team-connection'));
+  });
+});
+var RefreshedHireWriterAvatar = /*#__PURE__*/(0, _react.lazy)(function () {
+  return Promise.resolve().then(function () {
+    return _interopRequireWildcard(require('./refreshed-assets/hire-writer'));
+  });
+});
+var RefreshedOpsAgentAvatar = /*#__PURE__*/(0, _react.lazy)(function () {
+  return Promise.resolve().then(function () {
+    return _interopRequireWildcard(require('./refreshed-assets/ops-agent'));
+  });
+});
+var RefreshedResearchScoutAvatar = /*#__PURE__*/(0, _react.lazy)(function () {
+  return Promise.resolve().then(function () {
+    return _interopRequireWildcard(require('./refreshed-assets/research-scout'));
+  });
+});
+var RefreshedReleaseNotesAvatar = /*#__PURE__*/(0, _react.lazy)(function () {
+  return Promise.resolve().then(function () {
+    return _interopRequireWildcard(require('./refreshed-assets/release-notes'));
+  });
+});
+var RefreshedMyUserManualAvatar = /*#__PURE__*/(0, _react.lazy)(function () {
+  return Promise.resolve().then(function () {
+    return _interopRequireWildcard(require('./refreshed-assets/my-user-manual'));
+  });
+});
+var RefreshedPitchPerfectorAvatar = /*#__PURE__*/(0, _react.lazy)(function () {
+  return Promise.resolve().then(function () {
+    return _interopRequireWildcard(require('./refreshed-assets/pitch-perfector'));
+  });
+});
+var RefreshedAutoFixAvatar = /*#__PURE__*/(0, _react.lazy)(function () {
+  return Promise.resolve().then(function () {
+    return _interopRequireWildcard(require('./refreshed-assets/auto-fix'));
+  });
+});
+var RefreshedAutoReviewAvatar = /*#__PURE__*/(0, _react.lazy)(function () {
+  return Promise.resolve().then(function () {
+    return _interopRequireWildcard(require('./refreshed-assets/auto-review'));
+  });
+});
+var RefreshedMarketingMessageMaestroAvatar = /*#__PURE__*/(0, _react.lazy)(function () {
+  return Promise.resolve().then(function () {
+    return _interopRequireWildcard(require('./refreshed-assets/marketing-message-maestro'));
+  });
+});
+var RefreshedFeatureFlagAvatar = /*#__PURE__*/(0, _react.lazy)(function () {
+  return Promise.resolve().then(function () {
+    return _interopRequireWildcard(require('./refreshed-assets/feature-flag'));
+  });
+});
+var RefreshedProductRequirementAvatar = /*#__PURE__*/(0, _react.lazy)(function () {
+  return Promise.resolve().then(function () {
+    return _interopRequireWildcard(require('./refreshed-assets/product-requirement'));
+  });
+});
 var styles = {
   image: "_5ral1dfr _4t3i1osq _1bsb1osq _1e0c1txw _1bah1h6o _4cvr1h6o",
   banner: "_1bsb1osq",
@@ -284,12 +384,78 @@ var blueColor = exports.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
+}];
 var TOTAL_AVATAR_COMBINATIONS = exports.TOTAL_AVATAR_COMBINATIONS = avatarList.length * colorList.length;
 var outOfTheBoxAgentAvatar = {
   ai_mate_agent: {
@@ -304,7 +470,7 @@ var outOfTheBoxAgentAvatar = {
   },
   autodev_template_unit_test_creator: {
     getRender: function getRender(size) {
-      return /*#__PURE__*/_react.default.createElement(AutoFixAvatar, {
+      return (0, _fg.fg)('platform-dst-avatar-updated-geometry') ? renderRefreshedAvatar(RefreshedAutoFixAvatar, greenColor, size) : /*#__PURE__*/_react.default.createElement(AutoFixAvatar, {
         size: _avatarSizes.AVATAR_SIZES[size],
         primaryColor: greenColor.primary,
         secondaryColor: greenColor.secondary
@@ -314,7 +480,7 @@ var outOfTheBoxAgentAvatar = {
   },
   autodev_template_migration_config_changer_agent: {
     getRender: function getRender(size) {
-      return /*#__PURE__*/_react.default.createElement(OpsAgentAvatar, {
+      return (0, _fg.fg)('platform-dst-avatar-updated-geometry') ? renderRefreshedAvatar(RefreshedOpsAgentAvatar, greenColor, size) : /*#__PURE__*/_react.default.createElement(OpsAgentAvatar, {
         size: _avatarSizes.AVATAR_SIZES[size],
         primaryColor: greenColor.primary,
         secondaryColor: greenColor.secondary
@@ -324,7 +490,7 @@ var outOfTheBoxAgentAvatar = {
   },
   autodev_template_vulnerable_dependency_updater_agent: {
     getRender: function getRender(size) {
-      return /*#__PURE__*/_react.default.createElement(MarketingMessageMaestroAvatar, {
+      return (0, _fg.fg)('platform-dst-avatar-updated-geometry') ? renderRefreshedAvatar(RefreshedMarketingMessageMaestroAvatar, greenColor, size) : /*#__PURE__*/_react.default.createElement(MarketingMessageMaestroAvatar, {
         size: _avatarSizes.AVATAR_SIZES[size],
         primaryColor: greenColor.primary,
         secondaryColor: greenColor.secondary
@@ -334,7 +500,7 @@ var outOfTheBoxAgentAvatar = {
   },
   autodev_template_code_standardizer_agent: {
     getRender: function getRender(size) {
-      return /*#__PURE__*/_react.default.createElement(MyUserManualAvatar, {
+      return (0, _fg.fg)('platform-dst-avatar-updated-geometry') ? renderRefreshedAvatar(RefreshedMyUserManualAvatar, greenColor, size) : /*#__PURE__*/_react.default.createElement(MyUserManualAvatar, {
         size: _avatarSizes.AVATAR_SIZES[size],
         primaryColor: greenColor.primary,
         secondaryColor: greenColor.secondary
@@ -344,7 +510,7 @@ var outOfTheBoxAgentAvatar = {
   },
   autodev_template_code_observer_agent: {
     getRender: function getRender(size) {
-      return /*#__PURE__*/_react.default.createElement(ResearchScoutAvatar, {
+      return (0, _fg.fg)('platform-dst-avatar-updated-geometry') ? renderRefreshedAvatar(RefreshedResearchScoutAvatar, greenColor, size) : /*#__PURE__*/_react.default.createElement(ResearchScoutAvatar, {
         size: _avatarSizes.AVATAR_SIZES[size],
         primaryColor: greenColor.primary,
         secondaryColor: greenColor.secondary
@@ -354,7 +520,7 @@ var outOfTheBoxAgentAvatar = {
   },
   autodev_template_code_accessibility_checker_agent: {
     getRender: function getRender(size) {
-      return /*#__PURE__*/_react.default.createElement(HireWriterAvatar, {
+      return (0, _fg.fg)('platform-dst-avatar-updated-geometry') ? renderRefreshedAvatar(RefreshedHireWriterAvatar, greenColor, size) : /*#__PURE__*/_react.default.createElement(HireWriterAvatar, {
         size: _avatarSizes.AVATAR_SIZES[size],
         primaryColor: greenColor.primary,
         secondaryColor: greenColor.secondary
@@ -364,7 +530,7 @@ var outOfTheBoxAgentAvatar = {
   },
   autodev_code_documentation_writer_agent: {
     getRender: function getRender(size) {
-      return /*#__PURE__*/_react.default.createElement(SocialMediaScribeAvatar, {
+      return (0, _fg.fg)('platform-dst-avatar-updated-geometry') ? renderRefreshedAvatar(RefreshedSocialMediaScribeAvatar, greenColor, size) : /*#__PURE__*/_react.default.createElement(SocialMediaScribeAvatar, {
         size: _avatarSizes.AVATAR_SIZES[size],
         primaryColor: greenColor.primary,
         secondaryColor: greenColor.secondary
@@ -374,7 +540,7 @@ var outOfTheBoxAgentAvatar = {
   },
   autodev_feature_flag_cleaner_agent: {
     getRender: function getRender(size) {
-      return /*#__PURE__*/_react.default.createElement(FeatureFlagAvatar, {
+      return (0, _fg.fg)('platform-dst-avatar-updated-geometry') ? renderRefreshedAvatar(RefreshedFeatureFlagAvatar, greenColor, size) : /*#__PURE__*/_react.default.createElement(FeatureFlagAvatar, {
         size: _avatarSizes.AVATAR_SIZES[size],
         primaryColor: greenColor.primary,
         secondaryColor: greenColor.secondary
@@ -384,7 +550,7 @@ var outOfTheBoxAgentAvatar = {
   },
   decision_director_agent: {
     getRender: function getRender(size) {
-      return /*#__PURE__*/_react.default.createElement(DecisionDirectorAvatar, {
+      return (0, _fg.fg)('platform-dst-avatar-updated-geometry') ? renderRefreshedAvatar(RefreshedDecisionDirectorAvatar, greenColor, size) : /*#__PURE__*/_react.default.createElement(DecisionDirectorAvatar, {
         size: _avatarSizes.AVATAR_SIZES[size],
         primaryColor: greenColor.primary,
         secondaryColor: greenColor.secondary
@@ -394,7 +560,7 @@ var outOfTheBoxAgentAvatar = {
   },
   planner_agent: {
     getRender: function getRender(size) {
-      return /*#__PURE__*/_react.default.createElement(OpsAgentAvatar, {
+      return (0, _fg.fg)('platform-dst-avatar-updated-geometry') ? renderRefreshedAvatar(RefreshedOpsAgentAvatar, purpleColor, size) : /*#__PURE__*/_react.default.createElement(OpsAgentAvatar, {
         size: _avatarSizes.AVATAR_SIZES[size],
         primaryColor: purpleColor.primary,
         secondaryColor: purpleColor.secondary
@@ -404,7 +570,7 @@ var outOfTheBoxAgentAvatar = {
   },
   tech_writer_agent: {
     getRender: function getRender(size) {
-      return /*#__PURE__*/_react.default.createElement(SocialMediaScribeAvatar, {
+      return (0, _fg.fg)('platform-dst-avatar-updated-geometry') ? renderRefreshedAvatar(RefreshedSocialMediaScribeAvatar, blueColor, size) : /*#__PURE__*/_react.default.createElement(SocialMediaScribeAvatar, {
         size: _avatarSizes.AVATAR_SIZES[size],
         primaryColor: blueColor.primary,
         secondaryColor: blueColor.secondary
@@ -424,7 +590,7 @@ var outOfTheBoxAgentAvatar = {
   },
   user_manual_writer_agent: {
     getRender: function getRender(size) {
-      return /*#__PURE__*/_react.default.createElement(MyUserManualAvatar, {
+      return (0, _fg.fg)('platform-dst-avatar-updated-geometry') ? renderRefreshedAvatar(RefreshedMyUserManualAvatar, yellowColor, size) : /*#__PURE__*/_react.default.createElement(MyUserManualAvatar, {
         size: _avatarSizes.AVATAR_SIZES[size],
         primaryColor: yellowColor.primary,
         secondaryColor: yellowColor.secondary
@@ -434,7 +600,7 @@ var outOfTheBoxAgentAvatar = {
   },
   product_requirements_expert_agent: {
     getRender: function getRender(size) {
-      return /*#__PURE__*/_react.default.createElement(ProductRequirementAvatar, {
+      return (0, _fg.fg)('platform-dst-avatar-updated-geometry') ? renderRefreshedAvatar(RefreshedProductRequirementAvatar, yellowColor, size) : /*#__PURE__*/_react.default.createElement(ProductRequirementAvatar, {
         size: _avatarSizes.AVATAR_SIZES[size],
         primaryColor: yellowColor.primary,
         secondaryColor: yellowColor.secondary
@@ -454,7 +620,7 @@ var outOfTheBoxAgentAvatar = {
   },
   issue_organizer_agent: {
     getRender: function getRender(size) {
-      return /*#__PURE__*/_react.default.createElement(BacklogBuddyAvatar, {
+      return (0, _fg.fg)('platform-dst-avatar-updated-geometry') ? renderRefreshedAvatar(RefreshedBacklogBuddyAvatar, greenColor, size) : /*#__PURE__*/_react.default.createElement(BacklogBuddyAvatar, {
         size: _avatarSizes.AVATAR_SIZES[size],
         primaryColor: greenColor.primary,
         secondaryColor: greenColor.secondary
@@ -464,7 +630,7 @@ var outOfTheBoxAgentAvatar = {
   },
   ops_guide_agent: {
     getRender: function getRender(size) {
-      return /*#__PURE__*/_react.default.createElement(OpsAgentAvatar, {
+      return (0, _fg.fg)('platform-dst-avatar-updated-geometry') ? renderRefreshedAvatar(RefreshedOpsAgentAvatar, yellowColor, size) : /*#__PURE__*/_react.default.createElement(OpsAgentAvatar, {
         size: _avatarSizes.AVATAR_SIZES[size],
         primaryColor: yellowColor.primary,
         secondaryColor: yellowColor.secondary
@@ -474,7 +640,7 @@ var outOfTheBoxAgentAvatar = {
   },
   discovery_and_feedback_agent: {
     getRender: function getRender(size) {
-      return /*#__PURE__*/_react.default.createElement(CommsCrafterAvatar, {
+      return (0, _fg.fg)('platform-dst-avatar-updated-geometry') ? renderRefreshedAvatar(RefreshedCommsCrafterAvatar, greenColor, size) : /*#__PURE__*/_react.default.createElement(CommsCrafterAvatar, {
         size: _avatarSizes.AVATAR_SIZES[size],
         primaryColor: greenColor.primary,
         secondaryColor: greenColor.secondary
@@ -494,7 +660,7 @@ var outOfTheBoxAgentAvatar = {
   },
   itops_rca_agent: {
     getRender: function getRender(size) {
-      return /*#__PURE__*/_react.default.createElement(AutoReviewAvatar, {
+      return (0, _fg.fg)('platform-dst-avatar-updated-geometry') ? renderRefreshedAvatar(RefreshedAutoReviewAvatar, yellowColor, size) : /*#__PURE__*/_react.default.createElement(AutoReviewAvatar, {
         size: _avatarSizes.AVATAR_SIZES[size],
         primaryColor: yellowColor.primary,
         secondaryColor: yellowColor.secondary
@@ -548,17 +714,11 @@ var outOfTheBoxAgentAvatar = {
   },
   mcp_amplitude_agent: {
     getRender: function getRender(size) {
-      return /*#__PURE__*/_react.default.createElement(AmplitudeAgentAvatar, {
+      return (0, _fg.fg)('rovo_agent_amplitude_avatar_v2') ? /*#__PURE__*/_react.default.createElement(AmplitudeAgentAvatarV2, {
         size: _avatarSizes.AVATAR_SIZES[size],
         primaryColor: "",
         secondaryColor: ""
-      });
-    },
-    color: blueColor
-  },
-  mcp_amplitude_agent_v2: {
-    getRender: function getRender(size) {
-      return /*#__PURE__*/_react.default.createElement(AmplitudeAgentAvatarV2, {
+      }) : /*#__PURE__*/_react.default.createElement(AmplitudeAgentAvatar, {
         size: _avatarSizes.AVATAR_SIZES[size],
         primaryColor: "",
         secondaryColor: ""
@@ -736,6 +896,13 @@ var getNumberIdForAvatar = exports.getNumberIdForAvatar = function getNumberIdFo
   }
   return null;
 };
+var renderRefreshedAvatar = function renderRefreshedAvatar(Avatar, color, size) {
+  return /*#__PURE__*/_react.default.createElement(Avatar, {
+    size: _avatarSizes.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,
@@ -770,7 +937,7 @@ var getAvatarRender = function getAvatarRender(_ref3) {
     var ootbAvatarResult = outOfTheBoxAgentAvatar[agentNamedId];
     return {
       render: ootbAvatarResult.getRender(size),
-      color: ootbAvatarResult.color
+      color: agentNamedId === 'tech_writer_agent' && (0, _fg.fg)('platform-dst-avatar-updated-geometry') ? refreshedBlueColor : ootbAvatarResult.color
     };
   }
   var numberId = getNumberIdForAvatar({
@@ -787,8 +954,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 ((0, _fg.fg)('platform-dst-avatar-updated-geometry')) {
+      return {
+        render: renderRefreshedAvatar(avatarList[avatarIndex].refreshed, color, size),
+        color: color === blueColor ? refreshedBlueColor : color
+      };
+    }
     return {
       render: /*#__PURE__*/_react.default.createElement(Avatar, {
         size: _avatarSizes.AVATAR_SIZES[size],

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

@@ -0,0 +1,48 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = RefreshedAutoDevAvatar;
+var _react = _interopRequireDefault(require("react"));
+function RefreshedAutoDevAvatar(_ref) {
+  var size = _ref.size,
+    primaryColor = _ref.primaryColor,
+    iconColor = _ref.iconColor;
+  return /*#__PURE__*/_react.default.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.default.createElement("rect", {
+    x: "0",
+    y: "306",
+    width: "56",
+    height: "56",
+    fill: primaryColor
+  }), /*#__PURE__*/_react.default.createElement("defs", null, /*#__PURE__*/_react.default.createElement("clipPath", {
+    id: "clip4_311_309477"
+  }, /*#__PURE__*/_react.default.createElement("rect", {
+    width: "42",
+    height: "42",
+    fill: "white",
+    transform: "translate(7 312.948)"
+  }))), /*#__PURE__*/_react.default.createElement("g", {
+    fill: iconColor
+  }, /*#__PURE__*/_react.default.createElement("g", {
+    clipPath: "url(#clip4_311_309477)"
+  }, /*#__PURE__*/_react.default.createElement("path", {
+    d: "M14 325.635L33.25 325.635V321.26L14 321.26V325.635Z"
+  }), /*#__PURE__*/_react.default.createElement("path", {
+    d: "M15.75 339.635L35 339.635V335.26L15.75 335.26L15.75 339.635Z"
+  }), /*#__PURE__*/_react.default.createElement("path", {
+    d: "M42 346.635H22.75V342.26H42V346.635Z"
+  }), /*#__PURE__*/_react.default.createElement("path", {
+    d: "M21 332.635L40.25 332.635V328.26L21 328.26V332.635Z"
+  }))));
+}

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

@@ -0,0 +1,33 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = RefreshedAutoFixAvatar;
+var _react = _interopRequireDefault(require("react"));
+function RefreshedAutoFixAvatar(_ref) {
+  var size = _ref.size,
+    primaryColor = _ref.primaryColor,
+    iconColor = _ref.iconColor;
+  return /*#__PURE__*/_react.default.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.default.createElement("rect", {
+    x: "0",
+    y: "1066",
+    width: "56",
+    height: "56",
+    fill: primaryColor
+  }), /*#__PURE__*/_react.default.createElement("g", {
+    fill: iconColor
+  }, /*#__PURE__*/_react.default.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/cjs/ui/agent-avatar/generated-avatars/refreshed-assets/auto-review.js

@@ -0,0 +1,44 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = RefreshedAutoReviewAvatar;
+var _react = _interopRequireDefault(require("react"));
+function RefreshedAutoReviewAvatar(_ref) {
+  var size = _ref.size,
+    primaryColor = _ref.primaryColor,
+    iconColor = _ref.iconColor;
+  return /*#__PURE__*/_react.default.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.default.createElement("rect", {
+    x: "0",
+    y: "1142",
+    width: "56",
+    height: "56",
+    fill: primaryColor
+  }), /*#__PURE__*/_react.default.createElement("defs", null, /*#__PURE__*/_react.default.createElement("clipPath", {
+    id: "clip12_311_309477"
+  }, /*#__PURE__*/_react.default.createElement("rect", {
+    width: "42",
+    height: "42",
+    fill: "white",
+    transform: "translate(7 1148.95)"
+  }))), /*#__PURE__*/_react.default.createElement("g", {
+    fill: iconColor
+  }, /*#__PURE__*/_react.default.createElement("g", {
+    clipPath: "url(#clip12_311_309477)"
+  }, /*#__PURE__*/_react.default.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/cjs/ui/agent-avatar/generated-avatars/refreshed-assets/backlog-buddy.js

@@ -0,0 +1,46 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = RefreshedBacklogBuddyAvatar;
+var _react = _interopRequireDefault(require("react"));
+function RefreshedBacklogBuddyAvatar(_ref) {
+  var size = _ref.size,
+    primaryColor = _ref.primaryColor,
+    iconColor = _ref.iconColor;
+  return /*#__PURE__*/_react.default.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.default.createElement("rect", {
+    x: "0",
+    y: "78",
+    width: "56",
+    height: "56",
+    fill: primaryColor
+  }), /*#__PURE__*/_react.default.createElement("defs", null, /*#__PURE__*/_react.default.createElement("clipPath", {
+    id: "clip1_311_309477"
+  }, /*#__PURE__*/_react.default.createElement("rect", {
+    width: "42",
+    height: "42",
+    fill: "white",
+    transform: "translate(7 84.9477)"
+  }))), /*#__PURE__*/_react.default.createElement("g", {
+    fill: iconColor
+  }, /*#__PURE__*/_react.default.createElement("g", {
+    clipPath: "url(#clip1_311_309477)"
+  }, /*#__PURE__*/_react.default.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.default.createElement("path", {
+    d: "M39.375 103.323L16.625 103.323L16.625 108.573H39.375V103.323Z"
+  }), /*#__PURE__*/_react.default.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"
+  }))));
+}