@epam/ai-dial-attachment-canvas 1.1.0-dev.400 → 1.1.0-dev.405

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-CqvIcNMp.js";
+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 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 T, IconCopy as E, IconDownload as te, IconEye as ne, IconLock as re, IconMarkdown as ie } from "@tabler/icons-react";
-import { createContext as D, lazy as O, memo as k, useCallback as A, useContext as j, useEffect as M, useMemo as N, useRef as P, useState as F } from "react";
-import { JsonView as ae, defaultStyles as oe } from "react-json-view-lite";
-import { Fragment as se, jsx as I, jsxs as L } from "react/jsx-runtime";
-import { AppRenderer as ce } from "@mcp-ui/client";
-import { VisualizerConnectorRequests as R } from "@epam/ai-dial-shared";
-import { VisualizerConnector as le } from "@epam/ai-dial-visualizer-connector";
-var z = {
+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"
-}, ue = {
+}, pe = {
 	[s.Dark]: h,
 	[s.Light]: h
-}, B = () => O(async () => {
+}, R = () => E(async () => {
 	let { Prism: e } = await import("react-syntax-highlighter");
 	return { default: e };
-}), de = k(({ content: e, codeBlockTheme: t = s.Light, labels: n }) => {
-	let { text: r, language: i } = e, o = i == null || i === "plaintext", c = ue[t], l = t === s.Light, [u, d] = F(0), f = N(B, [u]), p = A(() => {
+}), 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", z.container, l && z.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 z = {
 			})
 		})
 	});
-}), fe = { openInNewTabButton: "_openInNewTabButton_c1arc_1" }, pe = k(({ 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] = F(!0), [d, f] = F(!1), p = P(null);
-	M(() => {
+}), 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 = A((t) => {
+	let h = O((t) => {
 		if (u(!1), e.srcdoc == null) try {
 			p.current?.contentDocument ?? f(!0);
 		} catch {
 			f(!0);
 		}
-	}, [e.srcdoc]), g = A(() => {
+	}, [e.srcdoc]), g = O(() => {
 		u(!1), f(!0);
 	}, []);
-	if (n && e.srcdoc != null) return /* @__PURE__ */ I(de, {
+	if (n && e.srcdoc != null) return /* @__PURE__ */ P(me, {
 		content: {
 			type: i.Code,
 			text: e.srcdoc,
@@ -73,26 +73,26 @@ var z = {
 		},
 		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(x, {
+		}), e.url != null && /* @__PURE__ */ P(x, {
 			href: e.url,
 			target: "_blank",
 			label: c,
-			className: fe.openInNewTabButton,
+			className: he.openInNewTabButton,
 			textClassName: o
 		})]
 	});
 	let _ = e.srcdoc != null, ee = _ ? void 0 : e.url, v = _ ? e.srcdoc : void 0;
-	return /* @__PURE__ */ L("div", {
+	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(S, {})
-		}), /* @__PURE__ */ I("iframe", {
+			children: /* @__PURE__ */ P(S, {})
+		}), /* @__PURE__ */ P("iframe", {
 			ref: p,
 			title: r,
 			src: ee,
@@ -103,134 +103,199 @@ var z = {
 			onError: g
 		})]
 	});
-}), V = {
-	loadingOverlay: "_loadingOverlay_t3d2v_1",
-	statusLabel: "_statusLabel_t3d2v_5",
-	errorIcon: "_errorIcon_t3d2v_9"
-}, me = ({ content: e, errorLabel: t = "Failed to load app" }) => {
-	let [n, r] = F("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", V.loadingOverlay),
-				children: /* @__PURE__ */ I(S, {})
+			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(C, {
+				children: [/* @__PURE__ */ P(C, {
 					size: 60,
 					stroke: y,
 					"aria-hidden": !0,
-					className: V.errorIcon
-				}), /* @__PURE__ */ I("p", {
+					className: z.errorIcon
+				}), /* @__PURE__ */ P("p", {
 					role: "alert",
-					className: m("text-center", V.statusLabel),
+					className: m("text-center", z.statusLabel),
 					children: t
 				})]
 			})
 		]
 	});
