@atlaskit/editor-common 112.19.3 → 112.20.2

package/CHANGELOG.md

@@ -1,5 +1,39 @@
 # @atlaskit/editor-common
 
+## 112.20.2
+
+### Patch Changes
+
+- Updated dependencies
+
+## 112.20.1
+
+### Patch Changes
+
+- [`89e32bffb1383`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/89e32bffb1383) -
+  [ux] Add support to consume the editor AI plugin summarise functionality in other editor plugins.
+- [`9534ff4c93c1d`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/9534ff4c93c1d) -
+  Send error event when API fails
+- Updated dependencies
+
+## 112.20.0
+
+### Minor Changes
+
+- [`90b759086522c`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/90b759086522c) -
+  Add withCompiledMigration HOC and enforce-compiled-migration-gate ESLint rule for feature-gated
+  Emotion to Compiled CSS-in-JS migration
+
+### Patch Changes
+
+- Updated dependencies
+
+## 112.19.4
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 112.19.3
 
 ### Patch Changes

package/compiled-migration/package.json

@@ -0,0 +1,17 @@
+{
+  "name": "@atlaskit/editor-common/compiled-migration",
+  "main": "../dist/cjs/compiled-migration/withCompiledMigration.js",
+  "module": "../dist/esm/compiled-migration/withCompiledMigration.js",
+  "module:es2019": "../dist/es2019/compiled-migration/withCompiledMigration.js",
+  "sideEffects": [
+    "**/*.compiled.css"
+  ],
+  "types": "../dist/types/compiled-migration/withCompiledMigration.d.ts",
+  "typesVersions": {
+    ">=4.5 <5.9": {
+      "*": [
+        "../dist/types-ts4.5/compiled-migration/withCompiledMigration.d.ts"
+      ]
+    }
+  }
+}

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

