@epam/ai-dial-conversation-messages 1.3.0-dev.35 → 1.3.0-dev.353

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, mergeClasses as c, useCollapsedText as l } from "@epam/ai-dial-chat-shared";
-import { AttachmentGroup as u } from "@epam/ai-dial-attachment-input";
-import { Button as d, ButtonVariant as f, DIAL_ICON_SIZE as p, DIAL_KIT_ICON_STROKE as m, ElementSize as h, GhostIconButton as g, InfoMessageNotification as _, LinkButton as v, NeutralButton as y } from "@epam/ai-dial-ui-kit";
-import { useCallback as b, useEffect as x, useId as S, useLayoutEffect as C, useMemo as ee, useRef as w, useState as T } from "react";
-import { IconArrowBackUp as E, IconChevronDown as D, IconChevronUp as O, IconMarkdown as k, IconPencilMinus as A, IconRefresh as j, IconThumbDown as M, IconThumbDownFilled as N, IconThumbUp as P, IconThumbUpFilled as te, IconTrashX as ne } 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 { 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, 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, V = (e) => {
-	let t = w(null), [n, r] = T(0);
-	return x(() => {
+}, 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,416 +22,536 @@ 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
 	};
-}, H = [
+}, pe = [
 	"href",
 	"src",
 	"alt",
 	"colspan",
 	"rowspan",
 	"start"
-], U = new Set([
+], me = /* @__PURE__ */ new Set([
 	"pre",
 	"pre-wrap",
 	"pre-line",
 	"break-spaces"
-]), W = (e) => {
+]), U = (e) => {
 	let t = document.createElement(e.tagName.toLowerCase());
-	H.forEach((n) => {
+	pe.forEach((n) => {
 		let r = e.getAttribute(n);
 		r !== null && t.setAttribute(n, r);
 	});
 	let { whiteSpace: n } = window.getComputedStyle(e);
-	return U.has(n) && (t.style.whiteSpace = "pre-wrap"), t;
-}, re = (e) => e instanceof SVGElement || window.getComputedStyle(e).display === "none", G = (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) || re(e)) return null;
-	let n = W(e);
+	if (!(e instanceof Element) || W(e)) return null;
+	let n = U(e);
 	return e.childNodes.forEach((e) => {
 		let r = G(e, t);
 		r && n.appendChild(r);
 	}), n;
-}, ie = (e, t, n) => {
+}, K = (e, t, n) => {
 	let r = e, i = t;
 	for (; i && i !== n && n.contains(i);) {
-		let e = W(i);
+		let e = U(i);
 		e.appendChild(r), r = e, i = i.parentElement;
 	}
 	return r;
-}, ae = (e, t) => {
+}, he = (e, t) => {
 	let n = e.commonAncestorContainer, r = n instanceof Element ? n : n.parentElement;
 	if (!r) return null;
 	let i = G(r, e);
-	return i ? ie(i, r.parentElement, t) : null;
-}, oe = (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 = ae(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();
-}, K = { activeRating: "_activeRating_ygoee_1" }, q = 2e3, se = ({ role: e = a.User, onEdit: n, onEditHover: r, onDelete: o, onRegenerate: l, onCopy: u, onCopyMarkdown: d, onLike: f, onDislike: _, activeRating: v, isAlwaysVisible: y, isDisabled: x = !1, className: S, labels: C, colors: ee }) => {
-	let { tooltips: w, ariaLabels: E } = C ?? {}, [D, O] = T(null), [R, z] = T(""), B = n != null || o != null || l != null || u != null || d != null || f != null || _ != null, V = s({ "--ma-active-rating-text": ee?.activeRatingText }), H = b(() => {
-		u?.(), O("copy"), z(e === a.User ? E?.copiedMessageStatus ?? "Message copied to clipboard" : E?.copiedStatus ?? "Copied to clipboard"), setTimeout(() => O(null), q);
+}, _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();
 	}, [
-		u,
+		l,
 		e,
-		E?.copiedStatus,
-		E?.copiedMessageStatus
-	]), U = b(() => {
-		d?.(), O("markdown"), z(E?.copiedMarkdownStatus ?? "Copied as Markdown to clipboard"), setTimeout(() => O(null), q);
-	}, [d, E?.copiedMarkdownStatus]);
-	return B ? /* @__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": E?.actionsGroup ?? "Message actions",
+		"aria-label": D?.actionsGroup ?? "Message actions",
 		style: V,
-		className: c("flex gap-1", !y && "opacity-0 group-hover:opacity-100", S),
-		children: [/* @__PURE__ */ I("span", {
-			role: "status",
-			"aria-live": "polite",
-			className: "sr-only",
-			children: R
-		}), e === a.User ? /* @__PURE__ */ L(F, { children: [
-			u && /* @__PURE__ */ I(t, {
-				iconSize: p.SM,
-				onClick: H,
-				size: h.Small,
-				isCopied: D === "copy",
-				copyLabel: w?.copyMessage ?? "Copy message",
-				copiedLabel: w?.copied ?? "Copied!",
-				ariaLabel: E?.copyMessage ?? "Copy message",
-				isDisabled: x
+		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(g, {
-				icon: /* @__PURE__ */ I(A, {
-					size: p.SM,
-					"aria-hidden": !0,
-					stroke: m
+			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: h.Small,
-				"aria-label": E?.editMessage ?? "Edit message",
-				tooltipProps: { tooltip: w?.edit ?? "Edit" },
-				onClick: n,
-				onMouseEnter: r,
-				onFocus: r,
-				disabled: x
-			}),
-			o && /* @__PURE__ */ I(g, {
-				icon: /* @__PURE__ */ I(ne, {
-					size: p.SM,
-					"aria-hidden": !0,
-					stroke: m
+				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: h.Small,
-				"aria-label": E?.deleteMessage ?? "Delete message",
-				tooltipProps: { tooltip: w?.delete ?? "Delete" },
-				onClick: o,
-				disabled: x
-			})
-		] }) : /* @__PURE__ */ L(F, { children: [
-			l && /* @__PURE__ */ I(g, {
-				icon: /* @__PURE__ */ I(j, {
-					size: p.SM,
-					"aria-hidden": !0,
-					stroke: m
+				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: h.Small,
-				"aria-label": E?.regenerateResponse ?? "Regenerate response",
-				tooltipProps: { tooltip: w?.regenerate ?? "Regenerate" },
-				onClick: l,
-				disabled: x
-			}),
-			u && /* @__PURE__ */ I(t, {
-				iconSize: p.SM,
-				onClick: H,
-				size: h.Small,
-				isCopied: D === "copy",
-				copyLabel: w?.copy ?? "Copy",
-				copiedLabel: w?.copied ?? "Copied!",
-				ariaLabel: E?.copyResponse ?? "Copy response",
-				isDisabled: x
-			}),
-			d && /* @__PURE__ */ I(t, {
-				iconSize: p.SM,
-				onClick: U,
-				size: h.Small,
-				isCopied: D === "markdown",
-				iconCopy: /* @__PURE__ */ I(k, {
-					size: p.SM,
-					"aria-hidden": !0,
-					stroke: m
+				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: E?.copyAsMarkdown ?? "Copy as markdown",
-				isDisabled: x
-			}),
-			f && /* @__PURE__ */ I(g, {
-				icon: v === i.Like ? /* @__PURE__ */ I(te, {
-					className: K.activeRating,
-					size: p.SM,
-					"aria-hidden": !0
-				}) : /* @__PURE__ */ I(P, {
-					size: p.SM,
-					"aria-hidden": !0,
-					stroke: m
+				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: h.Small,
-				"aria-label": E?.likeResponse ?? "Like response",
-				"aria-pressed": v === i.Like,
-				tooltipProps: { tooltip: w?.like ?? "Like" },
-				onClick: f,
-				disabled: x
-			}),
-			_ && /* @__PURE__ */ I(g, {
-				icon: v === i.Dislike ? /* @__PURE__ */ I(N, {
-					className: K.activeRating,
-					size: p.SM,
-					"aria-hidden": !0
-				}) : /* @__PURE__ */ I(M, {
-					size: p.SM,
-					"aria-hidden": !0,
-					stroke: m
+				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: h.Small,
-				"aria-label": E?.dislikeResponse ?? "Dislike response",
-				"aria-pressed": v === i.Dislike,
-				tooltipProps: { tooltip: w?.dislike ?? "Dislike" },
-				onClick: _,
-				disabled: x
-			})
-		] })]
+				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;
-}, J = {
-	userBubble: "_userBubble_cq829_1",
-	collapsibleText: "_collapsibleText_cq829_6",
-	expandedText: "_expandedText_cq829_11",
-	collapsedText: "_collapsedText_cq829_15",
-	startersDivider: "_startersDivider_cq829_26",
-	text: "_text_cq829_30"
-}, ce = "[&>.cm-bubble-markdown>div>*:first-child]:indent-[var(--cm-bubble-first-line-indent,0px)]", Y = ({ text: t, contentRef: i, styles: l, actions: d, hasAlwaysVisibleActions: f, isStreaming: p, attachments: m, beforeContent: h, responseFormat: g, afterContent: _, hasThinkingPlaceholder: v = !0, starters: b, onSelectStarter: x, deploymentIconUrl: S, deploymentDisplayName: C, markdownComponents: w, markdownClassNames: T, markdownUrlTransform: E, onAttachmentClick: D, onDownloadAll: O, onAttachmentRetry: k, codeBlockTheme: A, tableOnOpenInCanvas: j, labels: M, selectedAttachmentId: N }) => {
-	let { colors: P, typography: te, className: ne, bubbleClassName: F } = l ?? {}, { attachmentClickLabel: R, attachmentDownloadLabel: B, attachmentRetryLabel: H, attachmentOpenInNewTabLabel: U, startersAriaLabel: W = "Quick reply buttons", thinkingLabel: re, codeBlockCopyLabel: G, codeBlockCopiedLabel: ie, codeBlockDownloadLabel: ae, tableCopyLabel: K, tableCopiedLabel: q, tableDownloadCsvLabel: Y, tableOpenInCanvasLabel: X, tableDownloadFilename: Z, tableScrollRegionAriaLabel: le, mathScrollRegionAriaLabel: Q, assistantMessageAriaLabel: ue = "Assistant message", deploymentIconFallbackLabel: de = "AI" } = M ?? {}, fe = ee(() => ({
-		copyLabel: K,
-		copiedLabel: q,
-		downloadCsvLabel: Y,
-		openInCanvasLabel: X
+}, 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"
+}, 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
 	}), [
-		K,
-		q,
-		Y,
-		X
-	]), pe = p ? (m ?? []).filter((t) => t.type !== e.Audio) : m ?? [], $ = !!t?.trim(), { slotRef: me, firstLineIndent: he } = V(h != null && $), ge = s({
-		"--cm-bubble-text": P?.text,
-		"--cm-starters-divider": P?.startersDivider,
-		"--cm-bubble-first-line-indent": he
-	}), _e = c(J.text, te?.fontClassName), ve = !!(S || C);
-	return /* @__PURE__ */ L("div", {
+		U,
+		W,
+		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": ue,
-		style: ge,
-		onCopy: oe,
-		className: c("flex w-full items-start gap-3", ne),
-		children: [ve && /* @__PURE__ */ I(n, {
-			src: S,
+		"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: C || de,
-			labels: { tooltip: C ?? de }
-		}), /* @__PURE__ */ L("div", {
-			className: "flex w-full min-w-0 max-w-full flex-col items-start gap-5",
-			children: [/* @__PURE__ */ L("div", {
-				className: c("flex w-full min-w-0 max-w-full flex-col items-start gap-4", F),
+			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__ */ B("div", {
+				className: d("flex w-full max-w-full min-w-0 flex-col items-start gap-4", ie),
 				children: [
-					h != null && !$ && /* @__PURE__ */ I("div", {
+					_ != null && !Y && /* @__PURE__ */ z("div", {
 						className: "min-w-0",
-						children: h
+						children: _
 					}),
-					($ || p && v) && /* @__PURE__ */ L("div", {
+					(Y || h) && /* @__PURE__ */ B("div", {
 						"aria-live": "polite",
 						"aria-atomic": "false",
-						className: c(_e, "relative min-w-0 max-w-full text-start", h != null && $ && ce, z.assistantContent),
-						children: [h != null && $ && /* @__PURE__ */ I("div", {
-							ref: me,
-							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 min-w-0 max-w-full",
-							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: p,
-								thinkingLabel: re,
-								components: w,
-								classNames: T,
+								isPlainText: v === o.PlainText,
+								isStreaming: h,
+								thinkingLabel: V,
+								components: ee,
+								classNames: te,
 								urlTransform: E,
-								codeBlockCopyLabel: G,
-								codeBlockCopiedLabel: ie,
-								codeBlockDownloadLabel: ae,
-								codeBlockTheme: A,
-								tableActionLabels: fe,
-								tableDownloadFilename: Z,
-								tableOnOpenInCanvas: j,
-								tableScrollRegionAriaLabel: le,
-								mathScrollRegionAriaLabel: Q
+								codeBlockCopyLabel: de,
+								codeBlockCopiedLabel: pe,
+								codeBlockDownloadLabel: me,
+								codeBlockTheme: j,
+								tableActionLabels: J,
+								tableDownloadFilename: he,
+								tableOnOpenInCanvas: M,
+								tableScrollRegionAriaLabel: _e,
+								mathScrollRegionAriaLabel: ve
 							})
 						})]
 					}),
-					/* @__PURE__ */ I(u, {
-						attachments: pe,
+					/* @__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: R,
-							downloadLabel: B,
-							retryLabel: H,
-							openInNewTabLabel: U
+							clickLabel: oe,
+							downloadLabel: se,
+							retryLabel: ce,
+							openInNewTabLabel: le
 						},
-						selectedAttachmentId: N
+						selectedAttachmentId: P
 					}),
-					_,
-					/* @__PURE__ */ I(se, {
-						...d,
-						isAlwaysVisible: f,
+					y,
+					/* @__PURE__ */ z(ye, {
+						...l,
+						isAlwaysVisible: u,
+						trailingContent: L == null ? l?.trailingContent : /* @__PURE__ */ B(R, { children: [l?.trailingContent, L] }),
 						role: a.Assistant
 					})
 				]
-			}), b && b.length > 0 && x && /* @__PURE__ */ I("div", {
+			}), x && x.length > 0 && S && /* @__PURE__ */ z("div", {
 				role: "list",
-				"aria-label": W,
-				className: c("flex w-full flex-wrap gap-2 border-t pt-5", J.startersDivider),
-				children: b.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(y, {
+					children: /* @__PURE__ */ z(w, {
 						label: e.title,
 						className: "min-w-[40px]",
-						onClick: () => x(e)
+						onClick: () => S(e)
 					})
 				}, t))
 			})]
 		})]
 	});
-}, X = ({ labels: { titleText: e = "Model switched.", bodyText: t } }) => /* @__PURE__ */ I("div", {
-	role: "status",
-	"aria-live": "polite",
-	children: /* @__PURE__ */ I(_, {
-		title: e,
-		message: t,
-		textClassName: "flex-row flex-wrap gap-1"
-	})
-}), Z = /* @__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;
-}({}), le = 10, Q = ({ text: e, contentRef: t, position: n = Z.Bottom, styles: r, actions: i, hasAlwaysVisibleActions: o, attachments: d, collapsedLineCount: f = le, labels: m, textSegments: g, onAttachmentClick: _, onDownloadAll: y, onAttachmentRetry: b, selectedAttachmentId: x }) => {
-	let { colors: C, typography: ee, className: w, bubbleClassName: T } = r ?? {}, { showMoreLabel: E = "Show more", showLessLabel: k = "Show less", showMoreAriaLabel: A, showLessAriaLabel: j, attachmentClickLabel: M, attachmentDownloadLabel: N, attachmentRetryLabel: P, attachmentOpenInNewTabLabel: te, userMessageAriaLabel: ne = "User message" } = m ?? {}, { textRef: R, isTextCollapsed: B, isOverflowing: V, collapsedMaxHeight: H, expandedMaxHeight: U, isCollapsed: W, toggleCollapsed: re } = l({
+}({}), 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: he
+	}), [
+		W,
+		G,
+		K,
+		he
+	]), { textRef: J, isTextCollapsed: xe, isOverflowing: Y, collapsedMaxHeight: X, expandedMaxHeight: Z, isCollapsed: Q, toggleCollapsed: Se } = f({
 		text: e ?? "",
-		collapsedLineCount: f
-	}), G = s({
-		"--cm-bubble-user-bg": C?.userBackground,
-		"--cm-bubble-user-border": C?.userBorder,
-		"--cm-bubble-fade-start": C?.fadeStart,
-		"--cm-bubble-text": C?.text,
-		"--cm-bubble-collapsed-height": V ? `${H}px` : void 0,
-		"--cm-bubble-expanded-height": V ? `${U}px` : void 0
-	}), ie = n === Z.Top ? "rounded-ee-md rounded-se-2xl" : "rounded-se-md rounded-ee-2xl", ae = c(J.text, ee?.fontClassName), K = A ?? E, q = j ?? k, ce = W ? E : k, Y = W ? K : q, X = W ? D : O, Q = S();
-	return /* @__PURE__ */ I("div", {
+		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: Le,
+			segmentComponents: void 0
+		};
+		let { source: t, inlineSegments: n } = c(C);
+		return {
+			markdownSource: t,
+			segmentRehypePlugins: [u(n)],
+			segmentComponents: l(n)
+		};
+	}, [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": ne,
-		style: G,
-		onCopy: oe,
-		className: c("flex w-full", w),
-		children: /* @__PURE__ */ L("div", {
-			className: "ms-auto flex w-fit min-w-0 max-w-full flex-col items-end gap-4",
+		"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(u, {
-					attachments: d ?? [],
-					onAttachmentClick: _ ? (e) => {
-						let t = d?.find((t) => t.id === e);
-						t && _(t);
+				/* @__PURE__ */ z(p, {
+					attachments: y ?? [],
+					onAttachmentClick: w ? (e) => {
+						let t = y?.find((t) => t.id === e);
+						t && w(t);
 					} : void 0,
-					onDownloadAll: y,
-					onRetry: b,
+					onDownloadAll: T,
+					isAttachmentDownloadable: ee,
+					onRetry: te,
 					labels: {
-						clickLabel: M,
-						downloadLabel: N,
-						retryLabel: P,
-						openInNewTabLabel: te
+						clickLabel: le,
+						downloadLabel: ue,
+						retryLabel: V,
+						openInNewTabLabel: de
 					},
 					styles: { className: "max-w-[640px]" },
-					selectedAttachmentId: x
+					selectedAttachmentId: E
 				}),
-				e && /* @__PURE__ */ I("div", {
-					className: c(J.userBubble, "flex w-fit items-center justify-end rounded-es-2xl rounded-ss-2xl border px-6 py-4", ie, T, 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: Q,
+						children: [/* @__PURE__ */ z("div", {
+							id: ze,
 							ref: t,
-							className: c("relative -me-1 -ms-1 w-[calc(100%+8px)] overflow-hidden pe-1 ps-1", V && J.collapsibleText, V && !W && J.expandedText, B && J.collapsedText),
-							children: /* @__PURE__ */ I("p", {
-								ref: R,
-								className: c(ae, "whitespace-pre-wrap text-start [overflow-wrap:anywhere]"),
-								children: g ?? e
+							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: De,
+									components: Oe,
+									classNames: D,
+									urlTransform: O,
+									codeBlockCopyLabel: pe,
+									codeBlockCopiedLabel: me,
+									codeBlockDownloadLabel: U,
+									codeBlockTheme: k,
+									tableActionLabels: q,
+									tableDownloadFilename: _e,
+									tableOnOpenInCanvas: A,
+									tableScrollRegionAriaLabel: ve,
+									mathScrollRegionAriaLabel: be
+								})
 							})
-						}), V && /* @__PURE__ */ I(v, {
-							label: /* @__PURE__ */ I(F, { children: ce }),
-							iconBefore: /* @__PURE__ */ I(X, {
-								size: p.SM,
+						}), Y && /* @__PURE__ */ z(x, {
+							label: /* @__PURE__ */ z(R, { children: Me }),
+							iconBefore: /* @__PURE__ */ z(Re, {
+								size: g.SM,
 								"aria-hidden": "true"
 							}),
-							"aria-label": Y,
-							"aria-expanded": !W,
-							"aria-controls": Q,
+							"aria-label": Ne,
+							"aria-expanded": !Q,
+							"aria-controls": ze,
 							className: "mt-3",
-							onClick: re,
-							size: h.Small
+							onClick: Se,
+							size: v.Small
 						})]
 					})
 				}),
-				/* @__PURE__ */ I(se, {
-					...i,
-					isAlwaysVisible: o,
+				/* @__PURE__ */ z(ye, {
+					...o,
+					isAlwaysVisible: m,
+					leadingContent: ae == null ? o?.leadingContent : /* @__PURE__ */ B(R, { children: [ae, o?.leadingContent] }),
 					role: a.User
 				})
 			]
 		})
 	});
-}, ue = ({ role: e, beforeContent: t, textSegments: n, onAttachmentClick: r, responseFormat: i, markdownComponents: o, markdownUrlTransform: s, ...c }) => e === a.Status ? /* @__PURE__ */ I(X, { 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(Q, {
+} }) : e === a.User ? /* @__PURE__ */ z(Re, {
 	...c,
 	textSegments: n,
+	markdownUrlTransform: s,
 	onAttachmentClick: r
-}) : /* @__PURE__ */ I(Y, {
+}) : /* @__PURE__ */ z(Me, {
 	...c,
 	beforeContent: t,
 	responseFormat: i,
 	markdownComponents: o,
 	markdownUrlTransform: s,
 	onAttachmentClick: r
-}), de = { button: "_button_tqo4d_3" }, fe = ({ rect: e, actionRef: t, onReply: n, addedRevision: r, labels: i, styles: a, portalContainer: o }) => {
-	let { colors: l, typography: u, className: p, buttonClassName: g } = a ?? {}, _ = u?.fontClassName ?? "dial-small-text", v = o === void 0 ? typeof document > "u" ? null : document.body : o, y = s({
-		"--cm-reply-background": l?.background,
-		"--cm-reply-hover-background": l?.hoverBackground,
-		"--cm-reply-text": l?.text
-	}), [b, x] = T({
+}), 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 = o === void 0 ? typeof document > "u" ? null : document.body : o, y = s({
+		"--cm-reply-background": c?.background,
+		"--cm-reply-hover-background": c?.hoverBackground,
+		"--cm-reply-text": c?.text
+	}), [b, x] = P({
 		x: 0,
 		y: 0
 	});
-	return C(() => {
+	return 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({
@@ -441,38 +561,95 @@ var z = {
 	}, [
 		e,
 		t,
-		v,
-		p,
 		g,
-		_,
+		u,
+		f,
+		p,
 		i.reply
-	]), v ? R(/* @__PURE__ */ L(F, { children: [e && /* @__PURE__ */ I("div", {
+	]), g ? V(/* @__PURE__ */ B(R, { children: [e && /* @__PURE__ */ z("div", {
 		ref: t,
-		className: c("fixed left-0 top-0 z-50 max-w-[calc(100vw-16px)]", p),
+		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(d, {
-			variant: f.Neutral,
-			size: h.Small,
+		children: /* @__PURE__ */ z(m, {
+			variant: h.Neutral,
+			size: v.Small,
 			label: i.reply,
 			onClick: n,
-			textClassName: _,
-			className: c(de.button, "h-8 min-h-8 min-w-11 px-2 shadow-lg mobile:h-11 mobile:min-h-11", g),
-			iconAfter: /* @__PURE__ */ I(E, {
+			textClassName: p,
+			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: m,
+				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
-	})] }), v) : null;
-};
+	}), /* @__PURE__ */ z(S, {
+		visuallyHidden: !0,
+		children: e ? i.selectionAvailable : r > 0 ? /* @__PURE__ */ z("span", { children: i.attachmentAdded }, r) : null
+	})] }), g) : null;
+}, 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 { Y as AssistantMessageBubble, Z as BubblePosition, z as CONVERSATION_MESSAGES_CLASS, se as MessageActions, ue as MessageBubble, fe as MessageSelectionReply, X as StatusMessageBubble, Q 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 };