@atlaskit/rovo-agent-components 3.21.0 → 3.22.0

package/CHANGELOG.md

@@ -1,5 +1,15 @@
 # @atlaskit/rovo-agent-components
 
+## 3.22.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.
+- [`b7e850efc9f82`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/b7e850efc9f82) -
+  [ux] Rovo agents view profile - show verified icon
+
 ## 3.21.0
 
 ### Minor Changes

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

@@ -375,7 +375,19 @@ var getAvatarRender = function getAvatarRender(_ref3) {
   var agentNamedId = _ref3.agentNamedId,
     agentId = _ref3.agentId,
     agentIdentityAccountId = _ref3.agentIdentityAccountId,
+    isRovoDev = _ref3.isRovoDev,
     size = _ref3.size;
+  if (isRovoDev && (0, _platformFeatureFlags.fg)('rovo_dev_themed_identity_card')) {
+    return {
+      render: /*#__PURE__*/_react.default.createElement(RovoDevAvatar, {
+        size: _avatar.AVATAR_SIZES[size],
+        primaryColor: "",
+        secondaryColor: ""
+      }),
+      color: greenColor
+    };
+  }
+
   //@TODO CRCS-3129: Remove Rovo Dev hardcoded icon after TeamEU demos
   // Handle Rovo Dev agent avatar for TeamEU Demo
   if (agentId === ROVO_DEV_AGENT_ID && (0, _platformFeatureFlags.fg)('jira_ai_force_rovo_dev_avatar')) {
@@ -433,12 +445,14 @@ var AgentBanner = exports.AgentBanner = function AgentBanner(_ref4) {
   var agentNamedId = _ref4.agentNamedId,
     agentId = _ref4.agentId,
     agentIdentityAccountId = _ref4.agentIdentityAccountId,
+    isRovoDev = _ref4.isRovoDev,
     height = _ref4.height,
     fillSpace = _ref4.fillSpace;
   var _getAvatarRender = getAvatarRender({
       agentNamedId: agentNamedId,
       agentId: agentId,
       agentIdentityAccountId: agentIdentityAccountId,
+      isRovoDev: isRovoDev,
       size: 'medium'
     }),
     color = _getAvatarRender.color;

package/dist/cjs/ui/agent-avatar/index.js

@@ -47,6 +47,7 @@ var AgentAvatar = exports.AgentAvatar = function AgentAvatar(_ref) {
     agentNamedId = _ref.agentNamedId,
     _ref$showBorder = _ref.showBorder,
     showBorder = _ref$showBorder === void 0 ? true : _ref$showBorder,
+    isRovoDev = _ref.isRovoDev,
     isForgeAgent = _ref.isForgeAgent,
     forgeAgentIconUrl = _ref.forgeAgentIconUrl;
   var _useIntl = (0, _reactIntlNext.useIntl)(),
@@ -81,6 +82,7 @@ var AgentAvatar = exports.AgentAvatar = function AgentAvatar(_ref) {
     agentId: agentId,
     agentNamedId: agentNamedId,
     agentIdentityAccountId: agentIdentityAccountId,
+    isRovoDev: isRovoDev,
     size: size
   }))));
 };

package/dist/cjs/ui/agent-profile-info/agent-profile-info.stories.js

@@ -0,0 +1,35 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.Default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactMagneticDi = require("react-magnetic-di");
+var _reactRelay = require("react-relay");
+var _storybookDecorators = require("@atlassian/agent-studio-test-utils/storybook-decorators");
+var _index = require("./index");
+var commonDeps = [(0, _reactMagneticDi.injectable)(_reactRelay.useFragment, function () {
+  return {
+    isVerified: true
+  };
+})];
+var meta = {
+  decorators: [(0, _storybookDecorators.withUseIntl)(), (0, _storybookDecorators.withDi)(commonDeps)]
+};
+var _default = exports.default = meta;
+var Default = exports.Default = {
+  render: function render() {
+    return /*#__PURE__*/_react.default.createElement(_index.AgentProfileInfo, {
+      agentName: "Code Documentation Writer",
+      agentDescription: "Create or modify documentation files in your codebase to ensure that they are up to date",
+      creatorRender: /*#__PURE__*/_react.default.createElement("div", null, "Creator Render"),
+      starCountRender: /*#__PURE__*/_react.default.createElement("div", null, "Star Count Render"),
+      headingRender: /*#__PURE__*/_react.default.createElement("div", null, "Heading Render"),
+      isStarred: true,
+      isHidden: false,
+      onStarToggle: function onStarToggle() {}
+    });
+  }
+};

