@atlaskit/rovo-agent-components 3.21.0 → 3.23.0

package/dist/cjs/ui/agent-verification-dropdown-item/messages.js

@@ -0,0 +1,44 @@
+"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)({
+  verifyAgentLabel: {
+    id: 'rovo-agent-components.agent-verification-dropdown-item.verify-agent',
+    defaultMessage: 'Verify agent',
+    description: 'Label for verify agent dropdown menu item'
+  },
+  unverifyAgentLabel: {
+    id: 'rovo-agent-components.agent-verification-dropdown-item.unverify-agent',
+    defaultMessage: 'Unverify agent',
+    description: 'Label for unverify agent dropdown menu item'
+  },
+  verifySuccessTitle: {
+    id: 'rovo-agent-components.agent-verification-dropdown-item.verify-success-title',
+    defaultMessage: 'Agent verified',
+    description: 'Title for success flag when agent is verified'
+  },
+  unverifySuccessTitle: {
+    id: 'rovo-agent-components.agent-verification-dropdown-item.unverify-success-title',
+    defaultMessage: 'Agent unverified',
+    description: 'Title for success flag when agent is unverified'
+  },
+  verifyErrorTitle: {
+    id: 'rovo-agent-components.agent-verification-dropdown-item.verify-error-title',
+    defaultMessage: 'Failed to verify agent',
+    description: 'Title for error flag when verifying agent fails'
+  },
+  unverifyErrorTitle: {
+    id: 'rovo-agent-components.agent-verification-dropdown-item.unverify-error-title',
+    defaultMessage: 'Failed to unverify agent',
+    description: 'Title for error flag when unverifying agent fails'
+  },
+  errorDescription: {
+    id: 'rovo-agent-components.agent-verification-dropdown-item.error-description',
+    defaultMessage: 'An error occurred while updating agent verification status: {errorMessage}',
+    description: 'Description for error flag showing the error message'
+  }
+});

package/dist/es2019/index.js

@@ -12,4 +12,5 @@ export { HiddenIcon } from './common/ui/hidden-icon';
 export { AgentAvatar } from './ui/agent-avatar';
 export { AgentBanner, GeneratedAvatar } from './ui/agent-avatar/generated-avatars';
 export { AgentDropdownMenu } from './ui/agent-dropdown-menu';
-export { AgentMenuItemSkeleton } from './ui/agent-menu-item-skeleton';
+export { AgentMenuItemSkeleton } from './ui/agent-menu-item-skeleton';
+export { AgentVerificationDropdownItem } from './ui/agent-verification-dropdown-item';

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/es2019/ui/agent-verification-dropdown-item/__generated__/agentVerificationDropdownItem_AtlaskitRovoAgentComponents_agentRef.graphql.js

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

package/dist/es2019/ui/agent-verification-dropdown-item/__generated__/agentVerificationDropdownItem_AtlaskitRovoAgentComponents_updateAgentVerificationMutation.graphql.js

