@epam/ai-dial-attachment-canvas 1.3.0-dev.252 → 1.3.0-dev.256

package/index.js

@@ -1,83 +1,84 @@
 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-uhIGBROU.js";
+import { i as a, o, t as s } from "./LazyContentBoundary-rT6s5wBc.js";
 import { AttachmentType as c, CodeBlockTheme as l, DEFAULT_MARKDOWN_CLASS_NAMES as u, FileExtension as d, MIMEType as f, MarkdownRenderer as p, buildCssVars as m, copyToClipboard as h, isSyntaxHighlightingAllowed as g, mergeClasses as _, restrainedSyntaxTheme as v, stripUrlQueryAndFragment as y } from "@epam/ai-dial-chat-shared";
 import { SidebarOrientation as b, SidebarPanel as x } from "@epam/ai-dial-sidebar";
 import { DIAL_ICON_SIZE as S, DIAL_KIT_ICON_STROKE as C, ElementSize as w, GhostIconButton as T, LinkButton as E, LiveRegion as D, Spinner as O } from "@epam/ai-dial-ui-kit";
-import { IconAlertTriangle as k, IconArrowsMaximize as A, IconCheck as j, IconCode as ee, IconCopy as te, IconDownload as M, IconEye as ne, IconLock as re, IconMarkdown as ie, IconRefresh as ae } from "@tabler/icons-react";
-import { createContext as N, lazy as P, memo as F, useCallback as I, useContext as oe, useEffect as L, useMemo as R, useRef as z, useState as B } from "react";
-import { JsonView as se, defaultStyles as ce } from "react-json-view-lite";
-import { Fragment as V, jsx as H, jsxs as U } from "react/jsx-runtime";
-import { AppBridge as le, AppFrame as ue } from "@mcp-ui/client";
-import { McpUiHostContextChangedNotificationSchema as W } from "@modelcontextprotocol/ext-apps/app-bridge";
-import { VisualizerConnector as G, VisualizerConnectorEvents as de, VisualizerConnectorRequests as fe } from "@epam/ai-dial-visualizer-connector";
+import { IconAlertTriangle as k, IconArrowsMaximize as A, IconCheck as j, IconCode as M, IconCopy as ee, IconDownload as te, IconEye as N, IconLock as ne, IconMarkdown as re, IconRefresh as ie } from "@tabler/icons-react";
+import { createContext as P, lazy as F, memo as I, useCallback as L, useContext as ae, useEffect as R, useMemo as z, useRef as B, useState as V } from "react";
+import { JsonView as oe, defaultStyles as se } from "react-json-view-lite";
+import { Fragment as H, jsx as U, jsxs as W } from "react/jsx-runtime";
+import { AppBridge as ce, AppFrame as le } from "@mcp-ui/client";
+import { McpUiHostContextChangedNotificationSchema as G } from "@modelcontextprotocol/ext-apps/app-bridge";
+import { VisualizerConnector as ue, VisualizerConnectorEvents as de, VisualizerConnectorRequests as fe } from "@epam/ai-dial-visualizer-connector";
 //#region src/constants/public-class-names.ts
 var K = { panel: "dial-attachment-canvas-panel" }, q = {
-	container: "_container_1nhig_1",
-	containerLight: "_containerLight_1nhig_5"
+	container: "_container_k7ib4_1",
+	containerLight: "_containerLight_k7ib4_5"
 }, pe = {
 	[l.Dark]: v,
 	[l.Light]: v
-}, me = () => P(async () => {
+}, me = () => F(async () => {
 	let { Prism: e } = await import("react-syntax-highlighter");
 	return { default: e };
-}), he = F(({ content: e, codeBlockTheme: t = l.Light, labels: n }) => {
-	let { text: r, language: i } = e, a = R(() => g(r), [r]), o = i == null || i === "plaintext" || !a, c = pe[t], u = t === l.Light, [d, f] = B(0), p = R(me, [d]), m = I(() => {
-		f((e) => e + 1);
-	}, []), h = /* @__PURE__ */ H("pre", {
-		className: "dial-code-text p-4 wrap-break-word whitespace-pre-wrap",
-		children: r
+}), he = I(({ content: e, codeBlockTheme: t = l.Light, labels: n, codeClassName: r = "dial-code-text", errorLabelClassName: i }) => {
+	let { text: a, language: o } = e, c = z(() => g(a), [a]), u = o == null || o === "plaintext" || !c, d = pe[t], f = t === l.Light, [p, m] = V(0), h = z(me, [p]), v = L(() => {
+		m((e) => e + 1);
+	}, []), y = /* @__PURE__ */ U("pre", {
+		className: _(r, "p-4 wrap-break-word whitespace-pre-wrap"),
+		children: a
 	});
-	return /* @__PURE__ */ H("div", {
+	return /* @__PURE__ */ U("div", {
 		dir: "ltr",
-		className: _("h-full overflow-auto", q.container, u && q.containerLight),
-		children: o ? h : /* @__PURE__ */ H(s, {
-			retryKey: d,
-			onRetry: m,
-			pendingContent: h,
-			errorContent: h,
+		className: _("h-full overflow-auto", q.container, f && q.containerLight),
+		children: u ? y : /* @__PURE__ */ U(s, {
+			retryKey: p,
+			onRetry: v,
+			pendingContent: y,
+			errorContent: y,
 			labels: n,
-			children: /* @__PURE__ */ H(p, {
-				language: i,
-				style: c,
+			errorLabelClassName: i,
+			children: /* @__PURE__ */ U(h, {
+				language: o,
+				style: d,
 				customStyle: {
 					margin: 0,
 					borderRadius: 0,
 					background: "transparent",
 					padding: "16px"
 				},
-				className: "dial-code-text",
-				codeTagProps: { className: "dial-code-text" },
+				className: r,
+				codeTagProps: { className: r },
 				wrapLongLines: !0,
-				children: r
+				children: a
 			})
 		})
 	});
-}), ge = "dial-html-preview:render", _e = { openInNewTabButton: "_openInNewTabButton_c1arc_1" }, ve = F(({ content: e, labels: t, isSourceView: n, title: r, codeBlockTheme: a, openInNewTabButtonTypographyClassName: o = "dial-body-semi-text" }) => {
-	let { htmlFrameBlockedLabel: s = "This page cannot be displayed in preview", htmlOpenInNewTabLabel: c = "Open in new tab" } = t, [l, u] = B(!0), [d, f] = B(!1), [p, m] = B(void 0), [h, g] = B(!1), [v, y] = B(!1), b = z(null), x = z(null), S = z(!1), C = z({
+}), ge = "dial-html-preview:render", _e = { openInNewTabButton: "_openInNewTabButton_c1arc_1" }, ve = I(({ content: e, labels: t, isSourceView: n, title: r, codeBlockTheme: a, openInNewTabButtonTypographyClassName: o = "dial-body-semi-text", codeClassName: s }) => {
+	let { htmlFrameBlockedLabel: c = "This page cannot be displayed in preview", htmlOpenInNewTabLabel: l = "Open in new tab" } = t, [u, d] = V(!0), [f, p] = V(!1), [m, h] = V(void 0), [g, v] = V(!1), [y, b] = V(!1), x = B(null), S = B(null), C = B(!1), w = B({
 		content: e,
 		generation: 0
 	});
-	C.current.content !== e && (C.current = {
+	w.current.content !== e && (w.current = {
 		content: e,
-		generation: C.current.generation + 1
+		generation: w.current.generation + 1
 	});
-	let w = C.current.generation;
-	L(() => {
-		u(!0), f(!1), m(void 0), g(!1), y(!1);
+	let T = w.current.generation;
+	R(() => {
+		d(!0), p(!1), h(void 0), v(!1), b(!1);
 	}, [e]);
-	let T = z(n);
-	T.current !== n && (T.current = n, n && v && y(!1), !n && S.current && (S.current = !1, u(!0))), L(() => {
-		if (!n || e.srcdoc != null || e.resolveSourceText == null || p != null) return;
+	let D = B(n);
+	D.current !== n && (D.current = n, n && y && b(!1), !n && C.current && (C.current = !1, d(!0))), R(() => {
+		if (!n || e.srcdoc != null || e.resolveSourceText == null || m != null) return;
 		let t = !1, r = e.resolveSourceText;
 		return (async () => {
-			g(!0);
+			v(!0);
 			try {
 				let e = await r();
-				t || m(e);
+				t || h(e);
 			} catch {
-				t || y(!0);
+				t || b(!0);
 			} finally {
-				t || g(!1);
+				t || v(!1);
 			}
 		})(), () => {
 			t = !0;
@@ -85,68 +86,69 @@ var K = { panel: "dial-attachment-canvas-panel" }, q = {
 	}, [
 		n,
 		e,
-		p
+		m
 	]);
-	let D = e.isSameOriginUrl === !0 && e.url != null, k = !D && e.srcdoc != null, A = k ? e.srcdocHostUrl : void 0, j = e.srcdoc, ee = I((e) => {
-		if (u(!1), A != null) {
-			let e = b.current?.contentWindow;
-			e != null && e !== x.current && j != null && (x.current = e, e.postMessage({
+	let k = e.isSameOriginUrl === !0 && e.url != null, A = !k && e.srcdoc != null, j = A ? e.srcdocHostUrl : void 0, M = e.srcdoc, ee = L((e) => {
+		if (d(!1), j != null) {
+			let e = x.current?.contentWindow;
+			e != null && e !== S.current && M != null && (S.current = e, e.postMessage({
 				type: ge,
-				html: j
+				html: M
 			}, "*"));
-		} else if (!(k || D)) try {
-			b.current?.contentDocument ?? f(!0);
+		} else if (!(A || k)) try {
+			x.current?.contentDocument ?? p(!0);
 		} catch {
-			f(!0);
+			p(!0);
 		}
 	}, [
-		k,
-		D,
 		A,
-		j
-	]), te = I(() => {
-		u(!1), f(!0);
-	}, []), M = e.srcdoc ?? p, ne = e.srcdoc != null || e.resolveSourceText != null, re = e.srcdoc == null && e.resolveSourceText != null && p == null && !v;
-	if (n && ne && (M != null || h || re)) return S.current = !0, M == null ? /* @__PURE__ */ H("div", {
+		k,
+		j,
+		M
+	]), te = L(() => {
+		d(!1), p(!0);
+	}, []), N = e.srcdoc ?? m, ne = e.srcdoc != null || e.resolveSourceText != null, re = e.srcdoc == null && e.resolveSourceText != null && m == null && !y;
+	if (n && ne && (N != null || g || re)) return C.current = !0, N == null ? /* @__PURE__ */ U("div", {
 		className: "flex h-full items-center justify-center",
-		children: /* @__PURE__ */ H(O, {})
-	}) : /* @__PURE__ */ H(he, {
+		children: /* @__PURE__ */ U(O, {})
+	}) : /* @__PURE__ */ U(he, {
 		content: {
 			type: i.Code,
-			text: M,
+			text: N,
 			language: "html"
 		},
-		codeBlockTheme: a
+		codeBlockTheme: a,
+		codeClassName: s
 	});
-	if (d) return /* @__PURE__ */ U("div", {
+	if (f) return /* @__PURE__ */ W("div", {
 		className: "flex h-full flex-col items-center justify-center gap-3 p-4",
-		children: [/* @__PURE__ */ H("p", {
+		children: [/* @__PURE__ */ U("p", {
 			className: "text-center",
-			children: s
-		}), e.url != null && /* @__PURE__ */ H(E, {
+			children: c
+		}), e.url != null && /* @__PURE__ */ U(E, {
 			href: e.url,
 			target: "_blank",
-			label: c,
+			label: l,
 			className: _e.openInNewTabButton,
 			textClassName: o
 		})]
 	});
-	let ie = k ? A : e.url, ae = k && A == null ? e.srcdoc : void 0;
-	return /* @__PURE__ */ U("div", {
+	let ie = A ? j : e.url, P = A && j == null ? e.srcdoc : void 0;
+	return /* @__PURE__ */ W("div", {
 		className: "relative h-full",
-		children: [l && /* @__PURE__ */ H("div", {
+		children: [u && /* @__PURE__ */ U("div", {
 			className: "absolute inset-0 flex items-center justify-center",
-			children: /* @__PURE__ */ H(O, {})
-		}), /* @__PURE__ */ H("iframe", {
-			ref: b,
+			children: /* @__PURE__ */ U(O, {})
+		}), /* @__PURE__ */ U("iframe", {
+			ref: x,
 			title: r,
 			src: ie,
-			srcDoc: ae,
-			sandbox: k || D ? "allow-scripts" : "allow-scripts allow-same-origin",
-			className: _("h-full w-full border-none", l ? "invisible" : ""),
+			srcDoc: P,
+			sandbox: A || k ? "allow-scripts" : "allow-scripts allow-same-origin",
+			className: _("h-full w-full border-none", u ? "invisible" : ""),
 			onLoad: ee,
 			onError: te
-		}, w)]
+		}, T)]
 	});
 }), ye = {
 	name: "MCP-UI Host",
@@ -173,12 +175,12 @@ var K = { panel: "dial-attachment-canvas-panel" }, q = {
 	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 = z(e);
-	L(() => {
+	let r = B(e);
+	R(() => {
 		r.current = e;
 	});
-	let [i, a] = B(null), [o, s] = B(!1);
-	return L(() => {
+	let [i, a] = V(null), [o, s] = V(!1);
+	return R(() => {
 		let e = null;
 		try {
 			let n = t.current?.getBoundingClientRect(), i = n != null && n.width > 0 && n.height > 0 ? {
@@ -188,13 +190,13 @@ var K = { panel: "dial-attachment-canvas-panel" }, q = {
 					height: Math.round(n.height)
 				}
 			} : r.current.hostContext;
-			e = new le(null, r.current.hostInfo ?? ye, be, { hostContext: i }), e.onopenlink = async ({ url: e }) => {
+			e = new ce(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(W, ({ params: e }) => {
+			}, e.oncalltool = (e) => r.current.onToolCall(e.name, e.arguments), e.setNotificationHandler(G, ({ params: e }) => {
 				let n = t.current?.querySelector("iframe");
 				n != null && Se(n, e.containerDimensions, r.current.hostContext?.displayMode === "fullscreen");
 			}), a(e);
@@ -204,22 +206,22 @@ var K = { panel: "dial-attachment-canvas-panel" }, q = {
 		return () => {
 			e?.close().catch((e) => console.error("[useMcpAppBridge] Error closing AppBridge:", e));
 		};
-	}, [t]), L(() => {
+	}, [t]), R(() => {
 		i != null && i.transport != null && n != null && i.setHostContext(n);
 	}, [i, n]), {
 		appBridge: i,
 		hasFailed: o
 	};
 }, J = {
-	loadingOverlay: "_loadingOverlay_sqrel_2",
-	fullscreenFrame: "_fullscreenFrame_sqrel_21",
-	loadingFrame: "_loadingFrame_sqrel_29",
-	statusLabel: "_statusLabel_sqrel_33",
-	statusDetail: "_statusDetail_sqrel_38",
-	errorIcon: "_errorIcon_sqrel_42"
+	loadingOverlay: "_loadingOverlay_1kink_2",
+	fullscreenFrame: "_fullscreenFrame_1kink_21",
+	loadingFrame: "_loadingFrame_1kink_29",
+	statusLabel: "_statusLabel_1kink_33",
+	statusDetail: "_statusDetail_1kink_38",
+	errorIcon: "_errorIcon_1kink_42"
 }, we = ({ content: e, errorLabel: t = "Failed to load app", onAppInfo: n }) => {
-	let [r, i] = B("loading"), [a, o] = B(), { html: s, sandboxUrl: c, toolInput: l, toolResult: u, hostContext: d } = e, f = R(() => ({ url: new URL(c) }), [c]), p = d?.displayMode === "fullscreen", m = z(null), [h, g] = B();
-	L(() => {
+	let [r, i] = V("loading"), [a, o] = V(), { html: s, sandboxUrl: c, toolInput: l, toolResult: u, hostContext: d } = e, f = z(() => ({ url: new URL(c) }), [c]), p = d?.displayMode === "fullscreen", m = B(null), [h, g] = V();
+	R(() => {
 		let e = m.current;
 		if (!e) return;
 		let t = new ResizeObserver(([e]) => {
@@ -232,15 +234,15 @@ var K = { panel: "dial-attachment-canvas-panel" }, q = {
 		});
 		return t.observe(e), () => t.disconnect();
 	}, []);
-	let { appBridge: v, hasFailed: y } = Ce(e, m, R(() => d == null || h == null ? d : {
+	let { appBridge: v, hasFailed: y } = Ce(e, m, z(() => d == null || h == null ? d : {
 		...d,
 		containerDimensions: h
 	}, [d, h])), b = y || r === "error";
-	return /* @__PURE__ */ U("div", {
+	return /* @__PURE__ */ W("div", {
 		ref: m,
 		className: _("relative h-full w-full", b ? "min-h-[160px]" : "min-h-[100px]", p && J.fullscreenFrame, !p && r === "loading" && J.loadingFrame),
 		children: [
-			v != null && !b && /* @__PURE__ */ H(ue, {
+			v != null && !b && /* @__PURE__ */ U(le, {
 				html: s,
 				sandbox: f,
 				appBridge: v,
@@ -254,21 +256,21 @@ var K = { panel: "dial-attachment-canvas-panel" }, q = {
 					o(e.message), i("error");
 				}
 			}),
-			!b && r === "loading" && /* @__PURE__ */ H("div", {
+			!b && r === "loading" && /* @__PURE__ */ U("div", {
 				className: _("absolute inset-0 flex flex-col items-center justify-center gap-2", J.loadingOverlay),
-				children: /* @__PURE__ */ H(O, {})
+				children: /* @__PURE__ */ U(O, {})
 			}),
-			b && /* @__PURE__ */ U("div", {
+			b && /* @__PURE__ */ W("div", {
 				className: "absolute inset-0 flex flex-col items-center justify-center gap-2 p-4",
-				children: [/* @__PURE__ */ H(k, {
+				children: [/* @__PURE__ */ U(k, {
 					size: 60,
 					stroke: C,
 					"aria-hidden": !0,
 					className: J.errorIcon
-				}), /* @__PURE__ */ U("p", {
+				}), /* @__PURE__ */ W("p", {
 					role: "status",
 					className: _("text-center", J.statusLabel),
-					children: [t, a && /* @__PURE__ */ U(V, { children: [/* @__PURE__ */ H("br", {}), /* @__PURE__ */ H("span", {
+					children: [t, a && /* @__PURE__ */ W(H, { children: [/* @__PURE__ */ U("br", {}), /* @__PURE__ */ U("span", {
 						className: J.statusDetail,
 						children: a
 					})] })]
@@ -277,13 +279,13 @@ var K = { panel: "dial-attachment-canvas-panel" }, q = {
 		]
 	});
 }, Y = {
-	viewer: "_viewer_sdlt9_2",
-	spreadsheetCanvas: "_spreadsheetCanvas_sdlt9_6",
-	formulaPanel: "_formulaPanel_sdlt9_12",
-	formulaValue: "_formulaValue_sdlt9_18",
-	statusOverlay: "_statusOverlay_sdlt9_24",
-	errorIcon: "_errorIcon_sdlt9_29",
-	highlight: "_highlight_sdlt9_37"
+	viewer: "_viewer_gdafg_2",
+	spreadsheetCanvas: "_spreadsheetCanvas_gdafg_6",
+	formulaPanel: "_formulaPanel_gdafg_12",
+	formulaValue: "_formulaValue_gdafg_18",
+	statusOverlay: "_statusOverlay_gdafg_27",
+	errorIcon: "_errorIcon_gdafg_32",
+	highlight: "_highlight_gdafg_40"
 }, 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);
@@ -404,10 +406,10 @@ var K = { panel: "dial-attachment-canvas-panel" }, q = {
 		}
 	}
 }, Oe = class extends Error {}, ke = ({ content: t, fileName: n, loadErrorLabel: i, formulaLabel: a, formulaLabelClassName: o, formulaValueClassName: s, highlightsLabel: c = "Cited locations", highlightNavigatedLabel: l = "Scrolled to the cited location" }) => {
-	let u = z(null), [d, f] = B(!0), [p, m] = B(!1), [h, g] = B(""), [v, y] = B([]), [b, x] = B(!1), { highlights: S, selectedHighlightId: w } = t, T = S != null && S.length > 0, E = z(void 0), A = z(S);
+	let u = B(null), [d, f] = V(!0), [p, m] = V(!1), [h, g] = V(""), [v, y] = V([]), [b, x] = V(!1), { highlights: S, selectedHighlightId: w } = t, T = S != null && S.length > 0, E = B(void 0), A = B(S);
 	A.current = S;
-	let j = z(void 0);
-	return L(() => {
+	let j = B(void 0);
+	return R(() => {
 		let e = u.current;
 		if (e == null) return;
 		let n, r, i = !1, a, o = () => i;
@@ -468,9 +470,9 @@ var K = { panel: "dial-attachment-canvas-panel" }, q = {
 		t.format,
 		t.url,
 		T
-	]), L(() => {
+	]), R(() => {
 		j.current?.();
-	}, [S]), L(() => {
+	}, [S]), R(() => {
 		x(!1);
 		let t = E.current;
 		if (t == null || d) return;
@@ -488,38 +490,38 @@ var K = { panel: "dial-attachment-canvas-panel" }, q = {
 		})(), () => {
 			r = !0;
 		};
-	}, [w, d]), /* @__PURE__ */ U("div", {
+	}, [w, d]), /* @__PURE__ */ W("div", {
 		className: "relative flex h-full w-full min-w-0 flex-col overflow-hidden",
 		children: [
-			t.format === r.Xlsx && /* @__PURE__ */ U("div", {
+			t.format === r.Xlsx && /* @__PURE__ */ W("div", {
 				role: "region",
 				"aria-label": a,
 				className: _("flex min-w-0 shrink-0 items-center gap-2 border-b px-3 py-2", Y.formulaPanel),
-				children: [/* @__PURE__ */ H("span", {
+				children: [/* @__PURE__ */ U("span", {
 					"aria-hidden": "true",
 					className: _("shrink-0", o),
 					children: "fx"
-				}), /* @__PURE__ */ H("code", {
+				}), /* @__PURE__ */ U("code", {
 					dir: "ltr",
 					tabIndex: 0,
 					"aria-live": "polite",
-					className: _("h-8 min-w-0 flex-1 overflow-x-auto rounded border px-2 py-1 whitespace-nowrap focus-visible:outline focus-visible:outline-focus", Y.formulaValue, s),
+					className: _("h-8 min-w-0 flex-1 overflow-x-auto rounded border px-2 py-1 whitespace-nowrap focus-visible:outline", Y.formulaValue, s),
 					children: h
 				})]
 			}),
-			/* @__PURE__ */ U("div", {
+			/* @__PURE__ */ W("div", {
 				className: "relative min-h-0 w-full flex-1",
-				children: [/* @__PURE__ */ H("div", {
+				children: [/* @__PURE__ */ U("div", {
 					ref: u,
 					role: "document",
 					"aria-label": n,
 					"aria-busy": d,
 					className: _("h-full w-full overflow-hidden", Y.viewer)
-				}), v.length > 0 && /* @__PURE__ */ H("div", {
+				}), v.length > 0 && /* @__PURE__ */ U("div", {
 					role: "region",
 					"aria-label": c,
 					className: "pointer-events-none absolute inset-0 overflow-hidden",
-					children: v.map((e, t) => /* @__PURE__ */ H("div", {
+					children: v.map((e, t) => /* @__PURE__ */ U("div", {
 						"aria-hidden": "true",
 						style: {
 							left: `${e.left}px`,
@@ -533,22 +535,22 @@ var K = { panel: "dial-attachment-canvas-panel" }, q = {
 					}, `${e.highlightId}-${t}`))
 				})]
 			}),
-			/* @__PURE__ */ H(D, {
+			/* @__PURE__ */ U(D, {
 				visuallyHidden: !0,
 				children: b ? l : ""
 			}),
-			(d || p) && /* @__PURE__ */ H("div", {
+			(d || p) && /* @__PURE__ */ U("div", {
 				role: p ? "alert" : void 0,
 				"aria-live": "polite",
 				className: _("absolute inset-0 flex items-center justify-center", Y.statusOverlay),
-				children: d ? /* @__PURE__ */ H(O, { size: 48 }) : /* @__PURE__ */ U("div", {
+				children: d ? /* @__PURE__ */ U(O, { size: 48 }) : /* @__PURE__ */ W("div", {
 					className: "flex flex-col items-center gap-2",
-					children: [/* @__PURE__ */ H(k, {
+					children: [/* @__PURE__ */ U(k, {
 						"aria-hidden": "true",
 						size: 60,
 						stroke: C,
 						className: Y.errorIcon
-					}), /* @__PURE__ */ H("p", {
+					}), /* @__PURE__ */ U("p", {
 						className: "text-center",
 						children: i
 					})]
@@ -578,14 +580,14 @@ var K = { panel: "dial-attachment-canvas-panel" }, q = {
 	statusLabel: "_statusLabel_12637_5",
 	errorIcon: "_errorIcon_12637_9"
 }, Ie = ({ content: e, loadingLabel: t, errorLabel: n = "Failed to load visualizer", frameTitle: r, colors: a, onSendMessage: o }) => {
-	let s = z(null), [c, l] = B("loading"), { url: u, visualizerName: d, requestTimeout: f } = e, p = z(e);
+	let s = B(null), [c, l] = V("loading"), { url: u, visualizerName: d, requestTimeout: f } = e, p = B(e);
 	p.current = e;
-	let h = z(o);
-	return h.current = o, L(() => {
+	let h = B(o);
+	return h.current = o, R(() => {
 		let e = s.current;
 		if (!e) return;
 		l("loading");
-		let t = new G(e, {
+		let t = new ue(e, {
 			domain: u,
 			visualizerName: d,
 			requestTimeout: f
@@ -620,7 +622,7 @@ var K = { panel: "dial-attachment-canvas-panel" }, q = {
 		u,
 		d,
 		f
-	]), L(() => {
+	]), R(() => {
 		let e = r ?? d.trim();
 		e !== "" && s.current?.querySelector("iframe")?.setAttribute("title", e);
 	}, [
@@ -628,7 +630,7 @@ var K = { panel: "dial-attachment-canvas-panel" }, q = {
 		d,
 		u,
 		f
-	]), /* @__PURE__ */ U("div", {
+	]), /* @__PURE__ */ W("div", {
 		className: "relative h-full w-full",
 		style: m({
 			"--vs-loading-bg": a?.loadingBackground,
@@ -636,25 +638,25 @@ var K = { panel: "dial-attachment-canvas-panel" }, q = {
 			"--vs-error-icon": a?.errorIcon
 		}),
 		children: [
-			/* @__PURE__ */ H("div", {
+			/* @__PURE__ */ U("div", {
 				ref: s,
 				className: "h-full w-full"
 			}),
-			c === "loading" && /* @__PURE__ */ U("div", {
+			c === "loading" && /* @__PURE__ */ W("div", {
 				className: _("absolute inset-0 flex flex-col items-center justify-center gap-2", Fe.loadingOverlay),
-				children: [/* @__PURE__ */ H(O, {}), t && /* @__PURE__ */ H("p", {
+				children: [/* @__PURE__ */ U(O, {}), t && /* @__PURE__ */ U("p", {
 					className: _("text-center", Fe.statusLabel),
 					children: t
 				})]
 			}),
-			c === "error" && /* @__PURE__ */ U("div", {
+			c === "error" && /* @__PURE__ */ W("div", {
 				className: "absolute inset-0 flex flex-col items-center justify-center gap-2",
-				children: [/* @__PURE__ */ H(k, {
+				children: [/* @__PURE__ */ U(k, {
 					size: 60,
 					stroke: C,
 					"aria-hidden": !0,
 					className: Fe.errorIcon
-				}), /* @__PURE__ */ H("p", {
+				}), /* @__PURE__ */ U("p", {
 					role: "status",
 					className: _("text-center", Fe.statusLabel),
 					children: n
@@ -677,41 +679,37 @@ var K = { panel: "dial-attachment-canvas-panel" }, q = {
 	jsonExpandIcon: "_jsonExpandIcon_fvnln_54",
 	jsonCollapseIcon: "_jsonCollapseIcon_fvnln_67",
 	jsonCollapsedContent: "_jsonCollapsedContent_fvnln_84"
-}, Le = () => P(async () => ({ default: (await import("./PdfContent-CNj7_lpl.js")).PdfContent })), Re = ({ url: e, fileName: t, loadErrorLabel: n }) => {
-	let [r, i] = B(!1);
-	return L(() => {
+}, Le = () => F(async () => ({ default: (await import("./PdfContent-CyCIPzRp.js")).PdfContent })), Re = ({ url: e, fileName: t, loadErrorLabel: n }) => {
+	let [r, i] = V(!1);
+	return R(() => {
 		i(!1);
-	}, [e]), r ? /* @__PURE__ */ U("div", {
+	}, [e]), r ? /* @__PURE__ */ W("div", {
 		className: "flex flex-col items-center gap-2",
-		children: [/* @__PURE__ */ H(k, {
+		children: [/* @__PURE__ */ U(k, {
 			size: 60,
 			stroke: C,
 			className: X.errorIcon
-		}), /* @__PURE__ */ H("p", {
+		}), /* @__PURE__ */ U("p", {
 			className: _("text-center", X.statusLabel),
 			children: n
 		})]
-	}) : /* @__PURE__ */ H("img", {
+	}) : /* @__PURE__ */ U("img", {
 		src: e,
 		alt: t ?? "",
 		className: "max-h-full max-w-full object-contain",
 		onError: () => i(!0)
 	});
-}, ze = /* @__PURE__ */ new Set([
-	i.PlainText,
-	i.Code,
-	i.Ooxml
-]), Be = F(({ content: e, isLoading: t = !1, fileName: r, isHtmlSourceView: a = !1, labels: { unsupportedLabel: o = "Preview is not supported for this file", loadErrorLabel: c = "Failed to load file", forbiddenErrorLabel: l = "You don't have permission to access this file", visualizerErrorLabel: d, htmlFrameBlockedLabel: f = "This page cannot be displayed in preview", htmlOpenInNewTabLabel: h = "Open in new tab", pdfThumbnailsLabel: g, pdfShowThumbnailsLabel: v, pdfHideThumbnailsLabel: y, pdfPageNumberLabel: b, pdfContentLoadingLabel: x, pdfContentErrorLabel: S, pdfContentRetryLabel: w, xlsxFormulaLabel: T = "Formula", codeContentLoadingLabel: E, codeContentErrorLabel: D, codeContentRetryLabel: A, tableCopyLabel: j, tableCopiedLabel: ee, tableDownloadCsvLabel: te, codeBlockCopyLabel: M, codeBlockCopiedLabel: ne, codeBlockDownloadLabel: ie, tableScrollRegionAriaLabel: ae, mathScrollRegionAriaLabel: N, ooxmlHighlightsLabel: P, ooxmlHighlightNavigatedLabel: F } = {}, styles: oe, codeBlockTheme: V, tableDownloadFilename: le, loadPdf: ue, hidePdfToolbar: W = !1, configurePdfWorker: G, onAppInfo: de, onVisualizerSendMessage: fe }) => {
-	let { colors: K, typography: q, bodyClassName: pe, cssVars: me } = oe ?? {}, [ge, _e] = B(0), ye = R(Le, [ge]), be = I(() => {
+}, ze = I(({ 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: D, codeContentRetryLabel: A, tableCopyLabel: j, tableCopiedLabel: M, tableDownloadCsvLabel: ee, codeBlockCopyLabel: te, codeBlockCopiedLabel: N, codeBlockDownloadLabel: re, tableScrollRegionAriaLabel: ie, mathScrollRegionAriaLabel: P, ooxmlHighlightsLabel: F, ooxmlHighlightNavigatedLabel: I } = {}, styles: ae, codeBlockTheme: H, tableDownloadFilename: ce, loadPdf: le, hidePdfToolbar: G = !1, configurePdfWorker: ue, onAppInfo: de, onVisualizerSendMessage: fe }) => {
+	let { colors: K, typography: q, bodyClassName: pe, cssVars: me } = ae ?? {}, [ge, _e] = V(0), ye = z(Le, [ge]), be = L(() => {
 		_e((e) => e + 1);
-	}, []), xe = z(void 0), [Se, Ce] = B(0), J = I((e) => {
+	}, []), xe = B(void 0), [Se, Ce] = V(0), J = L((e) => {
 		xe.current = e;
 	}, []);
-	L(() => {
+	R(() => {
 		let t = xe.current;
 		t != null && (xe.current = void 0, e.type === i.Pdf && e.url === t && Ce((e) => e + 1));
 	}, [e]);
-	let Y = q?.fontClassName != null, Te = R(() => ({
+	let Y = q?.fontClassName != null, Te = z(() => ({
 		...m({
 			"--ac-text": K?.text,
 			"--ac-status-text": K?.statusText,
@@ -736,6 +734,10 @@ var K = { panel: "dial-attachment-canvas-panel" }, q = {
 			"--ac-ooxml-highlight-bg": K?.ooxmlHighlightBackground,
 			"--ac-json-collapsed-text": K?.jsonCollapsedText,
 			"--ac-json-collapsed-bg": K?.jsonCollapsedBackground,
+			"--ac-focus-outline": K?.focusOutline,
+			"--ac-code-bg": K?.codeBackground,
+			"--ac-mcp-app-loading-bg": K?.mcpAppLoadingBackground,
+			"--ac-mcp-app-status-text": K?.mcpAppStatusText,
 			"--ac-font-family": Y ? void 0 : q?.fontFamily,
 			"--ac-font-size": Y ? void 0 : q?.fontSize,
 			"--ac-font-weight": Y ? void 0 : q?.fontWeight,
@@ -743,7 +745,7 @@ var K = { panel: "dial-attachment-canvas-panel" }, q = {
 			"--ac-letter-spacing": Y ? void 0 : q?.letterSpacing
 		}),
 		...me
-	}), [oe]), Ee = R(() => {
+	}), [ae]), Ee = z(() => {
 		switch (e.type) {
 			case i.Image:
 			case i.Audio:
@@ -761,52 +763,52 @@ var K = { panel: "dial-attachment-canvas-panel" }, q = {
 			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]), De = R(() => {
+	}, [e.type]), De = z(() => {
 		switch (e.type) {
-			case i.PlainText: return /* @__PURE__ */ H("pre", {
-				className: _("break-words whitespace-pre-wrap", X.body, q?.fontClassName),
+			case i.PlainText: return /* @__PURE__ */ U("pre", {
+				className: _("wrap-break-word whitespace-pre-wrap", X.body, q?.fontClassName),
 				children: e.text
 			});
-			case i.Image: return /* @__PURE__ */ H(Re, {
+			case i.Image: return /* @__PURE__ */ U(Re, {
 				url: e.url,
 				fileName: r,
 				loadErrorLabel: c
 			});
-			case i.Audio: return /* @__PURE__ */ H("audio", {
+			case i.Audio: return /* @__PURE__ */ U("audio", {
 				controls: !0,
 				controlsList: "nodownload",
 				src: e.url,
 				"aria-label": r ?? "Audio attachment",
 				className: "w-full max-w-sm",
 				preload: "metadata",
-				children: e.mimeType && /* @__PURE__ */ H("source", {
+				children: e.mimeType && /* @__PURE__ */ U("source", {
 					src: e.url,
 					type: e.mimeType
 				})
 			});
-			case i.Markdown: return /* @__PURE__ */ H("div", {
+			case i.Markdown: return /* @__PURE__ */ U("div", {
 				className: "p-4",
-				children: /* @__PURE__ */ H(p, {
+				children: /* @__PURE__ */ U(p, {
 					content: e.text,
 					isStreaming: !1,
-					codeBlockTheme: V,
-					codeBlockCopyLabel: M,
-					codeBlockCopiedLabel: ne,
-					codeBlockDownloadLabel: ie,
-					tableScrollRegionAriaLabel: ae,
-					mathScrollRegionAriaLabel: N,
+					codeBlockTheme: H,
+					codeBlockCopyLabel: te,
+					codeBlockCopiedLabel: N,
+					codeBlockDownloadLabel: re,
+					tableScrollRegionAriaLabel: ie,
+					mathScrollRegionAriaLabel: P,
 					classNames: u
 				})
 			});
-			case i.MarkdownTable: return /* @__PURE__ */ H(p, {
+			case i.MarkdownTable: return /* @__PURE__ */ U(p, {
 				content: e.text,
 				isStreaming: !1,
-				codeBlockTheme: V,
-				codeBlockCopyLabel: M,
-				codeBlockCopiedLabel: ne,
-				codeBlockDownloadLabel: ie,
-				tableScrollRegionAriaLabel: ae,
-				mathScrollRegionAriaLabel: N,
+				codeBlockTheme: H,
+				codeBlockCopyLabel: te,
+				codeBlockCopiedLabel: N,
+				codeBlockDownloadLabel: re,
+				tableScrollRegionAriaLabel: ie,
+				mathScrollRegionAriaLabel: P,
 				containerClassName: "flex h-full min-h-0 flex-col",
 				classNames: {
 					...u,
@@ -815,23 +817,23 @@ var K = { panel: "dial-attachment-canvas-panel" }, q = {
 				},
 				tableActionLabels: {
 					copyLabel: j,
-					copiedLabel: ee,
-					downloadCsvLabel: te
+					copiedLabel: M,
+					downloadCsvLabel: ee
 				},
-				tableDownloadFilename: le
+				tableDownloadFilename: ce
 			});
 			case i.Json: {
 				let t = q?.jsonLabelClassName ?? (q?.jsonClassName ? void 0 : "dial-code-semi-text");
-				return /* @__PURE__ */ H("div", {
+				return /* @__PURE__ */ U("div", {
 					dir: "ltr",
 					className: "h-full overflow-auto",
-					children: /* @__PURE__ */ H("div", {
+					children: /* @__PURE__ */ U("div", {
 						className: _("m-3 overflow-auto rounded-md border", X.jsonWrapper),
-						children: /* @__PURE__ */ H(se, {
+						children: /* @__PURE__ */ U(oe, {
 							data: e.value,
 							style: {
-								container: _("whitespace-pre-wrap break-words p-2", q?.jsonClassName ?? "dial-code-text"),
-								basicChildStyle: ce.basicChildStyle,
+								container: _("whitespace-pre-wrap wrap-break-word p-2", q?.jsonClassName ?? "dial-code-text"),
+								basicChildStyle: se.basicChildStyle,
 								childFieldsContainer: "m-0 ps-3",
 								label: _("me-1", t, X.jsonLabel),
 								clickableLabel: _("me-1 cursor-pointer hover:underline", t, X.jsonClickableLabel),
@@ -844,22 +846,24 @@ var K = { panel: "dial-attachment-canvas-panel" }, q = {
 								punctuation: _("me-1", X.jsonPunctuation),
 								collapseIcon: _("me-1 cursor-pointer select-none transition-colors", X.jsonCollapseIcon),
 								expandIcon: _("me-1 cursor-pointer select-none transition-colors", X.jsonExpandIcon),
-								collapsedContent: _("dial-caption-text me-1 cursor-pointer rounded px-1", X.jsonCollapsedContent)
+								collapsedContent: _(q?.jsonCollapsedClassName ?? "dial-caption-text", "me-1 cursor-pointer rounded px-1", X.jsonCollapsedContent)
 							}
 						})
 					})
 				});
 			}
-			case i.Code: return /* @__PURE__ */ H(he, {
+			case i.Code: return /* @__PURE__ */ U(he, {
 				content: e,
-				codeBlockTheme: V,
+				codeBlockTheme: H,
+				codeClassName: q?.codeClassName,
+				errorLabelClassName: q?.errorMessageClassName,
 				labels: {
 					loadingLabel: E,
 					errorLabel: D,
 					retryLabel: A
 				}
 			});
-			case i.Html: return /* @__PURE__ */ H(ve, {
+			case i.Html: return /* @__PURE__ */ U(ve, {
 				content: e,
 				labels: {
 					htmlFrameBlockedLabel: f,
@@ -867,26 +871,29 @@ var K = { panel: "dial-attachment-canvas-panel" }, q = {
 				},
 				isSourceView: a,
 				title: r,
-				codeBlockTheme: V
+				codeBlockTheme: H,
+				codeClassName: q?.codeClassName
 			});
-			case i.Pdf: return /* @__PURE__ */ H(s, {
+			case i.Pdf: return /* @__PURE__ */ U(s, {
 				retryKey: ge,
 				onRetry: be,
+				errorLabelClassName: q?.errorMessageClassName,
 				labels: {
 					loadingLabel: x,
 					errorLabel: S,
 					retryLabel: w
 				},
-				children: /* @__PURE__ */ H(ye, {
+				children: /* @__PURE__ */ U(ye, {
 					fileName: r,
 					url: e.url,
 					highlights: e.highlights ?? [],
 					selectedHighlightId: e.selectedHighlightId,
 					selectedPageNumber: e.page,
-					loadPdf: ue,
+					loadPdf: le,
 					onLoadError: J,
-					hideHeader: W,
-					configurePdfWorker: G,
+					hideHeader: G,
+					configurePdfWorker: ue,
+					errorLabelClassName: q?.errorMessageClassName,
 					labels: {
 						thumbnailsLabel: g,
 						showThumbnailsLabel: v,
@@ -898,39 +905,39 @@ var K = { panel: "dial-attachment-canvas-panel" }, q = {
 					}
 				})
 			}, `${e.url}#${Se}`);
-			case i.Ooxml: return /* @__PURE__ */ H(ke, {
+			case i.Ooxml: return /* @__PURE__ */ U(ke, {
 				content: e,
 				fileName: r,
 				loadErrorLabel: c,
 				formulaLabel: T,
 				formulaLabelClassName: q?.xlsxFormulaLabelClassName ?? "dial-italic-text",
 				formulaValueClassName: q?.xlsxFormulaValueClassName ?? "dial-code-text",
-				highlightsLabel: P,
-				highlightNavigatedLabel: F
+				highlightsLabel: F,
+				highlightNavigatedLabel: I
 			});
 			case i.Visualizer:
-			case i.GroupedVisualizer: return /* @__PURE__ */ H(Ie, {
+			case i.GroupedVisualizer: return /* @__PURE__ */ U(Ie, {
 				content: e,
 				errorLabel: d,
 				onSendMessage: fe
 			});
-			case i.McpApp: return /* @__PURE__ */ H(we, {
+			case i.McpApp: return /* @__PURE__ */ U(we, {
 				content: e,
 				onAppInfo: de
 			});
-			case i.Unsupported: return /* @__PURE__ */ H("p", {
+			case i.Unsupported: return /* @__PURE__ */ U("p", {
 				className: _("text-center", X.statusLabel),
 				children: o
 			});
 			case i.Error: {
 				let t = e.errorType === n.Forbidden;
-				return /* @__PURE__ */ U("div", {
+				return /* @__PURE__ */ W("div", {
 					className: "flex flex-col items-center gap-2",
-					children: [H(t ? re : k, {
+					children: [U(t ? ne : k, {
 						size: 60,
 						stroke: C,
 						className: X.errorIcon
-					}), /* @__PURE__ */ H("p", {
+					}), /* @__PURE__ */ U("p", {
 						className: _("text-center", X.statusLabel),
 						children: t ? l : c
 					})]
@@ -944,8 +951,11 @@ var K = { panel: "dial-attachment-canvas-panel" }, q = {
 		q?.jsonLabelClassName,
 		q?.xlsxFormulaLabelClassName,
 		q?.xlsxFormulaValueClassName,
+		q?.codeClassName,
+		q?.jsonCollapsedClassName,
+		q?.errorMessageClassName,
 		r,
-		V,
+		H,
 		o,
 		c,
 		l,
@@ -954,10 +964,10 @@ var K = { panel: "dial-attachment-canvas-panel" }, q = {
 		f,
 		h,
 		a,
+		ce,
 		le,
-		ue,
-		W,
 		G,
+		ue,
 		de,
 		g,
 		v,
@@ -976,60 +986,61 @@ var K = { panel: "dial-attachment-canvas-panel" }, q = {
 		Se,
 		J,
 		j,
+		M,
 		ee,
 		te,
-		M,
-		ne,
-		ie,
-		ae,
 		N,
+		re,
+		ie,
 		P,
-		F
+		F,
+		I
 	]);
-	return /* @__PURE__ */ H("div", {
-		style: !t && ze.has(e.type) ? Te : void 0,
+	return /* @__PURE__ */ U("div", {
+		style: t ? void 0 : Te,
 		className: _(t ? "flex h-full items-center justify-center" : Ee, pe),
-		children: t ? /* @__PURE__ */ H(O, {}) : De
+		children: t ? /* @__PURE__ */ U(O, {}) : De
 	});
-}), Ve = {
-	mcpAppDivider: "_mcpAppDivider_1jh5p_1",
-	mcpAppVersion: "_mcpAppVersion_1jh5p_5"
-}, He = 2e3, Ue = F(({ isOpen: e, isLoading: t = !1, onClose: n, content: r, fileName: a, leftActions: s, labels: { ariaLabel: c, closeLabel: l = "Close", resizeLabel: u = "Resize panel", downloadLabel: d = "Download", copyTextLabel: f = "Copy text", copiedTextLabel: p = "Copied!", copyMarkdownLabel: h = "Copy as Markdown", copiedMarkdownLabel: g = "Copied!", copyJsonLabel: v = "Copy as JSON", copiedJsonLabel: y = "Copied!", visualizerErrorLabel: w, unsupportedLabel: E = "Preview is not supported for this file", loadErrorLabel: D = "Failed to load file", forbiddenErrorLabel: O = "You don't have permission to access this file", htmlFrameBlockedLabel: k = "This page cannot be displayed in preview", htmlOpenInNewTabLabel: A = "Open in new tab", htmlViewSourceLabel: re = "View source", htmlViewRenderedLabel: N = "View rendered", mcpAppReloadLabel: P = "Reload", pdfThumbnailsLabel: F, pdfShowThumbnailsLabel: oe, pdfHideThumbnailsLabel: se, pdfPageNumberLabel: ce, pdfContentLoadingLabel: le, pdfContentErrorLabel: ue, pdfContentRetryLabel: W, xlsxFormulaLabel: G, codeContentLoadingLabel: de, codeContentErrorLabel: fe, codeContentRetryLabel: q, tableCopyLabel: pe, tableCopiedLabel: me, tableDownloadCsvLabel: he, codeBlockCopyLabel: ge, codeBlockCopiedLabel: _e, codeBlockDownloadLabel: ve, tableScrollRegionAriaLabel: ye, mathScrollRegionAriaLabel: be, ooxmlHighlightsLabel: xe, ooxmlHighlightNavigatedLabel: Se }, onDownload: Ce, onCopyText: J, onCopyMarkdown: we, onCopyJson: Y, tableDownloadFilename: Te, isMobile: Ee = !1, defaultWidth: De, minWidth: Oe = 600, maxWidth: ke = 1500, onResizeStop: Ae, styles: je, codeBlockTheme: Me, loadPdf: Ne, configurePdfWorker: Pe, onVisualizerSendMessage: Fe }) => {
-	let [Ie, X] = B(!1), [Le, Re] = B(!1), [ze, Ue] = B(!1), [We, Z] = B(!1), [Ge, Ke] = B(void 0), qe = z(null), Je = z(null), Q = z(null), Ye = I(() => {
-		J?.(), qe.current != null && clearTimeout(qe.current), X(!0), qe.current = setTimeout(() => X(!1), He);
-	}, [J]), Xe = I(() => {
-		we?.(), Je.current != null && clearTimeout(Je.current), Re(!0), Je.current = setTimeout(() => Re(!1), He);
-	}, [we]), Ze = I(() => {
-		Y?.(), Q.current != null && clearTimeout(Q.current), Ue(!0), Q.current = setTimeout(() => Ue(!1), He);
+}), Be = {
+	mcpAppDivider: "_mcpAppDivider_1gxed_1",
+	mcpAppVersion: "_mcpAppVersion_1gxed_5",
+	panelHeader: "_panelHeader_1gxed_9"
+}, Ve = 2e3, He = I(({ 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: A = "Open in new tab", htmlViewSourceLabel: ne = "View source", htmlViewRenderedLabel: P = "View rendered", mcpAppReloadLabel: F = "Reload", pdfThumbnailsLabel: I, pdfShowThumbnailsLabel: ae, pdfHideThumbnailsLabel: oe, pdfPageNumberLabel: se, pdfContentLoadingLabel: ce, pdfContentErrorLabel: le, pdfContentRetryLabel: G, xlsxFormulaLabel: ue, codeContentLoadingLabel: de, codeContentErrorLabel: fe, codeContentRetryLabel: q, tableCopyLabel: pe, tableCopiedLabel: me, tableDownloadCsvLabel: he, codeBlockCopyLabel: ge, codeBlockCopiedLabel: _e, codeBlockDownloadLabel: ve, tableScrollRegionAriaLabel: ye, mathScrollRegionAriaLabel: be, ooxmlHighlightsLabel: xe, ooxmlHighlightNavigatedLabel: Se }, onDownload: Ce, onCopyText: J, onCopyMarkdown: we, onCopyJson: Y, tableDownloadFilename: Te, isMobile: Ee = !1, defaultWidth: De, minWidth: Oe = 600, maxWidth: ke = 1500, onResizeStop: Ae, styles: je, codeBlockTheme: Me, loadPdf: Ne, configurePdfWorker: Pe, onVisualizerSendMessage: Fe }) => {
+	let [Ie, X] = V(!1), [Le, Re] = V(!1), [He, Ue] = V(!1), [Z, We] = V(!1), [Ge, Ke] = V(void 0), qe = B(null), Q = B(null), Je = B(null), Ye = L(() => {
+		J?.(), qe.current != null && clearTimeout(qe.current), X(!0), qe.current = setTimeout(() => X(!1), Ve);
+	}, [J]), Xe = L(() => {
+		we?.(), Q.current != null && clearTimeout(Q.current), Re(!0), Q.current = setTimeout(() => Re(!1), Ve);
+	}, [we]), Ze = L(() => {
+		Y?.(), Je.current != null && clearTimeout(Je.current), Ue(!0), Je.current = setTimeout(() => Ue(!1), Ve);
 	}, [Y]);
-	L(() => () => {
-		qe.current != null && clearTimeout(qe.current), Je.current != null && clearTimeout(Je.current), Q.current != null && clearTimeout(Q.current);
+	R(() => () => {
+		qe.current != null && clearTimeout(qe.current), Q.current != null && clearTimeout(Q.current), Je.current != null && clearTimeout(Je.current);
 	}, []);
-	let Qe = I(() => {
-		Z((e) => !e);
+	let Qe = L(() => {
+		We((e) => !e);
 	}, []);
-	L(() => {
-		Z(!1), Ke(void 0);
+	R(() => {
+		We(!1), Ke(void 0);
 	}, [r]);
-	let { className: $e, panelStyles: et, ...$ } = je ?? {}, { colors: tt, typography: nt } = $, rt = R(() => m({
+	let { className: $e, panelStyles: $, ...et } = je ?? {}, { colors: tt, typography: nt } = et, rt = z(() => m({
 		"--ac-mcp-app-divider": tt?.mcpAppDividerColor,
 		"--ac-mcp-app-version": tt?.mcpAppVersionColor
-	}), [tt?.mcpAppDividerColor, tt?.mcpAppVersionColor]), it = r.type === i.McpApp && Ge != null ? /* @__PURE__ */ U("span", {
+	}), [tt?.mcpAppDividerColor, tt?.mcpAppVersionColor]), it = r.type === i.McpApp && Ge != null ? /* @__PURE__ */ W("span", {
 		style: rt,
 		children: [
-			/* @__PURE__ */ H("span", { children: a }),
-			/* @__PURE__ */ H("span", {
+			/* @__PURE__ */ U("span", { children: a }),
+			/* @__PURE__ */ U("span", {
 				"aria-hidden": !0,
-				className: _("mx-1.5 inline-block h-3 w-0 border-s align-middle", Ve.mcpAppDivider)
+				className: _("mx-1.5 inline-block h-3 w-0 border-s align-middle", Be.mcpAppDivider)
 			}),
-			/* @__PURE__ */ H("span", { children: Ge.name }),
-			Ge.version && /* @__PURE__ */ H("span", {
-				className: _("ms-2", nt?.mcpAppVersionClassName ?? "dial-caption-text", Ve.mcpAppVersion),
+			/* @__PURE__ */ U("span", { children: Ge.name }),
+			Ge.version && /* @__PURE__ */ U("span", {
+				className: _("ms-2", nt?.mcpAppVersionClassName ?? "dial-caption-text", Be.mcpAppVersion),
 				children: Ge.version
 			})
 		]
 	}) : a, at = !t && r.type === i.Html && (r.srcdoc != null || r.resolveSourceText != null), ot = !t && J != null && (r.type === i.PlainText || r.type === i.Code), st = !t && we != null && r.type === i.Markdown, ct = !t && Y != null && r.type === i.Json, lt = !t && Ce != null && o(r), ut = !t && r.type === i.McpApp && r.onReload != null;
-	return /* @__PURE__ */ H(x, {
+	return /* @__PURE__ */ U(x, {
 		isOpen: e,
 		orientation: b.Right,
 		title: it,
@@ -1045,36 +1056,40 @@ var K = { panel: "dial-attachment-canvas-panel" }, q = {
 		maxWidth: ke,
 		onResizeStop: Ae,
 		styles: {
-			...et,
-			titleClassName: et?.titleClassName ?? "dial-h3-text",
-			headerClassName: _("border-b border-tertiary", et?.headerClassName),
-			className: _(e ? "mobile:w-full mobile:max-w-full" : "w-0", $e, et?.className, K.panel)
+			...$,
+			cssVars: {
+				...m({ "--ac-header-border": tt?.headerBorder }),
+				...$?.cssVars
+			},
+			titleClassName: $?.titleClassName ?? "dial-h3-text",
+			headerClassName: _("border-b", Be.panelHeader, $?.headerClassName),
+			className: _(e ? "mobile:w-full mobile:max-w-full" : "w-0", $e, $?.className, K.panel)
 		},
 		leftActions: s,
-		rightActions: at || ot || st || ct || lt || ut ? /* @__PURE__ */ U(V, { children: [
-			ut && /* @__PURE__ */ H(T, {
-				icon: /* @__PURE__ */ H(ae, {
+		rightActions: at || ot || st || ct || lt || ut ? /* @__PURE__ */ W(H, { children: [
+			ut && /* @__PURE__ */ U(T, {
+				icon: /* @__PURE__ */ U(ie, {
 					size: S.LG,
 					stroke: C,
 					"aria-hidden": !0
 				}),
-				"aria-label": P,
-				tooltipProps: { tooltip: P },
+				"aria-label": F,
+				tooltipProps: { tooltip: F },
 				onClick: r.type === i.McpApp ? r.onReload : void 0
 			}),
-			at && /* @__PURE__ */ H(T, {
-				icon: H(We ? ne : ee, {
+			at && /* @__PURE__ */ U(T, {
+				icon: U(Z ? N : M, {
 					size: S.LG,
 					stroke: C,
 					"aria-hidden": !0
 				}),
-				"aria-label": We ? N : re,
-				"aria-pressed": We,
-				tooltipProps: { tooltip: We ? N : re },
+				"aria-label": Z ? P : ne,
+				"aria-pressed": Z,
+				tooltipProps: { tooltip: Z ? P : ne },
 				onClick: Qe
 			}),
-			ot && /* @__PURE__ */ H(T, {
-				icon: H(Ie ? j : te, {
+			ot && /* @__PURE__ */ U(T, {
+				icon: U(Ie ? j : ee, {
 					size: S.LG,
 					stroke: C,
 					"aria-hidden": !0
@@ -1083,8 +1098,8 @@ var K = { panel: "dial-attachment-canvas-panel" }, q = {
 				tooltipProps: { tooltip: Ie ? p : f },
 				onClick: Ye
 			}),
-			st && /* @__PURE__ */ H(T, {
-				icon: H(Le ? j : ie, {
+			st && /* @__PURE__ */ U(T, {
+				icon: U(Le ? j : re, {
 					size: S.LG,
 					stroke: C,
 					"aria-hidden": !0
@@ -1093,18 +1108,18 @@ var K = { panel: "dial-attachment-canvas-panel" }, q = {
 				tooltipProps: { tooltip: Le ? g : h },
 				onClick: Xe
 			}),
-			ct && /* @__PURE__ */ H(T, {
-				icon: H(ze ? j : te, {
+			ct && /* @__PURE__ */ U(T, {
+				icon: U(He ? j : ee, {
 					size: S.LG,
 					stroke: C,
 					"aria-hidden": !0
 				}),
-				"aria-label": ze ? y : v,
-				tooltipProps: { tooltip: ze ? y : v },
+				"aria-label": He ? y : v,
+				tooltipProps: { tooltip: He ? y : v },
 				onClick: Ze
 			}),
-			lt && /* @__PURE__ */ H(T, {
-				icon: /* @__PURE__ */ H(M, {
+			lt && /* @__PURE__ */ U(T, {
+				icon: /* @__PURE__ */ U(te, {
 					size: S.LG,
 					stroke: C
 				}),
@@ -1113,11 +1128,11 @@ var K = { panel: "dial-attachment-canvas-panel" }, q = {
 				onClick: Ce
 			})
 		] }) : null,
-		children: /* @__PURE__ */ H(Be, {
+		children: /* @__PURE__ */ U(ze, {
 			content: r,
 			isLoading: t,
 			fileName: a,
-			isHtmlSourceView: We,
+			isHtmlSourceView: Z,
 			onAppInfo: r.type === i.McpApp ? Ke : void 0,
 			labels: {
 				unsupportedLabel: E,
@@ -1126,14 +1141,14 @@ var K = { panel: "dial-attachment-canvas-panel" }, q = {
 				visualizerErrorLabel: w,
 				htmlFrameBlockedLabel: k,
 				htmlOpenInNewTabLabel: A,
-				pdfThumbnailsLabel: F,
-				pdfShowThumbnailsLabel: oe,
-				pdfHideThumbnailsLabel: se,
-				pdfPageNumberLabel: ce,
-				pdfContentLoadingLabel: le,
-				pdfContentErrorLabel: ue,
-				pdfContentRetryLabel: W,
-				xlsxFormulaLabel: G,
+				pdfThumbnailsLabel: I,
+				pdfShowThumbnailsLabel: ae,
+				pdfHideThumbnailsLabel: oe,
+				pdfPageNumberLabel: se,
+				pdfContentLoadingLabel: ce,
+				pdfContentErrorLabel: le,
+				pdfContentRetryLabel: G,
+				xlsxFormulaLabel: ue,
 				codeContentLoadingLabel: de,
 				codeContentErrorLabel: fe,
 				codeContentRetryLabel: q,
@@ -1148,7 +1163,7 @@ var K = { panel: "dial-attachment-canvas-panel" }, q = {
 				ooxmlHighlightsLabel: xe,
 				ooxmlHighlightNavigatedLabel: Se
 			},
-			styles: $,
+			styles: et,
 			codeBlockTheme: Me,
 			tableDownloadFilename: Te,
 			loadPdf: Ne,
@@ -1156,21 +1171,21 @@ var K = { panel: "dial-attachment-canvas-panel" }, q = {
 			onVisualizerSendMessage: Fe
 		})
 	});
-}), We = /* @__PURE__ */ new Set(["html", "htm"]), Z = {
+}), Ue = /* @__PURE__ */ new Set(["html", "htm"]), Z = {
 	docx: "application/vnd.openxmlformats-officedocument.wordprocessingml.document",
 	xlsx: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",
 	pptx: "application/vnd.openxmlformats-officedocument.presentationml.presentation"
-}, Ge = /* @__PURE__ */ 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(".")), Ke = {
+}, We = /* @__PURE__ */ new Set(/* @__PURE__ */ "txt.md.markdown.json.jsonl.ndjson.xml.csv.tsv.yaml.yml.toml.ini.conf.cfg.css.scss.sass.less.js.jsx.ts.tsx.mjs.cjs.mts.cts.py.rb.go.rs.java.kt.swift.c.h.cpp.cs.sh.bash.zsh.fish.ps1.log.env.gitignore.dockerfile.makefile.sql".split(".")), Ge = {
 	docx: r.Docx,
 	xlsx: r.Xlsx,
 	pptx: r.Pptx,
 	csv: r.Csv
-}, qe = {
+}, Ke = {
 	[Z.docx]: r.Docx,
 	[Z.xlsx]: r.Xlsx,
 	[Z.pptx]: r.Pptx,
 	[f.CSV]: r.Csv
-}, Je = {
+}, qe = {
 	[r.Docx]: Z.docx,
 	[r.Xlsx]: Z.xlsx,
 	[r.Pptx]: Z.pptx,
@@ -1178,21 +1193,21 @@ var K = { panel: "dial-attachment-canvas-panel" }, q = {
 }, Q = (e, t) => {
 	let n = t?.split(";", 1)[0].trim().toLowerCase();
 	if (n != null) {
-		let e = qe[n];
+		let e = Ke[n];
 		if (e != null) return e;
 	}
 	let r = e.lastIndexOf(".");
-	if (r !== -1) return Ke[e.slice(r + 1).toLowerCase()];
-}, Ye = (e, t) => Q(e, t) != null, Xe = (e, t) => {
+	if (r !== -1) return Ge[e.slice(r + 1).toLowerCase()];
+}, Je = (e, t) => Q(e, t) != null, Ye = (e, t) => {
 	let n = Q(e, t);
-	return n == null ? void 0 : Je[n];
-}, Ze = (e) => {
-	let t = e.lastIndexOf(".");
-	return t !== -1 && Ge.has(e.slice(t + 1).toLowerCase());
-}, Qe = (e) => {
+	return n == null ? void 0 : qe[n];
+}, Xe = (e) => {
 	let t = e.lastIndexOf(".");
 	return t !== -1 && We.has(e.slice(t + 1).toLowerCase());
-}, $e = {
+}, Ze = (e) => {
+	let t = e.lastIndexOf(".");
+	return t !== -1 && Ue.has(e.slice(t + 1).toLowerCase());
+}, Qe = {
 	xml: "xml",
 	csv: "plaintext",
 	tsv: "plaintext",
@@ -1240,47 +1255,47 @@ var K = { panel: "dial-attachment-canvas-panel" }, q = {
 	gitignore: "plaintext",
 	dockerfile: "plaintext",
 	makefile: "plaintext"
-}, et = (e) => $e[e], $ = (e) => ({
+}, $e = (e) => Qe[e], $ = (e) => ({
 	type: i.Unsupported,
 	...e != null && { url: e }
-}), tt = (e) => ({
+}), et = (e) => ({
 	type: i.Error,
 	errorType: n.LoadFailed,
 	...e != null && { url: e }
-}), nt = (e) => ({
+}), tt = (e) => ({
 	type: i.Error,
 	errorType: n.Forbidden,
 	...e != null && { url: e }
-}), rt = (e) => {
+}), nt = (e) => {
 	if (e.type === i.Image || e.type === i.Audio || e.type === i.Pdf || e.type === i.Ooxml) return e.url.startsWith("blob:") ? e.url : void 0;
-}, it = (e) => {
-	let t = rt(e);
+}, rt = (e) => {
+	let t = nt(e);
 	t != null && URL.revokeObjectURL(t);
-}, at = {
+}, it = {
 	type: i.PlainText,
 	text: ""
-}, ot = N(void 0);
-ot.displayName = "AttachmentCanvasContext";
-var st = N(void 0), ct = ({ children: e }) => {
-	let t = z(0), n = I(() => {
+}, at = P(void 0);
+at.displayName = "AttachmentCanvasContext";
+var ot = P(void 0), st = ({ children: e }) => {
+	let t = B(0), n = L(() => {
 		let e = ++t.current;
 		return () => e === t.current;
 	}, []);
-	L(() => () => {
+	R(() => () => {
 		t.current += 1;
 	}, []);
-	let [r, i] = B(!1), [a, o] = B(!1), [s, c] = B(at), [l, u] = B(void 0), [d, f] = B(void 0), p = I((e, t) => {
+	let [r, i] = V(!1), [a, o] = V(!1), [s, c] = V(it), [l, u] = V(void 0), [d, f] = V(void 0), p = L((e, t) => {
 		u(e), f(t), o(!0), i(!0);
-	}, []), m = I((e, t, n) => {
+	}, []), m = L((e, t, n) => {
 		c(e), u(t), f(n), o(!1), i(!0);
-	}, []), h = I(() => {
-		c(at), i(!1), o(!1), f(void 0);
+	}, []), h = L(() => {
+		c(it), i(!1), o(!1), f(void 0);
 	}, []);
-	return L(() => () => {
-		let e = rt(s);
+	return R(() => () => {
+		let e = nt(s);
 		e != null && URL.revokeObjectURL(e);
-	}, [s]), /* @__PURE__ */ H(ot.Provider, {
-		value: R(() => ({
+	}, [s]), /* @__PURE__ */ U(at.Provider, {
+		value: z(() => ({
 			isOpen: r,
 			isLoading: a,
 			content: s,
@@ -1299,41 +1314,41 @@ var st = N(void 0), ct = ({ children: e }) => {
 			m,
 			h
 		]),
-		children: /* @__PURE__ */ H(st.Provider, {
+		children: /* @__PURE__ */ U(ot.Provider, {
 			value: n,
 			children: e
 		})
 	});
-}, lt = () => {
-	let e = oe(ot);
+}, ct = () => {
+	let e = ae(at);
 	if (!e) throw Error("useAttachmentCanvas must be used within an AttachmentCanvasProvider");
 	return e;
-}, ut = () => {
-	let e = oe(st);
+}, lt = () => {
+	let e = ae(ot);
 	if (!e) throw Error("useLatestCanvasRequest must be used within an AttachmentCanvasProvider");
-	let t = z(void 0);
-	return L(() => (t.current = {}, () => {
+	let t = B(void 0);
+	return R(() => (t.current = {}, () => {
 		t.current = void 0;
-	}), []), I(() => {
+	}), []), L(() => {
 		let n = t.current, r = e();
 		return () => n !== void 0 && t.current === n && r();
 	}, [e]);
-}, dt = F(({ labels: e, leftActions: t, isMobile: n = !1, defaultWidth: r, minWidth: o, maxWidth: s, codeBlockTheme: c, tableDownloadFilename: l, loadPdf: u, configurePdfWorker: d, onVisualizerSendMessage: f }) => {
-	let { ariaLabel: p = "Attachment preview", closeLabel: m = "Close", downloadLabel: g = "Download", unsupportedLabel: _ = "Preview is not supported for this file", loadErrorLabel: v = "Failed to load file", forbiddenErrorLabel: y = "You don't have permission to access this file", copyTextLabel: b, copiedTextLabel: x, copyMarkdownLabel: S, copiedMarkdownLabel: C, copyJsonLabel: w, copiedJsonLabel: T, htmlFrameBlockedLabel: E, htmlOpenInNewTabLabel: D, htmlViewSourceLabel: O, htmlViewRenderedLabel: k, pdfThumbnailsLabel: A, pdfShowThumbnailsLabel: j, pdfHideThumbnailsLabel: ee, pdfPageNumberLabel: te, pdfContentLoadingLabel: M, pdfContentErrorLabel: ne, pdfContentRetryLabel: re, xlsxFormulaLabel: ie, codeContentLoadingLabel: ae, codeContentErrorLabel: N, codeContentRetryLabel: P, tableCopyLabel: F, tableCopiedLabel: oe, tableDownloadCsvLabel: L, codeBlockCopyLabel: R, codeBlockCopiedLabel: z, codeBlockDownloadLabel: B, tableScrollRegionAriaLabel: se, mathScrollRegionAriaLabel: ce, ooxmlHighlightsLabel: V, ooxmlHighlightNavigatedLabel: U } = e ?? {}, { isOpen: le, isLoading: ue, content: W, fileName: G, closeCanvas: de } = lt(), fe = I(() => {
-		a(W, G);
-	}, [W, G]), K = I(() => {
-		(W.type === i.PlainText || W.type === i.Code) && h(W.text);
-	}, [W]), q = I(() => {
-		W.type === i.Markdown && h(W.text);
-	}, [W]), pe = I(() => {
-		W.type === i.Json && h(JSON.stringify(W.value, null, 2));
-	}, [W]);
-	return /* @__PURE__ */ H(Ue, {
-		isOpen: le,
-		isLoading: ue,
+}, ut = I(({ labels: e, leftActions: t, isMobile: n = !1, defaultWidth: r, minWidth: o, maxWidth: s, codeBlockTheme: c, tableDownloadFilename: l, loadPdf: u, configurePdfWorker: d, onVisualizerSendMessage: f }) => {
+	let { ariaLabel: p = "Attachment preview", closeLabel: m = "Close", downloadLabel: g = "Download", unsupportedLabel: _ = "Preview is not supported for this file", loadErrorLabel: v = "Failed to load file", forbiddenErrorLabel: y = "You don't have permission to access this file", copyTextLabel: b, copiedTextLabel: x, copyMarkdownLabel: S, copiedMarkdownLabel: C, copyJsonLabel: w, copiedJsonLabel: T, htmlFrameBlockedLabel: E, htmlOpenInNewTabLabel: D, htmlViewSourceLabel: O, htmlViewRenderedLabel: k, pdfThumbnailsLabel: A, pdfShowThumbnailsLabel: j, pdfHideThumbnailsLabel: M, pdfPageNumberLabel: ee, pdfContentLoadingLabel: te, pdfContentErrorLabel: N, pdfContentRetryLabel: ne, xlsxFormulaLabel: re, codeContentLoadingLabel: ie, codeContentErrorLabel: P, codeContentRetryLabel: F, tableCopyLabel: I, tableCopiedLabel: ae, tableDownloadCsvLabel: R, codeBlockCopyLabel: z, codeBlockCopiedLabel: B, codeBlockDownloadLabel: V, tableScrollRegionAriaLabel: oe, mathScrollRegionAriaLabel: se, ooxmlHighlightsLabel: H, ooxmlHighlightNavigatedLabel: W } = e ?? {}, { isOpen: ce, isLoading: le, content: G, fileName: ue, closeCanvas: de } = ct(), fe = L(() => {
+		a(G, ue);
+	}, [G, ue]), K = L(() => {
+		(G.type === i.PlainText || G.type === i.Code) && h(G.text);
+	}, [G]), q = L(() => {
+		G.type === i.Markdown && h(G.text);
+	}, [G]), pe = L(() => {
+		G.type === i.Json && h(JSON.stringify(G.value, null, 2));
+	}, [G]);
+	return /* @__PURE__ */ U(He, {
+		isOpen: ce,
+		isLoading: le,
 		onClose: de,
-		content: W,
-		fileName: G,
+		content: G,
+		fileName: ue,
 		leftActions: t,
 		labels: {
 			ariaLabel: p,
@@ -1354,30 +1369,30 @@ var st = N(void 0), ct = ({ children: e }) => {
 			htmlViewRenderedLabel: k,
 			pdfThumbnailsLabel: A,
 			pdfShowThumbnailsLabel: j,
-			pdfHideThumbnailsLabel: ee,
-			pdfPageNumberLabel: te,
-			pdfContentLoadingLabel: M,
-			pdfContentErrorLabel: ne,
-			pdfContentRetryLabel: re,
-			xlsxFormulaLabel: ie,
-			codeContentLoadingLabel: ae,
-			codeContentErrorLabel: N,
-			codeContentRetryLabel: P,
-			tableCopyLabel: F,
-			tableCopiedLabel: oe,
-			tableDownloadCsvLabel: L,
-			codeBlockCopyLabel: R,
-			codeBlockCopiedLabel: z,
-			codeBlockDownloadLabel: B,
-			tableScrollRegionAriaLabel: se,
-			mathScrollRegionAriaLabel: ce,
-			ooxmlHighlightsLabel: V,
-			ooxmlHighlightNavigatedLabel: U
+			pdfHideThumbnailsLabel: M,
+			pdfPageNumberLabel: ee,
+			pdfContentLoadingLabel: te,
+			pdfContentErrorLabel: N,
+			pdfContentRetryLabel: ne,
+			xlsxFormulaLabel: re,
+			codeContentLoadingLabel: ie,
+			codeContentErrorLabel: P,
+			codeContentRetryLabel: F,
+			tableCopyLabel: I,
+			tableCopiedLabel: ae,
+			tableDownloadCsvLabel: R,
+			codeBlockCopyLabel: z,
+			codeBlockCopiedLabel: B,
+			codeBlockDownloadLabel: V,
+			tableScrollRegionAriaLabel: oe,
+			mathScrollRegionAriaLabel: se,
+			ooxmlHighlightsLabel: H,
+			ooxmlHighlightNavigatedLabel: W
 		},
 		onDownload: fe,
-		onCopyText: W.type === i.PlainText || W.type === i.Code ? K : void 0,
-		onCopyMarkdown: W.type === i.Markdown ? q : void 0,
-		onCopyJson: W.type === i.Json ? pe : void 0,
+		onCopyText: G.type === i.PlainText || G.type === i.Code ? K : void 0,
+		onCopyMarkdown: G.type === i.Markdown ? q : void 0,
+		onCopyJson: G.type === i.Json ? pe : void 0,
 		tableDownloadFilename: l,
 		isMobile: n,
 		defaultWidth: r,
@@ -1388,30 +1403,30 @@ var st = N(void 0), ct = ({ children: e }) => {
 		loadPdf: u,
 		onVisualizerSendMessage: f
 	});
-}), ft = {
+}), dt = {
 	frame: "_frame_1ys0b_1",
 	header: "_header_1ys0b_6",
 	title: "_title_1ys0b_10"
-}, pt = F(({ content: e, height: t, onExpand: n, expandAriaLabel: r, actionsGroupAriaLabel: i = "Visualizer actions", frameTitle: a, loadingLabel: o, errorLabel: s, titleClassName: c = "dial-small-semi-text", isBorderless: l = !1, isTitleHidden: u = !1, colors: d, onVisualizerSendMessage: f }) => {
+}, ft = I(({ content: e, height: t, onExpand: n, expandAriaLabel: r, actionsGroupAriaLabel: i = "Visualizer actions", frameTitle: a, loadingLabel: o, errorLabel: s, titleClassName: c = "dial-small-semi-text", isBorderless: l = !1, isTitleHidden: u = !1, colors: d, onVisualizerSendMessage: f }) => {
 	let p = e.visualizerName.trim(), h = !u && p !== "";
-	return /* @__PURE__ */ U("div", {
-		className: _("flex w-full min-w-0 flex-col overflow-hidden", !l && ["rounded-xl border", ft.frame]),
+	return /* @__PURE__ */ W("div", {
+		className: _("flex w-full min-w-0 flex-col overflow-hidden", !l && ["rounded-xl border", dt.frame]),
 		style: m({
 			"--igv-bg": d?.background,
 			"--igv-border": d?.border,
 			"--igv-title-text": d?.titleText
 		}),
-		children: [/* @__PURE__ */ U("div", {
-			className: _("flex min-h-10 items-center gap-2 py-2", h ? "justify-between" : "justify-end", !l && ["border-b px-4", ft.header]),
-			children: [h && /* @__PURE__ */ H("span", {
-				className: _("min-w-0 truncate", c, ft.title),
+		children: [/* @__PURE__ */ W("div", {
+			className: _("flex min-h-10 items-center gap-2 py-2", h ? "justify-between" : "justify-end", !l && ["border-b px-4", dt.header]),
+			children: [h && /* @__PURE__ */ U("span", {
+				className: _("min-w-0 truncate", c, dt.title),
 				children: p
-			}), /* @__PURE__ */ H("div", {
+			}), /* @__PURE__ */ U("div", {
 				role: "toolbar",
 				"aria-label": i,
 				className: "flex items-center gap-1",
-				children: /* @__PURE__ */ H(T, {
-					icon: /* @__PURE__ */ H(A, {
+				children: /* @__PURE__ */ U(T, {
+					icon: /* @__PURE__ */ U(A, {
 						size: S.SM,
 						stroke: C,
 						"aria-hidden": !0
@@ -1421,10 +1436,10 @@ var st = N(void 0), ct = ({ children: e }) => {
 					onClick: n
 				})
 			})]
-		}), /* @__PURE__ */ H("div", {
+		}), /* @__PURE__ */ U("div", {
 			className: "w-full",
 			style: { height: `${t}px` },
-			children: /* @__PURE__ */ H(Ie, {
+			children: /* @__PURE__ */ U(Ie, {
 				content: e,
 				loadingLabel: o,
 				errorLabel: s,
@@ -1433,7 +1448,7 @@ var st = N(void 0), ct = ({ children: e }) => {
 			})
 		})]
 	});
-}), mt = (e) => {
+}), pt = (e) => {
 	let t;
 	try {
 		t = new URL(e).pathname;
@@ -1446,8 +1461,8 @@ var st = N(void 0), ct = ({ children: e }) => {
 	} catch {
 		return n;
 	}
-}, ht = (e, t) => {
-	let { openCanvas: n, openCanvasLoading: r, closeCanvas: a } = lt(), { customVisualizers: o, themeId: s, onBeforeOpen: l } = t, u = I(async (t, n, r) => {
+}, mt = (e, t) => {
+	let { openCanvas: n, openCanvasLoading: r, closeCanvas: a } = ct(), { customVisualizers: o, themeId: s, onBeforeOpen: l } = t, u = L(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);
@@ -1485,8 +1500,8 @@ var st = N(void 0), ct = ({ children: e }) => {
 				return i != null && r(i, t.name, n);
 			}
 		}
-		let g = t.name != null && Qe(t.name) || t.url != null && Qe(mt(t.url));
-		if (t.name != null && !Ze(t.name) && !g) return r($(e.resolveContentUrl(t)), t.name, n);
+		let g = t.name != null && Ze(t.name) || t.url != null && Ze(pt(t.url));
+		if (t.name != null && !Xe(t.name) && !g) return r($(e.resolveContentUrl(t)), t.name, n);
 		if (g) {
 			let a = await e.resolveHtmlContent(t);
 			return a == null ? e.hasTextSource(t) ? r($(e.resolveContentUrl(t)), t.name, n) : t.url != null && r({
@@ -1494,15 +1509,15 @@ var st = N(void 0), ct = ({ children: e }) => {
 				url: t.url
 			}, t.name, n) : r(a, t.name, n);
 		}
-		let _ = await e.resolveCodeContent(t, et(m));
+		let _ = await e.resolveCodeContent(t, $e(m));
 		return _ != null && r(_, t.name, n);
 	}, [
 		o,
 		s,
 		e
 	]);
-	return { openAttachmentCanvas: I(async (t, o = t.id, s) => {
-		let d = () => s == null || s(), f = (e, t, r) => d() ? (n(e, t, r), !0) : (it(e), !1);
+	return { openAttachmentCanvas: L(async (t, o = t.id, s) => {
+		let d = () => s == null || s(), f = (e, t, r) => d() ? (n(e, t, r), !0) : (rt(e), !1);
 		switch (t.type) {
 			case c.Image: {
 				let r = e.resolveImageContent(t);
@@ -1539,4 +1554,4 @@ var st = N(void 0), ct = ({ children: e }) => {
 	]) };
 };
 //#endregion
-export { K as ATTACHMENT_CANVAS_CLASS, Ue as AttachmentCanvas, Be as AttachmentCanvasBody, dt as AttachmentCanvasContainer, ct as AttachmentCanvasProvider, i as AttachmentContentType, n as AttachmentErrorType, he as CodeContent, ge as HTML_PREVIEW_FRAME_RENDER_MESSAGE, pt as InlineGroupedVisualizer, we as McpAppCanvasRenderer, r as OoxmlFileType, t as OoxmlHighlightKind, nt as createForbiddenCanvasContent, tt as createLoadErrorCanvasContent, $ as createUnsupportedCanvasContent, a as downloadAttachmentContent, et as extensionToLanguage, je as findVisualizerForApplication, Ae as findVisualizerForMime, Q as getOoxmlFileType, Xe as getOoxmlMimeType, Me as groupedVisualizerCanvasKey, o as isDownloadable, Qe as isHtmlPreviewable, Ye as isOoxmlPreviewable, Ze as isTextPreviewable, Ne as partitionAttachmentsForApplicationVisualizer, lt as useAttachmentCanvas, ut as useLatestCanvasRequest, ht as useOpenAttachmentCanvas };
+export { K as ATTACHMENT_CANVAS_CLASS, He as AttachmentCanvas, ze as AttachmentCanvasBody, ut as AttachmentCanvasContainer, st as AttachmentCanvasProvider, i as AttachmentContentType, n as AttachmentErrorType, he as CodeContent, ge as HTML_PREVIEW_FRAME_RENDER_MESSAGE, ft as InlineGroupedVisualizer, we as McpAppCanvasRenderer, r as OoxmlFileType, t as OoxmlHighlightKind, tt as createForbiddenCanvasContent, et as createLoadErrorCanvasContent, $ as createUnsupportedCanvasContent, a as downloadAttachmentContent, $e as extensionToLanguage, je as findVisualizerForApplication, Ae as findVisualizerForMime, Q as getOoxmlFileType, Ye as getOoxmlMimeType, Me as groupedVisualizerCanvasKey, o as isDownloadable, Ze as isHtmlPreviewable, Je as isOoxmlPreviewable, Xe as isTextPreviewable, Ne as partitionAttachmentsForApplicationVisualizer, ct as useAttachmentCanvas, lt as useLatestCanvasRequest, mt as useOpenAttachmentCanvas };