@epam/ai-dial-attachment-canvas 1.2.0-dev.3 → 1.2.0-dev.303

package/index.js

@@ -1,44 +1,45 @@
-import { a as e, i as t, n, r, t as i } from "./attachment-canvas-nvhW3tKV.js";
-import { i as a, o, t as s } from "./LazyContentBoundary-CRXN6PG3.js";
-import { AttachmentType as c, CodeBlockTheme as l, DEFAULT_MARKDOWN_CLASS_NAMES as u, FileExtension as d, MIMEType as f, MarkdownRenderer as p, buildCssVars as m, copyToClipboard as h, mergeClasses as g, restrainedSyntaxTheme as _, stripUrlQueryAndFragment as v } from "@epam/ai-dial-chat-shared";
-import { SidebarOrientation as y, SidebarPanel as b } from "@epam/ai-dial-sidebar";
-import { DIAL_ICON_SIZE as x, DIAL_KIT_ICON_STROKE as S, GhostIconButton as C, LinkButton as w, Spinner as T } from "@epam/ai-dial-ui-kit";
-import { IconAlertTriangle as E, IconCheck as D, IconCode as O, IconCopy as k, IconDownload as ee, IconEye as te, IconLock as ne, IconMarkdown as re, IconRefresh as ie } from "@tabler/icons-react";
-import { createContext as ae, lazy as A, memo as j, useCallback as M, useContext as N, useEffect as P, useMemo as F, useRef as I, useState as L } from "react";
+import { a as e, i as t, n, r, t as i } from "./attachment-canvas-BgwyzrRC.js";
+import { i as a, o, t as s } from "./LazyContentBoundary-tNE1ExbI.js";
+import { AttachmentType as c, CodeBlockTheme as l, DEFAULT_MARKDOWN_CLASS_NAMES as u, FileExtension as d, MIMEType as f, MarkdownRenderer as p, buildCssVars as m, copyToClipboard as h, isSyntaxHighlightingAllowed as g, mergeClasses as _, restrainedSyntaxTheme as v, stripUrlQueryAndFragment as y } from "@epam/ai-dial-chat-shared";
+import { SidebarOrientation as b, SidebarPanel as x } from "@epam/ai-dial-sidebar";
+import { DIAL_ICON_SIZE as S, DIAL_KIT_ICON_STROKE as C, ElementSize as w, GhostIconButton as T, LinkButton as E, Spinner as D } from "@epam/ai-dial-ui-kit";
+import { IconAlertTriangle as O, IconArrowsMaximize as k, IconCheck as A, IconCode as j, IconCopy as ee, IconDownload as te, IconEye as M, IconLock as ne, IconMarkdown as re, IconRefresh as ie } from "@tabler/icons-react";
+import { createContext as N, lazy as P, memo as F, useCallback as I, useContext as ae, useEffect as L, useMemo as R, useRef as z, useState as B } from "react";
 import { JsonView as oe, defaultStyles as se } from "react-json-view-lite";