@@ -0,0 +1,116 @@
+/**
+ * @generated SignedSource<<e119306497999ac48bfef5821a96f2eb>>
+ * @relayHash 426410e11638597e4a12069dd5a8be16
+ * @lightSyntaxTransform
+ * @nogrep
+ * @codegen-command: yarn relay
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+// @relayRequestID e3ee432c0fc33e7c2f8bfeac0ba4eaedbab44694541de64c5219ab207398f3c0
+
+const node = function () {
+  var v0 = [{
+      "defaultValue": null,
+      "kind": "LocalArgument",
+      "name": "id"
+    }, {
+      "defaultValue": null,
+      "kind": "LocalArgument",
+      "name": "verified"
+    }],
+    v1 = [{
+      "kind": "Variable",
+      "name": "id",
+      "variableName": "id"
+    }, {
+      "kind": "Variable",
+      "name": "verified",
+      "variableName": "verified"
+    }],
+    v2 = {
+      "kind": "ScalarField",
+      "name": "success"
+    },
+    v3 = {
+      "concreteType": "MutationError",
+      "kind": "LinkedField",
+      "name": "errors",
+      "plural": true,
+      "selections": [{
+        "kind": "ScalarField",
+        "name": "message"
+      }]
+    },
+    v4 = {
+      "kind": "ScalarField",
+      "name": "id"
+    },
+    v5 = {
+      "kind": "ScalarField",
+      "name": "isVerified"
+    };
+  return {
+    "fragment": {
+      "argumentDefinitions": v0 /*: any*/,
+      "kind": "Fragment",
+      "name": "agentVerificationDropdownItem_AtlaskitRovoAgentComponents_updateAgentVerificationMutation",
+      "selections": [{
+        "args": v1 /*: any*/,
+        "concreteType": "AgentStudioUpdateAgentVerificationPayload",
+        "kind": "LinkedField",
+        "name": "agentStudio_updateAgentVerification",
+        "plural": false,
+        "selections": [v2 /*: any*/, v3 /*: any*/, {
+          "kind": "LinkedField",
+          "name": "agent",
+          "plural": false,
+          "selections": [{
+            "kind": "InlineFragment",
+            "selections": [v4 /*: any*/, v5 /*: any*/],
+            "type": "AgentStudioAssistant"
+          }]
+        }]
+      }],
+      "type": "Mutation"
+    },
+    "kind": "Request",
+    "operation": {
+      "argumentDefinitions": v0 /*: any*/,
+      "kind": "Operation",
+      "name": "agentVerificationDropdownItem_AtlaskitRovoAgentComponents_updateAgentVerificationMutation",
+      "selections": [{
+        "args": v1 /*: any*/,
+        "concreteType": "AgentStudioUpdateAgentVerificationPayload",
+        "kind": "LinkedField",
+        "name": "agentStudio_updateAgentVerification",
+        "plural": false,
+        "selections": [v2 /*: any*/, v3 /*: any*/, {
+          "kind": "LinkedField",
+          "name": "agent",
+          "plural": false,
+          "selections": [{
+            "kind": "ScalarField",
+            "name": "__typename"
+          }, v4 /*: any*/, {
+            "kind": "InlineFragment",
+            "selections": [v5 /*: any*/],
+            "type": "AgentStudioAssistant"
+          }]
+        }]
+      }]
+    },
+    "params": {
+      "id": "e3ee432c0fc33e7c2f8bfeac0ba4eaedbab44694541de64c5219ab207398f3c0",
+      "metadata": {},
+      "name": "agentVerificationDropdownItem_AtlaskitRovoAgentComponents_updateAgentVerificationMutation",
+      "operationKind": "mutation",
+      "text": null
+    }
+  };
+}();
+node.hash = "215d57ba82c69595cbed5235ec1fec93";
+export default node;

package/dist/es2019/ui/agent-verification-dropdown-item/__generated__/agentVerificationDropdownItem_AtlaskitRovoAgentComponents_userPermissionsRef.graphql.js

