@box/box-ai-agent-selector 0.26.3 → 0.26.4

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.
@@ -1,20 +1,20 @@
1
1
  import { useFullTextTooltip as H, FilterChip as c, Popover as d, Tooltip as J, Status as X, LoadingIndicator as Z, SmallList as $, Button as q } from "@box/blueprint-web";
2
2
  import { AlertBadge as tt } from "@box/blueprint-web-assets/icons/Fill";
3
3
  import m from "clsx";
4
- import { useState as B, useRef as et, useEffect as at, useCallback as f } from "react";
5
- import { useIntl as ot } from "react-intl";
6
- import { BoxAiAgent as rt } from "./box-ai-agent.js";
4
+ import { useState as x, useRef as et, useEffect as at, useCallback as f } from "react";
5
+ import { useIntl as rt } from "react-intl";
6
+ import { BoxAiAgent as ot } from "./box-ai-agent.js";
7
7
  import { LOGGER_BASE_CONFIG as E, LOGGER_ACTION_CLICK as S, LOGGER_TARGET as T } from "./constants.js";
8
8
  import { ACTIONS as nt } from "./contexts/actions.js";
9
- import { useAgentsDispatch as it } from "./contexts/context.js";
9
+ import { useAgentsDispatch as st } from "./contexts/context.js";
10
10
  import s from "./messages.js";
11
11
  import { R } from "../../chunks/types.js";
12
12
  import { jsx as e, jsxs as I } from "react/jsx-runtime";
