@atlaskit/rovo-agent-components 8.10.5 → 8.11.0

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

@@ -146,6 +146,9 @@ var JiraWorkAgentAvatar = /*#__PURE__*/lazy(function () {
 var JiraTaskPlannerAgentAvatar = /*#__PURE__*/lazy(function () {
   return import( /* webpackChunkName: "@atlaskit-rovo-avatar-JiraTaskPlannerAgentAvatar"*/'./assets/jira-task-planner-agent');
 });
+var ContentReviewerAvatar = /*#__PURE__*/lazy(function () {
+  return import( /* webpackChunkName: "@atlaskit-rovo-avatar-ContentReviewerAvatar"*/'./assets/content-reviewer');
+});
 var JiraCodingAgentAvatar = /*#__PURE__*/lazy(function () {
   return import( /* webpackChunkName: "@atlaskit-rovo-avatar-JiraCodingAgentAvatar"*/'./assets/jira-coding-agent');
 });
@@ -307,6 +310,16 @@ var outOfTheBoxAgentAvatar = {
     },
     color: blueColor
   },
+  content_reviewer_agent: {
+    getRender: function getRender(size) {
+      return /*#__PURE__*/React.createElement(ContentReviewerAvatar, {
+        size: AVATAR_SIZES[size],
+        primaryColor: "",
+        secondaryColor: ""
+      });
+    },
+    color: blueColor
+  },
   user_manual_writer_agent: {
     getRender: function getRender(size) {
       return /*#__PURE__*/React.createElement(MyUserManualAvatar, {

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

@@ -0,0 +1,35 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["userDefinedConversationStarters", "isAgentDefault"];
+import React, { useMemo } from 'react';
+import { useIntl } from 'react-intl';
+import { ConversationStarters } from './ConversationStarters';
+import { getConversationStarters } from './getConversationStarters';
+export var AgentConversationStarters = function AgentConversationStarters(_ref) {
+  var userDefinedConversationStarters = _ref.userDefinedConversationStarters,
+    isAgentDefault = _ref.isAgentDefault,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var _useIntl = useIntl(),
+    formatMessage = _useIntl.formatMessage;
+  var _useMemo = useMemo(function () {
+      return getConversationStarters({
+        userDefinedConversationStarters: userDefinedConversationStarters,
+        isAgentDefault: isAgentDefault
+      });
+    }, [userDefinedConversationStarters, isAgentDefault]),
+    combinedConversationStarters = _useMemo.combinedConversationStarters;
+  var starters = useMemo(function () {
+    return combinedConversationStarters.map(function (starter) {
+      return 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/esm/ui/agent-conversation-starters/ConversationStarters.js

@@ -0,0 +1,71 @@
+/* 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';
+var 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 var ConversationStarters = function ConversationStarters(_ref) {
+  var starters = _ref.starters,
+    onConversationStarterClick = _ref.onConversationStarterClick,
+    _ref$showReloadButton = _ref.showReloadButton,
+    showReloadButton = _ref$showReloadButton === void 0 ? false : _ref$showReloadButton,
+    _ref$onReloadButtonCl = _ref.onReloadButtonClick,
+    onReloadButtonClick = _ref$onReloadButtonCl === void 0 ? function () {} : _ref$onReloadButtonCl,
+    onBrowseAgentsClick = _ref.onBrowseAgentsClick,
+    _ref$refreshDesignEna = _ref.refreshDesignEnabled,
+    refreshDesignEnabled = _ref$refreshDesignEna === void 0 ? false : _ref$refreshDesignEna;
+  return /*#__PURE__*/React.createElement(Stack, {
+    as: "ul",
+    space: "space.050",
+    xcss: cx(styles.conversationStartersList, refreshDesignEnabled && styles.conversationStartersListWithRefreshDesign)
+  }, starters.map(function (starter, index) {
+    var isLastStarter = index === starters.length - 1;
+    var 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: function onClick() {
+        return 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/esm/ui/agent-conversation-starters/getConversationStarters.js

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

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

@@ -1,145 +1,20 @@
-/* index.tsx generated by @compiled/babel-plugin v3.0.2 */
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
-var _excluded = ["userDefinedConversationStarters", "isAgentDefault"];
-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';
-var 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 var getConversationStarters = function getConversationStarters(_ref) {
-  var userDefinedConversationStartersParam = _ref.userDefinedConversationStarters,
-    isAgentDefault = _ref.isAgentDefault;
-  var type = 'static';
-  var customAgentConversationStarters = [{
-    message: messages.agentEmptyStateSuggestion1,
-    type: type
-  }, {
-    message: messages.agentEmptyStateSuggestion2,
-    type: type
-  }, {
-    message: messages.agentEmptyStateSuggestion3,
-    type: type
-  }];
-  var userDefinedConversationStarters = userDefinedConversationStartersParam !== null && userDefinedConversationStartersParam !== void 0 ? userDefinedConversationStartersParam : [];
-  var defaultAgentConversationStarters = [{
-    message: messages.emptyStateSuggestion1,
-    type: type
-  }, {
-    message: messages.emptyStateSuggestion2,
-    type: type
-  }, {
-    message: messages.emptyStateSuggestion3,
-    type: type
-  }];
-  var getCombinedConversationStarters = function getCombinedConversationStarters() {
-    var shouldCombine = !isAgentDefault;
-    if (shouldCombine) {
-      // Return user defined suggestions + static fallback suggestions with a max of 3 suggestions (user defined taking precendence over fallback)
-      return [].concat(_toConsumableArray(userDefinedConversationStarters), customAgentConversationStarters).slice(0, 3);
-    }
-    return defaultAgentConversationStarters;
-  };
-  return {
-    userDefinedConversationStarters: userDefinedConversationStarters,
-    customAgentConversationStarters: customAgentConversationStarters,
-    defaultAgentConversationStarters: defaultAgentConversationStarters,
-    combinedConversationStarters: getCombinedConversationStarters()
-  };
-};
-export var AgentConversationStarters = function AgentConversationStarters(_ref2) {
-  var userDefinedConversationStarters = _ref2.userDefinedConversationStarters,
-    isAgentDefault = _ref2.isAgentDefault,
-    props = _objectWithoutProperties(_ref2, _excluded);
-  var _useIntl = useIntl(),
-    formatMessage = _useIntl.formatMessage;
-  var _useMemo = useMemo(function () {
-      return getConversationStarters({
-        userDefinedConversationStarters: userDefinedConversationStarters,
-        isAgentDefault: isAgentDefault
-      });
-    }, [userDefinedConversationStarters, isAgentDefault]),
-    combinedConversationStarters = _useMemo.combinedConversationStarters;
-  var starters = useMemo(function () {
-    return combinedConversationStarters.map(function (starter) {
-      return 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 var ConversationStarters = function ConversationStarters(_ref3) {
-  var starters = _ref3.starters,
-    onConversationStarterClick = _ref3.onConversationStarterClick,
-    _ref3$showReloadButto = _ref3.showReloadButton,
-    showReloadButton = _ref3$showReloadButto === void 0 ? false : _ref3$showReloadButto,
-    _ref3$onReloadButtonC = _ref3.onReloadButtonClick,
-    onReloadButtonClick = _ref3$onReloadButtonC === void 0 ? function () {} : _ref3$onReloadButtonC,
-    onBrowseAgentsClick = _ref3.onBrowseAgentsClick,
-    _ref3$refreshDesignEn = _ref3.refreshDesignEnabled,
-    refreshDesignEnabled = _ref3$refreshDesignEn === void 0 ? false : _ref3$refreshDesignEn;
-  return /*#__PURE__*/React.createElement(Stack, {
-    as: "ul",
-    space: "space.050",
-    xcss: cx(styles.conversationStartersList, refreshDesignEnabled && styles.conversationStartersListWithRefreshDesign)
-  }, starters.map(function (starter, index) {
-    var isLastStarter = index === starters.length - 1;
-    var 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: function onClick() {
-        return 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/esm/ui/agent-dropdown-menu/AgentDropdownMenu.js

@@ -0,0 +1,214 @@
+/* AgentDropdownMenu.tsx generated by @compiled/babel-plugin v3.0.2 */
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+var _excluded = ["triggerRef"];
+import { ax, ix } from "@compiled/react/runtime";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+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 var AgentDropdownMenu = function AgentDropdownMenu(_ref) {
+  var isAutodevTemplateAgent = _ref.isAutodevTemplateAgent,
+    onEditAgent = _ref.onEditAgent,
+    onCopyAgent = _ref.onCopyAgent,
+    onDuplicateAgent = _ref.onDuplicateAgent,
+    onDeleteAgent = _ref.onDeleteAgent,
+    onViewAgentFullProfileClick = _ref.onViewAgentFullProfileClick,
+    _onOpenChange = _ref.onOpenChange,
+    isForgeAgent = _ref.isForgeAgent,
+    _ref$showDeleteOption = _ref.showDeleteOption,
+    showDeleteOption = _ref$showDeleteOption === void 0 ? true : _ref$showDeleteOption,
+    _ref$showViewAgentOpt = _ref.showViewAgentOption,
+    showViewAgentOption = _ref$showViewAgentOpt === void 0 ? false : _ref$showViewAgentOpt,
+    onViewAgentClick = _ref.onViewAgentClick,
+    onDropdownTriggerClick = _ref.onDropdownTriggerClick,
+    spacing = _ref.spacing,
+    appearance = _ref.appearance,
+    dropdownMenuTestId = _ref.dropdownMenuTestId,
+    doesAgentHaveIdentityAccountId = _ref.doesAgentHaveIdentityAccountId,
+    loadAgentPermissions = _ref.loadAgentPermissions,
+    loadPermissionsOnMount = _ref.loadPermissionsOnMount,
+    shouldTriggerStopPropagation = _ref.shouldTriggerStopPropagation,
+    shouldRenderToParent = _ref.shouldRenderToParent,
+    agentName = _ref.agentName,
+    agentRef = _ref.agentRef,
+    userPermissionsRef = _ref.userPermissionsRef,
+    onVerificationSuccess = _ref.onVerificationSuccess,
+    customDropdownOptions = _ref.customDropdownOptions;
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    isLoading = _useState2[0],
+    setIsLoading = _useState2[1];
+  var _useState3 = useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    isDuplicating = _useState4[0],
+    setIsDuplicating = _useState4[1];
+  var _useIntl = useIntl(),
+    formatMessage = _useIntl.formatMessage;
+  var _useState5 = useState(false),
+    _useState6 = _slicedToArray(_useState5, 2),
+    hasBeenCopied = _useState6[0],
+    setHasBeenCopied = _useState6[1];
+  var _useState7 = useState(false),
+    _useState8 = _slicedToArray(_useState7, 2),
+    isOpen = _useState8[0],
+    setIsOpen = _useState8[1];
+  var _useState9 = useState(),
+    _useState0 = _slicedToArray(_useState9, 2),
+    permissions = _useState0[0],
+    setPermissions = _useState0[1];
+  useEffect(function () {
+    var fetchData = /*#__PURE__*/function () {
+      var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+        var _yield$loadAgentPermi, isCreateEnabled, isEditEnabled, isDeleteEnabled;
+        return _regeneratorRuntime.wrap(function (_context) {
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              setIsLoading(true);
+              _context.next = 1;
+              return loadAgentPermissions();
+            case 1:
+              _yield$loadAgentPermi = _context.sent;
+              isCreateEnabled = _yield$loadAgentPermi.isCreateEnabled;
+              isEditEnabled = _yield$loadAgentPermi.isEditEnabled;
+              isDeleteEnabled = _yield$loadAgentPermi.isDeleteEnabled;
+              setIsLoading(false);
+              setPermissions({
+                isCreateEnabled: isCreateEnabled,
+                isEditEnabled: isEditEnabled,
+                isDeleteEnabled: isDeleteEnabled
+              });
+            case 2:
+            case "end":
+              return _context.stop();
+          }
+        }, _callee);
+      }));
+      return function fetchData() {
+        return _ref2.apply(this, arguments);
+      };
+    }();
+
+    // Only load once
+    if (!permissions && (isOpen || loadPermissionsOnMount)) {
+      fetchData();
+    }
+  }, [isOpen, loadAgentPermissions, loadPermissionsOnMount, permissions]);
+  useEffect(function () {
+    if (!isOpen) {
+      setHasBeenCopied(false);
+    }
+  }, [isOpen]);
+  var renderEditDelete = function 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)));
+  };
+  var isCreateAgentsEnabled = permissions === null || permissions === void 0 ? void 0 : permissions.isCreateEnabled;
+  return /*#__PURE__*/React.createElement(DropdownMenu, {
+    shouldRenderToParent: shouldRenderToParent,
+    isLoading: isLoading,
+    isOpen: isOpen,
+    testId: dropdownMenuTestId,
+    trigger: function trigger(_ref3) {
+      var triggerRef = _ref3.triggerRef,
+        props = _objectWithoutProperties(_ref3, _excluded);
+      return /*#__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: function onClick(e, analyticsEvent) {
+          var _props$onClick;
+          if (onDropdownTriggerClick) {
+            onDropdownTriggerClick(e, analyticsEvent);
+          }
+          if (shouldTriggerStopPropagation) {
+            e.stopPropagation();
+          }
+          (_props$onClick = props.onClick) === null || _props$onClick === void 0 || _props$onClick.call(props, e);
+        }
+      }));
+    },
+    onOpenChange: function onOpenChange(args) {
+      setIsOpen(args.isOpen);
+      _onOpenChange === null || _onOpenChange === void 0 || _onOpenChange(args);
+      if (!args.isOpen) {
+        setHasBeenCopied(false);
+      }
+    }
+  }, /*#__PURE__*/React.createElement(DropdownItemGroup, null, customDropdownOptions === null || customDropdownOptions === void 0 ? void 0 : customDropdownOptions.map(function (option) {
+    return /*#__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: ( /*#__PURE__*/function () {
+      var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(e) {
+        return _regeneratorRuntime.wrap(function (_context2) {
+          while (1) switch (_context2.prev = _context2.next) {
+            case 0:
+              if (fg('rovo_agent_versioning_enabled')) {
+                e.stopPropagation();
+              }
+              setIsDuplicating(true);
+              _context2.prev = 1;
+              _context2.next = 2;
+              return onDuplicateAgent === null || onDuplicateAgent === void 0 ? void 0 : onDuplicateAgent(e);
+            case 2:
+              _context2.prev = 2;
+              setIsDuplicating(false);
+              return _context2.finish(2);
+            case 3:
+            case "end":
+              return _context2.stop();
+          }
+        }, _callee2, null, [[1,, 2, 3]]);
+      }));
+      return function (_x) {
+        return _ref4.apply(this, arguments);
+      };
+    }()),
+    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: function onClick(e) {
+      e.stopPropagation();
+      setHasBeenCopied(true);
+      onCopyAgent === null || onCopyAgent === 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());
+};

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

@@ -0,0 +1,37 @@
+/* ChatToAgentButton.tsx generated by @compiled/babel-plugin v3.0.2 */
+import "./ChatToAgentButton.compiled.css";
+import * as React from 'react';
+import { ax, ix } from "@compiled/react/runtime";
+import { useIntl } from 'react-intl';
+import Button from '@atlaskit/button/default/button';
+import { Box, Inline } from '@atlaskit/primitives/compiled';
+import { ChatPillIcon } from '../../common/ui/chat-icon';
+import messages from './messages';
+var styles = {
+  chatToAgentButtonContainer: "_1bsb1osq",
+  chatToAgentButtonWrapper: "_1e0c1txw _1bah1h6o _k48p1wq8",
+  chatPillButtonInline: "_18zrv77o",
+  chatPillText: "_1nmz1hna _y3gn1e5h _o5721jtm",
+  chatPillIconWrapper: "_1ul9gktf _4t3igktf"
+};
+export var ChatToAgentButton = function ChatToAgentButton(_ref) {
+  var onClick = _ref.onClick;
+  var _useIntl = useIntl(),
+    formatMessage = _useIntl.formatMessage;
+  return /*#__PURE__*/React.createElement(Box, {
+    xcss: styles.chatToAgentButtonContainer
+  }, /*#__PURE__*/React.createElement(Button, {
+    testId: "view-agent-modal-chat-to-agent-button",
+    shouldFitContainer: true,
+    onClick: onClick
+  }, /*#__PURE__*/React.createElement(Box, {
+    xcss: styles.chatToAgentButtonWrapper
+  }, /*#__PURE__*/React.createElement(Inline, {
+    space: "space.050",
+    xcss: styles.chatPillButtonInline
+  }, /*#__PURE__*/React.createElement(Box, {
+    xcss: styles.chatPillIconWrapper
+  }, /*#__PURE__*/React.createElement(ChatPillIcon, null)), /*#__PURE__*/React.createElement(Box, {
+    xcss: styles.chatPillText
+  }, formatMessage(messages.chatToAgentButton))))));
+};