@epam/ai-dial-attachment-canvas 1.2.0-dev.219 → 1.2.0-dev.229

package/index.js

@@ -1,45 +1,45 @@
 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, 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 A, IconDownload as te, IconEye as ne, IconLock as re, IconMarkdown as ie, IconRefresh as ae } from "@tabler/icons-react";
-import { createContext as oe, lazy as j, memo as M, useCallback as N, useContext as P, useEffect as F, useMemo as I, useRef as L, useState as R } from "react";
-import { JsonView as se, defaultStyles as z } from "react-json-view-lite";
+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 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 j, lazy as M, memo as N, useCallback as P, useContext as se, useEffect as F, useMemo as I, useRef as L, useState as R } from "react";
+import { JsonView as z, defaultStyles as ce } from "react-json-view-lite";
 import { Fragment as B, jsx as V, jsxs as H } from "react/jsx-runtime";
-import { AppBridge as U, AppFrame as W } from "@mcp-ui/client";
-import { McpUiHostContextChangedNotificationSchema as ce } from "@modelcontextprotocol/ext-apps/app-bridge";
-import { VisualizerConnectorRequests as le } from "@epam/ai-dial-shared";
-import { VisualizerConnector as ue } from "@epam/ai-dial-visualizer-connector";
+import { AppBridge as U, AppFrame as le } from "@mcp-ui/client";
+import { McpUiHostContextChangedNotificationSchema as ue } from "@modelcontextprotocol/ext-apps/app-bridge";
+import { VisualizerConnectorRequests as W } from "@epam/ai-dial-shared";
+import { VisualizerConnector as de } from "@epam/ai-dial-visualizer-connector";
 //#region src/constants/public-class-names.ts
