@atlaskit/rovo-agent-components 0.4.0 → 0.4.2

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @atlaskit/rovo-agent-components
 
+## 0.4.2
+
+### Patch Changes
+
+- [#132411](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/132411)
+  [`097911d8bb135`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/097911d8bb135) -
+  Added hidden icon to agent profile
+
+## 0.4.1
+
+### Patch Changes
+
+- [#131878](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/131878)
+  [`053f5c138b283`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/053f5c138b283) -
+  Add hide/show buttons to agent create dropdown
+
 ## 0.4.0
 
 ### Minor Changes

package/dist/cjs/common/ui/hidden-icon/index.js

@@ -0,0 +1,29 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.HiddenIcon = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireDefault(require("react"));
+var _icon = _interopRequireDefault(require("@atlaskit/icon"));
+var CustomGlyph = function CustomGlyph(props) {
+  return /*#__PURE__*/_react.default.createElement("svg", (0, _extends2.default)({
+    width: "16",
+    height: "16",
+    viewBox: "0 0 16 16",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, props), /*#__PURE__*/_react.default.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M2.75961 3.82038L0.469614 1.53039L1.53027 0.469727L15.5303 14.4697L14.4696 15.5304L11.9569 13.0177C10.7749 13.6441 9.42396 14.0001 7.99985 14.0001C4.43327 14.0001 1.31894 11.7676 0.167087 8.61989C0.0206752 8.21978 0.0206129 7.78052 0.167056 7.38031C0.683493 5.96897 1.59401 4.74336 2.75961 3.82038ZM3.82896 4.88973C2.80461 5.65938 2.01287 6.70107 1.57571 7.89577C1.5511 7.96303 1.55109 8.03706 1.57574 8.10442C2.50926 10.6555 5.05721 12.5001 7.99985 12.5001C9.00694 12.5001 9.96863 12.284 10.8358 11.8965L9.52381 10.5846C9.07723 10.8483 8.55598 11.0001 7.99994 11.0001C6.34309 11.0001 4.99994 9.65691 4.99994 8.00006C4.99994 7.44402 5.15166 6.92277 5.41542 6.47619L3.82896 4.88973ZM6.55063 7.6114C6.51755 7.7353 6.49994 7.86555 6.49994 8.00006C6.49994 8.82848 7.17152 9.50006 7.99994 9.50006C8.13445 9.50006 8.2647 9.48246 8.3886 9.44937L6.55063 7.6114ZM7.99985 3.50006C7.50971 3.50006 7.03064 3.55121 6.56817 3.64826L6.26011 2.18024C6.82282 2.06215 7.40511 2.00006 7.99985 2.00006C11.5664 2.00006 14.6809 4.23249 15.8328 7.38022C15.9792 7.78032 15.9793 8.21955 15.8328 8.61977C15.5258 9.45892 15.0793 10.2324 14.5232 10.9153L13.3601 9.96815C13.8143 9.41034 14.1762 8.78194 14.4242 8.10432C14.4488 8.03708 14.4488 7.96307 14.4242 7.8957C13.4906 5.34464 10.9425 3.50006 7.99985 3.50006Z",
+    fill: "currentColor"
+  }));
+};
+var HiddenIcon = exports.HiddenIcon = function HiddenIcon(props) {
+  return /*#__PURE__*/_react.default.createElement(_icon.default, (0, _extends2.default)({
+    glyph: CustomGlyph
+  }, props));
+};

package/dist/cjs/common/ui/show-icon/index.js

@@ -0,0 +1,29 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ShowIcon = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireDefault(require("react"));
+var _icon = _interopRequireDefault(require("@atlaskit/icon"));
+var CustomGlyph = function CustomGlyph(props) {
+  return /*#__PURE__*/_react.default.createElement("svg", {
+    width: "16",
+    height: "16",
+    viewBox: "0 0 16 16",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/_react.default.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M7.99996 3.5C5.05732 3.5 2.50937 5.34456 1.57585 7.89564C1.55122 7.96295 1.55122 8.03705 1.57585 8.10436C2.50937 10.6554 5.05732 12.5 7.99996 12.5C10.9426 12.5 13.4907 10.6554 14.4243 8.10436C14.4489 8.03705 14.4489 7.96295 14.4243 7.89564C13.4907 5.34458 10.9426 3.5 7.99996 3.5ZM0.167196 7.38017C1.31905 4.23246 4.43338 2 7.99996 2C11.5665 2 14.681 4.23244 15.8329 7.38017C15.9793 7.78033 15.9793 8.21967 15.8329 8.61983C14.681 11.7676 11.5665 14 7.99996 14C4.43338 14 1.31905 11.7675 0.167196 8.61983C0.0207653 8.21967 0.0207653 7.78033 0.167196 7.38017ZM8.00005 6.5C7.17163 6.5 6.50005 7.17157 6.50005 8C6.50005 8.82843 7.17163 9.5 8.00005 9.5C8.82848 9.5 9.50005 8.82843 9.50005 8C9.50005 7.17157 8.82848 6.5 8.00005 6.5ZM5.00005 8C5.00005 6.34315 6.3432 5 8.00005 5C9.65691 5 11.0001 6.34315 11.0001 8C11.0001 9.65685 9.65691 11 8.00005 11C6.3432 11 5.00005 9.65685 5.00005 8Z",
+    fill: "currentColor"
+  }));
+};
+var ShowIcon = exports.ShowIcon = function ShowIcon(props) {
+  return /*#__PURE__*/_react.default.createElement(_icon.default, (0, _extends2.default)({
+    glyph: CustomGlyph
+  }, props));
+};

