@box/box-ai-content-answers 1.43.33 → 1.43.35

package/dist/chunks/answer-content.js

@@ -0,0 +1,32 @@
+import { t as e } from "./markdown.js";
+import t from "../esm/lib/utils/inlineCitationsUtils.js";
+import n from "../esm/lib/components/common/markdown-react.js";
+import r from "clsx";
+import "react";
+import { Fragment as i, jsx as a, jsxs as o } from "react/jsx-runtime";
+import '../styles/answer-content.css';var s = {
+	answerContent: "_answerContent_9f3o6_2",
+	answerMarkdown: "_answerMarkdown_9f3o6_16"
+}, c = ({ answer: c, items: l, isCompleted: u, isInlineCitationV2Enabled: d, isInlineCitationsEnabled: f, isMarkdownEnabled: p, isReactMarkdownEnabled: m = !1, className: h, variant: g = "modal", ..._ }) => {
+	let v = g === "sidebar", y = (r) => {
+		let i = t(r, {
+			items: l,
+			isCompleted: u,
+			isInlineCitationsEnabled: f
+		});
+		return m ? /* @__PURE__ */ a(n, {
+			isInlineCitationV2Enabled: d,
+			children: i
+		}) : /* @__PURE__ */ a("div", { dangerouslySetInnerHTML: { __html: e(i) } });
+	};
+	return /* @__PURE__ */ o(i, { children: [!p && /* @__PURE__ */ a("div", {
+		className: r(s.answerContent, v && s.sidebar, "Answer-text", h),
+		..._,
+		children: c
+	}), p && c && /* @__PURE__ */ a("div", {
+		className: r(s.answerContent, s.answerMarkdown, v && s.sidebar, "Answer-text", h),
+		..._,
+		children: y(c)
+	})] });
+};
+export { c as t };

package/dist/chunks/answer.js

