@atlaskit/rovo-agent-components 3.42.0 → 3.44.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.md CHANGED
@@ -1,5 +1,21 @@
1
1
  # @atlaskit/rovo-agent-components
2
2
 
3
+ ## 3.44.0
4
+
5
+ ### Minor Changes
6
+
7
+ - [`b9ad62060f899`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/b9ad62060f899) -
8
+ Add avatar for Lovable agent (OOTB)
9
+
10
+ ## 3.43.0
11
+
12
+ ### Minor Changes
13
+
14
+ - [`687a8de6184c3`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/687a8de6184c3) -
15
+ [ux] This change adds additional optional options to the dropdown menu on agent cards for the
16
+ browse agents modal. It also removes the showCreateAgentButtonInHeader prop from the browse agents
17
+ modal.
18
+
3
19
  ## 3.42.0
4
20
 
5
21
  ### Minor Changes
@@ -0,0 +1,151 @@
1
+ "use strict";
2
+
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+ Object.defineProperty(exports, "__esModule", {
5
+ value: true
6
+ });
7
+ exports.default = void 0;
8
+ var _react = _interopRequireDefault(require("react"));
9
+ /* eslint-disable @atlaskit/ui-styling-standard/enforce-style-prop */
10
+ var _default = exports.default = function _default(_ref) {
11
+ var size = _ref.size;
12
+ return /*#__PURE__*/_react.default.createElement("svg", {
13
+ width: size,
14
+ height: size,
15
+ viewBox: "0 0 32 32",
16
+ fill: "none",
17
+ xmlns: "http://www.w3.org/2000/svg"
18
+ }, /*#__PURE__*/_react.default.createElement("path", {
19
+ d: "M0 8C0 3.58172 3.58172 0 8 0H24C28.4183 0 32 3.58172 32 8V24C32 28.4183 28.4183 32 24 32H8C3.58172 32 0 28.4183 0 24V8Z",
20
+ fill: "#191919"
21
+ }), /*#__PURE__*/_react.default.createElement("mask", {
22
+ id: "mask0_789_23491",
23
+ style: {
24
+ maskType: 'alpha'
25
+ },
26
+ maskUnits: "userSpaceOnUse",
27
+ x: "8",
28
+ y: "6",
29
+ width: "18",
30
+ height: "18"
31
+ }, /*#__PURE__*/_react.default.createElement("path", {
32
+ fillRule: "evenodd",
33
+ clipRule: "evenodd",
34
+ d: "M13.3113 6C16.2448 6 18.6228 8.38427 18.6228 11.3254V13.3492H20.3903C23.3238 13.3492 25.7018 15.7335 25.7018 18.6746C25.7018 21.6157 23.3238 24 20.3905 24H8V11.3254C8 8.38427 10.3778 6 13.3113 6Z",
35
+ fill: "url(#paint0_linear_789_23491)"
36
+ })), /*#__PURE__*/_react.default.createElement("g", {
37
+ mask: "url(#mask0_789_23491)"
38
+ }, /*#__PURE__*/_react.default.createElement("g", {
39
+ filter: "url(#filter0_f_789_23491)"
40
+ }, /*#__PURE__*/_react.default.createElement("path", {
41
+ d: "M15.7651 27.5906C22.3829 27.5906 27.7477 22.2258 27.7477 15.608C27.7477 8.99013 22.3829 3.62531 15.7651 3.62531C9.14722 3.62531 3.7824 8.99013 3.7824 15.608C3.7824 22.2258 9.14722 27.5906 15.7651 27.5906Z",
42
+ fill: "#4B73FF"
43
+ })), /*#__PURE__*/_react.default.createElement("g", {
44
+ filter: "url(#filter1_f_789_23491)"
45
+ }, /*#__PURE__*/_react.default.createElement("path", {
46
+ d: "M17.0815 21.0151C25.5571 21.0151 32.428 15.6503 32.428 9.03242C32.428 2.41457 25.5571 -2.95026 17.0815 -2.95026C8.60584 -2.95026 1.73498 2.41457 1.73498 9.03242C1.73498 15.6503 8.60584 21.0151 17.0815 21.0151Z",
47
+ fill: "#FF66F4"
48
+ })), /*#__PURE__*/_react.default.createElement("g", {
49
+ filter: "url(#filter2_f_789_23491)"
50
+ }, /*#__PURE__*/_react.default.createElement("path", {
51
+ d: "M19.5849 17.3008C26.2028 17.3008 31.5676 12.5893 31.5676 6.77736C31.5676 0.96545 26.2028 -3.74603 19.5849 -3.74603C12.9671 -3.74603 7.60226 0.96545 7.60226 6.77736C7.60226 12.5893 12.9671 17.3008 19.5849 17.3008Z",
52
+ fill: "#FF0105"
53
+ })), /*#__PURE__*/_react.default.createElement("g", {
54
+ filter: "url(#filter3_f_789_23491)"
55
+ }, /*#__PURE__*/_react.default.createElement("path", {
56
+ d: "M17.2949 16.2359C21.2748 16.2359 24.5012 13.0095 24.5012 9.02956C24.5012 5.04958 21.2748 1.82318 17.2949 1.82318C13.3149 1.82318 10.0885 5.04958 10.0885 9.02956C10.0885 13.0095 13.3149 16.2359 17.2949 16.2359Z",
57
+ fill: "#FE7B02"
58
+ }))), /*#__PURE__*/_react.default.createElement("defs", null, /*#__PURE__*/_react.default.createElement("filter", {
59
+ id: "filter0_f_789_23491",
60
+ x: "-1.58778",
61
+ y: "-1.74487",
62
+ width: "34.7057",
63
+ height: "34.7057",
64
+ filterUnits: "userSpaceOnUse",
65
+ colorInterpolationFilters: "sRGB"
66
+ }, /*#__PURE__*/_react.default.createElement("feFlood", {
67
+ floodOpacity: "0",
68
+ result: "BackgroundImageFix"
69
+ }), /*#__PURE__*/_react.default.createElement("feBlend", {
70
+ mode: "normal",
71
+ in: "SourceGraphic",
72
+ in2: "BackgroundImageFix",
73
+ result: "shape"
74
+ }), /*#__PURE__*/_react.default.createElement("feGaussianBlur", {
75
+ stdDeviation: "2.68509",
76
+ result: "effect1_foregroundBlur_789_23491"
77
+ })), /*#__PURE__*/_react.default.createElement("filter", {
78
+ id: "filter1_f_789_23491",
79
+ x: "-3.6352",
80
+ y: "-8.32043",
81
+ width: "41.4334",
82
+ height: "34.7057",
83
+ filterUnits: "userSpaceOnUse",
84
+ colorInterpolationFilters: "sRGB"
85
+ }, /*#__PURE__*/_react.default.createElement("feFlood", {
86
+ floodOpacity: "0",
87
+ result: "BackgroundImageFix"
88
+ }), /*#__PURE__*/_react.default.createElement("feBlend", {
89
+ mode: "normal",
90
+ in: "SourceGraphic",
91
+ in2: "BackgroundImageFix",
92
+ result: "shape"
93
+ }), /*#__PURE__*/_react.default.createElement("feGaussianBlur", {
94
+ stdDeviation: "2.68509",
95
+ result: "effect1_foregroundBlur_789_23491"
96
+ })), /*#__PURE__*/_react.default.createElement("filter", {
97
+ id: "filter2_f_789_23491",
98
+ x: "2.23208",
99
+ y: "-9.11621",
100
+ width: "34.7057",
101
+ height: "31.7872",
102
+ filterUnits: "userSpaceOnUse",
103
+ colorInterpolationFilters: "sRGB"
104
+ }, /*#__PURE__*/_react.default.createElement("feFlood", {
105
+ floodOpacity: "0",
106
+ result: "BackgroundImageFix"
107
+ }), /*#__PURE__*/_react.default.createElement("feBlend", {
108
+ mode: "normal",
109
+ in: "SourceGraphic",
110
+ in2: "BackgroundImageFix",
111
+ result: "shape"
112
+ }), /*#__PURE__*/_react.default.createElement("feGaussianBlur", {
113
+ stdDeviation: "2.68509",
114
+ result: "effect1_foregroundBlur_789_23491"
115
+ })), /*#__PURE__*/_react.default.createElement("filter", {
116
+ id: "filter3_f_789_23491",
117
+ x: "4.7183",
118
+ y: "-3.547",
119
+ width: "25.1531",
120
+ height: "25.1531",
121
+ filterUnits: "userSpaceOnUse",
122
+ colorInterpolationFilters: "sRGB"
123
+ }, /*#__PURE__*/_react.default.createElement("feFlood", {
124
+ floodOpacity: "0",
125
+ result: "BackgroundImageFix"
126
+ }), /*#__PURE__*/_react.default.createElement("feBlend", {
127
+ mode: "normal",
128
+ in: "SourceGraphic",
129
+ in2: "BackgroundImageFix",
130
+ result: "shape"
131
+ }), /*#__PURE__*/_react.default.createElement("feGaussianBlur", {
132
+ stdDeviation: "2.68509",
133
+ result: "effect1_foregroundBlur_789_23491"
134
+ })), /*#__PURE__*/_react.default.createElement("linearGradient", {
135
+ id: "paint0_linear_789_23491",
136
+ x1: "13.957",
137
+ y1: "9.16309",
138
+ x2: "19.35",
139
+ y2: "23.9933",
140
+ gradientUnits: "userSpaceOnUse"
141
+ }, /*#__PURE__*/_react.default.createElement("stop", {
142
+ offset: "0.025",
143
+ stopColor: "#FF8E63"
144
+ }), /*#__PURE__*/_react.default.createElement("stop", {
145
+ offset: "0.56",
146
+ stopColor: "#FF7EB0"
147
+ }), /*#__PURE__*/_react.default.createElement("stop", {
148
+ offset: "0.95",
149
+ stopColor: "#4B73FF"
150
+ }))));
151
+ };
@@ -191,6 +191,11 @@ var GammaAgentAvatar = /*#__PURE__*/(0, _react.lazy)(function () {
191
191
  return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-rovo-avatar-GammaAgentAvatar"*/'./assets/gamma-agent'));
192
192
  });
