@atlaskit/jql-editor 5.8.5 → 5.9.0

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # @atlaskit/jql-editor
 
+## 5.9.0
+
+### Minor Changes
+
+- [`ba2562ba99b34`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/ba2562ba99b34) -
+  display avatar appearance based on appType (e.g. hexagon for appType 'agent')
+
 ## 5.8.5
 
 ### Patch Changes

package/dist/cjs/analytics/util.js

@@ -6,5 +6,5 @@ Object.defineProperty(exports, "__esModule", {
 exports.useJqlEditorAnalytics = void 0;
 var _jqlEditorCommon = require("@atlaskit/jql-editor-common");
 var useJqlEditorAnalytics = exports.useJqlEditorAnalytics = function useJqlEditorAnalytics(analyticsSource) {
-  return (0, _jqlEditorCommon.useJqlPackageAnalytics)(analyticsSource, "@atlaskit/jql-editor", "0.0.0-development", _jqlEditorCommon.ANALYTICS_CHANNEL);
+  return (0, _jqlEditorCommon.useJqlPackageAnalytics)(analyticsSource, "@atlaskit/jql-editor", "5.8.5", _jqlEditorCommon.ANALYTICS_CHANNEL);
 };

package/dist/cjs/plugins/rich-inline-nodes/nodes/user/index.js

@@ -1,16 +1,20 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.user = void 0;
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireDefault(require("react"));
-var _avatar = _interopRequireDefault(require("@atlaskit/avatar"));
+var _avatar = _interopRequireWildcard(require("@atlaskit/avatar"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _state = require("../../../../state");
 var _styled = require("./styled");
+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 User = function User(_ref) {
+  var _user$appType;
   var id = _ref.id,
     name = _ref.name,
     fieldName = _ref.fieldName,
@@ -28,7 +32,8 @@ var User = function User(_ref) {
   }, /*#__PURE__*/_react.default.createElement(_styled.AvatarWrapper, null, /*#__PURE__*/_react.default.createElement(_avatar.default, {
     src: user === null || user === void 0 ? void 0 : user.avatarUrl,
     borderColor: "transparent",
-    size: "xsmall"
+    size: "xsmall",
+    appearance: (0, _platformFeatureFlags.fg)('jira_ai_agent_avatar_with_apptype_for_jql') ? (0, _avatar.getAppearanceForAppType)((_user$appType = user === null || user === void 0 ? void 0 : user.appType) !== null && _user$appType !== void 0 ? _user$appType : null) : undefined
   })), /*#__PURE__*/_react.default.createElement(_styled.NameContainer, null, name));
 };
 var user = exports.user = {

package/dist/cjs/plugins/rich-inline-nodes/nodes/user/styled.js

@@ -7,6 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.UserContainer = exports.NameContainer = exports.AvatarWrapper = void 0;
 var _react = require("@emotion/react");
 var _styled = _interopRequireDefault(require("@emotion/styled"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _colors = require("@atlaskit/theme/colors");
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 
@@ -96,4 +97,21 @@ var AvatarWrapper = exports.AvatarWrapper = _styled.default.div({
     position: 'relative',
     top: '-2px'
   }
+},
+// Feature-flagged styles for hexagon avatar alignment
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-dynamic-styles -- Ignored via go/DSP-18766
+function () {
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+  if ((0, _platformFeatureFlags.fg)('jira_ai_agent_avatar_with_apptype_for_jql')) {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+    return (0, _react.css)({
+      // Fix hexagon avatar alignment by targeting the hexagon focus container
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
+      '> div [data-testid="hexagon-focus-container"]': {
+        // eslint-disable-next-line @atlaskit/design-system/use-tokens-space -- This design is very particular, and there is not a design token for this
+        marginTop: '-3.5px'
+      }
+    });
+  }
+  return null;
 });

package/dist/cjs/ui/jql-editor-layout/index.js

@@ -93,7 +93,9 @@ var JQLEditorReadOnlyWithoutTheme = function JQLEditorReadOnlyWithoutTheme(_ref)
     // Therefore the autocomplete combobox is never shown to the users
     ,
     "aria-expanded": false,
-    "aria-controls": "dummy-jql-editor-auto-complete-id",
+    "aria-controls": "dummy-jql-editor-auto-complete-id"
+    // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-jsx
+    ,
     "aria-label": "JQL query",
     defaultRows: defaultRows
   }, blocks.map(function (block, index) {

package/dist/es2019/analytics/util.js

@@ -1,4 +1,4 @@
 import { ANALYTICS_CHANNEL, useJqlPackageAnalytics } from '@atlaskit/jql-editor-common';
 export const useJqlEditorAnalytics = analyticsSource => {
-  return useJqlPackageAnalytics(analyticsSource, "@atlaskit/jql-editor", "0.0.0-development", ANALYTICS_CHANNEL);
+  return useJqlPackageAnalytics(analyticsSource, "@atlaskit/jql-editor", "5.8.5", ANALYTICS_CHANNEL);
 };

package/dist/es2019/plugins/rich-inline-nodes/nodes/user/index.js

@@ -1,5 +1,6 @@
 import React from 'react';
-import Avatar from '@atlaskit/avatar';
+import Avatar, { getAppearanceForAppType } from '@atlaskit/avatar';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { useHydratedUser } from '../../../../state';
 import { AvatarWrapper, NameContainer, UserContainer } from './styled';
 const User = ({
@@ -9,6 +10,7 @@ const User = ({
   selected,
   error
 }) => {
+  var _user$appType;
   const [user] = useHydratedUser({
     id,
     fieldName
@@ -19,7 +21,8 @@ const User = ({
   }, /*#__PURE__*/React.createElement(AvatarWrapper, null, /*#__PURE__*/React.createElement(Avatar, {
     src: user === null || user === void 0 ? void 0 : user.avatarUrl,
     borderColor: "transparent",
-    size: "xsmall"
+    size: "xsmall",
+    appearance: fg('jira_ai_agent_avatar_with_apptype_for_jql') ? getAppearanceForAppType((_user$appType = user === null || user === void 0 ? void 0 : user.appType) !== null && _user$appType !== void 0 ? _user$appType : null) : undefined
   })), /*#__PURE__*/React.createElement(NameContainer, null, name));
 };
 export const user = {

package/dist/es2019/plugins/rich-inline-nodes/nodes/user/styled.js

@@ -2,6 +2,7 @@
 import { css } from '@emotion/react';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import styled from '@emotion/styled';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { N0, N40, N50, N500, R400 } from '@atlaskit/theme/colors';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export const UserContainer = styled.span({
@@ -88,4 +89,21 @@ export const AvatarWrapper = styled.div({
     position: 'relative',
     top: '-2px'
   }
+},
+// Feature-flagged styles for hexagon avatar alignment
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-dynamic-styles -- Ignored via go/DSP-18766
+() => {
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+  if (fg('jira_ai_agent_avatar_with_apptype_for_jql')) {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+    return css({
+      // Fix hexagon avatar alignment by targeting the hexagon focus container
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
+      '> div [data-testid="hexagon-focus-container"]': {
+        // eslint-disable-next-line @atlaskit/design-system/use-tokens-space -- This design is very particular, and there is not a design token for this
+        marginTop: '-3.5px'
+      }
+    });
+  }
+  return null;
 });

package/dist/es2019/ui/jql-editor-layout/index.js

@@ -90,7 +90,9 @@ const JQLEditorReadOnlyWithoutTheme = ({
     // Therefore the autocomplete combobox is never shown to the users
     ,
     "aria-expanded": false,
-    "aria-controls": "dummy-jql-editor-auto-complete-id",
+    "aria-controls": "dummy-jql-editor-auto-complete-id"
+    // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-jsx
+    ,
     "aria-label": "JQL query",
     defaultRows: defaultRows
   }, blocks.map((block, index) => /*#__PURE__*/React.createElement(Box, {

package/dist/esm/analytics/util.js

@@ -1,4 +1,4 @@
 import { ANALYTICS_CHANNEL, useJqlPackageAnalytics } from '@atlaskit/jql-editor-common';
 export var useJqlEditorAnalytics = function useJqlEditorAnalytics(analyticsSource) {
-  return useJqlPackageAnalytics(analyticsSource, "@atlaskit/jql-editor", "0.0.0-development", ANALYTICS_CHANNEL);
+  return useJqlPackageAnalytics(analyticsSource, "@atlaskit/jql-editor", "5.8.5", ANALYTICS_CHANNEL);
 };

package/dist/esm/plugins/rich-inline-nodes/nodes/user/index.js

@@ -1,9 +1,11 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import React from 'react';
-import Avatar from '@atlaskit/avatar';
+import Avatar, { getAppearanceForAppType } from '@atlaskit/avatar';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { useHydratedUser } from '../../../../state';
 import { AvatarWrapper, NameContainer, UserContainer } from './styled';
 var User = function User(_ref) {
+  var _user$appType;
   var id = _ref.id,
     name = _ref.name,
     fieldName = _ref.fieldName,
@@ -21,7 +23,8 @@ var User = function User(_ref) {
   }, /*#__PURE__*/React.createElement(AvatarWrapper, null, /*#__PURE__*/React.createElement(Avatar, {
     src: user === null || user === void 0 ? void 0 : user.avatarUrl,
     borderColor: "transparent",
-    size: "xsmall"
+    size: "xsmall",
+    appearance: fg('jira_ai_agent_avatar_with_apptype_for_jql') ? getAppearanceForAppType((_user$appType = user === null || user === void 0 ? void 0 : user.appType) !== null && _user$appType !== void 0 ? _user$appType : null) : undefined
   })), /*#__PURE__*/React.createElement(NameContainer, null, name));
 };
 export var user = {

package/dist/esm/plugins/rich-inline-nodes/nodes/user/styled.js

@@ -2,6 +2,7 @@
 import { css } from '@emotion/react';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import styled from '@emotion/styled';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { N0, N40, N50, N500, R400 } from '@atlaskit/theme/colors';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export var UserContainer = styled.span({
@@ -87,4 +88,21 @@ export var AvatarWrapper = styled.div({
     position: 'relative',
     top: '-2px'
   }
+},
+// Feature-flagged styles for hexagon avatar alignment
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-dynamic-styles -- Ignored via go/DSP-18766
+function () {
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+  if (fg('jira_ai_agent_avatar_with_apptype_for_jql')) {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+    return css({
+      // Fix hexagon avatar alignment by targeting the hexagon focus container
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
+      '> div [data-testid="hexagon-focus-container"]': {
+        // eslint-disable-next-line @atlaskit/design-system/use-tokens-space -- This design is very particular, and there is not a design token for this
+        marginTop: '-3.5px'
+      }
+    });
+  }
+  return null;
 });

package/dist/esm/ui/jql-editor-layout/index.js

@@ -87,7 +87,9 @@ var JQLEditorReadOnlyWithoutTheme = function JQLEditorReadOnlyWithoutTheme(_ref)
     // Therefore the autocomplete combobox is never shown to the users
     ,
     "aria-expanded": false,
-    "aria-controls": "dummy-jql-editor-auto-complete-id",
+    "aria-controls": "dummy-jql-editor-auto-complete-id"
+    // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-jsx
+    ,
     "aria-label": "JQL query",
     defaultRows: defaultRows
   }, blocks.map(function (block, index) {

package/dist/types/plugins/autocomplete/components/autocomplete-dropdown/index.d.ts

@@ -7,5 +7,5 @@ type Props = {
     onClick: (option: SelectableAutocompleteOption, analyticsAttributes: AutocompleteAnalyticsAttributes) => void;
     options: SelectableAutocompleteOption[];
 };
-declare const AutocompleteDropdown: ({ options, loading, keymap, onClick }: Props) => React.JSX.Element | null;
+declare const AutocompleteDropdown: ({ options, loading, keymap, onClick, }: Props) => React.JSX.Element | null;
 export default AutocompleteDropdown;

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

@@ -1,3 +1,3 @@
 import { type JQLEditorProps } from './types';
-declare const _default: (props: JQLEditorProps) => import("react").JSX.Element;
+declare const _default: (props: JQLEditorProps) => React.JSX.Element;
 export default _default;

package/dist/types/ui/jql-editor/types.d.ts

@@ -7,6 +7,7 @@ export type HydratedUser = {
     id: string;
     name: string;
     type: 'user';
+    appType?: string | null;
 };
 export type HydratedTeam = {
     avatarUrl: string;

package/dist/types/ui/jql-editor-controls-content/base-expand-toggle/index.d.ts

@@ -6,5 +6,5 @@ type Props = {
     label: string;
     onClick: () => void;
 };
-export declare const BaseExpandToggle: ({ expanded, editorId, isDisabled, label, onClick }: Props) => React.JSX.Element;
+export declare const BaseExpandToggle: ({ expanded, editorId, isDisabled, label, onClick, }: Props) => React.JSX.Element;
 export {};

package/dist/types/ui/jql-editor-controls-content/base-search/index.d.ts

@@ -5,5 +5,5 @@ type Props = {
     label: string;
     onSearch: () => void;
 };
-export declare const BaseSearch: ({ isDisabled, isSearching, label, onSearch }: Props) => React.JSX.Element;
+export declare const BaseSearch: ({ isDisabled, isSearching, label, onSearch, }: Props) => React.JSX.Element;
 export {};

package/dist/types/ui/jql-editor-controls-content/base-syntax-help/index.d.ts

@@ -5,5 +5,5 @@ type Props = {
     label: string;
     onClick: (e: MouseEvent<HTMLElement>) => void;
 };
-export declare const BaseSyntaxHelp: ({ describedby, isDisabled, label, onClick }: Props) => React.JSX.Element;
+export declare const BaseSyntaxHelp: ({ describedby, isDisabled, label, onClick, }: Props) => React.JSX.Element;
 export {};

package/dist/types/ui/jql-editor-footer-content/jql-messages/format/index.d.ts

@@ -1,9 +1,9 @@
 import React from 'react';
 import { type ExternalMessage } from '../../../../state/types';
-export declare const MessageContainer: ({ children }: {
+export declare const MessageContainer: ({ children, }: {
     children: React.ReactNode;
 }) => React.JSX.Element;
-export declare const FormatMessages: ({ messages }: {
+export declare const FormatMessages: ({ messages, }: {
     messages: ExternalMessage[];
 }) => React.JSX.Element | null;
 /**

package/dist/types/ui/jql-editor-portal-provider/index.d.ts

@@ -2,6 +2,6 @@ import React, { type ReactNode } from 'react';
 /**
  * Provides actions to manage portals via context and renders portalled components into the React tree.
  */
-export declare const JQLEditorPortalRenderer: ({ children }: {
+export declare const JQLEditorPortalRenderer: ({ children, }: {
     children: ReactNode;
 }) => React.JSX.Element;

package/dist/types/ui/jql-editor-view/index.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 /**
  * This wraps ProseMirror's EditorView as a React component.
  */
-declare const JQLEditorView: ({ inputRef }: {
+declare const JQLEditorView: ({ inputRef, }: {
     inputRef?: React.Ref<{
         focus: () => void;
     }>;

package/dist/types-ts4.5/plugins/autocomplete/components/autocomplete-dropdown/index.d.ts

@@ -7,5 +7,5 @@ type Props = {
     onClick: (option: SelectableAutocompleteOption, analyticsAttributes: AutocompleteAnalyticsAttributes) => void;
     options: SelectableAutocompleteOption[];
 };
-declare const AutocompleteDropdown: ({ options, loading, keymap, onClick }: Props) => React.JSX.Element | null;
+declare const AutocompleteDropdown: ({ options, loading, keymap, onClick, }: Props) => React.JSX.Element | null;
 export default AutocompleteDropdown;

package/dist/types-ts4.5/ui/index.d.ts

@@ -1,3 +1,3 @@
 import { type JQLEditorProps } from './types';
-declare const _default: (props: JQLEditorProps) => import("react").JSX.Element;
+declare const _default: (props: JQLEditorProps) => React.JSX.Element;
 export default _default;

package/dist/types-ts4.5/ui/jql-editor/types.d.ts

@@ -7,6 +7,7 @@ export type HydratedUser = {
     id: string;
     name: string;
     type: 'user';
+    appType?: string | null;
 };
 export type HydratedTeam = {
     avatarUrl: string;

package/dist/types-ts4.5/ui/jql-editor-controls-content/base-expand-toggle/index.d.ts

@@ -6,5 +6,5 @@ type Props = {
     label: string;
     onClick: () => void;
 };
-export declare const BaseExpandToggle: ({ expanded, editorId, isDisabled, label, onClick }: Props) => React.JSX.Element;
+export declare const BaseExpandToggle: ({ expanded, editorId, isDisabled, label, onClick, }: Props) => React.JSX.Element;
 export {};

package/dist/types-ts4.5/ui/jql-editor-controls-content/base-search/index.d.ts

@@ -5,5 +5,5 @@ type Props = {
     label: string;
     onSearch: () => void;
 };
-export declare const BaseSearch: ({ isDisabled, isSearching, label, onSearch }: Props) => React.JSX.Element;
+export declare const BaseSearch: ({ isDisabled, isSearching, label, onSearch, }: Props) => React.JSX.Element;
 export {};

package/dist/types-ts4.5/ui/jql-editor-controls-content/base-syntax-help/index.d.ts

@@ -5,5 +5,5 @@ type Props = {
     label: string;
     onClick: (e: MouseEvent<HTMLElement>) => void;
 };
-export declare const BaseSyntaxHelp: ({ describedby, isDisabled, label, onClick }: Props) => React.JSX.Element;
+export declare const BaseSyntaxHelp: ({ describedby, isDisabled, label, onClick, }: Props) => React.JSX.Element;
 export {};

package/dist/types-ts4.5/ui/jql-editor-footer-content/jql-messages/format/index.d.ts

@@ -1,9 +1,9 @@
 import React from 'react';
 import { type ExternalMessage } from '../../../../state/types';
-export declare const MessageContainer: ({ children }: {
+export declare const MessageContainer: ({ children, }: {
     children: React.ReactNode;
 }) => React.JSX.Element;
-export declare const FormatMessages: ({ messages }: {
+export declare const FormatMessages: ({ messages, }: {
     messages: ExternalMessage[];
 }) => React.JSX.Element | null;
 /**

package/dist/types-ts4.5/ui/jql-editor-portal-provider/index.d.ts

@@ -2,6 +2,6 @@ import React, { type ReactNode } from 'react';
 /**
  * Provides actions to manage portals via context and renders portalled components into the React tree.
  */
-export declare const JQLEditorPortalRenderer: ({ children }: {
+export declare const JQLEditorPortalRenderer: ({ children, }: {
     children: ReactNode;
 }) => React.JSX.Element;

package/dist/types-ts4.5/ui/jql-editor-view/index.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 /**
  * This wraps ProseMirror's EditorView as a React component.
  */
-declare const JQLEditorView: ({ inputRef }: {
+declare const JQLEditorView: ({ inputRef, }: {
     inputRef?: React.Ref<{
         focus: () => void;
     }>;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/jql-editor",
-	"version": "5.8.5",
+	"version": "5.9.0",
 	"description": "This package allows consumers to render an advanced JQL editor component to enable autocomplete-assisted authoring and validation of JQL queries.",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -38,7 +38,7 @@
 		"@atlaskit/avatar": "^25.5.0",
 		"@atlaskit/button": "^23.6.0",
 		"@atlaskit/editor-prosemirror": "7.0.0",
-		"@atlaskit/form": "^14.2.0",
+		"@atlaskit/form": "^14.3.0",
 		"@atlaskit/icon": "^29.0.0",
 		"@atlaskit/jql-ast": "^3.3.0",
 		"@atlaskit/jql-autocomplete": "^2.0.0",
@@ -48,13 +48,13 @@
 		"@atlaskit/link": "^3.2.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/popper": "^7.1.0",
-		"@atlaskit/primitives": "^16.1.0",
+		"@atlaskit/primitives": "^16.4.0",
 		"@atlaskit/prosemirror-history": "^0.2.0",
 		"@atlaskit/spinner": "^19.0.0",
 		"@atlaskit/teams-avatar": "^2.4.0",
 		"@atlaskit/theme": "^21.0.0",
-		"@atlaskit/tokens": "^8.0.0",
-		"@atlaskit/tooltip": "^20.8.0",
+		"@atlaskit/tokens": "^8.4.0",
+		"@atlaskit/tooltip": "^20.10.0",
 		"@babel/runtime": "^7.0.0",
 		"@emotion/react": "^11.7.1",
 		"@emotion/styled": "^11.0.0",
@@ -76,6 +76,7 @@
 	},
 	"devDependencies": {
 		"@af/integration-testing": "workspace:^",
+		"@af/visual-regression": "workspace:^",
 		"@atlaskit/docs": "^11.2.0",
 		"@atlaskit/jql-editor-autocomplete-rest": "^3.0.0",
 		"@atlassian/feature-flags-storybook-utils": "^0.3.0",
@@ -147,6 +148,9 @@
 		},
 		"list_lovability_improving_filters": {
 			"type": "boolean"
+		},
+		"jira_ai_agent_avatar_with_apptype_for_jql": {
+			"type": "boolean"
 		}
 	}
 }