@epam/ai-dial-attachment-canvas 1.3.0-dev.331 → 1.3.0-dev.342

package/index.js

@@ -2,26 +2,26 @@ 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-BJmXYamK.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, GhostButton as ee, GhostIconButton as T, LinkButton as E, LiveRegion as D, LiveRegionPoliteness as O, Spinner as k } from "@epam/ai-dial-ui-kit";
-import { IconAlertTriangle as A, IconArrowsMaximize as j, IconCheck as te, IconCode as ne, IconCopy as M, IconDownload as re, IconEye as ie, IconLock as ae, IconMarkdown as oe, IconRefresh as se } from "@tabler/icons-react";
-import { createContext as N, lazy as P, memo as F, useCallback as I, useContext as ce, useEffect as L, useMemo as R, useRef as z, useState as B } from "react";
-import { JsonView as le, defaultStyles as ue } from "react-json-view-lite";
-import { Fragment as V, jsx as H, jsxs as U } from "react/jsx-runtime";
-import { AppBridge as de, AppFrame as fe } from "@mcp-ui/client";
-import { McpUiHostContextChangedNotificationSchema as W } from "@modelcontextprotocol/ext-apps/app-bridge";
-import { VisualizerConnector as pe, VisualizerConnectorEvents as me, VisualizerConnectorRequests as he } from "@epam/ai-dial-visualizer-connector";
+import { DIAL_ICON_SIZE as S, DIAL_KIT_ICON_STROKE as C, ElementSize as w, GhostButton as T, GhostIconButton as E, LinkButton as D, LiveRegion as O, LiveRegionPoliteness as k, Spinner as A } from "@epam/ai-dial-ui-kit";
+import { IconAlertTriangle as j, IconArrowsMaximize as M, IconCheck as N, 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 P, lazy as se, memo as F, useCallback as I, useContext as L, useEffect as R, useMemo as z, useRef as B, useState as V } from "react";
+import { JsonView as ce, defaultStyles as le } from "react-json-view-lite";
+import { Fragment as ue, jsx as H, jsxs as U } from "react/jsx-runtime";
+import { AppBridge as W, AppFrame as de } from "@mcp-ui/client";
+import { McpUiHostContextChangedNotificationSchema as fe } from "@modelcontextprotocol/ext-apps/app-bridge";
+import { VisualizerConnector as G, VisualizerConnectorEvents as pe, VisualizerConnectorRequests as me } from "@epam/ai-dial-visualizer-connector";
 //#region src/constants/public-class-names.ts
