@atlaskit/rovo-agent-components 3.18.1 → 3.20.0

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # @atlaskit/rovo-agent-components
 
+## 3.20.0
+
+### Minor Changes
+
+- [`85b20848660df`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/85b20848660df) -
+  [ux] Display agent verified icon
+
+### Patch Changes
+
+- Updated dependencies
+
+## 3.19.0
+
+### Minor Changes
+
+- [`61adbaa3e8ae1`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/61adbaa3e8ae1) -
+  [ux] add agent verfication option in dropdown menu
+
 ## 3.18.1
 
 ### Patch Changes

package/agent-verified/package.json

@@ -0,0 +1,17 @@
+{
+  "name": "@atlaskit/rovo-agent-components/agent-verified",
+  "main": "../dist/cjs/ui/agent-verified/index.js",
+  "module": "../dist/esm/ui/agent-verified/index.js",
+  "module:es2019": "../dist/es2019/ui/agent-verified/index.js",
+  "sideEffects": [
+    "*.compiled.css"
+  ],
+  "types": "../dist/types/ui/agent-verified/index.d.ts",
+  "typesVersions": {
+    ">=4.5 <5.9": {
+      "*": [
+        "../dist/types-ts4.5/ui/agent-verified/index.d.ts"
+      ]
+    }
+  }
+}

package/dist/cjs/common/ui/chat-pill/index.compiled.css