13
- import '../../styles/box-ai-agent-selector.css';const st = "_agentSelector_1y96v_1", lt = "_agentStatus_1y96v_4", gt = "_agentLoader_1y96v_18", pt = "_agentError_1y96v_21", ct = "_triggerChip_1y96v_24", dt = "_agentLabel_1y96v_30", mt = "_dropdownIndicator_1y96v_36", ft = "_sidebar_1y96v_51", _t = "_agentListItemIcon_1y96v_70", Lt = "_agentListContainer_1y96v_75", ut = "_agentListRetryButton_1y96v_105", a = {
14
- agentSelector: st,
13
+ import '../../styles/box-ai-agent-selector.css';const it = "_agentSelector_prbzs_1", lt = "_agentStatus_prbzs_4", pt = "_agentLoader_prbzs_18", gt = "_agentError_prbzs_21", ct = "_triggerChip_prbzs_24", dt = "_agentLabel_prbzs_30", mt = "_dropdownIndicator_prbzs_36", ft = "_sidebar_prbzs_51", _t = "_agentListItemIcon_prbzs_64", Lt = "_agentListContainer_prbzs_69", ut = "_agentListRetryButton_prbzs_99", a = {
14
+ agentSelector: it,
15
15
  agentStatus: lt,
16
- agentLoader: gt,
17
- agentError: pt,
16
+ agentLoader: pt,
17
+ agentError: gt,
18
18
  triggerChip: ct,
19
19
  agentLabel: dt,
20
20
  dropdownIndicator: mt,
@@ -23,79 +23,79 @@ import '../../styles/box-ai-agent-selector.css';const st = "_agentSelector_1y96v
23
23
  agentListContainer: Lt,
24
24
  agentListRetryButton: ut
25
25
  };
26
- function vt({
26
+ function Gt({
27
27
  agents: _,
28
- contentClassName: k,
29
- onErrorAction: b,
30
- recordAction: o,
28
+ contentClassName: B,
29
+ onErrorAction: y,
30
+ recordAction: r,
31
31
  requestState: L,
32
- disabled: D,
33
- selectedAgent: r,
34
- triggerChipClassName: P,
35
- variant: A = "modal"
32
+ disabled: k,
33
+ selectedAgent: i,
34
+ triggerChipClassName: D,
35
+ variant: P = "modal"
36
36
  }) {
37
37
  const {
38
- formatMessage: n
39
- } = ot(), [l, g] = B(!1), i = L === R.ERROR, [K, u] = B(i), N = it(), O = L === R.SUCCESS, h = L === R.IN_PROGRESS, w = n(s.selectAgent), M = n(s.defaultAgent);
40
- let p = "";
41
- O ? p = (r == null ? void 0 : r.name) || w : i && (p = M);
42
- const v = et(null), {
43
- Wrapper: F,
44
- wrapperProps: U
38
+ formatMessage: o
39
+ } = rt(), [l, p] = x(!1), n = L === R.ERROR, [K, u] = x(n), N = st(), O = L === R.SUCCESS, h = L === R.IN_PROGRESS, w = o(s.selectAgent), M = o(s.defaultAgent);
40
+ let g = "";
41
+ O ? g = (i == null ? void 0 : i.name) || w : n && (g = M);
42
+ const G = et(null), {
43
+ Wrapper: v,
44
+ wrapperProps: F
45
45
  } = H({
46
- ref: v,
47
- textValue: p
46
+ ref: G,
47
+ textValue: g
48
48
  });
49
49
  at(() => {
50
- l && o && o({
50
+ l && r && r({
51
51
  ...E,
52
52
  action: S,
53
53
  target: T.OPEN_SELECTOR
54
54
  });
55
- }, [l, o]);
56
- const y = f((t) => {
57
- g(!1), N({
55
+ }, [l, r]);
56
+ const C = f((t) => {
57
+ p(!1), N({
58
58
  type: nt.SET_SELECTED_AGENT,
59
59
  id: t.id
60
- }), o && o({
60
+ }), r && r({
61
61
  ...E,
62
62
  action: S,
63
63
  target: T.SELECT_AGENT
64
64
  });
65
- }, [N, o]), j = f(() => {
66
- g(!1), b(), o && o({
65
+ }, [N, r]), U = f(() => {
66
+ p(!1), y(), r && r({
67
67
  ...E,
68
68
  action: S,
69
69
  target: T.RETRY_LOADING_AGENTS
70
70
  });
71
- }, [b, o]), Q = f((t) => {
72
- if (t.key === "Escape" && (g(!1), t.stopPropagation()), t.key === " ") {
73
- const G = t.target;
74
- if (G) {
75
- const Y = G.getAttribute("data-key"), x = _.find((z) => z.id === Y);
76
- x && y(x);
71
+ }, [y, r]), j = f((t) => {
72
+ if (t.key === "Escape" && (p(!1), t.stopPropagation()), t.key === " ") {
73
+ const A = t.target;
74
+ if (A) {
75
+ const W = A.getAttribute("data-key"), z = _.find((Y) => Y.id === W);
76
+ z && C(z);
77
77
  }
78
78
  }
79
- }, [_, y]), V = f((t) => u(i && i && !l && t ? t : !1), [i, l]), C = A === "sidebar" && a.sidebar, W = (t) => {
79
+ }, [_, C]), Q = f((t) => u(n && n && !l && t ? t : !1), [n, l]), b = P === "sidebar" && a.sidebar, V = (t) => {
80
80
  (t.key === "ArrowUp" || t.key === "ArrowDown" || t.key === "ArrowLeft" || t.key === "ArrowRight") && t.stopPropagation();
81
81
  };
82
82
  return /* @__PURE__ */ e(c.Group, {
83
- className: m(a.agentSelector, P, C),
83
+ className: m(a.agentSelector, D, b),
84
84
  name: w,
85
- onKeyDown: W,
85
+ onKeyDown: V,
86
86
  type: "multiple",
87
87
  children: /* @__PURE__ */ I(d.Root, {
88
88
  modal: !1,
89
- onOpenChange: g,
89
+ onOpenChange: p,
90
90
  open: l,
91
91
  children: [/* @__PURE__ */ e(J, {
92
- content: n(s.errorTooltip),
93
- onOpenChange: V,
92
+ content: o(s.errorTooltip),
93
+ onOpenChange: Q,
94
94
  open: K,
95
95
  side: "bottom",
96
96
  variant: "error",
97
97
  children: /* @__PURE__ */ e(d.Trigger, {
98
- disabled: D || h,
98
+ disabled: k || h,
99
99
  children: /* @__PURE__ */ I(c.TriggerChip, {
100
100
  className: a.triggerChip,
101
101
  "data-target-id": "FilterChip.TriggerChip-agentSelectorTrigger",
@@ -103,22 +103,22 @@ function vt({
103
103
  children: [/* @__PURE__ */ e(X, {
104
104
  className: a.agentStatus,
105
105
  colorIndex: 0,
106
- text: n(s.agent)
106
+ text: o(s.agent)
107
107
  }), h && /* @__PURE__ */ e(Z, {
108
- "aria-label": n(s.loadingMessage),
108
+ "aria-label": o(s.loadingMessage),
109
109
  className: a.agentLoader,
110
110
  variant: "default"
111
- }), i && /* @__PURE__ */ e(tt, {
111
+ }), n && /* @__PURE__ */ e(tt, {
112
112
  className: a.agentError,
113
113
  height: "1rem",
114
114
  role: "presentation",
115
115
  width: "1rem"
116
- }), /* @__PURE__ */ e(F, {
117
- ...U,
116
+ }), /* @__PURE__ */ e(v, {
117
+ ...F,
118
118
  children: /* @__PURE__ */ e(c.Label, {
119
- ref: v,
119
+ ref: G,
120
120
  className: a.agentLabel,
121
- children: p
121
+ children: g
122
122
  })
123
123
  }), !h && /* @__PURE__ */ e("div", {
124
124
  className: a.dropdownIndicator,
@@ -128,24 +128,23 @@ function vt({
128
128
  })
129
129
  }), /* @__PURE__ */ e(d.ContentContainer, {
130
130
  align: "start",
131
- className: m(a.agentListContainer, C),
132
- onKeyDownCapture: Q,
131
+ className: m(a.agentListContainer, b),
132
+ onKeyDownCapture: j,
133
133
  children: /* @__PURE__ */ I(d.MainContent, {
134
134
  children: [O && /* @__PURE__ */ e($, {
135
- "aria-label": n(s.agentList),
136
- className: m([a.agentList, k]),
137
- selectedKeys: [(r == null ? void 0 : r.id) || ""],
138
- children: _.map((t) => /* @__PURE__ */ e(rt, {
135
+ "aria-label": o(s.agentList),
136
+ className: m([a.agentList, B]),
137
+ selectedKeys: [(i == null ? void 0 : i.id) || ""],
138
+ children: _.map((t) => /* @__PURE__ */ e(ot, {
139
139
  agent: t,
140
- isSelected: (r == null ? void 0 : r.id) === t.id,
141
- onAction: () => y(t)
140
+ onAction: () => C(t)
142
141
  }, t.id))
143
- }), i && /* @__PURE__ */ e(q, {
144
- className: m(a.agentListRetryButton, C),
145
- onClick: j,
142
+ }), n && /* @__PURE__ */ e(q, {
143
+ className: m(a.agentListRetryButton, b),
144
+ onClick: U,
146
145
  variant: "tertiary",
147
146
  "data-target-id": "Button-errorMessage",
148
- children: n(s.errorMessage)
147
+ children: o(s.errorMessage)
149
148
  })]
150
149
  })
151
150
  })]
@@ -153,6 +152,6 @@ function vt({
153
152
  });
154
153
  }
155
154
  export {
156
- vt as BoxAiAgentSelector,
157
- vt as default
155
+ Gt as BoxAiAgentSelector,
156
+ Gt as default
158
157
  };
@@ -1,63 +1,54 @@
1
- import { useFullTextTooltip as u, SmallList as r, Text as d, Status as f } from "@box/blueprint-web";
2
- import { BoxAiLogo as h } from "@box/blueprint-web-assets/icons/Logo";
3
- import { Checkmark as _ } from "@box/blueprint-web-assets/icons/Line";
4
- import { SurfaceStatusSurfaceGray as I } from "@box/blueprint-web-assets/tokens/tokens";
5
- import { useRef as k } from "react";
6
- import { useIntl as g } from "react-intl";
1
+ import { useFullTextTooltip as u, SmallList as s, Text as c, Status as d } from "@box/blueprint-web";
2
+ import { BoxAiLogo as p } from "@box/blueprint-web-assets/icons/Logo";
3
+ import { SurfaceStatusSurfaceGray as f } from "@box/blueprint-web-assets/tokens/tokens";
4
+ import { useRef as g } from "react";
5
+ import { useIntl as _ } from "react-intl";
7
6
  import A from "./messages.js";
8
- import { jsxs as c, jsx as t, Fragment as N } from "react/jsx-runtime";
9
- import '../../styles/box-ai-agent.css';const S = "_agentListItem_szp3n_1", W = "_thumbnailWrapper_szp3n_6", L = "_checkMarkIconWrapper_szp3n_9", b = "_checkMarkIcon_szp3n_9", x = "_agentListItemIcon_szp3n_22", M = "_defaultAgentHeader_szp3n_31", z = "_defaultAgentName_szp3n_35", v = "_defaultAgentStatusWrapper_szp3n_41", a = {
10
- agentListItem: S,
11
- thumbnailWrapper: W,
12
- checkMarkIconWrapper: L,
13
- checkMarkIcon: b,
14
- agentListItemIcon: x,
15
- defaultAgentHeader: M,
16
- defaultAgentName: z,
17
- defaultAgentStatusWrapper: v
7
+ import { jsxs as b, jsx as t, Fragment as h } from "react/jsx-runtime";
8
+ import '../../styles/box-ai-agent.css';const I = "_agentListItem_1byz1_1", S = "_thumbnailWrapper_1byz1_6", L = "_agentListItemIcon_1byz1_9", N = "_defaultAgentHeader_1byz1_18", x = "_defaultAgentName_1byz1_22", y = "_defaultAgentStatusWrapper_1byz1_28", a = {
9
+ agentListItem: I,
10
+ thumbnailWrapper: S,
11
+ agentListItemIcon: L,
12
+ defaultAgentHeader: N,
13
+ defaultAgentName: x,
14
+ defaultAgentStatusWrapper: y
18
15
  };
19
- function C({
16
+ function j({
20
17
  agent: e,
21
- isSelected: l,
22
- onAction: o
18
+ onAction: l
23
19
  }) {
24
20
  const {
25
21
  formatMessage: i
26
- } = g(), s = e.isEnterpriseDefault, n = k(null), {
22
+ } = _(), r = e.isEnterpriseDefault, n = g(null), {
27
23
  Wrapper: m,
28
- wrapperProps: p
24
+ wrapperProps: o
29
25
  } = u({
30
26
  ref: n,
31
27
  textValue: e.name,
32
- skipOverflowCheck: !s
28
+ skipOverflowCheck: !r
33
29
  });
34
- return /* @__PURE__ */ c(r.Item, {
30
+ return /* @__PURE__ */ b(s.Item, {
35
31
  className: a.agentListItem,
36
32
  id: e.id,
37
- onAction: o,
38
- children: [/* @__PURE__ */ c(r.Thumbnail, {
33
+ onAction: l,
34
+ children: [/* @__PURE__ */ t(s.Thumbnail, {
39
35
  className: a.thumbnailWrapper,
40
- children: [/* @__PURE__ */ t("div", {
41
- className: a.checkMarkIconWrapper,
42
- children: l && /* @__PURE__ */ t(_, {
43
- className: a.checkMarkIcon
44
- })
45
- }), /* @__PURE__ */ t("div", {
36
+ children: /* @__PURE__ */ t("div", {
46
37
  className: a.agentListItemIcon,
47
38
  children: e.imageURL ? /* @__PURE__ */ t("img", {
48
39
  "aria-label": e.name,
49
40
  src: e.imageURL
50
- }) : /* @__PURE__ */ t(h, {
41
+ }) : /* @__PURE__ */ t(p, {
51
42
  "aria-label": e.name
52
43
  })
53
- })]
54
- }), /* @__PURE__ */ t(r.Header, {
55
- className: s ? a.defaultAgentHeader : void 0,
44
+ })
45
+ }), /* @__PURE__ */ t(s.Header, {
46
+ className: r ? a.defaultAgentHeader : void 0,
56
47
  textValue: e.name,
57
- children: s ? /* @__PURE__ */ t(N, {
48
+ children: r ? /* @__PURE__ */ t(h, {
58
49
  children: /* @__PURE__ */ t(m, {
59
- ...p,
60
- children: /* @__PURE__ */ t(d, {
50
+ ...o,
51
+ children: /* @__PURE__ */ t(c, {
61
52
  ref: n,
62
53
  as: "span",
63
54
  className: a.defaultAgentName,
@@ -66,20 +57,20 @@ function C({
66
57
  })
67
58
  })
68
59
  }) : e.name
69
- }), /* @__PURE__ */ t(r.Actions, {
60
+ }), /* @__PURE__ */ t(s.Actions, {
70
61
  className: a.defaultAgentStatusWrapper,
71
- children: s && /* @__PURE__ */ t(f, {
62
+ children: r && /* @__PURE__ */ t(d, {
72
63
  className: a.defaultAgentStatus,
73
- color: I,
64
+ color: f,
74
65
  text: i(A.defaultStatus)
75
66
  })
76
- }), e.description && /* @__PURE__ */ t(r.Subtitle, {
67
+ }), e.description && /* @__PURE__ */ t(s.Subtitle, {
77
68
  className: a.agentDescription,
78
69
  children: e.description
79
70
  })]
80
71
  });
81
72
  }
82
73
  export {
83
- C as BoxAiAgent,
84
- C as default
74
+ j as BoxAiAgent,
75
+ j as default
85
76
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@box/box-ai-agent-selector",
3
- "version": "0.26.3",
3
+ "version": "0.26.4",
4
4
  "license": "SEE LICENSE IN LICENSE",
5
5
  "peerDependencies": {
6
6
  "@box/blueprint-web": "^7.31.1",
@@ -47,5 +47,5 @@
47
47
  "sideEffects": [
48
48
  "**/*.css"
49
49
  ],
50
- "gitHead": "f58975e6ef79aaa7ede93cd503cc8412f68fac44"
50
+ "gitHead": "2556f675b86151221eb0929b23e2a2aac31bb655"
51
51
  }
@@ -1 +1 @@
1
- ._agentSelector_1y96v_1{margin-inline-start:.75rem}._agentSelector_1y96v_1 ._agentStatus_1y96v_4{margin-inline-start:.5rem}._agentSelector_1y96v_1 ._agentStatus_1y96v_4>span{background:linear-gradient(#f4f4f4 0,#f4f4f4 0) padding-box,linear-gradient(135deg,#fe01da,#2486fc) border-box;border:.0625rem solid rgba(0,0,0,0)}._agentSelector_1y96v_1 ._agentStatus_1y96v_4>span span{color:transparent;text-transform:uppercase;background:linear-gradient(135deg,#fe01da,#2486fc);-webkit-background-clip:text;background-clip:text}._agentSelector_1y96v_1 ._agentLoader_1y96v_18{position:inherit}._agentSelector_1y96v_1 ._agentError_1y96v_21 path{fill:#d5324e}._agentSelector_1y96v_1 ._triggerChip_1y96v_24{display:flex;max-width:376px;text-align:start;background-color:#faf5fe}._agentSelector_1y96v_1 ._triggerChip_1y96v_24 ._agentLabel_1y96v_30{flex-grow:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}._agentSelector_1y96v_1 ._triggerChip_1y96v_24 ._dropdownIndicator_1y96v_36{flex-shrink:0;margin-inline-start:0}._agentSelector_1y96v_1 ._triggerChip_1y96v_24 ._dropdownIndicator_1y96v_36 svg{margin-inline-start:0}._agentSelector_1y96v_1 ._triggerChip_1y96v_24:disabled ._dropdownIndicator_1y96v_36{opacity:.3}@media (max-width: 374px){._agentSelector_1y96v_1 ._triggerChip_1y96v_24{width:100%}}._agentSelector_1y96v_1._sidebar_1y96v_51{margin:0 .25rem 0 0;margin-inline-start:0}@media (max-width: 767px){._agentSelector_1y96v_1._sidebar_1y96v_51{width:100%}}._agentSelector_1y96v_1._sidebar_1y96v_51 ._triggerChip_1y96v_24{width:246px}@media (max-width: 767px){._agentSelector_1y96v_1._sidebar_1y96v_51 ._triggerChip_1y96v_24{width:100%;max-width:100%}}._agentListItemIcon_1y96v_70{width:2rem;height:2rem}._agentListContainer_1y96v_75{min-width:320px;max-width:376px;width:360px}@media (max-width: 376px){._agentListContainer_1y96v_75{max-width:320px}}._agentListContainer_1y96v_75>div{padding:var(--space-3)}._agentListContainer_1y96v_75._sidebar_1y96v_51{min-width:320px;max-width:360px;transform:translate(-6px)}@media (max-width: 360px){._agentListContainer_1y96v_75._sidebar_1y96v_51{max-width:320px}}@media (max-width: 767px){._agentListContainer_1y96v_75._sidebar_1y96v_51{max-width:unset;width:auto}}._agentListRetryButton_1y96v_105{max-width:320px;margin:.25rem;text-wrap:wrap}._agentListRetryButton_1y96v_105._sidebar_1y96v_51{max-width:184px}
1
+ ._agentSelector_prbzs_1{margin-inline-start:.75rem}._agentSelector_prbzs_1 ._agentStatus_prbzs_4{margin-inline-start:.5rem}._agentSelector_prbzs_1 ._agentStatus_prbzs_4>span{background:linear-gradient(#f4f4f4 0,#f4f4f4 0) padding-box,linear-gradient(135deg,#fe01da,#2486fc) border-box;border:.0625rem solid rgba(0,0,0,0)}._agentSelector_prbzs_1 ._agentStatus_prbzs_4>span span{color:transparent;text-transform:uppercase;background:linear-gradient(135deg,#fe01da,#2486fc);-webkit-background-clip:text;background-clip:text}._agentSelector_prbzs_1 ._agentLoader_prbzs_18{position:inherit}._agentSelector_prbzs_1 ._agentError_prbzs_21 path{fill:#d5324e}._agentSelector_prbzs_1 ._triggerChip_prbzs_24{display:flex;max-width:376px;text-align:start;background-color:#faf5fe}._agentSelector_prbzs_1 ._triggerChip_prbzs_24 ._agentLabel_prbzs_30{flex-grow:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}._agentSelector_prbzs_1 ._triggerChip_prbzs_24 ._dropdownIndicator_prbzs_36{flex-shrink:0;margin-inline-start:0}._agentSelector_prbzs_1 ._triggerChip_prbzs_24 ._dropdownIndicator_prbzs_36 svg{margin-inline-start:0}._agentSelector_prbzs_1 ._triggerChip_prbzs_24:disabled ._dropdownIndicator_prbzs_36{opacity:.3}@media (max-width: 374px){._agentSelector_prbzs_1 ._triggerChip_prbzs_24{width:100%}}._agentSelector_prbzs_1._sidebar_prbzs_51{margin:0 .25rem 0 0;margin-inline-start:0}@media (max-width: 767px){._agentSelector_prbzs_1._sidebar_prbzs_51{width:100%}}._agentSelector_prbzs_1._sidebar_prbzs_51 ._triggerChip_prbzs_24{max-width:246px}._agentListItemIcon_prbzs_64{width:2rem;height:2rem}._agentListContainer_prbzs_69{min-width:320px;max-width:376px;width:360px}@media (max-width: 376px){._agentListContainer_prbzs_69{max-width:320px}}._agentListContainer_prbzs_69>div{padding:var(--space-3)}._agentListContainer_prbzs_69._sidebar_prbzs_51{min-width:320px;max-width:360px;transform:translate(-6px)}@media (max-width: 360px){._agentListContainer_prbzs_69._sidebar_prbzs_51{max-width:320px}}@media (max-width: 767px){._agentListContainer_prbzs_69._sidebar_prbzs_51{max-width:unset;width:auto}}._agentListRetryButton_prbzs_99{max-width:320px;margin:.25rem;text-wrap:wrap}._agentListRetryButton_prbzs_99._sidebar_prbzs_51{max-width:184px}
@@ -1 +1 @@
1
- ._agentListItem_szp3n_1{align-items:center;grid-template-columns:48px auto auto!important;column-gap:var(--space-4)!important}._agentListItem_szp3n_1 ._thumbnailWrapper_szp3n_6{aspect-ratio:auto!important}._agentListItem_szp3n_1 ._thumbnailWrapper_szp3n_6 ._checkMarkIconWrapper_szp3n_9{height:1rem;width:1rem;margin-right:1rem}._agentListItem_szp3n_1 ._thumbnailWrapper_szp3n_6 ._checkMarkIconWrapper_szp3n_9 ._checkMarkIcon_szp3n_9{height:1rem;width:1rem}._agentListItem_szp3n_1 ._thumbnailWrapper_szp3n_6 ._checkMarkIconWrapper_szp3n_9 ._checkMarkIcon_szp3n_9 svg{height:100%;width:100%}._agentListItem_szp3n_1 ._thumbnailWrapper_szp3n_6 ._agentListItemIcon_szp3n_22{height:1rem;width:1rem}._agentListItem_szp3n_1 ._thumbnailWrapper_szp3n_6 ._agentListItemIcon_szp3n_22 svg,._agentListItem_szp3n_1 ._thumbnailWrapper_szp3n_6 ._agentListItemIcon_szp3n_22 img{vertical-align:top;height:100%;width:100%}._agentListItem_szp3n_1 ._defaultAgentHeader_szp3n_31{display:flex!important;align-items:center}._agentListItem_szp3n_1 ._defaultAgentName_szp3n_35{flex-grow:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._agentListItem_szp3n_1 ._defaultAgentStatusWrapper_szp3n_41{--default-opacity: 1;opacity:var(--default-opacity)!important}._agentListItem_szp3n_1 ._defaultAgentStatusWrapper_szp3n_41>div{background:transparent!important}
1
+ ._agentListItem_1byz1_1{align-items:center;grid-template-columns:1rem auto auto!important;column-gap:var(--space-4)!important}._agentListItem_1byz1_1 ._thumbnailWrapper_1byz1_6{aspect-ratio:auto!important}._agentListItem_1byz1_1 ._thumbnailWrapper_1byz1_6 ._agentListItemIcon_1byz1_9{height:1rem;width:1rem}._agentListItem_1byz1_1 ._thumbnailWrapper_1byz1_6 ._agentListItemIcon_1byz1_9 svg,._agentListItem_1byz1_1 ._thumbnailWrapper_1byz1_6 ._agentListItemIcon_1byz1_9 img{vertical-align:top;height:100%;width:100%}._agentListItem_1byz1_1 ._defaultAgentHeader_1byz1_18{display:flex!important;align-items:center}._agentListItem_1byz1_1 ._defaultAgentName_1byz1_22{flex-grow:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._agentListItem_1byz1_1 ._defaultAgentStatusWrapper_1byz1_28{--default-opacity: 1;opacity:var(--default-opacity)!important}._agentListItem_1byz1_1 ._defaultAgentStatusWrapper_1byz1_28>div{background:transparent!important}
@@ -4,14 +4,10 @@ export interface BoxAiAgentProps {
4
4
  * Object representation of agent.
5
5
  */
6
6
  agent: AgentType;
7
- /**
8
- * Flag that the agent is selected
9
- */
10
- isSelected: boolean;
11
7
  /**
12
8
  * Callback function triggered when an agent is selected
13
9
  */
14
10
  onAction: () => void;
15
11
  }
16
- export declare function BoxAiAgent({ agent, isSelected, onAction }: BoxAiAgentProps): import("react/jsx-runtime").JSX.Element;
12
+ export declare function BoxAiAgent({ agent, onAction }: BoxAiAgentProps): import("react/jsx-runtime").JSX.Element;
17
13
  export default BoxAiAgent;