@@ -0,0 +1,23 @@
+/**
+ * @generated SignedSource<<3ba8bcbc18cbb9766a1547794c6c98af>>
+ * @lightSyntaxTransform
+ * @nogrep
+ * @codegen-command: yarn relay
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+const node = {
+  "argumentDefinitions": [],
+  "kind": "Fragment",
+  "name": "agentVerificationDropdownItem_AtlaskitRovoAgentComponents_userPermissionsRef",
+  "selections": [{
+    "kind": "ScalarField",
+    "name": "isAbleToGovernAgents"
+  }],
+  "type": "AtlassianStudioUserProductPermissions"
+};
+node.hash = "5addff9015092fd6e1870a9f51056493";
+export default node;

package/dist/es2019/ui/agent-verification-dropdown-item/__generated__/testAgentVerificationDropdownItemQuery.graphql.js

@@ -0,0 +1,180 @@
+/**
+ * @generated SignedSource<<251e7c171e33da0a0b2e0e8041d77493>>
+ * @relayHash 79a628a32ef254ccf6142a38adf8ecca
+ * @lightSyntaxTransform
+ * @nogrep
+ * @codegen-command: yarn relay
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+// @relayRequestID 790e12806b8a31f23c8834d4c00327ae778a10fab62bf682c07e39e2b2349465
+
+const node = function () {
+  var v0 = [{
+      "kind": "Literal",
+      "name": "id",
+      "value": "test-agent-id"
+    }],
+    v1 = [{
+      "kind": "Literal",
+      "name": "cloudId",
+      "value": "test-cloud-id"
+    }],
+    v2 = {
+      "kind": "ScalarField",
+      "name": "__typename"
+    },
+    v3 = {
+      "enumValues": null,
+      "nullable": false,
+      "plural": false,
+      "type": "String"
+    },
+    v4 = {
+      "enumValues": null,
+      "nullable": true,
+      "plural": false,
+      "type": "Boolean"
+    };
+  return {
+    "fragment": {
+      "argumentDefinitions": [],
+      "kind": "Fragment",
+      "name": "testAgentVerificationDropdownItemQuery",
+      "selections": [{
+        "kind": "RequiredField",
+        "field": {
+          "args": v0 /*: any*/,
+          "kind": "LinkedField",
+          "name": "agentStudio_agentById",
+          "plural": false,
+          "selections": [{
+            "kind": "InlineFragment",
+            "selections": [{
+              "kind": "FragmentSpread",
+              "name": "agentVerificationDropdownItem_AtlaskitRovoAgentComponents_agentRef"
+            }],
+            "type": "AgentStudioAssistant"
+          }],
+          "storageKey": "agentStudio_agentById(id:\"test-agent-id\")"
+        },
+        "action": "THROW",
+        "path": "agentStudio_agentById"
+      }, {
+        "args": v1 /*: any*/,
+        "kind": "LinkedField",
+        "name": "atlassianStudio_userSiteContext",
+        "plural": false,
+        "selections": [{
+          "kind": "InlineFragment",
+          "selections": [{
+            "concreteType": "AtlassianStudioUserProductPermissions",
+            "kind": "LinkedField",
+            "name": "userPermissions",
+            "plural": false,
+            "selections": [{
+              "kind": "FragmentSpread",
+              "name": "agentVerificationDropdownItem_AtlaskitRovoAgentComponents_userPermissionsRef"
+            }]
+          }],
+          "type": "AtlassianStudioUserSiteContextOutput"
+        }],
+        "storageKey": "atlassianStudio_userSiteContext(cloudId:\"test-cloud-id\")"
+      }],
+      "type": "Query"
+    },
+    "kind": "Request",
+    "operation": {
+      "argumentDefinitions": [],
+      "kind": "Operation",
+      "name": "testAgentVerificationDropdownItemQuery",
+      "selections": [{
+        "args": v0 /*: any*/,
+        "kind": "LinkedField",
+        "name": "agentStudio_agentById",
+        "plural": false,
+        "selections": [v2 /*: any*/, {
+          "kind": "InlineFragment",
+          "selections": [{
+            "kind": "ScalarField",
+            "name": "isVerified"
+          }],
+          "type": "AgentStudioAssistant"
+        }, {
+          "kind": "InlineFragment",
+          "selections": [{
+            "kind": "ScalarField",
+            "name": "id"
+          }],
+          "type": "Node",
+          "abstractKey": "__isNode"
+        }],
+        "storageKey": "agentStudio_agentById(id:\"test-agent-id\")"
+      }, {
+        "args": v1 /*: any*/,
+        "kind": "LinkedField",
+        "name": "atlassianStudio_userSiteContext",
+        "plural": false,
+        "selections": [v2 /*: any*/, {
+          "kind": "InlineFragment",
+          "selections": [{
+            "concreteType": "AtlassianStudioUserProductPermissions",
+            "kind": "LinkedField",
+            "name": "userPermissions",
+            "plural": false,
+            "selections": [{
+              "kind": "ScalarField",
+              "name": "isAbleToGovernAgents"
+            }]
+          }],
+          "type": "AtlassianStudioUserSiteContextOutput"
+        }],
+        "storageKey": "atlassianStudio_userSiteContext(cloudId:\"test-cloud-id\")"
+      }]
+    },
+    "params": {
+      "id": "790e12806b8a31f23c8834d4c00327ae778a10fab62bf682c07e39e2b2349465",
+      "metadata": {
+        "relayTestingSelectionTypeInfo": {
+          "agentStudio_agentById": {
+            "enumValues": null,
+            "nullable": true,
+            "plural": false,
+            "type": "AgentStudioAgentResult"
+          },
+          "agentStudio_agentById.__isNode": v3 /*: any*/,
+          "agentStudio_agentById.__typename": v3 /*: any*/,
+          "agentStudio_agentById.id": {
+            "enumValues": null,
+            "nullable": false,
+            "plural": false,
+            "type": "ID"
+          },
+          "agentStudio_agentById.isVerified": v4 /*: any*/,
+          "atlassianStudio_userSiteContext": {
+            "enumValues": null,
+            "nullable": true,
+            "plural": false,
+            "type": "AtlassianStudioUserSiteContextResult"
+          },
+          "atlassianStudio_userSiteContext.__typename": v3 /*: any*/,
+          "atlassianStudio_userSiteContext.userPermissions": {
+            "enumValues": null,
+            "nullable": true,
+            "plural": false,
+            "type": "AtlassianStudioUserProductPermissions"
+          },
+          "atlassianStudio_userSiteContext.userPermissions.isAbleToGovernAgents": v4 /*: any*/
+        }
+      },
+      "name": "testAgentVerificationDropdownItemQuery",
+      "operationKind": "query",
+      "text": null
+    }
+  };
+}();
+node.hash = "19dfd01b36565c5a9ddf6cfed9c3594f";
+export default node;

