@atlaskit/smart-card 43.26.0 → 43.26.2

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

@@ -61,7 +61,7 @@ var ActionBlock = function ActionBlock(_ref) {
     testId = _ref$testId === void 0 ? 'smart-block-action' : _ref$testId;
   var context = (0, _flexibleUiContext.useFlexibleUiContext)();
   var ui = (0, _flexibleUiContext.useFlexibleUiOptionContext)();
-  var isRovoChatActionAvailable = (0, _platformFeatureFlags.fg)('platform_sl_3p_auth_rovo_action_kill_switch') ? (context === null || context === void 0 || (_context$actions = context.actions) === null || _context$actions === void 0 ? void 0 : _context$actions[_constants.InternalActionName.RovoChatAction]) === true : undefined;
+  var isRovoChatActionAvailable = (0, _platformFeatureFlags.fg)('platform_sl_3p_auth_rovo_action_kill_switch') ? (context === null || context === void 0 || (_context$actions = context.actions) === null || _context$actions === void 0 ? void 0 : _context$actions[_constants.InternalActionName.RovoChatAction]) !== undefined : undefined;
   var _useState = (0, _react.useState)(),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     message = _useState2[0],

package/dist/cjs/view/FlexibleCard/components/elements/common/base-badge-element/index.js

@@ -100,7 +100,7 @@ var BaseBadgeRefreshNew = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, re
     var _context$actions;
     // eslint-disable-next-line react-hooks/rules-of-hooks
     var context = (0, _flexibleUiContext.useFlexibleUiContext)();
-    if ((context === null || context === void 0 || (_context$actions = context.actions) === null || _context$actions === void 0 ? void 0 : _context$actions[_constants.InternalActionName.RovoChatAction]) === true) {
+    if (context !== null && context !== void 0 && (_context$actions = context.actions) !== null && _context$actions !== void 0 && _context$actions[_constants.InternalActionName.RovoChatAction]) {
       return /*#__PURE__*/_react.default.createElement("span", {
         "data-smart-element": name,
         "data-smart-element-badge": true,

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

@@ -56,7 +56,8 @@ var FlexibleCard = function FlexibleCard(_ref) {
   var resolve = (0, _useResolve.default)();
   var _useSmartLinkContext = (0, _linkProvider.useSmartLinkContext)(),
     isPreviewPanelAvailable = _useSmartLinkContext.isPreviewPanelAvailable,
-    openPreviewPanel = _useSmartLinkContext.openPreviewPanel;
+    openPreviewPanel = _useSmartLinkContext.openPreviewPanel,
+    product = _useSmartLinkContext.product;
   var rovoConfig = (0, _platformFeatureFlags.fg)('platform_sl_3p_auth_rovo_action_kill_switch') ?
   // eslint-disable-next-line react-hooks/rules-of-hooks
   (0, _useRovoConfig.default)() : undefined;
@@ -85,6 +86,7 @@ var FlexibleCard = function FlexibleCard(_ref) {
       renderers: renderers,
       resolve: resolve
     }, (0, _platformFeatureFlags.fg)('platform_sl_3p_auth_rovo_action_kill_switch') ? {
+      product: product,
       rovoConfig: rovoConfig
     } : undefined), {}, {
       actionOptions: actionOptions,
@@ -93,7 +95,7 @@ var FlexibleCard = function FlexibleCard(_ref) {
       isPreviewPanelAvailable: isPreviewPanelAvailable,
       openPreviewPanel: openPreviewPanel
     }));
-  }, [aiSummaryConfig, appearance, actionOptions, details, id, isPreviewPanelAvailable, onAuthorize, onClick, openPreviewPanel, origin, placeholderCardState, placeHolderStatus, renderers, resolve, rovoConfig, status, url, fireEvent]);
+  }, [aiSummaryConfig, appearance, actionOptions, details, id, isPreviewPanelAvailable, onAuthorize, onClick, openPreviewPanel, origin, placeholderCardState, placeHolderStatus, product, renderers, resolve, rovoConfig, status, url, fireEvent]);
   var flexibleCardContext = (0, _react.useMemo)(function () {
     return {
       data: context,

package/dist/cjs/view/HoverCard/components/views/resolved/index.js

@@ -48,7 +48,7 @@ var HoverCardResolvedView = function HoverCardResolvedView(_ref) {
   var isRovoSummaryEnabled = (0, _platformFeatureFlags.fg)('platform_sl_3p_auth_rovo_action_kill_switch') ?
   // eslint-disable-next-line react-hooks/rules-of-hooks
   (0, _react.useMemo)(function () {
-    return (cardState === null || cardState === void 0 ? void 0 : cardState.details) && (0, _extractRovoChatAction.default)(cardState.details, rovoConfig, actionOptions);
+    return (cardState === null || cardState === void 0 ? void 0 : cardState.details) && (0, _extractRovoChatAction.default)(cardState.details, rovoConfig, actionOptions) !== undefined;
   }, [actionOptions, cardState === null || cardState === void 0 ? void 0 : cardState.details, rovoConfig]) : false;
   (0, _react.useEffect)(function () {
     // Since this hover view is only rendered on resolved status,

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: "43.25.16",
+  packageVersion: "43.26.1",
   componentName: 'linkUrl'
 };
 var Anchor = (0, _click.withLinkClickedEvent)('a');

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

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:fcbce780c83b3392e29adbec723c4e5d5cfd4ee3914d89b3cb39e3f591d2dfff
-size 29085
+oid sha256:5c49849bc1c023980074b7130bd00742db96dfd1c90593c0025b035ab12b65dc
+size 33364

package/dist/es2019/extractors/flexible/actions/extract-rovo-chat-action.js

@@ -1,13 +1,13 @@
+import { extractSmartLinkUrl } from '@atlaskit/link-extractors';
 import { getExtensionKey } from '../../../state/helpers';
+import { canShowAction } from '../../../utils/actions/can-show-action';
 import { getIsRovoChatEnabled } from '../../../utils/rovo';
-const extractRovoChatAction = (response, rovoConfig, actionOptions) => {
+import { CardAction } from '../../../view/Card/types';
+const extractRovoChatAction = (response, rovoConfig, actionOptions, product) => {
   var _actionOptions$rovoCh;
-  // Experiment cleanup note: platform_sl_3p_auth_rovo_action
-  // If action is available by default, we need to allow RovoChatAction to be configurable to opt-out
-  // if (!canShowAction(CardAction.RovoChatAction, actionOptions)) {
-  // 	return;
-  // }
-
+  if (!canShowAction(CardAction.RovoChatAction, actionOptions)) {
+    return;
+  }
   const isRovoChatEnabled = getIsRovoChatEnabled(rovoConfig);
   if (!isRovoChatEnabled) {
     return;
@@ -17,6 +17,10 @@ const extractRovoChatAction = (response, rovoConfig, actionOptions) => {
   // If feature isn't support all 3P, this value should come from meta.supportedFeature
   const isSupportedFeature = getExtensionKey(response) === 'google-object-provider';
   const isOptIn = (actionOptions === null || actionOptions === void 0 ? void 0 : (_actionOptions$rovoCh = actionOptions.rovoChatAction) === null || _actionOptions$rovoCh === void 0 ? void 0 : _actionOptions$rovoCh.optIn) === true;
-  return isSupportedFeature && isOptIn ? true : undefined;
+  const url = extractSmartLinkUrl(response);
+  return isSupportedFeature && isOptIn ? {
+    product,
+    url
+  } : undefined;
 };
 export default extractRovoChatAction;

package/dist/es2019/extractors/flexible/actions/index.js

@@ -15,6 +15,7 @@ export const extractFlexibleCardActions = ({
   fireEvent,
   id,
   origin,
+  product,
   response,
   rovoConfig,
   url,
@@ -48,7 +49,7 @@ export const extractFlexibleCardActions = ({
     [ActionName.AutomationAction]: extractAutomationAction(response),
     [InternalActionName.AISummaryAction]: extractAISummaryAction(response, url, actionOptions, aiSummaryConfig),
     ...(fg('platform_sl_3p_auth_rovo_action_kill_switch') ? {
-      [InternalActionName.RovoChatAction]: extractRovoChatAction(response, rovoConfig, actionOptions)
+      [InternalActionName.RovoChatAction]: extractRovoChatAction(response, rovoConfig, actionOptions, product)
     } : undefined),
     [InternalActionName.ViewRelatedLinksAction]: extractViewRelatedLinksAction(response)
   };

package/dist/es2019/extractors/flexible/index.js

@@ -18,6 +18,7 @@ const extractFlexibleUiContext = ({
   id,
   onClick,
   origin,
+  product,
   resolve,
   rovoConfig,
   actionOptions,
@@ -43,6 +44,7 @@ const extractFlexibleUiContext = ({
       id,
       origin,
       ...(fg('platform_sl_3p_auth_rovo_action_kill_switch') ? {
+        product,
         rovoConfig
       } : undefined),
       response,

package/dist/es2019/messages.js

@@ -844,5 +844,60 @@ export const messages = defineMessages({
     id: 'fabric.linking.rovo_summary.ai_disclaimer.non-final',
     defaultMessage: 'Uses AI. Verify Results.',
     description: 'Shown on a Rovo summary to indicate that the summary was generated by AI and should be verified by the user for accuracy.'
+  },
+  rovo_prompt_context_generic: {
+    id: 'fabric.linking.rovo_prompt_context_confluence_page.non-final',
+    defaultMessage: 'page',
+    description: 'The location the user see Smart Link in, to be used as the {context} for Rovo prompt message'
+  },
+  rovo_prompt_context_generic_plural: {
+    id: 'fabric.linking.rovo_prompt_context_confluence_page.non-final',
+    defaultMessage: 'pages',
+    description: 'The site-wide location the user see Smart Link in, to be used as the {context} for Rovo prompt message'
+  },
+  rovo_prompt_context_confluence_page: {
+    id: 'fabric.linking.rovo_prompt_context_confluence_page.non-final',
+    defaultMessage: 'Confluence page',
+    description: 'The Confluence page the user see Smart Link in, to be used as the {context} for Rovo prompt message'
+  },
+  rovo_prompt_context_confluence_page_plural: {
+    id: 'fabric.linking.rovo_prompt_context_confluence_page_plural.non-final',
+    defaultMessage: 'Confluence pages',
+    description: 'The Confluence page the user see Smart Link in, to be used as the {context} for Rovo prompt message'
+  },
+  rovo_prompt_context_confluence_page_short: {
+    id: 'fabric.linking.rovo_prompt_context_confluence_page_short.non-final',
+    defaultMessage: 'page',
+    description: 'The Confluence page the user see Smart Link in, to be used as the {context} for Rovo prompt message'
+  },
+  rovo_prompt_context_jira_work_item: {
+    id: 'fabric.linking.rovo_prompt_context_jira_work_item.non-final',
+    defaultMessage: 'Jira work item',
+    description: 'The Jira work item the user see Smart Link in, to be used as the {context} for Rovo prompt message'
+  },
+  rovo_prompt_context_jira_work_item_plural: {
+    id: 'fabric.linking.rovo_prompt_context_jira_work_item_plural.non-final',
+    defaultMessage: 'Jira work items',
+    description: 'The Jira work item the user see Smart Link in, to be used as the {context} for Rovo prompt message'
+  },
+  rovo_prompt_context_jira_work_item_short: {
+    id: 'fabric.linking.rovo_prompt_context_jira_work_item_short.non-final',
+    defaultMessage: 'work item',
+    description: 'The Jira work item the user see Smart Link in, to be used as the {context} for Rovo prompt message'
+  },
+  rovo_prompt_button_recommend_other_sources: {
+    id: 'fabric.linking.rovo_prompt_button_recommend_other_sources.non-final',
+    defaultMessage: 'Recommend other sources',
+    description: 'The name of the action to send prompt message to Rovo Chat in relation to current Smart Link'
+  },
+  rovo_prompt_button_show_other_mentions: {
+    id: 'fabric.linking.rovo_prompt_button_show_other_mentions.non-final',
+    defaultMessage: 'Show other mentions',
+    description: 'The name of the action to send prompt message to Rovo Chat in relation to current Smart Link'
+  },
+  rovo_prompt_button_suggest_improvement: {
+    id: 'fabric.linking.rovo_prompt_button_suggest_improvement.non-final',
+    defaultMessage: 'Suggest {context} improvement',
+    description: 'The name of the action to send prompt message to Rovo Chat in relation to current Smart Link'
   }
 });

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: "43.25.16"
+  packageVersion: "43.26.1"
 };
 export let TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

package/dist/es2019/view/FlexibleCard/assets/ai-chapter-icon.compiled.css

@@ -0,0 +1,4 @@
+._11q7hndj{background:conic-gradient(from 90deg,#fca700 0deg,#fca700 72.6913deg,#6a9922 72.7273deg,#6a9922 167.895deg,#1868db 167.931deg,#1868db 252.667deg,#af59e0 252.703deg,#af59e0 1turn)}
+._1bsb1osq{width:100%}
+._4t3i1osq{height:100%}
+._tzy4kb7n{opacity:1}

package/dist/es2019/view/FlexibleCard/assets/ai-chapter-icon.js

@@ -0,0 +1,40 @@
+/* ai-chapter-icon.tsx generated by @compiled/babel-plugin v0.39.1 */
+import _extends from "@babel/runtime/helpers/extends";
+import "./ai-chapter-icon.compiled.css";
+import * as React from 'react';
+import { ax, ix } from "@compiled/react/runtime";
+const style = {
+  foreignObject: "_11q7hndj _4t3i1osq _1bsb1osq _tzy4kb7n"
+};
+const AiChapterIcon = props => /*#__PURE__*/React.createElement("svg", _extends({
+  width: "24",
+  height: "24",
+  viewBox: "0 0 24 24",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+}, props), /*#__PURE__*/React.createElement("g", {
+  clipPath: "url(#paint0_angular_1804_15128_clip_path)",
+  "data-figma-skip-parse": "true"
+}, /*#__PURE__*/React.createElement("g", {
+  transform: "matrix(0.008 -0.00939228 0.0100184 0.0075 12 12.5)"
+}, /*#__PURE__*/React.createElement("foreignObject", {
+  x: "-1047.5",
+  y: "-1047.5",
+  width: "2095.01",
+  height: "2095.01"
+}, /*#__PURE__*/React.createElement("div", {
+  className: ax([style.foreignObject])
+})))), /*#__PURE__*/React.createElement("path", {
+  fillRule: "evenodd",
+  clipRule: "evenodd",
+  d: "M5.5 6.5V16.5H11.2495V18H5.375C4.61561 18 4 17.3844 4 16.625V6.375C4 5.6175 4.61251 5 5.37379 5L8.8749 5.00001C10.1576 5.00001 11.2947 5.6232 11.9999 6.58333C12.7053 5.62319 13.8425 5.00001 15.1251 5.00001L18.6253 5C19.3874 5 20 5.61967 20 6.37637V12.25H18.5V6.50082L15.1251 6.50001C13.8134 6.50001 12.7499 7.56337 12.7499 8.87496V14H11.2499V8.87498C11.2499 7.56332 10.1866 6.50001 8.8749 6.50001L5.5 6.5ZM17.2495 10H14.4995V8.5H17.2495V10ZM6.75049 8.50001H9.50049V10H6.75049V8.50001ZM6.75049 11H9.50049V12.5H6.75049V11ZM15.7945 13.4943C15.9025 13.1982 16.184 13.0013 16.4991 13.0013C16.8142 13.0013 17.0962 13.1982 17.2042 13.4943L17.8193 15.1807L19.5057 15.7958C19.8017 15.9038 19.9987 16.1853 19.9987 16.5004C19.9987 16.8155 19.8017 17.0975 19.5057 17.2055L17.8193 17.8206L17.2042 19.507C17.0962 19.803 16.8147 20 16.4996 20C16.1845 20 15.9025 19.803 15.7945 19.507L15.1794 17.8206L13.493 17.2055C13.197 17.0975 13 16.816 13 16.5009C13 16.1858 13.197 15.9038 13.493 15.7958L15.1794 15.1807L15.7945 13.4943Z",
+  "data-figma-gradient-fill": "{\"type\":\"GRADIENT_ANGULAR\",\"stops\":[{\"color\":{\"r\":0.98823529481887817,\"g\":0.65490198135375977,\"b\":0.0,\"a\":1.0},\"position\":0.0},{\"color\":{\"r\":0.98823529481887817,\"g\":0.65490198135375977,\"b\":0.0,\"a\":1.0},\"position\":0.20192027091979980},{\"color\":{\"r\":0.41662007570266724,\"g\":0.60310000181198120,\"b\":0.13690000772476196,\"a\":1.0},\"position\":0.20202027261257172},{\"color\":{\"r\":0.41662007570266724,\"g\":0.60310000181198120,\"b\":0.13690000772476196,\"a\":1.0},\"position\":0.46637400984764099},{\"color\":{\"r\":0.094117648899555206,\"g\":0.40784314274787903,\"b\":0.85882353782653809,\"a\":1.0},\"position\":0.46647399663925171},{\"color\":{\"r\":0.094117648899555206,\"g\":0.40784314274787903,\"b\":0.85882353782653809,\"a\":1.0},\"position\":0.70185315608978271},{\"color\":{\"r\":0.68627452850341797,\"g\":0.34901961684226990,\"b\":0.87843137979507446,\"a\":1.0},\"position\":0.70195317268371582},{\"color\":{\"r\":0.68627452850341797,\"g\":0.34901961684226990,\"b\":0.87843137979507446,\"a\":1.0},\"position\":1.0}],\"stopsVar\":[{\"color\":{\"r\":0.98823529481887817,\"g\":0.65490198135375977,\"b\":0.0,\"a\":1.0},\"position\":0.0},{\"color\":{\"r\":0.98823529481887817,\"g\":0.65490198135375977,\"b\":0.0,\"a\":1.0},\"position\":0.20192027091979980},{\"color\":{\"r\":0.41662007570266724,\"g\":0.60310000181198120,\"b\":0.13690000772476196,\"a\":1.0},\"position\":0.20202027261257172},{\"color\":{\"r\":0.41662007570266724,\"g\":0.60310000181198120,\"b\":0.13690000772476196,\"a\":1.0},\"position\":0.46637400984764099},{\"color\":{\"r\":0.094117648899555206,\"g\":0.40784314274787903,\"b\":0.85882353782653809,\"a\":1.0},\"position\":0.46647399663925171},{\"color\":{\"r\":0.094117648899555206,\"g\":0.40784314274787903,\"b\":0.85882353782653809,\"a\":1.0},\"position\":0.70185315608978271},{\"color\":{\"r\":0.68627452850341797,\"g\":0.34901961684226990,\"b\":0.87843137979507446,\"a\":1.0},\"position\":0.70195317268371582},{\"color\":{\"r\":0.68627452850341797,\"g\":0.34901961684226990,\"b\":0.87843137979507446,\"a\":1.0},\"position\":1.0}],\"transform\":{\"m00\":16.000001907348633,\"m01\":20.036861419677734,\"m02\":-6.0184345245361328,\"m10\":-18.784559249877930,\"m11\":15.000002861022949,\"m12\":14.392276763916016},\"opacity\":1.0,\"blendMode\":\"NORMAL\",\"visible\":true}"
+}), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
+  id: "paint0_angular_1804_15128_clip_path"
+}, /*#__PURE__*/React.createElement("path", {
+  fillRule: "evenodd",
+  clipRule: "evenodd",
+  d: "M5.5 6.5V16.5H11.2495V18H5.375C4.61561 18 4 17.3844 4 16.625V6.375C4 5.6175 4.61251 5 5.37379 5L8.8749 5.00001C10.1576 5.00001 11.2947 5.6232 11.9999 6.58333C12.7053 5.62319 13.8425 5.00001 15.1251 5.00001L18.6253 5C19.3874 5 20 5.61967 20 6.37637V12.25H18.5V6.50082L15.1251 6.50001C13.8134 6.50001 12.7499 7.56337 12.7499 8.87496V14H11.2499V8.87498C11.2499 7.56332 10.1866 6.50001 8.8749 6.50001L5.5 6.5ZM17.2495 10H14.4995V8.5H17.2495V10ZM6.75049 8.50001H9.50049V10H6.75049V8.50001ZM6.75049 11H9.50049V12.5H6.75049V11ZM15.7945 13.4943C15.9025 13.1982 16.184 13.0013 16.4991 13.0013C16.8142 13.0013 17.0962 13.1982 17.2042 13.4943L17.8193 15.1807L19.5057 15.7958C19.8017 15.9038 19.9987 16.1853 19.9987 16.5004C19.9987 16.8155 19.8017 17.0975 19.5057 17.2055L17.8193 17.8206L17.2042 19.507C17.0962 19.803 16.8147 20 16.4996 20C16.1845 20 15.9025 19.803 15.7945 19.507L15.1794 17.8206L13.493 17.2055C13.197 17.0975 13 16.816 13 16.5009C13 16.1858 13.197 15.9038 13.493 15.7958L15.1794 15.1807L15.7945 13.4943Z"
+}))));
+AiChapterIcon.displayName = 'AiChapterIcon';
+export default AiChapterIcon;

package/dist/es2019/view/FlexibleCard/assets/ai-edit-icon.compiled.css

@@ -0,0 +1,4 @@
+._11q7hndj{background:conic-gradient(from 90deg,#fca700 0deg,#fca700 72.6913deg,#6a9922 72.7273deg,#6a9922 167.895deg,#1868db 167.931deg,#1868db 252.667deg,#af59e0 252.703deg,#af59e0 1turn)}
+._1bsb1osq{width:100%}
+._4t3i1osq{height:100%}
+._tzy4kb7n{opacity:1}

package/dist/es2019/view/FlexibleCard/assets/ai-edit-icon.js

@@ -0,0 +1,63 @@
+/* ai-edit-icon.tsx generated by @compiled/babel-plugin v0.39.1 */
+import _extends from "@babel/runtime/helpers/extends";
+import "./ai-edit-icon.compiled.css";
+import * as React from 'react';
+import { ax, ix } from "@compiled/react/runtime";
+const style = {
+  foreignObject: "_11q7hndj _4t3i1osq _1bsb1osq _tzy4kb7n"
+};
+const AiEditIcon = props => /*#__PURE__*/React.createElement("svg", _extends({
+  width: "24",
+  height: "24",
+  viewBox: "0 0 24 24",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+}, props), /*#__PURE__*/React.createElement("g", {
+  clipPath: "url(#paint0_angular_1804_16152_clip_path)",
+  "data-figma-skip-parse": "true"
+}, /*#__PURE__*/React.createElement("g", {
+  transform: "matrix(0.00799113 -0.0100185 0.0100073 0.00800004 11.9911 12)"
+}, /*#__PURE__*/React.createElement("foreignObject", {
+  x: "-1041.51",
+  y: "-1041.51",
+  width: "2083.02",
+  height: "2083.02"
+}, /*#__PURE__*/React.createElement("div", {
+  className: ax([style.foreignObject])
+})))), /*#__PURE__*/React.createElement("path", {
+  fillRule: "evenodd",
+  clipRule: "evenodd",
+  d: "M15.8358 9.85361C16.6169 9.07256 17.8832 9.07256 18.6642 9.85361L19.3965 10.5858C20.1775 11.3669 20.1775 12.6332 19.3965 13.4143L14.2594 18.5513C14.019 18.7917 13.7214 18.9668 13.3946 19.0602L10.2061 19.9712C9.94416 20.046 9.66229 19.973 9.46969 19.7804C9.27709 19.5878 9.20405 19.3059 9.27888 19.044L10.1899 15.8555C10.2833 15.5286 10.4584 15.231 10.6987 14.9907L15.8358 9.85361ZM17.6036 10.9143C17.4083 10.719 17.0917 10.719 16.8965 10.9143L16.3107 11.5001L17.75 12.9394L18.3358 12.3536C18.5311 12.1583 18.5311 11.8418 18.3358 11.6465L17.6036 10.9143ZM16.6894 14.0001L15.25 12.5607L11.7594 16.0513C11.6993 16.1114 11.6555 16.1858 11.6322 16.2675L11.092 18.158L12.9825 17.6179C13.0642 17.5946 13.1386 17.5508 13.1987 17.4907L16.6894 14.0001Z",
+  "data-figma-gradient-fill": "{\"type\":\"GRADIENT_ANGULAR\",\"stops\":[{\"color\":{\"r\":0.98823529481887817,\"g\":0.65490198135375977,\"b\":0.0,\"a\":1.0},\"position\":0.0},{\"color\":{\"r\":0.98823529481887817,\"g\":0.65490198135375977,\"b\":0.0,\"a\":1.0},\"position\":0.20192027091979980},{\"color\":{\"r\":0.41662007570266724,\"g\":0.60310000181198120,\"b\":0.13690000772476196,\"a\":1.0},\"position\":0.20202027261257172},{\"color\":{\"r\":0.41662007570266724,\"g\":0.60310000181198120,\"b\":0.13690000772476196,\"a\":1.0},\"position\":0.46637400984764099},{\"color\":{\"r\":0.094117648899555206,\"g\":0.40784314274787903,\"b\":0.85882353782653809,\"a\":1.0},\"position\":0.46647399663925171},{\"color\":{\"r\":0.094117648899555206,\"g\":0.40784314274787903,\"b\":0.85882353782653809,\"a\":1.0},\"position\":0.70185315608978271},{\"color\":{\"r\":0.68627452850341797,\"g\":0.34901961684226990,\"b\":0.87843137979507446,\"a\":1.0},\"position\":0.70195317268371582},{\"color\":{\"r\":0.68627452850341797,\"g\":0.34901961684226990,\"b\":0.87843137979507446,\"a\":1.0},\"position\":1.0}],\"stopsVar\":[{\"color\":{\"r\":0.98823529481887817,\"g\":0.65490198135375977,\"b\":0.0,\"a\":1.0},\"position\":0.0},{\"color\":{\"r\":0.98823529481887817,\"g\":0.65490198135375977,\"b\":0.0,\"a\":1.0},\"position\":0.20192027091979980},{\"color\":{\"r\":0.41662007570266724,\"g\":0.60310000181198120,\"b\":0.13690000772476196,\"a\":1.0},\"position\":0.20202027261257172},{\"color\":{\"r\":0.41662007570266724,\"g\":0.60310000181198120,\"b\":0.13690000772476196,\"a\":1.0},\"position\":0.46637400984764099},{\"color\":{\"r\":0.094117648899555206,\"g\":0.40784314274787903,\"b\":0.85882353782653809,\"a\":1.0},\"position\":0.46647399663925171},{\"color\":{\"r\":0.094117648899555206,\"g\":0.40784314274787903,\"b\":0.85882353782653809,\"a\":1.0},\"position\":0.70185315608978271},{\"color\":{\"r\":0.68627452850341797,\"g\":0.34901961684226990,\"b\":0.87843137979507446,\"a\":1.0},\"position\":0.70195317268371582},{\"color\":{\"r\":0.68627452850341797,\"g\":0.34901961684226990,\"b\":0.87843137979507446,\"a\":1.0},\"position\":1.0}],\"transform\":{\"m00\":15.982254981994629,\"m01\":20.014636993408203,\"m02\":-6.0073223114013672,\"m10\":-20.036954879760742,\"m11\":16.000076293945312,\"m12\":14.018474578857422},\"opacity\":1.0,\"blendMode\":\"NORMAL\",\"visible\":true}"
+}), /*#__PURE__*/React.createElement("g", {
+  clipPath: "url(#paint1_angular_1804_16152_clip_path)",
+  "data-figma-skip-parse": "true"
+}, /*#__PURE__*/React.createElement("g", {
+  transform: "matrix(0.00799113 -0.0100185 0.0100073 0.00800004 11.9911 12)"
+}, /*#__PURE__*/React.createElement("foreignObject", {
+  x: "-1041.51",
+  y: "-1041.51",
+  width: "2083.02",
+  height: "2083.02"
+}, /*#__PURE__*/React.createElement("div", {
+  className: ax([style.foreignObject])
+})))), /*#__PURE__*/React.createElement("path", {
+  fillRule: "evenodd",
+  clipRule: "evenodd",
+  d: "M8.75 4C9.05931 4 9.3369 4.18989 9.449 4.47817L10.4494 7.0506L13.0218 8.051C13.3101 8.16311 13.5 8.44069 13.5 8.75C13.5 9.05931 13.3101 9.3369 13.0218 9.449L10.4494 10.4494L9.449 13.0218C9.3369 13.3101 9.05931 13.5 8.75 13.5C8.44069 13.5 8.16311 13.3101 8.051 13.0218L7.0506 10.4494L4.47817 9.449C4.18989 9.3369 4 9.05931 4 8.75C4 8.44069 4.18989 8.16311 4.47817 8.051L7.0506 7.0506L8.051 4.47817C8.16311 4.18989 8.44069 4 8.75 4ZM8.75 6.81927L8.329 7.90183C8.25279 8.09781 8.09781 8.25279 7.90183 8.329L6.81927 8.75L7.90183 9.171C8.09781 9.24721 8.25279 9.40219 8.329 9.59817L8.75 10.6807L9.171 9.59817C9.24721 9.40219 9.40219 9.24721 9.59817 9.171L10.6807 8.75L9.59817 8.329C9.40219 8.25279 9.24721 8.09781 9.171 7.90183L8.75 6.81927Z",
+  "data-figma-gradient-fill": "{\"type\":\"GRADIENT_ANGULAR\",\"stops\":[{\"color\":{\"r\":0.98823529481887817,\"g\":0.65490198135375977,\"b\":0.0,\"a\":1.0},\"position\":0.0},{\"color\":{\"r\":0.98823529481887817,\"g\":0.65490198135375977,\"b\":0.0,\"a\":1.0},\"position\":0.20192027091979980},{\"color\":{\"r\":0.41662007570266724,\"g\":0.60310000181198120,\"b\":0.13690000772476196,\"a\":1.0},\"position\":0.20202027261257172},{\"color\":{\"r\":0.41662007570266724,\"g\":0.60310000181198120,\"b\":0.13690000772476196,\"a\":1.0},\"position\":0.46637400984764099},{\"color\":{\"r\":0.094117648899555206,\"g\":0.40784314274787903,\"b\":0.85882353782653809,\"a\":1.0},\"position\":0.46647399663925171},{\"color\":{\"r\":0.094117648899555206,\"g\":0.40784314274787903,\"b\":0.85882353782653809,\"a\":1.0},\"position\":0.70185315608978271},{\"color\":{\"r\":0.68627452850341797,\"g\":0.34901961684226990,\"b\":0.87843137979507446,\"a\":1.0},\"position\":0.70195317268371582},{\"color\":{\"r\":0.68627452850341797,\"g\":0.34901961684226990,\"b\":0.87843137979507446,\"a\":1.0},\"position\":1.0}],\"stopsVar\":[{\"color\":{\"r\":0.98823529481887817,\"g\":0.65490198135375977,\"b\":0.0,\"a\":1.0},\"position\":0.0},{\"color\":{\"r\":0.98823529481887817,\"g\":0.65490198135375977,\"b\":0.0,\"a\":1.0},\"position\":0.20192027091979980},{\"color\":{\"r\":0.41662007570266724,\"g\":0.60310000181198120,\"b\":0.13690000772476196,\"a\":1.0},\"position\":0.20202027261257172},{\"color\":{\"r\":0.41662007570266724,\"g\":0.60310000181198120,\"b\":0.13690000772476196,\"a\":1.0},\"position\":0.46637400984764099},{\"color\":{\"r\":0.094117648899555206,\"g\":0.40784314274787903,\"b\":0.85882353782653809,\"a\":1.0},\"position\":0.46647399663925171},{\"color\":{\"r\":0.094117648899555206,\"g\":0.40784314274787903,\"b\":0.85882353782653809,\"a\":1.0},\"position\":0.70185315608978271},{\"color\":{\"r\":0.68627452850341797,\"g\":0.34901961684226990,\"b\":0.87843137979507446,\"a\":1.0},\"position\":0.70195317268371582},{\"color\":{\"r\":0.68627452850341797,\"g\":0.34901961684226990,\"b\":0.87843137979507446,\"a\":1.0},\"position\":1.0}],\"transform\":{\"m00\":15.982254981994629,\"m01\":20.014636993408203,\"m02\":-6.0073223114013672,\"m10\":-20.036954879760742,\"m11\":16.000076293945312,\"m12\":14.018474578857422},\"opacity\":1.0,\"blendMode\":\"NORMAL\",\"visible\":true}"
+}), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
+  id: "paint0_angular_1804_16152_clip_path"
+}, /*#__PURE__*/React.createElement("path", {
+  fillRule: "evenodd",
+  clipRule: "evenodd",
+  d: "M15.8358 9.85361C16.6169 9.07256 17.8832 9.07256 18.6642 9.85361L19.3965 10.5858C20.1775 11.3669 20.1775 12.6332 19.3965 13.4143L14.2594 18.5513C14.019 18.7917 13.7214 18.9668 13.3946 19.0602L10.2061 19.9712C9.94416 20.046 9.66229 19.973 9.46969 19.7804C9.27709 19.5878 9.20405 19.3059 9.27888 19.044L10.1899 15.8555C10.2833 15.5286 10.4584 15.231 10.6987 14.9907L15.8358 9.85361ZM17.6036 10.9143C17.4083 10.719 17.0917 10.719 16.8965 10.9143L16.3107 11.5001L17.75 12.9394L18.3358 12.3536C18.5311 12.1583 18.5311 11.8418 18.3358 11.6465L17.6036 10.9143ZM16.6894 14.0001L15.25 12.5607L11.7594 16.0513C11.6993 16.1114 11.6555 16.1858 11.6322 16.2675L11.092 18.158L12.9825 17.6179C13.0642 17.5946 13.1386 17.5508 13.1987 17.4907L16.6894 14.0001Z"
+})), /*#__PURE__*/React.createElement("clipPath", {
+  id: "paint1_angular_1804_16152_clip_path"
+}, /*#__PURE__*/React.createElement("path", {
+  fillRule: "evenodd",
+  clipRule: "evenodd",
+  d: "M8.75 4C9.05931 4 9.3369 4.18989 9.449 4.47817L10.4494 7.0506L13.0218 8.051C13.3101 8.16311 13.5 8.44069 13.5 8.75C13.5 9.05931 13.3101 9.3369 13.0218 9.449L10.4494 10.4494L9.449 13.0218C9.3369 13.3101 9.05931 13.5 8.75 13.5C8.44069 13.5 8.16311 13.3101 8.051 13.0218L7.0506 10.4494L4.47817 9.449C4.18989 9.3369 4 9.05931 4 8.75C4 8.44069 4.18989 8.16311 4.47817 8.051L7.0506 7.0506L8.051 4.47817C8.16311 4.18989 8.44069 4 8.75 4ZM8.75 6.81927L8.329 7.90183C8.25279 8.09781 8.09781 8.25279 7.90183 8.329L6.81927 8.75L7.90183 9.171C8.09781 9.24721 8.25279 9.40219 8.329 9.59817L8.75 10.6807L9.171 9.59817C9.24721 9.40219 9.40219 9.24721 9.59817 9.171L10.6807 8.75L9.59817 8.329C9.40219 8.25279 9.24721 8.09781 9.171 7.90183L8.75 6.81927Z"
+}))));
+AiEditIcon.displayName = 'AiEditIcon';
+export default AiEditIcon;

package/dist/es2019/view/FlexibleCard/assets/ai-search-icon.compiled.css

@@ -0,0 +1,4 @@
+._11q7hndj{background:conic-gradient(from 90deg,#fca700 0deg,#fca700 72.6913deg,#6a9922 72.7273deg,#6a9922 167.895deg,#1868db 167.931deg,#1868db 252.667deg,#af59e0 252.703deg,#af59e0 1turn)}
+._1bsb1osq{width:100%}
+._4t3i1osq{height:100%}
+._tzy4kb7n{opacity:1}

package/dist/es2019/view/FlexibleCard/assets/ai-search-icon.js

@@ -0,0 +1,55 @@
+/* ai-search-icon.tsx generated by @compiled/babel-plugin v0.39.1 */
+import _extends from "@babel/runtime/helpers/extends";
+import "./ai-search-icon.compiled.css";
+import * as React from 'react';
+import { ax, ix } from "@compiled/react/runtime";
+const style = {
+  foreignObject: "_11q7hndj _4t3i1osq _1bsb1osq _tzy4kb7n"
+};
+const AiSearchIcon = props => /*#__PURE__*/React.createElement("svg", _extends({
+  width: "24",
+  height: "24",
+  viewBox: "0 0 24 24",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+}, props), /*#__PURE__*/React.createElement("g", {
+  clipPath: "url(#paint0_angular_1804_8080_clip_path)",
+  "data-figma-skip-parse": "true"
+}, /*#__PURE__*/React.createElement("g", {
+  transform: "matrix(0.00701514 -0.00941124 0.00878508 0.00751514 12.0151 11.5151)"
+}, /*#__PURE__*/React.createElement("foreignObject", {
+  x: "-1058.95",
+  y: "-1058.95",
+  width: "2117.91",
+  height: "2117.91"
+}, /*#__PURE__*/React.createElement("div", {
+  className: ax([style.foreignObject])
+})))), /*#__PURE__*/React.createElement("path", {
+  d: "M10 6.6123C7.9961 7.0671 6.5 8.85847 6.5 11C6.5 13.4853 8.51472 15.5 11 15.5C12.2428 15.5 13.3665 14.9968 14.1816 14.1816C14.7712 13.5921 15.1959 12.8407 15.3867 12H16.917C16.7489 12.9977 16.3336 13.9117 15.7383 14.6777L19.0303 17.9697L17.9697 19.0303L14.6777 15.7383C13.662 16.5276 12.3862 17 11 17C7.68629 17 5 14.3137 5 11C5 8.02706 7.16237 5.56013 10 5.08398V6.6123Z",
+  "data-figma-gradient-fill": "{\"type\":\"GRADIENT_ANGULAR\",\"stops\":[{\"color\":{\"r\":0.98823529481887817,\"g\":0.65490198135375977,\"b\":0.0,\"a\":1.0},\"position\":0.0},{\"color\":{\"r\":0.98823529481887817,\"g\":0.65490198135375977,\"b\":0.0,\"a\":1.0},\"position\":0.20192027091979980},{\"color\":{\"r\":0.41662007570266724,\"g\":0.60310000181198120,\"b\":0.13690000772476196,\"a\":1.0},\"position\":0.20202027261257172},{\"color\":{\"r\":0.41662007570266724,\"g\":0.60310000181198120,\"b\":0.13690000772476196,\"a\":1.0},\"position\":0.46637400984764099},{\"color\":{\"r\":0.094117648899555206,\"g\":0.40784314274787903,\"b\":0.85882353782653809,\"a\":1.0},\"position\":0.46647399663925171},{\"color\":{\"r\":0.094117648899555206,\"g\":0.40784314274787903,\"b\":0.85882353782653809,\"a\":1.0},\"position\":0.70185315608978271},{\"color\":{\"r\":0.68627452850341797,\"g\":0.34901961684226990,\"b\":0.87843137979507446,\"a\":1.0},\"position\":0.70195317268371582},{\"color\":{\"r\":0.68627452850341797,\"g\":0.34901961684226990,\"b\":0.87843137979507446,\"a\":1.0},\"position\":1.0}],\"stopsVar\":[{\"color\":{\"r\":0.98823529481887817,\"g\":0.65490198135375977,\"b\":0.0,\"a\":1.0},\"position\":0.0},{\"color\":{\"r\":0.98823529481887817,\"g\":0.65490198135375977,\"b\":0.0,\"a\":1.0},\"position\":0.20192027091979980},{\"color\":{\"r\":0.41662007570266724,\"g\":0.60310000181198120,\"b\":0.13690000772476196,\"a\":1.0},\"position\":0.20202027261257172},{\"color\":{\"r\":0.41662007570266724,\"g\":0.60310000181198120,\"b\":0.13690000772476196,\"a\":1.0},\"position\":0.46637400984764099},{\"color\":{\"r\":0.094117648899555206,\"g\":0.40784314274787903,\"b\":0.85882353782653809,\"a\":1.0},\"position\":0.46647399663925171},{\"color\":{\"r\":0.094117648899555206,\"g\":0.40784314274787903,\"b\":0.85882353782653809,\"a\":1.0},\"position\":0.70185315608978271},{\"color\":{\"r\":0.68627452850341797,\"g\":0.34901961684226990,\"b\":0.87843137979507446,\"a\":1.0},\"position\":0.70195317268371582},{\"color\":{\"r\":0.68627452850341797,\"g\":0.34901961684226990,\"b\":0.87843137979507446,\"a\":1.0},\"position\":1.0}],\"transform\":{\"m00\":14.030276298522949,\"m01\":17.570167541503906,\"m02\":-3.7850868701934814,\"m10\":-18.822471618652344,\"m11\":15.030277252197266,\"m12\":13.411232948303223},\"opacity\":1.0,\"blendMode\":\"NORMAL\",\"visible\":true}"
+}), /*#__PURE__*/React.createElement("g", {
+  clipPath: "url(#paint1_angular_1804_8080_clip_path)",
+  "data-figma-skip-parse": "true"
+}, /*#__PURE__*/React.createElement("g", {
+  transform: "matrix(0.00701514 -0.00941124 0.00878508 0.00751514 12.0151 11.5151)"
+}, /*#__PURE__*/React.createElement("foreignObject", {
+  x: "-1058.95",
+  y: "-1058.95",
+  width: "2117.91",
+  height: "2117.91"
+}, /*#__PURE__*/React.createElement("div", {
+  className: ax([style.foreignObject])
+})))), /*#__PURE__*/React.createElement("path", {
+  d: "M18 7.25C18 7.56523 17.803 7.84705 17.5068 7.95508L16.2217 8.42383C16.0833 8.4744 15.9744 8.58332 15.9238 8.72168L15.4551 10.0068C15.3471 10.3029 15.0653 10.5 14.75 10.5C14.4348 10.5 14.1529 10.303 14.0449 10.0068L13.5762 8.72168C13.5256 8.58332 13.4167 8.4744 13.2783 8.42383L11.9932 7.95508C11.7338 7.86049 11.5505 7.63274 11.5088 7.36621L11.5 7.25L11.5088 7.13379C11.5505 6.86715 11.734 6.63947 11.9932 6.54492L13.2783 6.07617C13.4167 6.0256 13.5256 5.91668 13.5762 5.77832L14.0449 4.49316L14.0938 4.38672C14.2242 4.15114 14.4736 4.00036 14.749 4L14.8652 4.00879C15.0941 4.04428 15.2941 4.18415 15.4062 4.38672L15.4551 4.49316L15.9238 5.77832C15.9744 5.91668 16.0833 6.0256 16.2217 6.07617L17.5068 6.54492C17.8031 6.65301 18 6.93494 18 7.25Z",
+  "data-figma-gradient-fill": "{\"type\":\"GRADIENT_ANGULAR\",\"stops\":[{\"color\":{\"r\":0.98823529481887817,\"g\":0.65490198135375977,\"b\":0.0,\"a\":1.0},\"position\":0.0},{\"color\":{\"r\":0.98823529481887817,\"g\":0.65490198135375977,\"b\":0.0,\"a\":1.0},\"position\":0.20192027091979980},{\"color\":{\"r\":0.41662007570266724,\"g\":0.60310000181198120,\"b\":0.13690000772476196,\"a\":1.0},\"position\":0.20202027261257172},{\"color\":{\"r\":0.41662007570266724,\"g\":0.60310000181198120,\"b\":0.13690000772476196,\"a\":1.0},\"position\":0.46637400984764099},{\"color\":{\"r\":0.094117648899555206,\"g\":0.40784314274787903,\"b\":0.85882353782653809,\"a\":1.0},\"position\":0.46647399663925171},{\"color\":{\"r\":0.094117648899555206,\"g\":0.40784314274787903,\"b\":0.85882353782653809,\"a\":1.0},\"position\":0.70185315608978271},{\"color\":{\"r\":0.68627452850341797,\"g\":0.34901961684226990,\"b\":0.87843137979507446,\"a\":1.0},\"position\":0.70195317268371582},{\"color\":{\"r\":0.68627452850341797,\"g\":0.34901961684226990,\"b\":0.87843137979507446,\"a\":1.0},\"position\":1.0}],\"stopsVar\":[{\"color\":{\"r\":0.98823529481887817,\"g\":0.65490198135375977,\"b\":0.0,\"a\":1.0},\"position\":0.0},{\"color\":{\"r\":0.98823529481887817,\"g\":0.65490198135375977,\"b\":0.0,\"a\":1.0},\"position\":0.20192027091979980},{\"color\":{\"r\":0.41662007570266724,\"g\":0.60310000181198120,\"b\":0.13690000772476196,\"a\":1.0},\"position\":0.20202027261257172},{\"color\":{\"r\":0.41662007570266724,\"g\":0.60310000181198120,\"b\":0.13690000772476196,\"a\":1.0},\"position\":0.46637400984764099},{\"color\":{\"r\":0.094117648899555206,\"g\":0.40784314274787903,\"b\":0.85882353782653809,\"a\":1.0},\"position\":0.46647399663925171},{\"color\":{\"r\":0.094117648899555206,\"g\":0.40784314274787903,\"b\":0.85882353782653809,\"a\":1.0},\"position\":0.70185315608978271},{\"color\":{\"r\":0.68627452850341797,\"g\":0.34901961684226990,\"b\":0.87843137979507446,\"a\":1.0},\"position\":0.70195317268371582},{\"color\":{\"r\":0.68627452850341797,\"g\":0.34901961684226990,\"b\":0.87843137979507446,\"a\":1.0},\"position\":1.0}],\"transform\":{\"m00\":14.030276298522949,\"m01\":17.570167541503906,\"m02\":-3.7850868701934814,\"m10\":-18.822471618652344,\"m11\":15.030277252197266,\"m12\":13.411232948303223},\"opacity\":1.0,\"blendMode\":\"NORMAL\",\"visible\":true}"
+}), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
+  id: "paint0_angular_1804_8080_clip_path"
+}, /*#__PURE__*/React.createElement("path", {
+  d: "M10 6.6123C7.9961 7.0671 6.5 8.85847 6.5 11C6.5 13.4853 8.51472 15.5 11 15.5C12.2428 15.5 13.3665 14.9968 14.1816 14.1816C14.7712 13.5921 15.1959 12.8407 15.3867 12H16.917C16.7489 12.9977 16.3336 13.9117 15.7383 14.6777L19.0303 17.9697L17.9697 19.0303L14.6777 15.7383C13.662 16.5276 12.3862 17 11 17C7.68629 17 5 14.3137 5 11C5 8.02706 7.16237 5.56013 10 5.08398V6.6123Z"
+})), /*#__PURE__*/React.createElement("clipPath", {
+  id: "paint1_angular_1804_8080_clip_path"
+}, /*#__PURE__*/React.createElement("path", {
+  d: "M18 7.25C18 7.56523 17.803 7.84705 17.5068 7.95508L16.2217 8.42383C16.0833 8.4744 15.9744 8.58332 15.9238 8.72168L15.4551 10.0068C15.3471 10.3029 15.0653 10.5 14.75 10.5C14.4348 10.5 14.1529 10.303 14.0449 10.0068L13.5762 8.72168C13.5256 8.58332 13.4167 8.4744 13.2783 8.42383L11.9932 7.95508C11.7338 7.86049 11.5505 7.63274 11.5088 7.36621L11.5 7.25L11.5088 7.13379C11.5505 6.86715 11.734 6.63947 11.9932 6.54492L13.2783 6.07617C13.4167 6.0256 13.5256 5.91668 13.5762 5.77832L14.0449 4.49316L14.0938 4.38672C14.2242 4.15114 14.4736 4.00036 14.749 4L14.8652 4.00879C15.0941 4.04428 15.2941 4.18415 15.4062 4.38672L15.4551 4.49316L15.9238 5.77832C15.9744 5.91668 16.0833 6.0256 16.2217 6.07617L17.5068 6.54492C17.8031 6.65301 18 6.93494 18 7.25Z"
+}))));
+AiSearchIcon.displayName = 'AiChapterIcon';
+export default AiSearchIcon;

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

@@ -1,52 +1,109 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React, { useCallback, useMemo } from 'react';
-import RovoChatIcon from '@atlaskit/icon/core/rovo-chat';
+import { useIntl } from 'react-intl-next';
+import { InternalActionName } from '../../../../../constants';
+import { messages } from '../../../../../messages';
+import { useFlexibleUiContext } from '../../../../../state/flexible-ui-context';
 import useRovoChat from '../../../../../state/hooks/use-rovo-chat';
+import AiChapterIcon from '../../../assets/ai-chapter-icon';
+import AIEditIcon from '../../../assets/ai-edit-icon';
+import AISearchIcon from '../../../assets/ai-search-icon';
 import Action from '../action';
-// Replace this with actual message key, e.g. link-relevancy, link-summary, etc.
 export let RovoChatPromptKey = /*#__PURE__*/function (RovoChatPromptKey) {
-  RovoChatPromptKey["MESSAGE_1"] = "message-1";
-  RovoChatPromptKey["MESSAGE_2"] = "message-2";
+  RovoChatPromptKey["RECOMMEND_OTHER_SOURCES"] = "recommend-other-sources";
+  RovoChatPromptKey["SHOW_OTHER_MENTIONS"] = "show-other-mentions";
+  RovoChatPromptKey["SUGGEST_IMPROVEMENT"] = "suggest-improvement";
   return RovoChatPromptKey;
 }({});
-const DEFAULT_PROMPTS = [RovoChatPromptKey.MESSAGE_1, RovoChatPromptKey.MESSAGE_2];
-const getPromptAction = promptKey => {
-  // NAVX-3581: Replace this with real prompt message
+const DEFAULT_PROMPTS = [RovoChatPromptKey.RECOMMEND_OTHER_SOURCES, RovoChatPromptKey.SHOW_OTHER_MENTIONS, RovoChatPromptKey.SUGGEST_IMPROVEMENT];
+const getContext = (intl, product) => {
+  switch (product) {
+    case 'CONFLUENCE':
+      return {
+        contextLong: intl.formatMessage(messages.rovo_prompt_context_confluence_page),
+        contextLongPlural: intl.formatMessage(messages.rovo_prompt_context_confluence_page_plural),
+        contextShort: intl.formatMessage(messages.rovo_prompt_context_confluence_page_short)
+      };
+    case 'JSW':
+    case 'JWM':
+    case 'JSM':
+    case 'JPD':
+      return {
+        contextLong: intl.formatMessage(messages.rovo_prompt_context_jira_work_item),
+        contextLongPlural: intl.formatMessage(messages.rovo_prompt_context_jira_work_item_plural),
+        contextShort: intl.formatMessage(messages.rovo_prompt_context_jira_work_item_short)
+      };
+  }
+};
+const getPromptAction = (promptKey, intl, url, product) => {
+  var _getContext;
+  const {
+    contextLong,
+    contextLongPlural,
+    contextShort
+  } = (_getContext = getContext(intl, product)) !== null && _getContext !== void 0 ? _getContext : {
+    contextLong: intl.formatMessage(messages.rovo_prompt_context_generic),
+    contextLongPlural: intl.formatMessage(messages.rovo_prompt_context_generic_plural),
+    contextShort: intl.formatMessage(messages.rovo_prompt_context_generic)
+  };
   switch (promptKey) {
-    case RovoChatPromptKey.MESSAGE_1:
+    case RovoChatPromptKey.RECOMMEND_OTHER_SOURCES:
+      const label_recommend = intl.formatMessage(messages.rovo_prompt_button_recommend_other_sources);
+      return {
+        icon: /*#__PURE__*/React.createElement(AIEditIcon, null),
+        content: label_recommend,
+        tooltipMessage: label_recommend,
+        data: {
+          name: label_recommend,
+          dialogues: [],
+          // NAVX-3581: To be translated and converted to ADF
+          prompt: `From this ${url} and the ${contextLong} I’m viewing now as context:
+- Search across all sources I can access for items that discuss similar concepts, themes, or problems, or that reference similar or closely related sources (including links to the same or related pages, issues, or docs).
+- Return the results as a list or table with columns: Item, Type, Short summary, and Why it’s similar.
+- For each result, give a one‑sentence Short summary of what the item is about.
+- In Why it’s similar, briefly explain (in a phrase or short sentence) what makes it related to this Smart Link and/or the item I’m viewing (for example: same project, similar decision, shared requirements, overlapping stakeholders, similar metrics, or referencing related docs).
+- Order the list from most to least relevant based on Rovo’s assessment of semantic similarity to both the Smart Link target and the current item.  Prioritize items that I do not own or have not contributed to.
+- If there are more than 5 results, show the 5 most relevant and state how many additional items you found.`
+        }
+      };
+    case RovoChatPromptKey.SHOW_OTHER_MENTIONS:
+      const label_other_mentions = intl.formatMessage(messages.rovo_prompt_button_show_other_mentions);
       return {
-        icon: /*#__PURE__*/React.createElement(RovoChatIcon, {
-          label: "",
-          spacing: "spacious"
-        }),
-        content: 'Action title 1',
-        tooltipMessage: 'Action tooltip 1',
+        icon: /*#__PURE__*/React.createElement(AiChapterIcon, null),
+        content: label_other_mentions,
+        tooltipMessage: label_other_mentions,
         data: {
-          name: 'Chat title 1',
+          name: label_other_mentions,
           dialogues: [],
-          prompt: {
-            version: 1,
-            type: 'doc',
-            content: []
-          }
+          // NAVX-3581: To be translated and converted to ADF
+          prompt: `From this ${url} and the ${contextLong} I’m viewing now:
+- Search across all ${contextLongPlural} I can access for other items that contain this exact Smart Link (same underlying URL/resource).
+- List all matching items in a table with columns: Item, Type, Short summary, How this item uses the link, and Relevance to current item.
+- For Short summary, give a one‑sentence description of what the page/issue is about.
+- For How this item uses the link, briefly explain the role this link plays there (e.g., decision doc, background context, implementation details, status update).
+- For Relevance to current item, compare each item to the page/issue I’m viewing now and label it High, Medium, or Low relevance, with a short reason (a phrase or single clause).
+- If there are more than 15 matches, show the 15 most relevant and tell me how many additional matches exist.`
         }
       };
-    case RovoChatPromptKey.MESSAGE_2:
+    case RovoChatPromptKey.SUGGEST_IMPROVEMENT:
+      const label_improvement = intl.formatMessage(messages.rovo_prompt_button_suggest_improvement, {
+        context: contextShort
+      });
       return {
-        icon: /*#__PURE__*/React.createElement(RovoChatIcon, {
-          label: "",
-          spacing: "spacious"
-        }),
-        content: 'Action title 2',
-        tooltipMessage: 'Action tooltip 2',
+        icon: /*#__PURE__*/React.createElement(AISearchIcon, null),
+        content: label_improvement,
+        tooltipMessage: label_improvement,
         data: {
-          name: 'Chat title 2',
+          name: label_improvement,
           dialogues: [],
-          prompt: {
-            version: 1,
-            type: 'doc',
-            content: []
-          }
+          // NAVX-3581: To be translated and converted to ADF
+          prompt: `Using the ${contextLong} I’m viewing now, plus all files and links referenced in it (including this ${url}):
+- Identify unclear reasoning, missing context, or contradictions between the item and its linked files.
+- Call out any places where assumptions are not backed up by data or prior docs.
+- Stay concise: summarize your findings in no more than three short paragraphs of content listed as bullets of no more than a couple of sentences long focused only on the two points above.
+- After presenting that summary, ask me explicitly if I want you to go deeper. Only if I say yes, then:
+- Suggest concrete rewrites (bullets or short paragraphs) to make the argument clearer, more concise, and better aligned with the supporting files.
+- Propose 3–5 follow‑up edits or additions that would make this item and its linked docs “share‑ready” for stakeholders.`
         }
       };
   }
@@ -57,10 +114,14 @@ const RovoChatAction = ({
   testId = 'smart-action-rovo-chat-action',
   ...props
 }) => {
+  var _context$actions;
+  const intl = useIntl();
   const {
     isRovoChatEnabled,
     sendPromptMessage
   } = useRovoChat();
+  const context = useFlexibleUiContext();
+  const data = context === null || context === void 0 ? void 0 : (_context$actions = context.actions) === null || _context$actions === void 0 ? void 0 : _context$actions[InternalActionName.RovoChatAction];
   const onClick = useCallback(promptData => {
     if (promptData) {
       sendPromptMessage(promptData);
@@ -77,7 +138,7 @@ const RovoChatAction = ({
         content,
         tooltipMessage,
         data: promptData
-      } = getPromptAction(promptKey) || {};
+      } = getPromptAction(promptKey, intl, data === null || data === void 0 ? void 0 : data.url, data === null || data === void 0 ? void 0 : data.product) || {};
       return promptData ? /*#__PURE__*/React.createElement(Action, _extends({
         content: content,
         icon: icon,
@@ -87,7 +148,7 @@ const RovoChatAction = ({
         tooltipMessage: tooltipMessage
       }, props)) : null;
     });
-  }, [onClick, prompts, props, testId]);
-  return isRovoChatEnabled && (promptActions === null || promptActions === void 0 ? void 0 : promptActions.length) > 0 ? /*#__PURE__*/React.createElement(React.Fragment, null, promptActions) : null;
+  }, [data, intl, onClick, prompts, props, testId]);
+  return isRovoChatEnabled && data && (promptActions === null || promptActions === void 0 ? void 0 : promptActions.length) > 0 ? /*#__PURE__*/React.createElement(React.Fragment, null, promptActions) : null;
 };
 export default RovoChatAction;

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

@@ -51,7 +51,7 @@ const ActionBlock = ({
   var _context$actions;
   const context = useFlexibleUiContext();
   const ui = useFlexibleUiOptionContext();
-  const isRovoChatActionAvailable = fg('platform_sl_3p_auth_rovo_action_kill_switch') ? (context === null || context === void 0 ? void 0 : (_context$actions = context.actions) === null || _context$actions === void 0 ? void 0 : _context$actions[InternalActionName.RovoChatAction]) === true : undefined;
+  const isRovoChatActionAvailable = fg('platform_sl_3p_auth_rovo_action_kill_switch') ? (context === null || context === void 0 ? void 0 : (_context$actions = context.actions) === null || _context$actions === void 0 ? void 0 : _context$actions[InternalActionName.RovoChatAction]) !== undefined : undefined;
   const [message, setMessage] = useState();
   const [isLoading, setIsLoading] = useState(false);
   const onLoadingChange = useCallback(isLoading => {