@atlaskit/mention 30.0.4 → 30.0.6

package/CHANGELOG.md

@@ -1,5 +1,22 @@
 # @atlaskit/mention
 
+## 30.0.6
+
+### Patch Changes
+
+- [`534c9253b7fab`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/534c9253b7fab) -
+  Add operational mention avatar failure events and reasons behind
+  `platform_editor_mention_avatar_observability`, covering image failures, provider failures,
+  missing avatar URLs, and missing providers. Events identify the editor or renderer surface without
+  adding mention user data. Successful image loads emit no events.
+- Updated dependencies
+
+## 30.0.5
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 30.0.4
 
 ### Patch Changes

package/dist/cjs/components/Mention/MentionInternal.js

@@ -17,6 +17,7 @@ var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireDefault(require("react"));
 var _focusRing = _interopRequireDefault(require("@atlaskit/focus-ring/focus-ring"));
+var _fg = require("@atlaskit/platform-feature-flags/fg");
 var _experienceState = require("@atlaskit/ufo/experience-state");
 var _constants = require("../../_constants");
 var _isRestricted = require("../../is-restricted");
@@ -41,20 +42,48 @@ var MentionInternal = exports.MentionInternal = /*#__PURE__*/function (_React$Pu
     var _this;
     (0, _classCallCheck2.default)(this, MentionInternal);
     _this = _callSuper(this, MentionInternal, [props]);
+    (0, _defineProperty2.default)(_this, "avatarFailureReported", false);
+    (0, _defineProperty2.default)(_this, "avatarImageRef", /*#__PURE__*/_react.default.createRef());
     (0, _defineProperty2.default)(_this, "state", {
       hasAvatarError: false
     });
+    (0, _defineProperty2.default)(_this, "reportCompletedAvatarFailure", function () {
+      var image = _this.avatarImageRef.current;
+      if (image && (0, _fg.fg)('platform_editor_mention_avatar_observability') && image.complete && image.getAttribute('src')) {
+        if (image.naturalWidth === 0 && !_this.state.hasAvatarError) {
+          _this.reportAvatarFailure();
+        }
+      }
+    });
+    (0, _defineProperty2.default)(_this, "reportAvatarFailure", function () {
+      var _this$props$createAna, _this$props;
+      if (!(0, _fg.fg)('platform_editor_mention_avatar_observability') || _this.avatarFailureReported) {
+        return;
+      }
+      _this.avatarFailureReported = true;
+      (_this$props$createAna = (_this$props = _this.props).createAnalyticsEvent) === null || _this$props$createAna === void 0 || (_this$props$createAna = _this$props$createAna.call(_this$props, {
+        action: 'failed',
+        actionSubject: 'mentionAvatar',
+        eventType: 'operational',
+        attributes: {
+          componentName: 'mention',
+          reason: 'image_load_failed',
+          surface: 'renderer'
+        }
+      })) === null || _this$props$createAna === void 0 || _this$props$createAna.fire(_constants.ELEMENTS_CHANNEL);
+    });
     (0, _defineProperty2.default)(_this, "handleAvatarError", function () {
+      _this.reportAvatarFailure();
       _this.setState({
         hasAvatarError: true
       });
     });
     (0, _defineProperty2.default)(_this, "handleOnClick", function (e) {
-      var _this$props = _this.props,
-        id = _this$props.id,
-        text = _this$props.text,
-        onClick = _this$props.onClick,
-        isDisabled = _this$props.isDisabled;
+      var _this$props2 = _this.props,
+        id = _this$props2.id,
+        text = _this$props2.text,
+        onClick = _this$props2.onClick,
+        isDisabled = _this$props2.isDisabled;
       if (isDisabled) {
         // Disabled chips do not invoke their click handler.
         return;
@@ -64,11 +93,11 @@ var MentionInternal = exports.MentionInternal = /*#__PURE__*/function (_React$Pu
       }
     });
     (0, _defineProperty2.default)(_this, "handleOnMouseEnter", function (e) {
-      var _this$props2 = _this.props,
-        id = _this$props2.id,
-        text = _this$props2.text,
-        onMouseEnter = _this$props2.onMouseEnter,
-        onHover = _this$props2.onHover;
+      var _this$props3 = _this.props,
+        id = _this$props3.id,
+        text = _this$props3.text,
+        onMouseEnter = _this$props3.onMouseEnter,
+        onHover = _this$props3.onHover;
       if (onMouseEnter) {
         onMouseEnter(id, text, e);
       }
@@ -80,10 +109,10 @@ var MentionInternal = exports.MentionInternal = /*#__PURE__*/function (_React$Pu
       }, _index.ANALYTICS_HOVER_DELAY);
     });
     (0, _defineProperty2.default)(_this, "handleOnMouseLeave", function (e) {
-      var _this$props3 = _this.props,
-        id = _this$props3.id,
-        text = _this$props3.text,
-        onMouseLeave = _this$props3.onMouseLeave;
+      var _this$props4 = _this.props,
+        id = _this$props4.id,
+        text = _this$props4.text,
+        onMouseLeave = _this$props4.onMouseLeave;
       if (onMouseLeave) {
         onMouseLeave(id, text, e);
       }
@@ -92,10 +121,10 @@ var MentionInternal = exports.MentionInternal = /*#__PURE__*/function (_React$Pu
       }
     });
     (0, _defineProperty2.default)(_this, "getMentionType", function () {
-      var _this$props4 = _this.props,
-        accessLevel = _this$props4.accessLevel,
-        isHighlighted = _this$props4.isHighlighted,
-        isDisabled = _this$props4.isDisabled;
+      var _this$props5 = _this.props,
+        accessLevel = _this$props5.accessLevel,
+        isHighlighted = _this$props5.isHighlighted,
+        isDisabled = _this$props5.isDisabled;
       if (isDisabled) {
         return _types.MentionType.DISABLED;
       }
@@ -115,6 +144,15 @@ var MentionInternal = exports.MentionInternal = /*#__PURE__*/function (_React$Pu
     key: "componentDidMount",
     value: function componentDidMount() {
       _ufoExperiences.mentionRenderedUfoExperience.getInstance(this.props.id).success();
+      this.reportCompletedAvatarFailure();
+    }
+  }, {
+    key: "componentDidUpdate",
+    value: function componentDidUpdate(previousProps) {
+      if (previousProps.avatarUrl !== this.props.avatarUrl || previousProps.id !== this.props.id || previousProps.renderAvatarSlot !== this.props.renderAvatarSlot || previousProps.text === "@".concat(_constants.UNKNOWN_USER_ID) !== (this.props.text === "@".concat(_constants.UNKNOWN_USER_ID))) {
+        this.avatarFailureReported = false;
+      }
+      this.reportCompletedAvatarFailure();
     }
   }, {
     key: "componentWillUnmount",
@@ -194,6 +232,7 @@ var MentionInternal = exports.MentionInternal = /*#__PURE__*/function (_React$Pu
         className: (0, _runtime.ax)(["_1reo15vq _18m915vq _2rko1rr0 _1e0c116y _1bsb1x4e _4t3i1x4e _4cvr1h6o _1bah1h6o _1o9zidpf _12l21b66 _s7n410e5", shouldApplyAgentShape && "_2rkoidpf _mkrz1l17", this.state.hasAvatarError && "_s7n4ux7c"])
       }, shouldRenderAvatar ? /*#__PURE__*/_react.default.createElement("img", {
         alt: "",
+        ref: this.avatarImageRef,
         decoding: "async",
         draggable: false,
         height: 16,

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

@@ -52,6 +52,8 @@ var MentionWithAnalytics = (0, _withAnalyticsEvents.default)({
     return event;
   }
 })(_MentionInternal.MentionInternal);
+
+// oxlint-disable-next-line eslint/no-redeclare
 var Mention = MentionWithAnalytics;
 var _default = exports.default = Mention;
 /**

package/dist/cjs/components/MentionPicker/index.js

@@ -11,6 +11,8 @@ var _MentionPicker = require("./MentionPicker");
 var MentionPickerWithIntl = (0, _reactIntl.injectIntl)(_MentionPicker.MentionPicker, {
   forwardRef: true
 });
+
+// oxlint-disable-next-line eslint/no-redeclare
 var MentionPickerWithAnalytics = exports.MentionPickerWithAnalytics = (0, _withAnalyticsEvents.default)({})(MentionPickerWithIntl);
 
 // Merges with the `const` above so that `MentionPickerWithAnalytics` is usable in a type

package/dist/cjs/components/ResourcedMentionList/index.js

@@ -7,5 +7,6 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _withAnalyticsEvents = _interopRequireDefault(require("@atlaskit/analytics-next/withAnalyticsEvents"));
 var _ResourcedMentionListWithoutAnalytics = require("./ResourcedMentionListWithoutAnalytics");
+// oxlint-disable-next-line eslint/no-redeclare
 var ResourcedMentionList = (0, _withAnalyticsEvents.default)({})(_ResourcedMentionListWithoutAnalytics.ResourcedMentionListWithoutAnalytics);
 var _default = exports.default = ResourcedMentionList;

package/dist/cjs/util/package-version.js

@@ -4,4 +4,4 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.packageVersion = void 0;
-var packageVersion = exports.packageVersion = "30.0.3";
+var packageVersion = exports.packageVersion = "30.0.5";

package/dist/es2019/components/Mention/MentionInternal.js

@@ -7,8 +7,9 @@ import { ax, ix } from "@compiled/react/runtime";
 
 import React from 'react';
 import FocusRing from '@atlaskit/focus-ring/focus-ring';
+import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { UFOExperienceState } from '@atlaskit/ufo/experience-state';
-import { UNKNOWN_USER_ID } from '../../_constants';
+import { ELEMENTS_CHANNEL, UNKNOWN_USER_ID } from '../../_constants';
 import { isRestricted } from '../../is-restricted';
 import { MentionType } from '../../types';
 import { UnknownUserError } from '../../util/i18n';
@@ -25,10 +26,38 @@ const agentAvatarStyles = null;
 export class MentionInternal extends React.PureComponent {
   constructor(props) {
     super(props);
+    _defineProperty(this, "avatarFailureReported", false);
+    _defineProperty(this, "avatarImageRef", /*#__PURE__*/React.createRef());
     _defineProperty(this, "state", {
       hasAvatarError: false
     });
+    _defineProperty(this, "reportCompletedAvatarFailure", () => {
+      const image = this.avatarImageRef.current;
+      if (image && fg('platform_editor_mention_avatar_observability') && image.complete && image.getAttribute('src')) {
+        if (image.naturalWidth === 0 && !this.state.hasAvatarError) {
+          this.reportAvatarFailure();
+        }
+      }
+    });
+    _defineProperty(this, "reportAvatarFailure", () => {
+      var _this$props$createAna, _this$props, _this$props$createAna2;
+      if (!fg('platform_editor_mention_avatar_observability') || this.avatarFailureReported) {
+        return;
+      }
+      this.avatarFailureReported = true;
+      (_this$props$createAna = (_this$props = this.props).createAnalyticsEvent) === null || _this$props$createAna === void 0 ? void 0 : (_this$props$createAna2 = _this$props$createAna.call(_this$props, {
+        action: 'failed',
+        actionSubject: 'mentionAvatar',
+        eventType: 'operational',
+        attributes: {
+          componentName: 'mention',
+          reason: 'image_load_failed',
+          surface: 'renderer'
+        }
+      })) === null || _this$props$createAna2 === void 0 ? void 0 : _this$props$createAna2.fire(ELEMENTS_CHANNEL);
+    });
     _defineProperty(this, "handleAvatarError", () => {
+      this.reportAvatarFailure();
       this.setState({
         hasAvatarError: true
       });
@@ -99,6 +128,13 @@ export class MentionInternal extends React.PureComponent {
   }
   componentDidMount() {
     mentionRenderedUfoExperience.getInstance(this.props.id).success();
+    this.reportCompletedAvatarFailure();
+  }
+  componentDidUpdate(previousProps) {
+    if (previousProps.avatarUrl !== this.props.avatarUrl || previousProps.id !== this.props.id || previousProps.renderAvatarSlot !== this.props.renderAvatarSlot || previousProps.text === `@${UNKNOWN_USER_ID}` !== (this.props.text === `@${UNKNOWN_USER_ID}`)) {
+      this.avatarFailureReported = false;
+    }
+    this.reportCompletedAvatarFailure();
   }
   static getDerivedStateFromProps(props, state) {
     if (props.avatarUrl !== state.avatarUrl) {
@@ -184,6 +220,7 @@ export class MentionInternal extends React.PureComponent {
       className: ax(["_1reo15vq _18m915vq _2rko1rr0 _1e0c116y _1bsb1x4e _4t3i1x4e _4cvr1h6o _1bah1h6o _1o9zidpf _12l21b66 _s7n410e5", shouldApplyAgentShape && "_2rkoidpf _mkrz1l17", this.state.hasAvatarError && "_s7n4ux7c"])
     }, shouldRenderAvatar ? /*#__PURE__*/React.createElement("img", {
       alt: "",
+      ref: this.avatarImageRef,
       decoding: "async",
       draggable: false,
       height: 16,

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

@@ -35,6 +35,8 @@ const MentionWithAnalytics = withAnalyticsEvents({
     return event;
   }
 })(MentionInternal);
+
+// oxlint-disable-next-line eslint/no-redeclare
 const Mention = MentionWithAnalytics;
 export default Mention;
 

package/dist/es2019/components/MentionPicker/index.js

@@ -4,6 +4,8 @@ import { MentionPicker } from './MentionPicker';
 const MentionPickerWithIntl = injectIntl(MentionPicker, {
   forwardRef: true
 });
+
+// oxlint-disable-next-line eslint/no-redeclare
 export const MentionPickerWithAnalytics = withAnalyticsEvents({})(MentionPickerWithIntl);
 
 // Merges with the `const` above so that `MentionPickerWithAnalytics` is usable in a type

package/dist/es2019/components/ResourcedMentionList/index.js

@@ -1,4 +1,5 @@
 import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
 import { ResourcedMentionListWithoutAnalytics } from './ResourcedMentionListWithoutAnalytics';
+// oxlint-disable-next-line eslint/no-redeclare
 const ResourcedMentionList = withAnalyticsEvents({})(ResourcedMentionListWithoutAnalytics);
 export default ResourcedMentionList;

package/dist/es2019/util/package-version.js

@@ -1 +1 @@
-export const packageVersion = "30.0.3";
+export const packageVersion = "30.0.5";

package/dist/esm/components/Mention/MentionInternal.js

@@ -16,8 +16,9 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
 
 import React from 'react';
 import FocusRing from '@atlaskit/focus-ring/focus-ring';
+import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { UFOExperienceState } from '@atlaskit/ufo/experience-state';
-import { UNKNOWN_USER_ID } from '../../_constants';
+import { ELEMENTS_CHANNEL, UNKNOWN_USER_ID } from '../../_constants';
 import { isRestricted } from '../../is-restricted';
 import { MentionType } from '../../types';
 import { UnknownUserError } from '../../util/i18n';
@@ -36,20 +37,48 @@ export var MentionInternal = /*#__PURE__*/function (_React$PureComponent) {
     var _this;
     _classCallCheck(this, MentionInternal);
     _this = _callSuper(this, MentionInternal, [props]);
+    _defineProperty(_this, "avatarFailureReported", false);
+    _defineProperty(_this, "avatarImageRef", /*#__PURE__*/React.createRef());
     _defineProperty(_this, "state", {
       hasAvatarError: false
     });
+    _defineProperty(_this, "reportCompletedAvatarFailure", function () {
+      var image = _this.avatarImageRef.current;
+      if (image && fg('platform_editor_mention_avatar_observability') && image.complete && image.getAttribute('src')) {
+        if (image.naturalWidth === 0 && !_this.state.hasAvatarError) {
+          _this.reportAvatarFailure();
+        }
+      }
+    });
+    _defineProperty(_this, "reportAvatarFailure", function () {
+      var _this$props$createAna, _this$props;
+      if (!fg('platform_editor_mention_avatar_observability') || _this.avatarFailureReported) {
+        return;
+      }
+      _this.avatarFailureReported = true;
+      (_this$props$createAna = (_this$props = _this.props).createAnalyticsEvent) === null || _this$props$createAna === void 0 || (_this$props$createAna = _this$props$createAna.call(_this$props, {
+        action: 'failed',
+        actionSubject: 'mentionAvatar',
+        eventType: 'operational',
+        attributes: {
+          componentName: 'mention',
+          reason: 'image_load_failed',
+          surface: 'renderer'
+        }
+      })) === null || _this$props$createAna === void 0 || _this$props$createAna.fire(ELEMENTS_CHANNEL);
+    });
     _defineProperty(_this, "handleAvatarError", function () {
+      _this.reportAvatarFailure();
       _this.setState({
         hasAvatarError: true
       });
     });
     _defineProperty(_this, "handleOnClick", function (e) {
-      var _this$props = _this.props,
-        id = _this$props.id,
-        text = _this$props.text,
-        onClick = _this$props.onClick,
-        isDisabled = _this$props.isDisabled;
+      var _this$props2 = _this.props,
+        id = _this$props2.id,
+        text = _this$props2.text,
+        onClick = _this$props2.onClick,
+        isDisabled = _this$props2.isDisabled;
       if (isDisabled) {
         // Disabled chips do not invoke their click handler.
         return;
@@ -59,11 +88,11 @@ export var MentionInternal = /*#__PURE__*/function (_React$PureComponent) {
       }
     });
     _defineProperty(_this, "handleOnMouseEnter", function (e) {
-      var _this$props2 = _this.props,
-        id = _this$props2.id,
-        text = _this$props2.text,
-        onMouseEnter = _this$props2.onMouseEnter,
-        onHover = _this$props2.onHover;
+      var _this$props3 = _this.props,
+        id = _this$props3.id,
+        text = _this$props3.text,
+        onMouseEnter = _this$props3.onMouseEnter,
+        onHover = _this$props3.onHover;
       if (onMouseEnter) {
         onMouseEnter(id, text, e);
       }
@@ -75,10 +104,10 @@ export var MentionInternal = /*#__PURE__*/function (_React$PureComponent) {
       }, ANALYTICS_HOVER_DELAY);
     });
     _defineProperty(_this, "handleOnMouseLeave", function (e) {
-      var _this$props3 = _this.props,
-        id = _this$props3.id,
-        text = _this$props3.text,
-        onMouseLeave = _this$props3.onMouseLeave;
+      var _this$props4 = _this.props,
+        id = _this$props4.id,
+        text = _this$props4.text,
+        onMouseLeave = _this$props4.onMouseLeave;
       if (onMouseLeave) {
         onMouseLeave(id, text, e);
       }
@@ -87,10 +116,10 @@ export var MentionInternal = /*#__PURE__*/function (_React$PureComponent) {
       }
     });
     _defineProperty(_this, "getMentionType", function () {
-      var _this$props4 = _this.props,
-        accessLevel = _this$props4.accessLevel,
-        isHighlighted = _this$props4.isHighlighted,
-        isDisabled = _this$props4.isDisabled;
+      var _this$props5 = _this.props,
+        accessLevel = _this$props5.accessLevel,
+        isHighlighted = _this$props5.isHighlighted,
+        isDisabled = _this$props5.isDisabled;
       if (isDisabled) {
         return MentionType.DISABLED;
       }
@@ -110,6 +139,15 @@ export var MentionInternal = /*#__PURE__*/function (_React$PureComponent) {
     key: "componentDidMount",
     value: function componentDidMount() {
       mentionRenderedUfoExperience.getInstance(this.props.id).success();
+      this.reportCompletedAvatarFailure();
+    }
+  }, {
+    key: "componentDidUpdate",
+    value: function componentDidUpdate(previousProps) {
+      if (previousProps.avatarUrl !== this.props.avatarUrl || previousProps.id !== this.props.id || previousProps.renderAvatarSlot !== this.props.renderAvatarSlot || previousProps.text === "@".concat(UNKNOWN_USER_ID) !== (this.props.text === "@".concat(UNKNOWN_USER_ID))) {
+        this.avatarFailureReported = false;
+      }
+      this.reportCompletedAvatarFailure();
     }
   }, {
     key: "componentWillUnmount",
@@ -189,6 +227,7 @@ export var MentionInternal = /*#__PURE__*/function (_React$PureComponent) {
         className: ax(["_1reo15vq _18m915vq _2rko1rr0 _1e0c116y _1bsb1x4e _4t3i1x4e _4cvr1h6o _1bah1h6o _1o9zidpf _12l21b66 _s7n410e5", shouldApplyAgentShape && "_2rkoidpf _mkrz1l17", this.state.hasAvatarError && "_s7n4ux7c"])
       }, shouldRenderAvatar ? /*#__PURE__*/React.createElement("img", {
         alt: "",
+        ref: this.avatarImageRef,
         decoding: "async",
         draggable: false,
         height: 16,

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

@@ -31,6 +31,8 @@ var MentionWithAnalytics = withAnalyticsEvents({
     return event;
   }
 })(MentionInternal);
+
+// oxlint-disable-next-line eslint/no-redeclare
 var Mention = MentionWithAnalytics;
 export default Mention;
 

package/dist/esm/components/MentionPicker/index.js

@@ -4,6 +4,8 @@ import { MentionPicker } from './MentionPicker';
 var MentionPickerWithIntl = injectIntl(MentionPicker, {
   forwardRef: true
 });
+
+// oxlint-disable-next-line eslint/no-redeclare
 export var MentionPickerWithAnalytics = withAnalyticsEvents({})(MentionPickerWithIntl);
 
 // Merges with the `const` above so that `MentionPickerWithAnalytics` is usable in a type

package/dist/esm/components/ResourcedMentionList/index.js

@@ -1,4 +1,5 @@
 import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
 import { ResourcedMentionListWithoutAnalytics } from './ResourcedMentionListWithoutAnalytics';
+// oxlint-disable-next-line eslint/no-redeclare
 var ResourcedMentionList = withAnalyticsEvents({})(ResourcedMentionListWithoutAnalytics);
 export default ResourcedMentionList;

package/dist/esm/util/package-version.js

@@ -1 +1 @@
-export var packageVersion = "30.0.3";
+export var packageVersion = "30.0.5";

package/dist/types/components/Mention/MentionInternal.d.ts

@@ -11,9 +11,14 @@ type State = {
 };
 export declare class MentionInternal extends React.PureComponent<Props, State> {
     private hoverTimeout?;
+    private avatarFailureReported;
+    private avatarImageRef;
     state: State;
     constructor(props: Props);
     componentDidMount(): void;
+    componentDidUpdate(previousProps: Props): void;
+    private reportCompletedAvatarFailure;
+    private reportAvatarFailure;
     static getDerivedStateFromProps(props: Props, state: State): Partial<State> | null;
     private handleAvatarError;
     private handleOnClick;

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

@@ -31,6 +31,8 @@ export type OwnProps = {
      */
     isDisabled?: boolean;
     isHighlighted?: boolean;
+    /** Whether this mention represents the Rovo Chat agent. */
+    isRovoChat?: boolean;
     localId?: string;
     onClick?: MentionEventHandler;
     onHover?: () => void;
@@ -38,8 +40,6 @@ export type OwnProps = {
     onMouseLeave?: MentionEventHandler;
     /** Whether the upstream integration has enabled the avatar treatment for this mention. */
     renderAvatarSlot?: boolean;
-    /** Whether this mention represents the Rovo Chat agent. */
-    isRovoChat?: boolean;
     ssrPlaceholderId?: string;
     text: string;
 };

package/package.json

@@ -45,8 +45,8 @@
 		"@atlaskit/skeleton": "^4.4.0",
 		"@atlaskit/tag": "^16.0.0",
 		"@atlaskit/teams-avatar": "^4.1.0",
-		"@atlaskit/tmp-editor-statsig": "^209.0.0",
-		"@atlaskit/tokens": "^20.0.0",
+		"@atlaskit/tmp-editor-statsig": "^211.0.0",
+		"@atlaskit/tokens": "^20.1.0",
 		"@atlaskit/tooltip": "^24.3.0",
 		"@atlaskit/ufo": "^2.0.0",
 		"@atlaskit/util-service-support": "^7.4.0",
@@ -99,6 +99,9 @@
 		"react-intl": "^5.25.1 || ^6.0.0 || ^7.0.0"
 	},
 	"platform-feature-flags": {
+		"platform_editor_mention_avatar_observability": {
+			"type": "boolean"
+		},
 		"rovo_chat_mention_agents": {
 			"type": "experiment",
 			"referenceOnly": true
@@ -121,5 +124,5 @@
 		"*.compiled.css"
 	],
 	"types": "dist/types/index.d.ts",
-	"version": "30.0.4"
+	"version": "30.0.6"
 }