@atlaskit/rovo-agent-components 8.10.6 → 8.12.0

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

@@ -1,4 +1,4 @@
-/* index.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* index.tsx generated by @compiled/babel-plugin v3.0.2 */
 import "./index.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React, { lazy, Suspense, useEffect } from 'react';
@@ -64,6 +64,7 @@ const ReplitAgentAvatar = /*#__PURE__*/lazy(() => import( /* webpackChunkName: "
 const RovoAgentAvatar = /*#__PURE__*/lazy(() => import( /* webpackChunkName: "@atlaskit-rovo-avatar-RovoAgentAvatar"*/'./assets/rovo-agent'));
 const JiraWorkAgentAvatar = /*#__PURE__*/lazy(() => import( /* webpackChunkName: "@atlaskit-rovo-avatar-JiraWorkAgentAvatar"*/'./assets/jira-work-agent'));
 const JiraTaskPlannerAgentAvatar = /*#__PURE__*/lazy(() => import( /* webpackChunkName: "@atlaskit-rovo-avatar-JiraTaskPlannerAgentAvatar"*/'./assets/jira-task-planner-agent'));
+const ContentReviewerAvatar = /*#__PURE__*/lazy(() => import( /* webpackChunkName: "@atlaskit-rovo-avatar-ContentReviewerAvatar"*/'./assets/content-reviewer'));
 const JiraCodingAgentAvatar = /*#__PURE__*/lazy(() => import( /* webpackChunkName: "@atlaskit-rovo-avatar-JiraCodingAgentAvatar"*/'./assets/jira-coding-agent'));
 const JiraIntelligentTriageAgentAvatar = /*#__PURE__*/lazy(() => import( /* webpackChunkName: "@atlaskit-rovo-avatar-JiraIntelligentTriageAgentAvatar"*/'./assets/jira-intelligent-triage-agent'));
 const JsmServiceTriageAgentAvatar = /*#__PURE__*/lazy(() => import( /* webpackChunkName: "@atlaskit-rovo-avatar-JsmServiceTriageAgentAvatar"*/'./assets/jsm-service-triage-agent'));
@@ -195,6 +196,14 @@ const outOfTheBoxAgentAvatar = {
     }),
     color: blueColor
   },
