@atlaskit/smart-card 44.3.21 → 44.3.23

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

@@ -0,0 +1,52 @@
+import _extends from "@babel/runtime/helpers/extends";
+import React from 'react';
+const RovoHexLogo = ({
+  width = 16,
+  height = 16,
+  ...props
+}) => /*#__PURE__*/React.createElement("svg", _extends({
+  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.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.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.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.createElement("g", {
+  mask: "url(#rovo-hex-logo-mask)"
+}, /*#__PURE__*/React.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.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.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.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.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';
+export default RovoHexLogo;

package/dist/es2019/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/es2019/view/FlexibleCard/components/actions/action/action-stack-item/action-button.js

@@ -9,13 +9,18 @@ import { fg } from '@atlaskit/platform-feature-flags';
 import { Box, Inline, Pressable } from '@atlaskit/primitives/compiled';
 import Spinner from '@atlaskit/spinner';
 import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
+import { ActionName } from '../../../../../../constants';
+import { useFlexibleUiContext } from '../../../../../../state/flexible-ui-context';
 import { getPrimitivesInlineSpaceBySize } from '../../../utils';
 import ActionIcon from '../action-icon';
 const 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"
 };
+const pillIconWrapperStyles = null;
 const ActionButton = ({
   content,
   icon: iconOption,
@@ -29,6 +34,7 @@ const ActionButton = ({
   style,
   ariaLabel
 }) => {
+  var _flexibleUiContext$ac;
   const space = spaceOption !== null && spaceOption !== void 0 ? spaceOption : getPrimitivesInlineSpaceBySize(size);
   const onClick = useCallback(() => {
     if (!isDisabled && !isLoading && onClickCallback) {
@@ -40,6 +46,17 @@ const ActionButton = ({
   fg('platform_sl_3p_auth_rovo_action_kill_switch') && expValEqualsNoExposure('platform_sl_3p_auth_rovo_action', 'isEnabled', true) ||
   // eslint-disable-next-line @atlaskit/platform/no-preconditioning
   fg('rovogrowth-640-inline-action-nudge-fg') && 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.
+   */
+  const hasTextualContent = typeof content === 'string' ? content.trim().length > 0 : Boolean(content);
+  const flexibleUiContext = useFlexibleUiContext();
+  const isInRovoActionStack = !!(flexibleUiContext !== null && flexibleUiContext !== void 0 && (_flexibleUiContext$ac = flexibleUiContext.actions) !== null && _flexibleUiContext$ac !== void 0 && _flexibleUiContext$ac[ActionName.RovoChatAction]);
+  const isInlineActionNudgeExperiment = hasTextualContent && isInRovoActionStack && fg('rovogrowth-640-inline-action-nudge-fg') && expValEqualsNoExposure('rovogrowth-640-inline-action-nudge-exp', 'isEnabled', true);
   const icon = iconOption && isLoading ? /*#__PURE__*/React.createElement(ActionIcon, {
     icon: is3pExperimentEnabled ? /*#__PURE__*/React.createElement(Box, {
       xcss: styles.spinner
@@ -51,7 +68,7 @@ const ActionButton = ({
     })
   }) : iconOption;
   return /*#__PURE__*/React.createElement(Pressable, _extends({
-    xcss: cx(styles.button)
+    xcss: cx(isInlineActionNudgeExperiment ? styles.pillButton : styles.button)
   }, tooltipProps, {
     onClick: onClick,
     testId: testId
@@ -62,10 +79,12 @@ const ActionButton = ({
     'aria-label': ariaLabel
   } : {}), /*#__PURE__*/React.createElement(Inline, {
     alignBlock: "center",
-    grow: "fill",
-    space: space
-  }, icon, /*#__PURE__*/React.createElement(Box, {
-    xcss: cx(styles.content)
+    grow: isInlineActionNudgeExperiment ? 'hug' : 'fill',
+    space: isInlineActionNudgeExperiment ? 'space.050' : space
+  }, isInlineActionNudgeExperiment ? /*#__PURE__*/React.createElement("span", {
+    className: ax(["_1e0c116y _4cvr1h6o _1bah1h6o _1bsb1tcg _4t3i1tcg _1o9zidpf"])
+  }, icon) : icon, /*#__PURE__*/React.createElement(Box, {
+    xcss: cx(isInlineActionNudgeExperiment ? styles.pillContent : styles.content)
   }, content)));
 };
 export default ActionButton;

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

@@ -2,6 +2,9 @@ import _extends from "@babel/runtime/helpers/extends";
 import React, { useCallback, useMemo } from 'react';
 import { useIntl } from 'react-intl';
 import AiGenerativeTextIcon from '@atlaskit/icon-lab/core/ai-generative-text';
+import AiSearchIcon from '@atlaskit/icon-lab/core/ai-search';
+import AiGenerativeTextSummaryIcon from '@atlaskit/icon/core/ai-generative-text-summary';
+import RovoChatIcon from '@atlaskit/icon/core/rovo-chat';
 import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
 import { ActionName } from '../../../../../constants';
 import { messages } from '../../../../../messages';
@@ -24,12 +27,15 @@ export let RovoChatPromptKey = /*#__PURE__*/function (RovoChatPromptKey) {
   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;
 }({});
 const GOOGLE_PROMPTS = [RovoChatPromptKey.RECOMMEND_OTHER_SOURCES, RovoChatPromptKey.SHOW_OTHER_MENTIONS, RovoChatPromptKey.SUGGEST_IMPROVEMENT];
 const 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];
 const DEFAULT_PROMPTS = GOOGLE_PROMPTS;
 const getContext = (intl, product) => {
   switch (product) {
@@ -134,6 +140,28 @@ const getPromptAction = (promptKey, intl, url = '', product) => {
           }
         }
       };
+    case RovoChatPromptKey.SUMMARIZE_THIS_FOR_ME:
+      const label_summarize_this_for_me = intl.formatMessage(messages.rovo_prompt_button_summarize_this);
+      const html_summarize_this_for_me = intl.formatMessage(messages.rovo_prompt_message_summarize, {
+        url
+      }, {
+        ignoreTag: true
+      });
+      return {
+        icon: /*#__PURE__*/React.createElement(AiGenerativeTextSummaryIcon, {
+          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: htmlToAdf(html_summarize_this_for_me),
+          mode: {
+            fastModeEnabled: true
+          }
+        }
+      };
     case RovoChatPromptKey.KEY_HIGHLIGHTS:
       const label_key_highlights = intl.formatMessage(messages.rovo_prompt_button_highlight_relevant_content);
       const html_key_highlights = intl.formatMessage(messages.rovo_prompt_message_highlight_relevant_content, {
@@ -172,6 +200,25 @@ const getPromptAction = (promptKey, intl, url = '', product) => {
           placeholderType: 'generic'
         }
       };
+    case RovoChatPromptKey.ASK_A_SPECIFIC_QUESTION:
+      const label_ask_a_specific_question = intl.formatMessage(messages.rovo_prompt_button_ask_a_specific_question);
+      const prompt_ask_a_specific_question = intl.formatMessage(messages.rovo_prompt_message_ask_rovo_anything, {
+        url
+      });
+      return {
+        icon: /*#__PURE__*/React.createElement(RovoChatIcon, {
+          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:
       const label_highlight_relevant_content = intl.formatMessage(messages.rovo_prompt_button_highlight_relevant_content);
       const html_highlight_relevant_content = intl.formatMessage(messages.rovo_prompt_message_highlight_relevant_content, {
@@ -192,6 +239,26 @@ const getPromptAction = (promptKey, intl, url = '', product) => {
           prompt: htmlToAdf(html_highlight_relevant_content)
         }
       };
+    case RovoChatPromptKey.SHOW_ME_WHATS_RELEVANT:
+      const label_show_me_whats_relevant = intl.formatMessage(messages.rovo_prompt_button_show_me_whats_relevant);
+      const html_show_me_whats_relevant = intl.formatMessage(messages.rovo_prompt_message_highlight_relevant_content, {
+        context: contextLong,
+        url
+      }, {
+        ignoreTag: true
+      });
+      return {
+        icon: /*#__PURE__*/React.createElement(AiSearchIcon, {
+          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: htmlToAdf(html_show_me_whats_relevant)
+        }
+      };
     case RovoChatPromptKey.IDENTIFY_KEY_TRENDS:
       const label_identify_key_trends = intl.formatMessage(messages.rovo_prompt_button_identify_key_trends);
       const html_identify_key_trends = intl.formatMessage(messages.rovo_prompt_message_identify_key_trends, {

package/dist/es2019/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/es2019/view/FlexibleCard/components/blocks/action-block/ask-rovo-section-header.js

@@ -0,0 +1,36 @@
+/* ask-rovo-section-header.tsx generated by @compiled/babel-plugin v0.39.1 */
+import "./ask-rovo-section-header.compiled.css";
+import * as React from 'react';
+import { ax, ix } from "@compiled/react/runtime";
+import { useIntl } from 'react-intl';
+import { messages } from '../../../../../messages';
+import RovoHexLogo from '../../../assets/rovo-hex-logo';
+const sectionHeaderStyles = null;
+const sectionHeaderDividerStyles = null;
+const sectionHeaderRowStyles = null;
+const 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.
+ */
+const AskRovoSectionHeader = ({
+  testId
+}) => {
+  const intl = useIntl();
+  return /*#__PURE__*/React.createElement("div", {
+    "data-testid": testId,
+    className: ax(["_zulputpp _1e0c1txw _2lx21bp4 _otyru2gc _18u0v77o _1bsb1osq _1wpz1fhb"])
+  }, /*#__PURE__*/React.createElement("div", {
+    role: "separator",
+    "aria-orientation": "horizontal",
+    className: ax(["_4t3it94y _1bsb1osq _bfhk1l7x"])
+  }), /*#__PURE__*/React.createElement("div", {
+    className: ax(["_zulp1b66 _1e0c1txw _4cvr1h6o _19bv1b66"])
+  }, /*#__PURE__*/React.createElement(RovoHexLogo, null), /*#__PURE__*/React.createElement("span", {
+    className: ax(["_11c8wadc _syazazsu _k48p1wq8"])
+  }, intl.formatMessage(messages.rovo_chat_action_section_header))));
+};
+export default AskRovoSectionHeader;

package/dist/es2019/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/es2019/view/FlexibleCard/components/blocks/action-block/index.js

@@ -5,11 +5,15 @@ import { ax, ix } from "@compiled/react/runtime";
 import { useCallback, useMemo, useState } from 'react';
 import { di } from 'react-magnetic-di';
 import { fg } from '@atlaskit/platform-feature-flags';
+import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
 import { ActionName, SmartLinkSize } from '../../../../../constants';
 import { useFlexibleUiContext, useFlexibleUiOptionContext } from '../../../../../state/flexible-ui-context';
 import * as Actions from '../../actions';
 import { ActionFooter } from './action-footer';
+import AskRovoSectionHeader from './ask-rovo-section-header';
 const ignoreContainerPaddingStyles = null;
+const inlineActionNudgePillWrapperStyles = null;
+const inlineActionNudgeColumnStyles = null;
 const DEFAULT_SORT_ORDER = ['PreviewAction', 'CopyLinkAction', 'AISummaryAction'];
 const sort = (a, b) => {
   let idxA = DEFAULT_SORT_ORDER.indexOf(a);
@@ -53,6 +57,9 @@ const ActionBlock = ({
   const context = useFlexibleUiContext();
   const ui = useFlexibleUiOptionContext();
   const isRovoChatActionAvailable = (fg('platform_sl_3p_auth_rovo_action_kill_switch') || fg('rovogrowth-640-inline-action-nudge-fg')) && isAny3pRovoActionsExperimentOn ? (context === null || context === void 0 ? void 0 : (_context$actions = context.actions) === null || _context$actions === void 0 ? void 0 : _context$actions[ActionName.RovoChatAction]) !== undefined : undefined;
+
+  // eslint-disable-next-line @atlaskit/platform/no-preconditioning
+  const isInlineActionNudgeExperiment = fg('rovogrowth-640-inline-action-nudge-fg') && expValEqualsNoExposure('rovogrowth-640-inline-action-nudge-exp', 'isEnabled', true);
   const [message, setMessage] = useState();
   const [isLoading, setIsLoading] = useState(false);
   const onLoadingChange = useCallback(isLoading => {
@@ -87,15 +94,33 @@ const ActionBlock = ({
         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(name => 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]);
+  const showRovoSectionHeader = isInlineActionNudgeExperiment && isRovoChatActionAvailable;
+  if (!actions) {
+    return null;
+  }
+  if (isInlineActionNudgeExperiment && isRovoChatActionAvailable) {
+    return /*#__PURE__*/React.createElement("div", {
+      ref: blockRef,
+      "data-testid": testId,
+      className: ax(["_1e0c1txw _2lx21bp4 _vchhusvi _1bsb1osq"])
+    }, showRovoSectionHeader && /*#__PURE__*/React.createElement(AskRovoSectionHeader, {
+      testId: testId ? `${testId}-rovo-section-header` : undefined
+    }), /*#__PURE__*/React.createElement("div", {
+      className: ax(["_zulp12x7 _1e0c1txw _2lx21bp4 _4cvr1y6m"])
+    }, actions), /*#__PURE__*/React.createElement(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
@@ -104,6 +129,6 @@ const ActionBlock = ({
   }, actions, /*#__PURE__*/React.createElement(ActionFooter, {
     message: message,
     testId: testId
-  })) : null;
+  }));
 };
 export default ActionBlock;

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

@@ -12,7 +12,7 @@ import LinkWarningModal from './LinkWarningModal';
 import { useLinkWarningModal } from './LinkWarningModal/hooks/use-link-warning-modal';
 const PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "44.3.20",
+  packageVersion: "44.3.22",
   componentName: 'linkUrl'
 };
 const Anchor = withLinkClickedEvent('a');

package/dist/esm/__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/esm/__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/esm/messages.js

@@ -1000,5 +1000,25 @@ export var 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/esm/state/hooks/use-rovo-chat/index.js

@@ -28,7 +28,7 @@ var useRovoChat = function 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: function onAcknowledgeTimeout() {
         // NAVX-3599: Add analytics event

package/dist/esm/utils/analytics/analytics.js

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

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

@@ -0,0 +1,57 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["width", "height"];
+import React from 'react';
+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 = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    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.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.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.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.createElement("g", {
+    mask: "url(#rovo-hex-logo-mask)"
+  }, /*#__PURE__*/React.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.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.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.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.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';
+export default RovoHexLogo;

package/dist/esm/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/esm/view/FlexibleCard/components/actions/action/action-stack-item/action-button.js

@@ -9,14 +9,20 @@ import { fg } from '@atlaskit/platform-feature-flags';
 import { Box, Inline, Pressable } from '@atlaskit/primitives/compiled';
 import Spinner from '@atlaskit/spinner';
 import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
+import { ActionName } from '../../../../../../constants';
+import { useFlexibleUiContext } from '../../../../../../state/flexible-ui-context';
 import { getPrimitivesInlineSpaceBySize } from '../../../utils';
 import ActionIcon from '../action-icon';
 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,
@@ -39,6 +45,17 @@ var ActionButton = function ActionButton(_ref) {
   fg('platform_sl_3p_auth_rovo_action_kill_switch') && expValEqualsNoExposure('platform_sl_3p_auth_rovo_action', 'isEnabled', true) ||
   // eslint-disable-next-line @atlaskit/platform/no-preconditioning
   fg('rovogrowth-640-inline-action-nudge-fg') && 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 = useFlexibleUiContext();
+  var isInRovoActionStack = !!(flexibleUiContext !== null && flexibleUiContext !== void 0 && (_flexibleUiContext$ac = flexibleUiContext.actions) !== null && _flexibleUiContext$ac !== void 0 && _flexibleUiContext$ac[ActionName.RovoChatAction]);
+  var isInlineActionNudgeExperiment = hasTextualContent && isInRovoActionStack && fg('rovogrowth-640-inline-action-nudge-fg') && expValEqualsNoExposure('rovogrowth-640-inline-action-nudge-exp', 'isEnabled', true);
   var icon = iconOption && isLoading ? /*#__PURE__*/React.createElement(ActionIcon, {
     icon: is3pExperimentEnabled ? /*#__PURE__*/React.createElement(Box, {
       xcss: styles.spinner
@@ -50,7 +67,7 @@ var ActionButton = function ActionButton(_ref) {
     })
   }) : iconOption;
   return /*#__PURE__*/React.createElement(Pressable, _extends({
-    xcss: cx(styles.button)
+    xcss: cx(isInlineActionNudgeExperiment ? styles.pillButton : styles.button)
   }, tooltipProps, {
     onClick: onClick,
     testId: testId
@@ -61,10 +78,12 @@ var ActionButton = function ActionButton(_ref) {
     'aria-label': ariaLabel
   } : {}), /*#__PURE__*/React.createElement(Inline, {
     alignBlock: "center",
-    grow: "fill",
-    space: space
-  }, icon, /*#__PURE__*/React.createElement(Box, {
-    xcss: cx(styles.content)
+    grow: isInlineActionNudgeExperiment ? 'hug' : 'fill',
+    space: isInlineActionNudgeExperiment ? 'space.050' : space
+  }, isInlineActionNudgeExperiment ? /*#__PURE__*/React.createElement("span", {
+    className: ax(["_1e0c116y _4cvr1h6o _1bah1h6o _1bsb1tcg _4t3i1tcg _1o9zidpf"])
+  }, icon) : icon, /*#__PURE__*/React.createElement(Box, {
+    xcss: cx(isInlineActionNudgeExperiment ? styles.pillContent : styles.content)
   }, content)));
 };
 export default ActionButton;