@atlaskit/rovo-agent-components 9.3.0 → 9.4.0

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

@@ -26,6 +26,11 @@ const RefreshedAutoReviewAvatar = /*#__PURE__*/lazy(() => import('./refreshed-as
 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",
@@ -94,28 +99,52 @@ 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'
-};
-const refreshedBlueColor = {
-  ...blueColor,
-  primary: '#1868DB'
+  v1: {
+    primary: '#357DE8',
+    secondary: '#669DF1',
+    cover: '#E9F2FE'
+  },
+  v2: {
+    primary: '#1868DB',
+    iconColor: '#FFFFFF',
+    cover: '#E9F2FE'
+  }
 };
 const colorList = [yellowColor, purpleColor, greenColor, blueColor];
 
@@ -123,166 +152,210 @@ const colorList = [yellowColor, purpleColor, greenColor, blueColor];
  * NOTE: DO NOT ADD OOTB AGENTAVATARS TO THIS LIST
  */
 const avatarList = [{
-  legacy: CustomerInsightAvatar,
-  refreshed: RefreshedCustomerInsightAvatar
+  v1: CustomerInsightAvatar,
+  v2: RefreshedCustomerInsightAvatar
 }, {
-  legacy: BacklogBuddyAvatar,
-  refreshed: RefreshedBacklogBuddyAvatar
+  v1: BacklogBuddyAvatar,
+  v2: RefreshedBacklogBuddyAvatar
 }, {
-  legacy: DecisionDirectorAvatar,
-  refreshed: RefreshedDecisionDirectorAvatar
+  v1: DecisionDirectorAvatar,
+  v2: RefreshedDecisionDirectorAvatar
 }, {
-  legacy: CommsCrafterAvatar,
-  refreshed: RefreshedCommsCrafterAvatar
+  v1: CommsCrafterAvatar,
+  v2: RefreshedCommsCrafterAvatar
 }, {
-  legacy: AutoDevAvatar,
-  refreshed: RefreshedAutoDevAvatar
+  v1: AutoDevAvatar,
+  v2: RefreshedAutoDevAvatar
 }, {
-  legacy: OkrOracleAvatar,
-  refreshed: RefreshedOkrOracleAvatar
+  v1: OkrOracleAvatar,
+  v2: RefreshedOkrOracleAvatar
 }, {
-  legacy: CultureAvatar,
-  refreshed: RefreshedCultureAvatar
+  v1: CultureAvatar,
+  v2: RefreshedCultureAvatar
 }, {
-  legacy: SocialMediaScribeAvatar,
-  refreshed: RefreshedSocialMediaScribeAvatar
+  v1: SocialMediaScribeAvatar,
+  v2: RefreshedSocialMediaScribeAvatar
 }, {
-  legacy: TeamConnectionAvatar,
-  refreshed: RefreshedTeamConnectionAvatar
+  v1: TeamConnectionAvatar,
+  v2: RefreshedTeamConnectionAvatar
 }, {
-  legacy: HireWriterAvatar,
-  refreshed: RefreshedHireWriterAvatar
+  v1: HireWriterAvatar,
+  v2: RefreshedHireWriterAvatar
 }, {
-  legacy: OpsAgentAvatar,
-  refreshed: RefreshedOpsAgentAvatar
+  v1: OpsAgentAvatar,
+  v2: RefreshedOpsAgentAvatar
 }, {
-  legacy: ResearchScoutAvatar,
-  refreshed: RefreshedResearchScoutAvatar
+  v1: ResearchScoutAvatar,
+  v2: RefreshedResearchScoutAvatar
 }, {
-  legacy: ReleaseNotesAvatar,
-  refreshed: RefreshedReleaseNotesAvatar
+  v1: ReleaseNotesAvatar,
+  v2: RefreshedReleaseNotesAvatar
 }, {
-  legacy: MyUserManualAvatar,
-  refreshed: RefreshedMyUserManualAvatar
+  v1: MyUserManualAvatar,
+  v2: RefreshedMyUserManualAvatar
 }, {
-  legacy: PitchPerfectorAvatar,
-  refreshed: RefreshedPitchPerfectorAvatar
+  v1: PitchPerfectorAvatar,
+  v2: RefreshedPitchPerfectorAvatar
 }, {
-  legacy: AutoDevAvatar,
-  refreshed: RefreshedAutoDevAvatar
+  v1: AutoDevAvatar,
+  v2: RefreshedAutoDevAvatar
 }, {
-  legacy: AutoFixAvatar,
-  refreshed: RefreshedAutoFixAvatar
+  v1: AutoFixAvatar,
+  v2: RefreshedAutoFixAvatar
 }, {
-  legacy: AutoReviewAvatar,
-  refreshed: RefreshedAutoReviewAvatar
+  v1: AutoReviewAvatar,
+  v2: RefreshedAutoReviewAvatar
 }, {
-  legacy: MarketingMessageMaestroAvatar,
-  refreshed: RefreshedMarketingMessageMaestroAvatar
+  v1: MarketingMessageMaestroAvatar,
+  v2: RefreshedMarketingMessageMaestroAvatar
 }, {
-  legacy: FeatureFlagAvatar,
-  refreshed: RefreshedFeatureFlagAvatar
+  v1: FeatureFlagAvatar,
+  v2: RefreshedFeatureFlagAvatar
 }, {
-  legacy: ProductRequirementAvatar,
-  refreshed: RefreshedProductRequirementAvatar
+  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 => fg('platform-dst-avatar-updated-geometry') ? renderRefreshedAvatar(RefreshedAutoFixAvatar, greenColor, size) : /*#__PURE__*/React.createElement(AutoFixAvatar, {
+    getRender: size => fg('platform-dst-avatar-updated-geometry') ? /*#__PURE__*/React.createElement(RefreshedAutoFixAvatar, {
       size: AVATAR_SIZES[size],
-      primaryColor: greenColor.primary,
-      secondaryColor: greenColor.secondary
+      primaryColor: greenColor.v2.primary,
+      iconColor: greenColor.v2.iconColor
+    }) : /*#__PURE__*/React.createElement(AutoFixAvatar, {
+      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_migration_config_changer_agent: {
-    getRender: size => fg('platform-dst-avatar-updated-geometry') ? renderRefreshedAvatar(RefreshedOpsAgentAvatar, greenColor, size) : /*#__PURE__*/React.createElement(OpsAgentAvatar, {
+    getRender: size => fg('platform-dst-avatar-updated-geometry') ? /*#__PURE__*/React.createElement(RefreshedOpsAgentAvatar, {
+      size: AVATAR_SIZES[size],
+      primaryColor: greenColor.v2.primary,
+      iconColor: greenColor.v2.iconColor
+    }) : /*#__PURE__*/React.createElement(OpsAgentAvatar, {
       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_vulnerable_dependency_updater_agent: {
-    getRender: size => fg('platform-dst-avatar-updated-geometry') ? renderRefreshedAvatar(RefreshedMarketingMessageMaestroAvatar, greenColor, size) : /*#__PURE__*/React.createElement(MarketingMessageMaestroAvatar, {
+    getRender: size => fg('platform-dst-avatar-updated-geometry') ? /*#__PURE__*/React.createElement(RefreshedMarketingMessageMaestroAvatar, {
       size: AVATAR_SIZES[size],
-      primaryColor: greenColor.primary,
-      secondaryColor: greenColor.secondary
+      primaryColor: greenColor.v2.primary,
+      iconColor: greenColor.v2.iconColor
+    }) : /*#__PURE__*/React.createElement(MarketingMessageMaestroAvatar, {
+      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_standardizer_agent: {
-    getRender: size => fg('platform-dst-avatar-updated-geometry') ? renderRefreshedAvatar(RefreshedMyUserManualAvatar, greenColor, size) : /*#__PURE__*/React.createElement(MyUserManualAvatar, {
+    getRender: size => fg('platform-dst-avatar-updated-geometry') ? /*#__PURE__*/React.createElement(RefreshedMyUserManualAvatar, {
+      size: AVATAR_SIZES[size],
+      primaryColor: greenColor.v2.primary,
+      iconColor: greenColor.v2.iconColor
+    }) : /*#__PURE__*/React.createElement(MyUserManualAvatar, {
       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_observer_agent: {
-    getRender: size => fg('platform-dst-avatar-updated-geometry') ? renderRefreshedAvatar(RefreshedResearchScoutAvatar, greenColor, size) : /*#__PURE__*/React.createElement(ResearchScoutAvatar, {
+    getRender: size => fg('platform-dst-avatar-updated-geometry') ? /*#__PURE__*/React.createElement(RefreshedResearchScoutAvatar, {
       size: AVATAR_SIZES[size],
-      primaryColor: greenColor.primary,
-      secondaryColor: greenColor.secondary
+      primaryColor: greenColor.v2.primary,
+      iconColor: greenColor.v2.iconColor
+    }) : /*#__PURE__*/React.createElement(ResearchScoutAvatar, {
+      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_accessibility_checker_agent: {
-    getRender: size => fg('platform-dst-avatar-updated-geometry') ? renderRefreshedAvatar(RefreshedHireWriterAvatar, greenColor, size) : /*#__PURE__*/React.createElement(HireWriterAvatar, {
+    getRender: size => fg('platform-dst-avatar-updated-geometry') ? /*#__PURE__*/React.createElement(RefreshedHireWriterAvatar, {
+      size: AVATAR_SIZES[size],
+      primaryColor: greenColor.v2.primary,
+      iconColor: greenColor.v2.iconColor
+    }) : /*#__PURE__*/React.createElement(HireWriterAvatar, {
       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_code_documentation_writer_agent: {
-    getRender: size => fg('platform-dst-avatar-updated-geometry') ? renderRefreshedAvatar(RefreshedSocialMediaScribeAvatar, greenColor, 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 => fg('platform-dst-avatar-updated-geometry') ? renderRefreshedAvatar(RefreshedFeatureFlagAvatar, greenColor, size) : /*#__PURE__*/React.createElement(FeatureFlagAvatar, {
+    getRender: size => fg('platform-dst-avatar-updated-geometry') ? /*#__PURE__*/React.createElement(RefreshedFeatureFlagAvatar, {
       size: AVATAR_SIZES[size],
-      primaryColor: greenColor.primary,
-      secondaryColor: greenColor.secondary
+      primaryColor: greenColor.v2.primary,
+      iconColor: greenColor.v2.iconColor
+    }) : /*#__PURE__*/React.createElement(FeatureFlagAvatar, {
+      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
   },
   decision_director_agent: {
-    getRender: size => fg('platform-dst-avatar-updated-geometry') ? renderRefreshedAvatar(RefreshedDecisionDirectorAvatar, greenColor, size) : /*#__PURE__*/React.createElement(DecisionDirectorAvatar, {
+    getRender: size => fg('platform-dst-avatar-updated-geometry') ? /*#__PURE__*/React.createElement(RefreshedDecisionDirectorAvatar, {
+      size: AVATAR_SIZES[size],
+      primaryColor: greenColor.v2.primary,
+      iconColor: greenColor.v2.iconColor
+    }) : /*#__PURE__*/React.createElement(DecisionDirectorAvatar, {
       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
   },
   planner_agent: {
-    getRender: size => fg('platform-dst-avatar-updated-geometry') ? renderRefreshedAvatar(RefreshedOpsAgentAvatar, purpleColor, size) : /*#__PURE__*/React.createElement(OpsAgentAvatar, {
+    getRender: size => fg('platform-dst-avatar-updated-geometry') ? /*#__PURE__*/React.createElement(RefreshedOpsAgentAvatar, {
       size: AVATAR_SIZES[size],
-      primaryColor: purpleColor.primary,
-      secondaryColor: purpleColor.secondary
+      primaryColor: purpleColor.v2.primary,
+      iconColor: purpleColor.v2.iconColor
+    }) : /*#__PURE__*/React.createElement(OpsAgentAvatar, {
+      size: AVATAR_SIZES[size],
+      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 => fg('platform-dst-avatar-updated-geometry') ? renderRefreshedAvatar(RefreshedSocialMediaScribeAvatar, blueColor, size) : /*#__PURE__*/React.createElement(SocialMediaScribeAvatar, {
+    getRender: size => fg('platform-dst-avatar-updated-geometry') ? /*#__PURE__*/React.createElement(RefreshedSocialMediaScribeAvatar, {
+      size: AVATAR_SIZES[size],
+      primaryColor: blueColor.v2.primary,
+      iconColor: blueColor.v2.iconColor
+    }) : /*#__PURE__*/React.createElement(SocialMediaScribeAvatar, {
       size: AVATAR_SIZES[size],
-      primaryColor: blueColor.primary,
-      secondaryColor: blueColor.secondary
+      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, {
@@ -290,107 +363,147 @@ const outOfTheBoxAgentAvatar = {
       primaryColor: "",
       secondaryColor: ""
     }),
-    color: blueColor
+    getColor: () => blueColor.v1
   },
   user_manual_writer_agent: {
-    getRender: size => fg('platform-dst-avatar-updated-geometry') ? renderRefreshedAvatar(RefreshedMyUserManualAvatar, yellowColor, size) : /*#__PURE__*/React.createElement(MyUserManualAvatar, {
+    getRender: size => fg('platform-dst-avatar-updated-geometry') ? /*#__PURE__*/React.createElement(RefreshedMyUserManualAvatar, {
       size: AVATAR_SIZES[size],
-      primaryColor: yellowColor.primary,
-      secondaryColor: yellowColor.secondary
+      primaryColor: yellowColor.v2.primary,
+      iconColor: yellowColor.v2.iconColor
+    }) : /*#__PURE__*/React.createElement(MyUserManualAvatar, {
+      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
   },
   product_requirements_expert_agent: {
-    getRender: size => fg('platform-dst-avatar-updated-geometry') ? renderRefreshedAvatar(RefreshedProductRequirementAvatar, yellowColor, size) : /*#__PURE__*/React.createElement(ProductRequirementAvatar, {
+    getRender: size => fg('platform-dst-avatar-updated-geometry') ? /*#__PURE__*/React.createElement(RefreshedProductRequirementAvatar, {
+      size: AVATAR_SIZES[size],
+      primaryColor: yellowColor.v2.primary,
+      iconColor: yellowColor.v2.iconColor
+    }) : /*#__PURE__*/React.createElement(ProductRequirementAvatar, {
       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
   },
   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 => fg('platform-dst-avatar-updated-geometry') ? renderRefreshedAvatar(RefreshedBacklogBuddyAvatar, greenColor, size) : /*#__PURE__*/React.createElement(BacklogBuddyAvatar, {
+    getRender: size => fg('platform-dst-avatar-updated-geometry') ? /*#__PURE__*/React.createElement(RefreshedBacklogBuddyAvatar, {
       size: AVATAR_SIZES[size],
-      primaryColor: greenColor.primary,
-      secondaryColor: greenColor.secondary
+      primaryColor: greenColor.v2.primary,
+      iconColor: greenColor.v2.iconColor
+    }) : /*#__PURE__*/React.createElement(BacklogBuddyAvatar, {
+      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
   },
   ops_guide_agent: {
-    getRender: size => fg('platform-dst-avatar-updated-geometry') ? renderRefreshedAvatar(RefreshedOpsAgentAvatar, yellowColor, size) : /*#__PURE__*/React.createElement(OpsAgentAvatar, {
+    getRender: size => fg('platform-dst-avatar-updated-geometry') ? /*#__PURE__*/React.createElement(RefreshedOpsExpertAvatar, {
+      size: AVATAR_SIZES[size],
+      primaryColor: yellowColor.v2.primary,
+      iconColor: yellowColor.v2.iconColor
+    }) : /*#__PURE__*/React.createElement(OpsAgentAvatar, {
       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
   },
   discovery_and_feedback_agent: {
-    getRender: size => fg('platform-dst-avatar-updated-geometry') ? renderRefreshedAvatar(RefreshedCommsCrafterAvatar, greenColor, 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 => fg('platform-dst-avatar-updated-geometry') ? renderRefreshedAvatar(RefreshedAutoReviewAvatar, yellowColor, size) : /*#__PURE__*/React.createElement(AutoReviewAvatar, {
+    getRender: size => fg('platform-dst-avatar-updated-geometry') ? /*#__PURE__*/React.createElement(RefreshedAutoReviewAvatar, {
       size: AVATAR_SIZES[size],
-      primaryColor: yellowColor.primary,
-      secondaryColor: yellowColor.secondary
+      primaryColor: yellowColor.v2.primary,
+      iconColor: yellowColor.v2.iconColor
+    }) : /*#__PURE__*/React.createElement(AutoReviewAvatar, {
+      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
   },
   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.v2.primary,
+      iconColor: blueColor.v2.iconColor
+    }) : /*#__PURE__*/React.createElement(JiraCodingAgentAvatar, {
       size: AVATAR_SIZES[size],
-      primaryColor: blueColor.primary,
-      secondaryColor: blueColor.secondary
+      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, {
@@ -402,7 +515,7 @@ const outOfTheBoxAgentAvatar = {
       primaryColor: "",
       secondaryColor: ""
     }),
-    color: blueColor
+    getColor: () => blueColor.v1
   },
   mcp_box_agent: {
     getRender: size => /*#__PURE__*/React.createElement(BoxAgentAvatar, {
@@ -410,7 +523,7 @@ const outOfTheBoxAgentAvatar = {
       primaryColor: "",
       secondaryColor: ""
     }),
-    color: blueColor
+    getColor: () => blueColor.v1
   },
   mcp_canva_agent: {
     getRender: size => /*#__PURE__*/React.createElement(CanvaAgentAvatar, {
@@ -418,7 +531,7 @@ const outOfTheBoxAgentAvatar = {
       primaryColor: "",
       secondaryColor: ""
     }),
-    color: blueColor
+    getColor: () => blueColor.v1
   },
   mcp_figma_agent: {
     getRender: size => /*#__PURE__*/React.createElement(FigmaAgentAvatar, {
@@ -426,7 +539,7 @@ const outOfTheBoxAgentAvatar = {
       primaryColor: "",
       secondaryColor: ""
     }),
-    color: blueColor
+    getColor: () => blueColor.v1
   },
   mcp_hubspot_agent: {
     getRender: size => /*#__PURE__*/React.createElement(HubSpotAgentAvatar, {
@@ -434,7 +547,7 @@ const outOfTheBoxAgentAvatar = {
       primaryColor: "",
       secondaryColor: ""
     }),
-    color: blueColor
+    getColor: () => blueColor.v1
   },
   mcp_intercom_agent: {
     getRender: size => /*#__PURE__*/React.createElement(IntercomAgentAvatar, {
@@ -442,7 +555,7 @@ const outOfTheBoxAgentAvatar = {
       primaryColor: "",
       secondaryColor: ""
     }),
-    color: blueColor
+    getColor: () => blueColor.v1
   },
   mcp_gamma_agent: {
     getRender: size => /*#__PURE__*/React.createElement(GammaAgentAvatar, {
@@ -450,7 +563,7 @@ const outOfTheBoxAgentAvatar = {
       primaryColor: "",
       secondaryColor: ""
     }),
-    color: blueColor
+    getColor: () => blueColor.v1
   },
   mcp_lovable_agent: {
     getRender: size => /*#__PURE__*/React.createElement(LovableAgentAvatar, {
@@ -458,7 +571,7 @@ const outOfTheBoxAgentAvatar = {
       primaryColor: "",
       secondaryColor: ""
     }),
-    color: blueColor
+    getColor: () => blueColor.v1
   },
   mcp_replit_agent: {
     getRender: size => /*#__PURE__*/React.createElement(ReplitAgentAvatar, {
@@ -466,7 +579,7 @@ const outOfTheBoxAgentAvatar = {
       primaryColor: "",
       secondaryColor: ""
     }),
-    color: blueColor
+    getColor: () => blueColor.v1
   },
   rovo_agent: {
     getRender: size => /*#__PURE__*/React.createElement(RovoAgentAvatar, {
@@ -474,7 +587,7 @@ const outOfTheBoxAgentAvatar = {
       primaryColor: "",
       secondaryColor: ""
     }),
-    color: blueColor
+    getColor: () => blueColor.v1
   },
   jira_work_agent: {
     getRender: size => /*#__PURE__*/React.createElement(JiraWorkAgentAvatar, {
@@ -482,7 +595,7 @@ const outOfTheBoxAgentAvatar = {
       primaryColor: "",
       secondaryColor: ""
     }),
-    color: blueColor
+    getColor: () => blueColor.v1
   },
   jira_task_planner_agent: {
     getRender: size => /*#__PURE__*/React.createElement(JiraTaskPlannerAgentAvatar, {
@@ -490,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
   }
 };
 
@@ -547,11 +666,6 @@ 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,
@@ -567,7 +681,7 @@ const getAvatarRender = ({
         primaryColor: "",
         secondaryColor: ""
       }),
-      color: greenColor
+      color: greenColor.v1
     };
   }
 
@@ -580,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: agentNamedId === 'tech_writer_agent' && fg('platform-dst-avatar-updated-geometry') ? refreshedBlueColor : ootbAvatarResult.color
+      render: avatar.getRender(size),
+      color: avatar.getColor()
     };
   }
   const numberId = getNumberIdForAvatar({
@@ -604,30 +718,37 @@ const getAvatarRender = ({
     const combinationIndex = numberId % totalCombinations;
     const avatarIndex = Math.floor(combinationIndex / colorList.length);
     const colorIndex = combinationIndex % colorList.length;
-    const Avatar = avatarList[avatarIndex].legacy;
+    const avatar = avatarList[avatarIndex];
     const color = colorList[colorIndex];
     if (fg('platform-dst-avatar-updated-geometry')) {
+      const Avatar = avatar.v2;
       return {
-        render: renderRefreshedAvatar(avatarList[avatarIndex].refreshed, color, size),
-        color: color === blueColor ? refreshedBlueColor : color
+        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({