@epam/ai-dial-conversation-messages 1.3.0-dev.98 → 1.3.0-rc.1

package/index.js

@@ -1,17 +1,17 @@
 import { AttachmentType as e, CopyIconButton as t, DeploymentIcon as n, MDMessageViewer as r, MessageRating as i, MessageRole as a, ResponseFormat as o, buildCssVars as s, buildInlineSegmentSource as c, createInlineSegmentComponents as l, createRehypeInlineSegments as u, mergeClasses as d, useCollapsedText as f } from "@epam/ai-dial-chat-shared";
 import { AttachmentGroup as p } from "@epam/ai-dial-attachment-input";
-import { Button as m, ButtonVariant as h, DIAL_ICON_SIZE as g, DIAL_KIT_ICON_STROKE as _, ElementSize as v, GhostIconButton as y, InfoMessageNotification as b, LinkButton as x, NeutralButton as ee } from "@epam/ai-dial-ui-kit";
-import { useCallback as S, useEffect as C, useId as w, useLayoutEffect as T, useMemo as E, useRef as D, useState as O } from "react";
-import { IconArrowBackUp as k, IconChevronDown as A, IconChevronUp as te, IconMarkdown as ne, IconPencilMinus as j, IconRefresh as M, IconThumbDown as re, IconThumbDownFilled as ie, IconThumbUp as N, IconThumbUpFilled as P, IconTrashX as ae } from "@tabler/icons-react";
-import { Fragment as F, jsx as I, jsxs as L } from "react/jsx-runtime";
-import { createPortal as R } from "react-dom";
+import { Button as m, ButtonVariant as h, DIAL_ICON_SIZE as g, DIAL_KIT_ICON_STROKE as _, ElementSize as v, GhostIconButton as y, InfoMessageNotification as b, LinkButton as x, LiveRegion as S, LiveRegionElement as C, NeutralButton as w, Popup as T, PopupSize as ee, Select as te, Textarea as E, Tooltip as D } from "@epam/ai-dial-ui-kit";
+import { memo as O, useCallback as k, useEffect as A, useId as j, useLayoutEffect as M, useMemo as N, useRef as ne, useState as P } from "react";
+import { IconArrowBackUp as F, IconChevronDown as I, IconChevronUp as re, IconMarkdown as ie, IconPencilMinus as ae, IconRefresh as L, IconThumbDown as oe, IconThumbDownFilled as se, IconThumbUp as ce, IconThumbUpFilled as le, IconTrashX as ue } from "@tabler/icons-react";
+import { Fragment as R, jsx as z, jsxs as B } from "react/jsx-runtime";
+import { createPortal as V } from "react-dom";
 //#region src/constants/public-class-names.ts
