@atlaskit/rovo-agent-components 0.3.2 → 0.4.1

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @atlaskit/rovo-agent-components
 
+## 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
+
+- [#122546](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/122546)
+  [`b40f5bb07ebcb`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/b40f5bb07ebcb) -
+  Added LLM-generated contextual conversation starters (feature gated)
+
 ## 0.3.2
 
 ### Patch Changes

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

@@ -10,8 +10,8 @@ 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: "20",
-    height: "20",
+    width: "16",
+    height: "16",
     viewBox: "0 0 20 20",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
@@ -47,6 +47,7 @@ var CustomGlyph = function CustomGlyph(props) {
 var ChatPillIcon = exports.ChatPillIcon = function ChatPillIcon(props) {
   return /*#__PURE__*/_react.default.createElement(_icon.default, (0, _extends2.default)({}, props, {
     glyph: CustomGlyph,
-    label: ""
+    label: "",
+    size: "small"
   }));
 };

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

@@ -16,7 +16,7 @@ var buttonStyles = (0, _primitives.xcss)({
   padding: 'space.100',
   borderRadius: 'border.radius.200',
   borderBottomRightRadius: "var(--ds-border-radius-050, 2px)",
-  lineHeight: '20px',
+  lineHeight: '16px',
   fontWeight: '500',
   fontSize: '14px',
   textOverflow: 'ellipsis',
@@ -40,10 +40,6 @@ var queryTextStyles = (0, _primitives.xcss)({
 var whiteSpacePreWrapStyles = (0, _primitives.xcss)({
   whiteSpace: 'pre-wrap'
 });
-var iconWrapper = (0, _primitives.xcss)({
-  minWidth: '20px',
-  height: '20px'
-});
 var ChatPill = exports.ChatPill = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     _ref$whiteSpacePreWra = _ref.whiteSpacePreWrap,
@@ -56,9 +52,7 @@ var ChatPill = exports.ChatPill = /*#__PURE__*/_react.default.forwardRef(functio
   }), /*#__PURE__*/_react.default.createElement(_primitives.Inline, {
     space: "space.050",
     xcss: buttonInlineStyles
-  }, /*#__PURE__*/_react.default.createElement(_primitives.Box, {
-    xcss: iconWrapper
-  }, /*#__PURE__*/_react.default.createElement(_chatIcon.ChatPillIcon, null)), /*#__PURE__*/_react.default.createElement(_primitives.Box, {
+  }, /*#__PURE__*/_react.default.createElement(_chatIcon.ChatPillIcon, null), /*#__PURE__*/_react.default.createElement(_primitives.Box, {
     xcss: [queryTextStyles, whiteSpacePreWrap && whiteSpacePreWrapStyles]
   }, children)));
 });

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

@@ -51,6 +51,24 @@ Object.defineProperty(exports, "ChatPillIcon", {
     return _chatIcon.ChatPillIcon;
   }
 });
+Object.defineProperty(exports, "ConversationStarters", {
+  enumerable: true,
+  get: function get() {
+    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() {
@@ -68,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-conversation-starters/index.js

@@ -5,101 +5,29 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.usePageContextType = exports.getConversationStarters = exports.PageContextType = exports.AgentConversationStarters = void 0;
+exports.getConversationStarters = exports.ConversationStarters = exports.AgentConversationStarters = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
-var _bindEventListener = require("bind-event-listener");
 var _reactIntlNext = require("react-intl-next");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _new = require("@atlaskit/button/new");
+var _retry = _interopRequireDefault(require("@atlaskit/icon/core/retry"));
+var _primitives = require("@atlaskit/primitives");
 var _chatPill = require("../../common/ui/chat-pill");
 var _messages = require("./messages");
-var _PAGE_TYPE_CONVERSATI;
+var _excluded = ["userDefinedConversationStarters", "isAgentDefault"];
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-function useWindowLocationChange() {
-  var _useState = (0, _react.useState)(window.location.href),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    location = _useState2[0],
-    setLocation = _useState2[1];
-  var handleLocationChange = function handleLocationChange() {
-    setLocation(window.location.href);
-  };
-  (0, _react.useEffect)(function () {
-    var originalPushState = window.history.pushState;
-    var originalReplaceState = window.history.replaceState;
-    window.history.pushState = function () {
-      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-        args[_key] = arguments[_key];
-      }
-      originalPushState.apply(this, args);
-      handleLocationChange();
-    };
-    window.history.replaceState = function () {
-      for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
-        args[_key2] = arguments[_key2];
-      }
-      originalReplaceState.apply(this, args);
-      handleLocationChange();
-    };
-    var unbind = (0, _bindEventListener.bindAll)(window, [{
-      type: 'popstate',
-      listener: handleLocationChange
-    }]);
-    return function () {
-      unbind();
-      window.history.pushState = originalPushState;
-      window.history.replaceState = originalReplaceState;
-    };
-  }, []);
-  return location;
-}
-var PageContextType = exports.PageContextType = /*#__PURE__*/function (PageContextType) {
-  PageContextType["CONFLUENCE_HOME"] = "confluence-home";
-  PageContextType["CONFLUENCE_PAGE_VIEW"] = "confluence-page-view";
-  PageContextType["CONFLUENCE_PAGE_EDIT"] = "confluence-page-edit";
-  PageContextType["JIRA_HOME"] = "jira-home";
-  PageContextType["JIRA_ISSUE_VIEW"] = "jira-issue-view";
-  PageContextType["JIRA_ISSUE_LIST"] = "jira-issue-list";
-  PageContextType["UNKNOWN"] = "unknown";
-  return PageContextType;
-}({});
-var PAGE_TYPE_CONVERSATION_STARTERS = (_PAGE_TYPE_CONVERSATI = {}, (0, _defineProperty2.default)(_PAGE_TYPE_CONVERSATI, PageContextType.CONFLUENCE_HOME, [_messages.messages.confluenceHomeSuggestion1, _messages.messages.confluenceHomeSuggestion2, _messages.messages.confluenceHomeSuggestion3]), (0, _defineProperty2.default)(_PAGE_TYPE_CONVERSATI, PageContextType.CONFLUENCE_PAGE_EDIT, [_messages.messages.confluencePageEditSuggestion1, _messages.messages.confluencePageEditSuggestion2, _messages.messages.confluencePageEditSuggestion3]), (0, _defineProperty2.default)(_PAGE_TYPE_CONVERSATI, PageContextType.CONFLUENCE_PAGE_VIEW, [_messages.messages.confluencePageViewSuggestion1, _messages.messages.confluencePageViewSuggestion2, _messages.messages.confluencePageViewSuggestion3]), (0, _defineProperty2.default)(_PAGE_TYPE_CONVERSATI, PageContextType.JIRA_HOME, [_messages.messages.jiraHomeSuggestion1, _messages.messages.jiraHomeSuggestion2, _messages.messages.jiraHomeSuggestion3]), (0, _defineProperty2.default)(_PAGE_TYPE_CONVERSATI, PageContextType.JIRA_ISSUE_VIEW, [_messages.messages.jiraIssueViewSuggestion1, _messages.messages.jiraIssueViewSuggestion2, _messages.messages.jiraIssueViewSuggestion3]), (0, _defineProperty2.default)(_PAGE_TYPE_CONVERSATI, PageContextType.JIRA_ISSUE_LIST, [_messages.messages.jiraIssueListSuggestion1, _messages.messages.jiraIssueListSuggestion2, _messages.messages.jiraIssueListSuggestion3]), (0, _defineProperty2.default)(_PAGE_TYPE_CONVERSATI, PageContextType.UNKNOWN, [_messages.messages.emptyStateSuggestion1, _messages.messages.emptyStateSuggestion2, _messages.messages.emptyStateSuggestion3]), _PAGE_TYPE_CONVERSATI);
-function determinePageType(location) {
-  var urlPatterns = [[PageContextType.CONFLUENCE_HOME, /\/wiki\/home$/], [PageContextType.CONFLUENCE_PAGE_EDIT, /\/wiki\/spaces\/[^\/]+\/(?:pages|blog)\/edit-v2\//], [PageContextType.CONFLUENCE_PAGE_VIEW, /\/wiki\/spaces\/[^\/]+\/(?:pages|blog)\//], [PageContextType.JIRA_ISSUE_VIEW, /\/browse\/[^\/]+$/], [PageContextType.JIRA_ISSUE_VIEW, /\/jira\/.+\/projects\/.+\?selectedIssue/], [PageContextType.JIRA_ISSUE_LIST, /\/jira\/.+\/projects\//], [PageContextType.JIRA_HOME, /\/jira\/dashboards\/last-visited$/]];
-  for (var _i = 0, _urlPatterns = urlPatterns; _i < _urlPatterns.length; _i++) {
-    var _urlPatterns$_i = (0, _slicedToArray2.default)(_urlPatterns[_i], 2),
-      type = _urlPatterns$_i[0],
-      pattern = _urlPatterns$_i[1];
-    if (pattern.test(location)) {
-      return type;
-    }
-  }
-  return PageContextType.UNKNOWN;
-}
-var usePageContextType = exports.usePageContextType = function usePageContextType() {
-  var location = useWindowLocationChange();
-  var _useState3 = (0, _react.useState)(determinePageType(location)),
-    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-    pageContextType = _useState4[0],
-    setPageContextType = _useState4[1];
-  (0, _react.useEffect)(function () {
-    setPageContextType(determinePageType(location));
-  }, [location]);
-  return pageContextType;
-};
 var getConversationStarters = exports.getConversationStarters = function getConversationStarters(_ref) {
   var userDefinedConversationStartersParam = _ref.userDefinedConversationStarters,
-    isAgentDefault = _ref.isAgentDefault,
-    _ref$pageContextType = _ref.pageContextType,
-    pageContextType = _ref$pageContextType === void 0 ? PageContextType.UNKNOWN : _ref$pageContextType;
+    isAgentDefault = _ref.isAgentDefault;
   var customAgentConversationStarters = [_messages.messages.agentEmptyStateSuggestion1, _messages.messages.agentEmptyStateSuggestion2, _messages.messages.agentEmptyStateSuggestion3];
   var userDefinedConversationStarters = userDefinedConversationStartersParam !== null && userDefinedConversationStartersParam !== void 0 ? userDefinedConversationStartersParam : [];
-  var isPageContextConvoStartersEnabled = (0, _platformFeatureFlags.fg)('rovo_chat_page_context_static_convo_starters');
-  var defaultAgentConversationStarters = isPageContextConvoStartersEnabled ? PAGE_TYPE_CONVERSATION_STARTERS[pageContextType] : [_messages.messages.emptyStateSuggestion1, _messages.messages.emptyStateSuggestion2, _messages.messages.emptyStateSuggestion3];
+  var defaultAgentConversationStarters = [_messages.messages.emptyStateSuggestion1, _messages.messages.emptyStateSuggestion2, _messages.messages.emptyStateSuggestion3];
   var getCombinedConversationStarters = function getCombinedConversationStarters() {
-    if (!isAgentDefault && (0, _platformFeatureFlags.fg)('rovo_chat_new_create_agent')) {
+    var shouldCombine = !isAgentDefault;
+    if (shouldCombine) {
       // Return default suggestions + user defined suggestions with a max of 3 suggestions
       return [].concat((0, _toConsumableArray2.default)(customAgentConversationStarters.slice(0, 3 - userDefinedConversationStarters.length)), (0, _toConsumableArray2.default)(userDefinedConversationStarters));
     }
@@ -115,29 +43,51 @@ var getConversationStarters = exports.getConversationStarters = function getConv
 var AgentConversationStarters = exports.AgentConversationStarters = function AgentConversationStarters(_ref2) {
   var userDefinedConversationStarters = _ref2.userDefinedConversationStarters,
     isAgentDefault = _ref2.isAgentDefault,
-    onConversationStarterClick = _ref2.onConversationStarterClick;
+    props = (0, _objectWithoutProperties2.default)(_ref2, _excluded);
   var _useIntl = (0, _reactIntlNext.useIntl)(),
     formatMessage = _useIntl.formatMessage;
-  var pageContextType = usePageContextType();
   var _useMemo = (0, _react.useMemo)(function () {
       return getConversationStarters({
         userDefinedConversationStarters: userDefinedConversationStarters,
-        isAgentDefault: isAgentDefault,
-        pageContextType: pageContextType
+        isAgentDefault: isAgentDefault
       });
-    }, [userDefinedConversationStarters, isAgentDefault, pageContextType]),
+    }, [userDefinedConversationStarters, isAgentDefault]),
     combinedConversationStarters = _useMemo.combinedConversationStarters;
-  var _onClick = (0, _react.useCallback)(function (message) {
-    onConversationStarterClick(message);
-  }, [onConversationStarterClick]);
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, combinedConversationStarters.map(function (starter) {
-    var translatedMessage = typeof starter === 'string' ? starter : formatMessage(starter);
-    return /*#__PURE__*/_react.default.createElement(_chatPill.ChatPill, {
+  var starters = (0, _react.useMemo)(function () {
+    return combinedConversationStarters.map(function (starter) {
+      return typeof starter === 'string' ? starter : formatMessage(starter);
+    });
+  }, [combinedConversationStarters, formatMessage]);
+  return /*#__PURE__*/_react.default.createElement(ConversationStarters, (0, _extends2.default)({
+    starters: starters
+  }, props));
+};
+var ConversationStarters = exports.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;
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, starters.map(function (starter, index) {
+    var isLastStarter = index === starters.length - 1;
+    var chatPill = /*#__PURE__*/_react.default.createElement(_chatPill.ChatPill, {
       testId: "conversation-starter",
-      key: translatedMessage,
+      key: starter,
       onClick: function onClick() {
-        return _onClick(translatedMessage);
+        return onConversationStarterClick(starter);
       }
-    }, translatedMessage);
+    }, starter);
+    return isLastStarter && showReloadButton ? /*#__PURE__*/_react.default.createElement(_primitives.Inline, {
+      space: "space.050",
+      grow: "fill",
+      alignInline: "end",
+      key: starter
+    }, chatPill, /*#__PURE__*/_react.default.createElement(_new.IconButton, {
+      icon: _retry.default,
+      onClick: onReloadButtonClick,
+      appearance: "subtle",
+      label: ""
+    })) : chatPill;
   }));
 };

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

@@ -35,95 +35,5 @@ var messages = exports.messages = (0, _reactIntlNext.defineMessages)({
     id: 'ai-mate.chat-history.empty-state.agent-suggestion3',
     defaultMessage: "Summarize what I'm looking at",
     description: 'The third suggestion displayed in the empty state when an agent is selected'
-  },
-  confluenceHomeSuggestion1: {
-    id: 'ai-mate.chat-history.empty-state.confluence-home.suggestion1',
-    defaultMessage: "Is there any new activity on pages I've written?",
-    description: 'The first suggestion displayed in the empty state of the chat history when viewing confluence home.'
-  },
-  confluenceHomeSuggestion2: {
-    id: 'ai-mate.chat-history.empty-state.confluence-home.suggestion2',
-    defaultMessage: "What's popular at the moment?",
-    description: 'The second suggestion displayed in the empty state of the chat history when viewing confluence home.'
-  },
-  confluenceHomeSuggestion3: {
-    id: 'ai-mate.chat-history.empty-state.confluence-home.suggestion3',
-    defaultMessage: 'How can Rovo help me use Confluence?',
-    description: 'The third suggestion displayed in the empty state of the chat history when viewing confluence home.'
-  },
-  confluencePageEditSuggestion1: {
-    id: 'ai-mate.chat-history.empty-state.confluence-page-edit.suggestion1',
-    defaultMessage: 'Can you improve the writing on this page?',
-    description: 'The first suggestion displayed in the empty state of the chat history when editing a confluence page.'
-  },
-  confluencePageEditSuggestion2: {
-    id: 'ai-mate.chat-history.empty-state.confluence-page-edit.suggestion2',
-    defaultMessage: 'Write an executive summary for this page.',
-    description: 'The second suggestion displayed in the empty state of the chat history when editing a confluence page.'
-  },
-  confluencePageEditSuggestion3: {
-    id: 'ai-mate.chat-history.empty-state.confluence-page-edit.suggestion3',
-    defaultMessage: 'Give me links to some other relevant pages.',
-    description: 'The third suggestion displayed in the empty state of the chat history when editing a confluence page.'
-  },
-  confluencePageViewSuggestion1: {
-    id: 'ai-mate.chat-history.empty-state.confluence-page-view.suggestion1',
-    defaultMessage: 'Summarize what I’m looking at.',
-    description: 'The first suggestion displayed in the empty state of the chat history when viewing a confluence page.'
-  },
-  confluencePageViewSuggestion2: {
-    id: 'ai-mate.chat-history.empty-state.confluence-page-view.suggestion2',
-    defaultMessage: 'Has anything on this page changed in the last week?',
-    description: 'The second suggestion displayed in the empty state of the chat history when viewing a confluence page.'
-  },
-  confluencePageViewSuggestion3: {
-    id: 'ai-mate.chat-history.empty-state.confluence-page-view.suggestion3',
-    defaultMessage: 'Summarize the comments on this page.',
-    description: 'The third suggestion displayed in the empty state of the chat history when viewing a confluence page.'
-  },
-  jiraHomeSuggestion1: {
-    id: 'ai-mate.chat-history.empty-state.jira-home.suggestion1',
-    defaultMessage: 'What’s changed in the past week?',
-    description: 'The first suggestion displayed in the empty state of the chat history when viewing jira home.'
-  },
-  jiraHomeSuggestion2: {
-    id: 'ai-mate.chat-history.empty-state.jira-home.suggestion2',
-    defaultMessage: 'What issues are the highest priority?',
-    description: 'The second suggestion displayed in the empty state of the chat history when viewing jira home.'
-  },
-  jiraHomeSuggestion3: {
-    id: 'ai-mate.chat-history.empty-state.jira-home.suggestion3',
-    defaultMessage: 'What issues have comments mentioning me?',
-    description: 'The third suggestion displayed in the empty state of the chat history when viewing jira home.'
-  },
-  jiraIssueViewSuggestion1: {
-    id: 'ai-mate.chat-history.empty-state.jira-issue-view.suggestion1',
-    defaultMessage: 'Are there any similar issues to this one?',
-    description: 'The first suggestion displayed in the empty state of the chat history when viewing a jira issue.'
-  },
-  jiraIssueViewSuggestion2: {
-    id: 'ai-mate.chat-history.empty-state.jira-issue-view.suggestion2',
-    defaultMessage: 'What issues aren’t connected to a parent issue?',
-    description: 'The second suggestion displayed in the empty state of the chat history when viewing a jira issue.'
-  },
-  jiraIssueViewSuggestion3: {
-    id: 'ai-mate.chat-history.empty-state.jira-issue-view.suggestion3',
-    defaultMessage: 'List the issues that are currently “In Progress” and group them by assignee.',
-    description: 'The third suggestion displayed in the empty state of the chat history when viewing a jira issue.'
-  },
-  jiraIssueListSuggestion1: {
-    id: 'ai-mate.chat-history.empty-state.jira-issue-list.suggestion1',
-    defaultMessage: 'What issues are unassigned?',
-    description: 'The first suggestion displayed in the empty state of the chat history when viewing a list of jira issues.'
-  },
-  jiraIssueListSuggestion2: {
-    id: 'ai-mate.chat-history.empty-state.jira-issue-list.suggestion2',
-    defaultMessage: 'What issues have been open the longest?',
-    description: 'The second suggestion displayed in the empty state of the chat history when viewing a list of jira issues.'
-  },
-  jiraIssueListSuggestion3: {
-    id: 'ai-mate.chat-history.empty-state.jira-issue-list.suggestion3',
-    defaultMessage: 'Who has the most tasks?',
-    description: 'The third suggestion displayed in the empty state of the chat history when viewing a list of jira issues.'
   }
 });

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

@@ -2,8 +2,8 @@ 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: "20",
-  height: "20",
+  width: "16",
+  height: "16",
   viewBox: "0 0 20 20",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
@@ -37,5 +37,6 @@ const CustomGlyph = props => /*#__PURE__*/React.createElement("svg", _extends({
 }));
 export const ChatPillIcon = props => /*#__PURE__*/React.createElement(Icon, _extends({}, props, {
   glyph: CustomGlyph,
-  label: ""
+  label: "",
+  size: "small"
 }));

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

@@ -7,7 +7,7 @@ const buttonStyles = xcss({
   padding: 'space.100',
   borderRadius: 'border.radius.200',
   borderBottomRightRadius: "var(--ds-border-radius-050, 2px)",
-  lineHeight: '20px',
+  lineHeight: '16px',
   fontWeight: '500',
   fontSize: '14px',
   textOverflow: 'ellipsis',
@@ -31,10 +31,6 @@ const queryTextStyles = xcss({
 const whiteSpacePreWrapStyles = xcss({
   whiteSpace: 'pre-wrap'
 });
-const iconWrapper = xcss({
-  minWidth: '20px',
-  height: '20px'
-});
 export const ChatPill = /*#__PURE__*/React.forwardRef(({
   children,
   whiteSpacePreWrap = true,
@@ -46,8 +42,6 @@ export const ChatPill = /*#__PURE__*/React.forwardRef(({
 }), /*#__PURE__*/React.createElement(Inline, {
   space: "space.050",
   xcss: buttonInlineStyles
-}, /*#__PURE__*/React.createElement(Box, {
-  xcss: iconWrapper
-}, /*#__PURE__*/React.createElement(ChatPillIcon, null)), /*#__PURE__*/React.createElement(Box, {
+}, /*#__PURE__*/React.createElement(ChatPillIcon, null), /*#__PURE__*/React.createElement(Box, {
   xcss: [queryTextStyles, whiteSpacePreWrap && whiteSpacePreWrapStyles]
 }, children))));

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

@@ -1,7 +1,9 @@
 export { AgentProfileInfo, AgentProfileCreator, AgentStarCount } from './ui/agent-profile-info';
 export { StarIconButton } from './common/ui/star-icon-button';
-export { AgentConversationStarters, getConversationStarters } from './ui/agent-conversation-starters';
+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';