@epam/ai-dial-attachment-canvas 1.2.0-dev.256 → 1.2.0-dev.258

package/index.js

@@ -5,24 +5,24 @@ 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 V, defaultStyles as oe } from "react-json-view-lite";
+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 se } from "@mcp-ui/client";
-import { McpUiHostContextChangedNotificationSchema as ce } from "@modelcontextprotocol/ext-apps/app-bridge";
-import { VisualizerConnectorRequests as le } from "@epam/ai-dial-shared";
+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";
 //#region src/constants/public-class-names.ts
 var de = { panel: "dial-attachment-canvas-panel" }, fe = {
 	container: "_container_1nhig_1",
 	containerLight: "_containerLight_1nhig_5"
-}, K = {
+}, q = {
 	[l.Dark]: v,
 	[l.Light]: v
 }, pe = () => 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 = K[t], u = t === l.Light, [d, f] = B(0), p = R(pe, [d]), m = I(() => {
+	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(() => {
 		f((e) => e + 1);
 	}, []), h = /* @__PURE__ */ U("pre", {
 		className: "whitespace-pre-wrap break-words p-4",
@@ -198,7 +198,7 @@ var de = { panel: "dial-attachment-canvas-panel" }, fe = {
 			}, 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(ce, ({ params: e }) => {
+			}, e.oncalltool = (e) => r.current.onToolCall(e.name, e.arguments), e.setNotificationHandler(se, ({ params: e }) => {
 				let n = t.current?.querySelector("iframe");
 				n != null && xe(n, e.containerDimensions, r.current.hostContext?.displayMode === "fullscreen");
 			}), a(e);
@@ -214,7 +214,7 @@ var de = { panel: "dial-attachment-canvas-panel" }, fe = {
 		appBridge: i,
 		hasFailed: o
 	};
-}, q = {
+}, J = {
 	loadingOverlay: "_loadingOverlay_iea4a_2",
 	fullscreenFrame: "_fullscreenFrame_iea4a_21",
 	loadingFrame: "_loadingFrame_iea4a_29",
@@ -242,9 +242,9 @@ var de = { panel: "dial-attachment-canvas-panel" }, fe = {
 	}, [d, h])), b = y || r === "error";
 	return /* @__PURE__ */ W("div", {
 		ref: m,
-		className: _("relative h-full min-h-[200px] w-full", p && q.fullscreenFrame, !p && r === "loading" && q.loadingFrame),
+		className: _("relative h-full min-h-[200px] w-full", p && J.fullscreenFrame, !p && r === "loading" && J.loadingFrame),
 		children: [
-			v != null && !b && /* @__PURE__ */ U(se, {
+			v != null && !b && /* @__PURE__ */ U(K, {
 				html: s,
 				sandbox: f,
 				appBridge: v,
@@ -259,7 +259,7 @@ var de = { panel: "dial-attachment-canvas-panel" }, fe = {
 				}
 			}),
 			!b && r === "loading" && /* @__PURE__ */ U("div", {
-				className: _("absolute inset-0 flex flex-col items-center justify-center gap-2", q.loadingOverlay),
+				className: _("absolute inset-0 flex flex-col items-center justify-center gap-2", J.loadingOverlay),
 				children: /* @__PURE__ */ U(D, {})
 			}),
 			b && /* @__PURE__ */ W("div", {
@@ -268,19 +268,19 @@ var de = { panel: "dial-attachment-canvas-panel" }, fe = {
 					size: 60,
 					stroke: C,
 					"aria-hidden": !0,
-					className: q.errorIcon
+					className: J.errorIcon
 				}), /* @__PURE__ */ W("p", {
 					role: "alert",
-					className: _("text-center", q.statusLabel),
+					className: _("text-center", J.statusLabel),
 					children: [t, a && /* @__PURE__ */ W(H, { children: [/* @__PURE__ */ U("br", {}), /* @__PURE__ */ U("span", {
-						className: q.statusDetail,
+						className: J.statusDetail,
 						children: a
 					})] })]
 				})]
 			})
 		]
 	});
-}, J = {
+}, Y = {
 	viewer: "_viewer_1w97n_2",
 	spreadsheetCanvas: "_spreadsheetCanvas_1w97n_6",
 	formulaPanel: "_formulaPanel_1w97n_12",
@@ -316,7 +316,7 @@ var de = { panel: "dial-attachment-canvas-panel" }, fe = {
 		}
 		case r.Csv: {
 			let { XlsxSheetViewer: t } = await import("@silurus/ooxml/xlsx"), r = document.createElement("canvas");
-			r.className = J.spreadsheetCanvas, e.replaceChildren(r);
+			r.className = Y.spreadsheetCanvas, e.replaceChildren(r);
 			let i = new t(r, {
 				showScrollbars: !0,
 				onError: n
@@ -498,7 +498,7 @@ var de = { panel: "dial-attachment-canvas-panel" }, fe = {
 			t.format === r.Xlsx && /* @__PURE__ */ W("div", {
 				role: "region",
 				"aria-label": a,
-				className: _("flex min-w-0 shrink-0 items-center gap-2 border-b px-3 py-2", J.formulaPanel),
+				className: _("flex min-w-0 shrink-0 items-center gap-2 border-b px-3 py-2", Y.formulaPanel),
 				children: [/* @__PURE__ */ U("span", {
 					"aria-hidden": "true",
 					className: _("shrink-0", o),
@@ -507,7 +507,7 @@ var de = { panel: "dial-attachment-canvas-panel" }, fe = {
 					dir: "ltr",
 					tabIndex: 0,
 					"aria-live": "polite",
-					className: _("h-8 min-w-0 flex-1 overflow-x-auto whitespace-nowrap rounded border px-2 py-1 text-sm focus-visible:outline focus-visible:outline-focus", J.formulaValue),
+					className: _("h-8 min-w-0 flex-1 overflow-x-auto whitespace-nowrap rounded border px-2 py-1 text-sm focus-visible:outline focus-visible:outline-focus", Y.formulaValue),
 					children: m
 				})]
 			}),
@@ -518,7 +518,7 @@ var de = { panel: "dial-attachment-canvas-panel" }, fe = {
 					role: "document",
 					"aria-label": n,
 					"aria-busy": u,
-					className: _("h-full w-full overflow-hidden", J.viewer)
+					className: _("h-full w-full overflow-hidden", Y.viewer)
 				}), g.length > 0 && /* @__PURE__ */ U("div", {
 					role: "region",
 					"aria-label": s,
@@ -533,7 +533,7 @@ var de = { panel: "dial-attachment-canvas-panel" }, fe = {
 						},
 						"data-selected": e.highlightId === S,
 						"data-clipped": e.isClippedAtEnd === !0,
-						className: _("absolute", J.highlight)
+						className: _("absolute", Y.highlight)
 					}, `${e.highlightId}-${t}`))
 				})]
 			}),
@@ -546,14 +546,14 @@ var de = { panel: "dial-attachment-canvas-panel" }, fe = {
 			(u || f) && /* @__PURE__ */ U("div", {
 				role: f ? "alert" : void 0,
 				"aria-live": "polite",
-				className: _("absolute inset-0 flex items-center justify-center", J.statusOverlay),
+				className: _("absolute inset-0 flex items-center justify-center", Y.statusOverlay),
 				children: u ? /* @__PURE__ */ U(D, { size: 48 }) : /* @__PURE__ */ W("div", {
 					className: "flex flex-col items-center gap-2",
 					children: [/* @__PURE__ */ U(O, {
 						"aria-hidden": "true",
 						size: 60,
 						stroke: C,
-						className: J.errorIcon
+						className: Y.errorIcon
 					}), /* @__PURE__ */ U("p", {
 						className: "text-center",
 						children: i
@@ -562,25 +562,51 @@ var de = { panel: "dial-attachment-canvas-panel" }, fe = {
 			})
 		]
 	});
-}, ke = {
+}, ke = (e, t) => {
+	let n = e.toLowerCase();
+	return t.find((e) => e.contentType.split(",").some((e) => e.trim().toLowerCase() === n && e.trim() !== ""));
+}, Ae = (e, t) => {
+	if (!(e == null || e === "")) return Object.prototype.hasOwnProperty.call(t, e) ? t[e] : void 0;
+}, je = (e) => `${e}:grouped-visualizer`, Me = (e, t) => {
+	let n = (t.contentType ?? "").split(",").map((e) => e.trim().toLowerCase()).filter((e) => e !== ""), r = [], i = [];
+	return e.forEach((e) => {
+		if (e.url != null && e.url !== "" && (n.length === 0 || n.includes(e.contentType.toLowerCase()))) {
+			r.push(e);
+			return;
+		}
+		i.push(e);
+	}), {
+		claimed: r,
+		unclaimed: i
+	};
+}, Ne = (e) => {
+	if (typeof e != "object" || !e || !Object.prototype.hasOwnProperty.call(e, "message")) return;
+	let { message: t } = e;
+	return typeof t == "string" && t.trim() !== "" ? t : void 0;
+}, Pe = {
 	loadingOverlay: "_loadingOverlay_12637_1",
 	statusLabel: "_statusLabel_12637_5",
 	errorIcon: "_errorIcon_12637_9"
-}, Ae = ({ content: e, loadingLabel: t, errorLabel: n = "Failed to load visualizer", frameTitle: r, colors: a }) => {
-	let o = z(null), [s, c] = B("loading"), { url: l, visualizerName: u, requestTimeout: d } = e, f = z(e);
-	return f.current = e, L(() => {
-		let e = o.current;
+}, Fe = ({ content: e, loadingLabel: t, errorLabel: n = "Failed to load visualizer", frameTitle: r, colors: a, onSendMessage: o }) => {
+	let s = z(null), [c, l] = B("loading"), { url: u, visualizerName: d, requestTimeout: f } = e, p = z(e);
+	p.current = e;
+	let h = z(o);
+	return h.current = o, L(() => {
+		let e = s.current;
 		if (!e) return;
-		c("loading");
+		l("loading");
 		let t = new ue(e, {
-			domain: l,
+			domain: u,
 			hostDomain: window.location.origin,
-			visualizerName: u,
-			requestTimeout: d
-		}), n = !0;
+			visualizerName: d,
+			requestTimeout: f
+		}), n = !0, r = t.subscribe(`${d}/${ce.sendMessage}`, (e) => {
+			let t = Ne(e);
+			t != null && h.current?.(t);
+		});
 		return (async () => {
 			if (await t.ready(), !n) return;
-			let e = f.current;
+			let e = p.current;
 			if (e.type === i.GroupedVisualizer) await t.send(le.sendGroupedVisualizeData, {
 				attachments: e.attachments,
 				layout: e.layout
@@ -595,24 +621,24 @@ var de = { panel: "dial-attachment-canvas-panel" }, fe = {
 					visualizerData: a
 				});
 			}
-			n && c("ready");
+			n && l("ready");
 		})().catch(() => {
-			n && c("error");
+			n && l("error");
 		}), () => {
-			n = !1, t.destroy();
+			n = !1, r(), t.destroy();
 		};
 	}, [
-		l,
 		u,
-		d
+		d,
+		f
 	]), L(() => {
-		let e = r ?? u.trim();
-		e !== "" && o.current?.querySelector("iframe")?.setAttribute("title", e);
+		let e = r ?? d.trim();
+		e !== "" && s.current?.querySelector("iframe")?.setAttribute("title", e);
 	}, [
 		r,
+		d,
 		u,
-		l,
-		d
+		f
 	]), /* @__PURE__ */ W("div", {
 		className: "relative h-full w-full",
 		style: m({
@@ -622,32 +648,32 @@ var de = { panel: "dial-attachment-canvas-panel" }, fe = {
 		}),
 		children: [
 			/* @__PURE__ */ U("div", {
-				ref: o,
+				ref: s,
 				className: "h-full w-full"
 			}),
-			s === "loading" && /* @__PURE__ */ W("div", {
-				className: _("absolute inset-0 flex flex-col items-center justify-center gap-2", ke.loadingOverlay),
+			c === "loading" && /* @__PURE__ */ W("div", {
+				className: _("absolute inset-0 flex flex-col items-center justify-center gap-2", Pe.loadingOverlay),
 				children: [/* @__PURE__ */ U(D, {}), t && /* @__PURE__ */ U("p", {
-					className: _("text-center", ke.statusLabel),
+					className: _("text-center", Pe.statusLabel),
 					children: t
 				})]
 			}),
-			s === "error" && /* @__PURE__ */ W("div", {
+			c === "error" && /* @__PURE__ */ W("div", {
 				className: "absolute inset-0 flex flex-col items-center justify-center gap-2",
 				children: [/* @__PURE__ */ U(O, {
 					size: 60,
 					stroke: C,
 					"aria-hidden": !0,
-					className: ke.errorIcon
+					className: Pe.errorIcon
 				}), /* @__PURE__ */ U("p", {
 					role: "alert",
-					className: _("text-center", ke.statusLabel),
+					className: _("text-center", Pe.statusLabel),
 					children: n
 				})]
 			})
 		]
 	});
-}, Y = {
+}, X = {
 	body: "_body_13ogb_4",
 	statusLabel: "_statusLabel_13ogb_13",
 	errorIcon: "_errorIcon_13ogb_17",
@@ -662,7 +688,7 @@ var de = { panel: "dial-attachment-canvas-panel" }, fe = {
 	jsonExpandIcon: "_jsonExpandIcon_13ogb_54",
 	jsonCollapseIcon: "_jsonCollapseIcon_13ogb_67",
 	jsonCollapsedContent: "_jsonCollapsedContent_13ogb_84"
-}, je = () => P(async () => ({ default: (await import("./PdfContent-BoAtghsO.js")).PdfContent })), Me = ({ url: e, fileName: t, loadErrorLabel: n }) => {
+}, Ie = () => P(async () => ({ default: (await import("./PdfContent-BoAtghsO.js")).PdfContent })), Le = ({ url: e, fileName: t, loadErrorLabel: n }) => {
 	let [r, i] = B(!1);
 	return L(() => {
 		i(!1);
@@ -671,9 +697,9 @@ var de = { panel: "dial-attachment-canvas-panel" }, fe = {
 		children: [/* @__PURE__ */ U(O, {
 			size: 60,
 			stroke: C,
-			className: Y.errorIcon
+			className: X.errorIcon
 		}), /* @__PURE__ */ U("p", {
-			className: _("text-center", Y.statusLabel),
+			className: _("text-center", X.statusLabel),
 			children: n
 		})]
 	}) : /* @__PURE__ */ U("img", {
@@ -682,43 +708,43 @@ var de = { panel: "dial-attachment-canvas-panel" }, fe = {
 		className: "max-h-full max-w-full object-contain",
 		onError: () => i(!0)
 	});
-}, Ne = new Set([
+}, Re = new Set([
 	i.PlainText,
 	i.Code,
 	i.Ooxml
-]), Pe = 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 }) => {
-	let { colors: H, typography: G, bodyClassName: se, cssVars: ce } = ie ?? {}, [le, ue] = B(0), de = R(je, [le]), fe = I(() => {
+]), 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);
-	}, []), K = G?.fontClassName != null, pe = R(() => ({
+	}, []), q = K?.fontClassName != null, pe = R(() => ({
 		...m({
-			"--ac-text": H?.text,
-			"--ac-status-text": H?.statusText,
-			"--ac-error-icon": H?.errorIcon,
-			"--ac-open-in-new-tab-text": H?.openInNewTabText,
-			"--ac-json-border": H?.jsonBorder,
-			"--ac-json-bg": H?.jsonBackground,
-			"--ac-json-label": H?.jsonLabel,
-			"--ac-json-clickable-label": H?.jsonClickableLabel,
-			"--ac-json-punctuation": H?.jsonPunctuation,
-			"--ac-json-string": H?.jsonString,
-			"--ac-json-number": H?.jsonNumber,
-			"--ac-json-boolean": H?.jsonBoolean,
-			"--ac-json-null": H?.jsonNull,
-			"--ac-json-toggle-icon": H?.jsonToggleIcon,
-			"--ac-json-toggle-icon-hover": H?.jsonToggleIconHover,
-			"--ac-ooxml-bg": H?.ooxmlBackground,
-			"--ac-ooxml-formula-border": H?.ooxmlFormulaBorder,
-			"--ac-ooxml-formula-bg": H?.ooxmlFormulaBackground,
-			"--ac-ooxml-formula-text": H?.ooxmlFormulaText,
-			"--ac-ooxml-highlight-border": H?.ooxmlHighlightBorder,
-			"--ac-ooxml-highlight-bg": H?.ooxmlHighlightBackground,
-			"--ac-json-collapsed-text": H?.jsonCollapsedText,
-			"--ac-json-collapsed-bg": H?.jsonCollapsedBackground,
-			"--ac-font-family": K ? void 0 : G?.fontFamily,
-			"--ac-font-size": K ? void 0 : G?.fontSize,
-			"--ac-font-weight": K ? void 0 : G?.fontWeight,
-			"--ac-line-height": K ? void 0 : G?.lineHeight,
-			"--ac-letter-spacing": K ? void 0 : G?.letterSpacing
+			"--ac-text": G?.text,
+			"--ac-status-text": G?.statusText,
+			"--ac-error-icon": G?.errorIcon,
+			"--ac-open-in-new-tab-text": G?.openInNewTabText,
+			"--ac-json-border": G?.jsonBorder,
+			"--ac-json-bg": G?.jsonBackground,
+			"--ac-json-label": G?.jsonLabel,
+			"--ac-json-clickable-label": G?.jsonClickableLabel,
+			"--ac-json-punctuation": G?.jsonPunctuation,
+			"--ac-json-string": G?.jsonString,
+			"--ac-json-number": G?.jsonNumber,
+			"--ac-json-boolean": G?.jsonBoolean,
+			"--ac-json-null": G?.jsonNull,
+			"--ac-json-toggle-icon": G?.jsonToggleIcon,
+			"--ac-json-toggle-icon-hover": G?.jsonToggleIconHover,
+			"--ac-ooxml-bg": G?.ooxmlBackground,
+			"--ac-ooxml-formula-border": G?.ooxmlFormulaBorder,
+			"--ac-ooxml-formula-bg": G?.ooxmlFormulaBackground,
+			"--ac-ooxml-formula-text": G?.ooxmlFormulaText,
+			"--ac-ooxml-highlight-border": G?.ooxmlHighlightBorder,
+			"--ac-ooxml-highlight-bg": G?.ooxmlHighlightBackground,
+			"--ac-json-collapsed-text": G?.jsonCollapsedText,
+			"--ac-json-collapsed-bg": G?.jsonCollapsedBackground,
+			"--ac-font-family": q ? void 0 : K?.fontFamily,
+			"--ac-font-size": q ? void 0 : K?.fontSize,
+			"--ac-font-weight": q ? void 0 : K?.fontWeight,
+			"--ac-line-height": q ? void 0 : K?.lineHeight,
+			"--ac-letter-spacing": q ? void 0 : K?.letterSpacing
 		}),
 		...ce
 	}), [ie]), he = R(() => {
@@ -742,10 +768,10 @@ var de = { panel: "dial-attachment-canvas-panel" }, fe = {
 	}, [e.type]), ge = R(() => {
 		switch (e.type) {
 			case i.PlainText: return /* @__PURE__ */ U("pre", {
-				className: _("whitespace-pre-wrap break-words", Y.body, G?.fontClassName),
+				className: _("whitespace-pre-wrap break-words", X.body, K?.fontClassName),
 				children: e.text
 			});
-			case i.Image: return /* @__PURE__ */ U(Me, {
+			case i.Image: return /* @__PURE__ */ U(Le, {
 				url: e.url,
 				fileName: r,
 				loadErrorLabel: c
@@ -789,25 +815,25 @@ var de = { panel: "dial-attachment-canvas-panel" }, fe = {
 				dir: "ltr",
 				className: "h-full overflow-auto",
 				children: /* @__PURE__ */ U("div", {
-					className: _("m-3 overflow-auto rounded-md border", Y.jsonWrapper),
-					children: /* @__PURE__ */ U(V, {
+					className: _("m-3 overflow-auto rounded-md border", X.jsonWrapper),
+					children: /* @__PURE__ */ U(oe, {
 						data: e.value,
 						style: {
-							container: _("whitespace-pre-wrap break-words p-2", G?.jsonClassName ?? "dial-code-text"),
-							basicChildStyle: oe.basicChildStyle,
+							container: _("whitespace-pre-wrap break-words p-2", K?.jsonClassName ?? "dial-code-text"),
+							basicChildStyle: V.basicChildStyle,
 							childFieldsContainer: "m-0 ps-3",
-							label: _("me-1 font-semibold", Y.jsonLabel),
-							clickableLabel: _("me-1 cursor-pointer font-semibold hover:underline", Y.jsonClickableLabel),
-							nullValue: _("italic", Y.jsonNullValue),
-							undefinedValue: _("italic", Y.jsonNullValue),
-							stringValue: Y.jsonStringValue,
-							booleanValue: Y.jsonBooleanValue,
-							numberValue: Y.jsonNumberValue,
-							otherValue: _("italic", Y.jsonNullValue),
-							punctuation: _("me-1", Y.jsonPunctuation),
-							collapseIcon: _("me-1 cursor-pointer select-none transition-colors", Y.jsonCollapseIcon),
-							expandIcon: _("me-1 cursor-pointer select-none transition-colors", Y.jsonExpandIcon),
-							collapsedContent: _("me-1 cursor-pointer rounded px-1", Y.jsonCollapsedContent)
+							label: _("me-1 font-semibold", X.jsonLabel),
+							clickableLabel: _("me-1 cursor-pointer font-semibold hover:underline", X.jsonClickableLabel),
+							nullValue: _("italic", X.jsonNullValue),
+							undefinedValue: _("italic", X.jsonNullValue),
+							stringValue: X.jsonStringValue,
+							booleanValue: X.jsonBooleanValue,
+							numberValue: X.jsonNumberValue,
+							otherValue: _("italic", X.jsonNullValue),
+							punctuation: _("me-1", X.jsonPunctuation),
+							collapseIcon: _("me-1 cursor-pointer select-none transition-colors", X.jsonCollapseIcon),
+							expandIcon: _("me-1 cursor-pointer select-none transition-colors", X.jsonExpandIcon),
+							collapsedContent: _("me-1 cursor-pointer rounded px-1", X.jsonCollapsedContent)
 						}
 					})
 				})
@@ -864,21 +890,22 @@ var de = { panel: "dial-attachment-canvas-panel" }, fe = {
 				fileName: r,
 				loadErrorLabel: c,
 				formulaLabel: T,
-				formulaLabelClassName: G?.xlsxFormulaLabelClassName ?? "dial-italic-text",
+				formulaLabelClassName: K?.xlsxFormulaLabelClassName ?? "dial-italic-text",
 				highlightsLabel: M,
 				highlightNavigatedLabel: re
 			});
 			case i.Visualizer:
-			case i.GroupedVisualizer: return /* @__PURE__ */ U(Ae, {
+			case i.GroupedVisualizer: return /* @__PURE__ */ U(Fe, {
 				content: e,
-				errorLabel: d
+				errorLabel: d,
+				onSendMessage: H
 			});
 			case i.McpApp: return /* @__PURE__ */ U(Ce, {
 				content: e,
 				onAppInfo: z
 			});
 			case i.Unsupported: return /* @__PURE__ */ U("p", {
-				className: _("text-center", Y.statusLabel),
+				className: _("text-center", X.statusLabel),
 				children: o
 			});
 			case i.Error: {
@@ -888,9 +915,9 @@ var de = { panel: "dial-attachment-canvas-panel" }, fe = {
 					children: [U(t ? ne : O, {
 						size: 60,
 						stroke: C,
-						className: Y.errorIcon
+						className: X.errorIcon
 					}), /* @__PURE__ */ U("p", {
-						className: _("text-center", Y.statusLabel),
+						className: _("text-center", X.statusLabel),
 						children: t ? l : c
 					})]
 				});
@@ -898,15 +925,16 @@ var de = { panel: "dial-attachment-canvas-panel" }, fe = {
 		}
 	}, [
 		e,
-		G?.fontClassName,
-		G?.jsonClassName,
-		G?.xlsxFormulaLabelClassName,
+		K?.fontClassName,
+		K?.jsonClassName,
+		K?.xlsxFormulaLabelClassName,
 		r,
 		N,
 		o,
 		c,
 		l,
 		d,
+		H,
 		f,
 		h,
 		a,
@@ -936,72 +964,72 @@ var de = { panel: "dial-attachment-canvas-panel" }, fe = {
 		re
 	]);
 	return /* @__PURE__ */ U("div", {
-		style: !t && Ne.has(e.type) ? pe : void 0,
+		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
 	});
-}), Fe = {
+}), Be = {
 	mcpAppDivider: "_mcpAppDivider_1jh5p_1",
 	mcpAppVersion: "_mcpAppVersion_1jh5p_5"
-}, Ie = 2e3, Le = 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: V, pdfHideThumbnailsLabel: oe, pdfPageNumberLabel: G, pdfContentLoadingLabel: se, pdfContentErrorLabel: ce, pdfContentRetryLabel: le, xlsxFormulaLabel: ue, codeContentLoadingLabel: fe, codeContentErrorLabel: K, codeContentRetryLabel: pe, tableCopyLabel: me, tableCopiedLabel: he, tableDownloadCsvLabel: ge, ooxmlHighlightsLabel: _e, ooxmlHighlightNavigatedLabel: ve }, onDownload: ye, onCopyText: be, onCopyMarkdown: xe, onCopyJson: Se, tableDownloadFilename: q, isMobile: Ce = !1, defaultWidth: J, minWidth: we = 600, maxWidth: Te = 1500, onResizeStop: Ee, styles: De, codeBlockTheme: Oe, loadPdf: ke, configurePdfWorker: Ae }) => {
-	let [Y, je] = B(!1), [Me, Ne] = B(!1), [Le, Re] = B(!1), [X, ze] = B(!1), [Be, Ve] = B(void 0), He = z(null), Z = z(null), Q = z(null), Ue = I(() => {
-		be?.(), He.current != null && clearTimeout(He.current), je(!0), He.current = setTimeout(() => je(!1), Ie);
-	}, [be]), We = I(() => {
-		xe?.(), Z.current != null && clearTimeout(Z.current), Ne(!0), Z.current = setTimeout(() => Ne(!1), Ie);
-	}, [xe]), Ge = I(() => {
-		Se?.(), Q.current != null && clearTimeout(Q.current), Re(!0), Q.current = setTimeout(() => Re(!1), Ie);
-	}, [Se]);
+}, 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]);
 	L(() => () => {
-		He.current != null && clearTimeout(He.current), Z.current != null && clearTimeout(Z.current), Q.current != null && clearTimeout(Q.current);
+		Ue.current != null && clearTimeout(Ue.current), Z.current != null && clearTimeout(Z.current), We.current != null && clearTimeout(We.current);
 	}, []);
-	let Ke = I(() => {
-		ze((e) => !e);
+	let Je = I(() => {
+		Le((e) => !e);
 	}, []);
 	L(() => {
-		ze(!1), Ve(void 0);
+		Le(!1), He(void 0);
 	}, [r]);
-	let { className: qe, panelStyles: $, ...Je } = De ?? {}, { colors: Ye, typography: Xe } = Je, Ze = R(() => m({
-		"--ac-mcp-app-divider": Ye?.mcpAppDividerColor,
-		"--ac-mcp-app-version": Ye?.mcpAppVersionColor
-	}), [Ye?.mcpAppDividerColor, Ye?.mcpAppVersionColor]), Qe = r.type === i.McpApp && Be != null ? /* @__PURE__ */ W("span", {
-		style: Ze,
+	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,
 		children: [
 			/* @__PURE__ */ U("span", { children: a }),
 			/* @__PURE__ */ U("span", {
 				"aria-hidden": !0,
-				className: _("mx-1.5 inline-block h-3 w-0 border-s align-middle", Fe.mcpAppDivider)
+				className: _("mx-1.5 inline-block h-3 w-0 border-s align-middle", Be.mcpAppDivider)
 			}),
-			/* @__PURE__ */ U("span", { children: Be.name }),
-			Be.version && /* @__PURE__ */ U("span", {
-				className: _("ms-2", Xe?.mcpAppVersionClassName ?? "dial-caption-text", Fe.mcpAppVersion),
-				children: Be.version
+			/* @__PURE__ */ U("span", { children: Re.name }),
+			Re.version && /* @__PURE__ */ U("span", {
+				className: _("ms-2", Qe?.mcpAppVersionClassName ?? "dial-caption-text", Be.mcpAppVersion),
+				children: Re.version
 			})
 		]
-	}) : a, $e = !t && r.type === i.Html && (r.srcdoc != null || r.resolveSourceText != null), et = !t && be != null && (r.type === i.PlainText || r.type === i.Code), tt = !t && xe != null && r.type === i.Markdown, nt = !t && Se != null && r.type === i.Json, rt = !t && ye != null && o(r), it = !t && r.type === i.McpApp && r.onReload != null;
+	}) : 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, {
 		isOpen: e,
 		orientation: b.Right,
-		title: Qe,
+		title: $,
 		labels: {
 			ariaLabel: c,
 			closeLabel: l,
 			resizeLabel: u
 		},
 		onClose: n,
-		resizable: !Ce,
-		defaultWidth: J,
-		minWidth: we,
-		maxWidth: Te,
-		onResizeStop: Ee,
+		resizable: !J,
+		defaultWidth: Ce,
+		minWidth: Y,
+		maxWidth: we,
+		onResizeStop: Te,
 		styles: {
-			...$,
-			titleClassName: $?.titleClassName ?? "dial-h3-text",
-			headerClassName: _("border-b border-tertiary", $?.headerClassName),
-			className: _(e ? "mobile:w-full mobile:max-w-full" : "w-0", qe, $?.className, de.panel)
+			...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)
 		},
 		leftActions: s,
-		rightActions: $e || et || tt || nt || rt || it ? /* @__PURE__ */ W(H, { children: [
-			it && /* @__PURE__ */ U(T, {
+		rightActions: et || tt || nt || rt || it || at ? /* @__PURE__ */ W(H, { children: [
+			at && /* @__PURE__ */ U(T, {
 				icon: /* @__PURE__ */ U(ie, {
 					size: S.LG,
 					stroke: C,
@@ -1011,63 +1039,63 @@ var de = { panel: "dial-attachment-canvas-panel" }, fe = {
 				tooltipProps: { tooltip: F },
 				onClick: r.type === i.McpApp ? r.onReload : void 0
 			}),
-			$e && /* @__PURE__ */ U(T, {
-				icon: U(X ? M : j, {
+			et && /* @__PURE__ */ U(T, {
+				icon: U(Ie ? M : j, {
 					size: S.LG,
 					stroke: C,
 					"aria-hidden": !0
 				}),
-				"aria-label": X ? P : N,
-				"aria-pressed": X,
-				tooltipProps: { tooltip: X ? P : N },
-				onClick: Ke
+				"aria-label": Ie ? P : N,
+				"aria-pressed": Ie,
+				tooltipProps: { tooltip: Ie ? P : N },
+				onClick: Je
 			}),
-			et && /* @__PURE__ */ U(T, {
-				icon: U(Y ? A : ee, {
+			tt && /* @__PURE__ */ U(T, {
+				icon: U(je ? A : ee, {
 					size: S.LG,
 					stroke: C,
 					"aria-hidden": !0
 				}),
-				"aria-label": Y ? p : f,
-				tooltipProps: { tooltip: Y ? p : f },
-				onClick: Ue
+				"aria-label": je ? p : f,
+				tooltipProps: { tooltip: je ? p : f },
+				onClick: Ge
 			}),
-			tt && /* @__PURE__ */ U(T, {
-				icon: U(Me ? A : re, {
+			nt && /* @__PURE__ */ U(T, {
+				icon: U(Ne ? A : re, {
 					size: S.LG,
 					stroke: C,
 					"aria-hidden": !0
 				}),
-				"aria-label": Me ? g : h,
-				tooltipProps: { tooltip: Me ? g : h },
-				onClick: We
+				"aria-label": Ne ? g : h,
+				tooltipProps: { tooltip: Ne ? g : h },
+				onClick: Ke
 			}),
-			nt && /* @__PURE__ */ U(T, {
-				icon: U(Le ? A : ee, {
+			rt && /* @__PURE__ */ U(T, {
+				icon: U(Fe ? A : ee, {
 					size: S.LG,
 					stroke: C,
 					"aria-hidden": !0
 				}),
-				"aria-label": Le ? y : v,
-				tooltipProps: { tooltip: Le ? y : v },
-				onClick: Ge
+				"aria-label": Fe ? y : v,
+				tooltipProps: { tooltip: Fe ? y : v },
+				onClick: qe
 			}),
-			rt && /* @__PURE__ */ U(T, {
+			it && /* @__PURE__ */ U(T, {
 				icon: /* @__PURE__ */ U(te, {
 					size: S.LG,
 					stroke: C
 				}),
 				"aria-label": d,
 				tooltipProps: { tooltip: d },
-				onClick: ye
+				onClick: ve
 			})
 		] }) : null,
-		children: /* @__PURE__ */ U(Pe, {
+		children: /* @__PURE__ */ U(ze, {
 			content: r,
 			isLoading: t,
 			fileName: a,
-			isHtmlSourceView: X,
-			onAppInfo: r.type === i.McpApp ? Ve : void 0,
+			isHtmlSourceView: Ie,
+			onAppInfo: r.type === i.McpApp ? He : void 0,
 			labels: {
 				unsupportedLabel: E,
 				loadErrorLabel: D,
@@ -1076,66 +1104,67 @@ var de = { panel: "dial-attachment-canvas-panel" }, fe = {
 				htmlFrameBlockedLabel: k,
 				htmlOpenInNewTabLabel: ne,
 				pdfThumbnailsLabel: ae,
-				pdfShowThumbnailsLabel: V,
-				pdfHideThumbnailsLabel: oe,
+				pdfShowThumbnailsLabel: oe,
+				pdfHideThumbnailsLabel: V,
 				pdfPageNumberLabel: G,
-				pdfContentLoadingLabel: se,
-				pdfContentErrorLabel: ce,
-				pdfContentRetryLabel: le,
-				xlsxFormulaLabel: ue,
-				codeContentLoadingLabel: fe,
-				codeContentErrorLabel: K,
-				codeContentRetryLabel: pe,
-				tableCopyLabel: me,
-				tableCopiedLabel: he,
-				tableDownloadCsvLabel: ge,
-				ooxmlHighlightsLabel: _e,
-				ooxmlHighlightNavigatedLabel: ve
+				pdfContentLoadingLabel: K,
+				pdfContentErrorLabel: se,
+				pdfContentRetryLabel: ce,
+				xlsxFormulaLabel: le,
+				codeContentLoadingLabel: ue,
+				codeContentErrorLabel: fe,
+				codeContentRetryLabel: q,
+				tableCopyLabel: pe,
+				tableCopiedLabel: me,
+				tableDownloadCsvLabel: he,
+				ooxmlHighlightsLabel: ge,
+				ooxmlHighlightNavigatedLabel: _e
 			},
-			styles: Je,
-			codeBlockTheme: Oe,
-			tableDownloadFilename: q,
-			loadPdf: ke,
-			configurePdfWorker: Ae
+			styles: Ze,
+			codeBlockTheme: De,
+			tableDownloadFilename: Se,
+			loadPdf: Oe,
+			configurePdfWorker: ke,
+			onVisualizerSendMessage: Ae
 		})
 	});
-}), Re = new Set(["html", "htm"]), X = {
+}), Ue = new Set(["html", "htm"]), Z = {
 	docx: "application/vnd.openxmlformats-officedocument.wordprocessingml.document",
 	xlsx: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",
 	pptx: "application/vnd.openxmlformats-officedocument.presentationml.presentation"
-}, ze = new Set(/* @__PURE__ */ "txt.md.markdown.json.jsonl.ndjson.xml.csv.tsv.yaml.yml.toml.ini.conf.cfg.css.scss.sass.less.js.jsx.ts.tsx.mjs.cjs.mts.cts.py.rb.go.rs.java.kt.swift.c.h.cpp.cs.sh.bash.zsh.fish.ps1.log.env.gitignore.dockerfile.makefile.sql".split(".")), Be = {
+}, We = new Set(/* @__PURE__ */ "txt.md.markdown.json.jsonl.ndjson.xml.csv.tsv.yaml.yml.toml.ini.conf.cfg.css.scss.sass.less.js.jsx.ts.tsx.mjs.cjs.mts.cts.py.rb.go.rs.java.kt.swift.c.h.cpp.cs.sh.bash.zsh.fish.ps1.log.env.gitignore.dockerfile.makefile.sql".split(".")), Ge = {
 	docx: r.Docx,
 	xlsx: r.Xlsx,
 	pptx: r.Pptx,
 	csv: r.Csv
-}, Ve = {
-	[X.docx]: r.Docx,
-	[X.xlsx]: r.Xlsx,
-	[X.pptx]: r.Pptx,
+}, Ke = {
+	[Z.docx]: r.Docx,
+	[Z.xlsx]: r.Xlsx,
+	[Z.pptx]: r.Pptx,
 	[f.CSV]: r.Csv
-}, He = {
-	[r.Docx]: X.docx,
-	[r.Xlsx]: X.xlsx,
-	[r.Pptx]: X.pptx,
+}, qe = {
+	[r.Docx]: Z.docx,
+	[r.Xlsx]: Z.xlsx,
+	[r.Pptx]: Z.pptx,
 	[r.Csv]: f.CSV
-}, Z = (e, t) => {
+}, Je = (e, t) => {
 	let n = t?.split(";", 1)[0].trim().toLowerCase();
 	if (n != null) {
-		let e = Ve[n];
+		let e = Ke[n];
 		if (e != null) return e;
 	}
 	let r = e.lastIndexOf(".");
-	if (r !== -1) return Be[e.slice(r + 1).toLowerCase()];
-}, Q = (e, t) => Z(e, t) != null, Ue = (e, t) => {
-	let n = Z(e, t);
-	return n == null ? void 0 : He[n];
-}, We = (e) => {
+	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);
+	return n == null ? void 0 : qe[n];
+}, Ze = (e) => {
 	let t = e.lastIndexOf(".");
-	return t === -1 ? !1 : ze.has(e.slice(t + 1).toLowerCase());
-}, Ge = (e) => {
+	return t === -1 ? !1 : We.has(e.slice(t + 1).toLowerCase());
+}, Q = (e) => {
 	let t = e.lastIndexOf(".");
-	return t === -1 ? !1 : Re.has(e.slice(t + 1).toLowerCase());
-}, Ke = {
+	return t === -1 ? !1 : Ue.has(e.slice(t + 1).toLowerCase());
+}, Qe = {
 	xml: "xml",
 	csv: "plaintext",
 	tsv: "plaintext",
@@ -1183,39 +1212,39 @@ var de = { panel: "dial-attachment-canvas-panel" }, fe = {
 	gitignore: "plaintext",
 	dockerfile: "plaintext",
 	makefile: "plaintext"
-}, qe = (e) => Ke[e], $ = (e) => ({
+}, $e = (e) => Qe[e], $ = (e) => ({
 	type: i.Unsupported,
 	...e != null && { url: e }
-}), Je = (e) => ({
+}), et = (e) => ({
 	type: i.Error,
 	errorType: n.LoadFailed,
 	...e != null && { url: e }
-}), Ye = (e) => ({
+}), tt = (e) => ({
 	type: i.Error,
 	errorType: n.Forbidden,
 	...e != null && { url: e }
-}), Xe = (e) => {
+}), nt = (e) => {
 	if (!(e.type !== i.Image && e.type !== i.Audio && e.type !== i.Pdf && e.type !== i.Ooxml)) return e.url.startsWith("blob:") ? e.url : void 0;
-}, Ze = (e) => {
-	let t = Xe(e);
+}, rt = (e) => {
+	let t = nt(e);
 	t != null && URL.revokeObjectURL(t);
-}, Qe = {
+}, it = {
 	type: i.PlainText,
 	text: ""
-}, $e = N(void 0);
-$e.displayName = "AttachmentCanvasContext";
-var et = ({ children: e }) => {
-	let [t, n] = B(!1), [r, i] = B(!1), [a, o] = B(Qe), [s, c] = B(void 0), [l, u] = B(void 0), d = I((e, t) => {
+}, at = N(void 0);
+at.displayName = "AttachmentCanvasContext";
+var ot = ({ children: e }) => {
+	let [t, n] = B(!1), [r, i] = B(!1), [a, o] = B(it), [s, c] = B(void 0), [l, u] = B(void 0), d = I((e, t) => {
 		c(e), u(t), i(!0), n(!0);
 	}, []), f = I((e, t, r) => {
 		o(e), c(t), u(r), i(!1), n(!0);
 	}, []), p = I(() => {
-		o(Qe), n(!1), i(!1), u(void 0);
+		o(it), n(!1), i(!1), u(void 0);
 	}, []);
 	return L(() => () => {
-		let e = Xe(a);
+		let e = nt(a);
 		e != null && URL.revokeObjectURL(e);
-	}, [a]), /* @__PURE__ */ U($e.Provider, {
+	}, [a]), /* @__PURE__ */ U(at.Provider, {
 		value: R(() => ({
 			isOpen: t,
 			isLoading: r,
@@ -1237,63 +1266,63 @@ var et = ({ children: e }) => {
 		]),
 		children: e
 	});
-}, tt = () => {
-	let e = ae($e);
+}, st = () => {
+	let e = ae(at);
 	if (!e) throw Error("useAttachmentCanvas must be used within an AttachmentCanvasProvider");
 	return e;
-}, nt = F(({ labels: e, leftActions: t, isMobile: n = !1, defaultWidth: r, maxWidth: o, codeBlockTheme: s, tableDownloadFilename: c, loadPdf: l, configurePdfWorker: u }) => {
-	let { ariaLabel: d = "Attachment preview", closeLabel: f = "Close", downloadLabel: p = "Download", unsupportedLabel: m = "Preview is not supported for this file", loadErrorLabel: g = "Failed to load file", forbiddenErrorLabel: _ = "You don't have permission to access this file", copyTextLabel: v, copiedTextLabel: y, copyMarkdownLabel: b, copiedMarkdownLabel: x, copyJsonLabel: S, copiedJsonLabel: C, htmlFrameBlockedLabel: w, htmlOpenInNewTabLabel: T, htmlViewSourceLabel: E, htmlViewRenderedLabel: D, pdfThumbnailsLabel: O, pdfShowThumbnailsLabel: k, pdfHideThumbnailsLabel: A, pdfPageNumberLabel: j, pdfContentLoadingLabel: ee, pdfContentErrorLabel: te, pdfContentRetryLabel: M, xlsxFormulaLabel: ne, codeContentLoadingLabel: re, codeContentErrorLabel: ie, codeContentRetryLabel: N, tableCopyLabel: P, tableCopiedLabel: F, tableDownloadCsvLabel: ae, ooxmlHighlightsLabel: L, ooxmlHighlightNavigatedLabel: R } = e ?? {}, { isOpen: z, isLoading: B, content: V, fileName: oe, closeCanvas: H } = tt(), W = I(() => {
-		a(V, oe);
-	}, [V, oe]), G = I(() => {
+}, 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(Le, {
-		isOpen: z,
-		isLoading: B,
-		onClose: H,
+	return /* @__PURE__ */ U(He, {
+		isOpen: B,
+		isLoading: oe,
+		onClose: W,
 		content: V,
-		fileName: oe,
+		fileName: H,
 		leftActions: t,
 		labels: {
-			ariaLabel: d,
-			closeLabel: f,
-			downloadLabel: p,
-			copyTextLabel: v,
-			copiedTextLabel: y,
-			copyMarkdownLabel: b,
-			copiedMarkdownLabel: x,
-			copyJsonLabel: S,
-			copiedJsonLabel: C,
-			unsupportedLabel: m,
-			loadErrorLabel: g,
-			forbiddenErrorLabel: _,
-			htmlFrameBlockedLabel: w,
-			htmlOpenInNewTabLabel: T,
-			htmlViewSourceLabel: E,
-			htmlViewRenderedLabel: D,
-			pdfThumbnailsLabel: O,
-			pdfShowThumbnailsLabel: k,
-			pdfHideThumbnailsLabel: A,
-			pdfPageNumberLabel: j,
-			pdfContentLoadingLabel: ee,
-			pdfContentErrorLabel: te,
-			pdfContentRetryLabel: M,
-			xlsxFormulaLabel: ne,
-			codeContentLoadingLabel: re,
-			codeContentErrorLabel: ie,
-			codeContentRetryLabel: N,
-			tableCopyLabel: P,
-			tableCopiedLabel: F,
-			tableDownloadCsvLabel: ae,
-			ooxmlHighlightsLabel: L,
-			ooxmlHighlightNavigatedLabel: R
+			ariaLabel: f,
+			closeLabel: p,
+			downloadLabel: m,
+			copyTextLabel: y,
+			copiedTextLabel: b,
+			copyMarkdownLabel: x,
+			copiedMarkdownLabel: S,
+			copyJsonLabel: C,
+			copiedJsonLabel: w,
+			unsupportedLabel: g,
+			loadErrorLabel: _,
+			forbiddenErrorLabel: v,
+			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
 		},
-		onDownload: W,
-		onCopyText: V.type === i.PlainText || V.type === i.Code ? G : void 0,
+		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,
 		tableDownloadFilename: c,
@@ -1302,26 +1331,27 @@ var et = ({ children: e }) => {
 		maxWidth: o,
 		codeBlockTheme: s,
 		configurePdfWorker: u,
-		loadPdf: l
+		loadPdf: l,
+		onVisualizerSendMessage: d
 	});
-}), rt = {
+}), lt = {
 	frame: "_frame_g47g7_1",
 	header: "_header_g47g7_6",
 	title: "_title_g47g7_10"
-}, it = 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 }) => {
-	let f = e.visualizerName.trim(), p = !u && f !== "";
+}, 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", {
-		className: _("flex w-full min-w-0 flex-col overflow-hidden", !l && ["rounded-xl border", rt.frame]),
+		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", {
-			className: _("flex min-h-10 items-center gap-2 py-2", p ? "justify-between" : "justify-end", !l && ["border-b px-4", rt.header]),
-			children: [p && /* @__PURE__ */ U("span", {
-				className: _("min-w-0 truncate", c, rt.title),
-				children: f
+			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", {
+				className: _("min-w-0 truncate", c, lt.title),
+				children: p
 			}), /* @__PURE__ */ U("div", {
 				role: "toolbar",
 				"aria-label": i,
@@ -1340,32 +1370,16 @@ var et = ({ children: e }) => {
 		}), /* @__PURE__ */ U("div", {
 			className: "w-full",
 			style: { height: `${t}px` },
-			children: /* @__PURE__ */ U(Ae, {
+			children: /* @__PURE__ */ U(Fe, {
 				content: e,
 				loadingLabel: o,
 				errorLabel: s,
-				frameTitle: a
+				frameTitle: a,
+				onSendMessage: f
 			})
 		})]
 	});
-}), at = (e, t) => {
-	let n = e.toLowerCase();
-	return t.find((e) => e.contentType.split(",").some((e) => e.trim().toLowerCase() === n && e.trim() !== ""));
-}, ot = (e, t) => {
-	if (!(e == null || e === "")) return Object.prototype.hasOwnProperty.call(t, e) ? t[e] : void 0;
-}, st = (e) => `${e}:grouped-visualizer`, ct = (e, t) => {
-	let n = (t.contentType ?? "").split(",").map((e) => e.trim().toLowerCase()).filter((e) => e !== ""), r = [], i = [];
-	return e.forEach((e) => {
-		if (e.url != null && e.url !== "" && (n.length === 0 || n.includes(e.contentType.toLowerCase()))) {
-			r.push(e);
-			return;
-		}
-		i.push(e);
-	}), {
-		claimed: r,
-		unclaimed: i
-	};
-}, lt = (e) => {
+}), dt = (e) => {
 	let t;
 	try {
 		t = new URL(e).pathname;
@@ -1378,13 +1392,13 @@ var et = ({ children: e }) => {
 	} catch {
 		return n;
 	}
-}, ut = (e, t) => {
-	let { openCanvas: n, openCanvasLoading: r, closeCanvas: a } = tt(), { customVisualizers: o, themeId: s, onBeforeOpen: l } = t, u = I(async (t, n, r) => {
+}, ft = (e, t) => {
+	let { openCanvas: n, openCanvasLoading: r, closeCanvas: a } = st(), { customVisualizers: o, themeId: s, onBeforeOpen: l } = t, u = I(async (t, n, r) => {
 		if (t.url == null && t.referenceUrl != null) {
 			let i = e.resolveReferencePdfContent(t);
 			if (i != null) return r(i, t.name, n);
 		}
-		let a = t.contentType.toLowerCase(), c = at(a, o);
+		let a = t.contentType.toLowerCase(), c = ke(a, o);
 		if (c != null) {
 			let i = await e.resolveVisualizerContent(t, c, s);
 			if (i != null) return r(i, t.name, n);
@@ -1393,14 +1407,14 @@ var et = ({ children: e }) => {
 			let i = await e.resolveTextContent(t);
 			if (i != null) return r(i, t.name, n);
 		}
-		let l = Z("", a);
+		let l = Je("", 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 = Z(u);
+		let u = t.name ?? "", p = u.lastIndexOf("."), m = p === -1 ? "" : u.slice(p + 1).toLowerCase(), h = Je(u);
 		if (h != null) return r(await e.resolveOoxmlContent(t, h) ?? $(e.resolveContentUrl(t)), t.name, n);
 		switch (m) {
 			case d.Markdown:
@@ -1417,8 +1431,8 @@ var et = ({ children: e }) => {
 				return i == null ? !1 : r(i, t.name, n);
 			}
 		}
-		let g = t.name != null && Ge(t.name) || t.url != null && Ge(lt(t.url));
-		if (t.name != null && !We(t.name) && !g) return r($(e.resolveContentUrl(t)), 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);
 		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({
@@ -1426,7 +1440,7 @@ var et = ({ children: e }) => {
 				url: t.url
 			}, t.name, n) : r(a, t.name, n);
 		}
-		let _ = await e.resolveCodeContent(t, qe(m));
+		let _ = await e.resolveCodeContent(t, $e(m));
 		return _ == null ? !1 : r(_, t.name, n);
 	}, [
 		o,
@@ -1434,7 +1448,7 @@ var et = ({ children: e }) => {
 		e
 	]);
 	return { openAttachmentCanvas: I(async (t, o = t.id, s) => {
-		let d = () => s == null || s(), f = (e, t, r) => d() ? (n(e, t, r), !0) : (Ze(e), !1);
+		let d = () => s == null || s(), f = (e, t, r) => d() ? (n(e, t, r), !0) : (rt(e), !1);
 		switch (t.type) {
 			case c.Image: {
 				let r = e.resolveImageContent(t);
@@ -1471,4 +1485,4 @@ var et = ({ children: e }) => {
 	]) };
 };
 //#endregion
-export { de as ATTACHMENT_CANVAS_CLASS, Le as AttachmentCanvas, Pe as AttachmentCanvasBody, nt as AttachmentCanvasContainer, et as AttachmentCanvasProvider, i as AttachmentContentType, n as AttachmentErrorType, me as CodeContent, he as HTML_PREVIEW_FRAME_RENDER_MESSAGE, it as InlineGroupedVisualizer, Ce as McpAppCanvasRenderer, r as OoxmlFileType, t as OoxmlHighlightKind, Ye as createForbiddenCanvasContent, Je as createLoadErrorCanvasContent, $ as createUnsupportedCanvasContent, a as downloadAttachmentContent, qe as extensionToLanguage, ot as findVisualizerForApplication, at as findVisualizerForMime, Z as getOoxmlFileType, Ue as getOoxmlMimeType, st as groupedVisualizerCanvasKey, o as isDownloadable, Ge as isHtmlPreviewable, Q as isOoxmlPreviewable, We as isTextPreviewable, ct as partitionAttachmentsForApplicationVisualizer, tt as useAttachmentCanvas, ut as useOpenAttachmentCanvas };
+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 };