+  content_reviewer_agent: {
+    getRender: size => /*#__PURE__*/React.createElement(ContentReviewerAvatar, {
+      size: AVATAR_SIZES[size],
+      primaryColor: "",
+      secondaryColor: ""
+    }),
+    color: blueColor
+  },
   user_manual_writer_agent: {
     getRender: size => /*#__PURE__*/React.createElement(MyUserManualAvatar, {
       size: AVATAR_SIZES[size],

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

@@ -1,4 +1,4 @@
-/* index.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* index.tsx generated by @compiled/babel-plugin v3.0.2 */
 import "./index.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

package/dist/es2019/ui/agent-avatar/resolved-agent-avatar/ResolvedAgentAvatar.js

@@ -0,0 +1,78 @@
+import _ResolvedAgentAvatarQuery from "./__generated__/ResolvedAgentAvatarQuery.graphql";
+import React, { Suspense } from 'react';
+import { ErrorBoundary } from 'react-error-boundary';
+import { graphql, useLazyLoadQuery } from 'react-relay';
+import AvatarSkeleton from '@atlaskit/avatar/Skeleton';
+// A relative import, not the package's own public subpath: a package can't resolve its own
+// name from within itself when building its published type declarations in isolation.
+import { AgentAvatar } from '../index';
+// The fixed partition/resource-owner/resource-type segments of an identity user ARI — only the
+// account id itself varies. Matched by prefix rather than via `@atlassian/ari` (an internal
+// package this public package can't depend on).
+const IDENTITY_USER_ARI_PREFIX = 'ari:cloud:identity::user/';
+
+/** Parses the account id needed for the picture fetch from the identity ARI a caller carries. */
+const parseIdentityAccountId = value => {
+  const trimmed = value === null || value === void 0 ? void 0 : value.trim();
+  return trimmed !== null && trimmed !== void 0 && trimmed.startsWith(IDENTITY_USER_ARI_PREFIX) ? trimmed.slice(IDENTITY_USER_ARI_PREFIX.length) : undefined;
+};
+const FetchedAgentAvatar = ({
+  accountId,
+  agentName,
+  fallback,
+  showBorder,
+  size
+}) => {
+  var _data$user, _data$user$picture, _data$user2, _data$user2$name;
+  const data = useLazyLoadQuery(_ResolvedAgentAvatarQuery, {
+    accountId
+  }, {
+    fetchPolicy: 'store-or-network'
+  });
+  const picture = (_data$user = data.user) === null || _data$user === void 0 ? void 0 : (_data$user$picture = _data$user.picture) === null || _data$user$picture === void 0 ? void 0 : _data$user$picture.trim();
+  if (!picture) {
+    return fallback;
+  }
+  const name = ((_data$user2 = data.user) === null || _data$user2 === void 0 ? void 0 : (_data$user2$name = _data$user2.name) === null || _data$user2$name === void 0 ? void 0 : _data$user2$name.trim()) || agentName;
+  return /*#__PURE__*/React.createElement(AgentAvatar, {
+    imageUrl: picture,
+    name: name,
+    label: name,
+    showBorder: showBorder,
+    size: size
+  });
+};
+
+/**
+ * The best avatar available for an agent identity: the real account picture when one can be
+ * fetched, otherwise the caller-supplied `fallback`. Works for any identity with an
+ * `agentIdentityAccountId` — including the default Rovo agent, now that Rovo is provisioned its
+ * own identity account. A `Suspense` skeleton bridges the fetch, and an `ErrorBoundary` keeps a
+ * failed or unavailable fetch from ever breaking the caller — it just renders `fallback`.
+ */
+export const ResolvedAgentAvatar = ({
+  agentIdentityAccountId,
+  agentName,
+  fallback,
+  showBorder = false,
+  size = 'medium'
+}) => {
+  const accountId = parseIdentityAccountId(agentIdentityAccountId);
+  if (!accountId) {
+    return fallback;
+  }
+  return /*#__PURE__*/React.createElement(ErrorBoundary, {
+    fallback: fallback
+  }, /*#__PURE__*/React.createElement(Suspense, {
+    fallback: /*#__PURE__*/React.createElement(AvatarSkeleton, {
+      appearance: "hexagon",
+      size: size
+    })
+  }, /*#__PURE__*/React.createElement(FetchedAgentAvatar, {
+    accountId: accountId,
+    agentName: agentName,
+    fallback: fallback,
+    showBorder: showBorder,
+    size: size
+  })));
+};

package/dist/es2019/ui/agent-avatar/resolved-agent-avatar/__generated__/ResolvedAgentAvatarQuery.graphql.js

@@ -0,0 +1,77 @@
+/**
+ * @generated SignedSource<<765322731b31afdb0584c134ed53e12a>>
+ * @relayHash 07c2f9612a7a8401a21c6ad1a0936b2d
+ * @lightSyntaxTransform
+ * @nogrep
+ * @codegen-command: yarn relay
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+// @relayRequestID aa69c7a83a201b1f2a5cdca116d15f149410a79d7ce49e3fafb7ce1e4a4e38d5
+
+const node = function () {
+  var v0 = [{
+      "defaultValue": null,
+      "kind": "LocalArgument",
+      "name": "accountId"
+    }],
+    v1 = [{
+      "kind": "Variable",
+      "name": "accountId",
+      "variableName": "accountId"
+    }],
+    v2 = {
+      "kind": "ScalarField",
+      "name": "name"
+    },
+    v3 = {
+      "kind": "ScalarField",
+      "name": "picture"
+    };
+  return {
+    "fragment": {
+      "argumentDefinitions": v0 /*: any*/,
+      "kind": "Fragment",
+      "name": "ResolvedAgentAvatarQuery",
+      "selections": [{
+        "args": v1 /*: any*/,
+        "kind": "LinkedField",
+        "name": "user",
+        "plural": false,
+        "selections": [v2 /*: any*/, v3 /*: any*/]
+      }],
+      "type": "Query"
+    },
+    "kind": "Request",
+    "operation": {
+      "argumentDefinitions": v0 /*: any*/,
+      "kind": "Operation",
+      "name": "ResolvedAgentAvatarQuery",
+      "selections": [{
+        "args": v1 /*: any*/,
+        "kind": "LinkedField",
+        "name": "user",
+        "plural": false,
+        "selections": [{
+          "kind": "ScalarField",
+          "name": "__typename"
+        }, v2 /*: any*/, v3 /*: any*/, {
+          "kind": "ScalarField",
+          "name": "id"
+        }]
+      }]
+    },
+    "params": {
+      "id": "aa69c7a83a201b1f2a5cdca116d15f149410a79d7ce49e3fafb7ce1e4a4e38d5",
+      "metadata": {},
+      "name": "ResolvedAgentAvatarQuery",
+      "operationKind": "query",
+      "text": null
+    }
+  };
+}();
+node.hash = "a2c97e7ac7feca789629a3b50c6150aa";
+export default node;

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