package/dist/cjs/ui/agent-profile-info/index.js

@@ -27,7 +27,8 @@ var styles = {
   descriptionRefresh: "_1mouze3t _1i4qfg65 _1nmz1hna",
   wrapper: "_otyru2gc",
   tooltipWrapper: "_195gu2gc _1e0c116y _kqswh2mm _94n5v77o",
-  headingWrapper: "_kqswh2mm"
+  headingWrapper: "_kqswh2mm",
+  headingContentWrapper: "_195gu2gc"
 };
 var getAgentCreator = exports.getAgentCreator = function getAgentCreator(_ref) {
   var creatorType = _ref.creatorType,
@@ -148,9 +149,12 @@ var AgentProfileInfo = exports.AgentProfileInfo = function AgentProfileInfo(_ref
     agentDescription = _ref3.agentDescription,
     creatorRender = _ref3.creatorRender,
     starCountRender = _ref3.starCountRender,
+    headingRender = _ref3.headingRender,
     isStarred = _ref3.isStarred,
     isHidden = _ref3.isHidden,
-    onStarToggle = _ref3.onStarToggle;
+    onStarToggle = _ref3.onStarToggle,
+    _ref3$showStarButton = _ref3.showStarButton,
+    showStarButton = _ref3$showStarButton === void 0 ? true : _ref3$showStarButton;
   var _useIntl2 = (0, _reactIntlNext.useIntl)(),
     formatMessage = _useIntl2.formatMessage;
   return /*#__PURE__*/_react.default.createElement(_compiled.Stack, {
@@ -173,7 +177,9 @@ var AgentProfileInfo = exports.AgentProfileInfo = function AgentProfileInfo(_ref
     position: "top"
   }, /*#__PURE__*/_react.default.createElement(_hiddenIcon.HiddenIcon, {
     label: formatMessage(_messages.messages.hiddenIcon)
-  })))), /*#__PURE__*/_react.default.createElement(_starIconButton.StarIconButton, {
+  }))), headingRender && /*#__PURE__*/_react.default.createElement(_compiled.Box, {
+    xcss: styles.headingContentWrapper
+  }, headingRender)), showStarButton && /*#__PURE__*/_react.default.createElement(_starIconButton.StarIconButton, {
     isStarred: isStarred,
     handleToggle: onStarToggle
   })), creatorRender, !!agentDescription && /*#__PURE__*/_react.default.createElement(_compiled.Box, {

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

@@ -234,8 +234,20 @@ const getAvatarRender = ({
   agentNamedId,
   agentId,
   agentIdentityAccountId,
+  isRovoDev,
   size
 }) => {
+  if (isRovoDev && fg('rovo_dev_themed_identity_card')) {
+    return {
+      render: /*#__PURE__*/React.createElement(RovoDevAvatar, {
+        size: AVATAR_SIZES[size],
+        primaryColor: "",
+        secondaryColor: ""
+      }),
+      color: greenColor
+    };
+  }
+
   //@TODO CRCS-3129: Remove Rovo Dev hardcoded icon after TeamEU demos
   // Handle Rovo Dev agent avatar for TeamEU Demo
   if (agentId === ROVO_DEV_AGENT_ID && fg('jira_ai_force_rovo_dev_avatar')) {
@@ -293,6 +305,7 @@ export const AgentBanner = ({
   agentNamedId,
   agentId,
   agentIdentityAccountId,
+  isRovoDev,
   height,
   fillSpace
 }) => {
@@ -302,6 +315,7 @@ export const AgentBanner = ({
     agentNamedId,
     agentId,
     agentIdentityAccountId,
+    isRovoDev,
     size: 'medium'
   });
   return /*#__PURE__*/React.createElement(Box, {

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

@@ -33,6 +33,7 @@ export const AgentAvatar = ({
   agentIdentityAccountId,
   agentNamedId,
   showBorder = true,
+  isRovoDev,
   isForgeAgent,
   forgeAgentIconUrl
 }) => {
@@ -73,6 +74,7 @@ export const AgentAvatar = ({
     agentId: agentId,
     agentNamedId: agentNamedId,
     agentIdentityAccountId: agentIdentityAccountId,
+    isRovoDev: isRovoDev,
     size: size
   }))));
 };

package/dist/es2019/ui/agent-profile-info/agent-profile-info.stories.js

@@ -0,0 +1,24 @@
+import React from 'react';
+import { injectable } from 'react-magnetic-di';
+import { useFragment } from 'react-relay';
+import { withDi, withUseIntl } from '@atlassian/agent-studio-test-utils/storybook-decorators';
+import { AgentProfileInfo } from './index';
+const commonDeps = [injectable(useFragment, () => ({
+  isVerified: true
+}))];
+const meta = {
+  decorators: [withUseIntl(), withDi(commonDeps)]
+};
+export default meta;
+export const Default = {
+  render: () => /*#__PURE__*/React.createElement(AgentProfileInfo, {
+    agentName: "Code Documentation Writer",
+    agentDescription: "Create or modify documentation files in your codebase to ensure that they are up to date",
+    creatorRender: /*#__PURE__*/React.createElement("div", null, "Creator Render"),
+    starCountRender: /*#__PURE__*/React.createElement("div", null, "Star Count Render"),
+    headingRender: /*#__PURE__*/React.createElement("div", null, "Heading Render"),
+    isStarred: true,
+    isHidden: false,
+    onStarToggle: () => {}
+  })
+};

package/dist/es2019/ui/agent-profile-info/index.js

@@ -20,7 +20,8 @@ const styles = {
   descriptionRefresh: "_1mouze3t _1i4qfg65 _1nmz1hna",
   wrapper: "_otyru2gc",
   tooltipWrapper: "_195gu2gc _1e0c116y _kqswh2mm _94n5v77o",
-  headingWrapper: "_kqswh2mm"
+  headingWrapper: "_kqswh2mm",
+  headingContentWrapper: "_195gu2gc"
 };
 export const getAgentCreator = ({
   creatorType,
@@ -140,9 +141,11 @@ export const AgentProfileInfo = ({
   agentDescription,
   creatorRender,
   starCountRender,
+  headingRender,
   isStarred,
   isHidden,
-  onStarToggle
+  onStarToggle,
+  showStarButton = true
 }) => {
   const {
     formatMessage
@@ -167,7 +170,9 @@ export const AgentProfileInfo = ({
     position: "top"
   }, /*#__PURE__*/React.createElement(HiddenIcon, {
     label: formatMessage(messages.hiddenIcon)
-  })))), /*#__PURE__*/React.createElement(StarIconButton, {
+  }))), headingRender && /*#__PURE__*/React.createElement(Box, {
+    xcss: styles.headingContentWrapper
+  }, headingRender)), showStarButton && /*#__PURE__*/React.createElement(StarIconButton, {
     isStarred: isStarred,
     handleToggle: onStarToggle
   })), creatorRender, !!agentDescription && /*#__PURE__*/React.createElement(Box, {

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

@@ -316,7 +316,19 @@ var getAvatarRender = function getAvatarRender(_ref3) {
   var agentNamedId = _ref3.agentNamedId,
     agentId = _ref3.agentId,
     agentIdentityAccountId = _ref3.agentIdentityAccountId,
+    isRovoDev = _ref3.isRovoDev,
     size = _ref3.size;
+  if (isRovoDev && fg('rovo_dev_themed_identity_card')) {
+    return {
+      render: /*#__PURE__*/React.createElement(RovoDevAvatar, {
+        size: AVATAR_SIZES[size],
+        primaryColor: "",
+        secondaryColor: ""
+      }),
+      color: greenColor
+    };
+  }
+
   //@TODO CRCS-3129: Remove Rovo Dev hardcoded icon after TeamEU demos
   // Handle Rovo Dev agent avatar for TeamEU Demo
   if (agentId === ROVO_DEV_AGENT_ID && fg('jira_ai_force_rovo_dev_avatar')) {
@@ -374,12 +386,14 @@ export var AgentBanner = function AgentBanner(_ref4) {
   var agentNamedId = _ref4.agentNamedId,
     agentId = _ref4.agentId,
     agentIdentityAccountId = _ref4.agentIdentityAccountId,
+    isRovoDev = _ref4.isRovoDev,
     height = _ref4.height,
     fillSpace = _ref4.fillSpace;
   var _getAvatarRender = getAvatarRender({
       agentNamedId: agentNamedId,
       agentId: agentId,
       agentIdentityAccountId: agentIdentityAccountId,
+      isRovoDev: isRovoDev,
       size: 'medium'
     }),
     color = _getAvatarRender.color;

package/dist/esm/ui/agent-avatar/index.js

@@ -38,6 +38,7 @@ export var AgentAvatar = function AgentAvatar(_ref) {
     agentNamedId = _ref.agentNamedId,
     _ref$showBorder = _ref.showBorder,
     showBorder = _ref$showBorder === void 0 ? true : _ref$showBorder,
+    isRovoDev = _ref.isRovoDev,
     isForgeAgent = _ref.isForgeAgent,
     forgeAgentIconUrl = _ref.forgeAgentIconUrl;
   var _useIntl = useIntl(),
@@ -72,6 +73,7 @@ export var AgentAvatar = function AgentAvatar(_ref) {
     agentId: agentId,
     agentNamedId: agentNamedId,
     agentIdentityAccountId: agentIdentityAccountId,
+    isRovoDev: isRovoDev,
     size: size
   }))));
 };

package/dist/esm/ui/agent-profile-info/agent-profile-info.stories.js

@@ -0,0 +1,28 @@
+import React from 'react';
+import { injectable } from 'react-magnetic-di';
+import { useFragment } from 'react-relay';
+import { withDi, withUseIntl } from '@atlassian/agent-studio-test-utils/storybook-decorators';
+import { AgentProfileInfo } from './index';
+var commonDeps = [injectable(useFragment, function () {
+  return {
+    isVerified: true
+  };
+})];
+var meta = {
+  decorators: [withUseIntl(), withDi(commonDeps)]
+};
+export default meta;
+export var Default = {
+  render: function render() {
+    return /*#__PURE__*/React.createElement(AgentProfileInfo, {
+      agentName: "Code Documentation Writer",
+      agentDescription: "Create or modify documentation files in your codebase to ensure that they are up to date",
+      creatorRender: /*#__PURE__*/React.createElement("div", null, "Creator Render"),
+      starCountRender: /*#__PURE__*/React.createElement("div", null, "Star Count Render"),
+      headingRender: /*#__PURE__*/React.createElement("div", null, "Heading Render"),
+      isStarred: true,
+      isHidden: false,
+      onStarToggle: function onStarToggle() {}
+    });
+  }
+};

package/dist/esm/ui/agent-profile-info/index.js

@@ -20,7 +20,8 @@ var styles = {
   descriptionRefresh: "_1mouze3t _1i4qfg65 _1nmz1hna",
   wrapper: "_otyru2gc",
   tooltipWrapper: "_195gu2gc _1e0c116y _kqswh2mm _94n5v77o",
-  headingWrapper: "_kqswh2mm"
+  headingWrapper: "_kqswh2mm",
+  headingContentWrapper: "_195gu2gc"
 };
 export var getAgentCreator = function getAgentCreator(_ref) {
   var creatorType = _ref.creatorType,
@@ -141,9 +142,12 @@ export var AgentProfileInfo = function AgentProfileInfo(_ref3) {
     agentDescription = _ref3.agentDescription,
     creatorRender = _ref3.creatorRender,
     starCountRender = _ref3.starCountRender,
+    headingRender = _ref3.headingRender,
     isStarred = _ref3.isStarred,
     isHidden = _ref3.isHidden,
-    onStarToggle = _ref3.onStarToggle;
+    onStarToggle = _ref3.onStarToggle,
+    _ref3$showStarButton = _ref3.showStarButton,
+    showStarButton = _ref3$showStarButton === void 0 ? true : _ref3$showStarButton;
   var _useIntl2 = useIntl(),
     formatMessage = _useIntl2.formatMessage;
   return /*#__PURE__*/React.createElement(Stack, {
@@ -166,7 +170,9 @@ export var AgentProfileInfo = function AgentProfileInfo(_ref3) {
     position: "top"
   }, /*#__PURE__*/React.createElement(HiddenIcon, {
     label: formatMessage(messages.hiddenIcon)
-  })))), /*#__PURE__*/React.createElement(StarIconButton, {
+  }))), headingRender && /*#__PURE__*/React.createElement(Box, {
+    xcss: styles.headingContentWrapper
+  }, headingRender)), showStarButton && /*#__PURE__*/React.createElement(StarIconButton, {
     isStarred: isStarred,
     handleToggle: onStarToggle
   })), creatorRender, !!agentDescription && /*#__PURE__*/React.createElement(Box, {

package/dist/types/ui/agent-avatar/generated-avatars/index.d.ts

@@ -20,6 +20,7 @@ type GeneratedAvatarProps = {
     agentNamedId?: string;
     agentId?: string;
     agentIdentityAccountId?: string | null | undefined;
+    isRovoDev?: boolean;
     size: SizeType;
     onLoad?: () => void;
 };
@@ -32,7 +33,7 @@ type GeneratedAvatarProps = {
  * cd002f25-46e4-4023-80ff-32e4d90849b4
  */
 export declare const getNumberIdForAvatar: ({ agentIdentityAccountId, agentId, }: Pick<GeneratedAvatarProps, "agentIdentityAccountId" | "agentId">) => number | null;
-export declare const AgentBanner: ({ agentNamedId, agentId, agentIdentityAccountId, height, fillSpace, }: Pick<GeneratedAvatarProps, "agentId" | "agentNamedId" | "agentIdentityAccountId"> & {
+export declare const AgentBanner: ({ agentNamedId, agentId, agentIdentityAccountId, isRovoDev, height, fillSpace, }: Pick<GeneratedAvatarProps, "agentId" | "agentNamedId" | "agentIdentityAccountId" | "isRovoDev"> & {
     height?: number;
     fillSpace?: boolean;
 }) => JSX.Element;

package/dist/types/ui/agent-avatar/index.d.ts

@@ -9,6 +9,7 @@ type AgentAvatarProps = {
     agentIdentityAccountId?: string | null | undefined;
     agentNamedId?: string;
     agentId?: string;
+    isRovoDev?: boolean;
     isForgeAgent?: boolean;
     forgeAgentIconUrl?: string | null;
 };
@@ -19,5 +20,5 @@ type AgentAvatarProps = {
  * @param agentIdentityAccountId - This is Atlassian identity account ID for the agent(aaid). This id is prioritised to generate random avatar for non OOTB agents
  * @param agentId - This is agent.id
  */
-export declare const AgentAvatar: ({ imageUrl, size, label, name, agentId, agentIdentityAccountId, agentNamedId, showBorder, isForgeAgent, forgeAgentIconUrl, }: AgentAvatarProps) => JSX.Element;
+export declare const AgentAvatar: ({ imageUrl, size, label, name, agentId, agentIdentityAccountId, agentNamedId, showBorder, isRovoDev, isForgeAgent, forgeAgentIconUrl, }: AgentAvatarProps) => JSX.Element;
 export {};

package/dist/types/ui/agent-profile-info/index.d.ts

@@ -37,13 +37,15 @@ export declare const AgentProfileCreator: ({ creator, onCreatorLinkClick, isLoad
     isLoading: boolean;
     onCreatorLinkClick: () => void;
 }) => JSX.Element | null;
-export declare const AgentProfileInfo: ({ agentName, agentDescription, creatorRender, starCountRender, isStarred, isHidden, onStarToggle, }: {
+export declare const AgentProfileInfo: ({ agentName, agentDescription, creatorRender, starCountRender, headingRender, isStarred, isHidden, onStarToggle, showStarButton, }: {
     agentName: string;
     agentDescription?: string | null;
     creatorRender: React.ReactNode;
     starCountRender: React.ReactNode;
+    headingRender?: React.ReactNode;
     isStarred: boolean;
     isHidden: boolean;
     onStarToggle: () => void;
+    showStarButton?: boolean;
 }) => JSX.Element;
 export {};

package/dist/types-ts4.5/ui/agent-avatar/generated-avatars/index.d.ts

@@ -20,6 +20,7 @@ type GeneratedAvatarProps = {
     agentNamedId?: string;
     agentId?: string;
     agentIdentityAccountId?: string | null | undefined;
+    isRovoDev?: boolean;
     size: SizeType;
     onLoad?: () => void;
 };
@@ -32,7 +33,7 @@ type GeneratedAvatarProps = {
  * cd002f25-46e4-4023-80ff-32e4d90849b4
  */
 export declare const getNumberIdForAvatar: ({ agentIdentityAccountId, agentId, }: Pick<GeneratedAvatarProps, "agentIdentityAccountId" | "agentId">) => number | null;
-export declare const AgentBanner: ({ agentNamedId, agentId, agentIdentityAccountId, height, fillSpace, }: Pick<GeneratedAvatarProps, "agentId" | "agentNamedId" | "agentIdentityAccountId"> & {
+export declare const AgentBanner: ({ agentNamedId, agentId, agentIdentityAccountId, isRovoDev, height, fillSpace, }: Pick<GeneratedAvatarProps, "agentId" | "agentNamedId" | "agentIdentityAccountId" | "isRovoDev"> & {
     height?: number;
     fillSpace?: boolean;
 }) => JSX.Element;

package/dist/types-ts4.5/ui/agent-avatar/index.d.ts

@@ -9,6 +9,7 @@ type AgentAvatarProps = {
     agentIdentityAccountId?: string | null | undefined;
     agentNamedId?: string;
     agentId?: string;
+    isRovoDev?: boolean;
     isForgeAgent?: boolean;
     forgeAgentIconUrl?: string | null;
 };
@@ -19,5 +20,5 @@ type AgentAvatarProps = {
  * @param agentIdentityAccountId - This is Atlassian identity account ID for the agent(aaid). This id is prioritised to generate random avatar for non OOTB agents
  * @param agentId - This is agent.id
  */
-export declare const AgentAvatar: ({ imageUrl, size, label, name, agentId, agentIdentityAccountId, agentNamedId, showBorder, isForgeAgent, forgeAgentIconUrl, }: AgentAvatarProps) => JSX.Element;
+export declare const AgentAvatar: ({ imageUrl, size, label, name, agentId, agentIdentityAccountId, agentNamedId, showBorder, isRovoDev, isForgeAgent, forgeAgentIconUrl, }: AgentAvatarProps) => JSX.Element;
 export {};

package/dist/types-ts4.5/ui/agent-profile-info/index.d.ts

@@ -37,13 +37,15 @@ export declare const AgentProfileCreator: ({ creator, onCreatorLinkClick, isLoad
     isLoading: boolean;
     onCreatorLinkClick: () => void;
 }) => JSX.Element | null;
-export declare const AgentProfileInfo: ({ agentName, agentDescription, creatorRender, starCountRender, isStarred, isHidden, onStarToggle, }: {
+export declare const AgentProfileInfo: ({ agentName, agentDescription, creatorRender, starCountRender, headingRender, isStarred, isHidden, onStarToggle, showStarButton, }: {
     agentName: string;
     agentDescription?: string | null;
     creatorRender: React.ReactNode;
     starCountRender: React.ReactNode;
+    headingRender?: React.ReactNode;
     isStarred: boolean;
     isHidden: boolean;
     onStarToggle: () => void;
+    showStarButton?: boolean;
 }) => JSX.Element;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/rovo-agent-components",
-	"version": "3.21.0",
+	"version": "3.22.0",
 	"description": "This package host public components related to rovo agents, the components here are needed for other public atlaskit packages",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -45,7 +45,7 @@
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/primitives": "^17.1.0",
 		"@atlaskit/skeleton": "^2.1.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",
@@ -127,6 +127,9 @@
 		"rovo_agent_empty_state_refresh": {
 			"type": "boolean"
 		},
+		"rovo_dev_themed_identity_card": {
+			"type": "boolean"
+		},
 		"rovo_agents_agent_verification": {
 			"type": "boolean"
 		}