@epam/ai-dial-attachment-canvas 1.2.0-dev.288 → 1.2.0-dev.300

package/index.js

@@ -5,39 +5,39 @@ import { SidebarOrientation as b, SidebarPanel as x } from "@epam/ai-dial-sideba
 import { DIAL_ICON_SIZE as S, DIAL_KIT_ICON_STROKE as C, ElementSize as w, GhostIconButton as T, LinkButton as E, Spinner as D } from "@epam/ai-dial-ui-kit";
 import { IconAlertTriangle as O, IconArrowsMaximize as k, IconCheck as A, IconCode as j, IconCopy as ee, IconDownload as te, IconEye as M, IconLock as ne, IconMarkdown as re, IconRefresh as ie } from "@tabler/icons-react";
 import { createContext as N, lazy as P, memo as F, useCallback as I, useContext as ae, useEffect as L, useMemo as R, useRef as z, useState as B } from "react";
-import { JsonView as oe, defaultStyles as V } from "react-json-view-lite";
-import { Fragment as H, jsx as U, jsxs as W } from "react/jsx-runtime";
-import { AppBridge as G, AppFrame as K } from "@mcp-ui/client";
-import { McpUiHostContextChangedNotificationSchema as se } from "@modelcontextprotocol/ext-apps/app-bridge";
-import { VisualizerConnectorEvents as ce, VisualizerConnectorRequests as le } from "@epam/ai-dial-shared";
-import { VisualizerConnector as ue } from "@epam/ai-dial-visualizer-connector";
+import { JsonView as oe, defaultStyles as se } from "react-json-view-lite";
+import { Fragment as ce, jsx as V, jsxs as H } from "react/jsx-runtime";
+import { AppBridge as le, AppFrame as ue } from "@mcp-ui/client";
+import { McpUiHostContextChangedNotificationSchema as U } from "@modelcontextprotocol/ext-apps/app-bridge";
+import { VisualizerConnectorEvents as W, VisualizerConnectorRequests as de } from "@epam/ai-dial-shared";
+import { VisualizerConnector as G } from "@epam/ai-dial-visualizer-connector";
 //#region src/constants/public-class-names.ts