@@ -0,0 +1,30 @@
+import _extends from "@babel/runtime/helpers/extends";
+import React, { useMemo } from 'react';
+import { useIntl } from 'react-intl';
+import { ConversationStarters } from './ConversationStarters';
+import { getConversationStarters } from './getConversationStarters';
+export const AgentConversationStarters = ({
+  userDefinedConversationStarters,
+  isAgentDefault,
+  ...props
+}) => {
+  const {
+    formatMessage
+  } = useIntl();
+  const {
+    combinedConversationStarters
+  } = useMemo(() => getConversationStarters({
+    userDefinedConversationStarters,
+    isAgentDefault
+  }), [userDefinedConversationStarters, isAgentDefault]);
+  const starters = useMemo(() => combinedConversationStarters.map(starter => typeof starter.message === 'string' ? {
+    message: starter.message,
+    type: starter.type
+  } : {
+    message: formatMessage(starter.message),
+    type: starter.type
+  }), [combinedConversationStarters, formatMessage]);
+  return /*#__PURE__*/React.createElement(ConversationStarters, _extends({
+    starters: starters
+  }, props));
+};

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

@@ -0,0 +1,67 @@
+/* ConversationStarters.tsx generated by @compiled/babel-plugin v3.0.2 */
+import "./ConversationStarters.compiled.css";
+import { ax, ix } from "@compiled/react/runtime";
+import React from 'react';
+import IconButton from '@atlaskit/button/icon/button';
+import { cx } from '@atlaskit/css';
+import RetryIcon from '@atlaskit/icon/core/retry';
+import { Box, Inline, Pressable, Stack } from '@atlaskit/primitives/compiled';
+import { fg } from '@atlaskit/platform-feature-flags/fg';
+import { AgentChatIcon } from '../../common/ui/agent-chat-icon';
+import { BrowseAgentsPill } from '../../common/ui/chat-pill';
+const styles = {
+  conversationStartersList: "_qtt8glyw _ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _1bsb1osq",
+  conversationStartersListWithRefreshDesign: "_19pkze3t",
+  conversationStaterItem: "_ca0qze3t",
+  conversationStarterIcon: "_1o9zidpf",
+  conversationStarterText: "_1reo15vq _18m915vq _1bto1l2s _o5721q9c _1o9zkb7n _1ul9idpf",
+  button: "_11c8fhey _2rko12b0 _v564k6bl _syazazsu _ca0q12x7 _u5f312x7 _n3td12x7 _19bv12x7 _k48p1wq8 _1bto1l2s _o5721q9c _1o9zkb7n _1bsb1osq _bfhksm61 _irr31dpa _1ggl5xtf _1di6fcek",
+  button_motion: "_11c8fhey _2rko12b0 _v564k6bl _syazazsu _ca0q12x7 _u5f312x7 _n3td12x7 _19bv12x7 _k48p1wq8 _1bto1l2s _o5721q9c _1o9zkb7n _1bsb1osq _bfhksm61 _irr31dpa _1ggl5xtf _1di6fcek"
+};
+export const ConversationStarters = ({
+  starters,
+  onConversationStarterClick,
+  showReloadButton = false,
+  onReloadButtonClick = () => {},
+  onBrowseAgentsClick,
+  refreshDesignEnabled = false
+}) => {
+  return /*#__PURE__*/React.createElement(Stack, {
+    as: "ul",
+    space: "space.050",
+    xcss: cx(styles.conversationStartersList, refreshDesignEnabled && styles.conversationStartersListWithRefreshDesign)
+  }, starters.map((starter, index) => {
+    const isLastStarter = index === starters.length - 1;
+    const chatPill = /*#__PURE__*/React.createElement(Box, {
+      as: "li",
+      key: starter.message,
+      xcss: refreshDesignEnabled && styles.conversationStaterItem
+    }, /*#__PURE__*/React.createElement(Pressable, {
+      xcss: fg('platform-dst-motion-uplift-custom-button') ? styles.button_motion : styles.button,
+      onClick: () => onConversationStarterClick(starter),
+      testId: "conversation-starter"
+    }, /*#__PURE__*/React.createElement(Inline, {
+      space: "space.150",
+      alignBlock: "center"
+    }, /*#__PURE__*/React.createElement(Box, {
+      xcss: styles.conversationStarterIcon
+    }, /*#__PURE__*/React.createElement(AgentChatIcon, null)), /*#__PURE__*/React.createElement(Box, {
+      xcss: styles.conversationStarterText
+    }, starter.message))));
+    return isLastStarter && showReloadButton ? /*#__PURE__*/React.createElement(Inline, {
+      space: "space.050",
+      grow: "fill",
+      alignInline: "end",
+      key: starter.message
+    }, chatPill, /*#__PURE__*/React.createElement(IconButton, {
+      icon: RetryIcon,
+      onClick: onReloadButtonClick,
+      appearance: "subtle",
+      label: ""
+    })) : chatPill;
+  }), !!onBrowseAgentsClick && /*#__PURE__*/React.createElement(Box, {
+    as: "li"
+  }, /*#__PURE__*/React.createElement(BrowseAgentsPill, {
+    onClick: onBrowseAgentsClick
+  })));
+};

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