-var de = { panel: "dial-attachment-canvas-panel" }, fe = {
+var fe = { panel: "dial-attachment-canvas-panel" }, pe = {
 	container: "_container_1nhig_1",
 	containerLight: "_containerLight_1nhig_5"
-}, pe = {
-	[l.Dark]: _,
-	[l.Light]: _
-}, G = () => j(async () => {
+}, G = {
+	[l.Dark]: v,
+	[l.Light]: v
+}, me = () => M(async () => {
 	let { Prism: e } = await import("react-syntax-highlighter");
 	return { default: e };
-}), me = M(({ content: e, codeBlockTheme: t = l.Light, labels: n }) => {
-	let { text: r, language: i } = e, a = i == null || i === "plaintext", o = pe[t], c = t === l.Light, [u, d] = R(0), f = I(G, [u]), p = N(() => {
-		d((e) => e + 1);
-	}, []), m = /* @__PURE__ */ V("pre", {
+}), he = N(({ content: e, codeBlockTheme: t = l.Light, labels: n }) => {
+	let { text: r, language: i } = e, a = I(() => g(r), [r]), o = i == null || i === "plaintext" || !a, c = G[t], u = t === l.Light, [d, f] = R(0), p = I(me, [d]), m = P(() => {
+		f((e) => e + 1);
+	}, []), h = /* @__PURE__ */ V("pre", {
 		className: "whitespace-pre-wrap break-words p-4",
 		children: r
 	});
 	return /* @__PURE__ */ V("div", {
 		dir: "ltr",
-		className: g("h-full overflow-auto", fe.container, c && fe.containerLight),
-		children: a ? m : /* @__PURE__ */ V(s, {
-			retryKey: u,
-			onRetry: p,
-			pendingContent: m,
-			errorContent: m,
+		className: _("h-full overflow-auto", pe.container, u && pe.containerLight),
+		children: o ? h : /* @__PURE__ */ V(s, {
+			retryKey: d,
+			onRetry: m,
+			pendingContent: h,
+			errorContent: h,
 			labels: n,
-			children: /* @__PURE__ */ V(f, {
+			children: /* @__PURE__ */ V(p, {
 				language: i,
-				style: o,
+				style: c,
 				customStyle: {
 					margin: 0,
 					borderRadius: 0,
@@ -54,24 +54,24 @@ var de = { panel: "dial-attachment-canvas-panel" }, fe = {
 			})
 		})
 	});
-}), he = { openInNewTabButton: "_openInNewTabButton_c1arc_1" }, ge = 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] = R(!0), [d, f] = R(!1), [p, m] = R(void 0), [h, _] = R(!1), [v, y] = R(!1), b = L(null);
+}), ge = { openInNewTabButton: "_openInNewTabButton_c1arc_1" }, _e = 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, m] = R(void 0), [h, g] = R(!1), [v, y] = R(!1), b = L(null);
 	F(() => {
-		u(!0), f(!1), m(void 0), _(!1), y(!1);
+		u(!0), f(!1), m(void 0), g(!1), y(!1);
 	}, [e]);
 	let x = L(n);
 	x.current !== n && (x.current = n, n && v && y(!1)), F(() => {
 		if (!n || e.srcdoc != null || e.resolveSourceText == null || p != null) return;
 		let t = !1, r = e.resolveSourceText;
 		return (async () => {
-			_(!0);
+			g(!0);
 			try {
 				let e = await r();
 				t || m(e);
 			} catch {
 				t || y(!0);
 			} finally {
-				t || _(!1);
+				t || g(!1);
 			}
 		})(), () => {
 			t = !0;
@@ -81,19 +81,19 @@ var de = { panel: "dial-attachment-canvas-panel" }, fe = {
 		e,
 		p
 	]);
-	let S = e.isSameOriginUrl === !0 && e.url != null, C = !S && e.srcdoc != null, w = N((e) => {
+	let S = e.isSameOriginUrl === !0 && e.url != null, C = !S && e.srcdoc != null, w = P((e) => {
 		if (u(!1), !(C || S)) try {
 			b.current?.contentDocument ?? f(!0);
 		} catch {
 			f(!0);
 		}
-	}, [C, S]), D = N(() => {
+	}, [C, S]), T = P(() => {
 		u(!1), f(!0);
-	}, []), O = e.srcdoc ?? p, k = e.srcdoc != null || e.resolveSourceText != null, ee = e.srcdoc == null && e.resolveSourceText != null && p == null && !v;
-	if (n && k && (O != null || h || ee)) return O == null ? /* @__PURE__ */ V("div", {
+	}, []), O = e.srcdoc ?? p, k = e.srcdoc != null || e.resolveSourceText != null, A = e.srcdoc == null && e.resolveSourceText != null && p == null && !v;
+	if (n && k && (O != null || h || A)) return O == null ? /* @__PURE__ */ V("div", {
 		className: "flex h-full items-center justify-center",
-		children: /* @__PURE__ */ V(E, {})
-	}) : /* @__PURE__ */ V(me, {
+		children: /* @__PURE__ */ V(D, {})
+	}) : /* @__PURE__ */ V(he, {
 		content: {
 			type: i.Code,
 			text: O,
@@ -106,35 +106,35 @@ var de = { panel: "dial-attachment-canvas-panel" }, fe = {
 		children: [/* @__PURE__ */ V("p", {
 			className: "text-center",
 			children: s
-		}), e.url != null && /* @__PURE__ */ V(T, {
+		}), e.url != null && /* @__PURE__ */ V(E, {
 			href: e.url,
 			target: "_blank",
 			label: c,
-			className: he.openInNewTabButton,
+			className: ge.openInNewTabButton,
 			textClassName: o
 		})]
 	});
-	let A = C ? void 0 : e.url, te = C ? e.srcdoc : void 0;
+	let ee = C ? void 0 : e.url, te = C ? e.srcdoc : void 0;
 	return /* @__PURE__ */ H("div", {
 		className: "relative h-full",
 		children: [l && /* @__PURE__ */ V("div", {
 			className: "absolute inset-0 flex items-center justify-center",
-			children: /* @__PURE__ */ V(E, {})
+			children: /* @__PURE__ */ V(D, {})
 		}), /* @__PURE__ */ V("iframe", {
 			ref: b,
 			title: r,
-			src: A,
+			src: ee,
 			srcDoc: te,
 			sandbox: C || S ? "allow-scripts" : "allow-scripts allow-same-origin",
-			className: g("h-full w-full border-none", l ? "invisible" : ""),
+			className: _("h-full w-full border-none", l ? "invisible" : ""),
 			onLoad: w,
-			onError: D
+			onError: T
 		})]
 	});
-}), _e = {
+}), ve = {
 	name: "MCP-UI Host",
 	version: "1.0.0"
-}, ve = { openLinks: {} }, ye = (e) => {
+}, ye = { openLinks: {} }, be = (e) => {
 	let t;
 	try {
 		t = new URL(e);
@@ -148,14 +148,14 @@ var de = { panel: "dial-attachment-canvas-panel" }, fe = {
 		return !1;
 	}
 	return !0;
-}, be = (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`));
-}, xe = (e, t, n) => {
+}, Se = (e, t, n) => {
 	let r = L(e);
 	F(() => {
 		r.current = e;
@@ -171,15 +171,15 @@ var de = { panel: "dial-attachment-canvas-panel" }, fe = {
 					height: Math.round(n.height)
 				}
 			} : r.current.hostContext;
-			e = new U(null, r.current.hostInfo ?? _e, ve, { hostContext: i }), e.onopenlink = async ({ url: e }) => {
+			e = new U(null, r.current.hostInfo ?? ve, ye, { hostContext: i }), e.onopenlink = async ({ url: e }) => {
 				let t = r.current.onOpenLink;
-				return (t == null ? ye(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(ce, ({ 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 && be(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);
@@ -200,30 +200,30 @@ var de = { panel: "dial-attachment-canvas-panel" }, fe = {
 	statusLabel: "_statusLabel_iea4a_33",
 	statusDetail: "_statusDetail_iea4a_38",
 	errorIcon: "_errorIcon_iea4a_42"
-}, Se = ({ content: e, errorLabel: t = "Failed to load app", onAppInfo: n }) => {
-	let [r, i] = R("loading"), [a, o] = R(), { html: s, sandboxUrl: c, toolInput: l, toolResult: u, hostContext: d } = e, f = I(() => ({ url: new URL(c) }), [c]), p = d?.displayMode === "fullscreen", m = L(null), [h, _] = R();
+}, Ce = ({ content: e, errorLabel: t = "Failed to load app", onAppInfo: n }) => {
+	let [r, i] = R("loading"), [a, o] = R(), { html: s, sandboxUrl: c, toolInput: l, toolResult: u, hostContext: d } = e, f = I(() => ({ url: new URL(c) }), [c]), p = d?.displayMode === "fullscreen", m = L(null), [h, g] = R();
 	F(() => {
 		let e = m.current;
 		if (!e) return;
 		let t = new ResizeObserver(([e]) => {
 			if (!e) return;
 			let { width: t, height: n } = e.contentRect;
-			_({
+			g({
 				width: Math.round(t),
 				height: Math.round(n)
 			});
 		});
 		return t.observe(e), () => t.disconnect();
 	}, []);
-	let { appBridge: v, hasFailed: y } = xe(e, m, I(() => d == null || h == null ? d : {
+	let { appBridge: v, hasFailed: y } = Se(e, m, I(() => d == null || h == null ? d : {
 		...d,
 		containerDimensions: h
 	}, [d, h])), b = y || r === "error";
 	return /* @__PURE__ */ H("div", {
 		ref: m,
-		className: g("relative h-full min-h-[200px] w-full", p && K.fullscreenFrame, !p && r === "loading" && K.loadingFrame),
+		className: _("relative h-full min-h-[200px] w-full", p && K.fullscreenFrame, !p && r === "loading" && K.loadingFrame),
 		children: [
-			v != null && !b && /* @__PURE__ */ V(W, {
+			v != null && !b && /* @__PURE__ */ V(le, {
 				html: s,
 				sandbox: f,
 				appBridge: v,
@@ -238,19 +238,19 @@ var de = { panel: "dial-attachment-canvas-panel" }, fe = {
 				}
 			}),
 			!b && r === "loading" && /* @__PURE__ */ V("div", {
-				className: g("absolute inset-0 flex flex-col items-center justify-center gap-2", K.loadingOverlay),
-				children: /* @__PURE__ */ V(E, {})
+				className: _("absolute inset-0 flex flex-col items-center justify-center gap-2", K.loadingOverlay),
+				children: /* @__PURE__ */ V(D, {})
 			}),
 			b && /* @__PURE__ */ H("div", {
 				className: "absolute inset-0 flex flex-col items-center justify-center gap-2 p-4",
-				children: [/* @__PURE__ */ V(D, {
+				children: [/* @__PURE__ */ V(O, {
 					size: 60,
-					stroke: S,
+					stroke: C,
 					"aria-hidden": !0,
 					className: K.errorIcon
 				}), /* @__PURE__ */ H("p", {
 					role: "alert",
-					className: g("text-center", K.statusLabel),
+					className: _("text-center", K.statusLabel),
 					children: [t, a && /* @__PURE__ */ H(B, { children: [/* @__PURE__ */ V("br", {}), /* @__PURE__ */ V("span", {
 						className: K.statusDetail,
 						children: a
@@ -267,13 +267,13 @@ var de = { panel: "dial-attachment-canvas-panel" }, fe = {
 	statusOverlay: "_statusOverlay_1w97n_24",
 	errorIcon: "_errorIcon_1w97n_29",
 	highlight: "_highlight_1w97n_37"
-}, Ce = (e) => {
+}, 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}`;
-}, we = 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("@silurus/ooxml/docx"), import("@silurus/ooxml/chart-ex")]);
@@ -319,7 +319,7 @@ var de = { panel: "dial-attachment-canvas-panel" }, fe = {
 			});
 		}
 	}
-}, Te = 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: {
@@ -328,7 +328,7 @@ var de = { panel: "dial-attachment-canvas-panel" }, fe = {
 				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 Ee();
+			if (i()) throw l.destroy(), new De();
 			let u = r.fromDocument(e, l, {
 				enableTextSelection: !0,
 				refitOnResize: !0,
@@ -348,7 +348,7 @@ var de = { panel: "dial-attachment-canvas-panel" }, fe = {
 				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 Ee();
+			if (i()) throw l.destroy(), new De();
 			let u = r.fromPresentation(e, l, {
 				enableTextSelection: !0,
 				refitOnResize: !0,
@@ -382,13 +382,13 @@ var de = { panel: "dial-attachment-canvas-panel" }, fe = {
 			};
 		}
 		case r.Csv: {
-			let r = await we(e, t.format, n);
+			let r = await Te(e, t.format, n);
 			return await r.load(t.url), { viewer: r };
 		}
 	}
-}, Ee = class extends Error {}, De = ({ 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;
+}, 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 = L(null), [u, d] = R(!0), [f, p] = R(!1), [m, h] = R(""), [g, v] = R([]), [y, b] = R(!1), { highlights: x, selectedHighlightId: S } = t, w = x != null && x.length > 0, T = L(void 0), E = L(x);
+	E.current = x;
 	let k = L(void 0);
 	return F(() => {
 		let e = l.current;
@@ -400,7 +400,7 @@ var de = { panel: "dial-attachment-canvas-panel" }, fe = {
 				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);
@@ -412,7 +412,7 @@ var de = { panel: "dial-attachment-canvas-panel" }, fe = {
 				i || (d(!1), p(!0));
 			},
 			onXlsxSelectionContextChange: (e) => {
-				i || h(Ce(e));
+				i || h(we(e));
 			},
 			onGeometryInvalidated: s
 		}, f = () => {
@@ -423,14 +423,14 @@ var de = { panel: "dial-attachment-canvas-panel" }, fe = {
 		return e.addEventListener("scroll", s, !0), k.current = s, (async () => {
 			try {
 				if (w) {
-					let r = await Te(e, t, u, o);
+					let r = await Ee(e, t, u, o);
 					if (i) {
 						r.viewer.destroy(), r.engine?.destroy();
 						return;
 					}
 					n = r, T.current = r.highlights, f();
 				} else {
-					let r = await we(e, t.format, u);
+					let r = await Te(e, t.format, u);
 					if (i) {
 						r.destroy();
 						return;
@@ -441,7 +441,7 @@ var de = { panel: "dial-attachment-canvas-panel" }, fe = {
 				if (i) return;
 				d(!1), await c();
 			} catch (t) {
-				if (t instanceof Ee || i) return;
+				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);
 			}
 		})(), () => {
@@ -457,7 +457,7 @@ var de = { panel: "dial-attachment-canvas-panel" }, fe = {
 		b(!1);
 		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 () => {
@@ -471,22 +471,22 @@ var de = { panel: "dial-attachment-canvas-panel" }, fe = {
 		})(), () => {
 			r = !0;
 		};
-	}, [C, u]), /* @__PURE__ */ H("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__ */ 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", q.formulaPanel),
+				className: _("flex min-w-0 shrink-0 items-center gap-2 border-b px-3 py-2", q.formulaPanel),
 				children: [/* @__PURE__ */ V("span", {
 					"aria-hidden": "true",
-					className: g("shrink-0", o),
+					className: _("shrink-0", o),
 					children: "fx"
 				}), /* @__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", q.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", q.formulaValue),
 					children: m
 				})]
 			}),
@@ -497,12 +497,12 @@ var de = { panel: "dial-attachment-canvas-panel" }, fe = {
 					role: "document",
 					"aria-label": n,
 					"aria-busy": u,
-					className: g("h-full w-full overflow-hidden", q.viewer)
-				}), _.length > 0 && /* @__PURE__ */ V("div", {
+					className: _("h-full w-full overflow-hidden", q.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__ */ V("div", {
+					children: g.map((e, t) => /* @__PURE__ */ V("div", {
 						"aria-hidden": "true",
 						style: {
 							left: `${e.left}px`,
@@ -510,9 +510,9 @@ var de = { panel: "dial-attachment-canvas-panel" }, fe = {
 							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", q.highlight)
+						className: _("absolute", q.highlight)
 					}, `${e.highlightId}-${t}`))
 				})]
 			}),
@@ -525,13 +525,13 @@ var de = { panel: "dial-attachment-canvas-panel" }, fe = {
 			(u || f) && /* @__PURE__ */ V("div", {
 				role: f ? "alert" : void 0,
 				"aria-live": "polite",
-				className: g("absolute inset-0 flex items-center justify-center", q.statusOverlay),
-				children: u ? /* @__PURE__ */ V(E, { size: 48 }) : /* @__PURE__ */ H("div", {
+				className: _("absolute inset-0 flex items-center justify-center", q.statusOverlay),
+				children: u ? /* @__PURE__ */ V(D, { size: 48 }) : /* @__PURE__ */ H("div", {
 					className: "flex flex-col items-center gap-2",
-					children: [/* @__PURE__ */ V(D, {
+					children: [/* @__PURE__ */ V(O, {
 						"aria-hidden": "true",
 						size: 60,
-						stroke: S,
+						stroke: C,
 						className: q.errorIcon
 					}), /* @__PURE__ */ V("p", {
 						className: "text-center",
@@ -541,17 +541,17 @@ var de = { panel: "dial-attachment-canvas-panel" }, fe = {
 			})
 		]
 	});
-}, Oe = {
+}, ke = {
 	loadingOverlay: "_loadingOverlay_12637_1",
 	statusLabel: "_statusLabel_12637_5",
 	errorIcon: "_errorIcon_12637_9"
-}, ke = ({ content: e, loadingLabel: t, errorLabel: n = "Failed to load visualizer", frameTitle: r, colors: a }) => {
+}, Ae = ({ 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");
-		let t = new ue(e, {
+		let t = new de(e, {
 			domain: l,
 			hostDomain: window.location.origin,
 			visualizerName: u,
@@ -560,7 +560,7 @@ var de = { panel: "dial-attachment-canvas-panel" }, fe = {
 		return (async () => {
 			if (await t.ready(), !n) return;
 			let e = f.current;
-			if (e.type === i.GroupedVisualizer) await t.send(le.sendGroupedVisualizeData, {
+			if (e.type === i.GroupedVisualizer) await t.send(W.sendGroupedVisualizeData, {
 				attachments: e.attachments,
 				layout: e.layout
 			});
@@ -569,7 +569,7 @@ var de = { panel: "dial-attachment-canvas-panel" }, fe = {
 					layout: r,
 					...typeof i == "object" && i ? i : {}
 				};
-				await t.send(le.sendVisualizeData, {
+				await t.send(W.sendVisualizeData, {
 					mimeType: n,
 					visualizerData: a
 				});
@@ -605,22 +605,22 @@ var de = { panel: "dial-attachment-canvas-panel" }, fe = {
 				className: "h-full w-full"
 			}),
 			s === "loading" && /* @__PURE__ */ H("div", {
-				className: g("absolute inset-0 flex flex-col items-center justify-center gap-2", Oe.loadingOverlay),
-				children: [/* @__PURE__ */ V(E, {}), t && /* @__PURE__ */ V("p", {
-					className: g("text-center", Oe.statusLabel),
+				className: _("absolute inset-0 flex flex-col items-center justify-center gap-2", ke.loadingOverlay),
+				children: [/* @__PURE__ */ V(D, {}), t && /* @__PURE__ */ V("p", {
+					className: _("text-center", ke.statusLabel),
 					children: t
 				})]
 			}),
 			s === "error" && /* @__PURE__ */ H("div", {
 				className: "absolute inset-0 flex flex-col items-center justify-center gap-2",
-				children: [/* @__PURE__ */ V(D, {
+				children: [/* @__PURE__ */ V(O, {
 					size: 60,
-					stroke: S,
+					stroke: C,
 					"aria-hidden": !0,
-					className: Oe.errorIcon
+					className: ke.errorIcon
 				}), /* @__PURE__ */ V("p", {
 					role: "alert",
-					className: g("text-center", Oe.statusLabel),
+					className: _("text-center", ke.statusLabel),
 					children: n
 				})]
 			})
@@ -641,18 +641,18 @@ var de = { panel: "dial-attachment-canvas-panel" }, fe = {
 	jsonExpandIcon: "_jsonExpandIcon_13ogb_54",
 	jsonCollapseIcon: "_jsonCollapseIcon_13ogb_67",
 	jsonCollapsedContent: "_jsonCollapsedContent_13ogb_84"
-}, Ae = () => j(async () => ({ default: (await import("./PdfContent-BoAtghsO.js")).PdfContent })), je = ({ url: e, fileName: t, loadErrorLabel: n }) => {
+}, je = () => M(async () => ({ default: (await import("./PdfContent-BoAtghsO.js")).PdfContent })), Me = ({ url: e, fileName: t, loadErrorLabel: n }) => {
 	let [r, i] = R(!1);
 	return F(() => {
 		i(!1);
 	}, [e]), r ? /* @__PURE__ */ H("div", {
 		className: "flex flex-col items-center gap-2",
-		children: [/* @__PURE__ */ V(D, {
+		children: [/* @__PURE__ */ V(O, {
 			size: 60,
-			stroke: S,
+			stroke: C,
 			className: J.errorIcon
 		}), /* @__PURE__ */ V("p", {
-			className: g("text-center", J.statusLabel),
+			className: _("text-center", J.statusLabel),
 			children: n
 		})]
 	}) : /* @__PURE__ */ V("img", {
@@ -661,46 +661,46 @@ var de = { panel: "dial-attachment-canvas-panel" }, fe = {
 		className: "max-h-full max-w-full object-contain",
 		onError: () => i(!0)
 	});
-}, Me = new Set([
+}, Ne = new Set([
 	i.PlainText,
 	i.Code,
 	i.Ooxml
-]), Ne = 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: A, tableCopiedLabel: te, tableDownloadCsvLabel: ne, ooxmlHighlightsLabel: ie, ooxmlHighlightNavigatedLabel: ae } = {}, styles: oe, codeBlockTheme: j, tableDownloadFilename: M, loadPdf: P, hidePdfToolbar: F = !1, configurePdfWorker: L, onAppInfo: B }) => {
-	let { colors: U, typography: W, bodyClassName: ce, cssVars: le } = oe ?? {}, [ue, de] = R(0), fe = I(Ae, [ue]), pe = N(() => {
+]), Pe = 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: g, pdfShowThumbnailsLabel: v, pdfHideThumbnailsLabel: y, pdfPageNumberLabel: b, pdfContentLoadingLabel: x, pdfContentErrorLabel: S, pdfContentRetryLabel: w, xlsxFormulaLabel: T = "Formula", codeContentLoadingLabel: E, codeContentErrorLabel: k, codeContentRetryLabel: A, tableCopyLabel: ee, tableCopiedLabel: te, tableDownloadCsvLabel: ne, ooxmlHighlightsLabel: re, ooxmlHighlightNavigatedLabel: ae } = {}, styles: oe, codeBlockTheme: j, tableDownloadFilename: M, loadPdf: N, hidePdfToolbar: se = !1, configurePdfWorker: F, onAppInfo: L }) => {
+	let { colors: B, typography: U, bodyClassName: le, cssVars: ue } = oe ?? {}, [W, de] = R(0), fe = I(je, [W]), pe = P(() => {
 		de((e) => e + 1);
-	}, []), G = W?.fontClassName != null, he = I(() => ({
+	}, []), G = U?.fontClassName != null, me = I(() => ({
 		...m({
-			"--ac-text": U?.text,
-			"--ac-status-text": U?.statusText,
-			"--ac-error-icon": U?.errorIcon,
-			"--ac-open-in-new-tab-text": U?.openInNewTabText,
-			"--ac-json-border": U?.jsonBorder,
-			"--ac-json-bg": U?.jsonBackground,
-			"--ac-json-label": U?.jsonLabel,
-			"--ac-json-clickable-label": U?.jsonClickableLabel,
-			"--ac-json-punctuation": U?.jsonPunctuation,
-			"--ac-json-string": U?.jsonString,
-			"--ac-json-number": U?.jsonNumber,
-			"--ac-json-boolean": U?.jsonBoolean,
-			"--ac-json-null": U?.jsonNull,
-			"--ac-json-toggle-icon": U?.jsonToggleIcon,
-			"--ac-json-toggle-icon-hover": U?.jsonToggleIconHover,
-			"--ac-ooxml-bg": U?.ooxmlBackground,
-			"--ac-ooxml-formula-border": U?.ooxmlFormulaBorder,
-			"--ac-ooxml-formula-bg": U?.ooxmlFormulaBackground,
-			"--ac-ooxml-formula-text": U?.ooxmlFormulaText,
-			"--ac-ooxml-highlight-border": U?.ooxmlHighlightBorder,
-			"--ac-ooxml-highlight-bg": U?.ooxmlHighlightBackground,
-			"--ac-json-collapsed-text": U?.jsonCollapsedText,
-			"--ac-json-collapsed-bg": U?.jsonCollapsedBackground,
-			"--ac-font-family": G ? void 0 : W?.fontFamily,
-			"--ac-font-size": G ? void 0 : W?.fontSize,
-			"--ac-font-weight": G ? void 0 : W?.fontWeight,
-			"--ac-line-height": G ? void 0 : W?.lineHeight,
-			"--ac-letter-spacing": G ? void 0 : W?.letterSpacing
+			"--ac-text": B?.text,
+			"--ac-status-text": B?.statusText,
+			"--ac-error-icon": B?.errorIcon,
+			"--ac-open-in-new-tab-text": B?.openInNewTabText,
+			"--ac-json-border": B?.jsonBorder,
+			"--ac-json-bg": B?.jsonBackground,
+			"--ac-json-label": B?.jsonLabel,
+			"--ac-json-clickable-label": B?.jsonClickableLabel,
+			"--ac-json-punctuation": B?.jsonPunctuation,
+			"--ac-json-string": B?.jsonString,
+			"--ac-json-number": B?.jsonNumber,
+			"--ac-json-boolean": B?.jsonBoolean,
+			"--ac-json-null": B?.jsonNull,
+			"--ac-json-toggle-icon": B?.jsonToggleIcon,
+			"--ac-json-toggle-icon-hover": B?.jsonToggleIconHover,
+			"--ac-ooxml-bg": B?.ooxmlBackground,
+			"--ac-ooxml-formula-border": B?.ooxmlFormulaBorder,
+			"--ac-ooxml-formula-bg": B?.ooxmlFormulaBackground,
+			"--ac-ooxml-formula-text": B?.ooxmlFormulaText,
+			"--ac-ooxml-highlight-border": B?.ooxmlHighlightBorder,
+			"--ac-ooxml-highlight-bg": B?.ooxmlHighlightBackground,
+			"--ac-json-collapsed-text": B?.jsonCollapsedText,
+			"--ac-json-collapsed-bg": B?.jsonCollapsedBackground,
+			"--ac-font-family": G ? void 0 : U?.fontFamily,
+			"--ac-font-size": G ? void 0 : U?.fontSize,
+			"--ac-font-weight": G ? void 0 : U?.fontWeight,
+			"--ac-line-height": G ? void 0 : U?.lineHeight,
+			"--ac-letter-spacing": G ? void 0 : U?.letterSpacing
 		}),
-		...le
-	}), [oe]), _e = I(() => {
+		...ue
+	}), [oe]), ge = I(() => {
 		switch (e.type) {
 			case i.Image:
 			case i.Audio:
@@ -721,10 +721,10 @@ var de = { panel: "dial-attachment-canvas-panel" }, fe = {
 	}, [e.type]), ve = I(() => {
 		switch (e.type) {
 			case i.PlainText: return /* @__PURE__ */ V("pre", {
-				className: g("whitespace-pre-wrap break-words", J.body, W?.fontClassName),
+				className: _("whitespace-pre-wrap break-words", J.body, U?.fontClassName),
 				children: e.text
 			});
-			case i.Image: return /* @__PURE__ */ V(je, {
+			case i.Image: return /* @__PURE__ */ V(Me, {
 				url: e.url,
 				fileName: r,
 				loadErrorLabel: c
@@ -757,7 +757,7 @@ var de = { panel: "dial-attachment-canvas-panel" }, fe = {
 					tableScrollContainer: "max-h-full"
 				},
 				tableActionLabels: {
-					copyLabel: A,
+					copyLabel: ee,
 					copiedLabel: te,
 					downloadCsvLabel: ne
 				},
@@ -767,39 +767,39 @@ var de = { panel: "dial-attachment-canvas-panel" }, fe = {
 				dir: "ltr",
 				className: "h-full overflow-auto",
 				children: /* @__PURE__ */ V("div", {
-					className: g("m-3 overflow-auto rounded-md border", J.jsonWrapper),
-					children: /* @__PURE__ */ V(se, {
+					className: _("m-3 overflow-auto rounded-md border", J.jsonWrapper),
+					children: /* @__PURE__ */ V(z, {
 						data: e.value,
 						style: {
-							container: g("whitespace-pre-wrap break-words p-2", W?.jsonClassName ?? "dial-code-text"),
-							basicChildStyle: z.basicChildStyle,
+							container: _("whitespace-pre-wrap break-words p-2", U?.jsonClassName ?? "dial-code-text"),
+							basicChildStyle: ce.basicChildStyle,
 							childFieldsContainer: "m-0 ps-3",
-							label: g("me-1 font-semibold", J.jsonLabel),
-							clickableLabel: g("me-1 cursor-pointer font-semibold hover:underline", J.jsonClickableLabel),
-							nullValue: g("italic", J.jsonNullValue),
-							undefinedValue: g("italic", J.jsonNullValue),
+							label: _("me-1 font-semibold", J.jsonLabel),
+							clickableLabel: _("me-1 cursor-pointer font-semibold hover:underline", J.jsonClickableLabel),
+							nullValue: _("italic", J.jsonNullValue),
+							undefinedValue: _("italic", J.jsonNullValue),
 							stringValue: J.jsonStringValue,
 							booleanValue: J.jsonBooleanValue,
 							numberValue: J.jsonNumberValue,
-							otherValue: g("italic", J.jsonNullValue),
-							punctuation: g("me-1", J.jsonPunctuation),
-							collapseIcon: g("me-1 cursor-pointer select-none transition-colors", J.jsonCollapseIcon),
-							expandIcon: g("me-1 cursor-pointer select-none transition-colors", J.jsonExpandIcon),
-							collapsedContent: g("me-1 cursor-pointer rounded px-1", J.jsonCollapsedContent)
+							otherValue: _("italic", J.jsonNullValue),
+							punctuation: _("me-1", J.jsonPunctuation),
+							collapseIcon: _("me-1 cursor-pointer select-none transition-colors", J.jsonCollapseIcon),
+							expandIcon: _("me-1 cursor-pointer select-none transition-colors", J.jsonExpandIcon),
+							collapsedContent: _("me-1 cursor-pointer rounded px-1", J.jsonCollapsedContent)
 						}
 					})
 				})
 			});
-			case i.Code: return /* @__PURE__ */ V(me, {
+			case i.Code: return /* @__PURE__ */ V(he, {
 				content: e,
 				codeBlockTheme: j,
 				labels: {
-					loadingLabel: O,
+					loadingLabel: E,
 					errorLabel: k,
-					retryLabel: ee
+					retryLabel: A
 				}
 			});
-			case i.Html: return /* @__PURE__ */ V(ge, {
+			case i.Html: return /* @__PURE__ */ V(_e, {
 				content: e,
 				labels: {
 					htmlFrameBlockedLabel: f,
@@ -810,11 +810,11 @@ var de = { panel: "dial-attachment-canvas-panel" }, fe = {
 				codeBlockTheme: j
 			});
 			case i.Pdf: return /* @__PURE__ */ V(s, {
-				retryKey: ue,
+				retryKey: W,
 				onRetry: pe,
 				labels: {
 					loadingLabel: x,
-					errorLabel: C,
+					errorLabel: S,
 					retryLabel: w
 				},
 				children: /* @__PURE__ */ V(fe, {
@@ -823,52 +823,52 @@ var de = { panel: "dial-attachment-canvas-panel" }, fe = {
 					highlights: e.highlights ?? [],
 					selectedHighlightId: e.selectedHighlightId,
 					selectedPageNumber: e.page,
-					loadPdf: P,
-					hideHeader: F,
-					configurePdfWorker: L,
+					loadPdf: N,
+					hideHeader: se,
+					configurePdfWorker: F,
 					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__ */ V(De, {
+			case i.Ooxml: return /* @__PURE__ */ V(Oe, {
 				content: e,
 				fileName: r,
 				loadErrorLabel: c,
 				formulaLabel: T,
-				formulaLabelClassName: W?.xlsxFormulaLabelClassName ?? "dial-italic-text",
-				highlightsLabel: ie,
+				formulaLabelClassName: U?.xlsxFormulaLabelClassName ?? "dial-italic-text",
+				highlightsLabel: re,
 				highlightNavigatedLabel: ae
 			});
 			case i.Visualizer:
-			case i.GroupedVisualizer: return /* @__PURE__ */ V(ke, {
+			case i.GroupedVisualizer: return /* @__PURE__ */ V(Ae, {
 				content: e,
 				errorLabel: d
 			});
-			case i.McpApp: return /* @__PURE__ */ V(Se, {
+			case i.McpApp: return /* @__PURE__ */ V(Ce, {
 				content: e,
-				onAppInfo: B
+				onAppInfo: L
 			});
 			case i.Unsupported: return /* @__PURE__ */ V("p", {
-				className: g("text-center", J.statusLabel),
+				className: _("text-center", J.statusLabel),
 				children: o
 			});
 			case i.Error: {
 				let t = e.errorType === n.Forbidden;
 				return /* @__PURE__ */ H("div", {
 					className: "flex flex-col items-center gap-2",
-					children: [V(t ? re : D, {
+					children: [V(t ? ie : O, {
 						size: 60,
-						stroke: S,
+						stroke: C,
 						className: J.errorIcon
 					}), /* @__PURE__ */ V("p", {
-						className: g("text-center", J.statusLabel),
+						className: _("text-center", J.statusLabel),
 						children: t ? l : c
 					})]
 				});
@@ -876,9 +876,9 @@ var de = { panel: "dial-attachment-canvas-panel" }, fe = {
 		}
 	}, [
 		e,
-		W?.fontClassName,
-		W?.jsonClassName,
-		W?.xlsxFormulaLabelClassName,
+		U?.fontClassName,
+		U?.jsonClassName,
+		U?.xlsxFormulaLabelClassName,
 		r,
 		j,
 		o,
@@ -889,76 +889,76 @@ var de = { panel: "dial-attachment-canvas-panel" }, fe = {
 		h,
 		a,
 		M,
-		P,
+		N,
+		se,
 		F,
 		L,
-		B,
-		_,
+		g,
 		v,
 		y,
 		b,
 		x,
-		C,
+		S,
 		w,
 		T,
-		O,
+		E,
 		k,
-		ee,
+		A,
 		fe,
-		ue,
+		W,
 		pe,
-		A,
+		ee,
 		te,
 		ne,
-		ie,
+		re,
 		ae
 	]);
 	return /* @__PURE__ */ V("div", {
-		style: !t && Me.has(e.type) ? he : void 0,
-		className: g(t ? "flex h-full items-center justify-center" : _e, ce),
-		children: t ? /* @__PURE__ */ V(E, {}) : ve
+		style: !t && Ne.has(e.type) ? me : void 0,
+		className: _(t ? "flex h-full items-center justify-center" : ge, le),
+		children: t ? /* @__PURE__ */ V(D, {}) : ve
 	});
-}), Pe = {
+}), Fe = {
 	mcpAppDivider: "_mcpAppDivider_1jh5p_1",
 	mcpAppVersion: "_mcpAppVersion_1jh5p_5"
-}, Fe = 2e3, Ie = M(({ isOpen: e, isLoading: t = !1, onClose: n, content: r, fileName: a, leftActions: s, labels: { ariaLabel: c, closeLabel: l = "Close", resizeLabel: u = "Resize panel", downloadLabel: d = "Download", copyTextLabel: f = "Copy text", copiedTextLabel: p = "Copied!", copyMarkdownLabel: h = "Copy as Markdown", copiedMarkdownLabel: _ = "Copied!", copyJsonLabel: v = "Copy as JSON", copiedJsonLabel: C = "Copied!", visualizerErrorLabel: T, 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: re = "This page cannot be displayed in preview", htmlOpenInNewTabLabel: oe = "Open in new tab", htmlViewSourceLabel: j = "View source", htmlViewRenderedLabel: M = "View rendered", mcpAppReloadLabel: P = "Reload", pdfThumbnailsLabel: se, pdfShowThumbnailsLabel: z, pdfHideThumbnailsLabel: U, pdfPageNumberLabel: W, pdfContentLoadingLabel: ce, pdfContentErrorLabel: le, pdfContentRetryLabel: ue, xlsxFormulaLabel: fe, codeContentLoadingLabel: pe, codeContentErrorLabel: G, codeContentRetryLabel: me, tableCopyLabel: he, tableCopiedLabel: ge, tableDownloadCsvLabel: _e, ooxmlHighlightsLabel: ve, ooxmlHighlightNavigatedLabel: ye }, onDownload: be, onCopyText: xe, onCopyMarkdown: K, onCopyJson: Se, tableDownloadFilename: q, isMobile: Ce = !1, defaultWidth: we, minWidth: Te = 600, maxWidth: Ee = 1500, onResizeStop: De, styles: Oe, codeBlockTheme: ke, loadPdf: J, configurePdfWorker: Ae }) => {
-	let [je, Me] = R(!1), [Ie, Le] = R(!1), [Y, Re] = R(!1), [X, ze] = R(!1), [Be, Z] = R(void 0), Ve = L(null), He = L(null), Q = L(null), Ue = N(() => {
-		xe?.(), Ve.current != null && clearTimeout(Ve.current), Me(!0), Ve.current = setTimeout(() => Me(!1), Fe);
-	}, [xe]), We = N(() => {
-		K?.(), He.current != null && clearTimeout(He.current), Le(!0), He.current = setTimeout(() => Le(!1), Fe);
-	}, [K]), Ge = N(() => {
-		Se?.(), Q.current != null && clearTimeout(Q.current), Re(!0), Q.current = setTimeout(() => Re(!1), Fe);
-	}, [Se]);
+}, Ie = 2e3, Le = N(({ 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: ie = "Open in new tab", htmlViewSourceLabel: j = "View source", htmlViewRenderedLabel: M = "View rendered", mcpAppReloadLabel: N = "Reload", pdfThumbnailsLabel: se, pdfShowThumbnailsLabel: z, pdfHideThumbnailsLabel: ce, pdfPageNumberLabel: U, pdfContentLoadingLabel: le, pdfContentErrorLabel: ue, pdfContentRetryLabel: W, xlsxFormulaLabel: de, codeContentLoadingLabel: pe, codeContentErrorLabel: G, codeContentRetryLabel: me, tableCopyLabel: he, tableCopiedLabel: ge, tableDownloadCsvLabel: _e, ooxmlHighlightsLabel: ve, ooxmlHighlightNavigatedLabel: ye }, onDownload: be, onCopyText: xe, onCopyMarkdown: Se, onCopyJson: K, tableDownloadFilename: Ce, isMobile: q = !1, defaultWidth: we, minWidth: Te = 600, maxWidth: Ee = 1500, onResizeStop: De, styles: Oe, codeBlockTheme: ke, loadPdf: Ae, configurePdfWorker: J }) => {
+	let [je, Me] = R(!1), [Ne, Le] = R(!1), [Re, Y] = R(!1), [X, ze] = R(!1), [Be, Ve] = R(void 0), Z = L(null), He = L(null), Ue = L(null), We = P(() => {
+		xe?.(), Z.current != null && clearTimeout(Z.current), Me(!0), Z.current = setTimeout(() => Me(!1), Ie);
+	}, [xe]), Ge = P(() => {
+		Se?.(), He.current != null && clearTimeout(He.current), Le(!0), He.current = setTimeout(() => Le(!1), Ie);
+	}, [Se]), Ke = P(() => {
+		K?.(), Ue.current != null && clearTimeout(Ue.current), Y(!0), Ue.current = setTimeout(() => Y(!1), Ie);
+	}, [K]);
 	F(() => () => {
-		Ve.current != null && clearTimeout(Ve.current), He.current != null && clearTimeout(He.current), Q.current != null && clearTimeout(Q.current);
+		Z.current != null && clearTimeout(Z.current), He.current != null && clearTimeout(He.current), Ue.current != null && clearTimeout(Ue.current);
 	}, []);
-	let $ = N(() => {
+	let qe = P(() => {
 		ze((e) => !e);
 	}, []);
 	F(() => {
-		ze(!1), Z(void 0);
+		ze(!1), Ve(void 0);
 	}, [r]);
-	let { className: Ke, panelStyles: qe, ...Je } = Oe ?? {}, { colors: Ye, typography: Xe } = Je, Ze = I(() => m({
-		"--ac-mcp-app-divider": Ye?.mcpAppDividerColor,
-		"--ac-mcp-app-version": Ye?.mcpAppVersionColor
-	}), [Ye?.mcpAppDividerColor, Ye?.mcpAppVersionColor]), Qe = r.type === i.McpApp && Be != null ? /* @__PURE__ */ H("span", {
+	let { className: Q, panelStyles: Je, ...Ye } = Oe ?? {}, { colors: $, typography: Xe } = Ye, Ze = I(() => m({
+		"--ac-mcp-app-divider": $?.mcpAppDividerColor,
+		"--ac-mcp-app-version": $?.mcpAppVersionColor
+	}), [$?.mcpAppDividerColor, $?.mcpAppVersionColor]), Qe = r.type === i.McpApp && Be != null ? /* @__PURE__ */ H("span", {
 		style: Ze,
 		children: [
 			/* @__PURE__ */ V("span", { children: a }),
 			/* @__PURE__ */ V("span", {
 				"aria-hidden": !0,
-				className: g("mx-1.5 inline-block h-3 w-0 border-s align-middle", Pe.mcpAppDivider)
+				className: _("mx-1.5 inline-block h-3 w-0 border-s align-middle", Fe.mcpAppDivider)
 			}),
 			/* @__PURE__ */ V("span", { children: Be.name }),
 			Be.version && /* @__PURE__ */ V("span", {
-				className: g("ms-2", Xe?.mcpAppVersionClassName ?? "dial-caption-text", Pe.mcpAppVersion),
+				className: _("ms-2", Xe?.mcpAppVersionClassName ?? "dial-caption-text", Fe.mcpAppVersion),
 				children: Be.version
 			})
 		]
-	}) : a, $e = !t && r.type === i.Html && (r.srcdoc != null || r.resolveSourceText != null), et = !t && xe != null && (r.type === i.PlainText || r.type === i.Code), tt = !t && K != null && r.type === i.Markdown, nt = !t && Se != null && r.type === i.Json, rt = !t && be != null && o(r), it = !t && r.type === i.McpApp && r.onReload != null;
-	return /* @__PURE__ */ V(b, {
+	}) : a, $e = !t && r.type === i.Html && (r.srcdoc != null || r.resolveSourceText != null), et = !t && xe != null && (r.type === i.PlainText || r.type === i.Code), tt = !t && Se != null && r.type === i.Markdown, nt = !t && K != null && r.type === i.Json, rt = !t && be != null && o(r), it = !t && r.type === i.McpApp && r.onReload != null;
+	return /* @__PURE__ */ V(x, {
 		isOpen: e,
-		orientation: y.Right,
+		orientation: b.Right,
 		title: Qe,
 		labels: {
 			ariaLabel: c,
@@ -966,101 +966,101 @@ var de = { panel: "dial-attachment-canvas-panel" }, fe = {
 			resizeLabel: u
 		},
 		onClose: n,
-		resizable: !Ce,
+		resizable: !q,
 		defaultWidth: we,
 		minWidth: Te,
 		maxWidth: Ee,
 		onResizeStop: De,
 		styles: {
-			...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", Ke, qe?.className, de.panel)
+			...Je,
+			titleClassName: Je?.titleClassName ?? "dial-h3-text",
+			headerClassName: _("border-b border-tertiary", Je?.headerClassName),
+			className: _(e ? "mobile:w-full mobile:max-w-full" : "w-0", Q, Je?.className, fe.panel)
 		},
 		leftActions: s,
 		rightActions: $e || et || tt || nt || rt || it ? /* @__PURE__ */ H(B, { children: [
-			it && /* @__PURE__ */ V(w, {
-				icon: /* @__PURE__ */ V(ae, {
-					size: x.LG,
-					stroke: S,
+			it && /* @__PURE__ */ V(T, {
+				icon: /* @__PURE__ */ V(oe, {
+					size: S.LG,
+					stroke: C,
 					"aria-hidden": !0
 				}),
-				"aria-label": P,
-				tooltipProps: { tooltip: P },
+				"aria-label": N,
+				tooltipProps: { tooltip: N },
 				onClick: r.type === i.McpApp ? r.onReload : void 0
 			}),
-			$e && /* @__PURE__ */ V(w, {
-				icon: V(X ? ne : ee, {
-					size: x.LG,
-					stroke: S,
+			$e && /* @__PURE__ */ V(T, {
+				icon: V(X ? re : ee, {
+					size: S.LG,
+					stroke: C,
 					"aria-hidden": !0
 				}),
 				"aria-label": X ? M : j,
 				"aria-pressed": X,
 				tooltipProps: { tooltip: X ? M : j },
-				onClick: $
+				onClick: qe
 			}),
-			et && /* @__PURE__ */ V(w, {
-				icon: V(je ? k : A, {
-					size: x.LG,
-					stroke: S,
+			et && /* @__PURE__ */ V(T, {
+				icon: V(je ? A : te, {
+					size: S.LG,
+					stroke: C,
 					"aria-hidden": !0
 				}),
 				"aria-label": je ? p : f,
 				tooltipProps: { tooltip: je ? p : f },
-				onClick: Ue
+				onClick: We
 			}),
-			tt && /* @__PURE__ */ V(w, {
-				icon: V(Ie ? k : ie, {
-					size: x.LG,
-					stroke: S,
+			tt && /* @__PURE__ */ V(T, {
+				icon: V(Ne ? A : ae, {
+					size: S.LG,
+					stroke: C,
 					"aria-hidden": !0
 				}),
-				"aria-label": Ie ? _ : h,
-				tooltipProps: { tooltip: Ie ? _ : h },
-				onClick: We
+				"aria-label": Ne ? g : h,
+				tooltipProps: { tooltip: Ne ? g : h },
+				onClick: Ge
 			}),
-			nt && /* @__PURE__ */ V(w, {
-				icon: V(Y ? k : A, {
-					size: x.LG,
-					stroke: S,
+			nt && /* @__PURE__ */ V(T, {
+				icon: V(Re ? A : te, {
+					size: S.LG,
+					stroke: C,
 					"aria-hidden": !0
 				}),
-				"aria-label": Y ? C : v,
-				tooltipProps: { tooltip: Y ? C : v },
-				onClick: Ge
+				"aria-label": Re ? y : v,
+				tooltipProps: { tooltip: Re ? y : v },
+				onClick: Ke
 			}),
-			rt && /* @__PURE__ */ V(w, {
-				icon: /* @__PURE__ */ V(te, {
-					size: x.LG,
-					stroke: S
+			rt && /* @__PURE__ */ V(T, {
+				icon: /* @__PURE__ */ V(ne, {
+					size: S.LG,
+					stroke: C
 				}),
 				"aria-label": d,
 				tooltipProps: { tooltip: d },
 				onClick: be
 			})
 		] }) : null,
-		children: /* @__PURE__ */ V(Ne, {
+		children: /* @__PURE__ */ V(Pe, {
 			content: r,
 			isLoading: t,
 			fileName: a,
 			isHtmlSourceView: X,
-			onAppInfo: r.type === i.McpApp ? Z : void 0,
+			onAppInfo: r.type === i.McpApp ? Ve : void 0,
 			labels: {
 				unsupportedLabel: E,
 				loadErrorLabel: D,
 				forbiddenErrorLabel: O,
-				visualizerErrorLabel: T,
-				htmlFrameBlockedLabel: re,
-				htmlOpenInNewTabLabel: oe,
+				visualizerErrorLabel: w,
+				htmlFrameBlockedLabel: k,
+				htmlOpenInNewTabLabel: ie,
 				pdfThumbnailsLabel: se,
 				pdfShowThumbnailsLabel: z,
-				pdfHideThumbnailsLabel: U,
-				pdfPageNumberLabel: W,
-				pdfContentLoadingLabel: ce,
-				pdfContentErrorLabel: le,
-				pdfContentRetryLabel: ue,
-				xlsxFormulaLabel: fe,
+				pdfHideThumbnailsLabel: ce,
+				pdfPageNumberLabel: U,
+				pdfContentLoadingLabel: le,
+				pdfContentErrorLabel: ue,
+				pdfContentRetryLabel: W,
+				xlsxFormulaLabel: de,
 				codeContentLoadingLabel: pe,
 				codeContentErrorLabel: G,
 				codeContentRetryLabel: me,
@@ -1070,28 +1070,28 @@ var de = { panel: "dial-attachment-canvas-panel" }, fe = {
 				ooxmlHighlightsLabel: ve,
 				ooxmlHighlightNavigatedLabel: ye
 			},
-			styles: Je,
+			styles: Ye,
 			codeBlockTheme: ke,
-			tableDownloadFilename: q,
-			loadPdf: J,
-			configurePdfWorker: Ae
+			tableDownloadFilename: Ce,
+			loadPdf: Ae,
+			configurePdfWorker: J
 		})
 	});
-}), Le = new Set(["html", "htm"]), Y = {
+}), Re = new Set(["html", "htm"]), Y = {
 	docx: "application/vnd.openxmlformats-officedocument.wordprocessingml.document",
 	xlsx: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",
 	pptx: "application/vnd.openxmlformats-officedocument.presentationml.presentation"
-}, Re = new Set(/* @__PURE__ */ "txt.md.markdown.json.jsonl.ndjson.xml.csv.tsv.yaml.yml.toml.ini.conf.cfg.css.scss.sass.less.js.jsx.ts.tsx.mjs.cjs.mts.cts.py.rb.go.rs.java.kt.swift.c.h.cpp.cs.sh.bash.zsh.fish.ps1.log.env.gitignore.dockerfile.makefile.sql".split(".")), X = {
+}, X = 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 = {
 	docx: r.Docx,
 	xlsx: r.Xlsx,
 	pptx: r.Pptx,
 	csv: r.Csv
-}, ze = {
+}, Be = {
 	[Y.docx]: r.Docx,
 	[Y.xlsx]: r.Xlsx,
 	[Y.pptx]: r.Pptx,
 	[f.CSV]: r.Csv
-}, Be = {
+}, Ve = {
 	[r.Docx]: Y.docx,
 	[r.Xlsx]: Y.xlsx,
 	[r.Pptx]: Y.pptx,
@@ -1099,21 +1099,21 @@ var de = { panel: "dial-attachment-canvas-panel" }, fe = {
 }, Z = (e, t) => {
 	let n = t?.split(";", 1)[0].trim().toLowerCase();
 	if (n != null) {
-		let e = ze[n];
+		let e = Be[n];
 		if (e != null) return e;
 	}
 	let r = e.lastIndexOf(".");
-	if (r !== -1) return X[e.slice(r + 1).toLowerCase()];
-}, Ve = (e, t) => Z(e, t) != null, He = (e, t) => {
+	if (r !== -1) return ze[e.slice(r + 1).toLowerCase()];
+}, He = (e, t) => Z(e, t) != null, Ue = (e, t) => {
 	let n = Z(e, t);
-	return n == null ? void 0 : Be[n];
-}, Q = (e) => {
+	return n == null ? void 0 : Ve[n];
+}, We = (e) => {
 	let t = e.lastIndexOf(".");
-	return t === -1 ? !1 : Re.has(e.slice(t + 1).toLowerCase());
-}, Ue = (e) => {
+	return t === -1 ? !1 : X.has(e.slice(t + 1).toLowerCase());
+}, Ge = (e) => {
 	let t = e.lastIndexOf(".");
-	return t === -1 ? !1 : Le.has(e.slice(t + 1).toLowerCase());
-}, We = {
+	return t === -1 ? !1 : Re.has(e.slice(t + 1).toLowerCase());
+}, Ke = {
 	xml: "xml",
 	csv: "plaintext",
 	tsv: "plaintext",
@@ -1161,39 +1161,39 @@ var de = { panel: "dial-attachment-canvas-panel" }, fe = {
 	gitignore: "plaintext",
 	dockerfile: "plaintext",
 	makefile: "plaintext"
-}, Ge = (e) => We[e], $ = (e) => ({
+}, qe = (e) => Ke[e], Q = (e) => ({
 	type: i.Unsupported,
 	...e != null && { url: e }
-}), Ke = (e) => ({
+}), Je = (e) => ({
 	type: i.Error,
 	errorType: n.LoadFailed,
 	...e != null && { url: e }
-}), qe = (e) => ({
+}), Ye = (e) => ({
 	type: i.Error,
 	errorType: n.Forbidden,
 	...e != null && { url: e }
-}), Je = (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;
-}, Ye = (e) => {
-	let t = Je(e);
+}, Xe = (e) => {
+	let t = $(e);
 	t != null && URL.revokeObjectURL(t);
-}, Xe = {
+}, Ze = {
 	type: i.PlainText,
 	text: ""
-}, Ze = oe(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 = N((e, t) => {
+}, Qe = j(void 0);
+Qe.displayName = "AttachmentCanvasContext";
+var $e = ({ children: e }) => {
+	let [t, n] = R(!1), [r, i] = R(!1), [a, o] = R(Ze), [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(Xe), n(!1), i(!1), u(void 0);
+	}, []), p = P(() => {
+		o(Ze), n(!1), i(!1), u(void 0);
 	}, []);
 	return F(() => () => {
-		let e = Je(a);
+		let e = $(a);
 		e != null && URL.revokeObjectURL(e);
-	}, [a]), /* @__PURE__ */ V(Ze.Provider, {
+	}, [a]), /* @__PURE__ */ V(Qe.Provider, {
 		value: I(() => ({
 			isOpen: t,
 			isLoading: r,
@@ -1215,26 +1215,26 @@ var Qe = ({ children: e }) => {
 		]),
 		children: e
 	});
-}, $e = () => {
-	let e = P(Ze);
+}, et = () => {
+	let e = se(Qe);
 	if (!e) throw Error("useAttachmentCanvas must be used within an AttachmentCanvasProvider");
 	return e;
-}, et = M(({ labels: e, leftActions: t, isMobile: n = !1, defaultWidth: r, maxWidth: o, codeBlockTheme: s, tableDownloadFilename: c, loadPdf: l, configurePdfWorker: u }) => {
-	let { ariaLabel: d = "Attachment preview", closeLabel: f = "Close", downloadLabel: p = "Download", unsupportedLabel: m = "Preview is not supported for this file", loadErrorLabel: g = "Failed to load file", forbiddenErrorLabel: _ = "You don't have permission to access this file", copyTextLabel: v, copiedTextLabel: y, copyMarkdownLabel: b, copiedMarkdownLabel: x, copyJsonLabel: S, copiedJsonLabel: C, htmlFrameBlockedLabel: w, htmlOpenInNewTabLabel: T, htmlViewSourceLabel: E, htmlViewRenderedLabel: D, pdfThumbnailsLabel: O, pdfShowThumbnailsLabel: k, pdfHideThumbnailsLabel: ee, pdfPageNumberLabel: A, pdfContentLoadingLabel: te, pdfContentErrorLabel: ne, pdfContentRetryLabel: re, xlsxFormulaLabel: ie, codeContentLoadingLabel: ae, codeContentErrorLabel: oe, codeContentRetryLabel: j, tableCopyLabel: M, tableCopiedLabel: P, tableDownloadCsvLabel: F, ooxmlHighlightsLabel: I, ooxmlHighlightNavigatedLabel: L } = e ?? {}, { isOpen: R, isLoading: se, content: z, fileName: B, closeCanvas: H } = $e(), U = N(() => {
-		a(z, B);
-	}, [z, B]), W = N(() => {
+}, tt = N(({ labels: e, leftActions: t, isMobile: n = !1, defaultWidth: r, maxWidth: o, codeBlockTheme: s, tableDownloadFilename: c, loadPdf: l, configurePdfWorker: u }) => {
+	let { ariaLabel: d = "Attachment preview", closeLabel: f = "Close", downloadLabel: p = "Download", unsupportedLabel: m = "Preview is not supported for this file", loadErrorLabel: g = "Failed to load file", forbiddenErrorLabel: _ = "You don't have permission to access this file", copyTextLabel: v, copiedTextLabel: y, copyMarkdownLabel: b, copiedMarkdownLabel: x, copyJsonLabel: S, copiedJsonLabel: C, htmlFrameBlockedLabel: w, htmlOpenInNewTabLabel: T, htmlViewSourceLabel: E, htmlViewRenderedLabel: D, pdfThumbnailsLabel: O, pdfShowThumbnailsLabel: k, pdfHideThumbnailsLabel: A, pdfPageNumberLabel: ee, pdfContentLoadingLabel: te, pdfContentErrorLabel: ne, pdfContentRetryLabel: re, xlsxFormulaLabel: ie, codeContentLoadingLabel: ae, codeContentErrorLabel: oe, codeContentRetryLabel: j, tableCopyLabel: M, tableCopiedLabel: N, tableDownloadCsvLabel: se, ooxmlHighlightsLabel: F, ooxmlHighlightNavigatedLabel: I } = e ?? {}, { isOpen: L, isLoading: R, content: z, fileName: ce, closeCanvas: B } = et(), H = P(() => {
+		a(z, ce);
+	}, [z, ce]), U = P(() => {
 		(z.type === i.PlainText || z.type === i.Code) && h(z.text);
-	}, [z]), ce = N(() => {
+	}, [z]), le = P(() => {
 		z.type === i.Markdown && h(z.text);
-	}, [z]), le = N(() => {
+	}, [z]), ue = P(() => {
 		z.type === i.Json && h(JSON.stringify(z.value, null, 2));
 	}, [z]);
-	return /* @__PURE__ */ V(Ie, {
-		isOpen: R,
-		isLoading: se,
-		onClose: H,
+	return /* @__PURE__ */ V(Le, {
+		isOpen: L,
+		isLoading: R,
+		onClose: B,
 		content: z,
-		fileName: B,
+		fileName: ce,
 		leftActions: t,
 		labels: {
 			ariaLabel: d,
@@ -1255,8 +1255,8 @@ var Qe = ({ children: e }) => {
 			htmlViewRenderedLabel: D,
 			pdfThumbnailsLabel: O,
 			pdfShowThumbnailsLabel: k,
-			pdfHideThumbnailsLabel: ee,
-			pdfPageNumberLabel: A,
+			pdfHideThumbnailsLabel: A,
+			pdfPageNumberLabel: ee,
 			pdfContentLoadingLabel: te,
 			pdfContentErrorLabel: ne,
 			pdfContentRetryLabel: re,
@@ -1265,15 +1265,15 @@ var Qe = ({ children: e }) => {
 			codeContentErrorLabel: oe,
 			codeContentRetryLabel: j,
 			tableCopyLabel: M,
-			tableCopiedLabel: P,
-			tableDownloadCsvLabel: F,
-			ooxmlHighlightsLabel: I,
-			ooxmlHighlightNavigatedLabel: L
+			tableCopiedLabel: N,
+			tableDownloadCsvLabel: se,
+			ooxmlHighlightsLabel: F,
+			ooxmlHighlightNavigatedLabel: I
 		},
-		onDownload: U,
-		onCopyText: z.type === i.PlainText || z.type === i.Code ? W : void 0,
-		onCopyMarkdown: z.type === i.Markdown ? ce : void 0,
-		onCopyJson: z.type === i.Json ? le : void 0,
+		onDownload: H,
+		onCopyText: z.type === i.PlainText || z.type === i.Code ? U : void 0,
+		onCopyMarkdown: z.type === i.Markdown ? le : void 0,
+		onCopyJson: z.type === i.Json ? ue : void 0,
 		tableDownloadFilename: c,
 		isMobile: n,
 		defaultWidth: r,
@@ -1282,43 +1282,43 @@ var Qe = ({ children: e }) => {
 		configurePdfWorker: u,
 		loadPdf: l
 	});
-}), tt = {
+}), nt = {
 	frame: "_frame_g47g7_1",
 	header: "_header_g47g7_6",
 	title: "_title_g47g7_10"
-}, nt = M(({ content: e, height: t, onExpand: n, expandAriaLabel: r, actionsGroupAriaLabel: i = "Visualizer actions", frameTitle: a, loadingLabel: o, errorLabel: s, titleClassName: c = "dial-small-semi-text", isBorderless: l = !1, isTitleHidden: u = !1, colors: d }) => {
+}, rt = 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", isBorderless: l = !1, isTitleHidden: u = !1, colors: d }) => {
 	let f = e.visualizerName.trim(), p = !u && f !== "";
 	return /* @__PURE__ */ H("div", {
-		className: g("flex w-full min-w-0 flex-col overflow-hidden", !l && ["rounded-xl border", tt.frame]),
+		className: _("flex w-full min-w-0 flex-col overflow-hidden", !l && ["rounded-xl border", nt.frame]),
 		style: m({
 			"--igv-bg": d?.background,
 			"--igv-border": d?.border,
 			"--igv-title-text": d?.titleText
 		}),
 		children: [/* @__PURE__ */ H("div", {
-			className: g("flex min-h-10 items-center gap-2 py-2", p ? "justify-between" : "justify-end", !l && ["border-b px-4", tt.header]),
+			className: _("flex min-h-10 items-center gap-2 py-2", p ? "justify-between" : "justify-end", !l && ["border-b px-4", nt.header]),
 			children: [p && /* @__PURE__ */ V("span", {
-				className: g("min-w-0 truncate", c, tt.title),
+				className: _("min-w-0 truncate", c, nt.title),
 				children: f
 			}), /* @__PURE__ */ V("div", {
 				role: "toolbar",
 				"aria-label": i,
 				className: "flex items-center gap-1",
-				children: /* @__PURE__ */ V(w, {
-					icon: /* @__PURE__ */ V(O, {
-						size: x.SM,
-						stroke: S,
+				children: /* @__PURE__ */ V(T, {
+					icon: /* @__PURE__ */ V(k, {
+						size: S.SM,
+						stroke: C,
 						"aria-hidden": !0
 					}),
 					"aria-label": r,
-					size: C.Small,
+					size: w.Small,
 					onClick: n
 				})
 			})]
 		}), /* @__PURE__ */ V("div", {
 			className: "w-full",
 			style: { height: `${t}px` },
-			children: /* @__PURE__ */ V(ke, {
+			children: /* @__PURE__ */ V(Ae, {
 				content: e,
 				loadingLabel: o,
 				errorLabel: s,
@@ -1326,12 +1326,12 @@ var Qe = ({ children: e }) => {
 			})
 		})]
 	});
-}), rt = (e, t) => {
+}), it = (e, t) => {
 	let n = e.toLowerCase();
 	return t.find((e) => e.contentType.split(",").some((e) => e.trim().toLowerCase() === n && e.trim() !== ""));
-}, it = (e, t) => {
+}, at = (e, t) => {
 	if (!(e == null || e === "")) return Object.prototype.hasOwnProperty.call(t, e) ? t[e] : void 0;
-}, at = (e) => `${e}:grouped-visualizer`, ot = (e, t) => {
+}, ot = (e) => `${e}:grouped-visualizer`, st = (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()))) {
@@ -1343,12 +1343,12 @@ var Qe = ({ children: e }) => {
 		claimed: r,
 		unclaimed: i
 	};
-}, st = (e) => {
+}, ct = (e) => {
 	let t;
 	try {
 		t = new URL(e).pathname;
 	} catch {
-		t = v(e);
+		t = y(e);
 	}
 	let n = t.split("/").filter(Boolean).pop() ?? "";
 	try {
@@ -1356,13 +1356,13 @@ var Qe = ({ children: e }) => {
 	} catch {
 		return n;
 	}
-}, ct = (e, t) => {
-	let { openCanvas: n, openCanvasLoading: r, closeCanvas: a } = $e(), { customVisualizers: o, themeId: s, onBeforeOpen: l } = t, u = N(async (t, n, r) => {
+}, lt = (e, t) => {
+	let { openCanvas: n, openCanvasLoading: r, closeCanvas: a } = et(), { 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 = rt(a, o);
+		let a = t.contentType.toLowerCase(), c = it(a, o);
 		if (c != null) {
 			let i = await e.resolveVisualizerContent(t, c, s);
 			if (i != null) return r(i, t.name, n);
@@ -1372,14 +1372,14 @@ var Qe = ({ children: e }) => {
 			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);
+		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);
+		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: {
@@ -1395,24 +1395,24 @@ var Qe = ({ children: e }) => {
 				return i == null ? !1 : r(i, t.name, n);
 			}
 		}
-		let g = t.name != null && Ue(t.name) || t.url != null && Ue(st(t.url));
-		if (t.name != null && !Q(t.name) && !g) return r($(e.resolveContentUrl(t)), t.name, n);
+		let g = t.name != null && Ge(t.name) || t.url != null && Ge(ct(t.url));
+		if (t.name != null && !We(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, Ge(m));
+		let _ = await e.resolveCodeContent(t, qe(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) : (Ye(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) : (Xe(e), !1);
 		switch (t.type) {
 			case c.Image: {
 				let r = e.resolveImageContent(t);
@@ -1449,4 +1449,4 @@ var Qe = ({ children: e }) => {
 	]) };
 };
 //#endregion
-export { de as ATTACHMENT_CANVAS_CLASS, Ie as AttachmentCanvas, Ne as AttachmentCanvasBody, et as AttachmentCanvasContainer, Qe as AttachmentCanvasProvider, i as AttachmentContentType, n as AttachmentErrorType, me as CodeContent, nt as InlineGroupedVisualizer, Se as McpAppCanvasRenderer, r as OoxmlFileType, t as OoxmlHighlightKind, qe as createForbiddenCanvasContent, Ke as createLoadErrorCanvasContent, $ as createUnsupportedCanvasContent, a as downloadAttachmentContent, Ge as extensionToLanguage, it as findVisualizerForApplication, rt as findVisualizerForMime, Z as getOoxmlFileType, He as getOoxmlMimeType, at as groupedVisualizerCanvasKey, o as isDownloadable, Ue as isHtmlPreviewable, Ve as isOoxmlPreviewable, Q as isTextPreviewable, ot as partitionAttachmentsForApplicationVisualizer, $e as useAttachmentCanvas, ct as useOpenAttachmentCanvas };
+export { fe as ATTACHMENT_CANVAS_CLASS, Le as AttachmentCanvas, Pe as AttachmentCanvasBody, tt as AttachmentCanvasContainer, $e as AttachmentCanvasProvider, i as AttachmentContentType, n as AttachmentErrorType, he as CodeContent, rt as InlineGroupedVisualizer, Ce as McpAppCanvasRenderer, r as OoxmlFileType, t as OoxmlHighlightKind, Ye as createForbiddenCanvasContent, Je as createLoadErrorCanvasContent, Q as createUnsupportedCanvasContent, a as downloadAttachmentContent, qe as extensionToLanguage, at as findVisualizerForApplication, it as findVisualizerForMime, Z as getOoxmlFileType, Ue as getOoxmlMimeType, ot as groupedVisualizerCanvasKey, o as isDownloadable, Ge as isHtmlPreviewable, He as isOoxmlPreviewable, We as isTextPreviewable, st as partitionAttachmentsForApplicationVisualizer, et as useAttachmentCanvas, lt as useOpenAttachmentCanvas };