@atlaskit/editor-common 116.20.0 → 116.21.0

package/CHANGELOG.md

@@ -1,5 +1,29 @@
 # @atlaskit/editor-common
 
+## 116.21.0
+
+### Minor Changes
+
+- [`663afd59ab193`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/663afd59ab193) -
+  Agent mentions in Rovo chat history now open the agent profile card on click (behind the
+  rovo_chat_agent_selection gate). The renderer and editor-common Mention now thread the mention
+  userType so an 'APP' (agent) mention renders an AgentProfileCardTrigger; AgentProfileCardTrigger
+  now honors a passed trigger prop.
+
+### Patch Changes
+
+- [`92638385edd0e`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/92638385edd0e) -
+  [ux] [EDITOR-7888] add breakout resizing support for panel and rule nodes behind experiment
+  `platform_editor_lovability_resize_dividers_panels`.
+- Updated dependencies
+
+## 116.20.1
+
+### Patch Changes
+
+- [`de423ca734ec8`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/de423ca734ec8) -
+  Clean up fully-launched `rovo_chat_enable_skills_ui_m1` feature gate
+
 ## 116.20.0
 
 ### Minor Changes

package/dist/cjs/extensions/buildMenuItem.js

@@ -28,7 +28,7 @@ function buildMenuItem(manifest, extensionModule) {
     description: extensionModule.description || manifest.description,
     summary: manifest.summary,
     documentationUrl: manifest.documentationUrl
-  }, ((0, _platformFeatureFlags.fg)('cc_fd_wb_create_priority_in_slash_menu_enabled') || (0, _platformFeatureFlags.fg)('rovo_chat_enable_skills_ui_m1')) && {
+  }, (0, _platformFeatureFlags.fg)('cc_fd_wb_create_priority_in_slash_menu_enabled') && {
     priority: extensionModule.priority
   }), extensionModule.lozenge != null && {
     lozenge: extensionModule.lozenge

package/dist/cjs/messages/breakout.js

@@ -45,5 +45,15 @@ var messages = exports.messages = (0, _reactIntl.defineMessages)({
     id: 'fabric.editor.breakout.resizeElement',
     defaultMessage: 'Resize element',
     description: 'Tooltip displayed on custom element (node) width resize handle'
+  },
+  resizeRule: {
+    id: 'fabric.editor.breakout.resizeRule',
+    defaultMessage: 'Resize divider',
+    description: 'Tooltip displayed on custom divider width resize handle'
+  },
+  resizePanel: {
+    id: 'fabric.editor.breakout.resizePanel',
+    defaultMessage: 'Resize panel',
+    description: 'Tooltip displayed on custom panel width resize handle'
   }
 });

package/dist/cjs/monitoring/error.js

@@ -28,7 +28,7 @@ var NETWORK_FAILURE_REGEX = /^network failure/i;
 var RESIZE_OBSERVER_LOOP_REGEX = /ResizeObserver loop completed with undelivered notifications/;
 var SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
 var packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
-var packageVersion = "116.19.5";
+var packageVersion = "116.20.1";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // Ignored via go/ees007

package/dist/cjs/ui/DropList/index.js

@@ -24,7 +24,7 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
  * @jsx jsx
  */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 var packageName = "@atlaskit/editor-common";
