@atlaskit/smart-card 44.3.21 → 44.3.23

package/CHANGELOG.md

@@ -1,5 +1,22 @@
 # @atlaskit/smart-card
 
+## 44.3.23
+
+### Patch Changes
+
+- Updated dependencies
+
+## 44.3.22
+
+### Patch Changes
+
+- [`1f06e9ed4dc63`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/1f06e9ed4dc63) -
+  [ux] add rovogrowth-640-inline-action-nudge-fg feature gate to the jira open mini modal logic for
+  useRovoChat hook
+- [`6ba679afd57d7`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/6ba679afd57d7) -
+  [ux] Update design for post auth inline hovercard exp - use pill buttons, ask rovo header, button
+  prompts"
+
 ## 44.3.21
 
 ### Patch Changes

package/dist/cjs/__tests__/vr-tests/__snapshots__/hover-card/hover-card-with-generic-3p-rovo-chat-action--default.png

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:4df239590aaac389efc3ed9d6e8087725b77a70c5bd5f9047993671379a33b25
-size 33107
+oid sha256:64a45081f856f48de6a315f9b12747d543b2b83106d1faa7b36089de8c7f04c1
+size 36891

package/dist/cjs/__tests__/vr-tests/__snapshots__/hover-card/hover-card-with-google-rovo-chat-action--default--rovogrowth-640-inline-action-nudge-exp-true.png

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:43fbdc9bbdc8153019286429b71a36b4709b3f6c40e63478482d08f8d204a234
-size 25329
+oid sha256:f16d2f260c508d20c49ca84a31b73ef9232cf7ae4b4ac0a8b5e3abaf946888eb
+size 29353

package/dist/cjs/messages.js

@@ -1006,5 +1006,25 @@ var messages = exports.messages = (0, _reactIntl.defineMessages)({
     id: 'fabric.linking.rovo_prompt_message_find_open_questions.non-final',
     defaultMessage: '<p>Look at this <a>{url}</a> and list any open questions, unresolved decisions, or asks that still need follow‑up. Group them by owner if possible and keep it concise.</p>',
     description: 'The prompt message to send to Rovo Chat. {url} refers to Smart Link that the user triggers this action from. (Please make sure all html tags remain the same.)'
+  },
+  rovo_chat_action_section_header: {
+    id: 'fabric.linking.rovo_chat_action_section_header.non-final',
+    defaultMessage: 'Ask Rovo',
+    description: 'Heading shown above the Rovo prompt action buttons in the smart link hover card, alongside the Rovo logo, to introduce the AI prompt suggestions.'
+  },
+  rovo_prompt_button_summarize_this: {
+    id: 'fabric.linking.rovo_prompt_button_summarize_this.non-final',
+    defaultMessage: 'Summarize this for me',
+    description: 'The name of the action to send prompt message to Rovo Chat in relation to current Smart Link'
+  },
+  rovo_prompt_button_ask_a_specific_question: {
+    id: 'fabric.linking.rovo_prompt_button_ask_a_specific_question.non-final',
+    defaultMessage: 'Ask a specific question',
+    description: 'The name of the action to send prompt message to Rovo Chat in relation to current Smart Link'
+  },
+  rovo_prompt_button_show_me_whats_relevant: {
+    id: 'fabric.linking.rovo_prompt_button_show_me_whats_relevant.non-final',
+    defaultMessage: "Show me what's relevant",
+    description: 'The name of the action to send prompt message to Rovo Chat in relation to current Smart Link'
   }
 });

package/dist/cjs/state/hooks/use-rovo-chat/index.js

@@ -35,7 +35,7 @@ var useRovoChat = function useRovoChat() {
           agentId: undefined
         }),
         openChat: true,
