@epam/ai-dial-attachment-canvas 1.2.0-dev.61 → 1.2.0-dev.72

package/index.js

@@ -3,26 +3,26 @@ 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, 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, ElementSize as C, GhostIconButton as w, LinkButton as T, Spinner as E } from "@epam/ai-dial-ui-kit";
-import { IconAlertTriangle as D, IconArrowsMaximize as O, IconCheck as k, IconCode as ee, IconCopy as te, IconDownload as ne, IconEye as re, IconLock as ie, IconMarkdown as ae, IconRefresh as oe } from "@tabler/icons-react";
-import { createContext as A, lazy as j, memo as M, useCallback as N, useContext as se, useEffect as P, useMemo as F, useRef as I, useState as L } from "react";
-import { JsonView as ce, defaultStyles as le } from "react-json-view-lite";
-import { Fragment as R, jsx as z, jsxs as B } from "react/jsx-runtime";
-import { AppBridge as V, AppFrame as ue } from "@mcp-ui/client";
-import { McpUiHostContextChangedNotificationSchema as de } from "@modelcontextprotocol/ext-apps/app-bridge";
-import { VisualizerConnectorRequests as H } from "@epam/ai-dial-shared";
+import { IconAlertTriangle as D, IconArrowsMaximize as O, IconCheck as k, IconCode as ee, IconCopy as A, IconDownload as te, IconEye as ne, IconLock as re, IconMarkdown as ie, IconRefresh as ae } from "@tabler/icons-react";
+import { createContext as j, lazy as M, memo as N, useCallback as P, useContext as oe, useEffect as F, useMemo as I, useRef as L, useState as R } from "react";
+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 ue } from "@modelcontextprotocol/ext-apps/app-bridge";
+import { VisualizerConnectorRequests as de } from "@epam/ai-dial-shared";
 import { VisualizerConnector as fe } from "@epam/ai-dial-visualizer-connector";
 //#region src/constants/public-class-names.ts
 var pe = { panel: "dial-attachment-canvas-panel" }, me = {
 	container: "_container_1nhig_1",
 	containerLight: "_containerLight_1nhig_5"
-}, U = {
+}, he = {
 	[l.Dark]: _,
 	[l.Light]: _
-}, he = () => j(async () => {
+}, U = () => M(async () => {
 	let { Prism: e } = await import("react-syntax-highlighter");
 	return { default: e };
-}), ge = M(({ content: e, codeBlockTheme: t = l.Light, labels: n }) => {
-	let { text: r, language: i } = e, a = i == null || i === "plaintext", o = U[t], c = t === l.Light, [u, d] = L(0), f = F(he, [u]), p = N(() => {
+}), ge = N(({ content: e, codeBlockTheme: t = l.Light, labels: n }) => {
+	let { text: r, language: i } = e, a = i == null || i === "plaintext", o = he[t], c = t === l.Light, [u, d] = R(0), f = I(U, [u]), p = P(() => {
 		d((e) => e + 1);
 	}, []), m = /* @__PURE__ */ z("pre", {
 		className: "whitespace-pre-wrap break-words p-4",
@@ -54,18 +54,18 @@ var pe = { panel: "dial-attachment-canvas-panel" }, me = {
 			})
 		})
 	});
-}), _e = { openInNewTabButton: "_openInNewTabButton_c1arc_1" }, ve = M(({ 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(() => {
+}), _e = { openInNewTabButton: "_openInNewTabButton_c1arc_1" }, ve = N(({ 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] = R(!0), [d, f] = R(!1), p = L(null);
+	F(() => {
 		u(!0), f(!1);
 	}, [e]);
-	let m = N((t) => {
+	let m = P((t) => {
 		if (u(!1), e.srcdoc == null) try {
 			p.current?.contentDocument ?? f(!0);
 		} catch {
 			f(!0);
 		}
-	}, [e.srcdoc]), h = N(() => {
+	}, [e.srcdoc]), h = P(() => {
 		u(!1), f(!0);
 	}, []);
 	if (n && e.srcdoc != null) return /* @__PURE__ */ z(ge, {
@@ -131,21 +131,28 @@ var pe = { panel: "dial-attachment-canvas-panel" }, me = {
 	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`));
 }, Ce = (e, t, n) => {
-	let r = I(e);
-	P(() => {
+	let r = L(e);
+	F(() => {
 		r.current = e;
 	});
-	let [i, a] = L(null), [o, s] = L(!1);
-	return P(() => {
+	let [i, a] = R(null), [o, s] = R(!1);
+	return F(() => {
 		let e = null;
 		try {
-			e = new V(null, ye, be, { 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 V(null, r.current.hostInfo ?? ye, be, { hostContext: i }), e.onopenlink = async ({ url: e }) => {
 				let t = r.current.onOpenLink;
 				return (t == null ? xe(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(de, ({ params: e }) => {
+			}, e.oncalltool = (e) => r.current.onToolCall(e.name, e.arguments), e.setNotificationHandler(ue, ({ params: e }) => {
 				let n = t.current?.querySelector("iframe");
 				n != null && Se(n, e.containerDimensions, r.current.hostContext?.displayMode === "fullscreen");
 			}), a(e);
@@ -155,70 +162,72 @@ var pe = { panel: "dial-attachment-canvas-panel" }, me = {
 		return () => {
 			e?.close().catch((e) => console.error("[useMcpAppBridge] Error closing AppBridge:", e));
 		};
-	}, [t]), P(() => {
-		i != null && n != null && i.setHostContext(n);
+	}, [t]), F(() => {
+		i != null && i.transport != null && n != null && i.setHostContext(n);
 	}, [i, n]), {
 		appBridge: i,
 		hasFailed: o
 	};
-}, we = {
+}, W = {
 	loadingOverlay: "_loadingOverlay_1aric_1",
 	fullscreenFrame: "_fullscreenFrame_1aric_20",
 	statusLabel: "_statusLabel_1aric_27",
 	errorIcon: "_errorIcon_1aric_31"
-}, Te = ({ 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;
+}, we = ({ content: e, errorLabel: t = "Failed to load app", onAppInfo: n }) => {
+	let [r, i] = R("loading"), { html: a, sandboxUrl: o, toolInput: s, toolResult: c, hostContext: l } = e, u = I(() => ({ url: new URL(o) }), [o]), d = l?.displayMode === "fullscreen", f = L(null), [p, m] = R();
+	F(() => {
+		let e = f.current;
 		if (!e) return;
 		let t = new ResizeObserver(([e]) => {
 			if (!e) return;
 			let { width: t, height: n } = e.contentRect;
-			p({
+			m({
 				width: Math.round(t),
 				height: Math.round(n)
 			});
 		});
 		return t.observe(e), () => t.disconnect();
 	}, []);
-	let { appBridge: m, hasFailed: h } = Ce(e, d, F(() => c == null || f == null ? c : {
-		...c,
-		containerDimensions: f
-	}, [c, f])), _ = h || n === "error";
+	let { appBridge: h, hasFailed: _ } = Ce(e, f, I(() => l == null || p == null ? l : {
+		...l,
+		containerDimensions: p
+	}, [l, p])), v = _ || r === "error";
 	return /* @__PURE__ */ B("div", {
-		ref: d,
-		className: g("relative h-full w-full", u && we.fullscreenFrame),
+		ref: f,
+		className: g("relative h-full min-h-[200px] w-full", d && W.fullscreenFrame),
 		children: [
-			m != null && /* @__PURE__ */ z(ue, {
-				html: i,
-				sandbox: l,
-				appBridge: m,
-				toolInput: o,
-				toolResult: s,
-				onSizeChanged: () => r("ready"),
-				onInitialized: () => r("ready"),
-				onError: () => r("error")
+			h != null && /* @__PURE__ */ z(H, {
+				html: a,
+				sandbox: u,
+				appBridge: h,
+				toolInput: s,
+				toolResult: c,
+				onSizeChanged: () => i("ready"),
+				onInitialized: (e) => {
+					i("ready"), e.appVersion != null && n?.(e.appVersion);
+				},
+				onError: () => i("error")
 			}),
-			!_ && n === "loading" && /* @__PURE__ */ z("div", {
-				className: g("absolute inset-0 flex flex-col items-center justify-center gap-2", we.loadingOverlay),
+			!v && r === "loading" && /* @__PURE__ */ z("div", {
+				className: g("absolute inset-0 flex flex-col items-center justify-center gap-2", W.loadingOverlay),
 				children: /* @__PURE__ */ z(E, {})
 			}),
-			_ && /* @__PURE__ */ B("div", {
+			v && /* @__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: we.errorIcon
+					className: W.errorIcon
 				}), /* @__PURE__ */ z("p", {
 					role: "alert",
-					className: g("text-center", we.statusLabel),
+					className: g("text-center", W.statusLabel),
 					children: t
 				})]
 			})
 		]
 	});
-}, W = {
+}, G = {
 	viewer: "_viewer_1w97n_2",
 	spreadsheetCanvas: "_spreadsheetCanvas_1w97n_6",
 	formulaPanel: "_formulaPanel_1w97n_12",
@@ -226,13 +235,13 @@ var pe = { panel: "dial-attachment-canvas-panel" }, me = {
 	statusOverlay: "_statusOverlay_1w97n_24",
 	errorIcon: "_errorIcon_1w97n_29",
 	highlight: "_highlight_1w97n_37"
-}, Ee = (e) => {
+}, Te = (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}`;
-}, De = async (e, t, { onError: n, onXlsxSelectionContextChange: i }) => {
+}, Ee = async (e, t, { onError: n, onXlsxSelectionContextChange: i }) => {
 	switch (t) {
 		case r.Docx: {
 			let [{ DocxScrollViewer: t }, { chartEx: r }] = await Promise.all([import("@silurus/ooxml/docx"), import("@silurus/ooxml/chart-ex")]);
@@ -254,7 +263,7 @@ var pe = { panel: "dial-attachment-canvas-panel" }, me = {
 		}
 		case r.Csv: {
 			let { XlsxSheetViewer: t } = await import("@silurus/ooxml/xlsx"), r = document.createElement("canvas");
-			r.className = W.spreadsheetCanvas, e.replaceChildren(r);
+			r.className = G.spreadsheetCanvas, e.replaceChildren(r);
 			let i = new t(r, {
 				showScrollbars: !0,
 				onError: n
@@ -274,7 +283,7 @@ var pe = { panel: "dial-attachment-canvas-panel" }, me = {
 			});
 		}
 	}
-}, Oe = async (e, t, n, i) => {
+}, De = async (e, t, n, i) => {
 	let { onError: a, onXlsxSelectionContextChange: o, onGeometryInvalidated: s } = n;
 	switch (t.format) {
 		case r.Docx: {
@@ -283,7 +292,7 @@ var pe = { panel: "dial-attachment-canvas-panel" }, me = {
 				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 ke();
+			if (i()) throw l.destroy(), new Oe();
 			let u = r.fromDocument(e, l, {
 				enableTextSelection: !0,
 				refitOnResize: !0,
@@ -303,7 +312,7 @@ var pe = { panel: "dial-attachment-canvas-panel" }, me = {
 				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 ke();
+			if (i()) throw l.destroy(), new Oe();
 			let u = r.fromPresentation(e, l, {
 				enableTextSelection: !0,
 				refitOnResize: !0,
@@ -337,15 +346,15 @@ var pe = { panel: "dial-attachment-canvas-panel" }, me = {
 			};
 		}
 		case r.Csv: {
-			let r = await De(e, t.format, n);
+			let r = await Ee(e, t.format, n);
 			return await r.load(t.url), { viewer: r };
 		}
 	}
-}, ke = class extends Error {}, Ae = ({ 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, T = I(void 0), O = I(x);
+}, Oe = class extends Error {}, ke = ({ content: t, fileName: n, loadErrorLabel: i, formulaLabel: a, formulaLabelClassName: o, highlightsLabel: s = "Cited locations", highlightNavigatedLabel: c = "Scrolled to the cited location" }) => {
+	let l = L(null), [u, d] = R(!0), [f, p] = R(!1), [m, h] = R(""), [_, v] = R([]), [y, b] = R(!1), { highlights: x, selectedHighlightId: C } = t, w = x != null && x.length > 0, T = L(void 0), O = L(x);
 	O.current = x;
-	let k = I(void 0);
-	return P(() => {
+	let k = L(void 0);
+	return F(() => {
 		let e = l.current;
 		if (e == null) return;
 		let n, r, i = !1, a, o = () => i;
@@ -367,7 +376,7 @@ var pe = { panel: "dial-attachment-canvas-panel" }, me = {
 				i || (d(!1), p(!0));
 			},
 			onXlsxSelectionContextChange: (e) => {
-				i || h(Ee(e));
+				i || h(Te(e));
 			},
 			onGeometryInvalidated: s
 		}, f = () => {
@@ -376,14 +385,14 @@ var pe = { panel: "dial-attachment-canvas-panel" }, me = {
 		return e.addEventListener("scroll", s, !0), k.current = s, (async () => {
 			try {
 				if (w) {
-					let r = await Oe(e, t, u, o);
+					let r = await De(e, t, u, o);
 					if (i) {
 						r.viewer.destroy(), r.engine?.destroy();
 						return;
 					}
 					n = r, T.current = r.highlights, f();
 				} else {
-					let r = await De(e, t.format, u);
+					let r = await Ee(e, t.format, u);
 					if (i) {
 						r.destroy();
 						return;
@@ -393,7 +402,7 @@ var pe = { panel: "dial-attachment-canvas-panel" }, me = {
 				if (i) return;
 				d(!1), await c();
 			} catch (t) {
-				if (t instanceof ke || i) return;
+				if (t instanceof Oe || i) return;
 				n?.viewer.destroy(), n?.engine?.destroy(), n = void 0, T.current = void 0, e.replaceChildren(), d(!1), p(!0);
 			}
 		})(), () => {
@@ -403,9 +412,9 @@ var pe = { panel: "dial-attachment-canvas-panel" }, me = {
 		t.format,
 		t.url,
 		w
-	]), P(() => {
+	]), F(() => {
 		k.current?.();
-	}, [x]), P(() => {
+	}, [x]), F(() => {
 		b(!1);
 		let t = T.current;
 		if (t == null || u) return;
@@ -429,7 +438,7 @@ var pe = { panel: "dial-attachment-canvas-panel" }, me = {
 			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", W.formulaPanel),
+				className: g("flex min-w-0 shrink-0 items-center gap-2 border-b px-3 py-2", G.formulaPanel),
 				children: [/* @__PURE__ */ z("span", {
 					"aria-hidden": "true",
 					className: g("shrink-0", o),
@@ -438,7 +447,7 @@ var pe = { panel: "dial-attachment-canvas-panel" }, me = {
 					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", W.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", G.formulaValue),
 					children: m
 				})]
 			}),
@@ -449,7 +458,7 @@ var pe = { panel: "dial-attachment-canvas-panel" }, me = {
 					role: "document",
 					"aria-label": n,
 					"aria-busy": u,
-					className: g("h-full w-full overflow-hidden", W.viewer)
+					className: g("h-full w-full overflow-hidden", G.viewer)
 				}), _.length > 0 && /* @__PURE__ */ z("div", {
 					role: "region",
 					"aria-label": s,
@@ -464,7 +473,7 @@ var pe = { panel: "dial-attachment-canvas-panel" }, me = {
 						},
 						"data-selected": e.highlightId === C,
 						"data-clipped": e.isClippedAtEnd === !0,
-						className: g("absolute", W.highlight)
+						className: g("absolute", G.highlight)
 					}, `${e.highlightId}-${t}`))
 				})]
 			}),
@@ -477,14 +486,14 @@ var pe = { panel: "dial-attachment-canvas-panel" }, me = {
 			(u || f) && /* @__PURE__ */ z("div", {
 				role: f ? "alert" : void 0,
 				"aria-live": "polite",
-				className: g("absolute inset-0 flex items-center justify-center", W.statusOverlay),
+				className: g("absolute inset-0 flex items-center justify-center", G.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: W.errorIcon
+						className: G.errorIcon
 					}), /* @__PURE__ */ z("p", {
 						className: "text-center",
 						children: i
@@ -493,13 +502,13 @@ var pe = { panel: "dial-attachment-canvas-panel" }, me = {
 			})
 		]
 	});
-}, je = {
+}, Ae = {
 	loadingOverlay: "_loadingOverlay_12637_1",
 	statusLabel: "_statusLabel_12637_5",
 	errorIcon: "_errorIcon_12637_9"
-}, Me = ({ content: e, loadingLabel: t, errorLabel: n = "Failed to load visualizer", frameTitle: r, colors: a }) => {
-	let o = I(null), [s, c] = L("loading"), { url: l, visualizerName: u, requestTimeout: d } = e, f = I(e);
-	return f.current = e, P(() => {
+}, je = ({ 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;
 		if (!e) return;
 		c("loading");
@@ -512,7 +521,7 @@ var pe = { panel: "dial-attachment-canvas-panel" }, me = {
 		return (async () => {
 			if (await t.ready(), !n) return;
 			let e = f.current;
-			if (e.type === i.GroupedVisualizer) await t.send(H.sendGroupedVisualizeData, {
+			if (e.type === i.GroupedVisualizer) await t.send(de.sendGroupedVisualizeData, {
 				attachments: e.attachments,
 				layout: e.layout
 			});
@@ -521,7 +530,7 @@ var pe = { panel: "dial-attachment-canvas-panel" }, me = {
 					layout: r,
 					...typeof i == "object" && i ? i : {}
 				};
-				await t.send(H.sendVisualizeData, {
+				await t.send(de.sendVisualizeData, {
 					mimeType: n,
 					visualizerData: a
 				});
@@ -536,7 +545,7 @@ var pe = { panel: "dial-attachment-canvas-panel" }, me = {
 		l,
 		u,
 		d
-	]), P(() => {
+	]), F(() => {
 		let e = r ?? u.trim();
 		e !== "" && o.current?.querySelector("iframe")?.setAttribute("title", e);
 	}, [
@@ -557,9 +566,9 @@ var pe = { panel: "dial-attachment-canvas-panel" }, me = {
 				className: "h-full w-full"
 			}),
 			s === "loading" && /* @__PURE__ */ B("div", {
-				className: g("absolute inset-0 flex flex-col items-center justify-center gap-2", je.loadingOverlay),
+				className: g("absolute inset-0 flex flex-col items-center justify-center gap-2", Ae.loadingOverlay),
 				children: [/* @__PURE__ */ z(E, {}), t && /* @__PURE__ */ z("p", {
-					className: g("text-center", je.statusLabel),
+					className: g("text-center", Ae.statusLabel),
 					children: t
 				})]
 			}),
@@ -569,16 +578,16 @@ var pe = { panel: "dial-attachment-canvas-panel" }, me = {
 					size: 60,
 					stroke: S,
 					"aria-hidden": !0,
-					className: je.errorIcon
+					className: Ae.errorIcon
 				}), /* @__PURE__ */ z("p", {
 					role: "alert",
-					className: g("text-center", je.statusLabel),
+					className: g("text-center", Ae.statusLabel),
 					children: n
 				})]
 			})
 		]
 	});
-}, G = {
+}, K = {
 	body: "_body_13ogb_4",
 	statusLabel: "_statusLabel_13ogb_13",
 	errorIcon: "_errorIcon_13ogb_17",
@@ -593,18 +602,18 @@ var pe = { panel: "dial-attachment-canvas-panel" }, me = {
 	jsonExpandIcon: "_jsonExpandIcon_13ogb_54",
 	jsonCollapseIcon: "_jsonCollapseIcon_13ogb_67",
 	jsonCollapsedContent: "_jsonCollapsedContent_13ogb_84"
-}, Ne = () => j(async () => ({ default: (await import("./PdfContent-BoAtghsO.js")).PdfContent })), Pe = ({ url: e, fileName: t, loadErrorLabel: n }) => {
-	let [r, i] = L(!1);
-	return P(() => {
+}, Me = () => M(async () => ({ default: (await import("./PdfContent-BoAtghsO.js")).PdfContent })), Ne = ({ url: e, fileName: t, loadErrorLabel: n }) => {
+	let [r, i] = R(!1);
+	return F(() => {
 		i(!1);
 	}, [e]), r ? /* @__PURE__ */ B("div", {
 		className: "flex flex-col items-center gap-2",
 		children: [/* @__PURE__ */ z(D, {
 			size: 60,
 			stroke: S,
-			className: G.errorIcon
+			className: K.errorIcon
 		}), /* @__PURE__ */ z("p", {
-			className: g("text-center", G.statusLabel),
+			className: g("text-center", K.statusLabel),
 			children: n
 		})]
 	}) : /* @__PURE__ */ z("img", {
@@ -613,46 +622,46 @@ var pe = { panel: "dial-attachment-canvas-panel" }, me = {
 		className: "max-h-full max-w-full object-contain",
 		onError: () => i(!0)
 	});
-}, Fe = new Set([
+}, Pe = new Set([
 	i.PlainText,
 	i.Code,
 	i.Ooxml
-]), Ie = 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, tableCopyLabel: te, tableCopiedLabel: ne, tableDownloadCsvLabel: re, ooxmlHighlightsLabel: ae, ooxmlHighlightNavigatedLabel: oe } = {}, styles: A, codeBlockTheme: j, tableDownloadFilename: M, loadPdf: se, hidePdfToolbar: P = !1, configurePdfWorker: I }) => {
-	let { colors: R, typography: V, bodyClassName: ue, cssVars: de } = A ?? {}, [H, fe] = L(0), pe = F(Ne, [H]), me = N(() => {
-		fe((e) => e + 1);
-	}, []), U = V?.fontClassName != null, he = F(() => ({
+]), Fe = N(({ 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, tableCopyLabel: A, tableCopiedLabel: te, tableDownloadCsvLabel: ne, ooxmlHighlightsLabel: ie, ooxmlHighlightNavigatedLabel: ae } = {}, styles: j, codeBlockTheme: M, tableDownloadFilename: N, loadPdf: oe, hidePdfToolbar: F = !1, configurePdfWorker: L, onAppInfo: le }) => {
+	let { colors: V, typography: H, bodyClassName: ue, cssVars: de } = j ?? {}, [fe, pe] = R(0), me = I(Me, [fe]), he = P(() => {
+		pe((e) => e + 1);
+	}, []), U = H?.fontClassName != null, _e = I(() => ({
 		...m({
-			"--ac-text": R?.text,
-			"--ac-status-text": R?.statusText,
-			"--ac-error-icon": R?.errorIcon,
-			"--ac-open-in-new-tab-text": R?.openInNewTabText,
-			"--ac-json-border": R?.jsonBorder,
-			"--ac-json-bg": R?.jsonBackground,
-			"--ac-json-label": R?.jsonLabel,
-			"--ac-json-clickable-label": R?.jsonClickableLabel,
-			"--ac-json-punctuation": R?.jsonPunctuation,
-			"--ac-json-string": R?.jsonString,
-			"--ac-json-number": R?.jsonNumber,
-			"--ac-json-boolean": R?.jsonBoolean,
-			"--ac-json-null": R?.jsonNull,
-			"--ac-json-toggle-icon": R?.jsonToggleIcon,
-			"--ac-json-toggle-icon-hover": R?.jsonToggleIconHover,
-			"--ac-ooxml-bg": R?.ooxmlBackground,
-			"--ac-ooxml-formula-border": R?.ooxmlFormulaBorder,
-			"--ac-ooxml-formula-bg": R?.ooxmlFormulaBackground,
-			"--ac-ooxml-formula-text": R?.ooxmlFormulaText,
-			"--ac-ooxml-highlight-border": R?.ooxmlHighlightBorder,
-			"--ac-ooxml-highlight-bg": R?.ooxmlHighlightBackground,
-			"--ac-json-collapsed-text": R?.jsonCollapsedText,
-			"--ac-json-collapsed-bg": R?.jsonCollapsedBackground,
-			"--ac-font-family": U ? void 0 : V?.fontFamily,
-			"--ac-font-size": U ? void 0 : V?.fontSize,
-			"--ac-font-weight": U ? void 0 : V?.fontWeight,
-			"--ac-line-height": U ? void 0 : V?.lineHeight,
-			"--ac-letter-spacing": U ? void 0 : V?.letterSpacing
+			"--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
 		}),
 		...de
-	}), [A]), _e = F(() => {
+	}), [j]), ye = I(() => {
 		switch (e.type) {
 			case i.Image:
 			case i.Audio:
@@ -670,13 +679,13 @@ var pe = { panel: "dial-attachment-canvas-panel" }, me = {
 			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]), ye = F(() => {
+	}, [e.type]), be = I(() => {
 		switch (e.type) {
 			case i.PlainText: return /* @__PURE__ */ z("pre", {
-				className: g("whitespace-pre-wrap break-words", G.body, V?.fontClassName),
+				className: g("whitespace-pre-wrap break-words", K.body, H?.fontClassName),
 				children: e.text
 			});
-			case i.Image: return /* @__PURE__ */ z(Pe, {
+			case i.Image: return /* @__PURE__ */ z(Ne, {
 				url: e.url,
 				fileName: r,
 				loadErrorLabel: c
@@ -695,13 +704,13 @@ var pe = { panel: "dial-attachment-canvas-panel" }, me = {
 			case i.Markdown: return /* @__PURE__ */ z(p, {
 				content: e.text,
 				isStreaming: !1,
-				codeBlockTheme: j,
+				codeBlockTheme: M,
 				classNames: u
 			});
 			case i.MarkdownTable: return /* @__PURE__ */ z(p, {
 				content: e.text,
 				isStreaming: !1,
-				codeBlockTheme: j,
+				codeBlockTheme: M,
 				containerClassName: "flex h-full min-h-0 flex-col",
 				classNames: {
 					...u,
@@ -709,42 +718,42 @@ var pe = { panel: "dial-attachment-canvas-panel" }, me = {
 					tableScrollContainer: "max-h-full"
 				},
 				tableActionLabels: {
-					copyLabel: te,
-					copiedLabel: ne,
-					downloadCsvLabel: re
+					copyLabel: A,
+					copiedLabel: te,
+					downloadCsvLabel: ne
 				},
-				tableDownloadFilename: M
+				tableDownloadFilename: N
 			});
 			case i.Json: return /* @__PURE__ */ z("div", {
 				dir: "ltr",
 				className: "h-full overflow-auto",
 				children: /* @__PURE__ */ z("div", {
-					className: g("m-3 overflow-auto rounded-md border", G.jsonWrapper),
-					children: /* @__PURE__ */ z(ce, {
+					className: g("m-3 overflow-auto rounded-md border", K.jsonWrapper),
+					children: /* @__PURE__ */ z(se, {
 						data: e.value,
 						style: {
-							container: g("whitespace-pre-wrap break-words p-2", V?.jsonClassName ?? "dial-code-text"),
-							basicChildStyle: le.basicChildStyle,
+							container: g("whitespace-pre-wrap break-words p-2", H?.jsonClassName ?? "dial-code-text"),
+							basicChildStyle: ce.basicChildStyle,
 							childFieldsContainer: "m-0 ps-3",
-							label: g("me-1 font-semibold", G.jsonLabel),
-							clickableLabel: g("me-1 cursor-pointer font-semibold hover:underline", G.jsonClickableLabel),
-							nullValue: g("italic", G.jsonNullValue),
-							undefinedValue: g("italic", G.jsonNullValue),
-							stringValue: G.jsonStringValue,
-							booleanValue: G.jsonBooleanValue,
-							numberValue: G.jsonNumberValue,
-							otherValue: g("italic", G.jsonNullValue),
-							punctuation: g("me-1", G.jsonPunctuation),
-							collapseIcon: g("me-1 cursor-pointer select-none transition-colors", G.jsonCollapseIcon),
-							expandIcon: g("me-1 cursor-pointer select-none transition-colors", G.jsonExpandIcon),
-							collapsedContent: g("me-1 cursor-pointer rounded px-1", G.jsonCollapsedContent)
+							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)
 						}
 					})
 				})
 			});
 			case i.Code: return /* @__PURE__ */ z(ge, {
 				content: e,
-				codeBlockTheme: j,
+				codeBlockTheme: M,
 				labels: {
 					loadingLabel: O,
 					errorLabel: k,
@@ -759,25 +768,25 @@ var pe = { panel: "dial-attachment-canvas-panel" }, me = {
 				},
 				isSourceView: a,
 				title: r,
-				codeBlockTheme: j
+				codeBlockTheme: M
 			});
 			case i.Pdf: return /* @__PURE__ */ z(s, {
-				retryKey: H,
-				onRetry: me,
+				retryKey: fe,
+				onRetry: he,
 				labels: {
 					loadingLabel: x,
 					errorLabel: C,
 					retryLabel: w
 				},
-				children: /* @__PURE__ */ z(pe, {
+				children: /* @__PURE__ */ z(me, {
 					fileName: r,
 					url: e.url,
 					highlights: e.highlights ?? [],
 					selectedHighlightId: e.selectedHighlightId,
 					selectedPageNumber: e.page,
-					loadPdf: se,
-					hideHeader: P,
-					configurePdfWorker: I,
+					loadPdf: oe,
+					hideHeader: F,
+					configurePdfWorker: L,
 					labels: {
 						thumbnailsLabel: _,
 						showThumbnailsLabel: v,
@@ -789,35 +798,38 @@ var pe = { panel: "dial-attachment-canvas-panel" }, me = {
 					}
 				})
 			}, e.url);
-			case i.Ooxml: return /* @__PURE__ */ z(Ae, {
+			case i.Ooxml: return /* @__PURE__ */ z(ke, {
 				content: e,
 				fileName: r,
 				loadErrorLabel: c,
 				formulaLabel: T,
-				formulaLabelClassName: V?.xlsxFormulaLabelClassName ?? "dial-italic-text",
-				highlightsLabel: ae,
-				highlightNavigatedLabel: oe
+				formulaLabelClassName: H?.xlsxFormulaLabelClassName ?? "dial-italic-text",
+				highlightsLabel: ie,
+				highlightNavigatedLabel: ae
 			});
 			case i.Visualizer:
-			case i.GroupedVisualizer: return /* @__PURE__ */ z(Me, {
+			case i.GroupedVisualizer: return /* @__PURE__ */ z(je, {
 				content: e,
 				errorLabel: d
 			});
-			case i.McpApp: return /* @__PURE__ */ z(Te, { content: e });
+			case i.McpApp: return /* @__PURE__ */ z(we, {
+				content: e,
+				onAppInfo: le
+			});
 			case i.Unsupported: return /* @__PURE__ */ z("p", {
-				className: g("text-center", G.statusLabel),
+				className: g("text-center", K.statusLabel),
 				children: o
 			});
 			case i.Error: {
 				let t = e.errorType === n.Forbidden;
 				return /* @__PURE__ */ B("div", {
 					className: "flex flex-col items-center gap-2",
-					children: [z(t ? ie : D, {
+					children: [z(t ? re : D, {
 						size: 60,
 						stroke: S,
-						className: G.errorIcon
+						className: K.errorIcon
 					}), /* @__PURE__ */ z("p", {
-						className: g("text-center", G.statusLabel),
+						className: g("text-center", K.statusLabel),
 						children: t ? l : c
 					})]
 				});
@@ -825,11 +837,11 @@ var pe = { panel: "dial-attachment-canvas-panel" }, me = {
 		}
 	}, [
 		e,
-		V?.fontClassName,
-		V?.jsonClassName,
-		V?.xlsxFormulaLabelClassName,
+		H?.fontClassName,
+		H?.jsonClassName,
+		H?.xlsxFormulaLabelClassName,
 		r,
-		j,
+		M,
 		o,
 		c,
 		l,
@@ -837,10 +849,11 @@ var pe = { panel: "dial-attachment-canvas-panel" }, me = {
 		f,
 		h,
 		a,
-		M,
-		se,
-		P,
-		I,
+		N,
+		oe,
+		F,
+		L,
+		le,
 		_,
 		v,
 		y,
@@ -852,194 +865,215 @@ var pe = { panel: "dial-attachment-canvas-panel" }, me = {
 		O,
 		k,
 		ee,
-		pe,
-		H,
 		me,
+		fe,
+		he,
+		A,
 		te,
 		ne,
-		re,
-		ae,
-		oe
+		ie,
+		ae
 	]);
 	return /* @__PURE__ */ z("div", {
-		style: !t && Fe.has(e.type) ? he : void 0,
-		className: g(t ? "flex h-full items-center justify-center" : _e, ue),
-		children: t ? /* @__PURE__ */ z(E, {}) : ye
+		style: !t && Pe.has(e.type) ? _e : void 0,
+		className: g(t ? "flex h-full items-center justify-center" : ye, ue),
+		children: t ? /* @__PURE__ */ z(E, {}) : be
 	});
-}), Le = 2e3, Re = M(({ 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: C = "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: D = "This page cannot be displayed in preview", htmlOpenInNewTabLabel: O = "Open in new tab", htmlViewSourceLabel: ie = "View source", htmlViewRenderedLabel: A = "View rendered", mcpAppReloadLabel: j = "Reload", pdfThumbnailsLabel: M, pdfShowThumbnailsLabel: se, pdfHideThumbnailsLabel: F, pdfPageNumberLabel: ce, pdfContentLoadingLabel: le, pdfContentErrorLabel: V, pdfContentRetryLabel: ue, xlsxFormulaLabel: de, codeContentLoadingLabel: H, codeContentErrorLabel: fe, codeContentRetryLabel: me, tableCopyLabel: U, tableCopiedLabel: he, tableDownloadCsvLabel: ge, ooxmlHighlightsLabel: _e, ooxmlHighlightNavigatedLabel: ve }, onDownload: ye, onCopyText: be, onCopyMarkdown: xe, onCopyJson: Se, tableDownloadFilename: Ce, isMobile: we = !1, defaultWidth: Te, minWidth: W = 600, maxWidth: Ee = 1500, onResizeStop: De, styles: Oe, codeBlockTheme: ke, loadPdf: Ae, configurePdfWorker: je }) => {
-	let [Me, G] = L(!1), [Ne, Pe] = L(!1), [Fe, Re] = L(!1), [K, q] = L(!1), J = I(null), Y = I(null), X = I(null), ze = N(() => {
-		be?.(), J.current != null && clearTimeout(J.current), G(!0), J.current = setTimeout(() => G(!1), Le);
-	}, [be]), Z = N(() => {
-		xe?.(), Y.current != null && clearTimeout(Y.current), Pe(!0), Y.current = setTimeout(() => Pe(!1), Le);
-	}, [xe]), Be = N(() => {
-		Se?.(), X.current != null && clearTimeout(X.current), Re(!0), X.current = setTimeout(() => Re(!1), Le);
-	}, [Se]);
-	P(() => () => {
-		J.current != null && clearTimeout(J.current), Y.current != null && clearTimeout(Y.current), X.current != null && clearTimeout(X.current);
+}), Ie = {
+	mcpAppDivider: "_mcpAppDivider_1jh5p_1",
+	mcpAppVersion: "_mcpAppVersion_1jh5p_5"
+}, Le = 2e3, Re = N(({ 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: 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: re = "Open in new tab", htmlViewSourceLabel: j = "View source", htmlViewRenderedLabel: M = "View rendered", mcpAppReloadLabel: N = "Reload", pdfThumbnailsLabel: oe, pdfShowThumbnailsLabel: se, pdfHideThumbnailsLabel: ce, pdfPageNumberLabel: V, pdfContentLoadingLabel: H, pdfContentErrorLabel: ue, pdfContentRetryLabel: de, xlsxFormulaLabel: fe, codeContentLoadingLabel: me, codeContentErrorLabel: he, codeContentRetryLabel: U, tableCopyLabel: ge, tableCopiedLabel: _e, tableDownloadCsvLabel: ve, ooxmlHighlightsLabel: ye, ooxmlHighlightNavigatedLabel: be }, onDownload: xe, onCopyText: Se, onCopyMarkdown: Ce, onCopyJson: W, tableDownloadFilename: we, isMobile: G = !1, defaultWidth: Te, minWidth: Ee = 600, maxWidth: De = 1500, onResizeStop: Oe, styles: ke, codeBlockTheme: Ae, loadPdf: je, configurePdfWorker: K }) => {
+	let [Me, Ne] = R(!1), [Pe, Re] = R(!1), [ze, q] = R(!1), [J, Be] = R(!1), [Ve, He] = R(void 0), Y = L(null), X = L(null), Z = L(null), Ue = P(() => {
+		Se?.(), Y.current != null && clearTimeout(Y.current), Ne(!0), Y.current = setTimeout(() => Ne(!1), Le);
+	}, [Se]), We = P(() => {
+		Ce?.(), X.current != null && clearTimeout(X.current), Re(!0), X.current = setTimeout(() => Re(!1), Le);
+	}, [Ce]), Ge = P(() => {
+		W?.(), Z.current != null && clearTimeout(Z.current), q(!0), Z.current = setTimeout(() => q(!1), Le);
+	}, [W]);
+	F(() => () => {
+		Y.current != null && clearTimeout(Y.current), X.current != null && clearTimeout(X.current), Z.current != null && clearTimeout(Z.current);
 	}, []);
-	let Ve = N(() => {
-		q((e) => !e);
+	let Ke = P(() => {
+		Be((e) => !e);
 	}, []);
-	P(() => {
-		q(!1);
+	F(() => {
+		Be(!1), He(void 0);
 	}, [r]);
-	let { className: He, panelStyles: Q, ...Ue } = Oe ?? {}, We = !t && r.type === i.Html && r.srcdoc != null, $ = !t && be != null && (r.type === i.PlainText || r.type === i.Code), Ge = !t && xe != null && r.type === i.Markdown, Ke = !t && Se != null && r.type === i.Json, qe = !t && ye != null && o(r), Je = !t && r.type === i.McpApp && r.onReload != null;
+	let { className: Q, panelStyles: qe, ...Je } = ke ?? {}, { colors: $, typography: Ye } = Je, Xe = I(() => m({
+		"--ac-mcp-app-divider": $?.mcpAppDividerColor,
+		"--ac-mcp-app-version": $?.mcpAppVersionColor
+	}), [$?.mcpAppDividerColor, $?.mcpAppVersionColor]), Ze = r.type === i.McpApp && Ve != null ? /* @__PURE__ */ B("span", {
+		style: Xe,
+		children: [
+			/* @__PURE__ */ z("span", { children: a }),
+			/* @__PURE__ */ z("span", {
+				"aria-hidden": !0,
+				className: g("mx-1.5 inline-block h-3 w-0 border-s align-middle", Ie.mcpAppDivider)
+			}),
+			/* @__PURE__ */ z("span", { children: Ve.name }),
+			Ve.version && /* @__PURE__ */ z("span", {
+				className: g("ms-2", Ye?.mcpAppVersionClassName ?? "dial-caption-text", Ie.mcpAppVersion),
+				children: Ve.version
+			})
+		]
+	}) : a, Qe = !t && r.type === i.Html && r.srcdoc != null, $e = !t && Se != null && (r.type === i.PlainText || r.type === i.Code), et = !t && Ce != null && r.type === i.Markdown, tt = !t && W != null && r.type === i.Json, nt = !t && xe != null && o(r), rt = !t && r.type === i.McpApp && r.onReload != null;
 	return /* @__PURE__ */ z(b, {
 		isOpen: e,
 		orientation: y.Right,
-		title: a,
+		title: Ze,
 		labels: {
 			ariaLabel: s,
 			closeLabel: c,
 			resizeLabel: l
 		},
 		onClose: n,
-		resizable: !we,
+		resizable: !G,
 		defaultWidth: Te,
-		minWidth: W,
-		maxWidth: Ee,
-		onResizeStop: De,
+		minWidth: Ee,
+		maxWidth: De,
+		onResizeStop: Oe,
 		styles: {
-			...Q,
-			titleClassName: Q?.titleClassName ?? "dial-h3-text",
-			headerClassName: g("border-b border-tertiary", Q?.headerClassName),
-			className: g(e ? "mobile:w-full mobile:max-w-full" : "w-0", He, Q?.className, pe.panel)
+			...qe,
+			titleClassName: qe?.titleClassName ?? "dial-h3-text",
+			headerClassName: g("border-b border-tertiary", qe?.headerClassName),
+			className: g(e ? "mobile:w-full mobile:max-w-full" : "w-0", Q, qe?.className, pe.panel)
 		},
-		rightActions: We || $ || Ge || Ke || qe || Je ? /* @__PURE__ */ B(R, { children: [
-			Je && /* @__PURE__ */ z(w, {
-				icon: /* @__PURE__ */ z(oe, {
+		rightActions: Qe || $e || et || tt || nt || rt ? /* @__PURE__ */ B(le, { children: [
+			rt && /* @__PURE__ */ z(w, {
+				icon: /* @__PURE__ */ z(ae, {
 					size: x.LG,
 					stroke: S,
 					"aria-hidden": !0
 				}),
-				"aria-label": j,
-				tooltipProps: { tooltip: j },
+				"aria-label": N,
+				tooltipProps: { tooltip: N },
 				onClick: r.type === i.McpApp ? r.onReload : void 0
 			}),
-			We && /* @__PURE__ */ z(w, {
-				icon: z(K ? re : ee, {
+			Qe && /* @__PURE__ */ z(w, {
+				icon: z(J ? ne : ee, {
 					size: x.LG,
 					stroke: S,
 					"aria-hidden": !0
 				}),
-				"aria-label": K ? A : ie,
-				"aria-pressed": K,
-				tooltipProps: { tooltip: K ? A : ie },
-				onClick: Ve
+				"aria-label": J ? M : j,
+				"aria-pressed": J,
+				tooltipProps: { tooltip: J ? M : j },
+				onClick: Ke
 			}),
-			$ && /* @__PURE__ */ z(w, {
-				icon: z(Me ? k : te, {
+			$e && /* @__PURE__ */ z(w, {
+				icon: z(Me ? k : A, {
 					size: x.LG,
 					stroke: S,
 					"aria-hidden": !0
 				}),
 				"aria-label": Me ? f : d,
 				tooltipProps: { tooltip: Me ? f : d },
-				onClick: ze
+				onClick: Ue
 			}),
-			Ge && /* @__PURE__ */ z(w, {
-				icon: z(Ne ? k : ae, {
+			et && /* @__PURE__ */ z(w, {
+				icon: z(Pe ? k : ie, {
 					size: x.LG,
 					stroke: S,
 					"aria-hidden": !0
 				}),
-				"aria-label": Ne ? m : p,
-				tooltipProps: { tooltip: Ne ? m : p },
-				onClick: Z
+				"aria-label": Pe ? h : p,
+				tooltipProps: { tooltip: Pe ? h : p },
+				onClick: We
 			}),
-			Ke && /* @__PURE__ */ z(w, {
-				icon: z(Fe ? k : te, {
+			tt && /* @__PURE__ */ z(w, {
+				icon: z(ze ? k : A, {
 					size: x.LG,
 					stroke: S,
 					"aria-hidden": !0
 				}),
-				"aria-label": Fe ? _ : h,
-				tooltipProps: { tooltip: Fe ? _ : h },
-				onClick: Be
+				"aria-label": ze ? v : _,
+				tooltipProps: { tooltip: ze ? v : _ },
+				onClick: Ge
 			}),
-			qe && /* @__PURE__ */ z(w, {
-				icon: /* @__PURE__ */ z(ne, {
+			nt && /* @__PURE__ */ z(w, {
+				icon: /* @__PURE__ */ z(te, {
 					size: x.LG,
 					stroke: S
 				}),
 				"aria-label": u,
 				tooltipProps: { tooltip: u },
-				onClick: ye
+				onClick: xe
 			})
 		] }) : null,
-		children: /* @__PURE__ */ z(Ie, {
+		children: /* @__PURE__ */ z(Fe, {
 			content: r,
 			isLoading: t,
 			fileName: a,
-			isHtmlSourceView: K,
+			isHtmlSourceView: J,
+			onAppInfo: r.type === i.McpApp ? He : void 0,
 			labels: {
-				unsupportedLabel: C,
-				loadErrorLabel: T,
-				forbiddenErrorLabel: E,
-				visualizerErrorLabel: v,
-				htmlFrameBlockedLabel: D,
-				htmlOpenInNewTabLabel: O,
-				pdfThumbnailsLabel: M,
+				unsupportedLabel: T,
+				loadErrorLabel: E,
+				forbiddenErrorLabel: D,
+				visualizerErrorLabel: C,
+				htmlFrameBlockedLabel: O,
+				htmlOpenInNewTabLabel: re,
+				pdfThumbnailsLabel: oe,
 				pdfShowThumbnailsLabel: se,
-				pdfHideThumbnailsLabel: F,
-				pdfPageNumberLabel: ce,
-				pdfContentLoadingLabel: le,
-				pdfContentErrorLabel: V,
-				pdfContentRetryLabel: ue,
-				xlsxFormulaLabel: de,
-				codeContentLoadingLabel: H,
-				codeContentErrorLabel: fe,
-				codeContentRetryLabel: me,
-				tableCopyLabel: U,
-				tableCopiedLabel: he,
-				tableDownloadCsvLabel: ge,
-				ooxmlHighlightsLabel: _e,
-				ooxmlHighlightNavigatedLabel: ve
+				pdfHideThumbnailsLabel: ce,
+				pdfPageNumberLabel: V,
+				pdfContentLoadingLabel: H,
+				pdfContentErrorLabel: ue,
+				pdfContentRetryLabel: de,
+				xlsxFormulaLabel: fe,
+				codeContentLoadingLabel: me,
+				codeContentErrorLabel: he,
+				codeContentRetryLabel: U,
+				tableCopyLabel: ge,
+				tableCopiedLabel: _e,
+				tableDownloadCsvLabel: ve,
+				ooxmlHighlightsLabel: ye,
+				ooxmlHighlightNavigatedLabel: be
 			},
-			styles: Ue,
-			codeBlockTheme: ke,
-			tableDownloadFilename: Ce,
-			loadPdf: Ae,
-			configurePdfWorker: je
+			styles: Je,
+			codeBlockTheme: Ae,
+			tableDownloadFilename: we,
+			loadPdf: je,
+			configurePdfWorker: K
 		})
 	});
-}), K = new Set(["html", "htm"]), q = {
+}), ze = 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"
-}, J = 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(".")), Y = {
+}, J = 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
-}, X = {
+}, Ve = {
 	[q.docx]: r.Docx,
 	[q.xlsx]: r.Xlsx,
 	[q.pptx]: r.Pptx,
 	[f.CSV]: r.Csv
-}, ze = {
+}, He = {
 	[r.Docx]: q.docx,
 	[r.Xlsx]: q.xlsx,
 	[r.Pptx]: q.pptx,
 	[r.Csv]: f.CSV
-}, Z = (e, t) => {
+}, Y = (e, t) => {
 	let n = t?.split(";", 1)[0].trim().toLowerCase();
 	if (n != null) {
-		let e = X[n];
+		let e = Ve[n];
 		if (e != null) return e;
 	}
 	let r = e.lastIndexOf(".");
-	if (r !== -1) return Y[e.slice(r + 1).toLowerCase()];
-}, Be = (e, t) => Z(e, t) != null, Ve = (e, t) => {
-	let n = Z(e, t);
-	return n == null ? void 0 : ze[n];
-}, He = (e) => {
+	if (r !== -1) return Be[e.slice(r + 1).toLowerCase()];
+}, X = (e, t) => Y(e, t) != null, Z = (e, t) => {
+	let n = Y(e, t);
+	return n == null ? void 0 : He[n];
+}, Ue = (e) => {
 	let t = e.lastIndexOf(".");
 	return t === -1 ? !1 : J.has(e.slice(t + 1).toLowerCase());
-}, Q = (e) => {
+}, We = (e) => {
 	let t = e.lastIndexOf(".");
-	return t === -1 ? !1 : K.has(e.slice(t + 1).toLowerCase());
-}, Ue = {
+	return t === -1 ? !1 : ze.has(e.slice(t + 1).toLowerCase());
+}, Ge = {
 	xml: "xml",
 	csv: "plaintext",
 	tsv: "plaintext",
@@ -1087,40 +1121,40 @@ var pe = { panel: "dial-attachment-canvas-panel" }, me = {
 	gitignore: "plaintext",
 	dockerfile: "plaintext",
 	makefile: "plaintext"
-}, We = (e) => Ue[e], $ = (e) => ({
+}, Ke = (e) => Ge[e], Q = (e) => ({
 	type: i.Unsupported,
 	...e != null && { url: e }
-}), Ge = (e) => ({
+}), qe = (e) => ({
 	type: i.Error,
 	errorType: n.LoadFailed,
 	...e != null && { url: e }
-}), Ke = (e) => ({
+}), Je = (e) => ({
 	type: i.Error,
 	errorType: n.Forbidden,
 	...e != null && { url: e }
-}), qe = (e) => {
+}), $ = (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;
-}, Je = (e) => {
-	let t = qe(e);
+}, Ye = (e) => {
+	let t = $(e);
 	t != null && URL.revokeObjectURL(t);
-}, Ye = {
+}, Xe = {
 	type: i.PlainText,
 	text: ""
-}, Xe = A(void 0);
-Xe.displayName = "AttachmentCanvasContext";
-var Ze = ({ children: e }) => {
-	let [t, n] = L(!1), [r, i] = L(!1), [a, o] = L(Ye), [s, c] = L(void 0), [l, u] = L(void 0), d = N((e, t) => {
+}, Ze = j(void 0);
+Ze.displayName = "AttachmentCanvasContext";
+var Qe = ({ children: e }) => {
+	let [t, n] = R(!1), [r, i] = R(!1), [a, o] = R(Xe), [s, c] = R(void 0), [l, u] = R(void 0), d = P((e, t) => {
 		c(e), u(t), i(!0), n(!0);
-	}, []), f = N((e, t, r) => {
+	}, []), f = P((e, t, r) => {
 		o(e), c(t), u(r), i(!1), n(!0);
-	}, []), p = N(() => {
-		o(Ye), n(!1), i(!1), u(void 0);
+	}, []), p = P(() => {
+		o(Xe), n(!1), i(!1), u(void 0);
 	}, []);
-	return P(() => () => {
-		let e = qe(a);
+	return F(() => () => {
+		let e = $(a);
 		e != null && URL.revokeObjectURL(e);
-	}, [a]), /* @__PURE__ */ z(Xe.Provider, {
-		value: F(() => ({
+	}, [a]), /* @__PURE__ */ z(Ze.Provider, {
+		value: I(() => ({
 			isOpen: t,
 			isLoading: r,
 			content: a,
@@ -1141,26 +1175,26 @@ var Ze = ({ children: e }) => {
 		]),
 		children: e
 	});
-}, Qe = () => {
-	let e = se(Xe);
+}, $e = () => {
+	let e = oe(Ze);
 	if (!e) throw Error("useAttachmentCanvas must be used within an AttachmentCanvasProvider");
 	return e;
-}, $e = M(({ 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: oe, tableCopyLabel: A, tableCopiedLabel: j, tableDownloadCsvLabel: M, ooxmlHighlightsLabel: se, ooxmlHighlightNavigatedLabel: P } = e ?? {}, { isOpen: F, isLoading: I, content: L, fileName: ce, closeCanvas: le } = Qe(), R = N(() => {
-		a(L, ce);
-	}, [L, ce]), B = N(() => {
-		(L.type === i.PlainText || L.type === i.Code) && h(L.text);
-	}, [L]), V = N(() => {
-		L.type === i.Markdown && h(L.text);
-	}, [L]), ue = N(() => {
-		L.type === i.Json && h(JSON.stringify(L.value, null, 2));
-	}, [L]);
+}, et = N(({ 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: A, pdfContentRetryLabel: te, xlsxFormulaLabel: ne, codeContentLoadingLabel: re, codeContentErrorLabel: ie, codeContentRetryLabel: ae, tableCopyLabel: j, tableCopiedLabel: M, tableDownloadCsvLabel: N, ooxmlHighlightsLabel: oe, ooxmlHighlightNavigatedLabel: F } = e ?? {}, { isOpen: I, isLoading: L, content: R, fileName: se, closeCanvas: ce } = $e(), le = P(() => {
+		a(R, se);
+	}, [R, se]), B = P(() => {
+		(R.type === i.PlainText || R.type === i.Code) && h(R.text);
+	}, [R]), V = P(() => {
+		R.type === i.Markdown && h(R.text);
+	}, [R]), H = P(() => {
+		R.type === i.Json && h(JSON.stringify(R.value, null, 2));
+	}, [R]);
 	return /* @__PURE__ */ z(Re, {
-		isOpen: F,
-		isLoading: I,
-		onClose: le,
-		content: L,
-		fileName: ce,
+		isOpen: I,
+		isLoading: L,
+		onClose: ce,
+		content: R,
+		fileName: se,
 		labels: {
 			ariaLabel: l,
 			closeLabel: u,
@@ -1183,22 +1217,22 @@ var Ze = ({ children: e }) => {
 			pdfHideThumbnailsLabel: O,
 			pdfPageNumberLabel: k,
 			pdfContentLoadingLabel: ee,
-			pdfContentErrorLabel: te,
-			pdfContentRetryLabel: ne,
-			xlsxFormulaLabel: re,
-			codeContentLoadingLabel: ie,
-			codeContentErrorLabel: ae,
-			codeContentRetryLabel: oe,
-			tableCopyLabel: A,
-			tableCopiedLabel: j,
-			tableDownloadCsvLabel: M,
-			ooxmlHighlightsLabel: se,
-			ooxmlHighlightNavigatedLabel: P
+			pdfContentErrorLabel: A,
+			pdfContentRetryLabel: te,
+			xlsxFormulaLabel: ne,
+			codeContentLoadingLabel: re,
+			codeContentErrorLabel: ie,
+			codeContentRetryLabel: ae,
+			tableCopyLabel: j,
+			tableCopiedLabel: M,
+			tableDownloadCsvLabel: N,
+			ooxmlHighlightsLabel: oe,
+			ooxmlHighlightNavigatedLabel: F
 		},
-		onDownload: R,
-		onCopyText: L.type === i.PlainText || L.type === i.Code ? B : void 0,
-		onCopyMarkdown: L.type === i.Markdown ? V : void 0,
-		onCopyJson: L.type === i.Json ? ue : void 0,
+		onDownload: le,
+		onCopyText: R.type === i.PlainText || R.type === i.Code ? B : void 0,
+		onCopyMarkdown: R.type === i.Markdown ? V : void 0,
+		onCopyJson: R.type === i.Json ? H : void 0,
 		tableDownloadFilename: s,
 		isMobile: t,
 		defaultWidth: n,
@@ -1206,23 +1240,23 @@ var Ze = ({ children: e }) => {
 		codeBlockTheme: o,
 		configurePdfWorker: c
 	});
-}), et = {
+}), tt = {
 	frame: "_frame_g47g7_1",
 	header: "_header_g47g7_6",
 	title: "_title_g47g7_10"
-}, tt = 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 }) => {
+}, nt = N(({ 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();
 	return /* @__PURE__ */ B("div", {
-		className: g("flex w-full min-w-0 flex-col overflow-hidden rounded-xl border", et.frame),
+		className: g("flex w-full min-w-0 flex-col overflow-hidden rounded-xl border", tt.frame),
 		style: m({
 			"--igv-bg": l?.background,
 			"--igv-border": l?.border,
 			"--igv-title-text": l?.titleText
 		}),
 		children: [/* @__PURE__ */ B("div", {
-			className: g("flex min-h-10 items-center justify-between gap-2 border-b px-4 py-2", et.header),
+			className: g("flex min-h-10 items-center justify-between gap-2 border-b px-4 py-2", tt.header),
 			children: [/* @__PURE__ */ z("span", {
-				className: g("min-w-0 truncate", c, et.title),
+				className: g("min-w-0 truncate", c, tt.title),
 				children: u
 			}), /* @__PURE__ */ z("div", {
 				role: "toolbar",
@@ -1242,7 +1276,7 @@ var Ze = ({ children: e }) => {
 		}), /* @__PURE__ */ z("div", {
 			className: "w-full",
 			style: { height: `${t}px` },
-			children: /* @__PURE__ */ z(Me, {
+			children: /* @__PURE__ */ z(je, {
 				content: e,
 				loadingLabel: o,
 				errorLabel: s,
@@ -1250,12 +1284,12 @@ var Ze = ({ children: e }) => {
 			})
 		})]
 	});
-}), nt = (e, t) => {
+}), rt = (e, t) => {
 	let n = e.toLowerCase();
 	return t.find((e) => e.contentType.split(",").some((e) => e.trim().toLowerCase() === n && e.trim() !== ""));
-}, rt = (e, t) => {
+}, it = (e, t) => {
 	if (!(e == null || e === "")) return Object.prototype.hasOwnProperty.call(t, e) ? t[e] : void 0;
-}, it = (e) => `${e}:grouped-visualizer`, at = (e, t) => {
+}, at = (e) => `${e}:grouped-visualizer`, ot = (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()))) {
@@ -1267,7 +1301,7 @@ var Ze = ({ children: e }) => {
 		claimed: r,
 		unclaimed: i
 	};
-}, ot = (e) => {
+}, st = (e) => {
 	let t;
 	try {
 		t = new URL(e).pathname;
@@ -1280,13 +1314,13 @@ var Ze = ({ children: e }) => {
 	} catch {
 		return n;
 	}
-}, st = (e, t) => {
-	let { openCanvas: n, openCanvasLoading: r, closeCanvas: a } = Qe(), { customVisualizers: o, themeId: s, onBeforeOpen: l } = t, u = N(async (t, n, r) => {
+}, ct = (e, t) => {
+	let { openCanvas: n, openCanvasLoading: r, closeCanvas: a } = $e(), { customVisualizers: o, themeId: s, onBeforeOpen: l } = t, u = P(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 = nt(a, o);
+		let a = t.contentType.toLowerCase(), c = rt(a, o);
 		if (c != null) {
 			let i = await e.resolveVisualizerContent(t, c, s);
 			if (i != null) return r(i, t.name, n);
@@ -1295,15 +1329,15 @@ var Ze = ({ children: e }) => {
 			let i = await e.resolveTextContent(t);
 			if (i != null) return r(i, t.name, n);
 		}
-		let l = Z("", a);
-		if (l != null) return r(await e.resolveOoxmlContent(t, l) ?? $(e.resolveContentUrl(t)), t.name, n);
+		let l = Y("", a);
+		if (l != null) return r(await e.resolveOoxmlContent(t, l) ?? Q(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);
+			case f.PDF: return r(await e.resolvePdfContent(t) ?? Q(e.resolveContentUrl(t)), t.name, n);
+			case f.Markdown: return r(await e.resolveMarkdownContent(t) ?? Q(e.resolveContentUrl(t)), t.name, n);
+			case f.JSON: return r(await e.resolveJsonContent(t) ?? Q(e.resolveContentUrl(t)), t.name, n);
 		}
-		let u = t.name ?? "", p = u.lastIndexOf("."), m = p === -1 ? "" : u.slice(p + 1).toLowerCase(), h = Z(u);
-		if (h != null) return r(await e.resolveOoxmlContent(t, h) ?? $(e.resolveContentUrl(t)), t.name, n);
+		let u = t.name ?? "", p = u.lastIndexOf("."), m = p === -1 ? "" : u.slice(p + 1).toLowerCase(), h = Y(u);
+		if (h != null) return r(await e.resolveOoxmlContent(t, h) ?? Q(e.resolveContentUrl(t)), t.name, n);
 		switch (m) {
 			case d.Markdown:
 			case d.MarkdownAlt: {
@@ -1319,24 +1353,24 @@ var Ze = ({ children: e }) => {
 				return i == null ? !1 : r(i, t.name, n);
 			}
 		}
-		let g = t.name != null && Q(t.name) || t.url != null && Q(ot(t.url));
-		if (t.name != null && !He(t.name) && !g) return r($(e.resolveContentUrl(t)), t.name, n);
+		let g = t.name != null && We(t.name) || t.url != null && We(st(t.url));
+		if (t.name != null && !Ue(t.name) && !g) return r(Q(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({
+			return a == null ? e.hasTextSource(t) ? r(Q(e.resolveContentUrl(t)), t.name, n) : t.url == null ? !1 : r({
 				type: i.Html,
 				url: t.url
 			}, t.name, n) : r(a, t.name, n);
 		}
-		let _ = await e.resolveCodeContent(t, We(m));
+		let _ = await e.resolveCodeContent(t, Ke(m));
 		return _ == null ? !1 : r(_, t.name, n);
 	}, [
 		o,
 		s,
 		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) : (Je(e), !1);
+	return { openAttachmentCanvas: P(async (t, o = t.id, s) => {
+		let d = () => s == null || s(), f = (e, t, r) => d() ? (n(e, t, r), !0) : (Ye(e), !1);
 		switch (t.type) {
 			case c.Image: {
 				let r = e.resolveImageContent(t);
@@ -1373,4 +1407,4 @@ var Ze = ({ children: e }) => {
 	]) };
 };
 //#endregion
-export { pe as ATTACHMENT_CANVAS_CLASS, Re as AttachmentCanvas, Ie as AttachmentCanvasBody, $e as AttachmentCanvasContainer, Ze as AttachmentCanvasProvider, i as AttachmentContentType, n as AttachmentErrorType, ge as CodeContent, tt as InlineGroupedVisualizer, Te as McpAppCanvasRenderer, r as OoxmlFileType, t as OoxmlHighlightKind, Ke as createForbiddenCanvasContent, Ge as createLoadErrorCanvasContent, $ as createUnsupportedCanvasContent, a as downloadAttachmentContent, We as extensionToLanguage, rt as findVisualizerForApplication, nt as findVisualizerForMime, Z as getOoxmlFileType, Ve as getOoxmlMimeType, it as groupedVisualizerCanvasKey, o as isDownloadable, Q as isHtmlPreviewable, Be as isOoxmlPreviewable, He as isTextPreviewable, at as partitionAttachmentsForApplicationVisualizer, Qe as useAttachmentCanvas, st as useOpenAttachmentCanvas };
+export { pe as ATTACHMENT_CANVAS_CLASS, Re as AttachmentCanvas, Fe as AttachmentCanvasBody, et as AttachmentCanvasContainer, Qe as AttachmentCanvasProvider, i as AttachmentContentType, n as AttachmentErrorType, ge as CodeContent, nt as InlineGroupedVisualizer, we as McpAppCanvasRenderer, r as OoxmlFileType, t as OoxmlHighlightKind, Je as createForbiddenCanvasContent, qe as createLoadErrorCanvasContent, Q as createUnsupportedCanvasContent, a as downloadAttachmentContent, Ke as extensionToLanguage, it as findVisualizerForApplication, rt as findVisualizerForMime, Y as getOoxmlFileType, Z as getOoxmlMimeType, at as groupedVisualizerCanvasKey, o as isDownloadable, We as isHtmlPreviewable, X as isOoxmlPreviewable, Ue as isTextPreviewable, ot as partitionAttachmentsForApplicationVisualizer, $e as useAttachmentCanvas, ct as useOpenAttachmentCanvas };