package/dist/es2019/ui/agent-verification-dropdown-item/index.js

@@ -0,0 +1,102 @@
+import _agentVerificationDropdownItem_AtlaskitRovoAgentComponents_updateAgentVerificationMutation from "./__generated__/agentVerificationDropdownItem_AtlaskitRovoAgentComponents_updateAgentVerificationMutation.graphql";
+import _agentVerificationDropdownItem_AtlaskitRovoAgentComponents_userPermissionsRef from "./__generated__/agentVerificationDropdownItem_AtlaskitRovoAgentComponents_userPermissionsRef.graphql";
+import _agentVerificationDropdownItem_AtlaskitRovoAgentComponents_agentRef from "./__generated__/agentVerificationDropdownItem_AtlaskitRovoAgentComponents_agentRef.graphql";
+import React, { useCallback } from 'react';
+import { useIntl } from 'react-intl-next';
+import { graphql, useFragment, useMutation } from 'react-relay';
+import { DropdownItem } from '@atlaskit/dropdown-menu';
+import { useFlags } from '@atlaskit/flag';
+import ErrorIcon from '@atlaskit/icon/core/status-error';
+import SuccessIcon from '@atlaskit/icon/core/status-success';
+import { AgentActions, useRovoAgentActionAnalytics } from '@atlaskit/rovo-agent-analytics/actions';
+import messages from './messages';
+/**
+ * A dropdown item for verifying or unverifying an agent.
+ * Renders "Verify agent" if the agent is not verified, or "Unverify agent" if it is.
+ * Returns null if the user doesn't have permission to govern agents or the feature flag is off.
+ */
+export const AgentVerificationDropdownItem = ({
+  agentId,
+  agentRef,
+  userPermissionsRef,
+  onClick,
+  testId
+}) => {
+  var _userPermissions$isAb, _agentData$isVerified;
+  const {
+    formatMessage
+  } = useIntl();
+  const {
+    showFlag
+  } = useFlags();
+  const agentData = useFragment(_agentVerificationDropdownItem_AtlaskitRovoAgentComponents_agentRef, agentRef);
+  const userPermissions = useFragment(_agentVerificationDropdownItem_AtlaskitRovoAgentComponents_userPermissionsRef, userPermissionsRef);
+  const isAbleToGovernAgents = (_userPermissions$isAb = userPermissions === null || userPermissions === void 0 ? void 0 : userPermissions.isAbleToGovernAgents) !== null && _userPermissions$isAb !== void 0 ? _userPermissions$isAb : false;
+  const isVerified = (_agentData$isVerified = agentData === null || agentData === void 0 ? void 0 : agentData.isVerified) !== null && _agentData$isVerified !== void 0 ? _agentData$isVerified : false;
+  const {
+    trackAgentAction,
+    trackAgentActionError
+  } = useRovoAgentActionAnalytics({
+    touchPoint: 'agent-verification-dropdown-item',
+    agentId,
+    isAbleToGovernAgents
+  });
+  const [commitUpdateVerification] = useMutation(_agentVerificationDropdownItem_AtlaskitRovoAgentComponents_updateAgentVerificationMutation);
+  const handleError = useCallback((verified, errorMessage) => {
+    showFlag({
+      title: formatMessage(verified ? messages.verifyErrorTitle : messages.unverifyErrorTitle),
+      description: formatMessage(messages.errorDescription, {
+        errorMessage
+      }),
+      appearance: 'error',
+      icon: /*#__PURE__*/React.createElement(ErrorIcon, {
+        spacing: "spacious",
+        label: ""
+      })
+    });
+  }, [formatMessage, showFlag]);
+  const handleUpdateVerification = useCallback(verified => {
+    onClick === null || onClick === void 0 ? void 0 : onClick();
+    commitUpdateVerification({
+      variables: {
+        id: agentId,
+        verified
+      },
+      onCompleted: (_, errors) => {
+        if (errors && errors.length > 0) {
+          const errorMessage = errors[0].message;
+          trackAgentActionError(verified ? AgentActions.VERIFY : AgentActions.UNVERIFY, new Error(errorMessage), {
+            agentId
+          });
+          handleError(verified, errorMessage);
+          return;
+        }
+        trackAgentAction(verified ? AgentActions.VERIFY : AgentActions.UNVERIFY, {});
+        showFlag({
+          title: formatMessage(verified ? messages.verifySuccessTitle : messages.unverifySuccessTitle),
+          appearance: 'success',
+          isAutoDismiss: true,
+          icon: /*#__PURE__*/React.createElement(SuccessIcon, {
+            spacing: "spacious",
+            label: ""
+          })
+        });
+      },
+      onError: error => {
+        trackAgentActionError(verified ? AgentActions.VERIFY : AgentActions.UNVERIFY, error, {
+          agentId
+        });
+        handleError(verified, error.message);
+      }
+    });
+  }, [agentId, commitUpdateVerification, formatMessage, handleError, onClick, showFlag, trackAgentAction, trackAgentActionError]);
+
+  // Don't render if user doesn't have permission
+  if (!isAbleToGovernAgents) {
+    return null;
+  }
+  return /*#__PURE__*/React.createElement(DropdownItem, {
+    testId: testId,
+    onClick: () => handleUpdateVerification(!isVerified)
+  }, formatMessage(isVerified ? messages.unverifyAgentLabel : messages.verifyAgentLabel));
+};