-import { Fragment as ce, jsx as R, jsxs as z } from "react/jsx-runtime";
-import { AppBridge as B, AppFrame as le } from "@mcp-ui/client";
-import { McpUiHostContextChangedNotificationSchema as ue } from "@modelcontextprotocol/ext-apps/app-bridge";
-import { VisualizerConnectorRequests as V } from "@epam/ai-dial-shared";
-import { VisualizerConnector as H } from "@epam/ai-dial-visualizer-connector";
-var de = {
+import { Fragment as ce, jsx as V, jsxs as H } from "react/jsx-runtime";
+import { AppBridge as le, AppFrame as ue } from "@mcp-ui/client";
+import { McpUiHostContextChangedNotificationSchema as U } from "@modelcontextprotocol/ext-apps/app-bridge";
+import { VisualizerConnectorEvents as W, VisualizerConnectorRequests as de } from "@epam/ai-dial-shared";
+import { VisualizerConnector as G } from "@epam/ai-dial-visualizer-connector";
+//#region src/constants/public-class-names.ts
+var K = { panel: "dial-attachment-canvas-panel" }, fe = {
 	container: "_container_1nhig_1",
 	containerLight: "_containerLight_1nhig_5"
-}, fe = {
-	[l.Dark]: _,
-	[l.Light]: _
-}, pe = () => A(async () => {
+}, pe = {
+	[l.Dark]: v,
+	[l.Light]: v
+}, me = () => P(async () => {
 	let { Prism: e } = await import("react-syntax-highlighter");
 	return { default: e };
-}), me = j(({ content: e, codeBlockTheme: t = l.Light, labels: n }) => {
-	let { text: r, language: i } = e, a = i == null || i === "plaintext", o = fe[t], c = t === l.Light, [u, d] = L(0), f = F(pe, [u]), p = M(() => {
-		d((e) => e + 1);
-	}, []), m = /* @__PURE__ */ R("pre", {
+}), he = F(({ content: e, codeBlockTheme: t = l.Light, labels: n }) => {
+	let { text: r, language: i } = e, a = R(() => g(r), [r]), o = i == null || i === "plaintext" || !a, c = pe[t], u = t === l.Light, [d, f] = B(0), p = R(me, [d]), m = I(() => {
+		f((e) => e + 1);
+	}, []), h = /* @__PURE__ */ V("pre", {
 		className: "whitespace-pre-wrap break-words p-4",
 		children: r
 	});
-	return /* @__PURE__ */ R("div", {
+	return /* @__PURE__ */ V("div", {
 		dir: "ltr",
-		className: g("h-full overflow-auto", de.container, c && de.containerLight),
-		children: a ? m : /* @__PURE__ */ R(s, {
-			retryKey: u,
-			onRetry: p,
-			pendingContent: m,
-			errorContent: m,
+		className: _("h-full overflow-auto", fe.container, u && fe.containerLight),
+		children: o ? h : /* @__PURE__ */ V(s, {
+			retryKey: d,
+			onRetry: m,
+			pendingContent: h,
+			errorContent: h,
 			labels: n,
-			children: /* @__PURE__ */ R(f, {
+			children: /* @__PURE__ */ V(p, {
 				language: i,
-				style: o,
+				style: c,
 				customStyle: {
 					margin: 0,
 					borderRadius: 0,
@@ -53,62 +54,108 @@ var de = {
 			})
 		})
 	});
-}), he = { openInNewTabButton: "_openInNewTabButton_c1arc_1" }, ge = j(({ content: e, labels: t, isSourceView: n, title: r, codeBlockTheme: a, openInNewTabButtonTypographyClassName: o = "dial-body-semi-text" }) => {
-	let { htmlFrameBlockedLabel: s = "This page cannot be displayed in preview", htmlOpenInNewTabLabel: c = "Open in new tab" } = t, [l, u] = L(!0), [d, f] = L(!1), p = I(null);
-	P(() => {
-		u(!0), f(!1);
+}), ge = "dial-html-preview:render", _e = { openInNewTabButton: "_openInNewTabButton_c1arc_1" }, ve = F(({ content: e, labels: t, isSourceView: n, title: r, codeBlockTheme: a, openInNewTabButtonTypographyClassName: o = "dial-body-semi-text" }) => {
+	let { htmlFrameBlockedLabel: s = "This page cannot be displayed in preview", htmlOpenInNewTabLabel: c = "Open in new tab" } = t, [l, u] = B(!0), [d, f] = B(!1), [p, m] = B(void 0), [h, g] = B(!1), [v, y] = B(!1), b = z(null), x = z(null), S = z(!1), C = z({
+		content: e,
+		generation: 0
+	});
+	C.current.content !== e && (C.current = {
+		content: e,
+		generation: C.current.generation + 1
+	});
+	let w = C.current.generation;
+	L(() => {
+		u(!0), f(!1), m(void 0), g(!1), y(!1);
 	}, [e]);
-	let m = M((t) => {
-		if (u(!1), e.srcdoc == null) try {
-			p.current?.contentDocument ?? f(!0);
+	let T = z(n);
+	T.current !== n && (T.current = n, n && v && y(!1), !n && S.current && (S.current = !1, u(!0))), L(() => {
+		if (!n || e.srcdoc != null || e.resolveSourceText == null || p != null) return;
+		let t = !1, r = e.resolveSourceText;
+		return (async () => {
+			g(!0);
+			try {
+				let e = await r();
+				t || m(e);
+			} catch {
+				t || y(!0);
+			} finally {
+				t || g(!1);
+			}
+		})(), () => {
+			t = !0;
+		};
+	}, [
+		n,
+		e,
+		p
+	]);
+	let O = e.isSameOriginUrl === !0 && e.url != null, k = !O && e.srcdoc != null, A = k ? e.srcdocHostUrl : void 0, j = e.srcdoc, ee = I((e) => {
+		if (u(!1), A != null) {
+			let e = b.current?.contentWindow;
+			e != null && e !== x.current && j != null && (x.current = e, e.postMessage({
+				type: ge,
+				html: j
+			}, "*"));
+			return;
+		}
+		if (!(k || O)) try {
+			b.current?.contentDocument ?? f(!0);
 		} catch {
 			f(!0);
 		}
-	}, [e.srcdoc]), h = M(() => {
+	}, [
+		k,
+		O,
+		A,
+		j
+	]), te = I(() => {
 		u(!1), f(!0);
-	}, []);
-	if (n && e.srcdoc != null) return /* @__PURE__ */ R(me, {
+	}, []), M = e.srcdoc ?? p, ne = e.srcdoc != null || e.resolveSourceText != null, re = e.srcdoc == null && e.resolveSourceText != null && p == null && !v;
+	if (n && ne && (M != null || h || re)) return S.current = !0, M == null ? /* @__PURE__ */ V("div", {
+		className: "flex h-full items-center justify-center",
+		children: /* @__PURE__ */ V(D, {})
+	}) : /* @__PURE__ */ V(he, {
 		content: {
 			type: i.Code,
-			text: e.srcdoc,
+			text: M,
 			language: "html"
 		},
 		codeBlockTheme: a
 	});
-	if (d) return /* @__PURE__ */ z("div", {
+	if (d) return /* @__PURE__ */ H("div", {
 		className: "flex h-full flex-col items-center justify-center gap-3 p-4",
-		children: [/* @__PURE__ */ R("p", {
+		children: [/* @__PURE__ */ V("p", {
 			className: "text-center",
 			children: s
-		}), e.url != null && /* @__PURE__ */ R(w, {
+		}), e.url != null && /* @__PURE__ */ V(E, {
 			href: e.url,
 			target: "_blank",
 			label: c,
-			className: he.openInNewTabButton,
+			className: _e.openInNewTabButton,
 			textClassName: o
 		})]
 	});
-	let _ = e.srcdoc != null, v = _ ? void 0 : e.url, y = _ ? e.srcdoc : void 0;
-	return /* @__PURE__ */ z("div", {
+	let ie = k ? A : e.url, N = k && A == null ? e.srcdoc : void 0;
+	return /* @__PURE__ */ H("div", {
 		className: "relative h-full",
-		children: [l && /* @__PURE__ */ R("div", {
+		children: [l && /* @__PURE__ */ V("div", {
 			className: "absolute inset-0 flex items-center justify-center",
-			children: /* @__PURE__ */ R(T, {})
-		}), /* @__PURE__ */ R("iframe", {
-			ref: p,
+			children: /* @__PURE__ */ V(D, {})
+		}), /* @__PURE__ */ V("iframe", {
+			ref: b,
 			title: r,
-			src: v,
-			srcDoc: y,
-			sandbox: _ ? "allow-scripts" : "allow-scripts allow-same-origin",
-			className: g("h-full w-full border-none", l ? "invisible" : ""),
-			onLoad: m,
-			onError: h
-		})]
+			src: ie,
+			srcDoc: N,
+			sandbox: k || O ? "allow-scripts" : "allow-scripts allow-same-origin",
+			className: _("h-full w-full border-none", l ? "invisible" : ""),
+			onLoad: ee,
+			onError: te
+		}, w)]
 	});
-}), _e = {
+}), ye = {
 	name: "MCP-UI Host",
 	version: "1.0.0"
-}, ve = { openLinks: {} }, U = (e) => {
+}, q = { openLinks: {} }, be = (e) => {
 	let t;
 	try {
 		t = new URL(e);
@@ -122,31 +169,38 @@ var de = {
 		return !1;
 	}
 	return !0;
-}, ye = (e, t, n) => {
+}, xe = (e, t, n) => {
 	if (n) {
 		e.style.maxWidth = "", e.style.maxHeight = "";
 		return;
 	}
 	let r = t;
 	r != null && (r.width != null && (e.style.width = `${r.width}px`), r.maxWidth != null && (e.style.maxWidth = `${r.maxWidth}px`), r.height != null && (e.style.height = `${r.height}px`), r.maxHeight != null && (e.style.maxHeight = `${r.maxHeight}px`));
-}, be = (e, t, n) => {
-	let r = I(e);
-	P(() => {
+}, Se = (e, t, n) => {
+	let r = z(e);
+	L(() => {
 		r.current = e;
 	});
-	let [i, a] = L(null), [o, s] = L(!1);
-	return P(() => {
+	let [i, a] = B(null), [o, s] = B(!1);
+	return L(() => {
 		let e = null;
 		try {
-			e = new B(null, _e, ve, { hostContext: r.current.hostContext }), e.onopenlink = async ({ url: e }) => {
+			let n = t.current?.getBoundingClientRect(), i = n != null && n.width > 0 && n.height > 0 ? {
+				...r.current.hostContext,
+				containerDimensions: {
+					width: Math.round(n.width),
+					height: Math.round(n.height)
+				}
+			} : r.current.hostContext;
+			e = new le(null, r.current.hostInfo ?? ye, q, { hostContext: i }), e.onopenlink = async ({ url: e }) => {
 				let t = r.current.onOpenLink;
-				return (t == null ? U(e) : t(e)) === !1 ? { isError: !0 } : {};
+				return (t == null ? be(e) : t(e)) === !1 ? { isError: !0 } : {};
 			}, e.onrequestdisplaymode = async ({ mode: e }) => {
 				let t = r.current.onRequestDisplayMode, n = r.current.hostContext?.displayMode ?? "inline";
 				return { mode: t?.(e) ?? n };
-			}, e.oncalltool = (e) => r.current.onToolCall(e.name, e.arguments), e.setNotificationHandler(ue, ({ params: e }) => {
+			}, e.oncalltool = (e) => r.current.onToolCall(e.name, e.arguments), e.setNotificationHandler(U, ({ params: e }) => {
 				let n = t.current?.querySelector("iframe");
-				n != null && ye(n, e.containerDimensions, r.current.hostContext?.displayMode === "fullscreen");
+				n != null && xe(n, e.containerDimensions, r.current.hostContext?.displayMode === "fullscreen");
 			}), a(e);
 		} catch (e) {
 			console.error("[useMcpAppBridge] Error creating AppBridge:", e), s(!0);
@@ -154,87 +208,96 @@ var de = {
 		return () => {
 			e?.close().catch((e) => console.error("[useMcpAppBridge] Error closing AppBridge:", e));
 		};
-	}, [t]), P(() => {
-		i != null && n != null && i.setHostContext(n);
+	}, [t]), L(() => {
+		i != null && i.transport != null && n != null && i.setHostContext(n);
 	}, [i, n]), {
 		appBridge: i,
 		hasFailed: o
 	};
-}, W = {
-	loadingOverlay: "_loadingOverlay_1aric_1",
-	fullscreenFrame: "_fullscreenFrame_1aric_20",
-	statusLabel: "_statusLabel_1aric_27",
-	errorIcon: "_errorIcon_1aric_31"
-}, xe = ({ content: e, errorLabel: t = "Failed to load app" }) => {
-	let [n, r] = L("loading"), { html: i, sandboxUrl: a, toolInput: o, toolResult: s, hostContext: c } = e, l = F(() => ({ url: new URL(a) }), [a]), u = c?.displayMode === "fullscreen", d = I(null), [f, p] = L();
-	P(() => {
-		let e = d.current;
+}, J = {
+	loadingOverlay: "_loadingOverlay_sqrel_2",
+	fullscreenFrame: "_fullscreenFrame_sqrel_21",
+	loadingFrame: "_loadingFrame_sqrel_29",
+	statusLabel: "_statusLabel_sqrel_33",
+	statusDetail: "_statusDetail_sqrel_38",
+	errorIcon: "_errorIcon_sqrel_42"
+}, Ce = ({ content: e, errorLabel: t = "Failed to load app", onAppInfo: n }) => {
+	let [r, i] = B("loading"), [a, o] = B(), { html: s, sandboxUrl: c, toolInput: l, toolResult: u, hostContext: d } = e, f = R(() => ({ url: new URL(c) }), [c]), p = d?.displayMode === "fullscreen", m = z(null), [h, g] = B();
+	L(() => {
+		let e = m.current;
 		if (!e) return;
 		let t = new ResizeObserver(([e]) => {
 			if (!e) return;
 			let { width: t, height: n } = e.contentRect;
-			p({
+			g({
 				width: Math.round(t),
 				height: Math.round(n)
 			});
 		});
 		return t.observe(e), () => t.disconnect();
 	}, []);
-	let { appBridge: m, hasFailed: h } = be(e, d, F(() => c == null || f == null ? c : {
-		...c,
-		containerDimensions: f
-	}, [c, f])), _ = h || n === "error";
-	return /* @__PURE__ */ z("div", {
-		ref: d,
-		className: g("relative h-full w-full", u && W.fullscreenFrame),
+	let { appBridge: v, hasFailed: y } = Se(e, m, R(() => d == null || h == null ? d : {
+		...d,
+		containerDimensions: h
+	}, [d, h])), b = y || r === "error";
+	return /* @__PURE__ */ H("div", {
+		ref: m,
+		className: _("relative h-full min-h-[200px] w-full", p && J.fullscreenFrame, !p && r === "loading" && J.loadingFrame),
 		children: [
-			m != null && /* @__PURE__ */ R(le, {
-				html: i,
-				sandbox: l,
-				appBridge: m,
-				toolInput: o,
-				toolResult: s,
-				onSizeChanged: () => r("ready"),
-				onInitialized: () => r("ready"),
-				onError: () => r("error")
+			v != null && !b && /* @__PURE__ */ V(ue, {
+				html: s,
+				sandbox: f,
+				appBridge: v,
+				toolInput: l,
+				toolResult: u,
+				onSizeChanged: () => i("ready"),
+				onInitialized: (e) => {
+					i("ready"), e.appVersion != null && n?.(e.appVersion);
+				},
+				onError: (e) => {
+					o(e.message), i("error");
+				}
 			}),
-			!_ && n === "loading" && /* @__PURE__ */ R("div", {
-				className: g("absolute inset-0 flex flex-col items-center justify-center gap-2", W.loadingOverlay),
-				children: /* @__PURE__ */ R(T, {})
+			!b && r === "loading" && /* @__PURE__ */ V("div", {
+				className: _("absolute inset-0 flex flex-col items-center justify-center gap-2", J.loadingOverlay),
+				children: /* @__PURE__ */ V(D, {})
 			}),
-			_ && /* @__PURE__ */ z("div", {
-				className: "absolute inset-0 flex flex-col items-center justify-center gap-2",
-				children: [/* @__PURE__ */ R(E, {
+			b && /* @__PURE__ */ H("div", {
+				className: "absolute inset-0 flex flex-col items-center justify-center gap-2 p-4",
+				children: [/* @__PURE__ */ V(O, {
 					size: 60,
-					stroke: S,
+					stroke: C,
 					"aria-hidden": !0,
-					className: W.errorIcon
-				}), /* @__PURE__ */ R("p", {
+					className: J.errorIcon
+				}), /* @__PURE__ */ H("p", {
 					role: "alert",
-					className: g("text-center", W.statusLabel),
-					children: t
+					className: _("text-center", J.statusLabel),
+					children: [t, a && /* @__PURE__ */ H(ce, { children: [/* @__PURE__ */ V("br", {}), /* @__PURE__ */ V("span", {
+						className: J.statusDetail,
+						children: a
+					})] })]
 				})]
 			})
 		]
 	});
-}, G = {
-	viewer: "_viewer_1w97n_2",
-	spreadsheetCanvas: "_spreadsheetCanvas_1w97n_6",
-	formulaPanel: "_formulaPanel_1w97n_12",
-	formulaValue: "_formulaValue_1w97n_18",
-	statusOverlay: "_statusOverlay_1w97n_24",
-	errorIcon: "_errorIcon_1w97n_29",
-	highlight: "_highlight_1w97n_37"
-}, Se = (e) => {
+}, Y = {
+	viewer: "_viewer_sdlt9_2",
+	spreadsheetCanvas: "_spreadsheetCanvas_sdlt9_6",
+	formulaPanel: "_formulaPanel_sdlt9_12",
+	formulaValue: "_formulaValue_sdlt9_18",
+	statusOverlay: "_statusOverlay_sdlt9_24",
+	errorIcon: "_errorIcon_sdlt9_29",
+	highlight: "_highlight_sdlt9_37"
+}, we = (e) => {
 	if (e?.kind !== "range") return "";
 	let { activeCell: t } = e.selection, n = e.cells.find(({ address: e }) => e.row === t.row && e.col === t.col);
 	if (n == null) return "";
 	let r = n.formula;
 	return r == null || r.trim().length === 0 ? n.displayText : r.startsWith("=") ? r : `=${r}`;
-}, Ce = async (e, t, { onError: n, onXlsxSelectionContextChange: i }) => {
+}, Te = async (e, t, { onError: n, onXlsxSelectionContextChange: i }) => {
 	switch (t) {
 		case r.Docx: {
-			let [{ DocxScrollViewer: t }, { chartEx: r }] = await Promise.all([import("./docx-B-VcIRoc.js"), import("./chart-ex-DsESBs97.js")]);
+			let [{ DocxScrollViewer: t }, { chartEx: r }] = await Promise.all([import("@silurus/ooxml/docx"), import("@silurus/ooxml/chart-ex")]);
 			return new t(e, {
 				enableTextSelection: !0,
 				refitOnResize: !0,
@@ -243,7 +306,7 @@ var de = {
 			});
 		}
 		case r.Xlsx: {
-			let [{ XlsxViewer: t }, { chartEx: r }] = await Promise.all([import("./xlsx-Dn0XSlTO.js"), import("./chart-ex-DsESBs97.js")]);
+			let [{ XlsxViewer: t }, { chartEx: r }] = await Promise.all([import("@silurus/ooxml/xlsx"), import("@silurus/ooxml/chart-ex")]);
 			return new t(e, {
 				showZoomSlider: !0,
 				chartEx: r,
@@ -252,19 +315,23 @@ var de = {
 			});
 		}
 		case r.Csv: {
-			let { XlsxSheetViewer: t } = await import("./xlsx-Dn0XSlTO.js"), r = document.createElement("canvas");
-			r.className = G.spreadsheetCanvas, e.replaceChildren(r);
+			let { XlsxSheetViewer: t } = await import("@silurus/ooxml/xlsx"), r = document.createElement("canvas");
+			r.className = Y.spreadsheetCanvas, e.replaceChildren(r);
 			let i = new t(r, {
 				showScrollbars: !0,
 				onError: n
 			});
 			return {
 				load: (e) => i.load(e, { format: "csv" }),
-				destroy: () => i.destroy()
+				destroy: () => i.destroy(),
+				resize: () => {
+					let { width: t, height: n } = e.getBoundingClientRect();
+					return t > 0 && (r.style.width = `${t}px`), n > 0 && (r.style.height = `${n}px`), i.relayout();
+				}
 			};
 		}
 		case r.Pptx: {
-			let [{ PptxScrollViewer: t }, { chartEx: r }] = await Promise.all([import("./pptx-CnoDB8Fv.js"), import("./chart-ex-DsESBs97.js")]);
+			let [{ PptxScrollViewer: t }, { chartEx: r }] = await Promise.all([import("@silurus/ooxml/pptx"), import("@silurus/ooxml/chart-ex")]);
 			return new t(e, {
 				enableTextSelection: !0,
 				refitOnResize: !0,
@@ -273,16 +340,16 @@ var de = {
 			});
 		}
 	}
-}, we = async (e, t, n, i) => {
+}, Ee = async (e, t, n, i) => {
 	let { onError: a, onXlsxSelectionContextChange: o, onGeometryInvalidated: s } = n;
 	switch (t.format) {
 		case r.Docx: {
 			let [{ DocxDocument: n, DocxScrollViewer: r }, { chartEx: o }, { createDocxHighlightSurface: c }] = await Promise.all([
-				import("./docx-B-VcIRoc.js"),
-				import("./chart-ex-DsESBs97.js"),
-				import("./ooxml-highlight-surfaces-CaMjx8u-.js")
+				import("@silurus/ooxml/docx"),
+				import("@silurus/ooxml/chart-ex"),
+				import("./ooxml-highlight-surfaces-BzgOKpBV.js")
 			]), l = await n.load(t.url, { chartEx: o });
-			if (i()) throw l.destroy(), new Te();
+			if (i()) throw l.destroy(), new De();
 			let u = r.fromDocument(e, l, {
 				enableTextSelection: !0,
 				refitOnResize: !0,
@@ -298,11 +365,11 @@ var de = {
 		}
 		case r.Pptx: {
 			let [{ PptxPresentation: n, PptxScrollViewer: r }, { chartEx: o }, { createPptxHighlightSurface: c }] = await Promise.all([
-				import("./pptx-CnoDB8Fv.js"),
-				import("./chart-ex-DsESBs97.js"),
-				import("./ooxml-highlight-surfaces-CaMjx8u-.js")
+				import("@silurus/ooxml/pptx"),
+				import("@silurus/ooxml/chart-ex"),
+				import("./ooxml-highlight-surfaces-BzgOKpBV.js")
 			]), l = await n.load(t.url, { chartEx: o });
-			if (i()) throw l.destroy(), new Te();
+			if (i()) throw l.destroy(), new De();
 			let u = r.fromPresentation(e, l, {
 				enableTextSelection: !0,
 				refitOnResize: !0,
@@ -318,9 +385,9 @@ var de = {
 		}
 		case r.Xlsx: {
 			let [{ XlsxViewer: n }, { chartEx: r }, { createXlsxHighlightSurface: c }] = await Promise.all([
-				import("./xlsx-Dn0XSlTO.js"),
-				import("./chart-ex-DsESBs97.js"),
-				import("./ooxml-highlight-surfaces-CaMjx8u-.js")
+				import("@silurus/ooxml/xlsx"),
+				import("@silurus/ooxml/chart-ex"),
+				import("./ooxml-highlight-surfaces-BzgOKpBV.js")
 			]), l = new n(e, {
 				showZoomSlider: !0,
 				chartEx: r,
@@ -336,15 +403,15 @@ var de = {
 			};
 		}
 		case r.Csv: {
-			let r = await Ce(e, t.format, n);
+			let r = await Te(e, t.format, n);
 			return await r.load(t.url), { viewer: r };
 		}
 	}
-}, Te = class extends Error {}, Ee = ({ content: t, fileName: n, loadErrorLabel: i, formulaLabel: a, formulaLabelClassName: o, highlightsLabel: s = "Cited locations", highlightNavigatedLabel: c = "Scrolled to the cited location" }) => {
-	let l = I(null), [u, d] = L(!0), [f, p] = L(!1), [m, h] = L(""), [_, v] = L([]), [y, b] = L(!1), { highlights: x, selectedHighlightId: C } = t, w = x != null && x.length > 0, D = I(void 0), O = I(x);
-	O.current = x;
-	let k = I(void 0);
-	return P(() => {
+}, De = class extends Error {}, Oe = ({ content: t, fileName: n, loadErrorLabel: i, formulaLabel: a, formulaLabelClassName: o, highlightsLabel: s = "Cited locations", highlightNavigatedLabel: c = "Scrolled to the cited location" }) => {
+	let l = z(null), [u, d] = B(!0), [f, p] = B(!1), [m, h] = B(""), [g, v] = B([]), [y, b] = B(!1), { highlights: x, selectedHighlightId: S } = t, w = x != null && x.length > 0, T = z(void 0), E = z(x);
+	E.current = x;
+	let k = z(void 0);
+	return L(() => {
 		let e = l.current;
 		if (e == null) return;
 		let n, r, i = !1, a, o = () => i;
@@ -354,7 +421,7 @@ var de = {
 				a = void 0, c();
 			}));
 		}, c = async () => {
-			let e = n?.highlights, t = O.current;
+			let e = n?.highlights, t = E.current;
 			if (!(i || e == null || t == null)) try {
 				let n = await e.measure(t);
 				i || v(n);
@@ -366,49 +433,52 @@ var de = {
 				i || (d(!1), p(!0));
 			},
 			onXlsxSelectionContextChange: (e) => {
-				i || h(Se(e));
+				i || h(we(e));
 			},
 			onGeometryInvalidated: s
 		}, f = () => {
-			i || (r = new ResizeObserver(s), r.observe(e));
+			i || (r = new ResizeObserver(() => {
+				n?.viewer.resize?.(), s();
+			}), r.observe(e));
 		};
 		return e.addEventListener("scroll", s, !0), k.current = s, (async () => {
 			try {
 				if (w) {
-					let r = await we(e, t, u, o);
+					let r = await Ee(e, t, u, o);
 					if (i) {
 						r.viewer.destroy(), r.engine?.destroy();
 						return;
 					}
-					n = r, D.current = r.highlights, f();
+					n = r, T.current = r.highlights, f();
 				} else {
-					let r = await Ce(e, t.format, u);
+					let r = await Te(e, t.format, u);
 					if (i) {
 						r.destroy();
 						return;
 					}
-					n = { viewer: r }, D.current = void 0, f(), await r.load(t.url);
+					if (n = { viewer: r }, T.current = void 0, await r.load(t.url), i) return;
+					f();
 				}
 				if (i) return;
 				d(!1), await c();
 			} catch (t) {
-				if (t instanceof Te || i) return;
-				n?.viewer.destroy(), n?.engine?.destroy(), n = void 0, D.current = void 0, e.replaceChildren(), d(!1), p(!0);
+				if (t instanceof De || i) return;
+				n?.viewer.destroy(), n?.engine?.destroy(), n = void 0, T.current = void 0, e.replaceChildren(), d(!1), p(!0);
 			}
 		})(), () => {
-			i = !0, e.removeEventListener("scroll", s, !0), a != null && cancelAnimationFrame(a), k.current = void 0, r?.disconnect(), n?.viewer.destroy(), n?.engine?.destroy(), D.current = void 0, e.replaceChildren();
+			i = !0, e.removeEventListener("scroll", s, !0), a != null && cancelAnimationFrame(a), k.current = void 0, r?.disconnect(), n?.viewer.destroy(), n?.engine?.destroy(), T.current = void 0, e.replaceChildren();
 		};
 	}, [
 		t.format,
 		t.url,
 		w
-	]), P(() => {
+	]), L(() => {
 		k.current?.();
-	}, [x]), P(() => {
+	}, [x]), L(() => {
 		b(!1);
-		let t = D.current;
+		let t = T.current;
 		if (t == null || u) return;
-		let n = (O.current?.find(({ id: e }) => e === C))?.locations.at(0);
+		let n = (E.current?.find(({ id: e }) => e === S))?.locations.at(0);
 		if (n == null) return;
 		let r = !1;
 		return (async () => {
@@ -422,38 +492,38 @@ var de = {
 		})(), () => {
 			r = !0;
 		};
-	}, [C, u]), /* @__PURE__ */ z("div", {
+	}, [S, u]), /* @__PURE__ */ H("div", {
 		className: "relative flex h-full w-full min-w-0 flex-col overflow-hidden",
 		children: [
-			t.format === r.Xlsx && /* @__PURE__ */ z("div", {
+			t.format === r.Xlsx && /* @__PURE__ */ H("div", {
 				role: "region",
 				"aria-label": a,
-				className: g("flex min-w-0 shrink-0 items-center gap-2 border-b px-3 py-2", G.formulaPanel),
-				children: [/* @__PURE__ */ R("span", {
+				className: _("flex min-w-0 shrink-0 items-center gap-2 border-b px-3 py-2", Y.formulaPanel),
+				children: [/* @__PURE__ */ V("span", {
 					"aria-hidden": "true",
-					className: g("shrink-0", o),
+					className: _("shrink-0", o),
 					children: "fx"
-				}), /* @__PURE__ */ R("code", {
+				}), /* @__PURE__ */ V("code", {
 					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", G.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
 				})]
 			}),
-			/* @__PURE__ */ z("div", {
+			/* @__PURE__ */ H("div", {
 				className: "relative min-h-0 w-full flex-1",
-				children: [/* @__PURE__ */ R("div", {
+				children: [/* @__PURE__ */ V("div", {
 					ref: l,
 					role: "document",
 					"aria-label": n,
 					"aria-busy": u,
-					className: g("h-full w-full overflow-hidden", G.viewer)
-				}), _.length > 0 && /* @__PURE__ */ R("div", {
+					className: _("h-full w-full overflow-hidden", Y.viewer)
+				}), g.length > 0 && /* @__PURE__ */ V("div", {
 					role: "region",
 					"aria-label": s,
 					className: "pointer-events-none absolute inset-0 overflow-hidden",
-					children: _.map((e, t) => /* @__PURE__ */ R("div", {
+					children: g.map((e, t) => /* @__PURE__ */ V("div", {
 						"aria-hidden": "true",
 						style: {
 							left: `${e.left}px`,
@@ -461,30 +531,30 @@ var de = {
 							width: `${e.width}px`,
 							height: `${e.height}px`
 						},
-						"data-selected": e.highlightId === C,
+						"data-selected": e.highlightId === S,
 						"data-clipped": e.isClippedAtEnd === !0,
-						className: g("absolute", G.highlight)
+						className: _("absolute", Y.highlight)
 					}, `${e.highlightId}-${t}`))
 				})]
 			}),
-			/* @__PURE__ */ R("div", {
+			/* @__PURE__ */ V("div", {
 				role: "status",
 				"aria-live": "polite",
 				className: "sr-only",
 				children: y ? c : ""
 			}),
-			(u || f) && /* @__PURE__ */ R("div", {
+			(u || f) && /* @__PURE__ */ V("div", {
 				role: f ? "alert" : void 0,
 				"aria-live": "polite",
-				className: g("absolute inset-0 flex items-center justify-center", G.statusOverlay),
-				children: u ? /* @__PURE__ */ R(T, { size: 48 }) : /* @__PURE__ */ z("div", {
+				className: _("absolute inset-0 flex items-center justify-center", Y.statusOverlay),
+				children: u ? /* @__PURE__ */ V(D, { size: 48 }) : /* @__PURE__ */ H("div", {
 					className: "flex flex-col items-center gap-2",
-					children: [/* @__PURE__ */ R(E, {
+					children: [/* @__PURE__ */ V(O, {
 						"aria-hidden": "true",
 						size: 60,
-						stroke: S,
-						className: G.errorIcon
-					}), /* @__PURE__ */ R("p", {
+						stroke: C,
+						className: Y.errorIcon
+					}), /* @__PURE__ */ V("p", {
 						className: "text-center",
 						children: i
 					})]
@@ -492,76 +562,118 @@ var de = {
 			})
 		]
 	});
-}, De = {
+}, 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"
-}, Oe = ({ content: e, loadingLabel: t, errorLabel: n = "Failed to load visualizer", colors: r }) => {
-	let i = I(null), [a, o] = L("loading"), { url: s, visualizerName: c, requestTimeout: l } = e, u = I(e);
-	return u.current = e, P(() => {
-		let e = i.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;
-		o("loading");
-		let t = new H(e, {
-			domain: s,
+		l("loading");
+		let t = new G(e, {
+			domain: u,
 			hostDomain: window.location.origin,
-			visualizerName: c,
-			requestTimeout: l
-		}), n = !0;
+			visualizerName: d,
+			requestTimeout: f
+		}), n = !0, r = t.subscribe(`${d}/${W.sendMessage}`, (e) => {
+			let t = Ne(e);
+			t != null && h.current?.(t);
+		});
 		return (async () => {
 			if (await t.ready(), !n) return;
-			let { mimeType: e, layout: r, data: i } = u.current, a = {
-				layout: r,
-				...typeof i == "object" && i ? i : {}
-			};
-			await t.send(V.sendVisualizeData, {
-				mimeType: e,
-				visualizerData: a
-			}), n && o("ready");
+			let e = p.current;
+			if (e.type === i.GroupedVisualizer) await t.send(de.sendGroupedVisualizeData, {
+				attachments: e.attachments,
+				layout: e.layout
+			});
+			else {
+				let { mimeType: n, layout: r, data: i } = e, a = {
+					layout: r,
+					...typeof i == "object" && i ? i : {}
+				};
+				await t.send(de.sendVisualizeData, {
+					mimeType: n,
+					visualizerData: a
+				});
+			}
+			n && l("ready");
 		})().catch(() => {
-			n && o("error");
+			n && l("error");
 		}), () => {
-			n = !1, t.destroy();
+			n = !1, r(), t.destroy();
 		};
 	}, [
-		s,
-		c,
-		l
-	]), /* @__PURE__ */ z("div", {
+		u,
+		d,
+		f
+	]), L(() => {
+		let e = r ?? d.trim();
+		e !== "" && s.current?.querySelector("iframe")?.setAttribute("title", e);
+	}, [
+		r,
+		d,
+		u,
+		f
+	]), /* @__PURE__ */ H("div", {
 		className: "relative h-full w-full",
 		style: m({
-			"--vs-loading-bg": r?.loadingBackground,
-			"--vs-status-text": r?.statusText,
-			"--vs-error-icon": r?.errorIcon
+			"--vs-loading-bg": a?.loadingBackground,
+			"--vs-status-text": a?.statusText,
+			"--vs-error-icon": a?.errorIcon
 		}),
 		children: [
-			/* @__PURE__ */ R("div", {
-				ref: i,
+			/* @__PURE__ */ V("div", {
+				ref: s,
 				className: "h-full w-full"
 			}),
-			a === "loading" && /* @__PURE__ */ z("div", {
-				className: g("absolute inset-0 flex flex-col items-center justify-center gap-2", De.loadingOverlay),
-				children: [/* @__PURE__ */ R(T, {}), t && /* @__PURE__ */ R("p", {
-					className: g("text-center", De.statusLabel),
+			c === "loading" && /* @__PURE__ */ H("div", {
+				className: _("absolute inset-0 flex flex-col items-center justify-center gap-2", Pe.loadingOverlay),
+				children: [/* @__PURE__ */ V(D, {}), t && /* @__PURE__ */ V("p", {
+					className: _("text-center", Pe.statusLabel),
 					children: t
 				})]
 			}),
-			a === "error" && /* @__PURE__ */ z("div", {
+			c === "error" && /* @__PURE__ */ H("div", {
 				className: "absolute inset-0 flex flex-col items-center justify-center gap-2",
-				children: [/* @__PURE__ */ R(E, {
+				children: [/* @__PURE__ */ V(O, {
 					size: 60,
-					stroke: S,
+					stroke: C,
 					"aria-hidden": !0,
-					className: De.errorIcon
-				}), /* @__PURE__ */ R("p", {
+					className: Pe.errorIcon
+				}), /* @__PURE__ */ V("p", {
 					role: "alert",
-					className: g("text-center", De.statusLabel),
+					className: _("text-center", Pe.statusLabel),
 					children: n
 				})]
 			})
 		]
 	});
-}, K = {
+}, X = {
 	body: "_body_13ogb_4",
 	statusLabel: "_statusLabel_13ogb_13",
 	errorIcon: "_errorIcon_13ogb_17",
@@ -576,66 +688,66 @@ var de = {
 	jsonExpandIcon: "_jsonExpandIcon_13ogb_54",
 	jsonCollapseIcon: "_jsonCollapseIcon_13ogb_67",
 	jsonCollapsedContent: "_jsonCollapsedContent_13ogb_84"
-}, ke = () => A(async () => ({ default: (await import("./PdfContent-D71LPAe3.js")).PdfContent })), Ae = ({ url: e, fileName: t, loadErrorLabel: n }) => {
-	let [r, i] = L(!1);
-	return P(() => {
+}, 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);
-	}, [e]), r ? /* @__PURE__ */ z("div", {
+	}, [e]), r ? /* @__PURE__ */ H("div", {
 		className: "flex flex-col items-center gap-2",
-		children: [/* @__PURE__ */ R(E, {
+		children: [/* @__PURE__ */ V(O, {
 			size: 60,
-			stroke: S,
-			className: K.errorIcon
-		}), /* @__PURE__ */ R("p", {
-			className: g("text-center", K.statusLabel),
+			stroke: C,
+			className: X.errorIcon
+		}), /* @__PURE__ */ V("p", {
+			className: _("text-center", X.statusLabel),
 			children: n
 		})]
-	}) : /* @__PURE__ */ R("img", {
+	}) : /* @__PURE__ */ V("img", {
 		src: e,
 		alt: t ?? "",
 		className: "max-h-full max-w-full object-contain",
 		onError: () => i(!0)
 	});
-}, je = new Set([
+}, Re = new Set([
 	i.PlainText,
 	i.Code,
 	i.Ooxml
-]), Me = j(({ 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: D = "Formula", codeContentLoadingLabel: O, codeContentErrorLabel: k, codeContentRetryLabel: ee, tableCopyCsvLabel: te, tableCopyTxtLabel: re, tableCopyMarkdownLabel: ie, tableCopiedLabel: ae, tableDownloadCsvLabel: A, ooxmlHighlightsLabel: j, ooxmlHighlightNavigatedLabel: N } = {}, styles: P, codeBlockTheme: I, tableDownloadFilename: ce, loadPdf: B, hidePdfToolbar: le = !1, configurePdfWorker: ue }) => {
-	let { colors: V, typography: H, bodyClassName: de, cssVars: fe } = P ?? {}, [pe, he] = L(0), _e = F(ke, [pe]), ve = M(() => {
-		he((e) => e + 1);
-	}, []), U = H?.fontClassName != null, ye = F(() => ({
+]), ze = F(({ content: e, isLoading: t = !1, fileName: r, isHtmlSourceView: a = !1, labels: { unsupportedLabel: o = "Preview is not supported for this file", loadErrorLabel: c = "Failed to load file", forbiddenErrorLabel: l = "You don't have permission to access this file", visualizerErrorLabel: d, htmlFrameBlockedLabel: f = "This page cannot be displayed in preview", htmlOpenInNewTabLabel: h = "Open in new tab", pdfThumbnailsLabel: g, pdfShowThumbnailsLabel: v, pdfHideThumbnailsLabel: y, pdfPageNumberLabel: b, pdfContentLoadingLabel: x, pdfContentErrorLabel: S, pdfContentRetryLabel: w, xlsxFormulaLabel: T = "Formula", codeContentLoadingLabel: E, codeContentErrorLabel: k, codeContentRetryLabel: A, tableCopyLabel: j, tableCopiedLabel: ee, tableDownloadCsvLabel: te, codeBlockCopyLabel: M, codeBlockCopiedLabel: re, codeBlockDownloadLabel: ie, tableScrollRegionAriaLabel: N, mathScrollRegionAriaLabel: P, ooxmlHighlightsLabel: F, ooxmlHighlightNavigatedLabel: ae } = {}, styles: L, codeBlockTheme: z, tableDownloadFilename: ce, loadPdf: le, hidePdfToolbar: ue = !1, configurePdfWorker: U, onAppInfo: W, onVisualizerSendMessage: de }) => {
+	let { colors: G, typography: K, bodyClassName: fe, cssVars: pe } = L ?? {}, [me, ge] = B(0), _e = R(Ie, [me]), ye = I(() => {
+		ge((e) => e + 1);
+	}, []), q = K?.fontClassName != null, be = R(() => ({
 		...m({
-			"--ac-text": V?.text,
-			"--ac-status-text": V?.statusText,
-			"--ac-error-icon": V?.errorIcon,
-			"--ac-open-in-new-tab-text": V?.openInNewTabText,
-			"--ac-json-border": V?.jsonBorder,
-			"--ac-json-bg": V?.jsonBackground,
-			"--ac-json-label": V?.jsonLabel,
-			"--ac-json-clickable-label": V?.jsonClickableLabel,
-			"--ac-json-punctuation": V?.jsonPunctuation,
-			"--ac-json-string": V?.jsonString,
-			"--ac-json-number": V?.jsonNumber,
-			"--ac-json-boolean": V?.jsonBoolean,
-			"--ac-json-null": V?.jsonNull,
-			"--ac-json-toggle-icon": V?.jsonToggleIcon,
-			"--ac-json-toggle-icon-hover": V?.jsonToggleIconHover,
-			"--ac-ooxml-bg": V?.ooxmlBackground,
-			"--ac-ooxml-formula-border": V?.ooxmlFormulaBorder,
-			"--ac-ooxml-formula-bg": V?.ooxmlFormulaBackground,
-			"--ac-ooxml-formula-text": V?.ooxmlFormulaText,
-			"--ac-ooxml-highlight-border": V?.ooxmlHighlightBorder,
-			"--ac-ooxml-highlight-bg": V?.ooxmlHighlightBackground,
-			"--ac-json-collapsed-text": V?.jsonCollapsedText,
-			"--ac-json-collapsed-bg": V?.jsonCollapsedBackground,
-			"--ac-font-family": U ? void 0 : H?.fontFamily,
-			"--ac-font-size": U ? void 0 : H?.fontSize,
-			"--ac-font-weight": U ? void 0 : H?.fontWeight,
-			"--ac-line-height": U ? void 0 : H?.lineHeight,
-			"--ac-letter-spacing": U ? void 0 : H?.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
 		}),
-		...fe
-	}), [P]), be = F(() => {
+		...pe
+	}), [L]), xe = R(() => {
 		switch (e.type) {
 			case i.Image:
 			case i.Audio:
@@ -645,6 +757,7 @@ var de = {
 			case i.Pdf:
 			case i.Ooxml:
 			case i.Visualizer:
+			case i.GroupedVisualizer:
 			case i.McpApp:
 			case i.Code:
 			case i.Html: return "h-full overflow-hidden";
@@ -652,38 +765,49 @@ var de = {
 			case i.MarkdownTable: return "flex h-full min-h-0 flex-col overflow-hidden p-4";
 			default: return "h-full overflow-auto p-4";
 		}
-	}, [e.type]), W = F(() => {
+	}, [e.type]), Se = R(() => {
 		switch (e.type) {
-			case i.PlainText: return /* @__PURE__ */ R("pre", {
-				className: g("whitespace-pre-wrap break-words", K.body, H?.fontClassName),
+			case i.PlainText: return /* @__PURE__ */ V("pre", {
+				className: _("whitespace-pre-wrap break-words", X.body, K?.fontClassName),
 				children: e.text
 			});
-			case i.Image: return /* @__PURE__ */ R(Ae, {
+			case i.Image: return /* @__PURE__ */ V(Le, {
 				url: e.url,
 				fileName: r,
 				loadErrorLabel: c
 			});
-			case i.Audio: return /* @__PURE__ */ R("audio", {
+			case i.Audio: return /* @__PURE__ */ V("audio", {
 				controls: !0,
+				controlsList: "nodownload",
 				src: e.url,
 				"aria-label": r ?? "Audio attachment",
 				className: "w-full max-w-sm",
 				preload: "metadata",
-				children: e.mimeType && /* @__PURE__ */ R("source", {
+				children: e.mimeType && /* @__PURE__ */ V("source", {
 					src: e.url,
 					type: e.mimeType
 				})
 			});
-			case i.Markdown: return /* @__PURE__ */ R(p, {
+			case i.Markdown: return /* @__PURE__ */ V(p, {
 				content: e.text,
 				isStreaming: !1,
-				codeBlockTheme: I,
+				codeBlockTheme: z,
+				codeBlockCopyLabel: M,
+				codeBlockCopiedLabel: re,
+				codeBlockDownloadLabel: ie,
+				tableScrollRegionAriaLabel: N,
+				mathScrollRegionAriaLabel: P,
 				classNames: u
 			});
-			case i.MarkdownTable: return /* @__PURE__ */ R(p, {
+			case i.MarkdownTable: return /* @__PURE__ */ V(p, {
 				content: e.text,
 				isStreaming: !1,
-				codeBlockTheme: I,
+				codeBlockTheme: z,
+				codeBlockCopyLabel: M,
+				codeBlockCopiedLabel: re,
+				codeBlockDownloadLabel: ie,
+				tableScrollRegionAriaLabel: N,
+				mathScrollRegionAriaLabel: P,
 				containerClassName: "flex h-full min-h-0 flex-col",
 				classNames: {
 					...u,
@@ -691,51 +815,49 @@ var de = {
 					tableScrollContainer: "max-h-full"
 				},
 				tableActionLabels: {
-					copyCsvLabel: te,
-					copyTxtLabel: re,
-					copyMarkdownLabel: ie,
-					copiedLabel: ae,
-					downloadCsvLabel: A
+					copyLabel: j,
+					copiedLabel: ee,
+					downloadCsvLabel: te
 				},
 				tableDownloadFilename: ce
 			});
-			case i.Json: return /* @__PURE__ */ R("div", {
+			case i.Json: return /* @__PURE__ */ V("div", {
 				dir: "ltr",
 				className: "h-full overflow-auto",
-				children: /* @__PURE__ */ R("div", {
-					className: g("m-3 overflow-auto rounded-md border", K.jsonWrapper),
-					children: /* @__PURE__ */ R(oe, {
+				children: /* @__PURE__ */ V("div", {
+					className: _("m-3 overflow-auto rounded-md border", X.jsonWrapper),
+					children: /* @__PURE__ */ V(oe, {
 						data: e.value,
 						style: {
-							container: g("whitespace-pre-wrap break-words p-2", H?.jsonClassName ?? "dial-code-text"),
+							container: _("whitespace-pre-wrap break-words p-2", K?.jsonClassName ?? "dial-code-text"),
 							basicChildStyle: se.basicChildStyle,
 							childFieldsContainer: "m-0 ps-3",
-							label: g("me-1 font-semibold", K.jsonLabel),
-							clickableLabel: g("me-1 cursor-pointer font-semibold hover:underline", K.jsonClickableLabel),
-							nullValue: g("italic", K.jsonNullValue),
-							undefinedValue: g("italic", K.jsonNullValue),
-							stringValue: K.jsonStringValue,
-							booleanValue: K.jsonBooleanValue,
-							numberValue: K.jsonNumberValue,
-							otherValue: g("italic", K.jsonNullValue),
-							punctuation: g("me-1", K.jsonPunctuation),
-							collapseIcon: g("me-1 cursor-pointer select-none transition-colors", K.jsonCollapseIcon),
-							expandIcon: g("me-1 cursor-pointer select-none transition-colors", K.jsonExpandIcon),
-							collapsedContent: g("me-1 cursor-pointer rounded px-1", K.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)
 						}
 					})
 				})
 			});
-			case i.Code: return /* @__PURE__ */ R(me, {
+			case i.Code: return /* @__PURE__ */ V(he, {
 				content: e,
-				codeBlockTheme: I,
+				codeBlockTheme: z,
 				labels: {
-					loadingLabel: O,
+					loadingLabel: E,
 					errorLabel: k,
-					retryLabel: ee
+					retryLabel: A
 				}
 			});
-			case i.Html: return /* @__PURE__ */ R(ge, {
+			case i.Html: return /* @__PURE__ */ V(ve, {
 				content: e,
 				labels: {
 					htmlFrameBlockedLabel: f,
@@ -743,64 +865,69 @@ var de = {
 				},
 				isSourceView: a,
 				title: r,
-				codeBlockTheme: I
+				codeBlockTheme: z
 			});
-			case i.Pdf: return /* @__PURE__ */ R(s, {
-				retryKey: pe,
-				onRetry: ve,
+			case i.Pdf: return /* @__PURE__ */ V(s, {
+				retryKey: me,
+				onRetry: ye,
 				labels: {
 					loadingLabel: x,
-					errorLabel: C,
+					errorLabel: S,
 					retryLabel: w
 				},
-				children: /* @__PURE__ */ R(_e, {
+				children: /* @__PURE__ */ V(_e, {
 					fileName: r,
 					url: e.url,
 					highlights: e.highlights ?? [],
 					selectedHighlightId: e.selectedHighlightId,
 					selectedPageNumber: e.page,
-					loadPdf: B,
-					hideHeader: le,
-					configurePdfWorker: ue,
+					loadPdf: le,
+					hideHeader: ue,
+					configurePdfWorker: U,
 					labels: {
-						thumbnailsLabel: _,
+						thumbnailsLabel: g,
 						showThumbnailsLabel: v,
 						hideThumbnailsLabel: y,
 						pageNumberLabel: b,
 						loadingLabel: x,
-						errorLabel: C,
+						errorLabel: S,
 						retryLabel: w
 					}
 				})
 			}, e.url);
-			case i.Ooxml: return /* @__PURE__ */ R(Ee, {
+			case i.Ooxml: return /* @__PURE__ */ V(Oe, {
 				content: e,
 				fileName: r,
 				loadErrorLabel: c,
-				formulaLabel: D,
-				formulaLabelClassName: H?.xlsxFormulaLabelClassName ?? "dial-italic-text",
-				highlightsLabel: j,
-				highlightNavigatedLabel: N
+				formulaLabel: T,
+				formulaLabelClassName: K?.xlsxFormulaLabelClassName ?? "dial-italic-text",
+				highlightsLabel: F,
+				highlightNavigatedLabel: ae
+			});
+			case i.Visualizer:
+			case i.GroupedVisualizer: return /* @__PURE__ */ V(Fe, {
+				content: e,
+				errorLabel: d,
+				onSendMessage: de
 			});
-			case i.Visualizer: return /* @__PURE__ */ R(Oe, {
+			case i.McpApp: return /* @__PURE__ */ V(Ce, {
 				content: e,
-				errorLabel: d
+				onAppInfo: W
 			});
-			case i.McpApp: return /* @__PURE__ */ R(xe, { content: e });
-			case i.Unsupported: return /* @__PURE__ */ R("p", {
-				className: g("text-center", K.statusLabel),
+			case i.Unsupported: return /* @__PURE__ */ V("p", {
+				className: _("text-center", X.statusLabel),
 				children: o
 			});
 			case i.Error: {
 				let t = e.errorType === n.Forbidden;
-				return /* @__PURE__ */ z("div", {
+				return /* @__PURE__ */ H("div", {
 					className: "flex flex-col items-center gap-2",
-					children: [R(t ? ne : E, {
+					children: [V(t ? ne : O, {
 						size: 60,
-						stroke: S,
-						className: K.errorIcon
-					}), /* @__PURE__ */ R("p", {
-						className: g("text-center", K.statusLabel),
+						stroke: C,
+						className: X.errorIcon
+					}), /* @__PURE__ */ V("p", {
+						className: _("text-center", X.statusLabel),
 						children: t ? l : c
 					})]
 				});
@@ -808,332 +935,256 @@ var de = {
 		}
 	}, [
 		e,
-		H?.fontClassName,
-		H?.jsonClassName,
-		H?.xlsxFormulaLabelClassName,
+		K?.fontClassName,
+		K?.jsonClassName,
+		K?.xlsxFormulaLabelClassName,
 		r,
-		I,
+		z,
 		o,
 		c,
 		l,
 		d,
+		de,
 		f,
 		h,
 		a,
 		ce,
-		B,
 		le,
 		ue,
-		_,
+		U,
+		W,
+		g,
 		v,
 		y,
 		b,
 		x,
-		C,
+		S,
 		w,
-		D,
-		O,
+		T,
+		E,
 		k,
-		ee,
+		A,
 		_e,
-		pe,
-		ve,
+		me,
+		ye,
+		j,
+		ee,
 		te,
+		M,
 		re,
 		ie,
-		ae,
-		A,
-		j,
-		N
+		N,
+		P,
+		F,
+		ae
 	]);
-	return /* @__PURE__ */ R("div", {
-		style: !t && je.has(e.type) ? ye : void 0,
-		className: g(t ? "flex h-full items-center justify-center" : be, de),
-		children: t ? /* @__PURE__ */ R(T, {}) : W
+	return /* @__PURE__ */ V("div", {
+		style: !t && Re.has(e.type) ? be : void 0,
+		className: _(t ? "flex h-full items-center justify-center" : xe, fe),
+		children: t ? /* @__PURE__ */ V(D, {}) : Se
 	});
-}), Ne = 2e3, Pe = j(({ isOpen: e, isLoading: t = !1, onClose: n, content: r, fileName: a, labels: { ariaLabel: s, closeLabel: c = "Close", resizeLabel: l = "Resize panel", downloadLabel: u = "Download", copyTextLabel: d = "Copy text", copiedTextLabel: f = "Copied!", copyMarkdownLabel: p = "Copy as Markdown", copiedMarkdownLabel: m = "Copied!", copyJsonLabel: h = "Copy as JSON", copiedJsonLabel: _ = "Copied!", visualizerErrorLabel: v, unsupportedLabel: w = "Preview is not supported for this file", loadErrorLabel: T = "Failed to load file", forbiddenErrorLabel: E = "You don't have permission to access this file", htmlFrameBlockedLabel: ne = "This page cannot be displayed in preview", htmlOpenInNewTabLabel: ae = "Open in new tab", htmlViewSourceLabel: A = "View source", htmlViewRenderedLabel: j = "View rendered", mcpAppReloadLabel: N = "Reload", pdfThumbnailsLabel: F, pdfShowThumbnailsLabel: oe, pdfHideThumbnailsLabel: se, pdfPageNumberLabel: B, pdfContentLoadingLabel: le, pdfContentErrorLabel: ue, pdfContentRetryLabel: V, xlsxFormulaLabel: H, codeContentLoadingLabel: de, codeContentErrorLabel: fe, codeContentRetryLabel: pe, tableCopyCsvLabel: me, tableCopyTxtLabel: he, tableCopyMarkdownLabel: ge, tableCopiedLabel: _e, tableDownloadCsvLabel: ve, ooxmlHighlightsLabel: U, ooxmlHighlightNavigatedLabel: ye }, onDownload: be, onCopyText: W, onCopyMarkdown: xe, onCopyJson: G, tableDownloadFilename: Se, isMobile: Ce = !1, defaultWidth: we, minWidth: Te = 600, maxWidth: Ee = 1500, onResizeStop: De, styles: Oe, codeBlockTheme: K, loadPdf: ke, configurePdfWorker: Ae }) => {
-	let [je, Pe] = L(!1), [Fe, Ie] = L(!1), [q, Le] = L(!1), [J, Re] = L(!1), Y = I(null), X = I(null), Z = I(null), ze = M(() => {
-		W?.(), Y.current != null && clearTimeout(Y.current), Pe(!0), Y.current = setTimeout(() => Pe(!1), Ne);
-	}, [W]), Be = M(() => {
-		xe?.(), X.current != null && clearTimeout(X.current), Ie(!0), X.current = setTimeout(() => Ie(!1), Ne);
-	}, [xe]), Ve = M(() => {
-		G?.(), Z.current != null && clearTimeout(Z.current), Le(!0), Z.current = setTimeout(() => Le(!1), Ne);
-	}, [G]);
-	P(() => () => {
-		Y.current != null && clearTimeout(Y.current), X.current != null && clearTimeout(X.current), Z.current != null && clearTimeout(Z.current);
+}), Be = {
+	mcpAppDivider: "_mcpAppDivider_1jh5p_1",
+	mcpAppVersion: "_mcpAppVersion_1jh5p_5"
+}, Ve = 2e3, He = F(({ isOpen: e, isLoading: t = !1, onClose: n, content: r, fileName: a, leftActions: s, labels: { ariaLabel: c, closeLabel: l = "Close", resizeLabel: u = "Resize panel", downloadLabel: d = "Download", copyTextLabel: f = "Copy text", copiedTextLabel: p = "Copied!", copyMarkdownLabel: h = "Copy as Markdown", copiedMarkdownLabel: g = "Copied!", copyJsonLabel: v = "Copy as JSON", copiedJsonLabel: y = "Copied!", visualizerErrorLabel: w, unsupportedLabel: E = "Preview is not supported for this file", loadErrorLabel: D = "Failed to load file", forbiddenErrorLabel: O = "You don't have permission to access this file", htmlFrameBlockedLabel: k = "This page cannot be displayed in preview", htmlOpenInNewTabLabel: ne = "Open in new tab", htmlViewSourceLabel: N = "View source", htmlViewRenderedLabel: P = "View rendered", mcpAppReloadLabel: F = "Reload", pdfThumbnailsLabel: ae, pdfShowThumbnailsLabel: oe, pdfHideThumbnailsLabel: se, pdfPageNumberLabel: le, pdfContentLoadingLabel: ue, pdfContentErrorLabel: U, pdfContentRetryLabel: W, xlsxFormulaLabel: de, codeContentLoadingLabel: G, codeContentErrorLabel: fe, codeContentRetryLabel: pe, tableCopyLabel: me, tableCopiedLabel: he, tableDownloadCsvLabel: ge, codeBlockCopyLabel: _e, codeBlockCopiedLabel: ve, codeBlockDownloadLabel: ye, tableScrollRegionAriaLabel: q, mathScrollRegionAriaLabel: be, ooxmlHighlightsLabel: xe, ooxmlHighlightNavigatedLabel: Se }, onDownload: J, onCopyText: Ce, onCopyMarkdown: Y, onCopyJson: we, tableDownloadFilename: Te, isMobile: Ee = !1, defaultWidth: De, minWidth: Oe = 600, maxWidth: ke = 1500, onResizeStop: Ae, styles: je, codeBlockTheme: Me, loadPdf: Ne, configurePdfWorker: Pe, onVisualizerSendMessage: Fe }) => {
+	let [X, Ie] = B(!1), [Le, Re] = B(!1), [He, Ue] = B(!1), [Z, We] = B(!1), [Ge, Ke] = B(void 0), qe = z(null), Q = z(null), Je = z(null), Ye = I(() => {
+		Ce?.(), qe.current != null && clearTimeout(qe.current), Ie(!0), qe.current = setTimeout(() => Ie(!1), Ve);
+	}, [Ce]), Xe = I(() => {
+		Y?.(), Q.current != null && clearTimeout(Q.current), Re(!0), Q.current = setTimeout(() => Re(!1), Ve);
+	}, [Y]), Ze = I(() => {
+		we?.(), Je.current != null && clearTimeout(Je.current), Ue(!0), Je.current = setTimeout(() => Ue(!1), Ve);
+	}, [we]);
+	L(() => () => {
+		qe.current != null && clearTimeout(qe.current), Q.current != null && clearTimeout(Q.current), Je.current != null && clearTimeout(Je.current);
 	}, []);
-	let Q = M(() => {
-		Re((e) => !e);
+	let Qe = I(() => {
+		We((e) => !e);
 	}, []);
-	P(() => {
-		Re(!1);
+	L(() => {
+		We(!1), Ke(void 0);
 	}, [r]);
-	let { className: He, panelStyles: Ue, ...We } = Oe ?? {}, Ge = !t && r.type === i.Html && r.srcdoc != null, Ke = !t && W != null && (r.type === i.PlainText || r.type === i.Code), qe = !t && xe != null && r.type === i.Markdown, $ = !t && G != null && r.type === i.Json, Je = !t && be != null && o(r), Ye = !t && r.type === i.McpApp && r.onReload != null;
-	return /* @__PURE__ */ R(b, {
+	let { className: $e, panelStyles: $, ...et } = je ?? {}, { colors: tt, typography: nt } = et, rt = R(() => m({
+		"--ac-mcp-app-divider": tt?.mcpAppDividerColor,
+		"--ac-mcp-app-version": tt?.mcpAppVersionColor
+	}), [tt?.mcpAppDividerColor, tt?.mcpAppVersionColor]), it = r.type === i.McpApp && Ge != null ? /* @__PURE__ */ H("span", {
+		style: rt,
+		children: [
+			/* @__PURE__ */ V("span", { children: a }),
+			/* @__PURE__ */ V("span", {
+				"aria-hidden": !0,
+				className: _("mx-1.5 inline-block h-3 w-0 border-s align-middle", Be.mcpAppDivider)
+			}),
+			/* @__PURE__ */ V("span", { children: Ge.name }),
+			Ge.version && /* @__PURE__ */ V("span", {
+				className: _("ms-2", nt?.mcpAppVersionClassName ?? "dial-caption-text", Be.mcpAppVersion),
+				children: Ge.version
+			})
+		]
+	}) : a, at = !t && r.type === i.Html && (r.srcdoc != null || r.resolveSourceText != null), ot = !t && Ce != null && (r.type === i.PlainText || r.type === i.Code), st = !t && Y != null && r.type === i.Markdown, ct = !t && we != null && r.type === i.Json, lt = !t && J != null && o(r), ut = !t && r.type === i.McpApp && r.onReload != null;
+	return /* @__PURE__ */ V(x, {
 		isOpen: e,
-		orientation: y.Right,
-		title: a,
+		orientation: b.Right,
+		title: it,
 		labels: {
-			ariaLabel: s,
-			closeLabel: c,
-			resizeLabel: l
+			ariaLabel: c,
+			closeLabel: l,
+			resizeLabel: u
 		},
 		onClose: n,
-		resizable: !Ce,
-		defaultWidth: we,
-		minWidth: Te,
-		maxWidth: Ee,
-		onResizeStop: De,
+		resizable: !Ee,
+		defaultWidth: De,
+		minWidth: Oe,
+		maxWidth: ke,
+		onResizeStop: Ae,
 		styles: {
-			...Ue,
-			titleClassName: Ue?.titleClassName ?? "dial-h3-text",
-			headerClassName: g("border-b border-tertiary", Ue?.headerClassName),
-			className: g(e ? "mobile:w-full mobile:max-w-full" : "w-0", He, Ue?.className)
+			...$,
+			titleClassName: $?.titleClassName ?? "dial-h3-text",
+			headerClassName: _("border-b border-tertiary", $?.headerClassName),
+			className: _(e ? "mobile:w-full mobile:max-w-full" : "w-0", $e, $?.className, K.panel)
 		},
-		rightActions: Ge || Ke || qe || $ || Je || Ye ? /* @__PURE__ */ z(ce, { children: [
-			Ye && /* @__PURE__ */ R(C, {
-				icon: /* @__PURE__ */ R(ie, {
-					size: x.LG,
-					stroke: S,
+		leftActions: s,
+		rightActions: at || ot || st || ct || lt || ut ? /* @__PURE__ */ H(ce, { children: [
+			ut && /* @__PURE__ */ V(T, {
+				icon: /* @__PURE__ */ V(ie, {
+					size: S.LG,
+					stroke: C,
 					"aria-hidden": !0
 				}),
-				"aria-label": N,
-				tooltipProps: { tooltip: N },
+				"aria-label": F,
+				tooltipProps: { tooltip: F },
 				onClick: r.type === i.McpApp ? r.onReload : void 0
 			}),
-			Ge && /* @__PURE__ */ R(C, {
-				icon: R(J ? te : O, {
-					size: x.LG,
-					stroke: S,
+			at && /* @__PURE__ */ V(T, {
+				icon: V(Z ? M : j, {
+					size: S.LG,
+					stroke: C,
 					"aria-hidden": !0
 				}),
-				"aria-label": J ? j : A,
-				"aria-pressed": J,
-				tooltipProps: { tooltip: J ? j : A },
-				onClick: Q
+				"aria-label": Z ? P : N,
+				"aria-pressed": Z,
+				tooltipProps: { tooltip: Z ? P : N },
+				onClick: Qe
 			}),
-			Ke && /* @__PURE__ */ R(C, {
-				icon: R(je ? D : k, {
-					size: x.LG,
-					stroke: S,
+			ot && /* @__PURE__ */ V(T, {
+				icon: V(X ? A : ee, {
+					size: S.LG,
+					stroke: C,
 					"aria-hidden": !0
 				}),
-				"aria-label": je ? f : d,
-				tooltipProps: { tooltip: je ? f : d },
-				onClick: ze
+				"aria-label": X ? p : f,
+				tooltipProps: { tooltip: X ? p : f },
+				onClick: Ye
 			}),
-			qe && /* @__PURE__ */ R(C, {
-				icon: R(Fe ? D : re, {
-					size: x.LG,
-					stroke: S,
+			st && /* @__PURE__ */ V(T, {
+				icon: V(Le ? A : re, {
+					size: S.LG,
+					stroke: C,
 					"aria-hidden": !0
 				}),
-				"aria-label": Fe ? m : p,
-				tooltipProps: { tooltip: Fe ? m : p },
-				onClick: Be
+				"aria-label": Le ? g : h,
+				tooltipProps: { tooltip: Le ? g : h },
+				onClick: Xe
 			}),
-			$ && /* @__PURE__ */ R(C, {
-				icon: R(q ? D : k, {
-					size: x.LG,
-					stroke: S,
+			ct && /* @__PURE__ */ V(T, {
+				icon: V(He ? A : ee, {
+					size: S.LG,
+					stroke: C,
 					"aria-hidden": !0
 				}),
-				"aria-label": q ? _ : h,
-				tooltipProps: { tooltip: q ? _ : h },
-				onClick: Ve
+				"aria-label": He ? y : v,
+				tooltipProps: { tooltip: He ? y : v },
+				onClick: Ze
 			}),
-			Je && /* @__PURE__ */ R(C, {
-				icon: /* @__PURE__ */ R(ee, {
-					size: x.LG,
-					stroke: S
+			lt && /* @__PURE__ */ V(T, {
+				icon: /* @__PURE__ */ V(te, {
+					size: S.LG,
+					stroke: C
 				}),
-				"aria-label": u,
-				tooltipProps: { tooltip: u },
-				onClick: be
+				"aria-label": d,
+				tooltipProps: { tooltip: d },
+				onClick: J
 			})
 		] }) : null,
-		children: /* @__PURE__ */ R(Me, {
+		children: /* @__PURE__ */ V(ze, {
 			content: r,
 			isLoading: t,
 			fileName: a,
-			isHtmlSourceView: J,
+			isHtmlSourceView: Z,
+			onAppInfo: r.type === i.McpApp ? Ke : void 0,
 			labels: {
-				unsupportedLabel: w,
-				loadErrorLabel: T,
-				forbiddenErrorLabel: E,
-				visualizerErrorLabel: v,
-				htmlFrameBlockedLabel: ne,
-				htmlOpenInNewTabLabel: ae,
-				pdfThumbnailsLabel: F,
+				unsupportedLabel: E,
+				loadErrorLabel: D,
+				forbiddenErrorLabel: O,
+				visualizerErrorLabel: w,
+				htmlFrameBlockedLabel: k,
+				htmlOpenInNewTabLabel: ne,
+				pdfThumbnailsLabel: ae,
 				pdfShowThumbnailsLabel: oe,
 				pdfHideThumbnailsLabel: se,
-				pdfPageNumberLabel: B,
-				pdfContentLoadingLabel: le,
-				pdfContentErrorLabel: ue,
-				pdfContentRetryLabel: V,
-				xlsxFormulaLabel: H,
-				codeContentLoadingLabel: de,
+				pdfPageNumberLabel: le,
+				pdfContentLoadingLabel: ue,
+				pdfContentErrorLabel: U,
+				pdfContentRetryLabel: W,
+				xlsxFormulaLabel: de,
+				codeContentLoadingLabel: G,
 				codeContentErrorLabel: fe,
 				codeContentRetryLabel: pe,
-				tableCopyCsvLabel: me,
-				tableCopyTxtLabel: he,
-				tableCopyMarkdownLabel: ge,
-				tableCopiedLabel: _e,
-				tableDownloadCsvLabel: ve,
-				ooxmlHighlightsLabel: U,
-				ooxmlHighlightNavigatedLabel: ye
+				tableCopyLabel: me,
+				tableCopiedLabel: he,
+				tableDownloadCsvLabel: ge,
+				codeBlockCopyLabel: _e,
+				codeBlockCopiedLabel: ve,
+				codeBlockDownloadLabel: ye,
+				tableScrollRegionAriaLabel: q,
+				mathScrollRegionAriaLabel: be,
+				ooxmlHighlightsLabel: xe,
+				ooxmlHighlightNavigatedLabel: Se
 			},
-			styles: We,
-			codeBlockTheme: K,
-			tableDownloadFilename: Se,
-			loadPdf: ke,
-			configurePdfWorker: Ae
+			styles: et,
+			codeBlockTheme: Me,
+			tableDownloadFilename: Te,
+			loadPdf: Ne,
+			configurePdfWorker: Pe,
+			onVisualizerSendMessage: Fe
 		})
 	});
-}), Fe = {
-	type: i.PlainText,
-	text: ""
-}, Ie = (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;
-}, q = ae(void 0);
-q.displayName = "AttachmentCanvasContext";
-var Le = ({ children: e }) => {
-	let [t, n] = L(!1), [r, i] = L(!1), [a, o] = L(Fe), [s, c] = L(void 0), [l, u] = L(void 0), d = M((e, t) => {
-		c(e), u(t), i(!0), n(!0);
-	}, []), f = M((e, t, r) => {
-		o(e), c(t), u(r), i(!1), n(!0);
-	}, []), p = M(() => {
-		o(Fe), n(!1), i(!1), u(void 0);
-	}, []);
-	return P(() => () => {
-		let e = Ie(a);
-		e != null && URL.revokeObjectURL(e);
-	}, [a]), /* @__PURE__ */ R(q.Provider, {
-		value: F(() => ({
-			isOpen: t,
-			isLoading: r,
-			content: a,
-			fileName: s,
-			attachmentId: l,
-			openCanvasLoading: d,
-			openCanvas: f,
-			closeCanvas: p
-		}), [
-			t,
-			r,
-			a,
-			s,
-			l,
-			d,
-			f,
-			p
-		]),
-		children: e
-	});
-}, J = () => {
-	let e = N(q);
-	if (!e) throw Error("useAttachmentCanvas must be used within an AttachmentCanvasProvider");
-	return e;
-}, Re = j(({ labels: e, isMobile: t = !1, defaultWidth: n, maxWidth: r, codeBlockTheme: o, tableDownloadFilename: s, configurePdfWorker: c }) => {
-	let { ariaLabel: l = "Attachment preview", closeLabel: u = "Close", downloadLabel: d = "Download", unsupportedLabel: f = "Preview is not supported for this file", loadErrorLabel: p = "Failed to load file", forbiddenErrorLabel: m = "You don't have permission to access this file", copyTextLabel: g, copiedTextLabel: _, copyMarkdownLabel: v, copiedMarkdownLabel: y, copyJsonLabel: b, copiedJsonLabel: x, htmlFrameBlockedLabel: S, htmlOpenInNewTabLabel: C, htmlViewSourceLabel: w, htmlViewRenderedLabel: T, pdfThumbnailsLabel: E, pdfShowThumbnailsLabel: D, pdfHideThumbnailsLabel: O, pdfPageNumberLabel: k, pdfContentLoadingLabel: ee, pdfContentErrorLabel: te, pdfContentRetryLabel: ne, xlsxFormulaLabel: re, codeContentLoadingLabel: ie, codeContentErrorLabel: ae, codeContentRetryLabel: A, tableCopyCsvLabel: j, tableCopyTxtLabel: N, tableCopyMarkdownLabel: P, tableCopiedLabel: F, tableDownloadCsvLabel: I, ooxmlHighlightsLabel: L, ooxmlHighlightNavigatedLabel: oe } = e ?? {}, { isOpen: se, isLoading: ce, content: z, fileName: B, closeCanvas: le } = J(), ue = M(() => {
-		a(z, B);
-	}, [z, B]), V = M(() => {
-		(z.type === i.PlainText || z.type === i.Code) && h(z.text);
-	}, [z]), H = M(() => {
-		z.type === i.Markdown && h(z.text);
-	}, [z]), de = M(() => {
-		z.type === i.Json && h(JSON.stringify(z.value, null, 2));
-	}, [z]);
-	return /* @__PURE__ */ R(Pe, {
-		isOpen: se,
-		isLoading: ce,
-		onClose: le,
-		content: z,
-		fileName: B,
-		labels: {
-			ariaLabel: l,
-			closeLabel: u,
-			downloadLabel: d,
-			copyTextLabel: g,
-			copiedTextLabel: _,
-			copyMarkdownLabel: v,
-			copiedMarkdownLabel: y,
-			copyJsonLabel: b,
-			copiedJsonLabel: x,
-			unsupportedLabel: f,
-			loadErrorLabel: p,
-			forbiddenErrorLabel: m,
-			htmlFrameBlockedLabel: S,
-			htmlOpenInNewTabLabel: C,
-			htmlViewSourceLabel: w,
-			htmlViewRenderedLabel: T,
-			pdfThumbnailsLabel: E,
-			pdfShowThumbnailsLabel: D,
-			pdfHideThumbnailsLabel: O,
-			pdfPageNumberLabel: k,
-			pdfContentLoadingLabel: ee,
-			pdfContentErrorLabel: te,
-			pdfContentRetryLabel: ne,
-			xlsxFormulaLabel: re,
-			codeContentLoadingLabel: ie,
-			codeContentErrorLabel: ae,
-			codeContentRetryLabel: A,
-			tableCopyCsvLabel: j,
-			tableCopyTxtLabel: N,
-			tableCopyMarkdownLabel: P,
-			tableCopiedLabel: F,
-			tableDownloadCsvLabel: I,
-			ooxmlHighlightsLabel: L,
-			ooxmlHighlightNavigatedLabel: oe
-		},
-		onDownload: ue,
-		onCopyText: z.type === i.PlainText || z.type === i.Code ? V : void 0,
-		onCopyMarkdown: z.type === i.Markdown ? H : void 0,
-		onCopyJson: z.type === i.Json ? de : void 0,
-		tableDownloadFilename: s,
-		isMobile: t,
-		defaultWidth: n,
-		maxWidth: r,
-		codeBlockTheme: o,
-		configurePdfWorker: c
-	});
-}), Y = 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"
-}, Z = 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(".")), ze = {
+}, 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
-}, Be = {
-	[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
-}, Ve = {
-	[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
 }, Q = (e, t) => {
 	let n = t?.split(";", 1)[0].trim().toLowerCase();
 	if (n != null) {
-		let e = Be[n];
+		let e = Ke[n];
 		if (e != null) return e;
 	}
 	let r = e.lastIndexOf(".");
-	if (r !== -1) return ze[e.slice(r + 1).toLowerCase()];
-}, He = (e, t) => Q(e, t) != null, Ue = (e, t) => {
+	if (r !== -1) return Ge[e.slice(r + 1).toLowerCase()];
+}, Je = (e, t) => Q(e, t) != null, Ye = (e, t) => {
 	let n = Q(e, t);
-	return n == null ? void 0 : Ve[n];
-}, We = (e) => {
+	return n == null ? void 0 : qe[n];
+}, Xe = (e) => {
 	let t = e.lastIndexOf(".");
-	return t === -1 ? !1 : Z.has(e.slice(t + 1).toLowerCase());
-}, Ge = (e) => {
+	return t === -1 ? !1 : We.has(e.slice(t + 1).toLowerCase());
+}, Ze = (e) => {
 	let t = e.lastIndexOf(".");
-	return t === -1 ? !1 : Y.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",
@@ -1181,26 +1232,184 @@ var Le = ({ children: e }) => {
 	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, t) => {
-	let n = e.toLowerCase();
-	return t.find((e) => e.contentType.split(",").some((e) => e.trim().toLowerCase() === n && e.trim() !== ""));
-}, Ze = (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;
+}, rt = (e) => {
+	let t = nt(e);
+	t != null && URL.revokeObjectURL(t);
+}, it = {
+	type: i.PlainText,
+	text: ""
+}, 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(it), n(!1), i(!1), u(void 0);
+	}, []);
+	return L(() => () => {
+		let e = nt(a);
+		e != null && URL.revokeObjectURL(e);
+	}, [a]), /* @__PURE__ */ V(at.Provider, {
+		value: R(() => ({
+			isOpen: t,
+			isLoading: r,
+			content: a,
+			fileName: s,
+			attachmentId: l,
+			openCanvasLoading: d,
+			openCanvas: f,
+			closeCanvas: p
+		}), [
+			t,
+			r,
+			a,
+			s,
+			l,
+			d,
+			f,
+			p
+		]),
+		children: e
+	});
+}, st = () => {
+	let e = ae(at);
+	if (!e) throw Error("useAttachmentCanvas must be used within an AttachmentCanvasProvider");
+	return e;
+}, ct = F(({ labels: e, leftActions: t, isMobile: n = !1, defaultWidth: r, maxWidth: o, codeBlockTheme: s, tableDownloadFilename: c, loadPdf: l, configurePdfWorker: u, onVisualizerSendMessage: d }) => {
+	let { ariaLabel: f = "Attachment preview", closeLabel: p = "Close", downloadLabel: m = "Download", unsupportedLabel: g = "Preview is not supported for this file", loadErrorLabel: _ = "Failed to load file", forbiddenErrorLabel: v = "You don't have permission to access this file", copyTextLabel: y, copiedTextLabel: b, copyMarkdownLabel: x, copiedMarkdownLabel: S, copyJsonLabel: C, copiedJsonLabel: w, htmlFrameBlockedLabel: T, htmlOpenInNewTabLabel: E, htmlViewSourceLabel: D, htmlViewRenderedLabel: O, pdfThumbnailsLabel: k, pdfShowThumbnailsLabel: A, pdfHideThumbnailsLabel: j, pdfPageNumberLabel: ee, pdfContentLoadingLabel: te, pdfContentErrorLabel: M, pdfContentRetryLabel: ne, xlsxFormulaLabel: re, codeContentLoadingLabel: ie, codeContentErrorLabel: N, codeContentRetryLabel: P, tableCopyLabel: F, tableCopiedLabel: ae, tableDownloadCsvLabel: L, codeBlockCopyLabel: R, codeBlockCopiedLabel: z, codeBlockDownloadLabel: B, tableScrollRegionAriaLabel: oe, mathScrollRegionAriaLabel: se, ooxmlHighlightsLabel: ce, ooxmlHighlightNavigatedLabel: H } = e ?? {}, { isOpen: le, isLoading: ue, content: U, fileName: W, closeCanvas: de } = st(), G = I(() => {
+		a(U, W);
+	}, [U, W]), K = I(() => {
+		(U.type === i.PlainText || U.type === i.Code) && h(U.text);
+	}, [U]), fe = I(() => {
+		U.type === i.Markdown && h(U.text);
+	}, [U]), pe = I(() => {
+		U.type === i.Json && h(JSON.stringify(U.value, null, 2));
+	}, [U]);
+	return /* @__PURE__ */ V(He, {
+		isOpen: le,
+		isLoading: ue,
+		onClose: de,
+		content: U,
+		fileName: W,
+		leftActions: t,
+		labels: {
+			ariaLabel: f,
+			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,
+			codeBlockCopyLabel: R,
+			codeBlockCopiedLabel: z,
+			codeBlockDownloadLabel: B,
+			tableScrollRegionAriaLabel: oe,
+			mathScrollRegionAriaLabel: se,
+			ooxmlHighlightsLabel: ce,
+			ooxmlHighlightNavigatedLabel: H
+		},
+		onDownload: G,
+		onCopyText: U.type === i.PlainText || U.type === i.Code ? K : void 0,
+		onCopyMarkdown: U.type === i.Markdown ? fe : void 0,
+		onCopyJson: U.type === i.Json ? pe : void 0,
+		tableDownloadFilename: c,
+		isMobile: n,
+		defaultWidth: r,
+		maxWidth: o,
+		codeBlockTheme: s,
+		configurePdfWorker: u,
+		loadPdf: l,
+		onVisualizerSendMessage: d
+	});
+}), lt = {
+	frame: "_frame_1ys0b_1",
+	header: "_header_1ys0b_6",
+	title: "_title_1ys0b_10"
+}, ut = F(({ content: e, height: t, onExpand: n, expandAriaLabel: r, actionsGroupAriaLabel: i = "Visualizer actions", frameTitle: a, loadingLabel: o, errorLabel: s, titleClassName: c = "dial-small-semi-text", isBorderless: l = !1, isTitleHidden: u = !1, colors: d, onVisualizerSendMessage: f }) => {
+	let p = e.visualizerName.trim(), h = !u && p !== "";
+	return /* @__PURE__ */ H("div", {
+		className: _("flex w-full min-w-0 flex-col overflow-hidden", !l && ["rounded-xl border", lt.frame]),
+		style: m({
+			"--igv-bg": d?.background,
+			"--igv-border": d?.border,
+			"--igv-title-text": d?.titleText
+		}),
+		children: [/* @__PURE__ */ H("div", {
+			className: _("flex min-h-10 items-center gap-2 py-2", h ? "justify-between" : "justify-end", !l && ["border-b px-4", lt.header]),
+			children: [h && /* @__PURE__ */ V("span", {
+				className: _("min-w-0 truncate", c, lt.title),
+				children: p
+			}), /* @__PURE__ */ V("div", {
+				role: "toolbar",
+				"aria-label": i,
+				className: "flex items-center gap-1",
+				children: /* @__PURE__ */ V(T, {
+					icon: /* @__PURE__ */ V(k, {
+						size: S.SM,
+						stroke: C,
+						"aria-hidden": !0
+					}),
+					"aria-label": r,
+					size: w.Small,
+					onClick: n
+				})
+			})]
+		}), /* @__PURE__ */ V("div", {
+			className: "w-full",
+			style: { height: `${t}px` },
+			children: /* @__PURE__ */ V(Fe, {
+				content: e,
+				loadingLabel: o,
+				errorLabel: s,
+				frameTitle: a,
+				onSendMessage: f
+			})
+		})]
+	});
+}), dt = (e) => {
 	let t;
 	try {
 		t = new URL(e).pathname;
 	} catch {
-		t = v(e);
+		t = y(e);
 	}
 	let n = t.split("/").filter(Boolean).pop() ?? "";
 	try {
@@ -1208,63 +1417,63 @@ var Le = ({ children: e }) => {
 	} catch {
 		return n;
 	}
-}, Qe = (e, t) => {
-	let { openCanvas: n, openCanvasLoading: r, closeCanvas: a } = J(), { customVisualizers: o, themeId: s, onBeforeOpen: l } = t, u = M(async (t, 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 n(i, t.name, r), !0;
+			if (i != null) return r(i, t.name, n);
 		}
-		let a = t.contentType.toLowerCase(), c = Xe(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 n(i, t.name, r), !0;
+			if (i != null) return r(i, t.name, n);
 		}
 		if (!a && t.data != null) {
 			let i = await e.resolveTextContent(t);
-			if (i != null) return n(i, t.name, r), !0;
+			if (i != null) return r(i, t.name, n);
 		}
 		let l = Q("", a);
-		if (l != null) return n(await e.resolveOoxmlContent(t, l) ?? $(e.resolveContentUrl(t)), t.name, r), !0;
+		if (l != null) return r(await e.resolveOoxmlContent(t, l) ?? $(e.resolveContentUrl(t)), t.name, n);
 		switch (a) {
-			case f.PDF: return n(await e.resolvePdfContent(t) ?? $(e.resolveContentUrl(t)), t.name, r), !0;
-			case f.Markdown: return n(await e.resolveMarkdownContent(t) ?? $(e.resolveContentUrl(t)), t.name, r), !0;
-			case f.JSON: return n(await e.resolveJsonContent(t) ?? $(e.resolveContentUrl(t)), t.name, r), !0;
+			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);
-		if (h != null) return n(await e.resolveOoxmlContent(t, h) ?? $(e.resolveContentUrl(t)), t.name, r), !0;
+		if (h != null) return r(await e.resolveOoxmlContent(t, h) ?? $(e.resolveContentUrl(t)), t.name, n);
 		switch (m) {
 			case d.Markdown:
 			case d.MarkdownAlt: {
 				let i = await e.resolveMarkdownContent(t);
-				return i == null ? !1 : (n(i, t.name, r), !0);
+				return i == null ? !1 : r(i, t.name, n);
 			}
 			case d.JSON: {
 				let i = await e.resolveJsonContent(t);
-				return i == null ? !1 : (n(i, t.name, r), !0);
+				return i == null ? !1 : r(i, t.name, n);
 			}
 			case d.PDF: {
 				let i = await e.resolvePdfContent(t);
-				return i == null ? !1 : (n(i, t.name, r), !0);
+				return i == null ? !1 : r(i, t.name, n);
 			}
 		}
-		let g = t.name != null && Ge(t.name) || t.url != null && Ge(Ze(t.url));
-		if (t.name != null && !We(t.name) && !g) return n($(e.resolveContentUrl(t)), t.name, r), !0;
+		let g = t.name != null && Ze(t.name) || t.url != null && Ze(dt(t.url));
+		if (t.name != null && !Xe(t.name) && !g) return r($(e.resolveContentUrl(t)), t.name, n);
 		if (g) {
 			let a = await e.resolveHtmlContent(t);
-			return a == null ? e.hasTextSource(t) ? (n($(e.resolveContentUrl(t)), t.name, r), !0) : t.url == null ? !1 : (n({
+			return a == null ? e.hasTextSource(t) ? r($(e.resolveContentUrl(t)), t.name, n) : t.url == null ? !1 : r({
 				type: i.Html,
 				url: t.url
-			}, t.name, r), !0) : (n(a, t.name, r), !0);
+			}, t.name, n) : r(a, t.name, n);
 		}
-		let _ = await e.resolveCodeContent(t, qe(m));
-		return _ == null ? !1 : (n(_, t.name, r), !0);
+		let _ = await e.resolveCodeContent(t, $e(m));
+		return _ == null ? !1 : r(_, t.name, n);
 	}, [
-		n,
 		o,
 		s,
 		e
 	]);
-	return { openAttachmentCanvas: M(async (t, o = t.id) => {
+	return { openAttachmentCanvas: I(async (t, o = t.id, s) => {
+		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);
@@ -1280,14 +1489,14 @@ var Le = ({ children: e }) => {
 			}
 			case c.File: {
 				l?.(), r(t.name, o);
-				let e = await u(t, o);
-				return e || a(), e;
+				let e = await u(t, o, f);
+				return !e && d() && a(), e;
 			}
 			case c.Pasted:
 			case c.Prompt: {
 				l?.(), r(t.name, o);
-				let i = await e.resolveTextContent(t);
-				return i == null ? (a(), !1) : (n(i, t.name, o), !0);
+				let n = await e.resolveTextContent(t);
+				return n == null ? (d() && a(), !1) : f(n, t.name, o);
 			}
 			default: return !1;
 		}
@@ -1301,4 +1510,4 @@ var Le = ({ children: e }) => {
 	]) };
 };
 //#endregion
-export { Pe as AttachmentCanvas, Me as AttachmentCanvasBody, Re as AttachmentCanvasContainer, Le as AttachmentCanvasProvider, i as AttachmentContentType, n as AttachmentErrorType, me as CodeContent, xe as McpAppCanvasRenderer, r as OoxmlFileType, t as OoxmlHighlightKind, Ye as createForbiddenCanvasContent, Je as createLoadErrorCanvasContent, $ as createUnsupportedCanvasContent, a as downloadAttachmentContent, qe as extensionToLanguage, Xe as findVisualizerForMime, Q as getOoxmlFileType, Ue as getOoxmlMimeType, o as isDownloadable, Ge as isHtmlPreviewable, He as isOoxmlPreviewable, We as isTextPreviewable, J as useAttachmentCanvas, Qe as useOpenAttachmentCanvas };
+export { K as ATTACHMENT_CANVAS_CLASS, He as AttachmentCanvas, ze as AttachmentCanvasBody, ct as AttachmentCanvasContainer, ot as AttachmentCanvasProvider, i as AttachmentContentType, n as AttachmentErrorType, he as CodeContent, ge as HTML_PREVIEW_FRAME_RENDER_MESSAGE, ut as InlineGroupedVisualizer, Ce as McpAppCanvasRenderer, r as OoxmlFileType, t as OoxmlHighlightKind, tt as createForbiddenCanvasContent, et as createLoadErrorCanvasContent, $ as createUnsupportedCanvasContent, a as downloadAttachmentContent, $e as extensionToLanguage, Ae as findVisualizerForApplication, ke as findVisualizerForMime, Q as getOoxmlFileType, Ye as getOoxmlMimeType, je as groupedVisualizerCanvasKey, o as isDownloadable, Ze as isHtmlPreviewable, Je as isOoxmlPreviewable, Xe as isTextPreviewable, Me as partitionAttachmentsForApplicationVisualizer, st as useAttachmentCanvas, ft as useOpenAttachmentCanvas };