@@ -0,0 +1,184 @@
+import { t as e } from "./types.js";
+import { t } from "./media-container.js";
+import n from "../esm/lib/components/answer/messages.js";
+import { BoxAILoadingIndicator as r } from "../esm/lib/components/thinkingBubble/boxAILoadingIndicator.js";
+import { t as i } from "./answer-content.js";
+import { CopyButton as a } from "../esm/lib/components/answer/copy-button.js";
+import { t as o } from "./embed-the-answer-button.js";
+import { t as s } from "./inline-error.js";
+import { t as c } from "./references.js";
+import { t as l } from "./thumb-buttons.js";
+import u from "clsx";
+import { memo as d, useEffect as f, useState as p } from "react";
+import { Text as m } from "@box/blueprint-web";
+import { useIntl as ee } from "react-intl";
+import { Gray65 as h, Size4 as g } from "@box/blueprint-web-assets/tokens/tokens";
+import { AlertTriangle as _ } from "@box/blueprint-web-assets/icons/Line";
+import { jsx as v, jsxs as y } from "react/jsx-runtime";
+import '../styles/answer.css';var b = {
+	answer: "_answer_1miuw_2",
+	loadingContainer: "_loadingContainer_1miuw_6",
+	loadingText: "_loadingText_1miuw_13",
+	fadeIn: "_fadeIn_1miuw_1",
+	alertIcon: "_alertIcon_1miuw_22",
+	error: "_error_1miuw_25",
+	footer: "_footer_1miuw_29",
+	copyButtonContainer: "_copyButtonContainer_1miuw_35",
+	feedbackButtonsContainer: "_feedbackButtonsContainer_1miuw_36",
+	shouldHaveMarginTop: "_shouldHaveMarginTop_1miuw_40",
+	shouldUseAnimation: "_shouldUseAnimation_1miuw_43",
+	shouldAnimateHeight: "_shouldAnimateHeight_1miuw_47",
+	footerButtons: "_footerButtons_1miuw_51",
+	iconAvatar: "_iconAvatar_1miuw_57",
+	embedTheAnswerButtonContainer: "_embedTheAnswerButtonContainer_1miuw_72",
+	buttonsVisible: "_buttonsVisible_1miuw_80"
+}, x = new Set([
+	e.RATE_LIMITING,
+	e.NO_CONTENT,
+	e.PRECONDITION_FAILED,
+	e.GENERAL,
+	e.AGENT_NOT_FOUND
+]), S = /* @__PURE__ */ d(({ answer: d, citations: S, error: C, contentType: te, hostAppName: w, feedbackValue: T, isCitationsEnabled: E = !1, isCompleted: D = !1, isFeedbackEnabled: O = !1, isFeedbackFormEnabled: k, isFeedbackTooltipOpen: A, isInlineCitationsEnabled: j = !1, isInlineCitationV2Enabled: M, isLoading: N = !1, isMarkdownEnabled: P = !1, items: F = [], onAnswerCopy: I, embedTheAnswerButtonConfig: L, onCitationClick: R, onFeedbackFormSubmit: z, onFeedbackTooltipOpenChange: ne, prompt: B, promptType: V, recordAction: H, shouldFeedbackFormIncludeFeedbackText: U, shouldFeedbackIncludePromptData: W, useAnimation: G = !0, variant: K = "modal", isReactMarkdownEnabled: q, setAnswerFeedback: J, questionId: Y }) => {
+	let X = x.has(C), Z = N && !d && !C, [re, ie] = p(D), { formatMessage: Q } = ee();
+	f(() => {
+		d && H && D && F.some((e) => d.includes(e.name)) && H({
+			action: "programmatic",
+			component: K,
+			feature: "answers",
+			target: "links_detected",
+			data: {
+				hostAppName: w,
+				linkCount: F.length,
+				fileNameCount: F.length
+			}
+		});
+	}, [
+		d,
+		K,
+		w,
+		D,
+		H,
+		F
+	]), f(() => {
+		setTimeout(() => ie(D), 0);
+	}, [D]);
+	let $ = () => /* @__PURE__ */ v(_, {
+		className: b.alertIcon,
+		color: h,
+		"data-testid": "content-answers-error-alert-icon",
+		height: g,
+		role: "presentation",
+		width: g
+	}), ae = () => /* @__PURE__ */ y(m, {
+		as: "p",
+		className: b.error,
+		color: "textOnLightSecondary",
+		"data-testid": "content-answers-error",
+		variant: "caption",
+		children: [
+			C === e.RESPONSE_INTERRUPTED && Q(n.responseInterruptedError),
+			C === e.RESPONSE_FAILED && Q(n.responseFailedError),
+			C === e.RESPONSE_STOPPED && Q(n.responseStoppedError),
+			C !== e.RESPONSE_STOPPED && $()
+		]
+	}), oe = () => C === e.RESPONSE_STOPPED ? d ? null : $() : /* @__PURE__ */ y("div", {
+		className: u(b.footerButtons, "footer-buttons-container", { [b.buttonsVisible]: A }),
+		children: [O ? /* @__PURE__ */ v("div", {
+			className: b.feedbackButtonsContainer,
+			children: /* @__PURE__ */ v(l, {
+				feedbackValue: T,
+				hostAppName: w,
+				isFeedbackFormEnabled: k,
+				isFeedbackTooltipOpen: A,
+				items: F,
+				onFeedbackFormSubmit: z,
+				onFeedbackTooltipOpenChange: ne,
+				prompt: B,
+				promptType: V,
+				questionId: Y,
+				recordAction: H,
+				response: d,
+				setAnswerFeedback: J,
+				shouldFeedbackFormIncludeFeedbackText: U,
+				shouldFeedbackIncludePromptData: W,
+				variant: K
+			})
+		}) : null, /* @__PURE__ */ v("div", {
+			className: b.copyButtonContainer,
+			children: /* @__PURE__ */ v(a, {
+				answer: d,
+				onAnswerCopy: I,
+				recordAction: H
+			})
+		})]
+	});
+	return /* @__PURE__ */ y("div", {
+		"aria-live": "polite",
+		className: b.answer,
+		"data-testid": "content-answers-answer",
+		children: [
+			Z && /* @__PURE__ */ y("div", {
+				className: b.loadingContainer,
+				children: [/* @__PURE__ */ v(r, {}), /* @__PURE__ */ v(m, {
+					as: "span",
+					className: b.loadingText,
+					color: "textOnLightDefault",
+					variant: "titleMedium",
+					children: Q(n.analyzingRequest)
+				})]
+			}),
+			!X && !Z && /* @__PURE__ */ v(t, {
+				className: "answer",
+				variant: K,
+				children: /* @__PURE__ */ y(t.Content, {
+					isUsedInsideSidebar: K === "sidebar",
+					variant: "answer",
+					children: [/* @__PURE__ */ v(i, {
+						answer: d,
+						isCompleted: D,
+						isInlineCitationsEnabled: j,
+						isInlineCitationV2Enabled: M,
+						isMarkdownEnabled: P,
+						isReactMarkdownEnabled: q,
+						items: F,
+						variant: K
+					}), D && /* @__PURE__ */ y("div", {
+						className: u(b.footer, {
+							[b.shouldHaveMarginTop]: d,
+							[b.shouldAnimateHeight]: re,
+							[b.shouldUseAnimation]: G
+						}),
+						"data-testid": "content-answers-answer-footer",
+						children: [
+							C && ae(),
+							E && !C && /* @__PURE__ */ v(c, {
+								citations: S,
+								onCitationClick: R,
+								recordAction: H
+							}),
+							oe()
+						]
+					})]
+				})
+			}),
+			!X && !Z && D && L?.onAction && /* @__PURE__ */ v("div", {
+				className: b.embedTheAnswerButtonContainer,
+				children: /* @__PURE__ */ v(o, {
+					answer: d,
+					embedTheAnswerButtonConfig: L,
+					hostAppName: w,
+					questionId: Y,
+					recordAction: H,
+					variant: K
+				})
+			}),
+			X && /* @__PURE__ */ v(s, {
+				contentType: te,
+				error: C,
+				recordAction: H,
+				variant: K
+			})
+		]
+	});
+});
+export { S as t };

