@epam/ai-dial-attachment-canvas 1.1.0-dev.402 → 1.1.0-dev.411

package/index.js

@@ -1,40 +1,40 @@
 import { c as e, i as t, l as n, o as r, s as i, t as a } from "./LazyContentBoundary-DkAcpR4S.js";
 import { AttachmentType as o, CodeBlockTheme as s, DEFAULT_MARKDOWN_CLASS_NAMES as c, FileExtension as l, MIMEType as u, MarkdownRenderer as d, buildCssVars as f, copyToClipboard as p, mergeClasses as m, restrainedSyntaxTheme as h, stripUrlQueryAndFragment as g } from "@epam/ai-dial-chat-shared";
-import { SidebarOrientation as _, SidebarPanel as v } from "@epam/ai-dial-sidebar";
-import { DIAL_ICON_SIZE as y, DIAL_KIT_ICON_STROKE as b, GhostIconButton as x, LinkButton as S, Spinner as C } from "@epam/ai-dial-ui-kit";
-import { IconAlertTriangle as w, IconCheck as T, IconCode as ee, IconCopy as te, IconDownload as ne, IconEye as re, IconLock as ie, IconMarkdown as ae } from "@tabler/icons-react";
-import { createContext as E, lazy as D, memo as O, useCallback as k, useContext as A, useEffect as j, useMemo as M, useRef as N, useState as P } from "react";
-import { JsonView as oe, defaultStyles as se } from "react-json-view-lite";
-import { Fragment as F, jsx as I, jsxs as L } from "react/jsx-runtime";
-import { AppRenderer as ce } from "@mcp-ui/client";
-import { VisualizerConnectorRequests as le } from "@epam/ai-dial-shared";
-import { VisualizerConnector as R } from "@epam/ai-dial-visualizer-connector";
-var ue = {
+import { SidebarOrientation as _, SidebarPanel as ee } from "@epam/ai-dial-sidebar";
+import { DIAL_ICON_SIZE as v, DIAL_KIT_ICON_STROKE as y, GhostIconButton as b, LinkButton as x, Spinner as S } from "@epam/ai-dial-ui-kit";
+import { IconAlertTriangle as C, IconCheck as w, IconCode as te, IconCopy as ne, IconDownload as re, IconEye as ie, IconLock as ae, IconMarkdown as oe, IconRefresh as se } from "@tabler/icons-react";
+import { createContext as T, lazy as E, memo as D, useCallback as O, useContext as k, useEffect as A, useMemo as j, useRef as M, useState as N } from "react";
+import { JsonView as ce, defaultStyles as le } from "react-json-view-lite";
+import { Fragment as ue, jsx as P, jsxs as F } from "react/jsx-runtime";
+import { AppRenderer as de } from "@mcp-ui/client";
+import { VisualizerConnectorRequests as I } from "@epam/ai-dial-shared";
+import { VisualizerConnector as fe } from "@epam/ai-dial-visualizer-connector";
+var L = {
 	container: "_container_1nhig_1",
 	containerLight: "_containerLight_1nhig_5"
-}, de = {
+}, pe = {
 	[s.Dark]: h,
 	[s.Light]: h
-}, fe = () => D(async () => {
+}, R = () => E(async () => {
 	let { Prism: e } = await import("react-syntax-highlighter");
 	return { default: e };
-}), pe = O(({ content: e, codeBlockTheme: t = s.Light, labels: n }) => {
-	let { text: r, language: i } = e, o = i == null || i === "plaintext", c = de[t], l = t === s.Light, [u, d] = P(0), f = M(fe, [u]), p = k(() => {
+}), me = D(({ content: e, codeBlockTheme: t = s.Light, labels: n }) => {
+	let { text: r, language: i } = e, o = i == null || i === "plaintext", c = pe[t], l = t === s.Light, [u, d] = N(0), f = j(R, [u]), p = O(() => {
 		d((e) => e + 1);
-	}, []), h = /* @__PURE__ */ I("pre", {
+	}, []), h = /* @__PURE__ */ P("pre", {
 		className: "whitespace-pre-wrap break-words p-4",
 		children: r
 	});
-	return /* @__PURE__ */ I("div", {
+	return /* @__PURE__ */ P("div", {
 		dir: "ltr",
-		className: m("h-full overflow-auto", ue.container, l && ue.containerLight),
-		children: o ? h : /* @__PURE__ */ I(a, {
+		className: m("h-full overflow-auto", L.container, l && L.containerLight),
+		children: o ? h : /* @__PURE__ */ P(a, {
 			retryKey: u,
 			onRetry: p,
 			pendingContent: h,
 			errorContent: h,
 			labels: n,
-			children: /* @__PURE__ */ I(f, {
+			children: /* @__PURE__ */ P(f, {
 				language: i,
 				style: c,
 				customStyle: {
@@ -51,21 +51,21 @@ var ue = {
 			})
 		})
 	});
-}), z = { openInNewTabButton: "_openInNewTabButton_c1arc_1" }, me = O(({ 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] = P(!0), [d, f] = P(!1), p = N(null);
-	j(() => {
+}), he = { openInNewTabButton: "_openInNewTabButton_c1arc_1" }, ge = D(({ 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] = N(!0), [d, f] = N(!1), p = M(null);
+	A(() => {
 		u(!0), f(!1);
 	}, [e]);
-	let h = k((t) => {
+	let h = O((t) => {
 		if (u(!1), e.srcdoc == null) try {
 			p.current?.contentDocument ?? f(!0);
 		} catch {
 			f(!0);
 		}
-	}, [e.srcdoc]), g = k(() => {
+	}, [e.srcdoc]), g = O(() => {
 		u(!1), f(!0);
 	}, []);
-	if (n && e.srcdoc != null) return /* @__PURE__ */ I(pe, {
+	if (n && e.srcdoc != null) return /* @__PURE__ */ P(me, {
 		content: {
 			type: i.Code,
 			text: e.srcdoc,
@@ -73,70 +73,89 @@ var ue = {
 		},
 		codeBlockTheme: a
 	});
-	if (d) return /* @__PURE__ */ L("div", {
+	if (d) return /* @__PURE__ */ F("div", {
 		className: "flex h-full flex-col items-center justify-center gap-3 p-4",
-		children: [/* @__PURE__ */ I("p", {
+		children: [/* @__PURE__ */ P("p", {
 			className: "text-center",
 			children: s
-		}), e.url != null && /* @__PURE__ */ I(S, {
+		}), e.url != null && /* @__PURE__ */ P(x, {
 			href: e.url,
 			target: "_blank",
 			label: c,
-			className: z.openInNewTabButton,
+			className: he.openInNewTabButton,
 			textClassName: o
 		})]
 	});
-	let _ = e.srcdoc != null, v = _ ? void 0 : e.url, y = _ ? e.srcdoc : void 0;
-	return /* @__PURE__ */ L("div", {
+	let _ = e.srcdoc != null, ee = _ ? void 0 : e.url, v = _ ? e.srcdoc : void 0;
+	return /* @__PURE__ */ F("div", {
 		className: "relative h-full",
-		children: [l && /* @__PURE__ */ I("div", {
+		children: [l && /* @__PURE__ */ P("div", {
 			className: "absolute inset-0 flex items-center justify-center",
-			children: /* @__PURE__ */ I(C, {})
-		}), /* @__PURE__ */ I("iframe", {
+			children: /* @__PURE__ */ P(S, {})
+		}), /* @__PURE__ */ P("iframe", {
 			ref: p,
 			title: r,
-			src: v,
-			srcDoc: y,
+			src: ee,
+			srcDoc: v,
 			sandbox: _ ? "allow-scripts" : "allow-scripts allow-same-origin",
 			className: m("h-full w-full border-none", l ? "invisible" : ""),
 			onLoad: h,
 			onError: g
 		})]
 	});
-}), B = {
-	loadingOverlay: "_loadingOverlay_t3d2v_1",
-	statusLabel: "_statusLabel_t3d2v_5",
-	errorIcon: "_errorIcon_t3d2v_9"
-}, he = ({ content: e, errorLabel: t = "Failed to load app" }) => {
-	let [n, r] = P("loading"), { html: i, sandboxUrl: a, toolName: o, toolInput: s, toolResult: c, hostContext: l, onToolCall: u } = e;
-	return /* @__PURE__ */ L("div", {
-		className: "relative h-full w-full",
+}), z = {
+	loadingOverlay: "_loadingOverlay_72o98_1",
+	fullscreenFrame: "_fullscreenFrame_72o98_14",
+	statusLabel: "_statusLabel_72o98_19",
+	errorIcon: "_errorIcon_72o98_23"
+}, B = ({ content: e, errorLabel: t = "Failed to load app" }) => {
+	let [n, r] = N("loading"), { html: i, sandboxUrl: a, toolName: o, toolInput: s, toolResult: c, hostContext: l, onToolCall: u } = e, d = j(() => ({ url: new URL(a) }), [a]), f = l?.displayMode === "fullscreen", p = M(null), [h, g] = N();
+	A(() => {
+		let e = p.current;
+		if (!e) return;
+		let t = new ResizeObserver(([e]) => {
+			if (!e) return;
+			let { width: t, height: n } = e.contentRect;
+			g({
+				width: Math.round(t),
+				height: Math.round(n)
+			});
+		});
+		return t.observe(e), () => t.disconnect();
+	}, []);
+	let _ = j(() => l == null || h == null ? l : {
+		...l,
+		containerDimensions: h
+	}, [l, h]);
+	return /* @__PURE__ */ F("div", {
+		ref: p,
+		className: m("relative h-full w-full", f && z.fullscreenFrame),
 		children: [
-			/* @__PURE__ */ I(ce, {
+			/* @__PURE__ */ P(de, {
 				html: i,
 				toolName: o,
 				toolInput: s,
 				toolResult: c,
-				hostContext: l,
-				sandbox: { url: new URL(a) },
+				hostContext: _,
+				sandbox: d,
 				onCallTool: (e) => u(e.name, e.arguments),
 				onSizeChanged: () => r("ready"),
 				onError: () => r("error")
 			}),
-			n === "loading" && /* @__PURE__ */ I("div", {
-				className: m("absolute inset-0 flex flex-col items-center justify-center gap-2", B.loadingOverlay),
-				children: /* @__PURE__ */ I(C, {})
+			n === "loading" && /* @__PURE__ */ P("div", {
+				className: m("absolute inset-0 flex flex-col items-center justify-center gap-2", z.loadingOverlay),
+				children: /* @__PURE__ */ P(S, {})
 			}),
-			n === "error" && /* @__PURE__ */ L("div", {
+			n === "error" && /* @__PURE__ */ F("div", {
 				className: "absolute inset-0 flex flex-col items-center justify-center gap-2",
-				children: [/* @__PURE__ */ I(w, {
+				children: [/* @__PURE__ */ P(C, {
 					size: 60,
-					stroke: b,
+					stroke: y,
 					"aria-hidden": !0,
-					className: B.errorIcon
-				}), /* @__PURE__ */ I("p", {
+					className: z.errorIcon
+				}), /* @__PURE__ */ P("p", {
 					role: "alert",
-					className: m("text-center", B.statusLabel),
+					className: m("text-center", z.statusLabel),
 					children: t
 				})]
 			})
@@ -149,13 +168,13 @@ var ue = {
 	formulaValue: "_formulaValue_1npwu_17",
 	statusOverlay: "_statusOverlay_1npwu_23",
 	errorIcon: "_errorIcon_1npwu_28"
-}, ge = (e) => {
+}, _e = (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}`;
-}, _e = async (e, t, r, i) => {
+}, ve = async (e, t, r, i) => {
 	switch (t) {
 		case n.Docx: {
 			let [{ DocxScrollViewer: t }, { chartEx: n }] = await Promise.all([import("./docx-B9qBTEkj.js"), import("./chart-ex-B0DgG3Dt.js")]);
@@ -197,18 +216,18 @@ var ue = {
 			});
 		}
 	}
-}, ve = ({ content: e, fileName: t, loadErrorLabel: r, formulaLabel: i, formulaLabelClassName: a }) => {
-	let o = N(null), [s, c] = P(!0), [l, u] = P(!1), [d, f] = P("");
-	return j(() => {
+}, ye = ({ content: e, fileName: t, loadErrorLabel: r, formulaLabel: i, formulaLabelClassName: a }) => {
+	let o = M(null), [s, c] = N(!0), [l, u] = N(!1), [d, f] = N("");
+	return A(() => {
 		let t = o.current;
 		if (t == null) return;
 		let n, r = !1;
 		return c(!0), u(!1), f(""), (async () => {
 			try {
-				let i = await _e(t, e.format, () => {
+				let i = await ve(t, e.format, () => {
 					r || (c(!1), u(!0));
 				}, (e) => {
-					r || f(ge(e));
+					r || f(_e(e));
 				});
 				if (r) {
 					i.destroy();
@@ -221,18 +240,18 @@ var ue = {
 		})(), () => {
 			r = !0, n?.destroy(), t.replaceChildren();
 		};
-	}, [e.format, e.url]), /* @__PURE__ */ L("div", {
+	}, [e.format, e.url]), /* @__PURE__ */ F("div", {
 		className: "relative flex h-full w-full min-w-0 flex-col overflow-hidden",
 		children: [
-			e.format === n.Xlsx && /* @__PURE__ */ L("div", {
+			e.format === n.Xlsx && /* @__PURE__ */ F("div", {
 				role: "region",
 				"aria-label": i,
 				className: m("flex min-w-0 shrink-0 items-center gap-2 border-b px-3 py-2", V.formulaPanel),
-				children: [/* @__PURE__ */ I("span", {
+				children: [/* @__PURE__ */ P("span", {
 					"aria-hidden": "true",
 					className: m("shrink-0", a),
 					children: "fx"
-				}), /* @__PURE__ */ I("code", {
+				}), /* @__PURE__ */ P("code", {
 					dir: "ltr",
 					tabIndex: 0,
 					"aria-live": "polite",
@@ -240,25 +259,25 @@ var ue = {
 					children: d
 				})]
 			}),
-			/* @__PURE__ */ I("div", {
+			/* @__PURE__ */ P("div", {
 				ref: o,
 				role: "document",
 				"aria-label": t,
 				"aria-busy": s,
 				className: m("min-h-0 w-full flex-1 overflow-hidden", V.viewer)
 			}),
-			(s || l) && /* @__PURE__ */ I("div", {
+			(s || l) && /* @__PURE__ */ P("div", {
 				role: l ? "alert" : void 0,
 				"aria-live": "polite",
 				className: m("absolute inset-0 flex items-center justify-center", V.statusOverlay),
-				children: s ? /* @__PURE__ */ I(C, { size: 48 }) : /* @__PURE__ */ L("div", {
+				children: s ? /* @__PURE__ */ P(S, { size: 48 }) : /* @__PURE__ */ F("div", {
 					className: "flex flex-col items-center gap-2",
-					children: [/* @__PURE__ */ I(w, {
+					children: [/* @__PURE__ */ P(C, {
 						"aria-hidden": "true",
 						size: 60,
-						stroke: b,
+						stroke: y,
 						className: V.errorIcon
-					}), /* @__PURE__ */ I("p", {
+					}), /* @__PURE__ */ P("p", {
 						className: "text-center",
 						children: r
 					})]
@@ -270,13 +289,13 @@ var ue = {
 	loadingOverlay: "_loadingOverlay_12637_1",
 	statusLabel: "_statusLabel_12637_5",
 	errorIcon: "_errorIcon_12637_9"
-}, ye = ({ content: e, loadingLabel: t, errorLabel: n = "Failed to load visualizer", colors: r }) => {
-	let i = N(null), [a, o] = P("loading"), { url: s, visualizerName: c, requestTimeout: l } = e, u = N(e);
-	return u.current = e, j(() => {
+}, be = ({ content: e, loadingLabel: t, errorLabel: n = "Failed to load visualizer", colors: r }) => {
+	let i = M(null), [a, o] = N("loading"), { url: s, visualizerName: c, requestTimeout: l } = e, u = M(e);
+	return u.current = e, A(() => {
 		let e = i.current;
 		if (!e) return;
 		o("loading");
-		let t = new R(e, {
+		let t = new fe(e, {
 			domain: s,
 			hostDomain: window.location.origin,
 			visualizerName: c,
@@ -288,7 +307,7 @@ var ue = {
 				layout: r,
 				...typeof i == "object" && i ? i : {}
 			};
-			await t.send(le.sendVisualizeData, {
+			await t.send(I.sendVisualizeData, {
 				mimeType: e,
 				visualizerData: a
 			}), n && o("ready");
@@ -301,7 +320,7 @@ var ue = {
 		s,
 		c,
 		l
-	]), /* @__PURE__ */ L("div", {
+	]), /* @__PURE__ */ F("div", {
 		className: "relative h-full w-full",
 		style: f({
 			"--vs-loading-bg": r?.loadingBackground,
@@ -309,25 +328,25 @@ var ue = {
 			"--vs-error-icon": r?.errorIcon
 		}),
 		children: [
-			/* @__PURE__ */ I("div", {
+			/* @__PURE__ */ P("div", {
 				ref: i,
 				className: "h-full w-full"
 			}),
-			a === "loading" && /* @__PURE__ */ L("div", {
+			a === "loading" && /* @__PURE__ */ F("div", {
 				className: m("absolute inset-0 flex flex-col items-center justify-center gap-2", H.loadingOverlay),
-				children: [/* @__PURE__ */ I(C, {}), t && /* @__PURE__ */ I("p", {
+				children: [/* @__PURE__ */ P(S, {}), t && /* @__PURE__ */ P("p", {
 					className: m("text-center", H.statusLabel),
 					children: t
 				})]
 			}),
-			a === "error" && /* @__PURE__ */ L("div", {
+			a === "error" && /* @__PURE__ */ F("div", {
 				className: "absolute inset-0 flex flex-col items-center justify-center gap-2",
-				children: [/* @__PURE__ */ I(w, {
+				children: [/* @__PURE__ */ P(C, {
 					size: 60,
-					stroke: b,
+					stroke: y,
 					"aria-hidden": !0,
 					className: H.errorIcon
-				}), /* @__PURE__ */ I("p", {
+				}), /* @__PURE__ */ P("p", {
 					role: "alert",
 					className: m("text-center", H.statusLabel),
 					children: n
@@ -350,64 +369,64 @@ var ue = {
 	jsonExpandIcon: "_jsonExpandIcon_13ogb_54",
 	jsonCollapseIcon: "_jsonCollapseIcon_13ogb_67",
 	jsonCollapsedContent: "_jsonCollapsedContent_13ogb_84"
-}, be = () => D(async () => ({ default: (await import("./PdfContent-BBUc0_SC.js")).PdfContent })), xe = ({ url: e, fileName: t, loadErrorLabel: n }) => {
-	let [r, i] = P(!1);
-	return j(() => {
+}, xe = () => E(async () => ({ default: (await import("./PdfContent-BBUc0_SC.js")).PdfContent })), Se = ({ url: e, fileName: t, loadErrorLabel: n }) => {
+	let [r, i] = N(!1);
+	return A(() => {
 		i(!1);
-	}, [e]), r ? /* @__PURE__ */ L("div", {
+	}, [e]), r ? /* @__PURE__ */ F("div", {
 		className: "flex flex-col items-center gap-2",
-		children: [/* @__PURE__ */ I(w, {
+		children: [/* @__PURE__ */ P(C, {
 			size: 60,
-			stroke: b,
+			stroke: y,
 			className: U.errorIcon
-		}), /* @__PURE__ */ I("p", {
+		}), /* @__PURE__ */ P("p", {
 			className: m("text-center", U.statusLabel),
 			children: n
 		})]
-	}) : /* @__PURE__ */ I("img", {
+	}) : /* @__PURE__ */ P("img", {
 		src: e,
 		alt: t ?? "",
 		className: "max-h-full max-w-full object-contain",
 		onError: () => i(!0)
 	});
-}, Se = new Set([
+}, Ce = new Set([
 	i.PlainText,
 	i.Code,
 	i.Ooxml
-]), Ce = O(({ content: t, isLoading: n = !1, fileName: r, isHtmlSourceView: o = !1, labels: { unsupportedLabel: s = "Preview is not supported for this file", loadErrorLabel: l = "Failed to load file", forbiddenErrorLabel: u = "You don't have permission to access this file", visualizerErrorLabel: p, htmlFrameBlockedLabel: h = "This page cannot be displayed in preview", htmlOpenInNewTabLabel: g = "Open in new tab", pdfThumbnailsLabel: _, pdfShowThumbnailsLabel: v, pdfHideThumbnailsLabel: y, pdfPageNumberLabel: x, pdfContentLoadingLabel: S, pdfContentErrorLabel: T, pdfContentRetryLabel: ee, xlsxFormulaLabel: te = "Formula", codeContentLoadingLabel: ne, codeContentErrorLabel: re, codeContentRetryLabel: ae } = {}, styles: E, codeBlockTheme: D, loadPdf: O, hidePdfToolbar: A = !1, configurePdfWorker: j }) => {
-	let { colors: N, typography: F, bodyClassName: ce, cssVars: le } = E ?? {}, [R, ue] = P(0), de = M(be, [R]), fe = k(() => {
-		ue((e) => e + 1);
-	}, []), z = F?.fontClassName != null, B = M(() => ({
+]), we = D(({ content: t, isLoading: n = !1, fileName: r, isHtmlSourceView: o = !1, labels: { unsupportedLabel: s = "Preview is not supported for this file", loadErrorLabel: l = "Failed to load file", forbiddenErrorLabel: u = "You don't have permission to access this file", visualizerErrorLabel: p, htmlFrameBlockedLabel: h = "This page cannot be displayed in preview", htmlOpenInNewTabLabel: g = "Open in new tab", pdfThumbnailsLabel: _, pdfShowThumbnailsLabel: ee, pdfHideThumbnailsLabel: v, pdfPageNumberLabel: b, pdfContentLoadingLabel: x, pdfContentErrorLabel: w, pdfContentRetryLabel: te, xlsxFormulaLabel: ne = "Formula", codeContentLoadingLabel: re, codeContentErrorLabel: ie, codeContentRetryLabel: oe } = {}, styles: se, codeBlockTheme: T, loadPdf: E, hidePdfToolbar: D = !1, configurePdfWorker: k }) => {
+	let { colors: A, typography: M, bodyClassName: ue, cssVars: de } = se ?? {}, [I, fe] = N(0), L = j(xe, [I]), pe = O(() => {
+		fe((e) => e + 1);
+	}, []), R = M?.fontClassName != null, he = j(() => ({
 		...f({
-			"--ac-text": N?.text,
-			"--ac-status-text": N?.statusText,
-			"--ac-error-icon": N?.errorIcon,
-			"--ac-open-in-new-tab-text": N?.openInNewTabText,
-			"--ac-json-border": N?.jsonBorder,
-			"--ac-json-bg": N?.jsonBackground,
-			"--ac-json-label": N?.jsonLabel,
-			"--ac-json-clickable-label": N?.jsonClickableLabel,
-			"--ac-json-punctuation": N?.jsonPunctuation,
-			"--ac-json-string": N?.jsonString,
-			"--ac-json-number": N?.jsonNumber,
-			"--ac-json-boolean": N?.jsonBoolean,
-			"--ac-json-null": N?.jsonNull,
-			"--ac-json-toggle-icon": N?.jsonToggleIcon,
-			"--ac-json-toggle-icon-hover": N?.jsonToggleIconHover,
-			"--ac-ooxml-bg": N?.ooxmlBackground,
-			"--ac-ooxml-formula-border": N?.ooxmlFormulaBorder,
-			"--ac-ooxml-formula-bg": N?.ooxmlFormulaBackground,
-			"--ac-ooxml-formula-text": N?.ooxmlFormulaText,
-			"--ac-json-collapsed-text": N?.jsonCollapsedText,
-			"--ac-json-collapsed-bg": N?.jsonCollapsedBackground,
-			"--ac-font-family": z ? void 0 : F?.fontFamily,
-			"--ac-font-size": z ? void 0 : F?.fontSize,
-			"--ac-font-weight": z ? void 0 : F?.fontWeight,
-			"--ac-line-height": z ? void 0 : F?.lineHeight,
-			"--ac-letter-spacing": z ? void 0 : F?.letterSpacing
+			"--ac-text": A?.text,
+			"--ac-status-text": A?.statusText,
+			"--ac-error-icon": A?.errorIcon,
+			"--ac-open-in-new-tab-text": A?.openInNewTabText,
+			"--ac-json-border": A?.jsonBorder,
+			"--ac-json-bg": A?.jsonBackground,
+			"--ac-json-label": A?.jsonLabel,
+			"--ac-json-clickable-label": A?.jsonClickableLabel,
+			"--ac-json-punctuation": A?.jsonPunctuation,
+			"--ac-json-string": A?.jsonString,
+			"--ac-json-number": A?.jsonNumber,
+			"--ac-json-boolean": A?.jsonBoolean,
+			"--ac-json-null": A?.jsonNull,
+			"--ac-json-toggle-icon": A?.jsonToggleIcon,
+			"--ac-json-toggle-icon-hover": A?.jsonToggleIconHover,
+			"--ac-ooxml-bg": A?.ooxmlBackground,
+			"--ac-ooxml-formula-border": A?.ooxmlFormulaBorder,
+			"--ac-ooxml-formula-bg": A?.ooxmlFormulaBackground,
+			"--ac-ooxml-formula-text": A?.ooxmlFormulaText,
+			"--ac-json-collapsed-text": A?.jsonCollapsedText,
+			"--ac-json-collapsed-bg": A?.jsonCollapsedBackground,
+			"--ac-font-family": R ? void 0 : M?.fontFamily,
+			"--ac-font-size": R ? void 0 : M?.fontSize,
+			"--ac-font-weight": R ? void 0 : M?.fontWeight,
+			"--ac-line-height": R ? void 0 : M?.lineHeight,
+			"--ac-letter-spacing": R ? void 0 : M?.letterSpacing
 		}),
-		...le
-	}), [E]), V = M(() => {
+		...de
+	}), [se]), z = j(() => {
 		switch (t.type) {
 			case i.Image:
 			case i.Audio:
@@ -422,44 +441,44 @@ var ue = {
 			case i.Html: return "h-full overflow-hidden";
 			default: return "h-full overflow-auto p-4";
 		}
-	}, [t.type]), ge = M(() => {
+	}, [t.type]), V = j(() => {
 		switch (t.type) {
-			case i.PlainText: return /* @__PURE__ */ I("pre", {
-				className: m("whitespace-pre-wrap break-words", U.body, F?.fontClassName),
+			case i.PlainText: return /* @__PURE__ */ P("pre", {
+				className: m("whitespace-pre-wrap break-words", U.body, M?.fontClassName),
 				children: t.text
 			});
-			case i.Image: return /* @__PURE__ */ I(xe, {
+			case i.Image: return /* @__PURE__ */ P(Se, {
 				url: t.url,
 				fileName: r,
 				loadErrorLabel: l
 			});
-			case i.Audio: return /* @__PURE__ */ I("audio", {
+			case i.Audio: return /* @__PURE__ */ P("audio", {
 				controls: !0,
 				src: t.url,
 				"aria-label": r ?? "Audio attachment",
 				className: "w-full max-w-sm",
 				preload: "metadata",
-				children: t.mimeType && /* @__PURE__ */ I("source", {
+				children: t.mimeType && /* @__PURE__ */ P("source", {
 					src: t.url,
 					type: t.mimeType
 				})
 			});
-			case i.Markdown: return /* @__PURE__ */ I(d, {
+			case i.Markdown: return /* @__PURE__ */ P(d, {
 				content: t.text,
 				isStreaming: !1,
-				codeBlockTheme: D,
+				codeBlockTheme: T,
 				classNames: c
 			});
-			case i.Json: return /* @__PURE__ */ I("div", {
+			case i.Json: return /* @__PURE__ */ P("div", {
 				dir: "ltr",
 				className: "h-full overflow-auto",
-				children: /* @__PURE__ */ I("div", {
+				children: /* @__PURE__ */ P("div", {
 					className: m("m-3 overflow-auto rounded-md border", U.jsonWrapper),
-					children: /* @__PURE__ */ I(oe, {
+					children: /* @__PURE__ */ P(ce, {
 						data: t.value,
 						style: {
-							container: m("whitespace-pre-wrap break-words p-2", F?.jsonClassName ?? "dial-code-text"),
-							basicChildStyle: se.basicChildStyle,
+							container: m("whitespace-pre-wrap break-words p-2", M?.jsonClassName ?? "dial-code-text"),
+							basicChildStyle: le.basicChildStyle,
 							childFieldsContainer: "m-0 ps-3",
 							label: m("me-1 font-semibold", U.jsonLabel),
 							clickableLabel: m("me-1 cursor-pointer font-semibold hover:underline", U.jsonClickableLabel),
@@ -477,16 +496,16 @@ var ue = {
 					})
 				})
 			});
-			case i.Code: return /* @__PURE__ */ I(pe, {
+			case i.Code: return /* @__PURE__ */ P(me, {
 				content: t,
-				codeBlockTheme: D,
+				codeBlockTheme: T,
 				labels: {
-					loadingLabel: ne,
-					errorLabel: re,
-					retryLabel: ae
+					loadingLabel: re,
+					errorLabel: ie,
+					retryLabel: oe
 				}
 			});
-			case i.Html: return /* @__PURE__ */ I(me, {
+			case i.Html: return /* @__PURE__ */ P(ge, {
 				content: t,
 				labels: {
 					htmlFrameBlockedLabel: h,
@@ -494,60 +513,60 @@ var ue = {
 				},
 				isSourceView: o,
 				title: r,
-				codeBlockTheme: D
+				codeBlockTheme: T
 			});
-			case i.Pdf: return /* @__PURE__ */ I(a, {
-				retryKey: R,
-				onRetry: fe,
+			case i.Pdf: return /* @__PURE__ */ P(a, {
+				retryKey: I,
+				onRetry: pe,
 				labels: {
-					loadingLabel: S,
-					errorLabel: T,
-					retryLabel: ee
+					loadingLabel: x,
+					errorLabel: w,
+					retryLabel: te
 				},
-				children: /* @__PURE__ */ I(de, {
+				children: /* @__PURE__ */ P(L, {
 					fileName: r,
 					url: t.url,
 					highlights: t.highlights ?? [],
 					selectedHighlightId: t.selectedHighlightId,
-					loadPdf: O,
-					hideHeader: A,
-					configurePdfWorker: j,
+					loadPdf: E,
+					hideHeader: D,
+					configurePdfWorker: k,
 					labels: {
 						thumbnailsLabel: _,
-						showThumbnailsLabel: v,
-						hideThumbnailsLabel: y,
-						pageNumberLabel: x,
-						loadingLabel: S,
-						errorLabel: T,
-						retryLabel: ee
+						showThumbnailsLabel: ee,
+						hideThumbnailsLabel: v,
+						pageNumberLabel: b,
+						loadingLabel: x,
+						errorLabel: w,
+						retryLabel: te
 					}
 				})
 			}, t.url);
-			case i.Ooxml: return /* @__PURE__ */ I(ve, {
+			case i.Ooxml: return /* @__PURE__ */ P(ye, {
 				content: t,
 				fileName: r,
 				loadErrorLabel: l,
-				formulaLabel: te,
-				formulaLabelClassName: F?.xlsxFormulaLabelClassName ?? "dial-italic-text"
+				formulaLabel: ne,
+				formulaLabelClassName: M?.xlsxFormulaLabelClassName ?? "dial-italic-text"
 			});
-			case i.Visualizer: return /* @__PURE__ */ I(ye, {
+			case i.Visualizer: return /* @__PURE__ */ P(be, {
 				content: t,
 				errorLabel: p
 			});
-			case i.McpApp: return /* @__PURE__ */ I(he, { content: t });
-			case i.Unsupported: return /* @__PURE__ */ I("p", {
+			case i.McpApp: return /* @__PURE__ */ P(B, { content: t });
+			case i.Unsupported: return /* @__PURE__ */ P("p", {
 				className: m("text-center", U.statusLabel),
 				children: s
 			});
 			case i.Error: {
 				let n = t.errorType === e.Forbidden;
-				return /* @__PURE__ */ L("div", {
+				return /* @__PURE__ */ F("div", {
 					className: "flex flex-col items-center gap-2",
-					children: [I(n ? ie : w, {
+					children: [P(n ? ae : C, {
 						size: 60,
-						stroke: b,
+						stroke: y,
 						className: U.errorIcon
-					}), /* @__PURE__ */ I("p", {
+					}), /* @__PURE__ */ P("p", {
 						className: m("text-center", U.statusLabel),
 						children: n ? u : l
 					})]
@@ -556,11 +575,11 @@ var ue = {
 		}
 	}, [
 		t,
-		F?.fontClassName,
-		F?.jsonClassName,
-		F?.xlsxFormulaLabelClassName,
+		M?.fontClassName,
+		M?.jsonClassName,
+		M?.xlsxFormulaLabelClassName,
 		r,
-		D,
+		T,
 		s,
 		l,
 		u,
@@ -568,48 +587,48 @@ var ue = {
 		h,
 		g,
 		o,
-		O,
-		A,
-		j,
+		E,
+		D,
+		k,
 		_,
+		ee,
 		v,
-		y,
+		b,
 		x,
-		S,
-		T,
-		ee,
+		w,
 		te,
 		ne,
 		re,
-		ae,
-		de,
-		R,
-		fe
+		ie,
+		oe,
+		L,
+		I,
+		pe
 	]);
-	return /* @__PURE__ */ I("div", {
-		style: !n && Se.has(t.type) ? B : void 0,
-		className: m(n ? "flex h-full items-center justify-center" : V, ce),
-		children: n ? /* @__PURE__ */ I(C, {}) : ge
+	return /* @__PURE__ */ P("div", {
+		style: !n && Ce.has(t.type) ? he : void 0,
+		className: m(n ? "flex h-full items-center justify-center" : z, ue),
+		children: n ? /* @__PURE__ */ P(S, {}) : V
 	});
-}), we = 2e3, W = O(({ isOpen: e, isLoading: t = !1, onClose: n, content: a, fileName: o, labels: { ariaLabel: s, closeLabel: c = "Close", downloadLabel: l = "Download", copyTextLabel: u = "Copy text", copiedTextLabel: d = "Copied!", copyMarkdownLabel: f = "Copy as Markdown", copiedMarkdownLabel: p = "Copied!", copyJsonLabel: h = "Copy as JSON", copiedJsonLabel: g = "Copied!", visualizerErrorLabel: S, unsupportedLabel: C = "Preview is not supported for this file", loadErrorLabel: w = "Failed to load file", forbiddenErrorLabel: ie = "You don't have permission to access this file", htmlFrameBlockedLabel: E = "This page cannot be displayed in preview", htmlOpenInNewTabLabel: D = "Open in new tab", htmlViewSourceLabel: O = "View source", htmlViewRenderedLabel: A = "View rendered", pdfThumbnailsLabel: M, pdfShowThumbnailsLabel: oe, pdfHideThumbnailsLabel: se, pdfPageNumberLabel: ce, pdfContentLoadingLabel: le, pdfContentErrorLabel: R, pdfContentRetryLabel: ue, xlsxFormulaLabel: de, codeContentLoadingLabel: fe, codeContentErrorLabel: pe, codeContentRetryLabel: z }, onDownload: me, onCopyText: B, onCopyMarkdown: he, onCopyJson: V, isMobile: ge = !1, defaultWidth: _e, minWidth: ve = 600, maxWidth: H = 1500, onResizeStop: ye, styles: U, codeBlockTheme: be, loadPdf: xe, configurePdfWorker: Se }) => {
-	let [W, Te] = P(!1), [Ee, G] = P(!1), [De, K] = P(!1), [q, Oe] = P(!1), J = N(null), Y = N(null), X = N(null), ke = k(() => {
-		B?.(), J.current != null && clearTimeout(J.current), Te(!0), J.current = setTimeout(() => Te(!1), we);
-	}, [B]), Ae = k(() => {
-		he?.(), Y.current != null && clearTimeout(Y.current), G(!0), Y.current = setTimeout(() => G(!1), we);
-	}, [he]), Z = k(() => {
-		V?.(), X.current != null && clearTimeout(X.current), K(!0), X.current = setTimeout(() => K(!1), we);
-	}, [V]);
-	j(() => () => {
+}), Te = 2e3, Ee = D(({ isOpen: e, isLoading: t = !1, onClose: n, content: a, fileName: o, labels: { ariaLabel: s, closeLabel: c = "Close", downloadLabel: l = "Download", copyTextLabel: u = "Copy text", copiedTextLabel: d = "Copied!", copyMarkdownLabel: f = "Copy as Markdown", copiedMarkdownLabel: p = "Copied!", copyJsonLabel: h = "Copy as JSON", copiedJsonLabel: g = "Copied!", visualizerErrorLabel: x, unsupportedLabel: S = "Preview is not supported for this file", loadErrorLabel: C = "Failed to load file", forbiddenErrorLabel: ae = "You don't have permission to access this file", htmlFrameBlockedLabel: T = "This page cannot be displayed in preview", htmlOpenInNewTabLabel: E = "Open in new tab", htmlViewSourceLabel: D = "View source", htmlViewRenderedLabel: k = "View rendered", mcpAppReloadLabel: j = "Reload", pdfThumbnailsLabel: ce, pdfShowThumbnailsLabel: le, pdfHideThumbnailsLabel: de, pdfPageNumberLabel: I, pdfContentLoadingLabel: fe, pdfContentErrorLabel: L, pdfContentRetryLabel: pe, xlsxFormulaLabel: R, codeContentLoadingLabel: me, codeContentErrorLabel: he, codeContentRetryLabel: ge }, onDownload: z, onCopyText: B, onCopyMarkdown: V, onCopyJson: _e, isMobile: ve = !1, defaultWidth: ye, minWidth: H = 600, maxWidth: be = 1500, onResizeStop: U, styles: xe, codeBlockTheme: Se, loadPdf: Ce, configurePdfWorker: Ee }) => {
+	let [De, Oe] = N(!1), [W, ke] = N(!1), [G, Ae] = N(!1), [K, q] = N(!1), J = M(null), Y = M(null), X = M(null), je = O(() => {
+		B?.(), J.current != null && clearTimeout(J.current), Oe(!0), J.current = setTimeout(() => Oe(!1), Te);
+	}, [B]), Z = O(() => {
+		V?.(), Y.current != null && clearTimeout(Y.current), ke(!0), Y.current = setTimeout(() => ke(!1), Te);
+	}, [V]), Me = O(() => {
+		_e?.(), X.current != null && clearTimeout(X.current), Ae(!0), X.current = setTimeout(() => Ae(!1), Te);
+	}, [_e]);
+	A(() => () => {
 		J.current != null && clearTimeout(J.current), Y.current != null && clearTimeout(Y.current), X.current != null && clearTimeout(X.current);
 	}, []);
-	let je = k(() => {
-		Oe((e) => !e);
+	let Ne = O(() => {
+		q((e) => !e);
 	}, []);
-	j(() => {
-		Oe(!1);
+	A(() => {
+		q(!1);
 	}, [a]);
-	let { className: Me, panelStyles: Q, ...Ne } = U ?? {}, Pe = !t && a.type === i.Html && a.srcdoc != null, Fe = !t && B != null && (a.type === i.PlainText || a.type === i.Code), $ = !t && he != null && a.type === i.Markdown, Ie = !t && V != null && a.type === i.Json, Le = !t && me != null && r(a);
-	return /* @__PURE__ */ I(v, {
+	let { className: Pe, panelStyles: Q, ...Fe } = xe ?? {}, Ie = !t && a.type === i.Html && a.srcdoc != null, $ = !t && B != null && (a.type === i.PlainText || a.type === i.Code), Le = !t && V != null && a.type === i.Markdown, Re = !t && _e != null && a.type === i.Json, ze = !t && z != null && r(a), Be = !t && a.type === i.McpApp && a.onReload != null;
+	return /* @__PURE__ */ P(ee, {
 		isOpen: e,
 		orientation: _.Right,
 		title: o,
@@ -618,119 +637,129 @@ var ue = {
 			closeLabel: c
 		},
 		onClose: n,
-		resizable: !ge,
-		defaultWidth: _e,
-		minWidth: ve,
-		maxWidth: H,
-		onResizeStop: ye,
+		resizable: !ve,
+		defaultWidth: ye,
+		minWidth: H,
+		maxWidth: be,
+		onResizeStop: U,
 		styles: {
 			...Q,
 			titleClassName: Q?.titleClassName ?? "dial-h3-text",
 			headerClassName: m("border-b border-tertiary", Q?.headerClassName),
-			className: m(e ? "mobile:w-full mobile:max-w-full" : "w-0", Me, Q?.className)
+			className: m(e ? "mobile:w-full mobile:max-w-full" : "w-0", Pe, Q?.className)
 		},
-		rightActions: Pe || Fe || $ || Ie || Le ? /* @__PURE__ */ L(F, { children: [
-			Pe && /* @__PURE__ */ I(x, {
-				icon: I(q ? re : ee, {
-					size: y.LG,
-					stroke: b,
+		rightActions: Ie || $ || Le || Re || ze || Be ? /* @__PURE__ */ F(ue, { children: [
+			Be && /* @__PURE__ */ P(b, {
+				icon: /* @__PURE__ */ P(se, {
+					size: v.LG,
+					stroke: y,
 					"aria-hidden": !0
 				}),
-				"aria-label": q ? A : O,
-				"aria-pressed": q,
-				tooltipProps: { tooltip: q ? A : O },
-				onClick: je
+				"aria-label": j,
+				tooltipProps: { tooltip: j },
+				onClick: a.type === i.McpApp ? a.onReload : void 0
 			}),
-			Fe && /* @__PURE__ */ I(x, {
-				icon: I(W ? T : te, {
-					size: y.LG,
-					stroke: b,
+			Ie && /* @__PURE__ */ P(b, {
+				icon: P(K ? ie : te, {
+					size: v.LG,
+					stroke: y,
 					"aria-hidden": !0
 				}),
-				"aria-label": W ? d : u,
-				tooltipProps: { tooltip: W ? d : u },
-				onClick: ke
+				"aria-label": K ? k : D,
+				"aria-pressed": K,
+				tooltipProps: { tooltip: K ? k : D },
+				onClick: Ne
 			}),
-			$ && /* @__PURE__ */ I(x, {
-				icon: I(Ee ? T : ae, {
-					size: y.LG,
-					stroke: b,
+			$ && /* @__PURE__ */ P(b, {
+				icon: P(De ? w : ne, {
+					size: v.LG,
+					stroke: y,
 					"aria-hidden": !0
 				}),
-				"aria-label": Ee ? p : f,
-				tooltipProps: { tooltip: Ee ? p : f },
-				onClick: Ae
+				"aria-label": De ? d : u,
+				tooltipProps: { tooltip: De ? d : u },
+				onClick: je
 			}),
-			Ie && /* @__PURE__ */ I(x, {
-				icon: I(De ? T : te, {
-					size: y.LG,
-					stroke: b,
+			Le && /* @__PURE__ */ P(b, {
+				icon: P(W ? w : oe, {
+					size: v.LG,
+					stroke: y,
 					"aria-hidden": !0
 				}),
-				"aria-label": De ? g : h,
-				tooltipProps: { tooltip: De ? g : h },
+				"aria-label": W ? p : f,
+				tooltipProps: { tooltip: W ? p : f },
 				onClick: Z
 			}),
-			Le && /* @__PURE__ */ I(x, {
-				icon: /* @__PURE__ */ I(ne, {
-					size: y.LG,
-					stroke: b
+			Re && /* @__PURE__ */ P(b, {
+				icon: P(G ? w : ne, {
+					size: v.LG,
+					stroke: y,
+					"aria-hidden": !0
+				}),
+				"aria-label": G ? g : h,
+				tooltipProps: { tooltip: G ? g : h },
+				onClick: Me
+			}),
+			ze && /* @__PURE__ */ P(b, {
+				icon: /* @__PURE__ */ P(re, {
+					size: v.LG,
+					stroke: y
 				}),
 				"aria-label": l,
 				tooltipProps: { tooltip: l },
-				onClick: me
+				onClick: z
 			})
 		] }) : null,
-		children: /* @__PURE__ */ I(Ce, {
+		children: /* @__PURE__ */ P(we, {
 			content: a,
 			isLoading: t,
 			fileName: o,
-			isHtmlSourceView: q,
+			isHtmlSourceView: K,
 			labels: {
-				unsupportedLabel: C,
-				loadErrorLabel: w,
-				forbiddenErrorLabel: ie,
-				visualizerErrorLabel: S,
-				htmlFrameBlockedLabel: E,
-				htmlOpenInNewTabLabel: D,
-				pdfThumbnailsLabel: M,
-				pdfShowThumbnailsLabel: oe,
-				pdfHideThumbnailsLabel: se,
-				pdfPageNumberLabel: ce,
-				pdfContentLoadingLabel: le,
-				pdfContentErrorLabel: R,
-				pdfContentRetryLabel: ue,
-				xlsxFormulaLabel: de,
-				codeContentLoadingLabel: fe,
-				codeContentErrorLabel: pe,
-				codeContentRetryLabel: z
+				unsupportedLabel: S,
+				loadErrorLabel: C,
+				forbiddenErrorLabel: ae,
+				visualizerErrorLabel: x,
+				htmlFrameBlockedLabel: T,
+				htmlOpenInNewTabLabel: E,
+				pdfThumbnailsLabel: ce,
+				pdfShowThumbnailsLabel: le,
+				pdfHideThumbnailsLabel: de,
+				pdfPageNumberLabel: I,
+				pdfContentLoadingLabel: fe,
+				pdfContentErrorLabel: L,
+				pdfContentRetryLabel: pe,
+				xlsxFormulaLabel: R,
+				codeContentLoadingLabel: me,
+				codeContentErrorLabel: he,
+				codeContentRetryLabel: ge
 			},
-			styles: Ne,
-			codeBlockTheme: be,
-			loadPdf: xe,
-			configurePdfWorker: Se
+			styles: Fe,
+			codeBlockTheme: Se,
+			loadPdf: Ce,
+			configurePdfWorker: Ee
 		})
 	});
-}), Te = {
+}), De = {
 	type: i.PlainText,
 	text: ""
-}, Ee = (e) => {
+}, Oe = (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;
-}, G = E(void 0);
-G.displayName = "AttachmentCanvasContext";
-var De = ({ children: e }) => {
-	let [t, n] = P(!1), [r, i] = P(!1), [a, o] = P(Te), [s, c] = P(void 0), [l, u] = P(void 0), d = k((e, t) => {
+}, W = T(void 0);
+W.displayName = "AttachmentCanvasContext";
+var ke = ({ children: e }) => {
+	let [t, n] = N(!1), [r, i] = N(!1), [a, o] = N(De), [s, c] = N(void 0), [l, u] = N(void 0), d = O((e, t) => {
 		c(e), u(t), i(!0), n(!0);
-	}, []), f = k((e, t, r) => {
+	}, []), f = O((e, t, r) => {
 		o(e), c(t), u(r), i(!1), n(!0);
-	}, []), p = k(() => {
-		o(Te), n(!1), i(!1), u(void 0);
+	}, []), p = O(() => {
+		o(De), n(!1), i(!1), u(void 0);
 	}, []);
-	return j(() => () => {
-		let e = Ee(a);
+	return A(() => () => {
+		let e = Oe(a);
 		e != null && URL.revokeObjectURL(e);
-	}, [a]), /* @__PURE__ */ I(G.Provider, {
-		value: M(() => ({
+	}, [a]), /* @__PURE__ */ P(W.Provider, {
+		value: j(() => ({
 			isOpen: t,
 			isLoading: r,
 			content: a,
@@ -751,26 +780,26 @@ var De = ({ children: e }) => {
 		]),
 		children: e
 	});
-}, K = () => {
-	let e = A(G);
+}, G = () => {
+	let e = k(W);
 	if (!e) throw Error("useAttachmentCanvas must be used within an AttachmentCanvasProvider");
 	return e;
-}, q = O(({ labels: e, isMobile: n = !1, defaultWidth: r, maxWidth: a, codeBlockTheme: o, configurePdfWorker: s }) => {
-	let { ariaLabel: c = "Attachment preview", closeLabel: l = "Close", downloadLabel: u = "Download", unsupportedLabel: d = "Preview is not supported for this file", loadErrorLabel: f = "Failed to load file", forbiddenErrorLabel: m = "You don't have permission to access this file", copyTextLabel: h, copiedTextLabel: g, copyMarkdownLabel: _, copiedMarkdownLabel: v, copyJsonLabel: y, copiedJsonLabel: b, htmlFrameBlockedLabel: x, htmlOpenInNewTabLabel: S, htmlViewSourceLabel: C, htmlViewRenderedLabel: w, pdfThumbnailsLabel: T, pdfShowThumbnailsLabel: ee, pdfHideThumbnailsLabel: te, pdfPageNumberLabel: ne, pdfContentLoadingLabel: re, pdfContentErrorLabel: ie, pdfContentRetryLabel: ae, xlsxFormulaLabel: E, codeContentLoadingLabel: D, codeContentErrorLabel: O, codeContentRetryLabel: A } = e ?? {}, { isOpen: j, isLoading: M, content: N, fileName: P, closeCanvas: oe } = K(), se = k(() => {
-		t(N, P);
-	}, [N, P]), F = k(() => {
-		(N.type === i.PlainText || N.type === i.Code) && p(N.text);
-	}, [N]), L = k(() => {
-		N.type === i.Markdown && p(N.text);
-	}, [N]), ce = k(() => {
-		N.type === i.Json && p(JSON.stringify(N.value, null, 2));
-	}, [N]);
-	return /* @__PURE__ */ I(W, {
-		isOpen: j,
-		isLoading: M,
-		onClose: oe,
-		content: N,
-		fileName: P,
+}, Ae = D(({ labels: e, isMobile: n = !1, defaultWidth: r, maxWidth: a, codeBlockTheme: o, configurePdfWorker: s }) => {
+	let { ariaLabel: c = "Attachment preview", closeLabel: l = "Close", downloadLabel: u = "Download", unsupportedLabel: d = "Preview is not supported for this file", loadErrorLabel: f = "Failed to load file", forbiddenErrorLabel: m = "You don't have permission to access this file", copyTextLabel: h, copiedTextLabel: g, copyMarkdownLabel: _, copiedMarkdownLabel: ee, copyJsonLabel: v, copiedJsonLabel: y, htmlFrameBlockedLabel: b, htmlOpenInNewTabLabel: x, htmlViewSourceLabel: S, htmlViewRenderedLabel: C, pdfThumbnailsLabel: w, pdfShowThumbnailsLabel: te, pdfHideThumbnailsLabel: ne, pdfPageNumberLabel: re, pdfContentLoadingLabel: ie, pdfContentErrorLabel: ae, pdfContentRetryLabel: oe, xlsxFormulaLabel: se, codeContentLoadingLabel: T, codeContentErrorLabel: E, codeContentRetryLabel: D } = e ?? {}, { isOpen: k, isLoading: A, content: j, fileName: M, closeCanvas: N } = G(), ce = O(() => {
+		t(j, M);
+	}, [j, M]), le = O(() => {
+		(j.type === i.PlainText || j.type === i.Code) && p(j.text);
+	}, [j]), ue = O(() => {
+		j.type === i.Markdown && p(j.text);
+	}, [j]), F = O(() => {
+		j.type === i.Json && p(JSON.stringify(j.value, null, 2));
+	}, [j]);
+	return /* @__PURE__ */ P(Ee, {
+		isOpen: k,
+		isLoading: A,
+		onClose: N,
+		content: j,
+		fileName: M,
 		labels: {
 			ariaLabel: c,
 			closeLabel: l,
@@ -778,75 +807,75 @@ var De = ({ children: e }) => {
 			copyTextLabel: h,
 			copiedTextLabel: g,
 			copyMarkdownLabel: _,
-			copiedMarkdownLabel: v,
-			copyJsonLabel: y,
-			copiedJsonLabel: b,
+			copiedMarkdownLabel: ee,
+			copyJsonLabel: v,
+			copiedJsonLabel: y,
 			unsupportedLabel: d,
 			loadErrorLabel: f,
 			forbiddenErrorLabel: m,
-			htmlFrameBlockedLabel: x,
-			htmlOpenInNewTabLabel: S,
-			htmlViewSourceLabel: C,
-			htmlViewRenderedLabel: w,
-			pdfThumbnailsLabel: T,
-			pdfShowThumbnailsLabel: ee,
-			pdfHideThumbnailsLabel: te,
-			pdfPageNumberLabel: ne,
-			pdfContentLoadingLabel: re,
-			pdfContentErrorLabel: ie,
-			pdfContentRetryLabel: ae,
-			xlsxFormulaLabel: E,
-			codeContentLoadingLabel: D,
-			codeContentErrorLabel: O,
-			codeContentRetryLabel: A
+			htmlFrameBlockedLabel: b,
+			htmlOpenInNewTabLabel: x,
+			htmlViewSourceLabel: S,
+			htmlViewRenderedLabel: C,
+			pdfThumbnailsLabel: w,
+			pdfShowThumbnailsLabel: te,
+			pdfHideThumbnailsLabel: ne,
+			pdfPageNumberLabel: re,
+			pdfContentLoadingLabel: ie,
+			pdfContentErrorLabel: ae,
+			pdfContentRetryLabel: oe,
+			xlsxFormulaLabel: se,
+			codeContentLoadingLabel: T,
+			codeContentErrorLabel: E,
+			codeContentRetryLabel: D
 		},
-		onDownload: se,
-		onCopyText: N.type === i.PlainText || N.type === i.Code ? F : void 0,
-		onCopyMarkdown: N.type === i.Markdown ? L : void 0,
-		onCopyJson: N.type === i.Json ? ce : void 0,
+		onDownload: ce,
+		onCopyText: j.type === i.PlainText || j.type === i.Code ? le : void 0,
+		onCopyMarkdown: j.type === i.Markdown ? ue : void 0,
+		onCopyJson: j.type === i.Json ? F : void 0,
 		isMobile: n,
 		defaultWidth: r,
 		maxWidth: a,
 		codeBlockTheme: o,
 		configurePdfWorker: s
 	});
-}), Oe = new Set(["html", "htm"]), J = {
+}), K = 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"
-}, Y = new Set(/* @__PURE__ */ "txt.md.markdown.json.jsonl.ndjson.xml.csv.tsv.yaml.yml.toml.ini.conf.cfg.css.scss.sass.less.js.jsx.ts.tsx.mjs.cjs.mts.cts.py.rb.go.rs.java.kt.swift.c.h.cpp.cs.sh.bash.zsh.fish.ps1.log.env.gitignore.dockerfile.makefile.sql".split(".")), X = {
+}, J = new Set(/* @__PURE__ */ "txt.md.markdown.json.jsonl.ndjson.xml.csv.tsv.yaml.yml.toml.ini.conf.cfg.css.scss.sass.less.js.jsx.ts.tsx.mjs.cjs.mts.cts.py.rb.go.rs.java.kt.swift.c.h.cpp.cs.sh.bash.zsh.fish.ps1.log.env.gitignore.dockerfile.makefile.sql".split(".")), Y = {
 	docx: n.Docx,
 	xlsx: n.Xlsx,
 	pptx: n.Pptx,
 	csv: n.Csv
-}, ke = {
-	[J.docx]: n.Docx,
-	[J.xlsx]: n.Xlsx,
-	[J.pptx]: n.Pptx,
+}, X = {
+	[q.docx]: n.Docx,
+	[q.xlsx]: n.Xlsx,
+	[q.pptx]: n.Pptx,
 	[u.CSV]: n.Csv
-}, Ae = {
-	[n.Docx]: J.docx,
-	[n.Xlsx]: J.xlsx,
-	[n.Pptx]: J.pptx,
+}, je = {
+	[n.Docx]: q.docx,
+	[n.Xlsx]: q.xlsx,
+	[n.Pptx]: q.pptx,
 	[n.Csv]: u.CSV
 }, Z = (e, t) => {
 	let n = t?.split(";", 1)[0].trim().toLowerCase();
 	if (n != null) {
-		let e = ke[n];
+		let e = X[n];
 		if (e != null) return e;
 	}
 	let r = e.lastIndexOf(".");
-	if (r !== -1) return X[e.slice(r + 1).toLowerCase()];
-}, je = (e, t) => Z(e, t) != null, Me = (e, t) => {
+	if (r !== -1) return Y[e.slice(r + 1).toLowerCase()];
+}, Me = (e, t) => Z(e, t) != null, Ne = (e, t) => {
 	let n = Z(e, t);
-	return n == null ? void 0 : Ae[n];
-}, Q = (e) => {
+	return n == null ? void 0 : je[n];
+}, Pe = (e) => {
 	let t = e.lastIndexOf(".");
-	return t === -1 ? !1 : Y.has(e.slice(t + 1).toLowerCase());
-}, Ne = (e) => {
+	return t === -1 ? !1 : J.has(e.slice(t + 1).toLowerCase());
+}, Q = (e) => {
 	let t = e.lastIndexOf(".");
-	return t === -1 ? !1 : Oe.has(e.slice(t + 1).toLowerCase());
-}, Pe = {
+	return t === -1 ? !1 : K.has(e.slice(t + 1).toLowerCase());
+}, Fe = {
 	xml: "xml",
 	csv: "plaintext",
 	tsv: "plaintext",
@@ -894,21 +923,21 @@ var De = ({ children: e }) => {
 	gitignore: "plaintext",
 	dockerfile: "plaintext",
 	makefile: "plaintext"
-}, Fe = (e) => Pe[e], $ = (e) => ({
+}, Ie = (e) => Fe[e], $ = (e) => ({
 	type: i.Unsupported,
 	...e != null && { url: e }
-}), Ie = (t) => ({
+}), Le = (t) => ({
 	type: i.Error,
 	errorType: e.LoadFailed,
 	...t != null && { url: t }
-}), Le = (t) => ({
+}), Re = (t) => ({
 	type: i.Error,
 	errorType: e.Forbidden,
 	...t != null && { url: t }
-}), Re = (e, t) => {
+}), ze = (e, t) => {
 	let n = e.toLowerCase();
 	return t.find((e) => e.contentType.split(",").some((e) => e.trim().toLowerCase() === n && e.trim() !== ""));
-}, ze = (e) => {
+}, Be = (e) => {
 	let t;
 	try {
 		t = new URL(e).pathname;
@@ -921,13 +950,13 @@ var De = ({ children: e }) => {
 	} catch {
 		return n;
 	}
-}, Be = (e, t) => {
-	let { openCanvas: n, openCanvasLoading: r, closeCanvas: a } = K(), { customVisualizers: s, themeId: c, onBeforeOpen: d } = t, f = k(async (t, r) => {
+}, Ve = (e, t) => {
+	let { openCanvas: n, openCanvasLoading: r, closeCanvas: a } = G(), { customVisualizers: s, themeId: c, onBeforeOpen: d } = t, f = O(async (t, r) => {
 		if (t.url == null && t.referenceUrl != null) {
 			let i = e.resolveReferencePdfContent(t);
 			if (i != null) return n(i, t.name, r), !0;
 		}
-		let a = t.contentType.toLowerCase(), o = Re(a, s);
+		let a = t.contentType.toLowerCase(), o = ze(a, s);
 		if (o != null) {
 			let i = await e.resolveVisualizerContent(t, o, c);
 			if (i != null) return n(i, t.name, r), !0;
@@ -960,8 +989,8 @@ var De = ({ children: e }) => {
 				return i == null ? !1 : (n(i, t.name, r), !0);
 			}
 		}
-		let g = t.name != null && Ne(t.name) || t.url != null && Ne(ze(t.url));
-		if (t.name != null && !Q(t.name) && !g) return n($(e.resolveContentUrl(t)), t.name, r), !0;
+		let g = t.name != null && Q(t.name) || t.url != null && Q(Be(t.url));
+		if (t.name != null && !Pe(t.name) && !g) return n($(e.resolveContentUrl(t)), t.name, r), !0;
 		if (g) {
 			let a = await e.resolveHtmlContent(t);
 			return a == null ? e.hasTextSource(t) ? (n($(e.resolveContentUrl(t)), t.name, r), !0) : t.url == null ? !1 : (n({
@@ -969,7 +998,7 @@ var De = ({ children: e }) => {
 				url: t.url
 			}, t.name, r), !0) : (n(a, t.name, r), !0);
 		}
-		let _ = await e.resolveCodeContent(t, Fe(m));
+		let _ = await e.resolveCodeContent(t, Ie(m));
 		return _ == null ? !1 : (n(_, t.name, r), !0);
 	}, [
 		n,
@@ -977,7 +1006,7 @@ var De = ({ children: e }) => {
 		c,
 		e
 	]);
-	return { openAttachmentCanvas: k(async (t, s = t.id) => {
+	return { openAttachmentCanvas: O(async (t, s = t.id) => {
 		switch (t.type) {
 			case o.Image: {
 				let r = e.resolveImageContent(t);
@@ -1014,4 +1043,4 @@ var De = ({ children: e }) => {
 	]) };
 };
 //#endregion
-export { W as AttachmentCanvas, Ce as AttachmentCanvasBody, q as AttachmentCanvasContainer, De as AttachmentCanvasProvider, i as AttachmentContentType, e as AttachmentErrorType, pe as CodeContent, n as OoxmlFileType, Le as createForbiddenCanvasContent, Ie as createLoadErrorCanvasContent, $ as createUnsupportedCanvasContent, t as downloadAttachmentContent, Fe as extensionToLanguage, Re as findVisualizerForMime, Z as getOoxmlFileType, Me as getOoxmlMimeType, r as isDownloadable, Ne as isHtmlPreviewable, je as isOoxmlPreviewable, Q as isTextPreviewable, K as useAttachmentCanvas, Be as useOpenAttachmentCanvas };
+export { Ee as AttachmentCanvas, we as AttachmentCanvasBody, Ae as AttachmentCanvasContainer, ke as AttachmentCanvasProvider, i as AttachmentContentType, e as AttachmentErrorType, me as CodeContent, B as McpAppCanvasRenderer, n as OoxmlFileType, Re as createForbiddenCanvasContent, Le as createLoadErrorCanvasContent, $ as createUnsupportedCanvasContent, t as downloadAttachmentContent, Ie as extensionToLanguage, ze as findVisualizerForMime, Z as getOoxmlFileType, Ne as getOoxmlMimeType, r as isDownloadable, Q as isHtmlPreviewable, Me as isOoxmlPreviewable, Pe as isTextPreviewable, G as useAttachmentCanvas, Ve as useOpenAttachmentCanvas };