@@ -1,4 +1,4 @@
-._11c82smr{font:var(--ds-font-body,normal 400 14px/20px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
+._11c8fhey{font:var(--ds-font-body,normal 400 14px/20px "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
 ._2rko12b0{border-radius:var(--ds-radius-small,4px)}
 ._189ee4h9{border-width:var(--ds-border-width,1px)}
 ._18zrv77o{padding-inline:var(--ds-space-025,2px)}

package/dist/cjs/common/ui/chat-pill/index.js

@@ -25,7 +25,7 @@ var stylesCompiled = {
   pillLineHeight: "_vwz47vkz"
 };
 var styles = {
-  button: "_2rko12b0 _11c82smr _189ee4h9 _1dqonqa1 _1h6d1l7x _syazazsu _ca0q12x7 _u5f3utpp _n3td12x7 _19bvutpp _k48p1wq8 _1bto1l2s _o5721q9c _1o9zkb7n _bfhksm61 _irr31dpa _1di6fcek",
+  button: "_2rko12b0 _11c8fhey _189ee4h9 _1dqonqa1 _1h6d1l7x _syazazsu _ca0q12x7 _u5f3utpp _n3td12x7 _19bvutpp _k48p1wq8 _1bto1l2s _o5721q9c _1o9zkb7n _bfhksm61 _irr31dpa _1di6fcek",
   buttonInline: "_18zrv77o",
   queryText: "_1nmz1hna _y3gn1e5h",
   whiteSpacePreWrap: "_o5721jtm"

package/dist/cjs/ui/agent-conversation-starters/index.compiled.css

@@ -1,4 +1,4 @@
-._11c82smr{font:var(--ds-font-body,normal 400 14px/20px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
+._11c8fhey{font:var(--ds-font-body,normal 400 14px/20px "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
 ._2rko12b0{border-radius:var(--ds-radius-small,4px)}
 ._qtt8glyw{list-style:none}
 ._18m915vq{overflow-y:hidden}

package/dist/cjs/ui/agent-conversation-starters/index.js

@@ -29,7 +29,7 @@ var styles = {
   conversationStartersListRefresh: "_1bsb1osq",
   conversationStarterIcon: "_1o9zidpf",
   conversationStarterText: "_1reo15vq _18m915vq _1bto1l2s _o5721q9c _1o9zkb7n _1ul9idpf",
-  button: "_11c82smr _2rko12b0 _syazazsu _ca0q12x7 _u5f312x7 _n3td12x7 _19bv12x7 _k48p1wq8 _1bto1l2s _o5721q9c _1o9zkb7n _1bsb1osq _bfhksm61 _irr31dpa _1di6fcek"
+  button: "_11c8fhey _2rko12b0 _syazazsu _ca0q12x7 _u5f312x7 _n3td12x7 _19bv12x7 _k48p1wq8 _1bto1l2s _o5721q9c _1o9zkb7n _1bsb1osq _bfhksm61 _irr31dpa _1di6fcek"
 };
 var getConversationStarters = exports.getConversationStarters = function getConversationStarters(_ref) {
   var userDefinedConversationStartersParam = _ref.userDefinedConversationStarters,

package/dist/cjs/ui/agent-dropdown-menu/index.js

@@ -19,6 +19,7 @@ var _reactIntlNext = require("react-intl-next");
 var _new = _interopRequireWildcard(require("@atlaskit/button/new"));
 var _dropdownMenu = _interopRequireWildcard(require("@atlaskit/dropdown-menu"));
 var _showMoreHorizontal = _interopRequireDefault(require("@atlaskit/icon/core/show-more-horizontal"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _compiled = require("@atlaskit/primitives/compiled");
 var _chatIcon = require("../../common/ui/chat-icon");
 var _messages = _interopRequireDefault(require("./messages"));
@@ -72,7 +73,9 @@ var AgentDropdownMenu = exports.AgentDropdownMenu = function AgentDropdownMenu(_
     loadAgentPermissions = _ref2.loadAgentPermissions,
     loadPermissionsOnMount = _ref2.loadPermissionsOnMount,
     shouldTriggerStopPropagation = _ref2.shouldTriggerStopPropagation,
-    agentName = _ref2.agentName;
+    agentName = _ref2.agentName,
+    isVerified = _ref2.isVerified,
+    isAbleToGovernAgents = _ref2.isAbleToGovernAgents;
   var _useState = (0, _react.useState)(false),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     isLoading = _useState2[0],
@@ -192,5 +195,7 @@ var AgentDropdownMenu = exports.AgentDropdownMenu = function AgentDropdownMenu(_
       setHasBeenCopied(true);
       onCopyAgent === null || onCopyAgent === void 0 || onCopyAgent(e);
     }
-  }, formatMessage(hasBeenCopied ? _messages.default.linkedCopiedToProfile : _messages.default.copyLinkToProfile))), renderEditDelete());
+  }, formatMessage(hasBeenCopied ? _messages.default.linkedCopiedToProfile : _messages.default.copyLinkToProfile)), isAbleToGovernAgents && (0, _platformFeatureFlags.fg)('rovo_agents_agent_verification') && /*#__PURE__*/_react.default.createElement(_dropdownMenu.DropdownItem, {
+    onClick: function onClick() {}
+  }, formatMessage(isVerified ? _messages.default.unverifyAgent : _messages.default.verifyAgent))), renderEditDelete());
 };

package/dist/cjs/ui/agent-dropdown-menu/messages.js

@@ -60,5 +60,15 @@ var _default = exports.default = (0, _reactIntlNext.defineMessages)({
     id: 'rovo-chat.view-agents.use-template-button',
     defaultMessage: 'Use template',
     description: 'Button to copy and use a template'
+  },
+  verifyAgent: {
+    id: 'rovo-chat.view-agents.verify-agent',
+    defaultMessage: 'Verify agent',
+    description: 'Button to verify an agent'
+  },
+  unverifyAgent: {
+    id: 'rovo-chat.view-agents.unverify-agent',
+    defaultMessage: 'Unverify agent',
+    description: 'Button to unverify an agent'
   }
 });

package/dist/cjs/ui/agent-profile-info/agent-star-count/index.compiled.css

@@ -1,4 +1,4 @@
-._11c81o8v{font:var(--ds-font-body-small,normal 400 11px/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
+._11c8wadc{font:var(--ds-font-body-small,normal 400 9pt/1pc "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
 ._zulp1b66{gap:var(--ds-space-050,4px)}
 ._1e0c1txw{display:flex}
 ._4cvr1h6o{align-items:center}

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

@@ -18,7 +18,7 @@ var _messages = require("./messages");
 var _utils = require("./utils");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var styles = {
-  count: "_11c81o8v _zulp1b66 _1e0c1txw _4cvr1h6o _bozgv77o"
+  count: "_11c8wadc _zulp1b66 _1e0c1txw _4cvr1h6o _bozgv77o"
 };
 var AgentStarCount = exports.AgentStarCount = function AgentStarCount(_ref) {
   var starCount = _ref.starCount,

package/dist/cjs/ui/agent-verified/__generated__/agentVerified_AtlaskitRovoAgentComponents.graphql.js

@@ -0,0 +1,29 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+/**
+ * @generated SignedSource<<80d05744924cbc0bdc011e1a63323c52>>
+ * @lightSyntaxTransform
+ * @nogrep
+ * @codegen-command: yarn relay
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+var node = {
+  "argumentDefinitions": [],
+  "kind": "Fragment",
+  "name": "agentVerified_AtlaskitRovoAgentComponents",
+  "selections": [{
+    "kind": "ScalarField",
+    "name": "isVerified"
+  }],
+  "type": "AgentStudioAssistant"
+};
+node.hash = "7c196c0efd61b63c8a3de1c1b32e11ec";
+var _default = exports.default = node;

package/dist/cjs/ui/agent-verified/agent-verified.stories.js

@@ -0,0 +1,36 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.MediumSize = 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.AgentVerified, {
+      agentRef: {}
+    });
+  }
+};
+var MediumSize = exports.MediumSize = {
+  render: function render() {
+    return /*#__PURE__*/_react.default.createElement(_index.AgentVerified, {
+      agentRef: {},
+      size: "medium"
+    });
+  }
+};

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

@@ -0,0 +1,32 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AgentVerified = void 0;
+var _agentVerified_AtlaskitRovoAgentComponents2 = _interopRequireDefault(require("./__generated__/agentVerified_AtlaskitRovoAgentComponents.graphql"));
+var _react = _interopRequireDefault(require("react"));
+var _reactIntlNext = require("react-intl-next");
+var _reactRelay = require("react-relay");
+var _statusVerified = _interopRequireDefault(require("@atlaskit/icon/core/status-verified"));
+var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
+var _messages = _interopRequireDefault(require("./messages"));
+var AgentVerified = exports.AgentVerified = function AgentVerified(_ref) {
+  var agentRef = _ref.agentRef,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 'small' : _ref$size;
+  var _useIntl = (0, _reactIntlNext.useIntl)(),
+    formatMessage = _useIntl.formatMessage;
+  var data = (0, _reactRelay.useFragment)(_agentVerified_AtlaskitRovoAgentComponents2.default, agentRef);
+  if (!(data !== null && data !== void 0 && data.isVerified)) {
+    return null;
+  }
+  return /*#__PURE__*/_react.default.createElement(_tooltip.default, {
+    content: formatMessage(_messages.default.verifiedAgentTooltip)
+  }, /*#__PURE__*/_react.default.createElement(_statusVerified.default, {
+    color: "var(--ds-icon-accent-blue, #357DE8)",
+    label: formatMessage(_messages.default.verifiedIconLabel),
+    size: size
+  }));
+};

package/dist/cjs/ui/agent-verified/messages.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _reactIntlNext = require("react-intl-next");
+var _default = exports.default = (0, _reactIntlNext.defineMessages)({
+  verifiedAgentTooltip: {
+    id: 'agent-studio-ui-components.agent-verified.tooltip',
+    defaultMessage: 'This agent has been verified by your organization.',
+    description: 'Verified icon tooltip shown when hovering over the verified icon'
+  },
+  verifiedIconLabel: {
+    id: 'agent-studio-ui-components.agent-verified.label',
+    defaultMessage: 'Agent verified',
+    description: 'Verified icon label for the agent studio side navigation'
+  }
+});

package/dist/es2019/common/ui/chat-pill/index.compiled.css

@@ -1,4 +1,4 @@
-._11c82smr{font:var(--ds-font-body,normal 400 14px/20px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
+._11c8fhey{font:var(--ds-font-body,normal 400 14px/20px "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
 ._2rko12b0{border-radius:var(--ds-radius-small,4px)}
 ._189ee4h9{border-width:var(--ds-border-width,1px)}
 ._18zrv77o{padding-inline:var(--ds-space-025,2px)}

package/dist/es2019/common/ui/chat-pill/index.js

@@ -14,7 +14,7 @@ const stylesCompiled = {
   pillLineHeight: "_vwz47vkz"
 };
 const styles = {
-  button: "_2rko12b0 _11c82smr _189ee4h9 _1dqonqa1 _1h6d1l7x _syazazsu _ca0q12x7 _u5f3utpp _n3td12x7 _19bvutpp _k48p1wq8 _1bto1l2s _o5721q9c _1o9zkb7n _bfhksm61 _irr31dpa _1di6fcek",
+  button: "_2rko12b0 _11c8fhey _189ee4h9 _1dqonqa1 _1h6d1l7x _syazazsu _ca0q12x7 _u5f3utpp _n3td12x7 _19bvutpp _k48p1wq8 _1bto1l2s _o5721q9c _1o9zkb7n _bfhksm61 _irr31dpa _1di6fcek",
   buttonInline: "_18zrv77o",
   queryText: "_1nmz1hna _y3gn1e5h",
   whiteSpacePreWrap: "_o5721jtm"

package/dist/es2019/ui/agent-conversation-starters/index.compiled.css

@@ -1,4 +1,4 @@
-._11c82smr{font:var(--ds-font-body,normal 400 14px/20px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
+._11c8fhey{font:var(--ds-font-body,normal 400 14px/20px "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
 ._2rko12b0{border-radius:var(--ds-radius-small,4px)}
 ._qtt8glyw{list-style:none}
 ._18m915vq{overflow-y:hidden}

package/dist/es2019/ui/agent-conversation-starters/index.js

@@ -17,7 +17,7 @@ const styles = {
   conversationStartersListRefresh: "_1bsb1osq",
   conversationStarterIcon: "_1o9zidpf",
   conversationStarterText: "_1reo15vq _18m915vq _1bto1l2s _o5721q9c _1o9zkb7n _1ul9idpf",
-  button: "_11c82smr _2rko12b0 _syazazsu _ca0q12x7 _u5f312x7 _n3td12x7 _19bv12x7 _k48p1wq8 _1bto1l2s _o5721q9c _1o9zkb7n _1bsb1osq _bfhksm61 _irr31dpa _1di6fcek"
+  button: "_11c8fhey _2rko12b0 _syazazsu _ca0q12x7 _u5f312x7 _n3td12x7 _19bv12x7 _k48p1wq8 _1bto1l2s _o5721q9c _1o9zkb7n _1bsb1osq _bfhksm61 _irr31dpa _1di6fcek"
 };
 export const getConversationStarters = ({
   userDefinedConversationStarters: userDefinedConversationStartersParam,

package/dist/es2019/ui/agent-dropdown-menu/index.js

@@ -7,6 +7,7 @@ import { useIntl } from 'react-intl-next';
 import Button, { IconButton } from '@atlaskit/button/new';
 import DropdownMenu, { DropdownItem, DropdownItemGroup } from '@atlaskit/dropdown-menu';
 import MoreIcon from '@atlaskit/icon/core/show-more-horizontal';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { Box, Inline } from '@atlaskit/primitives/compiled';
 import { ChatPillIcon } from '../../common/ui/chat-icon';
 import messages from './messages';
@@ -59,7 +60,9 @@ export const AgentDropdownMenu = ({
   loadAgentPermissions,
   loadPermissionsOnMount,
   shouldTriggerStopPropagation,
-  agentName
+  agentName,
+  isVerified,
+  isAbleToGovernAgents
 }) => {
   const [isLoading, setIsLoading] = useState(false);
   const {
@@ -152,5 +155,7 @@ export const AgentDropdownMenu = ({
       setHasBeenCopied(true);
       onCopyAgent === null || onCopyAgent === void 0 ? void 0 : onCopyAgent(e);
     }
-  }, formatMessage(hasBeenCopied ? messages.linkedCopiedToProfile : messages.copyLinkToProfile))), renderEditDelete());
+  }, formatMessage(hasBeenCopied ? messages.linkedCopiedToProfile : messages.copyLinkToProfile)), isAbleToGovernAgents && fg('rovo_agents_agent_verification') && /*#__PURE__*/React.createElement(DropdownItem, {
+    onClick: () => {}
+  }, formatMessage(isVerified ? messages.unverifyAgent : messages.verifyAgent))), renderEditDelete());
 };

package/dist/es2019/ui/agent-dropdown-menu/messages.js

@@ -54,5 +54,15 @@ export default defineMessages({
     id: 'rovo-chat.view-agents.use-template-button',
     defaultMessage: 'Use template',
     description: 'Button to copy and use a template'
+  },
+  verifyAgent: {
+    id: 'rovo-chat.view-agents.verify-agent',
+    defaultMessage: 'Verify agent',
+    description: 'Button to verify an agent'
+  },
+  unverifyAgent: {
+    id: 'rovo-chat.view-agents.unverify-agent',
+    defaultMessage: 'Unverify agent',
+    description: 'Button to unverify an agent'
   }
 });

package/dist/es2019/ui/agent-profile-info/agent-star-count/index.compiled.css

@@ -1,4 +1,4 @@
-._11c81o8v{font:var(--ds-font-body-small,normal 400 11px/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
+._11c8wadc{font:var(--ds-font-body-small,normal 400 9pt/1pc "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
 ._zulp1b66{gap:var(--ds-space-050,4px)}
 ._1e0c1txw{display:flex}
 ._4cvr1h6o{align-items:center}

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

@@ -9,7 +9,7 @@ import Skeleton from '@atlaskit/skeleton';
 import { messages } from './messages';
 import { formatNumber } from './utils';
 const styles = {
-  count: "_11c81o8v _zulp1b66 _1e0c1txw _4cvr1h6o _bozgv77o"
+  count: "_11c8wadc _zulp1b66 _1e0c1txw _4cvr1h6o _bozgv77o"
 };
 export const AgentStarCount = ({
   starCount,

package/dist/es2019/ui/agent-verified/__generated__/agentVerified_AtlaskitRovoAgentComponents.graphql.js

@@ -0,0 +1,23 @@
+/**
+ * @generated SignedSource<<80d05744924cbc0bdc011e1a63323c52>>
+ * @lightSyntaxTransform
+ * @nogrep
+ * @codegen-command: yarn relay
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+const node = {
+  "argumentDefinitions": [],
+  "kind": "Fragment",
+  "name": "agentVerified_AtlaskitRovoAgentComponents",
+  "selections": [{
+    "kind": "ScalarField",
+    "name": "isVerified"
+  }],
+  "type": "AgentStudioAssistant"
+};
+node.hash = "7c196c0efd61b63c8a3de1c1b32e11ec";
+export default node;

package/dist/es2019/ui/agent-verified/agent-verified.stories.js

@@ -0,0 +1,23 @@
+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 { AgentVerified } from './index';
+const commonDeps = [injectable(useFragment, () => ({
+  isVerified: true
+}))];
+const meta = {
+  decorators: [withUseIntl(), withDi(commonDeps)]
+};
+export default meta;
+export const Default = {
+  render: () => /*#__PURE__*/React.createElement(AgentVerified, {
+    agentRef: {}
+  })
+};
+export const MediumSize = {
+  render: () => /*#__PURE__*/React.createElement(AgentVerified, {
+    agentRef: {},
+    size: "medium"
+  })
+};

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

@@ -0,0 +1,26 @@
+import _agentVerified_AtlaskitRovoAgentComponents from "./__generated__/agentVerified_AtlaskitRovoAgentComponents.graphql";
+import React from 'react';
+import { useIntl } from 'react-intl-next';
+import { graphql, useFragment } from 'react-relay';
+import VerifiedIcon from '@atlaskit/icon/core/status-verified';
+import Tooltip from '@atlaskit/tooltip';
+import messages from './messages';
+export const AgentVerified = ({
+  agentRef,
+  size = 'small'
+}) => {
+  const {
+    formatMessage
+  } = useIntl();
+  const data = useFragment(_agentVerified_AtlaskitRovoAgentComponents, agentRef);
+  if (!(data !== null && data !== void 0 && data.isVerified)) {
+    return null;
+  }
+  return /*#__PURE__*/React.createElement(Tooltip, {
+    content: formatMessage(messages.verifiedAgentTooltip)
+  }, /*#__PURE__*/React.createElement(VerifiedIcon, {
+    color: "var(--ds-icon-accent-blue, #357DE8)",
+    label: formatMessage(messages.verifiedIconLabel),
+    size: size
+  }));
+};

package/dist/es2019/ui/agent-verified/messages.js

@@ -0,0 +1,13 @@
+import { defineMessages } from 'react-intl-next';
+export default defineMessages({
+  verifiedAgentTooltip: {
+    id: 'agent-studio-ui-components.agent-verified.tooltip',
+    defaultMessage: 'This agent has been verified by your organization.',
+    description: 'Verified icon tooltip shown when hovering over the verified icon'
+  },
+  verifiedIconLabel: {
+    id: 'agent-studio-ui-components.agent-verified.label',
+    defaultMessage: 'Agent verified',
+    description: 'Verified icon label for the agent studio side navigation'
+  }
+});

package/dist/esm/common/ui/chat-pill/index.compiled.css

@@ -1,4 +1,4 @@
-._11c82smr{font:var(--ds-font-body,normal 400 14px/20px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
+._11c8fhey{font:var(--ds-font-body,normal 400 14px/20px "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
 ._2rko12b0{border-radius:var(--ds-radius-small,4px)}
 ._189ee4h9{border-width:var(--ds-border-width,1px)}
 ._18zrv77o{padding-inline:var(--ds-space-025,2px)}

package/dist/esm/common/ui/chat-pill/index.js

@@ -16,7 +16,7 @@ var stylesCompiled = {
   pillLineHeight: "_vwz47vkz"
 };
 var styles = {
-  button: "_2rko12b0 _11c82smr _189ee4h9 _1dqonqa1 _1h6d1l7x _syazazsu _ca0q12x7 _u5f3utpp _n3td12x7 _19bvutpp _k48p1wq8 _1bto1l2s _o5721q9c _1o9zkb7n _bfhksm61 _irr31dpa _1di6fcek",
+  button: "_2rko12b0 _11c8fhey _189ee4h9 _1dqonqa1 _1h6d1l7x _syazazsu _ca0q12x7 _u5f3utpp _n3td12x7 _19bvutpp _k48p1wq8 _1bto1l2s _o5721q9c _1o9zkb7n _bfhksm61 _irr31dpa _1di6fcek",
   buttonInline: "_18zrv77o",
   queryText: "_1nmz1hna _y3gn1e5h",
   whiteSpacePreWrap: "_o5721jtm"

package/dist/esm/ui/agent-conversation-starters/index.compiled.css

@@ -1,4 +1,4 @@
-._11c82smr{font:var(--ds-font-body,normal 400 14px/20px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
+._11c8fhey{font:var(--ds-font-body,normal 400 14px/20px "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
 ._2rko12b0{border-radius:var(--ds-radius-small,4px)}
 ._qtt8glyw{list-style:none}
 ._18m915vq{overflow-y:hidden}

package/dist/esm/ui/agent-conversation-starters/index.js

@@ -20,7 +20,7 @@ var styles = {
   conversationStartersListRefresh: "_1bsb1osq",
   conversationStarterIcon: "_1o9zidpf",
   conversationStarterText: "_1reo15vq _18m915vq _1bto1l2s _o5721q9c _1o9zkb7n _1ul9idpf",
-  button: "_11c82smr _2rko12b0 _syazazsu _ca0q12x7 _u5f312x7 _n3td12x7 _19bv12x7 _k48p1wq8 _1bto1l2s _o5721q9c _1o9zkb7n _1bsb1osq _bfhksm61 _irr31dpa _1di6fcek"
+  button: "_11c8fhey _2rko12b0 _syazazsu _ca0q12x7 _u5f312x7 _n3td12x7 _19bv12x7 _k48p1wq8 _1bto1l2s _o5721q9c _1o9zkb7n _1bsb1osq _bfhksm61 _irr31dpa _1di6fcek"
 };
 export var getConversationStarters = function getConversationStarters(_ref) {
   var userDefinedConversationStartersParam = _ref.userDefinedConversationStarters,

package/dist/esm/ui/agent-dropdown-menu/index.js

@@ -12,6 +12,7 @@ import { useIntl } from 'react-intl-next';
 import Button, { IconButton } from '@atlaskit/button/new';
 import DropdownMenu, { DropdownItem, DropdownItemGroup } from '@atlaskit/dropdown-menu';
 import MoreIcon from '@atlaskit/icon/core/show-more-horizontal';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { Box, Inline } from '@atlaskit/primitives/compiled';
 import { ChatPillIcon } from '../../common/ui/chat-icon';
 import messages from './messages';
@@ -63,7 +64,9 @@ export var AgentDropdownMenu = function AgentDropdownMenu(_ref2) {
     loadAgentPermissions = _ref2.loadAgentPermissions,
     loadPermissionsOnMount = _ref2.loadPermissionsOnMount,
     shouldTriggerStopPropagation = _ref2.shouldTriggerStopPropagation,
-    agentName = _ref2.agentName;
+    agentName = _ref2.agentName,
+    isVerified = _ref2.isVerified,
+    isAbleToGovernAgents = _ref2.isAbleToGovernAgents;
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     isLoading = _useState2[0],
@@ -183,5 +186,7 @@ export var AgentDropdownMenu = function AgentDropdownMenu(_ref2) {
       setHasBeenCopied(true);
       onCopyAgent === null || onCopyAgent === void 0 || onCopyAgent(e);
     }
-  }, formatMessage(hasBeenCopied ? messages.linkedCopiedToProfile : messages.copyLinkToProfile))), renderEditDelete());
+  }, formatMessage(hasBeenCopied ? messages.linkedCopiedToProfile : messages.copyLinkToProfile)), isAbleToGovernAgents && fg('rovo_agents_agent_verification') && /*#__PURE__*/React.createElement(DropdownItem, {
+    onClick: function onClick() {}
+  }, formatMessage(isVerified ? messages.unverifyAgent : messages.verifyAgent))), renderEditDelete());
 };

package/dist/esm/ui/agent-dropdown-menu/messages.js

@@ -54,5 +54,15 @@ export default defineMessages({
     id: 'rovo-chat.view-agents.use-template-button',
     defaultMessage: 'Use template',
     description: 'Button to copy and use a template'
+  },
+  verifyAgent: {
+    id: 'rovo-chat.view-agents.verify-agent',
+    defaultMessage: 'Verify agent',
+    description: 'Button to verify an agent'
+  },
+  unverifyAgent: {
+    id: 'rovo-chat.view-agents.unverify-agent',
+    defaultMessage: 'Unverify agent',
+    description: 'Button to unverify an agent'
   }
 });

package/dist/esm/ui/agent-profile-info/agent-star-count/index.compiled.css

@@ -1,4 +1,4 @@
-._11c81o8v{font:var(--ds-font-body-small,normal 400 11px/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
+._11c8wadc{font:var(--ds-font-body-small,normal 400 9pt/1pc "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
 ._zulp1b66{gap:var(--ds-space-050,4px)}
 ._1e0c1txw{display:flex}
 ._4cvr1h6o{align-items:center}

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

@@ -9,7 +9,7 @@ import Skeleton from '@atlaskit/skeleton';
 import { messages } from './messages';
 import { formatNumber } from './utils';
 var styles = {
-  count: "_11c81o8v _zulp1b66 _1e0c1txw _4cvr1h6o _bozgv77o"
+  count: "_11c8wadc _zulp1b66 _1e0c1txw _4cvr1h6o _bozgv77o"
 };
 export var AgentStarCount = function AgentStarCount(_ref) {
   var starCount = _ref.starCount,

package/dist/esm/ui/agent-verified/__generated__/agentVerified_AtlaskitRovoAgentComponents.graphql.js

@@ -0,0 +1,23 @@
+/**
+ * @generated SignedSource<<80d05744924cbc0bdc011e1a63323c52>>
+ * @lightSyntaxTransform
+ * @nogrep
+ * @codegen-command: yarn relay
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+var node = {
+  "argumentDefinitions": [],
+  "kind": "Fragment",
+  "name": "agentVerified_AtlaskitRovoAgentComponents",
+  "selections": [{
+    "kind": "ScalarField",
+    "name": "isVerified"
+  }],
+  "type": "AgentStudioAssistant"
+};
+node.hash = "7c196c0efd61b63c8a3de1c1b32e11ec";
+export default node;

package/dist/esm/ui/agent-verified/agent-verified.stories.js

@@ -0,0 +1,29 @@
+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 { AgentVerified } 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(AgentVerified, {
+      agentRef: {}
+    });
+  }
+};
+export var MediumSize = {
+  render: function render() {
+    return /*#__PURE__*/React.createElement(AgentVerified, {
+      agentRef: {},
+      size: "medium"
+    });
+  }
+};

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

@@ -0,0 +1,25 @@
+import _agentVerified_AtlaskitRovoAgentComponents from "./__generated__/agentVerified_AtlaskitRovoAgentComponents.graphql";
+import React from 'react';
+import { useIntl } from 'react-intl-next';
+import { graphql, useFragment } from 'react-relay';
+import VerifiedIcon from '@atlaskit/icon/core/status-verified';
+import Tooltip from '@atlaskit/tooltip';
+import messages from './messages';
+export var AgentVerified = function AgentVerified(_ref) {
+  var agentRef = _ref.agentRef,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 'small' : _ref$size;
+  var _useIntl = useIntl(),
+    formatMessage = _useIntl.formatMessage;
+  var data = useFragment(_agentVerified_AtlaskitRovoAgentComponents, agentRef);
+  if (!(data !== null && data !== void 0 && data.isVerified)) {
+    return null;
+  }
+  return /*#__PURE__*/React.createElement(Tooltip, {
+    content: formatMessage(messages.verifiedAgentTooltip)
+  }, /*#__PURE__*/React.createElement(VerifiedIcon, {
+    color: "var(--ds-icon-accent-blue, #357DE8)",
+    label: formatMessage(messages.verifiedIconLabel),
+    size: size
+  }));
+};

package/dist/esm/ui/agent-verified/messages.js

@@ -0,0 +1,13 @@
+import { defineMessages } from 'react-intl-next';
+export default defineMessages({
+  verifiedAgentTooltip: {
+    id: 'agent-studio-ui-components.agent-verified.tooltip',
+    defaultMessage: 'This agent has been verified by your organization.',
+    description: 'Verified icon tooltip shown when hovering over the verified icon'
+  },
+  verifiedIconLabel: {
+    id: 'agent-studio-ui-components.agent-verified.label',
+    defaultMessage: 'Agent verified',
+    description: 'Verified icon label for the agent studio side navigation'
+  }
+});

package/dist/types/ui/agent-dropdown-menu/index.d.ts

@@ -45,6 +45,8 @@ type AgentDropdownMenuProps = {
         isEditEnabled: boolean;
         isDeleteEnabled: boolean;
     }>;
+    isVerified?: boolean | null;
+    isAbleToGovernAgents?: boolean | null;
 } & ViewAgentOptionProps & ViewAgentFullProfileProps;
-export declare const AgentDropdownMenu: ({ isAutodevTemplateAgent, onEditAgent, onCopyAgent, onDuplicateAgent, onDeleteAgent, onViewAgentFullProfileClick, onOpenChange, isForgeAgent, showViewAgentOption, onViewAgentClick, onDropdownTriggerClick, spacing, appearance, dropdownMenuTestId, doesAgentHaveIdentityAccountId, loadAgentPermissions, loadPermissionsOnMount, shouldTriggerStopPropagation, agentName, }: AgentDropdownMenuProps) => JSX.Element;
+export declare const AgentDropdownMenu: ({ isAutodevTemplateAgent, onEditAgent, onCopyAgent, onDuplicateAgent, onDeleteAgent, onViewAgentFullProfileClick, onOpenChange, isForgeAgent, showViewAgentOption, onViewAgentClick, onDropdownTriggerClick, spacing, appearance, dropdownMenuTestId, doesAgentHaveIdentityAccountId, loadAgentPermissions, loadPermissionsOnMount, shouldTriggerStopPropagation, agentName, isVerified, isAbleToGovernAgents, }: AgentDropdownMenuProps) => JSX.Element;
 export {};

package/dist/types/ui/agent-dropdown-menu/messages.d.ts

@@ -54,5 +54,15 @@ declare const _default: {
         readonly defaultMessage: "Use template";
         readonly description: "Button to copy and use a template";
     };
+    readonly verifyAgent: {
+        readonly id: "rovo-chat.view-agents.verify-agent";
+        readonly defaultMessage: "Verify agent";
+        readonly description: "Button to verify an agent";
+    };
+    readonly unverifyAgent: {
+        readonly id: "rovo-chat.view-agents.unverify-agent";
+        readonly defaultMessage: "Unverify agent";
+        readonly description: "Button to unverify an agent";
+    };
 };
 export default _default;

package/dist/types/ui/agent-verified/__generated__/agentVerified_AtlaskitRovoAgentComponents.graphql.d.ts

@@ -0,0 +1,18 @@
+/**
+ * @generated SignedSource<<80d05744924cbc0bdc011e1a63323c52>>
+ * @lightSyntaxTransform
+ * @nogrep
+ * @codegen-command: yarn relay
+ */
+import type { ReaderFragment } from 'relay-runtime';
+import type { FragmentRefs } from "relay-runtime";
+export type agentVerified_AtlaskitRovoAgentComponents$data = {
+    readonly isVerified: boolean | null | undefined;
+    readonly " $fragmentType": "agentVerified_AtlaskitRovoAgentComponents";
+};
+export type agentVerified_AtlaskitRovoAgentComponents$key = {
+    readonly " $data"?: agentVerified_AtlaskitRovoAgentComponents$data;
+    readonly " $fragmentSpreads": FragmentRefs<"agentVerified_AtlaskitRovoAgentComponents">;
+};
+declare const node: ReaderFragment;
+export default node;

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

@@ -0,0 +1,7 @@
+import React from 'react';
+import type { IconSize } from '@atlaskit/icon';
+import type { agentVerified_AtlaskitRovoAgentComponents$key } from './__generated__/agentVerified_AtlaskitRovoAgentComponents.graphql';
+export declare const AgentVerified: ({ agentRef, size, }: {
+    agentRef: agentVerified_AtlaskitRovoAgentComponents$key | null;
+    size?: IconSize;
+}) => React.JSX.Element | null;

package/dist/types/ui/agent-verified/messages.d.ts

@@ -0,0 +1,13 @@
+declare const _default: {
+    verifiedAgentTooltip: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    verifiedIconLabel: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+};
+export default _default;

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

@@ -45,6 +45,8 @@ type AgentDropdownMenuProps = {
         isEditEnabled: boolean;
         isDeleteEnabled: boolean;
     }>;
+    isVerified?: boolean | null;
+    isAbleToGovernAgents?: boolean | null;
 } & ViewAgentOptionProps & ViewAgentFullProfileProps;
-export declare const AgentDropdownMenu: ({ isAutodevTemplateAgent, onEditAgent, onCopyAgent, onDuplicateAgent, onDeleteAgent, onViewAgentFullProfileClick, onOpenChange, isForgeAgent, showViewAgentOption, onViewAgentClick, onDropdownTriggerClick, spacing, appearance, dropdownMenuTestId, doesAgentHaveIdentityAccountId, loadAgentPermissions, loadPermissionsOnMount, shouldTriggerStopPropagation, agentName, }: AgentDropdownMenuProps) => JSX.Element;
+export declare const AgentDropdownMenu: ({ isAutodevTemplateAgent, onEditAgent, onCopyAgent, onDuplicateAgent, onDeleteAgent, onViewAgentFullProfileClick, onOpenChange, isForgeAgent, showViewAgentOption, onViewAgentClick, onDropdownTriggerClick, spacing, appearance, dropdownMenuTestId, doesAgentHaveIdentityAccountId, loadAgentPermissions, loadPermissionsOnMount, shouldTriggerStopPropagation, agentName, isVerified, isAbleToGovernAgents, }: AgentDropdownMenuProps) => JSX.Element;
 export {};

package/dist/types-ts4.5/ui/agent-dropdown-menu/messages.d.ts

@@ -54,5 +54,15 @@ declare const _default: {
         readonly defaultMessage: "Use template";
         readonly description: "Button to copy and use a template";
     };
+    readonly verifyAgent: {
+        readonly id: "rovo-chat.view-agents.verify-agent";
+        readonly defaultMessage: "Verify agent";
+        readonly description: "Button to verify an agent";
+    };
+    readonly unverifyAgent: {
+        readonly id: "rovo-chat.view-agents.unverify-agent";
+        readonly defaultMessage: "Unverify agent";
+        readonly description: "Button to unverify an agent";
+    };
 };
 export default _default;

package/dist/types-ts4.5/ui/agent-verified/__generated__/agentVerified_AtlaskitRovoAgentComponents.graphql.d.ts

@@ -0,0 +1,18 @@
+/**
+ * @generated SignedSource<<80d05744924cbc0bdc011e1a63323c52>>
+ * @lightSyntaxTransform
+ * @nogrep
+ * @codegen-command: yarn relay
+ */
+import type { ReaderFragment } from 'relay-runtime';
+import type { FragmentRefs } from "relay-runtime";
+export type agentVerified_AtlaskitRovoAgentComponents$data = {
+    readonly isVerified: boolean | null | undefined;
+    readonly " $fragmentType": "agentVerified_AtlaskitRovoAgentComponents";
+};
+export type agentVerified_AtlaskitRovoAgentComponents$key = {
+    readonly " $data"?: agentVerified_AtlaskitRovoAgentComponents$data;
+    readonly " $fragmentSpreads": FragmentRefs<"agentVerified_AtlaskitRovoAgentComponents">;
+};
+declare const node: ReaderFragment;
+export default node;

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

@@ -0,0 +1,7 @@
+import React from 'react';
+import type { IconSize } from '@atlaskit/icon';
+import type { agentVerified_AtlaskitRovoAgentComponents$key } from './__generated__/agentVerified_AtlaskitRovoAgentComponents.graphql';
+export declare const AgentVerified: ({ agentRef, size, }: {
+    agentRef: agentVerified_AtlaskitRovoAgentComponents$key | null;
+    size?: IconSize;
+}) => React.JSX.Element | null;

package/dist/types-ts4.5/ui/agent-verified/messages.d.ts

@@ -0,0 +1,13 @@
+declare const _default: {
+    verifiedAgentTooltip: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    verifiedIconLabel: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+};
+export default _default;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/rovo-agent-components",
-	"version": "3.18.1",
+	"version": "3.20.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",
@@ -51,7 +51,8 @@
 		"@compiled/react": "^0.18.6",
 		"react-dom": "^18.2.0",
 		"react-intl-next": "npm:react-intl@^5.18.1",
-		"react-magnetic-di": "^3.1.4"
+		"react-magnetic-di": "^3.1.4",
+		"react-relay": "npm:atl-react-relay@0.0.0-main-39e79f66"
 	},
 	"peerDependencies": {
 		"react": "^18.2.0"
@@ -60,6 +61,7 @@
 		"@af/integration-testing": "workspace:^",
 		"@af/visual-regression": "workspace:^",
 		"@atlaskit/ssr": "workspace:^",
+		"@atlassian/agent-studio-test-utils": "workspace:^",
 		"@atlassian/feature-flags-test-utils": "^1.0.0",
 		"@atlassian/testing-library": "^0.4.0",
 		"@testing-library/react": "^16.3.0",
@@ -104,6 +106,11 @@
 			]
 		}
 	},
+	"techstackIgnore": {
+		"stricter": [
+			"@atlassian/tangerine/project-structure"
+		]
+	},
 	"platform-feature-flags": {
 		"rovo_chat_bugfix_agent_avatar_squish": {
 			"type": "boolean"
@@ -119,6 +126,9 @@
 		},
 		"rovo_agent_empty_state_refresh": {
 			"type": "boolean"
+		},
+		"rovo_agents_agent_verification": {
+			"type": "boolean"
 		}
 	}
 }