@@ -0,0 +1,42 @@
+import { messages } from './messages';
+export const getConversationStarters = ({
+  userDefinedConversationStarters: userDefinedConversationStartersParam,
+  isAgentDefault
+}) => {
+  const type = 'static';
+  const customAgentConversationStarters = [{
+    message: messages.agentEmptyStateSuggestion1,
+    type
+  }, {
+    message: messages.agentEmptyStateSuggestion2,
+    type
+  }, {
+    message: messages.agentEmptyStateSuggestion3,
+    type
+  }];
+  const userDefinedConversationStarters = userDefinedConversationStartersParam !== null && userDefinedConversationStartersParam !== void 0 ? userDefinedConversationStartersParam : [];
+  const defaultAgentConversationStarters = [{
+    message: messages.emptyStateSuggestion1,
+    type
+  }, {
+    message: messages.emptyStateSuggestion2,
+    type
+  }, {
+    message: messages.emptyStateSuggestion3,
+    type
+  }];
+  const getCombinedConversationStarters = () => {
+    const shouldCombine = !isAgentDefault;
+    if (shouldCombine) {
+      // Return user defined suggestions + static fallback suggestions with a max of 3 suggestions (user defined taking precendence over fallback)
+      return [...userDefinedConversationStarters, ...customAgentConversationStarters].slice(0, 3);
+    }
+    return defaultAgentConversationStarters;
+  };
+  return {
+    userDefinedConversationStarters,
+    customAgentConversationStarters,
+    defaultAgentConversationStarters,
+    combinedConversationStarters: getCombinedConversationStarters()
+  };
+};

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