package/dist/chunks/box-ai-content-answers.js

@@ -0,0 +1,78 @@
+import { r as e } from "./types.js";
+import { t } from "./content.js";
+import { Footer as n } from "../esm/lib/components/footer/footer.js";
+import r from "clsx";
+import * as i from "react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import '../styles/box-ai-content-answers.css';var s = {
+	container: "_container_h5a00_1",
+	contentAnswers: "_contentAnswers_h5a00_8",
+	sidebar: "_sidebar_h5a00_19"
+}, c = ({ className: c, contentType: l, contentName: u, error: d, hasCustomSuggestedQuestions: f, hasRequestInProgress: p, isAIStudioAgentSelectorEnabled: m, isDebugModeEnabled: h, isStopResponseEnabled: g, isStreamingEnabled: _, items: v, promptValue: y, questions: b, recordAction: x, retryQuestion: S, setPromptValue: C, showLoadingIndicator: w, stopQuestion: T, submitQuestion: E, suggestedQuestions: D, useAnimation: O, onAgentEditorToggle: k, onUserIntentToUseAI: A, promptButtonClickHandler: j, variant: M = "modal", hostAppName: N, isReactMarkdownEnabled: P, isInlineCitationV2Enabled: F, ...I }) => {
+	let [L, R] = i.useState(null), [z, B] = i.useState(d != null), [V, H] = i.useState(!1), U = d === e.LARGE_FILE, W = (!z || U) && !w, G = (e) => {
+		x && x({
+			...e,
+			component: M
+		});
+	}, K = () => {
+		A && A(!1);
+	}, q = (e) => {
+		R(e), A && A(!0);
+	}, J = () => {
+		A && A(!0);
+	};
+	return i.useEffect(() => {
+		B(d != null);
+	}, [d]), /* @__PURE__ */ a("div", {
+		className: r(c, s.container),
+		children: /* @__PURE__ */ o("div", {
+			className: r(s.contentAnswers, M === "sidebar" && s.sidebar),
+			children: [!V && /* @__PURE__ */ a(t, {
+				...I,
+				askSuggestedQuestion: L,
+				contentName: u,
+				contentType: l,
+				error: d,
+				hasCustomSuggestedQuestions: f,
+				hasRequestInProgress: p,
+				hostAppName: N,
+				isErrorMessageShown: z,
+				isInlineCitationV2Enabled: F,
+				isReactMarkdownEnabled: P,
+				isStreamingEnabled: _,
+				items: v,
+				onSuggestedQuestionInteraction: K,
+				questions: b,
+				recordAction: G,
+				setAskSuggestedQuestion: q,
+				showLoadingIndicator: w,
+				suggestedQuestions: D,
+				useAnimation: _ && O,
+				variant: M
+			}), W && /* @__PURE__ */ a(n, {
+				askSuggestedQuestion: L,
+				enableDebugMode: h,
+				hasRequestInProgress: p,
+				isAIStudioAgentSelectorEnabled: m,
+				isDebugModeShown: V,
+				isStopResponseEnabled: g,
+				isStreamingEnabled: _,
+				lastQuestion: b[b.length - 1],
+				onRetryQuestion: S,
+				onStopQuestion: T,
+				onUserInteraction: J,
+				promptButtonClickHandler: j,
+				promptValue: y,
+				recordAction: G,
+				sendQuestion: E,
+				setAskSuggestedQuestion: R,
+				setPromptValue: C,
+				toggleDebugMode: () => {
+					H(!V);
+				},
+				variant: M
+			})]
+		})
+	});
+};
+export { c as t };

