@atlaskit/smart-card 43.26.0 → 43.26.2

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # @atlaskit/smart-card
 
+## 43.26.2
+
+### Patch Changes
+
+- Updated dependencies
+
+## 43.26.1
+
+### Patch Changes
+
+- [`e011a4c296616`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/e011a4c296616) -
+  [ux] Add RovoChatAction prompt message on HoverCard (plaintext)
+
 ## 43.26.0
 
 ### Minor Changes

package/dist/cjs/__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/cjs/extractors/flexible/actions/extract-rovo-chat-action.js

@@ -4,16 +4,16 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _linkExtractors = require("@atlaskit/link-extractors");
 var _helpers = require("../../../state/helpers");
+var _canShowAction = require("../../../utils/actions/can-show-action");
 var _rovo = require("../../../utils/rovo");
-var extractRovoChatAction = function extractRovoChatAction(response, rovoConfig, actionOptions) {
+var _types = require("../../../view/Card/types");
+var extractRovoChatAction = function 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 (!(0, _canShowAction.canShowAction)(_types.CardAction.RovoChatAction, actionOptions)) {
+    return;
+  }
   var isRovoChatEnabled = (0, _rovo.getIsRovoChatEnabled)(rovoConfig);
   if (!isRovoChatEnabled) {
     return;
@@ -23,6 +23,10 @@ var extractRovoChatAction = function extractRovoChatAction(response, rovoConfig,
   // If feature isn't support all 3P, this value should come from meta.supportedFeature
   var isSupportedFeature = (0, _helpers.getExtensionKey)(response) === 'google-object-provider';
   var isOptIn = (actionOptions === null || actionOptions === void 0 || (_actionOptions$rovoCh = actionOptions.rovoChatAction) === null || _actionOptions$rovoCh === void 0 ? void 0 : _actionOptions$rovoCh.optIn) === true;
-  return isSupportedFeature && isOptIn ? true : undefined;
+  var url = (0, _linkExtractors.extractSmartLinkUrl)(response);
+  return isSupportedFeature && isOptIn ? {
+    product: product,
+    url: url
+  } : undefined;
 };
 var _default = exports.default = extractRovoChatAction;

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

@@ -25,6 +25,7 @@ var extractFlexibleCardActions = exports.extractFlexibleCardActions = function e
     fireEvent = _ref.fireEvent,
     id = _ref.id,
     origin = _ref.origin,
+    product = _ref.product,
     response = _ref.response,
     rovoConfig = _ref.rovoConfig,
     url = _ref.url,
@@ -49,7 +50,7 @@ var extractFlexibleCardActions = exports.extractFlexibleCardActions = function e
     response: response,
     isPreviewPanelAvailable: isPreviewPanelAvailable,
     openPreviewPanel: openPreviewPanel
-  })), _constants.ActionName.AutomationAction, (0, _extractAutomationAction.extractAutomationAction)(response)), _constants.InternalActionName.AISummaryAction, (0, _extractAiSummaryAction.extractAISummaryAction)(response, url, actionOptions, aiSummaryConfig)), (0, _platformFeatureFlags.fg)('platform_sl_3p_auth_rovo_action_kill_switch') ? (0, _defineProperty2.default)({}, _constants.InternalActionName.RovoChatAction, (0, _extractRovoChatAction.default)(response, rovoConfig, actionOptions)) : undefined), {}, (0, _defineProperty2.default)({}, _constants.InternalActionName.ViewRelatedLinksAction, (0, _extractViewRelatedLinksAction.extractViewRelatedLinksAction)(response)));
+  })), _constants.ActionName.AutomationAction, (0, _extractAutomationAction.extractAutomationAction)(response)), _constants.InternalActionName.AISummaryAction, (0, _extractAiSummaryAction.extractAISummaryAction)(response, url, actionOptions, aiSummaryConfig)), (0, _platformFeatureFlags.fg)('platform_sl_3p_auth_rovo_action_kill_switch') ? (0, _defineProperty2.default)({}, _constants.InternalActionName.RovoChatAction, (0, _extractRovoChatAction.default)(response, rovoConfig, actionOptions, product)) : undefined), {}, (0, _defineProperty2.default)({}, _constants.InternalActionName.ViewRelatedLinksAction, (0, _extractViewRelatedLinksAction.extractViewRelatedLinksAction)(response)));
   return Object.values(action).some(function (value) {
     return Boolean(value);
   }) ? action : undefined;

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