-var z = {
+var H = {
 	userBubble: "dial-cm-user-bubble",
 	assistantContent: "dial-cm-assistant-content"
-}, B = 4, oe = (e) => {
-	let t = D(null), [n, r] = O(0);
-	return C(() => {
+}, de = 4, fe = (e) => {
+	let t = ne(null), [n, r] = P(0);
+	return A(() => {
 		if (!e) return;
 		let n = t.current;
 		if (n == null) return;
@@ -22,455 +22,538 @@ var z = {
 		return i.observe(n), () => i.disconnect();
 	}, [e]), {
 		slotRef: t,
-		firstLineIndent: e ? `calc(${n}px + ${B}px)` : void 0
+		firstLineIndent: e ? `calc(${n}px + ${de}px)` : void 0
 	};
-}, se = [
+}, pe = [
 	"href",
 	"src",
 	"alt",
 	"colspan",
 	"rowspan",
 	"start"
-], ce = new Set([
+], me = /* @__PURE__ */ new Set([
 	"pre",
 	"pre-wrap",
 	"pre-line",
 	"break-spaces"
-]), V = (e) => {
+]), U = (e) => {
 	let t = document.createElement(e.tagName.toLowerCase());
-	se.forEach((n) => {
+	pe.forEach((n) => {
 		let r = e.getAttribute(n);
 		r !== null && t.setAttribute(n, r);
 	});
 	let { whiteSpace: n } = window.getComputedStyle(e);
-	return ce.has(n) && (t.style.whiteSpace = "pre-wrap"), t;
-}, le = (e) => e instanceof SVGElement || window.getComputedStyle(e).display === "none", H = (e, t) => {
+	return me.has(n) && (t.style.whiteSpace = "pre-wrap"), t;
+}, W = (e) => e instanceof SVGElement || window.getComputedStyle(e).display === "none", G = (e, t) => {
 	if (!t.intersectsNode(e)) return null;
 	if (e.nodeType === Node.TEXT_NODE) {
 		let n = e.data, r = e === t.startContainer ? t.startOffset : 0, i = e === t.endContainer ? t.endOffset : n.length;
 		return document.createTextNode(n.slice(r, i));
 	}
-	if (!(e instanceof Element) || le(e)) return null;
-	let n = V(e);
+	if (!(e instanceof Element) || W(e)) return null;
+	let n = U(e);
 	return e.childNodes.forEach((e) => {
-		let r = H(e, t);
+		let r = G(e, t);
 		r && n.appendChild(r);
 	}), n;
-}, U = (e, t, n) => {
+}, K = (e, t, n) => {
 	let r = e, i = t;
 	for (; i && i !== n && n.contains(i);) {
-		let e = V(i);
+		let e = U(i);
 		e.appendChild(r), r = e, i = i.parentElement;
 	}
 	return r;
-}, W = (e, t) => {
+}, he = (e, t) => {
 	let n = e.commonAncestorContainer, r = n instanceof Element ? n : n.parentElement;
 	if (!r) return null;
-	let i = H(r, e);
-	return i ? U(i, r.parentElement, t) : null;
-}, ue = (e) => {
+	let i = G(r, e);
+	return i ? K(i, r.parentElement, t) : null;
+}, ge = (e) => {
 	let t = window.getSelection();
 	if (!t || t.isCollapsed || t.rangeCount === 0 || !e.clipboardData) return;
 	let n = t.toString();
 	if (!n) return;
 	let r = document.createElement("div");
 	for (let n = 0; n < t.rangeCount; n++) {
-		let i = W(t.getRangeAt(n), e.currentTarget);
+		let i = he(t.getRangeAt(n), e.currentTarget);
 		i && r.appendChild(i);
 	}
 	e.clipboardData.setData("text/html", r.innerHTML), e.clipboardData.setData("text/plain", n), e.preventDefault();
-}, G = { activeRating: "_activeRating_ygoee_1" }, K = 2e3, de = ({ role: e = a.User, onEdit: n, onEditHover: r, onDelete: o, onRegenerate: c, onCopy: l, onCopyMarkdown: u, onLike: f, onDislike: p, activeRating: m, isAlwaysVisible: h, isDisabled: b = !1, className: x, labels: ee, colors: C }) => {
-	let { tooltips: w, ariaLabels: T } = ee ?? {}, [E, D] = O(null), [k, A] = O(""), te = n != null || o != null || c != null || l != null || u != null || f != null || p != null, R = s({ "--ma-active-rating-text": C?.activeRatingText }), z = S(() => {
-		l?.(), D("copy"), A(e === a.User ? T?.copiedMessageStatus ?? "Message copied to clipboard" : T?.copiedStatus ?? "Copied to clipboard"), setTimeout(() => D(null), K);
+}, _e = { activeRating: "_activeRating_ygoee_1" }, ve = 2e3, ye = ({ role: e = a.User, onEdit: n, onEditHover: r, onDelete: o, onRegenerate: c, onCopy: l, onCopyMarkdown: u, onLike: f, onDislike: p, activeRating: m, isAlwaysVisible: h, leadingContent: b, trailingContent: x, isDisabled: w = !1, className: T, labels: ee, colors: te }) => {
+	let { tooltips: E, ariaLabels: D } = ee ?? {}, [O, j] = P(null), [M, N] = P(""), F = ne(void 0);
+	A(() => () => clearTimeout(F.current), []);
+	let I = k(() => {
+		clearTimeout(F.current), F.current = setTimeout(() => j(null), ve);
+	}, []), re = n != null || o != null || c != null || l != null || u != null || f != null || p != null || b != null || x != null, V = s({ "--ma-active-rating-text": te?.activeRatingText }), H = k(() => {
+		l?.(), j("copy"), N(e === a.User ? D?.copiedMessageStatus ?? "Message copied to clipboard" : D?.copiedStatus ?? "Copied to clipboard"), I();
 	}, [
 		l,
 		e,
-		T?.copiedStatus,
-		T?.copiedMessageStatus
-	]), B = S(() => {
-		u?.(), D("markdown"), A(T?.copiedMarkdownStatus ?? "Copied as Markdown to clipboard"), setTimeout(() => D(null), K);
-	}, [u, T?.copiedMarkdownStatus]);
-	return te ? /* @__PURE__ */ L("div", {
+		D?.copiedStatus,
+		D?.copiedMessageStatus,
+		I
+	]), de = k(() => {
+		u?.(), j("markdown"), N(D?.copiedMarkdownStatus ?? "Copied as Markdown to clipboard"), I();
+	}, [
+		u,
+		D?.copiedMarkdownStatus,
+		I
+	]);
+	return re ? /* @__PURE__ */ B("div", {
 		role: "toolbar",
-		"aria-label": T?.actionsGroup ?? "Message actions",
-		style: R,
-		className: d("flex gap-1", !h && "opacity-0 group-hover:opacity-100", x),
-		children: [/* @__PURE__ */ I("span", {
-			role: "status",
-			"aria-live": "polite",
-			className: "sr-only",
-			children: k
-		}), e === a.User ? /* @__PURE__ */ L(F, { children: [
-			l && /* @__PURE__ */ I(t, {
-				iconSize: g.SM,
-				onClick: z,
-				size: v.Small,
-				isCopied: E === "copy",
-				copyLabel: w?.copyMessage ?? "Copy message",
-				copiedLabel: w?.copied ?? "Copied!",
-				ariaLabel: T?.copyMessage ?? "Copy message",
-				isDisabled: b
+		"aria-label": D?.actionsGroup ?? "Message actions",
+		style: V,
+		className: d("flex items-center gap-1", !h && "opacity-0 group-hover:opacity-100", T),
+		children: [
+			b,
+			/* @__PURE__ */ z(S, {
+				visuallyHidden: !0,
+				as: C.Span,
+				children: M
 			}),
-			n && /* @__PURE__ */ I(y, {
-				icon: /* @__PURE__ */ I(j, {
-					size: g.SM,
-					"aria-hidden": !0,
-					stroke: _
+			e === a.User ? /* @__PURE__ */ B(R, { children: [
+				l && /* @__PURE__ */ z(t, {
+					iconSize: g.SM,
+					onClick: H,
+					size: v.Small,
+					isCopied: O === "copy",
+					copyLabel: E?.copyMessage ?? "Copy message",
+					copiedLabel: E?.copied ?? "Copied!",
+					ariaLabel: D?.copyMessage ?? "Copy message",
+					isDisabled: w
 				}),
-				size: v.Small,
-				"aria-label": T?.editMessage ?? "Edit message",
-				tooltipProps: { tooltip: w?.edit ?? "Edit" },
-				onClick: n,
-				onMouseEnter: r,
-				onFocus: r,
-				disabled: b
-			}),
-			o && /* @__PURE__ */ I(y, {
-				icon: /* @__PURE__ */ I(ae, {
-					size: g.SM,
-					"aria-hidden": !0,
-					stroke: _
+				n && /* @__PURE__ */ z(y, {
+					icon: /* @__PURE__ */ z(ae, {
+						size: g.SM,
+						"aria-hidden": !0,
+						stroke: _
+					}),
+					size: v.Small,
+					"aria-label": D?.editMessage ?? "Edit message",
+					tooltipProps: { tooltip: E?.edit ?? "Edit" },
+					onClick: n,
+					onMouseEnter: r,
+					onFocus: r,
+					disabled: w
 				}),
-				size: v.Small,
-				"aria-label": T?.deleteMessage ?? "Delete message",
-				tooltipProps: { tooltip: w?.delete ?? "Delete" },
-				onClick: o,
-				disabled: b
-			})
-		] }) : /* @__PURE__ */ L(F, { children: [
-			c && /* @__PURE__ */ I(y, {
-				icon: /* @__PURE__ */ I(M, {
-					size: g.SM,
-					"aria-hidden": !0,
-					stroke: _
+				o && /* @__PURE__ */ z(y, {
+					icon: /* @__PURE__ */ z(ue, {
+						size: g.SM,
+						"aria-hidden": !0,
+						stroke: _
+					}),
+					size: v.Small,
+					"aria-label": D?.deleteMessage ?? "Delete message",
+					tooltipProps: { tooltip: E?.delete ?? "Delete" },
+					onClick: o,
+					disabled: w
+				})
+			] }) : /* @__PURE__ */ B(R, { children: [
+				c && /* @__PURE__ */ z(y, {
+					icon: /* @__PURE__ */ z(L, {
+						size: g.SM,
+						"aria-hidden": !0,
+						stroke: _
+					}),
+					size: v.Small,
+					"aria-label": D?.regenerateResponse ?? "Regenerate response",
+					tooltipProps: { tooltip: E?.regenerate ?? "Regenerate" },
+					onClick: c,
+					disabled: w
 				}),
-				size: v.Small,
-				"aria-label": T?.regenerateResponse ?? "Regenerate response",
-				tooltipProps: { tooltip: w?.regenerate ?? "Regenerate" },
-				onClick: c,
-				disabled: b
-			}),
-			l && /* @__PURE__ */ I(t, {
-				iconSize: g.SM,
-				onClick: z,
-				size: v.Small,
-				isCopied: E === "copy",
-				copyLabel: w?.copy ?? "Copy",
-				copiedLabel: w?.copied ?? "Copied!",
-				ariaLabel: T?.copyResponse ?? "Copy response",
-				isDisabled: b
-			}),
-			u && /* @__PURE__ */ I(t, {
-				iconSize: g.SM,
-				onClick: B,
-				size: v.Small,
-				isCopied: E === "markdown",
-				iconCopy: /* @__PURE__ */ I(ne, {
-					size: g.SM,
-					"aria-hidden": !0,
-					stroke: _
+				l && /* @__PURE__ */ z(t, {
+					iconSize: g.SM,
+					onClick: H,
+					size: v.Small,
+					isCopied: O === "copy",
+					copyLabel: E?.copy ?? "Copy",
+					copiedLabel: E?.copied ?? "Copied!",
+					ariaLabel: D?.copyResponse ?? "Copy response",
+					isDisabled: w
 				}),
-				copyLabel: w?.copyMarkdown ?? "Copy as Markdown",
-				copiedLabel: w?.copiedMarkdown ?? "Copied!",
-				ariaLabel: T?.copyAsMarkdown ?? "Copy as markdown",
-				isDisabled: b
-			}),
-			f && /* @__PURE__ */ I(y, {
-				icon: m === i.Like ? /* @__PURE__ */ I(P, {
-					className: G.activeRating,
-					size: g.SM,
-					"aria-hidden": !0
-				}) : /* @__PURE__ */ I(N, {
-					size: g.SM,
-					"aria-hidden": !0,
-					stroke: _
+				u && /* @__PURE__ */ z(t, {
+					iconSize: g.SM,
+					onClick: de,
+					size: v.Small,
+					isCopied: O === "markdown",
+					iconCopy: /* @__PURE__ */ z(ie, {
+						size: g.SM,
+						"aria-hidden": !0,
+						stroke: _
+					}),
+					copyLabel: E?.copyMarkdown ?? "Copy as Markdown",
+					copiedLabel: E?.copiedMarkdown ?? "Copied!",
+					ariaLabel: D?.copyAsMarkdown ?? "Copy as markdown",
+					isDisabled: w
 				}),
-				size: v.Small,
-				"aria-label": T?.likeResponse ?? "Like response",
-				"aria-pressed": m === i.Like,
-				tooltipProps: { tooltip: w?.like ?? "Like" },
-				onClick: f,
-				disabled: b
-			}),
-			p && /* @__PURE__ */ I(y, {
-				icon: m === i.Dislike ? /* @__PURE__ */ I(ie, {
-					className: G.activeRating,
-					size: g.SM,
-					"aria-hidden": !0
-				}) : /* @__PURE__ */ I(re, {
-					size: g.SM,
-					"aria-hidden": !0,
-					stroke: _
+				f && /* @__PURE__ */ z(y, {
+					icon: m === i.Like ? /* @__PURE__ */ z(le, {
+						className: _e.activeRating,
+						size: g.SM,
+						"aria-hidden": !0
+					}) : /* @__PURE__ */ z(ce, {
+						size: g.SM,
+						"aria-hidden": !0,
+						stroke: _
+					}),
+					size: v.Small,
+					"aria-label": D?.likeResponse ?? "Like response",
+					"aria-pressed": m === i.Like,
+					tooltipProps: { tooltip: E?.like ?? "Like" },
+					onClick: f,
+					disabled: w
 				}),
-				size: v.Small,
-				"aria-label": T?.dislikeResponse ?? "Dislike response",
-				"aria-pressed": m === i.Dislike,
-				tooltipProps: { tooltip: w?.dislike ?? "Dislike" },
-				onClick: p,
-				disabled: b
-			})
-		] })]
+				p && /* @__PURE__ */ z(y, {
+					icon: m === i.Dislike ? /* @__PURE__ */ z(se, {
+						className: _e.activeRating,
+						size: g.SM,
+						"aria-hidden": !0
+					}) : /* @__PURE__ */ z(oe, {
+						size: g.SM,
+						"aria-hidden": !0,
+						stroke: _
+					}),
+					size: v.Small,
+					"aria-label": D?.dislikeResponse ?? "Dislike response",
+					"aria-pressed": m === i.Dislike,
+					tooltipProps: { tooltip: E?.dislike ?? "Dislike" },
+					onClick: p,
+					disabled: w
+				})
+			] }),
+			x
+		]
 	}) : null;
-}, q = {
+}, be = (e) => {
+	let [t, n] = P(() => /* @__PURE__ */ new Date());
+	return A(() => {
+		let t = setInterval(() => n(/* @__PURE__ */ new Date()), e);
+		return () => clearInterval(t);
+	}, [e]), t;
+}, q = /* @__PURE__ */ function(e) {
+	return e.Today = "today", e.Yesterday = "yesterday", e.Absolute = "absolute", e;
+}({}), J = {
+	hour: "numeric",
+	minute: "2-digit"
+}, xe = {
+	year: "numeric",
+	month: "short",
+	day: "numeric",
+	...J
+}, Y = 60, X = 3600, Z = 24 * X, Q = [
+	["year", 365 * Z],
+	["month", 30 * Z],
+	["week", 7 * Z],
+	["day", Z],
+	["hour", X],
+	["minute", Y]
+], Se = (e, t) => e.getFullYear() === t.getFullYear() && e.getMonth() === t.getMonth() && e.getDate() === t.getDate(), Ce = (e) => {
+	if (!e) return null;
+	let t = new Date(e);
+	return Number.isNaN(t.getTime()) ? null : t;
+}, we = (e, t) => new Intl.DateTimeFormat(t, xe).format(e), Te = (e, t, n) => {
+	let r = new Date(t.getFullYear(), t.getMonth(), t.getDate() - 1);
+	return Se(e, t) ? {
+		kind: q.Today,
+		text: new Intl.DateTimeFormat(n, J).format(e)
+	} : Se(e, r) ? {
+		kind: q.Yesterday,
+		text: new Intl.DateTimeFormat(n, J).format(e)
+	} : {
+		kind: q.Absolute,
+		text: we(e, n)
+	};
+}, Ee = (e, t, n) => {
+	let r = new Intl.RelativeTimeFormat(n, { numeric: "auto" }), i = (t.getTime() - e.getTime()) / 1e3;
+	for (let [e, t] of Q) {
+		let n = Math.floor(i / t);
+		if (n >= 1) return r.format(-n, e);
+	}
+	return r.format(0, "second");
+}, De = { time: "_time_16pwx_2" }, Oe = 6e4, ke = "opacity-0 transition-opacity group-hover/message:opacity-100 group-focus-within/message:opacity-100 [@media(hover:none)]:opacity-100", Ae = ({ timestamp: e, locale: t, className: n = "dial-small-text" }) => {
+	let r = be(Oe), i = Ce(e);
+	return i == null ? null : /* @__PURE__ */ z(D, {
+		tooltip: we(i, t),
+		asChild: !0,
+		children: /* @__PURE__ */ z("time", {
+			dateTime: e,
+			tabIndex: 0,
+			className: d("px-1 whitespace-nowrap", De.time, n, ke),
+			children: Ee(i, r, t)
+		})
+	});
+}, $ = {
 	userBubble: "_userBubble_17fln_1",
 	collapsibleText: "_collapsibleText_17fln_6",
 	expandedText: "_expandedText_17fln_11",
 	collapsedText: "_collapsedText_17fln_15",
 	startersDivider: "_startersDivider_17fln_31",
 	text: "_text_17fln_35"
-}, fe = "[&>.cm-bubble-markdown>div>*:first-child]:indent-[var(--cm-bubble-first-line-indent,0px)]", J = ({ text: t, contentRef: i, styles: c, actions: l, hasAlwaysVisibleActions: u, isStreaming: f, attachments: m, beforeContent: h, responseFormat: g, afterContent: _, hasThinkingPlaceholder: v = !0, starters: y, onSelectStarter: b, deploymentIconUrl: x, deploymentDisplayName: S, markdownComponents: C, markdownClassNames: w, markdownUrlTransform: T, onAttachmentClick: D, onDownloadAll: O, onAttachmentRetry: k, codeBlockTheme: A, tableOnOpenInCanvas: te, labels: ne, selectedAttachmentId: j }) => {
-	let { colors: M, typography: re, className: ie, bubbleClassName: N } = c ?? {}, { attachmentClickLabel: P, attachmentDownloadLabel: ae, attachmentRetryLabel: F, attachmentOpenInNewTabLabel: R, startersAriaLabel: B = "Quick reply buttons", thinkingLabel: se, codeBlockCopyLabel: ce, codeBlockCopiedLabel: V, codeBlockDownloadLabel: le, tableCopyLabel: H, tableCopiedLabel: U, tableDownloadCsvLabel: W, tableOpenInCanvasLabel: G, tableDownloadFilename: K, tableScrollRegionAriaLabel: J, mathScrollRegionAriaLabel: Y, assistantMessageAriaLabel: X = "Assistant message", deploymentIconFallbackLabel: pe = "AI" } = ne ?? {}, me = E(() => ({
-		copyLabel: H,
-		copiedLabel: U,
-		downloadCsvLabel: W,
-		openInCanvasLabel: G
+}, je = "[&>.cm-bubble-markdown>div>*:first-child]:indent-[var(--cm-bubble-first-line-indent,0px)]", Me = ({ text: t, contentRef: i, styles: c, actions: l, hasAlwaysVisibleActions: u, timestamp: f, locale: m, isStreaming: h, attachments: g, beforeContent: _, responseFormat: v, afterContent: y, hasThinkingPlaceholder: b = !0, starters: x, onSelectStarter: S, deploymentIconUrl: C, deploymentDisplayName: T, markdownComponents: ee, markdownClassNames: te, markdownUrlTransform: E, onAttachmentClick: D, onDownloadAll: O, isAttachmentDownloadable: k, onAttachmentRetry: A, codeBlockTheme: j, tableOnOpenInCanvas: M, labels: ne, selectedAttachmentId: P }) => {
+	let { colors: F, typography: I, className: re, bubbleClassName: ie, timestampClassName: ae } = c ?? {}, L = f == null ? void 0 : /* @__PURE__ */ z(Ae, {
+		timestamp: f,
+		locale: m,
+		className: ae
+	}), { attachmentClickLabel: oe, attachmentDownloadLabel: se, attachmentRetryLabel: ce, attachmentOpenInNewTabLabel: le, startersAriaLabel: ue = "Quick reply buttons", thinkingLabel: V, codeBlockCopyLabel: de, codeBlockCopiedLabel: pe, codeBlockDownloadLabel: me, tableCopyLabel: U, tableCopiedLabel: W, tableDownloadCsvLabel: G, tableOpenInCanvasLabel: K, tableDownloadFilename: he, tableScrollRegionAriaLabel: _e, mathScrollRegionAriaLabel: ve, assistantMessageAriaLabel: be = "Assistant message", deploymentIconFallbackLabel: q = "AI" } = ne ?? {}, J = N(() => ({
+		copyLabel: U,
+		copiedLabel: W,
+		downloadCsvLabel: G,
+		openInCanvasLabel: K
 	}), [
-		H,
 		U,
 		W,
-		G
-	]), he = f ? (m ?? []).filter((t) => t.type !== e.Audio) : m ?? [], Z = !!t?.trim(), { slotRef: ge, firstLineIndent: _e } = oe(h != null && Z), ve = s({
-		"--cm-bubble-text": M?.text,
-		"--cm-starters-divider": M?.startersDivider,
-		"--cm-bubble-first-line-indent": _e
-	}), Q = d(q.text, re?.fontClassName), ye = !!(x || S);
-	return /* @__PURE__ */ L("div", {
+		G,
+		K
+	]), xe = h ? (g ?? []).filter((t) => t.type !== e.Audio) : g ?? [], Y = !!t?.trim(), X = !Y && !b, { slotRef: Z, firstLineIndent: Q } = fe(_ != null && Y), Se = s({
+		"--cm-bubble-text": F?.text,
+		"--cm-starters-divider": F?.startersDivider,
+		"--cm-timestamp-text": F?.timestampText,
+		"--cm-bubble-first-line-indent": Q
+	}), Ce = d($.text, I?.fontClassName), we = !!(C || T);
+	return /* @__PURE__ */ B("div", {
 		role: "group",
-		"aria-label": X,
-		style: ve,
-		onCopy: ue,
-		className: d("flex w-full items-start gap-3", ie),
-		children: [ye && /* @__PURE__ */ I(n, {
-			src: x,
+		"aria-label": be,
+		style: Se,
+		onCopy: ge,
+		className: d("group/message flex w-full items-start gap-3", re),
+		children: [we && /* @__PURE__ */ z(n, {
+			src: C,
 			size: 28,
-			initialsName: S || pe,
-			labels: { tooltip: S ?? pe }
-		}), /* @__PURE__ */ L("div", {
+			initialsName: T || q,
+			labels: { tooltip: T ?? q }
+		}), /* @__PURE__ */ B("div", {
 			className: "flex w-full max-w-full min-w-0 flex-col items-start gap-5",
-			children: [/* @__PURE__ */ L("div", {
-				className: d("flex w-full max-w-full min-w-0 flex-col items-start gap-4", N),
+			children: [/* @__PURE__ */ B("div", {
+				className: d("flex w-full max-w-full min-w-0 flex-col items-start gap-4", ie),
 				children: [
-					h != null && !Z && /* @__PURE__ */ I("div", {
+					_ != null && !Y && /* @__PURE__ */ z("div", {
 						className: "min-w-0",
-						children: h
+						children: _
 					}),
-					(Z || f && v) && /* @__PURE__ */ L("div", {
+					(Y || h) && /* @__PURE__ */ B("div", {
 						"aria-live": "polite",
 						"aria-atomic": "false",
-						className: d(Q, "relative max-w-full min-w-0 text-start", h != null && Z && fe, z.assistantContent),
-						children: [h != null && Z && /* @__PURE__ */ I("div", {
-							ref: ge,
-							className: "absolute start-0 top-0",
-							children: h
-						}), /* @__PURE__ */ I("div", {
+						className: d(Ce, X ? "absolute" : "relative", "max-w-full min-w-0 text-start", _ != null && Y && je, H.assistantContent),
+						children: [_ != null && Y && /* @__PURE__ */ z("div", {
+							ref: Z,
+							className: "absolute inset-s-0 top-0",
+							children: _
+						}), !X && /* @__PURE__ */ z("div", {
 							ref: i,
-							className: "cm-bubble-markdown max-w-full min-w-0",
-							children: /* @__PURE__ */ I(r, {
+							className: "cm-bubble-markdown max-w-full min-w-0 wrap-anywhere",
+							children: /* @__PURE__ */ z(r, {
 								content: t ?? "",
-								isPlainText: g === o.PlainText,
-								isStreaming: f,
-								thinkingLabel: se,
-								components: C,
-								classNames: w,
-								urlTransform: T,
-								codeBlockCopyLabel: ce,
-								codeBlockCopiedLabel: V,
-								codeBlockDownloadLabel: le,
-								codeBlockTheme: A,
-								tableActionLabels: me,
-								tableDownloadFilename: K,
-								tableOnOpenInCanvas: te,
-								tableScrollRegionAriaLabel: J,
-								mathScrollRegionAriaLabel: Y
+								isPlainText: v === o.PlainText,
+								isStreaming: h,
+								thinkingLabel: V,
+								components: ee,
+								classNames: te,
+								urlTransform: E,
+								codeBlockCopyLabel: de,
+								codeBlockCopiedLabel: pe,
+								codeBlockDownloadLabel: me,
+								codeBlockTheme: j,
+								tableActionLabels: J,
+								tableDownloadFilename: he,
+								tableOnOpenInCanvas: M,
+								tableScrollRegionAriaLabel: _e,
+								mathScrollRegionAriaLabel: ve
 							})
 						})]
 					}),
-					/* @__PURE__ */ I(p, {
-						attachments: he,
+					/* @__PURE__ */ z(p, {
+						attachments: xe,
 						onAttachmentClick: D ? (e) => {
-							let t = m?.find((t) => t.id === e);
+							let t = g?.find((t) => t.id === e);
 							t && D(t);
 						} : void 0,
 						onDownloadAll: O,
-						onRetry: k,
+						isAttachmentDownloadable: k,
+						onRetry: A,
 						labels: {
-							clickLabel: P,
-							downloadLabel: ae,
-							retryLabel: F,
-							openInNewTabLabel: R
+							clickLabel: oe,
+							downloadLabel: se,
+							retryLabel: ce,
+							openInNewTabLabel: le
 						},
-						selectedAttachmentId: j
+						selectedAttachmentId: P
 					}),
-					_,
-					/* @__PURE__ */ I(de, {
+					y,
+					/* @__PURE__ */ z(ye, {
 						...l,
 						isAlwaysVisible: u,
+						trailingContent: L == null ? l?.trailingContent : /* @__PURE__ */ B(R, { children: [l?.trailingContent, L] }),
 						role: a.Assistant
 					})
 				]
-			}), y && y.length > 0 && b && /* @__PURE__ */ I("div", {
+			}), x && x.length > 0 && S && /* @__PURE__ */ z("div", {
 				role: "list",
-				"aria-label": B,
-				className: d("flex w-full flex-wrap gap-2 border-t pt-5", q.startersDivider),
-				children: y.map((e, t) => /* @__PURE__ */ I("div", {
+				"aria-label": ue,
+				className: d("flex w-full flex-wrap gap-2 border-t pt-5", $.startersDivider),
+				children: x.map((e, t) => /* @__PURE__ */ z("div", {
 					role: "listitem",
 					className: "min-w-[40px]",
-					children: /* @__PURE__ */ I(ee, {
+					children: /* @__PURE__ */ z(w, {
 						label: e.title,
 						className: "min-w-[40px]",
-						onClick: () => b(e)
+						onClick: () => S(e)
 					})
 				}, t))
 			})]
 		})]
 	});
-}, Y = ({ labels: { titleText: e = "Model switched.", bodyText: t } }) => /* @__PURE__ */ I("div", {
-	role: "status",
-	"aria-live": "polite",
-	children: /* @__PURE__ */ I(b, {
-		title: e,
-		message: t,
-		textClassName: "flex-row flex-wrap gap-1"
-	})
-}), X = /* @__PURE__ */ function(e) {
+}, Ne = ({ labels: { titleText: e = "Model switched.", bodyText: t } }) => /* @__PURE__ */ z(b, {
+	title: e,
+	message: t,
+	textClassName: "flex-row flex-wrap gap-1"
+}), Pe = /* @__PURE__ */ function(e) {
 	return e.Bottom = "Bottom", e.Top = "Top", e;
-}({}), pe = 10, me = "[&>div>*:first-child]:mt-0 [&>div>*:last-child]:mb-0", he = [], Z = ({ text: e, contentRef: t, position: n = X.Bottom, styles: i, actions: o, hasAlwaysVisibleActions: m, attachments: h, collapsedLineCount: _ = pe, labels: y, textSegments: b, onAttachmentClick: ee, onDownloadAll: S, onAttachmentRetry: C, selectedAttachmentId: T, markdownClassNames: D, markdownUrlTransform: O, codeBlockTheme: k, tableOnOpenInCanvas: ne }) => {
-	let { colors: j, typography: M, className: re, bubbleClassName: ie } = i ?? {}, { showMoreLabel: N = "Show more", showLessLabel: P = "Show less", showMoreAriaLabel: ae, showLessAriaLabel: R, attachmentClickLabel: B, attachmentDownloadLabel: oe, attachmentRetryLabel: se, attachmentOpenInNewTabLabel: ce, userMessageAriaLabel: V = "User message", codeBlockCopyLabel: le, codeBlockCopiedLabel: H, codeBlockDownloadLabel: U, tableCopyLabel: W, tableCopiedLabel: G, tableDownloadCsvLabel: K, tableOpenInCanvasLabel: fe, tableDownloadFilename: J, tableScrollRegionAriaLabel: Y, mathScrollRegionAriaLabel: Z } = y ?? {}, ge = E(() => ({
+}({}), Fe = 10, Ie = "[&>div>*:first-child]:mt-0 [&>div>*:last-child]:mb-0", Le = [], Re = ({ text: e, contentRef: t, position: n = Pe.Bottom, styles: i, actions: o, hasAlwaysVisibleActions: m, timestamp: h, locale: _, attachments: y, collapsedLineCount: b = Fe, labels: S, textSegments: C, onAttachmentClick: w, onDownloadAll: T, isAttachmentDownloadable: ee, onAttachmentRetry: te, selectedAttachmentId: E, markdownClassNames: D, markdownUrlTransform: O, codeBlockTheme: k, tableOnOpenInCanvas: A }) => {
+	let { colors: M, typography: ne, className: P, bubbleClassName: F, timestampClassName: ie } = i ?? {}, ae = h == null ? void 0 : /* @__PURE__ */ z(Ae, {
+		timestamp: h,
+		locale: _,
+		className: ie
+	}), { showMoreLabel: L = "Show more", showLessLabel: oe = "Show less", showMoreAriaLabel: se, showLessAriaLabel: ce, attachmentClickLabel: le, attachmentDownloadLabel: ue, attachmentRetryLabel: V, attachmentOpenInNewTabLabel: de, userMessageAriaLabel: fe = "User message", codeBlockCopyLabel: pe, codeBlockCopiedLabel: me, codeBlockDownloadLabel: U, tableCopyLabel: W, tableCopiedLabel: G, tableDownloadCsvLabel: K, tableOpenInCanvasLabel: he, tableDownloadFilename: _e, tableScrollRegionAriaLabel: ve, mathScrollRegionAriaLabel: be } = S ?? {}, q = N(() => ({
 		copyLabel: W,
 		copiedLabel: G,
 		downloadCsvLabel: K,
-		openInCanvasLabel: fe
+		openInCanvasLabel: he
 	}), [
 		W,
 		G,
 		K,
-		fe
-	]), { textRef: _e, isTextCollapsed: ve, isOverflowing: Q, collapsedMaxHeight: ye, expandedMaxHeight: be, isCollapsed: $, toggleCollapsed: xe } = f({
+		he
+	]), { textRef: J, isTextCollapsed: xe, isOverflowing: Y, collapsedMaxHeight: X, expandedMaxHeight: Z, isCollapsed: Q, toggleCollapsed: Se } = f({
 		text: e ?? "",
-		collapsedLineCount: _
-	}), Se = s({
-		"--cm-bubble-user-bg": j?.userBackground,
-		"--cm-bubble-user-border": j?.userBorder,
-		"--cm-bubble-fade-start": j?.fadeStart,
-		"--cm-bubble-text": j?.text,
-		"--cm-bubble-collapsed-height": Q ? `${ye}px` : void 0,
-		"--cm-bubble-expanded-height": Q ? `${be}px` : void 0
-	}), Ce = n === X.Top ? "rounded-ee-md rounded-se-2xl" : "rounded-se-md rounded-ee-2xl", we = d(q.text, M?.fontClassName), { markdownSource: Te, segmentRehypePlugins: Ee, segmentComponents: De } = E(() => {
-		if (b == null) return {
+		collapsedLineCount: b
+	}), Ce = s({
+		"--cm-bubble-user-bg": M?.userBackground,
+		"--cm-bubble-user-border": M?.userBorder,
+		"--cm-bubble-fade-start": M?.fadeStart,
+		"--cm-bubble-text": M?.text,
+		"--cm-timestamp-text": M?.timestampText,
+		"--cm-bubble-collapsed-height": Y ? `${X}px` : void 0,
+		"--cm-bubble-expanded-height": Y ? `${Z}px` : void 0
+	}), we = n === Pe.Top ? "rounded-ee-md rounded-se-2xl" : "rounded-se-md rounded-ee-2xl", Te = d($.text, ne?.fontClassName), { markdownSource: Ee, segmentRehypePlugins: De, segmentComponents: Oe } = N(() => {
+		if (C == null) return {
 			markdownSource: e ?? "",
-			segmentRehypePlugins: he,
+			segmentRehypePlugins: Le,
 			segmentComponents: void 0
 		};
-		let { source: t, inlineSegments: n } = c(b);
+		let { source: t, inlineSegments: n } = c(C);
 		return {
 			markdownSource: t,
 			segmentRehypePlugins: [u(n)],
 			segmentComponents: l(n)
 		};
-	}, [e, b]), Oe = ae ?? N, ke = R ?? P, Ae = $ ? N : P, je = $ ? Oe : ke, Me = $ ? A : te, Ne = w();
-	return /* @__PURE__ */ I("div", {
+	}, [e, C]), ke = se ?? L, je = ce ?? oe, Me = Q ? L : oe, Ne = Q ? ke : je, Re = Q ? I : re, ze = j();
+	return /* @__PURE__ */ z("div", {
 		role: "group",
-		"aria-label": V,
-		style: Se,
-		onCopy: ue,
-		className: d("flex w-full", re),
-		children: /* @__PURE__ */ L("div", {
+		"aria-label": fe,
+		style: Ce,
+		onCopy: ge,
+		className: d("group/message flex w-full", P),
+		children: /* @__PURE__ */ B("div", {
 			className: "ms-auto flex w-fit max-w-full min-w-0 flex-col items-end gap-4",
 			children: [
-				/* @__PURE__ */ I(p, {
-					attachments: h ?? [],
-					onAttachmentClick: ee ? (e) => {
-						let t = h?.find((t) => t.id === e);
-						t && ee(t);
+				/* @__PURE__ */ z(p, {
+					attachments: y ?? [],
+					onAttachmentClick: w ? (e) => {
+						let t = y?.find((t) => t.id === e);
+						t && w(t);
 					} : void 0,
-					onDownloadAll: S,
-					onRetry: C,
+					onDownloadAll: T,
+					isAttachmentDownloadable: ee,
+					onRetry: te,
 					labels: {
-						clickLabel: B,
-						downloadLabel: oe,
-						retryLabel: se,
-						openInNewTabLabel: ce
+						clickLabel: le,
+						downloadLabel: ue,
+						retryLabel: V,
+						openInNewTabLabel: de
 					},
 					styles: { className: "max-w-[640px]" },
-					selectedAttachmentId: T
+					selectedAttachmentId: E
 				}),
-				e && /* @__PURE__ */ I("div", {
-					className: d(q.userBubble, "flex w-fit items-center justify-end rounded-ss-2xl rounded-es-2xl border px-6 py-4", Ce, ie, z.userBubble),
-					children: /* @__PURE__ */ L("div", {
+				e && /* @__PURE__ */ z("div", {
+					className: d($.userBubble, "flex w-fit max-w-full min-w-0 items-center justify-end rounded-ss-2xl rounded-es-2xl border px-6 py-4 wrap-anywhere", we, F, H.userBubble),
+					children: /* @__PURE__ */ B("div", {
 						className: "flex min-w-0 flex-col items-start",
-						children: [/* @__PURE__ */ I("div", {
-							id: Ne,
+						children: [/* @__PURE__ */ z("div", {
+							id: ze,
 							ref: t,
-							className: d("relative -ms-1 -me-1 w-[calc(100%+8px)] overflow-hidden ps-1 pe-1", Q && q.collapsibleText, Q && !$ && q.expandedText, ve && q.collapsedText),
-							children: /* @__PURE__ */ I("div", {
-								ref: _e,
-								className: d(we, "max-w-full min-w-0 text-start", me),
-								children: /* @__PURE__ */ I(r, {
-									content: Te,
+							className: d("relative -ms-1 -me-1 w-[calc(100%+8px)] overflow-hidden ps-1 pe-1", Y && $.collapsibleText, Y && !Q && $.expandedText, xe && $.collapsedText),
+							children: /* @__PURE__ */ z("div", {
+								ref: J,
+								className: d(Te, "max-w-full min-w-0 text-start", Ie),
+								children: /* @__PURE__ */ z(r, {
+									content: Ee,
 									isRawHtmlEnabled: !1,
-									rehypePlugins: Ee,
-									components: De,
+									rehypePlugins: De,
+									components: Oe,
 									classNames: D,
 									urlTransform: O,
-									codeBlockCopyLabel: le,
-									codeBlockCopiedLabel: H,
+									codeBlockCopyLabel: pe,
+									codeBlockCopiedLabel: me,
 									codeBlockDownloadLabel: U,
 									codeBlockTheme: k,
-									tableActionLabels: ge,
-									tableDownloadFilename: J,
-									tableOnOpenInCanvas: ne,
-									tableScrollRegionAriaLabel: Y,
-									mathScrollRegionAriaLabel: Z
+									tableActionLabels: q,
+									tableDownloadFilename: _e,
+									tableOnOpenInCanvas: A,
+									tableScrollRegionAriaLabel: ve,
+									mathScrollRegionAriaLabel: be
 								})
 							})
-						}), Q && /* @__PURE__ */ I(x, {
-							label: /* @__PURE__ */ I(F, { children: Ae }),
-							iconBefore: /* @__PURE__ */ I(Me, {
+						}), Y && /* @__PURE__ */ z(x, {
+							label: /* @__PURE__ */ z(R, { children: Me }),
+							iconBefore: /* @__PURE__ */ z(Re, {
 								size: g.SM,
 								"aria-hidden": "true"
 							}),
-							"aria-label": je,
-							"aria-expanded": !$,
-							"aria-controls": Ne,
+							"aria-label": Ne,
+							"aria-expanded": !Q,
+							"aria-controls": ze,
 							className: "mt-3",
-							onClick: xe,
+							onClick: Se,
 							size: v.Small
 						})]
 					})
 				}),
-				/* @__PURE__ */ I(de, {
+				/* @__PURE__ */ z(ye, {
 					...o,
 					isAlwaysVisible: m,
+					leadingContent: ae == null ? o?.leadingContent : /* @__PURE__ */ B(R, { children: [ae, o?.leadingContent] }),
 					role: a.User
 				})
 			]
 		})
 	});
-}, ge = ({ role: e, beforeContent: t, textSegments: n, onAttachmentClick: r, responseFormat: i, markdownComponents: o, markdownUrlTransform: s, ...c }) => e === a.Status ? /* @__PURE__ */ I(Y, { labels: {
+}, ze = ({ role: e, beforeContent: t, textSegments: n, onAttachmentClick: r, responseFormat: i, markdownComponents: o, markdownUrlTransform: s, ...c }) => e === a.Status ? /* @__PURE__ */ z(Ne, { labels: {
 	titleText: c.labels?.statusTitleText,
 	bodyText: c.labels?.statusBodyText ?? ""
-} }) : e === a.User ? /* @__PURE__ */ I(Z, {
+} }) : e === a.User ? /* @__PURE__ */ z(Re, {
 	...c,
 	textSegments: n,
 	markdownUrlTransform: s,
 	onAttachmentClick: r
-}) : /* @__PURE__ */ I(J, {
+}) : /* @__PURE__ */ z(Me, {
 	...c,
 	beforeContent: t,
 	responseFormat: i,
 	markdownComponents: o,
 	markdownUrlTransform: s,
 	onAttachmentClick: r
-}), _e = { button: "_button_tqo4d_3" }, ve = ({ rect: e, actionRef: t, onReply: n, addedRevision: r, labels: i, styles: a, portalContainer: o }) => {
-	let { colors: c, typography: l, className: u, buttonClassName: f } = a ?? {}, p = l?.fontClassName ?? "dial-small-text", g = o === void 0 ? typeof document > "u" ? null : document.body : o, y = s({
+}), Be = { button: "_button_tqo4d_3" }, Ve = ({ rect: e, actionRef: t, onReply: n, addedRevision: r, labels: i, styles: a, portalContainer: o }) => {
+	let { colors: c, typography: l, className: u, buttonClassName: f } = a ?? {}, p = l?.fontClassName ?? "dial-small-text", g;
+	g = o === void 0 ? typeof document > "u" ? null : document.body : o;
+	let y = s({
 		"--cm-reply-background": c?.background,
 		"--cm-reply-hover-background": c?.hoverBackground,
 		"--cm-reply-text": c?.text
-	}), [b, x] = O({
+	}), [b, x] = P({
 		x: 0,
 		y: 0
 	});
-	return T(() => {
+	if (M(() => {
 		if (!e || !t.current) return;
 		let n = t.current.getBoundingClientRect(), r = window.visualViewport, i = r?.offsetLeft ?? 0, a = r?.offsetTop ?? 0, o = r?.width ?? document.documentElement.clientWidth, s = r?.height ?? document.documentElement.clientHeight, c = e.top - n.height - 8 >= a + 8 ? e.top - n.height - 8 : e.bottom + 8;
 		x({
@@ -485,33 +568,92 @@ var z = {
 		f,
 		p,
 		i.reply
-	]), g ? R(/* @__PURE__ */ L(F, { children: [e && /* @__PURE__ */ I("div", {
+	]), !g) return null;
+	let C = null;
+	return e ? C = i.selectionAvailable : r > 0 && (C = /* @__PURE__ */ z("span", { children: i.attachmentAdded }, r)), V(/* @__PURE__ */ B(R, { children: [e && /* @__PURE__ */ z("div", {
 		ref: t,
 		className: d("fixed top-0 left-0 z-50 max-w-[calc(100vw-16px)]", u),
 		style: {
 			...y,
 			transform: `translate(${b.x}px, ${b.y}px)`
 		},
-		children: /* @__PURE__ */ I(m, {
+		children: /* @__PURE__ */ z(m, {
 			variant: h.Neutral,
 			size: v.Small,
 			label: i.reply,
 			onClick: n,
 			textClassName: p,
-			className: d(_e.button, "h-8 min-h-8 min-w-11 px-2 shadow-lg mobile:h-11 mobile:min-h-11", f),
-			iconAfter: /* @__PURE__ */ I(k, {
+			className: d(Be.button, "h-8 min-h-8 min-w-11 px-2 shadow-lg mobile:h-11 mobile:min-h-11", f),
+			iconAfter: /* @__PURE__ */ z(F, {
 				size: 16,
 				stroke: _,
 				"aria-hidden": "true",
 				className: "rtl:scale-x-[-1]"
 			})
 		})
-	}), /* @__PURE__ */ I("div", {
-		role: "status",
-		"aria-live": "polite",
-		className: "sr-only",
-		children: e ? i.selectionAvailable : r > 0 ? /* @__PURE__ */ I("span", { children: i.attachmentAdded }, r) : null
-	})] }), g) : null;
-};
+	}), /* @__PURE__ */ z(S, {
+		visuallyHidden: !0,
+		children: C
+	})] }), g);
+}, He = { label: "_label_1nohb_1" }, Ue = (e) => `Today ${e}`, We = (e) => `Yesterday ${e}`, Ge = ({ timestamp: e, locale: t, labels: n, className: r = "dial-small-text", colors: i }) => {
+	let a = Ce(e);
+	if (a == null) return null;
+	let { kind: o, text: c } = Te(a, /* @__PURE__ */ new Date(), t), l = c;
+	return o === q.Today ? l = (n?.today ?? Ue)(c) : o === q.Yesterday && (l = (n?.yesterday ?? We)(c)), /* @__PURE__ */ z("time", {
+		dateTime: e,
+		className: d("self-center text-center", He.label, r),
+		style: s({ "--cst-text": i?.text }),
+		children: l
+	});
+}, Ke = /* @__PURE__ */ function(e) {
+	return e.UiBug = "UI bug", e.OveractiveRefusal = "Overactive refusal", e.IncompleteResponse = "Incomplete response", e.ShouldHaveTriggeredThinking = "Should have triggered thinking", e.ShouldHaveSearchedTheWeb = "Should have searched the web", e;
+}({}), qe = O(({ onClose: e, onSubmit: t, isCommentEnabled: n = !0, labels: r }) => {
+	let { title: i = "Send negative feedback", feedbackTypeLabel: a = "What type of feedback you want to give?", selectPlaceholder: o = "Select", commentPlaceholder: s = "Type an optional comment to your feedback", sendLabel: c = "Send", categoryLabels: l } = r ?? {}, [u, d] = P(""), [f, p] = P(""), m = N(() => Object.values(Ke).map((e) => ({
+		value: e,
+		label: l?.[e] ?? e
+	})), [l]), g = k(() => {
+		t(f.trim() ? `${u}: ${f.trim()}` : u);
+	}, [
+		u,
+		f,
+		t
+	]), _ = N(() => [{
+		label: c,
+		variant: h.Primary,
+		disabled: !u,
+		onClick: g
+	}], [
+		u,
+		g,
+		c
+	]);
+	return /* @__PURE__ */ z(T, {
+		open: !0,
+		header: i,
+		onClose: e,
+		size: ee.Sm,
+		className: "h-[422px]!",
+		mainButtons: _,
+		children: /* @__PURE__ */ B("div", {
+			className: "flex h-full flex-col gap-4 px-6 py-4",
+			children: [/* @__PURE__ */ z(te, {
+				labelProps: {
+					label: a,
+					required: !0
+				},
+				options: m,
+				value: u,
+				placeholder: o,
+				onChange: (e) => d(e)
+			}), n && /* @__PURE__ */ z(E, {
+				value: f,
+				placeholder: s,
+				onChange: (e) => p(e ?? ""),
+				containerClassName: "flex-1",
+				className: "h-full"
+			})]
+		})
+	});
+});
 //#endregion
-export { J as AssistantMessageBubble, X as BubblePosition, z as CONVERSATION_MESSAGES_CLASS, de as MessageActions, ge as MessageBubble, ve as MessageSelectionReply, Y as StatusMessageBubble, Z as UserMessageBubble };
+export { Me as AssistantMessageBubble, Pe as BubblePosition, H as CONVERSATION_MESSAGES_CLASS, Ge as ConversationStartTimestamp, ye as MessageActions, ze as MessageBubble, Ve as MessageSelectionReply, Ke as NegativeFeedbackCategory, qe as NegativeFeedbackModal, Ne as StatusMessageBubble, Re as UserMessageBubble };