package/dist/chunks/chat.js

@@ -0,0 +1,117 @@
+import { t as e } from "./media-container.js";
+import { t } from "./answer.js";
+import { t as n } from "./question.js";
+import { t as r } from "./suggested-questions.js";
+import { t as i } from "./thinkingBubble.js";
+import a from "../esm/lib/components/welcome-message/messages.js";
+import { WelcomeMessage as o } from "../esm/lib/components/welcome-message/welcome-message.js";
+import s from "clsx";
+import * as c from "react";
+import { Text as l } from "@box/blueprint-web";
+import { useIntl as u } from "react-intl";
+import { BoxAiLogo as d } from "@box/blueprint-web-assets/icons/Logo";
+import { Size10 as f } from "@box/blueprint-web-assets/tokens/tokens";
+import { jsx as p, jsxs as m } from "react/jsx-runtime";
+import '../styles/chat.css';var h = {
+	chat: "_chat_15mnd_2",
+	clearChatText: "_clearChatText_15mnd_2",
+	landingPage: "_landingPage_15mnd_8",
+	askQuestionText: "_askQuestionText_15mnd_16",
+	iconAvatar: "_iconAvatar_15mnd_24",
+	sidebar: "_sidebar_15mnd_42"
+}, g = ({ askSuggestedQuestion: g, contentType: _, hasCustomSuggestedQuestions: v, hasRequestInProgress: y, isCitationsEnabled: b, isFeedbackEnabled: x, isFeedbackFormEnabled: S, isInlineCitationsEnabled: C = !1, isInlineCitationV2Enabled: w, isMarkdownEnabled: T, isSessionLoading: E = !1, onCitationClick: D, onAnswerCopy: O, embedTheAnswerButtonConfig: k, onFeedbackFormSubmit: A, onDropdownOpenChange: j, onSuggestedQuestionInteraction: M, questions: N, recordAction: P, setAnswerFeedback: F, setAskSuggestedQuestion: I, suggestedQuestions: L, suggestedQuestionsRequestState: R, shouldFeedbackFormIncludeFeedbackText: z, shouldFeedbackIncludePromptData: B, shouldShowLandingPage: V, useAnimation: H, variant: U = "modal", hostAppName: W = "", isReactMarkdownEnabled: G, welcomeMessageClearText: K, ...q }) => {
+	let { formatMessage: J } = u(), [Y, X] = c.useState(null), Z = (e, t) => {
+		X(e ? t : null);
+	};
+	return /* @__PURE__ */ p("div", {
+		className: h.chat,
+		"data-testid": "content-answers-chat",
+		children: /* @__PURE__ */ m("div", {
+			className: s({
+				[h.landingPage]: V,
+				[h.sidebar]: U === "sidebar"
+			}),
+			children: [
+				V && /* @__PURE__ */ p(e.Figure, {
+					variant: U,
+					children: /* @__PURE__ */ p("div", {
+						className: h.iconAvatar,
+						children: /* @__PURE__ */ p(d, {
+							height: f,
+							role: "presentation",
+							width: f
+						})
+					})
+				}),
+				/* @__PURE__ */ p(o, {
+					contentType: "",
+					shouldShowLandingPage: V,
+					...q,
+					variant: U
+				}),
+				V && L !== void 0 && I !== void 0 && /* @__PURE__ */ p(r, {
+					askSuggestedQuestion: g,
+					hasCustomSuggestedQuestions: v,
+					isLoading: y,
+					onSuggestedQuestionInteraction: M,
+					recordAction: P,
+					setAskSuggestedQuestion: I,
+					suggestedQuestions: L,
+					suggestedQuestionsRequestState: R,
+					variant: U
+				}),
+				/* @__PURE__ */ p(l, {
+					as: "p",
+					className: h.clearChatText,
+					children: K || J(a.welcomeClearChatText, { type: _ })
+				}),
+				!V && /* @__PURE__ */ p("ul", { children: N.map(({ answer: e, thinkingAnswer: r, citations: a, id: o, isCompleted: s, isLoading: c, error: l, prompt: u, promptType: d, feedbackValue: f }) => /* @__PURE__ */ m("li", { children: [
+					/* @__PURE__ */ p(n, {
+						prompt: u,
+						variant: U
+					}),
+					r && /* @__PURE__ */ p(i, {
+						content: r,
+						isThinkingComplete: !!e,
+						onDropdownOpenChange: j,
+						variant: U
+					}),
+					/* @__PURE__ */ p(t, {
+						answer: e,
+						citations: a,
+						contentType: _,
+						embedTheAnswerButtonConfig: k,
+						error: l,
+						feedbackValue: f,
+						hostAppName: W,
+						isCitationsEnabled: b,
+						isCompleted: s,
+						isFeedbackEnabled: x,
+						isFeedbackFormEnabled: S,
+						isFeedbackTooltipOpen: Y === o,
+						isInlineCitationsEnabled: C,
+						isInlineCitationV2Enabled: w,
+						isLoading: c || E,
+						isMarkdownEnabled: T,
+						isReactMarkdownEnabled: G,
+						items: q.items,
+						onAnswerCopy: O,
+						onCitationClick: D,
+						onFeedbackFormSubmit: A,
+						onFeedbackTooltipOpenChange: Z,
+						prompt: u,
+						promptType: d,
+						questionId: o,
+						recordAction: P,
+						setAnswerFeedback: F,
+						shouldFeedbackFormIncludeFeedbackText: z,
+						shouldFeedbackIncludePromptData: B,
+						useAnimation: H,
+						variant: U
+					})
+				] }, o)) })
+			]
+		})
+	});
+};
+export { g as t };