@@ -1,10 +1,14 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.unlinkPayload = exports.buildVisitedNonHyperLinkPayload = exports.buildVisitedLinkPayload = exports.buildOpenedSettingsPayload = exports.buildEditLinkPayload = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _enums = require("./types/enums");
+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 buildEditLinkPayload = exports.buildEditLinkPayload = function buildEditLinkPayload(type) {
   return {
     action: _enums.ACTION.CLICKED,
@@ -51,14 +55,19 @@ var buildVisitedHyperLinkPayload = function buildVisitedHyperLinkPayload() {
     eventType: _enums.EVENT_TYPE.TRACK
   };
 };
-var buildVisitedNonHyperLinkPayload = exports.buildVisitedNonHyperLinkPayload = function buildVisitedNonHyperLinkPayload(type, inputMethod) {
+var buildVisitedNonHyperLinkPayload = exports.buildVisitedNonHyperLinkPayload = function buildVisitedNonHyperLinkPayload(type, inputMethod, resolvedAttributes) {
   return {
     action: _enums.ACTION.VISITED,
     actionSubject: _enums.ACTION_SUBJECT.SMART_LINK,
     actionSubjectId: type,
-    attributes: {
+    attributes: _objectSpread({
       inputMethod: inputMethod
-    },
+    }, resolvedAttributes && {
+      displayCategory: resolvedAttributes.displayCategory,
+      extensionKey: resolvedAttributes.extensionKey,
+      status: resolvedAttributes.status,
+      statusDetails: resolvedAttributes.statusDetails
+    }),
     eventType: _enums.EVENT_TYPE.TRACK
   };
 };

package/dist/cjs/analytics/types/enums.js

@@ -581,6 +581,7 @@ var ACTION_SUBJECT_ID = exports.ACTION_SUBJECT_ID = /*#__PURE__*/function (ACTIO
   ACTION_SUBJECT_ID["SYNCED_BLOCK_LABEL"] = "syncedBlockLabel";
   ACTION_SUBJECT_ID["SYNCED_BLOCK_SSR_ERROR"] = "syncedBlockSSRError";
   ACTION_SUBJECT_ID["TABLE_STICKY_HEADER"] = "tableStickyHeader";
+  ACTION_SUBJECT_ID["SNIPPET"] = "snippet";
   return ACTION_SUBJECT_ID;
 }({});
 var FLOATING_CONTROLS_TITLE = exports.FLOATING_CONTROLS_TITLE = /*#__PURE__*/function (FLOATING_CONTROLS_TITLE) {

package/dist/cjs/compiled-migration/withCompiledMigration.js

@@ -0,0 +1,98 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.withCompiledMigration = withCompiledMigration;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = require("@emotion/react");
+var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ *
+ * IMPORTANT: This file MUST keep the emotion JSX pragma (@jsx jsx from @emotion/react).
+ * This is intentional — it allows the HOC to apply emotion styles via the css prop
+ * at the call site (where emotion's JSX runtime intercepts it), without requiring
+ * the wrapped component to use the emotion pragma itself.
+ *
+ * This file is part of the Emotion → Compiled CSS-in-JS migration infrastructure.
+ * It is temporary and should be removed once the migration is complete.
+ *
+ * @see https://hello.atlassian.net/wiki/spaces/~712020e6f24689f2da470b80ba6873df7b44a2/pages/6788274038/Emotion+-+Compiled+Feature+Gating+Strategy
+ */
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- intentional: this file must use emotion's JSX pragma to apply emotion styles via the css prop
+
+/**
+ * A HOC that enables per-component feature-gated migration from Emotion to Compiled CSS-in-JS.
+ *
+ * When the `platform_editor_static_css` experiment is ON:
+ *   - Renders the component directly. Compiled's statically-extracted CSS classes are applied
+ *     via the component's own `css` prop (using the Compiled pragma in the component file).
+ *   - No Emotion code runs at all.
+ *
+ * When the experiment is OFF:
+ *   - Renders the component with `css={emotionStyles}`. Because THIS file has the Emotion pragma,
+ *     Emotion's JSX runtime intercepts the css prop here, converts it to a className string,
+ *     and passes it to the component as `className`. No wrapper div, no ClassNames render prop.
+ *
+ * @example
+ * ```tsx
+ * // button.tsx — the base component is style-agnostic, it just accepts className.
+ * export function Button({ className }: { className?: string }) {
+ *   return <button className={className}>Click me</button>;
+ * }
+ *
+ * // app.tsx — the call site handles both compiled and emotion styles.
+ * import { css } from '@compiled/react';
+ * import { css as emotionCss } from '@emotion/react';
+ * import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
+ * import { withCompiledMigration } from '@atlaskit/editor-common/compiled-migration';
+ * import { Button } from './button';
+ *
+ * const compiledStyles = css({ border: '1px solid red' });
+ * const emotionStyles = emotionCss({ border: '1px solid red' });
+ *
+ * // Wrap the component — the HOC applies emotion styles when the experiment is off.
+ * const StyledButton = withCompiledMigration(Button, emotionStyles);
+ *
+ * // At the call site, apply compiled styles conditionally:
+ * export function App() {
+ *   return (
+ *     <StyledButton
+ *       css={[expValEquals('platform_editor_static_css', 'isEnabled', true) && compiledStyles]}
+ *     />
+ *   );
+ * }
+ * ```
+ */
+function withCompiledMigration(WrappedComponent, emotionStyles) {
+  var _ref, _WrappedComponent$dis;
+  // The cast is required because emotion's `css` prop is injected by the JSX pragma
+  // and is not part of the component's declared props type. We widen to P & { css? }
+  // so TypeScript accepts the css prop in the emotion branch while preserving P.
+  var Comp = WrappedComponent;
+  function MigrationGatedComponent(props) {
+    var compiledEnabled = (0, _expValEquals.expValEquals)('platform_editor_static_css', 'isEnabled', true);
+    if (compiledEnabled) {
+      // Experiment ON — render directly. Compiled's statically-extracted CSS classes
+      // are applied inside the component via its own css prop. No Emotion code runs.
+      // eslint-disable-next-line react/jsx-props-no-spreading -- HOC must forward all props
+      return (0, _react.jsx)(Comp, props);
+    }
+
+    // Experiment OFF — render with Emotion css prop. Because this file has
+    // the emotion JSX pragma, Emotion's JSX runtime intercepts the css prop
+    // here, converts it to a className, and passes it through to the component.
+    // No wrapper div needed.
+    // eslint-disable-next-line react/jsx-props-no-spreading, @atlaskit/ui-styling-standard/use-compiled -- HOC must forward all props; intentional emotion usage for migration
+    return (0, _react.jsx)(Comp, (0, _extends2.default)({}, props, {
+      css: emotionStyles
+    }));
+  }
+  var name = (_ref = (_WrappedComponent$dis = WrappedComponent.displayName) !== null && _WrappedComponent$dis !== void 0 ? _WrappedComponent$dis : WrappedComponent.name) !== null && _ref !== void 0 ? _ref : 'Component';
+  MigrationGatedComponent.displayName = "withCompiledMigration(".concat(name, ")");
+  return MigrationGatedComponent;
+}

package/dist/cjs/messages/native-embed-toolbar.js

@@ -16,6 +16,11 @@ var nativeEmbedToolbarMessages = exports.nativeEmbedToolbarMessages = (0, _react
     defaultMessage: 'Refresh',
     description: 'Label for the button to refresh the embedded link.'
   },
+  summarise: {
+    id: 'fabric.editor.nativeEmbeds.summarise',
+    defaultMessage: 'Summarize',
+    description: 'Label for the button to summarize the content of the embedded link using AI.'
+  },
   setEmbedType: {
     id: 'fabric.editor.setEmbedType.non-final',
     defaultMessage: 'Set embed type',

package/dist/cjs/monitoring/error.js

@@ -19,7 +19,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var 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" != _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 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 = "112.19.2";
+var packageVersion = "112.20.2";
 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 = "112.19.2";
+var packageVersion = "112.20.2";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var fadeIn = (0, _react2.keyframes)({

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

@@ -45,13 +45,19 @@ const buildVisitedHyperLinkPayload = () => {
     eventType: EVENT_TYPE.TRACK
   };
 };
-export const buildVisitedNonHyperLinkPayload = (type, inputMethod) => {
+export const buildVisitedNonHyperLinkPayload = (type, inputMethod, resolvedAttributes) => {
   return {
     action: ACTION.VISITED,
     actionSubject: ACTION_SUBJECT.SMART_LINK,
     actionSubjectId: type,
     attributes: {
-      inputMethod: inputMethod
+      inputMethod: inputMethod,
+      ...(resolvedAttributes && {
+        displayCategory: resolvedAttributes.displayCategory,
+        extensionKey: resolvedAttributes.extensionKey,
+        status: resolvedAttributes.status,
+        statusDetails: resolvedAttributes.statusDetails
+      })
     },
     eventType: EVENT_TYPE.TRACK
   };

package/dist/es2019/analytics/types/enums.js

@@ -575,6 +575,7 @@ export let ACTION_SUBJECT_ID = /*#__PURE__*/function (ACTION_SUBJECT_ID) {
   ACTION_SUBJECT_ID["SYNCED_BLOCK_LABEL"] = "syncedBlockLabel";
   ACTION_SUBJECT_ID["SYNCED_BLOCK_SSR_ERROR"] = "syncedBlockSSRError";
   ACTION_SUBJECT_ID["TABLE_STICKY_HEADER"] = "tableStickyHeader";
+  ACTION_SUBJECT_ID["SNIPPET"] = "snippet";
   return ACTION_SUBJECT_ID;
 }({});
 export let FLOATING_CONTROLS_TITLE = /*#__PURE__*/function (FLOATING_CONTROLS_TITLE) {

package/dist/es2019/compiled-migration/withCompiledMigration.js

@@ -0,0 +1,91 @@
+import _extends from "@babel/runtime/helpers/extends";
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ *
+ * IMPORTANT: This file MUST keep the emotion JSX pragma (@jsx jsx from @emotion/react).
+ * This is intentional — it allows the HOC to apply emotion styles via the css prop
+ * at the call site (where emotion's JSX runtime intercepts it), without requiring
+ * the wrapped component to use the emotion pragma itself.
+ *
+ * This file is part of the Emotion → Compiled CSS-in-JS migration infrastructure.
+ * It is temporary and should be removed once the migration is complete.
+ *
+ * @see https://hello.atlassian.net/wiki/spaces/~712020e6f24689f2da470b80ba6873df7b44a2/pages/6788274038/Emotion+-+Compiled+Feature+Gating+Strategy
+ */
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- intentional: this file must use emotion's JSX pragma to apply emotion styles via the css prop
+import { jsx } from '@emotion/react';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
+
+/**
+ * A HOC that enables per-component feature-gated migration from Emotion to Compiled CSS-in-JS.
+ *
+ * When the `platform_editor_static_css` experiment is ON:
+ *   - Renders the component directly. Compiled's statically-extracted CSS classes are applied
+ *     via the component's own `css` prop (using the Compiled pragma in the component file).
+ *   - No Emotion code runs at all.
+ *
+ * When the experiment is OFF:
+ *   - Renders the component with `css={emotionStyles}`. Because THIS file has the Emotion pragma,
+ *     Emotion's JSX runtime intercepts the css prop here, converts it to a className string,
+ *     and passes it to the component as `className`. No wrapper div, no ClassNames render prop.
+ *
+ * @example
+ * ```tsx
+ * // button.tsx — the base component is style-agnostic, it just accepts className.
+ * export function Button({ className }: { className?: string }) {
+ *   return <button className={className}>Click me</button>;
+ * }
+ *
+ * // app.tsx — the call site handles both compiled and emotion styles.
+ * import { css } from '@compiled/react';
+ * import { css as emotionCss } from '@emotion/react';
+ * import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
+ * import { withCompiledMigration } from '@atlaskit/editor-common/compiled-migration';
+ * import { Button } from './button';
+ *
+ * const compiledStyles = css({ border: '1px solid red' });
+ * const emotionStyles = emotionCss({ border: '1px solid red' });
+ *
+ * // Wrap the component — the HOC applies emotion styles when the experiment is off.
+ * const StyledButton = withCompiledMigration(Button, emotionStyles);
+ *
+ * // At the call site, apply compiled styles conditionally:
+ * export function App() {
+ *   return (
+ *     <StyledButton
+ *       css={[expValEquals('platform_editor_static_css', 'isEnabled', true) && compiledStyles]}
+ *     />
+ *   );
+ * }
+ * ```
+ */
+export function withCompiledMigration(WrappedComponent, emotionStyles) {
+  var _ref, _WrappedComponent$dis;
+  // The cast is required because emotion's `css` prop is injected by the JSX pragma
+  // and is not part of the component's declared props type. We widen to P & { css? }
+  // so TypeScript accepts the css prop in the emotion branch while preserving P.
+  const Comp = WrappedComponent;
+  function MigrationGatedComponent(props) {
+    const compiledEnabled = expValEquals('platform_editor_static_css', 'isEnabled', true);
+    if (compiledEnabled) {
+      // Experiment ON — render directly. Compiled's statically-extracted CSS classes
+      // are applied inside the component via its own css prop. No Emotion code runs.
+      // eslint-disable-next-line react/jsx-props-no-spreading -- HOC must forward all props
+      return jsx(Comp, props);
+    }
+
+    // Experiment OFF — render with Emotion css prop. Because this file has
+    // the emotion JSX pragma, Emotion's JSX runtime intercepts the css prop
+    // here, converts it to a className, and passes it through to the component.
+    // No wrapper div needed.
+    // eslint-disable-next-line react/jsx-props-no-spreading, @atlaskit/ui-styling-standard/use-compiled -- HOC must forward all props; intentional emotion usage for migration
+    return jsx(Comp, _extends({}, props, {
+      css: emotionStyles
+    }));
+  }
+  const name = (_ref = (_WrappedComponent$dis = WrappedComponent.displayName) !== null && _WrappedComponent$dis !== void 0 ? _WrappedComponent$dis : WrappedComponent.name) !== null && _ref !== void 0 ? _ref : 'Component';
+  MigrationGatedComponent.displayName = `withCompiledMigration(${name})`;
+  return MigrationGatedComponent;
+}

package/dist/es2019/messages/native-embed-toolbar.js

@@ -10,6 +10,11 @@ export const nativeEmbedToolbarMessages = defineMessages({
     defaultMessage: 'Refresh',
     description: 'Label for the button to refresh the embedded link.'
   },
+  summarise: {
+    id: 'fabric.editor.nativeEmbeds.summarise',
+    defaultMessage: 'Summarize',
+    description: 'Label for the button to summarize the content of the embedded link using AI.'
+  },
   setEmbedType: {
     id: 'fabric.editor.setEmbedType.non-final',
     defaultMessage: 'Set embed type',

package/dist/es2019/monitoring/error.js

@@ -4,7 +4,7 @@ import { isFedRamp } from './environment';
 import { normaliseSentryBreadcrumbs, SERIALIZABLE_ATTRIBUTES } from './normalise-sentry-breadcrumbs';
 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 = "112.19.2";
+const packageVersion = "112.20.2";
 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 = "112.19.2";
+const packageVersion = "112.20.2";
 const halfFocusRing = 1;
 const dropOffset = '0, 8';
 const fadeIn = keyframes({

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

@@ -1,3 +1,6 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+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) { _defineProperty(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; }
 import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, INPUT_METHOD } from './types/enums';
 export var buildEditLinkPayload = function buildEditLinkPayload(type) {
   return {
@@ -45,14 +48,19 @@ var buildVisitedHyperLinkPayload = function buildVisitedHyperLinkPayload() {
     eventType: EVENT_TYPE.TRACK
   };
 };
-export var buildVisitedNonHyperLinkPayload = function buildVisitedNonHyperLinkPayload(type, inputMethod) {
+export var buildVisitedNonHyperLinkPayload = function buildVisitedNonHyperLinkPayload(type, inputMethod, resolvedAttributes) {
   return {
     action: ACTION.VISITED,
     actionSubject: ACTION_SUBJECT.SMART_LINK,
     actionSubjectId: type,
-    attributes: {
+    attributes: _objectSpread({
       inputMethod: inputMethod
-    },
+    }, resolvedAttributes && {
+      displayCategory: resolvedAttributes.displayCategory,
+      extensionKey: resolvedAttributes.extensionKey,
+      status: resolvedAttributes.status,
+      statusDetails: resolvedAttributes.statusDetails
+    }),
     eventType: EVENT_TYPE.TRACK
   };
 };

package/dist/esm/analytics/types/enums.js

@@ -575,6 +575,7 @@ export var ACTION_SUBJECT_ID = /*#__PURE__*/function (ACTION_SUBJECT_ID) {
   ACTION_SUBJECT_ID["SYNCED_BLOCK_LABEL"] = "syncedBlockLabel";
   ACTION_SUBJECT_ID["SYNCED_BLOCK_SSR_ERROR"] = "syncedBlockSSRError";
   ACTION_SUBJECT_ID["TABLE_STICKY_HEADER"] = "tableStickyHeader";
+  ACTION_SUBJECT_ID["SNIPPET"] = "snippet";
   return ACTION_SUBJECT_ID;
 }({});
 export var FLOATING_CONTROLS_TITLE = /*#__PURE__*/function (FLOATING_CONTROLS_TITLE) {

package/dist/esm/compiled-migration/withCompiledMigration.js

@@ -0,0 +1,91 @@
+import _extends from "@babel/runtime/helpers/extends";
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ *
+ * IMPORTANT: This file MUST keep the emotion JSX pragma (@jsx jsx from @emotion/react).
+ * This is intentional — it allows the HOC to apply emotion styles via the css prop
+ * at the call site (where emotion's JSX runtime intercepts it), without requiring
+ * the wrapped component to use the emotion pragma itself.
+ *
+ * This file is part of the Emotion → Compiled CSS-in-JS migration infrastructure.
+ * It is temporary and should be removed once the migration is complete.
+ *
+ * @see https://hello.atlassian.net/wiki/spaces/~712020e6f24689f2da470b80ba6873df7b44a2/pages/6788274038/Emotion+-+Compiled+Feature+Gating+Strategy
+ */
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- intentional: this file must use emotion's JSX pragma to apply emotion styles via the css prop
+import { jsx } from '@emotion/react';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
+
+/**
+ * A HOC that enables per-component feature-gated migration from Emotion to Compiled CSS-in-JS.
+ *
+ * When the `platform_editor_static_css` experiment is ON:
+ *   - Renders the component directly. Compiled's statically-extracted CSS classes are applied
+ *     via the component's own `css` prop (using the Compiled pragma in the component file).
+ *   - No Emotion code runs at all.
+ *
+ * When the experiment is OFF:
+ *   - Renders the component with `css={emotionStyles}`. Because THIS file has the Emotion pragma,
+ *     Emotion's JSX runtime intercepts the css prop here, converts it to a className string,
+ *     and passes it to the component as `className`. No wrapper div, no ClassNames render prop.
+ *
+ * @example
+ * ```tsx
+ * // button.tsx — the base component is style-agnostic, it just accepts className.
+ * export function Button({ className }: { className?: string }) {
+ *   return <button className={className}>Click me</button>;
+ * }
+ *
+ * // app.tsx — the call site handles both compiled and emotion styles.
+ * import { css } from '@compiled/react';
+ * import { css as emotionCss } from '@emotion/react';
+ * import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
+ * import { withCompiledMigration } from '@atlaskit/editor-common/compiled-migration';
+ * import { Button } from './button';
+ *
+ * const compiledStyles = css({ border: '1px solid red' });
+ * const emotionStyles = emotionCss({ border: '1px solid red' });
+ *
+ * // Wrap the component — the HOC applies emotion styles when the experiment is off.
+ * const StyledButton = withCompiledMigration(Button, emotionStyles);
+ *
+ * // At the call site, apply compiled styles conditionally:
+ * export function App() {
+ *   return (
+ *     <StyledButton
+ *       css={[expValEquals('platform_editor_static_css', 'isEnabled', true) && compiledStyles]}
+ *     />
+ *   );
+ * }
+ * ```
+ */
+export function withCompiledMigration(WrappedComponent, emotionStyles) {
+  var _ref, _WrappedComponent$dis;
+  // The cast is required because emotion's `css` prop is injected by the JSX pragma
+  // and is not part of the component's declared props type. We widen to P & { css? }
+  // so TypeScript accepts the css prop in the emotion branch while preserving P.
+  var Comp = WrappedComponent;
+  function MigrationGatedComponent(props) {
+    var compiledEnabled = expValEquals('platform_editor_static_css', 'isEnabled', true);
+    if (compiledEnabled) {
+      // Experiment ON — render directly. Compiled's statically-extracted CSS classes
+      // are applied inside the component via its own css prop. No Emotion code runs.
+      // eslint-disable-next-line react/jsx-props-no-spreading -- HOC must forward all props
+      return jsx(Comp, props);
+    }
+
+    // Experiment OFF — render with Emotion css prop. Because this file has
+    // the emotion JSX pragma, Emotion's JSX runtime intercepts the css prop
+    // here, converts it to a className, and passes it through to the component.
+    // No wrapper div needed.
+    // eslint-disable-next-line react/jsx-props-no-spreading, @atlaskit/ui-styling-standard/use-compiled -- HOC must forward all props; intentional emotion usage for migration
+    return jsx(Comp, _extends({}, props, {
+      css: emotionStyles
+    }));
+  }
+  var name = (_ref = (_WrappedComponent$dis = WrappedComponent.displayName) !== null && _WrappedComponent$dis !== void 0 ? _WrappedComponent$dis : WrappedComponent.name) !== null && _ref !== void 0 ? _ref : 'Component';
+  MigrationGatedComponent.displayName = "withCompiledMigration(".concat(name, ")");
+  return MigrationGatedComponent;
+}

package/dist/esm/messages/native-embed-toolbar.js

@@ -10,6 +10,11 @@ export var nativeEmbedToolbarMessages = defineMessages({
     defaultMessage: 'Refresh',
     description: 'Label for the button to refresh the embedded link.'
   },
+  summarise: {
+    id: 'fabric.editor.nativeEmbeds.summarise',
+    defaultMessage: 'Summarize',
+    description: 'Label for the button to summarize the content of the embedded link using AI.'
+  },
   setEmbedType: {
     id: 'fabric.editor.setEmbedType.non-final',
     defaultMessage: 'Set embed type',

package/dist/esm/monitoring/error.js

@@ -10,7 +10,7 @@ import { isFedRamp } from './environment';
 import { normaliseSentryBreadcrumbs, SERIALIZABLE_ATTRIBUTES } from './normalise-sentry-breadcrumbs';
 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 = "112.19.2";
+var packageVersion = "112.20.2";
 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 = "112.19.2";
+var packageVersion = "112.20.2";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var fadeIn = keyframes({

package/dist/types/analytics/linking-utils.d.ts

@@ -3,7 +3,12 @@ import type { AnalyticsEventPayload } from './types/events';
 export declare const buildEditLinkPayload: (type: LinkType) => AnalyticsEventPayload;
 export type LinkType = ACTION_SUBJECT_ID.CARD_INLINE | ACTION_SUBJECT_ID.CARD_BLOCK | ACTION_SUBJECT_ID.EMBEDS | ACTION_SUBJECT_ID.HYPERLINK | ACTION_SUBJECT_ID.HOVER_LABEL;
 export declare const buildVisitedLinkPayload: (type: LinkType) => AnalyticsEventPayload;
-export declare const buildVisitedNonHyperLinkPayload: (type: LinkType, inputMethod: INPUT_METHOD.TOOLBAR | INPUT_METHOD.BUTTON | INPUT_METHOD.DOUBLE_CLICK | INPUT_METHOD.FLOATING_TB | INPUT_METHOD.META_CLICK) => AnalyticsEventPayload;
+export declare const buildVisitedNonHyperLinkPayload: (type: LinkType, inputMethod: INPUT_METHOD.TOOLBAR | INPUT_METHOD.BUTTON | INPUT_METHOD.DOUBLE_CLICK | INPUT_METHOD.FLOATING_TB | INPUT_METHOD.META_CLICK, resolvedAttributes?: {
+    displayCategory?: string | null;
+    extensionKey?: string | null;
+    status?: string | null;
+    statusDetails?: string | null;
+}) => AnalyticsEventPayload;
 export declare const buildOpenedSettingsPayload: (type: LinkType) => AnalyticsEventPayload;
 export declare const unlinkPayload: (type: LinkType) => {
     action: ACTION;

package/dist/types/analytics/types/ai-autocomplete-events.d.ts

@@ -1,5 +1,5 @@
 import type { ACTION, ACTION_SUBJECT } from './enums';
-import type { TrackAEP } from './utils';
+import type { OperationalAEP, TrackAEP } from './utils';
 type AiAutocompleteInvokedAEP = TrackAEP<ACTION.INVOKED, ACTION_SUBJECT.AI_AUTOCOMPLETE, undefined, {
     triggerType: TriggerType;
 }, undefined>;
@@ -7,5 +7,9 @@ type AiAutocompleteViewedAEP = TrackAEP<ACTION.SUGGESTION_VIEWED, ACTION_SUBJECT
 type AiAutocompleteAcceptedAEP = TrackAEP<ACTION.SUGGESTION_INSERTED, ACTION_SUBJECT.AI_AUTOCOMPLETE, undefined, undefined, undefined>;
 type AiAutocompleteRejectedAEP = TrackAEP<ACTION.SUGGESTION_DISMISSED, ACTION_SUBJECT.AI_AUTOCOMPLETE, undefined, undefined, undefined>;
 export type TriggerType = 'summary-heading' | 'summary-first-lines' | 'summary-panel' | 'conclusion-heading' | 'conclusion-last-lines' | 'next-steps-heading' | 'next-steps-last-lines' | 'cmd+shift+space';
-export type AiAutocompleteEventPayload = AiAutocompleteInvokedAEP | AiAutocompleteViewedAEP | AiAutocompleteAcceptedAEP | AiAutocompleteRejectedAEP;
+type AiAutocompleteErroredAEP = OperationalAEP<ACTION.ERRORED, ACTION_SUBJECT.AI_AUTOCOMPLETE, undefined, {
+    errorMessage: string;
+    statusCode?: number;
+}>;
+export type AiAutocompleteEventPayload = AiAutocompleteInvokedAEP | AiAutocompleteViewedAEP | AiAutocompleteAcceptedAEP | AiAutocompleteRejectedAEP | AiAutocompleteErroredAEP;
 export {};

package/dist/types/analytics/types/enums.d.ts

@@ -565,7 +565,8 @@ export declare enum ACTION_SUBJECT_ID {
     SYNCED_BLOCK_CLICK_SYNCED_LOCATION = "syncedBlockClickSyncedLocation",
     SYNCED_BLOCK_LABEL = "syncedBlockLabel",
     SYNCED_BLOCK_SSR_ERROR = "syncedBlockSSRError",
-    TABLE_STICKY_HEADER = "tableStickyHeader"
+    TABLE_STICKY_HEADER = "tableStickyHeader",
+    SNIPPET = "snippet"
 }
 export declare enum FLOATING_CONTROLS_TITLE {
     CODE_BLOCK = "codeBlockFloatingControls",

package/dist/types/analytics/types/insert-events.d.ts

@@ -150,5 +150,13 @@ type InsertReferenceSyncedBlockPayload = InsertAEP<ACTION_SUBJECT_ID.SYNCED_BLOC
 export type InsertSourceSyncedBlockPayload = InsertAEP<ACTION_SUBJECT_ID.BODIED_SYNCED_BLOCK, {
     resourceId: string;
 }, undefined>;
-export type InsertEventPayload = InsertDividerAEP | InsertLineBreakAEP | InsertPanelAEP | InsertCodeBlockAEP | InsertTableAEP | InsertExpandAEP | InsertActionDecisionAEP | InsertEmojiAEP | InsertStatusAEP | InsertMediaSingleAEP | InsertMediaGroupAEP | InsertMediaInlineAEP | InsertLinkAEP | InsertLinkPreviewAEP | InsertMediaLinkAEP | InsertSmartLinkAEP | InsertLayoutAEP | InsertExtensionAEP | InsertNodeViaExtensionAPIAEP | InsertDateAEP | InsertPlaceholderTextAEP | InsertNativeEmbedAEP | FailedToInsertMediaPayload | InsertReferenceSyncedBlockPayload | InsertSourceSyncedBlockPayload;
+type InsertSnippetAEP = InsertAEP<ACTION_SUBJECT_ID.SNIPPET, {
+    inputMethod: INPUT_METHOD.QUICK_INSERT;
+    snippetId: string;
+}, undefined>;
+type FailedToInsertSnippetAEP = OperationalAEP<ACTION.FAILED_TO_INSERT, ACTION_SUBJECT.DOCUMENT, ACTION_SUBJECT_ID.SNIPPET, {
+    reason: 'emptyBody' | 'parseError';
+    snippetId: string;
+}>;
+export type InsertEventPayload = InsertDividerAEP | InsertLineBreakAEP | InsertPanelAEP | InsertCodeBlockAEP | InsertTableAEP | InsertExpandAEP | InsertActionDecisionAEP | InsertEmojiAEP | InsertStatusAEP | InsertMediaSingleAEP | InsertMediaGroupAEP | InsertMediaInlineAEP | InsertLinkAEP | InsertLinkPreviewAEP | InsertMediaLinkAEP | InsertSmartLinkAEP | InsertLayoutAEP | InsertExtensionAEP | InsertNodeViaExtensionAPIAEP | InsertDateAEP | InsertPlaceholderTextAEP | InsertNativeEmbedAEP | FailedToInsertMediaPayload | InsertReferenceSyncedBlockPayload | InsertSourceSyncedBlockPayload | InsertSnippetAEP | FailedToInsertSnippetAEP;
 export {};

package/dist/types/compiled-migration/withCompiledMigration.d.ts

@@ -0,0 +1,65 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ *
+ * IMPORTANT: This file MUST keep the emotion JSX pragma (@jsx jsx from @emotion/react).
+ * This is intentional — it allows the HOC to apply emotion styles via the css prop
+ * at the call site (where emotion's JSX runtime intercepts it), without requiring
+ * the wrapped component to use the emotion pragma itself.
+ *
+ * This file is part of the Emotion → Compiled CSS-in-JS migration infrastructure.
+ * It is temporary and should be removed once the migration is complete.
+ *
+ * @see https://hello.atlassian.net/wiki/spaces/~712020e6f24689f2da470b80ba6873df7b44a2/pages/6788274038/Emotion+-+Compiled+Feature+Gating+Strategy
+ */
+import type { ComponentType } from 'react';
+import { jsx, type SerializedStyles } from '@emotion/react';
+/**
+ * A HOC that enables per-component feature-gated migration from Emotion to Compiled CSS-in-JS.
+ *
+ * When the `platform_editor_static_css` experiment is ON:
+ *   - Renders the component directly. Compiled's statically-extracted CSS classes are applied
+ *     via the component's own `css` prop (using the Compiled pragma in the component file).
+ *   - No Emotion code runs at all.
+ *
+ * When the experiment is OFF:
+ *   - Renders the component with `css={emotionStyles}`. Because THIS file has the Emotion pragma,
+ *     Emotion's JSX runtime intercepts the css prop here, converts it to a className string,
+ *     and passes it to the component as `className`. No wrapper div, no ClassNames render prop.
+ *
+ * @example
+ * ```tsx
+ * // button.tsx — the base component is style-agnostic, it just accepts className.
+ * export function Button({ className }: { className?: string }) {
+ *   return <button className={className}>Click me</button>;
+ * }
+ *
+ * // app.tsx — the call site handles both compiled and emotion styles.
+ * import { css } from '@compiled/react';
+ * import { css as emotionCss } from '@emotion/react';
+ * import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
+ * import { withCompiledMigration } from '@atlaskit/editor-common/compiled-migration';
+ * import { Button } from './button';
+ *
+ * const compiledStyles = css({ border: '1px solid red' });
+ * const emotionStyles = emotionCss({ border: '1px solid red' });
+ *
+ * // Wrap the component — the HOC applies emotion styles when the experiment is off.
+ * const StyledButton = withCompiledMigration(Button, emotionStyles);
+ *
+ * // At the call site, apply compiled styles conditionally:
+ * export function App() {
+ *   return (
+ *     <StyledButton
+ *       css={[expValEquals('platform_editor_static_css', 'isEnabled', true) && compiledStyles]}
+ *     />
+ *   );
+ * }
+ * ```
+ */
+export declare function withCompiledMigration<P extends {
+    className?: string;
+}>(WrappedComponent: ComponentType<P>, emotionStyles: SerializedStyles): {
+    (props: P): jsx.JSX.Element;
+    displayName: string;
+};

package/dist/types/messages/native-embed-toolbar.d.ts

@@ -9,6 +9,11 @@ export declare const nativeEmbedToolbarMessages: {
         defaultMessage: string;
         description: string;
     };
+    summarise: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
     setEmbedType: {
         id: string;
         defaultMessage: string;

package/dist/types-ts4.5/analytics/linking-utils.d.ts

@@ -3,7 +3,12 @@ import type { AnalyticsEventPayload } from './types/events';
 export declare const buildEditLinkPayload: (type: LinkType) => AnalyticsEventPayload;
 export type LinkType = ACTION_SUBJECT_ID.CARD_INLINE | ACTION_SUBJECT_ID.CARD_BLOCK | ACTION_SUBJECT_ID.EMBEDS | ACTION_SUBJECT_ID.HYPERLINK | ACTION_SUBJECT_ID.HOVER_LABEL;
 export declare const buildVisitedLinkPayload: (type: LinkType) => AnalyticsEventPayload;
-export declare const buildVisitedNonHyperLinkPayload: (type: LinkType, inputMethod: INPUT_METHOD.TOOLBAR | INPUT_METHOD.BUTTON | INPUT_METHOD.DOUBLE_CLICK | INPUT_METHOD.FLOATING_TB | INPUT_METHOD.META_CLICK) => AnalyticsEventPayload;
+export declare const buildVisitedNonHyperLinkPayload: (type: LinkType, inputMethod: INPUT_METHOD.TOOLBAR | INPUT_METHOD.BUTTON | INPUT_METHOD.DOUBLE_CLICK | INPUT_METHOD.FLOATING_TB | INPUT_METHOD.META_CLICK, resolvedAttributes?: {
+    displayCategory?: string | null;
+    extensionKey?: string | null;
+    status?: string | null;
+    statusDetails?: string | null;
+}) => AnalyticsEventPayload;
 export declare const buildOpenedSettingsPayload: (type: LinkType) => AnalyticsEventPayload;
 export declare const unlinkPayload: (type: LinkType) => {
     action: ACTION;

package/dist/types-ts4.5/analytics/types/ai-autocomplete-events.d.ts

@@ -1,5 +1,5 @@
 import type { ACTION, ACTION_SUBJECT } from './enums';
-import type { TrackAEP } from './utils';
+import type { OperationalAEP, TrackAEP } from './utils';
 type AiAutocompleteInvokedAEP = TrackAEP<ACTION.INVOKED, ACTION_SUBJECT.AI_AUTOCOMPLETE, undefined, {
     triggerType: TriggerType;
 }, undefined>;
@@ -7,5 +7,9 @@ type AiAutocompleteViewedAEP = TrackAEP<ACTION.SUGGESTION_VIEWED, ACTION_SUBJECT
 type AiAutocompleteAcceptedAEP = TrackAEP<ACTION.SUGGESTION_INSERTED, ACTION_SUBJECT.AI_AUTOCOMPLETE, undefined, undefined, undefined>;
 type AiAutocompleteRejectedAEP = TrackAEP<ACTION.SUGGESTION_DISMISSED, ACTION_SUBJECT.AI_AUTOCOMPLETE, undefined, undefined, undefined>;
 export type TriggerType = 'summary-heading' | 'summary-first-lines' | 'summary-panel' | 'conclusion-heading' | 'conclusion-last-lines' | 'next-steps-heading' | 'next-steps-last-lines' | 'cmd+shift+space';
-export type AiAutocompleteEventPayload = AiAutocompleteInvokedAEP | AiAutocompleteViewedAEP | AiAutocompleteAcceptedAEP | AiAutocompleteRejectedAEP;
+type AiAutocompleteErroredAEP = OperationalAEP<ACTION.ERRORED, ACTION_SUBJECT.AI_AUTOCOMPLETE, undefined, {
+    errorMessage: string;
+    statusCode?: number;
+}>;
+export type AiAutocompleteEventPayload = AiAutocompleteInvokedAEP | AiAutocompleteViewedAEP | AiAutocompleteAcceptedAEP | AiAutocompleteRejectedAEP | AiAutocompleteErroredAEP;
 export {};

package/dist/types-ts4.5/analytics/types/enums.d.ts

@@ -565,7 +565,8 @@ export declare enum ACTION_SUBJECT_ID {
     SYNCED_BLOCK_CLICK_SYNCED_LOCATION = "syncedBlockClickSyncedLocation",
     SYNCED_BLOCK_LABEL = "syncedBlockLabel",
     SYNCED_BLOCK_SSR_ERROR = "syncedBlockSSRError",
-    TABLE_STICKY_HEADER = "tableStickyHeader"
+    TABLE_STICKY_HEADER = "tableStickyHeader",
+    SNIPPET = "snippet"
 }
 export declare enum FLOATING_CONTROLS_TITLE {
     CODE_BLOCK = "codeBlockFloatingControls",

package/dist/types-ts4.5/analytics/types/insert-events.d.ts

@@ -150,5 +150,13 @@ type InsertReferenceSyncedBlockPayload = InsertAEP<ACTION_SUBJECT_ID.SYNCED_BLOC
 export type InsertSourceSyncedBlockPayload = InsertAEP<ACTION_SUBJECT_ID.BODIED_SYNCED_BLOCK, {
     resourceId: string;
 }, undefined>;
-export type InsertEventPayload = InsertDividerAEP | InsertLineBreakAEP | InsertPanelAEP | InsertCodeBlockAEP | InsertTableAEP | InsertExpandAEP | InsertActionDecisionAEP | InsertEmojiAEP | InsertStatusAEP | InsertMediaSingleAEP | InsertMediaGroupAEP | InsertMediaInlineAEP | InsertLinkAEP | InsertLinkPreviewAEP | InsertMediaLinkAEP | InsertSmartLinkAEP | InsertLayoutAEP | InsertExtensionAEP | InsertNodeViaExtensionAPIAEP | InsertDateAEP | InsertPlaceholderTextAEP | InsertNativeEmbedAEP | FailedToInsertMediaPayload | InsertReferenceSyncedBlockPayload | InsertSourceSyncedBlockPayload;
+type InsertSnippetAEP = InsertAEP<ACTION_SUBJECT_ID.SNIPPET, {
+    inputMethod: INPUT_METHOD.QUICK_INSERT;
+    snippetId: string;
+}, undefined>;
+type FailedToInsertSnippetAEP = OperationalAEP<ACTION.FAILED_TO_INSERT, ACTION_SUBJECT.DOCUMENT, ACTION_SUBJECT_ID.SNIPPET, {
+    reason: 'emptyBody' | 'parseError';
+    snippetId: string;
+}>;
+export type InsertEventPayload = InsertDividerAEP | InsertLineBreakAEP | InsertPanelAEP | InsertCodeBlockAEP | InsertTableAEP | InsertExpandAEP | InsertActionDecisionAEP | InsertEmojiAEP | InsertStatusAEP | InsertMediaSingleAEP | InsertMediaGroupAEP | InsertMediaInlineAEP | InsertLinkAEP | InsertLinkPreviewAEP | InsertMediaLinkAEP | InsertSmartLinkAEP | InsertLayoutAEP | InsertExtensionAEP | InsertNodeViaExtensionAPIAEP | InsertDateAEP | InsertPlaceholderTextAEP | InsertNativeEmbedAEP | FailedToInsertMediaPayload | InsertReferenceSyncedBlockPayload | InsertSourceSyncedBlockPayload | InsertSnippetAEP | FailedToInsertSnippetAEP;
 export {};

package/dist/types-ts4.5/compiled-migration/withCompiledMigration.d.ts

@@ -0,0 +1,65 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ *
+ * IMPORTANT: This file MUST keep the emotion JSX pragma (@jsx jsx from @emotion/react).
+ * This is intentional — it allows the HOC to apply emotion styles via the css prop
+ * at the call site (where emotion's JSX runtime intercepts it), without requiring
+ * the wrapped component to use the emotion pragma itself.
+ *
+ * This file is part of the Emotion → Compiled CSS-in-JS migration infrastructure.
+ * It is temporary and should be removed once the migration is complete.
+ *
+ * @see https://hello.atlassian.net/wiki/spaces/~712020e6f24689f2da470b80ba6873df7b44a2/pages/6788274038/Emotion+-+Compiled+Feature+Gating+Strategy
+ */
+import type { ComponentType } from 'react';
+import { jsx, type SerializedStyles } from '@emotion/react';
+/**
+ * A HOC that enables per-component feature-gated migration from Emotion to Compiled CSS-in-JS.
+ *
+ * When the `platform_editor_static_css` experiment is ON:
+ *   - Renders the component directly. Compiled's statically-extracted CSS classes are applied
+ *     via the component's own `css` prop (using the Compiled pragma in the component file).
+ *   - No Emotion code runs at all.
+ *
+ * When the experiment is OFF:
+ *   - Renders the component with `css={emotionStyles}`. Because THIS file has the Emotion pragma,
+ *     Emotion's JSX runtime intercepts the css prop here, converts it to a className string,
+ *     and passes it to the component as `className`. No wrapper div, no ClassNames render prop.
+ *
+ * @example
+ * ```tsx
+ * // button.tsx — the base component is style-agnostic, it just accepts className.
+ * export function Button({ className }: { className?: string }) {
+ *   return <button className={className}>Click me</button>;
+ * }
+ *
+ * // app.tsx — the call site handles both compiled and emotion styles.
+ * import { css } from '@compiled/react';
+ * import { css as emotionCss } from '@emotion/react';
+ * import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
+ * import { withCompiledMigration } from '@atlaskit/editor-common/compiled-migration';
+ * import { Button } from './button';
+ *
+ * const compiledStyles = css({ border: '1px solid red' });
+ * const emotionStyles = emotionCss({ border: '1px solid red' });
+ *
+ * // Wrap the component — the HOC applies emotion styles when the experiment is off.
+ * const StyledButton = withCompiledMigration(Button, emotionStyles);
+ *
+ * // At the call site, apply compiled styles conditionally:
+ * export function App() {
+ *   return (
+ *     <StyledButton
+ *       css={[expValEquals('platform_editor_static_css', 'isEnabled', true) && compiledStyles]}
+ *     />
+ *   );
+ * }
+ * ```
+ */
+export declare function withCompiledMigration<P extends {
+    className?: string;
+}>(WrappedComponent: ComponentType<P>, emotionStyles: SerializedStyles): {
+    (props: P): jsx.JSX.Element;
+    displayName: string;
+};

package/dist/types-ts4.5/messages/native-embed-toolbar.d.ts

@@ -9,6 +9,11 @@ export declare const nativeEmbedToolbarMessages: {
         defaultMessage: string;
         description: string;
     };
+    summarise: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
     setEmbedType: {
         id: string;
         defaultMessage: string;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-common",
-	"version": "112.19.3",
+	"version": "112.20.2",
 	"description": "A package that contains common classes and components for editor and renderer",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -54,8 +54,8 @@
 		"@atlaskit/icon": "^34.0.0",
 		"@atlaskit/icon-object": "^7.5.0",
 		"@atlaskit/link": "^3.4.0",
-		"@atlaskit/link-datasource": "^4.34.0",
-		"@atlaskit/link-picker": "^4.2.0",
+		"@atlaskit/link-datasource": "^5.0.0",
+		"@atlaskit/link-picker": "^5.0.0",
 		"@atlaskit/media-card": "^79.16.0",
 		"@atlaskit/media-client": "^36.0.0",
 		"@atlaskit/media-client-react": "^5.0.0",
@@ -69,18 +69,18 @@
 		"@atlaskit/onboarding": "^14.5.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/platform-feature-flags-react": "^0.4.0",
-		"@atlaskit/primitives": "^18.1.0",
+		"@atlaskit/primitives": "^19.0.0",
 		"@atlaskit/profilecard": "^24.49.0",
 		"@atlaskit/prosemirror-history": "^0.2.0",
-		"@atlaskit/react-ufo": "^5.12.0",
+		"@atlaskit/react-ufo": "^5.13.0",
 		"@atlaskit/section-message": "^8.12.0",
-		"@atlaskit/smart-card": "^43.31.0",
+		"@atlaskit/smart-card": "^44.0.0",
 		"@atlaskit/smart-user-picker": "^9.2.0",
 		"@atlaskit/spinner": "^19.1.0",
 		"@atlaskit/task-decision": "^19.3.0",
 		"@atlaskit/textfield": "^8.3.0",
-		"@atlaskit/tmp-editor-statsig": "^58.0.0",
-		"@atlaskit/tokens": "^12.0.0",
+		"@atlaskit/tmp-editor-statsig": "^60.2.0",
+		"@atlaskit/tokens": "^13.0.0",
 		"@atlaskit/tooltip": "^21.1.0",
 		"@atlaskit/width-detector": "^5.0.0",
 		"@babel/runtime": "^7.0.0",