@epam/ai-dial-attachment-canvas 1.1.11 → 1.1.13

package/index.js

@@ -9,9 +9,9 @@ import { JsonView as se, defaultStyles as ce } from "react-json-view-lite";
 import { Fragment as le, jsx as z, jsxs as B } from "react/jsx-runtime";
 import { AppBridge as V, AppFrame as H } from "@mcp-ui/client";
 import { McpUiHostContextChangedNotificationSchema as U } from "@modelcontextprotocol/ext-apps/app-bridge";
-import { VisualizerConnectorRequests as ue } from "@epam/ai-dial-shared";
+import { VisualizerConnectorEvents as W, VisualizerConnectorRequests as ue } from "@epam/ai-dial-shared";
 import { VisualizerConnector as de } from "@epam/ai-dial-visualizer-connector";
-var W = {
+var G = {
 	container: "_container_1nhig_1",
 	containerLight: "_containerLight_1nhig_5"
 }, fe = {
@@ -29,7 +29,7 @@ var W = {
 	});
 	return /* @__PURE__ */ z("div", {
 		dir: "ltr",
-		className: g("h-full overflow-auto", W.container, c && W.containerLight),
+		className: g("h-full overflow-auto", G.container, c && G.containerLight),
 		children: a ? m : /* @__PURE__ */ z(s, {
 			retryKey: u,
 			onRetry: p,
@@ -105,7 +105,7 @@ var W = {
 			onError: h
 		})]
 	});
-}), G = {
+}), K = {
 	name: "MCP-UI Host",
 	version: "1.0.0"
 }, _e = { openLinks: {} }, ve = (e) => {
@@ -138,7 +138,7 @@ var W = {
 	return F(() => {
 		let e = null;
 		try {
-			e = new V(null, G, _e, { hostContext: r.current.hostContext }), e.onopenlink = async ({ url: e }) => {
+			e = new V(null, K, _e, { hostContext: r.current.hostContext }), e.onopenlink = async ({ url: e }) => {
 				let t = r.current.onOpenLink;
 				return (t == null ? ve(e) : t(e)) === !1 ? { isError: !0 } : {};
 			}, e.onrequestdisplaymode = async ({ mode: e }) => {
@@ -160,7 +160,7 @@ var W = {
 		appBridge: i,
 		hasFailed: o
 	};
-}, K = {
+}, q = {
 	loadingOverlay: "_loadingOverlay_1aric_1",
 	fullscreenFrame: "_fullscreenFrame_1aric_20",
 	statusLabel: "_statusLabel_1aric_27",
@@ -186,7 +186,7 @@ var W = {
 	}, [c, f])), _ = h || n === "error";
 	return /* @__PURE__ */ B("div", {
 		ref: d,
-		className: g("relative h-full w-full", u && K.fullscreenFrame),
+		className: g("relative h-full w-full", u && q.fullscreenFrame),
 		children: [
 			m != null && /* @__PURE__ */ z(H, {
 				html: i,
@@ -199,7 +199,7 @@ var W = {
 				onError: () => r("error")
 			}),
 			!_ && n === "loading" && /* @__PURE__ */ z("div", {
-				className: g("absolute inset-0 flex flex-col items-center justify-center gap-2", K.loadingOverlay),
+				className: g("absolute inset-0 flex flex-col items-center justify-center gap-2", q.loadingOverlay),
 				children: /* @__PURE__ */ z(E, {})
 			}),
 			_ && /* @__PURE__ */ B("div", {
@@ -208,16 +208,16 @@ var W = {
 					size: 60,
 					stroke: S,
 					"aria-hidden": !0,
-					className: K.errorIcon
+					className: q.errorIcon
 				}), /* @__PURE__ */ z("p", {
 					role: "alert",
-					className: g("text-center", K.statusLabel),
+					className: g("text-center", q.statusLabel),
 					children: t
 				})]
 			})
 		]
 	});
-}, q = {
+}, J = {
 	viewer: "_viewer_1w97n_2",
 	spreadsheetCanvas: "_spreadsheetCanvas_1w97n_6",
 	formulaPanel: "_formulaPanel_1w97n_12",
@@ -253,7 +253,7 @@ var W = {
 		}
 		case r.Csv: {
 			let { XlsxSheetViewer: t } = await import("@silurus/ooxml/xlsx"), r = document.createElement("canvas");
-			r.className = q.spreadsheetCanvas, e.replaceChildren(r);
+			r.className = J.spreadsheetCanvas, e.replaceChildren(r);
 			let i = new t(r, {
 				showScrollbars: !0,
 				onError: n
@@ -435,7 +435,7 @@ var W = {
 			t.format === r.Xlsx && /* @__PURE__ */ B("div", {
 				role: "region",
 				"aria-label": a,
-				className: g("flex min-w-0 shrink-0 items-center gap-2 border-b px-3 py-2", q.formulaPanel),
+				className: g("flex min-w-0 shrink-0 items-center gap-2 border-b px-3 py-2", J.formulaPanel),
 				children: [/* @__PURE__ */ z("span", {
 					"aria-hidden": "true",
 					className: g("shrink-0", o),
@@ -444,7 +444,7 @@ var W = {
 					dir: "ltr",
 					tabIndex: 0,
 					"aria-live": "polite",
-					className: g("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", q.formulaValue),
+					className: g("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),
 					children: m
 				})]
 			}),
@@ -455,7 +455,7 @@ var W = {
 					role: "document",
 					"aria-label": n,
 					"aria-busy": u,
-					className: g("h-full w-full overflow-hidden", q.viewer)
+					className: g("h-full w-full overflow-hidden", J.viewer)
 				}), _.length > 0 && /* @__PURE__ */ z("div", {
 					role: "region",
 					"aria-label": s,
@@ -470,7 +470,7 @@ var W = {
 						},
 						"data-selected": e.highlightId === C,
 						"data-clipped": e.isClippedAtEnd === !0,
-						className: g("absolute", q.highlight)
+						className: g("absolute", J.highlight)
 					}, `${e.highlightId}-${t}`))
 				})]
 			}),
@@ -483,14 +483,14 @@ var W = {
 			(u || f) && /* @__PURE__ */ z("div", {
 				role: f ? "alert" : void 0,
 				"aria-live": "polite",
-				className: g("absolute inset-0 flex items-center justify-center", q.statusOverlay),
+				className: g("absolute inset-0 flex items-center justify-center", J.statusOverlay),
 				children: u ? /* @__PURE__ */ z(E, { size: 48 }) : /* @__PURE__ */ B("div", {
 					className: "flex flex-col items-center gap-2",
 					children: [/* @__PURE__ */ z(D, {
 						"aria-hidden": "true",
 						size: 60,
 						stroke: S,
-						className: q.errorIcon
+						className: J.errorIcon
 					}), /* @__PURE__ */ z("p", {
 						className: "text-center",
 						children: i
@@ -499,25 +499,51 @@ var W = {
 			})
 		]
 	});
-}, De = {
+}, De = (e, t) => {
+	let n = e.toLowerCase();
+	return t.find((e) => e.contentType.split(",").some((e) => e.trim().toLowerCase() === n && e.trim() !== ""));
+}, Oe = (e, t) => {
+	if (!(e == null || e === "")) return Object.prototype.hasOwnProperty.call(t, e) ? t[e] : void 0;
+}, ke = (e) => `${e}:grouped-visualizer`, Ae = (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
+	};
+}, je = (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;
+}, Y = {
 	loadingOverlay: "_loadingOverlay_12637_1",
 	statusLabel: "_statusLabel_12637_5",
 	errorIcon: "_errorIcon_12637_9"
-}, Oe = ({ content: e, loadingLabel: t, errorLabel: n = "Failed to load visualizer", frameTitle: r, colors: a }) => {
-	let o = L(null), [s, c] = R("loading"), { url: l, visualizerName: u, requestTimeout: d } = e, f = L(e);
-	return f.current = e, F(() => {
-		let e = o.current;
+}, Me = ({ content: e, loadingLabel: t, errorLabel: n = "Failed to load visualizer", frameTitle: r, colors: a, onSendMessage: o }) => {
+	let s = L(null), [c, l] = R("loading"), { url: u, visualizerName: d, requestTimeout: f } = e, p = L(e);
+	p.current = e;
+	let h = L(o);
+	return h.current = o, F(() => {
+		let e = s.current;
 		if (!e) return;
-		c("loading");
+		l("loading");
 		let t = new de(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}/${W.sendMessage}`, (e) => {
+			let t = je(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(ue.sendGroupedVisualizeData, {
 				attachments: e.attachments,
 				layout: e.layout
@@ -532,24 +558,24 @@ var W = {
 					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
 	]), F(() => {
-		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__ */ B("div", {
 		className: "relative h-full w-full",
 		style: m({
@@ -559,32 +585,32 @@ var W = {
 		}),
 		children: [
 			/* @__PURE__ */ z("div", {
-				ref: o,
+				ref: s,
 				className: "h-full w-full"
 			}),
-			s === "loading" && /* @__PURE__ */ B("div", {
-				className: g("absolute inset-0 flex flex-col items-center justify-center gap-2", De.loadingOverlay),
+			c === "loading" && /* @__PURE__ */ B("div", {
+				className: g("absolute inset-0 flex flex-col items-center justify-center gap-2", Y.loadingOverlay),
 				children: [/* @__PURE__ */ z(E, {}), t && /* @__PURE__ */ z("p", {
-					className: g("text-center", De.statusLabel),
+					className: g("text-center", Y.statusLabel),
 					children: t
 				})]
 			}),
-			s === "error" && /* @__PURE__ */ B("div", {
+			c === "error" && /* @__PURE__ */ B("div", {
 				className: "absolute inset-0 flex flex-col items-center justify-center gap-2",
 				children: [/* @__PURE__ */ z(D, {
 					size: 60,
 					stroke: S,
 					"aria-hidden": !0,
-					className: De.errorIcon
+					className: Y.errorIcon
 				}), /* @__PURE__ */ z("p", {
 					role: "alert",
-					className: g("text-center", De.statusLabel),
+					className: g("text-center", Y.statusLabel),
 					children: n
 				})]
 			})
 		]
 	});
-}, J = {
+}, X = {
 	body: "_body_13ogb_4",
 	statusLabel: "_statusLabel_13ogb_13",
 	errorIcon: "_errorIcon_13ogb_17",
@@ -599,7 +625,7 @@ var W = {
 	jsonExpandIcon: "_jsonExpandIcon_13ogb_54",
 	jsonCollapseIcon: "_jsonCollapseIcon_13ogb_67",
 	jsonCollapsedContent: "_jsonCollapsedContent_13ogb_84"
-}, ke = () => j(async () => ({ default: (await import("./PdfContent-BoAtghsO.js")).PdfContent })), Ae = ({ url: e, fileName: t, loadErrorLabel: n }) => {
+}, Ne = () => j(async () => ({ default: (await import("./PdfContent-BoAtghsO.js")).PdfContent })), Pe = ({ url: e, fileName: t, loadErrorLabel: n }) => {
 	let [r, i] = R(!1);
 	return F(() => {
 		i(!1);
@@ -608,9 +634,9 @@ var W = {
 		children: [/* @__PURE__ */ z(D, {
 			size: 60,
 			stroke: S,
-			className: J.errorIcon
+			className: X.errorIcon
 		}), /* @__PURE__ */ z("p", {
-			className: g("text-center", J.statusLabel),
+			className: g("text-center", X.statusLabel),
 			children: n
 		})]
 	}) : /* @__PURE__ */ z("img", {
@@ -619,43 +645,43 @@ var W = {
 		className: "max-h-full max-w-full object-contain",
 		onError: () => i(!0)
 	});
-}, je = new Set([
+}, Z = new Set([
 	i.PlainText,
 	i.Code,
 	i.Ooxml
-]), Me = M(({ 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: _, pdfShowThumbnailsLabel: v, pdfHideThumbnailsLabel: y, pdfPageNumberLabel: b, pdfContentLoadingLabel: x, pdfContentErrorLabel: C, pdfContentRetryLabel: w, xlsxFormulaLabel: T = "Formula", codeContentLoadingLabel: O, codeContentErrorLabel: k, codeContentRetryLabel: ee, tableCopyCsvLabel: te, tableCopyTxtLabel: ne, tableCopyMarkdownLabel: re, tableCopiedLabel: ae, tableDownloadCsvLabel: oe, ooxmlHighlightsLabel: A, ooxmlHighlightNavigatedLabel: j } = {}, styles: M, codeBlockTheme: P, tableDownloadFilename: F, loadPdf: L, hidePdfToolbar: le = !1, configurePdfWorker: V }) => {
-	let { colors: H, typography: U, bodyClassName: ue, cssVars: de } = M ?? {}, [W, fe] = R(0), pe = I(ke, [W]), he = N(() => {
+]), Fe = M(({ 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: _, pdfShowThumbnailsLabel: v, pdfHideThumbnailsLabel: y, pdfPageNumberLabel: b, pdfContentLoadingLabel: x, pdfContentErrorLabel: C, pdfContentRetryLabel: w, xlsxFormulaLabel: T = "Formula", codeContentLoadingLabel: O, codeContentErrorLabel: k, codeContentRetryLabel: ee, tableCopyCsvLabel: te, tableCopyTxtLabel: ne, tableCopyMarkdownLabel: re, tableCopiedLabel: ae, tableDownloadCsvLabel: oe, ooxmlHighlightsLabel: A, ooxmlHighlightNavigatedLabel: j } = {}, styles: M, codeBlockTheme: P, tableDownloadFilename: F, loadPdf: L, hidePdfToolbar: le = !1, configurePdfWorker: V, onVisualizerSendMessage: H }) => {
+	let { colors: U, typography: W, bodyClassName: ue, cssVars: de } = M ?? {}, [G, fe] = R(0), pe = I(Ne, [G]), he = N(() => {
 		fe((e) => e + 1);
-	}, []), G = U?.fontClassName != null, _e = I(() => ({
+	}, []), K = W?.fontClassName != null, _e = I(() => ({
 		...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": G ? void 0 : U?.fontFamily,
-			"--ac-font-size": G ? void 0 : U?.fontSize,
-			"--ac-font-weight": G ? void 0 : U?.fontWeight,
-			"--ac-line-height": G ? void 0 : U?.lineHeight,
-			"--ac-letter-spacing": G ? void 0 : U?.letterSpacing
+			"--ac-text": U?.text,
+			"--ac-status-text": U?.statusText,
+			"--ac-error-icon": U?.errorIcon,
+			"--ac-open-in-new-tab-text": U?.openInNewTabText,
+			"--ac-json-border": U?.jsonBorder,
+			"--ac-json-bg": U?.jsonBackground,
+			"--ac-json-label": U?.jsonLabel,
+			"--ac-json-clickable-label": U?.jsonClickableLabel,
+			"--ac-json-punctuation": U?.jsonPunctuation,
+			"--ac-json-string": U?.jsonString,
+			"--ac-json-number": U?.jsonNumber,
+			"--ac-json-boolean": U?.jsonBoolean,
+			"--ac-json-null": U?.jsonNull,
+			"--ac-json-toggle-icon": U?.jsonToggleIcon,
+			"--ac-json-toggle-icon-hover": U?.jsonToggleIconHover,
+			"--ac-ooxml-bg": U?.ooxmlBackground,
+			"--ac-ooxml-formula-border": U?.ooxmlFormulaBorder,
+			"--ac-ooxml-formula-bg": U?.ooxmlFormulaBackground,
+			"--ac-ooxml-formula-text": U?.ooxmlFormulaText,
+			"--ac-ooxml-highlight-border": U?.ooxmlHighlightBorder,
+			"--ac-ooxml-highlight-bg": U?.ooxmlHighlightBackground,
+			"--ac-json-collapsed-text": U?.jsonCollapsedText,
+			"--ac-json-collapsed-bg": U?.jsonCollapsedBackground,
+			"--ac-font-family": K ? void 0 : W?.fontFamily,
+			"--ac-font-size": K ? void 0 : W?.fontSize,
+			"--ac-font-weight": K ? void 0 : W?.fontWeight,
+			"--ac-line-height": K ? void 0 : W?.lineHeight,
+			"--ac-letter-spacing": K ? void 0 : W?.letterSpacing
 		}),
 		...de
 	}), [M]), ve = I(() => {
@@ -679,10 +705,10 @@ var W = {
 	}, [e.type]), ye = I(() => {
 		switch (e.type) {
 			case i.PlainText: return /* @__PURE__ */ z("pre", {
-				className: g("whitespace-pre-wrap break-words", J.body, U?.fontClassName),
+				className: g("whitespace-pre-wrap break-words", X.body, W?.fontClassName),
 				children: e.text
 			});
-			case i.Image: return /* @__PURE__ */ z(Ae, {
+			case i.Image: return /* @__PURE__ */ z(Pe, {
 				url: e.url,
 				fileName: r,
 				loadErrorLabel: c
@@ -727,25 +753,25 @@ var W = {
 				dir: "ltr",
 				className: "h-full overflow-auto",
 				children: /* @__PURE__ */ z("div", {
-					className: g("m-3 overflow-auto rounded-md border", J.jsonWrapper),
+					className: g("m-3 overflow-auto rounded-md border", X.jsonWrapper),
 					children: /* @__PURE__ */ z(se, {
 						data: e.value,
 						style: {
-							container: g("whitespace-pre-wrap break-words p-2", U?.jsonClassName ?? "dial-code-text"),
+							container: g("whitespace-pre-wrap break-words p-2", W?.jsonClassName ?? "dial-code-text"),
 							basicChildStyle: ce.basicChildStyle,
 							childFieldsContainer: "m-0 ps-3",
-							label: g("me-1 font-semibold", J.jsonLabel),
-							clickableLabel: g("me-1 cursor-pointer font-semibold hover:underline", J.jsonClickableLabel),
-							nullValue: g("italic", J.jsonNullValue),
-							undefinedValue: g("italic", J.jsonNullValue),
-							stringValue: J.jsonStringValue,
-							booleanValue: J.jsonBooleanValue,
-							numberValue: J.jsonNumberValue,
-							otherValue: g("italic", J.jsonNullValue),
-							punctuation: g("me-1", J.jsonPunctuation),
-							collapseIcon: g("me-1 cursor-pointer select-none transition-colors", J.jsonCollapseIcon),
-							expandIcon: g("me-1 cursor-pointer select-none transition-colors", J.jsonExpandIcon),
-							collapsedContent: g("me-1 cursor-pointer rounded px-1", J.jsonCollapsedContent)
+							label: g("me-1 font-semibold", X.jsonLabel),
+							clickableLabel: g("me-1 cursor-pointer font-semibold hover:underline", X.jsonClickableLabel),
+							nullValue: g("italic", X.jsonNullValue),
+							undefinedValue: g("italic", X.jsonNullValue),
+							stringValue: X.jsonStringValue,
+							booleanValue: X.jsonBooleanValue,
+							numberValue: X.jsonNumberValue,
+							otherValue: g("italic", X.jsonNullValue),
+							punctuation: g("me-1", X.jsonPunctuation),
+							collapseIcon: g("me-1 cursor-pointer select-none transition-colors", X.jsonCollapseIcon),
+							expandIcon: g("me-1 cursor-pointer select-none transition-colors", X.jsonExpandIcon),
+							collapsedContent: g("me-1 cursor-pointer rounded px-1", X.jsonCollapsedContent)
 						}
 					})
 				})
@@ -770,7 +796,7 @@ var W = {
 				codeBlockTheme: P
 			});
 			case i.Pdf: return /* @__PURE__ */ z(s, {
-				retryKey: W,
+				retryKey: G,
 				onRetry: he,
 				labels: {
 					loadingLabel: x,
@@ -802,18 +828,19 @@ var W = {
 				fileName: r,
 				loadErrorLabel: c,
 				formulaLabel: T,
-				formulaLabelClassName: U?.xlsxFormulaLabelClassName ?? "dial-italic-text",
+				formulaLabelClassName: W?.xlsxFormulaLabelClassName ?? "dial-italic-text",
 				highlightsLabel: A,
 				highlightNavigatedLabel: j
 			});
 			case i.Visualizer:
-			case i.GroupedVisualizer: return /* @__PURE__ */ z(Oe, {
+			case i.GroupedVisualizer: return /* @__PURE__ */ z(Me, {
 				content: e,
-				errorLabel: d
+				errorLabel: d,
+				onSendMessage: H
 			});
 			case i.McpApp: return /* @__PURE__ */ z(xe, { content: e });
 			case i.Unsupported: return /* @__PURE__ */ z("p", {
-				className: g("text-center", J.statusLabel),
+				className: g("text-center", X.statusLabel),
 				children: o
 			});
 			case i.Error: {
@@ -823,9 +850,9 @@ var W = {
 					children: [z(t ? ie : D, {
 						size: 60,
 						stroke: S,
-						className: J.errorIcon
+						className: X.errorIcon
 					}), /* @__PURE__ */ z("p", {
-						className: g("text-center", J.statusLabel),
+						className: g("text-center", X.statusLabel),
 						children: t ? l : c
 					})]
 				});
@@ -833,15 +860,16 @@ var W = {
 		}
 	}, [
 		e,
-		U?.fontClassName,
-		U?.jsonClassName,
-		U?.xlsxFormulaLabelClassName,
+		W?.fontClassName,
+		W?.jsonClassName,
+		W?.xlsxFormulaLabelClassName,
 		r,
 		P,
 		o,
 		c,
 		l,
 		d,
+		H,
 		f,
 		h,
 		a,
@@ -861,7 +889,7 @@ var W = {
 		k,
 		ee,
 		pe,
-		W,
+		G,
 		he,
 		te,
 		ne,
@@ -872,28 +900,28 @@ var W = {
 		j
 	]);
 	return /* @__PURE__ */ z("div", {
-		style: !t && je.has(e.type) ? _e : void 0,
+		style: !t && Z.has(e.type) ? _e : void 0,
 		className: g(t ? "flex h-full items-center justify-center" : ve, ue),
 		children: t ? /* @__PURE__ */ z(E, {}) : ye
 	});
-}), Ne = 2e3, Pe = M(({ 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: m = "Copy as Markdown", copiedMarkdownLabel: h = "Copied!", copyJsonLabel: _ = "Copy as JSON", copiedJsonLabel: v = "Copied!", visualizerErrorLabel: C, unsupportedLabel: T = "Preview is not supported for this file", loadErrorLabel: E = "Failed to load file", forbiddenErrorLabel: D = "You don't have permission to access this file", htmlFrameBlockedLabel: O = "This page cannot be displayed in preview", htmlOpenInNewTabLabel: ie = "Open in new tab", htmlViewSourceLabel: A = "View source", htmlViewRenderedLabel: j = "View rendered", mcpAppReloadLabel: M = "Reload", pdfThumbnailsLabel: P, pdfShowThumbnailsLabel: I, pdfHideThumbnailsLabel: se, pdfPageNumberLabel: ce, pdfContentLoadingLabel: V, pdfContentErrorLabel: H, pdfContentRetryLabel: U, xlsxFormulaLabel: ue, codeContentLoadingLabel: de, codeContentErrorLabel: W, codeContentRetryLabel: fe, tableCopyCsvLabel: pe, tableCopyTxtLabel: me, tableCopyMarkdownLabel: he, tableCopiedLabel: ge, tableDownloadCsvLabel: G, ooxmlHighlightsLabel: _e, ooxmlHighlightNavigatedLabel: ve }, onDownload: ye, onCopyText: be, onCopyMarkdown: K, onCopyJson: xe, tableDownloadFilename: q, isMobile: Se = !1, defaultWidth: Ce, minWidth: we = 600, maxWidth: Te = 1500, onResizeStop: Ee, styles: De, codeBlockTheme: Oe, loadPdf: J, configurePdfWorker: ke }) => {
-	let [Ae, je] = R(!1), [Pe, Fe] = R(!1), [Y, Ie] = R(!1), [X, Le] = R(!1), Z = L(null), Q = L(null), Re = L(null), ze = N(() => {
-		be?.(), Z.current != null && clearTimeout(Z.current), je(!0), Z.current = setTimeout(() => je(!1), Ne);
-	}, [be]), Be = N(() => {
-		K?.(), Q.current != null && clearTimeout(Q.current), Fe(!0), Q.current = setTimeout(() => Fe(!1), Ne);
-	}, [K]), Ve = N(() => {
-		xe?.(), Re.current != null && clearTimeout(Re.current), Ie(!0), Re.current = setTimeout(() => Ie(!1), Ne);
-	}, [xe]);
+}), Ie = 2e3, Le = M(({ 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: m = "Copy as Markdown", copiedMarkdownLabel: h = "Copied!", copyJsonLabel: _ = "Copy as JSON", copiedJsonLabel: v = "Copied!", visualizerErrorLabel: C, unsupportedLabel: T = "Preview is not supported for this file", loadErrorLabel: E = "Failed to load file", forbiddenErrorLabel: D = "You don't have permission to access this file", htmlFrameBlockedLabel: O = "This page cannot be displayed in preview", htmlOpenInNewTabLabel: ie = "Open in new tab", htmlViewSourceLabel: A = "View source", htmlViewRenderedLabel: j = "View rendered", mcpAppReloadLabel: M = "Reload", pdfThumbnailsLabel: P, pdfShowThumbnailsLabel: I, pdfHideThumbnailsLabel: se, pdfPageNumberLabel: ce, pdfContentLoadingLabel: V, pdfContentErrorLabel: H, pdfContentRetryLabel: U, xlsxFormulaLabel: W, codeContentLoadingLabel: ue, codeContentErrorLabel: de, codeContentRetryLabel: G, tableCopyCsvLabel: fe, tableCopyTxtLabel: pe, tableCopyMarkdownLabel: me, tableCopiedLabel: he, tableDownloadCsvLabel: ge, ooxmlHighlightsLabel: K, ooxmlHighlightNavigatedLabel: _e }, onDownload: ve, onCopyText: ye, onCopyMarkdown: be, onCopyJson: q, tableDownloadFilename: xe, isMobile: J = !1, defaultWidth: Se, minWidth: Ce = 600, maxWidth: we = 1500, onResizeStop: Te, styles: Ee, codeBlockTheme: De, loadPdf: Oe, configurePdfWorker: ke, onVisualizerSendMessage: Ae }) => {
+	let [je, Y] = R(!1), [Me, X] = R(!1), [Ne, Pe] = R(!1), [Z, Le] = R(!1), Re = L(null), Q = L(null), ze = L(null), Be = N(() => {
+		ye?.(), Re.current != null && clearTimeout(Re.current), Y(!0), Re.current = setTimeout(() => Y(!1), Ie);
+	}, [ye]), Ve = N(() => {
+		be?.(), Q.current != null && clearTimeout(Q.current), X(!0), Q.current = setTimeout(() => X(!1), Ie);
+	}, [be]), He = N(() => {
+		q?.(), ze.current != null && clearTimeout(ze.current), Pe(!0), ze.current = setTimeout(() => Pe(!1), Ie);
+	}, [q]);
 	F(() => () => {
-		Z.current != null && clearTimeout(Z.current), Q.current != null && clearTimeout(Q.current), Re.current != null && clearTimeout(Re.current);
+		Re.current != null && clearTimeout(Re.current), Q.current != null && clearTimeout(Q.current), ze.current != null && clearTimeout(ze.current);
 	}, []);
-	let He = N(() => {
+	let Ue = N(() => {
 		Le((e) => !e);
 	}, []);
 	F(() => {
 		Le(!1);
 	}, [r]);
-	let { className: Ue, panelStyles: $, ...We } = De ?? {}, Ge = !t && r.type === i.Html && r.srcdoc != null, Ke = !t && be != null && (r.type === i.PlainText || r.type === i.Code), qe = !t && K != null && r.type === i.Markdown, Je = !t && xe != null && r.type === i.Json, Ye = !t && ye != null && o(r), Xe = !t && r.type === i.McpApp && r.onReload != null;
+	let { className: We, panelStyles: Ge, ...Ke } = Ee ?? {}, qe = !t && r.type === i.Html && r.srcdoc != null, Je = !t && ye != null && (r.type === i.PlainText || r.type === i.Code), Ye = !t && be != null && r.type === i.Markdown, $ = !t && q != null && r.type === i.Json, Xe = !t && ve != null && o(r), Ze = !t && r.type === i.McpApp && r.onReload != null;
 	return /* @__PURE__ */ z(b, {
 		isOpen: e,
 		orientation: y.Right,
@@ -904,20 +932,20 @@ var W = {
 			resizeLabel: u
 		},
 		onClose: n,
-		resizable: !Se,
-		defaultWidth: Ce,
-		minWidth: we,
-		maxWidth: Te,
-		onResizeStop: Ee,
+		resizable: !J,
+		defaultWidth: Se,
+		minWidth: Ce,
+		maxWidth: we,
+		onResizeStop: Te,
 		styles: {
-			...$,
-			titleClassName: $?.titleClassName ?? "dial-h3-text",
-			headerClassName: g("border-b border-tertiary", $?.headerClassName),
-			className: g(e ? "mobile:w-full mobile:max-w-full" : "w-0", Ue, $?.className)
+			...Ge,
+			titleClassName: Ge?.titleClassName ?? "dial-h3-text",
+			headerClassName: g("border-b border-tertiary", Ge?.headerClassName),
+			className: g(e ? "mobile:w-full mobile:max-w-full" : "w-0", We, Ge?.className)
 		},
 		leftActions: s,
-		rightActions: Ge || Ke || qe || Je || Ye || Xe ? /* @__PURE__ */ B(le, { children: [
-			Xe && /* @__PURE__ */ z(w, {
+		rightActions: qe || Je || Ye || $ || Xe || Ze ? /* @__PURE__ */ B(le, { children: [
+			Ze && /* @__PURE__ */ z(w, {
 				icon: /* @__PURE__ */ z(oe, {
 					size: x.LG,
 					stroke: S,
@@ -927,62 +955,62 @@ var W = {
 				tooltipProps: { tooltip: M },
 				onClick: r.type === i.McpApp ? r.onReload : void 0
 			}),
-			Ge && /* @__PURE__ */ z(w, {
-				icon: z(X ? re : ee, {
+			qe && /* @__PURE__ */ z(w, {
+				icon: z(Z ? re : ee, {
 					size: x.LG,
 					stroke: S,
 					"aria-hidden": !0
 				}),
-				"aria-label": X ? j : A,
-				"aria-pressed": X,
-				tooltipProps: { tooltip: X ? j : A },
-				onClick: He
+				"aria-label": Z ? j : A,
+				"aria-pressed": Z,
+				tooltipProps: { tooltip: Z ? j : A },
+				onClick: Ue
 			}),
-			Ke && /* @__PURE__ */ z(w, {
-				icon: z(Ae ? k : te, {
+			Je && /* @__PURE__ */ z(w, {
+				icon: z(je ? k : te, {
 					size: x.LG,
 					stroke: S,
 					"aria-hidden": !0
 				}),
-				"aria-label": Ae ? p : f,
-				tooltipProps: { tooltip: Ae ? p : f },
-				onClick: ze
+				"aria-label": je ? p : f,
+				tooltipProps: { tooltip: je ? p : f },
+				onClick: Be
 			}),
-			qe && /* @__PURE__ */ z(w, {
-				icon: z(Pe ? k : ae, {
+			Ye && /* @__PURE__ */ z(w, {
+				icon: z(Me ? k : ae, {
 					size: x.LG,
 					stroke: S,
 					"aria-hidden": !0
 				}),
-				"aria-label": Pe ? h : m,
-				tooltipProps: { tooltip: Pe ? h : m },
-				onClick: Be
+				"aria-label": Me ? h : m,
+				tooltipProps: { tooltip: Me ? h : m },
+				onClick: Ve
 			}),
-			Je && /* @__PURE__ */ z(w, {
-				icon: z(Y ? k : te, {
+			$ && /* @__PURE__ */ z(w, {
+				icon: z(Ne ? k : te, {
 					size: x.LG,
 					stroke: S,
 					"aria-hidden": !0
 				}),
-				"aria-label": Y ? v : _,
-				tooltipProps: { tooltip: Y ? v : _ },
-				onClick: Ve
+				"aria-label": Ne ? v : _,
+				tooltipProps: { tooltip: Ne ? v : _ },
+				onClick: He
 			}),
-			Ye && /* @__PURE__ */ z(w, {
+			Xe && /* @__PURE__ */ z(w, {
 				icon: /* @__PURE__ */ z(ne, {
 					size: x.LG,
 					stroke: S
 				}),
 				"aria-label": d,
 				tooltipProps: { tooltip: d },
-				onClick: ye
+				onClick: ve
 			})
 		] }) : null,
-		children: /* @__PURE__ */ z(Me, {
+		children: /* @__PURE__ */ z(Fe, {
 			content: r,
 			isLoading: t,
 			fileName: a,
-			isHtmlSourceView: X,
+			isHtmlSourceView: Z,
 			labels: {
 				unsupportedLabel: T,
 				loadErrorLabel: E,
@@ -997,62 +1025,63 @@ var W = {
 				pdfContentLoadingLabel: V,
 				pdfContentErrorLabel: H,
 				pdfContentRetryLabel: U,
-				xlsxFormulaLabel: ue,
-				codeContentLoadingLabel: de,
-				codeContentErrorLabel: W,
-				codeContentRetryLabel: fe,
-				tableCopyCsvLabel: pe,
-				tableCopyTxtLabel: me,
-				tableCopyMarkdownLabel: he,
-				tableCopiedLabel: ge,
-				tableDownloadCsvLabel: G,
-				ooxmlHighlightsLabel: _e,
-				ooxmlHighlightNavigatedLabel: ve
+				xlsxFormulaLabel: W,
+				codeContentLoadingLabel: ue,
+				codeContentErrorLabel: de,
+				codeContentRetryLabel: G,
+				tableCopyCsvLabel: fe,
+				tableCopyTxtLabel: pe,
+				tableCopyMarkdownLabel: me,
+				tableCopiedLabel: he,
+				tableDownloadCsvLabel: ge,
+				ooxmlHighlightsLabel: K,
+				ooxmlHighlightNavigatedLabel: _e
 			},
-			styles: We,
-			codeBlockTheme: Oe,
-			tableDownloadFilename: q,
-			loadPdf: J,
-			configurePdfWorker: ke
+			styles: Ke,
+			codeBlockTheme: De,
+			tableDownloadFilename: xe,
+			loadPdf: Oe,
+			configurePdfWorker: ke,
+			onVisualizerSendMessage: Ae
 		})
 	});
-}), Fe = new Set(["html", "htm"]), Y = {
+}), Re = new Set(["html", "htm"]), Q = {
 	docx: "application/vnd.openxmlformats-officedocument.wordprocessingml.document",
 	xlsx: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",
 	pptx: "application/vnd.openxmlformats-officedocument.presentationml.presentation"
-}, Ie = 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(".")), X = {
+}, 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 = {
 	docx: r.Docx,
 	xlsx: r.Xlsx,
 	pptx: r.Pptx,
 	csv: r.Csv
-}, Le = {
-	[Y.docx]: r.Docx,
-	[Y.xlsx]: r.Xlsx,
-	[Y.pptx]: r.Pptx,
+}, Ve = {
+	[Q.docx]: r.Docx,
+	[Q.xlsx]: r.Xlsx,
+	[Q.pptx]: r.Pptx,
 	[f.CSV]: r.Csv
-}, Z = {
-	[r.Docx]: Y.docx,
-	[r.Xlsx]: Y.xlsx,
-	[r.Pptx]: Y.pptx,
+}, He = {
+	[r.Docx]: Q.docx,
+	[r.Xlsx]: Q.xlsx,
+	[r.Pptx]: Q.pptx,
 	[r.Csv]: f.CSV
-}, Q = (e, t) => {
+}, Ue = (e, t) => {
 	let n = t?.split(";", 1)[0].trim().toLowerCase();
 	if (n != null) {
-		let e = Le[n];
+		let e = Ve[n];
 		if (e != null) return e;
 	}
 	let r = e.lastIndexOf(".");
-	if (r !== -1) return X[e.slice(r + 1).toLowerCase()];
-}, Re = (e, t) => Q(e, t) != null, ze = (e, t) => {
-	let n = Q(e, t);
-	return n == null ? void 0 : Z[n];
-}, Be = (e) => {
+	if (r !== -1) return Be[e.slice(r + 1).toLowerCase()];
+}, We = (e, t) => Ue(e, t) != null, Ge = (e, t) => {
+	let n = Ue(e, t);
+	return n == null ? void 0 : He[n];
+}, Ke = (e) => {
 	let t = e.lastIndexOf(".");
-	return t === -1 ? !1 : Ie.has(e.slice(t + 1).toLowerCase());
-}, Ve = (e) => {
+	return t === -1 ? !1 : ze.has(e.slice(t + 1).toLowerCase());
+}, qe = (e) => {
 	let t = e.lastIndexOf(".");
-	return t === -1 ? !1 : Fe.has(e.slice(t + 1).toLowerCase());
-}, He = {
+	return t === -1 ? !1 : Re.has(e.slice(t + 1).toLowerCase());
+}, Je = {
 	xml: "xml",
 	csv: "plaintext",
 	tsv: "plaintext",
@@ -1100,39 +1129,39 @@ var W = {
 	gitignore: "plaintext",
 	dockerfile: "plaintext",
 	makefile: "plaintext"
-}, Ue = (e) => He[e], $ = (e) => ({
+}, Ye = (e) => Je[e], $ = (e) => ({
 	type: i.Unsupported,
 	...e != null && { url: e }
-}), We = (e) => ({
+}), Xe = (e) => ({
 	type: i.Error,
 	errorType: n.LoadFailed,
 	...e != null && { url: e }
-}), Ge = (e) => ({
+}), Ze = (e) => ({
 	type: i.Error,
 	errorType: n.Forbidden,
 	...e != null && { url: e }
-}), Ke = (e) => {
+}), Qe = (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;
-}, qe = (e) => {
-	let t = Ke(e);
+}, $e = (e) => {
+	let t = Qe(e);
 	t != null && URL.revokeObjectURL(t);
-}, Je = {
+}, et = {
 	type: i.PlainText,
 	text: ""
-}, Ye = A(void 0);
-Ye.displayName = "AttachmentCanvasContext";
-var Xe = ({ children: e }) => {
-	let [t, n] = R(!1), [r, i] = R(!1), [a, o] = R(Je), [s, c] = R(void 0), [l, u] = R(void 0), d = N((e, t) => {
+}, tt = A(void 0);
+tt.displayName = "AttachmentCanvasContext";
+var nt = ({ children: e }) => {
+	let [t, n] = R(!1), [r, i] = R(!1), [a, o] = R(et), [s, c] = R(void 0), [l, u] = R(void 0), d = N((e, t) => {
 		c(e), u(t), i(!0), n(!0);
 	}, []), f = N((e, t, r) => {
 		o(e), c(t), u(r), i(!1), n(!0);
 	}, []), p = N(() => {
-		o(Je), n(!1), i(!1), u(void 0);
+		o(et), n(!1), i(!1), u(void 0);
 	}, []);
 	return F(() => () => {
-		let e = Ke(a);
+		let e = Qe(a);
 		e != null && URL.revokeObjectURL(e);
-	}, [a]), /* @__PURE__ */ z(Ye.Provider, {
+	}, [a]), /* @__PURE__ */ z(tt.Provider, {
 		value: I(() => ({
 			isOpen: t,
 			isLoading: r,
@@ -1154,93 +1183,94 @@ var Xe = ({ children: e }) => {
 		]),
 		children: e
 	});
-}, Ze = () => {
-	let e = P(Ye);
+}, rt = () => {
+	let e = P(tt);
 	if (!e) throw Error("useAttachmentCanvas must be used within an AttachmentCanvasProvider");
 	return e;
-}, Qe = M(({ 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: ee, pdfPageNumberLabel: te, pdfContentLoadingLabel: ne, pdfContentErrorLabel: re, pdfContentRetryLabel: ie, xlsxFormulaLabel: ae, codeContentLoadingLabel: oe, codeContentErrorLabel: A, codeContentRetryLabel: j, tableCopyCsvLabel: M, tableCopyTxtLabel: P, tableCopyMarkdownLabel: F, tableCopiedLabel: I, tableDownloadCsvLabel: L, ooxmlHighlightsLabel: R, ooxmlHighlightNavigatedLabel: se } = e ?? {}, { isOpen: ce, isLoading: le, content: B, fileName: V, closeCanvas: H } = Ze(), U = N(() => {
-		a(B, V);
-	}, [B, V]), ue = N(() => {
-		(B.type === i.PlainText || B.type === i.Code) && h(B.text);
-	}, [B]), de = N(() => {
-		B.type === i.Markdown && h(B.text);
-	}, [B]), W = N(() => {
-		B.type === i.Json && h(JSON.stringify(B.value, null, 2));
-	}, [B]);
-	return /* @__PURE__ */ z(Pe, {
-		isOpen: ce,
-		isLoading: le,
-		onClose: H,
-		content: B,
-		fileName: V,
+}, it = M(({ 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: ee, pdfHideThumbnailsLabel: te, pdfPageNumberLabel: ne, pdfContentLoadingLabel: re, pdfContentErrorLabel: ie, pdfContentRetryLabel: ae, xlsxFormulaLabel: oe, codeContentLoadingLabel: A, codeContentErrorLabel: j, codeContentRetryLabel: M, tableCopyCsvLabel: P, tableCopyTxtLabel: F, tableCopyMarkdownLabel: I, tableCopiedLabel: L, tableDownloadCsvLabel: R, ooxmlHighlightsLabel: se, ooxmlHighlightNavigatedLabel: ce } = e ?? {}, { isOpen: le, isLoading: B, content: V, fileName: H, closeCanvas: U } = rt(), W = N(() => {
+		a(V, H);
+	}, [V, H]), ue = N(() => {
+		(V.type === i.PlainText || V.type === i.Code) && h(V.text);
+	}, [V]), de = N(() => {
+		V.type === i.Markdown && h(V.text);
+	}, [V]), G = N(() => {
+		V.type === i.Json && h(JSON.stringify(V.value, null, 2));
+	}, [V]);
+	return /* @__PURE__ */ z(Le, {
+		isOpen: le,
+		isLoading: B,
+		onClose: U,
+		content: V,
+		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: ee,
-			pdfPageNumberLabel: te,
-			pdfContentLoadingLabel: ne,
-			pdfContentErrorLabel: re,
-			pdfContentRetryLabel: ie,
-			xlsxFormulaLabel: ae,
-			codeContentLoadingLabel: oe,
-			codeContentErrorLabel: A,
-			codeContentRetryLabel: j,
-			tableCopyCsvLabel: M,
-			tableCopyTxtLabel: P,
-			tableCopyMarkdownLabel: F,
-			tableCopiedLabel: I,
-			tableDownloadCsvLabel: L,
-			ooxmlHighlightsLabel: R,
-			ooxmlHighlightNavigatedLabel: se
+			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: ee,
+			pdfHideThumbnailsLabel: te,
+			pdfPageNumberLabel: ne,
+			pdfContentLoadingLabel: re,
+			pdfContentErrorLabel: ie,
+			pdfContentRetryLabel: ae,
+			xlsxFormulaLabel: oe,
+			codeContentLoadingLabel: A,
+			codeContentErrorLabel: j,
+			codeContentRetryLabel: M,
+			tableCopyCsvLabel: P,
+			tableCopyTxtLabel: F,
+			tableCopyMarkdownLabel: I,
+			tableCopiedLabel: L,
+			tableDownloadCsvLabel: R,
+			ooxmlHighlightsLabel: se,
+			ooxmlHighlightNavigatedLabel: ce
 		},
-		onDownload: U,
-		onCopyText: B.type === i.PlainText || B.type === i.Code ? ue : void 0,
-		onCopyMarkdown: B.type === i.Markdown ? de : void 0,
-		onCopyJson: B.type === i.Json ? W : void 0,
+		onDownload: W,
+		onCopyText: V.type === i.PlainText || V.type === i.Code ? ue : void 0,
+		onCopyMarkdown: V.type === i.Markdown ? de : void 0,
+		onCopyJson: V.type === i.Json ? G : void 0,
 		tableDownloadFilename: c,
 		isMobile: n,
 		defaultWidth: r,
 		maxWidth: o,
 		codeBlockTheme: s,
 		configurePdfWorker: u,
-		loadPdf: l
+		loadPdf: l,
+		onVisualizerSendMessage: d
 	});
-}), $e = {
+}), at = {
 	frame: "_frame_g47g7_1",
 	header: "_header_g47g7_6",
 	title: "_title_g47g7_10"
-}, et = M(({ content: e, height: t, onExpand: n, expandAriaLabel: r, actionsGroupAriaLabel: i = "Visualizer actions", frameTitle: a, loadingLabel: o, errorLabel: s, titleClassName: c = "dial-small-semi-text", colors: l }) => {
-	let u = e.visualizerName.trim();
+}, ot = M(({ 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__ */ B("div", {
-		className: g("flex w-full min-w-0 flex-col overflow-hidden rounded-xl border", $e.frame),
+		className: g("flex w-full min-w-0 flex-col overflow-hidden", !l && ["rounded-xl border", at.frame]),
 		style: m({
-			"--igv-bg": l?.background,
-			"--igv-border": l?.border,
-			"--igv-title-text": l?.titleText
+			"--igv-bg": d?.background,
+			"--igv-border": d?.border,
+			"--igv-title-text": d?.titleText
 		}),
 		children: [/* @__PURE__ */ B("div", {
-			className: g("flex min-h-10 items-center justify-between gap-2 border-b px-4 py-2", $e.header),
-			children: [/* @__PURE__ */ z("span", {
-				className: g("min-w-0 truncate", c, $e.title),
-				children: u
+			className: g("flex min-h-10 items-center gap-2 py-2", h ? "justify-between" : "justify-end", !l && ["border-b px-4", at.header]),
+			children: [h && /* @__PURE__ */ z("span", {
+				className: g("min-w-0 truncate", c, at.title),
+				children: p
 			}), /* @__PURE__ */ z("div", {
 				role: "toolbar",
 				"aria-label": i,
@@ -1259,32 +1289,16 @@ var Xe = ({ children: e }) => {
 		}), /* @__PURE__ */ z("div", {
 			className: "w-full",
 			style: { height: `${t}px` },
-			children: /* @__PURE__ */ z(Oe, {
+			children: /* @__PURE__ */ z(Me, {
 				content: e,
 				loadingLabel: o,
 				errorLabel: s,
-				frameTitle: a
+				frameTitle: a,
+				onSendMessage: f
 			})
 		})]
 	});
-}), tt = (e, t) => {
-	let n = e.toLowerCase();
-	return t.find((e) => e.contentType.split(",").some((e) => e.trim().toLowerCase() === n && e.trim() !== ""));
-}, nt = (e, t) => {
-	if (!(e == null || e === "")) return Object.prototype.hasOwnProperty.call(t, e) ? t[e] : void 0;
-}, rt = (e) => `${e}:grouped-visualizer`, it = (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
-	};
-}, at = (e) => {
+}), st = (e) => {
 	let t;
 	try {
 		t = new URL(e).pathname;
@@ -1297,13 +1311,13 @@ var Xe = ({ children: e }) => {
 	} catch {
 		return n;
 	}
-}, ot = (e, t) => {
-	let { openCanvas: n, openCanvasLoading: r, closeCanvas: a } = Ze(), { customVisualizers: o, themeId: s, onBeforeOpen: l } = t, u = N(async (t, n, r) => {
+}, ct = (e, t) => {
+	let { openCanvas: n, openCanvasLoading: r, closeCanvas: a } = rt(), { customVisualizers: o, themeId: s, onBeforeOpen: l } = t, u = N(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 = tt(a, o);
+		let a = t.contentType.toLowerCase(), c = De(a, o);
 		if (c != null) {
 			let i = await e.resolveVisualizerContent(t, c, s);
 			if (i != null) return r(i, t.name, n);
@@ -1312,14 +1326,14 @@ var Xe = ({ children: e }) => {
 			let i = await e.resolveTextContent(t);
 			if (i != null) return r(i, t.name, n);
 		}
-		let l = Q("", a);
+		let l = Ue("", 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 = Q(u);
+		let u = t.name ?? "", p = u.lastIndexOf("."), m = p === -1 ? "" : u.slice(p + 1).toLowerCase(), h = Ue(u);
 		if (h != null) return r(await e.resolveOoxmlContent(t, h) ?? $(e.resolveContentUrl(t)), t.name, n);
 		switch (m) {
 			case d.Markdown:
@@ -1336,8 +1350,8 @@ var Xe = ({ children: e }) => {
 				return i == null ? !1 : r(i, t.name, n);
 			}
 		}
-		let g = t.name != null && Ve(t.name) || t.url != null && Ve(at(t.url));
-		if (t.name != null && !Be(t.name) && !g) return r($(e.resolveContentUrl(t)), t.name, n);
+		let g = t.name != null && qe(t.name) || t.url != null && qe(st(t.url));
+		if (t.name != null && !Ke(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({
@@ -1345,7 +1359,7 @@ var Xe = ({ children: e }) => {
 				url: t.url
 			}, t.name, n) : r(a, t.name, n);
 		}
-		let _ = await e.resolveCodeContent(t, Ue(m));
+		let _ = await e.resolveCodeContent(t, Ye(m));
 		return _ == null ? !1 : r(_, t.name, n);
 	}, [
 		o,
@@ -1353,7 +1367,7 @@ var Xe = ({ children: e }) => {
 		e
 	]);
 	return { openAttachmentCanvas: N(async (t, o = t.id, s) => {
-		let d = () => s == null || s(), f = (e, t, r) => d() ? (n(e, t, r), !0) : (qe(e), !1);
+		let d = () => s == null || s(), f = (e, t, r) => d() ? (n(e, t, r), !0) : ($e(e), !1);
 		switch (t.type) {
 			case c.Image: {
 				let r = e.resolveImageContent(t);
@@ -1390,4 +1404,4 @@ var Xe = ({ children: e }) => {
 	]) };
 };
 //#endregion
-export { Pe as AttachmentCanvas, Me as AttachmentCanvasBody, Qe as AttachmentCanvasContainer, Xe as AttachmentCanvasProvider, i as AttachmentContentType, n as AttachmentErrorType, me as CodeContent, et as InlineGroupedVisualizer, xe as McpAppCanvasRenderer, r as OoxmlFileType, t as OoxmlHighlightKind, Ge as createForbiddenCanvasContent, We as createLoadErrorCanvasContent, $ as createUnsupportedCanvasContent, a as downloadAttachmentContent, Ue as extensionToLanguage, nt as findVisualizerForApplication, tt as findVisualizerForMime, Q as getOoxmlFileType, ze as getOoxmlMimeType, rt as groupedVisualizerCanvasKey, o as isDownloadable, Ve as isHtmlPreviewable, Re as isOoxmlPreviewable, Be as isTextPreviewable, it as partitionAttachmentsForApplicationVisualizer, Ze as useAttachmentCanvas, ot as useOpenAttachmentCanvas };
+export { Le as AttachmentCanvas, Fe as AttachmentCanvasBody, it as AttachmentCanvasContainer, nt as AttachmentCanvasProvider, i as AttachmentContentType, n as AttachmentErrorType, me as CodeContent, ot as InlineGroupedVisualizer, xe as McpAppCanvasRenderer, r as OoxmlFileType, t as OoxmlHighlightKind, Ze as createForbiddenCanvasContent, Xe as createLoadErrorCanvasContent, $ as createUnsupportedCanvasContent, a as downloadAttachmentContent, Ye as extensionToLanguage, Oe as findVisualizerForApplication, De as findVisualizerForMime, Ue as getOoxmlFileType, Ge as getOoxmlMimeType, ke as groupedVisualizerCanvasKey, o as isDownloadable, qe as isHtmlPreviewable, We as isOoxmlPreviewable, Ke as isTextPreviewable, Ae as partitionAttachmentsForApplicationVisualizer, rt as useAttachmentCanvas, ct as useOpenAttachmentCanvas };