package/dist/chunks/citation.js

@@ -0,0 +1,124 @@
+import { n as e } from "./types.js";
+import t from "../esm/lib/components/answer/messages.js";
+import { LOGGER_ACTION_CLICK as n, LOGGER_BASE_CONFIG as r } from "../esm/lib/components/common/constants.js";
+import "../esm/lib/components/answer/constants.js";
+import i from "clsx";
+import { useCallback as a, useEffect as o, useRef as s, useState as c } from "react";
+import { Popover as l, Status as u, Text as d, TextButton as f } from "@box/blueprint-web";
+import { useIntl as p } from "react-intl";
+import { jsx as m, jsxs as h } from "react/jsx-runtime";
+import { ArrowUpRightSquare as g } from "@box/blueprint-web-assets/icons/Fill";
+import _ from "lodash/debounce";
+import v from "lodash/truncate";
+import '../styles/citation.css';var y = {
+	citationTrigger: "_citationTrigger_4yo68_1",
+	citationStatus: "_citationStatus_4yo68_5",
+	animate: "_animate_4yo68_26",
+	fadeIn: "_fadeIn_4yo68_30",
+	cardTooltip: "_cardTooltip_4yo68_34",
+	cardTooltipTitle: "_cardTooltipTitle_4yo68_38",
+	cardTooltipCitation: "_cardTooltipCitation_4yo68_42",
+	cardTooltipButton: "_cardTooltipButton_4yo68_47"
+}, b = ({ animate: b, content: x, id: S, recordAction: C, fileId: w, title: T, onCitationClick: E, source: D }) => {
+	let [O, k] = c(!1), [A, j] = c(!b), { formatMessage: M } = p(), N = !!E && D !== e.HUBS_METADATA, P = s(null), F;
+	F = T ? M(t.cardTooltipTitleWithDocumentName, { title: T.toString() }) : M(t.cardTooltipTitle);
+	let I = _((e) => {
+		k(e), e === !0 && C && C({
+			...r,
+			feature: "answers-citations",
+			target: "hovered",
+			data: { index: S }
+		});
+	}, 100), L = () => {
+		I(!0);
+	}, R = () => {
+		I(!1);
+	}, z = a(() => {
+		E && C && (E(w, T), C({
+			...r,
+			feature: "answers-citations",
+			target: n,
+			data: { index: S }
+		}));
+	}, [
+		E,
+		C,
+		S,
+		w,
+		T
+	]);
+	o(() => {
+		b && j(!0);
+	}, []);
+	let B = x ? v(x.toString(), {
+		length: 500,
+		separator: /,? +/
+	}) : void 0;
+	return /* @__PURE__ */ h(l.Root, {
+		modal: !1,
+		open: O,
+		children: [/* @__PURE__ */ m(l.Trigger, {
+			className: y.citationTrigger,
+			onMouseEnter: L,
+			onMouseLeave: R,
+			children: /* @__PURE__ */ m(u, {
+				ref: P,
+				"aria-label": O ? B : M(t.referenceAriaLabel, { number: S }),
+				className: i(y.citationStatus, {
+					[y.animate]: b,
+					[y.fadeIn]: A
+				}),
+				colorIndex: 0,
+				"data-testid": "content-answers-citation-status",
+				onBlur: R,
+				onFocus: L,
+				tabIndex: 0,
+				text: `${S}`
+			})
+		}), /* @__PURE__ */ m(l.ContentContainer, {
+			"aria-label": B,
+			collisionPadding: 10,
+			"data-testid": "content-answers-citation-card",
+			onBlur: R,
+			onCloseAutoFocus: (e) => e.preventDefault(),
+			onEscapeKeyDown: () => {
+				P.current?.focus(), R();
+			},
+			onFocus: L,
+			onMouseEnter: L,
+			onMouseLeave: R,
+			onOpenAutoFocus: (e) => {
+				N || e.preventDefault();
+			},
+			side: "top",
+			sideOffset: 5,
+			children: /* @__PURE__ */ m(l.MainContent, { children: /* @__PURE__ */ h("div", {
+				className: y.cardTooltip,
+				children: [
+					/* @__PURE__ */ m(d, {
+						as: "h4",
+						className: y.cardTooltipTitle,
+						variant: "bodyDefaultBold",
+						children: F
+					}),
+					/* @__PURE__ */ m(d, {
+						as: "p",
+						className: y.cardTooltipCitation,
+						color: "textOnLightDefault",
+						variant: "caption",
+						children: B
+					}),
+					N && /* @__PURE__ */ m(f, {
+						"aria-label": M(t.cardTooltipButton),
+						className: y.cardTooltipButton,
+						icon: g,
+						onClick: z,
+						"data-target-id": "TextButton-cardTooltipButton",
+						children: M(t.cardTooltipButton)
+					})
+				]
+			}) })
+		})]
+	});
+};
+export { b as t };

