@epam/ai-dial-conversation-messages 1.0.0-dev.471 → 1.0.0-dev.475

package/index.js

@@ -1,14 +1,14 @@
 import { AttachmentErrorReason as e, AttachmentType as t, CodeBlockTheme as n, DeploymentIcon as r, Highlight as i, MDMessageViewer as a, MIME_TYPE_EXT_MAP as o, MessageRating as s, MessageRole as c, RequestStatus as l, ResponseFormat as u, buildCssVars as d, mergeClasses as f, useCollapsedText as p } from "@epam/ai-dial-chat-shared";
 import { DIAL_ICON_SIZE as m, DialGhostIconButton as h, DialInput as g, DialLinkButton as _, DialNotification as v, DialPopup as y, DialPrimaryButton as b, DialRadioGroup as x, DialRoundedButton as S, DialSkeleton as C, DialSkeletonVariant as w, DialSlider as T, DialSpinner as E, DialTag as D, DialTooltip as O, ElementSize as k, PopupSize as A, RadioGroupOrientation as j } from "@epam/ai-dial-ui-kit";
-import { IconCheck as M, IconChevronDown as N, IconChevronUp as P, IconClipboard as F, IconCopy as I, IconDownload as L, IconFile as R, IconFileTypeBmp as ee, IconFileTypeCss as te, IconFileTypeCsv as z, IconFileTypeDoc as ne, IconFileTypeDocx as B, IconFileTypeHtml as V, IconFileTypeJpg as H, IconFileTypeJs as re, IconFileTypeJsx as U, IconFileTypePdf as ie, IconFileTypePhp as ae, IconFileTypePng as oe, IconFileTypePpt as W, IconFileTypeRs as se, IconFileTypeSql as ce, IconFileTypeSvg as le, IconFileTypeTs as ue, IconFileTypeTsx as de, IconFileTypeTxt as fe, IconFileTypeVue as pe, IconFileTypeXls as me, IconFileTypeXml as he, IconFileTypeZip as ge, IconMarkdown as _e, IconMusic as ve, IconPaperclip as ye, IconPencilMinus as be, IconPhoto as G, IconRefresh as xe, IconReload as Se, IconTerminal2 as Ce, IconThumbDown as we, IconThumbUp as Te, IconTrashX as Ee, IconVideo as De, IconX as Oe } from "@tabler/icons-react";
+import { IconCheck as M, IconChevronDown as N, IconChevronUp as P, IconClipboard as F, IconCopy as I, IconDownload as L, IconFile as R, IconFileTypeBmp as z, IconFileTypeCss as B, IconFileTypeCsv as V, IconFileTypeDoc as ee, IconFileTypeDocx as H, IconFileTypeHtml as U, IconFileTypeJpg as te, IconFileTypeJs as ne, IconFileTypeJsx as W, IconFileTypePdf as G, IconFileTypePhp as re, IconFileTypePng as ie, IconFileTypePpt as ae, IconFileTypeRs as oe, IconFileTypeSql as se, IconFileTypeSvg as ce, IconFileTypeTs as le, IconFileTypeTsx as ue, IconFileTypeTxt as de, IconFileTypeVue as fe, IconFileTypeXls as pe, IconFileTypeXml as me, IconFileTypeZip as he, IconMarkdown as ge, IconMusic as _e, IconPaperclip as ve, IconPencilMinus as ye, IconPhoto as be, IconRefresh as xe, IconReload as Se, IconTerminal2 as Ce, IconThumbDown as we, IconThumbUp as Te, IconTrashX as Ee, IconVideo as De, IconX as Oe } from "@tabler/icons-react";
 import "react-dom";
-import { memo as ke, useCallback as Ae, useEffect as je, useMemo as Me, useRef as Ne, useState as K } from "react";
+import { memo as ke, useCallback as Ae, useEffect as je, useId as Me, useMemo as Ne, useRef as Pe, useState as K } from "react";
 import { Fragment as q, jsx as J, jsxs as Y } from "react/jsx-runtime";
 //#region ../attachment-input/dist/index.js
