@atlaskit/profilecard 24.21.9 → 24.22.1

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # @atlaskit/profilecard
 
+## 24.22.1
+
+### Patch Changes
+
+- [`55920a92e882a`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/55920a92e882a) -
+  tsignores added for help-center local consumpton removed
+
+## 24.22.0
+
+### Minor Changes
+
+- [`4e43c6db295d3`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/4e43c6db295d3) -
+  [ux] Refresh agent profile card UI
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 24.21.9
 
 ### Patch Changes

package/__tests__/vr-tests/agent-profilecard.vr.tsx

@@ -3,9 +3,8 @@ import { snapshot } from '@af/visual-regression';
 import { AgentProfileCardExample } from '../../examples/13-agent-profilecard';
 
 snapshot(AgentProfileCardExample, {
-	hooks: {
-		flags: {
-			profilecard_primitives_compiled: true,
-		},
+	featureFlags: {
+		profilecard_primitives_compiled: true,
+		rovo_agent_empty_state_refresh: [true, false],
 	},
 });

package/dist/cjs/components/Agent/ActionsCompiled.compiled.css

@@ -3,6 +3,7 @@
 ._18zrv77o{padding-inline:var(--ds-space-025,2px)}
 ._1h6d1l7x{border-color:var(--ds-border,#0b120e24)}._15a5nqa1{border-top-style:solid}
 ._19bvpxbi{padding-left:var(--ds-space-200,1pc)}
+._19bvutpp{padding-left:var(--ds-space-150,9pt)}
 ._1bah1h6o{justify-content:center}
 ._1bsb1osq{width:100%}
 ._1e0c1txw{display:flex}
@@ -11,9 +12,12 @@
 ._1ul9gktf{min-width:20px}
 ._4t3igktf{height:20px}
 ._ca0qpxbi{padding-top:var(--ds-space-200,1pc)}
+._ca0qutpp{padding-top:var(--ds-space-150,9pt)}
 ._k48p1wq8{font-weight:var(--ds-font-weight-medium,500)}
 ._n3tdpxbi{padding-bottom:var(--ds-space-200,1pc)}
+._n3tdutpp{padding-bottom:var(--ds-space-150,9pt)}
 ._o5721jtm{white-space:pre-wrap}
 ._syazi7uo{color:var(--ds-text,#292a2e)}
 ._u5f3pxbi{padding-right:var(--ds-space-200,1pc)}
+._u5f3utpp{padding-right:var(--ds-space-150,9pt)}
 ._y3gn1e5h{text-align:left}

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

@@ -29,7 +29,8 @@ var styles = {
   chatPillButtonInlineStyles: "_18zrv77o",
   chatPillTextStyles: "_1nmz1hna _y3gn1e5h _o5721jtm",
   chatPillIconWrapper: "_1ul9gktf _4t3igktf",
-  actionsWrapperStyles: "_189ee4h9 _1h6d1l7x _15a5nqa1 _ca0qpxbi _u5f3pxbi _n3tdpxbi _19bvpxbi _1pfhpxbi _syazi7uo"
+  actionsWrapperStyles: "_189ee4h9 _1h6d1l7x _15a5nqa1 _ca0qpxbi _u5f3pxbi _n3tdpxbi _19bvpxbi _1pfhpxbi _syazi7uo",
+  actionsWrapperStylesRefresh: "_ca0qutpp _u5f3utpp _n3tdutpp _19bvutpp _syazi7uo"
 };
 var AgentActions = exports.AgentActions = function AgentActions(_ref) {
   var onEditAgent = _ref.onEditAgent,
@@ -97,7 +98,7 @@ var AgentActions = exports.AgentActions = function AgentActions(_ref) {
   }, [agent.id, createAnalyticsEvent, fireEventNext]);
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_compiled.Inline, {
     space: "space.100",
-    xcss: styles.actionsWrapperStyles
+    xcss: (0, _platformFeatureFlags.fg)('rovo_agent_empty_state_refresh') ? styles.actionsWrapperStylesRefresh : styles.actionsWrapperStyles
   }, /*#__PURE__*/_react.default.createElement(_compiled.Box, {
     xcss: styles.chatToAgentButtonContainer
   }, /*#__PURE__*/_react.default.createElement(_new.default, {
@@ -110,9 +111,9 @@ var AgentActions = exports.AgentActions = function AgentActions(_ref) {
     xcss: styles.chatToAgentButtonWrapper
   }, /*#__PURE__*/_react.default.createElement(_compiled.Inline, {
     space: "space.050",
-    xcss: styles.chatPillButtonInlineStyles,
+    xcss: (0, _platformFeatureFlags.fg)('rovo_agent_empty_state_refresh') ? null : styles.chatPillButtonInlineStyles,
     alignBlock: "center"
-  }, /*#__PURE__*/_react.default.createElement(_compiled.Box, {
+  }, !(0, _platformFeatureFlags.fg)('rovo_agent_empty_state_refresh') && /*#__PURE__*/_react.default.createElement(_compiled.Box, {
     xcss: styles.chatPillIconWrapper
   }, /*#__PURE__*/_react.default.createElement(_rovoAgentComponents.ChatPillIcon, null)), /*#__PURE__*/_react.default.createElement(_compiled.Box, {
     xcss: styles.chatPillTextStyles

package/dist/cjs/components/Agent/AgentProfileCardCompiled.compiled.css

@@ -1,8 +1,10 @@
 
 ._2rko1mok{border-radius:var(--ds-radius-large,8px)}
-._18zrpxbi{padding-inline:var(--ds-space-200,1pc)}._154i1ejb{top:var(--ds-space-300,24px)}
+._18zrpxbi{padding-inline:var(--ds-space-200,1pc)}
+._18zrutpp{padding-inline:var(--ds-space-150,9pt)}._154i1ejb{top:var(--ds-space-300,24px)}
 ._16qs130s{box-shadow:var(--ds-shadow-overlay,0 8px 9pt #1e1f2126,0 0 1px #1e1f214f)}
 ._1ltvpxbi{left:var(--ds-space-200,1pc)}
+._1q511ejb{padding-block-start:var(--ds-space-300,24px)}
 ._1q51xy5q{padding-block-start:var(--ds-space-400,2pc)}
 ._kqswh2mm{position:relative}
 ._kqswstnw{position:absolute}

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

@@ -34,8 +34,11 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var styles = {
   detailWrapper: "_18zrpxbi _1q51xy5q",
+  detailWrapperRefresh: "_1q511ejb",
   avatarStyles: "_kqswstnw _154i1ejb _1ltvpxbi",
-  cardContainerStyles: "_2rko1mok _16qs130s _kqswh2mm"
+  cardContainerStyles: "_2rko1mok _16qs130s _kqswh2mm",
+  agentProfileInfoWrapper: "_18zrpxbi",
+  conversationStartersWrapper: "_18zrutpp"
 };
 var AgentProfileCard = function AgentProfileCard(_ref) {
   var _agent$user_defined_c, _agent$external_confi, _agent$external_confi2, _agent$creatorInfo, _agent$creatorInfo2, _agent$creatorInfo3, _agent$creatorInfo4;
@@ -190,7 +193,7 @@ var AgentProfileCard = function AgentProfileCard(_ref) {
   }, /*#__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: 96,
+    height: (0, _platformFeatureFlags.fg)('rovo_agent_empty_state_refresh') ? 48 : 96,
     agentIdentityAccountId: agent.identity_account_id
   }), /*#__PURE__*/_react.default.createElement(_compiled.Box, {
     xcss: styles.avatarStyles
@@ -198,12 +201,14 @@ var AgentProfileCard = function AgentProfileCard(_ref) {
     agentId: agent.id,
     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: "xlarge",
+    size: (0, _platformFeatureFlags.fg)('rovo_agent_empty_state_refresh') ? 'large' : 'xlarge',
     isForgeAgent: agent.creator_type === 'FORGE' || agent.creator_type === 'THIRD_PARTY',
     forgeAgentIconUrl: agent.icon
   })), /*#__PURE__*/_react.default.createElement(_compiled.Stack, {
     space: "space.100",
-    xcss: styles.detailWrapper
+    xcss: (0, _platformFeatureFlags.fg)('rovo_agent_empty_state_refresh') ? styles.detailWrapperRefresh : styles.detailWrapper
+  }, /*#__PURE__*/_react.default.createElement(_compiled.Box, {
+    xcss: (0, _platformFeatureFlags.fg)('rovo_agent_empty_state_refresh') ? styles.agentProfileInfoWrapper : null
   }, /*#__PURE__*/_react.default.createElement(_rovoAgentComponents.AgentProfileInfo, {
     agentName: agent.name,
     isStarred: isStarred,
@@ -218,12 +223,14 @@ var AgentProfileCard = function AgentProfileCard(_ref) {
       isLoading: false,
       onCreatorLinkClick: function onCreatorLinkClick() {}
     }),
-    starCountRender: /*#__PURE__*/_react.default.createElement(_rovoAgentComponents.AgentStarCount, {
+    starCountRender: (0, _platformFeatureFlags.fg)('rovo_agent_empty_state_refresh') ? null : /*#__PURE__*/_react.default.createElement(_rovoAgentComponents.AgentStarCount, {
       starCount: starCount,
       isLoading: false
     }),
     agentDescription: agent.description
-  }), /*#__PURE__*/_react.default.createElement(_ConversationStarters.ConversationStarters, {
+  })), /*#__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,
     userDefinedConversationStarters: userDefinedConversationStarters,
     onConversationStarterClick: function onConversationStarterClick(conversationStarter) {
@@ -232,7 +239,7 @@ var AgentProfileCard = function AgentProfileCard(_ref) {
         prompt: conversationStarter.message
       });
     }
-  })), /*#__PURE__*/_react.default.createElement(_Actions.AgentActions, {
+  }))), /*#__PURE__*/_react.default.createElement(_Actions.AgentActions, {
     agent: agent,
     onEditAgent: function onEditAgent() {
       return _onEditAgent(agent.id);

package/dist/cjs/components/Team/TeamProfileCard.js

@@ -152,10 +152,7 @@ var TeamMembers = function TeamMembers(_ref) {
             ref: ref
           }, props, {
             testId: "first-member"
-          })) :
-          /*#__PURE__*/
-          // @ts-ignore - Workaround for help-center local consumption
-          _react.default.createElement(Component, props);
+          })) : /*#__PURE__*/_react.default.createElement(Component, props);
         }
       }
     }

package/dist/es2019/components/Agent/ActionsCompiled.compiled.css

@@ -3,6 +3,7 @@
 ._18zrv77o{padding-inline:var(--ds-space-025,2px)}
 ._1h6d1l7x{border-color:var(--ds-border,#0b120e24)}._15a5nqa1{border-top-style:solid}
 ._19bvpxbi{padding-left:var(--ds-space-200,1pc)}
+._19bvutpp{padding-left:var(--ds-space-150,9pt)}
 ._1bah1h6o{justify-content:center}
 ._1bsb1osq{width:100%}
 ._1e0c1txw{display:flex}
@@ -11,9 +12,12 @@
 ._1ul9gktf{min-width:20px}
 ._4t3igktf{height:20px}
 ._ca0qpxbi{padding-top:var(--ds-space-200,1pc)}
+._ca0qutpp{padding-top:var(--ds-space-150,9pt)}
 ._k48p1wq8{font-weight:var(--ds-font-weight-medium,500)}
 ._n3tdpxbi{padding-bottom:var(--ds-space-200,1pc)}
+._n3tdutpp{padding-bottom:var(--ds-space-150,9pt)}
 ._o5721jtm{white-space:pre-wrap}
 ._syazi7uo{color:var(--ds-text,#292a2e)}
 ._u5f3pxbi{padding-right:var(--ds-space-200,1pc)}
+._u5f3utpp{padding-right:var(--ds-space-150,9pt)}
 ._y3gn1e5h{text-align:left}

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

@@ -17,7 +17,8 @@ const styles = {
   chatPillButtonInlineStyles: "_18zrv77o",
   chatPillTextStyles: "_1nmz1hna _y3gn1e5h _o5721jtm",
   chatPillIconWrapper: "_1ul9gktf _4t3igktf",
-  actionsWrapperStyles: "_189ee4h9 _1h6d1l7x _15a5nqa1 _ca0qpxbi _u5f3pxbi _n3tdpxbi _19bvpxbi _1pfhpxbi _syazi7uo"
+  actionsWrapperStyles: "_189ee4h9 _1h6d1l7x _15a5nqa1 _ca0qpxbi _u5f3pxbi _n3tdpxbi _19bvpxbi _1pfhpxbi _syazi7uo",
+  actionsWrapperStylesRefresh: "_ca0qutpp _u5f3utpp _n3tdutpp _19bvutpp _syazi7uo"
 };
 export const AgentActions = ({
   onEditAgent,
@@ -76,7 +77,7 @@ export const AgentActions = ({
   }, [agent.id, createAnalyticsEvent, fireEventNext]);
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Inline, {
     space: "space.100",
-    xcss: styles.actionsWrapperStyles
+    xcss: fg('rovo_agent_empty_state_refresh') ? styles.actionsWrapperStylesRefresh : styles.actionsWrapperStyles
   }, /*#__PURE__*/React.createElement(Box, {
     xcss: styles.chatToAgentButtonContainer
   }, /*#__PURE__*/React.createElement(Button, {
@@ -89,9 +90,9 @@ export const AgentActions = ({
     xcss: styles.chatToAgentButtonWrapper
   }, /*#__PURE__*/React.createElement(Inline, {
     space: "space.050",
-    xcss: styles.chatPillButtonInlineStyles,
+    xcss: fg('rovo_agent_empty_state_refresh') ? null : styles.chatPillButtonInlineStyles,
     alignBlock: "center"
-  }, /*#__PURE__*/React.createElement(Box, {
+  }, !fg('rovo_agent_empty_state_refresh') && /*#__PURE__*/React.createElement(Box, {
     xcss: styles.chatPillIconWrapper
   }, /*#__PURE__*/React.createElement(ChatPillIcon, null)), /*#__PURE__*/React.createElement(Box, {
     xcss: styles.chatPillTextStyles

package/dist/es2019/components/Agent/AgentProfileCardCompiled.compiled.css

@@ -1,8 +1,10 @@
 
 ._2rko1mok{border-radius:var(--ds-radius-large,8px)}
-._18zrpxbi{padding-inline:var(--ds-space-200,1pc)}._154i1ejb{top:var(--ds-space-300,24px)}
+._18zrpxbi{padding-inline:var(--ds-space-200,1pc)}
+._18zrutpp{padding-inline:var(--ds-space-150,9pt)}._154i1ejb{top:var(--ds-space-300,24px)}
 ._16qs130s{box-shadow:var(--ds-shadow-overlay,0 8px 9pt #1e1f2126,0 0 1px #1e1f214f)}
 ._1ltvpxbi{left:var(--ds-space-200,1pc)}
+._1q511ejb{padding-block-start:var(--ds-space-300,24px)}
 ._1q51xy5q{padding-block-start:var(--ds-space-400,2pc)}
 ._kqswh2mm{position:relative}
 ._kqswstnw{position:absolute}

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

@@ -19,8 +19,11 @@ import { useAgentUrlActions } from './hooks/useAgentActions';
 import { messages } from './messages';
 const styles = {
   detailWrapper: "_18zrpxbi _1q51xy5q",
+  detailWrapperRefresh: "_1q511ejb",
   avatarStyles: "_kqswstnw _154i1ejb _1ltvpxbi",
-  cardContainerStyles: "_2rko1mok _16qs130s _kqswh2mm"
+  cardContainerStyles: "_2rko1mok _16qs130s _kqswh2mm",
+  agentProfileInfoWrapper: "_18zrpxbi",
+  conversationStartersWrapper: "_18zrutpp"
 };
 const AgentProfileCard = ({
   agent,
@@ -145,7 +148,7 @@ const AgentProfileCard = ({
   }, /*#__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: 96,
+    height: fg('rovo_agent_empty_state_refresh') ? 48 : 96,
     agentIdentityAccountId: agent.identity_account_id
   }), /*#__PURE__*/React.createElement(Box, {
     xcss: styles.avatarStyles
@@ -153,12 +156,14 @@ const AgentProfileCard = ({
     agentId: agent.id,
     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: "xlarge",
+    size: fg('rovo_agent_empty_state_refresh') ? 'large' : 'xlarge',
     isForgeAgent: agent.creator_type === 'FORGE' || agent.creator_type === 'THIRD_PARTY',
     forgeAgentIconUrl: agent.icon
   })), /*#__PURE__*/React.createElement(Stack, {
     space: "space.100",
-    xcss: styles.detailWrapper
+    xcss: fg('rovo_agent_empty_state_refresh') ? styles.detailWrapperRefresh : styles.detailWrapper
+  }, /*#__PURE__*/React.createElement(Box, {
+    xcss: fg('rovo_agent_empty_state_refresh') ? styles.agentProfileInfoWrapper : null
   }, /*#__PURE__*/React.createElement(AgentProfileInfo, {
     agentName: agent.name,
     isStarred: isStarred,
@@ -173,12 +178,14 @@ const AgentProfileCard = ({
       isLoading: false,
       onCreatorLinkClick: () => {}
     }),
-    starCountRender: /*#__PURE__*/React.createElement(AgentStarCount, {
+    starCountRender: fg('rovo_agent_empty_state_refresh') ? null : /*#__PURE__*/React.createElement(AgentStarCount, {
       starCount: starCount,
       isLoading: false
     }),
     agentDescription: agent.description
-  }), /*#__PURE__*/React.createElement(ConversationStarters, {
+  })), /*#__PURE__*/React.createElement(Box, {
+    xcss: fg('rovo_agent_empty_state_refresh') ? styles.conversationStartersWrapper : null
+  }, /*#__PURE__*/React.createElement(ConversationStarters, {
     isAgentDefault: agent.is_default,
     userDefinedConversationStarters: userDefinedConversationStarters,
     onConversationStarterClick: conversationStarter => {
@@ -187,7 +194,7 @@ const AgentProfileCard = ({
         prompt: conversationStarter.message
       });
     }
-  })), /*#__PURE__*/React.createElement(AgentActions, {
+  }))), /*#__PURE__*/React.createElement(AgentActions, {
     agent: agent,
     onEditAgent: () => onEditAgent(agent.id),
     onCopyAgent: () => onCopyAgent(agent.id),

package/dist/es2019/components/Team/TeamProfileCard.js

@@ -135,10 +135,7 @@ const TeamMembers = ({
           ref: ref
         }, props, {
           testId: "first-member"
-        })) :
-        /*#__PURE__*/
-        // @ts-ignore - Workaround for help-center local consumption
-        React.createElement(Component, props)
+        })) : /*#__PURE__*/React.createElement(Component, props)
       }
     }
   })));

package/dist/esm/components/Agent/ActionsCompiled.compiled.css

@@ -3,6 +3,7 @@
 ._18zrv77o{padding-inline:var(--ds-space-025,2px)}
 ._1h6d1l7x{border-color:var(--ds-border,#0b120e24)}._15a5nqa1{border-top-style:solid}
 ._19bvpxbi{padding-left:var(--ds-space-200,1pc)}
+._19bvutpp{padding-left:var(--ds-space-150,9pt)}
 ._1bah1h6o{justify-content:center}
 ._1bsb1osq{width:100%}
 ._1e0c1txw{display:flex}
@@ -11,9 +12,12 @@
 ._1ul9gktf{min-width:20px}
 ._4t3igktf{height:20px}
 ._ca0qpxbi{padding-top:var(--ds-space-200,1pc)}
+._ca0qutpp{padding-top:var(--ds-space-150,9pt)}
 ._k48p1wq8{font-weight:var(--ds-font-weight-medium,500)}
 ._n3tdpxbi{padding-bottom:var(--ds-space-200,1pc)}
+._n3tdutpp{padding-bottom:var(--ds-space-150,9pt)}
 ._o5721jtm{white-space:pre-wrap}
 ._syazi7uo{color:var(--ds-text,#292a2e)}
 ._u5f3pxbi{padding-right:var(--ds-space-200,1pc)}
+._u5f3utpp{padding-right:var(--ds-space-150,9pt)}
 ._y3gn1e5h{text-align:left}

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

@@ -20,7 +20,8 @@ var styles = {
   chatPillButtonInlineStyles: "_18zrv77o",
   chatPillTextStyles: "_1nmz1hna _y3gn1e5h _o5721jtm",
   chatPillIconWrapper: "_1ul9gktf _4t3igktf",
-  actionsWrapperStyles: "_189ee4h9 _1h6d1l7x _15a5nqa1 _ca0qpxbi _u5f3pxbi _n3tdpxbi _19bvpxbi _1pfhpxbi _syazi7uo"
+  actionsWrapperStyles: "_189ee4h9 _1h6d1l7x _15a5nqa1 _ca0qpxbi _u5f3pxbi _n3tdpxbi _19bvpxbi _1pfhpxbi _syazi7uo",
+  actionsWrapperStylesRefresh: "_ca0qutpp _u5f3utpp _n3tdutpp _19bvutpp _syazi7uo"
 };
 export var AgentActions = function AgentActions(_ref) {
   var onEditAgent = _ref.onEditAgent,
@@ -88,7 +89,7 @@ export var AgentActions = function AgentActions(_ref) {
   }, [agent.id, createAnalyticsEvent, fireEventNext]);
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Inline, {
     space: "space.100",
-    xcss: styles.actionsWrapperStyles
+    xcss: fg('rovo_agent_empty_state_refresh') ? styles.actionsWrapperStylesRefresh : styles.actionsWrapperStyles
   }, /*#__PURE__*/React.createElement(Box, {
     xcss: styles.chatToAgentButtonContainer
   }, /*#__PURE__*/React.createElement(Button, {
@@ -101,9 +102,9 @@ export var AgentActions = function AgentActions(_ref) {
     xcss: styles.chatToAgentButtonWrapper
   }, /*#__PURE__*/React.createElement(Inline, {
     space: "space.050",
-    xcss: styles.chatPillButtonInlineStyles,
+    xcss: fg('rovo_agent_empty_state_refresh') ? null : styles.chatPillButtonInlineStyles,
     alignBlock: "center"
-  }, /*#__PURE__*/React.createElement(Box, {
+  }, !fg('rovo_agent_empty_state_refresh') && /*#__PURE__*/React.createElement(Box, {
     xcss: styles.chatPillIconWrapper
   }, /*#__PURE__*/React.createElement(ChatPillIcon, null)), /*#__PURE__*/React.createElement(Box, {
     xcss: styles.chatPillTextStyles

package/dist/esm/components/Agent/AgentProfileCardCompiled.compiled.css

@@ -1,8 +1,10 @@
 
 ._2rko1mok{border-radius:var(--ds-radius-large,8px)}
-._18zrpxbi{padding-inline:var(--ds-space-200,1pc)}._154i1ejb{top:var(--ds-space-300,24px)}
+._18zrpxbi{padding-inline:var(--ds-space-200,1pc)}
+._18zrutpp{padding-inline:var(--ds-space-150,9pt)}._154i1ejb{top:var(--ds-space-300,24px)}
 ._16qs130s{box-shadow:var(--ds-shadow-overlay,0 8px 9pt #1e1f2126,0 0 1px #1e1f214f)}
 ._1ltvpxbi{left:var(--ds-space-200,1pc)}
+._1q511ejb{padding-block-start:var(--ds-space-300,24px)}
 ._1q51xy5q{padding-block-start:var(--ds-space-400,2pc)}
 ._kqswh2mm{position:relative}
 ._kqswstnw{position:absolute}

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

@@ -25,8 +25,11 @@ import { useAgentUrlActions } from './hooks/useAgentActions';
 import { messages } from './messages';
 var styles = {
   detailWrapper: "_18zrpxbi _1q51xy5q",
+  detailWrapperRefresh: "_1q511ejb",
   avatarStyles: "_kqswstnw _154i1ejb _1ltvpxbi",
-  cardContainerStyles: "_2rko1mok _16qs130s _kqswh2mm"
+  cardContainerStyles: "_2rko1mok _16qs130s _kqswh2mm",
+  agentProfileInfoWrapper: "_18zrpxbi",
+  conversationStartersWrapper: "_18zrutpp"
 };
 var AgentProfileCard = function AgentProfileCard(_ref) {
   var _agent$user_defined_c, _agent$external_confi, _agent$external_confi2, _agent$creatorInfo, _agent$creatorInfo2, _agent$creatorInfo3, _agent$creatorInfo4;
@@ -181,7 +184,7 @@ var AgentProfileCard = function AgentProfileCard(_ref) {
   }, /*#__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: 96,
+    height: fg('rovo_agent_empty_state_refresh') ? 48 : 96,
     agentIdentityAccountId: agent.identity_account_id
   }), /*#__PURE__*/React.createElement(Box, {
     xcss: styles.avatarStyles
@@ -189,12 +192,14 @@ var AgentProfileCard = function AgentProfileCard(_ref) {
     agentId: agent.id,
     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: "xlarge",
+    size: fg('rovo_agent_empty_state_refresh') ? 'large' : 'xlarge',
     isForgeAgent: agent.creator_type === 'FORGE' || agent.creator_type === 'THIRD_PARTY',
     forgeAgentIconUrl: agent.icon
   })), /*#__PURE__*/React.createElement(Stack, {
     space: "space.100",
-    xcss: styles.detailWrapper
+    xcss: fg('rovo_agent_empty_state_refresh') ? styles.detailWrapperRefresh : styles.detailWrapper
+  }, /*#__PURE__*/React.createElement(Box, {
+    xcss: fg('rovo_agent_empty_state_refresh') ? styles.agentProfileInfoWrapper : null
   }, /*#__PURE__*/React.createElement(AgentProfileInfo, {
     agentName: agent.name,
     isStarred: isStarred,
@@ -209,12 +214,14 @@ var AgentProfileCard = function AgentProfileCard(_ref) {
       isLoading: false,
       onCreatorLinkClick: function onCreatorLinkClick() {}
     }),
-    starCountRender: /*#__PURE__*/React.createElement(AgentStarCount, {
+    starCountRender: fg('rovo_agent_empty_state_refresh') ? null : /*#__PURE__*/React.createElement(AgentStarCount, {
       starCount: starCount,
       isLoading: false
     }),
     agentDescription: agent.description
-  }), /*#__PURE__*/React.createElement(ConversationStarters, {
+  })), /*#__PURE__*/React.createElement(Box, {
+    xcss: fg('rovo_agent_empty_state_refresh') ? styles.conversationStartersWrapper : null
+  }, /*#__PURE__*/React.createElement(ConversationStarters, {
     isAgentDefault: agent.is_default,
     userDefinedConversationStarters: userDefinedConversationStarters,
     onConversationStarterClick: function onConversationStarterClick(conversationStarter) {
@@ -223,7 +230,7 @@ var AgentProfileCard = function AgentProfileCard(_ref) {
         prompt: conversationStarter.message
       });
     }
-  })), /*#__PURE__*/React.createElement(AgentActions, {
+  }))), /*#__PURE__*/React.createElement(AgentActions, {
     agent: agent,
     onEditAgent: function onEditAgent() {
       return _onEditAgent(agent.id);

package/dist/esm/components/Team/TeamProfileCard.js

@@ -143,10 +143,7 @@ var TeamMembers = function TeamMembers(_ref) {
             ref: ref
           }, props, {
             testId: "first-member"
-          })) :
-          /*#__PURE__*/
-          // @ts-ignore - Workaround for help-center local consumption
-          React.createElement(Component, props);
+          })) : /*#__PURE__*/React.createElement(Component, props);
         }
       }
     }

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/profilecard",
-	"version": "24.21.9",
+	"version": "24.22.1",
 	"description": "A React component to display a card with user information.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -62,15 +62,15 @@
 		"@atlaskit/platform-feature-flags-react": "^0.4.0",
 		"@atlaskit/popup": "^4.6.0",
 		"@atlaskit/primitives": "^16.4.0",
-		"@atlaskit/rovo-agent-components": "^3.12.0",
-		"@atlaskit/rovo-triggers": "^4.5.0",
+		"@atlaskit/rovo-agent-components": "^3.14.0",
+		"@atlaskit/rovo-triggers": "^4.6.0",
 		"@atlaskit/spinner": "^19.0.0",
 		"@atlaskit/teams-app-config": "^1.12.0",
 		"@atlaskit/teams-app-internal-analytics": "^1.20.0",
 		"@atlaskit/teams-avatar": "^2.4.0",
 		"@atlaskit/teams-public": "^0.63.0",
 		"@atlaskit/theme": "^21.0.0",
-		"@atlaskit/tokens": "^8.3.0",
+		"@atlaskit/tokens": "^8.4.0",
 		"@atlaskit/tooltip": "^20.10.0",
 		"@babel/runtime": "^7.0.0",
 		"@compiled/react": "^0.18.6",
@@ -165,6 +165,9 @@
 		},
 		"legion-enable-archive-teams": {
 			"type": "boolean"
+		},
+		"rovo_agent_empty_state_refresh": {
+			"type": "boolean"
 		}
 	},
 	"sideEffects": [