package/dist/chunks/clear-conversation-button.js

@@ -1,45 +1,37 @@
-import { useBlueprintModernization as i, Tooltip as c, IconButton as d } from "@box/blueprint-web";
-import { Trash as m } from "@box/blueprint-web-assets/icons/Line";
-import { Trash as _ } from "@box/blueprint-web-assets/icons/Medium";
-import b from "clsx";
-import { useIntl as C } from "react-intl";
-import t from "../esm/lib/components/modal/messages.js";
-import { jsx as e } from "react/jsx-runtime";
-import '../styles/clear-conversation-button.css';const g = "_BoxAIIconColor_ild3b_1", u = "_modalHeader_ild3b_5", p = "_contentAnswersModal_ild3b_10", A = "_boxAiContentAnswers_ild3b_18", B = "_clearButton_ild3b_26", I = "_modalHeaderContainer_ild3b_55", f = "_agentSelectorTrigger_ild3b_63", x = "_agentSelectorContent_ild3b_74", T = {
-  BoxAIIconColor: g,
-  modalHeader: u,
-  contentAnswersModal: p,
-  boxAiContentAnswers: A,
-  clearButton: B,
-  "modal-close-button": "_modal-close-button_ild3b_30",
-  modalHeaderContainer: I,
-  agentSelectorTrigger: f,
-  agentSelectorContent: x
-}, L = ({
-  onClick: n,
-  hasRequestInProgress: a,
-  className: r
-}) => {
-  const o = C(), {
-    enableModernizedComponents: s
-  } = i(), l = s ? _ : m;
-  return /* @__PURE__ */ e(c, {
-    content: o.formatMessage(t.clearConversationLabel),
-    "data-testid": "clear-conversation-tooltip",
-    variant: "standard",
-    children: /* @__PURE__ */ e(d, {
-      "aria-label": o.formatMessage(t.clearConversationLabel),
-      className: b(T.clearButton, r),
-      "data-testid": "clear-conversation-button",
-      disabled: a,
-      icon: l,
-      onClick: n,
-      size: "small",
-      "data-target-id": "IconButton-clearConversationLabel"
-    })
-  });
-};
-export {
-  L as C,
-  T as s
+import e from "../esm/lib/components/modal/messages.js";
+import t from "clsx";
+import { IconButton as n, Tooltip as r, useBlueprintModernization as i } from "@box/blueprint-web";
+import { useIntl as a } from "react-intl";
+import { Trash as o } from "@box/blueprint-web-assets/icons/Line";
+import { jsx as s } from "react/jsx-runtime";
+import { Trash as c } from "@box/blueprint-web-assets/icons/Medium";
+import '../styles/clear-conversation-button.css';var l = {
+	BoxAIIconColor: "_BoxAIIconColor_ild3b_1",
+	modalHeader: "_modalHeader_ild3b_5",
+	contentAnswersModal: "_contentAnswersModal_ild3b_10",
+	boxAiContentAnswers: "_boxAiContentAnswers_ild3b_18",
+	clearButton: "_clearButton_ild3b_26",
+	"modal-close-button": "_modal-close-button_ild3b_30",
+	contentAnswerModal: "_contentAnswerModal_ild3b_1",
+	modalHeaderContainer: "_modalHeaderContainer_ild3b_55",
+	agentSelectorTrigger: "_agentSelectorTrigger_ild3b_63",
+	agentSelectorContent: "_agentSelectorContent_ild3b_74"
+}, u = ({ onClick: u, hasRequestInProgress: d, className: f }) => {
+	let p = a(), { enableModernizedComponents: m } = i(), h = m ? c : o;
+	return /* @__PURE__ */ s(r, {
+		content: p.formatMessage(e.clearConversationLabel),
+		"data-testid": "clear-conversation-tooltip",
+		variant: "standard",
+		children: /* @__PURE__ */ s(n, {
+			"aria-label": p.formatMessage(e.clearConversationLabel),
+			className: t(l.clearButton, f),
+			"data-testid": "clear-conversation-button",
+			disabled: d,
+			icon: h,
+			onClick: u,
+			size: "small",
+			"data-target-id": "IconButton-clearConversationLabel"
+		})
+	});
 };
+export { l as n, u as t };