@@ -1,136 +1,20 @@
-/* index.tsx generated by @compiled/babel-plugin v3.0.1 */
-import _extends from "@babel/runtime/helpers/extends";
-import "./index.compiled.css";
-import { ax, ix } from "@compiled/react/runtime";
-import React, { useMemo } from 'react';
-import { useIntl } from 'react-intl';
-import IconButton from '@atlaskit/button/icon/button';
-import { cx } from '@atlaskit/css';
-import RetryIcon from '@atlaskit/icon/core/retry';
-import { Box, Inline, Pressable, Stack } from '@atlaskit/primitives/compiled';
-import { fg } from '@atlaskit/platform-feature-flags/fg';
-import { AgentChatIcon } from '../../common/ui/agent-chat-icon';
-import { BrowseAgentsPill } from '../../common/ui/chat-pill';
-import { messages } from './messages';
-const styles = {
-  conversationStartersList: "_qtt8glyw _ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _1bsb1osq",
-  conversationStartersListWithRefreshDesign: "_19pkze3t",
-  conversationStaterItem: "_ca0qze3t",
-  conversationStarterIcon: "_1o9zidpf",
-  conversationStarterText: "_1reo15vq _18m915vq _1bto1l2s _o5721q9c _1o9zkb7n _1ul9idpf",
-  button: "_11c8fhey _2rko12b0 _v564k6bl _syazazsu _ca0q12x7 _u5f312x7 _n3td12x7 _19bv12x7 _k48p1wq8 _1bto1l2s _o5721q9c _1o9zkb7n _1bsb1osq _bfhksm61 _irr31dpa _1ggl5xtf _1di6fcek",
-  button_motion: "_11c8fhey _2rko12b0 _v564k6bl _syazazsu _ca0q12x7 _u5f312x7 _n3td12x7 _19bv12x7 _k48p1wq8 _1bto1l2s _o5721q9c _1o9zkb7n _1bsb1osq _bfhksm61 _irr31dpa _1ggl5xtf _1di6fcek"
-};
-export const getConversationStarters = ({
-  userDefinedConversationStarters: userDefinedConversationStartersParam,
-  isAgentDefault
-}) => {
-  const type = 'static';
-  const customAgentConversationStarters = [{
-    message: messages.agentEmptyStateSuggestion1,
-    type
-  }, {
-    message: messages.agentEmptyStateSuggestion2,
-    type
-  }, {
-    message: messages.agentEmptyStateSuggestion3,
-    type
-  }];
-  const userDefinedConversationStarters = userDefinedConversationStartersParam !== null && userDefinedConversationStartersParam !== void 0 ? userDefinedConversationStartersParam : [];
-  const defaultAgentConversationStarters = [{
-    message: messages.emptyStateSuggestion1,
-    type
-  }, {
-    message: messages.emptyStateSuggestion2,
-    type
-  }, {
-    message: messages.emptyStateSuggestion3,
-    type
-  }];
-  const getCombinedConversationStarters = () => {
-    const shouldCombine = !isAgentDefault;
-    if (shouldCombine) {
-      // Return user defined suggestions + static fallback suggestions with a max of 3 suggestions (user defined taking precendence over fallback)
-      return [...userDefinedConversationStarters, ...customAgentConversationStarters].slice(0, 3);
-    }
-    return defaultAgentConversationStarters;
-  };
-  return {
-    userDefinedConversationStarters,
-    customAgentConversationStarters,
-    defaultAgentConversationStarters,
-    combinedConversationStarters: getCombinedConversationStarters()
-  };
-};
-export const AgentConversationStarters = ({
-  userDefinedConversationStarters,
-  isAgentDefault,
-  ...props
-}) => {
-  const {
-    formatMessage
-  } = useIntl();
-  const {
-    combinedConversationStarters
-  } = useMemo(() => getConversationStarters({
-    userDefinedConversationStarters,
-    isAgentDefault
-  }), [userDefinedConversationStarters, isAgentDefault]);
-  const starters = useMemo(() => combinedConversationStarters.map(starter => typeof starter.message === 'string' ? {
-    message: starter.message,
-    type: starter.type
-  } : {
-    message: formatMessage(starter.message),
-    type: starter.type
-  }), [combinedConversationStarters, formatMessage]);
-  return /*#__PURE__*/React.createElement(ConversationStarters, _extends({
-    starters: starters
-  }, props));
-};
-export const ConversationStarters = ({
-  starters,
-  onConversationStarterClick,
-  showReloadButton = false,
-  onReloadButtonClick = () => {},
-  onBrowseAgentsClick,
-  refreshDesignEnabled = false
-}) => {
-  return /*#__PURE__*/React.createElement(Stack, {
-    as: "ul",
-    space: "space.050",
-    xcss: cx(styles.conversationStartersList, refreshDesignEnabled && styles.conversationStartersListWithRefreshDesign)
-  }, starters.map((starter, index) => {
-    const isLastStarter = index === starters.length - 1;
-    const chatPill = /*#__PURE__*/React.createElement(Box, {
-      as: "li",
-      key: starter.message,
-      xcss: refreshDesignEnabled && styles.conversationStaterItem
-    }, /*#__PURE__*/React.createElement(Pressable, {
-      xcss: fg('platform-dst-motion-uplift-custom-button') ? styles.button_motion : styles.button,
-      onClick: () => onConversationStarterClick(starter),
-      testId: "conversation-starter"
-    }, /*#__PURE__*/React.createElement(Inline, {
-      space: "space.150",
-      alignBlock: "center"
-    }, /*#__PURE__*/React.createElement(Box, {
-      xcss: styles.conversationStarterIcon
-    }, /*#__PURE__*/React.createElement(AgentChatIcon, null)), /*#__PURE__*/React.createElement(Box, {
-      xcss: styles.conversationStarterText
-    }, starter.message))));
-    return isLastStarter && showReloadButton ? /*#__PURE__*/React.createElement(Inline, {
-      space: "space.050",
-      grow: "fill",
-      alignInline: "end",
-      key: starter.message
-    }, chatPill, /*#__PURE__*/React.createElement(IconButton, {
-      icon: RetryIcon,
-      onClick: onReloadButtonClick,
-      appearance: "subtle",
-      label: ""
-    })) : chatPill;
-  }), !!onBrowseAgentsClick && /*#__PURE__*/React.createElement(Box, {
-    as: "li"
-  }, /*#__PURE__*/React.createElement(BrowseAgentsPill, {
-    onClick: onBrowseAgentsClick
-  })));
-};
+/* eslint-disable @repo/internal/deprecations/deprecation-ticket-required -- VOLTC-139 tracks removal of these deprecated re-export shims. */
+
+/**
+ * @deprecated Use `import { getConversationStarters } from '@atlaskit/rovo-agent-components/get-conversation-starters'` instead.
+ */
+// eslint-disable-next-line no-barrel-files/no-barrel-files -- VOLTC-139 tracks removal of this deprecated re-export shim.
+export { getConversationStarters } from './getConversationStarters';
+/**
+ * @deprecated Use `import { AgentConversationStarters } from '@atlaskit/rovo-agent-components/agent-conversation-starters'` instead.
+ */
+// eslint-disable-next-line no-barrel-files/no-barrel-files -- VOLTC-139 tracks removal of this deprecated re-export shim.
+export { AgentConversationStarters } from './AgentConversationStarters';
+// eslint-disable-next-line no-barrel-files/no-barrel-files -- VOLTC-139 tracks removal of this deprecated re-export shim.
+
+/**
+ * @deprecated Use `import { ConversationStarters } from '@atlaskit/rovo-agent-components/conversation-starters'` instead.
+ */
+// eslint-disable-next-line no-barrel-files/no-barrel-files -- VOLTC-139 tracks removal of this deprecated re-export shim.
+export { ConversationStarters } from './ConversationStarters';
+// eslint-disable-next-line no-barrel-files/no-barrel-files -- VOLTC-139 tracks removal of this deprecated re-export shim.

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