-var ge = { panel: "dial-attachment-canvas-panel" }, G = {
+var he = { panel: "dial-attachment-canvas-panel" }, ge = {
 	container: "_container_k7ib4_1",
 	containerLight: "_containerLight_k7ib4_5"
 }, K = {
 	[l.Dark]: v,
 	[l.Light]: v
-}, _e = () => P(async () => {
+}, q = () => se(async () => {
 	let { Prism: e } = await import("react-syntax-highlighter");
 	return { default: e };
-}), ve = F(({ content: e, codeBlockTheme: t = l.Light, labels: n, codeClassName: r = "dial-code-text", errorLabelClassName: i }) => {
-	let { text: a, language: o } = e, c = R(() => g(a), [a]), u = o == null || o === "plaintext" || !c, d = K[t], f = t === l.Light, [p, m] = B(0), h = R(_e, [p]), v = I(() => {
+}), _e = F(({ 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 = K[t], f = t === l.Light, [p, m] = V(0), h = z(q, [p]), v = I(() => {
 		m((e) => e + 1);
 	}, []), y = /* @__PURE__ */ H("pre", {
 		className: _(r, "p-4 wrap-break-word whitespace-pre-wrap"),
@@ -29,7 +29,7 @@ var ge = { panel: "dial-attachment-canvas-panel" }, G = {
 	});
 	return /* @__PURE__ */ H("div", {
 		dir: "ltr",
-		className: _("h-full overflow-auto", G.container, f && G.containerLight),
+		className: _("h-full overflow-auto", ge.container, f && ge.containerLight),
 		children: u ? y : /* @__PURE__ */ H(s, {
 			retryKey: p,
 			onRetry: v,
@@ -53,32 +53,32 @@ var ge = { panel: "dial-attachment-canvas-panel" }, G = {
 			})
 		})
 	});
-}), ye = "dial-html-preview:render", be = { openInNewTabButton: "_openInNewTabButton_c1arc_1" }, xe = F(({ 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] = B(!0), [f, p] = B(!1), [m, h] = B(void 0), [g, v] = B(!1), [y, b] = B(!1), x = z(null), S = z(null), C = z(!1), w = z({
+}), ve = "dial-html-preview:render", ye = { openInNewTabButton: "_openInNewTabButton_c1arc_1" }, be = F(({ 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", loadingLabel: u = "Loading…" } = t, [d, f] = V(!0), [p, m] = V(!1), [h, g] = V(void 0), [v, y] = V(!1), [b, x] = V(!1), S = B(null), C = B(null), w = B(!1), T = B({
 		content: e,
 		generation: 0
 	});
-	w.current.content !== e && (w.current = {
+	T.current.content !== e && (T.current = {
 		content: e,
-		generation: w.current.generation + 1
+		generation: T.current.generation + 1
 	});
-	let ee = w.current.generation;
-	L(() => {
-		d(!0), p(!1), h(void 0), v(!1), b(!1);
+	let E = T.current.generation;
+	R(() => {
+		f(!0), m(!1), g(void 0), y(!1), x(!1);
 	}, [e]);
-	let T = z(n);
-	T.current !== n && (T.current = n, n && y && b(!1), !n && C.current && (C.current = !1, d(!0))), L(() => {
-		if (!n || e.srcdoc != null || e.resolveSourceText == null || m != null) return;
+	let O = B(n);
+	O.current !== n && (O.current = n, n && b && x(!1), !n && w.current && (w.current = !1, f(!0))), R(() => {
+		if (!n || e.srcdoc != null || e.resolveSourceText == null || h != null) return;
 		let t = !1, r = e.resolveSourceText;
 		return (async () => {
-			v(!0);
+			y(!0);
 			try {
 				let e = await r();
-				t || h(e);
+				t || g(e);
 			} catch {
-				t || b(!0);
+				t || x(!0);
 			} finally {
-				t || v(!1);
+				t || y(!1);
 			}
 		})(), () => {
 			t = !0;
@@ -86,74 +86,74 @@ var ge = { panel: "dial-attachment-canvas-panel" }, G = {
 	}, [
 		n,
 		e,
-		m
+		h
 	]);
-	let D = e.isSameOriginUrl === !0 && e.url != null, O = !D && e.srcdoc != null, A = O ? e.srcdocHostUrl : void 0, j = e.srcdoc, te = I((e) => {
-		if (d(!1), A != null) {
-			let e = x.current?.contentWindow;
-			e != null && e !== S.current && j != null && (S.current = e, e.postMessage({
-				type: ye,
-				html: j
+	let k = e.isSameOriginUrl === !0 && e.url != null, j = !k && e.srcdoc != null, M = j ? e.srcdocHostUrl : void 0, N = e.srcdoc, ee = I((e) => {
+		if (f(!1), M != null) {
+			let e = S.current?.contentWindow;
+			e != null && e !== C.current && N != null && (C.current = e, e.postMessage({
+				type: ve,
+				html: N
 			}, "*"));
-		} else if (!(O || D)) try {
-			x.current?.contentDocument ?? p(!0);
+		} else if (!(j || k)) try {
+			S.current?.contentDocument ?? m(!0);
 		} catch {
-			p(!0);
+			m(!0);
 		}
 	}, [
-		O,
-		D,
-		A,
-		j
-	]), ne = I(() => {
-		d(!1), p(!0);
-	}, []), M = e.srcdoc ?? m, re = e.srcdoc != null || e.resolveSourceText != null, ie = e.srcdoc == null && e.resolveSourceText != null && m == null && !y;
-	if (n && re && (M != null || g || ie)) return C.current = !0, M == null ? /* @__PURE__ */ H("div", {
+		j,
+		k,
+		M,
+		N
+	]), te = I(() => {
+		f(!1), m(!0);
+	}, []), ne = e.srcdoc ?? h, re = e.srcdoc != null || e.resolveSourceText != null, ie = e.srcdoc == null && e.resolveSourceText != null && h == null && !b;
+	if (n && re && (ne != null || v || ie)) return w.current = !0, ne == null ? /* @__PURE__ */ H("div", {
 		className: "flex h-full items-center justify-center",
-		children: /* @__PURE__ */ H(k, {})
-	}) : /* @__PURE__ */ H(ve, {
+		children: /* @__PURE__ */ H(A, { ariaLabel: u })
+	}) : /* @__PURE__ */ H(_e, {
 		content: {
 			type: i.Code,
-			text: M,
+			text: ne,
 			language: "html"
 		},
 		codeBlockTheme: a,
 		codeClassName: s
 	});
-	if (f) return /* @__PURE__ */ U("div", {
+	if (p) return /* @__PURE__ */ U("div", {
 		className: "flex h-full flex-col items-center justify-center gap-3 p-4",
 		children: [/* @__PURE__ */ H("p", {
 			className: "text-center",
 			children: c
-		}), e.url != null && /* @__PURE__ */ H(E, {
+		}), e.url != null && /* @__PURE__ */ H(D, {
 			href: e.url,
 			target: "_blank",
 			label: l,
-			className: be.openInNewTabButton,
+			className: ye.openInNewTabButton,
 			textClassName: o
 		})]
 	});
-	let ae = O ? A : e.url, oe = O && A == null ? e.srcdoc : void 0;
+	let ae = j ? M : e.url, oe = j && M == null ? e.srcdoc : void 0;
 	return /* @__PURE__ */ U("div", {
 		className: "relative h-full",
-		children: [u && /* @__PURE__ */ H("div", {
+		children: [d && /* @__PURE__ */ H("div", {
 			className: "absolute inset-0 flex items-center justify-center",
-			children: /* @__PURE__ */ H(k, {})
+			children: /* @__PURE__ */ H(A, { ariaLabel: u })
 		}), /* @__PURE__ */ H("iframe", {
-			ref: x,
+			ref: S,
 			title: r,
 			src: ae,
 			srcDoc: oe,
-			sandbox: O || D ? "allow-scripts" : "allow-scripts allow-same-origin",
-			className: _("h-full w-full border-none", u ? "invisible" : ""),
-			onLoad: te,
-			onError: ne
-		}, ee)]
+			sandbox: j || k ? "allow-scripts" : "allow-scripts allow-same-origin",
+			className: _("h-full w-full border-none", d ? "invisible" : ""),
+			onLoad: ee,
+			onError: te
+		}, E)]
 	});
-}), Se = {
+}), xe = {
 	name: "MCP-UI Host",
 	version: "1.0.0"
-}, Ce = { openLinks: {} }, we = (e) => {
+}, Se = { openLinks: {} }, Ce = (e) => {
 	let t;
 	try {
 		t = new URL(e);
@@ -167,20 +167,20 @@ var ge = { panel: "dial-attachment-canvas-panel" }, G = {
 		return !1;
 	}
 	return !0;
-}, Te = (e, t, n) => {
+}, we = (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`));
-}, Ee = (e, t, n) => {
-	let r = z(e);
-	L(() => {
+}, Te = (e, t, n) => {
+	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 ? {
@@ -190,15 +190,15 @@ var ge = { panel: "dial-attachment-canvas-panel" }, G = {
 					height: Math.round(n.height)
 				}
 			} : r.current.hostContext;
-			e = new de(null, r.current.hostInfo ?? Se, Ce, { hostContext: i }), e.onopenlink = async ({ url: e }) => {
+			e = new W(null, r.current.hostInfo ?? xe, Se, { hostContext: i }), e.onopenlink = async ({ url: e }) => {
 				let t = r.current.onOpenLink;
-				return (t == null ? we(e) : t(e)) === !1 ? { isError: !0 } : {};
+				return (t == null ? Ce(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(fe, ({ params: e }) => {
 				let n = t.current?.querySelector("iframe");
-				n != null && Te(n, e.containerDimensions, r.current.hostContext?.displayMode === "fullscreen");
+				n != null && we(n, e.containerDimensions, r.current.hostContext?.displayMode === "fullscreen");
 			}), a(e);
 		} catch (e) {
 			console.error("[useMcpAppBridge] Error creating AppBridge:", e), s(!0);
@@ -206,83 +206,83 @@ var ge = { panel: "dial-attachment-canvas-panel" }, G = {
 		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
 	};
-}, q = {
+}, J = {
 	loadingOverlay: "_loadingOverlay_1kink_2",
 	fullscreenFrame: "_fullscreenFrame_1kink_21",
 	loadingFrame: "_loadingFrame_1kink_29",
 	statusLabel: "_statusLabel_1kink_33",
 	statusDetail: "_statusDetail_1kink_38",
 	errorIcon: "_errorIcon_1kink_42"
-}, De = ({ content: e, errorLabel: t = "Failed to load app", onAppInfo: n }) => {
-	let [r, i] = B("loading"), [a, o] = B(), { html: s, sandboxUrl: c, toolInput: l, toolResult: u, hostContext: d } = e, f = R(() => ({ url: new URL(c) }), [c]), p = d?.displayMode === "fullscreen", m = z(null), [h, g] = B();
-	L(() => {
-		let e = m.current;
+}, Ee = ({ content: e, errorLabel: t = "Failed to load app", loadingLabel: n = "Loading…", onAppInfo: r }) => {
+	let [i, a] = V("loading"), [o, s] = V(), { html: c, sandboxUrl: l, toolInput: u, toolResult: d, hostContext: f } = e, p = z(() => ({ url: new URL(l) }), [l]), m = f?.displayMode === "fullscreen", h = B(null), [g, v] = V();
+	R(() => {
+		let e = h.current;
 		if (!e) return;
 		let t = new ResizeObserver(([e]) => {
 			if (!e) return;
 			let { width: t, height: n } = e.contentRect;
-			g({
+			v({
 				width: Math.round(t),
 				height: Math.round(n)
 			});
 		});
 		return t.observe(e), () => t.disconnect();
 	}, []);
-	let { appBridge: v, hasFailed: y } = Ee(e, m, R(() => d == null || h == null ? d : {
-		...d,
-		containerDimensions: h
-	}, [d, h])), b = y || r === "error";
+	let { appBridge: y, hasFailed: b } = Te(e, h, z(() => f == null || g == null ? f : {
+		...f,
+		containerDimensions: g
+	}, [f, g])), x = b || i === "error";
 	return /* @__PURE__ */ U("div", {
-		ref: m,
-		className: _("relative h-full w-full", b ? "min-h-[160px]" : "min-h-[100px]", p && q.fullscreenFrame, !p && r === "loading" && q.loadingFrame),
+		ref: h,
+		className: _("relative h-full w-full", x ? "min-h-[160px]" : "min-h-[100px]", m && J.fullscreenFrame, !m && i === "loading" && J.loadingFrame),
 		children: [
-			v != null && !b && /* @__PURE__ */ H(fe, {
-				html: s,
-				sandbox: f,
-				appBridge: v,
-				toolInput: l,
-				toolResult: u,
-				onSizeChanged: () => i("ready"),
+			y != null && !x && /* @__PURE__ */ H(de, {
+				html: c,
+				sandbox: p,
+				appBridge: y,
+				toolInput: u,
+				toolResult: d,
+				onSizeChanged: () => a("ready"),
 				onInitialized: (e) => {
-					i("ready"), e.appVersion != null && n?.(e.appVersion);
+					a("ready"), e.appVersion != null && r?.(e.appVersion);
 				},
 				onError: (e) => {
-					o(e.message), i("error");
+					s(e.message), a("error");
 				}
 			}),
-			!b && r === "loading" && /* @__PURE__ */ H("div", {
-				className: _("absolute inset-0 flex flex-col items-center justify-center gap-2", q.loadingOverlay),
-				children: /* @__PURE__ */ H(k, {})
+			!x && i === "loading" && /* @__PURE__ */ H("div", {
+				className: _("absolute inset-0 flex flex-col items-center justify-center gap-2", J.loadingOverlay),
+				children: /* @__PURE__ */ H(A, { ariaLabel: n })
 			}),
-			/* @__PURE__ */ H(D, {
+			/* @__PURE__ */ H(O, {
 				visuallyHidden: !0,
-				children: b && [t, a].filter(Boolean).join(". ")
+				children: x && [t, o].filter(Boolean).join(". ")
 			}),
-			b && /* @__PURE__ */ U("div", {
+			x && /* @__PURE__ */ U("div", {
 				className: "absolute inset-0 flex flex-col items-center justify-center gap-2 p-4",
-				children: [/* @__PURE__ */ H(A, {
+				children: [/* @__PURE__ */ H(j, {
 					size: 60,
 					stroke: C,
 					"aria-hidden": !0,
-					className: q.errorIcon
+					className: J.errorIcon
 				}), /* @__PURE__ */ U("p", {
 					"aria-hidden": !0,
-					className: _("text-center", q.statusLabel),
-					children: [t, a && /* @__PURE__ */ U(V, { children: [/* @__PURE__ */ H("br", {}), /* @__PURE__ */ H("span", {
-						className: q.statusDetail,
-						children: a
+					className: _("text-center", J.statusLabel),
+					children: [t, o && /* @__PURE__ */ U(ue, { children: [/* @__PURE__ */ H("br", {}), /* @__PURE__ */ H("span", {
+						className: J.statusDetail,
+						children: o
 					})] })]
 				})]
 			})
 		]
 	});
-}, J = {
+}, Y = {
 	viewer: "_viewer_gdafg_2",
 	spreadsheetCanvas: "_spreadsheetCanvas_gdafg_6",
 	formulaPanel: "_formulaPanel_gdafg_12",
@@ -290,13 +290,13 @@ var ge = { panel: "dial-attachment-canvas-panel" }, G = {
 	statusOverlay: "_statusOverlay_gdafg_27",
 	errorIcon: "_errorIcon_gdafg_32",
 	highlight: "_highlight_gdafg_40"
-}, Oe = (e) => {
+}, De = (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}`;
-}, ke = async (e, t, { onError: n, onXlsxSelectionContextChange: i }) => {
+}, X = 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")]);
@@ -318,7 +318,7 @@ var ge = { panel: "dial-attachment-canvas-panel" }, G = {
 		}
 		case r.Csv: {
 			let { XlsxSheetViewer: t } = await import("@silurus/ooxml/xlsx"), r = document.createElement("canvas");
-			r.className = J.spreadsheetCanvas, e.replaceChildren(r);
+			r.className = Y.spreadsheetCanvas, e.replaceChildren(r);
 			let i = new t(r, {
 				showScrollbars: !0,
 				onError: n
@@ -342,7 +342,7 @@ var ge = { panel: "dial-attachment-canvas-panel" }, G = {
 			});
 		}
 	}
-}, Ae = async (e, t, n, i) => {
+}, Oe = async (e, t, n, i) => {
 	let { onError: a, onXlsxSelectionContextChange: o, onGeometryInvalidated: s } = n;
 	switch (t.format) {
 		case r.Docx: {
@@ -351,7 +351,7 @@ var ge = { panel: "dial-attachment-canvas-panel" }, G = {
 				import("@silurus/ooxml/chart-ex"),
 				import("./ooxml-highlight-surfaces-C18JJb0P.js")
 			]), l = await n.load(t.url, { chartEx: o });
-			if (i()) throw l.destroy(), new je();
+			if (i()) throw l.destroy(), new ke();
 			let u = r.fromDocument(e, l, {
 				enableTextSelection: !0,
 				refitOnResize: !0,
@@ -371,7 +371,7 @@ var ge = { panel: "dial-attachment-canvas-panel" }, G = {
 				import("@silurus/ooxml/chart-ex"),
 				import("./ooxml-highlight-surfaces-C18JJb0P.js")
 			]), l = await n.load(t.url, { chartEx: o });
-			if (i()) throw l.destroy(), new je();
+			if (i()) throw l.destroy(), new ke();
 			let u = r.fromPresentation(e, l, {
 				enableTextSelection: !0,
 				refitOnResize: !0,
@@ -405,82 +405,82 @@ var ge = { panel: "dial-attachment-canvas-panel" }, G = {
 			};
 		}
 		case r.Csv: {
-			let r = await ke(e, t.format, n);
+			let r = await X(e, t.format, n);
 			return await r.load(t.url), { viewer: r };
 		}
 	}
-}, je = class extends Error {}, Me = ({ 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, ee = S != null && S.length > 0, T = z(void 0), E = z(S);
-	E.current = S;
-	let j = z(void 0);
-	return L(() => {
-		let e = u.current;
+}, ke = class extends Error {}, Ae = ({ content: t, fileName: n, loadErrorLabel: i, formulaLabel: a, formulaLabelClassName: o, formulaValueClassName: s, highlightsLabel: c = "Cited locations", highlightNavigatedLabel: l = "Scrolled to the cited location", loadingLabel: u = "Loading…" }) => {
+	let d = B(null), [f, p] = V(!0), [m, h] = V(!1), [g, v] = V(""), [y, b] = V([]), [x, S] = V(!1), { highlights: w, selectedHighlightId: T } = t, E = w != null && w.length > 0, D = B(void 0), M = B(w);
+	M.current = w;
+	let N = B(void 0);
+	return R(() => {
+		let e = d.current;
 		if (e == null) return;
 		let n, r, i = !1, a, o = () => i;
-		f(!0), m(!1), g(""), y([]), x(!1);
+		p(!0), h(!1), v(""), b([]), S(!1);
 		let s = () => {
 			i || a != null || (a = requestAnimationFrame(() => {
 				a = void 0, c();
 			}));
 		}, c = async () => {
-			let e = n?.highlights, t = E.current;
+			let e = n?.highlights, t = M.current;
 			if (!(i || e == null || t == null)) try {
 				let n = await e.measure(t);
-				i || y(n);
+				i || b(n);
 			} catch {
-				i || y([]);
+				i || b([]);
 			}
 		}, l = {
 			onError: () => {
-				i || (f(!1), m(!0));
+				i || (p(!1), h(!0));
 			},
 			onXlsxSelectionContextChange: (e) => {
-				i || g(Oe(e));
+				i || v(De(e));
 			},
 			onGeometryInvalidated: s
-		}, d = () => {
+		}, u = () => {
 			i || (r = new ResizeObserver(() => {
 				n?.viewer.resize?.(), s();
 			}), r.observe(e));
 		};
-		return e.addEventListener("scroll", s, !0), j.current = s, (async () => {
+		return e.addEventListener("scroll", s, !0), N.current = s, (async () => {
 			try {
-				if (ee) {
-					let r = await Ae(e, t, l, o);
+				if (E) {
+					let r = await Oe(e, t, l, o);
 					if (i) {
 						r.viewer.destroy(), r.engine?.destroy();
 						return;
 					}
-					n = r, T.current = r.highlights, d();
+					n = r, D.current = r.highlights, u();
 				} else {
-					let r = await ke(e, t.format, l);
+					let r = await X(e, t.format, l);
 					if (i) {
 						r.destroy();
 						return;
 					}
-					if (n = { viewer: r }, T.current = void 0, await r.load(t.url), i) return;
-					d();
+					if (n = { viewer: r }, D.current = void 0, await r.load(t.url), i) return;
+					u();
 				}
 				if (i) return;
-				f(!1), await c();
+				p(!1), await c();
 			} catch (t) {
-				if (t instanceof je || i) return;
-				n?.viewer.destroy(), n?.engine?.destroy(), n = void 0, T.current = void 0, e.replaceChildren(), f(!1), m(!0);
+				if (t instanceof ke || i) return;
+				n?.viewer.destroy(), n?.engine?.destroy(), n = void 0, D.current = void 0, e.replaceChildren(), p(!1), h(!0);
 			}
 		})(), () => {
-			i = !0, e.removeEventListener("scroll", s, !0), a != null && cancelAnimationFrame(a), j.current = void 0, r?.disconnect(), n?.viewer.destroy(), n?.engine?.destroy(), T.current = void 0, e.replaceChildren();
+			i = !0, e.removeEventListener("scroll", s, !0), a != null && cancelAnimationFrame(a), N.current = void 0, r?.disconnect(), n?.viewer.destroy(), n?.engine?.destroy(), D.current = void 0, e.replaceChildren();
 		};
 	}, [
 		t.format,
 		t.url,
-		ee
-	]), L(() => {
-		j.current?.();
-	}, [S]), L(() => {
-		x(!1);
-		let t = T.current;
-		if (t == null || d) return;
-		let n = (E.current?.find(({ id: e }) => e === w))?.locations.at(0);
+		E
+	]), R(() => {
+		N.current?.();
+	}, [w]), R(() => {
+		S(!1);
+		let t = D.current;
+		if (t == null || f) return;
+		let n = (M.current?.find(({ id: e }) => e === T))?.locations.at(0);
 		if (n == null) return;
 		let r = !1;
 		return (async () => {
@@ -490,17 +490,17 @@ var ge = { panel: "dial-attachment-canvas-panel" }, G = {
 			} catch {
 				return;
 			}
-			r || i !== e.Navigated || x(!0);
+			r || i !== e.Navigated || S(!0);
 		})(), () => {
 			r = !0;
 		};
-	}, [w, d]), /* @__PURE__ */ U("div", {
+	}, [T, f]), /* @__PURE__ */ U("div", {
 		className: "relative flex h-full w-full min-w-0 flex-col overflow-hidden",
 		children: [
 			t.format === r.Xlsx && /* @__PURE__ */ U("div", {
 				role: "region",
 				"aria-label": a,
-				className: _("flex min-w-0 shrink-0 items-center gap-2 border-b px-3 py-2", J.formulaPanel),
+				className: _("flex min-w-0 shrink-0 items-center gap-2 border-b px-3 py-2", Y.formulaPanel),
 				children: [/* @__PURE__ */ H("span", {
 					"aria-hidden": "true",
 					className: _("shrink-0", o),
@@ -509,23 +509,23 @@ var ge = { panel: "dial-attachment-canvas-panel" }, G = {
 					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", J.formulaValue, s),
-					children: h
+					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: g
 				})]
 			}),
 			/* @__PURE__ */ U("div", {
 				className: "relative min-h-0 w-full flex-1",
 				children: [/* @__PURE__ */ H("div", {
-					ref: u,
+					ref: d,
 					role: "document",
 					"aria-label": n,
-					"aria-busy": d,
-					className: _("h-full w-full overflow-hidden", J.viewer)
-				}), v.length > 0 && /* @__PURE__ */ H("div", {
+					"aria-busy": f,
+					className: _("h-full w-full overflow-hidden", Y.viewer)
+				}), y.length > 0 && /* @__PURE__ */ H("div", {
 					role: "region",
 					"aria-label": c,
 					className: "pointer-events-none absolute inset-0 overflow-hidden",
-					children: v.map((e, t) => /* @__PURE__ */ H("div", {
+					children: y.map((e, t) => /* @__PURE__ */ H("div", {
 						"aria-hidden": "true",
 						style: {
 							left: `${e.left}px`,
@@ -533,30 +533,33 @@ var ge = { panel: "dial-attachment-canvas-panel" }, G = {
 							width: `${e.width}px`,
 							height: `${e.height}px`
 						},
-						"data-selected": e.highlightId === w,
+						"data-selected": e.highlightId === T,
 						"data-clipped": e.isClippedAtEnd === !0,
-						className: _("absolute", J.highlight)
+						className: _("absolute", Y.highlight)
 					}, `${e.highlightId}-${t}`))
 				})]
 			}),
-			/* @__PURE__ */ H(D, {
+			/* @__PURE__ */ H(O, {
 				visuallyHidden: !0,
-				children: b ? l : ""
+				children: x ? l : ""
 			}),
-			/* @__PURE__ */ H(D, {
-				politeness: O.Assertive,
+			/* @__PURE__ */ H(O, {
+				politeness: k.Assertive,
 				visuallyHidden: !0,
-				children: !d && p ? i : ""
+				children: !f && m ? i : ""
 			}),
-			(d || p) && /* @__PURE__ */ H("div", {
-				className: _("absolute inset-0 flex items-center justify-center", J.statusOverlay),
-				children: d ? /* @__PURE__ */ H(k, { size: 48 }) : /* @__PURE__ */ U("div", {
+			(f || m) && /* @__PURE__ */ H("div", {
+				className: _("absolute inset-0 flex items-center justify-center", Y.statusOverlay),
+				children: f ? /* @__PURE__ */ H(A, {
+					size: 48,
+					ariaLabel: u
+				}) : /* @__PURE__ */ U("div", {
 					className: "flex flex-col items-center gap-2",
-					children: [/* @__PURE__ */ H(A, {
+					children: [/* @__PURE__ */ H(j, {
 						"aria-hidden": "true",
 						size: 60,
 						stroke: C,
-						className: J.errorIcon
+						className: Y.errorIcon
 					}), /* @__PURE__ */ H("p", {
 						"aria-hidden": !0,
 						className: "text-center",
@@ -566,12 +569,12 @@ var ge = { panel: "dial-attachment-canvas-panel" }, G = {
 			})
 		]
 	});
-}, Ne = (e, t) => {
+}, je = (e, t) => {
 	let n = e.toLowerCase();
 	return t.find((e) => e.contentType.split(",").some((e) => e.trim().toLowerCase() === n && e.trim() !== ""));
-}, Pe = (e, t) => {
+}, Me = (e, t) => {
 	if (e != null && e !== "") return Object.prototype.hasOwnProperty.call(t, e) ? t[e] : void 0;
-}, Fe = (e) => `${e}:grouped-visualizer`, Ie = (e, t) => {
+}, Ne = (e) => `${e}:grouped-visualizer`, Pe = (e, t) => {
 	let n = (t.contentType ?? "").split(",").map((e) => e.trim().toLowerCase()).filter((e) => e !== ""), r = [], i = [];
 	return e.forEach((e) => {
 		e.url != null && e.url !== "" && (n.length === 0 || n.includes(e.contentType.toLowerCase())) ? r.push(e) : i.push(e);
@@ -579,34 +582,34 @@ var ge = { panel: "dial-attachment-canvas-panel" }, G = {
 		claimed: r,
 		unclaimed: i
 	};
-}, Le = (e) => {
+}, Fe = (e) => {
 	if (typeof e != "object" || !e || !Object.prototype.hasOwnProperty.call(e, "message")) return;
 	let { message: t } = e;
 	return typeof t == "string" && t.trim() !== "" ? t : void 0;
-}, Re = {
+}, Ie = {
 	loadingOverlay: "_loadingOverlay_12637_1",
 	statusLabel: "_statusLabel_12637_5",
 	errorIcon: "_errorIcon_12637_9"
-}, ze = ({ 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);
+}, Le = ({ content: e, loadingLabel: t, errorLabel: n = "Failed to load visualizer", frameTitle: r, colors: a, onSendMessage: o }) => {
+	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 pe(e, {
+		let t = new G(e, {
 			domain: u,
 			visualizerName: d,
 			requestTimeout: f
-		}), n = !0, r = t.subscribe(`${d}/${me.SendMessage}`, (e) => {
-			let t = Le(e);
+		}), n = !0, r = t.subscribe(`${d}/${pe.SendMessage}`, (e) => {
+			let t = Fe(e);
 			t != null && h.current?.(t);
 		});
 		return (async () => {
 			if (await t.ready(), !n) return;
 			let e = p.current;
-			if (e.type === i.GroupedVisualizer) await t.send(he.SendGroupedVisualizeData, {
+			if (e.type === i.GroupedVisualizer) await t.send(me.SendGroupedVisualizeData, {
 				attachments: e.attachments,
 				layout: e.layout
 			});
@@ -615,7 +618,7 @@ var ge = { panel: "dial-attachment-canvas-panel" }, G = {
 					layout: r,
 					...typeof i == "object" && i ? i : {}
 				};
-				await t.send(he.SendVisualizeData, {
+				await t.send(me.SendVisualizeData, {
 					mimeType: n,
 					visualizerData: a
 				});
@@ -630,7 +633,7 @@ var ge = { panel: "dial-attachment-canvas-panel" }, G = {
 		u,
 		d,
 		f
-	]), L(() => {
+	]), R(() => {
 		let e = r ?? d.trim();
 		e !== "" && s.current?.querySelector("iframe")?.setAttribute("title", e);
 	}, [
@@ -651,32 +654,33 @@ var ge = { panel: "dial-attachment-canvas-panel" }, G = {
 				className: "h-full w-full"
 			}),
 			c === "loading" && /* @__PURE__ */ U("div", {
-				className: _("absolute inset-0 flex flex-col items-center justify-center gap-2", Re.loadingOverlay),
-				children: [/* @__PURE__ */ H(k, {}), t && /* @__PURE__ */ H("p", {
-					className: _("text-center", Re.statusLabel),
+				className: _("absolute inset-0 flex flex-col items-center justify-center gap-2", Ie.loadingOverlay),
+				children: [/* @__PURE__ */ H(A, { ariaLabel: t }), t && /* @__PURE__ */ H("p", {
+					"aria-hidden": !0,
+					className: _("text-center", Ie.statusLabel),
 					children: t
 				})]
 			}),
-			/* @__PURE__ */ H(D, {
+			/* @__PURE__ */ H(O, {
 				visuallyHidden: !0,
 				children: c === "error" && n
 			}),
 			c === "error" && /* @__PURE__ */ U("div", {
 				className: "absolute inset-0 flex flex-col items-center justify-center gap-2",
-				children: [/* @__PURE__ */ H(A, {
+				children: [/* @__PURE__ */ H(j, {
 					size: 60,
 					stroke: C,
 					"aria-hidden": !0,
-					className: Re.errorIcon
+					className: Ie.errorIcon
 				}), /* @__PURE__ */ H("p", {
 					"aria-hidden": !0,
-					className: _("text-center", Re.statusLabel),
+					className: _("text-center", Ie.statusLabel),
 					children: n
 				})]
 			})
 		]
 	});
-}, Y = {
+}, Z = {
 	body: "_body_fvnln_4",
 	statusLabel: "_statusLabel_fvnln_13",
 	errorIcon: "_errorIcon_fvnln_17",
@@ -691,18 +695,18 @@ var ge = { panel: "dial-attachment-canvas-panel" }, G = {
 	jsonExpandIcon: "_jsonExpandIcon_fvnln_54",
 	jsonCollapseIcon: "_jsonCollapseIcon_fvnln_67",
 	jsonCollapsedContent: "_jsonCollapsedContent_fvnln_84"
-}, Be = () => P(async () => ({ default: (await import("./PdfContent-DWuP2aKd.js")).PdfContent })), Ve = ({ url: e, fileName: t, loadErrorLabel: n }) => {
-	let [r, i] = B(!1);
-	return L(() => {
+}, Re = () => se(async () => ({ default: (await import("./PdfContent-DWuP2aKd.js")).PdfContent })), ze = ({ url: e, fileName: t, loadErrorLabel: n }) => {
+	let [r, i] = V(!1);
+	return R(() => {
 		i(!1);
 	}, [e]), r ? /* @__PURE__ */ U("div", {
 		className: "flex flex-col items-center gap-2",
-		children: [/* @__PURE__ */ H(A, {
+		children: [/* @__PURE__ */ H(j, {
 			size: 60,
 			stroke: C,
-			className: Y.errorIcon
+			className: Z.errorIcon
 		}), /* @__PURE__ */ H("p", {
-			className: _("text-center", Y.statusLabel),
+			className: _("text-center", Z.statusLabel),
 			children: n
 		})]
 	}) : /* @__PURE__ */ H("img", {
@@ -711,53 +715,53 @@ var ge = { panel: "dial-attachment-canvas-panel" }, G = {
 		className: "max-h-full max-w-full object-contain",
 		onError: () => i(!0)
 	});
-}, He = 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", loadErrorRetryLabel: l = "Retry", forbiddenErrorLabel: d = "You don't have permission to access this file", visualizerErrorLabel: f, htmlFrameBlockedLabel: h = "This page cannot be displayed in preview", htmlOpenInNewTabLabel: g = "Open in new tab", pdfThumbnailsLabel: v, pdfShowThumbnailsLabel: y, pdfHideThumbnailsLabel: b, pdfPageNumberLabel: x, pdfContentLoadingLabel: S, pdfContentErrorLabel: w, pdfContentRetryLabel: T, xlsxFormulaLabel: E = "Formula", codeContentLoadingLabel: D, codeContentErrorLabel: O, codeContentRetryLabel: j, tableCopyLabel: te, tableCopiedLabel: ne, tableDownloadCsvLabel: M, codeBlockCopyLabel: re, codeBlockCopiedLabel: ie, codeBlockDownloadLabel: oe, tableScrollRegionAriaLabel: se, mathScrollRegionAriaLabel: N, ooxmlHighlightsLabel: P, ooxmlHighlightNavigatedLabel: F } = {}, styles: ce, codeBlockTheme: V, tableDownloadFilename: de, loadPdf: fe, hidePdfToolbar: W = !1, configurePdfWorker: pe, onAppInfo: me, onRetry: he, onVisualizerSendMessage: ge }) => {
-	let { colors: G, typography: K, bodyClassName: _e, cssVars: ye } = ce ?? {}, [be, Se] = B(0), Ce = R(Be, [be]), we = I(() => {
+}, 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", loadErrorRetryLabel: l = "Retry", forbiddenErrorLabel: d = "You don't have permission to access this file", visualizerErrorLabel: f, htmlFrameBlockedLabel: h = "This page cannot be displayed in preview", htmlOpenInNewTabLabel: g = "Open in new tab", pdfThumbnailsLabel: v, pdfShowThumbnailsLabel: y, pdfHideThumbnailsLabel: b, pdfPageNumberLabel: x, pdfContentLoadingLabel: S, pdfContentErrorLabel: w, pdfContentRetryLabel: E, xlsxFormulaLabel: D = "Formula", codeContentLoadingLabel: O, codeContentErrorLabel: k, codeContentRetryLabel: M, tableCopyLabel: N, tableCopiedLabel: ee, tableDownloadCsvLabel: te, codeBlockCopyLabel: ne, codeBlockCopiedLabel: re, codeBlockDownloadLabel: ae, tableScrollRegionAriaLabel: oe, mathScrollRegionAriaLabel: P, ooxmlHighlightsLabel: se, ooxmlHighlightNavigatedLabel: F, loadingLabel: L = "Loading…" } = {}, styles: ue, codeBlockTheme: W, tableDownloadFilename: de, loadPdf: fe, hidePdfToolbar: G = !1, configurePdfWorker: pe, onAppInfo: me, onRetry: he, onVisualizerSendMessage: ge }) => {
+	let { colors: K, typography: q, bodyClassName: ve, cssVars: ye } = ue ?? {}, [xe, Se] = V(0), Ce = z(Re, [xe]), we = I(() => {
 		Se((e) => e + 1);
-	}, []), Te = z(void 0), [Ee, q] = B(0), J = I((e) => {
+	}, []), Te = B(void 0), [J, Y] = V(0), De = I((e) => {
 		Te.current = e;
 	}, []);
-	L(() => {
+	R(() => {
 		let t = Te.current;
-		t != null && (Te.current = void 0, e.type === i.Pdf && e.url === t && q((e) => e + 1));
+		t != null && (Te.current = void 0, e.type === i.Pdf && e.url === t && Y((e) => e + 1));
 	}, [e]);
-	let Oe = K?.fontClassName != null, ke = R(() => ({
+	let X = q?.fontClassName != null, Oe = z(() => ({
 		...m({
-			"--ac-text": G?.text,
-			"--ac-status-text": G?.statusText,
-			"--ac-error-icon": G?.errorIcon,
-			"--ac-open-in-new-tab-text": G?.openInNewTabText,
-			"--ac-json-border": G?.jsonBorder,
-			"--ac-json-bg": G?.jsonBackground,
-			"--ac-json-label": G?.jsonLabel,
-			"--ac-json-clickable-label": G?.jsonClickableLabel,
-			"--ac-json-punctuation": G?.jsonPunctuation,
-			"--ac-json-string": G?.jsonString,
-			"--ac-json-number": G?.jsonNumber,
-			"--ac-json-boolean": G?.jsonBoolean,
-			"--ac-json-null": G?.jsonNull,
-			"--ac-json-toggle-icon": G?.jsonToggleIcon,
-			"--ac-json-toggle-icon-hover": G?.jsonToggleIconHover,
-			"--ac-ooxml-bg": G?.ooxmlBackground,
-			"--ac-ooxml-formula-border": G?.ooxmlFormulaBorder,
-			"--ac-ooxml-formula-bg": G?.ooxmlFormulaBackground,
-			"--ac-ooxml-formula-text": G?.ooxmlFormulaText,
-			"--ac-ooxml-highlight-border": G?.ooxmlHighlightBorder,
-			"--ac-ooxml-highlight-bg": G?.ooxmlHighlightBackground,
-			"--ac-json-collapsed-text": G?.jsonCollapsedText,
-			"--ac-json-collapsed-bg": G?.jsonCollapsedBackground,
-			"--ac-focus-outline": G?.focusOutline,
-			"--ac-code-bg": G?.codeBackground,
-			"--ac-mcp-app-loading-bg": G?.mcpAppLoadingBackground,
-			"--ac-mcp-app-status-text": G?.mcpAppStatusText,
-			"--ac-font-family": Oe ? void 0 : K?.fontFamily,
-			"--ac-font-size": Oe ? void 0 : K?.fontSize,
-			"--ac-font-weight": Oe ? void 0 : K?.fontWeight,
-			"--ac-line-height": Oe ? void 0 : K?.lineHeight,
-			"--ac-letter-spacing": Oe ? void 0 : K?.letterSpacing
+			"--ac-text": K?.text,
+			"--ac-status-text": K?.statusText,
+			"--ac-error-icon": K?.errorIcon,
+			"--ac-open-in-new-tab-text": K?.openInNewTabText,
+			"--ac-json-border": K?.jsonBorder,
+			"--ac-json-bg": K?.jsonBackground,
+			"--ac-json-label": K?.jsonLabel,
+			"--ac-json-clickable-label": K?.jsonClickableLabel,
+			"--ac-json-punctuation": K?.jsonPunctuation,
+			"--ac-json-string": K?.jsonString,
+			"--ac-json-number": K?.jsonNumber,
+			"--ac-json-boolean": K?.jsonBoolean,
+			"--ac-json-null": K?.jsonNull,
+			"--ac-json-toggle-icon": K?.jsonToggleIcon,
+			"--ac-json-toggle-icon-hover": K?.jsonToggleIconHover,
+			"--ac-ooxml-bg": K?.ooxmlBackground,
+			"--ac-ooxml-formula-border": K?.ooxmlFormulaBorder,
+			"--ac-ooxml-formula-bg": K?.ooxmlFormulaBackground,
+			"--ac-ooxml-formula-text": K?.ooxmlFormulaText,
+			"--ac-ooxml-highlight-border": K?.ooxmlHighlightBorder,
+			"--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": X ? void 0 : q?.fontFamily,
+			"--ac-font-size": X ? void 0 : q?.fontSize,
+			"--ac-font-weight": X ? void 0 : q?.fontWeight,
+			"--ac-line-height": X ? void 0 : q?.lineHeight,
+			"--ac-letter-spacing": X ? void 0 : q?.letterSpacing
 		}),
 		...ye
-	}), [ce]), Ae = R(() => {
+	}), [ue]), ke = z(() => {
 		switch (e.type) {
 			case i.Image:
 			case i.Audio:
@@ -775,13 +779,13 @@ var ge = { panel: "dial-attachment-canvas-panel" }, G = {
 			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]), je = R(() => {
+	}, [e.type]), je = z(() => {
 		switch (e.type) {
 			case i.PlainText: return /* @__PURE__ */ H("pre", {
-				className: _("wrap-break-word whitespace-pre-wrap", Y.body, K?.fontClassName),
+				className: _("wrap-break-word whitespace-pre-wrap", Z.body, q?.fontClassName),
 				children: e.text
 			});
-			case i.Image: return /* @__PURE__ */ H(Ve, {
+			case i.Image: return /* @__PURE__ */ H(ze, {
 				url: e.url,
 				fileName: r,
 				loadErrorLabel: c
@@ -803,24 +807,24 @@ var ge = { panel: "dial-attachment-canvas-panel" }, G = {
 				children: /* @__PURE__ */ H(p, {
 					content: e.text,
 					isStreaming: !1,
-					codeBlockTheme: V,
-					codeBlockCopyLabel: re,
-					codeBlockCopiedLabel: ie,
-					codeBlockDownloadLabel: oe,
-					tableScrollRegionAriaLabel: se,
-					mathScrollRegionAriaLabel: N,
+					codeBlockTheme: W,
+					codeBlockCopyLabel: ne,
+					codeBlockCopiedLabel: re,
+					codeBlockDownloadLabel: ae,
+					tableScrollRegionAriaLabel: oe,
+					mathScrollRegionAriaLabel: P,
 					classNames: u
 				})
 			});
 			case i.MarkdownTable: return /* @__PURE__ */ H(p, {
 				content: e.text,
 				isStreaming: !1,
-				codeBlockTheme: V,
-				codeBlockCopyLabel: re,
-				codeBlockCopiedLabel: ie,
-				codeBlockDownloadLabel: oe,
-				tableScrollRegionAriaLabel: se,
-				mathScrollRegionAriaLabel: N,
+				codeBlockTheme: W,
+				codeBlockCopyLabel: ne,
+				codeBlockCopiedLabel: re,
+				codeBlockDownloadLabel: ae,
+				tableScrollRegionAriaLabel: oe,
+				mathScrollRegionAriaLabel: P,
 				containerClassName: "flex h-full min-h-0 flex-col",
 				classNames: {
 					...u,
@@ -828,72 +832,73 @@ var ge = { panel: "dial-attachment-canvas-panel" }, G = {
 					tableScrollContainer: "max-h-full"
 				},
 				tableActionLabels: {
-					copyLabel: te,
-					copiedLabel: ne,
-					downloadCsvLabel: M
+					copyLabel: N,
+					copiedLabel: ee,
+					downloadCsvLabel: te
 				},
 				tableDownloadFilename: de
 			});
 			case i.Json: {
-				let t = K?.jsonLabelClassName ?? (K?.jsonClassName ? void 0 : "dial-code-semi-text");
+				let t = q?.jsonLabelClassName ?? (q?.jsonClassName ? void 0 : "dial-code-semi-text");
 				return /* @__PURE__ */ H("div", {
 					dir: "ltr",
 					className: "h-full overflow-auto",
 					children: /* @__PURE__ */ H("div", {
-						className: _("m-3 overflow-auto rounded-md border", Y.jsonWrapper),
-						children: /* @__PURE__ */ H(le, {
+						className: _("m-3 overflow-auto rounded-md border", Z.jsonWrapper),
+						children: /* @__PURE__ */ H(ce, {
 							data: e.value,
 							style: {
-								container: _("whitespace-pre-wrap wrap-break-word p-2", K?.jsonClassName ?? "dial-code-text"),
-								basicChildStyle: ue.basicChildStyle,
+								container: _("whitespace-pre-wrap wrap-break-word p-2", q?.jsonClassName ?? "dial-code-text"),
+								basicChildStyle: le.basicChildStyle,
 								childFieldsContainer: "m-0 ps-3",
-								label: _("me-1", t, Y.jsonLabel),
-								clickableLabel: _("me-1 cursor-pointer hover:underline", t, Y.jsonClickableLabel),
-								nullValue: _("italic", Y.jsonNullValue),
-								undefinedValue: _("italic", Y.jsonNullValue),
-								stringValue: Y.jsonStringValue,
-								booleanValue: Y.jsonBooleanValue,
-								numberValue: Y.jsonNumberValue,
-								otherValue: _("italic", Y.jsonNullValue),
-								punctuation: _("me-1", Y.jsonPunctuation),
-								collapseIcon: _("me-1 cursor-pointer select-none transition-colors", Y.jsonCollapseIcon),
-								expandIcon: _("me-1 cursor-pointer select-none transition-colors", Y.jsonExpandIcon),
-								collapsedContent: _(K?.jsonCollapsedClassName ?? "dial-caption-text", "me-1 cursor-pointer rounded px-1", Y.jsonCollapsedContent)
+								label: _("me-1", t, Z.jsonLabel),
+								clickableLabel: _("me-1 cursor-pointer hover:underline", t, Z.jsonClickableLabel),
+								nullValue: _("italic", Z.jsonNullValue),
+								undefinedValue: _("italic", Z.jsonNullValue),
+								stringValue: Z.jsonStringValue,
+								booleanValue: Z.jsonBooleanValue,
+								numberValue: Z.jsonNumberValue,
+								otherValue: _("italic", Z.jsonNullValue),
+								punctuation: _("me-1", Z.jsonPunctuation),
+								collapseIcon: _("me-1 cursor-pointer select-none transition-colors", Z.jsonCollapseIcon),
+								expandIcon: _("me-1 cursor-pointer select-none transition-colors", Z.jsonExpandIcon),
+								collapsedContent: _(q?.jsonCollapsedClassName ?? "dial-caption-text", "me-1 cursor-pointer rounded px-1", Z.jsonCollapsedContent)
 							}
 						})
 					})
 				});
 			}
-			case i.Code: return /* @__PURE__ */ H(ve, {
+			case i.Code: return /* @__PURE__ */ H(_e, {
 				content: e,
-				codeBlockTheme: V,
-				codeClassName: K?.codeClassName,
-				errorLabelClassName: K?.errorMessageClassName,
+				codeBlockTheme: W,
+				codeClassName: q?.codeClassName,
+				errorLabelClassName: q?.errorMessageClassName,
 				labels: {
-					loadingLabel: D,
-					errorLabel: O,
-					retryLabel: j
+					loadingLabel: O,
+					errorLabel: k,
+					retryLabel: M
 				}
 			});
-			case i.Html: return /* @__PURE__ */ H(xe, {
+			case i.Html: return /* @__PURE__ */ H(be, {
 				content: e,
 				labels: {
 					htmlFrameBlockedLabel: h,
-					htmlOpenInNewTabLabel: g
+					htmlOpenInNewTabLabel: g,
+					loadingLabel: L
 				},
 				isSourceView: a,
 				title: r,
-				codeBlockTheme: V,
-				codeClassName: K?.codeClassName
+				codeBlockTheme: W,
+				codeClassName: q?.codeClassName
 			});
 			case i.Pdf: return /* @__PURE__ */ H(s, {
-				retryKey: be,
+				retryKey: xe,
 				onRetry: we,
-				errorLabelClassName: K?.errorMessageClassName,
+				errorLabelClassName: q?.errorMessageClassName,
 				labels: {
 					loadingLabel: S,
 					errorLabel: w,
-					retryLabel: T
+					retryLabel: E
 				},
 				children: /* @__PURE__ */ H(Ce, {
 					fileName: r,
@@ -902,10 +907,10 @@ var ge = { panel: "dial-attachment-canvas-panel" }, G = {
 					selectedHighlightId: e.selectedHighlightId,
 					selectedPageNumber: e.page,
 					loadPdf: fe,
-					onLoadError: J,
-					hideHeader: W,
+					onLoadError: De,
+					hideHeader: G,
 					configurePdfWorker: pe,
-					errorLabelClassName: K?.errorMessageClassName,
+					errorLabelClassName: q?.errorMessageClassName,
 					labels: {
 						thumbnailsLabel: v,
 						showThumbnailsLabel: y,
@@ -913,32 +918,34 @@ var ge = { panel: "dial-attachment-canvas-panel" }, G = {
 						pageNumberLabel: x,
 						loadingLabel: S,
 						errorLabel: w,
-						retryLabel: T
+						retryLabel: E
 					}
 				})
-			}, `${e.url}#${Ee}`);
-			case i.Ooxml: return /* @__PURE__ */ H(Me, {
+			}, `${e.url}#${J}`);
+			case i.Ooxml: return /* @__PURE__ */ H(Ae, {
 				content: e,
 				fileName: r,
 				loadErrorLabel: c,
-				formulaLabel: E,
-				formulaLabelClassName: K?.xlsxFormulaLabelClassName ?? "dial-italic-text",
-				formulaValueClassName: K?.xlsxFormulaValueClassName ?? "dial-code-text",
-				highlightsLabel: P,
-				highlightNavigatedLabel: F
+				formulaLabel: D,
+				formulaLabelClassName: q?.xlsxFormulaLabelClassName ?? "dial-italic-text",
+				formulaValueClassName: q?.xlsxFormulaValueClassName ?? "dial-code-text",
+				highlightsLabel: se,
+				highlightNavigatedLabel: F,
+				loadingLabel: L
 			});
 			case i.Visualizer:
-			case i.GroupedVisualizer: return /* @__PURE__ */ H(ze, {
+			case i.GroupedVisualizer: return /* @__PURE__ */ H(Le, {
 				content: e,
 				errorLabel: f,
 				onSendMessage: ge
 			});
-			case i.McpApp: return /* @__PURE__ */ H(De, {
+			case i.McpApp: return /* @__PURE__ */ H(Ee, {
 				content: e,
+				loadingLabel: L,
 				onAppInfo: me
 			});
 			case i.Unsupported: return /* @__PURE__ */ H("p", {
-				className: _("text-center", Y.statusLabel),
+				className: _("text-center", Z.statusLabel),
 				children: o
 			});
 			case i.Error: {
@@ -946,16 +953,16 @@ var ge = { panel: "dial-attachment-canvas-panel" }, G = {
 				return /* @__PURE__ */ U("div", {
 					className: "flex flex-col items-center gap-2",
 					children: [
-						H(t ? ae : A, {
+						H(t ? ie : j, {
 							size: 60,
 							stroke: C,
-							className: Y.errorIcon
+							className: Z.errorIcon
 						}),
 						/* @__PURE__ */ H("p", {
-							className: _("text-center", Y.statusLabel),
+							className: _("text-center", Z.statusLabel),
 							children: t ? d : c
 						}),
-						!t && he != null && /* @__PURE__ */ H(ee, {
+						!t && he != null && /* @__PURE__ */ H(T, {
 							label: l,
 							onClick: he
 						})
@@ -965,16 +972,16 @@ var ge = { panel: "dial-attachment-canvas-panel" }, G = {
 		}
 	}, [
 		e,
-		K?.fontClassName,
-		K?.jsonClassName,
-		K?.jsonLabelClassName,
-		K?.xlsxFormulaLabelClassName,
-		K?.xlsxFormulaValueClassName,
-		K?.codeClassName,
-		K?.jsonCollapsedClassName,
-		K?.errorMessageClassName,
+		q?.fontClassName,
+		q?.jsonClassName,
+		q?.jsonLabelClassName,
+		q?.xlsxFormulaLabelClassName,
+		q?.xlsxFormulaValueClassName,
+		q?.codeClassName,
+		q?.jsonCollapsedClassName,
+		q?.errorMessageClassName,
 		r,
-		V,
+		W,
 		o,
 		c,
 		l,
@@ -986,7 +993,7 @@ var ge = { panel: "dial-attachment-canvas-panel" }, G = {
 		a,
 		de,
 		fe,
-		W,
+		G,
 		pe,
 		me,
 		he,
@@ -996,242 +1003,244 @@ var ge = { panel: "dial-attachment-canvas-panel" }, G = {
 		x,
 		S,
 		w,
-		T,
 		E,
 		D,
 		O,
-		j,
+		k,
+		M,
 		Ce,
-		be,
+		xe,
 		we,
-		Ee,
 		J,
+		De,
+		N,
+		ee,
 		te,
 		ne,
-		M,
 		re,
-		ie,
+		ae,
 		oe,
-		se,
-		N,
 		P,
-		F
+		se,
+		F,
+		L
 	]);
 	return /* @__PURE__ */ H("div", {
-		style: t ? void 0 : ke,
-		className: _(t ? "flex h-full items-center justify-center" : Ae, _e),
-		children: t ? /* @__PURE__ */ H(k, {}) : je
+		style: t ? void 0 : Oe,
+		className: _(t ? "flex h-full items-center justify-center" : ke, ve),
+		children: t ? /* @__PURE__ */ H(A, { ariaLabel: L }) : je
 	});
-}), Ue = {
+}), Ve = {
 	mcpAppDivider: "_mcpAppDivider_1gxed_1",
 	mcpAppVersion: "_mcpAppVersion_1gxed_5",
 	panelHeader: "_panelHeader_1gxed_9"
-}, We = 2e3, Ge = F(({ isOpen: e, isLoading: t = !1, onClose: n, onRetry: r, content: a, fileName: s, leftActions: c, labels: { ariaLabel: l, closeLabel: u = "Close", resizeLabel: d = "Resize panel", downloadLabel: f = "Download", copyTextLabel: p = "Copy text", copiedTextLabel: h = "Copied!", copyMarkdownLabel: g = "Copy as Markdown", copiedMarkdownLabel: v = "Copied!", copyJsonLabel: y = "Copy as JSON", copiedJsonLabel: w = "Copied!", visualizerErrorLabel: ee, unsupportedLabel: E = "Preview is not supported for this file", loadErrorLabel: D = "Failed to load file", loadErrorRetryLabel: O = "Retry", forbiddenErrorLabel: k = "You don't have permission to access this file", htmlFrameBlockedLabel: A = "This page cannot be displayed in preview", htmlOpenInNewTabLabel: j = "Open in new tab", htmlViewSourceLabel: ae = "View source", htmlViewRenderedLabel: N = "View rendered", mcpAppReloadLabel: P = "Reload", pdfThumbnailsLabel: F, pdfShowThumbnailsLabel: ce, pdfHideThumbnailsLabel: le, pdfPageNumberLabel: ue, pdfContentLoadingLabel: de, pdfContentErrorLabel: fe, pdfContentRetryLabel: W, xlsxFormulaLabel: pe, codeContentLoadingLabel: me, codeContentErrorLabel: he, codeContentRetryLabel: G, tableCopyLabel: K, tableCopiedLabel: _e, tableDownloadCsvLabel: ve, codeBlockCopyLabel: ye, codeBlockCopiedLabel: be, codeBlockDownloadLabel: xe, tableScrollRegionAriaLabel: Se, mathScrollRegionAriaLabel: Ce, ooxmlHighlightsLabel: we, ooxmlHighlightNavigatedLabel: Te }, onDownload: Ee, onCopyText: q, onCopyMarkdown: De, onCopyJson: J, tableDownloadFilename: Oe, isMobile: ke = !1, isBoundedOverlay: Ae = !1, defaultWidth: je, minWidth: Me = 600, maxWidth: Ne = 1500, onResizeStop: Pe, styles: Fe, codeBlockTheme: Ie, loadPdf: Le, configurePdfWorker: Re, onVisualizerSendMessage: ze }) => {
-	let [Y, Be] = B(!1), [Ve, Ge] = B(!1), [Ke, X] = B(!1), [qe, Je] = B(!1), [Ye, Xe] = B(void 0), Z = z(null), Ze = z(null), Qe = z(null), $e = I(() => {
-		q?.(), Z.current != null && clearTimeout(Z.current), Be(!0), Z.current = setTimeout(() => Be(!1), We);
-	}, [q]), et = I(() => {
-		De?.(), Ze.current != null && clearTimeout(Ze.current), Ge(!0), Ze.current = setTimeout(() => Ge(!1), We);
-	}, [De]), tt = I(() => {
-		J?.(), Qe.current != null && clearTimeout(Qe.current), X(!0), Qe.current = setTimeout(() => X(!1), We);
-	}, [J]);
-	L(() => () => {
-		Z.current != null && clearTimeout(Z.current), Ze.current != null && clearTimeout(Ze.current), Qe.current != null && clearTimeout(Qe.current);
+}, He = 2e3, Ue = F(({ isOpen: e, isLoading: t = !1, onClose: n, onRetry: r, content: a, fileName: s, leftActions: c, labels: { ariaLabel: l, closeLabel: u = "Close", resizeLabel: d = "Resize panel", downloadLabel: f = "Download", copyTextLabel: p = "Copy text", copiedTextLabel: h = "Copied!", copyMarkdownLabel: g = "Copy as Markdown", copiedMarkdownLabel: v = "Copied!", copyJsonLabel: y = "Copy as JSON", copiedJsonLabel: w = "Copied!", visualizerErrorLabel: T, unsupportedLabel: D = "Preview is not supported for this file", loadErrorLabel: O = "Failed to load file", loadErrorRetryLabel: k = "Retry", forbiddenErrorLabel: A = "You don't have permission to access this file", htmlFrameBlockedLabel: j = "This page cannot be displayed in preview", htmlOpenInNewTabLabel: M = "Open in new tab", htmlViewSourceLabel: ie = "View source", htmlViewRenderedLabel: P = "View rendered", mcpAppReloadLabel: se = "Reload", pdfThumbnailsLabel: F, pdfShowThumbnailsLabel: L, pdfHideThumbnailsLabel: ce, pdfPageNumberLabel: le, pdfContentLoadingLabel: W, pdfContentErrorLabel: de, pdfContentRetryLabel: fe, xlsxFormulaLabel: G, codeContentLoadingLabel: pe, codeContentErrorLabel: me, codeContentRetryLabel: ge, tableCopyLabel: K, tableCopiedLabel: q, tableDownloadCsvLabel: _e, codeBlockCopyLabel: ve, codeBlockCopiedLabel: ye, codeBlockDownloadLabel: be, tableScrollRegionAriaLabel: xe, mathScrollRegionAriaLabel: Se, ooxmlHighlightsLabel: Ce, ooxmlHighlightNavigatedLabel: we, loadingLabel: Te }, onDownload: J, onCopyText: Ee, onCopyMarkdown: Y, onCopyJson: De, tableDownloadFilename: X, isMobile: Oe = !1, isBoundedOverlay: ke = !1, defaultWidth: Ae, minWidth: je = 600, maxWidth: Me = 1500, onResizeStop: Ne, styles: Pe, codeBlockTheme: Fe, loadPdf: Ie, configurePdfWorker: Le, onVisualizerSendMessage: Z }) => {
+	let [Re, ze] = V(!1), [Ue, We] = V(!1), [Q, Ge] = V(!1), [Ke, qe] = V(!1), [Je, Ye] = V(void 0), Xe = B(null), Ze = B(null), Qe = B(null), $e = I(() => {
+		Ee?.(), Xe.current != null && clearTimeout(Xe.current), ze(!0), Xe.current = setTimeout(() => ze(!1), He);
+	}, [Ee]), et = I(() => {
+		Y?.(), Ze.current != null && clearTimeout(Ze.current), We(!0), Ze.current = setTimeout(() => We(!1), He);
+	}, [Y]), tt = I(() => {
+		De?.(), Qe.current != null && clearTimeout(Qe.current), Ge(!0), Qe.current = setTimeout(() => Ge(!1), He);
+	}, [De]);
+	R(() => () => {
+		Xe.current != null && clearTimeout(Xe.current), Ze.current != null && clearTimeout(Ze.current), Qe.current != null && clearTimeout(Qe.current);
 	}, []);
-	let nt = I(() => {
-		Je((e) => !e);
+	let $ = I(() => {
+		qe((e) => !e);
 	}, []);
-	L(() => {
-		Je(!1), Xe(void 0);
+	R(() => {
+		qe(!1), Ye(void 0);
 	}, [a]);
-	let { className: Q, panelStyles: rt, ...it } = Fe ?? {}, { colors: $, typography: at } = it, ot = R(() => m({
-		"--ac-mcp-app-divider": $?.mcpAppDividerColor,
-		"--ac-mcp-app-version": $?.mcpAppVersionColor
-	}), [$?.mcpAppDividerColor, $?.mcpAppVersionColor]), st = a.type === i.McpApp && Ye != null ? /* @__PURE__ */ U("span", {
-		style: ot,
+	let { className: nt, panelStyles: rt, ...it } = Pe ?? {}, { colors: at, typography: ot } = it, st = z(() => m({
+		"--ac-mcp-app-divider": at?.mcpAppDividerColor,
+		"--ac-mcp-app-version": at?.mcpAppVersionColor
+	}), [at?.mcpAppDividerColor, at?.mcpAppVersionColor]), ct = a.type === i.McpApp && Je != null ? /* @__PURE__ */ U("span", {
+		style: st,
 		children: [
 			/* @__PURE__ */ H("span", { children: s }),
 			/* @__PURE__ */ H("span", {
 				"aria-hidden": !0,
-				className: _("mx-1.5 inline-block h-3 w-0 border-s align-middle", Ue.mcpAppDivider)
+				className: _("mx-1.5 inline-block h-3 w-0 border-s align-middle", Ve.mcpAppDivider)
 			}),
-			/* @__PURE__ */ H("span", { children: Ye.name }),
-			Ye.version && /* @__PURE__ */ H("span", {
-				className: _("ms-2", at?.mcpAppVersionClassName ?? "dial-caption-text", Ue.mcpAppVersion),
-				children: Ye.version
+			/* @__PURE__ */ H("span", { children: Je.name }),
+			Je.version && /* @__PURE__ */ H("span", {
+				className: _("ms-2", ot?.mcpAppVersionClassName ?? "dial-caption-text", Ve.mcpAppVersion),
+				children: Je.version
 			})
 		]
-	}) : s, ct = !t && a.type === i.Html && (a.srcdoc != null || a.resolveSourceText != null), lt = !t && q != null && (a.type === i.PlainText || a.type === i.Code), ut = !t && De != null && a.type === i.Markdown, dt = !t && J != null && a.type === i.Json, ft = !t && Ee != null && o(a), pt = !t && a.type === i.McpApp && a.onReload != null;
+	}) : s, lt = !t && a.type === i.Html && (a.srcdoc != null || a.resolveSourceText != null), ut = !t && Ee != null && (a.type === i.PlainText || a.type === i.Code), dt = !t && Y != null && a.type === i.Markdown, ft = !t && De != null && a.type === i.Json, pt = !t && J != null && o(a), mt = !t && a.type === i.McpApp && a.onReload != null;
 	return /* @__PURE__ */ H(x, {
 		isOpen: e,
-		isBoundedOverlay: Ae,
+		isBoundedOverlay: ke,
 		orientation: b.Right,
-		title: st,
+		title: ct,
 		labels: {
 			ariaLabel: l,
 			closeLabel: u,
 			resizeLabel: d
 		},
 		onClose: n,
-		resizable: !ke || Ae,
-		defaultWidth: je,
-		minWidth: Me,
-		maxWidth: Ne,
-		onResizeStop: Pe,
+		resizable: !Oe || ke,
+		defaultWidth: Ae,
+		minWidth: je,
+		maxWidth: Me,
+		onResizeStop: Ne,
 		styles: {
 			...rt,
 			cssVars: {
-				...m({ "--ac-header-border": $?.headerBorder }),
+				...m({ "--ac-header-border": at?.headerBorder }),
 				...rt?.cssVars
 			},
 			titleClassName: rt?.titleClassName ?? "dial-h3-text",
-			headerClassName: _("border-b", Ue.panelHeader, rt?.headerClassName),
-			className: _(!Ae && (e ? "mobile:w-full mobile:max-w-full" : "w-0"), Q, rt?.className, ge.panel)
+			headerClassName: _("border-b", Ve.panelHeader, rt?.headerClassName),
+			className: _(!ke && (e ? "mobile:w-full mobile:max-w-full" : "w-0"), nt, rt?.className, he.panel)
 		},
 		leftActions: c,
-		rightActions: ct || lt || ut || dt || ft || pt ? /* @__PURE__ */ U(V, { children: [
-			pt && /* @__PURE__ */ H(T, {
-				icon: /* @__PURE__ */ H(se, {
+		rightActions: lt || ut || dt || ft || pt || mt ? /* @__PURE__ */ U(ue, { children: [
+			mt && /* @__PURE__ */ H(E, {
+				icon: /* @__PURE__ */ H(oe, {
 					size: S.LG,
 					stroke: C,
 					"aria-hidden": !0
 				}),
-				"aria-label": P,
-				tooltipProps: { tooltip: P },
+				"aria-label": se,
+				tooltipProps: { tooltip: se },
 				onClick: a.type === i.McpApp ? a.onReload : void 0
 			}),
-			ct && /* @__PURE__ */ H(T, {
-				icon: H(qe ? ie : ne, {
+			lt && /* @__PURE__ */ H(E, {
+				icon: H(Ke ? re : ee, {
 					size: S.LG,
 					stroke: C,
 					"aria-hidden": !0
 				}),
-				"aria-label": qe ? N : ae,
-				"aria-pressed": qe,
-				tooltipProps: { tooltip: qe ? N : ae },
-				onClick: nt
+				"aria-label": Ke ? P : ie,
+				"aria-pressed": Ke,
+				tooltipProps: { tooltip: Ke ? P : ie },
+				onClick: $
 			}),
-			lt && /* @__PURE__ */ H(T, {
-				icon: H(Y ? te : M, {
+			ut && /* @__PURE__ */ H(E, {
+				icon: H(Re ? N : te, {
 					size: S.LG,
 					stroke: C,
 					"aria-hidden": !0
 				}),
-				"aria-label": Y ? h : p,
-				tooltipProps: { tooltip: Y ? h : p },
+				"aria-label": Re ? h : p,
+				tooltipProps: { tooltip: Re ? h : p },
 				onClick: $e
 			}),
-			ut && /* @__PURE__ */ H(T, {
-				icon: H(Ve ? te : oe, {
+			dt && /* @__PURE__ */ H(E, {
+				icon: H(Ue ? N : ae, {
 					size: S.LG,
 					stroke: C,
 					"aria-hidden": !0
 				}),
-				"aria-label": Ve ? v : g,
-				tooltipProps: { tooltip: Ve ? v : g },
+				"aria-label": Ue ? v : g,
+				tooltipProps: { tooltip: Ue ? v : g },
 				onClick: et
 			}),
-			dt && /* @__PURE__ */ H(T, {
-				icon: H(Ke ? te : M, {
+			ft && /* @__PURE__ */ H(E, {
+				icon: H(Q ? N : te, {
 					size: S.LG,
 					stroke: C,
 					"aria-hidden": !0
 				}),
-				"aria-label": Ke ? w : y,
-				tooltipProps: { tooltip: Ke ? w : y },
+				"aria-label": Q ? w : y,
+				tooltipProps: { tooltip: Q ? w : y },
 				onClick: tt
 			}),
-			ft && /* @__PURE__ */ H(T, {
-				icon: /* @__PURE__ */ H(re, {
+			pt && /* @__PURE__ */ H(E, {
+				icon: /* @__PURE__ */ H(ne, {
 					size: S.LG,
 					stroke: C
 				}),
 				"aria-label": f,
 				tooltipProps: { tooltip: f },
-				onClick: Ee
+				onClick: J
 			})
 		] }) : null,
-		children: /* @__PURE__ */ H(He, {
+		children: /* @__PURE__ */ H(Be, {
 			content: a,
 			isLoading: t,
 			fileName: s,
-			isHtmlSourceView: qe,
-			onAppInfo: a.type === i.McpApp ? Xe : void 0,
+			isHtmlSourceView: Ke,
+			onAppInfo: a.type === i.McpApp ? Ye : void 0,
 			onRetry: r,
 			labels: {
-				unsupportedLabel: E,
-				loadErrorLabel: D,
-				loadErrorRetryLabel: O,
-				forbiddenErrorLabel: k,
-				visualizerErrorLabel: ee,
-				htmlFrameBlockedLabel: A,
-				htmlOpenInNewTabLabel: j,
+				unsupportedLabel: D,
+				loadErrorLabel: O,
+				loadErrorRetryLabel: k,
+				forbiddenErrorLabel: A,
+				visualizerErrorLabel: T,
+				htmlFrameBlockedLabel: j,
+				htmlOpenInNewTabLabel: M,
 				pdfThumbnailsLabel: F,
-				pdfShowThumbnailsLabel: ce,
-				pdfHideThumbnailsLabel: le,
-				pdfPageNumberLabel: ue,
-				pdfContentLoadingLabel: de,
-				pdfContentErrorLabel: fe,
-				pdfContentRetryLabel: W,
-				xlsxFormulaLabel: pe,
-				codeContentLoadingLabel: me,
-				codeContentErrorLabel: he,
-				codeContentRetryLabel: G,
+				pdfShowThumbnailsLabel: L,
+				pdfHideThumbnailsLabel: ce,
+				pdfPageNumberLabel: le,
+				pdfContentLoadingLabel: W,
+				pdfContentErrorLabel: de,
+				pdfContentRetryLabel: fe,
+				xlsxFormulaLabel: G,
+				codeContentLoadingLabel: pe,
+				codeContentErrorLabel: me,
+				codeContentRetryLabel: ge,
 				tableCopyLabel: K,
-				tableCopiedLabel: _e,
-				tableDownloadCsvLabel: ve,
-				codeBlockCopyLabel: ye,
-				codeBlockCopiedLabel: be,
-				codeBlockDownloadLabel: xe,
-				tableScrollRegionAriaLabel: Se,
-				mathScrollRegionAriaLabel: Ce,
-				ooxmlHighlightsLabel: we,
-				ooxmlHighlightNavigatedLabel: Te
+				tableCopiedLabel: q,
+				tableDownloadCsvLabel: _e,
+				codeBlockCopyLabel: ve,
+				codeBlockCopiedLabel: ye,
+				codeBlockDownloadLabel: be,
+				tableScrollRegionAriaLabel: xe,
+				mathScrollRegionAriaLabel: Se,
+				ooxmlHighlightsLabel: Ce,
+				ooxmlHighlightNavigatedLabel: we,
+				loadingLabel: Te
 			},
 			styles: it,
-			codeBlockTheme: Ie,
-			tableDownloadFilename: Oe,
-			loadPdf: Le,
-			configurePdfWorker: Re,
-			onVisualizerSendMessage: ze
+			codeBlockTheme: Fe,
+			tableDownloadFilename: X,
+			loadPdf: Ie,
+			configurePdfWorker: Le,
+			onVisualizerSendMessage: Z
 		})
 	});
-}), Ke = /* @__PURE__ */ new Set(["html", "htm"]), X = {
+}), We = /* @__PURE__ */ new Set(["html", "htm"]), Q = {
 	docx: "application/vnd.openxmlformats-officedocument.wordprocessingml.document",
 	xlsx: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",
 	pptx: "application/vnd.openxmlformats-officedocument.presentationml.presentation"
-}, qe = /* @__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(".")), Je = {
+}, 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 = {
 	docx: r.Docx,
 	xlsx: r.Xlsx,
 	pptx: r.Pptx,
 	csv: r.Csv
-}, Ye = {
-	[X.docx]: r.Docx,
-	[X.xlsx]: r.Xlsx,
-	[X.pptx]: r.Pptx,
+}, qe = {
+	[Q.docx]: r.Docx,
+	[Q.xlsx]: r.Xlsx,
+	[Q.pptx]: r.Pptx,
 	[f.CSV]: r.Csv
-}, Xe = {
-	[r.Docx]: X.docx,
-	[r.Xlsx]: X.xlsx,
-	[r.Pptx]: X.pptx,
+}, Je = {
+	[r.Docx]: Q.docx,
+	[r.Xlsx]: Q.xlsx,
+	[r.Pptx]: Q.pptx,
 	[r.Csv]: f.CSV
-}, Z = (e, t) => {
+}, Ye = (e, t) => {
 	let n = t?.split(";", 1)[0].trim().toLowerCase();
 	if (n != null) {
-		let e = Ye[n];
+		let e = qe[n];
 		if (e != null) return e;
 	}
 	let r = e.lastIndexOf(".");
-	if (r !== -1) return Je[e.slice(r + 1).toLowerCase()];
-}, Ze = (e, t) => Z(e, t) != null, Qe = (e, t) => {
-	let n = Z(e, t);
-	return n == null ? void 0 : Xe[n];
-}, $e = (e) => {
+	if (r !== -1) return Ke[e.slice(r + 1).toLowerCase()];
+}, Xe = (e, t) => Ye(e, t) != null, Ze = (e, t) => {
+	let n = Ye(e, t);
+	return n == null ? void 0 : Je[n];
+}, Qe = (e) => {
 	let t = e.lastIndexOf(".");
-	return t !== -1 && qe.has(e.slice(t + 1).toLowerCase());
-}, et = (e) => {
+	return t !== -1 && Ge.has(e.slice(t + 1).toLowerCase());
+}, $e = (e) => {
 	let t = e.lastIndexOf(".");
-	return t !== -1 && Ke.has(e.slice(t + 1).toLowerCase());
-}, tt = {
+	return t !== -1 && We.has(e.slice(t + 1).toLowerCase());
+}, et = {
 	xml: "xml",
 	csv: "plaintext",
 	tsv: "plaintext",
@@ -1279,47 +1288,47 @@ var ge = { panel: "dial-attachment-canvas-panel" }, G = {
 	gitignore: "plaintext",
 	dockerfile: "plaintext",
 	makefile: "plaintext"
-}, nt = (e) => tt[e], Q = (e) => ({
+}, tt = (e) => et[e], $ = (e) => ({
 	type: i.Unsupported,
 	...e != null && { url: e }
-}), rt = (e) => ({
+}), nt = (e) => ({
 	type: i.Error,
 	errorType: n.LoadFailed,
 	...e != null && { url: e }
-}), it = (e) => ({
+}), rt = (e) => ({
 	type: i.Error,
 	errorType: n.Forbidden,
 	...e != null && { url: e }
-}), $ = (e) => {
+}), it = (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;
 }, at = (e) => {
-	let t = $(e);
+	let t = it(e);
 	t != null && URL.revokeObjectURL(t);
 }, ot = {
 	type: i.PlainText,
 	text: ""
-}, st = N(void 0);
+}, st = P(void 0);
 st.displayName = "AttachmentCanvasContext";
-var ct = N(void 0), lt = ({ children: e }) => {
-	let t = z(0), n = I(() => {
+var ct = P(void 0), lt = ({ children: e }) => {
+	let t = B(0), n = I(() => {
 		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(ot), [l, u] = B(void 0), [d, f] = B(void 0), [p, m] = B(void 0), h = I((e, t) => {
+	let [r, i] = V(!1), [a, o] = V(!1), [s, c] = V(ot), [l, u] = V(void 0), [d, f] = V(void 0), [p, m] = V(void 0), h = I((e, t) => {
 		u(e), f(t), m(void 0), o(!0), i(!0);
 	}, []), g = I((e, t, n, r) => {
 		c(e), u(t), f(n), m(r == null ? void 0 : () => r), o(!1), i(!0);
 	}, []), _ = I(() => {
 		c(ot), i(!1), o(!1), f(void 0), m(void 0);
 	}, []);
-	return L(() => () => {
-		let e = $(s);
+	return R(() => () => {
+		let e = it(s);
 		e != null && URL.revokeObjectURL(e);
 	}, [s]), /* @__PURE__ */ H(st.Provider, {
-		value: R(() => ({
+		value: z(() => ({
 			isOpen: r,
 			isLoading: a,
 			content: s,
@@ -1346,35 +1355,35 @@ var ct = N(void 0), lt = ({ children: e }) => {
 		})
 	});
 }, ut = () => {
-	let e = ce(st);
+	let e = L(st);
 	if (!e) throw Error("useAttachmentCanvas must be used within an AttachmentCanvasProvider");
 	return e;
-}, dt = () => ce(ct), ft = () => {
-	let e = ce(ct);
+}, dt = () => L(ct), ft = () => {
+	let e = L(ct);
 	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(() => {
 		let n = t.current, r = e();
 		return () => n !== void 0 && t.current === n && r();
 	}, [e]);
 }, pt = F(({ labels: e, leftActions: t, isMobile: n = !1, isBoundedOverlay: r = !1, defaultWidth: o, minWidth: s, maxWidth: c, codeBlockTheme: l, tableDownloadFilename: u, loadPdf: d, configurePdfWorker: f, onVisualizerSendMessage: p }) => {
-	let { ariaLabel: m = "Attachment preview", closeLabel: g = "Close", downloadLabel: _ = "Download", unsupportedLabel: v = "Preview is not supported for this file", loadErrorLabel: y = "Failed to load file", loadErrorRetryLabel: b, forbiddenErrorLabel: x = "You don't have permission to access this file", copyTextLabel: S, copiedTextLabel: C, copyMarkdownLabel: w, copiedMarkdownLabel: ee, copyJsonLabel: T, copiedJsonLabel: E, htmlFrameBlockedLabel: D, htmlOpenInNewTabLabel: O, htmlViewSourceLabel: k, htmlViewRenderedLabel: A, pdfThumbnailsLabel: j, pdfShowThumbnailsLabel: te, pdfHideThumbnailsLabel: ne, pdfPageNumberLabel: M, pdfContentLoadingLabel: re, pdfContentErrorLabel: ie, pdfContentRetryLabel: ae, xlsxFormulaLabel: oe, codeContentLoadingLabel: se, codeContentErrorLabel: N, codeContentRetryLabel: P, tableCopyLabel: F, tableCopiedLabel: ce, tableDownloadCsvLabel: L, codeBlockCopyLabel: R, codeBlockCopiedLabel: z, codeBlockDownloadLabel: B, tableScrollRegionAriaLabel: le, mathScrollRegionAriaLabel: ue, ooxmlHighlightsLabel: V, ooxmlHighlightNavigatedLabel: U } = e ?? {}, { isOpen: de, isLoading: fe, content: W, fileName: pe, closeCanvas: me, retryCanvas: he } = ut(), ge = I(() => {
-		a(W, pe);
-	}, [W, pe]), G = I(() => {
-		(W.type === i.PlainText || W.type === i.Code) && h(W.text);
-	}, [W]), K = I(() => {
-		W.type === i.Markdown && h(W.text);
-	}, [W]), _e = I(() => {
-		W.type === i.Json && h(JSON.stringify(W.value, null, 2));
-	}, [W]);
-	return /* @__PURE__ */ H(Ge, {
+	let { ariaLabel: m = "Attachment preview", closeLabel: g = "Close", downloadLabel: _ = "Download", unsupportedLabel: v = "Preview is not supported for this file", loadErrorLabel: y = "Failed to load file", loadErrorRetryLabel: b, forbiddenErrorLabel: x = "You don't have permission to access this file", copyTextLabel: S, copiedTextLabel: C, copyMarkdownLabel: w, copiedMarkdownLabel: T, copyJsonLabel: E, copiedJsonLabel: D, htmlFrameBlockedLabel: O, htmlOpenInNewTabLabel: k, htmlViewSourceLabel: A, htmlViewRenderedLabel: j, pdfThumbnailsLabel: M, pdfShowThumbnailsLabel: N, pdfHideThumbnailsLabel: ee, pdfPageNumberLabel: te, pdfContentLoadingLabel: ne, pdfContentErrorLabel: re, pdfContentRetryLabel: ie, xlsxFormulaLabel: ae, codeContentLoadingLabel: oe, codeContentErrorLabel: P, codeContentRetryLabel: se, tableCopyLabel: F, tableCopiedLabel: L, tableDownloadCsvLabel: R, codeBlockCopyLabel: z, codeBlockCopiedLabel: B, codeBlockDownloadLabel: V, tableScrollRegionAriaLabel: ce, mathScrollRegionAriaLabel: le, ooxmlHighlightsLabel: ue, ooxmlHighlightNavigatedLabel: U, loadingLabel: W } = e ?? {}, { isOpen: de, isLoading: fe, content: G, fileName: pe, closeCanvas: me, retryCanvas: he } = ut(), ge = I(() => {
+		a(G, pe);
+	}, [G, pe]), K = I(() => {
+		(G.type === i.PlainText || G.type === i.Code) && h(G.text);
+	}, [G]), q = I(() => {
+		G.type === i.Markdown && h(G.text);
+	}, [G]), _e = I(() => {
+		G.type === i.Json && h(JSON.stringify(G.value, null, 2));
+	}, [G]);
+	return /* @__PURE__ */ H(Ue, {
 		isOpen: de,
 		isLoading: fe,
 		onClose: me,
 		onRetry: he,
-		content: W,
+		content: G,
 		fileName: pe,
 		leftActions: t,
 		labels: {
@@ -1384,43 +1393,44 @@ var ct = N(void 0), lt = ({ children: e }) => {
 			copyTextLabel: S,
 			copiedTextLabel: C,
 			copyMarkdownLabel: w,
-			copiedMarkdownLabel: ee,
-			copyJsonLabel: T,
-			copiedJsonLabel: E,
+			copiedMarkdownLabel: T,
+			copyJsonLabel: E,
+			copiedJsonLabel: D,
 			unsupportedLabel: v,
 			loadErrorLabel: y,
 			loadErrorRetryLabel: b,
 			forbiddenErrorLabel: x,
-			htmlFrameBlockedLabel: D,
-			htmlOpenInNewTabLabel: O,
-			htmlViewSourceLabel: k,
-			htmlViewRenderedLabel: A,
-			pdfThumbnailsLabel: j,
-			pdfShowThumbnailsLabel: te,
-			pdfHideThumbnailsLabel: ne,
-			pdfPageNumberLabel: M,
-			pdfContentLoadingLabel: re,
-			pdfContentErrorLabel: ie,
-			pdfContentRetryLabel: ae,
-			xlsxFormulaLabel: oe,
-			codeContentLoadingLabel: se,
-			codeContentErrorLabel: N,
-			codeContentRetryLabel: P,
+			htmlFrameBlockedLabel: O,
+			htmlOpenInNewTabLabel: k,
+			htmlViewSourceLabel: A,
+			htmlViewRenderedLabel: j,
+			pdfThumbnailsLabel: M,
+			pdfShowThumbnailsLabel: N,
+			pdfHideThumbnailsLabel: ee,
+			pdfPageNumberLabel: te,
+			pdfContentLoadingLabel: ne,
+			pdfContentErrorLabel: re,
+			pdfContentRetryLabel: ie,
+			xlsxFormulaLabel: ae,
+			codeContentLoadingLabel: oe,
+			codeContentErrorLabel: P,
+			codeContentRetryLabel: se,
 			tableCopyLabel: F,
-			tableCopiedLabel: ce,
-			tableDownloadCsvLabel: L,
-			codeBlockCopyLabel: R,
-			codeBlockCopiedLabel: z,
-			codeBlockDownloadLabel: B,
-			tableScrollRegionAriaLabel: le,
-			mathScrollRegionAriaLabel: ue,
-			ooxmlHighlightsLabel: V,
-			ooxmlHighlightNavigatedLabel: U
+			tableCopiedLabel: L,
+			tableDownloadCsvLabel: R,
+			codeBlockCopyLabel: z,
+			codeBlockCopiedLabel: B,
+			codeBlockDownloadLabel: V,
+			tableScrollRegionAriaLabel: ce,
+			mathScrollRegionAriaLabel: le,
+			ooxmlHighlightsLabel: ue,
+			ooxmlHighlightNavigatedLabel: U,
+			loadingLabel: W
 		},
 		onDownload: ge,
-		onCopyText: W.type === i.PlainText || W.type === i.Code ? G : void 0,
-		onCopyMarkdown: W.type === i.Markdown ? K : void 0,
-		onCopyJson: W.type === i.Json ? _e : 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 ? _e : void 0,
 		tableDownloadFilename: u,
 		isMobile: n,
 		isBoundedOverlay: r,
@@ -1454,8 +1464,8 @@ var ct = N(void 0), lt = ({ children: e }) => {
 				role: "toolbar",
 				"aria-label": i,
 				className: "flex items-center gap-1",
-				children: /* @__PURE__ */ H(T, {
-					icon: /* @__PURE__ */ H(j, {
+				children: /* @__PURE__ */ H(E, {
+					icon: /* @__PURE__ */ H(M, {
 						size: S.SM,
 						stroke: C,
 						"aria-hidden": !0
@@ -1468,7 +1478,7 @@ var ct = N(void 0), lt = ({ children: e }) => {
 		}), /* @__PURE__ */ H("div", {
 			className: "w-full",
 			style: { height: `${t}px` },
-			children: /* @__PURE__ */ H(ze, {
+			children: /* @__PURE__ */ H(Le, {
 				content: e,
 				loadingLabel: o,
 				errorLabel: s,
@@ -1491,12 +1501,12 @@ var ct = N(void 0), lt = ({ children: e }) => {
 		return n;
 	}
 }, _t = (e, t) => {
-	let { openCanvas: n, openCanvasLoading: r, closeCanvas: a } = ut(), o = dt(), { customVisualizers: s, themeId: l, onBeforeOpen: u } = t, p = z(null), m = I(async (t, n, r) => {
+	let { openCanvas: n, openCanvasLoading: r, closeCanvas: a } = ut(), o = dt(), { customVisualizers: s, themeId: l, onBeforeOpen: u } = t, p = B(null), m = I(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(), o = Ne(a, s);
+		let a = t.contentType.toLowerCase(), o = je(a, s);
 		if (o != null) {
 			let i = await e.resolveVisualizerContent(t, o, l);
 			if (i != null) return r(i, t.name, n);
@@ -1505,15 +1515,15 @@ var ct = N(void 0), lt = ({ children: e }) => {
 			let i = await e.resolveTextContent(t);
 			if (i != null) return r(i, t.name, n);
 		}
-		let c = Z("", a);
-		if (c != null) return r(await e.resolveOoxmlContent(t, c) ?? Q(e.resolveContentUrl(t)), t.name, n);
+		let c = Ye("", a);
+		if (c != null) return r(await e.resolveOoxmlContent(t, c) ?? $(e.resolveContentUrl(t)), t.name, n);
 		switch (a) {
-			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);
+			case f.PDF: return r(await e.resolvePdfContent(t) ?? $(e.resolveContentUrl(t)), t.name, n);
+			case f.Markdown: return r(await e.resolveMarkdownContent(t) ?? $(e.resolveContentUrl(t)), t.name, n);
+			case f.JSON: return r(await e.resolveJsonContent(t) ?? $(e.resolveContentUrl(t)), t.name, n);
 		}
-		let u = t.name ?? "", p = u.lastIndexOf("."), m = p === -1 ? "" : u.slice(p + 1).toLowerCase(), h = Z(u);
-		if (h != null) return r(await e.resolveOoxmlContent(t, h) ?? Q(e.resolveContentUrl(t)), t.name, n);
+		let u = t.name ?? "", p = u.lastIndexOf("."), m = p === -1 ? "" : u.slice(p + 1).toLowerCase(), h = Ye(u);
+		if (h != null) return r(await e.resolveOoxmlContent(t, h) ?? $(e.resolveContentUrl(t)), t.name, n);
 		switch (m) {
 			case d.Markdown:
 			case d.MarkdownAlt: {
@@ -1529,16 +1539,16 @@ var ct = N(void 0), lt = ({ children: e }) => {
 				return i != null && r(i, t.name, n);
 			}
 		}
-		let g = t.name != null && et(t.name) || t.url != null && et(gt(t.url));
-		if (t.name != null && !$e(t.name) && !g) return r(Q(e.resolveContentUrl(t)), t.name, n);
+		let g = t.name != null && $e(t.name) || t.url != null && $e(gt(t.url));
+		if (t.name != null && !Qe(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(Q(e.resolveContentUrl(t)), t.name, n) : t.url != null && r({
+			return a == null ? e.hasTextSource(t) ? r($(e.resolveContentUrl(t)), t.name, n) : t.url != null && r({
 				type: i.Html,
 				url: t.url
 			}, t.name, n) : r(a, t.name, n);
 		}
-		let _ = await e.resolveCodeContent(t, nt(m));
+		let _ = await e.resolveCodeContent(t, tt(m));
 		return _ != null && r(_, t.name, n);
 	}, [
 		s,
@@ -1584,9 +1594,9 @@ var ct = N(void 0), lt = ({ children: e }) => {
 		e,
 		o
 	]);
-	return L(() => {
+	return R(() => {
 		p.current = h;
 	}, [h]), { openAttachmentCanvas: h };
 };
 //#endregion
-export { ge as ATTACHMENT_CANVAS_CLASS, Ge as AttachmentCanvas, He as AttachmentCanvasBody, pt as AttachmentCanvasContainer, lt as AttachmentCanvasProvider, i as AttachmentContentType, n as AttachmentErrorType, ve as CodeContent, ye as HTML_PREVIEW_FRAME_RENDER_MESSAGE, ht as InlineGroupedVisualizer, De as McpAppCanvasRenderer, r as OoxmlFileType, t as OoxmlHighlightKind, it as createForbiddenCanvasContent, rt as createLoadErrorCanvasContent, Q as createUnsupportedCanvasContent, a as downloadAttachmentContent, nt as extensionToLanguage, Pe as findVisualizerForApplication, Ne as findVisualizerForMime, Z as getOoxmlFileType, Qe as getOoxmlMimeType, Fe as groupedVisualizerCanvasKey, o as isDownloadable, et as isHtmlPreviewable, Ze as isOoxmlPreviewable, $e as isTextPreviewable, Ie as partitionAttachmentsForApplicationVisualizer, ut as useAttachmentCanvas, ft as useLatestCanvasRequest, _t as useOpenAttachmentCanvas };
+export { he as ATTACHMENT_CANVAS_CLASS, Ue as AttachmentCanvas, Be as AttachmentCanvasBody, pt as AttachmentCanvasContainer, lt as AttachmentCanvasProvider, i as AttachmentContentType, n as AttachmentErrorType, _e as CodeContent, ve as HTML_PREVIEW_FRAME_RENDER_MESSAGE, ht as InlineGroupedVisualizer, Ee as McpAppCanvasRenderer, r as OoxmlFileType, t as OoxmlHighlightKind, rt as createForbiddenCanvasContent, nt as createLoadErrorCanvasContent, $ as createUnsupportedCanvasContent, a as downloadAttachmentContent, tt as extensionToLanguage, Me as findVisualizerForApplication, je as findVisualizerForMime, Ye as getOoxmlFileType, Ze as getOoxmlMimeType, Ne as groupedVisualizerCanvasKey, o as isDownloadable, $e as isHtmlPreviewable, Xe as isOoxmlPreviewable, Qe as isTextPreviewable, Pe as partitionAttachmentsForApplicationVisualizer, ut as useAttachmentCanvas, ft as useLatestCanvasRequest, _t as useOpenAttachmentCanvas };