-var Pe = /* @__PURE__ */ function(e) {
+var Fe = /* @__PURE__ */ function(e) {
 	return e.Idle = "idle", e.Loading = "loading", e.Loaded = "loaded", e.Error = "error", e;
-}({}), Fe = ({ enabled: e, src: t }) => {
-	let n = Ne(null), [r, i] = K("idle");
+}({}), Ie = ({ enabled: e, src: t }) => {
+	let n = Pe(null), [r, i] = K("idle");
 	return je(() => {
 		i(e && t ? "loading" : "idle");
 	}, [e, t]), je(() => {
@@ -34,75 +34,75 @@ var Pe = /* @__PURE__ */ function(e) {
 	actionBtn: "_actionBtn_1wsze_32",
 	removeBtnImage: "_removeBtnImage_1wsze_43",
 	hoverDownloadIcon: "_hoverDownloadIcon_1wsze_51"
-}, Ie = (e) => {
+}, Le = (e) => {
 	if (!e) return R;
 	if (e.startsWith("image/")) switch (e) {
 		case "image/jpeg":
-		case "image/jpg": return H;
-		case "image/png": return oe;
-		case "image/svg+xml": return le;
-		case "image/bmp": return ee;
-		default: return G;
+		case "image/jpg": return te;
+		case "image/png": return ie;
+		case "image/svg+xml": return ce;
+		case "image/bmp": return z;
+		default: return be;
 	}
 	if (e.startsWith("video/")) return De;
-	if (e.startsWith("audio/")) return ve;
+	if (e.startsWith("audio/")) return _e;
 	switch (e) {
-		case "application/pdf": return ie;
+		case "application/pdf": return G;
 		case "application/msword":
-		case "application/vnd.ms-word": return ne;
-		case "application/vnd.openxmlformats-officedocument.wordprocessingml.document": return B;
-		case "application/vnd.ms-powerpoint": return W;
-		case "application/vnd.openxmlformats-officedocument.presentationml.presentation": return W;
-		case "application/vnd.ms-excel": return me;
-		case "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet": return me;
+		case "application/vnd.ms-word": return ee;
+		case "application/vnd.openxmlformats-officedocument.wordprocessingml.document": return H;
+		case "application/vnd.ms-powerpoint": return ae;
+		case "application/vnd.openxmlformats-officedocument.presentationml.presentation": return ae;
+		case "application/vnd.ms-excel": return pe;
+		case "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet": return pe;
 		case "application/zip":
 		case "application/x-zip-compressed":
 		case "application/x-rar-compressed":
 		case "application/x-7z-compressed":
 		case "application/gzip":
-		case "application/x-tar": return ge;
-		case "text/csv": return z;
-		case "text/plain": return fe;
+		case "application/x-tar": return he;
+		case "text/csv": return V;
+		case "text/plain": return de;
 		case "text/html":
-		case "application/xhtml+xml": return V;
+		case "application/xhtml+xml": return U;
 		case "text/xml":
-		case "application/xml": return he;
+		case "application/xml": return me;
 		case "application/sql":
-		case "text/x-sql": return ce;
+		case "text/x-sql": return se;
 		case "text/javascript":
-		case "application/javascript": return re;
-		case "text/jsx": return U;
+		case "application/javascript": return ne;
+		case "text/jsx": return W;
 		case "application/typescript":
-		case "text/typescript": return ue;
-		case "text/tsx": return de;
-		case "text/css": return te;
+		case "text/typescript": return le;
+		case "text/tsx": return ue;
+		case "text/css": return B;
 		case "text/x-php":
-		case "application/x-php": return ae;
+		case "application/x-php": return re;
 		case "text/x-rustsrc":
-		case "application/x-rust": return se;
-		case "text/x-vue": return pe;
+		case "application/x-rust": return oe;
+		case "text/x-vue": return fe;
 		default: return R;
 	}
-}, Le = (e) => {
-	let { type: n, contentType: r } = e;
-	return n === t.Prompt ? Ce : n === t.Pasted ? F : n === t.Image ? G : Ie(r ?? "");
 }, Re = (e) => {
+	let { type: n, contentType: r } = e;
+	return n === t.Prompt ? Ce : n === t.Pasted ? F : n === t.Image ? be : Le(r ?? "");
+}, ze = (e) => {
 	let t = e.toLowerCase().split(";")[0].trim(), n = o[t];
 	if (n) return n;
 	let r = t.split("/")[1];
 	if (r && !r.startsWith("vnd.") && !r.includes("+")) return r;
-}, ze = (e) => {
+}, Be = (e) => {
 	let { type: n, name: r, contentType: i } = e;
 	if (n === t.Prompt) return "Prompt";
 	if (n === t.Pasted) return "Pasted";
 	if (n === t.Image) return "Image";
 	if (i) {
-		let e = Re(i);
+		let e = ze(i);
 		if (e) return `.${e}`;
 	}
 	let a = r.lastIndexOf(".");
 	return a > 0 && a < r.length - 1 ? `.${r.slice(a + 1).toLowerCase()}` : r;
-}, Be = (e, n, r) => {
+}, Ve = (e, n, r) => {
 	let { type: i, status: a, previewUrl: o, url: s } = e, c = a === l.Loading, u = a === l.Error, d = i === t.Image && !!(o ?? s) && !u, p = i === t.Audio && !u, m = f(X.card, u && X.cardError, n && X.cardSelected, !u && !n && i === t.Prompt && X.cardPrompt, !u && !n && i === t.Pasted && X.cardPasted);
 	return {
 		isLoading: c,
@@ -110,35 +110,35 @@ var Pe = /* @__PURE__ */ function(e) {
 		isImage: d,
 		isAudio: p,
 		areActionsVisible: u || r,
-		BottomIcon: Le(e),
-		typeLabel: ze(e),
+		BottomIcon: Re(e),
+		typeLabel: Be(e),
 		cardColorClass: m,
 		removeBtnClass: d ? X.removeBtnImage : X.actionBtn
 	};
-}, Ve = (e) => {
+}, He = (e) => {
 	let t = e.lastIndexOf(".");
 	return t > 0 ? e.slice(0, t) : e;
-}, He = ({ attachment: n, searchQuery: r = "", onRemove: a, onRetry: o, onExpand: s, onClick: c, isSelected: l, shouldAlwaysShowActions: u, removeLabel: p = "Remove attachment", retryLabel: g = "Retry upload", clickLabel: _ = "Open attachment", colors: v, typography: y, roundedClassName: b = "rounded-xl", showHoverDownloadIcon: x = !1, className: S }) => {
-	let { id: T, name: D } = n, O = n.previewUrl ?? n.url, A = n.type === t.Pasted, j = A && s !== void 0, M = Me(() => A ? D : Ve(D), [A, D]), N = d({
+}, Ue = ({ attachment: n, searchQuery: r = "", onRemove: a, onRetry: o, onExpand: s, onClick: c, isSelected: l, shouldAlwaysShowActions: u, removeLabel: p = "Remove attachment", retryLabel: g = "Retry upload", clickLabel: _ = "Open attachment", colors: v, typography: y, roundedClassName: b = "rounded-xl", showHoverDownloadIcon: x = !1, className: S }) => {
+	let { id: T, name: D } = n, O = n.previewUrl ?? n.url, A = n.type === t.Pasted, j = A && s !== void 0, M = Ne(() => A ? D : He(D), [A, D]), N = d({
 		"--ci-card-border": v?.border,
 		"--ci-card-bg": v?.background,
 		"--ci-card-name": v?.nameText,
 		"--ci-card-meta": v?.metaText
-	}), { isLoading: P, isError: F, isImage: I, isAudio: R, areActionsVisible: ee, BottomIcon: te, typeLabel: z, cardColorClass: ne, removeBtnClass: B } = Me(() => Be(n, l ?? !1, u ?? !1), [
+	}), { isLoading: P, isError: F, isImage: I, isAudio: R, areActionsVisible: z, BottomIcon: B, typeLabel: V, cardColorClass: ee, removeBtnClass: H } = Ne(() => Ve(n, l ?? !1, u ?? !1), [
 		n,
 		l,
 		u
-	]), V = c !== void 0 && !j && !P && !F, H = j || V, { imageRef: re, imageLoadStatus: U } = Fe({
+	]), U = c !== void 0 && !j && !P && !F, te = j || U, { imageRef: ne, imageLoadStatus: W } = Ie({
 		enabled: I,
 		src: O
-	}), ie = () => {
-		j && s ? s(T) : V && c && c(T);
-	}, ae = (e) => {
-		(e.key === "Enter" || e.key === " ") && (e.preventDefault(), ie());
+	}), G = () => {
+		j && s ? s(T) : U && c && c(T);
+	}, re = (e) => {
+		(e.key === "Enter" || e.key === " ") && (e.preventDefault(), G());
 	};
 	if (R) return /* @__PURE__ */ Y("div", {
 		style: N,
-		className: f("group flex w-full min-w-[280px] max-w-[300px] flex-col gap-2 border p-3", b, ne, S),
+		className: f("group flex w-full min-w-[280px] max-w-[300px] flex-col gap-2 border p-3", b, ee, S),
 		children: [/* @__PURE__ */ Y("div", {
 			className: "flex items-center justify-between gap-2",
 			children: [/* @__PURE__ */ J("span", {
@@ -155,7 +155,7 @@ var Pe = /* @__PURE__ */ function(e) {
 					"aria-hidden": !0
 				}),
 				size: k.Small,
-				className: f("h-6 w-6 shrink-0 rounded", B),
+				className: f("h-6 w-6 shrink-0 rounded", H),
 				"aria-label": _,
 				onClick: (e) => {
 					e.stopPropagation(), c(T);
@@ -168,38 +168,38 @@ var Pe = /* @__PURE__ */ function(e) {
 			preload: "metadata"
 		})]
 	});
-	let oe = f("group relative flex h-[100px] w-[100px] flex-shrink-0 border focus-within:outline focus-within:outline-1 focus-within:outline-offset-1", b, ne, !I && "flex-col gap-3 p-3", H && "cursor-pointer", S), W = /* @__PURE__ */ Y(q, { children: [
+	let ie = f("group relative flex h-[100px] w-[100px] flex-shrink-0 border focus-within:outline focus-within:outline-1 focus-within:outline-offset-1", b, ee, !I && "flex-col gap-3 p-3", te && "cursor-pointer", S), ae = /* @__PURE__ */ Y(q, { children: [
 		I ? /* @__PURE__ */ Y("div", {
 			className: "relative h-full w-full overflow-hidden",
-			children: [U !== Pe.Loaded && /* @__PURE__ */ J(C, {
+			children: [W !== Fe.Loaded && /* @__PURE__ */ J(C, {
 				variant: w.Rectangular,
 				width: "100%",
 				height: "100%",
-				active: U === Pe.Loading,
-				overlay: /* @__PURE__ */ J(G, {
+				active: W === Fe.Loading,
+				overlay: /* @__PURE__ */ J(be, {
 					size: m.LG,
 					className: y?.placeholderIconClassName ?? "text-secondary",
 					"aria-hidden": !0
 				}),
 				className: f("absolute inset-0", b)
 			}), /* @__PURE__ */ J("img", {
-				ref: re,
+				ref: ne,
 				src: O,
 				alt: D,
 				loading: "lazy",
 				decoding: "async",
-				className: f("h-full w-full object-cover transition-opacity duration-200", U === Pe.Loaded ? "opacity-100" : "opacity-0", b)
+				className: f("h-full w-full object-cover transition-opacity duration-200", W === Fe.Loaded ? "opacity-100" : "opacity-0", b)
 			})]
 		}) : F ? /* @__PURE__ */ Y(q, { children: [/* @__PURE__ */ Y("div", {
 			className: "flex flex-row items-center gap-1 overflow-hidden",
-			children: [/* @__PURE__ */ J(te, {
+			children: [/* @__PURE__ */ J(B, {
 				size: m.SM,
 				className: f("shrink-0", X.meta),
 				"aria-hidden": !0
 			}), /* @__PURE__ */ J("span", {
-				title: z,
+				title: V,
 				className: f(y?.metaClassName ?? "dial-tiny-text", "min-w-0 truncate", X.meta),
-				children: z
+				children: V
 			})]
 		}), /* @__PURE__ */ J("div", {
 			className: "min-w-0 flex-1",
@@ -225,14 +225,14 @@ var Pe = /* @__PURE__ */ function(e) {
 			})
 		}), /* @__PURE__ */ Y("div", {
 			className: "flex flex-row items-center gap-1 overflow-hidden",
-			children: [/* @__PURE__ */ J(te, {
+			children: [/* @__PURE__ */ J(B, {
 				size: m.SM,
 				className: f("shrink-0", X.meta),
 				"aria-hidden": !0
 			}), /* @__PURE__ */ J("span", {
-				title: z,
+				title: V,
 				className: f(y?.metaClassName ?? "dial-tiny-text", "min-w-0 truncate", X.meta),
-				children: z
+				children: V
 			})]
 		})] }),
 		P && /* @__PURE__ */ J("span", {
@@ -244,7 +244,7 @@ var Pe = /* @__PURE__ */ function(e) {
 			})
 		}),
 		!P && /* @__PURE__ */ Y("div", {
-			className: f("absolute end-1 top-1 flex gap-1 transition-opacity", ee ? "opacity-100" : "opacity-0 group-focus-within:opacity-100 group-hover:opacity-100 mobile:opacity-100"),
+			className: f("absolute end-1 top-1 flex gap-1 transition-opacity", z ? "opacity-100" : "opacity-0 group-focus-within:opacity-100 group-hover:opacity-100 mobile:opacity-100"),
 			children: [
 				F && o && n.errorReason !== e.UnsupportedType && /* @__PURE__ */ J(h, {
 					icon: /* @__PURE__ */ J(Se, {
@@ -252,7 +252,7 @@ var Pe = /* @__PURE__ */ function(e) {
 						"aria-hidden": !0
 					}),
 					size: k.Small,
-					className: f("h-6 w-6 rounded", B),
+					className: f("h-6 w-6 rounded", H),
 					"aria-label": g,
 					onClick: (e) => {
 						e.stopPropagation(), o(T);
@@ -264,7 +264,7 @@ var Pe = /* @__PURE__ */ function(e) {
 						"aria-hidden": !0
 					}),
 					size: k.Small,
-					className: f("h-6 w-6 rounded", B),
+					className: f("h-6 w-6 rounded", H),
 					"aria-label": p,
 					onClick: (e) => {
 						e.stopPropagation(), a?.(T);
@@ -278,23 +278,23 @@ var Pe = /* @__PURE__ */ function(e) {
 			]
 		})
 	] });
-	return H ? /* @__PURE__ */ J("div", {
+	return te ? /* @__PURE__ */ J("div", {
 		style: N,
-		className: oe,
-		onClick: ie,
-		onKeyDown: ae,
+		className: ie,
+		onClick: G,
+		onKeyDown: re,
 		tabIndex: 0,
 		role: "button",
-		"aria-label": V ? _ : void 0,
-		children: W
+		"aria-label": U ? _ : void 0,
+		children: ae
 	}) : /* @__PURE__ */ J("div", {
 		style: N,
-		className: oe,
-		children: W
+		className: ie,
+		children: ae
 	});
-}, Ue = /* @__PURE__ */ function(e) {
+}, We = /* @__PURE__ */ function(e) {
 	return e.None = "none", e.AllVisible = "all-visible", e.Collapsed = "collapsed", e;
-}({}), We = (e, t) => e <= 0 ? {
+}({}), Ge = (e, t) => e <= 0 ? {
 	layout: "none",
 	visibleCount: 0,
 	hiddenCount: 0
@@ -317,11 +317,11 @@ var Pe = /* @__PURE__ */ function(e) {
 	track: "_track_1x7ag_60",
 	indeterminateFill: "_indeterminateFill_1x7ag_64",
 	"attachment-tile-indeterminate": "_attachment-tile-indeterminate_1x7ag_1"
-}, Ge = {
+}, Ke = {
 	[e.Network]: "Upload failed · network error",
 	[e.UnsupportedType]: "Upload failed · unsupported file type"
-}, Ke = ({ attachment: t, onClick: r, onRetry: i, clickLabel: a = "Download attachment", retryLabel: o = "Retry upload", theme: s = n.Dark, className: c }) => {
-	let { id: u, name: d, status: p, errorReason: g } = t, _ = p === l.Loading, v = p === l.Error, y = v && (g && Ge[g] || "Upload failed"), { BottomIcon: b, typeLabel: x } = Be(t, !1, !1), S = !v && !_ && r !== void 0, C = v && !!i && g !== e.UnsupportedType, w = S || C ? "pe-5" : void 0, T = () => {
+}, qe = ({ attachment: t, onClick: r, onRetry: i, clickLabel: a = "Download attachment", retryLabel: o = "Retry upload", theme: s = n.Dark, className: c }) => {
+	let { id: u, name: d, status: p, errorReason: g } = t, _ = p === l.Loading, v = p === l.Error, y = v && (g && Ke[g] || "Upload failed"), { BottomIcon: b, typeLabel: x } = Ve(t, !1, !1), S = !v && !_ && r !== void 0, C = v && !!i && g !== e.UnsupportedType, w = S || C ? "pe-5" : void 0, T = () => {
 		S && r?.(t);
 	}, E = (e) => {
 		(e.key === "Enter" || e.key === " ") && S && (e.preventDefault(), T());
@@ -381,11 +381,11 @@ var Pe = /* @__PURE__ */ function(e) {
 			children: j
 		})
 	});
-}, qe = { tile: "_tile_kvom5_1" }, Je = ({ count: e, onClick: t, ariaLabel: n, children: r, className: i }) => /* @__PURE__ */ J("button", {
+}, Je = { tile: "_tile_kvom5_1" }, Ye = ({ count: e, onClick: t, ariaLabel: n, children: r, className: i }) => /* @__PURE__ */ J("button", {
 	type: "button",
 	onClick: t,
 	"aria-label": n ?? `Show ${e} more attachments`,
-	className: f("dial-small-semi-text flex size-[84px] items-center justify-center rounded-xl border", qe.tile, i),
+	className: f("dial-small-semi-text flex size-[84px] items-center justify-center rounded-xl border", Je.tile, i),
 	children: r ?? /* @__PURE__ */ J("bdi", {
 		dir: "ltr",
 		children: `+${e}`
@@ -396,10 +396,10 @@ var Pe = /* @__PURE__ */ function(e) {
 	headerLabel: "_headerLabel_4zxg9_7",
 	downloadAllButton: "_downloadAllButton_4zxg9_8",
 	imageTile: "_imageTile_4zxg9_12"
-}, Ye = (e, t) => `${e} ${t}${e === 1 ? "" : "s"}`, Xe = ({ attachments: e, onAttachmentClick: n, onDownloadAll: r, onRetry: i, getSizeLabel: a, ariaLabel: o = "Attachments", clickLabel: s = "Download attachment", retryLabel: c = "Retry upload", showLessLabel: u = "Show less", downloadAllLabel: d = "Download all", theme: p, className: g }) => {
-	let [_, v] = K(!1), y = Me(() => We(e.length, _), [e.length, _]);
+}, Xe = (e, t) => `${e} ${t}${e === 1 ? "" : "s"}`, Ze = ({ attachments: e, onAttachmentClick: n, onDownloadAll: r, onRetry: i, getSizeLabel: a, ariaLabel: o = "Attachments", clickLabel: s = "Download attachment", retryLabel: c = "Retry upload", showLessLabel: u = "Show less", downloadAllLabel: d = "Download all", theme: p, className: g }) => {
+	let [_, v] = K(!1), y = Ne(() => Ge(e.length, _), [e.length, _]);
 	if (e.length === 0) return null;
-	let b = e.some((e) => e.type === t.Image), x = e.some((e) => e.type !== t.Image), S = b && x, C = e.length >= 5, w = S ? ye : b ? G : R, T = Ye(e.length, "attachment"), E = e.slice(0, y.visibleCount);
+	let b = e.some((e) => e.type === t.Image), x = e.some((e) => e.type !== t.Image), S = b && x, C = e.length >= 5, w = S ? ve : b ? be : R, T = Xe(e.length, "attachment"), E = e.slice(0, y.visibleCount);
 	return /* @__PURE__ */ Y("div", {
 		role: "group",
 		"aria-label": o,
@@ -436,7 +436,7 @@ var Pe = /* @__PURE__ */ function(e) {
 			children: [
 				E.map((e) => /* @__PURE__ */ J("div", {
 					role: "listitem",
-					children: e.type === t.Image ? /* @__PURE__ */ J(He, {
+					children: e.type === t.Image ? /* @__PURE__ */ J(Ue, {
 						attachment: e,
 						onClick: n ? () => n(e) : void 0,
 						onRetry: i,
@@ -445,7 +445,7 @@ var Pe = /* @__PURE__ */ function(e) {
 						roundedClassName: "rounded-xl",
 						showHoverDownloadIcon: !0,
 						className: f("size-[84px]", Q.imageTile)
-					}) : /* @__PURE__ */ J(Ke, {
+					}) : /* @__PURE__ */ J(qe, {
 						attachment: e,
 						sizeLabel: a?.(e),
 						onClick: n,
@@ -455,16 +455,16 @@ var Pe = /* @__PURE__ */ function(e) {
 						theme: p
 					})
 				}, e.id)),
-				y.layout === Ue.Collapsed && /* @__PURE__ */ J("div", {
+				y.layout === We.Collapsed && /* @__PURE__ */ J("div", {
 					role: "listitem",
-					children: /* @__PURE__ */ J(Je, {
+					children: /* @__PURE__ */ J(Ye, {
 						count: y.hiddenCount,
 						onClick: () => v(!0)
 					})
 				}),
 				C && _ && /* @__PURE__ */ J("div", {
 					role: "listitem",
-					children: /* @__PURE__ */ J(Je, {
+					children: /* @__PURE__ */ J(Ye, {
 						count: 0,
 						onClick: () => v(!1),
 						ariaLabel: u,
@@ -477,7 +477,7 @@ var Pe = /* @__PURE__ */ function(e) {
 			]
 		})]
 	});
-}, Ze = {
+}, Qe = {
 	tab: "_tab_1mi6x_1",
 	tabActive: "_tabActive_1mi6x_13"
 };
@@ -489,12 +489,12 @@ ke(({ tabs: e, activeTabId: t, onTabChange: n, tabClassName: r = "dial-tiny-semi
 			label: e.label,
 			selected: i,
 			onClick: () => n(e.id),
-			className: f("box-border h-auto shrink-0 justify-center rounded-full p-2 text-center", r, Ze.tab, i && Ze.tabActive)
+			className: f("box-border h-auto shrink-0 justify-center rounded-full p-2 text-center", r, Qe.tab, i && Qe.tabActive)
 		}, e.id);
 	})
 }));
-var Qe = (e) => /* @__PURE__ */ J(b, { ...e }), $e = ({ features: e, initialResponseFormat: t, initialSystemPrompt: n, initialTemperature: r, onSave: i, onClose: a, isOpen: o }) => {
-	let [s, c] = K(t), [l, u] = K(n), [d, f] = K(r), p = Ne(o);
+var $e = (e) => /* @__PURE__ */ J(b, { ...e }), et = ({ features: e, initialResponseFormat: t, initialSystemPrompt: n, initialTemperature: r, onSave: i, onClose: a, isOpen: o }) => {
+	let [s, c] = K(t), [l, u] = K(n), [d, f] = K(r), p = Pe(o);
 	je(() => {
 		o && !p.current && (c(t), u(n), f(r)), p.current = o;
 	}, [
@@ -526,7 +526,7 @@ var Qe = (e) => /* @__PURE__ */ J(b, { ...e }), $e = ({ features: e, initialResp
 			a
 		])
 	};
-}, et = ({ features: e, responseFormat: t, systemPrompt: n, temperature: r, onResponseFormatChange: i, onSystemPromptChange: a, onTemperatureChange: o, responseFormatLabel: s = "Response format", responseFormatHint: c = "Applies to new and existing messages", responseFormatMarkdownLabel: l = "Markdown", responseFormatPlainTextLabel: d = "Plain text", systemPromptLabel: f = "System prompt", systemPromptTooltip: p = "Enter a prompt", temperatureLabel: m = "Temperature", temperatureLabels: h = [
+}, tt = ({ features: e, responseFormat: t, systemPrompt: n, temperature: r, onResponseFormatChange: i, onSystemPromptChange: a, onTemperatureChange: o, responseFormatLabel: s = "Response format", responseFormatHint: c = "Applies to new and existing messages", responseFormatMarkdownLabel: l = "Markdown", responseFormatPlainTextLabel: d = "Plain text", systemPromptLabel: f = "System prompt", systemPromptTooltip: p = "Enter a prompt", temperatureLabel: m = "Temperature", temperatureLabels: h = [
 	"Precise",
 	"Neutral",
 	"Creative"
@@ -569,7 +569,7 @@ var Qe = (e) => /* @__PURE__ */ J(b, { ...e }), $e = ({ features: e, initialResp
 	]
 });
 ke(({ features: e, initialResponseFormat: t, initialSystemPrompt: n, initialTemperature: r, onSave: i, onClose: a, title: o = "Chat settings", responseFormatLabel: s, responseFormatHint: c, responseFormatMarkdownLabel: l, responseFormatPlainTextLabel: u, systemPromptLabel: d, systemPromptTooltip: f, temperatureLabel: p, temperatureLabels: m, temperatureHint: h, saveLabel: g = "Apply changes", saveDisabledTooltip: _ }) => {
-	let { responseFormat: v, systemPrompt: b, temperature: x, canSubmit: S, setResponseFormat: C, setSystemPrompt: w, setTemperature: T, handleSubmit: E } = $e({
+	let { responseFormat: v, systemPrompt: b, temperature: x, canSubmit: S, setResponseFormat: C, setSystemPrompt: w, setTemperature: T, handleSubmit: E } = et({
 		features: e,
 		initialResponseFormat: t,
 		initialSystemPrompt: n,
@@ -588,14 +588,14 @@ ke(({ features: e, initialResponseFormat: t, initialSystemPrompt: n, initialTemp
 			children: /* @__PURE__ */ J(O, {
 				tooltip: _,
 				hideTooltip: S || !_,
-				children: /* @__PURE__ */ J(Qe, {
+				children: /* @__PURE__ */ J($e, {
 					label: g,
 					onClick: E,
 					disabled: !S
 				})
 			})
 		}),
-		children: /* @__PURE__ */ J(et, {
+		children: /* @__PURE__ */ J(tt, {
 			features: e,
 			responseFormat: v,
 			systemPrompt: b,
@@ -616,230 +616,274 @@ ke(({ features: e, initialResponseFormat: t, initialSystemPrompt: n, initialTemp
 	});
 });
 //#endregion
-//#region src/components/Message/MessageActions.tsx
-var tt = 2e3, nt = ({ role: e = c.User, onEdit: t, onEditHover: n, onDelete: r, onRegenerate: i, onCopy: a, onCopyMarkdown: o, onLike: l, onDislike: u, activeRating: d, isAlwaysVisible: p, className: g, tooltips: _, ariaLabels: v }) => {
-	let [y, b] = K(null), x = Ae(() => {
-		a?.(), b("copy"), setTimeout(() => b(null), tt);
-	}, [a]), S = Ae(() => {
-		o?.(), b("markdown"), setTimeout(() => b(null), tt);
-	}, [o]);
-	return /* @__PURE__ */ J("div", {
+//#region src/components/MessageActions/MessageActions.tsx
+var nt = 2e3, rt = ({ role: e = c.User, onEdit: t, onEditHover: n, onDelete: r, onRegenerate: i, onCopy: a, onCopyMarkdown: o, onLike: l, onDislike: u, activeRating: d, isAlwaysVisible: p, className: g, labels: _ }) => {
+	let { tooltips: v, ariaLabels: y } = _ ?? {}, [b, x] = K(null), [S, C] = K(""), w = Ae(() => {
+		a?.(), x("copy"), C(y?.copiedStatus ?? "Copied to clipboard"), setTimeout(() => x(null), nt);
+	}, [a, y?.copiedStatus]), T = Ae(() => {
+		o?.(), x("markdown"), C(y?.copiedMarkdownStatus ?? "Copied as Markdown to clipboard"), setTimeout(() => x(null), nt);
+	}, [o, y?.copiedMarkdownStatus]);
+	return /* @__PURE__ */ Y("div", {
+		role: "toolbar",
+		"aria-label": y?.actionsGroup ?? "Message actions",
 		className: f("flex gap-1", !p && "opacity-0 group-hover:opacity-100", g),
-		children: e === c.User ? /* @__PURE__ */ Y(q, { children: [t && /* @__PURE__ */ J(h, {
-			icon: /* @__PURE__ */ J(be, { size: m.SM }),
+		children: [/* @__PURE__ */ J("span", {
+			role: "status",
+			"aria-live": "polite",
+			className: "sr-only",
+			children: S
+		}), e === c.User ? /* @__PURE__ */ Y(q, { children: [t && /* @__PURE__ */ J(h, {
+			icon: /* @__PURE__ */ J(ye, {
+				size: m.SM,
+				"aria-hidden": !0
+			}),
 			size: k.Small,
-			"aria-label": v?.editMessage ?? "Edit message",
-			tooltipProps: { tooltip: _?.edit ?? "Edit" },
+			"aria-label": y?.editMessage ?? "Edit message",
+			tooltipProps: { tooltip: v?.edit ?? "Edit" },
 			onClick: t,
-			onMouseEnter: n
+			onMouseEnter: n,
+			onFocus: n
 		}), r && /* @__PURE__ */ J(h, {
-			icon: /* @__PURE__ */ J(Ee, { size: m.SM }),
+			icon: /* @__PURE__ */ J(Ee, {
+				size: m.SM,
+				"aria-hidden": !0
+			}),
 			size: k.Small,
-			"aria-label": v?.deleteMessage ?? "Delete message",
-			tooltipProps: { tooltip: _?.delete ?? "Delete" },
+			"aria-label": y?.deleteMessage ?? "Delete message",
+			tooltipProps: { tooltip: v?.delete ?? "Delete" },
 			onClick: r
 		})] }) : /* @__PURE__ */ Y(q, { children: [
 			i && /* @__PURE__ */ J(h, {
-				icon: /* @__PURE__ */ J(xe, { size: m.SM }),
+				icon: /* @__PURE__ */ J(xe, {
+					size: m.SM,
+					"aria-hidden": !0
+				}),
 				size: k.Small,
-				"aria-label": v?.regenerateResponse ?? "Regenerate response",
-				tooltipProps: { tooltip: _?.regenerate ?? "Regenerate" },
+				"aria-label": y?.regenerateResponse ?? "Regenerate response",
+				tooltipProps: { tooltip: v?.regenerate ?? "Regenerate" },
 				onClick: i
 			}),
 			a && /* @__PURE__ */ J(h, {
-				icon: J(y === "copy" ? M : I, { size: m.SM }),
+				icon: J(b === "copy" ? M : I, {
+					size: m.SM,
+					"aria-hidden": !0
+				}),
 				size: k.Small,
-				"aria-label": v?.copyResponse ?? "Copy response",
-				tooltipProps: { tooltip: y === "copy" ? _?.copied ?? "Copied!" : _?.copy ?? "Copy" },
-				onClick: x
+				"aria-label": y?.copyResponse ?? "Copy response",
+				tooltipProps: { tooltip: b === "copy" ? v?.copied ?? "Copied!" : v?.copy ?? "Copy" },
+				onClick: w
 			}),
 			o && /* @__PURE__ */ J(h, {
-				icon: J(y === "markdown" ? M : _e, { size: m.SM }),
+				icon: J(b === "markdown" ? M : ge, {
+					size: m.SM,
+					"aria-hidden": !0
+				}),
 				size: k.Small,
-				"aria-label": v?.copyAsMarkdown ?? "Copy as markdown",
-				tooltipProps: { tooltip: y === "markdown" ? _?.copiedMarkdown ?? "Copied!" : _?.copyMarkdown ?? "Copy as Markdown" },
-				onClick: S
+				"aria-label": y?.copyAsMarkdown ?? "Copy as markdown",
+				tooltipProps: { tooltip: b === "markdown" ? v?.copiedMarkdown ?? "Copied!" : v?.copyMarkdown ?? "Copy as Markdown" },
+				onClick: T
 			}),
 			l && /* @__PURE__ */ J(h, {
-				icon: /* @__PURE__ */ J(Te, { size: m.SM }),
+				icon: /* @__PURE__ */ J(Te, {
+					size: m.SM,
+					"aria-hidden": !0
+				}),
 				size: k.Small,
-				"aria-label": v?.likeResponse ?? "Like response",
+				"aria-label": y?.likeResponse ?? "Like response",
+				"aria-pressed": d === s.Like,
 				className: d === s.Like ? "!text-accent-primary" : void 0,
-				tooltipProps: { tooltip: _?.like ?? "Like" },
+				tooltipProps: { tooltip: v?.like ?? "Like" },
 				onClick: l
 			}),
 			u && /* @__PURE__ */ J(h, {
-				icon: /* @__PURE__ */ J(we, { size: m.SM }),
+				icon: /* @__PURE__ */ J(we, {
+					size: m.SM,
+					"aria-hidden": !0
+				}),
 				size: k.Small,
-				"aria-label": v?.dislikeResponse ?? "Dislike response",
+				"aria-label": y?.dislikeResponse ?? "Dislike response",
+				"aria-pressed": d === s.Dislike,
 				className: d === s.Dislike ? "!text-accent-primary" : void 0,
-				tooltipProps: { tooltip: _?.dislike ?? "Dislike" },
+				tooltipProps: { tooltip: v?.dislike ?? "Dislike" },
 				onClick: u
 			})
-		] })
+		] })]
 	});
 }, $ = {
-	userBubble: "_userBubble_9evlr_1",
-	collapsibleText: "_collapsibleText_9evlr_6",
-	expandedText: "_expandedText_9evlr_11",
-	collapsedText: "_collapsedText_9evlr_15",
-	startersDivider: "_startersDivider_9evlr_30",
-	text: "_text_9evlr_34"
-}, rt = ({ text: e, className: n, bubbleClassName: i, styles: o, actions: s, hasAlwaysVisibleActions: l, isStreaming: u, attachments: p, afterContent: m, starters: h, onSelectStarter: g, startersAriaLabel: _ = "Quick reply buttons", deploymentIconUrl: v, deploymentDisplayName: y, thinkingLabel: b, markdownComponents: x, onAttachmentClick: C, onDownloadAll: w, attachmentClickLabel: T, onAttachmentRetry: E, attachmentRetryLabel: D, getAttachmentSizeLabel: O, attachmentTheme: k, codeBlockCopyLabel: A, codeBlockCopiedLabel: j, codeBlockTheme: M }) => {
-	let { colors: N, typography: P } = o ?? {}, F = u ? (p ?? []).filter((e) => e.type !== t.Audio) : p ?? [], I = d({
-		"--cm-bubble-text": N?.text,
-		"--cm-starters-divider": N?.startersDivider
-	}), L = f($.text, P?.fontClassName), R = !!(v || y);
+	userBubble: "_userBubble_1pywn_1",
+	collapsibleText: "_collapsibleText_1pywn_6",
+	expandedText: "_expandedText_1pywn_11",
+	collapsedText: "_collapsedText_1pywn_15",
+	startersDivider: "_startersDivider_1pywn_26",
+	text: "_text_1pywn_30"
+}, it = ({ text: e, styles: n, actions: i, hasAlwaysVisibleActions: o, isStreaming: s, attachments: l, afterContent: u, starters: p, onSelectStarter: m, deploymentIconUrl: h, deploymentDisplayName: g, markdownComponents: _, onAttachmentClick: v, onDownloadAll: y, onAttachmentRetry: b, getAttachmentSizeLabel: x, attachmentTheme: C, codeBlockTheme: w, labels: T }) => {
+	let { colors: E, typography: D, className: O, bubbleClassName: k } = n ?? {}, { attachmentClickLabel: A, attachmentRetryLabel: j, startersAriaLabel: M = "Quick reply buttons", thinkingLabel: N, codeBlockCopyLabel: P, codeBlockCopiedLabel: F, assistantMessageAriaLabel: I = "Assistant message", deploymentIconFallbackLabel: L = "AI" } = T ?? {}, R = s ? (l ?? []).filter((e) => e.type !== t.Audio) : l ?? [], z = d({
+		"--cm-bubble-text": E?.text,
+		"--cm-starters-divider": E?.startersDivider
+	}), B = f($.text, D?.fontClassName), V = !!(h || g);
 	return /* @__PURE__ */ Y("div", {
-		style: I,
-		className: f("flex w-full items-start gap-3", n),
-		children: [R && /* @__PURE__ */ J(r, {
-			src: v,
+		role: "group",
+		"aria-label": I,
+		style: z,
+		className: f("flex w-full items-start gap-3", O),
+		children: [V && /* @__PURE__ */ J(r, {
+			src: h,
 			size: 28,
-			initialsName: y ?? "",
-			tooltip: y
+			initialsName: g || L,
+			tooltip: g ?? L
 		}), /* @__PURE__ */ Y("div", {
 			className: "flex w-full min-w-0 max-w-full flex-col items-start gap-5",
 			children: [/* @__PURE__ */ Y("div", {
-				className: f("flex w-full min-w-0 max-w-full flex-col items-start gap-4", i),
+				className: f("flex w-full min-w-0 max-w-full flex-col items-start gap-4", k),
 				children: [
-					(e || u) && /* @__PURE__ */ J("div", {
-						className: f(L, "min-w-0 max-w-full text-start"),
+					(e || s) && /* @__PURE__ */ J("div", {
+						"aria-live": "polite",
+						"aria-atomic": "false",
+						className: f(B, "min-w-0 max-w-full text-start"),
 						children: /* @__PURE__ */ J(a, {
 							content: e,
-							isStreaming: u,
-							thinkingLabel: b,
-							components: x,
-							codeBlockCopyLabel: A,
-							codeBlockCopiedLabel: j,
-							codeBlockTheme: M
+							isStreaming: s,
+							thinkingLabel: N,
+							components: _,
+							codeBlockCopyLabel: P,
+							codeBlockCopiedLabel: F,
+							codeBlockTheme: w
 						})
 					}),
-					/* @__PURE__ */ J(Xe, {
-						attachments: F,
-						onAttachmentClick: C,
-						onDownloadAll: w,
-						onRetry: E,
-						clickLabel: T,
-						retryLabel: D,
-						getSizeLabel: O,
-						theme: k
+					/* @__PURE__ */ J(Ze, {
+						attachments: R,
+						onAttachmentClick: v,
+						onDownloadAll: y,
+						onRetry: b,
+						clickLabel: A,
+						retryLabel: j,
+						getSizeLabel: x,
+						theme: C
 					}),
-					m,
-					/* @__PURE__ */ J(nt, {
-						...s,
-						isAlwaysVisible: l,
+					u,
+					/* @__PURE__ */ J(rt, {
+						...i,
+						isAlwaysVisible: o,
 						role: c.Assistant
 					})
 				]
-			}), h && h.length > 0 && g && /* @__PURE__ */ J("div", {
+			}), p && p.length > 0 && m && /* @__PURE__ */ J("div", {
 				role: "list",
-				"aria-label": _,
+				"aria-label": M,
 				className: f("flex w-full flex-wrap gap-2 border-t pt-5", $.startersDivider),
-				children: h.map((e, t) => /* @__PURE__ */ J("div", {
+				children: p.map((e, t) => /* @__PURE__ */ J("div", {
 					role: "listitem",
 					className: "min-w-[40px]",
 					children: /* @__PURE__ */ J(S, {
 						label: e.title,
 						className: "min-w-[40px]",
-						onClick: () => g(e)
+						onClick: () => m(e)
 					})
 				}, t))
 			})]
 		})]
 	});
-}, it = ({ titleText: e = "Model switched.", bodyText: t }) => /* @__PURE__ */ J(v, {
-	title: e,
-	message: t,
-	textClassName: "flex-row flex-wrap gap-1"
-}), at = /* @__PURE__ */ function(e) {
+}, at = ({ titleText: e = "Model switched.", bodyText: t }) => /* @__PURE__ */ J("div", {
+	role: "status",
+	"aria-live": "polite",
+	children: /* @__PURE__ */ J(v, {
+		title: e,
+		message: t,
+		textClassName: "flex-row flex-wrap gap-1"
+	})
+}), ot = /* @__PURE__ */ function(e) {
 	return e.Bottom = "Bottom", e.Top = "Top", e;
-}({}), ot = 10, st = ({ text: e, position: t = at.Bottom, className: n, bubbleClassName: r, styles: i, actions: a, hasAlwaysVisibleActions: o, attachments: s, collapsedLineCount: l = ot, showMoreLabel: u = "Show more", showLessLabel: h = "Show less", showMoreAriaLabel: g, showLessAriaLabel: v, onAttachmentClick: y, onDownloadAll: b, attachmentClickLabel: x, onAttachmentRetry: S, attachmentRetryLabel: C, getAttachmentSizeLabel: w, attachmentTheme: T }) => {
-	let { colors: E, typography: D } = i ?? {}, { textRef: O, isTextCollapsed: A, isOverflowing: j, collapsedMaxHeight: M, expandedMaxHeight: F, isCollapsed: I, toggleCollapsed: L } = p({
+}({}), st = 10, ct = ({ text: e, position: t = ot.Bottom, styles: n, actions: r, hasAlwaysVisibleActions: i, attachments: a, collapsedLineCount: o = st, labels: s, onAttachmentClick: l, onDownloadAll: u, onAttachmentRetry: h, getAttachmentSizeLabel: g, attachmentTheme: v }) => {
+	let { colors: y, typography: b, className: x, bubbleClassName: S } = n ?? {}, { showMoreLabel: C = "Show more", showLessLabel: w = "Show less", showMoreAriaLabel: T, showLessAriaLabel: E, attachmentClickLabel: D, attachmentRetryLabel: O, userMessageAriaLabel: A = "User message" } = s ?? {}, { textRef: j, isTextCollapsed: M, isOverflowing: F, collapsedMaxHeight: I, expandedMaxHeight: L, isCollapsed: R, toggleCollapsed: z } = p({
 		text: e,
-		collapsedLineCount: l
-	}), R = d({
-		"--cm-bubble-user-bg": E?.userBackground,
-		"--cm-bubble-text": E?.text,
-		"--cm-bubble-collapsed-height": j ? `${M}px` : void 0,
-		"--cm-bubble-expanded-height": j ? `${F}px` : void 0
-	}), ee = t === at.Top ? "rounded-ee-[6px] rounded-se-[16px]" : "rounded-se-[6px] rounded-ee-[16px]", te = f($.text, D?.fontClassName), z = g ?? u, ne = v ?? h, B = I ? u : h, V = I ? z : ne, H = I ? N : P;
+		collapsedLineCount: o
+	}), B = d({
+		"--cm-bubble-user-bg": y?.userBackground,
+		"--cm-bubble-user-border": y?.userBorder,
+		"--cm-bubble-fade-start": y?.fadeStart,
+		"--cm-bubble-text": y?.text,
+		"--cm-bubble-collapsed-height": F ? `${I}px` : void 0,
+		"--cm-bubble-expanded-height": F ? `${L}px` : void 0
+	}), V = t === ot.Top ? "rounded-ee-[6px] rounded-se-[16px]" : "rounded-se-[6px] rounded-ee-[16px]", ee = f($.text, b?.fontClassName), H = T ?? C, U = E ?? w, te = R ? C : w, ne = R ? H : U, W = R ? N : P, G = Me();
 	return /* @__PURE__ */ J("div", {
-		style: R,
-		className: f("flex w-full", n),
+		role: "group",
+		"aria-label": A,
+		style: B,
+		className: f("flex w-full", x),
 		children: /* @__PURE__ */ Y("div", {
 			className: "ms-auto flex w-fit min-w-0 max-w-full flex-col items-end gap-4",
 			children: [
-				/* @__PURE__ */ J(Xe, {
-					attachments: s ?? [],
-					onAttachmentClick: y,
-					onDownloadAll: b,
-					onRetry: S,
-					clickLabel: x,
-					retryLabel: C,
-					getSizeLabel: w,
-					theme: T,
+				/* @__PURE__ */ J(Ze, {
+					attachments: a ?? [],
+					onAttachmentClick: l,
+					onDownloadAll: u,
+					onRetry: h,
+					clickLabel: D,
+					retryLabel: O,
+					getSizeLabel: g,
+					theme: v,
 					className: "max-w-[640px]"
 				}),
 				e && /* @__PURE__ */ J("div", {
-					className: f($.userBubble, "flex w-fit items-center justify-end rounded-es-[16px] rounded-ss-[16px] border px-6 py-4", ee, r),
+					className: f($.userBubble, "flex w-fit items-center justify-end rounded-es-2xl rounded-ss-2xl border px-6 py-4", V, S),
 					children: /* @__PURE__ */ Y("div", {
 						className: "flex min-w-0 flex-col items-start",
 						children: [/* @__PURE__ */ J("div", {
-							className: f("relative overflow-hidden", j && $.collapsibleText, j && !I && $.expandedText, A && $.collapsedText),
+							id: G,
+							className: f("relative overflow-hidden", F && $.collapsibleText, F && !R && $.expandedText, M && $.collapsedText),
 							children: /* @__PURE__ */ J("p", {
-								ref: O,
-								className: f(te, "whitespace-pre-wrap text-start [overflow-wrap:anywhere]"),
+								ref: j,
+								className: f(ee, "whitespace-pre-wrap text-start [overflow-wrap:anywhere]"),
 								children: e
 							})
-						}), j && /* @__PURE__ */ J(_, {
-							label: /* @__PURE__ */ J(q, { children: B }),
-							iconBefore: /* @__PURE__ */ J(H, {
+						}), F && /* @__PURE__ */ J(_, {
+							label: /* @__PURE__ */ J(q, { children: te }),
+							iconBefore: /* @__PURE__ */ J(W, {
 								size: m.SM,
 								"aria-hidden": "true"
 							}),
-							"aria-label": V,
+							"aria-label": ne,
+							"aria-expanded": !R,
+							"aria-controls": G,
 							className: "mt-3",
-							onClick: L,
+							onClick: z,
 							size: k.Small
 						})]
 					})
 				}),
-				/* @__PURE__ */ J(nt, {
-					...a,
-					isAlwaysVisible: o,
+				/* @__PURE__ */ J(rt, {
+					...r,
+					isAlwaysVisible: i,
 					role: c.User
 				})
 			]
 		})
 	});
-}, ct = ({ role: e, onAttachmentClick: t, attachmentClickLabel: n, markdownComponents: r, ...i }) => e === c.Status ? /* @__PURE__ */ J(it, {
-	titleText: i.statusTitleText,
-	bodyText: i.statusBodyText ?? ""
-}) : e === c.User ? /* @__PURE__ */ J(st, {
-	...i,
-	onAttachmentClick: t,
-	attachmentClickLabel: n
-}) : /* @__PURE__ */ J(rt, {
-	...i,
-	markdownComponents: r,
-	onAttachmentClick: t,
-	attachmentClickLabel: n
-}), lt = { button: "_button_dcr6u_1" }, ut = ({ label: e, className: t, onClick: n, styles: r }) => {
-	let { colors: i, typography: a } = r ?? {};
+}, lt = ({ role: e, onAttachmentClick: t, markdownComponents: n, ...r }) => e === c.Status ? /* @__PURE__ */ J(at, {
+	titleText: r.labels?.statusTitleText,
+	bodyText: r.labels?.statusBodyText ?? ""
+}) : e === c.User ? /* @__PURE__ */ J(ct, {
+	...r,
+	onAttachmentClick: t
+}) : /* @__PURE__ */ J(it, {
+	...r,
+	markdownComponents: n,
+	onAttachmentClick: t
+}), ut = { button: "_button_15boc_1" }, dt = ({ label: e, onClick: t, styles: n }) => {
+	let { colors: r, typography: i, className: a } = n ?? {};
 	return /* @__PURE__ */ J("button", {
 		type: "button",
-		onClick: n,
+		onClick: t,
 		style: d({
-			"--cm-source-bg": i?.background,
-			"--cm-source-border": i?.border,
-			"--cm-source-text": i?.text,
-			"--cm-source-bg-hover": i?.backgroundHover,
-			"--cm-source-border-hover": i?.borderHover
+			"--cm-source-bg": r?.background,
+			"--cm-source-border": r?.border,
+			"--cm-source-text": r?.text,
+			"--cm-source-bg-hover": r?.backgroundHover,
+			"--cm-source-border-hover": r?.borderHover
 		}),
-		className: f(lt.button, "relative flex h-6 items-center justify-center px-2", "border border-solid", "outline-none focus-visible:outline focus-visible:outline-1", "focus-visible:outline-offset-[3px]", "cursor-pointer whitespace-nowrap", a?.fontClassName, t),
+		className: f(ut.button, "relative flex h-6 items-center justify-center px-2", "border border-solid", "outline-none focus-visible:outline focus-visible:outline-1", "focus-visible:outline-offset-[3px]", "cursor-pointer whitespace-nowrap", i?.fontClassName, a),
 		children: e
 	});
 };
 //#endregion
-export { rt as AssistantMessageBubble, at as BubblePosition, nt as MessageActions, ct as MessageBubble, ut as MessageSource, it as StatusMessageBubble, st as UserMessageBubble };
+export { it as AssistantMessageBubble, ot as BubblePosition, rt as MessageActions, lt as MessageBubble, dt as MessageSource, at as StatusMessageBubble, ct as UserMessageBubble };