@atlaskit/rovo-agent-components 9.2.0 → 9.4.0

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

@@ -6,6 +6,31 @@ 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 RefreshedJiraCodingAgentAvatar = /*#__PURE__*/lazy(() => import('./refreshed-assets/jira-coding-agent'));
+const RefreshedJiraIntelligentTriageAgentAvatar = /*#__PURE__*/lazy(() => import('./refreshed-assets/jira-intelligent-triage-agent'));
+const RefreshedJiraAdminAgentAvatar = /*#__PURE__*/lazy(() => import('./refreshed-assets/jira-admin-agent'));
+const RefreshedRequestResolverAvatar = /*#__PURE__*/lazy(() => import('./refreshed-assets/request-resolver'));
+const RefreshedOpsExpertAvatar = /*#__PURE__*/lazy(() => import('./refreshed-assets/ops-expert'));
 const styles = {
   image: "_5ral1dfr _4t3i1osq _1bsb1osq _1e0c1txw _1bah1h6o _4cvr1h6o",
   banner: "_1bsb1osq",
@@ -74,128 +99,263 @@ const JsmServiceTriageAgentAvatar = /*#__PURE__*/lazy(() => import( /* webpackCh
  */
 
 export const yellowColor = {
-  primary: '#FCA700',
-  secondary: '#FFC716',
-  cover: '#FEF7C8'
+  v1: {
+    primary: '#FCA700',
+    secondary: '#FFC716',
+    cover: '#FEF7C8'
+  },
+  v2: {
+    primary: '#FFC716',
+    iconColor: '#101214',
+    cover: '#FEF7C8'
+  }
 };
 export const purpleColor = {
-  primary: '#BF63F3',
-  secondary: '#D8A0F7',
-  cover: '#F8EEFE'
+  v1: {
+    primary: '#BF63F3',
+    secondary: '#D8A0F7',
+    cover: '#F8EEFE'
+  },
+  v2: {
+    primary: '#C97CF4',
+    iconColor: '#101214',
+    cover: '#F8EEFE'
+  }
 };
 export const greenColor = {
-  primary: '#82B536',
-  secondary: '#B3DF72',
-  cover: '#EFFFD6'
+  v1: {
+    primary: '#82B536',
+    secondary: '#B3DF72',
+    cover: '#EFFFD6'
+  },
+  v2: {
+    primary: '#94C748',
+    iconColor: '#101214',
+    cover: '#EFFFD6'
+  }
 };
 export const blueColor = {
-  primary: '#357DE8',
-  secondary: '#669DF1',
-  cover: '#E9F2FE'
+  v1: {
+    primary: '#357DE8',
+    secondary: '#669DF1',
+    cover: '#E9F2FE'
+  },
+  v2: {
+    primary: '#1868DB',
+    iconColor: '#FFFFFF',
+    cover: '#E9F2FE'
+  }
 };
 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 = [{
+  v1: CustomerInsightAvatar,
+  v2: RefreshedCustomerInsightAvatar
+}, {
+  v1: BacklogBuddyAvatar,
+  v2: RefreshedBacklogBuddyAvatar
+}, {
+  v1: DecisionDirectorAvatar,
+  v2: RefreshedDecisionDirectorAvatar
+}, {
+  v1: CommsCrafterAvatar,
+  v2: RefreshedCommsCrafterAvatar
+}, {
+  v1: AutoDevAvatar,
+  v2: RefreshedAutoDevAvatar
+}, {
+  v1: OkrOracleAvatar,
+  v2: RefreshedOkrOracleAvatar
+}, {
+  v1: CultureAvatar,
+  v2: RefreshedCultureAvatar
+}, {
+  v1: SocialMediaScribeAvatar,
+  v2: RefreshedSocialMediaScribeAvatar
+}, {
+  v1: TeamConnectionAvatar,
+  v2: RefreshedTeamConnectionAvatar
+}, {
+  v1: HireWriterAvatar,
+  v2: RefreshedHireWriterAvatar
+}, {
+  v1: OpsAgentAvatar,
+  v2: RefreshedOpsAgentAvatar
+}, {
+  v1: ResearchScoutAvatar,
+  v2: RefreshedResearchScoutAvatar
+}, {
+  v1: ReleaseNotesAvatar,
+  v2: RefreshedReleaseNotesAvatar
+}, {
+  v1: MyUserManualAvatar,
+  v2: RefreshedMyUserManualAvatar
+}, {
+  v1: PitchPerfectorAvatar,
+  v2: RefreshedPitchPerfectorAvatar
+}, {
+  v1: AutoDevAvatar,
+  v2: RefreshedAutoDevAvatar
+}, {
+  v1: AutoFixAvatar,
+  v2: RefreshedAutoFixAvatar
+}, {
+  v1: AutoReviewAvatar,
+  v2: RefreshedAutoReviewAvatar
+}, {
+  v1: MarketingMessageMaestroAvatar,
+  v2: RefreshedMarketingMessageMaestroAvatar
+}, {
+  v1: FeatureFlagAvatar,
+  v2: RefreshedFeatureFlagAvatar
+}, {
+  v1: ProductRequirementAvatar,
+  v2: RefreshedProductRequirementAvatar
+}];
 export const TOTAL_AVATAR_COMBINATIONS = avatarList.length * colorList.length;
 const outOfTheBoxAgentAvatar = {
   ai_mate_agent: {
     getRender: size => /*#__PURE__*/React.createElement(RovoChatAvatar, {
       size: AVATAR_SIZES[size],
-      primaryColor: blueColor.primary,
-      secondaryColor: blueColor.secondary
+      primaryColor: blueColor.v1.primary,
+      secondaryColor: blueColor.v1.secondary
     }),
-    color: blueColor
+    getColor: () => blueColor.v1
   },
   autodev_template_unit_test_creator: {
-    getRender: size => /*#__PURE__*/React.createElement(AutoFixAvatar, {
+    getRender: size => fg('platform-dst-avatar-updated-geometry') ? /*#__PURE__*/React.createElement(RefreshedAutoFixAvatar, {
+      size: AVATAR_SIZES[size],
+      primaryColor: greenColor.v2.primary,
+      iconColor: greenColor.v2.iconColor
+    }) : /*#__PURE__*/React.createElement(AutoFixAvatar, {
       size: AVATAR_SIZES[size],
-      primaryColor: greenColor.primary,
-      secondaryColor: greenColor.secondary
+      primaryColor: greenColor.v1.primary,
+      secondaryColor: greenColor.v1.secondary
     }),
-    color: greenColor
+    getColor: () => fg('platform-dst-avatar-updated-geometry') ? greenColor.v2 : greenColor.v1
   },
   autodev_template_migration_config_changer_agent: {
-    getRender: size => /*#__PURE__*/React.createElement(OpsAgentAvatar, {
+    getRender: size => fg('platform-dst-avatar-updated-geometry') ? /*#__PURE__*/React.createElement(RefreshedOpsAgentAvatar, {
       size: AVATAR_SIZES[size],
-      primaryColor: greenColor.primary,
-      secondaryColor: greenColor.secondary
+      primaryColor: greenColor.v2.primary,
+      iconColor: greenColor.v2.iconColor
+    }) : /*#__PURE__*/React.createElement(OpsAgentAvatar, {
+      size: AVATAR_SIZES[size],
+      primaryColor: greenColor.v1.primary,
+      secondaryColor: greenColor.v1.secondary
     }),
-    color: greenColor
+    getColor: () => fg('platform-dst-avatar-updated-geometry') ? greenColor.v2 : greenColor.v1
   },
   autodev_template_vulnerable_dependency_updater_agent: {
-    getRender: size => /*#__PURE__*/React.createElement(MarketingMessageMaestroAvatar, {
+    getRender: size => fg('platform-dst-avatar-updated-geometry') ? /*#__PURE__*/React.createElement(RefreshedMarketingMessageMaestroAvatar, {
+      size: AVATAR_SIZES[size],
+      primaryColor: greenColor.v2.primary,
+      iconColor: greenColor.v2.iconColor
+    }) : /*#__PURE__*/React.createElement(MarketingMessageMaestroAvatar, {
       size: AVATAR_SIZES[size],
-      primaryColor: greenColor.primary,
-      secondaryColor: greenColor.secondary
+      primaryColor: greenColor.v1.primary,
+      secondaryColor: greenColor.v1.secondary
     }),
-    color: greenColor
+    getColor: () => fg('platform-dst-avatar-updated-geometry') ? greenColor.v2 : greenColor.v1
   },
   autodev_template_code_standardizer_agent: {
-    getRender: size => /*#__PURE__*/React.createElement(MyUserManualAvatar, {
+    getRender: size => fg('platform-dst-avatar-updated-geometry') ? /*#__PURE__*/React.createElement(RefreshedMyUserManualAvatar, {
       size: AVATAR_SIZES[size],
-      primaryColor: greenColor.primary,
-      secondaryColor: greenColor.secondary
+      primaryColor: greenColor.v2.primary,
+      iconColor: greenColor.v2.iconColor
+    }) : /*#__PURE__*/React.createElement(MyUserManualAvatar, {
+      size: AVATAR_SIZES[size],
+      primaryColor: greenColor.v1.primary,
+      secondaryColor: greenColor.v1.secondary
     }),
-    color: greenColor
+    getColor: () => fg('platform-dst-avatar-updated-geometry') ? greenColor.v2 : greenColor.v1
   },
   autodev_template_code_observer_agent: {
-    getRender: size => /*#__PURE__*/React.createElement(ResearchScoutAvatar, {
+    getRender: size => fg('platform-dst-avatar-updated-geometry') ? /*#__PURE__*/React.createElement(RefreshedResearchScoutAvatar, {
+      size: AVATAR_SIZES[size],
+      primaryColor: greenColor.v2.primary,
+      iconColor: greenColor.v2.iconColor
+    }) : /*#__PURE__*/React.createElement(ResearchScoutAvatar, {
       size: AVATAR_SIZES[size],
-      primaryColor: greenColor.primary,
-      secondaryColor: greenColor.secondary
+      primaryColor: greenColor.v1.primary,
+      secondaryColor: greenColor.v1.secondary
     }),
-    color: greenColor
+    getColor: () => fg('platform-dst-avatar-updated-geometry') ? greenColor.v2 : greenColor.v1
   },
   autodev_template_code_accessibility_checker_agent: {
-    getRender: size => /*#__PURE__*/React.createElement(HireWriterAvatar, {
+    getRender: size => fg('platform-dst-avatar-updated-geometry') ? /*#__PURE__*/React.createElement(RefreshedHireWriterAvatar, {
       size: AVATAR_SIZES[size],
-      primaryColor: greenColor.primary,
-      secondaryColor: greenColor.secondary
+      primaryColor: greenColor.v2.primary,
+      iconColor: greenColor.v2.iconColor
+    }) : /*#__PURE__*/React.createElement(HireWriterAvatar, {
+      size: AVATAR_SIZES[size],
+      primaryColor: greenColor.v1.primary,
+      secondaryColor: greenColor.v1.secondary
     }),
-    color: greenColor
+    getColor: () => fg('platform-dst-avatar-updated-geometry') ? greenColor.v2 : greenColor.v1
   },
   autodev_code_documentation_writer_agent: {
-    getRender: size => /*#__PURE__*/React.createElement(SocialMediaScribeAvatar, {
+    getRender: size => fg('platform-dst-avatar-updated-geometry') ? /*#__PURE__*/React.createElement(RefreshedSocialMediaScribeAvatar, {
+      size: AVATAR_SIZES[size],
+      primaryColor: greenColor.v2.primary,
+      iconColor: greenColor.v2.iconColor
+    }) : /*#__PURE__*/React.createElement(SocialMediaScribeAvatar, {
       size: AVATAR_SIZES[size],
-      primaryColor: greenColor.primary,
-      secondaryColor: greenColor.secondary
+      primaryColor: greenColor.v1.primary,
+      secondaryColor: greenColor.v1.secondary
     }),
-    color: greenColor
+    getColor: () => fg('platform-dst-avatar-updated-geometry') ? greenColor.v2 : greenColor.v1
   },
   autodev_feature_flag_cleaner_agent: {
-    getRender: size => /*#__PURE__*/React.createElement(FeatureFlagAvatar, {
+    getRender: size => fg('platform-dst-avatar-updated-geometry') ? /*#__PURE__*/React.createElement(RefreshedFeatureFlagAvatar, {
+      size: AVATAR_SIZES[size],
+      primaryColor: greenColor.v2.primary,
+      iconColor: greenColor.v2.iconColor
+    }) : /*#__PURE__*/React.createElement(FeatureFlagAvatar, {
       size: AVATAR_SIZES[size],
-      primaryColor: greenColor.primary,
-      secondaryColor: greenColor.secondary
+      primaryColor: greenColor.v1.primary,
+      secondaryColor: greenColor.v1.secondary
     }),
-    color: greenColor
+    getColor: () => fg('platform-dst-avatar-updated-geometry') ? greenColor.v2 : greenColor.v1
   },
   decision_director_agent: {
-    getRender: size => /*#__PURE__*/React.createElement(DecisionDirectorAvatar, {
+    getRender: size => fg('platform-dst-avatar-updated-geometry') ? /*#__PURE__*/React.createElement(RefreshedDecisionDirectorAvatar, {
       size: AVATAR_SIZES[size],
-      primaryColor: greenColor.primary,
-      secondaryColor: greenColor.secondary
+      primaryColor: greenColor.v2.primary,
+      iconColor: greenColor.v2.iconColor
+    }) : /*#__PURE__*/React.createElement(DecisionDirectorAvatar, {
+      size: AVATAR_SIZES[size],
+      primaryColor: greenColor.v1.primary,
+      secondaryColor: greenColor.v1.secondary
     }),
-    color: greenColor
+    getColor: () => fg('platform-dst-avatar-updated-geometry') ? greenColor.v2 : greenColor.v1
   },
   planner_agent: {
-    getRender: size => /*#__PURE__*/React.createElement(OpsAgentAvatar, {
+    getRender: size => fg('platform-dst-avatar-updated-geometry') ? /*#__PURE__*/React.createElement(RefreshedOpsAgentAvatar, {
+      size: AVATAR_SIZES[size],
+      primaryColor: purpleColor.v2.primary,
+      iconColor: purpleColor.v2.iconColor
+    }) : /*#__PURE__*/React.createElement(OpsAgentAvatar, {
       size: AVATAR_SIZES[size],
-      primaryColor: purpleColor.primary,
-      secondaryColor: purpleColor.secondary
+      primaryColor: purpleColor.v1.primary,
+      secondaryColor: purpleColor.v1.secondary
     }),
-    color: purpleColor
+    getColor: () => fg('platform-dst-avatar-updated-geometry') ? purpleColor.v2 : purpleColor.v1
   },
   tech_writer_agent: {
-    getRender: size => /*#__PURE__*/React.createElement(SocialMediaScribeAvatar, {
+    getRender: size => fg('platform-dst-avatar-updated-geometry') ? /*#__PURE__*/React.createElement(RefreshedSocialMediaScribeAvatar, {
       size: AVATAR_SIZES[size],
-      primaryColor: blueColor.primary,
-      secondaryColor: blueColor.secondary
+      primaryColor: blueColor.v2.primary,
+      iconColor: blueColor.v2.iconColor
+    }) : /*#__PURE__*/React.createElement(SocialMediaScribeAvatar, {
+      size: AVATAR_SIZES[size],
+      primaryColor: blueColor.v1.primary,
+      secondaryColor: blueColor.v1.secondary
     }),
-    color: blueColor
+    getColor: () => fg('platform-dst-avatar-updated-geometry') ? blueColor.v2 : blueColor.v1
   },
   content_reviewer_agent: {
     getRender: size => /*#__PURE__*/React.createElement(ContentReviewerAvatar, {
@@ -203,107 +363,147 @@ const outOfTheBoxAgentAvatar = {
       primaryColor: "",
       secondaryColor: ""
     }),
-    color: blueColor
+    getColor: () => blueColor.v1
   },
   user_manual_writer_agent: {
-    getRender: size => /*#__PURE__*/React.createElement(MyUserManualAvatar, {
+    getRender: size => fg('platform-dst-avatar-updated-geometry') ? /*#__PURE__*/React.createElement(RefreshedMyUserManualAvatar, {
+      size: AVATAR_SIZES[size],
+      primaryColor: yellowColor.v2.primary,
+      iconColor: yellowColor.v2.iconColor
+    }) : /*#__PURE__*/React.createElement(MyUserManualAvatar, {
       size: AVATAR_SIZES[size],
-      primaryColor: yellowColor.primary,
-      secondaryColor: yellowColor.secondary
+      primaryColor: yellowColor.v1.primary,
+      secondaryColor: yellowColor.v1.secondary
     }),
-    color: yellowColor
+    getColor: () => fg('platform-dst-avatar-updated-geometry') ? yellowColor.v2 : yellowColor.v1
   },
   product_requirements_expert_agent: {
-    getRender: size => /*#__PURE__*/React.createElement(ProductRequirementAvatar, {
+    getRender: size => fg('platform-dst-avatar-updated-geometry') ? /*#__PURE__*/React.createElement(RefreshedProductRequirementAvatar, {
       size: AVATAR_SIZES[size],
-      primaryColor: yellowColor.primary,
-      secondaryColor: yellowColor.secondary
+      primaryColor: yellowColor.v2.primary,
+      iconColor: yellowColor.v2.iconColor
+    }) : /*#__PURE__*/React.createElement(ProductRequirementAvatar, {
+      size: AVATAR_SIZES[size],
+      primaryColor: yellowColor.v1.primary,
+      secondaryColor: yellowColor.v1.secondary
     }),
-    color: yellowColor
+    getColor: () => fg('platform-dst-avatar-updated-geometry') ? yellowColor.v2 : yellowColor.v1
   },
   document_writer: {
     getRender: size => /*#__PURE__*/React.createElement(DocumentWriterAvatar, {
       size: AVATAR_SIZES[size],
-      primaryColor: blueColor.primary,
-      secondaryColor: blueColor.secondary
+      primaryColor: blueColor.v1.primary,
+      secondaryColor: blueColor.v1.secondary
     }),
-    color: blueColor
+    getColor: () => blueColor.v1
   },
   issue_organizer_agent: {
-    getRender: size => /*#__PURE__*/React.createElement(BacklogBuddyAvatar, {
+    getRender: size => fg('platform-dst-avatar-updated-geometry') ? /*#__PURE__*/React.createElement(RefreshedBacklogBuddyAvatar, {
+      size: AVATAR_SIZES[size],
+      primaryColor: greenColor.v2.primary,
+      iconColor: greenColor.v2.iconColor
+    }) : /*#__PURE__*/React.createElement(BacklogBuddyAvatar, {
       size: AVATAR_SIZES[size],
-      primaryColor: greenColor.primary,
-      secondaryColor: greenColor.secondary
+      primaryColor: greenColor.v1.primary,
+      secondaryColor: greenColor.v1.secondary
     }),
-    color: greenColor
+    getColor: () => fg('platform-dst-avatar-updated-geometry') ? greenColor.v2 : greenColor.v1
   },
   ops_guide_agent: {
-    getRender: size => /*#__PURE__*/React.createElement(OpsAgentAvatar, {
+    getRender: size => fg('platform-dst-avatar-updated-geometry') ? /*#__PURE__*/React.createElement(RefreshedOpsExpertAvatar, {
       size: AVATAR_SIZES[size],
-      primaryColor: yellowColor.primary,
-      secondaryColor: yellowColor.secondary
+      primaryColor: yellowColor.v2.primary,
+      iconColor: yellowColor.v2.iconColor
+    }) : /*#__PURE__*/React.createElement(OpsAgentAvatar, {
+      size: AVATAR_SIZES[size],
+      primaryColor: yellowColor.v1.primary,
+      secondaryColor: yellowColor.v1.secondary
     }),
-    color: yellowColor
+    getColor: () => fg('platform-dst-avatar-updated-geometry') ? yellowColor.v2 : yellowColor.v1
   },
   discovery_and_feedback_agent: {
-    getRender: size => /*#__PURE__*/React.createElement(CommsCrafterAvatar, {
+    getRender: size => fg('platform-dst-avatar-updated-geometry') ? /*#__PURE__*/React.createElement(RefreshedCommsCrafterAvatar, {
+      size: AVATAR_SIZES[size],
+      primaryColor: greenColor.v2.primary,
+      iconColor: greenColor.v2.iconColor
+    }) : /*#__PURE__*/React.createElement(CommsCrafterAvatar, {
       size: AVATAR_SIZES[size],
-      primaryColor: greenColor.primary,
-      secondaryColor: greenColor.secondary
+      primaryColor: greenColor.v1.primary,
+      secondaryColor: greenColor.v1.secondary
     }),
-    color: greenColor
+    getColor: () => fg('platform-dst-avatar-updated-geometry') ? greenColor.v2 : greenColor.v1
   },
   jira_workflow_builder_agent: {
     getRender: size => /*#__PURE__*/React.createElement(WorkflowBuilderAvatar, {
       size: AVATAR_SIZES[size],
-      primaryColor: blueColor.primary,
-      secondaryColor: blueColor.secondary
+      primaryColor: blueColor.v1.primary,
+      secondaryColor: blueColor.v1.secondary
     }),
-    color: blueColor
+    getColor: () => blueColor.v1
   },
   itops_rca_agent: {
-    getRender: size => /*#__PURE__*/React.createElement(AutoReviewAvatar, {
+    getRender: size => fg('platform-dst-avatar-updated-geometry') ? /*#__PURE__*/React.createElement(RefreshedAutoReviewAvatar, {
+      size: AVATAR_SIZES[size],
+      primaryColor: yellowColor.v2.primary,
+      iconColor: yellowColor.v2.iconColor
+    }) : /*#__PURE__*/React.createElement(AutoReviewAvatar, {
       size: AVATAR_SIZES[size],
-      primaryColor: yellowColor.primary,
-      secondaryColor: yellowColor.secondary
+      primaryColor: yellowColor.v1.primary,
+      secondaryColor: yellowColor.v1.secondary
     }),
-    color: yellowColor
+    getColor: () => fg('platform-dst-avatar-updated-geometry') ? yellowColor.v2 : yellowColor.v1
   },
   jira_trial_guide_agent: {
     getRender: size => /*#__PURE__*/React.createElement(TrialGuideAvatar, {
       size: AVATAR_SIZES[size],
-      primaryColor: blueColor.primary,
-      secondaryColor: blueColor.secondary
+      primaryColor: blueColor.v1.primary,
+      secondaryColor: blueColor.v1.secondary
     }),
-    color: blueColor
+    getColor: () => blueColor.v1
   },
   daily_brief_agent: {
     getRender: size => /*#__PURE__*/React.createElement(TrialGuideAvatar, {
       size: AVATAR_SIZES[size],
-      primaryColor: yellowColor.primary,
-      secondaryColor: yellowColor.secondary
+      primaryColor: yellowColor.v1.primary,
+      secondaryColor: yellowColor.v1.secondary
     }),
-    color: yellowColor
+    getColor: () => yellowColor.v1
   },
   jira_admin_agent: {
-    getRender: size => /*#__PURE__*/React.createElement(JiraCodingAgentAvatar, {
+    getRender: size => fg('platform-dst-avatar-updated-geometry') ? /*#__PURE__*/React.createElement(RefreshedJiraAdminAgentAvatar, {
       size: AVATAR_SIZES[size],
-      primaryColor: blueColor.primary,
-      secondaryColor: blueColor.secondary
+      primaryColor: blueColor.v2.primary,
+      iconColor: blueColor.v2.iconColor
+    }) : /*#__PURE__*/React.createElement(JiraCodingAgentAvatar, {
+      size: AVATAR_SIZES[size],
+      primaryColor: blueColor.v1.primary,
+      secondaryColor: blueColor.v1.secondary
     }),
-    color: blueColor
+    getColor: () => fg('platform-dst-avatar-updated-geometry') ? blueColor.v2 : blueColor.v1
   },
   jsm_rovo_service_agent: {
-    getRender: size => fg('rename-rovo-service-to-request-resolver') ? /*#__PURE__*/React.createElement(JsmRequestResolverAgentAvatar, {
-      size: AVATAR_SIZES[size],
-      primaryColor: "",
-      secondaryColor: ""
-    }) : /*#__PURE__*/React.createElement(JsmRovoServiceAgentAvatar, {
-      size: AVATAR_SIZES[size],
-      primaryColor: "",
-      secondaryColor: ""
-    }),
-    color: yellowColor
+    getRender: size => {
+      if (fg('platform-dst-avatar-updated-geometry')) {
+        return /*#__PURE__*/React.createElement(RefreshedRequestResolverAvatar, {
+          size: AVATAR_SIZES[size],
+          primaryColor: yellowColor.v2.primary,
+          iconColor: yellowColor.v2.iconColor
+        });
+      }
+      if (fg('rename-rovo-service-to-request-resolver')) {
+        return /*#__PURE__*/React.createElement(JsmRequestResolverAgentAvatar, {
+          size: AVATAR_SIZES[size],
+          primaryColor: "",
+          secondaryColor: ""
+        });
+      }
+      return /*#__PURE__*/React.createElement(JsmRovoServiceAgentAvatar, {
+        size: AVATAR_SIZES[size],
+        primaryColor: "",
+        secondaryColor: ""
+      });
+    },
+    getColor: () => fg('platform-dst-avatar-updated-geometry') ? yellowColor.v2 : yellowColor.v1
   },
   mcp_amplitude_agent: {
     getRender: size => fg('rovo_agent_amplitude_avatar_v2') ? /*#__PURE__*/React.createElement(AmplitudeAgentAvatarV2, {
@@ -315,7 +515,7 @@ const outOfTheBoxAgentAvatar = {
       primaryColor: "",
       secondaryColor: ""
     }),
-    color: blueColor
+    getColor: () => blueColor.v1
   },
   mcp_box_agent: {
     getRender: size => /*#__PURE__*/React.createElement(BoxAgentAvatar, {
@@ -323,7 +523,7 @@ const outOfTheBoxAgentAvatar = {
       primaryColor: "",
       secondaryColor: ""
     }),
-    color: blueColor
+    getColor: () => blueColor.v1
   },
   mcp_canva_agent: {
     getRender: size => /*#__PURE__*/React.createElement(CanvaAgentAvatar, {
@@ -331,7 +531,7 @@ const outOfTheBoxAgentAvatar = {
       primaryColor: "",
       secondaryColor: ""
     }),
-    color: blueColor
+    getColor: () => blueColor.v1
   },
   mcp_figma_agent: {
     getRender: size => /*#__PURE__*/React.createElement(FigmaAgentAvatar, {
@@ -339,7 +539,7 @@ const outOfTheBoxAgentAvatar = {
       primaryColor: "",
       secondaryColor: ""
     }),
-    color: blueColor
+    getColor: () => blueColor.v1
   },
   mcp_hubspot_agent: {
     getRender: size => /*#__PURE__*/React.createElement(HubSpotAgentAvatar, {
@@ -347,7 +547,7 @@ const outOfTheBoxAgentAvatar = {
       primaryColor: "",
       secondaryColor: ""
     }),
-    color: blueColor
+    getColor: () => blueColor.v1
   },
   mcp_intercom_agent: {
     getRender: size => /*#__PURE__*/React.createElement(IntercomAgentAvatar, {
@@ -355,7 +555,7 @@ const outOfTheBoxAgentAvatar = {
       primaryColor: "",
       secondaryColor: ""
     }),
-    color: blueColor
+    getColor: () => blueColor.v1
   },
   mcp_gamma_agent: {
     getRender: size => /*#__PURE__*/React.createElement(GammaAgentAvatar, {
@@ -363,7 +563,7 @@ const outOfTheBoxAgentAvatar = {
       primaryColor: "",
       secondaryColor: ""
     }),
-    color: blueColor
+    getColor: () => blueColor.v1
   },
   mcp_lovable_agent: {
     getRender: size => /*#__PURE__*/React.createElement(LovableAgentAvatar, {
@@ -371,7 +571,7 @@ const outOfTheBoxAgentAvatar = {
       primaryColor: "",
       secondaryColor: ""
     }),
-    color: blueColor
+    getColor: () => blueColor.v1
   },
   mcp_replit_agent: {
     getRender: size => /*#__PURE__*/React.createElement(ReplitAgentAvatar, {
@@ -379,7 +579,7 @@ const outOfTheBoxAgentAvatar = {
       primaryColor: "",
       secondaryColor: ""
     }),
-    color: blueColor
+    getColor: () => blueColor.v1
   },
   rovo_agent: {
     getRender: size => /*#__PURE__*/React.createElement(RovoAgentAvatar, {
@@ -387,7 +587,7 @@ const outOfTheBoxAgentAvatar = {
       primaryColor: "",
       secondaryColor: ""
     }),
-    color: blueColor
+    getColor: () => blueColor.v1
   },
   jira_work_agent: {
     getRender: size => /*#__PURE__*/React.createElement(JiraWorkAgentAvatar, {
@@ -395,7 +595,7 @@ const outOfTheBoxAgentAvatar = {
       primaryColor: "",
       secondaryColor: ""
     }),
-    color: blueColor
+    getColor: () => blueColor.v1
   },
   jira_task_planner_agent: {
     getRender: size => /*#__PURE__*/React.createElement(JiraTaskPlannerAgentAvatar, {
@@ -403,33 +603,39 @@ const outOfTheBoxAgentAvatar = {
       primaryColor: "",
       secondaryColor: ""
     }),
-    color: blueColor
+    getColor: () => blueColor.v1
   },
   jira_intelligent_triage_agent: {
-    getRender: size => /*#__PURE__*/React.createElement(JiraIntelligentTriageAgentAvatar, {
+    getRender: size => fg('platform-dst-avatar-updated-geometry') ? /*#__PURE__*/React.createElement(RefreshedJiraIntelligentTriageAgentAvatar, {
+      size: AVATAR_SIZES[size],
+      primaryColor: blueColor.v2.primary,
+      iconColor: blueColor.v2.iconColor
+    }) : /*#__PURE__*/React.createElement(JiraIntelligentTriageAgentAvatar, {
       size: AVATAR_SIZES[size],
       primaryColor: "",
       secondaryColor: ""
     }),
-    color: blueColor
+    getColor: () => fg('platform-dst-avatar-updated-geometry') ? blueColor.v2 : blueColor.v1
   },
-  // The "Request router" agent (previously named "Service triage"). The key is the agent's
-  // external_config_reference, which stays as `jsm_service_triage_agent` after the rename.
   jsm_service_triage_agent: {
     getRender: size => /*#__PURE__*/React.createElement(JsmServiceTriageAgentAvatar, {
       size: AVATAR_SIZES[size],
       primaryColor: "",
       secondaryColor: ""
     }),
-    color: yellowColor
+    getColor: () => yellowColor.v1
   },
   jira_coding_agent: {
-    getRender: size => /*#__PURE__*/React.createElement(JiraCodingAgentAvatar, {
+    getRender: size => fg('platform-dst-avatar-updated-geometry') ? /*#__PURE__*/React.createElement(RefreshedJiraCodingAgentAvatar, {
+      size: AVATAR_SIZES[size],
+      primaryColor: greenColor.v2.primary,
+      iconColor: greenColor.v2.iconColor
+    }) : /*#__PURE__*/React.createElement(JiraCodingAgentAvatar, {
       size: AVATAR_SIZES[size],
       primaryColor: "",
       secondaryColor: ""
     }),
-    color: blueColor
+    getColor: () => fg('platform-dst-avatar-updated-geometry') ? greenColor.v2 : blueColor.v1
   }
 };
 
@@ -475,7 +681,7 @@ const getAvatarRender = ({
         primaryColor: "",
         secondaryColor: ""
       }),
-      color: greenColor
+      color: greenColor.v1
     };
   }
 
@@ -488,14 +694,14 @@ const getAvatarRender = ({
         primaryColor: "",
         secondaryColor: ""
       }),
-      color: greenColor
+      color: greenColor.v1
     };
   }
   if (typeof agentNamedId === 'string' && outOfTheBoxAgentAvatar[agentNamedId]) {
-    const ootbAvatarResult = outOfTheBoxAgentAvatar[agentNamedId];
+    const avatar = outOfTheBoxAgentAvatar[agentNamedId];
     return {
-      render: ootbAvatarResult.getRender(size),
-      color: ootbAvatarResult.color
+      render: avatar.getRender(size),
+      color: avatar.getColor()
     };
   }
   const numberId = getNumberIdForAvatar({
@@ -512,24 +718,37 @@ 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];
     const color = colorList[colorIndex];
+    if (fg('platform-dst-avatar-updated-geometry')) {
+      const Avatar = avatar.v2;
+      return {
+        render: /*#__PURE__*/React.createElement(Avatar, {
+          size: AVATAR_SIZES[size],
+          primaryColor: color.v2.primary,
+          iconColor: color.v2.iconColor
+        }),
+        color: color.v2
+      };
+    }
+    const Avatar = avatar.v1;
     return {
       render: /*#__PURE__*/React.createElement(Avatar, {
         size: AVATAR_SIZES[size],
-        primaryColor: color.primary,
-        secondaryColor: color.secondary
+        primaryColor: color.v1.primary,
+        secondaryColor: color.v1.secondary
       }),
-      color
+      color: color.v1
     };
   }
+  const fallbackColor = fg('platform-dst-avatar-updated-geometry') ? blueColor.v2 : blueColor.v1;
   return {
     render: /*#__PURE__*/React.createElement(GenericAvatar, {
       size: AVATAR_SIZES[size],
-      primaryColor: blueColor.primary,
-      secondaryColor: blueColor.secondary
+      primaryColor: fallbackColor.primary,
+      secondaryColor: 'iconColor' in fallbackColor ? fallbackColor.iconColor : fallbackColor.secondary
     }),
-    color: blueColor
+    color: fallbackColor
   };
 };
 export const getAgentAvatarColor = props => getAvatarRender({