@epam/ai-dial-conversation-stages 1.2.0-dev.288 → 1.2.0-dev.300

package/components/CollapsedGroup/CollapsedGroup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CollapsedGroup.d.ts","sourceRoot":"","sources":["../../../src/components/CollapsedGroup/CollapsedGroup.tsx"],"names":[],"mappings":"AAaA,OAAO,EAAE,EAAE,EAA+B,MAAM,OAAO,CAAC;AAGxD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AAMxE,gJAAgJ;AAChJ,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,mBAAmB,CA8MlD,CAAC"}
+{"version":3,"file":"CollapsedGroup.d.ts","sourceRoot":"","sources":["../../../src/components/CollapsedGroup/CollapsedGroup.tsx"],"names":[],"mappings":"AAaA,OAAO,EAAE,EAAE,EAA+B,MAAM,OAAO,CAAC;AAGxD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AAMxE,gJAAgJ;AAChJ,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,mBAAmB,CAoNlD,CAAC"}

package/components/StageItem/StageItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StageItem.d.ts","sourceRoot":"","sources":["../../../src/components/StageItem/StageItem.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,KAAK,EAAE,MAAM,2BAA2B,CAAC;AAG1E,OAAO,EAAE,EAAE,EAAE,SAAS,EAAkC,MAAM,OAAO,CAAC;AAKtE,OAAO,KAAK,EACV,iBAAiB,EACjB,eAAe,EAChB,MAAM,2BAA2B,CAAC;AAOnC,mCAAmC;AACnC,MAAM,WAAW,cAAc;IAC7B,gCAAgC;IAChC,KAAK,EAAE,KAAK,CAAC;IACb,kEAAkE;IAClE,MAAM,EAAE,OAAO,CAAC;IAChB,+DAA+D;IAC/D,UAAU,CAAC,EAAE,eAAe,CAAC;IAC7B,4BAA4B;IAC5B,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAC3B,kHAAkH;IAClH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,wGAAwG;IACxG,iBAAiB,CAAC,EAAE,CAAC,UAAU,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAC5D,sIAAsI;IACtI,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,yIAAyI;IACzI,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,iFAAiF;IACjF,QAAQ,CAAC,EAAE,CAAC,UAAU,EAAE,OAAO,KAAK,IAAI,CAAC;CAC1C;AAyCD,8FAA8F;AAC9F,eAAO,MAAM,SAAS,EAAE,EAAE,CAAC,cAAc,CA8IxC,CAAC"}
+{"version":3,"file":"StageItem.d.ts","sourceRoot":"","sources":["../../../src/components/StageItem/StageItem.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,KAAK,EAAE,MAAM,2BAA2B,CAAC;AAG1E,OAAO,EAAE,EAAE,EAAE,SAAS,EAAkC,MAAM,OAAO,CAAC;AAKtE,OAAO,KAAK,EACV,iBAAiB,EACjB,eAAe,EAChB,MAAM,2BAA2B,CAAC;AAOnC,mCAAmC;AACnC,MAAM,WAAW,cAAc;IAC7B,gCAAgC;IAChC,KAAK,EAAE,KAAK,CAAC;IACb,kEAAkE;IAClE,MAAM,EAAE,OAAO,CAAC;IAChB,+DAA+D;IAC/D,UAAU,CAAC,EAAE,eAAe,CAAC;IAC7B,4BAA4B;IAC5B,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAC3B,kHAAkH;IAClH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,wGAAwG;IACxG,iBAAiB,CAAC,EAAE,CAAC,UAAU,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAC5D,sIAAsI;IACtI,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,yIAAyI;IACzI,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,iFAAiF;IACjF,QAAQ,CAAC,EAAE,CAAC,UAAU,EAAE,OAAO,KAAK,IAAI,CAAC;CAC1C;AAyCD,8FAA8F;AAC9F,eAAO,MAAM,SAAS,EAAE,EAAE,CAAC,cAAc,CAoJxC,CAAC"}

package/components/StageMarkdownContent/StageCodeBlock.d.ts

@@ -8,6 +8,8 @@ interface Props {
     blockClassName?: string;
     /** Accessible label for the copy button. */
     copyAriaLabel: string;
+    /** Status announced after the code has been copied. Defaults to `MarkdownCodeBlock`'s `'Copied!'`. */
+    copiedLabel?: string;
 }
 /** Adapts stage markdown code blocks to the shared markdown code-block UI. */
 export declare const StageCodeBlock: FC<Props>;

package/components/StageMarkdownContent/StageCodeBlock.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StageCodeBlock.d.ts","sourceRoot":"","sources":["../../../src/components/StageMarkdownContent/StageCodeBlock.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAGhD,UAAU,KAAK;IACb,6BAA6B;IAC7B,QAAQ,EAAE,SAAS,CAAC;IACpB,iEAAiE;IACjE,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,yFAAyF;IACzF,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,4CAA4C;IAC5C,aAAa,EAAE,MAAM,CAAC;CACvB;AAED,8EAA8E;AAC9E,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,KAAK,CAoBpC,CAAC"}
+{"version":3,"file":"StageCodeBlock.d.ts","sourceRoot":"","sources":["../../../src/components/StageMarkdownContent/StageCodeBlock.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAGhD,UAAU,KAAK;IACb,6BAA6B;IAC7B,QAAQ,EAAE,SAAS,CAAC;IACpB,iEAAiE;IACjE,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,yFAAyF;IACzF,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,4CAA4C;IAC5C,aAAa,EAAE,MAAM,CAAC;IACtB,sGAAsG;IACtG,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,8EAA8E;AAC9E,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,KAAK,CAsBpC,CAAC"}

package/components/StageMarkdownContent/StageMarkdownContent.d.ts

@@ -8,6 +8,12 @@ interface Props {
     typography?: StageTypography;
     /** Accessible label for the copy button inside code blocks. Defaults to `'Copy'`. */
     copyAriaLabel?: string;
+    /** Status announced after a code block has been copied. Defaults to `'Copied!'`. */
+    copiedLabel?: string;
+    /** Accessible label for a table's scrollable region. Defaults to `'Scrollable table'`. */
+    tableScrollRegionAriaLabel?: string;
+    /** Accessible label for a block formula's scrollable region. Defaults to `'Scrollable formula'`. */
+    mathScrollRegionAriaLabel?: string;
 }
 /** Renders stage content as formatted markdown, styled via CSS custom properties. */
 export declare const StageMarkdownContent: FC<Props>;

package/components/StageMarkdownContent/StageMarkdownContent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StageMarkdownContent.d.ts","sourceRoot":"","sources":["../../../src/components/StageMarkdownContent/StageMarkdownContent.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,EAAwB,MAAM,OAAO,CAAC;AACtD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAIjE,gGAAgG;AAChG,UAAU,KAAK;IACb,qCAAqC;IACrC,OAAO,EAAE,MAAM,CAAC;IAChB,2EAA2E;IAC3E,UAAU,CAAC,EAAE,eAAe,CAAC;IAC7B,qFAAqF;IACrF,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,qFAAqF;AACrF,eAAO,MAAM,oBAAoB,EAAE,EAAE,CAAC,KAAK,CA8F1C,CAAC"}
+{"version":3,"file":"StageMarkdownContent.d.ts","sourceRoot":"","sources":["../../../src/components/StageMarkdownContent/StageMarkdownContent.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,EAAwB,MAAM,OAAO,CAAC;AACtD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAIjE,gGAAgG;AAChG,UAAU,KAAK;IACb,qCAAqC;IACrC,OAAO,EAAE,MAAM,CAAC;IAChB,2EAA2E;IAC3E,UAAU,CAAC,EAAE,eAAe,CAAC;IAC7B,qFAAqF;IACrF,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,oFAAoF;IACpF,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,0FAA0F;IAC1F,0BAA0B,CAAC,EAAE,MAAM,CAAC;IACpC,oGAAoG;IACpG,yBAAyB,CAAC,EAAE,MAAM,CAAC;CACpC;AAED,qFAAqF;AACrF,eAAO,MAAM,oBAAoB,EAAE,EAAE,CAAC,KAAK,CAwG1C,CAAC"}

package/index.js

@@ -1,24 +1,24 @@
 import { AttachmentErrorReason as e, AttachmentType as t, MIME_TYPE_EXT_MAP as n, MarkdownCodeBlock as r, MarkdownRenderer as i, RequestStatus as a, StageStatus as o, buildCssVars as s, mergeClasses as c, messageAttachmentsToDisplayAttachments as l, normalizeMimeType as u } from "@epam/ai-dial-chat-shared";
 import { Accordion as d, DIAL_ICON_SIZE as f, DIAL_KIT_ICON_STROKE as p, ElementSize as m, EllipsisTooltip as h, Highlight as g, Skeleton as _, SkeletonVariant as v, Spinner as y, StaticIconButton as b } from "@epam/ai-dial-ui-kit";
-import { IconAlertCircle as x, IconCheck as S, IconClipboard as C, IconDownload as w, IconExternalLink as T, IconFile as E, IconFileTypeBmp as D, IconFileTypeCss as O, IconFileTypeCsv as k, IconFileTypeDoc as A, IconFileTypeDocx as j, IconFileTypeHtml as M, IconFileTypeJpg as N, IconFileTypeJs as P, IconFileTypeJsx as F, IconFileTypePdf as I, IconFileTypePhp as ee, IconFileTypePng as te, IconFileTypePpt as L, IconFileTypeRs as ne, IconFileTypeSql as re, IconFileTypeSvg as ie, IconFileTypeTs as ae, IconFileTypeTsx as R, IconFileTypeTxt as oe, IconFileTypeVue as se, IconFileTypeXls as ce, IconFileTypeXml as le, IconFileTypeZip as ue, IconMusic as de, IconPhoto as fe, IconReload as pe, IconTerminal2 as me, IconVideo as he, IconX as ge } from "@tabler/icons-react";
-import { memo as _e, useCallback as z, useEffect as B, useId as ve, useMemo as V, useRef as ye, useState as H } from "react";
-import { Fragment as U, jsx as W, jsxs as G } from "react/jsx-runtime";
+import { IconAlertCircle as x, IconCheck as S, IconClipboard as C, IconDownload as w, IconExternalLink as T, IconFile as E, IconFileTypeBmp as D, IconFileTypeCss as O, IconFileTypeCsv as k, IconFileTypeDoc as A, IconFileTypeDocx as j, IconFileTypeHtml as M, IconFileTypeJpg as N, IconFileTypeJs as P, IconFileTypeJsx as F, IconFileTypePdf as I, IconFileTypePhp as L, IconFileTypePng as R, IconFileTypePpt as z, IconFileTypeRs as ee, IconFileTypeSql as te, IconFileTypeSvg as ne, IconFileTypeTs as re, IconFileTypeTsx as ie, IconFileTypeTxt as B, IconFileTypeVue as ae, IconFileTypeXls as V, IconFileTypeXml as oe, IconFileTypeZip as H, IconMusic as se, IconPhoto as U, IconReload as ce, IconTerminal2 as le, IconVideo as ue, IconX as de } from "@tabler/icons-react";
+import { memo as fe, useCallback as W, useEffect as G, useId as pe, useMemo as K, useRef as me, useState as q } from "react";
+import { Fragment as he, jsx as J, jsxs as Y } from "react/jsx-runtime";
 //#region src/constants/public-class-names.ts
-var K = {
+var ge = {
 	panel: "dial-conversation-stages-panel",
 	group: "dial-conversation-stages-group",
 	groupToggle: "dial-conversation-stages-group-toggle"
-}, be = () => {
-	let [e, t] = H(() => /* @__PURE__ */ new Set()), n = z((e, n) => {
+}, _e = () => {
+	let [e, t] = q(() => /* @__PURE__ */ new Set()), n = W((e, n) => {
 		t((t) => {
 			if (t.has(e) === n) return t;
 			let r = new Set(t);
 			return n ? r.add(e) : r.delete(e), r;
 		});
-	}, []), r = z(() => {
+	}, []), r = W(() => {
 		t((e) => e.size ? /* @__PURE__ */ new Set() : e);
 	}, []);
-	return V(() => ({
+	return K(() => ({
 		isExpanded: (t) => e.has(t),
 		onToggle: n,
 		reset: r
@@ -27,30 +27,30 @@ var K = {
 		n,
 		r
 	]);
-}, xe = /[([][^()[\]]*[)\]]/g, Se = /(\d+(?:\.\d+)?)\s*s\b/, Ce = (e) => {
+}, ve = /[([][^()[\]]*[)\]]/g, ye = /(\d+(?:\.\d+)?)\s*s\b/, be = (e) => {
 	let t = e.trimEnd();
 	return t.endsWith(":") ? t.slice(0, -1) : t;
-}, we = (e) => {
-	xe.lastIndex = 0;
+}, xe = (e) => {
+	ve.lastIndex = 0;
 	let t;
-	for (; t = xe.exec(e);) {
-		let e = t[0].slice(1, -1), n = Se.exec(e);
+	for (; t = ve.exec(e);) {
+		let e = t[0].slice(1, -1), n = ye.exec(e);
 		if (n) return {
 			durationLabel: `${n[1]}s`,
 			groupIndex: t.index,
 			groupLength: t[0].length
 		};
 	}
-}, q = (e) => {
-	let t = e ?? "", n = we(t);
+}, Se = (e) => {
+	let t = e ?? "", n = xe(t);
 	return {
-		name: Ce(n ? t.slice(0, n.groupIndex) + t.slice(n.groupIndex + n.groupLength) : t).trim().replace(/ {2,}/g, " "),
+		name: be(n ? t.slice(0, n.groupIndex) + t.slice(n.groupIndex + n.groupLength) : t).trim().replace(/ {2,}/g, " "),
 		durationLabel: n?.durationLabel
 	};
-}, Te = (e) => e.length > 0 && !/\s/.test(e) && e.includes("_"), Ee = (e) => [...e].reverse().find((e) => e.status == null), De = (e, t) => {
+}, Ce = (e) => e.length > 0 && !/\s/.test(e) && e.includes("_"), we = (e) => [...e].reverse().find((e) => e.status == null), Te = (e, t) => {
 	let n = e.parent_stage_index;
 	if (!(n == null || !Number.isInteger(n) || n < 0 || n >= e.index)) return t.get(n);
-}, Oe = (e) => {
+}, Ee = (e) => {
 	let t = e.map((e) => ({
 		stage: e,
 		children: []
@@ -58,15 +58,15 @@ var K = {
 	for (let e of t) n.has(e.stage.index) || n.set(e.stage.index, e);
 	let r = [];
 	for (let e of t) {
-		let t = De(e.stage, n);
+		let t = Te(e.stage, n);
 		t ? t.children.push(e) : r.push(e);
 	}
 	return r;
-}, ke = (e) => `stage:${e}`, Ae = (e) => `group:${e}`, je = "min-w-0 overflow-visible py-0", Me = "min-w-0 justify-start gap-2 rounded-lg px-2 py-1.5 text-start mobile:min-h-11", Ne = (e) => {
+}, De = (e) => `stage:${e}`, Oe = (e) => `group:${e}`, ke = "min-w-0 overflow-visible py-0", Ae = "min-w-0 justify-start gap-2 rounded-lg px-2 py-1.5 text-start mobile:min-h-11", je = (e) => {
 	let t = [], n = 0;
 	for (; n < e.length;) {
-		let r = e[n], i = q(r.stage.name).name, a = n + 1;
-		for (; a < e.length && q(e[a].stage.name).name === i;) a += 1;
+		let r = e[n], i = Se(r.stage.name).name, a = n + 1;
+		for (; a < e.length && Se(e[a].stage.name).name === i;) a += 1;
 		let o = e.slice(n, a);
 		o.length > 1 ? t.push({
 			key: r.stage.index,
@@ -78,7 +78,7 @@ var K = {
 		}), n = a;
 	}
 	return t;
-}, J = {
+}, X = {
 	panel: "_panel_w65is_2",
 	row: "_row_w65is_6",
 	collapseButton: "_collapseButton_w65is_10",
@@ -98,98 +98,98 @@ var K = {
 	codeInline: "_codeInline_w65is_84",
 	blockquote: "_blockquote_w65is_91",
 	tableCell: "_tableCell_w65is_96"
-}, Pe = ({ status: e, isLive: t, runningLabel: n = "Running", failedLabel: r = "Failed" }) => e === o.Failed ? /* @__PURE__ */ G(U, { children: [/* @__PURE__ */ W(x, {
+}, Me = ({ status: e, isLive: t, runningLabel: n = "Running", failedLabel: r = "Failed" }) => e === o.Failed ? /* @__PURE__ */ Y(he, { children: [/* @__PURE__ */ J(x, {
 	size: f.MD,
-	className: J.iconError,
+	className: X.iconError,
 	"aria-hidden": !0,
 	stroke: p
-}), /* @__PURE__ */ W("span", {
+}), /* @__PURE__ */ J("span", {
 	className: "sr-only",
 	children: r
-})] }) : e === o.Completed ? /* @__PURE__ */ W(S, {
+})] }) : e === o.Completed ? /* @__PURE__ */ J(S, {
 	size: f.SM,
-	className: J.iconCompleted,
+	className: X.iconCompleted,
 	"aria-hidden": !0,
 	stroke: p
-}) : t ? /* @__PURE__ */ W(y, {
+}) : t ? /* @__PURE__ */ J(y, {
 	size: 16,
 	ariaLabel: n
-}) : null, Fe = (e) => {
+}) : null, Ne = (e) => {
 	if (e == null) return "";
 	let t = e.lastIndexOf(".");
 	return t > 0 ? e.slice(0, t) : e;
-}, Ie = (e) => {
+}, Pe = (e) => {
 	if (!e) return E;
 	let t = u(e);
 	if (t.startsWith("image/")) switch (t) {
 		case "image/jpeg": return N;
-		case "image/png": return te;
-		case "image/svg+xml": return ie;
+		case "image/png": return R;
+		case "image/svg+xml": return ne;
 		case "image/bmp": return D;
-		default: return fe;
+		default: return U;
 	}
-	if (t.startsWith("video/")) return he;
-	if (t.startsWith("audio/")) return de;
+	if (t.startsWith("video/")) return ue;
+	if (t.startsWith("audio/")) return se;
 	switch (t) {
 		case "application/pdf": return I;
 		case "application/msword": return A;
 		case "application/vnd.openxmlformats-officedocument.wordprocessingml.document": return j;
-		case "application/vnd.ms-powerpoint": return L;
-		case "application/vnd.openxmlformats-officedocument.presentationml.presentation": return L;
-		case "application/vnd.ms-excel": return ce;
-		case "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet": return ce;
+		case "application/vnd.ms-powerpoint": return z;
+		case "application/vnd.openxmlformats-officedocument.presentationml.presentation": return z;
+		case "application/vnd.ms-excel": return V;
+		case "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet": return V;
 		case "application/zip":
 		case "application/vnd.rar":
 		case "application/x-7z-compressed":
 		case "application/gzip":
-		case "application/x-tar": return ue;
+		case "application/x-tar": return H;
 		case "text/csv": return k;
-		case "text/plain": return oe;
+		case "text/plain": return B;
 		case "text/html":
 		case "application/xhtml+xml": return M;
-		case "application/xml": return le;
-		case "application/sql": return re;
+		case "application/xml": return oe;
+		case "application/sql": return te;
 		case "text/javascript": return P;
 		case "text/jsx": return F;
-		case "text/typescript": return ae;
-		case "text/tsx": return R;
+		case "text/typescript": return re;
+		case "text/tsx": return ie;
 		case "text/css": return O;
-		case "text/x-php": return ee;
-		case "text/x-rustsrc": return ne;
-		case "text/x-vue": return se;
+		case "text/x-php": return L;
+		case "text/x-rustsrc": return ee;
+		case "text/x-vue": return ae;
 		default: return E;
 	}
-}, Le = (e) => {
+}, Fe = (e) => {
 	let { type: n, contentType: r } = e;
-	return n === t.Prompt ? me : n === t.Pasted ? C : n === t.Image ? fe : Ie(r ?? "");
-}, Re = (e) => {
+	return n === t.Prompt ? le : n === t.Pasted ? C : n === t.Image ? U : Pe(r ?? "");
+}, Ie = (e) => {
 	let t = u(e), r = n[t];
 	if (r) return r;
 	let i = t.split("/")[1];
 	if (i && !i.startsWith("vnd.") && !i.includes("+")) return i;
-}, ze = (e, n) => {
+}, Le = (e, n) => {
 	let { type: r, name: i, contentType: a } = e;
 	if (r === t.Prompt) return n.promptLabel ?? "Prompt";
 	if (r === t.Pasted) return n.pastedLabel ?? "Pasted";
 	if (r === t.Image) return n.imageLabel ?? "Image";
 	if (a) {
-		let e = Re(a);
+		let e = Ie(a);
 		if (e) return `.${e}`;
 	}
 	if (i == null) return "";
 	let o = i.lastIndexOf(".");
 	return o > 0 && o < i.length - 1 ? `.${i.slice(o + 1).toLowerCase()}` : i;
-}, Be = (e, n = {}) => {
+}, Re = (e, n = {}) => {
 	let { type: r, status: i, previewUrl: o, url: s } = e, c = i === a.Loading, l = i === a.Error, u = r === t.Image && !!(o ?? s) && !l, d = r === t.Link && !l;
 	return {
 		isLoading: c,
 		isError: l,
 		isImage: u,
 		isLink: d,
-		BottomIcon: d ? null : Le(e),
-		typeLabel: d ? null : ze(e, n)
+		BottomIcon: d ? null : Fe(e),
+		typeLabel: d ? null : Le(e, n)
 	};
-}, Ve = "flex size-[84px] items-center justify-center rounded-xl border", Y = {
+}, ze = "flex size-[84px] items-center justify-center rounded-xl border", Z = {
 	tray: "dial-ai-attachment-tray",
 	trayItem: "dial-ai-attachment-tray-item",
 	tile: "dial-ai-attachment-tile",
@@ -197,155 +197,157 @@ var K = {
 	tileName: "dial-ai-attachment-tile-name",
 	tileType: "dial-ai-attachment-tile-type",
 	tileAction: "dial-ai-attachment-tile-action"
-}, X = {
-	tile: "_tile_s2es2_12",
-	hovered: "_hovered_s2es2_18",
-	selected: "_selected_s2es2_28",
-	tileError: "_tileError_s2es2_33",
-	nameText: "_nameText_s2es2_38",
-	typeText: "_typeText_s2es2_42",
-	retryIcon: "_retryIcon_s2es2_46",
-	track: "_track_s2es2_50",
-	actionButton: "_actionButton_s2es2_56",
-	imageActionButton: "_imageActionButton_s2es2_60"
-}, Z = ({ ariaLabel: e, errorTitle: t, errorDescId: n, onClick: r, id: i, icon: a, className: o }) => /* @__PURE__ */ W(b, {
+}, Q = {
+	tile: "_tile_1tdbq_12",
+	hovered: "_hovered_1tdbq_18",
+	selected: "_selected_1tdbq_28",
+	tileError: "_tileError_1tdbq_33",
+	nameText: "_nameText_1tdbq_38",
+	typeText: "_typeText_1tdbq_42",
+	retryIcon: "_retryIcon_1tdbq_46",
+	track: "_track_1tdbq_50",
+	actionButton: "_actionButton_1tdbq_56",
+	imageActionButton: "_imageActionButton_1tdbq_60"
+}, Be = ({ ariaLabel: e, errorTitle: t, errorDescId: n, onClick: r, id: i, icon: a, className: o }) => /* @__PURE__ */ J(b, {
 	icon: a,
 	size: m.Small,
-	className: c("opacity-0 focus-visible:opacity-100 group-focus-within/attachment-tile:opacity-100 group-hover/attachment-tile:opacity-100", X.actionButton, o, Y.tileAction),
+	className: c("opacity-0 focus-visible:opacity-100 group-focus-within/attachment-tile:opacity-100 group-hover/attachment-tile:opacity-100", Q.actionButton, o, Z.tileAction),
 	"aria-label": e,
 	"aria-describedby": t ? n : void 0,
 	onClick: (e) => {
 		e.stopPropagation(), r(i);
 	}
-}), He = ({ ...e }) => /* @__PURE__ */ W(Z, {
-	icon: /* @__PURE__ */ W(pe, {
+}), Ve = ({ ...e }) => /* @__PURE__ */ J(Be, {
+	icon: /* @__PURE__ */ J(ce, {
 		size: f.SM,
 		"aria-hidden": !0,
 		stroke: p
 	}),
-	className: X.retryIcon,
+	className: Q.retryIcon,
 	...e
-}), Ue = ({ ...e }) => /* @__PURE__ */ W(Z, {
-	icon: /* @__PURE__ */ W(w, {
+}), He = ({ ...e }) => /* @__PURE__ */ J(Be, {
+	icon: /* @__PURE__ */ J(w, {
 		size: f.SM,
 		"aria-hidden": !0,
 		stroke: p
 	}),
 	...e
-}), We = ({ ...e }) => /* @__PURE__ */ W(Z, {
-	icon: /* @__PURE__ */ W(T, {
+}), Ue = ({ ...e }) => /* @__PURE__ */ J(Be, {
+	icon: /* @__PURE__ */ J(T, {
 		size: f.SM,
 		"aria-hidden": !0,
 		stroke: p
 	}),
 	...e
-}), Ge = ({ ...e }) => /* @__PURE__ */ W(Z, {
-	icon: /* @__PURE__ */ W(ge, {
+}), We = ({ ...e }) => /* @__PURE__ */ J(Be, {
+	icon: /* @__PURE__ */ J(de, {
 		size: f.SM,
 		"aria-hidden": !0,
 		stroke: p
 	}),
 	...e
-}), Ke = {
+}), Ge = {
 	[e.Network]: "Upload failed · network error",
 	[e.UnsupportedType]: "Upload failed · unsupported file type",
 	[e.FileTooLarge]: "Upload failed · file too large"
-}, qe = ({ attachment: t, searchQuery: n = "", onClick: r, onRetry: i, labels: o, styles: s, onDownload: l, isPasted: u, isLink: d, cssVars: f, onExpand: p, isExpandable: m, onRemove: h, isSelected: _ }) => {
-	let { clickLabel: v = "Download attachment", retryLabel: b = "Retry upload", removeLabel: x = "Remove attachment", openInNewTabLabel: S = "Open in new tab", sizeLabel: C, uploadingLabel: w = "Uploading", errorReasonLabels: T, genericErrorLabel: E = "Upload failed" } = o ?? {}, { typography: D, className: O } = s ?? {}, { id: k, name: A, status: j, errorReason: M } = t, N = j === a.Loading, P = j === a.Error, F = ve(), I = P ? M && (T?.[M] ?? Ke[M]) || E : "", { BottomIcon: ee, typeLabel: te } = Be(t), L = !P && !N && l && !d, ne = P && !!i && M !== e.UnsupportedType && M !== e.FileTooLarge, re = Number(!!L) + Number(!!ne) + Number(!!d) + Number(!!h), ie = re > 1 ? "pe-11" : re === 1 ? "pe-5" : void 0, ae = (e) => {
-		e.target === e.currentTarget && (e.key === "Enter" || e.key === " ") && (e.preventDefault(), r?.(t.id));
-	}, R = V(() => u ? A : Fe(A), [u, A]), oe = z(() => {
+}, Ke = ({ attachment: t, searchQuery: n = "", onClick: r, onRetry: i, labels: o, styles: s, onDownload: l, isPasted: u, isLink: d, cssVars: f, onExpand: p, isExpandable: m, onRemove: h, isSelected: _ }) => {
+	let { clickLabel: v = "Download attachment", expandLabel: b = "Expand pasted text", downloadLabel: x = "Download attachment", retryLabel: S = "Retry upload", removeLabel: C = "Remove attachment", openInNewTabLabel: w = "Open in new tab", sizeLabel: T, uploadingLabel: E = "Uploading", errorReasonLabels: D, genericErrorLabel: O = "Upload failed" } = o ?? {}, { typography: k, className: A } = s ?? {}, { id: j, name: M, status: N, errorReason: P } = t, F = N === a.Loading, I = N === a.Error, L = pe(), R = I ? P && (D?.[P] ?? Ge[P]) || O : "", { BottomIcon: z, typeLabel: ee } = Re(t), te = !I && !F && l && !d, ne = I && !!i && P !== e.UnsupportedType && P !== e.FileTooLarge, re = Number(!!te) + Number(!!ne) + Number(!!d) + Number(!!h), ie = re > 1 ? "pe-11" : re === 1 ? "pe-5" : void 0, B = !!m && p !== void 0, ae = B || r !== void 0, V = () => {
+		B ? p(j) : r?.(j);
+	}, oe = (e) => {
+		e.target === e.currentTarget && (e.key === "Enter" || e.key === " ") && (e.preventDefault(), V());
+	}, H = K(() => u ? M : Ne(M), [u, M]), se = W(() => {
 		window.open(t.referenceUrl, "_blank", "noopener,noreferrer");
-	}, [t]), se = c(Ve, "group/attachment-tile relative flex-col justify-between items-start gap-1 overflow-hidden p-1.5", X.tile, !P && X.hovered, _ && X.selected, P && X.tileError, Y.tile, _ && Y.tileSelected), ce = /* @__PURE__ */ W("div", {
-		title: R,
-		className: c(D?.nameClassName ?? "dial-caption-text", "line-clamp-2 w-full min-w-0 break-words", X.nameText, !P && ie, Y.tileName),
-		children: n ? /* @__PURE__ */ W(g, {
-			text: R,
+	}, [t]), U = c(ze, "group/attachment-tile relative flex-col justify-between items-start gap-1 overflow-hidden p-1.5", Q.tile, !I && Q.hovered, _ && Q.selected, I && Q.tileError, Z.tile, _ && Z.tileSelected), ce = /* @__PURE__ */ J("div", {
+		title: H,
+		className: c(k?.nameClassName ?? "dial-caption-text", "line-clamp-2 w-full min-w-0 break-words", Q.nameText, !I && ie, Z.tileName),
+		children: n ? /* @__PURE__ */ J(g, {
+			text: H,
 			query: n,
 			maxLines: 2
-		}) : R
-	}), le = ee && /* @__PURE__ */ G("div", {
-		className: c("flex w-full items-center gap-1", P && ie, Y.tileType),
-		children: [/* @__PURE__ */ W(ee, {
+		}) : H
+	}), le = z && /* @__PURE__ */ Y("div", {
+		className: c("flex w-full items-center gap-1", I && ie, Z.tileType),
+		children: [/* @__PURE__ */ J(z, {
 			size: 16,
-			className: X.typeText,
+			className: Q.typeText,
 			"aria-hidden": !0
-		}), /* @__PURE__ */ W("span", {
-			className: c(D?.metaClassName ?? "dial-caption-text", "min-w-0 flex-1 truncate", X.typeText),
-			children: C ? `${te} · ${C}` : te
+		}), /* @__PURE__ */ J("span", {
+			className: c(k?.metaClassName ?? "dial-caption-text", "min-w-0 flex-1 truncate", Q.typeText),
+			children: T ? `${ee} · ${T}` : ee
 		})]
-	}), ue = () => {
-		m && p ? p(k) : r && r(k);
-	}, de = /* @__PURE__ */ G(U, { children: [
+	}), ue = ae ? {
+		role: "button",
+		tabIndex: 0,
+		"aria-label": B ? b : v,
+		onClick: V,
+		onKeyDown: oe
+	} : {}, de = /* @__PURE__ */ Y(he, { children: [
 		ce,
 		le,
-		N && /* @__PURE__ */ W("div", {
+		F && /* @__PURE__ */ J("div", {
 			role: "progressbar",
-			"aria-label": w,
-			className: c("absolute start-[-1px] top-[-1px] flex size-full items-center justify-center rounded", X.track),
-			children: /* @__PURE__ */ W(y, { size: 32 })
+			"aria-label": E,
+			className: c("absolute start-[-1px] top-[-1px] flex size-full items-center justify-center rounded", Q.track),
+			children: /* @__PURE__ */ J(y, { size: 32 })
 		}),
-		/* @__PURE__ */ G("div", {
+		/* @__PURE__ */ Y("div", {
 			className: "absolute end-1 top-1 flex gap-1",
 			children: [
-				L && /* @__PURE__ */ W(Ue, {
-					ariaLabel: v,
-					errorTitle: I,
-					errorDescId: F,
+				te && /* @__PURE__ */ J(He, {
+					ariaLabel: x,
+					errorTitle: R,
+					errorDescId: L,
 					onClick: l,
-					id: k
+					id: j
 				}),
-				ne && /* @__PURE__ */ W(He, {
-					ariaLabel: b,
-					errorTitle: I,
-					errorDescId: F,
+				ne && /* @__PURE__ */ J(Ve, {
+					ariaLabel: S,
+					errorTitle: R,
+					errorDescId: L,
 					onClick: i,
-					id: k
+					id: j
 				}),
-				d && /* @__PURE__ */ W(We, {
-					ariaLabel: S,
-					errorTitle: I,
-					errorDescId: F,
-					onClick: oe
+				d && /* @__PURE__ */ J(Ue, {
+					ariaLabel: w,
+					errorTitle: R,
+					errorDescId: L,
+					onClick: se
 				}),
-				h && /* @__PURE__ */ W(Ge, {
-					ariaLabel: x,
-					errorTitle: I,
-					errorDescId: F,
+				h && /* @__PURE__ */ J(We, {
+					ariaLabel: C,
+					errorTitle: R,
+					errorDescId: L,
 					onClick: h,
-					id: k
+					id: j
 				})
 			]
 		}),
-		P && /* @__PURE__ */ W("span", {
-			id: F,
+		I && /* @__PURE__ */ J("span", {
+			id: L,
 			role: "status",
 			"aria-live": "polite",
 			className: "sr-only",
-			children: I
+			children: R
 		})
 	] });
-	return /* @__PURE__ */ W("div", {
+	return /* @__PURE__ */ J("div", {
 		style: f,
-		className: c("inline-flex", O),
-		children: /* @__PURE__ */ W("div", {
-			role: "button",
-			tabIndex: 0,
-			"aria-label": v,
-			"aria-busy": N,
-			onClick: ue,
-			onKeyDown: ae,
+		className: c("inline-flex", A),
+		children: /* @__PURE__ */ J("div", {
+			...ue,
+			"aria-busy": F,
 			style: f,
-			className: c(se, "cursor-pointer focus-within:outline focus-within:outline-1 focus-within:outline-offset-1"),
+			className: c(U, ae && "cursor-pointer", "focus-within:outline focus-within:outline-1 focus-within:outline-offset-1"),
 			children: de
 		})
 	});
-}, Je = /* @__PURE__ */ function(e) {
+}, qe = /* @__PURE__ */ function(e) {
 	return e.Idle = "idle", e.Loading = "loading", e.Loaded = "loaded", e.Error = "error", e;
-}({}), Ye = ({ enabled: e, src: t }) => {
-	let n = ye(null), [r, i] = H("idle");
-	return B(() => {
+}({}), Je = ({ enabled: e, src: t }) => {
+	let n = me(null), [r, i] = q("idle");
+	return G(() => {
 		i(e && t ? "loading" : "idle");
-	}, [e, t]), B(() => {
+	}, [e, t]), G(() => {
 		let r = n.current;
 		if (!r || !e || !t) return;
 		let a = () => i("loaded"), o = () => i("error");
@@ -356,65 +358,67 @@ var K = {
 		imageRef: n,
 		imageLoadStatus: r
 	};
-}, Xe = ({ attachment: e, onExpand: n, onClick: r, labels: i, onRemove: a, cssVars: o, onDownload: s, styles: l, isSelected: u }) => {
-	let { clickLabel: d = "Open attachment", expandLabel: m = "Expand pasted text", removeLabel: h = "Remove attachment", downloadLabel: g = "Download attachment" } = i ?? {}, { className: y } = l ?? {}, { id: b, name: x } = e, S = e.previewUrl ?? e.url, C = e.type === t.Pasted && n !== void 0, { isLoading: w, isError: T, isImage: E } = V(() => Be(e), [e]), D = r !== void 0 && !C && !w && !T, { imageRef: O, imageLoadStatus: k } = Ye({
+}, Ye = ({ attachment: e, onExpand: n, onClick: r, labels: i, onRemove: a, cssVars: o, onDownload: s, styles: l, isSelected: u }) => {
+	let { clickLabel: d = "Open attachment", expandLabel: m = "Expand pasted text", removeLabel: h = "Remove attachment", downloadLabel: g = "Download attachment" } = i ?? {}, { className: y } = l ?? {}, { id: b, name: x } = e, S = e.previewUrl ?? e.url, C = e.type === t.Pasted && n !== void 0, { isLoading: w, isError: T, isImage: E } = K(() => Re(e), [e]), D = r !== void 0 && !C && !w && !T, O = C || D, { imageRef: k, imageLoadStatus: A } = Je({
 		enabled: E,
 		src: S
-	}), A = () => {
+	}), j = () => {
 		C && n ? n(b) : D && r && r(b);
-	};
-	return /* @__PURE__ */ W("div", {
-		className: c(Ve, "group/attachment-tile", D && "cursor-pointer", X.tile, u && X.selected, y, Y.tile, u && Y.tileSelected),
-		onClick: A,
-		onKeyDown: (e) => {
-			e.target === e.currentTarget && (e.key === "Enter" || e.key === " ") && (e.preventDefault(), A());
-		},
-		tabIndex: 0,
+	}, M = O ? {
 		role: "button",
+		tabIndex: 0,
+		"aria-label": C ? m : d,
+		onClick: j,
+		onKeyDown: (e) => {
+			e.target === e.currentTarget && (e.key === "Enter" || e.key === " ") && (e.preventDefault(), j());
+		}
+	} : {};
+	return /* @__PURE__ */ J("div", {
+		className: c(ze, "group/attachment-tile", O && "cursor-pointer", Q.tile, u && Q.selected, y, Z.tile, u && Z.tileSelected),
+		...M,
 		style: o,
-		"aria-label": D ? d : C ? m : void 0,
-		children: /* @__PURE__ */ G("div", {
+		children: /* @__PURE__ */ Y("div", {
 			className: "relative h-full w-full overflow-hidden",
 			children: [
-				/* @__PURE__ */ G("div", {
+				/* @__PURE__ */ Y("div", {
 					className: "absolute end-1 top-1 z-10 flex gap-1",
-					children: [a && /* @__PURE__ */ W(Ge, {
+					children: [a && /* @__PURE__ */ J(We, {
 						ariaLabel: h,
 						onClick: a,
 						id: b,
-						className: X.imageActionButton
-					}), s && /* @__PURE__ */ W(Ue, {
+						className: Q.imageActionButton
+					}), s && /* @__PURE__ */ J(He, {
 						ariaLabel: g,
 						onClick: s,
 						id: b,
-						className: X.imageActionButton
+						className: Q.imageActionButton
 					})]
 				}),
-				k !== Je.Loaded && /* @__PURE__ */ W(_, {
+				A !== qe.Loaded && /* @__PURE__ */ J(_, {
 					variant: v.Rectangular,
 					width: "100%",
 					height: "100%",
-					active: k === Je.Loading,
-					overlay: /* @__PURE__ */ W(fe, {
+					active: A === qe.Loading,
+					overlay: /* @__PURE__ */ J(U, {
 						size: f.LG,
-						className: X.typeText,
+						className: Q.typeText,
 						"aria-hidden": !0,
 						stroke: p
 					}),
 					className: "absolute inset-0 rounded-xl"
 				}),
-				/* @__PURE__ */ W("img", {
-					ref: O,
+				/* @__PURE__ */ J("img", {
+					ref: k,
 					src: S,
 					alt: x,
 					loading: "lazy",
 					decoding: "async",
-					className: c("h-full w-full rounded-xl object-cover transition-opacity duration-200", k === Je.Loaded ? "opacity-100" : "opacity-0")
+					className: c("h-full w-full rounded-xl object-cover transition-opacity duration-200", A === qe.Loaded ? "opacity-100" : "opacity-0")
 				})
 			]
 		})
 	});
-}, Ze = ({ attachment: e, searchQuery: n = "", onRemove: r, onRetry: i, onExpand: a, onClick: o, onDownload: c, labels: l, styles: u, isSelected: d }) => {
+}, Xe = ({ attachment: e, searchQuery: n = "", onRemove: r, onRetry: i, onExpand: a, onClick: o, onDownload: c, labels: l, styles: u, isSelected: d }) => {
 	let { colors: f } = u ?? {}, p = e.type === t.Pasted, m = p && a !== void 0, h = s({
 		"--ai-tile-bg": f?.background,
 		"--ai-tile-border": f?.border,
@@ -431,8 +435,8 @@ var K = {
 		"--ai-tile-hover-icon-bg": f?.hoverIconBackground,
 		"--ai-tile-hover-icon-color": f?.hoverIconColor,
 		"--ai-tile-progress-track": f?.trackBackground
-	}), { isImage: g, isLink: _ } = V(() => Be(e), [e]);
-	return g ? /* @__PURE__ */ W(Xe, {
+	}), { isImage: g, isLink: _ } = K(() => Re(e), [e]);
+	return g ? /* @__PURE__ */ J(Ye, {
 		attachment: e,
 		labels: l,
 		onClick: o,
@@ -442,7 +446,7 @@ var K = {
 		cssVars: h,
 		onDownload: c,
 		isSelected: d
-	}) : /* @__PURE__ */ W(qe, {
+	}) : /* @__PURE__ */ J(Ke, {
 		attachment: e,
 		searchQuery: n,
 		onClick: o,
@@ -458,7 +462,7 @@ var K = {
 		isExpandable: m,
 		isSelected: d
 	});
-}, Qe = (e) => {
+}, Ze = (e) => {
 	let t = l(e);
 	if (!e?.length) return t;
 	let n = /* @__PURE__ */ new Map();
@@ -473,118 +477,125 @@ var K = {
 			contentType: t
 		} : e;
 	});
-}, $e = ({ children: e, codeClassName: t, blockClassName: n = "dial-code-text", copyAriaLabel: i }) => /* @__PURE__ */ W(r, {
+}, Qe = ({ children: e, codeClassName: t, blockClassName: n = "dial-code-text", copyAriaLabel: i, copiedLabel: a }) => /* @__PURE__ */ J(r, {
 	language: t?.replace(/^language-/, "") ?? "",
 	value: typeof e == "string" ? e : String(e ?? ""),
 	codeClassName: n,
-	containerClassName: c(J.codeBlock, n),
+	containerClassName: c(X.codeBlock, n),
 	copyLabel: i,
+	copiedLabel: a,
 	hideDownload: !0
-}), et = _e(({ content: e, typography: t, copyAriaLabel: n = "Copy" }) => {
-	let r = "mb-1.5 last:mb-0", a = c(t?.headingClassName ?? "dial-small-semi-text", J.stageContent, r);
-	return /* @__PURE__ */ W(i, {
+}), $e = fe(({ content: e, typography: t, copyAriaLabel: n = "Copy", copiedLabel: r, tableScrollRegionAriaLabel: a, mathScrollRegionAriaLabel: o }) => {
+	let s = "mb-1.5 last:mb-0", l = c(t?.headingClassName ?? "dial-small-semi-text", X.stageContent, s);
+	return /* @__PURE__ */ J(i, {
 		content: e,
+		tableScrollRegionAriaLabel: a,
+		mathScrollRegionAriaLabel: o,
 		classNames: {
-			h1: a,
-			h2: a,
-			h3: a,
-			h4: a,
-			h5: a,
-			h6: a,
-			p: c(t?.contentClassName ?? "dial-tiny-text", J.stageContent, "mb-1.5"),
-			ul: c(t?.contentClassName ?? "dial-tiny-text", J.stageContent, r),
-			ol: c(t?.contentClassName ?? "dial-tiny-text", J.stageContent, r),
-			strong: c(t?.strongClassName ?? t?.contentClassName ?? "dial-tiny-text", J.stageContent),
-			codeInline: J.codeInline,
-			blockquote: c(t?.contentClassName ?? "dial-tiny-text", J.blockquote, r),
-			link: c(t?.contentClassName ?? "dial-tiny-text", J.stageContent),
-			tableCell: c(t?.contentClassName ?? "dial-tiny-text", J.tableCell)
+			h1: l,
+			h2: l,
+			h3: l,
+			h4: l,
+			h5: l,
+			h6: l,
+			p: c(t?.contentClassName ?? "dial-tiny-text", X.stageContent, "mb-1.5"),
+			ul: c(t?.contentClassName ?? "dial-tiny-text", X.stageContent, s),
+			ol: c(t?.contentClassName ?? "dial-tiny-text", X.stageContent, s),
+			strong: c(t?.strongClassName ?? t?.contentClassName ?? "dial-tiny-text", X.stageContent),
+			codeInline: X.codeInline,
+			blockquote: c(t?.contentClassName ?? "dial-tiny-text", X.blockquote, s),
+			link: c(t?.contentClassName ?? "dial-tiny-text", X.stageContent),
+			tableCell: c(t?.contentClassName ?? "dial-tiny-text", X.tableCell)
 		},
-		components: { code: ({ children: e, className: r }) => r?.includes("language-") ? /* @__PURE__ */ W($e, {
-			codeClassName: r,
+		components: { code: ({ children: e, className: i }) => i?.includes("language-") ? /* @__PURE__ */ J(Qe, {
+			codeClassName: i,
 			blockClassName: t?.codeBlockClassName,
 			copyAriaLabel: n,
+			copiedLabel: r,
 			children: e
-		}) : /* @__PURE__ */ W("code", {
-			className: c("px-1 py-0.5", t?.codeClassName ?? "dial-tiny-text rounded-md", J.codeInline),
+		}) : /* @__PURE__ */ J("code", {
+			className: c("px-1 py-0.5", t?.codeClassName ?? "dial-tiny-text rounded-md", X.codeInline),
 			children: e
 		}) }
 	});
-}), tt = ({ attachments: e, clickLabel: t, onAttachmentClick: n }) => {
-	let r = z((t) => {
+}), et = ({ attachments: e, clickLabel: t, onAttachmentClick: n }) => {
+	let r = W((t) => {
 		let r = e.find((e) => e.id === t);
 		r && n?.(r);
 	}, [e, n]);
-	return /* @__PURE__ */ W("div", {
+	return /* @__PURE__ */ J("div", {
 		role: "list",
 		className: "flex flex-wrap gap-3",
-		children: e.map((e) => /* @__PURE__ */ W("div", {
+		children: e.map((e) => /* @__PURE__ */ J("div", {
 			role: "listitem",
-			children: /* @__PURE__ */ W(Ze, {
+			children: /* @__PURE__ */ J(Xe, {
 				attachment: e,
 				onClick: n && r,
 				labels: { clickLabel: t }
 			})
 		}, e.id))
 	});
-}, nt = ({ stage: e, isLive: t, typography: n, labels: r, nameOverride: i, onAttachmentClick: a, childList: s, isExpanded: l, onToggle: u }) => {
-	let [f, p] = H(!1), m = l ?? f, g = z((e) => {
+}, tt = ({ stage: e, isLive: t, typography: n, labels: r, nameOverride: i, onAttachmentClick: a, childList: s, isExpanded: l, onToggle: u }) => {
+	let [f, p] = q(!1), m = l ?? f, g = W((e) => {
 		l === void 0 && p(e), u?.(e);
-	}, [l, u]), { copyAriaLabel: _ = "Copy stage content", runningAriaLabel: v, failedAriaLabel: y, attachmentClickLabel: b = "Preview search result" } = r ?? {}, x = V(() => Qe(e.attachments), [e.attachments]), { name: S, durationLabel: C } = q(e.name), w = i ?? S, T = !i && Te(S), E = e.status === o.Failed, D = !!e.content || !!e.attachments?.length, O = D || s != null, k = /* @__PURE__ */ G(U, { children: [
-		/* @__PURE__ */ W("span", {
+	}, [l, u]), { copyAriaLabel: _ = "Copy stage content", codeBlockCopiedLabel: v, tableScrollRegionAriaLabel: y, mathScrollRegionAriaLabel: b, runningAriaLabel: x, failedAriaLabel: S, attachmentClickLabel: C = "Preview search result" } = r ?? {}, w = K(() => Ze(e.attachments), [e.attachments]), { name: T, durationLabel: E } = Se(e.name), D = i ?? T, O = !i && Ce(T), k = e.status === o.Failed, A = !!e.content || !!e.attachments?.length, j = A || s != null, M = /* @__PURE__ */ Y(he, { children: [
+		/* @__PURE__ */ J("span", {
 			className: "flex flex-none items-center",
-			children: /* @__PURE__ */ W(Pe, {
+			children: /* @__PURE__ */ J(Me, {
 				status: e.status,
 				isLive: t,
-				runningLabel: v,
-				failedLabel: y
+				runningLabel: x,
+				failedLabel: S
 			})
 		}),
-		/* @__PURE__ */ W("span", {
-			className: c("min-w-0 max-w-[22rem] truncate", n?.fontClassName ?? "dial-small-text", J.stageName, E && J.stageNameFailed, T && J.monoName),
-			children: /* @__PURE__ */ W(h, { text: w || e.status || "" })
+		/* @__PURE__ */ J("span", {
+			className: c("min-w-0 max-w-[22rem] truncate", n?.fontClassName ?? "dial-small-text", X.stageName, k && X.stageNameFailed, O && X.monoName),
+			children: /* @__PURE__ */ J(h, { text: D || e.status || "" })
 		}),
-		e.tag && /* @__PURE__ */ W("span", {
-			className: c("flex-none", n?.tagClassName ?? "dial-tiny-lead-text", J.tag),
+		e.tag && /* @__PURE__ */ J("span", {
+			className: c("flex-none", n?.tagClassName ?? "dial-tiny-lead-text", X.tag),
 			children: e.tag
 		}),
-		C && /* @__PURE__ */ W("span", {
-			className: c("flex-none", n?.countFontClassName ?? "dial-tiny-text", J.duration),
-			children: C
+		E && /* @__PURE__ */ J("span", {
+			className: c("flex-none", n?.countFontClassName ?? "dial-tiny-text", X.duration),
+			children: E
 		})
 	] });
-	return O ? /* @__PURE__ */ G(d, {
+	return j ? /* @__PURE__ */ Y(d, {
 		expanded: m,
 		onToggle: g,
-		title: /* @__PURE__ */ W("span", {
+		title: /* @__PURE__ */ J("span", {
 			className: "flex min-w-0 items-center gap-2",
-			children: k
+			children: M
 		}),
-		className: je,
-		headerClassName: c(Me, J.row, J.stageHeader),
-		contentClassName: c("-mt-1 flex min-w-0 flex-col gap-3 px-0 py-1", J.stageRegion),
-		children: [m && D && /* @__PURE__ */ G("div", {
+		className: ke,
+		headerClassName: c(Ae, X.row, X.stageHeader),
+		contentClassName: c("-mt-1 flex min-w-0 flex-col gap-3 px-0 py-1", X.stageRegion),
+		children: [m && A && /* @__PURE__ */ Y("div", {
 			className: "flex min-w-0 flex-col gap-3 ps-8",
-			children: [e.content && /* @__PURE__ */ W("div", {
+			children: [e.content && /* @__PURE__ */ J("div", {
 				className: "max-h-[300px] min-w-0 overflow-y-auto",
-				children: /* @__PURE__ */ W(et, {
+				children: /* @__PURE__ */ J($e, {
 					content: e.content,
 					typography: n,
-					copyAriaLabel: _
+					copyAriaLabel: _,
+					copiedLabel: v,
+					tableScrollRegionAriaLabel: y,
+					mathScrollRegionAriaLabel: b
 				})
-			}), x.length > 0 && /* @__PURE__ */ W(tt, {
-				attachments: x,
-				clickLabel: b,
+			}), w.length > 0 && /* @__PURE__ */ J(et, {
+				attachments: w,
+				clickLabel: C,
 				onAttachmentClick: a
 			})]
 		}), m && s]
-	}) : /* @__PURE__ */ W("div", {
-		className: c("flex w-full items-center gap-2 px-2 py-1.5", J.row),
-		children: k
+	}) : /* @__PURE__ */ J("div", {
+		className: c("flex w-full items-center gap-2 px-2 py-1.5", X.row),
+		children: M
 	});
-}, rt = (e) => e <= 3 ? "ps-4" : "ps-0", it = (e) => e <= 3 ? "ps-6" : "ps-0", at = ({ node: e, depth: t, nameOverride: n, isStreaming: r, expansion: i, typography: a, labels: o, onAttachmentClick: s }) => {
-	let c = ke(e.stage.index), l = t + 1;
-	return /* @__PURE__ */ W(nt, {
+}, nt = (e) => e <= 3 ? "ps-4" : "ps-0", rt = (e) => e <= 3 ? "ps-6" : "ps-0", it = ({ node: e, depth: t, nameOverride: n, isStreaming: r, expansion: i, typography: a, labels: o, onAttachmentClick: s }) => {
+	let c = De(e.stage.index), l = t + 1;
+	return /* @__PURE__ */ J(tt, {
 		stage: e.stage,
 		nameOverride: n,
 		isLive: r && e.stage.status == null,
@@ -593,10 +604,10 @@ var K = {
 		onAttachmentClick: s,
 		isExpanded: i.isExpanded(c),
 		onToggle: (e) => i.onToggle(c, e),
-		childList: e.children.length > 0 ? /* @__PURE__ */ W(st, {
+		childList: e.children.length > 0 ? /* @__PURE__ */ J(ot, {
 			nodes: e.children,
 			depth: l,
-			className: rt(l),
+			className: nt(l),
 			isStreaming: r,
 			expansion: i,
 			typography: a,
@@ -604,45 +615,45 @@ var K = {
 			onAttachmentClick: s
 		}) : void 0
 	});
-}, ot = ({ row: e, depth: t, isStreaming: n, expansion: r, typography: i, labels: a, onAttachmentClick: s }) => {
+}, at = ({ row: e, depth: t, isStreaming: n, expansion: r, typography: i, labels: a, onAttachmentClick: s }) => {
 	let { runningAriaLabel: l, failedAriaLabel: u, attemptLabel: f = (e) => `Attempt ${e}` } = a ?? {}, p = e.attempts ?? [], m = p.some((e) => e.stage.status == null), g = p.some((e) => e.stage.status === o.Failed), _ = o.Completed;
 	m ? _ = null : g && (_ = o.Failed);
-	let v = Ae(e.key), y = r.isExpanded(v), b = t + 1;
-	return /* @__PURE__ */ W(d, {
-		title: /* @__PURE__ */ G("span", {
+	let v = Oe(e.key), y = r.isExpanded(v), b = t + 1;
+	return /* @__PURE__ */ J(d, {
+		title: /* @__PURE__ */ Y("span", {
 			className: "flex min-w-0 items-center gap-2",
 			children: [
-				/* @__PURE__ */ W("span", {
+				/* @__PURE__ */ J("span", {
 					className: "flex flex-none items-center",
-					children: /* @__PURE__ */ W(Pe, {
+					children: /* @__PURE__ */ J(Me, {
 						status: _,
 						isLive: n && m,
 						runningLabel: l,
 						failedLabel: u
 					})
 				}),
-				/* @__PURE__ */ W("span", {
-					className: c("min-w-0 max-w-[22rem] truncate", i?.fontClassName ?? "dial-small-text", J.stageName, g && J.stageNameFailed),
-					children: /* @__PURE__ */ W(h, { text: e.name })
+				/* @__PURE__ */ J("span", {
+					className: c("min-w-0 max-w-[22rem] truncate", i?.fontClassName ?? "dial-small-text", X.stageName, g && X.stageNameFailed),
+					children: /* @__PURE__ */ J(h, { text: e.name })
 				}),
-				/* @__PURE__ */ G("span", {
-					className: c("flex-none", i?.countFontClassName ?? "dial-tiny-text", J.count),
+				/* @__PURE__ */ Y("span", {
+					className: c("flex-none", i?.countFontClassName ?? "dial-tiny-text", X.count),
 					children: ["×", p.length]
 				})
 			]
 		}),
 		expanded: y,
 		onToggle: (e) => r.onToggle(v, e),
-		className: je,
-		headerClassName: c(Me, J.collapseButton, J.row, J.stageHeader),
-		contentClassName: c("-mt-2 min-w-0 px-0", it(b), J.stageRegion),
-		children: /* @__PURE__ */ W("ul", {
+		className: ke,
+		headerClassName: c(Ae, X.collapseButton, X.row, X.stageHeader),
+		contentClassName: c("-mt-2 min-w-0 px-0", rt(b), X.stageRegion),
+		children: /* @__PURE__ */ J("ul", {
 			role: "list",
 			className: "flex min-w-0 flex-col gap-0.5",
-			children: y && p.map((e, t) => /* @__PURE__ */ W("li", {
+			children: y && p.map((e, t) => /* @__PURE__ */ J("li", {
 				role: "listitem",
 				className: "min-w-0",
-				children: /* @__PURE__ */ W(at, {
+				children: /* @__PURE__ */ J(it, {
 					node: e,
 					depth: b,
 					nameOverride: f(t + 1),
@@ -655,23 +666,23 @@ var K = {
 			}, e.stage.index))
 		})
 	});
-}, st = ({ nodes: e, depth: t, className: n, ...r }) => /* @__PURE__ */ W("ul", {
+}, ot = ({ nodes: e, depth: t, className: n, ...r }) => /* @__PURE__ */ J("ul", {
 	role: "list",
 	className: c("flex min-w-0 flex-col gap-0.5", n),
-	children: Ne(e).map((e) => /* @__PURE__ */ W("li", {
+	children: je(e).map((e) => /* @__PURE__ */ J("li", {
 		role: "listitem",
 		className: "min-w-0",
-		children: e.node ? /* @__PURE__ */ W(at, {
+		children: e.node ? /* @__PURE__ */ J(it, {
 			node: e.node,
 			depth: t,
 			...r
-		}) : /* @__PURE__ */ W(ot, {
+		}) : /* @__PURE__ */ J(at, {
 			row: e,
 			depth: t,
 			...r
 		})
 	}, e.key))
-}), Q = ({ stages: e, isStreaming: t, className: n, styles: r, labels: i, onAttachmentClick: a, expansion: o }) => {
+}), st = ({ stages: e, isStreaming: t, className: n, styles: r, labels: i, onAttachmentClick: a, expansion: o }) => {
 	let { colors: l, typography: u } = r ?? {}, d = s({
 		"--cs-text": l?.text,
 		"--cs-row-hover": l?.rowHoverColor,
@@ -688,11 +699,11 @@ var K = {
 		"--cs-code-border": l?.codeBorderColor,
 		"--cs-code-text": l?.codeTextColor,
 		"--cs-border": l?.borderColor
-	}), f = V(() => Oe(e), [e]);
-	return /* @__PURE__ */ W("div", {
+	}), f = K(() => Ee(e), [e]);
+	return /* @__PURE__ */ J("div", {
 		style: d,
-		className: c("w-full min-w-0", J.panel, n, K.panel),
-		children: /* @__PURE__ */ W(st, {
+		className: c("w-full min-w-0", X.panel, n, ge.panel),
+		children: /* @__PURE__ */ J(ot, {
 			nodes: f,
 			depth: 0,
 			className: "w-full ps-5",
@@ -704,8 +715,8 @@ var K = {
 		})
 	});
 }, ct = (e) => {
-	let t = be();
-	return /* @__PURE__ */ W(Q, {
+	let t = _e();
+	return /* @__PURE__ */ J(st, {
 		...e,
 		expansion: t
 	});
@@ -717,83 +728,86 @@ var K = {
 	failedText: "_failedText_16fae_40",
 	liveName: "_liveName_16fae_44"
 }, lt = ({ stages: e, isStreaming: t, labels: n, className: r, styles: i, onAttachmentClick: a }) => {
-	let { executedLabel: l = "Executed", stepsLabel: u = () => "steps", failedCountLabel: m = (e) => `${e} failed`, runningAriaLabel: g = "Running", copyAriaLabel: _, failedAriaLabel: v, attemptLabel: b, attachmentClickLabel: x } = n ?? {}, [C, w] = H(t), T = be(), { reset: E } = T, D = e.length > 1;
-	B(() => {
-		D && !C && E();
+	let { executedLabel: l = "Executed", stepsLabel: u = () => "steps", failedCountLabel: m = (e) => `${e} failed`, runningAriaLabel: g = "Running", copyAriaLabel: _, codeBlockCopiedLabel: v, tableScrollRegionAriaLabel: b, mathScrollRegionAriaLabel: x, failedAriaLabel: C, attemptLabel: w, attachmentClickLabel: T } = n ?? {}, [E, D] = q(t), O = _e(), { reset: k } = O, A = e.length > 1;
+	G(() => {
+		A && !E && k();
 	}, [
-		D,
-		C,
-		E
+		A,
+		E,
+		k
 	]);
-	let O = ye(t);
-	B(() => {
-		O.current && !t && w(!1), O.current = t;
+	let j = me(t);
+	G(() => {
+		j.current && !t && D(!1), j.current = t;
 	}, [t]);
-	let { colors: k, panel: A } = i ?? {}, j = i?.typography ?? { fontClassName: "dial-small-text" }, M = s({
-		"--cs-cg-label": k?.labelColor,
-		"--cs-cg-label-hover": k?.labelHoverColor,
-		"--cs-cg-done": k?.doneColor,
-		"--cs-cg-failed": k?.failedColor,
-		"--cs-text": A?.text,
-		"--cs-row-hover": A?.rowHoverColor,
-		"--cs-button-bg": A?.collapsedButtonBg,
-		"--cs-stage-text": A?.stageTextColor,
-		"--cs-failed-text": A?.failedColor,
-		"--cs-tag-text": A?.tagTextColor,
-		"--cs-count-text": A?.countTextColor,
-		"--cs-duration-text": A?.durationTextColor,
-		"--cs-icon-secondary": A?.iconSecondaryColor,
-		"--cs-icon-completed": A?.iconCompletedColor,
-		"--cs-icon-error": A?.iconErrorColor,
-		"--cs-code-bg": A?.codeBg,
-		"--cs-code-border": A?.codeBorderColor,
-		"--cs-code-text": A?.codeTextColor,
-		"--cs-border": A?.borderColor
+	let { colors: M, panel: N } = i ?? {}, P = i?.typography ?? { fontClassName: "dial-small-text" }, F = s({
+		"--cs-cg-label": M?.labelColor,
+		"--cs-cg-label-hover": M?.labelHoverColor,
+		"--cs-cg-done": M?.doneColor,
+		"--cs-cg-failed": M?.failedColor,
+		"--cs-text": N?.text,
+		"--cs-row-hover": N?.rowHoverColor,
+		"--cs-button-bg": N?.collapsedButtonBg,
+		"--cs-stage-text": N?.stageTextColor,
+		"--cs-failed-text": N?.failedColor,
+		"--cs-tag-text": N?.tagTextColor,
+		"--cs-count-text": N?.countTextColor,
+		"--cs-duration-text": N?.durationTextColor,
+		"--cs-icon-secondary": N?.iconSecondaryColor,
+		"--cs-icon-completed": N?.iconCompletedColor,
+		"--cs-icon-error": N?.iconErrorColor,
+		"--cs-code-bg": N?.codeBg,
+		"--cs-code-border": N?.codeBorderColor,
+		"--cs-code-text": N?.codeTextColor,
+		"--cs-border": N?.borderColor
 	});
 	if (e.length === 0) return null;
-	let N = {
+	let I = {
 		copyAriaLabel: _,
+		codeBlockCopiedLabel: v,
+		tableScrollRegionAriaLabel: b,
+		mathScrollRegionAriaLabel: x,
 		runningAriaLabel: g,
-		failedAriaLabel: v,
-		attemptLabel: b,
-		attachmentClickLabel: x
+		failedAriaLabel: C,
+		attemptLabel: w,
+		attachmentClickLabel: T
 	};
-	if (e.length === 1) return /* @__PURE__ */ W(Q, {
+	if (e.length === 1) return /* @__PURE__ */ J(st, {
 		stages: e,
 		isStreaming: t,
-		expansion: T,
+		expansion: O,
 		className: r,
 		styles: {
-			colors: A,
+			colors: N,
 			typography: i?.typography
 		},
-		labels: N,
+		labels: I,
 		onAttachmentClick: a
 	});
-	let P = e.some((e) => e.status === o.Failed), F;
+	let L = e.some((e) => e.status === o.Failed), R;
 	if (t) {
-		let t = q((Ee(e) ?? e[e.length - 1]).name).name;
-		F = /* @__PURE__ */ G("span", {
+		let t = Se((we(e) ?? e[e.length - 1]).name).name;
+		R = /* @__PURE__ */ Y("span", {
 			role: "status",
 			"aria-live": "polite",
 			className: "flex min-w-0 items-center gap-2",
-			children: [/* @__PURE__ */ W("span", {
+			children: [/* @__PURE__ */ J("span", {
 				className: "flex flex-none items-center",
-				children: /* @__PURE__ */ W(y, {
+				children: /* @__PURE__ */ J(y, {
 					size: 14,
 					ariaLabel: g
 				})
-			}), t && /* @__PURE__ */ W("span", {
-				className: c("min-w-0 max-w-[22rem] truncate", j.fontClassName, $.liveName),
-				children: /* @__PURE__ */ W(h, { text: t })
+			}), t && /* @__PURE__ */ J("span", {
+				className: c("min-w-0 max-w-[22rem] truncate", P.fontClassName, $.liveName),
+				children: /* @__PURE__ */ J(h, { text: t })
 			})]
 		});
-	} else if (P) {
+	} else if (L) {
 		let t = e.filter((e) => e.status === o.Failed).length;
-		F = /* @__PURE__ */ G("span", {
+		R = /* @__PURE__ */ Y("span", {
 			className: "inline-flex items-center gap-1",
-			children: [/* @__PURE__ */ G("span", {
-				className: c(j.fontClassName, $.executedLabel),
+			children: [/* @__PURE__ */ Y("span", {
+				className: c(P.fontClassName, $.executedLabel),
 				children: [
 					l,
 					" ",
@@ -801,20 +815,20 @@ var K = {
 					" ",
 					u(e.length)
 				]
-			}), /* @__PURE__ */ W("span", {
-				className: c(j.fontClassName, $.failedText),
+			}), /* @__PURE__ */ J("span", {
+				className: c(P.fontClassName, $.failedText),
 				children: m(t)
 			})]
 		});
-	} else F = /* @__PURE__ */ G("span", {
+	} else R = /* @__PURE__ */ Y("span", {
 		className: "inline-flex items-center gap-1",
-		children: [/* @__PURE__ */ W(S, {
+		children: [/* @__PURE__ */ J(S, {
 			size: f.SM,
 			className: $.doneIcon,
 			"aria-hidden": !0,
 			stroke: p
-		}), /* @__PURE__ */ G("span", {
-			className: c(j.fontClassName, $.executedLabel),
+		}), /* @__PURE__ */ Y("span", {
+			className: c(P.fontClassName, $.executedLabel),
 			children: [
 				l,
 				" ",
@@ -824,25 +838,25 @@ var K = {
 			]
 		})]
 	});
-	return /* @__PURE__ */ W("div", {
-		style: M,
-		className: c("flex w-full flex-col gap-1", r, K.group),
-		children: /* @__PURE__ */ W(d, {
-			title: F,
-			expanded: C,
-			onToggle: w,
+	return /* @__PURE__ */ J("div", {
+		style: F,
+		className: c("flex w-full flex-col gap-1", r, ge.group),
+		children: /* @__PURE__ */ J(d, {
+			title: R,
+			expanded: E,
+			onToggle: D,
 			className: "overflow-visible py-0",
-			headerClassName: c("justify-start gap-1 rounded-none px-0", $.toggleButton, K.groupToggle),
+			headerClassName: c("justify-start gap-1 rounded-none px-0", $.toggleButton, ge.groupToggle),
 			contentClassName: c("-mt-2 px-0", $.groupRegion),
-			children: C && /* @__PURE__ */ W(Q, {
+			children: E && /* @__PURE__ */ J(st, {
 				stages: e,
 				isStreaming: t,
-				expansion: T,
+				expansion: O,
 				styles: {
-					colors: A,
+					colors: N,
 					typography: i?.typography
 				},
-				labels: N,
+				labels: I,
 				className: "pt-1",
 				onAttachmentClick: a
 			})
@@ -850,4 +864,4 @@ var K = {
 	});
 };
 //#endregion
-export { K as CONVERSATION_STAGES_CLASS, lt as CollapsedGroup, ct as StagesPanel };
+export { ge as CONVERSATION_STAGES_CLASS, lt as CollapsedGroup, ct as StagesPanel };

package/models/collapsed-group.d.ts

@@ -35,8 +35,14 @@ export interface CollapsedGroupLabels {
     failedCountLabel?: (failedCount: number) => string;
     /** Accessible label announced for the running summary's spinner. Defaults to `'Running'`. */
     runningAriaLabel?: string;
-    /** Accessible label for the copy button on each stage's content. Defaults to `'Copy'`. */
+    /** Accessible label for the copy button on each stage content code block. Defaults to `'Copy stage content'`. */
     copyAriaLabel?: string;
+    /** Status announced after a stage content code block has been copied. Defaults to `'Copied!'`. */
+    codeBlockCopiedLabel?: string;
+    /** Accessible label for a table's horizontally scrollable region in stage content. Defaults to `'Scrollable table'`. */
+    tableScrollRegionAriaLabel?: string;
+    /** Accessible label for a block formula's horizontally scrollable region in stage content. Defaults to `'Scrollable formula'`. */
+    mathScrollRegionAriaLabel?: string;
     /** Visually-hidden label announced alongside a failed stage's icon. Defaults to `'Failed'`. */
     failedAriaLabel?: string;
     /** Returns the label for a single attempt inside a collapsed `×N` group. Defaults to `(n) => \`Attempt ${n}\``. */

package/models/collapsed-group.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"collapsed-group.d.ts","sourceRoot":"","sources":["../../src/models/collapsed-group.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,KAAK,EAAE,MAAM,2BAA2B,CAAC;AAC1E,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAExD,2FAA2F;AAC3F,MAAM,WAAW,oBAAoB;IACnC,iDAAiD;IACjD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,0DAA0D;IAC1D,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,8EAA8E;IAC9E,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0DAA0D;IAC1D,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,iEAAiE;AACjE,MAAM,WAAW,wBAAwB;IACvC,6FAA6F;IAC7F,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,2FAA2F;AAC3F,MAAM,WAAW,oBAAoB;IACnC,wDAAwD;IACxD,MAAM,CAAC,EAAE,oBAAoB,CAAC;IAC9B,8CAA8C;IAC9C,UAAU,CAAC,EAAE,wBAAwB,CAAC;IACtC,4DAA4D;IAC5D,KAAK,CAAC,EAAE,iBAAiB,CAAC;CAC3B;AAED,+DAA+D;AAC/D,MAAM,WAAW,oBAAoB;IACnC,yFAAyF;IACzF,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,uEAAuE;IACvE,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IACvC,+FAA+F;IAC/F,gBAAgB,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,MAAM,CAAC;IACnD,6FAA6F;IAC7F,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,0FAA0F;IAC1F,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,+FAA+F;IAC/F,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,mHAAmH;IACnH,YAAY,CAAC,EAAE,CAAC,aAAa,EAAE,MAAM,KAAK,MAAM,CAAC;IACjD,sHAAsH;IACtH,oBAAoB,CAAC,EAAE,MAAM,CAAC;CAC/B;AAED,wDAAwD;AACxD,MAAM,WAAW,mBAAmB;IAClC,yCAAyC;IACzC,MAAM,EAAE,KAAK,EAAE,CAAC;IAChB,8FAA8F;IAC9F,WAAW,EAAE,OAAO,CAAC;IACrB,kDAAkD;IAClD,MAAM,CAAC,EAAE,oBAAoB,CAAC;IAC9B,yDAAyD;IACzD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uEAAuE;IACvE,MAAM,CAAC,EAAE,oBAAoB,CAAC;IAC9B,gHAAgH;IAChH,iBAAiB,CAAC,EAAE,CAAC,UAAU,EAAE,iBAAiB,KAAK,IAAI,CAAC;CAC7D"}
+{"version":3,"file":"collapsed-group.d.ts","sourceRoot":"","sources":["../../src/models/collapsed-group.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,KAAK,EAAE,MAAM,2BAA2B,CAAC;AAC1E,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAExD,2FAA2F;AAC3F,MAAM,WAAW,oBAAoB;IACnC,iDAAiD;IACjD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,0DAA0D;IAC1D,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,8EAA8E;IAC9E,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0DAA0D;IAC1D,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,iEAAiE;AACjE,MAAM,WAAW,wBAAwB;IACvC,6FAA6F;IAC7F,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,2FAA2F;AAC3F,MAAM,WAAW,oBAAoB;IACnC,wDAAwD;IACxD,MAAM,CAAC,EAAE,oBAAoB,CAAC;IAC9B,8CAA8C;IAC9C,UAAU,CAAC,EAAE,wBAAwB,CAAC;IACtC,4DAA4D;IAC5D,KAAK,CAAC,EAAE,iBAAiB,CAAC;CAC3B;AAED,+DAA+D;AAC/D,MAAM,WAAW,oBAAoB;IACnC,yFAAyF;IACzF,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,uEAAuE;IACvE,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IACvC,+FAA+F;IAC/F,gBAAgB,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,MAAM,CAAC;IACnD,6FAA6F;IAC7F,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,iHAAiH;IACjH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,kGAAkG;IAClG,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,wHAAwH;IACxH,0BAA0B,CAAC,EAAE,MAAM,CAAC;IACpC,kIAAkI;IAClI,yBAAyB,CAAC,EAAE,MAAM,CAAC;IACnC,+FAA+F;IAC/F,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,mHAAmH;IACnH,YAAY,CAAC,EAAE,CAAC,aAAa,EAAE,MAAM,KAAK,MAAM,CAAC;IACjD,sHAAsH;IACtH,oBAAoB,CAAC,EAAE,MAAM,CAAC;CAC/B;AAED,wDAAwD;AACxD,MAAM,WAAW,mBAAmB;IAClC,yCAAyC;IACzC,MAAM,EAAE,KAAK,EAAE,CAAC;IAChB,8FAA8F;IAC9F,WAAW,EAAE,OAAO,CAAC;IACrB,kDAAkD;IAClD,MAAM,CAAC,EAAE,oBAAoB,CAAC;IAC9B,yDAAyD;IACzD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uEAAuE;IACvE,MAAM,CAAC,EAAE,oBAAoB,CAAC;IAC9B,gHAAgH;IAChH,iBAAiB,CAAC,EAAE,CAAC,UAAU,EAAE,iBAAiB,KAAK,IAAI,CAAC;CAC7D"}

package/models/stages-props.d.ts

@@ -60,8 +60,14 @@ export interface StagesPanelStyles {
 }
 /** User-visible strings for the `StagesPanel` component. */
 export interface StagesPanelLabels {
-    /** Accessible label for the copy button on each stage's content. Defaults to `'Copy'`. */
+    /** Accessible label for the copy button on each stage content code block. Defaults to `'Copy stage content'`. */
     copyAriaLabel?: string;
+    /** Status announced after a stage content code block has been copied. Defaults to `'Copied!'`. */
+    codeBlockCopiedLabel?: string;
+    /** Accessible label for a table's horizontally scrollable region in stage content. Defaults to `'Scrollable table'`. */
+    tableScrollRegionAriaLabel?: string;
+    /** Accessible label for a block formula's horizontally scrollable region in stage content. Defaults to `'Scrollable formula'`. */
+    mathScrollRegionAriaLabel?: string;
     /** Accessible label announced for a running stage's spinner. Defaults to `'Running'`. */
     runningAriaLabel?: string;
     /** Visually-hidden label announced alongside a failed stage's icon. Defaults to `'Failed'`. */

package/models/stages-props.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"stages-props.d.ts","sourceRoot":"","sources":["../../src/models/stages-props.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,KAAK,EAAE,MAAM,2BAA2B,CAAC;AAE1E,gGAAgG;AAChG,MAAM,WAAW,eAAe;IAC9B,yFAAyF;IACzF,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,wJAAwJ;IACxJ,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,kJAAkJ;IAClJ,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,kIAAkI;IAClI,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,0JAA0J;IAC1J,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,uFAAuF;IACvF,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,6GAA6G;IAC7G,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,gIAAgI;IAChI,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,2EAA2E;AAC3E,MAAM,WAAW,iBAAiB;IAChC,wDAAwD;IACxD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,qEAAqE;IACrE,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,qEAAqE;IACrE,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,4EAA4E;IAC5E,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,wEAAwE;IACxE,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,qEAAqE;IACrE,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,wFAAwF;IACxF,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,6EAA6E;IAC7E,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,4FAA4F;IAC5F,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,uEAAuE;IACvE,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,uEAAuE;IACvE,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,+FAA+F;IAC/F,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,4FAA4F;IAC5F,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,mEAAmE;IACnE,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,2FAA2F;IAC3F,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,wFAAwF;AACxF,MAAM,WAAW,iBAAiB;IAChC,wDAAwD;IACxD,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAC3B,iEAAiE;IACjE,UAAU,CAAC,EAAE,eAAe,CAAC;CAC9B;AAED,4DAA4D;AAC5D,MAAM,WAAW,iBAAiB;IAChC,0FAA0F;IAC1F,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,yFAAyF;IACzF,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,+FAA+F;IAC/F,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,kGAAkG;IAClG,YAAY,CAAC,EAAE,CAAC,aAAa,EAAE,MAAM,KAAK,MAAM,CAAC;IACjD,sHAAsH;IACtH,oBAAoB,CAAC,EAAE,MAAM,CAAC;CAC/B;AAED,qDAAqD;AACrD,MAAM,WAAW,gBAAgB;IAC/B,yCAAyC;IACzC,MAAM,EAAE,KAAK,EAAE,CAAC;IAChB,yEAAyE;IACzE,WAAW,EAAE,OAAO,CAAC;IACrB,yDAAyD;IACzD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uEAAuE;IACvE,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAC3B,4BAA4B;IAC5B,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAC3B,wGAAwG;IACxG,iBAAiB,CAAC,EAAE,CAAC,UAAU,EAAE,iBAAiB,KAAK,IAAI,CAAC;CAC7D"}
+{"version":3,"file":"stages-props.d.ts","sourceRoot":"","sources":["../../src/models/stages-props.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,KAAK,EAAE,MAAM,2BAA2B,CAAC;AAE1E,gGAAgG;AAChG,MAAM,WAAW,eAAe;IAC9B,yFAAyF;IACzF,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,wJAAwJ;IACxJ,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,kJAAkJ;IAClJ,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,kIAAkI;IAClI,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,0JAA0J;IAC1J,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,uFAAuF;IACvF,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,6GAA6G;IAC7G,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,gIAAgI;IAChI,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,2EAA2E;AAC3E,MAAM,WAAW,iBAAiB;IAChC,wDAAwD;IACxD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,qEAAqE;IACrE,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,qEAAqE;IACrE,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,4EAA4E;IAC5E,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,wEAAwE;IACxE,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,qEAAqE;IACrE,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,wFAAwF;IACxF,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,6EAA6E;IAC7E,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,4FAA4F;IAC5F,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,uEAAuE;IACvE,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,uEAAuE;IACvE,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,+FAA+F;IAC/F,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,4FAA4F;IAC5F,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,mEAAmE;IACnE,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,2FAA2F;IAC3F,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,wFAAwF;AACxF,MAAM,WAAW,iBAAiB;IAChC,wDAAwD;IACxD,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAC3B,iEAAiE;IACjE,UAAU,CAAC,EAAE,eAAe,CAAC;CAC9B;AAED,4DAA4D;AAC5D,MAAM,WAAW,iBAAiB;IAChC,iHAAiH;IACjH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,kGAAkG;IAClG,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,wHAAwH;IACxH,0BAA0B,CAAC,EAAE,MAAM,CAAC;IACpC,kIAAkI;IAClI,yBAAyB,CAAC,EAAE,MAAM,CAAC;IACnC,yFAAyF;IACzF,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,+FAA+F;IAC/F,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,kGAAkG;IAClG,YAAY,CAAC,EAAE,CAAC,aAAa,EAAE,MAAM,KAAK,MAAM,CAAC;IACjD,sHAAsH;IACtH,oBAAoB,CAAC,EAAE,MAAM,CAAC;CAC/B;AAED,qDAAqD;AACrD,MAAM,WAAW,gBAAgB;IAC/B,yCAAyC;IACzC,MAAM,EAAE,KAAK,EAAE,CAAC;IAChB,yEAAyE;IACzE,WAAW,EAAE,OAAO,CAAC;IACrB,yDAAyD;IACzD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uEAAuE;IACvE,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAC3B,4BAA4B;IAC5B,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAC3B,wGAAwG;IACxG,iBAAiB,CAAC,EAAE,CAAC,UAAU,EAAE,iBAAiB,KAAK,IAAI,CAAC;CAC7D"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@epam/ai-dial-conversation-stages",
   "description": "Panel for displaying agent processing stages during LLM response streaming",
-  "version": "1.2.0-dev.288",
+  "version": "1.2.0-dev.300",
   "license": "Apache-2.0",
   "type": "module",
   "main": "./index.js",
@@ -18,12 +18,12 @@
   },
   "dependencies": {
     "@tabler/icons-react": "^3.44.0",
-    "@epam/ai-dial-attachment-input": "1.2.0-dev.288"
+    "@epam/ai-dial-attachment-input": "1.2.0-dev.300"
   },
   "peerDependencies": {
     "react": "^19.2.8",
-    "@epam/ai-dial-chat-shared": "1.2.0-dev.288",
-    "@epam/ai-dial-ui-kit": "^0.15.0-dev.36"
+    "@epam/ai-dial-chat-shared": "1.2.0-dev.300",
+    "@epam/ai-dial-ui-kit": "^0.15.0-dev.39"
   },
   "repository": {
     "type": "git",