193
193
  });
194
+ var LovableAgentAvatar = /*#__PURE__*/(0, _react.lazy)(function () {
195
+ return Promise.resolve().then(function () {
196
+ return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-rovo-avatar-LovableAgentAvatar"*/'./assets/lovable-agent'));
197
+ });
198
+ });
194
199
  var ReplitAgentAvatar = /*#__PURE__*/(0, _react.lazy)(function () {
195
200
  return Promise.resolve().then(function () {
196
201
  return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-rovo-avatar-ReplitAgentAvatar"*/'./assets/replit-agent'));
@@ -469,6 +474,16 @@ var outOfTheBoxAgentAvatar = {
469
474
  },
470
475
  color: blueColor
471
476
  },
477
+ mcp_lovable_agent: {
478
+ getRender: function getRender(size) {
479
+ return /*#__PURE__*/_react.default.createElement(LovableAgentAvatar, {
480
+ size: _avatar.AVATAR_SIZES[size],
481
+ primaryColor: "",
482
+ secondaryColor: ""
483
+ });
484
+ },
485
+ color: blueColor
486
+ },
472
487
  mcp_replit_agent: {
473
488
  getRender: function getRender(size) {
474
489
  return /*#__PURE__*/_react.default.createElement(ReplitAgentAvatar, {
@@ -77,7 +77,8 @@ var AgentDropdownMenu = exports.AgentDropdownMenu = function AgentDropdownMenu(_
77
77
  agentName = _ref2.agentName,
78
78
  agentRef = _ref2.agentRef,
79
79
  userPermissionsRef = _ref2.userPermissionsRef,
80
- onVerificationSuccess = _ref2.onVerificationSuccess;
80
+ onVerificationSuccess = _ref2.onVerificationSuccess,
81
+ customDropdownOptions = _ref2.customDropdownOptions;
81
82
  var _useState = (0, _react.useState)(false),
82
83
  _useState2 = (0, _slicedToArray2.default)(_useState, 2),
83
84
  isLoading = _useState2[0],
@@ -185,7 +186,12 @@ var AgentDropdownMenu = exports.AgentDropdownMenu = function AgentDropdownMenu(_
185
186
  setHasBeenCopied(false);
186
187
  }
187
188
  }
188
- }, /*#__PURE__*/_react.default.createElement(_dropdownMenu.DropdownItemGroup, null, showViewAgentOption && /*#__PURE__*/_react.default.createElement(_dropdownMenu.DropdownItem, {
189
+ }, /*#__PURE__*/_react.default.createElement(_dropdownMenu.DropdownItemGroup, null, (0, _platformFeatureFlags.fg)('jira_browse_agents_modal') && (customDropdownOptions === null || customDropdownOptions === void 0 ? void 0 : customDropdownOptions.map(function (option) {
190
+ return /*#__PURE__*/_react.default.createElement(_dropdownMenu.DropdownItem, {
191
+ key: option.id,
192
+ onClick: option.onClick
193
+ }, option.label);
194
+ })), showViewAgentOption && /*#__PURE__*/_react.default.createElement(_dropdownMenu.DropdownItem, {
189
195
  onClick: onViewAgentClick
190
196
  }, formatMessage(_messages.default.viewAgent)), doesAgentHaveIdentityAccountId && onViewAgentFullProfileClick && /*#__PURE__*/_react.default.createElement(_dropdownMenu.DropdownItem, {
191
197
  onClick: onViewAgentFullProfileClick
@@ -0,0 +1,143 @@
1
+ /* eslint-disable @atlaskit/ui-styling-standard/enforce-style-prop */
2
+ import React from 'react';
3
+ export default (({
4
+ size
5
+ }) => /*#__PURE__*/React.createElement("svg", {
6
+ width: size,
7
+ height: size,
8
+ viewBox: "0 0 32 32",
9
+ fill: "none",
10
+ xmlns: "http://www.w3.org/2000/svg"
11
+ }, /*#__PURE__*/React.createElement("path", {
12
+ d: "M0 8C0 3.58172 3.58172 0 8 0H24C28.4183 0 32 3.58172 32 8V24C32 28.4183 28.4183 32 24 32H8C3.58172 32 0 28.4183 0 24V8Z",
13
+ fill: "#191919"
14
+ }), /*#__PURE__*/React.createElement("mask", {
15
+ id: "mask0_789_23491",
16
+ style: {
17
+ maskType: 'alpha'
18
+ },
19
+ maskUnits: "userSpaceOnUse",
20
+ x: "8",
21
+ y: "6",
22
+ width: "18",
23
+ height: "18"
24
+ }, /*#__PURE__*/React.createElement("path", {
25
+ fillRule: "evenodd",
26
+ clipRule: "evenodd",
27
+ d: "M13.3113 6C16.2448 6 18.6228 8.38427 18.6228 11.3254V13.3492H20.3903C23.3238 13.3492 25.7018 15.7335 25.7018 18.6746C25.7018 21.6157 23.3238 24 20.3905 24H8V11.3254C8 8.38427 10.3778 6 13.3113 6Z",
28
+ fill: "url(#paint0_linear_789_23491)"
29
+ })), /*#__PURE__*/React.createElement("g", {
30
+ mask: "url(#mask0_789_23491)"
31
+ }, /*#__PURE__*/React.createElement("g", {
32
+ filter: "url(#filter0_f_789_23491)"
33
+ }, /*#__PURE__*/React.createElement("path", {
34
+ d: "M15.7651 27.5906C22.3829 27.5906 27.7477 22.2258 27.7477 15.608C27.7477 8.99013 22.3829 3.62531 15.7651 3.62531C9.14722 3.62531 3.7824 8.99013 3.7824 15.608C3.7824 22.2258 9.14722 27.5906 15.7651 27.5906Z",
35
+ fill: "#4B73FF"
36
+ })), /*#__PURE__*/React.createElement("g", {
37
+ filter: "url(#filter1_f_789_23491)"
38
+ }, /*#__PURE__*/React.createElement("path", {
39
+ d: "M17.0815 21.0151C25.5571 21.0151 32.428 15.6503 32.428 9.03242C32.428 2.41457 25.5571 -2.95026 17.0815 -2.95026C8.60584 -2.95026 1.73498 2.41457 1.73498 9.03242C1.73498 15.6503 8.60584 21.0151 17.0815 21.0151Z",
40
+ fill: "#FF66F4"
41
+ })), /*#__PURE__*/React.createElement("g", {
42
+ filter: "url(#filter2_f_789_23491)"
43
+ }, /*#__PURE__*/React.createElement("path", {
44
+ d: "M19.5849 17.3008C26.2028 17.3008 31.5676 12.5893 31.5676 6.77736C31.5676 0.96545 26.2028 -3.74603 19.5849 -3.74603C12.9671 -3.74603 7.60226 0.96545 7.60226 6.77736C7.60226 12.5893 12.9671 17.3008 19.5849 17.3008Z",
45
+ fill: "#FF0105"
46
+ })), /*#__PURE__*/React.createElement("g", {
47
+ filter: "url(#filter3_f_789_23491)"
48
+ }, /*#__PURE__*/React.createElement("path", {
49
+ d: "M17.2949 16.2359C21.2748 16.2359 24.5012 13.0095 24.5012 9.02956C24.5012 5.04958 21.2748 1.82318 17.2949 1.82318C13.3149 1.82318 10.0885 5.04958 10.0885 9.02956C10.0885 13.0095 13.3149 16.2359 17.2949 16.2359Z",
50
+ fill: "#FE7B02"
51
+ }))), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("filter", {
52
+ id: "filter0_f_789_23491",
53
+ x: "-1.58778",
54
+ y: "-1.74487",
55
+ width: "34.7057",
56
+ height: "34.7057",
57
+ filterUnits: "userSpaceOnUse",
58
+ colorInterpolationFilters: "sRGB"
59
+ }, /*#__PURE__*/React.createElement("feFlood", {
60
+ floodOpacity: "0",
61
+ result: "BackgroundImageFix"
62
+ }), /*#__PURE__*/React.createElement("feBlend", {
63
+ mode: "normal",
64
+ in: "SourceGraphic",
65
+ in2: "BackgroundImageFix",
66
+ result: "shape"
67
+ }), /*#__PURE__*/React.createElement("feGaussianBlur", {
68
+ stdDeviation: "2.68509",
69
+ result: "effect1_foregroundBlur_789_23491"
70
+ })), /*#__PURE__*/React.createElement("filter", {
71
+ id: "filter1_f_789_23491",
72
+ x: "-3.6352",
73
+ y: "-8.32043",
74
+ width: "41.4334",
75
+ height: "34.7057",
76
+ filterUnits: "userSpaceOnUse",
77
+ colorInterpolationFilters: "sRGB"
78
+ }, /*#__PURE__*/React.createElement("feFlood", {
79
+ floodOpacity: "0",
80
+ result: "BackgroundImageFix"
81
+ }), /*#__PURE__*/React.createElement("feBlend", {
82
+ mode: "normal",
83
+ in: "SourceGraphic",
84
+ in2: "BackgroundImageFix",
85
+ result: "shape"
86
+ }), /*#__PURE__*/React.createElement("feGaussianBlur", {
87
+ stdDeviation: "2.68509",
88
+ result: "effect1_foregroundBlur_789_23491"
89
+ })), /*#__PURE__*/React.createElement("filter", {
90
+ id: "filter2_f_789_23491",
91
+ x: "2.23208",
92
+ y: "-9.11621",
93
+ width: "34.7057",
94
+ height: "31.7872",
95
+ filterUnits: "userSpaceOnUse",
96
+ colorInterpolationFilters: "sRGB"
97
+ }, /*#__PURE__*/React.createElement("feFlood", {
98
+ floodOpacity: "0",
99
+ result: "BackgroundImageFix"
100
+ }), /*#__PURE__*/React.createElement("feBlend", {
101
+ mode: "normal",
102
+ in: "SourceGraphic",
103
+ in2: "BackgroundImageFix",
104
+ result: "shape"
105
+ }), /*#__PURE__*/React.createElement("feGaussianBlur", {
106
+ stdDeviation: "2.68509",
107
+ result: "effect1_foregroundBlur_789_23491"
108
+ })), /*#__PURE__*/React.createElement("filter", {
109
+ id: "filter3_f_789_23491",
110
+ x: "4.7183",
111
+ y: "-3.547",
112
+ width: "25.1531",
113
+ height: "25.1531",
114
+ filterUnits: "userSpaceOnUse",
115
+ colorInterpolationFilters: "sRGB"
116
+ }, /*#__PURE__*/React.createElement("feFlood", {
117
+ floodOpacity: "0",
118
+ result: "BackgroundImageFix"
119
+ }), /*#__PURE__*/React.createElement("feBlend", {
120
+ mode: "normal",
121
+ in: "SourceGraphic",
122
+ in2: "BackgroundImageFix",
123
+ result: "shape"
124
+ }), /*#__PURE__*/React.createElement("feGaussianBlur", {
125
+ stdDeviation: "2.68509",
126
+ result: "effect1_foregroundBlur_789_23491"
127
+ })), /*#__PURE__*/React.createElement("linearGradient", {
128
+ id: "paint0_linear_789_23491",
129
+ x1: "13.957",
130
+ y1: "9.16309",
131
+ x2: "19.35",
132
+ y2: "23.9933",
133
+ gradientUnits: "userSpaceOnUse"
134
+ }, /*#__PURE__*/React.createElement("stop", {
135
+ offset: "0.025",
136
+ stopColor: "#FF8E63"
137
+ }), /*#__PURE__*/React.createElement("stop", {
138
+ offset: "0.56",
139
+ stopColor: "#FF7EB0"
140
+ }), /*#__PURE__*/React.createElement("stop", {
141
+ offset: "0.95",
142
+ stopColor: "#4B73FF"
143
+ })))));
@@ -55,6 +55,7 @@ const FigmaAgentAvatar = /*#__PURE__*/lazy(() => import( /* webpackChunkName: "@
55
55
  const HubSpotAgentAvatar = /*#__PURE__*/lazy(() => import( /* webpackChunkName: "@atlaskit-rovo-avatar-HubSpotAgentAvatar"*/'./assets/hubspot-agent'));
56
56
  const IntercomAgentAvatar = /*#__PURE__*/lazy(() => import( /* webpackChunkName: "@atlaskit-rovo-avatar-IntercomAgentAvatar"*/'./assets/intercom-agent'));
57
57
  const GammaAgentAvatar = /*#__PURE__*/lazy(() => import( /* webpackChunkName: "@atlaskit-rovo-avatar-GammaAgentAvatar"*/'./assets/gamma-agent'));
58
+ const LovableAgentAvatar = /*#__PURE__*/lazy(() => import( /* webpackChunkName: "@atlaskit-rovo-avatar-LovableAgentAvatar"*/'./assets/lovable-agent'));
58
59
  const ReplitAgentAvatar = /*#__PURE__*/lazy(() => import( /* webpackChunkName: "@atlaskit-rovo-avatar-ReplitAgentAvatar"*/'./assets/replit-agent'));
59
60
  const RovoAgentAvatar = /*#__PURE__*/lazy(() => import( /* webpackChunkName: "@atlaskit-rovo-avatar-RovoAgentAvatar"*/'./assets/rovo-agent'));
60
61
  /**
@@ -277,6 +278,14 @@ const outOfTheBoxAgentAvatar = {
277
278
  }),
278
279
  color: blueColor
279
280
  },
281
+ mcp_lovable_agent: {
282
+ getRender: size => /*#__PURE__*/React.createElement(LovableAgentAvatar, {
283
+ size: AVATAR_SIZES[size],
284
+ primaryColor: "",
285
+ secondaryColor: ""
286
+ }),
287
+ color: blueColor
288
+ },
280
289
  mcp_replit_agent: {
281
290
  getRender: size => /*#__PURE__*/React.createElement(ReplitAgentAvatar, {
282
291
  size: AVATAR_SIZES[size],
@@ -64,7 +64,8 @@ export const AgentDropdownMenu = ({
64
64
  agentName,
65
65
  agentRef,
66
66
  userPermissionsRef,
67
- onVerificationSuccess
67
+ onVerificationSuccess,
68
+ customDropdownOptions
68
69
  }) => {
69
70
  const [isLoading, setIsLoading] = useState(false);
70
71
  const {
@@ -145,7 +146,10 @@ export const AgentDropdownMenu = ({
145
146
  setHasBeenCopied(false);
146
147
  }
147
148
  }
148
- }, /*#__PURE__*/React.createElement(DropdownItemGroup, null, showViewAgentOption && /*#__PURE__*/React.createElement(DropdownItem, {
149
+ }, /*#__PURE__*/React.createElement(DropdownItemGroup, null, fg('jira_browse_agents_modal') && (customDropdownOptions === null || customDropdownOptions === void 0 ? void 0 : customDropdownOptions.map(option => /*#__PURE__*/React.createElement(DropdownItem, {
150
+ key: option.id,
151
+ onClick: option.onClick
152
+ }, option.label))), showViewAgentOption && /*#__PURE__*/React.createElement(DropdownItem, {
149
153
  onClick: onViewAgentClick
150
154
  }, formatMessage(messages.viewAgent)), doesAgentHaveIdentityAccountId && onViewAgentFullProfileClick && /*#__PURE__*/React.createElement(DropdownItem, {
151
155
  onClick: onViewAgentFullProfileClick
@@ -0,0 +1,144 @@
1
+ /* eslint-disable @atlaskit/ui-styling-standard/enforce-style-prop */
2
+ import React from 'react';
3
+ export default (function (_ref) {
4
+ var size = _ref.size;
5
+ return /*#__PURE__*/React.createElement("svg", {
6
+ width: size,
7
+ height: size,
8
+ viewBox: "0 0 32 32",
9
+ fill: "none",
10
+ xmlns: "http://www.w3.org/2000/svg"
11
+ }, /*#__PURE__*/React.createElement("path", {
12
+ d: "M0 8C0 3.58172 3.58172 0 8 0H24C28.4183 0 32 3.58172 32 8V24C32 28.4183 28.4183 32 24 32H8C3.58172 32 0 28.4183 0 24V8Z",
13
+ fill: "#191919"
14
+ }), /*#__PURE__*/React.createElement("mask", {
15
+ id: "mask0_789_23491",
16
+ style: {
17
+ maskType: 'alpha'
18
+ },
19
+ maskUnits: "userSpaceOnUse",
20
+ x: "8",
21
+ y: "6",
22
+ width: "18",
23
+ height: "18"
24
+ }, /*#__PURE__*/React.createElement("path", {
25
+ fillRule: "evenodd",
26
+ clipRule: "evenodd",
27
+ d: "M13.3113 6C16.2448 6 18.6228 8.38427 18.6228 11.3254V13.3492H20.3903C23.3238 13.3492 25.7018 15.7335 25.7018 18.6746C25.7018 21.6157 23.3238 24 20.3905 24H8V11.3254C8 8.38427 10.3778 6 13.3113 6Z",
28
+ fill: "url(#paint0_linear_789_23491)"
29
+ })), /*#__PURE__*/React.createElement("g", {
30
+ mask: "url(#mask0_789_23491)"
31
+ }, /*#__PURE__*/React.createElement("g", {
32
+ filter: "url(#filter0_f_789_23491)"
33
+ }, /*#__PURE__*/React.createElement("path", {
34
+ d: "M15.7651 27.5906C22.3829 27.5906 27.7477 22.2258 27.7477 15.608C27.7477 8.99013 22.3829 3.62531 15.7651 3.62531C9.14722 3.62531 3.7824 8.99013 3.7824 15.608C3.7824 22.2258 9.14722 27.5906 15.7651 27.5906Z",
35
+ fill: "#4B73FF"
36
+ })), /*#__PURE__*/React.createElement("g", {
37
+ filter: "url(#filter1_f_789_23491)"
38
+ }, /*#__PURE__*/React.createElement("path", {
39
+ d: "M17.0815 21.0151C25.5571 21.0151 32.428 15.6503 32.428 9.03242C32.428 2.41457 25.5571 -2.95026 17.0815 -2.95026C8.60584 -2.95026 1.73498 2.41457 1.73498 9.03242C1.73498 15.6503 8.60584 21.0151 17.0815 21.0151Z",
40
+ fill: "#FF66F4"
41
+ })), /*#__PURE__*/React.createElement("g", {
42
+ filter: "url(#filter2_f_789_23491)"
43
+ }, /*#__PURE__*/React.createElement("path", {
44
+ d: "M19.5849 17.3008C26.2028 17.3008 31.5676 12.5893 31.5676 6.77736C31.5676 0.96545 26.2028 -3.74603 19.5849 -3.74603C12.9671 -3.74603 7.60226 0.96545 7.60226 6.77736C7.60226 12.5893 12.9671 17.3008 19.5849 17.3008Z",
45
+ fill: "#FF0105"
46
+ })), /*#__PURE__*/React.createElement("g", {
47
+ filter: "url(#filter3_f_789_23491)"
48
+ }, /*#__PURE__*/React.createElement("path", {
49
+ d: "M17.2949 16.2359C21.2748 16.2359 24.5012 13.0095 24.5012 9.02956C24.5012 5.04958 21.2748 1.82318 17.2949 1.82318C13.3149 1.82318 10.0885 5.04958 10.0885 9.02956C10.0885 13.0095 13.3149 16.2359 17.2949 16.2359Z",
50
+ fill: "#FE7B02"
51
+ }))), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("filter", {
52
+ id: "filter0_f_789_23491",
53
+ x: "-1.58778",
54
+ y: "-1.74487",
55
+ width: "34.7057",
56
+ height: "34.7057",
57
+ filterUnits: "userSpaceOnUse",
58
+ colorInterpolationFilters: "sRGB"
59
+ }, /*#__PURE__*/React.createElement("feFlood", {
60
+ floodOpacity: "0",
61
+ result: "BackgroundImageFix"
62
+ }), /*#__PURE__*/React.createElement("feBlend", {
63
+ mode: "normal",
64
+ in: "SourceGraphic",
65
+ in2: "BackgroundImageFix",
66
+ result: "shape"
67
+ }), /*#__PURE__*/React.createElement("feGaussianBlur", {
68
+ stdDeviation: "2.68509",
69
+ result: "effect1_foregroundBlur_789_23491"
70
+ })), /*#__PURE__*/React.createElement("filter", {
71
+ id: "filter1_f_789_23491",
72
+ x: "-3.6352",
73
+ y: "-8.32043",
74
+ width: "41.4334",
75
+ height: "34.7057",
76
+ filterUnits: "userSpaceOnUse",
77
+ colorInterpolationFilters: "sRGB"
78
+ }, /*#__PURE__*/React.createElement("feFlood", {
79
+ floodOpacity: "0",
80
+ result: "BackgroundImageFix"
81
+ }), /*#__PURE__*/React.createElement("feBlend", {
82
+ mode: "normal",
83
+ in: "SourceGraphic",
84
+ in2: "BackgroundImageFix",
85
+ result: "shape"
86
+ }), /*#__PURE__*/React.createElement("feGaussianBlur", {
87
+ stdDeviation: "2.68509",
88
+ result: "effect1_foregroundBlur_789_23491"
89
+ })), /*#__PURE__*/React.createElement("filter", {
90
+ id: "filter2_f_789_23491",
91
+ x: "2.23208",
92
+ y: "-9.11621",
93
+ width: "34.7057",
94
+ height: "31.7872",
95
+ filterUnits: "userSpaceOnUse",
96
+ colorInterpolationFilters: "sRGB"
97
+ }, /*#__PURE__*/React.createElement("feFlood", {
98
+ floodOpacity: "0",
99
+ result: "BackgroundImageFix"
100
+ }), /*#__PURE__*/React.createElement("feBlend", {
101
+ mode: "normal",
102
+ in: "SourceGraphic",
103
+ in2: "BackgroundImageFix",
104
+ result: "shape"
105
+ }), /*#__PURE__*/React.createElement("feGaussianBlur", {
106
+ stdDeviation: "2.68509",
107
+ result: "effect1_foregroundBlur_789_23491"
108
+ })), /*#__PURE__*/React.createElement("filter", {
109
+ id: "filter3_f_789_23491",
110
+ x: "4.7183",
111
+ y: "-3.547",
112
+ width: "25.1531",
113
+ height: "25.1531",
114
+ filterUnits: "userSpaceOnUse",
115
+ colorInterpolationFilters: "sRGB"
116
+ }, /*#__PURE__*/React.createElement("feFlood", {
117
+ floodOpacity: "0",
118
+ result: "BackgroundImageFix"
119
+ }), /*#__PURE__*/React.createElement("feBlend", {
120
+ mode: "normal",
121
+ in: "SourceGraphic",
122
+ in2: "BackgroundImageFix",
123
+ result: "shape"
124
+ }), /*#__PURE__*/React.createElement("feGaussianBlur", {
125
+ stdDeviation: "2.68509",
126
+ result: "effect1_foregroundBlur_789_23491"
127
+ })), /*#__PURE__*/React.createElement("linearGradient", {
128
+ id: "paint0_linear_789_23491",
129
+ x1: "13.957",
130
+ y1: "9.16309",
131
+ x2: "19.35",
132
+ y2: "23.9933",
133
+ gradientUnits: "userSpaceOnUse"
134
+ }, /*#__PURE__*/React.createElement("stop", {
135
+ offset: "0.025",
136
+ stopColor: "#FF8E63"
137
+ }), /*#__PURE__*/React.createElement("stop", {
138
+ offset: "0.56",
139
+ stopColor: "#FF7EB0"
140
+ }), /*#__PURE__*/React.createElement("stop", {
141
+ offset: "0.95",
142
+ stopColor: "#4B73FF"
143
+ }))));
144
+ });
@@ -118,6 +118,9 @@ var IntercomAgentAvatar = /*#__PURE__*/lazy(function () {
118
118
  var GammaAgentAvatar = /*#__PURE__*/lazy(function () {
119
119
  return import( /* webpackChunkName: "@atlaskit-rovo-avatar-GammaAgentAvatar"*/'./assets/gamma-agent');
120
120
  });
121
+ var LovableAgentAvatar = /*#__PURE__*/lazy(function () {
122
+ return import( /* webpackChunkName: "@atlaskit-rovo-avatar-LovableAgentAvatar"*/'./assets/lovable-agent');
123
+ });
121
124
  var ReplitAgentAvatar = /*#__PURE__*/lazy(function () {
122
125
  return import( /* webpackChunkName: "@atlaskit-rovo-avatar-ReplitAgentAvatar"*/'./assets/replit-agent');
123
126
  });
@@ -392,6 +395,16 @@ var outOfTheBoxAgentAvatar = {
392
395
  },
393
396
  color: blueColor
394
397
  },
398
+ mcp_lovable_agent: {
399
+ getRender: function getRender(size) {
400
+ return /*#__PURE__*/React.createElement(LovableAgentAvatar, {
401
+ size: AVATAR_SIZES[size],
402
+ primaryColor: "",
403
+ secondaryColor: ""
404
+ });
405
+ },
406
+ color: blueColor
407
+ },
395
408
  mcp_replit_agent: {
396
409
  getRender: function getRender(size) {
397
410
  return /*#__PURE__*/React.createElement(ReplitAgentAvatar, {
@@ -68,7 +68,8 @@ export var AgentDropdownMenu = function AgentDropdownMenu(_ref2) {
68
68
  agentName = _ref2.agentName,
69
69
  agentRef = _ref2.agentRef,
70
70
  userPermissionsRef = _ref2.userPermissionsRef,
71
- onVerificationSuccess = _ref2.onVerificationSuccess;
71
+ onVerificationSuccess = _ref2.onVerificationSuccess,
72
+ customDropdownOptions = _ref2.customDropdownOptions;
72
73
  var _useState = useState(false),
73
74
  _useState2 = _slicedToArray(_useState, 2),
74
75
  isLoading = _useState2[0],
@@ -176,7 +177,12 @@ export var AgentDropdownMenu = function AgentDropdownMenu(_ref2) {
176
177
  setHasBeenCopied(false);
177
178
  }
178
179
  }
179
- }, /*#__PURE__*/React.createElement(DropdownItemGroup, null, showViewAgentOption && /*#__PURE__*/React.createElement(DropdownItem, {
180
+ }, /*#__PURE__*/React.createElement(DropdownItemGroup, null, fg('jira_browse_agents_modal') && (customDropdownOptions === null || customDropdownOptions === void 0 ? void 0 : customDropdownOptions.map(function (option) {
181
+ return /*#__PURE__*/React.createElement(DropdownItem, {
182
+ key: option.id,
183
+ onClick: option.onClick
184
+ }, option.label);
185
+ })), showViewAgentOption && /*#__PURE__*/React.createElement(DropdownItem, {
180
186
  onClick: onViewAgentClick
181
187
  }, formatMessage(messages.viewAgent)), doesAgentHaveIdentityAccountId && onViewAgentFullProfileClick && /*#__PURE__*/React.createElement(DropdownItem, {
182
188
  onClick: onViewAgentFullProfileClick
@@ -0,0 +1,4 @@
1
+ import React from 'react';
2
+ import { type AvatarIconProps } from './types';
3
+ declare const _default: ({ size }: AvatarIconProps) => React.JSX.Element;
4
+ export default _default;
@@ -10,6 +10,11 @@ import { type AgentVerificationDropdownItemProps } from '../agent-verification-d
10
10
  type ChatToAgentButtonProps = {
11
11
  onClick: ButtonProps['onClick'];
12
12
  };
13
+ type CustomDropdownOption = {
14
+ id: string;
15
+ label: string;
16
+ onClick: () => void;
17
+ };
13
18
  export declare const ChatToAgentButton: ({ onClick }: ChatToAgentButtonProps) => JSX.Element;
14
19
  type ViewAgentOptionProps = {
15
20
  showViewAgentOption: true;
@@ -46,6 +51,7 @@ type AgentDropdownMenuProps = {
46
51
  isEditEnabled: boolean;
47
52
  isDeleteEnabled: boolean;
48
53
  }>;
54
+ customDropdownOptions?: CustomDropdownOption[];
49
55
  } & ViewAgentOptionProps & ViewAgentFullProfileProps & Partial<Pick<AgentVerificationDropdownItemProps, 'agentRef' | 'userPermissionsRef' | 'onVerificationSuccess'>>;
50
- export declare const AgentDropdownMenu: ({ isAutodevTemplateAgent, onEditAgent, onCopyAgent, onDuplicateAgent, onDeleteAgent, onViewAgentFullProfileClick, onOpenChange, isForgeAgent, showViewAgentOption, onViewAgentClick, onDropdownTriggerClick, spacing, appearance, dropdownMenuTestId, doesAgentHaveIdentityAccountId, loadAgentPermissions, loadPermissionsOnMount, shouldTriggerStopPropagation, agentName, agentRef, userPermissionsRef, onVerificationSuccess, }: AgentDropdownMenuProps) => JSX.Element;
56
+ export declare const AgentDropdownMenu: ({ isAutodevTemplateAgent, onEditAgent, onCopyAgent, onDuplicateAgent, onDeleteAgent, onViewAgentFullProfileClick, onOpenChange, isForgeAgent, showViewAgentOption, onViewAgentClick, onDropdownTriggerClick, spacing, appearance, dropdownMenuTestId, doesAgentHaveIdentityAccountId, loadAgentPermissions, loadPermissionsOnMount, shouldTriggerStopPropagation, agentName, agentRef, userPermissionsRef, onVerificationSuccess, customDropdownOptions, }: AgentDropdownMenuProps) => JSX.Element;
51
57
  export {};
@@ -0,0 +1,4 @@
1
+ import React from 'react';
2
+ import { type AvatarIconProps } from './types';
3
+ declare const _default: ({ size }: AvatarIconProps) => React.JSX.Element;
4
+ export default _default;
@@ -10,6 +10,11 @@ import { type AgentVerificationDropdownItemProps } from '../agent-verification-d
10
10
  type ChatToAgentButtonProps = {
11
11
  onClick: ButtonProps['onClick'];
12
12
  };
13
+ type CustomDropdownOption = {
14
+ id: string;
15
+ label: string;
16
+ onClick: () => void;
17
+ };
13
18
  export declare const ChatToAgentButton: ({ onClick }: ChatToAgentButtonProps) => JSX.Element;
14
19
  type ViewAgentOptionProps = {
15
20
  showViewAgentOption: true;
@@ -46,6 +51,7 @@ type AgentDropdownMenuProps = {
46
51
  isEditEnabled: boolean;
47
52
  isDeleteEnabled: boolean;
48
53
  }>;
54
+ customDropdownOptions?: CustomDropdownOption[];
49
55
  } & ViewAgentOptionProps & ViewAgentFullProfileProps & Partial<Pick<AgentVerificationDropdownItemProps, 'agentRef' | 'userPermissionsRef' | 'onVerificationSuccess'>>;
50
- export declare const AgentDropdownMenu: ({ isAutodevTemplateAgent, onEditAgent, onCopyAgent, onDuplicateAgent, onDeleteAgent, onViewAgentFullProfileClick, onOpenChange, isForgeAgent, showViewAgentOption, onViewAgentClick, onDropdownTriggerClick, spacing, appearance, dropdownMenuTestId, doesAgentHaveIdentityAccountId, loadAgentPermissions, loadPermissionsOnMount, shouldTriggerStopPropagation, agentName, agentRef, userPermissionsRef, onVerificationSuccess, }: AgentDropdownMenuProps) => JSX.Element;
56
+ export declare const AgentDropdownMenu: ({ isAutodevTemplateAgent, onEditAgent, onCopyAgent, onDuplicateAgent, onDeleteAgent, onViewAgentFullProfileClick, onOpenChange, isForgeAgent, showViewAgentOption, onViewAgentClick, onDropdownTriggerClick, spacing, appearance, dropdownMenuTestId, doesAgentHaveIdentityAccountId, loadAgentPermissions, loadPermissionsOnMount, shouldTriggerStopPropagation, agentName, agentRef, userPermissionsRef, onVerificationSuccess, customDropdownOptions, }: AgentDropdownMenuProps) => JSX.Element;
51
57
  export {};
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/rovo-agent-components",
3
- "version": "3.42.0",
3
+ "version": "3.44.0",
4
4
  "description": "This package host public components related to rovo agents, the components here are needed for other public atlaskit packages",
5
5
  "author": "Atlassian Pty Ltd",
6
6
  "license": "Apache-2.0",
@@ -128,6 +128,9 @@
128
128
  },
129
129
  "rovo_agent_support_a2a_avatar": {
130
130
  "type": "boolean"
131
+ },
132
+ "jira_browse_agents_modal": {
133
+ "type": "boolean"
131
134
  }
132
135
  }
133
136
  }