-        openChatMode: product && jiraProducts.includes(product) && (0, _platformFeatureFlags.fg)('platform_sl_3p_auth_rovo_block_jira_kill_switch') ? 'mini-modal' : 'sidebar'
+        openChatMode: product && jiraProducts.includes(product) && (0, _platformFeatureFlags.fg)('platform_sl_3p_auth_rovo_block_jira_kill_switch') || (0, _platformFeatureFlags.fg)('rovogrowth-640-inline-action-nudge-fg') ? 'mini-modal' : 'sidebar'
       },
       onAcknowledgeTimeout: function onAcknowledgeTimeout() {
         // NAVX-3599: Add analytics event

package/dist/cjs/utils/analytics/analytics.js

@@ -11,7 +11,7 @@ var ANALYTICS_CHANNEL = exports.ANALYTICS_CHANNEL = 'media';
 var context = exports.context = {
   componentName: 'smart-cards',
   packageName: "@atlaskit/smart-card" || '',
-  packageVersion: "44.3.20" || ''
+  packageVersion: "44.3.22" || ''
 };
 var TrackQuickActionType = exports.TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

package/dist/cjs/view/FlexibleCard/assets/rovo-hex-logo.js

@@ -0,0 +1,64 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = _interopRequireDefault(require("react"));
+var _excluded = ["width", "height"];
+var RovoHexLogo = function RovoHexLogo(_ref) {
+  var _ref$width = _ref.width,
+    width = _ref$width === void 0 ? 16 : _ref$width,
+    _ref$height = _ref.height,
+    height = _ref$height === void 0 ? 16 : _ref$height,
+    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  return /*#__PURE__*/_react.default.createElement("svg", (0, _extends2.default)({
+    width: width,
+    height: height,
+    viewBox: "0 0 16 16",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "aria-hidden": "true",
+    focusable: "false"
+  }, props), /*#__PURE__*/_react.default.createElement("path", {
+    d: "M7.32082 0.180234C7.74137 -0.0600783 8.25764 -0.0600779 8.67819 0.180234L14.4919 3.50235C14.9181 3.7459 15.1811 4.19916 15.1811 4.69005V11.31C15.1811 11.8008 14.9181 12.2541 14.4919 12.4976L8.67819 15.8198C8.25764 16.0601 7.74137 16.0601 7.32082 15.8198L1.50712 12.4976C1.08091 12.2541 0.817871 11.8008 0.817871 11.31V4.69005C0.817871 4.19916 1.08091 3.7459 1.50712 3.50235L7.32082 0.180234Z",
+    fill: "#BF63F3"
+  }), /*#__PURE__*/_react.default.createElement("mask", {
+    id: "rovo-hex-logo-mask"
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
+    ,
+    style: {
+      maskType: 'alpha'
+    },
+    maskUnits: "userSpaceOnUse",
+    x: "0",
+    y: "0",
+    width: "16",
+    height: "16"
+  }, /*#__PURE__*/_react.default.createElement("path", {
+    d: "M7.32131 0.180234C7.74186 -0.0600783 8.25813 -0.0600779 8.67868 0.180234L14.4924 3.50235C14.9186 3.7459 15.1816 4.19916 15.1816 4.69005V11.31C15.1816 11.8008 14.9186 12.2541 14.4924 12.4976L8.67868 15.8198C8.25813 16.0601 7.74186 16.0601 7.32131 15.8198L1.50761 12.4976C1.08139 12.2541 0.818359 11.8008 0.818359 11.31V4.69005C0.818359 4.19916 1.08139 3.7459 1.50761 3.50235L7.32131 0.180234Z",
+    fill: "#BF63F3"
+  })), /*#__PURE__*/_react.default.createElement("g", {
+    mask: "url(#rovo-hex-logo-mask)"
+  }, /*#__PURE__*/_react.default.createElement("path", {
+    d: "M1.55034 23.7263C2.51722 21.8759 3.92904 20.4254 5.78825 19.4378C7.64746 18.4502 9.80649 18.0272 11.9924 18.2787L0.232859 -3.40716C-1.71715 -3.05431 -3.61315 -2.40324 -5.43793 -1.43392C-7.26271 -0.464597 -8.83182 0.695804 -10.1944 2.06176L1.55525 23.7295L1.55034 23.7263Z",
+    fill: "#82B536"
+  }), /*#__PURE__*/_react.default.createElement("path", {
+    d: "M8.32996 10.6048C5.08544 11.9472 2.60753 14.1646 2.50661 17.2335C2.50661 17.2335 2.50834 17.2492 2.5067 17.2569C2.50006 17.4849 2.50431 17.7155 2.52528 17.9508C2.52613 17.9528 2.52697 17.9548 2.52782 17.9568C2.54755 18.195 2.58193 18.4389 2.63013 18.6865C2.64247 18.7448 2.66068 18.8053 2.67303 18.8635C2.71727 19.0611 2.76151 19.2587 2.82541 19.4622C2.91006 19.7323 3.0085 20.006 3.12662 20.2856C3.34515 20.803 3.60149 21.2648 3.87811 21.6759C4.24638 22.2229 4.65025 22.6799 5.05256 23.0579C5.15366 23.1522 5.25307 23.2424 5.35496 23.327C5.82852 23.6473 6.52024 24.0721 7.67929 24.611C8.43636 24.9641 9.39801 25.3664 10.6295 25.8214C11.6142 24.3227 13.4162 23.1571 15.1026 21.8515C16.434 20.8196 17.6899 19.7016 18.4057 18.2626C19.0622 16.9444 19.0793 15.3018 18.3596 13.5979C16.5583 9.33325 12.571 8.84764 8.33329 10.6011L8.32996 10.6048Z",
+    fill: "#FCA700"
+  }), /*#__PURE__*/_react.default.createElement("path", {
+    d: "M15.5504 -10.1487L-3.75363 -6.70421C-3.75363 -6.70421 -1.76588 2.02941 -6.08056 9.9801C-5.48977 10.025 -4.8921 10.052 -4.28777 10.0436C6.82615 9.88862 15.707 0.847682 15.5504 -10.1523L15.5504 -10.1487Z",
+    fill: "#1868DB"
+  })), /*#__PURE__*/_react.default.createElement("path", {
+    d: "M7.56286 3.61843C7.87582 3.44569 8.2578 3.44886 8.56822 3.62795L11.5883 5.37155C11.9043 5.5539 12.1 5.89221 12.1 6.25667V9.74392C12.1 10.1098 11.9055 10.4466 11.5885 10.6289L9.31833 11.9396C9.3233 11.9256 9.32804 11.9115 9.33255 11.8974C9.37469 11.7667 9.39702 11.6287 9.39702 11.4875V8.00029C9.39702 7.52122 9.14221 7.07944 8.7266 6.84045L7.03432 5.86386V4.51304C7.03432 4.4066 7.05078 4.30262 7.08192 4.20419C7.15847 3.96597 7.3213 3.75973 7.54405 3.63099L7.54473 3.6306C7.55112 3.62692 7.55719 3.62283 7.56286 3.61843Z",
+    fill: "white"
+  }), /*#__PURE__*/_react.default.createElement("path", {
+    d: "M6.79433 4.06439L4.52416 5.37506C4.20715 5.55732 4.0127 5.89413 4.0127 6.26003V9.74729C4.0127 10.1117 4.20829 10.45 4.52436 10.6324L7.54444 12.376C7.85486 12.5551 8.23686 12.5583 8.5498 12.3855C8.55547 12.3811 8.5615 12.3771 8.56789 12.3734C8.79089 12.2447 8.95396 12.0384 9.03064 11.8001C9.06185 11.7016 9.07834 11.5975 9.07834 11.4909V10.1401L7.38617 9.16356C6.97063 8.92455 6.71564 8.48268 6.71564 8.00366V4.5164C6.71564 4.37548 6.73791 4.2376 6.77994 4.1071C6.7845 4.09277 6.7893 4.07853 6.79433 4.06439Z",
+    fill: "white"
+  }));
+};
+RovoHexLogo.displayName = 'RovoHexLogo';
+var _default = exports.default = RovoHexLogo;

package/dist/cjs/view/FlexibleCard/components/actions/action/action-stack-item/action-button.compiled.css

@@ -1,16 +1,27 @@
 ._11c8wadc{font:var(--ds-font-body-small,normal 400 9pt/1pc "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
+._2rko1qi0{border-radius:var(--ds-radius-medium,6px)}
+._189ee4h9{border-width:var(--ds-border-width,1px)}
+._1dqonqa1{border-style:solid}
+._1h6d1l7x{border-color:var(--ds-border,#0b120e24)}
 ._19bv1b66{padding-left:var(--ds-space-050,4px)}
+._19bvv77o{padding-left:var(--ds-space-025,2px)}
 ._1bah1h6o{justify-content:center}
+._1bsb1ns9{width:-moz-fit-content;width:fit-content}
 ._1bsb1osq{width:100%}
 ._1bsb1tcg{width:24px}
 ._1e0c116y{display:inline-flex}
+._1o9zidpf{flex-shrink:0}
 ._4cvr1h6o{align-items:center}
 ._4t3i1tcg{height:24px}
 ._bfhksm61{background-color:var(--ds-background-neutral-subtle,#00000000)}
 ._ca0q1b66{padding-top:var(--ds-space-050,4px)}
+._kqswh2mm{position:relative}
 ._n3td1b66{padding-bottom:var(--ds-space-050,4px)}
+._o5721q9c{white-space:nowrap}
 ._syazi7uo{color:var(--ds-text,#292a2e)}
 ._u5f31b66{padding-right:var(--ds-space-050,4px)}
+._u5f3u2gc{padding-right:var(--ds-space-100,8px)}
 ._1ah31i6y:focus-visible{outline-offset:var(--ds-space-negative-025,-2px)}
+._4cvx1v1w:hover{border-color:var(--ds-border-focused,#4688ec)}
 ._irr31dpa:hover{background-color:var(--ds-background-neutral-subtle-hovered,#0515240f)}
 ._1di6fcek:active{background-color:var(--ds-background-neutral-subtle-pressed,#0b120e24)}

package/dist/cjs/view/FlexibleCard/components/actions/action/action-stack-item/action-button.js

@@ -17,15 +17,21 @@ var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _compiled = require("@atlaskit/primitives/compiled");
 var _spinner = _interopRequireDefault(require("@atlaskit/spinner"));
 var _expValEqualsNoExposure = require("@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure");
+var _constants = require("../../../../../../constants");
+var _flexibleUiContext = require("../../../../../../state/flexible-ui-context");
 var _utils = require("../../../utils");
 var _actionIcon = _interopRequireDefault(require("../action-icon"));
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var styles = {
   button: "_bfhksm61 _ca0q1b66 _u5f31b66 _n3td1b66 _19bv1b66 _1bsb1osq _1ah31i6y _irr31dpa _1di6fcek",
+  pillButton: "_2rko1qi0 _189ee4h9 _1dqonqa1 _1h6d1l7x _kqswh2mm _bfhksm61 _u5f3u2gc _19bvv77o _1bsb1ns9 _1ah31i6y _4cvx1v1w _irr31dpa _1di6fcek",
   content: "_11c8wadc _syazi7uo",
+  pillContent: "_11c8wadc _syazi7uo _o5721q9c",
   spinner: "_1bsb1tcg _4t3i1tcg _1e0c116y _4cvr1h6o _1bah1h6o"
 };
+var pillIconWrapperStyles = null;
 var ActionButton = function ActionButton(_ref) {
+  var _flexibleUiContext$ac;
   var content = _ref.content,
     iconOption = _ref.icon,
     isDisabled = _ref.isDisabled,
@@ -48,6 +54,17 @@ var ActionButton = function ActionButton(_ref) {
   (0, _platformFeatureFlags.fg)('platform_sl_3p_auth_rovo_action_kill_switch') && (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_sl_3p_auth_rovo_action', 'isEnabled', true) ||
   // eslint-disable-next-line @atlaskit/platform/no-preconditioning
   (0, _platformFeatureFlags.fg)('rovogrowth-640-inline-action-nudge-fg') && (0, _expValEqualsNoExposure.expValEqualsNoExposure)('rovogrowth-640-inline-action-nudge-exp', 'isEnabled', true);
+
+  /**
+   * NOTE: We only apply the pill variant when there's text label
+   * (textual `content`). Icon-only stack-item buttons (e.g. the link/expand
+   * icons in the hover card footer) are also rendered with `as="stack-item"`
+   * but pass `content=""` and should keep their original borderless styling.
+   */
+  var hasTextualContent = typeof content === 'string' ? content.trim().length > 0 : Boolean(content);
+  var flexibleUiContext = (0, _flexibleUiContext.useFlexibleUiContext)();
+  var isInRovoActionStack = !!(flexibleUiContext !== null && flexibleUiContext !== void 0 && (_flexibleUiContext$ac = flexibleUiContext.actions) !== null && _flexibleUiContext$ac !== void 0 && _flexibleUiContext$ac[_constants.ActionName.RovoChatAction]);
+  var isInlineActionNudgeExperiment = hasTextualContent && isInRovoActionStack && (0, _platformFeatureFlags.fg)('rovogrowth-640-inline-action-nudge-fg') && (0, _expValEqualsNoExposure.expValEqualsNoExposure)('rovogrowth-640-inline-action-nudge-exp', 'isEnabled', true);
   var icon = iconOption && isLoading ? /*#__PURE__*/React.createElement(_actionIcon.default, {
     icon: is3pExperimentEnabled ? /*#__PURE__*/React.createElement(_compiled.Box, {
       xcss: styles.spinner
@@ -59,7 +76,7 @@ var ActionButton = function ActionButton(_ref) {
     })
   }) : iconOption;
   return /*#__PURE__*/React.createElement(_compiled.Pressable, (0, _extends2.default)({
-    xcss: (0, _css.cx)(styles.button)
+    xcss: (0, _css.cx)(isInlineActionNudgeExperiment ? styles.pillButton : styles.button)
   }, tooltipProps, {
     onClick: onClick,
     testId: testId
@@ -70,10 +87,12 @@ var ActionButton = function ActionButton(_ref) {
     'aria-label': ariaLabel
   } : {}), /*#__PURE__*/React.createElement(_compiled.Inline, {
     alignBlock: "center",
-    grow: "fill",
-    space: space
-  }, icon, /*#__PURE__*/React.createElement(_compiled.Box, {
-    xcss: (0, _css.cx)(styles.content)
+    grow: isInlineActionNudgeExperiment ? 'hug' : 'fill',
+    space: isInlineActionNudgeExperiment ? 'space.050' : space
+  }, isInlineActionNudgeExperiment ? /*#__PURE__*/React.createElement("span", {
+    className: (0, _runtime.ax)(["_1e0c116y _4cvr1h6o _1bah1h6o _1bsb1tcg _4t3i1tcg _1o9zidpf"])
+  }, icon) : icon, /*#__PURE__*/React.createElement(_compiled.Box, {
+    xcss: (0, _css.cx)(isInlineActionNudgeExperiment ? styles.pillContent : styles.content)
   }, content)));
 };
 var _default = exports.default = ActionButton;

package/dist/cjs/view/FlexibleCard/components/actions/rovo-chat-action/index.js

@@ -14,6 +14,9 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 var _react = _interopRequireWildcard(require("react"));
 var _reactIntl = require("react-intl");
 var _aiGenerativeText = _interopRequireDefault(require("@atlaskit/icon-lab/core/ai-generative-text"));
+var _aiSearch = _interopRequireDefault(require("@atlaskit/icon-lab/core/ai-search"));
+var _aiGenerativeTextSummary = _interopRequireDefault(require("@atlaskit/icon/core/ai-generative-text-summary"));
+var _rovoChat = _interopRequireDefault(require("@atlaskit/icon/core/rovo-chat"));
 var _expValEqualsNoExposure = require("@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure");
 var _constants = require("../../../../../constants");
 var _messages = require("../../../../../messages");
@@ -40,12 +43,15 @@ var RovoChatPromptKey = exports.RovoChatPromptKey = /*#__PURE__*/function (RovoC
   RovoChatPromptKey["IDENTIFY_KEY_TRENDS"] = "identify-key-trends";
   RovoChatPromptKey["FIND_OPEN_QUESTIONS"] = "find-open-questions";
   RovoChatPromptKey["HIGHLIGHT_RELEVANT_CONTENT"] = "highlight-relevant-content";
+  RovoChatPromptKey["SUMMARIZE_THIS_FOR_ME"] = "summarize-this-for-me";
+  RovoChatPromptKey["ASK_A_SPECIFIC_QUESTION"] = "ask-a-specific-question";
+  RovoChatPromptKey["SHOW_ME_WHATS_RELEVANT"] = "show-me-whats-relevant";
   return RovoChatPromptKey;
 }({});
 var GOOGLE_PROMPTS = [RovoChatPromptKey.RECOMMEND_OTHER_SOURCES, RovoChatPromptKey.SHOW_OTHER_MENTIONS, RovoChatPromptKey.SUGGEST_IMPROVEMENT];
 var GENERIC_3P_PROMPTS = [
-// For rovogrowth-640-inline-action-nudge-exp only. Applies to all RovoActions eligible providers, except Google
-RovoChatPromptKey.SUMMARIZE_LINK, RovoChatPromptKey.KEY_HIGHLIGHTS, RovoChatPromptKey.ASK_ROVO_ANYTHING];
+// For rovogrowth-640-inline-action-nudge-exp only
+RovoChatPromptKey.SHOW_ME_WHATS_RELEVANT, RovoChatPromptKey.SUMMARIZE_THIS_FOR_ME, RovoChatPromptKey.ASK_A_SPECIFIC_QUESTION];
 var DEFAULT_PROMPTS = GOOGLE_PROMPTS;
 var getContext = function getContext(intl, product) {
   switch (product) {
@@ -151,6 +157,28 @@ var getPromptAction = function getPromptAction(promptKey, intl) {
           }
         }
       };
+    case RovoChatPromptKey.SUMMARIZE_THIS_FOR_ME:
+      var label_summarize_this_for_me = intl.formatMessage(_messages.messages.rovo_prompt_button_summarize_this);
+      var html_summarize_this_for_me = intl.formatMessage(_messages.messages.rovo_prompt_message_summarize, {
+        url: url
+      }, {
+        ignoreTag: true
+      });
+      return {
+        icon: /*#__PURE__*/_react.default.createElement(_aiGenerativeTextSummary.default, {
+          label: label_summarize_this_for_me
+        }),
+        content: label_summarize_this_for_me,
+        tooltipMessage: label_summarize_this_for_me,
+        data: {
+          name: label_summarize_this_for_me,
+          dialogues: [],
+          prompt: (0, _htmlToAdf.default)(html_summarize_this_for_me),
+          mode: {
+            fastModeEnabled: true
+          }
+        }
+      };
     case RovoChatPromptKey.KEY_HIGHLIGHTS:
       var label_key_highlights = intl.formatMessage(_messages.messages.rovo_prompt_button_highlight_relevant_content);
       var html_key_highlights = intl.formatMessage(_messages.messages.rovo_prompt_message_highlight_relevant_content, {
@@ -189,6 +217,25 @@ var getPromptAction = function getPromptAction(promptKey, intl) {
           placeholderType: 'generic'
         }
       };
+    case RovoChatPromptKey.ASK_A_SPECIFIC_QUESTION:
+      var label_ask_a_specific_question = intl.formatMessage(_messages.messages.rovo_prompt_button_ask_a_specific_question);
+      var prompt_ask_a_specific_question = intl.formatMessage(_messages.messages.rovo_prompt_message_ask_rovo_anything, {
+        url: url
+      });
+      return {
+        icon: /*#__PURE__*/_react.default.createElement(_rovoChat.default, {
+          label: label_ask_a_specific_question
+        }),
+        content: label_ask_a_specific_question,
+        tooltipMessage: label_ask_a_specific_question,
+        data: {
+          name: label_ask_a_specific_question,
+          dialogues: [],
+          prompt: prompt_ask_a_specific_question,
+          isPromptPlaceholder: true,
+          placeholderType: 'generic'
+        }
+      };
     case RovoChatPromptKey.HIGHLIGHT_RELEVANT_CONTENT:
       var label_highlight_relevant_content = intl.formatMessage(_messages.messages.rovo_prompt_button_highlight_relevant_content);
       var html_highlight_relevant_content = intl.formatMessage(_messages.messages.rovo_prompt_message_highlight_relevant_content, {
@@ -209,6 +256,26 @@ var getPromptAction = function getPromptAction(promptKey, intl) {
           prompt: (0, _htmlToAdf.default)(html_highlight_relevant_content)
         }
       };
+    case RovoChatPromptKey.SHOW_ME_WHATS_RELEVANT:
+      var label_show_me_whats_relevant = intl.formatMessage(_messages.messages.rovo_prompt_button_show_me_whats_relevant);
+      var html_show_me_whats_relevant = intl.formatMessage(_messages.messages.rovo_prompt_message_highlight_relevant_content, {
+        context: contextLong,
+        url: url
+      }, {
+        ignoreTag: true
+      });
+      return {
+        icon: /*#__PURE__*/_react.default.createElement(_aiSearch.default, {
+          label: label_show_me_whats_relevant
+        }),
+        content: label_show_me_whats_relevant,
+        tooltipMessage: label_show_me_whats_relevant,
+        data: {
+          name: label_show_me_whats_relevant,
+          dialogues: [],
+          prompt: (0, _htmlToAdf.default)(html_show_me_whats_relevant)
+        }
+      };
     case RovoChatPromptKey.IDENTIFY_KEY_TRENDS:
       var label_identify_key_trends = intl.formatMessage(_messages.messages.rovo_prompt_button_identify_key_trends);
       var html_identify_key_trends = intl.formatMessage(_messages.messages.rovo_prompt_message_identify_key_trends, {

package/dist/cjs/view/FlexibleCard/components/blocks/action-block/ask-rovo-section-header.compiled.css

@@ -0,0 +1,15 @@
+._11c8wadc{font:var(--ds-font-body-small,normal 400 9pt/1pc "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
+._zulp1b66{gap:var(--ds-space-050,4px)}
+._zulputpp{gap:var(--ds-space-150,9pt)}
+._18u0v77o{margin-left:var(--ds-space-025,2px)}
+._19bv1b66{padding-left:var(--ds-space-050,4px)}
+._1bsb1osq{width:100%}
+._1e0c1txw{display:flex}
+._1wpz1fhb{align-self:stretch}
+._2lx21bp4{flex-direction:column}
+._4cvr1h6o{align-items:center}
+._4t3it94y{height:1px}
+._bfhk1l7x{background-color:var(--ds-border,#0b120e24)}
+._k48p1wq8{font-weight:var(--ds-font-weight-medium,500)}
+._otyru2gc{margin-bottom:var(--ds-space-100,8px)}
+._syazazsu{color:var(--ds-text-subtle,#505258)}

package/dist/cjs/view/FlexibleCard/components/blocks/action-block/ask-rovo-section-header.js

@@ -0,0 +1,44 @@
+/* ask-rovo-section-header.tsx generated by @compiled/babel-plugin v0.39.1 */
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+require("./ask-rovo-section-header.compiled.css");
+var React = _interopRequireWildcard(require("react"));
+var _runtime = require("@compiled/react/runtime");
+var _reactIntl = require("react-intl");
+var _messages = require("../../../../../messages");
+var _rovoHexLogo = _interopRequireDefault(require("../../../assets/rovo-hex-logo"));
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+var sectionHeaderStyles = null;
+var sectionHeaderDividerStyles = null;
+var sectionHeaderRowStyles = null;
+var sectionHeaderLabelStyles = null;
+/**
+ * "Ask Rovo" section header rendered above the prompt action pill buttons in
+ * the rovogrowth-640-inline-action-nudge-exp pill variant.
+ *
+ * Renders a full-width 1px divider followed by a row containing the colourful
+ * Rovo hex logo and the "Ask Rovo" label.
+ */
+var AskRovoSectionHeader = function AskRovoSectionHeader(_ref) {
+  var testId = _ref.testId;
+  var intl = (0, _reactIntl.useIntl)();
+  return /*#__PURE__*/React.createElement("div", {
+    "data-testid": testId,
+    className: (0, _runtime.ax)(["_zulputpp _1e0c1txw _2lx21bp4 _otyru2gc _18u0v77o _1bsb1osq _1wpz1fhb"])
+  }, /*#__PURE__*/React.createElement("div", {
+    role: "separator",
+    "aria-orientation": "horizontal",
+    className: (0, _runtime.ax)(["_4t3it94y _1bsb1osq _bfhk1l7x"])
+  }), /*#__PURE__*/React.createElement("div", {
+    className: (0, _runtime.ax)(["_zulp1b66 _1e0c1txw _4cvr1h6o _19bv1b66"])
+  }, /*#__PURE__*/React.createElement(_rovoHexLogo.default, null), /*#__PURE__*/React.createElement("span", {
+    className: (0, _runtime.ax)(["_11c8wadc _syazazsu _k48p1wq8"])
+  }, intl.formatMessage(_messages.messages.rovo_chat_action_section_header))));
+};
+var _default = exports.default = AskRovoSectionHeader;

package/dist/cjs/view/FlexibleCard/components/blocks/action-block/index.compiled.css

@@ -1,7 +1,10 @@
-._16jlkb7n{flex-grow:1}
+
+._zulp12x7{gap:var(--ds-space-075,6px)}._16jlkb7n{flex-grow:1}
 ._18u01ivi{margin-left:calc(var(--container-gap-left)*-1)}
 ._1bsb129b{width:calc(100% + var(--container-gap-left) + var(--container-gap-right))}
+._1bsb1osq{width:100%}
 ._1e0c1txw{display:flex}
 ._2hwxc10g{margin-right:calc(var(--container-gap-right)*-1)}
 ._2lx21bp4{flex-direction:column}
+._4cvr1y6m{align-items:flex-start}
 ._vchhusvi{box-sizing:border-box}

package/dist/cjs/view/FlexibleCard/components/blocks/action-block/index.js

@@ -14,12 +14,16 @@ var _runtime = require("@compiled/react/runtime");
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _reactMagneticDi = require("react-magnetic-di");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _expValEqualsNoExposure = require("@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure");
 var _constants = require("../../../../../constants");
 var _flexibleUiContext = require("../../../../../state/flexible-ui-context");
 var Actions = _interopRequireWildcard(require("../../actions"));
 var _actionFooter = require("./action-footer");
+var _askRovoSectionHeader = _interopRequireDefault(require("./ask-rovo-section-header"));
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var ignoreContainerPaddingStyles = null;
+var inlineActionNudgePillWrapperStyles = null;
+var inlineActionNudgeColumnStyles = null;
 var DEFAULT_SORT_ORDER = ['PreviewAction', 'CopyLinkAction', 'AISummaryAction'];
 var sort = function sort(a, b) {
   var idxA = DEFAULT_SORT_ORDER.indexOf(a);
@@ -63,6 +67,9 @@ var ActionBlock = function ActionBlock(_ref) {
   var context = (0, _flexibleUiContext.useFlexibleUiContext)();
   var ui = (0, _flexibleUiContext.useFlexibleUiOptionContext)();
   var isRovoChatActionAvailable = ((0, _platformFeatureFlags.fg)('platform_sl_3p_auth_rovo_action_kill_switch') || (0, _platformFeatureFlags.fg)('rovogrowth-640-inline-action-nudge-fg')) && isAny3pRovoActionsExperimentOn ? (context === null || context === void 0 || (_context$actions = context.actions) === null || _context$actions === void 0 ? void 0 : _context$actions[_constants.ActionName.RovoChatAction]) !== undefined : undefined;
+
+  // eslint-disable-next-line @atlaskit/platform/no-preconditioning
+  var isInlineActionNudgeExperiment = (0, _platformFeatureFlags.fg)('rovogrowth-640-inline-action-nudge-fg') && (0, _expValEqualsNoExposure.expValEqualsNoExposure)('rovogrowth-640-inline-action-nudge-exp', 'isEnabled', true);
   var _useState = (0, _react.useState)(),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     message = _useState2[0],
@@ -107,17 +114,35 @@ var ActionBlock = function ActionBlock(_ref) {
         size: size || (ui === null || ui === void 0 ? void 0 : ui.size)
         // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
         ,
-        style: padding && {
+        style: !(isInlineActionNudgeExperiment && isRovoChatActionAvailable) && padding ? {
           paddingInline: padding
-        },
+        } : undefined,
         hideTooltip: isLoading
       });
     };
     return arr.map(function (name) {
       return renderAction(name);
     });
-  }, [context === null || context === void 0 ? void 0 : context.actions, isRovoChatActionAvailable, spaceInline, onError, onLoadingChange, size, ui === null || ui === void 0 ? void 0 : ui.size, padding, isLoading, _onClick]);
-  return actions ? /*#__PURE__*/React.createElement("div", {
+  }, [context === null || context === void 0 ? void 0 : context.actions, isRovoChatActionAvailable, spaceInline, onError, onLoadingChange, size, ui === null || ui === void 0 ? void 0 : ui.size, padding, isLoading, _onClick, isInlineActionNudgeExperiment]);
+  var showRovoSectionHeader = isInlineActionNudgeExperiment && isRovoChatActionAvailable;
+  if (!actions) {
+    return null;
+  }
+  if (isInlineActionNudgeExperiment && isRovoChatActionAvailable) {
+    return /*#__PURE__*/React.createElement("div", {
+      ref: blockRef,
+      "data-testid": testId,
+      className: (0, _runtime.ax)(["_1e0c1txw _2lx21bp4 _vchhusvi _1bsb1osq"])
+    }, showRovoSectionHeader && /*#__PURE__*/React.createElement(_askRovoSectionHeader.default, {
+      testId: testId ? "".concat(testId, "-rovo-section-header") : undefined
+    }), /*#__PURE__*/React.createElement("div", {
+      className: (0, _runtime.ax)(["_zulp12x7 _1e0c1txw _2lx21bp4 _4cvr1y6m"])
+    }, actions), /*#__PURE__*/React.createElement(_actionFooter.ActionFooter, {
+      message: message,
+      testId: testId
+    }));
+  }
+  return /*#__PURE__*/React.createElement("div", {
     ref: blockRef,
     "data-testid": testId
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
@@ -126,6 +151,6 @@ var ActionBlock = function ActionBlock(_ref) {
   }, actions, /*#__PURE__*/React.createElement(_actionFooter.ActionFooter, {
     message: message,
     testId: testId
-  })) : null;
+  }));
 };
 var _default = exports.default = ActionBlock;

package/dist/cjs/view/LinkUrl/index.js

@@ -22,7 +22,7 @@ var _excluded = ["href", "children", "checkSafety", "onClick", "testId", "isLink
   _excluded2 = ["isLinkSafe", "showSafetyWarningModal"];
 var PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "44.3.20",
+  packageVersion: "44.3.22",
   componentName: 'linkUrl'
 };
 var Anchor = (0, _click.withLinkClickedEvent)('a');

package/dist/es2019/__tests__/vr-tests/__snapshots__/hover-card/hover-card-with-generic-3p-rovo-chat-action--default.png

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:4df239590aaac389efc3ed9d6e8087725b77a70c5bd5f9047993671379a33b25
-size 33107
+oid sha256:64a45081f856f48de6a315f9b12747d543b2b83106d1faa7b36089de8c7f04c1
+size 36891

package/dist/es2019/__tests__/vr-tests/__snapshots__/hover-card/hover-card-with-google-rovo-chat-action--default--rovogrowth-640-inline-action-nudge-exp-true.png

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:43fbdc9bbdc8153019286429b71a36b4709b3f6c40e63478482d08f8d204a234
-size 25329
+oid sha256:f16d2f260c508d20c49ca84a31b73ef9232cf7ae4b4ac0a8b5e3abaf946888eb
+size 29353

package/dist/es2019/messages.js

@@ -1000,5 +1000,25 @@ export const messages = defineMessages({
     id: 'fabric.linking.rovo_prompt_message_find_open_questions.non-final',
     defaultMessage: '<p>Look at this <a>{url}</a> and list any open questions, unresolved decisions, or asks that still need follow‑up. Group them by owner if possible and keep it concise.</p>',
     description: 'The prompt message to send to Rovo Chat. {url} refers to Smart Link that the user triggers this action from. (Please make sure all html tags remain the same.)'
+  },
+  rovo_chat_action_section_header: {
+    id: 'fabric.linking.rovo_chat_action_section_header.non-final',
+    defaultMessage: 'Ask Rovo',
+    description: 'Heading shown above the Rovo prompt action buttons in the smart link hover card, alongside the Rovo logo, to introduce the AI prompt suggestions.'
+  },
+  rovo_prompt_button_summarize_this: {
+    id: 'fabric.linking.rovo_prompt_button_summarize_this.non-final',
+    defaultMessage: 'Summarize this for me',
+    description: 'The name of the action to send prompt message to Rovo Chat in relation to current Smart Link'
+  },
+  rovo_prompt_button_ask_a_specific_question: {
+    id: 'fabric.linking.rovo_prompt_button_ask_a_specific_question.non-final',
+    defaultMessage: 'Ask a specific question',
+    description: 'The name of the action to send prompt message to Rovo Chat in relation to current Smart Link'
+  },
+  rovo_prompt_button_show_me_whats_relevant: {
+    id: 'fabric.linking.rovo_prompt_button_show_me_whats_relevant.non-final',
+    defaultMessage: `Show me what's relevant`,
+    description: 'The name of the action to send prompt message to Rovo Chat in relation to current Smart Link'
   }
 });

package/dist/es2019/state/hooks/use-rovo-chat/index.js

@@ -27,7 +27,7 @@ const useRovoChat = () => {
           agentId: undefined
         },
         openChat: true,
-        openChatMode: product && jiraProducts.includes(product) && fg('platform_sl_3p_auth_rovo_block_jira_kill_switch') ? 'mini-modal' : 'sidebar'
+        openChatMode: product && jiraProducts.includes(product) && fg('platform_sl_3p_auth_rovo_block_jira_kill_switch') || fg('rovogrowth-640-inline-action-nudge-fg') ? 'mini-modal' : 'sidebar'
       },
       onAcknowledgeTimeout: () => {
         // NAVX-3599: Add analytics event

package/dist/es2019/utils/analytics/analytics.js

@@ -2,7 +2,7 @@ export const ANALYTICS_CHANNEL = 'media';
 export const context = {
   componentName: 'smart-cards',
   packageName: "@atlaskit/smart-card" || '',
-  packageVersion: "44.3.20" || ''
+  packageVersion: "44.3.22" || ''
 };
 export let TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";