package/dist/cjs/index.js

@@ -57,6 +57,18 @@ Object.defineProperty(exports, "ConversationStarters", {
     return _agentConversationStarters.ConversationStarters;
   }
 });
+Object.defineProperty(exports, "HiddenIcon", {
+  enumerable: true,
+  get: function get() {
+    return _hiddenIcon.HiddenIcon;
+  }
+});
+Object.defineProperty(exports, "ShowIcon", {
+  enumerable: true,
+  get: function get() {
+    return _showIcon.ShowIcon;
+  }
+});
 Object.defineProperty(exports, "StarIconButton", {
   enumerable: true,
   get: function get() {
@@ -74,5 +86,7 @@ var _starIconButton = require("./common/ui/star-icon-button");
 var _agentConversationStarters = require("./ui/agent-conversation-starters");
 var _chatPill = require("./common/ui/chat-pill");
 var _chatIcon = require("./common/ui/chat-icon");
+var _showIcon = require("./common/ui/show-icon");
+var _hiddenIcon = require("./common/ui/hidden-icon");
 var _agentAvatar = require("./ui/agent-avatar");
 var _generatedAvatars = require("./ui/agent-avatar/generated-avatars");

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

@@ -12,6 +12,8 @@ var _star = _interopRequireDefault(require("@atlaskit/icon/glyph/star"));
 var _logo = require("@atlaskit/logo");
 var _primitives = require("@atlaskit/primitives");
 var _skeleton = _interopRequireDefault(require("@atlaskit/skeleton"));
+var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
+var _hiddenIcon = require("../../common/ui/hidden-icon");
 var _starIconButton = require("../../common/ui/star-icon-button");
 var _messages = require("./messages");
 var clickableItemStyles = (0, _primitives.xcss)({
@@ -117,13 +119,25 @@ var AgentStarCount = exports.AgentStarCount = function AgentStarCount(_ref2) {
 var wrapperStyles = (0, _primitives.xcss)({
   marginBottom: 'space.100'
 });
+var tooltipWrapperStyles = (0, _primitives.xcss)({
+  display: 'inline-flex',
+  marginInline: 'space.100',
+  position: 'relative',
+  bottom: 'space.025'
+});
+var headingWrapperStyles = (0, _primitives.xcss)({
+  position: 'relative'
+});
 var AgentProfileInfo = exports.AgentProfileInfo = function AgentProfileInfo(_ref3) {
   var agentName = _ref3.agentName,
     agentDescription = _ref3.agentDescription,
     creatorRender = _ref3.creatorRender,
     starCountRender = _ref3.starCountRender,
     isStarred = _ref3.isStarred,
+    isHidden = _ref3.isHidden,
     onStarToggle = _ref3.onStarToggle;
+  var _useIntl3 = (0, _reactIntlNext.useIntl)(),
+    formatMessage = _useIntl3.formatMessage;
   return /*#__PURE__*/_react.default.createElement(_primitives.Stack, {
     space: "space.100",
     xcss: wrapperStyles
@@ -131,9 +145,19 @@ var AgentProfileInfo = exports.AgentProfileInfo = function AgentProfileInfo(_ref
     xcss: nameStyles,
     space: "space.100",
     alignBlock: "center"
+  }, /*#__PURE__*/_react.default.createElement(_primitives.Box, {
+    xcss: headingWrapperStyles
   }, /*#__PURE__*/_react.default.createElement(_heading.default, {
+    as: "span",
     size: "xlarge"
-  }, agentName), /*#__PURE__*/_react.default.createElement(_starIconButton.StarIconButton, {
+  }, agentName), isHidden && /*#__PURE__*/_react.default.createElement(_primitives.Box, {
+    xcss: tooltipWrapperStyles
+  }, /*#__PURE__*/_react.default.createElement(_tooltip.default, {
+    content: formatMessage(_messages.messages.hiddenTooltip),
+    position: "top"
+  }, /*#__PURE__*/_react.default.createElement(_hiddenIcon.HiddenIcon, {
+    label: formatMessage(_messages.messages.hiddenIcon)
+  })))), /*#__PURE__*/_react.default.createElement(_starIconButton.StarIconButton, {
     isStarred: isStarred,
     handleToggle: onStarToggle
   })), creatorRender, !!agentDescription && /*#__PURE__*/_react.default.createElement(_primitives.Box, {

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

@@ -15,5 +15,20 @@ var messages = exports.messages = (0, _reactIntlNext.defineMessages)({
     id: 'ai-mate.agent-profile-info.starred-count',
     defaultMessage: '{count} starred',
     description: 'Message to show how many times this agent has been starred by users'
+  },
+  hiddenIcon: {
+    id: 'ai-mate.agent-profile-info.hidden-icon',
+    defaultMessage: 'Hidden',
+    description: 'Icon to show that this agent is hidden'
+  },
+  hiddenTooltip: {
+    id: 'ai-mate.agent-profile-info.hidden-tooltip',
+    defaultMessage: "Agent won't show in search results",
+    description: 'Tooltip to explain what strikethough eye icon means'
+  },
+  starAgentTooltip: {
+    id: 'ai-mate.agent-profile-info.star-agent-tooltip',
+    defaultMessage: 'Star Agent',
+    description: 'Tooltip to explain what star icon does'
   }
 });

package/dist/es2019/common/ui/hidden-icon/index.js

@@ -0,0 +1,18 @@
+import _extends from "@babel/runtime/helpers/extends";
+import React from 'react';
+import Icon from '@atlaskit/icon';
+const CustomGlyph = props => /*#__PURE__*/React.createElement("svg", _extends({
+  width: "16",
+  height: "16",
+  viewBox: "0 0 16 16",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+}, props), /*#__PURE__*/React.createElement("path", {
+  fillRule: "evenodd",
+  clipRule: "evenodd",
+  d: "M2.75961 3.82038L0.469614 1.53039L1.53027 0.469727L15.5303 14.4697L14.4696 15.5304L11.9569 13.0177C10.7749 13.6441 9.42396 14.0001 7.99985 14.0001C4.43327 14.0001 1.31894 11.7676 0.167087 8.61989C0.0206752 8.21978 0.0206129 7.78052 0.167056 7.38031C0.683493 5.96897 1.59401 4.74336 2.75961 3.82038ZM3.82896 4.88973C2.80461 5.65938 2.01287 6.70107 1.57571 7.89577C1.5511 7.96303 1.55109 8.03706 1.57574 8.10442C2.50926 10.6555 5.05721 12.5001 7.99985 12.5001C9.00694 12.5001 9.96863 12.284 10.8358 11.8965L9.52381 10.5846C9.07723 10.8483 8.55598 11.0001 7.99994 11.0001C6.34309 11.0001 4.99994 9.65691 4.99994 8.00006C4.99994 7.44402 5.15166 6.92277 5.41542 6.47619L3.82896 4.88973ZM6.55063 7.6114C6.51755 7.7353 6.49994 7.86555 6.49994 8.00006C6.49994 8.82848 7.17152 9.50006 7.99994 9.50006C8.13445 9.50006 8.2647 9.48246 8.3886 9.44937L6.55063 7.6114ZM7.99985 3.50006C7.50971 3.50006 7.03064 3.55121 6.56817 3.64826L6.26011 2.18024C6.82282 2.06215 7.40511 2.00006 7.99985 2.00006C11.5664 2.00006 14.6809 4.23249 15.8328 7.38022C15.9792 7.78032 15.9793 8.21955 15.8328 8.61977C15.5258 9.45892 15.0793 10.2324 14.5232 10.9153L13.3601 9.96815C13.8143 9.41034 14.1762 8.78194 14.4242 8.10432C14.4488 8.03708 14.4488 7.96307 14.4242 7.8957C13.4906 5.34464 10.9425 3.50006 7.99985 3.50006Z",
+  fill: "currentColor"
+}));
+export const HiddenIcon = props => /*#__PURE__*/React.createElement(Icon, _extends({
+  glyph: CustomGlyph
+}, props));

package/dist/es2019/common/ui/show-icon/index.js

@@ -0,0 +1,18 @@
+import _extends from "@babel/runtime/helpers/extends";
+import React from 'react';
+import Icon from '@atlaskit/icon';
+const CustomGlyph = props => /*#__PURE__*/React.createElement("svg", {
+  width: "16",
+  height: "16",
+  viewBox: "0 0 16 16",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+}, /*#__PURE__*/React.createElement("path", {
+  fillRule: "evenodd",
+  clipRule: "evenodd",
+  d: "M7.99996 3.5C5.05732 3.5 2.50937 5.34456 1.57585 7.89564C1.55122 7.96295 1.55122 8.03705 1.57585 8.10436C2.50937 10.6554 5.05732 12.5 7.99996 12.5C10.9426 12.5 13.4907 10.6554 14.4243 8.10436C14.4489 8.03705 14.4489 7.96295 14.4243 7.89564C13.4907 5.34458 10.9426 3.5 7.99996 3.5ZM0.167196 7.38017C1.31905 4.23246 4.43338 2 7.99996 2C11.5665 2 14.681 4.23244 15.8329 7.38017C15.9793 7.78033 15.9793 8.21967 15.8329 8.61983C14.681 11.7676 11.5665 14 7.99996 14C4.43338 14 1.31905 11.7675 0.167196 8.61983C0.0207653 8.21967 0.0207653 7.78033 0.167196 7.38017ZM8.00005 6.5C7.17163 6.5 6.50005 7.17157 6.50005 8C6.50005 8.82843 7.17163 9.5 8.00005 9.5C8.82848 9.5 9.50005 8.82843 9.50005 8C9.50005 7.17157 8.82848 6.5 8.00005 6.5ZM5.00005 8C5.00005 6.34315 6.3432 5 8.00005 5C9.65691 5 11.0001 6.34315 11.0001 8C11.0001 9.65685 9.65691 11 8.00005 11C6.3432 11 5.00005 9.65685 5.00005 8Z",
+  fill: "currentColor"
+}));
+export const ShowIcon = props => /*#__PURE__*/React.createElement(Icon, _extends({
+  glyph: CustomGlyph
+}, props));

package/dist/es2019/index.js

@@ -3,5 +3,7 @@ export { StarIconButton } from './common/ui/star-icon-button';
 export { AgentConversationStarters, ConversationStarters, getConversationStarters } from './ui/agent-conversation-starters';
 export { ChatPill } from './common/ui/chat-pill';
 export { ChatPillIcon } from './common/ui/chat-icon';
+export { ShowIcon } from './common/ui/show-icon';
+export { HiddenIcon } from './common/ui/hidden-icon';
 export { AgentAvatar } from './ui/agent-avatar';
 export { AgentBanner } from './ui/agent-avatar/generated-avatars';

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

@@ -5,6 +5,8 @@ import StarIcon from '@atlaskit/icon/glyph/star';
 import { AtlassianIcon, RovoIcon } from '@atlaskit/logo';
 import { Box, Inline, Stack, xcss } from '@atlaskit/primitives';
 import Skeleton from '@atlaskit/skeleton';
+import Tooltip from '@atlaskit/tooltip';
+import { HiddenIcon } from '../../common/ui/hidden-icon';
 import { StarIconButton } from '../../common/ui/star-icon-button';
 import { messages } from './messages';
 const clickableItemStyles = xcss({
@@ -112,14 +114,27 @@ export const AgentStarCount = ({
 const wrapperStyles = xcss({
   marginBottom: 'space.100'
 });
+const tooltipWrapperStyles = xcss({
+  display: 'inline-flex',
+  marginInline: 'space.100',
+  position: 'relative',
+  bottom: 'space.025'
+});
+const headingWrapperStyles = xcss({
+  position: 'relative'
+});
 export const AgentProfileInfo = ({
   agentName,
   agentDescription,
   creatorRender,
   starCountRender,
   isStarred,
+  isHidden,
   onStarToggle
 }) => {
+  const {
+    formatMessage
+  } = useIntl();
   return /*#__PURE__*/React.createElement(Stack, {
     space: "space.100",
     xcss: wrapperStyles
@@ -127,9 +142,19 @@ export const AgentProfileInfo = ({
     xcss: nameStyles,
     space: "space.100",
     alignBlock: "center"
+  }, /*#__PURE__*/React.createElement(Box, {
+    xcss: headingWrapperStyles
   }, /*#__PURE__*/React.createElement(Heading, {
+    as: "span",
     size: "xlarge"
-  }, agentName), /*#__PURE__*/React.createElement(StarIconButton, {
+  }, agentName), isHidden && /*#__PURE__*/React.createElement(Box, {
+    xcss: tooltipWrapperStyles
+  }, /*#__PURE__*/React.createElement(Tooltip, {
+    content: formatMessage(messages.hiddenTooltip),
+    position: "top"
+  }, /*#__PURE__*/React.createElement(HiddenIcon, {
+    label: formatMessage(messages.hiddenIcon)
+  })))), /*#__PURE__*/React.createElement(StarIconButton, {
     isStarred: isStarred,
     handleToggle: onStarToggle
   })), creatorRender, !!agentDescription && /*#__PURE__*/React.createElement(Box, {

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

@@ -9,5 +9,20 @@ export const messages = defineMessages({
     id: 'ai-mate.agent-profile-info.starred-count',
     defaultMessage: '{count} starred',
     description: 'Message to show how many times this agent has been starred by users'
+  },
+  hiddenIcon: {
+    id: 'ai-mate.agent-profile-info.hidden-icon',
+    defaultMessage: 'Hidden',
+    description: 'Icon to show that this agent is hidden'
+  },
+  hiddenTooltip: {
+    id: 'ai-mate.agent-profile-info.hidden-tooltip',
+    defaultMessage: "Agent won't show in search results",
+    description: 'Tooltip to explain what strikethough eye icon means'
+  },
+  starAgentTooltip: {
+    id: 'ai-mate.agent-profile-info.star-agent-tooltip',
+    defaultMessage: 'Star Agent',
+    description: 'Tooltip to explain what star icon does'
   }
 });

package/dist/esm/common/ui/hidden-icon/index.js

@@ -0,0 +1,22 @@
+import _extends from "@babel/runtime/helpers/extends";
+import React from 'react';
+import Icon from '@atlaskit/icon';
+var CustomGlyph = function CustomGlyph(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    width: "16",
+    height: "16",
+    viewBox: "0 0 16 16",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, props), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M2.75961 3.82038L0.469614 1.53039L1.53027 0.469727L15.5303 14.4697L14.4696 15.5304L11.9569 13.0177C10.7749 13.6441 9.42396 14.0001 7.99985 14.0001C4.43327 14.0001 1.31894 11.7676 0.167087 8.61989C0.0206752 8.21978 0.0206129 7.78052 0.167056 7.38031C0.683493 5.96897 1.59401 4.74336 2.75961 3.82038ZM3.82896 4.88973C2.80461 5.65938 2.01287 6.70107 1.57571 7.89577C1.5511 7.96303 1.55109 8.03706 1.57574 8.10442C2.50926 10.6555 5.05721 12.5001 7.99985 12.5001C9.00694 12.5001 9.96863 12.284 10.8358 11.8965L9.52381 10.5846C9.07723 10.8483 8.55598 11.0001 7.99994 11.0001C6.34309 11.0001 4.99994 9.65691 4.99994 8.00006C4.99994 7.44402 5.15166 6.92277 5.41542 6.47619L3.82896 4.88973ZM6.55063 7.6114C6.51755 7.7353 6.49994 7.86555 6.49994 8.00006C6.49994 8.82848 7.17152 9.50006 7.99994 9.50006C8.13445 9.50006 8.2647 9.48246 8.3886 9.44937L6.55063 7.6114ZM7.99985 3.50006C7.50971 3.50006 7.03064 3.55121 6.56817 3.64826L6.26011 2.18024C6.82282 2.06215 7.40511 2.00006 7.99985 2.00006C11.5664 2.00006 14.6809 4.23249 15.8328 7.38022C15.9792 7.78032 15.9793 8.21955 15.8328 8.61977C15.5258 9.45892 15.0793 10.2324 14.5232 10.9153L13.3601 9.96815C13.8143 9.41034 14.1762 8.78194 14.4242 8.10432C14.4488 8.03708 14.4488 7.96307 14.4242 7.8957C13.4906 5.34464 10.9425 3.50006 7.99985 3.50006Z",
+    fill: "currentColor"
+  }));
+};
+export var HiddenIcon = function HiddenIcon(props) {
+  return /*#__PURE__*/React.createElement(Icon, _extends({
+    glyph: CustomGlyph
+  }, props));
+};

package/dist/esm/common/ui/show-icon/index.js

@@ -0,0 +1,22 @@
+import _extends from "@babel/runtime/helpers/extends";
+import React from 'react';
+import Icon from '@atlaskit/icon';
+var CustomGlyph = function CustomGlyph(props) {
+  return /*#__PURE__*/React.createElement("svg", {
+    width: "16",
+    height: "16",
+    viewBox: "0 0 16 16",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M7.99996 3.5C5.05732 3.5 2.50937 5.34456 1.57585 7.89564C1.55122 7.96295 1.55122 8.03705 1.57585 8.10436C2.50937 10.6554 5.05732 12.5 7.99996 12.5C10.9426 12.5 13.4907 10.6554 14.4243 8.10436C14.4489 8.03705 14.4489 7.96295 14.4243 7.89564C13.4907 5.34458 10.9426 3.5 7.99996 3.5ZM0.167196 7.38017C1.31905 4.23246 4.43338 2 7.99996 2C11.5665 2 14.681 4.23244 15.8329 7.38017C15.9793 7.78033 15.9793 8.21967 15.8329 8.61983C14.681 11.7676 11.5665 14 7.99996 14C4.43338 14 1.31905 11.7675 0.167196 8.61983C0.0207653 8.21967 0.0207653 7.78033 0.167196 7.38017ZM8.00005 6.5C7.17163 6.5 6.50005 7.17157 6.50005 8C6.50005 8.82843 7.17163 9.5 8.00005 9.5C8.82848 9.5 9.50005 8.82843 9.50005 8C9.50005 7.17157 8.82848 6.5 8.00005 6.5ZM5.00005 8C5.00005 6.34315 6.3432 5 8.00005 5C9.65691 5 11.0001 6.34315 11.0001 8C11.0001 9.65685 9.65691 11 8.00005 11C6.3432 11 5.00005 9.65685 5.00005 8Z",
+    fill: "currentColor"
+  }));
+};
+export var ShowIcon = function ShowIcon(props) {
+  return /*#__PURE__*/React.createElement(Icon, _extends({
+    glyph: CustomGlyph
+  }, props));
+};

package/dist/esm/index.js

@@ -3,5 +3,7 @@ export { StarIconButton } from './common/ui/star-icon-button';
 export { AgentConversationStarters, ConversationStarters, getConversationStarters } from './ui/agent-conversation-starters';
 export { ChatPill } from './common/ui/chat-pill';
 export { ChatPillIcon } from './common/ui/chat-icon';
+export { ShowIcon } from './common/ui/show-icon';
+export { HiddenIcon } from './common/ui/hidden-icon';
 export { AgentAvatar } from './ui/agent-avatar';
 export { AgentBanner } from './ui/agent-avatar/generated-avatars';

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

@@ -5,6 +5,8 @@ import StarIcon from '@atlaskit/icon/glyph/star';
 import { AtlassianIcon, RovoIcon } from '@atlaskit/logo';
 import { Box, Inline, Stack, xcss } from '@atlaskit/primitives';
 import Skeleton from '@atlaskit/skeleton';
+import Tooltip from '@atlaskit/tooltip';
+import { HiddenIcon } from '../../common/ui/hidden-icon';
 import { StarIconButton } from '../../common/ui/star-icon-button';
 import { messages } from './messages';
 var clickableItemStyles = xcss({
@@ -110,13 +112,25 @@ export var AgentStarCount = function AgentStarCount(_ref2) {
 var wrapperStyles = xcss({
   marginBottom: 'space.100'
 });
+var tooltipWrapperStyles = xcss({
+  display: 'inline-flex',
+  marginInline: 'space.100',
+  position: 'relative',
+  bottom: 'space.025'
+});
+var headingWrapperStyles = xcss({
+  position: 'relative'
+});
 export var AgentProfileInfo = function AgentProfileInfo(_ref3) {
   var agentName = _ref3.agentName,
     agentDescription = _ref3.agentDescription,
     creatorRender = _ref3.creatorRender,
     starCountRender = _ref3.starCountRender,
     isStarred = _ref3.isStarred,
+    isHidden = _ref3.isHidden,
     onStarToggle = _ref3.onStarToggle;
+  var _useIntl3 = useIntl(),
+    formatMessage = _useIntl3.formatMessage;
   return /*#__PURE__*/React.createElement(Stack, {
     space: "space.100",
     xcss: wrapperStyles
@@ -124,9 +138,19 @@ export var AgentProfileInfo = function AgentProfileInfo(_ref3) {
     xcss: nameStyles,
     space: "space.100",
     alignBlock: "center"
+  }, /*#__PURE__*/React.createElement(Box, {
+    xcss: headingWrapperStyles
   }, /*#__PURE__*/React.createElement(Heading, {
+    as: "span",
     size: "xlarge"
-  }, agentName), /*#__PURE__*/React.createElement(StarIconButton, {
+  }, agentName), isHidden && /*#__PURE__*/React.createElement(Box, {
+    xcss: tooltipWrapperStyles
+  }, /*#__PURE__*/React.createElement(Tooltip, {
+    content: formatMessage(messages.hiddenTooltip),
+    position: "top"
+  }, /*#__PURE__*/React.createElement(HiddenIcon, {
+    label: formatMessage(messages.hiddenIcon)
+  })))), /*#__PURE__*/React.createElement(StarIconButton, {
     isStarred: isStarred,
     handleToggle: onStarToggle
   })), creatorRender, !!agentDescription && /*#__PURE__*/React.createElement(Box, {

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

@@ -9,5 +9,20 @@ export var messages = defineMessages({
     id: 'ai-mate.agent-profile-info.starred-count',
     defaultMessage: '{count} starred',
     description: 'Message to show how many times this agent has been starred by users'
+  },
+  hiddenIcon: {
+    id: 'ai-mate.agent-profile-info.hidden-icon',
+    defaultMessage: 'Hidden',
+    description: 'Icon to show that this agent is hidden'
+  },
+  hiddenTooltip: {
+    id: 'ai-mate.agent-profile-info.hidden-tooltip',
+    defaultMessage: "Agent won't show in search results",
+    description: 'Tooltip to explain what strikethough eye icon means'
+  },
+  starAgentTooltip: {
+    id: 'ai-mate.agent-profile-info.star-agent-tooltip',
+    defaultMessage: 'Star Agent',
+    description: 'Tooltip to explain what star icon does'
   }
 });

package/dist/types/common/ui/hidden-icon/index.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { type IconProps } from '@atlaskit/icon';
+export declare const HiddenIcon: (props: Omit<IconProps, 'glyph'>) => JSX.Element;

package/dist/types/common/ui/show-icon/index.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { type IconProps } from '@atlaskit/icon';
+export declare const ShowIcon: (props: Omit<IconProps, 'glyph'>) => JSX.Element;

package/dist/types/index.d.ts

@@ -3,5 +3,7 @@ export { StarIconButton } from './common/ui/star-icon-button';
 export { AgentConversationStarters, ConversationStarters, type AgentConversationStartersProps, getConversationStarters, } from './ui/agent-conversation-starters';
 export { ChatPill, type ChatPillProps } from './common/ui/chat-pill';
 export { ChatPillIcon } from './common/ui/chat-icon';
+export { ShowIcon } from './common/ui/show-icon';
+export { HiddenIcon } from './common/ui/hidden-icon';
 export { AgentAvatar } from './ui/agent-avatar';
 export { AgentBanner } from './ui/agent-avatar/generated-avatars';

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

@@ -17,11 +17,12 @@ export declare const AgentStarCount: ({ starCount, isLoading, }: {
     starCount: number | null | undefined;
     isLoading: boolean;
 }) => JSX.Element | null;
-export declare const AgentProfileInfo: ({ agentName, agentDescription, creatorRender, starCountRender, isStarred, onStarToggle, }: {
+export declare const AgentProfileInfo: ({ agentName, agentDescription, creatorRender, starCountRender, isStarred, isHidden, onStarToggle, }: {
     agentName: string;
     agentDescription?: string | null | undefined;
     creatorRender: React.ReactNode;
     starCountRender: React.ReactNode;
     isStarred: boolean;
+    isHidden: boolean;
     onStarToggle: () => void;
 }) => JSX.Element;

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

@@ -9,4 +9,19 @@ export declare const messages: {
         defaultMessage: string;
         description: string;
     };
+    hiddenIcon: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    hiddenTooltip: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    starAgentTooltip: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
 };

package/dist/types-ts4.5/common/ui/hidden-icon/index.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { type IconProps } from '@atlaskit/icon';
+export declare const HiddenIcon: (props: Omit<IconProps, 'glyph'>) => JSX.Element;

package/dist/types-ts4.5/common/ui/show-icon/index.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { type IconProps } from '@atlaskit/icon';
+export declare const ShowIcon: (props: Omit<IconProps, 'glyph'>) => JSX.Element;

package/dist/types-ts4.5/index.d.ts

@@ -3,5 +3,7 @@ export { StarIconButton } from './common/ui/star-icon-button';
 export { AgentConversationStarters, ConversationStarters, type AgentConversationStartersProps, getConversationStarters, } from './ui/agent-conversation-starters';
 export { ChatPill, type ChatPillProps } from './common/ui/chat-pill';
 export { ChatPillIcon } from './common/ui/chat-icon';
+export { ShowIcon } from './common/ui/show-icon';
+export { HiddenIcon } from './common/ui/hidden-icon';
 export { AgentAvatar } from './ui/agent-avatar';
 export { AgentBanner } from './ui/agent-avatar/generated-avatars';

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

@@ -17,11 +17,12 @@ export declare const AgentStarCount: ({ starCount, isLoading, }: {
     starCount: number | null | undefined;
     isLoading: boolean;
 }) => JSX.Element | null;
-export declare const AgentProfileInfo: ({ agentName, agentDescription, creatorRender, starCountRender, isStarred, onStarToggle, }: {
+export declare const AgentProfileInfo: ({ agentName, agentDescription, creatorRender, starCountRender, isStarred, isHidden, onStarToggle, }: {
     agentName: string;
     agentDescription?: string | null | undefined;
     creatorRender: React.ReactNode;
     starCountRender: React.ReactNode;
     isStarred: boolean;
+    isHidden: boolean;
     onStarToggle: () => void;
 }) => JSX.Element;

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

@@ -9,4 +9,19 @@ export declare const messages: {
         defaultMessage: string;
         description: string;
     };
+    hiddenIcon: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    hiddenTooltip: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    starAgentTooltip: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
 };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/rovo-agent-components",
-	"version": "0.4.0",
+	"version": "0.4.2",
 	"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",
@@ -37,13 +37,14 @@
 	},
 	"dependencies": {
 		"@atlaskit/avatar": "^21.15.0",
-		"@atlaskit/button": "^20.0.0",
+		"@atlaskit/button": "^20.1.0",
 		"@atlaskit/heading": "^2.4.3",
-		"@atlaskit/icon": "^22.13.0",
+		"@atlaskit/icon": "^22.14.0",
 		"@atlaskit/logo": "^14.2.0",
 		"@atlaskit/primitives": "^12.0.0",
 		"@atlaskit/skeleton": "^0.5.0",
-		"@atlaskit/tokens": "^1.58.0",
+		"@atlaskit/tokens": "^1.59.0",
+		"@atlaskit/tooltip": "^18.7.0",
 		"@babel/runtime": "^7.0.0",
 		"react-intl-next": "npm:react-intl@^5.18.1"
 	},