@epam/ai-dial-conversation-messages 1.3.0-dev.33 → 1.3.0-dev.331

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 E, Select as D, Textarea as O, Tooltip as k } from "@epam/ai-dial-ui-kit";
+import { memo as A, useCallback as j, useEffect as M, useId as N, useLayoutEffect as P, useMemo as F, useRef as ee, useState as I } from "react";
+import { IconArrowBackUp as L, IconChevronDown as R, IconChevronUp as te, IconMarkdown as ne, IconPencilMinus as re, IconRefresh as z, IconThumbDown as ie, IconThumbDownFilled as ae, IconThumbUp as oe, IconThumbUpFilled as se, IconTrashX as ce } from "@tabler/icons-react";
+import { Fragment as B, jsx as V, jsxs as H } from "react/jsx-runtime";
+import { createPortal as le } from "react-dom";
 //#region src/constants/public-class-names.ts
-var z = {
+var U = {
 	userBubble: "dial-cm-user-bubble",
 	assistantContent: "dial-cm-assistant-content"
-}, B = 4, V = (e) => {
-	let t = w(null), [n, r] = T(0);
-	return x(() => {
+}, ue = 4, de = (e) => {
+	let t = ee(null), [n, r] = I(0);
+	return M(() => {
 		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 + ${ue}px)` : void 0
 	};
-}, H = [
+}, fe = [
 	"href",
 	"src",
 	"alt",
 	"colspan",
 	"rowspan",
 	"start"
-], U = new Set([
+], pe = /* @__PURE__ */ new Set([
 	"pre",
 	"pre-wrap",
 	"pre-line",
 	"break-spaces"
 ]), W = (e) => {
 	let t = document.createElement(e.tagName.toLowerCase());
-	H.forEach((n) => {
+	fe.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 pe.has(n) && (t.style.whiteSpace = "pre-wrap"), t;
+}, G = (e) => e instanceof SVGElement || window.getComputedStyle(e).display === "none", K = (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;
+	if (!(e instanceof Element) || G(e)) return null;
 	let n = W(e);
 	return e.childNodes.forEach((e) => {
-		let r = G(e, t);
+		let r = K(e, t);
 		r && n.appendChild(r);
 	}), n;
-}, ie = (e, t, n) => {
+}, q = (e, t, n) => {
 	let r = e, i = t;
 	for (; i && i !== n && n.contains(i);) {
 		let e = W(i);
 		e.appendChild(r), r = e, i = i.parentElement;
 	}
 	return r;
-}, ae = (e, t) => {
+}, me = (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) => {
+	let i = K(r, e);
+	return i ? q(i, r.parentElement, t) : null;
+}, he = (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 = me(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);
+}, ge = { activeRating: "_activeRating_ygoee_1" }, _e = 2e3, ve = ({ 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: E, colors: D }) => {
+	let { tooltips: O, ariaLabels: k } = E ?? {}, [A, N] = I(null), [P, F] = I(""), L = ee(void 0);
+	M(() => () => clearTimeout(L.current), []);
+	let R = j(() => {
+		clearTimeout(L.current), L.current = setTimeout(() => N(null), _e);
+	}, []), te = n != null || o != null || c != null || l != null || u != null || f != null || p != null || b != null || x != null, le = s({ "--ma-active-rating-text": D?.activeRatingText }), U = j(() => {
+		l?.(), N("copy"), F(e === a.User ? k?.copiedMessageStatus ?? "Message copied to clipboard" : k?.copiedStatus ?? "Copied to clipboard"), R();
 	}, [
-		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", {
+		k?.copiedStatus,
+		k?.copiedMessageStatus,
+		R
+	]), ue = j(() => {
+		u?.(), N("markdown"), F(k?.copiedMarkdownStatus ?? "Copied as Markdown to clipboard"), R();
+	}, [
+		u,
+		k?.copiedMarkdownStatus,
+		R
+	]);
+	return te ? /* @__PURE__ */ H("div", {
 		role: "toolbar",
-		"aria-label": E?.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
+		"aria-label": k?.actionsGroup ?? "Message actions",
+		style: le,
+		className: d("flex items-center gap-1", !h && "opacity-0 group-hover:opacity-100", T),
+		children: [
+			b,
+			/* @__PURE__ */ V(S, {
+				visuallyHidden: !0,
+				as: C.Span,
+				children: P
 			}),
-			n && /* @__PURE__ */ I(g, {
-				icon: /* @__PURE__ */ I(A, {
-					size: p.SM,
-					"aria-hidden": !0,
-					stroke: m
+			e === a.User ? /* @__PURE__ */ H(B, { children: [
+				l && /* @__PURE__ */ V(t, {
+					iconSize: g.SM,
+					onClick: U,
+					size: v.Small,
+					isCopied: A === "copy",
+					copyLabel: O?.copyMessage ?? "Copy message",
+					copiedLabel: O?.copied ?? "Copied!",
+					ariaLabel: k?.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__ */ V(y, {
+					icon: /* @__PURE__ */ V(re, {
+						size: g.SM,
+						"aria-hidden": !0,
+						stroke: _
+					}),
+					size: v.Small,
+					"aria-label": k?.editMessage ?? "Edit message",
+					tooltipProps: { tooltip: O?.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__ */ V(y, {
+					icon: /* @__PURE__ */ V(ce, {
+						size: g.SM,
+						"aria-hidden": !0,
+						stroke: _
+					}),
+					size: v.Small,
+					"aria-label": k?.deleteMessage ?? "Delete message",
+					tooltipProps: { tooltip: O?.delete ?? "Delete" },
+					onClick: o,
+					disabled: w
+				})
+			] }) : /* @__PURE__ */ H(B, { children: [
+				c && /* @__PURE__ */ V(y, {
+					icon: /* @__PURE__ */ V(z, {
+						size: g.SM,
+						"aria-hidden": !0,
+						stroke: _
+					}),
+					size: v.Small,
+					"aria-label": k?.regenerateResponse ?? "Regenerate response",
+					tooltipProps: { tooltip: O?.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__ */ V(t, {
+					iconSize: g.SM,
+					onClick: U,
+					size: v.Small,
+					isCopied: A === "copy",
+					copyLabel: O?.copy ?? "Copy",
+					copiedLabel: O?.copied ?? "Copied!",
+					ariaLabel: k?.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__ */ V(t, {
+					iconSize: g.SM,
+					onClick: ue,
+					size: v.Small,
+					isCopied: A === "markdown",
+					iconCopy: /* @__PURE__ */ V(ne, {
+						size: g.SM,
+						"aria-hidden": !0,
+						stroke: _
+					}),
+					copyLabel: O?.copyMarkdown ?? "Copy as Markdown",
+					copiedLabel: O?.copiedMarkdown ?? "Copied!",
+					ariaLabel: k?.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__ */ V(y, {
+					icon: m === i.Like ? /* @__PURE__ */ V(se, {
+						className: ge.activeRating,
+						size: g.SM,
+						"aria-hidden": !0
+					}) : /* @__PURE__ */ V(oe, {
+						size: g.SM,
+						"aria-hidden": !0,
+						stroke: _
+					}),
+					size: v.Small,
+					"aria-label": k?.likeResponse ?? "Like response",
+					"aria-pressed": m === i.Like,
+					tooltipProps: { tooltip: O?.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__ */ V(y, {
+					icon: m === i.Dislike ? /* @__PURE__ */ V(ae, {
+						className: ge.activeRating,
+						size: g.SM,
+						"aria-hidden": !0
+					}) : /* @__PURE__ */ V(ie, {
+						size: g.SM,
+						"aria-hidden": !0,
+						stroke: _
+					}),
+					size: v.Small,
+					"aria-label": k?.dislikeResponse ?? "Dislike response",
+					"aria-pressed": m === i.Dislike,
+					tooltipProps: { tooltip: O?.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
+}, ye = (e) => {
+	let [t, n] = I(() => /* @__PURE__ */ new Date());
+	return M(() => {
+		let t = setInterval(() => n(/* @__PURE__ */ new Date()), e);
+		return () => clearInterval(t);
+	}, [e]), t;
+}, J = /* @__PURE__ */ function(e) {
+	return e.Today = "today", e.Yesterday = "yesterday", e.Absolute = "absolute", e;
+}({}), Y = {
+	hour: "numeric",
+	minute: "2-digit"
+}, be = {
+	year: "numeric",
+	month: "short",
+	day: "numeric",
+	...Y
+}, X = 60, xe = 3600, Z = 24 * xe, Q = [
+	["year", 365 * Z],
+	["month", 30 * Z],
+	["week", 7 * Z],
+	["day", Z],
+	["hour", xe],
+	["minute", X]
+], 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, be).format(e), Te = (e, t, n) => {
+	let r = new Date(t.getFullYear(), t.getMonth(), t.getDate() - 1);
+	return Se(e, t) ? {
+		kind: J.Today,
+		text: new Intl.DateTimeFormat(n, Y).format(e)
+	} : Se(e, r) ? {
+		kind: J.Yesterday,
+		text: new Intl.DateTimeFormat(n, Y).format(e)
+	} : {
+		kind: J.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 = ye(Oe), i = Ce(e);
+	return i == null ? null : /* @__PURE__ */ V(k, {
+		tooltip: we(i, t),
+		asChild: !0,
+		children: /* @__PURE__ */ V("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: E, markdownClassNames: D, markdownUrlTransform: O, onAttachmentClick: k, onDownloadAll: A, isAttachmentDownloadable: j, onAttachmentRetry: M, codeBlockTheme: N, tableOnOpenInCanvas: P, labels: ee, selectedAttachmentId: I }) => {
+	let { colors: L, typography: R, className: te, bubbleClassName: ne, timestampClassName: re } = c ?? {}, z = f == null ? void 0 : /* @__PURE__ */ V(Ae, {
+		timestamp: f,
+		locale: m,
+		className: re
+	}), { attachmentClickLabel: ie, attachmentDownloadLabel: ae, attachmentRetryLabel: oe, attachmentOpenInNewTabLabel: se, startersAriaLabel: ce = "Quick reply buttons", thinkingLabel: le, codeBlockCopyLabel: ue, codeBlockCopiedLabel: fe, codeBlockDownloadLabel: pe, tableCopyLabel: W, tableCopiedLabel: G, tableDownloadCsvLabel: K, tableOpenInCanvasLabel: q, tableDownloadFilename: me, tableScrollRegionAriaLabel: ge, mathScrollRegionAriaLabel: _e, assistantMessageAriaLabel: ye = "Assistant message", deploymentIconFallbackLabel: J = "AI" } = ee ?? {}, Y = F(() => ({
+		copyLabel: W,
+		copiedLabel: G,
+		downloadCsvLabel: K,
+		openInCanvasLabel: q
 	}), [
+		W,
+		G,
 		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", {
+		q
+	]), be = h ? (g ?? []).filter((t) => t.type !== e.Audio) : g ?? [], X = !!t?.trim(), { slotRef: xe, firstLineIndent: Z } = de(_ != null && X), Q = s({
+		"--cm-bubble-text": L?.text,
+		"--cm-starters-divider": L?.startersDivider,
+		"--cm-timestamp-text": L?.timestampText,
+		"--cm-bubble-first-line-indent": Z
+	}), Se = d($.text, R?.fontClassName), Ce = !!(C || T);
+	return /* @__PURE__ */ H("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": ye,
+		style: Q,
+		onCopy: he,
+		className: d("group/message flex w-full items-start gap-3", te),
+		children: [Ce && /* @__PURE__ */ V(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 || J,
+			labels: { tooltip: T ?? J }
+		}), /* @__PURE__ */ H("div", {
+			className: "flex w-full max-w-full min-w-0 flex-col items-start gap-5",
+			children: [/* @__PURE__ */ H("div", {
+				className: d("flex w-full max-w-full min-w-0 flex-col items-start gap-4", ne),
 				children: [
-					h != null && !$ && /* @__PURE__ */ I("div", {
+					_ != null && !X && /* @__PURE__ */ V("div", {
 						className: "min-w-0",
-						children: h
+						children: _
 					}),
-					($ || p && v) && /* @__PURE__ */ L("div", {
+					(X || h && b) && /* @__PURE__ */ H("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(Se, "relative max-w-full min-w-0 text-start", _ != null && X && je, U.assistantContent),
+						children: [_ != null && X && /* @__PURE__ */ V("div", {
+							ref: xe,
+							className: "absolute inset-s-0 top-0",
+							children: _
+						}), /* @__PURE__ */ V("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__ */ V(r, {
 								content: t ?? "",
-								isPlainText: g === o.PlainText,
-								isStreaming: p,
-								thinkingLabel: re,
-								components: w,
-								classNames: T,
-								urlTransform: E,
-								codeBlockCopyLabel: G,
-								codeBlockCopiedLabel: ie,
-								codeBlockDownloadLabel: ae,
-								codeBlockTheme: A,
-								tableActionLabels: fe,
-								tableDownloadFilename: Z,
-								tableOnOpenInCanvas: j,
-								tableScrollRegionAriaLabel: le,
-								mathScrollRegionAriaLabel: Q
+								isPlainText: v === o.PlainText,
+								isStreaming: h,
+								thinkingLabel: le,
+								components: E,
+								classNames: D,
+								urlTransform: O,
+								codeBlockCopyLabel: ue,
+								codeBlockCopiedLabel: fe,
+								codeBlockDownloadLabel: pe,
+								codeBlockTheme: N,
+								tableActionLabels: Y,
+								tableDownloadFilename: me,
+								tableOnOpenInCanvas: P,
+								tableScrollRegionAriaLabel: ge,
+								mathScrollRegionAriaLabel: _e
 							})
 						})]
 					}),
-					/* @__PURE__ */ I(u, {
-						attachments: pe,
-						onAttachmentClick: D ? (e) => {
-							let t = m?.find((t) => t.id === e);
-							t && D(t);
+					/* @__PURE__ */ V(p, {
+						attachments: be,
+						onAttachmentClick: k ? (e) => {
+							let t = g?.find((t) => t.id === e);
+							t && k(t);
 						} : void 0,
-						onDownloadAll: O,
-						onRetry: k,
+						onDownloadAll: A,
+						isAttachmentDownloadable: j,
+						onRetry: M,
 						labels: {
-							clickLabel: R,
-							downloadLabel: B,
-							retryLabel: H,
-							openInNewTabLabel: U
+							clickLabel: ie,
+							downloadLabel: ae,
+							retryLabel: oe,
+							openInNewTabLabel: se
 						},
-						selectedAttachmentId: N
+						selectedAttachmentId: I
 					}),
-					_,
-					/* @__PURE__ */ I(se, {
-						...d,
-						isAlwaysVisible: f,
+					y,
+					/* @__PURE__ */ V(ve, {
+						...l,
+						isAlwaysVisible: u,
+						trailingContent: z == null ? l?.trailingContent : /* @__PURE__ */ H(B, { children: [l?.trailingContent, z] }),
 						role: a.Assistant
 					})
 				]
-			}), b && b.length > 0 && x && /* @__PURE__ */ I("div", {
+			}), x && x.length > 0 && S && /* @__PURE__ */ V("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": ce,
+				className: d("flex w-full flex-wrap gap-2 border-t pt-5", $.startersDivider),
+				children: x.map((e, t) => /* @__PURE__ */ V("div", {
 					role: "listitem",
 					className: "min-w-[40px]",
-					children: /* @__PURE__ */ I(y, {
+					children: /* @__PURE__ */ V(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__ */ V(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: E, onAttachmentRetry: D, selectedAttachmentId: O, markdownClassNames: k, markdownUrlTransform: A, codeBlockTheme: j, tableOnOpenInCanvas: M }) => {
+	let { colors: P, typography: ee, className: I, bubbleClassName: L, timestampClassName: ne } = i ?? {}, re = h == null ? void 0 : /* @__PURE__ */ V(Ae, {
+		timestamp: h,
+		locale: _,
+		className: ne
+	}), { showMoreLabel: z = "Show more", showLessLabel: ie = "Show less", showMoreAriaLabel: ae, showLessAriaLabel: oe, attachmentClickLabel: se, attachmentDownloadLabel: ce, attachmentRetryLabel: le, attachmentOpenInNewTabLabel: ue, userMessageAriaLabel: de = "User message", codeBlockCopyLabel: fe, codeBlockCopiedLabel: pe, codeBlockDownloadLabel: W, tableCopyLabel: G, tableCopiedLabel: K, tableDownloadCsvLabel: q, tableOpenInCanvasLabel: me, tableDownloadFilename: ge, tableScrollRegionAriaLabel: _e, mathScrollRegionAriaLabel: ye } = S ?? {}, J = F(() => ({
+		copyLabel: G,
+		copiedLabel: K,
+		downloadCsvLabel: q,
+		openInCanvasLabel: me
+	}), [
+		G,
+		K,
+		q,
+		me
+	]), { textRef: Y, isTextCollapsed: be, isOverflowing: X, collapsedMaxHeight: xe, 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": P?.userBackground,
+		"--cm-bubble-user-border": P?.userBorder,
+		"--cm-bubble-fade-start": P?.fadeStart,
+		"--cm-bubble-text": P?.text,
+		"--cm-timestamp-text": P?.timestampText,
+		"--cm-bubble-collapsed-height": X ? `${xe}px` : void 0,
+		"--cm-bubble-expanded-height": X ? `${Z}px` : void 0
+	}), we = n === Pe.Top ? "rounded-ee-md rounded-se-2xl" : "rounded-se-md rounded-ee-2xl", Te = d($.text, ee?.fontClassName), { markdownSource: Ee, segmentRehypePlugins: De, segmentComponents: Oe } = F(() => {
+		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 = ae ?? z, je = oe ?? ie, Me = Q ? z : ie, Ne = Q ? ke : je, Re = Q ? R : te, ze = N();
+	return /* @__PURE__ */ V("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": de,
+		style: Ce,
+		onCopy: he,
+		className: d("group/message flex w-full", I),
+		children: /* @__PURE__ */ H("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__ */ V(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: E,
+					onRetry: D,
 					labels: {
-						clickLabel: M,
-						downloadLabel: N,
-						retryLabel: P,
-						openInNewTabLabel: te
+						clickLabel: se,
+						downloadLabel: ce,
+						retryLabel: le,
+						openInNewTabLabel: ue
 					},
 					styles: { className: "max-w-[640px]" },
-					selectedAttachmentId: x
+					selectedAttachmentId: O
 				}),
-				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__ */ V("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, L, U.userBubble),
+					children: /* @__PURE__ */ H("div", {
 						className: "flex min-w-0 flex-col items-start",
-						children: [/* @__PURE__ */ I("div", {
-							id: Q,
+						children: [/* @__PURE__ */ V("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", X && $.collapsibleText, X && !Q && $.expandedText, be && $.collapsedText),
+							children: /* @__PURE__ */ V("div", {
+								ref: Y,
+								className: d(Te, "max-w-full min-w-0 text-start", Ie),
+								children: /* @__PURE__ */ V(r, {
+									content: Ee,
+									isRawHtmlEnabled: !1,
+									rehypePlugins: De,
+									components: Oe,
+									classNames: k,
+									urlTransform: A,
+									codeBlockCopyLabel: fe,
+									codeBlockCopiedLabel: pe,
+									codeBlockDownloadLabel: W,
+									codeBlockTheme: j,
+									tableActionLabels: J,
+									tableDownloadFilename: ge,
+									tableOnOpenInCanvas: M,
+									tableScrollRegionAriaLabel: _e,
+									mathScrollRegionAriaLabel: ye
+								})
 							})
-						}), V && /* @__PURE__ */ I(v, {
-							label: /* @__PURE__ */ I(F, { children: ce }),
-							iconBefore: /* @__PURE__ */ I(X, {
-								size: p.SM,
+						}), X && /* @__PURE__ */ V(x, {
+							label: /* @__PURE__ */ V(B, { children: Me }),
+							iconBefore: /* @__PURE__ */ V(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__ */ V(ve, {
+					...o,
+					isAlwaysVisible: m,
+					leadingContent: re == null ? o?.leadingContent : /* @__PURE__ */ H(B, { children: [re, 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__ */ V(Ne, { labels: {
 	titleText: c.labels?.statusTitleText,
 	bodyText: c.labels?.statusBodyText ?? ""
-} }) : e === a.User ? /* @__PURE__ */ I(Q, {
+} }) : e === a.User ? /* @__PURE__ */ V(Re, {
 	...c,
 	textSegments: n,
+	markdownUrlTransform: s,
 	onAttachmentClick: r
-}) : /* @__PURE__ */ I(Y, {
+}) : /* @__PURE__ */ V(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] = I({
 		x: 0,
 		y: 0
 	});
-	return C(() => {
+	return P(() => {
 		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 ? le(/* @__PURE__ */ H(B, { children: [e && /* @__PURE__ */ V("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__ */ V(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__ */ V(L, {
 				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__ */ V(S, {
+		visuallyHidden: !0,
+		children: e ? i.selectionAvailable : r > 0 ? /* @__PURE__ */ V("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 === J.Today ? l = (n?.today ?? Ue)(c) : o === J.Yesterday && (l = (n?.yesterday ?? We)(c)), /* @__PURE__ */ V("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 = A(({ 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] = I(""), [f, p] = I(""), m = F(() => Object.values(Ke).map((e) => ({
+		value: e,
+		label: l?.[e] ?? e
+	})), [l]), g = j(() => {
+		t(f.trim() ? `${u}: ${f.trim()}` : u);
+	}, [
+		u,
+		f,
+		t
+	]), _ = F(() => [{
+		label: c,
+		variant: h.Primary,
+		disabled: !u,
+		onClick: g
+	}], [
+		u,
+		g,
+		c
+	]);
+	return /* @__PURE__ */ V(T, {
+		open: !0,
+		header: i,
+		onClose: e,
+		size: E.Sm,
+		className: "h-[422px]!",
+		mainButtons: _,
+		children: /* @__PURE__ */ H("div", {
+			className: "flex h-full flex-col gap-4 px-6 py-4",
+			children: [/* @__PURE__ */ V(D, {
+				labelProps: {
+					label: a,
+					required: !0
+				},
+				options: m,
+				value: u,
+				placeholder: o,
+				onChange: (e) => d(e)
+			}), n && /* @__PURE__ */ V(O, {
+				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, U as CONVERSATION_MESSAGES_CLASS, Ge as ConversationStartTimestamp, ve as MessageActions, ze as MessageBubble, Ve as MessageSelectionReply, Ke as NegativeFeedbackCategory, qe as NegativeFeedbackModal, Ne as StatusMessageBubble, Re as UserMessageBubble };