-}, H = {
-	viewer: "_viewer_1d8a3_1",
-	statusOverlay: "_statusOverlay_1d8a3_5",
-	errorIcon: "_errorIcon_1d8a3_10"
-}, he = async (e, t, r) => {
+}, V = {
+	viewer: "_viewer_1npwu_1",
+	spreadsheetCanvas: "_spreadsheetCanvas_1npwu_5",
+	formulaPanel: "_formulaPanel_1npwu_11",
+	formulaValue: "_formulaValue_1npwu_17",
+	statusOverlay: "_statusOverlay_1npwu_23",
+	errorIcon: "_errorIcon_1npwu_28"
+}, _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}`;
+}, ve = async (e, t, r, i) => {
 	switch (t) {
 		case n.Docx: {
-			let { DocxScrollViewer: t } = await import("./docx-TK1kGI6t.js");
+			let [{ DocxScrollViewer: t }, { chartEx: n }] = await Promise.all([import("./docx-B9qBTEkj.js"), import("./chart-ex-B0DgG3Dt.js")]);
 			return new t(e, {
 				enableTextSelection: !0,
 				refitOnResize: !0,
+				chartEx: n,
 				onError: r
 			});
 		}
 		case n.Xlsx: {
-			let { XlsxViewer: t } = await import("./xlsx-44AZTEry.js");
+			let [{ XlsxViewer: t }, { chartEx: n }] = await Promise.all([import("./xlsx-BAXMTJTG.js"), import("./chart-ex-B0DgG3Dt.js")]);
 			return new t(e, {
 				showZoomSlider: !0,
+				chartEx: n,
+				onError: r,
+				onSelectionContextChange: i
+			});
+		}
+		case n.Csv: {
+			let { XlsxSheetViewer: t } = await import("./xlsx-BAXMTJTG.js"), n = document.createElement("canvas");
+			n.className = V.spreadsheetCanvas, e.replaceChildren(n);
+			let i = new t(n, {
+				showScrollbars: !0,
 				onError: r
 			});
+			return {
+				load: (e) => i.load(e, { format: "csv" }),
+				destroy: () => i.destroy()
+			};
 		}
 		case n.Pptx: {
-			let { PptxScrollViewer: t } = await import("./pptx-DfVqSUxc.js");
+			let [{ PptxScrollViewer: t }, { chartEx: n }] = await Promise.all([import("./pptx-dkJw0-Vx.js"), import("./chart-ex-B0DgG3Dt.js")]);
 			return new t(e, {
 				enableTextSelection: !0,
 				refitOnResize: !0,
+				chartEx: n,
 				onError: r
 			});
 		}
 	}
-}, ge = ({ content: e, fileName: t, loadErrorLabel: n }) => {
-	let r = P(null), [i, a] = F(!0), [o, s] = F(!1);
-	return M(() => {
-		let t = r.current;
+}, 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, i = !1;
-		return a(!0), s(!1), (async () => {
+		let n, r = !1;
+		return c(!0), u(!1), f(""), (async () => {
 			try {
-				let r = await he(t, e.format, () => {
-					i || (a(!1), s(!0));
+				let i = await ve(t, e.format, () => {
+					r || (c(!1), u(!0));
+				}, (e) => {
+					r || f(_e(e));
 				});
-				if (i) {
-					r.destroy();
+				if (r) {
+					i.destroy();
 					return;
 				}
-				n = r, await n.load(e.url), i || a(!1);
+				n = i, await n.load(e.url), r || c(!1);
 			} catch {
-				i || (n?.destroy(), n = void 0, t.replaceChildren(), a(!1), s(!0));
+				r || (n?.destroy(), n = void 0, t.replaceChildren(), c(!1), u(!0));
 			}
 		})(), () => {
-			i = !0, n?.destroy(), t.replaceChildren();
+			r = !0, n?.destroy(), t.replaceChildren();
 		};
-	}, [e.format, e.url]), /* @__PURE__ */ L("div", {
-		className: "relative h-full w-full overflow-hidden",
-		children: [/* @__PURE__ */ I("div", {
-			ref: r,
-			role: "document",
-			"aria-label": t,
-			"aria-busy": i,
-			className: m("h-full w-full overflow-hidden", H.viewer)
-		}), (i || o) && /* @__PURE__ */ I("div", {
-			role: o ? "alert" : void 0,
-			"aria-live": "polite",
-			className: m("absolute inset-0 flex items-center justify-center", H.statusOverlay),
-			children: i ? /* @__PURE__ */ I(S, { size: 48 }) : /* @__PURE__ */ L("div", {
-				className: "flex flex-col items-center gap-2",
-				children: [/* @__PURE__ */ I(C, {
+	}, [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__ */ 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__ */ P("span", {
 					"aria-hidden": "true",
-					size: 60,
-					stroke: y,
-					className: H.errorIcon
-				}), /* @__PURE__ */ I("p", {
-					className: "text-center",
-					children: n
+					className: m("shrink-0", a),
+					children: "fx"
+				}), /* @__PURE__ */ P("code", {
+					dir: "ltr",
+					tabIndex: 0,
+					"aria-live": "polite",
+					className: m("h-8 min-w-0 flex-1 overflow-x-auto whitespace-nowrap rounded border px-2 py-1 text-sm focus-visible:outline focus-visible:outline-focus", V.formulaValue),
+					children: d
 				})]
+			}),
+			/* @__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__ */ 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__ */ P(S, { size: 48 }) : /* @__PURE__ */ F("div", {
+					className: "flex flex-col items-center gap-2",
+					children: [/* @__PURE__ */ P(C, {
+						"aria-hidden": "true",
+						size: 60,
+						stroke: y,
+						className: V.errorIcon
+					}), /* @__PURE__ */ P("p", {
+						className: "text-center",
+						children: r
+					})]
+				})
 			})
-		})]
+		]
 	});
-}, U = {
+}, H = {
 	loadingOverlay: "_loadingOverlay_12637_1",
 	statusLabel: "_statusLabel_12637_5",
 	errorIcon: "_errorIcon_12637_9"
-}, _e = ({ content: e, loadingLabel: t, errorLabel: n = "Failed to load visualizer", colors: r }) => {
-	let i = P(null), [a, o] = F("loading"), { url: s, visualizerName: c, requestTimeout: l } = e, u = P(e);
-	return u.current = e, M(() => {
+}, 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 le(e, {
+		let t = new fe(e, {
 			domain: s,
 			hostDomain: window.location.origin,
 			visualizerName: c,
@@ -242,7 +307,7 @@ var z = {
 				layout: r,
 				...typeof i == "object" && i ? i : {}
 			};
-			await t.send(R.sendVisualizeData, {
+			await t.send(I.sendVisualizeData, {
 				mimeType: e,
 				visualizerData: a
 			}), n && o("ready");
@@ -255,7 +320,7 @@ var z = {
 		s,
 		c,
 		l
-	]), /* @__PURE__ */ L("div", {
+	]), /* @__PURE__ */ F("div", {
 		className: "relative h-full w-full",
 		style: f({
 			"--vs-loading-bg": r?.loadingBackground,
@@ -263,33 +328,33 @@ var z = {
 			"--vs-error-icon": r?.errorIcon
 		}),
 		children: [
-			/* @__PURE__ */ I("div", {
+			/* @__PURE__ */ P("div", {
 				ref: i,
 				className: "h-full w-full"
 			}),
-			a === "loading" && /* @__PURE__ */ L("div", {
-				className: m("absolute inset-0 flex flex-col items-center justify-center gap-2", U.loadingOverlay),
-				children: [/* @__PURE__ */ I(S, {}), t && /* @__PURE__ */ I("p", {
-					className: m("text-center", U.statusLabel),
+			a === "loading" && /* @__PURE__ */ F("div", {
+				className: m("absolute inset-0 flex flex-col items-center justify-center gap-2", H.loadingOverlay),
+				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(C, {
+				children: [/* @__PURE__ */ P(C, {
 					size: 60,
 					stroke: y,
 					"aria-hidden": !0,
-					className: U.errorIcon
-				}), /* @__PURE__ */ I("p", {
+					className: H.errorIcon
+				}), /* @__PURE__ */ P("p", {
 					role: "alert",
-					className: m("text-center", U.statusLabel),
+					className: m("text-center", H.statusLabel),
 					children: n
 				})]
 			})
 		]
 	});
-}, W = {
+}, U = {
 	body: "_body_13ogb_4",
 	statusLabel: "_statusLabel_13ogb_13",
 	errorIcon: "_errorIcon_13ogb_17",
@@ -304,61 +369,64 @@ var z = {
 	jsonExpandIcon: "_jsonExpandIcon_13ogb_54",
 	jsonCollapseIcon: "_jsonCollapseIcon_13ogb_67",
 	jsonCollapsedContent: "_jsonCollapsedContent_13ogb_84"
-}, ve = () => O(async () => ({ default: (await import("./PdfContent-CU1Q5IV6.js")).PdfContent })), ye = ({ url: e, fileName: t, loadErrorLabel: n }) => {
-	let [r, i] = F(!1);
-	return M(() => {
+}, 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(C, {
+		children: [/* @__PURE__ */ P(C, {
 			size: 60,
 			stroke: y,
-			className: W.errorIcon
-		}), /* @__PURE__ */ I("p", {
-			className: m("text-center", W.statusLabel),
+			className: U.errorIcon
+		}), /* @__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)
 	});
-}, be = new Set([
+}, Ce = new Set([
 	i.PlainText,
 	i.Code,
 	i.Ooxml
-]), xe = k(({ 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: T, codeContentLoadingLabel: E, codeContentErrorLabel: te, codeContentRetryLabel: ne } = {}, styles: ie, codeBlockTheme: D, loadPdf: O, hidePdfToolbar: k = !1, configurePdfWorker: j }) => {
-	let { colors: M, typography: P, bodyClassName: se, cssVars: ce } = ie ?? {}, [R, le] = F(0), z = N(ve, [R]), ue = A(() => {
-		le((e) => e + 1);
-	}, []), B = P?.fontClassName != null, fe = N(() => ({
+]), 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": M?.text,
-			"--ac-status-text": M?.statusText,
-			"--ac-error-icon": M?.errorIcon,
-			"--ac-open-in-new-tab-text": M?.openInNewTabText,
-			"--ac-json-border": M?.jsonBorder,
-			"--ac-json-bg": M?.jsonBackground,
-			"--ac-json-label": M?.jsonLabel,
-			"--ac-json-clickable-label": M?.jsonClickableLabel,
-			"--ac-json-punctuation": M?.jsonPunctuation,
-			"--ac-json-string": M?.jsonString,
-			"--ac-json-number": M?.jsonNumber,
-			"--ac-json-boolean": M?.jsonBoolean,
-			"--ac-json-null": M?.jsonNull,
-			"--ac-json-toggle-icon": M?.jsonToggleIcon,
-			"--ac-json-toggle-icon-hover": M?.jsonToggleIconHover,
-			"--ac-ooxml-bg": M?.ooxmlBackground,
-			"--ac-json-collapsed-text": M?.jsonCollapsedText,
-			"--ac-json-collapsed-bg": M?.jsonCollapsedBackground,
-			"--ac-font-family": B ? void 0 : P?.fontFamily,
-			"--ac-font-size": B ? void 0 : P?.fontSize,
-			"--ac-font-weight": B ? void 0 : P?.fontWeight,
-			"--ac-line-height": B ? void 0 : P?.lineHeight,
-			"--ac-letter-spacing": B ? void 0 : P?.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
 		}),
-		...ce
-	}), [ie]), V = N(() => {
+		...de
+	}), [se]), z = j(() => {
 		switch (t.type) {
 			case i.Image:
 			case i.Audio:
@@ -373,71 +441,71 @@ var z = {
 			case i.Html: return "h-full overflow-hidden";
 			default: return "h-full overflow-auto p-4";
 		}
-	}, [t.type]), H = N(() => {
+	}, [t.type]), V = j(() => {
 		switch (t.type) {
-			case i.PlainText: return /* @__PURE__ */ I("pre", {
-				className: m("whitespace-pre-wrap break-words", W.body, P?.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(ye, {
+			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", {
-					className: m("m-3 overflow-auto rounded-md border", W.jsonWrapper),
-					children: /* @__PURE__ */ I(ae, {
+				children: /* @__PURE__ */ P("div", {
+					className: m("m-3 overflow-auto rounded-md border", U.jsonWrapper),
+					children: /* @__PURE__ */ P(ce, {
 						data: t.value,
 						style: {
-							container: m("whitespace-pre-wrap break-words p-2", P?.jsonClassName ?? "dial-code-text"),
-							basicChildStyle: oe.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", W.jsonLabel),
-							clickableLabel: m("me-1 cursor-pointer font-semibold hover:underline", W.jsonClickableLabel),
-							nullValue: m("italic", W.jsonNullValue),
-							undefinedValue: m("italic", W.jsonNullValue),
-							stringValue: W.jsonStringValue,
-							booleanValue: W.jsonBooleanValue,
-							numberValue: W.jsonNumberValue,
-							otherValue: m("italic", W.jsonNullValue),
-							punctuation: m("me-1", W.jsonPunctuation),
-							collapseIcon: m("me-1 cursor-pointer select-none transition-colors", W.jsonCollapseIcon),
-							expandIcon: m("me-1 cursor-pointer select-none transition-colors", W.jsonExpandIcon),
-							collapsedContent: m("me-1 cursor-pointer rounded px-1", W.jsonCollapsedContent)
+							label: m("me-1 font-semibold", U.jsonLabel),
+							clickableLabel: m("me-1 cursor-pointer font-semibold hover:underline", U.jsonClickableLabel),
+							nullValue: m("italic", U.jsonNullValue),
+							undefinedValue: m("italic", U.jsonNullValue),
+							stringValue: U.jsonStringValue,
+							booleanValue: U.jsonBooleanValue,
+							numberValue: U.jsonNumberValue,
+							otherValue: m("italic", U.jsonNullValue),
+							punctuation: m("me-1", U.jsonPunctuation),
+							collapseIcon: m("me-1 cursor-pointer select-none transition-colors", U.jsonCollapseIcon),
+							expandIcon: m("me-1 cursor-pointer select-none transition-colors", U.jsonExpandIcon),
+							collapsedContent: m("me-1 cursor-pointer rounded px-1", U.jsonCollapsedContent)
 						}
 					})
 				})
 			});
-			case i.Code: return /* @__PURE__ */ I(de, {
+			case i.Code: return /* @__PURE__ */ P(me, {
 				content: t,
-				codeBlockTheme: D,
+				codeBlockTheme: T,
 				labels: {
-					loadingLabel: E,
-					errorLabel: te,
-					retryLabel: ne
+					loadingLabel: re,
+					errorLabel: ie,
+					retryLabel: oe
 				}
 			});
-			case i.Html: return /* @__PURE__ */ I(pe, {
+			case i.Html: return /* @__PURE__ */ P(ge, {
 				content: t,
 				labels: {
 					htmlFrameBlockedLabel: h,
@@ -445,24 +513,24 @@ var z = {
 				},
 				isSourceView: o,
 				title: r,
-				codeBlockTheme: D
+				codeBlockTheme: T
 			});
-			case i.Pdf: return /* @__PURE__ */ I(a, {
-				retryKey: R,
-				onRetry: ue,
+			case i.Pdf: return /* @__PURE__ */ P(a, {
+				retryKey: I,
+				onRetry: pe,
 				labels: {
 					loadingLabel: x,
 					errorLabel: w,
-					retryLabel: T
+					retryLabel: te
 				},
-				children: /* @__PURE__ */ I(z, {
+				children: /* @__PURE__ */ P(L, {
 					fileName: r,
 					url: t.url,
 					highlights: t.highlights ?? [],
 					selectedHighlightId: t.selectedHighlightId,
-					loadPdf: O,
-					hideHeader: k,
-					configurePdfWorker: j,
+					loadPdf: E,
+					hideHeader: D,
+					configurePdfWorker: k,
 					labels: {
 						thumbnailsLabel: _,
 						showThumbnailsLabel: ee,
@@ -470,34 +538,36 @@ var z = {
 						pageNumberLabel: b,
 						loadingLabel: x,
 						errorLabel: w,
-						retryLabel: T
+						retryLabel: te
 					}
 				})
 			}, t.url);
-			case i.Ooxml: return /* @__PURE__ */ I(ge, {
+			case i.Ooxml: return /* @__PURE__ */ P(ye, {
 				content: t,
 				fileName: r,
-				loadErrorLabel: l
+				loadErrorLabel: l,
+				formulaLabel: ne,
+				formulaLabelClassName: M?.xlsxFormulaLabelClassName ?? "dial-italic-text"
 			});
-			case i.Visualizer: return /* @__PURE__ */ I(_e, {
+			case i.Visualizer: return /* @__PURE__ */ P(be, {
 				content: t,
 				errorLabel: p
 			});
-			case i.McpApp: return /* @__PURE__ */ I(me, { content: t });
-			case i.Unsupported: return /* @__PURE__ */ I("p", {
-				className: m("text-center", W.statusLabel),
+			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 ? re : C, {
+					children: [P(n ? ae : C, {
 						size: 60,
 						stroke: y,
-						className: W.errorIcon
-					}), /* @__PURE__ */ I("p", {
-						className: m("text-center", W.statusLabel),
+						className: U.errorIcon
+					}), /* @__PURE__ */ P("p", {
+						className: m("text-center", U.statusLabel),
 						children: n ? u : l
 					})]
 				});
@@ -505,10 +575,11 @@ var z = {
 		}
 	}, [
 		t,
-		P?.fontClassName,
-		P?.jsonClassName,
+		M?.fontClassName,
+		M?.jsonClassName,
+		M?.xlsxFormulaLabelClassName,
 		r,
-		D,
+		T,
 		s,
 		l,
 		u,
@@ -516,47 +587,48 @@ var z = {
 		h,
 		g,
 		o,
-		O,
+		E,
+		D,
 		k,
-		j,
 		_,
 		ee,
 		v,
 		b,
 		x,
 		w,
-		T,
-		E,
 		te,
 		ne,
-		z,
-		R,
-		ue
+		re,
+		ie,
+		oe,
+		L,
+		I,
+		pe
 	]);
-	return /* @__PURE__ */ I("div", {
-		style: !n && be.has(t.type) ? fe : void 0,
-		className: m(n ? "flex h-full items-center justify-center" : V, se),
-		children: n ? /* @__PURE__ */ I(S, {}) : H
+	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
 	});
-}), Se = 2e3, G = k(({ 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: re = "You don't have permission to access this file", htmlFrameBlockedLabel: D = "This page cannot be displayed in preview", htmlOpenInNewTabLabel: O = "Open in new tab", htmlViewSourceLabel: k = "View source", htmlViewRenderedLabel: j = "View rendered", pdfThumbnailsLabel: N, pdfShowThumbnailsLabel: ae, pdfHideThumbnailsLabel: oe, pdfPageNumberLabel: ce, pdfContentLoadingLabel: R, pdfContentErrorLabel: le, pdfContentRetryLabel: z, codeContentLoadingLabel: ue, codeContentErrorLabel: B, codeContentRetryLabel: de }, onDownload: fe, onCopyText: pe, onCopyMarkdown: V, onCopyJson: me, isMobile: H = !1, defaultWidth: he, minWidth: ge = 600, maxWidth: U = 1500, onResizeStop: _e, styles: W, codeBlockTheme: ve, loadPdf: ye, configurePdfWorker: be }) => {
-	let [G, Ce] = F(!1), [we, K] = F(!1), [Te, Ee] = F(!1), [q, De] = F(!1), J = P(null), Y = P(null), X = P(null), Oe = A(() => {
-		pe?.(), J.current != null && clearTimeout(J.current), Ce(!0), J.current = setTimeout(() => Ce(!1), Se);
-	}, [pe]), ke = A(() => {
-		V?.(), Y.current != null && clearTimeout(Y.current), K(!0), Y.current = setTimeout(() => K(!1), Se);
-	}, [V]), Z = A(() => {
-		me?.(), X.current != null && clearTimeout(X.current), Ee(!0), X.current = setTimeout(() => Ee(!1), Se);
-	}, [me]);
-	M(() => () => {
+}), 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 Ae = A(() => {
-		De((e) => !e);
+	let Ne = O(() => {
+		q((e) => !e);
 	}, []);
-	M(() => {
-		De(!1);
+	A(() => {
+		q(!1);
 	}, [a]);
-	let { className: je, panelStyles: Q, ...Me } = W ?? {}, Ne = !t && a.type === i.Html && a.srcdoc != null, Pe = !t && pe != null && (a.type === i.PlainText || a.type === i.Code), $ = !t && V != null && a.type === i.Markdown, Fe = !t && me != null && a.type === i.Json, Ie = !t && fe != null && r(a);
-	return /* @__PURE__ */ I(ee, {
+	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,
@@ -565,118 +637,129 @@ var z = {
 			closeLabel: c
 		},
 		onClose: n,
-		resizable: !H,
-		defaultWidth: he,
-		minWidth: ge,
-		maxWidth: U,
-		onResizeStop: _e,
+		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", je, Q?.className)
+			className: m(e ? "mobile:w-full mobile:max-w-full" : "w-0", Pe, Q?.className)
 		},
-		rightActions: Ne || Pe || $ || Fe || Ie ? /* @__PURE__ */ L(se, { children: [
-			Ne && /* @__PURE__ */ I(b, {
-				icon: I(q ? ne : T, {
+		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 ? j : k,
-				"aria-pressed": q,
-				tooltipProps: { tooltip: q ? j : k },
-				onClick: Ae
+				"aria-label": j,
+				tooltipProps: { tooltip: j },
+				onClick: a.type === i.McpApp ? a.onReload : void 0
 			}),
-			Pe && /* @__PURE__ */ I(b, {
-				icon: I(G ? w : E, {
+			Ie && /* @__PURE__ */ P(b, {
+				icon: P(K ? ie : te, {
 					size: v.LG,
 					stroke: y,
 					"aria-hidden": !0
 				}),
-				"aria-label": G ? d : u,
-				tooltipProps: { tooltip: G ? d : u },
-				onClick: Oe
+				"aria-label": K ? k : D,
+				"aria-pressed": K,
+				tooltipProps: { tooltip: K ? k : D },
+				onClick: Ne
 			}),
-			$ && /* @__PURE__ */ I(b, {
-				icon: I(we ? w : ie, {
+			$ && /* @__PURE__ */ P(b, {
+				icon: P(De ? w : ne, {
 					size: v.LG,
 					stroke: y,
 					"aria-hidden": !0
 				}),
-				"aria-label": we ? p : f,
-				tooltipProps: { tooltip: we ? p : f },
-				onClick: ke
+				"aria-label": De ? d : u,
+				tooltipProps: { tooltip: De ? d : u },
+				onClick: je
 			}),
-			Fe && /* @__PURE__ */ I(b, {
-				icon: I(Te ? w : E, {
+			Le && /* @__PURE__ */ P(b, {
+				icon: P(W ? w : oe, {
 					size: v.LG,
 					stroke: y,
 					"aria-hidden": !0
 				}),
-				"aria-label": Te ? g : h,
-				tooltipProps: { tooltip: Te ? g : h },
+				"aria-label": W ? p : f,
+				tooltipProps: { tooltip: W ? p : f },
 				onClick: Z
 			}),
-			Ie && /* @__PURE__ */ I(b, {
-				icon: /* @__PURE__ */ I(te, {
+			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: fe
+				onClick: z
 			})
 		] }) : null,
-		children: /* @__PURE__ */ I(xe, {
+		children: /* @__PURE__ */ P(we, {
 			content: a,
 			isLoading: t,
 			fileName: o,
-			isHtmlSourceView: q,
+			isHtmlSourceView: K,
 			labels: {
 				unsupportedLabel: S,
 				loadErrorLabel: C,
-				forbiddenErrorLabel: re,
+				forbiddenErrorLabel: ae,
 				visualizerErrorLabel: x,
-				htmlFrameBlockedLabel: D,
-				htmlOpenInNewTabLabel: O,
-				pdfThumbnailsLabel: N,
-				pdfShowThumbnailsLabel: ae,
-				pdfHideThumbnailsLabel: oe,
-				pdfPageNumberLabel: ce,
-				pdfContentLoadingLabel: R,
-				pdfContentErrorLabel: le,
-				pdfContentRetryLabel: z,
-				codeContentLoadingLabel: ue,
-				codeContentErrorLabel: B,
-				codeContentRetryLabel: de
+				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: Me,
-			codeBlockTheme: ve,
-			loadPdf: ye,
-			configurePdfWorker: be
+			styles: Fe,
+			codeBlockTheme: Se,
+			loadPdf: Ce,
+			configurePdfWorker: Ee
 		})
 	});
-}), Ce = {
+}), De = {
 	type: i.PlainText,
 	text: ""
-}, we = (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;
-}, K = D(void 0);
-K.displayName = "AttachmentCanvasContext";
-var Te = ({ children: e }) => {
-	let [t, n] = F(!1), [r, i] = F(!1), [a, o] = F(Ce), [s, c] = F(void 0), [l, u] = F(void 0), d = A((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 = A((e, t, r) => {
+	}, []), f = O((e, t, r) => {
 		o(e), c(t), u(r), i(!1), n(!0);
-	}, []), p = A(() => {
-		o(Ce), n(!1), i(!1), u(void 0);
+	}, []), p = O(() => {
+		o(De), n(!1), i(!1), u(void 0);
 	}, []);
-	return M(() => () => {
-		let e = we(a);
+	return A(() => () => {
+		let e = Oe(a);
 		e != null && URL.revokeObjectURL(e);
-	}, [a]), /* @__PURE__ */ I(K.Provider, {
-		value: N(() => ({
+	}, [a]), /* @__PURE__ */ P(W.Provider, {
+		value: j(() => ({
 			isOpen: t,
 			isLoading: r,
 			content: a,
@@ -697,26 +780,26 @@ var Te = ({ children: e }) => {
 		]),
 		children: e
 	});
-}, Ee = () => {
-	let e = j(K);
+}, G = () => {
+	let e = k(W);
 	if (!e) throw Error("useAttachmentCanvas must be used within an AttachmentCanvasProvider");
 	return e;
-}, q = k(({ 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: T, pdfHideThumbnailsLabel: E, pdfPageNumberLabel: te, pdfContentLoadingLabel: ne, pdfContentErrorLabel: re, pdfContentRetryLabel: ie, codeContentLoadingLabel: D, codeContentErrorLabel: O, codeContentRetryLabel: k } = e ?? {}, { isOpen: j, isLoading: M, content: N, fileName: P, closeCanvas: F } = Ee(), ae = A(() => {
-		t(N, P);
-	}, [N, P]), oe = A(() => {
-		(N.type === i.PlainText || N.type === i.Code) && p(N.text);
-	}, [N]), se = A(() => {
-		N.type === i.Markdown && p(N.text);
-	}, [N]), L = A(() => {
-		N.type === i.Json && p(JSON.stringify(N.value, null, 2));
-	}, [N]);
-	return /* @__PURE__ */ I(G, {
-		isOpen: j,
-		isLoading: M,
-		onClose: F,
-		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,
@@ -735,60 +818,64 @@ var Te = ({ children: e }) => {
 			htmlViewSourceLabel: S,
 			htmlViewRenderedLabel: C,
 			pdfThumbnailsLabel: w,
-			pdfShowThumbnailsLabel: T,
-			pdfHideThumbnailsLabel: E,
-			pdfPageNumberLabel: te,
-			pdfContentLoadingLabel: ne,
-			pdfContentErrorLabel: re,
-			pdfContentRetryLabel: ie,
-			codeContentLoadingLabel: D,
-			codeContentErrorLabel: O,
-			codeContentRetryLabel: k
+			pdfShowThumbnailsLabel: te,
+			pdfHideThumbnailsLabel: ne,
+			pdfPageNumberLabel: re,
+			pdfContentLoadingLabel: ie,
+			pdfContentErrorLabel: ae,
+			pdfContentRetryLabel: oe,
+			xlsxFormulaLabel: se,
+			codeContentLoadingLabel: T,
+			codeContentErrorLabel: E,
+			codeContentRetryLabel: D
 		},
-		onDownload: ae,
-		onCopyText: N.type === i.PlainText || N.type === i.Code ? oe : void 0,
-		onCopyMarkdown: N.type === i.Markdown ? se : void 0,
-		onCopyJson: N.type === i.Json ? L : 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
 	});
-}), De = 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
-}, Oe = {
-	[J.docx]: n.Docx,
-	[J.xlsx]: n.Xlsx,
-	[J.pptx]: n.Pptx
-}, ke = {
-	[n.Docx]: J.docx,
-	[n.Xlsx]: J.xlsx,
-	[n.Pptx]: J.pptx
+	pptx: n.Pptx,
+	csv: n.Csv
+}, X = {
+	[q.docx]: n.Docx,
+	[q.xlsx]: n.Xlsx,
+	[q.pptx]: n.Pptx,
+	[u.CSV]: n.Csv
+}, 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 = Oe[n];
+		let e = X[n];
 		if (e != null) return e;
 	}
 	let r = e.lastIndexOf(".");
-	if (r !== -1) return X[e.slice(r + 1).toLowerCase()];
-}, Ae = (e, t) => Z(e, t) != null, je = (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 : ke[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());
-}, Me = (e) => {
+	return t === -1 ? !1 : J.has(e.slice(t + 1).toLowerCase());
+}, Q = (e) => {
 	let t = e.lastIndexOf(".");
-	return t === -1 ? !1 : De.has(e.slice(t + 1).toLowerCase());
-}, Ne = {
+	return t === -1 ? !1 : K.has(e.slice(t + 1).toLowerCase());
+}, Fe = {
 	xml: "xml",
 	csv: "plaintext",
 	tsv: "plaintext",
@@ -836,21 +923,21 @@ var Te = ({ children: e }) => {
 	gitignore: "plaintext",
 	dockerfile: "plaintext",
 	makefile: "plaintext"
-}, Pe = (e) => Ne[e], $ = (e) => ({
+}, Ie = (e) => Fe[e], $ = (e) => ({
 	type: i.Unsupported,
 	...e != null && { url: e }
-}), Fe = (t) => ({
+}), Le = (t) => ({
 	type: i.Error,
 	errorType: e.LoadFailed,
 	...t != null && { url: t }
-}), Ie = (t) => ({
+}), Re = (t) => ({
 	type: i.Error,
 	errorType: e.Forbidden,
 	...t != null && { url: t }
-}), Le = (e, t) => {
+}), ze = (e, t) => {
 	let n = e.toLowerCase();
 	return t.find((e) => e.contentType.split(",").some((e) => e.trim().toLowerCase() === n && e.trim() !== ""));
-}, Re = (e) => {
+}, Be = (e) => {
 	let t;
 	try {
 		t = new URL(e).pathname;
@@ -863,13 +950,13 @@ var Te = ({ children: e }) => {
 	} catch {
 		return n;
 	}
-}, ze = (e, t) => {
-	let { openCanvas: n, openCanvasLoading: r, closeCanvas: a } = Ee(), { customVisualizers: s, themeId: c, onBeforeOpen: d } = t, f = A(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 = Le(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;
@@ -902,8 +989,8 @@ var Te = ({ children: e }) => {
 				return i == null ? !1 : (n(i, t.name, r), !0);
 			}
 		}
-		let g = t.name != null && Me(t.name) || t.url != null && Me(Re(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({
@@ -911,7 +998,7 @@ var Te = ({ children: e }) => {
 				url: t.url
 			}, t.name, r), !0) : (n(a, t.name, r), !0);
 		}
-		let _ = await e.resolveCodeContent(t, Pe(m));
+		let _ = await e.resolveCodeContent(t, Ie(m));
 		return _ == null ? !1 : (n(_, t.name, r), !0);
 	}, [
 		n,
@@ -919,7 +1006,7 @@ var Te = ({ children: e }) => {
 		c,
 		e
 	]);
-	return { openAttachmentCanvas: A(async (t, s = t.id) => {
+	return { openAttachmentCanvas: O(async (t, s = t.id) => {
 		switch (t.type) {
 			case o.Image: {
 				let r = e.resolveImageContent(t);
@@ -956,4 +1043,4 @@ var Te = ({ children: e }) => {
 	]) };
 };
 //#endregion
-export { G as AttachmentCanvas, xe as AttachmentCanvasBody, q as AttachmentCanvasContainer, Te as AttachmentCanvasProvider, i as AttachmentContentType, e as AttachmentErrorType, de as CodeContent, n as OoxmlFileType, Ie as createForbiddenCanvasContent, Fe as createLoadErrorCanvasContent, $ as createUnsupportedCanvasContent, t as downloadAttachmentContent, Pe as extensionToLanguage, Le as findVisualizerForMime, Z as getOoxmlFileType, je as getOoxmlMimeType, r as isDownloadable, Me as isHtmlPreviewable, Ae as isOoxmlPreviewable, Q as isTextPreviewable, Ee as useAttachmentCanvas, ze 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 };