-var packageVersion = "116.19.5";
+var packageVersion = "116.20.1";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var fadeIn = (0, _react2.keyframes)({

package/dist/cjs/ui/Mention/index.js

@@ -31,7 +31,8 @@ var Mention = exports.default = /*#__PURE__*/function (_PureComponent) {
         eventHandlers = _this$props.eventHandlers,
         id = _this$props.id,
         text = _this$props.text,
-        localId = _this$props.localId;
+        localId = _this$props.localId,
+        userType = _this$props.userType;
       var mentionProvider = providers.mentionProvider,
         profilecardProvider = providers.profilecardProvider;
       return /*#__PURE__*/_react.default.createElement(_mentionWithProviders.MentionWithProviders, {
@@ -39,6 +40,7 @@ var Mention = exports.default = /*#__PURE__*/function (_PureComponent) {
         text: text,
         accessLevel: accessLevel,
         localId: localId,
+        userType: userType,
         eventHandlers: eventHandlers,
         mentionProvider: mentionProvider,
         profilecardProvider: profilecardProvider

package/dist/cjs/ui/Mention/mention-with-profilecard.js

@@ -1,22 +1,46 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = MentionWithProfileCard;
+var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
 var _react = _interopRequireWildcard(require("react"));
+var _reactLoadable = _interopRequireDefault(require("react-loadable"));
 var _mention = require("@atlaskit/mention");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _anchor = _interopRequireDefault(require("@atlaskit/primitives/anchor"));
 var _user = _interopRequireDefault(require("@atlaskit/profilecard/user"));
 var _navigation = require("@atlaskit/teams-app-config/navigation");
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
-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); }
+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" != (0, _typeof2.default)(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); }
+// Lazy-loaded so the agent profile card chunk (and its `@atlaskit/rovo-agent-components`
+// dependency) stays off the critical path — it is only fetched when an agent mention
+// (`userType === 'APP'`) actually renders, never for person mentions.
+// Uses react-loadable to match editor-common's code-splitting factory (see src/icons/index.ts).
+var AgentProfileCardTrigger = (0, _reactLoadable.default)({
+  loader: function loader() {
+    return Promise.resolve().then(function () {
+      return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_profilecard/agent-profile-card-trigger" */
+      '@atlaskit/profilecard/agent-profile-card-trigger'));
+    }).then(function (mod) {
+      return mod.AgentProfileCardTrigger;
+    });
+  },
+  loading: function loading() {
+    return null;
+  }
+});
+
 // Ignored via go/ees005
 // eslint-disable-next-line require-unicode-regexp
 var AT_PREFIX_REGEX = /^@/;
+/**
+ * Renders a mention chip wrapped in the appropriate profile card trigger.
+ * 1. Agent mentions (`userType === 'APP'`, behind `rovo_chat_agent_selection`) open the Rovo agent profile card on click.
+ * 2. Otherwise renders the person profile card (either via the provider's `renderUserMentionCard`/link fallback or the default user `ProfileCardTrigger`).
+ */
 function MentionWithProfileCard(_ref) {
   var autoFocus = _ref.autoFocus,
     id = _ref.id,
@@ -28,25 +52,36 @@ function MentionWithProfileCard(_ref) {
     onMouseEnter = _ref.onMouseEnter,
     onMouseLeave = _ref.onMouseLeave,
     localId = _ref.localId,
-    ssrPlaceholderId = _ref.ssrPlaceholderId;
+    ssrPlaceholderId = _ref.ssrPlaceholderId,
+    userType = _ref.userType;
   var cloudId = profilecardProvider.cloudId,
     renderUserMentionCard = profilecardProvider.renderUserMentionCard,
     resourceClient = profilecardProvider.resourceClient;
   var actions = (0, _react.useMemo)(function () {
     return profilecardProvider.getActions(id, text, accessLevel);
   }, [accessLevel, id, profilecardProvider, text]);
+  var mention = /*#__PURE__*/_react.default.createElement(_mention.ResourcedMention, {
+    id: id,
+    text: text,
+    accessLevel: accessLevel,
+    localId: localId,
+    mentionProvider: mentionProvider,
+    onClick: onClick,
+    onMouseEnter: onMouseEnter,
+    onMouseLeave: onMouseLeave,
+    ssrPlaceholderId: ssrPlaceholderId
+  });
+
+  // Agent mentions (userType 'APP') open the Rovo agent profile card on click.
+  if (userType === 'APP' && cloudId && (0, _platformFeatureFlags.fg)('rovo_chat_agent_selection')) {
+    return /*#__PURE__*/_react.default.createElement(AgentProfileCardTrigger, {
+      agentId: id,
+      cloudId: cloudId,
+      resourceClient: resourceClient,
+      trigger: "click"
+    }, mention);
+  }
   if ((0, _platformFeatureFlags.fg)('people-teams_migrate-user-profile-card')) {
-    var mention = /*#__PURE__*/_react.default.createElement(_mention.ResourcedMention, {
-      id: id,
-      text: text,
-      accessLevel: accessLevel,
-      localId: localId,
-      mentionProvider: mentionProvider,
-      onClick: onClick,
-      onMouseEnter: onMouseEnter,
-      onMouseLeave: onMouseLeave,
-      ssrPlaceholderId: ssrPlaceholderId
-    });
     if (renderUserMentionCard) {
       return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, renderUserMentionCard({
         userId: id,
@@ -82,15 +117,5 @@ function MentionWithProfileCard(_ref) {
     ariaLabel: text.replace(AT_PREFIX_REGEX, ''),
     ssrPlaceholderId: ssrPlaceholderId,
     isRenderedInPortal: (0, _expValEquals.expValEquals)('editor_a11y_7152_profile_card_tab_order', 'isEnabled', true)
-  }, /*#__PURE__*/_react.default.createElement(_mention.ResourcedMention, {
-    id: id,
-    text: text,
-    accessLevel: accessLevel,
-    localId: localId,
-    mentionProvider: mentionProvider,
-    onClick: onClick,
-    onMouseEnter: onMouseEnter,
-    onMouseLeave: onMouseLeave,
-    ssrPlaceholderId: ssrPlaceholderId
-  }));
+  }, mention);
 }

package/dist/cjs/ui/Mention/mention-with-providers.js

@@ -19,7 +19,8 @@ var MentionWithProviders = exports.MentionWithProviders = /*#__PURE__*/_react.de
     mentionProvider = _ref.mentionProvider,
     profilecardProviderResolver = _ref.profilecardProvider,
     text = _ref.text,
-    localId = _ref.localId;
+    localId = _ref.localId,
+    userType = _ref.userType;
   var _useState = (0, _react.useState)(null),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     profilecardProvider = _useState2[0],
@@ -53,6 +54,7 @@ var MentionWithProviders = exports.MentionWithProviders = /*#__PURE__*/_react.de
     text: text,
     accessLevel: accessLevel,
     localId: localId,
+    userType: userType,
     mentionProvider: mentionProvider
     // Ignored via go/ees005
     // eslint-disable-next-line @typescript-eslint/no-non-null-assertion

package/dist/cjs/utils/getBreakoutResizableNodeTypes.js

@@ -5,11 +5,18 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.getBreakoutResizableNodeTypes = void 0;
 var getBreakoutResizableNodeTypes = exports.getBreakoutResizableNodeTypes = function getBreakoutResizableNodeTypes(schema) {
+  var isRuleAndPanelResizingEnabled = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
   var _schema$nodes = schema.nodes,
     expand = _schema$nodes.expand,
     codeBlock = _schema$nodes.codeBlock,
     layoutSection = _schema$nodes.layoutSection,
     syncBlock = _schema$nodes.syncBlock,
-    bodiedSyncBlock = _schema$nodes.bodiedSyncBlock;
-  return new Set([expand, codeBlock, layoutSection, syncBlock, bodiedSyncBlock]);
+    bodiedSyncBlock = _schema$nodes.bodiedSyncBlock,
+    rule = _schema$nodes.rule,
+    panel = _schema$nodes.panel;
+  var breakoutResizableNodeTypes = [expand, codeBlock, layoutSection, syncBlock, bodiedSyncBlock];
+  if (isRuleAndPanelResizingEnabled) {
+    breakoutResizableNodeTypes.push(rule, panel);
+  }
+  return new Set(breakoutResizableNodeTypes);
 };

package/dist/es2019/extensions/buildMenuItem.js

@@ -18,7 +18,7 @@ export function buildMenuItem(manifest, extensionModule) {
     description: extensionModule.description || manifest.description,
     summary: manifest.summary,
     documentationUrl: manifest.documentationUrl,
-    ...((fg('cc_fd_wb_create_priority_in_slash_menu_enabled') || fg('rovo_chat_enable_skills_ui_m1')) && {
+    ...(fg('cc_fd_wb_create_priority_in_slash_menu_enabled') && {
       priority: extensionModule.priority
     }),
     ...(extensionModule.lozenge != null && {

package/dist/es2019/messages/breakout.js

@@ -39,5 +39,15 @@ export const messages = defineMessages({
     id: 'fabric.editor.breakout.resizeElement',
     defaultMessage: 'Resize element',
     description: 'Tooltip displayed on custom element (node) width resize handle'
+  },
+  resizeRule: {
+    id: 'fabric.editor.breakout.resizeRule',
+    defaultMessage: 'Resize divider',
+    description: 'Tooltip displayed on custom divider width resize handle'
+  },
+  resizePanel: {
+    id: 'fabric.editor.breakout.resizePanel',
+    defaultMessage: 'Resize panel',
+    description: 'Tooltip displayed on custom panel width resize handle'
   }
 });

package/dist/es2019/monitoring/error.js

@@ -14,7 +14,7 @@ const NETWORK_FAILURE_REGEX = /^network failure/i;
 const RESIZE_OBSERVER_LOOP_REGEX = /ResizeObserver loop completed with undelivered notifications/;
 const SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
 const packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
-const packageVersion = "116.19.5";
+const packageVersion = "116.20.1";
 const sanitiseSentryEvents = (data, _hint) => {
   // Remove URL as it has UGC
   // Ignored via go/ees007

package/dist/es2019/ui/DropList/index.js

@@ -14,7 +14,7 @@ import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
 import { fg } from '@atlaskit/platform-feature-flags';
 import Layer from '../Layer';
 const packageName = "@atlaskit/editor-common";
-const packageVersion = "116.19.5";
+const packageVersion = "116.20.1";
 const halfFocusRing = 1;
 const dropOffset = '0, 8';
 const fadeIn = keyframes({

package/dist/es2019/ui/Mention/index.js

@@ -14,7 +14,8 @@ export default class Mention extends PureComponent {
         eventHandlers,
         id,
         text,
-        localId
+        localId,
+        userType
       } = this.props;
       const {
         mentionProvider,
@@ -25,6 +26,7 @@ export default class Mention extends PureComponent {
         text: text,
         accessLevel: accessLevel,
         localId: localId,
+        userType: userType,
         eventHandlers: eventHandlers,
         mentionProvider: mentionProvider,
         profilecardProvider: profilecardProvider

package/dist/es2019/ui/Mention/mention-with-profilecard.js

@@ -1,13 +1,29 @@
 import React, { useMemo } from 'react';
+import Loadable from 'react-loadable';
 import { ResourcedMention } from '@atlaskit/mention';
 import { fg } from '@atlaskit/platform-feature-flags';
 import Anchor from '@atlaskit/primitives/anchor';
 import ProfileCardTrigger from '@atlaskit/profilecard/user';
 import { navigateToTeamsApp } from '@atlaskit/teams-app-config/navigation';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
+// Lazy-loaded so the agent profile card chunk (and its `@atlaskit/rovo-agent-components`
+// dependency) stays off the critical path — it is only fetched when an agent mention
+// (`userType === 'APP'`) actually renders, never for person mentions.
+// Uses react-loadable to match editor-common's code-splitting factory (see src/icons/index.ts).
+const AgentProfileCardTrigger = Loadable({
+  loader: () => import( /* webpackChunkName: "@atlaskit-internal_profilecard/agent-profile-card-trigger" */
+  '@atlaskit/profilecard/agent-profile-card-trigger').then(mod => mod.AgentProfileCardTrigger),
+  loading: () => null
+});
+
 // Ignored via go/ees005
 // eslint-disable-next-line require-unicode-regexp
 const AT_PREFIX_REGEX = /^@/;
+/**
+ * Renders a mention chip wrapped in the appropriate profile card trigger.
+ * 1. Agent mentions (`userType === 'APP'`, behind `rovo_chat_agent_selection`) open the Rovo agent profile card on click.
+ * 2. Otherwise renders the person profile card (either via the provider's `renderUserMentionCard`/link fallback or the default user `ProfileCardTrigger`).
+ */
 export default function MentionWithProfileCard({
   autoFocus,
   id,
@@ -19,7 +35,8 @@ export default function MentionWithProfileCard({
   onMouseEnter,
   onMouseLeave,
   localId,
-  ssrPlaceholderId
+  ssrPlaceholderId,
+  userType
 }) {
   const {
     cloudId,
@@ -27,18 +44,28 @@ export default function MentionWithProfileCard({
     resourceClient
   } = profilecardProvider;
   const actions = useMemo(() => profilecardProvider.getActions(id, text, accessLevel), [accessLevel, id, profilecardProvider, text]);
+  const mention = /*#__PURE__*/React.createElement(ResourcedMention, {
+    id: id,
+    text: text,
+    accessLevel: accessLevel,
+    localId: localId,
+    mentionProvider: mentionProvider,
+    onClick: onClick,
+    onMouseEnter: onMouseEnter,
+    onMouseLeave: onMouseLeave,
+    ssrPlaceholderId: ssrPlaceholderId
+  });
+
+  // Agent mentions (userType 'APP') open the Rovo agent profile card on click.
+  if (userType === 'APP' && cloudId && fg('rovo_chat_agent_selection')) {
+    return /*#__PURE__*/React.createElement(AgentProfileCardTrigger, {
+      agentId: id,
+      cloudId: cloudId,
+      resourceClient: resourceClient,
+      trigger: "click"
+    }, mention);
+  }
   if (fg('people-teams_migrate-user-profile-card')) {
-    const mention = /*#__PURE__*/React.createElement(ResourcedMention, {
-      id: id,
-      text: text,
-      accessLevel: accessLevel,
-      localId: localId,
-      mentionProvider: mentionProvider,
-      onClick: onClick,
-      onMouseEnter: onMouseEnter,
-      onMouseLeave: onMouseLeave,
-      ssrPlaceholderId: ssrPlaceholderId
-    });
     if (renderUserMentionCard) {
       return /*#__PURE__*/React.createElement(React.Fragment, null, renderUserMentionCard({
         userId: id,
@@ -75,15 +102,5 @@ export default function MentionWithProfileCard({
     ariaLabel: text.replace(AT_PREFIX_REGEX, ''),
     ssrPlaceholderId: ssrPlaceholderId,
     isRenderedInPortal: expValEquals('editor_a11y_7152_profile_card_tab_order', 'isEnabled', true)
-  }, /*#__PURE__*/React.createElement(ResourcedMention, {
-    id: id,
-    text: text,
-    accessLevel: accessLevel,
-    localId: localId,
-    mentionProvider: mentionProvider,
-    onClick: onClick,
-    onMouseEnter: onMouseEnter,
-    onMouseLeave: onMouseLeave,
-    ssrPlaceholderId: ssrPlaceholderId
-  }));
+  }, mention);
 }

package/dist/es2019/ui/Mention/mention-with-providers.js

@@ -9,7 +9,8 @@ export const MentionWithProviders = /*#__PURE__*/React.memo(({
   mentionProvider,
   profilecardProvider: profilecardProviderResolver,
   text,
-  localId
+  localId,
+  userType
 }) => {
   const [profilecardProvider, setProfilecardProvider] = useState(null);
   const mountedRef = useRef(true);
@@ -41,6 +42,7 @@ export const MentionWithProviders = /*#__PURE__*/React.memo(({
     text: text,
     accessLevel: accessLevel,
     localId: localId,
+    userType: userType,
     mentionProvider: mentionProvider
     // Ignored via go/ees005
     // eslint-disable-next-line @typescript-eslint/no-non-null-assertion

package/dist/es2019/utils/getBreakoutResizableNodeTypes.js

@@ -1,10 +1,16 @@
-export const getBreakoutResizableNodeTypes = schema => {
+export const getBreakoutResizableNodeTypes = (schema, isRuleAndPanelResizingEnabled = false) => {
   const {
     expand,
     codeBlock,
     layoutSection,
     syncBlock,
-    bodiedSyncBlock
+    bodiedSyncBlock,
+    rule,
+    panel
   } = schema.nodes;
-  return new Set([expand, codeBlock, layoutSection, syncBlock, bodiedSyncBlock]);
+  const breakoutResizableNodeTypes = [expand, codeBlock, layoutSection, syncBlock, bodiedSyncBlock];
+  if (isRuleAndPanelResizingEnabled) {
+    breakoutResizableNodeTypes.push(rule, panel);
+  }
+  return new Set(breakoutResizableNodeTypes);
 };

package/dist/esm/extensions/buildMenuItem.js

@@ -21,7 +21,7 @@ export function buildMenuItem(manifest, extensionModule) {
     description: extensionModule.description || manifest.description,
     summary: manifest.summary,
     documentationUrl: manifest.documentationUrl
-  }, (fg('cc_fd_wb_create_priority_in_slash_menu_enabled') || fg('rovo_chat_enable_skills_ui_m1')) && {
+  }, fg('cc_fd_wb_create_priority_in_slash_menu_enabled') && {
     priority: extensionModule.priority
   }), extensionModule.lozenge != null && {
     lozenge: extensionModule.lozenge

package/dist/esm/messages/breakout.js

@@ -39,5 +39,15 @@ export var messages = defineMessages({
     id: 'fabric.editor.breakout.resizeElement',
     defaultMessage: 'Resize element',
     description: 'Tooltip displayed on custom element (node) width resize handle'
+  },
+  resizeRule: {
+    id: 'fabric.editor.breakout.resizeRule',
+    defaultMessage: 'Resize divider',
+    description: 'Tooltip displayed on custom divider width resize handle'
+  },
+  resizePanel: {
+    id: 'fabric.editor.breakout.resizePanel',
+    defaultMessage: 'Resize panel',
+    description: 'Tooltip displayed on custom panel width resize handle'
   }
 });

package/dist/esm/monitoring/error.js

@@ -20,7 +20,7 @@ var NETWORK_FAILURE_REGEX = /^network failure/i;
 var RESIZE_OBSERVER_LOOP_REGEX = /ResizeObserver loop completed with undelivered notifications/;
 var SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
 var packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
-var packageVersion = "116.19.5";
+var packageVersion = "116.20.1";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // Ignored via go/ees007

package/dist/esm/ui/DropList/index.js

@@ -21,7 +21,7 @@ import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
 import { fg } from '@atlaskit/platform-feature-flags';
 import Layer from '../Layer';
 var packageName = "@atlaskit/editor-common";
-var packageVersion = "116.19.5";
+var packageVersion = "116.20.1";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var fadeIn = keyframes({

package/dist/esm/ui/Mention/index.js

@@ -23,7 +23,8 @@ var Mention = /*#__PURE__*/function (_PureComponent) {
         eventHandlers = _this$props.eventHandlers,
         id = _this$props.id,
         text = _this$props.text,
-        localId = _this$props.localId;
+        localId = _this$props.localId,
+        userType = _this$props.userType;
       var mentionProvider = providers.mentionProvider,
         profilecardProvider = providers.profilecardProvider;
       return /*#__PURE__*/React.createElement(MentionWithProviders, {
@@ -31,6 +32,7 @@ var Mention = /*#__PURE__*/function (_PureComponent) {
         text: text,
         accessLevel: accessLevel,
         localId: localId,
+        userType: userType,
         eventHandlers: eventHandlers,
         mentionProvider: mentionProvider,
         profilecardProvider: profilecardProvider

package/dist/esm/ui/Mention/mention-with-profilecard.js

@@ -1,13 +1,35 @@
 import React, { useMemo } from 'react';
+import Loadable from 'react-loadable';
 import { ResourcedMention } from '@atlaskit/mention';
 import { fg } from '@atlaskit/platform-feature-flags';
 import Anchor from '@atlaskit/primitives/anchor';
 import ProfileCardTrigger from '@atlaskit/profilecard/user';
 import { navigateToTeamsApp } from '@atlaskit/teams-app-config/navigation';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
+// Lazy-loaded so the agent profile card chunk (and its `@atlaskit/rovo-agent-components`
+// dependency) stays off the critical path — it is only fetched when an agent mention
+// (`userType === 'APP'`) actually renders, never for person mentions.
+// Uses react-loadable to match editor-common's code-splitting factory (see src/icons/index.ts).
+var AgentProfileCardTrigger = Loadable({
+  loader: function loader() {
+    return import( /* webpackChunkName: "@atlaskit-internal_profilecard/agent-profile-card-trigger" */
+    '@atlaskit/profilecard/agent-profile-card-trigger').then(function (mod) {
+      return mod.AgentProfileCardTrigger;
+    });
+  },
+  loading: function loading() {
+    return null;
+  }
+});
+
 // Ignored via go/ees005
 // eslint-disable-next-line require-unicode-regexp
 var AT_PREFIX_REGEX = /^@/;
+/**
+ * Renders a mention chip wrapped in the appropriate profile card trigger.
+ * 1. Agent mentions (`userType === 'APP'`, behind `rovo_chat_agent_selection`) open the Rovo agent profile card on click.
+ * 2. Otherwise renders the person profile card (either via the provider's `renderUserMentionCard`/link fallback or the default user `ProfileCardTrigger`).
+ */
 export default function MentionWithProfileCard(_ref) {
   var autoFocus = _ref.autoFocus,
     id = _ref.id,
@@ -19,25 +41,36 @@ export default function MentionWithProfileCard(_ref) {
     onMouseEnter = _ref.onMouseEnter,
     onMouseLeave = _ref.onMouseLeave,
     localId = _ref.localId,
-    ssrPlaceholderId = _ref.ssrPlaceholderId;
+    ssrPlaceholderId = _ref.ssrPlaceholderId,
+    userType = _ref.userType;
   var cloudId = profilecardProvider.cloudId,
     renderUserMentionCard = profilecardProvider.renderUserMentionCard,
     resourceClient = profilecardProvider.resourceClient;
   var actions = useMemo(function () {
     return profilecardProvider.getActions(id, text, accessLevel);
   }, [accessLevel, id, profilecardProvider, text]);
+  var mention = /*#__PURE__*/React.createElement(ResourcedMention, {
+    id: id,
+    text: text,
+    accessLevel: accessLevel,
+    localId: localId,
+    mentionProvider: mentionProvider,
+    onClick: onClick,
+    onMouseEnter: onMouseEnter,
+    onMouseLeave: onMouseLeave,
+    ssrPlaceholderId: ssrPlaceholderId
+  });
+
+  // Agent mentions (userType 'APP') open the Rovo agent profile card on click.
+  if (userType === 'APP' && cloudId && fg('rovo_chat_agent_selection')) {
+    return /*#__PURE__*/React.createElement(AgentProfileCardTrigger, {
+      agentId: id,
+      cloudId: cloudId,
+      resourceClient: resourceClient,
+      trigger: "click"
+    }, mention);
+  }
   if (fg('people-teams_migrate-user-profile-card')) {
-    var mention = /*#__PURE__*/React.createElement(ResourcedMention, {
-      id: id,
-      text: text,
-      accessLevel: accessLevel,
-      localId: localId,
-      mentionProvider: mentionProvider,
-      onClick: onClick,
-      onMouseEnter: onMouseEnter,
-      onMouseLeave: onMouseLeave,
-      ssrPlaceholderId: ssrPlaceholderId
-    });
     if (renderUserMentionCard) {
       return /*#__PURE__*/React.createElement(React.Fragment, null, renderUserMentionCard({
         userId: id,
@@ -73,15 +106,5 @@ export default function MentionWithProfileCard(_ref) {
     ariaLabel: text.replace(AT_PREFIX_REGEX, ''),
     ssrPlaceholderId: ssrPlaceholderId,
     isRenderedInPortal: expValEquals('editor_a11y_7152_profile_card_tab_order', 'isEnabled', true)
-  }, /*#__PURE__*/React.createElement(ResourcedMention, {
-    id: id,
-    text: text,
-    accessLevel: accessLevel,
-    localId: localId,
-    mentionProvider: mentionProvider,
-    onClick: onClick,
-    onMouseEnter: onMouseEnter,
-    onMouseLeave: onMouseLeave,
-    ssrPlaceholderId: ssrPlaceholderId
-  }));
+  }, mention);
 }

package/dist/esm/ui/Mention/mention-with-providers.js

@@ -10,7 +10,8 @@ export var MentionWithProviders = /*#__PURE__*/React.memo(function (_ref) {
     mentionProvider = _ref.mentionProvider,
     profilecardProviderResolver = _ref.profilecardProvider,
     text = _ref.text,
-    localId = _ref.localId;
+    localId = _ref.localId,
+    userType = _ref.userType;
   var _useState = useState(null),
     _useState2 = _slicedToArray(_useState, 2),
     profilecardProvider = _useState2[0],
@@ -44,6 +45,7 @@ export var MentionWithProviders = /*#__PURE__*/React.memo(function (_ref) {
     text: text,
     accessLevel: accessLevel,
     localId: localId,
+    userType: userType,
     mentionProvider: mentionProvider
     // Ignored via go/ees005
     // eslint-disable-next-line @typescript-eslint/no-non-null-assertion

package/dist/esm/utils/getBreakoutResizableNodeTypes.js

@@ -1,9 +1,16 @@
 export var getBreakoutResizableNodeTypes = function getBreakoutResizableNodeTypes(schema) {
+  var isRuleAndPanelResizingEnabled = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
   var _schema$nodes = schema.nodes,
     expand = _schema$nodes.expand,
     codeBlock = _schema$nodes.codeBlock,
     layoutSection = _schema$nodes.layoutSection,
     syncBlock = _schema$nodes.syncBlock,
-    bodiedSyncBlock = _schema$nodes.bodiedSyncBlock;
-  return new Set([expand, codeBlock, layoutSection, syncBlock, bodiedSyncBlock]);
+    bodiedSyncBlock = _schema$nodes.bodiedSyncBlock,
+    rule = _schema$nodes.rule,
+    panel = _schema$nodes.panel;
+  var breakoutResizableNodeTypes = [expand, codeBlock, layoutSection, syncBlock, bodiedSyncBlock];
+  if (isRuleAndPanelResizingEnabled) {
+    breakoutResizableNodeTypes.push(rule, panel);
+  }
+  return new Set(breakoutResizableNodeTypes);
 };

package/dist/types/messages/breakout.d.ts

@@ -1,42 +1,52 @@
 export declare const messages: {
-    maxWidthLabel: {
-        id: string;
+    fullWidthLabel: {
         defaultMessage: string;
         description: string;
-    };
-    fullWidthLabel: {
         id: string;
+    };
+    maxWidthLabel: {
         defaultMessage: string;
         description: string;
-    };
-    wideWidthLabel: {
         id: string;
+    };
+    resizeCodeBlock: {
         defaultMessage: string;
         description: string;
-    };
-    resizeHandle: {
         id: string;
+    };
+    resizeElement: {
         defaultMessage: string;
         description: string;
+        id: string;
     };
     resizeExpand: {
-        id: string;
         defaultMessage: string;
         description: string;
-    };
-    resizeCodeBlock: {
         id: string;
+    };
+    resizeHandle: {
         defaultMessage: string;
         description: string;
+        id: string;
     };
     resizeLayout: {
+        defaultMessage: string;
+        description: string;
         id: string;
+    };
+    resizePanel: {
         defaultMessage: string;
         description: string;
+        id: string;
     };
-    resizeElement: {
+    resizeRule: {
+        defaultMessage: string;
+        description: string;
         id: string;
+    };
+    wideWidthLabel: {
         defaultMessage: string;
         description: string;
+        id: string;
     };
 };

package/dist/types/ui/Mention/index.d.ts

@@ -1,4 +1,5 @@
 import React, { PureComponent } from 'react';
+import type { MentionUserType } from '@atlaskit/adf-schema';
 import { ProviderFactory } from '../../provider-factory';
 import type { ProfilecardProvider } from '../../provider-factory/profile-card-provider';
 import type { MentionEventHandlers } from '../EventHandlers';
@@ -9,6 +10,7 @@ export interface MentionProps {
     localId?: string;
     providers?: ProviderFactory;
     text: string;
+    userType?: MentionUserType;
 }
 export interface MentionState {
     profilecardProvider: ProfilecardProvider | null;

package/dist/types/ui/Mention/mention-with-profilecard.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
+import type { MentionUserType } from '@atlaskit/adf-schema';
 import type { MentionProvider } from '@atlaskit/mention';
 import type { ProfilecardProvider } from '../../provider-factory/profile-card-provider';
 import type { MentionEventHandler } from '../EventHandlers';
@@ -14,5 +15,11 @@ export interface Props {
     profilecardProvider: ProfilecardProvider;
     ssrPlaceholderId?: string;
     text: string;
+    userType?: MentionUserType;
 }
-export default function MentionWithProfileCard({ autoFocus, id, text, accessLevel, mentionProvider, profilecardProvider, onClick, onMouseEnter, onMouseLeave, localId, ssrPlaceholderId, }: Props): React.JSX.Element;
+/**
+ * Renders a mention chip wrapped in the appropriate profile card trigger.
+ * 1. Agent mentions (`userType === 'APP'`, behind `rovo_chat_agent_selection`) open the Rovo agent profile card on click.
+ * 2. Otherwise renders the person profile card (either via the provider's `renderUserMentionCard`/link fallback or the default user `ProfileCardTrigger`).
+ */
+export default function MentionWithProfileCard({ autoFocus, id, text, accessLevel, mentionProvider, profilecardProvider, onClick, onMouseEnter, onMouseLeave, localId, ssrPlaceholderId, userType, }: Props): React.JSX.Element;

package/dist/types/ui/Mention/mention-with-providers.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
+import type { MentionUserType } from '@atlaskit/adf-schema';
 import type { MentionProvider } from '@atlaskit/mention/resource';
 import type { ProfilecardProvider } from '../../provider-factory/profile-card-provider';
 import type { MentionEventHandlers } from '../EventHandlers';
@@ -10,6 +11,7 @@ export interface Props {
     mentionProvider?: Promise<MentionProvider>;
     profilecardProvider?: Promise<ProfilecardProvider>;
     text: string;
+    userType?: MentionUserType;
 }
 export interface State {
     profilecardProvider: ProfilecardProvider | null;

package/dist/types/utils/getBreakoutResizableNodeTypes.d.ts

@@ -1,2 +1,2 @@
 import type { NodeType, Schema } from '@atlaskit/editor-prosemirror/model';
-export declare const getBreakoutResizableNodeTypes: (schema: Schema) => Set<NodeType>;
+export declare const getBreakoutResizableNodeTypes: (schema: Schema, isRuleAndPanelResizingEnabled?: boolean) => Set<NodeType>;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-common",
-	"version": "116.20.0",
+	"version": "116.21.0",
 	"description": "A package that contains common classes and components for editor and renderer",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -69,7 +69,7 @@
 		"@atlaskit/platform-feature-flags": "^2.0.0",
 		"@atlaskit/platform-feature-flags-react": "^1.1.0",
 		"@atlaskit/primitives": "^20.3.0",
-		"@atlaskit/profilecard": "^26.5.0",
+		"@atlaskit/profilecard": "^26.8.0",
 		"@atlaskit/prosemirror-history": "^1.0.0",
 		"@atlaskit/react-compiler-gating": "^0.2.0",
 		"@atlaskit/react-ufo": "^7.3.0",
@@ -80,7 +80,7 @@
 		"@atlaskit/task-decision": "^21.4.0",
 		"@atlaskit/teams-app-config": "^2.1.0",
 		"@atlaskit/textfield": "^9.1.0",
-		"@atlaskit/tmp-editor-statsig": "^120.0.0",
+		"@atlaskit/tmp-editor-statsig": "^120.1.0",
 		"@atlaskit/tokens": "^15.3.0",
 		"@atlaskit/tooltip": "^23.1.0",
 		"@atlaskit/width-detector": "^6.1.0",
@@ -122,6 +122,8 @@
 	"devDependencies": {
 		"@atlaskit/media-core": "^38.0.0",
 		"@atlassian/a11y-jest-testing": "^0.13.0",
+		"@atlassian/feature-flags-test-utils": "^1.1.0",
+		"@atlassian/testing-library": "^0.7.0",
 		"@testing-library/dom": "^10.1.0",
 		"@testing-library/jest-dom": "^6.4.5",
 		"@testing-library/react": "^16.3.0",
@@ -157,6 +159,9 @@
 		}
 	},
 	"platform-feature-flags": {
+		"rovo_chat_agent_selection": {
+			"type": "boolean"
+		},
 		"confluence_frontend_native_tabs_extension": {
 			"type": "boolean"
 		},
@@ -220,9 +225,6 @@
 		"platform_editor_sentry_breadcrumbs": {
 			"type": "boolean"
 		},
-		"rovo_chat_enable_skills_ui_m1": {
-			"type": "boolean"
-		},
 		"platform_fix_macro_renders_in_layouts": {
 			"type": "boolean"
 		},