@atlaskit/profilecard 24.30.2 → 24.32.0

package/CHANGELOG.md

@@ -1,5 +1,28 @@
 # @atlaskit/profilecard
 
+## 24.32.0
+
+### Minor Changes
+
+- [`94416ff80721d`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/94416ff80721d) -
+  Add aria-dialog-name for profile card component
+
+### Patch Changes
+
+- Updated dependencies
+
+## 24.31.0
+
+### Minor Changes
+
+- [`04077f2897e0e`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/04077f2897e0e) -
+  [ux] Changing the UI for the user identity profile card when the user is the Rovo Dev agent.
+  Change is feature gated.
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 24.30.2
 
 ### Patch Changes

package/afm-jira/tsconfig.json

@@ -1,5 +1,5 @@
 {
-	"extends": "../../../../tsconfig.entry-points.jira.json",
+	"extends": "../../../../tsconfig.local-consumption.json",
 	"compilerOptions": {
 		"declaration": true,
 		"target": "es5",

package/dist/cjs/client/getOrgIdForCloudIdFromAGG.js

@@ -11,7 +11,7 @@ var _graphqlUtils = require("./graphqlUtils");
 var ORG_ID_FROM_CLOUD_ID_QUERY = "query OrgIdFromCloudId($cloudId: ID!) {\n\ttenantContexts(cloudIds: [$cloudId]) {\n\t\torgId\n\t}\n}";
 var addHeaders = function addHeaders(headers) {
   headers.append('atl-client-name', "@atlaskit/profilecard");
-  headers.append('atl-client-version', "0.0.0-development");
+  headers.append('atl-client-version', "24.31.0");
   return headers;
 };
 function getOrgIdForCloudIdFromAGG(_x, _x2) {

package/dist/cjs/client/getTeamFromAGG.js

@@ -66,7 +66,7 @@ var addHeaders = exports.addHeaders = function addHeaders(headers) {
   headers.append('X-ExperimentalApi', 'teams-beta');
   headers.append('X-ExperimentalApi', 'team-members-beta');
   headers.append('atl-client-name', "@atlaskit/profilecard");
-  headers.append('atl-client-version', "0.0.0-development");
+  headers.append('atl-client-version', "24.31.0");
   return headers;
 };
 function getTeamFromAGG(_x, _x2, _x3) {

package/dist/cjs/components/Agent/AgentProfileCard.js

@@ -188,13 +188,15 @@ var AgentProfileCard = function AgentProfileCard(_ref) {
       fireAnalytics: fireAnalytics
     }));
   }
+  var isRovoDev = agent.creator_type === 'ROVO_DEV';
   return /*#__PURE__*/_react.default.createElement(_AgentProfileCardWrapper.AgentProfileCardWrapper, null, /*#__PURE__*/_react.default.createElement(_compiled.Box, {
     xcss: styles.cardContainerStyles
   }, /*#__PURE__*/_react.default.createElement(_rovoAgentComponents.AgentBanner, {
     agentId: agent.id,
     agentNamedId: (_agent$external_confi = agent.external_config_reference) !== null && _agent$external_confi !== void 0 ? _agent$external_confi : agent.named_id,
     height: (0, _platformFeatureFlags.fg)('rovo_agent_empty_state_refresh') ? 48 : 96,
-    agentIdentityAccountId: agent.identity_account_id
+    agentIdentityAccountId: agent.identity_account_id,
+    isRovoDev: isRovoDev && (0, _platformFeatureFlags.fg)('rovo_dev_themed_identity_card')
   }), /*#__PURE__*/_react.default.createElement(_compiled.Box, {
     xcss: styles.avatarStyles
   }, /*#__PURE__*/_react.default.createElement(_rovoAgentComponents.AgentAvatar, {
@@ -202,6 +204,7 @@ var AgentProfileCard = function AgentProfileCard(_ref) {
     agentNamedId: (_agent$external_confi2 = agent.external_config_reference) !== null && _agent$external_confi2 !== void 0 ? _agent$external_confi2 : agent.named_id,
     agentIdentityAccountId: agent.identity_account_id,
     size: (0, _platformFeatureFlags.fg)('rovo_agent_empty_state_refresh') ? 'large' : 'xlarge',
+    isRovoDev: isRovoDev && (0, _platformFeatureFlags.fg)('rovo_dev_themed_identity_card'),
     isForgeAgent: agent.creator_type === 'FORGE' || agent.creator_type === 'THIRD_PARTY',
     forgeAgentIconUrl: agent.icon
   })), /*#__PURE__*/_react.default.createElement(_compiled.Stack, {
@@ -213,6 +216,7 @@ var AgentProfileCard = function AgentProfileCard(_ref) {
     agentName: agent.name,
     isStarred: isStarred,
     onStarToggle: handleSetFavourite,
+    showStarButton: !(isRovoDev && (0, _platformFeatureFlags.fg)('rovo_dev_themed_identity_card')),
     isHidden: agent.visibility === 'PRIVATE',
     creatorRender: ((_agent$creatorInfo = agent.creatorInfo) === null || _agent$creatorInfo === void 0 ? void 0 : _agent$creatorInfo.type) && /*#__PURE__*/_react.default.createElement(_rovoAgentComponents.AgentProfileCreator, {
       creator: {
@@ -228,7 +232,7 @@ var AgentProfileCard = function AgentProfileCard(_ref) {
       isLoading: false
     }),
     agentDescription: agent.description
-  })), /*#__PURE__*/_react.default.createElement(_compiled.Box, {
+  })), !(isRovoDev && (0, _platformFeatureFlags.fg)('rovo_dev_themed_identity_card')) && /*#__PURE__*/_react.default.createElement(_compiled.Box, {
     xcss: (0, _platformFeatureFlags.fg)('rovo_agent_empty_state_refresh') ? styles.conversationStartersWrapper : null
   }, /*#__PURE__*/_react.default.createElement(_ConversationStarters.ConversationStarters, {
     isAgentDefault: agent.is_default,
@@ -239,7 +243,7 @@ var AgentProfileCard = function AgentProfileCard(_ref) {
         prompt: conversationStarter.message
       });
     }
-  }))), /*#__PURE__*/_react.default.createElement(_Actions.AgentActions, {
+  }))), !(isRovoDev && (0, _platformFeatureFlags.fg)('rovo_dev_themed_identity_card')) && /*#__PURE__*/_react.default.createElement(_Actions.AgentActions, {
     agent: agent,
     onEditAgent: function onEditAgent() {
       return _onEditAgent(agent.id);

package/dist/cjs/components/User/ProfileCard.js

@@ -64,13 +64,15 @@ var Wrapper = function Wrapper(props) {
   return /*#__PURE__*/_react.default.createElement(_UserTrigger.CardWrapper, {
     testId: "profilecard",
     role: "dialog",
-    labelledBy: "profilecard-name-label"
+    labelledBy: props.labelledBy,
+    ariaLabel: props.ariaLabel
   }, props.children);
 };
 var ProfilecardInternal = exports.ProfilecardInternal = function ProfilecardInternal(props) {
   var _useState = (0, _react.useState)((0, _performance.getPageTime)()),
     _useState2 = (0, _slicedToArray2.default)(_useState, 1),
     openTime = _useState2[0];
+  var intl = (0, _reactIntlNext.useIntl)();
   var createAnalyticsEvent = props.createAnalyticsEvent;
   var _useAnalyticsEvents = (0, _teamsAppInternalAnalytics.useAnalyticsEvents)(),
     fireEventNext = _useAnalyticsEvents.fireEvent;
@@ -128,7 +130,9 @@ var ProfilecardInternal = exports.ProfilecardInternal = function ProfilecardInte
     }
   }, [canRender, fireAnalyticsWithDuration, fireAnalyticsWithDurationNext, realActions]);
   if (hasError) {
-    return /*#__PURE__*/_react.default.createElement(Wrapper, null, /*#__PURE__*/_react.default.createElement(_Error.ErrorMessage, {
+    return /*#__PURE__*/_react.default.createElement(Wrapper, {
+      ariaLabel: intl.formatMessage(_messages.default.errorDialogLabel)
+    }, /*#__PURE__*/_react.default.createElement(_Error.ErrorMessage, {
       reload: props.clientFetchProfile,
       errorType: props.errorType || null,
       fireAnalytics: fireAnalytics,
@@ -136,7 +140,9 @@ var ProfilecardInternal = exports.ProfilecardInternal = function ProfilecardInte
     }));
   }
   if (isLoading) {
-    return /*#__PURE__*/_react.default.createElement(Wrapper, null, /*#__PURE__*/_react.default.createElement(LoadingView, {
+    return /*#__PURE__*/_react.default.createElement(Wrapper, {
+      ariaLabel: intl.formatMessage(_messages.default.loadingDialogLabel)
+    }, /*#__PURE__*/_react.default.createElement(LoadingView, {
       fireAnalyticsWithDuration: fireAnalyticsWithDuration,
       fireAnalyticsWithDurationNext: fireAnalyticsWithDurationNext
     }));
@@ -145,7 +151,9 @@ var ProfilecardInternal = exports.ProfilecardInternal = function ProfilecardInte
     return null;
   }
   var isDisabledUser = status === 'inactive' || status === 'closed';
-  return /*#__PURE__*/_react.default.createElement(Wrapper, null, /*#__PURE__*/_react.default.createElement(_Card.CardContainer, {
+  return /*#__PURE__*/_react.default.createElement(Wrapper, {
+    labelledBy: "profilecard-name-label"
+  }, /*#__PURE__*/_react.default.createElement(_Card.CardContainer, {
     isDisabledUser: isDisabledUser,
     withoutElevation: props.withoutElevation
   }, /*#__PURE__*/_react.default.createElement(_Card.ProfileImage, null, /*#__PURE__*/_react.default.createElement(_avatar.default, {

package/dist/cjs/components/User/ProfileCardResourced.js

@@ -243,4 +243,5 @@ var ProfileCardResourcedWithAnalytics = function ProfileCardResourcedWithAnalyti
     fireEvent: fireEvent
   }, props));
 };
-var _default = exports.default = (0, _platformFeatureFlagsReact.componentWithFG)('ptc-enable-profile-card-analytics-refactor', ProfileCardResourcedWithAnalytics, (0, _analyticsNext.withAnalyticsEvents)()(ProfileCardResourced));
+var _default_1 = (0, _platformFeatureFlagsReact.componentWithFG)('ptc-enable-profile-card-analytics-refactor', ProfileCardResourcedWithAnalytics, (0, _analyticsNext.withAnalyticsEvents)()(ProfileCardResourced));
+var _default = exports.default = _default_1;

package/dist/cjs/messages.js

@@ -212,6 +212,16 @@ var messages = (0, _reactIntlNext.defineMessages)({
     defaultMessage: 'Try again',
     description: 'Label for the button to retry loading the profile card after an error'
   },
+  errorDialogLabel: {
+    id: 'pt.profile-card.error.dialog-label',
+    defaultMessage: 'Profile card error',
+    description: 'Accessible label for the profile card dialog when in error state'
+  },
+  loadingDialogLabel: {
+    id: 'pt.profile-card.loading.dialog-label',
+    defaultMessage: 'Loading profile card',
+    description: 'Accessible label for the profile card dialog when loading'
+  },
   serviceAccountLabel: {
     id: 'pt.profile-card.service-account.label',
     defaultMessage: 'SERVICE ACCOUNT',

package/dist/cjs/styled/UserTrigger.js

@@ -22,13 +22,15 @@ var CardWrapper = exports.CardWrapper = function CardWrapper(_ref) {
   var children = _ref.children,
     role = _ref.role,
     testId = _ref.testId,
-    labelledBy = _ref.labelledBy;
+    labelledBy = _ref.labelledBy,
+    ariaLabel = _ref.ariaLabel;
   return /*#__PURE__*/_react.default.createElement(_compiled.Box, {
     xcss: (0, _css.cx)(styles.cardWrapper),
     backgroundColor: 'elevation.surface.overlay',
     role: role,
     testId: testId,
-    "aria-labelledby": labelledBy
+    "aria-labelledby": labelledBy,
+    "aria-label": ariaLabel
   }, children);
 };
 var SpinnerContainer = exports.SpinnerContainer = function SpinnerContainer(_ref2) {

package/dist/cjs/util/analytics.js

@@ -13,7 +13,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 var ANALYTICS_CHANNEL = 'peopleTeams';
 var PACKAGE_META_DATA = exports.PACKAGE_META_DATA = {
   packageName: "@atlaskit/profilecard",
-  packageVersion: "0.0.0-development"
+  packageVersion: "24.31.0"
 };
 var runItLater = function runItLater(cb) {
   var requestIdleCallback = window.requestIdleCallback;
@@ -58,7 +58,7 @@ var createEvent = function createEvent(eventType, action, actionSubject, actionS
     actionSubjectId: actionSubjectId,
     attributes: _objectSpread(_objectSpread({
       packageName: "@atlaskit/profilecard",
-      packageVersion: "0.0.0-development"
+      packageVersion: "24.31.0"
     }, attributes), {}, {
       firedAt: Math.round((0, _performance.getPageTime)())
     })

package/dist/es2019/client/getOrgIdForCloudIdFromAGG.js

@@ -6,7 +6,7 @@ const ORG_ID_FROM_CLOUD_ID_QUERY = `query OrgIdFromCloudId($cloudId: ID!) {
 }`;
 const addHeaders = headers => {
   headers.append('atl-client-name', "@atlaskit/profilecard");
-  headers.append('atl-client-version', "0.0.0-development");
+  headers.append('atl-client-version', "24.31.0");
   return headers;
 };
 export async function getOrgIdForCloudIdFromAGG(url, cloudId) {

package/dist/es2019/client/getTeamFromAGG.js

@@ -78,7 +78,7 @@ export const addHeaders = headers => {
   headers.append('X-ExperimentalApi', 'teams-beta');
   headers.append('X-ExperimentalApi', 'team-members-beta');
   headers.append('atl-client-name', "@atlaskit/profilecard");
-  headers.append('atl-client-version', "0.0.0-development");
+  headers.append('atl-client-version', "24.31.0");
   return headers;
 };
 export async function getTeamFromAGG(url, teamId, siteId) {

package/dist/es2019/components/Agent/AgentProfileCard.js

@@ -143,13 +143,15 @@ const AgentProfileCard = ({
       fireAnalytics: fireAnalytics
     }));
   }
+  const isRovoDev = agent.creator_type === 'ROVO_DEV';
   return /*#__PURE__*/React.createElement(AgentProfileCardWrapper, null, /*#__PURE__*/React.createElement(Box, {
     xcss: styles.cardContainerStyles
   }, /*#__PURE__*/React.createElement(AgentBanner, {
     agentId: agent.id,
     agentNamedId: (_agent$external_confi = agent.external_config_reference) !== null && _agent$external_confi !== void 0 ? _agent$external_confi : agent.named_id,
     height: fg('rovo_agent_empty_state_refresh') ? 48 : 96,
-    agentIdentityAccountId: agent.identity_account_id
+    agentIdentityAccountId: agent.identity_account_id,
+    isRovoDev: isRovoDev && fg('rovo_dev_themed_identity_card')
   }), /*#__PURE__*/React.createElement(Box, {
     xcss: styles.avatarStyles
   }, /*#__PURE__*/React.createElement(AgentAvatar, {
@@ -157,6 +159,7 @@ const AgentProfileCard = ({
     agentNamedId: (_agent$external_confi2 = agent.external_config_reference) !== null && _agent$external_confi2 !== void 0 ? _agent$external_confi2 : agent.named_id,
     agentIdentityAccountId: agent.identity_account_id,
     size: fg('rovo_agent_empty_state_refresh') ? 'large' : 'xlarge',
+    isRovoDev: isRovoDev && fg('rovo_dev_themed_identity_card'),
     isForgeAgent: agent.creator_type === 'FORGE' || agent.creator_type === 'THIRD_PARTY',
     forgeAgentIconUrl: agent.icon
   })), /*#__PURE__*/React.createElement(Stack, {
@@ -168,6 +171,7 @@ const AgentProfileCard = ({
     agentName: agent.name,
     isStarred: isStarred,
     onStarToggle: handleSetFavourite,
+    showStarButton: !(isRovoDev && fg('rovo_dev_themed_identity_card')),
     isHidden: agent.visibility === 'PRIVATE',
     creatorRender: ((_agent$creatorInfo = agent.creatorInfo) === null || _agent$creatorInfo === void 0 ? void 0 : _agent$creatorInfo.type) && /*#__PURE__*/React.createElement(AgentProfileCreator, {
       creator: {
@@ -183,7 +187,7 @@ const AgentProfileCard = ({
       isLoading: false
     }),
     agentDescription: agent.description
-  })), /*#__PURE__*/React.createElement(Box, {
+  })), !(isRovoDev && fg('rovo_dev_themed_identity_card')) && /*#__PURE__*/React.createElement(Box, {
     xcss: fg('rovo_agent_empty_state_refresh') ? styles.conversationStartersWrapper : null
   }, /*#__PURE__*/React.createElement(ConversationStarters, {
     isAgentDefault: agent.is_default,
@@ -194,7 +198,7 @@ const AgentProfileCard = ({
         prompt: conversationStarter.message
       });
     }
-  }))), /*#__PURE__*/React.createElement(AgentActions, {
+  }))), !(isRovoDev && fg('rovo_dev_themed_identity_card')) && /*#__PURE__*/React.createElement(AgentActions, {
     agent: agent,
     onEditAgent: () => onEditAgent(agent.id),
     onCopyAgent: () => onCopyAgent(agent.id),

package/dist/es2019/components/User/ProfileCard.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React, { useCallback, useEffect, useMemo, useState } from 'react';
-import { FormattedMessage } from 'react-intl-next';
+import { FormattedMessage, useIntl } from 'react-intl-next';
 import { withAnalyticsEvents } from '@atlaskit/analytics-next';
 import Avatar from '@atlaskit/avatar';
 import { LinkButton } from '@atlaskit/button/new';
@@ -49,10 +49,12 @@ const useKudos = (cloudId, userId, teamCentralBaseUrl, openKudosDrawer) => {
 const Wrapper = props => /*#__PURE__*/React.createElement(CardWrapper, {
   testId: "profilecard",
   role: "dialog",
-  labelledBy: "profilecard-name-label"
+  labelledBy: props.labelledBy,
+  ariaLabel: props.ariaLabel
 }, props.children);
 export const ProfilecardInternal = props => {
   const [openTime] = useState(getPageTime());
+  const intl = useIntl();
   const {
     createAnalyticsEvent
   } = props;
@@ -113,7 +115,9 @@ export const ProfilecardInternal = props => {
     }
   }, [canRender, fireAnalyticsWithDuration, fireAnalyticsWithDurationNext, realActions]);
   if (hasError) {
-    return /*#__PURE__*/React.createElement(Wrapper, null, /*#__PURE__*/React.createElement(ErrorMessage, {
+    return /*#__PURE__*/React.createElement(Wrapper, {
+      ariaLabel: intl.formatMessage(messages.errorDialogLabel)
+    }, /*#__PURE__*/React.createElement(ErrorMessage, {
       reload: props.clientFetchProfile,
       errorType: props.errorType || null,
       fireAnalytics: fireAnalytics,
@@ -121,7 +125,9 @@ export const ProfilecardInternal = props => {
     }));
   }
   if (isLoading) {
-    return /*#__PURE__*/React.createElement(Wrapper, null, /*#__PURE__*/React.createElement(LoadingView, {
+    return /*#__PURE__*/React.createElement(Wrapper, {
+      ariaLabel: intl.formatMessage(messages.loadingDialogLabel)
+    }, /*#__PURE__*/React.createElement(LoadingView, {
       fireAnalyticsWithDuration: fireAnalyticsWithDuration,
       fireAnalyticsWithDurationNext: fireAnalyticsWithDurationNext
     }));
@@ -130,7 +136,9 @@ export const ProfilecardInternal = props => {
     return null;
   }
   const isDisabledUser = status === 'inactive' || status === 'closed';
-  return /*#__PURE__*/React.createElement(Wrapper, null, /*#__PURE__*/React.createElement(CardContainer, {
+  return /*#__PURE__*/React.createElement(Wrapper, {
+    labelledBy: "profilecard-name-label"
+  }, /*#__PURE__*/React.createElement(CardContainer, {
     isDisabledUser: isDisabledUser,
     withoutElevation: props.withoutElevation
   }, /*#__PURE__*/React.createElement(ProfileImage, null, /*#__PURE__*/React.createElement(Avatar, {

package/dist/es2019/components/User/ProfileCardResourced.js

@@ -198,4 +198,5 @@ const ProfileCardResourcedWithAnalytics = props => {
     fireEvent: fireEvent
   }, props));
 };
-export default componentWithFG('ptc-enable-profile-card-analytics-refactor', ProfileCardResourcedWithAnalytics, withAnalyticsEvents()(ProfileCardResourced));
+const _default_1 = componentWithFG('ptc-enable-profile-card-analytics-refactor', ProfileCardResourcedWithAnalytics, withAnalyticsEvents()(ProfileCardResourced));
+export default _default_1;

package/dist/es2019/messages.js

@@ -206,6 +206,16 @@ const messages = defineMessages({
     defaultMessage: 'Try again',
     description: 'Label for the button to retry loading the profile card after an error'
   },
+  errorDialogLabel: {
+    id: 'pt.profile-card.error.dialog-label',
+    defaultMessage: 'Profile card error',
+    description: 'Accessible label for the profile card dialog when in error state'
+  },
+  loadingDialogLabel: {
+    id: 'pt.profile-card.loading.dialog-label',
+    defaultMessage: 'Loading profile card',
+    description: 'Accessible label for the profile card dialog when loading'
+  },
   serviceAccountLabel: {
     id: 'pt.profile-card.service-account.label',
     defaultMessage: 'SERVICE ACCOUNT',

package/dist/es2019/styled/UserTrigger.js

@@ -15,13 +15,15 @@ export const CardWrapper = ({
   children,
   role,
   testId,
-  labelledBy
+  labelledBy,
+  ariaLabel
 }) => /*#__PURE__*/React.createElement(Box, {
   xcss: cx(styles.cardWrapper),
   backgroundColor: 'elevation.surface.overlay',
   role: role,
   testId: testId,
-  "aria-labelledby": labelledBy
+  "aria-labelledby": labelledBy,
+  "aria-label": ariaLabel
 }, children);
 export const SpinnerContainer = ({
   children,

package/dist/es2019/util/analytics.js

@@ -4,7 +4,7 @@ import { getPageTime } from './performance';
 const ANALYTICS_CHANNEL = 'peopleTeams';
 export const PACKAGE_META_DATA = {
   packageName: "@atlaskit/profilecard",
-  packageVersion: "0.0.0-development"
+  packageVersion: "24.31.0"
 };
 const runItLater = cb => {
   const requestIdleCallback = window.requestIdleCallback;
@@ -45,7 +45,7 @@ const createEvent = (eventType, action, actionSubject, actionSubjectId, attribut
   actionSubjectId,
   attributes: {
     packageName: "@atlaskit/profilecard",
-    packageVersion: "0.0.0-development",
+    packageVersion: "24.31.0",
     ...attributes,
     firedAt: Math.round(getPageTime())
   }

package/dist/esm/client/getOrgIdForCloudIdFromAGG.js

@@ -4,7 +4,7 @@ import { AGGQuery } from './graphqlUtils';
 var ORG_ID_FROM_CLOUD_ID_QUERY = "query OrgIdFromCloudId($cloudId: ID!) {\n\ttenantContexts(cloudIds: [$cloudId]) {\n\t\torgId\n\t}\n}";
 var addHeaders = function addHeaders(headers) {
   headers.append('atl-client-name', "@atlaskit/profilecard");
-  headers.append('atl-client-version', "0.0.0-development");
+  headers.append('atl-client-version', "24.31.0");
   return headers;
 };
 export function getOrgIdForCloudIdFromAGG(_x, _x2) {

package/dist/esm/client/getTeamFromAGG.js

@@ -59,7 +59,7 @@ export var addHeaders = function addHeaders(headers) {
   headers.append('X-ExperimentalApi', 'teams-beta');
   headers.append('X-ExperimentalApi', 'team-members-beta');
   headers.append('atl-client-name', "@atlaskit/profilecard");
-  headers.append('atl-client-version', "0.0.0-development");
+  headers.append('atl-client-version', "24.31.0");
   return headers;
 };
 export function getTeamFromAGG(_x, _x2, _x3) {

package/dist/esm/components/Agent/AgentProfileCard.js

@@ -179,13 +179,15 @@ var AgentProfileCard = function AgentProfileCard(_ref) {
       fireAnalytics: fireAnalytics
     }));
   }
+  var isRovoDev = agent.creator_type === 'ROVO_DEV';
   return /*#__PURE__*/React.createElement(AgentProfileCardWrapper, null, /*#__PURE__*/React.createElement(Box, {
     xcss: styles.cardContainerStyles
   }, /*#__PURE__*/React.createElement(AgentBanner, {
     agentId: agent.id,
     agentNamedId: (_agent$external_confi = agent.external_config_reference) !== null && _agent$external_confi !== void 0 ? _agent$external_confi : agent.named_id,
     height: fg('rovo_agent_empty_state_refresh') ? 48 : 96,
-    agentIdentityAccountId: agent.identity_account_id
+    agentIdentityAccountId: agent.identity_account_id,
+    isRovoDev: isRovoDev && fg('rovo_dev_themed_identity_card')
   }), /*#__PURE__*/React.createElement(Box, {
     xcss: styles.avatarStyles
   }, /*#__PURE__*/React.createElement(AgentAvatar, {
@@ -193,6 +195,7 @@ var AgentProfileCard = function AgentProfileCard(_ref) {
     agentNamedId: (_agent$external_confi2 = agent.external_config_reference) !== null && _agent$external_confi2 !== void 0 ? _agent$external_confi2 : agent.named_id,
     agentIdentityAccountId: agent.identity_account_id,
     size: fg('rovo_agent_empty_state_refresh') ? 'large' : 'xlarge',
+    isRovoDev: isRovoDev && fg('rovo_dev_themed_identity_card'),
     isForgeAgent: agent.creator_type === 'FORGE' || agent.creator_type === 'THIRD_PARTY',
     forgeAgentIconUrl: agent.icon
   })), /*#__PURE__*/React.createElement(Stack, {
@@ -204,6 +207,7 @@ var AgentProfileCard = function AgentProfileCard(_ref) {
     agentName: agent.name,
     isStarred: isStarred,
     onStarToggle: handleSetFavourite,
+    showStarButton: !(isRovoDev && fg('rovo_dev_themed_identity_card')),
     isHidden: agent.visibility === 'PRIVATE',
     creatorRender: ((_agent$creatorInfo = agent.creatorInfo) === null || _agent$creatorInfo === void 0 ? void 0 : _agent$creatorInfo.type) && /*#__PURE__*/React.createElement(AgentProfileCreator, {
       creator: {
@@ -219,7 +223,7 @@ var AgentProfileCard = function AgentProfileCard(_ref) {
       isLoading: false
     }),
     agentDescription: agent.description
-  })), /*#__PURE__*/React.createElement(Box, {
+  })), !(isRovoDev && fg('rovo_dev_themed_identity_card')) && /*#__PURE__*/React.createElement(Box, {
     xcss: fg('rovo_agent_empty_state_refresh') ? styles.conversationStartersWrapper : null
   }, /*#__PURE__*/React.createElement(ConversationStarters, {
     isAgentDefault: agent.is_default,
@@ -230,7 +234,7 @@ var AgentProfileCard = function AgentProfileCard(_ref) {
         prompt: conversationStarter.message
       });
     }
-  }))), /*#__PURE__*/React.createElement(AgentActions, {
+  }))), !(isRovoDev && fg('rovo_dev_themed_identity_card')) && /*#__PURE__*/React.createElement(AgentActions, {
     agent: agent,
     onEditAgent: function onEditAgent() {
       return _onEditAgent(agent.id);

package/dist/esm/components/User/ProfileCard.js

@@ -5,7 +5,7 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 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) { _defineProperty(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; }
 import React, { useCallback, useEffect, useMemo, useState } from 'react';
-import { FormattedMessage } from 'react-intl-next';
+import { FormattedMessage, useIntl } from 'react-intl-next';
 import { withAnalyticsEvents } from '@atlaskit/analytics-next';
 import Avatar from '@atlaskit/avatar';
 import { LinkButton } from '@atlaskit/button/new';
@@ -55,13 +55,15 @@ var Wrapper = function Wrapper(props) {
   return /*#__PURE__*/React.createElement(CardWrapper, {
     testId: "profilecard",
     role: "dialog",
-    labelledBy: "profilecard-name-label"
+    labelledBy: props.labelledBy,
+    ariaLabel: props.ariaLabel
   }, props.children);
 };
 export var ProfilecardInternal = function ProfilecardInternal(props) {
   var _useState = useState(getPageTime()),
     _useState2 = _slicedToArray(_useState, 1),
     openTime = _useState2[0];
+  var intl = useIntl();
   var createAnalyticsEvent = props.createAnalyticsEvent;
   var _useAnalyticsEvents = useAnalyticsEvents(),
     fireEventNext = _useAnalyticsEvents.fireEvent;
@@ -119,7 +121,9 @@ export var ProfilecardInternal = function ProfilecardInternal(props) {
     }
   }, [canRender, fireAnalyticsWithDuration, fireAnalyticsWithDurationNext, realActions]);
   if (hasError) {
-    return /*#__PURE__*/React.createElement(Wrapper, null, /*#__PURE__*/React.createElement(ErrorMessage, {
+    return /*#__PURE__*/React.createElement(Wrapper, {
+      ariaLabel: intl.formatMessage(messages.errorDialogLabel)
+    }, /*#__PURE__*/React.createElement(ErrorMessage, {
       reload: props.clientFetchProfile,
       errorType: props.errorType || null,
       fireAnalytics: fireAnalytics,
@@ -127,7 +131,9 @@ export var ProfilecardInternal = function ProfilecardInternal(props) {
     }));
   }
   if (isLoading) {
-    return /*#__PURE__*/React.createElement(Wrapper, null, /*#__PURE__*/React.createElement(LoadingView, {
+    return /*#__PURE__*/React.createElement(Wrapper, {
+      ariaLabel: intl.formatMessage(messages.loadingDialogLabel)
+    }, /*#__PURE__*/React.createElement(LoadingView, {
       fireAnalyticsWithDuration: fireAnalyticsWithDuration,
       fireAnalyticsWithDurationNext: fireAnalyticsWithDurationNext
     }));
@@ -136,7 +142,9 @@ export var ProfilecardInternal = function ProfilecardInternal(props) {
     return null;
   }
   var isDisabledUser = status === 'inactive' || status === 'closed';
-  return /*#__PURE__*/React.createElement(Wrapper, null, /*#__PURE__*/React.createElement(CardContainer, {
+  return /*#__PURE__*/React.createElement(Wrapper, {
+    labelledBy: "profilecard-name-label"
+  }, /*#__PURE__*/React.createElement(CardContainer, {
     isDisabledUser: isDisabledUser,
     withoutElevation: props.withoutElevation
   }, /*#__PURE__*/React.createElement(ProfileImage, null, /*#__PURE__*/React.createElement(Avatar, {

package/dist/esm/components/User/ProfileCardResourced.js

@@ -234,4 +234,5 @@ var ProfileCardResourcedWithAnalytics = function ProfileCardResourcedWithAnalyti
     fireEvent: fireEvent
   }, props));
 };
-export default componentWithFG('ptc-enable-profile-card-analytics-refactor', ProfileCardResourcedWithAnalytics, withAnalyticsEvents()(ProfileCardResourced));
+var _default_1 = componentWithFG('ptc-enable-profile-card-analytics-refactor', ProfileCardResourcedWithAnalytics, withAnalyticsEvents()(ProfileCardResourced));
+export default _default_1;

package/dist/esm/messages.js

@@ -206,6 +206,16 @@ var messages = defineMessages({
     defaultMessage: 'Try again',
     description: 'Label for the button to retry loading the profile card after an error'
   },
+  errorDialogLabel: {
+    id: 'pt.profile-card.error.dialog-label',
+    defaultMessage: 'Profile card error',
+    description: 'Accessible label for the profile card dialog when in error state'
+  },
+  loadingDialogLabel: {
+    id: 'pt.profile-card.loading.dialog-label',
+    defaultMessage: 'Loading profile card',
+    description: 'Accessible label for the profile card dialog when loading'
+  },
   serviceAccountLabel: {
     id: 'pt.profile-card.service-account.label',
     defaultMessage: 'SERVICE ACCOUNT',

package/dist/esm/styled/UserTrigger.js

@@ -15,13 +15,15 @@ export var CardWrapper = function CardWrapper(_ref) {
   var children = _ref.children,
     role = _ref.role,
     testId = _ref.testId,
-    labelledBy = _ref.labelledBy;
+    labelledBy = _ref.labelledBy,
+    ariaLabel = _ref.ariaLabel;
   return /*#__PURE__*/React.createElement(Box, {
     xcss: cx(styles.cardWrapper),
     backgroundColor: 'elevation.surface.overlay',
     role: role,
     testId: testId,
-    "aria-labelledby": labelledBy
+    "aria-labelledby": labelledBy,
+    "aria-label": ariaLabel
   }, children);
 };
 export var SpinnerContainer = function SpinnerContainer(_ref2) {

package/dist/esm/util/analytics.js

@@ -7,7 +7,7 @@ import { getPageTime } from './performance';
 var ANALYTICS_CHANNEL = 'peopleTeams';
 export var PACKAGE_META_DATA = {
   packageName: "@atlaskit/profilecard",
-  packageVersion: "0.0.0-development"
+  packageVersion: "24.31.0"
 };
 var runItLater = function runItLater(cb) {
   var requestIdleCallback = window.requestIdleCallback;
@@ -52,7 +52,7 @@ var createEvent = function createEvent(eventType, action, actionSubject, actionS
     actionSubjectId: actionSubjectId,
     attributes: _objectSpread(_objectSpread({
       packageName: "@atlaskit/profilecard",
-      packageVersion: "0.0.0-development"
+      packageVersion: "24.31.0"
     }, attributes), {}, {
       firedAt: Math.round(getPageTime())
     })

package/dist/types/components/User/ProfileCardResourced.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
-import { type AnalyticsEventPayload } from '@atlaskit/analytics-next';
+import { type AnalyticsEventPayload, type WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
 import { type FireEventType } from '@atlaskit/teams-app-internal-analytics';
-import { type AnalyticsProps, type ProfileCardAction, type ProfileCardClientData, type ProfileCardResourcedProps, type ProfileCardResourcedState, type TeamCentralReportingLinesData } from '../../types';
+import { type AnalyticsProps, type ProfileCardAction, type ProfileCardClientData, type ProfileCardResourcedProps, type ProfileCardResourcedState, type ProfilecardTriggerPosition, type ProfileClient, type ReportingLinesUser, type TeamCentralReportingLinesData, type TriggerType } from '../../types';
 declare class ProfileCardResourced extends React.PureComponent<ProfileCardResourcedProps & AnalyticsProps, ProfileCardResourcedState> {
     static defaultProps: Partial<ProfileCardResourcedProps>;
     _isMounted: boolean;
@@ -20,16 +20,16 @@ declare class ProfileCardResourced extends React.PureComponent<ProfileCardResour
     render(): React.ReactNode;
 }
 export declare const ProfileCardResourcedInternal: typeof ProfileCardResourced;
-declare const _default: React.FC<ProfileCardResourcedProps & Omit<Pick<Omit<ProfileCardResourcedProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, never> & {
+declare const _default_1: React.FC<ProfileCardResourcedProps & Omit<Pick<Omit<ProfileCardResourcedProps, keyof WithAnalyticsEventsProps>, never> & {
+    userId?: string | undefined;
     cloudId?: string | undefined;
-    resourceClient?: import("../../types").ProfileClient | undefined;
+    resourceClient?: ProfileClient | undefined;
     actions?: ProfileCardAction[] | undefined;
-    position?: import("../../types").ProfilecardTriggerPosition | undefined;
-    trigger?: import("../../types").TriggerType | undefined;
+    reportingLinesProfileUrl?: string | undefined;
+    onReportingLinesClick?: ((user: ReportingLinesUser) => void) | undefined;
+    position?: ProfilecardTriggerPosition | undefined;
+    trigger?: TriggerType | undefined;
     children?: React.ReactNode;
     addFlag?: ((flag: any) => void) | undefined;
-    userId?: string | undefined;
-    reportingLinesProfileUrl?: string | undefined;
-    onReportingLinesClick?: ((user: import("../../types").ReportingLinesUser) => void) | undefined;
 } & {} & React.RefAttributes<any>, "ref"> & React.RefAttributes<any>>;
-export default _default;
+export default _default_1;

package/dist/types/messages.d.ts

@@ -204,6 +204,16 @@ declare const messages: {
         defaultMessage: string;
         description: string;
     };
+    errorDialogLabel: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    loadingDialogLabel: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
     serviceAccountLabel: {
         id: string;
         defaultMessage: string;

package/dist/types/styled/UserTrigger.d.ts

@@ -1,9 +1,10 @@
 import React, { type ReactNode } from 'react';
-export declare const CardWrapper: ({ children, role, testId, labelledBy, }: {
+export declare const CardWrapper: ({ children, role, testId, labelledBy, ariaLabel, }: {
     children: ReactNode;
     role?: string;
     testId?: string;
     labelledBy?: string;
+    ariaLabel?: string;
 }) => React.JSX.Element;
 export declare const SpinnerContainer: ({ children, testId, }: {
     children: ReactNode;

package/dist/types/types.d.ts

@@ -67,7 +67,7 @@ export interface RovoAgent {
     name: string;
     description: string | null;
     system_prompt_template?: string | null;
-    creator_type: 'SYSTEM' | 'CUSTOMER' | 'THIRD_PARTY' | 'FORGE';
+    creator_type: 'SYSTEM' | 'CUSTOMER' | 'THIRD_PARTY' | 'FORGE' | 'ROVO_DEV';
     creator?: string | null;
     visibility?: 'PUBLIC' | 'PRIVATE' | null;
     is_default: boolean;

package/dist/types-ts4.5/components/User/ProfileCardResourced.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
-import { type AnalyticsEventPayload } from '@atlaskit/analytics-next';
+import { type AnalyticsEventPayload, type WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
 import { type FireEventType } from '@atlaskit/teams-app-internal-analytics';
-import { type AnalyticsProps, type ProfileCardAction, type ProfileCardClientData, type ProfileCardResourcedProps, type ProfileCardResourcedState, type TeamCentralReportingLinesData } from '../../types';
+import { type AnalyticsProps, type ProfileCardAction, type ProfileCardClientData, type ProfileCardResourcedProps, type ProfileCardResourcedState, type ProfilecardTriggerPosition, type ProfileClient, type ReportingLinesUser, type TeamCentralReportingLinesData, type TriggerType } from '../../types';
 declare class ProfileCardResourced extends React.PureComponent<ProfileCardResourcedProps & AnalyticsProps, ProfileCardResourcedState> {
     static defaultProps: Partial<ProfileCardResourcedProps>;
     _isMounted: boolean;
@@ -20,16 +20,16 @@ declare class ProfileCardResourced extends React.PureComponent<ProfileCardResour
     render(): React.ReactNode;
 }
 export declare const ProfileCardResourcedInternal: typeof ProfileCardResourced;
-declare const _default: React.FC<ProfileCardResourcedProps & Omit<Pick<Omit<ProfileCardResourcedProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, never> & {
+declare const _default_1: React.FC<ProfileCardResourcedProps & Omit<Pick<Omit<ProfileCardResourcedProps, keyof WithAnalyticsEventsProps>, never> & {
+    userId?: string | undefined;
     cloudId?: string | undefined;
-    resourceClient?: import("../../types").ProfileClient | undefined;
+    resourceClient?: ProfileClient | undefined;
     actions?: ProfileCardAction[] | undefined;
-    position?: import("../../types").ProfilecardTriggerPosition | undefined;
-    trigger?: import("../../types").TriggerType | undefined;
+    reportingLinesProfileUrl?: string | undefined;
+    onReportingLinesClick?: ((user: ReportingLinesUser) => void) | undefined;
+    position?: ProfilecardTriggerPosition | undefined;
+    trigger?: TriggerType | undefined;
     children?: React.ReactNode;
     addFlag?: ((flag: any) => void) | undefined;
-    userId?: string | undefined;
-    reportingLinesProfileUrl?: string | undefined;
-    onReportingLinesClick?: ((user: import("../../types").ReportingLinesUser) => void) | undefined;
 } & {} & React.RefAttributes<any>, "ref"> & React.RefAttributes<any>>;
-export default _default;
+export default _default_1;

package/dist/types-ts4.5/messages.d.ts

@@ -204,6 +204,16 @@ declare const messages: {
         defaultMessage: string;
         description: string;
     };
+    errorDialogLabel: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    loadingDialogLabel: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
     serviceAccountLabel: {
         id: string;
         defaultMessage: string;

package/dist/types-ts4.5/styled/UserTrigger.d.ts

@@ -1,9 +1,10 @@
 import React, { type ReactNode } from 'react';
-export declare const CardWrapper: ({ children, role, testId, labelledBy, }: {
+export declare const CardWrapper: ({ children, role, testId, labelledBy, ariaLabel, }: {
     children: ReactNode;
     role?: string;
     testId?: string;
     labelledBy?: string;
+    ariaLabel?: string;
 }) => React.JSX.Element;
 export declare const SpinnerContainer: ({ children, testId, }: {
     children: ReactNode;

package/dist/types-ts4.5/types.d.ts

@@ -67,7 +67,7 @@ export interface RovoAgent {
     name: string;
     description: string | null;
     system_prompt_template?: string | null;
-    creator_type: 'SYSTEM' | 'CUSTOMER' | 'THIRD_PARTY' | 'FORGE';
+    creator_type: 'SYSTEM' | 'CUSTOMER' | 'THIRD_PARTY' | 'FORGE' | 'ROVO_DEV';
     creator?: string | null;
     visibility?: 'PUBLIC' | 'PRIVATE' | null;
     is_default: boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/profilecard",
-	"version": "24.30.2",
+	"version": "24.32.0",
 	"description": "A React component to display a card with user information.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -60,15 +60,15 @@
 		"@atlaskit/platform-feature-flags-react": "^0.4.0",
 		"@atlaskit/popup": "^4.13.0",
 		"@atlaskit/primitives": "^17.1.0",
-		"@atlaskit/rovo-agent-components": "^3.20.0",
+		"@atlaskit/rovo-agent-components": "^3.23.0",
 		"@atlaskit/rovo-triggers": "^5.6.0",
 		"@atlaskit/spinner": "^19.0.0",
 		"@atlaskit/teams-app-config": "^1.12.0",
 		"@atlaskit/teams-app-internal-analytics": "^1.23.0",
 		"@atlaskit/teams-avatar": "^2.4.0",
-		"@atlaskit/teams-public": "^0.65.0",
+		"@atlaskit/teams-public": "^0.66.0",
 		"@atlaskit/theme": "^21.0.0",
-		"@atlaskit/tokens": "^10.0.0",
+		"@atlaskit/tokens": "^10.1.0",
 		"@atlaskit/tooltip": "^20.14.0",
 		"@babel/runtime": "^7.0.0",
 		"@compiled/react": "^0.18.6",
@@ -86,8 +86,12 @@
 	},
 	"devDependencies": {
 		"@af/visual-regression": "workspace:^",
+		"@atlassian/feature-flags-storybook-utils": "^0.3.0",
 		"@atlassian/feature-flags-test-utils": "^1.0.0",
+		"@atlassian/platform-storybook-helpers": "^0.1.0",
 		"@atlassian/ptc-test-utils": "^0.11.0",
+		"@storybook/addon-actions": "^8.6.14",
+		"@storybook/test": "^8.6.14",
 		"@testing-library/react": "^16.3.0",
 		"@testing-library/user-event": "^14.4.3",
 		"enzyme": "^3.10.0",
@@ -157,6 +161,9 @@
 		"rovo_agent_empty_state_refresh": {
 			"type": "boolean"
 		},
+		"rovo_dev_themed_identity_card": {
+			"type": "boolean"
+		},
 		"enable_profilecard_text_truncation_tooltip": {
 			"type": "boolean"
 		},

package/stories/agent-profilecard.stories.tsx

@@ -0,0 +1,112 @@
+import React from 'react';
+
+import type { Meta, StoryObj } from '@storybook/react';
+import { IntlProvider } from 'react-intl-next';
+
+import { withPlatformFeatureGates } from '@atlassian/feature-flags-storybook-utils';
+import {
+	withAnalyticsLogger,
+	withMaxWidth,
+	withStorybookLinkHarness,
+} from '@atlassian/platform-storybook-helpers';
+
+import { AgentProfileCard } from '../src';
+import { simpleProfileClient } from '../src/mocks';
+import type { AgentProfileCardProps, RovoAgentProfileCardInfo } from '../src/types';
+
+type StoryArgs = AgentProfileCardProps;
+
+const agent: RovoAgentProfileCardInfo = {
+	id: '965df475-d134-43ac-8ec4-f4aafd0025c6',
+	name: 'Rovo Dev',
+	description:
+		'Get help writing a user manual page that you can use to share your preferred ways of working with your team.',
+	system_prompt_template: '',
+	visibility: 'PUBLIC',
+	user_defined_conversation_starters: [
+		'Help me make my first User Manual.',
+		'Help with my goals',
+		'This is a very long conversation starter to test the overflow',
+	],
+	named_id: '965df475-d134-43ac-8ec4-f4aafd0025c6',
+	creator: 'ari:cloud:identity::user/62321fb55b6d710070a1ce85',
+	creator_type: 'CUSTOMER',
+	// Toggle this to 'ROVO_DEV' in Storybook controls to simulate Rovo Dev UI.
+	favourite: true,
+	is_default: false,
+	deactivated: false,
+	identity_account_id: 'ari:cloud:identity::user/712020:b719aaa1-2485-4dad-93d3-abc3c93862c6',
+	creatorInfo: {
+		type: 'CUSTOMER',
+		name: 'John Doe',
+		profileLink: 'https://example.com/profile',
+	},
+	actor_type: 'AGENT',
+	favourite_count: 1234,
+};
+
+const meta: Meta<StoryArgs> = {
+	component: AgentProfileCard,
+	args: {
+		resourceClient: simpleProfileClient,
+		agent,
+		// Avoid network calls for permissions in Storybook.
+		hideMoreActions: true,
+	},
+	argTypes: {
+		hideMoreActions: { control: { type: 'boolean' } },
+		agent: {
+			control: { type: 'object' },
+		},
+	},
+
+	decorators: [
+		withAnalyticsLogger,
+		withMaxWidth('420px'),
+		withStorybookLinkHarness({ centered: false }),
+		(Story) => (
+			<IntlProvider locale="en">
+				<Story />
+			</IntlProvider>
+		),
+	],
+};
+
+export default meta;
+
+type Story = StoryObj<StoryArgs>;
+
+const baseFeatureGates = {
+	rovo_agent_empty_state_refresh: false,
+	jira_ai_force_rovo_dev_avatar: false,
+};
+
+export const Standard: Story = {
+	name: 'Standard (non-Rovo Dev)',
+	decorators: [withPlatformFeatureGates({ ...baseFeatureGates, rovo_dev_themed_identity_card: false })],
+	render: (props) => <AgentProfileCard {...props} />,
+};
+
+export const RovoDevGateOff: Story = {
+	name: 'Rovo Dev (gate OFF)',
+	args: {
+		agent: {
+			...agent,
+			creator_type: 'ROVO_DEV',
+		},
+	},
+	decorators: [withPlatformFeatureGates({ ...baseFeatureGates, rovo_dev_themed_identity_card: false })],
+	render: (props) => <AgentProfileCard {...props} />,
+};
+
+export const RovoDevGateOn: Story = {
+	name: 'Rovo Dev (gate ON)',
+	args: {
+		agent: {
+			...agent,
+			creator_type: 'ROVO_DEV',
+		},
+	},
+	decorators: [withPlatformFeatureGates({ ...baseFeatureGates, rovo_dev_themed_identity_card: true })],
+	render: (props) => <AgentProfileCard {...props} />,
+};