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

package/index.js

@@ -1,25 +1,25 @@
-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 { 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 R } from "@epam/ai-dial-shared";
-import { VisualizerConnector as le } from "@epam/ai-dial-visualizer-connector";
-var z = {
+import { VisualizerConnectorRequests as le } from "@epam/ai-dial-shared";
+import { VisualizerConnector as R } from "@epam/ai-dial-visualizer-connector";
+var ue = {
 	container: "_container_1nhig_1",
 	containerLight: "_containerLight_1nhig_5"
-}, ue = {
+}, de = {
 	[s.Dark]: h,
 	[s.Light]: h
-}, B = () => O(async () => {
+}, fe = () => D(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(() => {
+}), 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(() => {
 		d((e) => e + 1);
 	}, []), h = /* @__PURE__ */ I("pre", {
 		className: "whitespace-pre-wrap break-words p-4",
@@ -27,7 +27,7 @@ var z = {
 	});
 	return /* @__PURE__ */ I("div", {
 		dir: "ltr",
-		className: m("h-full overflow-auto", z.container, l && z.containerLight),
+		className: m("h-full overflow-auto", ue.container, l && ue.containerLight),
 		children: o ? h : /* @__PURE__ */ I(a, {
 			retryKey: u,
 			onRetry: p,
@@ -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(() => {
+}), 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(() => {
 		u(!0), f(!1);
 	}, [e]);
-	let h = A((t) => {
+	let h = k((t) => {
 		if (u(!1), e.srcdoc == null) try {
 			p.current?.contentDocument ?? f(!0);
 		} catch {
 			f(!0);
 		}
-	}, [e.srcdoc]), g = A(() => {
+	}, [e.srcdoc]), g = k(() => {
 		u(!1), f(!0);
 	}, []);
-	if (n && e.srcdoc != null) return /* @__PURE__ */ I(de, {
+	if (n && e.srcdoc != null) return /* @__PURE__ */ I(pe, {
 		content: {
 			type: i.Code,
 			text: e.srcdoc,
@@ -78,37 +78,37 @@ var z = {
 		children: [/* @__PURE__ */ I("p", {
 			className: "text-center",
 			children: s
-		}), e.url != null && /* @__PURE__ */ I(x, {
+		}), e.url != null && /* @__PURE__ */ I(S, {
 			href: e.url,
 			target: "_blank",
 			label: c,
-			className: fe.openInNewTabButton,
+			className: z.openInNewTabButton,
 			textClassName: o
 		})]
 	});
-	let _ = e.srcdoc != null, ee = _ ? void 0 : e.url, v = _ ? e.srcdoc : void 0;
+	let _ = e.srcdoc != null, v = _ ? void 0 : e.url, y = _ ? e.srcdoc : void 0;
 	return /* @__PURE__ */ L("div", {
 		className: "relative h-full",
 		children: [l && /* @__PURE__ */ I("div", {
 			className: "absolute inset-0 flex items-center justify-center",
-			children: /* @__PURE__ */ I(S, {})
+			children: /* @__PURE__ */ I(C, {})
 		}), /* @__PURE__ */ I("iframe", {
 			ref: p,
 			title: r,
-			src: ee,
-			srcDoc: v,
+			src: v,
+			srcDoc: y,
 			sandbox: _ ? "allow-scripts" : "allow-scripts allow-same-origin",
 			className: m("h-full w-full border-none", l ? "invisible" : ""),
 			onLoad: h,
 			onError: g
 		})]
 	});
-}), V = {
+}), B = {
 	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;
+}, 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",
 		children: [
@@ -124,113 +124,159 @@ var z = {
 				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, {})
+				className: m("absolute inset-0 flex flex-col items-center justify-center gap-2", B.loadingOverlay),
+				children: /* @__PURE__ */ I(C, {})
 			}),
 			n === "error" && /* @__PURE__ */ L("div", {
 				className: "absolute inset-0 flex flex-col items-center justify-center gap-2",
-				children: [/* @__PURE__ */ I(C, {
+				children: [/* @__PURE__ */ I(w, {
 					size: 60,
-					stroke: y,
+					stroke: b,
 					"aria-hidden": !0,
-					className: V.errorIcon
+					className: B.errorIcon
 				}), /* @__PURE__ */ I("p", {
 					role: "alert",
-					className: m("text-center", V.statusLabel),
+					className: m("text-center", B.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"
+}, ge = (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) => {
 	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;
+}, 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(() => {
+		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 _e(t, e.format, () => {
+					r || (c(!1), u(!0));
+				}, (e) => {
+					r || f(ge(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, {
+		className: "relative flex h-full w-full min-w-0 flex-col overflow-hidden",
+		children: [
+			e.format === n.Xlsx && /* @__PURE__ */ L("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", {
 					"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__ */ I("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__ */ I("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", {
+				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", {
+					className: "flex flex-col items-center gap-2",
+					children: [/* @__PURE__ */ I(w, {
+						"aria-hidden": "true",
+						size: 60,
+						stroke: b,
+						className: V.errorIcon
+					}), /* @__PURE__ */ I("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(() => {
+}, 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(() => {
 		let e = i.current;
 		if (!e) return;
 		o("loading");
-		let t = new le(e, {
+		let t = new R(e, {
 			domain: s,
 			hostDomain: window.location.origin,
 			visualizerName: c,
@@ -242,7 +288,7 @@ var z = {
 				layout: r,
 				...typeof i == "object" && i ? i : {}
 			};
-			await t.send(R.sendVisualizeData, {
+			await t.send(le.sendVisualizeData, {
 				mimeType: e,
 				visualizerData: a
 			}), n && o("ready");
@@ -268,28 +314,28 @@ var z = {
 				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),
+				className: m("absolute inset-0 flex flex-col items-center justify-center gap-2", H.loadingOverlay),
+				children: [/* @__PURE__ */ I(C, {}), t && /* @__PURE__ */ I("p", {
+					className: m("text-center", H.statusLabel),
 					children: t
 				})]
 			}),
 			a === "error" && /* @__PURE__ */ L("div", {
 				className: "absolute inset-0 flex flex-col items-center justify-center gap-2",
-				children: [/* @__PURE__ */ I(C, {
+				children: [/* @__PURE__ */ I(w, {
 					size: 60,
-					stroke: y,
+					stroke: b,
 					"aria-hidden": !0,
-					className: U.errorIcon
+					className: H.errorIcon
 				}), /* @__PURE__ */ I("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,18 +350,18 @@ 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(() => {
+}, 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(() => {
 		i(!1);
 	}, [e]), r ? /* @__PURE__ */ L("div", {
 		className: "flex flex-col items-center gap-2",
-		children: [/* @__PURE__ */ I(C, {
+		children: [/* @__PURE__ */ I(w, {
 			size: 60,
-			stroke: y,
-			className: W.errorIcon
+			stroke: b,
+			className: U.errorIcon
 		}), /* @__PURE__ */ I("p", {
-			className: m("text-center", W.statusLabel),
+			className: m("text-center", U.statusLabel),
 			children: n
 		})]
 	}) : /* @__PURE__ */ I("img", {
@@ -324,41 +370,44 @@ var z = {
 		className: "max-h-full max-w-full object-contain",
 		onError: () => i(!0)
 	});
-}, be = new Set([
+}, Se = 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(() => ({
+]), 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(() => ({
 		...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": 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
 		}),
-		...ce
-	}), [ie]), V = N(() => {
+		...le
+	}), [E]), V = M(() => {
 		switch (t.type) {
 			case i.Image:
 			case i.Audio:
@@ -373,13 +422,13 @@ var z = {
 			case i.Html: return "h-full overflow-hidden";
 			default: return "h-full overflow-auto p-4";
 		}
-	}, [t.type]), H = N(() => {
+	}, [t.type]), ge = M(() => {
 		switch (t.type) {
 			case i.PlainText: return /* @__PURE__ */ I("pre", {
-				className: m("whitespace-pre-wrap break-words", W.body, P?.fontClassName),
+				className: m("whitespace-pre-wrap break-words", U.body, F?.fontClassName),
 				children: t.text
 			});
-			case i.Image: return /* @__PURE__ */ I(ye, {
+			case i.Image: return /* @__PURE__ */ I(xe, {
 				url: t.url,
 				fileName: r,
 				loadErrorLabel: l
@@ -405,39 +454,39 @@ var z = {
 				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, {
+					className: m("m-3 overflow-auto rounded-md border", U.jsonWrapper),
+					children: /* @__PURE__ */ I(oe, {
 						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", F?.jsonClassName ?? "dial-code-text"),
+							basicChildStyle: se.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__ */ I(pe, {
 				content: t,
 				codeBlockTheme: D,
 				labels: {
-					loadingLabel: E,
-					errorLabel: te,
-					retryLabel: ne
+					loadingLabel: ne,
+					errorLabel: re,
+					retryLabel: ae
 				}
 			});
-			case i.Html: return /* @__PURE__ */ I(pe, {
+			case i.Html: return /* @__PURE__ */ I(me, {
 				content: t,
 				labels: {
 					htmlFrameBlockedLabel: h,
@@ -449,55 +498,57 @@ var z = {
 			});
 			case i.Pdf: return /* @__PURE__ */ I(a, {
 				retryKey: R,
-				onRetry: ue,
+				onRetry: fe,
 				labels: {
-					loadingLabel: x,
-					errorLabel: w,
-					retryLabel: T
+					loadingLabel: S,
+					errorLabel: T,
+					retryLabel: ee
 				},
-				children: /* @__PURE__ */ I(z, {
+				children: /* @__PURE__ */ I(de, {
 					fileName: r,
 					url: t.url,
 					highlights: t.highlights ?? [],
 					selectedHighlightId: t.selectedHighlightId,
 					loadPdf: O,
-					hideHeader: k,
+					hideHeader: A,
 					configurePdfWorker: j,
 					labels: {
 						thumbnailsLabel: _,
-						showThumbnailsLabel: ee,
-						hideThumbnailsLabel: v,
-						pageNumberLabel: b,
-						loadingLabel: x,
-						errorLabel: w,
-						retryLabel: T
+						showThumbnailsLabel: v,
+						hideThumbnailsLabel: y,
+						pageNumberLabel: x,
+						loadingLabel: S,
+						errorLabel: T,
+						retryLabel: ee
 					}
 				})
 			}, t.url);
-			case i.Ooxml: return /* @__PURE__ */ I(ge, {
+			case i.Ooxml: return /* @__PURE__ */ I(ve, {
 				content: t,
 				fileName: r,
-				loadErrorLabel: l
+				loadErrorLabel: l,
+				formulaLabel: te,
+				formulaLabelClassName: F?.xlsxFormulaLabelClassName ?? "dial-italic-text"
 			});
-			case i.Visualizer: return /* @__PURE__ */ I(_e, {
+			case i.Visualizer: return /* @__PURE__ */ I(ye, {
 				content: t,
 				errorLabel: p
 			});
-			case i.McpApp: return /* @__PURE__ */ I(me, { content: t });
+			case i.McpApp: return /* @__PURE__ */ I(he, { content: t });
 			case i.Unsupported: return /* @__PURE__ */ I("p", {
-				className: m("text-center", W.statusLabel),
+				className: m("text-center", U.statusLabel),
 				children: s
 			});
 			case i.Error: {
 				let n = t.errorType === e.Forbidden;
 				return /* @__PURE__ */ L("div", {
 					className: "flex flex-col items-center gap-2",
-					children: [I(n ? re : C, {
+					children: [I(n ? ie : w, {
 						size: 60,
-						stroke: y,
-						className: W.errorIcon
+						stroke: b,
+						className: U.errorIcon
 					}), /* @__PURE__ */ I("p", {
-						className: m("text-center", W.statusLabel),
+						className: m("text-center", U.statusLabel),
 						children: n ? u : l
 					})]
 				});
@@ -505,8 +556,9 @@ var z = {
 		}
 	}, [
 		t,
-		P?.fontClassName,
-		P?.jsonClassName,
+		F?.fontClassName,
+		F?.jsonClassName,
+		F?.xlsxFormulaLabelClassName,
 		r,
 		D,
 		s,
@@ -517,46 +569,47 @@ var z = {
 		g,
 		o,
 		O,
-		k,
+		A,
 		j,
 		_,
-		ee,
 		v,
-		b,
+		y,
 		x,
-		w,
+		S,
 		T,
-		E,
+		ee,
 		te,
 		ne,
-		z,
+		re,
+		ae,
+		de,
 		R,
-		ue
+		fe
 	]);
 	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
+		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
 	});
-}), 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(() => () => {
+}), 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(() => () => {
 		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 je = k(() => {
+		Oe((e) => !e);
 	}, []);
-	M(() => {
-		De(!1);
+	j(() => {
+		Oe(!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: 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, {
 		isOpen: e,
 		orientation: _.Right,
 		title: o,
@@ -565,118 +618,119 @@ var z = {
 			closeLabel: c
 		},
 		onClose: n,
-		resizable: !H,
-		defaultWidth: he,
-		minWidth: ge,
-		maxWidth: U,
-		onResizeStop: _e,
+		resizable: !ge,
+		defaultWidth: _e,
+		minWidth: ve,
+		maxWidth: H,
+		onResizeStop: ye,
 		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", Me, Q?.className)
 		},
-		rightActions: Ne || Pe || $ || Fe || Ie ? /* @__PURE__ */ L(se, { children: [
-			Ne && /* @__PURE__ */ I(b, {
-				icon: I(q ? ne : T, {
-					size: v.LG,
-					stroke: y,
+		rightActions: Pe || Fe || $ || Ie || Le ? /* @__PURE__ */ L(F, { children: [
+			Pe && /* @__PURE__ */ I(x, {
+				icon: I(q ? re : ee, {
+					size: y.LG,
+					stroke: b,
 					"aria-hidden": !0
 				}),
-				"aria-label": q ? j : k,
+				"aria-label": q ? A : O,
 				"aria-pressed": q,
-				tooltipProps: { tooltip: q ? j : k },
-				onClick: Ae
+				tooltipProps: { tooltip: q ? A : O },
+				onClick: je
 			}),
-			Pe && /* @__PURE__ */ I(b, {
-				icon: I(G ? w : E, {
-					size: v.LG,
-					stroke: y,
+			Fe && /* @__PURE__ */ I(x, {
+				icon: I(W ? T : te, {
+					size: y.LG,
+					stroke: b,
 					"aria-hidden": !0
 				}),
-				"aria-label": G ? d : u,
-				tooltipProps: { tooltip: G ? d : u },
-				onClick: Oe
+				"aria-label": W ? d : u,
+				tooltipProps: { tooltip: W ? d : u },
+				onClick: ke
 			}),
-			$ && /* @__PURE__ */ I(b, {
-				icon: I(we ? w : ie, {
-					size: v.LG,
-					stroke: y,
+			$ && /* @__PURE__ */ I(x, {
+				icon: I(Ee ? T : ae, {
+					size: y.LG,
+					stroke: b,
 					"aria-hidden": !0
 				}),
-				"aria-label": we ? p : f,
-				tooltipProps: { tooltip: we ? p : f },
-				onClick: ke
+				"aria-label": Ee ? p : f,
+				tooltipProps: { tooltip: Ee ? p : f },
+				onClick: Ae
 			}),
-			Fe && /* @__PURE__ */ I(b, {
-				icon: I(Te ? w : E, {
-					size: v.LG,
-					stroke: y,
+			Ie && /* @__PURE__ */ I(x, {
+				icon: I(De ? T : te, {
+					size: y.LG,
+					stroke: b,
 					"aria-hidden": !0
 				}),
-				"aria-label": Te ? g : h,
-				tooltipProps: { tooltip: Te ? g : h },
+				"aria-label": De ? g : h,
+				tooltipProps: { tooltip: De ? g : h },
 				onClick: Z
 			}),
-			Ie && /* @__PURE__ */ I(b, {
-				icon: /* @__PURE__ */ I(te, {
-					size: v.LG,
-					stroke: y
+			Le && /* @__PURE__ */ I(x, {
+				icon: /* @__PURE__ */ I(ne, {
+					size: y.LG,
+					stroke: b
 				}),
 				"aria-label": l,
 				tooltipProps: { tooltip: l },
-				onClick: fe
+				onClick: me
 			})
 		] }) : null,
-		children: /* @__PURE__ */ I(xe, {
+		children: /* @__PURE__ */ I(Ce, {
 			content: a,
 			isLoading: t,
 			fileName: o,
 			isHtmlSourceView: q,
 			labels: {
-				unsupportedLabel: S,
-				loadErrorLabel: C,
-				forbiddenErrorLabel: re,
-				visualizerErrorLabel: x,
-				htmlFrameBlockedLabel: D,
-				htmlOpenInNewTabLabel: O,
-				pdfThumbnailsLabel: N,
-				pdfShowThumbnailsLabel: ae,
-				pdfHideThumbnailsLabel: oe,
+				unsupportedLabel: C,
+				loadErrorLabel: w,
+				forbiddenErrorLabel: ie,
+				visualizerErrorLabel: S,
+				htmlFrameBlockedLabel: E,
+				htmlOpenInNewTabLabel: D,
+				pdfThumbnailsLabel: M,
+				pdfShowThumbnailsLabel: oe,
+				pdfHideThumbnailsLabel: se,
 				pdfPageNumberLabel: ce,
-				pdfContentLoadingLabel: R,
-				pdfContentErrorLabel: le,
-				pdfContentRetryLabel: z,
-				codeContentLoadingLabel: ue,
-				codeContentErrorLabel: B,
-				codeContentRetryLabel: de
+				pdfContentLoadingLabel: le,
+				pdfContentErrorLabel: R,
+				pdfContentRetryLabel: ue,
+				xlsxFormulaLabel: de,
+				codeContentLoadingLabel: fe,
+				codeContentErrorLabel: pe,
+				codeContentRetryLabel: z
 			},
-			styles: Me,
-			codeBlockTheme: ve,
-			loadPdf: ye,
-			configurePdfWorker: be
+			styles: Ne,
+			codeBlockTheme: be,
+			loadPdf: xe,
+			configurePdfWorker: Se
 		})
 	});
-}), Ce = {
+}), Te = {
 	type: i.PlainText,
 	text: ""
-}, we = (e) => {
+}, Ee = (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) => {
+}, 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) => {
 		c(e), u(t), i(!0), n(!0);
-	}, []), f = A((e, t, r) => {
+	}, []), f = k((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 = k(() => {
+		o(Te), n(!1), i(!1), u(void 0);
 	}, []);
-	return M(() => () => {
-		let e = we(a);
+	return j(() => () => {
+		let e = Ee(a);
 		e != null && URL.revokeObjectURL(e);
-	}, [a]), /* @__PURE__ */ I(K.Provider, {
-		value: N(() => ({
+	}, [a]), /* @__PURE__ */ I(G.Provider, {
+		value: M(() => ({
 			isOpen: t,
 			isLoading: r,
 			content: a,
@@ -697,24 +751,24 @@ var Te = ({ children: e }) => {
 		]),
 		children: e
 	});
-}, Ee = () => {
-	let e = j(K);
+}, K = () => {
+	let e = A(G);
 	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(() => {
+}, 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]), oe = A(() => {
+	}, [N, P]), F = k(() => {
 		(N.type === i.PlainText || N.type === i.Code) && p(N.text);
-	}, [N]), se = A(() => {
+	}, [N]), L = k(() => {
 		N.type === i.Markdown && p(N.text);
-	}, [N]), L = A(() => {
+	}, [N]), ce = k(() => {
 		N.type === i.Json && p(JSON.stringify(N.value, null, 2));
 	}, [N]);
-	return /* @__PURE__ */ I(G, {
+	return /* @__PURE__ */ I(W, {
 		isOpen: j,
 		isLoading: M,
-		onClose: F,
+		onClose: oe,
 		content: N,
 		fileName: P,
 		labels: {
@@ -724,71 +778,75 @@ var Te = ({ children: e }) => {
 			copyTextLabel: h,
 			copiedTextLabel: g,
 			copyMarkdownLabel: _,
-			copiedMarkdownLabel: ee,
-			copyJsonLabel: v,
-			copiedJsonLabel: y,
+			copiedMarkdownLabel: v,
+			copyJsonLabel: y,
+			copiedJsonLabel: b,
 			unsupportedLabel: d,
 			loadErrorLabel: f,
 			forbiddenErrorLabel: m,
-			htmlFrameBlockedLabel: b,
-			htmlOpenInNewTabLabel: x,
-			htmlViewSourceLabel: S,
-			htmlViewRenderedLabel: C,
-			pdfThumbnailsLabel: w,
-			pdfShowThumbnailsLabel: T,
-			pdfHideThumbnailsLabel: E,
-			pdfPageNumberLabel: te,
-			pdfContentLoadingLabel: ne,
-			pdfContentErrorLabel: re,
-			pdfContentRetryLabel: ie,
+			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: k
+			codeContentRetryLabel: A
 		},
-		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: 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,
 		isMobile: n,
 		defaultWidth: r,
 		maxWidth: a,
 		codeBlockTheme: o,
 		configurePdfWorker: s
 	});
-}), De = new Set(["html", "htm"]), J = {
+}), Oe = new Set(["html", "htm"]), J = {
 	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 = {
 	docx: n.Docx,
 	xlsx: n.Xlsx,
-	pptx: n.Pptx
-}, Oe = {
+	pptx: n.Pptx,
+	csv: n.Csv
+}, ke = {
 	[J.docx]: n.Docx,
 	[J.xlsx]: n.Xlsx,
-	[J.pptx]: n.Pptx
-}, ke = {
+	[J.pptx]: n.Pptx,
+	[u.CSV]: n.Csv
+}, Ae = {
 	[n.Docx]: J.docx,
 	[n.Xlsx]: J.xlsx,
-	[n.Pptx]: J.pptx
+	[n.Pptx]: J.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 = ke[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) => {
+}, je = (e, t) => Z(e, t) != null, Me = (e, t) => {
 	let n = Z(e, t);
-	return n == null ? void 0 : ke[n];
+	return n == null ? void 0 : Ae[n];
 }, Q = (e) => {
 	let t = e.lastIndexOf(".");
 	return t === -1 ? !1 : Y.has(e.slice(t + 1).toLowerCase());
-}, Me = (e) => {
+}, Ne = (e) => {
 	let t = e.lastIndexOf(".");
-	return t === -1 ? !1 : De.has(e.slice(t + 1).toLowerCase());
-}, Ne = {
+	return t === -1 ? !1 : Oe.has(e.slice(t + 1).toLowerCase());
+}, Pe = {
 	xml: "xml",
 	csv: "plaintext",
 	tsv: "plaintext",
@@ -836,21 +894,21 @@ var Te = ({ children: e }) => {
 	gitignore: "plaintext",
 	dockerfile: "plaintext",
 	makefile: "plaintext"
-}, Pe = (e) => Ne[e], $ = (e) => ({
+}, Fe = (e) => Pe[e], $ = (e) => ({
 	type: i.Unsupported,
 	...e != null && { url: e }
-}), Fe = (t) => ({
+}), Ie = (t) => ({
 	type: i.Error,
 	errorType: e.LoadFailed,
 	...t != null && { url: t }
-}), Ie = (t) => ({
+}), Le = (t) => ({
 	type: i.Error,
 	errorType: e.Forbidden,
 	...t != null && { url: t }
-}), Le = (e, t) => {
+}), Re = (e, t) => {
 	let n = e.toLowerCase();
 	return t.find((e) => e.contentType.split(",").some((e) => e.trim().toLowerCase() === n && e.trim() !== ""));
-}, Re = (e) => {
+}, ze = (e) => {
 	let t;
 	try {
 		t = new URL(e).pathname;
@@ -863,13 +921,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) => {
+}, Be = (e, t) => {
+	let { openCanvas: n, openCanvasLoading: r, closeCanvas: a } = K(), { customVisualizers: s, themeId: c, onBeforeOpen: d } = t, f = k(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 = Re(a, s);
 		if (o != null) {
 			let i = await e.resolveVisualizerContent(t, o, c);
 			if (i != null) return n(i, t.name, r), !0;
@@ -902,7 +960,7 @@ 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));
+		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;
 		if (g) {
 			let a = await e.resolveHtmlContent(t);
@@ -911,7 +969,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, Fe(m));
 		return _ == null ? !1 : (n(_, t.name, r), !0);
 	}, [
 		n,
@@ -919,7 +977,7 @@ var Te = ({ children: e }) => {
 		c,
 		e
 	]);
-	return { openAttachmentCanvas: A(async (t, s = t.id) => {
+	return { openAttachmentCanvas: k(async (t, s = t.id) => {
 		switch (t.type) {
 			case o.Image: {
 				let r = e.resolveImageContent(t);
@@ -956,4 +1014,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 { 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 };