package/dist/es2019/ui/agent-verification-dropdown-item/messages.js

@@ -0,0 +1,38 @@
+import { defineMessages } from 'react-intl-next';
+export default defineMessages({
+  verifyAgentLabel: {
+    id: 'rovo-agent-components.agent-verification-dropdown-item.verify-agent',
+    defaultMessage: 'Verify agent',
+    description: 'Label for verify agent dropdown menu item'
+  },
+  unverifyAgentLabel: {
+    id: 'rovo-agent-components.agent-verification-dropdown-item.unverify-agent',
+    defaultMessage: 'Unverify agent',
+    description: 'Label for unverify agent dropdown menu item'
+  },
+  verifySuccessTitle: {
+    id: 'rovo-agent-components.agent-verification-dropdown-item.verify-success-title',
+    defaultMessage: 'Agent verified',
+    description: 'Title for success flag when agent is verified'
+  },
+  unverifySuccessTitle: {
+    id: 'rovo-agent-components.agent-verification-dropdown-item.unverify-success-title',
+    defaultMessage: 'Agent unverified',
+    description: 'Title for success flag when agent is unverified'
+  },
+  verifyErrorTitle: {
+    id: 'rovo-agent-components.agent-verification-dropdown-item.verify-error-title',
+    defaultMessage: 'Failed to verify agent',
+    description: 'Title for error flag when verifying agent fails'
+  },
+  unverifyErrorTitle: {
+    id: 'rovo-agent-components.agent-verification-dropdown-item.unverify-error-title',
+    defaultMessage: 'Failed to unverify agent',
+    description: 'Title for error flag when unverifying agent fails'
+  },
+  errorDescription: {
+    id: 'rovo-agent-components.agent-verification-dropdown-item.error-description',
+    defaultMessage: 'An error occurred while updating agent verification status: {errorMessage}',
+    description: 'Description for error flag showing the error message'
+  }
+});

package/dist/esm/index.js

@@ -12,4 +12,5 @@ export { HiddenIcon } from './common/ui/hidden-icon';
 export { AgentAvatar } from './ui/agent-avatar';
 export { AgentBanner, GeneratedAvatar } from './ui/agent-avatar/generated-avatars';
 export { AgentDropdownMenu } from './ui/agent-dropdown-menu';
-export { AgentMenuItemSkeleton } from './ui/agent-menu-item-skeleton';
+export { AgentMenuItemSkeleton } from './ui/agent-menu-item-skeleton';
+export { AgentVerificationDropdownItem } from './ui/agent-verification-dropdown-item';