@@ -21,7 +21,7 @@ var _icon = require("./icon");
 var _extractProviderIcon = require("./icon/extract-provider-icon");
 var _latestCommit = require("./latest-commit");
 var _utils = require("./utils");
-var _excluded = ["appearance", "fireEvent", "id", "onClick", "origin", "resolve", "rovoConfig", "actionOptions", "response", "status", "aiSummaryConfig", "isPreviewPanelAvailable", "openPreviewPanel"];
+var _excluded = ["appearance", "fireEvent", "id", "onClick", "origin", "product", "resolve", "rovoConfig", "actionOptions", "response", "status", "aiSummaryConfig", "isPreviewPanelAvailable", "openPreviewPanel"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var extractFlexibleUiContext = function extractFlexibleUiContext() {
@@ -31,6 +31,7 @@ var extractFlexibleUiContext = function extractFlexibleUiContext() {
     id = _ref.id,
     onClick = _ref.onClick,
     origin = _ref.origin,
+    product = _ref.product,
     resolve = _ref.resolve,
     rovoConfig = _ref.rovoConfig,
     actionOptions = _ref.actionOptions,
@@ -55,6 +56,7 @@ var extractFlexibleUiContext = function extractFlexibleUiContext() {
       id: id,
       origin: origin
     }, (0, _platformFeatureFlags.fg)('platform_sl_3p_auth_rovo_action_kill_switch') ? {
+      product: product,
       rovoConfig: rovoConfig
     } : undefined), {}, {
       response: response,

package/dist/cjs/messages.js

@@ -850,5 +850,60 @@ var messages = exports.messages = (0, _reactIntlNext.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/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: "43.25.16"
+  packageVersion: "43.26.1"
 };
 var TrackQuickActionType = exports.TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

package/dist/cjs/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/cjs/view/FlexibleCard/assets/ai-chapter-icon.js

@@ -0,0 +1,51 @@
+/* ai-chapter-icon.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("./ai-chapter-icon.compiled.css");
+var React = _interopRequireWildcard(require("react"));
+var _runtime = require("@compiled/react/runtime");
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+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 style = {
+  foreignObject: "_11q7hndj _4t3i1osq _1bsb1osq _tzy4kb7n"
+};
+var AiChapterIcon = function AiChapterIcon(props) {
+  return /*#__PURE__*/React.createElement("svg", (0, _extends2.default)({
+    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: (0, _runtime.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';
+var _default = exports.default = AiChapterIcon;

package/dist/cjs/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/cjs/view/FlexibleCard/assets/ai-edit-icon.js

@@ -0,0 +1,74 @@
+/* ai-edit-icon.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("./ai-edit-icon.compiled.css");
+var React = _interopRequireWildcard(require("react"));
+var _runtime = require("@compiled/react/runtime");
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+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 style = {
+  foreignObject: "_11q7hndj _4t3i1osq _1bsb1osq _tzy4kb7n"
+};
+var AiEditIcon = function AiEditIcon(props) {
+  return /*#__PURE__*/React.createElement("svg", (0, _extends2.default)({
+    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: (0, _runtime.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: (0, _runtime.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';
+var _default = exports.default = AiEditIcon;

package/dist/cjs/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/cjs/view/FlexibleCard/assets/ai-search-icon.js

@@ -0,0 +1,66 @@
+/* ai-search-icon.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("./ai-search-icon.compiled.css");
+var React = _interopRequireWildcard(require("react"));
+var _runtime = require("@compiled/react/runtime");
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+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 style = {
+  foreignObject: "_11q7hndj _4t3i1osq _1bsb1osq _tzy4kb7n"
+};
+var AiSearchIcon = function AiSearchIcon(props) {
+  return /*#__PURE__*/React.createElement("svg", (0, _extends2.default)({
+    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: (0, _runtime.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: (0, _runtime.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';
+var _default = exports.default = AiSearchIcon;

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

@@ -9,69 +9,111 @@ exports.default = exports.RovoChatPromptKey = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireWildcard(require("react"));
-var _rovoChat = _interopRequireDefault(require("@atlaskit/icon/core/rovo-chat"));
+var _reactIntlNext = require("react-intl-next");
+var _constants = require("../../../../../constants");
+var _messages = require("../../../../../messages");
+var _flexibleUiContext = require("../../../../../state/flexible-ui-context");
 var _useRovoChat2 = _interopRequireDefault(require("../../../../../state/hooks/use-rovo-chat"));
+var _aiChapterIcon = _interopRequireDefault(require("../../../assets/ai-chapter-icon"));
+var _aiEditIcon = _interopRequireDefault(require("../../../assets/ai-edit-icon"));
+var _aiSearchIcon = _interopRequireDefault(require("../../../assets/ai-search-icon"));
 var _action = _interopRequireDefault(require("../action"));
 var _excluded = ["onClick", "prompts", "testId"];
 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); }
-// Replace this with actual message key, e.g. link-relevancy, link-summary, etc.
 var RovoChatPromptKey = exports.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;
 }({});
-var DEFAULT_PROMPTS = [RovoChatPromptKey.MESSAGE_1, RovoChatPromptKey.MESSAGE_2];
-var getPromptAction = function getPromptAction(promptKey) {
-  // NAVX-3581: Replace this with real prompt message
+var DEFAULT_PROMPTS = [RovoChatPromptKey.RECOMMEND_OTHER_SOURCES, RovoChatPromptKey.SHOW_OTHER_MENTIONS, RovoChatPromptKey.SUGGEST_IMPROVEMENT];
+var getContext = function getContext(intl, product) {
+  switch (product) {
+    case 'CONFLUENCE':
+      return {
+        contextLong: intl.formatMessage(_messages.messages.rovo_prompt_context_confluence_page),
+        contextLongPlural: intl.formatMessage(_messages.messages.rovo_prompt_context_confluence_page_plural),
+        contextShort: intl.formatMessage(_messages.messages.rovo_prompt_context_confluence_page_short)
+      };
+    case 'JSW':
+    case 'JWM':
+    case 'JSM':
+    case 'JPD':
+      return {
+        contextLong: intl.formatMessage(_messages.messages.rovo_prompt_context_jira_work_item),
+        contextLongPlural: intl.formatMessage(_messages.messages.rovo_prompt_context_jira_work_item_plural),
+        contextShort: intl.formatMessage(_messages.messages.rovo_prompt_context_jira_work_item_short)
+      };
+  }
+};
+var getPromptAction = function getPromptAction(promptKey, intl, url, product) {
+  var _getContext;
+  var _ref = (_getContext = getContext(intl, product)) !== null && _getContext !== void 0 ? _getContext : {
+      contextLong: intl.formatMessage(_messages.messages.rovo_prompt_context_generic),
+      contextLongPlural: intl.formatMessage(_messages.messages.rovo_prompt_context_generic_plural),
+      contextShort: intl.formatMessage(_messages.messages.rovo_prompt_context_generic)
+    },
+    contextLong = _ref.contextLong,
+    contextLongPlural = _ref.contextLongPlural,
+    contextShort = _ref.contextShort;
   switch (promptKey) {
-    case RovoChatPromptKey.MESSAGE_1:
+    case RovoChatPromptKey.RECOMMEND_OTHER_SOURCES:
+      var label_recommend = intl.formatMessage(_messages.messages.rovo_prompt_button_recommend_other_sources);
+      return {
+        icon: /*#__PURE__*/_react.default.createElement(_aiEditIcon.default, null),
+        content: label_recommend,
+        tooltipMessage: label_recommend,
+        data: {
+          name: label_recommend,
+          dialogues: [],
+          // NAVX-3581: To be translated and converted to ADF
+          prompt: "From this ".concat(url, " and the ").concat(contextLong, " I\u2019m viewing now as context:\n- 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).\n- Return the results as a list or table with columns: Item, Type, Short summary, and Why it\u2019s similar.\n- For each result, give a one\u2011sentence Short summary of what the item is about.\n- In Why it\u2019s similar, briefly explain (in a phrase or short sentence) what makes it related to this Smart Link and/or the item I\u2019m viewing (for example: same project, similar decision, shared requirements, overlapping stakeholders, similar metrics, or referencing related docs).\n- Order the list from most to least relevant based on Rovo\u2019s 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.\n- 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:
+      var label_other_mentions = intl.formatMessage(_messages.messages.rovo_prompt_button_show_other_mentions);
       return {
-        icon: /*#__PURE__*/_react.default.createElement(_rovoChat.default, {
-          label: "",
-          spacing: "spacious"
-        }),
-        content: 'Action title 1',
-        tooltipMessage: 'Action tooltip 1',
+        icon: /*#__PURE__*/_react.default.createElement(_aiChapterIcon.default, 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 ".concat(url, " and the ").concat(contextLong, " I\u2019m viewing now:\n- Search across all ").concat(contextLongPlural, " I can access for other items that contain this exact Smart Link (same underlying URL/resource).\n- List all matching items in a table with columns: Item, Type, Short summary, How this item uses the link, and Relevance to current item.\n- For Short summary, give a one\u2011sentence description of what the page/issue is about.\n- 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).\n- For Relevance to current item, compare each item to the page/issue I\u2019m viewing now and label it High, Medium, or Low relevance, with a short reason (a phrase or single clause).\n- 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:
+      var label_improvement = intl.formatMessage(_messages.messages.rovo_prompt_button_suggest_improvement, {
+        context: contextShort
+      });
       return {
-        icon: /*#__PURE__*/_react.default.createElement(_rovoChat.default, {
-          label: "",
-          spacing: "spacious"
-        }),
-        content: 'Action title 2',
-        tooltipMessage: 'Action tooltip 2',
+        icon: /*#__PURE__*/_react.default.createElement(_aiSearchIcon.default, 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 ".concat(contextLong, " I\u2019m viewing now, plus all files and links referenced in it (including this ").concat(url, "):\n- Identify unclear reasoning, missing context, or contradictions between the item and its linked files.\n- Call out any places where assumptions are not backed up by data or prior docs.\n- 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.\n- After presenting that summary, ask me explicitly if I want you to go deeper. Only if I say yes, then:\n- Suggest concrete rewrites (bullets or short paragraphs) to make the argument clearer, more concise, and better aligned with the supporting files.\n- Propose 3\u20135 follow\u2011up edits or additions that would make this item and its linked docs \u201Cshare\u2011ready\u201D for stakeholders.")
         }
       };
   }
 };
-var RovoChatAction = function RovoChatAction(_ref) {
-  var onClickCallback = _ref.onClick,
-    _ref$prompts = _ref.prompts,
-    prompts = _ref$prompts === void 0 ? DEFAULT_PROMPTS : _ref$prompts,
-    _ref$testId = _ref.testId,
-    testId = _ref$testId === void 0 ? 'smart-action-rovo-chat-action' : _ref$testId,
-    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+var RovoChatAction = function RovoChatAction(_ref2) {
+  var _context$actions;
+  var onClickCallback = _ref2.onClick,
+    _ref2$prompts = _ref2.prompts,
+    prompts = _ref2$prompts === void 0 ? DEFAULT_PROMPTS : _ref2$prompts,
+    _ref2$testId = _ref2.testId,
+    testId = _ref2$testId === void 0 ? 'smart-action-rovo-chat-action' : _ref2$testId,
+    props = (0, _objectWithoutProperties2.default)(_ref2, _excluded);
+  var intl = (0, _reactIntlNext.useIntl)();
   var _useRovoChat = (0, _useRovoChat2.default)(),
     isRovoChatEnabled = _useRovoChat.isRovoChatEnabled,
     sendPromptMessage = _useRovoChat.sendPromptMessage;
+  var context = (0, _flexibleUiContext.useFlexibleUiContext)();
+  var data = context === null || context === void 0 || (_context$actions = context.actions) === null || _context$actions === void 0 ? void 0 : _context$actions[_constants.InternalActionName.RovoChatAction];
   var _onClick = (0, _react.useCallback)(function (promptData) {
     if (promptData) {
       sendPromptMessage(promptData);
@@ -83,11 +125,11 @@ var RovoChatAction = function RovoChatAction(_ref) {
   }, [onClickCallback, sendPromptMessage]);
   var promptActions = (0, _react.useMemo)(function () {
     return prompts.map(function (promptKey, idx) {
-      var _ref2 = getPromptAction(promptKey) || {},
-        icon = _ref2.icon,
-        content = _ref2.content,
-        tooltipMessage = _ref2.tooltipMessage,
-        promptData = _ref2.data;
+      var _ref3 = getPromptAction(promptKey, intl, data === null || data === void 0 ? void 0 : data.url, data === null || data === void 0 ? void 0 : data.product) || {},
+        icon = _ref3.icon,
+        content = _ref3.content,
+        tooltipMessage = _ref3.tooltipMessage,
+        promptData = _ref3.data;
       return promptData ? /*#__PURE__*/_react.default.createElement(_action.default, (0, _extends2.default)({
         content: content,
         icon: icon,
@@ -99,7 +141,7 @@ var RovoChatAction = function RovoChatAction(_ref) {
         tooltipMessage: tooltipMessage
       }, props)) : null;
     });
-  }, [_onClick, prompts, props, testId]);
-  return isRovoChatEnabled && (promptActions === null || promptActions === void 0 ? void 0 : promptActions.length) > 0 ? /*#__PURE__*/_react.default.createElement(_react.default.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.default.createElement(_react.default.Fragment, null, promptActions) : null;
 };
 var _default = exports.default = RovoChatAction;