-var de = { panel: "dial-attachment-canvas-panel" }, fe = {
+var K = { panel: "dial-attachment-canvas-panel" }, fe = {
 	container: "_container_1nhig_1",
 	containerLight: "_containerLight_1nhig_5"
-}, q = {
+}, pe = {
 	[l.Dark]: v,
 	[l.Light]: v
-}, pe = () => P(async () => {
+}, me = () => P(async () => {
 	let { Prism: e } = await import("react-syntax-highlighter");
 	return { default: e };
-}), me = F(({ content: e, codeBlockTheme: t = l.Light, labels: n }) => {
-	let { text: r, language: i } = e, a = R(() => g(r), [r]), o = i == null || i === "plaintext" || !a, c = q[t], u = t === l.Light, [d, f] = B(0), p = R(pe, [d]), m = I(() => {
+}), he = F(({ content: e, codeBlockTheme: t = l.Light, labels: n }) => {
+	let { text: r, language: i } = e, a = R(() => g(r), [r]), o = i == null || i === "plaintext" || !a, c = pe[t], u = t === l.Light, [d, f] = B(0), p = R(me, [d]), m = I(() => {
 		f((e) => e + 1);
-	}, []), h = /* @__PURE__ */ U("pre", {
+	}, []), h = /* @__PURE__ */ V("pre", {
 		className: "whitespace-pre-wrap break-words p-4",
 		children: r
 	});
-	return /* @__PURE__ */ U("div", {
+	return /* @__PURE__ */ V("div", {
 		dir: "ltr",
 		className: _("h-full overflow-auto", fe.container, u && fe.containerLight),
-		children: o ? h : /* @__PURE__ */ U(s, {
+		children: o ? h : /* @__PURE__ */ V(s, {
 			retryKey: d,
 			onRetry: m,
 			pendingContent: h,
 			errorContent: h,
 			labels: n,
-			children: /* @__PURE__ */ U(p, {
+			children: /* @__PURE__ */ V(p, {
 				language: i,
 				style: c,
 				customStyle: {
@@ -54,7 +54,7 @@ var de = { panel: "dial-attachment-canvas-panel" }, fe = {
 			})
 		})
 	});
-}), he = "dial-html-preview:render", ge = { openInNewTabButton: "_openInNewTabButton_c1arc_1" }, _e = F(({ content: e, labels: t, isSourceView: n, title: r, codeBlockTheme: a, openInNewTabButtonTypographyClassName: o = "dial-body-semi-text" }) => {
+}), ge = "dial-html-preview:render", _e = { openInNewTabButton: "_openInNewTabButton_c1arc_1" }, ve = F(({ content: e, labels: t, isSourceView: n, title: r, codeBlockTheme: a, openInNewTabButtonTypographyClassName: o = "dial-body-semi-text" }) => {
 	let { htmlFrameBlockedLabel: s = "This page cannot be displayed in preview", htmlOpenInNewTabLabel: c = "Open in new tab" } = t, [l, u] = B(!0), [d, f] = B(!1), [p, m] = B(void 0), [h, g] = B(!1), [v, y] = B(!1), b = z(null), x = z(null), S = z(!1), C = z({
 		content: e,
 		generation: 0
@@ -93,7 +93,7 @@ var de = { panel: "dial-attachment-canvas-panel" }, fe = {
 		if (u(!1), A != null) {
 			let e = b.current?.contentWindow;
 			e != null && e !== x.current && j != null && (x.current = e, e.postMessage({
-				type: he,
+				type: ge,
 				html: j
 			}, "*"));
 			return;
@@ -111,10 +111,10 @@ var de = { panel: "dial-attachment-canvas-panel" }, fe = {
 	]), te = I(() => {
 		u(!1), f(!0);
 	}, []), M = e.srcdoc ?? p, ne = e.srcdoc != null || e.resolveSourceText != null, re = e.srcdoc == null && e.resolveSourceText != null && p == null && !v;
-	if (n && ne && (M != null || h || re)) return S.current = !0, M == null ? /* @__PURE__ */ U("div", {
+	if (n && ne && (M != null || h || re)) return S.current = !0, M == null ? /* @__PURE__ */ V("div", {
 		className: "flex h-full items-center justify-center",
-		children: /* @__PURE__ */ U(D, {})
-	}) : /* @__PURE__ */ U(me, {
+		children: /* @__PURE__ */ V(D, {})
+	}) : /* @__PURE__ */ V(he, {
 		content: {
 			type: i.Code,
 			text: M,
@@ -122,26 +122,26 @@ var de = { panel: "dial-attachment-canvas-panel" }, fe = {
 		},
 		codeBlockTheme: a
 	});
-	if (d) return /* @__PURE__ */ W("div", {
+	if (d) return /* @__PURE__ */ H("div", {
 		className: "flex h-full flex-col items-center justify-center gap-3 p-4",
-		children: [/* @__PURE__ */ U("p", {
+		children: [/* @__PURE__ */ V("p", {
 			className: "text-center",
 			children: s
-		}), e.url != null && /* @__PURE__ */ U(E, {
+		}), e.url != null && /* @__PURE__ */ V(E, {
 			href: e.url,
 			target: "_blank",
 			label: c,
-			className: ge.openInNewTabButton,
+			className: _e.openInNewTabButton,
 			textClassName: o
 		})]
 	});
 	let ie = k ? A : e.url, N = k && A == null ? e.srcdoc : void 0;
-	return /* @__PURE__ */ W("div", {
+	return /* @__PURE__ */ H("div", {
 		className: "relative h-full",
-		children: [l && /* @__PURE__ */ U("div", {
+		children: [l && /* @__PURE__ */ V("div", {
 			className: "absolute inset-0 flex items-center justify-center",
-			children: /* @__PURE__ */ U(D, {})
-		}), /* @__PURE__ */ U("iframe", {
+			children: /* @__PURE__ */ V(D, {})
+		}), /* @__PURE__ */ V("iframe", {
 			ref: b,
 			title: r,
 			src: ie,
@@ -152,10 +152,10 @@ var de = { panel: "dial-attachment-canvas-panel" }, fe = {
 			onError: te
 		}, w)]
 	});
-}), ve = {
+}), ye = {
 	name: "MCP-UI Host",
 	version: "1.0.0"
-}, ye = { openLinks: {} }, be = (e) => {
+}, q = { openLinks: {} }, be = (e) => {
 	let t;
 	try {
 		t = new URL(e);
@@ -192,13 +192,13 @@ var de = { panel: "dial-attachment-canvas-panel" }, fe = {
 					height: Math.round(n.height)
 				}
 			} : r.current.hostContext;
-			e = new G(null, r.current.hostInfo ?? ve, ye, { hostContext: i }), e.onopenlink = async ({ url: e }) => {
+			e = new le(null, r.current.hostInfo ?? ye, q, { hostContext: i }), e.onopenlink = async ({ url: e }) => {
 				let t = r.current.onOpenLink;
 				return (t == null ? be(e) : t(e)) === !1 ? { isError: !0 } : {};
 			}, e.onrequestdisplaymode = async ({ mode: e }) => {
 				let t = r.current.onRequestDisplayMode, n = r.current.hostContext?.displayMode ?? "inline";
 				return { mode: t?.(e) ?? n };
-			}, e.oncalltool = (e) => r.current.onToolCall(e.name, e.arguments), e.setNotificationHandler(se, ({ params: e }) => {
+			}, e.oncalltool = (e) => r.current.onToolCall(e.name, e.arguments), e.setNotificationHandler(U, ({ params: e }) => {
 				let n = t.current?.querySelector("iframe");
 				n != null && xe(n, e.containerDimensions, r.current.hostContext?.displayMode === "fullscreen");
 			}), a(e);
@@ -215,12 +215,12 @@ var de = { panel: "dial-attachment-canvas-panel" }, fe = {
 		hasFailed: o
 	};
 }, J = {
-	loadingOverlay: "_loadingOverlay_iea4a_2",
-	fullscreenFrame: "_fullscreenFrame_iea4a_21",
-	loadingFrame: "_loadingFrame_iea4a_29",
-	statusLabel: "_statusLabel_iea4a_33",
-	statusDetail: "_statusDetail_iea4a_38",
-	errorIcon: "_errorIcon_iea4a_42"
+	loadingOverlay: "_loadingOverlay_sqrel_2",
+	fullscreenFrame: "_fullscreenFrame_sqrel_21",
+	loadingFrame: "_loadingFrame_sqrel_29",
+	statusLabel: "_statusLabel_sqrel_33",
+	statusDetail: "_statusDetail_sqrel_38",
+	errorIcon: "_errorIcon_sqrel_42"
 }, Ce = ({ content: e, errorLabel: t = "Failed to load app", onAppInfo: n }) => {
 	let [r, i] = B("loading"), [a, o] = B(), { html: s, sandboxUrl: c, toolInput: l, toolResult: u, hostContext: d } = e, f = R(() => ({ url: new URL(c) }), [c]), p = d?.displayMode === "fullscreen", m = z(null), [h, g] = B();
 	L(() => {
@@ -240,11 +240,11 @@ var de = { panel: "dial-attachment-canvas-panel" }, fe = {
 		...d,
 		containerDimensions: h
 	}, [d, h])), b = y || r === "error";
-	return /* @__PURE__ */ W("div", {
+	return /* @__PURE__ */ H("div", {
 		ref: m,
 		className: _("relative h-full min-h-[200px] w-full", p && J.fullscreenFrame, !p && r === "loading" && J.loadingFrame),
 		children: [
-			v != null && !b && /* @__PURE__ */ U(K, {
+			v != null && !b && /* @__PURE__ */ V(ue, {
 				html: s,
 				sandbox: f,
 				appBridge: v,
@@ -258,21 +258,21 @@ var de = { panel: "dial-attachment-canvas-panel" }, fe = {
 					o(e.message), i("error");
 				}
 			}),
-			!b && r === "loading" && /* @__PURE__ */ U("div", {
+			!b && r === "loading" && /* @__PURE__ */ V("div", {
 				className: _("absolute inset-0 flex flex-col items-center justify-center gap-2", J.loadingOverlay),
-				children: /* @__PURE__ */ U(D, {})
+				children: /* @__PURE__ */ V(D, {})
 			}),
-			b && /* @__PURE__ */ W("div", {
+			b && /* @__PURE__ */ H("div", {
 				className: "absolute inset-0 flex flex-col items-center justify-center gap-2 p-4",
-				children: [/* @__PURE__ */ U(O, {
+				children: [/* @__PURE__ */ V(O, {
 					size: 60,
 					stroke: C,
 					"aria-hidden": !0,
 					className: J.errorIcon
-				}), /* @__PURE__ */ W("p", {
+				}), /* @__PURE__ */ H("p", {
 					role: "alert",
 					className: _("text-center", J.statusLabel),
-					children: [t, a && /* @__PURE__ */ W(H, { children: [/* @__PURE__ */ U("br", {}), /* @__PURE__ */ U("span", {
+					children: [t, a && /* @__PURE__ */ H(ce, { children: [/* @__PURE__ */ V("br", {}), /* @__PURE__ */ V("span", {
 						className: J.statusDetail,
 						children: a
 					})] })]
@@ -281,13 +281,13 @@ var de = { panel: "dial-attachment-canvas-panel" }, fe = {
 		]
 	});
 }, Y = {
-	viewer: "_viewer_1w97n_2",
-	spreadsheetCanvas: "_spreadsheetCanvas_1w97n_6",
-	formulaPanel: "_formulaPanel_1w97n_12",
-	formulaValue: "_formulaValue_1w97n_18",
-	statusOverlay: "_statusOverlay_1w97n_24",
-	errorIcon: "_errorIcon_1w97n_29",
-	highlight: "_highlight_1w97n_37"
+	viewer: "_viewer_sdlt9_2",
+	spreadsheetCanvas: "_spreadsheetCanvas_sdlt9_6",
+	formulaPanel: "_formulaPanel_sdlt9_12",
+	formulaValue: "_formulaValue_sdlt9_18",
+	statusOverlay: "_statusOverlay_sdlt9_24",
+	errorIcon: "_errorIcon_sdlt9_29",
+	highlight: "_highlight_sdlt9_37"
 }, we = (e) => {
 	if (e?.kind !== "range") return "";
 	let { activeCell: t } = e.selection, n = e.cells.find(({ address: e }) => e.row === t.row && e.col === t.col);
@@ -492,18 +492,18 @@ var de = { panel: "dial-attachment-canvas-panel" }, fe = {
 		})(), () => {
 			r = !0;
 		};
-	}, [S, u]), /* @__PURE__ */ W("div", {
+	}, [S, u]), /* @__PURE__ */ H("div", {
 		className: "relative flex h-full w-full min-w-0 flex-col overflow-hidden",
 		children: [
-			t.format === r.Xlsx && /* @__PURE__ */ W("div", {
+			t.format === r.Xlsx && /* @__PURE__ */ H("div", {
 				role: "region",
 				"aria-label": a,
 				className: _("flex min-w-0 shrink-0 items-center gap-2 border-b px-3 py-2", Y.formulaPanel),
-				children: [/* @__PURE__ */ U("span", {
+				children: [/* @__PURE__ */ V("span", {
 					"aria-hidden": "true",
 					className: _("shrink-0", o),
 					children: "fx"
-				}), /* @__PURE__ */ U("code", {
+				}), /* @__PURE__ */ V("code", {
 					dir: "ltr",
 					tabIndex: 0,
 					"aria-live": "polite",
@@ -511,19 +511,19 @@ var de = { panel: "dial-attachment-canvas-panel" }, fe = {
 					children: m
 				})]
 			}),
-			/* @__PURE__ */ W("div", {
+			/* @__PURE__ */ H("div", {
 				className: "relative min-h-0 w-full flex-1",
-				children: [/* @__PURE__ */ U("div", {
+				children: [/* @__PURE__ */ V("div", {
 					ref: l,
 					role: "document",
 					"aria-label": n,
 					"aria-busy": u,
 					className: _("h-full w-full overflow-hidden", Y.viewer)
-				}), g.length > 0 && /* @__PURE__ */ U("div", {
+				}), g.length > 0 && /* @__PURE__ */ V("div", {
 					role: "region",
 					"aria-label": s,
 					className: "pointer-events-none absolute inset-0 overflow-hidden",
-					children: g.map((e, t) => /* @__PURE__ */ U("div", {
+					children: g.map((e, t) => /* @__PURE__ */ V("div", {
 						"aria-hidden": "true",
 						style: {
 							left: `${e.left}px`,
@@ -537,24 +537,24 @@ var de = { panel: "dial-attachment-canvas-panel" }, fe = {
 					}, `${e.highlightId}-${t}`))
 				})]
 			}),
-			/* @__PURE__ */ U("div", {
+			/* @__PURE__ */ V("div", {
 				role: "status",
 				"aria-live": "polite",
 				className: "sr-only",
 				children: y ? c : ""
 			}),
-			(u || f) && /* @__PURE__ */ U("div", {
+			(u || f) && /* @__PURE__ */ V("div", {
 				role: f ? "alert" : void 0,
 				"aria-live": "polite",
 				className: _("absolute inset-0 flex items-center justify-center", Y.statusOverlay),
-				children: u ? /* @__PURE__ */ U(D, { size: 48 }) : /* @__PURE__ */ W("div", {
+				children: u ? /* @__PURE__ */ V(D, { size: 48 }) : /* @__PURE__ */ H("div", {
 					className: "flex flex-col items-center gap-2",
-					children: [/* @__PURE__ */ U(O, {
+					children: [/* @__PURE__ */ V(O, {
 						"aria-hidden": "true",
 						size: 60,
 						stroke: C,
 						className: Y.errorIcon
-					}), /* @__PURE__ */ U("p", {
+					}), /* @__PURE__ */ V("p", {
 						className: "text-center",
 						children: i
 					})]
@@ -595,19 +595,19 @@ var de = { panel: "dial-attachment-canvas-panel" }, fe = {
 		let e = s.current;
 		if (!e) return;
 		l("loading");
-		let t = new ue(e, {
+		let t = new G(e, {
 			domain: u,
 			hostDomain: window.location.origin,
 			visualizerName: d,
 			requestTimeout: f
-		}), n = !0, r = t.subscribe(`${d}/${ce.sendMessage}`, (e) => {
+		}), n = !0, r = t.subscribe(`${d}/${W.sendMessage}`, (e) => {
 			let t = Ne(e);
 			t != null && h.current?.(t);
 		});
 		return (async () => {
 			if (await t.ready(), !n) return;
 			let e = p.current;
-			if (e.type === i.GroupedVisualizer) await t.send(le.sendGroupedVisualizeData, {
+			if (e.type === i.GroupedVisualizer) await t.send(de.sendGroupedVisualizeData, {
 				attachments: e.attachments,
 				layout: e.layout
 			});
@@ -616,7 +616,7 @@ var de = { panel: "dial-attachment-canvas-panel" }, fe = {
 					layout: r,
 					...typeof i == "object" && i ? i : {}
 				};
-				await t.send(le.sendVisualizeData, {
+				await t.send(de.sendVisualizeData, {
 					mimeType: n,
 					visualizerData: a
 				});
@@ -639,7 +639,7 @@ var de = { panel: "dial-attachment-canvas-panel" }, fe = {
 		d,
 		u,
 		f
-	]), /* @__PURE__ */ W("div", {
+	]), /* @__PURE__ */ H("div", {
 		className: "relative h-full w-full",
 		style: m({
 			"--vs-loading-bg": a?.loadingBackground,
@@ -647,25 +647,25 @@ var de = { panel: "dial-attachment-canvas-panel" }, fe = {
 			"--vs-error-icon": a?.errorIcon
 		}),
 		children: [
-			/* @__PURE__ */ U("div", {
+			/* @__PURE__ */ V("div", {
 				ref: s,
 				className: "h-full w-full"
 			}),
-			c === "loading" && /* @__PURE__ */ W("div", {
+			c === "loading" && /* @__PURE__ */ H("div", {
 				className: _("absolute inset-0 flex flex-col items-center justify-center gap-2", Pe.loadingOverlay),
-				children: [/* @__PURE__ */ U(D, {}), t && /* @__PURE__ */ U("p", {
+				children: [/* @__PURE__ */ V(D, {}), t && /* @__PURE__ */ V("p", {
 					className: _("text-center", Pe.statusLabel),
 					children: t
 				})]
 			}),
-			c === "error" && /* @__PURE__ */ W("div", {
+			c === "error" && /* @__PURE__ */ H("div", {
 				className: "absolute inset-0 flex flex-col items-center justify-center gap-2",
-				children: [/* @__PURE__ */ U(O, {
+				children: [/* @__PURE__ */ V(O, {
 					size: 60,
 					stroke: C,
 					"aria-hidden": !0,
 					className: Pe.errorIcon
-				}), /* @__PURE__ */ U("p", {
+				}), /* @__PURE__ */ V("p", {
 					role: "alert",
 					className: _("text-center", Pe.statusLabel),
 					children: n
@@ -692,17 +692,17 @@ var de = { panel: "dial-attachment-canvas-panel" }, fe = {
 	let [r, i] = B(!1);
 	return L(() => {
 		i(!1);
-	}, [e]), r ? /* @__PURE__ */ W("div", {
+	}, [e]), r ? /* @__PURE__ */ H("div", {
 		className: "flex flex-col items-center gap-2",
-		children: [/* @__PURE__ */ U(O, {
+		children: [/* @__PURE__ */ V(O, {
 			size: 60,
 			stroke: C,
 			className: X.errorIcon
-		}), /* @__PURE__ */ U("p", {
+		}), /* @__PURE__ */ V("p", {
 			className: _("text-center", X.statusLabel),
 			children: n
 		})]
-	}) : /* @__PURE__ */ U("img", {
+	}) : /* @__PURE__ */ V("img", {
 		src: e,
 		alt: t ?? "",
 		className: "max-h-full max-w-full object-contain",
@@ -712,10 +712,10 @@ var de = { panel: "dial-attachment-canvas-panel" }, fe = {
 	i.PlainText,
 	i.Code,
 	i.Ooxml
-]), ze = F(({ content: e, isLoading: t = !1, fileName: r, isHtmlSourceView: a = !1, labels: { unsupportedLabel: o = "Preview is not supported for this file", loadErrorLabel: c = "Failed to load file", forbiddenErrorLabel: l = "You don't have permission to access this file", visualizerErrorLabel: d, htmlFrameBlockedLabel: f = "This page cannot be displayed in preview", htmlOpenInNewTabLabel: h = "Open in new tab", pdfThumbnailsLabel: g, pdfShowThumbnailsLabel: v, pdfHideThumbnailsLabel: y, pdfPageNumberLabel: b, pdfContentLoadingLabel: x, pdfContentErrorLabel: S, pdfContentRetryLabel: w, xlsxFormulaLabel: T = "Formula", codeContentLoadingLabel: E, codeContentErrorLabel: k, codeContentRetryLabel: A, tableCopyLabel: j, tableCopiedLabel: ee, tableDownloadCsvLabel: te, ooxmlHighlightsLabel: M, ooxmlHighlightNavigatedLabel: re } = {}, styles: ie, codeBlockTheme: N, tableDownloadFilename: P, loadPdf: F, hidePdfToolbar: ae = !1, configurePdfWorker: L, onAppInfo: z, onVisualizerSendMessage: H }) => {
-	let { colors: G, typography: K, bodyClassName: se, cssVars: ce } = ie ?? {}, [le, ue] = B(0), de = R(Ie, [le]), fe = I(() => {
-		ue((e) => e + 1);
-	}, []), q = K?.fontClassName != null, pe = R(() => ({
+]), ze = F(({ content: e, isLoading: t = !1, fileName: r, isHtmlSourceView: a = !1, labels: { unsupportedLabel: o = "Preview is not supported for this file", loadErrorLabel: c = "Failed to load file", forbiddenErrorLabel: l = "You don't have permission to access this file", visualizerErrorLabel: d, htmlFrameBlockedLabel: f = "This page cannot be displayed in preview", htmlOpenInNewTabLabel: h = "Open in new tab", pdfThumbnailsLabel: g, pdfShowThumbnailsLabel: v, pdfHideThumbnailsLabel: y, pdfPageNumberLabel: b, pdfContentLoadingLabel: x, pdfContentErrorLabel: S, pdfContentRetryLabel: w, xlsxFormulaLabel: T = "Formula", codeContentLoadingLabel: E, codeContentErrorLabel: k, codeContentRetryLabel: A, tableCopyLabel: j, tableCopiedLabel: ee, tableDownloadCsvLabel: te, codeBlockCopyLabel: M, codeBlockCopiedLabel: re, codeBlockDownloadLabel: ie, tableScrollRegionAriaLabel: N, mathScrollRegionAriaLabel: P, ooxmlHighlightsLabel: F, ooxmlHighlightNavigatedLabel: ae } = {}, styles: L, codeBlockTheme: z, tableDownloadFilename: ce, loadPdf: le, hidePdfToolbar: ue = !1, configurePdfWorker: U, onAppInfo: W, onVisualizerSendMessage: de }) => {
+	let { colors: G, typography: K, bodyClassName: fe, cssVars: pe } = L ?? {}, [me, ge] = B(0), _e = R(Ie, [me]), ye = I(() => {
+		ge((e) => e + 1);
+	}, []), q = K?.fontClassName != null, be = R(() => ({
 		...m({
 			"--ac-text": G?.text,
 			"--ac-status-text": G?.statusText,
@@ -746,8 +746,8 @@ var de = { panel: "dial-attachment-canvas-panel" }, fe = {
 			"--ac-line-height": q ? void 0 : K?.lineHeight,
 			"--ac-letter-spacing": q ? void 0 : K?.letterSpacing
 		}),
-		...ce
-	}), [ie]), he = R(() => {
+		...pe
+	}), [L]), xe = R(() => {
 		switch (e.type) {
 			case i.Image:
 			case i.Audio:
@@ -765,39 +765,49 @@ var de = { panel: "dial-attachment-canvas-panel" }, fe = {
 			case i.MarkdownTable: return "flex h-full min-h-0 flex-col overflow-hidden p-4";
 			default: return "h-full overflow-auto p-4";
 		}
-	}, [e.type]), ge = R(() => {
+	}, [e.type]), Se = R(() => {
 		switch (e.type) {
-			case i.PlainText: return /* @__PURE__ */ U("pre", {
+			case i.PlainText: return /* @__PURE__ */ V("pre", {
 				className: _("whitespace-pre-wrap break-words", X.body, K?.fontClassName),
 				children: e.text
 			});
-			case i.Image: return /* @__PURE__ */ U(Le, {
+			case i.Image: return /* @__PURE__ */ V(Le, {
 				url: e.url,
 				fileName: r,
 				loadErrorLabel: c
 			});
-			case i.Audio: return /* @__PURE__ */ U("audio", {
+			case i.Audio: return /* @__PURE__ */ V("audio", {
 				controls: !0,
 				controlsList: "nodownload",
 				src: e.url,
 				"aria-label": r ?? "Audio attachment",
 				className: "w-full max-w-sm",
 				preload: "metadata",
-				children: e.mimeType && /* @__PURE__ */ U("source", {
+				children: e.mimeType && /* @__PURE__ */ V("source", {
 					src: e.url,
 					type: e.mimeType
 				})
 			});
-			case i.Markdown: return /* @__PURE__ */ U(p, {
+			case i.Markdown: return /* @__PURE__ */ V(p, {
 				content: e.text,
 				isStreaming: !1,
-				codeBlockTheme: N,
+				codeBlockTheme: z,
+				codeBlockCopyLabel: M,
+				codeBlockCopiedLabel: re,
+				codeBlockDownloadLabel: ie,
+				tableScrollRegionAriaLabel: N,
+				mathScrollRegionAriaLabel: P,
 				classNames: u
 			});
-			case i.MarkdownTable: return /* @__PURE__ */ U(p, {
+			case i.MarkdownTable: return /* @__PURE__ */ V(p, {
 				content: e.text,
 				isStreaming: !1,
-				codeBlockTheme: N,
+				codeBlockTheme: z,
+				codeBlockCopyLabel: M,
+				codeBlockCopiedLabel: re,
+				codeBlockDownloadLabel: ie,
+				tableScrollRegionAriaLabel: N,
+				mathScrollRegionAriaLabel: P,
 				containerClassName: "flex h-full min-h-0 flex-col",
 				classNames: {
 					...u,
@@ -809,18 +819,18 @@ var de = { panel: "dial-attachment-canvas-panel" }, fe = {
 					copiedLabel: ee,
 					downloadCsvLabel: te
 				},
-				tableDownloadFilename: P
+				tableDownloadFilename: ce
 			});
-			case i.Json: return /* @__PURE__ */ U("div", {
+			case i.Json: return /* @__PURE__ */ V("div", {
 				dir: "ltr",
 				className: "h-full overflow-auto",
-				children: /* @__PURE__ */ U("div", {
+				children: /* @__PURE__ */ V("div", {
 					className: _("m-3 overflow-auto rounded-md border", X.jsonWrapper),
-					children: /* @__PURE__ */ U(oe, {
+					children: /* @__PURE__ */ V(oe, {
 						data: e.value,
 						style: {
 							container: _("whitespace-pre-wrap break-words p-2", K?.jsonClassName ?? "dial-code-text"),
-							basicChildStyle: V.basicChildStyle,
+							basicChildStyle: se.basicChildStyle,
 							childFieldsContainer: "m-0 ps-3",
 							label: _("me-1 font-semibold", X.jsonLabel),
 							clickableLabel: _("me-1 cursor-pointer font-semibold hover:underline", X.jsonClickableLabel),
@@ -838,16 +848,16 @@ var de = { panel: "dial-attachment-canvas-panel" }, fe = {
 					})
 				})
 			});
-			case i.Code: return /* @__PURE__ */ U(me, {
+			case i.Code: return /* @__PURE__ */ V(he, {
 				content: e,
-				codeBlockTheme: N,
+				codeBlockTheme: z,
 				labels: {
 					loadingLabel: E,
 					errorLabel: k,
 					retryLabel: A
 				}
 			});
-			case i.Html: return /* @__PURE__ */ U(_e, {
+			case i.Html: return /* @__PURE__ */ V(ve, {
 				content: e,
 				labels: {
 					htmlFrameBlockedLabel: f,
@@ -855,25 +865,25 @@ var de = { panel: "dial-attachment-canvas-panel" }, fe = {
 				},
 				isSourceView: a,
 				title: r,
-				codeBlockTheme: N
+				codeBlockTheme: z
 			});
-			case i.Pdf: return /* @__PURE__ */ U(s, {
-				retryKey: le,
-				onRetry: fe,
+			case i.Pdf: return /* @__PURE__ */ V(s, {
+				retryKey: me,
+				onRetry: ye,
 				labels: {
 					loadingLabel: x,
 					errorLabel: S,
 					retryLabel: w
 				},
-				children: /* @__PURE__ */ U(de, {
+				children: /* @__PURE__ */ V(_e, {
 					fileName: r,
 					url: e.url,
 					highlights: e.highlights ?? [],
 					selectedHighlightId: e.selectedHighlightId,
 					selectedPageNumber: e.page,
-					loadPdf: F,
-					hideHeader: ae,
-					configurePdfWorker: L,
+					loadPdf: le,
+					hideHeader: ue,
+					configurePdfWorker: U,
 					labels: {
 						thumbnailsLabel: g,
 						showThumbnailsLabel: v,
@@ -885,38 +895,38 @@ var de = { panel: "dial-attachment-canvas-panel" }, fe = {
 					}
 				})
 			}, e.url);
-			case i.Ooxml: return /* @__PURE__ */ U(Oe, {
+			case i.Ooxml: return /* @__PURE__ */ V(Oe, {
 				content: e,
 				fileName: r,
 				loadErrorLabel: c,
 				formulaLabel: T,
 				formulaLabelClassName: K?.xlsxFormulaLabelClassName ?? "dial-italic-text",
-				highlightsLabel: M,
-				highlightNavigatedLabel: re
+				highlightsLabel: F,
+				highlightNavigatedLabel: ae
 			});
 			case i.Visualizer:
-			case i.GroupedVisualizer: return /* @__PURE__ */ U(Fe, {
+			case i.GroupedVisualizer: return /* @__PURE__ */ V(Fe, {
 				content: e,
 				errorLabel: d,
-				onSendMessage: H
+				onSendMessage: de
 			});
-			case i.McpApp: return /* @__PURE__ */ U(Ce, {
+			case i.McpApp: return /* @__PURE__ */ V(Ce, {
 				content: e,
-				onAppInfo: z
+				onAppInfo: W
 			});
-			case i.Unsupported: return /* @__PURE__ */ U("p", {
+			case i.Unsupported: return /* @__PURE__ */ V("p", {
 				className: _("text-center", X.statusLabel),
 				children: o
 			});
 			case i.Error: {
 				let t = e.errorType === n.Forbidden;
-				return /* @__PURE__ */ W("div", {
+				return /* @__PURE__ */ H("div", {
 					className: "flex flex-col items-center gap-2",
-					children: [U(t ? ne : O, {
+					children: [V(t ? ne : O, {
 						size: 60,
 						stroke: C,
 						className: X.errorIcon
-					}), /* @__PURE__ */ U("p", {
+					}), /* @__PURE__ */ V("p", {
 						className: _("text-center", X.statusLabel),
 						children: t ? l : c
 					})]
@@ -929,20 +939,20 @@ var de = { panel: "dial-attachment-canvas-panel" }, fe = {
 		K?.jsonClassName,
 		K?.xlsxFormulaLabelClassName,
 		r,
-		N,
+		z,
 		o,
 		c,
 		l,
 		d,
-		H,
+		de,
 		f,
 		h,
 		a,
-		P,
-		F,
-		ae,
-		L,
-		z,
+		ce,
+		le,
+		ue,
+		U,
+		W,
 		g,
 		v,
 		y,
@@ -954,83 +964,88 @@ var de = { panel: "dial-attachment-canvas-panel" }, fe = {
 		E,
 		k,
 		A,
-		de,
-		le,
-		fe,
+		_e,
+		me,
+		ye,
 		j,
 		ee,
 		te,
 		M,
-		re
+		re,
+		ie,
+		N,
+		P,
+		F,
+		ae
 	]);
-	return /* @__PURE__ */ U("div", {
-		style: !t && Re.has(e.type) ? pe : void 0,
-		className: _(t ? "flex h-full items-center justify-center" : he, se),
-		children: t ? /* @__PURE__ */ U(D, {}) : ge
+	return /* @__PURE__ */ V("div", {
+		style: !t && Re.has(e.type) ? be : void 0,
+		className: _(t ? "flex h-full items-center justify-center" : xe, fe),
+		children: t ? /* @__PURE__ */ V(D, {}) : Se
 	});
 }), Be = {
 	mcpAppDivider: "_mcpAppDivider_1jh5p_1",
 	mcpAppVersion: "_mcpAppVersion_1jh5p_5"
-}, Ve = 2e3, He = F(({ isOpen: e, isLoading: t = !1, onClose: n, content: r, fileName: a, leftActions: s, labels: { ariaLabel: c, closeLabel: l = "Close", resizeLabel: u = "Resize panel", downloadLabel: d = "Download", copyTextLabel: f = "Copy text", copiedTextLabel: p = "Copied!", copyMarkdownLabel: h = "Copy as Markdown", copiedMarkdownLabel: g = "Copied!", copyJsonLabel: v = "Copy as JSON", copiedJsonLabel: y = "Copied!", visualizerErrorLabel: w, unsupportedLabel: E = "Preview is not supported for this file", loadErrorLabel: D = "Failed to load file", forbiddenErrorLabel: O = "You don't have permission to access this file", htmlFrameBlockedLabel: k = "This page cannot be displayed in preview", htmlOpenInNewTabLabel: ne = "Open in new tab", htmlViewSourceLabel: N = "View source", htmlViewRenderedLabel: P = "View rendered", mcpAppReloadLabel: F = "Reload", pdfThumbnailsLabel: ae, pdfShowThumbnailsLabel: oe, pdfHideThumbnailsLabel: V, pdfPageNumberLabel: G, pdfContentLoadingLabel: K, pdfContentErrorLabel: se, pdfContentRetryLabel: ce, xlsxFormulaLabel: le, codeContentLoadingLabel: ue, codeContentErrorLabel: fe, codeContentRetryLabel: q, tableCopyLabel: pe, tableCopiedLabel: me, tableDownloadCsvLabel: he, ooxmlHighlightsLabel: ge, ooxmlHighlightNavigatedLabel: _e }, onDownload: ve, onCopyText: ye, onCopyMarkdown: be, onCopyJson: xe, tableDownloadFilename: Se, isMobile: J = !1, defaultWidth: Ce, minWidth: Y = 600, maxWidth: we = 1500, onResizeStop: Te, styles: Ee, codeBlockTheme: De, loadPdf: Oe, configurePdfWorker: ke, onVisualizerSendMessage: Ae }) => {
-	let [je, Me] = B(!1), [Ne, Pe] = B(!1), [Fe, X] = B(!1), [Ie, Le] = B(!1), [Re, He] = B(void 0), Ue = z(null), Z = z(null), We = z(null), Ge = I(() => {
-		ye?.(), Ue.current != null && clearTimeout(Ue.current), Me(!0), Ue.current = setTimeout(() => Me(!1), Ve);
-	}, [ye]), Ke = I(() => {
-		be?.(), Z.current != null && clearTimeout(Z.current), Pe(!0), Z.current = setTimeout(() => Pe(!1), Ve);
-	}, [be]), qe = I(() => {
-		xe?.(), We.current != null && clearTimeout(We.current), X(!0), We.current = setTimeout(() => X(!1), Ve);
-	}, [xe]);
+}, Ve = 2e3, He = F(({ isOpen: e, isLoading: t = !1, onClose: n, content: r, fileName: a, leftActions: s, labels: { ariaLabel: c, closeLabel: l = "Close", resizeLabel: u = "Resize panel", downloadLabel: d = "Download", copyTextLabel: f = "Copy text", copiedTextLabel: p = "Copied!", copyMarkdownLabel: h = "Copy as Markdown", copiedMarkdownLabel: g = "Copied!", copyJsonLabel: v = "Copy as JSON", copiedJsonLabel: y = "Copied!", visualizerErrorLabel: w, unsupportedLabel: E = "Preview is not supported for this file", loadErrorLabel: D = "Failed to load file", forbiddenErrorLabel: O = "You don't have permission to access this file", htmlFrameBlockedLabel: k = "This page cannot be displayed in preview", htmlOpenInNewTabLabel: ne = "Open in new tab", htmlViewSourceLabel: N = "View source", htmlViewRenderedLabel: P = "View rendered", mcpAppReloadLabel: F = "Reload", pdfThumbnailsLabel: ae, pdfShowThumbnailsLabel: oe, pdfHideThumbnailsLabel: se, pdfPageNumberLabel: le, pdfContentLoadingLabel: ue, pdfContentErrorLabel: U, pdfContentRetryLabel: W, xlsxFormulaLabel: de, codeContentLoadingLabel: G, codeContentErrorLabel: fe, codeContentRetryLabel: pe, tableCopyLabel: me, tableCopiedLabel: he, tableDownloadCsvLabel: ge, codeBlockCopyLabel: _e, codeBlockCopiedLabel: ve, codeBlockDownloadLabel: ye, tableScrollRegionAriaLabel: q, mathScrollRegionAriaLabel: be, ooxmlHighlightsLabel: xe, ooxmlHighlightNavigatedLabel: Se }, onDownload: J, onCopyText: Ce, onCopyMarkdown: Y, onCopyJson: we, tableDownloadFilename: Te, isMobile: Ee = !1, defaultWidth: De, minWidth: Oe = 600, maxWidth: ke = 1500, onResizeStop: Ae, styles: je, codeBlockTheme: Me, loadPdf: Ne, configurePdfWorker: Pe, onVisualizerSendMessage: Fe }) => {
+	let [X, Ie] = B(!1), [Le, Re] = B(!1), [He, Ue] = B(!1), [Z, We] = B(!1), [Ge, Ke] = B(void 0), qe = z(null), Q = z(null), Je = z(null), Ye = I(() => {
+		Ce?.(), qe.current != null && clearTimeout(qe.current), Ie(!0), qe.current = setTimeout(() => Ie(!1), Ve);
+	}, [Ce]), Xe = I(() => {
+		Y?.(), Q.current != null && clearTimeout(Q.current), Re(!0), Q.current = setTimeout(() => Re(!1), Ve);
+	}, [Y]), Ze = I(() => {
+		we?.(), Je.current != null && clearTimeout(Je.current), Ue(!0), Je.current = setTimeout(() => Ue(!1), Ve);
+	}, [we]);
 	L(() => () => {
-		Ue.current != null && clearTimeout(Ue.current), Z.current != null && clearTimeout(Z.current), We.current != null && clearTimeout(We.current);
+		qe.current != null && clearTimeout(qe.current), Q.current != null && clearTimeout(Q.current), Je.current != null && clearTimeout(Je.current);
 	}, []);
-	let Je = I(() => {
-		Le((e) => !e);
+	let Qe = I(() => {
+		We((e) => !e);
 	}, []);
 	L(() => {
-		Le(!1), He(void 0);
+		We(!1), Ke(void 0);
 	}, [r]);
-	let { className: Ye, panelStyles: Xe, ...Ze } = Ee ?? {}, { colors: Q, typography: Qe } = Ze, $e = R(() => m({
-		"--ac-mcp-app-divider": Q?.mcpAppDividerColor,
-		"--ac-mcp-app-version": Q?.mcpAppVersionColor
-	}), [Q?.mcpAppDividerColor, Q?.mcpAppVersionColor]), $ = r.type === i.McpApp && Re != null ? /* @__PURE__ */ W("span", {
-		style: $e,
+	let { className: $e, panelStyles: $, ...et } = je ?? {}, { colors: tt, typography: nt } = et, rt = R(() => m({
+		"--ac-mcp-app-divider": tt?.mcpAppDividerColor,
+		"--ac-mcp-app-version": tt?.mcpAppVersionColor
+	}), [tt?.mcpAppDividerColor, tt?.mcpAppVersionColor]), it = r.type === i.McpApp && Ge != null ? /* @__PURE__ */ H("span", {
+		style: rt,
 		children: [
-			/* @__PURE__ */ U("span", { children: a }),
-			/* @__PURE__ */ U("span", {
+			/* @__PURE__ */ V("span", { children: a }),
+			/* @__PURE__ */ V("span", {
 				"aria-hidden": !0,
 				className: _("mx-1.5 inline-block h-3 w-0 border-s align-middle", Be.mcpAppDivider)
 			}),
-			/* @__PURE__ */ U("span", { children: Re.name }),
-			Re.version && /* @__PURE__ */ U("span", {
-				className: _("ms-2", Qe?.mcpAppVersionClassName ?? "dial-caption-text", Be.mcpAppVersion),
-				children: Re.version
+			/* @__PURE__ */ V("span", { children: Ge.name }),
+			Ge.version && /* @__PURE__ */ V("span", {
+				className: _("ms-2", nt?.mcpAppVersionClassName ?? "dial-caption-text", Be.mcpAppVersion),
+				children: Ge.version
 			})
 		]
-	}) : a, et = !t && r.type === i.Html && (r.srcdoc != null || r.resolveSourceText != null), tt = !t && ye != null && (r.type === i.PlainText || r.type === i.Code), nt = !t && be != null && r.type === i.Markdown, rt = !t && xe != null && r.type === i.Json, it = !t && ve != null && o(r), at = !t && r.type === i.McpApp && r.onReload != null;
-	return /* @__PURE__ */ U(x, {
+	}) : a, at = !t && r.type === i.Html && (r.srcdoc != null || r.resolveSourceText != null), ot = !t && Ce != null && (r.type === i.PlainText || r.type === i.Code), st = !t && Y != null && r.type === i.Markdown, ct = !t && we != null && r.type === i.Json, lt = !t && J != null && o(r), ut = !t && r.type === i.McpApp && r.onReload != null;
+	return /* @__PURE__ */ V(x, {
 		isOpen: e,
 		orientation: b.Right,
-		title: $,
+		title: it,
 		labels: {
 			ariaLabel: c,
 			closeLabel: l,
 			resizeLabel: u
 		},
 		onClose: n,
-		resizable: !J,
-		defaultWidth: Ce,
-		minWidth: Y,
-		maxWidth: we,
-		onResizeStop: Te,
+		resizable: !Ee,
+		defaultWidth: De,
+		minWidth: Oe,
+		maxWidth: ke,
+		onResizeStop: Ae,
 		styles: {
-			...Xe,
-			titleClassName: Xe?.titleClassName ?? "dial-h3-text",
-			headerClassName: _("border-b border-tertiary", Xe?.headerClassName),
-			className: _(e ? "mobile:w-full mobile:max-w-full" : "w-0", Ye, Xe?.className, de.panel)
+			...$,
+			titleClassName: $?.titleClassName ?? "dial-h3-text",
+			headerClassName: _("border-b border-tertiary", $?.headerClassName),
+			className: _(e ? "mobile:w-full mobile:max-w-full" : "w-0", $e, $?.className, K.panel)
 		},
 		leftActions: s,
-		rightActions: et || tt || nt || rt || it || at ? /* @__PURE__ */ W(H, { children: [
-			at && /* @__PURE__ */ U(T, {
-				icon: /* @__PURE__ */ U(ie, {
+		rightActions: at || ot || st || ct || lt || ut ? /* @__PURE__ */ H(ce, { children: [
+			ut && /* @__PURE__ */ V(T, {
+				icon: /* @__PURE__ */ V(ie, {
 					size: S.LG,
 					stroke: C,
 					"aria-hidden": !0
@@ -1039,63 +1054,63 @@ var de = { panel: "dial-attachment-canvas-panel" }, fe = {
 				tooltipProps: { tooltip: F },
 				onClick: r.type === i.McpApp ? r.onReload : void 0
 			}),
-			et && /* @__PURE__ */ U(T, {
-				icon: U(Ie ? M : j, {
+			at && /* @__PURE__ */ V(T, {
+				icon: V(Z ? M : j, {
 					size: S.LG,
 					stroke: C,
 					"aria-hidden": !0
 				}),
-				"aria-label": Ie ? P : N,
-				"aria-pressed": Ie,
-				tooltipProps: { tooltip: Ie ? P : N },
-				onClick: Je
+				"aria-label": Z ? P : N,
+				"aria-pressed": Z,
+				tooltipProps: { tooltip: Z ? P : N },
+				onClick: Qe
 			}),
-			tt && /* @__PURE__ */ U(T, {
-				icon: U(je ? A : ee, {
+			ot && /* @__PURE__ */ V(T, {
+				icon: V(X ? A : ee, {
 					size: S.LG,
 					stroke: C,
 					"aria-hidden": !0
 				}),
-				"aria-label": je ? p : f,
-				tooltipProps: { tooltip: je ? p : f },
-				onClick: Ge
+				"aria-label": X ? p : f,
+				tooltipProps: { tooltip: X ? p : f },
+				onClick: Ye
 			}),
-			nt && /* @__PURE__ */ U(T, {
-				icon: U(Ne ? A : re, {
+			st && /* @__PURE__ */ V(T, {
+				icon: V(Le ? A : re, {
 					size: S.LG,
 					stroke: C,
 					"aria-hidden": !0
 				}),
-				"aria-label": Ne ? g : h,
-				tooltipProps: { tooltip: Ne ? g : h },
-				onClick: Ke
+				"aria-label": Le ? g : h,
+				tooltipProps: { tooltip: Le ? g : h },
+				onClick: Xe
 			}),
-			rt && /* @__PURE__ */ U(T, {
-				icon: U(Fe ? A : ee, {
+			ct && /* @__PURE__ */ V(T, {
+				icon: V(He ? A : ee, {
 					size: S.LG,
 					stroke: C,
 					"aria-hidden": !0
 				}),
-				"aria-label": Fe ? y : v,
-				tooltipProps: { tooltip: Fe ? y : v },
-				onClick: qe
+				"aria-label": He ? y : v,
+				tooltipProps: { tooltip: He ? y : v },
+				onClick: Ze
 			}),
-			it && /* @__PURE__ */ U(T, {
-				icon: /* @__PURE__ */ U(te, {
+			lt && /* @__PURE__ */ V(T, {
+				icon: /* @__PURE__ */ V(te, {
 					size: S.LG,
 					stroke: C
 				}),
 				"aria-label": d,
 				tooltipProps: { tooltip: d },
-				onClick: ve
+				onClick: J
 			})
 		] }) : null,
-		children: /* @__PURE__ */ U(ze, {
+		children: /* @__PURE__ */ V(ze, {
 			content: r,
 			isLoading: t,
 			fileName: a,
-			isHtmlSourceView: Ie,
-			onAppInfo: r.type === i.McpApp ? He : void 0,
+			isHtmlSourceView: Z,
+			onAppInfo: r.type === i.McpApp ? Ke : void 0,
 			labels: {
 				unsupportedLabel: E,
 				loadErrorLabel: D,
@@ -1105,27 +1120,32 @@ var de = { panel: "dial-attachment-canvas-panel" }, fe = {
 				htmlOpenInNewTabLabel: ne,
 				pdfThumbnailsLabel: ae,
 				pdfShowThumbnailsLabel: oe,
-				pdfHideThumbnailsLabel: V,
-				pdfPageNumberLabel: G,
-				pdfContentLoadingLabel: K,
-				pdfContentErrorLabel: se,
-				pdfContentRetryLabel: ce,
-				xlsxFormulaLabel: le,
-				codeContentLoadingLabel: ue,
+				pdfHideThumbnailsLabel: se,
+				pdfPageNumberLabel: le,
+				pdfContentLoadingLabel: ue,
+				pdfContentErrorLabel: U,
+				pdfContentRetryLabel: W,
+				xlsxFormulaLabel: de,
+				codeContentLoadingLabel: G,
 				codeContentErrorLabel: fe,
-				codeContentRetryLabel: q,
-				tableCopyLabel: pe,
-				tableCopiedLabel: me,
-				tableDownloadCsvLabel: he,
-				ooxmlHighlightsLabel: ge,
-				ooxmlHighlightNavigatedLabel: _e
+				codeContentRetryLabel: pe,
+				tableCopyLabel: me,
+				tableCopiedLabel: he,
+				tableDownloadCsvLabel: ge,
+				codeBlockCopyLabel: _e,
+				codeBlockCopiedLabel: ve,
+				codeBlockDownloadLabel: ye,
+				tableScrollRegionAriaLabel: q,
+				mathScrollRegionAriaLabel: be,
+				ooxmlHighlightsLabel: xe,
+				ooxmlHighlightNavigatedLabel: Se
 			},
-			styles: Ze,
-			codeBlockTheme: De,
-			tableDownloadFilename: Se,
-			loadPdf: Oe,
-			configurePdfWorker: ke,
-			onVisualizerSendMessage: Ae
+			styles: et,
+			codeBlockTheme: Me,
+			tableDownloadFilename: Te,
+			loadPdf: Ne,
+			configurePdfWorker: Pe,
+			onVisualizerSendMessage: Fe
 		})
 	});
 }), Ue = new Set(["html", "htm"]), Z = {
@@ -1147,7 +1167,7 @@ var de = { panel: "dial-attachment-canvas-panel" }, fe = {
 	[r.Xlsx]: Z.xlsx,
 	[r.Pptx]: Z.pptx,
 	[r.Csv]: f.CSV
-}, Je = (e, t) => {
+}, Q = (e, t) => {
 	let n = t?.split(";", 1)[0].trim().toLowerCase();
 	if (n != null) {
 		let e = Ke[n];
@@ -1155,13 +1175,13 @@ var de = { panel: "dial-attachment-canvas-panel" }, fe = {
 	}
 	let r = e.lastIndexOf(".");
 	if (r !== -1) return Ge[e.slice(r + 1).toLowerCase()];
-}, Ye = (e, t) => Je(e, t) != null, Xe = (e, t) => {
-	let n = Je(e, t);
+}, Je = (e, t) => Q(e, t) != null, Ye = (e, t) => {
+	let n = Q(e, t);
 	return n == null ? void 0 : qe[n];
-}, Ze = (e) => {
+}, Xe = (e) => {
 	let t = e.lastIndexOf(".");
 	return t === -1 ? !1 : We.has(e.slice(t + 1).toLowerCase());
-}, Q = (e) => {
+}, Ze = (e) => {
 	let t = e.lastIndexOf(".");
 	return t === -1 ? !1 : Ue.has(e.slice(t + 1).toLowerCase());
 }, Qe = {
@@ -1244,7 +1264,7 @@ var ot = ({ children: e }) => {
 	return L(() => () => {
 		let e = nt(a);
 		e != null && URL.revokeObjectURL(e);
-	}, [a]), /* @__PURE__ */ U(at.Provider, {
+	}, [a]), /* @__PURE__ */ V(at.Provider, {
 		value: R(() => ({
 			isOpen: t,
 			isLoading: r,
@@ -1271,21 +1291,21 @@ var ot = ({ children: e }) => {
 	if (!e) throw Error("useAttachmentCanvas must be used within an AttachmentCanvasProvider");
 	return e;
 }, ct = F(({ labels: e, leftActions: t, isMobile: n = !1, defaultWidth: r, maxWidth: o, codeBlockTheme: s, tableDownloadFilename: c, loadPdf: l, configurePdfWorker: u, onVisualizerSendMessage: d }) => {
-	let { ariaLabel: f = "Attachment preview", closeLabel: p = "Close", downloadLabel: m = "Download", unsupportedLabel: g = "Preview is not supported for this file", loadErrorLabel: _ = "Failed to load file", forbiddenErrorLabel: v = "You don't have permission to access this file", copyTextLabel: y, copiedTextLabel: b, copyMarkdownLabel: x, copiedMarkdownLabel: S, copyJsonLabel: C, copiedJsonLabel: w, htmlFrameBlockedLabel: T, htmlOpenInNewTabLabel: E, htmlViewSourceLabel: D, htmlViewRenderedLabel: O, pdfThumbnailsLabel: k, pdfShowThumbnailsLabel: A, pdfHideThumbnailsLabel: j, pdfPageNumberLabel: ee, pdfContentLoadingLabel: te, pdfContentErrorLabel: M, pdfContentRetryLabel: ne, xlsxFormulaLabel: re, codeContentLoadingLabel: ie, codeContentErrorLabel: N, codeContentRetryLabel: P, tableCopyLabel: F, tableCopiedLabel: ae, tableDownloadCsvLabel: L, ooxmlHighlightsLabel: R, ooxmlHighlightNavigatedLabel: z } = e ?? {}, { isOpen: B, isLoading: oe, content: V, fileName: H, closeCanvas: W } = st(), G = I(() => {
-		a(V, H);
-	}, [V, H]), K = I(() => {
-		(V.type === i.PlainText || V.type === i.Code) && h(V.text);
-	}, [V]), se = I(() => {
-		V.type === i.Markdown && h(V.text);
-	}, [V]), ce = I(() => {
-		V.type === i.Json && h(JSON.stringify(V.value, null, 2));
-	}, [V]);
-	return /* @__PURE__ */ U(He, {
-		isOpen: B,
-		isLoading: oe,
-		onClose: W,
-		content: V,
-		fileName: H,
+	let { ariaLabel: f = "Attachment preview", closeLabel: p = "Close", downloadLabel: m = "Download", unsupportedLabel: g = "Preview is not supported for this file", loadErrorLabel: _ = "Failed to load file", forbiddenErrorLabel: v = "You don't have permission to access this file", copyTextLabel: y, copiedTextLabel: b, copyMarkdownLabel: x, copiedMarkdownLabel: S, copyJsonLabel: C, copiedJsonLabel: w, htmlFrameBlockedLabel: T, htmlOpenInNewTabLabel: E, htmlViewSourceLabel: D, htmlViewRenderedLabel: O, pdfThumbnailsLabel: k, pdfShowThumbnailsLabel: A, pdfHideThumbnailsLabel: j, pdfPageNumberLabel: ee, pdfContentLoadingLabel: te, pdfContentErrorLabel: M, pdfContentRetryLabel: ne, xlsxFormulaLabel: re, codeContentLoadingLabel: ie, codeContentErrorLabel: N, codeContentRetryLabel: P, tableCopyLabel: F, tableCopiedLabel: ae, tableDownloadCsvLabel: L, codeBlockCopyLabel: R, codeBlockCopiedLabel: z, codeBlockDownloadLabel: B, tableScrollRegionAriaLabel: oe, mathScrollRegionAriaLabel: se, ooxmlHighlightsLabel: ce, ooxmlHighlightNavigatedLabel: H } = e ?? {}, { isOpen: le, isLoading: ue, content: U, fileName: W, closeCanvas: de } = st(), G = I(() => {
+		a(U, W);
+	}, [U, W]), K = I(() => {
+		(U.type === i.PlainText || U.type === i.Code) && h(U.text);
+	}, [U]), fe = I(() => {
+		U.type === i.Markdown && h(U.text);
+	}, [U]), pe = I(() => {
+		U.type === i.Json && h(JSON.stringify(U.value, null, 2));
+	}, [U]);
+	return /* @__PURE__ */ V(He, {
+		isOpen: le,
+		isLoading: ue,
+		onClose: de,
+		content: U,
+		fileName: W,
 		leftActions: t,
 		labels: {
 			ariaLabel: f,
@@ -1318,13 +1338,18 @@ var ot = ({ children: e }) => {
 			tableCopyLabel: F,
 			tableCopiedLabel: ae,
 			tableDownloadCsvLabel: L,
-			ooxmlHighlightsLabel: R,
-			ooxmlHighlightNavigatedLabel: z
+			codeBlockCopyLabel: R,
+			codeBlockCopiedLabel: z,
+			codeBlockDownloadLabel: B,
+			tableScrollRegionAriaLabel: oe,
+			mathScrollRegionAriaLabel: se,
+			ooxmlHighlightsLabel: ce,
+			ooxmlHighlightNavigatedLabel: H
 		},
 		onDownload: G,
-		onCopyText: V.type === i.PlainText || V.type === i.Code ? K : void 0,
-		onCopyMarkdown: V.type === i.Markdown ? se : void 0,
-		onCopyJson: V.type === i.Json ? ce : void 0,
+		onCopyText: U.type === i.PlainText || U.type === i.Code ? K : void 0,
+		onCopyMarkdown: U.type === i.Markdown ? fe : void 0,
+		onCopyJson: U.type === i.Json ? pe : void 0,
 		tableDownloadFilename: c,
 		isMobile: n,
 		defaultWidth: r,
@@ -1335,29 +1360,29 @@ var ot = ({ children: e }) => {
 		onVisualizerSendMessage: d
 	});
 }), lt = {
-	frame: "_frame_g47g7_1",
-	header: "_header_g47g7_6",
-	title: "_title_g47g7_10"
+	frame: "_frame_1ys0b_1",
+	header: "_header_1ys0b_6",
+	title: "_title_1ys0b_10"
 }, ut = F(({ content: e, height: t, onExpand: n, expandAriaLabel: r, actionsGroupAriaLabel: i = "Visualizer actions", frameTitle: a, loadingLabel: o, errorLabel: s, titleClassName: c = "dial-small-semi-text", isBorderless: l = !1, isTitleHidden: u = !1, colors: d, onVisualizerSendMessage: f }) => {
 	let p = e.visualizerName.trim(), h = !u && p !== "";
-	return /* @__PURE__ */ W("div", {
+	return /* @__PURE__ */ H("div", {
 		className: _("flex w-full min-w-0 flex-col overflow-hidden", !l && ["rounded-xl border", lt.frame]),
 		style: m({
 			"--igv-bg": d?.background,
 			"--igv-border": d?.border,
 			"--igv-title-text": d?.titleText
 		}),
-		children: [/* @__PURE__ */ W("div", {
+		children: [/* @__PURE__ */ H("div", {
 			className: _("flex min-h-10 items-center gap-2 py-2", h ? "justify-between" : "justify-end", !l && ["border-b px-4", lt.header]),
-			children: [h && /* @__PURE__ */ U("span", {
+			children: [h && /* @__PURE__ */ V("span", {
 				className: _("min-w-0 truncate", c, lt.title),
 				children: p
-			}), /* @__PURE__ */ U("div", {
+			}), /* @__PURE__ */ V("div", {
 				role: "toolbar",
 				"aria-label": i,
 				className: "flex items-center gap-1",
-				children: /* @__PURE__ */ U(T, {
-					icon: /* @__PURE__ */ U(k, {
+				children: /* @__PURE__ */ V(T, {
+					icon: /* @__PURE__ */ V(k, {
 						size: S.SM,
 						stroke: C,
 						"aria-hidden": !0
@@ -1367,10 +1392,10 @@ var ot = ({ children: e }) => {
 					onClick: n
 				})
 			})]
-		}), /* @__PURE__ */ U("div", {
+		}), /* @__PURE__ */ V("div", {
 			className: "w-full",
 			style: { height: `${t}px` },
-			children: /* @__PURE__ */ U(Fe, {
+			children: /* @__PURE__ */ V(Fe, {
 				content: e,
 				loadingLabel: o,
 				errorLabel: s,
@@ -1407,14 +1432,14 @@ var ot = ({ children: e }) => {
 			let i = await e.resolveTextContent(t);
 			if (i != null) return r(i, t.name, n);
 		}
-		let l = Je("", a);
+		let l = Q("", a);
 		if (l != null) return r(await e.resolveOoxmlContent(t, l) ?? $(e.resolveContentUrl(t)), t.name, n);
 		switch (a) {
 			case f.PDF: return r(await e.resolvePdfContent(t) ?? $(e.resolveContentUrl(t)), t.name, n);
 			case f.Markdown: return r(await e.resolveMarkdownContent(t) ?? $(e.resolveContentUrl(t)), t.name, n);
 			case f.JSON: return r(await e.resolveJsonContent(t) ?? $(e.resolveContentUrl(t)), t.name, n);
 		}
-		let u = t.name ?? "", p = u.lastIndexOf("."), m = p === -1 ? "" : u.slice(p + 1).toLowerCase(), h = Je(u);
+		let u = t.name ?? "", p = u.lastIndexOf("."), m = p === -1 ? "" : u.slice(p + 1).toLowerCase(), h = Q(u);
 		if (h != null) return r(await e.resolveOoxmlContent(t, h) ?? $(e.resolveContentUrl(t)), t.name, n);
 		switch (m) {
 			case d.Markdown:
@@ -1431,8 +1456,8 @@ var ot = ({ children: e }) => {
 				return i == null ? !1 : r(i, t.name, n);
 			}
 		}
-		let g = t.name != null && Q(t.name) || t.url != null && Q(dt(t.url));
-		if (t.name != null && !Ze(t.name) && !g) return r($(e.resolveContentUrl(t)), t.name, n);
+		let g = t.name != null && Ze(t.name) || t.url != null && Ze(dt(t.url));
+		if (t.name != null && !Xe(t.name) && !g) return r($(e.resolveContentUrl(t)), t.name, n);
 		if (g) {
 			let a = await e.resolveHtmlContent(t);
 			return a == null ? e.hasTextSource(t) ? r($(e.resolveContentUrl(t)), t.name, n) : t.url == null ? !1 : r({
@@ -1485,4 +1510,4 @@ var ot = ({ children: e }) => {
 	]) };
 };
 //#endregion
-export { de as ATTACHMENT_CANVAS_CLASS, He as AttachmentCanvas, ze as AttachmentCanvasBody, ct as AttachmentCanvasContainer, ot as AttachmentCanvasProvider, i as AttachmentContentType, n as AttachmentErrorType, me as CodeContent, he as HTML_PREVIEW_FRAME_RENDER_MESSAGE, ut as InlineGroupedVisualizer, Ce as McpAppCanvasRenderer, r as OoxmlFileType, t as OoxmlHighlightKind, tt as createForbiddenCanvasContent, et as createLoadErrorCanvasContent, $ as createUnsupportedCanvasContent, a as downloadAttachmentContent, $e as extensionToLanguage, Ae as findVisualizerForApplication, ke as findVisualizerForMime, Je as getOoxmlFileType, Xe as getOoxmlMimeType, je as groupedVisualizerCanvasKey, o as isDownloadable, Q as isHtmlPreviewable, Ye as isOoxmlPreviewable, Ze as isTextPreviewable, Me as partitionAttachmentsForApplicationVisualizer, st as useAttachmentCanvas, ft as useOpenAttachmentCanvas };
+export { K as ATTACHMENT_CANVAS_CLASS, He as AttachmentCanvas, ze as AttachmentCanvasBody, ct as AttachmentCanvasContainer, ot as AttachmentCanvasProvider, i as AttachmentContentType, n as AttachmentErrorType, he as CodeContent, ge as HTML_PREVIEW_FRAME_RENDER_MESSAGE, ut as InlineGroupedVisualizer, Ce as McpAppCanvasRenderer, r as OoxmlFileType, t as OoxmlHighlightKind, tt as createForbiddenCanvasContent, et as createLoadErrorCanvasContent, $ as createUnsupportedCanvasContent, a as downloadAttachmentContent, $e as extensionToLanguage, Ae as findVisualizerForApplication, ke as findVisualizerForMime, Q as getOoxmlFileType, Ye as getOoxmlMimeType, je as groupedVisualizerCanvasKey, o as isDownloadable, Ze as isHtmlPreviewable, Je as isOoxmlPreviewable, Xe as isTextPreviewable, Me as partitionAttachmentsForApplicationVisualizer, st as useAttachmentCanvas, ft as useOpenAttachmentCanvas };