@@ -0,0 +1,160 @@
+/* AgentDropdownMenu.tsx generated by @compiled/babel-plugin v3.0.2 */
+import _extends from "@babel/runtime/helpers/extends";
+import { ax, ix } from "@compiled/react/runtime";
+import React, { useEffect, useState } from 'react';
+import { useIntl } from 'react-intl';
+import IconButton from '@atlaskit/button/icon/button';
+import DropdownMenu from '@atlaskit/dropdown-menu/dropdown-menu';
+import DropdownItem from '@atlaskit/dropdown-menu/dropdown-menu-item';
+import DropdownItemGroup from '@atlaskit/dropdown-menu/dropdown-menu-item-group';
+import MoreIcon from '@atlaskit/icon/core/show-more-horizontal';
+import { fg } from '@atlaskit/platform-feature-flags/fg';
+import { Inline } from '@atlaskit/primitives/compiled';
+import Spinner from '@atlaskit/spinner/spinner';
+import { AgentVerificationDropdownItem } from '../agent-verification-dropdown-item';
+import messages from './messages';
+export const AgentDropdownMenu = ({
+  isAutodevTemplateAgent,
+  onEditAgent,
+  onCopyAgent,
+  onDuplicateAgent,
+  onDeleteAgent,
+  onViewAgentFullProfileClick,
+  onOpenChange,
+  isForgeAgent,
+  showDeleteOption = true,
+  showViewAgentOption = false,
+  onViewAgentClick,
+  onDropdownTriggerClick,
+  spacing,
+  appearance,
+  dropdownMenuTestId,
+  doesAgentHaveIdentityAccountId,
+  loadAgentPermissions,
+  loadPermissionsOnMount,
+  shouldTriggerStopPropagation,
+  shouldRenderToParent,
+  agentName,
+  agentRef,
+  userPermissionsRef,
+  onVerificationSuccess,
+  customDropdownOptions
+}) => {
+  const [isLoading, setIsLoading] = useState(false);
+  const [isDuplicating, setIsDuplicating] = useState(false);
+  const {
+    formatMessage
+  } = useIntl();
+  const [hasBeenCopied, setHasBeenCopied] = useState(false);
+  const [isOpen, setIsOpen] = useState(false);
+  const [permissions, setPermissions] = useState();
+  useEffect(() => {
+    const fetchData = async () => {
+      setIsLoading(true);
+      const {
+        isCreateEnabled,
+        isEditEnabled,
+        isDeleteEnabled
+      } = await loadAgentPermissions();
+      setIsLoading(false);
+      setPermissions({
+        isCreateEnabled,
+        isEditEnabled,
+        isDeleteEnabled
+      });
+    };
+
+    // Only load once
+    if (!permissions && (isOpen || loadPermissionsOnMount)) {
+      fetchData();
+    }
+  }, [isOpen, loadAgentPermissions, loadPermissionsOnMount, permissions]);
+  useEffect(() => {
+    if (!isOpen) {
+      setHasBeenCopied(false);
+    }
+  }, [isOpen]);
+  const renderEditDelete = () => {
+    if (!(permissions !== null && permissions !== void 0 && permissions.isEditEnabled) && !(permissions !== null && permissions !== void 0 && permissions.isDeleteEnabled)) {
+      return null;
+    }
+    return /*#__PURE__*/React.createElement(DropdownItemGroup, {
+      hasSeparator: true
+    }, permissions.isEditEnabled && /*#__PURE__*/React.createElement(DropdownItem, {
+      onClick: onEditAgent
+    }, formatMessage(messages.editAgent)), permissions.isDeleteEnabled && showDeleteOption && /*#__PURE__*/React.createElement(DropdownItem, {
+      onClick: onDeleteAgent
+    }, formatMessage(messages.deleteAgent)));
+  };
+  const isCreateAgentsEnabled = permissions === null || permissions === void 0 ? void 0 : permissions.isCreateEnabled;
+  return /*#__PURE__*/React.createElement(DropdownMenu, {
+    shouldRenderToParent: shouldRenderToParent,
+    isLoading: isLoading,
+    isOpen: isOpen,
+    testId: dropdownMenuTestId,
+    trigger: ({
+      triggerRef,
+      ...props
+    }) => /*#__PURE__*/React.createElement(IconButton, _extends({}, props, {
+      icon: MoreIcon,
+      label: agentName ? formatMessage(messages.moreActionsForLabel, {
+        agentName: agentName
+      }) : formatMessage(messages.moreActionsLabel),
+      ref: triggerRef,
+      spacing: spacing,
+      appearance: appearance,
+      onClick: (e, analyticsEvent) => {
+        var _props$onClick;
+        if (onDropdownTriggerClick) {
+          onDropdownTriggerClick(e, analyticsEvent);
+        }
+        if (shouldTriggerStopPropagation) {
+          e.stopPropagation();
+        }
+        (_props$onClick = props.onClick) === null || _props$onClick === void 0 ? void 0 : _props$onClick.call(props, e);
+      }
+    })),
+    onOpenChange: args => {
+      setIsOpen(args.isOpen);
+      onOpenChange === null || onOpenChange === void 0 ? void 0 : onOpenChange(args);
+      if (!args.isOpen) {
+        setHasBeenCopied(false);
+      }
+    }
+  }, /*#__PURE__*/React.createElement(DropdownItemGroup, null, customDropdownOptions === null || customDropdownOptions === void 0 ? void 0 : customDropdownOptions.map(option => /*#__PURE__*/React.createElement(DropdownItem, {
+    key: option.id,
+    onClick: option.onClick
+  }, option.label)), showViewAgentOption && /*#__PURE__*/React.createElement(DropdownItem, {
+    onClick: onViewAgentClick
+  }, formatMessage(messages.viewAgent)), doesAgentHaveIdentityAccountId && onViewAgentFullProfileClick && /*#__PURE__*/React.createElement(DropdownItem, {
+    onClick: onViewAgentFullProfileClick
+  }, formatMessage(messages.viewAgentFullProfile)), !isForgeAgent && isCreateAgentsEnabled && /*#__PURE__*/React.createElement(DropdownItem, {
+    onClick: async e => {
+      if (fg('rovo_agent_versioning_enabled')) {
+        e.stopPropagation();
+      }
+      setIsDuplicating(true);
+      try {
+        await (onDuplicateAgent === null || onDuplicateAgent === void 0 ? void 0 : onDuplicateAgent(e));
+      } finally {
+        setIsDuplicating(false);
+      }
+    },
+    isDisabled: isDuplicating
+  }, /*#__PURE__*/React.createElement(Inline, {
+    space: "space.050"
+  }, isDuplicating && /*#__PURE__*/React.createElement(Spinner, {
+    size: "small"
+  }), isAutodevTemplateAgent ? formatMessage(messages.useTemplateButton) : formatMessage(messages.duplicateAgent))), /*#__PURE__*/React.createElement(DropdownItem, {
+    onClick: e => {
+      e.stopPropagation();
+      setHasBeenCopied(true);
+      onCopyAgent === null || onCopyAgent === void 0 ? void 0 : onCopyAgent(e);
+    }
+  }, formatMessage(hasBeenCopied ? messages.linkedCopiedToProfile : messages.copyLinkToProfile)), agentRef && userPermissionsRef && fg('rovo_agents_agent_verification') && /*#__PURE__*/React.createElement(AgentVerificationDropdownItem, {
+    agentRef: agentRef !== null && agentRef !== void 0 ? agentRef : null,
+    userPermissionsRef: userPermissionsRef !== null && userPermissionsRef !== void 0 ? userPermissionsRef : null,
+    onVerificationSuccess: onVerificationSuccess,
+    testId: "agent-actions-menu-verification"
+  })), renderEditDelete());
+};